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

/*add--がついているのは新しくつけたクラス*/

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

    COMMON

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

.h1 .h2 .h3 .h4 .h5 .h6{
    color:#5E4519;
    }
a{
    color: #5E4519;
}
a:focus, a:hover{
    text-decoration: none;
}
.ec-secHeading{
    color: #5E4519;
}
.price02-default{
    color: #b12704;
    font-weight: bold;
}
.ec-layoutRole .ec-layoutRole__contents, .ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountSP{
    max-width: 100%
}

.item-title{
    margin: 8px 0;
}
.ec-secHeading .ec-secHeading__en{
    font-size: 26px;
}
.add--accentText{
    color: #b12704;
    font-weight: bold;
}
.add--top-titleText{
    margin: 8px 0;
}
.add--footerTop-margin{
margin-bottom:100px;
}
.add--opacity{
    opacity: 0.75;
}

.add--description-list-text{
    font-size: 18px;
    line-height: 1.6;
}


/*
    BTN
================================*/
.ec-blockBtn--action{
    color: #5E4519;
    font-size: 16px;
    background-color: #FFE13D;
    border-color: #E6CB37;
    border-radius: 8px;
    max-width: 350px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
}
.ec-blockBtn--cancel{
    margin-top: 20px;
}
.ec-registerRole .ec-blockBtn--action{
    color: #5E4519;
    background-color: #FFE13D;
    border-color: #E6CB37;
    border-radius: 8px;
    margin-top: 20px;
}

.ec-registerRole .ec-blockBtn--cancel{
    color: #5E4519;
    background-color: #ddd3c0;
    border-color: #cccccc;
    border-radius: 8px;
}


.ec-blockBtn.add--subBtn:hover,.ec-inlineBtn.add--subBtn:hover,.ec-registerRole .ec-blockBtn--cancel:hover{
    color: #fff;
    background-color: #3b3b47;
    border-color: #363642;
}
.add--mainBtn, .ec-blockBtn--cancel.add--mainBtn{
    color: #5E4519;
    font-size: 16px;
    background-color: #FFE13D;
    border-color: #E6CB37;
    border-radius: 8px;
    max-width: 350px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
}
.add--mainBtn:hover, .ec-blockBtn--cancel.add--mainBtn:hover{
    background-color:#B12704;
}
.ec-cartNaviIsset .ec-cartNaviIsset__action .ec-blockBtn--action.add--mainBtn:hover,.ec-inlineBtn.add--mainBtn:hover, .ec-registerRole .ec-blockBtn--action:hover{
    color: #fff;
    background-color:#B12704;
}
.add--subBtn{
    color: #5E4519;
    background-color: #ddd3c0;
    border-color: #cccccc;
    border-radius: 8px;
    max-width: 350px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
}
/*add minagawa
既存スタイルの上書き*/
.ec-blockBtn--cancel{
    color: #5E4519;
    background-color: #ddd3c0;
    border-color: #cccccc;
    border-radius: 8px;
    max-width: 350px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
}
.ec-blockBtn--cancel:hover{
    color: #fff;
    background-color: #3b3b47;
    border-color: #363642;
}

.ec-cartNavi--cancel.add--subBtn:hover{
    color: #fff;
}
.ec-totalBox .ec-totalBox__btn a.add--subBtn{
    color: #5E4519;
    margin-top: 20px;
}
.ec-totalBox .ec-totalBox__btn a.add--subBtn:hover{
    color: #fff;
}
.add--icon{
  padding-left: 7.78px;
}
.add--planeBtn{
    color: #5E4519;
    background-color: #F5F7F8;
    border-color: #CCCCCC;
    border-radius: 8px;
    max-width: 350px;
    margin-left: auto;
    margin-right: auto;
}
.add--planeBtn:hover{
    color: #fff;
    background-color: #3b3b47;
}

.ec-inlineBtn.add--planeBtn,.ec-historyListHeader .ec-historyListHeader__action a.add--planeBtn{
    font-weight: bold;
}
#page_shopping_login .ec-guest .ec-guest__actions a.add--planeBtn{
    color: #5E4519;
}
#page_shopping_login .ec-guest .ec-guest__actions a.add--planeBtn:hover{
    color: #fff;
}

.ec-historyRole__contents .ec-historyListHeader .ec-historyListHeader__action a{
    font-size: 14px;
    
}

/*品切れ*/
.add-soldoutBtn{
    background-color: #FCEFED;
    color: #b12704;
    font-weight: bold;
    border: 1px dashed #b12704;
    border-radius: 8px;
}
.ec-blockBtn--action[disabled]:hover{
    background-color: #FCEFED;
    border: 1px dashed #b12704;
    color: #b12704;
}

/*商品詳細*/
.ec-cartNaviIsset .ec-cartNaviIsset__action .ec-blockBtn--action{
    color: #5E4519;
}

/*退会手続き確認ページ*/
.ec-withdrawConfirmRole__cancel.ec-blockBtn--cancel{
    color: #5E4519;
    background-color: #FFE13D;
    border-color: #E6CB37;
    border-radius: 8px;
}
.ec-withdrawConfirmRole .ec-blockBtn{
    color: #5E4519;
    background-color: #ddd3c0;
    border-color: #cccccc;
    border-radius: 8px;
}

/*問い合わせ*/
.ec-contactConfirmRole .ec-blockBtn--action{
    color: #5E4519;
    background-color: #FFE13D;
    border-color: #E6CB37;
    border-radius: 8px;
}
.ec-contactConfirmRole .ec-blockBtn--cancel{
    color: #5E4519;
    background-color: #ddd3c0;
    border-color: #cccccc;
    border-radius: 8px;
}

/*404　403エラー*/
.ec-404Role .ec-off4Grid__cell .ec-blockBtn--cancel{
    color: #5E4519;
    background-color: #ddd3c0;
    border-color: #cccccc;
    border-radius: 8px;
}

