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

/* カートのキャンセルボタンわかりやすくする */
.ec-cartNaviIsset.is-active .ec-cartNavi--cancel {
    border: solid 1px #525263;
    transition: 0.3s;
}
.ec-cartNaviIsset.is-active .ec-cartNavi--cancel:hover {
    background-color: #525263;
    color: #fff;
}

/* amazon pay banner */
#AmazonBanner img {
    width: 100%;
}

/* 年齢確認ボタン色調整 */

.plugin_agelimit .ec-blockBtn--cancel {
    margin-bottom: 3rem;
    background-color: #f0f0f0 !important;
    color: #000;
}

/* hamburgerメニュー */
.ec-headerNaviRole .ec-headerRole__navSP .ec-headerNavSP {
    background: transparent;
    transform: scale(1.15);
    color: #222;
}

/* 検索画面用 */
.ec-topicpath {
    color: #90a782;
}
/* ページネーション */
.ec-pagerRole .ec-pager .ec-pager__item {
    margin-bottom: 1rem;
}

/* page top btn */
.ec-blockTopBtn {
    right: 10px;
}
.ec-blockTopBtn img {
    width: 120px;
    border-radius: 5px;
    height: auto;
    transition: 0.5s all;
}
.ec-blockTopBtn img:hover {
    opacity: 0.8;
}

/* btn */
.pege-btn {
    font-size: 1.6rem;
    border: none;
    padding: 1.6rem 4.8rem;
    border-radius: 500px;
    background-color: #4bb803;
    color: #fff;
}
.pege-btn:hover {
    opacity: 0.8;
    text-decoration: none;
}

/* エラー文言、アラート他 */
.ec-alert-warning {
    background: #e70312;
}

.ec-layoutRole__mainWithColumn {
    margin-bottom: 5rem;
}

/* 注文画面 */

.ec-progress .ec-progress__number {
    background: #bcbcbc;
}
.ec-progress .ec-progress__item:after {
    background: #bcbcbc;
}
.ec-progress .is-complete .ec-progress__number {
    background-image: linear-gradient(135deg, rgba(72, 183, 1, 1), rgba(234, 229, 114, 1)) !important;
}
.ec-progress .is-complete .ec-progress__label {
    color: #48b701;
}
.ec-progress .ec-progress__label {
    color: #bcbcbc;
}
.ec-cartRole .ec-cartRole__totalText strong {
    font-size: 2.4rem;
    color: #e70312;
}
.ec-cartHeader .ec-cartHeader__label {
    background: #e3ffd1;
}
.cart .ec-cartRow__unitPrice {
    color: #e70312;
}
.ec-cartRole .ec-cartRole__totalAmount {
    color: #e70312;
}
.ec-color-red {
    color: #e70312;
}
.ec-rectHeading h2 {
    background: #4bb803;
    color: #fff;
    font-weight: normal;
    letter-spacing: 2px;
    border-radius: 5px;
    font-size: 2rem;
    margin-top: 0;
}
.ec-orderDelivery {
    margin-bottom: 5rem;
}
.ec-orderPayment {
    margin-bottom: 5rem;
}
.ec-orderConfirm {
    margin-bottom: 5rem;
}
.shoppingIndex .ec-totalBox__paymentTotal span {
    color: #e70312 !important;
}
/* カート */
.ec-cartRole {
    margin-bottom: 3rem;
}
.ec-cartRole__info {
    width: 100%;
    text-align: center;
    margin-bottom: 1rem;
}
.ec-cartRole__info img {
    width: fit-content;
    height: auto;
}

.ec-headerNaviRole .ec-cartNavi .ec-cartNavi__div {
    background-color: #e70312 !important;
}
.ec-headerNaviRole .ec-cartNavi__badge {
    border: 1px solid #e70312 !important;
    color: #e70312 !important;
}
.ec-cartNaviNull .ec-cartNaviNull__message {
    padding: 16px;
    font-size: 16px;
    letter-spacing: 2px;
    line-height: 160%;
    font-weight: normal;
    text-align: left;
    color: #fff;
    background-color: #48b701;
}

/* 会員画面 */
.ec-navlistRole .active a {
    color: #47b802 !important;
}

/* ログイン */
@media only screen and (min-width: 768px) and (min-width: 768px) {
    .ec-off2Grid .ec-off2Grid__cell {
        width: 90%;
        margin: auto !important;
        padding: 0 !important;
    }
}

/* 下層見出し */
.ec-pageHeader h1 {
    position: relative;
    background-image: linear-gradient(135deg, rgba(72, 183, 1, 1), rgba(234, 229, 114, 1));
    color: #fff;
    padding: 1.6rem 1.6rem 2rem 1.6rem !important;
    border: none !important;
    font-size: 2.4rem;
    border-radius: 5px;
    letter-spacing: 1px;
}
.ec-pageHeader h1::after {
content: "";
    width: calc(100% - 2.4rem);
    height: 4px;
    background-color: #ffffff;
    bottom: 1rem;
    right: 1rem;
    position: absolute;
    font-size: 16px;
    border-radius: 5px;
}

