html{
    body{
        &.page-id-14418,&.page-id-14420,&.page-id-14422{
            h1,h2,h3,h4,li,p,a{
                font-family: "Noto Serif SC", serif;
                font-optical-sizing: auto;
                font-weight: 400;
                font-style: normal;
            }
        }
        &.page-id-14448,&.page-id-14453,&.page-id-14457{
            h1,h2,h3,h4,li,p,a{
                font-family: "Noto Serif TC", serif;
                font-optical-sizing: auto;
                font-weight: 400;
                font-style: normal;
            }
        }
    }
}




@media (min-width: 992px) {
    .site-header--layout--nav-float .site-header-logo img {
        width: 100%;
    }
}

/* TOP */
.top-margin_auto{
    max-width: calc(var(--vk-width-container) - var(--vk-width-container-padding) * 2);
    margin-left: auto;
    margin-right: auto;
}

/* SPメニューの見出し用カスタムリンクをクリック不可にする */
.vk-mobile-nav li.menu-item a[href="#"] {
    pointer-events: none;
}

/* ハンバーガーメニュー 言語切り替え */
.global-nav--l,.global-nav--l-sp{
    ul{
        display: flex;
        align-items: center;
        gap: 0;
        margin: 0;
        padding: 0!important;
        list-style: none;
        justify-content: center;
        li{
            display: flex;
            align-items: center;
            img{
                width: 18px;
                height: 18px;
                margin-right: 5px;
            }
            span{
                font-weight: 600;
                /* text-decoration: underline; */
                border-bottom: 1px solid #333;
            }
            & + li{
                &::before{
                    content: "/";
                    margin: 0 0.5em;
                    color: #666;
                }
            }
            &::marker{
                content: none;
            }
        }
    }
}
@media (max-width: 991px){
    .global-nav--l-sp{
        display: none;
    }
}
/* ロゴ出し分け */
/* bodyのクラスと一致するものだけ表示 */
body.lang-ja .mobile-top-lang--ja {
  display: block;
}

body.lang-cn .mobile-top-lang--cn {
  display: block;
}

body.lang-tw .mobile-top-lang--tw {
  display: block;
}

/* PC TOP調整 */
@media (min-width: 992px) {
    .device-pc .site-header-container{
        align-items: center;
    }
    .device-pc .container, .container-lg, .container-md, .container-sm{
        max-width: 1100px;
    }
    .device-pc .site-header--layout--nav-float .site-header-logo {
        width: 40%;
        margin-right: 1em;
    }
    .device-pc .site-header--layout--nav-float .site-header-logo a span img{
        width: 200px;
    }
    .device-pc .global-nav-list > li > a {
        padding: 14px .85em!important;
    }
    .device-pc .global-nav--l{
        width: 37%;
        &.foreign{
            width: auto;
            ul{
                margin-left: 10px;
            }
        }
        ul{
            li{
                img{
                    width: 16px;
                    height: 16px;
                }
                font-size: 12px;
                a{
                    font-size: 12px;
                    transition: all ease .3s;
                    &:hover{
                        opacity: 0.6;
                        color: #333333;
                    }
                }
                span{
                    font-weight: 600;
                    /* text-decoration: underline; */
                    border-bottom: 1px solid #333;
                }
            }
        }
    }
}
@media (max-width: 991px){
    .device-pc .global-nav--l{
        display: none;
    }
}