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


/*	fonts
============================== */
@font-face {
   font-family: 'Libre Baskerville';
   src: url("../fonts/LibreBaskerville-Regular.ttf") format("truetype");
}


/*	both
============================== */
img{
	vertical-align:bottom;
}
.cleartext {
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
li{
	list-style: none;
}

@media all and (min-width: 768px) {
	.pc-none{
		display: none;
	}
	.br-pc {
		display:block;
	}
	.br-sp {
		display:none;
	}
}

@media all and (max-width: 767px) {
	.sp-none{
		display: none;
	}
	.br-pc {
		display:none;
	}
	.br-sp {
		display:block;
	}
}

/*	text
============================== */
body {
  font-family: Verdana,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
  word-break: break-all;
  color:#231815;
}
.serif{
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}
a:link {
	text-decoration:none;
	color:#231815;
}
a:visited {
	text-decoration:none;
	color:#231815;
}
a:hover {
	text-decoration:underline;
	color:#231815;
}
a:active {
	text-decoration:underline;
	color:#231815;
}
.news-text a:link {
	text-decoration:underline;
	color:#231815;
	font-weight: bold;
}
.news-text a:visited {
	text-decoration:underline;
	color:#231815;
}
.news-text a:hover {
	text-decoration:none;
	color:#231815;
}
.news-text a:active {
	text-decoration:none;
	color:#231815;
}
.copyright a:link{color:#231815; text-decoration:none}
.copyright a:visited{color:#231815; text-decoration:none}
.copyright a:active{color:#231815; text-decoration:none}
.copyright a:hover{color:#231815; text-decoration:none; opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "alpha(opacity=60)"; transition:all 0.5s ease;
}

.top-pcnav li,
.header-nav li,
#g-nav-list li,
.footer-nav li,
.top-twitter-id,
.h3-staff,
.h3-cast,
.h3-onair{
	font-family: 'Libre Baskerville', serif;
	font-weight: bold;
}

/*	background
============================== */


/*retina*/
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {

}
@media only screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 2) {

}


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

.shadow{
	box-shadow: 0 20px 30px 0 rgba(0, 0, 0, .2);
}

/*	color
============================== */
.color01{
	color:#ffcc00 !important;
}
.color02{
	color:#996696 !important;
}
.color03{
	color:#0099ff !important;
}
.color04{
	color:#99cc00 !important;
}
.color05{
	color:#ff0000 !important;
}
.color06{
	color:#ff66b3 !important;
}


/*	00.TOPPAGE
============================== */

#top-header{
}
#top-main{
	width: 100%;
}
#top-sec-firstview{
	background: url("../img/bg_suisai.jpg") no-repeat;
}
.top-visual{
	background: #fff;
}
#top-sec-update{
	width: 100%;
	background: #ffffff;
}
.update-container{
	background: url("../img/bg_suisai.jpg") no-repeat;
	background-size: cover;
}
.update-item{
	border-bottom: 1px solid #ccc;
}
.update-item:last-child{
	border-bottom: none;
}
#top-sec-twitter{
	background: url("../img/bg_suisai.jpg") no-repeat;
	background-size: cover;
}
.footer-banner-list li img{
	width: 100%;
}
#top-footer{
	border-top: 1px solid #ccc;;
}
.footer-logo{
	position: relative;
}
.footer-logo a{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media all and (min-width: 768px) {
	#top-header{
		width: 100%;
		padding: 32px 0 18px;
		background: #ffffff;
		display: flex;
	}
	.header-container{
		width: 1030px;
		margin: 0 auto;
		display: flex;
	}
	.header-logo{
		width: 516px;
		height: 77px;
		margin: 0px 45px 10px 0;
		background: url("../img/top_logo@2x.png") no-repeat;
		background-size: cover;
	}
	.header-onair{
		width: 391px;
		height: 70px;
		margin: 10px 0 0;
		background: url("../img/top_onair4@2x.png") no-repeat;
		background-size: contain;
	}
	#top-main{
		
	}
	#top-sec-firstview{
		width: 100%;
		padding: 60px 0 80px;
		background-size: cover;
		background-attachment: fixed;
	}
	.firstview-container{
		width: 1050px;
		margin: 0 auto;
		display: flex;
	}
	/* SIDEBAR */
	.top-sidebar{
		width: 280px;
	}
	.sidebar-movie{
		margin: 0 0 50px;
		background: url("../img/sidebar_text_5th@2x.png") no-repeat;
		background-size: 13px 134px;
	}
	.top-movie-banner{
		width: 230px;
		margin: 0 0 0 24px;
	}
	.top-movie-banner img{
		width: 100%;
	}
	.sidebar-nav{
		margin: 0 0 50px;
		background: url("../img/sidebar_text_menu@2x.png") no-repeat;
		background-size: 13px 56px;
	}
	.top-pcnav{
		width: 250px;
		margin: 0 0 0 24px;
		padding: 12px 0;
		border-left: 1px solid #000000;
	}
	.top-pcnav li{
		font-size: 22px;
		margin: 0 0 40px 30px;
	}
	.top-pcnav li:last-child{
		margin: 0 0 0 30px;
	}
	.top-visual{
		width: 750px;
		height: 1060px;
	}
	.visual-img img{
		width: 100%;
	}
	.sidebar-visual{
		margin: 0 0 50px;
		background: url("../img/sidebar_text_visual@2x.png") no-repeat;
		background-size: 13px 68px;
	}
	.visual-nav{
		width: 230px;
		margin: 0 0 0 24px;
		padding: 0 0 12px 32px;
		border-left: 1px solid #000000;
		display: flex;
		flex-wrap: wrap;
	}
	.visual-nav li{
		width: 70px;
		height: 170px;
		margin: 0 10px 10px 0;
	}
	.visual-nav li img{
		width: 100%;
	}
	/* SPMOVIE */
	#top-sec-spmovie{
		display: none;
	}
	/* CONTENTS */
	#top-sec-update{
	}
	.update-container{
		width: 950px;
		margin: 100px auto 100px;
		position: relative;
	}
	.top-h2-update{
		width: 167px;
		height: 55px;
		background: url("../img/h2_update@2x.png");
		background-size: cover;
		position: absolute;
		top:-18px;
		left: -20px;
	}
	.update-inner{
		padding: 72px 80px 80px;
	}
	.update-item{
		display: flex;
		padding: 24px 18px 24px 14px;
	}
	.update-date{
		width: 80px;
		margin: 6px 20px 0 0;
		font-size: 12px;
		font-weight: bold;
	}
	.update-title{
		width: 680px;
		font-size: 16px;
		line-height: 24px;
	}
	#top-sec-twitter{
		padding: 56px 0;
		background-attachment: fixed;
	}
	.twitter-container{
		width: 790px;
		margin: 0 auto;
		display: flex;
	}
	.h2-twitter-block{
		width: 168px;
		height: 78px;
		margin: 100px 0 0 90px;
		background: url("../img/h2_twitter@2x.png");
		background-size: cover;
		order: 2;
		position: relative;
	}
	.h2-twitter-block a{
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.twitter-timeline-wrap{
		width: 430px;
		height: 320px;
		overflow: hidden;
		order: 1;
		border: 1px solid #000;
		background: #ffffff;
	}
	/* FOOTER */
	#top-footer{
		padding: 64px 0 90px;
	}
	.footer-block{
		width: 950px;
		margin: 0 auto;
		display: flex;
	}
	.footer-logo{
		width: 430px;
		height: 64px;
		margin: 14px 0 0;
		background: url("../img/top_logo@2x.png");
		background-size: cover;
	}
	.footer-nav-block{
		width: 470px;
		margin: 0 0 20px 40px;
	}
	.footer-nav{
		display: flex;
		flex-wrap: wrap;
	}
	.footer-nav li{
		font-size: 18px;
		line-height: 32px;
		margin: 0 20px 0 0;
	}
	.footer-banner-list{
		width: 950px;
		margin: 0 auto 40px;
		display: flex;
		justify-content: space-between;
	}
	.footer-banner-list li{
		width: 230px;
	}
	.copyright{
		text-align: center;
		font-size: 12px;
		line-height: 24px;
		letter-spacing: 0.1em;
	}
}

