@charset "UTF-8";

/*==================================

 Layout

==================================*/

.ntv-wrapper{
  background-color: #FBFBFB;
}

/* メインビジュアル */
.teaser-main-visual{
  padding: 15px 15px 60px;
  position: relative;
  background: url(../images/pattern-grid-pink.png);
  background-size: 10%;
}
.teaser-main-visual img.logo-teaser{
  display: block;
  width : -webkit-calc(300 / 375 * 100%);
  width: calc(240 / 345 * 100%);
  position: absolute;
  bottom: 110px;
  left: 50%;
  transform: translate(-50%, 0);
  filter: drop-shadow(0px 0px 5px rgba(0,0,0,.3));
}
.teaser-main-visual img.main-teaser {
  display: block;
  width: 100%;
  border-radius: 5px;
  border: 1px solid #3F452E;
}

/* メインビジュアル 2nd */
.teaser-main-2nd-visual{

}
.teaser-main-2nd-visual img{
  display: block;
  width: 100%;
}

/* 放送日時 */
.teaser-main-onair{
  background-color: #FF6D88;
  text-align: center;
  padding: 15px 20px 10px;
}
.teaser-main-onair img{
  width: 100%;
  max-width: 246px;
}
.teaser-contents {
  box-sizing: border-box;
  font-size: 1.6rem;
}

/* メニュー */
.teaser-main-nav{
  padding: 20px 20px 15px;
}
.teaser-main-nav .teaser-main-nav-list{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.teaser-main-nav .teaser-main-nav-list li{
  display: flex;
  width : -webkit-calc(80 / 335 * 100%);
  width: calc(80 / 335 * 100%);
  margin-bottom: 5px;
}
.teaser-main-nav .teaser-main-nav-list li a{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 10px 0;
  line-height: 1;
  color: #fff;
  font-family: "UDMarugo_LargePr6N-B", "FOT-UD丸ゴ_ラージ Pr6N B", sans-serif;
  font-size: 1.1rem;
  font-weight: bold;
  text-align: center;
  background: url(../images/nav-bg-sp.png) no-repeat center, #FE6A56;
  background-size: cover;
  border-radius: 5px;
  border: 1px solid #3F452E;
  min-height: 40px;
}
.teaser-main-nav .teaser-main-nav-list li a.is-comingsoon{
  pointer-events:none;
  opacity: 0.5;
}

/* バナー */
.teaser-banner-area{
  width: 100%;
  padding: 10px 20px 15px;
}
.teaser-banner-area ul li{
  line-height: 0;
  position: relative;
  margin-bottom: 15px;
}
.teaser-banner-area ul li a{

}
.teaser-banner-area ul li a img{
  width: 100%;
  border-radius: 5px;
  border: 1px solid #3F452E;
}
.teaser-banner-area ul li::after{
  content: "";
  position: absolute;
  top: -11px;
  right: 10px;
  width: 14px;
  height: 28px;
  background-image: url(../images/banner-clip.png);
  background-size: cover;
}

/* ブロック */
.teaser-block{
  background: #fff;
  color: #292E1E;
  word-break: break-all;
  border-top: 1px solid #3F452E;
  overflow-y: hidden;
}
.teaser-block-inner{
  padding: 0 20px 60px;
}

/* ブロックタイトル */
.teaser-block-title{
  padding: 0 20px;
  line-height: 1.0;
  text-align: center;
  margin-bottom: 30px;
  margin-top: -5px;
  transition: .8s;
  opacity: 0;
}
.teaser-block-title img{
  width: 100%;
  max-width: 335px;
}

.teaser-block-title.title-active{
  animation-name: fadeInAnime;
  animation-fill-mode: forwards;
  animation-duration: 1s;
  animation-delay: 0.1s;
}
@keyframes fadeInAnime{
  0% {
    transform: translateY(-20px) rotate(0deg);
    opacity: 0;
  }
  40%{
    transform: rotate(1deg);
  }
  50%{
    transform: translateY(0) rotate(0deg);
  }
  75%{
    transform: rotate(1deg);
  }
  100% {
    transform:rotate(0deg);
    opacity: 1;
  }
}


/* ブロック内テキスト */
.teaser-block p{
  color: #292E1E;
  line-height: 1.86;
  font-size: 1.4rem;
  margin-bottom: 15px;
}
.teaser-block p.to{
  overflow: hidden;
  text-indent: -9999px;
  white-space: nowrap;
  line-height: 0;
  margin-bottom: 0;
}

/* 動画 */
#movie.teaser-block{
  background: #FFBBB7;
}
#movie.teaser-block .movie-frame{
  background: #FF6D88;
  border: 1px solid #292E1E;
  border-radius: 5px;
  padding: 10px;
  position: relative;
}
#movie.teaser-block .movie-frame::before,
#movie.teaser-block .movie-frame::after{
  content: "";
  background-image: url(../images/movie-frame.png);
  background-size: cover;
  width: 50px;
  height: 50px;
  position: absolute;
  z-index: 999;
}
#movie.teaser-block .movie-frame::before{
  top: -10px;
  left: -10px;
}
#movie.teaser-block .movie-frame::after{
  transform: rotate( 180deg );
  bottom: -10px;
  right: -10px;
}
.teaser-contents .movie-player {
  width: 100%;
  padding-top: 56.25%;
  position: relative;
  margin: 0 auto;
}

