#wp-blog {width: 100%; max-width: 1200px; margin: auto; font-family: dnp-shuei-mgothic-std, sans-serif !important; color: #333;}
#wp-blog .en {font-family: dnp-shuei-mgothic-std , sans-serif !important;}

.breadcrumbs {display: flex; align-items: center; width: 100%; max-width: 1200px; padding: 71px 0 0px; margin: auto;}
.breadcrumbs li {font-size: 14px;}
.breadcrumbs .arrow {margin: 0 0.5em;}

.l-footer, .l-footer a {color: #333;}

@media screen and (max-width: 1199px) {
    .breadcrumbs {padding: 20px 20px 0;}
}

/* =================================================================
article共通
=================================================================*/
#wp-blog .article-wrap {display: flex; justify-content: space-between; /*margin-top: -20px;*/}
#wp-blog .sidebar {width: 260px; padding-top: 83px;}
#wp-blog .sidebar .side-title {display: flex; flex-direction: column; line-height: 1; gap: 20px; margin-bottom: 69px;}
#wp-blog .sidebar .side-title .en {font-weight: bold; font-size: 60px; color: #6D9F3B;}
#wp-blog .side-category h3 {background: #6D9F3B; height: 62px; border-radius: 9999px; display: flex; align-items: center; font-size: 22px; color: #fff; padding-left: 21px; margin: 0 0 27px;}
#wp-blog .side-category h3:before {content: ""; display: block; width: 30px; height: 37px; background-image: url('../img/category-title-icon.svg'); background-size: cover; margin-right: 13px;}
#wp-blog .side-category .category-list {margin: 0 0 48px; font-size: 18px; padding-left: 20px;}
#wp-blog .side-category .archive-list {margin: 0 0 48px; font-size: 18px; padding-left: 20px;}

#wp-blog .side-category a {opacity: 1; transition:.2s all; color: #333;}
#wp-blog .side-category a:hover {opacity: 0.5; transition:.2s all;}

#wp-blog .sp-main-title {display: none !important;}

@media screen and (max-width: 1199px) {
    #wp-blog .article-wrap {flex-direction: column-reverse; margin-top: 53px;}
    #wp-blog .sidebar {width: 100%; margin-top: 118px; padding: 0 20px; margin-bottom: 80px;}
    #wp-blog .sidebar .side-title {display: none;}
    #wp-blog .sp-main-title {display: flex; flex-direction: column; align-items: center; line-height: 1; gap: 20px; margin-bottom: 37px; font-size: 18px;}
    #wp-blog .sp-main-title .en {font-size: 50px;}

    #wp-blog .side-category .category-list {line-height: 2.222222222222222;}
    #wp-blog .side-category .archive-list {line-height: 2.222222222222222;}
}

/* =================================================================
articleリスト
=================================================================*/
#wp-blog .article-main {width: 100%; max-width: 869px; margin-bottom: 180px;}
#wp-blog .article-main h2 {display: flex; flex-direction: column; align-items: center; line-height: 1; gap: 10px; font-size: 35px; margin: 0 auto 60px;}
#wp-blog .article-main h2 img {width: 92px;}

#wp-blog .list {width: 100%; display: flex; flex-wrap: wrap; gap: 40px 35px;}
#wp-blog .list li {width: calc((100% - 35px ) / 2);}
#wp-blog .list li .thumb {aspect-ratio: 417 / 280;}
#wp-blog .list li .thumb img {width: 100%; height: auto; aspect-ratio: 417 / 280; display: block; object-fit: cover;}
#wp-blog .list .info {margin-top: 19px; display: flex; justify-content: space-between; align-items: center;}
#wp-blog .list .date {display: block; font-size: 18px; color: #E31C72;}
#wp-blog .list .category {display: flex; align-items: center; gap: 10px; border: 0px;}
#wp-blog .list .category span {display: flex; justify-content: center; align-items: center; border: 1px solid #6D9F3B; color: #6D9F3B; border-radius: 4px; padding: 0px 10px; font-size: 14px; min-height: 31px;}
#wp-blog .list .title {font-size: 18px; font-weight: 700; line-height: 1.2; margin-top: 20px; color: #333;}

@media screen and (max-width: 1199px) {
    #wp-blog .article-main {max-width: 100%; padding: 0 20px;}
    #wp-blog .article-main h2 {font-size: 22px;}
    #wp-blog .list {max-width: 100%; gap: 20px;}
    #wp-blog .list .category {flex-wrap: wrap;}
    #wp-blog .list li {width: 100%;}

    #wp-blog .list .category span {font-size: 10px; min-height: 25px;}
    #wp-blog .list .title {margin-top: 15px;}
}

/* =================================================================
コラム詳細
=================================================================*/
#wp-blog.article-detail .main-content .title {font-size: 35px; line-height: 1.5; margin: 39px auto 59px;}
#wp-blog.article-detail .main-content .info {display: flex; align-items: center; justify-content: space-between;}
#wp-blog.article-detail .main-content .date {display: block; font-size: 18px; color: #E31C72;}
#wp-blog.article-detail .main-content .post-categories {display: flex; align-items: center; gap: 10px;}
#wp-blog.article-detail .main-content .post-categories a {display: flex; justify-content: center; align-items: center; border: 1px solid #6D9F3B; color: #6D9F3B; border-radius: 4px; padding: 0px 10px; font-size: 14px; min-height: 31px;}

#wp-blog.article-detail .article-main img {max-width: 100%;}
#wp-blog.article-detail .article-main p {font-size: 18px; line-height: 1.666666666666667; letter-spacing: 0.02em;}
#wp-blog.article-detail .article-main p + p {margin-top: 1em;}
#wp-blog.article-detail .article-main figure {margin: auto;}
#wp-blog.article-detail .article-main figure + p {margin-top: 60px;}
#wp-blog.article-detail .article-main figure + h2 {margin-top: 60px;}
#wp-blog.article-detail .article-main figure + h3 {margin-top: 60px;}
#wp-blog.article-detail .article-main figure + h4 {margin-top: 60px;}
#wp-blog.article-detail .article-main figure + h5 {margin-top: 60px;}

#wp-blog.article-detail .article-main h2 {font-size: 24px; font-weight: 700; text-align: left; display: block;}
#wp-blog.article-detail .article-main h3 {font-size: 22px; font-weight: 700;}
#wp-blog.article-detail .article-main h4 {font-size: 20px; font-weight: 700;}
#wp-blog.article-detail .article-main h5 {font-size: 18px; font-weight: 700;}

#wp-blog.article-detail .article-main h2 + p {margin-top: 20px;}
#wp-blog.article-detail .article-main h3 + p {margin-top: 20px;}
#wp-blog.article-detail .article-main h4 + p {margin-top: 20px;}
#wp-blog.article-detail .article-main h5 + p {margin-top: 20px;}
#wp-blog.article-detail .article-main .wp-block-columns + p {margin-top: 60px;}

#wp-blog.article-detail .article-main h2 + figure {margin-top: 20px;}
#wp-blog.article-detail .article-main h3 + figure {margin-top: 20px;}
#wp-blog.article-detail .article-main h4 + figure {margin-top: 20px;}
#wp-blog.article-detail .article-main h5 + figure {margin-top: 20px;}
#wp-blog.article-detail .article-main .wp-block-columns + figure {margin-top: 60px;}

#wp-blog.article-detail .article-main h2 + h2 {margin-top: 20px;}
#wp-blog.article-detail .article-main h3 + h2 {margin-top: 20px;}
#wp-blog.article-detail .article-main h4 + h2 {margin-top: 20px;}
#wp-blog.article-detail .article-main h5 + h2 {margin-top: 20px;}
#wp-blog.article-detail .article-main .wp-block-columns + h2 {margin-top: 60px;}

#wp-blog.article-detail .article-main h2 + h3 {margin-top: 20px;}
#wp-blog.article-detail .article-main h3 + h3 {margin-top: 20px;}
#wp-blog.article-detail .article-main h4 + h3 {margin-top: 20px;}
#wp-blog.article-detail .article-main h5 + h3 {margin-top: 20px;}
#wp-blog.article-detail .article-main .wp-block-columns + h3 {margin-top: 60px;}

#wp-blog.article-detail .article-main h2 + h4 {margin-top: 20px;}
#wp-blog.article-detail .article-main h3 + h4 {margin-top: 20px;}
#wp-blog.article-detail .article-main h4 + h4 {margin-top: 20px;}
#wp-blog.article-detail .article-main h5 + h4 {margin-top: 20px;}
#wp-blog.article-detail .article-main .wp-block-columns + h4 {margin-top: 60px;}

#wp-blog.article-detail .article-main h2 + h5 {margin-top: 20px;}
#wp-blog.article-detail .article-main h3 + h5 {margin-top: 20px;}
#wp-blog.article-detail .article-main h4 + h5 {margin-top: 20px;}
#wp-blog.article-detail .article-main h5 + h5 {margin-top: 20px;}
#wp-blog.article-detail .article-main .wp-block-columns + h5 {margin-top: 60px;}

#wp-blog.article-detail .article-main p + h2 {margin-top: 40px;}
#wp-blog.article-detail .article-main p + h3 {margin-top: 40px;}
#wp-blog.article-detail .article-main p + h4 {margin-top: 40px;}
#wp-blog.article-detail .article-main p + h5 {margin-top: 40px;}
#wp-blog.article-detail .article-main p + .wp-block-columns {margin-top: 40px;}
#wp-blog.article-detail .article-main p + figure {margin-top: 60px;}

#wp-blog.article-detail .article-main .wp-block-columns {gap: 20px; display: flex;}
#wp-blog.article-detail .article-main .wp-block-columns + p {margin-top: 20px;}
#wp-blog.article-detail .article-main .wp-block-columns + h2 {margin-top: 20px;}
#wp-blog.article-detail .article-main .wp-block-columns + h3 {margin-top: 20px;}
#wp-blog.article-detail .article-main .wp-block-columns + h4 {margin-top: 20px;}
#wp-blog.article-detail .article-main .wp-block-columns + h5 {margin-top: 20px;}
#wp-blog.article-detail .article-main .wp-block-columns + .wp-block-columns {margin-top: 20px;}


#wp-blog.article-detail .article-main .item-box h2 {font-size: 24px; border-bottom: 1px solid #6D9F3B; width: 100%; padding-bottom: 25px; margin-top: 100px;}
#wp-blog.article-detail .article-main .item-box .flex-box {display: flex; justify-content: space-between; align-items: center; margin-top: 53px; gap: 25px;}
#wp-blog.article-detail .article-main .item-box img {width: 50%;}
#wp-blog.article-detail .article-main .item-box .text {width: 50%; display: flex; flex-direction: column; justify-content: space-between;}
#wp-blog.article-detail .article-main .item-box .text .item-info h3 {font-weight: normal; font-size: 18px; margin: 0 0 30px;}
#wp-blog.article-detail .article-main .item-box .text a {display: flex; justify-content: center; align-items: center; width: 367px; height: 71px; color: #fff; background: #E21C72; border-radius: 9999px; font-size: 18px; font-weight: bold; align-self: center; position: relative;}
#wp-blog.article-detail .article-main .item-box .text a:after {content: ""; width: 19px; height: 14px; background-image: url('../img/icon-arrow_w.png'); background-size: cover; position: absolute; right: 30px; top: 0; bottom: 0; margin: auto;}

@media screen and (max-width: 1199px) {
    #wp-blog.article-detail .sidebar {display: none;}
    #wp-blog.article-detail .main-content .title {font-size: 25px; margin: 22px auto 29px;}
    #wp-blog.article-detail .main-content .info {gap: 5px;}
    #wp-blog.article-detail .article-main h2 {font-size: 24px; font-weight: 700; line-height: 1.363636363636364; margin: 0 auto;}
    #wp-blog.article-detail .article-main h3 {font-size: 22px; font-weight: 700; line-height: 1.363636363636364}
    #wp-blog.article-detail .article-main h4 {font-size: 18px; font-weight: 700; line-height: 1.363636363636364}
    #wp-blog.article-detail .article-main h5 {font-size: 14px; font-weight: 700; line-height: 1.363636363636364}

    #wp-blog.article-detail .article-main .wp-block-columns {flex-direction: column;}

    #wp-blog.article-detail .article-main .item-box {margin-top: 40px;}
    #wp-blog.article-detail .article-main .item-box .flex-box {margin-top: 25px;  gap: 15px;}
    #wp-blog.article-detail .article-main .item-box .text a {width: 100%; height: 50px; font-size: 20px; margin-top: 11px;}
    #wp-blog.article-detail .article-main .item-box .text a:after {display: none;}

    #wp-blog.article-detail .article-main .item-box h2 {margin: 0 auto 25px; font-size: 20px; padding-bottom: 15px;}
    #wp-blog.article-detail .article-main .item-box .text .item-info h3 {margin-bottom: 0;}
    #wp-blog.article-detail .article-main .item-box .text .item-info h3 + p {margin-top: 0;}

    #wp-blog.article-detail .article-main figure + h2 {margin-top: 20px;}
}

/* =================================================================
pagination
=================================================================*/
.pagination {margin-top: 90px;}
.pagination .extend:last-of-type {display: none;}
.pagination .wp-pagenavi {display: flex; justify-content: center; align-items: center; gap: 30px; font-size: 24px;}
.pagination .wp-pagenavi a {display: flex; justify-content: center; align-items: center; width: 32px; height: 32px;}
.pagination .wp-pagenavi .current {display: flex; justify-content: center; align-items: center; width: 29px; height: 29px; border-radius: 29px; background: #fff; color: #6D9F3B;}
.pagination .wp-pagenavi .arrow {display: flex; justify-content: center; align-items: center; width: 29px; height: 29px; background-image: url('../img/pagenavi-arrow.png'); background-size: cover;}
.pagination .wp-pagenavi .arrow.prev {transform: rotate(180deg);}
.pagination .previouspostslink + .extend {display: none;}

.pagination .previouspostslink {margin-right: 26px;}
.pagination .nextpostslink {margin-left: 26px;}

@media screen and (max-width: 1199px) {
    .pagination {margin-top: 50px;}
}



/* =================================================================
post-navigation
=================================================================*/
.post-navigation.pc {display: flex; justify-content: space-between; align-items: center; margin-top: 140px;}
.post-navigation.sp {display: none;}
.post-navigation .nav-home a {color: #6c9b3b; font-size: 20px; letter-spacing: 0.1em; position: relative; display: inline-block;}
.post-navigation .nav-home a:after {content: ""; display: block; width: 100%; height: 1px; position: absolute; bottom: 0; background: #6c9b3b;}

.post-navigation .nav-previous a span {display: inline-block; width: 13px; height: 10px; background-image: url('../img/icon-arrow.png'); background-size: cover;}
.post-navigation .nav-next a span {display: inline-block; width: 13px; height: 10px; background-image: url('../img/icon-arrow.png'); background-size: cover; transform: rotate(180deg);}

@media screen and (max-width: 1199px) {
    .post-navigation {margin-top: 104px;}
    .post-navigation.pc {display: none;}
    .post-navigation.sp {display: flex !important; justify-content: center; flex-direction: column; align-items: center; width: 100%;}
    .post-navigation.sp .flex {justify-content: space-between; width: 100%; margin-top: 43px;}
    .post-navigation .nav-previous a,
    .post-navigation .nav-next a {font-size: 16px;}
}


@media screen and (min-width: 992px) and (max-width: 1199px) {
    .container, .container-lg, .container-md, .container-sm {max-width: 1140px !important;}
    div.l-header ul.navbar-nav-left li.nav-item {margin-right: 10px !important;}
    .breadcrumbs {padding-top: 71px !important;}
}
div.l-main .article-main a:hover {color: #6D9F3B;}
.blog-thumbnail {
    text-align: center;
}
.blog-thumbnail img {
    max-height: 400px;
    margin: 0 auto;
}