/*ページトップボタン*/
.ec-blockTopBtn {
    font-size: 14px;
    width: 72px;
    height: 72px;
    right: 10px;
    bottom: 10px;
    color: #453213;
    opacity: none;
    line-height: 1.1;
    background-color: #DDD3C0;
    padding: 32px 8px 0px 8px;
    font-weight: bold;
}
.ec-blockTopBtn::before{
    content: "";
    display: block;
    border-top: 3px solid #453213;
    border-right: 3px solid #453213;
    width: 20%;
    height: 20%;
    top: 22%;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
    transform: rotate(-45deg);
}


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

    PLUGIN

================================*/
/*おすすめ*/
.item_name{              /*商品一覧のタイトルもこれ*/
    font-weight: bold;
    color: inherit;
}
.item_price{
}

/*新着商品・新着商品予約受付*/
.uic-itemnew .ec-secHeading{
    margin-top: 44.8px;
}
.uic-itemnew__body{
    display: flex;
    flex-direction: column;
}
.uic-itemnew__body .item-title {
    margin: 0;
}
.item-title{
    font-weight: bold;
    color: #33250E;
}
.price02-default {
    order: 3;
}

/*レビュー*/
.ec-layoutRole__main #product_review_area {
    margin-bottom: 40px;
}
.add--review_area{
     border-top: 0px;
    border-bottom: 2px solid #FFE13D;
    padding-bottom: 60px;
    margin-bottom: 0px;
}
#product_review_area .ec-inlineBtn--action{
    color: #5E4519;
    background-color: #FFE13D;
    border-color: #E6CB37;
    border-radius: 8px;
    margin-top: 8px;
}
#product_review_area .ec-inlineBtn--action:hover{
    color: #fff;
    background-color:#B12704;
}

/*同じカテゴリの商品を自動で表示*/
.hsd_flex_area_sc{
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 20px;
}
.ec-secHeading .hsd_h4 {
    padding-left: 0px;
}

/*UicubeBanner*/
.uic-image {
    border-top: 1px solid #FFE13D;
    border-bottom: 1px solid #FFE13D;
    background-color: #F5F4F1;
    padding-top: 47.42px;
   padding-bottom: 47.42px;
}
.ec-layoutRole__mainBottom .uic-image {
    margin-bottom: 0px;
}
.add--uic-image__description{
    margin-top: 0.5em;
    font-size: 14px;
    color: #5E4519;
    font-weight: bold;
}

/*UicubeBanner  furusato///////////////////////////*/
.uic-image.add-furusato-wrap{
    border-top:none;
    border-bottom: none;
    background-color: #FFFFFF;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 47.42px;
    padding-top: 0;
   padding-bottom: 0;
    width: 100%;
    max-width: 1130px;
}
.ec-secHeading.ec-role.add-furusato-secHeading{
    margin-bottom: 24px;
}
.add-furusato-secHeading__en{
    display: inline-block;
    width: 100%;
    padding: 24px 0 16px 0;
    color: #398040;
    border-bottom: 1px dotted #ccc;
}
/*ふるさとページでの表示*/
#page_user_data .uic-image.add-furusato-wrap{
    padding: 0 0 14px 0;
}
#page_user_data .ec-secHeading.ec-role.add-furusato-secHeading{
    margin-bottom: 50px;
}
#page_user_data .add-furusato-secHeading__en{
    font-size:14px;
    padding: 14px 20px 24px 20px;
}
@media screen and (max-width:767px){
#page_user_data .add-furusato-secHeading__en{
    padding: 14px 20px 14px 20px;
}
}

#page_user_data .ec-secBody.ec-role{
padding-left: 20px;
  padding-right: 20px;
    }
/*UicubeBanner  furusato///////////////////////////*/

/*レビューを投稿・新規会員登録*/
.ec-registerRole{
    margin-bottom: 100px;
}
.uic-shopguide .ec-role{
    padding-top: 30px;
}

/*数量選択プラグイン*/
.ec-numberInput{
    display: flex;
    align-items: center;
    width: 350px;
    margin-left: auto;
    margin-right: auto;
}
@media screen and (min-width:768px){
    .ec-numberInput{
    width: 100%;
    /*margin-left: auto;
    margin-right: auto;*/
}
}
/*deleted by minagawa 20220224*/



.add--ec-numberInput__title{
    font-weight: bold;
    display: inline-block;
}

.ec-productRole .ec-productRole__actions .ec-select select{
    min-width: auto; 
    /*max-width: auto; */
    max-width: none; 
    font-size: 16px;
    font-weight: bold;
}




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

    TOP

================================*/
/*common*/
.ec-secHeading{
    color: #398040;
    font-weight: bold;
    font-size: 26px;
    margin-bottom: 14.405px;
}
.add--top-contentsTitle{
    color: #398040;
    font-weight: bold;
    font-size: 26px;
    margin-bottom: 14.405px;
}
.add--top-descriptionText{
    margin: 8px 0;
    color: inherit;
}
.item-description{
    margin: 8px 0;
    color: #33250E;
}


/*
    HEADER
================================*/
/*NAV*/
.ec-layoutRole__header img a {
    color: #5E4519;
}
.ec-headerTitle_sp a {
    display: none;
}
.ec-headerNaviRole {
    background-color: #FFE13D;
    padding: 0;
    max-width: none;
}
.ec-headerNaviRole a {
    color: #5E4519;
}
.ec-headerNaviRole__warapper{
    position: relative;
    width: 1130px;
    display: flex;
    margin: 0 auto;
}
.ec-headerRole{
    padding-top: 24px
}
.ec-headerNav__itemLink{
    font-weight: bold;
}
.category_id{
    background-color: #5E4519;  /*spの同じところの色指定消す*/
}
.ec-headerSearch .ec-headerSearch__category .ec-select.ec-select_search{
    /*border: solid 1px #5E4519;*/
    background: #5E4519;
}
.ec-headerNav .ec-headerNav__itemLink {
    color: #5E4519;
}

