@charset "UTF-8";
/* Fuji Drama Template ver1.0 */
/* ///////////////////////////////////////////////////////////////////////////////////////
 Common
 bodyタグ、背景、メニュー、基本レイアウト
/////////////////////////////////////////////////////////////////////////////////////// */
/* ========================================================
 Base
 ======================================================== */
/* 文字サイズ10px相当 */
html {
  font-size: 62.5%;
}

/* SPでの文字サイズを調整 */
@media screen and (max-width: 768px) {
  html {
    font-size: 100%;
  }
}
body {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", "Meiryo", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", sans-serif;
  font-size: 1.6rem;
  background: #eee;
}

a {
  color: #e95894;
  text-decoration: none;
}
a:hover {
  color: #ef85b1;
}

/* ========================================================
  Background
 ======================================================== */
/* トップページ */
#pc-bg.top {
  background: url(../img/top_bg.png) repeat-x center top;
}

/* 下層ページ */
#pc-bg.lower {
  background: url(../img/lower_bg.png) repeat-x center top;
}
#pc-bg.lower .l-header {
  height: 240px;
}

/* For Smart Phone */
.cx_smartphoneview #sp-bg {
  background: url();
}

/* ========================================================
  Layout
 ======================================================== */
.l-header,
.l-menu,
.l-main,
.l-mainvisual {
  position: relative;
}

.l-main {
  padding-bottom: 50px;
}

/* ========================================================
  Menu
 ======================================================== */
.menu {
  margin-bottom: 20px;
}

.menu__item {
  float: left;
  display: block;
}
.menu__item a {
  display: block;
}

.menu__item:not(.is-comingsoon) a:hover {
  opacity: .9;
}

/* menuが2列の場合 */
.menu--2 .menu__item {
  width: 320px;
}

/* menuが4列の場合 */
.menu--4 .menu__item {
  width: 160px;
}

/* menuがPCで4列、SPで2列の場合 */
.cx_smartphoneview .menu--4.menu--sp2 {
  border-bottom: 1px solid #f6aacb;
}
.menu--4.menu--sp2 .menu__item {
  width: 160px;
  height: 100px;
}
.cx_smartphoneview .menu--4.menu--sp2 .menu__item {
  width: 320px;
}

.menu--4.menu--sp2 .menu__item a {
  display: block;
  width: 100%;
  height: 100%;
  text-indent: -10000px;
  background-repeat: no-repeat;
  text-decoration: none;
}

/*
.menu--4.menu--sp2 .menu__item.nav-intro a {
  background-image: url("../img/menu_introduction.png");
}
.menu--4.menu--sp2 .menu__item.nav-story a {
  background-image: url("../img/menu_story.png");
}
.menu--4.menu--sp2 .menu__item.nav-caststaff a {
  background-image: url("../img/menu_caststaff.png");
}
.menu--4.menu--sp2 .menu__item.nav-chart a {
  background-image: url("../img/menu_chart.png");
}

.cx_smartphoneview .menu--4.menu--sp2 .menu__item.nav-intro a {
  background-image: url("../img/menu_introduction_sp.png");
}
.cx_smartphoneview .menu--4.menu--sp2 .menu__item.nav-story a {
  background-image: url("../img/menu_story_sp.png");
}
.cx_smartphoneview .menu--4.menu--sp2 .menu__item.nav-caststaff a {
  background-image: url("../img/menu_caststaff_sp.png");
}
.cx_smartphoneview .menu--4.menu--sp2 .menu__item.nav-chart a {
  background-image: url("../img/menu_chart_sp.png");
}

 */





