@charset "UTF-8";
/*
 topics.css（ファイル名変更不可）
 本サイト記事ページ用CSS（記事ページのみ読み込まれる）
*/

body .ntv-wrapper{
background: url(../images/bg.jpg) center top / cover no-repeat fixed;
}

#topics h2{
	width: 184px;
	height: 0;
	padding-top: 7.55%;/* 74/980*100 */
	display: block;
	text-indent: -9999px;
	background: url(../images/topics/title.png) no-repeat center top;
	margin: 3% auto 5% auto;
	background-size: contain !important;
}

#topics .drama-inner{
	background-color: rgba(255,255,255,0.7);
	border-radius: 20px;
	box-sizing: border-box;
	padding: 20px 10px 40px 10px;
	margin: 0 auto 0 auto;
	width: 97%;
}

#topics p{
}

#topics p strong{
}

/* ------------------------------------------------------------------
	SP（〜600px）
------------------------------------------------------------------ */
@media only screen and (max-width: 600px) {
    .drama-inner{
    }
    #topics h2{
	width: 100% !important;
	height: auto !important;
 	padding-top: 5.55%;
   }
}

/* ------------------------------------------------------------------
 SP 〜 tablet　（〜992px）
------------------------------------------------------------------ */
@media screen and (max-width: 992px) {
  body .ntv-wrapper{
    background: none;
  }

  body .ntv-wrapper::before {
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: url(../images/bg_sp.jpg) center/cover no-repeat;
    -webkit-background-size: cover;
	z-index: -1;
  }
}


/* ---------------------------------
 iPad用
--------------------------------- */

  body.iPad .ntv-wrapper{
    background: none;
  }
  body.iPad .ntv-wrapper::before {
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: url(../images/bg_sp.jpg) center/cover no-repeat;
    -webkit-background-size: cover;
	z-index: -1;
  }


/* ------------------------------------------------------------------
 PC（993px〜）
------------------------------------------------------------------ */
@media screen and (min-width: 993px) {
}

/* ------------------------------------------------------------------
 tablet FONT調整用（601px〜）
------------------------------------------------------------------ */
@media screen and (min-width : 601px){

}