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

.drama-main{
	background: url('../images/common/surwed-bg-01.png');
}
.drama-contentsBox-inner{
	padding-bottom: 56px;
}
.topics-area{
	margin: 20px auto 0!important;
}
.topics-area .drama-inner{
	padding: 0 !important;
}
.topics-area .drama-box-title{
	background: url(../images/topics/topics-title.png) no-repeat;
	background-size: cover;
	background-position: left bottom;
	height: 0;
	padding: 10.26% 0 0;
}
@supports (-ms-ime-align: auto) {
  .topics-area .drama-box-title{
  	padding: 10.28% 0 0;
  }
}
.topics-area .topics-box-body{
	margin-top: 58px;
	border: 4px solid #1f140d !important;
	padding: 0 18px 56px!important;
	background: #fff;
}
.topics-area .drama-article-body > h1{
	color: #f7aa19;
}

/* ------------------------------------------------------------------
	SP（〜600px）
------------------------------------------------------------------ */
@media only screen and (max-width: 600px) {
	.topics-area{
		margin: 4.6875% auto 6.25%!important;
	}
	.drama-contentsBox-inner{
		padding-bottom: 0;
	}
	.topics-area .drama-box-title{
		background: url(../images/topics/topics-title-sp.png) no-repeat;
	    background-position: left bottom;
	    background-size: cover;
	    height: 0;
	    padding-top: 15.4%;
	    margin: 0 3.125%;
	}
	.topics-area .topics-box-body{
		margin: 1.5625% 3.125% 0;
		padding: 6.25% 4.6875% !important;
		border: 2px solid #1f140d !important;
	}
	.topics-area .drama-article-tag{
		padding: 0 !important;
	}
	.topics-area .drama-article-body{
		padding: 0 0 2.8125% !important;
	}
}

/* ------------------------------------------------------------------
 SP 〜 tablet　（〜992px）
------------------------------------------------------------------ */
@media screen and (max-width: 992px) {
}


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

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

}