@charset "utf-8";
/*
  MediaQuery Type = Parts Unit
  0 < size
  @media only screen and (max-width: 600px)
  @media only screen and (min-width: 601px)
  @media only screen and (min-width: 601px) and (max-width: 992px)
  @media only screen and (max-width: 992px)
  @media only screen and (min-width: 993px)
  @media only screen and (min-width: 993px)
*/
.retry_wrapper {
  background: url(../images/common/bg-ptn.png);
  font-family: Noto Sans JP;
}

@media only screen and (min-width: 993px) {
  .retry_wrapper a {
    transition: opacity .1s ease;
  }
  .retry_wrapper a:hover {
    opacity: 0.6;
  }
  .retry_wrapper [id^="ntv_setAD"] a:hover {
    opacity: 1;
  }
}

#story .bc-player-default_default .vjs-big-play-button{
  background: #cc0d0d;
}

/* sponsoredfluid
========================================== */
#sponsoredfluid {
  width: 100%;
  max-width: 675px;
  margin: 0 auto;
}
#sponsoredfluid iframe {
  margin: 10px 0;
}

/* mainvisual
========================================== */
.retry_mainvisual_area{
  background: url(../images/common/MV_bg.jpg);
  background-size: cover;
  position: relative;
}
.retry_mainvisual_area .mainvisual-border{
  width: calc(100% - 30px);
  height: calc(100% - 30px);
  /* border: 1px solid #fff; */
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.mainvisual-border-box {
  position: relative;
  width: 100%;
  height: 100%;
}
.mainvisual-border-box span {
  position: absolute;
}

.mainvisual-border-box span:nth-child(1),.mainvisual-border-box span:nth-child(4) {
  top: 0;
  background-color: #fff;
  transition: all .9s .2s linear;
}

.mainvisual-border-box span:nth-child(3),.mainvisual-border-box span:nth-child(2) {
  left: 0;
  background-color: #fff;
  transition: all .9s .2s linear;
}

.mainvisual-border-box span:nth-child(1) {
  left: 0;
  width: 0;
  height: 2px;
  transform-origin: left center;
}

.mainvisual-border-box span:nth-child(2) {
  top: 0;
  width: 2px;
  height: 100%;
  transform-origin: center top;
  transform: scaleY(0);
}

.mainvisual-border-box span:nth-child(3) {
  bottom: 0;
  width: 0;
  height: 2px;
  transform-origin: left center;
  transition-delay: .2s;
}

.mainvisual-border-box span:nth-child(4) {
  right: 0;
  width: 2px;
  height: 100%;
  transform: scaleY(0);
  transform-origin: center top;
  transition-delay: .2s;
}

.mainvisual-border.active .mainvisual-border-box span:nth-child(3),
.mainvisual-border.active .mainvisual-border-box span:nth-child(1) {
  width: 100%;
}
.mainvisual-border.active .mainvisual-border-box span:nth-child(4),
.mainvisual-border.active .mainvisual-border-box span:nth-child(2) {
  transform: scaleY(1);
}


.retry_mainvisual_inner {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
.retry_mainvisual_img{
  margin: 0;
}
.retry_mainvisual_img a {
  display: block;
  width: 100%;
  padding-top: 53.125%;
  background: url(../images/common/main_logo.png)center no-repeat;
  background-size: 70%;
  overflow: hidden;
  font-size: 0;
}


@media only screen and (min-width: 601px) {
  .retry_mainvisual_img a {
    padding-top: 70%;
    background: url(../images/common/main_logo.png)center no-repeat;
    background-size: 70%;
  }
}

/* Second_mainvisual
========================================== */
.retry_Second_mainvisual_area{
  background: url(../images/common/MV_bg.jpg);
  background-size: cover;
}
.retry_Second_mainvisual_inner {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
.retry_Second_mainvisual_img{
  margin: 0;
}
.retry_Second_mainvisual_img a {
  display: block;
  width: 100%;
  padding-top: 53.125%;
  background: url(../images/common/main_logo.png)center no-repeat;
  background-size: 70%;
  overflow: hidden;
  font-size: 0;
}

.fade-in {
	-webkit-animation: fade-in 2s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.3s both;
	        animation: fade-in 2s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.3s both;
}
 @-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.scale-in-center {
	-webkit-animation: scale-in-center 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: scale-in-center 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
 @-webkit-keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}


@media only screen and (min-width: 601px) {
  .retry_Second_mainvisual_img a {
    padding-top: 20%;
    background: url(../images/common/main_logo.png)center no-repeat;
    background-size: 30%;
  }
}

/* 共通
========================================== */
.sp-br{
  display: none;
}
.ntv-pageTop{
  display: none;
}
.ntv-pageTop a:after{
  display: none;
}


/* onair
========================================== */
#retry_onair{
  background: #cc0d0d;
  text-align: center;
  color: #fff;
  font-size: 26px;
  padding: 5px 0;
}
#retry_onair .onair-day{
  display: inline-block;
  font-weight: 500;
}

/* nav
========================================== */
.retry_nav_area {
  width: 100%;
  background: #fff;
  margin: 0 auto;
  box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.1);
}
.retry_nav_inner {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}

