/* カスタマイズ用CSS */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Noto+Sans+JP:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Trispace:wght@100..800&display=swap');
.ec-maintenanceAlert + *{
    margin-top:0;
}
header{
    margin-bottom:0;
    position:relative;
    z-index:10001;
    height:70px;
}
/*ヘッダーナビ*/
.ec-headerNaviRole{
    max-width:100%;
    position:fixed;
    top:0;
    z-index: 10000;
}

.ec-headerNav{
    height:44px;
    margin-right:16px;
}
.ec-headerNaviRole{
    background:#fff;
    border-bottom:1px #DDD solid;
    padding:8px 20px 9px;
}

.ec-headerNaviRole .ec-headerNaviRole__left{
    width:60%;
}
.ec-headerNaviRole .ec-headerNaviRole__right{
    width:40%;
}
.ec-headerNaviRole .ec-headerNaviRole__search{
    margin-top:0;
}
.ec-categoryNaviRole{
    padding-left:130px;
}
#header_logo{
    width:120px;
    height:120px;
    display:inline-block;
    position:absolute;
    top:0;
    left:0;
    /*background:#fff;*/
    /*border-right:1px #EEE solid*/
}
    #header_logo a{
        width:100%;
        height:100%;
        display:block;
        text-indent: -9999px;
        /*background:url("/ec/html/user_data/assets/img/common/tatoe_logo_B.svg") center 21px no-repeat;
        background-size: 144px auto;
        background-color: #FFF;*/
        background:url("/ec/html/user_data/assets/img/common/tatoe_logo_AW.svg") 35px 39px no-repeat;
        background-size: 48px auto;
        background-color: #000;

    }
    /*#header_logo a:hover{
        background:url("/ec/html/user_data/assets/img/common/tatoe_logo_BW.svg") center 21px no-repeat;
        background-size: 144px auto;
        background-color: #000;
    }*/



.ec-headerNaviRole .ec-headerNaviRole__nav a{
    width:44px;
    height:44px;
    display:inline-block;
    overflow: hidden;
}
.ec-headerNaviRole .ec-headerNaviRole__nav a:hover .ec-headerNav__itemIcon{
    color:#000;
}
.ec-headerNav .ec-headerNav__item{
    text-align: center;
}
.ec-headerNav .ec-headerNav__itemIcon{
    color:#888;
    margin-left:0;
}
.ec-headerNav .ec-headerNav__itemLink{
    /*display:none;*/
}

.ec-cartNavi{
        font-family: 'Inter', 'Noto Sans JP', sans-serif;
        line-height: 1;
        background:#f2f2f2;
}
.ec-cartNavi__label{
    margin-left:8px;
}
.ec-cartNavi .ec-cartNavi__price{
    font-weight:600;
}
.ec-cartNavi .ec-cartNavi__badge{
        font-family: 'Inter', 'Noto Sans JP', sans-serif;
        text-align: center;
}
/*ヘッダーツールチップ*/
.ec-headerNav .ec-headerNav__item{
    position: relative;
    /*display: inline-block;
    border-bottom: 1px dotted black;*/ /* If you want dots under the hoverable text */
}
.ec-headerNav .ec-headerNav__item .tooltiptext{
        visibility: hidden;
        width:100px;
        background-color:#fff;
        color: #000;
        text-align: center;
        padding: 12px 0;
        border-radius: 3px;
        font-size:12px;
        line-height:1.5;
        font-weight:700;
       
        /* Position the tooltip text - see examples below! */
        position: absolute;
        z-index: 1;
        top:100%;
        left:50%;
        margin-left:-50px;
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
}
.ec-headerNav .ec-headerNav__item:hover .tooltiptext {
    visibility: visible;
}
.ec-headerNav .ec-headerNav__item .tooltiptext::after{
    content: " ";
    position: absolute;
    bottom: 100%;  /* At the top of the tooltip */
    left: 50%;
    margin-left: -6px;
    border-width: 6px;
    border-style: solid;
    border-color: transparent transparent white transparent;
}
/*ヘッダーナビカート*/
.ec-cartNaviIsset, .ec-cartNaviNull{
    background-color: #FFF;
    min-width:320px;
    max-width:320px;
    padding:30px 30px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
}
.ec-cartNaviIsset .ec-blockBtn{
    font-family: "Font Awesome 5 Free";
    font-weight:bold;
    font-size:20px;
    line-height:1.5;
    width:28px;
    height:28px;
    display:block;
    position:absolute;
    top:12px;
    right:16px;
    border:0;
    padding:0;
    background:transparent;
    color:#888;
}
.ec-cartNaviIsset::before, .ec-cartNaviNull::before{
    border-bottom-color: #FFF;
    left:62%;
}
.ec-cartNaviIsset .ec-cartNaviIsset__cart{
    margin-bottom: 16px;
    padding-bottom:24px;
    border-bottom:1px #ddd solid;
}
.ec-cartNaviIsset .ec-cartNaviIsset__cartImage{
    width:80px;
}
.ec-cartNaviIsset .ec-cartNaviIsset__cartContent{
    font-family: 'Inter', 'Noto Sans JP', sans-serif;
    color:#000;
    width:160px;
    padding-left:0;
}
.ec-cartNaviIsset .ec-cartNaviIsset__cartContentTitle{
    font-size:14px;
    font-weight:700;
    margin-bottom:4px;
    letter-spacing:0.05em;
    font-feature-settings: 'palt';
}
.ec-font-size-1{
    font-size:12px;
    line-height:1.6;
    font-weight:400;
    margin-top:6px;
    letter-spacing: 0;
}
.ec-cartNaviIsset .ec-cartNaviIsset__cartContentPrice{
    letter-spacing:0.05em;
    font-feature-settings: 'palt';
    font-size:15px;
}
.ec-cartNaviIsset .ec-cartNaviIsset__cartContentPrice span{
    font-size:12px;
    font-weight:400;
    letter-spacing: 0;
    margin-left:8px;
}
.ec-cartNaviIsset .ec-cartNaviIsset__cartContentNumber{
    font-size:12px;
}
.ec-cartNaviIsset .ec-cartNaviIsset__action .ec-blockBtn--action{
    font-family: 'Inter', 'Noto Sans JP', sans-serif;
    font-size:14px;
    font-weight:bold;
    margin-bottom:0;
    position:relative;
}
.ec-cartNaviIsset .ec-cartNaviIsset__action .ec-blockBtn--action::before{
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 14px;
    color: #FFF;
    position: absolute;
    top: center;
    right: 16px;
}
.ec-cartNaviNull .ec-cartNaviNull__message{
    color:#000;
    font-family: 'Inter', 'Noto Sans JP', sans-serif;
    font-size:13px;
    font-weight:600;
    border:0;
    background:none;
    padding:0;
}

/* グローバルナビ */
.ec-itemNav ul li{
    color:#000;
    font-family: 'Inter', 'Noto Sans JP', sans-serif;
}
.ec-itemNav__nav ul {
    box-shadow: 3px 3px 9px 0px rgba(0, 0, 0, 0.20);
}
.ec-itemNav__nav li a{
    font-size:14px;
    letter-spacing:0.05em;
}
.ec-itemNav__nav li a:hover{
    color:#666;
    /*background-color:#f2f2f2;*/
}
.ec-itemNav__nav li ul li a{
    color:#000;
    font-size:12px;
    font-family: 'Inter', 'Noto Sans JP', sans-serif;
    background-color:#FFF;
    /*box-shadow: 3px 3px 9px 0px rgba(0, 0, 0, 0.20);*/
    border-bottom:0;
    min-width:200px;
}
.ec-itemNav__nav li ul li a:hover{
    color:#000;
    background-color:#f2f2f2 !important;
    text-decoration: underline;
}
.ec-itemNav__nav > li:hover > a {
  background: #fff;
}
.ec-itemNav__nav > li:hover li:hover > a {
  background: #fff;
}
.ec-itemNav__nav li ul li ul li a {
  background: #fff
}
.ec-itemNav__nav li:hover ul li ul li a:hover {
  background: #f2f2f2;
}
.ec-itemNav__nav li ul li ul:before {
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 12px;
    color: #CCC;
    position: absolute;
    top: 19px;
    right: auto;
    left: -20px;
}
/*ヘッダー*/
.ec-headerRole{
    padding-top:calc(88px + 68px);
}

.ec-headerTitle .mainlogo{
    width:144px;
    height:auto;
}

/*メイン*/
main{
    margin-top:80px;
}

/*フッター*/
.ec-footerRole{
    margin-top:144px;
}
.ec-footerTitle .ec-footerTitle__logo{
    margin-bottom:40px;
}

.footer_logo{
    width:auto;
    height:52px;
}
.ec-footerNavi, .ec-footerTitle {
    font-family: 'Inter', 'Noto Sans JP', sans-serif;
}
.ec-footerNavi .ec-footerNavi__link a{
    text-decoration:none;
    font-size:12px;
    margin:16px;
}
.ec-footerTitle .ec-footerTitle__copyright{
    font-size:12px;
}

.footer_remarks{
    color:#ccc;
    font-size:12px;
    margin-left:24px;
    padding:6px;
    border:1px#ccc solid;
}
/*パンくずリスト*/
.breadcrumb{
    display:inherit;
    margin: 0;
    margin-bottom:40px;
    padding:0 20px;
}
.breadcrumb ul{
    display:flex;
    justify-content: flex-start;
}
.breadcrumb ul li{
    font-family: 'Inter', 'Noto Sans JP', sans-serif;
    list-style-type: none;
    position: relative;
    padding: 0 12px 0 16px;
}
.breadcrumb ul li:first-child{
    padding-left: 20px;
}
.breadcrumb ul li a{
    color:#888;
    font-weight:bold;
    font-size:12px;
    line-height:1.4;
    text-decoration: none;
    display:inline-block;
    letter-spacing:0.03em;
    /*font-feature-settings: 'palt';*/
}
.breadcrumb ul li a:hover{
    color:#000;
    text-decoration: underline;
}
.breadcrumb ul li:first-child a::after{
    content:'\f015';
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    font-size: 12px;
    color: #888;
}
.breadcrumb ul li a::after{
    content:'/';
    font-weight: normal;
    font-size: 12px;
    color: #888;
    margin-right:16px;
    position: absolute;
    top:2px;
    left:0;
}


/*トップ*/
#page_homepage{
    font-family: 'Inter', 'Noto Sans JP', sans-serif;
}
/*スライダーブロック*/
.ec-blockBtn--slider{
    max-width:260px;
    width:100%;
    height:56px;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    border:1px #FFF solid;
    font-size:14px;
    line-height:54px;
    font-weight:600;
    white-space: nowrap;
    padding:10px 16px;
    padding-top:0;
    padding-bottom:0;
    display:block;
    color:#FFF;
    position:absolute;
    bottom:40px;
    /*left:calc(50% - 131px);*/
    right:40px;
}
.ec-blockBtn--slider:hover{
    color:#FFF;
    transition: all 0.5s 0s ease;
    opacity:0.6;

}

/*トップメインブロック*/
.ec-silderRole{
    position:relative;
}
.ec-sliderRole .draggable{
    max-height:800px;
}
.ec-sliderRole .ec-eyecatchRole{
    position:absolute;
    top:20%;
    left:160px;
    z-index: 9998;
    width:640px;
}
.ec-eyecatchRole .ec-eyecatchRole__intro{
    padding-right:0;
}
.ec-eyecatchRole .ec-eyecatchRole__introTitle{
    color:#FFF;
    font-size: 42px;
    line-height:1.7;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    font-weight:normal;
    letter-spacing:0.03em;
    /*font-feature-settings: 'palt';*/
    margin-bottom:16px;
}
.ec-eyecatchRole .ec-eyecatchRole__introDescription{
    color:#FFF;
    font-size:15px;
    line-height:2.8;
    font-weight:600;
    letter-spacing:0.03em;
    margin-bottom:48px;
    /*font-feature-settings: 'palt';*/
}
.ec-eyecatchRole .ec-blockBtn--top{
    background-color: transparent;
    border: 1px #fff solid;
}
.ec-eyecatchRole .ec-blockBtn--top:hover{
    opacity:0.8;
}


