/* =====================================
	TEMP css
====================================== */

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


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

.z-index-ie{
	
	z-index:2;
}

/* text */
body {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
  word-break: break-all;
  color:#515151;
  background:#000;
}
a:link {
	text-decoration:none;
	color:#000000;
}
a:visited {
	text-decoration:none;
	color:#000000;
}
a:hover {
	text-decoration:underline;
	color:#000000;
}
a:active {
	text-decoration:underline;
	color:#000000;
}
.copyright a:link{color:#ffffff; text-decoration:none}
.copyright a:visited{color:#ffffff; text-decoration:none}
.copyright a:active{color:#ffffff; text-decoration:none}
.copyright a:hover{color:#ffffff; text-decoration:none; opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "alpha(opacity=60)"; transition:all 0.5s ease;}
img{
	vertical-align:bottom;
}
.cleartext {
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
.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;
}
@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;
	}
	.sp_none{
		display:block;
	}
	.youtube_wrap {
		width: 560px;
		margin: 0 auto;
	}
}
@media all and (max-width: 767px) {
	.br-pc {
		display:none;
	}
	.br-sp {
		display:block;
	}
	.sp_none{
		display:none;
	}
}


/*	background
============================== */
body {
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust: 100%;
}
#con-body{
	
}
div#con-wrap, div#con-body{
	overflow:hidden;
}

/*	page top
============================== */
p.pgt a {
	display:block;
	text-decoration:none;
}
@media all and (min-width: 768px) {
	p.pgt {
		display:none;
	}
}
@media all and (max-width: 767px) {
	p.pgt {
		text-align:center;
		margin-top:1em;
	}
	p.pgt a {
		line-height:24px;
		height:24px;
	}
	p.pgt a span {
		/*display:inline-block;*/
		width:40px;
		height:24px;
		margin:0 auto;
		background-image:url(../img/btn_top2.png);
		background-position:center top;
		background-size:contain;
		background-repeat:no-repeat;
	}
}




/*	footer
============================== */


@media all and (min-width: 768px) {
	
}

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

}




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

/*/////////////////////////////////////////////////////////////////////////
ローディング
/////////////////////////////////////////////////////////////////////////*/


#loader-bg {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background:url(../img/bg_intro2.png),#000000;
  background-position:center center;
  background-size:cover;
  z-index: 100;
}
@media all and (min-width: 768px) {
	#loader {
	  display: none;
	  position: fixed;
	  top: 50%;
	  left: 50%;
	  width: 373px;
	  height: 444px;
	  margin-top: -182px;
	  margin-left: -186px;
	  text-align: center;
	  color: #fff;
	  z-index: 103;
	}
}

@media all and (max-width: 767px) {
	#loader {
	  display: none;
	  width: 220px;
	  height: 262px;
	  margin:50% auto 0;
	  text-align: center;
	  color: #fff;
	  z-index: 102;
	}
	#loader img{
	  width: 220px;
	  height: 262px;
	}
}


/*	navigation
============================== */
.globalnav_pc{
	position:absolute;
	top:38px;
	left:82px;
}
.globalnav_inner{
	margin:0 auto;
}

@media all and (min-width: 768px) {
	.globalnav_inner{
		margin:0 auto 70px;
		padding-top:30px;
	}
	.globalnav_pc li,.globalnav_inner li{
		height:14px;
		float:left;
		margin-bottom:16px;
		padding:0 20px;
		border-left:1px solid #ffffff;
		text-align:center;
	}
	.globalnav_pc li.gnav_li_05,.globalnav_pc li.gnav_li_09,.globalnav_inner li.gnav_li_05,.globalnav_inner li.gnav_li_09{
		border-right:1px solid #ffffff;
	}
	.globalnav_pc_1st{
		width:796px;
		margin:0 auto;
	}
	.globalnav_pc_1st_inner{
		width:884px;
		margin:0 auto;
	}
	.globalnav_pc_2nd{
		width:636px;
		margin:0 auto;
	}
	.gnav_li_00 a{
		width:47px;
		height:19px;
		background-image: url(../img/navigation_inner3.png);
		background-repeat: no-repeat;
		background-position: -944px 0;
		display: block;
		padding: 0;
	}
	.gnav_li_00 a:hover{
		background-position: -944px -19px;
	}
	.gnav_li_01 a{
		width:74px;
		height:19px;
		background-image: url(../img/navigation4.png);
		background-repeat: no-repeat;
		background-position: 0 0;
		display: block;
		padding: 0;
	}
	.gnav_li_01 a:hover,.wrapper_news .gnav_li_01 a{
		background-position: 0px -19px;
	}
	.gnav_li_02 a{
		width:87px;
		height:19px;
		background-image: url(../img/navigation4.png);
		background-repeat: no-repeat;
		background-position: -74px 0;
		display: block;
		padding: 0;
	}
	.gnav_li_02 a:hover,.wrapper_onair .gnav_li_02 a{
		background-position: -74px -19px;
	}
	.gnav_li_03 a{
		width:175px;
		height:19px;
		background-image: url(../img/navigation4.png);
		background-repeat: no-repeat;
		background-position: -161px 0;
		display: block;
		padding: 0;
	}
	.gnav_li_03 a:hover,.wrapper_staffcast .gnav_li_03 a{
		background-position: -161px -19px;
	}
	.gnav_li_04 a{
		width:88px;
		height:19px;
		background-image: url(../img/navigation4.png);
		background-repeat: no-repeat;
		background-position: -336px 0;
		display: block;
		padding: 0;
	}
	.gnav_li_04 a:hover,.wrapper_story .gnav_li_04 a{
		background-position: -336px -19px;
	}
	.gnav_li_05 a{
		width:166px;
		height:19px;
		background-image: url(../img/navigation4.png);
		background-repeat: no-repeat;
		background-position: -424px 0;
		display: block;
		padding: 0;
	}
	.gnav_li_05 a:hover,.wrapper_chara .gnav_li_05 a{
		background-position: -424px -19px;
	}
	.gnav_li_06 a{
		width:98px;
		height:19px;
		background-image: url(../img/navigation4.png);
		background-repeat: no-repeat;
		background-position: -1035px 0;
		display: block;
		padding: 0;
	}
	.gnav_li_06 a:hover,.wrapper_disc .gnav_li_06 a{
		background-position: -1035px -19px;
	}
	.gnav_li_07 a{
		width:33px;
		height:19px;
		background-image: url(../img/navigation4.png);
		background-repeat: no-repeat;
		background-position: -703px 0;
		display: block;
		padding: 0;
	}
	.gnav_li_07 a:hover,.wrapper_cd .gnav_li_07 a{
		background-position: -703px -19px;
	}
	.gnav_li_08 a{
		width:93px;
		height:19px;
		background-image: url(../img/navigation4.png);
		background-repeat: no-repeat;
		background-position: -736px 0;
		display: block;
		padding: 0;
	}
	.gnav_li_08 a:hover,.wrapper_goods .gnav_li_08 a{
		background-position: -736px -19px;
	}
	.gnav_li_09 a{
		width:115px;
		height:19px;
		background-image: url(../img/navigation4.png);
		background-repeat: no-repeat;
		background-position: -829px 0;
		display: block;
		padding: 0;
	}
	.gnav_li_09 a:hover,.wrapper_special .gnav_li_09 a{
		background-position: -829px -19px;
	}
	.gnav_li_10 a{
		width:91px;
		height:19px;
		background-image: url(../img/navigation4.png);
		background-repeat: no-repeat;
		background-position: -944px 0;
		display: block;
		padding: 0;
	}
	.gnav_li_10 a:hover,.wrapper_books .gnav_li_10 a{
		background-position: -944px -19px;
	}
	.nav_smp {
		display: none;
	}
	.globalnav_inner_sp{
		display:none;
	}
}

