@charset "UTF-8";
/* =================================================================================================
　検索／基本スタイル
　https://www.wowow.co.jp/
　Copyright (C) WOWOW INC. ALL RIGHTS RESERVED.
================================================================================================= */
/* ----------------------------------------------------------------------------
　フォント
---------------------------------------------------------------------------- */
main {
  font-family: "Noto Sans Japanese", serif;
  background-color: #ddd;
}

/* ----------------------------------------------------------------------------
　共通コンテナ
---------------------------------------------------------------------------- */
.container2 {
  width: 1300px;
  margin: 0 auto;
}

@media screen and (max-width: 1366px) {
  .container2 {
    width: 1024px;
  }
}
@media screen and (max-width: 1024px) {
  .container2 {
    width: 95%;
  }
}
@media screen and (max-width: 592px) {
  .container2 {
    width: 95%;
  }
}
/* ----------------------------------------------------------------------------
　リセット
---------------------------------------------------------------------------- */
main ul {
  list-style: none;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}
main ul li {
  list-style: none;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

main {
  padding: 2rem 0 0 !important;
}

main a {
  outline: 0;
}

/* ----------------------------------------------------------------------------
　チェックボックス装飾
---------------------------------------------------------------------------- */
label.checkbox {
  background: url("../img/checkbox_my.svg") right center no-repeat;
  position: relative;
  background-size: 24px auto;
  cursor: pointer;
  min-width: 24px;
  min-height: 24px;
  line-height: 120%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
}
@media screen and (max-width: 800px) {
  label.checkbox {
    min-width: 15px;
    min-height: 15px;
    background-size: 15px auto;
  }
}

label.checkbox.active {
  background: url("../img/checkbox_my_active.svg") right center no-repeat;
  background-size: 24px auto;
}
@media screen and (max-width: 800px) {
  label.checkbox.active {
    background-size: 15px auto;
  }
}

label.checkbox input {
  position: absolute;
  left: -9999px;
}

/* ----------------------------------------------------------------------------
　ラジオ装飾
---------------------------------------------------------------------------- */
label.radio {
  background: url("../img/label_radio.svg") 0 0 no-repeat;
  background-size: 20px auto;
  position: relative;
  padding: 0.1rem 0 0.1rem 28px;
  cursor: pointer;
  min-height: 24px;
  line-height: 120%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
}
@media screen and (max-width: 592px) {
  label.radio {
    padding: 0.1rem 0 0.1rem 28px;
  }
}

label.radio.active {
  background: url("../img/label_radio_active.svg") 0 0 no-repeat;
  background-size: 20px auto;
}

label.radio input {
  position: absolute;
  left: -9999px;
}

/* ----------------------------------------------------------------------------
　セレクトボックス装飾
---------------------------------------------------------------------------- */
select {
  -webkit-appearance: none;
  width: 100%;
  display: block;
  border: 1px solid #ccc;
  padding: 0.5rem;
  margin-bottom: 0.5rem;
  background: url("../img/icon_arrow_down.png") right 5px top 50% no-repeat;
  background-size: 5px auto;
}

/* ----------------------------------------------------------------------------
　検索BOX
---------------------------------------------------------------------------- */
main {
  padding-top: 2.5rem !important;
  color: #222;
}
@media screen and (max-width: 592px) {
  main {
    padding-top: 1rem !important;
  }
}

#search_box {
  width: 1200px;
  margin: 0 auto 3.7rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media screen and (max-width: 1280px) {
  #search_box {
    width: 95%;
    margin-bottom: 2rem;
  }
}
@media screen and (max-width: 592px) {
  #search_box {
    margin-bottom: 1.4rem;
  }
}
@media screen and (max-width: 592px) {
  #search_box {
    display: block;
  }
}

.search_text_area {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  margin-right: 3rem;
}
@media screen and (max-width: 1024px) {
  .search_text_area {
    margin-right: 1.5rem;
  }
}
@media screen and (max-width: 592px) {
  .search_text_area {
    margin: 0 0 1.5rem 0;
  }
}

/* 検索期間 */
#search_period {
  font-size: 0.75rem;
  margin-bottom: 0.5rem;
  text-align: right;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  display: none;
}
@media screen and (max-width: 592px) {
  #search_period {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}

form[name=searchForm] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
@media screen and (max-width: 592px) {
  form[name=searchForm] {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}

form[name=searchForm] input[name=searchText] {
  width: 85%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 1.4rem;
  line-height: 120%;
  -webkit-appearance: none;
  padding: 0.7rem 1rem 0.7rem 3.5rem;
  border: none;
  border-right: none;
  background: url("../img/search_box_icon.svg") 1.2rem center no-repeat;
  background-color: #fff;
  background-size: 25px;
  border-radius: 8px 0 0 8px;
  border: 1px solid #0057a5;
}
@media screen and (max-width: 800px) {
  form[name=searchForm] input[name=searchText] {
    font-size: 1.275rem;
  }
}
@media screen and (max-width: 592px) {
  form[name=searchForm] input[name=searchText] {
    width: 80%;
    font-size: 1rem;
    padding: 0.5rem 1rem 0.5rem 3rem;
    background-size: 18px;
    border-radius: 5px 0 0 5px;
  }
}

/* ガイドテキスト */
form[name=searchForm] input[name=searchText]::-webkit-input-placeholder {
  font-size: 1.4rem;
  line-height: 120%;
  color: #bbb;
  position: relative;
}
form[name=searchForm] input[name=searchText]::-moz-placeholder {
  font-size: 1.4rem;
  line-height: 120%;
  color: #bbb;
  position: relative;
}
form[name=searchForm] input[name=searchText]:-ms-input-placeholder {
  font-size: 1.4rem;
  line-height: 120%;
  color: #bbb;
  position: relative;
}
form[name=searchForm] input[name=searchText]::-ms-input-placeholder {
  font-size: 1.4rem;
  line-height: 120%;
  color: #bbb;
  position: relative;
}
form[name=searchForm] input[name=searchText]::placeholder {
  font-size: 1.4rem;
  line-height: 120%;
  color: #bbb;
  position: relative;
}
@media screen and (max-width: 800px) {
  form[name=searchForm] input[name=searchText]::-webkit-input-placeholder {
    font-size: 1.275rem;
  }
  form[name=searchForm] input[name=searchText]::-moz-placeholder {
    font-size: 1.275rem;
  }
  form[name=searchForm] input[name=searchText]:-ms-input-placeholder {
    font-size: 1.275rem;
  }
  form[name=searchForm] input[name=searchText]::-ms-input-placeholder {
    font-size: 1.275rem;
  }
  form[name=searchForm] input[name=searchText]::placeholder {
    font-size: 1.275rem;
  }
}
@media screen and (max-width: 592px) {
  form[name=searchForm] input[name=searchText]::-webkit-input-placeholder {
    line-height: 160%;
    font-size: 1rem;
  }
  form[name=searchForm] input[name=searchText]::-moz-placeholder {
    line-height: 160%;
    font-size: 1rem;
  }
  form[name=searchForm] input[name=searchText]:-ms-input-placeholder {
    line-height: 160%;
    font-size: 1rem;
  }
  form[name=searchForm] input[name=searchText]::-ms-input-placeholder {
    line-height: 160%;
    font-size: 1rem;
  }
  form[name=searchForm] input[name=searchText]::placeholder {
    line-height: 160%;
    font-size: 1rem;
  }
}

form[name=searchForm] input[type=submit] {
  width: 15%;
  cursor: pointer;
  background-color: #0057a5;
  color: #fff;
  font-size: 1.2rem;
  border-radius: 0 8px 8px 0;
}
form[name=searchForm] input[type=submit]:hover {
  opacity: 0.8;
}
@media screen and (max-width: 1024px) {
  form[name=searchForm] input[type=submit] {
    width: 25%;
  }
}
@media screen and (max-width: 592px) {
  form[name=searchForm] input[type=submit] {
    width: 20%;
    font-size: 1rem;
    border-radius: 0 5px 5px 0;
  }
}

/* search_btn_area */
.search_btn_area {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 470px;
          flex: 0 0 470px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media screen and (max-width: 1024px) {
  .search_btn_area {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 390px;
            flex: 0 0 390px;
  }
}
@media screen and (max-width: 800px) {
  .search_btn_area {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 320px;
            flex: 0 0 320px;
  }
}
.search_btn_area li {
  width: 48.5%;
}

.search_btn_area li a {
  display: block;
  background-color: #e9f6ff;
  border: 1px solid #0056a7;
  padding: 0.4rem 1rem;
  color: #0056a7;
  font-size: 0.82rem;
  line-height: 120%;
  border-radius: 5px;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .search_btn_area li a {
    padding: 0.5rem 0.5rem;
  }
}
@media screen and (max-width: 800px) {
  .search_btn_area li a {
    padding: 0.3rem 0.5rem;
  }
}
@media screen and (max-width: 592px) {
  .search_btn_area li a {
    padding: 0.5rem 0.7rem;
  }
}
.search_btn_area li a:hover {
  opacity: 0.8;
}

.search_btn_area li a .sub {
  font-size: 0.7rem;
  margin-bottom: 0.2rem;
}
@media screen and (max-width: 800px) {
  .search_btn_area li a .sub {
    font-size: 0.6rem;
  }
}

.search_btn_area li a .txt {
  font-size: 0.8rem;
  font-weight: 600;
}
@media screen and (max-width: 800px) {
  .search_btn_area li a .txt {
    font-size: 0.7rem;
  }
}
@media screen and (max-width: 592px) {
  .search_btn_area li a .txt {
    font-size: 0.75rem;
  }
}

.search_btn_area li a span {
  position: absolute;
  top: 0rem;
  right: 0.2rem;
  height: 100%;
  font-size: 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (max-width: 800px) {
  .search_btn_area li a span {
    font-size: 0.7rem;
  }
}
@media screen and (max-width: 592px) {
  .search_btn_area li a span {
    font-size: 1.125rem;
    right: 0.2rem;
  }
}

/* ----------------------------------------------------------------------------
　検索条件
---------------------------------------------------------------------------- */
#tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  z-index: 2;
  top: 1px;
  display: none;
}

#tab li {
  width: 32.3%;
}
@media screen and (max-width: 592px) {
  #tab li {
    width: 33%;
  }
}

#tab li a {
  display: block;
  border: 1px solid #0057a5;
  border-bottom: none !important;
  background-color: #0057a5;
  color: #fff;
  padding: 0.5rem 0;
  font-size: 1.4rem;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  #tab li a {
    font-size: 1.275rem;
  }
}
@media screen and (max-width: 800px) {
  #tab li a {
    font-size: 1rem;
  }
}
@media screen and (max-width: 592px) {
  #tab li a {
    font-size: 0.9rem;
    padding: 0.5rem 0rem;
  }
}
#tab li a:hover {
  border: 1px solid #80acd3;
  background-color: #80acd3;
  color: #fff;
}
#tab li a.active {
  border: 1px solid !important;
  border-bottom: none !important;
  background-color: #fff;
  color: #0057a5;
}
#tab li a.active {
  cursor: default;
}