/* retry_nav_list
========================================== */
.retry_nav_list {
  width: 100%;
  font-size: 0;
  text-align: center;
}
.retry_nav_item {
  display: inline-block;
  width: 32%;
  vertical-align: top;
  position: relative;
}
.retry_nav_item::after{
  content: '';
  border-right: 2px solid #000;
  height: 30px;
  display: block;
  vertical-align: middle;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(-50%, -50%);
}
.backnumber.retry_nav_item::after{
  border-right: none;
}
.retry_nav_item:not(:first-child) { margin-left: 0.56%; }
.retry_nav_item a {
  display: block;
  width: 100%;
  padding-top: 40%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: relative;
  overflow: hidden;
  background-size: 90%;
}


/* retry_nav - contents */
.retry_nav_item.top a { background-image: url(../images/common/nav-top-pc.png); }
.retry_nav_item.about a { background-image: url(../images/common/nav-about-pc.png); }
.retry_nav_item.backnumber a { background-image: url(../images/common/nav-backround-pc.png); }

@media only screen and (max-width: 600px) {
  .retry_nav_item:not(:first-child) { margin-left: 1%; }
  .retry_nav_item:nth-child(4n+1) { margin-left: 0; }
  .retry_nav_item:nth-child(n+5) { margin-top: 1%; }
  .retry_nav_item a span { font-size: 0; }
}

/* for printer
========================================== */
@media print {
  .not_print {
    display: none;
  }
}

/* section
========================================== */
.section{
  margin: 20px auto 0;
    position: relative;
    padding: 90px 0 120px;
}
.section h2{
  height: 90px;
  line-height: 999;
  overflow: hidden;
  margin-bottom: 60px;
}
.section .section-box{
  width: 860px;
  margin: 0 auto;

}

