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


/*	both
============================== */
#wrapper{
	width: 100%;
	height: 100%;	
}

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

li{
	list-style: none;
}

/* text */
body {
	/*font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;*/
	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:#231815;
}
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;
}
.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;
}
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: 100%;
  white-space: nowrap;
}
@media all and (min-width: 768px) {
	.br-pc {
		display:block;
	}
	.br-sp {
		display:none;
	}
	.link{
		transition-duration: 0.2s;
	}
	.link img{
	  cursor: pointer;
	}
	.link:hover{
	  transform: translateY(2px);
	  transition-duration: 0.2s;
	}
	/*
	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-wrap{
	background-color: rgba(255,255,255,0);
}
#con-body{
	background-color: rgba(255,255,255,0);
}
div#con-wrap, div#con-body{
	overflow:hidden;
}


/*	page top
============================== */
p.pgt {
	z-index:20;
}
p.pgt a, p.pgt span {
	display:block;
}
@media all and (min-width: 768px) {
	p.pgt {
		position:fixed;
		right: 40px;
		bottom: 40px;
	}
	p.pgt a {
		background-image:url(../img/cmn_pgt.png);
		background-repeat:no-repeat;
		background-position:left top;
		width:104px;
		height:124px;
		text-indent:110%;
		white-space:nowrap;
		overflow:hidden;
	}
}

@media all and (max-width: 767px) {
	p.pgt {
		width:100%;
		min-width:320px;
		bottom:0;
	}
	p.pgt a {
		position:relative;
		text-decoration:none;
		color:#fff;
		text-shadow:0 2px 2px hsla(0, 0%, 0%, .25);
		background-color:rgba(0,0,0,0.85);
		height:48px;
	}
	p.pgt a span {
		position:absolute;
		left:50%;
		top:50%;
		margin-top:-0.5em;
		margin-left:-5em;
		font-size:87.5%;
		font-weight:bold;
	}
	p.pgt a span:before {
		position:absolute;
		left:50%;
		top:50%;
		margin-top:-8px;
		margin-left:-7em;
		display:block;
		content:"";
		background-image:url(../img/cmn_arrow.svg);
		background-repeat:no-repeat;
		background-position:left top;
		width:16px;
		height:16px;
	}
}


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


/* =====================================
	HANACO BASE
====================================== */

#wrapper{
	min-height: 100%;
	overflow: hidden;
}

.is-fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
}
.md-inner{
	background: none !important;
	box-shadow: none !important;
}

@media all and (min-width: 1190px) {
	.main-img-inner{
		width: 100% !important;
		text-align: center !important;
	}
	.banner-pv{
		position: absolute;
		right: 22% !important;
	}
}


@media all and (min-width: 768px) {
	#wrapper{
		background: url("../img/bg_red.jpg") no-repeat center center;
		background-size: cover;
		position: relative;
	}
	
	#contents-picup{
		width: 100%;
		height: 40px;
		background: #231815;
		position: relative;
	}
	#contents-main{
		width: 100%;
		min-width: 740px;
		min-height: 1460px;
		position: relative;
		margin-left: 240px;
		border-left: 4px solid #231815;
		z-index: 1;
	}
	#under-contents-main{
		width: 100%;
		height: auto;
		min-width: 740px;
		min-height: 1440px;
		position: relative;
		margin-left: 240px;
		border-left: 4px solid #231815;
		z-index: 1;
		background: url("../img/inner_back.jpg") no-repeat;
		background-attachment: fixed;
		background-size: cover;
		background-position: top center;
	}
	#under-contents-main-intro{
		width: 100%;
		height: auto;
		min-width: 740px;
		min-height: 1440px;
		position: relative;
		margin-left: 240px;
		border-left: 4px solid #231815;
		z-index: 1;
		background: url("../img/bg_intro.jpg") no-repeat;
		background-attachment: fixed;
		background-size: cover;
		background-position: center right;
	}
	.under-contents-main-wrap{
		width: 740px;
		position: relative;
		left: 0;
		top: 0;
		padding: 80px 0 80px 10px;
		margin: 0 auto;
	}
	.under-contents-main-inner{
		width: 740px;
		margin-left: -120px;
	}
	#contents-side{
		width: 240px;
		background: url("../img/bg_red.jpg") no-repeat center center;
		position: relative;
		float: left;
		z-index: 2;
	}
	#contents-sp{
		display: none;
	}
	#under-contents-sp{
		display: none;
	}
	
	.under-h2{
		width: 730px;
		margin: 0 auto;
		text-align: center;
		
	}
	
	/**/
	.newsticker-update{
		width: 71px;
		height: 12px;
		padding: 12px 30px;
		position: absolute;
		background: #231815;
	}
	#newsticker{
		margin: 0 0 0 120px;
	}
	.main-img{
		width: 100%;
		position: relative;
	}
	.main-img-back{
		min-width: 1180px;
		position: absolute;
		top: 0;
		left: 0;
	}
	.main-img-middle{
		position: absolute;
		top: 0;
		left: 0;
	}
	.main-img-flont{
		min-width: 1180px;
		position: absolute;
		top: 0;
		left: 0;
	}
	.main-img-pc{
		display: block;
	}
	.main-img-sp{
		display: none;
	}
	.banner-pv{
		position: absolute;
		right: 28%;
		top: 2%;
		z-index: 99;
	}
	/*
	.main-img-flont{
		position: absolute;
		top: 0;
		left: 0;
	}
	*/
	.main-img-inner{
		width: 89%;
		text-align: center;
	}
	.top-logo{
		margin: 25px 0 20px 20px;
		z-index: 10;
	}
	.inner-logo{
		margin: 35px 0 15px 20px;
		z-index: 10;
	}
	.top-onair{
		margin: 0 0 10px 15px;
	}
	
	/*pc-nav*/
	.pc-navigation{
		margin: 0 0 30px 30px;
	}
	.pc-navigation li{
		width: 200px;
		height: 35px;
		margin-bottom: 5px;
		float: left;
		list-style-type: none;
	}
	.pc-nav-01 a{
		width:200px;
		height:35px;
		background-image: url("../img/nav_pc.png");
		background-repeat: no-repeat;
		background-position: 0 0;
		display: block;
		padding: 0;
	}
	.pc-nav-01 a:hover{
		background-position: -200px 0px;
	}
	.pc-nav-02 a{
		width:200px;
		height:35px;
		background-image: url("../img/nav_pc.png");
		background-repeat: no-repeat;
		background-position: 0 -35px;
		display: block;
		padding: 0;
	}
	.pc-nav-02 a:hover{
		background-position: -200px -35px;
	}
	.pc-nav-03 a{
		width:200px;
		height:35px;
		background-image: url("../img/nav_pc.png");
		background-repeat: no-repeat;
		background-position: 0 -70px;
		display: block;
		padding: 0;
	}
	.pc-nav-03 a:hover{
		background-position: -200px -70px;
	}
	.pc-nav-04 a{
		width:200px;
		height:35px;
		background-image: url("../img/nav_pc.png");
		background-repeat: no-repeat;
		background-position: 0 -105px;
		display: block;
		padding: 0;
	}
	.pc-nav-04 a:hover{
		background-position: -200px -105px;
	}
	.pc-nav-05 a{
		width:200px;
		height:35px;
		background-image: url("../img/nav_pc.png");
		background-repeat: no-repeat;
		background-position: 0 -140px;
		display: block;
		padding: 0;
	}
	.pc-nav-05 a:hover{
		background-position: -200px -140px;
	}
	.pc-nav-06 a{
		width:200px;
		height:35px;
		background-image: url("../img/nav_pc.png");
		background-repeat: no-repeat;
		background-position: 0 -175px;
		display: block;
		padding: 0;
	}
	.pc-nav-06 a:hover{
		background-position: -200px -175px;
	}
	.pc-nav-07 a{
		width:200px;
		height:35px;
		background-image: url("../img/nav_pc.png");
		background-repeat: no-repeat;
		background-position: 0 -210px;
		display: block;
		padding: 0;
	}
	.pc-nav-07 a:hover{
		background-position: -200px -210px;
	}
	.pc-nav-08 a{
		width:200px;
		height:35px;
		background-image: url("../img/nav_pc.png");
		background-repeat: no-repeat;
		background-position: 0 -245px;
		display: block;
		padding: 0;
	}
	.pc-nav-08 a:hover{
		background-position: -200px -245px;
	}
	.pc-nav-09 a{
		width:200px;
		height:35px;
		background-image: url("../img/nav_pc.png");
		background-repeat: no-repeat;
		background-position: 0 -280px;
		display: block;
		padding: 0;
	}
	.pc-nav-09 a:hover{
		background-position: -200px -280px;
	}
	.pc-nav-10 a{
		width:200px;
		height:35px;
		background-image: url("../img/nav_pc.png");
		background-repeat: no-repeat;
		background-position: 0 -315px;
		display: block;
		padding: 0;
	}
	.pc-nav-10 a:hover{
		background-position: -200px -315px;
	}
	.pc-nav-11 a{
		width:200px;
		height:35px;
		background-image: url("../img/nav_pc.png");
		background-repeat: no-repeat;
		background-position: 0 -350px;
		display: block;
		padding: 0;
	}
	.pc-nav-11 a:hover{
		background-position: -200px -350px;
	}
	
	.top-twitter-block{
		width: 180px;
		margin: 0 0 30px 30px;
	}
	.top-twitter-head{
		width: 180px;
		text-align: left;
		margin: 0 0 4px 0;
	}
	.top-twitter-inner{
		width: 180px;
		height: 170px;
		background: rgba(0,0,0,.8);
		overflow: hidden
	}
	.top-banner-area{
		width: 180px;
		margin: 0 0 30px 30px;
	}
	.top-banner{
		margin: 0 0 10px 0;
	}
	.top-share-block{
		width: 180px;
		margin: 0 0 30px 30px;
	}
	.sharehead{
		width: 54px;
		margin: 0 0 10px 0;
	}
	.top-share-block li{
		width: 30px;
		margin: 0 15px 0 0;
		float: left;
	}
	.top-share-block li img{
		width: 100%;
	}
	.pc-footer{
		width: 180px;
		margin: 0 0 0 30px;
	}
	.copyright{
		font-size: 11px;
		font-weight: bold;
		line-height: 20px;
		margin: 0 0 10px 0;
	}
	.footer-contents-area{
		display:none;
	}
	/*sp-nav*/
	#content01{
		display: none;
	}
	
}

