/* =================================
	TBS Reset CSS
================================= */
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;
}

.mgb05em {
  margin-bottom: 0.5em;
}
.mgb1em {
  margin-bottom: 1em;
}

.mgb2em {
  margin-bottom: 2em;
}

.mgb3em {
  margin-bottom: 3em;
}

.mgb4em {
  margin-bottom: 4em;
}

.mgb5em {
  margin-bottom: 5em;
}

.wbr {
  white-space: nowrap;
  display: inline-block;
}

.add {
  font-size: 80%;
  color: #666;
	line-height: 1.5em!important; margin-bottom: 0.5em;
}

#contentsArea p, main p { line-height: 1.6em;}

.pink {color: #FB3990;}
.purple {color: #7B27FF;}



@media all and (min-width: 768px) {
  .fs50 {
    font-size: 50%;
  }

  .fs60 {
    font-size: 60%;
  }

  .fs70 {
    font-size: 70%;
  }

  .fs80 {
    font-size: 80%;
  }

  .fs90 {
    font-size: 90%;
  }

  .fs110 {
    font-size: 110%;
  }

  .fs120 {
    font-size: 120%;
  }

  .fs130 {
    font-size: 130%;
  }

  .fs140 {
    font-size: 140%;
  }

  .fs150 {
    font-size: 150%;
  }

  .fs160 {
    font-size: 160%;
  }

  .fs170 {
    font-size: 170%;
  }

  .fs180 {
    font-size: 180%;
  }

  .fs190 {
    font-size: 190%;
  }
.nobr { display:none; }
.nobrSp { display:block; }
}

@media all and (max-width: 767px) {
  .fs50 {
    font-size: 75%;
  }

  .fs60 {
    font-size: 80%;
  }

  .fs70 {
    font-size: 85%;
  }

  .fs80 {
    font-size: 90%;
  }

  .fs90 {
    font-size: 95%;
  }

  .fs110 {
    font-size: 105%;
  }

  .fs120 {
    font-size: 110%;
  }

  .fs130 {
    font-size: 115%;
  }

  .fs140 {
    font-size: 120%;
  }

  .fs150 {
    font-size: 125%;
  }

  .fs160 {
    font-size: 130%;
  }

  .fs170 {
    font-size: 135%;
  }

  .fs180 {
    font-size: 140%;
  }

  .fs190 {
    font-size: 145%;
  }
.nobr { display:block; }
.nobrSp { display:none; }
	
	#contentsArea p { font-size: 0.9em;}


}

.center {
  text-align: center;
  display: inline-block;
  width: 100%;
}

.left {
  text-align: left;
}

.right {
  text-align: right;
}

.bold {
  font-weight: bold;
}

span.super { vertical-align: super; font-size: 0.6em; }

a {
  text-decoration: none;
  color: #3034D4;
}

.no-wrap {
    display: inline-block; /* インラインブロック化 */
}


/*	wrap
============================== */
@media all and (min-width: 768px) {
  div.wrap {
    width: 1080px;
    margin: 0 auto;
  }
}
@media all and (max-width: 767px) {
  div.wrap {
    width: 95%;
    margin: 0 auto;
  }
}

/*	youtube
============================== */
.player-box {
    position: relative;
    height: 0;
    padding-top: 56.25%;
}
section.unit iframe {
    border: none;
}
.player-box iframe, .player-box video, .player-box .fp-player, .player-box .tbs-player, .player-box object {
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}


/*	background
============================== */
html, body {
	background-color:#fff;
}
body {
	color:#000;
	text-align:center;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust: 100%;
	font-family: "vdl-logona", sans-serif;
font-weight: 400;
font-style: normal;
}
div.cover {
	padding:0 0;
}



@media all and (min-width: 768px) {
}
@media all and (max-width: 767px) {
div.cover {
	/*min-width:320px;*/
}
}

/*	header/main
============================== */
header { background-color: #ffa200; background-image: url(../img/bg_header.png); background-repeat: no-repeat; background-position: center bottom; position: relative;
}
#main { background-color: #fff;}
#main span { width:100%; display: block; padding-top:66.666%; position: relative; background-size: contain;}
#main span img {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
h1 {
	text-align:left;
}
.idx header h1 { position: absolute;}
header h1 span {
	 width:100%; display: block; padding-top:34%; position: relative; background-size: contain;
}
header h1 span.lazy-done {
	-webkit-animation: fadeIn 800ms;
	animation: fadeIn 800ms;
}
header h1 span img {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}

@media all and (min-width: 768px) {
	header { width: 100%;}
	#main {
	width:1050px;
	margin:0 auto;
	 padding: 8px 22px 22px 8px; border-radius: 70px;
	}
	#main span { border-radius: 65px; }
header {
	padding:20px 0 30px;
}
	header h1 { margin: 0 auto;}
	.idx header h1 { width: 700px; height: 0; top:578px; left: 50%; margin-left: -350px;}
	.low header h1 { width: 500px;}
}
@media all and (max-width: 767px) {
header {
	padding:2.5% 0; background-size: 122%;
}
	.idx header { background-position: center bottom 6%}
	.low header { background-position: center bottom 25%}
	#main {padding: 3px 8px 8px 3px; border-radius: 23px;}
	#main span { border-radius: 22px; }
	header h1 { width: 70%; margin: 0 auto;}
	.idx header h1 { width: 70%; height: 0; top:58%; left: 50%; margin-left: -35%;}
	.low header h1 a { display: block;}
	
}

/*	nav
============================== */
nav#menu {}
nav#menu ul {letter-spacing: -.4em;}
nav#menu ul li { display: inline-block; vertical-align: top;}
nav#menu ul li a {transition:0.5s; display: block;}
nav#menu ul li a:hover { opacity:0.9}

nav#menu ul li a span { background-position: center center; background-repeat: no-repeat; background-size: contain; text-indent: -9999px; display: block;}
nav#menu ul li.backnumber a span { background-image: url(../img/navi01.png);}
nav#menu ul li.recruit a span { background-image: url(../img/navi02.png);}
nav#menu ul li.stream a span { background-image: url(../img/navi03.png);}

nav#menu ul li a span { transition:0.5s;}
nav#menu ul li a:hover span {filter: brightness(1.2);}



@media all and (min-width: 768px) {
nav#menu {width:100%;}
	.idx nav#menu { padding-top:95px;}
	.low nav#menu { padding-top:25px;}
nav#menu ul { width:100%; padding: 0; margin: 0 auto; text-align: center;}
nav#menu ul li {margin: 0 45px;}
nav#menu ul li a { padding:0;}
	nav#menu ul li.backnumber a {width: 248px;}
	nav#menu ul li.recruit a, nav#menu ul li.stream a span {width: 184px;}
nav#menu ul li.backnumber a span {width: 248px; height: 55px;}
nav#menu ul li.recruit a span, nav#menu ul li.stream a span {width: 184px; height: 55px;}

}
	


@media all and (max-width: 767px) {	
nav#menu {width:100%;}
	.idx nav#menu { padding-top:12%;}
	.low nav#menu { padding-top:5%;}
nav#menu ul {text-align: center;}
	nav#menu ul li { margin:0 3%;}
nav#menu ul li a { display: inline-block;}
nav#menu ul li.backnumber a {width: 117px;}
nav#menu ul li.recruit a, nav#menu ul li.stream a span {width: 87px;}
nav#menu ul li a span { display: block; width:100%; height: 26px;}

}

/*	sns btn
============================== */
#officialSns{}
#officialSns h2{
font-family: "vdl-lineg", sans-serif;
font-weight: 400;
font-style: normal;
margin: 0 auto; color: #052087;}
#officialSnsBox { text-align: center;}
#officialSns .sns{ text-align: center; display: inline-block; vertical-align: middle; letter-spacing: -.4em;}
#officialSns .sns li {display: inline-block;}
#officialSns .sns a{display:block; width:80px; height:80px; text-align:center; position:relative; margin:0; border-radius:50%; transition:0.5s; vertical-align: middle; }
#officialSns .sns .twitter a {background:#000;}
#officialSns .sns .instagram a {background:#7A09BB;}
#officialSns .sns .tiktok a {background:#FE2C54;}
#officialSns .sns .youtube a {background:#ff0000;}
#officialSns .sns .line a {background:#00c300;}
#officialSns .sns a:hover{}
.sns img,#snsarea #sns img,#container #sns img{position:absolute; width:65%; margin:auto; top:0; bottom:0; right:0; left:0;}
.sns img.ic_line,#snsarea #sns img.ic_line,#container #sns img.ic_line{width:60% !important;}
@media all and (min-width: 768px) {
	#officialSns {padding: 30px 0;}
	#officialSns h2 { font-size: 2.0em; display: inline-block; vertical-align: middle; margin-right: 10px;}
	#officialSns .sns li{ margin: 0 5px;}
	
}
@media all and (max-width: 767px) {
	#officialSns {padding: 13px 0;}
	#officialSns h2 { font-size: 1.2em; display: block; padding-bottom: 10px;}
	#officialSns .sns a { width:56px; height:56px;}
	#officialSns .sns li{ margin: 0 3px;}
}
@media all and (max-width: 321px) {
#officialSns .sns li { margin: 0 3px}

}


/*	tbs-realtime
============================== */

#tbs-realtime a { width: 100%; height: 0; padding-top: 12.89134438305709%; padding-top: calc(140 / 1086 * 100%); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; position: relative; display: block;}
#tbs-realtime a:hover { opacity: .75;}
#tbs-realtime a img { width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
/*for_W768-
@media screen and (min-width: 768px) {
#tbs-realtime { width: 100%;}
}*/

@media all and (min-width: 768px) {
#tbs-realtime { width: 700px; margin: 0 auto 30px;}
}
@media all and (max-width: 767px) {
#tbs-realtime { width: 90%; margin: 0 auto 1em auto; background: rgba(255, 255, 255, 1);}
}

/*	bnrArea
============================== */
#bnrArea{ background-color: #052087;}
#bnrArea li {}
#bnrArea li a {transition:0.5s; display: block;}
#bnrArea li a:hover {filter: brightness(1.08);}

@media all and (min-width: 768px) {
#bnrArea { padding: 35px 0;}
}
@media all and (max-width: 767px) {
#bnrArea { padding: 15px 0;}
	#bnrArea .wrap { width: 100%;}
}

/*	bnrVariety,bnrAnimaring
============================== */
#bnrVariety, #bnrAnimaring{ /*background-color: #e0e8fc;*/}

#bnrVariety a, #bnrAnimaring a {transition:0.5s; display: block;}
#bnrVariety a:hover, #bnrAnimaring a:hover {filter: brightness(1.08);}
#bnrVariety a,
#bnrVariety a > span,
#bnrVariety a > span > img,
#bnrAnimaring a > span,
#bnrAnimaring a > span > img  {
	display:block; margin: 0 auto;
}
#bnrVariety a > span, #bnrAnimaring a > span {
	position:relative;
	background-position:left top;
	background-size:cover;
}
@media all and (min-width: 768px) {
#bnrVariety, #bnrAnimaring { padding:0 0 35px;}
#bnrVariety a, #bnrVariety a > span, #bnrVariety a > span > img, #bnrAnimaring a > span, #bnrAnimaring a > span > img {
	width:700px;
	height:175px;
}
}
@media all and (max-width: 767px) {
#bnrVariety, #bnrAnimaring { padding:0 0 15px;}
#bnrVariety a, #bnrAnimaring a { width: 95%; margin: 0 auto;}
#bnrVariety a > span, #bnrAnimaring a > span{
	width:100%;
	height:0;
	padding-top: 25%;
}
#bnrVariety a > span > img, #bnrAnimaring a > span > img {
	width:100%;
	height:100%;
}
}