.ec-eyecatchRole__pdLink{
    position:absolute;
    top:720px;
    right:28px;
}
@media screen and (max-width: 1440px) {
.ec-eyecatchRole__pdLink{
    position:absolute;
    top:calc(100% - 80px);
    right:28px;
}
}

.ec-eyecatchRole__pdLink .ec-blockBtn--top{
    background-color: #FFF;
    color:#000;
    border: 1px #fff solid;
    padding:0 56px 0 32px;
    line-height:53px;
    font-size:13px;
    letter-spacing:0.03em;
}
.ec-eyecatchRole__pdLink .ec-blockBtn--top:hover{
    opacity:0.8;
}
.ec-eyecatchRole__pdLink .ec-blockBtn--top::before{
    content:'\f054';
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    font-size: 12px;
    color: #000;
    position: absolute;
    top:1px;
    right:20px;
}
/*カテゴリーブロック*/
.ec-role{
    padding-left:0;
    padding-right:0;
}
.ec-catRole{
    padding:120px 0 0;
    background:inherit;
}
.ec-catRole .ec-catRole__list{
    flex-wrap:nowrap;
    display:flex;
    margin:0 15px;
}
.ec-catRole .ec-catRole__listItem{
    width:50%;
    height: auto;
    flex:1;
    /*background:#fafafa;*/
    position:relative;
    transition: all 0.5s 0s ease;
}
.ec-catRole .ec-catRole__listItem:hover{
    opacity:0.6;
}
.ec-catRole .ec-catRole__listItem a{
    position:absolute;
    top:0;
    left: 0;
    width: 100%;
    height:100%;
    z-index:9998;
}
.ec-catRole .ec-catRole__listItem i{
    position: absolute;
    bottom:12px;
    right:14px;
    transform:rotate(-45deg);
    font-size:17px;
    color:#999;
}
.ec-catRole .ec-catRole__listItem:not(:last-of-type){
    margin-right:30px;
}

.ec-catRole .ec-catRole__listItemTitle{
    font-size:13px;
    line-height:30px;
    font-weight: 600;
    /*font-feature-settings: 'palt';*/
    letter-spacing:0.05em;
    padding-top:16px;
    padding-bottom:120px;
    padding-left:24px;
    color:#000;
    border:1px #DDD solid;
    border-top:0;
}
/*
.ec-catRole .ec-catRole__listItem:before{
    content:'\f0d7';
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    font-size: 10px;
    color: #000;
    position:absolute;
    bottom:0;
    right:0;
}
*/
.ec-catRole .ec-catRole__listItemTitle .cat_name{
    font-size:16px;
    font-weight:700;
    letter-spacing:0.1em;
}
.ec-catRole .ec-catRole__listItem a:hover{
    /*transition: all 0.5s 0s ease;*/
    /*opacity:0.6;*/
}
.catthumbRole{
    overflow: hidden;
}
.ec-catRole .ec-catRole__listItem a + .catthumbRole img{
    transform:scale(1.0);
    transition: all 0.5s 0s ease;
}
.ec-catRole .ec-catRole__listItem a:hover + .catthumbRole img{
    transform:scale(1.2);
    transition: all 0.5s 0s ease;
}


/*特集ブロック*/
.ec-topicRole{
    margin:0 auto;
    padding:120px 0 0;
    background:inherit;
    max-width:1130px;
}
.ec-secHeading{
    margin-left:15px;
}

.ec-topicRole .ec-topicRole__listItemTitle{
    font-size:14px;
    line-height:28px;
    font-weight: 600;
    /*font-feature-settings: 'palt';*/
    letter-spacing:0.05em;
    margin-top:0;
    margin-left:0;
}
.ec-topicRole .ec-topicRole__listItemTitle .cat_name{
    font-size:16px;
    font-weight:700;
    letter-spacing:0.1em;
}
.ec-topicRole .ec-topicRole__story{
    color:#000;
    font-size:12px;
    font-weight: 700;
    line-height: 1;
    padding:10px 14px 9px;
    background:#eee;
    border-radius: 16px;
    margin-top:24px;
    margin-bottom:8px;
    display: inline-block;
}
.ec-topicRole .ec-role{
    margin:0;
}
.ec-topicRole .slick-slide{
    margin:0 15px;
}
.ec-topicRole .ec-topicRole__listItem a{
    transition: all 0.5s 0s ease;
    opacity:1.0;
}
.ec-topicRole .ec-topicRole__listItem a:hover{
    opacity:0.6;
}
/*新着商品ブロック*/
.ec-newItemRole .ec-newItemRole__list{
    display:block;
}
.ec-newItemRole .ec-newItemRole__list__sp{
    display:none;
}

.ec-newItemRole{
    padding:24px 0 0;
}
.ec-newItemRole .ec-newItemRole__listItemHeading{
    margin-top:0;
}
.ec-newItemRole .ec-newItemRole__listItem:nth-child(odd){
    padding:0 15px;
}
.ec-newItemRole .ec-newItemRole__listItem{
    color:#000;
    font-family: 'Inter', 'Noto Sans JP', sans-serif;
    font-size:14px;
    line-height:2;
}
.ec-newItemRole .ec-newItemRole__listItem a{
    color:#000;
}
.ec-newItemRole .ec-newItemRole__listItem a:hover{
    color:#000;
}
.ec-newItemRole .ec-newItemRole__listItemTitle{
    font-weight:600;
    margin:0;
}
.ec-newItemRole .ec-newItemRole__listItem .newItemThumbRole{
    overflow: hidden;
    margin-bottom: 10px;
}
.ec-newItemRole .ec-newItemRole__listItem img{
    /*margin-bottom:10px;*/
    transition: all 0.5s 0s ease;
    opacity:1.0;
    transform: scale(1.0);
}
.ec-newItemRole .ec-newItemRole__listItem img:hover{
    opacity:0.6;
    transform:scale(1.2);
}
.ec-newItemRole .ec-newItemRole__listItemPrice{
    font-size:16px;
    font-weight:bold;
    margin-bottom:16px;
    letter-spacing:0.02em;
}
.pd_tag .tag{
    color:#DE5D50;
    font-size:12px;
    font-weight:600;
}
.ec-newItemRole .ec-blockBtn--top{
    margin:30px auto 0;
}

/*お知らせブロック*/
.ec-newsRole{
    padding-top:120px;
}
.ec-newsRole .ec-newsRole__news{
    border:0;
    padding:0;
    margin:0 15px;
}
.ec-newsRole .ec-newsRole__newsItem:not(:last-of-type){
    border-bottom: 1px #DDD solid;
}
.ec-newsRole .ec-newsRole__newsItem{
    border:1px #DDD solid;
    padding:80px 40px 36px;
    margin-bottom:16px;
    min-height:116px;
    position: relative;
}
.ec-newsRole .ec-newsRole__newsItem:hover{
    border:1px #000 solid;
    transition: all 0.5s 0s ease;
}
.ec-newsRole .ec-newsRole__newsHeading{
    position: absolute;
    top:0;
    left:0;
    width:100%;
    padding:48px 40px;
}

.ec-newsRole .ec-newsRole__newsDate{
    font-feature-settings: 'palt';
    letter-spacing:0.05em;
    color:#888;
    font-weight:600;
}
.ec-newsRole .ec-newsRole__newsTitle{
    color:#000;
    font-weight:600;
    line-height:1.4;
}
.ec-newsRole__newsItem.is_active .ec-newsRole__newsDescription{
    color:#000;
}
.ec-newsRole .ec-newsRole__newsCloseBtn{
    color:#666;
    background:transparent;
}

/*商品ページ*/
#product{
    font-family: 'Inter', 'Noto Sans JP', sans-serif;
}
#product h1{
    color:#000;
    font-size:16px;
    padding-bottom:20px;
    border-bottom:1px #DDD solid;
    position: relative;
    padding-left:24px;
}
#product h1::before{
    content:'';
    width:3px;
    height:18px;
    background:#000;
    position: absolute;
    left:3px;
}
.ec-pageHeader h1{
    margin-bottom:24px;
}
.ec-searchnavRole .ec-searchnavRole__infos{
    border-top:0;
}
.ec-searchnavRole .ec-searchnavRole__infos{
    /*padding-left:20px;
    padding-right:20px;*/
    padding:20px 20px 21px;
    margin-bottom:24px;
    width:100%;
    max-width:1050px;
    margin-top:24px;
    margin-bottom:48px;
    /*border:1px #fafafa solid;*/
    border-left:4px #5CB1B1 solid;
    border-radius: 4px;
    /*background:#f2f2f2;*/
    /*background-image: radial-gradient(#ccc 10%, #fff 0);
	background-size: 3px 3px;*/
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1);
}

.ec-searchnavRole .ec-searchnavRole__counter{
    color:#000;
    font-size:14px;
    padding-left:28px;
    position: relative;
    margin-bottom:0;
    font-weight:600;
}
.ec-searchnavRole .ec-searchnavRole__counter i{
    font-size:18px;
    position: absolute;
    top:0;
    left:0;
    color:#5CB1B1;
}
.ec-shelfRole{
    max-width:1090px;
}
.ec-shelfGrid .ec-shelfGrid__item{
    color:#000;
    font-family: 'Inter', 'Noto Sans JP', sans-serif;
    font-size:14px;
    line-height:2;
}
.ec-shelfGrid .ec-shelfGrid__item .pd_sub_name{
    font-size:12px;
}
.ec-shelfGrid .ec-shelfGrid__item .pd_name{
    font-weight:600;
}
.ec-shelfGrid .ec-shelfGrid__item-image{
    overflow: hidden;
}
.ec-shelfGrid .ec-shelfGrid__item img{
    opacity:1.0;
    transition: all 0.5s 0s ease;
}
.ec-shelfGrid .ec-shelfGrid__item img:hover{
    opacity:0.6;
    transform: scale(1.2);
}
.price02-default{
    font-size:16px;
    font-weight:bold;
    margin-bottom:16px;
    letter-spacing:0.02em;
}
.cname{
    font-size:12px;
    line-height:1;
    font-weight:bold;
    padding:10px 14px;
    background:#EEE;
    border-radius: 16px;
    display:inline-block;
    margin-bottom:8px;
    letter-spacing:0.03em;
}
.ec-productRole .ec-productRole__profile{
    margin-left:32px;
}
.ec-productRole .ec-productRole__title .ec-headingTitle{
    color:#000;
    font-size:16px;
    line-height:2;
    font-weight:bold;
    letter-spacing:0.02em;

}
.ec-productRole .ec-productRole__price{
    border-bottom:0;
}
.ec-price .ec-price__price{
    color:#000;
    font-size:22px;
    line-height:1;
    padding:0;
    font-feature-settings: 'palt';
}
.ec-price .ec-price__tax{
    color:#888;
    font-size:14px;
    font-weight:600;
    font-feature-settings: 'palt';
}
.ec-productRole .ec-productRole__description{
    color:#000;
    font-size:14px;
    line-height:2;
}
.pd_attention{
    font-size:12px;
    line-height:2;
    color:#DE5D50;
    font-weight:600;
    margin-top:12px;
}
.ec-productRole .ec-productRole__tags{
    padding-bottom:0;
    border-bottom:0;
}
.ec-productRole .ec-productRole__tag{
    font-size:12px;
    line-height:1;
    font-weight:bold;
    padding:10px 14px;
    background:#EEE;
    border-radius: 16px;
    display:inline-block;
    margin-bottom:8px;
    letter-spacing:0.03em;
    border:0;
}
.ec-select label,
.ec-input label,
.ec-numberInput span{
    color:#000;
    font-size:14px;
    font-weight:600;
    margin-bottom: 0;
    padding-bottom:8px;
    display:block;
}
.ec-productRole .ec-productRole__actions .ec-select select{
    height:48px;
    background:#FFF;
    min-width:240px;
}
.add-cart .fa-shopping-cart{
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    font-size: 16px;
    color: #FFF;
    margin-right:16px;
}
#product .add-cart::before,
#favorite::before{
    content:'';
}
#favorite .fa-heart{
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
    font-size: 16px;
    color: #666;
    margin-right:16px;
}
.ec-blockBtn--cancel:disabled, .ec-blockBtn--cancel.disabled{
    background:#666;
    border-color:#666;
}