/*LOGO*/
.ec-headerTitle .ec-headerTitle__title a{
    color: #5E4519;
}
.ec-headerTitle__title{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 19.93px;
}
.ec-headerTitle__title .icon-logo{
    font-size: 53.02px;
    margin-right: 16px;
}
.ec-headerTitle .ec-headerTitle__title a{
    margin-bottom: 0px;
}
.ec-eyecatchRole .ec-eyecatchRole__introEnTitle{
    color: #5E4519;
    font-weight: bold;
}
.ec-itemNav__nav li ul li a{
        background: #5E4519;
}
.ec-eyecatchRole .ec-eyecatchRole__introTitle{
    line-height: 1.6923;
    color: #398040;
    font-size: 26px;
    margin-bottom: 15.21635px;
}

/*DRAWER CATEGORY*/
.ec-itemNav__nav li a {
    color: #5E4519;
}
.ec-categoryNaviRole{
    margin-bottom: 24px;
}


/*
    CATEGORY　カテゴリ
================================*/
#page_homepage .ec-categoryRole .ec-role img, #page_product_list .ec-categoryRole .ec-role img,  #page_user_data .ec-categoryRole .ec-role img{
    width: auto;
}
.ec-categoryRole{
    padding: 40px 0 28px 0;
    color: #5E4519;
    background: #F5F4F1;
    border-top: 1px solid #FFE13D;
    border-bottom: 1px solid #FFE13D;
}
.ec-categoryRole__listItem{
    background-color: #FFE13D;
    padding: 12px;
}
.ec-categoryRole__listItem--inner{
    display: flex;
    justify-content: space-between;
}
.ec-categoryRole__listItem--title{
    font-weight: bold;
}
.ec-categoryRole__listItem--more{
    font-size: 14px;
}
.acd-check{
    display: none;
}
.acd-content{
    border: 1px solid #333;
    height: 0;
    opacity: 0;
    padding: 0 10px;
    transition: .5s;
    visibility: hidden;
}
.acd-check:checked + .ec-categoryRole__listItem + .acd-content{
    height: 40px;
    opacity: 1;
    padding: 10px;
    visibility: visible;
}
.ec-categoryRole__Item::before{
  content:"";
  display: block;
  width:152px;
  order:1;
  margin-right: 6.34vw;
}
.ec-categoryRole__Item::after{
  content:"";
  display: block;
  width:152px;
  margin-right: 6.34vw;
}
.ec-categoryRole__Item{
    display: flex;
    padding: 0;
    list-style: none;
    flex-wrap: wrap;
    justify-content: space-between;
}
.ec-categoryRole__Item--sweets{
    padding: 0;
    list-style: none;
}
.categoryIist{
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding-inline-start: 0;
}
.categoryItem{
    width: 152px;
    display: flex;
    padding-bottom: 2.34vw;
    margin-right: 6.34vw;
    box-sizing: border-box;
    display: inline-block;
}
 .categoryItem--link{
    display: flex;
    font-size: 14px;
    align-items: center;
}
.categoryImg{
    width: 40px;
    height: 40px
}
.categoryTitle{
    padding-left: 14px;
}
.ec-categoryRole .ec-categoryRole__listItem {
    width: 100%
}
.transparent{
    opacity: 0;
    width: 152px;
    display: flex;
    padding-bottom: 2.34vw;
    margin-right: 2.34vw;
    box-sizing: border-box;
    display: inline-block;
}


/*
    NEWS
================================*/
.add--newsTitle{
    color: #398040;
}
.ec-newsRole{
    padding: 60px 0 100px 0;
}


/*
    FOOTER
================================*/
.ec-footerRole {
    background: #453213;
    margin-top: 0px; 
}
.ec-footerTitle .icon-logo:before{
    font-size: 53.02px;
    color: #FFE13D;
}
.ec-footerTitle{
     color: #FFE13D;
}
.ec-footerTitle .ec-footerTitle__logo:hover a{
    opacity: 1;
}
.ec-footerTitle .ec-footerTitle__logo a:hover,.ec-footerTitle .ec-footerTitle__logo div:hover{
    opacity: .8;
    text-decoration: none;
}
.ec-footerNavi .ec-footerNavi__link a{
    font-weight: bold;
}
.ec-footerCopyright{
    color: #FFE13D;
    text-align: center;
    padding-bottom: 40.99px;
    font-size: 12px;
}
.ec-footerTitle__adress--item{
    font-weight: 100;
}




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

    商品一覧ページ

================================*/
.soldOverlay{
    opacity: 0.6;
}
#page_product_list .item_name{
    padding-bottom: 8px;
}
#page_product_list .ec-shelfRole__tags{
    padding-bottom: 8px;
}
#page_product_list .add--description{
    padding-bottom: 8px;
}
.add--opacity ul{
    opacity: 0.5;
}
.ec-shelfGrid .ec-shelfGrid__item .ec-productRole__btn{
    margin-top: 8px;
}


/*  
    SOLD LABEL
================================*/
/* 商品に見立てた枠 */
.soldBadge {
    background: #fafafa;
    border: #eee 1px solid;
    margin: 0 auto;
    position: relative;
}

/* ラベル部分 左上に表示 */
.soldBadge::before {
    content: "";
    top: 0;
    left: 0;
    border-bottom: 3.5em solid transparent;
    border-left: 3.5em solid #DD5D50; /* ラベルの色はここで変更 */
    position: absolute;
    z-index: 1;
}
.soldBadge::after {
    content: "品切れ";
    font-size: 14px;
    font-weight: bold;
    display: block;
    top: 4%;
    transform: rotate(-45deg);
    color: #fff; /* 文字色はここで変更 */
    left: 1%;
    position: absolute;
    z-index: 2;
}

 /* SPで非表示 */
.soldBadge-wrap, .soldBadge.soldBadge-product-detail{
    display: none;
}
 /* PCで表示 */
@media screen and (min-width:768px){
.soldBadge-wrap{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}
.soldBadge.soldBadge-product-detail{
    display: block;
    border: none;
    width: 200px;
height: 200px;
background: transparent;
}
}



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

    商品詳細ページ