@media all and (max-width: 767px) {
	#wrapper{
		position: relative;
	}
	#wrapper::before{
		content: "";
		background: url("../img/bg_red.jpg") no-repeat center center;
		background-size: cover;
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100vh;
		z-index: -1;
	}
	.wrapper-inner::before{
		content: "";
		background: url("../img/inner_back.jpg") no-repeat top right !important;
		background-size: 160% !important;
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100vh;
		z-index: -1;
	}
	.wrapper-inner-intro::before{
		content: "";
		background: url("../img/bg_intro.jpg") no-repeat top right !important;
		background-size: cover !important;
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100vh;
		z-index: -1;
	}
	#contents-picup{
		display: none !important;
	}
	.newsticker-update{
		display: none !important;
	}
	#newsticker{
		display: none !important;
	}
	#contents-main{
		width: 100%;
		z-index: 1;
	}
	#contents-side{
		display: none;
	}
	#contents-sp{
		display: block;
	}
	#under-contents-sp{
		display: block;
	}
	.main-img-wrap{
		padding-top: 141%;
	}
	.main-img{
		width: 100%;
		position: relative;
	}
	.main-img-back{
		position: absolute;
		top: 0;
		left: 0;
	}
	.main-img-middle{
		position: absolute;
		top: 0;
		left: 0;
	}
	.main-img-flont{
		position: absolute;
		top: 0;
		left: 0;
	}
	.main-img-pc{
		display: none;
	}
	.main-img-sp{
		position: absolute;
		top: 0;
		left: 0;
	}
	.main-img-inner{
		width: 100%;
		text-align: center;
	}
	.banner-pv{
		display: none;
	}
	
	/*contents-sp*/
	#contents-sp{
		width: 100%;
		padding: 0 0 10%;
	}
	#under-contents-sp{
		width: 100%;
		padding: 0 0 0 0;
	}
	#sp_modal,#sp_modal img{
		width: 100%;
	}
	.banner-pv-sp{
		width: 80%;
		margin: 10% auto;
	}
	.banner-pv-sp img{
		width: 100%;
	}
	.h2-topics-sp{
		width: 50%;
		margin: 0 auto 5%;
	}
	.h2-topics-sp img{
		width: 100%;
	}
	.topics-block-sp{
		width: 90%;
		margin: 0 auto 12%;
	}
	.topics-block-sp ul li{
		width: 86%;
		margin: 0 auto 3%;
		padding: 5% 7%;
		background: #840002;
		border-radius: 15px;
	}
	.topics-date{
		font-size: 0.8em;
		margin: 0 0 0.1em 0;
		display: block;
	}
	.topics-block-sp ul li a{
		color: #fff;
		line-height: 1.4em;
	}
	.twitter-sp-wrap{
		width: 100%;
		margin: 0 auto 12%;
	}
	.h2-twitter-sp{
		width: 55%;
		margin: 0 auto 5%;
	}
	.h2-twitter-sp img{
		width: 100%;
	}
	.twitter-inner-sp{
		width: 86%;
		margin: 0 auto;
		background: rgba(0,0,0,.8);
		overflow: hidden;
	}
	/*footer*/
	.footer-contents-area{
		width: 100%;
		padding: 2em 0 5em;
		background: #000000;
	}
	.sp-share-block{
		width: 100%;
	}
	.sp-share-block ul{
		width: 70%;
		margin: 0 auto 2em;
	}
	.sp-share-block li{
		width: 20%;
		margin: 0 2%;
		float: left;
	}
	.sp-share-head{
		margin-top: 8.4% !important;
		margin-right: 5% !important;
	}
	.sp-share-block li img{
		width: 100%;
		margin:auto;
		display: block;
	}
	.footer-contents-area-inner{
		width: 90%;
		margin: 0 auto;
	}
	.banner-footer-gensaku{
		width: 90%;
		margin: 0 auto 0.8em;
	}
	.banner-footer-gensaku img{
		width: 100%;
	}
	.copyright{
		width: 100%;
		margin: 10% auto 0;
		font-size: 0.6em;
		letter-spacing: 0.05em;
		line-height: 1.7em;
		color: #ffffff;
		text-align: center;
	}
	
	/*sp_nav*/
	.modal_logo{
		width: 70%;
		margin: 4em auto 2em;
	}
	.modal_logo img{
		width:100%;
	}
	.modal_navigation{
		width:90%;
		margin:0 0 0 5%;
		text-align: center;
	}
	#content01{
		background-image: url("../img/modal_bg.jpg");
		background-repeat: no-repeat;
		background-size:cover;
		background-position:bottom center;
	}
	div#content01 div.modal-content ul li {
		width: 100%;
		margin:0 0 0.7em;
		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 TEMP