@media all and (max-width: 767px) {
	/* HEADER */
	#top-header{
		width: 100%;
		position: absolute;
		z-index: 100;
	}
	.header-logo{
		width: 50%;
		margin: 4% 0 5% 5%;
		padding-top: 10%;
		background: url("../img/top_logo@2x.png") no-repeat;
		background-size: contain;
	}
	.header-onair{
		display: none;
	}
	.spmenu{
		width: 20%;
		position: absolute;
		top: 5%;
		right: 0%;
		z-index: 100;
	}
	.spmenu img{
		width: 100%;
	}
	
	/* FIRSTVIEW */
	#top-sec-firstview{
		width: 100%;
		padding: 15% 0 10%;
		background-size: cover;
	}
	.firstview-container{
		width: 100%;
		position: relative;
	}
	.header-onair-sp{
		width: 18%;
		padding-top: 60%;
		background: url("../img/top_onair_sp_04@2x.png") no-repeat;
		background-size: contain;
		position: absolute;
		top: 5%;
		right: 1.5%;
	}
	.top-catch-sp{
		width: 5%;
		padding-top: 85%;
		background: url("../img/top_catch_sp@2x.png") no-repeat;
		background-size: contain;
		position: absolute;
		top: 5%;
		left: 3%;
		display: none;
	}
	/* SIDEBAR */
	.top-sidebar{
		display: none;
	}
	/* VISUAL */
	.top-visual{
		width: 90%;
	}
	.visual-img img{
		width: 100%;
	}
	.visual-nav{
		display: flex;
		justify-content: flex-end;
		position: absolute;
		bottom: -4%;
		right: 4%;
	}
	.visual-nav li{
		width: 12%;
		margin: 0 2% 0 0;
	}
	.visual-nav li img{
		width: 100%;
	}
	/* SPMOVIE */
	#top-sec-spmovie{
		width: 100%;
		padding: 10% 0 15%;
	}
	.top-banner-spmovie{
		width: 80%;
		margin: 0 0 0 10%;
	}
	.top-banner-spmovie img{
		width: 100%;
	}
	/* UPDATE */
	#top-sec-update{
		padding: 0% 0 10%;
	}
	.update-container{
		width: 85%;
		margin: 0 0 10% 7%;
		padding: 7% 0% 5%;
		position: relative;
	}
	.top-h2-update{
		width: 34%;
		padding-top: 20%;
		background: url("../img/h2_update_sp@2x.png") no-repeat;
		background-size: contain;
		position: absolute;
		top:-5%;
		right: -3%;
	}
	.update-item{
		width: 90%;
		margin: 0 auto;
		padding: 1em 1%;
	}
	.update-date{
		margin: 0 0 0.5em 0;
		font-size: 0.6em;
		font-weight: bold;
	}
	.update-title{
		font-size: 0.8em;
		line-height: 1.5em;
	}
	/* Twitter */
	#top-sec-twitter{
		padding: 15% 0 10%;
	}
	.twitter-container{
		width: 100%;
		margin: 0 auto;
		position: relative;
	}
	.h2-twitter-block{
		width: 30%;
		padding-top: 8%;
		background: url("../img/h2_twitter_sp@2x.png") no-repeat;
		background-size: contain;
		position: absolute;
		top:-21%;
		left: 6%;
	}
	.twitter-timeline-wrap{
		width: 80%;
		height: 320px;
		margin: 0 auto;
		overflow: hidden;
		border: 1px solid #000;
		background: #ffffff;
	}
	.top-twitter-id{
		font-size: 0.6em;
		letter-spacing: 0.3em;
		margin: 7% 0 0;
		text-align: center;
	}
	/* FOOTER */
	#top-footer{
		padding: 10% 0 30%;
	}
	.footer-block{
		width: 100%;
		margin: 0 auto;
	}
	.footer-logo{
		width: 280px;
		height: 42px;
		margin: 0 auto 4%;
		background: url("../img/top_logo@2x.png") no-repeat;
		background-size: contain;
	}
	.footer-nav-block{
		width: 100%;
		margin: 0 0 0 0;
	}
	.footer-nav{
		width: 95%;
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.footer-nav li{
		font-size: 0.9em;
		line-height: 1.8em;
		margin: 0 0.5em 0;
		font-weight: normal;
	}
	.footer-banner-list{
		width: 80%;
		margin: 5% auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.footer-banner-list li{
		width: 48%;
		margin: 1%;
	}
	.copyright{
		width: 95%;
		margin: 0 auto;
		text-align: center;
		font-size: 0.6em;
		line-height: 1.7em;
		letter-spacing: 0.1em;
	}

}


/*	UNDER H2
============================== */

.under-h2{
}
.h2-news{
	background: url("../news/img/h2_news@2x.png") no-repeat;
	background-size: cover;
}
.h2-onair{
	background: url("../onair/img/h2_onair@2x.png") no-repeat;
	background-size: cover;
}
.h2-staffcast{
	background: url("../staffcast/img/h2_staffcast@2x.png") no-repeat;
	background-size: cover;
}
.h2-introduction{
	background: url("../introduction/img/h2_introduction@2x.png") no-repeat;
	background-size: cover;
}
.h2-character{
	background: url("../character/img/h2_chara@2x.png") no-repeat;
	background-size: cover;
}
.h2-music{
	background: url("../music/img/h2_music@2x.png") no-repeat;
	background-size: cover;
}
.h2-ticket{
	background: url("../ticket/img/h2_ticket@2x.png") no-repeat;
	background-size: cover;
}
.h2-goods{
	background: url("../goods/img/h2_goods@2x.png") no-repeat;
	background-size: cover;
}
.h2-story{
	background: url("../story/img/h2_story@2x.png") no-repeat;
	background-size: cover;
}
.h2-disc{
	background: url("../disc/img/h2_disc@2x.png") no-repeat;
	background-size: cover;
}
.h2-event{
	background: url("../event/img/h2_event@2x.png") no-repeat;
	background-size: cover;
}

@media all and (min-width: 768px) {
	.under-h2{
		position: absolute;
		top: 120px;
		left: 50px;
	}
	.h2-news{
		width: 110px;
		height: 294px;
	}
	.h2-onair{
		width: 110px;
		height: 342px;
	}
	.h2-staffcast{
		width: 110px;
		height: 645px;
	}
	.h2-introduction{
		width: 110px;
		height: 831px;
	}
	.h2-character{
		width: 110px;
		height: 646px;
	}
	.h2-music{
		width: 110px;
		height: 337px;
	}
	.h2-ticket{
		width: 110px;
		height: 398px;
	}
	.h2-goods{
		width: 110px;
		height: 394px;
	}
	.h2-story{
		width: 110px;
		height: 363px;
	}
	.h2-disc{
		width: 110px;
		height: 245px;
	}
	.h2-event{
		width: 110px;
		height: 351px;
	}
}

@media all and (max-width: 767px) {
	.under-h2{
		position: absolute;
		top: 24%;
		right: 4%;
	}
	.h2-news{
		width: 55px;
		height: 147px;
	}
	.h2-onair{
		width: 55px;
		height: 171px;
	}
	.h2-staffcast{
		width: 55px;
		height: 323px;
	}
	.h2-introduction{
		width: 55px;
		height: 416px;
	}
	.h2-character{
		width: 55px;
		height: 323px;
	}
	.h2-music{
		width: 55px;
		height: 169px;
	}
	.h2-ticket{
		width: 55px;
		height: 199px;
	}
	.h2-goods{
		width: 55px;
		height: 197px;
	}
	.h2-story{
		width: 55px;
		height: 182px;
	}
	.h2-disc{
		width: 55px;
		height: 123px;
	}
	.h2-event{
		width: 55px;
		height: 177px;
	}
}


/*	UNDER TEMP
============================== */
#under-header{
	border-bottom: 1px solid #ccc;
}
#under-footer{
	border-top: 1px solid #ccc;
}
#under-main{
	width: 100%;
	background: url("../img/bg_suisai.jpg") no-repeat;
	background-size: cover;
}

