@charset "UTF-8";
/********************************************************************************

leave-it-custom.css

********************************************************************************/
/*============================================================
 サイト共通　変数
*============================================================*/
:root {
    /* --common-font-family-main: 'Noto Serif JP', serif;
    --common-font-family-sub: 'Noto Sans JP', sans-serif; */

    --common-font-family-main: 'Noto Sans JP', sans-serif;
    --common-font-family-sub: 'Noto Serif JP', serif;

    --common-color-site-bg: #fff;           /* サイト背景色 */
    --common-color-text: #151515;           /* 基本テキスト色 */
    --common-color-main: #2F3E52;           /* メイン色 */
    --common-color-sub: #fff;            /* サブ色 */
    --common-color-accent: #151515;      /* アクセント色(強調色) */
    --common-color-attention: #D93838;   /* 注意色 */
    --common-color-attention-bg: #FFF5F5;   /* 注意色(背景用) */
    --common-color-link: #2784D6;        /* テキストリンク色 */
    --common-color-notice: #B3B3B3;      /* 注釈色 */

    --common-color-header-bg: #fff;  /* ヘッダー背景色 */
    
    --common-color-breadcrumb: #ffffff;  /* パンくず色 */
    --common-color-lower-mv-bg: linear-gradient(90deg, #3E5471 0%, #618EC9 100%);  /* 下層メインビジュアル背景色 */

    --common-color-footer-bg: linear-gradient(90deg, #3E5471 0%, #618EC9 100%);  /* フッター背景色 */
    --common-color-footer-text: #ffffff;  /* フッターテキスト色 */

}

/* フォーム色
---------------------------------------- */
.page-form {
    --form-background-color: #FAFAFA;
    --form-border-color: #F0F0F0;
    --form-placeholder-color: #B3B3B3;
    --form-check-border-color: #B3B3B3;
    --form-checked-color: var(--common-color-main);
}

/*============================================================
 サイト共通　角丸無効
*============================================================*/
/* * {
    border-radius: unset !important;
} */

/*============================================================
 サイト共通　見出し
*============================================================*/
h1.page-title {
    font-weight: bold;
    font-size: 48px;
    line-height: 140%;
}
.page-title-en {
    font-size: 20px;
    line-height: 140%;
    color: #B3B3B3;
    margin-top: 8px;
}
h2.sec-title,
.block-post-content h2 {
    font-weight: bold;
    font-size: 32px;
    line-height: 150%;
}
h3.block-title,
.block-post-content h3 {
    font-size: 24px;
    font-weight: bold;
    line-height: 180%;
}


/*============================================================
 サイト共通　ヘッダー調整
*============================================================*/
/* 追従ヘッダー
---------------------------------------- */
/* #fixed-header .gnav {
    background-color: #ffffffcc;
} */
/* CTAボタン 体験予約 */
#fixed-header .gnav .gnav-main .gnav-right .btn-list .lvit-btn.border {
    background-color: #ffffff;
    color: var(--common-color-main)
}
#fixed-header .gnav .gnav-main .gnav-right .btn-list .lvit-btn.border > * {
    color: var(--common-color-main)!important;
}
/* ハンバーガーメニュー 体験予約ボタン　*/
#hamburger-menu .hamburger-menu-btn-list .lvit-btn.border {
    background-color: #ffffff;
    color: var(--common-color-main);
}
#hamburger-menu .hamburger-menu-btn-list .lvit-btn.border > * {
    color: var(--common-color-main)!important;
}
/*============================================================
 サイト共通　フッター調整
*============================================================*/
#site-footer {
    background: var(--common-color-footer-bg);
}

/* メニューリスト
---------------------------------------- */
#site-footer #fnav .menu-list {
    width: 272px;
}
#site-footer #fnav .menu-list li {
    width: 112px;
}

/* フッターSNS
---------------------------------------- */
#site-footer #footer-sns .sns-list .sns-line img {
    width: auto;
    height: 48px;
}
#site-footer #footer-info {
    justify-content: center;
}