.bikou ul{
    padding-left:12px;
    margin-bottom:12px;
}
.bikou ul li{
    list-style-type: '※';
    font-size:12px;
    line-height:2;
    color:#666;
}
.bikou a{
    
}
.bikou a:hover{
    color:#337ab7;
    text-decoration: underline;
}

.sharebuttons{}
.btn-sns{
    display:inline-block;
    width:48px;
    height:48px;
    text-align: center;
    font-size:32px;
    color:#888;
}
.btn-sns-twitter{
    background:url("/ec/html/user_data/assets/img/common/x_logo.svg") no-repeat center 10px;
    background-size: auto 24px;
    opacity: 0.6;
}
.btn-sns-twitter:hover{
    opacity:1;
}
.btn-sns-facebook:hover{
    color:#1877f2;
}
.btn-sns-line:hover{
    color:#00b900;
}
.btn-sns i{
    padding-top:8px;
}

/*カート*/
#cart{
    font-family: 'Inter', 'Noto Sans JP', sans-serif;
}
#cart h1{
    color:#000;
    font-size:16px;
    padding-bottom:20px;
    border-bottom:1px #DDD solid;
    position: relative;
    padding-left:24px;
}
#cart h1::before{
    content:'';
    width:3px;
    height:18px;
    background:#000;
    position: absolute;
    left:3px;
}
.ec-cartRole .ec-cartRole__cart{
    margin:0 5%;
}
.ec-cartRole .ec-cartRole__actions{
    margin-right:5%;
}
.ec-progress{
    font-family: 'Inter', 'Noto Sans JP', sans-serif;
    margin-top:16px;
    margin-bottom:40px;
}
.ec-progress .ec-progress__number{
    font-weight:normal;
    font-size:16px;
    margin-bottom:10px;
    background-color:#888;
}
.ec-progress .ec-progress__item{
    font-weight: 600;
    color:#888;
    letter-spacing:0.03em;
}
.ec-progress .ec-progress__item:after{
    height:1px;
    top:21px;
    background-color:#888;
}

.ec-cartRole .ec-cartRole__totalText{
    padding:20px 20px 21px;
    margin-bottom:24px;
    width:100%;
    /*max-width:1050px;*/
    margin-top:8px;
    margin-bottom:48px;
    margin-left:calc(5% + 20px);
    margin-right:calc(5% + 20px);
    border-left:4px #5CB1B1 solid;
    border-radius: 4px;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1);
}
.ec-cartRole__totalText p{
    color:#000;
    font-size:14px;
    text-align: left;
    font-weight:600;
}



.ec-cartHeader{
    background:#f2f2f2;
}
.ec-cartHeader .ec-cartHeader__label{
    color:#000;
    font-size:14px;
    font-weight:600;
    background:transparent;
}
.ec-cartRow .ec-cartRow__delColumn, .ec-cartRow .ec-cartRow__contentColumn, .ec-cartRow .ec-cartRow__amountColumn, .ec-cartRow .ec-cartRow__subtotalColumn{
    border-bottom:1px #DDD solid;
}
.ec-cartRow .ec-cartRow__delColumn a{
    color:#888;
    font-size:18px;
}
.ec-cartRow .ec-cartRow__delColumn a:hover{
    color:#000;
}


.ec-cartRow .ec-cartRow__contentColumn{
    padding:16px 0;
}
.ec-cartRow .ec-cartRow__img{
    max-width:80px;
}
.ec-cartRow .ec-cartRow__img:hover{
    opacity: 0.8;
}
.ec-cartRow .ec-cartRow__summary .ec-cartRow__name{
    font-size:12px;
    font-weight:normal;
}
.ec-cartRow .ec-cartRow__summary .ec-cartRow__name a{
    color:#000;
    font-size:14px;
    font-weight:700;
    letter-spacing:0.05em;
    font-feature-settings: 'palt';
    line-height:2;
}
.ec-cartRow .ec-cartRow__summary .ec-cartRow__name a:hover{
    text-decoration:underline;
}
.ec-cartRow .ec-cartRow__summary .ec-cartRow__unitPrice{
    color:#000;
    font-weight:normal;
    font-size:14px;
}
.ec-cartRow__amount, .ec-cartRow__sutbtotal{
    color:#000;
    font-weight:600;
}
.ec-cartRow__sutbtotal{
    padding-right:16px;
}

.ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountDownButton,
.ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountUpButton,
.ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountDownButtonDisabled{
    border:0;
    line-height:1.8;
    border-radius: 0;
    background:#eee;
    transition: all 0.5s 0s ease;
}
.ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountDownButton:hover,
.ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountUpButton:hover{
    background:#ddd;
}
.ec-cartRow .ec-cartRow__amountColumn .fas{
    color:#555;
    font-family: "Font Awesome 5 Free";
    font-weight:bold;
    font-size:12px;
}
.ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountDownButtonDisabled .fas{
    color:#ddd;
}


.ec-cartRole .ec-cartRole__total{
    color:#000;
    padding:28px 0 36px;
    padding-right:16px;
}

/*カートモーダル*/
.ec-modal .ec-modal-wrap{
    border-radius: 0;
    border:0;
    padding:40px 20px;
}
.ec-inlineBtn--cancel{
    color:#333;
    font-size:13px;
    font-weight:600;
    border:1px #ddd solid;
    background:#fff;
    padding:14px 16px;
    min-width:160px;
    margin-right:8px;
}
.ec-inlineBtn--action{
    font-size:13px;
    font-weight:600;
    border:1px #333 solid;
    background: #333;
    padding:14px 16px;
    min-width:160px;
}
.ec-inlineBtn--cancel:hover{
    color:#333;
    border:1px #ddd solid;
    background:#fff;
    opacity:0.8;
}
.ec-inlineBtn--action:hover{
    border:1px #333 solid;
    background:#333;
    opacity:0.8;
}
#ec-modal-header{
    color:#000;
    font-size:15px;
    font-weight:600;
    padding:16px;
}
.ec-modal .ec-modal-close{
    right:15px;
}
.ec-modal .ec-modal-close i{
    color:#888;
}


.ec-alert-warning .ec-alert-warning__icon{
    margin-right:6px;
    line-height:1.5;
    color:#DE5D50;
    position: absolute;
    top:17px;
    left:24px;
    font-size:16px;
}
.ec-alert-warning .ec-alert-warning__text{
    font-size:14px;
    font-weight:600;
    /*color:#DE5D50;*/
    color:#000;
    padding-left:36px;
}
.ec-alert-warning{
    /*margin:24px 0;
    padding:16px 0 18px;
    border:1px #DE5D50 solid;*/
    background:#fff;
    text-align: left;

    padding:20px 20px 21px;
    margin-bottom:24px;
    width:100%;
    /*max-width:1050px;*/
    margin-top:0;
    margin-bottom:48px;
    border-left:4px #DE5D50 solid;
    border-radius: 4px;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1);
    position: relative;
    font-size:14px;
}


/*.ec-alert-warning{
    padding:16px 16px 18px;
}*/

/*ご利用ガイド*/
#guide{
    font-family: 'Inter', 'Noto Sans JP', sans-serif;
    padding:0 20px;
}
#guide h1{
    color:#000;
    font-size:16px;
    padding-bottom:20px;
    border-bottom:1px #DDD solid;
    position: relative;
    padding-left:24px;
}
#guide h1::before{
    content:'';
    width:3px;
    height:18px;
    background:#000;
    position: absolute;
    left:3px;
}
#guide h5{
    color:#000;
    font-size:16px;
    font-weight:700;
    padding-top:24px;
    margin-top:24px;
    margin-bottom:12px;
}
#guide h5 i{
    color:#888;
    margin-right:12px;
}
#guide .h6_wrapper{
    width:auto;
    height:auto;
    margin-bottom:16px;
    padding:40px 48px;
    border:1px #DDD solid;
}
#guide h6{
    color:#000;
    font-size:14px;
    font-weight:700;
    margin-bottom:12px;
    letter-spacing:0.03em;
}
#guide p, #guide ol li, #guide ul li, #guide dl dt, #guide dl dd{
    color:#000;
    font-size:14px;
    line-height:2;
    padding-top:0;
}
#guide ul.bikou{
    margin-top:12px;
    margin-bottom:0;
    padding-left:1rem;
}
#guide ul.bikou li{
    font-size:12px;
    line-height:1.8;
}
#guide ul.timelist{
    margin:16px 0 20px;
    padding:0;
}
#guide ul.timelist li{
    list-style-type: none;
    display: inline-flex;
    font-size:13px;
    font-weight:600;
    border:1px #DDD solid;
    border-radius: 4px;
    margin-right:4px;
    margin-bottom:8px;
    padding:16px;
    font-feature-settings: 'palt';
}
#guide .shipping_table{
    border-collapse: collapse;
    width: 50%;
    margin: 16px 0 24px;
}

#guide .shipping_table th, #guide .shipping_table td {
    color:#000;
    font-size:13px;
    border: 1px solid #DDD;
    padding: 14px 16px;
    font-feature-settings: 'palt';
}
#guide .shipping_table th {
    text-align: center;
    font-weight:600;
    width:50%;
    background: #fafafa;
}
#guide .shipping_table td {
    text-align:right;
    font-weight:400;
}
#guide p.sub{
    font-size:12px;
}

/*注文手続き*/
#order{
    font-family: 'Inter', 'Noto Sans JP', sans-serif;
}
#order h1{
    color:#000;
    font-size:16px;
    padding-bottom:20px;
    border-bottom:1px #DDD solid;
    position: relative;
    padding-left:24px;
}
#order h1::before{
    content:'';
    width:3px;
    height:18px;
    background:#000;
    position: absolute;
    left:3px;
}
#order h2{
    color:#333;
    font-size:14px;
    padding:16px 24px;
}

.ec-orderRole .ec-orderRole__detail{
    padding:0 0 0 16px;
    width:70%;
}
.ec-orderRole .ec-orderRole__summary{
    padding:0 16px 0 36px;
    width:30%;
}
.ec-orderDelivery, .ec-orderPayment{
    margin-bottom:48px;
}

.ec-orderRole .ec-borderedList{
    margin-bottom:8px;
}
.ec-borderedList li{
    border:0;
}

