html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,main {margin:0;padding:0;border:0;font-size:100%;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main {display:block;}
body {font-family:Verdana,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;line-height:1;}
ol,ul {list-style:none;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;}
wbr:after {content:"\00200B";}
/* TBS reset
============================== */
.alt {position:absolute;top:-5000px;left:-9999px;}
.clearfix:after {content:"";clear:both;display:block;}
.hide-txt {text-indent:110%;white-space:nowrap;overflow:hidden;}
.fp-causion {display:none;}
.nocontxt {-webkit-touch-callout: none;-webkit-user-select: none;user-select: none;-webkit-user-drag:none;}
.nocontxt img {pointer-events: none;}
@media all and (min-width:768px) {
.alt-pc {position:absolute;top:-5000px;left:-9999px;}
.clearfix-pc:after {content:"";clear:both;display:block;}
.hide-txt-pc {text-indent:110%;white-space:nowrap;overflow:hidden;}
}
@media all and (max-width:767px) {
.alt-smp {position:absolute;top:-5000px;left:-9999px;}
.clearfix-smp:after {content:"";clear:both;display:block;}
.hide-txt-smp {text-indent:110%;white-space:nowrap;overflow:hidden;}
}
div.embed-tbsplayer {
background-color:#000;
position:relative;
height:0;
padding-top:56.25%;
}
div.embed-tbsplayer .tbs-player {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
}
div.embed-tbsplayer-audio {
background-color:#fff;
}
div.embed-tbsplayer-audio .tbs-player {
height:46px;
}
div.lbx-overlay {
z-index:10000;position:absolute;background-color:#000;width:100%;height:100%;left:0;top:0;right:0;bottom:0;opacity:0.9;
}
/* ============================
common css
============================ */
/* General
=======================================*/
body { color:#333; }
#con-body { background-color:transparent; font-size:0.625rem; font-family:Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Meiryo, sans-serif; }
#pagebody { width:940px; padding:0 15px 0 15px; margin:0 auto 15px auto; background-color:#fff; background-image:none; border-radius:0 0 30px 30px; box-shadow:0px 0px 5px rgba(0,0,0,0.3); text-align:left; }
@media all and (max-width: 767px) {
body { background-size:cover; }
#pagebody { width:100%; padding:10px 10px 0 10px; box-sizing:border-box; margin:0; border-radius:0; }
}
/* Parts
=======================================*/
.cover { width:100%; height:100%;}
a { text-decoration:underline; color:#ff088d; }
a:hover { text-decoration:none; color:#ff088d; }
.lazy {
display:block;
position:relative;
}
/* old font style */
.bold { font-weight:bold;}
.normal { font-weight:normal;}
.tCenter { text-align:center !important}
.tRight { text-align:right !important}
.tLeft { text-align:left !important}
.cRed, .err { color:#a50005;}
.cYel { color:#fd0;}
.cGrn { color:#305c00;}
.cBlu { color:#0060aa;}
.cOrg { color:#e96e00;}
.f140 { font-size:140%;}
.f120 { font-size:120%;}
.f110 { font-size:110%;}
.f90 { font-size:90%;}
.f85 { line-height:normal; font-size:85% !important}
/* new font style */
.clr { color:#fc1432; }
.clb { color:#03F; }
.clg { color:#069a55; }
.cllg { color:#75b101; }
.cly { color:#FC0; }
.txts { font-size:80%; }
.txtb { font-size:120%; }
.txtb2 { font-size:140%; }
.txtb3 { font-size:220%; }
.sec { margin-bottom:15px; }
/* Header
=======================================*/
/* ----- header ----- */
#header-area { position:relative; height:209px; background-image:url(../img/header202004.png), url(../img/header_bg202004.png); background-position:center top, center top; background-repeat:no-repeat, repeat; z-index:10; }
#header { position:relative; width:980px; height:209px; margin:0 auto; }
#logo { width:100%; height:100%; }
#logo a { display:block; width:100%; height:100%; text-indent:-9999px; }
/* ----- gnav ----- */
#gnav-area { position:relative; background-color:#fff; padding:10px 0 8px 0; text-align:center; box-shadow:0px 0px 5px rgba(0,0,0,0.3); z-index:100; }
#gnav { width:862px; height:74px; text-align:center; margin:0 auto; }
#gnav li { float:left; margin:0 7px; }
#gnav li a { display:block; width:72px; height:72px; border-radius:14px; background-position:center center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; outline:none; box-shadow:2px 2px 0px #ededed; }
#gnav li a:hover { position: relative; top: 1px; left: 1px; }
#gnav li#gnav-about a { background-image:url(../img/gnav201904/gnav_icon_about2.jpg); }
#gnav li#gnav-cast a { background-image:url(../img/gnav201904/gnav_icon_cast.jpg); }
#gnav li#gnav-natsume a { background-image:url(../img/gnav201904/gnav_icon_natsume.jpg); }
#gnav li#gnav-gudetama a { background-image:url(../img/gnav201904/gnav_icon_gudetama.jpg); }
#gnav li#gnav-noushaki a { background-image:url(../img/gnav201904/gnav_icon_noushaki.jpg); }
#gnav li#gnav-boshu a { background-image:url(../img/gnav201904/gnav_icon_boshu.jpg); }
#gnav li#gnav-contact a { background-image:url(../img/gnav201904/gnav_icon_contact.jpg); }
#gnav li#gnav-facebook a { background-image:url(../img/gnav201904/gnav_icon_fb.jpg); }
#gnav li#gnav-twitter a { background-image:url(../img/gnav201904/gnav_icon_tw.jpg); }
#gnav li#gnav-applepie a { background-image:url(../img/gnav201904/gnav_icon_applepie.png); }
#gnav li#gnav-insta a { background-image:url(../img/gnav201904/gnav_icon_insta.jpg); }
.mCustomScrollbar{-ms-touch-action:pinch-zoom;touch-action:pinch-zoom}.mCustomScrollbar.mCS_no_scrollbar,.mCustomScrollbar.mCS_touch_action{-ms-touch-action:auto;touch-action:auto}.mCustomScrollBox{position:relative;overflow:hidden;height:100%;max-width:100%;outline:0;direction:ltr}.mCSB_container{overflow:hidden;width:auto;height:auto}.mCSB_inside>.mCSB_container{margin-right:30px}.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0}.mCS-dir-rtl>.mCSB_inside>.mCSB_container{margin-right:0;margin-left:30px}.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-left:0}.mCSB_scrollTools{position:absolute;width:16px;height:auto;left:auto;top:0;right:0;bottom:0;opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_outside+.mCSB_scrollTools{right:-26px}.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{right:auto;left:0}.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{left:-26px}.mCSB_scrollTools .mCSB_draggerContainer{position:absolute;top:0;left:0;bottom:0;right:0;height:auto}.mCSB_scrollTools a+.mCSB_draggerContainer{margin:20px 0}.mCSB_scrollTools .mCSB_draggerRail{width:2px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCSB_scrollTools .mCSB_dragger{cursor:pointer;width:100%;height:30px;z-index:1}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{position:relative;width:4px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;text-align:center}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:12px}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:8px}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonUp{display:block;position:absolute;height:20px;width:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools .mCSB_buttonDown{bottom:0}.mCSB_horizontal.mCSB_inside>.mCSB_container{margin-right:0;margin-bottom:30px}.mCSB_horizontal.mCSB_outside>.mCSB_container{min-height:100%}.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal{width:auto;height:16px;top:auto;right:0;bottom:0;left:0}.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:-26px}.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer{margin:0 20px}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:2px;margin:7px 0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{width:30px;height:100%;left:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:4px;margin:6px auto}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:12px;margin:2px auto}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:8px;margin:4px 0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{display:block;position:absolute;width:20px;height:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{left:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{right:0}.mCSB_container_wrapper{position:absolute;height:auto;width:auto;overflow:hidden;top:0;left:0;right:0;bottom:0;margin-right:30px;margin-bottom:30px}.mCSB_container_wrapper>.mCSB_container{padding-right:30px;padding-bottom:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:20px}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:20px}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:20px}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:0}.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper{margin-right:0;margin-left:30px}.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container{padding-right:0}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container{padding-bottom:0}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0;margin-left:0}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}.mCSB_scrollTools,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;transition:opacity .2s ease-in-out,background-color .2s ease-in-out}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar{-webkit-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out}.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools{opacity:0;filter:"alpha(opacity=0)";-ms-filter:"alpha(opacity=0)"}.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools,.mCustomScrollBox:hover>.mCSB_scrollTools,.mCustomScrollBox:hover~.mCSB_scrollTools,.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag{opacity:1;filter:"alpha(opacity=100)";-ms-filter:"alpha(opacity=100)"}.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.4);filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.75);filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85);filter:"alpha(opacity=85)";-ms-filter:"alpha(opacity=85)"}.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9);filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp{background-image:url(mCSB_buttons.png);background-repeat:no-repeat;opacity:.4;filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_buttonUp{background-position:0 0}.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -20px}.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -40px}.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -56px}.mCSB_scrollTools .mCSB_buttonDown:hover,.mCSB_scrollTools .mCSB_buttonLeft:hover,.mCSB_scrollTools .mCSB_buttonRight:hover,.mCSB_scrollTools .mCSB_buttonUp:hover{opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_buttonDown:active,.mCSB_scrollTools .mCSB_buttonLeft:active,.mCSB_scrollTools .mCSB_buttonRight:active,.mCSB_scrollTools .mCSB_buttonUp:active{opacity:.9;filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:rgba(0,0,0,.85)}.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:rgba(0,0,0,.9)}.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:4px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px auto}.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px 0}.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -20px}.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -40px}.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -56px}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px 0}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -20px}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -40px}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -56px}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px 0}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:6px;margin:5px auto}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px 0}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -20px}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -40px}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -56px}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px 0}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -20px}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -40px}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -56px}.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.1)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:2px}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:2px;margin:7px auto}.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px}.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.15)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,.mCS-rounded.mCSB_scrollTools .mCSB_dragger{height:14px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:14px;margin:0 1px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger{width:14px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:14px;margin:1px 0}.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:16px;height:16px;margin:-1px 0}.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:4px}.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:16px;width:16px;margin:0 -1px}.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:4px;margin:6px 0}.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{background-position:0 -72px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -92px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -112px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -128px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px -72px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -92px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -112px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -128px}.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail{width:4px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{background-color:transparent;background-position:center}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);background-repeat:repeat-y;opacity:.3;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{height:4px;margin:6px 0;background-repeat:repeat-x}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px -72px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -92px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -112px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -128px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=)}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px -72px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -92px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -112px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -128px}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-y;background-image:-moz-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:linear-gradient(to right,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-x;background-image:-moz-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:linear-gradient(to bottom,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger{height:70px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger{width:70px}.mCS-3d-dark.mCSB_scrollTools,.mCS-3d.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{width:8px;background-color:#000;background-color:rgba(0,0,0,.2);box-shadow:inset 1px 0 1px rgba(0,0,0,.5),inset -1px 0 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:8px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:8px;margin:4px 0;box-shadow:inset 0 1px 1px rgba(0,0,0,.5),inset 0 -1px 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:8px;margin:4px auto}.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);box-shadow:inset 1px 0 1px rgba(0,0,0,.1)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{box-shadow:inset 0 1px 1px rgba(0,0,0,.1)}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,.mCS-3d-thick.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px}.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical{right:1px}.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCS-3d-thick.mCSB_scrollTools_vertical{box-shadow:inset 1px 0 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal,.mCS-3d-thick.mCSB_scrollTools_horizontal{bottom:1px;box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;box-shadow:inset 1px 0 0 rgba(255,255,255,.4);width:12px;margin:2px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4);height:12px;width:auto}.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{background-color:#000;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-3d-thick-dark.mCSB_scrollTools{box-shadow:inset 0 0 14px rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 1px 0 0 rgba(255,255,255,.4),inset -1px 0 0 rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#777}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{background-color:#fff;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{right:0;margin:12px 0}.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:0;margin:0 12px}.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{left:0;right:auto}.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger{height:50px}.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger{width:50px}.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail{width:6px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px}.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:6px;margin:5px 0}.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:12px}.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:12px;margin:2px 0}.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1)}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools .mCSB_draggerRail{width:12px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;margin:3px 5px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:6px;margin:5px 3px;position:absolute;width:auto;top:0;bottom:0;left:0;right:0}.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:12px;margin:2px 0}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent;border-width:1px;border-style:solid;border-color:#fff;border-color:rgba(255,255,255,.2);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{border-color:#000;border-color:rgba(0,0,0,.2)}.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.6)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.6)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.75)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}
/* mCustomScrollbar */
.mCSB_horizontal.mCSB_inside > .mCSB_container{
margin-bottom: 20px;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{
height: 8px;
margin:0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
height: 8px;
margin:0;
}
@media all and (max-width: 767px) {
/* ----- header ----- */
#header-area { height:auto; background-image:none; }
#header { width:100%; height:auto; position:relative; }
#logo { position:relative; width:auto; height:0; top:0; left:0; padding-top:50%; }
#logo a { position:absolute; width:100%; height:100%; left:0; top:0; background:url(../img/header_smp_202004.jpg); background-size:cover; }
#logomark { position:absolute; width:30.777%; top:5.555%; left:12.888%; z-index:1; }
#logomark p { position:relative; width:100%; height:0; padding-top:123.33%; }
#logomark p a { position:absolute; display:block; left:0; top:0; width:100%; height:100%; background:url(../img/header_logo_anime_smp.gif) 0 0 no-repeat; background-size:cover; text-indent:-9999px; }
/* ----- gnav ----- */
#gnav-area { overflow:auto; padding:7px 7px 5px 7px; box-sizing:border-box; }
#gnav { width:790px; height:auto; padding:0; letter-spacing:-0.40em; }
#gnav li { display:block; margin:0 7px 7px 0; }
}
/* Main
=======================================*/
/* ----- main ----- */
#main { float:left; width:625px; margin:15px 15px 10px 0; background-color:#fff; }
#main-ttl { position:relative; height:70px; margin-bottom:15px; text-indent:-9999px; border:#ff4186 5px solid; box-sizing:border-box; background-position:center center; background-repeat:no-repeat; background-size:auto 70px; border-radius:35px; box-shadow:0px 2px 1px rgba(0,0,0,0.1); }
#main-body { width:625px; padding:20px; box-sizing:border-box; border-radius:15px; box-shadow:0px 2px 5px rgba(0,0,0,0.3); }
#main-body p { font-size:140%; line-height:170%; padding-bottom:0.8em; }
#main-body ul { font-size:140%; line-height:170%; padding-bottom:0.8em; padding-left:1.0em; }
#main-body ul li { list-style-type:disc; }
.cttl1 { background-color:#e2306e; margin-bottom:15px; padding:10px; color:#fff; font-size:155%; line-height:110%; box-shadow:2px 2px 0px rgba(0,0,0,0.1); }
.cttl2 { font-size:160%; line-height:110%; color:#fc1432; padding-bottom:7px; margin-bottom:7px; border-bottom:#e9e5d9 2px solid; }
.cdate { font-size:70%; padding-right:0.5em; }
.mov-box { width:480px; margin:0 0 15px 50px; }
.btn-apply { width:100%; text-align:center; padding-bottom:5px!important; }
.btn-apply a { display:block; width:325px; height:50px; margin:0 auto; background:url(../img/common_parts1_201904.jpg) 0 -452px no-repeat; text-indent:-9999px; outline:none; filter: alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; }
.btn-apply a:hover { filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; }
.btn-s-txt { width:100%; text-align:center; margin-bottom:10px; line-height:130%!important; font-size:120%!important; }
@media all and (max-width: 767px) {
#main { float:none; width:100%; margin:0; }
#main-body { width:100%; margin-bottom:10px; padding:10px; box-sizing:border-box; }
#main-ttl { height:50px; margin-bottom:10px; border-radius:25px; box-sizing:border-box; border:#ff4186 3px solid; background-size:auto 50px; }
.cttl1 { margin-bottom:7px; }
}
/* ----- archive ----- */
.acv-list { min-height:100px; padding-bottom:10px; padding-left:5px!important; }
.acv-list li, .acv-month li { background:url(../img/dot.gif) 0 5px no-repeat; padding:0 0px 0px 19px; font-size:110%; line-height:110%; font-weight:bold; }
.acv-list li { padding:0 10px 0px 19px; }
#main-body ul.acv-list li, #main-body ul.acv-month li { list-style-type:none; }
#main-body ul.acv-month { padding-left:0.5em; }
#main-body ul.acv-month li { float:left; width:85px; margin-right:6px; }
.acv-list .cdate { font-size:100%; }
.acv-list li a, .acv-month li a { display:block; width:100%; padding:4px 0 4px 2px; outline:none; }
.acv-list li a:hover, .acv-month li a:hover { background:url(../img/bg_acv2.gif) 0 0;/* for ie8 */ }
.acv-list li:nth-child(odd) a:hover, .acv-month li:nth-child(odd) a:hover { background:url(../img/bg_acv1.gif) 0 0; }
.acv-list li:nth-child(even) a:hover, .acv-month li:nth-child(even) a:hover { background:url(../img/bg_acv2.gif) 0 0; }
@media all and (max-width: 767px) {
.acv-list { padding-left:0px!important; }
#main-body ul.acv-month { padding-left:0; }
}
/* ----- movie ----- */
.mov-area { width:auto; position:relative; height:0; padding-top:56.75%; }
.mov-area-inner { position:absolute; width:100%; height:100%; left:0; top:0; }
@media all and (max-width: 767px) {
.mov-yt iframe{ position:absolute; top: 0; right:0; width:100%!important; height:100%!important; }
}
/* Side
=======================================*/
#side { float:left; width:300px; margin:15px 0 20px 0; }
#bn-rectangle { margin-bottom:10px; }
#s-sns { margin-bottom:10px; text-align:center; }
.s-sns-tw, .s-sns-fb { display:inline-block; }
.s-sns-tw { padding-right:10px; }
.s-sns-fb { position:relative; top:1px; }
/* ----- bn ----- */
#bn li { margin-bottom:10px; }
#bn li a { display:block; background-repeat:no-repeat; background-position:0 0; text-indent:-9999px; outline:none; filter: alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; }
#bn li a:hover { filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; }
#bn-dance a { width:300px; height:70px; background-image:url(../img/bn_gudetama_dance.jpg); }
#bn-goods a { width:300px; height:70px; background-image:url(../img/bn_gudetama_goods2019.jpg); }
@charset "UTF-8";
/* -----------------------------------------------------------
COMMON-BANNER
------------------------------------------------------------*/
#obiban_banner a{
display: block;
background-image:url(/obiban-bingo/img/banner201912.png);
width: 300px;
height: 150px;
margin: 10px auto;
text-indent: -9999px;
}
#bn-mynumber a { width:300px; height:70px; background-image:url(../img/bn_mynumber.jpg); }
/* ----- sns ----- */
#side-tw { width:300px; margin:0 0 15px 0; border-radius:15px; background-color:#fff; box-shadow:0px 2px 5px rgba(0,0,0,0.2); }
#side-tw h2 { width:300px; height:40px; margin-bottom:5px; border-radius:15px 15px 0 0; background:url(../img/side_ttl_tw.png) no-repeat; text-indent:-9999px; }
#side-tw-t { padding:5px 10px 5px 10px; font-size:130%; line-height:150%; }
#side-tw-btn { width:auto; padding:0 0 7px 0; text-align:center; }
#side-tw-btn a { display:block; margin:auto; width:166px; height:50px; border-radius:20px; box-shadow:1px 1px 2px rgba(0,0,0,0.2); background:url(../img/side_btn_tw.png) 0 0 no-repeat; text-indent:-9999px; }
#side-tw-link-t { padding-bottom:10px; font-size:105%; text-align:center; }
#top #side-tw { display:none; }
#side-insta { width:300px; margin:0 0 15px 0; border-radius:15px; background-color:#fff; box-shadow:0px 2px 5px rgba(0,0,0,0.2); }
#side-insta h2 { width:300px; height:40px; margin-bottom:10px; border-radius:15px 15px 0 0; background:url(../img/side_ttl_insta.png) no-repeat; text-indent:-9999px; }
#side-insta-t { padding:5px 10px 5px 10px; font-size:130%; line-height:150%; }
#side-insta-btn { width:auto; padding:0 0 7px 0; text-align:center; }
#side-insta-btn a { display:block; margin:auto; width:182px; height:50px; border-radius:20px; box-shadow:1px 1px 2px rgba(0,0,0,0.2); background:url(../img/side_btn_insta.png) 0 0 no-repeat; text-indent:-9999px; }
#side-insta-link-t { padding-bottom:10px; font-size:105%; text-align:center; }
/* ----- old ----- */
#s-old { width:300px; border-radius:15px; background-color:#fff; box-shadow:0px 2px 5px rgba(0,0,0,0.2); }
#s-old h2 { width:300px; height:40px; border-radius:15px 15px 0 0; background:url(../img/side_ttl_old.jpg) 0 0 no-repeat; text-indent:-9999px; }
#s-old ul { padding:10px 15px 5px 15px; text-align:center; /* for space */ font-size:0; }
#s-old ul li { display:inline-block; margin:0 7px 10px 7px; /* for space */ font-size:1rem; }
#s-old ul li a { display:block; width:72px; height:72px; border-radius:15px; background-position:center center;å background-repeat:no-repeat; background-size:cover; text-indent:-9999px; outline:none; box-shadow:2px 2px 0px #ededed; }
#s-old li a:hover { position: relative; top: 1px; left: 1px; }
#s-old-check a { background-image:url(../img/gnav201904/gnav_icon_check.jpg); }
@media all and (max-width: 767px) {
#side { float:none; width:auto; border-radius:10px; margin:0 0 10px 0; }
#bn-rectangle { width:300px; margin:0 auto 10px auto; }
#bn li { width:300px; margin:0 auto 10px auto; }
/* ----- sns ----- */
#side-tw { width:100%; margin:0 0 10px 0; border-radius:10px; box-shadow:0px 2px 5px rgba(0,0,0,0.2); text-align:left; }
#side-tw h2 { width:auto; height:auto; padding:0.5em; border-radius:10px 10px 0 0; background-image:none; background-color:#00aff1; text-indent:0; color:#fff; font-size:160%; }
#top #side-tw { display:block; }
#side-insta { width:100%; margin:0 0 10px 0; border-radius:10px; box-shadow:0px 2px 5px rgba(0,0,0,0.2); text-align:left; }
#side-insta h2 { width:auto; height:auto; padding:0.5em; border-radius:10px 10px 0 0; background-image:none; background-color:#d93175; text-indent:0; color:#fff; font-size:160%; }
/* ----- old ----- */
#s-old { width:100%; margin:0 0 10px 0; }
#s-old h2 { width:auto; height:auto; padding:0.5em 0.7em; border-radius:10px 10px 0 0; background-color:#9c7438; background-image:none; text-indent:0; color:#fff; font-size:160%; }
}
/* Footer
=======================================*/
#footer { clear:both; width:100%; font-size:120%; padding:10px 0 20px 0; text-align:left; }
#f-txt { float:left; }
#pagetop { position:fixed; z-index:10; bottom:-200px; right:10px; padding-bottom:10px; }
#pagetop a { display:block; width:153px; height:34px; background:url(../img/pagetop202004.png) 0 0 no-repeat; background-size:cover; border-radius:17px; text-indent:-9999px; outline:none; filter: alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; }
#pagetop a:hover { filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; }
@media all and (max-width: 767px) {
#footer { width:auto; text-align:center; margin:0 -10px; line-height:140%; padding-bottom:0; }
#f-txt { float:none; padding:0 10px 10px 10px; }
}
/* Top
=======================================*/
/* ----- top-main ----- */
#top-main { float:left; width:632px; margin:15px 8px 15px 0; }
#top-box1:after {content:"";clear:both;display:block;}
#top-box1-r { float:left; width:305px; }
@media all and (max-width: 767px) {
#top-main { float:none; width:100%; margin:0; padding-top:10px; text-align:center; }
#top-box1-r { float:none; width:100%; margin:0 auto 10px auto; }
}
/* ----- top-natsume ----- */
#top-natsume { float:left; position:relative; width:300px; height:436px; margin:0 16px 10px 0; border-radius:15px; background:url(../img/top_parts1_202101.jpg) -315px -50px no-repeat; box-shadow:0px 2px 5px rgba(0,0,0,0.2); }
#top-natsume h2, #top-ntm-date, #top-ntm-p, #top-ntm-btn { position:absolute; }
#top-natsume h2 { text-indent:-9999px; }
#top-ntm-date { top:38px; left:167px; width:119px; text-align:center; font-family:"Courier New", Courier, monospace; font-size:130%; font-weight:bold; color:#666; }
#top-ntm-p { top:105px; left:60px; }
#top-ntm-p a { display:block; width:180px; height:240px; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; outline:none; filter: alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; }
#top-ntm-p a:hover { filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; }
#top-ntm-btn { top:356px; left:82px; }
#top-ntm-btn a { display:block; width:139px; height:44px; background:url(../img/top_parts1_202101.jpg) 0 -226px no-repeat; text-indent:-9999px; outline:none; filter: alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; }
#top-ntm-btn a:hover { filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; }
@media all and (max-width: 767px) {
#top-natsume { float:none; position:static; width:100%; height:auto; margin:0 auto 20px auto; padding:10px; box-sizing:border-box; background:url(../img/top_natsume_smp_bg.jpg) center top; }
#top-natsume h2, #top-ntm-date, #top-ntm-p, #top-ntm-btn { position:static; }
#top-natsume h2 { float:left; width:158px; height:78px; margin:-5px 0 10px -5px; background:url(../img/top_natsume_smp_ttl.png) center top; background-size:158px auto; }
#top-ntm-date { float:right; margin-top:20px; left:auto; width:121px; height:41px; background:url(../img/top_natsume_smp_date.png) center top; background-size:121px auto; line-height:41px; }
#top-ntm-p { clear:both; top:auto; left:auto; width:100%; margin-bottom:10px; padding:10px 0; box-sizing:border-box; text-align:center; border:#f5f0de 6px double; }
#top-ntm-p-inner,
#top-ntm-p a { width:300px; height:400px; }
#top-ntm-p-inner { display:block; box-shadow:0px 2px 5px rgba(0,0,0,0.2); margin:auto; }
#top-ntm-p a { box-sizing:border-box; border:5px #fff solid; }
#top-ntm-btn { top:auto; left:auto; width:100%; text-align:center; }
#top-ntm-btn a { width:137px; height:42px; margin:auto; background:url(../img/top_natsume_smp_btn.png) center top no-repeat; background-size:137px auto; }
}
@media all and (max-width: 400px) {
#top-ntm-p-inner,
#top-ntm-p a { width:250px; height:333px; }
}
#top-ntm-p a { background-image:url(../img/natsume/ntm20210930_02.jpg); }
#top-ntm-p a { background-image:url(../img/natsume/ntm20210930_01.jpg); }
#top-ntm-p a { background-position:center; }
/* ----- top gudetama ----- */
#top-gudetama { width:305px; margin:0 0 15px 0; padding-bottom:1px; border-radius:15px; background-color:#fff; box-shadow:0px 2px 5px rgba(0,0,0,0.2); }
#top-gudetama h2 { width:305px; height:40px; margin-bottom:15px; border-radius:15px 15px 0 0; background:url(../img/top_parts1_202101.jpg) 0 -100px no-repeat; text-indent:-9999px; }
#top-gudetama .sec { margin:0 15px 15px 15px; }
#top-gudetama .ttl { margin-bottom:10px; padding:10px; background-color:#f6df91; font-size:140%; color:#fc1432; border-radius:10px; }
#top-gudetama .txt { font-size:140%; line-height:160%; }
@media all and (max-width: 767px) {
#top-gudetama { width:100%; margin:0 0 10px 0; border-radius:10px; text-align:left; }
#top-gudetama h2 { width:auto; height:auto; padding:0.5em 0.7em; border-radius:10px 10px 0 0; background-color:#fcd44a; background-image:none; text-indent:0; color:#ff0928; font-size:160%; }
#top-gudetama .txt { font-size:120%; line-height:140%; }
}
/* ----- insta tw ----- */
#top-insta { float:left; width:304px; margin:0 13px 0 0; }
#top-insta h2 a { display:block; width:304px; height:37px; border-radius:15px 15px 0 0; background:url(../img/top_parts1_202101.jpg) 0 -327px no-repeat; text-indent:-9999px; outline:none; filter: alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; }
#top-insta h2 a:hover { filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; }
div.insta { border:#efefef 1px solid; }
div.insta ul { margin:6px 2% 0 2%; }
div.insta ul:after {content:"";clear:both;display:block;}
div.insta ul li { float:left; position:relative; width:32%; margin:0 2% 6px 0; height:0; padding-top:32%; }
div.insta ul li:nth-child(3n) { margin:0 0 6px 0; }
div.insta ul li a { display:block; position:absolute; left:0; top:0; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; }
div.insta ul li a img { width:100%; height:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; background-position:center center; background-repeat:no-repeat; box-sizing:border-box; }
div.insta ul li a img.icon-video { background-image:url(/um/img/play.png); }
#top-tw { float:left; width:304px; margin-bottom:20px; }
#top-tw h2 a { display:block; width:304px; height:37px; border-radius:15px 15px 0 0; background:url(../img/top_parts1_202101.jpg) 0 -280px no-repeat; text-indent:-9999px; outline:none; filter: alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; }
#top-tw h2 a:hover { filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; }
#top-tw-inner { border-left:#efefef 1px solid; border-right:#efefef 1px solid; border-bottom:#efefef 1px solid; box-sizing:border-box; }
#top-fb { display:none; }
@media all and (max-width: 767px) {
#top-insta,
#top-tw { float:none; width:300px; margin:0 auto 20px auto; }
#top-insta h2 a { width:100%; height:auto; padding:0.5em 0.7em; border-radius:10px 10px 0 0; box-sizing:border-box; background-image:none; color:#fff; text-indent:0; text-align:left; text-decoration:none; font-size:160%; background-color:#d93175; }
#top-tw h2 a { width:100%; height:auto; padding:0.5em 0.7em; border-radius:10px 10px 0 0; box-sizing:border-box; background-image:none; color:#fff; text-indent:0; text-align:left; text-decoration:none; font-size:160%; background-color:#00aff1; }
#top-fb { display:block; text-align:center; }
#top-fb-btn { margin:0 auto 20px auto; width:300px; }
#top-fb-btn a { display:block; width:300px; height:60px; border-radius:15px; background:url(../img/top_bn_fb.png) 0 0 no-repeat; background-size:cover; text-indent:-9999px; }
}
/* ----- ----- ----- ----- ----- ----- ----- */
/* ----- top-update ----- */
#top-update { width:305px; margin:0 0 15px 0; border-radius:15px; background-color:#fff; box-shadow:0px 2px 5px rgba(0,0,0,0.2); }
#top-update h2 { width:305px; height:40px; margin-bottom:5px; border-radius:15px 15px 0 0; background:url(../img/top_parts1_202101.jpg) 0 -100px no-repeat; text-indent:-9999px; }
#top-update dl { margin:0 4px 7px 3px; padding:0 10px 10px 5px; border-bottom:#efefef 1px solid; }
#top-update dt a:hover { text-decoration:underline; }
#top-update dt { font-size:150%; line-height:140%; font-weight:bold; }
#top-update dd { font-size:130%; line-height:120%; margin-left:15px; }
#top-update dd a { display:block; color:#333; padding:5px; }
#top-update dd:nth-child(odd) a:hover { background:url(../img/bg_acv1.gif) 0 0; }
#top-update dd:nth-child(even) a:hover { background:url(../img/bg_acv2.gif) 0 0; }
#top-upd-boshu dt span { background-position:-33px -357px; }
#top-upd-boshu dt a { color:#82c304; }
#top-upd-fb dt span { background-position:-74px -357px; }
#top-upd-fb dt a { color:#3b5a95; }
#top-upd-hkt dt span { background-position:-631px -408px; }
#top-upd-hkt dt a { color:#fe8e98; }
#top-update dl#top-upd-check { padding:0 5px 10px 5px; }
#top-upd-check dt { margin-bottom:5px; }
#top-upd-check dt a { display:block; width:100%; padding:5px 7px; margin-bottom:5px; border-radius:10px; box-sizing:border-box; text-decoration:none; background-color:#ffd800; color:#0068b7; }
#top-upd-check dt a:hover { text-decoration:none; }
#top-upd-check dd { margin-left:0; }
@media all and (max-width: 767px) {
#top-update { width:100%; margin:0 0 10px 0; border-radius:10px; text-align:left; }
#top-update h2 { width:auto; height:auto; padding:0.5em 0.7em; border-radius:10px 10px 0 0; background-color:#eb5f91; background-image:none; text-indent:0; color:#fff; font-size:160%; }
#top-upd-check dd:nth-child(7),
#top-upd-check dd:nth-child(8) { display:none; }
}
/* ----- top-boshu ----- */
#top-boshu { width:305px; margin:0 0 15px 0; border-radius:15px; background-color:#fff; box-shadow:0px 2px 5px rgba(0,0,0,0.2); }
#top-boshu h2 { width:305px; height:40px; margin-bottom:5px; border-radius:15px 15px 0 0; background:url(../img/top_parts1_202101.jpg) 0 -50px no-repeat; text-indent:-9999px; }
#top-boshu ul li { padding:5px 0 0 10px; margin:0 5px 0 3px; border-bottom:#efefef 1px solid; }
#top-boshu ul li p { padding:0 0 15px 27px; font-size:140%; line-height:140%; background:url(../img/top_parts1_202101.jpg) -631px 0 no-repeat; }
#top-boshu ul li:last-child { border-bottom:none; }
.top-sbtn, .top-sbtn2 { display:block; width:100%; padding-top:1.0em; }
.top-sbtn a, .top-sbtn2 a { display:block; width:179px; height:28px; margin-left:30px; border-radius:14px; background-image:url(../img/top_parts1_202101.jpg); background-repeat:no-repeat; text-indent:-9999px; outline:none; filter: alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; }
.top-sbtn a { background-position:0 -150px; }
.top-sbtn2 a { background-position:0 -188px; }
.top-sbtn a:hover, .top-sbtn2 a:hover { filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; }
@media all and (max-width: 767px) {
#top-boshu { width:100%; margin:0 0 10px 0; border-radius:10px; text-align:left; }
#top-boshu h2 { width:auto; height:auto; padding:0.5em 0.7em; border-radius:10px 10px 0 0; background-color:#b1c65e; background-image:none; text-indent:0; color:#fff; font-size:160%; }
.top-sbtn, .top-sbtn2 { text-align:center; padding:10px 27px 0 0; box-sizing:border-box; }
.top-sbtn a, .top-sbtn2 a { margin:0 auto; width:13.0em; height:auto; padding:0.5em 0; border-radius:1.2em; background-image:none; background-color:#b1c65e; color:#fff; font-weight:bold; text-indent:0; text-decoration:none; }
}
/* ----- top-info ----- */
.top-info { clear:both; width:621px; margin-bottom:10px; background-image:none; background-color:#fff; border-radius:15px; box-shadow:0px 2px 5px rgba(0,0,0,0.2); }
.top-info h2 { width:621px; height:40px; margin-bottom:5px; background:url(../img/top_parts1_202101.jpg) 0 0 no-repeat; border-radius:15px 15px 0 0; text-indent:-9999px; }
.top-info-body { width:584px; padding:10px 18px; font-size:130%; line-height:150%; }
.top-info-body p { padding-bottom:0.4em; }
.top-info-body hr { display:block; width:100%; border:dotted 2px #e9e5d7; }
.top-info-col { padding-top:1.2em; }
.t120 { font-size:120%; line-height:150%; }
.t130 { font-size:130%; line-height:150%; }
.t140 { font-size:140%; line-height:150%; }
.t170 { font-size:170%; line-height:150%; }
.t200 { font-size:200%; line-height:150%; }
#top-info-btm { width:632px; height:35px; background:url(../img/bg_common.jpg) -632px bottom repeat-y; }
#top-prbtn { width:100%; text-align:center; }
#top-prbtn a { display:inline-block; margin:auto; padding:0.7em 1.2em; background-color:#f8e200; color:#c5331e; font-size:110%; line-height:100%; border-radius:1.2em; font-weight:bold; text-decoration:none; filter: alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; }
#top-prbtn a:hover { filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; }
/* top-info-free */
.top-info-free h2 { width:621px; height:auto; margin-bottom:5px; padding:0.5em; box-sizing:border-box; background-image:none; background-color:#eb5f91; font-size:200%; line-height:120%; color:#fff; text-indent:0; }
@media all and (max-width: 767px) {
.top-info { width:auto; }
.top-info-body { width:auto; }
.top-info-free { text-align:left; }
.top-info-free h2 { width:auto; font-size:160%; }
}
/* ----- top-sdgbanner ----- */
#bnSdgs a { width:622px; height: 60px; background-image: url(../img/bn_sdgs.png); background-position: center; background-repeat: no-repeat; background-color: #faf2d3; background-size: cover; margin:0 0 15px 0; border-radius:15px; background-color:#fff; box-shadow:0px 2px 5px rgba(0,0,0,0.2); display: block; text-indent: -9999px;}
#bnSdgs a:hover { position: relative; top: 1px; left: 1px; }
@media all and (max-width: 767px) {
#bnSdgs a { width: 100%; height: 0; padding-top: 15%;}
}
/* ----- top-noushaki ----- */
#top-noushaki { width:305px; margin:0 0 15px 0; padding-bottom:1px; border-radius:15px; background-color:#fff; box-shadow:0px 2px 5px rgba(0,0,0,0.2); }
#top-noushaki h2 { width:305px; height:40px; margin-bottom:15px; border-radius:15px 15px 0 0; background:url(../img/top_parts1_202101.jpg) 0 -160px no-repeat; text-indent:-9999px; }
#top-noushaki ul { margin:0 10px 10px 10px; }
#top-noushaki ul li { font-size:150%; }
@media all and (max-width: 767px) {
#top-noushaki { width:100%; margin:0 0 10px 0; border-radius:10px; text-align:left; }
#top-noushaki h2 { width:auto; height:auto; margin-bottom:10px; padding:0.5em 0.7em; border-radius:10px 10px 0 0; background-color:#ffe100; background-image:none; text-indent:0; color:#ea5504; font-size:160%; }
}
/* ----- top-monthly ----- */
#top-monthly { width:305px; margin:0 0 15px 0; padding-bottom:1px; border-radius:15px; background-color:#fff; box-shadow:0px 2px 5px rgba(0,0,0,0.2); }
#top-monthly h2 { width:305px; height:40px; margin-bottom:15px; border-radius:15px 15px 0 0; background:url(../img/top_monthly_ttl.png) 0 0 no-repeat #ff61a3; text-indent:-9999px; }
#top-monthly-pic p { margin:0 auto 15px auto; width:170px; height:157px; }
#top-monthly-pic p span { display:block; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; text-indent:-9999px; background-size:cover; }
@media all and (max-width: 767px) {
#top-monthly { width:100%; margin:0 0 10px 0; border-radius:10px; text-align:left; }
#top-monthly h2 { width:auto; height:auto; margin-bottom:10px; padding:0.5em 0.7em; border-radius:10px 10px 0 0; background-color:#ff61a3; background-image:none; text-indent:0; color:#fff; font-size:160%; }
}
/* ----- top-olympic ----- */
#top-olympic { width:305px; margin:0 0 15px 0; padding-bottom:1px; border-radius:15px; background-color:#fff; box-shadow:0px 2px 5px rgba(0,0,0,0.2); }
#top-olympic h2 { width:305px; height:40px; margin-bottom:15px; border-radius:15px 15px 0 0; background:url(../img/top_olympic_ttl.png) 0 0 no-repeat #ff61a3; text-indent:-9999px; }
#top-olympic-pic p { margin:0 auto 15px auto; width:170px; height:157px; }
#top-olympic-pic p span { display:block; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; text-indent:-9999px; background-size:cover; }
@media all and (max-width: 767px) {
#top-olympic { width:100%; margin:0 0 10px 0; border-radius:10px; text-align:left; }
#top-olympic h2 { width:auto; height:auto; margin-bottom:10px; padding:0.5em 0.7em; border-radius:10px 10px 0 0; background-color:#ff61a3; background-image:none; text-indent:0; color:#fff; font-size:160%; }
}
/* About
=======================================*/
#about #main-ttl { background-image:url(../img/about/about_mainttl202004.png); }
#about #main-body { padding:0; }
#abt-txt { width:auto; margin:0; position:relative; height:0; padding-top:78.4%; }
#abt-txt p { position:absolute; margin:0; padding:0; width:100%; height:100%; left:0; top:0; border-radius:15px; background:url(../img/about/about_txt202004.png) no-repeat; background-size:cover; text-indent:-9999px; }
@media all and (max-width: 767px) {
}
/* Cast
=======================================*/
#cast #main-ttl { background-image:url(../img/cast202004/cast_mainttl.png); }
#cast-list { width:560px; margin:0 12px 0 13px; }
#cast-mc,
#cast-cmt,
#cast-ana { padding-bottom:15px; }
.cast-box h2,
.cast-box h3 { position:relative; width:100%; height:0; margin-bottom:10px; }
.cast-box h2 span,
.cast-box h3 span { position:absolute; display:block; left:0; top:0; width:100%; height:100%; text-indent:-9999px; }
.cast-box h2 { padding-top:8.92857%; }
.cast-box h3 { padding-top:7.142857%; }
#cast-mc h2 span { background:url(../img/cast202004/ttl_mc.png) center center no-repeat; background-size:cover; }
#cast-news h2 span { background:url(../img/cast202004/ttl_news.png) center center no-repeat; background-size:cover; }
#cast-ana h2 span { background:url(../img/cast202004/ttl_ana.png) center center no-repeat; background-size:cover; }
#cast-weather h2 span { background:url(../img/cast202004/ttl_weather.png) center center no-repeat; background-size:cover; }
#cast-monthly h2 span { background:url(../img/cast202004/ttl_monthly.png) center center no-repeat; background-size:cover; }
#cast-olympic h2 span { background:url(../img/cast202004/ttl_olympic.png) center center no-repeat; background-size:cover; }
.cast-box ul { width:100%; padding:0!important; display:inline-block; text-align:center; vertical-align:top; /* for space */ font-size:0!important; }
.cast-box ul li { width:17.857%; display:inline-block; margin:0 2.678% 15px 0; padding:0; vertical-align:middle; /* for space */ font-size:1rem; }
.cast-box ul li:last-child { margin:0 0 15px 0; }
.cast-box ul li#cast-fujimori { margin:0 2.678% 15px 20.5365%; }
.cast-box ul li#cast-hibi { margin:0 20.5365% 15px 0; }
.cast-box .pic { position:relative; width:100%; height:0; padding-top:160%; }
.cast-box .pic span { position:absolute; display:block; left:0; top:0; width:100%; height:100%; text-indent:-9999px; }
/* .cast-box#cast-news ul li { width:22%; margin:10px 1.5% 20px 1.5%; }
.cast-box#cast-news .pic { padding-top:38.461538461%; } */
#cast-natsume { width:67.28%; }
#cast-natsume .pic { padding-top:66.66%; }
#cast-natsume .pic span { background:url(../img/cast202004/natsume.jpg) center center no-repeat; background-size:cover; }
#cast-tsutsumi .pic span { background:url(../img/cast202004/tsutsumi2.jpg) center center no-repeat; background-size:cover; }
#cast-fujimori .pic span { background:url(../img/cast202004/fujimori.jpg) center center no-repeat; background-size:cover; }
#cast-kato .pic span { background:url(../img/cast202004/kato.jpg) center center no-repeat; background-size:cover; }
#cast-shinohara .pic span { background:url(../img/cast202004/shinohara.jpg) center center no-repeat; background-size:cover; }
#cast-ugajin .pic span { background:url(../img/cast202004/ugajin.jpg) center center no-repeat; background-size:cover; }
#cast-kumazaki .pic span { background:url(../img/cast202004/kumazaki.jpg) center center no-repeat; background-size:cover; }
#cast-hibi .pic span { background:url(../img/cast202004/hibi2.jpg) center center no-repeat; background-size:cover; }
#cast-nomura .pic span { background:url(../img/cast202004/nomura2.jpg) center center no-repeat; background-size:cover; }
#cast-saito .pic span { background:url(../img/cast202004/saito.jpg) center center no-repeat; background-size:cover; }
#cast-masuda .pic span { background:url(../img/cast202004/masuda.jpg) center center no-repeat; background-size:cover; }
#cast-monthly-pic { width:46.42%; }
#cast-monthly-pic .pic { padding-top:92.307692307%; }
#cast-monthly-pic .pic span { background-position:center center; background-repeat:no-repeat; background-size:cover; }
#cast-olympic-pic { width:46.42%; }
#cast-olympic-pic .pic { padding-top:92.307692307%; }
#cast-olympic-pic .pic span { background-position:center center; background-repeat:no-repeat; background-size:cover; }
#cast-btn-monthly-box { margin-bottom:15px; text-align:center; /* for space */ font-size:0; }
#cast-btn-monthly { display:inline-block; line-height:100%!important; padding-bottom:0!important; /* for space */ font-size:1rem!important; }
#cast-btn-monthly a { display:block; position:relative; width:100%; padding:1.0em 1.3em 1.0em 2.0em; box-sizing:border-box; border-radius:1.5em; background-color:#ea5504; outline:none; color:#fff; text-decoration:none; font-weight:bold; }
#cast-btn-monthly a::before { position:absolute; content:""; display:block; width:0.5em; height:1.0em; margin-left:-0.8em; background:url(../img/noushaki/arrow.png) center center no-repeat; background-size:contain; }
@media (hover: hover) { #cast-btn-monthly a:hover { opacity:0.7; } }
@media all and (max-width: 767px) {
#cast-list { width:100%; margin:0; }
#cast-mc,
#cast-cmt { padding-bottom:2vw; }
.cast-box ul li { margin:0 2.678% 2vw 0; }
.cast-box ul li:last-child { margin:0 0 2vw 0; }
.cast-box ul li#cast-fujimori,
.cast-box ul li#cast-shinohara { margin:0 2.678% 2vw 20.5365%; }
.cast-box ul li#cast-hibi,
.cast-box ul li#cast-nomura { margin:0 20.5365% 2vw 0; }
.cast-box#cast-cmt ul li { width:24%; margin:1vw 0.5% 2vw 0.5%; }
#cast-mc h2 span,
#cast-cmt h2 span,
#cast-sttl2-1 span,
#cast-sttl2-2 span,
#cast-ana h2 span,
#cast-weather h2 span { background-size:auto 98%; }
.cast-pop { font-size:90%; }
#cast-btn-monthly { /* for space */ font-size:0.7rem!important; }
}
@media all and (max-width: 440px) {
.cast-pop { width:80%; }
}
/* Natsume
=======================================*/
#natsume #main { position:relative; width:625px; background-image:url(../img/natsume_parts1_2015.jpg), url(../img/natsume_bg_main_2015.jpg); background-repeat:no-repeat, repeat; background-position:0 -61px, 0 0; }
#natsume #main-body { padding:20px 0 0 23px; border-radius:0; box-shadow:none; }
#natsume #main-ttl { position:absolute; top:10px; left:38px; z-index:10; width:266px; height:127px; border:none; background:url(../img/natsume_parts2.png) 0 0 no-repeat; text-indent:-9999px; box-shadow:none; }
#natsume #main-ttl::after { display:none; }
#natsume #main:after { display:block; content:""; width:625px; height:20px; background:url(../img/natsume_parts1_2015.jpg) 0 0 repeat-y; }
#ntm-date { position:absolute; top:42px; right:42px; width:216px; height:36px; padding-top:20px; background:url(../img/natsume_parts2.png) -276px 0 no-repeat; font-size:160%; color:#666; line-height:100%; font-family:"Courier New", Courier, monospace; text-align:center; }
/* pic */
.ntm-frame { width:545px; margin:100px 0 20px 20px; background:url(../img/natsume_bg_frame.gif) -1110px 0 repeat; }
.ntm-frame:before, .ntm-frame:after { display:block; width:545px; height:59px; background-image:url(../img/natsume_bg_frame.gif); background-repeat:no-repeat; content:" "; font-size:1%; }
.ntm-frame:before { margin-bottom:-30px; background-position:0 0; }
.ntm-frame:after { margin-top:-50px; background-position:-555px 0; }
.ntm-picarea { text-align:center; position:relative; }
.ntm-p { margin:0 auto 20px auto; padding-bottom:0!important; border:#fff 5px solid; box-shadow: 0px 0px 3px rgba(90,90,90,0.3); }
.ntm-p span { display:block; width:100%; height:100%; background-position:top left; background-repeat:no-repeat; background-size:cover; text-align:left; text-indent:-9999px; }
/* text */
#ntm-txt { width:545px; margin:0 0 30px 20px; padding:75px 0 48px 0; background:url(../img/natsume_bg_txt1.jpg) 0 0 repeat; box-shadow: 1px 1px 3px rgba(0,0,0,0.2); }
#ntm-txt-inner { width:451px; padding:0 29px; margin-left:18px; background:url(../img/natsume_bg_txt2.png) -1128px 0 repeat; font-family:"游ゴシック",YuGothic; }
#ntm-txt-inner:before, #ntm-txt-inner:after { display:block; position:relative; margin-left:-29px; width:509px; background-image:url(../img/natsume_bg_txt2.png); background-repeat:no-repeat; content:" "; font-size:1%; }
#ntm-txt-inner:before { top:-57px; height:57px; background-position:0 0; }
#ntm-txt-inner:after { bottom:-31px; height:31px; background-position:-569px bottom; }
#ntm-txt-inner h2 { width:144px; height:21px; margin:-45px 0 10px 152px; background:url(../img/natsume_parts1_2015.jpg) 0 -30px no-repeat; text-indent:-9999px; }
#ntm-txt-inner p { margin:0 0 -30px 0; text-align:center; }
/* bn */
#ntm-list-m { position:relative; width:525px; padding:10px; margin:0 0 20px 20px; background:url(../img/natsume_bg_bn1.jpg) 0 0 repeat; box-shadow: 1px 1px 3px rgba(0,0,0,0.2); }
#ntm-list-m h2 { position:absolute; top:-15px; left:15px; width:151px; height:54px; background:url(../img/natsume_parts2.png) -276px -66px no-repeat; text-indent:-9999px; }
#ntm-list-m ul { background:url(../img/natsume_bg_bn2.gif) 0 0 repeat; padding-top:30px; box-shadow: 1px 1px 3px rgba(0,0,0,0.2); }
#ntm-list-d { margin-top:100px!important; }
#ntm-list-m .acv-list { padding:35px 0 15px 15px!important; min-height:auto; }
#ntm-list-d .acv-list { padding:15px 60px 25px 60px!important; min-height:100px; }
#natsume .acv-list li { float:left; margin:0 10px 10px 0!important; padding:0 0 0 15px!important; background:url(../img/natsume_dot.gif) 0 3px no-repeat; font-size:115%; line-height:120%; list-style-type:none!important; font-family:"Courier New", Courier, monospace; font-weight:bold; }
#natsume .acv-list li a { display:inline; color:#666; }
#natsume .acv-list li a:hover { background-image:none; }
#ntm-list-m .acv-list li { width:73px; }
#ntm-list-d .acv-list li { width:95px; }
/* bn-latest */
#ntm-list-latest { position:relative; width:525px; padding:10px; margin:0 0 20px 20px; background:url(../img/natsume_bg_bn1.jpg) 0 0 repeat; box-shadow: 1px 1px 3px rgba(0,0,0,0.2); }
#ntm-list-latest h2 { position:absolute; top:-15px; left:15px; width:151px; height:54px; background:url(../img/natsume_parts2.png) -276px -66px no-repeat; text-indent:-9999px; }
#ntm-list-lt { background:url(../img/natsume_bg_bn2.gif) 0 0 repeat; padding:35px 0 10px 10px; box-shadow:1px 1px 3px rgba(0,0,0,0.2); }
#ntm-list-lt ul { padding:0; }
#ntm-list-lt ul li { float:left; list-style-type:none; margin-right:5px; }
#ntm-list-lt ul li dl dt { width:91px; height:121px; padding:3px; box-shadow: 0px 0px 3px rgba(90,90,90,0.3); }
#ntm-list-lt ul li dl dt a { display:block; width:91px; height:121px; background-size:cover; text-indent:-9999px; outline:none; filter: alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; }
#ntm-list-lt ul li dl dt a:hover { filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; }
#ntm-list-lt ul li dl dd { padding:3px 0 0 3px; }
#ntm-list-lt ul li dl dd a { font-size:110%; line-height:100%; font-family:"Courier New", Courier, monospace; font-weight:bold; color:#666; text-decoration:none; }
#ntm-list-lt ul li dl dd a:hover { text-decoration:underline; }
#ntm-list-lt-btn { padding:5px 0 5px 375px!important; }
#ntm-list-lt-btn a { display:block; width:129px; height:16px; background:url(../img/natsume_parts2.png) -276px -140px no-repeat; text-indent:-9999px; outline:none; filter: alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; }
#ntm-list-lt-btn a:hover { filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; }
.ntm-m #ntm-list-lt { padding:10px 0 10px 10px!important; }
.ntm-m .ntm-frame { margin-top:0; }
.ntm-m .ntm-frame .acv-list li { float:none!important; width:100%!important; }
.ntm-m .ntm-frame .acv-list li span span { font-size:80%; font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
/* prev next */
#ntm-btn-prev,
#ntm-btn-next { position:absolute; top:5px; }
#ntm-btn-prev { left:20px; }
#ntm-btn-next { right:20px; }
#ntm-btn-prev a,
#ntm-btn-next a { display:block; width:76px; height:17px; background-position:center center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; }
#ntm-btn-prev a { background-image:url(../img/natsume_prev.png); }
#ntm-btn-next a { background-image:url(../img/natsume_next.png); }
@media all and (max-width: 767px) {
#natsume #pagebody { padding:0; }
#natsume #side { padding:0 10px; }
#natsume #footer { margin:0; }
#natsume #main { position:static; width:auto; margin-bottom:10px; padding:10px; background-image:url(../img/natsume_bg_bn_smp.jpg); background-repeat:repeat; }
#natsume #main-inner { padding:10px; background:url(../img/top_natsume_smp_bg.jpg); text-align:center; }
#natsume #main-body { padding:0; margin-bottom:0; }
#natsume #main-ttl { position:static; top:0; left:0; width:202px; height:97px; margin:0 auto 10px auto; background:url(../img/natsume_ttl_smp.png) center center no-repeat!important; background-size:cover!important; }
#natsume #main:after { display:none; }
#ntm-date { position:static; top:0; right:0; margin:0 auto 10px auto; background:url(../img/natsume_date_smp.png) 0 0 no-repeat; }
/* pic */
.ntm-picarea { padding-top:35px; }
.ntm-frame { width:auto; margin:0 -5px 10px -5px; padding-top:10px; background-image:none; border:#f5f0de 6px double; }
.ntm-frame:before, .ntm-frame:after { display:none; }
.ntm-p { margin:0 auto 10px auto; }
/* text */
#ntm-txt { width:auto; margin:0 0 10px 0; padding:10px; }
#ntm-txt-inner { width:auto; padding:10px; margin-left:0; background-image:none; background-color:#fff; box-shadow: 1px 1px 3px rgba(0,0,0,0.2); }
#ntm-txt-inner:before, #ntm-txt-inner:after { display:none; }
#ntm-txt-inner h2 { width:auto; height:auto; margin:0 0 10px 0; background-image:none; text-indent:0; font-size:160%; }
#ntm-txt-inner p { margin:0; padding-bottom:0; }
/* bn */
#ntm-list-d { margin:0 0 20px 0!important; text-align:left; }
#ntm-list-m .acv-list { padding:10px 10px 5px 10px!important; text-align:center; }
#ntm-list-m .acv-list li { display:inline; margin:0 5px 5px 0!important; text-align:left; }
#ntm-list-d .acv-list { padding:0 10px!important; min-height:auto; }
#ntm-list-d .acv-list li { box-sizing:border-box; }
#ntm-list-m { position:static; width:auto; margin:0; text-align:center; }
#ntm-list-m h2 { position:relative; top:0; left:0; z-index:10; margin:-25px auto 10px auto; background:url(../img/natsume_bn_ttl_smp.png) center center no-repeat; background-size:cover; }
/* bn-latest */
#ntm-list-latest { position:static; width:auto; margin:0; padding:10px 0; text-align:center; background-image:none; box-shadow:none; }
#ntm-list-latest h2 { display:none; }
#ntm-list-lt { background-image:none; padding:0; box-shadow:none; }
#ntm-list-lt ul { display:none; }
#ntm-list-lt-btn { padding:0!important; }
#ntm-list-lt-btn a { margin:0 auto; padding:0; width:280px; height:40px; border-radius:20px; background:url(../img/natsume_bn_btn_smp.png) center center no-repeat; background-size:50%; background-color:#d7bbd0; }
/* prev next */
#ntm-btn-prev { left:10px; }
#ntm-btn-next { right:10px; }
}
/* Gudetama
=======================================*/
#gudetama #main-ttl { background-image:url(../img/gudetama/gudetama_mainttl202004.png); }
#gudetama #main-body { padding:20px 20px 0 20px; }
#gudetama .cttl1 { background-color:#f6df91; color:#fc1432; border-radius:10px; }
.gdtm-mov { width:auto; margin-bottom:10px; position:relative; height:0; padding-top:56.75%; }
.gdtm-mov-inner { position:absolute; width:100%; height:100%; left:0; top:0; }
#gdtm-bs-ttl.cttl1 { background-color:#b2bf62; color:#fff; }
#btn-dance-mp3 { width:100%; text-align:center; padding-bottom:10px!important; }
#btn-dance-mp3 a { display:block; width:460px; height:50px; margin:0 auto; background:url(../img/boshu_parts1.jpg) 0 -82px no-repeat; text-indent:-9999px; outline:none; filter: alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; }
#btn-dance-mp3 a:hover { filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; }
#btn-dance-mp3 a br { display:none; }
.gdtm-goods-itm dl dt { margin-bottom:10px; background-position:0 0; background-repeat:no-repeat; text-indent:-9999px; }
.gdtm-goods-itm dl dd { margin-bottom:20px; font-size:130%; line-height:120%; text-align:center; }
.gdtm-goods-copy { font-size:115%!important; text-align:right; }
#gdtm-goods-itm7 dt { position:relative; height:0; padding-top:78.97%; }
#gdtm-goods-itm7 dt span { display:block; position:absolute; width:100%; height:100%; left:0; top:0; background:url(../img/gudetama_goods7.jpg) center center no-repeat; background-size:cover; }
#gdtm-goods-itm7 dd { line-height:150%; }
#gdtm-goods-itm8 dt { position:relative; height:0; padding-top:92.26%; }
#gdtm-goods-itm8 dt span { display:block; position:absolute; width:100%; height:100%; left:0; top:0; background:url(../img/gudetama_goods8.jpg) center center no-repeat; background-size:cover; }
#gdtm-goods-itm8 dd { line-height:150%; }
#gdtm-goods-itm9 dt { position:relative; height:0; padding-top:92.26%; }
#gdtm-goods-itm9 dt span { display:block; position:absolute; width:100%; height:100%; left:0; top:0; background:url(../img/gudetama_goods9.jpg) center center no-repeat; background-size:cover; }
#gdtm-goods-itm9 dd { line-height:150%; }
#gudetama .btn-apply a { background:url(../img/boshu_parts1.jpg) 0 -142px no-repeat; }
#gudetama .sec:last-child { margin-bottom:0; }
/* gdtm-vote */
#gdtm-vote { margin-top:15px; }
#gdtm-vote a { display:block; width:585px; height:100px; margin:0 auto; background:url(../img/gudetama_vote_bn.jpg) 0 0 no-repeat; text-indent:-9999px; outline:none; filter: alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; }
#gdtm-vote a:hover { filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; }
#gdtm-vote-end { display:block; width:585px; height:100px; margin:15px auto 0 auto; background:url(../img/gudetama_vote_bn_end.jpg) 0 0 no-repeat; text-indent:-9999px; }
/* gdtm-vacation */
#gdtm-vacation-p1 { display:block; width:490px; height:304px; margin:0 0 10px 47px; background:url(../img/gudetama_vacation.jpg) 0 0 no-repeat; text-indent:-9999px; }
#gdtm-vacation-p2 { display:block; width:585px; height:214px; background:url(../img/gudetama_vacation2.jpg) 0 0 no-repeat; text-indent:-9999px; }
/* gdtm-vote2017 */
#gdtm-vote2017 { width:auto; position:relative; height:0; padding:22.22% 0 0 0!important; margin:15px auto 10px auto; }
#gdtm-vote2017 span { display:block; position:absolute; width:100%; height:100%; left:0; top:0; background:url(../img/gudetama_vote_bn2017.jpg) 0 0 no-repeat; background-size:cover; text-indent:-9999px; }
#gdtm-vote-btn { width:100%; text-align:center; }
#gdtm-vote-btn a { display:inline-block; margin:auto; padding:1.0em 1.6em; background-color:#f08300; color:#fff; font-size:130%; line-height:100%; border-radius:1.5em; font-weight:bold; text-decoration:none; filter: alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; }
#gdtm-vote-btn a:hover { filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; }
#gdtm-vote2017-t { width:100%; margin-top:-0.4em; text-align:center; font-size:80%; }
@media all and (max-width: 767px) {
#gudetama #main-body { padding:10px 10px 0 10px; }
.gdtm-mov-inner iframe{ position:absolute; top: 0; right:0; width:100%!important; height:100%!important; }
#btn-dance-mp3 a { margin:0 auto; width:auto; max-width:15.0em; height:auto; padding:0.5em 0.5em; border-radius:1.2em; background-image:none; background-color:#eac024; color:#fff; font-size:120%; font-weight:bold; text-indent:0; text-decoration:none; }
#btn-dance-mp3 a br { display:block; }
#gudetama .btn-apply a { margin:0 auto; width:13.0em; height:auto; padding:0.5em 0; border-radius:1.2em; background-image:none; background-color:#eac024; color:#fff; font-size:120%; font-weight:bold; text-indent:0; text-decoration:none; }
#gdtm-vote-btn a { font-size:110%; padding:0.8em 1.4em; }
}
/* Boshu
=======================================*/
#boshu #main-ttl { background-image:url(../img/boshu/boshu_mainttl202004.png); }
#boshu .cttl1 { background-color:#ee67a0; border-radius:10px; }
#boshu .btn-apply a { width:322px; height:48px; background:url(../img/boshu/boshu_btn.png) no-repeat; border-radius:25px; }
.boshu-end { padding-bottom:10px; }
.boshu-end p { color:#75b101; background-color:#dff3b9; padding:0.5em; text-align:center; font-weight:bold; }
#pop-rule { margin:0 auto 10px auto; width:470px; padding:15px; background-color:#fff; text-align:left; font-size:130%; line-height:160%; }
.rl-box { margin-bottom:10px; }
#pop-rule h2 { color:#ff088d; margin-bottom:5px; }
#pop-rule ol li { margin-left:1.5em; padding-bottom:0.5em; }
.apply-txt { border:#f3f0e9 2px solid; margin:15px 2px 0 0; padding:1.0em 1.0em 0.5em 1.0em; }
#main-body .apply-txt p { font-size:120%; line-height:140%; padding-bottom:0.5em; }
p#boshu-gd-ttl { font-size:180%; line-height:160%; color:#f08300; font-weight:bold; }
@media all and (max-width: 767px) {
#boshu .btn-apply a { margin:0 auto; width:13.0em; height:auto; padding:0.5em 0; border-radius:1.2em; background-image:none; background-color:#ee67a0; color:#fff; font-size:120%; font-weight:bold; text-indent:0; text-decoration:none; }
}
/* ----- bukatsu ----- */
#bukatsu-logo { position:relative; width:100%; height:0; margin-bottom:10px; padding-top:15.33333%; }
#bukatsu-pic { margin-bottom:10px; }
#bukatsu-pic ul { text-align:center; /* for space */ font-size:0; }
#bukatsu-pic ul li { display:inline-block; margin-right:2%; width:49%; vertical-align:top; /* for space */ font-size:1rem; }
#bukatsu-pic ul li:last-child { margin-right:0; }
#bukatsu-pic ul li dl dt { position:relative; width:100%; height:0; margin-bottom:7px; padding-top:56.25%; }
#bukatsu-pic ul li dl dt span { position:absolute; display:block; left:0; top:0; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; }
#bukatsu-pic dl dd { font-size:0.85rem; line-height:1.0rem; }
#btn-bukatsu { width:100%; text-align:center; padding-bottom:5px!important; }
#btn-bukatsu a:hover { opacity:0.7; }
@media all and (max-width: 767px) {
#btn-bukatsu a { margin:0 auto; width:13.0em; height:auto; padding:0.5em 0; border-radius:1.2em; background-image:none; background-color:#ee67a0; color:#fff; font-size:120%; font-weight:bold; text-indent:0; text-decoration:none; }
}
/* ----- sdgs ----- */
#boshu-sdgs-logo { margin-bottom:10px; }
#boshu-sdgs-logo ul { text-align:center; /* for space */ font-size:0; }
#boshu-sdgs-logo ul li { display:inline-block; margin-right:2%; width:49%; vertical-align:top; /* for space */ font-size:1rem; }
#boshu-sdgs-logo ul li:last-child { margin-right:0; }
#boshu-sdgs-logo ul li p { position:relative; width:100%; height:0; padding:18.71559633% 0 0 0; }
#boshu-sdgs-logo ul li p span { position:absolute; display:block; left:0; top:0; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; }
#boshu-sdgs-logo1 p span { background-image:url(../img/boshu/sdgs_watashi_logo.png); }
#boshu-sdgs-logo2 p span { background-image:url(../img/boshu/sdgs_watashitachi_logo.png); }
#boshu-sdgs-pic { margin-bottom:10px; }
#boshu-sdgs-pic ul { text-align:center; /* for space */ font-size:0; }
#boshu-sdgs-pic ul li { display:inline-block; margin-right:2%; width:49%; vertical-align:top; /* for space */ font-size:1rem; }
#boshu-sdgs-pic ul li:last-child { margin-right:0; }
#boshu-sdgs-pic ul li p { position:relative; width:100%; height:0; padding:56.25% 0 0 0; }
#boshu-sdgs-pic ul li p span { position:absolute; display:block; left:0; top:0; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; }
#boshu-sdgs-pic1 p span { background-image:url(../img/boshu/sdgs_p1.jpg); }
#boshu-sdgs-pic2 p span { background-image:url(../img/boshu/sdgs_p2.jpg); }
.btn-boshu-sdgs { width:100%; text-align:center; padding-bottom:5px!important; }
.btn-boshu-sdgs a { display:block; width:322px; height:48px; margin:0 auto 7px auto; background:url(../img/boshu/boshu_btn2.png) no-repeat; border-radius:25px; text-indent:-9999px; outline:none; }
.btn-boshu-sdgs a:hover { opacity:0.7; }
/* modal */
.modal-content { position:fixed; display:none; z-index:202; margin:0; padding:20px; background:#fff; border-radius:20px; }
.modal-overlay { z-index:200; display:none; position:fixed; top:0; left:0; width:100%; height:120%; background-color:rgba(0,0,0,0.75); }
.modal-open { text-decoration:underline; }
.modal-open:hover { cursor:pointer; }
.modal-close { color:#00f; text-decoration:underline; }
.modal-close:hover { cursor:pointer; color:#f00; }
.lock { overflow:hidden; }
.modal-content { position:relative; width:80%; margin:10px; padding:20px; }
.modal-wrap { z-index:201; display:none; position:fixed; top:0; left:0; width:100%; height:100%; overflow:auto; }
.boshu-pop-close { padding-bottom:0!important; }
.boshu-pop-close a { display:block; padding:0.4em 0.5em; border-radius:1.0em; width:4.0em; margin:auto; background-color:#fe4564; color:#fff; text-align:center; text-decoration:none; font-weight:bold; line-height:100%; }
.boshu-pop-close a:hover { color:#fff; }
.modal-content h4 { margin-bottom:10px; font-size:180%; }
.modal-content h5 { margin-bottom:7px; padding-bottom:5px; border-bottom:#ccc 1px solid; font-size:160%; }
#boshu-sdgs-rule-btn { font-weight:bold; font-size:150%!important; }
#kiyaku-check { margin-bottom:15px; font-size:130%; }
#boshu-rule-list { padding:15px; border:#ccc 1px solid; }
#boshu-rule-list li { list-style-type:none!important; text-indent:-1.0em; padding:0 0 0.5em 1.0em; line-height:140%; }
@media all and (max-width: 767px) {
.btn-boshu-sdgs a { margin:0 auto; width:13.0em; height:auto; padding:0.5em 0; border-radius:1.2em; background-image:none; background-color:#ee67a0; color:#fff; font-size:120%; font-weight:bold; text-indent:0; text-decoration:none; }
}
.btn_form0 { opacity:0.3; }
.btn_form0 a { cursor: default; pointer-events: none;}
.btn_form { opacity:1; }
.btn_form a { display: block; }
@media (hover: hover) {
.btn_form0 p:hover { opacity:1!important; }
}
/* Contact
=======================================*/
#contact #main-ttl { background-image:url(../img/contact/contact_mainttl202004.png); }
#cct-box { border:#efefef 4px solid; border-radius:15px; }
#cct-box h2 { margin:15px; font-size:200%; line-height:160%; color:#f58760; }
#cct-txt { padding:15px; border-top:#efefef 4px solid; }
#cct-adr { color:#f58760; font-weight:bold; }
#contact .btn-apply { margin:15px 0; }
#contact .btn-apply a { width:323px; height:48px; background:url(../img/contact/contact_btn.png) no-repeat; border-radius:25px; }
@media all and (max-width: 767px) {
#cct-box { border-radius:10px; }
#cct-box h2 { margin:10px; font-size:140%; line-height:160%; }
#cct-txt { padding:10px; line-height:140%; }
#contact .btn-apply { margin:5px 0 0 0; }
#contact .btn-apply a { margin:0 auto; width:13.0em; height:auto; padding:0.5em 0; border-radius:1.2em; background-image:none; background-color:#f58760; color:#fff; font-size:120%; font-weight:bold; text-indent:0; text-decoration:none; }
}
/* Nouchaki
=======================================*/
#noushaki #main-ttl { background-image:url(../img/noushaki/noushaki_mainttl202004.png); }
#nsk-subttl { margin-bottom:20px; padding:0.5em; background-color:#ea5504; border-radius:0.5em; color:#fff; font-size:200%; text-align:center; }
.nsk-picture { width:90%; margin:0 5% 20px 5%; }
.nsk-picture p { position:relative; width:100%; height:0; padding-top:56.25%; }
.nsk-picture p span { position:absolute; display:block; left:0; top:0; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; }
#nsk-hint { display:none; margin-bottom:20px; padding:20px; border-radius:20px; background-color:#ccecfb; }
#nsk-hint h3 { font-size:180%; margin-bottom:0.2em; color:#00a0e9; }
#nsk-hint p { font-size:180%; padding-bottom:0!important; }
.nsk-btn-box { /* for space */ font-size:0; }
.nsk-btn { display:inline-block; line-height:100%!important; padding-bottom:0!important; /* for space */ font-size:1rem!important; }
.nsk-btn a { display:block; position:relative; width:100%; padding:1.0em; box-sizing:border-box; border-radius:1.5em; background-color:#ea5504; outline:none; color:#fff; text-decoration:none; font-weight:bold; }
.nsk-btn a::before { position:absolute; content:""; display:block; width:0.5em; height:1.0em; background:url(../img/noushaki/arrow.png) center center no-repeat; background-size:contain; }
@media (hover: hover) { .nsk-btn a:hover { opacity:0.7; } }
#nsk-btn-box1 { margin-bottom:15px; text-align:center; }
#nsk-btn-box1 .nsk-btn { width:12.0em; margin:5px 5px; }
#nsk-btn-hint a { background-color:#00a0e9; }
#nsk-btn-box2 { text-align:right; }
#nsk-btn-box3 { text-align:left; }
#nsk-btn-box2 .nsk-btn,
#nsk-btn-box3 .nsk-btn { width:12.0em; text-align:center; font-size:0.8rem!important; }
#nsk-btn-bknm a,
#nsk-btn-month a { background-color:#ff4186; }
#nsk-btn-month a::before { transform: rotate(180deg); }
.nsk-bknm { margin-bottom:20px; min-height:100px; }
.nsk-bknm ul { padding:0!important; }
.nsk-bknm ul li { display:inline-block; margin:0 0.5em 0.5em 0; font-size:110%; }
.nsk-bknm ul li a { color:#ea5504; line-height:140%; font-weight:bold; }
.nsk-bknm ul li a::before { position:relative; top:0.1em; content:""; display:inline-block; width:1.6em; height:1.6em; vertical-align:bottom; background:url(../img/noushaki/dot_noushaki.png) center center no-repeat; background-size:contain; }
@media all and (max-width: 767px) {
#nsk-subttl { margin-bottom:15px; font-size:160%; }
.nsk-picture { margin:0 5% 15px 5%; }
#nsk-hint { margin-bottom:15px; padding:10px; border-radius:10px; }
#nsk-hint h3 { font-size:150%; }
#nsk-hint p { font-size:150%; }
.nsk-btn { font-size:0.9rem!important; }
#nsk-btn-box1 { margin-bottom:10px; }
#nsk-btn-box2 .nsk-btn { font-size:0.7rem!important; }
.nsk-bknm { margin-bottom:10px; min-height:0; }
.nsk-bknm ul li { font-size:100%; }
}
/*eof*/