/* ==========================================
   ANFINI ヘッダー・MV・フッター調整CSS
========================================== */


/* =====================================
   PCフッター：元の3列配置に戻す
===================================== */
@media screen and (min-width: 1025px) {

    /* フッター全体の横並び */
    .fnav .wrap {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: space-between !important;
        align-items: flex-start !important;
    }

    /* 左側：店舗情報 */
    .fnav .wrap > .infobox {
        width: 30% !important;
        flex: 0 0 30% !important;
        min-width: 0;
    }

    /* 右側：SALON・MENU */
    .fnav .wrap > .infobox + div {
        width: 60% !important;
        flex: 0 0 60% !important;
        min-width: 0;
    }

    /* 店舗情報内：屋号を住所の上に配置 */
    .fnav .infobox > .up-d-flex:first-child {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        width: 100%;
    }

    /* 屋号のサイズは26pxのまま */
    .fnav .footer-shop-name {
        display: block;
        width: 100%;
        max-width: 100% !important;
        font-size: 23px !important;
        line-height: 1.4 !important;
        letter-spacing: 0 !important;
        text-align: left;
    }

}

    /* 屋号を住所や地図の上に配置 */
    .fnav .infobox > .up-d-flex:first-child {
        display: block !important;
        width: 100%;
    }

    /* 屋号が横幅を押し広げないようにする */
    .fnav .footer-shop-name {
        display: block;
        width: 100%;
        max-width: 100% !important;
        font-size: 23px !important;
        line-height: 1.4 !important;
        letter-spacing: 0 !important;
        text-align: left;
    }

}


/* ==========================================
   3. タブレット・SP
   ハンバーガーメニュー内の屋号
========================================== */

@media screen and (max-width: 1024px) {

    /* 閉じるボタンとの重なりを防ぐ */
    .drawer-active .gnav {
        padding-top: 75px;
        box-sizing: border-box;
    }

    .gnav .navlogo {
        display: block !important;
        width: 100%;
        max-width: 100%;
        margin: 0 0 25px;
        padding: 0 !important;
        box-sizing: border-box;

        font-size: 16px !important;
        line-height: 1.4 !important;
        letter-spacing: 0 !important;
        white-space: normal !important;
    }

    .gnav .navlogo a {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start;
        gap: 2px;

        width: 100%;
        font-size: inherit !important;
        line-height: inherit !important;
        white-space: normal !important;
    }

    .gnav .navlogo-line1,
    .gnav .navlogo-line2 {
        display: block !important;
        max-width: 100%;

        font-size: 16px !important;
        font-weight: 700;
        line-height: 1.4 !important;
        letter-spacing: -0.04em !important;
        white-space: normal !important;
    }

}


/* ==========================================
   4. SP専用
========================================== */

@media screen and (max-width: 599px) {

    /* H1：最上部の説明文 */
    .header .pagettl {
        font-size: 9px !important;
        line-height: 1.4 !important;
        letter-spacing: 0 !important;
        overflow-wrap: anywhere;
    }


    /* ヘッダー全体 */
    .header .header-common {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        padding: 5px 10px;
        box-sizing: border-box;
    }

    .header .header-common .contents {
        flex: 1 1 0;
        min-width: 0;
        margin: 0;
        padding: 0;
    }

    .header .header-common .contents .left {
        min-width: 0;
        width: 100%;
    }


    /* 通常ヘッダー屋号 */
    .header .contents .left .logo {
        width: 100%;
        max-height: none !important;
        font-size: 13px !important;
        font-weight: 600;
        line-height: 1.4 !important;
        letter-spacing: 0 !important;
        white-space: normal !important;
    }

    .header .contents .left .logo a {
        display: block !important;
        width: 100%;
        font-size: inherit !important;
        line-height: inherit !important;
        white-space: normal !important;
    }

    /* 1行目 */
    .header .contents .left .header-name-sub {
        display: block !important;
        font-size: 12px !important;
        line-height: 1.4 !important;
        letter-spacing: 0 !important;
        white-space: nowrap !important;
    }

    /* 2行目 */
    .header .contents .left .header-name-main {
        display: inline !important;
        font-size: 13px !important;
        line-height: 1.4 !important;
        letter-spacing: 0 !important;
        white-space: nowrap !important;
    }

    .header .contents .left .header-name-kana {
        display: inline !important;
        font-size: 12px !important;
        line-height: 1.4 !important;
        letter-spacing: 0 !important;
        white-space: nowrap !important;
    }


    /* ハンバーガーボタン */
    .header .header-common .toggle {
        flex: 0 0 58px;
        width: 58px;
        height: 40px;
        margin: 0;
    }


    /* メインビジュアル中央の屋号 */
    .homevisual .head .show\@sp .fead-text {
        font-size: 24px !important;
        line-height: 1.45 !important;
        letter-spacing: 0 !important;
    }


    /* SPフッター屋号 */
    .fnav .footer-shop-name {
        width: 100%;
        max-width: 100% !important;
        margin: 0 auto 24px;
        padding: 0 5px;
        box-sizing: border-box;

        font-size: 22px !important;
        font-weight: 500;
        line-height: 1.45 !important;
        letter-spacing: 0 !important;
        text-align: center;
        white-space: normal !important;
    }

}