.teaser-contents .movie-player iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* イントロ */
#intro.teaser-block{
  background: url(../images/pattern-grid-white.png), #FFF59B;
  background-size: 16.7%;
}
.teaser-block p.intro-catch{
  background: url(../images/intro-catch-sp.png) no-repeat;
  background-size: contain;
  width: 96%;
  padding-top: -webkit-calc(276 / 530 * 100%);
  padding-top: calc(276 / 530 * 100%);
  margin: 0 auto;
  transform: rotate(-3deg);
}
.teaser-block p.intro-text{
  background: url(../images/intro-text-sp.png) no-repeat;
  background-size: contain;
  width: 100%;
  padding-top: -webkit-calc(1255 / 718 * 100%);
  padding-top: calc(1255 / 718 * 100%);
  margin: 15px auto 0;
}

/* 登場人物 */
#cast.teaser-block{
  background: #ffa7ab;
}
#cast.teaser-block .cast-box{
  padding: 40px 10px 10px;
  background:#FFFEFA;
  border: 1px solid #3F452E;
  position: relative;
  margin-bottom: 30px;
}
#cast.teaser-block .cast-box:last-child{
  margin-bottom: 0;
}
#cast.teaser-block .cast-box::before{
  content: "";
  position: absolute;
  top: -5px;
  left: 50%;
  transform: translate(-50%, 0);
  width : -webkit-calc(100% - 30px);
  width: calc(100% - 30px);
  padding-top: -webkit-calc(60 / 610 * 100%);
  padding-top: calc(60 / 610 * 100%);
}
#cast.teaser-block .cast-box.cast-box-company::before{
  background: url(../images/cast-ring-company-sp.png) no-repeat;
  background-size: contain;
}
#cast.teaser-block .cast-box.cast-box-family::before{
  background: url(../images/cast-ring-family-sp.png) no-repeat;
  background-size: contain;
}
#cast.teaser-block .cast-box.cast-box-other::before{
  background: url(../images/cast-ring-other-sp.png) no-repeat;
  background-size: contain;
}
#cast.teaser-block .cast-box .cast-box-inner{
  background: url(../images/pattern-grid-gray.png);
}
#cast.teaser-block .cast-box-label{
  width : -webkit-calc(160/335*100%);
  width: calc(160/335*100%);
  transform: rotate(-5deg);
  margin-bottom: -20px;
  margin-left: -20px;
  padding-top: 20px;
}
#cast.teaser-block .cast-box-label img{
  width: 100%;
  max-width: 200px;
}
#cast.teaser-block .cast-list .cast-list-item{
  padding: 30px 0 20px;
  border-bottom: 1px dashed #CFCFCF;
}
#cast.teaser-block .cast-list .cast-list-item:last-child{
  border-bottom: none;
}
#cast.teaser-block .cast-list .cast-list-item .cast-img{
  text-align: center;
  position: relative;
  margin-bottom: 20px;
}
#cast.teaser-block .cast-list .cast-list-item .cast-img .cast-img-role{
  width : -webkit-calc(60 / 313 * 100%);
  width: calc(60 / 313 * 100%);
  max-width: 70px;
  border-radius: 50%;
  border: 1px solid #3F452E;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-180%,0);
}
#cast.teaser-block .cast-list .cast-list-item .cast-img .cast-img-face{
  width : -webkit-calc(180 / 313 * 100%);
  width: calc(180 / 313 * 100%);
  max-width: 240px;
  border-radius: 50%;
  border: 1px solid #3F452E;
}
#cast.teaser-block .cast-list .cast-list-item .cast-name{
  text-align: center;
  font-family: "UDMarugo_LargePr6N-B", "FOT-UD丸ゴ_ラージ Pr6N B", sans-serif;
  font-size: 20px;
  letter-spacing: .05em;
  padding-left: .5em;
  margin-bottom: 0;
}
#cast.teaser-block .cast-box.cast-box-company .cast-list .cast-list-item .cast-name{
  color: #30DA88;
}
#cast.teaser-block .cast-box.cast-box-family .cast-list .cast-list-item .cast-name{
  color: #FB5287;
}
#cast.teaser-block .cast-box.cast-box-other .cast-list .cast-list-item .cast-name{
  color: #4BC7E2;
}
#cast.teaser-block .cast-list .cast-list-item .cast-name span{
  font-size: 12px;
}
#cast.teaser-block .cast-list .cast-list-item .cast-actor{
  text-align: center;
  font-family: "UDMarugo_LargePr6N-B", "FOT-UD丸ゴ_ラージ Pr6N B", sans-serif;
  font-size: 16px;
  letter-spacing: .05em;
}
#cast.teaser-block .cast-list .cast-list-item .cast-text{
  padding: 0 10px;
}
/* ボタン teaser-block-btn */
.teaser-block .teaser-block-btn{
  width: 80%;
  margin: 0 auto;
}
.teaser-block .teaser-block-btn a{
  display: block;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  word-break: break-all;
  position: relative;
  background: #ffffff;
  border-radius: 5px;
  border: 1px solid #3F452E;
  padding: 1em 0 1.2em;
  font-size: 1.4rem;
  line-height: 1;
}
#cast.teaser-block .cast-list .cast-list-item .cast-comment-btn a{
  margin-bottom: 20px;
}

