@charset "UTF-8";

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


トップページ・共通部分


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


input{
    /* margin: 0; */
    /* border: 0; */
    /* padding: 0; */
    /* word-break: normal; */
    /* display: inline-block; */
    /* vertical-align: middle; */
    /* white-space: normal; */
    /* background: none; */
    /* -webkit-appearance: none; */
    /* font: inherit; */
    vertical-align: -webkit-baseline-middle;
    -webkit-appearance: auto;
}

input[type="text"]{
    background: #fff;
    border: 1px solid #ccc;
    box-sizing:border-box;
}

.u-pe-none{
    pointer-events: none;
}

.ec-layoutRole .ec-layoutRole__contents{
    max-width: 1100px;
    justify-content: space-between;
}

.ec-layoutRole .ec-layoutRole__left{
    width: 230px;
}

.ec-layoutRole{
    background:none;
}

.product-common .product-name {
    -webkit-line-clamp: initial;
}

.product-common .product-image{
    height:auto;
}

.ec-newsRole{
    padding-top: 0;
}

.section-top-news .ec-role {
    padding-left: 0;
    padding-right: 0;
}

.ec-newsRole .ec-newsRole__news{
    background:#fff;
    padding: 10px 15px;
}

.ec-newsRole .ec-newsRole__newsDate{
    line-height:1.8;
    font-size:16px;
}

.ec-newsRole .ec-newsRole__newsTitle{
    font-size: 16px;
}

