@charset "UTF-8";
/* base font size 12px */
/* font */
@font-face {
  font-family: "basefont";
  src: url("../font/NotoSansCJKjp-Regular.woff") format("woff");
  src: url("../font/NotoSansCJKjp-Regular.otf") format("truetype"); }
@font-face {
  font-family: "boldfont";
  src: url("../font/NotoSansCJKjp-Bold.woff") format("woff");
  src: url("../font/NotoSansCJKjp-Bold.otf") format("truetype"); }
@font-face {
  font-family: "engfont";
  src: url("../font/BreeSerif-Regular.woff") format("woff");
  src: url("../font/BreeSerif-Regular.ttf") format("truetype"); }
@font-face {
  font-family: "countfont";
  src: url("../font/Roboto-Regular.woff") format("woff");
  src: url("../font/Roboto-Regular.ttf") format("truetype"); }
body {
  font-family: "basefont","游ゴシック",YuGothic,"Yu Gothic","ヒラギノ角ゴ ProN","Hiragino Kaku Gothic ProN","HGゴシックE","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic","ＭＳ ゴシック","MS Gothic",san-serif;
  font-size: 14px;
  -webkit-text-size-adjust: 100%; }

table {
  font-size: inherit;
  font: 100%; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal; }

address, caption, cite, code, dfn, em, th, var {
  font-style: normal;
  font-weight: normal; }

/* list */
ol, ol li,
ul, ul li {
  margin: 0;
  padding: 0;
  list-style: none; }

.ollist, .ollist li {
  margin: 0;
  padding: 0;
  list-style-type: decimal; }

.ollist {
  padding-left: 1.5em; }

.ullist, .ullist li {
  margin: 0;
  padding: 0;
  list-style-type: disc; }

.ullist {
  padding-left: 1.5em; }

/* link */
a:link {
  color: #fff;
  text-decoration: none; }

a:visited {
  color: #fff;
  text-decoration: none; }

a:active {
  color: #fff;
  text-decoration: underline; }

.uline a, a.uline {
  text-decoration: underline; }

html {
  overflow-x: hidden;
  overflow-y: auto; }

