/* my account */
.sp_table_area { display: none }

/* ======  table responsive design =====*/

.row-head {
    border-collapse: collapse;
    vertical-align: middle;
    width: 100%;
}
.row-head .form-control {
    width: initial;
}
td, th {
    font-size: 12px;
    vertical-align: top;
}
.mainFrame .table-column th {
    min-width: 120px;
}
.row-head th, .row-head td {
    border: 1px solid #dbe1e8;
    padding: 10px;
}
.row-head th {
    background: #f9fafc;
}
.row-head label {
    line-height: 34px;
    margin: 0;
}

/* 画面サイズ調整 ===================== */
@media only screen and (max-width: 1500px) { /* 画面サイズ調整 */
    .latest_rss{background-size:cover;}
    .category-section .card-banner {
        height: 400px;
    }
}
@media only screen and (max-width: 1200px) { /* 画面サイズ調整 */
    .latest_rss{background-size:cover;}
    .category-section .card-banner {
        height: 350px;
    }
}

@media only screen and (max-width: 1200px) { /* 画面サイズ調整 */
    .latest_rss{background-size:cover;}
    .category-section .card-banner {
        height: 250px;
    }
}

@media only screen and (max-width: 1024px) { /* iPad pro */
    .latest_rss{background-size:cover;}
    .category-section .card-banner {
        height: 300px;
    }
    /* footer FBブロック調整 */
    .footer-top aside:first-child { padding-left: 0 }

}

@media only screen and (max-width: 768px) { /* iPad, スマートフォン */

    /*.pc_area { display: none } */ /* SNSのみ追加中 ===================== */
    /*.sp_area { display: none } */ /* SNSのみ追加中 ===================== */
    .category-section .card-banner {
        height: 200px;
        position: unset;
        background-color: #fff;
        border-radius: 0;
    }
}
@media only screen and (max-width: 768px) { /* iPad, スマートフォン */

    .pc_area { display: none }
    .sp_area { display: block }
    .sp_area img { width: 100% !important; height: auto }

    .tss--close .tss-label_pic { /* ハンバーガーメニュー */
        height: 2px;
        box-shadow: inset 0 0 0 32px, 0 -10px, 0 10px;
    }
    .tss--close .tss-label_pic:after {
        top: -2px;
        height: 2px;
        box-shadow: inset 0 0 0 32px, 0 -10px, 0 10px;
    }
    .tss.tss--close { height: 100px!important }
    .tss.tss--open { height: 90%!important }
    ul.menu-category li select { padding: 10px 15px }
    .word-limit { height: unset }

    /* header */
    .myaccount, .shoppingcart { height: 30px; width: 20px; }
    .header-main { padding-bottom: 0.4rem }
    .header-main .col-main { padding-top: 0.4rem }
    .shoppingcart { margin-right: 25px }
    .shoppingcart small { margin-left: 25px }

    /* TOP : 新着ブロック */
    .bestseller .col-sm-6, .whatnew .col-sm-6, .recommend .col-sm-6, .review .col-sm-6, .featured_category .col-sm-6, .visited-section .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    /* TOP : カテゴリブロック */
    .category-section .col-sm-4 {
        flex: 0 0 33%;
        max-width: 33%;
    }

    /* TOP : PICK UP ブロック */
    .pickup-image { display: block; }
    .pickup-image img {
        display: block;
        height: auto;
        width: 100%;
    }

    /* category */
    main.category-description img {
        width: 100%;
        height: auto;
    }


    /* cart detail */
    .cart-button {
        margin-top: 1rem;
    }

    /* wishlist */
    .wishlist img { width: 50px;height:auto }

    /* product detail */
    .row-head td::before { content: none }
    dd#ddinput_text_1 { margin: 0 auto }
    article.product-detail h3.title,
    article.product-detail .rating-wrap,
    article.product-detail dl.row,
    article.product-detail div.row,
    article.product-detail #p_show {
        padding-left: 1rem;
        padding-right: 1rem
    }
    .cross-sell form td img {
        max-width: 200px;
        height: auto
    }
    .store-information h4, .store-information p {
        padding-right: 1rem;
        padding-left: 1rem;
        padding-top: 1rem
    }
    h4.sp-h4 { font-size: 1.4rem }

    /* recommend window */
    .review-listing   .sm-h,
    .recommend-window .sm-h { height: 240px }
    .listing-window   .sm-h { height: 400px }

    .listing-window   .sm-h img,
    .search-window    .sm-h img,
    .review-listing   .sm-h img,
    .recommend-window .sm-h img { width: 115px; height:auto }
    .sm-h a.title { display:block;line-height:initial }

    /* review write */
    textarea#review_comment { width: 100% !important }

    /* 決済画面でロゴの位置がずれるのを修正 */
    header.checkout_header .logo { margin-left: 0px }

    /* myaccount, 注文履歴 */
    td.orderdetail {
        max-width: 100px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .orderdetail-img { width: 100px; height: auto }

    /* アカウント作成・編集 */
    .form-list dt,
    .form-list dd { float: unset !important }
    #create_account_form .card-body { padding: 0 }
    #create_account_form .card { border: none }

    /* アカウント退会 */
    #close_account input[name="password"] { width: 100% }

}

