/*
- ルートフォルダ / theme_official / assets / css /

{{ file_root_path }}/theme_official/assets/css/custom.css

*/



/*  共通 */

.u-text--body {
    color: #000 !important;
}
.u-text--btn {
    color: #FFFFFF !important;
    font-size: 16px !important;
    font-family: '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'MS Pゴシック', 'MS PGothic', sans-serif;
}
.u-color__btn--bg {
    background: #342004 !important;
}


.c-form_table__checkbox input {
    background-color: #FFF;
}

.c-form_table__checkbox .c-form_table__checkbox__text a {
    display: inline;
    color: rgb(56, 111, 129) !important;
    text-decoration: underline;
}
.c-form_table__checkbox .c-form_table__checkbox__text a:hover {
    text-decoration: none;
}

.control-alert {
    margin: 0 auto 40px!important;
    max-width: 80%;
}
@media screen and (max-width: 719px) {
    .control-alert {
        max-width: 90%;
    }
}
.control-alert .u-color__bg--bg {
    background-color: #FFF;
    border-radius: 10px;
}

.control-alert > *, .alert > *, .alert-danger > * {
    font-size: 18px;
}


/*  ヘッダー回り */

.p-browsing_history header,
header.p-list_header,
header.p-page_header {
    height: auto !important;
    position: static !important;
}
.c-steps_to_order,
.p-page_header {
    margin-bottom: 40px !important;
}

header.shadow {
    box-shadow: none !important;
}
header.p-page_header .u-text--head {
    font-family: "Zen Kaku Gothic New", sans-serif !important;
    font-size: 3.6rem !important;
    font-weight: 600;
}
header.p-page_header .p-page_header__inner__lead {
    margin-top: 10px !important;
}

@media screen and (max-width: 719px) {
    header.p-page_header {

    }
    header.p-page_header .u-text--head {
        font-size: 2.6rem !important;
    }
}

/*  固定ページ系 */
h2.u-text--subhead {
    font-family: "Zen Kaku Gothic New", sans-serif !important;
    font-weight: 600 !important;
}

.p-faq {

}
.p-faq__inner__list__item__question .u-text--strong{

}
.p-faq__inner__list__item__answer pre span {
    font-size: inherit !important;
    position: static;
}
.p-faq__inner__list__item__answer pre span.red {
    color: #e7624c;
}

/*  新規会員登録 */
.p-account_form__inner__bottom {
    /* margin-top: 0px !important; */
}
.p-account_form__inner__bottom .p-account_form__inner__bottom__btn br {
    display: none !important;
}
@media screen and (max-width: 719px) {
    .p-account_form__inner__bottom .p-account_form__inner__bottom__btn br {
        display: block !important;
    }
    .p-account_form__inner__bottom__btn {
        padding-top: 5px;
        padding-bottom: 5px;
    }
}


/* 購入回り */
.c-billing_list.u-color__bg--bg {
    background-color: #FFF !important;
}
.p-checkout__list__block__inner__content a {
    display: inline !important;
}


.p-checkout__list__block__inner__title {
    font-family: "Zen Kaku Gothic New", sans-serif !important;
    font-weight: 600 !important;
}

/* マイページ関連 */

.p-account header {
    margin-top: 0px !important;
    position: static !important;
    height: auto !important;
    background-color: transparent !important;
}
.p-mypage__block__title,
.p-account__inner__content__title,
.p-list_header__inner__title {
    font-family: "Zen Kaku Gothic New", sans-serif !important;
    font-weight: 600 !important;
}

.c-account_menu__toggle-button {
    background: #342004 !important;
}
@media screen and (max-width: 719px) {
    .p-account__inner__menu {
        margin-top: -5px !important;
    }
}

.p-account__inner__content__lead a {
    display: inline !important;
}

.c-account_menu__logout {
    background: #342004 !important;
}
.p-account__inner__content .p-account__inner__content__title {
    margin-top: 0 !important;
}
.c-account_table {
    background-color: #FFF;
}

.p-selected_set_products__button .c-button.--primary{
    background: #342004 !important;
}
.p-selected_set_products__purchase {
   background:transparent !important;
}
.p-selected_set_products__prices.u-color__bg--bg {
    background-color: #FFF;
}