#tab .tab_program {
  width: 72%;
}
@media screen and (max-width: 592px) {
  #tab .tab_program {
    width: 65%;
  }
}

#tab .tab_ondemand {
  width: 27%;
}
@media screen and (max-width: 592px) {
  #tab .tab_ondemand {
    width: 33%;
  }
}

#tab .tab_ondemand a {
  background-color: #222 !important;
  border: none !important;
  font-size: 1rem;
  padding: 0.6rem 0;
  position: relative;
}
@media screen and (max-width: 1024px) {
  #tab .tab_ondemand a {
    font-size: 0.8rem;
  }
}
@media screen and (max-width: 800px) {
  #tab .tab_ondemand a {
    font-size: 0.7rem;
    line-height: 100%;
    padding: 0.6rem 0rem 0.6rem 0.5rem;
    text-align: left;
  }
}
@media screen and (max-width: 592px) {
  #tab .tab_ondemand a {
    padding: 0.6rem 0rem 0.6rem 0.5rem;
  }
}
#tab .tab_ondemand a span {
  margin-left: 0.5rem;
}
@media screen and (max-width: 800px) {
  #tab .tab_ondemand a span {
    position: absolute;
    top: 0rem;
    right: 0.2rem;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media screen and (max-width: 592px) {
  #tab .tab_ondemand a span {
    right: 0.4rem;
  }
}
#tab .tab_ondemand a:hover {
  opacity: 0.8;
}

/* ----------------------------------------------------------------------------
　タブ大枠
---------------------------------------------------------------------------- */
.tab_wrapper {
  display: none;
  background-color: #fff;
  padding-top: 4rem;
}
.tab_wrapper#tab_program {
  padding-top: 2.2rem;
}
@media screen and (max-width: 592px) {
  .tab_wrapper {
    padding-top: 3rem;
  }
  .tab_wrapper#tab_program {
    padding-top: 1rem;
  }
}

@media screen and (max-width: 592px) {
  .tab_wrapper .container2 {
    width: 100%;
  }
}

/* ----------------------------------------------------------------------------
　共通見出し
---------------------------------------------------------------------------- */
.md_title {
  font-size: 1.65rem;
  line-height: 120%;
  letter-spacing: -0.5px;
  font-weight: 300;
}
@media screen and (max-width: 1024px) {
  .md_title {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 800px) {
  .md_title {
    font-size: 1.3rem;
  }
}

/* ----------------------------------------------------------------------------
　番組オフィシャルサイト
---------------------------------------------------------------------------- */
.official {
  position: relative;
  margin-bottom: 6.5rem;
}
@media screen and (max-width: 592px) {
  .official {
    margin-bottom: 4rem;
  }
}

.official .total_wrapper {
  font-size: 1rem;
  letter-spacing: 1px;
}
.official .total_wrapper .total {
  color: #ff6900;
  margin: 0 0.1rem;
}
@media screen and (max-width: 592px) {
  .official .total_wrapper {
    font-size: 0.9rem;
  }
}

.official .title_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 1.5rem;
}
@media screen and (max-width: 592px) {
  .official .title_area {
    margin-bottom: 0.5rem;
  }
}

@media screen and (max-width: 800px) {
  .official .title_area .md_title {
    width: 50%;
  }
}
@media screen and (max-width: 592px) {
  .official .title_area .md_title {
    width: 100%;
  }
}

.official .slider_case {
  margin-bottom: 1rem;
}

.official .slider_case li a {
  display: block;
  background-color: #ebf5ff;
  margin-bottom: 2px;
  padding: 1rem 2.2rem 1rem 1rem;
  position: relative;
}
.official .slider_case li a:hover {
  opacity: 0.8;
}

.official .slider_case li a span {
  position: absolute;
  top: 0rem;
  right: 0.5rem;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

/* ----------------------------------------------------------------------------
　ページング
---------------------------------------------------------------------------- */
.official_paging {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0.875rem;
  margin-left: 1.5rem;
  margin-top: 0.2rem;
}
@media screen and (max-width: 592px) {
  .official_paging {
    margin-left: 0rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.official_paging .max_prev {
  margin-right: 1.8rem;
}

.official_paging .max_prev a {
  display: block;
  width: 19px;
  height: 19px;
  text-indent: -9999px;
  background: url("../img/paging_max_prev.svg") 0 0 no-repeat;
  background-size: 100% auto;
}
.official_paging .max_prev a:not(.off):hover {
  opacity: 0.8;
}
.official_paging .max_prev a.off {
  background: url("../img/paging_max_prev_off.svg") 0 0 no-repeat;
  background-size: 100% auto;
  cursor: default;
}
@media screen and (max-width: 1024px) {
  .official_paging .max_prev a {
    width: 15px;
    height: 15px;
  }
}
@media screen and (max-width: 592px) {
  .official_paging .max_prev a {
    width: 19px;
    height: 19px;
  }
}

.official_paging .prev a {
  display: block;
  width: 19px;
  height: 19px;
  text-indent: -9999px;
  background: url("../img/paging_prev.svg") 0 0 no-repeat;
  background-size: 100% auto;
}
.official_paging .prev a:not(.off):hover {
  opacity: 0.8;
}
.official_paging .prev a.off {
  background: url("../img/paging_prev_off.svg") 0 0 no-repeat;
  background-size: 100% auto;
  cursor: default;
}
@media screen and (max-width: 1024px) {
  .official_paging .prev a {
    width: 15px;
    height: 15px;
  }
}
@media screen and (max-width: 592px) {
  .official_paging .prev a {
    width: 19px;
    height: 19px;
  }
}

.official_paging .number {
  font-size: 1.275rem;
  line-height: 110%;
  letter-spacing: 3px;
  margin: 0 3rem;
  position: relative;
  top: -0.2rem;
}
@media screen and (max-width: 1024px) {
  .official_paging .number {
    font-size: 1rem;
    margin: 0 2rem;
  }
}

.official_paging .next {
  margin-right: 1.8rem;
}

.official_paging .next a {
  display: block;
  width: 19px;
  height: 19px;
  text-indent: -9999px;
  background: url("../img/paging_next.svg") 0 0 no-repeat;
  background-size: 100% auto;
}
.official_paging .next a:not(.off):hover {
  opacity: 0.8;
}
.official_paging .next a.off {
  background: url("../img/paging_next_off.svg") 0 0 no-repeat;
  background-size: 100% auto;
  cursor: default;
}
@media screen and (max-width: 1024px) {
  .official_paging .next a {
    width: 15px;
    height: 15px;
  }
}
@media screen and (max-width: 592px) {
  .official_paging .next a {
    width: 19px;
    height: 19px;
  }
}

.official_paging .max_next a {
  display: block;
  width: 19px;
  height: 19px;
  text-indent: -9999px;
  background: url("../img/paging_max_next.svg") 0 0 no-repeat;
  background-size: 100% auto;
}
.official_paging .max_next a:not(.off):hover {
  opacity: 0.8;
}
.official_paging .max_next a.off {
  background: url("../img/paging_max_next_off.svg") 0 0 no-repeat;
  background-size: 100% auto;
  cursor: default;
}
@media screen and (max-width: 1024px) {
  .official_paging .max_next a {
    width: 15px;
    height: 15px;
  }
}
@media screen and (max-width: 592px) {
  .official_paging .max_next a {
    width: 19px;
    height: 19px;
  }
}

.official_paging ul {
  display: none;
}

.official_paging ul li.on {
  background-color: #666;
}

/* ----------------------------------------------------------------------------
　アンカーリンク
---------------------------------------------------------------------------- */
.anchor_link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 2;
  margin-bottom: 3.5rem;
}
@media screen and (max-width: 592px) {
  .anchor_link {
    width: 95%;
    margin: 0 auto 1.5rem;
  }
}

.anchor_link li {
  margin-right: 1.5rem;
}
@media screen and (max-width: 1366px) {
  .anchor_link li {
    margin-right: 1rem;
  }
}
@media screen and (max-width: 592px) {
  .anchor_link li {
    margin-right: 0.5rem;
  }
}
.anchor_link li:last-child {
  margin-right: 0rem;
}

.anchor_link li a {
  font-size: 1rem;
  line-height: 120%;
  padding: 0 10px 0 0;
  background: url("../img/arrow_down.svg") right center no-repeat;
  background-size: 10px auto;
}
@media screen and (max-width: 592px) {
  .anchor_link li a {
    font-size: 2.8vw;
    letter-spacing: -1px;
  }
}
.anchor_link li a:hover {
  border-bottom: 1px solid #000;
}

.anchor_link li a .total {
  color: #ff6900;
  margin: 0 0.2rem;
}

/* ----------------------------------------------------------------------------
　各レコード重ね順
---------------------------------------------------------------------------- */
#program_title {
  position: relative;
  z-index: 10;
}

#cast_staff {
  position: relative;
  z-index: 5;
}

