@charset "UTF-8";

body {
  position: relative;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

a {
  outline: none;
}
#wrapper{
  width:100%;
  overflow:hidden;
}
#main {
  position: relative;
  width: 100%;
  margin-top: 0;
  font-size: 14px;
  line-height: 1.4;
}

#main {
  font-family: "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
}

p {
  margin: 0;
  padding: 0;
}

.center {
  text-align: center;
}

.clearfix {
  font-size: 0;
}

/* End hide from IE-mac */
a:hover img.btn_alfa {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha( opacity=80 )";
}

/* アコーディオン */
.accordion {
  position: relative;
  margin-left: auto;
  margin-right: auto;
}

.accordion .link {
  cursor: pointer;
  display: block;
  position: relative;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.accordion li i {
  position: absolute;
  top: 16px;
  left: 12px;
  font-size: 18px;
  color: #595959;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.accordion li i.fa-chevron-down {
  right: 12px;
  left: auto;
  font-size: 16px;
}

.accordion li i {
  position: absolute;
  left: 12px;
  font-size: 18px;
  color: #595959;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.accordion li.open i {
  color: #b63b4d;
}

.accordion li.open i.fa-chevron-down {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.accordion li.default .submenu {
  display: none;
}

.submenu {
  display: none;
}

/* 本日の番組表 */
.accordion .today_program {
  position: relative;
  width: 100%;
  padding: 10px 0;
  background-color: #f4cd23;
  /* background-color:#d71718; */
  color: #fff;
  font-weight: bold;
  font-size: 20px;
  text-align: center;
  line-height: 1.6;
}

ul.submenu li table.table {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
  line-height: 1.5;
  border-top: #ffffff 1px dashed;
  width: 100%;
}

.program_contents table td {
  background: #fff;
  padding: 5px;
  padding-left: 10px;
  line-height: 1.2;
  border-bottom: 2px solid #3487c9;
}

.program_contents table tbody tr td:first-child {
  padding: 10px 5px;
  ;
  background-color: #3487c9;
  color: #fff;
  text-align: center;
  border-bottom: 2px solid #fff;
}

.program_contents table tbody td span.ttl_mb a {
  font-weight: bold;
  text-decoration: none;
  color: #1f55a5;
}

.program_contents table tbody td span.ttl_s {
  line-height: 1.2;
  display: block;
  margin-top: 10px;
  font-size: 12px;
}

.program_contents table tbody td span.time {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

tr.ttl_day td .day {
  display: none;
  /* position:relative;
 background-color:#f4cd23;
  color:#fff;
  font-weight:bold;
  line-height:2;
  font-size:18px;
  text-align:center;
  margin:0 auto; */
}

/* 閉じるボタン */
.program_close {
  height: 40px;
  position: relative;
  background-color: #f4cd23;
  text-align: center;
}

.program_close a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-indent: -999px;
  z-index: 2;
  /* 必要であればリンク要素の重なりのベース順序指定 */
}

.accordion li .program_close i {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 20px;
  height: 20px;
}

/* タブ */
.tab_wrap {
  position: relative;
  width: 100%;
  margin-top:10px;
}

 .tab_area {
  font-size: 0;

}

.tab_area label {
  transition: ease 0.2s opacity;
  width:46.7%;
  display: inline-block;
  color: #999;
  background: #ddd;
  text-align: center;
  font-size: 14px;
  cursor: pointer;
  height:100%;
  height:40px;
  border:solid 2px #64c200;
  margin-left:2.2%;
  font-weight:bold;
  border-bottom:none;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;

}
.tab_area label:first-child{
  border:solid 2px #36c7d5;
  border-bottom:none;
}

.tab_area label div{
  position:relative;
  padding:10px 0;
  height:100%;
  font-weight:bold;
}
.tab_area label.active {
  transition: ease 0.2s opacity;
  background: #fff;
  color: #000;
  font-weight:bold;


}
.panel_area {
  background: #fff;
}

.tab_panel {
  position:relative;
  width: 100%;
  display: none;
}

.tab_panel p {
  font-size: 14px;
  letter-spacing: 1px;
  text-align: center;
}
.linet{
  position:relative;
  width:51.8%;
  margin-left:48.35%;
  border-top:#36c7d5 2px solid;
}
.linet_2{
  position:absolute;
  left:0;
  top:0;
  border-top:#36c7d5 2px solid;
  width:2.7%;
}
.linei{
  position:relative;
  height:2px;
  width:51.8%;
  border-top:#72c519 2px solid;
}
/* .linei_2{
  position:absolute;
  right:0;
  top:0;
  border-top:#72c519 2px solid;
  width:2.7%;
} */


.tab_panel.active {
  display: block;
}

/* ▲閉じるボタン */
/* おすすめインフォメーション */
/* .title_bar{
	position:relative;
	width:100%;
	background-color:#e7e6e2;
	font-size:16px;
	font-weight:bold;
	color:#5f5a3d;
	line-height:2;
	padding-left:10px;

}
.title_bar li{
	position:relative;
	display:inline-block;
	vertical-align:middle;
	line-height:2;
}
.title_bar li:first-child{
	padding-top:5px;
	margin-right:10px;
} */
.contents_title {
  position: relative;
  width: 100%;
  text-align: center;
  line-height: 1.5;
  margin-top:20px;
}

.contents_title ul {
  font-size: 14px;
  padding-bottom: 6px;
  font-weight:bold;
}

.ttl_information ul {
  color: #64c200;
  border-bottom: #64c200 3px solid;
}

.ttl_topics ul {
  color: #36c7d5;
  border-bottom: #36c7d5 3px solid;
}

.ttl_mbssns ul {
  color: #ff0000;
  border-bottom: #ff0000 3px solid;
  margin-bottom: 3px;
}

.contents_title ul li:first-child {
  color: #000;
  font-size: 18px;
}

.block_wrapper {
  position: relative;
  width: 96%;
  margin: 5px auto;
  margin-left: auto;
  margin-right: auto;
  /* margin-bottom:30px; */
}

.program_topic {
  position: relative;
  width: 100%;
  font-size: 12px;
  background-image: url(../images/info_arrow.png);
  background-position: right center;
  background-repeat: no-repeat;
  border-bottom: 1px solid #ccc;
  padding-top: 3px;
}

.program_topic a {
  color: #8d8373;
  text-decoration: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-indent: -999px;
  z-index: 2;
  /* リンク要素の重なりのベース順序指定 */
}

.program_topic_txt, .program_topic_image {
  display: inline-block;
  vertical-align: top;
}

.program_topic_image {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 30%;
  height: auto;
}

.program_topic_image img {
  width: 100%;
  height: auto;
}

.program_topic_txt {
  position: relative;
  line-height: 1.2;
  padding-left: 5px;
  width: 60%;
  font-size: 12px;
}

.topic_txt_title_color {
  font-weight: bold;
  font-size: 13px;
  padding-bottom: 2px;
}

.program_topic_txt b, .program_topic_txt strong {
  font-weight: normal;
}

/* .program_topic_txt:before, .program_topic_txt:after {

}

.program_topic_txt:before {
	content: "" ;
	white-space: pre ;
	bottom: 0;
	right: 0;
}

.program_topic_txt:after {
	content: "\A…";
	width: 100%;
	height: 100%;
} */
/* radiko */
#radiko_player_outer{
    position:relative;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    background-color:#1595e0 ;
    padding-top:10px;
    color:#fff;
    font-size:14px;
    font-weight:600;
}
.radiko_ttl{
    padding-bottom:5px;
}
/* トピックス */
.grid-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  grid-template-areas: ". ."". .";
  gap: 2% 2%;
}

