@charset "UTF-8";

/*==================================================================================================

       会員情報 他 自動精製ページ　コード弄れないページの編集 （headerとfooterのみ自動読込）

===================================================================================================*/

        .storycontent {
        position: relative;
        padding: 10rem 2rem;
        width: 100%;
        max-width: 1000px;
        margin-inline: auto;
        box-sizing: border-box;
        }
        @media screen and (max-width: 767px) {
        .storycontent { padding: 10rem 7.5vw;}
        }

        .storycontent main#content .member_page_title {
        border-top:1px solid rgb(60 60 59 / .5);
        border-bottom:1px solid rgb(60 60 59 / .5);
        padding:1rem 0;
        font-size:1.2rem;
        line-height: 125%;
        margin-bottom:2rem;
        }

        #memberedit .customer_form {
        position: relative;
        width:100%;
        box-sizing: border-box;
        border-collapse:collapse;
        border-spacing:0px;
        margin-bottom: 3rem;
        text-align:left;
        letter-spacing:0;
        line-height: 150%;
        }
        #memberedit .customer_form th {
        padding: 1rem;
        font-size: 12px;
        width: 15em;
        vertical-align: middle;
        box-sizing: border-box;
        border: 1px solid #b9b9b9;
        text-align: center;
        background-color: #f8f8f8;
        line-height: 150%;
        font-weight: normal;
        }
        #memberedit .customer_form td {
        padding: 1rem;
        box-sizing: border-box;
        vertical-align: middle;
        border: 1px solid #b9b9b9;
        font-size: 14px;
        line-height: 150%;
        }
        #memberedit .customer_form input {
        width:100%;
        box-sizing: border-box;
        padding:12px;
        }
        #memberedit .customer_form input#zipcode {
        width:8em;
        }
        #memberedit .customer_form select {
        width:100%;
        box-sizing: border-box;
        padding:12px;
        }
        #memberedit .customer_form input#search_zipcode,
        #memberedit .customer_form input#search_zipcode {
        margin:0 10px;
        padding:0 1rem;
        font-size:12px;
        height:2em;
        width:auto;
        vertical-align: middle;
        background: #3C3C3B;
        color:#FFF;
        cursor: pointer;
        -webkit-transition: all .5s ease;
                transition: all .5s ease;
        }
        #memberedit .customer_form input#search_zipcode:hover,
        #memberedit .customer_form input#search_zipcode:hover {
        opacity:.6;
        }

        #memberpages .send input {
        width:auto;
        height:42px;
        padding:0 2rem;
        border:none;
        box-sizing: border-box;
        margin-bottom:5px;
        background: #e8e8e8;
        color:#222;
        cursor: pointer;
        -webkit-transition: all .5s ease;
                transition: all .5s ease;
        }
        #memberpages .send input:hover {
        opacity:.6;
        }
        #memberpages .send input.editmember {
        width:100%;
        background: #3C3C3B;
        color:#FFF;
        height:60px;
        }
        #memberpages .send input.deletemember {
        background: none;
        text-align: right;
        float: right;
        padding: 0;
        }