/*	nextOnair
============================== */
#nextOnair{ background-image: linear-gradient(90deg, rgba(48, 52, 212, 1), rgba(64, 151, 225, 1));}
#nextOnair h2 { background-image: url(../img/h2_nextonair.png); background-repeat: no-repeat; background-position: center center; background-size: contain; text-indent: -9999px;}
.oadate { color: #fff;
font-family: "vdl-gigamaru", sans-serif;
font-weight: 500;
font-style: normal;}
#nextOnair .catch { color: #FFFB72;
font-family: "vdl-gigamaru", sans-serif;
font-weight: 500;
font-style: normal;}
#nextOnair #trailer { position: relative; background-color: #fffa5d; border-top-left-radius: 25px; border-top-right-radius: 25px;}
#nextOnair #trailer h3 { background-image: url(../img/h3_nextonair.png); background-repeat: no-repeat; background-position: left center; background-size: contain; text-indent: -9999px;}


#nextOnair #detailArea article.detail { background-color: #fff;}
#nextOnair #detailArea article.detail h4 { background-image: url(../img/dots_line.png); background-repeat: repeat-x; background-position: left bottom; padding-bottom: 12px;}
#nextOnair #detailArea article.detail h4 span { display: block; background-repeat: no-repeat; background-position: center center; background-size: contain; height: 48px; text-indent: -9999px;}
#nextOnair #detailArea article.detail:nth-of-type(1) h4 span { background-image: url(../img/h4_nextonair1.png);}
#nextOnair #detailArea article.detail:nth-of-type(2) h4 span { background-image: url(../img/h4_nextonair2.png);}
#nextOnair #detailArea article.detail:nth-of-type(3) h4 span { background-image: url(../img/h4_nextonair3.png);}
#nextOnair #detailArea article.detail:nth-of-type(4) h4 span { background-image: url(../img/h4_nextonair4.png);}
#nextOnair #detailArea article.detail:nth-of-type(5) h4 span { background-image: url(../img/h4_nextonair5.png);}
#nextOnair #detailArea article.detail:nth-of-type(6) h4 span { background-image: url(../img/h4_nextonair6.png);}
#nextOnair #detailArea article.detail .detailBox { text-align: left;}
#nextOnair #detailArea article.detail .detailBox dl { padding-bottom: 1em; line-height: 1.6em}
#nextOnair #detailArea article.detail .detailBox dl dt {display: inline-block; box-sizing: border-box; color:#3034d4; font-size: 1.4em;}
#nextOnair #detailArea article.detail .detailBox dl dd {display: inline-block; box-sizing: border-box;}
#nextOnair #detailArea article.detail .detailBox dl dd span { font-size: 1.8em; background: linear-gradient(transparent 40%, rgba(255,251,114,1) 55%); padding: 0 8px 8px;
font-family: "vdl-gigamaru", sans-serif;
font-weight: 500;
font-style: normal;
}
#nextOnair #detailArea article.detail .detailBox table { line-height: 2em}
#nextOnair #detailArea article.detail .detailBox table tr th {color:#3034d4; font-size: 1.4em; white-space: nowrap; vertical-align: top; padding-bottom: 1em;}
#nextOnair #detailArea article.detail .detailBox table tr td { padding-bottom: 1em;}
#nextOnair #detailArea article.detail .detailBox table tr td span { font-size: 1.8em; background: linear-gradient(transparent 40%, rgba(255,251,114,1) 55%); padding: 0 8px 8px;
font-family: "vdl-gigamaru", sans-serif;
font-weight: 500;
font-style: normal;
}