============================== */

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

@media all and (max-width: 767px) {
	.under-contents-main-wrap{
		width: 100%;
		padding: 10% 0 0;
	}
	.under-contents-main-inner{
		padding: 0 0 10%;
	}
	.under-h2 img{
		width: 100%;
	}
}


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

.news-block{
	border-bottom: 1px solid #451314;
}
.news-date,.news-title{
	color: #c5373c;
	font-weight: bold;
	text-align: center;
}
.news-date{
	color: #c5373c;
}
.news-title{
	color: #231815;
}
.news-h4{
	color: #c5373c;
	font-weight: bold;
}


@media all and (min-width: 768px) {
	.h2-news{
		
	}
	.news-wrap{
		width: 730px;
		margin: 80px auto 100px;
		position: relative;
	}
	.news-block{
		width: 640px;
		margin: 0 auto 80px;
		padding: 0 0 80px;
	}
	.news-date{
		font-size: 14px;
		letter-spacing: 0.3em;
		margin-bottom: 0.5em;
	}
	.news-title{
		font-size:32px;
		line-height: 1.5em;
		margin-bottom: 1em;
	}
	.news-img{
		width: 640px;
		margin: 20px auto 50px;
	}
	.news-img img{
		max-width: 640px;
	}
	.news-h4{
		font-size: 20px;
		margin:1.5em 0 0.5em;
	}
	.news-text{
		font-size: 16px;
		line-height: 1.6em;
		margin-bottom: 1em;
	}
	.news-back{
		width: 295px;
		margin: 0 auto 120px;
	}
	
	/* newsall */
	.newsall-wrap{
		width: 730px;
		margin: 80px auto 100px;
		position: relative;
	}
	.newsall-block{
		width: 640px;
		margin: 0 auto 20px;
		padding: 0 0 20px;
		border-bottom: 1px solid #555;
	}
	.newsall-date{
		font-size: 14px;
		font-weight: bold;
		color: #c5373c;
		margin: 0 0 0.5em;
	}
	.newsall-text{
		font-size: 18px;
		line-height: 1.4em;
		font-weight: bold;	
	}
}

@media all and (max-width: 767px) {
	.h2-news{
		width: 35%;
		margin: 0 auto;
	}
	.news-wrap{
		width: 100%;
		margin: 5% 0 15%;
		position: relative;
	}
	.news-block{
		width: 90%;
		margin: 0 auto 2em;
		padding: 1em 0 2em;
	}
	.news-date{
		font-size: 0.7em;
		letter-spacing: 0.1em;
		margin-bottom: 0.5em;
	}
	.news-title{
		font-size:1.2em;
		line-height: 1.5em;
		margin-bottom: 1em;
	}
	.news-img{
		width: 100%;
		margin: 1em auto 1.5em;
	}
	.news-img img{
		width: 100%;
	}
	.news-h4{
		font-size: 1em;
		margin:1.5em 0 0.5em;
	}
	.news-text{
		font-size: 0.8em;
		line-height: 1.6em;
		margin-bottom: 1em;
	}
	.news-back{
		width: 50%;
		margin: 0 auto 4em;
	}
	.news-back img{
		width: 100%;
	}
	
	
	/* newsall */
	.newsall-wrap{
		width: 100%;
		margin: 5% 0 15%;
		position: relative;
	}
	.newsall-block{
		width: 90%;
		margin: 0 auto 5%;
		padding: 0 0 5%;
		border-bottom: 1px solid #555;
	}
	.newsall-date{
		font-size: 0.7em;
		font-weight: bold;
		color: #c5373c;
		margin: 0 0 0.5em;
	}
	.newsall-text{
		font-size: 0.9em;
		line-height: 1.4em;
		font-weight: bold;	
	}
	
}


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

.haishin_caption{
	display: none;
}

@media all and (min-width: 768px) {
	.h2-onair{
		
	}
	.onair-wrap{
		width: 730px;
		position: relative;
	}
	.onair-text{
		width: 730px;
		height: 564px;
		margin: 130px auto 0;
		background: url("../onair/img/onair_text.png") no-repeat;
	}
	.haishin-text{
		width: 730px;
		height: 321px;
		margin: 30px auto 30px;
		background: url("../onair/img/stream_text.png") no-repeat;
	}
	.onair_section table{
		width: 710px;
		margin: 0 auto 40px;
	}
	.onair_section th, .onair_section td {
		padding: 10px 20px;
		border: 1px solid #c5363b;
	}
	.onair_section2 td {
		padding: 20px;
		border: 1px solid #c5363b;
	}
	.onair_section2 th {
		color:#221815;
		background: #c5363b;
		border: 1px solid #221815;
	}
	.haishin_store td {
		font-weight: bold;
		color: #221815;
		border: 1px solid #c5363b;
	}
}

@media all and (max-width: 767px) {
	.h2-onair{
		width: 35%;
		margin: 0 auto;
	}
	.onair-wrap{
		width: 100%;
		position: relative;
	}
	.onair-text{
		width: 95%;
		margin: 15% auto 10%;
		padding-top: 72%;
		background: url("../onair/img/onair_text.png") no-repeat;
		background-size: contain;
	}
	.haishin-text{
		width: 95%;
		margin: 0 auto 2%;
		padding-top: 40%;
		background: url("../onair/img/stream_text.png") no-repeat;
		background-size: contain;
	}
	.onair_section table{
		width: 85%;
		margin: 0 auto 1.5em;
		table-layout: fixed;
		word-break: break-all;
		word-wrap: break-all;
	}
	.onair_section th, .onair_section td {
		padding: 10px;
		border: 1px solid #221815;
	}
	.haishin_store {
		border-bottom: 1px solid #221815;
	}
	.onair_section th {
		color:#221815;
		background: #c5363b;
	}
	.haishin_store th{
		width: 40%;
		font-size:0.9em;
		line-height: 1.5em;
	}
	.haishin_store td{
		width: 60%;
		font-size:0.8em;
		font-weight:bold;
		background: #c5363b;
		color:#ffffff;
		line-height: 1.5em;
	}
}


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


@media all and (min-width: 768px) {
	.h2-staffcast{
		
	}
	.staffcast-wrap{
		width: 730px;
		position: relative;
	}
	.staff-block{
		width: 730px;
		margin: 100px auto 110px;
	}
	.cast-block{
		width: 730px;
		margin: 0 auto 110px;
		position: relative;
	}
	.h3-staff{
		width: 284px;
		height: 47px;
		margin: 0 auto 40px;
	}
	.h3-cast{
		width: 248px;
		height: 45px;
		margin: 0 auto 40px;
	}
	.staff-text{
		width: 730px;
		height: 733px;
		margin: 0 auto 0;
		background: url("../staffcast/img/staff_text_pc_2.png") no-repeat;
	}
	.cast-text{
		width: 730px;
		height: 290px;
		margin: 0 auto 0;
		background: url("../staffcast/img/cast_text_pc_3.png") no-repeat;
	}
	.btn-comment-01{
		position: absolute;
		top: 122px;
		left: 450px;
	}
	.btn-comment-02{
		position: absolute;
		top: 244px;
		left: 115px;
	}
	.btn-comment-03{
		position: absolute;
		top: 244px;
		left: 318px;
	}
	.btn-comment-04{
		position: absolute;
		top: 244px;
		left: 508px;
	}
	.btn-comment-05{
		position: absolute;
		top: 628px;
		left: 645px;
	}
	.btn-comment-06{
		position: absolute;
		top: 112px;
		left: 435px;
	}
	.btn-comment-07{
		position: absolute;
		top: 200px;
		left: 336px;
	}
	.btn-comment-08{
		position: absolute;
		top: 200px;
		left: 524px;
	}
	.btn-comment-09{
		position: absolute;
		top: 285px;
		left: 150px;
	}
	.btn-comment-10{
		position: absolute;
		top: 285px;
		left: 350px;
	}
	.btn-comment-11{
		position: absolute;
		top: 285px;
		left: 518px;
	}
	.btn-comment-12{
		position: absolute;
		top: 285px;
		left: 682px;
	}
}

