@charset "utf-8";

#wrap {
	background: url(../images/back.jpg) repeat left center;
	font-size:75%;
}
#wrap * {
	box-sizing:content-box;
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
}
#wrap header {
    background: linear-gradient(90deg, rgba(233,233,233,1) 0%, rgba(255,255,255,1) 30%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 70%, rgba(233,233,233,1) 100%);
}
#wrap header h1 {
	width: 400px;
	height: 225px;
	margin: 0 auto;
	padding: 20px 0 0;
}
#wrap header h1 img {
	display: block;
    width: 100%;
    height: auto;
}
#wrap header p {
	text-align: center;
	font-size: 150%;
	font-weight: bold;
	margin-bottom: 30px;
    color: #403d36;
}
.onair-time {
    position: relative;
	text-align: center;
    color: #403d36;
    background: #fff;
}
.onair-time::before {
    content: '';
    display: block;
    background: url("../images/catch_back_top.jpg") repeat-x left top;
    width: 100%;
    height: 10px;
    margin-bottom: 10px;
}
.onair-time::after {
    content: '';
    display: block;
    background: url("../images/catch_back_bottom.jpg") repeat-x left bottom;
    width: 100%;
    height: 10px;
    margin-top: 10px;
}
.onair-time h2 {
	font-size: 180%;
    line-height: 150%;
    font-weight: bold;
    display: block;

}
.onair-time span {
	font-size: 180%;
    line-height: 150%;
    font-weight: bold;
    display: block;
}
#wrap section {
	padding: 30px 0 80px;
}
#wrap section article h1 {
	text-align: center;
	line-height: 100%;
	font-weight: bold;
	padding: 10px 0;
	margin: 0 auto;
}
.mc h1 {
	border-top: dashed 6px #d25e54;
	border-bottom: dashed 6px #d25e54;
	width: 35%;
	font-size: 180%;
}
.mc img {
	display: block;
	margin: 30px auto;
}
.mc p {
	text-align: center;
	font-size: 160%;
	margin-bottom: 50px;
}
.reporter h1 {
	border-top: dashed 6px #228bc1;
	border-bottom: dashed 6px #228bc1;
	width: 35%;
	font-size: 180%;
}
.reporter ul {
	text-align: center;
	font-size: 160%;
	margin: 30px 0 50px;
}
.reporter ul li {
	line-height: 180%;
}
.present h1 {
	border-top: dashed 6px #eac267;
	border-bottom: dashed 6px #eac267;
	width: 35%;
	font-size: 160%;
}
.present p {
	width: 35%;
	margin: 30px auto;
	font-size: 125%;
	line-height: 140%;
}
.present p span {
	font-size: 80%;
}
@media (max-width: 780px) {
#wrap header h1 {
	width: 60%;
	height: auto;
	margin: 0 auto;
}
#wrap header p {
	font-size: 150%;
	line-height: 130%;
	width: 90%;
	margin: 0 auto 10px auto;
}
.onair-time h2 span {
	font-size: 150%;
    line-height: 150%;
}
.onair-time span {
    font-size: 160%;
}
.onair-time h2 .time {
	padding-top: 20px;
}
#wrap section article h1 {
	width: 70%;
	line-height: 100%;
	padding: 10px 0;
	margin: 0 auto;
}
.mc img {
	width: 300px;
}
.mc p {
	font-size: 130%;
}
.reporter ul {
	font-size: 130%;
}
.present p {
	width: 70%;
	margin: 30px auto;
	font-size: 110%;
	line-height: 150%;
}
}

@media (max-width: 580px) {
#wrap header h1 {
	width: 80%;
}
#wrap header p {
    font-size: 120%;
}
.onair-time h2 {
    font-size: 150%;
}
.onair-time span {
    font-size: 130%;
}
.mc img {
	width: 250px;
}
.mc h1 {
    border-top: dashed 3px #d25e54;
    border-bottom: dashed 3px #d25e54;
}
#wrap section article h1 {
	width: 90%;
    font-size: 150%;
}
.reporter h1 {
    border-top: dashed 3px #228bc1;
    border-bottom: dashed 3px #228bc1;
}
.present h1 {
    border-top: dashed 3px #eac267;
    border-bottom: dashed 3px #eac267;
}
.present p {
	width: 90%;
}
}