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

/*=========================================
    #common
=========================================*/
:root {
    --bs-btn-color: #C9A063 !important;
}
.mb-0 {
    margin-bottom: 0;
}
.ms-16 {
    margin-left: 16px;
}
.me-16 {
    margin-right: 16px;
}
/* font適用 */
body,
.ec-role,
.ec-secHeading div .ec-secHeading__en,
.ec-headerNewsRole .ec-headerNewsRole__newsTitle,
.ec-headerNaviRole,
.ec-categoryNaviRole .ec-itemNav__nav,
.ec-secHeading div .ec-secHeading__ja,
.ec-contentRole__listItemTitle,
.list-link-block .list-link-btn,
.top-siteinfo-block,
.tabacms_post,
.tabacms_post_pages,
.ec-footerRole {
    font-family: "Zen Maru Gothic", serif !important;
    /* font-weight: 400; */
    font-style: normal;
    z-index: 1;
}
.ec-role {
    color: #222 !important;
}
.ec-layoutRole {
    color: #222;
    font-size: 14px;
    background: #ede8d2 url('/html/user_data/assets/img/common/site_background.png') center center;
    overflow: hidden;
}
.ec-pageHeader {
    color: #222;
}
img {
	width: auto\9;
	height: auto;
	max-width: 100%;
	vertical-align: middle;
	border: 0;
	-ms-interpolation-mode: bicubic;
}
a {
    color: #78a85e;
}
a:hover,
a:focus {
    color: #7d7d7d;
}
.ec-login,
.ec-guest {
    background: #FFFEF7;
}
.ec-layoutRole .ec-layoutRole__contents {
    width: 100%;
    max-width: calc(1520px + 40px);
    padding: 0 20px;
    margin: 0 auto;
}
.ec-layoutRole .ec-layoutRole__mainWithColumn {
    width: 100%;
}
.front_page .ec-layoutRole__mainWithColumn {
    width: calc((100% - 320px));
}
.front_page .ec-contentRole .content-arrows {
    z-index: 1;
}
.front_page .ec-contentRole .content-arrows button {
    background: #C9A063;
}
.front_page .ec-secHeading div .ec-secHeading__block {
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 1;
}
.front_page .ec-secHeading div .ec-secHeading__en {
    /* color: #C9A063; */
}
.front_page .ec-secHeading div .ec-secHeading__icon {
    margin-top: -12px;
    margin-right: 16px;
    width: 40px;
}
.front_page .ec-secHeading div .ec-secHeading__icon img {
    width: 100%;
}
.ec-blockTopBtn {
    z-index: 3;
}
.front_page .ec-banner {
  margin-bottom: 60px;
}
.ec-banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 75px;
}
.ec-banner .ec-banner__left {
    margin-right: 30px;
}
.ec-banner .ec-banner_right {
    text-align: right;
}
.ec-banner2 {
    position: relative;
    z-index: 2;
}
#floating_banner_block {
    position: fixed;
    bottom: 0;
    right: 30px;
    width: 336px;
    z-index: 3;
}
#floating_banner_block .floating-banner {
    position: relative;
}
#floating_banner_block .floating-banner img {
    width: 100%;
}
#floating_banner_block .floating-banner {
    position: relative;
}
#floating_banner_block .floating-banner span.floating-close-btn {
    position: absolute;
    top: -10px;
    right: -10px;
    cursor: pointer;
}
#floating_banner_block .floating-banner span.floating-close-btn i {
    padding: 8px 12px;
    color: #fff;
    font-size: 24px;
    border-radius: 50%;
    background: #ccc;
}
.ec-modal .ec-modal-wrap {
    border: none;
}
.ec-blockBtn {
    border-radius: 32px;
}
.ec-headerNaviRole .ec-cartNavi .ec-cartNavi__div {
    background-color: #000000 !important;
}
.ec-headerNaviRole .ec-cartNavi__badge {
    border-color: #000000 !important;
    color: #000000 !important;
    text-align: center;
    width: 24px;
    height: 24px;
    top: -6px;
    left: 30px;
    font-size: 14px;
    font-weight: 600;
}
.ec-blockBtn--action,
.ec-inlineBtn--action {
    color: #fff !important;
    border-radius: 32px;
    border: none !important;
    background-color: #78a85e !important;
}
.ec-blockBtn--cancel,
.ec-inlineBtn--cancel {
    color: #fff !important;
    border-radius: 32px;
    border: none !important;
    background-color: #c9a063 !important;
}
.ec-birth input:focus, .ec-birth textarea:focus, .ec-halfInput input:focus, .ec-halfInput textarea:focus, .ec-input input:focus, .ec-input textarea:focus, .ec-numberInput input:focus, .ec-numberInput textarea:focus, .ec-select input:focus, .ec-select textarea:focus, .ec-telInput input:focus, .ec-telInput textarea:focus, .ec-zipInput input:focus, .ec-zipInput textarea:focus {
    border: 1px solid #c9a063;
}
#page_product_detail .ec-productRole .ec-productRole__btn {
    width: 100%;
}
#page_product_list .ec-blockBtn--action,
#page_product_detail .ec-blockBtn--action {
    height: auto;
    min-height: 56px;
    /*line-height: initial;*/
    white-space: wrap;
}
/* input[type="checkbox"] {
    accent-color: #c9a063;
} */
input[type="checkbox"]:checked {
    accent-color: #a67a39;
    background: #a67a39;
    border: 1px solid #a67a39;
}
input[type="radio"] {
    accent-color: #a67a39;
}
#noshiproduct_edit_area .form-control {
    font-size: 16px;
}
.ec-orderPayment img,
.payment-image-block img {
    max-width: 320px;
}
/*=========================================
    #header
=========================================*/
.ec-headerNaviFix {
    background: #fffef7;
}
.ec-headerNaviFix .ec-headerNaviFix__inner {
    position: relative;
}
.ec-headerNaviFix .ec-headerNaviFix__inner .fix-logo {
    position: absolute;
    top: 10px;
    left: 0;
    width: 45px;
}
.ec-headerNaviFix .ec-headerNaviFix__inner .fix-logo img {
    position: absolute;
    top: 5px;
    left: 20px;
    height: 60px;
}
.ec-headerNaviRole img {
    vertical-align: 0;
}
.ec-headerSearch .ec-headerSearch__category .ec-select.ec-select_search::before {
    top: 15px;
}
.ec-headerNewsRole {
    background-color: #C9A063;
}
.ec-headerNewsRole .ec-headerNewsRole__newsTitle {
    font-size: 14px;
}
/* .ec-headerNewsRole::after {
    display: inline;
    content: '';
    width: 100%;
    height: 31px;
    background: transparent url('/html/user_data/assets/img/common/header_wave.png') center repeat-x;
} */
.ec-headerNewsRole_wave {
    width: 100%;
    height: 31px;
    margin-top: -1px;
    background: transparent url('/html/user_data/assets/img/common/header_wave.png') center repeat-x;
}
/* .ec-headerRole__title {
    display: none;
} */
.ec-headerNaviRole .ec-cartNavi {
    background: transparent;
}
.ec-headerNaviFix {
    /* background: #ede8d2 url('/html/user_data/assets/img/common/site_background.png') center center; */
    z-index: 3;
}
.header-logo-sp {
    max-width: 80px;
    margin: 40px auto;
}
/*=========================================
    #main
=========================================*/
.slick-dots li.slick-active button:before {
    opacity: 1.0 !important;
    border: 1px solid #c9a063 !important;
    background: #c9a063 !important;
}
.slick-dots li button::before {
    opacity: 1.0 !important;
    border: 1px solid #c9a063 !important;
    background: #fffef7 !important;
}
/*** トップ商品一覧 ***/
.ec-newItemRole .ec-newItemRole__list {
    display: grid;
    grid-template-columns: repeat(4, minmax(150px, 1fr));
    grid-gap: 30px 66px;
}
.ec-newItemRole .ec-newItemRole__list a:hover {
    text-decoration-color: #c9a063;
}
.ec-contentRole__listItem-image {
    position: relative;
    margin-bottom: 0;
}
.front_page .ec-contentRole__listItem a img {
    margin: 0;
    margin-bottom: 20px;
}
.ec-contentRole__listItem-image .sold-out-band {
    position: absolute;
    top: 43%;
    left: 0;
    right: 0;
    padding: 3px;
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    background: #ff2929;
}
.ec-contentRole__listItem-image .postage-badge-block {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 60px;
}
.ec-contentRole__listItem-image:hover img {
    opacity: .75;
}
/*** 商品一覧 ***/
.product_list .ec-topicpath__item a,
.product_list .ec-topicpath__item--active a {
    color: #7d7d7d;
}
.ec-searchnavRole .ec-searchnavRole__counter {
    color: #222;
}
.ec-shelfGrid .ec-shelfGrid__item a:hover .ec-shelfGrid__item-name,
.ec-shelfGrid .ec-shelfGrid__item a:hover .price02-default {
    text-decoration: underline;
    text-decoration-color: #c9a063 !important;
}
.product_list .ec-shelfRole__tags li {
    background: #c9a063;
}
.ec-shelfGrid__item-image {
    position: relative;
}
.ec-shelfGrid__item-image .sold-out-band {
    position: absolute;
    top: 43%;
    left: 0;
    right: 0;
    padding: 3px;
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    background: #ff2929;
}
.ec-shelfGrid__item-image .postage-badge-block {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 60px;
}
.ec-shelfGrid__item-image:hover .postage-badge-block {
    opacity: .75;
}
.product_list .ec-shelfGrid__item-name {
    color: #222;
    font-weight: bold;
}
.product_list .ec-shelfGrid__item .price02-default {
    color: #222;
}
/*** 商品詳細 ***/
.ec-sliderItemRole {
    position: relative;
}
.ec-sliderItemRole .postage-badge-block {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 100px;
    height: 100px;
    object-fit: cover;
}
.ec-sliderItemRole .postage-badge-block img {
    width: 100%;
    height: 100%;
}
.product_detail .ec-productRole .ec-sliderItemRole {
    margin-bottom: 50px;
}
.product_detail .ec-productRole__banner {
    margin-bottom: 40px;
}
.product_detail .ec-productRole__banner img {
    width: 100%;
}
.product_detail .ec-productRole__tags .ec-productRole__tag {
    background: #c9a063;
}
.product_detail .ec-productRole__price .ec-price .ec-price__price {
    color: #222;
}
.product_detail .ec-productRole__price .ec-price span {
    color: #222;
}
.product_detail .ec-productRole__category ul li a {
    color: #7d7d7d;
}
.option_Label label,
.product_detail .ec-productRole__actions .ec-numberInput span {
    color: #222;
}
/* .product_detail .ec-productRole__btn .ec-blockBtn--cancel {
    background: #c9a063;
} */
.product_detail .product-detail-open-text {
    margin-top: 20px;
    padding-left: 85px;
    color: #222;
    font-weight: bold;
}
.product_detail .ec-productRole__description {
    color: #222;
}
.front_page .ec-banner {
    margin-bottom: 60px;
}
.front_page .ec-newsRole {
    position: relative;
}
.front_page .ec-newsRole__news {
    position: relative;
    max-height: 200px;
    border: 1px solid #dedede;
    background: #fff;
}
.front_page .ec-newsRole__news::-webkit-scrollbar {
    width: 4px;
    margin-right: 10px; 
    background: transparent;
}
.front_page .ec-newsRole__news::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-color: #C9A063;
}
.front_page .ec-newsRole .news-back-image {
    position: absolute;
    left: -200px;
    bottom: 0px;
}
.front_page .ec-newsRole__newsItem {
    padding: 18px 10px;
}
.front_page .ec-newsRole__newsDate,
.ec-newsRole .ec-newsRole__newsTitle {
    font-weight: normal;
}
.ec-newsRole .ec-newsRole__newsTitle {
    line-height: 1.3;
}
.list-link-block {
    position: relative;
    margin-top: 40px;
    text-align: center;
}
.list-link-block .list-link-bubble {
    position: absolute;
    width: 180px;
    margin: 0 auto;
    top: -27px;
    left: 0;
    right: 0;
    z-index: 1;
}
.list-link-block .list-link-btn {
    display: block;
    width: 300px;
    margin: 0 auto;
    padding: 16px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    border-radius: 32px;
    background: #78a85e;
}
.list-link-block .list-link-btn:hover {
    text-decoration: none;
    /* background: #C68963; */
    opacity: 0.9;
}
.top-brand-banner-block {
    position: relative;
    margin: 0;
    margin-top: 60px;
    margin-bottom: 60px;
}
    .top-brand-banner-block .brand-banner-title {
        margin: 0 auto;
        margin-bottom: 20px;
        width: 265px;
        text-align: center;
        z-index: 2;
    }
    .top-brand-banner-block .brand-banner-block .brand-banner-list {
        margin-bottom: 20px;
    }
    .top-brand-banner-block .brand-banner-block .brand-banner-list:hover {
        opacity: .75;
    }
    .top-brand-banner-block .brand-banner-block .brand-banner-list img {
        width: 100%;
    }
