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


/* SPでの文字サイズを調整 */



body {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", "Meiryo", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", sans-serif;
  font-size: 15px;
  background: #df040f url(../img/bg.jpg) repeat center top;
  background-size: 30px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
  color: #222;

}
.message_photo{
  height: 400px;
}
.news_list{
  overflow: hidden;
  width: 580px;
  margin: 20px auto 0 auto; 

}
.news_list img{
  width: 100%;
}
.news_list li{
  width: 285px;
  float:left;
}
.cx_smartphoneview .news_list li{
  width: 580px;
  float:none;
}
.news_list li:nth-child(2){
  margin-left:10px; 
}
.cx_smartphoneview .news_list li:nth-child(2){
  margin-top: 10px;
  margin-left: 0;
 
}
.cx_smartphoneview{
  font-size: 26px;
}

a {
  color: #df040f;
  text-decoration: underline;
}
a:hover {
 text-decoration: none;
 color: #df040f;
}
.cx_smartphoneview *, .cx_smartphoneview *::before, .cx_smartphoneview *::after {
  background-image: url(../img/spacer.gif);
}
.red{color: #df040f;}

.text_b{
  font-weight: bold;
}
.moviesp{
  width: 580px;
  margin: 30px auto 0 auto;
}
/* ========================================================
  Background
 ======================================================== */
/* トップページ */
#pc-bg.top {
  background-image:url(../img/bg3.png);
  background-repeat:no-repeat;
  background-size: 2000px;
  background-position:center top;
 
}

/* 下層ページ */
#pc-bg.lower {
background-image:  url(../img/lower_bg.png), url(../img/lower_bg2.png);
background-repeat: no-repeat,no-repeat;
background-position: center top,center bottom;
 
  background-size: 2300px,2300px;
}

/* For Smart Phone */
.cx_smartphoneview #sp-bg {
  background: #df040f url(../img/bg.jpg) repeat center top;

}

.link_movie{
  width: 630px;
  margin: 30px auto 0 auto;
}
.link_movie img{
  width: 100%;
}
.cx_smartphoneview .link_movie{
  width: 600px;
  margin: 30px auto 0 auto;
}
/* ========================================================
  Layout
 ======================================================== */
.l-header,
.l-menu,
.l-main,
.l-mainvisual {
  position: relative;
}

.l-main {
  margin: 0!important;
  
  padding-bottom: 30px;

}
.l-header img{
  width: 100%;
}
/* ========================================================
  Menu
 ======================================================== */
.menu {
  margin-bottom: 25px;
}

.menu__item {
  float: left;
  display: block;
}
.menu__item a {
  display: block;
  width: 160px;
  height: 100px;
  text-indent: -10000px;
  background: url(../img/nav.jpg) no-repeat;
  background-size: 640px;

}
#load_nav{
  height: 200px;
}
.cx_smartphoneview #load_nav{
  height: 240px;
}
.nav-intro a{ background-position: 0 0; }
.nav-intro a:hover{ background-position: 0 -200px; }
.nav-story a{ background-position: -160px 0; }
.nav-story a:hover{ background-position: -160px -200px; }
.nav-news a{ background-position: -320px 0; }
.nav-news a:hover{ background-position: -320px -200px; }
.nav-caststaff a{ background-position: -480px 0; }
.nav-caststaff a:hover{ background-position: -480px -200px; }

.nav-chart a{ background-position: 0 -100px; }
.nav-chart a:hover{ background-position: 0 -300px; }
.nav-int a{ background-position: -160px -100px; }
.nav-int a:hover{ background-position: -160px -300px; }
.nav-msg a{ background-position: -320px -100px; }
.nav-msg a:hover{ background-position: -320px -300px; }
.nav-fod a{ background-position: -480px -100px; }
.nav-fod a:hover{ background-position: -480px -300px; }

.nav-chart{
  display: block;
  width: 160px;
  height: 100px;
  text-indent: -10000px;
  background: url(../img/nav.jpg) no-repeat;
  background-size: 640px;
  background-position: 0px -100px;
}

.nav-fod{
  display: block;
  width: 160px;
  height: 100px;
  text-indent: -10000px;
  background: url(../img/nav.jpg) no-repeat;
  background-size: 640px;
  background-position: -480px -100px;
}

.nav-int{
  display: block;
  width: 160px;
  height: 100px;
  text-indent: -10000px;
  background: url(../img/nav.jpg) no-repeat;
  background-size: 640px;
  background-position: -160px -100px;
}