.aside-user .user-login{
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.ec-blockTopBtn.pagetop{
    display:none!important;
}

.p-section{
    margin-top: 100px;
}

.ec-pageHeader + .p-section{
    margin-top: 30px;
}

.p-section__heading{
    background: #d9c367;
    padding: 15px 20px;
    font-size: 22px;
    margin-bottom:0;
    line-height:1.4;
}

.p-section__block{
    margin-top: 60px;
    font-size: 15px;
}

.p-section__heading + .p-section__block{
    margin-top: 40px;
}

.p-section__block p{
    line-height:2;
}



.p-section__block__title{
    border-left: 4px solid #d9c367;
    padding: .2em 0 .2em 1em;
    font-size: 20px;
    margin-bottom: 20px;
    line-height:1.4;
}

.p-section__block__title + .p-section__block__contents{
    margin-top:20px;
}

.p-section__block__contents{
    margin-top: 30px;
}

.p-section__block__contents a{
    text-decoration: underline;
    color: #000;
}

.p-section__block__contents a:hover{
    text-decoration: none;
}

.p-postage-list{
    /* padding-left: 0; */
    padding: 40px;
    background: #fff;
    box-sizing:border-box;
}

.p-postage-list li{
    padding: 20px 0;
    border-bottom: 1px solid #ccc;
    list-style: none;
}

.p-postage-list li:first-child{
    border-top: 1px solid #ccc;
}

.p-postage-list li dl{
    display:flex;
    justify-content: space-between;
}

.p-postage-list li dt{
    border-right: 1px solid #ccc;
    width: 70%;
}

.p-postage-list li dd{
    width: 30%;
    text-align: right;
}
/*
.p-postage-list li dd:before{
    content: '・・・';
}*/

.ec-pageHeader h1{
    padding: 0;
    margin: 0 0 30px;
}

.ec-role{
    padding-left: 0;
    padding-right: 0;
    color: #000;
}

.lowerpage_logo{
    position:absolute;
    left:calc((100% - 1100px) / 2);
    top:65px;
}


.section-top-feature .feature-link{
    height:248px;
}

.header-site .header-purchase a{
    pointer-events: none;
}

.social-common .icon-line{
    background-image: url(../img/common/ico_line.svg);
}


@media screen and (min-width: 768px){
    .ec-layoutRole .ec-layoutRole__mainWithColumn{
        width: 840px;
    }

    .header-site .is-mypage {
        min-width: 120px;
        background: url(../img/common/ico_mypage.svg) top 12px center/18px auto no-repeat;
    }

    .header-site .is-logout {
        min-width: 90px;
        background: url(../img/common/ico_logout.svg) top 13px center/17px auto no-repeat;
    }

    .ec-off1Grid .ec-off1Grid__cell{
        width:100%;
        margin-left: 0;
    }

}


@media only screen and (max-width: 767.98px){
    .wrapper {
    padding-left: 0.1rem;
    padding-right: 0.1rem;
    }

    .header-site .user-item .is-cart{
        padding: 0;
    }

    .p-postage-list{
        padding: 30px 15px;
    }

    .ec-pageHeader h1{
        font-size: 25px;
    }

    .lowerpage_logo{
        display:none;
    }

    .section-top-feature .feature-link {
        height:auto;
    }

    .section-top-keyvisual .keyvisual-item{
        width:100vw;
        height:auto;
        /* padding-top: calc(500 / 835 * 100%); */
        /* padding-top: 3%; */
        min-width:initial;
        min-width:auto;
    }

    .section-top-keyvisual .keyvisual-item img{
        width:100%;
        position:relative;
        left:auto;
        transform:none;
    }

    .keyvisual-slider .slick-prev{
        left:auto;
        right: .49rem;
        top: 100%;
    }

    .keyvisual-slider .slick-next{
        top:100%;
    }

    /* .header-site .header-menu{
        top: 51px;
    } */

    .header-site .list-buttons{
        position: fixed;
        right: 10px;
        top: -1px;
        z-index: 9999;
    }

    .header-site .header-menu{
        z-index: 1;
    }

    .header-site .header-logo{
        position:fixed;
        top:0;
        left: 0;
        z-index: 5;
    }

    .header-site{
        padding-top: 15%;
    }

}


@media screen and (min-width: 768px) and (max-width: 1920px){
    .header-purchase a{
        padding: 1% 0;
        height: auto;
        min-width: initial;
        width: 18%;
    }

    .header-purchase .purchase-label{
        font-size: 0.9vw;
    }

    .header-purchase .purchase-text{
        font-size: .95vw;
    }

    .header-purchase .purchase-text span{
        font-size: 1.3vw;
    }

}


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


商品一覧ページ


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


.ec-topicpath .ec-topicpath__item--active a,
.ec-topicpath .ec-topicpath__item a{
    color: #000;
    text-decoration: underline;
}

.ec-topicpath .ec-topicpath__item--active a:hover,
.ec-topicpath .ec-topicpath__item a:hover{
    text-decoration: none;
}

.ec-searchnavRole{
    padding-left:0;
    padding-right: 0;
}

@media only screen and (max-width: 767.98px){
    .section-list .list-heading{
        height:1.5rem;
    }
}


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


商品詳細ページ


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

.section-detail .button-item{
    border:none;
}

.section-detail .button-yellow{
    color: #000;
}

.ec-productRole__btn{
    margin-top:20px;
}

.section-detail .thumbnail-item{
    margin-bottom:14px;
}

.intro-category ul{
    margin-bottom:0;
    padding-left:0;
    display:inline-block;
}

.intro-category li{
    margin-top:5px;
    margin-right:5px;
    list-style:none;
    display:inline-block;
}

.intro-category li a{
    display:block;
    padding:5px 10px;
    border: 1px solid #000;
    border-radius: 3px;
    font-size:13px;
    transition: background .3s, color .3s;
}

.intro-category li a:hover{
    background: #000;
    color: #fff;
}

.section-detail .intro-name{
    -webkit-line-clamp: initial;
}

.intro-slider .slick-slide img{
    width:100%;
}

.detail-product-freearea{
    margin-top: 20px;
}

.section-detail .product-note{
    margin-top: 50px;
}

.return__btn{
    margin-top: 30px;
}


.ec-orderRole__detail > div{
    margin-bottom:30px;
}


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


マイページ関連


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


.ec-historyRole .ec-historyRole__detail .ec-historyRole__detailPrice,
.ec-historyRole .ec-historyRole__detail .ec-historyRole__detailTitle{
    font-size: 15px;
}



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


クーポンプラグインまわりのCSS


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

#customer_detail_box .btn{
    display:inline-block;
    margin-top: 15px;
    background: #000;
    color: #fff;
    padding: 10px 20px;
    transition:opacity .3s;
}

#customer_detail_box .btn:hover{
    opacity: .6;
}

#coupon_use_coupon_cd{
    margin-bottom: 11px;
    padding: 0 15px;
}

.youtube-block{
  width: 840px;
  height: 0;
  margin: 50px 0 40px;
  padding-top: 56%;
  position: relative;
}

.youtube-block > iframe{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.bnr_arashibori.blueberry{
  margin: 50px 0 15px;
}

@media screen and (max-width: 768px){
  .youtube-block{
    width: 100%;
  }
  .bnr_arashibori.blueberry{
    margin: 40px 0 20px;
  }
}

/****************************************
 * 2023.05.12 追加
 「あと〇〇円で送料無料です」の表示を消す
 ****************************************/
 .ec-cartRole__cart:has(a[href="https://gochi-foods.com/products/detail/57"]) + .ec-cartRole__progress{
    display: none;
 }