.top-siteinfo-block {
    position: relative;
    margin: 0;
    margin-bottom: 60px;
}
    .top-siteinfo-block .siteinfo-back-right-image {
        position: absolute;
        right: -140px;
        top: 60px;
    }
    .top-siteinfo-block .siteinfo-back-left-image {
        position: absolute;
        left: -200px;
        bottom: 0px;
    }
    .top-siteinfo-block .siteinfo-title {
        position: relative;
        margin-bottom: 30px;
        text-align: center;
        z-index: 2;
    }
    .top-siteinfo-block .siteinfo-first,
    .top-siteinfo-block .siteinfo-second {
        display: flex;
        justify-content: space-between;
        align-items: start;
        margin-bottom: 30px;
    }
    .top-siteinfo-block .siteinfo-first .siteinfo-image {
        margin-right: -20px;
        max-width: 460px;
        z-index: 2;
    }
    .top-siteinfo-block .siteinfo-second .siteinfo-image {
        margin-left: -20px;
        max-width: 460px;
        z-index: 2;
        order: 2;
    }
    .top-siteinfo-block .siteinfo-first .siteinfo-contents,
    .top-siteinfo-block .siteinfo-second .siteinfo-contents {
        flex: 1;
    }
    .top-siteinfo-block .siteinfo-contents-block {
        position: relative;
        width: 100%;
        padding: 30px 40px;
        font-size: 14px;
        border-radius: 10px;
        background: #fffef7;
        z-index: 1;
    }
        .top-siteinfo-block .siteinfo-contents-block .info-contents-title {
            display: inline-block;
            /* margin-bottom: 20px; */
            padding-bottom: 8px;
            font-size: 24px;
            font-weight: bold;
            letter-spacing: 1.92px;
            line-height: 1.0;
            /* border-bottom: dotted 6px #78A85E; */
        }
        /* .top-siteinfo-block .siteinfo-contents-block .info-contents-title.dotted {
            background-image : linear-gradient(to right, #78A85E 6px, transparent 6px);
            background-size: 12px 1px;
            background-repeat: repeat-x;
            background-position: left bottom;
        } */
        .top-siteinfo-block .siteinfo-contents-block .info-contents-summary {
            letter-spacing: 0.84px;
            line-height: 2.0;
        }
        .top-siteinfo-block .siteinfo-contents-block .info-contents-summary .info-contents-terms {
            margin: 5px 0;
            /* padding-left: 20%; */
        }
            .top-siteinfo-block .siteinfo-contents-block .info-contents-summary .info-contents-terms ul.lists {
                margin: 0;
                padding: 0;
                list-style: none;
            }
            .top-siteinfo-block .siteinfo-contents-block .info-contents-summary .info-contents-terms ul.lists > li {
                display: flex;
                font-size: 16px;
                font-weight: bold;
            }
            .top-siteinfo-block .siteinfo-contents-block .info-contents-summary .info-contents-terms ul.lists > li span {
                margin-right: 6px;
                color: #78A85E;
            }
        .top-siteinfo-block .siteinfo-contents-block .info-contents-summary span.text-border {
            /* border-bottom: 2px solid #78A85E; */
            color: #78A85E;
        }
        .top-siteinfo-block .siteinfo-contents-block .info-contents-summary .text-strong {
            margin-top: 5px;
            font-size: 16px;
            font-weight: bold;
        }