/* スタッフ */
#staff.teaser-block{
  background: #FFECA7;
}
#staff.teaser-block .staff-list{
  background:url(../images/pattern-dot-gray.png), #FFFEFA;
  background-size: 10%;
  border: 1px solid #3F452E;
  padding: 30px 10px;
  text-align: center;
}
#staff.teaser-block .staff-list .staff-role{
  position: relative;
  display:inline-block;
  margin-bottom: 5px;
  background: linear-gradient(transparent 0%, #ffa8a8 0%);
  padding: 0 2%;
  line-height: 1.6;
  font-family: "UDMarugo_LargePr6N-B", "FOT-UD丸ゴ_ラージ Pr6N B", sans-serif;
  font-size: 1.4rem;
}
#staff.teaser-block .staff-list .staff-role::before,
#staff.teaser-block .staff-list .staff-role::after{
  content: '';
  position: absolute;
  top: 0;
  width: 0;
  height: 0;
  border-style: solid;
}
#staff.teaser-block .staff-list .staff-role::before{
  left: -5px;
  border-width: 0 5px 22.4px 0;
  border-color: transparent #ffa8a8 transparent transparent;
}
#staff.teaser-block .staff-list .staff-role::after{
  right: -5px;
  border-width: 22.4px 0 0 5px;
  border-color: transparent transparent transparent #ffa8a8;
}
#staff.teaser-block .staff-list .staff-name{
  margin-bottom: 30px;
}
#staff.teaser-block .staff-list .staff-name span{
  font-size: 1.2rem;
}

