@charset "UTF-8";

.carousel_wrap {position: relative;}

.consultation {position: relative;}
.consultation:after {content: ""; width: 100%; height: 50px; bottom: 6px; left: 0; position: absolute; box-shadow: 0px 3px 6px -3px rgba(0, 0, 0, 0.16);}

.breadcrumbs {padding: 30px 0px;}

.column_wrap {width: 100%; overflow-x: hidden;}

.column_carousel_wrap {position: sticky; top: var(--header-height, 0px); z-index: 100; width: 100%;align-self: flex-start;}
.column_carousel {background-color: #FAF4DF; width: 100%; padding: 15px 0px;-webkit-overflow-scrolling: touch; overflow-x: auto;}
.column_carousel::-webkit-scrollbar {display: none;}
.column_carousel ul {display: flex; justify-content: center; align-items: center; white-space: nowrap; width: max-content; min-width: 100%; margin: 0px;}
.column_carousel ul li {flex-shrink: 0;}
.column_carousel ul li a {font-size: 16px; white-space: nowrap;margin: 0px 15px; display: block;}

.column_list_row {max-width: 1200px; margin:0px auto; display: flex; justify-content: space-between;}
.column_list_left {width: calc(100% - 303px); padding-bottom: 60px;}
.column_list_left h2 {font-size: 30px; font-weight: bold; border-bottom: 3px solid #C8E0C5; padding-bottom: 5px;}
.column_list_left h1 {font-size: 30px; font-weight: bold; border-bottom: 3px solid #C8E0C5; padding-bottom: 5px;}
.column_list { margin-top: 30px; display: flex; gap: 30px 20px; flex-wrap: wrap; }
.column_list > a {width: calc((100% - 40px) / 3); display: block;}
.column_card > a figure {position: relative;}
.column_card > a figure picture {aspect-ratio: 3/2; overflow: hidden;}
.column_card > a figure picture img {object-fit: cover; object-position: center; width: 100%; height: 100%;}
.column_card > a figure figcaption > ul.cat {position: absolute; left: 0; top: 0;}
.column_card > a figure figcaption > ul.cat li {background-color: #FAF4DF; border-radius: 0 0 5px 0; font-size: 14px; font-weight: bold; line-height: 1.2; padding: 8px 15px;}
.column_card > a figure figcaption > p.txt {display: -webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-size: 16px; font-weight: bold; line-height: 1.6; margin-top: 5px;}
.column_card > a figure figcaption > div.author_data {margin-top: 12px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.column_card > a figure figcaption > div.author_data dl {display: flex; align-items: center; width: calc(100% - 6em);}
.column_card > a figure figcaption > div.author_data dl dt {width: 38px; height: 38px; border-radius: 100%; overflow: hidden; margin-right: 10px; flex-shrink: 0;}
.column_card > a figure figcaption > div.author_data dl dt img {object-fit: cover; object-position: center; width: 100%; height: 100%;}
.column_card > a figure figcaption > div.author_data dl dd {font-size: 14px; font-weight: bold; line-height: 1.2;}
.column_card > a figure figcaption > div.author_data p.time {font-size: 11px;}
.column_list_left > p.obt {margin: 60px auto 0px;}

.column_list_right {width: 243px; padding-bottom: 60px;}
.column_list_right h3 {font-size: 25px; font-weight: bold; padding-left: 10px; border-left: 5px solid var(--green); line-height: 1.2;}
.column_list_right > div.recommend > div {margin-top: 24px;}
.column_list_right > div.recommend a {display: block;}
.column_list_right > div.recommend a + a {margin-top: 15px;}
.column_list_right > div.recommend a figure {position: relative;}
.column_list_right > div.recommend a figure picture {aspect-ratio: 3/2; overflow: hidden;}
.column_list_right > div.recommend a figure picture img {object-fit: cover; object-position: center; width: 100%; height: 100%;}
.column_list_right > div.recommend a figure figcaption ul {display: block; position: absolute; left: 0; top: 0;}
.column_list_right > div.recommend a figure figcaption ul li {background-color: #FAF4DF; border-radius: 0 0 5px 0; font-size: 14px; font-weight: bold; line-height: 1.2; padding: 8px 15px;}
.column_list_right > div.recommend a figure figcaption p {position: absolute; position: absolute; bottom: 0; left: 0;padding: 5px 10px;background-color: rgba(0,0,0,.3); box-sizing: border-box;}
.column_list_right > div.recommend a figure figcaption p span{display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-size: 16px; font-weight: bold; line-height: 1.4; color: #FFF; }

.column_list_right > div.runking {margin-top: 40px;}
.column_list_right > div.runking > div {margin-top: 24px;}
.column_list_right > div.runking > div a {display: block;}
.column_list_right > div.runking > div a + a {margin-top: 15px;}
.column_list_right > div.runking > div a figure {display: flex; align-items: flex-start; position: relative; justify-content: space-between;}
.column_list_right > div.runking > div a figure picture {width: 45.5%; aspect-ratio: 3/2; overflow: hidden;}
.column_list_right > div.runking > div a figure picture img {object-fit: cover; object-position: center; width: 100%; height: 100%;}
.column_list_right > div.runking > div a figure figcaption {width: 50%;}
.column_list_right > div.runking > div a figure figcaption p.txt {display: -webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-size: 12px; font-weight: bold; line-height: 1.4; }
.column_list_right > div.runking > div a figure figcaption p.nom {position: absolute; left: 0; top: 0; width: 28px; height: 28px; background: linear-gradient(to bottom right, var(--green) 50%, transparent 50%); font-size: 14px; font-weight: bold; color: #FFF; box-sizing: border-box; line-height: 1; padding: 2px 0px 0px 3px;}
.column_list_right > div.runking > div a:first-child p.nom {background: linear-gradient(to bottom right, #D8C68D 50%, transparent 50%); color: #000;}
.column_list_right > div.runking > div a:nth-child(2) p.nom {background: linear-gradient(to bottom right, #767676 50%, transparent 50%);}
.column_list_right > div.runking > div a:nth-child(3) p.nom {background: linear-gradient(to bottom right, #A8563E 50%, transparent 50%);}
.column_list_right > div.runking > p.obt {width: 100%; margin-top: 20px;}
.column_list_right > div.runking > p.obt a {font-size: 15px;}
.column_list_right > div.runking > p.obt a:after {right: 13px;}

.column_list_right > div.category {margin-top: 40px;}
.column_list_right > div.category > div {margin-top: 24px;}
.column_list_right > div.category > div > ul {margin-top: 20px;}
.column_list_right > div.category > div > ul > li + li {margin-top: 15px;}
.column_list_right > div.category > div > ul > li > a {font-size: 14px; font-weight: bold; line-height: 1.3; padding-left: 10px; display: block; border-left: 2px solid var(--green);}
.column_list_right > div.category > div > ul > li > ul {list-style: outside; margin-top: 5px;}
.column_list_right > div.category > div > ul > li > ul > li {margin-left: 2em;}
.column_list_right > div.category > div > ul > li > ul > li a {display: block; font-size: 14px; line-height: 1.3;}

.column_ranking {position: relative; padding: 30px 0px 120px; margin-top: 40px;}
.column_ranking:after {content: ""; width: 200vw; height: 100%; position: absolute; background-color: #FBFCF5; left: -100vw; top: 0; z-index: -1;}
.column_ranking h3 {font-size: 30px; font-weight: bold; border-bottom: 3px solid #C8E0C5; padding-bottom: 5px;}
.ranking_list { margin-top: 30px; display: flex; gap: 30px 20px; flex-wrap: wrap; }
.ranking_list > a {width: calc((100% - 40px) / 3); display: block;}
.ranking_list > a p.nom {position: absolute; left: 0; top: 0; width: 74px; height: 74px; background: linear-gradient(to bottom right, var(--green) 50%, transparent 50%); font-size: 20px; font-weight: bold; color: #FFF; padding: 5px 0px 0px 15px; box-sizing: border-box;}
.ranking_list > a:first-child p.nom {background: linear-gradient(to bottom right, #D8C68D 50%, transparent 50%); color: #000;}
.ranking_list > a:nth-child(2) p.nom {background: linear-gradient(to bottom right, #767676 50%, transparent 50%);}
.ranking_list > a:nth-child(3) p.nom {background: linear-gradient(to bottom right, #A8563E 50%, transparent 50%);}

.column_data_row {max-width: 1200px; margin:0px auto; display: flex; justify-content: space-between;}
.column_data_left {width: calc(100% - 303px); padding-bottom: 60px;}
.column_data_left > h1 {font-size: 35px; line-height: 1.4; font-weight: bold;}
.column_data_left > figure.eyecatch {margin-top:30px;}
.column_data_left > figure.eyecatch img {width: 100%;}
.column_data_left > figure.eyecatch figcaption {margin-top: 10px;}
.column_data_left > figure.eyecatch figcaption p.read {font-size: 16px; line-height: 1.5;}
.column_data_left > div.data_head {display: flex; align-items: flex-end; justify-content: space-between; border-bottom: 3px solid #C8E0C5; padding-bottom: 15px; margin-top: 30px;}
.column_data_left > div.data_head ul {display: flex; flex-wrap: wrap; gap:5px; flex-shrink: 0; width: calc(100% - 8em);}
.column_data_left > div.data_head ul li {font-size: 16px; background-color: #C8E0C5; border-radius:20px; padding: 7px 15px; line-height: 1;}
.column_data_left > div.data_head p.time {font-size: 14px; width: 6em;}

.body {padding: 40px 0px;}
.body > * + * {margin-top: 40px;}
.body > h2 {font-size: 26px; font-weight: bold; padding: 10px 26px; line-height: 1.5; background-color: #C8E0C5;}
.body > h2 strong {background: none;}
.body > h3 {font-size: 23px; font-weight: bold; padding: 10px 26px; border-bottom: 3px dotted #C8E0C5; border-top: 3px dotted #C8E0C5;line-height: 1.5;}
.body > h3 strong {background: none;}
.body > h4 {font-size: 20px; font-weight: bold; line-height: 1.5; border-left: 5px solid #C8E0C5; padding: 0px 0px 0px 14px;}
.body > h4 strong {background: none;}
.body > h4 a,.body > h3 a,.body > h2 a {color: #000;}
.body ul {list-style: outside;}
.body ul li {margin-left: 1.5em;}
.body ol {list-style: decimal;}
.body ol li {margin-left: 1.5em;}
.body strong {font-weight: bold; background:linear-gradient(transparent 60%, #E2F227 60%);}
.body a {text-decoration: underline; color: #0058FF;}
.body .wp-block-embed-youtube {max-width: 80%; margin: 0px auto;}

.custom-toc {margin: 40px 0px 0px; padding-bottom: 20px;}
.custom-toc p.toc-title {font-size: 22px; font-weight: bold;}
.custom-toc ul {margin-top: 20px;}
.custom-toc ul li a {color: #000; text-decoration: none;}

.column_data_left > div.related_area {margin-top: 60px; background-color: #F7F4E9; padding: 50px 50px 30px; position: relative;}
.column_data_left > div.related_area > p.title {font-size: 18px; font-weight: bold; position: absolute; line-height: 1; top: -8px; left: 0; right: 0; margin: auto; display:block; width: fit-content;}
.column_data_left > div.related_area > div {display: flex; gap: 0px 10px;}
.column_data_left > div.related_area > div a {display: block; width: calc((100% - 20px) / 3);}
.column_data_left > div.related_area > div a figure picture {aspect-ratio: 3/2; overflow: hidden;}
.column_data_left > div.related_area > div a figure picture img {object-fit: cover; object-position: center; width: 100%; height: 100%;}
.column_data_left > div.related_area > div a figure figcaption {margin-top: 10px;}
.column_data_left > div.related_area > div a figure figcaption p.txt {font-size: 14px; line-height: 1.4;}
.column_data_left > div.related_area > div a figure figcaption dl {margin-top: 5px; display: flex; font-size: 14px; line-height: 1;}
.column_data_left > div.related_area > div a figure figcaption dl dt:after {content: "/"; margin: 0px 5px;}
.column_data_left > div.author_info {margin-top: 40px;}
.column_data_left > div.author_info > p.title {font-size: 26px; font-weight: bold; border-bottom: 1px solid #C8E0C5; padding-bottom: 10px;}
.column_data_left > div.author_info > figure {padding: 30px; display: flex; justify-content: space-between; align-items: center;}
.column_data_left > div.author_info > figure picture {width: 187px; height: 187px; border-radius: 100%; overflow: hidden;}
.column_data_left > div.author_info > figure picture img {object-fit: cover; object-position: center; width: 100%; height: 100%;}
.column_data_left > div.author_info > figure figcaption {width: calc(100% - 230px);}
.column_data_left > div.author_info > figure figcaption dl dt {font-size: 20px; font-weight: bold;line-height: 1.2;}
.column_data_left > div.author_info > figure figcaption dl dd {font-size: 24px; font-weight: bold;line-height: 1.4;}
.column_data_left > div.author_info > figure figcaption p.txt {font-size: 16px; margin-top: 10px;}
.column_data_left > p.obt {margin: 40px auto 0px;}

@media only screen and (max-width:1200px){
.column_carousel ul {display: flex; justify-content: flex-start; align-items: center; white-space: nowrap; width: max-content; min-width: 100%; margin: 0px;}
.column_carousel ul li a {margin: 0px 20px;}

.column_list_row {max-width: 1200px; margin:0px auto; display: flex; justify-content: space-between; padding: 0px 20px;}

.breadcrumbs {padding: 30px 20px;}

.column_data_row {max-width: 1200px; margin:0px auto; display: flex; justify-content: space-between; padding: 0px 20px;}
}
@media only screen and (max-width:1000px){
.column_data_left > div.related_area {margin-top: 60px; background-color: #F7F4E9; padding: 40px 20px 20px; position: relative;}

.column_card > a figure figcaption > div.author_data {margin-top: 12px; display: flex; flex-direction: column; justify-content: space-between; align-items: center; flex-wrap: wrap;}

.column_card > a figure figcaption > div.author_data dl {display: flex; align-items: center; width: 100%;}
.column_card > a figure figcaption > div.author_data p.time {font-size: 11px; width: 100%; text-align: right;}

}

@media only screen and (max-width:768px){

.column_order {display: flex; flex-direction: column; overflow-x: hidden; }
.column_wrap {width: 100%; overflow-x: hidden; display: contents;}
.column_list_row {max-width: 1200px; margin:0px auto; display: contents; justify-content: space-between; padding: 0px 20px;}
.column_list_left {width: 100%; order: 1; padding: 0px 20px 60px;box-sizing: border-box;}
.column_list_right {width: 100%; order: 4; padding: 0px 20px 60px;box-sizing: border-box;}
.column_order .ftext {order: 2;}
.column_order .consultation {order: 3;}
.column_order .consultation:after {content: none;}

.column_list_right h3 {font-size: 25px; font-weight: bold; padding-left: 0px; border-left: none; line-height: 1.2; text-align: center; border-bottom: 1px solid #C8E0C5; padding-bottom: 10px;}
.column_list_right > div.category {margin-top: 40px;}
.column_list_right > div.category > div {margin-top: 24px;}
.column_list_right > div.category > div > ul {margin-top: 20px; display: flex; flex-wrap: wrap; gap: 12px;}
.column_list_right > div.category > div > ul li {display: contents;}
.column_list_right > div.category > div > ul > li + li {margin-top: 15px;}
.column_list_right > div.category > div > ul > li > a {font-size: 14px; font-weight: normal; line-height: 1.3; padding-left: 0px; display: block; border-left: none; background-color: #FAF4DF;}
.column_list_right > div.category > div > ul > li > ul {list-style: none; margin-top: 0px; display: contents;}
.column_list_right > div.category > div > ul > li > ul > li {margin-left: 0em;}
.column_list_right > div.category > div > ul > li > ul > li a {display: block; font-size: 14px; line-height: 1.3; background-color: #FAF4DF;}
.column_list_right > div.category > div > ul a {width: calc((100% - 24px) / 3); font-weight: normal; text-align: center; padding: 10px 0px; box-sizing: border-box;}

.column_data_row {max-width: 1200px; margin:0px auto; flex-direction: column; display: flex; justify-content: space-between; padding: 0px 20px;}
.column_data_left {width: 100%; padding-bottom: 60px;}

.column_data_left > div.related_area > div {display: flex; gap: 0px 10px; flex-direction: column;}
.column_data_left > div.related_area > div a {display: block; width: 100%;}
.column_data_left > div.related_area > div a + a {margin-top: 20px;}
.column_data_left > div.related_area > div a figure {display: flex; justify-content: space-between;}
.column_data_left > div.related_area > div a figure picture {aspect-ratio: 3/2; overflow: hidden; width: 30%;}
.column_data_left > div.related_area > div a figure picture img {object-fit: cover; object-position: center; width: 100%; height: 100%;}
.column_data_left > div.related_area > div a figure figcaption {margin-top: 0px; width: 67%;}
.column_data_left > div.related_area > div a figure figcaption p.txt {font-size: 14px; line-height: 1.4; display: -webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.column_data_left > div.related_area > div a figure figcaption dl {margin-top: 5px; display: flex; font-size: 12px; line-height: 1;}
.column_data_left > div.related_area > div a figure figcaption dl dt:after {content: "/"; margin: 0px 5px;}

.column_data_left > div.author_info > p.title {font-size: 26px; font-weight: bold; border-bottom: 1px solid #C8E0C5; padding-bottom: 10px;}
.column_data_left > div.author_info > figure {padding: 30px 0px; display: flex; flex-direction: column; justify-content: space-between; align-items: center;}
.column_data_left > div.author_info > figure picture {width: 187px; height: 187px; border-radius: 100%; overflow: hidden; margin: 0px auto;}
.column_data_left > div.author_info > figure picture img {object-fit: cover; object-position: center; width: 100%; height: 100%;}
.column_data_left > div.author_info > figure figcaption {width: 100%; margin-top: 20px;}
.column_data_left > div.author_info > figure figcaption dl dt {font-size: 20px; font-weight: bold;line-height: 1.2;}
.column_data_left > div.author_info > figure figcaption dl dd {font-size: 24px; font-weight: bold;line-height: 1.4;}
.column_data_left > div.author_info > figure figcaption p.txt {font-size: 16px; margin-top: 10px;}

}
@media only screen and (max-width:500px){

.breadcrumbs {max-width: 1200px; margin: 0px auto; padding: 16px 20px;}

.column_carousel {padding: 10px 0px;}
.column_carousel ul li a {margin: 0px 15px; font-size: 14px;}

.column_list_left h2 {font-size: 20px; font-weight: bold; border-bottom: 3px solid #C8E0C5; padding-bottom: 5px; text-align: center;}
.column_list_left h1 {font-size: 20px; font-weight: bold; border-bottom: 3px solid #C8E0C5; padding-bottom: 5px; text-align: center;}
.column_list { margin-top: 30px; display: flex; gap: 10px 20px; flex-wrap: wrap; flex-direction: column; }
.column_list > a {width: 100%; display: block;}
.column_card > a figure {position: relative; display: flex; justify-content: space-between; border-bottom: 1px solid #EDEDED; padding-bottom: 10px;}
.column_card > a figure picture {aspect-ratio: 3/2; overflow: hidden; width: 30%;}
.column_card > a figure picture img {object-fit: cover; object-position: center; width: 100%; height: 100%;}
.column_card > a figure figcaption {width: 67%; display: flex; flex-direction: column;}
.column_card > a figure figcaption > ul.cat {position: absolute; left: 0; top: 0;width: 30%; }
.column_card > a figure figcaption > ul.cat li {background-color: #FAF4DF; border-radius: 0 0 5px 0; font-size: 10px; font-weight: bold; line-height: 1.2; padding: 8px 15px; width: 100%; box-sizing: border-box; text-align: center;}
.column_card > a figure figcaption > p.txt {display: -webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-size: 15px; font-weight: normal; line-height: 1.6; margin-top: 0px;}
.column_card > a figure figcaption > div.author_data {margin-top: auto; display: flex; justify-content: space-between; align-items: center;}
.column_card > a figure figcaption > div.author_data dl {display: none; align-items: center;}
.column_card > a figure figcaption > div.author_data dl dt {width: 38px; height: 38px; border-radius: 100%; overflow: hidden; margin-right: 10px;}
.column_card > a figure figcaption > div.author_data dl dt img {object-fit: cover; object-position: center; width: 100%; height: 100%;}
.column_card > a figure figcaption > div.author_data dl dd {font-size: 14px; font-weight: bold;}
.column_card > a figure figcaption > div.author_data p.time {font-size: 10px;}
.column_list_left > p.obt {margin: 40px auto 0px; width: 100%;}

.column_ranking {position: relative; padding: 20px 0px 30px; margin-top: 40px;}
.column_ranking:after {content: ""; width: 200vw; height: 100%; position: absolute; background-color: #FBFCF5; left: -100vw; top: 0; z-index: -1;}
.column_ranking h3 {font-size: 20px; font-weight: bold; border-bottom: 3px solid #C8E0C5; padding-bottom: 5px; text-align: center;}
.ranking_list { margin-top: 30px; display: flex; gap: 10px 20px; flex-wrap: wrap; flex-direction: column; }
.ranking_list > a {width: 100%; display: block;}
.ranking_list > a p.nom {position: absolute; left: 0; top: 0; width: 24px; height: 24px; background: linear-gradient(to bottom right, var(--green) 100%, transparent 0%); font-size: 14px; font-weight: bold; color: #FFF; padding: 0px; box-sizing: border-box; line-height: 1; display: flex; justify-content: center; align-items: center;}
.ranking_list > a:first-child p.nom {background: linear-gradient(to bottom right, #D8C68D 100%, transparent 0%); color: #000;}
.ranking_list > a:nth-child(2) p.nom {background: linear-gradient(to bottom right, #767676 100%, transparent 0%);}
.ranking_list > a:nth-child(3) p.nom {background: linear-gradient(to bottom right, #A8563E 100%, transparent 0%);}

.column_list_right h3 {font-size: 20px; font-weight: bold; padding-left: 0px; border-left: none; line-height: 1.2; text-align: center; border-bottom: 1px solid #C8E0C5; padding-bottom: 10px;}
.column_list_right > div.runking {margin-top: 40px;}
.column_list_right > div.runking > div {margin-top: 24px;}
.column_list_right > div.runking > div a {display: block;}
.column_list_right > div.runking > div a + a {margin-top: 15px;}
.column_list_right > div.runking > div a figure {display: flex; align-items: flex-start; position: relative; justify-content: space-between;}
.column_list_right > div.runking > div a figure picture {width: 30%; aspect-ratio: 3/2; overflow: hidden;}
.column_list_right > div.runking > div a figure picture img {object-fit: cover; object-position: center; width: 100%; height: 100%;}
.column_list_right > div.runking > div a figure figcaption {width: 67%;}
.column_list_right > div.runking > div a figure figcaption p.txt {display: -webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-size: 12px; font-weight: bold; line-height: 1.4; }
.column_list_right > div.runking > div a figure figcaption p.nom {position: absolute; left: 0; top: 0; width: 24px; height: 24px; background: linear-gradient(to bottom right, var(--green) 100%, transparent 0%); font-size: 14px; font-weight: bold; color: #FFF; box-sizing: border-box; line-height: 1; padding: 0px; display: flex; justify-content: center; align-items: center;}
.column_list_right > div.runking > div a:first-child p.nom {background: linear-gradient(to bottom right, #D8C68D 100%, transparent 0%); color: #000;}
.column_list_right > div.runking > div a:nth-child(2) p.nom {background: linear-gradient(to bottom right, #767676 100%, transparent 0%);}
.column_list_right > div.runking > div a:nth-child(3) p.nom {background: linear-gradient(to bottom right, #A8563E 100%, transparent 0%);}
.column_list_right > div.runking > p.obt {width: 100%; margin-top: 20px;}
.column_list_right > div.runking > p.obt a {font-size: 15px;}
.column_list_right > div.runking > p.obt a:after {right: 13px;}

.column_data_left > h1 {font-size: 22px; line-height: 1.4; font-weight: bold;}
.column_data_left > figure.eyecatch {margin-top:20px;}
.column_data_left > figure.eyecatch img {width: 100%;}
.column_data_left > figure.eyecatch figcaption {margin-top: 10px;}
.column_data_left > figure.eyecatch figcaption p.read {font-size: 14px; line-height: 1.5;}
.column_data_left > div.data_head {display: flex; align-items: flex-start; flex-direction: column; justify-content: space-between; border-bottom: 3px solid #C8E0C5; padding-bottom: 10px; margin-top: 20px;}
.column_data_left > div.data_head ul {display: flex; flex-wrap: wrap; gap:5px; flex-shrink: 0; width: 100%;}
.column_data_left > div.data_head ul li {font-size: 12px; background-color: #C8E0C5; border-radius:20px; padding: 7px 15px; line-height: 1;}
.column_data_left > div.data_head p.time {font-size: 10px; width: 6em; margin-top: 10px;}

.body {padding: 40px 0px; overflow-wrap: break-word;}
.body > * + * {margin-top: 15px;}
.body > h2 {font-size: 20px; }
.body > h3 {font-size: 19px; }
.body > h4 {font-size: 18px; }
.body > h4 a,.body > h3 a,.body > h2 a {color: #000;}
.body ul {list-style: outside;}
.body ul li {margin-left: 1.5em;}
.body ol {list-style: decimal;}
.body ol li {margin-left: 1.5em;}
.body strong {font-weight: bold; background:linear-gradient(transparent 60%, #E2F227 60%);}
.body a {text-decoration: underline; color: #0058FF;}
.body .wp-block-embed-youtube {max-width: 80%; margin: 0px auto;}

.custom-toc {margin: 20px 0px 0px; padding-bottom: 20px; border: 1px solid #707070; padding: 15px;}
.custom-toc p.toc-title {font-size: 18px; font-weight: bold; text-align: center;}
.custom-toc ul {margin-top: 15px;}
.custom-toc ul li a {color: #000; text-decoration: none; font-size: 14px;}

.column_data_left > div.author_info > p.title {font-size: 20px; font-weight: bold; border-bottom: 1px solid #C8E0C5; padding-bottom: 5px;}
.column_data_left > div.author_info > figure figcaption dl dt {font-size: 18px; font-weight: bold;line-height: 1.2;}
.column_data_left > div.author_info > figure figcaption dl dd {font-size: 18px; font-weight: bold;line-height: 1.4; margin-top: 5px;}
.column_data_left > div.author_info > figure figcaption p.txt {font-size: 15px; margin-top: 10px}
.column_data_left > p.obt {margin: 20px auto 0px; width: 100%;}
}