@media all and (max-width: 767px) {
	.globalnav_pc{
		display:none;
	}
	.nav_smp{
		display: block;
		position: absolute;
		padding-left: 125px;
		top:0;
		right:0;
	}
	#menu{
		position: absolute;
		top:1em;
		right: 1em;
		z-index: 1;
		text-align:right;
	}
	.page_wrap #menu{
		position: absolute;
		right: 1em;
		top: 1em;
		z-index: 200;	
	}
	#menu img{
		max-width: 40%;
		width: auto;	
	}
	.modal_logo{
		width:45%;
		margin:2.5em auto 2.5em;
	}
	.modal_logo img{
		width:100%;
	}
	.modal_navigation{
		width:90%;
		margin:0 0 0 5%;
	}
	#content01{
		background:url(../img/bg_intro2.png) no-repeat;
		background-color:#000000 !important;
		background-size:cover;
		background-position:top center;
	}
	div#content01 div.modal-content ul li {
		float: left;
		width: 100%;
		margin:0 1%;
		text-align: center;
		height: auto;
	}
	#menu_news_logo a img{
		height: 100px;
		width: auto;
	}
	div#content01 span.close-content01 img {
		position: absolute;
		right: 20px;
		top: 25px;
		max-width: 50%;
		width: 20px;
		height: auto;
	}
	div#content01 div.modal-content ul li#menu_news_logo a {
		position: static;
		display: block;
		text-align: center;
	}
	#content01 div.modal-content ul li {
	}
	#content01 div.modal-content ul li a {
		margin:0 auto 1.4em;
		text-align:center;
	}
	.modal_navigation li img{
		width:100%;
	}
	.modal_topnav_01 a{
		width:74px;
		height:19px;
		background-image: url(../img/navigation4.png);
		background-repeat: no-repeat;
		background-position: 0 0;
		display: block;
		padding: 0;
	}
	.modal_topnav_02 a{
		width:87px;
		height:19px;
		background-image: url(../img/navigation4.png);
		background-repeat: no-repeat;
		background-position: -74px 0;
		display: block;
		padding: 0;
	}
	.modal_topnav_03 a{
		width:175px;
		height:19px;
		background-image: url(../img/navigation4.png);
		background-repeat: no-repeat;
		background-position: -161px 0;
		display: block;
		padding: 0;
	}
	.modal_topnav_04 a{
		width:88px;
		height:19px;
		background-image: url(../img/navigation4.png);
		background-repeat: no-repeat;
		background-position: -336px 0;
		display: block;
		padding: 0;
	}
	.modal_topnav_05 a{
		width:166px;
		height:19px;
		background-image: url(../img/navigation4.png);
		background-repeat: no-repeat;
		background-position: -424px 0;
		display: block;
		padding: 0;
	}
	.modal_topnav_06 a{
		width:98px;
		height:19px;
		background-image: url(../img/navigation4.png);
		background-repeat: no-repeat;
		background-position: -1035px 0;
		display: block;
		padding: 0;
	}
	.modal_topnav_07 a{
		width:33px;
		height:19px;
		background-image: url(../img/navigation4.png);
		background-repeat: no-repeat;
		background-position: -703px 0;
		display: block;
		padding: 0;
	}
	.modal_topnav_08 a{
		width:93px;
		height:19px;
		background-image: url(../img/navigation4.png);
		background-repeat: no-repeat;
		background-position: -736px 0;
		display: block;
		padding: 0;
	}
	.modal_topnav_09 a{
		width:115px;
		height:19px;
		background-image: url(../img/navigation4.png);
		background-repeat: no-repeat;
		background-position: -829px 0;
		display: block;
		padding: 0;
	}
	.modal_topnav_10 a{
		width:91px;
		height:19px;
		background-image: url(../img/navigation4.png);
		background-repeat: no-repeat;
		background-position: -944px 0;
		display: block;
		padding: 0;
	}
	/*sp_inner*/
	.globalnav_inner{
		display:none;
	}
	.globalnav_inner_sp{
		height:5em;
		padding:1.8em 0 1em;
	}
	.globalnav_sp_1st{
		width:288px;
		margin:0 auto;
	}
	.globalnav_sp_2nd{
		width:256px;
		margin:0 auto;
	}
	.globalnav_sp_3rd{
		width:264px;
		margin:0 auto;
	}
	.globalnav_inner_sp li{
		height:10px;
		float:left;
		margin-bottom:0.7em;
		padding:0 0.7em;
		border-left:1px solid #ffffff;
		text-align:center;
	}
	.globalnav_inner_sp li.gnav_li_03,.globalnav_inner_sp li.gnav_li_06,.globalnav_inner_sp li.gnav_li_09{
		border-right:1px solid #ffffff;
	}
	.gnav_li_00 a img{
		width:24px;
		height:7px;
	}
	.gnav_li_01 a img{
		width:37px;
		height:7px;
	}
	.gnav_li_02 a img{
		width:44px;
		height:7px;
	}
	.gnav_li_03 a img{
		width:88px;
		height:7px;
	}
	.gnav_li_04 a img{
		width:44px;
		height:7px;
	}
	.gnav_li_05 a img{
		width:83px;
		height:7px;
	}
	.gnav_li_06 a img{
		width:52px;
		height:10px;
		margin-top: 2px;
	}
	.gnav_li_07 a img{
		width:17px;
		height:7px;
	}
	.gnav_li_08 a img{
		width:47px;
		height:7px;
	}
	.gnav_li_09 a img{
		width:58px;
		height:7px;
	}
	.gnav_li_10 a img{
		width:46px;
		height:7px;
	}
	.gnav_li_00 img,.gnav_li_01 img,.gnav_li_02 img,.gnav_li_03 img,.gnav_li_04 img,.gnav_li_05 img,.gnav_li_06 img,.gnav_li_07 img,.gnav_li_08 img,.gnav_li_09 img,.gnav_li_10 img{
		vertical-align:top !important;
		margin-top:2px;
	}
}