#nextOnair #detailArea article.detail .detailBox .read {font-size: 1.5em; line-height: 1.4em; padding-bottom: 0.5em;}
#nextOnair #detailArea article.detail .detailBox h5 {font-size: 1.3em; line-height: 1.5em; color: #cd2b8a; padding-bottom: 0.2em; padding-left:1em; text-indent:-1em;}
#nextOnair #detailArea article.detail .detailBox .item {font-size: 1.2em; line-height: 1.5em;}

#nextOnair #btnBkn a{
    text-align: center;
    margin: 0 auto 1em;
	padding:0;
	background-color:#FFFB72;
	display: block;
	transition:0.5s;
}
#nextOnair #btnBkn a span { display: block;
background-repeat: no-repeat;
background-size: contain;
background-position: center center;
background-image: url(../img/btn_bkn.png);
text-indent: -9999px;
}
#nextOnair #btnBkn a:hover {
background-color:#fff;
}
#nextOnair .onairNotes { color: #fff;}

@media all and (min-width: 768px) {
	#nextOnair #nextOnairArea { padding: 40px 0 50px; background-image: url(../img/bg_nextonair_top.png),  url(../img/bg_nextonair_btm.png); background-repeat: no-repeat,  no-repeat; background-position: center top, center bottom;}
	#nextOnair h2 {width: 210px; height: 60px; margin: 0 auto 25px;}
	.oadate { font-size: 2.0em; padding-bottom: 0.5em;}
	#nextOnair .catch { font-size: 1.6em; padding-bottom: 1em;}
	#nextOnair #trailer { width: 800px; margin: 0 auto 40px; padding:16px 8px 8px;}
	#nextOnair #trailer h3 {width: 800px; height: 35px; margin: 0 auto 12px;}
	#trailer {width:800px; z-index: 10; margin: 0 auto; padding: 15px;}
	#trailer .movieBox {width:800px; margin:0; }
	#trailer div {width:800px;}
	#trailer iframe {width:800px; height:452px;}
	
	#nextOnair #detailArea article.detail {padding: 8px 30px; margin-bottom: 40px; border-radius: 40px;}
	#nextOnair #detailArea article.detail .detailBox {padding: 25px 60px;}
	
	#nextOnair #btnBkn a { width: 410px; border-radius: 45px;}
	#nextOnair #btnBkn a span{ height: 90px;}
	#nextOnair .onairNotes { margin-top: -1em; padding-bottom: 1.5em;}
}
@media all and (max-width: 767px) {
	#nextOnair #nextOnairArea { padding: 15px 0 15px; background-image: url(../img/bg_nextonair_sp_top.png),  url(../img/bg_nextonair_sp_btm.png); background-repeat: no-repeat,  no-repeat; background-position: center top, center bottom; background-size: 100%, 100%;}
	#nextOnair h2 {width: 100%; height: 30px; margin: 0 auto 0.5em;}
	.oadate { font-size: 1.3em; padding:0 0 0.5em ;}
	#nextOnair .catch { font-size: 1.0em; padding:0 0.5em 1em;}
	#trailer {margin: 0 auto 25px; z-index: 10; position: relative; padding:10px 3px 3px;}
	#nextOnair #trailer h3 {width: 95%; height: 20px; margin: 0 auto 8px;}
	
	#nextOnair #detailArea article.detail {padding: 8px 5px; margin-bottom: 15px; border-radius: 18px;}
	#nextOnair #detailArea article.detail h4 { background-image: url(../img/dots_line_sp.png);}
	#nextOnair #detailArea article.detail h4 span { height: 30px;}
	#nextOnair #detailArea article.detail .detailBox {padding: 15px 15px;}
	#nextOnair #detailArea article.detail .detailBox table { line-height: 1.5em}
	#nextOnair #detailArea article.detail .detailBox table tr th {font-size: 1.2em; padding-bottom: 0.5em;}
	#nextOnair #detailArea article.detail .detailBox table tr td { padding-bottom: 0.5em;}
	#nextOnair #detailArea article.detail .detailBox table tr td span {font-size: 1.2em; background: linear-gradient(transparent 40%, rgba(255,251,114,1) 55%); padding: 0 3px 3px;
}
	#nextOnair #detailArea article.detail .detailBox .read {font-size: 1.1em;}
	#nextOnair #detailArea article.detail .detailBox h5 {font-size: 1em; padding-bottom: 0.3em;}
	#nextOnair #detailArea article.detail .detailBox .item {font-size: 0.9em; }
	#nextOnair #btnBkn a { width: 280px; border-radius: 30px;}
	#nextOnair #btnBkn a span{ height: 60px;}
	#nextOnair .onairNotes { font-size: 0.8em; padding-bottom: 1em;}
}
/*	recruit
============================== */
#recruit{ background-color: #FC67AA;}

