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

/*	reset
============================== */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,main {margin:0;padding:0;border:0;font-size:100%;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main {display:block;}
body {font-family:Verdana,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;line-height:1;}
ol,ul {list-style:none;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;}
wbr:after {content:"\00200B";}

/*	TBS reset
============================== */
.alt {position:absolute;top:-5000px;left:-9999px;}
.clearfix:after {content:"";clear:both;display:block;}
.hide-txt {text-indent:110%;white-space:nowrap;overflow:hidden;}
.fp-causion {display:none;}
.nocontxt {-webkit-touch-callout: none;-webkit-user-select: none;user-select: none;-webkit-user-drag:none;}
.nocontxt img {pointer-events: none;}
@media all and (min-width:768px) {
.alt-pc {position:absolute;top:-5000px;left:-9999px;}
.clearfix-pc:after {content:"";clear:both;display:block;}
.hide-txt-pc {text-indent:110%;white-space:nowrap;overflow:hidden;}
}
@media all and (max-width:767px) {
.alt-smp {position:absolute;top:-5000px;left:-9999px;}
.clearfix-smp:after {content:"";clear:both;display:block;}
.hide-txt-smp {text-indent:110%;white-space:nowrap;overflow:hidden;}
}
div.embed-tbsplayer {
background-color:#000;
position:relative;
height:0;
padding-top:56.25%;
}
div.embed-tbsplayer .tbs-player {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
}
div.embed-tbsplayer-audio {
background-color:#fff;
}
div.embed-tbsplayer-audio .tbs-player {
height:46px;
}
div.lbx-overlay {
z-index:10000;position:absolute;background-color:#000;width:100%;height:100%;left:0;top:0;right:0;bottom:0;opacity:0.9;
}


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

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

/* text */
body {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  word-break: break-all;
  color:#221815;
}
a:link {
	text-decoration:none;
	color:#221815;
}
a:visited {
	text-decoration:none;
	color:#221815;
}
a:hover {
	text-decoration:underline;
	color:#221815;
}
a:active {
	text-decoration:underline;
	color:#221815;
}
.copyright a:link{color:#221815; text-decoration:none}
.copyright a:visited{color:#221815; text-decoration:none}
.copyright a:active{color:#221815; text-decoration:none}
.copyright a:hover{color:#221815; 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: 140%;
  white-space: nowrap;
}
@media all and (min-width: 768px) {
	.br-pc {
		display:block;
	}
	.br-sp {
		display:none;
	}
	a:hover img {
	  opacity: 0.9;
	  filter: alpha(opacity=90);
	  -ms-filter: "alpha(opacity=90)";
	  transition:all 0.2s ease;
	}
	.sp_none{
		display:block;
	}
	.youtube_wrap {
		width: 560px;
		margin: 0 auto;
	}
}
@media all and (max-width: 767px) {
	.br-pc {
		display:none;
	}
	.br-sp {
		display:block;
	}
	.sp_none{
		display:none;
	}
}


/*	background
============================== */
body {
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust: 100%;
}
#con-body{
	background-color: 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:117px;
		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:hsla(0,0%,0%,0.8);
		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;
	}
}


/*	navigation
============================== */

@media all and (min-width: 768px) {
	.top-nav-pc-list{
		width: 924px;
		margin: 0 auto;
	}
	.top-nav-pc-list li{
		float: left;
		padding: 18px 0;
	}
	.top-nav-pc-01 a{
		width: 76px;
		height: 33px;
		background-image: url(../img/nav_pc_n.png);
		background-repeat: no-repeat;
		background-position: 0 0;
		display: block;
		padding: 0;	
	}
	.top-nav-pc-01 a:hover{
		background-position: 0px -33px;
	}
	.top-nav-pc-02 a{
		width: 86px;
		height: 33px;
		background-image: url(../img/nav_pc_n.png);
		background-repeat: no-repeat;
		background-position: -76px 0;
		display: block;
		padding: 0;	
	}
	.top-nav-pc-02 a:hover{
		background-position: -76px -33px;
	}
	.top-nav-pc-03 a{
		width: 138px;
		height: 33px;
		background-image: url(../img/nav_pc_n.png);
		background-repeat: no-repeat;
		background-position: -162px 0;
		display: block;
		padding: 0;	
	}
	.top-nav-pc-03 a:hover{
		background-position: -162px -33px;
	}
	.top-nav-pc-04 a{
		width: 86px;
		height: 33px;
		background-image: url(../img/nav_pc_n.png);
		background-repeat: no-repeat;
		background-position: -300px 0;
		display: block;
		padding: 0;	
	}
	.top-nav-pc-04 a:hover{
		background-position: -300px -33px;
	}
	.top-nav-pc-05 a{
		width: 131px;
		height: 33px;
		background-image: url(../img/nav_pc_n.png);
		background-repeat: no-repeat;
		background-position: -386px 0;
		display: block;
		padding: 0;	
	}
	.top-nav-pc-05 a:hover{
		background-position: -386px -33px;
	}
	.top-nav-pc-06 a{
		width: 84px;
		height: 33px;
		background-image: url(../img/nav_pc_n.png);
		background-repeat: no-repeat;
		background-position: -517px 0;
		display: block;
		padding: 0;	
	}
	.top-nav-pc-06 a:hover{
		background-position: -517px -33px;
	}
	.top-nav-pc-07 a{
		width: 95px;
		height: 33px;
		background-image: url(../img/nav_pc_n.png);
		background-repeat: no-repeat;
		background-position: -601px 0;
		display: block;
		padding: 0;	
	}
	.top-nav-pc-07 a:hover{
		background-position: -601px -33px;
	}
	.top-nav-pc-08 a{
		width: 135px;
		height: 33px;
		background-image: url(../img/nav_pc_n.png);
		background-repeat: no-repeat;
		background-position: -696px 0;
		display: block;
		padding: 0;	
	}
	.top-nav-pc-08 a:hover{
		background-position: -696px -33px;
	}
	.top-nav-pc-09 a{
		width: 93px;
		height: 33px;
		background-image: url(../img/nav_pc_n.png);
		background-repeat: no-repeat;
		background-position: -831px 0;
		display: block;
		padding: 0;	
	}
	.top-nav-pc-09 a:hover{
		background-position: -831px -33px;
	}
	
	
	/*lower-nav*/
	.lower-logo{
		width: 137px;
		height: 80px;
		margin: 6px 0 0 0;
		float: left;
	}
	.lower-logo img{
		height: 100%;
	}
	.lower-nav-pc-list{
		width: 790px;
		margin: 34px 0 0 16px;
		float: left;
	}
	.lower-nav-pc-list li{
		float: left;
	}
	.lower-nav-pc-01 a{
		width: 66px;
		height: 36px;
		background-image: url(../img/nav_pc_lower_n.png);
		background-repeat: no-repeat;
		background-position: 0 0;
		display: block;
		padding: 0;	
	}
	.lower-nav-pc-01 a:hover{
		background-position: 0px -36px;
	}
	.lower-nav-pc-02 a{
		width: 76px;
		height: 36px;
		background-image: url(../img/nav_pc_lower_n.png);
		background-repeat: no-repeat;
		background-position: -66px 0;
		display: block;
		padding: 0;	
	}
	.lower-nav-pc-02 a:hover{
		background-position: -66px -36px;
	}
	.lower-nav-pc-03 a{
		width: 117px;
		height: 36px;
		background-image: url(../img/nav_pc_lower_n.png);
		background-repeat: no-repeat;
		background-position: -142px 0;
		display: block;
		padding: 0;	
	}
	.lower-nav-pc-03 a:hover{
		background-position: -142px -36px;
	}
	.lower-nav-pc-04 a{
		width: 72px;
		height: 36px;
		background-image: url(../img/nav_pc_lower_n.png);
		background-repeat: no-repeat;
		background-position: -259px 0;
		display: block;
		padding: 0;	
	}
	.lower-nav-pc-04 a:hover{
		background-position: -259px -36px;
	}
	.lower-nav-pc-05 a{
		width: 111px;
		height: 36px;
		background-image: url(../img/nav_pc_lower_n.png);
		background-repeat: no-repeat;
		background-position: -331px 0;
		display: block;
		padding: 0;	
	}
	.lower-nav-pc-05 a:hover{
		background-position: -331px -36px;
	}
	.lower-nav-pc-06 a{
		width: 71px;
		height: 36px;
		background-image: url(../img/nav_pc_lower_n.png);
		background-repeat: no-repeat;
		background-position: -441px 0;
		display: block;
		padding: 0;	
	}
	.lower-nav-pc-06 a:hover{
		background-position: -441px -36px;
	}
	.lower-nav-pc-07 a{
		width: 80px;
		height: 36px;
		background-image: url(../img/nav_pc_lower_n.png);
		background-repeat: no-repeat;
		background-position: -512px 0;
		display: block;
		padding: 0;	
	}
	.lower-nav-pc-07 a:hover{
		background-position: -512px -36px;
	}
	.lower-nav-pc-08 a{
		width: 93px;
		height: 36px;
		background-image: url(../img/nav_pc_lower_n.png);
		background-repeat: no-repeat;
		background-position: -593px 0;
		display: block;
		padding: 0;	
	}
	.lower-nav-pc-08 a:hover{
		background-position: -593px -36px;
	}
	.lower-nav-pc-09 a{
		width: 81px;
		height: 36px;
		background-image: url(../img/nav_pc_lower_n.png);
		background-repeat: no-repeat;
		background-position: -686px 0;
		display: block;
		padding: 0;	
	}
	.lower-nav-pc-09 a:hover{
		background-position: -686px -36px;
	}
	    

	/*sp_nav*/
	.nav_smp {
		display: none;
	}
	.inner_nav_smp {
		display: none;
	}
	#content01{
		display: none;
	}
	
}

@media all and (max-width: 767px) {
	/*lowernav*/
	.lower-logo{
		width: 163px;
		height: 95px;
		margin: 4px auto 0;
	}
	.lower-logo img{
		height: 95px;
	}
	
	/*sp_nav*/
	.nav_pctop_area{
		display:none;
	}
	.nav_smp{
		display: block;
		position: absolute;
		padding-left: 125px;
		top:0;
		right:0;
	}
	#menu{
		position: absolute;
		top: 1.3em;
		right: -1.8em;
		z-index: 1;
		text-align: left;
	}
	.menu-lower{
		top: 0em !important;
	}
	.page_wrap #menu{
		position: absolute;
		right: 1em;
		top: 1em;
		z-index: 200;	
	}
	#menu img{
		max-width: 65%;
		width: auto;	
	}
	.modal_logo{
		width: 70%;
		margin: 1em auto 2em;
	}
	.modal_logo img{
		width:100%;
	}
	.modal_navigation{
		width:90%;
		margin:0 0 0 5%;
		text-align: center;
	}
	#content01{
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00000b+0,010043+100 */
		background: #00000b; /* Old browsers */
		background: -moz-linear-gradient(top, #00000b 0%, #010043 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #00000b 0%,#010043 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #00000b 0%,#010043 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000b', endColorstr='#010043',GradientType=0 ); /* IE6-9 */
		background-size:cover;
		background-position:top center;
	}
	div#content01 div.modal-content ul li {
		width: 90%;
		margin:0 5% 1em;
		text-align: center;
		height: auto;
	}
	#menu_news_logo a img{
		height: 100px;
		width: auto;
	}
	div#content01 span.close-content01 img {
		position: absolute;
		right: 10px;
		top: 15px;
		max-width: 50%;
		width: 40px;
		height: auto;
	}
	div#content01 div.modal-content ul li#menu_news_logo a {
		position: static;
		display: block;
		text-align: center;
	}
	#content01 div.modal-content ul li {
	}
	#content01 div.modal-content ul li a {
		margin:0 auto 1.4em;
		text-align:center;
	}
	.modal_navigation li img{
		width:100%;
	}
	.modal_banner{
		width: 70%;
		margin: 2.5em auto 0;
	}
	.modal_banner img{
		width: 100%;
		text-align: center;
	}

}


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


