@charset "utf-8";body{margin:0px;padding:0px;color:#666;font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-size:14px;line-height:2;background:#fff;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-text-size-adjust:none;}
body#top{background:#fff url(../images/mainimg_s.jpg) no-repeat center top;background:#fff url(../images/mainimg.jpg) no-repeat center top/1200px;}
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure,form{margin:0px;padding:0px;}
ul{list-style-type:none;}
img{border:none;max-width:100%;height:auto;}
a img:hover{opacity:0.7;}
table{border-collapse:collapse;font-size:100%;border-spacing:0;}
iframe{width:100%;}
a{color:#666;-webkit-transition:0.5s;transition:0.5s;}
a:hover{color:#67594d;text-decoration:none;}
#container{width:980px;margin:0 auto;}
header{padding:20px 0px;overflow:hidden;}
header #logo{float:left;width:300px;margin-left:30px;}
#menubar{clear:both;width:100%;overflow:hidden;background:#f7594d;background:-moz-linear-gradient(rgba(247,89,77,0.1), rgba(247,89,77,0.6) 50%, rgba(247,89,77,1) 51%, rgba(247,89,77,0.8));background:-webkit-linear-gradient(rgba(247,89,77,0.1), rgba(247,89,77,0.6) 50%, rgba(247,89,77,1) 51%, rgba(247,89,77,0.8));background:-webkit-gradient(linear, 0 0, 0 100%, from(rgba(247,89,77,0.1)), color-stop(0.5, rgba(247,89,77,0.6)), color-stop(0.51, rgba(247,89,77,1)), to(rgba(247,89,77,0.8)));background:-o-linear-gradient(rgba(247,89,77,0.1), rgba(247,89,77,0.6) 50%, rgba(247,89,77,1) 51%, rgba(247,89,77,0.8));background:linear-gradient(rgba(247,89,77,0.1), rgba(247,89,77,0.6) 50%, rgba(247,89,77,1) 51%, rgba(247,89,77,0.8));border:1px solid #f7594d;-webkit-box-shadow:2px 4px 10px rgba(247,89,77,0.8), 0px 0px 10px rgba(255,255,255,0.4) inset;box-shadow:2px 4px 10px rgba(247,89,77,0.8), 0px 0px 10px rgba(255,255,255,0.4) inset;border-radius:10px;}
#top #menubar{margin-bottom:280px;}
#menubar li{float:left;text-align:center;}
#menubar li:first-child{border-left:1px solid #f7594d;margin-left:40px;}
#menubar li:last-child{border-right:1px solid rgba(255,255,255,0.4);}
#menubar a{display:block;text-decoration:none;color:#fff;text-shadow:0px -1px #f7594d;padding:10px 20px;border-right:1px solid #f7594d;border-left:1px solid rgba(255,255,255,0.4);letter-spacing:0.2em;font-size:16px;}
#menubar a:hover{background:#f7594d;}
#menubar-s{display:none;}
#menubar_hdr{display:none;}
h1{color:#ff3;text-shadow:2px 2px 5px red,
-2px 2px 5px red,
2px -2px 5px red,
-2px -2px 5px red;padding-left:8px;}
fieldset{touch-callout:default;}
#contents{clear:left;overflow:hidden;padding-top:40px;}
#main{float:right;width:700px;overflow:hidden;}
.c1 #main{float:none;width:100%;}
#main h2{clear:both;margin-bottom:15px;font-size:100%;color:#FFF;padding:5px 15px;background:#f7594d;background:rgba(247,89,77,0.8);border-radius:3px;}
#main h2::first-letter{border-left:3px solid #fff;padding-left:10px;}
#main h3{clear:both;margin-bottom:15px;font-size:100%;background:#FFF;padding:4px 15px;border:1px solid #ccc;border-radius:3px;}
#main h3::first-letter{border-left:3px solid #f7594d;padding-left:10px;}
#main p{padding:7px 15px 14px;}
#main p + p{padding-top:0px;}
#main h2 + p,
#main h3 + p{padding-top:0px;margin-top:-5px;}
#main section.list{position:relative;overflow:hidden;background:#fff;padding:3.5%;border:1px solid #e0e0e0;border-radius:10px;margin-bottom:15px;}
#main section.list h4{color:#f7594d;margin-left:24%;}
#main section.list p{padding:0px;margin-left:24%;}
#main section.list figure img{float:left;width:20%;}
#main section.list.compact{width:23%;height:220px;float:left;margin-left:2.5%;}
.c1 #main section.list.compact{height:250px;}
#main section.list.compact h4{margin-left:0;}
#main section.list.compact p{margin-left:0;font-size:11px;line-height:1.4;margin-bottom:5px;}
#main section.list.compact figure img{float:none;width:auto;margin:0;}
#main section.circle img{border-radius:200px;border:10px solid #ececec;width:130px;height:130px;float:left;margin-left:2.5%;margin-bottom:15px;}
#sub{float:left;width:230px;}
.c1 #sub{display:none;}
#sub h2{font-size:100%;padding-bottom:10px;}
#sub h2::first-letter{border-left:3px solid #b5b5b5;padding-left:10px;}
#sub ul.submenu{margin-bottom:15px;border-top:solid 1px #e4e4e4;}
#sub ul.submenu li{background:#fff;border-bottom:solid 1px #e4e4e4;}
#sub ul.submenu li a{text-decoration:none;display:block;padding:2px 10px;}
#sub .box1{padding:15px;margin-bottom:15px;background:#f3f3f3;background:rgba(0,0,0,0.05);border:solid 1px #ccc;-webkit-box-shadow:0px 0px 1px 1px #fff inset;box-shadow:0px 0px 1px 1px #fff inset;border-radius:10px;}
#sub .box1 ul.submenu{margin-bottom:0px;}
footer{clear:both;text-align:center;padding:10px 0px;}
footer a{text-decoration:none;}
footer a:hover{}
footer .pr{display:block;font-size:80%;}
#new dl{padding-left:15px;margin-bottom:15px;height:170px;overflow:auto;}
#new dt{font-weight:bold;float:left;width:8em;}
#new dd{padding-left:8em;}
.ta1{width:100%;margin-bottom:15px;}
.ta1, .ta1 td, .ta1 th{border:1px solid #ccc;padding:10px;word-break:break-all;}
.ta1 th.tamidashi{width:auto;text-align:left;background:#e5eef3;}
.ta1 th{width:140px;text-align:center;background:#f7f7f7;}
.ta1 img{vertical-align:bottom;}
#pagetop{clear:both;padding-top:40px;}
#pagetop a{color:#FFF;font-size:20px;background:#ccc;text-decoration:none;text-align:center;display:block;float:right;border-radius:30px;width:50px;line-height:50px;}
#pagetop a:hover{background-color:#999;color:#FFF;}
.newicon{background:#F00;color:#FFF;font-size:10px;padding:0px 5px;border-radius:2px;margin:0px 5px;}
.pink{color:#f0f;}
.blue{color:#00f;}
.red{color:#f00;}
.purple{color:#a5a;}
.green{color:#0c0;}
.look{background:#dcdcdc;}
.mb15,.mb1em{margin-bottom:15px;}
.clear{clear:both;}
ul.disc{padding:0em 25px 1em;list-style:disc;}
.color1{color:#f7594d;}
.pr{font-size:10px;}
.wl{width:96%;}
.ws{width:50%;}
.c{text-align:center;}
.r{text-align:right;}
.l{text-align:left;}
img.fr{float:right;margin-left:10px;margin-bottom:10px;}
img.fl{float:left;margin-right:10px;margin-bottom:10px;}
.big1{font-size:30px;letter-spacing:0.2em;}
.mini1{font-size:11px;}
@media screen and (max-width:800px){body#top{background:#fff url(../images/mainimg_s.jpg) no-repeat center top/120%;}
#container{width:auto;margin:10px;}
#top header{padding:0px 0px 30%;}
#menubar-s{background:rgba(255,255,255,0.5);border-radius:10px;overflow:hidden;padding:10px 0px;}
#menubar-s li{width:48%;float:left;margin:0 1% 10px;}
#menubar-s a{display:block;text-decoration:none;color:#fff;text-shadow:0px -1px #f7594d;padding:10px 20px;border-radius:10px;border:1px solid #f7594d;background:-moz-linear-gradient(rgba(247,89,77,0.1), rgba(247,89,77,0.6) 50%, rgba(247,89,77,1) 51%, rgba(247,89,77,0.8));background:-webkit-linear-gradient(rgba(247,89,77,0.1), rgba(247,89,77,0.6) 50%, rgba(247,89,77,1) 51%, rgba(247,89,77,0.8));background:-webkit-gradient(linear, 0 0, 0 100%, from(rgba(247,89,77,0.1)), color-stop(0.5, rgba(247,89,77,0.6)), color-stop(0.51, rgba(247,89,77,1)), to(rgba(247,89,77,0.8)));background:-o-linear-gradient(rgba(247,89,77,0.1), rgba(247,89,77,0.6) 50%, rgba(247,89,77,1) 51%, rgba(247,89,77,0.8));background:linear-gradient(rgba(247,89,77,0.1), rgba(247,89,77,0.6) 50%, rgba(247,89,77,1) 51%, rgba(247,89,77,0.8));}
#menubar-s{display:block;}
#menubar{display:none;}
#menubar_hdr{display:block;position:absolute;top:10px;right:10px;width:30px;border:1px solid #000;border-radius:4px;padding:12px 10px 5px;background:#fff;}
#menubar_hdr span{display:block;border-top:3px solid #000;margin-bottom:7px;}
#contents{padding-top:0;}
#main, #sub{float:none;width:auto;}
section#new h2.open{background:rgba(247,89,77,0.8) url(../images/btn_minus.png) no-repeat right center/34px 34px;}
section#new h2.close{background:rgba(247,89,77,0.8) url(../images/btn_plus.png) no-repeat right center/34px 34px;}
body.s-n #sub{display:none;}
}
@media screen and (max-width:480px){header #logo{width:70%;}
#top header{padding:0px 0px 20%;}
header{padding:0;}
#menubar-s li{width:100%;float:none;margin:0 0 10px;}
#main section.list p{margin-left:0;}
#main section.list figure img{float:none;width:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
#main section.list h4{margin-left:0;}
.ta1 th{width:100px;padding:5px;}
.ta1 td{width:auto;padding:5px;}
.ws,.wl{width:90%;}
img.fr,img.fl{float:none;margin:0;width:100%;}
}
#viewport_sw a{display:block;text-align:center;padding:3% 0;width:100%;background:#000;color:#fff;font-size:14px;font-size:4vw;}
label{background:rgba(247,89,77,0.8);color:#fff;padding:10px;display:block;margin:0;border:1px solid #fff;border-radius:8px;}
input[type="checkbox"].on-off{display:none;}
.mymenu ul{-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;margin:0;padding:0;list-style:none;}
.mymenu li{padding:5px;}
input[type="checkbox"].on-off + ul{height:0;overflow:auto;//hidden}
input[type="checkbox"].on-off:checked + ul{height:200px;}