@charset "UTF-8";

header h1{background-image: url(../img/header.jpg?200904);}
#container .unit #Next .box .date{background-image: url(../img/next/date.png?200828);}
.btn-area .inner li#btn5 a{ background-image: url(../img/btn_interview.jpg?200904);}
.btn-area .inner li#btn6 a{ background-image: url(../img/btn_guest.jpg?200904);}
.btn-area .inner li#btn7 a{ background-image: url(../img/btn_gallery.jpg?200828);}
.btn-area .inner li#btn8 a{ background-image: url(../img/btn_polimaru.png?200904);}


/* -----------------------------------------------------------
   HEADER
------------------------------------------------------------*/
/*header{
	position: relative;
}
header h1 a{
	display: block;
}
header h1 a:hover{
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}
header h1{
	background-image: url(../img/logo.png);
}
header ul#snsbtn{
	list-style: none;
	display: flex;
}
header ul#snsbtn li{
	width: 50%;
}
header ul#snsbtn a{
	display: block;
	width: 100%;
	height: 0;
	padding-top: 100%;
	background-size: cover;
	position: relative;
}
header ul#snsbtn a img{
	width: 50%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
header ul#snsbtn #ig a{
	background-image: url(../img/top_btn_insta.jpg);
}
header ul#snsbtn #twit a{
	background-image: url(../img/top_btn_twit.png);
}

@media all and (min-width: 768px) {
	header{
		padding: 50px 0 180px;
	}
	header h1{
		margin:0 auto;
	}
	header h1 , header h1 img{
		width: 670px;
		height: 250px;
	}
	header ul#snsbtn{
		width: 15%;
		position: absolute;
		top: 80%;
		left: 50%;
		transform: translateY(-50%) translateX(-50%);
		-webkit- transform: translateY(-50%) translateX(-50%);
		margin: auto;
	}
}

@media all and (max-width: 767px) {
	header{
		padding: 10% 0;
	}
	header h1{
		width:70%;
		margin: 0 auto;
	}
	header h1{
		background-size:cover;
	}
	header h1 img{
		width:100%;
		height: 0;
		padding-top: 37.31%;
	}
	header ul#snsbtn{
		width: 20%;
		position: absolute;
		top: 78.5%;
		right: 0%;
	}
}
*/


header{
	position: relative;
}
header h1 a{
	display: block;
}
header h1 a:hover{
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}


header ul#snsbtn{
	list-style: none;
	position: absolute;
	bottom: 0;
	right: 0;
	display: flex;
}
header ul#snsbtn li{
	width: 50%;
}
header ul#snsbtn a{
	display: block;
	width: 100%;
	height: 0;
	padding-top: 100%;
	background-size: cover;
	position: relative;
}
header ul#snsbtn a img{

	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
header ul#snsbtn #ig a{
	background-image: url(../img/top_btn_insta.jpg);
}
header ul#snsbtn #twit a{
	background-image: url(../img/top_btn_twit.png);
}
header ul#snsbtn #line a{
	background-image: url(../img/top_btn_line.png);
}

@media all and (min-width: 768px) {
	.wrap{
		padding-top: 30px;
	}
	header{
		width: 1030px;
		height: 720px;
		margin:0 auto 40px;
	}
	header h1 , header h1 img{
		width: 1030px;
		height: 720px;
	}
	header ul#snsbtn a img{
		width: 50%;
	}
	header ul#snsbtn{
		width: 122px;


	}
}

@media all and (max-width: 767px) {
	header h1{
		width:100%;
		margin:0 auto 20px;
	}
	header h1{
		background-size:cover;
	}
	header h1 img{
		width:100%;
		height: 0;
		padding-top: 69.99%;
	}
	header ul#snsbtn{
		width: 14%;
	}
	header ul#snsbtn a img{
		width: 100%;
	}
}


/* -----------------------------------------------------------
   NAVIGATION
------------------------------------------------------------*/


.wrap nav li , .wrap nav a , .wrap nav span{
	text-indent: -9999px;
	white-space: nowrap;
	overflow: hidden;
	background-repeat: no-repeat;
	display: block;
}

