@charset "UTF-8";

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

 common

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

.ntv-wrapper{
  background:#903e84 url(../images/bg_pattern_purple.jpg) repeat center top;
}
.nogistar-bg{
  background: url(../images/bg_grad.jpg) repeat-x center top;
}
.nogistar-contents a {
  display: block;
}
.nogistar-contents a:hover, .bnr_cast a:hover {
  transition: opacity .1s;
	text-decoration:none;
	opacity:0.65;
}

/*=========== layout ===========*/

/* ---------------------------------
 mainvisual
--------------------------------- */
body.second .nogistar-main-mainImg img {
  display: block;
  width: 100%;
}
body.second .nogistar-main-onair{
  display: none;
}
body.second .nogistar-main-onair-note{
  display: none;
}
body.second #mv_second a{
  display: block;
}
body.second #mv_second a:hover{
  transition: opacity .1s;
  text-decoration: none;
  opacity: 0.65;
}

/* ---------------------------------
 block
--------------------------------- */

/* ブロックタイトル */
body.second .nogistar-block-title{
  background-image: url(../images/movie/tit_movie.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  text-indent: -9999px;
  display: block;
  overflow: hidden;
  height: 0;
  padding-top: 16.5%;
}

/* ブロック背景 */
body.second .nogistar-block-inner{
  background: #e2dbdc url(../images/bg_pattern_noise.jpg) repeat center top;
  border-radius: 8px;
  width: 94%;
  margin: 0 auto;
  padding: 5%;
}
body.second .nogistar-block p{
  margin-bottom: 20px;
}
body.second .nogistar-block p, body.second .nogistar-block li, body.second .nogistar-block dt, body.second .nogistar-block dd { 
  font-size: 1.4rem;
}
.nogistar-block p.note{
  color: #222222;
  font-size: 1.2rem;
  padding: 2% 3% 0;
}
body.second span.em{
  font-size: 1.15em;
}
body.second span.bold{
  font-weight: bold;
}
body.second span.gold{
  color: #915e14;
}
body.second span.purple{
  color: #812990;
}



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

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

/* ---------------------------------
 PC用
--------------------------------- */
@media screen and (min-width: 993px) {
  body.second .nogistar-block p, body.second .nogistar-block li, body.second .nogistar-block dt, body.second .nogistar-block dd { 
    font-size: 1.5rem;
  }
  .nogistar-block p.note{
    font-size: 1.4rem;
  }      

}

/* ---------------------------------
 nav
--------------------------------- */
.nogistar-main-nav{
  margin-top: 20px;
}
.nogistar-main-nav .row{margin-bottom: 0;}
.nogistar-main-nav .row .col{
  width : -webkit-calc(100% / 4) ;
  width: calc(100% / 4) ;
  padding: 0;
}
.nogistar-main-nav ul{width: 100%;}
.nogistar-main-nav ul li{
  margin-left: auto;
  left: auto;
  right: auto;
}
.nogistar-main-nav ul li a{
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  height: 102px;
  text-indent: -9999px;
  display: block;
  overflow: hidden;
  -webkit-transform: rotate(0.001deg);
  transform: rotate(0.001deg);
  cursor: pointer;
}
.nogistar-main-nav ul li.about a{ background-image: url(../images/common/nav/nav_about_second.png);}
.nogistar-main-nav ul li.cast a{ background-image: url(../images/common/nav/nav_cast_second.png);}
.nogistar-main-nav ul li.network a{ background-image: url(../images/common/nav/nav_network_second.png);}
.nogistar-main-nav ul li.staff a{ background-image: url(../images/common/nav/nav_staff_second.png);}
.nogistar-main-nav ul li.about a:hover{ background-image: url(../images/common/nav/nav_about_over_second.gif);}
.nogistar-main-nav ul li.cast a:hover{ background-image: url(../images/common/nav/nav_cast_over_second.gif);}
.nogistar-main-nav ul li.network a:hover{ background-image: url(../images/common/nav/nav_network_over_sedond.gif);}
.nogistar-main-nav ul li.staff a:hover{ background-image: url(../images/common/nav/nav_staff_over_second.gif);}

.nogistar-main-nav ul li span{
  display: block;
  text-align: center;
  color: #fff;
  padding: 10px 0;
  font-size: 8px;
  letter-spacing: 0.8px;
  opacity: 0.6;
}

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

  .nogistar-main-nav{
    height: 70px;
    margin-top: 2%;
  }
  .nogistar-main-nav ul li a{
    height: 70px;
  }

}
@media screen and (min-width : 601px){
  .nogistar-main-nav{
    height: 60%;
  }
  .nogistar-main-nav ul li a{
    height: 115px;
  }
}

