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

/* General
========================================== */
body.second .drama-contentsBox {
	margin: 0 auto;
}

body.second .drama-main .topics-area {
	margin: 0 auto;
	padding: 50px 0 120px;
	background: url(../images/common/bg-area.png) repeat center transparent;
	background-size: 126px auto;
}

body.second .drama-main .drama-box-body {
	border: none;
}

body.second .drama-main .drama-box-title {
	width: 100%;
	height: 120px;
	padding: 0;
	margin-bottom: 50px;
	background: url(../images/common/d-box-title-topics-article.png) no-repeat center transparent;
	background-size: contain;
	font-size: 0;
	text-indent: -9999px;
	overflow: hidden;
	white-space: nowrap;
}


/* ------------------------------------------------------------------
 SP（〜600px）
------------------------------------------------------------------ */
@media only screen and (max-width: 600px) {
	body.second .drama-main .topics-area {
		margin: 0 auto;
		padding: 9% 0 18%;
		background-size: 63px auto;
	}

	body.second .drama-main .drama-box-title {
		height: 0;
		padding-top: calc(105 / 640 * 100%);
		margin-bottom: 6%;
		background-size: cover;
	}
}

/* ------------------------------------------------------------------
 SP 〜 tablet（〜992px）
------------------------------------------------------------------ */
@media screen and (min-width: 601px) and (max-width: 992px) {
	body.second .drama-main .drama-box-title {
		width: calc(100% + 40px);
		margin-left: -20px;
	}
}

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


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