@media all and (min-width: 768px) {
	.wrap nav #m1 a{background-image: url(../img/nav_top_intro.png);}
	.wrap nav #m2 a{background-image: url(../img/nav_top_news.png);}
	.wrap nav #m3 a{background-image: url(../img/nav_top_story.png);}
	.wrap nav #m4 a{background-image: url(../img/nav_top_chart.png);}
	.wrap nav #m5 a{background-image: url(../img/nav_top_msg.png);}
	.wrap nav #m6 a{background-image: url(../img/nav_top_paravi.png);}

	.wrap nav{
		background-image: url(../img/nav_top.png);
		width: 1044px;
		height: 146px;
		margin: 0 auto 10px;
	}
	.wrap nav a {
		-webkit-filter: grayscale(0) blur(0);
		filter: grayscale(0) blur(0);
		-webkit-transition: .3s ease-in-out;
		transition: .3s ease-in-out;
	}
	.wrap nav a:hover {
		-webkit-filter: grayscale(100%) blur(3px);
		filter: grayscale(100%) blur(3px);
	}
	.wrap nav ul{
		width: 1044px;
		height: 146px;
		padding: 17px 0 0 54px;
		list-style:none;
		display: flex;
		display: -webkit-box;
	  display: -ms-flexbox;
	}
	.wrap nav li , nav a  , nav span{
		height: 146px;
	}
	.wrap nav #m1 a{ width: 148px; }
	.wrap nav #m2 a{ width: 165px; }
	.wrap nav #m3 a{ width: 155px; }
	.wrap nav #m4 a{ width: 155px; }
	.wrap nav #m5 a{ width: 195px; }
	.wrap nav #m6 a{ width: 115px; }
}
@media all and (max-width: 767px) {
	.wrap nav #m1{width: 36.09375%;}
	.wrap nav #m2{width: 32.81%;}
	.wrap nav #m3{width: 31.09%;}
	.wrap nav #m4{width: 37.65%;}
	.wrap nav #m5{width: 37.5%;}
	.wrap nav #m6{width: 24.83%;}
	.wrap nav #m1 a{background-image: url(../img/nav_smp_intro.png); padding-top: 41.558%;}
	.wrap nav #m2 a{background-image: url(../img/nav_smp_news.png); padding-top: 45.71%;}
	.wrap nav #m3 a{background-image: url(../img/nav_smp_story.png); padding-top: 48.24%;}
	.wrap nav #m4 a{background-image: url(../img/nav_smp_chart.png); padding-top: 39.41%;}
	.wrap nav #m5 a{background-image: url(../img/nav_smp_msg.png); padding-top:39.58%;}
	.wrap nav #m6 a{background-image: url(../img/nav_smp_paravi.png); padding-top: 59.74%;}

	.wrap nav{
		width: 100%;
	}
	.wrap nav ul{
		list-style: none;
		width: 100%;
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		background-color: #141414;
	}

	.wrap nav a , .wrap nav span{
		width: 100%;
		height: 0;
		background-size: cover;
		background-position: center center;
	}
	.wrap nav #m1 , .wrap nav #m2 , .wrap nav #m3{border-bottom: 1px solid #f0d14f;}
}


/* -----------------------------------------------------------
   BASE
------------------------------------------------------------*/


#container{
	background-image: url(../img/bg2.png);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center 280px;
}

	#container .unit h2 , #container .btn-area h2{
		text-indent: -9999px;
		white-space: nowrap;
		overflow: hidden;
	}

.btn-area{
	background-image: url(../img/bg3.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}

@media all and (min-width: 768px) {
	#container .unit{
		width: 1030px;
		margin: 0 auto;
	}
	.btn-area{
		background-size: 100%;
	}
}
@media all and (max-width: 767px) {
	.btn-area .inner{
		width: 95%;
		margin: 0 auto;
		padding:10px 0 30px;
	}
}
/* -----------------------------------------------------------
   NEXT
------------------------------------------------------------*/

#container .unit #Next h2{
	position: absolute;
	background-image: url(../img/next_ti.png);
	background-repeat: no-repeat;
	z-index: 1;
}
#container .unit #Next .box{
	background-color: #141414;
	position: relative;
	z-index: 2;
}
#container .unit #Next .box .date{
	background-repeat: no-repeat;
}
#container .unit #Next .box .date a{
	display: block;
	background-image: url(../img/next_yaji.png);
}