/*	00.TOP
============================== */

#wrapper{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f1f1f1+0,ffffff+50,f1f1f1+100 */
	background: #f1f1f1; /* Old browsers */
	background: -moz-linear-gradient(left, #f1f1f1 0%, #ffffff 50%, #f1f1f1 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #f1f1f1 0%,#ffffff 50%,#f1f1f1 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #f1f1f1 0%,#ffffff 50%,#f1f1f1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#f1f1f1',GradientType=1 ); /* IE6-9 */
}

.layout-top-main{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f1f1f1+0,ffffff+50,f1f1f1+100 */
	background: #f1f1f1; /* Old browsers */
	background: -moz-linear-gradient(left, #f1f1f1 0%, #ffffff 50%, #f1f1f1 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #f1f1f1 0%,#ffffff 50%,#f1f1f1 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #f1f1f1 0%,#ffffff 50%,#f1f1f1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#f1f1f1',GradientType=1 ); /* IE6-9 */
	
}

@media all and (min-width: 768px) {
	.layout-top-main{
		width: 100%;
	}
	.top-main-inner{
		width: 980px;
		height: 868px;
		margin: 0 auto;
		background-image:url(../img/top_keyvisual.png);
		background-repeat: no-repeat;
		background-position: bottom right;
	}
	.top-main-contentsblock{
		padding: 36px 0 0 0;
	}
	.top-logo{
		width: 380px;
		height: 220px;
		background: url(../img/top_logo.png);
		background-repeat: no-repeat;
		margin: 0 0 36px 8px;
	}
	.top-catch{
		width: 394px;
		height: 51px;
		background: url(../img/top_catch.png);
		background-repeat: no-repeat;
	}
	.top-pvbanner-pc{
		width: 325px;
		height: 193px;
		margin: 30px 0 30px 35px;
	}
	.top-pvbanner-pc img{
		width: 100%;
	}
	.top-pvbanner-sp{
		display: none;
	}
	.top-onair-pc{
		width: 299px;
		height: 131px;
		background: url(../img/top_onair_04.png);
		background-repeat: no-repeat;
		background-size: contain;
		margin: 0 0 40px 48px;
	}
	.top-shareblock-pc{
		margin: 0 0 0 80px;
	}
	.top-shareblock-pc li{
		float: left;
		margin-left: 10px;
	}
	.top-shareblock-pc-share{
		width: 30px;
	}
	.top-shareblock-pc-share img{
		width: 100%;
	}
	.layout-top-navpc{
		width: 100%;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00000b+0,010043+100 */
		background: #00000b; /* Old browsers */
		background: -moz-linear-gradient(top, #00000b 0%, #010043 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #00000b 0%,#010043 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #00000b 0%,#010043 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000b', endColorstr='#010043',GradientType=0 ); /* IE6-9 */
	}
	.layout-top-onai-sp{
		display: none;
	}
	.layout-top-contents{
		padding: 64px 0;
	}
	.top-contents-wrap{
		width: 950px;
		margin: 0 auto;
		padding: 0 0 64px;
	}
	.top-contents-update-block{
		width: 510px;
		height: 320px;
		float: left;
		box-shadow: 0 0 14px rgba(0,0,0,0.3);
	}
	.top-contents-h2-update{
		width: 100%;
		height: 40px;
		background: url(../img/h2_updatehead.png) no-repeat;
	}
	.top-update-inner{
		width: 450px;
		height: 250px;
		padding: 30px 30px 0;
		overflow: auto;
	}
	.top-update-inner::-webkit-scrollbar {
	  display: none;
	}
	.top-update-box{
		margin: 0 0 24px;
		padding: 0 0 24px;
		border-bottom: 1px solid #000025;
	}
	.top-update-box dt{
		font-size: 14px;
		letter-spacing: 0.1em;
		line-height: 1.5em;
		width: 110px;
		float: left;
	}
	.top-update-box dd{
		width: 320px;
		float: left;
		font-size: 14px;
		letter-spacing: 0.1em;
		line-height: 1.5em;
	}
	.top-contents-twitter-block{
		width: 390px;
		height: 320px;
		float: right;
		box-shadow: 0 0 14px rgba(0,0,0,0.3);
	}
	.top-twitter-inner{
		width: 380px;
		height: 280px;
		padding: 0 5px 0;
		overflow: auto;
	}
	.top-contents-h2-twitter{
		width: 100%;
		height: 40px;
		background: url(../img/h2_twitterhead.png) no-repeat;
	}
	.layout-top-footer{
		width: 900px;
		margin :0 auto;
	}
	.top-footer-banner{
		width: 225px;
		float: left;
	}
	.top-footer-banner img{
		width: 100%;
	}
	.top-footer-copyright{
		width: 640px;
		float: left;
		margin: 0 0 0 30px;
		font-size: 12px;
		letter-spacing: 0.1em;
		line-height: 24px;
	}
	.copyright{
		margin: 28px 0 0 0;
	}
	.top-shere_sp_head{
		display: none;
	}
	.top-shareblock-sp{
		display: none;
	}

}
@media all and (max-width: 767px) {
	.layout-top-main{
		width: 100%;
	}
	.top-main-inner{
		width: 100%;
		padding-top: 129%;
		background-image:url(../img/top_keyvisual.png);
		background-repeat: no-repeat;
		background-position: bottom right;
		background-size: 85%;
		position: relative;
	}
	.top-main-contentsblock{
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}
	.top-logo{
		width: 38%;
		padding-top: 20%;
		background: url(../img/top_logo.png);
		background-repeat: no-repeat;
		background-size: contain;
		margin: 2% 0 0 4%;
	}
	.top-catch{
		width: 9%;
		padding-top: 82%;
		background: url(../img/top_catch_sp.png);
		background-repeat: no-repeat;
		background-size: contain;
		margin: 6% 0 0 6%;
	}
	.layout-top-navpc{
		display: none;
	}
	.layout-top-contents{
		padding: 0 0 4em;
	}
	.top-pvbanner-pc{
		display: none;
	}
	.top-shareblock-pc{
		display: none;
	}
	.layout-top-onai-sp{
		width: 100%;
		padding: 1em 0;
		display: block;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00000b+0,010043+100 */
		background: #00000b; /* Old browsers */
		background: -moz-linear-gradient(top, #00000b 0%, #010043 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #00000b 0%,#010043 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #00000b 0%,#010043 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000b', endColorstr='#010043',GradientType=0 ); /* IE6-9 */
	}
	.top-onair-sp{
		width: 74%;
		padding-top: 16%;
		background: url(../img/top_onair_sp_04.png);
		background-repeat: no-repeat;
		background-size: contain;
		margin: 0 auto;
	}
	.top-contents-wrap{
		width: 90%;
		margin: 0 auto;
		padding: 1.5em 0 1em;
	}
	.top-pvbanner-sp{
		width: 96%;
		margin: 0 auto 1em;
	}
	.top-pvbanner-sp img{
		width: 100%;
	}
	.top-contents-update-block{
		width: 90%;
		margin: 0 auto 2em;
		box-shadow: 0 0 14px rgba(0,0,0,0.3);
	}
	.top-contents-h2-update{
		width: 100%;
		padding-top: 8%;
		background: url(../img/h2_updatehead_sp.png) no-repeat;
		background-size: contain;
	}
	.top-update-inner{
		width: 80%;
		height: 250px;
		padding: 10% 10% 0;
		overflow: auto;
	}
	.top-update-inner::-webkit-scrollbar {
	  display: none;
	}
	.top-update-box{
		margin: 0 0 1em;
		padding: 0 0 1em;
		border-bottom: 1px solid #000025;
	}
	.top-update-box dt{
		font-size: 0.7em;
		margin: 0 0 0.3em 0;
		letter-spacing: 0.1em;
		line-height: 1.5em;
	}
	.top-update-box dd{
		font-size: 0.8em;
		letter-spacing: 0.1em;
		line-height: 1.5em;
	}
	.top-contents-twitter-block{
		width: 90%;
		height: 320px;
		margin: 0 auto 2em;
		box-shadow: 0 0 14px rgba(0,0,0,0.3);
		overflow: hidden;
	}
	.top-twitter-inner{
		width: 90%;
		height: 100%;
		padding: 20px 5% 0;
		overflow: hidden;
	}
	.top-contents-h2-twitter{
		width: 100%;
		padding-top: 8%;
		background: url(../img/h2_twitterhead_sp.png) no-repeat;
		background-size: contain;
	}
	.top-shareblock-sp{
		width: 50%;
		margin: 0 auto 2em;	
	}
	.top-shere_sp_head{
		font-size: 0.8em;
		letter-spacing: 0.2em;
		font-weight: bold;
		text-align: center;
		margin: 0 0 1em 0;
	}
	.top-shareblock-sp li{
		width: 18%;
		float: left;
		margin: 0 7%;
	}
	.top-shareblock-sp li img{
		width: 100%;
	}
	.top-footer-banner{
		width: 70%;
		margin: 2em auto;
	}
	.top-footer-banner img{
		width: 100%;
	}
	.top-footer-copyright{
		width: 90%;
		margin: 0 auto;
		font-size: 0.6em;
		line-height: 1.6em;
		text-align: center;
		
	}

}

/*  INNER TEMP
============================== */

@media all and (min-width: 768px) {
	.layout-lower-nav{
		width: 100%;
		background: #ffffff;
		box-shadow: 0 2px 6px 0 rgba(0,0,0,0.2);
	}
	.lower-nav-inner{
		width: 960px;
		height: 96px;
		margin: 0 auto;
	}
	.layout-lower-contents{
		width: 100%;
		margin: 0 auto;
		background: url(../img/bg_lower.png)no-repeat;
		background-position: right top;
	}
	.lower-contents-inner{
		width: 980px;
		margin: 0 auto;
	}
	.h2-lower{
		margin: 50px 30px 0 0;
		float: right;
	}
	.layout-lower-footer{
		width: 100%;
		padding: 30px 0 60px;
		background: #000025;
	}
	.lower-footer-inner{
		width: 960px;
		margin: 0 auto;
	}
	.lower-footer-logo{
		width: 372px;
		height: 217px;
		margin: 0 auto 30px;
	}
	.lower-footer-nav{
		width: 540px;
		/*width: 610px;*/
		margin: 0 auto 30px;
		text-align: center;
	}
	.lower-footer-nav li{
		display: block;
		margin: 0 15px;
		float: left;
	}
	.lower-footer-nav li a{
		font-size: 18px;
		line-height: 32px;
		letter-spacing: 0.1em;
		font-weight: bold;
		color: #ffffff;
	}
	.lower-footer-copyright{
		font-size: 10px;
		letter-spacing: 0.2em;
		line-height: 18px;
		text-align: center;
		color: #ffffff;
	}
	.lower-footer-copyright a{
		color: #ffffff !important;
	}
	

}
@media all and (max-width: 767px) {
	.layout-lower-contents{
		width: 100%;
		margin: 0 auto;
		padding: 3.5em 0 0;
		background: url(../img/bg_lower.png)no-repeat;
		background-position: right top;
		background-size: cover;
	}
	.layout-lower-nav{
		width: 100%;
		height: 70px;
		background: #ffffff;
		box-shadow: 0 2px 6px 0 rgba(0,0,0,0.2);
	}
	.lower-nav-inner{
		width: 100%;
		position: relative;
	}
	.lower-nav-pc-list{
		display: none;
	}
	.layout-lower-footer{
		width: 100%;
		padding: 1.5em 0 4em;
		background: #000025;
	}
	.lower-footer-inner{
		width: 90%;
		margin: 0 auto;
	}
	.lower-footer-logo{
		width: 80%;
		margin: 0 auto 1em;
	}
	.lower-footer-logo img{
		width: 100%;
	}
	.lower-footer-nav{
		width: 90%;
		margin: 0 auto 1.5em;
		text-align: center;
	}
	.lower-footer-nav li{
		display: block;
		margin: 0 0.5em;
		float: left;
	}
	.lower-footer-nav li a{
		font-size: 0.9em;
		line-height: 2.2em;
		letter-spacing: 0.1em;
		font-weight: bold;
		color: #ffffff;
	}
	.lower-footer-copyright{
		width: 95%;
		font-size: 0.6em;
		line-height: 1.7em;
		text-align: center;
		margin: 0 auto;
		color: #ffffff;
	}
	.lower-footer-copyright a{
		color: #ffffff !important;
	}
}


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

.newsall-block dt,.newsall-block dd,.news-title,.news-date,.news-h4{
	font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
}

@media all and (min-width: 768px) {
	.h2-lower-news{
		width: 165px;
		height: 67px;
		background: url(../img/h2_news.png)no-repeat;
	}
	.lower-news-wrap{
		margin: 0 auto;
		padding: 0 0 100px;
	}
	.newsall-wrap{
		width: 790px;
		margin: 0 auto;
		padding: 120px 0 100px;
	}
	.newsall-block{
		padding: 40px 0 48px;
		border-bottom: 1px solid #000025;
	}
	.newsall-block dt{
		font-size: 14px;
		letter-spacing: 0.1em;
		margin: 0 0 8px 0;
	}
	.newsall-block dd{
		font-size: 20px;
		line-height: 34px;
	}
	/*page*/
	.news-wrap{
		width: 790px;
		margin: 0 auto;
		padding: 160px 0 100px;
	}
	.news-header{
		margin: 0 0 0 0;
	}
	.news-date{
		font-size: 14px;
		letter-spacing: 0.1em;
		margin: 0 0 8px 0;
	}
	.news-title{
		font-size: 24px;
		letter-spacing: 0.05em;
		line-height: 34px;
		font-weight: normal;
		margin: 0 0 32px 0;
	}
	.news-h4{
		font-size: 18px;
		line-height: 1.5em;
		font-style: italic;
		margin: 1.5em 0 1.5em 0;
	}
	.news-text{
		fot-size:14px;
		line-height: 28px;
		margin: 0 0 1.5em 0;
	}
	.news-img{
		width: 790px;
		margin: 0 0 32px 0;
	}
	.news-img img{
		max-width: 790px;
	}
	.news-mainlblock{
		padding: 0 0 80px;
		border-bottom: 1px solid #000025;
	}
	.btn-back{
		width: 310px;
		margin: 56px auto 0;
	}
	.btn-back img{
		width: 100%;
	}
	
}
@media all and (max-width: 767px) {
	.h2-lower-news{
		width: 35%;
		padding-top: 12%;
		margin: 0 auto 1em;
		background: url(../img/h2_news_sp.png)no-repeat;
		background-size: contain;
	}
	.lower-news-wrap{
		padding: 0 0 3em 0;
	}
	.newsall-wrap{
		width: 85%;
		margin: 0 auto;
		padding: 0 0 3em;
	}
	.newsall-block{
		margin: 0 0 1em 0;
		padding: 0.5em 0 1.5em;
		border-bottom: 1px solid #000025;
	}
	.newsall-block dt{
		font-size: 0.7em;
		letter-spacing: 0.1em;
		margin: 0 0 0.5em 0.2em;
	}
	.newsall-block dd{
		font-size: 1em;
		line-height: 1.5em;
	}
	/*page*/
	.news-wrap{
		width: 85%;
		margin: 0 auto;
		padding: 0 0 3em;
	}
	.news-header{
		margin: 0 0 0 0;
	}
	.news-date{
		font-size: 0.7em;
		letter-spacing: 0.1em;
		margin: 0 0 8px 0.2em;
	}
	.news-title{
		font-size: 1.1em;
		letter-spacing: 0.05em;
		line-height: 1.4em;
		font-weight: normal;
		margin: 0 0 1em 0;
	}
	.news-h4{
		font-size: 0.9em;
		line-height: 1.5em;
		font-style: italic;
		margin: 0.5em 0 1.5em 0;
	}
	.news-text{
		font-size:0.8em;
		line-height: 1.7em;
		margin: 0 0 1.5em 0;
	}
	.news-img{
		width: 100%;
		margin: 0 0 2em 0;
	}
	.news-img img{
		max-width: 100%;
	}
	.news-mainlblock{
		padding: 0 0 2em;
		border-bottom: 1px solid #000025;
	}
	.btn-back{
		width: 80%;
		margin: 3em auto 2em;
	}
	.btn-back img{
		width: 100%;
	}

}

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

@media all and (min-width: 768px) {
	.h2-lower-onair{
		width: 176px;
		height: 67px;
		background: url(../img/h2_onair.png)no-repeat;
	}
	.lower-onair-wrap{
		margin: 0 auto;
		padding: 180px 0 300px;
	}
	.lower-onairblock01{
		width: 760px;
		margin: 0 auto 72px;
	}
	.lower-onairblock02{
		width: 823px;
		margin: 0 0 0 115px;
	}
	.onair-h3{
		margin: 0 0 48px 0;
	}
	.haishin-h3{
		margin: 0 0 48px 0;
	}
	.onair-text{
		width: 587px;
		height: 156px;
		margin: 0 0 0 0;
		background: url(../onair/img/onair_text_03.png)no-repeat;
	}
	.haishin-text{
		width: 823px;
		height: 480px;
		margin: 0 0 0 0;
		background: url(../onair/img/haishin_text.png)no-repeat;
	}
}
@media all and (max-width: 767px) {
	.h2-lower-onair{
		width: 35%;
		padding-top: 12%;
		margin: 0 auto 1em;
		background: url(../img/h2_onair_sp.png)no-repeat;
		background-size: contain;
	}
	.lower-onair-wrap{
		padding: 0 0 3em 0;
	}
	.lower-onairblock01{
		width: 90%;
		margin: 0 auto;
	}
	.lower-onairblock02{
		width: 90%;
		margin: 0 auto;
	}
	.onair-h3{
		width: 25%;
		margin: 2em auto 2em;
	}
	.onair-h3 img{
		width: 100%;
	}
	.haishin-h3{
		width: 25%;
		margin: 0 auto 2em;
	}
	.haishin-h3 img{
		width: 100%;
	}
	.onair-text{
		width: 85%;
		padding-top: 110%;
		margin: 0 auto 1em;
		background: url(../onair/img/onair_text_sp_03.png)no-repeat;
		background-size: contain;
	}
	.haishin-text{
		width: 100%;
		padding-top: 114%;
		margin: 0 auto 0;
		background: url(../onair/img/haishin_text_sp.png)no-repeat;
		background-size: contain;
	}

}

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

@media all and (min-width: 768px) {
	.h2-lower-staffcast{
		width: 356px;
		height: 66px;
		background: url(../img/h2_staffcast.png)no-repeat;
	}
	.lower-staffcast-wrap{
		margin: 0 auto;
		padding: 0 0 100px;
	}
	.staffcast-block{
		width: 730px;
		margin: 0 auto;
		padding: 200px 0 0 0;
	}
	.stafftext{
		width: 350px;
		height: 478px;
		margin: 0 0 0 0 ;
		background: url(../staffcast/img/stafftext.png)no-repeat;
		background-size: contain;
		float: left;
	}
	.casttext{
		width: 221px;
		height: 584px;
		margin: 0 0 0 130px;
		background: url(../staffcast/img/casttext.png)no-repeat;
		background-size: contain;
		float: left;
	}
}
@media all and (max-width: 767px) {
	.h2-lower-staffcast{
		width: 75%;
		padding-top: 12%;
		margin: 0 auto 1em;
		background: url(../img/h2_staffcast_sp.png)no-repeat;
		background-size: contain;
	}
	.lower-staffcast-wrap{
		padding: 0 0 5em 0;
	}
	.staffcast-block{
		width: 100%;
		margin: 0 auto;
		padding: 2em 0 0 0;
	}
	.stafftext{
		width: 80%;
		padding-top: 106%;
		margin: 0 0 3em 10%;
		background: url(../staffcast/img/stafftext.png)no-repeat;
		background-size: contain;
	}
	.casttext{
		width: 52%;
		padding-top: 134%;
		margin: 0 0 0 13%;
		background: url(../staffcast/img/casttext.png)no-repeat;
		background-size: contain;
	}

}

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

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

@media all and (min-width: 768px) {
	.h2-lower-story{
		width: 186px;
		height: 67px;
		background: url(../img/h2_story.png)no-repeat;
	}
	.lower-story-wrap{
		margin: 0 auto;
		padding: 0 0 50px;
	}
	.introduction-visual{
		width: 551px;
		height: 779px;
		margin: 40px 0 0 0;
		background: url(../story/img/intro_img.png)no-repeat;
		float: left;
	}
	.introduction-text{
		width: 372px;
		height: 374px;
		margin: 110px 0 0 30px;
		background: url(../story/img/intro_text.png)no-repeat;
		float: left;
	}
	/*story_all*/
	.lower-storyall-wrap{
		margin: 0 auto;
		padding: 0 0 50px;
	}
	.storyall_list{
		width: 960px;
		padding: 150px 0 0;
	}
	.storyall_list li{
		width: 310px;
		margin: 5px;
		float: left;
	}
	.btn_intro{
		margin: 5px 5px 100px;
		display: block;
	}
	.btn_intro_sp{
		display: none;
	}
	/*story_inner*/
	.story-title{
		font-size: 32px;
		font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
		line-height: 1.3em;
		margin: 1em 0 0.2em;
		text-align: center;
	}
	.story-title span{
		font-size: 18px;
		font-weight: bold;
	}
	.story-main-block{
		width: 790px;
		margin: 0 auto;
		padding: 120px 0 120px;
	}
	.story-texttype{
		font-size: 16px;
		line-height: 1.9em;
		margin: 2em 0 2em;
	}
	.story-caption{
		font-size: 12px;
		font-weight: bold;
		margin-bottom: 2em;
	}
}
@media all and (max-width: 767px) {
	.h2-lower-story{
		width: 35%;
		padding-top: 12%;
		margin: 0 auto 1em;
		background: url(../img/h2_story_sp.png)no-repeat;
		background-size: contain;
	}
	.lower-story-wrap{
		padding: 0 0 2em 0;
	}
	.introduction-visual{
		display: none;
	}
	.introduction-text{
		width: 100%;
		margin: 0 auto 0;
		padding-top: 140%;
		background: url(../story/img/intro_text_sp.png)no-repeat;
		background-size: contain;
	}
	/*story_all*/
	.lower-storyall-wrap{
		margin: 0 auto;
		padding: 0 0 3em;
	}
	.storyall_list{
		width: 90%;
		margin: 0 auto;
	}
	.storyall_list li{
		width: 48%;
		margin: 1%;
		float: left;
	}
	.storyall_list li img{
		width: 100%;
	}
	.btn_intro{
		display: none;
	}
	.btn_intro_sp{
		display: block;
		width: 70%;
		margin: 1em auto 0;
	}
	.btn_intro_sp img{
		width: 100%;
	}
	/*story_inner*/
	.story-title{
		font-size: 1.2em;
		font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
		line-height: 1.3em;
		margin: 1em 0 0.2em;
		text-align: center;
	}
	.story-title span{
		font-size: 0.7em;
		font-weight: bold;
	}
	.story-main-block{
		width: 100%;
		margin: 0 auto;
		padding: 0 0 2em;
	}
	.story-texttype{
		width: 90%;
		font-size: 0.9em;
		line-height: 1.9em;
		margin: 2em auto 1em;
	}
	.story-caption{
		width: 90%;
		font-size: 0.7em;
		line-height: 1.6em;
		font-weight: bold;
		margin: 0 auto 2em;
	}
}

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

@media all and (min-width: 768px) {
	.h2-lower-character{
		width: 343px;
		height: 67px;
		background: url(../img/h2_chara.png)no-repeat;
	}
	.lower-character-wrap{
		margin: 0 auto;
		padding: 0 0 100px;
	}
	.character-nav{
		width: 980px;
		height: 740px;
		padding: 70px 0 0;
		position: relative;
		display: block;
	}
	.character-nav-sp{
		display: none;
	}
	.character-nav-01{
		width: 234px;
		height: 594px;
		position: absolute;
		bottom: -4px;
		left: 190px;
		z-index: 3;
	}
	.character-nav-02{
		width: 207px;
		height: 554px;
		position: absolute;
		bottom: 0;
		left: 295px;
		z-index: 2;
	}
	.character-nav-03{
		width: 252px;
		height: 644px;
		position: absolute;
		bottom: 0;
		left: -20px;
		z-index: 2;
	}
	.character-nav-04{
		width: 158px;
		height: 553px;
		position: absolute;
		bottom: -20px;
		left: 465px;
		z-index: 1;
	}
	.character-nav-05{
		width: 301px;
		height: 670px;
		position: absolute;
		bottom: 0;
		left: 600px;
		z-index: 0;
	}
	.character-nav-06{
		width: 208px;
		height: 590px;
		position: absolute;
		bottom: -36px;
		left: 805px;
		z-index: 0;
	}
	/*page*/
	.character-page-wrap{
		width: 950px;
		height: 880px;
		margin: 0 auto;
		position: relative;
	}
	.chara-img{	
		
	}
	.chara-img-01{
		position: absolute;
		top:70px;
		left: 140px;
	}
	.chara-img-02{
		position: absolute;
		top:70px;
		left: 140px;
	}
	.chara-img-03{
		position: absolute;
		top:70px;
		left: 120px;
	}
	.chara-img-04{
		position: absolute;
		top:90px;
		left: 180px;
	}
	.chara-img-05{
		position: absolute;
		top:90px;
		left: 100px;
	}
	.chara-img-06{
		position: absolute;
		top:90px;
		left: 140px;
	}
	.chara-caption{
		position: absolute;
		top:180px;
		left: 480px;
	}
	.chara-name{
		margin: 0 0 24px 0;
	}
	.chara-text{
		font-size: 14px;
		line-height: 28px;
		margin: 0 0 48px 12px;
	}
	.chara-back{
		width: 275px;
		margin: 40px 0 0 14px;
	}
	.btn_charaprev{
		position: absolute;
		top:330px;
		left: 0;
	}
	.btn_charanext{
		position: absolute;
		top:330px;
		right: 0;
	}
}
@media all and (max-width: 767px) {
	.h2-lower-character{
		width: 75%;
		padding-top: 12%;
		margin: 0 auto 1em;
		background: url(../img/h2_chara_sp.png)no-repeat;
		background-size: contain;
	}
	.lower-character-wrap{
		padding: 0 0 3em 0;
	}
	.character-nav{
		display: none;
	}
	.character-nav-sp{
		width: 92%;
		margin: 0 auto;
		display: block;
	}
	.character-nav-sp li{
		width: 49%;
		margin: 1% 0.4%;
		float: left;
	}
	.character-nav-sp li img{
		width: 100%;	
	}
	/*page*/
	.character-page-wrap{
		width: 100%;
		margin: 0 auto;
		position: relative;
	}
	.chara-img{	
		
	}
	.chara-img img{	
		width: 100%;
	}
	.chara-img-01{
		width: 58%;
		margin: 0 0 1.5em 25%;
	}
	.chara-img-02{
		width: 55%;
		margin: 0 0 1.5em 18%;
	}
	.chara-img-03{
		width: 60%;
		margin: 0 0 1.5em 18%;
	}
	.chara-img-04{
		width: 40%;
		margin: 0 0 1.5em 28%;
	}
	.chara-img-05{
		width: 70%;
		margin: 0 0 1.5em 20%;
	}
	.chara-img-06{
		width: 52%;
		margin: 0 0 1.5em 28%;
	}
	.chara-caption{

	}
	.chara-name{
		width: 45%;
		margin: 0 0 1.5em 8%;
	}
	.chara-name-short{
		width: 30%
	}
	.chara-name-long{
		width: 52%
	}
	.chara-name img{
		width: 100%;
	}
	.chara-text{
		width: 80%;
		font-size: 0.9em;
		line-height: 1.6em;
		margin: 0 auto 2em;
	}
	.chara-face{
		width: 70%;
		margin: 2em auto;
	}
	.chara-face img{
		width: 100%;
	}
	.chara-back{
		width: 60%;
		margin: 3em auto 4em;
	}
	.chara-back img{
		width: 100%;
	}
	.btn_charaprev{
		width: 40px;
		position: absolute;
		top:20%;
		left: 2%;
	}
	.btn_charanext{
		width: 40px;
		position: absolute;
		top:20%;
		right: 2%;
	}
	.btn_charaprev img,.btn_charanext img{
		width: 100%;
	}

}

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

@media all and (min-width: 768px) {
	.h2-lower-music{
		width: 186px;
		height: 67px;
		background: url(../img/h2_music.png)no-repeat;
	}
	.lower-music-wrap{
		margin: 0 auto;
		padding: 72px 0 100px;
	}
	.musicall-block{
		width: 630px;
		margin: 0 auto 0;
		padding: 72px 0;
		border-bottom:1px solid #000025;
	}
	.musicall-img{
		width: 284px;
		float: left;
	}
	.musicall-img img{
		width: 100%;
	}
	.musicall-caption{
		margin: 0 0 0 18px;
		float: left;
	}
	.musicall-caption01{
		width: 328px;
	}
	.musicall-caption02{
		width: 318px;
	}
	.musicall-caption03{
		width: 319px;
	}
	.musicall-caption img{
		width: 100%;
	}
	/*page*/
	.music-wrap-inner{
		width: 715px;
		margin: 40px auto 0;
	}
	.music-title{
		margin: 0 0 40px 0; 
	}
	.music-title-01{
		width: 458px;
	}
	.music-title-02{
		width: 408px;
	}
	.music-title-03{
		width: 491px;
	}
	.music-title-01 img,.music-title-02 img,.music-title-03 img{
		width: 100%;
	}
	.music-page-wrap{
		margin: 0 0 50px; 0;	
	}
	.music-img{
		width: 284px;
		float: left;
	}
	.music-img img{
		width: 100%;
	}
	.music-caption{
		width: 395px;
		margin: 0 0 0 35px;
		float: left;
	}
	.cd-title{
		font-size: 20px;
		line-height: 1.5em;
		font-weight: bold;
		margin: 0 0 1em -0.5em; 
	}
	.cd-title span{
		font-size: 14px;
	}
	.cd-caption-list{
		font-size: 12px;
		line-height: 18px;
	}
	.cd-caption-list dt{
		font-weight: bold;
	}
	.cd-caption-list dd{
		margin: 0 0 1em 0;
	}
	.cd-url{
		width: 790px;
		text-align: center;
		padding: 40px 0 80px;
		border-bottom:1px solid #000025;
	}
}
@media all and (max-width: 767px) {
	.h2-lower-music{
		width: 35%;
		padding-top: 12%;
		margin: 0 auto 1em;
		background: url(../img/h2_music_sp.png)no-repeat;
		background-size: contain;
	}
	.lower-music-wrap{
		padding: 0 0 3em 0;
	}
	.musicall-block{
		width: 75%;
		margin: 0 auto 3em;
		padding: 0 0 3em;
		border-bottom:1px solid #000025;
	}
	.musicall-img{
		width: 70%;
		margin: 0 auto 1em;
	}
	.musicall-img img{
		width: 100%;
	}
	.musicall-caption{
		width: 90%;
		margin: 0 auto 0;
	}
	.musicall-caption01{
		margin: 1em auto 0;
	}
	.musicall-caption02{
		margin: 1em auto 0;
	}
	.musicall-caption03{
		margin: 2em auto 0;
	}
	.musicall-caption img{
		width: 100%;
	}
	/*page*/
	.music-wrap-inner{
		width: 90%;
		margin: 2em auto 0;
	}
	.music-title{
		width: 90%;
		margin: 0 auto 2em; 
	}
	.music-title img{
		width: 100%;
	}
	.music-page-wrap{
		margin: 0 0 50px; 0;	
	}
	.music-img{
		width: 80%;
		margin: 0 auto 1.5em;
	}
	.music-img img{
		width: 100%;
	}
	.music-caption{
		width: 80%;
		margin: 0 auto 2em;
	}
	.cd-title{
		font-size: 1em;
		line-height: 1.5em;
		font-weight: bold;
		margin: 0 0 1em -0.5em; 
	}
	.cd-title span{
		font-size: 0.7em;
	}
	.cd-caption-list{
		font-size: 0.8em;
		line-height: 1.6em;
	}
	.cd-caption-list dt{
		font-weight: bold;
	}
	.cd-caption-list dd{
		margin: 0 0 1em 0;
	}
	.cd-url{
		width: 100%;
		font-size: 0.9em;
		line-height: 1.5em;
		text-align: center;
		padding: 0 0 4em;
		border-bottom:1px solid #000025;
	}

}

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

@media all and (min-width: 768px) {
	.h2-lower-goods{
		width: 203px;
		height: 67px;
		background: url(../img/h2_goods.png)no-repeat;
	}
	.lower-goodsall-wrap{
		margin: 0 auto;
		padding: 80px 0 100px;
	}
	.goodsall-list-wrap{
		width: 960px;
	}
	.goodsall-block{
		width: 200px;
		margin: 0 18px 40px;
		display: inline-block; /* インラインブロック化 */
    	vertical-align: top;
	}
	.goodsall-img{
		width: 200px;
		margin: 0 auto 14px;
		box-shadow: 0 0 10px rgba(0,0,0,0.3);
	}
	.goodsall-title{
		font-size: 14px;
		font-weight: bold;
		line-height: 1.3em;
		margin-bottom: 4px;
	}
	.goodsall-price{
		font-size: 12px;
	}
	
	/**/
	.lower-goods-wrap{
		width: 715px;
		margin: 0 auto;
		padding: 150px 0 100px;
	}

}
@media all and (max-width: 767px) {
	.h2-lower-goods{
		width: 35%;
		padding-top: 12%;
		margin: 0 auto 1em;
		background: url(../img/h2_goods_sp.png)no-repeat;
		background-size: contain;
	}
	.goodsall-list-wrap{
		width: 100%;
		margin: 0 auto 3em;
	}
	.goodsall-block{
		width: 47%;
		margin: 0.5em 1.2% 2em;
		text-align: left;
		display: inline-block; /* インラインブロック化 */
    	vertical-align: top; 
	}
	.goodsall-img{
		width: 90%;
		margin: 0 auto 1em;
		box-shadow: 0 0 10px rgba(0,0,0,0.3);
	}
	.goodsall-img img{
		width: 100%;
	}
	.goodsall-title{
		width: 90%;
		font-size: 0.9em;
		font-weight: bold;
		line-height: 1.3em;
		margin-bottom: 0.5em;
		margin-left: 5%;
	}
	.goodsall-price{
		width: 90%;
		font-size: 0.7em;
		margin-left: 5%;
	}
	/*inner*/
	.lower-goods-wrap{
		margin-bottom: 5em;
	}

}

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

.tr_bg01{
	background-color: rgba(255,255,255,0.50);
}
.tr_bg02{
	background-color: rgba(33,24,21,0.10);
}

@media all and (min-width: 768px) {
	.h2-lower-disc{
		width: 293px;
		height: 67px;
		background: url(../img/h2_disc.png)no-repeat;
	}
	.lower-disc-wrap{
		width: 730px;
		margin: 0 auto;
		padding: 140px 0 60px;
	}
	.disc-title{
		width: 419px;
		margin: 0 0 20px 0;
	}
	.disc-title img{
		width: 100%;
	}
	.disc-img{
		width: 715px;
		margin: 0 0 30px 0;
	}
	.disc-img img{
		width: 100%;
	}
	.disc-caption-list{
		width: 730px;
		font-size: 12px;
		line-height: 18px;
		padding: 0 0 0 1em;
	}
	.disc-caption-list dt{
		font-weight: bold;
	}
	.disc-caption-list dd{
		margin: 0 0 1em 0;
	}
	/*oritoku*/
	.btn_oritoku a{
		color: #ffffff;
	}
	.oritoku_block{
		width: 715px;
		margin: 0 auto 140px;
	}
	.oritoku_title{
		width: 298px;
		margin: 0 0 1em;
	}
	.oritoku_title img{
		width: 298px;
	}
	.oritoku_table{
		width: 715px;
		border-collapse: collapse;
		margin: 0 0 20px 0;
	}
	.oritoku_table tr td{
		border: 1px solid #000031;
		line-height: 1.6em;
		padding: 30px 30px;
		background-color: rgba(255,255,255,0.4);
	}
	.oritoku_table tr th{
		font-size: 12px;
		color: #fff;
		background: #000031;
		border: 1px solid #000031;
		padding: 10px;
	}
	.td_store{
		font-size: 12px;
		font-weight: bold;
		text-align: center;
		width: 200px;
	}
	.td_item{
		font-size: 12px;
		width: 200px;
	}
	.td_img{
		font-size: 12px;
		width: 110px;
	}
	.td_store_2{
		font-size: 12px;
		font-weight: bold;
		text-align: center;
		width: 190px;
	}
	.td_item_2{
		font-size: 12px;
		width: 180px;
	}
	.td_number_2{
		font-size: 12px;
		width: 150px;
	}
	.td_img_2{
		font-size: 12px;
		width: 160px;
		text-align: center;
	}
	.oritoku_caution{
		width: 630px;
		margin: 0 0 60px 0;
	}
	.oritoku_caution p{
		font-size: 12px;
		line-height: 1.5em;
		margin: 0 0 1.2em 0;
	}
	
}
@media all and (max-width: 767px) {
	.h2-lower-disc{
		width: 62%;
		padding-top: 12%;
		margin: 0 auto 1em;
		background: url(../img/h2_disc_sp.png)no-repeat;
		background-size: contain;
	}
	.lower-disc-wrap{
		width: 90%;
		margin: 0 auto 3em;
		padding: 2em 0 0 0;
	}
	.disc-title{
		width: 75%;
		margin: 0 0 1em 0; 
	}
	.disc-title img{
		width: 100%;
	}
	.disc-page-wrap{
		margin: 0 0 50px 0;	
	}
	.disc-img{
		width: 100%;
		margin: 0 auto 1.5em;
	}
	.disc-img img{
		width: 100%;
	}
	.disc-title img{
		width: 100%;
	}
	.disc-caption-list{
		font-size: 0.8em;
		line-height: 1.6em;
		margin: 0 0 0 1em;
	}
	.disc-caption-list dt{
		font-weight: bold;
	}
	.disc-caption-list dd{
		margin: 0 0 1em 0;
	}
	/*oritoku*/
	.btn_oritoku a{
		color: #ffffff;
	}
	.oritoku_block{
		width: 90%;
		margin: 2em auto 4em;
	}
	.oritoku_title{
		width: 80%;
		margin: 0 0 1em 0 ;
	}
	.oritoku_title img{
		width: 100%;
	}
	.oritoku_table{
		width: 100%;
		border-collapse: collapse;
		margin: 0 auto 1.5em;
	}
	.oritoku_table tr td{
		font-size: 0.7em;
		border: 1px solid #000031;
		line-height: 1.6em;
		padding: 1em;
		background-color: rgba(255,255,255,0.4);
	}
	.oritoku_table tr th{
		color: #fff;
		background: #000031;
		line-height: 1.6em;
		border: 1px solid #000031;
		padding: 1em;
		font-size: 0.6em;
	}
	.td_img{
		width: 20%;
		font-size: 0.7em;
	}
	.td_img img{
		width: 100%;
	}
	.td_store_2{
		width: 30%;
		font-size: 0.7em;
		font-weight: bold;
		text-align: center;	
	}
	.td_item_2{
		width: 50%;
		font-size: 0.7em;
	}
	.td_img_2{
		width: 20%;
		font-size: 0.7em;
	}
	.td_img_2 img{
		width: 100%;
	}
	.oritoku_caution{
		width: 100%;
		margin: 0 auto 3em;
	}
	.oritoku_caution p{
		font-size: 0.7em;
		line-height: 1.5em;
		margin: 0 0 1.2em 0;
	}

}

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

@media all and (min-width: 768px) {
	.h2-lower-special{
		width: 236px;
		height: 67px;
		background: url(../img/h2_special.png)no-repeat;
	}
	.lower-special-wrap{
		margin: 0 auto;
		padding: 160px 0 180px;
	}
	.special-list{
		width: 892px;
		margin: 0 auto 0;
	}
	.special-list li{
		width: 446px;
		height: 263px;
		float: left;
		margin: 0px;
	}
}
@media all and (max-width: 767px) {
	.h2-lower-special{
		width: 50%;
		padding-top: 12%;
		margin: 0 auto 1em;
		background: url(../img/h2_special_sp.png)no-repeat;
		background-size: contain;
	}
	.lower-special-wrap{
		padding: 0 0 3em 0;
	}
	.special-list{
		width: 80%;
		margin: 0 auto 0;
	}
	.special-list li{
		width: 100%;
		margin: 1em 0px;
	}
	.special-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;
}
