/* =====================================
	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, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	word-break: break-all;
	color:#000;
	background:#ffffff;
}
a:link {
	text-decoration:none;
	color:#000;
}
a:visited {
	text-decoration:none;
	color:#000;
}
a:hover {
	text-decoration:underline;
	color:#000;
}
a:active {
	text-decoration:underline;
	color:#000;
}
.news-text a:link {
	text-decoration:underline;
	color:#6bc1e6;
}
.news-text a:visited {
	text-decoration:underline;
	color:#6bc1e6;
}
.news-text a:hover {
	text-decoration:none;
	color:#6bc1e6;
}
.news-text a:active {
	text-decoration:underline;
	color:#6bc1e6;
}
.copyright {opacity:0.6;}
.copyright a:link{color:#000; text-decoration:none}
.copyright a:visited{color:#000; text-decoration:none}
.copyright a:active{color:#000; text-decoration:none}
.copyright a:hover{color:#000; 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;
}
.alttext{
  overflow: hidden;
  text-indent: 400%;
  white-space: nowrap;
}
@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{
	background-color: #ffffff;	
}
div#con-wrap, div#con-body{
	overflow:hidden;
}


/*	navigatiom
============================== */


@media all and (min-width: 768px) {
	.top-navigation-pc{
		position: absolute;
		top: 70px;
		left: 155px;
	}
	.top-navigation-pc li{
		height: 161px;
		margin-right: 22px;
		float: left;
		list-style-type: none;
	}
	.top-nav-01 a{
		width:18px;
		height:161px;
		background-image: url(../img/nav_pc_06.png);
		background-repeat: no-repeat;
		background-position: 0 0;
		display: block;
		padding: 0;
	}
	.top-nav-01 a:hover{
		background-position: 0px -161px;
	}
	.top-nav-02 a{
		width:18px;
		height:161px;
		background-image: url(../img/nav_pc_06.png);
		background-repeat: no-repeat;
		background-position: -18px 0;
		display: block;
		padding: 0;
	}
	.top-nav-02 a:hover{
		background-position: -18px -161px;
	}
	.top-nav-03 a{
		width:18px;
		height:161px;
		background-image: url(../img/nav_pc_06.png);
		background-repeat: no-repeat;
		background-position: -36px 0;
		display: block;
		padding: 0;
	}
	.top-nav-03 a:hover{
		background-position: -36px -161px;
	}
	.top-nav-04 a{
		width:18px;
		height:161px;
		background-image: url(../img/nav_pc_06.png);
		background-repeat: no-repeat;
		background-position: -54px 0;
		display: block;
		padding: 0;
	}
	.top-nav-04 a:hover{
		background-position: -54px -161px;
	}
	.top-nav-05 a{
		width:18px;
		height:161px;
		background-image: url(../img/nav_pc_06.png);
		background-repeat: no-repeat;
		background-position: -72px 0;
		display: block;
		padding: 0;
	}
	.top-nav-05 a:hover{
		background-position: -72px -161px;
	}
	.top-nav-06 a{
		width:18px;
		height:161px;
		background-image: url(../img/nav_pc_06.png);
		background-repeat: no-repeat;
		background-position: -90px 0;
		display: block;
		padding: 0;
	}
	.top-nav-06 a:hover{
		background-position: -90px -161px;
	}
	.top-nav-07 a{
		width:18px;
		height:161px;
		background-image: url(../img/nav_pc_06.png);
		background-repeat: no-repeat;
		background-position: -108px 0;
		display: block;
		padding: 0;
	}
	.top-nav-07 a:hover{
		background-position: -108px -161px;
	}
	.top-nav-08 a{
		width:18px;
		height:161px;
		background-image: url(../img/nav_pc_06.png);
		background-repeat: no-repeat;
		background-position: -126px 0;
		display: block;
		padding: 0;
	}
	.top-nav-08 a:hover{
		background-position: -126px -161px;
	}
	.top-nav-09 a{
		width:18px;
		height:120px;
		background-image: url(../img/nav_pc_06.png);
		background-repeat: no-repeat;
		background-position: -144px 0;
		display: block;
		padding: 0;
	}
	.top-nav-09 a:hover{
		background-position: -144px -161px;
	}
	/*sp_nav*/
	#content01{
		display: none;
	}
	.nav_smp {
		display: none;
	}
	.inner_nav_smp {
		display: none;
	}
	/*under-header*/
	.sec-under-header{
		width: 100%;
		background-color: rgba(255,255,255,0.4);
		box-shadow: 0 2px 6px 0 rgba(0,0,0,0.2);
		position: absolute;
		z-index: 10;
	}
	.sec-under-header-inner{
		width: 960px;
		margin: 0 auto;
		padding: 16px 0;
	}
	.under-logo{
		width: 146px;
		float: left;
		margin: 2px 22px 0 0;
	}
	.under-logo img{
		width: 100%;
	}
	.under-navigation{
		width: 792px;
		height: 35px;
		float: left;
	}
	.under-navigation li{
		height: 35px;
		float: left;
		margin:14px 14px 0 0;
		list-style-type: none;
	}
	.under-navigation li:last-child{
		margin:14px 0 0 0;
	}
	.under-nav-01 a{
		width:64px;
		height:35px;
		background-image: url(../img/under_nav_04.png);
		background-repeat: no-repeat;
		background-position: 0 0;
		display: block;
		padding: 0;
	}
	.under-nav-01 a:hover{
		background-position: 0px -35px;
	}
	.under-nav-02 a{
		width:65px;
		height:35px;
		background-image: url(../img/under_nav_04.png);
		background-repeat: no-repeat;
		background-position: -64px 0;
		display: block;
		padding: 0;
	}
	.under-nav-02 a:hover{
		background-position: -64px -35px;
	}
	.under-nav-03 a{
		width:144px;
		height:35px;
		background-image: url(../img/under_nav_04.png);
		background-repeat: no-repeat;
		background-position: -128px 0;
		display: block;
		padding: 0;
	}
	.under-nav-03 a:hover{
		background-position: -128px -35px;
	}
	.under-nav-04 a{
		width:65px;
		height:35px;
		background-image: url(../img/under_nav_04.png);
		background-repeat: no-repeat;
		background-position: -682px 0;
		display: block;
		padding: 0;
	}
	.under-nav-04 a:hover{
		background-position: -682px -35px;
	}
	.under-nav-05 a{
		width:75px;
		height:35px;
		background-image: url(../img/under_nav_04.png);
		background-repeat: no-repeat;
		background-position: -412px 0;
		display: block;
		padding: 0;
	}
	.under-nav-05 a:hover{
		background-position: -412px -35px;
	}
	.under-nav-06 a{
		width:65px;
		height:35px;
		background-image: url(../img/under_nav_04.png);
		background-repeat: no-repeat;
		background-position: -486px 0;
		display: block;
		padding: 0;
	}
	.under-nav-06 a:hover{
		background-position: -486px -35px;
	}
	.under-nav-07 a{
		width:65px;
		height:35px;
		background-image: url(../img/under_nav_04.png);
		background-repeat: no-repeat;
		background-position: -552px 0;
		display: block;
		padding: 0;
	}
	.under-nav-07 a:hover{
		background-position: -552px -35px;
	}
	.under-nav-08 a{
		width:64px;
		height:35px;
		background-image: url(../img/under_nav_04.png);
		background-repeat: no-repeat;
		background-position: -618px 0;
		display: block;
		padding: 0;
	}
	.under-nav-08 a:hover{
		background-position: -618px -35px;
	}
	.under-nav-09 a{
		width:71px;
		height:35px;
		background-image: url(../img/under_nav_04.png);
		background-repeat: no-repeat;
		background-position: -747px 0;
		display: block;
		padding: 0;
	}
	.under-nav-09 a:hover{
		background-position: -747px -35px;
	}
}

@media all and (max-width: 767px) {
	/*sp_nav*/
	.nav_pctop_area{
		display:none;
	}
	.top-navigation-pc{
		display: none;
	}
	.nav_smp{
		display: block;
		position: absolute;
		padding-left: 125px;
		top:-12%;
		right:0;
	}
	#menu{
		position: absolute;
		top: 0.6em;
		right: -2.7em;
		z-index: 1;
		text-align: left;
	}
	.menu-lower{
		top: -2px !important;
	}
	.page_wrap #menu{
		position: absolute;
		right: 1em;
		top: 1em;
		z-index: 200;	
	}
	#menu img{
		max-width: 45%;
		width: auto;	
	}
	.modal_logo{
		width: 80%;
		margin: 4em auto 2.5em;
	}
	.modal_logo img{
		width:100%;
	}
	.modal_navigation{
		width:90%;
		margin:0 0 0 5%;
		text-align: center;
	}
	#content01{
		background: #f0f1f3;
		background: -moz-linear-gradient(left, #f0f1f3 0%, #fbfcfe 50%, #f0f1f3 99%);
		background: -webkit-linear-gradient(left, #f0f1f3 0%,#fbfcfe 50%,#f0f1f3 99%);
		background: linear-gradient(to right, #f0f1f3 0%,#fbfcfe 50%,#f0f1f3 99%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f1f3', endColorstr='#f0f1f3',GradientType=1 );
		background-size:cover;
		background-position:top center;
	}
	div#content01 div.modal-content ul li {
		width: 90%;
		margin:0 5% 1em;
		text-align: center;
		height: auto;
	}
	#menu_news_logo a img{
		height: 100px;
		width: auto;
	}
	div#content01 span.close-content01 img {
		position: absolute;
		right: 10px;
		top: 15px;
		max-width: 50%;
		width: 40px;
		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_banner{
		width: 70%;
		margin: 2.5em auto 0;
	}
	.modal_banner img{
		width: 100%;
		text-align: center;
	}
	
	/*under-navi*/
	.sec-under-header{
		width: 100%;
		height: 50px;
		padding: 0.5em 0 0.5em;
		background-color: rgba(255,255,255,0.4);
		box-shadow: 0 2px 6px 0 rgba(0,0,0,0.2);
		position: absolute;
		z-index: 10;
	}
	.sec-under-header-inner{
		width: 100%;
		margin: 0 auto;
		position: relative;
	}
	.under-logo{
		height: 40px;
		margin: 7px auto 0;
		text-align: center;
	}
	.under-logo img{
		height: 40px;
	}
	.under-navigation{
		display: none;
	}

}