#container .unit #Next .box .txt-box{
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
#container .unit #Next .box .txt-box p{
	font-size: 90%;
	line-height: 1.4;
	padding-bottom: 15px;
	color: #fff;
}
#container .unit #Next .box .txt-box .more{
	display: block;
	width: 100%;
	text-align: center;
	background-color: #b60000;
	background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #a70000), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #a70000),color-stop(.75, #a70000), color-stop(.75, transparent),to(transparent));
	-webkit-background-size: 7px 7px;
	text-decoration: none;
}
#container .unit #Next .box .txt-box .more span{
	-webkit-filter: grayscale(0) blur(0);
	filter: grayscale(0) blur(0);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	color: #fff;
	font-size: 90%;
	font-weight: bold;
}
#container .unit #Next .box .txt-box .more span:hover {
	-webkit-filter: grayscale(100%) blur(3px);
	filter: grayscale(100%) blur(3px);
}

/*PHOTO ver*/
#container .unit #Next .box .photo{
	position: relative;
}
#container .unit #Next .box .photo .lazy{
	display: block;
	width: 100%;
	height: 0;
	padding-top: 56.54%;
	background-size: cover;
	position: relative;
}

@media all and (min-width: 768px) {
	#container .unit #Next{
		float: left;
		width: 580px;
		margin-right: 30px;
		position: relative;
	}
	#container .unit #Next .box{
		margin-top: 74px;
		padding: 15px 0;
	}
	#container .unit #Next h2{
		width: 302px;
		height: 140px;
		top: 0;
		left: -34px;
	}
	#container .unit #Next .box .y-movie , #container .unit #Next .box .photo{
		width: 550px;
		margin: 0 auto 10px;
	}



	#container .unit #Next .box .date{
		width: 550px;
		height: 52px;
		border: 1px solid #fff;
		margin: 0 auto;
		box-sizing: border-box;
	}
	#container .unit #Next .box .date a{
		width: 52px;
		height: 52px;
		float: right;
	}
	#container .unit #Next .box .txt-box{
		width: 550px;
		box-sizing: border-box;
		margin: 0 auto;
		padding: 20px 15px;
	}
	#container .unit #Next .box .txt-box .more{
		padding: 8px 0;
	}
}

@media all and (max-width: 767px) {
	#container .unit #Next{
		padding-top:15%;
		/*padding-top: 74px;*/
		position: relative;
	}
	#container .unit #Next h2{
		width: 50%;
		height: 0;
		padding-top: 23.17%;
		top: 0;
		left: -5%;
		background-size: cover;
	}
	#container .unit #Next .box{
		padding: 10px;
	}
	#container .unit #Next .box .y-movie{
		position: relative;
		width: 100%;
		padding-top: 56.25%;
		margin-bottom:8px;
	}
		#container .unit #Next .box .y-movie iframe{
			position: absolute;
			top: 0;
			right: 0;
			width: 100% !important;
			height: 100% !important;
		}


	#container .unit #Next .box .date{
		width: 100%;
		height: 0;
		padding-top: 9.92%;
		border: 1px solid #fff;
		margin: 0 auto;
		box-sizing: border-box;
		position: relative;
		background-size: 120%;
		background-position: left center;
	}
	#container .unit #Next .box .date a{
		width: 10%;
		padding-top: 10%;
		height: 0;
		position: absolute;
		top: 0;
		right: 0;
		background-size: cover;
	}
	#container .unit #Next .box .txt-box{
		box-sizing: border-box;
		margin: 0 auto;
		padding: 12px;
	}
	#container .unit #Next .box .txt-box .more{
		padding: 10px 0;
	}
}


/* -----------------------------------------------------------
   WHATS-NEW
------------------------------------------------------------*/

#Whatsnew h2{
	position: absolute;
	background-image:url(../img/whatsnew_ti.png) ;
	background-repeat: no-repeat;
	z-index: 1;
}
#Whatsnew .box{
	position: relative;
	z-index: 2;
}
#Whatsnew ul#list li{
	position: relative;
	margin:0 0 10px 0;
	background-color:#fff;
	box-shadow:0px 0px 4px 0px rgba(0,0,0,0.3);
	box-sizing: border-box;
}

#Whatsnew ul#list li span.thum{
	display:inline-block;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
	vertical-align:top;
}