#recruit h2 { background-image: url(../img/h2_recruit.png); background-repeat: no-repeat; background-position: center center; background-size: contain; margin: 0 auto 25px; text-indent: -9999px;}
#recruit ul li { text-align: left;}
#recruit ul li a { background-color: #fff; color: #000; line-height: 1.5em; font-weight: bold; display: block; background-repeat: no-repeat; background-image: url(../img/arrow_recruit.png); transition:0.5s; }
#recruit ul li a:hover { background-color: #ffe5f4;}
#recruit ul li.pickup a {background-color: #fbfbae;}
#recruit ul li.pickup a:hover {background-color: #fffc85;}

@media all and (min-width: 768px) {
	#recruit #recruitArea { padding: 40px 0 50px; background-image: url(../img/bg_recruit_top.png?1),  url(../img/bg_recruit_btm.png); background-repeat: no-repeat,  no-repeat; background-position: center top, center bottom;}
	#recruit h2 {width: 330px; height: 60px;}
	#recruit ul { width: 700px; margin: 0 auto;}
	#recruit ul li { left; margin-bottom: 10px;}
	#recruit ul li a { border-radius: 18px; font-size: 1.3em; border: solid 3px #fc3991; padding: 10px 10px 10px 45px; background-position: 20px center; background-size: 18px 21px;}
}
@media all and (max-width: 767px) {
	#recruit #recruitArea { padding: 15px 0 30px; background-image: url(../img/bg_recruit_sp_top.png),  url(../img/bg_recruit_sp_btm.png); background-repeat: no-repeat,  no-repeat; background-position: center top, center bottom; background-size: 100%, 100%;}
	#recruit h2 {width: 100%; height: 30px; margin: 0 auto 25px;}
	#recruit ul li { left; margin-bottom: 8px;}
	#recruit ul li a { border-radius: 12px; font-size: 0.95em; border: solid 2px #fc3991; padding: 8px 8px 8px 28px; background-position: 12px center; background-size: 10px 12px;}
}