/* story
========================================== */
.story{
  background: url(../images/common/bg-top-left.png)no-repeat left top, url(../images/common/bg-top-right.png)no-repeat right bottom;
}
.story-bg-item-left{
  position: absolute;
  left: 0;
  top: 0;
  height: auto;
}
.story .tit-story{
  background: url(../images/common/tit-story.png) center no-repeat;
  background-size: contain;
}
.story .story-pic{
  width: 860px;
  height: 484px;
  margin-bottom: 30px;
  position: relative;
}
.story  .story-pic .story-pic-border{
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  border: 1px solid #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.story-txtarea-titbox{
  border-bottom: 2px solid #cc0d0d;
  margin-bottom: 30px;
}
.story .story-txtarea h3{
  font-size: 62px;
  color: #cc0d0d;
  display: inline-block;
  margin: 0 10px 0 0;
  font-weight: 600;
}
.story .story-txtarea h3 span{
  font-size: 48px;
}
.story-txt-tit{
  display: inline-block;
}
.story-txt-tit .story-onair{
  font-weight: 600;
  margin-left: 3px;
}
.story-txt-tit .story-name{
  font-size: 32px;
  font-weight: 900;
  line-height: 1;
}
.story-txt-tit .story-name span{
  font-size: 24px;
}
.story-txt-more{
}
.story-txt-more h4{
  font-size: 24px;
  font-weight: 900;
  margin-bottom: 10px;
}
.story-txt-more p{
  font-size: 18px;
}
#story01 .story-pic{
  background: url(../images/onair/01/main.jpg)no-repeat;
  background-size: contain;
}
#story02 .story-pic{
  background: url(../images/onair/02/main.jpg)no-repeat;
  background-size: contain;
}
#story03 .story-pic{
  background: url(../images/onair/03/main.jpg)no-repeat;
  background-size: contain;
}
#story04 .story-pic{
  background: url(../images/onair/04/main.jpg)no-repeat;
  background-size: contain;
}
#story05 .story-pic{
  background: url(../images/onair/05/main.jpg)no-repeat;
  background-size: contain;
}
#story06 .story-pic{
  background: url(../images/onair/06/main.jpg)no-repeat;
  background-size: contain;
}
#story07 .story-pic{
  background: url(../images/onair/07/main.jpg)no-repeat;
  background-size: contain;
}
#story08 .story-pic{
  background: url(../images/onair/08/main.jpg)no-repeat;
  background-size: contain;
}
#story09 .story-pic{
  background: url(../images/onair/09/main.jpg)no-repeat;
  background-size: contain;
}
#story10 .story-pic{
  background: url(../images/onair/10/main.jpg)no-repeat;
  background-size: contain;
}
#story11 .story-pic{
  background: url(../images/onair/11/main.jpg)no-repeat;
  background-size: contain;
}
#story12 .story-pic{
  background: url(../images/onair/12/main.jpg)no-repeat;
  background-size: contain;
}
#story13 .story-pic{
  background: url(../images/onair/13/main.jpg)no-repeat;
  background-size: contain;
}
#story14 .story-pic{
  background: url(../images/onair/14/main.jpg)no-repeat;
  background-size: contain;
}
#story15 .story-pic{
  background: url(../images/onair/15/main.jpg)no-repeat;
  background-size: contain;
}
#story16 .story-pic{
  background: url(../images/onair/16/main.jpg)no-repeat;
  background-size: contain;
}
#story17 .story-pic{
  background: url(../images/onair/17/main.jpg)no-repeat;
  background-size: contain;
}
#story18 .story-pic{
  background: url(../images/onair/18/main.jpg)no-repeat;
  background-size: contain;
}
#story19 .story-pic{
  background: url(../images/onair/19/main.jpg)no-repeat;
  background-size: contain;
}
#story20 .story-pic{
  background: url(../images/onair/20/main.jpg)no-repeat;
  background-size: contain;
}
#story21 .story-pic{
  background: url(../images/onair/21/main.jpg)no-repeat;
  background-size: contain;
}
#story22 .story-pic{
  background: url(../images/onair/22/main.jpg)no-repeat;
  background-size: contain;
}
#story23 .story-pic{
  background: url(../images/onair/23/main.jpg)no-repeat;
  background-size: contain;
}
#story24 .story-pic{
  background: url(../images/onair/24/main.jpg)no-repeat;
  background-size: contain;
}
#story25 .story-pic{
  background: url(../images/onair/25/main.jpg)no-repeat;
  background-size: contain;
}
#story26 .story-pic{
  background: url(../images/onair/26/main.jpg)no-repeat;
  background-size: contain;
}
#story27 .story-pic{
  background: url(../images/onair/27/main.jpg)no-repeat;
  background-size: contain;
}
#story28 .story-pic{
  background: url(../images/onair/28/main.jpg)no-repeat;
  background-size: contain;
}
#story29 .story-pic{
  background: url(../images/onair/29/main.jpg)no-repeat;
  background-size: contain;
}
#story30 .story-pic{
  background: url(../images/onair/30/main.jpg)no-repeat;
  background-size: contain;
}
#story31 .story-pic{
  background: url(../images/onair/31/main.jpg)no-repeat;
  background-size: contain;
}
#story32 .story-pic{
  background: url(../images/onair/32/main.jpg)no-repeat;
  background-size: contain;
}
#story33 .story-pic{
  background: url(../images/onair/33/main.jpg)no-repeat;
  background-size: contain;
}
#story34 .story-pic{
  background: url(../images/onair/34/main.jpg)no-repeat;
  background-size: contain;
}
#story35 .story-pic{
  background: url(../images/onair/35/main.jpg)no-repeat;
  background-size: contain;
}
#story36 .story-pic{
  background: url(../images/onair/36/main.jpg)no-repeat;
  background-size: contain;
}
#story37 .story-pic{
  background: url(../images/onair/37/main.jpg)no-repeat;
  background-size: contain;
}
#story38 .story-pic{
  background: url(../images/onair/38/main.jpg)no-repeat;
  background-size: contain;
}
#story39 .story-pic{
  background: url(../images/onair/39/main.jpg)no-repeat;
  background-size: contain;
}
#story40 .story-pic{
  background: url(../images/onair/40/main.jpg)no-repeat;
  background-size: contain;
}
#story41 .story-pic{
  background: url(../images/onair/41/main.jpg)no-repeat;
  background-size: contain;
}
#story42 .story-pic{
  background: url(../images/onair/42/main.jpg)no-repeat;
  background-size: contain;
}
#story43 .story-pic{
  background: url(../images/onair/43/main.jpg)no-repeat;
  background-size: contain;
}
#story44 .story-pic{
  background: url(../images/onair/44/main.jpg)no-repeat;
  background-size: contain;
}
#story45 .story-pic{
  background: url(../images/onair/45/main.jpg)no-repeat;
  background-size: contain;
}
#story46 .story-pic{
  background: url(../images/onair/46/main.jpg)no-repeat;
  background-size: contain;
}
#story47 .story-pic{
  background: url(../images/onair/47/main.jpg)no-repeat;
  background-size: contain;
}
#story48 .story-pic{
  background: url(../images/onair/48/main.jpg)no-repeat;
  background-size: contain;
}
#story49 .story-pic{
  background: url(../images/onair/49/main.jpg)no-repeat;
  background-size: contain;
}
#story50 .story-pic{
  background: url(../images/onair/50/main.jpg)no-repeat;
  background-size: contain;
}
#story51 .story-pic{
  background: url(../images/onair/51/main.jpg)no-repeat;
  background-size: contain;
}