@media screen and (max-width: 592px) {
  .result_wrapper_inner {
    background-color: #f4f4f4;
    padding: 0 0rem 1.5rem;
  }
}

/* 特集で一致した結果のみ上マージン空ける */
@media screen and (max-width: 592px) {
  #special .result_wrapper_inner {
    padding: 0.1rem 0rem 1.5rem;
  }
}

/* サイト内で一致した結果のみ上マージン空ける */
@media screen and (max-width: 592px) {
  #result_site .result_wrapper_inner {
    padding: 0.1rem 0rem 1.5rem;
  }
}

/* ----------------------------------------------------------------------------
　タイトルエリア
---------------------------------------------------------------------------- */
.title_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 2.5rem;
}
@media screen and (max-width: 592px) {
  .title_area {
    margin: 0 2.5% 0.5rem;
  }
}

.title_area h2 {
  margin-right: 1.1rem;
}
@media screen and (max-width: 592px) {
  .title_area h2 {
    margin-right: 0.3rem;
  }
}

/* ----------------------------------------------------------------------------
　36 件中 1～10件 を表示
---------------------------------------------------------------------------- */
.range {
  line-height: 120%;
  position: relative;
  top: -1px;
}
@media screen and (max-width: 592px) {
  .range {
    font-size: 0.9rem;
  }
}

.range .total,
.range .start,
.range .end {
  color: #ff6900;
  margin: 0 0.2rem;
}

@media screen and (max-width: 592px) {
  .range .is-visible-sd {
    display: inline-block !important;
  }
}

/* ----------------------------------------------------------------------------
　絞り込みエリア
---------------------------------------------------------------------------- */
.narrow_area {
  position: relative;
  z-index: 2;
  margin-bottom: 0.8rem;
}
@media screen and (max-width: 800px) {
  .narrow_area {
    display: block;
  }
}
@media screen and (max-width: 592px) {
  .narrow_area {
    padding-top: 0rem;
    padding-bottom: 0;
    margin-bottom: 0;
  }
}

.narrow_area .narrow_title {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 1rem;
  position: relative;
  padding: 1.5rem 5% 1rem;
  background-color: #f4f4f4;
}
.narrow_area .narrow_title span {
  display: inline-block;
  margin-right: 0.2rem;
  position: relative;
  top: -0.1rem;
}
.narrow_area .narrow_title span img {
  width: 1rem;
}
.narrow_area .narrow_title .up {
  display: none;
}
.narrow_area .narrow_title.active .up {
  display: inline-block;
}
.narrow_area .narrow_title.active .down {
  display: none;
}

.narrow_inner {
  width: 100%;
  position: relative;
}
@media screen and (max-width: 592px) {
  .narrow_inner {
    display: none;
    margin-top: 0rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 1.2rem 1rem;
  }
}

@media screen and (max-width: 592px) {
  .narrow_inner.active {
    display: block;
    -webkit-animation: narrowAnime 0.3s ease-in-out 0s forwards;
            animation: narrowAnime 0.3s ease-in-out 0s forwards;
  }
}

@-webkit-keyframes narrowAnime {
  0% {
    opacity: 0;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}

@keyframes narrowAnime {
  0% {
    opacity: 0;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}
.narrow_line {
  width: calc(100% - 155px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 1366px) {
  .narrow_line {
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

.movie_narrow_wrapper {
  width: 100%;
}

.pulldown_number {
  position: absolute !important;
  right: 0rem;
  /*bottom: 0.8rem;*/
  top: 0rem;
  margin: 0 0 0 0 !important;
}
@media screen and (max-width: 1366px) {
  .pulldown_number {
    position: relative !important;
    bottom: 0rem;
  }
}

#tab_site .pulldown_number {
  top: -2.5rem;
}
@media screen and (max-width: 1366px) {
  #tab_site .pulldown_number {
    top: 0rem;
  }
}

/* 閉じる */
.narrow_inner .btn_close {
  width: 100%;
  margin: 0.5rem auto 0;
}

.narrow_inner .btn_close a {
  display: block;
  z-index: 100;
  text-align: center;
  padding: 0.5rem 0;
  line-height: 150%;
}
.narrow_inner .btn_close a span {
  font-size: 1.275rem;
}

/* オンデマンドとサイト内だけ上マージンなし */
#result_ondemand .narrow_inner .btn_close {
  margin: 0 auto 0;
}

#result_site .narrow_inner .btn_close {
  margin: 0.8rem auto 0;
}

/* ----------------------------------------------------------------------------
　下部エリア
---------------------------------------------------------------------------- */
.foot_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
@media screen and (max-width: 592px) {
  .foot_area {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

/* ----------------------------------------------------------------------------
　ページング
---------------------------------------------------------------------------- */
.paging {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0.875rem;
  margin-left: 1.5rem;
  margin-top: 0.2rem;
}
@media screen and (max-width: 592px) {
  .paging {
    margin-left: 0rem;
  }
}

.paging .max_prev {
  margin-right: 1.8rem;
}

.paging .max_prev a {
  display: block;
  width: 19px;
  height: 19px;
  text-indent: -9999px;
  background: url("../img/paging_max_prev.svg") 0 0 no-repeat;
  background-size: 100% auto;
}
.paging .max_prev a:not(.off):hover {
  opacity: 0.8;
}
.paging .max_prev a.off {
  background: url("../img/paging_max_prev_off.svg") 0 0 no-repeat;
  background-size: 100% auto;
  cursor: default;
}
@media screen and (max-width: 1024px) {
  .paging .max_prev a {
    width: 15px;
    height: 15px;
  }
}
@media screen and (max-width: 592px) {
  .paging .max_prev a {
    width: 19px;
    height: 19px;
  }
}

.paging .prev a {
  display: block;
  width: 19px;
  height: 19px;
  text-indent: -9999px;
  background: url("../img/paging_prev.svg") 0 0 no-repeat;
  background-size: 100% auto;
}
.paging .prev a:not(.off):hover {
  opacity: 0.8;
}
.paging .prev a.off {
  background: url("../img/paging_prev_off.svg") 0 0 no-repeat;
  background-size: 100% auto;
  cursor: default;
}
@media screen and (max-width: 1024px) {
  .paging .prev a {
    width: 15px;
    height: 15px;
  }
}
@media screen and (max-width: 592px) {
  .paging .prev a {
    width: 19px;
    height: 19px;
  }
}

.paging .number {
  font-size: 1.275rem;
  line-height: 110%;
  letter-spacing: 3px;
  margin: 0 3rem;
  position: relative;
  top: -0.2rem;
}
@media screen and (max-width: 1024px) {
  .paging .number {
    font-size: 1rem;
    margin: 0 2rem;
  }
}

.paging .next {
  margin-right: 1.8rem;
}

.paging .next a {
  display: block;
  width: 19px;
  height: 19px;
  text-indent: -9999px;
  background: url("../img/paging_next.svg") 0 0 no-repeat;
  background-size: 100% auto;
}
.paging .next a:not(.off):hover {
  opacity: 0.8;
}
.paging .next a.off {
  background: url("../img/paging_next_off.svg") 0 0 no-repeat;
  background-size: 100% auto;
  cursor: default;
}
@media screen and (max-width: 1024px) {
  .paging .next a {
    width: 15px;
    height: 15px;
  }
}
@media screen and (max-width: 592px) {
  .paging .next a {
    width: 19px;
    height: 19px;
  }
}

.paging .max_next a {
  display: block;
  width: 19px;
  height: 19px;
  text-indent: -9999px;
  background: url("../img/paging_max_next.svg") 0 0 no-repeat;
  background-size: 100% auto;
}
.paging .max_next a:not(.off):hover {
  opacity: 0.8;
}
.paging .max_next a.off {
  background: url("../img/paging_max_next_off.svg") 0 0 no-repeat;
  background-size: 100% auto;
  cursor: default;
}
@media screen and (max-width: 1024px) {
  .paging .max_next a {
    width: 15px;
    height: 15px;
  }
}
@media screen and (max-width: 592px) {
  .paging .max_next a {
    width: 19px;
    height: 19px;
  }
}

/* ----------------------------------------------------------------------------
　検索結果（共通）
---------------------------------------------------------------------------- */
.result {
  margin-bottom: 1.8rem;
}
@media screen and (max-width: 592px) {
  .result {
    margin: 0.7rem 2.5% 1.5rem;
  }
}

/* 項目名 */
.result .item_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 592px) {
  .result .item_inner {
    display: none;
  }
}

.result .item p {
  background-color: #666;
  color: #fff;
  font-size: 0.8rem;
  font-weight: 500;
  line-height: 120%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0.6rem 0.2rem;
  border-left: 1px solid #a7a7a7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}
.result .item p:last-child {
  border-right: 1px solid #a7a7a7;
}
@media screen and (max-width: 1366px) {
  .result .item p {
    font-size: 0.75rem;
  }
}
@media screen and (max-width: 1024px) {
  .result .item p {
    letter-spacing: -0.5px;
  }
}
@media screen and (max-width: 800px) {
  .result .item p {
    font-size: 0.65rem;
  }
}
.result .item p[sort] {
  cursor: pointer;
}
.result .item p[sort]:hover {
  background-color: #222;
}

/* 昇順 */
.result .item p.asc {
  background-color: #222;
}

.result .item p.asc span {
  background: url("../img/arrow_down_white.svg") right 0px top 50% no-repeat;
  background-size: 8px auto;
  padding-right: 12px;
}
@media screen and (max-width: 1024px) {
  .result .item p.asc span {
    background-size: 5px auto;
    padding: 0 0 10px 0;
    background-position: center bottom;
  }
}

/* 降順 */
.result .item p.desc {
  background-color: #222;
}

.result .item p.desc span {
  background: url("../img/arrow_up_white.svg") right 0px top 50% no-repeat;
  background-size: 8px auto;
  padding-right: 12px;
}
@media screen and (max-width: 1024px) {
  .result .item p.desc span {
    background-size: 5px auto;
    padding: 0 0 10px 0;
    background-position: center bottom;
  }
}

/* 値 */
.result .record {
  position: relative;
}
@media screen and (max-width: 592px) {
  .result .record {
    margin-bottom: 0.7rem;
  }
}

.result .record a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  outline: 0;
}
@media screen and (min-width: 593px) {
  .result .record a:hover {
    background-color: #f5f5f5;
  }
}
@media screen and (max-width: 592px) {
  .result .record a {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    background-color: #fff;
    padding: 0.9rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

/* マイ番組登録済がある場合 */
.result .record.my_settled_color a {
  background-color: #edf3f9;
}
@media screen and (min-width: 593px) {
  .result .record.my_settled_color a:hover {
    background-color: #deeefe;
  }
}
@media screen and (max-width: 592px) {
  .result .record.my_settled_color a {
    border: 1px solid #aed5fb;
  }
}
.result .record.my_settled_color .my {
  text-align: center;
  color: #ff0000;
}

.result .record a p {
  font-size: 0.8rem;
  line-height: 150%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 1.6rem 0.5rem;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.result .record a p:last-child {
  border-right: 1px solid #ddd;
}
@media screen and (max-width: 800px) {
  .result .record a p {
    font-size: 0.6rem;
    padding: 0.8rem 0.2rem;
  }
}
@media screen and (max-width: 592px) {
  .result .record a p {
    font-size: 0.875rem;
    border: none !important;
    padding: 0;
  }
}

@media screen and (max-width: 800px) and (min-width: 593px) {
  .result .record a p .lbl-tv-red,
  .result .record a p .lbl-tv {
    -webkit-transform: scale(0.75);
            transform: scale(0.75);
  }
}
@media screen and (max-width: 800px) {
  .result .record a p .lbl-tv-red,
  .result .record a p .lbl-tv {
    font-size: 10px;
  }
}
.result .record .my {
  cursor: default;
  padding: 0 0 0 0;
}

.result .record .my .checkbox {
  height: 100%;
  width: 100%;
  text-indent: -9999px;
  background-position: center center;
}
.result .record .my .checkbox:hover {
  background-color: #fcffe0;
}

/* ----------------------------------------------------------------------------
　番組タイトルで一致した結果
---------------------------------------------------------------------------- */
#program_title {
  margin-bottom: 6rem;
}
@media screen and (max-width: 592px) {
  #program_title {
    margin-bottom: 4.5rem;
  }
}

/* 番組タイトル */
#program_title .result .item .title,
#program_title .result .record .title {
  width: 44%;
}
@media screen and (max-width: 1366px) {
  #program_title .result .item .title,
  #program_title .result .record .title {
    width: 44%;
  }
}
@media screen and (max-width: 592px) {
  #program_title .result .item .title,
  #program_title .result .record .title {
    width: 100%;
    font-size: 0.875rem;
    font-weight: 600;
    margin-bottom: 0.3rem;
  }
}