.cx_smartphoneview .menu__item a {
  display: block;
  width: 160px;
  height: 120px;
  text-indent: -10000px;
  background: url(../img/nav_sp.jpg) no-repeat;
  background-size: 640px;

}
.cx_smartphoneview .nav-chart{
    display: block;
  width: 160px;
  height: 120px;
  text-indent: -10000px;
  background: url(../img/nav_sp.jpg) no-repeat;
  background-size: 640px;
  background-position: 0 -120px;
}
.cx_smartphoneview .nav-int{
    display: block;
  width: 160px;
  height: 120px;
  text-indent: -10000px;
  background: url(../img/nav_sp.jpg) no-repeat;
  background-size: 640px;
  background-position:-160px -120px;
}
.cx_smartphoneview .nav-fod{
   display: block;
  width: 160px;
  height: 120px;
  text-indent: -10000px;
  background: url(../img/nav_sp.jpg) no-repeat;
  background-size: 640px;
  background-position:  -480px -120px;
}
.cx_smartphoneview .nav-intro a{ background-position: 0 0; }
.cx_smartphoneview .nav-story a{ background-position: -160px 0; }
.cx_smartphoneview .nav-news a{ background-position: -320px 0; }
.cx_smartphoneview .nav-caststaff a{ background-position: -480px 0; }
.cx_smartphoneview .nav-int a{ background-position: -160px -120px; }
.cx_smartphoneview .nav-chart a{ background-position: 0 -120px; }
.cx_smartphoneview .nav-msg a{ background-position: -320px -120px; }
.cx_smartphoneview .nav-fod a{ background-position: -480px -120px; }

/*.menu__item:not(.is-comingsoon) a:hover {
  opacity: .9;
}*/
.menu__item 
/* menuが2列の場合 */
.menu--2 .menu__item {
  width: 320px;
}

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