.top-present-block {
    position: relative;
    margin: 0;
    margin-top: 30px;
    margin-bottom: 60px;
}
    .top-present-block .present-back-left-image {
        position: absolute;
        left: -20px;
        top: -15px;
        z-index: 1;
    }
    .top-present-block .present-title-bubble {
        position: absolute;
        top: -40px;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 180px;
        text-align: center;
    }
    .top-present-block .present-title {
        position: relative;
        margin-bottom: 15px;
        text-align: center;
        z-index: 2;
    }
    .top-present-block .present-contents {
        position: relative;
        display: flex;
        justify-content: space-between;
        align-items: center;
        max-width: 1000px;
        margin: 0 auto;
        padding: 30px 40px;
        font-size: 14px;
        border-radius: 10px;
        background: #fffef7;
        z-index: 2;
    }
        .top-present-block .present-contents .present-contents-image {
            max-width: 300px;
            margin: 0 auto;
        }
        .top-present-block .present-contents .present-contents-summary {
            flex: 1;
            padding-left: 40px;
        }
        .top-present-block .present-contents .present-contents-summary .summary-header {
            margin-bottom: 15px;
            color: #C9A063;
            font-size: 24px;
            font-weight: bold;
        }
        .top-present-block .present-contents .present-contents-summary .summary-body {
            margin-bottom: 30px;
            letter-spacing: 0.84px;
            line-height: 2.0;
        }
        .top-present-block .present-contents .present-contents-summary .summary-body:last-child {
            margin-bottom: 0;
        }
        .top-present-block .present-contents .present-contents-summary .summary-terms {
            margin: 5px 0;
        }
            .top-present-block .present-contents .present-contents-summary .summary-terms ul.lists {
                margin: 0;
                padding: 0;
                list-style: none;
            }
            .top-present-block .present-contents .present-contents-summary .summary-terms ul.lists > li {
                display: flex;
                font-size: 16px;
                font-weight: bold;
            }
            .top-present-block .present-contents .present-contents-summary .summary-terms ul.lists > li span {
                margin-right: 6px;
                color: #78A85E;
            }
        .top-present-block .present-contents .present-contents-summary span.text-border {
            /* border-bottom: 2px solid #78A85E; */
            color: #78A85E;
        }
        .top-present-block .present-contents .present-contents-summary .text-strong {
            margin-top: 5px;
            font-size: 16px;
            font-weight: bold;
        }
/*** レシピ一覧 ***/
.ec-recipesItemRole {
    position: relative;
}
    .ec-recipesItemRole .recipes-back-right-image {
        position: absolute;
        right: -140px;
        top: -7px;
    }
    .ec-recipesItemRole .recipes-back-left-image {
        position: absolute;
        left: -200px;
        bottom: -9px;
        z-index: 1;
    }
    .ec-newRecipeRole__list {
        position: relative;
        z-index: 2;
    }
.other_page .ec-recipesItemRole {
    margin-bottom: 120px;
}
.ec-newItemRole .ec-newRecipeRole__list {
    display: grid;
    grid-template-columns: repeat(4, minmax(150px, 1fr));
    grid-gap: 30px 66px;
}
.ec-newItemRole .ec-newRecipeRole__list a:hover {
    text-decoration-color: #c9a063;
}
.product_detail .ec-descriptionRole {
    padding: 30px 0;
}
.ec-productRole__description p img {
    margin: 20px 0;
}
.top-banner-bottom-block {
    text-align: center;
}
    .top-banner-bottom {
        margin-bottom: 30px;
    }
    .top-banner-bottom:last-child {
        margin-bottom: 0px;
    }
/*** 3つの魅力 ***/
.product-appeal-block {
    margin-top: 50px;
    margin-bottom: 60px;
}
.product-appeal-block .product-appeal-header {
    margin: 0 auto;
    margin-bottom: 22px;
    width: 300px;
}
.product-appeal-block .product-appeal-body {
    display: grid;
    grid-template-columns: repeat(3, minmax(150px, 1fr));
    grid-gap: 0 30px;
}
    .product-appeal-block .product-appeal-body .product-appeal-list {
        padding: 30px;
        border-radius: 10px;
        background: #fffef7;
    }
    .product-appeal-block .product-appeal-body .product-appeal-list .product-appeal-image {
        width: 120px;
        margin: 30px auto;
        margin-bottom: 40px;
    }
    .product-appeal-block .product-appeal-body .product-appeal-list .product-appeal-title {
        margin-bottom: 15px;
        color: #c9a063;
        font-size: 24px;
        font-weight: bold;
        text-align: center;
    }
    .product-appeal-block .product-appeal-body .product-appeal-list .product-appeal-desc {
        color: #222;
        font-size: 14px;
        /* font-weight: 600; */
        line-height: 2;
    }
    .product-appeal-block .product-appeal-body .product-appeal-list .product-appeal-desc .text-border {
        color: #78A85E;
    }
/*** その他取り扱いブランド ***/
.pages-brand-block {
    margin-top: 60px;
    margin-bottom: 60px;
}
.pages-brand-block .pages-brand-header {
    margin: 0 auto;
    margin-bottom: 22px;
    width: 265px;
}
.pages-brand-block .pages-brand-body {
    display: grid;
    grid-template-columns: repeat(3, minmax(150px, 1fr));
    grid-gap: 0 30px;
}
    .pages-brand-block .pages-brand-body .pages-brand-list {
        padding: 0;
    }
    .pages-brand-block .pages-brand-body .pages-brand-list .pages-brand-image {
        position: relative;
    }
    .pages-brand-block .pages-brand-body .pages-brand-list .pages-brand-image:hover {
        opacity: .75;
    }
    .pages-brand-block .pages-brand-body .pages-brand-list .pages-brand-title {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 16px;
        color: #fff;
        font-size: 16px;
        font-weight: bold;
        text-align: center;
        background: #222;
    }
    .pages-brand-block .pages-brand-body .pages-brand-list .pages-brand-title i {
        font-size: 12px;
        vertical-align: 1px;
    }
/*=========================================
    #side
=========================================*/
.side-logo-pc {
    max-width: 140px;
    margin: 0 auto;
    margin-top: -25px;
    margin-bottom: 25px;
}
.ec-categoryNaviRole {
    background: #fff;
}
.ec-categoryNaviRole h4 {
    color: #222;
}
.ec-drawerRole .ec-headerSearch {
    background: #C9A063;
}
.ec-drawerRole .ec-headerCategoryArea__heading {
    background: #fffef7 !important;
}
.ec-categoryNaviRole .ec-itemNav__all a {
    color: #222;
}
.ec-layoutRole__left .rank-info-block,
.ec-layoutRole__left .rank-type-block {
    display: none;
}
/*=========================================
    #page
=========================================*/
.page-header-block {
    margin-bottom: -20px;
}
    .page-header-block .page-header-image {
        margin-bottom: 40px;
    }
    .page-header-block .page-header-summary {
        color: #222;
        text-align: center;
        line-height: 1.7;
        letter-spacing: 0.96px;
    }