================================*/
.item_visual_notSlide .slide-item:first-of-type{
    display: none;
}
.slick-dots{
    bottom: auto;
    margin-top: 10px;
}
#page_product_detail .ec-productRole__profile .add-soldoutBtn{
    margin-top: 30px;
}




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

    マイページ

================================*/
.ec-navlistRole .ec-navlistRole__item {
    color: rgb(82 , 82 , 99 , 0.5);
    background-color: #f5f7f8;
}
.ec-navlistRole .ec-navlistRole__item.active{
    background-color: #fff;
}
/*ボーダーを消してタブのように見せる*/
@media screen and (min-width: 767px){
.ec-navlistRole .ec-navlistRole__item.active{
    border-bottom: none;
}
}
.ec-navlistRole .ec-navlistRole__item a{
    color: #786544;
    background-color: #F5F4F1;
}
.ec-navlistRole .ec-navlistRole__item a:hover{
    color: #fff;
    background-color: #3b3b47;
}
.ec-navlistRole .ec-navlistRole__item.active a {
    color: #B12704;
    background-color: #fff;
}
.ec-historyRole .ec-historyRole__contents {
    background: rgb(247, 247, 247, 0.5);
}
/*退会*/
.ec-withdrawConfirmRole{
    margin-bottom: 100px;
}
.ec-totalBox .ec-totalBox__paymentTotal .ec-totalBox__price, .ec-totalBox .ec-totalBox__paymentTotal .ec-totalBox__taxLabel{
    color: #B12704;
}






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

    会員登録

================================*/
/*.ec-registerRole{*/
/*    margin-bottom: 100px;*/
/*}*/



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

    当サイトについて

================================*/
#page_help_about .ec-borderedDefs {
    margin-bottom: 100px;
}




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

    プライバシーポリシー

================================*/
#page_help_privacy .ec-borderedDefs {
    margin-bottom: 100px;
}




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

    特定商取引法に基づく表記

================================*/
#page_help_tradelaw .ec-borderedDefs {
    margin-bottom: 100px;
}




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

    お問い合わせ

================================*/
.ec-contactConfirmRole{
    margin-bottom: 100px;
}




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

    ▽　SP用(iPadサイズ)　▽

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