/*プレイヤーサイズの指定*/
.video-js{
 width: 860px;
  height: 484px;
}
/*Bcエラーは非表示*/
.vjs-error-display{
display: none!important;
}
/*再生完了時の上部幕を外す*/
.video-js .vjs-endscreen-overlay-content{
display: none!important;
}
/*再生完了時のリプレイボタンの位置修正*/
.video-js .vjs-endscreen-overlay-buttons {
position: relative;
top:42%;
}



/* about
========================================== */
.about-mainbox{
  text-align: center;
}
.about .tit-about{
  background: url(../images/common/tit-about.png) center no-repeat;
  background-size: contain;
}
.about-txt{
  font-weight: 600;
}
.about-txt-01{
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 20px;
}
.about-txt-02,.about-txt-03{
  font-size: 20px;
}
.about-txt-02{
  margin-bottom: 10px;
}
.about-txt .t-red{
  color: #cc0d0d;
}



/* cast
========================================== */
.cast{
  background: url(../images/common/bg-about-right.png)no-repeat right bottom;
}
.cast-mainbox{
  text-align: center;
}
.cast .tit-cast{
  background: url(../images/common/tit-cast.png) center no-repeat;
  background-size: contain;
}
.cast-txt-role{
  color: #cc0d0d;
  font-weight: 700;
  font-size: 20px;
}
.cast-txt-name{
  font-size: 42px;
  font-weight: 700;
}

/* backnumber
========================================== */
section.backnumber{
  padding: 90px 0 0;
  background: url(../images/common/bg-backnumber-bottom.png)no-repeat bottom center;
  background-position: 50% 107%;
}
.backnumber .tit-backnumber{
  background: url(../images/common/tit-backnumber.png) center no-repeat;
  background-size: contain;
}

/* backnumber
**********************************/

#backnumber .backnumber-mainbox{
	margin-bottom: 60px;
}

#backnumber .backnumber-mainbox .backnumber_box{
	width: 32%;
  margin: 0 0 50px 5px;
	display: inline-block;
	text-align: left;
  vertical-align: top;
  background: #fff;
  position: relative;
  box-shadow: 0px 1px 6px 1px rgba(0,0,0,0.1);
}
#backnumber .backnumber-mainbox .backnumber_box .backnumber_img{
  line-height: 0;
  position: relative;
}
#backnumber .backnumber-mainbox .backnumber_box .backnumber_img .backnumber_img-border{
  width: calc(100% - 15px);
  height: calc(100% - 15px);
  border: 1px solid #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
#backnumber .backnumber-mainbox .backnumber_box:after{
  width: 100%;
  height: 0;
  display: block;
  position: absolute;
  left: 0;
  content: "";
}
#backnumber .backnumber-mainbox .backnumber_box:after{
  border-top: solid 20px #fff;
  border-right: solid 20px transparent;
  top: 100%;
  filter: drop-shadow(0px 3px 2px rgba(0,0,0,0.1));
}
#backnumber .backnumber-mainbox .backnumber_box .backnumber_img img{
	width: 100%;
	height: auto;
}

#backnumber .backnumber-mainbox .backnumber_box .backnumber_day{
  position: relative;
  padding: 15px 15px 0px 15px;
}
#backnumber .backnumber-mainbox .backnumber_box .backnumber_day .number{
	font-size: 24px;
	display: inline-block;
  line-height: 1.6em;
  font-weight: 600;
}
#backnumber .backnumber-mainbox .backnumber_box .backnumber_day .number span{
	font-size: 32px;
}
#backnumber .backnumber-mainbox .backnumber_box .backnumber_day .date{
	font-size: 14px;
	display: inline-block;
	font-weight: bold;
}
#backnumber .backnumber-mainbox .backnumber_box .backnumber_day .name{
	font-size: 16px;
  display: inline-block;
  font-weight: 600;
}
#backnumber .backnumber-mainbox .backnumber_box .backnumber_day .name .name-role{
  font-size: 14px;
}