/*	00.TOP
============================== */
#wrapper{
	width:100%;
	height:100%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ba726f+0,9a5b65+25,77445c+50,563354+75,77445c+100,39284e+100 */
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3097a6+0,357c8d+25,385e74+50,38425f+75,36274e+100 */
	background: #3097a6; /* Old browsers */
	background: -moz-linear-gradient(top, #3097a6 0%, #357c8d 25%, #385e74 50%, #38425f 75%, #36274e 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #3097a6 0%,#357c8d 25%,#385e74 50%,#38425f 75%,#36274e 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #3097a6 0%,#357c8d 25%,#385e74 50%,#38425f 75%,#36274e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3097a6', endColorstr='#36274e',GradientType=0 ); /* IE6-9 */
}
#wrapper_second{
	width:98%;
	margin:0 auto;
	background-image:url(../img/back_pc2.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:top center;
}
.box{
	width:100%;
	height:100%;
}
@media all and (min-width: 768px) {
	#wrapper{
	}
	.sp_headbar{
		display:none;
	}
	#wrapper_second{
		width:98%;
	}
	.contents_inner{
		width:960px;
		margin:0 auto;
		position:relative;
	}
	.main_visual_area{
		position:relative;
	}
	.mainvisual{
		width:960px;
		height:1360px;
	}
	.top_logo{
		width:275px;
		height:304px;
		background:url(../img/top_logo2.png) no-repeat;
		position:absolute;
		top:710px;
		right:38px;
	}
	.top_catch{
		width:153px;
		height:339px;
		background:url(../img/top_catch.png) no-repeat;
		position:absolute;
		top:122px;
		right:20px;
	}
	.main_contents_area{
		width:960px;
		margin:0 auto;
		position:absolute;
		top:1050px;
	}
	.main_contents_area_inner{
		position:relative;
	}
	.top_onair{
		width:821px;
		height:101px;
		background:url(../img/top_onair_pc_4.png) no-repeat;
		position:absolute;
		top: -22px;
		left: 15px;
	}
	.pv_banner{
		width:96px;
		position:absolute;
		right:30px;
		top:-20px;
	}
	.pv_banner img{
		width:100%;
	}
	.pv_banner_sp{
		display:none;
	}
	.news_area{
		margin-top:74px;
	}
	.twitter_area{
		width:396px;
		height:156px;
		float:left;
		background:rgba(255,255,255,0.50);
		margin-left:30px;
		border-top:2px solid #000;
		border-bottom:2px solid #000;
		position:relative;
	}
	.twitter_header{
		width:360px;
		margin:0 auto;
	}
	.twitter_header h3{
		width:92px;
		height:15px;
		background:url(../img/twitter_h3.png);
		float:left;
		margin-top:14px;
	}
	.twitter_header p{
		float:right;
		margin-top:14px;
	}
	.twitter_block{
		width:360px;
		height:102px;
		display: block;
		overflow: hidden;
		position:absolute;
		left:20px;
		bottom:14px;
	}
	.update_area{
		width:492px;
		height:156px;
		float:right;
		background:rgba(255,255,255,0.50);
		margin-right:30px;
		border-top:2px solid #000;
		border-bottom:2px solid #000;
		position:relative;
	}
	.update_header{
		width:446px;
		margin:0 auto;
	}
	.update_header h3{
		width:62px;
		height:15px;
		background:url(../img/news_h3.png);
		float:left;
		margin-top:14px;
	}
	.update_header p{
		width:94px;
		height:15px;
		float:right;
		margin-top:14px;
	}
	.update_list{
		width:446px;
		height:110px;
		font-size:15px;
		line-height:1.4em;
		border-top:1px solid #000000;
		margin:40px auto 0;
		overflow-y:scroll;
		position:absolute;
		left:20px;
		bottom:4px;
	}
	/*
	.update_list::-webkit-scrollbar {
		display: none;
	}
	*/
	.update_list dl {
		width:426px;
		border-bottom:1px solid #7b7776;
		padding:6px 0;
	}
	.update_list dt {
		width:100px;
		float:left;
		clear:left;
		color:#000000;
	}
	.update_list dd {
		width:320px;
		float:left;
		color:#000000;
	}
	.banner_area{
		width:736px;
		margin:10px auto;
	}
	.banner_rinji{
		margin:24px auto;
	}
	.spbanner_list{
		width:597px;
		margin:0 auto;
	}
	.spbanner_list li{
		width:185px;
		height:52px;
		margin:10px 7px;
		float:left;
	}
	.spbanner_list li img{
		width:100%;
	}
	.banner_list{
		width:736px;
		margin:0 auto;
	}
	.banner_list li{
		width:170px;
		height:44px;
		margin:7px 7px;
		float:left;
	}
	.banner_list li img{
		width:100%;
	}
	.copyright{
		font-size:100%;
		text-align:center;
		color:#ffffff;
		margin-bottom:0.7em;
	}
	.copyright_tbs{
		font-size:80%;
	}
	.copyright span{
		margin-left:8px;
	}
	
}
@media all and (max-width: 767px) {
	#wrapper{
		
	}
	.sp_headbar{
		width:100%;
		height:0.6em;
		background-color:#000000;
		display:block;
	}
	#wrapper_second{
		width:96%;
	}
	.main_visual_area{
		position:relative;
	}
	.mainvisual{
		width:100%;
	}
	.top_logo{
		width:50%;
		padding-top:50%;
		background:url(../img/top_logo2.png) no-repeat;
		background-size:contain;
		position:absolute;
		bottom:-15%;
		left:25%;
	}
	.top_catch{
		width:30%;
		padding-top:35%;
		background:url(../img/top_catch.png) no-repeat;
		background-size:contain;
		position:absolute;
		top:1.5%;
		left:1.5%;
	}
	.main_contents_area{
		width:80%;
		margin:0 auto;
		padding-top:25%;
	}
	.top_onair{
		width:100%;
		background:url(../img/top_onair_sp_4.png) no-repeat;
		background-size:contain;
		margin:0 auto 0.5em;
		/*margin:0 auto 1.5em;*/  /*2018.02.21*/
		padding-top:22%;
	}
	.pv_banner{
		display:none;
	}
	.pv_banner_sp{
		width:100%;
		margin-bottom:1.5em;
	}
	.pv_banner_sp img{
		width:100%;
	}
	.news_area{
		
	}
	.twitter_area{
		width:100%;
		height:180px;
		background:rgba(255,255,255,0.70);
		margin-bottom:1em;
		border-top:2px solid #000;
		border-bottom:2px solid #000;
		position:relative;
	}
	.twitter_header{
		width:85%;
		margin:0 auto;
	}
	.twitter_header h3{
		width:92px;
		height:15px;
		background:url(../img/twitter_h3.png);
		float:left;
		margin-top:14px;
	}
	.twitter_header p{
		font-size:80%;
		float:right;
		margin-top:14px;
	}
	.twitter_block{
		width:85%;
		height:120px;
		margin:0.7em auto 0;
		overflow:auto;
	}
	.update_area{
		width:100%;
		height:180px;
		margin:0 auto;
		background:rgba(255,255,255,0.70);
		margin-bottom:1.0em;
		border-top:2px solid #000;
		border-bottom:2px solid #000;
		position:relative;
	}
	.update_header{
		width:85%;
		margin:0 auto;
	}
	.update_header h3{
		width:62px;
		height:15px;
		background:url(../img/news_h3.png);
		float:left;
		margin-top:14px;
	}
	.update_header p{
		float:right;
		margin-top:14px;
	}
	.update_list{
		width:85%;
		height:136px;
		font-size:80%;
		line-height:1.4em;
		border-top:1px solid #000000;
		margin:40px auto 0;
		overflow:auto;
		position:absolute;
		left:20px;
		bottom:4px;
	}
	.update_list::-webkit-scrollbar {
		display: none;
	}
	.update_list dl {
		width:100%;
		border-bottom:1px solid #7b7776;
		padding:6px 0;
	}
	.update_list dt {
		width:30%;
		float:left;
		clear:left;
		color:#000000;
	}
	.update_list dd {
		width:65%;
		margin-left:5%;
		float:left;
		color:#000000;
	}
	.banner_area{
		width:0 auto;
	}
	.banner_rinji{
		width:100%;
		margin:1em auto;
	}
	.banner_rinji img{
		width:100%;
	}
	.spbanner_list li{
		width:100%;
		margin:0 0 0.4em;
	}
	.banner_list{
		width:100%;
	}
	.banner_list li{
		width:49%;
		margin:0.2em 0;
	}
	.banner_sp_left{
		float:left;
	}
	.banner_sp_right{
		float:right;
	}
	.banner_area img{
		width:100%;
	}
	.footer{
		padding:0em 0 1em;
	}
	.copyright{
		font-size:70%;
		line-height:1.5em;
		text-align:center;
		color:#ffffff;
		margin:0.5em;
	}
	.btn_fb{
		width:14px;
		height:12px;
	}
	.btn_fb img{
		width:14px;
	}
	.copyright_tbs{
		width:85%;
		margin:0 auto;
		font-size:60%;
		line-height:1.4em;
	}
	.copyright span{
		margin-left:4px;
	}
}