/* 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 0 auto;
}

.content__heading img{
  width: 500px;
  margin: 0 auto;
  display: block;
  
}
.cx_smartphoneview .content__heading img{
  width: 620px;
}
.content__title1,.content__title2,.content__title3,.content__title4,.content__title5 {
  position: relative;
  padding: 16px 100px 16px 30px;
  
   line-height: 1;
  color: #FFF;
  text-align: left;
  font-size: 18px;
 
  font-weight: bold;
}
.content__title1 {background: #111 url(../img/bg_ttl1.jpg) no-repeat left top;  background-size: 640px;}
.content__title2 {background: #111 url(../img/bg_ttl2.jpg) no-repeat left top;  background-size: 640px;}
.content__title3 {background: #111 url(../img/bg_ttl3.jpg) no-repeat left top;  background-size: 640px;}
.content__title4 {background: #111 url(../img/bg_ttl4.jpg) no-repeat left top;  background-size: 640px;}
.content__title5 {background: #111 url(../img/bg_ttl5.jpg) no-repeat left top;  background-size: 640px;}


.story .content__title1,.story .content__title2,.story .content__title3,.story .content__title4,.story .content__title5 {
  
   font-family:Arial, Helvetica, sans-serif;
   letter-spacing: 0.5px;
   word-spacing: 4px;

}
.content__photo img{
  width: 100%;
}

.news_photo:after{
  display: block;
  content: "";
  height: 10px;
    background: #e44996; /* Old browsers */
  background: -moz-linear-gradient(left, #e44996 0%,#f4508e 25%,#f15a7a 50%, #f77575 100%); 
  background: -webkit-linear-gradient(left,#e44996 0%,#f4508e 25%,#f15a7a 50%,#f77575 100%);
  background: linear-gradient(to right, #e44996 0%,#f4508e 25%,#f15a7a 50%,#f77575 100%);
}
.line{
  height: 4px;
   background: url(../img/line.png) no-repeat center top;
   font-size: 1;
   line-height: 1;
   background-size: 640px;
   margin-top: 30px;

}
.cx_smartphoneview .line{
  height: 15px;
    background-size: 1000px;
margin-top: 30px;
}
.cx_smartphoneview .content__title1,.cx_smartphoneview .content__title2,.cx_smartphoneview .content__title3,.cx_smartphoneview .content__title4,.cx_smartphoneview .content__title5{
  font-size: 28px;
  line-height: 1.5em;
   
}


.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: 18px;
  color: #FFF;

  margin-bottom: 15px;
  background: #df040f;
  font-weight: bold;
  line-height: 1.6em;
  padding: 8px 30px;
}
.cx_smartphoneview .content__subtitle {
  font-size: 28px;
  color: #FFF;

  margin-bottom: 15px;
  background: #df040f;
  font-weight: bold;
  line-height: 1.6em;
  padding: 10px 30px;
}
.content__subtitle2 {
  font-size: 18px;
  color: #FFF;

  margin-bottom: 15px;
  background: #df040f;
  font-weight: bold;
  line-height: 1.6em;
  padding: 8px 30px;
}
.cx_smartphoneview .content__subtitle2 {
  font-size: 28px;
  color: #FFF;

  margin-bottom: 15px;
  background: #df040f;
  font-weight: bold;
  line-height: 1.6em;
  padding: 10px 30px;
}
.content__body {
  padding: 20px 0 0 0;
   background: #FFF;

}
.content__body2 {
  padding: 0;
   background: #FFF;

}

.content:after{
  content: "";
  display:block;
  height: 25px;
  background:url(../img/contents_bottom.png) no-repeat center bottom;
  background-size: 640px;

}
.cx_smartphoneview .content:after{
  content: "";
  display:block;
  height: 35px;
  background:url(../img/contents_bottom.png) no-repeat right bottom;
  background-size: 940px;

}
.content_chart:after{
  content: "";
  display:block;
  height: 25px;
  background:url(../img/contents_bottom2.png) no-repeat center bottom;
  background-size: 640px;

}
.cx_smartphoneview .content_chart:after{
  content: "";
  display:block;
  height: 35px;
  background:url(../img/contents_bottom2.png) no-repeat right bottom;
  background-size: 940px;

}
.content_twitter .content__body:after{
  display: none;
}

/* ///////////////////////////////////////////////////////////////////////////////////////
 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;
}
.mainvisual{
  height: 499px;

}
.mainvisual img{
  width: 100%;
}
.original{
  width: 320px;
  margin-left: auto;
  margin-right: auto;
}
.cmt{
  width: 580px;
  margin: 20px auto 0 auto;
}
.cmt p{ padding: 0; }
.cmt{
  padding: 0;
  overflow: hidden;
}
.cmt dt{
  width: 240px;
  float: right;
}
.cmt dt img{
  width: 100%;
}
.cmt dd{
  width: 320px;
  float: left;

}

.cx_smartphoneview .cmt dt{
  width: 360px;
  float: none;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 25px;
  margin-top: 10px;
}
.cx_smartphoneview .cmt dd{
  width: auto;
  float: none;

}
.cmt p{
  padding-left: 0!important;
  padding-right: 0!important;
  line-height: 1.8em;
    
}
.cmt_q{
  border-bottom: 1px dotted #999;
  line-height: 2em;
  padding-bottom: 5px!important;
  letter-spacing: 0.5px;
  margin-bottom: 10px;
  

}

.cmt2{
  overflow: hidden;
}
.cmt2 p{ padding: 0; }
.cmt_q2{

  padding: 0!important;
  border-bottom: 1px dotted #999;
  line-height: 2em;
   padding-bottom: 5px!important;
  letter-spacing: 0.5px;
  margin-bottom: 10px;
  margin-left: 30px;
   margin-right: 30px;
}
/* ========================================================
 Grid
 ======================================================== */
.grid {
  margin: 0!important;

  overflow: hidden;
}
.grid img{
  width: 100%;
}

/* 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: #222;
 
}
.grid article a .gitem__photo img,.top-intro a img,.grid__item-s a img,.grid_gallery a img{
   -webkit-transition: opacity 0.4s ease;
  -moz-transition: opacity 0.4s ease;
  -ms-transition: opacity 0.4s ease;
  opacity: 1;

}
.grid article a:hover .gitem__photo img,.grid__item-s a:hover img,.grid_gallery a:hover img{
  opacity: .6;
}
.cx_smartphoneview .top-intro img{
  width: 610px;

}

.top-intro a:hover img {
  opacity: .8;
}

.grid article a:hover p{
  text-decoration: underline;
}
.grid article.right {
  float: right;
}

.gitem__update {
  position: absolute;
  display: inline-block;
  top: 0px;
  left: 0px;
  z-index: 3;
  background: #222222;
  color: #fff;
  font-size: 0.8em;
  line-height: 1em;
  padding: 6px;
  font-family:Arial, Helvetica, sans-serif;
}

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

/* grid　Lサイズ  */
.grid__item-l {
  width: 310px;
  height: 310px;
  margin: 10px 5px 0 5px;
}

.grid_gallery{
  background: #ef4283;
}
/* grid　Lサイズ (テキスト入りの場合) */
.gitem__photo {
  position: relative;
  z-index: 2;
  height: 194px;
  overflow: hidden;
}

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

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

.gitem__text p {
  position: absolute;
  top: 40px;
  padding: 0 14px;
  font-size: 1em;
  font-size: 14px;
  line-height: 1.6em;
}

.gitem__bg {
  position: absolute;
  top: 0;
  left: 0;
}
.gitem__bg img{
  width: 310px;
}
/* grid枠　Sサイズ */
.grid__item-s {
   width: 310px;
   height: 150px;
  margin: 10px 5px 0 5px;
}
.grid__item-s img{
  height: 150px;
}

/* for Smart Phone */
.cx_smartphoneview .grid article {
  margin: 15px 20px;
}
.cx_smartphoneview .grid article:nth-child(3){
   margin: 10px 0 15px 0;
}
.cx_smartphoneview .grid article:nth-child(1){
   margin: 0 0px 0 15px;
}
.cx_smartphoneview .grid__item-f {
  width: 640px;


}
.cx_smartphoneview .grid__item-s {
  width: 600px;
  height: 216px;
  overflow: hidden;

}
.cx_smartphoneview .grid__item-s img{
  width: 100%;
  height: auto;
}
.cx_smartphoneview .grid__item-l {
  width: 600px;
  margin: 20px 0 0 20px;

  height: 506px;



}
.cx_smartphoneview .gitem__bg img{
  width: 600px;
}
.cx_smartphoneview .gitem__text aside {
  right: 30px;
  top: 30px;
}
.cx_smartphoneview .gitem__text p {
  top: 66px;
  padding: 0 24px;
   line-height: 1.6em;
   font-size: 26px;
}
.cx_smartphoneview .gitem__photo{
  height: 300px;
}
.cx_smartphoneview .gitem__photo img {
  height: auto;
}
.trailer{
  background: url(../img/bg_trailer.png) no-repeat;
  background-size: 640px;
  width: 630px;
  height: 355px;
  padding:2px 5px; ;
  
 

}



/* ========================================================
 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 img{
  width: 100%;
}
.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(235, 4,15, 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: 14px;
  
  line-height: 1.4em;
}

.cx_smartphoneview .banner {
  margin: 20px auto;
  width: 620px;
}
.cx_smartphoneview .banner__list {
  margin: 0 0px;
}
.cx_smartphoneview .banner__item {
 float: left;
  margin: 5px;
  width: 300px;
}
.cx_smartphoneview .banner__item:nth-child(3){
  margin-left: 150px;
}
.cx_smartphoneview .banner__item__text p {
  font-size: 20px;
  line-height: 1.2em;
}


/* ========================================================
 Twitter
 ======================================================== */
.content_twitter{
 margin: 30px auto 0 auto;
  background: #111 url(../img/bg_twitter.jpg) no-repeat;
  background-size: 640px;
  padding: 10px 0;
}
.cx_smartphoneview .content_twitter{
 margin: 30px auto 40px auto;
  background: #111 url(../img/bg_twitter.jpg) no-repeat;
  background-size: 640px;
  padding: 10px 0;
}
.content_twitter .content__title {
  position: relative;
   padding:15px 0;
  font-size: 0;
  line-height: 0;
  font-weight: bold;
  background: none;
  text-align: center;
}
.content_twitter .content__title img{
  width: 130px;
  margin-right: auto;
  margin-left: auto;

}
.cx_smartphoneview .content_twitter .content__title{
   padding: 30px 0 20px 0;
}
.cx_smartphoneview .content_twitter .content__title img{
  width: 180px;
  margin-right: auto;
  margin-left: auto;

}
.content_twitter .content__body {
  margin: 10px 10px 0 10px;
  padding:0 0 10px 0;
}

.twitter__include {
  height: 220px;
  overflow: auto;
}
.cx_smartphoneview .twitter__include {
  height: 400px;
  overflow: auto;
}

.cx_smartphoneview .instagram__item .twitter__include {
  height: auto;
}
.cx_smartphoneview .content_twitter .content__body {
  margin: 10px 10px 0 10px;
  padding-bottom: 10px;
}
/* cx twitter デフォルトスタイルを上書き
   http://www.fujitv.co.jp/common/style/cx_twitter.css
 */
#fp-l .muttersWrap {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", "Meiryo", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", sans-serif;
  padding: 10px 15px;
  font-size: 13px;
  color: #222;
  background: #FFF;
  height: 240px;
  
  overflow: auto;


}
.cx_smartphoneview #fp-l .muttersWrap{
  height: 440px;
}
#fp-l .mutters {
  border-bottom: 1px solid #ddd;
}
#fp-l .mutters .nam a {
  color: #222;
}
#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: #222;
}

