a {
    text-decoration: none;
}
.btn_normal{
    display: inline-flex;
    background-color: #e798ac;
    width: 460px;
    height: 70px;
    position: relative;
    color: #fff !important;
    border: none;
    border-radius: 100vh;
    padding: 25px 0;
    font-size: 22px;
    line-height: 1;
}
.pagenationNext {
    text-align: center;
    margin-top: 40px;
}
.btn_normal,
.pagenationNext .Pagination-Item-Link {
    display: inline-flex;
    background-color: #e798ac;
    width: 460px;
    height: 70px;
    position: relative;
    color: #fff !important;
    border: none;
    border-radius: 100vh;
    padding: 25px 0;
    font-size: 22px;
    line-height: 1;
}
@media (max-width: 979px) {
    .btn_normal,
    .pagenationNext .Pagination-Item-Link {
        width: 100%;
    }
}
.btn_normal::after,
.pagenationNext .Pagination-Item-Link::after {
    position: absolute;
    background: url(https://www.s-b-c.net/hifuka/blog/wp-content/uploads/2025/07/right_arrow.png) center / cover;
    width: 30px;
    height: 12px;
    content: "";
    right: 35px;
    transform: translateY(-15%);
}

@media (max-width: 979px) {
    .pagenationNext .Pagination-Item-Link {
        height: 50px;
        padding: 0px 0;
        font-size: 18px;
        line-height: 1;
        width: 100%;
    }
}
.Pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
    margin-bottom: 62px
}

@media (max-width: 979px) {
    .Pagination {
        margin-top:60px;
        margin-bottom: 60px
    }
}

.Pagination-Item-Link {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    width: 45px;
    height: 45px;
    background: #fff;
    border: solid 1px #b5b5b5;
    font-size: 14px;
    color: #000 !important;
    font-weight: bold;
    transition: all 0.15s linear;
    border-radius: 4px
}

.Pagination-Item-Link-Icon {
    width: 20px
}

.Pagination-Item-Link.isActive {
    background: #f5f5f5;
    color: #000000 !important;
    pointer-events: none
}

.Pagination-Item-Link:not(.isActive):hover {
    background: #ff5e86;
    color: #fff !important
}

.Pagination>*+* {
    margin-left: 12px
}
.dli-chevron-round-right {
    display: inline-block;
    vertical-align: middle;
    color: #333;
    line-height: 1;
    position: relative;
    width: 11px;
    height: 11px;
    transform: translateX(-25%) rotate(45deg);
  }

  .dli-chevron-round-right::before, .dli-chevron-round-right::after {
    content: '';
    position: absolute;
    background: currentColor;
    border-radius: 0.1em;
  }

  .dli-chevron-round-right::before {
    top: 0;
    left: 0;
    right: 0;
    height: 0.1em;
  }

  .dli-chevron-round-right::after {
    top: 0;
    right: 0;
    bottom: 0;
    width: 0.1em;
  }

  .dli-chevron-round-left {
    display: inline-block;
    vertical-align: middle;
    color: #333;
    line-height: 1;
    position: relative;
    width: 11px;
    height: 11px;
    transform: translateX(25%) rotate(-135deg);
  }

  .dli-chevron-round-left::before, .dli-chevron-round-left::after {
    content: '';
    position: absolute;
    background: currentColor;
    border-radius: 0.1em;
  }

  .dli-chevron-round-left::before {
    top: 0;
    left: 0;
    right: 0;
    height: 0.1em;
  }

  .dli-chevron-round-left::after {
    top: 0;
    right: 0;
    bottom: 0;
    width: 0.1em;
  }