#Whatsnew ul#list li a{
	display:block;
	width:100%;
	color:#013d52;
	-webkit-filter: grayscale(0) blur(0);
	filter: grayscale(0) blur(0);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
#Whatsnew ul#list li a:hover{
	-webkit-filter: grayscale(100%) blur(3px);
	filter: grayscale(100%) blur(3px);
}

#Whatsnew ul#list li .date{
	background-color: #141414;
	color:#fff;
	font-weight: bold;
	position: relative;

}
#Whatsnew ul#list li .date_sp{
	background-color: #b60000;
	color:#fff;
	font-weight: bold;
	position: relative;

}
#Whatsnew ul#list li .date span.ymd{
	display: block;
}
#Whatsnew ul#list li .date span.tag{
	display: block;
	color:#fff;
	border-left: 1px dashed #fff;
	position: absolute;
	top: 0;
	right: 0;
}



#Whatsnew .news0316{background-image: url(../img/whatsnew/news0316.jpg);}

#Whatsnew .okada3{background-image: url(../img/whatsnew/okada3.jpg);}

#Whatsnew .news0318{background-image: url(../img/whatsnew/news0318.jpg);}

#Whatsnew .noimage{background-image: url(../img/whatsnew/noimage.jpg);}

#Whatsnew .line{background-image: url(../img/whatsnew/line.jpg);}

#Whatsnew .movie0606{background-image: url(../img/whatsnew/movie0606.jpg);}

#Whatsnew .onair{background-image: url(../img/whatsnew/onair.jpg);}

#Whatsnew .linestamp{background-image: url(../img/whatsnew/linestamp.jpg);}

#Whatsnew .goods{background-image: url(../img/whatsnew/goods.jpg);}

#Whatsnew .extra0619{background-image: url(../img/whatsnew/extra0619.jpg);}

#Whatsnew .live{background-image: url(../img/whatsnew/live.jpg);}

#Whatsnew .guest0620{background-image: url(../img/whatsnew/guest0620.jpg);}

#Whatsnew .goods2{background-image: url(../img/whatsnew/goods2.jpg);}

#Whatsnew .sugar{background-image: url(../img/whatsnew/sugar.jpg);}

#Whatsnew .live_movie{background-image: url(../img/whatsnew/live_movie.jpg);}

#Whatsnew .squeeze{background-image: url(../img/whatsnew/squeeze.jpg);}

#Whatsnew .guest3{background-image: url(../img/whatsnew/guest3.jpg);}

#Whatsnew .n20200710{background-image: url(../img/whatsnew/n20200710.jpg);}

#Whatsnew .n20200712{background-image: url(../img/whatsnew/n20200712.jpg);}

#Whatsnew .n20200717{background-image: url(../img/whatsnew/n20200717.jpg);}

#Whatsnew .bansen{background-image: url(../img/whatsnew/bansen.jpg);}

#Whatsnew .n20200724{background-image: url(../img/whatsnew/n20200724.jpg);}

#Whatsnew .n20200728{background-image: url(../img/whatsnew/n20200728.jpg);}

#Whatsnew .sugar_okada{background-image: url(../img/whatsnew/sugar_okada.jpg);}

#Whatsnew .soundtrack{background-image: url(../img/whatsnew/soundtrack.jpg);}

#Whatsnew .movie0731{background-image: url(../img/whatsnew/movie0731.jpg);}

#Whatsnew .n20200731{background-image: url(../img/whatsnew/n20200731.jpg);}

#Whatsnew .n20200804{background-image: url(../img/whatsnew/n20200804.jpg);}

#Whatsnew .n20200806{background-image: url(../img/whatsnew/n20200806.jpg);}

#Whatsnew .n20200807{background-image: url(../img/whatsnew/n20200807.jpg);}

#Whatsnew .movie0807{background-image: url(../img/whatsnew/movie0807.jpg);}

#Whatsnew .n20200807_2{background-image: url(../img/whatsnew/n20200807_2.jpg);}

#Whatsnew .n20200807_1{background-image: url(../img/whatsnew/n20200807_1.jpg);}

#Whatsnew .n20200810_2{background-image: url(../img/whatsnew/n20200810_2.jpg);}

#Whatsnew .guest0811{background-image: url(../img/whatsnew/guest0811.jpg);}