@media screen and (max-width: 767px){
    /*===============================
    
        COMMON
    
    ================================*/
    .for-pc{
        display:none;
    }
    .for-sp{
        display: block;
    }
    
    /*BTN*/
    .ec-blockBtn--top{
        height: 54px;
        width: 224px;
        margin: 0 auto;
    }
    .ec-headerNaviRole__warapper{
        height: 36.02px;
    }
    .add--footerTop-margin{
        margin-bottom:65px;
    }



    
    /*===============================
    
        PLUGIN
    
    ================================*/
    /*UicubeSlideshow*/
    .ec-layoutRole__mainTop .ec-role{
        padding: 0px;
    }
    
    /*UicubeBanner*/
    .add--uic-image__description{
        margin-top: 0.5em;
    }

    /*ShopGuide*/
    .ec-layoutRole .uic-shopguide{
        padding-left: 20px;
        padding-right: 20px;
    }
    .ec-layoutRole__contentBottom .uic-shopguide{
        padding-left: 20px;
        padding-right: 20px;
    }
    .uic-shopguide .ec-shopguideRole{
        padding: 30px 0 0 0;
    }
    .uic-shopguide .ec-shelfGrid__item{
        border-right: none;
        border-bottom: 1px solid #eee;
        margin: 0;
        padding: 36px 0;
        width: 100%;
        display: block;
    }
    .uic-shopguide .ec-shelfGrid__item:first-of-type{
        padding: 0 0 36px 0;
    }
    .uic-shopguide .ec-shelfGrid__item:last-of-type{
        border-bottom: none;
    }
    
    /*レビューを投稿*/
    .ec-registerRole{
        margin-bottom: 65px;
    }
    
    
    
    
    /*===============================
    
        topページ
    
    ================================*/
   
   
    /*
        PLUGIN
    ================================*/
    /*ページトップボタン*/
    .ec-blockTopBtn {
        font-size: 8px;
        width: 48px;
        height: 48px;
        padding: 22px 4px 0 4px;
        letter-spacing: -1px;
        right: 10px;
        bottom: 10px;
    }
    .ec-blockTopBtn::before{
        border-top: 3px solid #453213;
        border-right: 3px solid #453213;
    }
    
    
    /*
        header
    ================================*/
    .ec-headerRole{
        display: none;
    }
    .ec-headerNaviRole{
        height: 60px;
    }
    .ec-headerNaviRole__left{
        display: flex;
    }
   .ec-headerRole__navSP--menu{
        position: absolute;
        left: 5.33%;
        bottom: 2px;
        height: 30px;
        top: 0;/*add 2022/02/16*/
   }
   .ec-headerNaviRole__right .ec-headerTitle_sp h1{
       margin: 0px;
   }
    .ec-headerTitle_sp a {
        display: block;
        font-size: 12px;
        font-weight: bold;
        text-align: center;
    }
    .ec-headerTitle_sp{
        position: absolute;
        left: 50%;
        transform: translate(-50%);
        white-space: nowrap;
        display: flex;
        text-align: center;
        top: -4px;
    }
    .add--header-logo__sp{
        padding-top: 3.44px;
    }
    .logo-svg{
        transform: translateY(50%) translateX(-8px);
    }
    .ec-headerNaviRole .ec-headerNaviRole__left {
        width: auto; 
    }
    .ec-headerNaviRole .ec-headerNaviRole__right {
        width: auto; 
    }
    .ec-headerNaviRole .icon-menu-line::after{
        content: "メニュー";
        display: block;
        color: #5E4519;
        font-size: 10px;
        /*font-family: 游ゴシック体; 20220216 minagawa delete*/
        line-height: 4px;
        letter-spacing: -0.2em;
        white-space: nowrap;
        font-weight: bold;
        padding-top: 4px;
         /*padding-top: 1px; 20220216 minagawa chaged*/
    }
    .ec-headerNav__item .icon-heart{
        display: none;
    }
    .ec-headerLink__icon.icon-heart{
        display: show;
    }
    .ec-headerNaviRole .icon-user::after{
        content: "会員登録";
        display: block;
        color:#5E4519;
        font-size: 10px;
        /*font-family: 游ゴシック体; 20220216 minagawa delete*/
        padding-top: 4px;
        letter-spacing: -0.2em;
        font-weight: bold;
    } 
    .ec-headerNaviRole__nav .ec-headerNav__item .icon-user{
        position: absolute;
        left: 19.73%;
        bottom:0px;
        }
    .ec-headerNaviRole .mypage::after{
        content: "マイページ";
        display: block;
        color: #5E4519;
        font-size: 10px;
       /*font-family: 游ゴシック体; 20220216 minagawa delete*/
        padding-top: 4px;
        letter-spacing: -0.2em;
        font-weight: bold;
    }  
    .icon-logo{
        font-size: 28.52px;
    }
    .ec-headerNaviRole .icon-lock::after{
        content: "ログイン";
        display: block;
        color: #5E4519;
        font-size: 10px;
        /*font-family: 游ゴシック体; 20220216 minagawa delete*/
        padding-top: 4px;
        letter-spacing: -0.2em;
        font-weight: bold;
    }  
        .ec-headerNaviRole .logout::after{
        content: "ログアウト";
        display: block;
        color: #5E4519;
        font-size: 10px;
        /*font-family: 游ゴシック体; 20220216 minagawa delete*/
        padding-top: 4px;
        letter-spacing: -0.2em;
        font-weight: bold;
    }
    .ec-headerNaviRole__nav .ec-headerNav .ec-headerNav__item .icon-lock{
        position: absolute;
        right: 18.67%;
        font-size: 18px;
        bottom:0px;
    }
    .ec-headerNaviRole .icon-cart::after{
        content: "カート";
        display: block;
        color: #5E4519;
        font-size: 10px;
        /*font-family: 游ゴシック体; 20220216 minagawa delete*/
         /*padding-top: 4px;*/
        padding-top: 2px;
        letter-spacing: -0.2em;
        transform: translateX(-10%);
        white-space: nowrap;
        font-weight: bold;
        text-align: center;
    }
    .ec-cartNavi {
        height: 30px;
        position: absolute;
        right: 6.4%;
        bottom:2px;
    }
    _::-webkit-full-page-media, _:future, :root .ec-cartNavi{
        bottom:0px;
    }
    _:lang(x)::-moz-placeholder, .ec-headerRole__cart {
        bottom:0px;
        }
    .ec-headerRole__cart .icon-cart{
        font-size: 18px
    }
    .ec-cartNaviIsset.is-active{
        top: 48px;
    }
    .ec-cartNaviNull.is-active{
        top: 48px;
    }
    .ec-headerNav .ec-headerNav__item{
        text-align: center;
    }
    .ec-headerNav .ec-headerNav__itemIcon{
        margin: 0px;
    }
    .ec-headerNav.ec-headerNav__item.for-pc{
        display: none;
    }
    
    /*ハンバーガーメニュー*/
    .ec-headerNavSP{
        background: transparent;
        padding: 0;
        position: relative;
        top:0;
        left:0;
        width:32px;
    }
    .ec-cartNavi .ec-cartNavi__badge{
        top: -6px;
        left: 11px;
    }
    .ec-cartNavi{
        padding: 0;
    }
   .ec-cartNavi__icon{
        height: 18px;
        width: 23px;
   }
   .ec-sliderRole{
       padding: 0;
   }
   .ec-eyecatchRole .ec-eyecatchRole__image{
       margin: 0 auto 19.05625px auto;
       text-align: center;
       width: auto;
   }
   .ec-eyecatchRole .ec-eyecatchRole__introEnTitle{
        margin-bottom: 15.3101px;
        font-size: 16px;
        color: #5E4519;
        font-weight: bold;
   }
   .ec-eyecatchRole .ec-eyecatchRole__introDescription {
        margin-bottom: 15.5625px;
        font-size: 16px;
        line-height: 1.875;
   }
   .ec-eyecatchRole{
       margin-bottom: 48px;
   }
   
   /*TOPIC*/
   .ec-topicRole{
        background: #F5F4F1;
        padding: 51.02px 0;
        border-top: 1px solid #FFE13D;
        border-bottom: 1px solid #FFE13D;
   }
   .ec-newItemRole .ec-newItemRole__listItem a {
        color: black;
    }
    
    
    /*
        CATEGORY
    ================================*/
    .transparent{
        width: 138px;
    }
    .categoryItem{
        width: 138px;
        padding-bottom: 20px;
    }
    .ec-categoryRole__Item::before{
      width:138px;
    }
    .ec-categoryRole__Item::after{
      width:138px;
    }
        
        
    /*
        NEWS
    ================================*/
    .ec-newsRole{
        padding: 40px 0 30.8px 0;
    }
    .ec-newsRole .ec-newsRole__newsCloseBtn {
        background: #5E4519;
    }
    
    
    /*
        FOOTER
    ================================*/
    .ec-footerTitle .ec-footerTitle__logo a {
        font-size: 24px;
    }
    .ec-footerNavi .ec-footerNavi__link a{
            border-bottom: 1px solid #C4B9A5;
    }
    .ec-footerTitle {
        margin-bottom: 35.172px;
        padding-bottom: 0;
    }
    .ec-footerTitle__adress{
        line-height: 1.714;
    }
    .ec-footerTitle .icon-logo:before{
        font-size:60.83px;
    }
    .phoneNumber__BTN{
        margin: 0 20px 15.002px 20px;
        display: flex;
        height: 54px;
        background-color: #FFE13D;
        color: #5E4519;
        border-radius: 8px;
        font-weight: bold;
        justify-content: center;
        align-items: center;
    }
    .ec-footerTitle__adress{
        margin-bottom: 0px
    }
    .ec-footerTitle__adress--item{
        line-height: 1.714;
        padding-bottom: 10.004px;
    }
    .ec-footerTitle__adress--item:first-of-type{
        padding-bottom: 0px;
    }
    .ec-footerTitle__adress--item:last-of-type{
        padding-bottom: 0px;
    }
    .ec-footerTitle .ec-footerTitle__logo a {
        padding-top: 13px;
        line-height: 1;
    }
    .ec-footerTitle .ec-footerTitle__logo{
        margin-bottom: 39.26px;
    }
    .ec-footerTitle__logo .icon-logo{
        padding-bottom: 13px;
    }
    .ec-footerTitle__copyright{
        font-size: 10px;
    }
    
    
    
    
   /*===============================

       商品一覧ページ

    ================================*/
    .soldBadge::after {
        top: 7%;
    }
    .ec-topicpath .ec-topicpath__item a{
        color: #5E4519;
    }

    .price02-default{
        padding: 2px 0;
    }
    .ec-layoutRole__main .ec-shelfGrid__item{
        margin-bottom: 48px;
    }
      
      
      
      
    /*===============================

       ナビゲーションメニュー

    ================================*/
    .ec-headerLink__icon i::before{
        color: #fff;
    }
    .ec-drawerRoleClose{
        color: #5E4519;
        top: 16px;
        left: 288px;
    }
    .ec-headerSearch .ec-headerSearch__category .ec-select.ec-select_search::before{
        border-top: 6px solid #ffffff;
        bottom: 14.14px;
        right: 18.14px;
        top:auto;
    }
    .ec-headerSearch .ec-headerSearch__category .ec-select select{
        color: #ffffff;
    }
    .ec-drawerRole .ec-headerSearch{
        background: #EBEBEB;
    }
    .ec-headerSearch .ec-headerSearch__keyword .ec-icon{
        color: #5E4519;
    }
    
    .ec-drawerRole .ec-headerLinkArea{
        background: #5E4519;
    }
    .ec-drawerRole .ec-headerCategoryArea .ec-headerCategoryArea__heading {
        color: #5E4519;
        background: #F5F4F1;
    }
    .ec-drawerRole .ec-headerCategoryArea .ec-itemNav__nav li a{
        color: #5E4519;
        background: #fFFfff;
    }
    .ec-input select, .ec-halfInput select, .ec-numberInput select, .ec-zipInput select, .ec-telInput select, .ec-select select, .ec-birth select{
        font-size: 14px;
    }
    .ec-headerSearch .ec-headerSearch__keyword input[type="search"] {
        font-size: 12px;
    }
    
    
    
    
    /*===============================
    
        当サイトについて
    
    ================================*/
    #page_help_about .ec-borderedDefs {
        margin-bottom: 65px;
    }
    
    
    
    
    /*===============================
    
        プライバシーポリシー
    
    ================================*/
    #page_help_privacy .ec-borderedDefs {
        margin-bottom: 65px;
    }
    
    
    
    /*===============================
    
        特定商取引法に基づく表記
    
    ================================*/
    #page_help_tradelaw .ec-borderedDefs {
        margin-bottom: 65px;
    }
    
    
    
    
    /*===============================

        お問い合わせ
    
    ================================*/
    .ec-contactConfirmRole{
        margin-bottom: 65px;
    }
    
    
    
    
    /*===============================
    
        マイページ
    
    ================================*/
    /*退会*/
    .ec-withdrawConfirmRole{
        margin-bottom: 65px;
    }
    
    
    
    
}




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

    ▽　SP用(極小サイズ)　▽