/* 見出し */
.sec-ttl__box .en{
    display: block;
    font-family: "Jost", sans-serif;
    font-size: 35px;
    line-height: 1.2;
    text-align: center;
}
.main_ttl {
    color: #e798ac;
    font-size: 15px;
    text-align: center;
    margin-top: 0;
}
.mv__archive {
    background: url(https://www.s-b-c.net/hifuka/blog/wp-content/uploads/2025/07/mv_bg.png) center / cover;
    height: 300px;
    padding-top: 24px;
    margin-top: 32px;
}



.main-content .container {
    background-color: #f8f9fa;
    padding: 80px 0 108px;
}
.main-content .container .content_inner{
    background-color: #fff;
    padding: 40px;
}
@media (max-width:979px) {
    .main-content .container .content_inner{
        padding: 15px;
    }
}

.post_list .post_item+.post_item {
    margin-top: 24px
}

.post_list .post_item {
    display: flex;
    padding: 30px 40px;
    border: 1px solid #e5d7e2;
    align-items: center;
    gap: 40px
}
.post_list .post_item .post_detail {
    width: 100%;
}
@media (max-width: 979px) {
    .post_list .post_item {
        padding:30px 5%;
        gap: 2vw;
        flex-direction: column
    }

}

.post_list figure {
    width: 330px;
    position: relative
}

@media (max-width: 979px) {
    .post_list figure {
        width:100%
    }

    .post_list figure img {
        width: 100%
    }
}

/* .post_list figure>.p-articleMetas__termList {
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(31,34,137,0.6);
    color: #fff;
    padding: 6px 14px;
    font-size: 12px
} */

.post_list .post_detail_3 {
    color: #e798ac;
    font-size: min(5vw,24px);
    margin-bottom: 20px;
    text-decoration: none;
}

.post_list .post_desc {
    font-size: min(4vw,16px)
}
.post_detail .post-data {
    position: relative;
    color: #959595;
    font-size: 12px;
    text-align: right;
}
.post_detail .post-data::before {
    content: "";
    position: absolute;
    right: 65px;
    width: 14px;
    height: 14px;
    transform: translateY(25%);
    background: url(https://www.s-b-c.net/hifuka/blog/wp-content/uploads/2025/07/clock.png) center / cover;
}
.p-postList__thumb_child{
    position: relative;
}
.p-postList__thumb_child .tags {
    position: absolute;
    top: 6px;
    left: 5px;
}
.c-categoryList__link {
    background-color: #fb627e;
    color: #fff;
    border: 1px solid #fff;
    font-size: 12px;
    line-height: 1;
    padding: 6px 12px;
}

.c-categoryList__link:visited {
    color: #fff;
}
.c-categoryList__link:link {
    color: #fff;
}



/* mv下メニュー */
.navigation {
    background-color: #fff;
    display: flex;
    justify-content: center;

}
@media (max-width:979px) {
    .navigation {
        flex-direction: column;
    }
}
.navigation li p,
.navigation li a{
    background-color: #fff;
    width: 230px;
    height: 80px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
    position: relative;
}
.navigation li:not(:first-child) a::after,
.navigation li:not(:first-child) p::after{
    position: absolute;
    right: 5px;
    width: 8px;
    height: 8px;
    border-bottom: 2px solid #d2d2d2;
    border-right: 2px solid #d2d2d2;
    content: "";
    transform: rotate(45deg);
}
@media (max-width:979px) {
    .mv__archive {
        height: auto;
        padding-top: 24px;
        margin-top: 10px;
        padding: 24px 15px 25px 25px;
    }
    .mv__archive img {
      width: 70%;
    }


    .navigation {
        gap: 8px;
        padding: 15px;
        text-align: center;
    }
    .navigation li p,
    .navigation li a{
        width: auto;
        height: auto;
        font-size: 16px;
    }
    .navigation li:not(:first-child) p::after{
        right: -16px;
    }
}
.navigation  .sub-menu a,
.navigation  .sub-menu2 a{
    background-color: rgba(0, 0, 0, 0.9);
    color: #fff;
    width: 230px;
    height: auto;
    padding: 8px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
    position: relative;
}
.navigation  .sub-menu2 a::after,
.navigation  .sub-menu a::after{
    display: none;
}
@media (min-width:980px) {
    .navigation  .n-back .sub-menu ,
    .navigation  .n-category .sub-menu2 {
        display: none;
    }
    .navigation .n-back:hover   .sub-menu ,
    .navigation .n-category:hover   .sub-menu2 {
        display: block;
        position: absolute;
    }
}
@media (max-width:979px) {
    .navigation  .sub-menu a,
    .navigation  .sub-menu2 a{
        width: 100%;
        text-align: center;
    }
    .navigation  .n-back .sub-menu ,
    .navigation  .n-category .sub-menu2 {
        display: none;
    }
    .js-btn {
        pointer-events: auto;
    }
    .js-btn2 {
        pointer-events: auto;
    }

    .navigation .n-back .sub-menu.js-active{
        display: block;
    }
    .navigation .n-category .sub-menu2.js-active{
        display: block;
    }
}
/* front-page */

.mv {
    background: #ccc;
  }
  .localnav {
    padding: 20px 3%;
  }
  .localnav ul {
    display: flex;
    justify-content: center;
  }
  .localnav ul li+li {
    margin-left: 45px;
  }
  .localnav ul li a {
    font-weight: bold;
    font-size: 20px;
  }
  .article {
    background: #f8f9fa;
    padding: 65px 0;
  }
  .article .tit2 {
    text-align: center;
  }
  .article .tit2 .sub {
    font-family: "century", sans-serif;
    font-size: 36px;
  }
  .article .tit2 .txt {
    color: #e798ac;
    font-size: 13px;
  }

  .article .post_list {
    background: #fff;
    padding: 35px 4%;
    margin-top: 35px;
  }

  .article .post_list .post_item .post_detail .post_detail_3 {
    color: #e798ac;
  }
  .article .post_list .post_item .post_detail .post_desc {
    margin-top: 10px;
    font-size: 15px;
  }
  .article .item_thumb,
  .p-postList__thumb_child{
    position: relative;
}
.article .tags ,
.p-postList__thumb_child .tags {
    position: absolute;
    top: 6px;
    left: 5px;
}
.c-categoryList {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 8px;
}





.clearfix::after {
content: "";
display: block;
clear: both;
}
hr.paging-top {
margin-bottom:0;
}
hr.paging-bottom {
margin-top:0;
}
.paging a {
display: block;
transition: all 0.3s ease;
vertical-align:top;
color:#fb627e;
font-weight: bold;
}
.paging a:hover {
background-color:#efefef;
}
.paging ul {
width:100%;
margin: 0;
}
.paging .prev {
position:relative;
text-align:left;
border-right:1px solid #efefef;
}
.paging .prevbox {
width:50%;
display: inline-block;
float:left;
}
.paging .prev::before {
position:absolute;
top:40%;
left:10px;
content:"<";
color:#fb627e;
font-size:1.5em;
}
.paging .prev h6 {
font-size:0.8em;
padding:10px 0 0 54px;
margin:0 0 3px 0;
}
.paging .prev ul li {
vertical-align:top;
display: inline-block;
list-style: none;
list-style-position: inside;
font-size: 16px;
}
.paging .prev ul li.thumbnail {
padding:0 10px 10px 40px;
}
.paging .prev ul li.title {
max-width:60%;
height:80px;
overflow:hidden;
}

.paging .next {
position:relative;
text-align:right;
border-left:1px solid #efefef;
}
.paging .nextbox {
width:50%;
display: inline-block;
float:right;
}
.paging .next::before {
position:absolute;
top:40%;
right:10px;
content:">";
color:#fb627e;
font-size:1.5em;
}
.paging .next h6 {
font-size:0.8em;
padding:10px 54px 0 0 ;
margin:0 0 3px 0;
}
.paging .next ul li {
vertical-align:top;
display: inline-block;
list-style: none;
list-style-position: inside;
font-size: 16px;
}
.paging .next ul li.thumbnail {
padding:0 40px 10px 10px ;
}
.paging .next ul li.title {
max-width:60%;
height:80px;
overflow:hidden;
}
.related-post-wrap {
  background: #f5f5f5;
  padding: 35px 4%;
}



@media only screen and (max-width: 768px) {
.paging .prevbox,
.paging .nextbox {
width:100%;
clear:both;
}
.paging .prev {
border-right:none;
border-bottom:1px solid #efefef;
}
.paging .next {
border-left:none;
}
}
.related-post-wrap {
margin: 2em 0;
}

.related-post-wrap h4 {
font-size: 1.25em;
margin-bottom: 1em;
}

.related-post-wrap ul {
display: grid;
list-style: none;
gap: .875em;
grid-template-columns: repeat(4, 1fr);
}

.related-post a {
display: block;
text-decoration: none;
color: #000;
}

.related-post a:hover {
opacity: .6;
}

.related-post img {
display: block;
width: 100%;
aspect-ratio: 3/2;
margin-bottom: .5em;
object-fit: cover;
}

.related-post .text-wrap {
font-size: .875em;
font-weight: bold;
}

@media (max-width: 600px) {
.related-post-wrap ul {
grid-template-columns: repeat(2, 1fr);
}
}
.related-post-wrap .main_ttl4{
    color: #e798ac;
    font-weight: bold;
    font-size: min(5vw, 24px);
}





/* 記事見出しなどのスタイル */

.section-ttl {
    color: #000;
    margin-top: 15px;
    font-size: 34px;
    text-align: left;
    font-size: min(7vw, 34px)
}
/* H2 */
.section-ttl2{
  margin-top: 20px;
  margin-bottom: 32px;
  color: #fff;
  padding: 5px 3%;
  font-size: min(5vw, 30px);
  background: #e798ac;
}
/* H3 */
.section-ttl3 {
    color: #e798ac;
    font-size: 20px;
    font-size: min(5vw, 20px);
    position: relative;
    padding-left: 28px;
    margin-top: 20px;
    padding-bottom: 19px;
    margin-bottom: 30px;
    border-bottom: 2px solid #eeeeee;
    line-height: 1.2
}
.section-ttl3::before {
    height: calc(100% - 8px);
    max-height: 20px;
    width: 3px;
    background-color: #fb627e;
    content: "";
    position: absolute;
    left: 10px;
    top: 0px
}

@media (max-width: 979px) {
    .section-ttl3::before {
        max-height:none;
        height: calc(100% - 20px)
    }
}
/* H4 */
.section-ttl4 {
  font-size: 20px;
  margin-bottom: 30px;
  background: #eeeeee;
  padding: 7px 2%;
  color: #e798ac;
}
.sectionli {
    padding-left: 25px
}


.hifuka_list {
    padding-left: 20px
}

.hifuka_list li {
    font-size: 18px;
    padding-left: 20px;
    position: relative;
    line-height: 2
}

.hifuka_list li::before {
    position: absolute;
    left: -20px;
    content: "●";
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
    color: #e798ac;
    font-family: "游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif
}

.hf_numberli {
    padding-left: 25px
}

.hf_numberli li {
    font-size: 18px;
    padding-left: 20px;
    line-height: 2
}

.hf_numberli li::marker {
    color: #fb627e;
    font-size: 20px;
    font-weight: bold;
    display: inline-block
}
/* table */
.h_tb,  .h_tb td,  .h_tb th {
    border: 1px solid #e798ac;
}
.h_tb th {
    background-color: #e798ac;
    color: #fff;
}
.h_tb th,.h_tb td {
    padding: .5em;
}
.h_tb th:not(:last-child) {
    border-right: 1px solid #fff;
}
table
 {
    border-collapse: collapse;
    width: 100%;
}
@media (max-width: 979px) {
.js-scrollable .h_tb {
    min-width: 800px;
}
}
/* btn */
.btn_single {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 490px;
    min-height: 80px;
    height: auto;
    margin: 0 auto;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.05em;
    text-align: center;
    text-decoration: none;
    color: #fff !important;
    background-color: #e798ac;
    border-radius: 100vh;
    padding: 8px 75px 8px 40px
}
.btn_single:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 25px;
    width: 39px;
    height: 12px;
    margin-top: -3px;
    background: url(/assets/hifuka/images/btn_arrow.png?202541514529) no-repeat;
    background-size: cover;
    transform: translateY(-50%);
}
@media (max-width: 980px) {
    .btn_single {
        max-width: 600px;
        width: 100%;
        height: auto;
        padding: 10px 15% 10px 8%;
        font-size: 16px;
    }
}
@media (max-width: 980px) {
    .btn_single:after {
        right: 15px;
        width: 24px;
        height: 7px;
    }
}

/* 画像 */
.img-wrap img{
    min-width: calc(100% / 2);
    width: 50%;
}

.c-post_formatList {
    display: none !important;
}

/* 目次 */

#toc_container {
background: #fff!important;
border: 1px solid #aaa;
padding: 25px 5%!important;
margin-bottom: 1em;
display: table;
font-size: 95%;
margin: 25px auto 50px;
}
#toc_container .show_more2 {
display: none;
}
#toc_container p.toc_title {
    text-align: center;
font-weight: 700;
border-bottom: 1px solid #e798ac;
margin-bottom: 10px!important;
padding-bottom: 10px!important;
}
#toc_container.no_bullets li+li {
margin-top: 10px;
padding-top: 10px;
border-top: 1px dotted #333;
}
#toc_container .toc_number {
color: #fb627e;
margin-right: 15px;
font-weight: bold;
}
#toc_container .toc_list>li>ul {
margin-top: 10px;
padding-top: 10px;
border-top: 1px dotted #333;
}
#toc_container .toc_list ul>li>ul {
margin-top: 10px;
padding-top: 10px;
border-top: 1px dotted #333;
}

/* ポイント背景 */

.point_area {
  background: #fff0f4;
  padding: 35px 4%;
}