.howto-block {
    margin: 60px 0;
}
    .howto-block .howto-contents {
        position: relative;
        margin-bottom: 60px;
        padding: 30px;
        border-radius: 10px;
        background: #fffef7;
    }
    .howto-block .howto-contents:last-child {
        margin-bottom: 0;
    }
    .howto-block .howto-contents .howto-contents-angle {
        position: absolute;
        left:50%;
        bottom: -45px;
        transform: translate(-50%, -50%);
    }
    .howto-block .howto-contents .howto-contents-header {
        display: flex;
        margin-bottom: 20px;
        color: #222;
        font-size: 24px;
        font-weight: bold;
    }
        .howto-block .howto-contents .howto-contents-header img {
            width: 40px;
            margin-right: 10px;
        }
        .howto-block .howto-contents .howto-contents-header-sub {
            position: relative;
            margin-bottom: 20px;
            color: #C9A063;
            font-size: 24px;
            font-weight: bold;
            text-align: center;
        }
        .howto-block .howto-contents .howto-contents-header-sub span {
            position: relative;
            padding: 0 30px;
            background: #fffef7;
        }
        .howto-block .howto-contents .howto-contents-header-sub:before {
            position: absolute;
            top: calc(50% - 1px);
            left: 0;
            width: 100%;
            height: 2px;
            content: '';
            border: 1px dashed #C9A063;
        }
    .howto-block .howto-contents .howto-contents-body {
        display: flex;
        margin-bottom: 20px;
        color: #222;
    }
        .howto-block .howto-contents .howto-contents-body .howto-contents-image {
            max-width: 360px;
            margin: 0 auto;
        }
        .howto-block .howto-contents .howto-contents-body .howto-contents-summary {
            padding-left: 30px;
            font-size: 14px;
            line-height: 2.0;
            flex: 1;
        }
        .howto-block .howto-contents .howto-contents-body .howto-contents-summary .summary-title {
            margin-bottom: 5px;
            font-size: 16px;
            font-weight: bold;
        }
        .howto-block .howto-contents .howto-contents-body .howto-contents-summary .summary-title span {
            margin-right: 6px;
            color: #78A85E;
        }
        .howto-block .howto-contents .howto-contents-body .howto-contents-summary span.text-border {
            /* border-bottom: 2px solid #78A85E; */
            color: #78A85E;
            font-weight: bold;
        }
    .howto-block .howto-contents:last-child,
    .howto-block .howto-contents .howto-contents-body:last-child {
        margin-bottom: 0;
    }
    .howto-block .howto-border {
        margin: 60px 0;
        margin-bottom: 30px;
        height: 6px;
        background: transparent url(/html/user_data/assets/img/top/top_site_info_dot.png) left repeat-x;
    }
    .howto-block .howto-info-center {
        margin-top: 90px;
        margin-bottom: 30px;
        font-size: 14px;
        text-align: center;
    }
    .howto-block .howto-info {
        margin-bottom: 30px;
        font-size: 14px;
        text-align: left;
        line-height: 2.0;
    }
    .howto-block .howto-page-link {
        display: flex;
        justify-content: space-between;
        align-items: center;
        max-width: 640px;
        margin: 0 auto;
        margin-bottom: 30px;
    }
    .howto-block .howto-page-link a {
        width: 300px;
        padding: 16px;
        color: #fff;
        font-size: 16px;
        text-align: center;
        font-weight: bold;
        border-radius: 28px;
        background: #78A85E;
    }
    .howto-block .howto-page-link a:hover,
    .howto-block .howto-page-link a:focus {
        text-decoration: none;
        opacity: 0.9;
    }
    .howto-block .howto-page-link a:first-child {
        margin-right: 40px;
    }
    .howto-block .howto-heading {
        padding-top: 30px;
        padding-bottom: 30px;
        font-size: 24px;
        font-weight: bold;
        text-align: center;
    }
.tradelaw table {
    width: 100%;
    font-size: 12px;
    /* border: 1px solid #ddd; */
}
.tradelaw table > tbody > tr > th,
.tradelaw table > tbody > tr > td {
    font-size: 14px;
}
.tradelaw table > tbody > tr > th {
    width: 30%;
    padding: 10px 15px;
    color: #222;
    background: transparent;
}
.tradelaw table > tbody > tr > th {
    padding: 10px 15px;
    border: 1px solid #aaa;
    background: transparent; /* #fffef7; */
}
.tradelaw table > tbody > tr > td {
    padding: 10px 15px;
    border: 1px solid #aaa;
    border-left: none;
    background: transparent; /* #fffef7; */
}
/*** レシピ ***/
.recipe-block .recipe-title {
    margin-bottom: 40px;
}
.recipe-block .recipe-title h1 {
    margin: 0 !important;
    padding: 0 !important;
    color: #222;
    font-size: 36px !important;
    font-weight: bold;
}
.recipe-block .recipe-title .recipe-title-border {
    margin-top: 20px;
    height: 6px;
    background: transparent url('/html/user_data/assets/img/top/top_site_info_dot.png') left repeat-x;
}
.recipe-block .recipe-subtitle {
    margin-bottom: 8px;
    color: #C9A063;
    font-size: 24px;
    font-weight: bold;
}
.recipe-block .recipe-wrap {
    display: flex;
    margin: 20px 0;
    line-height: 2.0;
}
    .recipe-block .recipe-body-left {
        max-width: 500px;
    }
        .recipe-block .recipe-body-left .left-block-image {
            margin-bottom: 50px;
        }
        .recipe-block .recipe-body-left .left-block-image img {
            width: 100%;
        }
        .recipe-block .recipe-body-left .left-block-point {
            position: relative;
            margin-bottom: 30px;
            padding: 20px 30px;
            border-radius: 10px;
            border: 2px solid #C9A063;
            background: #FFFEF7;
        }
        .recipe-block .recipe-body-left .left-block-point .point-title {
            position: absolute;
            top: -25px;
            left: 0;
            right: 0;
            margin: auto;
            width: 200px;
            padding: 8px 24px;
            color: #C9A063;
            font-weight: bold;
            text-align: center;
            border: 2px solid #C9A063;
            border-radius: 25px;
            background: #FFFEF7;
        }
        .recipe-block .recipe-body-left .left-block-point .point-text {
            margin-top: 10px;
        }
    .recipe-block .recipe-body-right {
        padding-left: 30px;
        flex: 1;
    }
    .recipe-block .recipe-body-right .right-block-contents {
        margin-bottom: 30px;
        padding: 20px 30px;
        border-radius: 10px;
        background: #FFFEF7;
    }
        .recipe-block .recipe-body-right .right-block-contents .contents-title {
            padding-bottom: 0;
            color: #C9A063;
            font-size: 24px;
            font-weight: bold;
            text-align: center;
        }
        .recipe-block .recipe-body-right .right-block-contents .contents-text {
            
        }
            .recipe-block .recipe-body-right .right-block-contents .contents-text .text-list {
                display: flex;
                justify-content: space-between;
                padding: 8px 0;
                border-bottom: 1px solid #ddd;
            }
            .recipe-block .recipe-body-right .right-block-contents .contents-text .text-list span:first-child {
                margin-right: 20px;
                flex: 1;
            }
            .recipe-block .recipe-body-right .right-block-contents .contents-text .text-list:last-child {
                border: none;
            }
            .recipe-block .recipe-body-right .right-block-contents .contents-text ul.lists {
                margin: 0;
                padding: 0;
                list-style: none;
            }
            .recipe-block .recipe-body-right .right-block-contents .contents-text ul.lists > li {
                display: flex;
                align-items: center;
                padding: 20px 0;
                border-bottom: 1px solid #ddd;
            }
            .recipe-block .recipe-body-right .right-block-contents .contents-text ul.lists > li:last-child {
                border: none;
            }
            .recipe-block .recipe-body-right .right-block-contents .contents-text ul.lists span {
                margin-right: 10px;
                width: 40px;
                min-width: 40px;
            }