/*	stream
============================== */
#stream h2 { background-image: url(../img/h2_stream.png); background-repeat: no-repeat; background-position: center center; background-size: contain; margin: 0 auto 25px; text-indent: -9999px;}
@media all and (min-width: 768px) {
	#stream { background-image: linear-gradient(0deg, rgba(255, 255, 255, 1), rgba(188, 246, 255, 1));}
	#stream #streamArea { padding: 30px 0 50px; background-image: url(../img/bg_stream.png); background-repeat: no-repeat; background-position: center top;}
	#stream h2 {width: 260px; height: 60px; margin: 0 auto 25px;}
	.minogashiBox { text-align: left;}
	#tbsfree { display: inline-block!important; margin-right: 15px; vertical-align: top;}
	.minogashiLink {width: 500px; display: inline-block; vertical-align: top; padding-top: 100px;}
	

}
@media all and (max-width: 767px) {
	#stream #streamArea { padding: 15px 0 0; background-image: url(../img/bg_stream_sp_top.png); background-repeat: no-repeat; background-position: center top; background-size: 100%;}
	#stream #streamArea div.wrap { width: 100%;}
	#stream h2 {width: 100%; height: 30px; margin: 0 auto 10px;}
	.minogashiLink { background-image: url(../img/bg_stream_sp_btm.png); background-repeat: no-repeat; background-position: center top; background-size: 100%;}
}