@media screen and (min-width: 993px) {

  .nogistar-main-nav{
    position: relative;
    z-index: 9999;
  }
  .nogistar-main-nav ul li a{
    font-size: 12px;
    letter-spacing: 1.2px;
    padding: 15px 0;
    -webkit-transition: ease;
    transition: ease;
  }
  .nogistar-main-nav ul li span{
    font-size: 12px;
    letter-spacing: 1.2px;
    padding: 15px 0;
  }
  .nogistar-main-nav > ul > li > a > [class*=icon-], .nogistar-main-nav > ul > li > span > [class*=icon-] {
    font-size: 40px;
  }

}
@media only screen and (max-width: 992px) and (min-width: 601px){
  /* .ntv-wrapper{margin-bottom: 60px;} */
}
@media only screen and (max-width: 600px){
  /* .ntv-wrapper{margin-bottom: 60px;} */
}
/* ---------------------------------
 バナー
--------------------------------- */

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

 blu-ray and DVD common

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

/* ---------------------------------
 layout
--------------------------------- */

/*=========== summary ===========*/
/* lead */
#bd-dvd-summary .area-lead{
  margin-top: -6vw;
}
#bd-dvd-summary .nogistar-block-title{
  background-image: url(../images/bd-dvd/tit_lead.png);
  width: 100%;
  padding-top: 32.75%;
}
#bd-dvd-summary .parag02{
  margin: 0;
}
/* text */
#bd-dvd-summary .bd-dvd_lead{
  text-align: center;
}
#bd-dvd-summary .bd-dvd_lead p{
  line-height: 2;
  letter-spacing: 0.08em;
  font-size: 1.4rem;
}
/* #bd-dvd-summary .bd-dvd_lead span.em{
  font-size: 1.15em;
}
#bd-dvd-summary .bd-dvd_lead span.bold{
  font-weight: bold;
}
#bd-dvd-summary .bd-dvd_lead span.gold{
  color: #915e14;
}
#bd-dvd-summary .bd-dvd_lead span.purple{
  color: #812990;
} */

/* product */
#bd-dvd-summary .area-product{
  margin-top: 4vw;
  padding-bottom: 2.5%;
}
#bd-dvd-summary .bd-dvd_product .imgBox{
  width: 195px;
  float: left;
}
#bd-dvd-summary .bd-dvd_product .imgBox img{
  width: 100%;
}
#bd-dvd-summary .bd-dvd_product .product_txtBox{
  margin-left: 195px;
  padding: 0.5em 0 0 0;
}
#bd-dvd-summary .bd-dvd_product .product_txtBox_inner{
  padding-left: 3vw;
}
#bd-dvd-summary .product_txtBox ul{
  margin: 3vw 0 6vw;
}
#bd-dvd-summary .product_txtBox li{
  line-height: 1.6;
}
#bd-dvd-summary .product_txtBox .btn_buy a{
  display: block;
  background: #812990;
  width: 100%;
  border-radius: 4px;
  max-height: 48px;
  padding: 1em 0;
  text-align: center;
  color: #ffffff;
  font-size: 1.5rem;
  line-height: 1;
  position: relative;
}
#bd-dvd-summary .product_txtBox li.product_price{
  padding-bottom: 2em;
}
#bd-dvd-summary .product_txtBox .list_bonus{
  border-left: 2px solid #915e14;
  padding-left:1em;
}


