/********************************************************************************
single.css
********************************************************************************/
/* common
---------------------------------------- */
main > .inner {
	max-width: 864px;
}
.wp-block-image figcaption {
	color: #B3B3B3;
	font-size: 14px;
}
.wp-block-image img {
	width: 100%;
}
.wp-block-table table {
	width: 100%;
    border-collapse: collapse;
    white-space: nowrap;
}

#toc_container {
	background: #FBFBFB!important;
	border: none!important;
	padding: 24px!important;
	border-radius: 12px;
}
#toc_container p.toc_title {
	text-align: left!important;
	font-weight: 400!important;
	color: #B3B3B3;
	font-size: 12px;
	line-height: 1.8;
	padding-bottom: 12px!important;
	border-bottom: 1px solid #B3B3B3;
}
#toc_container .toc_list li {
	margin-bottom: 16px;
}
#toc_container .toc_list li:last-child {
	margin-bottom: 0;
}
#toc_container .toc_list li ul {
	margin-top: 16px;
}
#toc_container .toc_list a {
	text-decoration: underline;
	display: block;
	line-height: 2;
	position: relative;
	padding-left: 20px;
}
#toc_container .toc_list a:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 5px 0 5px;
	border-color: #353535 transparent transparent transparent;
	left: 0;
	top: 13px;
}

/* page header
---------------------------------------- */
.pageHeader {
	margin-bottom: 64px;
}
.pageHeader__mv {
	overflow: hidden;
	border-radius: 12px;
	margin-top: 24px;
	margin-bottom: 24px;
}
.pageHeader__mv img {
	width: 100%;
}
.pageHeader__cat {
	margin-bottom: 16px;
}
.pageHeader__cat a {
	font-size: 12px;
	letter-spacing: 0.02em;
	color: #2784D6;
	border: 1px solid #2784D6;
	border-radius: 100px;
	line-height: 1.8;
	padding: 1px 16px;
	display: inline-block;
}
.pageHeader__title {
	font-weight: 700;
	letter-spacing: 0.02em;
	font-size: 40px;
	margin-bottom: 16px;
}
.pageHeader__tag {
	display: flex;
	justify-content: space-between;
}
.pageHeader__tag__author {
	display: flex;
	align-items: center;
	color: #B3B3B3;
	font-size: 12px;
	letter-spacing: 0.02em;
	line-height: 1.8;
}
.pageHeader__tag__author img {
	border-radius: 50%;
	overflow: hidden;
	margin-right: 8px;
}
.pageHeader__date {
	color: #B3B3B3;
	font-size: 12px;
	letter-spacing: 0.02em;
	line-height: 1.8;
}

/* page body
---------------------------------------- */
.pageBody > * {
	font-size: 18px;
	letter-spacing: 0.02em;
	line-height: 2;
	margin-top: 32px;
	margin-bottom: 32px;
}
.pageBody > h2,
.pageBody > h3,
.pageBody > h4 {
	margin-top: 64px;
}
.pageBody > h2 {
	font-size: 28px;
	line-height: 1.5;
}
.pageBody > h3 {
	font-size: 20px;
	line-height: 1.6;
}
.pageBody > h4 {
	font-size: 18px;
}
.pageBody > p a {
	color: #2784D6;
	text-decoration: underline;
}
.pageBody > ul,
.pageBody > ol {
	background: #FBFBFB;
	padding: 24px;
	border-radius: 12px;
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.pageBody > ul {
	list-style: disc;
}
.pageBody > ol {
	list-style: decimal;
}
.pageBody > ul li,
.pageBody > ol li {
	margin-left: 24px;
}
.pageBody .wp-block-table td, .wp-block-table th {
	border: 1px solid #EAEAEA;
}
.pageBody table tr:nth-child(1){
	font-weight: 700;
	background: #FBFBFB;
}
.pageBody table tr td:nth-child(1){
	font-weight: 700;
	background: #FBFBFB;
}
.pageBody > ul li a,
.pageBody > ol li a {
	text-decoration: underline;
}
.pageBody > img,
.pageBody > p img {
	width: 100%;
	margin-bottom: 32px;
}





/* share
---------------------------------------- */
.share {
	margin: 64px 0;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 48px;
}
.share__copy {
	display: flex;
	gap: 24px;
	align-items: center;
}
.share__copy p {
	font-weight: 700;
}
.share__copy .url-copy-clipbord {
	cursor: pointer;
	transition: all .3s;
}
.share__copy .url-copy-clipbord:hover {
	opacity: 0.6;
}
.share__sns {
	display: flex;
	align-items: center;
	gap: 24px;
}

/* author
---------------------------------------- */
.postAuthor {
	margin-bottom: 110px;
	padding: 24px;
	background: #FBFBFB;
	display: flex;
	gap: 40px;
	align-items: center;
	border-radius: 12px;
}
.postAuthor__img {
	width: 80px;
	overflow: hidden;
	border-radius: 50%;
}
.postAuthor__contents {
	width: calc(100% - 120px);
	letter-spacing: 0.02em;
}
.postAuthor__contents__label {
	font-size: 14px;
	color: #B3B3B3;
}
.postAuthor__contents__name {
	font-weight: 700;
	font-size: 18px;
	line-height: 2;
	margin-bottom: 4px;
}
.postAuthor__contents__detail {
	line-height: 1.6;
}

/* other topics
---------------------------------------- */
.otherTopics {
	width: var(--common-vw);
	margin-left: calc(50% - 50vw);
	margin-bottom: 80px;
}
.otherTopics__inner {
	max-width: 1016px!important;
}
.otherTopics__title {
	text-align: center;
	margin-bottom: 24px;
}
.otherTopics .btn{
	display: block;
	margin: 40px auto 0;
}

/* category
---------------------------------------- */
.category {
	text-align: center;
	color: #2784D6;
}
.category__title {
	letter-spacing:  0.02em;
	line-height: 1;
	font-weight: 500;
	margin-bottom: 24px;
}
.category__list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 24px;
}
.category__list a {
	font-size: 12px;
	letter-spacing: 0.02em;
	color: #2784D6;
	border: 1px solid #2784D6;
	border-radius: 100px;
	line-height: 1.8;
	padding: 1px 16px;
	display: inline-block;
}

@media screen and (max-width:1015px) {
	main > .inner {
		max-width: 560px;
	}
	
	.otherTopics__inner {
		max-width: 560px!Important;
	}
	.otherTopics__title {
		text-align: left;
	}
	
	.postAuthor {
		display: block;
	}
	.postAuthor__contents {
		margin-top: -90px;
		width: 100%;
	}
	.postAuthor__contents__label {
		margin-left: 104px;
	}
	.postAuthor__contents__name {
		margin-bottom: 44px;
		margin-left: 104px;
	}
}

@media screen and (max-width:479px) {
	.category__list {
		gap: 10px;
	}
	.category__list a {
		padding: 1px 8px;
	}
}