/* ------------------------------------------
ペライチの機能を使ってTPサイトを再現するCSS
------------------------------------------ */

@charset "UTF-8";

/* ------------------------------------------
共通要素指定
------------------------------------------ */

/* 共通-フォントを設定 */
*{
    font-family: "Noto Sans JP","Helvetica", "Arial", "Hiragino Kaku Gothic ProN", "Hiragino Sans", YuGothic, "Yu Gothic", "メイリオ", Meiryo, sans-serif;
    line-height: 1.6;
}
/* 共通-カスタマイズ */
a:hover {
    text-decoration: none;
}

/* ------------------------------------------
ブロックに対するあしらいの設定
------------------------------------------ */
/* メニューの背景色とテキストカラーをTPサイトヘッダーと同じ色に統一 */
div[data-structure="b-header-nav-logo-text--fixed"] .p-header .p-m_navigation,
header[data-structure="common-header-nav-logo-text"] .p-site-common-header,
div[data-structure="b-header-nav-logo-text"] .p-header .p-m_navigation,
div[data-structure="b-header-nav-logo-img"] .p-header .p-m_navigation,
div[data-structure="b-header-fb-like-btn"] .p-header.p-m_navigation,
div[data-structure="b-nav-sp-unfold"] .p-header .p-m_navigation,
div[data-structure="b-premium-header-nav-floating-btn--fixed"].p-header-nav-floating-btn,
div[data-structure="b-premium-header-floating-btn--fixed"].p-header-floating-btn,
div[data-structure="b-header-nav-floating-btn--fixed-sp-menu-scroll"].p-header-nav-floating-btn--fixed-sp-menu-scroll {
    background-color: #0C1B2E !important;
    color: #fff;
    font-weight: 600;
}

/* メニュー下のボタンの背景色をTPサイトヘッダーと同じ色に統一 */
div[data-structure="b-premium-header-nav-floating-btn--fixed"] .p-header,
div[data-structure="b-premium-header-nav-floating-btn--fixed"] .p-m_navigation {
    background-color: #0C1B2E !important;
}

/* ヘッダー_フローティングボタン */
.theme-custom .p-header-nav-floating-btn__editable-btn .c-btn a,
.theme-custom .p-header-nav-floating-btn__editable-btn .c-btn input, 
.theme-custom .p-header-nav-floating-btn__editable-btn .c-btn button, 
.theme-custom .p-header-nav-floating-btn__editable-btn .c-btn .btn-customform-submit {
    background-color: #fff;
    color: #343a40;
    font-weight: 600;
    border: 1px solid #dee2e6;
}

/* ヘッダー_メニュー項目の隙間を大きくする */
.p-m_navigationMenu li {
    margin-right: 3rem;
}

/* ------------------------------------------
フッターメニュー
------------------------------------------ */
.theme-custom .p-header, .theme-custom .p-m_navigation {
    background-color: #535353 !important;
    font-weight: 600;
}

/* 項目をたくさん並べたときに1つ目がずれるのを修正 */
.p-nav-sp-unfold li {
    margin-left: 20px;
}

@media only screen and (min-width: 1px) and (max-width: 768px){
    .p-nav-sp-unfold li {
        margin-left: 0;
    }
}