@charset "UTF-8";
/*--------------------------------------------------------------------
/- admin  :TV TOKYO Communications Corporation.
/- update :20170510
/--------------------------------------------------------------------*/
/**********************************************************************
基本設定
**********************************************************************/
.wrapper {
  color: #333;
  font-size: 14px;
  font-family: Lato, Helvetica, Arial, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height: 1.9;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  min-width: 980px;
  background: #e9e9e9;
  margin: 0 auto; }

.wrapper div, .wrapper span, .wrapper object, .wrapper iframe, .wrapper h1, .wrapper h2, .wrapper h3, .wrapper h4, .wrapper h5, .wrapper h6, .wrapper p, .wrapper blockquote, .wrapper pre, .wrapper abbr, .wrapper address, .wrapper cite, .wrapper code, .wrapper del, .wrapper dfn, .wrapper em, .wrapper img,
.wrapper q, .wrapper samp, .wrapper strong, .wrapper sub, .wrapper sup, .wrapper var, .wrapper b, .wrapper i, .wrapper dl, .wrapper dt, .wrapper dd, .wrapper ol, .wrapper ul, .wrapper li, .wrapper fieldset, .wrapper form, .wrapper label, .wrapper legend, .wrapper table, .wrapper caption, .wrapper tbody,
.wrapper tfoot, .wrapper thead, .wrapper tr, .wrapper th, .wrapper td, .wrapper article, .wrapper aside, .wrapper canvas, .wrapper details, .wrapper figcaption, .wrapper figure, .wrapper footer, .wrapper header, .wrapper hgroup, .wrapper menu, .wrapper nav, .wrapper section,
.wrapper summary, .wrapper time, .wrapper mark, .wrapper audio, .wrapper video, .wrapper input {
  box-sizing: border-box; }

/**********************************************************************
外枠の設定
**********************************************************************/
.wrapper .wrapper_inner {
  width: 980px;
  margin: 0 auto; }
.wrapper #content_left {
  float: left;
  margin: 0;
  width: 650px; }
.wrapper #content_right {
  float: right;
  margin-top: 15px;
  width: 300px; }
.wrapper .clearfix:after {
  content: "";
  display: block;
  clear: both; }

