@charset "UTF-8";
/* CSS Document */
@media (max-width: 640px) {
	.pc{
		display:none !important;
	}
	.pc-inl{
		display:none !important;
	}
	.sp{
		display:block !important;
	}
}
@media (min-width: 641px) {
	.sp{
		display:none !important;
	}
	.pc{
		display:block !important;
	}
	.pc-inl{
		display:inline !important;
	}
}
html {
	background: #f1f9fc url("../img/bg.jpg") center top no-repeat;
  background-size: 100% auto;
}
#media{
	color: #000;
	font-weight: 400;
}
#media a {
	color: #000;
	transition: all .2s ease;
	text-decoration: underline;
}
#media a:hover {
    opacity: .8;
}
#media section{
	background-color: transparent;
}
.container{
	margin:50px auto;
	width:80%;
}
h1{
	margin: 0 auto 50px;
	text-align: center;
	width: 80%;
	max-width: 450px;
}
ul#tab{
	padding:20px 0;
	letter-spacing: -.4em;
	text-align: center;
}
#tab li {
	display:inline-block;
	padding: 10px;
	list-style: none;
	cursor: pointer;
	background: #fff;
	color: #fff;
	width: 33%;
	text-align: center;
	box-sizing:border-box;
	letter-spacing: normal;
	transition: background .5s;
	background: #DB6A99;
}
#tab li:last-child {
  border-right: none;
}
#tab li.select {
  background: #5693AE;
  color:#fff;
}

.disnon {
  display: none;
}

.content_wrap {
	clear: left;
	width: 100%;
	text-align: center;
	position: relative;
	padding: 30px 0 10px 0;
}
p.kome{
  color: #444;
	font-size: 0.8em;
	text-align: left;
	margin-bottom: 50px;
}
	
header{
	margin: 50px 0;
	}
	
header h1{
	text-align:center;
	margin-bottom:30px;
	}
header h1 img {
	max-width:100%;
	width:auto;
	height:auto;
}
nav{
	margin-bottom:50px;
	}	

nav ul{
	display: table;
  table-layout: fixed;
  text-align: center;
  width: 100%;
	}	

nav li{
	display: table-cell;
  vertical-align: middle;
	border-right: #FFFFFF solid 1px;
	
	}	

nav li a,
nav li span{
	color:#FFFFFF;
	display:block;
	text-align:center;
	padding:20px;
	/*background:#FF0004;*/
	background-color:#000;
	cursor: pointer;
	}

nav li a:hover{
	background-color:#000;
	text-decoration:none;
	}
nav li span.current {
	background:#FF0004;
	cursor: default;
}

#tvradio,
#magazine,
#web,
#special {
	position: relative;
}
.update {
	position: absolute;
	top: 35px;
	right: 0;
	color: #DB6A99;
	font-size: 14px;
	line-height: 1em;
}

table{
	width:100%;
	margin:30px 0;
	}

h2{
	font-size:18px;
	font-weight:bold;
	margin-bottom:10px;
	color: #000;
	}


table td{
	margin:0;
	padding:20px 10px;
	border-bottom: rgba(86,147,174,0.25) solid 1px;
	color: #000;
	word-break: break-all;
}

table{
	}

th{
	padding: 10px 0;
	border: solid 1px #fff;
	background: rgba(86,147,174,0.5);
	text-align: center;
	color: #fff;
	/*border-right: solid 1px rgba(151,181,212,1);*/
	font-weight: 600;
	}
th.date {
	width: 150px;
}
th.time {
	width: 100px;
}
th.where {
	width: 100px;
}
th.station {
	width: 160px;
}
th.ttl {
	width: 200px;
}
th.s_area,
th.s_station,
th.s_date {
  width: 25%;
}
/*td:nth-child(n+4){
	text-align:center;
	}*/

.special_outline {
  margin: 1em 0 0;
  padding: 1em 0;
  text-align: left;
  color: #444;
  font-size: 85%;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.special_ttl {
  font-size: 115%;
  font-weight: 700;
}
.special_tx {
  padding: .75em 0;
}

@media screen and (max-width:1000px){
  th.station {
    width: auto;
    min-width: 6em;
  }
  th.ttl {
    width: auto;
    min-width: 6em;
  }
}

@media screen and (max-width:640px){
.container{
	margin:10px auto;
	width:90%;
}
ul#tab{
	padding:20px 0;
}
#tab li {
	display:block;
  width: 100%;
  border-right: none;
  box-sizing:border-box;
	border-bottom: solid 1px #97b5d4;
}
#tab li:last-child {
  border-bottom: none;
}
.content_wrap {
  padding: 5% 0;
}
h2{
	margin-bottom:20px;
}

header{
	margin: 10% 0 0 0;
	}
header h1{
	margin-bottom:0;
	}
	
.update {
	position: relative;
	top: 0;
	right: 0;
	line-height: 1em;
	text-align: right;
}

table{
	margin: 5% 0;
	}

table th{
	display:none;
}
	
table td{
	display:block;
	border-bottom:none;
	text-align:left;
	padding:0;
	line-height:1.75;
}
table td.title{
	font-weight:bold;
	font-size:16px;
}
td:nth-child(n+4){
	text-align:left;
	}
table td:last-child{
	margin-bottom:20px;
	padding-bottom: 20px;
	border-bottom: rgba(86,147,174,0.75) dotted 1px;
}

.btn-back{
	background:#866841;
	color:#fff;
	display:block;
	margin:30px auto;
	width:30%;
	line-height:40px;
	text-align:center;
	border-radius:5px;
}
}