/*============================================================
 サイト共通　パーツ調整
*============================================================*/
/* CTAセクション
---------------------------------------- */
.lvit-sec-cta[data-name="contact"] {
    background-image: url(../images/common/cta-contact-bg.png);
    color: #fff;
}
/* リスト
---------------------------------------- */
.lvit-card-list[data-type="illust"] .image img {
    max-width: 256px;
}

/*============================================================
 サイト共通　記事詳細　本文ブロック調整
*============================================================*/
/* メタ情報
---------------------------------------- */
.lvit-meta-category {
    background-color: var(--common-color-main);
}
/* ボタン
---------------------------------------- */
.block-post-content .wp-block-button {
    /* width: fit-content;
    min-width: 224px;
    background-color: var(--common-color-main);
    border: solid 1px var(--common-color-main);
    border-radius: 4px;
    overflow: hidden;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    color: #fff; */
}
.block-post-content .wp-block-button a {
    /* display: inline-block;
    width: 100%;
    height: 100%;
    padding: 7px;
    font-weight: bold;
    font-size: 18px;
    line-height: 32px;
    color: #fff;
    text-align: center;
    background-color: transparent;
    text-decoration: none; */
}

/*============================================================
 トップページ調整
*============================================================*/
/* フッター前余白
---------------------------------------- */
/* #page-top #main-contents {
    padding-bottom: 0;
} */
/* セクション間余白がない部分がある場合
---------------------------------------- */
#page-top #main-contents {
    gap: 0;
}
#page-top #main-contents .section:not(:last-child):not(.no-margin) {
    margin-bottom: 80px;
}

/* 動的セクションで記事がない場合はセクション非表示
---------------------------------------- */
#page-top .section.post-data-none {
    display: none;
}

/* メインビジュアル
---------------------------------------- */
#page-top #mainvisual{
    position: relative;
}
#page-top #mainvisual .bg-img {
    display: flex;
    justify-content: center;
    align-items: center;
}
#page-top #mainvisual .bg-img .mv-pc {
    display: block;
}
#page-top #mainvisual .bg-img img.mv-pc {
    width: 100%;
    height: auto;
}
#page-top #mainvisual .bg-img .mv-tab,
#page-top #mainvisual .bg-img .mv-sp {
    display: none;
}
@media screen and (max-width: 1440px) {
    #page-top #mainvisual .bg-img .mv-tab {
        display: block;
    }
    #page-top #mainvisual .bg-img .mv-pc,
    #page-top #mainvisual .bg-img .mv-sp {
        display: none;
    }
}


/* セクション スコアの70％は100ヤード以内で決まる！
---------------------------------------- */
#page-top #sec-score {
    padding: 80px 0;
    background: linear-gradient(90deg, #3E5471 0%, #618EC9 100%);
    color: #fff;
    text-align: center;
}


/* セクション　お知らせ・イベント情報
---------------------------------------- */
#page-top #sec-event.post-data-none {
    display: none;
}

/*セクション　アクセス
---------------------------------------- */
#page-top #sec-access .sns-list .sns-line img{
    width: auto;
    height: 48px;
}


/*セクション　〇〇〇
---------------------------------------- */
#page-top #sec-●●● {
}
    
/*============================================================
 下層共通　メインビジュアル調整
*============================================================*/
.page-lower #mainvisual {
    background: var(--common-color-lower-mv-bg);
}
/* タイトル */
.page-lower #mainvisual #mainvisual-info .page-title {
    color: #ffffff;
}
/* 日付 */
.page-lower #mainvisual #mainvisual-info .post-meta .posted-date {
    color: #ffffff;
}

/*============================================================
 レッスンページ調整
*============================================================*/
/* セクション　レッスン内容　
---------------------------------------- */
#page-lesson #sec-lesson .lvit-card-list {
    --col: 2;
}
/* セクション　レッスンスケジュール　
---------------------------------------- */
#page-lesson #sec-schedule .lvit-tbl tr th,
#page-lesson #sec-schedule .lvit-tbl tr td {
    text-align: center;
}
#page-lesson #sec-schedule .lvit-tbl tr th:first-child {
    width: 180px;
}

