@charset "utf-8";

.res01,
.res02,
.res03{
	display:none;
}


@media screen and (max-width:1200px) {

	/*-- ヘッダー --*/
	header#header.before{
		background-size: 135%;
		height: auto;
		padding-bottom: 47%;
	}

	header#header.onair{
		background-size: 130%;
		height: auto;
		padding-bottom: 20%;
	}

	#headerInner{
		width: 90%;
		padding-top: 2%;
	}

	header#header #logo{
		width: 50%;
	}

	header#header #logo h1{
		width:100%;
	}

/*
	header#header #logo h1 a{
		width: 100%;
		background-size: 40%;
	}
*/

	/* ミニマル～　タイトル */
	.mainTitle01 .mainTitle01Inner{
		width: 90%;
	}

	/* 配信日時～ */
	.mainContentInner{
		width:90%;
	}

	/* liveBox */
	.liveBox{
		width:100%;
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 0;
		height: 0;
		overflow: hidden;
	}

	.liveBox iframe{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	/* linkBox */
	.linkBox li{
		width:49%;
	}

	.linkBox li img{
		width: 100%;
		height: auto;
	}

	.liveBox .liveChange{
		z-index:1;
	}

	#footerInner{
		width: 95%;
	}


}

@media screen and (max-width:1024px) {

	/*-- 配信日時 --*/
	.dateBox ul.days{
		width: 100%;
	}

	.dateBox ul.days li span.day{
		font-size:2em;
	}

	.dateBox ul.days li.left{
		width: 100%;
		text-align: center;
	}

	.dateBox ul.days li.right{
		width: 100%;
		text-align: center;
		margin-top: 20px;
	}

	/*-- thanksBox --*/
	.thanksBox{
		font-size: 1.5em;
	}

	/* liveBox */
	.liveBox p.liveBoxText span.text01{
		font-size: 50px;
	}

	.liveBox p.liveBoxText span.text02{
		width: 29%;
		font-size: 75px;
	}

	.liveBox p.liveBoxText span.text03{
		width: 23%;
		font-size: 150px;
	}

	.liveBox p.liveBoxText span.text04{
		width: 15%;
		font-size: 75px;
		margin-top: 65px;
	}

	.liveBox p.liveBoxText span.text05{
		width: 29%;
		font-size: 75px;
	}

	.mesBox{
		font-size:1.6em;
	}
	.res01{
		display:block;
	}

}

@media screen and (max-width:800px) {

	/*-- ヘッダー --*/
	header#header.before{
		padding-bottom: 46%;
	}

	header#header #logo h1 a{
		background-size:70%;
	}

	header#header .headerBox01{
		width:120px;
	}

	header#header .headerBox01 li{
		width:25px;
		margin-right:5px;
	}

	header#header .headerBox01 li.left{
		margin-right:5px;
	}

	header#header .headerBox01 li img{
		width:25px;
		height:25px;
	}

	/*-- 配信日時 --*/
	.dateBox ul.days li{
	}

	.dateBox ul.days li span.start{
	}

	/*-- thanksBox --*/
	.thanksBox{
		font-size: 1.2em;
		padding: 13px;
	}


	/* liveBox */
	.liveBox p.liveBoxText{
		width: 90%;
		height: 0;
		padding-bottom: 35%;
	}

	.liveLogoBox .logo img{
		width: 95%;
		margin: 5% 0% 0% 5%;
	}

	.liveLogoBox .time{
		margin: 35px 10px 0 0;
		font-size: 2em;
		line-height: 140%;
		width: 250px;
	}

	.liveLogoBox .time .left{
		background-size: 30px;
		padding-left: 50px;
		width: 50px;
		background-position: 0px 4px;
	}

	.liveLogoBox .time .right{
		background-size: 15px;
		padding-left: 40px;
		width: 115px;
		background-position: 0px 12px;
	}

	.liveBox p.liveBoxText span.text01{
		font-size: 30px;
	}

	.liveBox p.liveBoxText span.text02{
		font-size: 50px;
		width: 33%;
	}

	.liveBox p.liveBoxText span.text03{
		font-size: 100px;
		width: 17%;
	}

	.liveBox p.liveBoxText span.text04{
		font-size: 60px;
		margin-top: 35px;
		width: 13%;
	}

	.liveBox p.liveBoxText span.text05{
		font-size: 50px;
		width: 33%;
	}

	.liveBox .liveChange{
		right: 0;
		top: 50px;
	}

	.liveBox .liveChange .liveBtn01,
	.liveBox .liveChange .liveBtn02{
		width: 100%;
		margin: 0px -5px 10px -10px;
	}

	.mesBR{
		display:block;
	}


	/* linkBox */

	.linkBox p{
		margin-bottom:20px;
	}

	.linkBox li{
		width: 100%;
		background: none;
		margin-bottom: 20px;
	}

	.linkBox li img{
		max-width: 530px;
		margin: 0 auto;
	}

	.res02{
		display:block;
	}

}