@media all and (max-width: 767px) {
	.h2-staffcast{
		width: 70%;
		margin: 0 auto;
	}
	.staff-wrap{
		width: 100%;
		position: relative;
	}
	.staff-block{
		width: 100%;
		margin: 10% auto 10%;
		position: relative;
	}
	.cast-block{
		width: 100%;
		margin: 0 auto 10%;
		position: relative;
	}
	.h3-staff{
		width: 50%;
		margin: 0 auto 5%;
	}
	.h3-cast{
		width: 40%;
		margin: 0 auto 5%;
	}
	.h3-staff img, .h3-cast img{
		width: 100%;
	}
	.staff-text{
		width: 97%;
		margin: 0 1.5% 0 1.5%;
		padding-top: 158%;
		background: url("../staffcast/img/staff_text_sp_2.png") no-repeat;
		background-size: contain;
	}
	.cast-text{
		width: 97%;
		margin: 0 auto 0;
		padding-top: 60%;
		background: url("../staffcast/img/cast_text_sp_3.png") no-repeat;
		background-size: contain;
	}
	.btn-comment{
		display: block;
		position: absolute;
	}
	.btn-comment-01{
		width: 5%;
		top: 10.8%;
		right: 30%;
	}
	.btn-comment-02{
		width: 5%;
		top: 19.4%;
		right: 72.8%;
	}
	.btn-comment-03{
		width: 5%;
		top: 19.4%;
		right: 32.5%;
	}
	.btn-comment-04{
		width: 5%;
		top: 17.8%;
		right: 2.5%;
	}
	.btn-comment-05{
		width: 5%;
		top: 77.2%;
		right: 2.0%;
	}
	.btn-comment-06{
		width: 5%;
		top: 21%;
		right: 33%;
	}
	.btn-comment-07{
		width: 5%;
		top: 41%;
		right: 49%;
	}
	.btn-comment-08{
		width: 5%;
		top: 41%;
		right: 18%;
	}
	.btn-comment-09{
		width: 5%;
		top: 60%;
		right: 49%;
	}
	.btn-comment-10{
		width: 5%;
		top: 60%;
		right: 16%;
	}
	.btn-comment-11{
		width: 5%;
		top: 79.5%;
		right: 49%;
	}
	.btn-comment-12{
		width: 5%;
		top: 79.5%;
		right: 18%;
	}
	.btn-comment img{
		width: 100%
	}
	
}


/*	04.STORY
============================== */
.story-nav li,.story-text{
	color: #ffffff;
	font-family: 'Batang', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: 100;
	text-shadow: 0px 0px 5px #000;
}
.story-title{
	color: #c22d32;
	font-family: 'Batang', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	text-shadow: 0px 0px 5px #000;
}
.story-text{
	color: #ffffff;
	text-shadow: 0px 0px 5px #000;
}
.story-caption{
	color: #dddddd;
	text-shadow: 0px 0px 5px #000;
}
.story-nav li a{
		color: #c22d32;	
}

@media all and (min-width: 768px) {
	.h2-story{
		
	}
	.story-wrap{
		width: 730px;
		position: relative;
	}
	.intro-text{
		width: 574px;
		height: 684px;
		margin: 80px auto 0;
		background: url("../story/img/introtext_pc.png") no-repeat;
		background-size: contain;
	}
	/*inner*/
	.story-nav{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		margin: 60px auto 0;
	}
	.story-nav li{
		width: 48px;
		margin: 0 4px;
	}
	.story-nav li a{
		text-decoration: none;
	}
	.story-nav li a img{
		width: 100%;
	}
	
	.story-nav li.nolink{
		opacity: 0.5;
	}
	.story-title-area{
		width: 730px;
		margin: 40px auto 0;
		text-align: center;
	}
	.story-title{
		font-size: 48px;
	}
	.story-img{
		width: 730px;
		margin: 20px auto;
	}
	.swiper-slide ,.swiper-slide img{
		width: 360px;
	}
	.story-text{
		font-size: 16px;
		line-height: 28px;
		letter-spacing: 0.06em;
		margin: 0 0 24px;
		text-align: center;
	}
	.story-caption{
		font-size: 12px;
		line-height: 22px;
		letter-spacing: 0.08em;
		text-align: center;
	}
	
}

@media all and (max-width: 767px) {
	.h2-story{
		width: 35%;
		margin: 0 auto;
	}
	.story-wrap{
		width: 100%;
	}
	.intro-text{
		width: 90%;
		margin: 8% auto 10%;
		padding-top: 132%;
		background: url("../story/img/introtext_sp.png") no-repeat;
		background-size: contain;
	}
	/*inner*/
	.story-nav-area{
		margin: 2em auto 1em;
	}
	.story-nav{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.story-nav li{
		width: 13%;
		line-height: 1.8em;
		color: #676767;
		margin: 1%;
		font-family: 'Batang', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		font-weight: 100;
	}
	.story-nav li a{
		text-decoration: none;
	}
	.story-nav li a img{
		width: 100%;
	}
	.story-nav li.nolink{
		display: none;
	}
	.story-title-area{
		margin: 0 auto 0.5em;
		text-align: center;
	}
	.story-title-caption{
		width: 30%;
		margin: 0 auto;
	}
	.story-title-caption img{
		width: 100%;
	}
	.story-title{
		font-size: 2.2em;
		line-height: 1em;
	}
	.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{
		width: 90%;
		margin: 0 auto;
		padding: 1.4em 0 0;
	}
	.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;
	}
}


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