#program_title .result .record .title {
  font-size: 0.9rem;
}
@media screen and (max-width: 800px) {
  #program_title .result .record .title {
    font-size: 0.8rem;
  }
}
@media screen and (max-width: 592px) {
  #program_title .result .record .title {
    font-size: 1rem;
    color: #0057a5;
  }
}

/* 放送日時 */
#program_title .result .item .oa,
#program_title .result .record .oa {
  width: 13%;
}
@media screen and (max-width: 1366px) {
  #program_title .result .item .oa,
  #program_title .result .record .oa {
    width: 9%;
  }
}
@media screen and (max-width: 592px) {
  #program_title .result .item .oa,
  #program_title .result .record .oa {
    width: 100%;
    font-size: 0.875rem;
    margin-bottom: 0.5rem;
  }
}

/* チャンネル */
#program_title .result .item .ch,
#program_title .result .record .ch {
  width: 7%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (max-width: 1366px) {
  #program_title .result .item .ch,
  #program_title .result .record .ch {
    width: 8%;
  }
}
#program_title .result .item .ch img,
#program_title .result .record .ch img {
  width: 62px;
}
@media screen and (max-width: 1024px) {
  #program_title .result .item .ch img,
  #program_title .result .record .ch img {
    width: 80%;
  }
}
@media screen and (max-width: 592px) {
  #program_title .result .item .ch,
  #program_title .result .record .ch {
    display: none;
  }
}

/* 放送同時配信 */
#program_title .result .item .simulcast,
#program_title .result .record .simulcast {
  width: 9%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (max-width: 1366px) {
  #program_title .result .item .simulcast,
  #program_title .result .record .simulcast {
    width: 10%;
  }
}
@media screen and (max-width: 592px) {
  #program_title .result .item .simulcast,
  #program_title .result .record .simulcast {
    display: none;
  }
}

@media screen and (max-width: 592px) {
  #program_title .result .record .simulcast {
    display: block;
    width: auto;
    margin: 0 0 0 0.3rem;
    position: relative;
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }
}

#program_title .result .record .simulcast img.js-modal {
  width: 19px;
  margin-left: 0.2rem;
}
@media screen and (max-width: 1024px) {
  #program_title .result .record .simulcast img.js-modal {
    width: 17px;
  }
}
@media screen and (max-width: 800px) {
  #program_title .result .record .simulcast img.js-modal {
    width: 12px;
  }
}
@media screen and (max-width: 592px) {
  #program_title .result .record .simulcast img.js-modal {
    width: 15px;
    margin-left: 0.1rem;
    margin-right: 0.2rem;
  }
}

/* ジャンル */
#program_title .result .item .genre,
#program_title .result .record .genre {
  width: 9%;
  padding-left: 0rem;
  padding-right: 0rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (max-width: 1366px) {
  #program_title .result .item .genre,
  #program_title .result .record .genre {
    width: 10%;
  }
}
@media screen and (max-width: 592px) {
  #program_title .result .item .genre,
  #program_title .result .record .genre {
    display: none;
  }
}

/* 初回 */
#program_title .result .item .first,
#program_title .result .record .first {
  width: 4%;
  padding-left: 0rem;
  padding-right: 0rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (max-width: 1366px) {
  #program_title .result .item .first,
  #program_title .result .record .first {
    width: 5%;
  }
}
@media screen and (max-width: 592px) {
  #program_title .result .item .first,
  #program_title .result .record .first {
    width: auto;
    margin: 0 0 0 0;
  }
}

/* 無料放送 */
#program_title .result .item .free,
#program_title .result .record .free {
  width: 5%;
  padding-left: 0rem;
  padding-right: 0rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (max-width: 1366px) {
  #program_title .result .item .free,
  #program_title .result .record .free {
    width: 5%;
  }
}
@media screen and (max-width: 592px) {
  #program_title .result .item .free,
  #program_title .result .record .free {
    width: auto;
    margin: 0 0 0 0;
    position: relative;
    left: -1px;
  }
}

/* 言語 */
#program_title .result .item .lang,
#program_title .result .record .lang {
  width: 9%;
  padding-left: 0rem;
  padding-right: 0rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (max-width: 1366px) {
  #program_title .result .item .lang,
  #program_title .result .record .lang {
    width: 9%;
  }
}
@media screen and (max-width: 592px) {
  #program_title .result .item .lang,
  #program_title .result .record .lang {
    width: auto;
    margin: 0 0 0 0;
    position: relative;
    left: -2px;
  }
}

/* ----------------------------------------------------------------------------
　出演・スタッフで一致した結果
---------------------------------------------------------------------------- */
#cast_staff {
  margin-bottom: 6rem;
}
@media screen and (max-width: 592px) {
  #cast_staff {
    margin-bottom: 4.5rem;
  }
}