/**********************************************************************
スマホサイトへ遷移するボタン
**********************************************************************/
.wrapper .smpBranch {
  padding: 15px 15px 25px 15px;
  background: #fff; }

.wrapper .smpBranch a, .wrapper .smpBranch nav ul li span, .wrapper nav ul li .smpBranch span {
  display: block;
  background: #1365C8;
  color: #fff;
  font-weight: bold;
  font-size: 54px;
  text-decoration: none;
  padding: 35px 0;
  text-align: center;
  text-shadow: -5px -5px 1px #05378B;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  box-shadow: 0px 10px 0px #05378B; }

/**********************************************************************
	テキスト
**********************************************************************/
.wrapper .center {
  text-align: center; }
.wrapper .left {
  text-align: left; }
.wrapper .right {
  text-align: right; }
.wrapper .hidetext {
  text-indent: -9999px;
  font-size: 1px;
  overflow: hidden; }
.wrapper .none {
  display: none; }
.wrapper .txt_large {
  font-size: 116%;
  *font-size: 15px; }
.wrapper .txt_x-large {
  font-size: 131%;
  *font-size: 17px; }
.wrapper .txt_small {
  font-size: 85%;
  *font-size: 11px; }
.wrapper .txt_x-small {
  font-size: 77%;
  *font-size: 10px; }
.wrapper .txt_thin {
  font-weight: normal; }
.wrapper .attenntion {
  line-height: 120%;
  text-indent: -1em;
  margin-left: 1em; }
.wrapper .red {
  color: #D41316; }
.wrapper .mincho {
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", serif; }
.wrapper .italic {
  font-style: italic; }

/**********************************************************************
 フロート
**********************************************************************/
.wrapper .float_l {
  float: left; }
.wrapper .float_r {
  float: right; }
.wrapper .clearfix:after {
  content: ".";
  display: block;
  height: 0.1px;
  clear: both;
  visibility: hidden; }
.wrapper .clearfix {
  zoom: 1; }
.wrapper .clear {
  clear: both; }

/**********************************************************************
margin / padding
*********************************************************************/
.wrapper .mt5 {
  margin-top: 5px; }
.wrapper .mt10 {
  margin-top: 10px; }
.wrapper .mt15 {
  margin-top: 15px; }
.wrapper .mt20 {
  margin-top: 20px; }
.wrapper .mt30 {
  margin-top: 30px; }
.wrapper .mt40 {
  margin-top: 40px; }
.wrapper .mt50 {
  margin-top: 50px; }
.wrapper .mt60 {
  margin-top: 60px; }
.wrapper .mt80 {
  margin-top: 80px; }
.wrapper .mb5 {
  margin-bottom: 5px; }
.wrapper .mb10 {
  margin-bottom: 10px; }
.wrapper .mb15 {
  margin-bottom: 15px; }
.wrapper .mb20 {
  margin-bottom: 20px; }
.wrapper .mb30 {
  margin-bottom: 30px; }
.wrapper .mb40 {
  margin-bottom: 40px; }
.wrapper .mb50 {
  margin-bottom: 50px; }
.wrapper .mb60 {
  margin-bottom: 60px; }
.wrapper .mb80 {
  margin-bottom: 80px; }
.wrapper .lr_p20 {
  padding: 0 20px; }
.wrapper .pt10 {
  padding-top: 10px; }
.wrapper .pt20 {
  padding-top: 20px; }
.wrapper .p20 {
  padding: 20px; }
.wrapper .w100 {
  width: 100%; }
.wrapper .w80 {
  width: 80%; }
.wrapper .w50 {
  width: 50%; }
.wrapper .w40 {
  width: 40%; }
.wrapper .w30 {
  width: 30%; }
.wrapper .radius5 {
  border-radius: 5px; }

/**********************************************************************
NAV
**********************************************************************/
.wrapper nav {
  font-size: 18px;
  background: #195bbd;
  color: #fff; }
  .wrapper nav h1 {
    background: #ffd900; }
    .wrapper nav h1 a, .wrapper nav h1 ul li span, .wrapper nav ul li h1 span {
      display: block;
      background: url(../images/img_logo_pc.jpg) center center no-repeat;
      height: 130px;
      overflow: hidden;
      text-indent: -9999px; }
    .wrapper nav h1 img {
      transition: all 0.3s;
      -webkit-transition: all 0.3s; }
    .wrapper nav h1 img:hover {
      opacity: 0.8; }
  .wrapper nav h2 {
    display: block;
    padding: 8px;
    line-height: 1;
    background: rgba(0, 0, 0, 0.2);
    font-size: 20px;
    font-weight: normal;
    text-align: center; }
  .wrapper nav ul li {
    /*width: 25%;	メニュー4列の場合*/
    /*width: 33.33%;	メニュー3列の場合*/
    width: 50%;
    /*メニュー2列の場合*/
    display: block;
    float: left; }
    .wrapper nav ul li a, .wrapper nav ul li span {
      display: block;
      position: relative;
      padding: 17px 5px;
      text-align: center;
      color: #fff;
      text-decoration: none;
      line-height: 1.1em;
      border-top: solid 1px rgba(0, 0, 0, 0.2);
      border-left: solid 1px rgba(0, 0, 0, 0.2);
      transition: all 0.3s;
      -webkit-transition: all 0.3s; }
      .wrapper nav ul li a:hover, .wrapper nav ul li span:hover {
        background: rgba(255, 255, 255, 0.1);
        position: relative; }
    .wrapper nav ul li span {
      opacity: 0.5;
      cursor: default; }
      .wrapper nav ul li span:hover {
        background: none; }
    .wrapper nav ul li:nth-of-type(-n+3) a, .wrapper nav ul li:nth-of-type(-n+3) span {
      border-top: none; }
    .wrapper nav ul li span.batch {
      opacity: 1;
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      padding: 0;
      width: 20px;
      height: 20px;
      background: red;
      color: #fff;
      font-size: 10px;
      text-align: center;
      line-height: 1;
      border: solid 1px rgba(255, 255, 255, 0.5);
      border-radius: 50%;
      padding-top: 3px;
      z-index: 10; }

/**********************************************************************
ソーシャルボタン
**********************************************************************/
/*SNSアイコンフォント*/
@font-face {
  font-family: 'fontello';
  src: url("/fonts/template_sns_icon.woff") format("woff"), url("/fonts/template_sns_icon.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
.wrapper .sns_link a, .wrapper .sns_link nav ul li span, .wrapper nav ul li .sns_link span {
  text-decoration: none; }
  .wrapper .sns_link a:before, .wrapper .sns_link nav ul li span:before, .wrapper nav ul li .sns_link span:before {
    font-family: "fontello";
    text-decoration: none;
    color: #fff;
    line-height: 50px;
    font-size: 180%;
    text-align: center;
    display: block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.5); }
.wrapper .sns_link a[href*="twitter"], .wrapper .sns_link nav ul li span[href*="twitter"], .wrapper nav ul li .sns_link span[href*="twitter"] {
  background: #1DA1F2; }
.wrapper .sns_link a[href*="instagram"], .wrapper .sns_link nav ul li span[href*="instagram"], .wrapper nav ul li .sns_link span[href*="instagram"] {
  background: #E4405F;
  background: -webkit-linear-gradient(135deg, #f13f79 30%, #786ad5 100%);
  background: linear-gradient(135deg, #f13f79 30%, #786ad5 100%); }
.wrapper .sns_link a[href*="instagram"]:after, .wrapper .sns_link nav ul li span[href*="instagram"]:after, .wrapper nav ul li .sns_link span[href*="instagram"]:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-linear-gradient(15deg, #ffdb2c, #f9764c 25%, rgba(255, 77, 64, 0) 50%) no-repeat;
  background: linear-gradient(15deg, #ffdb2c, #f9764c 25%, rgba(255, 77, 64, 0) 50%) no-repeat;
  z-index: -10; }
.wrapper .sns_link a[href*="line"], .wrapper .sns_link nav ul li span[href*="line"], .wrapper nav ul li .sns_link span[href*="line"] {
  background: #00C300; }
.wrapper .sns_link a[href*="facebook"], .wrapper .sns_link nav ul li span[href*="facebook"], .wrapper nav ul li .sns_link span[href*="facebook"] {
  background: #3B5998; }
.wrapper .sns_link a[href*="twitter"]:before, .wrapper .sns_link nav ul li span[href*="twitter"]:before, .wrapper nav ul li .sns_link span[href*="twitter"]:before {
  content: '\e800'; }
.wrapper .sns_link a[href*="instagram"]:before, .wrapper .sns_link nav ul li span[href*="instagram"]:before, .wrapper nav ul li .sns_link span[href*="instagram"]:before {
  content: '\e804'; }
.wrapper .sns_link a[href*="line"]:before, .wrapper .sns_link nav ul li span[href*="line"]:before, .wrapper nav ul li .sns_link span[href*="line"]:before {
  content: '\e805'; }
.wrapper .sns_link a[href*="facebook"]:before, .wrapper .sns_link nav ul li span[href*="facebook"]:before, .wrapper nav ul li .sns_link span[href*="facebook"]:before {
  content: '\e80f'; }

.wrapper .sns_block #tx_social_bar {
  display: block;
  margin-top: 10px; }
  .wrapper .sns_block #tx_social_bar a.Twitter, .wrapper .sns_block #tx_social_bar nav ul li span.Twitter, .wrapper nav ul li .sns_block #tx_social_bar span.Twitter, .wrapper .sns_block #tx_social_bar a.Facebook, .wrapper .sns_block #tx_social_bar nav ul li span.Facebook, .wrapper nav ul li .sns_block #tx_social_bar span.Facebook, .wrapper .sns_block #tx_social_bar a.Google, .wrapper .sns_block #tx_social_bar nav ul li span.Google, .wrapper nav ul li .sns_block #tx_social_bar span.Google,
  .wrapper .sns_block #tx_social_bar a.Atode,
  .wrapper .sns_block #tx_social_bar nav ul li span.Atode,
  .wrapper nav ul li .sns_block #tx_social_bar span.Atode, .wrapper .sns_block #tx_social_bar a.Hatena, .wrapper .sns_block #tx_social_bar nav ul li span.Hatena, .wrapper nav ul li .sns_block #tx_social_bar span.Hatena, .wrapper .sns_block #tx_social_bar a.Line, .wrapper .sns_block #tx_social_bar nav ul li span.Line, .wrapper nav ul li .sns_block #tx_social_bar span.Line {
    display: inline-block;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    border-radius: 100px;
    margin: 0 5px 0 0;
    font-size: 16px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    padding: 5px;
    position: relative; }
    .wrapper .sns_block #tx_social_bar a.Twitter:before, .wrapper .sns_block #tx_social_bar nav ul li span.Twitter:before, .wrapper nav ul li .sns_block #tx_social_bar span.Twitter:before, .wrapper .sns_block #tx_social_bar a.Facebook:before, .wrapper .sns_block #tx_social_bar nav ul li span.Facebook:before, .wrapper nav ul li .sns_block #tx_social_bar span.Facebook:before, .wrapper .sns_block #tx_social_bar a.Google:before, .wrapper .sns_block #tx_social_bar nav ul li span.Google:before, .wrapper nav ul li .sns_block #tx_social_bar span.Google:before,
    .wrapper .sns_block #tx_social_bar a.Atode:before,
    .wrapper .sns_block #tx_social_bar nav ul li span.Atode:before,
    .wrapper nav ul li .sns_block #tx_social_bar span.Atode:before, .wrapper .sns_block #tx_social_bar a.Hatena:before, .wrapper .sns_block #tx_social_bar nav ul li span.Hatena:before, .wrapper nav ul li .sns_block #tx_social_bar span.Hatena:before, .wrapper .sns_block #tx_social_bar a.Line:before, .wrapper .sns_block #tx_social_bar nav ul li span.Line:before, .wrapper nav ul li .sns_block #tx_social_bar span.Line:before {
      position: absolute;
      width: 30px;
      height: 30px;
      line-height: 30px;
      text-align: center;
      display: block;
      margin: 0;
      top: 0;
      left: 0; }

/**********************************************************************
フッターレコメンドパーツ
**********************************************************************/
.wrapper #reccomend_drama {
  margin: 0;
  background: #474747;
  padding: 40px 0; }
  .wrapper #reccomend_drama h1 {
    padding: 0;
    margin: 0;
    font-size: 24px;
    color: #ccc;
    font-weight: normal; }
  .wrapper #reccomend_drama .reccomend_drama_wrapper_inner {
    margin: 0 auto;
    width: 980px; }
  .wrapper #reccomend_drama ul {
    margin-top: 25px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    -webkit-overflow-scrolling: touch; }
    .wrapper #reccomend_drama ul li {
      width: 19%;
      margin: 10px 1% 10px 0;
      background: #fff;
      font-size: 13px;
      line-height: 1.3em;
      float: left;
      opacity: 0.9;
      transition: .4s all;
      display: none; }
      .wrapper #reccomend_drama ul li a, .wrapper #reccomend_drama nav ul li span, .wrapper nav #reccomend_drama ul li span {
        text-decoration: none;
        color: #666; }
      .wrapper #reccomend_drama ul li img {
        width: 100%;
        display: block; }
      .wrapper #reccomend_drama ul li span.title {
        display: block;
        text-decoration: none;
        font-weight: normal;
        padding: 10px 15px 20px 15px; }
        .wrapper #reccomend_drama ul li span.title span.waku {
          display: block;
          font-size: 10px;
          margin-bottom: 3px; }
    .wrapper #reccomend_drama ul li:hover {
      opacity: 1; }
  .wrapper #reccomend_drama ul#mon li.mon, .wrapper #reccomend_drama ul#tue li.tue, .wrapper #reccomend_drama ul#wed li.wed, .wrapper #reccomend_drama ul#thu li.thu, .wrapper #reccomend_drama ul#fri li.fri, .wrapper #reccomend_drama ul#sat li.sat, .wrapper #reccomend_drama ul#sun li.sun, .wrapper #reccomend_drama li.other {
    display: block; }

/**********************************************************************
共通パーツ
**********************************************************************/
.wrapper .smp_only {
  display: none !important; }
.wrapper .oa_alert {
  color: #ee0000;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.4;
  position: relative;
  padding: 10px 12px;
  background: #fff; }
  .wrapper .oa_alert:before {
    content: "！";
    background: #ee0000;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    border-radius: 100px;
    width: 18px;
    height: 18px;
    display: inline-block;
    text-align: center;
    line-height: 20px;
    margin-right: 8px;
    vertical-align: 2px; }
.wrapper .common_title {
  background: #222;
  color: #fff;
  padding: 15px;
  border-top: solid 3px #195bbd;
  font-size: 18px;
  line-height: 1em; }
  .wrapper .common_title.arrow {
    padding: 0;
    line-height: 1em; }
    .wrapper .common_title.arrow a, .wrapper .common_title.arrow nav ul li span, .wrapper nav ul li .common_title.arrow span {
      padding: 15px;
      color: #fff;
      text-decoration: none;
      display: block;
      position: relative;
      transition: all 0.3s;
      -webkit-transition: all 0.3s; }
      .wrapper .common_title.arrow a:after, .wrapper .common_title.arrow nav ul li span:after, .wrapper nav ul li .common_title.arrow span:after {
        content: "";
        position: absolute;
        right: 18px;
        top: 50%;
        margin-top: -6px;
        display: block;
        width: 8px;
        height: 8px;
        border-top: 2px solid #fff;
        border-right: 2px solid #fff;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        overflow: hidden;
        transition: all 0.3s;
        -webkit-transition: all 0.3s; }
      .wrapper .common_title.arrow a:hover:after, .wrapper .common_title.arrow nav ul li span:hover:after, .wrapper nav ul li .common_title.arrow span:hover:after {
        border-color: #195bbd; }
      .wrapper .common_title.arrow a:hover, .wrapper .common_title.arrow nav ul li span:hover, .wrapper nav ul li .common_title.arrow span:hover {
        color: #195bbd; }
  .wrapper .common_title.no_top_border {
    border-top: none; }
.wrapper .common_title_second {
  background: #195bbd;
  font-size: 18px;
  line-height: 1.1em;
  padding: 20px;
  color: #fff;
  font-weight: bold; }
  @media screen and (min-width: 1300px) {
    .wrapper .common_title_second {
      font-size: 22px; } }
.wrapper .common_subtitle_second {
  border-bottom: solid 2px #195bbd;
  padding-bottom: 12px;
  font-size: 22px;
  font-weight: bold;
  line-height: 1.3em; }
  @media screen and (min-width: 1300px) {
    .wrapper .common_subtitle_second {
      font-size: 28px; } }
  .wrapper .common_subtitle_second.border_black {
    border-color: #222; }
.wrapper .common_subtitle_border {
  font-size: 16px;
  font-weight: bold;
  border-bottom: solid 1px #666;
  padding: 5px; }
  @media screen and (min-width: 1300px) {
    .wrapper .common_subtitle_border {
      font-size: 18px; } }
.wrapper .common_subtitle_first {
  background: #195bbd;
  font-size: 18px;
  line-height: 1.1em;
  padding: 10px;
  color: #fff;
  margin-top: 70px;
  font-weight: bold; }
  @media screen and (min-width: 1300px) {
    .wrapper .common_subtitle_first {
      font-size: 22px; } }
.wrapper .common_subtitle_third {
  font-size: 22px;
  border-left: solid 6px #195bbd;
  padding-left: 15px;
  line-height: 1.1em;
  font-weight: bold; }
  @media screen and (min-width: 1300px) {
    .wrapper .common_subtitle_third {
      font-size: 24px; } }
.wrapper .common_large_date {
  color: #195bbd;
  font-size: 20px;
  line-height: 1em;
  display: block;
  margin-bottom: 15px; }
.wrapper .common_box {
  padding: 10px;
  background: #fff; }
.wrapper .common_box a, .wrapper .common_box nav ul li span, .wrapper nav ul li .common_box span {
  color: #195bbd; }
.wrapper .common_table {
  width: 100%; }
  .wrapper .common_table th {
    background: #195bbd;
    color: #fff;
    padding: 10px;
    border: solid 1px #e9e9e9;
    text-align: left;
    vertical-align: top; }
  .wrapper .common_table td {
    padding: 15px;
    border: solid 1px #e9e9e9;
    vertical-align: top; }
  .wrapper .common_table.one_line th, .wrapper .common_table.one_line td {
    width: 100%;
    display: block; }
  .wrapper .common_table.bg_light th {
    background: #eeeeee;
    color: #333;
    border-bottom: none; }
.wrapper a.common_link_txt, .wrapper nav ul li span.common_link_txt {
  color: #195bbd; }
.wrapper a.common_link_button, .wrapper nav ul li span.common_link_button,
.wrapper .common_link_button a,
.wrapper .common_link_button nav ul li span,
.wrapper nav ul li .common_link_button span {
  display: block;
  /*width: 68%;*/
  text-align: center;
  padding: 20px 10px;
  border: solid 1px #222;
  border-radius: 5px;
  margin: 20px auto 0 auto;
  font-size: 16px;
  text-decoration: none;
  color: #222;
  position: relative;
  line-height: 1.1em;
  transition: all 0.3s;
  -webkit-transition: all 0.3s; }
  .wrapper a.common_link_button:hover, .wrapper nav ul li span.common_link_button:hover,
  .wrapper .common_link_button a:hover,
  .wrapper .common_link_button nav ul li span:hover,
  .wrapper nav ul li .common_link_button span:hover {
    background: #dbe7fa;
    border: solid 1px #195bbd;
    color: #195bbd; }
  .wrapper a.common_link_button:after, .wrapper nav ul li span.common_link_button:after,
  .wrapper .common_link_button a:after,
  .wrapper .common_link_button nav ul li span:after,
  .wrapper nav ul li .common_link_button span:after {
    content: "";
    position: absolute;
    right: 25px;
    top: 50%;
    margin-top: -13px;
    display: block;
    width: 15px;
    height: 15px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    overflow: hidden;
    margin-top: -6px;
    right: 21px;
    border-color: #222;
    border-width: 2px;
    width: 10px;
    height: 10px; }
  .wrapper a.common_link_button:hover:after, .wrapper nav ul li span.common_link_button:hover:after,
  .wrapper .common_link_button a:hover:after,
  .wrapper .common_link_button nav ul li span:hover:after,
  .wrapper nav ul li .common_link_button span:hover:after {
    content: "";
    position: absolute;
    right: 25px;
    top: 50%;
    margin-top: -13px;
    display: block;
    width: 15px;
    height: 15px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    overflow: hidden;
    margin-top: -6px;
    right: 21px;
    border-color: #195bbd;
    border-width: 2px;
    width: 10px;
    height: 10px; }
.wrapper .common_link_button {
  display: none; }
.wrapper a.next_button, .wrapper nav ul li span.next_button {
  display: block;
  background: #ffd900;
  text-align: center;
  color: #fff;
  padding: 13px 0;
  position: relative;
  font-size: 12px;
  margin-top: 10px;
  border-radius: 5px;
  text-decoration: none;
  font-weight: bold;
  line-height: 1em;
  transition: all 0.3s;
  -webkit-transition: all 0.3s; }
  .wrapper a.next_button span, .wrapper nav ul li span.next_button span {
    display: block;
    font-size: 15px;
    font-weight: normal;
    line-height: 1em;
    padding-top: 5px; }
  .wrapper a.next_button:after, .wrapper nav ul li span.next_button:after {
    content: "";
    position: absolute;
    right: 18px;
    top: 50%;
    margin-top: -6px;
    display: block;
    width: 8px;
    height: 8px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    overflow: hidden; }
  .wrapper a.next_button:hover, .wrapper nav ul li span.next_button:hover {
    opacity: 0.9; }
.wrapper .youtube_wrap {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.25%; }
  .wrapper .youtube_wrap iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important; }
.wrapper .uliza_wrap {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.25%; }
  .wrapper .uliza_wrap div[poster] {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: 100% !important; }
.wrapper #movie iframe {
  vertical-align: top; }
.wrapper .youtube_pop {
  position: relative;
  height: 160px;
  overflow: hidden; }
.wrapper .youtube_pop img {
  width: 100%;
  height: auto; }
.wrapper .youtube_pop a:after, .wrapper .youtube_pop nav ul li span:after, .wrapper nav ul li .youtube_pop span:after {
  content: "";
  background: url(../images/icon_youtube.png) no-repeat;
  background-size: contain;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 50px;
  height: 35px;
  margin: -18px 0 0 -25px; }
.wrapper .sns_box {
  position: relative;
  text-align: center;
  overflow: hidden;
  transition: all 0.3s;
  -webkit-transition: all 0.3s; }
  .wrapper .sns_box:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../images/img_sns.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    top: 0;
    left: 0; }
  .wrapper .sns_box .sns_bg {
    padding: 15px 15px 30px 15px;
    position: relative;
    z-index: 2;
    background: rgba(25, 91, 189, 0.6); }
  .wrapper .sns_box h1 {
    color: #fff;
    font-size: 16px;
    padding-bottom: 20px;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.5); }
  .wrapper .sns_box ul.sns_link {
    display: table;
    table-layout: fixed;
    width: 100%; }
    .wrapper .sns_box ul.sns_link li {
      display: table-cell;
      text-align: center; }
  .wrapper .sns_box a, .wrapper .sns_box nav ul li span, .wrapper nav ul li .sns_box span {
    position: relative;
    width: 80%;
    min-width: 50px;
    height: 50px;
    display: block;
    z-index: 2;
    background: #fff;
    border-radius: 100px;
    overflow: hidden;
    margin: 0 auto;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); }
.wrapper .video_service {
  background: #fff; }
  .wrapper .video_service h1 {
    font-size: 18px;
    line-height: 1em;
    padding: 15px 10px 15px 10px;
    color: #222;
    border-top: solid 4px #195bbd; }
  .wrapper .video_service .common_title_second {
    color: #fff;
    padding: 20px; }
  .wrapper .video_service li {
    padding: 10px;
    border-top: solid 1px #efefef; }
    .wrapper .video_service li img {
      display: block;
      width: 50%;
      float: left;
      margin: 0 10px 0 0;
      border-radius: 3px; }
    .wrapper .video_service li a, .wrapper .video_service nav ul li span, .wrapper nav ul .video_service li span {
      transition: all 0.3s;
      -webkit-transition: all 0.3s;
      display: block;
      text-decoration: none;
      color: #222;
      font-size: 78%;
      line-height: 1.5em; }
    .wrapper .video_service li:after {
      content: "";
      display: block;
      clear: both; }
    .wrapper .video_service li.other {
      text-decoration: underline;
      text-align: right; }
    .wrapper .video_service li:hover {
      opacity: 0.9; }
  .wrapper .video_service li.large img {
    width: 100%;
    float: none;
    border-radius: 3px 3px 0 0; }
  .wrapper .video_service li.large span.txt {
    display: block;
    padding: 10px;
    background: #000;
    color: #fff;
    font-size: 14px;
    border-radius: 0 0 3px 3px; }
.wrapper #content_right li.large img {
  width: 100%;
  float: none;
  border-radius: 3px 3px 0 0; }
.wrapper #content_right li.large span.txt {
  display: block;
  padding: 10px;
  font-size: 14px; }
.wrapper #content_right li.original img {
  width: 100%;
  float: none;
  border-radius: 3px 3px 0 0; }
.wrapper #content_right li.original span.txt {
  display: block;
  padding: 10px;
  background: #000;
  color: #fff;
  font-size: 14px;
  border-radius: 0 0 3px 3px; }
.wrapper #content_left .video_service ul {
  background: #fff;
  padding: 10px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap; }
  .wrapper #content_left .video_service ul:after {
    content: "";
    display: block;
    clear: both; }
.wrapper #content_left .video_service li {
  padding: 10px;
  width: 33.33%;
  float: left;
  border: none; }
  .wrapper #content_left .video_service li img {
    width: 100%; }
  .wrapper #content_left .video_service li a, .wrapper #content_left .video_service nav ul li span, .wrapper nav ul #content_left .video_service li span {
    font-size: 14px;
    color: #333; }
  .wrapper #content_left .video_service li span {
    margin-top: 5px; }
  .wrapper #content_left .video_service li.other {
    clear: both;
    width: 100%;
    float: none;
    text-align: right; }