/* product-bd dvd */
#bd-dvd-summary .product_bd{
  margin-bottom: 6vw;
  padding-bottom: 6vw;
  border-bottom: 1px solid #222222;
}
#bd-dvd-summary .product_bd_tit, #bd-dvd-summary .product_dvd_tit{
  background-image: url(../images/bd-dvd/tit_product_bd.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 100%;
  height: 32px;
  text-indent: -9999px;
  display: block;
  overflow: hidden;
}
#bd-dvd-summary .product_bd .product_bd_tit{
  background-image: url(../images/bd-dvd/tit_product_bd.png);
}
#bd-dvd-summary .product_dvd .product_dvd_tit{
  background-image: url(../images/bd-dvd/tit_product_dvd.png);
  height: 23px;
}
/* text */
#bd-dvd-summary .product_txtBox li.product_price{
  font-size: 1.2rem;
}
#bd-dvd-summary .product_txtBox .tit_bonus{
  padding-bottom: 0.25em;
  font-weight: bold;
  color: #915e14;
}
#bd-dvd-summary .product_txtBox span{
  font-weight: bold;
}
#bd-dvd-summary .product_txtBox span.price{
  font-size: 01.5em;
}
#bd-dvd-summary .product_txtBox span.tax{
  font-size: 0.75em;
}
#bd-dvd-summary .product_txtBox .list_bonus span{
  display: inline-block;
  font-weight: normal;
  padding-left:1.25em;
  font-size: 0.8em;
}
#bd-dvd-summary .product_txtBox .list_bonus span.gold{
  font-size: 1em;
  padding: 0;
  color: #915e14;
}
#bd-dvd-summary p.note{
  line-height: 2;
  text-align: center;
  color: #222222;
  font-size: 1.2rem;
}
span.m10{
  margin-bottom: 10px;
}

/*=========== bonus ===========*/
#bd-dvd-bonus .nogistar-block-title{
  background-image: url(../images/bd-dvd/tit_bonus.png);
}
#bd-dvd-bonus p.note{
  font-size: 1.2rem;
  padding: 2% 3% 0;
  color: #222222;
}

/*=========== detail ===========*/
#bd-dvd-detail .nogistar-block-title{
  background-image: url(../images/bd-dvd/tit_detail.png);
}
#bd-dvd-detail .txtBox dl dt{
  color: #915e14;
}
#bd-dvd-detail .txtBox dl dd{
  padding-bottom: 1em;
}
#bd-dvd-detail .ep-list{
  background: #ecdfee;
  padding: 1em;
}
#bd-dvd-detail .ep-list dl{
  display: table;
  margin: 0;
}
#bd-dvd-detail .ep-list dl dt{
  display: table-cell;
  text-indent: 0;
  margin-bottom: 0;
  border-left: none;
  border-image-source: unset;
  font-weight: normal;
  width: 2.5em;
  font-size: 1.4rem;
  font-weight: bold;
}
#bd-dvd-detail .ep-list dl dd{
  display: table-cell;
  padding-bottom: 0.5em;
}
#bd-dvd-detail p.note{
  font-size: 1.2rem;
}


/*=========== campaign ===========*/
#bd-dvd-camp .nogistar-block-title{
  background-image: url(../images/bd-dvd/tit_camp.png);
  padding-top: 29.73%;
}
#bd-dvd-camp .nogistar-block-inner{
  padding: 5% 5% 0;
}
#bd-dvd-camp .camp_ditail dl dt {
  color: #915e14;
  padding-bottom: 0.5em;
  font-weight: bold;
}
#bd-dvd-camp .camp_ditail dl dd {
  padding-bottom: 1.5em;
}
#bd-dvd-camp .camp_ditail dl dd.prize {
  font-weight: bold;
}
#bd-dvd-camp .cheki{
  padding-bottom: 1.5em;
}
#bd-dvd-camp .cheki .cheki_img{
  margin: 2% 0;
  display: block;
}
#bd-dvd-camp .cheki .cheki_img img {
  width: 100%;
}
#bd-dvd-camp .cheki ul li {
  line-height: 1.6;
}
#bd-dvd-camp ul.notes {
  padding-left: 1em;
  text-indent: -1em;
}