/*	01-09.INNER BOTH
============================== */

@media all and (min-width: 768px) {
	.inner_h2{
		margin:0 auto;
	}
	.contents_inner_inner{
		padding-bottom:3em;
		background-color: rgba(0,0,0,0.40);
	}
		
}

@media all and (max-width: 767px) {
	.contents_inner_inner{
		padding-bottom:1em;
		background-color: rgba(0,0,0,0.40);
	}
}

/*	01.NEWS
============================== */

.h2_news{
	background:url(../img/h2_news2.png) no-repeat;
}
.news_all dl dt{
	color:#6fbaa4;
	margin-bottom:0.5em;
}
.news_all dl dd{
	color:#ffffff;
}
.news_all dl dd a{
	color:#ffffff;
}
/*news_inner*/
.news_block{
	border-bottom:1px solid #6fbaa4;
}
.news_date{
	text-align:center;
	color:#6fbaa4;
	font-weight:normal;
}
.news_title{
	text-align:center;
	color:#ffffff;
	font-weight:normal;
}
.news_img{
	text-align:center;
	margin:0 auto;
}
.news_img img{
	text-align:center;
}
.news_text{
	color:#ffffff;
}

@media all and (min-width: 768px) {
	.h2_news{
		width:221px;
		height:66px;
		margin-bottom:26px;
	}
	.news_all{
		width:842px;
		margin:0 auto 80px;
		text-align:center;
		font-size:18px;
		line-height:1.6em;
	}
	.news_all dl{
		border-bottom:1px solid #6fbaa4;
		padding:30px 0 36px;
	}
	
	/*news_inner*/
	.news_block{
		width:842px;
		margin:0 auto 80px;
		padding:0 0 60px;
		text-align:left;
		font-size:18px;
		line-height:1.6em;
	}
	.news_title_block{
		margin:36px 0 48px;
		padding:1em 0;
		border-top:1px solid #6fbaa4;
		border-bottom:1px solid #6fbaa4;
	}
	.news_date{
		font-size:20px;
	}
	.news_title{
		font-size:20px;
		line-height:1.6em;
	}
	.news_img{
		max-width:560px;
		margin-bottom:2em;
	}
	.news_img img{
		max-width:560px;
	}
	.news_text{
		width:560px;
		font-size:16px;
		line-height:1.8em;
		margin:0 auto 1.5em;
	}
}

@media all and (max-width: 767px) {
	.h2_news{
		width:45%;
		margin:0 auto 0.4em;
		padding-top:12%;
		background-size:contain;
	}
	.news_all{
		width:85%;
		margin:0 auto 2em;
		text-align:center;
		font-size:90%;
		line-height:1.5em;
	}
	.news_all dl{
		border-bottom:1px solid #6fbaa4;
		padding:1.1em 0;
	}
	/*news_inner*/
	.news_block{
		width:85%;
		margin:0 auto 2em;
		padding:0 0 1em;
		text-align:left;
	}
	.news_title_block{
		margin:2em 0 1em;
	}
	.news_date{
		font-size:90%;
		margin-bottom:0.5em;
	}
	.news_title{
		font-size:110%;
		line-height:1.5em;
	}
	.news_img{
		width:100%;
		margin-bottom:2em;
	}
	.news_img img{
		width:100%;
	}
	.news_text{
		width:100%;
		font-size:90%;
		line-height:1.8em;
		margin:0 auto 1.5em;
	}
}

/*	02.ONAIR
============================== */

.h2_onair{
	background:url(../img/h2_onair2.png) no-repeat;
}

@media all and (min-width: 768px) {
	.h2_onair{
		width:221px;
		height:66px;
		margin-bottom:26px;
	}
	.onair_wrap{
		width:842px;
		margin:0 auto 80px;
		text-align:center;
		font-size:18px;
		line-height:1.6em;
	}
	.onair_text{
		width:683px;
		height:360px;
		margin:180px auto 80px;
		background:url(../onair/img/onair_text_pc_6.png)
	}
	.onair_text_haishin{
		width:760px;
		height:367px;
		margin:0 auto 350px;
		background:url(../onair/img/onair_haishin_text_04.png)
	}
}

@media all and (max-width: 767px) {
	.h2_onair{
		width:45%;
		margin:0 auto 0.4em;
		padding-top:12%;
		background-size:contain;
	}
	.onair_wrap{
		width:85%;
		margin:0 auto 2em;
		text-align:center;
		font-size:90%;
		line-height:1.5em;
	}
	.onair_text{
		width:100%;
		padding-top: 50%;
    	margin: 3em auto 1em;
		background:url(../onair/img/onair_text_sp_6.png) no-repeat;
		background-size:contain;
		background-position:top center;
	}
	.onair_text_haishin{
		width:100%;
		padding-top: 50%;
    	margin: 0em auto 5em;
		background:url(../onair/img/onair_haishin_text_04.png) no-repeat;
		background-size:contain;
		background-position:top center;
	}
}


/*	03.staff&cast
============================== */

.h2_staffcast{
	background:url(../img/h2_staffcast2.png) no-repeat;
}

@media all and (min-width: 768px) {
	.h2_staffcast{
		width:360px;
		height:65px;
		margin-bottom:26px;
	}
	.staffcast_wrap{
		width:842px;
		margin:0 auto 80px;
		text-align:center;
		font-size:18px;
		line-height:1.6em;
	}
	.staffcast_text{
		width:494px;
		height:1689px;
		margin:120px auto 200px;
		background:url(../staffcast/img/staffcast_text_pc_05.png) no-repeat;
	}
}

@media all and (max-width: 767px) {
	.h2_staffcast{
		width:70%;
		margin:0 auto 0.4em;
		padding-top:11%;
		background-size:contain;
	}
	.staffcast_wrap{
		width:85%;
		margin:0 auto 2em;
		text-align:center;
		font-size:90%;
		line-height:1.5em;
	}
	.staffcast_text{
		width:100%;
		padding-top: 350%;
    	margin: 2em auto 4em;
		background:url(../staffcast/img/staffcast_text_pc_05.png) no-repeat;
		background-size:contain;
		background-position:top center;
	}
}