/* pagetop
========================================== */
.pagetop{
  text-align: center;
  margin: 0 auto 50px;
}


/* other
========================================== */
.clearfix {
  overflow: hidden;
  *zoom: 1;
}
.clearfix::after{
content: "";
display: block;
clear: both;
}



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

  /* 共通
========================================== */
.sp-br{
  display: block;
}
.ntv-pageTop a{
  height: 0;
}
  .retry_mainvisual_img a{
    padding-top: 80%;
  }
  .retry_Second_mainvisual_img a{
    padding-top: 30%;
    background-size: 45%;
  }

  #retry_onair{
    font-size: 4vw;
  }

  /* retry_nav - contents */
  .retry_nav_item.top a { background-image: url(../images/common/nav-top-sp.png); }
  .retry_nav_item.about a { background-image: url(../images/common/nav-about-sp.png); }
  .retry_nav_item.backnumber a { background-image: url(../images/common/nav-backround-sp.png); }

  .retry_nav_item::after{
    border-right: 1px solid #000;
    height: 10px;
  }

  /* section */
  .section h2{
    height: 14vw;
  }
  .retry_nav_area{
    height: 16vw;
  }
  .retry_nav_item a{
    padding-top: 50%;
  }


  /* story */
  .story-txtarea-titbox{
    margin-bottom: 5%;
  }
  .story .story-txtarea h3{
    font-size: 12vw;
  }
  .story .story-txtarea h3 span{
    font-size: 9vw;
  }
  .story-txt-tit .story-onair{
    font-size: 3vw;
  }
  .story-txt-tit .story-name{
    font-size: 6vw
  }
  .story-txt-tit .story-name span{
    font-size: 4vw;
  }
  .story-txt-more h4{
    font-size: 5vw;
  }
  .story-txt-more p {
    font-size: 4vw;
  }
  .cast{
    background-size: 30%;
  }
  section.backnumber{
    background-position: 50% 100%;
    background-size: 97%;
  }
  #backnumber .backnumber-mainbox .backnumber_box{
    width: 47%;
    margin: 0 0 50px 2%;
  }
  #backnumber .backnumber-mainbox .backnumber_box .backnumber_day{
    padding: 10px 5% 0px 5%;
  }
  #backnumber .backnumber-mainbox .backnumber_box .backnumber_day .number{
    font-size: 4vw;
  }
  #backnumber .backnumber-mainbox .backnumber_box .backnumber_day .number span{
    font-size: 6vw;
  }
  #backnumber .backnumber-mainbox .backnumber_box .backnumber_day .date{
    font-size: 2.6vw;
    width: 100%;
    display: block;
    margin-top: -3%;
  }
  #backnumber .backnumber-mainbox .backnumber_box .backnumber_day .name{
    font-size: 4vw;
    margin-top: -3%;
    display: block;
  }
  #backnumber .backnumber-mainbox .backnumber_box .backnumber_day .name .name-role{
    font-size: 3vw;
  }
  #backnumber .backnumber-mainbox .backnumber_box .backnumber_img .backnumber_img-border{
    width: calc(100% - 7px);
    height: calc(100% - 7px);
  }
  .video-js {
    width: 100%;
    height: auto;
    padding: 28%;
}

  /* about */
  .about-txt-01{
    font-size: 18px;
  }
  .about-txt-02,.about-txt-03{
    font-size: 14px;
  }
  /* cast */
  .cast-txt-name{
    font-size: 28px;
  }


/* pagetop
========================================== */
.pagetop img{
  width: 22vw;
}


}



@media only screen and (max-width: 993px) {
  /* section */
  .section{
    padding: 10% 0 20% 0;;
  }
  .section .section-box{
    width: 95%;
  }
  .section h2{
    height: 14vw;
    margin-bottom: 10%;
  }

  /* story */
  .story{
    background-size: 25%;
  }
  .story .story-pic{
    width: 100%;
    height: auto;
    margin-bottom: 0;
  } 
  .story .story-pic.story-pic-second{
    padding-top: 56.28%;
  }
   .video-js {
    width: 100%;
    height: auto;
    padding: 28%;
}

}