.wrapper .sp_banner_box {
  background: #fff; }
  .wrapper .sp_banner_box ul li {
    border-bottom: solid 1px #e9e9e9;
    font-size: 16px;
    position: relative; }
    .wrapper .sp_banner_box ul li.new:after {
      content: "NEW";
      display: block;
      position: absolute;
      top: 3px;
      left: 3px;
      width: 40px;
      padding: 3px;
      background: #f00;
      color: #fff;
      font-size: 10px;
      line-height: 1;
      font-weight: bold;
      text-align: center; }
    .wrapper .sp_banner_box ul li:last-child {
      border-bottom: none;
      margin-bottom: 0;
      padding-bottom: 0; }
    .wrapper .sp_banner_box ul li img {
      width: 100%; }
    .wrapper .sp_banner_box ul li a, .wrapper .sp_banner_box nav ul li span, .wrapper nav .sp_banner_box ul li span {
      color: #333;
      text-decoration: none;
      display: table;
      padding: 10px;
      width: calc(100% - 20px);
      transition: all 0.3s;
      -webkit-transition: all 0.3s; }
      .wrapper .sp_banner_box ul li a:hover, .wrapper .sp_banner_box nav ul li span:hover, .wrapper nav .sp_banner_box ul li span:hover {
        color: #195bbd;
        background: white; }
      .wrapper .sp_banner_box ul li a:hover img, .wrapper .sp_banner_box nav ul li span:hover img, .wrapper nav .sp_banner_box ul li span:hover img {
        opacity: 0.9; }
      .wrapper .sp_banner_box ul li a:after, .wrapper .sp_banner_box nav ul li span:after, .wrapper nav .sp_banner_box ul li span:after {
        content: "";
        display: block;
        clear: both; }
      .wrapper .sp_banner_box ul li a .sp_img, .wrapper .sp_banner_box nav ul li span .sp_img, .wrapper nav .sp_banner_box ul li span .sp_img {
        display: table-cell;
        width: 220px; }
      .wrapper .sp_banner_box ul li a .txt, .wrapper .sp_banner_box nav ul li span .txt, .wrapper nav .sp_banner_box ul li span .txt {
        display: table-cell;
        text-align: left;
        vertical-align: middle;
        font-size: 18px;
        padding: 0 20px; }
.wrapper #bangumi_page_top {
  position: fixed;
  bottom: 20px;
  left: 50%;
  margin-left: 520px;
  z-index: 5;
  width: 60px;
  height: 60px;
  background: #195bbd;
  border-radius: 100px;
  text-indent: -999px;
  display: block;
  overflow: hidden;
  transition: all 0.3s;
  -webkit-transition: all 0.3s; }
  .wrapper #bangumi_page_top:after {
    content: "";
    position: absolute;
    right: 25px;
    top: 50%;
    margin-top: -13px;
    display: block;
    width: 15px;
    height: 15px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    overflow: hidden;
    margin-top: -5px;
    right: 21px; }
  .wrapper #bangumi_page_top:hover {
    opacity: 0.9; }
  .wrapper #bangumi_page_top.hide {
    bottom: -80px; }