/* menuがテキストの場合 */
.menu--default li {
  box-sizing: border-box;
  background-color: #e95894;
}
.menu--default li.is-comingsoon {
  opacity: .4;
}
.menu--default a {
  box-sizing: border-box;
  height: 80px;
  padding-top: 20px;
  border-right: 1px solid #fff;
  text-decoration: none;
  text-align: center;
  color: #fff;
  font-size: 1.6rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.menu--default a small {
  display: block;
  font-size: 1.3rem;
}
.menu--default a[href]:hover {
  background-color: #ef85b1;
}

.menu--4.menu--default a {
  font-size: 1.4rem;
}
.menu--4.menu--default a small {
  font-size: 1.1rem;
}

.menu--4.menu--default li:nth-child(4n) a,
.menu--2.menu--default li:nth-child(2n) a {
  border-right: none;
}

.menu--2.menu--default li:nth-child(1) a,
.menu--2.menu--default li:nth-child(2) a {
  border-bottom: 1px solid #fff;
}

.cx_smartphoneview .menu--default a {
  font-size: 1.2rem;
  line-height: 1em;
}
.cx_smartphoneview .menu--default a small {
  display: block;
  font-size: 1rem;
}

/* ========================================================
 Content
 ======================================================== */
.content {
  margin: 20px auto;
  background: #fff;
}

.content__title {
  position: relative;
  padding: 15px;
  font-weight: bold;
  background: #f9cade;
  line-height: 1.2em;
  text-align: center;
  font-size: 1.8rem;
}
.content__title small {
  display: block;
  margin-bottom: 5px;
  font-size: 1.2rem;
  color: #e95894;
}

.content__title__link {
  position: absolute;
  right: 15px;
  top: 15px;
}
.content__title__link a {
  box-sizing: border-box;
  display: inline-block;
  padding: 5px 15px;
  margin-top: -15px;
  border-radius: 2px;
  height: 30px;
  background: #e95894;
  color: #fff;
  font-size: 1.4rem;
  text-decoration: none;
}
.content__title__link a:hover {
  background: #ef85b1;
}

.cx_smartphoneview .content__title__link {
  position: static;
}
.cx_smartphoneview .content__title__link a {
  margin: 3px;
  height: auto;
}

.content__subtitle {
  font-size: 1.7rem;
  color: #e95894;
  border-bottom: 1px solid #e95894;
  margin-bottom: 15px;
}

.content__body {
  margin: 30px 30px 0 30px;
  padding-bottom: 30px;
}

/* ///////////////////////////////////////////////////////////////////////////////////////
 Top
 メインビジュアル、スライダー、グリッド、ニュース一覧、twitter枠、instagram枠、バナー、前作リンク
/////////////////////////////////////////////////////////////////////////////////////// */
/* ========================================================
 Notice
 メインビジュアル内　緊急告知
 ======================================================== */
.notice {
  position: absolute;
  box-sizing: border-box;
  width: 620px;
  left: 10px;
  bottom: 30px;
  padding: 10px;
  border-radius: 2px;
  background: rgba(233, 88, 148, 0.8);
  box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
  color: #fff;
  font-size: 1.4rem;
}

.l-mainvisual--full .notice {
  width: 980px;
}

/* ========================================================
 スライダー
 ======================================================== */
.slider {
  position: relative;
  width: 100%;
  margin: auto;
}
.slider * {
	box-sizing: border-box;
}
.slider__photo {
  width: 100%;
}
.slider__update {
  margin-top: 0.8rem;
  color: #e85894;
  font-size: 90%;
}
.slider__text {
  margin-top: 0.4rem;
  color: #000;
}

/*====　↓　swiper　====*/
/*コンテナの大きさ*/
.swiper-container {
  width: 544px;
  height: 280px;
}
.cx_smartphoneview .swiper-container {
  width: 100%;
  height: 500px;
}
/*スライド*/
.swiper-slide {
  /*width: 268px;*/
  padding: 10px;
  background-color: #ffe2ee;
}
.cx_smartphoneview .swiper-slide {
  width: 464px;
  padding: 18px;
}
/*矢印*/
.swiper-next,.swiper-prev {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	display: block;
	width: 32px;
	height: 32px;
	background-size: contain;
	background-position: center;
	z-index: 10;
	cursor: pointer;
}
/*.swiper-prev {background-image: url("../img/slider_prev.png"); left: 10px;}
.swiper-next {background-image: url("../img/slider_next.png"); right: 10px;}*/
.cx_smartphoneview .swiper-next,.cx_smartphoneview .swiper-prev {
	width: 66px;
	height: 66px;
}
.cx_smartphoneview .swiper-slide-prev,
.cx_smartphoneview .swiper-slide-next {
  opacity: 0.6;
}
.swiper-next.swiper-button-disabled,
.swiper-prev.swiper-button-disabled {
	opacity: 0;
}
/*====　↑　swiper　====*/

/* ========================================================
 Grid
 ======================================================== */
.grid {
  margin: 20px 0;
}

/* grid枠　共通スタイル */
.grid article {
  box-sizing: border-box;
  position: relative;
  float: left;
  margin: 10px;
  box-shadow: 0px 0px 0px 5px #fff;
  /* 枠にボーダー、または影を付ける場合 */
}
.grid article a {
  position: relative;
  display: block;
  text-decoration: none;
  color: #fff;
}
.grid article a:hover {
  opacity: .9;
}

.grid article.right {
  float: right;
}

.gitem__update {
  position: absolute;
  display: inline-block;
  top: 0px;
  left: 0px;
  z-index: 3;
  background: #e95894;
  color: #fff;
  font-size: 1.2rem;
  line-height: 1rem;
  padding: 6px;
}

/* grid　フルサイズ */
.grid__item-f {
  width: 620px;
}

/* grid　Lサイズ  */
.grid__item-l {
  width: 300px;
  height: 300px;
}

/* grid　Lサイズ (テキスト入りの場合) */
.gitem__photo {
  position: relative;
  z-index: 2;
}
.gitem__photo img {
  height: 188px;
}

.gitem__text {
  position: relative;
  z-index: 2;
}

.gitem__text aside {
  position: absolute;
  display: block;
  right: 15px;
  top: 10px;
  font-weight: bold;
  font-size: 1.8rem;
  text-align: right;
}

.gitem__text p {
  position: absolute;
  top: 40px;
  padding: 0 10px;
  font-size: 1.4rem;
}

.gitem__bg {
  position: absolute;
  top: 0;
  left: 0;
}

/* grid枠　Sサイズ */
.grid__item-s {
  width: 300px;
}

/* for Smart Phone */
.cx_smartphoneview .grid article {
  margin: 10px 20px;
}
.cx_smartphoneview .grid__item-f {
  width: 600px;
}
.cx_smartphoneview .grid__item-s {
  width: 600px;
  height: 280px;
}
.cx_smartphoneview .grid__item-l {
  width: 600px;
  height: 600px;
}
.cx_smartphoneview .gitem__text aside {
  right: 30px;
  top: 30px;
}
.cx_smartphoneview .gitem__text p {
  top: 100px;
  padding: 0 20px;
}
.cx_smartphoneview .gitem__photo img {
  height: auto;
}

/* ========================================================
 News list
 TOPページ用ニュース一覧
 ======================================================== */
.news-list__item {
  display: table;
  width: 100%;
  padding: 10px 0;
  border-bottom: 1px solid #ccc;
}
.news-list__item:first-child {
  padding-top: 0;
}

.news-list__item__photo {
  display: table-cell;
  width: 160px;
  text-align: center;
}
.news-list__item__photo img {
  max-width: 160px;
  max-height: 100px;
}

.news-list__item__text {
  display: table-cell;
  vertical-align: middle;
  padding-left: 15px;
  font-size: 1.5rem;
}
.news-list__item__text a {
  color: #000;
}
.news-list__item__text a:hover {
  text-decoration: underline;
}
.news-list__item__text time {
  color: #e95894;
}
.news-list__item__text em {
  display: block;
  font-weight: bold;
}

.news-list__more {
  display: block;
  float: right;
  width: 200px;
  padding: 5px;
  margin-top: 10px;
  border-radius: 2px;
  background: #e95894;
  color: #fff;
  text-align: center;
  text-decoration: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.news-list__more:hover {
  background: #ef85b1;
  color: #fff;
}

/* ========================================================
 Banner
 ======================================================== */
.banner {
  margin: 20px 5px;
}

.banner__item {
  float: left;
  margin: 5px;
  width: 200px;
}
.banner__item a {
  box-sizing: border-box;
  display: block;
  position: relative;
  text-decoration: none;
}
.banner__item a:hover {
  opacity: .8;
}

.banner__item__text {
  box-sizing: border-box;
  display: table;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50px;
  background: rgba(233, 88, 148, 0.8);
  color: #fff;
}
.banner__item__text p {
  box-sizing: border-box;
  display: table-cell;
  padding: 5px 10px;
  height: 50px;
  vertical-align: middle;
  text-align: center;
  font-size: 1.4rem;
  line-height: 1.5rem;
}

.cx_smartphoneview .banner {
  margin: 20px auto;
  width: 600px;
}
.cx_smartphoneview .banner__list {
  margin: 0 -4px;
}
.cx_smartphoneview .banner__item {
  margin: 4px;
  width: 194px;
  float: left;
}
.cx_smartphoneview .banner__item__text p {
  font-size: 1rem;
  line-height: 1.1rem;
}


/* ========================================================
 前作へのリンク
 ======================================================== */
.last-season__links {
  text-align: center;
}
.last-season__links__item {
  display: inline-block;
  width: 260px;
}
.last-season__links__item a {
  box-sizing: border-box;
  display: block;
  padding: 8px 15px;
  background: #e95894;
  color: #fff;
  font-size: 1.6rem;
  text-decoration: none;
}
.last-season__links__item a:hover {
  background: #ef85b1;
}

.cx_smartphoneview .last-season__links__item {
  width: 100%;
}
.cx_smartphoneview .last-season__links__item + .last-season__links__item  {
  margin-top: 10px;
}
.cx_smartphoneview .last-season__links__item a {
  padding: 14px 15px;
}


/* ========================================================
 Instagram
 ======================================================== */
.instagram {
  margin: 0 -.5%;
}

.instagram__item {
  float: left;
  width: 32.3333333%;
  margin: .5%;
}
.instagram__item img {
  width: 100%;
  height: auto;
}

.cx_smartphoneview .instagram__item {
  width: 49%;
}

/* ========================================================
 Twitter
 ======================================================== */
.twitter__include {
  height: 400px;
  overflow: auto;
}

.cx_smartphoneview .instagram__item .twitter__include {
  height: auto;
}

/* cx twitter デフォルトスタイルを上書き
   http://www.fujitv.co.jp/common/style/cx_twitter.css
 */
#fp-l .muttersWrap {
  font-size: 15px;
  color: #333;
}
#fp-l .mutters {
  border-bottom: 1px solid #ddd;
}
#fp-l .mutters .nam a {
  color: #333;
}
#fp-l .mutters .nam span {
  color: #707070;
}
#fp-l .mutters .spouting .txt a {
  color: #06c;
}
#fp-l .mutters .tim {
  color: #707070;
}
#fp-l .mutters .spouting .twFunc li a {
  color: #707070;
}
#fp-l .muttersWrap .more a,
#fp-l .muttersWrap .endlink a {
  background: #eee;
  color: #333;
}

