@charset "UTF-8";

/*============================================================================================================
base
============================================================================================================*/
.post-area {
	font-family: "Noto Serif JP", serif;
	width: 94%;
	max-width: 67.0rem;
	margin: auto;
}


/*============================================================================================================
info_area
============================================================================================================*/

.post-area .catch {
	text-align: center;
	font-size: 2.0rem;
	padding: 0 0 2.5rem;
	margin: 0 0 4.0rem;
	position: relative;
}
.post-area .catch::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 6.0rem;
	height: .1rem;
	background: #232946;
}
.post-area .h1_area {
	margin: 0 0 4.0rem
}

.post-area .info_area {
	display: flex;
	font-size: 1.4rem;
	line-height: 2;
	font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

.post-area .info_area .info_area__date {
	color: #999;
	margin: 0 1.0rem 0 0;
}

.post-area .info_area .info_area__category{
	margin: 0 1.0rem 0 0;
	padding: 0 1.5rem;
	border: .1rem solid #999;
}

.post-area .author_area01 {
	display: flex;
	align-items: center;
	margin: 2.5rem 0 6.0rem;
}

.post-area .author_area01__img-box {
	width: 6.0rem;
}
.post-area .author_area01__img-box img{
	background: #ccc;
	border-radius: 50%;
	width: 4.0rem;
	height: 4.0rem;
	object-fit: cover;
}
.post-area .author_area01__txt-box {
	font-size: 1.2rem;
	color: #999;
	font-family: "Noto Serif JP", serif;
	line-height: 1.4;
}

.post-area .author_area01__txt-box a {
	text-decoration: underline;
}

.post-area .author_area02 {
	border-top: .1rem solid #cacaca;
	border-bottom: .1rem solid #cacaca;
	margin: 7.0rem 0;
	padding: 5.0rem 0;
	display: flex;
}

.post-area .author_area02__img-box {
	width: 8.0rem;
	margin: 0 2.0rem 0 0;
}

.post-area .author_area02__img-box img {
	width: 8.0rem;
	height: 8.0rem;
	object-fit: cover;
	border-radius: 50%;
	background: #eee;
}

.post-area .author_area02__txt-box {
	width: calc(100% - 10.0rem);
}

.post-area .author_area02__txt-box p:not([class]){
	margin: 1em 0;
}
.post-area .author_area02__name {
	font-size: 1.8rem;
}

.post-area .author_area02__link-txt {
	text-decoration: underline;
}

/*============================================================================================================
contents
============================================================================================================*/

/*heading*/

.post-area h2,
.post-area h3,
.post-area h4,
.post-area h5,
.post-area h6{
	font-family: "Noto Serif JP", serif;
	line-height: 1.6;
	margin: 5.0rem 0 2.5rem;
}

.post-area h2{
	font-size: 2.4rem;
}
.post-area h3{
	font-size: 2.0rem;
}
.post-area h4{
	font-size: 1.8rem;
}
.post-area h5{
	font-size: 1.7rem;
}
.post-area h6{
	font-size: 1.6rem;
}

/*base parts*/

.post-area p:not([class]){
	margin: 0 0 1em;
}

.post-area > p:not([class]){
	margin: 0 0 3em;
}

.post-area p:not([class]) > a{
	color: #ff5792;
	text-decoration: underline;
}

.post-area ul,
.post-area ol{
	margin: 7.0rem 0;
}

.post-area ul li,
.post-area ol li{
	padding-left: 3.0rem;
	position: relative;
	margin-bottom: 1.0rem;
}

.post-area ul li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 1.2rem;
	background: #232946;
	border-radius: 50%;
	width: 1.0rem;
	height: 1.0rem;
}

.post-area ol{
	list-style: none;
	counter-reset: ol;
}

.post-area ol li::before {
	counter-increment: ol;
	content: counter(ol)".";
	position: absolute;
	left: 0;
	top: .1rem;
}
.post-area table th,
.post-area table td{
	padding: 2.0rem 4.0rem;
	border-top:.1rem solid #232946;
}
.post-area table th,
.post-area table td:first-child{
	background: #e9e9ec;
	width: 35%;
}
.post-area table tr:last-child th,
.post-area table tr:last-child td{
	border-bottom:.1rem solid #232946;
}

/*============================================================================================================
table of contents
============================================================================================================*/

#toc_container {
    background: #f7f7f7;
    margin: 0 0 7.0rem;
    padding: 2.5rem 4.5rem;
}

#toc_container ul {
    margin: 0;
}

#toc_container ul li {
    padding-left: 1em;
    margin: 0;
}
#toc_container ul li a{
	display: block;
	padding: 1.0rem 0;
}
#toc_container ul.toc_list > li {
    padding-left: 0;
    color: #797979;
    border-top: .1rem solid #cacaca;
}
#toc_container ul.toc_list > li:first-child{
    border-top: 0;
}
#toc_container ul.toc_list > li > ul {
    border-top: .1rem solid #cacaca;
}

#toc_container ul li::before {
    display: none;
}


#toc_container .toc_title {
    color: #797979;
    padding-left: 3.0rem;
    position: relative;
}

#toc_container .toc_title::before{
    content: "";
    position: absolute;
    border: solid transparent;
    border-top-color: #797979;
    border-width: 1.0rem .6rem;
    left: .2rem;
    top: 1.2rem;
}

/*============================================================================================================
Block
============================================================================================================*/


/*img*/
.post-area figure.wp-block-image figcaption {
	text-align: center;
	margin: 1em 0;
}

/*blockquote*/
.post-area .wp-block-quote{
	margin: 5.0rem auto;
}

/*youtube*/
.post-area figure.wp-block-embed {
    text-align: center;
    margin: 5.0rem auto;
}

/*hr*/
.post-area hr.wp-block-separator {
    margin: 10.0rem auto;
}

/*columns*/
.post-area .wp-block-columns{
	margin: 5.0rem auto;
}
.post-area .wp-block-columns .wp-block-column h2,
.post-area .wp-block-columns .wp-block-column h3,
.post-area .wp-block-columns .wp-block-column h4,
.post-area .wp-block-columns .wp-block-column h5,
.post-area .wp-block-columns .wp-block-column h6{
	font-size: 2.0rem;
	margin: 0 auto 1em;
}

/*button*/
.post-area .wp-block-buttons {
    margin: 5.0rem auto;
}

.post-area .wp-block-buttons .wp-block-button{

}

.post-area .wp-block-button__link{

}