@font-face {
    font-family: "Cinzel";
    src:
        local("Cinzel"),
        url("./font/Cinzel/Cinzel-Regular.ttf") format("truetype")
}

@font-face {
    font-family: "EB_Garamond";
    src:
        local("EB_Garamond"),
        url("./font/EB_Garamond/EBGaramond-Regular.ttf") format("truetype")
}
@font-face {
    font-family: "Slight";
    src:
        local("EB_Garamond"),
        url("./font/Slight/Slight-Regular.ttf") format("truetype")
}

/* 共通 */
#body {
    font-family: "EB_Garamond", serif,sans-serif !important;
}

@media screen and (max-width:768px) {
    #body {
        font-size: 14px;
    }
}

.wp-block-separator{
    border-top: 1px solid !important;
}

/* ヘッダー */
.l-header{
    font-family: "Cinzel", "EB_Garamond", serif, sans-serif !important;
    font-weight: 400 !important;
}
.menu-item>a>span{
    font-size: 1.3rem !important;
    font-weight: 400 !important;
}

.top_message_container{
    font-family: "Cinzel", "EB_Garamond", serif, sans-serif !important;
}
.top_message_container>div>p:nth-child(1){
    color: #CCA94F;
    font-size: 2rem;
    letter-spacing: 0.07em;
    line-height: 120%;
}
.top_message_container>div>p:nth-child(2) {
    color: #CCA94F;
    font-size: 1.5rem;
    letter-spacing: 0.07em;
    margin-top: 0px;
}
.top_message_container>div>p:nth-child(3) {
    color: #000;
    font-size: 1.2rem;
    letter-spacing: 0.07em;
}

.about_container{
    background-image: radial-gradient(at 50% 40%, #f5fcff, #deedf5);
}

.container_title h2{
    font-family: "Cinzel", "EB_Garamond", serif, sans-serif !important;
    font-size: 2rem;
    font-weight: 400 !important;
    letter-spacing: 0.1em;
    line-height: 120%;
    color: #CCA94F;
    margin-top: 0px;
    margin-bottom: 0px;
}

.container_title::before {
    content: "";
    width: 1px;
    height: 30px;
    background: #CCA94F;
    margin: 0 auto 5px;
    display: block;
}

.about_container>div>div:nth-child(3)>div{
    font-family: sans-serif;
    /* font-weight: lighter; */
}

.post_box{
    font-family: sans-serif;
}

.post_box li{
    border: 1px solid #D8D8D8;
    border-radius: 5px;
    box-shadow: 0 0 8px #D8D8D8;
    padding-bottom: 20px;
}
.post_box li>a{
    padding: 10px 20px 0px 20px;
    /* font-weight: lighter; */
}
.post_box li>time {
    padding: 5px 20px 10px 20px;
    /* font-weight: lighter; */
}


.shadow_sm{
    box-shadow: 0 2px 2px #eeeeee;
}
.wp-block-button__link{
    border: solid 0.5px #333 !important;
    box-shadow: 0 2px 2px #eeeeee;
}


.service_container{
    background-image: radial-gradient(at 50% 40%, #f5fcff, #deedf5);
}

/* サービスご利用の流れ */

.service_step_box{
    background-image: radial-gradient(at 50% 40%, #f5fcff, #deedf5);
    padding: 20px;
}
#primary>div>div>div>div>div:nth-child(9)>div>div:nth-child(5)>div>div{
    height: 100% !important;
}
.service_step_box>div>div>div:nth-child(1){
    border-right:1px solid #CCA94F;
    height: 100% !important;
}
.service_step_box>div>div>div:nth-child(1)>p{
    font-family: "Slight";
    font-size: 1.6em;
    color: #CCA94F;
    align-items: center;
}
.service_step_box>div>div>div:nth-child(2)>p:nth-child(1){
    font-size: 1.2em;
}
.service_step_box>div>div>div:nth-child(2)>p:nth-child(2) {
    font-family: sans-serif;
    /* font-weight: lighter; */
    margin-top: 5px;
    line-height: 1.4;
}


@media screen and (max-width:768px){
    .service_step_box>div>div>div:nth-child(1) {
            border-right: 0px;
            border-bottom: 1px solid #CCA94F;
        }
}

#sb_instagram #sbi_images{
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

#sb_instagram{
    padding-bottom: 0px !important;
}

/* 記事 */
.single-post .l-contents__body,
.single-post .l-contents__container .c-container{
    max-width: 1280px !important;
    margin: auto !important;
}

.single-post .l-contents__body{
    flex-basis: unset !important;
}

.single-post .c-entry__title{
    color: #CCA94F !important;
}

.single-post .c-entry-summary__figure{
    width: 40% !important;
}

.single-post .c-entries__item>a{
    padding: 10px 0px !important;
}