/*=========================================
    #cart
=========================================*/
.ec-totalBox {
    color: #222;
}
.ec-progress .is-complete .ec-progress__label {
    color: #C9A063;
}
.ec-progress .ec-progress__label {
    color: #7d7d7d;
}
.ec-progress .ec-progress__item {
    z-index: 2;
}
.ec-progress .is-complete .ec-progress__number {
    background: #C9A063;
}
.ec-progress .ec-progress__number {
    background: #7d7d7d;
}
.ec-progress .ec-progress__item:after {
    background: #7d7d7d;
}
.ec-orderAccount .ec-orderAccount__account {
    color: #222;
}
.ec-select label {
    color: #222;
}
/*=========================================
    #mypage
=========================================*/
.ec-welcomeMsg,
.ec-mypageRole,
.ec-historyRole .ec-historyRole__contents,
.ec-definitions dt, .ec-definitions--soft dt,
.ec-rectHeading .h1, .ec-rectHeading .h2, .ec-rectHeading .h3, .ec-rectHeading .h4, .ec-rectHeading .h5, .ec-rectHeading .h6, .ec-rectHeading h1, .ec-rectHeading h2, .ec-rectHeading h3, .ec-rectHeading h4, .ec-rectHeading h5, .ec-rectHeading h6,
.ec-orderDelivery .ec-orderDelivery__title,
.ec-imageGrid .ec-imageGrid__content,
.ec-orderDelivery .ec-orderDelivery__address p {
    color: #222;
}
.ec-historyListHeader .ec-historyListHeader__action a {
    color: #222;
    background: #f3f3f3;
}
.ec-orderMail .ec-orderMail__link a,
.ec-orderMail .ec-orderMail__close a {
    color: #78a85e;
}
.ec-orderMail .ec-orderMail__link a:hover,
.ec-orderMail .ec-orderMail__close a:hover {
    color: #7d7d7d;
}
.mypageChange .ec-RegisterRole__actions .ec-blockBtn--cancel,
#page_mypage_delivery_new .ec-RegisterRole__actions .ec-blockBtn--cancel,
.mypageWithdraw .ec-blockBtn--cancel {
    background: #78a85e;
}
.ec-inlineBtn {
    color: #222;
    background: #f3f3f3;
}
.ec-forgotRole .ec-forgotRole__form {
    color: #222;
}
/*=========================================
    #login
=========================================*/
/* .login .ec-login__actions .ec-blockBtn--cancel {
    background: #78a85e;
} */
/*=========================================
    #register
=========================================*/
.ec-registerRole {
    color: #222;
}
.registration_page .ec-zipInputHelp a span {
    color: #78a85e;
}
.ec-link,
.ec-link:hover {
    color: #78a85e;
}
/* .registration_page .ec-registerRole .ec-blockBtn--action {
    background: #78a85e;
    border-color: #78a85e;
} */
.registration_page .ec-registerRole .ec-blockBtn--cancel {
    background-color: #7d7d7d;
    border-color: #7d7d7d;
}
/*=========================================
    #contact
=========================================*/
.ec-contactRole {
    color: #222;
}
.ec-zipInputHelp span {
    color: #78a85e;
}
.contact .ec-RegisterRole__actions .ec-blockBtn--action {
    background: #78a85e;
}
/*=========================================
    #footer
=========================================*/
.ec-footerRole {
    margin: 0 !important;
    border: none;
    background-color: #C9A063;
}
.ec-footerRole .ec-footerRole__inner {
    max-width: 1200px;
}
.ec-footerRole_wave {
    margin-top: 100px;
    margin-bottom: -1px;
    width: 100%;
    height: 31px;
    background: transparent url('/html/user_data/assets/img/common/footer_wave.png') center repeat-x;
}
/* .ec-footerNavi__info {
    padding-left: 79px;
}
.ec-footerNavi__contents {
    display: flex;
    justify-content: center;
    flex: 1;
    width: 50%;
}
*/
.ec-footerRole .ec-footerNavi {
    display: flex;
    justify-content: center;
}
.ec-footerRole .ec-footerRole__inner {
    font-size: 14px;
}
.ec-footerRole .ec-footerNavi .ec-footerNavi__left {
    width: 50%;
    display: flex;
    border-right: 1px solid #fff;
}
.ec-footerRole .ec-footerNavi .ec-footerNavi__left .footer-logo {
    width: 80px;
    margin-right: 50px;
}
.ec-footerRole .ec-footerNavi .ec-footerNavi__left .footer-left-contents {
    margin: 0 30px;
    margin-top: 30px;
}
.ec-footerRole .ec-footerNavi ul {
    text-align: left;
    list-style-type: none;
    line-height: 42px;
    padding-left: 0;
}
.ec-footerRole a {
    color: #fff;
    font-size: 14px;
}
.ec-footerRole .ec-footerNavi .ec-footerNavi__right {
    width: 50%;
}
.ec-footerRole .ec-footerNavi .ec-footerNavi__right--inner {
    display: flex;
    justify-content: end;
}
.ec-footerRole .ec-footerNavi dl {
    display: flex;
    text-align: left;
}
.ec-footerRole .ec-footerNavi dl dt img {
    width: 14px;
    float: left;
    margin-top: 5px;
    margin-right: 15px;
}
.ec-footerRole .ec-footerNavi .ec-footerNavi__right .footer-company-contents {
    margin-top: 5px;
    margin-left: 60px;
    margin-bottom: 25px;
    text-align: left;
}
    .ec-footerRole .ec-footerNavi .ec-footerNavi__right .footer-company-contents span.label {
        margin-right: 15px;
        padding: 2px 4px;
        font-size: 12px;
        border: 1px solid #fff;
        border-radius: 3px;
    }
.ec-footerRole .ec-footerNavi .ec-footerNavi__right .footer-right-contents {
    margin: 0 60px;
}
.ec-footerRole .ec-footerNavi .ec-footerNavi__right .footer-right-contents:last-child {
    margin-left: 10px;
    margin-right: 0;
}
.ec-footerRole .ec-footerNavi .ec-footerNavi__right .footer-right-contents > dl {
    margin-top: 5px;
}
.ec-footerRole .ec-footerNavi .ec-footerNavi__right .footer-right-contents ul li {
    line-height: 2.5;
}
.ec-footerNavi__sns-item a {
    display: flex;
    align-items: center;
}
.ec-footerNavi__sns-item img {
    width: 20px !important;
    margin-right: 20px;
}
.ec-footerRole .ec-footerNavi .ec-footerNavi__right .footer-right-contents a span.link-text {
    text-decoration: underline;
}
.ec-footerRole .ec-footerNavi .ec-footerNavi__right .footer-right-contents svg {
    width: 14px;
    height: 14px;
    margin-left: 6px;
    vertical-align: 0;
}