/* スマートフォンでの閲覧時にサイズが大きくなるよう調整 */
.cx_smartphoneview #fp-l .muttersWrap {
  font-size: 28px;
   padding: 20px 15px;
}
.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;
}
/* ========================================================
 Instagram
 ======================================================== */
.content_insta{
 margin: 20px auto 0 auto;
  background: #df040f url(../img/bg_instagram.jpg) no-repeat;
  background-size: 640px;
  padding-bottom: 10px;
}

.insta_follow{
  display: block;
  width: 618px;
}
.cx_smartphoneview .insta_follow{
  display: block;
  width: 620px;
}
.insta_follow a{
  display: block;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  transition: all 0.4s ease;
   background: #111; color: #FFF;
   text-align: center;
   padding: 8px 0;
   text-decoration: none;
}
.cx_smartphoneview .insta_follow a{
  padding: 18px 0;

}

.insta_follow a:hover {
    background: #df040f;
    text-decoration: underline;
}
.content_insta .content__title {
  position: relative;
  padding:25px 0 15px 0;
   font-size: 0;
  line-height: 0;
  font-weight: bold;
  background: none;
  text-align: center;
}
.content_insta .content__title img{
  width: 130px;
  margin-right: auto;
  margin-left: auto;

}
.cx_smartphoneview .content_insta .content__title{
   padding: 30px 0 20px 0;
   
}
.cx_smartphoneview .content_insta .content__title img{
  width: 180px;
  margin-right: auto;
  margin-left: auto;

}