/**********************************************************************
インデックス
**********************************************************************/
#index.wrapper .common_title_second.sns {
  padding: 5px;
  text-align: center; }
#index.wrapper .bn_list li {
  display: none; }
#index.wrapper .bn_list li:nth-child(-n+3) {
  display: block; }
#index.wrapper .pager {
  display: none; }
#index.wrapper .pageNum {
  display: none; }
@media screen and (min-width: 1300px) {
  #index.wrapper .bn_list li:nth-child(-n+4) {
    display: block; } }

/*インデックス 概要
--------------------------------------------------------------------*/
.wrapper #outline {
  background: #fff;
  overflow: hidden; }
  .wrapper #outline .outline_box {
    padding: 30px; }
  .wrapper #outline .cast_box {
    padding: 0 30px 30px 30px; }

/*インデックス 概要
--------------------------------------------------------------------*/
.wrapper #form .common_box {
  padding: 40px;
  font-size: 16px; }

/*キャスト＆ゲスト
--------------------------------------------------------------------*/
.wrapper .cast_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 100%;
  padding: 0 20px 20px 20px; }
  .wrapper .cast_list li {
    margin: 20px 2% 0 2%;
    width: 29%;
    line-height: 1.3;
    text-align: center; }
  .wrapper .cast_list li .name {
    display: block;
    margin: 10px 0 5px 0;
    font-size: 16px;
    font-weight: bold; }
  .wrapper .cast_list li .actor {
    display: block;
    margin: 5px 0;
    font-size: 14px; }
  .wrapper .cast_list li .desc {
    display: block;
    font-size: 12px;
    color: #666; }
  .wrapper .cast_list li img {
    width: 100%;
    height: auto;
    border-radius: 50%; }
.wrapper .cast_list.img1 li {
  width: 28%; }
.wrapper .cast_list.img2 li {
  margin-right: 5%;
  width: 28%; }
.wrapper .cast_list.img3 li {
  width: 20%; }

@media screen and (min-width: 1300px) {
  .wrapper #outline .movie_wrap_outer {
    width: 50%;
    padding: 30px;
    float: left; }
  .wrapper #outline .outline_box {
    width: 50%;
    padding: 30px 30px 30px 0;
    float: right; }
  .wrapper #outline .cast_list li {
    margin: 20px 2% 0 2%;
    width: 21%;
    line-height: 1.3;
    text-align: center; } }