.btn_edit{
    color:#888;
    font-size:12px;
    background:inherit;
    border:0;
    padding:16px 20px;
}
.ec-orderRole .btn_edit{
    font-weight:600;
}
.btn_edit:hover{
    background:inherit;
    color:#666;
}
.btn_edit::before{
    content:'\f304';
    color:#888;
    font-family: "Font Awesome 5 Free";
    font-size:12px;
    font-weight:bold;
    margin-right:8px;
}
.ec-borderedDefs{
    padding:16px;
}
.ec-borderedDefs dl{
    padding:0;
}
    .ec-borderedDefs input[type=text], .ec-borderedDefs input[type=tel], .ec-borderedDefs input[type=password]{
        height:48px;
        color:#000;
        font-size:14px;
        padding:4px 16px;
    }

.mod-button{
    text-align: center;
    margin-bottom:24px;
}
#customer-ok .ec-inlineBtn,
#customer-cancel .ec-inlineBtn{
    font-size:12px;
    line-height:1;
    font-weight:600;
    border:0;
    padding:12px 16px;
    min-width:160px;
    background:inherit;
    transition: all 0.5s 0s ease;
}
#customer-ok .ec-inlineBtn{
    color:#fff;
    background:#9ea6ad;
}
#customer-ok .ec-inlineBtn:hover{
    opacity:0.8;
}
#customer-cancel .ec-inlineBtn{
    color:#555;
    background:inherit;
    border:1px #ddd solid;
}
#customer-cancel .ec-inlineBtn:hover{
    background:#eee;
}
.ec-imageGrid{
    padding:16px;
    border-top:0;
    border-bottom:1px #DDD solid;
    padding-bottom:24px;
    margin-bottom:0;
    background:#fff;
}
.ec-imageGrid .ec-imageGrid__img{
    width:90px;
    padding:0;
}
.ec-imageGrid .ec-imageGrid__content{
    padding-left:24px;
}
.ec-imageGrid .ec-imageGrid__content p{
    color:#000;
    font-size:12px;
    line-height:1.6;
}
#mypage .ec-imageGrid .ec-imageGrid__content p{
    color:#000;
    font-size:12px;
    line-height:1.6;
}
.ec-imageGrid .ec-imageGrid__content p.pd_name{
    font-size:14px;
    font-weight:700;
    letter-spacing:0.05em;
    font-feature-settings: 'palt';
    line-height:2;
}
#mypage .ec-imageGrid .ec-imageGrid__content p.pd_name{
    font-size:14px;
    font-weight:700;
    letter-spacing:0.05em;
    font-feature-settings: 'palt';
    line-height:2;
}
.ec-imageGrid .ec-imageGrid__content span.pd_price{
    font-size:15px;
    font-weight:700;
    letter-spacing:0.05em;
    font-feature-settings: 'palt';
    margin-left:0;
    margin-right:8px;
}
.ec-orderAccount .ec-orderAccount__account{
    color:#000;
    font-size:14px;
    line-height:1.8;
    padding:28px 40px;
    border:1px #DDD solid;
}
p.order_attention_str{
    text-align: right;
    font-size:12px;
    font-feature-settings: 'palt';
    letter-spacing:0.05em;
    color:#888;
    margin-bottom:16px;
}
.ec-orderDelivery .ec-orderDelivery__title{
    color:#000;
    font-size:14px;
    padding-left:24px;
    border-left:3px #000 solid;
}
.ec-orderDelivery .ec-orderDelivery__itemwrapper{
    border:1px #DDD solid;
    padding:16px 20px 0;
    margin-bottom:12px;
}

.ec-orderDelivery .ec-orderDelivery__address{
    padding:24px 36px;
    background:#fafafa;
    position:relative;
}
.ec-orderDelivery .ec-orderDelivery__address p{
    color:#000;
    font-size:14px;
    line-height:1.8;
}

.ec-selects{
    margin-bottom:32px;
    border-bottom:0;
}
.ec-select__delivery, .ec-select__time{
    display:inherit;
}
.ec-select select, .ec-birth select{
    height:48px;
    color:#000;
    font-size:14px;
    padding:4px 16px;
    background:#fff;
}
.ec-birth select:first-child{
    margin-left:0;
}
.ec-select p, .ec-orderPayment p, .ec-input p{
    color:#000;
    font-size:14px;
    line-height:1.8;
    padding:16px;
}
.ec-birth span{
    margin:0;
}
.ec-orderPayment p, .ec-input p{
    border:1px #DDD solid;
    padding:24px 36px;
}
.ec-input .ec-errorMessage{
    border:0;
    padding:inherit;
}
.ec-input p{
    min-height:160px;
}
.ec-input .ec-errorMessage{
    min-height:inherit;
}

.ec-orderDelivery__edit{
    text-align: right;
}
.ec-orderDelivery__edit .ec-inlineBtn{
    color:#666;
    font-size:13px;
    font-weight:600;
    background: #fff;
    min-width:200px;
    padding: 12px 0 12px 16px;
    border:1px #ddd solid;
    transition: all 0.5s 0s ease;
    position:relative;
}
.ec-orderDelivery__edit .ec-inlineBtn:hover{
    background:#eee;
}
.ec-orderDelivery__edit .ec-inlineBtn::before{
    content:'\f067';
    color:#AAA;
    font-family: "Font Awesome 5 Free";
    font-size:14px;
    font-weight:bold;
    margin-right:8px;
    display:block;
    position:absolute;
    top:center;
    left:20px;
}

.ec-orderPayment .ec-radio{
    padding:24px 20px 0;
}
.ec-orderPayment .ec-radio label{
    color:#000;
    font-size:14px;
}

#order .ec-input textarea{
    height:200px;
    color:#000;
    font-family: 'Inter', 'Noto Sans JP', sans-serif;
    font-size:14px;
    padding:12px 16px;
    border-color:#ddd;
}

.ec-orderConfirm{
    margin-bottom:32px;
}
.ec-AddAddress .ec-AddAddress__selectNumber input{
    margin-left:0;
}
/*配送先設定*/
.ec-addressRole .ec-addressRole__actions, .ec-AddAddress .ec-AddAddress__new{
    text-align: right;
    border-bottom:0;
}
.ec-addressRole .ec-addressRole__actions .ec-inlineBtn, .ec-AddAddress .ec-AddAddress__new .ec-inlineBtn{
    color:#666;
    font-size:13px;
    font-weight:600;
    background:#fff;
    min-width:200px;
    padding:12px 0 12px 16px;
    border:1px #ddd solid;
    transition: all 0.5s 0s ease;
    position:relative;
}
.ec-addressRole .ec-addressRole__actions .ec-inlineBtn:hover, .ec-AddAddress .ec-AddAddress__new .ec-inlineBtn:hover{
    background:#eee;
}
.ec-addressRole .ec-addressRole__actions .ec-inlineBtn::before, .ec-AddAddress .ec-AddAddress__new .ec-inlineBtn::before{
    content:'\f067';
    color:#666;
    font-family: "Font Awesome 5 Free";
    font-size:14px;
    font-weight:bold;
    margin-right:8px;
    display:block;
    position:absolute;
    top:auto;
    left:20px;
}

.ec-AddAddress .ec-AddAddress__info{
    /*margin:24px 0;
    padding:16px 0 18px;
    border:1px #DE5D50 solid;*/
    background:#fff;
    text-align: left;

    padding:20px 20px 21px;
    /*margin-bottom:24px;*/
    width:100%;
    /*max-width:1050px;*/
    margin-top:12px;
    margin-bottom:48px;
    border-left:4px #5CB1B1 solid;
    border-radius: 4px;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1);
    position: relative;
    font-size:14px;
}
.ec-AddAddress .ec-AddAddress__info p{
    color:#000;
    font-size:14px;
    font-weight:600;
    text-align: left;
}



.ec-addressList .ec-addressList__item{
    border:1px #ddd solid;
    margin-bottom:16px;
    position: relative;
}
.ec-addressList .ec-addressList__remove{
    padding:28px 24px;
    color:#888;
}
.ec-addressList .ec-addressList__remove:hover{
    color:#000;
}
.ec-addressList .ec-addressList__address{
    color:#000;
    font-size:14px;
    line-height:1.8;
    padding:24px;
    display:inline-block;
    width:91.6%;
    margin-right:0;
}
.ec-addressList{
    margin-bottom:32px;
}
.ec-registerRole .ec-blockBtn--action{
    margin-bottom: 10px;
}

.ec-AddAddress .ec-AddAddress__itemtContent{
    color:#000;
    font-size:12px;
    font-feature-settings: 'palt';
    padding-left:24px;
}
.ec-AddAddress .ec-AddAddress__item{
    display:inherit;
    width:100%;
}

.ec-AddAddress .ec-AddAddress__itemThumb{
    max-width:90px;
    min-width:90px;
}
.ec-AddAddress .ec-AddAddress__itemtTitle{
    font-size:14px;
    font-weight:700;
    letter-spacing: 0.05em;
    margin-bottom: 4px;
}
.ec-AddAddress .ec-AddAddress__itemtSize{
    margin-bottom:2px;
}
.ec-AddAddress .ec-AddAddress__itemtPrice{
    font-size:15px;
    font-weight:700;
    letter-spacing: 0.05em;
    margin-right: 8px;
    display: inline-flex;
}
.ec-AddAddress__itemtNumber{
    display:inline-flex;
}
.ec-AddAddress .ec-AddAddress__actions{
    margin-top:48px;
}
.ec-AddAddress .ec-AddAddress__add{
    border:1px #ddd solid;
    padding:24px 24px;
    margin-bottom:16px;
}
.ec-AddAddress .ec-AddAddress__add label{
    color:#000;
    font-size:14px;
    font-weight:600;
}

.ec-AddAddress__select{
    padding:12px 16px 8px;
    border-bottom:1px #ddd solid;
}
.ec-AddAddress__btn{
    padding:12px 16px 8px;
}

.ec-AddAddress__btn .ec-inlineBtn{
    background: none;
    font-size:13px;
    padding:12px 16px;
}
.ec-AddAddress__btn .ec-inlineBtn i{
    color:#666;
    font-family: "Font Awesome 5 Free";
    font-size:14px;
    line-height:1;
    font-weight:bold;
    display:inline-block;
    margin-right:8px;
}
.ec-AddAddress__select .ec-inlineBtn{
    background: none;
    font-size:13px;
    padding:12px 16px;
}
.ec-AddAddress__select .ec-inlineBtn i{
    color:#666;
    font-family: "Font Awesome 5 Free";
    font-size:14px;
    line-height:1;
    font-weight:bold;
    display:inline-block;
    margin-right:8px;
}
.ec-AddAddress__select{
    display:flex;
    justify-content: space-between;
}
.ec-AddAddress__select select, .ec-AddAddress__select input[type='number']{
    color:#000;
    height:48px;
    font-size:14px;
    padding:4px 16px;
}
.ec-AddAddress__selectAddress, .ec-AddAddress__selectNumber, .ec-AddAddress__deleteBtn{
    display:flex;
    flex-direction:column;
}
.ec-AddAddress__deleteBtn .ec-inlineBtn{
    margin-top:auto;
    margin-bottom:auto;
}


/*ミニカート*/
.ec-totalBox{
    background:#fff;
    padding: 28px;
    border:1px #DDD solid;
}