/*	04.story
============================== */

.h2_story{
	background:url(../img/h2_story2.png) no-repeat;
}

/* storynav */
.story_nav_li{
	float: left;
}
.story_nav_li a{
	background-size: contain;
	display: block;
	padding: 0;
}
.story_nav_00 a{
	background:url(../story/img/nav_intro_off.png) no-repeat;
}
.story_nav_00 a:hover, .wrapper_story_intro .story_nav_00 a{
	background:url(../story/img/nav_intro_on.png) no-repeat;
}
.story_nav_01 a{
	background:url(../story/img/nav_01_off.png) no-repeat;
}
.story_nav_01 a:hover, .wrapper_story_01 .story_nav_01 a{
	background:url(../story/img/nav_01_on.png) no-repeat;
}
.story_nav_02 a{
	background:url(../story/img/nav_02_off.png) no-repeat;
}
.story_nav_02 a:hover, .wrapper_story_02 .story_nav_02 a{
	background:url(../story/img/nav_02_on.png) no-repeat;
}
.story_nav_03 a{
	background:url(../story/img/nav_03_off.png) no-repeat;
}
.story_nav_03 a:hover, .wrapper_story_03 .story_nav_03 a{
	background:url(../story/img/nav_03_on.png) no-repeat;
}
.story_nav_04 a{
	background:url(../story/img/nav_04_off.png) no-repeat;
}
.story_nav_04 a:hover, .wrapper_story_04 .story_nav_04 a{
	background:url(../story/img/nav_04_on.png) no-repeat;
}
.story_nav_05 a{
	background:url(../story/img/nav_05_off.png) no-repeat;
}
.story_nav_05 a:hover, .wrapper_story_05 .story_nav_05 a{
	background:url(../story/img/nav_05_on.png) no-repeat;
}
.story_nav_06 a{
	background:url(../story/img/nav_06_off.png) no-repeat;
}
.story_nav_06 a:hover, .wrapper_story_06 .story_nav_06 a{
	background:url(../story/img/nav_06_on.png) no-repeat;
}
.story_nav_07 a{
	background:url(../story/img/nav_07_off.png) no-repeat;
}
.story_nav_07 a:hover, .wrapper_story_07 .story_nav_07 a{
	background:url(../story/img/nav_07_on.png) no-repeat;
}
.story_nav_08 a{
	background:url(../story/img/nav_08_off.png) no-repeat;
}
.story_nav_08 a:hover, .wrapper_story_08 .story_nav_08 a{
	background:url(../story/img/nav_08_on.png) no-repeat;
}
.story_nav_09 a{
	background:url(../story/img/nav_09_off.png) no-repeat;
}
.story_nav_09 a:hover, .wrapper_story_09 .story_nav_09 a{
	background:url(../story/img/nav_09_on.png) no-repeat;
}
.story_nav_10 a{
	background:url(../story/img/nav_10_off.png) no-repeat;
}
.story_nav_10 a:hover, .wrapper_story_10 .story_nav_10 a{
	background:url(../story/img/nav_10_on.png) no-repeat;
}
.story_nav_11 a{
	background:url(../story/img/nav_11_off.png) no-repeat;
}
.story_nav_11 a:hover, .wrapper_story_11 .story_nav_11 a{
	background:url(../story/img/nav_11_on.png) no-repeat;
}
.story_nav_12 a{
	background:url(../story/img/nav_12_off.png) no-repeat;
}
.story_nav_12 a:hover, .wrapper_story_12 .story_nav_12 a{
	background:url(../story/img/nav_12_on.png) no-repeat;
}

.flexslider, .flexslider img{
	width: 100%;
}

@media all and (min-width: 768px) {
	.h2_story{
		width:192px;
		height:65px;
		margin-bottom:26px;
	}
	.story_wrap{
		width:844px;
		margin:0 auto 80px;
		text-align:center;
		font-size:18px;
		line-height:1.6em;
	}
	.story_text{
		width:573px;
		height:755px;
		margin:70px auto 400px;
		background:url(../story/img/intro_pc.png) no-repeat;
	}
	.story_title{
		width: 844px;
		margin: 40px auto 30px;
	}
	.story_title_sp{
		display: none;
	}
	.story_texttype{
		color:#ffffff;
		line-height: 1.8em;
		text-align: left;
		padding: 10px 0 40px;
		border-bottom: 1px solid #3097a6;
	}
	/* storynav */
	.story_nav_area{
		width: 858px;
		margin: 70px auto 0;
	}
	.story_nav_sp{
		display: none;
	}
	.story_nav_li{
		width: 62px;
		height: 36px;
	}
	.story_nav_00{
		margin: 0 2px 0 0;
	}
	.story_nav_01,.story_nav_02,.story_nav_03,.story_nav_04,.story_nav_05,.story_nav_06,.story_nav_07,.story_nav_08,.story_nav_09,.story_nav_10,.story_nav_11{
		margin: 0 2px;
	}
	.story_nav_12{
		margin: 0 0 0 2px;
	}
	.story_nav_00 a{
		width: 62px;
		height: 36px;
	}
	.story_nav_01 a{
		width: 62px;
		height: 36px;
	}
	.story_nav_02 a{
		width: 62px;
		height: 36px;
	}
	.story_nav_03 a{
		width: 62px;
		height: 36px;
	}
	.story_nav_04 a{
		width: 62px;
		height: 36px;
	}
	.story_nav_05 a{
		width: 62px;
		height: 36px;
	}
	.story_nav_06 a{
		width: 62px;
		height: 36px;
	}
	.story_nav_07 a{
		width: 62px;
		height: 36px;
	}
	.story_nav_08 a{
		width: 62px;
		height: 36px;
	}
	.story_nav_09 a{
		width: 62px;
		height: 36px;
	}
	.story_nav_10 a{
		width: 62px;
		height: 36px;
	}
	.story_nav_11 a{
		width: 62px;
		height: 36px;
	}
	.story_nav_12 a{
		width: 62px;
		height: 36px;
	}
}

@media all and (max-width: 767px) {
	.h2_story{
		width:45%;
		margin:0 auto 0.4em;
		padding-top:12%;
		background-size:contain;
	}
	.story_wrap{
		width:85%;
		margin:0 auto 2em;
		text-align:center;
		font-size:90%;
		line-height:1.5em;
	}
	.story_text{
		width:100%;
		padding-top: 200%;
    	margin: 3em auto 4em;
		background:url(../story/img/intro_sp.png) no-repeat;
		background-size:contain;
		background-position:top center;
	}
	.story_title{
		display: none;
	}
	.story_title_sp{
		width: 100%;
		margin: 1em auto 0;
	}
	.story_title_sp img{
		width: 100%;
		margin: 1em auto 2em;
	}
	.story_texttype{
		font-size: 0.9em;
		color:#ffffff;
		line-height: 1.8em;
		text-align: left;
		padding: 1em 0 2em;
		border-bottom: 1px solid #3097a6;
	}
	/* storynav */
	.story_nav_area{
		width: 90%;
		margin: 2em auto 1em;
	}
	.story_nav{
		display: none;
	}
	.story_nav_sp li{
		width:12%;
		margin: 1%;
		float: left;
	}
	.story_nav_sp li img{
		width:100%;
	}
}

