@charset "shift_jis";

body{ 
margin:0;padding:0} 
.fp-pagetitle,.globalmenu,h3::after{ 
position:absolute} 
#footlink,.center,.copyright,.globalmenu ul li,.modoru,body{ 
text-align:center} 
.sns li,.sns ul{ 
list-style:none} 
.answer1,.rnd1{ 
behavior:url(css/PIE.htc)} 
*{ 
font-family:"ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif} 
body{ 
color:#333;font-size:.9em;line-height:140%;background-color:#f5f5f5} 
div,h1,h2,h3,h4,h5,h6,p{ 
margin:0;padding:0;display:block;text-align:left} 
h1,h2,h3,h4,h5,h6{ 
clear:both} 
.clearfix{ 
zoom:1} 
a,a:visited{ 
color:#0098cc} 
a:hover{ 
color:red} 
a img{ 
border:none;text-decoration:none} 
.txt-img{ 
padding:10px 10px 0;margin:5px 15px 25px;float:left;border:1px solid #ddd} 
.aligncenter,img.aligncenter,img.gazouclick{ 
margin:0 auto;display:block} 
.category-list img,.txt-img img{ 
width:336px;height:280px;border:1px solid #ccc} 
a:hover img{ 
-moz-opacity:.8;opacity:.8} 
img.gazouclick{ 
width:748px;height:75px} 
.ss{ 
font-size:14px;line-height:1.6} 
.b,.big2,.bigb,.bigr,.bigs,.blue,.green,.red,b{ 
font-weight:700;padding:0 .3em} 
em,strong{ 
margin:0 .2em;padding:0} 
.b{ 
color:#000} 
.blue{ 
color:#235ec4} 
.red{ 
color:red} 
.green{ 
color:green} 
.brown{ 
color:#c30} 
.pink{ 
color:pink} 
.purple{ 
color:#8a2be2} 
.big,.big2,.bigs{ 
color:#000;line-height:1.6} 
.bigs{ 
font-size:125%} 
.big{ 
font-size:150%} 
.big2{ 
font-size:200%} 
.bigr,.modoru{ 
font-size:150%} 
.bigr{ 
line-height:1.6;color:red} 
strong{ 
font-weight:700} 
em{ 
font-weight:400;text-decoration:underline} 
#pagetop a:hover,.copyright a,.globalmenu ul li a,.sns li a{ 
text-decoration:none} 
.modoru{ 
margin:30px 0} 
dl,li{ 
margin:0} 
ol,ul{ 
display:block;padding:0 0 0 25px;margin:10px 0} 
ol{ 
list-style-type:decimal} 
dl{ 
padding:0} 
li{ 
display:list-item} 
ol,p,ul{ 
font-size:19px;line-height:1.6;width:auto} 
p{ 
margin:0 20px 30px} 
.fp-pagetitle{ 
clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(0 0 99.9% 99.9%);clip-path:inset(0 0 99.9% 99.9%);overflow:hidden;height:1px;width:1px;padding:0;border:0} 
.gazou{ 
background:url(img/header.png);width:800px;height:240px;padding:0 0 50px;margin:0 0 10px} 
.sitename{ 
padding:40px 10px 0;border:none} 
.sitename img{ 
width:432px;height:53px;} 
.sitename a{ 
display:block} 
.header-dscr{ 
width:55%;font-size:13px;font-weight:700;padding:0 10px 10px} 
.header-dscr p{ 
font-size:13px;padding:0;margin:10px} 
.globalmenu{ 
top:250px} 
.globalmenu ul{ 
margin:0 10px;padding:0} 
.globalmenu ul li{ 
font-size:13px;list-style-type:none;list-style-image:none;float:left;width:auto;border:1px solid #ccc;border-radius:3px;margin:5px} 
.globalmenu ul li a{ 
display:block;color:#0098cc;font-weight:700;padding:5px} 
.globalmenu ul li a:hover{ 
color:#fff;background:#006bf9} 
#container{ 
width:800px;padding:0 5px 5px;margin:0 auto;background:#fff;border-top:5px solid #ff4500;border-left:1px solid #ccc;border-right:1px solid #ccc} 
.clearfix:after,.kizi:after{ 
content:"";clear:both;display:block} 
.kizi{ 
margin-bottom:20px;padding:0} 
#siteNavi{ 
font-size:1em;line-height:1.5em;margin:10px} 
#contents{ 
min-height:400px;padding:0 15px} 
#contents:after,#menu:after{ 
height:1px;overflow:hidden;content:"";display:block;clear:both} 
.copyright{ 
font-size:16px;line-height:64px;height:64px} 
#footlink{ 
padding:8px 0;color:#666;font-size:12px;background-color:#E5E5E5} 
h2.entry-title,h2.header{ 
border:none;text-shadow:none;background:#fff;box-shadow:none} 
#footlink a{ 
color:#666;margin:0 5px} 
main{ 
width:auto} 
h2.header{ 
font-size:18px;color:#ff8000;padding:0;margin:0 10px} 
h2.entry-title{ 
font-size:25px;line-height:1.4;color:#ff4500;margin:10px 0 20px;padding:0 15px} 
h2,h3{ 
box-shadow:1px 1px 5px #555;position:relative;line-height:1.5em} 
h2{ 
font-size:26px;color:#fff;background:#ff9f20;border-radius:3px;margin:30px 10px;padding:15px 20px 15px 35px;text-shadow:1px 1px 5px #555} 
h3{ 
font-size:24px;color:#222;border:1px solid #ccc;border-radius:3px;border-top:2px solid #ff8000;margin:50px 15px 20px;padding:10px 10px 5px 30px} 
h3::after{ 
top:.5em;left:.5em;content:'';width:6px;height:-webkit-calc(100% - 1em);height:calc(100% - 1em);background-color:#ff8000;border-radius:4px} 
h2.cat::after,h2.entry-title::after,h2.ichiran::after,h3.ichiran{ 
border:none} 
h2.cat,h3.cat{ 
font-size:22px;color:#333;line-height:1.5em;margin:0;padding:5px 10px;border:none;background:0 0;text-shadow:none;box-shadow:none} 
h3.cat::after,h3.ichiran::after{ 
content:none} 
h4{ 
font-size:20px;line-height:1.5em;margin:20px 15px 10px;padding:10px 15px;color:#000;background:#efefef;border-left:solid 5px #ff8000} 
h5,h6{ 
background-repeat:no-repeat;font-size:15px} 
h5{ 
background-image:url(img/h5.jpg);background-position:left 2px;line-height:26px;text-indent:25px;margin-top:10px;margin-bottom:3px} 
h6{ 
background-image:url(img/h6.jpg);background-position:left center;padding-left:20px;line-height:20px;margin-top:6px;margin-bottom:6px} 
.category-list{ 
width:100%;margin:0;font-size:100%;padding:10px 0;box-shadow:none;display:table} 
ichiranbox dl{ 
box-shadow:0 0 6px rgba(100,100,100,.3) inset} 
.category-list {text-align:center; width:100%}
.category-list li{ 
position:relative;width:45%;display:inline-block;margin:0 0 20px;background:#f1fdfd;padding:1em .6em;border:1px solid #dadada;border-top:1px solid #bbb;vertical-align:top}
.category-list li:nth-child(2n) { margin-left:15px}
.category-list a,.ichiranbox dt a{ 
display:block} 
.r{ 
float:right} 
.category-list img{ 
display:block;margin:0 auto;border:1px solid #ccc;background:#fff} 
.category-list p{ 
font-size:15px;line-height:1.4;text-align:left;margin:0} 
.catspan{ 
color:#fff;font-size:100%;font-weight:700;background:#ff9a02;padding:.2em .6em;position:absolute;top:0;left:0} 
.responbox img{ 
border:1px solid #ccc;background:#fff} 
.responbox .lbox{ 
float:left;padding-right:7px;width:50%;box-sizing:border-box} 
.responbox .rbox{ 
float:right;width:50%;padding-left:7px;box-sizing:border-box} 
.graybox{ 
background:#f1f1f1;border:1px solid #ddd;margin:10px auto;padding:10px} 
.ichiranbox dl{ 
background:#f1fdfd;border:1px solid #ddd;box-sizing:border-box;float:left;width:49.5%;margin:0 0 10px} 
.ichiranbox dl:nth-child(2n){ 
float:right} 
.ichiranbox dt,.layout_l,.sns li{ 
float:left} 
.ichiranbox img{ 
width:200px;height:150px;background:#fff;border:1px solid #ccc;margin:5px 5px 0} 
.ichiranbox dd{ 
margin:0 0 0 212px;padding:0;position:absolute;width:168px;font-size:12px} 
.answer1,.answer2,.rnd1,.sns li a{ 
position:relative} 
.topnews,table{ 
width:100%} 
h2.ichiran,h3.ichiran{ 
font-size:19px;color:#333;overflow:visible;background:0 0;text-shadow:none;box-shadow:none;margin:0;padding:10px 5px 0} 
.ichiranbox p{ 
font-size:17px;margin:0;padding:0 5px} 
.ad,adtop{ 
padding:20px 0;text-align:center} 
.adtop{
height:140px;}
#pagetop{ 
text-align:right} 
#footermenu,.rimg,.rtitle,.sns,.sns li,.sns li a{ 
text-align:center} 
#pagetop a{ 
padding:0 5px} 
.sns{ 
margin:20px 0} 
.snstext{ 
font-size:13px;vertical-align:middle} 
.sns ul{ 
padding:0;margin:0;display:inline-block} 
.sns li{ 
padding:0 5px} 
.sns li a{ 
font-weight:700;display:block;padding:0;color:#fff;border-radius:3px} 
.sns .twitter a{ 
background:#55acee} 
.sns .twitter a:hover{ 
background:#4892cb} 
.sns .twitter .snstext{ 
border-left:1px solid #9ACFF4;padding-left:10px;margin-left:10px} 
.sns .facebook a{ 
background:#3b5998} 
.sns .facebook a:hover{ 
background:#324c81} 
.sns .facebook .snstext{ 
border-left:1px solid #607BB2;padding-left:10px;margin-left:5px} 
.sns .googleplus a{ 
font-family:sans-serif;background:#dc4e41;font-size:25px;padding:0 8px;border-radius:4px} 
.sns .googleplus a:hover{ 
background:#bb4237} 
.sns .googleplus .snstext{ 
border-left:1px solid #E0776D;padding-left:10px;margin-left:5px} 
.sns .hatebu a{ 
background:#00a5de;font-size:25px;padding:0 8px;border-radius:7px} 
.sns .hatebu a:hover{ 
background:#008cbd} 
.sns .hatebu .snstext{ 
border-left:1px solid #48B6DB;padding-left:10px;margin-left:3px} 
.sns .line a{ 
background:#25af00} 
.sns .line a:hover{ 
background:#219900} 
.sns .pocket a{ 
background:#f03e51} 
.sns .pocket .snstext{ 
border-left:1px solid #F27985;padding-left:10px;margin-left:5px} 
.sns .pocket a:hover{ 
background:#c0392b} 
.accept,.alert,.arrow_black,.arrow_blue,.arrow_orange,.arrow_red,.point,.rank1,.rank2,.rank3,.rank4,.rank5{ 
background-repeat:no-repeat} 
.topnews dl{ 
margin:10px 15px 0} 
.topnews dt{ 
font-weight:700;float:left;padding:5px 0} 
.topnews dd{ 
padding:5px 0 5px 130px;margin:0} 
.point,.point1,.point10,.point2,.point3,.point4,.point5,.point6,.point7,.point8,.point9,.rank1,.rank2,.rank3,.rank4,.rank5{ 
font-family:sans-serif;font-weight:700;overflow:hidden} 
h4,h5,h6,ol,ul{ 
overflow:hidden} 
.lbg{ 
line-height:140%} 
.rank1,.rank2,.rank3,.rank4,.rank5{ 
height:25px;font-size:18px;margin:10px 15px 15px;padding:35px 0 5px 65px;color:#333;border-bottom:dotted 1px #666;clear:both} 
.rank1{ 
background-image:url(img/rank1_a.gif)} 
.rank2{ 
background-image:url(img/rank2_a.gif)} 
.rank3{ 
background-image:url(img/rank3_a.gif)} 
.rank4{ 
background-image:url(img/rank4_a.gif)} 
.rank5{ 
background-image:url(img/rank5_a.gif)} 
.point1,.point10,.point2,.point3,.point4,.point5,.point6,.point7,.point8,.point9{ 
background-repeat:no-repeat;height:26px;padding-left:46px;font-size:16px;margin:10px 15px;padding-top:14px;border-bottom:dotted 2px #CCC;color:#3F3F3F;background-position:4px top;clear:both} 
.point{ 
font-size:18px;color:#333;background-image:url(../img/point.png);padding-top:5px;padding-bottom:5px;padding-left:60px;margin:0 15px 5px;line-height:130%} 
.point1{ 
background-image:url(img/point1.gif)} 
.point2{ 
background-image:url(img/point2.gif)} 
.point3{ 
background-image:url(img/point3.gif)} 
.point4{ 
background-image:url(img/point4.gif)} 
.point5{ 
background-image:url(img/point5.gif)} 
.point6{ 
background-image:url(img/point6.gif)} 
.point7{ 
background-image:url(img/point7.gif)} 
.point8{ 
background-image:url(img/point8.gif)} 
.point9{ 
background-image:url(img/point9.gif)} 
.point10{ 
background-image:url(img/point10.gif)} 
.arrow_black,.arrow_blue,.arrow_orange,.arrow_red{ 
font-weight:700;line-height:160%;font-size:16px;background-position:left center;padding-left:25px;margin-top:3px;margin-bottom:3px;font-family:sans-serif;overflow:hidden} 
.arrow_blue{ 
background-image:url(img/arrow_blue.gif)} 
.arrow_orange{ 
background-image:url(img/arrow_orange.gif)} 
.arrow_black{ 
background-image:url(img/arrow_black.gif)} 
.arrow_red{ 
background-image:url(img/arrow_red.gif)} 
blockquote{ 
font-size:17px;color:#666;border:2px dotted #CCC;margin:15px;line-height:130%;padding:10px} 
.accept,.alert,.attention,.thint{ 
font-size:20px;line-height:130%;margin:10px 15px 30px;background-position:8px 3px;padding:10px 10px 10px 55px} 
.accept p,.alert p,.attention p,.thint p{ 
margin-bottom:0} 
.alert{ 
background-color:#FFEFEF;background-image:url(img/alert.png);color:#A2462F;border:1px solid #FABDA7} 
.accept{ 
border:1px solid #C2E39B;background-color:#EFFADA;background-image:url(img/accept.png);color:#346F15} 
.attention{ 
border:1px solid #FDE8A8;background-color:#FEF8E0;background-image:url(img/attention.png);background-repeat:no-repeat;color:#804900} 
.thint,.user1,.user2{ 
background-color:#EFF4FA;border:1px solid #C5D7ED;background-repeat:no-repeat} 
.thint{ 
background-image:url(img/thint.png);color:#2C4F7A} 
.user1,.user2{ 
font-size:12px;line-height:130%;margin:10px 15px;background-position:12px 12px;min-height:70px;overflow:hidden;padding:12px 12px 12px 100px} 
.user1{ 
background-image:url(img/user1.png)} 
.user2{ 
background-image:url(img/user2.png)} 
.noimage{ 
padding-left:12px;background-image:none;min-height:15px} 
.ylw{ 
background-color:#FFE566;font-weight:700;padding:2px} 
.dottbox,.graybg,.nmlbox,.ylwbox{ 
padding:15px;margin:10px 20px;clear:both} 
.graybg{ 
background-color:#f1f1f1} 
.dottbox{ 
border:1px dotted #666} 
.nmlbox{ 
border:1px solid #ccc} 
.ylwbox{ 
background-color:#FFFFD2;border:2px solid #C00} 
.border1,.border2,.border3,.borderdot,.borderdot2{ 
margin:10px;padding:0;line-height:1px;height:1px;overflow:hidden} 
.rnd1,.shadow1,.shadow2,.shadow3{ 
padding:15px;margin:15px auto} 
.border1{ 
border-bottom:solid 1px #999} 
.border2{ 
border-bottom:solid 1px #900} 
.border3{ 
border-bottom:solid 1px #036} 
.borderdot{ 
border-top:dotted 1px #999} 
.borderdot2{ 
border-top:dotted 2px #999} 
.layout_r{ 
float:right} 
.hd,.hd:hover,.hd:visited{ 
color:#333;text-decoration:none} 
.rnd1{ 
z-index:1;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px} 
.rbox1{ 
background-color:#f0f0f0;border:1px solid #d7d7d7} 
.rbox2,.rbox3{ 
background-color:#fff} 
.rbox2{ 
border:2px solid #FF843F} 
.answer1,.rbox4{ 
background-color:#f5f5f5} 
.shadow1{ 
-moz-box-shadow:2px 2px 2px rgba(0,0,0,.4);-webkit-box-shadow:2px 2px 3px rgba(0,0,0,.4);box-shadow:2px 2px 2px rgba(0,0,0,.4)} 
.shadow2{ 
-moz-box-shadow:2px 2px 3px rgba(0,0,0,.3);-webkit-box-shadow:2px 2px 3px rgba(0,0,0,.3);box-shadow:0 0 3px rgba(0,0,0,.3)} 
.question1{ 
font-size:17px;font-weight:700;line-height:130%;margin:15px auto 4px;padding:5px 0 6px 50px;background-image:url(img/q1.png);background-repeat:no-repeat;background-position:10px top} 
.answer1{ 
font-size:13px;line-height:140%;border:1px solid #ccc;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;margin:5px auto 35px;padding:20px 20px 20px 60px;background-image:url(img/a1.png);background-repeat:no-repeat;background-position:12px 18px} 
.question2{ 
font-size:17px;font-weight:700;line-height:130%;margin:20px auto 4px;padding:5px 0 6px 50px;background-image:url(img/q2.png);background-repeat:no-repeat;background-position:10px top} 
.answer2,table{ 
font-size:13px} 
.answer2{ 
line-height:140%;margin:5px auto 15px;padding:10px 10px 20px 50px;background-image:url(img/a2.png);background-repeat:no-repeat;background-position:10px 12px;border-bottom:dotted 1px #ccc} 
td,th{ 
padding:5px} 
#footermenu{ 
padding:6px} 
table{ 
border-collapse: collapse;
font-size:15px}
thead{ 
/*background-color:#eeeded;*/
border-bottom: solid 2px #888}
td{ 
background-color:#fff}
table,td,th{ 
padding: 10px 5px 5px;
border-bottom:dotted 1px #d9d8d8} 
#menu .ritem td,#rmenu .ritem td,table#toptbl,table#toptbl td,table#toptbl th{ 
border:none} 
.rtitle{ 
height:44px;overflow:hidden;padding:4px} 
.timg img{ 
max-width:200px;height:auto} 
.price{ 
color:#C00;font-weight:700} 
.tdesc{ 
text-align:left;vertical-align:top} 
.scrollbox{ overflow:auto;margin:10px 20px}
@media(max-width:768px) and (min-width:414px){ 
#container,#footer,.globalmenu,header{width:100%} 
#container{ 
padding:0 0 5px;background:#fff;border:none} 
.gazou{ 
background:url(img/headertablet.png);width:768px} 
#contents{ 
padding:0 10px} 
.globalmenu ul{ 
margin:0 5px} 
.globalmenu ul li a{ 
padding:5px 4px} 
.ichiranbox dd{ 
width:156px} 
p{ 
padding:0 20px;margin:0 0 30px} 
.txt-img{ 
margin:4px 20px 20px} 
h2{ 
margin:20px} 
h2::after{ 
left:50px} 
h3{ 
margin:50px 20px 20px} 
.dottbox,.graybg,.nmlbox,.ylwbox{ 
margin:10px 30px} 
.accept,.alert,.attention,.thint{ 
marigin:15px 20px} 
.category-list p{ 
padding:0} 
}
body{font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka", Verdana,Arial, Helvetica, sans-serif;font-weight:normal;}
h1,h2,h3,h4,h5,h6{font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka", Verdana,Arial, Helvetica, sans-serif;font-weight:bold;}
.rank1,.rank2,.rank3,.rank4,.rank5,.rank6,.rank7,.rank8,.rank9,.rank10,.point,.point1,.point2,.point3,.point4,.point5,.point6,.point7,.point8,.point9,.point10{font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka", Verdana,Arial, Helvetica, sans-serif;font-weight:bold;}
#text1,#text2,#text3,#text4,#text5,#text6,#text7,#text8,#text9,#text10{font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka", Verdana,Arial, Helvetica, sans-serif;font-weight:normal;}