@media all and (min-width: 768px) {
	/* HEADER */
	#under-header{
		width: 100%;
		padding: 32px 0 18px;
		background: #ffffff;
		display: flex;
	}
	.under-header-logo{
		width: 360px;
		height: 53px;
		margin: 10px 45px 0 0;
		background: url("../img/top_logo@2x.png") no-repeat;
		background-size: cover;
	}
	.header-nav-block{
		width: 640px;
		margin: 0 0 0 0;
	}
	.header-nav{
		display: flex;
		flex-wrap: wrap;
	}
	.header-nav li{
		font-size: 20px;
		line-height: 40px;
		margin: 0 18px 0 0;
	}
	/* MAIN */
	#under-main{
		background: cover;
		background-attachment: fixed;
	}
	#under-sec-contents{
		
	}
	.under-contents-inner{
		width: 1030px;
		min-height: 1030px;
		margin: 0 auto;
		padding: 80px 0 40px;
		position: relative;
	}
	.under-content-block{
		
	}
	/* FOOTER */
	#under-footer{
		padding: 64px 0 90px;
	}
	
}

@media all and (max-width: 767px) {
	/* HEADER */
	#under-header{
		width: 100%;
		border: none;
		position: absolute;
	}
	.under-header-logo{
		width: 60%;
		margin: 7% 0 6% 6%;
		padding-top: 10%;
		background: url("../img/top_logo@2x.png") no-repeat;
		background-size: contain;
	}
	/* MAIN */
	#under-main{
		padding: 24% 0 10%
	}
	.under-content-block{
		position: relative;
		z-index: 2;
	}
	.under-contents-inner{
		min-height: 640px
	}
	/* FOOTER */
	#under-footer{
		padding: 10% 0 30%;
	}

}


/*	01.NEWS
============================== */
.newsall-item{
	border-bottom: 1px solid #ccc;
}
.newsall-item:last-child{
	border-bottom: none;
}
.news-img img,
.news-img-half img{
	width: 100%;
}
.news-wrap{
	margin: 0 auto;
	background: rgba(255,255,255,0.9);
	border: 1px solid #000;
}
.news-head{
	border-bottom: 1px solid #000;
}
.news-date{
	font-weight: bold;
}
.news-title{
	font-weight: normal;
}
.news-h4{
	line-height: 1.4em;
	padding: 0 0 0.4em;
	border-bottom: 1px solid #000;
}
.news-h5{
	line-height: 1.4em;
	color: #ff66b3;
}
.news-text small{
	font-size: 80%;
}
.news-btn-back img{
	width: 100%
}
/* TABLE */
.lvtable{
	width: 100%;
	margin: 0 0 2em;
}
.lvtable th{
	background: #231815;
	color: #ffffff;
	text-align: center;
}
.lvtable td{
	color: #231815;
	border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
}
.lvtable th{
	border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
}
.lvtable tr{
	border-bottom: 1px solid #ddd;
}
.lvtable-time01,
.lvtable-time02{
	text-align: center;
}
.lvtable-date01,
.lvtable-date02,
.lvtable-date03,
.lvtable-date04,
.lvtable-date05{
	text-align: center;
}


@media all and (min-width: 768px) {
	.under-contents-newsall{
		width: 710px;
		margin: 40px 0 0 270px;
	}
	.newsall-item{
		display: flex;
		padding: 24px 18px 24px 14px;
	}
	.newsall-date{
		width: 80px;
		margin: 6px 20px 0 0;
		font-size: 12px;
		font-weight: bold;
	}
	.newsall-title{
		width: 580px;
		font-size: 16px;
		line-height: 24px;
	}
	
	/* PAGE */
	.under-contents-news{
		width: 750px;
		margin: 40px 0 0 270px;
	}
	.news-wrap{
		width: 590px;
		padding: 50px 80px;
	}
	.news-head{
		margin: 0 0 30px;
		padding: 0 0 20px;
	}
	.news-img{
		width: 590px;
		margin: 0 0 36px;
	}
	.news-img-half{
		width: 500px;
		margin: 0 0 36px;
	}
	.news-date{
		font-size: 12px;
		margin: 0 0 6px 0;
	}
	.news-title{
		font-size: 20px;
		line-height: 30px;
	}
	.news-h4{
		font-size: 16px;
		margin: 12px 0 24px;
	}
	.news-h5{
		font-size: 12px;
		margin: 12px 0 6px;
	}
	.news-text{
		font-size: 14px;
		line-height: 24px;
		margin: 0 0 24px;
	}
	.news-text-caution{
		font-size: 12px;
		line-height: 20px;
		margin: -12px 0 24px;
	}
	.news-btn-back{
		width: 272px;
		margin: 50px auto;
	}
	/* TABLE */
	.lvtable{
		font-size: 14px;
	}
	.lvtable th{
		padding: 10px;
	}
	.lvtable td{
		padding: 10px;
	}
	.lvtable-city{
		width: 100px;
	}
	.lvtable-theater{
		width: 350px;
	}
	.lvtable-time01{
		width: 100px;
	}
	.lvtable-time02{
		width: 100px;
	}
	.lvtable-date01,
	.lvtable-date02,
	.lvtable-date03,
	.lvtable-date04,
	.lvtable-date05{
		width: 40px;
	}
}

