@charset 'utf-8';

/*
 * name:siingle.css
 * author:sovanda nulo
*/

/* direct
------------------------------------------------ */

#topicpath li:last-child { width: calc( 100% - 10em ); }

/* section siingle */
#single { font-size: 18px; font-size: 1.8rem; position: relative; padding-bottom: 4.33em; }
#single .wrap { max-width: 49em; }
.single--return { font-size: .78em; letter-spacing: .06em; margin-bottom: 1.42em; }
.single--return a { display: inline-block; color: #dd7e2c; }
.single--return a i { display: inline-block; margin-right: 1em; }
.single__cont { padding: 2em 0; border-top: 1px solid #dadada; border-bottom: 1px solid #dadada; }
.single__cont__info { display: flex; flex-wrap: wrap; align-items: center; }
.single__cont__info--date { font-size: 1.04em; line-height: 1.2; letter-spacing: .06em; font-weight: bold; color: #dd7e2c; margin-right: .91em; }
.single__cont__info--cate { font-size: .607em; line-height: 1.64; padding: 0 2.28em; background: #efefef; text-align: center; border-radius: 50em; }
.single__cont--title { font-size: 1.56em; letter-spacing: .05em; margin-top: .27em; }
.single__cont--thumb { margin-top: 1.34em; }
.single__cont--thumb > img { border: 1px solid #efefef; box-sizing: border-box; }
.single__cont__desc { font-size: .78em; line-height: 2; letter-spacing: .1em; margin-top: 3.34em; }
.single__cont__desc h2,
.single__cont__desc h3,
.single__cont__desc h4,
.single__cont__desc h5,
.single__cont__desc h6 { margin-bottom: 1em; }
.single__cont__desc h6 { font-size: 1.14em; }
.single__cont__desc h5 { font-size: 1.28em; }
.single__cont__desc h4 { font-size: 1.428em; }
.single__cont__desc h3 { font-size: 1.57em; }
.single__cont__desc h2 { font-size: 1.71em; }

.single__more { font-size: .78em; letter-spacing: .06em; margin-top: 2.67em; display: block; overflow: hidden; }
.single__more--lists {  }
.single__more--lists a { padding: .55em 1.3em; display: inline-block; color: #fff; background: #dd7e2c; border-radius: 0.14em; }
.single__more--prev { float: left; }
.single__more--next { float: right; }
.single__more--prev a i { margin-right: 1em; }
.single__more--next a i { margin-left: 1em; }

	@media screen and (max-width: 1195px) {
		#single { font-size: 1.5vw; }
	}

	@media screen and (max-width: 768px) {
		#single { font-size: 14px; font-size: 1.4rem; padding-bottom: 4.1em; }
		.single--return { font-size: .857em; margin-bottom: 1.33em; }
		.single__cont__info--date { font-size: .857em; margin-right: .91em; }
		.single__cont__info--cate { font-size: .5em; }
		.single__cont--title { font-size: 1.357em; line-height: 1.47; margin-top: .68em; }
		.single__cont--thumb { margin: 1.42em -20px 0; }
		.single__cont__desc { font-size:.857em; line-height: 1.8; margin: 2.9em 20px; }
		.single__more { font-size: .857em; margin: 2.7em 20px 0; }
	}

	@media screen and (max-width: 375px) {
		#single { font-size: 3.73vw; }
	}