@media only screen and (max-width: 600px) { /* スマートフォン */
    /* account */
    .checkout-process small { line-height: 1rem }

    /* アカウント作成・編集 */
    .form-list .input-text,
    .form-list textarea { width: 100% }

    /* recommend window */
    .sm-h { max-height:unset;height: 290px }
    .recommend-window .sm-h { height: 200px }
    .review-listing   .sm-h { height: 230px }
    .listing-window   .sm-h { height: 285px }

    /* 検索結果 */
    .listing-window   li:nth-of-type(2n),
    .recommend-window li:nth-of-type(2n),
    .review-listing   li:nth-of-type(2n),
    .search-window    li:nth-of-type(2n) { border-right: 1px solid #dee2e6 }
    .border-left-sp { border-left: none }
    .border-cols > [class*="col-"] { border-width: 1px }/* 2020/07/15に変更 */
    .border-cols > [class*="col-"]:last-child { border-width: 1px  }/* 2020/07/15に変更 */
    .border-cols > [class*="col-"]:nth-last-child(2) { border-width: 1px  }/* 2020/07/15に変更 */
    .border-cols > [class*="col-"]:last-child{}
    .orderdetail-img { width: 50px }

    /* checkout */
    .customer-detail table td {
        display: block;
        width: 100%;
    }
    .form-list dd { width: 100% !important}
    #payment_option dl.form-list dd { width: auto }

    /* stripe payment */
    .stripeForm #card-name,
    .stripeForm .StripeElement {
        width : 280px !important
    }
    /* smart pit payment */
    img.smart-pit { width: 100% }

    .pc_table_area { display: none }
    .sp_table_area, .sp_table_area tbody, .sp_table_area tr {
        display: block;
    }
    .sp_table_area { padding: 25px 0 }
    .sp_table_area:not(:last-of-type) {
        border-bottom: 1px solid rgba(0, 0, 0, 0.7);
    }
    .sp_table_area th, .sp_table_area td {
        width: 100%;
        display: block;
        border: none;
    }
    .sp_table_area th {
        background-color: #f2f2f2;
        line-height: 0.7rem;
    }
    .sp_table_area .orderdetail { max-width: unset }
    .sp_table_area tfoot td { display: inline-block; width: 48% }
    .sp_table_area th, .sp_table_area td {
        padding: 0.75rem;
    }

    #TB_window {
        width: 100% !important;
        left: unset !important;
        margin-left: 0 !important;
    }

    #product_info .row-head tr {
        box-shadow: none;
    }

    /* category */
    .code_list_icon li {
        background-color:#e9ecef;
        margin:0.1rem 1rem;
        padding:0.4rem 1rem;
    }
    .code_list_icon li a { display: block }
    .code_list_icon li i { margin-top: 10px }

}


@media only screen and (max-width: 425px) {
    .category-section .text-bottom { top: 80px }
    .category-section .card-banner { height: 100px }
    .search-window .sm-h { height: 280px }
    .cross-sell form td img { max-width: 80px; height: auto } /* cross sell */
}

@media only screen and (max-width: 320px) {
    .category-section .text-bottom { top: 55px }
    .category-section .card-banner { height: 80px }
    .search-window .sm-h { min-height: 310px }
    .cross-sell form td img { max-width: 60px; height: auto } /* cross sell */
}