================================*/
@media screen and (max-width: 439px) {
    .ec-productRole__profile {
        padding-top: 24px;
    }
}

@media screen and (max-width: 320px) {
    .ec-headerTitle_sp a{
        font-size: 3.2vw;
    }
}    




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

    ▽　PC用　▽

================================*/
@media screen and (min-width:768px){
    .for-pc{
        display:show;
    }
    .for-sp{
        display: none;
    }
    .col-md-6 {
        width: 50%;
    }
    
    
    /*
        HEADER
    ================================*/
    .ec-headerNaviRole{
        padding: 16px 0 16px 0;
    }
    .ec-headerTitle_sp .icon-logo{
        display: none;
    }
    .ec-headerRole__navSP{
        display: none;
    }
    .ec-headerRole__cart{
        margin-left: 20px;
    }
    .ec-cartNavi{
        height: 42px;
    }
    
    
    /*
        CATEGORY
    ================================*/
    .categoryTitle--notLineheight__kiyomi{
        line-height: 40px;
        padding-left: 14px;
    }
    
    
    /*
        FOOTER
    ================================*/
    .ec-footerNavi{
        margin-bottom: 0px;
    }
    .ec-footerTitle{
        padding-top: 80px;
        display: flex;
        justify-content: center;
        text-align: left
    }
    .ec-footerTitle .icon-logo{
        text-align: center;
        padding-bottom: 20px;
    }
    .ec-footerTitle__logo{
        margin-bottom: 29.26px;
    }
    .ec-footerTitle__logo a{
        line-height: 1;
    }
    .ec-footerTitle__adress{
        padding-left: 40.17px;
        margin-bottom: 0;
    }
    .ec-footerTitle__adress--item{
        font-weight: 100;
        line-height: 1;
        padding-bottom: 20px;
        font-size: 14px;
    }
    .ec-footerTitle__adress--item:last-of-type{
        padding-bottom: 0px;
    }
    .phoneNumber__BTN a{
        text-decoration-color: transparent;
        color: #FFE13D;
        text-decoration-line: none;
        text-decoration-style: unset;
    }
    .footerAdress--linehight{
        line-height: 1.714;
    }
}




/*added by minagawa 2020/02/08*/
.item_visual_notSlide .slide-item img{
    display: inline-block;
	margin-top:32px; 
}

/*added by minagawa 2020/02/09*/
@media screen and (min-width:768px){
.ec-eyecatchRole .ec-eyecatchRole__introEnTitle{
    margin-top: 0;
}
}

/*added by minagawa 2020/02/10
スマホ表示で画像を領域での100%表示*/
.ec-shelfGrid .ec-shelfGrid__item-image{
    height: auto;
}