/*	05.character
============================== */

.h2_chara{
	background:url(../img/h2_character2.png) no-repeat;
}
.chara_img{
	text-align:center;
	margin:0 auto;
}
.chara_img img{
	text-align:center;
}
.chara_text{
	color:#ffffff;
}
.charaname_01{
	background:url(../chara/img/character_name01_2.png) no-repeat;
}
.charaname_02{
	background:url(../chara/img/character_name02_2.png) no-repeat;
}
.charaname_03{
	background:url(../chara/img/character_name03_2.png) no-repeat;
}
.charaname_04{
	background:url(../chara/img/character_name04_2.png) no-repeat;
}
.charaname_05{
	background:url(../chara/img/character_name05_2.png) no-repeat;
}
.charaname_06{
	background:url(../chara/img/character_name06_2.png) no-repeat;
}
.charaname_07{
	background:url(../chara/img/character_name07_2.png) no-repeat;
}
.charaname_08{
	background:url(../chara/img/character_name08_2.png) no-repeat;
}
.charaname_09{
	background:url(../chara/img/character_name09_2.png) no-repeat;
}

@media all and (min-width: 768px) {
	.h2_chara{
		width:342px;
		height:66px;
		margin-bottom:26px;
	}
	.chara_wrap{
		width:842px;
		margin:56px auto 120px;
		text-align:left;
		font-size:18px;
		line-height:1.6em;
	}
	.chara_block{
		margin-bottom:24px;
	}
	.chara_img{
		width:370px;
		float:left;
	}
	.chara_img img{
		width:100%;
	}
	.chara_capton{
		width:380px;
		margin-left:32px;
		float:left;
	}
	.chara_name{
		margin:90px 0 32px;
	}
	.chara_capton_long .chara_name{
		margin:30px 0 32px;
	}
	.charaname_01{
		width:305px;
		height:70px;
	}
	.charaname_02{
		width:356px;
		height:106px;
	}
	.charaname_03{
		width:292px;
		height:60px;
	}
	.charaname_04{
		width:160px;
		height:63px;
	}
	.charaname_05{
		width:358px;
		height:64px;
	}
	.charaname_06{
		width:337px;
		height:65px;
	}
	.charaname_07{
		width:143px;
		height:63px;
	}
	.charaname_08{
		width:276px;
		height:64px;
	}
	.charaname_09{
		width:296px;
		height:63px;
	}
	
}

@media all and (max-width: 767px) {
	.h2_chara{
		width:70%;
		margin:0 auto 0.4em;
		padding-top:12%;
		background-size:contain;
	}
	.chara_wrap{
		width:80%;
		margin:0 auto 2em;
		text-align:left;
		font-size:90%;
		line-height:1.8em;
	}
	.chara_block{
		margin-bottom:2em;
	}
	.chara_img{
		width:100%;
	}
	.chara_img img{
		width:100%;
	}
	.chara_capton{
		width:100%;
	}
	.chara_name{
		margin:2em 0 0.5em;
	}
	.charaname_01{
		width:85%;
		padding-top:15%;
		background-size:contain;
	}
	.charaname_02{
		width:100%;
		padding-top:24%;
		background-size:contain;
	}
	.charaname_03{
		width:85%;
		padding-top:12%;
		background-size:contain;
	}
	.charaname_04{
		width:50%;
		padding-top:15%;
		background-size:contain;
	}
	.charaname_05{
		width:100%;
		padding-top:12%;
		background-size:contain;
	}
	.charaname_06{
		width:100%;
		padding-top:14%;
		background-size:contain;
	}
	.charaname_07{
		width:43%;
		padding-top:12%;
		background-size:contain;
	}
	.charaname_08{
		width:85%;
		padding-top:12%;
		background-size:contain;
	}
	.charaname_09{
		width:85%;
		padding-top:12%;
		background-size:contain;
	}
	
}


@media all and (max-width: 767px) {
	.layer_board{
		width:90% !important;
		margin:1em auto !important;
		position:fixed !important;
		left:5% !important;
	}
	.owabi_img img{
		width:100% !important;
	}
}


/*	06.disc
============================== */

.h2_disc{
	background:url(../img/h2_bd.png) no-repeat;
}
.disc_title{
	color: #0097a5;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif"
}
.disc_img img{
	width: 100%;
}
.disc_list{
	color: #ffffff;
	text-align: left;
}
.disc_list dt{
	color: #0097a5;
	margin-left: -0.5em;
}
.disc_list dd{
	margin-bottom: 1em;
}
.disc_tokuten{
	
}
.tokuten_list{
	
}
/*disc_nav*/
.disc_nav_li{
	float: left;
}
.disc_nav_li a{
    display: block;
    padding: 0;
}
.disc_nav_01 a{
	background:url(../disc/img/bdnav_01_off.png) no-repeat;
}
.disc_nav_01 a:hover, .wrapper_disc_01 .disc_nav_01 a {
	background:url(../disc/img/bdnav_01_on.png) no-repeat;
}
.disc_nav_02 a{
	background:url(../disc/img/bdnav_02_off.png) no-repeat;
}
.disc_nav_02 a:hover, .wrapper_disc_02 .disc_nav_02 a{
	background:url(../disc/img/bdnav_02_on.png) no-repeat;
}
.disc_nav_03 a{
	background:url(../disc/img/bdnav_03_off.png) no-repeat;
}
.disc_nav_03 a:hover, .wrapper_disc_03 .disc_nav_03 a{
	background:url(../disc/img/bdnav_03_on.png) no-repeat;
}
.disc_nav_04 a{
	background:url(../disc/img/bdnav_04_off.png) no-repeat;
}
.disc_nav_04 a:hover, .wrapper_disc_04 .disc_nav_04 a{
	background:url(../disc/img/bdnav_04_on.png) no-repeat;
}
.disc_nav_05 a{
	background:url(../disc/img/bdnav_05_off.png) no-repeat;
}
.disc_nav_05 a:hover{
	background:url(../disc/img/bdnav_05_on.png) no-repeat;
}


@media all and (min-width: 768px) {
	.h2_disc{
		width:221px;
		height:66px;
		margin-bottom:26px;
	}
	.disc_wrap{
		width:820px;
		margin:0 auto 80px;
		text-align:center;
		font-size:18px;
		line-height:1.6em;
	}
	.disc_title{
		font-size: 24px;
		letter-spacing: 0.3em;
		margin: 2em 0 1em;
	}
	.disc_img{
		width:790px;
		margin: 0 auto;
	}
	.disc_list{
		width: 750px;
		margin: 45px auto 0;
		font-size: 14px;
	}
	/*tokuten*/
	.disc_tokuten{
		margin: 70px 0 0;
	}
	.h3_tokuten{
		margin-bottom: 20px;
	}
	.tokuten_list{
		width: 820px;
		margin: 0 auto;
	}
	.tokuten_list li{
		float: left;
		margin: 15px;
	}
	/* storynav */
	.disc_nav_area{
		width: 800px;
		margin: 70px auto 0;
	}
	.disc_nav_sp{
		display: none;
	}
	.disc_nav_li{
		width: 150px;
		height: 36px;
	}
	.disc_nav_01,.disc_nav_02,.disc_nav_03,.disc_nav_04,.disc_nav_05{
		width: 150px;
		height: 36px;
		margin: 0 5px;
	}
	.disc_nav_01 a,.disc_nav_02 a,.disc_nav_03 a,.disc_nav_04 a,.disc_nav_05 a{
		width: 150px !important;
		height: 36px !important;
	}
}