/*==================================================================================================

       MEMBER ページ設定

===================================================================================================*/

        /* #original_css 付与してください */

        /*=================================================
                共通タイトル
        ==================================================*/

        #original_css .member_page_title {
        border-top:1px solid rgb(60 60 59 / .5);
        border-bottom:1px solid rgb(60 60 59 / .5);
        padding:1rem 0;
        font-size:1.2rem;
        line-height: 125%;
        margin-bottom:2rem;
        }
        #original_css .cart_page_title {
        border-top:1px solid rgb(60 60 59 / .5);
        border-bottom:1px solid rgb(60 60 59 / .5);
        padding:1rem 0;
        font-size:1.2rem;
        line-height: 125%;
        margin-bottom:2rem;
        }

        /*=================================================
                新規入会フォーム
        ==================================================*/

        #original_css #newmember table {
        margin-top:2rem;
        margin-bottom:3rem;
        }
        #original_css #newmember th {
        padding:1rem;
        font-size:12px;
        width:15em;
        box-sizing: border-box;
        vertical-align: middle;
        }
        #original_css #newmember .customer_form em { font-size:10px; }
        #original_css #newmember td {
        padding:1rem;
        box-sizing: border-box;
        vertical-align: middle;
        }
        #original_css #newmember .customer_form input#mailaddress1,
        #original_css #newmember .customer_form input#mailaddress2,
        #original_css #newmember .customer_form input#address1,
        #original_css #newmember .customer_form input#address2,
        #original_css #newmember .customer_form input#address3 {
        width:100%;
        box-sizing: border-box;
        padding:12px;
        }
        #original_css #newmember .customer_form input {
        width:100%;
        box-sizing: border-box;
        padding:12px;
        }
        #original_css #newmember .customer_form select {
        width:100%;
        box-sizing: border-box;
        padding:12px;
        }
        #original_css #newmember .customer_form input#search_zipcode,
        #original_css #memberinfo .customer_form input#search_zipcode {
        margin:0 10px;
        padding:0 1rem;
        font-size:12px;
        height:2em;
        vertical-align: middle;
        background: #3C3C3B;
        color:#FFF;
        cursor: pointer;
        -webkit-transition: all .5s ease;
                transition: all .5s ease;
        }
        #original_css #newmember .customer_form input#search_zipcode:hover,
        #original_css #memberinfo .customer_form input#search_zipcode:hover {
        opacity:.6;
        }
        #original_css .send input {
        width:100%;
        height:60px;
        background:#3C3C3B;
        border:none;
        color:#FFF;
        cursor: pointer;
        -webkit-transition: all .5s ease;
                transition: all .5s ease;
        }
        #original_css .send input:hover {
        opacity:.6;
        }
        @media screen and (max-width: 767px) {
        #original_css #newmember tr { display: block; margin-bottom:2rem; }
        #original_css #newmember th { width:100% !important; display: block !important; }
        #original_css #newmember td { width:100% !important; display: block !important; }
        #original_css #newmember td.name_td { width: 50% !important; display: inline-block !important; }
        #original_css #newmember tr#furikana_row td { width: 50% !important; display: inline-block !important; }
        }

        /*=================================================
                ログインフォーム
        ==================================================*/

        #original_css #memberpages div.loginbox {
        width:100%;
        margin-top:0;
        padding:2rem 20%;
        box-sizing: border-box;
        }
        #original_css #memberpages input.loginmail {
        width:100%;
        box-sizing: border-box;
        padding:12px;
        }
        #original_css #memberpages input.loginpass {
        width:100%;
        box-sizing: border-box;
        padding:12px;
        }
        #original_css input#rememberme {
        vertical-align: middle;
        margin:0 5px;
        }
        #original_css .submit input#member_login {
        width:100%;
        height:60px;
        background: #3C3C3B;
        border:none;
        color:#FFF;
        cursor: pointer;
        -webkit-transition: all .5s ease;
                transition: all .5s ease;
        }
        #original_css .submit input#member_login:hover {
        opacity:.6;
        }

        @media screen and (max-width: 767px) {
        #original_css #memberpages div.loginbox { padding:2rem 1.5rem; }
        }

        /*=================================================
                エラー
        ==================================================*/

        #original_css #memberpages .error_message {
        color: #990000;
        text-align: center;
        padding-bottom: 2rem;
        }

        /*=================================================
                メンバーページ
        ==================================================*/

        /*===== 会員情報 =====*/
        #original_css #memberinfo .member-page-table {
        width:100%;
        box-sizing: border-box;
        margin-bottom:1rem;
        }
        #original_css #memberinfo .member-page-table th {
        padding:1rem;
        font-size:12px;
        width:15em;
        box-sizing: border-box;
        vertical-align: middle;
        border: 1px solid #b9b9b9;
        }
        #original_css #memberinfo .member-page-table td {
        padding:1rem;
        box-sizing: border-box;
        vertical-align: middle;
        border: 1px solid #b9b9b9;
        }
        
        /*===== 購入履歴 =====*/
        #original_css #memberinfo .history-area {
        height: auto;
        }
        #original_css #memberinfo h3 {
        font-size: 18px;
        line-height: 150%;
        text-indent: 0;
        padding: 1rem;
        height: auto;
        margin: 20px 0 1rem;
        border-bottom:none;
        box-sizing: border-box;
        }
        #original_css #memberinfo th.historyrow {
        font-size:12px;
        padding:5px 0;
        box-sizing: border-box;
        }
        #original_css #memberinfo #history_head td {
        padding:1rem 5px;
        box-sizing: border-box;
        min-width: 5em;
        }
        #original_css #memberinfo .history-area th {
        border: 1px solid #b9b9b9;
        }
        #original_css #memberinfo .history-area td {
        padding:1rem 5px;
        box-sizing: border-box;
        border: 1px solid #b9b9b9;
        }