.content_insta .content__body {
  margin: 0;
  background:transparent;
  padding:10px 10px 0 10px;
 
}
.cx_smartphoneview .content_insta .content__body {
  margin:0;
  padding:0 10px 0 10px;
 
}
.cx_instagram_target{
  margin: 0;
  padding:0 0 0 0;
  width: auto;
}

.content_insta .content__body .cx_instagram_target ul {
  overflow: hidden;
  margin: 0;
  padding: 0;

}
.cx_smartphoneview .content_insta .content__body .cx_instagram_target ul {
  overflow: hidden;
  margin: 15px 0 0 0;
  padding: 0;

}

.content_insta .content__body .cx_instagram_target li{
  width: 206px;
  height: 206px;
  overflow:hidden;
  float: left;
  background: #ffe5ee;
 position: relative;

 
}
.cx_smartphoneview .content_insta .content__body .cx_instagram_target li{
  width: 310px;
  height: 310px;
  overflow:hidden;
  float: left;
  background: #ffe5ee;
 position: relative;
 
}

.content_insta .content__body li img{
position: absolute;
top: 50%;
left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
}


/* ///////////////////////////////////////////////////////////////////////////////////////
 Contents
 ニュース、ストーリー、ギャラリー、キャスト＆スタッフ、インタビュー等
/////////////////////////////////////////////////////////////////////////////////////// */
/* ========================================================
  Story
 ======================================================== */
.story p,.intro p,.news p,.message p {
  padding: 0 30px;
  font-size: 16px;
  line-height: 1.9em;
  
}
.cx_smartphoneview .story p,.cx_smartphoneview .intro p,.cx_smartphoneview .news p,.cx_smartphoneview .message p{
  font-size: 27px;
  line-height: 1.7em;
  padding: 0 28px;
}


.intro_read{
font-weight: bold;
  font-size: 23px;
  line-height: 1.6em;
  padding:0 20px 8px 20px;
  text-align: center;
	
}


.cx_smartphoneview .intro_read{
font-size: 30px;
line-height: 1.6em;
}

.news .ttl dt{
   text-align: center;
   font-size: 14px;
   color: #df040f; 
  font-family:Arial, Helvetica, sans-serif;
  margin-top: 5px;
}
.news .ttl dd:after{
  display: block;
  content: "";
  height: 14px;
  width: 26px;
  border-bottom: 2px solid #df040f;
  margin:0 auto;
}
.news .ttl dd{
  font-weight: bold;
  font-size: 24px;
  line-height: 1.6em;
  padding:6px 20px 8px 20px;
  text-align: center;
  
}
.cx_smartphoneview .news .ttl dt{
   text-align: center;
   font-size: 24px;
   font-family:Arial, Helvetica, sans-serif;
   margin-top: 5px;
   margin-bottom: 5px;

}
.cx_smartphoneview .news .ttl dd:after{
  display: block;
  content: "";
  height: 14px;
  width: 40px;
  border-bottom: 4px solid #df040f;
  margin:0 auto;
}
.cx_smartphoneview .news .ttl dd{
  font-weight: bold;
  font-size: 30px;
  line-height: 1.6em;
  padding:5px 20px 10px 20px;
  text-align: center;
  
}