@media all and (max-width: 767px) {
	.h2_disc{
		width:50%;
		margin:0 auto 0.4em;
		padding-top:11%;
		background-size:contain;
	}
	.disc_wrap{
		width:85%;
		margin:0 auto 2em;
		text-align:center;
		font-size:90%;
		line-height:1.5em;
	}
	.disc_title{
		font-size: 1.4em;
		margin: 1em auto 0.5em;
		line-height: 1.3em;
		letter-spacing: 0.3em;
	}
	.title_small{
		font-size: 0.7em;
	}
	.disc_caption{
		font-size:0.9em;
		margin: 2em auto;
	}
	/*discnav*/
	.disc_nav{
		display: none;
	}
	.disc_nav_sp{
		width: 85%;
		margin: 1em auto 0;
		display: block;
	}
	.disc_nav_sp li{
		width: 30%;
		margin: 1%;
		float: left;
	}
	.disc_nav_sp li img{
		width: 100%;
	}
	/*tokuten*/
	.disc_tokuten{
		margin: 2em 0 0;
	}
	.h3_tokuten{
		margin-bottom: 1em;
		margin: 0 auto;
	}
	.tokuten_list{
		width: 100%;
		margin: 0 auto;
	}
	.tokuten_list li{
		width: 100%;
		margin: 1em auto;
	}
	.tokuten_list li img{
		width: 100%;
	}
}


/*	07.cd
============================== */

.h2_cd{
	background:url(../img/h2_cd.png) no-repeat;
}

.cd_img img{
	width: 100%;
}
.cd_list{
	color: #ffffff;
	text-align: left;
}
.cd_list dt{
	color: #3097a6;
}
.cd_list dd{
	margin-bottom: 1em;
}
/*cd_nav*/
.cd_nav_li{
	float: left;
}
.cd_nav_li a{
    display: block;
    padding: 0;
}
.cd_nav_01 a{
	background:url(../cd/img/cd_nav_op_off.png) no-repeat;
}
.cd_nav_01 a:hover, .wrapper_cd_01 .cd_nav_01 a {
	background:url(../cd/img/cd_nav_op_on.png) no-repeat;
}
.cd_nav_02 a{
	background:url(../cd/img/cd_nav_ed_off.png) no-repeat;
}
.cd_nav_02 a:hover, .wrapper_cd_02 .cd_nav_02 a{
	background:url(../cd/img/cd_nav_ed_on.png) no-repeat;
}


@media all and (min-width: 768px) {
	.h2_cd{
		width:221px;
		height:66px;
		margin-bottom:26px;
	}
	.cd_wrap{
		width:844px;
		margin:0 auto 80px;
		text-align:center;
		font-size:18px;
		line-height:1.6em;
	}
	.cd_title{
		width: 844px;
		margin: 0 auto 60px;
	}
	.cd_title_sp{
		display: none;
	}
	.cd_img_block{
		float: left;
	}
	.cd_img{
		width:283px;
		margin: 0 auto 36px;
	}
	.cd_caption{
		font-size:14px;
		margin: 1.5em 0 0;
		line-height: 1.6em;
		color: #ffffff;
	}
	.cd_caption span{
		color: #3097a6;
	}
	.cd_caption_block{
		width: 510px;
		float: right;
		font-size:18px;
		line-height: 1.8em;
		color: #ffffff;
	}
	.cd_date{
		color: #3097a6;
		text-align: left;
	}
	.cd_list{
		margin: 25px auto 0;
	}
	
	/* cdnav */
	.cd_nav_area{
		width: 420px;
		margin: 50px auto 70px;
	}
	.cd_nav_sp{
		display: none;
	}
	.cd_nav_li{
		width: 200px;
		height: 36px;
	}
	.cd_nav_01,.cd_nav_02{
		width: 200px;
		height: 36px;
		margin: 0 5px;
	}
	.cd_nav_01 a,.cd_nav_02 a{
		width: 200px !important;
		height: 36px !important;
	}
}

@media all and (max-width: 767px) {
	.h2_cd{
		width:50%;
		margin:0 auto 0.4em;
		padding-top:11%;
		background-size:contain;
	}
	.cd_wrap{
		width:85%;
		margin:0 auto 2em;
		text-align:center;
		font-size:90%;
		line-height:1.5em;
	}
	.cd_title_sp{
		width: 95%;
		margin: 2em auto 2em;
	}
	.cd_title_sp img{
		width: 100%;
	}
	.cd_title{
		display: none;
	}
	.cd_img_block{
		width: 80%;
		margin: 0 auto;
	}
	.cd_img{
		width:100%;
		margin: 0 auto 2em;
	}
	.cd_img img{
		width:100%;
	}
	.cd_caption{
		font-size:0.9em;
		margin: 0.5em 0 0;
		line-height: 1.6em;
		color: #ffffff;
	}
	.cd_caption span{
		color: #3097a6;
	}
	.cd_caption_block{
		width: 100%;
		font-size:0.9em;
		line-height: 1.8em;
		color: #ffffff;
	}
	.cd_date{
		font-size: 1em !important;
		color: #3097a6;
		text-align: left;
	}
	.cd_list{
		margin: 25px auto 0;
	}
	/*discnav*/
	.cd_nav{
		display: none;
	}
	.cd_nav_sp{
		width: 85%;
		margin: 1em auto 0;
		display: block;
	}
	.cd_nav_sp li{
		width: 48%;
		margin: 1%;
		float: left;
	}
	.cd_nav_sp li img{
		width: 100%;
	}
}


/*	08.BOOKS
============================== */

.h2_books{
	background:url(../img/h2_books.png) no-repeat;
}
.books_img img{
	width: 100%;
}
.books_title{
	color: #0097a5;
	border-bottom:1px solid #ffffff;
}
.books_text{
	color:#ffffff;
}
.comic_url{
	text-align: center;
	color: #999999;
}

@media all and (min-width: 768px) {
	.h2_books{
		width:221px;
		height:66px;
		margin-bottom:26px;
	}
	.books_wrap{
		width:844px;
		margin:0 auto 80px;
		line-height:1.6em;
	}
	.books_block_wrap{
		width: 820px;
		margin: 0 auto;
	}
	.books_block{
		width: 380px;
		height: 204px;
		margin: 20px 15px;
		float: left;
	}
	.books_img{
		width: 140px;
		float: left;
	}
	.books_caption{
		width:210px;
		margin: 0 15px;
		float: left;
	}
	.books_title{
		font-size: 20px;
		line-height: 1.2em;
		padding-bottom: 0.5em;
	}
	.books_title span{
		font-size: 16px;
		
	}
	.books_text{
		font-size: 14px;
		line-height: 1.4em;
		padding-top: 1em;
	}
	.h3_comic{
		width:230px;
		margin: 60px auto 35px;
	}
	.comic_rensai{
		width:894px;
		margin: 50px auto 30px;
	}
	.comic_rensai img{
		width:100%;
	}
	.comic_rensai_sp{
		display: none;
	}
	.btn_bookstop{
		width: 100px;
		margin: 60px auto 40px;
	}
	.btn_bookstop img{
		width: 100%;
	}
	
}