/* スマートフォンでの閲覧時にサイズが大きくなるよう調整 */
.cx_smartphoneview #fp-l .muttersWrap {
  font-size: 28px;
}
.cx_smartphoneview #fp-l .mutters {
  padding: 16px;
}
.cx_smartphoneview #fp-l .mutters .thn {
  width: 78px;
}
.cx_smartphoneview #fp-l .mutters .thn img {
  width: 64px;
  height: 64px;
}
.cx_smartphoneview #fp-l .mutters .nam {
  height: 100px;
  padding-top: 3px;
  line-height: 1.2;
  float: left;
  width: 400px;
}
.cx_smartphoneview #fp-l .mutters .twlogo {
  display: block;
  width: 28px;
  height: 24px;
  margin-top: 2px;
  background-size: 100%;
}
.cx_smartphoneview #fp-l .mutters .spouting .txt {
  padding: 14px 0;
  line-height: 1.2;
}
.cx_smartphoneview #fp-l .mutters .spouting .image {
  padding-bottom: 14px;
}
.cx_smartphoneview #fp-l .mutters .spouting .image img {
  max-width: 100%;
}
.cx_smartphoneview #fp-l .mutters .tim {
  padding-top: 14px;
}
.cx_smartphoneview #fp-l .mutters .spouting .twFunc {
  padding-top: 14px;
}
.cx_smartphoneview #fp-l .mutters .spouting .twFunc li {
  margin-left: 20px;
}
.cx_smartphoneview #fp-l .mutters .spouting .twFunc li a {
  font-size: 24px;
}
.cx_smartphoneview #fp-l .muttersWrap .more a,
.cx_smartphoneview #fp-l .muttersWrap .endlink a {
  display: block;
  padding: 24px 10px;
  line-height: 1.2;
}

