@charset "UTF-8";
/* drama-box-body
========================================== */
body.second .drama-main .drama-box-body {
	padding: 0;
}
body.second .drama-article-contents hr {
	margin: 40px auto;
	border-color: #0162b1;
}

@media only screen and (min-width: 993px) {
	body.second .drama-main .drama-article {
		padding: 50px 70px;
		margin-top: 0;
	}
}


/* topics
========================================== */
body.second .topics-area {
	margin: 20px auto;
	background-color: transparent;
}
body.second .topics-inner {}



@media only screen and (max-width: 600px) {
	body.second .drama-article-body{
		padding: 0 10px 10px;
	}
	body.second .drama-article-contents hr {
		margin: 30px auto;
	}
}
@media only screen and (min-width: 993px) {
	body.second .drama-article-tag {
		padding: 20px 0 0;
	}
	body.second .drama-article-body {
		padding: 20px 0;
	}
}
@media only screen and (min-width: 601px) {
	body.second .drama-article-body>h1 {
		font-size: 2.8rem;
	}
}

/* drama-box-popin
========================================== */
@media only screen and (max-width: 600px) {
	.drama-box-popin-area { margin: 3% auto; }
	.drama-box-popin-inner { padding: 0; }
}
@media only screen and (min-width: 601px) and (max-width: 992px) {
	.drama-box-popin-area { margin: 40px auto; border-bottom: 1px solid #efefef; }
	.drama-box-popin-inner { padding: 0; }
}
@media only screen and (min-width: 993px) {
	.drama-box-popin-area { margin: 60px auto 20px; }
	.drama-box-popin-inner {}
}



/* setting
========================================== */
.drama-tag{
	border-color: #333;
	background-color: #333;
	color: #fff;
}
.drama-tag.tag-default:hover{
	border-color: #333;
	background-color: #333;
}



/* topics_20180110
========================================== */
.drama-article.topics_20180110 {}
.drama-article.topics_20180110 .drama-article-contents a {
	text-decoration: underline;
}
.drama-article.topics_20180110 .drama-article-contents h3 {
	text-decoration: none;
}
.drama-article.topics_20180110 .drama-article-contents figure {
	width: 100%;
	max-width: 300px;
	border: solid 1px #dedede;
}





/* ------------------------------------------------------------------
	small-screen-up to medium-screen
------------------------------------------------------------------ */
@media only screen and (min-width: 601px) and (max-width: 992px) {
}



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



/* ------------------------------------------------------------------
	medium-screen-up
------------------------------------------------------------------ */
@media only screen and (min-width: 993px) {
}



/* ------------------------------------------------------------------
	small-screen-up
------------------------------------------------------------------ */
@media only screen and (min-width: 601px) {
}