@media screen and (max-width:775px) {

	.liveLogoBox{
		padding:10px 0 0 0;
	}
	
	.liveLogoBox .logo{
		width:100%;
		float:none;
		margin:0 0 10px 0;
	}
	
	.liveLogoBox li.logo .onair,
	.liveLogoBox li.logo .offair{
		margin:0 10px;
	}
	
	.liveLogoBox li.right{
		width:100%;
		float:none;
		padding-top:0;
	}
	
	.liveLogoBox .liveChange{
		padding:10px;
	}
	
	.liveLogoBox .liveChange #cmbDate{
		float:right;
	}

}


@media screen and (max-width:600px) {

	/*-- ヘッダー --*/
	header#header.before{
		padding-bottom: 45%;
	}

	header#header.onair{
		padding-bottom: 18%;
	}

	header#header #logo h1 a{
		background-size:60%;
	}

	#contents{
		padding-bottom:110px;
	}

	/*-- テキスト --*/
	.textBox p{
		font-size:1.0em;
		line-height: 1.5;
		margin-bottom: 10px;
	}

	/*-- 配信日時 --*/
	.dateBox ul.days{
		font-size: 2em;
	}

	/*-- thanksBox --*/
	.thanksBox{
		font-size: 1.2em;
		padding: 10px;
	}

	.liveLogoBox .time{
		margin: 30px 5px 0 0;
		font-size: 1.5em;
		line-height: 140%;
		width: 150px;
	}

/* liveBtn */

	.liveLogoBox .liveChange{
	/*	padding:30px 5px 0 0; */
	}

	.liveLogoBox .liveChange .liveBtn01,
	.liveLogoBox .liveChange .liveBtn02{
		font-size:0.7em;
		height: 25px;
		margin-top:4px;
	}

	.liveLogoBox .time .left{
		background-size: 20px;
		padding-left: 30px;
		width: 30px;
	}

	.liveLogoBox .time .right{
		background-size: 10px;
		padding-left: 15px;
		width: 70px;
		background-position: 0px 10px;
	}

	.liveBox p.liveBoxText span.text01 {
		font-size: 24px;
	}

	.liveBox p.liveBoxText span.text02 {
		font-size: 35px;
		width: 35%;
	}

	.liveBox p.liveBoxText span.text03 {
		font-size: 65px;
		width: 15%;
	}

	.liveBox p.liveBoxText span.text04 {
		font-size: 40px;
		margin-top: 20px;
		width: 11%;
	}

	.liveBox p.liveBoxText span.text05 {
		font-size: 35px;
		width: 35%;
	}

/*
	.liveBox .liveChange .liveBtn01,
	.liveBox .liveChange .liveBtn02{
		font-size:0.7em;
		height: 25px;
		margin: 0px 0px 5px -10px;
	}
*/

	/*-- thanksBox --*/
	.thanksBR{
		display:block;
	}

	.mesBox {
	    font-size: 1.3em;
	}

	/* linkBox */

	.linkBox {
		margin-bottom:0;
	}


	/* footer */

	footer#footer{
		height:145px;
	}

	footer#footer .footerBox01{
		width: 100%;
		margin-bottom: 15px;
	}

	footer#footer .footerBox01 h2{
		margin:0 auto;
	}

	footer#footer .footerBox02{
		width: 100%;
	}

	footer#footer .copy{
		width: 100%;
		position: absolute;
		bottom: 0;
		left: 0;
		margin-bottom: 15px;
	}

	footer#footer .footerBox02 p{
		width: 100%;
	}

	footer#footer .footerBox02 p a{
		margin: 0 auto;
		margin-bottom: 20px;
		position: absolute;
		bottom: 35px;
		left: 0;
		right: 0;
	}

	#nav-dock #prev,
	#nav-dock #next{
		background-size: 100%;
	}

	#nav-dock a{
		width: 30px;
		height: 30px;
	}

}