.ec-totalBox .ec-totalBox__spec{
    margin-bottom:12px;
}
.ec-totalBox__spec dt, .ec-totalBox__spec dd{
    color:#333;
    font-size:14px;
    line-height:1;
}
.ec-totalBox .ec-totalBox__total{
    color:#000;
    border:0;
    padding-top:0;
    padding-bottom:16px;
}
.ec-totalBox .ec-totalBox__ttl{
    color:#000;
    font-size:15px;
    font-weight:bold;
}
.ec-totalBox .ec-totalBox__price{
    color:#000;
    font-size:16px;
}
.ec-totalBox .ec-totalBox__paymentTotal{
    color:#000;
    font-size:14px;
    text-align: left;
    border-top:0;
}
.ec-totalBox .ec-totalBox__taxLabel{
    color:#333;
    font-size:12px;
    font-weight:600;
    margin-left:0;
    font-feature-settings: 'palt';
}
.ec-totalBox .ec-totalBox__taxrate_wrapper{
    margin:16px 0;
    padding:16px 0;
    border-top:1px #DDD solid;
    border-bottom:1px #DDD solid;
}
.ec-totalBox .ec-totalBox__taxRate{
    justify-content: space-between;
    margin-bottom:0;
}
.minicart_total_price{
    text-align: right;
    padding-top:8px;
}
.minicart_total_price .ec-totalBox__price{
    margin:2px;
}
.ec-totalBox .ec-totalBox__paymentTotal .ec-totalBox__price{
    font-size:22px;
}
.ec-totalBox .ec-totalBox__taxRate dd{
    margin-bottom:0;
    padding-bottom:4px;
}


.ec-totalBox .ec-totalBox__taxRate dt, .ec-totalBox .ec-totalBox__taxRate dd{
    font-size:12px;
    font-feature-settings: 'palt';
    padding:0;
}
.ec-totalBox .ec-totalBox__taxRate dt::before, .ec-totalBox .ec-totalBox__taxRate dd::after{
    content:'';
}

.ec-totalBox .ec-totalBox__btn{
    margin-top:16px;
}
.ec-totalBox .ec-totalBox__btn .ec-blockBtn--action{
    font-size:13px;
    line-height:1;
    padding:18px 0;
}
.ec-totalBox .ec-totalBox__btn .ec-blockBtn--cancel{
    color:#666;
    font-size:13px;
    line-height:1;
    padding:18px 0;
    position:relative;
}
.ec-totalBox .ec-totalBox__btn .ec-blockBtn--cancel::before{
    content:'\f053';
    color:#AAA;
    font-family: "Font Awesome 5 Free";
    font-size:14px;
    font-weight:bold;
    margin-right:8px;
    display:block;
    position:absolute;
    top:center;
    left:16px;
}

/* 問い合わせ・会員登録・ログイン */
#contact, #entry, #login, #forgot{
    font-family: 'Inter', 'Noto Sans JP', sans-serif;
}
#login, #forgot{
    padding-left:20px;
    padding-right:20px;
}

#contact h1, #entry h1, #login h1, #forgot h1{
    color:#000;
    font-size:16px;
    padding-bottom:20px;
    border-bottom:1px #DDD solid;
    position: relative;
    padding-left:24px;
}
#contact h1::before, #entry h1::before, #login h1::before, #forgot h1::before{
    content:'';
    width:3px;
    height:18px;
    background:#000;
    position: absolute;
    left:3px;
}
#contact .ec-reportHeading, #entry .ec-reportHeading{
    margin-top:36px;
}
.ec-reportHeading .fa-check{
    font-size:48px;
    color:#5CB1B1;
}
#entry .ec-reportHeading .fa-envelope{
    font-size:48px;
    color:#666;
}

#contact .ec-reportHeading h2, #entry .ec-reportHeading h2, #mypage .ec-reportHeading h2, #order .ec-reportHeading h2{
    color:#000;
    font-weight:normal;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    font-size:30px;
    line-height:1.5;
}
#contact p, #entry p, #forgot p{
    color:#000;
    font-size:14px;
    line-height:2;
}
.ec-borderedDefs{
    border:0;
    margin-bottom:40px;
}
.ec-borderedDefs dl{
    border:0;
}
.ec-borderedDefs dl dt{
    line-height:3;
}
.ec-borderedDefs dl dd{
    color:#000;
    font-size:14px;
    line-height:3;
    padding-top:14px;
}
.ec-contactConfirmRole p, .ec-registerRole p{
    margin:16px 0;
}
.ec-label{
    color:#000;
    font-size:14px;
}
.ec-required{
    color:#FFF;
    background:#DE5D50;
    font-size:11px;
    line-height:1;
    font-weight:bold;
    padding:4px 8px;
    border-radius:2px;
}
#contact input[type=text], #contact input[type=tel], #contact input[type=email], #contact_address_pref,
#forgot input[type=text], #forgot input[type=email], #forgot input[type=password],
#entry input[type=text], #entry input[type=tel], #entry input[type=email], #entry_address_pref, #entry input[type=password], #entry select,
#mypage input[type=text], #mypage input[type=tel], #mypage input[type=email], #mypage input[type=password], #mypage select{
    height:48px;
    color:#000;
    font-size:14px;
    padding:4px 16px;
}
#entry select{
    background-color:#FFF;
}
#contact .ec-halfInput input[type=text], #entry .ec-halfInput input[type=text], #mypage .ec-halfInput input[type=text]{
    margin-left:10px;
}
#contact .ec-halfInput input[type=text]:first-of-type, #entry .ec-halfInput input[type=text]:first-of-type, #mypage .ec-halfInput input[type=text]:first-of-type{
    margin-left:0;
}
#contact textarea, #entry textarea, #mypage textarea{
    height:160px;
    color:#000;
    font-family: 'Inter', 'Noto Sans JP', sans-serif;
    font-size:14px;
    padding:12px 16px;
}
.ec-zipInput span{
    line-height:1;
    padding:0;
}
.ec-zipInput span.postmark{
    color:#000;
    font-weight:bold;
    margin-left:0;
    margin-right:4px;
    padding-left:0;
}
.ec-zipInputHelp span{
    margin:0;
    padding:0;
    vertical-align: 0;
}
.ec-zipInputHelp span:hover{
    text-decoration:underline;
}
.ec-zipInput a{
    color:#555;
    font-size:14px;
}
.ec-zipInput a::before{
    color:#555;
    content: "\f059";
    font-family: "Font Awesome 5 Free";
    font-weight:bold;
    margin-right:5px;
}
#contact_address_pref, #entry_address_pref, #customer_address_address_pref{
    width:166px;
    background-color:#FFF;
}
.ec-radio input{
    margin-right:4px;
}
.ec-checkbox label{
    font-size:14px;
    font-weight:normal;
}
.ec-checkbox input{
    margin-right:4px;
    margin-bottom:32px;
}
.ec-checkbox a:hover{
    text-decoration:underline;
    color:#0092C4;
}
#contact ::placeholder, #entry ::placeholder{
    color:#888;
}
.ec-blockBtn--action{
    height:inherit;
    background-color:#333;
    border-color:#333;
    transition: all 0.5s;
    position: relative;
}
.ec-blockBtn--action::before{
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 14px;
    color: #FFF;
    position: absolute;
    top: center;
    right: 16px;
}
.ec-blockBtn--action:hover{
    background-color:#555;
    border-color:#555;
}
.ec-blockBtn--cancel{
    height:inherit;
    color:#555;
    background:#FFF;
    border-color:#CCC;
    transition: all 0.5s;
    position: relative;
}
.ec-blockBtn--cancel::before{
    content: "\f053";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 14px;
    color: #888;
    position: absolute;
    top: center;
    left: 18px;
}
.ec-blockBtn--cancel:hover{
    color:#555;
    background:#EEE;
    border-color:#CCC;
}
.guestBtn{
    background:#9ea6ad;
    border:0;
}
.guestBtn:hover{
    background:#b8bec4;
}
#contact p.ec-errorMessage, #entry p.ec-errorMessage{
    color:#DE5D50;
    font-size:12px;
    line-height:1.4;
}
#contact p.ec-errorMessage::before, #entry p.ec-errorMessage::before{
    content: "\f05a";
    font-family: "Font Awesome 5 Free";
    margin-right:3px;
}
.ec-off3Grid .ec-off3Grid__cell{
    width:60%;
    margin-left:auto;
    margin-right:auto;
}


.ec-checkbox label{
    color:#333;
    font-size:13px;
    line-height:1.3;
}
.ec-login{
    padding-bottom:48px;
}
.ec-login .ec-login__icon{
    margin-bottom:28px;
}
.ec-login .ec-login__input{
    margin-bottom:0;
}

.ec-login .ec-login__link{
    margin-left:32px;
    margin-top:0;
}
.ec-link{
    font-size:14px;
    line-height:2;
}
.ec-link:hover{
    text-decoration: underline;
}

.ec-guest .ec-guest__inner p{
    color:#333;
    font-size:13px;
    line-height:1.8;
    margin-bottom:24px;
    font-weight:700;
}
.ec-guest .ec-guest__actions a::before{
    content:'';
}

/*pageToTop*/
.ec-blockTopBtn{
    display:block;
    width:48px;
    height:48px;
    border-radius:24px;
    /*text-indent: -9999px;*/
    padding-top:4px;
}
.ec-blockTopBtn::before{
    color:#fff;
    content: "\f062";
    font-family: "Font Awesome 5 Free";
    font-weight:bold;
    
}
/*ABOUT*/
/*#page_help_about{
    background:url("/ec/html/user_data/assets/img/about/landscape-mono.jpg");
    background-color: rgba(255,255,255,0.8);
    background-blend-mode: lighten;
}*/
#about{
    font-family: 'Inter', 'Noto Sans JP', sans-serif;
}
#about h1{
    color:#000;
    font-size:16px;
    padding-bottom:20px;
    border-bottom:1px #EEE solid;
    position: relative;
    padding-left:24px;
}
#about h1::before{
    content:'';
    width:3px;
    height:18px;
    background:#000;
    position: absolute;
    left:3px;
}
#about p, #about ol li, #about ul li, #about dl dt, #about dl dd{
    color:#000;
    font-size:14px;
    line-height:2.5;
    padding-top:0;
}

#about .mid{
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    font-size:42px;
    line-height:2.5;
    text-align: center;
    margin-bottom:40px;
    /*font-feature-settings: 'palt';*/
    letter-spacing:0.05em;
}

#about .copy{
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    font-size:16px;
    line-height:3;
    font-weight:normal;
    text-align: center;
    margin-bottom:36px;
    font-feature-settings: 'palt';
    letter-spacing:0.2em;
}

.logo-block{
    text-align: center;
    margin:0 0 120px;
}
.logo-block img{
    width:auto;
    height:88px;
}

.youtube-block{
    text-align: center;
    margin-bottom:24px;
}
.youtube-block iframe{
    width:100%;
    height:auto;
    aspect-ratio: 16 / 9;
}
.ec-imgRole{
    margin-bottom:104px;
}
.ec-imgRole .ec-imgRole__list{
    flex-wrap:nowrap;
    display:flex;
}
.ec-imgRole .ec-imgRole__listItem{
    width:50%;
    height: auto;
    flex:1;
}
.ec-imgRole .ec-imgRole__listItem:not(:last-of-type){
    margin-right:30px;
}



/*.parallax_content{
    display: flex;
    height: 400px;
    justify-content: center;
    align-items: center;
    margin-bottom:80px;
  
    background-attachment: fixed;
    background-position: center bottom;
    background-size: 100%;
    background-repeat: no-repeat;

    text-indent: -9999px;
  }
.img_bg_01{
    background-image:url('/ec/html/user_data/assets/img/about/landscape.jpg');
}*/