.cx_smartphoneview .news h3{
  font-size: 28px;
  line-height: 1.7em;
  text-align: center;
    padding-bottom: 10px;

}
.news_comment span{
  display: block;
  font-weight: bold;
}
.news_comment span:after{
   display: block;
  content: "";
  height: 2px;
  background:  url(../img/line.png) no-repeat center bottom;
  width:580px;
  background-size:580px;
  margin:5px auto 10px auto;
}
.cx_smartphoneview .news_comment span:after{
   display: block;
  content: "";
  height: 2px;
  background:  url(../img/line.png) no-repeat center bottom;
  width:580px;
  background-size:580px;
  margin:10px auto 10px auto;
}
.msg_inner{
  width: 580px;
  margin:30px auto 0 auto;
}
.msg_btn{
  width: 330px;
  margin: 10px auto 0 auto;
}
.msg_btn img{
  width: 100%;
}
.msg_btn a{
  display: block;
 
   

}
.cx_smartphoneview .msg_btn{
  width: 480px;
}
.msg_btn a img,.btn a img{
    -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  transition: all 0.4s ease;
  opacity: 1;
}
.msg_btn a:hover img,.btn a:hover img{
  opacity: .7;

}
.bnr_vanity{
  width: 400px;
  margin: 40px auto 0 auto;
}
.cx_smartphoneview .bnr_vanity{
  width: 500px;
  margin: 40px auto 0 auto;
}
.vanity .read{
  font-weight: bold;
  text-align: center;
  font-size: 120%;
  padding: 20px 0 ;
}
.cx_smartphoneview .vanity .read{
  padding:20px;
  line-height: 1.5em;
  font-size: 110%;
}
.vanity .inner{
 
  background: #FFF url(../img/vanity_bg.jpg) repeat-y;
  background-size: 640px;
  padding: 30px 0;
}
.cx_smartphoneview .vanity .inner h4{
  width: 260px;
  padding-top: 10px;
  margin-left: auto;
  margin-right: auto;
}
.vanity .inner h4{
    margin-left: auto;
  margin-right: auto;
  width: 200px;
}
.vanity .inner h4 img,.gallery1 li img{
  width: 100%;
}
.gallery1{
  width: 598px;
  margin-left: auto;
   margin-right: auto;
   margin-top: 20px;
   overflow: hidden;
}
.gallery2{
  width: 598px;
  margin-left: auto;
   margin-right: auto;
   margin-top: 10px;
   overflow: hidden;
}
.gallery3{
  width: 598px;
  margin-left: auto;
   margin-right: auto;
   
   overflow: hidden;
}
.gallery1 li{
  width: 292px;
  float: left;
  border-right: 2px solid #c7a784;
  border-bottom: 2px solid #c7a784;
}
.gallery1 li:first-child{
  margin-right: 10px;

}
.gallery2 li{
  width: 190px;
  margin-top: 10px;
  float: left;
  border-right: 2px solid #c7a784;
  border-bottom: 2px solid #c7a784;
}
.cx_smartphoneview .gallery2 li{
  width: 292px;
  margin-top: 14px;
}
.gallery3 li{
  width: 292px;
  margin-top: 14px;
  float: right;
  border-right: 2px solid #c7a784;
  border-bottom: 2px solid #c7a784;
}
.gallery3 li:first-child,.gallery3 li:nth-child(2){
  margin-top: 0px;
}
.gallery2 li:nth-child(3n+1) {
  margin-right: 11px;
}
.gallery2 li:nth-child(3n+2) {
  margin-right: 11px;
}
.cx_smartphoneview .gallery2 li:nth-child(3n+1) {
  margin-right: 0;
}
.cx_smartphoneview .gallery2 li:nth-child(3n+2) {
  margin-right: 0;
}
.cx_smartphoneview .gallery2 li:nth-child(2n+1){
 margin-right: 10px;
}
.gallery3 li:nth-child(2n+1){
 margin-left: 10px;
}
/* ========================================================
  Cast & Staff
 ======================================================== */
#chart_contents{
  height:1280px;
  background: #FFF;
}
.chart_btn{
  width: 330px;
  margin: 10px auto 0 auto;
}
.chart_btn img{
  width: 100%;
}
.chart_btn a{
  display: block;
 
   

}

.chart_btn a img{
    -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  transition: all 0.4s ease;
  opacity: 1;
}
.chart_btn a:hover img{
  opacity: .7;

}
.chartnav2{
  display: none;
}
 #chart{
  width: 640px;
  /*height: 840px;*/
  height: 1160px;
  background: url(../img/chart_2.jpg) no-repeat;
  background-size: 640px;
  position: relative;
 }
#chart li{position: absolute;}

#chart .chart1{top: 282px; left: 217px;}
#chart .chart2{top: 322px; left: 459px;}
#chart .chart3{top: 322px; left: 19px;}
#chart .chart4{top: 573px; left: 129px;}
#chart .chart5{top: 572px; left: 358px;}
#chart .chart6{top: 41px; left: 61px;}
#chart .chart7{top: 41px; left:241px;}
#chart .chart8{top: 41px; left:452px;}