@media all and (min-width: 768px) {
	.h2-character{
		
	}
	.chara-wrap{
		width: 730px;
		width: 540px;
		position: relative;
		left: 100px;
	}
	.chara-nav{
		margin: 20px auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.chara-nav li{
		width: 68px;
		margin: 10px 5px;
	}
	.chara-nav li img{
		width: 100%;
	}
	.chara-block{
		width: 730px;
		height: 1020px;
		position: relative;
	}
	.chara-stand{
		position: absolute;
		top: 20px;
		right: 20px;
	}
	.chara-stand-01{
		width: 355px;
		height: 923px;
		position: absolute;
		top: 20px;
		right: 20px;
		background: url("../chara/img/chara_stand01_new.png") no-repeat;
		background-size: contain;	
	}
	.chara-stand-02{
		width: 425px;
		height: 869px;
		position: absolute;
		top: 20px;
		right: 0px;
		background: url("../chara/img/chara_stand02_new.png") no-repeat;
		background-size: contain;	
	}
	.chara-stand-03{
		width: 370px;
		height: 950px;
		position: absolute;
		top: 10px;
		right: 10px;
		background: url("../chara/img/chara_stand03_new.png") no-repeat;
		background-size: contain;	
	}
	.chara-stand-04{
		width: 382px;
		height: 670px;
		position: absolute;
		top: 10px;
		right: 10px;
		background: url("../chara/img/chara_stand04_new.png") no-repeat;
		background-size: contain;	
	}
	.chara-stand-05{
		width: 421px;
		height: 919px;
		position: absolute;
		top: 20px;
		right: 20px;
		background: url("../chara/img/chara_stand05.png") no-repeat;
		background-size: contain;	
	}
	.chara-stand-06{
		width: 383px;
		height: 1021px;
		position: absolute;
		top: 0px;
		right: 40px;
		background: url("../chara/img/chara_stand06.png") no-repeat;
		background-size: contain;	
	}
	.chara-stand-07{
		width: 417px;
		height: 1004px;
		position: absolute;
		top: 0px;
		right: 40px;
		background: url("../chara/img/chara_stand07.png") no-repeat;
		background-size: contain;	
	}
	.chara-stand-08{
		width: 361px;
		height: 1017px;
		position: absolute;
		top: 0px;
		right: 40px;
		background: url("../chara/img/chara_stand08.png") no-repeat;
		background-size: contain;	
	}
	.chara-stand-09{
		width: 446px;
		height: 1015px;
		position: absolute;
		top: 25px;
		right: 30px;
		background: url("../chara/img/chara_stand09.png") no-repeat;
		background-size: contain;	
	}
	.chara-stand-10{
		width: 321px;
		height: 1027px;
		position: absolute;
		top: 25px;
		right: 50px;
		background: url("../chara/img/chara_stand10.png") no-repeat;
		background-size: contain;	
	}
	.chara-stand-11{
		width: 237px;
		height: 933px;
		position: absolute;
		top: 25px;
		right: 110px;
		background: url("../chara/img/chara_stand11.png") no-repeat;
		background-size: contain;	
	}
	.chara-stand-12{
		width: 474px;
		height: 931px;
		position: absolute;
		top: 25px;
		right: 10px;
		background: url("../chara/img/chara_stand12.png") no-repeat;
		background-size: contain;	
	}
	.chara-name{
		position: absolute;
		top: 90px;
		left: 80px;
	}
	.chara-name-04{
		position: absolute;
		top: 90px;
		left: 20px;
	}
	.chara-face{
		width: 300px;
		position: absolute;
		top: 650px;
		left: 50px;
	}
	.chara-change-btn{
		width: 120px;
		height: 116px;
		position: absolute;
		top: 240px;
		right: 10px;
	}
	.chara-text{
		font-size: 14px;
		line-height: 24px;
		font-weight: bold;
		width: 300px;
		position: absolute;
		top: 520px;
		left: 45px;
	}
	.btn-chara-back{
		width: 295px;
		position: absolute;
		/*top: 650px;*/
		top: 840px;
		left: 45px;
	}
	
	/*charaall*/
	.charaall-wrap{
		
	}
	.charaall-list{
		width: 730px;
		margin: 40px auto 20px;
		display: flex;
		flex-wrap: wrap;
		justify-content: left;
		
	}
	.charaall-list li{
		width: 220px;
		margin: 15px 10px;	
	}
	.charaall-list li img{
		width: 100%;
	}
	
}

@media all and (max-width: 767px) {
	.h2-character{
		width: 60%;
		margin: 0 auto;
	}
	.chara-wrap{
		width: 100%;
		position: relative;
	}
	.chara-nav{
		margin: 1em auto 5%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.chara-nav li{
		width: 15%;
		margin: 1% 1%;
	}
	.chara-nav li img{
		width: 100%;
	}
	.chara-block{
		width: 100%;;
		position: relative;
	}
	.chara-block-position{
		padding-top: 140%;
	}
	.chara-stand{
		width: 100%;
		position: relative;
	}
	.chara-stand-01{
		width: 58%;
		padding-top: 128%;
		background: url("../chara/img/chara_stand01_new.png") no-repeat;
		background-size: contain;
		position: absolute;
		top: 0;
		right: -2%;
	}
	.chara-stand-02{
		width: 64%;
		padding-top: 128%;
		background: url("../chara/img/chara_stand02_new.png") no-repeat;
		background-size: contain;
		position: absolute;
		top: 0;
		right: -2%;
	}
	.chara-stand-03{
		width: 76%;
		padding-top: 132%;
		background: url("../chara/img/chara_stand03_new.png") no-repeat;
		background-size: contain;
		position: absolute;
		top: -1%;
		right: -14%;
	}
	.chara-stand-04{
		width: 70%;
		padding-top: 106%;
		background: url("../chara/img/chara_stand04_new.png") no-repeat;
		background-size: contain;
		position: absolute;
		top: 2%;
		right:-3%;
	}
	.chara-stand-05{
		width: 64%;
		padding-top: 128%;
		background: url("../chara/img/chara_stand05.png") no-repeat;
		background-size: contain;
		position: absolute;
		top: 0;
		right: -2%;
	}
	.chara-stand-06{
		width: 50%;
		padding-top: 130%;
		background: url("../chara/img/chara_stand06.png") no-repeat;
		background-size: contain;
		position: absolute;
		top: 0;
		right: 7%;
	}
	.chara-stand-07{
		width: 55%;
		padding-top: 130%;
		background: url("../chara/img/chara_stand07.png") no-repeat;
		background-size: contain;
		position: absolute;
		top: 0;
		right: 3%;
	}
	.chara-stand-08{
		width: 48%;
		padding-top: 130%;
		background: url("../chara/img/chara_stand08.png") no-repeat;
		background-size: contain;
		position: absolute;
		top: 0;
		right: 4%;
	}
	.chara-stand-09{
		width: 59%;
		padding-top: 130%;
		background: url("../chara/img/chara_stand09.png") no-repeat;
		background-size: contain;
		position: absolute;
		top: 0;
		right: 8%;
	}
	.chara-stand-10{
		width: 59%;
		padding-top: 134%;
		background: url("../chara/img/chara_stand10.png") no-repeat;
		background-size: contain;
		position: absolute;
		top: -1%;
		right: -12%;
	}
	.chara-stand-11{
		width: 35%;
		padding-top: 134%;
		background: url(../chara/img/chara_stand11.png) no-repeat;
		background-size: contain;
		position: absolute;
		top: -2%;
		right: 14%;
	}
	.chara-stand-12{
		width: 68%;
		padding-top: 128%;
		background: url("../chara/img/chara_stand12.png") no-repeat;
		background-size: contain;
		position: absolute;
		top: 0;
		right: -2%;
	}
	.chara-name{
		width: 30%;
		position: absolute;
		top: 5%;
		left: 10%;
	}
	.chara-name-04{
		width: 39%;
		position: absolute;
		top: 5%;
		left: 7%;
	}
	.chara-face{
		width: 44%;
		position: absolute;
		top: 44%;
		left: 9%;
	}
	.chara-change-btn{
		width: 20%;
		position: absolute;
		top: 15%;
		right: 2%;
	}
	.chara-change-btn img{
		width: 100%;
	}
	.chara-text{
		width: 80%;
		margin: 0 auto 10%;
		font-size: 0.9em;
		line-height: 1.5em;
		font-weight: bold;
	}
	.btn-chara-back{
		width: 70%;
		margin: 0 auto;
	}
	.chara-stand img, .chara-name img, .chara-face img, .btn-chara-back img{
		width: 100%;	
	}
	
	
	/*charaall*/
	.charaall-wrap{
		
	}
	.charaall-list{
		width: 96%;
		margin: 5% auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		
	}
	.charaall-list li{
		width: 46%;
		margin: 3% 2%;	
	}
	.charaall-list li img{
		width: 100%;
	}	
}



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

.music-title{
	color: #c5363b;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.artist-top,.artist-top-caption,.artist-profile-name{
	color: #231815;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	letter-spacing: 0.05em;
}
.artist-top{
	border-top: 10px solid #231815;
}
.artist-big-img img{
	width: 100%;
}
.cd-title{
	color: #c5363b;
}
.music-caption{
	color: #c5363b;
	font-weight: bold;
	line-height: 1.5em;
}
.artist,.artist-caption{
	font-weight: bold;
}
.h3-music img{
	width: 100%;
}
.btn-artist-comment a{
	color: #fff;
}


@media all and (min-width: 768px) {
	.h2-music{
		
	}
	.music-wrap{
		width: 730px;
		position: relative;
	}
	.music-block{
		margin: 60px auto 0;
		padding: 20px 0 40px;
		text-align: center;
		border-bottom: 1px solid #666;
	}
	.h3-music{
		width: 282px;
		margin: 0 auto 40px;
	}
	.music-title{
		font-size: 72px;
		line-height: 1em;
		margin: 0 auto 20px;
	}
	.music-title span{
		font-size: 48px;
	}
	.music-caption{
		font-size: 14px;
	}
	.artist{
		font-size: 32px;
		margin: 32px auto 0;
	}
	.artist-caption{
		font-size: 18px;
		margin: 14px auto 0;
	}
	.btn-artist{
		width: 200px;
		margin: 30px auto 40px;
		padding: 17px 20px 13px;
		font-size: 18px;
		font-weight: bold;
		border: 2px solid #231815;
		color: #fff;
		background: #c5363b;
		position: relative;
		display: block;
	}
	
	/*artistpage*/
	.artist-profile-block-wrap{
		margin: 48px 0 120px;
	}
	.artist-top{
		margin: 48px auto 0;
		padding-top: 36px;
		font-size: 48px;
		text-align: center;
	}
	.artist-top-caption{
		margin: 12px auto 0;
		font-size: 18px;
		text-align: center;
		font-weight: bold;
	}
	.artist-music-block{
		margin: 60px auto 0;
		padding: 20px 0 40px;
		text-align: center;
	}
	.artist-cd-img{
		width: 730px;
		margin: 20px auto 40px;
	}
	.cd-date{
		font-size: 24px;
		line-height: 1.2em;
		font-weight: bold;
		margin: 20px auto 0;
		text-align: center;
	}
	.cd-date small{
		font-size: 14px;
	}
	.artist-profile-block{
		margin: 40px auto 40px;
		padding-bottom: 40px;
		display: table;
		table-layout:fixed; /* ブロックレベル要素を均等に配置 */
		border-bottom: 1px solid #666;
	}
	.artist-profile-img{
		width: 200px;
		display: table-cell;
		vertical-align:middle;
	}
	.artist-profile-caption{
		width: 490px;
		padding-left: 20px;
		vertical-align:middle;
		display: table-cell;
	}
	.artist-profile-name{
		font-size: 18px;
		margin: 0 0 0.5em;
	}
	.btn-artist-comment{
		font-size: 12px;
		padding: 0.4em 0.5em 0.3em;
		background: #231815;
	}
	.artist-profile-text{
		font-size: 13px;
		line-height: 1.4em;
	}
	.cd-title{
		font-size: 16px;
	}
	.cd-info{
		width: 560px;
		margin: 60px auto 0;
		line-height: 1.5em;
		text-align: left;
	}
	.cd-caption{
		margin: 0 auto 0;
	}
	.cd-caption dt{
		font-size: 14px;
		font-weight: bold;
		margin: 1.5em 0 0.5em;
	}
	.cd-caption dd{
		font-weight: normal;
		margin: 0 0 0 1em;
	}
	.artist-big-img{
		width: 710px;
		margin: 30px auto 40px;
	}
	/*oritoku*/
	.oritoku_table_cd{
		width: 530px;
		border-collapse: collapse;
		margin: 20px auto 20px;
	}
	.oritoku_table_cd tr td{
		border: 1px solid #221815;
		line-height: 1.6em;
		padding: 10px 10px;
		background-color: rgba(255,255,255,0.4);
	}
	.oritoku_table_cd tr th{
		font-size: 12px;
		color: #fff;
		background: #221815;
		border: 1px solid #221815;
		padding: 10px;
		text-align: center;
	}
	.td_store_cd{
		font-size: 12px;
		font-weight: bold;
		text-align: center;
		width: 200px;
	}
	.td_item_cd{
		font-size: 12px;
		width: 200px;
	}
	.td_img_cd{
		font-size: 12px;
		width: 80px;
	}
	.td_img_cd img{
		width: 80px;
	}
}

@media all and (max-width: 767px) {
	.h2-music{
		width: 35%;
		margin: 0 auto;
	}
	.music-wrap{
		width: 100%;
		position: relative;
	}
	.music-block{
		margin: 10% auto 20%;
		padding: 0 0 10%;
		text-align: center;
		border-bottom: 1px solid #666;
	}
	.h3-music{
		width: 50%;
		margin: 0 auto 7%;
	}
	.music-title{
		font-size: 2.6em;
		line-height: 1em;
		margin: 0 auto 0.4em;
	}
	.music-caption{
		font-size: 0.7em;
	}
	.artist{
		font-size: 1.5em;
		margin: 1em auto 0;
	}
	.artist-caption{
		font-size: 0.9em;
		margin: 0.5em auto 0;
	}
	.btn-artist{
		width: 200px;
		margin: 20px auto 20px;
		padding: 12px 10px 10px;
		font-size: 14px;
		font-weight: bold;
		border: 2px solid #231815;
		color: #fff;
		background: #c5363b;
		position: relative;
		display: block;
	}
	
	/*artistpage*/
	.artist-profile-block-wrap{
		width: 95%;
		margin: 0 auto 4em;
	}
	.artist-top{
		margin: 2em auto 0;
		padding-top: 1em;
		font-size: 2em;
		text-align: center;
	}
	.artist-top-caption{
		margin: 0.8em auto 0;
		font-size: 0.9em;
		text-align: center;
		font-weight: bold;
	}
	.artist-music-block{
		margin: 0 auto 0;
		padding: 2em 0 0;
		text-align: center;
	}
	.artist-cd-img{
		width: 98%;
		margin: 1em auto 2em;
	}
	.artist-cd-img img{
		width: 100%;
	}
	.cd-date{
		font-size: 1.2em;
		line-height: 1.2em;
		font-weight: bold;
		margin: 20px auto 0;
		text-align: center;
	}
	.cd-date small{
		font-size: 0.8em;
	}
	.artist-profile-block{
		margin: 2em auto 2em;
		padding-bottom: 2em;
		display: table;
		table-layout:fixed; /* ブロックレベル要素を均等に配置 */
		border-bottom: 1px solid #666;
	}
	.artist-profile-img{
		width: 20%;
		display: table-cell;
		vertical-align:middle;
	}
	.artist-profile-img img{
		width: 100%;
	}
	.artist-profile-caption{
		width: 75%;
		padding-left: 5%;
		vertical-align:top;
		display: table-cell;
	}
	.artist-profile-name{
		font-size: 1em;
		margin: 0 0 0.8em;
	}
	.btn-artist-comment{
		font-size: 0.7em;
		padding: 0.4em 0.5em 0.3em;
		background: #231815;
	}
	.artist-profile-text{
		font-size: 0.8em;
		line-height: 1.4em;
	}
	.cd-title{
		font-size: 1.2em;
	}
	.cd-info{
		width: 85%;
		margin: 3em auto 0;
		line-height: 1.5em;
		text-align: left;
	}
	.cd-caption{
		margin: 0 auto 0;
	}
	.cd-caption dt{
		font-size: 1em;
		font-weight: bold;
		margin: 1.5em 0 0.5em;
	}
	.cd-caption dd{
		font-size: 0.9em;
		font-weight: normal;
		margin: 0 0 0 1em;
	}
	.artist-big-img{
		width: 90%;
		margin: 1em auto 1em;
	}
	/*oritoku*/
	.oritoku_table_cd{
		width: 100%;
		border-collapse: collapse;
		margin: 0.5em auto 1.5em;
		
	}
	.oritoku_table_cd tr td{
		font-size: 0.7em;
		border: 1px solid #221815;
		line-height: 1.6em;
		padding: 1em;
		background-color: rgba(255,255,255,0.4);
	}
	.oritoku_table_cd tr th{
		color: #fff;
		background: #221815;
		line-height: 1.6em;
		border: 1px solid #221815;
		padding: 1em;
		font-size: 0.6em;
	}
	.td_store_cd{
		width: 40%;
		font-size: 0.7em;
		font-weight: bold;
		text-align: center;	
	}
	.td_item_cd{
		width: 30%;
		font-size: 0.7em;
	}
	.td_img_cd{
		width: 30%;
		font-size: 0.7em;
	}
	.td_img_cd img{
		width: 100%;
	}
}


/*	07.Blu-ray&DVD
============================== */

.h3-disc img,.h3-disc-oritoku img{
	width: 100%;
}
.tr_bg01{
	background-color: rgba(255,255,255,0.50);
}
.tr_bg02{
	background-color: rgba(33,24,21,0.30);
}

@media all and (min-width: 768px) {
	.h2-disc{
		
	}
	.disc-wrap{
		width: 730px;
		position: relative;
	}
	.disc-block{
		margin: 60px auto 0;
		padding: 20px 0 60px;
		text-align: center;
		border-bottom: 1px solid #666;
	}
	.h3-disc{
		width: 282px;
		margin: 0 auto 40px;
	}
	.h3-disc-oritoku{
		width: 386px;
		margin: 0 auto;
	}
	.h3-oritoku-caption{
		font-size: 18px;
		color: #c5363b;
		text-align: center;
		margin: 20px auto;
	}
	.disc-date{
		width: 730px;
		margin: 30px auto 20px;
		text-align: center;
	}
	.disc-caption{
		font-size: 16px;
		line-height: 24px;
		text-align: center;
		font-weight: bold;
	}
	.disc-info{
		width: 640px;
		margin: 40px auto 0;
		text-align: left;
	}
	.disc-info dt{
		font-size: 18px;
		margin: 0 0 0.5em;
		font-weight: bold;
		color: #c5363b;
	}
	.disc-info dd{
		font-size: 16px;
		line-height: 1.5em;
		margin-left: 1em;
	}
	/*oritoku*/
	.oritoku_table{
		width: 730px;
		border-collapse: collapse;
		margin: 0 auto 40px;
	}
	.oritoku_table tr td{
		border: 1px solid #221815;
		line-height: 1.2em;
		padding: 15px 30px;
		background-color: rgba(255,255,255,0.4);
	}
	.oritoku_table tr th{
		font-size: 16px;
		color: #fff;
		background: #221815;
		border: 1px solid #221815;
		padding: 10px;
	}
	.td_store{
		font-size: 16px;
		font-weight: bold;
		text-align: center;
		width: 360px;
	}
	.td_item{
		font-size: 16px;
		width: 350px;
		text-align: center;
	}
	.td_store span,.td_item span{
		font-size: 12px;
	}
	.oritoku_caution{
		width: 730px;
		margin: 0 auto;
	}
	.oritoku_caution p{
		font-size: 12px;
		line-height: 20px;
		margin: 24px 0 1.2em 0;
	}
	
	
}

@media all and (max-width: 767px) {
	.h2-disc{
		width: 65%;
		margin: 0 auto;
	}
	.disc-wrap{
		width: 100%;
		position: relative;
	}
	.disc-block{
		margin: 10% auto 10%;
		padding: 0 0 10%;
		text-align: center;
		border-bottom: 1px solid #666;
	}
	.h3-disc{
		width: 50%;
		margin: 0 auto 7%;
	}
	.h3-disc-oritoku{
		width: 70%;
		margin: 0 auto 0;
	}
	.h3-oritoku-caption{
		font-size: 1em;
		color: #c5363b;
		text-align: center;
		margin: 4% auto 4%;
	}
	.disc-img{
		width: 90%;
		margin: 0 auto;
	}
	.disc-date{
		width: 85%;
		margin: 1.5em auto 1em;
	}
	.disc-img img,.disc-date img{
		width: 100%;
	}
	.disc-caption{
		font-size: 0.9em;
		line-height: 1.5em;
		text-align: center;
	}
	.disc-info{
		width: 85%;
		margin: 2em auto 0;
		text-align: left;
	}
	.disc-info dt{
		font-size: 1em;
		margin: 0 0 0.5em;
		font-weight: bold;
		color: #c5363b;
	}
	.disc-info dd{
		font-size: 0.9em;
		line-height: 1.5em;
		margin-left: 1em;
	}
	/*oritoku*/
	.oritoku_table{
		width: 95%;
		border-collapse: collapse;
		margin: 0 auto 1.5em;
	}
	.oritoku_table tr td{
		font-size: 0.7em;
		border: 1px solid #221815;
		line-height: 1.6em;
		padding: 1em;
		background-color: rgba(255,255,255,0.4);
	}
	.oritoku_table tr th{
		color: #fff;
		background: #221815;
		line-height: 1.6em;
		border: 1px solid #221815;
		padding: 1em;
		font-size: 0.8em;
	}
	.td_store{
		width: 50%;
		font-size: 0.8em;
		font-weight: bold;
		text-align: center;	
	}
	.td_item{
		width: 50%;
		font-size: 0.8em;
	}
	.td_store span,.td_item span{
		font-size: 0.5em;
	}
	
}


/*	08.SPECIAL
============================== */

/* present */
.table_present_01 td{
	width: 20%;
	padding: 0.3em;
}
.table_present_01 td img{
	width: 100%;
}
.radio-caption-date span{
	color: #c5363b;
}

@media all and (min-width: 768px) {
	.h2-special{
		
	}
	.special-wrap{
		width: 730px;
		position: relative;
	}
	.special-list{
		width: 730px;
		margin: 40px auto 20px;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.special-list li{
		width: 290px;
		margin: 20px;
	}
	.special-list li img{
		width: 100%;
	}
	
	/*inner*/
	.special-block{
		width: 730px;
		margin: 60px auto 0px;
		padding: 0 0 80px;
	}
	.event-h4{
		font-size: 18px;
		color: #ffffff;
		margin: 2em 0 1.5em;
	}
	.event-h4 span{
		background: #231815;
		padding: 0.5em 0.5em;
		line-height: 1.8em;
	}
	.event-read{
		font-size: 18px;
		line-height: 1.5em;
		margin: 0 auto 20px;
		text-align: center;
		font-weight: bold;
		color: #231815;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	}
	.special-img{
		width: 730px;
		margin: 20px auto 50px;
	}
	.event-chara-list{
		width: 730px;
		height: 440px;
		margin: 0 auto 20px;
	}
	.event-chara-list-inner{
		width: 230px;
		float: left;
	}
	.event-chara-list-inner img{
		width: 100%;
	}
	.event-info-list{
		width: 730px;
		margin: 0 auto 80px;
	}
	.event-info-list-left{
		width: 360px;
		float: left;
	}
	.event-info-list-right{
		width: 360px;
		float: right;
	}
	.event-info-list-left img, .event-info-list-right img{
		width: 100%;
	}
	.agf-goods-list{
		width: 730px;
		display: flex;
		flex-wrap: wrap;
		justify-content: left;
		margin: 40px auto 0;
	}
	.agf-goods-list li{
		width: 200px;
		margin: 5px 5px 30px;
	}
	.agf-goods-list li img{
		width: 100%;
	}
	.agf-goods-img{
		margin: 0 0 15px 0;
	}
	.agf-goods-title{
		width: 185px;
		font-size: 15px;
		line-height: 1.4em;
		font-weight: bold;
		margin: 0 0 0.2em 10px;
	}
	.agf-goods-caption{
		width: 185px;
		font-size: 12px;
		line-height: 1.5em;
		font-weight: lighter;
		margin: 0 0 0 10px;
	}
	.event-img{
		width: 530px;
		margin: 20px auto;
	}
	
	/*radio*/
	.radio-wrap{
		width: 680px;
		margin: 0 auto;
	}
	.radio-wrap-list{
		width: 300px;
		margin: 10px 20px;
		float: left;
	}
	.radio-caption-date{
		font-size: 18px;
		font-weight: bold;
		margin: 0.5em 0 0.2em;
		line-height: 1.5em;
	}
	.radio-caption-artist{
		font-size: 12px;
		line-height: 1.5em;
	}
}

@media all and (max-width: 767px) {
	.h2-special{
		width: 40%;
		margin: 0 auto;
	}
	.special-wrap{
		width: 100%;
	}
	.special-list{
		width: 100%;
		margin: 3% auto 10%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.special-list li{
		width: 80%;
		margin: 5% auto;
	}
	.special-list li img{
		width: 100%;
	}
	.special-block{
		width: 90%;
		margin: 0 auto;
		padding: 8% 0 15%;
	}
	.event-h4{
		font-size: 1em;
		color: #ffffff;
		margin: 2em 0 1.5em;
	}
	.event-h4 span{
		background: #231815;
		padding: 0.5em 0.5em;
		line-height: 1.8em;
	}
	.event-read{
		font-size: 0.9em;
		line-height: 1.5em;
		margin: 0 auto 1em;
		text-align: center;
		font-weight: bold;
		color: #231815;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	}
	.special-img{
		width: 100%;
		margin: 0 auto 0;
	}
	.event-chara-list{
		width: 100%;
		margin: 0 auto 10%;
	}
	.event-chara-list-inner{
		width: 33%;
		height: auto;
		float: left;
	}
	.event-chara-list-inner img{
		width: 100%;
	}
	.event-info-list{
		width: 75%;
		margin: 0 auto 20%;
	}
	.event-info-list-left,.event-info-list-right{
		width: 100%;
		margin: 0 0 5%;
	}
	.event-info-list-left img,.event-info-list-right img{
		width: 100%;
	}
	.agf-goods-list{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: left;
		margin: 0 auto 10%;
	}
	.agf-goods-list li{
		width: 46%;
		margin: 1em 2% 0;
	}
	.agf-goods-list li img{
		width: 100%;
	}
	.agf-goods-img{
		margin: 0 0 15px 0;
	}
	.agf-goods-title{
		width: 90%;
		font-size: 0.8em;
		letter-spacing: 0.05em;
		line-height: 1.4em;
		font-weight: bold;
		margin: 0 0 0.2em 7%;
	}
	.agf-goods-caption{
		width: 90%;
		font-size: 0.6em;
		line-height: 1.5em;
		font-weight: lighter;
		margin: 0 0 0.2em 7%;
	}
	.event-img{
		width: 100%;
		margin: 1.5em auto;
	}
	.event-img img{
		width: 100%;
	}
	/*radio*/
	.radio-wrap{
		width: 100%;
		margin: 0 auto;
	}
	.radio-wrap-list{
		width: 80%;
		margin: 5% 10%;
		float: left;
	}
	.radio-caption-date{
		font-size: 1.2em;
		font-weight: bold;
		margin: 0.5em 0 0.2em;
		line-height: 1.5em;
	}
	.radio-caption-artist{
		font-size: 0.8em;
		line-height: 1.5em;
	}
}


/*	11.BOOKS
============================== */


@media all and (min-width: 768px) {
	.h2-books{
		
	}
	.books-wrap{
		width: 730px;
		position: relative;
	}
	.books-text{
		width: 661px;
		height: 697px;
		margin: 80px auto 0;
		background: url("../books/img/books_text_pc_02.png") no-repeat;
	}
}

@media all and (max-width: 767px) {
	.h2-books{
		width: 35%;
		margin: 0 auto;
	}
	.books-wrap{
		width: 100%;
		position: relative;
	}
	.books-text{
		width: 95%;
		margin: 10% auto 30%;
		padding-top: 100%;
		background: url("../books/img/books_text_pc_02.png") no-repeat;
		background-size: contain;
	}
}

/*	12.EVENT
============================== */

.event-block{
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.5) ;
}
.event-h3{
	color: #c5363b;
	font-weight: bold;
	text-align: center;
}
.event-text{
	color: #070707;
}
.event-caution{
	color: #c5363b;
}

@media all and (min-width: 768px) {
	.h2-event{
		
	}
	.event-wrap{
		width: 730px;
		position: relative;
	}
	.event-banner{
		width: 720px;
		margin: 40px auto;
	}
	.event-block{
		width: 540px;
		margin: 0 auto 60px;
		padding: 70px 35px;
		background: url("../event/img/event_bg.jpg") repeat-y;
		background-size: 100%;
	}
	.event-h3{
		font-size: 24px;
		line-height: 1.5em;
		margin: 0 0 1.5em;
	}
	.event-text{
		font-size: 14px;
		line-height: 1.6em;
		margin: 0 0 1.5em;
	}
	.event-caution{
		font-size: 12px;
		line-height: 1.5em;
		margin: 0 0 1.5em;
	}
	
	/*eventall*/
	.eventall-wrap{
		width: 730px;
		position: relative;
	}
	.eventall-list{
		width: 720px;
		margin: 80px auto 0;
	}
	.eventall-list li{
		width: 720px;
		margin: 0 auto 5%;
	}
}

@media all and (max-width: 767px) {
	.h2-event{
		width: 45%;
		margin: 0 auto;
	}
	.event-wrap{
		width: 100%;
		position: relative;
	}
	.event-banner{
		width: 100%;
		margin: 5% auto;
	}
	.event-banner img{
		width: 100%;
	}
	.event-block{
		width: 80%;
		margin: 0 auto 10%;
		padding: 10% 7%;
		background: url("../event/img/event_bg.jpg") repeat-y;
		background-size: 100%;
	}
	.event-h3{
		font-size: 1.1em;
		line-height: 1.5em;
		margin: 0 0 1.5em;
	}
	.event-text{
		font-size: 0.8em;
		line-height: 1.6em;
		margin: 0 0 1.5em;
	}
	.event-caution{
		font-size: 0.7em;
		line-height: 1.5em;
		margin: 0 0 1.5em;
	}
	
	
	/*event-all*/
	.eventall-wrap{
		width: 100%;
		position: relative;
	}
	.eventall-list{
		width: 95%;;
		margin: 5% auto 10%;
	}
	.eventall-list li{
		width: 100%;;
		margin: 0 auto 5%;
	}
	.eventall-list li img{
		width: 100%;
	}
}



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


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