/* ///////////////////////////////////////////////////////////////////////////////////////
 Contents
 ニュース、ストーリー、ギャラリー、キャスト＆スタッフ、インタビュー等
/////////////////////////////////////////////////////////////////////////////////////// */
/* ========================================================
  Story
 ======================================================== */
.story p {
  margin: 15px 0;
}

/* ========================================================
  Photo Gallery
 ======================================================== */
.gallery {
  margin-top: 30px;
}

.gallery__title {
  height: 40px;
  margin-bottom: 20px;
  background: url(../img/gallery_title.jpg) center top;
  text-indent: -10000px;
}

.gallery__content {
  margin: 0 -1%;
}
.gallery__content li {
  margin: .5%;
  float: left;
  width: 32.333333%;
}
.gallery__content li a {
  display: block;
  position: relative;
  width: 100%;
  overflow: hidden;
}
.gallery__content li a:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  opacity: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: url(../img/gallery_hover.png) no-repeat center center rgba(249, 202, 222, 0.7);
}
.gallery__content li a:hover:after {
  opacity: 1;
}

.cx_smartphoneview .gallery__content li {
  margin: .5%;
  width: 49%;
}

/* ========================================================
  Interview
 ======================================================== */
.interview__item {
  margin-top: 50px;
}
.interview__item:first-child {
  margin-top: 0;
}

