/*	reset
============================== */
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;
}

/* =====================================
	TEMP css
====================================== */
body {
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	background-color: #0ca5d1 !important;
}
#con-body{
	background-color: #0ca5d1 !important;
}

img {
  vertical-align: bottom;
}
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  margin-bottom:2em;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
img{
	vertical-align:bottom;
}
.alttext{
  overflow: hidden;
  text-indent: 101%;
  white-space: nowrap;
}

/*	both
============================== */

/* text */

a:link {
	color:#ffffff;
	text-decoration: none;
}
a:visited {
	color:#ffffff;
	text-decoration: none;
}
a:hover {
	color:#ffffff;
}
a:active {
	color:#ffffff;
	text-decoration: none;
}

@media all and (min-width: 768px) {
	.br-pc {
		display:block;
	}
	.br-sp {
		display:none;
	}
	a:hover img {
	  opacity: 0.9;
	  filter: alpha(opacity=90);
	  -ms-filter: "alpha(opacity=90)";
	  transition:all 0.2s ease;
	}
}
@media all and (max-width: 767px) {
	.br-pc {
		display:none;
	}
	.br-sp {
		display:block;
	}
}


/* =====================================
	USER css
====================================== */

/*	00.TOP
============================== */
.allwrap{
	width: 100%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00081d+0,0ca5d1+100 */
	background: #00081d; /* Old browsers */
	background: -moz-linear-gradient(top, #00081d 0%, #0ca5d1 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #00081d 0%,#0ca5d1 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #00081d 0%,#0ca5d1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00081d', endColorstr='#0ca5d1',GradientType=0 ); /* IE6-9 */
}
.keyvisual img{
	width: 100%;
}

@media all and (min-width: 768px) {
	.allwrap{
		padding: 60px 0 0 0;
	}
	.area_keyvisual{
		width: 960px;
		margin: 0 auto;
		position: relative;
	}
	.keyvisual{
		width: 960px;
		height: 1367px;
		margin: 0 auto;
		position: relative;
		display: block;
		overflow: hidden;
	}
	.waku{
		display: block;
		width: 960px;
		height: 1367px;
		z-index: 999;
		position: absolute;
		top: 0;
		height: 0;
	}
	.keyvisual_img{
		width: 960px;
		height: 1367px;
		position: absolute;
		top: 0;
		height: 0;
	}
	.toplogo{
		width: 571px;
		height: 132px;
		background: url(../img/logo2.png) no-repeat;
		background-size: cover;
		position: absolute;
		top:14px;
		left: 183px;
		z-index: 999;
	}
	.area_contents{
		width:950px;
		margin: 0 auto;
		padding: 60px 0 30px;
	}
	.onair_text{
		width: 902px;
		height: 134px;
		background:url(../img/onair_pc3.png) no-repeat;
		margin: 0 auto 70px;
	}
	.pvbanner{
		width: 790px;
		margin: 0 auto;
	}
	.h2_story{
		width: 950px;
		height: 38px;
		background:url(../img/h2_story.png) no-repeat;
		margin:  100px auto 50px;
	}
	.story_text{
		width: 864px;
		height: 379px;
		background:url(../img/story_text_pc.png) no-repeat;
		margin: 0 auto;
	}
	.story_nav_wrap{
		width:840px;
		margin: 40px auto 0;
	}
	.story_nav{
		width: 110px;
		margin: 15px;
		float: left;
	}
	.info_wrap{
		width: 960px;
		margin: 100px auto 150px;
	}
	.staffcast_pc{
		display: block;
	}
	.staffcast_sp{
		display: none;
	}
	.h2_staffcast{
		width: 920px;
		height: 39px;
		background:url(../img/h2_staff.png) no-repeat;
		margin: 100px auto 80px;
	}
	.staff_text{
		width: 779px;
		height: 570px;
		background:url(../img/staff_text_pc.png) no-repeat;
		margin: 0 auto 100px;
	}
	.block_music{
		width: 410px;
		margin: 0 35px;
		float: left;
	}
	.h2_music{
		width: 410px;
		height: 40px;
		background:url("../img/h2_music.png") no-repeat;
		margin: 0 auto 58px;
	}
	.music_text{
		width: 308px;
		height: 572px;
		background:url("../img/music_text.png") no-repeat;
		margin: 0 auto;
	}
	.block_twitter{
		width: 410px;
		margin: 0 35px;
		float: left;
	}
	.h2_twitter{
		width: 410px;
		height: 69px;
		background:url(../img/h2_twitter.png) no-repeat;
		margin: 0 auto 30px;
	}
	.twitter_inner{
		background-color: rgba(255,255,255,0.7);
		margin-bottom: 20px;
	}
	.twitter_info{
		width: 410px;
	}
	.twitter_info img{
		width: 410px;
	}
	
	footer{

		
	}
	.footer_banner_area{
		width: 780px;
		margin: 0 auto;
	}
	.genzaku_banner{
		width: 380px;
		margin: 5px;
		float: left;
	}
	.genzaku_banner img{
		width: 380px;
	}
	.copyright{
		font-size: 14px;
		font-weight: lighter;
		line-height: 1.8em;
		letter-spacing: 0.25em;
		text-align: center;
		color:#fff;
		opacity: 0.6;
		margin: 36px auto 0;
	}
	.share_area{
		width: 120px;
		margin: 0 auto;
		padding: 30px 0;
	}
	.btn_fb,.btn_tw{
		width: 29px;
		height: 29px;
		float: left;
		margin: 10px 15px;
	}
	
	/*modal*/
	.remodal{
		text-align: left;
	}
	.modal_info{
		padding: 50px;
	}
	.modal_img{
		position: relative;
	}
	.modal_close{
		position: absolute;
		top: 0;
		right: 0;
	}
	.modal_title{
		font-size: 36px;
		margin: 0 0 12px;
	}
	.modal_text{
		font-size: 16px;
		letter-spacing: 0.1em;
		line-height: 1.5em;
		margin: 0 0 12px;
	}
	.modal_staff{
		font-size: 12px;
		line-height: 1.4em;
		font-weight: bold;
	}
	
}
@media all and (max-width: 767px) {
	.allwrap{
		padding: 5% 0 0 0;
	}
	.area_keyvisual{
		width: 90%;
		margin: 0 auto;
		position: relative;
	}
	.keyvisual{
		width: 100%;
		height: auto;
		margin: 0 auto;
		position: relative;
		display: block;
	}
	.waku{
		width: 100%;
		height: 100%;
		z-index: 999;
		position: absolute;
	}
	.waku img{
		width: 100%;
		height: 100%;
	}
	.toplogo{
		width: 64%;
		padding-top: 16%;
		background: url(../img/logo2.png) no-repeat;
		background-size: contain;
		position: absolute;
		top:1%;
		left: 18%;
		z-index: 999;
	}
	.area_contents{
		width:100%;
		margin: 0 auto;
		padding: 2em 0 4em;
	}
	.onair_text{
		width: 65%;
		padding-top: 80%;
		background: url(../img/onair_sp3.png) no-repeat;
		background-size: contain;
		margin: 0 auto 0.5em;
	}
	.pvbanner{
		width: 80%;
		margin: 0 auto 4em;
	}
	.pvbanner img{
		width: 100%;
	}
	.h2_story{
		width: 100%;
		padding-top: 6%;
		background: url(../img/h2_story_sp.png) no-repeat;
		background-size: contain;
		margin: 0 auto 2em;
	}
	.story_text{
		width: 95%;
		padding-top: 90%;
		background: url(../img/story_text_sp.png) no-repeat;
		background-size: contain;
		margin: 0 auto;
	}
	.story_nav_wrap{
		width:90%;
		margin: 0 auto 2em;
	}
	.story_nav{
		width: 23%;
		margin: 1%;
		float: left;
	}
	.story_nav img{
		width: 100%;
	}
	.staffcast_pc{
		display: none;
	}
	.staffcast_sp{
		display: block;
	}
	.h2_staff{
		width: 100%;
		padding-top: 6%;
		background: url(../img/h2_staff_sp.png) no-repeat;
		background-size: contain;
		margin: 0 auto 2em;
	}
	.staff_text{
		width: 75%;
    	padding-top: 110%;
		background: url(../img/staff_text_sp.png) no-repeat;
		background-size: contain;
		margin: 0 auto 3em;
	}
	.h2_cast{
		width: 100%;
		padding-top: 6%;
		background: url(../img/h2_cast_sp.png) no-repeat;
		background-size: contain;
		margin: 0 auto 2em;
	}
	.cast_text{
		width: 52%;
    	padding-top: 110%;
		background: url(../img/cast_text_sp.png) no-repeat;
		background-size: contain;
		margin: 0 auto 4em;
	}
	.h2_music{
		width: 100%;
		padding-top: 6%;
		background: url("../img/h2_music_sp.png") no-repeat;
		background-size: contain;
		margin: 0 auto 2em;
	}
	.music_text{
		width: 60%;
		padding-top: 108%;
		background:url("../img/music_text.png") no-repeat;
		background-size: contain;
		margin: 0 auto 3em;
	}
	.h2_twitter{
		width: 100%;
		padding-top: 11%;
		background: url(../img/h2_twitter_sp.png) no-repeat;
		background-size: contain;
		margin: 0 auto 1.5em;
	}
	.twitter_inner{
		width: 85%;
		height: 240px;
		margin: 0 auto 1em;
		overflow: hidden;
		background-color: rgba(255,255,255,0.7);
	}
	.twitter_info{
		width: 85%;
		margin: 0 auto;
	}
	.twitter_info img{
		width: 100%;
	}
	footer{
		margin: 4em auto 0;
		
	}
	.genzaku_banner{
		width: 85%;
		margin: 0 auto 1em;
	}
	.genzaku_banner img{
		width: 100%;
	}
	.copyright{
		width: 90%;
		font-size: 0.5em;
		font-weight: lighter;
		line-height: 1.8em;
		letter-spacing: 0.1em;
		text-align: center;
		color:#fff;
		opacity: 0.6;
		margin: 0 auto 1em;
	}
	.share_area{
		width: 80px;
		margin: 0 auto;
		padding: 0.5em 0;
	}
	.btn_fb,.btn_tw{
		width: 20px;
		height: 20px;
		float: left;
		margin: 0 10px;
	}
	.btn_fb img,.btn_tw img{
		width: 100%;
	}
	
	/*modal*/
	.remodal{
		text-align: left;
	}
	.modal_info{
		padding: 2em;
	}
	.modal_img{
		width: 100%;
		position: relative;
	}
	.modal_close{
		width: 15%;
		position: absolute;
		top: 0;
		right: 0;
	}
	.modal_img img{
		width: 100%;
	}
	.modal_title{
		font-size: 1.4em;
		margin: 0 0 0.5em;
	}
	.modal_text{
		font-size: 0.7em;
		letter-spacing: 0.05em;
		line-height: 1.4em;
		margin: 0 0 0.5em;
	}
	.modal_staff{
		font-size: 0.6em;
		line-height: 1.4em;
		font-weight: bold;
	}
}



/*	OTHER CSS
============================== */

/*SP保存禁止*/
img{
	touch-callout:none;
	user-select:none;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-moz-touch-callout:none;
	-moz-user-select:none;
}