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 { background:url(../img/bg.jpg) center top; }

#con-body { background:transparent; font-family:Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; color:#fff; }

.cover { background:url(/img/cover.gif); display:block; width:100%; height:100%; }

.lazy { display:block; position:relative; }

.txts { font-size:80%; }
.txtb { font-size:120%; }

a { color:#f9d117; }

/* ------------ Media Queries ------------ */

@media all and (max-width: 767px) {

body { background-size:200% auto; }

}


/* Header
=================================== */

#header { /*margin-bottom:20px;*/ }

#logo { position:relative; width:100%; height:0; padding-top:59.897959%; }
#logo span,
#logo a { position:absolute; display:block; left:0; top:0; width:100%; height:100%; background:url(../img/logo2022_2.png) center center no-repeat; background-size:cover; text-indent:-9999px; }

#gnav { margin:0 auto 40px auto; width:980px; box-sizing:border-box; border:5px solid; box-shadow:0px 0px 5px rgba(0,0,0,0.5); border-image:linear-gradient(to top, #d69302, #f5ce23 20%, #f5ce23 80%, #d69302 100%); border-image-slice:1; }

#gnav ul { box-shadow:0px 0px 5px rgba(0,0,0,0.5) inset; /* for space */ font-size:0; }
#gnav ul li { display:inline-block; height:100px; /* for space */ font-size:1rem; }
#gnav ul li a { display:block; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:auto 66%; text-indent:-9999px; }
#gnav ul li#gnav-boshu { width:28%; }
#gnav ul li#gnav-winner { width:28%; }
#gnav ul li#gnav-cast { width:21%; }
#gnav ul li#gnav-highlight { width:23%; }
#gnav ul li#gnav-mov a { background-image:url(../img/gnav_item_mov.png); }
#gnav ul li#gnav-cast a { background-image:url(../img/gnav_item_cast.png); }
#gnav ul li#gnav-highlight a { background-image:url(../img/gnav_item_highlight.png); }
#gnav ul li#gnav-boshu a { background-image:url(../img/gnav_item_boshu.png); }
#gnav ul li#gnav-winner a { background-image:url(../img/gnav_item_winner.png); }
@media (hover: hover) {
#gnav ul li#gnav-mov a:hover { background-image:url(../img/gnav_item_mov_hover.png); }
#gnav ul li#gnav-cast a:hover { background-image:url(../img/gnav_item_cast_hover.png); }
#gnav ul li#gnav-highlight a:hover { background-image:url(../img/gnav_item_highlight_hover.png); }
#gnav ul li#gnav-boshu a:hover { background-image:url(../img/gnav_item_boshu_hover.png); }
#gnav ul li#gnav-winner a:hover { background-image:url(../img/gnav_item_winner_hover.png); }
}

/* gnav coming */
#gnav ul li#gnav-mov span { display:block; width:100%; height:100%; background-image:url(../img/gnav_item_mov_hover.png); background-position:center center; background-repeat:no-repeat; background-size:auto 66%; text-indent:-9999px; opacity:0.5; }

#top-notice { color:#f5ce23; border:#f5ce23 4px solid; margin-bottom:20px; padding:15px; text-shadow:0px 0px 4px rgba(0,0,0,0.6); background-color:rgba(0,0,0,0.3) }
#top-notice h2 { text-align:center; font-size:160%; padding-bottom:0.3em; }
#top-notice p { font-size:115%; line-height:140%; }

/* ------------ Media Queries ------------ */

@media all and (max-width: 767px) {

#header { margin-bottom:2.5vw; }

#gnav { width:96%; margin:0 2% 4vw 2%; border:0.6vw solid; border-image:linear-gradient(to bottom, #d69302, #f5ce23 20%, #f5ce23 80%, #d69302 100%); border-image-slice:1; }
#gnav ul li { height:9.5vw; }

#top-notice { font-size:90%; border:#f5ce23 2px solid; margin:0 10px 15px 10px; padding:10px; }

}

@media all and (max-width: 450px) {

#gnav { border:0.8vw solid; border-image:linear-gradient(to top, #d69302, #f5ce23 20%, #f5ce23 80%, #d69302 100%); border-image-slice:1; }

}


/* Main
=================================== */

#container { width:980px; margin:auto; }
#pagebody:after {content:"";clear:both;display:block;}
#main { float:left; width:640px; margin-right:40px; }

.box { margin-bottom:40px; box-shadow:0px 0px 5px rgba(0,0,0,0.5); }
.box:last-child { margin-bottom:0px!important; }
.box .subttl { border:5px solid; border-image:linear-gradient(to bottom, #d69302, #f5ce23 100%); border-image-slice:1; }
.box .subttl h1 { height:65px; box-shadow:0px 0px 5px rgba(0,0,0,0.5) inset; background-image:url(../img/ttl_bg1.png), url(../img/ttl_bg2.png); background-position:center left, center right; background-repeat:no-repeat, no-repeat; background-size:auto 100%, auto 100%; }
.box .subttl h1 span { display:block; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:auto 100%; text-indent:-9999px; }
#mov.box .subttl h1 span { background-image:url(../img/ttl_mov.png); }
#cast.box .subttl h1 span { background-image:url(../img/ttl_cast.png); }
#highlight.box .subttl h1 span { background-image:url(../img/ttl_highlight.png); }
#boshu.box .subttl h1 span { background-image:url(../img/ttl_boshu.png); }
#kiyaku.box .subttl h1 span { background-image:url(../img/ttl_kiyaku.png); }
#winner.box .subttl h1 span { background-image:url(../img/ttl_winner.png); }
.box .box-body { margin-top:-5px; box-shadow:0px 0px 5px rgba(0,0,0,0.5) inset; box-sizing:border-box; background-color:rgba(0,0,0,0.3); border:5px solid; border-image:linear-gradient(to bottom, #f5ce23 80%, #d69302 100%); border-image-slice:1; }

.btn2 { margin-bottom:20px; text-align:center; }
.btn2 a { display:inline-block; width:100%; padding:1.0em 0; border-radius:1.5em; font-size:120%; font-weight:bold; color:#333; text-decoration:none; background:rgb(214,147,2); background: linear-gradient(90deg, rgba(214,147,2,1) 0%, rgba(245,205,34,1) 50%, rgba(214,147,2,1) 100%); transition: opacity 0.2s ease-out; }
.btn2 a:hover { opacity:0.5; }


/* ------------ Media Queries ------------ */

@media all and (max-width: 767px) {

#container { width:auto; }
#main { float:none; width:96%; margin:0 2% 4vw 2%; }

.box { margin-bottom:4vw; }
.box .subttl { border:0.6vw solid; border-image:linear-gradient(to bottom, #d69302, #f5ce23 100%); border-image-slice:1; }
.box .subttl h1 { height:8vw; }
.box .box-body { margin-top:-0.6vw; border:0.6vw solid; border-image:linear-gradient(to bottom, #f5ce23 80%, #d69302 100%); border-image-slice:1; }

.btn2 { font-size:85%; }

}

@media all and (max-width: 450px) {

#gnav { border:0.8vw solid; border-image:linear-gradient(to top, #d69302, #f5ce23 20%, #f5ce23 80%, #d69302 100%); border-image-slice:1; }
.box .subttl { border:0.8vw solid; border-image:linear-gradient(to bottom, #d69302, #f5ce23 100%); border-image-slice:1; }
.box .subttl h1 { height:11vw; }
.box .box-body { margin-top:-0.8vw; border:0.8vw solid; border-image:linear-gradient(to bottom, #f5ce23 80%, #d69302 100%); border-image-slice:1; }

}


/* Side
=================================== */

#side { float:right; width:300px; }
#bn-rectangle { width:300px; margin:0 auto 15px auto; }
#s-tw { width:300px; margin:0 auto 15px auto; }
#bn_kanran { width:300px; height:110px; margin:auto; }
#bn_kanran p { width:100%; height:100%; }
#bn_kanran p a { display:block; width:100%; height:100%; background:url(../img/bn_kanran.png) center center no-repeat; background-size:cover; text-indent:-9999px; }
@media (hover: hover) {
#bn_kanran p a:hover { opacity:0.7; }
}

/* ------------ Media Queries ------------ */

@media all and (max-width: 767px) {

#side { float:none; width:auto; }

}


/* Footer
=================================== */

#footer-area { padding:25px; font-size:90%; line-height:120%; text-align:center; }
#footer-area a:hover { text-decoration:none; }
#f-copy, #f-sns, #f-sns-tw, #f-sns-fb { display:inline-block; }
#f-sns { position:relative; top:3px; }
#f-sns-tw { position:relative; top:3px; }

/* ----- pagetop ----- */

#pagetop { position:fixed; z-index:10; bottom:-200px; right:0; }
#pagetop a { display:block; width:203px; height:150px; background:url(../img/pagetop.png) center center no-repeat; background-size:cover; text-indent:-9999px; outline:none; }

/* ------------ Media Queries ------------ */

@media all and (max-width: 767px) {

#footer-area { font-size:80%; }

#pagetop { right:-10px; }
#pagetop a { width:102px; height:75px; }

}


/* Movie
=================================== */

#mov .box-body { padding:30px 30px 15px 30px; }

.mov_yt { margin-bottom:15px; }
.mov_yt_inner { position:relative; width:auto; height:0; padding-top:56.25%; }
.mov_yt_inner p { position:absolute; left:0; top:0; width:100%; height:100%; }
.mov_yt_inner p iframe { width:100%; height:100%; }

/* ------------ Media Queries ------------ */

@media all and (max-width: 767px) {

#mov .box-body { padding:15px 15px 0 15px; }

}


/* ----- mov2 ----- */

.mov2ttl { display:flex; justify-content:center; align-items:center; height:100%; text-align:center; font-size:160%; line-height:110%; color:#efc90b; text-shadow:0px 0px 3px rgba(0,0,0,0.8); }
.mov2text { margin-bottom:20px; line-height:160%; }
.mov2sttl { margin-bottom:0.5em; padding-bottom:0.5em; border-bottom:#f9d117 1px solid; font-size:130%; line-height:110%; color:#efc90b; text-shadow:0px 0px 3px rgba(0,0,0,0.8); }
.mov2stxt { margin-bottom:20px; line-height:160%; }

/* ------------ Media Queries ------------ */

@media all and (max-width: 767px) {

.mov2ttl { font-size:4.0vw; }
.mov2text { font-size:90%; }
.mov2sttl { font-size:110%; }
.mov2stxt { font-size:90%; }

}


/* Cast
=================================== */

#cast-list { padding:25px 10px 0 10px; text-align:center; /* for space */ font-size:0; }
#cast-list li { display:inline-block; margin:0 10px 15px 10px; box-sizing:border-box; vertical-align:top; /* for space */ font-size:1rem; }
#cast-list li dl dt { margin:0 auto 10px auto; }
#cast-list li dl dd { margin:0 auto;  }
#cast-list li dl dt p,
#cast-list li dl dd p { width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; }
#cast-list li dl dt p { box-shadow:0px 0px 10px rgba(225,228,85,1.0); }

#cast-banana { width:355px; }
#cast-sashihara { width:200px; }
#cast-banana dl dt { width:355px; height:250px; }
#cast-banana dl dd { width:154px; height:43px; }
#cast-sashihara dl dt { width:200px; height:250px; }
#cast-sashihara dl dd { width:143px; height:43px; }


/* ------------ Media Queries ------------ */

@media all and (max-width: 400px) {

#cast-list { padding:15px 0px 0 0px; }
#cast-list li { display:inline-block; margin:0 0 10px 0; }
#cast-list li dl dt { margin:0 auto 5px auto; }
#cast-banana { width:280px; }
#cast-banana dl dt { width:280px; height:197px; }

}


/* Highlight
=================================== */

#highlight-txt { position:relative; width:100%; height:0; padding-top:82.558%; }
#highlight-txt p { 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; }

/* ------------ Media Queries ------------ */

@media all and (max-width: 767px) {


}


/* Boshu
=================================== */

#boshu .box-body { padding:25px 25px 5px 25px; text-align:center; }
.boshu-item { padding-bottom:25px; }

.boshu-txt { font-size:200%; line-height:130%; font-weight:bold; text-shadow:0px 0px 4px rgba(0,0,0,0.6); }
.boshu-txt-entry { color:#99e901; }
.boshu-txt-witness { color:#01dff9; margin-bottom:20px; }
.boshu-txt-dam { color:#86cb42; margin-bottom:20px; }
.boshu-txt-notice { text-indent:-1.0em; margin-bottom:20px; font-size:90%; line-height:150%; }
.boshu-txt-dam-logo { margin-right:0.3em; padding:0 0.2em; color:#fff; background-color:#86cb42; }
.boshu-txt-t { padding:20px 0; line-height:160%; }

.btn { width:90%; height:70px; margin:auto; text-align:left; }
.btn p,
.btn p a { display:block; width:100%; height:100%; border-radius:35px; }
.btn p { background:linear-gradient(to right, #d69302, #f5ce23 20%, #d69302 50%, #f5ce23 80%, #d69302 100%); box-shadow:1px 1px 0px rgba(255,255,255,0.5) inset; }
.btn p a { position:relative; background-position:center center; background-repeat:no-no-repeat; background-size:auto 100%; text-indent:-9999px; }
.btn p a::before { position:absolute; content:""; display:block; top:30px; left:29px; width:12px; height:12px; background:url(../img/arrow.png) center center no-repeat; background-size:cover; }
@media (hover: hover) {
.btn p:hover { opacity:0.7; }
}
#btn-entry.btn p a { background-image:url(../img/btn_oubo2.png); }
#btn-witness.btn p a { background-image:url(../img/btn_witness.png); }
#btn-dam.btn p a { background-image:url(../img/btn_dam.png); }

.boshu-end { margin-top:1.0em; border-top:#666 1px solid; padding-top:1.5em; }
.boshu-end-t { padding:0.5em 0 0.5em 0; color:#ffa700; font-size:120%; text-align:center; }

.boshu-hurry { margin-top:10px; color:#f9d101; line-height:140%; }
.boshu-hurry strong { font-size:130%; color:#99e901; }

.boshu-txt-entry-txt { font-size:120%; }

/* ------------ Media Queries ------------ */

@media all and (max-width: 767px) {

#boshu .box-body { padding:10px 10px 10px 10px; }
.boshu-item { padding-bottom:10px; }

.boshu-txt { font-size:120%; }
.boshu-txt-witness,
.boshu-txt-dam { margin-bottom:10px; }
.boshu-txt-notice { margin-bottom:10px; font-size:75%; }
.boshu-txt-t { padding:10px 0; font-size:85%; }

.btn { width:100%; height:12vw; }
.btn p a::before { display:none; }

.boshu-end { color:#ffa700; font-size:95%; }

.boshu-txt-entry-txt { font-size:100%; }

}


/* Kiyaku
=================================== */

#kiyaku .box-body { padding:30px; }

#kiyaku_txt { margin-bottom:20px; }
#kiyaku_txt h2 { padding-bottom:10px; margin-bottom:10px; border-bottom:#f5ce23 1px solid; font-size:130%; color:#f5ce23; }
#kiyaku_txt p { line-height:160%; }

#kiyaku_box { margin-bottom:20px; height:40em; overflow-y:auto; padding:1.0em; border:#f5ce23 1px solid; background-color:rgba(0,0,0,0.7); }
#kiyaku_box p { line-height:160%; }

/* check */

#kiyaku-check { margin-bottom:20px; padding:0.5em 0.7em; border-radius:1em; text-align:center; background-color:#f5ce23; line-height:120%; color:#000; }
#kiyaku-check input { vertical-align:top; }

#oubo_btn.btn p a { background-image:url(../img/btn_oubo2.png); }

.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; }
}

/* modal */

.modal-content { position:fixed; display:none; z-index:2; margin:0; padding:20px; background:#000; border-radius:20px; text-align:left; }
.modal-overlay { z-index:1; 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:2; display:none; position:fixed; top:0; left:0; width:100%; height:100%; overflow:auto; }

.pp-kiyaku-close { text-align:center; }
.pp-kiyaku-close a { text-align:center; color:#f5ce23; text-decoration:none; }

/* ------------ Media Queries ------------ */

@media all and (max-width: 767px) {

#kiyaku .box-body { padding:15px; }
#kiyaku_txt h2 { font-size:110%; }
#kiyaku_txt p,
#kiyaku_box p,
#kiyaku-check { font-size:90%; }

#kiyaku_box { height:20em; }


}


/* Winner
=================================== */

#winner .box-body { padding:30px 30px 5px 30px; }

.win-box { margin-bottom:20px; padding-bottom:15px; border-bottom:#d79503 1px solid; text-align:center; }
.win-box:last-child { border-bottom:none; }

.win-p { margin:0 auto 15px auto; box-shadow:0px 0px 10px rgba(225,228,85,1.0); }
.win-p p { position:relative; width:100%; height:0; }
.win-p 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; }

.win-name,
.win-song,
.win-artist { text-shadow:0px 0px 4px rgba(0,0,0,0.6); line-height:120%; font-weight:bold; padding-bottom:0.3em; }
.win-name { color:#ffa700; font-size:140%; }
.win-song { color:#01dff9; font-size:120%; }
.win-artist { color:#99e901; font-size:120%; }


/* ------------ Media Queries ------------ */

@media all and (max-width: 767px) {

#winner .box-body { padding:15px 15px 0 15px; }

.win-box { margin-bottom:15px; padding-bottom:10px; }

.win-p { width:90%!important; }

.win-name { font-size:120%; }
.win-song { font-size:90%; }
.win-artist { font-size:90%; }

}

@media print {
.win-p { display:none; }
}

/* Winner Picture
=================================== */

#win-winner20220115_1 .win-p { width:570px; }
#win-winner20220115_2 .win-p { width:570px; }
#win-winner20220115_3 .win-p { width:570px; }
#win-winner20220115_4 .win-p { width:570px; }


#win-winner20220115_1 .win-p p { padding-top:-webkit-calc( 380% / 570 * 100 ); padding-top:calc( 380% / 570 * 100 ); }
#win-winner20220115_2 .win-p p { padding-top:-webkit-calc( 380% / 570 * 100 ); padding-top:calc( 380% / 570 * 100 ); }
#win-winner20220115_3 .win-p p { padding-top:-webkit-calc( 380% / 570 * 100 ); padding-top:calc( 380% / 570 * 100 ); }
#win-winner20220115_4 .win-p p { padding-top:-webkit-calc( 380% / 570 * 100 ); padding-top:calc( 380% / 570 * 100 ); }


/* old winner */

#win-winner20210828_1 .win-p { width:570px; }
#win-winner20210828_2 .win-p { width:570px; }

#win-winner20210828_1 .win-p p { padding-top:-webkit-calc( 380% / 570 * 100 ); padding-top:calc( 380% / 570 * 100 ); }
#win-winner20210828_2 .win-p p { padding-top:-webkit-calc( 380% / 570 * 100 ); padding-top:calc( 380% / 570 * 100 ); }

#win-winner20210116_1 .win-p { width:570px; }
#win-winner20210116_2 .win-p { width:570px; }
#win-winner20210116_3 .win-p { width:570px; }
#win-winner20210116_4 .win-p { width:570px; }
#win-winner20210116_5 .win-p { width:570px; }

#win-winner20210116_1 .win-p p { padding-top:-webkit-calc( 380% / 570 * 100 ); padding-top:calc( 380% / 570 * 100 ); }
#win-winner20210116_2 .win-p p { padding-top:-webkit-calc( 380% / 570 * 100 ); padding-top:calc( 380% / 570 * 100 ); }
#win-winner20210116_3 .win-p p { padding-top:-webkit-calc( 380% / 570 * 100 ); padding-top:calc( 380% / 570 * 100 ); }
#win-winner20210116_4 .win-p p { padding-top:-webkit-calc( 380% / 570 * 100 ); padding-top:calc( 380% / 570 * 100 ); }
#win-winner20210116_5 .win-p p { padding-top:-webkit-calc( 380% / 570 * 100 ); padding-top:calc( 380% / 570 * 100 ); }

#win-winner20200830_1 .win-p { width:570px; }
#win-winner20200830_2 .win-p { width:570px; }
#win-winner20200830_3 .win-p { width:570px; }

#win-winner20200830_1 .win-p p { padding-top:-webkit-calc( 380% / 570 * 100 ); padding-top:calc( 380% / 570 * 100 ); }
#win-winner20200830_2 .win-p p { padding-top:-webkit-calc( 380% / 570 * 100 ); padding-top:calc( 380% / 570 * 100 ); }
#win-winner20200830_3 .win-p p { padding-top:-webkit-calc( 380% / 570 * 100 ); padding-top:calc( 380% / 570 * 100 ); }

#win-winner01 .win-p { width:570px; }
#win-winner02 .win-p { width:570px; }

#win-winner01 .win-p p { padding-top:-webkit-calc( 380% / 570 * 100 ); padding-top:calc( 380% / 570 * 100 ); }
#win-winner02 .win-p p { padding-top:-webkit-calc( 380% / 570 * 100 ); padding-top:calc( 380% / 570 * 100 ); }


/* Kanran
=================================== */

#kanran.box .subttl h1 span { background-image:url(../img/ttl_kanran.png); }
#kanran .box-body { padding:25px; }
#kanran-ttl { color:#f9d117; font-size:150%; line-height:130%; margin-bottom:0.5em; padding-bottom:0.5em; border-bottom:#f9d117 1px solid; }
.kanran-txt { line-height:150%; padding-bottom:0.7em; text-shadow:0px 0px 4px rgba(0,0,0,0.6); }
.kanran-oa { font-size:120%; line-height:130%; color:#ffff00; padding-bottom:0.7em; font-weight:bold; }
#kanran-notice { margin-bottom:10px; padding:15px; border:#f9d117 1px solid; background-color:rgba(0,0,0,0.5); }
.scrl-box { overflow:auto; height:23em; }
#kanran-notice .sttl { color:#86cb42; font-size:120%; margin-bottom:10px; }
.kanran-notice-list { padding-left:1.0em; margin-bottom:15px; }
.kanran-notice-list li { list-style-type:disc; line-height:140%; padding-bottom:0.6em; text-shadow:0px 0px 4px rgba(0,0,0,0.6); }
.kanran-check { margin-bottom:10px; padding:0.5em 0.7em; border-radius:1em; text-align:center; background-color:#f9d117; line-height:120%; color:#000; }
.kanran-check input { vertical-align:top; }

.btn-off { opacity:0.5; pointer-events: none; }
.btn-off:hover { opacity:0.5; }

/* ------------ Media Queries ------------ */

@media all and (max-width: 767px) {

#kanran .box-body { padding:10px; }
#kanran-ttl { font-size:120%; }
.kanran-txt { font-size:80%; }
#kanran-notice .sttl { font-size:100%; }
.kanran-notice-list li { font-size:80%; }
.kanran-check { font-size:80%; }

}


/*eof*/