.interview__item dt {
  position: relative;
  padding-left: 42px;
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 1.7rem;
}
.interview__item dt:before {
  content: 'Q';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  border-radius: 15px;
  background: #e7126b;
  color: #fff;
  line-height: 30px;
  text-align: center;
}

.interview__item dd {
  background: #f8f8f8;
  padding: 10px;
}

/* ========================================================
  Cast & Staff
 ======================================================== */
.cast-box {
  border: 1px solid #e95894;
  padding: 10px;
  margin-bottom: 20px;
}

.cast-box__label {
  font-size: 1.4rem;
}

.cast-box__name {
  margin-bottom: 10px;
  padding: 4px 10px;
  background: #fce1ec;
  font-size: 1.8rem;
  color: #e95894;
}
.cast-box__name em {
  font-size: 2.5rem;
}

.cast-box__text {
  width: 55%;
  float: left;
}

.cast-box__photo {
  width: 40%;
  float: right;
}

.cx_smartphoneview .cast-box__text,
.cx_smartphoneview .cast-box__photo {
  width: 100%;
  float: none;
}
.cx_smartphoneview .cast-box__text {
  margin-bottom: 10px;
}

.cast-list dl {
  display: table;
  width: 100%;
  margin: 0px auto 10px auto;
  font-size: 1.8rem;
}
.cast-list dt {
  display: table-cell;
  width: 47%;
  text-align: right;
}
.cast-list dd {
  display: table-cell;
  width: 53%;
  text-align: left;
}
.cast-list dd:before {
  content: '…';
  display: inline-block;
  padding: 0 10px;
}

.staff-list table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
.staff-list th, .staff-list td {
  padding: 15px 0;
  border-bottom: 1px solid #eee;
}
.staff-list th {
  width: 120px;
  text-align: left;
  box-sizing: border-box;
  color: #e95894;
}
.staff-list td {
  padding-left: 20px;
}
.staff-list cite {
  display: inline-block;
  font-size: 1.4rem;
  color: #999;
}

.cx_smartphoneview .caststaff__staff-list th {
  font-size: 1.2rem;
}

/* ///////////////////////////////////////////////////////////////////////////////////////
 Module
 写真、バックナンバー、SNSボタン、動画配信（TVer・FOD）バナー、PC/SP切替等汎用パーツ
/////////////////////////////////////////////////////////////////////////////////////// */
/* ========================================================
  Photo
 ======================================================== */
.photo-2 {
  margin: 0 -.5%;
}
.photo-2 img {
  width: 49%;
  margin: .5%;
}

.photo-3 {
  margin: 0 -.5%;
}
.photo-3 img {
  width: 32.3333333%;
  margin: .5%;
}

.cx_smartphoneview .photo-1 img,
.cx_smartphoneview .photo-2 img,
.cx_smartphoneview .photo-3 img {
  width: 100%;
  margin: 6px 0;
}

/* ========================================================
  Backnumber
 ======================================================== */
.backnumber {
  margin: 30px auto;
}

