@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,body{
	background-color: transparent;
}
#media{
	color: #fff;
	font-weight: 400;
}
#media a {
	color: #fff;
	transition: all .2s ease;
	text-decoration: underline;
}
#media a:hover {
    opacity: .8;
}
#media section{
	background-color: rgba(151,181,212,0.9) !important;
}
.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: #97b5d4;
	width: 33%;
	text-align: center;
	box-sizing:border-box;
	letter-spacing: normal;
	transition: background .5s;
	border-right: solid 1px #97b5d4;
}
#tab li:last-child {
  border-right: none;
}
#tab li.select {
  background: #3D7F93;
  color:#fff;
}

.disnon {
  display: none;
}

.content_wrap {
	clear: left;
	width: 100%;
	text-align: center;
	position: relative;
	padding: 30px 0 10px 0;
}
p.kome{
	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: #F7E847;
	font-size: 14px;
	line-height: 1em;
}

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

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


table td{
	margin:0;
	padding:20px 10px;
	border-bottom: #fff solid 1px;
	color: #fff;
	word-break: break-all;
}

table{
	}

th{
	padding: 10px 0;
	border: solid 1px #fff;
	background: rgba(255,255,255,0.3);
	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;
}

/*td:nth-child(n+4){
	text-align:center;
	}*/

@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: dotted 1px #fff;
}

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