/**********************************************************************
#下層ページ
**********************************************************************/
.wrapper.bottom h1.pageTitle {
  font-size: 150%;
  display: block; }
.wrapper.bottom .common_title {
  border-top: none;
  background: #222;
  padding: 15px 0 15px 40px;
  font-size: 20px;
  line-height: 1em;
  position: relative; }
  .wrapper.bottom .common_title:after {
    content: "";
    width: 8px;
    height: 50%;
    background: #ffd900;
    display: block;
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -15px; }
.wrapper.bottom .super_large_text {
  font-size: 36px;
  line-height: 1.4em;
  letter-spacing: -1px;
  font-weight: bold; }
.wrapper.bottom .large_text {
  font-size: 22px;
  line-height: 1.4em;
  font-weight: bold; }
.wrapper.bottom .small_text {
  font-size: 12px;
  line-height: 1.4em;
  font-weight: bold; }
.wrapper.bottom .common_box {
  padding: 30px; }
.wrapper.bottom a.next_button, .wrapper.bottom nav ul li span.next_button {
  padding: 25px 0;
  font-weight: bold;
  font-size: 15px; }
  .wrapper.bottom a.next_button span, .wrapper.bottom nav ul li span.next_button span {
    font-weight: bold;
    font-size: 20px;
    padding-top: 10px; }
  .wrapper.bottom a.next_button:after, .wrapper.bottom nav ul li span.next_button:after {
    content: "";
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -8px;
    display: block;
    width: 10px;
    height: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    overflow: hidden;
    border-width: 3px; }