#cast_staff .result .item .cast,
#cast_staff .result .record .cast {
  width: 24%;
  /*@include mq(md){
  	width: 15%;
  }*/
}
@media screen and (max-width: 1366px) {
  #cast_staff .result .item .cast,
  #cast_staff .result .record .cast {
    width: 24%;
  }
}
@media screen and (max-width: 592px) {
  #cast_staff .result .item .cast,
  #cast_staff .result .record .cast {
    font-size: 0.875rem;
    width: 100%;
    font-weight: 600;
  }
}

#cast_staff .result .record .cast {
  font-size: 0.9rem;
}
#cast_staff .result .record .cast .cast_name {
  display: block;
  margin-bottom: 1rem;
}
#cast_staff .result .record .cast .cast_name:last-child {
  margin-bottom: 0rem;
}
@media screen and (max-width: 800px) {
  #cast_staff .result .record .cast {
    font-size: 0.8rem;
  }
}
@media screen and (max-width: 592px) {
  #cast_staff .result .record .cast {
    font-size: 1rem;
    border-bottom: 1px solid #ccc !important;
    padding-bottom: 0.5rem;
    margin-bottom: 0.5rem;
    color: #0057a5;
  }
}

#cast_staff .result .item .title,
#cast_staff .result .record .title {
  width: 27%;
  /*@include mq(md){
  	width: 15%;
  }*/
}
@media screen and (max-width: 1366px) {
  #cast_staff .result .item .title,
  #cast_staff .result .record .title {
    width: 27%;
  }
}
@media screen and (max-width: 592px) {
  #cast_staff .result .item .title,
  #cast_staff .result .record .title {
    font-size: 0.875rem;
    width: 100%;
    margin-bottom: 0.3rem;
  }
}

#cast_staff .result .record .title {
  font-size: 1rem;
}
@media screen and (max-width: 800px) {
  #cast_staff .result .record .title {
    font-size: 0.8rem;
  }
}
@media screen and (max-width: 592px) {
  #cast_staff .result .record .title {
    font-size: 1rem;
  }
}

#cast_staff .result .item .oa,
#cast_staff .result .record .oa {
  width: 12%;
}
@media screen and (max-width: 1366px) {
  #cast_staff .result .item .oa,
  #cast_staff .result .record .oa {
    width: 8%;
  }
}
@media screen and (max-width: 592px) {
  #cast_staff .result .item .oa,
  #cast_staff .result .record .oa {
    font-size: 0.875rem;
    width: 100%;
    margin-bottom: 0.5rem;
  }
}

#cast_staff .result .item .ch,
#cast_staff .result .record .ch {
  width: 7%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (max-width: 1366px) {
  #cast_staff .result .item .ch,
  #cast_staff .result .record .ch {
    width: 7%;
  }
}
#cast_staff .result .item .ch img,
#cast_staff .result .record .ch img {
  width: 62px;
}
@media screen and (max-width: 1024px) {
  #cast_staff .result .item .ch img,
  #cast_staff .result .record .ch img {
    width: 80%;
  }
}
@media screen and (max-width: 592px) {
  #cast_staff .result .item .ch,
  #cast_staff .result .record .ch {
    display: none;
  }
}

#cast_staff .result .item .simulcast,
#cast_staff .result .record .simulcast {
  width: 8%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (max-width: 1366px) {
  #cast_staff .result .item .simulcast,
  #cast_staff .result .record .simulcast {
    width: 10%;
  }
}
@media screen and (max-width: 592px) {
  #cast_staff .result .item .simulcast,
  #cast_staff .result .record .simulcast {
    display: none;
  }
}

@media screen and (max-width: 592px) {
  #cast_staff .result .record .simulcast {
    display: block;
    width: auto;
    margin: 0 0 0 0.3rem;
    position: relative;
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }
}

#cast_staff .result .record .simulcast img.js-modal {
  width: 19px;
  margin-left: 0.2rem;
}
@media screen and (max-width: 1024px) {
  #cast_staff .result .record .simulcast img.js-modal {
    width: 17px;
  }
}
@media screen and (max-width: 800px) {
  #cast_staff .result .record .simulcast img.js-modal {
    width: 12px;
  }
}
@media screen and (max-width: 592px) {
  #cast_staff .result .record .simulcast img.js-modal {
    width: 15px;
    margin-left: 0.1rem;
    margin-right: 0.2rem;
  }
}

#cast_staff .result .item .genre,
#cast_staff .result .record .genre {
  width: 8%;
  padding-left: 0rem;
  padding-right: 0rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (max-width: 1366px) {
  #cast_staff .result .item .genre,
  #cast_staff .result .record .genre {
    width: 9%;
  }
}
@media screen and (max-width: 592px) {
  #cast_staff .result .item .genre,
  #cast_staff .result .record .genre {
    display: none;
  }
}

#cast_staff .result .item .first,
#cast_staff .result .record .first {
  width: 4%;
  padding-left: 0px;
  padding-right: 0px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  /*@include mq(md){
  	width: 9%;
  }*/
}
@media screen and (max-width: 1366px) {
  #cast_staff .result .item .first,
  #cast_staff .result .record .first {
    width: 4%;
  }
}
@media screen and (max-width: 592px) {
  #cast_staff .result .item .first,
  #cast_staff .result .record .first {
    width: auto;
    margin: 0 0 0 0;
  }
}

#cast_staff .result .item .free,
#cast_staff .result .record .free {
  width: 4%;
  padding-left: 0px;
  padding-right: 0px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  /*@include mq(md){
  	width: 9%;
  }*/
}
@media screen and (max-width: 1366px) {
  #cast_staff .result .item .free,
  #cast_staff .result .record .free {
    width: 4%;
  }
}
@media screen and (max-width: 592px) {
  #cast_staff .result .item .free,
  #cast_staff .result .record .free {
    width: auto;
    margin: 0 0 0 0;
    position: relative;
    left: -1px;
  }
}

#cast_staff .result .item .lang,
#cast_staff .result .record .lang {
  width: 6%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  /*@include mq(md){
  	width: 9%;
  }*/
}
@media screen and (max-width: 1366px) {
  #cast_staff .result .item .lang,
  #cast_staff .result .record .lang {
    width: 8%;
  }
}
@media screen and (max-width: 592px) {
  #cast_staff .result .item .lang,
  #cast_staff .result .record .lang {
    width: auto;
    margin: 0 0 0 0;
    position: relative;
    left: -2px;
  }
}

/* ----------------------------------------------------------------------------
　スマホ用スペックアイコン高さ
---------------------------------------------------------------------------- */
@media screen and (max-width: 592px) {
  .result .record img {
    height: 25px !important;
  }
}

/* ----------------------------------------------------------------------------
　特集で一致した結果
---------------------------------------------------------------------------- */
#special {
  margin-bottom: 3rem;
}

#special .result .item p {
  padding: 1.2rem 0.2rem;
}

#special .result .record p {
  padding: 1.5rem 0.5rem;
}
@media screen and (max-width: 800px) {
  #special .result .record p {
    padding: 1rem 0.2rem;
  }
}
@media screen and (max-width: 592px) {
  #special .result .record p {
    padding: 0;
  }
}

#special .result .item .title,
#special .result .record .title {
  width: 30%;
}
@media screen and (max-width: 592px) {
  #special .result .item .title,
  #special .result .record .title {
    width: 100%;
  }
}

#special .result .record .title {
  font-size: 1rem;
  line-height: 130%;
}
@media screen and (max-width: 800px) {
  #special .result .record .title {
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 592px) {
  #special .result .record .title {
    font-size: 1rem;
    color: #0057a5;
    font-weight: 600;
    border-bottom: 1px solid #ccc !important;
    padding-bottom: 0.5rem;
    margin-bottom: 0.5rem;
  }
}

#special .result .item .program_title,
#special .result .record .program_title {
  width: 70%;
}
@media screen and (max-width: 592px) {
  #special .result .item .program_title,
  #special .result .record .program_title {
    width: 100%;
  }
}

#special .result .record .program_title {
  font-size: 1rem;
  line-height: 130%;
}
@media screen and (max-width: 800px) {
  #special .result .record .program_title {
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 592px) {
  #special .result .record .program_title {
    font-size: 1rem;
  }
}

#special .result .record .special_program_title {
  display: block;
  margin-bottom: 0.5rem;
}
#special .result .record .special_program_title:last-child {
  margin-bottom: 0rem;
}

/* ----------------------------------------------------------------------------
　オンデマンド配信タイトルで一致した結果
---------------------------------------------------------------------------- */
#result_ondemand {
  margin-bottom: 3rem;
}

#result_ondemand .result .item p {
  padding: 1.2rem 0.2rem;
}

#result_ondemand .result .record p {
  padding: 1.8rem 0.5rem;
}
@media screen and (max-width: 800px) {
  #result_ondemand .result .record p {
    padding: 1rem 0.2rem;
  }
}
@media screen and (max-width: 592px) {
  #result_ondemand .result .record p {
    padding: 0;
  }
}

#result_ondemand .result .item .title,
#result_ondemand .result .record .title {
  width: 87.5%;
}
@media screen and (max-width: 592px) {
  #result_ondemand .result .item .title,
  #result_ondemand .result .record .title {
    width: 100%;
    font-weight: 600;
    margin-bottom: 0.5rem;
  }
}

#result_ondemand .result .record .title {
  font-size: 0.9rem;
}
@media screen and (max-width: 592px) {
  #result_ondemand .result .record .title {
    color: #0057a5;
  }
}

#result_ondemand .result .item .genre,
#result_ondemand .result .record .genre {
  width: 12.5%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (max-width: 592px) {
  #result_ondemand .result .item .genre,
  #result_ondemand .result .record .genre {
    width: auto;
    margin: 0 0rem 0 0;
    position: relative;
    left: -1px;
  }
}