@media all and (max-width: 767px) {
	.h2_books{
		width:50%;
		margin:0 auto 0.4em;
		padding-top:11%;
		background-size:contain;
	}
	.books_wrap{
		width:70%;
		margin:0 auto 2em;
		line-height:1.5em;
	}
	.books_block_wrap{
		width: 100%;
		margin: 2em auto;
	}
	.books_block{
		width: 100%;
		margin: 0 auto 2em;
	}
	.books_img{
		width: 100%;
	}
	.books_caption{
		width:100%;
	}
	.books_title{
		font-size: 1.2em;
		line-height: 1.2em;
		padding: 0.5em 0;
	}
	.books_title span{
		font-size: 0.9em;
	}
	.books_text{
		font-size: 0.9em;
		line-height: 1.4em;
		padding-top: 1em;
	}
	.h3_comic{
		width:80%;
		margin: 3em auto 1em;
	}
	.h3_comic img{
		width:100%;
	}
	.comic_rensai{
		display: none;
	}
	.comic_rensai_sp{
		width:100%;
		margin: 1em auto;
	}
	.comic_rensai_sp img{
		width:100%;
	}
	.btn_bookstop{
		width: 30%;
		margin: 2em auto;
	}
	.btn_bookstop img{
		width: 100%;
	}
}



/*	09.GOODS
============================== */

.h2_goods{
	background:url(../img/h2_goods.png) no-repeat;
}
.goodsall_img img{
	width: 100%;
}
.goodsall_title,.goods_title{
	color: #0097a5;
}
.goodsall_price{
	color:#ffffff;
}
.goods_text{
	color: #ffffff;
}
.goods_list{
	color:#ffffff;
	line-height: 1.5em;
}
.goods_list dt{
	color: #0097a5;
}
.goods_list dd{
	margin-bottom: 1em;
}


@media all and (min-width: 768px) {
	.h2_goods{
		width:221px;
		height:66px;
	}
	.goodsall_wrap{
		width:840px;
		margin:0 auto 80px;
		line-height:1.6em;
	}
	.goodsall_list_wrap{
		width: 840px;
		margin: 60px auto;
	}
	.goodsall_block{
		width: 250px;
		margin: 10px;
		text-align: center;
		display: inline-block; /* インラインブロック化 */
    	vertical-align: top; 
	}
	.goodsall_img{
		width: 200px;
		margin: 0 auto 20px;
	}
	.goodsall_title{
		font-size: 20px;
		margin-bottom: 4px;
	}
	.goodsall_price{
		
	}
	/*inner*/
	.goods_wrap{
		padding-bottom: 160px;
	}
	.goods_block{
		width:770px;
		margin: 80px auto 120px;
	}
	.goods_img{
		width:320px;
		float: left;
	}
	.goods_img img{
		width:100%;
	}
	.goods_caption{
		width: 420px;
		margin-left: 30px;
		font-size: 20px;
		float:left;
	}
	.goods_title{
		font-size: 30px;
		line-height: 1.4em;
		margin-bottom: 0.5em;
	}
	.goods_text{
		margin:1em 0;
		line-height: 1.5em;
	}
	.btn_goodsback{
		width: 141px;
		margin: 0 auto;
	}
}

@media all and (max-width: 767px) {
	.h2_goods{
		width:50%;
		margin:0 auto 0.4em;
		padding-top:11%;
		background-size:contain;
	}
	.goodsall_wrap{
		width:100%;
		margin:0 auto 2em;
		line-height:1.5em;
	}
	.goodsall_list_wrap{
		width: 100%;
		margin: 3em auto;
	}
	.goodsall_block{
		width: 45%;
		margin: 0.5em 2%;
		text-align: center;
		display: inline-block; /* インラインブロック化 */
    	vertical-align: top; 
	}
	.goodsall_img{
		width: 90%;
		margin: 0 auto 1em;
	}
	.goodsall_title{
		font-size: 0.9em;
	}
	.goodsall_price{
		font-size: 0.7em;
	}
	/*inner*/
	.goods_wrap{
		padding-bottom: 5em;
	}
	.goods_block{
		width:80%;
		margin: 2em auto 4em;
	}
	.goods_img{
		width:100%;
		margin-bottom: 2em;
	}
	.goods_img img{
		width:100%;
	}
	.goods_caption{
		width: 100%;
	}
	.goods_title{
		font-size: 1.4em;
		line-height: 1.4em;
		margin-bottom: 1em;
	}
	.goods_text{
		margin:0 0 1em;
		line-height: 1.5em;
	}
	.btn_goodsback{
		width: 30%;
		margin: 0 auto;
	}
	.btn_goodsback img{
		width: 100%;
	}
}



/*	10.special
============================== */

.h2_special{
	background:url(../img/h2_special.png) no-repeat;
}
.comment_block{
	text-align: left;
	border-top:1px solid #0090a5;
}

@media all and (min-width: 768px) {
	.h2_special{
		width:329px;
		height:66px;
		margin-bottom:46px;
	}
	.special_wrap{
		width:798px;
		margin:0 auto 80px;
		padding-bottom: 50px;
		text-align:center;
		font-size:18px;
		line-height:1.6em;
	}
	.special_wrap_all{
		padding-bottom: 650px;
	}
	.special_banner{
		width: 798px;
		margin-bottom: 30px;
	}
	/*special01*/
	.comment_block{
		padding: 40px 0;
	}
	.special01_name{
		margin-bottom: 20px;
		padding: 0 10px;
	}
	.special01_text{
		font-size: 18px;
		line-height: 1.7em;
		margin-bottom: 20px;
		padding: 0 10px;
		color: #ffffff;
	}
	.special01_profile{
		font-size: 14px;
		letter-spacing: 0.05em;
		line-height: 1.6em;
		padding: 0 10px;
		color: #ffffff;
	}
	.special01_profile span{
		color: #0090a5;
	}
}

@media all and (max-width: 767px) {
	.h2_special{
		width:70%;
		margin:0 auto 0.4em;
		padding-top:12%;
		background-size:contain;
	}
	.special_wrap{
		width:85%;
		margin:1em auto 2em; 
		text-align:center;
		font-size:90%;
		line-height:1.5em;
	}
	.special_wrap_all{
		padding-bottom: 40em;
	}
	.special_banner{
		width: 100%;
		margin-bottom: 2em;
	}
	.special_banner img{
		width: 100%;
	}
	/*special01*/
	.comment_block{
		padding: 2em 0;
	}
	.special01_name{
		width:100%;
		margin-bottom: 1em;
		padding: 0 0.5em;
	}
	.special01_name img{
		width: 100%;
	}
	.special01_text{
		font-size: 0.9em;
		line-height: 1.6em;
		margin-bottom: 1em;
		padding: 0 0.5em;
		color: #ffffff;
	}
	.special01_profile{
		font-size: 0.7em;
		letter-spacing: 0.05em;
		line-height: 1.6em;
		padding: 0 0.5em;
		color: #ffffff;
	}
	.special01_profile span{
		color: #0090a5;
	}
}





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