/* ボタン */
.ec-blockBtn--action {
    background-color: #e70312 !important;
}
.ec-blockBtn--cancel {
    background-color: #47b802 !important;
}
.product_detail .ec-modal-box .ec-inlineBtn--action {
    background-color: #e70312 !important;
}
.product_detail .ec-modal-box .ec-inlineBtn--cancel {
        background-color: #47b802 !important;
}
/* body */
body {
    font-family: "Century Gothic", "Noto Sans JP", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

/* リンク */
a {
    color: #48B701;
}
a:hover {
    color: #48B701;
    text-decoration: underline;
    opacity: 0.8;
}
a.ec-link {
    color: #48B701 !important;
}
a.ec-link:hover {
    color: #48B701;
    text-decoration: underline;
    opacity: 0.8;
}
.ec-zipInputHelp a span {
    color: #48B701 !important;
}

.ec-zipInputHelp a:hover span {
    color: #48B701;
    text-decoration: underline;
    opacity: 0.8;
}

/* ヘッダー Icon */
.ec-headerNaviRole .ec-headerNav{
    display: flex;
}

.ec-headerNaviRole .ec-headerNav .ec-headerNav__itemLink {
    font-size: 1.1rem;
}
@media only screen and (min-width: 768px){
    .ec-headerNav .ec-headerNav__item{
        font-size: inherit;
    }
}
@media only screen and (max-width: 875px) {
    form.searchform {
        max-width: 333px;
    }
    .ec-headerNaviRole .ec-headerNav .ec-headerNav__itemLink {
        font-size: 0.8rem;
    }
}

/* ヘッダー */
@media only screen and (min-width: 768px){
    .ec-headerNaviRole .ec-headerNaviRole__right__lower{
        flex-basis: 40%;
        text-align: center;
    }
    .ec-headerNaviRole .ec-headerNaviRole__right{
        flex-basis: 260px;
    }
    .ec-headerNaviRole__right__upper{
        width: 260px;
    }
    .ec-headerNaviRole .ec-headerNav__item{
        margin-right: 8px;
    }
}
@media only screen and (min-width: 876px){
    .ec-headerNaviRole .ec-headerNaviRole__right__lower{
        flex-basis: 40%;
        text-align: center;
    }
    .ec-headerNaviRole .ec-headerNaviRole__right{
        flex-basis: 310px;
    }
    .ec-headerNaviRole__right__upper{
        width: 310px;
    }
}
@media only screen and (min-width: 1200px){
    .ec-headerNaviRole .ec-headerNaviRole__right__lower{
        flex-basis: 50%;
        text-align: center;
    }
    .ec-headerNaviRole .ec-headerNaviRole__right{
        flex-basis: 30%;
    }
}
@media only screen and (max-width: 767px) {
    .ec-headerSearch .ec-headerSearch__category .ec-select select {
        max-width: 140px;
    }
}

@media only screen and (max-width: 767px) {
    .ec-headerNaviRole .ec-headerRole__navSP .ec-headerNavSP {
        top: 16px;
        left: 14px;
        font-size: 3rem;
    }
}
.ec-headerNaviRole .ec-headerRole {
    max-width: 280px;
    margin: 0;
}
@media only screen and (max-width: 767px) {
    .ec-headerNaviRole__left {
        margin-left: 4rem;
        margin-top: 2.6rem;
    }
}
.ec-headerTitle__title h1 {
    margin-top: 0 !important;
    margin-right: 1rem !important;
}
.header-tel {
    background-color: #48b701;
    padding: 0.8rem 1.6rem;
    color: #fff;
    border-radius: 10px;
    font-size: 1.2rem;
    width: calc(100% + 1.6rem);
    transition: 0.3s cubic-bezier(0.45, 0, 0.55, 1);
}
@media only screen and (max-width: 999px) {
    .header-tel {
        display: none !important;
    }
}
.header-tel:hover {
    transform: translateY(-3px);
    opacity: 0.7;
}
.header-tel .tel-number {
    font-weight: 700;
    font-size: 2.4rem;
    margin-bottom: 0 !important;
}
.header-tel .tel-number a {
    color: #fff;
    text-decoration: none;
}
.header-tel .tel-number:before {
    content: "";
    -webkit-mask-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M13.6013%202.32644C12.1074%200.824899%2010.1154%200%207.99428%200C3.62651%200%200.0684247%203.55809%200.0646233%207.92587C0.0646233%209.32478%200.429555%2010.6857%201.1214%2011.8907L0%2016L4.20432%2014.8976C5.36373%2015.5286%206.6676%2015.8632%207.99428%2015.8632H7.99808C12.3659%2015.8632%2015.9239%2012.3051%2015.9277%207.93348C15.9239%205.81611%2015.099%203.82419%2013.6013%202.32644ZM7.99428%2014.5213C6.80825%2014.5213%205.64884%2014.2019%204.63767%2013.6013L4.39819%2013.4569L1.90449%2014.1107L2.56973%2011.6778L2.41387%2011.4269C1.75243%2010.3778%201.40651%209.16512%201.40651%207.92207C1.40651%204.29556%204.36397%201.33809%207.99808%201.33809C9.75812%201.33809%2011.4117%202.02613%2012.6586%203.26919C13.9016%204.51604%2014.5859%206.16964%2014.5859%207.92968C14.5821%2011.5676%2011.6246%2014.5213%207.99428%2014.5213ZM11.6094%209.58708C11.4117%209.48824%2010.4386%209.00927%2010.2561%208.94084C10.0736%208.87622%209.94059%208.84201%209.81134%209.03968C9.67829%209.23735%209.29815%209.68591%209.18411%209.81516C9.07007%209.94821%208.95223%209.96341%208.75456%209.86458C8.55689%209.76574%207.91826%209.55667%207.16178%208.88002C6.57257%208.35543%206.17723%207.70539%206.05938%207.50772C5.94534%207.31005%206.04798%207.20361%206.14682%207.10478C6.23425%207.01734%206.34449%206.87289%206.44332%206.75885C6.54216%206.64481%206.57637%206.56118%206.64099%206.42813C6.70562%206.29508%206.67521%206.18104%206.62579%206.08221C6.57637%205.98337%206.18103%205.00642%206.01377%204.61107C5.85411%204.22333%205.69065%204.27655%205.56901%204.27275C5.45497%204.26515%205.32192%204.26515%205.18887%204.26515C5.05582%204.26515%204.84295%204.31456%204.66048%204.51224C4.47801%204.70991%203.96863%205.18888%203.96863%206.16584C3.96863%207.14279%204.67949%208.08173%204.77832%208.21478C4.87716%208.34783%206.17343%2010.3474%208.16154%2011.2065C8.63291%2011.4117%209.00165%2011.5334%209.29055%2011.6246C9.76572%2011.7767%2010.1953%2011.7539%2010.5374%2011.7044C10.9175%2011.6474%2011.7082%2011.2255%2011.8755%2010.7617C12.0389%2010.2979%2012.0389%209.90259%2011.9895%209.81896C11.9401%209.73533%2011.8071%209.68591%2011.6094%209.58708Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E');
    mask-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M13.6013%202.32644C12.1074%200.824899%2010.1154%200%207.99428%200C3.62651%200%200.0684247%203.55809%200.0646233%207.92587C0.0646233%209.32478%200.429555%2010.6857%201.1214%2011.8907L0%2016L4.20432%2014.8976C5.36373%2015.5286%206.6676%2015.8632%207.99428%2015.8632H7.99808C12.3659%2015.8632%2015.9239%2012.3051%2015.9277%207.93348C15.9239%205.81611%2015.099%203.82419%2013.6013%202.32644ZM7.99428%2014.5213C6.80825%2014.5213%205.64884%2014.2019%204.63767%2013.6013L4.39819%2013.4569L1.90449%2014.1107L2.56973%2011.6778L2.41387%2011.4269C1.75243%2010.3778%201.40651%209.16512%201.40651%207.92207C1.40651%204.29556%204.36397%201.33809%207.99808%201.33809C9.75812%201.33809%2011.4117%202.02613%2012.6586%203.26919C13.9016%204.51604%2014.5859%206.16964%2014.5859%207.92968C14.5821%2011.5676%2011.6246%2014.5213%207.99428%2014.5213ZM11.6094%209.58708C11.4117%209.48824%2010.4386%209.00927%2010.2561%208.94084C10.0736%208.87622%209.94059%208.84201%209.81134%209.03968C9.67829%209.23735%209.29815%209.68591%209.18411%209.81516C9.07007%209.94821%208.95223%209.96341%208.75456%209.86458C8.55689%209.76574%207.91826%209.55667%207.16178%208.88002C6.57257%208.35543%206.17723%207.70539%206.05938%207.50772C5.94534%207.31005%206.04798%207.20361%206.14682%207.10478C6.23425%207.01734%206.34449%206.87289%206.44332%206.75885C6.54216%206.64481%206.57637%206.56118%206.64099%206.42813C6.70562%206.29508%206.67521%206.18104%206.62579%206.08221C6.57637%205.98337%206.18103%205.00642%206.01377%204.61107C5.85411%204.22333%205.69065%204.27655%205.56901%204.27275C5.45497%204.26515%205.32192%204.26515%205.18887%204.26515C5.05582%204.26515%204.84295%204.31456%204.66048%204.51224C4.47801%204.70991%203.96863%205.18888%203.96863%206.16584C3.96863%207.14279%204.67949%208.08173%204.77832%208.21478C4.87716%208.34783%206.17343%2010.3474%208.16154%2011.2065C8.63291%2011.4117%209.00165%2011.5334%209.29055%2011.6246C9.76572%2011.7767%2010.1953%2011.7539%2010.5374%2011.7044C10.9175%2011.6474%2011.7082%2011.2255%2011.8755%2010.7617C12.0389%2010.2979%2012.0389%209.90259%2011.9895%209.81896C11.9401%209.73533%2011.8071%209.68591%2011.6094%209.58708Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E');
    width: 1em;
    height: 1em;
    margin-right: 6px;
    margin-bottom: 5px;
    display: inline-block;
    background-size: contain;
    background-color: currentColor;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    line-height: 1em;
    vertical-align: middle;
    transform: rotate(-90deg);
}
p.business-hour span {
    letter-spacing: 4.5px;
}
.header-tel .business-hour {
    margin-bottom: 0 !important;
}
.header-tel .lead-text {
    margin-bottom: 0 !important;
}

/* 検索バー */
.ec-headerNaviRole .ec-headerSearch__category {
    width: 150px;
}

.ec-headerNaviRole .ec-headerSearch__category .ec-select.ec-select_search select {
    height: 50px;
    width: 150px;
}
.ec-headerSearch .ec-headerSearch__category .ec-select.ec-select_search::before{
    top: 1.3em;
}

.ec-headerNaviRole .ec-headerSearch .ec-headerSearch__keyword{
    min-width: 160px;
    width: 100%;
}

.ec-headerNaviRole .ec-headerSearch .ec-headerSearch__keyword input[type=search]{
    height: 48px;
    background-color: #f8f7f7;
}

.ec-headerNaviRole .ec-headerSearch .ec-headerSearch__keyword .ec-headerSearch__keywordBtn{
    height: 48px;
    top: 26px;
    right: 0px;
    background-color: #fff;
}

@media only screen and (max-width: 767px) {
    .ec-headerSearch .ec-headerSearch__keyword input[type=search] {
        background-color: #f8f7f7;
    }
    .ec-headerSearch .ec-headerSearch__keywordBtn {
        background-color: #fff;
    }
}
@media only screen and (min-width: 1200px){
    .ec-headerNaviRole .ec-headerSearch .ec-headerSearch__keyword{
        width: 380px;
    }
}


/* フッター */
.ec-footerRole {
    margin-top: 0 !important;
}

/* メインブロック幅調整 */
.ec-layoutRole__contents {
    max-width: calc(1200px + 40px) !important;
}
.ec-headerNaviRole {
    max-width: calc(1200px + 40px) !important;
}

/* 見出し */
.main-heading {
    position: relative;
    margin-bottom: 3rem;
    background-image: linear-gradient(135deg, rgba(72, 183, 1, 1), rgba(234, 229, 114, 1));
    padding: 1rem 2rem 1rem 3.5rem;
    border-radius: 3px;
    font-size: 2.5rem !important;
    font-weight: 700;
    color: #fff;
}

.main-heading:before {
    content: "";
    position: absolute;
    top: 0.8rem;
    left: 1.5rem;
    display: inline-block;
    width: 6px;
    height: calc(100% - 1.6rem);
    border-radius: 3px;
    background-color: #fff;
}

@media only screen and (max-width: 768px) {
    .main-heading {
        font-size: 2rem !important;
        padding: 1rem 2rem 1rem 3rem;
    }
}


/* マージン */
.section {
    margin-bottom: 5rem !important;
}
.ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__mainWithColumn {
    margin-bottom: 5rem;
}

@media only screen and (min-width: 768px) {
    .ec-layoutRole__contents .ec-layoutRole__mainWithColumn {
        width: calc(100% - 320px) !important;
    }
}
/* アコーディオン */
.accordion .accordion-item .accordion-header button {
    font-size: 1.6rem;
    padding: 2rem;
    background-color: #F8F7F7;
    box-shadow: none;
}
.accordion .accordion-item .accordion-collapse .accordion-body {
    font-size: 1.6rem;
    padding: 2rem;
    background-color: #F8F7F7;
}
.accordion-flush .accordion-item {
    margin-bottom: 2rem;
    border: none;
}

/* 売り切れ */
button.ec-blockBtn--action[disabled] {
    background-color: #F5F7F8 !important;
    border-color: #D7DADD !important;
    color: #525263 !important;
}

/* 注文画面でサイドバーがご利用案内とかぶるの解消 */
.ec-orderRole {
    padding-bottom: 13rem;
}