@charset "UTF-8";
@import url(//fonts.googleapis.com/css?family=Oswald:400,700);
body {
  min-width: 1080px;
  background: url(../img/bg.png) #f0d92e;
}
body p {
  font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
  -webkit-font-smoothing: subpixel-antialiased;
  font-size: 16px;
  line-height: 1.9em;
}

.main-container section .site-title, .main-container section h2.site-title, .info h2, .wlist h2 {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk1OTU5NSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzc3Nzc3NyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #959595), color-stop(100%, #777777));
  background-image: -moz-linear-gradient(top, #959595, #777777);
  background-image: -webkit-linear-gradient(top, #959595, #777777);
  background-image: linear-gradient(to bottom, #959595, #777777);
  background: url(../img/titbg.gif) repeat;
  margin: 0px 0 10px 0;
  padding: 5px 10px;
  color: #ffffff;
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);
  font-size: 120%;
}

a:hover img.link, .bk-btn:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: “alpha(opacity=70) ”;
}

a {
  color: #1c1c1c;
}

a:visited {
  color: #1c1c1c;
}

a:focus {
  color: #1c1c1c;
}

a:hover {
  color: #6c6c6c;
}

a:active {
  color: #1c1c1c;
}

a:hover {
  text-decoration: none;
}

#recommended-program {
  margin: 0 0 13px;
  padding-top: 30px;
}
#recommended-program .common-title {
  margin: 20px 30px !important;
}
#recommended-program .recommended-program-list {
  padding: 0px 30px 15px !important;
}

.aside-container {
  padding: 20px 0 20px 20px;
  float: right;
  z-index: 100;
  position: relative;
}

.common-subnav {
  min-width: 1080px;
}

.container-wrapper {
  background: url(../img/main_bg.png) top center, url(../img/main_bg_2.png);
  background-repeat: no-repeat, repeat-x;
  background-size: auto 424px, auto 424px;
}
.container-wrapper .container {
  width: 1080px;
}
.container-wrapper .container .main {
  margin: 0 330px 0 0;
}
.container-wrapper .container .main .ttl {
  background: #008a86;
  margin-top: 12px;
  padding: 20px 40px 12px;
  color: #ffffff;
}
.container-wrapper .container .main .ttl span {
  font-size: 30px;
  font-family: Oswald !important;
  -webkit-font-smoothing: subpixel-antialiased;
  letter-spacing: 0.05em;
}
.container-wrapper .container .main .ttl em {
  font-size: 15px;
  margin: 0px 0px 0px 25px;
  vertical-align: top;
}

.container-wrapper:after {
  position: absolute;
  content: '';
  top: 429px;
  background: url(../img/main_line.png) repeat top center;
  height: 182px;
  min-width: 1080px;
  width: 100%;
  box-shadow: 0px 10px 16px 0px rgba(0, 0, 0, 0.18);
  -moz-box-shadow: 0px 10px 16px 0px rgba(0, 0, 0, 0.18);
  -webkit-box-shadow: 0px 10px 16px 0px rgba(0, 0, 0, 0.18);
  z-index: 0;
}

#header {
  background-size: cover;
  padding: 0px;
  margin: 0px;
}
#header .header-image {
  margin: 0 auto;
  position: relative;
  height: 330px;
  text-align: center;
}
#header .header-image img {
  width: 750px;
  margin: 10px 0px;
}

.sns {
  position: absolute;
  top: 240px;
  padding: 0;
}

#site-bnr ul {
  margin: 30px;
  padding: 0;
}

.page-nav .page-nav-inner {
  padding: 0px;
}

.main-container {
  border: none;
  background: #ffffff;
  font-size: 14px;
  line-height: 1.8em;
  margin-top: -6px;
  z-index: -200;
}
.main-container .section-wrap .inner {
  padding: 30px;
}
.main-container .section-wrap:after {
  position: absolute;
  content: '';
  background: url(../img/line.png) repeat-x top center;
  height: 13px;
  width: 100%;
}

#btnPagetop {
  z-index: 500;
}

#page-nav .page-nav-inner {
  overflow: hidden;
  margin: 0 auto;
}
#page-nav .page-nav-inner ul {
  background: none;
  border: none;
}
#page-nav .page-nav-inner ul li {
  float: left;
  position: relative;
  text-align: center;
  margin: 12px 0px 0px;
  padding: 0px 0px 11px;
}
#page-nav .page-nav-inner ul li a {
  text-decoration: none;
  background: url(../img/arrow_1.png) no-repeat top right;
  background-position: top 22px right 20px;
  display: block;
  color: #227690;
  border: none;
}
#page-nav .page-nav-inner ul li span {
  padding: 24px 0 1px;
  font-size: 30px;
  font-size: 1.875rem;
  font-family: "Helvetica-Light", "Helvetica Light", "Roboto", sans-serif;
  -webkit-font-smoothing: subpixel-antialiased;
  letter-spacing: -0.005em;
  display: block;
}
#page-nav .page-nav-inner ul li em {
  padding-bottom: 16px;
  font-size: 12px;
  font-size: 0.75rem;
  letter-spacing: -0.025em;
}
#page-nav .page-nav-inner ul li a.active, #page-nav .page-nav-inner ul li a:hover {
  background-color: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
}
#page-nav .page-nav-inner ul li:nth-child(1) {
  width: 30%;
}
#page-nav .page-nav-inner ul li:nth-child(2) {
  width: 30%;
}
#page-nav .page-nav-inner ul li:nth-child(3) {
  width: 40%;
}
#page-nav .page-nav-inner a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: “alpha(opacity=70) ”;
}