@media all and (max-width: 767px) {
	.newsall-item{
		width: 80%;
		margin: 0 auto;
		padding: 1em 1%;
	}
	.newsall-date{
		margin: 0 0 0.5em 0;
		font-size: 0.6em;
		font-weight: bold;
	}
	.newsall-title{
		font-size: 0.8em;
		line-height: 1.5em;
	}
	
	/* PAGE */
	.news-wrap{
		width: 76%;
		padding: 7%;
	}
	.news-head{
		margin: 0 0 2em;
		padding: 0 0 1.5em;
	}
	.news-img{
		width: 100%;
		margin: 0 0 1.5em;
	}
	.news-img-half{
		width: 100%;
		margin: 0 0 0.5em;
	}
	.news-date{
		font-size: 0.6em;
		margin: 0 0 0.6em 0;
	}
	.news-title{
		font-size: 1.1em;
		line-height: 1.4em;
	}
	.news-h4{
		font-size: 0.9em;
		margin: 1em 0 1.5em;
	}
	.news-h5{
		font-size: 0.7em;
		margin: 1.5em 0 0.5em;
	}
	.news-text{
		font-size: 0.9em;
		line-height: 1.5em;
		margin: 0em 0 1em;
	}
	.news-text-caution{
		font-size: 0.7em;
		line-height: 1.5em;
		margin: -0.5em 0 1em;
	}
	.news-btn-back{
		width: 60%;
		margin: 3em auto;
	}
	/* TABLE */
	.lvtable{
		
	}
	.lvtable th{
		font-size: 0.6em;
		padding: 1em;
	}
	.lvtable td{
		font-size: 0.7em;
		line-height: 1.4em;
		padding: 1em;
	}
	.lvtable-city{
		width: 20%;
	}
	.lvtable-theater{
		width: 40%;
	}
	.lvtable-time01{
		width: 20%;
	}
	.lvtable-time02{
		width: 20%;
	}
	
}


/*	02.STAFFCAST
============================== */
.staffcast-wrap{
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}
.h3-staff,
.h3-cast{
	letter-spacing: 0.2em;
}

@media all and (min-width: 768px) {
	.under-contents-staffcast{
		padding: 0 0 0 320px;
	}
	.staffcast-wrap{
		margin: 80px 0 0 0;
		display: flex;
	}
	.staff-block{
		margin: 0 120px 120px 0;
	}
	.cast-block{
		
	}
	.h3-staff,
	.h3-cast{
		font-size: 24px;
		margin: 0 0 40px -8px;
	}
	.stafflist,
	.castlist{
		margin: 0 0 40px 0;
	}
	.stafflist dt,
	.castlist dt{
		font-size: 16px;
		margin: 0 0 0.5em 0;
	}
	.stafflist dd,
	.castlist dd{
		font-size: 24px;
		line-height: 1.4em;
	}
	.stafflist dd.staff-small{
		font-size: 12px;
		margin: 1em 0 0 0;
	}
}

@media all and (max-width: 767px) {
	.under-contents-staffcast{
		padding: 5% 0 0 0;
	}
	.staffcast-wrap{
		width: 80%;
		margin: 0 0 0 16%;
	}
	.staff-block,
	.cast-block{
		margin: 0 0 10% 0;
	}
	.h3-staff,
	.h3-cast{
		font-size: 1.2em;
		margin: 0 0 1.5em -0.5em;
	}
	.staff-list-wrap,
	.cast-list-wrap{
		display: flex;
		flex-wrap: wrap;
	}
	.stafflist,
	.castlist{
		margin: 0 0 2em 0;
		width: 50%;
	}
	.stafflist-all{
		width: 100%;
	}
	.stafflist dt,
	.castlist dt{
		font-size: 0.8em;
		margin: 0 0 0.7em 0;
	}
	.stafflist dd,
	.castlist dd{
		font-size: 1.2em;
		line-height: 1.4em;
	}
	.stafflist dd.staff-small{
		font-size: 0.7em;
		margin: 0.5em 0 0 0;
	}
}


/*	03.INTRODUCTION
============================== */

@media all and (min-width: 768px) {
	
	.introduction-text{
		width: 784px;
		height: 977px;
		margin: 80px 0 120px 240px;
		background: url("../introduction/img/intro_text@2x.png") no-repeat;
		background-size: cover;
	}
	
}

@media all and (max-width: 767px) {
	
	.introduction-text{
		width: 90%;
		margin: 10% auto;
		padding-top: 218%;
		background: url("../introduction/img/intro_text_sp.png") no-repeat;
		background-size: cover;
	}

}


/*	03.STORY
============================== */

@media all and (min-width: 768px) {
	.under-contents-story{
		width: 710px;
		margin: 80px 0 0 270px;
		padding: 0 0 120px;
	}
	.story-title{
		width: 370px;
		height: 47px;
		margin: 0 auto 24px;
		background: url("../story/img/story_title@2x.png") no-repeat;
		background-size: contain;
	}
	.story-nav{
		width: 710px;
		margin: 0 auto 24px;
		display: flex;
		justify-content: space-between;
	}
	.story-nav-01 a{
		width: 352px;
		height: 52px;
		background-image: url("../story/img/btn_story01_off@2x.jpg");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		display: block;
	}
	.story-nav-02 a{
		width: 352px;
		height: 52px;
		background-image: url("../story/img/btn_story02_off@2x.jpg");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		display: block;
	}
	.story-nav-01 a:hover,
	.storywrap-01 .story-nav-01 a{
		background-image: url("../story/img/btn_story01_on@2x.jpg");
	}
	.story-nav-02 a:hover,
	.storywrap-02 .story-nav-02 a{
		background-image: url("../story/img/btn_story02_on@2x.jpg");
	}
	.story-text{
		font-size: 14px;
		line-height: 32px;
		margin: 32px 0 32px;
	}
	.story-staff{
		font-size: 12px;
	}
	
}

@media all and (max-width: 767px) {
	.under-contents-story{
		width: 90%;
		margin: 0 auto;
	}
	.story-title{
		width: 60%;
		margin: 2em auto 1em;
		padding-top: 3%;
		background: url("../story/img/story_title@2x.png") no-repeat;
		background-size: contain;
	}
	.story-nav{
		width: 100%;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
	}
	.story-nav li{
		width: 49%;
	}
	.story-nav-01 a{
		width: 100%;
		margin: 0 0 0.5em;
		padding-top: 15%;
		background-image: url("../story/img/btn_story01_off@2x.jpg");
		background-repeat: no-repeat;
		background-size: contain;
		display: block;
	}
	.story-nav-02 a{
		width: 100%;
		margin: 0 0 0.5em;
		padding-top: 15%;
		background-image: url("../story/img/btn_story02_off@2x.jpg");
		background-repeat: no-repeat;
		background-size: contain;
		display: block;
	}
	.storywrap-01 .story-nav-01 a{
		background-image: url("../story/img/btn_story01_on@2x.jpg");
	}
	.storywrap-02 .story-nav-02 a{
		background-image: url("../story/img/btn_story02_on@2x.jpg");
	}
	.story-text{
		font-size: 0.9em;
		line-height: 1.5em;
		margin: 1.5em 0 1em;
	}
	.story-staff{
		font-size: 0.7em;
		line-height: 1.4em;
	}

}


