@charset "utf-8";
/* Common
   ========================================================================== */
.nav-links{
    display: flex;
    justify-content: center;
    align-self: center;
    flex-wrap: wrap;
    gap: .1rem;
}
.nav-links a:hover{
    opacity: 1;
    background: #e83278;
    color: #fff;
}
.nav-links .page-numbers{
    width: 35px;
    height: 35px;
    display: grid;
    place-items: center;
    background: #f78ca8;
    color: #fff;
}
.nav-links .page-numbers.current{
    background: #e83278;
}
.postNav{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .2rem;
}
.postNav a{
    flex: 0 0 50%;
    display: flex;
    align-items: center;
    gap: .1rem;
}
.postNav a:last-child{
    justify-content: flex-end;
}
.post-arw{
    flex: 0 0 35px;
    height: 35px;
    display: grid;
    place-items: center;
    border: 1px solid #e83278;
    color: #e83278;
}
.searchForm{
    position: relative;
    width: min(100%,640px);
}
.searchField{
    box-sizing: border-box;
    width: 100%;
    height: 50px;
    padding: 0 .2rem;
    border: 1px solid #000;
    background: #fff;
}
.searchSubmit{
    position: absolute;
    top: 50%;
    right: 1px;
    transform: translateY(-50%);
    cursor: pointer;
    transition: all .2s;
    width: 1.5rem;
    height: calc(100% - 2px);
    background: #f8317c;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .1rem;
}
.searchSubmit img{
    width: 30px;
    margin: 0;
}
/* ========================================================================== */
.p-info{
    padding: 1rem 0 2.5rem;
}
.p-info-inner{
    display: grid;
    gap: .8rem;
    width: min(100% - 1rem,1000px);
    margin: auto;
}
.p-info-cate{
    margin: auto;
    background: linear-gradient(65deg, #fcf1ef, #fff1fd);
    -webkit-box-shadow: 0 0 8px 2px rgba(0, 0, 0, .15);
    box-shadow: 0 0 8px 2px rgba(0, 0, 0, .15);
    padding: .4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .3rem;
}
.p-info-cate-ttl{
    padding-right: .3rem;
    border-right: 2px solid #000;
}
.p-info-cate-list{
    display: flex;
    gap: .1rem;
    flex-wrap: wrap;
}
.p-info-cate-list li a{
    border-radius: 9999px;
    border: 1px solid #000;
    padding: .05rem .1rem;
}
.p-info-cate-list li a:hover{
    opacity: 1;
    border: 1px solid #e83278;
    background: #e83278;
    color: #fff;
}
.p-info-conts-list li{
    border-bottom: 1px dotted #979797;
}
.p-info-conts-list a{
    padding: .2rem 40px .2rem .2rem;
    display: flex;
    align-items: center;
    gap: .2rem;
    position: relative;
    flex-wrap: wrap;
}
.p-info-conts-list-sublist{
    display: flex;
    align-items: center;
    gap: .1rem;
}
.p-info-conts-list a::after{
    content: '';
    width: 35px;
    height: 35px;
    background: url(../img/common/ico_arw.png) no-repeat top center / 100% auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}
.p-info-conts-list .cate{
    display: flex;
    flex-wrap: wrap;
    gap: .05rem;
}
.p-info-conts-list .cate span{
    display: inline-block;
    border-radius: 9999px;
    border: 1px solid #000;
    padding: .05rem .1rem;
}
.p-info_detail{
    padding: 1rem 0 2.5rem;
}
.p-info_detail-inner{
    display: grid;
    gap: .8rem;
    width: min(100% - 1rem,1000px);
    margin: auto;
}
.p-info_detail article{
    display: grid;
    gap: .4rem;
}
.p-info_detail article header{
    display: grid;
    gap: .05rem;
    border-bottom: 1px solid #000;
    padding: .1rem 0;
}
.p-info_detail .head-wrap{
    display: flex;
    justify-content: space-between;
    gap: .1rem;
}
.p-info_detail .head-wrap-cate{
    display: flex;
    flex-wrap: wrap;
    gap: .1rem;
}
.p-info_detail .head-wrap-cate li{
    display: flex;
    gap: .05rem;
    flex-wrap: wrap;
    border-radius: 9999px;
    border: 1px solid #000;
    padding: .05rem .1rem;
}
.p-info_detail article .maintxt{
    display: grid;
    gap: .1rem;
}
.p-info_detail article .maintxt h1,
.p-info_detail article .maintxt h2,
.p-info_detail article .maintxt h3{
    margin-bottom: .2rem;
}
.p-info_detail article .maintxt .border{
    border-bottom: 1px solid #E83267;
    padding: .1rem 0;
}
.wp-block-separator:not(.is-style-wide):not(.is-style-dots){
    width: 100%;
    margin: .5rem 0;
    border-bottom: 1px dotted;
    color: #979797;
}
.wp-block-list li{
    list-style-type: disc;
    list-style-position: inside;
}
@media only screen and (max-width: 1024px) {
    .p-info-cate{
        flex-direction: column;
        align-items: flex-start;
    }
    .p-info-conts-list a{
        flex-direction: column;
        align-items: flex-start;
        padding: .4rem 40px .4rem .2rem;
    }
    .p-info_detail .head-wrap{
        flex-direction: column;
    }
    .c-sec-btn{
        line-height: 1.5;
        height: auto;
        padding: .1rem .5rem;
    }
    .p-info-conts-list-sublist{
        flex-direction: column;
        align-items: flex-start;
    }
}