/* body */
a {
    color: #333;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}.btn-primary {
    color: #fff;
    background-color: #333;
    border-color: #333;
}
/* featured catergory */
.featured_category_display{display:none;}
.featured_category {display:block; overflow:hidden;}
/*.featured_category .item-slide{float:left;padding:0 70px;}*/
/* header menu fixed */
.gallery-wrap .img-big-wrap img {
    height: initial;
    max-height: 450px;
}
.carousel-indicators{
    position:initial;
    display:initial;
    margin-right:initial;
    margin-left:initial;
}
.header-sub {
    background-color: #eee;
}
.clone-nav {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999;
    width: 100%;
    transition: .3s;
    transform: translateY(-100%);
    display: block;
}
.is-show {
    transform: translateY(0);
}
.header-main {
    padding-top: 0px;
}
#keyvisual .tns-outer button {
    display: none;
}
#payment_img img, #delivery_img {
/*   height: 80px;*/

}
.d-block {
    overflow: hidden;
}
#pop_word {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    white-space: nowrap;
}
.form-list small {
    display: inline;
}
.sm-h {/*max-height: 305px; height: 305px; */
    font-size: 14px;
}
.sm-h img {
}
.dlist-align dt {
    width: 150px;
}
ol.breadcrumb li {
    margin-left: 3px;
    margin-right: 3px;
    font-size: 11px;
}
ol.breadcrumb li a {
    color: #007bff;
}
#product_option h4 {
    font-size: 14px;
}
#product_option dt {
    display: inline;
    max-width: 100%;
    min-width: 150px;
}
#product_option #matrix_table td {
    padding: 3px;
}
fieldset textarea {
    display: block;
    width: 100%;
    height: 100px;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}
/* ======  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: 600px) {
.sm-h {
    max-height: 295px;
    height: 265px;
    font-size: 12px;
}
.sm-h img {
    max-height: 100px;
    max-width: 100px;
}
.row-head thead {
    display: none;
}
.img-wrap img {
    height: auto;
}
.row-head tr, .row-head td {
    display: block;
    width: auto;
}
.row-head tr {
    border: 1px solid #dbe1e8;
    border-radius: 5px;
    box-shadow: 3px 3px rgba(0, 0, 0, .1);
    margin-bottom: 20px;
    padding: 8px 8px 0;
}
.row-head td {
    border: none;
    border-bottom: 1px solid #dbe1e8;
    display: flex;
    justify-content: space-between;
    text-align: right;
}
.row-head td:last-child {
    border-bottom: none;
}
.row-head td::before {
    content: attr(aria-label);
    display: inline-block;
    font-weight: bold;
    float: left;
    text-align: left;
    padding-right: 20px;
    white-space: nowrap;
}
.row-head td.bt-area::before {
    display: none;
}
.row-head td.bt-area a {
    background: #007aff;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    flex: 1;
    height: 40px;
    margin: 0 2px;
    overflow: hidden;
    width: auto;
}
.row-head td.bt-area a::before {
    align-items: center;
    content: attr(aria-label);
    display: flex;
    font-size: 14px;
    height: 100%;
    justify-content: center;
    line-height: 40px;
    width: 100%;
}
.row-head.header-check tr {
    padding-left: 40px;
    position: relative;
}
.row-head.header-check td:first-child {
    align-items: center;
    background: #fff;
    border-right: 1px solid #dbe1e8;
    border-bottom: none;
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 40px;
}
.row-head.header-check td:first-child::before {
    display: none;
}
.border-cols li:nth-child(1), .no-gutters .border-cols li:nth-child(2) {
    /*border-bottom: 1px solid #dee2e6;*/
}
}
.red {
    color: red;
}
.a-right {
    text-align: right;
}
/* ======  slider design =====*/

.carousel-cell {
    width: 50%; /* full width */
    height: 160px; /* height of carousel */
    margin-right: 10px;
}
/* ======  icon background color design =====*/

.btn-twitter {
    background-color: #42AEEC;
    color: #fff;
}
.btn-google {
    background-color: #B13032;
    color: #fff;
}
.btn-facebook {
    background-color: #405D9D;
    color: #fff;
}
.btn-paypal {
    background-color: #4FA8F7;
    color: #fff;
}
.divider-text {
    width: 100%;
    top: 55%;
    left: 0;
    z-index: 1;
}

@media only screen and (max-width: 600px) {
.form-list small {
    display: block;
}
.megamenu-wrapper {
    display: none;
}
.linoboder {
    border-bottom: 1px solid #fff !important;
}
#shipping_address_list td:before {
    all: initial;
}
#shipping_address_list td red {
    font-weight: bold;
    color: black;
}
#shipping_address_list td a {
    display: inline;
}
#shipping_address_list td img {
    display: block;
    height: 21px;/*position: absolute;

        right: 0;*/
}
#shipping_address_list td {
    text-align: left;
    display: grid;
    width: 300px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#shipping_address_list br:nth-of-type(n+4) {
    display: none;
}
fieldset textarea {
    display: block;
    width: 350px;
    height: 100px;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}
}
/* slider */

