@charset "UTF-8";
/* 貧タグすっぴんｈｔｍｌが一発でサマになるCSSを目指していますが、細かいことは気にしない! 対応(含予定)タグ…a, aside, audio, blockquote, body, button, dd, details, div, dl, dt, embed, footer, form, h1～h5,hr, img, input, label, li, main, nav, ol, p, summary, table, td, textarea, tr, ul,*/
/* 覚書…四方一括指定の順序は上・右・下・左。CSSプロパティはABC順で列挙。極力短く詠唱すること。 */
/* 背景_斜めグラデ */
body
	{background: linear-gradient(135deg, #9cc,#369);min-height:1800px;margin-bottom:10em;}
/* 書式指定 */
*	{color:#000;font-family:"BIZ UDPGothic",sans-serif;font-size:11pt;letter-spacing:0em;}
main h1
	{border-bottom:solid 0.5em rgba(255,255,255,0.35);font-size:22pt;padding:3em 0 0 0.3em;}
main h2
	{border-bottom:solid 0.45em rgba(255,255,255,0.4);font-size:14pt;}
main h3
	{border-bottom:solid 0.4em rgba(255,255,255,0.45);font-size:13pt;}
main h4
	{border-bottom:solid 0.35em rgba(255,255,255,0.5);font-size:12pt;}
main h5
	{border-bottom:solid 0.3em rgba(255,255,255,0.55);font-size:11pt;}
main dt
	{border-bottom:solid 0.3em rgba(255,255,255,0.6);color:#369;font-size:11pt;}
h1,h2,h3,h4,h5,dt
	{font-weight:bold;line-height:1;}
h2,h3,h4,h5,dt
	{padding:0.5em 0 0 0.3em;}
body,p,div,form,table,dd,dl,ul,ol,footer
	{font-size:11pt;font-weight:lighter;line-height:1.5;}
hr	{border:none; color:none; height:1em;}
a	{text-decoration:none;margin:0 0.1em;padding:0 0.1em;}
a img
	{margin:0 1px 1px 0;padding:2px;}
a:link
	{background:#fff;color:#00f;}
a:visited
	{background:#fff;color:#00f;}
a:hover
	{background:#ff0;color:#00f;transition:1s;}
a:active
	{background:#ff0;color:#00f;}
details
	{margin:0;padding:0;}
details[open] summary
	{background:none;color:#369;}
details[open] summary:hover
	{background:#ff0;color:#00f;}
summary
	{background:#fff;color:#00f;cursor:pointer;height:;margin:0;overflow:visible;padding:0 0 0 0.5em;transition:0s;width:50%;}
summary:hover
	{background:#ff0;color:#00f;cursor:pointer;transition:1s;}	

/* 箇条書 */
main ul li,ol li ul li
	{list-style-type:square;}
main ol li,ul li ol li
	{list-style-type:decimal-leading-zero;}
ol li ul li,ul li ol li
	{margin:0;margin-left:0.5em;padding:0;}
main li
	{margin-left:2em;padding:0 0 1em 0;}
main ul li::marker,ol li ul li::marker
	{color:#69c;font-size:16pt;}
main ol li::marker,ul li ol li::marker
	{color:#369;font-size:8pt;}
	
main dd
	{background:none;border:solid 1px #fff;border-right:0;border-top:0;margin:0 0 0.3em 1em;max-width:80%;padding:0 0 3px 3px;}
/* 余白消し */
h1,h2,h3,h4,h5,dt
	{margin:0 50% -0.1em 0;}
main
	{padding:0;}
blockquote,button,details,dl,form,input,label,ol,p,td,ul
	{margin:0.2em 0.3em 0.3em 0.2em;padding:0.5em;}
input,button
	{margin:0.5em 0;}
aside,footer,hr,nav
	{margin:0 auto;padding:0;}
/* ブロックボックス指定 */
aside,body,button,footer,footer ul a,input,label,main,nav a,textarea
	{display:block;}
/* ボックス内の埋め込み各種 */
img,embed,video,audio
	{height:auto;padding:0.1em;width:auto;}
/* 白色ボックス */
footer,main
	{background-color:rgba(255,255,255,0.75);border:solid 1px #fff;margin:0.25em auto;padding:0;}
/* 幅寸法の統一 */
aside,footer,main,nav,body dl
	{max-width:800px;}
/* nav,footer内のリンク */
nav ul,footer ul
	{display:flex;flex-wrap:wrap;list-style-type:none;margin:0;padding:0;}
nav li,footer ul li
	{margin:0;padding:0;}
nav a,footer ul a
	{border:solid 1px #fff;font-size:90%;margin:0.1em;padding:0.25em 1em;text-decoration:none;}
nav a:link,footer ul a:link
	{background:#69c;color:#fff;}
nav a:visited,footer ul a:visited
	{background:#69c;color:#fff;}
nav a:hover,footer ul a:hover
	{background:#9cc;color:#699;}
nav a:active,footer ul a:active
	{background:#9cc;color:#699;}
/* 表組み */
td	{border:solid 1px #69c;}
/* フォーム,折り畳み要素 */
input,textarea
	{background:#fff;border:solid 1px #369;color:#000;padding:3px;width:50%;}
input:focus,textarea:focus
	{background:#ffe;color:#369;}
textarea
	{height:7em;}
button[type="submit"],input[type="submit"]
	{background:#69c;border:solid 1px #fff;color:#fff;padding:0.2em 2.5em;width:auto;}
/* フッター */
footer p
	{text-align:center;}
/* モバイルに対する配慮(?) */
@media all and (min-width: 768px) and (max-width: 1280px){
aside,footer,main,nav
	{width:760px;}
audio,embed,img,video
	{height:auto;padding:0.1em;width:auto;}}
@media all and (min-width: 481px) and (max-width: 767px){
aside,footer,main,nav
	{width:420px;}
dd,dt,h1,h2,h3,h4,h5
	{margin:0 10% 3px 0;}
audio,embed,iframe,img,input,textarea,video
	{padding:0.1em 0;max-height:none;max-width:400px;}
input,textarea
	{padding:3px;width:90%;}}
@media all and (max-width: 480px){
aside,footer,main,nav
	{width:100%;}
dd,dt,h1,h2,h3,h4,h5
	{margin:0 10% 3px 0;}
audio,embed,iframe,img,input,textarea,video
	{padding:0.1em 0;max-height:none;max-width:400px;}
input,textarea
	{padding:3px;width:96%;}}/* 終 */