/*==================================

 原作紹介

==================================*/
#original.teaser-block{
  background: url(../images/pattern-grid-white.png), #FFF59B;
  background-size: 16.7%;
}
#original.teaser-block .original-work-img{
  margin: 0 auto 20px;
  max-width: 240px;
}
#original.teaser-block .original-work-img img{
  width: 100%;
}
#original.teaser-block .original-work-text p{
  text-align: center;
  font-family: "UDMarugo_LargePr6N-B", "FOT-UD丸ゴ_ラージ Pr6N B", sans-serif;
  letter-spacing: .05em;
}
#original.teaser-block .original-author-name{
  font-size: 1.4rem;
}
#original.teaser-block .original-work-title{
  font-size: 1.6rem;
}
#original.teaser-block .original-work-pub{
  font-size: 1.2rem;
  margin-bottom: 30px;
}
#original.teaser-block .original-comment{
  padding: 40px 20px;
  background-color: #fff;
  border: 1px solid #3F452E;
}
#original.teaser-block .original-comment .original-comment-title{
  text-align: center;
  font-family: "UDMarugo_LargePr6N-B", "FOT-UD丸ゴ_ラージ Pr6N B", sans-serif;
  font-size: 1.6rem;
  color: #FB5287;
  letter-spacing: .05em;
  margin-bottom: 40px;
  position: relative;
}
#original.teaser-block .original-comment .original-comment-title::after{
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background: #FB5287;
  bottom: -5px;
  left: 50%;
  transform: translate(-50%,0);
}
#original.teaser-block .original-comment .original-comment-btn{
  line-height: 0;
  position: relative;
  max-width: 335px;
  margin: 20px auto 0;
}
#original.teaser-block .original-comment .original-comment-btn a img{
  width: 100%;
  border-radius: 5px;
  border: 1px solid #3F452E;
}
#original.teaser-block .original-comment .original-comment-btn a::after{
  content: "";
  position: absolute;
  top: -11px;
  right: 10px;
  width: 14px;
  height: 28px;
  background-image: url(../images/original/banner-clip-green.png);
  background-size: cover;
}

/*==================================

 ストーリー

==================================*/
#top-story.teaser-block,
#story.teaser-block{
  background: url(../images/pattern-dot-gray.png), #D8F05E;
  background-size: 10%;
}

#story.teaser-block .tab{
	display: flex;
	flex-wrap: wrap;
  justify-content: space-between;
}
#story.teaser-block .tab li{
  width: 32%;
  /* width: 49%; */
}
#story.teaser-block .tab li a{
	display: block;
  padding: 10px 0 8px;
  text-align: center;
  font-family: "UDMarugo_LargePr6N-B", "FOT-UD丸ゴ_ラージ Pr6N B", sans-serif;
  font-size: 1.4rem;
  border-top: 1px solid #3F452E;
  border-right: 1px solid #3F452E;
  border-left: 1px solid #3F452E;
  border-radius: 5px 20px 0px 0px;
  background:#FB5287;
  color: #fff;
}
#story.teaser-block .tab li.active a{
	background:#fff;
  color: #FB5287;
  position: relative;
}
#story.teaser-block .tab li.active a::after{
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  background-color: #fff;
  bottom: -2px;
  left: 0;
}

#story.teaser-block .tab-item{
	display: none;
	opacity: 0;
}
#story.teaser-block .tab-item.is-active {
    display: block;
    opacity: 1;
}