/*=========== W-campaign ===========*/
#bd-dvd-wcamp .nogistar-block-title{
  background-image: url(../images/bd-dvd/vol2/tit_wcamp.png);
  padding-top: 21.875%;
}
#bd-dvd-wcamp .nogistar-block-inner{
  padding: 5% 5% 0;
}
#bd-dvd-wcamp .camp_ditail dl dt {
  color: #915e14;
  padding-bottom: 0.5em;
  font-weight: bold;
}
#bd-dvd-wcamp .camp_ditail dl dd {
  padding-bottom: 1.5em;
}
#bd-dvd-wcamp .camp_ditail dl dd.prize {
  font-weight: bold;
}
#bd-dvd-wcamp .cheki{
  padding-bottom: 1.5em;
}
#bd-dvd-wcamp .cheki .cheki_img{
  margin: 2% 0;
  display: block;
}
#bd-dvd-wcamp .cheki .cheki_img img {
  width: 100%;
}
#bd-dvd-wcamp .cheki ul li {
  line-height: 1.6;
}
#bd-dvd-wcamp ul.notes {
  padding-left: 1em;
  text-indent: -1em;
}


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

  /* product */
  #bd-dvd-summary .bd-dvd_product .imgBox{
    width: 70%;
    margin: 0 auto;
    float: none;
    padding: 4vw 0;
  }
  
  #bd-dvd-summary .bd-dvd_product .product_txtBox{
    margin-left: 0;
  }
  #bd-dvd-summary .bd-dvd_product .product_txtBox_inner{
    padding-left: 0;
  }
  
  
  /* title */
  #bd-dvd-bonus .nogistar-block-title{
    background-size: 150%;
    padding-top: 24.75%;
  }
  #bd-dvd-detail .nogistar-block-title{
    background-size: 150%;
    padding-top: 24.75%;
  }
  #bd-dvd-camp .nogistar-block-title{
    background-size: 130%;
    padding-top: 40%;
  }
  
}

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

}

/* ---------------------------------
 PC用
--------------------------------- */
@media screen and (min-width: 993px) {
  #bd-dvd-summary .nogistar-block-title{
    padding-top: 36.75%;
  }
  #bd-dvd-summary .area-lead{
    margin-top: -60px;
  }
  #bd-dvd-summary .bd-dvd_lead p{
    letter-spacing: 0.15em;
    font-size: 1.6rem;
  }
  #bd-dvd-summary .product_bd{
    margin-bottom: 40px;
    padding-bottom: 20px;
  }
  #bd-dvd-summary .product_txtBox ul{
    margin: 2vw 0;
  }  

}

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

 blu-ray and DVD vol1

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

/* product */
#bddvd #bd-dvd-summary .parag01{
  background: url(../images/bd-dvd/lead_txt01.png) no-repeat center top;
  width: 100%;
  height: 0;
  padding-top: 24%;      
  background-size: contain;
  display: inline-block;
  vertical-align: bottom;
  text-indent: -9999px;
  overflow: hidden;
}
/* ---------------------------------
 PC用
--------------------------------- */
@media screen and (min-width: 993px) {

  #bddvd #bd-dvd-summary .parag01{
    padding-top: 0;
    height: 104px;
    margin-bottom: 40px;
  }

}

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

 blu-ray and DVD vol2

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

body#bddvd2.second .nogistar-block-inner{
  background: #e2dbdc url(../images/bd-dvd/vol2/bg_pattern_noise02.jpg) repeat center top;
}

/*=========== summary ===========*/
/* lead */

#bddvd2 #bd-dvd-summary .nogistar-block-title{
  background-image: url(../images/bd-dvd/vol2/tit_bddvd02.png);
}

