.bottomshadow{height:12px;border:0;box-shadow:inset 0 12px 12px -12px rgba(0,0,0,0.3);margin:25px 0 10px 0;padding:0;}
.bottomshadow02{height:12px;border:0;box-shadow:inset 0 12px 12px -12px rgba(0,0,0,0.3);margin:5px 0 10px 0;padding:0;}
#leftarea{margin-bottom:10px;}
#rightarea{margin-bottom:10px;}
h2.top{font-size:28pt;color:#736b01}
@media screen and (max-width:992px){#leftarea{padding:0 2px;}
h2.top{font-size:20pt;}
}
@media (max-width:768px){h2.top{font-size:15pt;}
}
div#social-buttonsHome{margin-bottom:5px;}
div#social-buttonsHome ul{list-style-type:none;}
div#social-buttonsHome li{display:block;float:left;}
.beginning{margin-top:15px;font-size:12pt;}
@media (max-width:768px){.beginning{display:none;}
}
.beginning-mb{font-size:11pt;margin-top:10px;}
@media (min-width:769px){.beginning-mb{display:none !important;}
}
div.topnews{margin:3px 0;border:solid 1px #ccc;padding:5px 10px;}
@media (max-width:422px){div.topnews{display:none;}
}
#adv03top{border-top:double 3px #a7a7a7;border-bottom:double 3px #a7a7a7;padding:7px 3px;margin-bottom:10px;}
#adv03top .text{font-size:10pt;color:#555;line-height:1.2em;letter-spacing:0.05em;}
#adv04top{margin:10px auto;text-align:center;}
#adv04top ul{list-style-type:none;}
#adv04top li{display:inline-block;width:32%;margin:0.4%;vertical-align:top;}
#adv04top .text{font-size:10pt;text-align:left;}
#adv04top li a:hover img{opacity:0.6;filter:alpha(opacity=60);-ms-filter:"alpha(opacity=60)";}
@media screen and (max-width:1200px){#adv04top li{width:300px;}
#adv04top .off-w1200{display:none;}
}
@media screen and (max-width:992px){#adv04top .off-w992{display:none;}
}
@media (max-width:768px){#adv04top li{margin:0.1%;}
}
@media (max-width:625px){#adv04top li{width:200px;}
}
@media (max-width:423px){#adv04top li{max-width:49%;}
}
@media (max-width:310px){#adv04top li{max-width:100%;}
}
#bigimg{background:linear-gradient(to bottom,#d95619,#c63607);margin-bottom:8px;text-align:center;}
#bigimg ul{list-style-type:none;text-align:center !important;margin:12px auto 8px auto;}
#bigimg li{float:left;margin:0 6px;width:117px;position:relative;}
#bigimg li.imgyoko{padding:26.5px 0;width:170px;}
#bigimg .icon{position:absolute;top:0;left:0;margin:98% 0 0 2px;}
@media screen and (max-width:1200px){.off-1200{display:none;}
}
@media screen and (max-width:992px){.off-992{display:none;}
}
@media (max-width:768px){.off-768{display:none;}
}
@media (max-width:638px){.off-638{display:none;}
}
@media (max-width:457px){#bigimg li{float:left;margin:0 6px;max-width:50%;}
#bigimg li.imgyoko{padding:22px 0;max-width:50%;}
.off-457{display:none;}
#bigimg .icon{width:70%;}
}
h3.title-photohtml5{background:linear-gradient(to bottom,#1e50a1,#223a70);color:#fff;text-align:center;padding:15px 0 12px;font-size:24pt;margin-bottom:15px;}
h3.title-photohtml5 span{color:Yellow;font-size:18pt;}
#box-photohtml5{background:url("/images/top/back_top-shippou.gif");padding-bottom:10px;}
#box-photohtml5 img{margin:15px auto;display:block;}
.catch{color:#035df2;font-size:20pt;text-align:center;margin-bottom:10px;}
#box-photohtml5 a:hover img{opacity:0.7;filter:alpha(opacity=70);-ms-filter:"alpha(opacity=70)";}
#box-photohtml5 .btn{width:317px;margin:5px auto;display:block;}
@media (max-width:992px){h3.title-photohtml5{font-size:18pt;}
h3.title-photohtml5 span{font-size:15pt;}
}
@media (max-width:768px){h3.title-photohtml5{font-size:14pt;}
h3.title-photohtml5 span{font-size:10pt;}
.catch{font-size:14pt;}
}
@media (max-width:400px){#box-photohtml5 .btn{width:80%;}
}
h3.title-template{background:linear-gradient(to bottom,#d85619,#c02b01);color:#fff;text-align:center;padding:15px 0 12px;font-size:24pt;margin-bottom:15px;}
.read{font-size:12pt;}
.read-mb{font-size:10pt;}
#toplist-template{list-style-type:none;margin:15px 0;}
#toplist-template li{width:25%;display:block;float:left;overflow:hidden;position:relative;}
#toplist-template li a:link{padding:10px 0 15px;display:block;border:solid #a7a7a7 1px;margin:3px;color:#333;height:280px;}
#toplist-template li a:visited{color:#333;border:solid #a7a7a7 1px;}
#toplist-template li a:hover{background-color:#EDE6CC;color:#333;border:solid #a7a7a7 1px;}
#toplist-template img{text-align:center;display:block;margin:0 auto;}
#toplist-template .title{line-height:1em;font-size:14pt;padding:9px 10px;background-color:#000;color:#fff;opacity:0.8;position:absolute;left:3px;right:3px;bottom:3px;font-weight:bold;}
#toplist-template .title:after{position:absolute;top:50%;right:8px;display:block;content:'';width:10px;height:10px;margin-top:-5px;border-top:2px solid #fff;border-right:2px solid #fff;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
#toplist-template .title span{font-size:12pt;padding-left:10px;font-weight:normal;}
#toplist-template .text{font-size:11pt;margin:5px 10px;line-height:1.2em;}
#toplist-template .PRtext{font-size:10pt;margin-left:8px;}
@media (max-width:1200px){#toplist-template li{width:25%;}
#toplist-template .title{font-size:13pt;}
}
@media (max-width:992px){h3.title-template{font-size:18pt;}
#toplist-template li{width:33%;}
#toplist-template .off-w992{display:none;}
#toplist-template li{margin-top:5px;}
#toplist-template li a:link{height:280px;}
}
@media (max-width:768px){h3.title-template{font-size:14pt;}
#toplist-template{margin:0 0 15px;}
#toplist-template li{width:50%;}
#toplist-template li a:link{height:260px;}
#toplist-template .title{font-size:11pt;}
#toplist-template .title span{font-size:10pt;}
#toplist-template .text{font-size:9.5pt;}
#toplist-template .off-w768{display:none;}
.read{display:none;}
}
@media (min-width:769px){.read-mb{display:none !important;}
}
h3.title-illust{background:linear-gradient(to bottom,#58bc6a,#319d31);color:#fff;text-align:center;padding:15px 0 12px;font-size:24pt;margin-bottom:15px;}
#toplist-illustration{list-style-type:none;margin:15px 0;}
#toplist-illustration li{width:20%;display:block;float:left;overflow:hidden;position:relative;}
#toplist-illustration li a:link{padding:10px 0 15px;display:block;border:solid #a7a7a7 1px;margin:3px;color:#333;height:265px;}
#toplist-illustration li a:visited{color:#333;border:solid #a7a7a7 1px;}
#toplist-illustration li a:hover{background-color:#EDE6CC;color:#333;border:solid #a7a7a7 1px;}
#toplist-illustration img{text-align:center;display:block;margin:0 auto;}
#toplist-illustration .title{line-height:1em;font-size:14pt;padding:9px 10px;background-color:#298529;color:#fff;opacity:0.8;position:absolute;left:3px;right:3px;bottom:3px;font-weight:bold;}
#toplist-illustration .title:after{position:absolute;top:50%;right:8px;display:block;content:'';width:10px;height:10px;margin-top:-5px;border-top:2px solid #fff;border-right:2px solid #fff;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
#toplist-illustration .title span{font-size:12pt;padding-left:10px;font-weight:normal;}
#toplist-illustration .text{font-size:11pt;margin:5px 10px;line-height:1.2em;}
@media (max-width:1200px){#toplist-illustration li{width:25%;}
#toplist-illustration .off-w1200{display:none;}
#toplist-illustration .title{font-size:13pt;}
}
@media (max-width:992px){h3.title-illust{font-size:18pt;}
#toplist-illustration{margin:0 0 15px;}
#toplist-illustration li{width:33%;}
#toplist-illustration .off-w992{display:none;}
#toplist-illustration li{margin-top:5px;}
#toplist-illustration li a:link{height:260px;}
}
@media (max-width:768px){h3.title-illust{font-size:14pt;}
#toplist-illustration li{width:50%;}
#toplist-illustration li a:link{height:260px;}
#toplist-illustration .title{font-size:11pt;}
#toplist-illustration .title span{font-size:10pt;}
#toplist-illustration .text{font-size:9.5pt;}
#toplist-illustration .off-w768{display:none;}
}
h3.title-topColumn{background:linear-gradient(to bottom,#588ebc,#316c9d);color:#fff;text-align:center;padding:15px 0 12px;font-size:24pt;margin-bottom:15px;}
#toplist-column{list-style-type:none;margin-bottom:15px;}
#toplist-column li{width:25%;display:block;float:left;overflow:hidden;position:relative;}
#toplist-column li a:link{display:block;border:solid #a7a7a7 1px;margin:3px;color:#333;height:280px;}
#toplist-column li a:visited{color:#333;border:solid #a7a7a7 1px;}
#toplist-column li a:hover{background-color:#EDE6CC;color:#333;border:solid #a7a7a7 1px;}
#toplist-column img{text-align:center;display:block;margin:0 auto;}
#toplist-column .title{line-height:1em;font-size:14pt;padding:9px 15px 9px 10px;background-color:#0f2350;color:#fff;opacity:0.8;position:absolute;left:3px;right:3px;bottom:3px;font-weight:bold;}
#toplist-column .title:after{position:absolute;top:50%;right:8px;display:block;content:'';width:10px;height:10px;margin-top:-5px;border-top:2px solid #fff;border-right:2px solid #fff;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
#toplist-column .text{padding:10px 7px 15px 10px;font-size:11pt;margin-top:2px;line-height:1.2em;}
#toplist-column .PRtext{font-size:10pt;margin-left:8px;}
@media (max-width:1200px){#toplist-column li{width:25%;}
#toplist-template .title{font-size:13pt;}
}
@media (max-width:992px){h3.title-topColumn{font-size:18pt;}
#toplist-column li{width:33%;}
#toplist-column .off-w992{display:none;}
#toplist-column li{margin-top:5px;}
#toplist-column li a:link{height:260px;}
}
@media (max-width:768px){h3.title-topColumn{font-size:14pt;}
#toplist-column li{width:50%;}
#toplist-column li a:link{height:235px;}
#toplist-column img{max-height:150px;}
#toplist-column .title{font-size:11pt;bottom:0;}
#toplist-column .text{font-size:9.5pt;}
#toplist-column .off-w768{display:none;}
}
h3.title-topMochu{background:url("https://www.templatebank.com/nenga_images16/top/bg_titleTop-mochu.gif");color:#fff;text-align:center;padding:15px 0 12px;font-size:24pt;margin-bottom:15px;}
@media (max-width:992px){h3.title-topMochu{font-size:18pt;}
}
@media (max-width:768px){h3.title-topMochu{font-size:14pt;}
}
h3.title-news{background:linear-gradient(to bottom,#7ecccc,#4cbaba);color:#fff;text-align:center;padding:15px 0 12px;font-size:24pt;margin-bottom:15px;}
#news{float:left;width:70%;}
#news .tebleBox{border:1px solid #a7a7a7;height:290px;overflow-y:scroll;}
#news table{width:100%;}
#news td{padding:7px 10px;border-bottom:1px dotted #a7a7a7;}
#news ul{list-style-type:none;margin-top:8px;}
#news li{float:left;margin-right:5px;}
#topTitter{float:right;width:29%;}
@media (max-width:1200px){}
@media (max-width:992px){h3.title-news{font-size:18pt;}
#news{width:100%;}
#topTitter{display:none;}
}
@media (min-width:992px){.off-icon{display:none;}
}
@media (max-width:768px){h3.title-news{font-size:14pt;}
#news .tebleBox{height:180px;}
}
@media (max-width:371px){.infoWV{margin-top:4px;}
}