/*============================================================
 料金ページ調整
*============================================================*/
/* セクション　定額プラン（プレミア会員）
---------------------------------------- */
#page-fee #sec-premium .lvit-tbl tr th:nth-child(2),
#page-fee #sec-premium .lvit-tbl tr th:nth-child(3) {
    width: 40%;
}
/* セクション　各クラスの都度参加料金
---------------------------------------- */
#page-fee #sec-class .lvit-tbl tr th:nth-child(2),
#page-fee #sec-class .lvit-tbl tr th:nth-child(3) {
    width: 40%;
}

/*============================================================
 □□□ページ調整
*============================================================*/
/* フッター前余白
---------------------------------------- */
/* #page-■■■ #main-contents {
    padding-bottom: 0;
} */

/* ページ内共通設定　
---------------------------------------- */
#page-■■■ {

}

/* メインビジュアル　
---------------------------------------- */
#page-■■■ #mainvisual {
    
}

/* セクション　〇〇〇　
---------------------------------------- */
#page-■■■ #sec-●●● {
    
}


/********************************************************************************

for 追従ヘッダー　(Tabletとブレイクポイントが異なる場合)

********************************************************************************/
@media screen and (max-width: 1079px) {
    /*============================================================
     サイト共通　ヘッダー調整
    *============================================================*/
    /* .gnav .gnav-main .gnav-left .gnav-logo {
        width: 104px;
    } */
}


/********************************************************************************

for Tablet

********************************************************************************/
@media screen and (max-width: 959px) {
    /*============================================================
     サイト共通　見出し
    *============================================================*/
    h1.page-title {
        font-size: 32px;
        line-height: 140%;
    }
    .page-title-en {
        font-size: 16px;
        line-height: 140%;
    }
    h2.sec-title,
    .block-post-content h2 {
        font-size: 24px;
        line-height: 150%;
    }
    h3.block-title,
    .block-post-content h3 {
        font-size: 20px;
        line-height: 180%;
    }

    /*============================================================
     サイト共通　ヘッダー調整
    *============================================================*/
    .gnav .gnav-main .gnav-left .gnav-logo {
        width: 152px;
    }

    /*============================================================
     サイト共通　フッター調整
    *============================================================*/

    /*============================================================
     サイト共通　パーツ調整
    *============================================================*/
    
    /*============================================================
     トップページ 調整
    *============================================================*/
    /* セクション
    ---------------------------------------- */

    /*============================================================
     サンプルページ 調整
    *============================================================*/
    /* セクション
    ---------------------------------------- */
    
}



/********************************************************************************

for SP

********************************************************************************/
@media screen and (max-width: 767px) {
    /*============================================================
     サイト共通　見出し
    *============================================================*/

    /*============================================================
     サイト共通　ヘッダー調整
    *============================================================*/
    .gnav .gnav-main .gnav-left .gnav-logo {
        width: 114px;
    }
    .gnav .gnav-main .gnav-right .btn-list .lvit-btn {
        width: 90px;
    }
    .gnav .gnav-main .gnav-right .btn-list .lvit-btn a {
        font-size: 14px;
    }
    /*============================================================
     サイト共通　フッター調整
    *============================================================*/
    /* メニューリスト
    ---------------------------------------- */
    #site-footer #fnav .menu-list {
        width: 240px;
    }

    /*============================================================
     サイト共通　パーツ調整
    *============================================================*/

    /*============================================================
     トップページ 調整
    *============================================================*/
    /* メインビジュアル
    ---------------------------------------- */
    #page-top #mainvisual .bg-img .mv-pc,
    #page-top #mainvisual .bg-img .mv-tab {
        display: none;
    }
    #page-top #mainvisual .bg-img .mv-sp {
        display: block;
    }
    
    /* セクション
    ---------------------------------------- */


    /*============================================================
     体験予約ページ 調整
    *============================================================*/
    /* フォーム
    ---------------------------------------- */    
    /* reCAPTCHA 非表示 */
    .grecaptcha-badge {
        visibility: hidden;
    }
    #page-taikenform #sec-form #form-footer .recaptcha {
        padding-top: 16px;
    }


}