@charset "UTF-8";
@font-face {
  font-family: 'icomoon';
  src:  url('../common/icomoon/icomoon.eot?hecn17');
  src:  url('../common/icomoon/icomoon.eot?hecn17#iefix') format('embedded-opentype'),
    url('../common/icomoon/icomoon.ttf?hecn17') format('truetype'),
    url('../common/icomoon/icomoon.woff?hecn17') format('woff'),
    url('../common/icomoon/icomoon.svg?hecn17#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}


body{
	font-family: 'Bellota Text',Meiryo,メイリオ,sans-serif; line-height: 1.6; 
	background: #fff; color: #000;
 margin:0 auto; padding: 1em 4vw;
}
a:hover,a:focus{ text-decoration:none; }
em{ font-style:normal; }
em,strong{ color:#CC3355; }
var{ padding:0 .2em; font-style:normal; font-family:Serif; }
kbd{ border-bottom:1px dotted #666; padding:0 .4em; } 
.favicon{ margin-right: 5px; vertical-align:middle;  }
img,table{ box-sizing:border-box; max-width:100%; }

p,ul,ol,dl,pre,figure{ margin:.75em 0; }
body>section,body>article,body>footer,body>header{ padding:0 2%; }

summary,h2.tg{ cursor:pointer; }

h1,h2,h3{ font-weight: 400; padding:.35em .7em;margin:1.5em 0 1em;line-height: 1.2; border-radius: 4px; color: #535fb5;}
body>section h1,body>article h1,body>section h2,body>article h2{ margin:1.5em -1.5% 1em; }
h1{ font-weight:600; }
article + article{ border-top:1px dashed #999; padding-top:1px; margin-top:3rem; }

h2.tg{ text-decoration:underline; }
h2.tg::before{ content:""; display:inline-block; width:.5em; height:.5em; border-left:1px solid; border-bottom:1px solid;
	transform:rotate(-45deg); margin-right:.5em; }

figure{ margin:1em 0; padding:0; border:1px solid #888; border-radius:5px; padding: 10px; }
figcaption{ border-bottom: 1px dotted #888; padding:.2em .5em; margin: 0 -10px .5em; }

ul.index li{ display:block; list-style:none; }
ul.index li+li{ border-top: 1px dotted #CCC;  }
ul.index a{ display: block; padding: .25em 1em; }

table{ border: 1px solid #CCC; width: 100%; }
th,td{ padding:.35em .8em; }
th{ text-align: right; background: #eee; }
div.content{ margin: 0; padding:.5em 0; }

/*
pre,code{ background-color:#3d5343; color: #fafafa; border-radius: 3px; }
pre{ padding:.5em 1em; border: 1px solid #b8aab7; border-radius:5px; box-sizing:border-box;
	 border: #999 3px ridge; max-height:80vh; overflow: auto;}
*/
pre,code{ background:#F0F0F0; }
code{ margin:0 .2em; padding:.1em .25em; }
pre{ padding:.75em 0; overflow:auto; max-width:100%; border:solid #F0F0F0; border-width:0 .75em; }
mark{ background-color:transparent; color:inherit; background:linear-gradient(transparent 60%, #ff6 60%); }
strong{  }
code em,code strong{ }
code strong{ border-bottom:2px solid #FF77AA; padding:0 .2em; text-shadow:none; }
code strong.lr{ border:none; }
code b.lr{ font-weight:600; color:#FF77AA; }
code b.w1{ font-weight:600; color:orange; }
code b.w2{ font-weight:600; color:green }
code var{ font-weight:600; }

b.selector{ color:#ff7d4f; }
b.property{ color:#b2e6b1; }
b.value{ color:#b2e6ee; }

pre code{ margin:0; padding: 0; }
/*code var,pre var{ color:#18f657; }*/
figure pre{ margin:0; }
figure pre+pre{ margin-top:.5em; }

aside{ font-size: 13px;}

p.notice{ border: 1px solid #999; padding: .55em 1em; }
p.notice:before{ content: "Notice:"; display:block; font-weight:700; }

mark.logo{ 
	display:block; font-size: 12px; text-align:center; color: #000;
	background:transparent url(./icon.png) no-repeat 50% 5px; 
	width: 60px; border-radius: 5px; border: 1px solid #000; padding-top: 40px;
}
p.updata{ text-align: right; margin-top:-.5em; }

dl.TermsOfUse{ border: 3px double #999; padding: .35em .5em; }
dl.TermsOfUse dt{ border-bottom: 1px dotted #999; margin-bottom:.5em }

div.zip{ width: 18em; float: right; margin-left:1em; box-sizing:border-box;  }
div.zip ul{ margin:0; padding:0; }
ul.zip li{ list-style: none; margin: 0; padding: 0;}
ul.zip li.folder{  border: 1px solid #000; margin:0 0 10px; padding:10px; border-radius: 5px;}
ul.zip>li.folder{ border:none; margin:0; border-radius:0; padding:10px; border-bottom:1px solid #000; }
ul.zip>li.file,ul.zip>li.img{ clear:both; padding:10px 10px 0; }
ul.zip+div.note{ }

dt{ border-top: 1px dotted #999; border-bottom: 1px dotted #999; margin: .25em 0; padding:.15em; }

div.summary{ overflow:hidden; }
article:after,
section:after{ content: ""; display: block; clear: both; }


footer{ margin-top: 3em; }
p.path{ background: #eee; padding: .35em .8em; border: 1px solid #CCC; border-radius: 4px; }

ins[title]{ margin:1em 0;display:block; border:3px double #999; padding: .5em 1em; text-decoration: none;  }
ins[title]::before{ content: attr(title); display: block; font-weight:600; font-size: 13px;
				border-bottom: 1px dotted #999; margin-bottom:.5em; }
ins p{ margin: 0; }
dfn{ font-style:normal; font-weight:bold; }
p.note,ul.note,dl.note{ font-size:13px; }
img.favicon{ width:16px; height:16px; }

/* ◆icon ============================== */

dl.TermsOfUse dt:before,
dl.TermsOfUse dd:before,
h3::before,
li.folder::before,
li.img::before,
li.file::before,
p.path::before{ font-family:icomoon; speak:none; line-height: 1; font-weight:400; padding-right:.2em; }

dl.TermsOfUse dt:before{ content: "\ea08"; }
dl.TermsOfUse dd:before{ content: "\ea10"; color: red; }
h3::before{ content: "\ea04"}
li.folder::before{ content: "\e930"; }
li.img::before{ content: "\e927"; }
li.file::before{ content: "\e926"; }
p.path::before{ content: "\e947"; }

@media screen and (max-width:35em)
{
	div.zip{ width: auto; float:none; margin-left:0; }
}