#Whatsnew .n20200817{background-image: url(../img/whatsnew/n20200817.jpg);}

#Whatsnew .movie0821{background-image: url(../img/whatsnew/movie0821.jpg);}

#Whatsnew .n20200821{background-image: url(../img/whatsnew/n20200821.jpg);}

#Whatsnew .n20200821_2{background-image: url(../img/whatsnew/n20200821_2.jpg);}

#Whatsnew .n20200827{background-image: url(../img/whatsnew/n20200827.jpg);}

#Whatsnew .movie0828{background-image: url(../img/whatsnew/movie0828.jpg);}

#Whatsnew .n20200828{background-image: url(../img/whatsnew/n20200828.jpg);}

#Whatsnew .interview9{background-image: url(../img/whatsnew/interview9.jpg);}

#Whatsnew .report0904{background-image: url(../img/whatsnew/report0904.jpg);}

#Whatsnew .n20200901{background-image: url(../img/whatsnew/n20200901.jpg);}

#Whatsnew .movie0902{background-image: url(../img/whatsnew/movie0902.jpg);}

#Whatsnew .n20200902{background-image: url(../img/whatsnew/n20200902.jpg);}

#Whatsnew .bansen{background-image: url(../img/whatsnew/bansen.jpg);}

#Whatsnew .interview10{background-image: url(../img/whatsnew/interview10.jpg);}

#Whatsnew .n20200904{background-image: url(../img/whatsnew/n20200904.jpg);}

#Whatsnew .dvd{background-image: url(../img/whatsnew/dvd.jpg);}

#Whatsnew .n20201106{background-image: url(../img/whatsnew/n20201106.jpg);}

#Whatsnew .n20201127{background-image: url(../img/whatsnew/n20201127.jpg);}

#Whatsnew .noimage{background-image: url(../img/whatsnew/noimage.jpg);}

#Whatsnew .n20210105{background-image: url(../img/whatsnew/n20210105.jpg);}

#Whatsnew .sugar{background-image: url(../img/whatsnew/sugar.jpg);}

#Whatsnew .sugar{background-image: url(../img/whatsnew/sugar.jpg);}

#Whatsnew .n20210901{background-image: url(../img/whatsnew/n20210901.jpg);}

#Whatsnew .n20211201{background-image: url(../img/whatsnew/n20211201.jpg);}

#Whatsnew .n20210105{background-image: url(../img/whatsnew/n20210105.jpg);}

#Whatsnew .n20210105{background-image: url(../img/whatsnew/n20210105.jpg);}

#Whatsnew .n20210105{background-image: url(../img/whatsnew/n20210105.jpg);}

#Whatsnew .n20210105{background-image: url(../img/whatsnew/n20210105.jpg);}

#Whatsnew .n20220722{background-image: url(../img/whatsnew/n20220722.jpg);}



@media all and (min-width: 768px) {
	#Whatsnew{
		width:420px;
		float: left;
		position: relative;
	}
	#Whatsnew h2{
		width:350px;
		height:140px;
		top: 0;
		left: -34px;
	}
	#Whatsnew .box{
		margin-top: 74px;
	}
	#tpcs{
		width:420px;
		height:415px;
		margin-bottom: 20px;
		overflow:hidden;
		position:relative;
	}
	#Whatsnew ul#list li{
		width:420px;
		padding: 8px;
	}
	#Whatsnew ul#list li span.thum{
		width:170px;
		height:113px;
	}
	#Whatsnew ul#list li .txt-box{
		display:inline-block;
		width:56.4%;
	}
	#Whatsnew ul#list li .txt{
		font-size: 90%;
		line-height: 1.4;
		padding: 10px 6px;
	}
	#Whatsnew ul#list li .date{
		font-size:86%;
		line-height: 1.2;
	}
	#Whatsnew ul#list li .date span.ymd{
		display: block;
		padding: 5px 0 5px 10px;
	}
	#Whatsnew ul#list li .date span.tag{
		font-size: 90%;
		padding: 6px 10px;
	}
	.tp_csr{
		text-align:right;
	}
	.tp_csr ul li{
		display:inline-block;
		margin:0 .2em 0;
		width:13%;
	}
	.tp_csr ul li img{
		width:100%;
	}
	.tp_csr #next,.tp_csr #prev{
		cursor:pointer;
	}
}