/*	backnumber
============================== */
#backnumber{background-color: #FFFDBA;}
#backnumber h2 { background-image: url(../img/h2_backnumber.png); background-repeat: no-repeat; background-position: center center; background-size: contain; text-indent: -9999px;}

#backnumber label {
    border-radius: 5px;
    position: relative;
    display: block;
    width: 20%;
    margin: 0 auto 1em;
    border: 1px solid #000;
    background: #fff;
}
#backnumber label:before {
	content: "";
	position: absolute;
	top: 50%;
	right: 10px;
	display: block;
	width: 0;
	height: 0;
	margin: -2px 0 0 0;
	border: 5px solid transparent;
	border-top: 7px solid #000;
}
#backnumber select#backnum {
	cursor: pointer;
	position: relative;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: block;
	width: 98%;
	padding: 0.5em 1em;
	color: #000;
	border: none;
	border-radius: 5px;
	background: transparent;
	text-indent: .01px;
	text-overflow: "";
	font-family: "vdl-logona", sans-serif;
font-weight: 400;
font-style: normal
}

#backnumber #detailArea { background-color: #fff;}
#backnumber #detailArea h3 { background-color: #FB3990; color: #fff;}
#backnumber #detailArea article.detail {border-bottom: dotted 1px #7D7D7D; text-align: left;}
#backnumber #detailArea article.detail .detailBox {}
#backnumber #detailArea h4 {color: #3034D4; padding-bottom: 15px;}
#backnumber #detailArea h5 {color: #CD2B8A; line-height: 1.5em; padding-left:1em; text-indent:-1em;}
#backnumber #detailArea table { line-height: 1.5em;}
#backnumber #detailArea table tr th {white-space: nowrap; vertical-align: top;}
#backnumber #detailArea table tr td { vertical-align: top;}