@media screen and (max-width:480px) {

	/*-- ヘッダー --*/

	header#header.before{
		padding-bottom: 40%;
	}

	header#header.onair{
		padding-bottom: 12%;
	}

	header#header #logo h1 a{
		background-size:50%;
	}

	header#header .headerBox01{
		width: 25px;
		position: absolute;
		right: 2%;
	}

	header#header .headerBox01 li{
		margin-right:0px;
	}

	header#header .headerBox01 li.left{
		margin-right: 0;
		margin-bottom: 5px;
	}

	header#header .headerBox01 .line{
		display:block;
		margin-top:5px;
	}


	/*-- contents --*/

	.mainTitle01{
		margin-bottom:25px;
	}


	/*-- 配信日時 --*/

	.dateBox{
		margin-bottom:35px;
	}

	.dateBox ul.days{
		font-size: 1.5em;
	}

/*
	.dateBox ul.time{
		width: 200px;
	}

	.dateBox ul.time li.left{
		background-size: 24px;
		width: auto;
		padding-left: 30px;
		font-size: 2em;
		line-height: 130%;
	}

	.dateBox ul.time li.right{
		width: 100px;
		background-size: 15px;
		font-size: 2em;
		line-height: 130%;
		padding-left: 25px;
		background-position: 0 10px;
	}
*/
	.textBox{
		margin-bottom: 35px;
	}

	.mesBox {
	    font-size: 1.2em;
	}

	.liveLogoBox .liveChange #cmbDate{
		float:none;
		margin-bottom:10px;
		width:100%;
	}

	.liveLogoBox .liveChange .liveBtn01{
		margin:0 10px 0 0;
	}


	.liveLogoBox .liveChange .liveBtn02{
		margin:0;
	}

	.liveBox p.liveBoxText{
		padding-bottom:28%;
	}

	.liveLogoBox .time{
		margin: 25px 5px 0 0;
		font-size: 1.0em;
		width: 105px;
	}

	.liveLogoBox .time .left{
		background-size: 14px;
		padding-left: 20px;
		width: 20px;
		background-position: 0px 2px;
	}

	.liveLogoBox .time .right{
		background-size: 8px;
		padding-left: 10px;
		width: 50px;
		background-position: 0px 6px;
	}

	.liveBox p.liveBoxText span.text01 {
		font-size: 16px;
	}

	.liveBox p.liveBoxText span.text02 {
		font-size: 20px;
		width: 35%;
	}

	.liveBox p.liveBoxText span.text03 {
		font-size: 40px;
		width: 15%;
	}

	.liveBox p.liveBoxText span.text04 {
		font-size: 25px;
		margin-top: 12px;
		width: 11%;
	}

	.liveBox p.liveBoxText span.text05 {
		font-size: 20px;
		width: 35%;
	}

	.liveEndBox{
		font-size: 1.2em;
		height: 65px;
	}

	.liveEndBox span.txtSub{
		font-size: 0.8em;
	}

 /* returnBtn */

	.returnBtn{
		width:90%;
	}

	.returnBtn a{
		padding: 15px 12% 15px 8%;
		background-size: 15px;
		font-size: 1.0em;
	}

	.returnBtn a:hover{
		background-size: 15px;
	}

	.res03{
		display:block;
	}

}


@media screen and (max-width:340px) {

	.dateBox ul.days{
		font-size: 1.2em;
	}

}


@media screen and (max-width:320px) {

	/* returnBtn */
	.returnBtn a{
		padding-left:3%;
	}

	.thanksBox {
		font-size: 1.0em;
	}
}