.tns-controls {
    text-align: center;
    margin-bottom: 10px;
}
.tns-controls [aria-controls] {
    font-size: 15px;
    margin: 0 5px;
    padding: 0 1em;
    height: 2.5em;
    color: #000;
    background: #66CCFF;
    border-radius: 3px;
    border: 0;
}
.lt-ie9 .tns-controls > [aria-controls] {
    line-height: 2.5em;
}
[data-action] {
    display: block;
    margin: 10px auto;
    font-size: 17px;
    min-width: 3em;
    text-align: center;
    background: transparent;
    border: 0;
}
.tns-controls [disabled] {
    color: #999999;
    background: #B3B3B3;
    cursor: not-allowed !important;
}
.tns-nav {
    text-align: center;
    margin: 10px 0;
}
.tns-nav > [aria-controls] {
    width: 9px;
    height: 9px;
    padding: 0;
    margin: 0 5px;
    border-radius: 50%;
    background: #ddd;
    border: 0;
}
.tns-nav > .tns-nav-active {
    background: #999;
}
.txt_freeshipping {
    font-family: 'Roboto', "Noto Sans Japanese", sans-serif;
    font-weight: normal;
    display: inline-block;
    margin: 0 0 0 3px;
    color: #86AABD;
    font-size: 11px;
}







/* common */
body {
    font-size: 0.93rem;
    line-height: 2rem
}
h2 { font-size: 1.4rem }
h4.top-h4 { font-size: 1.3rem }
.line-15rem { line-height:1.5rem }