/*	footer
============================== */
.sec-footer{
	background: #ffffff;
}
.footer{
	width: 100%;
}

@media all and (min-width: 768px) {
	.sec-footer{
		width: 100%;
		z-index: 10;
	}
	.sec-footer-inner{
		width: 960px;
		margin: 0 auto;
		padding: 50px 0 100px;
	}
	.footer-mes{
		width: 847px;
		height: 61px;
		margin: 0 auto 28px;
		background: url(../img/footer_mes_pc.png) no-repeat;
	}
	.copyright{
		font-size: 10px;
		line-height: 22px;
		letter-spacing: 0.1em;
		text-align: center;
	}
	.footer-grad{
		width: 100%;
		height: 80px;
		background: url(../img/footer_grad.png);
		background-repeat: repeat-x;
		position: absolute;
		bottom: 0;
	}
}

@media all and (max-width: 767px) {
	.sec-footer{
		width: 100%;
		z-index: 10;
	}
	.sec-footer-inner{
		width: 90%;
		margin: 0 auto;
		padding: 2em 0;
	}
	.footer-mes{
		width: 100%;
		padding-top: 14%;
		margin: 0 auto 1em;
		background: url(../img/footer_mes_sp.png) no-repeat;
		background-size: contain;
	}
	.copyright{
		font-size: 0.6em;
		line-height: 1.7em;
		letter-spacing: 0.1em;
		text-align: center;
	}
	.footer-grad{
		width: 100%;
		height: 80px;
		background: url(../img/footer_grad.png);
		background-repeat: repeat-x;
		position: absolute;
		bottom: 0;
	}

}


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