/*	04.MUSIC
============================== */

.music-title,
.h4-oritoku{
	font-weight: lighter;
}
.music-header{
	border-bottom: 1px solid #333;
}
.cd-img{
}
.cd-img img{
	width: 100%;
	border: 1px solid #333;
}
.caption-list dt{
	font-weight: bold;
}
.h4-oritoku{
	font-weight: bold;
	border-top: 1px solid #333;
	border-bottom: 2px solid #333;
}
.bandle-text small,
.oritoku-text small{
	font-size: 70%;
}
.oritoku-img,
.bandle-img{
	border: 1px solid #000;
}
.oritoku-img img,
.bandle-img img{
	width: 100%;
}
.cd_best_img{
}
.cd_best_img img{
	width: 100%;
	border: 1px solid #333;
}

@media all and (min-width: 768px) {
	.under-contents-music{
		width: 790px;
		margin: 80px 0 0 270px;
	}
	.music-header{
		width: 790px;
		margin: 0 0 20px 0;
	}
	.music-nav{
		width: 760px;
		margin: 0 auto 48px;
		flex-wrap: wrap;
		display: flex;
		justify-content: space-between;
	}
	.music-nav li{
		margin: 0 0 24px;
	}
	.music-nav-01 a{
		width: 352px;
		height: 52px;
		background-image: url("../music/img/btn_music01_off@2x.jpg");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		display: block;
	}
	.music-nav-02 a{
		width: 352px;
		height: 52px;
		background-image: url("../music/img/btn_music02_off@2x.jpg");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		display: block;
	}
	.music-nav-03 a{
		width: 352px;
		height: 52px;
		background-image: url("../music/img/btn_music03_off@2x.jpg");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		display: block;
	}
	.music-nav-04 a{
		width: 352px;
		height: 52px;
		background-image: url("../music/img/btn_music04_off@2x.jpg");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		display: block;
	}
	.music-nav-01 a:hover{
		background-image: url("../music/img/btn_music01_on@2x.jpg");
	}
	.music-nav-02 a:hover{
		background-image: url("../music/img/btn_music02_on@2x.jpg");
	}
	.music-nav-03 a:hover{
		background-image: url("../music/img/btn_music03_on@2x.jpg");
	}
	.music-nav-04 a:hover{
		background-image: url("../music/img/btn_music04_on@2x.jpg");
	}
	.music-roll{
		width: 13em;
		font-size: 18px;
		margin: 0 0 1em 0;
		background: #ffffff;
	}
	.music-roll-02{
		width: 14em;
		font-size: 18px;
		margin: 0 0 1em 0;
		background: #ffffff;
	}
	.music-roll-short{
		width: 8em;
		font-size: 18px;
		margin: 0 0 1em 0;
		background: #ffffff;
	}
	.music-title{
		font-size: 48px;
		margin: 0 0 16px -24px;
	}
	.music-title-other{
		font-size: 48px;
		margin: 0 0 16px 0;
	}
	.music-artist{
		font-size: 24px;
		margin: 0 0 24px 0;
	}
	.music-artist span{
		font-size: 14px;
	}
	.music-cd-wrap{
		width: 790px;
		margin: 28px 0 0 0;
		display: flex;
	}
	.cd-img{
		width: 350px;
		margin: 0 40px 0 0;
	}
	.cd-caption{
		width: 390px;
	}
	.caption-list{
		margin: 0 0 40px 0;
	}
	.caption-list dt{
		margin: 28px 0 14px 0;
	}
	.caption-list dd{
		font-size: 14px;
		line-height: 22px;
		margin: 0 0 14px 0;
	}
	.caption-list dd.dd-small{
		font-size: 12px;
		line-height: 18px;
		margin: -14px 0 14px 0;
	}
	
	/* ORITOKU */
	.music-tokuten-wrap{
		margin: 60px auto;
	}
	.h4-oritoku{
		font-size: 24px;
		text-align: center;
		margin: 0 auto 32px;
		padding: 12px 0;
	}
	.bandle-text{
		font-size: 18px;
		text-align: center;
		line-height: 32px;
		margin: 0 auto 12px;
	}
	.oritoku-text{
		font-size: 18px;
		line-height: 32px;
		margin: 0 auto 12px;
	}
	.oritoku-block-wrap{
		width: 1030px;
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
		justify-content:flex-start;
	}
	.oritoku-block{
		width: 320px;
		margin: 0 10px 48px;
	}
	.bandle-img{
		width: 300px;
		text-align: center;
		margin: 0 auto 48px;
	}
	.oritoku-img{
		width: 300px;
		margin: 0 0 16px;
	}
	
	/*BEST*/
	.cd-best-musiclist{
		width: 1030px;
		display: flex;
	}
	.musiclist-block{
		width: 330px;
		margin: 0 10px 0 0;
	}
	.musiclist-block h5{
		font-size: 14px;
		margin: 0 0 1em;
	}
	.musiclist-block p{
		font-size: 14px;
		line-height: 1.5em;
	}
	
	.cd_best_img{
		width: 800px;
		margin: 0 auto 24px;
	}
	.cd_best_text{
		width: 800px;
		margin: 0 auto 0;
		line-height: 1.5em;
	}
	
	
}