#result_ondemand .result .record .genre {
  font-size: 0.9rem;
}

/* ----------------------------------------------------------------------------
　エラーテキスト
---------------------------------------------------------------------------- */
.error_text {
  line-height: 150%;
  color: #ff0000;
  text-align: center;
  padding: 4rem 0;
  background-color: #f4f4f4;
}
@media screen and (max-width: 592px) {
  .error_text {
    padding: 3rem 0;
  }
}

/* ----------------------------------------------------------------------------
　絞り込みプルダウン
---------------------------------------------------------------------------- */
.pulldown {
  position: relative;
  margin: 0 0.6rem 0.8rem 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 1366px) {
  .pulldown {
    width: 29.5% !important;
    min-width: auto !important;
    margin: 0 0% 0.8rem 0;
  }
}
@media screen and (max-width: 1024px) {
  .pulldown {
    width: 28.5% !important;
  }
}
@media screen and (max-width: 592px) {
  .pulldown {
    width: 100% !important;
    margin: 0 0 0 0 !important;
  }
}

/* 映画絞り込みのプルダウン */
@media screen and (max-width: 1366px) {
  .movie_narrow .pulldown {
    width: 31.5% !important;
  }
  .movie_narrow .pulldown:last-child {
    margin-right: 0rem;
  }
}
@media screen and (max-width: 1024px) {
  .movie_narrow .pulldown {
    width: 32.2% !important;
  }
}
@media screen and (max-width: 800px) {
  .movie_narrow .pulldown {
    width: 31.5% !important;
    margin: 0 0 0 0 !important;
  }
}
@media screen and (max-width: 592px) {
  .movie_narrow .pulldown {
    width: 100% !important;
    margin: 0 0 1rem 0 !important;
  }
}

/* 選択済 */
.pulldown .selected {
  min-width: 200px;
  border: 1px solid #ccc;
  border-radius: 2px;
  font-size: 0.875rem;
  padding: 0.6rem 1.8rem 0.6rem 0.8rem;
  background: url("../img/arrow_down.svg") right 10px top 50% no-repeat;
  background-color: #fff;
  background-size: 10px auto;
  cursor: pointer;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  top: 1px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.pulldown .selected:hover {
  background-color: #f5f5f5;
}
@media screen and (max-width: 1024px) {
  .pulldown .selected {
    min-width: auto;
  }
}
@media screen and (max-width: 800px) {
  .pulldown .selected {
    display: block;
    background-size: 7px auto;
  }
}
@media screen and (max-width: 592px) {
  .pulldown .selected {
    padding: 0.8rem 1.8rem 0.8rem 0.8rem;
    background: url("../sp_img/arrow_down.svg") right 10px top 50% no-repeat;
    background-color: #fff;
    background-size: 10px auto;
  }
}

.pulldown .selected .title {
  font-weight: 600;
  white-space: nowrap;
}

.pulldown .select {
  display: none;
  position: absolute;
  width: 100%;
  border: 1px solid #ccc;
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 10;
  font-size: 0.9rem;
  -webkit-box-shadow: 7px 7px 10px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 7px 7px 10px 0px rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 592px) {
  .pulldown .select {
    position: relative;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
            box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
  }
}

.pulldown .select li {
  background-color: #fff;
  padding: 0.5rem 1.2rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
}
.pulldown .select li:hover, .pulldown .select li.active {
  background-color: #f4f4f4;
}
@media screen and (max-width: 592px) {
  .pulldown .select li:hover {
    background-color: #fff;
  }
}

/* ----------------------------------------------------------------------------
　表示件数プルダウン
---------------------------------------------------------------------------- */
.pulldown_number {
  min-width: 100px;
  z-index: 3;
}
@media screen and (max-width: 800px) {
  .pulldown_number {
    min-width: 200px;
  }
}
@media screen and (max-width: 592px) {
  .pulldown_number {
    min-width: auto;
  }
}

.pulldown_number .selected {
  min-width: 100px;
}

/* ----------------------------------------------------------------------------
　ジャンルプルダウン
---------------------------------------------------------------------------- */
@media screen and (max-width: 592px) {
  .pulldown_genre {
    margin-bottom: 1rem !important;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}

/* ----------------------------------------------------------------------------
　映画絞り込みエリア
---------------------------------------------------------------------------- */
.movie_narrow_wrapper {
  display: none;
}
@media screen and (max-width: 1366px) {
  .movie_narrow_wrapper {
    margin-bottom: 0.7rem;
  }
}
@media screen and (max-width: 592px) {
  .movie_narrow_wrapper {
    margin-bottom: 1rem;
  }
}

.movie_narrow_wrapper_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
@media screen and (max-width: 800px) {
  .movie_narrow_wrapper_inner {
    display: block;
  }
}
@media screen and (max-width: 592px) {
  .movie_narrow_wrapper_inner {
    display: block;
    background-color: #fff;
  }
}

/* さらに絞り込むトグルボタン */
.movie_narrow_btn {
  background-color: #f4f4f4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  white-space: nowrap;
  font-size: 0.8rem;
  font-weight: 600;
  line-height: 120%;
  height: 50px;
  padding: 0 1rem;
}
.movie_narrow_btn .right {
  position: relative;
  top: -1px;
  margin-left: 0.5rem;
  width: 0.4rem;
}
@media screen and (max-width: 1024px) {
  .movie_narrow_btn .right img {
    width: 0.4rem;
  }
}
.movie_narrow_btn .left {
  position: relative;
  top: -1px;
  margin-left: 0.5rem;
  width: 0.4rem;
  display: none;
}
@media screen and (max-width: 1024px) {
  .movie_narrow_btn .left img {
    width: 0.4rem;
  }
}
.movie_narrow_btn.active .right {
  display: none;
}
.movie_narrow_btn.active .left {
  display: block;
}
.movie_narrow_btn .icn-arrow_down {
  display: none;
}
.movie_narrow_btn .icn-arrow_up {
  display: none;
}
@media screen and (max-width: 1366px) {
  .movie_narrow_btn {
    font-size: 0.7rem;
  }
}
@media screen and (max-width: 800px) {
  .movie_narrow_btn {
    width: 100%;
    font-size: 1rem;
    padding: 0.5rem 0;
    height: auto;
  }
  .movie_narrow_btn .right {
    display: none !important;
  }
  .movie_narrow_btn .left {
    display: none !important;
  }
}
@media screen and (max-width: 592px) {
  .movie_narrow_btn {
    color: #000;
    font-size: 0.875rem;
    background: none;
    padding: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .movie_narrow_btn .icn-arrow_down {
    display: block;
  }
  .movie_narrow_btn.active .icn-arrow_down {
    display: none;
  }
  .movie_narrow_btn.active .icn-arrow_up {
    display: block;
  }
  .movie_narrow_btn span {
    margin-left: 2rem;
    position: relative;
    top: 0.05rem;
  }
}

/* 映画ジャンル・製作国・製作年包括 */
.movie_narrow {
  background-color: #f4f4f4;
  padding: 0.6rem 0 0.7rem;
}
@media screen and (max-width: 1366px) {
  .movie_narrow {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
}
@media screen and (max-width: 800px) {
  .movie_narrow {
    padding: 0rem 0 0.7rem;
  }
}
@media screen and (min-width: 593px) {
  .movie_narrow {
    display: block !important;
  }
}
@media screen and (max-width: 592px) {
  .movie_narrow {
    display: none;
    padding: 0 0;
    background: none;
  }
}

.movie_narrow_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 1366px) {
  .movie_narrow_inner {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 1rem 0;
  }
}
@media screen and (max-width: 592px) {
  .movie_narrow_inner {
    display: block;
    padding: 0rem 1rem 0.5rem;
  }
}

/* ----------------------------------------------------------------------------
　オールクリアボタン
---------------------------------------------------------------------------- */
.all_clear {
  width: 7%;
  position: relative;
  top: 1px;
  margin-bottom: 0.8rem;
}
@media screen and (max-width: 1024px) {
  .all_clear {
    width: 10%;
  }
}

.all_clear a {
  display: block;
  text-align: center;
  padding: 0.68rem 0;
  color: #fff;
  border-radius: 2px;
  background-color: #929292;
  font-size: 0.875rem;
  line-height: 120%;
}
.all_clear a:hover {
  opacity: 0.8;
}

/* ----------------------------------------------------------------------------
　放送形式プルダウン
---------------------------------------------------------------------------- */
@media screen and (max-width: 592px) {
  .pulldown_format {
    min-width: auto;
    margin-bottom: 1rem !important;
  }
}

.pulldown_format .select {
  width: 530px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 1.5rem 0.3rem 1.5rem;
}
@media screen and (max-width: 592px) {
  .pulldown_format .select {
    width: 100%;
    padding: 0 0 0;
  }
}

.pulldown_format .select .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (max-width: 592px) {
  .pulldown_format .select .flex {
    display: block;
  }
}

.pulldown_format .select p {
  white-space: nowrap;
  width: 33.3333333%;
}
@media screen and (max-width: 592px) {
  .pulldown_format .select p {
    width: 100%;
  }
}

.pulldown_format .select label {
  width: 100%;
  background: url("../img/pulldown_checkbox.svg") 0 0 no-repeat;
  background-size: 12px auto;
  padding: 0.8rem 1.2rem 0.8rem 3.5rem;
  background-position: 1.5rem center;
}
@media screen and (max-width: 592px) {
  .pulldown_format .select label {
    padding: 0.6rem 1.2rem 0.6rem 3.5rem;
  }
}
.pulldown_format .select label.active {
  background: url("../img/pulldown_checkbox_active.svg") 0 0 no-repeat;
  background-size: 12px auto;
  background-position: 1.5rem center;
  background-color: #f4f4f4;
}
@media screen and (min-width: 593px) {
  .pulldown_format .select label:hover {
    background-color: #f4f4f4;
  }
}

/* 閉じるボタン */
.pulldown_format .btn_format_close {
  position: absolute;
  top: 0rem;
  right: 0rem;
}

.pulldown_format .btn_format_close a {
  display: inline-block;
  font-size: 1.275rem;
  line-height: 120%;
  padding: 0.3rem;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 100px;
  color: #646464;
}
.pulldown_format .btn_format_close a:hover {
  opacity: 0.8;
}

/* ----------------------------------------------------------------------------
　映画ジャンルプルダウン
---------------------------------------------------------------------------- */
.pulldown_movie {
  margin-bottom: 0rem;
}
@media screen and (max-width: 592px) {
  .pulldown_movie {
    margin-bottom: 1rem !important;
  }
}

.pulldown_movie .select {
  width: 120%;
  height: 300px;
  overflow-y: scroll;
  -webkit-overflow-scrolling: auto;
}
@media screen and (max-width: 592px) {
  .pulldown_movie .select {
    height: 200px;
  }
}
.pulldown_movie .select::-webkit-scrollbar {
  width: 5px;
}
.pulldown_movie .select::-webkit-scrollbar-thumb {
  background-color: #aaa;
}

@media screen and (max-width: 592px) {
  .pulldown_movie {
    position: relative;
  }
  .pulldown_movie .select {
    width: 100%;
  }
}
/* ----------------------------------------------------------------------------
　制作国プルダウン
---------------------------------------------------------------------------- */
.pulldown_country {
  margin-bottom: 0rem;
}
@media screen and (max-width: 592px) {
  .pulldown_country {
    min-width: auto;
    margin-bottom: 1rem !important;
  }
}

.pulldown_country .select {
  width: 530px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 1.5rem 0.3rem 1.5rem;
}
@media screen and (max-width: 592px) {
  .pulldown_country .select {
    width: 100%;
    padding: 0 0 0;
  }
}

.pulldown_country .select .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (max-width: 592px) {
  .pulldown_country .select .flex {
    display: block;
  }
}

.pulldown_country .select p {
  white-space: nowrap;
  width: 33.3333333%;
}
@media screen and (max-width: 592px) {
  .pulldown_country .select p {
    width: 100%;
  }
}

.pulldown_country .select label {
  width: 100%;
  background: url("../img/pulldown_checkbox.svg") 0 0 no-repeat;
  background-size: 12px auto;
  padding: 0.6rem 1.2rem 0.6rem 3.5rem;
  background-position: 1.5rem center;
}
.pulldown_country .select label.active {
  background: url("../img/pulldown_checkbox_active.svg") 0 0 no-repeat;
  background-size: 12px auto;
  background-position: 1.5rem center;
  background-color: #f4f4f4;
}
@media screen and (min-width: 593px) {
  .pulldown_country .select label:hover {
    background-color: #f4f4f4;
  }
}

/* 閉じるボタン */
.pulldown_country .btn_country_close {
  position: absolute;
  top: 0rem;
  right: 0rem;
}

.pulldown_country .btn_country_close a {
  display: inline-block;
  font-size: 1.275rem;
  line-height: 120%;
  padding: 0.3rem;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 100px;
  color: #646464;
}
.pulldown_country .btn_country_close a:hover {
  opacity: 0.8;
}

/* ----------------------------------------------------------------------------
　製作年プルダウン
---------------------------------------------------------------------------- */
.pulldown_year {
  margin-bottom: 0rem;
}
@media screen and (max-width: 592px) {
  .pulldown_year {
    min-width: auto;
  }
}

.pulldown_year .select {
  padding: 2rem 2rem 2rem;
}

@media screen and (max-width: 592px) {
  .pulldown_year .select {
    padding: 1rem 1rem 0rem;
  }
  .pulldown_year .select .title {
    font-weight: 600;
    margin-bottom: 1rem;
  }
}
/* 範囲スライダー */
.range_wrapper {
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 592px) {
  .range_wrapper {
    width: 80%;
    margin: 0.5rem auto 0;
  }
}

.range_wrapper .year {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 1rem 0 1rem;
}
@media screen and (max-width: 592px) {
  .range_wrapper .year {
    margin: 1rem 0 1rem;
  }
}

.range_wrapper .year p {
  line-height: 120%;
  margin: 0 1rem;
  position: relative;
  top: -0.2rem;
}

.range_wrapper select {
  font-size: 0.9rem;
  background: none;
  padding: 0 0.3rem 0 0;
  width: auto;
  border: none;
  border-bottom: 1px solid #222;
  border-radius: 0px;
  cursor: pointer;
}
@media screen and (max-width: 592px) {
  .range_wrapper select {
    font-size: 1.125rem;
  }
}

.range_wrapper .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.range_wrapper .btn .btn_clear {
  width: 45%;
}
@media screen and (max-width: 592px) {
  .range_wrapper .btn .btn_clear {
    width: 54%;
  }
}

.range_wrapper .btn .btn_clear a {
  display: block;
  border: 1px solid #ccc;
  background-color: #fff;
  line-height: 120%;
  padding: 0.3rem 0;
  text-align: center;
}
.range_wrapper .btn .btn_clear a:hover {
  opacity: 0.8;
}
@media screen and (max-width: 592px) {
  .range_wrapper .btn .btn_clear a {
    padding: 0.8rem 0;
  }
}

.range_wrapper .btn .btn_ok {
  width: 45%;
}

.range_wrapper .btn .btn_ok a {
  display: block;
  border: 1px solid #ccc;
  background-color: #ccc;
  line-height: 120%;
  padding: 0.3rem 0;
  text-align: center;
}
.range_wrapper .btn .btn_ok a:hover {
  opacity: 0.8;
}
@media screen and (max-width: 592px) {
  .range_wrapper .btn .btn_ok a {
    padding: 0.8rem 0;
    background-color: #666;
    color: #fff;
  }
}

@media screen and (max-width: 592px) {
  .pulldown_year .selected {
    display: none;
  }
  .pulldown_year .select {
    padding: 0 0 0 0;
    display: block !important;
    position: relative;
    top: 0rem;
    left: 0rem;
    border: none;
    background: none;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2);
            box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
  }
  .pulldown_year .select .title {
    text-align: center;
  }
}
/* ----------------------------------------------------------------------------
　カテゴリプルダウン
---------------------------------------------------------------------------- */
@media screen and (max-width: 592px) {
  .pulldown_category {
    margin-bottom: 1rem !important;
  }
}

/* ----------------------------------------------------------------------------
　表示順プルダウン
---------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------
　サイト内検索一覧
---------------------------------------------------------------------------- */
#tab_site .title_area {
  margin-bottom: 0.8rem;
}

#tab_site .result {
  border: 1px solid #ddd;
  border-bottom: none;
}
@media screen and (max-width: 592px) {
  #tab_site .result {
    border: none;
  }
}