@media all and (max-width: 767px) {
	#Whatsnew{
		width:100%;
		padding-top:12%;
		position: relative;
	}
	#Whatsnew h2{
		width:60%;
		height: 0;
		padding-top: 24%;
		top: 0;
		left:0;
		background-image:url(../img/whatsnew_ti.png);
		background-size: cover;
	}

	#Whatsnew ul#list{
		margin:0;
		height:auto;
		display: flex;
		padding:2% 0 4%;
		overflow-x:scroll;
		-webkit-overflow-scrolling:touch;
		overflow-scrolling:touch;
	}
	#Whatsnew ul#list li{
		margin:0 .6% 0;
		vertical-align:top;
		white-space: normal;
	  word-wrap: break-word;
		flex: 0 0 45%;
		padding: 5px;
		box-shadow:0 2px 2px rgba(20,20,20,0.25);
	}
	#Whatsnew ul#list li span.thum{
		width:100%;
		height:auto;
		padding:66.66% 0 0;
		display:block;
		position:relative;
	}
	#Whatsnew ul#list li span.thum img{
		position:absolute;
		left:0;
		top:0;
		width:100%;
		height:100%;
	}
	#Whatsnew ul#list li .txt{
		padding: 6px 4px;
	}
	#Whatsnew ul#list li .date{
		font-size:65%;
		letter-spacing: 0.02em;
	}
	#Whatsnew ul#list li .date span.ymd{
		display: block;
		padding: 6px 0 4px 6px;
	}
	#Whatsnew ul#list li a{
		width:100%;
		height:100%;
	}
	#Whatsnew ul#list li span.ymd{
		font-weight:bold;
	}
	#Whatsnew ul#list li .txt{
		font-size: 80%;
		line-height: 1.2;
	}
	#Whatsnew ul#list li .date span.tag{
		padding: 6px;
	}
	.tp_csr{display:none;}
}
/* -----------------------------------------------------------
   CONTENTS-BTN-AREA
------------------------------------------------------------*/

.btn-area .inner ul{
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}

.btn-area .inner li.btn a , .btn-area .inner li.btn span{
	display: block;
	position: relative;
	-webkit-filter: grayscale(0) blur(0);
	filter: grayscale(0) blur(0);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	box-shadow:0 2px 2px rgba(20,20,20,0.25);
}
.btn-area .inner li.btn a:hover{
	-webkit-filter: grayscale(100%) blur(3px);
	filter: grayscale(100%) blur(3px);
}
.btn-area .inner li#btn1 a{ background-image: url(../img/btn_report.jpg?0324);}
.btn-area .inner li#btn2 span{ background-image: url(../img/btn_movie.jpg?1020);}
.btn-area .inner li#btn3 a{ background-image: url(../img/btn_music.jpg);}
.btn-area .inner li#btn4 a{ background-image: url(../img/btn_staff.jpg);}
.btn-area .inner li#btn9 a{ background-image: url(../img/btn_quiz.jpg);}

.btn-area .inner li span.date{
	position: absolute;
	bottom: 2.739%;
	right: 1.764%;
	background-color: #a70000;
	display: block;
	color: #fff;
	width: 28.82%;
	height: 15.4%;
	font-weight: bold;
	text-align: center;
	box-sizing: border-box;
	font-style: italic;
}