.pickup_entry {
  position: relative;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  font-size: 13px;
  box-shadow: 2px 2px 2px 0px #f1f1f1;
  border: 1px solid #f1f1f1;
  vertical-align: top;
  margin-bottom: 5px;
}

.pickup_thumbnail {
  position: relative;
  /* height:110px;
  overflow:hidden; */
}

.pickup_thumbnail img {
  width: 100%;
  height: auto;
}

.pickup_wrapper {
  position: relative;
  width: 98%;
  margin: 5px auto;
}

.pickup_date {
  position: relative;
  font-weight: bold;
  padding-bottom: 5px;
}

.pickup_entry_title {
  position: relative;
  color: #36c7d5;
  font-size: 13px;
  font-weight: bold;
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: dotted 2px #f1f1f1;
}

.pickup_entry_title .entry_date:after {
  content: "\A";
  white-space: pre;
}

.pickup_entry a.pickup_gotoentry {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-indent: -999px;
}

.pickup_read {
  position: relative;
  background-color: #cde74c;
  color: #fff;
  text-align: center;
}

.pickup_wrapper {
  position: relative;
  font-size: 13px;
  line-height: 1.3;
}

/* 記事ボタン */
.pickup_backbtn {
  position: relative;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
  background-color: #36c7d5;
  color: #ffffff;
  padding: 1%;
  margin-top: 20px;
}