.wrapper.bottom .bnr_large {
  background: #fff;
  border: solid 1px #ddd; }
  .wrapper.bottom .bnr_large a, .wrapper.bottom .bnr_large nav ul li span, .wrapper.bottom nav ul li .bnr_large span {
    transition: all 0.3s;
    -webkit-transition: all 0.3s; }
    .wrapper.bottom .bnr_large a:hover, .wrapper.bottom .bnr_large nav ul li span:hover, .wrapper.bottom nav ul li .bnr_large span:hover {
      opacity: 0.8; }
  .wrapper.bottom .bnr_large img {
    width: 100%;
    height: auto; }

/**********************************************************************
	mainvisual
**********************************************************************/
.wrapper {
  /* Youtube*/
  /* brightcove*/ }
  .wrapper .mainvisual {
    background: url(../images/bg.png);
    position: relative;
    width: 100%;
    min-height: 365px;
    overflow: hidden;
    overflow: hidden; }
    @media screen and (min-width: 1300px) {
      .wrapper .mainvisual {
        min-height: 433px; } }
    .wrapper .mainvisual li {
      float: left; }
    .wrapper .mainvisual .slider img {
      width: 100%;
      max-width: 770px;
      height: auto;
      margin: auto; }
  @media screen and (min-width: 1300px) {
    .wrapper .movie_wrap_outer {
      padding: 0 100px; } }
  .wrapper .movie_wrap {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden; }
  .wrapper .movie_wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .wrapper .bc_wrap {
    position: relative;
    width: 100%;
    adding-top: 56.25%; }
  .wrapper .bc_wrap .bc_inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

/**********************************************************************
	bangumi_box
**********************************************************************/
.wrapper .bangumi_box {
  background: #fff;
  padding: 40px;
  margin: 0 0 30px 0; }
.wrapper h2.bangumi_head {
  color: #111;
  overflow: hidden; }
.wrapper h2.bangumi_head .bangumi_date {
  display: block;
  font-size: 16px;
  color: #444;
  margin: 0 0 10px 0; }
.wrapper h2.bangumi_head .bangumi_tit {
  display: block;
  font-size: 30px;
  line-height: 1.4;
  font-weight: bold;
  margin: 0 0 30px 0; }
.wrapper .bangumi_box .detail {
  font-size: 18px;
  padding: 0  0  40px  0;
  position: relative; }
  .wrapper .bangumi_box .detail p {
    font-size: 16px;
    margin: 0 0 1em 0; }
  .wrapper .bangumi_box .detail .bangumi_tit_sub {
    font-size: 18px;
    margin: 0 -5px 0.5em -5px;
    background: #f5f5f5;
    padding: 10px; }
.wrapper .bangumi_box a.btn, .wrapper .bangumi_box nav ul li span.btn, .wrapper nav ul li .bangumi_box span.btn {
  width: 95%;
  margin: 0 auto 30px auto; }
.wrapper .readmore {
  display: none; }

#index.wrapper .bangumi_box .detail.hide {
  height: 150px;
  overflow: hidden; }