a, ol.breadcrumb li a { color: #666 }
.btn-primary {
    color: #fff;
    background-color: #666;
    border-color: #666;
}
li:hover, a:hover,ol.breadcrumb li a {
    color: #666;
    opacity: 0.7;
    filter:alpha(opacity=70);
}
.badge-light { background:unset }

/* page nav */
.page-item.active .page-link {
    background-color: #6c757d;
    border-color: #6c757d;
}
.page-link { color: #6c757d }

/* header */
ul.menu-category li { opacity: 1 }
.myaccount { background-image: url("../images/icon_acount.svg") }
.shoppingcart { background-image: url("../images/icon_cart.svg") }
.myaccount, .shoppingcart {
    background-position: bottom;
    background-repeat: no-repeat;
    width: 13px;
    height: 20px;
    margin-right: 3px;
}
.btn-primary:hover {
    opacity: 0.7;
    filter:alpha(opacity=70);
    background-color: #666;
    border-color: #666;
}
.pc_area img { width: 100%; height: auto; }
.sp_area { display: none }

/* header logo */
.brand-wrap .logo { height: 45px }
@media all and (-ms-high-contrast: none) { /* IE11対応 */
     .brand-wrap .logo { 
        height: 45px;
        width:65px;
        margin-left: -60px;
      }
    .checkout_header .logo { 
        margin-left: 0px !important;
    }
}

/* footer */
footer h5 { font-size:1.1rem }
footer .eapps-instagram-feed-title { 
    font-size:1.3rem;
    padding-top: 0;
    line-height: unset;
}   
footer li:hover, footer a:hover {
    color: #fff;
    opacity: unset;
}

/* tag cloud */
.tag_display{display:none;}

/* 長い文字の折り返し */
.visited-section    h6.title,
.bestseller-section h6.title,
.newProduct-section h6.title,
.recommend-section  h6.title,
.review-section     h6.title,
.listing-window   p, .listing-window   a.title,
.search-window    p, .search-window    a.title,
.recommend-window p, .recommend-window a.title, 
.review-listing   p, .review-listing   a.title { 
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* TOP : ヘッダーライン */
header.heading-line.customer::before {
    top: -25%;
    border: 1px solid #E9EAEF;
}
header.heading-line::before {
    top: -45%;
    border: 1px solid #E9EAEF;
}
header.heading-line.rank_display::before {
    border: none;
}
header.heading-line-0::before { content: none }
hr.top-hr {
    border: 1px solid #E9EAEF;
    margin: 3rem 15px;
}

/* TOP : 売上ランキング, 最近見た商品, alsopurchased,
   CATEGPRY : おすすめ商品, 新着商品ブロック */
section.bestseller-section .tns-outer,
section.visited-section .tns-outer,
section.alsopurchased-section .tns-outer,
section.newProduct-section .tns-outer,
section.recommend-section .tns-outer { position:relative }

section.bestseller-section .tns-nav,
section.visited-section .tns-nav,
section.alsopurchased-section .tns-nav,
section.newProduct-section .tns-nav,
section.recommend-section .tns-nav { position:absolute;bottom:-5px;left:0;right:0 }

section.bestseller-section .tns-inner,
section.visited-section .tns-inner,
section.alsopurchased-section .tns-inner,
section.newProduct-section .tns-inner,
section.recommend-section .tns-inner { margin-bottom:1.5rem }

/* TOP : カテゴリ ブロック */
.category-section { background-color: #eee }
.category-section .card-banner {
    height: 450px;
    position: unset;
    background-color: #fff;
}
.category-section .card-body {
    background-size: cover; /* cover:余白なし contain:余白あり */
    background-position: center;
}
.category-section .text-bottom { padding: 7px 0 0 }
.category-section .text-bottom a { color: #333 }
.category-section h5, .category-section .h5 { font-size: 1rem }

/* TOP PICK UP ブロック */
.pickup-image img {
    display: inline-block;
    height: 200px;
    margin-bottom: 1rem;
}

/* category */
.item-slide .img-wrap img {
    max-width: 100%;
    height: auto;
}

 /* review */
.rating-stars i { font-size: 10px }

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

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

/* アカウント作成・編集 */
.form-list .input-text, .form-list textarea { width: 375px }
.form-list select { height: 30px }
.form-list .input-text,
.form-list .input-text-short { padding: 6px }
.form-list select[name="country"], .form-list select[name="zone"]{
    padding: 0 0 0 8px;
    height: 40px;
}

/* エラーメッセージを改行 */
.form-list input[name="password"],
.form-list input[name="name"],
.form-list input[name="email"] { display: block }

/* JSのエラーメッセージを改行 */
.form-list input[name="company"],
.form-list input[name="streetaddress"],
.form-list input[name="fax"],
.form-list input[name="lastname"],
.form-list input[name="firstname"],
.form-list input[name="lastname_kana"],
.form-list input[name="firstname_kana"],
.form-list input[name="email"],
.form-list input[name="password2"],
.form-list input[name="postcode"],
.form-list input[name="zipcode"],
.form-list select[name="zone"],
.form-list input[name="city"],
.form-list input[name="suburb"],
.form-list input[name="telephone"],
.form-list input[name="birth"] { display: block }

/* 必須事項にカラー */
.form-list input[name="lastname"],
.form-list input[name="firstname"],
.form-list input[name="lastname_kana"],
.form-list input[name="firstname_kana"],
.form-list input[name="email"],
.form-list select[name="country"],
.form-list input[name="postcode"],
.form-list input[name="zipcode"],
.form-list select[name="zone"],
.form-list input[name="city"],
.form-list input[name="suburb"],
.form-list input[name="telephone"],
.form-list input[name="name"],
.form-list textarea[name="body"],
#create_account_form .form-list input[name="password"],
#create_account_form .form-list input[name="password2"],
.form-list input#captcha-input { background-color: #eee }

.form-list input[name="password"],
.form-list input[name="password2"] { display: block }
dt#dtfax, dd#ddfax { display: none }

/* checkout */
.checkout-process small { line-height: 1.3rem; display:inline-block }
.customer-detail, .myaccount-orderhistory { line-height: 1.4rem }

/* product detail */
.product-price { font-size: 1.5rem }
dd#ddinput_text_1 input[name="input_text_1"] {
    padding: 0 5px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #ABADB3;
    border-right-color: #DBDFE6;
    border-bottom-color: #E3E9EF;
    border-left-color: #DBDFE6;
}
.gallery-wrap .img-big-wrap img { /* 商品画像を中央寄せ */
    width: 100%;
    max-height: unset;
    height: auto;
}
.gallery-wrap .img-small-wrap .item-gallery { border:none }
#shipping_country, #shipping_country+a, #shipping_fee {
    font-weight:normal !important /* 送料計算プラグイン */
}
/*#TB_iframeContent { width: 370px !important }*/
#shipping_country+a.thickbox {
    background-color: #dee2e6;
    padding: 3px;
}
article.product-detail .row dt,
article.product-detail .row dd { line-height:1.3rem }

/* cart detail */
.media-body h6.title {
    white-space: break-spaces;
    text-align: initial;
}
.cart-button {
    margin-top: 3.1rem;
}


/* payment */
#payment_option #ddpoint input[name="point"] {
    padding: 0 5px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #ABADB3;
    border-right-color: #DBDFE6;
    border-bottom-color: #E3E9EF;
    border-left-color: #DBDFE6;
}

/* アカウント退会 */
#close_account input[name="password"] {
    padding: 6px;
    width: 375px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #ABADB3;
    border-right-color: #DBDFE6;
    border-bottom-color: #E3E9EF;
    border-left-color: #DBDFE6;
    margin: 1px;
    line-height: 2rem
}

/* brand */
.brand-contents img { height: 100px }


/* SNS ===================== */
.sns-area {  display: none }
.pc_area {  display: block }
/* SNS ===================== */


/* 画面サイズ調整 ===================== */
@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 */ 
}

    /* LCT-189 修正 */
@media (max-width: 768px) {
    .tss {
        overflow: hidden;
    }
}
.d-none {
   padding-left:45px;
}