@charset "UTF-8";
/* 基本設定
******************************************************************************************** */
html { }
body { margin:0px; padding:0px; border:0px; color:#333333; font-family:'Hiragino Kaku Gothic Pro!', 'ヒラギノ角ゴ Pro W3', 'メイリオ', Meiryo, Osaka, 'MS Pゴシック', sans-serif; font-size:16px; background-color: #ffffff; background-repeat: repeat-x; background-position: center top; }
div, h1, h2, h3, h4, h5, h6, form, pre { margin:0px; padding:0px; border:0px; display: block; font-size:100%; }
div div { }
ul, li, ol, dl, dt, dd { margin:0px; padding:0px; list-style:none; list-style-image:none; }
input, select { line-height:1em; }
fieldset { border:none; margin:0px; padding:0px; }
hr, legend { display:none; }
span { font-size:100%; }
pre { font-size:12px; }
a { color:#0066FF; text-decoration:underline; font-size:100%; overflow:hidden; outline:none; }
a:hover { color:#0066FF; text-decoration:none; }
a img { }
a:hover img { opacity:0.8; filter: alpha(opacity=80); -ms-filter: "alpha( opacity=80 )"; background: #fff; }
/* レイアウト設定
******************************************************************************************** */
div#main { width:800px; margin-left:auto; margin-right:auto; border:solid 1px #a2bbbb;}
div#primary { padding:100px;}
div#comments { width:700px; margin:auto; }
h1 { border-bottom:solid 1px; font-size:15px; font-weight:bold; margin-bottom:10px; }
h2 { font-size:20px; margin-top:20px; margin-bottom:10px; color:#206e96; }
p { margin-top:30px; margin-bottom:30px; font-size:17px; line-height:1.6; }
ol.commentlist { width:600px;}





/* CLEARFIX CONFIG
******************************************************************************************** */
.clrfix:after, #wrapper:after, #container:after, #header:after, #main:after, #contents:after, #sitenv:after, #btmnv:after, #footer:after, .txt_pic:after, .block:after, .inner:after, .box:after { content:"."; display:block; height:0px; clear:both; visibility:hidden; }
.clrfix, #wrapper, #container, #header, #main, #contents, #sitenv, #btmnv, #footer, .txt_pic, .block, .inner, .box { display:inline-table; min-height:1%; }
* html .clrfix, * html #wrapper, * html #container, * html #header, * html #main, * html #contents, * html #sitenv, * html #btmnv, * html #footer, * html .txt_pic, * html .block, * html .inner, * html .box { height:1px; }
.clrfix, #wrapper, #container, #header, #main, #contents, #sitenv, #btmnv, #footer, .txt_pic, .block, .inner, .box { display:block; }

.commentnumber { font-size:20px !important;}
#comento { width:600px; margin-left:auto; margin-right:auto;}
.comment-respond {  width:96% !important;}

@media screen and (max-width: 768px) {
div#main { width:100% !important; margin-left:auto; margin-right:auto; border:solid 1px #a2bbbb;}
#comento { width:100%;}
div#comments { width:100%;}
img.w100 { width:100%;}
h1.entry-title , div.entry-content { width:96%; margin-left:auto !important; margin-right:auto !important;}
div.entry-content br { display:none;}
h1.entry-title { font-size:26px !important; line-height: 35px !important;}
div#primary { padding:0;}
#respond { margin:0 auto; padding:0; width:96%;}
input , #comment { width:90% !important;}
br.spb { display:inline !important;}
ol.commentlist { width:100%;}
.t36 { font-size:26px;}
}