#index.wrapper .bangumi_box .detail .readmore {
  position: absolute;
  display: block;
  bottom: 0;
  width: 100%;
  padding: 20px 0 5px 0;
  text-align: center;
  background: transparent linear-gradient(180deg, rgba(255, 255, 255, 0.5), white) repeat scroll 0 0;
  font-weight: bold;
  cursor: pointer;
  z-index: 999; }
#index.wrapper .bangumi_box .detail .readmore span {
  border-radius: 20px;
  padding: 5px 30px;
  background: #195bbd;
  color: #fff; }

/**********************************************************************
	バックナンバーサムネイル
**********************************************************************/
.wrapper .bn_title {
  color: #888;
  font-size: 185%;
  margin: 0 0 20px 0; }
.wrapper .bn_list {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap; }
.wrapper .bn_list li:nth-child(3n) {
  margin: 0 0 20px 0; }
.wrapper .bn_list li {
  display: none;
  width: 32%;
  background: #fff;
  border: solid 1px #ddd;
  cursor: pointer;
  margin: 0 2% 20px 0;
  overflow: hidden; }
.wrapper .bn_img {
  position: relative;
  overflow: hidden; }
.wrapper .movie .bn_img:after {
  content: "";
  background: url(../../common/images/icon_movie.png) no-repeat;
  background-size: contain;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 50px;
  height: 35px;
  margin: -18px 0 0 -25px; }
.wrapper .youtube .bn_img:after {
  content: "";
  background: url(../../common/images/icon_youtube.png) no-repeat;
  background-size: contain;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 50px;
  height: 35px;
  margin: -18px 0 0 -25px; }
.wrapper .bn_img img {
  width: 100%;
  transition: all 0.3s;
  transform-origin: center;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }
.wrapper .bn_list li:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1); }
.wrapper .bn_txt_box {
  padding: 10px 10px 15px 10px;
  line-height: 1.4; }
.wrapper .bn_date {
  color: #888;
  margin: 0 0 5px 0; }
.wrapper .bn_txt {
  color: #111;
  font-size: 116%;
  font-weight: bold; }