#top-story.teaser-block .tab-item,
#story.teaser-block .tab-item{
  padding: 30px 20px;
  background-color: #fff;
  border: 1px solid #3F452E;
}
/* top-story */
#top-story.teaser-block .tab-item .story-box{
  padding-top: 40px;
  position: relative;
}
/* story */
#story.teaser-block .tab-item .story-box{
  padding-top: 40px;
  border-bottom: 1px dashed #CFCFCF;
  padding-bottom: 20px;
  position: relative;
}
#top-story.teaser-block .tab-item .story-box:last-child,
#story.teaser-block .tab-item .story-box:last-child{
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
#top-story.teaser-block .tab-item .story-box .story-number,
#story.teaser-block .tab-item .story-box .story-number{
  position: absolute;
  top: 20px;
  left: -10px;
  transform: rotate(-5deg);
}
#top-story.teaser-block .tab-item .story-box .story-number .story-number-text,
#story.teaser-block .tab-item .story-box .story-number .story-number-text{
  position: relative;
  width: 140px;
  height: 40px;
  background: url(../images/story/story-number-bg.png) no-repeat;
  background-size: contain;
  font-family: "UDMarugo_LargePr6N-B", "FOT-UD丸ゴ_ラージ Pr6N B", sans-serif;
  text-align: center;
  color: #fff;
}
#top-story.teaser-block .tab-item .story-box .story-number .story-number-text span.number,
#story.teaser-block .tab-item .story-box .story-number .story-number-text span.number{
  font-size: 2.4rem;
  position: absolute;
  top: -2px;
  left: 50%;
  transform: translate(-50%, 0);
}
#top-story.teaser-block .tab-item .story-box .story-number .story-number-text span.sharp,
#story.teaser-block .tab-item .story-box .story-number .story-number-text span.sharp{
  font-size: 1.6rem;
  margin-right: .5em;
}
#top-story.teaser-block .tab-item .story-box .story-img,
#story.teaser-block .tab-item .story-box .story-img{
  margin: 0 auto 15px;
}
#top-story.teaser-block .tab-item .story-box .story-img img,
#story.teaser-block .tab-item .story-box .story-img img{
  width: 100%;
  border: 1px solid #3F452E;
}
#top-story.teaser-block .tab-item .story-box .story-title,
#story.teaser-block .tab-item .story-box .story-title{
  text-align: center;
  color: #FB5287;
  font-family: "UDMarugo_LargePr6N-B", "FOT-UD丸ゴ_ラージ Pr6N B", sans-serif;
  font-size: 1.8rem;
  letter-spacing: .05em;
  margin-bottom: 0;
}
#top-story.teaser-block .tab-item .story-box .story-date,
#story.teaser-block .tab-item .story-box .story-date{
  text-align: center;
  font-size: 1.2rem;
  letter-spacing: .05em;
}
#top-story.teaser-block .tab-item .story-box .story-text,
#story.teaser-block .tab-item .story-box .story-text{
  margin-bottom: 20px;
}
#story.teaser-block .tab-item .story-box .story-banner-hulu{
  width: 100%;
  max-width: 335px;
  margin: 0 auto 30px;
  line-height: 0;
}
#story.teaser-block .tab-item .story-box .story-banner-hulu img{
  width: 100%;
  border-radius: 5px;
  border: 1px solid #3F452E;
}

#story.teaser-block .story-backnumber{
  margin-top: 60px;
}
#story.teaser-block .story-backnumber .story-backnumber-title{
  transform: rotate(-5deg);
  width : -webkit-calc(142 / 335 * 100%);
  width: calc(142 / 335 * 100%);
  margin: 0 auto 30px;
}
#story.teaser-block .story-backnumber .story-backnumber-title img{
  width: 100%;
}
#story.teaser-block .story-backnumber .story-backnumber-list{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#story.teaser-block .story-backnumber .story-backnumber-list li{
  width: 30%;
  background-color: #fff;
  border-radius: 5px;
  border: 1px solid #3F452E;
  margin-bottom: 20px;
  position: relative;
}
#story.teaser-block .story-backnumber .story-backnumber-list li.rotate-plus{
  transform: rotate(5deg);
}
#story.teaser-block .story-backnumber .story-backnumber-list li.rotate-minus{
  transform: rotate(-5deg);
}

#story.teaser-block .story-backnumber .story-backnumber-list li::after{
  content: "";
  background: url(../images/story/story-backnumber-pin.png) no-repeat;
  background-size: contain;
  width: 15px;
  height: 16px;
  position: absolute;
  top: -8px;
  left: 50%;
  transform: translate(-50%, 0);
}
#story.teaser-block .story-backnumber .story-backnumber-list li a{
  display: inline-block;
  padding: 15px 8px 8px;
}
#story.teaser-block .story-backnumber .story-backnumber-list li img{
  width: 100%;
}
#story.teaser-block .story-backnumber .story-backnumber-list li .story-backnumber-number{
  text-align: center;
  font-family: "UDMarugo_LargePr6N-B", "FOT-UD丸ゴ_ラージ Pr6N B", sans-serif;
  font-size: 1.8rem;
  letter-spacing: .05em;
  color: #FB5287;
  margin-bottom: 0;
}

.panel-radios { 
  display: none; 
} 



/* ---------------------------------
 SP用
--------------------------------- */
@media screen and (max-width: 992px) {


}