/*added by minagawa 2020/02/16
タグの上下マージン*/
.ec-shelfRole__tag{
    margin-top: 2px;
    margin-bottom: 2px;
}


/*added by minagawa 2020/02/16
フォントのリセット。間隔の確認のため。サイトオープン時にはこの記述を削除*/
body{
    font-family: sans-serif;
    background: #fff;
    color: #33250E;
}

/*added by minagawa 2020/02/16
スマホヘッダ、メニュアイコンのサイズ調整*/
.ec-headerNavSP .icon-menu-line{
    font-size: 14px;
}


/*added by minagawa 2020/02/20
商品一覧の画像のボーダーを表示、関連商品の画像のボーダーを表示*/
.ec-shelfGrid .ec-shelfGrid__item img, .item_photo img{
    border: solid 1px #ffe13d
}


/*added by minagawa 2020/02/22
ショップガイドのタイトル*/
.ec-shopguideRole .ec-secHeading__en{
    color: #5E4519;
}
/*added by minagawa 2020/02/22
新着情報のアイコン背景カラー*/
.ec-newsRole .ec-newsRole__newsCloseBtn{
    background:#5E4519;
}

/*added by minagawa 2020/02/22
食べごろカレンダー calendar_ripe.twig*/
.calendar-ripe{
    text-align: center;
    margin-top: 40px;
}
#page_product_detail .calendar-ripe{
    margin-bottom: 40px;
}
#page_product_detail .calendar-ripe-content{
    padding-top: 20px;
    border-top: 2px solid #FFE13D;
}
.calendar-ripe-img{
    text-align: center;
}
.calendar-ripe-img > img{
    max-width: 800px;
}
   
/*added by minagawa 2020/02/22
見ため表記 app/template/rev02/Product/detail.twig Line: 383*/ 
.mitame-block{
    padding: 14px 14px;
    margin-top: 40px;
    margin-bottom: 40px;
    color: #398040;
    border: solid 1px  #398040;
    border-radius: 3px;
    background-color: #F5F7F8;
}
.mitame-title{
    margin-top: 0;
    font-size: 20px;
}
.ec-borderedDefs.mitame-dl-wrap > dl > dd,.ec-borderedDefs.mitame-dl-wrap > dl > dt{
line-height: 1.4;
}
.ec-borderedDefs.mitame-dl-wrap > dl > dt{
padding-top: 0;
}
.ec-borderedDefs.mitame-dl-wrap > dl > dt label{
  font-weight: bold;  
}
.ec-borderedDefs.mitame-dl-wrap > dl > dd{
    color: #33250E;
}

/*added by minagawa 2020/02/22
カート、購入ページ。コンテンツのフッタまでのマージン調整*/
/*汎用を上書き*/
.ec-layoutRole .ec-layoutRole__contents{
    margin-bottom: 60px;
}
/*added by minagawa 2020/02/22
ヘッダのカートボックス表示*/
.ec-cartNaviIsset.is-active {
    
}

/*added by minagawa 2020/02/23
マイページのタイトルのスマホ表示*/
.ec-pageHeader h1{
    border-top: none;
    padding-top: 12px;
    margin-bottom: 24px;
}

/*added by minagawa 2020/02/23
タグの上下マージン*/
.ec-productRole .ec-productRole__tag{
    margin-bottom:5px; 
    font-weight: bold;/*商品詳細のみ*/
}
/*added by minagawa 2020/02/24
商品一覧でのタグのボーダー*/
#page_product_list .ec-shelfRole .ec-shelfRole__tag{
    border-width: 1px;
}

/*added by minagawa 2020/02/23
テキストカラー*/
.ec-cartRole, .ec-searchnavRole .ec-searchnavRole__infos, .ec-orderRole, .ec-productRole__title .ec-productRole, .ec-shelfRole, .ec-mypageRole,.ec-role, .ec-contactRole, .ec-headerNaviRole, .ec-registerRole, .uic-itemnew .uic-itemnew__box, .ec-historyRole .ec-historyRole__contents{
    color: #33250E;
}
.product_page .ec-productRole{
    color: #33250E;
}
/*added by minagawa 2020/02/25
一覧のソートのセレクトボックスのテキストカラー*/
.ec-input select, .ec-halfInput select, .ec-numberInput select, .ec-zipInput select, .ec-telInput select, .ec-select select, .ec-birth select{
    color: #33250E;
}

.ec-welcomeMsg{
    color: #33250E;
    font-weight: 700;
}
/*added by minagawa 2020/02/26
マイページの定型ウェウルカム文章*/
#page_mypage_delivery_new .ec-welcomeMsg, #page_mypage_favorite .ec-welcomeMsg, #page_mypage_change .ec-welcomeMsg, #page_mypage_delivery .ec-welcomeMsg, #page_mypage_withdraw .ec-welcomeMsg{
    display:none;
}


h2.ec-headingTitle_sp{
    font-size: 24px;
    line-height: 1.4;
    text-align: center;
    margin-bottom: 20px;
}
@media screen and (min-width:768px){
h2.ec-headingTitle_sp{
    font-size: 30px;
    line-height: 1.4;
    text-align: left;
    margin-bottom: 10px;
}
}

/*カート　合計金額*/
.ec-cartRole .ec-cartRole__totalAmount{
    color: #B12704;
    font-size: 20px;
}
/*
.ec-totalBox .ec-totalBox__paymentTotal .ec-totalBox__price{
    font-size: 20px;
}
@media screen and (min-width:768px){
    .ec-totalBox .ec-totalBox__paymentTotal .ec-totalBox__price{
    font-size: 30px;
}
}*/

.ec-footerNavi .ec-footerNavi__link a{
    text-decoration: none;
}