/*	00.TOP
============================== */
#wrapper{
	width:100%;
	height:100%;
	overflow: hidden;
}
.keyvisual{
	background: url(../img/keyvisual_last.png) no-repeat;
}
.keyvisual1{
	background: url(../img/keyvisual_a.png) no-repeat;
}
.keyvisual2{
	background: url(../img/keyvisual_b.png) no-repeat;
}
.keyvisual3{
	background: url(../img/keyvisual_c.png) no-repeat;
}
.keyvisual4{
	background: url(../img/keyvisual_d.png) no-repeat;
}
.keyvisual5{
	background: url(../img/keyvisual_a.png) no-repeat;
}
.top-bd-ad{
	width: 100%;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#39beee+0,55f7ad+100 */
	background: #39beee; /* Old browsers */
	background: -moz-linear-gradient(left, #39beee 0%, #55f7ad 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #39beee 0%,#55f7ad 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #39beee 0%,#55f7ad 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#39beee', endColorstr='#55f7ad',GradientType=1 ); /* IE6-9 */
}

@media all and (min-width: 768px) {
	/*sec-top*/
	.sec-top{
		width: 100%;
		padding: 0 0 100px;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f4f4f4+0,ffffff+49,f7f7f7+100 */
		background: #ffffff; /* Old browsers */
		background: -moz-linear-gradient(-45deg, #f4f4f4 0%, #ffffff 49%, #f7f7f7 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(-45deg, #f4f4f4 0%,#ffffff 49%,#f7f7f7 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(135deg, #f4f4f4 0%,#ffffff 49%,#f7f7f7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#f7f7f7',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	}
	.top-bd-ad{
		padding: 5px 0 0;
		text-align: center;
	}
	.sec-top-inner{
		width: 960px;
		height: 1320px;
		margin: 0 auto;
		position: relative;
	}
	.keyvisual{
		width: 810px;
		height: 1160px;
		position: absolute;
		top: 170px;
		left: 75px;	
	}
	h1.top-logo{
		width: 148px;
		height: 552px;
		background: url(../img/top_logo_new.png) no-repeat;
		position: absolute;
		top: 44px;
		left: 0px;
	}
	h2.top-onair{
		width: 367px;
		height: 131px;
		background: url("../img/top_onair_last.png") no-repeat;
		position: absolute;
		top: 48px;
		right: 46px;
	}
	.sharenav-pc{
		position: absolute;
		bottom: 0;
		right: 44px;
	}
	.sharenav-pc ul li{
		margin: 24px 0 0 0;
	}
	/*sec-update*/
	.sec-update{
		width: 100%;
		margin: 0 0 80px;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7f7f7+1,f1f1f1+100 */
		background: #f7f7f7; /* Old browsers */
		background: -moz-linear-gradient(top, #f7f7f7 1%, #f1f1f1 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #f7f7f7 1%,#f1f1f1 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #f7f7f7 1%,#f1f1f1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-9 */
	}
	.sec-update-inner{
		width: 960px;
		margin: 0 auto;
		padding: 40px 0 40px;
		position: relative;
	}
	.top-h2-update{
		width: 38px;
		height: 168px;
		background: url(../img/top_h2_update_new.png) no-repeat;
		position: absolute;
		top:-20px;
		left: 70px;
	}
	.update-block{
		width: 690px;
		height:auto;
		margin: 0 0 0 150px;
	}
	.update-box{
		margin-bottom:1.6em;
		padding-bottom:1em;
		border-bottom:1px solid #000;
	}
	.update-date{
		font-size:12px;
		letter-spacing: 0.1em;
		color: #000;
		float: left;
		padding-bottom: 0.8em;
	}
	.update-new{
		font-size:10px;
		padding: 0.1em 0.5em;
		background: #3bacee;
		color: #ffffff;
		margin: -0.1em 0.7em 0 0.7em;
		float: left;
	}
	.update-text{
		font-size:14px;
		letter-spacing: 0.1em;
		color: #000;
		line-height:1.5em;
		clear: both;
		padding-bottom: 0.4em;
	}
	
	/*sec-contents*/
	.sec-contents{
		width: 100%;
		height: 400px;
		margin: 0 0 40px 0;
	}
	.sec-contents-inner{
		width: 960px;
		margin: 0 auto;
	}
	.contents-block-twitter{
		width: 440px;
		margin: 0 25px 0 30px;
		float: left;
	}
	.contents-block-banner{
		float: left;
		margin: 36px 0 0 0;
	}
	.banner-movie-sp{
		display: none;
	}
	.top-h2-twitter{
		width: 303px;
		height: 28px;
		margin: 0 0 18px 0;
		background: url(../img/top_h2_twitter_new.png) no-repeat;
	}
	.twitter-area{
		border: 1px #000000 solid;
		-moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
		-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
		-o-box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
		-ms-box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
	}
	.top-twitter-acc{
		display: none;
	}
	.sharenav-sp{
		display: none;
	}
}

@media all and (max-width: 767px) {
	/*sec-top*/
	.sec-top{
		width: 100%;
		/*padding: 0 0 28%;*/
		padding: 0 0 6%;
	}
	.sec-top-inner{
		width: 100%;
		margin: 0 auto;
		position: relative;
	}
	.top-bd-ad{
		padding: 5px 0 0;
		text-align: center;
	}
	.top-bd-ad img{
		width: 94%;
	}
	.keyvisual{
		width: 90%;
		margin: 15% 0 0 10%;
		padding-top: 125%;
		background-size: contain;
	}
	h1.top-logo{
		width: 22%;
		padding-top: 80%;
		background: url(../img/top_logo_new.png) no-repeat;
		background-size: contain;
		position: absolute;
		top: -7%;
		left: 2%;
	}
	h2.top-onair{
		width: 88%;
		padding-top: 25%;
		background: url(../img/top_onair_last_sp.png) no-repeat;
		background-size: contain;
		position: absolute;
		bottom: -18%;
		left: 5%;
	}
	.sharenav-pc{
		display: none;
	}
	.sharenav-pc ul li{
		margin: 24px 0 0 0;
	}
	/*sec-update*/
	.sec-update{
		width: 90%;
		margin: 0 10% 3em 0;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7f7f7+1,f1f1f1+100 */
		background: #f7f7f7; /* Old browsers */
		background: -moz-linear-gradient(top, #f7f7f7 1%, #f1f1f1 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #f7f7f7 1%,#f1f1f1 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #f7f7f7 1%,#f1f1f1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-9 */
	}
	.sec-update-inner{
		width: 80%;
		margin: 0 auto;
		padding: 2em 0 2em;
		position: relative;
	}
	.top-h2-update{
		width: 10%;
		padding-top: 75%;
		background: url(../img/top_h2_update_new.png) no-repeat;
		background-size: contain;
		position: absolute;
		top: -2%;
		right: -17%;
	}
	.update-block{
		width: 100%;
		height:18em;
		margin: 0 0 0 0;
		overflow: auto;
	}
	.update-box{
		margin-bottom:1.4em;
		padding-bottom:1em;
		border-bottom:1px solid #000;
	}
	.update-date{
		font-size:0.7em;
		letter-spacing: 0.1em;
		color: #000;
		float: left;
		padding-bottom: 0.8em;
	}
	.update-new{
		font-size:10px;
		padding: 0.1em 0.5em;
		background: #3bacee;
		color: #ffffff;
		margin: -0.1em 0.7em 0 0.7em;
		float: left;
	}
	.update-text{
		font-size:0.8em;
		letter-spacing: 0.1em;
		color: #000;
		line-height:1.5em;
		clear: both;
		padding-bottom: 0.4em;
	}
	
	/*sec-contents*/
	.sec-contents{
		width: 100%;
		margin: 0 0 1em 0;
	}
	.sec-contents-inner{
		width: 80%;
		margin: 0 auto;
	}
	.contents-block-twitter{
		width: 100%;
		margin: 2em 0 2em 0;
	}
	.contents-block-banner{
		margin: 0 0 0 0;
	}
	.contents-banner{
		width: 100%;
	}
	.banner-movie{
		display: none;
	}
	.banner-movie-sp{
		width: 90%;
		display: block;
		margin: 0 auto 0.5em;
	}
	.contents-banner img{
		width: 100%;
	}
	.top-h2-twitter{
		width: 35%;
		margin: 0 auto;
		padding-top: 5%;
		background: url(../img/top_h2_twitter_sp.png) no-repeat;
		background-size: contain;
	}
	.twitter-area{
		border: 1px #000000 solid;
		-moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
		-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
		-o-box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
		-ms-box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
	}
	.top-twitter-acc{
		width: 40%;
		margin: 0.5em auto;
		display: block;
	}
	.top-twitter-acc img{
		width: 100%;
	}
	.sharenav-sp{
		display: block;
	}
	.top-shareblock-sp{
		width: 50%;
		margin: 0 auto 2em;	
	}
	.top-shere_sp_head{
		font-size: 0.8em;
		letter-spacing: 0.2em;
		font-weight: bold;
		text-align: center;
		margin: 0 0 1em 0;
	}
	.top-shareblock-sp li{
		width: 18%;
		float: left;
		margin: 0 7%;
	}
	.top-shareblock-sp li img{
		width: 100%;
	}

}

/*	00.INNER TEMP
============================== */

@media all and (min-width: 768px) {
	.sec-under-content{
		width: 100%;
		min-height: 500px;
		padding-top: 180px;
		position: relative;
	}
	.sec-under-content-inner{
		width: 100%;
		margin: 0 auto;
	}
	.sec-under-content-inner-charaall{
		width: 100%;
		margin: 0 auto;
	}
	.under-h2{
		margin: 0 auto 50px;
	}

}
@media all and (max-width: 767px) {
	.sec-under-content{
		width: 100%;
		padding-top: 100px;
		position: relative;
	}
	.sec-under-content-inner{
		width: 100%;
		margin: 0 auto;
	}
	.under-h2{
		margin: 0.5em auto 1em;
	}
	
}

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

.under-h2-news{
	background: url(../img/h2_news.png) no-repeat;
}
.newsall-block{
	font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	/*background-color: rgba(255,255,255,0.50);*/
	background-color: #f5f5f5;
}
.newsall-date{
	color: #231815;
}
.newsall-title{
	font-weight: normal;
	color:#231815; 
}

/*news-inner*/

.news-title,.news-date{
	font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
.news-title{
	font-weight: normal;
}
.news-block{
	border-bottom: 1px solid #231815;
}

@media all and (min-width: 768px) {
	.under-h2-news{
		width: 184px;
		height: 64px;
	}
	.wrap-newsall{
		width: 730px;
		margin: 0 auto;
		padding: 0 0 120px;
	}
	.newsall-block{
		width:730px;
		height:170px;
		margin:0 auto 30px;
		padding: 30px;
	}
	.newsall-thum{
		width:240px;
		float:left;
	}
	.newsall-caption{
		width:430px;
		height:120px;
		float:left;
		padding: 20px 30px;
		overflow:hidden;
	}
	.newsall-date{
		font-size:14px;
		margin-bottom:0.6em;
	}
	.newsall-title{
		font-size:18px;
		line-height:1.5em;
		margin-bottom:40px;
	}
	
	/*news-inner*/
	.wrap-news{
		width: 710px;
		margin: 0 auto;
		padding: 0 0 120px;
	}
	.news-block{
		margin: 80px 0 90px 0;
		padding: 0 0 80px;
	}
	.news-date{
		font-size: 14px;
		letter-spacing: 0.1em;
		margin: 0 0 10px 0;
		text-align: center;
	}
	.news-title{
		font-size: 28px;
		line-height: 42px;
		margin: 0 0 32px 0;
		text-align: center;	
	}
	.news-img{
		max-width: 710px;
		margin: 40px auto 40px;
	}
	.news-h4{
		font-size: 24px;
		font-weight: normal;
		margin: 2em 0 1.5em 0;
		color: #3bacee;
	}
	.news-text{
		font-size: 14px;
		line-height: 28px;
		margin: 0 0 1em 0;
	}
	.news-text-caution{
		font-size: 12px;
		line-height: 22px;
	}
	.btn-back{
		text-align: center;
	}
	
	
}
@media all and (max-width: 767px) {
	.under-h2-news{
		width: 28%;
		padding-top: 6%;
		background-size: contain;
	}
	.wrap-newsall{
		width: 100%;
		margin: 0 auto;
		padding: 0 0 8em;
	}
	.newsall-block{
		width:84%;
		padding: 3%;
		margin:0 auto 1em;
	}
	.newsall-thum{
		width: 40%;
		float: left;
	}
	.newsall-thum img{
		width:100%;
	}
	.newsall-caption{
		width:52%;
		float:left;
		padding:2% 4%;
		vertical-align:middle;
	}
	.newsall-date{
		font-size:0.6em;
		margin-top:0.5em;
		margin-bottom:0.3em;
	}
	.newsall-title{
		height: 4.5em;
		font-size: 0.75em;
		line-height: 1.4em;
		overflow: hidden;
	}
	
	/*news-inner*/
	.wrap-news{
		width: 100%;
		margin: 0 auto;
		padding: 0 0 8em;
	}
	.news-block{
		width: 90%;
		margin: 2em auto 3em;
		padding: 0 0 3em;
	}
	.news-date{
		font-size: 0.7em;
		letter-spacing: 0.1em;
		margin: 0 auto 0.5em;
		text-align: center;
	}
	.news-title{
		font-size: 1.2em;
		line-height: 1.5em;
		margin: 0 auto 1em;
		text-align: center;	
	}
	.news-img{
		max-width: 100%;
		margin: 1.5em auto 1.5em;
	}
	.news-img img{
		max-width: 100%;
	}
	.news-h4{
		font-size: 1.1em;
		font-weight: normal;
		margin: 2em 0 1.5em 0;
		color: #3bacee;
	}
	.news-text{
		font-size: 0.8em;
		line-height: 1.6em;
		margin: 0 0 1em 0;
	}
	.news-text-caution{
		font-size: 0.7em;
		line-height: 1.6em;
	}
	.btn-back{
		width: 50%;
		margin: 0 auto;
		text-align: center;
	}
	.btn-back img{
		width: 100%;
	}

}

/*	02.ONAIR
============================== */
.under-h2-onair{
	background: url("../img/h2_onair_2.png") no-repeat;
}

@media all and (min-width: 768px) {
	.under-h2-onair{
		width: 305px;
		height: 64px;
	}
	.wrap-onair{
		width: 808px;
		margin: 0 auto;
		padding: 40px 0 240px;
	}
	.onair-text{
		width: 642px;
		height: 900px;
		margin: 0 auto 110px;
		background: url(../onair/img/onair_text_new4.png) no-repeat;
	}
	.onair-stream{
		width: 808px;
		height: 590px;
		margin: 0 auto;
		background: url(../onair/img/onair_text_stream_new.png) no-repeat;
	}
}
@media all and (max-width: 767px) {
	.under-h2-onair{
		width: 50%;
		padding-top: 8%;
		background-size: contain;
	}
	.wrap-onair{
		width: 100%;
		margin: 0 auto;
		padding: 0 0 4em;
	}
	.onair-text{
		width: 85%;
		padding-top: 116%;
		margin: 3em auto 3em;
		background: url(../onair/img/onair_text_new4.png) no-repeat;
		background-size: contain;
	}
	.onair-stream{
		width: 95%;
		padding-top: 70%;
		margin: 3em auto 0;
		background: url(../onair/img/onair_text_stream_new.png) no-repeat;
		background-size: contain;
	}
}

/*	03.STAFF&CAST
============================== */

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

@media all and (min-width: 768px) {
	.wrap-staffcast{
		width: 710px;
		margin: 0 auto;
		padding: 30px 0 140px;
	}
	.under-h2-staffcast{
		width: 363px;
		height: 64px;
	}
	.block-staff{
		width: 630px;
		margin: 0 auto;
	}
	.h3_staff{
		width: 630px;
		height: 20px;
		margin: 0 0 60px 0;
		background: url(../staffcast/img/h3_staff.png) no-repeat;
		background-size: cover;
	}
	.staff_list{
		width: 433px;
		height: 786px;
		margin: 0 0 80px 88px;
		background: url(../staffcast/img/staff_text.png) no-repeat;
		background-size: cover;
	}
	.block-cast{
		width: 630px;
		margin: 0 auto;
	}
	.h3_cast{
		width: 630px;
		height: 20px;
		margin: 0 0 60px 0;
		background: url(../staffcast/img/h3_cast.png) no-repeat;
		background-size: cover;
	}
	.cast_list{
		width: 484px;
		height: 448px;
		margin: 0 0 80px 80px;
		background: url(../staffcast/img/cast_text_6.png) no-repeat;
		background-size: cover;
	}
}
@media all and (max-width: 767px) {
	.under-h2-staffcast{
		width: 60%;
		padding-top: 7%;
		background-size: contain;
	}
	.wrap-staffcast{
		width: 100%;
		margin: 0 auto;
		padding: 0 0 4em;
	}
	.block-staff{
		width: 80%;
		margin: 0 auto;
	}
	.h3_staff{
		width: 100%;
		padding-top: 5%;
		margin: 3em 0 1em 0;
		background: url(../staffcast/img/h3_staff.png) no-repeat;
		background-size: contain;
	}
	.staff_list{
		width: 52%;
		padding-top: 338%;
		margin: 0 auto 4em;
		background: url(../staffcast/img/staff_text_sp.png) no-repeat;
		background-size: contain;
	}
	.block-cast{
		width: 80%;
		margin: 0 auto;
	}
	.h3_cast{
		width: 100%;
		padding-top: 5%;
		margin: 3em 0 1em 0;
		background: url(../staffcast/img/h3_cast.png) no-repeat;
		background-size: contain;
	}
	.cast_list{
		width: 33%;
		padding-top: 460%;
		margin: 0 auto 4em;
		background: url("../staffcast/img/cast_text_sp_6.png") no-repeat;
		background-size: contain;
	}
}

/*	04.STORY
============================== */

.under-h2-story{
	background: url("../img/h2_story_2.png") no-repeat;
}
.under-h2-intro{
	background: url(../img/h2_introduction.png) no-repeat;
}

@media all and (min-width: 768px) {
	.under-h2-story{
		width: 192px;
		height: 62px;
	}
	.under-h2-intro{
		width: 399px;
		height: 62px;
	}
	.wrap-intro{
		width: 980px;
		margin: 0 auto;
		padding: 10px 0 240px;
	}
	.intro-text{
		width: 708px;
		height: 283px;
		margin: 50px auto 20px;
		background: url(../story/img/introduction_text_fin.png) no-repeat;
	}
	.intro-img{
		width: 790px;
		margin: 0 auto;
	}
	
	/*story*/
	.wrap-story{
		width: 100%;
		margin: 0 auto;
		padding: 10px 0 120px;
	}
	.story-text-block{
		width: 540px;
		margin: 40px auto 0;
		padding: 70px 0 0;
		position: relative;
	}
	.story-nav-area{
		margin: 0 auto 20px;
	}
	.intro-nav-area{
		margin: 0 auto 20px;
	}
	.story-nav{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.story-nav li{
		font-size: 20px;
		color: #676767;
		margin: 0 10px;
		font-family: 'Batang', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		font-weight: 100;
	}
	.story-nav li a{
		color: #676767;
		text-decoration: none;
	}
	.story-nav li a:hover{
		color: #3bacee;
		text-decoration: none;
	}
	.story-nav li.nolink{
		opacity: 0.5;
	}
	.story-bg{
		position: absolute;
		top: 0;
		right: 0;
	}
	.story-img{
		width: 1080px;
		margin: 0 auto;
	}
	.story-text{
		font-size: 14px;
		line-height: 28px;
		letter-spacing: 0.06em;
		margin: 0 0 24px;
	}
	.story-caption{
		font-size: 12px;
		line-height: 22px;
		letter-spacing: 0.08em;
		color: #999999;
	}
	
}
@media all and (max-width: 767px) {
	.under-h2-story{
		width: 28%;
		padding-top: 6%;
		background-size: contain;
	}
	.under-h2-intro{
		width: 60%;
		padding-top: 6%;
		background-size: contain;
	}
	.wrap-intro{
		width: 100%;
		margin: 0 auto;
		padding: 1em 0 8em;
	}
	.intro-text{
		width: 85%;
		padding-top: 80%;
		margin: 0 auto 2em;
		background: url(../story/img/introduction_text_sp_fin.png) no-repeat;
		background-size: contain;
	}
	.intro-img{
		width: 80%;
		margin: 0 auto;
	}
	.intro-img img{
		width: 100%;
	}
	
	/*story*/
	.wrap-story{
		width: 100%;
		margin: 0 auto;
		padding: 1em 0 6em;
	}
	.story-text-block{
		width: 90%;
		margin: 40px auto 0;
		padding: 0;
		position: relative;
	}
	.story-nav-area{
		margin: 0 auto 2em;
	}
	.intro-nav-area{
		margin: 0 auto 2em;
	}
	.story-nav{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.story-nav li{
		font-size: 1.1em;
		line-height: 1.8em;
		color: #676767;
		margin: 0 0.5em;
		font-family: 'Batang', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		font-weight: 100;
	}
	.story-nav li a{
		color: #676767;
		text-decoration: none;
	}
	.story-nav li.nolink{
		display: none;
	}
	.story-img{
		width: 100%;
	}
	.swiper-slide,.swiper-slide img{
		width: 100%;
	}
	.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    	left: 0.5em !important;
	}
	.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
		right: 0.5em !important;
	}
	.swiper-button-prev, .swiper-button-next {
		width: 40px !important;
		height: 64px !important;
		margin-top: -24px !important;
		-moz-background-size: 40px 64px !important;
		-webkit-background-size: 40px 64px !important;
		background-size: 40px 64px !important;
	}
	.story-text-block{
		padding: 3.4em 0 0;
	}
	.story-bg{
		width: 60%;
		opacity: 0.7;
		position: absolute;
		top: 0;
		right: 0%;
	}
	.story-bg img{
		width: 100%;
	}
	.story-text{
		font-size: 0.9em;
		line-height: 1.6em;
		letter-spacing: 0.08em;
		margin: 0 0 1.5em;
	}
	.story-caption{
		font-size: 0.7em;
		line-height: 22px;
		letter-spacing: 0.08em;
		color: #999999;
	}
}

/*	05.CHARACTER
============================== */

.under-h2-chara{
	background: url(../img/h2_character.png) no-repeat;
}
.chara-all-img-01{
	background: url(../character/img/chara_all_img_01.png) no-repeat;
}
.chara-all-img-02{
	background: url(../character/img/chara_all_img_02.png) no-repeat;
}
.chara-all-img-03{
	background: url(../character/img/chara_all_img_03.png) no-repeat;
}
.chara-all-img-04{
	background: url(../character/img/chara_all_img_04.png) no-repeat;
}

@media all and (min-width: 768px) {
	.under-h2-chara{
		width: 183px;
		height: 64px;
	}
	.wrap-chara-all{
		width: 100%;
		margin: 0 auto;
		padding: 20px 0 80px;
	}
	.chara-all-list li{
		width: 100%;
		height: 400px;
		margin: 0 0 60px;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7f7f7+1,f1f1f1+100 */
		background: #f7f7f7; /* Old browsers */
		background: -moz-linear-gradient(top, #f7f7f7 1%, #f1f1f1 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #f7f7f7 1%,#f1f1f1 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #f7f7f7 1%,#f1f1f1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-9 */
	}
	.chara-all-list-inner{
		width: 980px;
		height: 400px;
		margin: 0 auto;
		position: relative;
		display: block;
	}
	.chara-all-list-inner-sp{
		display: none;
	}
	.chara-all-img-01{
		width: 600px;
		height: 421px;
		position: absolute;
		left: 0;
		bottom: 0;
	}
	.chara-all-name-01{
		float: left;
		width: 299px;
		height: 164px;
		position: absolute;
		left: 650px;
		top: 125px;
	}
	.chara-all-img-02{
		float: left;
		width: 633px;
		height: 422px;
		position: absolute;
		right: 0;
		bottom: 0;
	}
	.chara-all-name-02{
		float: left;
		width: 314px;
		height: 164px;
		position: absolute;
		left: 95px;
		top: 125px;
	}
	.chara-all-img-03{
		width: 558px;
		height: 431px;
		position: absolute;
		left: 56px;
		bottom: 0;
	}
	.chara-all-name-03{
		float: right;
		width: 336px;
		height: 165px;
		position: absolute;
		left: 650px;
		top: 125px;
	}
	.chara-all-img-04{
		float: left;
		width: 545px;
		height: 418px;
		position: absolute;
		right: 0;
		bottom: 0;
	}
	.chara-all-name-04{
		float: left;
		width: 298px;
		height: 165px;
		position: absolute;
		left: 95px;
		top: 125px;
	}
	
	/*chara-all-new*/
	.chara-all-list-new{
		width: 960px;
		margin: 0 auto;
	}
	.chara-all-list-new li{
		width: 200px;
		height: 454px;
		margin: 0 20px;
		float: left;
	}
	.chara-all-list-new li.listup{
		margin-top: 0;
	}
	.chara-all-list-new li.listdown{
		margin-top: 30px;	
	}
	
	/* chara-inner */
	.wrap-chara{
		width: 950px;
		margin: 0 auto;
		padding: 0 0 80px;
	}
	.wrap-chara-inner{
		width: 950px;
		height: 952px;
		margin: 0 auto;
		position: relative;
	}
	.wrap-chara-inner-new{
		height: 652px;
	}
	.chara-img{
		width: 670px;
		margin: 0 auto;
	}
	.chara-name{
		display: block;
	}
	.chara-name-sp-wrap{
		display: none;
	}
	
	.chara-name-01{
		width: 320px;
		height: 480px;
		background: url("../character/img/chara_text_01_new.png");
		position: absolute;
		top: 80px;
		right: 100px;
	}
	.chara-name-02{
		width: 320px;
		height: 500px;
		background: url("../character/img/chara_text_02_new.png");
		position: absolute;
		top: 80px;
		left: 100px;
	}
	.chara-name-03{
		width: 320px;
		height: 460px;
		background: url("../character/img/chara_text_03_new.png");
		position: absolute;
		top: 120px;
		left: 100px;
	}
	.chara-name-04{
		width: 320px;
		height: 420px;
		background: url("../character/img/chara_text_04_new.png");
		position: absolute;
		top: 170px;
		left: 100px;
	}
	.chara-name-05{
		width: 320px;
		height: 420px;
		background: url("../character/img/chara_text_05_new.png");
		position: absolute;
		top: 120px;
		left: 100px;
	}
	.chara-name-06{
		width: 320px;
		height: 420px;
		background: url("../character/img/chara_text_06_new.png");
		position: absolute;
		top: 120px;
		right: 100px;
	}
	.chara-name-07{
		width: 320px;
		height: 400px;
		background: url("../character/img/chara_text_07_new.png");
		position: absolute;
		top: 220px;
		right: 100px;
	}
	.chara-name-08{
		width: 320px;
		height: 470px;
		background: url("../character/img/chara_text_08_new.png");
		position: absolute;
		top: 220px;
		left: 100px;
	}
	.chara-name-09{
		width: 320px;
		height: 420px;
		background: url("../character/img/chara_text_10.png");
		position: absolute;
		top: 150px;
		right: 100px;
	}
	.chara-name-10{
		width: 320px;
		height: 440px;
		background: url("../character/img/chara_text_09.png");
		position: absolute;
		top: 150px;
		right: 100px;
	}
	.chara-name-11{
		width: 320px;
		height: 420px;
		background: url("../character/img/chara_text_11.png");
		position: absolute;
		top: 150px;
		right: 100px;
	}
	.chara-name-12{
		width: 320px;
		height: 430px;
		background: url("../character/img/chara_text_12.png");
		position: absolute;
		top: 150px;
		right: 100px;
	}
	.btn-chara-prev{
		position: absolute;
		left: 0;
		top: 360px;
	}
	.btn-chara-next{
		position: absolute;
		right: 0;
		top: 360px;
	}
	.chara-face-sp{
		display: none;
	}

}
@media all and (max-width: 767px) {
	.under-h2-chara{
		width: 30%;
		padding-top: 7%;
		background-size: contain;
	}
	.wrap-chara-all{
		width: 100%;
		margin: 0 auto;
		padding: 0.5em 0 2em;
	}
	.chara-all-list li{
		width: 100%;
		margin: 0 0 1.5em;
	}
	.chara-all-list-inner{
		display: none;
	}
	.chara-all-list-inner-sp{
		width: 100%;
		display: block;
	}
	.chara-all-list-inner-sp img{
		width: 100%;
	}
	
	/*chara-all-new*/
	.chara-all-list-new{
		width: 90%;
		margin: 0 auto;
	}
	.chara-all-list-new li{
		width: 40%;
		margin: 2% 5%;
		float: left;
	}
	.chara-all-list-new li img{
		width: 100%;
	}
	.chara-all-list-new li.listup{
		margin-top: 0;
	}
	.chara-all-list-new li.listdown{
		margin-top: 1.5em;	
	}
	
	/* inner */
	.wrap-chara{
		width: 95%;
		margin: 0 auto;
		padding: 0 0 4em;
		position: relative;
	}
	.chara-img{
		width: 95%;
		margin: 0 auto 1em;
	}
	.chara-img-new{
		width: 80%;
		margin: 0 auto 1em;
	}
	.chara-img img{
		width: 100%;
	}
	.chara-name{
		width: 40%;
		padding-top: 36%;
		position: absolute;
	}
	.chara-name-01{
		background: url("../character/img/charaname_01_sp.png") no-repeat;
		background-size: contain;
		right: 10%;
		top: 10%;
	}
	.chara-name-02{
		background: url("../character/img/charaname_02_sp.png") no-repeat;
		background-size: contain;
		left: 10%;
		top: 10%;
	}
	.chara-name-03{
		background: url("../character/img/charaname_03_sp.png") no-repeat;
		background-size: contain;
		left: 10%;
		top: 10%;
	}
	.chara-name-04{
		background: url("../character/img/charaname_04_sp.png") no-repeat;
		background-size: contain;
		left: 10%;
		top: 10%;
	}
	.chara-name-05{
		background: url("../character/img/charaname_05_sp.png") no-repeat;
		background-size: contain;
		left: 10%;
		top: 10%;
	}
	.chara-name-06{
		background: url("../character/img/charaname_06_sp.png") no-repeat;
		background-size: contain;
		right: 10%;
		top: 20%;
	}
	.chara-name-07{
		background: url("../character/img/charaname_07_sp.png") no-repeat;
		background-size: contain;
		right: 10%;
		top: 14%;
	}
	.chara-name-08{
		background: url("../character/img/charaname_08_sp.png") no-repeat;
		background-size: contain;
		left: 10%;
		top: 14%;
	}
	.chara-name-09{
		background: url("../character/img/charaname_09_sp.png") no-repeat;
		background-size: contain;
		right: 15%;
		top: 33%;
	}
	.chara-name-10{
		background: url("../character/img/charaname_10_sp.png") no-repeat;
		background-size: contain;
		right: 15%;
		top: 32%;
	}
	.chara-name-11{
		background: url("../character/img/charaname_11_sp.png") no-repeat;
		background-size: contain;
		right: 15%;
		top: 33%;
	}
	.chara-name-12{
		background: url("../character/img/charaname_12_sp.png") no-repeat;
		background-size: contain;
		right: 15%;
		top: 33%;
	}
	.chara-name img{
		width: 100%;
	}
	.chara-name-sp-wrap{
		width: 98%;
		margin: 0 0 0 4%;
		display: block;
	}
	.chara-name-sp-left{
		width: 49%;
		margin: 0 0 0 1%;
		float: left;
	}
	.chara-name-sp-right{
		width: 49%;
		margin: 0 0 0 1%;
		float: right;
	}
	.chara-name-sp-left img, .chara-name-sp-right img {
		width: 100%;
	}
	.btn-chara-prev{
		width: 7%;
		position: absolute;
		left: -1%;
		top: 30%;
	}
	.btn-chara-next{
		width: 7%;
		position: absolute;
		right: -1%;
		top: 30%;
	}
	.btn-chara-prev img, .btn-chara-next img{
		width: 100%;
	}
	.chara-caption-text-sp{
		width: 95%;
		margin: 1em 0 2em;
		font-size: 0.9em;
		line-height: 1.7em;
	}
	.chara-face-sp{
		width: 85%;
		margin: 0 auto;
	}
	.chara-face-sp img{
		width: 100%;
	}
}


/*	06.GOODS
============================== */

.under-h2-goods{
	background: url(../img/h2_goods.png) no-repeat;
}

@media all and (min-width: 768px) {
	.under-h2-goods{
		width: 184px;
		height: 64px;
	}
	.wrap-goods{
		width: 870px;
		margin: 0 auto;
		padding: 10px 0 240px;
	}
	.goods-box{
		margin: 0 0 180px;
	}
	.goods-img{
		width: 400px;
		float: left;
	}
	.goods-img img{
		width: 400px;
	}
	.goods-caption{
		width: 430px;
		float: left;
		margin: 0 0 0 40px;
	}
	.goods-title{
		font-size: 24px;
		line-height: 1.5em;
		margin: 0 0 24px 0;
	}
	.goods-caption dl{
		font-size: 16px;
		line-height: 1.6em;
	}
	.goods-caption dl dt{
		font-weight: bold;
	}
	.goods-caption dl dd{
		margin-bottom: 1em;
	}
	/*goodsall*/
	.wrap-goodsall{
		width: 100%;
		margin: 0 auto 160px;
	}
	.goods-box{
		margin: 0 0 180px;
	}
	.goodsall-list-wrap{
		width: 870px;
		margin: 40px auto 0;
	}
	.goodsall-block{
		width: 190px;
		margin: 0 12px 40px;
		display: inline-block; /* インラインブロック化 */
    	vertical-align: top;
	}
	.goodsall-img{
		width: 190px;
		/*border: 1px solid #ff7caa;*/
		-moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
		-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
		-o-box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
		-ms-box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
		margin: 0 auto 14px;
	}
	.goodsall-img img{
		width: 100%;
	}
	.goodsall-title{
		font-size: 14px;
		font-weight: bold;
		line-height: 1.3em;
		margin-bottom: 4px;
	}
	.goodsall-price{
		font-size: 12px;
	}
}
@media all and (max-width: 767px) {
	.under-h2-goods{
		width: 28%;
		padding-top: 6%;
		background-size: contain;
	}
	.wrap-goods{
		width: 100%;
		margin: 0 auto;
		padding: 1em 0 6em;
	}
	.goods-box{
		margin: 0 0 4em;
	}
	.goods-img{
		width: 70%;
		margin: 0 auto 1.5em;
	}
	.goods-img img{
		width: 100%;
	}
	.goods-caption{
		width: 70%;
		margin: 0 auto;
	}
	.goods-title{
		font-size: 1em;
		line-height: 1.5em;
		margin: 0 0 1em 0;
	}
	.goods-caption dl{
		font-size: 0.8em;
		line-height: 1.6em;
	}
	.goods-caption dl dt{
		font-weight: bold;
	}
	.goods-caption dl dd{
		margin-bottom: 1em;
	}
	
	/*goodsall*/
	.wrap-goodsall{
		width: 100%;
	}
	.goodsall-list-wrap{
		width: 90%;
		margin: 2em auto 3em;
	}
	.goodsall-block{
		width: 47.3%;
		margin: 0.5em 1% 2em;
		text-align: left;
		display: inline-block; /* インラインブロック化 */
    	vertical-align: top; 
	}
	.goodsall-img{
		width: 90%;
		margin: 0 auto 1em;
		/*border: 1px solid #ff7caa;*/
		-moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
		-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
		-o-box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
		-ms-box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
	}
	.goodsall-img img{
		width: 100%;
	}
	.goodsall-title{
		width: 90%;
		font-size: 0.9em;
		font-weight: bold;
		line-height: 1.3em;
		margin-bottom: 0.5em;
		margin-left: 5%;
	}
	.goodsall-price{
		width: 90%;
		font-size: 0.7em;
		margin-left: 5%;
	}
}

/*	06.MUSIC
============================== */

.under-h2-music{
	background: url(../img/h2_music.png) no-repeat;
}

@media all and (min-width: 768px) {
	.under-h2-music{
		width: 186px;
		height: 64px;
	}
	.wrap-music{
		width: 710px;
		margin: 0 auto;
		padding: 0px 0 120px;
	}
	.music-blobk{
		margin: 0 auto 80px;
		padding: 0px 0 80px;
		border-bottom: 1px solid #bbb;
	}
	.music-img-left{
		width: 320px;
		float: left;
		margin: 0 0 40px;
	}
	.music-img-left-last{
		width: 320px;
		float: left;
		margin: 0 0 40px;
	}
	.music-img-left img,.music-img-left-last img{
		width: 100%;
	}
	.music-img-left-last-sp{
		display: none;
	}
	.music-img-left{
		width: 320px;
		float: left;
		margin: 0 0 40px;
	}
	.artist-caption{
		width:340px;
		margin: 0 0 0 30px;
		float: left;
	}
	.music-img{
		margin: 0 auto;
	}
	.music-artist{
		width: 630px;
		margin: 20px auto 30px;
	}
	.music-artist-2{
		width: 330px;
		margin: 20px 0 30px -12px;
	}
	.music-artist-3{
		width: 330px;
		margin: 20px 0 30px -12px;
	}
	.artist-name{
		font-size: 24px;
		margin: 0 0 18px;
	}
	.artist-member{
		width: 630px;
		font-size: 18px;
		margin: 0 auto 30px;
	}
	.artist-text{
		width: 630px;
		margin: 0 auto;
		font-size: 14px;
		line-height: 1.8em;
	}
	.artist-text-2{
		width: 330px;
		margin: 0 auto 1.5em;
		font-size: 12px;
		line-height: 1.6em;
	}
	.cd-onsale{
		font-size: 18px;
		line-height: 1.6em;
		margin: 0 0 0.5em;
	}
	.artist-profile{
		width: 630px;
		margin: 0 auto;	
	}
	.artist-profile-2{
		width: 630px;
		margin: 24px auto 0;	
	}
	.h3-profile{
		margin: 0 0 16px;
		clear: both;
	}
	.profile-last-block{
		width: 630px;
		margin: 0 auto;
	}
	.prof-img{
		width: 250px;
		float: left;
		margin: 0 0 0 0;
	}
	.prof-img img{
		width: 100%;
	}
	.artist-profile-text{
		font-size: 13px;
		line-height: 1.7em;
	}
	.artist-profile-text-last{
		width: 350px;
		margin: 10px 0 0 30px;
		float: left;
	}
	
}
@media all and (max-width: 767px) {
	.under-h2-music{
		width: 28%;
		padding-top: 6%;
		background-size: contain;
	}
	.wrap-music{
		width: 100%;
		margin: 0 auto;
		padding: 0em 0 4em;
	}
	.music-blobk{
		width: 90%;
		margin: 0 auto 3em;
		padding: 0px 0 3em;
		border-bottom: 1px solid #bbb;
	}
	.music-img{
		width: 98%;
		margin: 0 auto 1.5em;
	}
	.music-img-left{
		width: 65%;
		margin: 0 auto 1.5em;
	}
	.music-img-left-last-sp{
		width: 100%;
		margin: 0 auto 1.5em;
	}
	.music-img-left-last{
		display: none;
	}
	.music-img img,.music-img-left img,.music-img-left-last-sp img{
		width: 100%;
	}
	.music-artist{
		width: 30%;
		margin: 0 0 1em 10%;
	}
	.music-artist-3{
		width: 60%;
		margin: 0 0 1em 10%;
	}
	.music-artist img{
		width: 100%;
	}
	.artist-name{
		width: 80%;
		margin: 0 0 0.2em 10%;
		font-size: 1.3em;
		line-height: 1.8em;
	}
	.artist-member{
		width: 80%;
		margin: 0 0 1em 10%;
		font-size: 1em;
		line-height: 1.8em;
	}
	.artist-text{
		width: 80%;
		margin: 0 0 1em 10%;
		font-size: 0.8em;
		line-height: 1.6em;
	}
	.cd-onsale{
		width: 80%;
		margin: 0 0 0.5em 12%;
		font-size: 1.2em;
		line-height: 1.8em;
	}
	.artist-profile{
		width: 80%;
		margin: 2em 0 0 10%;
		font-size: 0.8em;
		line-height: 1.6em;
	}
	.h3-profile{
		width: 30%;
		margin: 0 0 1em 0;
	}
	.h3-profile img{
		width: 100%;
	}
	.prof-img{
		width: 60%;
		margin: 0 0 2em;
	}
	.prof-img img{
		width: 100%;
	}
}

/*	09.SPECIAL
============================== */

.under-h2-special{
	background: url(../img/h2_special.png) no-repeat;
}

@media all and (min-width: 768px) {
	.under-h2-special{
		width: 184px;
		height: 64px;
	}
	.wrap-special{
		width: 870px;
		margin: 0 auto;
		padding: 0 0 240px;
	}
	.special-list{
		width: 714px;
		margin: 0 auto;
	}
	.special-list li{
		width: 714px;
		margin: 0 auto;
	}
	
	/**/
	
}
@media all and (max-width: 767px) {
	.under-h2-special{
		width: 28%;
		padding-top: 6%;
		background-size: contain;
	}
	.wrap-special{
		width: 100%;
		margin: 0 auto;
		padding: 0 0 8em;
	}
	.special-list{
		width: 100%;
		margin: 0 auto;
	}
	.special-list li{
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}
	.special-list li img{
		width: 100%;
	}
}


/*	10.DISC
============================== */
.wrap-disc small{
	font-size: 0.8em;
}
.disc-spec-list dt{
	color: #5596d9;
}
.disc-head {
	font-size:30px; 
	position: relative;
	line-height: 1.4;
	padding:0.25em 1em;
	display: inline-block;
	color: #5596d9;
}
.disc-head:before, .disc-head:after { 
	content:'';
	width: 20px;
	height: 30px;
	position: absolute;
	display: inline-block;
}
.disc-head:before {
	border-left: solid 1px #5596d9;
	border-top: solid 1px #5596d9;
	top:0;
	left: 0;
}
.disc-head:after {
	border-right: solid 1px #5596d9;
	border-bottom: solid 1px #5596d9;
	bottom:0;
	right: 0;
}

@media all and (min-width: 768px) {
	.wrap-disc{
		margin: -70px 0 0 0;
		padding: 0 0 60px;
	}
	.disc-section-top{
		width: 810px;
		margin: 0 auto 14px;
	}
	.disc-section-read{
		width: 100%;
		background-color: #5596d9;
		padding: 18px 0;
	}
	.disc-read-text{
		text-align: center;
	}
	.disc-section-spec{
		width: 810px;
		margin: 0 auto;
		padding: 30px 0 50px;
		color: #636363;
	}
	.disc-spec-list{
		margin: 0 0 40px 0;
	}
	.disc-spec-list dt{
		font-size: 22px;
		line-height: 1.5em;
		margin: 24px 0 10px 0;
	}
	.disc-spec-list dd{
		font-size: 18px;
		line-height: 1.5em;
		margin: 0 0 14px 20px;
	}
	.disc-section-campaign{
		width: 100%;
		color: #636363;
		font-size: 17px;
		line-height: 1.5em;
		background-color: #f2d191;
		padding: 50px 0;
	}
	.disc-section-campaign-inner{
		width: 810px;
		margin: 0 auto;
	}
	.disc-section-campaign h3{
		text-align: center;
		margin: 0 0 30px;
	}
	.h4-disc-01,.h4-disc-02{
		margin: 48px 0 14px;
	}
	.disc-campaing-h5{
		font-size: 21px;
		color: #5596d9;
		margin: 0 0 8px;
	}
	.disc-campaing-h5 span{
		color: #ffffff;
	}
	.disc-campaign-block{
		width: 744px;
		margin: 0 auto 32px;
		padding: 26px 30px 10px;
		border: 3px solid #af7d58;
	}
	.disc-campaing-read{
		font-size: 19px;
		margin: 0 0 40px;	
	}
	.disc-campaing-read small{
		font-size: 0.8em;
	}
	.disc-campaign-block p{
		margin: 0 0 1em;
	}
	.disc-section-link{
		width: 810px;
		margin: 0 auto;
		padding: 40px; 0 ;
	}
	.banner-left{
		float: left;
	}
	.banner-right{
		float: right;
	}
	.disc-section-link p{
		width: 740px;
		margin: 3em auto;
		font-size: 14px;
		line-height: 1.6em;
		color: #5596d9;
	}
	.disc-head {
		margin: 5% 0 1% 40%;
	}

}
@media all and (max-width: 767px) {
	.wrap-disc{
		margin: 0 0 0 0;
		padding: 0 0 4em;
	}
	.disc-section-top{
		width: 100%;
		margin: 0 auto 1em;
	}
	.disc-section-top img{
		width: 100%;
	}
	.disc-section-read{
		width: 100%;
		background-color: #5596d9;
		padding: 0.7em 0;
	}
	.disc-read-text{
		width: 95%;
		margin: 0 auto;
		text-align: center;
	}
	.disc-read-text img{
		width: 100%;
	}
	.disc-section-spec{
		width: 90%;
		margin: 0 auto;
		padding: 1em 0 3em;
		color: #636363;
	}
	.disc-spec-list{
		margin: 0 0 2em 0;
	}
	.disc-spec-list dt{
		font-size: 1.2em;
		line-height: 1.5em;
		margin: 1em 0 0.5em 0;
	}
	.disc-spec-list dd{
		font-size: 0.9em;
		line-height: 1.5em;
		margin: 0 0 0.5em 0.5em;
	}
	.disc-spec-list dd img{
		width: 80%;
		text-align: center;
		margin: 0 0 1em;
	}
	.disc-section-campaign{
		width: 100%;
		color: #636363;
		font-size: 0.8em;
		line-height: 1.5em;
		background-color: #f2d191;
		padding: 2em 0;
	}
	.disc-section-campaign-inner{
		width: 100%;
		margin: 0 auto;
	}
	.disc-section-campaign h3{
		width: 80%;
		margin: 0 auto 2em;
		text-align: center;
	}
	.disc-section-campaign h3 img{
		width: 100%;
	}
	.h4-disc-01{
		width: 50%;
		margin: 0 0 1em 5%;
	}
	.h4-disc-02{
		width: 90%;
		margin: 0 0 1em 5%;
	}
	.h4-disc-01 img,.h4-disc-02 img{
		width: 100%;
	}
	.disc-campaing-h5{
		width: 90%;
		font-size: 1.4em;
		color: #5596d9;
		margin: 0 auto 0.5em;
	}
	.disc-campaing-h5 span{
		color: #ffffff;
	}
	.disc-campaign-block{
		width: 80%;
		margin: 0 auto 32px;
		padding: 5% 5% 1%;
		border: 3px solid #af7d58;
	}
	.disc-campaing-read{
		width: 90%;
		font-size: 1em;
		margin: 0 auto 2em;	
	}
	.disc-campaing-read small{
		font-size: 0.8em;
	}
	.disc-campaign-block p{
		margin: 0 0 1em;
	}
	.disc-section-link{
		width: 100%;
		margin: 0 auto;
		padding: 2em 0;
	}
	.banner-left,.banner-right{
		width: 70%;
		margin: 0 auto 1em;
	}
	.banner-left img,.banner-right img{
		width: 100%;
	}
	.disc-section-link p{
		width: 90%;
		margin: 3em auto;
		font-size: 0.8em;
		line-height: 1.6em;
		color: #5596d9;
	}
	.disc-head {
		margin: 7% 0 0 25%;
	}
}





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


.timing01{
  /* 1秒かけてアニメーションする */
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  /* 1秒待ってからアニメーションする */
  -webkit-animation-delay: 1.0s;
  animation-delay:1.0s;
}
.timing02{
  /* 1秒かけてアニメーションする */
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  /* 4秒待ってからアニメーションする */
  -webkit-animation-delay: 2.5s;
  animation-delay:2.5s;
}
.timing03{
  /* 1秒かけてアニメーションする */
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  /* 6秒待ってからアニメーションする */
  -webkit-animation-delay: 2.2s;
  animation-delay:2.2s;
}
.timing04{
  /* 1秒かけてアニメーションする */
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  /* 6秒待ってからアニメーションする */
  -webkit-animation-delay: 2.4s;
  animation-delay:2.4s;
}
.timing05{
  /* 1秒かけてアニメーションする */
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  /* 6秒待ってからアニメーションする */
  -webkit-animation-delay: 2.5s;
  animation-delay:2.5s;
}
.timing06{
  /* 1秒かけてアニメーションする */
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  /* 6秒待ってからアニメーションする */
  -webkit-animation-delay: 2.6s;
  animation-delay:2.6s;
}
.timing07{
  /* 1秒かけてアニメーションする */
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  /* 6秒待ってからアニメーションする */
  -webkit-animation-delay: 2.7s;
  animation-delay:2.7s;
}
.timing08{
  /* 1秒かけてアニメーションする */
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  /* 6秒待ってからアニメーションする */
  -webkit-animation-delay: 2.8s;
  animation-delay:2.8s;
}
.timing09{
  /* 1秒かけてアニメーションする */
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  /* 6秒待ってからアニメーションする */
  -webkit-animation-delay: 2.9s;
  animation-delay:2.9s;
}
.timing10{
  /* 1秒かけてアニメーションする */
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  /* 6秒待ってからアニメーションする */
  -webkit-animation-delay: 3.0s;
  animation-delay:3.0s;
}
.timing11{
  /* 1秒かけてアニメーションする */
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  /* 6秒待ってからアニメーションする */
  -webkit-animation-delay: 3.1s;
  animation-delay:3.1s;
}
.timing12{
  /* 1秒かけてアニメーションする */
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  /* 6秒待ってからアニメーションする */
  -webkit-animation-delay: 3.1s;
  animation-delay:3.2s;
}

/*chara*/

.timing_c01{
  /* 1秒かけてアニメーションする */
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  /* 1秒待ってからアニメーションする */
  -webkit-animation-delay: 1.0s;
  animation-delay:1.0s;
}
.timing_c02{
  /* 1秒かけてアニメーションする */
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  /* 1秒待ってからアニメーションする */
  -webkit-animation-delay: 1.1s;
  animation-delay:1.1s;
}
.timing_c03{
  /* 1秒かけてアニメーションする */
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  /* 1秒待ってからアニメーションする */
  -webkit-animation-delay: 1.2s;
  animation-delay:1.2s;
}
.timing_c04{
  /* 1秒かけてアニメーションする */
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  /* 1秒待ってからアニメーションする */
  -webkit-animation-delay: 1.3s;
  animation-delay:1.3s;
}
.timing_c05{
  /* 1秒かけてアニメーションする */
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  /* 1秒待ってからアニメーションする */
  -webkit-animation-delay: 1.4s;
  animation-delay:1.4s;
}
.timing_c06{
  /* 1秒かけてアニメーションする */
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  /* 1秒待ってからアニメーションする */
  -webkit-animation-delay: 1.5s;
  animation-delay:1.5s;
}
.timing_c07{
  /* 1秒かけてアニメーションする */
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  /* 1秒待ってからアニメーションする */
  -webkit-animation-delay: 1.6s;
  animation-delay:1.6s;
}
.timing_c08{
  /* 1秒かけてアニメーションする */
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  /* 1秒待ってからアニメーションする */
  -webkit-animation-delay: 1.7;
  animation-delay:1.7s;
}


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

/*	180821 INTERVIEW
============================== */

.footer_img , .footer_img img{
	width: 100%;
}
.interview-caution{
	color: #404040;
}

@media all and (min-width: 768px) {
	#contents_interview{
		width:100%;
		margin: 0 auto;
		padding-bottom: 80px;
	}
	.interview_header{
		width: 100%;
		margin: 0 0 100px;
	}
	.block_interview_text{
		width: 730px;
		margin: 0 auto 80px;
		color: #404040;
	}
	.block_interview_img{
		width: 830px;
		margin: 0 auto 80px;
		text-align: center;
	}
	.interview_q{
		font-size: 20px;
		font-weight: bold;
		line-height: 28px;
		margin-bottom: 1em;
	}
	.interview_q span{
		letter-spacing: -0.13em;
	}
	.interview_a{
		font-size: 16px;
		line-height: 32px;
	}
	.interview_a span{
		font-weight: bold;
	}
	.intervier_btn_back{
		width: 310px;
		margin: 120px auto;
	}
	.visual_pc{
		display: block;	
	}
	.visual_sp{
		display: none;
	}
	.interview-caution{
		width: 720px;
		margin: 40px auto 0;
		font-size: 14px;
		line-height: 1.5em;
	}
	

}
@media all and (max-width: 767px) {
	#contents_interview{
		width:100%;
		margin: 0 auto;
		padding: 0 0 4em;
		padding-bottom: 2em;
	}
	.interview_header{
		width: 100%;
		margin: 0 0 2em;
	}
	.block_interview_text{
		width: 90%;
		margin: 0 auto 2em;
		color: #404040;
	}
	.block_interview_img{
		width: 98%;
		margin: 3em auto 2em;
		text-align: center;
	}
	.block_interview_img img{
		width: 100%;
	}
	.interview_q{
		font-size: 1.0em;
		font-weight: bold;
		line-height: 1.5em;
		margin-bottom: 1em;
	}
	.interview_q span{
		letter-spacing: -0.12em;
	}
	.interview_a{
		font-size: 0.9em;
		line-height: 1.7em;
	}
	.interview_a span{
		font-weight: bold;
	}
	.intervier_btn_back{
		width: 50%;
		margin: 3em auto;
	}
	.intervier_btn_back img{
		width: 100%;
	}
	.visual_pc{
		display: none;	
	}
	.visual_sp{
		display: block;
	}
	.interview-caution{
		width: 90%;
		margin: 5% auto 0;
		font-size: 0.8em;
		line-height: 1.5em;
	}

}



/*/////////////////////////////////////////////////////////////////////////
感想キャンペーンLP　20191010
/////////////////////////////////////////////////////////////////////////*/
.impressions-read{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.toggle-content{
	display: none;
}

/* present */
.table_present_01 td{
	width: 20%;
	padding: 0.3em;
}
.table_present_01 td img{
	width: 100%;
}
.table_present_02 td{
	width: 48%;
	padding: 0.5em;
}
.table_present_02 td img{
	width: 100%;
}

@media all and (min-width: 768px) {
	/*inner*/
	
	
	/* present */
	.present_block{
		margin: 40px auto 60px;
	}
	
	/*impression*/
	.wrap-special-impressions{
		width: 960px;
		margin: auto;
		padding: 0 0 180px;
	}
	.impressions-top{
		width: 780px;
		margin: 0 auto 60px;
	}
	.impressions-top img{
		width: 100%;
	}
	.impressions-read{
		font-size: 20px;
		letter-spacing: 0.05em;
		line-height: 34px;
		text-align: center;
		margin: 0 auto 60px;
	}
	.impressions-info{
		width: 840px;
		margin: 0 auto;
	}
	.impressions-info-block{
		margin: 0 25px;
		float: left;
	}
	.impressions-entry{
		width: 580px;
		margin: 70px auto 60px;
		padding: 60px 105px;
		-moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
		-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
		-o-box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
		-ms-box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
	}
	.impressions-entry-inner{
		width: 580px;
		margin: 0 auto;
	}
	.impressions-entry-caution{
		width: 180px;
		height: 22px;
		margin: 40px auto 30px;
	}
	.impressions-tweet{
		width: 780px;
		margin: 0 auto;
	}
	
	.impressions-article{
		width: 800px;
		margin: 90px auto;
	}
	.impressions-article-h3{
		margin: 0 auto 40px;
	}
	.article-wrap{
		width: 800px;
		column-width: 230px;
		column-gap: 30px;
		column-count: 3;
	}
	.article-block{
		display: inline-block;
		margin: 0 0 40px;
		background: #ffffff;
		-moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
		-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
		-o-box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
		-ms-box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
	}
	.article-storys{
		width: 100%;
		font-size: 14px;
		font-weight: bold;
		padding: 6px 0;
		color: #ffffff;
		text-align: center;
		background: #3aacef;
	}
	.article-img{
		width: 100%;
	}
	.article-img img{
		width: 100%;
	}
	.article-text{
		font-size: 12px;
		line-height: 18px;
		display: inline-block;
		margin: 0 0 0.5em;
		padding: 20px 20px 0px;
	}
	.article-caption{
		font-size: 10px;
		line-height: 18px;
		font-weight: bold;
		display: inline-block;
		padding: 0 20px 10px;
	}
	.toggle-button{
		width: 808px;
		margin: 0 auto;
	}
	.pc-none{
		display: none;
	}
	.sp-none{
		display: block;
	}

}
@media all and (max-width: 767px) {
	/* present */
	.present_block{
		margin: 2em auto 2em;
	}
	
	/*impression*/
	.wrap-special-impressions{
		width: 100%;
		margin: auto;
		padding: 0 0 8em;
	}
	.impressions-top{
		width: 100%;
		margin: 0 auto 1.5em;
	}
	.impressions-top img{
		width: 100%;
	}
	.impressions-read{
		font-size: 0.9em;
		letter-spacing: 0.05em;
		line-height: 1.5em;
		text-align: center;
		margin: 0 auto 1.5em;
	}
	.impressions-info-sp{
		width: 75%;
		margin: 0 auto;
	}
	.impressions-info-block-sp{
		margin: 0 0 1.5em 0;
	}
	.impressions-info-block-sp img{
		width: 100%;
	}
	.impressions-entry{
		width: 90%;
		margin: 3em auto 2em;
		padding: 10% 5%;
		-moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
		-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
		-o-box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
		-ms-box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
	}
	.impressions-entry-inner{
		width: 100%;
		margin: 0 auto;
	}
	.impressions-entry-text-sp,.impressions-entry-text-sp img{
		width:100%;
	}
	.impressions-entry-caution{
		width: 40%;
		margin: 2em auto;
	}
	.impressions-entry-caution img{
		width: 100%;
	}
	.impressions-entry-btn{
		width: 100%;
		margin: 0 auto;
	}
	.impressions-entry-btn img{
		width: 100%;
	}
	.impressions-tweet{
		width: 130%;
		margin: 0 0 0 -15%;
	}
	.impressions-tweet img{
		width: 100%;
	}
	.impressions-article{
		width: 95%;
		margin: 4em auto;
	}
	.impressions-article-h3-sp{
		width: 100%;
		margin: 0 auto 2em;
	}
	.impressions-article-h3-sp img{
		width: 100%;
	}
	.article-wrap{
		width: 100%;
		column-width: 40%;
		column-gap: 5%;
		column-count: 2;
	}
	.article-block{
		display: inline-block;
		margin: 0 0 1em;
		background: #ffffff;
		-moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
		-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
		-o-box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
		-ms-box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
	}
	.article-storys{
		width: 100%;
		font-size: 0.8em;
		font-weight: bold;
		padding: 0.3em 0;
		color: #ffffff;
		text-align: center;
		background: #3aacef;
	}
	.article-img{
		width: 100%;
	}
	.article-img img{
		width: 100%;
	}
	.article-text{
		font-size: 0.8em;
		line-height: 1.4em;
		display: inline-block;
		margin: 0 0 0.5em;
		padding: 1em 1em 0px;
	}
	.article-caption{
		font-size: 0.7em;
		line-height: 1.4em;
		font-weight: bold;
		display: inline-block;
		padding: 0 1em 1em;
	}
	.toggle-button{
		width: 100%;
		margin: 2em auto;
	}
	.toggle-button img{
		width: 100%;
	}
	.pc-none{
		display: block;
	}
	.sp-none{
		display: none;
	}

}

/*/////////////////////////////////////////////////////////////////////////
プロダクションノート　20200207
/////////////////////////////////////////////////////////////////////////*/
.pn-menu li img{
	width: 100%;
}
.wrap-special-pn{
	width: 100%;
}
.pn-top img{
	width: 100%;
}
/*pn02*/
.pn-movie-block{
	width: 730px;
	margin: 0 auto 50px;
}
.h3-pn-movie{
	text-align: center;
	letter-spacing: 0.1em;
	font-weight: lighter;
	font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	color: #6bc1e6;
}
.pn02-movie-list li{
	float: left;
	border: 1px solid #404040;
}

/*pn03*/
/*吹き出し*/
.balloon_l,
.balloon_r{
	margin: 30px 0;
	display:flex;
	justify-content: flex-start;
	align-items: flex-start; /*縦位置を上揃え*/
	/*   align-items: center; */ /*縦位置を真ん中揃え*/
}
.balloon_r{
	justify-content:flex-end;
}
.faceicon img{
	width: 80px; /*任意のサイズ*/
	height: auto;
}
.balloon_r .faceicon{
	margin-left:25px;
}
.balloon_l .faceicon{
 	margin-right:25px;
}
.balloon_r .faceicon{
 	order:2 !important;
}
.says {
	/*max-width:500px;*/ /*最大幅は任意*/
	display: flex;
	flex-wrap: wrap;
	position: relative;
	padding: 17px 13px 15px 18px;
	border-radius: 12px;
	background: #99dddd;/*色は任意*/
	box-sizing:border-box;
	margin:0 !important;
	line-height:1.5;
	/*   align-items: center; */
	font-size: 0.9em;
}
.says-q{
	color: #fff;
	background: #3bacee;/*色は任意*/
}
.says-a{
	color: #000;
	background: #c6e6ff;/*色は任意*/
}
.says p{
	margin:8px 0 0 !important; 
}
.says p:first-child{
	 margin-top:0 !important;
}
.says:after {
	content: "";
	position: absolute;
	border: 10px solid transparent;
	/*   margin-top:-3px;  */
}
.balloon_l .says-q:after {
	left: -26px;
	border-right: 22px solid #3bacee;
}
.balloon_l .says-a:after {
	left: -26px;
	border-right: 22px solid #3bacee;
}
.balloon_r .says-q:after {
	right: -26px;
	border-left: 22px solid #c6e6ff;
}
.balloon_r .says-a:after {
	right: -26px;
	border-left: 22px solid #c6e6ff;
}


@media all and (min-width: 768px) {
	.pn-menu{
		width: 740px;
		margin: 0 auto;
	}
	.pn-menu li{
		width: 350px;
		height: 350px;
		margin: 10px;
		float: left;
	}
	/*TOPBANNER*/
	.banner-pn{
		width: 366px;
		height: 160px;
		position: absolute;
		top: 45px;
		right: 45px;
	}
	.banner-pn-sp{
		display: none;
	}
	/*01*/
	.wrap-special-pn{
		width: 100%;
		padding: 0 0 80px;
	}
	.pn-top{
		width: 960px;
		margin: 0 auto 60px;
	}
	.pn-01-area01{
		width: 100%;
		height: 300px;
		margin: 0 0 80px;
		background: url("../special/img/pn/pn_img_04.png") no-repeat;
		background-size: cover;
		background-position: center top;
	}
	/*pn02*/
	.pn-movie-block{
		width: 730px;
		margin: 0 auto 50px;
	}
	.h3-pn-movie{
		width: 730px;
		margin: 0 auto 10px;
		font-size: 40px;
	}
	.pn02-movie-list{
		width: 750px;
		margin: 0 auto;
	}
	.pn02-movie-list li{
		width: 228px;
		margin: 10px;
	}
	/*pn03*/
	.pn-03-wrap{
		width: 730px;
		margin: 60px auto 60px;
	}
	.pn-03-chatblock{
		margin: 0 0 60px;
	}
	.pn03_nav{
		width: 640px;
		margin: 0 auto;
	}
	.pn03_nav li{
		width: 100px;
		margin: 10px;
		padding: 20px 100px;
		text-align: center;
		background: #3bacee;
		float: left;
	}
	.pn03_nav li a{
		font-size: 24px;
		font-weight: bold;
		color: #fff;
	}
}
@media all and (max-width: 767px) {
	.pn-menu{
		width: 96%;
		margin: 0 auto;
	}
	.pn-menu li{
		width: 70%;
		margin: 2% auto 8%;
	}
	.banner-pn{
		display: none;
	}
	.banner-pn-sp{
		width: 85%;
		margin: 0 auto 8%;
	}
	.banner-pn-sp img{
		width: 100%;
	}
	/*01*/
	.wrap-special-pn{
		width: 100%;
		padding: 0 0 4em;
	}
	.pn-top{
		width: 116%;
		margin: 0px 0 2em -9%;
	}
	.pn-01-area01{
		width: 100%;
		height: 150px;
		margin: 0 0 2em;
		background: url("../special/img/pn/pn_img_04.png") no-repeat;
		background-size: cover;
		background-position: center top;
	}
	/*pn02*/
	.pn-movie-block{
		width: 100%;
		margin: 0 auto 2em;
	}
	.h3-pn-movie{
		width: 100%;
		margin: 0 auto 0.5em;
		font-size: 1.6em;
	}
	.pn02-movie-list{
		width: 96%;
		margin: 0 auto;
	}
	.pn02-movie-list li{
		width: 46%;
		margin: 1%;
	}
	/*pn03*/
	.pn-03-wrap{
		width: 95%;
		margin: 2em auto;
	}
	.pn-03-chatblock{
		margin: 0 0 1em;
	}
	.pn03_nav{
		width: 100%;
		margin: 0 auto;
	}
	.pn03_nav li{
		width: 40%;
		margin: 2% auto;
		padding: 5% 25%;
		text-align: center;
		background: #3bacee;
	}
	.pn03_nav li a{
		font-size: 1.2em;
		font-weight: bold;
		color: #fff;
	}
}


/*/////////////////////////////////////////////////////////////////////////
原画公開　20200207
/////////////////////////////////////////////////////////////////////////*/

@media all and (min-width: 768px) {
	.genga-list-wrap{
		width: 960px;
		margin: 0 auto 120px;
	}
	.genga-list{
		width: 960px;
		margin: 0 auto;
	}
	.genga-list li{
		width: 230px;
		margin: 5px;
		float: left;
	}
}
@media all and (max-width: 767px) {
	.genga-list-wrap{
		width: 100%;
		margin: 0 auto 20%;
	}
	.genga-list{
		width: 95%;
		margin: 0 auto;
	}
	.genga-list li{
		width: 24%;
		margin: 0.5%;
		float: left;
	}
	.genga-list li img{
		width: 100%;
	}
	
}