
@charset "UTF-8";
/**/
/*
Lnav
--------------------------------------*/
.lnav__tv { background: #00a0d2; padding: 5px 0; color: #fff; }

.l-lnav_inner { max-width: 960px; margin: 0 auto; }

.l-lnav_inner:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }

.l-lnav_left { width: 440px; float: left; display: table; }

.l-lnav_right { float: right; width: 490px; }

.lnav-tv_logo { display: table-cell; vertical-align: middle; background: #fff; }

.lnav-tv_lead { display: table-cell; vertical-align: middle; font-size: 1.3rem; padding-left: 15px; }

.lnav-tv_menu { font-size: 0; padding-top: 13px; }

.lnav-tv_menu > li { font-size: 1.6rem; display: inline-block; margin-right: 1px; box-shadow: 0 2px 0 #0080a8; position: relative; line-height: 1; }

.lnav-tv_menu > li:last-child { margin-right: 0; }

.lnav-tv_menu > li > a { background-color: #fff; color: #204d8b; text-align: center; display: block; padding: 10px 39px; }

.lnav-tv_menu > li > a:hover { text-decoration: none; opacity: 0.95; }

.lnav-tv_menu > li.ico__tv > a { background: url(/shared/common/svg/49.svg) 20px center no-repeat #fff; padding-left: 53px; }

.lnav-tv_menu > li.ico__pc > a { background: url(/shared/common/svg/50.svg) 20px center no-repeat #fff; padding-left: 53px; }

.lnav-tv_menu .list__area > a { padding-left: 43px; }

.lnav-tv_menu .has-child > a { position: relative; padding-right: 53px; }

.lnav-tv_menu .has-child > a:before { background: url(/shared/common/svg/51_2.svg) left top no-repeat; background-size: 100% auto; content: ""; display: block; position: absolute; width: 14px; height: 14px; right: 10px; top: 50%; margin-top: -7px; }

.lnav-tv_menu .has-child > a.is-open:before { background: #204d8b; height: 4px; margin-top: -2px; }

.lnav-tv_menu-child { position: absolute; border: 1px solid #cfcfcf; border-bottom: none; background: rgba(235, 235, 235, 0.9); width: 100%; z-index: 99; display: none; }

.lnav-tv_menu-child > li { border-bottom: 1px solid #cfcfcf; }

.lnav-tv_menu-child > li > a { display: block; padding: 10px 20px; position: relative; }

.lnav-tv_menu-child > li > a:before { background: url(/shared/common/svg/76_6.svg) left top no-repeat; background-size: 100% auto; content: ""; display: block; position: absolute; width: 10px; height: 16px; right: 12px; top: 50%; margin-top: -8px; }

.lnav-tv_menu-grandchild { display: none; }

.lnav-tv_menu-grandchild li { background: rgba(255, 255, 255, 0.95); }

.lnav-tv_menu-grandchild li a { display: block; padding: 10px 20px; color: #888; }

@media screen and (max-width: 767px) { .lnav__tv { text-align: center; background: none; padding: 0; }
  .lnav-tv_logo { background: #00a0d2; display: block; }
  .lnav-tv_logo a { color: #fff; display: block; font-size: 2.5rem; font-weight: bold; }
  .lnav-tv_logo a span { display: inline-block; background: url(/shared/common/images/logo_tv_sp.png) left center no-repeat; background-size: 52px auto; padding: 15px 10px 15px 60px; }
  .lnav-tv_gguide { padding: 5px 10px; text-align: right; }
  .lnav-tv_menu { background: #00a0d2; padding: 10px; }
  .lnav-tv_menu:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
  .lnav-tv_menu li { font-size: 1.3rem; font-weight: normal; }
  .lnav-tv_menu > li { margin-bottom: 5px; width: 49%; margin-right: 2%; font-weight: bold; display: block; float: left; }
  .lnav-tv_menu > li:nth-child(2n) { margin-right: 0; }
  .lnav-tv_menu > li.list__area { width: 100%; margin-bottom: 0; }
  .lnav-tv_menu > li a:hover { opacity: 1; }
  .lnav-tv_menu-child { text-align: left; } }

/*
テレビチャンネル
--------------------------------------*/
.jch-channel-info { margin-bottom: 10px; }

.jch-channel-info_ttl { background: #00a0d2; color: #fff; font-weight: bold; font-size: 2.4rem; padding: 20px; text-align: center; }

.jch-channel-info_text-box { border-left: 1px solid #cfcfcf; border-bottom: 1px solid #cfcfcf; border-right: 1px solid #cfcfcf; text-align: center; padding: 30px; }

.jch-channel-info_thumb { display: inline-block; vertical-align: middle; margin-right: 10px; }

.jch-channel-info_list { display: inline-block; vertical-align: middle; text-align: left; }

.jch-channel-info_list dt { color: #00a0d2; font-weight: bold; font-size: 3.0rem; }

.jch-channel-info_list dd { font-weight: bold; }

@media screen and (max-width: 767px) { .jch-channel-info { margin-bottom: 10px; }
  .jch-channel-info_ttl { font-size: 1.7rem; padding: 10px; }
  .jch-channel-info_text-box { text-align: center; padding: 15px 30px; }
  .jch-channel-info_thumb { display: block; margin-right: 0; margin-bottom: 10px; }
  .jch-channel-info_list { display: block; text-align: center; }
  .jch-channel-info_list dt { color: #00a0d2; font-weight: bold; font-size: 1.9rem; margin-bottom: 10px; }
  .jch-channel-info_list dd { font-weight: bold; } }

/*
NowonAir
--------------------------------------*/
.l-now-on-air-wrap { background: #00a0d2; padding: 6px 4px; color: #fff; margin-bottom: 20px; font-family: Helvetica,Meiryo, メイリオ, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',sans-serif; }

.now-on-air_ttl { text-align: center; margin-bottom: 10px; }

.now-on-air_date { background: #fff; color: #00a0d2; text-align: center; padding: 5px 10px; border-radius: 5px 5px 0 0; }

.now-on-air_slide { height: 300px; overflow: hidden; position: relative; }

.now-on-air_slide table { position: absolute; width: 100%; }

.now-on-air_slide th { background: #f5f5f5; color: #00a0d2; font-size: 1.3rem; padding: 5px; width: 45px; vertical-align: top; border-bottom: 1px solid #00a0d2; }

.now-on-air_slide td { background: #fff; font-size: 1.3rem; padding: 5px; vertical-align: top; border-bottom: 1px solid #00a0d2; }

.now-on-air_slide td strong { font-weight: normal; color: #ff7900; display: block; }

.now-on-air_timetable { position: relative; padding: 35px 0; }

.now-on-air_up a, .now-on-air_down a { position: absolute; display: block; background: none; left: 50%; margin-left: -10px; text-indent: -9999px; width: 20px; height: 20px; border: none; border-top: solid 3px #b8b8b8; border-right: solid 3px #b8b8b8; }

.now-on-air_up a.is-active, .now-on-air_down a.is-active { border-top: solid 3px #fff; border-right: solid 3px #fff; }

.now-on-air_up a { top: 13px; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

.now-on-air_down a { bottom: 10px; -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); }

@media screen and (max-width: 767px) { .l-now-on-air-wrap { padding: 10px 20px; position: relative; overflow: hidden; }
  .now-on-air_inner { position: relative; margin: 0; }
  .now-on-air_ttl { margin-bottom: 10px; text-align: left; }
  .now-on-air_date { position: absolute; right: 20px; top: 9px; }
  .now-on-air_slide_sp { color: #333; height: auto; }
  .now-on-air_slideInner { display: inline-block; background: #fff; width: 100%; height: 77px; padding: 10px; overflow: hidden; }
  .now-on-air_slideInner ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: auto !important; }
  .now-on-air_slideInner ul:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
  .now-on-air_slideInner li { float: left; }
  .now-on-air_slideInner li span { display: block; }
  .now-on-air_prev a, .now-on-air_next a { position: absolute; display: block; background: none; top: 50%; margin-top: -7px; text-indent: -9999px; width: 14px; height: 14px; border: none; border-top: solid 3px #fff; border-right: solid 3px #fff; z-index: 99; }
  .now-on-air_prev a.is-active, .now-on-air_next a.is-active { border-top: solid 3px #fff; border-right: solid 3px #fff; }
  .now-on-air_prev a { left: -12px; -ms-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); transform: rotate(-135deg); }
  .now-on-air_next a { right: -12px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } }

/*
記事102
--------------------------------------*/
.jch-main-slide { max-width: 605px; margin: 0 auto; }

.jch-main-slide .jch-main-slide_list { margin: 0 auto 60px; }

.jch-main-slide .jch-main-slide_list.slick-slider { position: relative; margin: 0 auto 85px; }

.jch-main-slide .slick-list { overflow: hidden; }

.jch-main-slide .slick-arrow { position: absolute; display: block; background: none; top: 50%; margin-top: -8px; font-size: 0; width: 16px; height: 16px; border: none; border-top: solid 3px #01a0ca; border-right: solid 3px #01a0ca; z-index: 99; padding: 0; }

.jch-main-slide .slick-prev { left: -17px; -ms-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); transform: rotate(-135deg); }

.jch-main-slide .slick-next { right: -17px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.jch-main-slide .slick-dots { text-align: center; padding: 10px 0; position: absolute; bottom: -60px; left: 0; width: 100%; }

.jch-main-slide .slick-dots li { display: inline-block; margin: 0 10px; border-radius: 5px; overflow: hidden; background: #dadada; }

.jch-main-slide .slick-dots li.slick-active { background: #01a0ca; }

.jch-main-slide .slick-dots li button { display: block; width: 10px; height: 10px; border: none; background: none; text-indent: -9999px; padding: 0; outline: none; }

.jch-main-slide_list:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }

.jch-main-slide_item { background: #fff; border: 1px solid #cfcfcf; margin: 0 auto; }

.jch-main-slide_item:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }

.jch-main-slide_item.slick-slide { margin: 0 10px; }

.jch-main-slide_item a { display: table; }

.jch-main-slide_thumb { width: 300px; display: table-cell; vertical-align: middle; }

.jch-main-slide_thumb img { max-width: 300px; max-height: 225px; display: inline; }

.jch-main-slide_thumb_item { display: table; width: 100%; height: 225px; text-align: center; }

.jch-main-slide_thumb_item span { max-width: 100%; max-height: 225px; display: table-cell; vertical-align: middle; }

.jch-main-slide_info { display: table-cell; vertical-align: middle; padding: 10px; }

.jch-main-slide_ttl { margin-bottom: 10px; font-weight: bold; font-size: 2.3rem; line-height: 1.2; }

.jch-main-slide_text { font-size: 1.0rem; }

@media screen and (max-width: 767px) { .jch-main-slide { max-width: 100%; padding: 0 15px; }
  .jch-main-slide .jch-main-slide_list { margin: 0 auto 30px; }
  .jch-main-slide .jch-main-slide_list.slick-slider { margin: 0 auto 60px; }
  .jch-main-slide .slick-list { overflow: hidden; }
  .jch-main-slide .slick-prev { left: -8px; }
  .jch-main-slide .slick-next { right: -8px; }
  .jch-main-slide .slick-dots { bottom: -45px; }
  .jch-main-slide_list:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
  .jch-main-slide_item { width: 100%; margin: 0; display: block; }
  .jch-main-slide_thumb { width: 100%; display: block; }
  .jch-main-slide_thumb img { max-width: 100%; }
  .jch-main-slide_info { padding: 5px; display: block; }
  .jch-main-slide_ttl { margin-bottom: 10px; font-size: 1.4rem; }
  .jch-main-slide_text { font-size: 1.0rem; } }

.jch-thumb-area { margin-right: -20px; margin-bottom: 20px; }

.jch-thumb-area:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }

.jch-thumb-area_thumb { float: left; max-width: 247px; margin-right: 20px; }

.jch-thumb-area_info { float: left; max-width: 403px; margin-right: 20px; }

@media screen and (max-width: 767px) { .jch-thumb-area { margin-right: 0; margin-bottom: 10px; }
  .jch-thumb-area_thumb { float: none; max-width: 100%; margin-right: 0; margin-bottom: 10px; }
  .jch-thumb-area_info { float: none; max-width: 100%; margin-right: 0; margin-bottom: 10px; } }

.jch-lineup { margin-bottom: 40px; }

.jch-lineup:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }

.jch-lineup_item { float: left; cursor: pointer; }

.jch-lineup_item:nth-child(4n) { margin-right: 0; }

.jch-lineup_item:hover img { opacity: 0.8; }

.jch-lineup_item:hover a { text-decoration: underline; }

.jch-lineup_thumb { margin-bottom: 5px; border: 1px solid #cfcfcf; }

.jch-lineup_thumb-inner { background: #f5f5f5; display: block; width: 151px; height: 115px; text-align: center; vertical-align: middle; }

.jch-lineup_thumb-inner:before { content: ""; height: 100%; vertical-align: middle; width: 0px; display: inline-block; }

.jch-lineup_thumb-inner > * { vertical-align: middle; display: inline-block; }

.jch-lineup_thumb-inner img { max-width: 151px; max-height: 115px; vertical-align: middle; }

.jch-lineup_copy { font-size: 1rem; margin-bottom: 10px; }

.jch-lineup-list { margin-bottom: 15px; }

.jch-lineup-list li { background: url(/shared/common/svg/69.svg) left 0.4em no-repeat; padding: 0 0 10px 15px; margin-bottom: 10px; }

.jch-lineup-list li:last-child { margin-bottom: 0; }

.l-col-main .jch-lineup_item { max-width: 153px; margin-right: 18px; }

.l-col-main .jch-lineup_item:nth-child(4n) { margin-right: 0; }

@media screen and (max-width: 767px) { .jch-lineup_thumb-inner { width: 100%; }
  .jch-lineup_thumb-inner img { max-width: 100%; }
  .l-col-main .jch-lineup_item { margin-bottom: 10px; margin-right: 2%; max-width: 49%; }
  .l-col-main .jch-lineup_item:nth-child(2n) { margin-right: 0; } }

/*
　特大ヘッダー画像
--------------------------------------*/
.jch-head_large_box{ max-width: 960px; margin: 0 auto 40px; }

@media screen and (max-width: 767px) {
  .jch-head_large_box{ max-width: 100%; margin-bottom: 20px; }
  .jch-head_large_box .jch-head_large_bnr { padding: 0 10px; } }

/*
記事103
--------------------------------------*/
.jch-head { margin-bottom: 30px; }

.jch-head:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }

.jch-head_logo { width: 150px; height: 100px; border: 1px solid #dad8d9; float: left; display: table; margin-right: 20px; text-align: center; }

.jch-head_logo a { display: table-cell; vertical-align: middle; }

.jch-head_logo img { max-width: 150px; max-height: 100px; }

.jch-head-sns { background: #f5f5f5; padding: 11px 20px; overflow: hidden; }

.jch-head-sns_item { background: #fff; padding: 10px 20px; display: table; float: right; max-width: 515px; }

.jch-head-sns_item dt, .jch-head-sns_item dd { display: table-cell; text-align: center; vertical-align: middle; }

.jch-head-sns_item dt { font-size: 1.2rem; font-weight: bold; padding-right: 10px; text-align: left; width: 174px; }

.jch-head-sns_item dt span { background: url(/shared/common/svg/75.svg) left center no-repeat; background-size: 22px auto; padding: 3px 0 1px 29px; display: inline-block; }

#socp-action-buttons { float: left; width: 211px; }

/*.socp-btn_item {
  background: $mainColor;
  background-size: 20px auto;
  display: block;
  line-height: 1;
  text-align: center;
  color: #fff;
  cursor: pointer;
  font-weight: bold;
  font-size: 2.0rem;
  padding: 11px 10px;
  border-radius: 4px;
  border-bottom: 2px solid #acabab;

  &:hover {
    background-color: #ff9433;
  }

  &.is-clicked {
    background-color: #cfcfcf;

    &:hover {
      background-color: #cfcfcf;
    }
  }

  span {
    background: url(/shared/common/svg/54.svg) left center no-repeat;
    padding-left: 30px;
  }
}*/
.socialplus-widget-cmyj_mitai { position: relative; }

.socialplus-widget-cmyj_mitai a { background: url(/shared/common/svg/54.svg) 20px center no-repeat #ff7900 !important; background-size: 20px auto !important; border-radius: 4px; border-bottom: 2px solid #acabab !important; display: block !important; text-align: center !important; color: #fff !important; width: 123px !important; font-weight: bold !important; font-size: 20px !important; position: relative !important; padding: 20px 40px  20px 40px !important; }

.socialplus-widget-cmyj_mitai a:hover { background-color: #ff9433 !important; }

.socialplus-widget-cmyj_mitai a.selected { background-color: #cfcfcf !important; }

.socialplus-widget-cmyj_mitai a.selected:hover { background-color: #cfcfcf !important; }

.socialplus-widget-cmyj_mitai .socialplus-widget-counter { position: absolute !important; right: 10px !important; top: 50% !important; margin-top: -15px !important; color: #ff7900 !important; border: none !important; padding: 5px 1px !important; background: #fff !important; border-radius: 3px; font-size: 14px !important; font-weight: normal !important; line-height: 20px !important; height: 30px !important; box-sizing: border-box !important; }

.socialplus-widget-cmyj_mitai .socialplus-widget-counter:after { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-right-color: #ffffff; border-width: 5px; margin-top: -5px; }

.jch-head-sns_list { vertical-align: middle; text-align: center; min-width: 260px; }

.jch-head-sns_list:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }

.jch-head-sns_list li { display: inline-block; vertical-align: middle; margin: 0 3px; max-width: 85px; height: 21px; }

.jch-head-sns_list .fb-share-button { height: 21px; overflow: hidden; }

.jch-head-sns_list img { vertical-align: top; }

.jch-main { margin-bottom: 40px; }

.jch-main:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }

.jch-main_thumb { width: 450px; float: left; margin-right: 18px; }

.jch-main_thumb img { max-width: 450px; max-height: 100%; }

.jch-main_thumb_item { display: table; width: 450px; height: 358px; border: 1px solid #dad8d9; text-align: center; margin-bottom: 5px; }

.jch-main_thumb_item a { display: table-cell; vertical-align: middle; }

.jch-main_caption { font-size: 1.0rem; color: #666; }

.jch-main_text { overflow: hidden; }

@media screen and (max-width: 767px) { .jch-head { margin-bottom: 10px; }
  .jch-head_logo { max-width: 35%; margin-right: 1px; }
  .jch-head_logo img { max-width: 100%; }
  .jch-head-sns { background: #fff; padding: 0; }
  .jch-head-sns_item { padding: 0; display: block; width: 100%; }
  .jch-head-sns_item dt, .jch-head-sns_item dd { display: block; text-align: center; }
  .jch-head-sns_item dt { font-size: 1.3rem; font-weight: bold; padding-right: 0; margin-bottom: 10px; width: 100%; }
  .jch-head-sns_item dt span { padding: 4px 0 4px 29px; }
  #socp-action-buttons { width: 100%; float: none; margin-right: 0; }
  .socialplus-widget-wrapper.socialplus-widget-ActionButtonBar .socialplus-widget-buttons li, .socialplus-widget-wrapper.socialplus-widget-ActionButtonCollection .socialplus-widget-buttons li, .socialplus-widget-wrapper.socialplus-widget-ShareButtonBar .socialplus-widget-buttons li { display: block !important; width: 100% !important; margin-right: 0 !important; }
  .socialplus-widget-cmyj_mitai { position: relative; margin: 0 0 10px 10px !important; }
  .socialplus-widget-cmyj_mitai a { background-size: 16px auto !important; font-size: 16px !important; margin-left: 10px !important; padding: 19px 38px 19px 38px !important; width: 98% !important; margin: 0 !important; box-sizing: border-box !important; overflow: hidden !important; }
  .socialplus-widget-cmyj_mitai .socialplus-widget-counter { position: absolute !important; right: 10px !important; top: 50% !important; margin-top: -15px !important; }
  .jch-head-sns_list { display: block; float: none; height: auto; text-align: center; min-width: 1px; }
  .jch-head-sns_list li { display: inline-block; vertical-align: top; margin: 0; font-size: 0; }
  .jch-main { margin-bottom: 20px; }
  .jch-main_thumb { max-width: 100%; width: 100%; float: none; margin-right: 0; }
  .jch-main_thumb img { max-height: 236px; }
  .jch-main_thumb_item { max-width: 100%; width: 100%; max-height: 236px; }
  .jch-main_caption { font-size: 1.0rem; color: #666; margin-bottom: 10px; text-align: left; }
  .jch-main_text { max-width: 100%; float: none; } }

.jch-btn__reserve { text-align: center; display: inline-block; vertical-align: middle; line-height: 1.2; position: relative; background: #ffb600; border-radius: 3px; box-shadow: 0 -2px 0  #b3b2b2 inset; overflow: hidden; margin-left: 20px; margin-bottom: 10px; }

.jch-btn__reserve:hover { background-color: #ffcc4d; }

.jch-btn__reserve a, .jch-btn__reserve button { width: 100%; height: 100%; padding: 8px 20px 6px; font-weight: bold; display: inline-block; background: none; border: none; vertical-align: middle; color: #fff; }

.jch-btn__reserve a:before, .jch-btn__reserve button:before { position: absolute; content: ""; display: block; }

.jch-btn__reserve a:after, .jch-btn__reserve button:after { content: ""; height: 100%; vertical-align: middle; width: 0px; display: inline-block; }

.jch-btn__reserve a:hover, .jch-btn__reserve button:hover { text-decoration: none; }

.jch-btn_inner-text { background: url(/shared/common/svg/53.svg) left center no-repeat; background-size: 27px auto; padding-left: 35px; }

.jch-schedule-select select { height: 35px; }

.jch-box-free:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }

.jch-box-free_item__left { float: left; margin-right: 18px; max-width: 450px; }

.jch-box-free_item__right { float: right; margin-left: 18px; max-width: 450px; }

.jch-box-free_item__left, .jch-box-free_item__right img { margin-bottom: 5px; }

.jch-box-free_thumb { display: table; max-width: 450px; text-align: center; margin-bottom: 5px; }

.jch-box-free_thumb a { display: table-cell; vertical-align: middle; }

.jch-box-free__bdr .jch-box-free_thumb { width: 450px; height: 358px; max-height: 358px; border: 1px solid #dad8d9; }

.jch-box-free__bdr .jch-box-free_thumb img { max-width: 450px; max-height: 358px; }

.jch-box-free_ttl { font-size: 1.8rem; font-weight: bold; }

.jch-box-free_item__text { overflow: hidden; }

@media screen and (max-width: 767px) { .jch-box-free_item__left, .jch-box-free_item__right { width: 100%; max-width: 100%; float: none; margin: 0 0 10px; }
  .jch-box-free_thumb { max-width: 100%; width: 100%; }
  .jch-box-free__bdr .jch-box-free_thumb { width: 100%; max-height: 236px; }
  .jch-box-free__bdr .jch-box-free_thumb img { max-width: 100%; max-height: 236px; }
  .jch-box-free_ttl { font-size: 1.5rem; margin-bottom: 10px; }
  .jch-btn__reserve { margin-left: 0; }
  .jch-btn__reserve a, .jch-btn__reserve button { padding: 10px 12px 11px; }
  .jch-schedule-select { display: block; margin-bottom: 10px; } }

.jch-box-movie { margin: 0 auto 40px; }

.jch-box-movie_youtube { position: relative; width: 100%; padding-top: 56.25%; margin-bottom: 10px; }

.jch-box-movie_youtube iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }

@media screen and (max-width: 767px) { .jch-box-movie { width: 100%; margin-bottom: 20px; } }

.jch-entry { background: #fff5e6; margin-bottom: 40px; padding: 20px; text-align: center; }

@media screen and (max-width: 767px) { .jch-entry { margin-bottom: 20px; padding: 10px; } }

.tw-blog-area { background: #f5f5f5; border: 1px solid #cfcfcf; margin-bottom: 30px; }

.tw-blog-area:last-of-type { margin-bottom: 0; }

.tw-blog-area:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }

.tw-blog_thumb { float: left; max-width: 265px; }

.tw-blog_info { overflow: auto; padding: 20px; }

.tw-blog_date { text-align: right; margin-bottom: 10px; }

.tw-blog_ttl { font-weight: bold; font-size: 1.6rem; background: url(/shared/common/svg/69.svg) left 0.4em no-repeat; padding-left: 15px; margin-bottom: 10px; }

@media screen and (max-width: 767px) { .tw-blog-area { margin-bottom: 15px; }
  .tw-blog_thumb { float: none; max-width: 100%; }
  .tw-blog_info { padding: 10px; }
  .tw-blog_ttl { font-size: 1.5rem; } }

#blogContainer .tw-blog_img { float: left; max-width: 265px; }

#blogContainer .tw-blog_thumb { display: block; text-align: center; width: 265px; height: 200px; position: relative; background-color: #FFFFFF; }

#blogContainer .tw-blog_thumb img { width: auto; text-align: center; max-height: 200px; height: auto; max-width: 265px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }

#blogContainer .tw-blog_thumb img { width: expression(this.width <= this.height ? "200px" : "auto") \9; width: expression(this.width >= this.height ? "265px" : "auto") \9; }

@media screen and (max-width: 767px) { #blogContainer .tw-blog_img { float: none; max-width: 265px; margin: 0 auto; }
  #blogContainer .tw-blog_thumb { float: none; max-width: 100%; margin: 0 auto; height: 100%; position: static; }
  #blogContainer .tw-blog_thumb img { position: static; } }

.jch-recommend { max-width: 916px; margin: 0 auto; }

.jch-recommend .jch-recommend_list { margin: 0 auto 60px; }

.jch-recommend .jch-recommend_list.slick-slider { position: relative; margin: 0 auto 85px; }

.jch-recommend .slick-list { overflow: hidden; }

.jch-recommend .slick-arrow { position: absolute; display: block; background: none; top: 50%; margin-top: -8px; font-size: 0; width: 16px; height: 16px; border: none; border-top: solid 3px #01a0ca; border-right: solid 3px #01a0ca; z-index: 99; padding: 0; }

.jch-recommend .slick-prev { left: -17px; -ms-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); transform: rotate(-135deg); }

.jch-recommend .slick-next { right: -17px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.jch-recommend .slick-dots { text-align: center; padding: 10px 0; position: absolute; bottom: -60px; left: 0; width: 100%; }

.jch-recommend .slick-dots li { display: inline-block; margin: 0 10px; border-radius: 5px; overflow: hidden; background: #dadada; }

.jch-recommend .slick-dots li.slick-active { background: #01a0ca; }

.jch-recommend .slick-dots li button { display: block; width: 10px; height: 10px; border: none; background: none; text-indent: -9999px; padding: 0; outline: none; }

.jch-recommend_list:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }

.jch-recommend_item { background: #fff; border: 1px solid #cfcfcf; width: 438px; margin: 0 auto; }

.jch-recommend_item:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }

.jch-recommend_item.slick-slide { margin: 0 10px; }

.jch-recommend_thumb { width: 228px; height: 171px; display: table-cell; vertical-align: top; text-align: center; }

.jch-recommend_thumb img { display: inline; max-height: 171px; }

.jch-recommend_thumb_item { display: table; width: 100%; height: 171px; }

.jch-recommend_thumb_item span { max-width: 228px; max-height: 171px; display: table-cell; vertical-align: middle; }

.jch-recommend_info { display: table-cell; padding: 10px; vertical-align: middle; }

.jch-recommend_ttl { margin-bottom: 7px; }

.jch-recommend_text { font-size: 1.0rem; }



/*
視聴方法・どろーかるパーツ（Jテレ共通）
--------------------------------------*/

.uf-anchor-jtele li{ font-size:1.6rem; }

.uf-available-jtele-area{ width:960px; margin:0 0 33px;}

.uf-available-jtele__q1{ margin:0 0 30px;}

.uf-available-jtele__q1-left{ float:left; width:250px; text-align:center;}

.uf-available-jtele__q1-right{ float:right; width:700px; text-align:center;}

.uf-available-jtele__q2{ float:right; width:700px;}

.uf-available-jtele__q2-right{ float:right; width:246px; text-align:center;}

.uf-available-jtele__q2-left{ float:left; width:444px; text-align:center;}

.uf-available-jtele__q3{ float:left; width:444px;}

.uf-available-jtele__q3-right{ float:right; width:160px; text-align:center;}

.uf-available-jtele__q3-left{ float:left; width:274px; text-align:center;}

.uf-available-jtele__q4{ float:left; width:274px;}

.uf-available-jtele__q4-left{ float:left; width:132px; text-align:center;}

.uf-available-jtele__q4-right{ float:right; width:132px; text-align:center;}

.uf-available-jtele_textbox{ display:table; width: 100%; height:85px; text-align:center; border:1px solid #cfcfcf; background:#ebebeb;}

.uf-available-jtele_textbox-inner{ display:table-cell; vertical-align:middle; padding:10px 5px;}

.uf-available-jtele_textbox-text{ font-size:2rem; font-weight:bold; color:#333333;}

.uf-available-jtele_textbox-btn{ position: relative; display:inline-block;}

.uf-available-jtele_textbox-btn:after{ content: ''; position: absolute; width: 7px; height: 7px; top: 50%; left: -27px; border-top:1px solid #333333; border-right:1px solid #333333; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-top: -5px;}

.uf-available-jtele_textbox-btn a{ font-size:1.8rem; color:#333333;}

.uf-available-jtele_arrow{ height:68px; padding:10px 0;}

.uf-available-jtele_arrow-text-left{ position: absolute; top:50%; left:0; right:0; margin: -14px 0 0 -6em;}

.uf-available-jtele_arrow-text-left-4em{ margin: -14px 0 0 -9em;}

.uf-available-jtele_arrow-text-right{ position: absolute; top:50%; left:50%; margin: -14px 0 0 40px; white-space:nowrap;}

.uf-available-jtele_arrow-text-red{ font-weight:bold; font-size:1.8rem; color:#e83316;}

.uf-available-jtele_arrow-text-black{ font-weight:bold; font-size:1.8rem; color:#333333;}

.uf-available-jtele_num-box{ display: table; width: 100%; height: 85px; text-align: center; border: 1px solid #cfcfcf;}

.uf-available-jtele_num-box > a{ display: table-cell; vertical-align: middle;}

.uf-available-jtele_num-box-num{ display: inline-block; width:50px; padding:10px 0; background:#47a334; border-radius:26px; font-size:3rem; font-weight:bold; color:#fff; line-height:1;}

.uf-available-jtele_num-box > a:hover .uf-available-jtele_num-box-num{ background:#75ba67;}

.uf-available-jtele_num-box-num-green{ background:#47a334;}

.uf-available-jtele_num-box > a:hover .uf-available-jtele_num-box-num-green{ background:#75ba67;}

.uf-available-jtele_num-box-num-orange{ background:#ff7900;}

.uf-available-jtele_num-box > a:hover .uf-available-jtele_num-box-num-orange{ background:#ff9433;}

.uf-available-jtele_num-box-num-black{ background:#333333;}

.uf-available-jtele_num-box > a:hover .uf-available-jtele_num-box-num-black{ background:#666666;}

.uf-available-jtele_arrow-yn{ position: relative;}

.uf-available-jtele_arrow-yn:before{ content: ""; display: block; position: absolute; top: 10px; left: 0; right:0; margin:auto; width: 16px; height: 32px; background: #e83316;}

.uf-available-jtele_arrow-yn:after{ content: ""; display: block; position: absolute; top: 42px; left: 0; right:0; margin:auto; width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 16px solid #e83316;}

.uf-available-jtele_arrow-yes:before{ background: #e83316;}

.uf-available-jtele_arrow-yes:after{ border-top: 16px solid #e83316;}

.uf-available-jtele_arrow-no:before{ background: #333333;}

.uf-available-jtele_arrow-no:after{ border-top: 16px solid #333333;}

.uf-app-jtele-area_btn{ margin:30px 0 0; text-align:center;}

.uf-available-jtele-detail{ margin:10px 0 0;}

.uf-available-jtele-detail_block{ display:table; width:960px; height:134px; padding:20px 40px 20px 50px; background:#8ec138;}

.uf-available-jtele-detail_block-text{ display:table-cell; width:auto; line-height:1.35; vertical-align:middle;}

.uf-available-jtele-detail_block-num-box{ display:table-cell; width:76px; text-align:center; vertical-align:middle;}

.uf-available-jtele-detail_block-num-box-num{ display: inline-block; width:76px; padding:15px 0; background:#47a334; border-radius:38px; border:2px solid #fff; font-size:4rem; font-weight:bold; color:#fff; line-height:1;}

.uf-available-jtele-detail_block-num-box-num-green{ background:#47a334;}

.uf-available-jtele-detail_block-num-box-num-orange{ background:#ff7900;}

.uf-available-jtele-detail_block-num-box-num-black{ background:#333333;}

.uf-available-jtele-detail_block-text-box{ display:table-cell; width:auto; padding:0 40px 0 40px; font-size:1.6rem; font-weight:bold; color:#fff; vertical-align:middle;}

.uf-available-jtele-detail_block-text-big{ font-size:2.4rem;}

.uf-available-jtele-detail_block-btn{ display:table-cell; width:250px; vertical-align:middle; text-align:center;}

.uf-available-jtele-detail_block-btn a{ position: relative; display:block; padding: 15px 17px 15px 5px; background: #fff; border: 1px solid #47a334; box-shadow: 0 2px 0px #b3b2b2; font-size: 1.8rem; font-weight: bold; vertical-align: middle; color:#47a334; text-decoration:none;}

.uf-available-jtele-detail_block-btn a:after{ position: absolute; content: ""; display: block; background: url(/shared/common/svg/65_2.svg) left top no-repeat; width: 9px; height: 14px; top: 50%; right: 10px; margin-top: -7px;}

.uf-available-jtele-detail_block-btn:hover a{ color:#75ba67;}

.uf-available-jtele-detail_block-orange{ background:#ff940a;}

.uf-available-jtele-detail_block-orange .uf-available-jtele-detail_block-num-box-num{ background:#ff7900;}

.uf-available-jtele-detail_block-orange .uf-available-jtele-detail_block-btn a{ border: 1px solid #ff7900; color: #ff7900; font-size:1.7rem;}

.uf-available-jtele-detail_block-orange .uf-available-jtele-detail_block-btn a:after{ background: url(/shared/common/svg/65.svg) 0 0 no-repeat;}

.uf-available-jtele-detail_block-orange .uf-available-jtele-detail_block-btn a:hover{ color:#ff9433;}

.uf-available-jtele-detail_block-black{ background:#878787;}

.uf-available-jtele-detail_block-black .uf-available-jtele-detail_block-num-box-num{ background:#333333;}

.c-ico__pennant{ position: relative; padding-left: 50px; display: inline-block; vertical-align: middle; }

.c-ico__pennant:before { background-size: 100% auto; background: url(/shared/jtele/root/images/userflow/ico_app_001.png) left top no-repeat; content: ""; width: 31px; height: 31px; top: -5px; left: 0; display: block; position: absolute; }

@media screen and (max-width: 767px){ .uf-available-jtele-area{ width:auto;}
 .uf-available-jtele__q1{ margin:0 0 21px;}
 .uf-available-jtele__q1-left{ width:49%;}
 .uf-available-jtele__q1-right{ width:49%;}
 .uf-available-jtele__q2{ width:100%; margin:20px 0 0;}
 .uf-available-jtele__q2 img{ width:100%;}
 .uf-available-jtele__q2-right{ width:49%;}
 .uf-available-jtele__q2-left{ width:49%;}
 .uf-available-jtele__q3{ width:100%; margin:20px 0 0;}
 .uf-available-jtele__q3 img{ width:100%;}
 .uf-available-jtele__q3-right{ width:49%;}
 .uf-available-jtele__q3-left{ width:49%;}
 .uf-available-jtele__q4{ width:100%; margin:20px 0 0;}
 .uf-available-jtele__q4 img{ width:100%;}
 .uf-available-jtele__q4-left{ width:49%;}
 .uf-available-jtele__q4-right{ width:49%;}
 .uf-available-jtele_arrow{ height: 88px; padding:20px 0 10px;}
 .uf-available-jtele_arrow-yn:before{ top: 20px;}
 .uf-available-jtele_arrow-yn:after{ top:51px;}
 .uf-available-jtele_arrow-yn-sp .uf-available-jtele_arrow-text-left{ margin: -3px 0 0 -6em;}
 .uf-available-jtele_arrow-yn-sp  .uf-available-jtele_arrow-text-left-4em{ position: absolute; width:30%; top: 50%; left: 8%; right: 0; margin: -1px 0 0 0;}
 .uf-available-jtele_arrow-yn-sp .uf-available-jtele_arrow-text-right{ margin: -3px 0 0 20px;}
 .uf-available-jtele_arrow-text-right{ position: absolute; width:30%; top: 50%; right: 0; margin: -14px 0 0 20px; white-space:normal;}
 .uf-available-jtele_arrow-text-right-4em{ position: absolute; width:30%; top: 50%; left: 50%; margin: -1em 0 0 30px;}
 .uf-available-jtele_arrow-text-ib{ display:inline-block;}
 .uf-available-jtele_arrow-yn-sp{ height:173px; margin:}
 .uf-available-jtele_arrow-yn-sp:before{ height:135px;}
 .uf-available-jtele_arrow-yn-sp:after{ top:155px;}
 .uf-app-jtele-area{ margin:8px 0 0;}
 .uf-available-jtele-detail{ margin:20px 0 0;}
 .uf-available-jtele-detail_block{ display:block; width:auto; padding: 15px 10px 10px 10px; height:auto; min-height:194px}
 .uf-available-jtele-detail_block-text{ display:table; width:100%; padding:0 0 0 4.95%; height:100px;}
 .uf-available-jtele-detail_block-num-box{ display:table-cell; width:76px; padding:0; box-sizing:content-box; text-align:center; vertical-align:middle;}
 .uf-available-jtele-detail_block-text-box{ display:table-cell; width:100%; padding:0 0 0 8%;; font-size:1.6rem; vertical-align:middle;}
 .uf-available-jtele-detail_block-text-big,
 .uf-available-jtele-detail_block-text-big + p{ max-width:370px;}
 .uf-available-jtele-detail_block-btn{ display:block; width:auto; margin:15px 0 0;}
 .uf-available-jtele-detail_block-btn a{ padding: 15px 17px 8px 5px;}
 .uf-available-jtele-detail_block-nobtn{ display: table; width:100%;}
  .uf-available-jtele-detail_block-nobtn .uf-available-jtele-detail_block-text{ display:table-cell; vertical-align;middle;}
 .uf-available-jtele-detail_block-nobtn .uf-available-jtele-detail_block-text-big,
 .uf-available-jtele-detail_block-nobtn .uf-available-jtele-detail_block-text-big + p{ max-width:450px;}
 .c-ico__pennant{ padding-left: 40px;}
 .c-ico__pennant:before { height: 31px; top: -5px; left: 0; width: 31px; background-size: 100% auto;}
 }

@media screen and (max-width: 767px) { .jch-recommend { max-width: 100%; padding: 0 45px; }
  .jch-recommend .jch-recommend_list { margin: 0 auto 30px; }
  .jch-recommend .jch-recommend_list.slick-slider { margin: 0 auto 60px; }
  .jch-recommend .slick-list { overflow: hidden; }
  .jch-recommend .slick-prev { left: -26px; }
  .jch-recommend .slick-next { right: -26px; }
  .jch-recommend .slick-dots { bottom: -45px; }
  .jch-recommend_list:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
  .jch-recommend_item { width: 100%; margin: 0; }
  .jch-recommend_thumb { float: none; max-width: 100%; display: block; }
  .jch-recommend_info { padding: 10px; }
  .jch-recommend_ttl { margin-bottom: 10px; }
  .jch-recommend_text { font-size: 1.0rem; } }

/*サムネイルボックス-3カラム*/
.c-box-thumb__col3 { margin-bottom: 40px; }
.c-box-thumb__col3:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.c-box-thumb__col3 .c-box-thumb_item { width: 293px; float: left; margin-right: 18px; }
.c-box-thumb__col3 .c-box-thumb_item:nth-child(3n) { margin-right: 0; }
.c-box-thumb__col3 .c-box-thumb_item img { margin-bottom: 5px; }
.c-box-thumb__col3 .c-box-thumb_info-area { overflow: hidden; line-height: 1.7; }
.c-box-thumb__col3 .c-box-thumb_caption { color: #666; }

@media screen and (max-width: 767px) {
  .c-box-thumb__col3 { margin-bottom: 20px; }
  .c-box-thumb__col3 .c-box-thumb_item { width: 100%; float: none; margin-right: 0; margin-bottom: 10px; text-align: center; }
  .c-box-thumb__col3 .c-box-thumb_item:nth-child(2n) { margin-bottom: 0; }
  .c-box-thumb__col3 .c-box-thumb_item img { margin-bottom: 5px; }
  .c-box-thumb__col3 .c-box-thumb_info-area { overflow: hidden; line-height: 1.7; }
  .c-box-thumb__col3 .c-box-thumb_caption { color: #666; } }

/*アプリ紹介パーツ（ど・ろーかる）*/
.jch-box-app{ margin-bottom: 40px; }
.jch-box-app_title{ display: table; margin-bottom: 20px; }
.jch-box-app_title .jch-box-app_logo{ display: table-cell; vertical-align: top; width: 119px; }
.jch-box-app_title .jch-box-app_txt_wrap{ display: table-cell; vertical-align: top; padding-top: 4px; }
.jch-box-app_title .jch-box-app_head_info{ color: #e83817; font-size: 2rem; margin-bottom: 5px; line-height: 1.4; font-weight: bold; }
.jch-box-app_title .jch-box-app_head{ font-size: 4rem; font-weight: bold; }
.jch-box-app_contents{ display: table; }
.jch-box-app_contents .jch-box-app_img{ display: table-cell; vertical-align: top; width: 209px; }
.jch-box-app_contents .jch-box-app_img .l-pc-only{ padding-left: 10px; }
.jch-box-app_contents .jch-box-app_img .jch-box-app_img_caution{ padding-top: 10px; text-indent: -1em; padding-left: 1em; }
.jch-box-app_contents .jch-box-app_info{ display: table-cell; vertical-align: bottom; padding-left: 30px; }
.jch-box-app_contents .jch-box-app_info .jch-box-app_point{ margin-bottom: 50px; }
.jch-box-app_contents .jch-box-app_info .jch-box-app_point dl{ display: table; margin-bottom: 10px; }
.jch-box-app_contents .jch-box-app_info .jch-box-app_point dl dt{ display: table-cell; vertical-align: top; color: #fff; font-size: 1.8rem; width: 140px; }
.jch-box-app_contents .jch-box-app_info .jch-box-app_point dl dt .jch-box-app_point_ico{ background: #e83316; border-radius: 5px; padding:2px 30px; font-weight: bold; }
.jch-box-app_contents .jch-box-app_info .jch-box-app_point dl dd{ display: table-cell; vertical-align: top; font-size: 2.0rem; font-weight: bold;
padding-left: 10px; }
.jch-box-app_contents .jch-box-app_btn{text-align: center; }
.jch-box-app_contents .jch-box-app_btn .l-pc-only{ width: 660px; }
.jch-box-app_contents .jch-box-app_btn a:hover{opacity: 0.8; }

@media screen and (max-width: 767px) {
  .jch-box-app_title{ margin-bottom: 10px; }
  .jch-box-app_title .jch-box-app_logo{ width: 101px; }
  .jch-box-app_title .jch-box-app_txt_wrap{ padding-left: 10px; }
  .jch-box-app_title .jch-box-app_head_info{ font-size: 1.6rem; margin-bottom: 10px; line-height: 1.2; }
  .jch-box-app_title .jch-box-app_head{ font-size: 3rem; }
  .jch-box-app_contents{ display: block; }
  .jch-box-app_contents .jch-box-app_img{ display: block; text-align: center ; width: 100%; margin-bottom: 20px; }
  .jch-box-app_contents .jch-box-app_img.l-sp-only{ width: 190px; }
  .jch-box-app_contents .jch-box-app_img .jch-box-app_img_caution{ text-indent: 0; padding-left: 0; }
  .jch-box-app_contents .jch-box-app_info{ display: block; padding-left: 0; }
  .jch-box-app_contents .jch-box-app_info .jch-box-app_point{ margin-bottom: 30px; }
  .jch-box-app_contents .jch-box-app_info .jch-box-app_point dl dt{ font-size: 1.6rem; width: 106px; }
  .jch-box-app_contents .jch-box-app_info .jch-box-app_point dl dt .jch-box-app_point_ico{ padding: 2px 20px; }
  .jch-box-app_contents .jch-box-app_info .jch-box-app_point dl dd{ font-size: 1.6rem; padding-left: 4px; }
  .jch-box-app_contents .jch-box-app_btn a:hover{opacity: 1; } }

/*動画-2カラム*/
.c-box-movie_wrap,
.jch-box-movie_wrap{ display: table; margin-bottom: 40px; }
.c-box-movie_wrap .movie-column2,
.jch-box-movie_wrap .movie-column2{ display: table-cell; width:50%; }
.c-box-movie_wrap .movie-column2:nth-child(2n-1),
.jch-box-movie_wrap .movie-column2:nth-child(2n-1){ padding-right: 10px; }
.c-box-movie_wrap .movie-column2:nth-child(2n),
.jch-box-movie_wrap .movie-column2:nth-child(2n){ padding-left: 10px; }

@media screen and (max-width: 767px) {
  .c-box-movie_wrap,
  .jch-box-movie_wrap{ margin-bottom: 20px; }
  .c-box-movie_wrap .movie-column2,
  .jch-box-movie_wrap .movie-column2{ width: 49%; margin-bottom: 20px; }
  .c-box-movie_wrap .movie-column2:nth-child(2n-1),
  .jch-box-movie_wrap .movie-column2:nth-child(2n-1){ padding-right: 1%; }
  .c-box-movie_wrap .movie-column2:nth-child(2n),
  .jch-box-movie_wrap .movie-column2:nth-child(2n){ padding-left: 1%; } }