/*#page_help_about{
    background:url('/ec/html/user_data/assets/img/about/landscape.jpg') center top no-repeat;
    background-size:cover;
}*/
/*#about .story{
    width:640px;
    font-size:14px;
    line-height:3;
    margin:0 auto 80px;
    font-feature-settings: 'palt';
    letter-spacing:0.05em;
}
*/
#about h2{
    color:#000;
    font-size:18px;
    line-height:1;
    text-align: center;
    margin-bottom:64px;
    font-weight:500;
    /*font-feature-settings: 'palt';
    letter-spacing:0.05em;*/
}
.ec-about-profile{
    margin-bottom:64px;
}
.ec-about-profile dl{
    width: 760px;
    margin: 0 auto;
}
.ec-about-profile dl dt{
    border-right:1px #DDD solid;
}
.ec-about-profile dl dd{
    padding-left:40px;
}
.ec-about-profile dl dd:not(:last-of-type){
    margin-bottom:20px;
}

.about_active_wrapper{
    margin-bottom:160px;
}
.about_location_wrapper{
    margin-bottom:120px;
}
.about_active_block{
    display:flex;
    margin-bottom:64px;
}
.about_location_block{
    display:flex;
}
.about_active_img{
    width:50%;
}
.about_active_img img{
    width:auto;
    padding-right:64px;
}

.about_active_str{
    width:50%;
}
.about_location_img{
    width:45%;
    margin-right:30px;
}
.about_location_img img{
    width:auto;
    height:380px;
}
.about_location_str{
    width:55%;
}

#about .about_active_str h4{
    color:#000;
    font-size:16px;
    font-weight:600;
    margin-bottom:20px;
}
#about .about_active_str p, #about .about_location_str p{
    color:#000;
    font-size:14px;
    line-height: 2;
}
#about .about_active_str p.ini{
    width:auto;
    height:32px;
    font-size:13px;
    line-height:2.4;
    font-weight:bold;
    margin-bottom:28px;
    letter-spacing:0.05em;
    background:#eee;
    display:inline-block;
    padding: 0 18px 0;
    border-radius: 16px;
}
.bzimage-wrapper{
    margin-top:80px;
    margin-bottom:160px;
}

/*ブランドストーリー*/
#story{
    font-family: 'Inter', 'Noto Sans JP', sans-serif;
}
#story h1{
    color:#000;
    font-size:16px;
    padding-bottom:20px;
    border-bottom:1px #DDD solid;
    position: relative;
    padding-left:24px;
}
#story h1::before{
    content:'';
    width:3px;
    height:18px;
    background:#000;
    position: absolute;
    left:3px;
}
#story h2{
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    font-size:40px;
    line-height:2;
    font-weight:normal;
    text-align: center;
    margin-top:40px;
    margin-bottom:76px;
    font-feature-settings: 'palt';
    letter-spacing:0.1em;
    color:#333;
}
#story .series{
    color:#000;
    font-family: "Trispace", sans-serif;
    font-size:16px;
    line-height:1;
    font-weight:600;
    text-align: center;
    margin-top:88px;
}

#story p{
    color:#000;
    font-size:14px;
    line-height:2.8;
    padding-top:0;
}
#story .ec-off1Grid .ec-off1Grid__cell div{
    margin-bottom:28px;
}

#story .ec-off1Grid .ec-off1Grid__cell{
    width:60%;
    margin-left:20%;
}

#story .ec-topicRole .ec-topicRole__story{
    color:#000;
    font-size:12px;
    font-weight: 700;
    line-height: 1;
    padding:10px 14px 9px;
    background:#eee;
    border-radius: 16px;
    margin-top:24px;
    margin-bottom:8px;
    display: inline-block;
}
#story .ec-topicRole .ec-topicRole__listItemTitle{
    font-size:14px;
    line-height:28px;
    font-weight: 600;
    /*font-feature-settings: 'palt';*/
    letter-spacing:0.05em;
    margin-top:0;
    margin-left:0;
}

#story .separate{
    width:20%;
    height:1px;
    border-top:1px #000 solid;
    margin-top:80px;
}
#story .ec-off1Grid .ec-off1Grid__cell div.separate{
    margin-bottom:0;
}

/* 規約ページ */
#help{
    font-family: 'Inter', 'Noto Sans JP', sans-serif;
}
#help h1{
    color:#000;
    font-size:16px;
    padding-bottom:20px;
    border-bottom:1px #DDD solid;
    position: relative;
    padding-left:24px;
}
#help h1::before{
    content:'';
    width:3px;
    height:18px;
    background:#000;
    position: absolute;
    left:3px;
}
#help h6{
    color:#000;
    font-size:14px;
    font-weight:700;
    padding-top:24px;
    margin-top:24px;
    margin-bottom:12px;
}
#help p, #help ol li, #help ul li, #help dl dt, #help dl dd{
    color:#000;
    font-size:14px;
    line-height:2.5;
    padding-top:0;
}
#help ol {
  list-style: none;
  counter-reset: number;
  padding-left:0;
}
#help ol li {
  position: relative;
  padding-left: 40px;
}
#help ol li::before {
  counter-increment: number;
  content: '（' counter(number) '）';
  position: absolute;
  left: 0;
  font-feature-settings: 'palt';
}
#help .child{
    padding-left:24px;
}
#help .child li {
    list-style-type:upper-roman;
    padding-left:0;
}
#help .child li::before {
  counter-increment: number;
  content: '';
  position: absolute;
  left: 0;
}
#help .grandchild{
    padding-left:24px;
}
#help .grandchild li {
    list-style-type:lower-roman;
    padding-left:0;
}
#help .grandchild li::before {
  counter-increment: number;
  content: '';
  position: absolute;
  left: 0;
}
#help dl{
    border:0;
    margin-bottom:8px;
}
#help .ec-borderedDefs{
    border:0;
}
#help dl dt{
    padding-top:0;
}

/* マイページ */
#mypage{
    font-family: 'Inter', 'Noto Sans JP', sans-serif;
}
#mypage h1{
    color:#000;
    font-size:16px;
    padding-bottom:20px;
    border-bottom:1px #DDD solid;
    position: relative;
    padding-left:24px;
}
#mypage h1::before{
    content:'';
    width:3px;
    height:18px;
    background:#000;
    position: absolute;
    left:3px;
}
#mypage p{
    color:#000;
    font-size:14px;
    line-height:2;
}
.ec-navlistRole .ec-navlistRole__item a{
    color:#000;
    font-size:14px;
    padding:18px 12px;
}
.ec-navlistRole .active a{
    color:#DE5D50;
}
#mypage li.active{
    border-bottom:2px #DE5D50 solid;
}

.ec-welcomeMsg{
    border-bottom:0;
    padding:0;
    margin:0;
    font-size:15px;
    line-height:1;
    color:#000;
    font-weight:500;
    text-align: right;
    height:48px;
}
.ec-welcomeMsg p{
    padding-right:8px;
}
.ec-para-msg, .ec-para-emsg{
    /*margin:24px 0;
    padding:16px 0 18px;
    border:1px #DE5D50 solid;*/
    background:#fff;
    text-align: left;

    padding:20px 20px 21px;
    margin-bottom:24px;
    width:100%;
    /*max-width:1050px;*/
    margin-top:0;
    margin-bottom:48px;
    border-left:4px #5CB1B1 solid;
    border-radius: 4px;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1);
    position: relative;
    font-size:14px;
}
.ec-para-emsg{
    border-left:4px #DE5D50 solid;
}
.ec-para-msg p, .ec-para-emsg p{
    font-size:14px;
    line-height:1.5;
    font-weight:600;
    color:#000;
    padding-left:8px;
    margin-bottom:0;
}
.ec-favoriteRole .ec-favoriteRole__header{
    margin-bottom:0;
}

.ec-favoriteRole .ec-favoriteRole__item .ec-closeBtn--circle{
    top:16px;
    right:16px;
}


.ec-addressList .ec-addressList__remove{
    padding:0;
    display:inline-block;
    width:8.333333%;
    height:100%;
}

.ec-addressList .ec-addressList__action{
    top:0;
    right:0;
    padding:0;
    position: absolute;
}
.ec-addressList .ec-addressList__action:hover .ec-inlineBtn{
    color:#666;
    background:inherit;
}
.ec-inlineBtn{
    background:inherit;
    border:0;
    padding:16px 20px;
    font-size:12px;
    color:#888;
}
.ec-addressList .ec-addressList__action .ec-inlineBtn::before{
    content:'\f304';
    color:#888;
    font-family: "Font Awesome 5 Free";
    font-size:12px;
    font-weight:bold;
    margin-right:8px;
}

.ec-historyRole .ec-historyRole__contents{
    border-bottom:1px #ddd solid;
}

@media screen and (max-width: 1200px) {
/*    .ec-sliderRole .ec-eyecatchRole{
        width:53.3vw;
    }
    .ec-eyecatchRole .ec-eyecatchRole__introTitle{
        font-size:3.5vw;
    }
    .ec-eyecatchRole .ec-eyecatchRole__introDescription{
        font-size:1.25vw;
    }
*/
}

@media screen and (max-width: 768px) {
/*ヘッダー*/
header{
    height:62px;
}

.ec-headerNaviRole .ec-headerNaviRole__left{
    width:50%;
}
.ec-headerNaviRole .ec-headerNaviRole__right{
    width:50%;
}
.ec-headerNaviRole .ec-headerNaviRole__nav{
    display:none;
}

.ec-headerRole__cart{
    width:50px;
}
.ec-cartNavi{
    background-color:inherit;
    padding: 0;
    width:44px;
    height:44px;
    display:inline-block;
    line-height:3;
    text-align: center;
}


/*SPメニュー*/
.ec-headerRole__navSP{
    display: inline-block;
}
.ec-headerNavSP{
    position:relative;
    top:inherit;
    left:inherit;
    padding:0;
    margin:8px 8px 0;
    width:23px;
    height:19px;
}
.ec-headerNaviRole .fa-bars{
    position: inherit;
    transform: none;
}

.ec-headerNavSP span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #000;
  }
  .ec-headerNavSP, .ec-headerNavSP span {
    display: inline-block;
    transition: all .5s;
    box-sizing: border-box;
  }
  .ec-headerNavSP span:nth-of-type(1) {
    top: 0;
  }
  .ec-headerNavSP span:nth-of-type(2) {
    top: 9px;
  }
  .ec-headerNavSP span:nth-of-type(3) {
    bottom: 0;
  }


  .ec-headerNavSP.active span:nth-of-type(1) {
    -webkit-transform: translateY(9px) rotate(-45deg);
    transform: translateY(9px) rotate(-45deg);
  }
  .ec-headerNavSP.active span:nth-of-type(2) {
    opacity: 0;
  }
  .ec-headerNavSP.active span:nth-of-type(3) {
    -webkit-transform: translateY(-9px) rotate(45deg);
    transform: translateY(-9px) rotate(45deg);
  }

  .ec-drawerRoleClose.is_active{
    display:none;
  }
/*ロゴ*/
#header_logo{
    width:100px;
    height:100px;
}
#header_logo a{
    background-position:28px 31px;
    background-size:45px auto;
}

/*ドロワー*/
.ec-drawerRole .ec-headerSearch{
    display:none;
}
.ec-drawerRole .ec-headerLinkArea{
    display:none;
}
.ec-drawerRole .ec-headerCategoryArea .ec-headerCategoryArea__heading{
    border:0;
    border-bottom:1px #333 solid;
    padding:16px 24px;
    color:#fff;
    background:#000;
    font-size:14px;
    font-weight:600;
    letter-spacing:0.05em;
    /*position: relative;
    height:53px;*/
}
.ec-drawerRole .ec-headerNaviArea ul{
    padding:0;
    margin:0;
}
.ec-drawerRole .ec-headerNaviArea ul li{
    list-style-type: none;
    padding:16px 24px;
    border-bottom: 1px #333 solid ;
}
.ec-drawerRole .ec-headerNaviArea ul li a{
    color:#FFF;
    display: block;
    width: 100%;
    height:100%;
    font-size:14px;
    font-weight:600;
    letter-spacing:0.05em;

}


