@charset "UTF-8";
body { margin: 0; }

.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 .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 { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; border: 0; outline: 0; }

.wrapper { line-height: 1; }

.wrapper article, .wrapper aside, .wrapper details, .wrapper figcaption, .wrapper figure, .wrapper footer, .wrapper header, .wrapper hgroup, .wrapper menu, .wrapper nav, .wrapper section { display: block; }

.wrapper ol, .wrapper ul { list-style: none; }

.wrapper blockquote, .wrapper q { quotes: none; }

.wrapper blockquote:before, .wrapper blockquote:after, .wrapper q:before, .wrapper q:after { content: ''; content: none; }

.wrapper a, .wrapper nav ul li span { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; }

.wrapper mark { font-style: italic; font-weight: bold; color: #000; background-color: #ff9; }

.wrapper del { text-decoration: line-through; }

.wrapper table { border-collapse: collapse; border-spacing: 0; }

.wrapper hr { display: block; height: 1px; margin: 1em 0; padding: 0; border: 0; border-top: 1px solid #ccc; }

.wrapper input, .wrapper select { vertical-align: middle; }

.wrapper img { font-size: 0; line-height: 0; vertical-align: top; }

.bangumi_youtube_button { position: relative; padding: 10px; font-weight: bold; font-size: 150%; color: #fff; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3); background: #ea6706; border-bottom: #ca5800; border-radius: 10px; }

.bangumi_youtube_button::after { position: absolute; top: 50%; right: 10px; display: block; width: 10px; height: 10px; margin-top: -12px; overflow: hidden; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(45deg); }

/**********************************************************************
基本設定
**********************************************************************/
.wrapper { margin: 0 auto; font-size: 14px; line-height: 1.9; font-family: Helvetica, Arial, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", Osaka, "MS PGothic", sans-serif; color: #333; background: #e9e9e9; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

@media screen and (max-width: 768px) { .wrapper { font-size: 16px; line-height: 1.6; } }

@media screen and (max-width: 768px) { .wrapper p { font-size: 16px; } }

.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; }

@media screen and (max-width: 768px) { .wrapper .wrapper_inner { width: 100%; } }

.wrapper #content_left { float: left; width: 650px; margin: 0; }

@media screen and (max-width: 768px) { .wrapper #content_left { width: 100%; } }

.wrapper #content_right { float: right; width: 300px; margin-top: 15px; }

@media screen and (max-width: 768px) { .wrapper #content_right { width: 100%; margin: 20px 0 0; } }

/**********************************************************************
	テキスト
**********************************************************************/
@media screen and (min-width: 768px) { .wrapper .smp_only { display: none !important; } }

@media screen and (max-width: 768px) { .wrapper .pc_only { display: none !important; } }

.wrapper .center { text-align: center; }

.wrapper .left { text-align: left; }

.wrapper .right { text-align: right; }

.wrapper .hidetext { overflow: hidden; font-size: 1px; text-indent: -9999px; }

.wrapper .none { display: none; }

.wrapper .txt_x-large { font-size: 131%; }

.wrapper .txt_large { font-size: 116%; }

.wrapper .txt_small { font-size: 85%; }

.wrapper .txt_x-small { font-size: 77%; }

.wrapper .thin { font-weight: normal; }

.wrapper .attenntion { margin-left: 1em; line-height: 140%; text-indent: -1em; }

.wrapper .red { color: #ff3c3c; }

.wrapper .blue { color: #1e78ff; }

.wrapper .pink { color: #ff61e7; }

.wrapper .green { color: #00b064; }

.wrapper .orange { color: #ff7830; }

.wrapper .mincho { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }

.wrapper .italic { font-style: italic; }

.wrapper .bold { font-weight: bold; }

.wrapper .large { font-size: 130%; }

.wrapper .m_large { font-size: 160%; }

.wrapper .s_large { font-size: 200%; }

@media screen and (max-width: 768px) { .wrapper .large { font-size: 120%; }
  .wrapper .m_large { font-size: 140%; }
  .wrapper .s_large { font-size: 180%; } }

/**********************************************************************
 印刷制限
**********************************************************************/
@media print { .wrapper .print_none { display: none !important; } }

/**********************************************************************
 フロート
**********************************************************************/
.wrapper .float_l { float: left; }

.wrapper .float_r { float: right; }

.wrapper .clearfix:after { content: ''; display: block; clear: both; }

.wrapper .clear { clear: both; }

/**********************************************************************
margin / padding
*********************************************************************/
@media screen and (min-width: 768px) { .wrapper .mt5 { margin-top: 5px !important; }
  .wrapper .mt10 { margin-top: 10px !important; }
  .wrapper .mt15 { margin-top: 15px !important; }
  .wrapper .mt20 { margin-top: 20px !important; }
  .wrapper .mt30 { margin-top: 30px !important; }
  .wrapper .mt40 { margin-top: 40px !important; }
  .wrapper .mt50 { margin-top: 50px !important; }
  .wrapper .mt60 { margin-top: 60px !important; }
  .wrapper .mt80 { margin-top: 80px !important; }
  .wrapper .mb5 { margin-bottom: 5px !important; }
  .wrapper .mb10 { margin-bottom: 10px !important; }
  .wrapper .mb15 { margin-bottom: 15px !important; }
  .wrapper .mb20 { margin-bottom: 20px !important; }
  .wrapper .mb30 { margin-bottom: 30px !important; }
  .wrapper .mb40 { margin-bottom: 40px !important; }
  .wrapper .mb50 { margin-bottom: 50px !important; }
  .wrapper .mb60 { margin-bottom: 60px !important; }
  .wrapper .mb80 { margin-bottom: 80px !important; }
  .wrapper .lr_p20 { padding: 0 20px !important; }
  .wrapper .pt10 { padding-top: 10px !important; }
  .wrapper .pt20 { padding-top: 20px !important; }
  .wrapper .p20 { padding: 20px !important; } }

.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; }

@media screen and (max-width: 768px) { .wrapper .mt5 { margin-top: .78vw !important; }
  .wrapper .mt10 { margin-top: 1.56vw !important; }
  .wrapper .mt15 { margin-top: 2.5vw !important; }
  .wrapper .mt20 { margin-top: 3.12vw !important; }
  .wrapper .mt30 { margin-top: 5vw !important; }
  .wrapper .mt40 { margin-top: 6.24vw !important; }
  .wrapper .mt50 { margin-top: 7.8vw !important; }
  .wrapper .mt80 { margin-top: 12.48vw !important; }
  .wrapper .mb5 { margin-bottom: .78vw !important; }
  .wrapper .mb10 { margin-bottom: 1.56vw !important; }
  .wrapper .mb15 { margin-bottom: 2.5vw !important; }
  .wrapper .mb20 { margin-bottom: 3.12vw !important; }
  .wrapper .mb30 { margin-bottom: 5vw !important; }
  .wrapper .mb40 { margin-bottom: 6.24vw !important; }
  .wrapper .mb50 { margin-bottom: 7.8vw !important; }
  .wrapper .mb60 { margin-bottom: 10vw !important; }
  .wrapper .mb80 { margin-bottom: 12.48vw !important; }
  .wrapper .lr_p20 { padding: 0 3.12vw !important; }
  .wrapper .p20 { padding: 3.12vw !important; }
  .wrapper .pt10 { padding-top: 1.56vw !important; }
  .wrapper .pt20 { padding-top: 3.12vw !important; } }

/**********************************************************************
NAV
**********************************************************************/
.wrapper nav { color: #fff; background: #ff3681; }

.wrapper nav h1 a, .wrapper nav h1 ul li span, .wrapper nav ul li h1 span { display: block; height: 130px; overflow: hidden; text-indent: -9999px; background: #fff url(../images/img_logo.jpg) center center; }

@media screen and (max-width: 768px) { .wrapper nav h1 a, .wrapper nav h1 ul li span, .wrapper nav ul li h1 span { height: 80px; background: #fff url(../images/img_logo_smp.jpg) center center/auto 100%; } }

.wrapper nav h1 img { -webkit-transition: all 0.3s; transition: all 0.3s; }

.wrapper nav h1 img:hover { opacity: .8; }

.wrapper nav h2 { display: block; padding: 10px 20px; font-weight: normal; font-size: 20px; line-height: 1; text-align: center; background: rgba(0, 0, 0, 0.2); }

@media screen and (max-width: 768px) { .wrapper nav h2 { font-weight: bold; font-size: 16px; } }

.wrapper nav ul { display: flex; flex-wrap: wrap; }

.wrapper nav ul.pc_col2 li { width: 50%; }

.wrapper nav ul.pc_col3 li { width: 33.33%; }

.wrapper nav ul.pc_col4 li { width: 25%; }

.wrapper nav ul.pc_col5 li { width: 20%; }

.wrapper nav ul.pc_col6 li { width: 16.6%; }

.wrapper nav ul li { width: 33.33%; display: flex; }

@media screen and (max-width: 768px) { .wrapper nav ul li { width: 50% !important; } }

@media screen and (max-width: 768px) { .wrapper nav ul li:nth-child(1) a, .wrapper nav ul li:nth-child(1) span, .wrapper nav ul li:nth-child(2) a, .wrapper nav ul li:nth-child(2) span { border-top: none; }
  .wrapper nav ul li:nth-child(2n) a, .wrapper nav ul li:nth-child(2n) span { border-right: none; } }

@media screen and (min-width: 1300px) { .wrapper nav ul li a, .wrapper nav ul li span { border-bottom: none; } }

.wrapper nav ul li a, .wrapper nav ul li span { -webkit-transition: all 0.3s; transition: all 0.3s; display: flex; justify-content: center; align-items: center; width: 100%; padding: 17px 5px; font-size: 18px; line-height: 1.1; text-align: center; color: #fff; text-decoration: none; border-right: solid 1px rgba(255, 255, 255, 0.2); border-bottom: solid 1px rgba(255, 255, 255, 0.2); }

@media screen and (max-width: 768px) { .wrapper nav ul li a, .wrapper nav ul li span { padding: 12px 5px; font-weight: bold; font-size: 14px; border-top: solid 1px rgba(255, 255, 255, 0.2); border-bottom: none; } }

.wrapper nav ul li a.current, .wrapper nav ul li span.current, .wrapper nav ul li a:hover, .wrapper nav ul li span:hover { background: rgba(255, 255, 255, 0.2); }

.wrapper nav ul li span { cursor: default; opacity: .5; }

.wrapper nav ul li span:hover { background: none; }

/**********************************************************************
ソーシャルボタン
**********************************************************************/
/*SNSアイコンフォント*/
@font-face { font-style: normal; font-weight: normal; font-family: 'fontello'; src: url("/fonts/template_sns_icon.woff") format("woff"), url("/fonts/template_sns_icon.ttf") format("truetype"); }

.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 { display: block; font-size: 192%; line-height: 50px; font-family: 'fontello'; text-align: center; color: #fff; text-decoration: none; text-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.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: 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; z-index: -10; width: 100%; height: 100%; background: linear-gradient(15deg, #ffdb2c, #f9764c 25%, rgba(255, 77, 64, 0) 50%) no-repeat; }

.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 { position: relative; display: inline-block; width: 30px; height: 30px; margin: 0 5px 0 0; padding: 5px; font-size: 16px; line-height: 30px; border-radius: 100px; -webkit-transition: all .3s; transition: all .3s; }

@media screen and (max-width: 768px) { .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 { width: 35px; height: 35px; line-height: 35px; } }

.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; top: 0; left: 0; display: block; width: 30px; height: 30px; margin: 0; line-height: 30px; text-align: center; }

@media screen and (max-width: 768px) { .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 { width: 35px; height: 35px; line-height: 35px; } }

/**********************************************************************
	コンテンツ横スクロール表示
**********************************************************************/
@media screen and (max-width: 768px) { .wrapper .scrollbox { display: block; }
  .wrapper .scrollbox ul { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: no-wrap; width: 100%; overflow: scroll; -webkit-overflow-scrolling: touch; }
  .wrapper .scrollbox li { width: 100%; min-width: 55%; margin: 0 2% 0 0; vertical-align: top; background: #fff; border: solid 1px #ccc; border-radius: 4px; }
  .wrapper .scrollbox li:first-child { margin-left: 2%; }
  .wrapper .scrollbox li a, .wrapper .scrollbox nav ul li span, .wrapper nav ul .scrollbox li span { font-size: 85%; line-height: 1.2; color: #666; text-decoration: none; }
  .wrapper .scrollbox li a img, .wrapper .scrollbox nav ul li span img, .wrapper nav ul .scrollbox li span img { display: block; width: 100%; border-radius: 4px 4px 0 0; }
  .wrapper .scrollbox li a span, .wrapper .scrollbox nav ul li span span, .wrapper nav ul .scrollbox li span span { display: block; text-align: left; }
  .wrapper .scrollbox li a span.txt, .wrapper .scrollbox nav ul li span span.txt, .wrapper nav ul .scrollbox li span span.txt { display: block; padding: 10px; text-align: left; white-space: normal; } }

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

@media screen and (max-width: 768px) { .wrapper #reccomend_drama { padding: 20px 0; }
  .wrapper #reccomend_drama h1 { margin: 0 0 20px 10px; font-weight: normal; font-size: 16px; color: #555; }
  .wrapper #reccomend_drama li { min-width: 80%; padding: 0; font-size: 14px; border: solid 1px #ccc; }
  .wrapper #reccomend_drama li span.title { padding: 10px; font-size: 12px !important; }
  .wrapper #reccomend_drama li span.waku { display: block; margin-bottom: 5px; padding: 0; font-weight: normal; font-size: 10px; }
  .wrapper #reccomend_drama li:first-child { margin-left: 10px; } }

/**********************************************************************
共通パーツ
**********************************************************************/
@media screen and (max-width: 768px) { .wrapper .share_box h1 { text-align: center; }
  .wrapper .share_box .socialbtn { width: 270px; margin: 20px auto 10px auto; }
  .wrapper .share_box .sns_block #tx_social_bar { text-align: center; } }

@media screen and (min-width: 768px) { .wrapper .video_service { background: #fff; }
  .wrapper .video_service h1 { padding: 15px 10px 15px 10px; font-size: 18px; line-height: 1em; color: #222; border-top: solid 4px #ff3681; }
  .wrapper .video_service .common_title_second { padding: 20px; color: #fff; }
  .wrapper .video_service li { padding: 10px; border-top: solid 1px #efefef; }
  .wrapper .video_service li img { display: block; float: left; width: 50%; 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 { -webkit-transition: all 0.3s; transition: all 0.3s; display: block; font-size: 78%; line-height: 1.5em; color: #222; text-decoration: none; }
  .wrapper .video_service li:after { content: ''; display: block; clear: both; }
  .wrapper .video_service li.other { text-align: right; text-decoration: underline; }
  .wrapper .video_service li:hover { opacity: .9; } }

@media screen and (max-width: 768px) { .wrapper .video_service h1 { padding: 15px 10px 15px 10px; font-size: 16px; line-height: 1em; text-align: center; color: #fff; background: #ff3681; }
  .wrapper .video_service .banner { padding: 10px 0; }
  .wrapper .video_service .banner li.other { position: relative; }
  .wrapper .video_service .banner li.other a, .wrapper .video_service .banner nav ul li.other span, .wrapper nav ul .video_service .banner li.other span { position: absolute; top: 50%; padding: 40px; font-weight: bold; font-size: 14px; color: #222; -webkit-transform: translateY(-50%); transform: translateY(-50%); } }

@media screen and (min-width: 768px) { .wrapper .sp_banner_box { background: #fff; }
  .wrapper .sp_banner_box ul li { position: relative; font-size: 16px; border-bottom: solid 1px #e9e9e9; }
  .wrapper .sp_banner_box ul li.new:after { content: 'NEW'; position: absolute; top: 0; left: 0; display: block; width: 40px; padding: 3px; font-weight: bold; font-size: 10px; line-height: 1; text-align: center; color: #fff; background: #f00; border-radius: 1px; }
  .wrapper .sp_banner_box ul li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }
  .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 { -webkit-transition: all 0.3s; transition: all 0.3s; display: table; width: calc(100% - 20px); padding: 10px; color: #333; text-decoration: none; }
  .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: #ff3681; 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: .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; padding: 0 20px; font-size: 18px; vertical-align: middle; text-align: left; } }

@media screen and (max-width: 768px) { .wrapper .sp_banner_box ul { margin: 15px; }
  .wrapper .sp_banner_box ul li { position: relative; margin: 0 0 15px 0; background: #fff; border-radius: 4px; box-shadow: 0 0 1px rgba(0, 0, 0, 0.3); }
  .wrapper .sp_banner_box ul li.new:before { content: ''; position: absolute; top: -5px; left: -5px; z-index: 10; display: block; width: 30px; height: 30px; padding: 3px; background: #f00; border-radius: 50%; }
  .wrapper .sp_banner_box ul li.new:after { content: 'NEW'; position: absolute; top: 8px; left: 2px; z-index: 11; display: block; font-weight: bold; font-size: 10px; line-height: 1; text-align: center; color: #fff; }
  .wrapper .sp_banner_box ul li img { -webkit-transition: all 0.3s; transition: all 0.3s; width: 100%; border-radius: 4px 4px 0 0; }
  .wrapper .sp_banner_box ul li a, .wrapper .sp_banner_box nav ul li span, .wrapper nav .sp_banner_box ul li span { -webkit-transition: all 0.3s; transition: all 0.3s; display: block; padding: 0; color: #333; text-decoration: none; }
  .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: #ff3681; }
  .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: .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 .txt, .wrapper .sp_banner_box nav ul li span .txt, .wrapper nav .sp_banner_box ul li span .txt { display: block; padding: 15px; border-radius: 0 0 4px 4px; }
  .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 { padding: 0; } }

.wrapper .oa_alert { position: relative; padding: 10px 12px; font-weight: bold; font-size: 15px; line-height: 1.4; color: #e00; background: #fff; }

@media screen and (max-width: 768px) { .wrapper .oa_alert { padding: 10px; font-size: 14px; line-height: inherit; } }

.wrapper .oa_alert:before { content: '！'; display: inline-block; width: 18px; height: 18px; margin-right: 8px; font-weight: bold; font-size: 12px; line-height: 20px; text-align: center; color: #fff; background: #e00; border-radius: 100px; }

@media screen and (max-width: 768px) { .wrapper .oa_alert:before { width: 20px; height: 20px; } }

.wrapper .common_title { padding: 15px; font-size: 18px; color: #fff; background: #222; border-top: solid 3px #ff3681; }

.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 { -webkit-transition: all 0.3s; transition: all 0.3s; position: relative; display: block; padding: 15px; color: #fff; text-decoration: none; }

.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; top: 50%; right: 18px; display: block; width: 8px; height: 8px; margin-top: -6px; overflow: hidden; border-top: 2px solid #fff; border-right: 2px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.3s; 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 { opacity: .8; }

.wrapper .common_title.arrow a:hover, .wrapper .common_title.arrow nav ul li span:hover, .wrapper nav ul li .common_title.arrow span:hover { opacity: .8; }

.wrapper .common_title.no_top_border { border-top: none; }

.wrapper .common_title_second { padding: 20px; font-weight: bold; font-size: 18px; line-height: 1.1em; color: #fff; background: #ff3681; }

@media screen and (max-width: 768px) { .wrapper .common_title_second { font-size: 18px; } }

@media screen and (min-width: 1300px) { .wrapper .common_title_second { font-size: 22px; } }

.wrapper .common_subtitle_second { padding-bottom: 12px; font-weight: bold; font-size: 22px; line-height: 1.3em; border-bottom: solid 2px #ff3681; }

@media screen and (max-width: 768px) { .wrapper .common_subtitle_second { font-size: 18px; } }

@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 { padding: 5px; font-weight: bold; font-size: 16px; border-bottom: solid 1px #666; }

@media screen and (max-width: 768px) { .wrapper .common_subtitle_border { font-size: 16px; } }

@media screen and (min-width: 1300px) { .wrapper .common_subtitle_border { font-size: 18px; } }

.wrapper .common_subtitle_first { margin-top: 70px; padding: 10px; font-weight: bold; font-size: 18px; line-height: 1.1em; color: #fff; background: #ff3681; }

@media screen and (max-width: 768px) { .wrapper .common_subtitle_first { margin-right: -15px; margin-left: -15px; font-size: 17px; text-align: center; } }

@media screen and (min-width: 1300px) { .wrapper .common_subtitle_first { font-size: 22px; } }

.wrapper .common_subtitle_third { padding-left: 15px; font-weight: bold; font-size: 22px; line-height: 1.1em; border-left: solid 6px #ff3681; }

@media screen and (max-width: 768px) { .wrapper .common_subtitle_third { padding-left: 10px; font-size: 16px; } }

@media screen and (min-width: 1300px) { .wrapper .common_subtitle_third { font-size: 24px; } }

.wrapper .common_large_date { display: block; margin-bottom: 15px; font-size: 20px; line-height: 1em; color: #ff3681; }

@media screen and (max-width: 768px) { .wrapper .common_large_date { margin-bottom: 8px; font-size: 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: #ff3681; }

.wrapper .common_table { width: 100%; }

.wrapper .common_table th { padding: 10px; vertical-align: top; text-align: left; color: #fff; background: #ff3681; border: solid 1px #e9e9e9; }

@media screen and (max-width: 768px) { .wrapper .common_table th { display: block; padding: 3px 8px; border: none; } }

.wrapper .common_table td { padding: 15px; vertical-align: top; border: solid 1px #e9e9e9; }

@media screen and (max-width: 768px) { .wrapper .common_table td { display: block; padding: 10px; border: none; } }

.wrapper .common_table.one_line th, .wrapper .common_table.one_line td { display: block; width: 100%; }

.wrapper .common_table.bg_light th { color: #333; background: #eeeeee; border-bottom: none; }

.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 { -webkit-transition: all 0.3s; transition: all 0.3s; position: relative; display: block; width: 68%; margin: 20px auto 0 auto; padding: 20px 10px; font-size: 16px; line-height: 1.1em; text-align: center; color: #222; text-decoration: none; border: solid 1px #222; border-radius: 5px; }

@media screen and (max-width: 768px) { .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 { width: auto; margin: 15px auto 0 auto; padding: 15px 10px; font-weight: bold; font-size: 13px; } }

.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 { color: #ff3681; background: white; border: solid 1px #ff3681; }

.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; top: 50%; right: 25px; display: block; width: 15px; height: 15px; margin-top: -13px; overflow: hidden; border-top: 2px solid #fff; border-right: 2px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); right: 21px; width: 10px; height: 10px; margin-top: -6px; border-width: 2px; border-color: #222; }

.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; top: 50%; right: 25px; display: block; width: 15px; height: 15px; margin-top: -13px; overflow: hidden; border-top: 2px solid #fff; border-right: 2px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); right: 21px; width: 10px; height: 10px; margin-top: -6px; border-width: 2px; border-color: #ff3681; }

.wrapper .common_link_button { display: none; }

.wrapper a.next_button, .wrapper nav ul li span.next_button { -webkit-transition: all 0.3s; transition: all 0.3s; position: relative; display: block; margin-top: 10px; padding: 13px 0; font-weight: bold; font-size: 12px; line-height: 1em; text-align: center; color: #fff; text-decoration: none; background: #ff3681; border-radius: 5px; }

.wrapper a.next_button span, .wrapper nav ul li span.next_button span { display: block; padding-top: 5px; font-weight: normal; font-size: 15px; line-height: 1em; }

.wrapper a.next_button:after, .wrapper nav ul li span.next_button:after { content: ''; position: absolute; top: 50%; right: 18px; display: block; width: 8px; height: 8px; margin-top: -6px; overflow: hidden; border-top: 2px solid #fff; border-right: 2px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); border-color: #fff; }

.wrapper a.next_button:hover, .wrapper nav ul li span.next_button:hover { opacity: .9; }

.wrapper ul.photo_thumbnail li { z-index: 1; float: left; overflow: hidden; }

.wrapper ul.photo_thumbnail li a:before, .wrapper nav ul.photo_thumbnail li span:before { -webkit-transition: all 0.3s; transition: all 0.3s; content: ''; position: absolute; top: 0; left: 0; z-index: 3; display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); backface-visibility: hidden; }

.wrapper ul.photo_thumbnail li a:hover:before, .wrapper nav ul.photo_thumbnail li span:hover:before { background: rgba(0, 0, 0, 0.2); }

.wrapper ul.photo_thumbnail li .caption { position: absolute; right: 0; bottom: 0; z-index: 4; padding: 3px; font-weight: bold; font-size: 24px; line-height: 1.1em; line-height: 1; color: #fff; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); }

.wrapper ul.photo_thumbnail.col4 li { width: calc(25% - 5px); margin: 5px 5px 5px 0; }

.wrapper ul.photo_thumbnail img { -webkit-transition: all 0.3s; transition: all 0.3s; width: 100%; height: auto; backface-visibility: hidden; }

.wrapper ul.photo_thumbnail a, .wrapper nav ul.photo_thumbnail li span { position: relative; z-index: 2; display: block; }

.wrapper ul.photo_thumbnail a:hover img, .wrapper nav ul.photo_thumbnail li span:hover img { transform: scale(1.1); }

.wrapper ul#randomGallery.photo_thumbnail li a:before, .wrapper nav ul#randomGallery.photo_thumbnail li span:before { display: none; }

.wrapper .youtube_wrap { position: relative; width: 100%; padding-top: 56.25%; }

.wrapper .youtube_wrap iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }

.wrapper .uliza_wrap { width: 630px; height: 354px; }

@media screen and (min-width: 1300px) { .wrapper .uliza_wrap { width: 770px; height: 433px; margin: 10px auto; } }

@media screen and (min-width: 1300px) { .wrapper .uliza_wrap div[poster] { width: 770px !important; height: 433px !important; } }

.wrapper #movie iframe { vertical-align: top; }

.wrapper .sns_box { -webkit-transition: all 0.3s; transition: all 0.3s; position: relative; overflow: hidden; text-align: center; }

.wrapper .sns_box:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; /* background: url(../../images/img_sns.jpg) center center no-repeat / cover; */ }

.wrapper .sns_box .sns_bg { position: relative; z-index: 2; padding: 15px 15px 30px 15px; background: rgba(255, 54, 129, 0.6); }

.wrapper .sns_box h1 { padding-bottom: 20px; font-size: 16px; color: #fff; text-shadow: 0 0 3px rgba(0, 0, 0, 0.5); }

.wrapper .sns_box ul.sns_link { display: table; width: 100%; table-layout: fixed; }

.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; z-index: 2; display: block; width: 80%; min-width: 50px; height: 50px; margin: 0 auto; overflow: hidden; background: #fff; border-radius: 100px; box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); }

.wrapper #content_right a img, .wrapper #content_right nav ul li span img, .wrapper nav ul li #content_right span img { -webkit-transition: all 0.3s; transition: all 0.3s; }

.wrapper #content_right a img:hover, .wrapper #content_right nav ul li span img:hover, .wrapper nav ul li #content_right span img:hover { opacity: 0.7; }

@media screen and (max-width: 768px) { .wrapper #content_right .yomu_wrap { position: relative; width: 100%; padding-top: 270px; border-top: solid 3px #ff3681; }
  .wrapper #content_right .yomu_wrap iframe { position: absolute; top: 0; right: 0; width: 100%; height: 280px; } }

.wrapper #content_right li.large img { float: none; width: 100%; border-radius: 3px 3px 0 0; }

.wrapper #content_right li.large span.txt { display: block; padding: 10px; font-size: 14px; }

@media screen and (max-width: 768px) { .wrapper #content_right li.large span.txt { font-size: 12px; } }

.wrapper #content_right li.original img { float: none; width: 100%; border-radius: 3px 3px 0 0; }

.wrapper #content_right li.original span.txt { display: block; padding: 10px; font-size: 14px; color: #fff; background: #000; border-radius: 0 0 3px 3px; }

.wrapper #content_left .video_service ul { display: flex; flex-wrap: wrap; padding: 10px; background: #fff; }

.wrapper #content_left .video_service ul:after { content: ''; display: block; clear: both; }

.wrapper #content_left .video_service li { width: 33.33%; padding: 10px; 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 { float: none; clear: both; width: 100%; text-align: right; }

.wrapper #bangumi_page_top { -webkit-transition: all 0.3s; transition: all 0.3s; position: fixed; bottom: 20px; left: 50%; z-index: 5; display: block; width: 60px; height: 60px; margin-left: 520px; overflow: hidden; text-indent: -999px; background: #ff3681; border-radius: 100px; }

@media screen and (max-width: 768px) { .wrapper #bangumi_page_top { right: 15px; bottom: 15px; left: auto; width: 50px; height: 50px; margin-left: 0; } }

.wrapper #bangumi_page_top:after { content: ''; position: absolute; top: 50%; right: 25px; display: block; width: 15px; height: 15px; margin-top: -13px; overflow: hidden; border-top: 2px solid #fff; border-right: 2px solid #fff; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); right: 21px; margin-top: -5px; }

@media screen and (max-width: 768px) { .wrapper #bangumi_page_top:after { right: 16.5px !important; } }

.wrapper #bangumi_page_top:hover { opacity: .9; }

.wrapper #bangumi_page_top.hide { bottom: -80px; }

@media screen and (max-width: 768px) { .wrapper iframe[id^="twitter-widget-"] { width: 768px !important; } }

/**********************************************************************
インデックス
**********************************************************************/
#index.wrapper .float_box { float: left; width: 50%; padding-left: 20px; }

#index.wrapper .float_box:first-child { padding-left: 0; }

#index.wrapper .float_box.long { width: 100%; }

#index.wrapper .float_box .news_box { padding: 10px 0; background: #fff; }

#index.wrapper .next_box { padding: 10px; background: #fff; }

#index.wrapper .uliza_wrap { width: 630px; height: 354px; }

@media screen and (min-width: 1300px) { #index.wrapper .uliza_wrap { width: 770px; height: 433px; margin: 10px auto; } }

@media screen and (min-width: 1300px) { #index.wrapper .uliza_wrap div[poster] { width: 770px !important; height: 433px !important; } }

#index.wrapper ul.news_list { max-height: 270px; padding: 0 15px; overflow-x: hidden; overflow-y: auto; background: #fff; }

#index.wrapper ul.news_list li { padding: 15px 0; font-size: 15px; border-bottom: solid 1px #dcdcdc; }

@media screen and (max-width: 768px) { #index.wrapper ul.news_list li .txt { font-size: 14px; } }

#index.wrapper ul.news_list li .date { display: block; padding-bottom: 5px; font-weight: bold; font-size: 11px; line-height: 1em; color: #ff3681; }

@media screen and (max-width: 768px) { #index.wrapper ul.news_list li .date { font-size: 10px; } }

#index.wrapper ul.news_list a, #index.wrapper nav ul.news_list li span { -webkit-transition: all 0.3s; transition: all 0.3s; display: block; color: #333; text-decoration: none; }

#index.wrapper ul.news_list a:hover, #index.wrapper nav ul.news_list li span:hover { color: #ff3681; }

#index.wrapper .float_box.long ul.news_list { height: 200px; }

#index.wrapper .sns .float_box { width: 46%; margin: 0 2%; padding-left: 0; }

@media screen and (max-width: 768px) { #index.wrapper .sns .float_box { float: none; width: 100%; margin: 0; } }

@media screen and (min-width: 768px) { #index.wrapper .sns .float_box.fb { max-width: 340px; } }

#index.wrapper .sns .float_box.fb iframe { display: block; max-width: 340px; margin: 0 auto; }

@media screen and (min-width: 1300px) { #index.wrapper .sns .float_box.tw { width: 530px; } }

#index.wrapper .sns .float_box .common_title_second { padding: 5px; text-align: center; }

/**********************************************************************
#下層ページ
**********************************************************************/
.wrapper.bottom .common_title { position: relative; padding: 15px 0 15px 40px; font-size: 20px; border-top: none; }

@media screen and (max-width: 768px) { .wrapper.bottom .common_title { padding: 15px 0 15px 25px; font-size: 15px; } }

@media screen and (max-width: 768px) { .wrapper.bottom .common_title.arrow { padding: 5px; } }

.wrapper.bottom .common_title:after { content: ''; position: absolute; top: 50%; left: 10px; display: block; width: 8px; height: 50%; margin-top: -15px; background: #ff3681; }

@media screen and (max-width: 768px) { .wrapper.bottom .common_title:after { width: 4px; margin-top: 0; transform: translateY(-50%); } }

.wrapper.bottom .super_large_text { font-weight: bold; font-size: 36px; line-height: 1.4em; letter-spacing: -1px; }

@media screen and (min-width: 1300px) { .wrapper.bottom .super_large_text { font-size: 42px; } }

@media screen and (max-width: 768px) { .wrapper.bottom .super_large_text { font-size: 18px; } }

.wrapper.bottom .large_text { font-weight: bold; font-size: 22px; line-height: 1.4em; }

@media screen and (min-width: 1300px) { .wrapper.bottom .large_text { font-size: 28px; } }

.wrapper.bottom .small_text { font-weight: bold; font-size: 12px; line-height: 1.4em; }

.wrapper.bottom .common_box { padding: 30px; font-size: 16px; }

@media screen and (max-width: 768px) { .wrapper.bottom .common_box { padding: 15px; font-size: 16px; } }

@media screen and (min-width: 1300px) { .wrapper.bottom .common_box { font-size: 18px; } }

.wrapper.bottom a.next_button, .wrapper.bottom nav ul li span.next_button { padding: 25px 0; font-weight: bold; font-size: 15px; }

@media screen and (max-width: 768px) { .wrapper.bottom a.next_button, .wrapper.bottom nav ul li span.next_button { padding: 15px 0; font-size: 12px; } }

.wrapper.bottom a.next_button span, .wrapper.bottom nav ul li span.next_button span { padding-top: 10px; font-weight: bold; font-size: 20px; }

@media screen and (max-width: 768px) { .wrapper.bottom a.next_button span, .wrapper.bottom nav ul li span.next_button span { font-size: 16px; } }

.wrapper.bottom a.next_button:after, .wrapper.bottom nav ul li span.next_button:after { content: ''; position: absolute; top: 50%; right: 20px; display: block; width: 10px; height: 10px; margin-top: -8px; overflow: hidden; border-top: 2px solid #fff; border-right: 2px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); border-width: 3px; border-color: #fff; }

/* INTRO
-------------------------------------------------------*/
@media screen and (min-width: 1300px) { #intro.wrapper .poster img { width: auto; max-height: 800px; }
  #intro.wrapper .common_box { padding: 50px 100px; } }

#intro.wrapper .poster img { width: 100%; height: auto; }

/* NEWS & SPECIAL
-------------------------------------------------------*/
@media screen and (min-width: 1300px) { #news.wrapper ul#news_list li a .thum, #news.wrapper nav ul#news_list li span .thum, #special.wrapper ul#news_list li a .thum, #special.wrapper nav ul#news_list li span .thum { min-height: 55px; }
  #news.wrapper .news_article, #special.wrapper .news_article { float: left; width: 650px; }
  #news.wrapper .news_archive, #special.wrapper .news_archive { float: right; width: 300px; margin-bottom: 30px; } }

#news.wrapper .common_title_second, #special.wrapper .common_title_second { padding: 10px; font-size: 14px; }

#news.wrapper article section.common_box, #special.wrapper article section.common_box { margin-bottom: 30px; }

#news.wrapper ul#news_list, #news.wrapper .newsAutoPage_item, #special.wrapper ul#news_list, #special.wrapper .newsAutoPage_item { display: none; margin-bottom: 30px; }

#news.wrapper ul#news_list li a, #news.wrapper nav ul#news_list li span, #special.wrapper ul#news_list li a, #special.wrapper nav ul#news_list li span { position: relative; display: block; padding: 10px; overflow: hidden; line-height: 1.4; color: #525252; text-decoration: none; background: #fff; border-top: solid 1px #ececec; }

#news.wrapper ul#news_list li a:hover, #news.wrapper nav ul#news_list li span:hover, #special.wrapper ul#news_list li a:hover, #special.wrapper nav ul#news_list li span:hover { background: white; }

#news.wrapper ul#news_list li a .thum, #news.wrapper nav ul#news_list li span .thum, #special.wrapper ul#news_list li a .thum, #special.wrapper nav ul#news_list li span .thum { display: block; float: left; width: 29%; min-height: 106px; background: url(../../news/images/noimage.png) top left no-repeat; background-size: 100%; }

@media screen and (max-width: 768px) { #news.wrapper ul#news_list li a .thum, #news.wrapper nav ul#news_list li span .thum, #special.wrapper ul#news_list li a .thum, #special.wrapper nav ul#news_list li span .thum { width: 35%; min-height: 18vw; } }

#news.wrapper ul#news_list li a .thum img, #news.wrapper nav ul#news_list li span .thum img, #special.wrapper ul#news_list li a .thum img, #special.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, #special.wrapper ul#news_list li a .txt, #special.wrapper nav ul#news_list li span .txt { display: block; float: right; width: 68%; }

@media screen and (max-width: 768px) { #news.wrapper ul#news_list li a .txt, #news.wrapper nav ul#news_list li span .txt, #special.wrapper ul#news_list li a .txt, #special.wrapper nav ul#news_list li span .txt { width: 62%; font-size: 14px; } }

#news.wrapper ul#news_list li a span.date, #news.wrapper nav ul#news_list li span span.date, #special.wrapper ul#news_list li a span.date, #special.wrapper nav ul#news_list li span span.date { display: block; margin-bottom: 4px; font-size: 12px; line-height: 1; color: #ff3681; }

/* STORY
-------------------------------------------------------*/
@media screen and (max-width: 768px) { #story.wrapper ul.photo_thumbnail.col4 li { width: 25%; min-width: 40%; } }

#story.wrapper #movie { text-align: center; background: #000; }

#story.wrapper .story_holder { background: #fff; }

#story.wrapper .story_title span { display: block; }

#story.wrapper .story_title span.date { font-size: 20px; line-height: 1em; color: #ff3681; }

@media screen and (max-width: 768px) { #story.wrapper .story_title span.date { font-size: 14px; } }

#story.wrapper .story_title span.title { margin-top: 20px; font-size: 28px; line-height: 1.1em; }

@media screen and (max-width: 768px) { #story.wrapper .story_title span.title { font-size: 22px; } }

#story.wrapper .story_img { margin: 0 auto; }

#story.wrapper .story_img li { float: left; width: 49%; margin: 20px 0; }

#story.wrapper .story_img li:last-child { float: right; margin-left: 2%; }

#story.wrapper .story_img li img { width: 100%; height: auto; }

#story.wrapper .story_guest { display: flex; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; width: 100%; -ms-justify-content: center; }

#story.wrapper .story_guest li { width: 28%; margin: 20px 10px 0 10px; line-height: 1.3; text-align: center; }

@media screen and (max-width: 768px) { #story.wrapper .story_guest li { margin: 10px 0 20px 0; } }

#story.wrapper .story_guest li .name { display: block; margin: 10px 0 5px 0; font-weight: bold; font-size: 16px; }

#story.wrapper .story_guest li .actor { display: block; margin: 5px 0; font-size: 14px; }

#story.wrapper .story_guest li .desc { display: block; font-size: 12px; color: #666; }

#story.wrapper .story_guest li img { width: 100%; height: auto; border-radius: 50%; }

#story.wrapper .story_guest.img1 li { width: 28%; }

#story.wrapper .story_guest.img2 { margin-right: -5%; }

#story.wrapper .story_guest.img2 li { width: 28%; }

@media screen and (max-width: 768px) { #story.wrapper .story_guest.img2 li { width: 45%; margin-right: 5%; } }

#story.wrapper .story_guest.img3 li { width: 28%; }

@media screen and (max-width: 768px) { #story.wrapper .story_guest.img3 li { width: 30%; margin-right: 3%; } }

/* CAST
-------------------------------------------------------*/
@media screen and (min-width: 1300px) { #cast .common_box { padding: 50px; } }

#cast .cast_ver01 .cast_main { overflow: hidden; background: #fff; }

@media screen and (min-width: 1300px) { #cast .cast_ver01 .cast_main .cast_photo img { display: block; /* width: 100%; */ width: auto; /* max-width: 650px; */ max-width: 100%; height: auto; margin: auto; } }

@media screen and (max-width: 768px) { #cast .cast_ver01 .cast_main .chara_name { display: block; margin-bottom: 10px; font-size: 6vw; } }

#cast .cast_ver01 .cast_main .actor_name { display: block; font-weight: normal; font-size: 18px; color: #666; }

@media screen and (max-width: 768px) { #cast .cast_ver01 .cast_main .actor_name { font-size: 4vw; } }

#cast .cast_ver01 .cast_main .cast_photo { text-align: center; background: #ddd; }

#cast .cast_ver01 .cast_main .cast_photo img { max-width: 100%; }

#cast .cast_ver01 .cast_main .cast_photo img.w100 { width: auto; }

#cast .cast_ver01 .cast_main .cast_desc .open { display: inline-block; width: inherit; padding: 10px 40px; font-size: 12px; cursor: pointer; }

#cast .cast_ver01 .cast_main .cast_desc .open:after { width: 5px; height: 5px; -webkit-transform: rotate(135deg); transform: rotate(135deg); }

#cast .cast_ver01 .cast_main .cast_desc .slideBox { display: none; clear: both; margin: 10px 0; }

@media screen and (max-width: 768px) { #cast .cast_ver01 ul.cast_list { margin: calc(-15px + 3vw); } }

#cast .cast_ver01 ul.cast_list li { display: flex; flex-wrap: wrap; position: relative; margin-top: 30px; }

#cast .cast_ver01 ul.cast_list li:first-child { margin-top: 0; }

#cast .cast_ver01 ul.cast_list li .text { width: 80%; padding-left: 20px; }

@media screen and (max-width: 768px) { #cast .cast_ver01 ul.cast_list li .text { width: 75%; padding: 0 3vw; } }

#cast .cast_ver01 ul.cast_list li .text h2 { font-weight: normal; font-size: 24px; line-height: 1.3; }

@media screen and (max-width: 768px) { #cast .cast_ver01 ul.cast_list li .text h2 { font-size: 5vw; } }

#cast .cast_ver01 ul.cast_list li .text h3 { margin-top: 5px; font-weight: normal; font-size: 16px; line-height: 1.3; color: #ff3681; }

@media screen and (max-width: 768px) { #cast .cast_ver01 ul.cast_list li .text h3 { font-size: 4vw; } }

#cast .cast_ver01 ul.cast_list li .text p { margin-top: 15px; }

#cast .cast_ver01 ul.cast_list li .photo { width: 20%; overflow: hidden; }

@media screen and (max-width: 768px) { #cast .cast_ver01 ul.cast_list li .photo { width: 25%; } }

#cast .cast_ver01 ul.cast_list li .photo img { -webkit-transition: all 0.3s; transition: all 0.3s; width: 100%; }

#cast .cast_ver01 ul.cast_list li a, #cast .cast_ver01 .wrapper nav ul.cast_list li span, .wrapper nav #cast .cast_ver01 ul.cast_list li span { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; text-indent: -9999px; }

#cast .cast_ver01 ul.cast_list li:hover img { transform: scale(1.05); }

#cast .cast_ver01 ul.cast_list li:after { content: ''; position: absolute; top: 50%; right: 18px; display: block; width: 8px; height: 8px; margin-top: -6px; overflow: hidden; border-top: 2px solid #fff; border-right: 2px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.3s; transition: all 0.3s; top: 10%; right: 0; width: 12px; height: 12px; border-width: 3px; border-color: #ff3681; }

@media screen and (max-width: 768px) { #cast .cast_ver01 ul.cast_list li:after { width: 8px; height: 8px; border-width: 2px; } }

#cast .cast_ver01 ul.cast_list li:hover:after { right: -3px; }

#cast .index .cast_ver01 ul.cast_list li .text { width: 70%; }

@media screen and (max-width: 768px) { #cast .index .cast_ver01 ul.cast_list li .text { width: 60%; } }

#cast .index .cast_ver01 ul.cast_list li .text h2 { font-size: 34px; }

@media screen and (max-width: 768px) { #cast .index .cast_ver01 ul.cast_list li .text h2 { font-size: 5.5vw; } }

#cast .index .cast_ver01 ul.cast_list li .text h3 { font-size: 20px; }

@media screen and (max-width: 768px) { #cast .index .cast_ver01 ul.cast_list li .text h3 { font-size: 4.5vw; } }

#cast .index .cast_ver01 ul.cast_list li .photo { width: 30%; }

@media screen and (max-width: 768px) { #cast .index .cast_ver01 ul.cast_list li .photo { width: 40%; } }

#cast .cast_ver02 .cast_main { overflow: hidden; background: #fff; }

#cast .cast_ver02 .cast_main .cast_photo { float: left; width: 50%; }

@media screen and (max-width: 768px) { #cast .cast_ver02 .cast_main .cast_photo { float: none; width: auto; text-align: center; background: #ccc; } }

#cast .cast_ver02 .cast_main .cast_photo img { width: 100%; height: auto; }

@media screen and (max-width: 768px) { #cast .cast_ver02 .cast_main .cast_photo img { width: 60%; } }

#cast .cast_ver02 .cast_main .common_box { float: right; width: 50%; padding: 30px; line-height: 1.4; }

@media screen and (max-width: 768px) { #cast .cast_ver02 .cast_main .common_box { float: none; width: auto; padding: 5vw; } }

#cast .cast_ver02 .cast_main .cast_title { margin: 0 0 1.5em 0; }

#cast .cast_ver02 .cast_main .chara_name { display: block; margin: 0 0 10px 0; font-size: 30px; }

@media screen and (max-width: 768px) { #cast .cast_ver02 .cast_main .chara_name { font-size: 6vw; } }

#cast .cast_ver02 .cast_main .actor_name { display: block; font-weight: normal; font-size: 18px; color: #666; }

@media screen and (max-width: 768px) { #cast .cast_ver02 .cast_main .actor_name { font-size: 4vw; } }

#cast .cast_ver02 .cast_main .cast_desc { color: #666; }

#cast .cast_ver02 .cast_main .cast_desc .open { display: inline-block; width: inherit; padding: 10px 40px; font-size: 12px; cursor: pointer; }

#cast .cast_ver02 .cast_main .cast_desc .open:after { width: 5px; height: 5px; -webkit-transform: rotate(135deg); transform: rotate(135deg); }

#cast .cast_ver02 .cast_main .cast_desc .slideBox { display: none; clear: both; margin: 10px 0; }

#cast .cast_ver02 ul.cast_list { display: flex; flex-wrap: wrap; }

#cast .cast_ver02 ul.cast_list li { position: relative; width: calc(20% - 5px); margin: 0 5px 20px 0; overflow: hidden; }

@media screen and (max-width: 768px) { #cast .cast_ver02 ul.cast_list li { width: calc(33.33% - 5px); } }

#cast .cast_ver02 ul.cast_list li .text { float: right; width: 70%; padding-left: 20px; }

#cast .cast_ver02 ul.cast_list li .text h2 { position: absolute; bottom: 0; left: 0; display: block; width: 100%; padding: 4px; font-weight: bold; font-size: 13px; text-align: center; color: #fff; background: rgba(0, 0, 0, 0.7); }

#cast .cast_ver02 ul.cast_list li .text h3 { display: none; }

#cast .cast_ver02 ul.cast_list li .photo img { -webkit-transition: all 0.3s; transition: all 0.3s; width: 100%; }

#cast .cast_ver02 ul.cast_list li .photo img:hover { transform: scale(1.1); opacity: .9; }

#cast .cast_ver02 ul.cast_list li a, #cast .cast_ver02 .wrapper nav ul.cast_list li span, .wrapper nav #cast .cast_ver02 ul.cast_list li span { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; text-indent: -9999px; }

#cast .cast_ver02 ul.cast_list li:hover img { transform: scale(1.05); }

#cast .index .cast_ver02 ul.cast_list li { width: calc(33.33% - 5px); margin: 0 5px 20px 0; }

@media screen and (max-width: 768px) { #cast .index .cast_ver02 ul.cast_list li { width: calc(50% - 5px); } }

#cast .index .cast_ver02 ul.cast_list h2 { font-size: 15px; }

#cast .index .cast_ver02 ul.cast_list h2 span { font-size: 12px; }

#cast .cast_ver03 ul.cast_list.main_cast li { width: 50%; }

#cast .cast_ver03 ul.cast_list { display: flex; display: -webkit-flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; }

#cast .cast_ver03 ul.cast_list li { flex: 0 0 auto; float: left; width: 33.33%; margin: 0; padding: 5px; }

@media screen and (max-width: 768px) { #cast .cast_ver03 ul.cast_list li { width: 50%; } }

#cast .cast_ver03 ul.cast_list li .text { float: none; width: 100% !important; padding: 10px 0 10px 0; }

#cast .cast_ver03 ul.cast_list li .text h2 { font-weight: normal; font-size: 130%; line-height: 1.1em; }

@media screen and (max-width: 768px) { #cast .cast_ver03 ul.cast_list li .text h2 { font-size: 110%; } }

#cast .cast_ver03 ul.cast_list li .text h3 { margin-top: 5px; font-weight: normal; font-size: 110%; line-height: 1.1em; color: #ff3681; }

@media screen and (max-width: 768px) { #cast .cast_ver03 ul.cast_list li .text h3 { font-size: 100%; } }

#cast .cast_ver03 ul.cast_list li .text p { margin-top: 15px; }

#cast .cast_ver03 ul.cast_list li a, #cast .cast_ver03 .wrapper nav ul.cast_list li span, .wrapper nav #cast .cast_ver03 ul.cast_list li span { display: none; }

#cast .cast_ver03 ul.cast_list li .photo { float: none; width: 100% !important; }

#cast .cast_ver03 ul.cast_list li .photo img { width: 100%; border-radius: 3px; }

#cast .cast_ver03 ul.cast_list li:after { content: ''; display: block; clear: both; }

#cast .cast_ver03 ul.cast_list li.large_photo .text { width: 60%; }

#cast .cast_ver03 ul.cast_list li.large_photo .photo { width: 40%; }

#cast .my-gallery figure { margin: 20px; padding: 20px; border: solid 1px #ccc; }

@media screen and (max-width: 768px) { #cast .my-gallery figure img { width: 70%; } }

#cast .my-gallery figcaption { display: none; }

/* onair
-------------------------------------------------------*/
#onair .common_table th { color: #333; background: #eee; border-color: #ccc; }

#onair .common_table td { border-color: #ccc; }

#onair .icon_new { display: inline-block; margin-left: 5px; padding: 4px; font-weight: bold; font-size: 10px; line-height: 10px; font-family: Lato, Helvetica, 'sans-serif'; vertical-align: text-top; color: #fff; background: #d00; border-radius: 2px; }

/* TX_photo_gallery
-------------------------------------------------------*/
@media screen and (max-width: 768px) { .wrapper #tx_photo_gallery .common_box { padding: 0; }
  .wrapper #tx_photo_gallery .gallery_holder { padding-bottom: 10px; background: #eee; }
  .wrapper #tx_photo_gallery a.common_link_button[href*='story'], .wrapper #tx_photo_gallery nav ul li span.common_link_button[href*='story'], .wrapper nav ul li #tx_photo_gallery span.common_link_button[href*='story'] { margin: 5px 10px 0; background: #fff; } }

.wrapper #tx_photo_gallery .txg-photo-gallery-view, .wrapper #tx_photo_gallery #thumb-wrap, .wrapper #tx_photo_gallery .txg-photo-gallery-caption { width: 100%; }

.wrapper #tx_photo_gallery .storyLink { display: none; }

.wrapper #tx_photo_gallery div.image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0 auto; background-color: #222; background-repeat: no-repeat; background-position: center top; background-size: contain; }

.wrapper #tx_photo_gallery #thumb-wrap { margin: 0 auto; }

@media screen and (min-width: 1300px) { .wrapper #tx_photo_gallery #thumb-wrap { padding: 30px 70px; } }

@media screen and (min-width: 1300px) { .wrapper #tx_photo_gallery .bn { padding: 30px 100px 50px 100px; } }

.wrapper #tx_photo_gallery div.image img { position: absolute; }

.wrapper #tx_photo_gallery .txg-photo-gallery-view { position: relative; width: 100%; margin: 0 auto; padding-top: 66.3388%; overflow: hidden; border: solid 1px #ff83b1; border-radius: 3px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }

@media screen and (max-width: 768px) { .wrapper #tx_photo_gallery .txg-photo-gallery-view { border: none; box-shadow: none; } }

@media screen and (max-width: 768px) { .wrapper #tx_photo_gallery .txg-photo-gallery-view { border-radius: 0; } }

.wrapper #tx_photo_gallery .next, .wrapper #tx_photo_gallery .prev { -webkit-transition: all 0.3s; transition: all 0.3s; position: absolute; top: 50%; left: 0; z-index: 1; display: block; width: 30px; height: 30px; margin-top: -15px; padding: 5px; line-height: 30px; text-align: center; color: #fff; background: #ff3681; box-shadow: 0 0 0 transparent; cursor: pointer; }

@media screen and (max-width: 768px) { .wrapper #tx_photo_gallery .next, .wrapper #tx_photo_gallery .prev { background: none; } }

.wrapper #tx_photo_gallery .next:hover, .wrapper #tx_photo_gallery .prev:hover { z-index: 1; background: #ff83b1; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }

@media screen and (max-width: 768px) { .wrapper #tx_photo_gallery .next:hover, .wrapper #tx_photo_gallery .prev:hover { background: none; } }

.wrapper #tx_photo_gallery .next { right: 0; left: auto; }

.wrapper #tx_photo_gallery .prev:after { content: ''; position: absolute; top: 50%; right: 18px; display: block; width: 8px; height: 8px; margin-top: -6px; overflow: hidden; border-top: 2px solid #fff; border-right: 2px solid #fff; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); right: 9px; }

@media screen and (max-width: 768px) { .wrapper #tx_photo_gallery .prev:after { right: -5px; width: 20px; height: 20px; border-width: 3px; } }

.wrapper #tx_photo_gallery .next:after { content: ''; position: absolute; top: 50%; right: 18px; display: block; width: 8px; height: 8px; margin-top: -6px; overflow: hidden; border-top: 2px solid #fff; border-right: 2px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); right: 12px; }

@media screen and (max-width: 768px) { .wrapper #tx_photo_gallery .next:after { width: 20px; height: 20px; border-width: 3px; } }

@media screen and (max-width: 768px) { .wrapper #tx_photo_gallery #thumb-wrap ul.txg-thumb-gallery-list { width: 100%; overflow: scroll; -webkit-overflow-scrolling: touch; text-align: center; white-space: nowrap; }
  .wrapper #tx_photo_gallery #thumb-wrap ul.txg-thumb-gallery-list li { display: inline-block; width: 40%; margin-right: 2px; background: #000; } }

.wrapper #tx_photo_gallery #thumb-wrap ul li { position: relative; display: block; float: left; width: 18%; margin: 1%; background: #eee; }

@media screen and (max-width: 768px) { .wrapper #tx_photo_gallery #thumb-wrap ul li { float: none; } }

.wrapper #tx_photo_gallery #thumb-wrap ul li img { -webkit-transition: all 0.3s; transition: all 0.3s; border: solid 2px #e90057; cursor: pointer; width: 100%; }

@media screen and (max-width: 768px) { .wrapper #tx_photo_gallery #thumb-wrap ul li img { border: none; } }

.wrapper #tx_photo_gallery #thumb-wrap ul li img.current, .wrapper #tx_photo_gallery #thumb-wrap ul li img:hover { border-color: #ff83b1; }

.wrapper #tx_photo_gallery #photo-wrap { position: relative; }

.wrapper #tx_photo_gallery .txg-photo-gallery-caption { margin: 10px auto; font-weight: bold; color: #ff3681; }

@media screen and (max-width: 768px) { .wrapper #tx_photo_gallery .txg-photo-gallery-caption { display: block; clear: both; width: 100%; margin: 0; padding: 5px 0; font-size: 85%; text-align: center; color: #fff; background: black; } }

.wrapper #tx_photo_gallery .storyLink a, .wrapper #tx_photo_gallery .storyLink nav ul li span, .wrapper nav ul li #tx_photo_gallery .storyLink span { position: absolute; right: 0; bottom: 0; display: inline-block; padding: 5px 20px 5px 5px; font-size: 90%; line-height: 1em; color: #fff; text-decoration: none; background: #ff3681; border-radius: 1px; cursor: pointer; }

.wrapper #tx_photo_gallery .storyLink a:after, .wrapper #tx_photo_gallery .storyLink nav ul li span:after, .wrapper nav ul li #tx_photo_gallery .storyLink span:after { content: ''; position: absolute; top: 50%; right: 16px; display: block; width: 6px; height: 6px; margin-top: -4px; overflow: hidden; border-top: 2px solid #fff; border-right: 2px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); right: 10px; margin-top: -4px; }

.wrapper #tx_photo_gallery .storyLink a:hover, .wrapper #tx_photo_gallery .storyLink nav ul li span:hover, .wrapper nav ul li #tx_photo_gallery .storyLink span:hover { background: #ff83b1; }

.wrapper #tx_photo_gallery .slide-title { position: absolute; right: 125px; bottom: 0; display: none; }

.wrapper #tx_photo_gallery .txg-photo-gallery-slide { position: absolute; right: 45px; bottom: 0; display: none; }

/* DVD
-------------------------------------------------------*/
#dvd .dvd_img { text-align: center; }

#dvd .dvd_img img { width: 100%; height: auto; }

#dvd .dvd_img .small { font-size: 11px; color: #888; }

#dvd .dvd_title { line-height: 1.2; }

#dvd .dvd_title .small { display: block; font-size: 20px; }

@media screen and (max-width: 768px) { #dvd .dvd_title .small { font-size: 5vw; } }

#dvd .dvd_title .large { display: block; font-size: 50px; line-height: 1.1em; letter-spacing: -1px; }

@media screen and (max-width: 768px) { #dvd .dvd_title .large { font-size: 8vw; } }

#dvd .dvd_title .date { display: block; font-size: 45px; line-height: 1.1em; color: #ff3681; }

@media screen and (max-width: 768px) { #dvd .dvd_title .date { font-size: 8vw; } }

#dvd .dvd_title .date span { font-size: 70%; }

#dvd .dvd_title .status { display: block; font-size: 28px; }

@media screen and (max-width: 768px) { #dvd .dvd_title .status { font-size: 5vw; } }

#dvd .common_link_button.shop { width: auto; min-width: 65%; font-weight: bold; font-size: 28px; line-height: 1.2em; color: #fff; text-shadow: 0 0 3px rgba(0, 0, 0, 0.6); background: #ea6706; border-color: #923e00; border-bottom-width: 3px; border-radius: 1px; }

@media screen and (max-width: 768px) { #dvd .common_link_button.shop { font-size: 5vw; } }

#dvd .common_link_button.shop b { font-size: 80%; line-height: 1.1em; color: #ffca00; }

#dvd .common_link_button.shop .other { display: block; margin-top: 5px; font-weight: normal; font-size: 11px; line-height: 1.1em; color: #eee; }

#dvd .common_link_button.shop:after { border-color: #fff900 !important; }

#dvd .common_link_button.shop:hover { opacity: .9; }

#dvd .common_link_button.shop.blue { background: #0d54c1; border-color: #07111f; }

#dvd .common_link_button.shop.red { background: #c11f0d; border-color: #6d1006; }

/**********************************************************************
	@media
**********************************************************************/
@media screen and (min-width: 1300px) { .wrapper .wrapper_inner { width: 1300px; }
  .wrapper #content_left { width: 970px; }
  .wrapper nav ul li { width: 16.66%; border-top: none; }
  .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%; }
  /*minogashi*/
  .wrapper #video .title { padding: 15px; font-size: calc( 16px + .5vw); }
  .wrapper #video .video_holder_wrap { margin: 0 100px; overflow: inherit !important; }
  .wrapper #video .video_holder_wrap:before, .wrapper #video .video_holder_wrap:after { content: ''; position: absolute; z-index: 10; display: block; width: 100px; height: 100%; background: rgba(0, 0, 0, 0.5); }
  .wrapper #video .video_holder_wrap:before { top: 0; left: 0; }
  .wrapper #video .video_holder_wrap:after { top: 0; right: 0; }
  .wrapper #video_wrap #video_bnr { padding: 0 90px 0 80px; }
  /*story*/
  #story.wrapper .common_box { padding: 50px 100px; } }

/**********************************************************************
	以下テレ東プラス用
**********************************************************************/
@media screen and (min-width: 768px) { /**********************************************************************
基本設定
**********************************************************************/
  .wrapper #backnumber_holder img { width: 100%; height: auto; }
  .wrapper #backnumber_holder img.pluslogo { width: auto; height: 15px; vertical-align: baseline; }
  .wrapper #backnumber_holder .entry_detail_related_image img { width: auto; height: auto; }
  .wrapper #backnumber_holder .yomu_video_palyer { position: relative; width: 100%; height: 0; padding-top: 56.25%; }
  .wrapper #backnumber_holder .yomu_video_palyer iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }
  .wrapper #backnumber_holder .p { margin-top: 0.5em; }
  .wrapper #backnumber_holder .entry_detail_related_title, .wrapper #backnumber_holder .entry_detail_related_box, .wrapper #backnumber_holder .btn_otherphoto { display: none; }
  .wrapper #backnumber_holder .content_detail_special_area { margin-bottom: 1em; }
  .wrapper #backnumber_holder p.content_detail_special_txt { font-size: 90%; color: #fff; line-height: 1.5; padding: 0px 15px 10px; background: #000; margin: 0; }
  .wrapper #backnumber_holder h2.content_detail_special_tit { font-size: 110%; color: #fff; line-height: 1.5; padding: 15px 15px 5px 15px; background: #000; }
  .wrapper #backnumber_holder div.relationposts_nav:after { content: ''; display: block; clear: both; }
  .wrapper #backnumber_holder div.relationposts_nav a, .wrapper #backnumber_holder div.relationposts_nav nav ul li span, .wrapper nav ul li #backnumber_holder div.relationposts_nav span { font-size: 90%; padding: 10px 40px 10px 0; display: block; text-decoration: none; position: relative; overflow: hidden; border-bottom: solid 1px #eee; color: #ff3681; font-weight: bold; -webkit-transition: all 0.3s; transition: all 0.3s; }
  .wrapper #backnumber_holder div.relationposts_nav a:after, .wrapper #backnumber_holder div.relationposts_nav nav ul li span:after, .wrapper nav ul li #backnumber_holder div.relationposts_nav span:after { content: ''; position: absolute; top: 50%; right: 18px; display: block; width: 8px; height: 8px; margin-top: -6px; overflow: hidden; border-top: 2px solid #fff; border-right: 2px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.3s; transition: all 0.3s; border-color: #ccc; right: 10px; }
  .wrapper #backnumber_holder div.relationposts_nav a:hover, .wrapper #backnumber_holder div.relationposts_nav nav ul li span:hover, .wrapper nav ul li #backnumber_holder div.relationposts_nav span:hover { color: #ff0361; font-weight: bold; }
  .wrapper #backnumber_holder div.relationposts_nav a:hover:after, .wrapper #backnumber_holder div.relationposts_nav nav ul li span:hover:after, .wrapper nav ul li #backnumber_holder div.relationposts_nav span:hover:after { border-color: #ff3681; right: 5px; }
  /**********************************************************************
	サムネイル
**********************************************************************/
  .wrapper #plus_article_list { display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; }
  .wrapper #plus_article_list .plus_article_txt { color: #888; font-size: 185%; margin: 0 0 20px 0; }
  .wrapper #plus_article_list li:nth-child(3n) { margin: 0 0 20px 0; }
  .wrapper #plus_article_list li { width: 32%; background: #fff; border: solid 1px #ddd; cursor: pointer; margin: 0 2% 20px 0; overflow: hidden; }
  .wrapper #plus_article_list .plus_article_img { position: relative; overflow: hidden; }
  .wrapper #plus_article_list .plus_article_img img { width: 100%; transition: all 0.3s; transform-origin: center; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
  .wrapper #plus_article_list li:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); }
  .wrapper #plus_article_list li:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); }
  .wrapper #plus_article_list .plus_article_txt { padding: 10px 10px 15px 10px; line-height: 1.4; color: #111; font-weight: bold; font-size: 100%; display: block; min-height: 140px; }
  .wrapper #plus_article_list a, .wrapper #plus_article_list nav ul li span, .wrapper nav ul li #plus_article_list span, .wrapper #plus_article_list a:hover, .wrapper #plus_article_list nav ul li span:hover, .wrapper nav ul li #plus_article_list span:hover { color: #111; text-decoration: none; }
  .wrapper .pager.article_kiji { width: 100%; margin: 20px 0 30px 0; display: -webkit-flex; display: flex; overflow: hidden; -webkit-justify-content: center; justify-content: center; }
  .wrapper .pager.article_kiji .pagenation.simple-pagination { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; position: relative; }
  .wrapper .pagenation.simple-pagination { /*@include break_smp{ li a, li span { width: 2em; } }*/ }
  .wrapper .pagenation.simple-pagination li { margin: 0 2px; }
  .wrapper .pagenation.simple-pagination li.btn_first { position: absolute; top: 0; left: 0; }
  .wrapper .pagenation.simple-pagination li.btn_first span { display: none; }
  .wrapper .pagenation.simple-pagination li.btn_last { position: absolute; top: 0; right: 0; }
  .wrapper .pagenation.simple-pagination li.btn_last span { display: none; }
  .wrapper .pagenation.simple-pagination li a, .wrapper .pagenation.simple-pagination nav ul li span, .wrapper nav ul .pagenation.simple-pagination li span, .wrapper .pagenation.simple-pagination 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 .pagenation.simple-pagination li a:hover, .wrapper .pagenation.simple-pagination nav ul li span:hover, .wrapper nav ul .pagenation.simple-pagination li span:hover, .wrapper .pagenation.simple-pagination li span:hover { color: #fff; background: #ccc; border: solid 1px #ccc; }
  .wrapper .pagenation.simple-pagination li.here a, .wrapper .pagenation.simple-pagination nav ul li.here span, .wrapper nav ul .pagenation.simple-pagination li.here span, .wrapper .pagenation.simple-pagination li.here span { color: #fff; background: #333; border: solid 1px #333; }
  .wrapper .pagenation.simple-pagination li span.ellipse { padding: 0; margin: 0; background: none; border: none; display: inline-block; width: auto; line-height: 40px; pointer-events: none; }
  #index.wrapper #plus_article_list .plus_article_txt { min-height: auto; } }

@media screen and (max-width: 768px) { /********************************************************************** 基本 */
  .wrapper #backnumber_holder img { width: 100%; height: auto; }
  .wrapper #backnumber_holder img.pluslogo { width: auto; height: 15px; vertical-align: baseline; }
  .wrapper #backnumber_holder .entry_detail_related_image img { width: auto; height: auto; }
  .wrapper #backnumber_holder .yomu_video_palyer { position: relative; width: 100%; height: 0; padding-top: 56.25%; }
  .wrapper #backnumber_holder .yomu_video_palyer iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }
  .wrapper #backnumber_holder .detail p { margin-top: 0.5em; }
  .wrapper #backnumber_holder .entry_detail_related_title, .wrapper #backnumber_holder .entry_detail_related_box, .wrapper #backnumber_holder .btn_otherphoto { display: none; }
  .wrapper #backnumber_holder .content_detail_special_area { margin-bottom: 1em; }
  .wrapper #backnumber_holder p.content_detail_special_txt { font-size: 90%; color: #fff; line-height: 1.5; padding: 0px 15px 10px; background: #000; margin: 0; }
  .wrapper #backnumber_holder h2.content_detail_special_tit { font-size: 110%; color: #fff; line-height: 1.5; padding: 15px 15px 5px 15px; background: #000; }
  .wrapper #backnumber_holder div.relationposts_nav:after { content: ''; display: block; clear: both; }
  .wrapper #backnumber_holder div.relationposts_nav a, .wrapper #backnumber_holder div.relationposts_nav nav ul li span, .wrapper nav ul li #backnumber_holder div.relationposts_nav span { font-size: 90%; padding: 10px 40px 10px 0; display: block; text-decoration: none; position: relative; overflow: hidden; border-bottom: solid 1px #eee; color: #ff3681; font-weight: bold; -webkit-transition: all 0.3s; transition: all 0.3s; }
  .wrapper #backnumber_holder div.relationposts_nav a:after, .wrapper #backnumber_holder div.relationposts_nav nav ul li span:after, .wrapper nav ul li #backnumber_holder div.relationposts_nav span:after { content: ''; position: absolute; top: 50%; right: 18px; display: block; width: 8px; height: 8px; margin-top: -6px; overflow: hidden; border-top: 2px solid #fff; border-right: 2px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.3s; transition: all 0.3s; border-color: #ccc; right: 10px; }
  .wrapper #backnumber_holder div.relationposts_nav a:hover, .wrapper #backnumber_holder div.relationposts_nav nav ul li span:hover, .wrapper nav ul li #backnumber_holder div.relationposts_nav span:hover { color: #ff0361; font-weight: bold; }
  .wrapper #backnumber_holder div.relationposts_nav a:hover:after, .wrapper #backnumber_holder div.relationposts_nav nav ul li span:hover:after, .wrapper nav ul li #backnumber_holder div.relationposts_nav span:hover:after { border-color: #ff3681; right: 5px; }
  /********************************************************************** サムネイル */
  .wrapper #plus_article_list { color: #888; font-size: 18px; margin: 0; }
  .wrapper #plus_article_list li { background: #fff; border-bottom: solid 1px #ddd; overflow: hidden; }
  .wrapper #plus_article_list .plus_article_img { position: relative; width: 50%; float: left; padding: 10px; }
  .wrapper #plus_article_list .movie .plus_article_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 #plus_article_list .plus_article_img img { width: 100%; height: auto; }
  .wrapper #plus_article_list .plus_article_txt { width: 50%; float: left; font-size: 13px; line-height: 1.3; padding: 8px 8px 8px 0; }
  .wrapper #plus_article_list .bn_date { color: #888; font-size: 10px; }
  .wrapper #plus_article_list li a, .wrapper #plus_article_list nav ul li span, .wrapper nav ul #plus_article_list li span, .wrapper #plus_article_list li a:hover, .wrapper #plus_article_list nav ul li span:hover, .wrapper nav ul #plus_article_list li span:hover, .wrapper #plus_article_list li span { color: #111; font-weight: bold; text-decoration: none; }
  .wrapper .pager.article_kiji { width: 100%; margin: 20px 0 30px 0; overflow: hidden; }
  .wrapper .pager.article_kiji .pagenation.simple-pagination { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; position: relative; }
  .wrapper .pagenation.simple-pagination li { margin: 0 2px; }
  .wrapper .pagenation.simple-pagination li.btn_first { position: absolute; top: 0; left: 0; }
  .wrapper .pagenation.simple-pagination li.btn_first span { display: none; }
  .wrapper .pagenation.simple-pagination li.btn_last { position: absolute; top: 0; right: 0; }
  .wrapper .pagenation.simple-pagination li.btn_last span { display: none; }
  .wrapper .pagenation.simple-pagination li a, .wrapper .pagenation.simple-pagination nav ul li span, .wrapper nav ul .pagenation.simple-pagination li span, .wrapper .pagenation.simple-pagination 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 .pagenation.simple-pagination li a, .wrapper .pagenation.simple-pagination nav ul li span, .wrapper nav ul .pagenation.simple-pagination li span, .wrapper .pagenation.simple-pagination li span { width: 2em; }
  .wrapper .pagenation.simple-pagination li a:hover, .wrapper .pagenation.simple-pagination nav ul li span:hover, .wrapper nav ul .pagenation.simple-pagination li span:hover, .wrapper .pagenation.simple-pagination li span:hover { color: #fff; background: #ccc; border: solid 1px #ccc; }
  .wrapper .pagenation.simple-pagination li.here a, .wrapper .pagenation.simple-pagination nav ul li.here span, .wrapper nav ul .pagenation.simple-pagination li.here span, .wrapper .pagenation.simple-pagination li.here span { color: #fff; background: #333; border: solid 1px #333; }
  .wrapper .pagenation.simple-pagination li span.ellipse { padding: 0; margin: 0; background: none; border: none; display: inline-block; width: auto; line-height: 40px; pointer-events: none; }
  #index.wrapper #plus_article_list .plus_article_txt { min-height: auto; } }

/**********************************************************************
	bangumi_box
**********************************************************************/
.wrapper .bangumi_box { background: #fff; padding: 40px; margin: 0 0 30px 0; }

@media screen and (max-width: 768px) { .wrapper .bangumi_box { padding: 15px 15px 25px 15px; } }

.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; }

@media screen and (max-width: 768px) { .wrapper h2.bangumi_head .bangumi_date { font-size: 14px; margin-bottom: 0; } }

.wrapper h2.bangumi_head .bangumi_tit { display: block; font-size: 30px; line-height: 1.4; font-weight: bold; margin: 0 0 30px 0; }

@media screen and (max-width: 768px) { .wrapper h2.bangumi_head .bangumi_tit { font-size: 18px; margin: 0 0 10px 0; } }

.wrapper .bangumi_box .detail { font-size: 18px; position: relative; }

.wrapper .bangumi_box .detail p { font-size: 16px; }

@media screen and (max-width: 768px) { .wrapper .bangumi_box .detail p { font-size: 14px; } }

.wrapper .bangumi_box .detail .bangumi_tit_sub { font-size: 18px; margin: 0 -5px 0.5em -5px; background: #f5f5f5; padding: 10px; }

@media screen and (max-width: 768px) { .wrapper .bangumi_box .detail .bangumi_tit_sub { font-size: 16px; } }

.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: #ff3681; color: #fff; }