/* ---------------------------------
 tablet用(SP設定を上書き）
--------------------------------- */
@media screen and (min-width : 601px){

  /* ブロック */
  .teaser-block-inner{
    padding: 0 40px 60px;
  }

  /* ブロックタイトル */
  .teaser-block-title{
    padding: 0 40px;
    margin-bottom: 50px;
  }

  /* ブロック内テキスト */
  .teaser-block p{
    font-size: 1.6rem;
  }

  /* メインビジュアル */
  .teaser-main-visual{
    padding: 40px 40px 100px;
    background-size: 5%;
  }
  .teaser-main-visual img.logo-teaser{
    display: block;
    width : -webkit-calc(400 / 624 * 100%);
    width: calc(400 / 664 * 100%);
    bottom: 160px;
  }

  /* 放送日時 */
  .teaser-main-onair{
    padding: 15px 20px 10px;
  }
  .teaser-main-onair img{
    max-width: 355px;
  }

  /* メニュー */
  .teaser-main-nav{
    padding: 30px 20px 25px;
  }
  .teaser-main-nav .teaser-main-nav-list li{
    width : -webkit-calc(159 / 664 * 100%);
    width: calc(159 / 664 * 100%);
    margin-bottom: 8px;
  }
  .teaser-main-nav .teaser-main-nav-list li a{
    padding: 20px 0;
    font-size: 1.6rem;
    background: url(../images/nav-bg-pc.png) no-repeat center, #FE6A56;
    background-size: cover;
  }
  
  /* バナー */
  .teaser-banner-area{
    padding: 20px;
  }
  .teaser-banner-area ul li{
    margin-bottom: 25px;
  }
  .teaser-banner-area ul li::after{
    top: -19px;
    right: 20px;
    width: 24px;
    height: 48px;
  }

  /* 動画 */
  #movie.teaser-block .movie-frame{
    padding: 20px;
  }

  /* イントロ */
  #intro.teaser-block{
    background-size: 16.7%;
  }
  .teaser-block p.intro-catch{
    background: url(../images/intro-catch-pc.png) no-repeat;
    background-size: contain;
    padding-top: -webkit-calc(200 / 1128 * 100%);
    padding-top: calc(200 / 1128 * 100%);
  }
  .teaser-block p.intro-text{
    background: url(../images/intro-text-pc.png) no-repeat;
    background-size: contain;
    padding-top: -webkit-calc(1212 / 1209 * 100%);
    padding-top: calc(1212 / 1209 * 100%);
  }

  /* 登場人物 */
  #cast.teaser-block .cast-box::before{
    width : -webkit-calc(100% - 40px);
    width: calc(100% - 40px);
    padding-top: -webkit-calc(60 /1088 * 100%);
    padding-top: calc(60 /1088 * 100%);
  }
  #cast.teaser-block .cast-box.cast-box-company::before{
    background: url(../images/cast-ring-company-pc.png) no-repeat;
    background-size: contain;
  }
  #cast.teaser-block .cast-box.cast-box-family::before{
    background: url(../images/cast-ring-family-pc.png) no-repeat;
    background-size: contain;
  }
  #cast.teaser-block .cast-box.cast-box-other::before{
    background: url(../images/cast-ring-other-pc.png) no-repeat;
    background-size: contain;
  }

  /* スタッフ */
  #staff.teaser-block .staff-list{
    background:url(../images/pattern-dot-gray.png), #FFFEFA;
    background-size: 8%;
  }
  #staff.teaser-block .staff-list .staff-role{
    font-size: 1.6rem;
  }
  #staff.teaser-block .staff-list .staff-role::before{
    border-width: 0 5px 25.59px 0;
  }
  #staff.teaser-block .staff-list .staff-role::after{
    border-width: 25.59px 0 0 5px;
  }

  /*==================================

  原作紹介

  ==================================*/
  #original.teaser-block .original-work-img{
    margin: 0 auto 20px;
    max-width: 360px;
  }
  #original.teaser-block .original-author-name{
    font-size: 1.6rem;
  }
  #original.teaser-block .original-work-title{
    font-size: 1.8rem;
  }
  #original.teaser-block .original-work-pub{
    font-size: 1.4rem;
  }
  #original.teaser-block .original-comment{
    padding: 40px 30px;
  }
  #original.teaser-block .original-comment .original-comment-title{
    font-size: 1.8rem;
  }

  /*==================================

  ストーリー

  ==================================*/
  #top-story.teaser-block .tab-item,
  #story.teaser-block .tab-item{
    padding: 40px 30px;
  }
  #story.teaser-block .tab li a{
    padding: 15px 0 13px;
    font-size: 1.6rem;
  }
  #top-story.teaser-block .tab-item .story-box .story-number .story-number-text,
  #story.teaser-block .tab-item .story-box .story-number .story-number-text{
    width: 173px;
    height: 50px;
  }
  #top-story.teaser-block .tab-item .story-box .story-title,
  #story.teaser-block .tab-item .story-box .story-title{
    font-size: 2.0rem;
  }
  #top-story.teaser-block .tab-item .story-box .story-number .story-number-text span.number,
  #story.teaser-block .tab-item .story-box .story-number .story-number-text span.number{
    font-size: 2.8rem;
  }
  #top-story.teaser-block .tab-item .story-box .story-number .story-number-text span.sharp,
  #story.teaser-block .tab-item .story-box .story-number .story-number-text span.sharp{
    font-size: 2.0rem;
  }
  #story.teaser-block .story-backnumber .story-backnumber-title{
    width : -webkit-calc(213 / 584 * 100%);
    width: calc(213 / 584 * 100%);
    margin: 0 auto 50px;
  }
  #story.teaser-block .story-backnumber .story-backnumber-list li{
    width: 31%;
    margin-bottom: 30px;
  }
  #story.teaser-block .story-backnumber .story-backnumber-list li::after{
    width: 30px;
    height: 33px;
    top: -13px;
  }
  #story.teaser-block .story-backnumber .story-backnumber-list li a{
    padding: 30px 15px 10px;
  }
  #story.teaser-block .story-backnumber .story-backnumber-list li .story-backnumber-number{
    font-size: 2.2rem;
  }
  

}