/* body */
body {
  min-width: 320px;
  line-height: 1.7;
  margin: 0;
  padding: 0; }
  body.black a {
    color: #fff; }
  body.black #wrap {
    background: #161f28;
    color: #fff; }
    body.black #wrap .container .main_conts h2 {
      border-top: solid 5px #fff; }
    body.black #wrap .container .main_conts .sp_subnav {
      background: #fff;
      border-bottom: solid 1px #000; }
    body.black #wrap .container .main_conts .mainimage {
      border: solid 1px #c9c9c9; }
    body.black #wrap .container .main_conts .about_section h2:before {
      background-image: url(../images/program/ico_about_w.png);
      background-repeat: no-repeat;
      background-size: 100% 100%; }
    body.black #wrap .container .main_conts .sp_timefree_btn {
      background: #fff; }
      body.black #wrap .container .main_conts .sp_timefree_btn a {
        color: #e73c64; }
    body.black #wrap .container .main_conts .blog_section h2:before {
      background-image: url(../images/common/icn_blog_w.png);
      background-repeat: no-repeat;
      background-size: 100% 100%; }
    body.black #wrap .container .main_conts .blog_section .wrap_blog .btn_prevlist a {
      border: solid 3px #fff;
      color: #fff; }
      body.black #wrap .container .main_conts .blog_section .wrap_blog .btn_prevlist a:after {
        background: url(../images/common/arrow_next_pc_w.png) no-repeat 0 0; }
    body.black #wrap .container .main_conts .blog_section .wrap_blog ul li .blog_image {
      border: solid 1px #c9c9c9; }
    body.black #wrap .container .main_conts .blog_section .wrap_blog ul li a {
      color: #fff; }
    body.black #wrap .container .main_conts .news_section h2:before {
      background-image: url(../images/common/icn_news_sp_w.png);
      background-repeat: no-repeat;
      background-size: 100% 100%; }
    body.black #wrap .container .main_conts .news_section ul li a {
      color: #fff; }
      body.black #wrap .container .main_conts .news_section ul li a .news_image {
        border: solid 1px #c9c9c9; }
    body.black #wrap .container .main_conts .profile_section ul li .profile_img {
      border: solid 1px #fff; }

    body.black #wrap .container .main_conts .profile_section h2:before {
      background-image: url(../images/common/icn_microphone_sp_w.png);
      background-repeat: no-repeat;
      background-size: 100% 100%; }
    body.black #wrap .container .main_conts .post_section h1 {
      border-top: solid 5px #fff; }
    body.black #wrap .container .main_conts .breadcrumb li a {
      color: #fff; }
    body.black #wrap .container .main_conts .bloglist_section h1 {
      border-top: solid 5px #fff; }
    body.black #wrap .container .main_conts .bloglist_section ul.list li a {
      color: #fff; }
      body.black #wrap .container .main_conts .bloglist_section ul.list li a .bloglist_image {
        border: solid 1px #c9c9c9; }
    body.black #wrap .container .main_conts .sp_index_movie {
      background: #313131; }
      body.black #wrap .container .main_conts .sp_index_movie h2 {
        border-top: 0; }
      body.black #wrap .container .main_conts .sp_index_movie h2:before {
        background-image: url(../images/program/ico_movie_w.png);
        background-repeat: no-repeat;
        background-size: 100% 100%; }
    body.black #wrap .container .side_conts .btn_mail a {
      background-image: url(../images/program/ico_mail_w.png);
      background-repeat: no-repeat;
      background-position: left 20px center;
      background-size: 46px auto; }
      body.black #wrap .container .side_conts .btn_mail a:after {
        background: url(../images/common/arrow_next_pc_w.png) no-repeat 0 0; }
    body.black #wrap .container .side_conts .wrap_ann_bnr {
      background: #313131; }
    body .container .side_conts .wrap_ann_bnr .bnrBtn {
          text-align: center; }
    body .container .side_conts .wrap_ann_bnr .bnrBtn a {
          box-sizing: border-box; display: inline-block; width: 100%; line-height: 50px; background: #fff; border: 3px solid #000; color: #000; font-weight: bold; font-size: 18px;}
    body.black #wrap .container .side_conts .btn_mail {
      border: solid 5px #fff; }
      body.black #wrap .container .side_conts .btn_mail a {
        color: #fff; }
    body.black #wrap .container .side_conts .wrap_widget .twitter {
      background: #fff; }
    body.black #wrap .container .side_conts .pc_back a {
      background: #fff;
      color: #000; }

header {
  background: #cdcdcd;
  width: 100%; }
  header .header .header_detail {
    margin-bottom: 5px; }
    header .header .header_detail .logo {
      display: inline-block;
      margin-left: 10px;
      background: url("../images/common/siteid_sp.png") no-repeat left center;
      background-size: 100% auto;
      width: 140px;
      margin-right: 10px;
      margin-top: 10px; }
      header .header .header_detail .logo a {
        display: block;
        overflow: hidden;
        text-indent: -9999px;
        white-space: nowrap; }
    header .header .header_detail .header_btn {
      display: inline-block; }
      header .header .header_detail .header_btn .search {
        display: none; }
      header .header .header_detail .header_btn .header_sns {
        display: inline-block;
        vertical-align: middle; }
        header .header .header_detail .header_btn .header_sns li {
          width: 25px;
          height: auto;
          display: inline-block;
          float: left;
          margin-right: 10px; }
          header .header .header_detail .header_btn .header_sns li img {
            width: 100%;
            height: auto; }
  header .wrap_global_nav .global_nav {
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    background: #313131; }
      
    header .wrap_global_nav ul.global_nav {
      border: 1px solid #a1a1a1;
      }

    header .wrap_global_nav .global_nav li {
      width: 24.7%;
      display: table-cell;
      /*border: 1px solid #a1a1a1;
      border-right: 0;*/
      border: 1px solid #a1a1a1;
      border-left:0;
      /* border-right: 0; */
      border-top: 0;
      border-bottom: 0;
      }
 /*   header .wrap_global_nav .global_nav li {
      width: 24.7%;
      display: table-cell;
      border: 1px solid #a1a1a1;
      border-right: 0; }*/
      header .wrap_global_nav .global_nav li:first-child {
        border-left: 0; }
      header .wrap_global_nav .global_nav li a {
        display: block;
        height: 45px; }
        header .wrap_global_nav .global_nav li a span {
          overflow: hidden;
          text-indent: 100%;
          white-space: nowrap;
          width: 100%;
          height: 100%;
          display: block; }
          header .wrap_global_nav .global_nav li a span.subnav_table {
            background: url("../images/index/subnav_table.png") no-repeat;
            background-size: auto 46%;
            background-position: center center; }
          header .wrap_global_nav .global_nav li a span.subnav_radiko {
            background: url("../images/index/subnav_radiko.png") no-repeat;
            background-size: auto 45%;
            background-position: center center; }
          header .wrap_global_nav .global_nav li a span.subnav_widefm {
            background: url("../images/index/subnav_widefm.png") no-repeat;
            background-size: auto 65%;
            background-position: center center; }
          header .wrap_global_nav .global_nav li a span.subnav_news {
            background: url("../images/index/subnav_news.png") no-repeat;
            background-size: auto 64%;
            background-position: center center; }
          header .wrap_global_nav .global_nav li a span.subnav_calendar {
          background: url("../images/index/subnav_calendar.png") no-repeat;
          background-size: auto 64%;
          background-position: center center; }

.container .main_conts .mainimage {
  line-height: 0; }
  .container .main_conts .mainimage h1 {
    margin: 0; }
    .container .main_conts .mainimage h1 img {
      width: 100%; }
.container .main_conts .sp_subnav ul {
  width: 100%;
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  border-top: solid 1px #000; }
  .container .main_conts .sp_subnav ul li {
    border-right: solid 1px #000;
    text-align: center;
    width: 25%; }
    .container .main_conts .sp_subnav ul li a {
      display: block;
      color: #000;
      font-size: 95%;
      font-family: "boldfont";
      padding: 8px 0; }
    .container .main_conts .sp_subnav ul li.arrow {
      background-image: url(../images/program/arrow_down.png);
      background-position: center bottom 2px;
      background-size: 10% auto;
      background-repeat: no-repeat; }
    .container .main_conts .sp_subnav ul li:last-child {
      border-right: 0; }
.container .main_conts .breadcrumb {
  display: none; }
.container .main_conts h2 {
  text-align: center;
  font-family: "boldfont";
  font-size: 130%;
  letter-spacing: 3px;
  position: relative;
  margin: 0;
  padding: 10px 0 10px 20px;
  border-top: solid 5px #000; }
  .container .main_conts h2:before {
    content: '';
    display: block;
    position: absolute;
    top: 14px; }
.container .main_conts .post_section {
  margin-bottom: 40px; }
  .container .main_conts .post_section h1 {
    text-align: left;
    letter-spacing: 0;
    font-family: "boldfont";
    font-size: 150%;
    margin: 0;
    padding: 10px 10px 0 10px;
    border-top: solid 5px #000; }
  .container .main_conts .post_section .post_date {
    margin: 0 0 20px 10px; }
  .container .main_conts .post_section .post_content {
    width: 95%;
    margin: 26px auto;
    font-size: 116%; }
  .container .main_conts .post_section .post_content a{
    color: #000; text-decoration: underline;}
  .container .main_conts .post_section img, .container .main_conts .post_section iframe {
    width: 100%;
    height: auto; }
.container .main_conts .about_section h2 {
  padding: 10px 0 0 5%; }
  .container .main_conts .about_section h2:before {
    width: 23px;
    height: 20px;
    background-image: url(../images/program/ico_about.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 31%; }
.container .main_conts .about_section p {
  margin: 0 auto 30px;
  width: 95%;
  font-family: "boldfont"; }
.container .main_conts .blog_section h2:before {
  width: 25px;
  height: 23px;
  background-image: url(../images/common/icn_blog_sp.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  left: 28%; }
.container .main_conts .blog_section .wrap_blog {
  width: 95%;
  margin: 20px auto 0; }
  .container .main_conts .blog_section .wrap_blog ul {
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap; }
    .container .main_conts .blog_section .wrap_blog ul li {
      width: 48%; }
      .container .main_conts .blog_section .wrap_blog ul li .blog_txt {
        display: none; }
      .container .main_conts .blog_section .wrap_blog ul li:nth-child(2n) {
        margin-right: 3.5%; }
      .container .main_conts .blog_section .wrap_blog ul li:first-child {
        width: 100%;
        margin: 0; }
        .container .main_conts .blog_section .wrap_blog ul li:first-child .blog_doc {
          font-family: "boldfont";
          margin: 0;
          font-size: 120%; }
        .container .main_conts .blog_section .wrap_blog ul li:first-child .blog_txt {
          margin: 3px 0 15px;
          line-height: 1.4;
          display: block; }
      .container .main_conts .blog_section .wrap_blog ul li a {
        color: #000;
        display: block; }
        .container .main_conts .blog_section .wrap_blog ul li a .blog_image {
          margin: 0;
          line-height: 1;
          width: 100%;
          position: relative;
          overflow: hidden;
          border: solid 1px #000; }
          .container .main_conts .blog_section .wrap_blog ul li a .blog_image:before {
            content: "";
            display: block;
            padding-top: 56%; }
          .container .main_conts .blog_section .wrap_blog ul li a .blog_image img {
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            width: 100%; }
        .container .main_conts .blog_section .wrap_blog ul li a .blog_date {
          margin: 2px 0 0; }
        .container .main_conts .blog_section .wrap_blog ul li a .blog_doc {
          margin: 0 0 15px;
          line-height: 1.4; }
  .container .main_conts .blog_section .wrap_blog .btn_prevlist {
    width: 100%;
    margin: auto auto 30px; }
    .container .main_conts .blog_section .wrap_blog .btn_prevlist a {
      display: block;
      color: #000;
      border: solid 3px #000;
      padding: 8px 0;
      text-align: center;
      font-size: 110%;
      font-family: "boldfont";
      position: relative; }
      .container .main_conts .blog_section .wrap_blog .btn_prevlist a:after {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        right: 15px;
        width: 12px;
        height: 18px;
        margin-top: -9px;
        background: url(../images/common/arrow_next_pc.png) no-repeat 0 0; }
.container .main_conts .other_section h2 {
  padding: 10px 0 10px 35px; }
  .container .main_conts .other_section h2:before {
    width: 25px;
    height: 25px;
    background-image: url(../images/common/icn_blog_sp.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 25%;
    top: 10px; }
.container .main_conts .other_section ul {
  width: 95%;
  margin: 0 auto 20px;
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap; }
  .container .main_conts .other_section ul li {
    width: 48%;
    margin-right: 3.5%; }
    .container .main_conts .other_section ul li:nth-child(2n) {
      margin-right: 0; }
    .container .main_conts .other_section ul li a {
      color: #000;
      display: block; }
      .container .main_conts .other_section ul li a .other_date {
        margin: 0; }
      .container .main_conts .other_section ul li a .other_image {
        margin: 0 0 5px;
        line-height: 1;
        width: 100%;
        position: relative;
        overflow: hidden;
        border: solid 1px #000; }
        .container .main_conts .other_section ul li a .other_image:before {
          content: "";
          display: block;
          padding-top: 56%; }
        .container .main_conts .other_section ul li a .other_image img {
          position: absolute;
          top: 0;
          left: 0;
          bottom: 0;
          right: 0;
          width: 100%;
          height: auto; }
      .container .main_conts .other_section ul li a .other_doc {
        margin: 0 0 15px;
        line-height: 1.4; }
.container .main_conts .bloglist_section h1 {
  text-align: left;
  letter-spacing: 0;
  font-family: "boldfont";
  font-size: 130%;
  margin: 0;
  padding: 15px 0 20px 20px;
  border-top: solid 5px #000; }
.container .main_conts .bloglist_section ul.list {
  width: 95%;
  margin: 0 auto 20px;
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap; }
  .container .main_conts .bloglist_section ul.list li {
    width: 48%;
    margin-right: 3.5%; }
    .container .main_conts .bloglist_section ul.list li:nth-child(2n) {
      margin-right: 0; }
    .container .main_conts .bloglist_section ul.list li a {
      color: #000;
      display: block; }
      .container .main_conts .bloglist_section ul.list li a .bloglist_date {
        margin: 0; }
      .container .main_conts .bloglist_section ul.list li a .bloglist_image {
        margin: 0 0 5px;
        line-height: 1;
        width: 100%;
        position: relative;
        overflow: hidden;
        border: solid 1px #000; }
        .container .main_conts .bloglist_section ul.list li a .bloglist_image:before {
          content: "";
          display: block;
          padding-top: 56%; }
        .container .main_conts .bloglist_section ul.list li a .bloglist_image img {
          position: absolute;
          top: 0;
          left: 0;
          bottom: 0;
          right: 0;
          width: 100%;
          height: auto; }
      .container .main_conts .bloglist_section ul.list li a .bloglist_doc {
        margin: 0 0 15px;
        line-height: 1.4; }
.container .main_conts .news_section h2:before {
  width: 25px;
  height: 25px;
  background-image: url(../images/common/icn_news_sp.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  left: 25%; }
.container .main_conts .news_section ul {
  width: 95%;
  margin: 0 auto 20px;
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap; }
  .container .main_conts .news_section ul li {
    width: 48%;
    margin-right: 3.5%; }
    .container .main_conts .news_section ul li:nth-child(2n) {
      margin-right: 0; }
    .container .main_conts .news_section ul li a {
      color: #000;
      display: block; }
      .container .main_conts .news_section ul li a .news_image {
        margin: 0 0 5px;
        line-height: 1;
        width: 100%;
        position: relative;
        overflow: hidden;
        border: solid 1px #000; }
        .container .main_conts .news_section ul li a .news_image:before {
          content: "";
          display: block;
          padding-top: 56%; }
        .container .main_conts .news_section ul li a .news_image img {
          position: absolute;
          top: 0;
          left: 0;
          bottom: 0;
          right: 0;
          width: 100%;
          height: auto; }
      .container .main_conts .news_section ul li a .news_doc {
        margin: 0 0 15px;
        line-height: 1.4; }
.container .main_conts .sp_index_movie {
  border: solid 1px #000;
  padding: 15px;
  background: #f5f5f5;
  margin-bottom: 30px; }
  .container .main_conts .sp_index_movie h2 {
    border: 0;
    font-family: "engfont";
    line-height: 1;
    padding: 6px 0 10px 20px;
    letter-spacing: 0; }
    .container .main_conts .sp_index_movie h2:before {
      content: '';
      display: block;
      position: absolute;
      width: 27px;
      height: 14px;
      background-image: url(../images/program/ico_movie.png);
      background-repeat: no-repeat;
      background-size: 100% 100%;
      left: 32%;
      top: 9px; }
  .container .main_conts .sp_index_movie .info_movie_detail {
    width: 100%;
    position: relative;
    padding-top: 56.25%; }
  .container .main_conts .sp_index_movie iframe {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important; }
  .container .main_conts .sp_index_movie .movie_ttl {
    margin: 5px 0 0;
    font-family: "boldfont"; }
  .container .main_conts .sp_index_movie p {
    margin: 0; }
.container .main_conts .profile_section {
  margin-bottom: 20px; }
  .container .main_conts .profile_section h2:before {
    width: 18px;
    height: 26px;
    background-image: url(../images/common/icn_microphone_sp.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 17%; }
  .container .main_conts .profile_section ul {
    width: 95%;
    margin: auto; }
    .container .main_conts .profile_section ul li {
      width: 100%;
      display: flex;
      display: -webkit-flex;
      display: -ms-flex;
      align-items: flex-start; }
      .container .main_conts .profile_section ul li .profile_img {
        margin: 12px 4% auto auto;
        border: solid 1px #000;
        line-height: 0;
        position: relative;
        overflow: hidden;
        border: solid 1px #000;
        flex: 1;
        width: 40%; }
        .container .main_conts .profile_section ul li .profile_img:before {
          content: "";
          display: block;
          padding-top: 100%; }
        .container .main_conts .profile_section ul li .profile_img img {
          position: absolute;
          top: 0;
          left: 0;
          bottom: 0;
          right: 0;
          width: 100%; }
      .container .main_conts .profile_section ul li .profile_txt {
        width: 60%; }
        .container .main_conts .profile_section ul li .profile_txt .name {
          margin: 6px 0 0;
          font-family: "boldfont";
          font-size: 120%; }
        .container .main_conts .profile_section ul li .profile_txt .doc {
          margin: 0; }

.sp_timefree_btn {
  text-align: center;
  border-top: solid 0px #000;
  border-bottom: solid 0px #000;
  margin-bottom: 5px; }
  .sp_timefree_btn a {
    border: solid 5px #e73c64;
    font-family: "boldfont";
    color: #e73c64;
    display: block;
    position: relative;
    background-image: url(../images/program/ico_timefree.png);
    background-repeat: no-repeat;
    background-position: left 23px top 10px;
    background-size: 46px auto; }
    .sp_timefree_btn a:after {
      content: "";
      display: block;
      position: absolute;
     /* top: 24%;*/
     top:40%;
      right: 15px;
      width: 12px;
      height: 18px;
      margin-top: -9px;
      background: url(../images/program/arrow_next_timefree.png) no-repeat 0 0; }
    .sp_timefree_btn a:hover {
      opacity: .7; }
    .sp_timefree_btn a span {
      display: block;
      text-align: center; }
      .sp_timefree_btn a span.txt01 {
        line-height: 1.3;
       /* padding: 7px 10px 6px 10px;*/
       padding: 7px 10px 6px 20px;
        font-size: 140%; }
      .sp_timefree_btn a span.txt02 {
        font-size: 100%;
        color: #fff;
        background: #e73c64;
        padding: 0 8px;
        letter-spacing: 1px; }
      .sp_timefree_btn a span.txt03 {
        font-size: 85%;
        line-height: 1.4;
        padding: 4px 0; }

.pc_timefree_btn {
  display: none; }





.sp_timefree_btns {
  text-align: center;
  border-top: solid 0px #000;
  border-bottom: solid 0px #000;
  margin-bottom: 5px; }
  .sp_timefree_btns a {
    border: solid 5px #e73c64;
    font-family: "boldfont";
    color: #e73c64;
    display: block;
    position: relative;
    background-image: url(../images/program/ico_timefree.png);
    background-repeat: no-repeat;
    background-position: left 23px top 10px;
    background-size: 46px auto; }
    .sp_timefree_btns a:after {
      content: "";
      display: block;
      position: absolute;
      top: 24%;
      right: 15px;
      width: 12px;
      height: 18px;
      margin-top: 10px;
      background: url(../images/program/arrow_next_timefree.png) no-repeat 0 0; }
    .sp_timefree_btns a:hover {
      opacity: .7; }
    .sp_timefree_btns a span {
      display: block;
      text-align: center; }
      .sp_timefree_btns a span.txt01 {
        line-height: 1.3;
        padding: 7px 10px 6px 10px;
        font-size: 140%; }
      .sp_timefree_btns a span.txt02 {
        font-size: 100%;
        color: #fff;
        background: #e73c64;
        padding: 0 8px;
        letter-spacing: 1px; }
      .sp_timefree_btns a span.txt03 {
        font-size: 85%;
        line-height: 1.4;
        padding: 4px 0; }

.pc_timefree_btns {
  display: none; }





















.news_detail_sns {
  text-align: center; }
  .news_detail_sns li {
    display: inline-block;
    padding-right: 10px;
    line-height: 0;
    vertical-align: top; }
    .news_detail_sns li img {
      margin: 0; }
  .news_detail_sns img {
    max-width: 83px;
    height: auto; }

.side_conts .index_movie, .side_conts .pc_back {
  display: none; }
.side_conts .sp_sns {
  margin-bottom: 20px; }
  .side_conts .sp_sns ul {
    display: flex;
    display: -webkit-flex;
    display: -ms-flex; }
    .side_conts .sp_sns ul li {
      flex: 1;
      -webkit-flex: 1; }
      .side_conts .sp_sns ul li a {
        display: block;
        text-align: center;
        padding: 10px 0;
        font-family: "boldfont"; }
      .side_conts .sp_sns ul li.twitter a {
        background: #00aced; }
      .side_conts .sp_sns ul li.facebook a {
        background: #3B5998; }
.side_conts .btn_mail {
  display: none; }
.side_conts .wrap_bnr {
  text-align: center;
  margin-bottom: 20px; }
  .side_conts .wrap_bnr ul li {
    width: 95%;
    margin: auto auto 10px;
    line-height: 1; }
    .side_conts .wrap_bnr ul li a {
      display: block; }
      .side_conts .wrap_bnr ul li a img {
        width: 100%; }
.side_conts .bnr_tag {
  margin-bottom: 10px;
  text-align: center; }
  .side_conts .bnr_tag ins {
    margin-bottom: 10px; }
 .container .side_conts .bnr_tag img{
    height: auto; max-width: 100%;}
.side_conts .wrap_ann_bnr {
  border: solid 1px #000;
  padding: 4%; }
  .side_conts .wrap_ann_bnr .first {
    display: flex;
    display: -webkit-flex;
    display: -ms-flex; }
    .side_conts .wrap_ann_bnr .first a {
      display: block; }
      .side_conts .wrap_ann_bnr .first a.music10 {
        width: 67.3%; }
      .side_conts .wrap_ann_bnr .first a.gold {
        width: 33%;
        flex: 1;
        -webkit-flex: 1; }
      .side_conts .wrap_ann_bnr .first a img {
        width: 100%; }
  .side_conts .wrap_ann_bnr .mc img {
    width: 100%; }
  .side_conts .wrap_ann_bnr .program_ann {
    background: #000;
    padding-top: 10px; }
    .side_conts .wrap_ann_bnr .program_ann h2 {
      color: #fff;
      font-family: "boldfont";
      text-align: center;
      margin: 0 0 10px; }
    .side_conts .wrap_ann_bnr .program_ann p {
      margin: 0;
      line-height: 1; }
    .side_conts .wrap_ann_bnr .program_ann .ann_conts {
      width: 95%;
      margin: auto;
      display: flex;
      display: -webkit-flex;
      display: -ms-flex;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      padding-bottom: 2.5%; }
      .side_conts .wrap_ann_bnr .program_ann .ann_conts a {
        width: 50%;
        display: block;
        position: relative; }
        .side_conts .wrap_ann_bnr .program_ann .ann_conts a img {
          width: 100%; }
        .side_conts .wrap_ann_bnr .program_ann .ann_conts a .ttl {
          background: #000;
          background-color: rgba(0, 0, 0, 0.7);
          position: absolute;
          bottom: 0;
          left: 0;
          right: 0;
          padding: 5px 0;
          text-align: center; }
      .side_conts .wrap_ann_bnr .program_ann .ann_conts .other {
        width: 50%; }
        .side_conts .wrap_ann_bnr .program_ann .ann_conts .other img {
          width: 100%;
          margin-top: -25px; }
      .side_conts .wrap_ann_bnr .program_ann .ann_conts .personality_image {
        position: relative;
        overflow: hidden; }
        .side_conts .wrap_ann_bnr .program_ann .ann_conts .personality_image:before {
          content: "";
          display: block;
          padding-top: 100%; }
        .side_conts .wrap_ann_bnr .program_ann .ann_conts .personality_image img {
          position: absolute;
          top: 0;
          left: 0;
          bottom: 0;
          right: 0;
          width: 100%; }
      .side_conts .wrap_ann_bnr .program_ann .ann_conts .ann0 {
        height: 100px;
        overflow: hidden;
        background: #fff; }
        .side_conts .wrap_ann_bnr .program_ann .ann_conts .ann0 img {
          margin-top: 35px; }
      .side_conts .wrap_ann_bnr .program_ann .ann_conts .annR {
        height: 100px;
        overflow: hidden; }
        .side_conts .wrap_ann_bnr .program_ann .ann_conts .annR img {
          width: 90%;
          margin: -17px auto 0; }
.side_conts .wrap_widget {
  margin-bottom: 20px; }
  .side_conts .wrap_widget ul {
    width: 90%;
    margin: auto; }
    .side_conts .wrap_widget ul li {
      margin-top: 20px; }
      .side_conts .wrap_widget ul li.twitter {
        border: solid 3px #00aced; }

.pagenav ul {
  display: table;
  width: 100%;
  margin: 20px 0 0;
  padding: 0 0 30px; }
  .pagenav ul:nth-child(2) {
    border-left: solid 1px #fff; }
  .pagenav ul li {
    display: table-cell;
    width: 50%;
    text-align: center;
    vertical-align: middle;
    line-height: 1; }
    .pagenav ul li a {
      position: relative;
      display: block;
      padding: 13px 0;
      background: #000; }
    .pagenav ul li.pagenav_prev a:before {
      content: "";
      display: block;
      position: absolute;
      top: 50%;
      left: 10px;
      width: 13px;
      height: 21px;
      margin-top: -10px;
      background: url("../images/common/arrow_prev_w_pc.png") no-repeat 50% 50%; }
    .pagenav ul li.pagenav_next {
      border-left: solid 1px #fff; }
      .pagenav ul li.pagenav_next a:after {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        right: 10px;
        width: 13px;
        height: 21px;
        margin-top: -10px;
        background: url("../images/common/arrow_next_w_pc.png") no-repeat 50% 50%; }

.prlink {
  padding: 20px 20px;
  display: block;
  *overflow: hidden;
  *zoom: 1; }
  .prlink:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    font-size: 0;
    line-height: 0; }
  .prlink ul {
    display: table;
    margin-bottom: 20px; }
    .prlink ul li {
      display: table-cell;
      /*float: left;*/
      width: 19%;
      border: 1px solid #c9c9c9;
      background-color: #fff;
      text-align: center;
      vertical-align: middle;
      border-collapse: collapse; }
      .prlink ul li img {
        width: 100%; }

/* footer */
.footer_sub {
  padding: 0 20px; }
  .footer_sub .footer_banner {
    margin-top: 20px; }
    .footer_sub .footer_banner ul.bnr_pc {
      display: none; }
    .footer_sub .footer_banner ul li {
      padding: 0 0 20px; }
  .footer_sub .footer_sns ul {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin: 0 auto;
    padding: 10px 20px 30px; }
    .footer_sub .footer_sns ul li {
      display: table-cell;
      width: 33%;
      padding: 0 20px;
      text-align: center;
      vertical-align: middle; }
      .footer_sub .footer_sns ul li img {
        max-width: 60px; }

.footer_nav {
  background: #262626 url("../images/common/cm_bg02.png") repeat 0 0; }
  .footer_nav a {
    position: relative;
    display: block;
    padding: 15px 0;
    text-align: center; }
    .footer_nav a:after {
      content: "";
      display: block;
      position: absolute;
      top: 50%;
      right: 10px;
      width: 6.5px;
      height: 11px;
      margin-top: -5px;
      background: url("../images/common/footer_icn_next_sp.png") no-repeat 50% 50%;
      -webkit-background-size: 6.5px 11px;
      background-size: 6.5px 11px; }
  .footer_nav .footer_pagetop {
    border-top: 1px solid #7d7d7d; }
    .footer_nav .footer_pagetop a:after {
      content: "";
      display: block;
      position: absolute;
      top: 50%;
      right: 10px;
      width: 11px;
      height: 6.5px;
      margin-top: -3px;
      background: url("../images/common/footer_icn_up_sp.png") no-repeat 50% 50%;
      -webkit-background-size: 11px 6.5px;
      background-size: 11px 6.5px; }
  .footer_nav ul {
    display: block;
    *overflow: hidden;
    *zoom: 1; }
    .footer_nav ul:after {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
      font-size: 0;
      line-height: 0; }
    .footer_nav ul li {
      width: 49.8%;
      border-top: 1px solid #7d7d7d; }
    .footer_nav ul li:nth-child(odd) {
      float: left; }
    .footer_nav ul li:nth-child(even) {
      float: right;
      border-left: 1px solid #7d7d7d; }
    .footer_nav ul li:nth-last-child(2),
    .footer_nav ul li:last-child {
      clear: both;
      float: none;
      width: 100%;
      border-left: 0; }

.footer_info {
  background-color: #fff;
  font-size: 83%;
  text-align: center;
  color: #000; }
  .footer_info .footer_logo {
    padding: 30px 0 20px; }
    .footer_info .footer_logo a {
      display: inline-block;
      width: 222px;
      height: 24.5px;
      background: url("../images/common/footer_logo_sp.png") no-repeat 0 0;
      -webkit-background-size: 222px 24.5px;
      background-size: 222px 24.5px;
      text-indent: -9999px; }
  .footer_info .footer_copyright {
    padding: 0 0 20px;
    line-height: 1; }

/*# sourceMappingURL=program_sp.css.map */

/*追記*/
body.black #wrap .container .main_conts .announcement_section h2:before {
      background-image: url(../images/program/ico_about_w.png);
      background-repeat: no-repeat;
      background-size: 100% 100%; }
.container .main_conts .announcement_section h2 {
  　　　　padding: 10px 0 0 5%; }
.container .main_conts .announcement_section h2:before {
      width: 23px;
      height: 20px;
      background-image: url(../images/program/ico_about.png);
      background-repeat: no-repeat;
      background-size: 100% 100%;
      left: 31%; }
.container .main_conts .announcement_section p {
      margin: 0 auto 30px;
      width: 95%;
    }

/*オトのハコブネについて*/
#aboutSec .box .imgClm{
  text-align: center;
}
#aboutSec .box .txtClm h3 {
  color: #EE8BA3;
}
#aboutSec .memberSec ul li {
  width: 100%;
  overflow: hidden;
  margin-bottom: 30px;
}
#aboutSec .memberSec ul li .imgClm {
  width: 40%;
  float: left;
}
#aboutSec .memberSec ul li .txtClm {
  width: 60%;
  float: left;
}
#aboutSec .memberSec ul li .txtClm h3 {
  margin: 0;
}
#aboutSec .memberSec ul li:nth-child(1) h3 {
  color: #D0BA48;
}
#aboutSec .memberSec ul li:nth-child(2) h3 {
  color: #EE8BA3;
}
#aboutSec .memberSec ul li:nth-child(3) h3 {
  color: #67D851;
}
#aboutSec .memberSec ul li:nth-child(4) h3 {
  color: #3A5BE9;
}
#aboutSec .memberSec ul li:nth-child(5) h3 {
  color: #299EB2;
}


.about_section iframe , .announcement_section iframe , .post_content iframe{
	width: 100% !important;
	height: 380px !important;
}


.container .main_conts .profile_section ul li .profile_txt p a {
      color: #000;
      border-bottom: 1px solid #000;
      }

.container .side_conts .bnr_tag ul li{
    border: 1px solid #000;
    padding: 10px;
    margin-bottom: 10px;
    }

.container .side_conts .bnr_tag {
  overflow: hidden;
  }

.container .side_conts .bnr_tag p{
  margin:0;
  }

.container .side_conts .bnr_tag a {
  color: #000;
  margin-top: 0;
  }

.container .main_conts .profile_section ul li .profile_txt p a {
      color: #000;
      border-bottom: 1px solid #000;
      }
.container .main_conts .announcement_section a{
      color: #000;
      border-bottom: 1px solid #000;
      }

.container .main_conts .about_section a{
      color: #000 !important;
      border-bottom: 1px solid #000;
      }