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

.drama-main {
    width: 100%;
	background-image: url("../images/common/bg-loop.png");
	background-repeat: repeat;
	background-position: top center;
}

#topics h2{
	margin-left: auto;
	width: 100%;
	max-width: 1000px;
	height: auto;
	max-height: 137px;
	padding-top: calc(137 / 1000 * 50%);
	background-image: url("../images/topics/title.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: bottom right;
	overflow: hidden;
	font-size: 0;
}


/* ------------------------------------------------------------------
 SP（〜600px）
------------------------------------------------------------------ */
@media only screen and (max-width: 600px) {
#topics h2{
	padding-top: calc(137 / 1000 * 25%);

}

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


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