@charset "utf-8";
/* CSS Document */

/*下から上へ現れる*/
.hero_09 {
    position:absolute;
    right:30px;
    bottom:10px;
    width:220px;
    z-index: 100 !important;
}
.hero_09 img {
    width:100%;
}




/*--------------------------------
            section
----------------------------------*/
h4 {
	font-size:20px;
}
h5 {
	font-size:20px;
	margin-bottom:10px;
	text-align: center;
}
.box {
	border:solid 4px #F8EF39;
	background: #FFF;
	width:912px;
	margin:0px auto 20px;
	padding:25px 20px ;
	letter-spacing: 1px;
}

.dento {
	width:95%;
	max-width:500px;
	margin:0 25px 0 0 ;
	float:left;
}
.dento img {
	width:100%;
	vertical-align: bottom;
}
.box p {
	margin:0 0 10px;
}

/*cs*/
.hyo_cs {
	width:800px;
	border:solid 3px #298BC0;
	border-top:solid 1px #298BC0;
	text-align:center;
	margin: 0 auto 80px ;
	font-size:16px;
	letter-spacing:2px;
	background: #FFF;
}
.hyo_cs caption {
	font-size:24px;
	font-weight:700;
	text-align: center;
	border:solid 3px #298BC0;
	border-top:solid 3px #298BC0;
	border-bottom:solid 1px #298BC0;
	background: #FFF;
	padding:8px 0 5px ;
}
.hyo_cs th {
	background-color:#D2D7DA;
	font-weight:normal;
	border-bottom:solid 1px #298BC0;
	border-right:solid 1px #298BC0;
	padding:8px 10px;
	line-height:1.2;
}
.hyo_cs td {
	border-bottom:solid 1px #0068B7;
	border-right:solid 1px #0068B7;
	text-align: left;
	padding:5px 10px;
}
.hyo_cs td span {
	margin:0 20px;
}

/*インターネットライブ*/
.live {
	margin:0 auto 50px;
	width:98%;
	max-width:500px;
}
.live img {
	width:100%;
	vertical-align: bottom;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
}

/*発走時間*/
.hyo_time {
	width:700px;
	border:solid 3px #298BC0;
	border-top:solid 1px #298BC0;
	background: #FFF;
	text-align:center;
	margin: 0 auto 80px ;
	font-size:16px;
	letter-spacing:2px;
}
.hyo_time caption {
	font-size:20px;
	font-weight:700;
	text-align: center;
	border:solid 3px #298BC0;
	border-top:solid 3px #298BC0;
	border-bottom:solid 1px #298BC0;
	background: #FFF;
	padding:6px 0 3px 10px;
}
.hyo_time th {
	background-color:#D2D7DA;
	font-weight:normal;
	border-bottom:solid 1px #298BC0;
	border-right:solid 1px #298BC0;
	padding:8px 0;
	line-height:1.2;
}
.hyo_time td {
	border-bottom:solid 1px #298BC0;
	border-right:solid 1px #298BC0;
}
.hyo_time td:nth-child(2) {
	font-weight:700;
}


.w28p {
    width:28%;
}
.bg02 {
	background-color:#FFC;
}

.td_l {
	text-align:left;
}
/*番組*/
.bangumi {
	width:100%;
	max-width:880px;
	margin:0 auto 60px;
}

/*リーフレット*/
.leaflet {
	width:90%;
    max-width:520px;
    margin:0 auto ;
}
.bangumi img ,.leaflet img {
    width:100%;
    vertical-align: bottom;
	border:solid 1px #DDD;
}


/*リンクボタン*/
.w50 a {
	width:40%;
	margin-left:30px;
}



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

.hero01 {
    left:0%;
    top:5px;
    width:110px;
    height:380px;
}
.hero05 {
    left:0%;
    top:5px;
    width:100px;
    height:280px;
}
.hero06 {
    right:0%;
    top:-80px;
    width:110px;
    height:380px;
}
.hero08 {
    left:1%;
    bottom:0px;
    width:120px;
    height:200px;
}
.hero_09 {
    right:1%;
    bottom:130px;
    width:80px;
}   
.pic {
    transform:translateY(100px);
}
.active {
    opacity:1;
    transform:translateY(0)
}


/**/    
h5 {
	font-size:16px;
}
.box {
	border:solid 2px #0083C8;
	width:96%;
	padding:20px 1% 15px;
	text-align: center;
}
.dento {
	margin:0 auto 20px ;
	float:none;
}	
/*cs*/
.hyo_cs {
	width:99%;
	margin: 0 auto 30px ;
	font-size:14px;
	letter-spacing:0px;
}
.hyo_cs caption {
	font-size:16px;
}
.hyo_cs td,.hyo_cs th {
	padding:5px ;
}
.hyo_cs td span {
	margin:0px;
	display: block;
}

	
	

    
/*発走時間*/
.hyo_time {
	width:99%;
	margin: 0 auto 30px ;
	font-size:14px;
	letter-spacing:0px;
}
.hyo_time caption {
	font-size:16px;
}
.hyo_time th {
	padding:5px 0;
}

/*リンクボタン*/
.w50 a {
	width:80%;
	margin:0 auto;
}



}