@charset "euc-jp";

/* 以下共通
10. お問合せ 
11. マイアカウント・会員ログイン 
12. 友達に教える 
13. メルマガ登録・解除 
14. レビュー 
*/

.p-shop__logo {
    max-height: 74px;
}

.p-page__title {
    color: #333;
    font-weight: bold;
}

.view_pc .p-page__container {
  max-width: 800px;
  font-size: 1rem;
}

a {
    color: #00173E;
}

.c-table-wrap--overflow {
    border: 2px solid #999999;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.c-table {
}
.c-table__title {
    border-left: 1px solid #E6E6E6;
}
.c-table__content {
    border-top: 1px solid #E6E6E6;
    border-left: 1px solid #E6E6E6;
}

.p-page__section {
    border: 2px solid #999999;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.c-button,
.c-button:link,
.c-button:hover,
.c-button:active,
.c-button:visited {
    color: #002F66;
}

.c-alert {
    color: inherit;
    background: #F2F2F2;
}

.c-button,
.c-button--sm,
.c-table__title,
.c-form__title,
.c-form__content,
.c-input--text,
.c-input--select {
    font-size: inherit;
}

.c-form__title--must {
    color: #990000;
}

.c-input--text {
    border: 1px solid #999999;
    border-radius: 0;
}

.c-button:disabled,
.c-button.disabled,
.c-button:disabled:hover,
.c-button.disabled:hover {
    background: #c1c1c1;
    color: #efefef;
    cursor: default;
    box-shadow: none;
}

.c-button--primary {
    border-radius: 0;
    background: #002F66;
    color: #fff;
    font-size: 18px;
}
.c-button--primary:hover {
    background: #00173E;
    color: #fff;
}

.c-button--danger {
    background: #F5E5E5;
    color: #990000;
}

.c-text--danger {
    color: #990000;
}

.p-page__footer {
    background-color: #F2F2F2;
    color: #999999;
}
.p-page__copyright.p-page__container {
    font-size: 11px;
}


/* ========================================
      スマホの場合
======================================== */
@media only screen and (max-width: 768px) {
    .p-shop__logo {
        max-height: 40px;
    }

    /* スマホお問い合わせ用 */
    /*
    .p-page__container {
        padding: 20px;
        font-size: 1rem;
    }

    #logo_img {
        text-align: center;
    }
    #logo_img img {
        max-height: 40px;
    }

    .back_shop_link {
        margin: 20px 0 30px;
        text-align: right;
    }

    .back_shop_link a {
        display: inline-block;
        color: #002F66;
        vertical-align: middle;
        -webkit-appearance: none;
        background: #eff2f4;
        line-height: 1;
        font-size: initial;
        padding: .75em 1.5em;
        border: none;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        cursor: pointer;
        box-shadow: inset 0 -0.1em 0 rgb(0 0 0 / 10%);
    }
    .tit_contact {
        margin: 10px 0 30px;
        padding: 0px 10px;
        font-size: 20px;
        text-align: center;
        font-weight: bold;
        line-height: 1.5;
        color: #333;
    }
    .txt_contact_desc {
        background: #F2F2F2;
        padding: 20px;
        margin: 30px 0;
        line-height: 1.6;
    }
    .group_form dt {
        font-size: inherit;
    }
    .group_form dd {
        margin-left: 0;
    }
    .group_form dd input,
    .group_form dd textarea {
        border: 1px solid #999999;
        border-radius: 0;
        background: #fff;
    }

    .g-recaptcha div {
        margin: auto;
    }
    .btn_contact_send input {
        border-radius: 0;
        background: #002F66;
        color: #fff;
    }
    */


}


@media (max-width: 480px){
    .c-input--text.is-narrow {
        width: auto;
    }
    .c-button__group .c-button {
        font-size: inherit;
    }

}


@media (max-width: 320px){
    td.c-form__content {
        max-width: 280px;
    }

}