.backnumber__title {
  height: 26px;
  margin: 10px auto;
  background: url(../img/backnumber_title.png) no-repeat center;
  text-indent: -10000px;
}

.backnumber__list--img {
  margin: 0 -1%;
}
.backnumber__list--img a {
  text-decoration: none;
}
.backnumber__list--img a:hover {
  opacity: .8;
}
.backnumber__list--img li {
  width: 23%;
  margin: 1%;
  float: left;
  background: #fff;
}
.backnumber__list--img li .text {
  height: 26px;
  padding: 5px;
  text-align: center;
  color: #e95894;
  text-decoration: none;
}

.backnumber__list--text {
  margin: 15px;
}
.backnumber__list--text li {
  width: 100%;
  margin: 10px 0;
}
.backnumber__list--text a {
  box-sizing: border-box;
  display: block;
  width: 100%;
  padding: 10px;
  background: #fff;
  border: 1px solid #f9cade;
  border-radius: 5px;
  box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.1);
  text-decoration: none;
  color: #000;
}
.backnumber__list--text a time {
  display: block;
  color: #e95894;
  font-size: 1.4rem;
}
.backnumber__list--text a:hover {
  background: #fef8fb;
  color: #e95894;
}

/* ========================================================
  SNS
 ======================================================== */
.sns {
  margin: 0 auto;
  text-align: center;
}