@media all and (max-width: 767px) {
	.under-contents-music{
		width: 100%;
	}
	.music-header{
		width: 85%;
		margin: 1em auto 2em;
	}
	.music-nav{
		width: 70%;
		margin: 0 auto;
	}
	.music-nav li{

	}
	.music-nav-01 a{
		width: 100%;
		margin: 0 0 0.5em;
		padding-top: 15%;
		background-image: url("../music/img/btn_music01_off@2x.jpg");
		background-repeat: no-repeat;
		background-size: contain;
		display: block;
	}
	.music-nav-02 a{
		width: 100%;
		margin: 0 0 0.5em;
		padding-top: 15%;
		background-image: url("../music/img/btn_music02_off@2x.jpg");
		background-repeat: no-repeat;
		background-size: contain;
		display: block;
	}
	.music-nav-03 a{
		width: 100%;
		margin: 0 0 0.5em;
		padding-top: 15%;
		background-image: url("../music/img/btn_music03_off@2x.jpg");
		background-repeat: no-repeat;
		background-size: contain;
		display: block;
	}
	.music-nav-04 a{
		width: 100%;
		margin: 0 0 2em;
		padding-top: 15%;
		background-image: url("../music/img/btn_music04_off@2x.jpg");
		background-repeat: no-repeat;
		background-size: contain;
		display: block;
	}
	.music-roll{
		width: 13em;
		font-size: 0.9em;
		margin: 0 0 0.7em 0;
		background: #ffffff;
	}
	.music-roll-02{
		width: 14em;
		font-size: 0.9em;
		margin: 0 0 0.7em 0;
		background: #ffffff;
	}
	.music-roll-short{
		width: 8em;
		font-size: 0.9em;
		margin: 0 0 0.7em 0;
		background: #ffffff;
	}
	.music-title{
		font-size: 2em;
		line-height: 1.4em;
		margin: 0 0 0.3em -0.5em;
	}
	.music-title-other{
		font-size: 2em;
		line-height: 1.4em;
		margin: 0 0 0.3em 0em;
	}
	.music-artist{
		font-size: 1.2em;
		line-height: 1.2em;
		margin: 0 0 1em 0;
	}
	.music-artist span{
		font-size: 0.6em;
	}
	.music-cd-wrap{
		width: 85%;
		margin: 0 auto 1em;
	}
	.cd-img{
		width: 100%;
		margin: 0 0 2em 0;
	}
	.cd-caption{
		width: 100%;
	}
	.caption-list{
		margin: 0 0 2em 0;
	}
	.caption-list dt{
		margin: 2em 0 1em 0;
	}
	.caption-list dd{
		font-size: 0.9em;
		line-height: 1.5em;
		margin: 0 0 1em 0;
	}
	.caption-list dd.dd-small{
		font-size: 0.6em;
		line-height: 1.5em;
		margin: -14px 0 1em 0;
	}
	
	/* ORITOKU */
	.music-tokuten-wrap{
		margin: 3em auto 3em;
	}
	.h4-oritoku{
		font-size: 1.4em;
		text-align: center;
		margin: 0 auto 1em;
		padding: 0.5em 0;
	}
	.bandle-text{
		width: 90%;
		font-size: 0.9em;
		text-align: center;
		line-height: 2em;
		margin: 0 auto 1em;
	}
	.oritoku-text{
		font-size: 0.9em;
		text-align: center;
		line-height: 2em;
		margin: 0 auto 1em;
	}
	.oritoku-block-wrap{

	}
	.oritoku-block{
		margin: 0 0 2em;
	}
	.bandle-img{
		width: 60%;
		margin: 0 auto 2em;
	}
	.oritoku-img{
		width: 60%;
		margin: 0 auto 0.5em;
	}
	.bandle-block-last{
		margin: 0 0 4em;
	}
	
	/*BEST*/
	.cd-best-musiclist{
		width: 100%;
	}
	.musiclist-block{
		width: 90%;
		margin: 0 auto 0;
	}
	.musiclist-block h5{
		font-size: 0.9em;
		margin: 1em 0 1em;
	}
	.musiclist-block p{
		font-size: 0.8em;
		line-height: 1.5em;
	}
	.cd_best_img{
		width: 90%;
		margin: 0 auto 1em;
	}
	.cd_best_text{
		width: 90%;
		font-size: 0.9em;
		margin: 0 auto 0;
		line-height: 1.5em;
	}

}


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

.chara-nav{
	z-index: 10;
}
.chara-nav li img{
	width: 100%;		
}
.chara-stand{
	background: no-repeat;
	z-index: 2;
}
.chara-caption{
	z-index: 3;
}
.chara-bgname{
	z-index: 1;
	
}
.chara-stand-01{
	background: url("../character/img/chara_tati_01@2x.png") no-repeat;
}
.chara-stand-02{
	background: url("../character/img/chara_tati_02@2x.png") no-repeat;
}
.chara-stand-03{
	background: url("../character/img/chara_tati_03@2x.png") no-repeat;
}
.chara-stand-04{
	background: url("../character/img/chara_tati_04@2x.png") no-repeat;
}
.chara-stand-05{
	background: url("../character/img/chara_tati_05@2x.png") no-repeat;
}
.chara-stand-06{
	background: url("../character/img/chara_tati_06@2x.png") no-repeat;
}
.chara-caption-01{
	background: url("../character/img/chara_caption_01@2x.png") no-repeat;
}
.chara-caption-02{
	background: url("../character/img/chara_caption_02@2x.png") no-repeat;
}
.chara-caption-03{
	background: url("../character/img/chara_caption_03@2x.png") no-repeat;
}
.chara-caption-04{
	background: url("../character/img/chara_caption_04@2x.png") no-repeat;
}
.chara-caption-05{
	background: url("../character/img/chara_caption_05@2x.png") no-repeat;
}
.chara-caption-06{
	background: url("../character/img/chara_caption_06@2x.png") no-repeat;
}
.chara-bgname-01{
	background: url("../character/img/chara_bg_name_01@2x.png") no-repeat;
}
.chara-bgname-02{
	background: url("../character/img/chara_bg_name_02@2x.png") no-repeat;
}
.chara-bgname-03{
	background: url("../character/img/chara_bg_name_03@2x.png") no-repeat;
}
.chara-bgname-04{
	background: url("../character/img/chara_bg_name_04@2x.png") no-repeat;
}
.chara-bgname-05{
	background: url("../character/img/chara_bg_name_05@2x.png") no-repeat;
}
.chara-bgname-06{
	background: url("../character/img/chara_bg_name_06@2x.png") no-repeat;
}

@media all and (min-width: 768px) {
	.chara-nav{
		display: flex;
		position: absolute;
		top: 140px;
		left: 520px;
	}
	.chara-nav li{
		width: 70px;
		margin: 0 10px 0 0;
	}
	.chara-nav li:last-child{
		margin: 0 0 0 0;
	}
	.chara-stand{
		width: 550px;
		height: 1080px;
		background-size: cover;
		position: absolute;
		top: 0;
		left: 60px;
	}
	.chara-caption{
		width: 510px;
		height: 430px;
		background-size: cover;
		position: absolute;
		top: 240px;
		left: 520px;
	}
	.chara-bgname{
		width: 550px;
		height: 550px;
		background-size: cover;
		position: absolute;
		top: 550px;
		left: 480px;
	}
}

@media all and (max-width: 767px) {
	.chara-nav{
		width: 70%;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
		position: relative;
	}
	.chara-nav li{
		width: 15%;
	}
	.chara-stand{
		width: 90%;
		margin: 0 auto 0;
		padding-top: 174%;
		background-size: contain;
		position: relative;
		z-index: 2;
	}
	.chara-caption{
		width: 80%;
		margin: -72% 0 0 10%;
		padding-top: 68%;
		background-size: contain;
		position: relative;
		z-index: 3;
	}
	.chara-bgname{
		width: 80%;
		padding-top: 80%;
		background-size: contain;
		position: absolute;
		top: 24%;
		left: 6%;
		z-index: 1;
	}


}


/*	06.TICKET
============================== */

.ticket-img img{
	width: 100%;
}

@media all and (min-width: 768px) {
	.under-contents-ticket{
		width: 710px;
		margin: 80px 0 0 270px;
	}
	.ticket-img{
		width: 710px;
		margin: 0 0 32px 0;
	}
	.ticket-title{
		font-size: 20px;
		line-height: 30px;
		margin: 20px 0 10px 0;
	}
	.ticket-text{
		font-size: 14px;
		line-height: 22px;
		margin: 0 0 14px 0;
	}
	.ticket-caution{
		font-size: 12px;
		line-height: 20px;
	}
	
}

@media all and (max-width: 767px) {
	.under-contents-ticket{
		width: 100%;
		margin:  10% 0 0;
	}
	.ticket-img{
		width: 80%;
		margin: 0 auto 1em;
	}
	.ticket-caption{
		width: 85%;
		margin: 2em auto;
	}
	.ticket-title{
		font-size: 1em;
		line-height: 1.4em;
		margin: 0 0 1em 0;
	}
	.ticket-text{
		font-size: 0.9em;
		line-height: 1.5em;
		margin: 0 0 1em 0;
	}
	.ticket-caution{
		font-size: 0.7em;
		line-height: 1.6em;
	}
}


