
/* language switcherのスタイル調整 */
.trp-language-switcher{
    min-width: 180px;
}

.sp-lang-switcher {
    margin-top: 1.5rem;
}

/* リストの中に入れて、他の<li>のデザインとそろえたバージョン*/
/* 
._sp-lang-switcher{
    display: flex;
    align-items: center;
    min-height: 3.5rem;
    & * {
        background: transparent !important;
        color: #fff !important;
        font-family: "Noto Sans JP", "Noto Serif JP", "Poppins", "Helvetica Neue", "Helvetica", "Noto Sans JP", "メイリオ", "Meiryo", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
        font-size: 1.125rem;
        line-height: 1.4;
        font-weight: 700;
        border: none !important;
    }
    .trp-shortcode-switcher__wrapper{
        width: 100%!important;
        height: auto!important;
        display: flex;
        flex-direction: column;
    }
    .trp-language-item{
        padding: 4.5px 16px 4.5px 0.5rem  !important;
    }
    .trp-current-language-item__wrapper:not(.trp-hide-arrow) {
        padding-right: 0!important;
    }
    .trp-shortcode-arrow{
        width: 1.5rem !important;
        height: 1.5rem !important;
        path {
            stroke: #ccc !important;
            stroke-width: 0.2rem !important;
            stroke-linecap: square !important; 
            stroke-linejoin: miter !important;          
        }
    }
    .trp-language-switcher{
        width: 100%!important;
    }
    .trp-switcher-dropdown-list{
        padding-left: 0.5rem!important;
        & * {
            font-size: 1rem!important;
            font-weight: normal!important;            
        }
        .trp-language-item:first-of-type {
            margin-top: 0.5rem !important;
        }
    }
    .trp-shortcode-overlay {
        position: static !important;
        height: auto !important;
    }
    .trp-shortcode-anchor{
        display: none !important;
    }
} */


/*bodyのクラス名を使用してCSSを切り替える*/
/* 言語別bodyクラス名
    日本語：translatepress-ja
    英語： translatepress-en_US
    繁体字中国語： translatepress-zh_TW
    簡体字中国語： translatepress-zh_CN
    ベトナム語： translatepress-vi
*/
/* 翻訳offは"trp-translate_off"クラスを使用
translate_offクラスが付与された要素は翻訳されない
管理画面のtranslatepressの設定ページから設定している 
*/


/*日本語以外*/
.translatepress-en_US .trp-display_none,
.translatepress-zh_TW .trp-display_none,
.translatepress-zh_CN .trp-display_none,
.translatepress-vi .trp-display_none {
    display: none !important;

}

/* 英語 */
.translatepress-en_US {
    .pc_gnav__menu__title::after {
        display: none !important;
    }

    .products__wrapper{
        /*調整前のpadding-topから調整前のfont-sizeを引いた値*/
        padding-top: clamp(4.25rem, 0.112rem + 8.61vw, 7rem);
    }   

    .products__title{
        line-height:1;
        font-family: "Poppins", "Noto Sans JP", "Helvetica Neue", "Helvetica", "メイリオ", "Meiryo", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", sans-serif;
        font-weight: 700;
        font-size: clamp(4rem, 2.495rem + 3.13vw, 5rem);
        letter-spacing: 0;
        letter-spacing: 0;
    }

    .products__title::before {
        display: none !important;
    }

    .products__usage--wrapper h3 {
        font-size: clamp(1.3125rem, 1.0504rem + 0.8065vw, 1.4375rem)!important;
    }

    .page__main_title--en {
        display: none !important;
    }
    .page__main_title{
        display: inline-block;
        font-family: "Poppins", "Noto Sans JP", "Helvetica Neue", "Helvetica", "メイリオ", "Meiryo", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", sans-serif;
        font-feature-settings: "palt";
        font-weight: 700;
        font-size: clamp(2.5rem, 1.656rem + 3.56vw, 4.5rem);
        line-height: clamp(2.25rem, 1.3rem + 4vw, 4.5rem);
        letter-spacing: 0;
        color: #fff;
    }
}


/* ベトナム語 */
.translatepress-vi {
    .products__usage--wrapper h3 {
        font-size: clamp(1.125rem, 0.8629rem + 0.8065vw, 1.25rem)!important;
    }
}