.cast h3,.staff h3{ width: 100px; margin-right: auto; margin-left: auto; }
.cast h3:after,.staff h3:after{
  display: block;
  content: "";
  height: 14px;
  background:  url(../img/line2.png) no-repeat center bottom;
  width: 50px;
  background-size: 24px;
  margin:0 auto;
}
.cx_smartphoneview .cast h3:after,.cx_smartphoneview .staff h3:after{
  display: block;
  content: "";
  height: 30px;
  background:  url(../img/line2.png) no-repeat center bottom;
  width: 70px;
  background-size: 40px;
  margin:0 auto;
}
.cx_smartphoneview .cast h3,.cx_smartphoneview .staff h3{ width: 160px; margin-right: auto; margin-left: auto; }
.cast h3{ padding-top: 10px; }
.cast_ver1{
  display: none;
}
.cast-link{
  width: 580px;
  overflow: hidden;
  margin: 25px auto 0 auto; 
}
.cast-link li{
  width: 290px;
  float: left;
 
}
.cx_smartphoneview .cast-link{
  width: 620px;
  overflow: hidden;
  margin: 25px auto 0 auto; 
}
.cx_smartphoneview .cast-link li{
  width: 310px;
  float: left;
  font-size: 24px;
 
}
.cast-link li a{
  display: block;
  text-align: center;
  background: #FFF;
  padding: 10px 0;
  color: #df040f;
  border: 2px solid #df040f;
}
.cx_smartphoneview .cast-link li a{
  display: block;
  text-align: center;
  background: #FFF;
  padding: 14px 0;
  color: #df040f;
  border: 2px solid #df040f;
}
.cast-list p{
  font-weight: bold;
  text-align: center;
  padding: 0;
  font-size:100%;
  color: #666;
}
.cast-link li.visited a{
  background: #df040f;
  color: #FFF;
  text-decoration: none;
  border: 2px solid #df040f;
}
.cast-link li.visited:after{
 
  content: "";
   display: block;
  width:20px;
  height: 10px;
  margin: 0 auto;
  background: url(../img/arrow.gif) no-repeat;
  background-size: 20px;

}
.cx_smartphoneview .cast-list p{
  font-weight: normal;
  text-align: center;
  padding: 0;
}
.cast-list dl {
  display: table;
  width: 100%;
  margin: 2px auto 2px auto;
   font-weight: bold;

  
}
.cast-list dl.cast_l{
  margin-top: 20px;
  font-size: 24px;
}
.cast-list dl.cast_l2{
  font-size: 24px;
}
.cast-list dl.cast_s{

  font-size: 20px;
}
.cast-list dl.cast_s2{
  font-size: 20px;
  margin-top: 20px;
}

.cx_smartphoneview .cast-list dl{
 
  font-weight: normal;
  margin: 4px auto;
}
.cx_smartphoneview .cast-list dl.cast_l{
  margin-top: 20px;
  font-size: 28px;
}
.cx_smartphoneview .cast-list dl.cast_l2{
  font-size: 28px;
}
.cx_smartphoneview .cast-list dl.cast_s{

  font-size: 24px;
}
.cx_smartphoneview .cast-list dl.cast_s2{
  font-size: 24px;
  margin-top: 20px;
}

.cast-list dt {
  display: table-cell;
  width: 47%;
  color:#df040f;
  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: 580px;
  margin-left: auto;
  margin-right: auto;
  border-collapse: collapse;
  border-spacing: 0;
}
.staff-list th, .staff-list td {
  padding: 8px 0;
  line-height: 1.8em;
 
}
.cx_smartphoneview .staff-list th,.cx_smartphoneview .staff-list td {
  padding: 14px 0;
  line-height: 1.6em;
  vertical-align: top;
  
}
.staff-list th {
  width: 160px;
  text-align: left;
  box-sizing: border-box;
  color: #df040f;
  font-weight: bold;
  vertical-align: top;
   font-size: 16px;
}
.cx_smartphoneview .staff-list th{
  padding-right: 10px;
  font-weight: normal;
  vertical-align: top;
  font-size: 26px;
}
.staff-list td {
  font-size: 16px;
  padding-left: 20px;
vertical-align: top;
}
.cx_smartphoneview .staff-list td {
  font-size: 26px;
}
.staff-list cite {
  display: inline-block;
  font-size: 13px;
  color: #222;
}
.cx_smartphoneview .staff-list cite {
  font-size: 24px;
}
.cx_smartphoneview .caststaff__staff-list th {
  font-size: 20px;
}
.staff-list td span{
  font-size: 90%;
}

.staff-list2 table {
  width: 580px;
  margin-left: auto;
  margin-right: auto;
  border-collapse: collapse;
  border-spacing: 0;

}
.staff-list2 th, .staff-list2 td {
  padding: 8px 0;
   vertical-align: top;
  
}
.cx_smartphoneview .staff-list2 th,.cx_smartphoneview .staff-list2 td {
  padding: 14px 0;
  line-height: 1.4em;
  vertical-align: top;
 
}
.staff-list2 th {
  width: 140px;
  text-align: left;
  box-sizing: border-box;
  color: #df040f;
  font-weight: bold;
  
}
.cx_smartphoneview .staff-list2 th{
  padding-right: 10px;
  width: 174px;
  font-weight: normal;
}
.staff-list2 td {
  padding-left: 20px;

}
.staff-list2 cite,.staff-list2 td span {
  display: inline-block;
  font-size: 13px;
  color: #222;
}
.cx_smartphoneview .staff-list2 cite,.cx_smartphoneview .staff-list2 td span {
  font-size: 22px;
}