.ec-drawerRole .ec-headerIconArea ul{
    padding:20px 24px;
    margin:0;
}
.ec-drawerRole .ec-headerIconArea ul li{
    list-style-type: none;
    padding:0;
    border-bottom: 0;
    display:inline-flex;
    position: relative;
}
.ec-drawerRole .ec-headerIconArea ul li a{
    color:#FFF;
    display: inline-block;
    width: 40px;
    height:40px;
    font-size:12px;
    font-weight:600;
    letter-spacing:0.05em;
    color:#fff;
    border:0;
    margin-right:8px;
    border-radius: 22px;
    background: #fff;
}
.ec-drawerRole .ec-headerIconArea .icn-signup::before{
    content: "\f007";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 17px;
    color: #888;
    position: absolute;
    top: 8px;
    left: 12.5px;
}
.ec-drawerRole .ec-headerIconArea .icn-favorite::before{
    content: "\f004";
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
    font-size: 17px;
    color: #888;
    position: absolute;
    top: 8.5px;
    left: 11px;
}
.ec-drawerRole .ec-headerIconArea .icn-login::before{
    content: "\f2f6";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 20px;
    color: #888;
    position: absolute;
    top: 6px;
    left: 10px;
}

.ec-drawerRole .ec-headerCategoryArea .ec-itemNav__nav li a{
    font-size:13px;
    font-weight:600;
    border-bottom:1px #f2f2f2 solid;
    background:#fff;
    padding:14px 24px;
    position: relative;
}
.ec-drawerRole .ec-headerCategoryArea .ec-itemNav__nav li a::before{
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 12px;
    color: #888;
    position: absolute;
    top: center;
    right: 16px;
}

.ec-layoutRole .ec-layoutRole__contents{
    padding:0 20px;
}
.ec-blockBtn--action{
    font-size:13px;
    /*line-height:50px;*/
}
.ec-blockBtn--cancel{
    font-size:13px;
}
/*スライダー*/
.ec-sliderRole .draggable{
    height:660px;
}
.slick-slide{
    /*width:auto !important;*/
}
.slick-track{
    width:100%;
}
.ec-sliderRole img{
    height:660px;
    object-fit: cover;
    object-position: 60% 50%;
}
/*.slick-track{
    position: relative;
    left:0;
    top:0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before{
    content:'';
    display:table;
}
.slick-slide{
    float:left;
    height:100%;
    min-height:1px;
    display:block;
}
.slick-slide > div{
    height:100%;
}*/

.ec-sliderRole .ec-eyecatchRole{
    position:absolute; 
    top:33%;
    left:calc(50% - 40%);
    z-index: 9998;
    width:80%;
}
.ec-eyecatchRole .ec-eyecatchRole__intro{
    text-align: center;
}
.ec-eyecatchRole .ec-eyecatchRole__introTitle{
    color:#FFF;
    font-size: 27.5px;
    line-height:2;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    font-weight:normal;
    letter-spacing:0.03em;
    /*font-feature-settings: 'palt';*/
    margin-bottom:12px;
}
.ec-eyecatchRole .ec-eyecatchRole__introDescription{
    color:#FFF;
    font-size:13px;
    line-height:2.3;
    font-weight:500;
    letter-spacing:0.03em;
    margin-bottom:32px;
    /*font-feature-settings: 'palt';*/
}
.ec-eyecatchRole .ec-eyecatchRole__introDescription br{
    display:none;
}
.ec-eyecatchRole  .ec-blockBtn--top{
    width:60%;
    margin:0 auto;
}
#page_homepage .ec-eyecatchRole__pdLink .ec-blockBtn--top{
    width:100%;
    padding:0 40px 0 24px;
}
.ec-eyecatchRole__pdLink{
    top:calc(100% - 70px);
    right:16px;
}
/*.ec-eyecatchRole .ec-blockBtn--top{
    background-color: transparent;
    border: 1px #fff solid;
}
.ec-eyecatchRole .ec-blockBtn--top:hover{
    opacity:0.8;
}*/



/*トップ*/
/*新商品*/
.ec-secHeading--tandem .ec-secHeading__en{
    font-size:16px;
}
.ec-newItemRole .ec-newItemRole__list{
    display:none;
}
.ec-newItemRole .ec-newItemRole__list__sp{
    display:flex;
    flex-wrap: wrap;
}
.ec-newItemRole .ec-newItemRole__listItem{
    width:50%;
    margin-bottom:36px;
}
.ec-newItemRole .ec-newItemRole__listItem:nth-child(odd){
    padding:0;
    padding-right:8px;
    margin-right:0;
}
.ec-newItemRole .ec-newItemRole__listItem:nth-child(even){
    padding:0;
    padding-left:8px;
}
.ec-newItemRole .ec-newItemRole__listItemTitle{
    font-size:13px;
    line-height:1.8;
}
.ec-newItemRole .ec-newItemRole__listItemPrice{
    font-size:15px;
    margin-bottom:8px;
}
.ec-secHeading--tandem .ec-secHeading__line{
    width:16px;
    margin-bottom:15px;
}
.ec-newItemRole .ec-blockBtn--top{
    margin:0 auto 0;
}

/*カテゴリ*/
.ec-catRole .ec-catRole__list{
    display:inherit;
    margin: 0;
}
.ec-catRole .ec-catRole__listItem{
    width:100%;
}
.ec-catRole .ec-catRole__listItem:not(:last-of-type){
    margin-right:0;
    margin-bottom:24px;
}
.ec-catRole .ec-catRole__listItemTitle{
    padding:12px 16px 48px;
    line-height: 28px;
}
.ec-catRole .ec-catRole__listItemTitle .cat_name{
    font-size:15px;
}
.ec-catRole .ec-catRole__listItem i{
    bottom:4px;
    right:8px;
}
/*特集*/
.ec-topicRole .slick-slide{
    margin:0;
}
.ec-topicRole .ec-topicRole__story{
    font-size:11px;
}
.ec-topicRole .ec-topicRole__listItemTitle{
    font-size:14px;
    line-height:1.8;
    margin-top: 6px;
    padding-left:12px;
}

/*ボタン*/
#page_homepage .ec-blockBtn--top{
    width:80%;
    max-width:280px;
    font-size:13px;
}

/*見出し*/
.ec-secHeading .ec-secHeading__en{
    font-size:16px;
}
.ec-secHeading .ec-secHeading__line{
    margin:0 12px;
}
.ec-secHeading{
    margin-bottom:20px;
}
/*お知らせ*/
.ec-newsRole .ec-newsRole__news{
    margin: 0;
}
.ec-newsRole .ec-newsRole__newsItem{
    padding:104px 0 0;
    min-height:104px;
}
.ec-newsRole .ec-newsRole__newsHeading{
    padding:20px 16px;
    padding-left:20px;
}
.ec-newsRole .ec-newsRole__newsDate{
    margin-top:0;
}
.ec-newsRole .ec-newsRole__newsTitle{
    margin-bottom:0;
    font-size: 13px;
    line-height:1.6;
    margin-right:16px;
}
.ec-newsRole .ec-newsRole__newsDescription{
    padding:20px 16px 12px;
    padding-left:20px;
    font-size:13px;
    font-weight:500;
    line-height:1.8;
    border-top:1px #ddd solid;
}
/*商品一覧*/
#product h1{
    border-top:0;
}
.ec-shelfRole{
    padding-left:0;
    padding-right:0;
}
.breadcrumb{
    margin: 0;
    padding:0;
    position: absolute;
    top:82px;
    right:15px;
}
.breadcrumb ul{
    padding-left:0;
    justify-content: flex-end;
}
.ec-searchnavRole .ec-searchnavRole__infos{
    padding:16px;
    /*margin-bottom:8px;*/
}
.ec-searchnavRole .ec-searchnavRole__counter{
    font-size:13px;
}
.pd_name{
    font-size:13px;
    line-height:1.8;
}
.pd_sub_name{
    margin-top:8px;
    margin-bottom:8px;
    line-height:1.6;
}
.price02-default{
    font-size:15px;
    margin-bottom:8px;
}
.cname{
    font-size:11px;
    padding:8px 12px;
    border-radius: 14px;
    margin-bottom: 4px;
}
/*商品詳細*/
.ec-productRole{
    padding-left:0;
    padding-right: 0;
}
.ec-sliderItemRole{
    padding:0;
}
.slick-dots li{
    margin:0 2px;
}
.slick-dots li button:before{
    width:10px;
    height:10px;
}
.ec-productRole .ec-productRole__profile{
    margin-left:0;
}
.ec-productRole .ec-productRole__price{
    margin-bottom:24px;
}
.bikou{
    margin-top:16px;
}
.breadcrumb{
    width:60%;
}
.breadcrumb ul{
    white-space: nowrap;
    overflow-x: scroll;
    display: block;
    text-align: right;
}
.breadcrumb ul li{
    display: inline-block;
}
.ec-productRole .ec-productRole__actions{
    padding-bottom:28px;
}
.ec-cartNavi .ec-cartNavi__badge{
    min-width:17px;
}
/*カート*/
#cart h1{
    border-top:0;
}
.ec-cartRole{
    padding-left:0;
    padding-right:0;
}
.ec-progress{
    margin-top: 0;
    margin-bottom: 0;
    padding:8px 0;
}
.ec-progress .ec-progress__number{
    font-size:14px;
}
.ec-progress .ec-progress__label{
    font-size:10px;
    font-feature-settings: 'palt';
}
.ec-progress .ec-progress__item:after{
    top:15px;
}
.ec-cartRole .ec-cartRole__totalText{
    padding:16px;
    font-size:14px;
    margin-bottom:36px;
    margin-left:0;
    margin-right:0;
}
.ec-cartRole .ec-cartRole__totalText p{
    font-size:13px;
}

.ec-cartRole .ec-cartRole__cart{
    margin: 0;
}
.ec-cartTable{
    border-top:1px #ddd solid;
}
.ec-cartRole .ec-cartRole__actions{
    margin-right:0;
}
.ec-cartRow .ec-cartRow__summary .ec-cartRow__sutbtotalSP{
    display:none;
}
.ec-cartRow .ec-cartRow__delColumn{
    text-align: left;
    padding-left:8px;
}
.ec-cartRow .ec-cartRow__contentColumn{
    width: 100%;
    display:block;
    border-bottom:1px #ddd dotted;
}
.ec-cartRow .ec-cartRow__img{
    width:25%;
    padding-right:16px;
    vertical-align: top;
}

.ec-cartRole .ec-cartRow__amountColumn{
    width:100%;
    display:block;
    text-align: right;
    padding:12px 0;
    border-bottom:1px #ddd dotted;
    padding-right:4px;
}
.ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountSP{
    display:inline-flex;
    margin-bottom: 0;
    margin-right:12px;
    font-size:14px;
    font-weight:600;
    color:#000;
}
.ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountUpDown{
    display:inline-flex;
}
.ec-cartRow .ec-cartRow__subtotalColumn{
    width:100%;
    display:block;
    padding:12px 0;
}
.ec-cartRow__sutbtotal{
    line-height:2;
    height:31px;
}
.ec-cartRow__sutbtotal::before{
    content:'小計：　';
    font-size:14px;
}
.ec-cartRole .ec-cartRole__totalAmount{
    font-size:20px;
}
.ec-cartNaviIsset .ec-cartNaviIsset__action .ec-blockBtn--action{
    font-size: 13px;
}
.ec-cartRole__totalText strong{
    font-size:14px;
    font-weight:bold;
}