/*=========== detail ===========*/

#bddvd2 #bd-dvd-detail .ep-list{
  background: #f4f4f4;
}

/*=========== campaign ===========*/
#bd-dvd-camp .nogistar-block-title{
  background-image: url(../images/bd-dvd/vol2/tit_camp02-1.png);
}

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

 blu-ray and DVD S2 vol1

==================================*/
body#bddvd_S2.second .nogistar-block-inner{
  background: #e2dbdc url(../images/bd-dvd/s2/bg_pattern_noise03.jpg) repeat center top;
}

/*=========== summary ===========*/
/* lead */
#bddvd_S2 #bd-dvd-summary .nogistar-block-title{
  background-image: url(../images/bd-dvd/s2/tit_s2_bddvd.png);
  padding-top: 29.67%;
}
body#bddvd_S2.second #bd-dvd-summary .nogistar-block-inner{
  margin-top: -20px;
}
body#bddvd_S2.second #bd-dvd-camp .nogistar-block-inner{
  margin-top: 0;
}

/*=========== detail ===========*/

#bddvd_S2 #bd-dvd-detail .ep-list{
  background: #f4f4f4;
}

/*=========== campaign ===========*/
#bddvd_S2 #bd-dvd-camp .nogistar-block-title{
  background-image: url(../images/bd-dvd/s2/tit_camp.png);
  background-size: contain;
  width: 100%;
  padding-top: 32.08%;
}

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

 blu-ray and DVD S2 vol2

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

body#bddvd_S2_vol2.second .nogistar-block-inner{
  background: #e2dbdc url(../images/bd-dvd/s2/vol2/bg_pattern_noise.jpg) repeat center top;
}

/*=========== summary ===========*/
/* lead */
#bddvd_S2_vol2 #bd-dvd-summary .nogistar-block-title{
  background-image: url(../images/bd-dvd/s2/vol2/tit_s2_bddvd2.png);
  padding-top: 34.64%;
}
#bddvd_S2_vol2 #bd-dvd-summary .area-lead{
  margin-top: 0;
}
#bd-dvd-summary .area-product{
  margin-top: 3vw;
}
/*=========== detail ===========*/
#bddvd_S2_vol2 #bd-dvd-summary .product_bd .product_bd_tit{
  background-image: url(../images/bd-dvd/s2/vol2/tit_product_bd.png);
  background-size: contain;
}
#bddvd_S2_vol2 #bd-dvd-summary .product_dvd .product_dvd_tit{
  background-image: url(../images/bd-dvd/s2/vol2/tit_product_dvd.png);
  background-size: contain;
}
#bddvd_S2_vol2 #bd-dvd-detail .ep-list{
  background: #eceff5;
}

/*=========== campaign ===========*/
#bddvd_S2_vol2 #bd-dvd-camp .nogistar-block-title{
  background-image: url(../images/bd-dvd/s2/vol2/tit_camp.png);
}
@media screen and (max-width: 992px) {
  #bddvd_S2_vol2 #bd-dvd-camp .nogistar-block-title{
    background-size: 110%;
    padding-top: 36%;
  }
}
#bddvd_S2_vol2 img{
  width: 100%;
  margin: 0 auto;
}
#bddvd_S2_vol2 #bd-dvd-wcamp .nogistar-block-title{
  background-image: url(../images/bd-dvd/s2/vol2/tit_wcamp.png);
  padding-top: 22.08%;
}
#bddvd_S2_vol2 #bd-dvd-wcamp .camp_ditail .prize-list{
  font-weight: bold;
  padding-bottom: 0.5em;
  text-indent: -0.5em;
}
#bddvd_S2_vol2 #bd-dvd-wcamp .camp_ditail .prize-w{
  font-weight: bold;
  padding-bottom: 0.5em;
}

@media screen and (max-width: 992px) {
  #bddvd_S2_vol2 #bd-dvd-wcamp .nogistar-block-title{
    background-size: 110%;
    padding-top: 25.08%;
  }
}