@media all and (min-width: 768px) {
	.btn-area{
		padding-bottom: 50px;
	}
	.btn-area .inner{
		width: 1030px;
		margin: 0 auto;
		padding-top: 40px;
		justify-content: space-between;
	}
	.btn-area .inner ul.btn-list1{
		width: 88%;
		margin:0 auto 2%;
		padding-top: 45px;
	}
		.btn-area .inner .btn-list1 li{
			width: 32%;
		}
	.btn-area .inner ul.btn-list2{
		width: 100%;
		margin:0 auto 4%;
	}
		.btn-area .inner .btn-list2 li{
			width: 24%;
		}
	.btn-area .inner ul.btn-list3{
		width: 56%;
		margin: 0 auto;
	}
		.btn-area .inner .btn-list3 li{
			width: 49%;
		}
	.btn-area .inner .btn-list1 a , .btn-area .inner .btn-list2 a , .btn-area .inner .btn-list1 span{
		width: 100%;
		height: 0;
		padding-top: 64.7%;
		background-size: cover;
	}
	.btn-area .inner .btn-list3 a{
		width: 100%;
		height: 0;
		padding-top: 35.29%;
		background-size: cover;
	}

	.btn-area .inner li span.date{
		font-size: 80%;
		padding-top: 3.5%;

	}

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

	.btn-area .inner li.btn{
		width: 49%;
		margin-bottom: 2%;
	}
	.btn-area .inner li.btn a , .btn-area .inner li.btn span{
		background-size: cover;
	}
	.btn-area .inner li.btn img{
		width: 100%;
		height: 0;
		background-size: cover;
	}

	.btn-area .inner .btn-list1 img , .btn-area .inner .btn-list2 img{
		padding-top: 64.7%;
	}
	.btn-area .inner .btn-list3 img{
		padding-top: 35.29%;
	}
	.btn-area .inner .btn-list1 #btn7{
		margin: 0 auto 2%;
	}

	.btn-area .inner li span.date{
		font-size: 50%;
		padding-top:2.8%;
		letter-spacing: 0.02em;
	}
}

/* -----------------------------------------------------------
   BANNER-AREA
------------------------------------------------------------*/
#banner-area{
	background-color: #faeaa5;
}
#banner-area ul{
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}

#banner-area li a , #banner-area li span{
	display: block;
	position: relative;
	-webkit-filter: grayscale(0) blur(0);
	filter: grayscale(0) blur(0);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
#banner-area li a:hover{
	-webkit-filter: grayscale(100%) blur(3px);
	filter: grayscale(100%) blur(3px);
}
#banner-area li.bn_goods a{background-image: url(../img/bn_goods.jpg?202209);}
#banner-area li.bn_paravi a{background-image: url(../img/bn_paravi.jpg);}
#banner-area li.bn_unext a{background-image: url(../img/bn_unext.jpg);}
#banner-area li.bn_tbsfree span{background-image: url(../img/bn_tbsfree.jpg?200911);}
#banner-area li.bn_dvd a{background-image: url(../img/bn_dvd.jpg);}

#banner-area .nocontxt img{ position:absolute;width: 100%;height: 100%;}

@media all and (min-width: 768px) {
	#banner-area{
		padding: 40px 0;
	}
	#banner-area .inner{
		width: 670px;
		margin: 0 auto;
	}
	#banner-area li{
		width: 330px;
	}
	#banner-area li:nth-child(1) , #banner-area li:nth-child(2){margin-bottom: 10px;}
	#banner-area li a , #banner-area li span{
		width: 100%;
		height: 0;
		padding-top: 36.36%;
		background-size: cover;
	}
}
@media all and (max-width: 767px) {
	#banner-area{
		padding: 20px 0 ;
	}
	#banner-area .inner{
		width: 95%;
    margin: 0 auto;
	}
	#banner-area ul{
		width: 60%;
		margin: 0 auto;
	}
	#banner-area li{
		width: 100%;
		margin: 0 auto 2%;
	}
	#banner-area li a , #banner-area li span{
		width: 100%;
		height: 0;
		padding-top: 36.36%;
		background-size: cover;
	}

}

/* -----------------------------------------------------------
   BOTTOM
------------------------------------------------------------*/
#bottom #rectangle{
	text-align: center;
}
#bottom #rectangle > div{
	margin: 0 auto;
}
#bottom #btm-sns-btn a , #bottom #btm-sns-btn span{
	display: block;
	text-indent: -9999px;
	white-space: nowrap;
	overflow: hidden;
	position: relative;
}
#bottom #btm-sns-btn .line span{
	background-image: url(../img/btn_line.png);
}
#bottom #btm-sns-btn .ig a{
	background-image: url(../img/btn_ig.jpg);
}
#bottom #btm-sns-btn a , #bottom #btm-sns-btn span{
	display: block;
	position: relative;
	-webkit-filter: grayscale(0) blur(0);
	filter: grayscale(0) blur(0);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