.wrapper .bn_txt a, .wrapper .bn_txt nav ul li span, .wrapper nav ul li .bn_txt span,
.wrapper .bn_txt a:hover,
.wrapper .bn_txt nav ul li span:hover,
.wrapper nav ul li .bn_txt span:hover {
  color: #111;
  text-decoration: none; }

/**********************************************************************
	ページ送り
**********************************************************************/
.wrapper .pager {
  width: 100%;
  margin: 20px 0 30px 0;
  overflow: hidden; }
.wrapper .pager .pagenation {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  position: relative; }
.wrapper .pager .pagenation li {
  margin: 0 2px; }
.wrapper .pager .pagenation li.btn_first {
  position: absolute;
  top: 0;
  left: 0; }
.wrapper .pager .pagenation li.btn_first span {
  display: none; }
.wrapper .pager .pagenation li.btn_last {
  position: absolute;
  top: 0;
  right: 0; }
.wrapper .pager .pagenation li.btn_last span {
  display: none; }
.wrapper .pager .pagenation li a, .wrapper .pager .pagenation nav ul li span, .wrapper nav ul .pager .pagenation li span,
.wrapper .pager .pagenation li span {
  display: block;
  padding: 0.6em 0;
  font-size: 15px;
  width: 2.8em;
  text-decoration: none;
  background: #fff;
  border-radius: 3px;
  border: solid 1px #ddd;
  color: #999;
  text-align: center; }
.wrapper .pager .pagenation li a:hover, .wrapper .pager .pagenation nav ul li span:hover, .wrapper nav ul .pager .pagenation li span:hover {
  color: #fff;
  background: #ccc;
  border: solid 1px #ccc; }
.wrapper .pager .pagenation li.here a, .wrapper .pager .pagenation nav ul li.here span, .wrapper nav ul .pager .pagenation li.here span {
  color: #fff;
  background: #333;
  border: solid 1px #333; }
.wrapper #bn_list .pageNum {
  /*margin:30px 0;
  text-align:center;*/
  display: none; }

/* NEWS
-------------------------------------------------------*/
#news.wrapper .common_title_second {
  padding: 10px;
  font-size: 14px; }
#news.wrapper article section.common_box {
  margin-bottom: 30px; }
#news.wrapper ul#news_list,
#news.wrapper .newsAutoPage_item {
  display: none;
  margin-bottom: 30px; }
#news.wrapper ul#news_list li a, #news.wrapper nav ul#news_list li span {
  display: block;
  background: #fff;
  padding: 10px;
  position: relative;
  text-decoration: none;
  border-top: solid 1px #ececec;
  color: #525252;
  line-height: 1.4;
  overflow: hidden; }
  #news.wrapper ul#news_list li a:hover, #news.wrapper nav ul#news_list li span:hover {
    background: #f1f6fd; }
  #news.wrapper ul#news_list li a .thum, #news.wrapper nav ul#news_list li span .thum {
    display: block;
    float: left;
    width: 29%;
    background: url(../../smp/news/images/noimage.png) top left no-repeat;
    background-size: 100%;
    min-height: 106px; }
  #news.wrapper ul#news_list li a .thum img, #news.wrapper nav ul#news_list li span .thum img {
    width: 100%;
    height: auto; }
  #news.wrapper ul#news_list li a .txt, #news.wrapper nav ul#news_list li span .txt {
    display: block;
    float: right;
    width: 68%; }
  #news.wrapper ul#news_list li a span.date, #news.wrapper nav ul#news_list li span span.date {
    display: block;
    font-size: 12px;
    line-height: 1;
    margin-bottom: 4px;
    color: #195bbd; }

/**********************************************************************
	@media
**********************************************************************/
@media screen and (min-width: 1300px) {
  .wrapper .wrapper_inner {
    width: 1300px; }
  .wrapper #content_left {
    width: 970px; }
  .wrapper nav ul li a, .wrapper nav ul li span {
    border-top: none; }
  .wrapper #bangumi_page_top {
    margin-left: 680px; }
  .wrapper #reccomend_drama .reccomend_drama_wrapper_inner {
    width: 1300px; }
  .wrapper #reccomend_drama ul li {
    width: 15.5%; }
  .wrapper .bnr_large {
    background: #fff;
    border: solid 1px #ddd;
    padding: 0 150px; }
  .wrapper .bn_list li, .wrapper .bn_list li:nth-child(3n) {
    width: 235px;
    margin: 0 10px 20px 0; }
  .wrapper .bn_list li:nth-child(4n) {
    margin: 0 0 20px 0; }
  .wrapper .bangumi_box {
    padding: 40px 100px 60px 100px; }
  .wrapper .news_article {
    float: left;
    width: 650px; }
  .wrapper .news_archive {
    float: right;
    width: 300px;
    margin-bottom: 30px; }
  .wrapper #video .title {
    font-size: calc( 16px + 0.5vw);
    padding: 15px; }
  .wrapper #video .video_holder_wrap {
    margin: 0 100px;
    overflow: inherit !important; }
  .wrapper #video .video_holder_wrap:before,
  .wrapper #video .video_holder_wrap:after {
    content: "";
    display: block;
    position: absolute;
    width: 100px;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 10; }
  .wrapper #video .video_holder_wrap:before {
    left: 0;
    top: 0; }
  .wrapper #video .video_holder_wrap:after {
    right: 0;
    top: 0; }
  .wrapper #video_wrap #video_bnr {
    padding: 0 90px 0 80px; }

  #news.wrapper ul#news_list li a .thum, #news.wrapper nav ul#news_list li span .thum {
    min-height: 55px; }

  #special.wrapper ul#sp_list li a .thum, #special.wrapper nav ul#sp_list li span .thum {
    min-height: 55px; } }
.wrapper .common_link_button.open {
  cursor: pointer; }

.wrapper .common_link_button.open:after,
.wrapper .common_link_button.open:hover:after {
  -webkit-transform: translateY(-50%) rotate(135deg);
  transform: translateY(-50%) rotate(135deg);
  top: calc(50% + 5px); }