/*	07.GOODS
============================== */

.h4-goods{
	font-weight: lighter;
}
.h4-goods{
	font-weight: bold;
	border-top: 1px solid #333;
	border-bottom: 2px solid #333;
}
.goods-img{
	border: 1px solid #000;
}
.goods-img img{
	width: 100%;
}

@media all and (min-width: 768px) {
	.goods-nav{
		width: 710px;
		margin: 0 auto 48px;
		display: flex;
		justify-content: space-between;
	}
	.goods-nav li{

	}
	.goods-nav-01 a{
		width: 352px;
		height: 52px;
		background-image: url("../goods/img/btn_goods01_off@2x.jpg");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		display: block;
	}
	.goods-nav-02 a{
		width: 352px;
		height: 52px;
		background-image: url("../goods/img/btn_goods02_off@2x.jpg");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		display: block;
	}
	.goods-nav-01 a:hover{
		background-image: url("../goods/img/btn_goods01_on@2x.jpg");
	}
	.goods-nav-02 a:hover{
		background-image: url("../goods/img/btn_goods02_on@2x.jpg");
	}
	.h4-goods{
		font-size: 24px;
		text-align: center;
		margin: 0 auto 48px;
		padding: 12px 0;
	}
	.goods-block-wrap{
		width: 660px;
		margin: 0 auto 100px;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.goods-block{
		width: 300px;
		margin: 0 0 48px;
	}
	.goods-text{
		font-size: 18px;
		line-height: 32px;
		margin: 0 auto 4px;
	}
	.goods-caption{
		font-size: 12px;
		line-height: 20px;
		margin: 0 auto 12px;
	}
	.goods-img{
		width: 300px;
		margin: 0 0 16px;
	}
}

@media all and (max-width: 767px) {
	.goods-nav{
		width: 70%;
		margin: 0 auto;
	}
	.goods-nav li{

	}
	.goods-nav-01 a{
		width: 100%;
		margin: 0 0 0.5em;
		padding-top: 15%;
		background-image: url("../goods/img/btn_goods01_off@2x.jpg");
		background-repeat: no-repeat;
		background-size: contain;
		display: block;
	}
	.goods-nav-02 a{
		width: 100%;
		margin: 0 0 2em;
		padding-top: 15%;
		background-image: url("../goods/img/btn_goods02_off@2x.jpg");
		background-repeat: no-repeat;
		background-size: contain;
		display: block;
	}
	.h4-goods{
		width: 70%;
		font-size: 1.4em;
		text-align: center;
		margin: 0 auto 1.5em;
		padding: 0.5em 0;
	}
	.goods-block-wrap{
		width: 60%;
		margin: 0 auto;
	}
	.goods-block{
		width: 100%;
		margin: 0 auto 2em;
	}
	.goods-img{
		width: 100%;
		margin: 0 auto 1em;
	}
	.goods-text{
		font-size: 1em;
		text-align: left;
		line-height: 1.5em;
		margin: 0 auto 0.5em;
	}
	.goods-caption{
		font-size: 0.8em;
		text-align: left;
		line-height: 1.5em;
		margin: 0 auto 1em;
	}
}



/*	09.ONAIR
============================== */
.h3-onair{
	letter-spacing: 0.2em;
}
.onair-caution{
	background: #ffffff;
}
.onair-wrap{
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}
.stream-list{
	background: rgba(255,255,255,0.5);
}
.stream-list tr{
	border: solid 1px #231815;
}
.stream-list td{
	border: solid 1px #231815;
}
.stream-list td{
	padding: 0.5em 1em;
}

@media all and (min-width: 768px) {
	.under-contents-onair{
		padding: 0 0 0 320px;
	}
	.onair-wrap{
		margin: 80px 0 80px 0;
	}
	.stream-wrap{
		margin: 40px 0 80px 0;
	}
	.h3-onair{
		font-size: 24px;
		margin: 0 0 20px -8px;
	}
	.onair-block{
		margin: 0 0 80px;
	}
	.onair-text-new{
		font-size: 40px;
		line-height: 1.5em;
	}
	.onair-text-new-caution{
		font-size: 20px;
		line-height: 1.5em;
	}
	.onair-text-newfin{
		font-size: 40px;
		line-height: 1.5em;
	}
	.onair-text-tbs{
		width: 466px;
		height: 111px;
		margin: 0 0 80px;
		background: url("../onair/img/onair_text_tbs@2x.png") no-repeat;
		background-size: contain;
	}
	.onair-text-atx{
		width: 718px;
		height: 125px;
		margin: 0 0 80px;
		background: url("../onair/img/onair_text_atx_2025@2x.png") no-repeat;
		background-size: contain;
	}
	.onair-text-bs11{
		width: 683px;
		height: 81px;
		margin: 0 0 80px;
		background: url("../onair/img/onair_text_bs11_2025@2x.png") no-repeat;
		background-size: contain;
	}
	.onair-text-tut{
		width: 500px;
		height: 112px;
		margin: 0 0 80px;
		background: url("../onair/img/onair_text_tut@2x.png") no-repeat;
		background-size: contain;
	}
	.onair-text-cbc{
		width: 509px;
		height: 111px;
		margin: 0 0 80px;
		background: url("../onair/img/onair_text_cbc@2x.png") no-repeat;
		background-size: contain;
	}
	.onair-text-nbc{
		width: 566px;
		height: 82px;
		margin: 0 0 80px;
		background: url("../onair/img/onair_text_nbc@2x.png") no-repeat;
		background-size: contain;
	}
	.onair-text-fin{
		width: 321px;
		height: 39px;
		margin: 0 0 80px;
		background: url("../onair/img/onair_text_fin@2x.png") no-repeat;
		background-size: contain;
	}
	.onair-caution{
		width: 20em;
		padding: 0.1em;
		font-size: 16px;
	}
	.stream-block{
		margin: 0 0 40px;
	}
	.stream-list{
		width: 100%;
	}
	.stream-list tr{
		width: 100%;
		padding: 0.5em 1em;	
	}
	.stream-name{
		width: 55%;
	}
	.stream-date{
		width: 45%;
		line-height: 1.5em;
	}

	
}

@media all and (max-width: 767px) {
	.under-contents-onair{
		padding: 5% 0 0 0;
	}
	.onair-wrap{
		width: 80%;
		margin: 0 0 10% 10%;
	}
	.stream-wrap{
		width: 80%;
		margin: 0 0 5% 10%;
	}
	.stream-block{
		width: 100%;
		margin: 0 0 10%;
	}
	.h3-onair{
		font-size: 1.2em;
		margin: 0 0 1em -0.5em;
	}
	.onair-block{
		margin: 0 0 2em;
	}
	.onair-text-new{
		font-size: 1.2em;
		line-height: 1.5em;
	}
	.onair-text-new-caution{
		font-size: 0.8em;
		line-height: 1.5em;
	}
	.onair-text-newfin{
		font-size: 1.2em;
		line-height: 1.5em;
	}
	.onair-text-tbs{
		width: 85%;
		margin: 0 0 2em;
		padding-top: 18%;
		background: url("../onair/img/onair_text_tbs.png") no-repeat;
		background-size: contain;
	}
	.onair-text-atx{
		width: 100%;
		margin: 0 0 2em;
		padding-top: 13%;
		background: url("../onair/img/onair_text_atx_2025.png") no-repeat;
		background-size: contain;
	}
	.onair-text-bs11{
		width: 100%;
		margin: 0 0 2em;
		padding-top: 10%;
		background: url("../onair/img/onair_text_bs11_2025.png") no-repeat;
		background-size: contain;
	}
	.onair-text-tut{
		width: 100%;
		margin: 0 0 2em;
		padding-top: 18%;
		background: url("../onair/img/onair_text_tut.png") no-repeat;
		background-size: contain;
	}
	.onair-text-cbc{
		width: 100%;
		margin: 0 0 2em;
		padding-top: 18%;
		background: url("../onair/img/onair_text_cbc.png") no-repeat;
		background-size: contain;
	}
	.onair-text-nbc{
		width: 100%;
		margin: 0 0 2em;
		padding-top: 10%;
		background: url("../onair/img/onair_text_nbc.png") no-repeat;
		background-size: contain;
	}
	.onair-text-fin{
		width: 65%;
		margin: 0 0 2em;
		padding-top: 5%;
		background: url("../onair/img/onair_text_fin.png") no-repeat;
		background-size: contain;
	}
	.onair-caution{
		width: 20em;
		padding: 0.1em;
		font-size: 0.7em;
	}
	.stream-list{
		width: 100%;
		font-size: 0.8em;
		line-height: 1.4em;
	}
	.stream-list tr{
		width: 100%;
		padding: 0.5em 1em;	
	}
	.stream-name{
		width: 40%;
	}
	.stream-date{
		width: 60%;
		line-height: 1.5em;
	}
}


/*	10.DISC
============================== */
.music-title,
.h4-oritoku{
	font-weight: lighter;
}
.disc-img img{
	width: 100%;
	border: 1px solid #333;
}


@media all and (min-width: 768px) {
	.disc-roll{
		width: 19em;
		font-size: 18px;
		margin: 0 0 1em 0;
		background: #ffffff;
	}
	.disc-title{
		font-size: 48px;
		line-height: 1.3em;
		margin: 0 0 16px 0;
	}
	.disc-img{
		width: 350px;
		margin: 28px 40px 28px 0;
	}
	.disc-img-event{
		width: 350px;
		margin: 14px 40px 28px 0;
	}
	.disc-date{
		font-size: 40px;
		margin: 0 0 24px 0;
	}
	.disc-date small{
		font-size: 32px;
	}
	.disc-nav{
		width: 760px;
		margin: 0 auto 48px;
		display: flex;
		justify-content: space-between;
	}
	.disc-nav li{

	}
	.disc-nav-01 a{
		width: 352px;
		height: 52px;
		background-image: url("../disc/img/btn_disc01_off@2x.jpg");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		display: block;
	}
	.disc-nav-02 a{
		width: 352px;
		height: 52px;
		background-image: url("../disc/img/btn_disc02_off@2x.jpg");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		display: block;
	}
	.disc-nav-01 a:hover{
		background-image: url("../disc/img/btn_disc01_on@2x.jpg");
	}
	.disc-nav-02 a:hover{
		background-image: url("../disc/img/btn_disc02_on@2x.jpg");
	}
	
}

@media all and (max-width: 767px) {
	.disc-roll{
		width: 19em;
		font-size: 0.9em;
		margin: 0 0 0.7em 0;
		background: #ffffff;
	}
	.disc-title{
		font-size: 2em;
		line-height: 1.4em;
		margin: 0 0 0.2em 0;
	}
	.disc-img{
		width: 100%;
		margin: 0 0 2em 0;
	}
	.disc-img-event{
		width: 100%;
		margin: 0 0 2em 0;
	}
	.disc-date{
		font-size: 1.6em;
		line-height: 1.2em;
		margin: 0 0 1em 0;
	}
	.disc-date small{
		font-size: 0.8em;
	}
	.disc-nav{
		width: 70%;
		margin: 0 auto;
	}
	.disc-nav-01 a{
		width: 100%;
		margin: 0 0 0.5em;
		padding-top: 15%;
		background-image: url("../disc/img/btn_disc01_off@2x.jpg");
		background-repeat: no-repeat;
		background-size: contain;
		display: block;
	}
	.disc-nav-02 a{
		width: 100%;
		margin: 0 0 2em;
		padding-top: 15%;
		background-image: url("../disc/img/btn_disc02_off@2x.jpg");
		background-repeat: no-repeat;
		background-size: contain;
		display: block;
	}

}


/*	11.EVENT
============================== */

.event-content-img{
	border: 1px solid #333;
	margin: 1em 0;
}
.event-content-img img{
	width: 100%;
}
.caption-list a{
	font-weight: bold;
	text-decoration: underline;
}

@media all and (min-width: 768px) {
	.event-ticket-list{
		width: 680px;
		margin: 0 auto;
	}
	.event-content-img{
		width: 100%;
	}
}

@media all and (max-width: 767px) {
	.event-ticket-list{
		width: 85%;
		margin: 0 auto;
	}
	.event-content-img{
		width: 100%;
	}
}


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

/*========= ナビゲーションのためのCSS ===============*/

#g-nav-sp{
	/*position:fixed;にし、z-indexの数値を小さくして最背面へ*/
	position:fixed;
	z-index: -999;
	opacity: 0;/*はじめは透過0*/
	/*ナビの位置と形状*/
	top:0;
	width:100%;
	height: 0;/*ナビの高さ*/
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,dddddd+100 */
	background: #eeeeee; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #dddddd 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#dddddd 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#dddddd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */
	/*動き*/
	transition: all 0.3s;
}