@media all and (min-width: 768px) {
	#backnumber{
	background-image: url(../img/bg_backnumber.png);
	background-repeat: repeat-x;
	background-attachment: fixed;
	background-position: top center;
	background-size: auto;
}
	
	#backnumber #backnumberArea { padding: 40px 0 50px; /*background-image: url(../img/bg_nextonair_top.png),  url(../img/bg_nextonair_btm.png); background-repeat: no-repeat,  no-repeat; background-position: center top, center bottom;*/}
	#backnumber h2 {width: 360px; height: 60px; margin: 0 auto 25px;}
	#backnumber select#backnum { font-size: 1.1em;}
	
	#backnumber #detailArea {margin-bottom: 40px; border-radius: 40px; padding-bottom: 30px;}
	#backnumber #detailArea h3 {border-top-left-radius: 40px; border-top-right-radius: 40px; font-size: 1.8em; padding: 8px 0;}
	#backnumber #detailArea article.detail { margin: 30px 30px 0px; padding: 5px 5px 10px;}
	#backnumber #detailArea article.detail .detailBox { padding-bottom: 15px;}
	#backnumber #detailArea h4 {color: #3034D4; }

}
@media all and (max-width: 767px) {
	#backnumber{
	background-image: url(../img/bg_backnumber_sp.png?1);
	background-repeat: repeat-y;
	/*background-attachment: fixed;*/
	background-position: top center;
	background-size: 100%;
}
	
	/*#backnumber::before {
  	content: "";
  	width: 100vw;
  	height: 100vh;
  	background-image: url(../img/bg_backnumber_sp.png);
  	position: fixed;
  	background-size: contain;
  	top: 0px;
  	left: 0px;
  	z-index: -1;
}*/
	#backnumber #backnumberArea { padding: 15px 0 15px; /*background-image: url(../img/bg_nextonair_sp_top.png),  url(../img/bg_nextonair_sp_btm.png); background-repeat: no-repeat,  no-repeat; background-position: center top, center bottom; background-size: 100%, 100%;*/}
	#backnumber h2 {width: 100%; height: 30px; margin: 0 auto 10px;}
	#backnumber label {width: 50%; margin:0 auto 1em;}
	#backnumber select#backnum { font-size: 0.8em;}
	
	#backnumber #detailArea {margin-bottom: 15px; border-radius: 18px; padding-bottom: 5px;}
	#backnumber #detailArea h3 {border-top-left-radius: 18px; border-top-right-radius: 18px; font-size: 1.3em; padding: 5px 0; }
	#backnumber #detailArea article.detail { margin: 15px 10px; padding: 5px;}
	#backnumber #detailArea article.detail .detailBox { padding-bottom: 15px; font-size: 0.9em;}
}

/*	present
============================== */
#present{background-color: #FFFDBA;}
#present h2 { background-image: url(../img/h2_present.png); background-repeat: no-repeat; background-position: center center; background-size: contain; text-indent: -9999px;}
#present .read {font-weight: 700;}

#present #detailArea { background-color: #fff;}
#present #detailArea h3 { background-color: #FB3990; color: #fff;}
#present #detailArea article.detail {border-top: dotted 1px #7D7D7D; text-align: left;}
#present #detailArea article.detail .detailBox {}
#present #detailArea h4 {color: #3034D4; line-height: 1.5em;}
#present #detailArea h5 {color: #CD2B8A; line-height: 1.5em; padding-left:1em; text-indent:-1em;}
#present #detailArea .detail p { padding: 0.5em;}
#present #detailArea .item p  { padding-left:1em; text-indent:-1em;}
#present #detailArea .howto { padding:0.5em 0.5em 0.5em 2em; margin-left: 1em; border: solid 1px #3034D4;}
#present #detailArea .howto p { padding: 0.2em;}

