/* カスタマイズ用CSS */

a[href^="tel:"] {
    cursor: default;
}

a.footer-tel {
    color: #fff;
    text-decoration: none;
}

/* responsive image */

img {
    max-width: 100%;
    height: auto;
}

/* logo image */

.ec-headerTitle img,
.ec-footerRole .ec-footerRole__inner img{
    width: auto;
    margin: 1em;
}
.logo-wrapper {
    text-align: center;
}
@media (min-width: 768px) {
    .logo-wrapper {
        display: inline;
    }
}


/* for enjoy tabaco */

.ec-layoutRole__header {
    background: #000;
    color: #fff;
}

.ec-headerNav .ec-headerNav__itemIcon,
.ec-headerNav .ec-headerNav__itemLink,
.ec-headerTitle .ec-headerTitle__title a{
    color: #fff;
}


.ec-itemNav__nav li a {
    background: #000;
    color: #fff;
}
.ec-itemNav__nav > li:hover > a {
    background-color: #fff;
    color: #333;
}

.ec-headerSearch .ec-headerSearch__category .ec-select.ec-select_search {
    border: 1px solid #ccc;
}
.ec-headerSearch .ec-headerSearch__category .ec-select select {
    height: 34px;
}
.ec-headerSearch .ec-headerSearch__keyword {
    border-color: #fff;
}

.ec-categoryNaviRole {
    max-width: 1600px;
}

.ec-layoutRole__contents {
    margin-top: 1em;
}

/* メニュー 3階層目 */
.ec-itemNav__nav li ul li:hover > ul > li {
    width: 14em;
}
/************************************************************
 * modal
 ************************************************************/

.modal {
    position: fixed;
    display: none;
    z-index: 9999;
    top: 0;
    left: 0;
    padding: 0 1.5em 3em;
    width: 100%;
    border: 1px solid #666;
    max-height: 100vh;
    overflow-y: scroll;
    height: auto;
    margin: 0 auto;
    background-image: url("/html/user_data/assets/img/ninsyo-bg.jpg");
    background-size: cover;
    background-color: #eadbbb;
    background-position: center center;
    color: #000;
    font-size: 17px;
    line-height: 1.5;
}

.modal .box {
    background-color: #fff;
    padding: 5px;
}

.modal a {
    display: inline-block;
    margin: 1em 2em 0;
    padding: .8em 0;
    width: 10em;
    border: 2px solid #fff;
    cursor: pointer;
    color: #fff;
    text-align: center;
    text-decoration: none;
    transition: background-color .3s, color .3s;
    background-color: #000;
}
.modal a:hover {
    background-color: #fff;
    color: #000;
    border: 2px solid #e60012;
}

@media (min-width: 768px) {
    .modal {
        top: 10%;
        padding: 0 3em 3em;
        max-width: 40em;
        max-height: 80vh;
        height: 26em;
        overflow-y: hidden;
    }
}

/* category list */

.category-list {
    font-size: 140%;
}
.category-list > ul {
    margin: 0 1em 2em;
    padding-left: 0;
    list-style: none;
}
.category-list > ul > li {
    margin-bottom: 1.2em;
}
.category-list > ul > li > a {
    display: block;
    padding-bottom: .2em;
    margin-bottom: .3em;
    border-bottom: 1px dotted #000;
    font-size: 110%;
    font-weight: bold;
    line-height: 1.2;
    background: #bde4e1;
    color:#333;
    padding-left:.3em;
    padding-top:.3em;

}
.category-list > ul > li > ul {
    list-style: disc;
}

.category-list-country > ul > li > a {
    border-bottom: none;
}

/* souryou table */
.souryou table {
    border: #ccc dotted 1px;
    width:100%;

}
.souryou table tr td,
.souryou table tr th {
    height: 150%;
    border: #ccc dotted 1px;
   padding: 15px;
 
}

i.fa-margin-right {
    margin-right:.5em;
}


@media (min-width: 768px){
    .category-list {
        columns: 2;
    }
    .category-list > ul > li {
        break-inside: avoid;
    }

}

@media (min-width: 768px) {
    .ec-blockBtn--top.ec-blockBtn--center {
        margin-left: auto;
        margin-right: auto;
    }
}

.item-bottom-age-validation {
    margin: 3em 1em 0;
    border: 1px solid #f66;
    padding: .8em 1.2em;
}


/* 商品一覧画像 */

.ec-shelfGrid__item-image img {
    transition: opacity .2s;
}
.ec-shelfGrid__item-image img:hover {
    opacity: .8;
}

.notice-kitsumi {
    margin: 0 0 1em 1em;
    font-size: 120%;
}

.bank-account-box {
    line-height: 1.8;
    border: 1px solid #ddd;
    padding: 1em 1.5em;
    margin-bottom: 1.5em;
    margin-top: 1.5em;
}

#shopping_order_Shippings_0_Delivery {
    max-width: 100%;
}