/* ---------------------------------
 PC用
--------------------------------- */
@media screen and (min-width: 993px) {

  /* メニュー */
  .teaser-main-nav{
    padding: 30px 0 25px;
  }
  .teaser-main-nav .teaser-main-nav-list li a:hover{
    background-color: #ff3e54;
  }

  /* バナー */
  .teaser-banner-area{
    padding: 20px 0 20px;
  }

  /* ブロック */
  .teaser-contents a:hover{
    transition: opacity .1s;
    text-decoration:none;
    opacity:0.8;
  }

}

/* ---------------------------------
 右カラム設定
--------------------------------- */

/* 右カラム　タイトル */
.ntv-box-title {
  background: #FE6A56;
}
.ntv-box-title.title-base {
  background: #FE6A56;
}
.drama-box-title.title-base {
  background-color: #FE6A56;
}


/* ---------------------------------
 動画
--------------------------------- */
.teaser-contents .movie-player{
  width: 100%;
  padding-top: 56.25%;
  position: relative;
  margin: 0 auto;
}
.teaser-contents .movie-player iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}



/* ---------------------------------
 ティザーTOPICS一覧用
--------------------------------- */
#topics.teaser-block{
  background: url(../images/pattern-grid-white.png), #FFD179;
  background-size: 16.7%;
}

#topics.drama-area{
  padding: 0;
  margin: 0;
}
#topics .drama-box-title{display: none;}

/* ボタン */
#topics .drama-btn.btn-more {
  display: block;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  word-break: break-all;
  position: relative;
  background: #ffffff;
  border-radius: 5px;
  border: 1px solid #3F452E;
  padding: 1.3em 0 1.2em;
  font-size: 1.4rem;
  line-height: 1;
}
#topics .drama-btn.btn-more i {
  font-size: 1.5em;
  margin-right: 5px;
  vertical-align: middle;
}

@media screen and (max-width: 992px) {

  #topics .topics-btn {
    padding: 10px;
    margin: 0;
  }

}

/* リスト */
@media screen and (min-width: 993px) {

  #topics .topics-area {
    background-color: transparent;
  }

  #topics .topics-item {
    width: 49%;
    border: 1px solid #3f452d;
  }
  #topics .topics-item:not(:first-child){
    border: 1px solid #3f452d;
  }
  #topics .topics-item:nth-of-type(n+3) {
    margin-top: 15px;
  }
  #topics .topics-item:nth-of-type(2n+1) {
    margin-left: 0;
  }
  #topics .topics-item:nth-of-type(2n) {
    margin-left: 2%;
  }

}