@charset "UTF-8";

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


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

.post-area .catch {
	text-align: center;
	font-size: 20px;
	padding: 0 0 25px;
	margin: 0 0 40px;
	position: relative;
}
.post-area .catch::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 60px;
	height: 1px;
	background: #232946;
}
.post-area .h1_area {
	margin: 0 0 40px
}

.post-area .info_area {
	display: flex;
	font-size: 14px;
	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 10px 0 0;
}

.post-area .info_area .info_area__category{
	margin: 0 10px 0 0;
	padding: 0 15px;
	border: 1px solid #999;
}

.post-area .author_area01 {
	display: flex;
	align-items: center;
	margin: 25px 0 60px;
}

.post-area .author_area01__img-box {
	width: 60px;
}
.post-area .author_area01__img-box img{
	background: #ccc;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	object-fit: cover;
}
.post-area .author_area01__txt-box {
	font-size: 12px;
	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: 1px solid #cacaca;
	border-bottom: 1px solid #cacaca;
	margin: 70px 0;
	padding: 50px 0;
	display: flex;
}

.post-area .author_area02__img-box {
	width: 80px;
	margin: 0 20px 0 0;
}

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

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

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

.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: 50px 0 25px;
}

.post-area h2{
	font-size: 24px;
}
.post-area h3{
	font-size: 20px;
}
.post-area h4{
	font-size: 18px;
}
.post-area h5{
	font-size: 17px;
}
.post-area h6{
	font-size: 16px;
}

/*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: 70px 0;
}

.post-area ul li,
.post-area ol li{
	padding-left: 30px;
	position: relative;
	margin-bottom: 10px;
}

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

.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: 1px;
}
.post-area table th,
.post-area table td{
	padding: 20px 40px;
	border-top:1px 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:1px solid #232946;
}

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

#toc_container {
    background: #f7f7f7;
    margin: 0 0 70px;
    padding: 25px 45px;
}

#toc_container ul {
    margin: 0;
}

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

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


#toc_container .toc_title {
    color: #797979;
    padding-left: 30px;
    position: relative;
}

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

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


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

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

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

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

/*columns*/
.post-area .wp-block-columns{
	margin: 50px 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: 20px;
	margin: 0 auto 1em;
}

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

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

}

.post-area .wp-block-button__link{

}