.pickup_backbtn div {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.pickup_backbtn .pickup_backbtn_inner {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  display: block;
  text-align: center;
}

.pickup_backbtn a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-indent: -999px;
}

.pickup_backbtn div:last-child {
  text-align: right;
  padding-top: 5px;
}

/* SNSパーツ */
.mbssnscontainer_wrapper{
    position:relative;
    width:96%;
    margin-left:auto;
    margin-right:auto;
  }
  .mbssnscontainer {
    position:relative;
      display: grid;
      grid-gap: 0px;
      grid-column-gap: 1.3%;
      grid-template-columns: 24% 24% 24% 24%;
      grid-template-rows: repeat(1, 70px);
      margin-top: 7px;
  }
  .mbssnscontainer div {
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    border-left:1px #ffffff solid;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
  }
  
  .mbssnscontainer div:first-child{
    border:none;
  }
  .mbssnscontainer div svg{
    position:relative;
    margin-left:auto;
    margin-right:auto;
    vertical-align:middle;
    padding-top:5px;
    padding-bottom:8px;
  }
  
  .mbssnscontainer .mbsyoutube{
    position:relative;
    background-color:#ff0000;
    padding-top:5px;
      width:100%;
  }
  .mbssnscontainer .mbstwitter{
    position:relative;
    background-color:#1DA1F2;
      width:100%;
      padding-top:5px;
  
  }
  .mbssnscontainer .mbsfacebook{
    position:relative;
    background-color:#1877f2;
    padding-top:5px;
      width:100%;
  }
  .mbssnscontainer .mbsradiko{
    position:relative;
    /* background-color:#e73c64; */
    background-color:#00a7e9;
    padding-top:5px;
      width:100%;
  }
  .mbssnscontainer .mbsyoutube a,.mbssnscontainer .mbstwitter a, .mbssnscontainer .mbsfacebook a, .mbssnscontainer .mbsradiko a{
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      text-indent:-999px;
      z-index: 2; /* 必要であればリンク要素の重なりのベース順序指定 */
  }
  .mbssnscontainer div.snsname{
    position:relative;
      color:#fff;
      border:none;
      font-size:12px;
  }
  .mbssnscontainer div.nametwit{
    margin-top:-6px;
  }
  .mbssnscontainer .mbsfacebook div.snsname,.mbssnscontainer .mbsyoutube div.snsname,.mbssnscontainer .mbsradiko div.snsname{
    margin-top:-5px;
  }
  /* SNSパーツ */

/* twitterうめこみ */
.mbstwitter_timeline {
  position: relative;
  width: 90%;
  margin: 10px auto;
  border: #1da1f2 1px solid;
}

.mbstwitter_timeline iframe {
  width: 740px !important;
}

.mbstwitterttl {
  position: relative;
  background-color: #1da1f2;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  line-height: 1.5;
  padding: 5px 10px;
}

.mbstwitterttl ul li {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
}

.mbstwitterttl ul li {
  width: 80%;
}

.mbstwitterttl ul li:first-child {
  width: 10%;
  height: 20px;
}

/* インフォメーションバナー */
.informationbanner_wrapper {
  position: relative;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  background-color: #e7e6e2;
  padding-top: 10px;
  padding-bottom: 10px;
}
.informationbanner_wrapper img{
    width:100%;
}
.info_banner_db {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
}

.info_banner_db ul {
  position: relative;
  width: 96%;
  text-align: justify;
  margin-left:auto;
  margin-right:auto;
}

.info_banner_db ul:after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 0;
}

.info_banner_db ul li,.btns_in div {
  display: inline-block;
  width: 48%;
  margin-bottom: 5px;
  vertical-align: top;
}

.info_banner_db ul li img {
  width: 100%;
}