@charset "UTF-8";


article section.article .img.portrait img{
	width: auto;
}
#toc_container,
.cv-measure-toc,
article .index-area{
	background: var(--beauty-gray);
	border-radius: 15px 0 15px 0;
	padding: 30px 40px 20px 40px;
	position: relative;
	margin-bottom: calc(var(--spacing) * 10);
}
#toc_container::before,
#toc_container::after,
.cv-measure-toc::before,
.cv-measure-toc::after{
	content: "";
	width: 96%;
	height: 1px;
	background: var(--color-subtext);
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	z-index: 0;
}
#toc_container::before,
.cv-measure-toc::before{
	top: 10px;
}
#toc_container::after,
.cv-measure-toc::after{
	bottom: 10px;
}
#toc_container .toc_title,
.cv-measure-toc .toc_title{
	font-size: var(--text-sm);
	line-height: var(--tw-leading, var(--text-sm--line-height));
	padding-bottom: 0;
}
#toc_container ul,
.cv-measure-toc ul {
	margin-top: calc(var(--spacing) * 2);
}
#toc_container ul li,
.cv-measure-toc ul li{
	margin-bottom: 0.5em;
	padding-left: 1.2em;
	position: relative;
}
#toc_container ul li::before,
.cv-measure-toc ul li::before{
	content: "";
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background:  var(--color-subtext);
	position: absolute;
	top: 0.7em;
	left: 0.5em;
}

.more_btn::before {
	content: "続きを読む";
	background: white;
	display: inline-block;
	margin: auto;
	padding: 0 20px;
	z-index: 1;
	position: relative;
	color: var(--color-subtext);
}
.more_btn::after{
	content: "";
	width: 100%;
	background:var(--beauty-accent-color);
	height: 2px;
	z-index: 0;
	display: block;
	position: absolute;
	top: 49%;
	left: 0;
}


/* blog */
article.editors-blog .more_btn::after{
	background:var(--eb-accent-color);
}
article.daily .more_btn::after{
	background:var(--text-gray-color);
}