#page-nav .page-nav-inner ul li a:hover,
#top #page-nav .page-nav-inner ul li:first-child a,
#about #page-nav .page-nav-inner ul li:nth-child(2) a,
#backnumber #page-nav .page-nav-inner ul li:nth-child(3) a {
  background: url(../img/arrow_2.png) no-repeat top 22px right 20px;
}

.backnumber .page-nav-inner li:last-child {
  background: #ee7923 !important;
  padding: 0px 0px 5px !important;
}
.backnumber .page-nav-inner li:last-child a {
  background: url(../img/arrow_4.png) no-repeat top right !important;
  background-position: top 32px right 20px !important;
  color: #ffffff !important;
}

section:first-child .ttl {
  box-shadow: 0px 4px 16px -9px rgba(0, 0, 0, 0.7) inset;
  -moz-box-shadow: 0px 4px 16px -9px rgba(0, 0, 0, 0.7) inset;
  -webkit-box-shadow: 0px 4px 16px -9px rgba(0, 0, 0, 0.7) inset;
}

.movie iframe {
  display: block;
  margin: 30px auto;
  border: 5px solid #e29039;
}

#top .day p, .backnumber-detail .day p {
  font-size: 16px;
  font-weight: bold;
  color: #ff6200;
}

#next-on-air .inner, .backnumber-detail .section-wrap .inner {
  padding: 0;
}
#next-on-air .next_img, .backnumber-detail .section-wrap .next_img {
  display: block;
  text-align: center;
  margin: 30px 0;
}
#next-on-air .next_img img, .backnumber-detail .section-wrap .next_img img {
  max-width: 378px;
  display: inline-block;
  margin: 0px 1% 20px;
  border: 3px solid #e29039;
  float: left;
  width: 47%;
}
#next-on-air .sub-ttl p, .backnumber-detail .section-wrap .sub-ttl p {
  margin: 20px 0;
  font-weight: bold;
  font-size: 24px;
  line-height: 1.4em;
}
#next-on-air .text, .backnumber-detail .section-wrap .text {
  padding: 0px 30px;
}
#next-on-air .text strong, .backnumber-detail .section-wrap .text strong {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5em;
  display: block;
  margin-bottom: 20px;
}
#next-on-air .cast, .backnumber-detail .section-wrap .cast {
  margin: 30px;
  background: #fcf3c9;
  padding: 15px;
}
#next-on-air .cast span, .backnumber-detail .section-wrap .cast span {
  color: #ff6200;
  font-size: 20px;
}
#next-on-air .cast li, .backnumber-detail .section-wrap .cast li {
  padding: 10px 0 0;
}

#about .inner {
  padding: 0;
}
#about .photo {
  margin: 30px 0px;
  text-align: center;
}
#about .photo p {
  font-size: 24px;
  font-weight: bold;
  margin: 10px 0;
}
#about .text {
  font-size: 23px;
  text-align: center;
  padding: 0 30px 30px;
  font-weight: bold;
  margin: 50px 0 20px;
}
#about .text span {
  color: #ff6200;
}

.backnumber-list .inner {
  overflow: hidden;
}
.backnumber-list .inner ul li {
  border-bottom: 1px dotted #cccccc;
  padding: 15px 0px;
  position: relative;
}
.backnumber-list .inner ul li .day {
  color: #ff6200;
}
.backnumber-list .inner ul li p {
  margin-right: 60px;
}
.backnumber-list .inner ul li a {
  text-decoration: none;
  font-weight: bold;
}
.backnumber-list .inner ul li a:after {
  content: '';
  background: url(../img/arrow_or.png) no-repeat;
  position: absolute;
  top: 38px;
  right: 15px;
  height: 25px;
  width: 25px;
  background-size: contain;
}
.backnumber-list .inner ul li a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: “alpha(opacity=70) ”;
}
.backnumber-list .inner .bk-btn {
  background: url(../img/main_bg_2.png) repeat;
  background: #f38004;
  float: right;
  display: block;
  margin: 30px 0 0;
  position: relative;
}
.backnumber-list .inner .bk-btn a {
  display: block;
  text-decoration: none;
}
.backnumber-list .inner .bk-btn a p {
  color: #ffffff;
  font-weight: bold;
  padding: 10px 35px 10px 20px;
}
.backnumber-list .inner .bk-btn a:after {
  content: '';
  background: url(../img/arrow_w.png) no-repeat;
  position: absolute;
  top: 18px;
  right: 15px;
  height: 25px;
  width: 9px;
  background-size: contain;
}

.backnumber-detail #main-container .sub-ttl p {
  font-size: 20px;
}