/*アクティブクラスがついたら透過なしにして最前面へ*/
#g-nav-sp.panelactive{
	height: 100vh;/*ナビの高さ*/
	opacity: 1;
	z-index:999;
	display: block;
}
.sp-menu-area.btnoff{
	opacity: 1;
	z-index:-1;
}

/*ナビゲーションの縦スクロール*/
#g-nav-sp.panelactive #g-nav-list{
    /*ナビの数が増えた場合縦スクロール*/
    position: fixed;
    z-index: 999; 
    width: 100%;
    height: 100vh;/*表示する高さ*/
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}
.modal-logo{
	width: 70%;
	margin: 20% auto 5%;
}
.modal-logo img{
	width: 100%;
}
/*ナビゲーション*/
#g-nav-sp ul {
	width: 100%;
    display: none;
    /*ナビゲーション天地中央揃え*/
    position: absolute;
    z-index: 999;
    top:25%;
    /*
	left:50%;
    transform: translate(-50%,-50%);
	*/
}
#g-nav-sp.panelactive ul {
    display: block;
}

/*リストのレイアウト設定*/
#g-nav-sp li{
	width: 100%;
	margin: 0 0 6%;
	font-size: 1.2em;
	text-align: center; 
}
#g-nav-sp li:last-child{
	font-size: 0.8em;
}
#g-nav-sp li img{
	width: 100%;
}

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