/*added by minagawa 2020/02/23
商品詳細ページのスライドの高さを設定。商品詳細ページのスライドにだけ指定を適用。トップページや他のスライドに影響が出るため*/
#page_product_detail .slick-initialized.slick-slider, #page_product_detail .slick-list.draggable{
    /*height: calc(80vmin + 2px);*/
    width: 84vmin;
    height: 84vmin;
    border: solid 1px #ffe13d;
}
@media screen and (min-width:768px){
    #page_product_detail .slick-initialized.slick-slider, #page_product_detail .slick-list.draggable{
    width: 42.5vw;
    height: 42.5vw;
    max-width: 501px;
    max-height: 501px;
}
#page_product_detail .slide-item.slick-slide.slick-current.slick-active{
    overflow: hidden;
}
}
@media screen and (min-width:1130px){
    #page_product_detail .slick-initialized.slick-slider, #page_product_detail .slick-list.draggable{
    max-width: 501px;
    max-height: 501px;
}
}


.uic-slick-slider .slick-dots li.slick-active button::before, .uic-slick-slider .slick-dots li button::before{
    background-color: #5E4519;
}
/*added by minagawa 2020/02/25
商品詳細のスライドのドット*/
#page_product_detail .slick-dots li.slick-active button::before{
    color: #5E4519;
}

/*added by minagawa 2020/02/23
カートに入れるボタン*/
.ec-productRole .ec-productRole__btn{
    margin-bottom: 48px;
}

/*added by minagawa 2020/02/23
数量セレクト*/
.ec-productRole .ec-productRole__actions{
    padding: 40px 0 20px 0;
}

/*added by minagawa 2020/02/24
購入の配送方法、お届け日のセレクトブロック*/
.ec-selects .ec-select{
    margin-bottom: 16px;
}

/*added by minagawa 2020/02/24
おすすめ商品ブロックのおすすめテキスト*/
dd.add--top-descriptionText{
    color: #398040;
    font-weight: bold;
}

/*added by minagawa 2020/02/24
ヘッダから表示するカート*/
.ec-cartNaviNull{
    z-index: 11;
}
.ec-cartNaviIsset.is-active, .ec-cartNaviNull.is-active{
      box-shadow: 0 0 4px 0 rgba(0, 0, 0, .5);
      box-shadow: 0 6px 8px 0 rgba(0, 0, 0, .5);
    }
.ec-cartNaviWrap .ec-cartNaviIsset::before{
    display: inline-block;
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 0 8.5px 10px 8.5px;
border-color: transparent transparent #f8f8f8 transparent;
position: absolute;
top: -9px;
right: 30px;
}
.ec-cartNaviIsset.is-active .ec-cartNaviIsset__cart{
   padding-bottom: 10px; 
}
.ec-cartNaviIsset.is-active .ec-cartNaviIsset__cartImage{
    width: 20%;
}
.ec-cartNaviIsset.is-active .ec-cartNaviIsset__cartContent{
    width: 80%;
}

@media screen and (min-width:768px){
    .ec-cartNaviWrap .ec-cartNaviIsset::before{
        right: 104px;
    }
    .ec-cartNaviIsset.is-active{
      max-width:800px;  
      width: 512px;
    }
    .ec-cartNaviIsset.is-active, .ec-cartNaviNull.is-active{
        box-shadow: 0 6px 6px 0 rgba(0, 0, 0, .5);
    }
}

/*added by minagawa 2020/02/24
商品詳細の関連商品とマージント*/
.product_page .ec-layoutRole .ec-layoutRole__contents{
    margin-bottom: 0;
}

/*added by minagawa 2020/02/24
ページャー*/
.ec-pagerRole{
    margin-bottom: 60px;
}
.ec-pager{
    font-size: 16px;
    font-weight: bold;
}

/*added by minagawa 2020/02/24
トピックパス*/
.ec-topicpath{
    padding: 14px 20px;
    border-top:none;
    font-size: 14px;
}
/*added by minagawa 2020/02/24
ご注文手続き*/
.ec-orderDelivery, .ec-orderPayment, .ec-orderConfirm{
    margin-bottom: 40px;
    
}

/*added by minagawa 2020/02/24
汎用見出し*/
.ec-rectHeading h1, .ec-rectHeading h2, .ec-rectHeading h3, .ec-rectHeading h4, .ec-rectHeading h5, .ec-rectHeading h6{
    background: #F5F4F1;
    color:#5E4519;
}

/*added by minagawa 2020/02/24
注文のステップ*/
.ec-progress .ec-progress__number, .ec-progress .ec-progress__item::after{
    background: #33250E;
}
.ec-progress .is-complete .ec-progress__number{
    background-color: #73A578;
}
.ec-progress .is-complete .ec-progress__label {
  color: #398040;
}

/*added by minagawa 2020/02/24
アラートの背景色*/
.ec-alert-warning, .ec-cartNaviNull .ec-cartNaviNull__message{
    background-color: #E88D84;
}

/*added by minagawa 2020/02/24
マイページ/ご注文履歴。注文番号と注文状況*/
.ec-historyRole__contents{
    padding-left: 8px;
    padding-right: 8px;
}

.ec-definitions{
   margin-bottom: 8px; 
}
.ec-definitions dd, .ec-definitions dt{
    padding: 4px 2px;
}
.ec-definitions dd{
    border-bottom: solid 2px #786544;
}

.ec-historyRole .ec-historyRole__detail{
    padding-top: 10px;
}
@media screen and (min-width:768px){
    .ec-historyRole .ec-historyRole__detail{
    padding-top: 0;
}
}

.ec-numberInput .ec-select{
    margin-bottom: 0;
    margin-left: 12px;
}

/*20220225 minagawa
ショッピングカート　カートの数量*/
.ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amount, .ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountSP{
    font-weight: bold;
}

/*20220225 minagawa
ショッピングカート　カートの中の商品タイトル*/
.ec-cartRow .ec-cartRow__summary{
    font-weight: normal;
}

/*20220225 minagawa
商品詳細の金額SP*/
.ec-price .ec-price__price{
    font-size: 24px;
}
@media screen and (min-width:768px){
    .ec-price .ec-price__price{
    font-size: 1em;
}
}
/*20220225 minagawa
商品詳細の商品コードブロック*/
.ec-productRole .ec-productRole__code{
    border-top: 1px dotted #ccc;
}