.sns__list li {
  display: inline-block;
  margin: 0 2px;
}
.sns__list a {
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  background-color: #888;
  background-size: 100%;
  text-indent: -10000px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.sns__list a:hover {
  opacity: .7;
}

.cx_smartphoneview .sns a {
  width: 60px;
  height: 60px;
  border-radius: 30px;
}

.sns__item-in a {
  background-color: #ce0074;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4BpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpBOTEyRkRBMDkxOTJFMjExQTlCRERFNTQ1NTZENTNCMCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyODlDMUZFN0MxMjMxMUU2ODYyOEVGMkJERDE0OEY4RCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyODlDMUZFNkMxMjMxMUU2ODYyOEVGMkJERDE0OEY4RCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNSAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5NjUzOTFlYy00NTg1LWM2NDYtYTAwNy1lOWRkYWNjMTIyMzgiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo2MDE5M2Q3My0wYzVkLTExZTYtOTI4MS1hMzBm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");
}

.sns__item-tw a {
  background-color: #1da1f3;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4BpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpBOTEyRkRBMDkxOTJFMjExQTlCRERFNTQ1NTZENTNCMCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyODgwQThBNEMxMjMxMUU2ODYyOEVGMkJERDE0OEY4RCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyODgwQThBM0MxMjMxMUU2ODYyOEVGMkJERDE0OEY4RCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNSAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5NjUzOTFlYy00NTg1LWM2NDYtYTAwNy1lOWRkYWNjMTIyMzgiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo2MDE5M2Q3My0wYzVkLTExZTYtOTI4MS1hMzBmMmVhNWUxOTIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5O+0JRAAAEeklEQVR42uybW0hUQRzGz9Ym2kNh2BWsqIcoiCIwo/vFLvTUQ3SRIpGoXvKhp3rIqKB8zegpAsNuYAVdIAiy7F6K2E0zKMEwupgVRqaV2/dnZ2FbNt1dd87Mnv0++Bhr9cz/zG/OzH/mzPoCgYBD2aNBbAICoQiEQCgCIRCKQAiEIhACoQiEIhACoQiEQCgCIRCKQAiEIhCKQAiEIhACoQiEQCgCIRCKQCgCsV5+tyry+XzGbjIQCMxBUQgvhKfCGXAv3ALfh8/DVxFjbwzX0h6sK46oc4hLIKbB1YHY1AivMt1epoBII+VphrER7grErzLYZwqIz61vUIWGLNSXj+Ih3A4vxf8/0wBjA4qzA7jEG3gs3AO/h5/Dd+Fq+KmnhizVA0P6BM/UMEwl8mT0p054s+52MpFl5Yf9nAPXIJAVSbz+MTgzyTF/hwvwNFd6Me0dE/HvYfA1QNnd19gdRza1WEPM2wHjkVfXIf7/xHEYvo5GHT+AaxdqiLcWMM54eWH4sY/PCuAmQCmFsxK49jwN8Z72+kr9ST+fD4X3w82AshWOZz6YqCHel14HcjnG38uFj8OtgHIgxqEsU0O8H9xsHBPrEL/qdZMTuEy92ua4ATfgmj0Rk7qsGUYnOfS5qOeBW1snfrcfD9zcb8mo8GNVAn8+S1nUg+s0oHwBv4Pb4E4NQLo8/YSE9bQKFFsc+zUJsbe49YS4Pofghophmbi3wVdSAEiH1+eQtyiyZc0B18GbnOCWuI1qR9wjI7eavAbkNooFTmroHuKe7yYQE2nvTSd1VOd2hSaAnJOOliJA7ngeCIaAJhQXUwCGvM6tSYcnRFTidvaSgG6h87SnBRDcqCzk5K3eL4uBVBlpG1MLQ5WxLFFzyijLYPyAcxFzR5SYPTlkhSBJxjUdPgn/sQhIZTQYXp5DQr1Ndme7cfNFKKc4wdev3RZM5kdMVe43fPMCpE1tpdiiCpUJOmn3hODGv6I4YRGMn3CpyQBsONu71wmefbJBpegkbUY7qcksK2wuyVOLsCyDbSEH4Rb1d77X01lWGKxaFHI267OhEL7ARbEctk6HISsERXqonGJ0e1tFIKxH/a+taAcbhqwow4KsTYrh5Sod1pkNliC2o3HEln5AIhpATiNegMdpCGsP4iqLM570GLKi3Hg2XK4m22TDkFbdFS+MdFgYRgMhjb/DCe4ID9dQhRyc3gIYVr4C8FsCQc5oLYPXqGxrsKaq5NhQocmVuDVA1JdoZHe3SzX4CHiCmrRzNFcvB+oOwWWA0e1YLFcnddQlWdNB59/viOiU7CDLdzr2of7WJHUs72VZqHMlip3wavlIQ3Xf4FNwOep9leQn3btpL+qWA9Xr4LXw7AFmfbLaljO/lyRNRn1ajoCmzToEcUhGJWeg5OzuDDW/CDA5VJehfk12YzuV5XhnI9wMP4brUYf2l1yeAUKl+MKQQCgCoQiEQCgCIRCKQAiEIhACoQiEIhACoQiEQCgCIRCKQAiEIhCKQAiEIhACoQiEQCjd+ivAAGu6BQU+utazAAAAAElFTkSuQmCC");
}

.sns__item-fb a {
  background-color: #3b5998;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4BpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpBOTEyRkRBMDkxOTJFMjExQTlCRERFNTQ1NTZENTNCMCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyODgwQThBOEMxMjMxMUU2ODYyOEVGMkJERDE0OEY4RCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyODgwQThBN0MxMjMxMUU2ODYyOEVGMkJERDE0OEY4RCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNSAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5NjUzOTFlYy00NTg1LWM2NDYtYTAwNy1lOWRkYWNjMTIyMzgiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo2MDE5M2Q3My0wYzVkLTExZTYtOTI4MS1hMzBmMmVhNWUxOTIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5EW02NAAABkUlEQVR42uzbsS4EURiGYWNFohB0ohElV0Gi1iu5BC2dK3AdEtdAq9bTyNai0BnfFDprNrOWOeN5kz+TsCOzHuacbHaruq4X1J8qIEAEBIiAABEQIAICxG8BiIAAERAgAgJEQIAIiIAAERAgAgJEQIAIiIAA6XxhVTXV43L9OzmcZA4ze5m1llNeMut9BVkq9S8pEMs5XGbOSn4egwAJxiiH68zR0G5Zi4Ve9/kQMYpcQ3K9Gzk8Z1Y6/uheryEl/occz4DhljWHDoa87S1xUd+d4jE3mYvM+Ku7njXkZ9eQpxy2W07fyvnjb3Zpblm/jDm2hggIEP3fXVYW3tsJ39qc4dzP9u2yOpjM83kDAQIESBkg75mRXVZ/erXtVfnb3nQ14eunmdWO5za99RlkkC8uVi3vkPDiooAAERAgAgJEQAQEiIAAERAgAgJEf1fpH5ZsPg3VvLH6MfOQuc/clfyEfE4diIAAERAgAgJEQIAAASIgQAQEiIAAERAgAiIgQAQEiIAAERAgAiIg/e9DgAEATHsKtztnhikAAAAASUVORK5CYII=");
}

.sns__item-li a {
  background-color: #00b900;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4BpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpBOTEyRkRBMDkxOTJFMjExQTlCRERFNTQ1NTZENTNCMCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyODlDMUZFM0MxMjMxMUU2ODYyOEVGMkJERDE0OEY4RCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyODlDMUZFMkMxMjMxMUU2ODYyOEVGMkJERDE0OEY4RCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNSAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5NjUzOTFlYy00NTg1LWM2NDYtYTAwNy1lOWRkYWNjMTIyMzgiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo2MDE5M2Q3My0wYzVkLTExZTYtOTI4MS1hMzBmMmVhNWUxOTIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6A2IyqAAACOUlEQVR42uzc4W3qMBRA4VK9BboCK/BGSEfgjUBHCCOUEegKjEBXYAQYoRmBJpIrRREkDjh9afodyT9QnQv2gevrWM3sfD4/YDw8mgJCQAghIIQQEEIICCEEhIAQQkAIISCEEBBCCAgBIYSAEEJACCEghBAQAkIIASGEgBBCQAghIAQDCsnKNjel4xCyD+0YxNzDsmwfZav+gT7v6LsK71n1f42MPw/XtMXPa326WjXup2RGqgcHJGh18jtj7Rvx2voeG323EfHzjvjNv8eQJZrHH7+GzC/8YrIEqbcPRdlOqQb0Z4JpeFu2v2GiUvCvI9Yh4XtNUsg8rAHrRPF2yt7bKBqLcvYTBzElIW+NXL5NWv0QctMvZH0hdRHyH9k1cn4lZHHvzqClHRPEn/ytk5fGerIduIDICOlOXS+114uBU9cpZbAplr311LUMr6vbKu9hz9CX5w4ZhESyDunkqbFh7Mu7RT1dKtl8Y+oiJIJN4xueP4z8iOA3HFDVq64qfa3G/GGHWEMWV0rB5Atgz9T1euP1XWVt0puLQ5yHtJEnPg/pE3t/5TPF9mtjObbzkF2ib9vQVddQVVWydSmVkE2klJg+RY9NV59Ucbgg5XBlLJsesYsb9zcXmY3w2e9f5Wm1AL91SFyGRfoUJjtmElfhuiJM/GFMg595GL+yF4QQAkIIASGEgBBCQAgIIQSEEAJCCAEhhIAQEEIICCEEhBACQggBISCEEBBCCAghBIQQAkJAyLj5FGAA/rL8l0Qot7YAAAAASUVORK5CYII=");
}

.sns--surround * {
  box-sizing: border-box;
}

.sns__inner {
  display: table;
  height: 76px;
  margin: auto;
  border-radius: 45px;
  background-color: #fff;
  overflow: hidden;
  vertical-align: bottom;
}
.cx_smartphoneview .sns__inner {
  height: 86px;
  background-color: #ffc4f1;
}
.sns__tx {
  display: table-cell;
  padding: 16px 16px 16px 28px;
  color: #fff;
  font-size: 16px;
  line-height: 1.4;
  vertical-align: middle;
  vertical-align: middle;
  background-color: #e95894;
}
.cx_smartphoneview .sns__tx {
  font-size: 20px;
}
.sns__list--surround {
  display: table-cell;
  padding: 13px 30px 13px 20px;
  vertical-align: middle;
}


/* ========================================================
  動画配信（TVer・FOD）バナー
 ======================================================== */
.s-bnr--top {
	padding: 10px;
	background-color: #edf8ff;
}

.s-bnr a {
	margin: auto;
	max-width: 620px;
}
.s-bnr a:hover {
	opacity: 0.6;
}

.s-bnr__item + .s-bnr__item {
	margin-top: 26px;
}


/* ========================================================
  PC/SP 切替表示
 ======================================================== */
/* PCのみ適用 */
.pc-only {
  display: block !important;
}

.sp-only {
  display: none !important;
}

/* SPのみ適用 */
.cx_smartphoneview .pc-only {
  display: none !important;
}
.cx_smartphoneview .sp-only {
  display: block !important;
}