#present #btn a{
    text-align: center;
    margin: 0 auto 1em;
	padding:0;
	background-color:#3034D4;
	display: block;
	transition:0.5s;
}
#present #btn a span { display: block; color: #fff;}
#present #btn a:hover {
opacity:0.75
}


@media all and (min-width: 768px) {
	#present{
	background-image: url(../img/bg_backnumber.png);
	background-repeat: repeat-x;
	background-attachment: fixed;
	background-position: top center;
	background-size: auto;
}
	
	
	#present #presentArea { padding: 40px 0 50px;}
	#present h2 {width: 360px; height: 60px; margin: 0 auto 35px;}
	#present .read {padding: 20px 10px 0; font-size: 1.8em;}
	#present .read p { padding-bottom: 1em; line-height: 1.8em;}
	
	#present #detailArea {margin-bottom: 40px; border-radius: 40px; padding-bottom: 30px;}
	#present #detailArea h3 {border-top-left-radius: 40px; border-top-right-radius: 40px; font-size: 1.8em; padding: 20px 0;}
	#present #detailArea article.detail { margin: 0px 30px 25px; padding: 25px 15px 0px;}
	#present #detailArea article.detail .detailBox { padding-bottom: 15px;}
	#present #detailArea h4 { font-size: 1.2em; padding-bottom: 15px;}
	
	#present #btn a { width: 410px; border-radius: 45px;}
	#present #btn a span{ font-size: 2.0em; padding: 30px;}
	
	#present #detailArea .howto p { font-size: 1.15em;}

}
@media all and (max-width: 767px) {
	#present{
	background-image: url(../img/bg_backnumber_sp.png?1);
	background-repeat: repeat-y;
	/*background-attachment: fixed;*/
	background-position: top center;
	background-size: 100%;
}

	#present #presentArea { padding: 15px 0 15px;}
	#present h2 {width: 100%; height: 30px; margin: 0 auto 20px;}
	#present .read {padding: 10px; font-size: 1.2em;}
	#present .read p { padding-bottom: 0.8em; line-height: 1.6em;}
	
	#present #detailArea {margin-bottom: 15px; border-radius: 18px; padding-bottom: 5px;}
	#present #detailArea h3 {border-top-left-radius: 18px; border-top-right-radius: 18px; font-size: 1.1em; line-height: 1.6em; padding: 5px; }
	#present #detailArea .detail { font-size: 0.9em;}
	#present #detailArea article.detail { margin: 0 10px 0; padding: 15px;}
	#present #detailArea article.detail .detailBox { padding-bottom: 15px; font-size: 0.9em;}
	#present #detailArea h4 { font-size: 1.1em; padding-bottom: 8px;}
	
	#present #btn a { width: 280px; border-radius: 30px;}
	#present #btn a span{ font-size: 1.5em; padding: 20px;}
	
	#present #detailArea .howto p { font-size: 1.05em;}
}

/*	footer
============================== */
footer { background-color: #C2E9FD;}
.copyright { background-color: #052087; color: #fff; font-size: 0.8em; line-height: 1.8em;
font-family: "elevon", sans-serif;
font-weight: 300;
font-style: normal;}
.copyright a { color: #fff;}

@media all and (min-width: 768px) {
	footer .copyright  {padding: 40px 0;}
}
@media all and (max-width: 767px) {
	footer { padding-top: 1.5em;}
	footer .copyright  {padding: 15px 15px 10px;}
}

/*	rectangle banner
============================== */
.bnr-w-rectangle {
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    z-index: 100;
}
#bn_responsive {
    margin: 0 auto 2em;
    overflow: hidden;
    position: relative;
    z-index: 300;
}
.cmn_banner {
    width: 100%;
}

@media all and (max-width: 767px) {
	.bnr-w-rectangle {margin: 0 auto 0; padding: 0;}
	#bn_responsive { margin: 1em auto 2em;}
}	

/*	fadein
============================== */
.fadeinD {
    opacity : 0;
    transform : translate(0, 20px);
    transition:all 1s;
  display:block;
}
.fadeinD.scrollin {
    opacity : 1;
    transform : translate(0, 0);
}