.ec-alert-warning{
    margin-top:16px;
    padding:16px;
    font-size:13px;
}
.ec-alert-warning .ec-alert-warning__icon{
    top:13px;
}
.ec-customerRole{
    padding-left:0;
    padding-right:0;
}




/*カートモーダル*/
.ec-inlineBtn--cancel{
    padding:14px 16px;
    min-width:140px;
    margin-right:4px;
}
.ec-inlineBtn--action{
    padding:14px 16px;
    min-width:140px;
}
.ec-inlineBtn--cancel:hover{
    color:#333;
    border:1px #ddd solid;
    background:#fff;
    opacity:0.8;
}
.ec-inlineBtn--action:hover{
    border:1px #333 solid;
    background:#333;
    opacity:0.8;
}
#ec-modal-header{
    padding:16px 24px;
}
.ec-modal .ec-modal-wrap{
    width:92%;
    margin:0;
}

.ec-alert-warning .ec-alert-warning__text{
    font-size:13px;
}

/*注文手続き*/
#order h1{
    border-top:0;
}
#order h2{
    padding:16px;
}
.ec-orderRole{
    padding-left:0;
    padding-right:0;
}
.ec-orderRole .ec-orderRole__detail{
    padding:0;
    width:100%;
    margin-top:24px;
}
.ec-orderRole .ec-orderRole__summary{
    padding:0;
    width:100%;
    margin-top:40px;
}
.ec-orderAccount .ec-orderAccount__account{
    padding:40px 24px 36px;
    font-size:13px;
}
.ec-orderDelivery .ec-orderDelivery__address{
    padding:40px 24px 36px;
    font-size:13px;
}
.ec-orderAccount .ec-orderAccount__account p{
    white-space: nowrap;
}
.ec-orderRole .ec-borderedList{
    border-top:0;
}
.ec-imageGrid{
    padding-left:0;
}
.btn_edit{
    padding:12px 12px;
    font-size:11px;
}
.ec-orderDelivery .ec-orderDelivery__title{
    padding-left:20px;
}
p.order_attention_str{
    font-size:11px;
}
.ec-select label, .ec-input label, .ec-numberInput span{
    font-size:13px;
}
.ec-orderDelivery__edit .ec-inlineBtn{
    border:0;
    padding:0;
    min-width:120px;
    font-size:12px;
}
.ec-orderDelivery__edit .ec-inlineBtn::before{
    top:-3px;
    left:-16px;
}
.ec-orderDelivery .ec-orderDelivery__address p{
    font-size:13px;
}
#order .ec-input textarea{
    font-size:13px;
}
.ec-orderDelivery .ec-orderDelivery__itemwrapper{
    padding:16px 16px 0;
}
.ec-select p, .ec-orderPayment p, .ec-input p{
    font-size:13px;
}
.ec-orderPayment p, .ec-input p{
    padding:24px 20px;
}
.ec-totalBox__spec dt, .ec-totalBox__spec dd{
    font-size:13.5px;
}

/*配送先追加*/
.ec-AddAddress{
    padding-left:0;
    padding-right:0;
}
.ec-AddAddress .ec-AddAddress__select{
    margin-bottom:16px;
}
.ec-AddAddress__selectAddress, .ec-AddAddress__selectNumber{
    margin-bottom:16px;
}
.ec-AddAddress .ec-AddAddress__add{
    padding:16px;
}
.ec-AddAddress__select{
    padding:0;
    display:block;
}
.ec-AddAddress__btn{
    padding:12px 0;
    text-align: center;
}
.ec-addressRole .ec-addressRole__actions .ec-inlineBtn, .ec-AddAddress .ec-AddAddress__new .ec-inlineBtn{
    min-width:180px;
}
.ec-addressRole .ec-addressRole__actions .ec-inlineBtn::before, .ec-AddAddress .ec-AddAddress__new .ec-inlineBtn::before{
    left:16px;
}
.ec-AddAddress__deleteBtn .ec-inlineBtn{
    margin-bottom:16px;
}

.ec-cartRole .ec-cartRole__error .ec-alert-warning{
    max-width:100%;
}
.ec-AddAddress .ec-AddAddress__info{
    margin-top:0;
    font-size:13px;
    padding:16px;
}
.ec-AddAddress .ec-AddAddress__info P{
    font-size:13px;
}
/*ご利用ガイド*/
#guide{
    padding:0;
}
#guide h1{
    border-top:0;
}
#guide h5{
    margin-top:72px;
    margin-bottom: 60px;
    padding-top:0;
    text-align: center;
}
#guide .h6_wrapper{
    padding:36px 28px 36px 28px;
}
#guide .shipping_table{
    width:100%;
}

/* 問い合わせ・会員登録・ログイン・パスワード再発行 */
#contact h1, #entry h1, #login h1, #forgot h1{
    border-top:0;
    /*color:#000;
    font-size:16px;
    padding-bottom:20px;
    border-bottom:1px #DDD solid;
    position: relative;
    padding-left:24px;*/
}
#login, #forgot{
    padding:0;
}
.ec-login{
    padding:30px 10% 32px;
}
.ec-login .ec-login__input{
    margin-bottom:0;
}
.ec-login .ec-login__actions{
    margin-bottom:20px;
}
.ec-login .ec-login__link{
    margin-left:0;
}
.ec-link{
    line-height:2.5;
}
.ec-input input, .ec-birth input, .ec-select input, .ec-halfInput input, .ec-numberInput input, .ec-zipInput input, .ec-telInput input{
    height:48px;
}

.ec-registerRole, .ec-contactRole, .ec-contactConfirmRole, .ec-contactCompleteRole{
    padding-left:0;
    padding-right:0;
}
.ec-reportHeading{
    border-top:0;
}
.ec-off3Grid .ec-off3Grid__cell{
    width:100%;
}
#contact .ec-halfInput input[type=text], #entry .ec-halfInput input[type=text]{
    width: 100%;
    margin-left:0;
}
#entry .ec-telInput input[type=tel], #contact .ec-telInput input[type=tel]{
    width:100%;
    max-width:inherit;
}
.ec-birth select{
    min-width:26%;
}
#contact_address_pref, #entry_address_pref{
    width:100%;
}
.ec-borderedDefs dl dt{
    line-height:inherit;
    margin-bottom:12px;
}
.ec-borderedDefs dl dd{
    padding-top:0;
    margin-bottom:28px;
}
.ec-select{
    margin-bottom:8px;
}
.ec-input .ec-errorMessage, .ec-birth .ec-errorMessage, .ec-select .ec-errorMessage, .ec-halfInput .ec-errorMessage, .ec-numberInput .ec-errorMessage, .ec-zipInput .ec-errorMessage, .ec-telInput .ec-errorMessage{
    margin:16px 0 16px;
    line-height:2;
}
/* 規約ページ */
#help h1{
    border-top:0;
    /*color:#000;
    font-size:16px;
    padding-bottom:20px;
    border-bottom:1px #DDD solid;
    position: relative;
    padding-left:24px;*/
}
#help p, #help ol li, #help ul li, #help dl dt, #help dl dd{
    line-height:1.8;
}
#help a{
    word-wrap:break-word;
}
#help ol li{
    padding-left:28px;
}
.ec-borderedDefs{
    margin-bottom:0;
    padding:16px 0 0;
}
#help dl{
    margin-bottom:16px;
}

/*ABOUT*/
.ec-borderedDefs{
    padding-top:28px;
}
#about .mid{
    font-size:27px;
    line-height:2.2;
    margin-bottom:24px;
}
#about .copy{
    font-size:15px;
    line-height:2.6;
    margin-bottom:44px;
}
#about .copy br{
    display:none;
}
.logo-block img{
    height:64px;
}
.ec-about-profile dl{
    width:100%;
}

.ec-imgRole{
    margin-bottom:80px;
}
.ec-imgRole .ec-imgRole__list{
    flex-wrap:wrap;
    display:inline-flex;
}
.ec-imgRole .ec-imgRole__listItem:not(:last-of-type){
    margin-right:0;
}
.ec-imgRole .ec-imgRole__listItem{
    flex:none;
    margin-bottom:16px;
}
.ec-imgRole .ec-imgRole__listItem:nth-child(odd){
    padding-right:8px;
}
.ec-imgRole .ec-imgRole__listItem:nth-child(even){
    padding-left:8px;
}
#about h2{
    font-size:16px;
    font-weight:500;
    margin-bottom:36px;
}
#about p, #about ol li, #about ul li, #about dl dt, #about dl dd{
    font-size:13px;
}

.about_location_wrapper{
    margin-bottom:380px;
}
.about_location_block{
    display:block;
    position:relative;
}
.about_location_img{
    position: absolute;
    width:66%;
    top:410px;
    left:calc(50% - 120px);
}
.about_location_str{
    width:100%;
}
#about .about_active_str p, #about .about_location_str p{
    font-size:13px;
    line-height:2;
}

.about_location_img img{
    height:auto;
}

.about_active_wrapper{
    margin-bottom:100px;
}
.about_active_block{
    display:block;
}
.about_active_img, .about_active_str{
    width:100%;
}
.about_active_img{
    margin-bottom:24px;
}
.about_active_img img{
    padding-right:0;
}
#about .about_active_str p.ini{
    font-size:12px;
    padding:0 12px;
    border-radius:16px;
    height:auto;
    margin-bottom:24px;
}
#about .about_active_str h4{
    font-size:15px;
    margin-bottom:16px;
}

#about dl dt, #about dl dd{
    line-height:1.8;
}
#about dl dt{
    border-right:0;
    font-size:14px;
}
#about dl dd{
    padding-left:0;
    font-size:14px;
}
#about #help_about_box__good_traded dd{
    line-height:1.8;
    margin-bottom:48px;
}

.bzimage-wrapper{
    margin:36px 0 88px;
    overflow:scroll;
    height:480px;
}
.bzimage-wrapper img{
    width:auto;
    height:440px;
    max-width: none;
}

/*ブランドストーリー*/
#story h1{
    border-top:0;
}
#story h2{
    font-size:27px;
    line-height:2.2;
    margin-top:24px;
    margin-bottom:36px;
}
#story .series{
    font-size:14px;
    margin-top:80px;
}
#story p{
    font-size:13px;
    line-height:2.2;
}
#story .ec-off1Grid .ec-off1Grid__cell{
    width:100%;
    margin:0;
}
#story .ec-off1Grid .ec-off1Grid__cell p br{
    display:none;
}

#story .ec-topicRole{
    padding-top:88px;
}
/*フッター*/
.ec-footerRole{
    margin-top:64px;
}
.ec-footerNavi{
    padding:22px 24px 0;
    text-align: left;
}
.ec-footerNavi .ec-footerNavi__link{
    display: inline-block;
    padding:8px;
}
.ec-footerNavi .ec-footerNavi__link a{
    border:0;
    margin: 0;
    padding:0;
}
.ec-footerTitle .ec-footerTitle__logo{
    margin-bottom:28px;
}
.footer_logo{
    height:44px;
}
/*scrolltoTop*/
.ec-blockTopBtn{
    right:16px;
    bottom:16px;
}

/*マイページ*/
#mypage h1{
    border-top:0;
}
.ec-mypageRole{
    padding-left:0;
    padding-right:0;
}
.ec-para-msg, .ec-para-emsg{
    padding:16px;
}
#mypage .ec-para-msg p, #mypage .ec-para-emsg p{
    font-size: 13px;
    line-height:1.4;
}
.ec-welcomeMsg p{
    font-size:13px;
    padding-right:8px;
}
}