#bottom #btm-sns-btn a:hover{
	-webkit-filter: grayscale(100%) blur(3px);
	filter: grayscale(100%) blur(3px);
}
#bottom .inner #twit-tl .tl{
	background-color: #fff;
}
#bottom .inner #twit-tl h2 a{
	background-image: url(../img/twittl_ti.png);
	background-repeat: no-repeat;
	display: block;
	text-indent: -9999px;
	white-space: nowrap;
	overflow: hidden;
}
#bottom .inner #twit-tl .cau{
	font-size: 80%;
	color: #fff;
	text-align: center;
}


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

	#bottom .inner{
		width: 960px;
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
	}
	#bottom #rectangle{
		padding-top: 40px;
	}
	#bottom #btm-sns-btn{
		width: 300px;
		padding-top: 35px;
	}
	#bottom #btm-sns-btn{
		margin-right: 30px;
	}
	#bottom #btm-sns-btn .line{
		margin: 10px auto;
	}
	#bottom #btm-sns-btn .line span{
		width: 300px;
		height: 120px;
		background-size: cover;
	}
	#bottom #btm-sns-btn .ig a{
		width: 300px;
		height: 100px;
		background-size: cover;
	}
	#bottom .inner #twit-tl{
		width: 300px;
		margin-right: 30px;
	}
	.btn-area .inner #twit-tl .tl{
		margin-bottom: 10px;
	}
	#bottom .inner #twit-tl .cau{
		padding-top: 10px;
	}
	#bottom .inner #twit-tl h2 a{
		width:280px;
		height:38px;
		margin-bottom: 6px;
	}
}

@media all and (max-width: 767px) {
	#bottom .inner #btm-sns-btn{
		width: 300px;
		margin: 0 auto 10px;
	}
	#bottom #btm-sns-btn .line{
		margin: 0 auto 2%;
	}
	#bottom #btm-sns-btn .line span{
		width: 100%;
		height: 0;
		padding-top: 40%;
		background-size: cover;
	}
	#bottom #btm-sns-btn .ig a{
		width: 100%;
		height: 0;
		padding-top: 33.33%;
		background-size: cover;
	}
	#bottom .inner #twit-tl{
		width: 80%;
		margin: 0 auto 10px;
	}
	#bottom .inner #twit-tl h2 a{
		width:60%;
		height: 0;
		padding-top: 8.14%;
		margin-bottom: 6px;
		background-size: cover;
	}
	#bottom .inner #twit-tl .cau{
		padding-top: 10px;
	}
}

/* -----------------------------------------------------------
   0401 INFO
------------------------------------------------------------*/

.wrap .info{
	padding: 10px;
	background-color: #fcf7e1;
	border: 2px solid #141414;
	font-weight: bold;
	line-height: 1.2;
	box-sizing: border-box;
}

@media all and (min-width: 768px) {
	.wrap .info{
		width: 1030px;
		margin: 0 auto 30px;
		font-size: 100%;
	}
	.wrap .info strong{
		font-size: 110%;
	}
}

@media all and (max-width: 767px) {
	.wrap .info{
		width:95%;
		margin: 10px auto ;
		font-size: 90%;
	}
	.wrap .info strong{
		font-size: 110%;
	}
}

/* -----------------------------------------------------------
   LIVE BTN
------------------------------------------------------------*/
#btn-live a{

	display: block;
	position: relative;
	-webkit-filter: grayscale(0) blur(0);
	filter: grayscale(0) blur(0);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
#btn-live a:hover{
	-webkit-filter: grayscale(100%) blur(3px);
	filter: grayscale(100%) blur(3px);
}
@media all and (min-width: 768px) {
	#btn-live a{
		width: 1030px;
		height: 200px;
		margin: 20px auto;
		background-image: url(../img/btn_live2.png);
	}
	#btn-live_end{
		width: 1030px;
		height: 200px;
		margin: 20px auto;
		background-image: url(../img/btn_live3.png);
	}
}

@media all and (max-width: 767px) {
	#btn-live{
		width: 95%;
		margin: 10px auto;
	}
	#btn-live a{
		width: 100%;
		height: 0;
		padding-top: 43.75%;
		background-size: cover;
		background-image: url(../img/btn_live_smp2.png);
	}
	#btn-live_end{
		width: 95%;
		height: 0;
		margin: 10px auto 0;
		padding-top: 41.56%;
		background-size: cover;
		background-image: url(../img/btn_live_smp3.png);
	}
}