/*==================================================================================================

       CART ページ設定

===================================================================================================*/

        /*=================================================
                カート
        ==================================================*/

        #original_css div.usccart_navi ol.ucart li {
        font-weight:500 !important;
        height: 50px;
        line-height: 50px;
        background: #5b5b5b;
        }
        #original_css div.usccart_navi ol.ucart li.usccart_cart {/* カート確認 */
        background: #a03730;
        background-image:  none;
        }
        #original_css div.usccart_navi ol.ucart li.usccart_customer {/* お客さ派情報 */
        background: #a03730;
        background-image:  none;
        }
        #original_css div.usccart_navi ol.ucart li.usccart_delivery {/* 発送支払い */
        background: #a03730;
        background-image:  none;
        }
        #original_css div.usccart_navi ol.ucart li.usccart_confirm {/* 内容確認 */
        background: #a03730;
        background-image:  none;
        }
        #original_css #inside-cart .no_cart{
        color:#3C3C3B;
        font-size: 1.2rem;
        padding-bottom: 5rem;
        }
        
        
        #original_css #inside-cart .send { border-top-color: #666; padding-top:2rem; margin-top:2rem; }
        #original_css #customer-info .send { border-top-color: #666; padding-top:2rem; margin-top:2rem; margin-bottom: 1rem; }
        #original_css #delivery-info .send { border-top-color: #666; padding-top:2rem; margin-top:2rem; }
        #original_css #info-confirm .send { border-top-color: #666; padding-top:2rem; margin-top:2rem; }

        #original_css .send input.to_customerinfo_button {
        background:#a03730;
        }
        #original_css .send input.continue_shopping_button {
        background:#5B6C7D;
        }
        
        #original_css .currency_code {
        font-size:12px;
        text-align: right;
        }
        #cart table {
        width:100%;
        line-height: 160%;
        }
        #cart .thumbnail {
        display:none;
        }
        #cart tfoot th {
        background: #3C3C3B;
        padding:1rem;
        }


        /*=================================================
                お客様情報
        ==================================================*/

        #original_css #customer-info h5 {
        background-color:#898989;
        height: 50px;
        line-height: 50px;
        padding: 0 1.5em;
        }
        #original_css #customer-info .customer_form {
        width:100%;
        box-sizing: border-box;
        margin-bottom:1rem;
        }
        #original_css #customer-info .customer_form th {
        padding:1rem;
        font-size:12px;
        width:15em;
        box-sizing: border-box;
        vertical-align: middle;
        border: 1px solid #b9b9b9;
        }
        #original_css #customer-info .customer_form td {
        padding:1rem;
        box-sizing: border-box;
        vertical-align: middle;
        border: 1px solid #b9b9b9;
        }
        #original_css #customer-info .customer_form input {
        width:100%;
        box-sizing: border-box;
        padding:12px;
        }
        #original_css #customer-info .customer_form select {
        width:100%;
        box-sizing: border-box;
        padding:12px;
        }
        #customer-info .customer_form input#zipcode {
        width:8em;
        }
        #original_css #customer-info .customer_form input#search_zipcode {
        margin:0 10px;
        padding:0 1rem;
        font-size:12px;
        height:2em;
        vertical-align: middle;
        background: #3C3C3B;
        color:#FFF;
        cursor: pointer;
        -webkit-transition: all .5s ease;
                transition: all .5s ease;
        }
        #original_css #customer-info .customer_form input#search_zipcode:hover {
        opacity:.6;
        }
        #original_css .send input.back_cart_button {
        background:#515151;
        margin-bottom: 5px;
        }
        #original_css .send input.to_deliveryinfo_button {
        background:#a03730;
        }



        /*=================================================
                配送・支払方法
        ==================================================*/

        #original_css #delivery-info .customer_form {
        width:100%;
        box-sizing: border-box;
        margin-bottom:1rem;
        }
        #original_css #delivery-info .customer_form th {
        padding:1rem;
        font-size:12px;
        width:15em;
        box-sizing: border-box;
        vertical-align: middle;
        border: 1px solid #b9b9b9;
        }
        #original_css #delivery-info .customer_form td {
        padding:1rem;
        box-sizing: border-box;
        vertical-align: middle;
        border: 1px solid #b9b9b9;
        }
        #original_css #delivery-info .customer_form input {
        width:100%;
        box-sizing: border-box;
        padding:12px;
        }
        #original_css #delivery-info .customer_form select {
        width:100%;
        box-sizing: border-box;
        padding:12px;
        }
        #original_css #delivery-info #time textarea,
        #original_css #delivery-info .notes {
        width:100%;
        box-sizing: border-box;
        }
        
        #original_css #delivery-info .customer_form input#delivery_flag1 {
        width: auto;
        vertical-align: middle;
        margin: 0 10px;
        }
        #original_css #delivery-info .customer_form input#delivery_flag2 {
        width: auto;
        vertical-align: middle;
        margin: 0 10px;
        }
        #original_css #delivery-info .customer_form input#payment_name_0 {
        width: auto;
        vertical-align: middle;
        margin: 0 10px;
        }
        #original_css #delivery-info .customer_form input#payment_name_1 {
        width: auto;
        vertical-align: middle;
        margin: 0 10px;
        }
        #original_css #delivery-info .customer_form input#payment_name_2 {
        width: auto;
        vertical-align: middle;
        margin: 0 10px;
        }
        #original_css #delivery-info .customer_form input#payment_name_3 {
        width: auto;
        vertical-align: middle;
        margin: 0 10px;
        }
        #original_css #delivery-info .customer_form input#payment_name_4 {
        width: auto;
        vertical-align: middle;
        margin: 0 10px;
        }
        
        #original_css .send input.back_to_customer_button {
        background:#515151;
        margin-bottom: 5px;
        }
        #original_css .send input.to_confirm_button {
        background:#a03730;
        }
        
        /*=================================================
                内容確認
        ==================================================*/

        #original_css #confirm_table {
        width:100%;
        box-sizing: border-box;
        margin-bottom:1rem;
        }
        #original_css #confirm_table th {
        padding:1rem;
        font-size:12px;
        width:15em;
        box-sizing: border-box;
        vertical-align: middle;
        border: 1px solid #b9b9b9;
        }
        #original_css #confirm_table td {
        padding:1rem;
        box-sizing: border-box;
        vertical-align: middle;
        border: 1px solid #b9b9b9;
        }
        #original_css #confirm_table .ttl {
        background: #EFEFEF;
        }
        #original_css #confirm_table h3 {
        color:#3C3C3B;
        font-size:1rem;
        font-weight:600;
        }
        #original_css .send input#back_button {
        background:#515151;
        margin-bottom: 5px;
        }
        #original_css .send input#purchase_button {
        background:#a03730;
        }






/* お客さま情報 */



.confirm-page .action { }

@media screen and (max-width: 830px) {
    #cart_table { font-size: 11px; line-height: 135%; letter-spacing: 0; }
    #cart_table .num, #cart_table .thumbnail, #cart_table .stock { display: none; }
    #cart .subtotal,#cart .unitprice { width:auto !important; }
    #cart .quantity { width:40px !important;}
    #cart input.quantity { width:30px !important;}

}