.int .int_q{
  font-size: 18px;
  line-height: 1.6em;
  background: url(../img/int_q.png) no-repeat;
  padding-left: 40px;
  background-size: 30px;
  padding-top: 3px;
  padding-bottom: 3px;
  font-weight: bold;
  
}
.int dl{
  width: 580px;
  margin-left: auto;
  margin-right: auto;
}
.int .int_a{
  margin-top: 15px;
  font-size: 16px;
  line-height: 1.9em;
  
}

.cx_smartphoneview .int .int_q{
  font-size: 30px;
  line-height: 1.6em;
  background: url(../img/int_q.png) no-repeat;
  padding-left: 65px;
  background-size: 50px;
   padding-top: 0;
   min-height: 50px;
  font-weight: bold;
  
}
.cx_smartphoneview .int dl{
  width: 580px;
  margin-left: auto;
  margin-right: auto;
}
.cx_smartphoneview .int .int_a{
  margin-top: 25px;
  font-size: 27px;
  line-height: 1.8em;
  padding-bottom: 10px;
  
}




/* ///////////////////////////////////////////////////////////////////////////////////////
 Module
 写真、バックナンバー、SNSボタン、PC/SP切替等汎用パーツ
/////////////////////////////////////////////////////////////////////////////////////// */
/* ========================================================
  Photo
 ======================================================== */
.photo-2 {
  width: 580px;
  margin: 25px auto 0 auto;
}
.photo-1s {
  width: 580px;
  margin: 0 auto;
}
.photo-2 img {
  float: left;
  width: 50%;
 
}

.photo-3 {
  margin: 0 -.5%;
}
.photo-3 img {
  float: left;
  width: 32.3333333%;
  margin: .5%;
}
.photo-1 img,.photo-1s img{
  width: 100%;
}

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


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

}
.cx_smartphoneview .backnumber {
  margin: 20px auto 30px auto;
  width: 638px;

}
.backnumber__title {
  height: 40px;
  margin: 10px auto;
  background: url(../img/backnumber_title.png) no-repeat center;
  background-size: 160px;
  text-indent: -10000px;
}
.cx_smartphoneview .backnumber__title {
   height: 64px;
   background-size: 260px;
}
.backnumber__list img{
  width: 100%;
  
}

.backnumber__list--img {
  margin: 0 ;

}
.backnumber__list--img a {
  text-decoration: none;
  display: block;
   -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  transition: all 0.4s ease;
    background: #FFF;
}
.backnumber__list--img a:hover {
  opacity: .7;
    background: #000;

}
.backnumber__list--img li {
  width: 200px;
  margin:6px;
  float: left;
  background: #df040f;


}
.backnumber__list--img li .text {
  font-size: 86%;
  text-align: center;
  padding: 4px;
  color: #df040f;
  text-decoration: none;
}
.cx_smartphoneview .backnumber__list--img li .text {
  font-size: 86%;
  text-align: center;
  padding: 8px 4px;
  color: #df040f;
  text-decoration: none;
}

.backnumber__list--text {
  margin: 0;
  background: #FFF;
  padding:10px 0 0 0;
}
.backnumber__list--text li {
  width: 94%;
  margin: 0 auto;
  

}
.backnumber__list--text a {
  box-sizing: border-box;
  display: block;
  width: 100%;
  padding: 10px;
  background: #fff;
  border-bottom: 1px solid #feb3cc;
  text-decoration: none;
  color: #222;
}

.backnumber__list--text a time {
  display: block;
  color: #e44996;
  font-size: 13px;
   
}
.backnumber__list--text a p{
  font-size: 15px;
}
.backnumber__list--text a:hover {
  background: #fef8fb;
  color: #e44996;
}
.recipe {
  margin-top: 30px;
}
.recipe dl{
  width: 540px;
  margin: 0 auto;
  display: table;
  padding: 10px 20px ;
  border-bottom: 1px solid #CCC;
}
.cx_smartphoneview .recipe dl{
 
  padding: 15px 20px ;

}
.recipe dl:first-child{
  border-top: 1px solid #CCC;
}
.recipe dl:nth-child(odd){
  background: #f1f1f1;
}
.recipe dt{
  display: table-cell;
  width: 340px;
  padding-right: 10px;
  font-weight: bold;
}
.recipe dd{
  display: table-cell;
  text-align: right;
  width: 200px;
}
/* ========================================================
  SNS
 ======================================================== */
.sns {
  margin: 20px auto 0 0;
  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=");
}

/* ========================================================
  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;
}