/* .ec-footerRole .ec-footerNavi .ec-footerNavi__guide {
    padding: 0;
    border: none;
}
.ec-footerRole .ec-footerNavi .ec-footerNavi__site {
    padding: 0 60px;
}
.ec-footerRole .ec-footerNavi .ec-footerNavi__info {
    padding-left: 60px;
    padding-right: 0px;
}
.ec-footerRole .ec-footerNavi .ec-footerNavi__info dl {
    padding: 0;
}
.ec-footerRole .ec-footerNavi .ec-footerNavi__sns {
    padding: 0;
    padding-left: 60px;
}
.ec-footerNavi {
    display: flex;
    flex-wrap: wrap;
}
.ec-footerNavi__contents {
    width: calc(100% / 4);
} */
/*=========================================
    @taba apps
=========================================*/
.tabacms_widget {
    font-size: 14px;
}
.tabacms_widget h4 {
    font-size: 16px;
}
.tabacms_thumbnail_wrapper {
    margin-bottom: 20px !important;
}
.tabacms_thumbnail_wrapper .tabacms_thumbnail {
    position: static !important;
}
.tabacms_thumbnail_wrapper:before {
    padding: initial !important;
}
.tabacms_detail a {
    color: #222;
    font-weight: bold;
}
.tabacms_post {
    padding: 40px 0;
    border-radius: 10px;
    background: #FFFEF7;
}
    .tabacms_post .taba-detail-header {
        margin-bottom: 40px;
        /* padding: 15px; */
        /* border-radius: 10px; */
        /* background: #C9A063; */
    }
    .tabacms_post .taba-detail-header h1 {
        margin: 0 !important;
        padding: 0 !important;
        color: #222;
        font-size: 36px !important;
        font-weight: bold;
    }
    .tabacms_post .taba-detail-header .detail-header-border {
        margin-top: 20px;
        height: 6px;
        background: transparent url('/html/user_data/assets/img/top/top_site_info_dot.png') left repeat-x;
    }
    .tabacms_post .taba-detail-body {
        margin: 20px 0;
    }
    .tabacms_post .taba-detail-body h1,
    .tabacms_post .taba-detail-body h2,
    .tabacms_post .taba-detail-body h3,
    .tabacms_post .taba-detail-body h4 {
        margin-top: 30px;
        margin-bottom: 15px;
        color: #c9a063;
        font-weight: bold;
    }
    .tabacms_post .taba-detail-body h1 {
        font-size: 24px;
        text-align: center;
    }
    .tabacms_post .taba-detail-body h2 {
        font-size: 20px;
        text-align: center;
    }
    .tabacms_post .taba-detail-body h3 {
        font-size: 16px;
        text-align: center;
    }
    .tabacms_post .taba-detail-body h4 {
        font-size: 14px;
        text-align: center;
    }
    .tabacms_post .taba-detail-body {
        margin: 20px 0;
    }
    .tabacms_post .taba-detail-body h2 {
        color: #c9a063;
        font-size: 24px;
        font-weight: 600;
        text-align: center;
    }
    .tabacms_post .taba-detail-body p {
        /*margin: 20px 0;*/
    }
    .tabacms_post .taba-detail-body ul,
    .tabacms_post .taba-detail-body ol {
        /* padding: 20px 30px; */
        padding: 0;
        border-radius: 10px;
        background: #FFFEF7;
    }
    .tabacms_post .taba-detail-body ul {
        list-style-type: none!important;
    }
    .tabacms_post .taba-detail-body ul li {
        position: relative;
        padding: 8px 0;
        padding-left: 20px;
        border-bottom: 1px solid #ddd;
    }
    .tabacms_post .taba-detail-body ul li:last-child {
        border: none;
    }
    .tabacms_post .taba-detail-body ul li:before {
        position: absolute;
        content: '・';
        display:inline-block;
        color: #222;
        font-family: "Zen Maru Gothic", serif !important;
        /* font-family: 'Avenir','Arial Black','Arial',sans-serif; */
        font-weight:bold;
        font-size: 15px;
        border-radius: 50%;
        left: 0;
        text-align: center;
        /*以下 上下中央寄せのため*/
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .tabacms_post .taba-detail-body ol {
        counter-reset:number; 
        list-style-type: none!important;
    }
    .tabacms_post .taba-detail-body ol li {
        position: relative;
        padding: 20px 0;
        padding-left: 42px;
        border-bottom: 1px solid #ddd;
    }
    .tabacms_post .taba-detail-body ol li:last-child {
        border: none;
    }
    .tabacms_post .taba-detail-body ol li:before {
        /* 以下数字をつける */
        position: absolute;
        counter-increment: number;
        content: counter(number);
        /*以下数字のデザイン変える*/
        display:inline-block;
        background: #C9A063;
        color: white;
        font-family: "Zen Maru Gothic", serif !important;
        /* font-family: 'Avenir','Arial Black','Arial',sans-serif; */
        font-weight:bold;
        font-size: 15px;
        border-radius: 50%;
        left: 0;
        width: 30px;
        height: 30px;
        line-height: 28px;
        text-align: center;
        /*以下 上下中央寄せのため*/
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
.tabacms_post_pages {
    padding: 40px 0;
    border-radius: 10px;
    background: #FFFEF7;
}
    .tabacms_post_pages .taba-detail-header {
        margin-bottom: 40px;
        /* padding: 15px; */
        /* border-radius: 10px; */
        /* background: #C9A063; */
    }
    .tabacms_post_pages .taba-detail-header h1 {
        margin: 0 !important;
        padding: 0 !important;
        color: #222;
        font-size: 36px !important;
        font-weight: bold;
    }
    .tabacms_post_pages .taba-detail-header .detail-header-border {
        margin-top: 20px;
        height: 6px;
        background: transparent url('/html/user_data/assets/img/top/top_site_info_dot.png') left repeat-x;
    }
    .tabacms_post_pages .taba-detail-body {
        margin: 20px 0;
    }
    .tabacms_post_pages .taba-detail-body h1,
    .tabacms_post_pages .taba-detail-body h2,
    .tabacms_post_pages .taba-detail-body h3,
    .tabacms_post_pages .taba-detail-body h4 {
        margin-top: 30px;
        margin-bottom: 15px;
        color: #c9a063;
        font-weight: bold;
    }
    .tabacms_post_pages .taba-detail-body h1 {
        font-size: 24px;
    }
    .tabacms_post_pages .taba-detail-body h2 {
        font-size: 20px;
    }
    .tabacms_post_pages .taba-detail-body h3 {
        font-size: 16px;
    }
    .tabacms_post_pages .taba-detail-body h4 {
        font-size: 14px;
    }
    .tabacms_post_pages .taba-detail-body {
        margin: 20px 0;
    }
    .tabacms_post_pages .taba-detail-body h2 {
        color: #c9a063;
        font-size: 24px;
        font-weight: 600;
    }
    .tabacms_post_pages .taba-detail-body {
        font-size: 14px;
    }
    .tabacms_post_pages .taba-detail-body p {
        /* margin: 20px 0; */
        font-size: 14px;
        line-height: 2;
    }
    .tabacms_post_pages .taba-detail-body hr {
        margin: 30px 0;
        border-color: #ddd;
        opacity: 1;
    }
    .tabacms_post_pages .taba-detail-body ul,
    .tabacms_post_pages .taba-detail-body ol {
        /* padding: 20px 30px; */
        padding: 0;
        border-radius: 10px;
        background: #FFFEF7;
    }
    .tabacms_post_pages .taba-detail-body ul {
        list-style-type: none!important;
    }
    .tabacms_post_pages .taba-detail-body ul li {
        position: relative;
        padding: 4px 0;
        padding-left: 22px;
        font-size: 16px;
        font-weight: bold;
    }
    .tabacms_post_pages .taba-detail-body ul li:last-child {
        border: none;
    }
    .tabacms_post_pages .taba-detail-body ul li:before {
        position: absolute;
        content: '';
        display:inline-block;
        background: #C9A063;
        color: #222;
        font-family: "Zen Maru Gothic", serif !important;
        /* font-family: 'Avenir','Arial Black','Arial',sans-serif; */
        font-weight:bold;
        font-size: 15px;
        border-radius: 50%;
        width: 16px;
        height: 16px;
        left: 0;
        text-align: center;
        /*以下 上下中央寄せのため*/
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .tabacms_post_pages .taba-detail-body ol {
        counter-reset:number; 
        list-style-type: none!important;
    }
    .tabacms_post_pages .taba-detail-body ol li {
        position: relative;
        padding: 20px 0;
        padding-left: 42px;
        border-bottom: 1px solid #ddd;
    }
    .tabacms_post_pages .taba-detail-body ol li:last-child {
        border: none;
    }
    .tabacms_post_pages .taba-detail-body ol li:before {
        /* 以下数字をつける */
        position: absolute;
        counter-increment: number;
        content: counter(number);
        /*以下数字のデザイン変える*/
        display:inline-block;
        background: #C9A063;
        color: white;
        font-family: "Zen Maru Gothic", serif !important;
        /* font-family: 'Avenir','Arial Black','Arial',sans-serif; */
        font-weight:bold;
        font-size: 15px;
        border-radius: 50%;
        left: 0;
        width: 30px;
        height: 30px;
        line-height: 28px;
        text-align: center;
        /*以下 上下中央寄せのため*/
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .tabacms_post_pages .list-link-block {
        position: relative;
        margin-top: 20px;
        margin-bottom: 20px;
        text-align: center;
    }
/*=========================================
    @media_query
=========================================*/
@media (min-width: 992px) and (max-width: 1200px) {
    /*** トップページ商品一覧 ***/
    .ec-newItemRole .ec-newItemRole__list,
    .ec-newItemRole .ec-newRecipeRole__list {
        display: grid;
        grid-template-columns: repeat(3, minmax(150px, 1fr));
        grid-gap: 30px 33px;
    }
    .top-siteinfo-block .siteinfo-first .siteinfo-image,
    .top-siteinfo-block .siteinfo-second .siteinfo-image {
        flex: 1;
    }
    .top-siteinfo-block .siteinfo-contents-block .info-contents-title {
        line-height: 1.3;
    }
    .howto-block .howto-contents .howto-contents-body .howto-contents-image {
        flex: 1;
    }
    .recipe-block .recipe-body-left {
        flex: 1;
    }
}
@media all and (max-width: 992px) {
    .ec-headerNaviRole .ec-headerNav__item {
        margin-right: 5px;
    }
    .ec-headerNav .ec-headerNav__itemLink {
        font-size: 12px;
    }
    .ec-headerNaviRole .ec-headerSearch__category {
        width: 110px;
    }
    .ec-headerNaviRole .ec-headerSearch .ec-headerSearch__keyword {
        width: 160px;
    }
    /*** トップページ商品一覧 ***/
    .ec-contentRole__listItem-image .postage-badge-block,
    .ec-shelfGrid__item-image .postage-badge-block {
        width: 48px;
    }
    .ec-sliderItemRole .postage-badge-block {
        width: 68px;
        height: 68px;
    }
    .ec-newItemRole .ec-newItemRole__list,
    .ec-newItemRole .ec-newRecipeRole__list {
        display: grid;
        grid-template-columns: repeat(2, minmax(150px, 1fr));
        grid-gap: 30px 26px;
    }
    .top-siteinfo-block .siteinfo-first,
    .top-siteinfo-block .siteinfo-second {
        display: block;
        margin-bottom: 30px;
    }
    .top-siteinfo-block .siteinfo-first .siteinfo-image {
        position: relative;
        margin: 0 auto;
        margin-bottom: -10px;
    }
    .top-siteinfo-block .siteinfo-second .siteinfo-image {
        position: relative;
        margin: 0 auto;
        margin-bottom: -10px;
    }
    .top-siteinfo-block .siteinfo-contents-block {
        width: 100%;
        padding: 20px;
        padding-top: 30px;
    }
    .top-siteinfo-block .siteinfo-contents-block .info-contents-title {
        padding-bottom: 10px;
        font-size: 18px;
        line-height: 1.3;
    }
    .top-siteinfo-block .siteinfo-contents-block .info-contents-summary .info-contents-terms {
        margin: 5px 0;
        padding-left: 0;
    }
    .top-siteinfo-block .siteinfo-contents-block .info-contents-summary .info-contents-terms ul.lists > li {
        font-size: 14px;
    }
    .top-siteinfo-block .siteinfo-contents-block .info-contents-summary .text-strong {
        font-size: 14px;
    }
    .top-present-block .present-contents {
        display: block;
        padding: 20px;
    }
    .top-present-block .present-contents .present-contents-image {
        max-width: 180px;
        margin-top: 10px;
        margin-bottom: 30px;
    }
    .top-present-block .present-contents .present-contents-summary {
        padding: 0;
    }
    .top-present-block .present-contents .present-contents-summary .summary-header {
        margin-bottom: 15px;
        font-size: 20px;
    }
    .product_detail .ec-descriptionRole {
        padding: 15px 0;
    }
    .product-appeal-block .product-appeal-body {
        display: block;
    }
        .product-appeal-block .product-appeal-body .product-appeal-list {
            margin-bottom: 20px;
            padding: 20px;
        }
        .product-appeal-block .product-appeal-body .product-appeal-list .product-appeal-image {
            width: 120px;
            margin: 40px auto;
            margin-bottom: 40px;
        }
        .product-appeal-block .product-appeal-body .product-appeal-list .product-appeal-title {
            margin-bottom: 15px;
            color: #c9a063;
            font-size: 20px;
            font-weight: bold;
            text-align: center;
        }
        .product-appeal-block .product-appeal-body .product-appeal-list .product-appeal-desc {
            color: #222;
            /* font-weight: 600; */
            line-height: 2;
        }
        .product-appeal-block .product-appeal-body .product-appeal-list .product-appeal-desc .text-border {
            color: #78A85E;
        }
    .pages-brand-block .pages-brand-body {
        display: block;
    }
        .pages-brand-block .pages-brand-body .pages-brand-list {
            margin-bottom: 20px;
        }
        .pages-brand-block .pages-brand-body .pages-brand-list .pages-brand-title {
            font-size: 14px;
        }
        .pages-brand-block .pages-brand-body .pages-brand-list .pages-brand-title i {
            font-size: 12px;
            vertical-align: 1px;
        }
    .howto-block .howto-contents {
        padding: 20px;
    }
    .howto-block .howto-contents .howto-contents-header {
        font-size: 20px;
    }
    .howto-block .howto-contents .howto-contents-header img {
        width: 30px;
    }
    .howto-block .howto-contents .howto-contents-body {
        display: block;
    }
    .howto-block .howto-contents .howto-contents-body .howto-contents-summary {
        margin-top: 20px;
        padding: 0;
    }
    .recipe-block .recipe-title h1 {
        font-size: 24px !important;
    }
    .recipe-block .recipe-subtitle {
        font-size: 20px;
    }
    .recipe-block .recipe-wrap {
        display: block;
    }
    .recipe-block .recipe-body-left {
        max-width: 100%;
        width: 100%;
    }
    .recipe-block .recipe-body-right {
        padding-left: 0;
    }
    .recipe-block .recipe-body-right .right-block-contents .contents-title {
        font-size: 20px;
    }
    .recipe-block .recipe-body-right .right-block-contents .contents-text ul.lists span {
        width: 30px;
        min-width: 30px;
    }
    .recipe-block .recipe-body-left .left-block-point,
    .recipe-block .recipe-body-right .right-block-contents {
        padding: 20px;
    }
    .tabacms_post,
    .tabacms_post_pages {
        padding: 40px 20px;
    }
    .ec-footerRole .ec-footerNavi {
        display: block;
        padding-top: 30px;
    }
    .ec-footerRole .ec-footerRole__inner {
        max-width: 600px;
    }
    .ec-footerRole .ec-footerNavi .ec-footerNavi__left,
    .ec-footerRole .ec-footerNavi .ec-footerNavi__right {
        width: 100%;
        justify-content: space-between;
        border: none;
    }
    .ec-footerRole .ec-footerNavi .ec-footerNavi__left {
        margin-bottom: 60px;
    }
    .ec-footerRole .ec-footerNavi .ec-footerNavi__right--inner {
        justify-content: space-between;
    }
    .ec-footerRole .ec-footerNavi .ec-footerNavi__right .footer-company-contents {
        margin-left: 0px;
    }
    .ec-footerRole .ec-footerNavi .ec-footerNavi__right .footer-right-contents {
        margin: 0;
    }
}
@media all and (max-width: 768px) {
    /* .ec-headerRole__title {
        display: block;
    }
    .ec-headerRole__title img {
        width: 43px;
        height: 50px;
    } */
    body {
        padding-top: 60px;
    }
    body.have_curtain {
        overflow: hidden;
    }
    body.have_curtain * {
        z-index: 0;
    }
    body.have_curtain #floating_banner_block {
        display: none;
    }
    .ec-headerNaviRole .ec-headerRole__navSP .ec-headerNavSP {
        top: 10px;
        left: initial;
        right: 10px;
        background: transparent;
    }
    .ec-drawerRoleClose {
        top: 10px;
    }
    .ec-headerSearch .ec-headerSearch__keywordBtn {
        z-index: initial;
    }
    .ec-headerNaviRole {
        position: fixed;
        top: 0;
        margin-top: 0;
        padding-right: 70px !important;
        background: #FFFEF7;
        height: 60px;
        z-index: 30;
    }
    .ec-headerNaviRole__right__upper .ec-headerNaviRole__nav {
        padding-top: 0;
    }
    .ec-headerNaviRole .ec-headerNav {
        padding-top: 0;
    }
    .ec-headerNaviRole .ec-cartNaviWrap {
        padding-top: 0;
    }
    .have_curtain .ec-headerNaviRole {
        z-index: 0;
    }
    .ec-headerNaviRole__right__upper .ec-headerNaviRole__nav .ec-headerMember {
        margin-top: 0;
    }
    .ec-headerNaviRole .ec-headerNavSP-logo {
        width: 27px;
        height: 40px;
    }
    .ec-headerNaviRole .ec-headerNavSP-logo img {
        width: 22px;
        height: 40px;
    }
    /* .top-siteinfo-block .siteinfo-title,
    .top-siteinfo-block .siteinfo-first .siteinfo-image,
    .top-siteinfo-block .siteinfo-second .siteinfo-image,
    .top-siteinfo-block .siteinfo-contents-block,
    .top-present-block .present-back-left-image,
    .top-present-block .present-title,
    .top-present-block .present-contents,
    .ec-recipesItemRole .recipes-back-left-image,
    .ec-newRecipeRole__list {
        z-index: 0;
    } */
    /* body, .ec-role, .ec-secHeading div .ec-secHeading__en, .ec-headerNewsRole .ec-headerNewsRole__newsTitle, .ec-categoryNaviRole .ec-itemNav__nav, .ec-secHeading div .ec-secHeading__ja, .ec-contentRole__listItemTitle, .list-link-block .list-link-btn, .top-siteinfo-block, .tabacms_post, .tabacms_post_pages, .ec-footerRole,
    .ec-newRecipeRole__list,
    .top-present-block .present-contents {
        z-index: 0;
    } */
    #floating_banner_block {
        width: 320px;
        margin: 0 auto;
        left: 0;
        right: 0;
    }
    #floating_banner_block .floating-banner span.floating-close-btn i {
        padding: 6px 8px;
        font-size: 20px;
    }
    .ec-headerSearch .ec-headerSearch__category .ec-select select {
        min-width: 160px;
    }
    .front_page .ec-secHeading {
        margin-bottom: 30px;
    }
    .front_page .ec-layoutRole__mainWithColumn {
        width: 100%;
    }
    .ec-banner {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 20px;
    }
    .ec-banner .ec-banner__left {
        margin-right: 0;
        margin-bottom: 17px;
    }
    .front_page .ec-secHeading div .ec-secHeading__en {
        font-size: 24px;
    }
    .front_page .ec-secHeading div .ec-secHeading__icon {
        width: 30px;
        margin-top: -1px;
    }
    .front_page .ec-newsRole__news .ec-newsRole__newsItem:first-of-type {
        padding-top: 18px;
    }
    .front_page .ec-newsRole__news .ec-newsRole__newsItem:last-of-type {
        padding-bottom: 0px;
    }
    .front_page .ec-newsRole__news .ec-newsRole__newsItem {
        padding: 18px 10px ;
    }
    .front_page .ec-newsRole__news {
        padding: 10px;
        border: none;
    }
    .front_page .ec-newsRole__newsItem:not(:last-of-type) {
        border-bottom: 2px solid #ddd;
    }
    .front_page .ec-contentRole__listItem a img {
        margin-bottom: 10px;
    }
    .ec-sliderItemRole .postage-badge-block {
        top: 10px;
        left: 30px;
    }
    .page-header-block {
        margin-bottom: 0px;
    }
        .page-header-block .page-header-image {
            margin-bottom: 20px;
        }
    .product_detail .product-detail-open-text {
        padding-left: 0;
        text-align: center;
    }
    .ec-newsRole .ec-newsRole__newsCloseBtn {
        top: -10px;
    }
    .other_page .ec-recipesItemRole {
        margin-bottom: 40px;
    }
    .sold-out-band {
        font-size: 20px !important;
    }
    .ec-footerRole .ec-footerNavi {
        padding-top: 0px;
    }
    .ec-footerRole .ec-footerRole__inner {
        max-width: 100%;
    }
    .ec-footerRole .ec-footerNavi .ec-footerNavi__left .footer-logo {
        margin: 0 auto;
    }
    .ec-footerRole .ec-footerNavi .ec-footerNavi__left {
        display: none;
    }
    .ec-footerRole .ec-footerNavi .ec-footerNavi__right {
        display: block;
        max-width: 300px;
        margin: 0 auto;
    }
    .ec-footerRole .ec-footerNavi .ec-footerNavi__right--inner {
        display: block;
    }
    .ec-footerRole .ec-footerNavi .ec-footerNavi__right .footer-right-contents:last-child {
        margin: 0 30px;
    }
    .ec-footerRole .ec-footerNavi .ec-footerNavi__right .footer-company-contents {
        margin-left: 30px;
    }
    .ec-footerRole .ec-footerNavi .ec-footerNavi__right .footer-right-contents {
        margin: 0 30px;
    }
    .ec-footerRole .ec-footerNavi .ec-footerNavi__right .footer-company-contents span.label {
        margin-right: 10px;
    }
    .ec-footerRole .ec-footerNavi .ec-footerNavi__right .footer-right-contents ul {
        margin-bottom: 25px;
    }
    .ec-footerRole .ec-footerNavi .ec-footerNavi__right .footer-right-contents ul li {
        text-align: center;
    }
    .ec-footerRole .ec-footerNavi .ec-footerNavi__right .footer-right-contents .ec-footerNavi__sns-item {
        margin-top: 30px;
        margin-bottom: 10px;
    }
    .ec-footerNavi__sns-item img {
        width: 30px !important;
        margin: 0 auto;
    }
    .taba-detail-header h1 {
        font-size: 24px !important;
    }
}
@media all and (max-width: 576px) {
    /* .ec-headerNaviRole {
        margin-top: -20px;
    } */
    .ec-headerNewsRole_wave {
        margin-top: -13px;
        background: transparent url('/html/user_data/assets/img/common/header_wave.png') center repeat-x;
        background-size: contain;
    }
    .howto-block .howto-page-link a i {
        margin-left: 12px !important;
    }
    .howto-block .howto-page-link a:first-child {
        margin-right: 20px;
    }
    .ec-footerRole_wave {
        margin-bottom: -13px;
        background: transparent url('/html/user_data/assets/img/common/footer_wave.png') center repeat-x;
        background-size: contain;
    }
    .ec-footerRole .ec-footerNavi .ec-footerNavi__right {
        display: block;
        max-width: 300px;
        margin: 0 auto;
    }
}