.site_record {
  border-bottom: 1px solid #ddd;
}
@media screen and (max-width: 592px) {
  .site_record {
    border: none;
    margin-bottom: 0.7rem;
  }
}

.site_record a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1.9rem;
  background-color: #fff;
}
@media screen and (min-width: 593px) {
  .site_record a:hover {
    background-color: #f5f5f5;
  }
}
@media screen and (max-width: 800px) {
  .site_record a {
    padding: 1.3rem;
  }
}
@media screen and (max-width: 592px) {
  .site_record a {
    padding: 1rem;
  }
}

.site_record a .photo {
  display: none;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 215px;
          flex: 0 0 215px;
  margin-right: 1.8rem;
}
.site_record a .photo img {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #ddd;
}
@media screen and (max-width: 800px) {
  .site_record a .photo {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 150px;
            flex: 0 0 150px;
    margin-right: 1rem;
  }
}
.site_record a .copy {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.site_record a .copy .title {
  font-size: 1.125rem;
  font-weight: 500;
  margin-bottom: 1rem;
  line-height: 150%;
  color: #0057a5;
}
@media screen and (max-width: 592px) {
  .site_record a .copy .title {
    font-size: 1rem;
    margin-bottom: 0.5rem;
  }
}

.site_record a .copy .text {
  font-size: 0.9rem;
  line-height: 180%;
}
.site_record a .copy .text .hit {
  font-weight: 600;
}
@media screen and (max-width: 592px) {
  .site_record a .copy .text {
    font-size: 0.8rem;
    line-height: 140%;
  }
}

/* ----------------------------------------------------------------------------
　もっと見るボタン
---------------------------------------------------------------------------- */
.btn_more {
  width: 60%;
  margin: 0.7rem auto 0.3rem;
}

.btn_more a {
  display: block;
  border: 1px solid #0057a5;
  background-color: #fff;
  color: #0057a5;
  padding: 0.8rem 0;
  text-align: center;
  position: relative;
}

.btn_more a span {
  position: absolute;
  top: 0rem;
  right: 0.5rem;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

/* -----------------------------------------------------------------------
　カレンダー
-------------------------------------------------------------------------- */
.pulldown_calendar .select {
  width: 400px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 1rem 1rem 2rem;
}
@media screen and (max-width: 592px) {
  .pulldown_calendar .select {
    width: 100%;
    padding: 1rem 1rem 1rem;
  }
}

.new_calendar {
  display: none;
  border-left: 1px solid #ddd;
}
.new_calendar.active {
  display: block;
}

.new_calendar .calendar_title {
  text-align: center;
  background-color: #fff;
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  font-weight: 600;
  font-size: 0.875rem;
  padding: 0.5rem 0;
}

.new_calendar .line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.new_calendar .line .box2 {
  width: 14.28571428%;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  text-align: center;
  font-size: 0.875rem;
  line-height: 120%;
  font-weight: 600;
  padding: 0.4rem 0;
  cursor: pointer;
}

.new_calendar .line .none_prev,
.new_calendar .line .none_next,
.new_calendar .line .none {
  width: 14.28571428%;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  text-align: center;
  font-size: 0.875rem;
  line-height: 120%;
  font-weight: 600;
  padding: 0.4rem 0;
  font-weight: normal;
  color: #ccc !important;
  background-color: #eee;
  cursor: default;
}

.new_calendar .line .none {
  background-color: #eee !important;
  font-weight: normal !important;
  cursor: default !important;
}

.new_calendar .line .none_next {
  font-weight: 600;
  background-color: #fff;
  cursor: pointer;
}

.new_calendar .line .none_prev {
  font-weight: 600;
  background-color: #fff;
  cursor: pointer;
}

.new_calendar .line .protect {
  color: #ccc !important;
  cursor: default;
}

/* 曜日 */
.new_calendar .line .day_title {
  width: 14.28571428%;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background-color: #e5e5e5;
  text-align: center;
  font-size: 0.8rem;
  padding: 0.1rem 0;
  color: #000 !important;
}
.new_calendar .line .day_title.saturday {
  color: #2335b6 !important;
}
.new_calendar .line .day_title.sunday {
  color: #cc0000 !important;
}

.new_calendar .line .box2.saturday {
  color: #2335b6;
}

.new_calendar .line .box2.holiday {
  color: #cc0000;
}

.new_calendar .line .box2.today {
  border: 2px solid #feea43;
}

.new_calendar .line .box2.end_day {
  background: url("../img/calendar_end.png?var=3") right center no-repeat;
  background-size: 100% 100%;
  color: #fff !important;
}

.new_calendar .line .box2.start_day {
  background: url("../img/calendar_start.png?var=3") 0 center no-repeat;
  background-size: 100% 100%;
  color: #fff !important;
}

.new_calendar .line .box2.single_day {
  background: none;
  background: url("../img/calendar_single.png?var=3") center center no-repeat;
  background-size: 100% 100%;
  color: #fff !important;
}

.new_calendar .line .box2.period {
  background-color: #0057a5 !important;
  color: #fff !important;
}

.new_calendar_wrapper .tab_box {
  position: relative;
  display: none;
}

/* 前のカレンダーへ */
.new_calendar_wrapper .tab_box .btn_prev {
  position: absolute;
  left: 0rem;
  top: 0rem;
  z-index: 2;
  display: none;
}
.new_calendar_wrapper .tab_box .btn_prev a {
  color: #2335b6;
  display: block;
  padding: 0.7rem;
}

/* 次のカレンダーへ */
.new_calendar_wrapper .tab_box .btn_next {
  position: absolute;
  right: 0rem;
  top: 0rem;
  z-index: 2;
}
.new_calendar_wrapper .tab_box .btn_next a {
  color: #2335b6;
  display: block;
  padding: 0.7rem;
}

.new_calendar_wrapper .tab_box .cap {
  text-align: center;
  font-size: 0.875rem;
  margin-top: 1rem;
  color: #cc0000;
}

.new_calendar_wrapper .tab_box .cap.anime {
  -webkit-animation: capAnime 0.3s ease-in-out 0s forwards;
          animation: capAnime 0.3s ease-in-out 0s forwards;
  position: relative;
}

@-webkit-keyframes capAnime {
  0% {
    opacity: 0;
    left: -40px;
  }
  100% {
    opacity: 1;
    left: 0px;
  }
}

@keyframes capAnime {
  0% {
    opacity: 0;
    left: -40px;
  }
  100% {
    opacity: 1;
    left: 0px;
  }
}
.new_calendar_wrapper .btn_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 1.7rem;
}
@media screen and (max-width: 592px) {
  .new_calendar_wrapper .btn_flex {
    margin-top: 1rem;
  }
}

/* クリアボタン */
.new_calendar_wrapper .btn_clear {
  width: 40%;
  margin-right: 1rem;
}
@media screen and (max-width: 592px) {
  .new_calendar_wrapper .btn_clear {
    margin-right: 0rem;
  }
}

.new_calendar_wrapper .btn_clear a {
  display: block;
  border: 1px solid #ccc;
  background-color: #fff;
  line-height: 120%;
  padding: 0.5rem 0;
  text-align: center;
  border-radius: 2px;
}
.new_calendar_wrapper .btn_clear a:hover {
  opacity: 0.8;
}
@media screen and (max-width: 592px) {
  .new_calendar_wrapper .btn_clear a {
    padding: 0.8rem 0;
  }
}

/* 閉じるボタン */
.new_calendar_wrapper .btn_calendar_close {
  width: 40%;
}

.new_calendar_wrapper .btn_calendar_close a {
  display: block;
  background-color: #666;
  border: 1px solid #666;
  color: #fff;
  line-height: 120%;
  padding: 0.5rem 0;
  text-align: center;
  border-radius: 2px;
}
.new_calendar_wrapper .btn_calendar_close a:hover {
  opacity: 0.8;
}
@media screen and (max-width: 592px) {
  .new_calendar_wrapper .btn_calendar_close a {
    padding: 0.8rem 0;
  }
}

/* 開始日・終了日タブ */
.new_calendar_wrapper .tab_box_menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.new_calendar_wrapper .tab_box_menu p {
  width: 49.5%;
}

.new_calendar_wrapper .tab_box_menu p a {
  display: block;
  background-color: #eee;
  text-align: center;
  padding: 0.5rem 0;
  font-size: 0.875rem;
  color: #999;
  position: relative;
  border: 1px solid #ddd;
  border-radius: 2px 2px 0 0;
  border-bottom: none;
  top: 0.3rem;
  padding: 0.35rem 0;
}
.new_calendar_wrapper .tab_box_menu p a.on {
  top: 0rem;
  padding: 0.5rem 0;
  background-color: #fff;
  font-weight: 600;
  color: #000;
  cursor: default;
}

@media screen and (max-width: 592px) {
  .pulldown_calendar {
    position: relative;
    z-index: 1;
    margin-bottom: 1.2rem !important;
  }
  /*
  .pulldown_calendar .selected{
  	display: none;
  }
  .pulldown_calendar .select{
  	padding: 0 0 0 0;
  	display: block !important;
  	position: relative;
  	top: 0rem;
  	left: 0rem;
  	border: none;
  	background: none;
  	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2);
  }

  .new_calendar_wrapper .load{
  	background-color: #fff;
  }
  .new_calendar .calendar_title{
  	background-color: #fff;
  }*/
}
/* -----------------------------------------------------------------------
　アイコン
-------------------------------------------------------------------------- */
.spec_icon {
  font-size: 0.75rem;
  letter-spacing: 0.5px;
  line-height: 120%;
  padding: 0.1rem;
  color: #aaa;
  border: 1px solid #999;
  background-color: #fff;
  text-align: center;
}
@media screen and (max-width: 1366px) {
  .spec_icon {
    font-size: 0.6rem;
  }
}
.spec_icon.spec_icon_first {
  border: 1px solid #929292;
  background-color: #929292;
  color: #fff;
}

/* -----------------------------------------------------------------------
　サジェスト
-------------------------------------------------------------------------- */
.ac_results {
  border: 1px solid #ccc !important;
  height: 300px;
  overflow-y: scroll !important;
  -webkit-overflow-scrolling: auto;
}
@media screen and (max-width: 592px) {
  .ac_results {
    width: 95% !important;
  }
}
.ac_results::-webkit-scrollbar {
  width: 5px;
}
.ac_results::-webkit-scrollbar-thumb {
  background-color: #666;
}

.ac_results li {
  font-size: 0.875rem !important;
  white-space: normal !important;
  border-bottom: 1px solid #ccc;
  padding: 0.2rem !important;
}
.ac_results li:last-child {
  border-bottom: none;
}
.ac_results li:hover {
  background-color: #f4f4f4;
}

/* -----------------------------------------------------------------------
　ローディング
-------------------------------------------------------------------------- */
.loading {
  margin: 3rem 0;
}
.loading .loading_img {
  text-align: center;
  margin-bottom: 0.5rem;
}
.loading .loading_text {
  font-size: 0.875rem;
  text-align: center;
  margin-bottom: 0.5rem;
}

/* -----------------------------------------------------------------------
　同時配信アイコン説明エリア
-------------------------------------------------------------------------- */
.__attention_with_explain_fixed {
  width: 1300px;
  margin: 0 auto;
}
@media screen and (max-width: 1366px) {
  .__attention_with_explain_fixed {
    width: 1024px;
  }
}
@media screen and (max-width: 1024px) {
  .__attention_with_explain_fixed {
    width: 95%;
  }
}
@media screen and (max-width: 592px) {
  .__attention_with_explain_fixed {
    width: 95%;
  }
}