@charset "UTF-8";

/* ヘッダー共通 */
.c-headerInner {
    min-width: 320px;
    max-width: 960px;
    /*min-height: 55px;*/
    margin: 0 auto;
}

.c-headerTxt {
    font-size: 0.6rem;
    width: 100%;
    min-width: 320px;
    font-size: 1rem;
}

.c-headerTxt__title {
    width: 100%;
    padding: .25rem;
}

@media screen and (min-width: 780px) {
    .c-headerTxt__title {
        padding-top: .25rem 0 0 0;
    }
}

.c-headerTxt__tokuten {
    /* background: linear-gradient(90deg,#ff7951,#ffda5d); */
    color: #000;
    line-height: 1rem;
    padding: 0.75rem 0;
}

.c-headerTxt__option {
    display: none;
}

@media screen and (min-width: 480px) {}

@media screen and (min-width: 780px) {}

@media screen and (max-width: 949px) {
    .c-headerTxt {
        line-height: 1.5rem;
        font-size: 1rem;
    }
}

@media screen and (min-width: 950px) {
    .c-headerTxt {
        line-height: 3rem;
        font-size: 1.1rem;
    }

    .c-headerTxt__option {
        width: 350px;
        margin-left: 0;
        margin-right: auto;
    }
}

@media screen and (min-width: 1200px) {}

.c-headerLogo.c-headerLogo--cart {
    margin-right: 33vw;
}

.c-headerLogo a {
    position: inherit;
}

.c-headerLogo__img {
    margin: 0 auto;
}

@media screen and (max-width: 479px) {}

@media screen and (min-width: 480px) and (max-width: 779px) {
    .c-headerLogo {
        width: 180px;
    }
}

@media screen and (min-width: 480px) {
    .c-headerLogo__img {}
}

@media screen and (min-width: 780px) {
    .c-headerLogo {
        position: absolute;
        width: 300px;
        margin: 0;
        top: 0px;
        left: 50px;
    }

    .c-headerLogo__img {
        margin: 4% auto;
    }

    .is-fixed .c-headerLogo {
        width: 180px;
        top: 0;
    }

    .is-fixed .c-headerLogo__img {
        margin: 2% auto;
    }
}

@media screen and (min-width: 950px) {
    .is-fixed .c-headerLogo {
        left: calc(50% - 420px);
    }
}

/* ヘッダー後藤ここから */
.c-headerMenu {
    height: 5rem;
}

.c-headerLogo {
    width: 110px;
    height: 27px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
}

.c-globalNav__btn {
    position: absolute;
    left: 0;
    bottom: 0;
}

.c-memberNav {
    position: absolute;
    right: .5rem;
    bottom: 0;
}

/* ヘッダー後藤ここまで */

.c-searchModal {
    -webkit-overflow-scrolling: touch;
}

.c-globalNav__link {
    display: block;
}

.c-globalSearch__input {
    -webkit-appearance: none;
    border-radius: 0;
    max-width: calc(100% - 40px);
    width: 100%;
    border: 1px solid #969696;
    height: 40px;
    line-height: 40px;
    font-family: inherit;
    font-size: 1.4rem;
    padding-right: 35px;
}

.c-globalSearch__btnIcon,
.c-searchModal__btn--close {
    background-color: #969696;
    border: 1px solid #969696;
    height: 40px;
    width: 40px;
    padding: 0.5rem;
}

.c-searchModal__btn--close {
    color: #FFF;
    font-size: 2rem;
    font-weight: bold;
    font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic", "Segoe UI", Verdana, Meiryo, sans-serif;
    line-height: 40px;
    text-align: center;
    display: inline-block;
}

@media screen and (min-width: 480px) {
    .c-globalNav__link {
        padding: 1rem;
        width: 56px;
    }
}

@media screen and (min-width: 480px) and (max-width: 779px) {
    .c-globalSearch {
        width: 100%;
        max-width: 100%;
    }

    .c-globalSearch__icon--sp {
        display: block;
    }
}

@media screen and (max-width: 779px) {
    .c-globalSearch__btn {
        padding: .5rem;
    }

    .c-globalSearch__form.is-hidden {
        display: none;
    }

    .c-globalSearch__form {
        width: 100%;
        background-color: #fff;
        padding: 1rem;
    }

    .c-globalSearch__x {
        cursor: pointer;
        width: 26px;
        text-align: center;
        font-size: 30px;
        line-height: 26px;
    }

    .c-globalSearch__x.is-hidden {
        display: none;
    }

    .c-globalSearch__icon--sp.is-hidden {
        display: none;
    }

    .c-globalNav__link {
        width: 45px;
        height: 45px;
        padding: .5rem;
    }
}

@media screen and (min-width: 780px) {
    .c-globalSearch {
        width: 275px;
        padding: 0;
    }

    .c-globalSearch__form {
        position: relative;
    }

    .c-globalSearch__icon--sp {
        display: none;
    }

    .c-globalSearch__icon--pc {
        cursor: pointer;
    }

    .c-globalSearch__x {
        display: none;
    }

    .c-globalSearch__btn {
        padding: 0;
    }

    .c-globalNav__btn {
        padding: 0;
    }

    .c-globalNav__link {
        width: 60px;
        padding: 2.5rem .75rem 2rem;
    }

    .is-fixed .c-globalSearch {
        position: fixed;
        top: 45px;
    }
}

@media screen and (min-width: 950px) {
    .is-fixed .c-globalSearch {
        right: calc(50% - 480px);
    }

    .is-fixed .c-globalNav__btn {
        left: calc(50% - 480px);
    }

    .is-fixed .c-globalNav__link {
        width: 40px;
        padding: 1.25rem .5rem .55rem;
    }
}

.c-search__input,
.c-search__select {
    width: 100%;
    max-width: 300px;
    border: 1px solid #ccc;
    height: 40px;
    line-height: 40px;
    font-family: inherit;
    font-size: 1.2rem;
    padding-left: .5rem;
}

.c-search__input--01 {
    padding-left: 40px;
    background: #fff url(/resource/img/icon/ic_search_02.png) no-repeat 5px 5px;
}

.c-searchWrap {
    position: relative;
}

.c-search__btnIcon {
    border: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    background-color: #4a568f;
}

.c-search__item.is-hidden {
    display: none;
}

.c-searchIcon {
    display: inline;
    vertical-align: middle;
}

.c-search__btn {
    padding: 1rem;
}

.c-button.c-pageNav__btn--clear {
    width: 35%;
}

.c-button.c-pageNav__btn--search {
    width: 60%;
}

@media screen and (min-width: 480px) {
    .c-searchWrap {
        max-width: 340px;
    }
}

.c-memberNav {
    max-width: 200px;
}

.c-memberNav__btn {
    position: relative;
    text-align: right;
    font-size: 11px;
}

.c-memberNav__btn--primary {
    display: none;
}

.c-memberNav__num {
    position: absolute;
    top: 0;
    right: 10%;
    min-width: 16px;
    text-align: center;
    background-color: #e50013;
    color: #fff;
    border-radius: 50%;
    font-size: 0.7rem;
    line-height: 16px;
}

@media screen and (max-width: 479px) {
    .c-memberNav__btn {
        width: 50%;
    }
}

@media screen and (max-width: 779px) {
    .c-memberNav__btn {
        max-width: 42px;
    }

    .c-memberNav__btn--loginBox {
        background: #fff;
        width: 100%;
        max-width: none;
        line-height: 2rem;
        padding-right: 1rem;
        font-size: 1rem;
        border-bottom: 1px solid #ccc;
    }
}

@media screen and (min-width: 480px) {
    .c-menberNav__btn--login {
        width: 90px;
    }
}

@media screen and (min-width: 480px) and (max-width: 780px) {
    .c-memberNav {
        width: 55px;
    }

    .c-memberNav__btn {
        width: 25%;
    }

    .c-memberNav__btn.c-memberNav__btn--loginBox {
        width: 100%;
    }
}

@media screen and (min-width: 780px) {
    .c-memberNav {
        width: 370px;
        max-width: 370px;
        position: absolute;
        top: 30px;
        right: 0;
    }

    .c-memberNav__btn--primary {
        display: block;
    }

    .c-memberNav__btn--secondary {
        display: none;
    }

    .c-loginBox {
        width: 90px;
        margin-left: 5px;
    }

    .is-fixed .c-memberNav {
        position: fixed;
        top: 45px;
    }

    .is-fixed .c-loginBox {
        position: fixed;
        top: 45px;
        right: 174px;
    }
}

@media screen and (min-width: 950px) {
    .is-fixed .c-memberNav {
        right: calc(50% - 480px);
    }

    .is-fixed .c-globalSearch {
        right: calc(50% - 385px);
    }

    .is-fixed .c-loginBox {
        right: calc(50% - 480px);
    }
}

.c-globalNav.is-hidden,
.c-globalNav .is-hidden,
.c-searchModal.is-hidden,
.c-searchModal .is-hidden {
    display: none !important;
}

.c-btnBorder {
    display: block;
    border-bottom: 2px solid #333;
}

.l-body.is-fixed .c-btnBorder {
    width: 1.8rem;
    margin: 0 auto .5rem;
}

@media screen and (max-width: 780px) {
    .c-btnBorder {
        width: 1.8rem;
        margin: 0 auto .5rem;
    }
}

@media screen and (min-width: 960px) {
    .c-btnBorder {
        width: 2rem;
        margin: 0 0 .6rem;
    }
}

.c-globalNav__btn--close {
    position: absolute;
    right: 0.5rem;
    top: 0.5rem;
    width: 3rem;
    height: 3rem;
    background: #000;
    z-index: 100;
    cursor: pointer;
}

.c-globalNav__btn--close.c-globalNav__btn--close--L {
    left: 0.5rem;
    right: auto;
}

.c-globalNav__btn--close:hover {
    opacity: .5;
}

.c-globalNav__tit {
    line-height: 2.3rem;
    padding-left: 1rem;
    border-bottom: 1px solid #969696;
    background-color: #ccc;
    z-index: 30;
}

.c-globalNav__tit02 img {
    vertical-align: middle;
    margin-left: .5rem;
    display: inline;
}

/**** customize start--------------------------*/
.c-globalNav__menu {
    /*border-bottom: 1px solid;
	border-image: linear-gradient(90deg,#ff7951,#ffda5d)1;*/
    border-bottom: 1px solid #dedede;
    /* line-height: 4.5rem; */
    line-height: 6rem;
    z-index: 30;
}

.c-globalNav__menu__h45 {
    height: 4.5rem;
    line-height: 1.2;
}
.c-globalNav__menu__h6 {
    height: 6rem;
    line-height: 1.2;
}

@media screen and (min-width: 780px) {
    .c-globalNav__menu {
        margin: 0;
        /* padding: 3px 0; */
    }
}

/* -------------------------- customize end ****/
.c-globalNav__menu:last-of-type {
    border: 0;
}

.c-globalNav__contentsWrap .c-globalNav__menu {
    border: 0;
    border-top: 1px solid #dedede;
    background-color: #fef6ec;
}

.c-globalNav__catWrap .c-globalNav__menu {
    border: 0;
    border-top: 1px solid #dedede;
    position: relative;
    line-height: 1;
    /*padding: 0.5rem 2rem;*/
    /*height: 46px;*/
    background: #f3f3f3;
}

.c-globalNav__catWrap .c-globalNav__menu .c-post01__contentWrap__a {
    height: 46px;
    padding: 0.5rem 2rem;
    width: 100%;
}

.c-globalNav__catWrap__thumb {
    width: 70px;
}

.c-globalNav__catWrap__name {
    width: calc(100% - 70px);
}

@media screen and (min-width: 780px) {
    .c-globalNav__catWrap .c-globalNav__menu {
        line-height: 1.4;
        height: 55px;
    }
}

.c-globalNav__menuA {
    display: block;
}

.c-globalNav__menu:after {
    top: 1rem;
    right: 1rem;
}

.is-slideParent *[class*="c-slideContents"] {
    display: none;
}

.c-globalNav__content--big .c-globalNav__contentsTit {
    line-height: 80px;
    display: -webkit-flex;
    display: flex;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.c-globalNav__contentsImg {
    width: 80px;
    padding-right: 1em;
    float: left;
}

.c-globalNav__contentsA {
    width: 100%;
    display: inline-block;
    padding-left: 1rem;
    height: 6rem;
}

.c-globalNav__catM__img {
    width: 32px;
    height: 32px;
}

.c-popKeywords__ic.c-globalNav__contentsA {
    padding-left: 3rem;
}

.is-slideParent .c-globalNav__contentsA,
.is-slideParent2 .c-globalNav__contentsA {
    padding-left: 1.5rem;
}

.c-globalNav__box {
    background-color: #fff;
    width: 100%;
    overflow: auto;
}

.c-globalNav__list {
    margin-bottom: 1rem;
}

.c-globalNav__list__item {
    margin-right: .5rem;
}

.c-globalNav {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    left: -100%;
    background-color: rgba(0, 0, 0, 0.7);
    opacity: 0;
}

.c-globalNav__wrap {
    position: fixed;
    height: 100%;
    max-width: 450px;
    overflow: auto;
    left: -100%;
    padding-right: 1rem;
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
}

.c-searchModal__wrap,
.c-itemThumbnail__wrap {
    background-color: #fff;
    position: fixed;
    height: 100%;
    max-width: 450px;
    overflow: auto;
    top: 0;
    left: 100%;
    padding: 1rem;
    box-sizing: border-box;
    width: 100%;
    z-index: 50;
}

.c-itemThumbnail__wrap {
    padding: 0;
}

.c-searchModal__box {
    border: 1px solid #dedede;
    /*border-image: linear-gradient(90deg,#ff7951,#ffda5d)1;*/
    border-bottom: 0;
}

@media screen and (max-width: 779px) {
    .c-globalNav__wrap {
        width: calc(100% - 3em);
    }

    .c-globalNav.js-active,
    .c-globalNav.js-active .c-globalNav__wrap,
    .c-searchModal.js-active,
    .c-searchModal.js-active .c-searchModal__wrap {
        left: 0;
    }

}

@media screen and (min-width: 780px) {
    .c-globalNav__h {
        position: relative;
    }

    .c-globalNav.js-active,
    .c-globalNav.js-active .c-globalNav__wrap,
    .c-searchModal.js-active,
    .c-searchModal.js-active .c-searchModal__wrap {
        left: 0;
    }
}

@media screen and (min-width: 950px) {
    .c-globalNav.js-active .c-globalNav__wrap {
        left: calc(50% - 475px);
    }
}

.c-memberlogin__wrap {
    border-top: 1px solid;
    border-image: linear-gradient(90deg, #ff7951, #ffda5d)1;
}

.c-memberlogin__txtBox {
    -webkit-appearance: none;
    border-radius: 0;
    border: 1px solid #969696;
    height: 3rem;
    max-width: 100%;
}

.c-memberlogin__dt {
    line-height: 1rem;
}

/* フッター */
/* .c-footerAddress {
	width: 90%;
	margin: 0 auto;
} */
.l-footerWrapper__guideWrap {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
}

.c-footerAddress {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
}

.c-footerAddress__title {
    width: 100%;
    margin-bottom: 1rem;
    border-bottom: 1px solid #969696;
    padding-bottom: .25rem;
}

.c-footerAddress__P {
    width: 100%;
}

/* フリーダイヤル・営業時間 */
.c-footerAddress__tel {
    text-decoration: none !important;
    font-size: 1.9rem;
    background: url(/html/template/commons/assets/img/common/ico_freedial.svg) no-repeat left center;
    background-size: auto 1.9rem;
    width: 56%;
    padding: 0 .25rem 0 3rem;
}

.c-footerAddress__time {
    width: 44%;
    padding-left: .25rem;
}

/**** customize start--------------------------*/
@media screen and (min-width: 780px) {
    .c-footerAddress__tel {
        font-size: 2.9rem;
        width: 100%;
        padding: 0 0 0 4rem;
    }

    .c-footerAddress__time {
        width: 100%;
    }
}

/* -------------------------- customize end ****/

.c-footerAddress__mail {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

@media screen and (min-width: 780px) {
    .c-footerAddress {
        margin-bottom: 1.5rem;
    }

    .c-footerAddress__P {
        width: 45%;
        margin-left: 5%;
        border-left: 1px solid #969696;
    }

    .c-footerAddress__title {
        font-size: 1.28rem;
        border-bottom: none;
        margin-bottom: 0;
        width: 15%;
    }

    .c-footerAddress__tel {
        pointer-events: none;
    }

    .c-footerAddress__mail {
        width: 35%;
    }
}

.c-footerNav__item {
    padding: .2rem .5rem;
    font-size: .88rem;
}

.c-footerNav__link {
    color: #fff;
    text-decoration: none;
}

@media screen and (max-width: 779px) {
    .c-footerNav {
        width: 100%;
    }

    .c-footerNav__list {
        -webkit-justify-content: center !important;
        justify-content: center !important;
    }
}

@media screen and (min-width: 780px) {

    /**** customize start--------------------------*/
    .c-footerNav {
        /* width:50%; */
    }

    /* -------------------------- customize end ****/
    .l-copyright {
        width: 50%;
        text-align: right;
    }
}

.c-verisign__table {
    margin-right: auto;
    margin-left: auto;
}

/* ご利用ガイド */
.c-footerGuide__li {
    padding: .5rem .25rem 0;
}

.c-footerGuide__li:nth-of-type(odd) {
    width: 44%;
}

.c-footerGuide__li:nth-of-type(even) {
    width: 56%;
}

.c-footerGuide__li:nth-of-type(-n+2) {
    padding-top: 0;
}

/* footer お問い合わせ icon */
.c-button__word--contact {
    padding-left: 4rem;
    background: url("/html/template/commons/assets/img/common/ico_mail.svg") no-repeat left center;
    background-size: 24px;
}

/**** customize start--------------------------*/
@media screen and (min-width: 780px) {
    .c-button__word--contact {
        padding-left: 3rem;
        padding-right: .5em;
    }
}

/* -------------------------- customize end ****/

/* Wrap */
.c-wrap--L00 {}

.c-wrap--M00 {}

.c-wrap--S00 {}

.c-wrap--L01 {
    padding: 4rem 0;
}

/**** customize start--------------------------*/
@media screen and (min-width: 780px) {
    .c-wrap--L01 {
        padding: 6rem 0;
    }
}

/* -------------------------- customize end ****/
/* divの中に入ると効かないためjqueryに変更　*/
/* .c-wrap--L01:nth-child(even){
	background-color: #fef6ec;
} */
/*
.c-wrap--L01:nth-child(even) .js-seeMoreContent__close:after{
	background: linear-gradient(#fdf3e900, #fef6ecCC);
}
*/
/*
.c-wrap--L01:nth-child(3n+2){
	background-color: #fef6ec;
}
.c-wrap--L01:nth-child(3n+3){
	background-color: #f0f0f0;
}
.c-wrap--L01:nth-child(3n+2) .js-seeMoreContent__close:after{
	background: linear-gradient(#fdf3e900, #fef6ec);
}
.c-wrap--L01:nth-child(3n+3) .js-seeMoreContent__close:after{
	background: linear-gradient(#f0f0f000, #f0f0f0);
}
*/
.c-wrap--M01 {
    margin: 0 1.5rem;
    padding: 2rem 1.5rem;
    border: 1px solid #ccc;
    border-radius: 6px;
    background-color: #fff;
}

.c-wrap--M01:not(:first-child) {
    margin-top: 4rem;
}

.c-wrap--M02 {
    margin-top: 4rem;
}

.c-wrap--S01 {}

/* タイトル	*/
.c-title--L01 {
    font-size: 1.9rem;
    /* 3L */
    font-weight: bold;
    font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic", "Segoe UI", Verdana, Meiryo, sans-serif;
    line-height: 1.4em;
    padding: 0 2rem;
    margin-bottom: 4rem;
}

/**** customize start--------------------------*/
@media screen and (min-width: 780px) {
    .c-title--L01 {
        font-size: 2.2rem;
        /* 3L */
        /*padding-left: .75rem;*/
    }
}

/* -------------------------- customize end ****/
.c-title--M01 {
    font-size: 1.7rem;
    /* 2L */
    border-bottom: 1px solid #ccc;
    padding-bottom: 2rem;
    line-height: 1.4em;
}
.c-title--M02 {
    font-size: 1.3rem;
    /* M */
    background-color: #dedede;
    /*border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;*/
    padding: 1rem;
    line-height: 1.2em;
}

/**** customize start--------------------------*/
@media screen and (min-width: 780px) {
    .c-title--M02 {
        padding: 1rem 1.25rem;
    }
}

/* -------------------------- customize end ****/

.c-title--M03 {
    font-size: 1.5rem;
    /* L */
    line-height: 1.2em;
}

.c-title--M04 {
    font-size: 1.7rem;
    background-color: #F7851E;
    color: #fff;
    line-height: 1.2em;
    padding: 1rem;
    font-weight: bold;
    font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic", "Segoe UI", Verdana, Meiryo, sans-serif;
}

.c-title--S01 {
    font-size: 1.5rem;
    /* L */
    line-height: 1.2em;
}

.c-title--side01 {
    font-size: 1.4rem;
    font-weight: bold;
    font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic", "Segoe UI", Verdana, Meiryo, sans-serif;

}

/* ボタン */
.c-buttonL,
.c-buttonM,
.c-buttonS {
    display: block;
    padding: 1rem 0;
    cursor: pointer;
    text-align: center;
    text-decoration: none !important;
    border: none;
    position: relative;
    box-sizing: border-box;
    background-color: #fff;
    color: #333;
    font-size: 1.3rem;
    line-height: 1.3em;
    border-radius: 0;
    border-radius: 100px;
    /* transition: opacity 0.3s; */
    box-shadow: 2px 2px 3px 0 rgba(100,100,100,0.4);
}

.c-buttonL.c-button--radS,
.c-buttonM.c-button--radS,
.c-buttonS.c-button--radS{
    border-radius: 8px;
}
.c-buttonL {
    font-size: 2rem;/* 2L */
    padding: 1.75rem 0;
}

.c-buttonM {
    font-size: 1.4rem;/* M */
    padding: 1rem 0;
}

.c-buttonS {
    font-size: 1.2rem;/* 2S */
    padding: 0.75rem 0;
}

/**** customize start--------------------------*/
.c-buttonL[disabled],
.c-buttonM[disabled],
.c-buttonS[disabled] {
    pointer-events: none;
    background: #aaa !important;
    /*border: 1px solid #aaa !important;*/
    opacity: 0.5;
}

/* -------------------------- customize end ****/

/* ボタン矢印 ※inputタグは× */
.c-icArrow--up:after,
.c-button--up:after {
    transform: rotate(225deg);
}

.c-icArrow--right:after,
.c-button--right:after {
    transform: rotate(-45deg);
}

.c-icArrow--down:after,
.c-button--down:after {
    transform: rotate(45deg);
}

.c-icArrow--left:after,
.c-button--left:after {
    transform: rotate(-225deg);
}

/* ボタン矢印L ※inputタグは× */
.c-buttonL.c-icArrow--up:after,
.c-buttonL.c-icArrow--right:after,
.c-buttonL.c-icArrow--down:after,
.c-buttonL.c-icArrow--left:after,
.c-buttonL.c-button--up:after,
.c-buttonL.c-button--right:after,
.c-buttonL.c-button--down:after,
.c-buttonL.c-button--left:after {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    right: 2rem;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-left: none;
    border-top: none;
}

.c-buttonL.c-icArrow--up:after,
.c-buttonL.c-button--up:after {
    top: calc((100% - 6px) / 2);
}

.c-buttonL.c-icArrow--right:after,
.c-buttonL.c-button--right:after {
    top: calc((100% - 12px) / 2);
}

.c-buttonL.c-icArrow--down:after,
.c-buttonL.c-button--down:after {
    top: calc((100% - 20px) / 2);
}

.c-buttonL.c-icArrow--left:after,
.c-buttonL.c-button--left:after {
    top: calc((100% - 15px) / 2);
    left: calc(2rem - 4px);
}

/* ボタン矢印M※inputタグは× */
.c-buttonM.c-icArrow--up:after,
.c-buttonM.c-icArrow--right:after,
.c-buttonM.c-icArrow--down:after,
.c-buttonM.c-icArrow--left:after,
.c-buttonM.c-button--up:after,
.c-buttonM.c-button--right:after,
.c-buttonM.c-button--down:after,
.c-buttonM.c-button--left:after {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    right: 1.5rem;
    border-right: 1px solid;
    border-bottom: 1px solid;
}

.c-buttonM.c-icArrow--up:after,
.c-buttonM.c-button--up:after {
    top: calc((100% - 6px) / 2);
}

.c-buttonM.c-icArrow--right:after,
.c-buttonM.c-button--right:after {
    top: calc((100% - 12px) / 2);
}

.c-buttonM.c-icArrow--down:after,
.c-buttonM.c-button--down:after {
    top: calc((100% - 16px) / 2);
}

.c-buttonM.c-icArrow--left:after,
.c-buttonM.c-button--left:after {
    top: calc((100% - 11px) / 2);
    left: calc(1.5rem - 3px);
}

/* ボタン矢印S ※inputタグは× */
.c-buttonS.c-icArrow--up:after,
.c-buttonS.c-icArrow--right:after,
.c-buttonS.c-icArrow--down:after,
.c-buttonS.c-icArrow--left:after,
.c-buttonS.c-button--up:after,
.c-buttonS.c-button--right:after,
.c-buttonS.c-button--down:after,
.c-buttonS.c-button--left:after {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    right: 1.25rem;
    border-right: 1px solid;
    border-bottom: 1px solid;
}

.c-buttonS.c-icArrow--up:after,
.c-buttonS.c-button--up:after {
    top: calc((100% - 6px) / 2);
}

.c-buttonS.c-icArrow--right:after,
.c-buttonS.c-button--right:after {
    top: calc((100% - 9px) / 2);
}

.c-buttonS.c-icArrow--down:after,
.c-buttonS.c-button--down:after {
    top: calc((100% - 14px) / 2);
}

.c-buttonS.c-icArrow--left:after,
.c-buttonS.c-button--left:after {
    top: calc((100% - 9px) / 2);
    left: calc(1.25rem - 3px);
}

/* ボタン配色 */
.c-button--black01 {
    color: #333 !important;
    border: 1px solid #333;
}
.c-button--black01::after {
    border-color: #333;
}
.c-button--black02 {
    color: #fff !important;;
    background-color: #333;
    border: 1px solid #333;
}
.c-button--black02::after {
    border-color: #fff;
}
.c-button--gray01 {
    color: #666 !important;
    border: 1px solid #ccc;
}
.c-button--gray01::after {
    border-color: #ccc;
}
.c-button--gray02 {
    color: #fff !important;;
    background-color: #ccc;
    border: 1px solid #ccc;
}
.c-button--gray02::after {
    border-color: #fff;
}
.c-button--blue01 {
    color: #2988bc !important;
    border: 1px solid #2988bc;
}
.c-button--blue01::after {
    border-color: #2988bc;
}
.c-button--blue02 {
    color: #fff !important;
    background-color: #2988bc;
    border: 1px solid #2988bc;
}
.c-button--blue02::after {
    border-color: #fff;
}
.c-button--orange01 {
    color: #F7851E !important;
    border: 1px solid #F7851E;
}
.c-button--orange01:after {
    border-color: 1px solid #F7851E;
}
.c-button--orange02 {
    color: #fff !important;
    background: linear-gradient(90deg, #ff7951, #ffda5d);
}
.c-button--orange02::after {
    border-color: #fff;
}
.c-button--pink01 {
    color: #e68572 !important;
    border: 1px solid #e68572;
}
.c-button--pink01::after {
    border-color: #e68572;
}
.c-button--pink02 {
    color: #fff !important;;
    background-color: #e68572;
    border: 1px solid #e68572;
}
.c-button--pink02::after {
    border-color: #fff;
}

/* 2020.4.03 青木 */
.c-button--orange03 {
    margin: 2rem 0;
    padding: 1.2rem 1.5rem 1rem;
    position: relative;
    background: linear-gradient(90deg, rgba(255, 121, 81, 0.2), rgba(255, 195, 93, 0.2));
}
.c-button--orange03:active {
    text-decoration: none;
}
.c-button--orange03::after {
    border-image: linear-gradient(-135deg, #ff7951, #ffda5d) 0 1 1 0;
}

/*----- べた塗オレンジボタン -----*/
.c-button--orange04{
    color: #fff !important;
    background-color: #f7931e;
}
.c-button--orange04::after {
    border-color: #fff;
}




.c-button--green01 {
    background: #fff;
}

.c-button--green01:active {
    text-decoration: none;
}

.c-button--green01::after {
    border-image: #618f85;
}

.c-button--brown01 {
    background: #775A3F;
}

.c-button--brown01:active {
    text-decoration: none;
}

.c-button--brown01::after {
    border-image: #fff;
}

/* 各ボタンサイズに合わせて上下のpaddingを再調整 */
/* 新たにボタンサイズや色を作成したら追加が必要になるかも */
.c-button--orange02.c-buttonS:not(.is-inactive) {
    padding: calc(0.5rem + 1px);
}

.c-button--orange02.c-buttonM:not(.is-inactive) {
    padding: calc(1rem + 1px);
}

.c-button--orange02.c-buttonL:not(.is-inactive) {
    padding: calc(1.75rem + 1px);
}

/* ボタン非活性 ※js動作なしはちゃんとjs側でも書くべき！ */
.c-buttonL.is-inactive,
.c-buttonM.is-inactive,
.c-buttonS.is-inactive {
    pointer-events: none;
    background: #dadada !important;
    border: 1px solid #dadada !important;
    color: #fff!important;
}
.c-invitationPage--reply .c-invitationSec--replyBtn__btnWrap .c-buttonL.is-inactive::after,
.c-invitationPage--reply .c-invitationSec--replyBtn__btnWrap .c-buttonM.is-inactive::after,
.c-invitationPage--reply .c-invitationSec--replyBtn__btnWrap .c-buttonS.is-inactive::after{
    content: "※サンプルデザインのため送信できません。";
    color: #ff0000;
    position: absolute;
    top: calc(100% + 1rem);
    font-size: 1.4rem;
    width: 100%;
    left: 0;
    text-align: center;
}

/* タブ */
.c-tabMenu__item {
    cursor: pointer;
    position: relative;
    text-align: center;
    transition: border 0.3s;
}

.c-tabMenu__item:last-child {
    margin: 0;
}

.c-tabMenu__item.js-active:after {}

.c-tabMenu__item--01 {
    padding: 1rem 0;
    border-bottom: 1px solid #ccc;
    box-sizing: border-box;
}

.c-tabMenu__item--topCat {
    padding: 0;
    height: 56px;
}

.c-tabMenu__item--itemEx {
    padding: 0;
    height: 56px;
}

.c-deliveryTab__item--01 {
    padding: 0;
    height: 72px;
}

.c-tabMenu__item--01:first-child {}

.c-tabMenu__item--01.is-prev {
    border-right: none;
}

.c-tabMenu__item--01.js-active {
    color: #F7851E;
    background-color: transparent;
    padding: 1rem 0;
    border-bottom: 6px solid #F7851E
}

.c-tabMenu__item--2col {
    width: 50%;
}

.c-tabMenu__item--4col {
    width: 25%;
    line-height: 1.5;
    border-left: none;
}

.c-tabMenu__item--4col.c-tabMenu__item--01 {
    padding: .6rem 0 .35rem;
}

.c-tabMenu__item--4col.c-tabMenu__item--01:first-child {}

.c-tabMenu__item--4col.is-prev {
    border-right: none;
}

.c-tabContent {}

.c-tabContent__item.is-hidden {
    visibility: hidden;
    overflow: hidden;
    height: 0;
    margin: 0;
    padding: 0;
}
.c-tabContent .c-slideContents .c-post01__contentWrap {
    /*background-color: #F0F0F0;*/
}
.c-piary-tab01{
    border-bottom: 3px solid #F7851E;
    display: flex;
    -webkit-display: flex;
}
.c-piary-tab01 .slick-list,
.c-piary-tab01 .slick-track{
    width: 100%!important;
}
.c-piary-tab01__label{
    width: 100%;
    max-width: 33.3333%;
    height: 72px;
}
.c-piary-tab01__bt{
    display: flex;
    -webkit-display: flex;
    border: 1px solid #ccc;
    border-bottom: 0;
    font-weight: bold;
    font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic", "Segoe UI", Verdana, Meiryo, sans-serif;
    height: calc(100% - 10px);
    margin-top: 10px;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 1.4rem;
    border-radius: 10px 10px 0 0;
    line-height: 1.6;
    padding-top: 5px;
    box-sizing: border-box;
}
.c-piary-tab01__label.is-current .c-piary-tab01__bt,
.c-piary-tab01__label.slick-current .c-piary-tab01__bt{
    height: 100%;
    margin-top: 0;
    border: 1px solid #F7851E;
    border-bottom: 0;
    background-color: #F7851E;
    color: #fff!important;
}
.c-piary-tab01 .c-switch__tab__label{
    border: 0;
}

/* カテゴリアコーディオン */
.c-innerCatList__bt {
    padding: 1rem 2rem 1rem 1rem;
}

.c-innerCatList__img {
    width: 30%;
}

.c-innerCatList__ttl {
    width: 70%;
    padding-left: 1rem;
}

/* 商品リスト */
.c-itemList {
    padding: 0 .25rem;
    overflow: hidden;
}

.c-itemList--ofx {
    display: flex;
    display: -webkit-flex;
    overflow-y: hidden;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
}

.c-itemList--ofx .c-itemList__item {
    min-width: 40vw;
    max-width: 40vw;
    padding: 0 .25rem;
}

.c-itemList--col2 .c-itemList__item {
    width: 50%;
    padding: 4rem .25rem 0;
}

/**** customize start--------------------------*/
.c-itemList__item {
    position: relative;
    padding-bottom: 3.7rem !important;
}

/* 「カートに入れる」ボタン押下後の商品選択画面の3桁表示の修正 */
.c-itemList__item:nth-of-type(n+100) .c-icCircle {
    font-size: 1.2rem;
}

.c-itemList__item .yotpo {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    margin-top: 0.5rem;
}

.c-itemList__item .yotpo .standalone-bottomline.star-clickable,
.c-itemList__item .yotpo .standalone-bottomline .star-clickable,
.c-itemList__item .yotpo .standalone-bottomline.star-clickable .yotpo-stars,
.c-itemList__item .yotpo .standalone-bottomline .star-clickable .yotpo-stars {
    display: block;
}

.c-itemList__item .yotpo .standalone-bottomline.star-clickable .text-m,
.c-itemList__item .yotpo .standalone-bottomline .star-clickable .text-m {
    font-size: 10px;
    cursor: none;
    position: relative;
    top: -2px;
    left: 4px;
}

@media screen and (min-width: 780px) {
    .c-itemList--col2 .c-itemList__item {
        padding: 4rem .25rem 0;
    }
}

/* -------------------------- customize end ****/

.c-itemList--col2 .c-itemList__item:nth-of-type(-n+2) {
    padding-top: 0;
}

.c-itemList--col3 .c-itemList__item {
    width: 33.33%;
    padding: 4rem .25rem 0;
}

.c-itemList--col3 .c-itemList__item:nth-of-type(-n+3) {
    padding-top: 0;
}

/**** customize start--------------------------*/
.c-itemList--col4 .c-itemList__item {
    width: 25%;
    padding: 4rem .25rem 0;
}

.c-itemList--col4 .c-itemList__item:nth-of-type(-n+4) {
    padding-top: 0;
}

.c-itemList--col5 .c-itemList__item {
    width: 20%;
    padding: 4rem .25rem .75rem;
}

.c-itemList--col5 .c-itemList__item:nth-of-type(-n+5) {
    padding-top: 0;
}

.c-itemList--col5 .c-itemList__item img {
    min-height: 60px;
    background-color: #fffafa;
}

/* -------------------------- customize end ****/

/**** PC 5column start--------------------------*/
.c-itemList--pc .c-itemList__item {
    width: 20%;
}

.c-itemList--pc .c-itemList__item:nth-of-type(-n+5) {
    padding-top: 0;
}

/* -------------------------- PC 5column end ****/

/**** PC 4column start--------------------------*/
.c-itemList--pc04 .c-itemList__item {
    width: 25%;
    padding: 0 1.5rem;
}

.c-itemList--pc .c-itemList__item:nth-of-type(-n+4) {
    padding-top: 0;
}

/* -------------------------- PC 4column end ****/

.c-itemList.is-hidden {
    display: none !important;
}

.c-itemList__item__a {
    text-decoration: none;
}

.c-itemList__name {
    /* height: 4rem; */
    /* height: 3.3rem; */
    line-height: 1.4;
    margin: 0.5rem 0 !important;
}

.c-itemList__itemprice {
    line-height: 1.2;
    /* margin-top: 0.5rem; */
}

.c-pageNation {
    padding: 0.5rem 0 0;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

.c-pageNation__pg {
    padding: 0 0.5rem;
}

.c-pageNation {
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
}

.c-pageNation__prev,
.c-pageNation__next,
.c-itemList__sort__li {
    padding: 0.1rem;
}

.c-itemList__pager {
    width: 100%;
}

.c-itemList__sort {
    padding: 0.3rem;
}

.c-itemList__sort__li {
    padding: 0 0.8rem;
}

.c-itemList__sort,
.c-itemList__tit {
    border-bottom: 1px solid #F0F0F0;
    width: 100%;
}

.c-itemList__sort__li .on::before {
    content: '▲';
    transform: rotate(90deg);
    display: inline-block;
    margin: 0 3px 0 0;
    color: #7FB9BF;
}

@media screen and (max-width: 779px) {
    .c-itemList__sort {
        width: 100%;
    }
}

@media screen and (max-width: 479px) {
    .c-itemList__itemWrap__item {
        width: 50%;
    }
}

@media screen and (min-width: 480px) and (max-width: 779px) {
    .c-itemList__itemWrap__item {
        width: calc(100% / 3);
    }
}

@media screen and (min-width: 780px) {
    .c-itemList__itemWrap__item {
        width: 20%;
    }
}

@media screen and (min-width: 780px) and (max-width: 949px) {
    .l-2col .c-itemList__itemWrap__item {
        width: calc(100% / 3);
    }
}

@media screen and (min-width: 950px) {
    .l-2col .c-itemList__itemWrap__item {
        width: 25%;
    }
}

.c-priceWrap {
    width: 95%;
    margin: 0 auto;
}

.c-price {
    /*color: #F00;*/
}

.c-price__per {
    background-color: #F7851E;
    color: #FFF;
    /*margin-left: .5rem;*/
    padding: .15rem .5rem;
}

/* フォーム入力パーツ */
.c-inputText {
    padding: .5rem .75rem;
    border-radius: 0;
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    border: 1px solid #ccc;
    line-height: 40px;
    height: 40px;
    font-size: 1.5rem;
}

.c-textarea {
    max-width: 100%;
    width: 100%;
    padding: .5rem;
    vertical-align: bottom;
    min-height: 50px;
    border: 1px solid #ccc;
    font-size: 1.5rem;
}

.c-inputRadio,
.c-inputCheck {
    margin: 0 .5rem 0 0;
}

.c-select {
    padding: .75rem 3rem .75rem 1rem;
    border: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 100%;
    height: 100%;
    line-height: 2.5rem;
    background-color: transparent;
    position: relative;
    z-index: 102;
    color: #666;
}

/* fixedヘッダーの上を通る対策 */
.c-select--notModal {
    z-index: 2;
}

/* IEの矢印を消す */
.c-select::-ms-expand {
    display: none;
}

.c-selectWrap {
    border: 1px solid #ccc;
    position: relative;
    overflow: hidden;
    padding: 0 0.5rem;
}

.c-selectWrap::after {
    content: '';
    display: block;
    position: absolute;
    border-bottom: 0;
    border-left: 0;
    width: 12px;
    height: 12px;
    top: 50%;
    right: 9px;
    pointer-events: none;
    transform: rotate(135deg);
    margin-top: -10px;
    border-top: 1px solid;
    border-right: 1px solid;
    border-color: #969696;
}

.c-itemPage .c-selectWrap::after,
.c-cartPage .c-selectWrap::after,
.c-form .c-selectWrap::after {
    z-index: 101;
}

/* fixedヘッダーの上を通る対策 */
.c-itemPage .c-selectWrap--notModal::after,
.c-cartPage .c-selectWrap--notModal::after,
.c-form .c-selectWrap--notModal::after {
    z-index: 1;
}

.c-select01 {
    background-color: #fff;
    border: 1px solid #ccc;
    color: #969696;
    padding: 0;
    height: 4rem;
}

.c-refineSearch__item__value.c-selectWrap {
    padding: 0 15px 0 0;
    margin-left: 10px;
    width: calc(65% - 10px);
}

.c-button.c-button--upload {
    width: 25%;
    margin: 0;
    padding: .4rem;
    text-align: center;
}

.c-button.c-button--delete {
    width: 50%;
    margin: .5rem 0 0;
    padding: .4rem;
    text-align: center;
}

.c-inputFileWrap {
    width: 100%;
}

.c-inputFile {
    width: 73%;
    border: 1px solid #ccc;
    margin: 0 0 0 2%;
    padding: 0 2%;
    font-size: .92rem;
    color: #CCC;
}

.c-checkbox {
    position: relative;
    padding-left: 2.2rem;
    display: block;
    line-height: 1.5;
    margin-bottom: .75rem;
}

.c-checkbox::before {
    position: absolute;
    content: "";
    display: block;
    top: 0;
    left: 0;
    width: 22px;
    height: 22px;
    border-radius: 5px;
    background-color: #ccc;
}

.c-checkbox--parts:checked+.c-checkbox::before {
    background-color: #F7851E;
}

.c-checkbox::after {
    position: absolute;
    content: "";
    display: block;
    top: 4px;
    left: 8px;
    width: 5px;
    height: 8px;
    transform: rotate(45deg);
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
}

.c-icCheck {
    position: relative;
    width: 20px;
    height: 20px;
    margin-right: 0.5rem;
    background-color: #ccc;
}

.js-selected>.c-icCheck {
    background-color: #F7931E;
    animation: icCheckChecked 0.3s ease 0 1 normal;
}

@keyframes icCheckChecked {
    0% {
        transform: scale(1, 1);
    }

    25% {
        transform: scale(1.5, 1.5);
    }

    100% {
        transform: scale(1, 1);
    }
}

.c-icCheck::before {
    content: '';
    display: block;
    position: absolute;
    top: 11px;
    left: 3px;
    border-top: 2px solid #fff;
    width: 6px;
    transform: rotate(45deg);
}

.c-icCheck::after {
    content: '';
    display: block;
    position: absolute;
    top: 9px;
    left: 5px;
    border-top: 2px solid #fff;
    width: 13px;
    transform: rotate(-45deg);
}

.c-icRadio {
    display: inline-block;
    position: relative;
    width: 20px;
    height: 20px;
    margin-right: 0.5rem;
    background-color: #fff;
    border-radius: 100%;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

.js-selected .c-icRadio {
    border-color: #F7851E;
}

.c-icRadio::before {
    content: '';
    position: absolute;
    top: 3px;
    left: 3px;
    width: 12px;
    height: 12px;
    border-radius: 100%;
}

.js-selected .c-icRadio::before {
    background-color: #F7851E;
    animation: icRadioSelected 0.3s ease 0s 1 normal;
}

@keyframes icRadioSelected {
    0% {
        transform: scale(0.1, 0.1);
    }

    80% {
        transform: scale(1.4, 1.4);
    }

    100% {
        transform: scale(1, 1);
    }
}

.c-note {
    color: #f00;
    margin: 0 .5rem;
}

.c-help {
    text-decoration: underline;
    color: #6f6f6f;
}

.c-icStar01 {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(90deg, #ff7951, #ff8b54);
}

.c-icStar02 {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(90deg, #ff8b54, #ff9e57);
}

.c-icStar03 {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(90deg, #ff9e57, #ffa358);
}

.c-icStar04 {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(90deg, #ffa358, #ffc35d);
}

.c-icStar05 {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(90deg, #ffc35d, #ffd57e);
}

/* パンくずリスト
------------------------------------*/
.c-breadCrumb {
    padding-top: 3rem;
    background-color: #e8e8e8;
    color: #969696;
}

.c-breadCrumb__ul__list a {
    display: inline-block;
    text-decoration: none;
}

.c-breadCrumb__ul__list::after {
    content: ">";
    display: inline-block;
    padding: 0 .5rem;
}

.c-breadCrumb__ul__list:last-of-type::after {
    content: "";
    padding: 0;
}

/* もっと見る（ゴースト） */
.js-seeMoreContent {
    position: relative;
    overflow: hidden;
    margin-bottom: 1rem;
}

.js-seeMoreContent__close:after {
    content: '';
    display: block;
    width: 100%;
    height: 22vh;
    background: linear-gradient(#FFFFFF00, #FFFFFF);
    position: absolute;
    bottom: 0;
    right: 0;
}

/* 通知●アイコン オレンジ色 header.php */
.c-circleNotice__content {
    border-radius: 50%;
    color: #FFF;
    font-size: 11px;
    height: 2rem;
    line-height: 2rem;
    position: absolute;
    right: -.5rem;
    text-align: center;
    top: -.25rem;
    width: 2rem;
}

.c-circleNotice__content--01 {
    background-color: #F00;
}

.c-circleNotice__content--02 {
    background-color: #F7931E;
}

/* アイコン */
.c-icBang {
    position: relative;
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
    -webkit-align-items: center;
    align-items: center;
    width: 26px;
}

.c-icBang::before {
    border-bottom: 22px solid #fce360;
    content: '';
    display: inline-block;
    width: 2px;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-radius: 3px/3px 3px 8px 8px;
}

.c-icBang::after {
    content: '!';
    position: absolute;
    left: 0;
    top: 6px;
    width: 100%;
    font-size: 14px;
    font-weight: bold;
    font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic", "Segoe UI", Verdana, Meiryo, sans-serif;
    font-style: normal;
    text-align: center;
    height: 17px;
    line-height: 14px;
    color: #000;
}

/*.c-help */
.c-icHelp {
    display: inline-block;
    width: 20px;
    height: 20px;
    position: relative;
    background-color: #969696;
    border-radius: 50%;
    vertical-align: middle;
    margin: 0 .5em 0 0;
}

.c-icHelp::after {
    color: #fff;
    position: absolute;
    content: '？';
    width: 15px;
    height: 15px;
    font-size: 15px;
    line-height: 15px;
    font-style: normal;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* c-icArrowAf */
.c-icArrowAf {
    position: relative;
}

.c-icArrowAf::after {
    content: '';
    display: block;
    position: absolute;
    border-bottom: 0;
    border-left: 0;
    width: 12px;
    height: 12px;
}

.c-icArrowAf--s1::after {
    border-top: 1px solid;
    border-right: 1px solid;
}

.c-icArrowAf--s2::after {
    border-top: 2px solid;
    border-right: 2px solid;
}

.c-icArrowAf--up::after {
    transform: rotate(-45deg);
}

.c-icArrowAf--right::after {
    transform: rotate(45deg);
    top: 30%;
}

.c-icArrowAf--down::after {
    transform: rotate(135deg);
    margin-top: -10px;
}

.c-icArrowAf--left::after {
    transform: rotate(-135deg);
}

.c-icArrowAf--c01::after {
    border-color: #969696;
}

.c-icArrowAf--c02::after {
    border-image: linear-gradient(90deg, #ff7951, #ffda5d) 1;
}

.c-icCircle {
    display: inline-block;
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    font-size: 1.8rem;
    border-radius: 50%;
    text-align: center;
    color: #fff;
}

.c-icCircle.u-posAbs {
    top: .5rem;
    left: .5rem;
}

.c-icCircle--01 {
    background: linear-gradient(45deg, #bc9f4b, #efd85f, #bc9f4b);
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .5);
}

.c-icCircle--02 {
    background: linear-gradient(45deg, #959fa0, #dae9e7, #959fa0);
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .5);
}

.c-icCircle--03 {
    background: linear-gradient(45deg, #c18263, #cb9968, #c18263);
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .5);
}

.c-icCircle--04 {
    color: #999;
    background: #FFF;
    border: 1px solid #999;
}

.c-icPlus {
    color: currentColor;
    position: absolute;
    width: 10px;
    height: 10px;
    margin-left: .25rem !important;
}

.c-icPlus::before {
    content: '';
    position: absolute;
    width: 10px;
    height: 2px;
    background-color: currentColor;
    top: 8px;
    right: 0;
}

.c-icPlus::after {
    content: '';
    position: absolute;
    width: 10px;
    height: 2px;
    background-color: currentColor;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    top: 8px;
    right: 0;
}

.c-icMinus {
    color: currentColor;
    position: absolute;
    width: 10px;
    height: 10px;
    margin-left: .25rem !important;
}

.c-icMinus::after {
    content: '';
    position: absolute;
    width: 10px;
    height: 2px;
    background-color: currentColor;
    top: 8px;
    right: 0;
}

.c-icProp {
    padding: .1rem .35rem .05rem;
    display: inline-block;
}

.c-icProp--01 {
    border: 1px solid #F7851E;
    background-color: #F7851E;
    color: #FFF;
}

.c-icProp--02 {
    border: 1px solid #F7851E;
    background-color: #fff;
    color: #F7851E;
}

.c-icProp--03 {
    border: 1px solid #969696;
    color: #808080;
    background-color: #fff;
}

.c-icSearch {
    border-radius: 100%;
    border: 1px solid #F7851E;
    position: absolute;
    display: block;
    width: 12px;
    height: 12px;
}

.c-icSearch::after {
    content: '';
    border-top: 2px solid #F7851E;
    transform: rotate(45deg);
    display: block;
    width: 5px;
    position: absolute;
    top: 11px;
    left: 10px;
}

.c-icSearch--plus::before {
    content: '＋';
    font-weight: bold;
    font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic", "Segoe UI", Verdana, Meiryo, sans-serif;
    font-style: normal;
    position: absolute;
    top: -2.5px;
    left: -0.5px;
    right: 0;
    margin: 0 auto;
}

.c-icX {
    position: absolute;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    position: absolute;
    border: 1px solid #CCC;
    background-color: #fff;
    top: -8px;
    right: -8px;
}

.c-icX.js-inActive {
    display: none;
}

.c-icX::before {
    content: '';
    border-top: 1px solid #CCC;
    width: 10px;
    position: absolute;
    top: 50%;
    left: calc(50% - 5px);
    transform: rotate(-45deg);
}

.c-icX::after {
    content: '';
    border-top: 1px solid #CCC;
    width: 10px;
    position: absolute;
    top: 50%;
    left: calc(50% - 5px);
    transform: rotate(45deg);
}

/* モーダル */
.c-modalWrap {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    opacity: 0;
    cursor: pointer;

    display: -webkit-flex !important;
    display: flex !important;
    -webkit-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
    -webkit-align-items: center;
    align-items: center;
}

.js-popupWrap.js-active,
.c-modalWrap.js-active:not(.is-noBg) {
    background-color: rgba(0, 0, 0, .5);
}

.c-modalWrap:not([class*="js-chainModal"], [class*="js-itemOption"]) {
    /* モーダルチェーン時は除外 js-itemOptionはjs-chainModalに統一予定 */
    /*background-color: rgba(0,0,0,.5);*/
}

.c-modalInWrap {
    width: calc(100% - 20px);
    max-height: calc(100% - 20px);
    background-color: #fff;
    margin: 10px auto;
    z-index: 100;
}

.c-modalInWrap2 {
    width: calc(100% - 20px);
    height: auto;
    max-height: calc(100% - 20px);
    background-color: #fff;
    margin: 10px auto;
}

.c-modalOverflow {
    overflow: auto;
}

.c-modalContent {
    max-height: calc(100vh - 65px);
}

.c-modalFixedHeader {
    color: #F7851E;
    font-size: 1.5rem;
    padding: 10px;
    /*border-bottom: 1px solid #F0F0F0;*/
    height: 45px;
}

.c-modalFixedFooter {
    background: rgba(255, 255, 255, 0.7);
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
}

.c-modalFixedHeader__back {
    font-size: 1.2rem;
    padding-left: 1.5rem;
    position: absolute;
    top: 1.3rem;
    left: 1rem;
    text-decoration: none;
}

.c-modalFixedHeader__back::before,
.c-modalFixedHeader__back::after {
    content: '';
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right-style: solid;
    border-right-width: 9px;
    display: block;
    position: absolute;
    top: 4px;
    left: 1px;
}

.c-modalFixedHeader__back::before {
    border-right-color: #969696;
}

.c-modalFixedHeader__back::after {
    border-right-color: #fff;
    margin-left: 1.5px;
}

.c-closeBtn {
    position: absolute;
    /*background-color: #333;*/
}

.c-closeBtn::before {
    content: '';
    position: absolute;
    top: 49%;
    left: 0rem;
    display: block;
    width: 100%;
    border-top: 1px solid #333;
    transform: rotate(-45deg);
}

.c-closeBtn::after {
    content: '';
    position: absolute;
    top: 49%;
    left: 0rem;
    display: block;
    width: 100%;
    border-top: 1px solid #333;
    transform: rotate(45deg);
}

.c-closeBtn--01 {
    top: .7rem;
    right: .7rem;
    width: 3rem;
    height: 3rem;
}

.c-closeBtn--02 {
    /* 縦中央寄せ用 */
    top: .8rem;
    right: .8rem;
    width: 3rem;
    height: 3rem;
    opacity: 0;
    transition-property: opacity;
}

.c-modalParent {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
}

/* アラート用モーダル */
.c-alertModalBox {
    width: calc(100% - 20px);
    /*height: calc(33% - 20px);*/
    /*max-height: calc(33% - 20px);*/
    background-color: #fff;
    margin: 10px auto;
}

.js-modalAction--bound.js-active>.c-alertModalBox.js-modalAction__inner {
    /*top: calc(33% - 10px);*/
}

.c-heightByScreenWidth {
    height: calc(140vw / 320 * 100) !important;
}

/*画面幅で高さを指定する*/

/* アコーディオン（非表示） */
.js-togSearchTag,
.js-hikitakuOptionTarget {
    display: none;
}


/* スライダー Arrow */
/* Arrows パターン1　
*/
.c-slideArw--01 .slick-prev,
.c-slideArw--01 .slick-next,
.c-slideArw--01 .slick-first {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 34px;
    height: 34px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

.c-slideArw--01 .slick-prev:hover,
.c-slideArw--01 .slick-prev:focus,
.c-slideArw--01 .slick-next:hover,
.c-slideArw--01 .slick-next:focus,
.c-slideArw--01 .slick-first:hover,
.c-slideArw--01 .slick-first:focus {
    color: transparent;
    outline: none;
    background: transparent;
}

.c-slideArw--01 .slick-prev:hover:before,
.c-slideArw--01 .slick-prev:focus:before,
.c-slideArw--01 .slick-next:hover:before,
.c-slideArw--01 .slick-next:focus:before,
.c-slideArw--01 .slick-first:hover:before,
.c-slideArw--01 .slick-first:focus:before {
    opacity: 1;
}

.c-slideArw--01 .slick-prev .slick-disabled:before,
.c-slideArw--01 .slick-next .slick-disabled:before,
.c-slideArw--01 .slick-first .slick-disabled:before {
    opacity: .25;
}

.c-slideArw--01 .slick-prev {
    left: 0;
    z-index: 49;
}

[dir='rtl'] .c-slideArw--01 .slick-prev {
    right: -25px;
    left: auto;
}

[dir='rtl'] .c-slideArw--01 .slick-prev:before {
    content: '→';
}

.c-slideArw--01 .slick-next,
.c-slideArw--01 .slick-first {
    right: 0;
}

[dir='rtl'] .c-slideArw--01 .slick-next {
    right: auto;
    left: -25px;
}

[dir='rtl'] .c-slideArw--01 .slick-next:before {
    content: '←';
}

/* Arrows パターン2 */
.c-slideItemRank__ttlWrap .slick-arrow,
.c-slideArw--01 .slick-arrow,
.c-slideArw--02 .slick-arrow {
    background: 0;
    border: 0;
    display: block;
    font-size: 0;
    height: 32px;
    line-height: 32px;
    position: absolute;
    width: 32px;
    z-index: 1;
    background-color: rgba(255, 255, 255, .8);
    border-radius: 50%;
    box-shadow: inset 0 0 1px #ff7951, inset 1px 0 1px #ffda5d;
}

.c-slideItemRank__ttlWrap .slick-arrow:before,
.c-slideItemRank__ttlWrap .slick-arrow:after,
.c-slideArw--01 .slick-arrow:before,
.c-slideArw--01 .slick-arrow:after,
.c-slideArw--02 .slick-arrow:before,
.c-slideArw--02 .slick-arrow:after {
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    position: absolute;
    top: 9px;
}

.c-slideArw--02 .slick-prev {
    top: calc(50% - 16px);
    left: 1%;
}

.c-slideArw--02 .slick-next {
    top: calc(50% - 16px);
    right: 1%;
}

.c-slideArw--02.c-slideArw--popUpSlide .slick-prev {
    top: calc(30vh - 16px);
}

.c-slideArw--02.c-slideArw--popUpSlide .slick-next {
    top: calc(30vh - 16px);
}

.c-slideItemRank__ttlWrap .slick-first,
.c-slideArw--02 .slick-first {
    top: calc(50% - 16px);
    right: 1%;
}

.c-slideItemRank__ttlWrap .slick-first .slick-first,
.c-slideArw--02 .slick-first .slick-first {
    height: 0;
    line-height: 0;
    position: static;
    margin-left: 2vw;
}

.c-slideArw--02 .slick-prev:before {
    border-bottom: 1px solid #ff7951;
    border-left: 1px solid #ff7951;
    transform: rotate(45deg);
    left: 12px;
}

.c-slideArw--02 .slick-next:before {
    border-top: 1px solid #ff7951;
    border-right: 1px solid #ff7951;
    transform: rotate(45deg);
    right: 12px;
}

.c-slideItemRank__ttlWrap .slick-first .slick-first:before,
.c-slideItemRank__ttlWrap .slick-first .slick-first:after,
.c-slideArw--02 .slick-first .slick-first:before,
.c-slideArw--02 .slick-first .slick-first:after {
    border-bottom: 1px solid #ff7951;
    border-left: 1px solid #ff7951;
    transform: rotate(45deg);
}

.c-slideItemRank__ttlWrap .slick-first .slick-first:before,
.c-slideArw--02 .slick-first .slick-first:before {
    right: 4px;
}

.c-slideItemRank__ttlWrap .slick-first .slick-first:after,
.c-slideArw--02 .slick-first .slick-first:after {
    right: 9px;
}

.c-slideItemRank__ttlWrap .slick-first .slick-first:after,
.c-slideArw--02 .slick-first .slick-first:after {
    margin-top: 0;
}

.c-slideArw--02 .c-slideArwIndex--02 {
    background-color: rgba(0, 0, 0, .5);
    color: #fff;
    bottom: 1.25rem;
    line-height: 1;
    position: absolute;
    left: 0;
    right: 0;
    padding: 0.5rem 0;
    margin: 0 auto;
    text-align: center;
    width: 7.5rem;
    letter-spacing: 2px;
    z-index: 49;
    border-radius: 2.25vh;
}

.c-slideArwIndex--02_anim {
    animation: index-fadeout 1s ease 0.5s forwards;
}

@keyframes index-fadeout {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@media screen and (min-width: 480px) and (max-width: 779px) {
    .c-slideArw--02 .c-slideArwIndex--02 {
        top: 92%;
        height: 9vh;
        line-height: 9vh;
        border-radius: 4.5vh;
    }
}

/* スライダー dots */
/* Dots */
.slick-dots {
    width: 100%;
    text-align: center;
}

.slick-dots li {
    display: inline-block;
    width: 25px;
    height: 25px;
    cursor: pointer;
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1;
}

.slick-dots li button:before {
    font-size: 0;
    line-height: 25px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 12px;
    height: 12px;
    box-sizing: border-box;
    border-radius: 50%;
    border: 1px solid #CCC;
    background-color: #CCC;
    content: '';
    text-align: center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: auto;
}

.slick-dots li.slick-active button:before {
    background-color: transparent;
}

/* 商品リスト ●●%OFF index.html */
.c-itemList__itemPer,
.c-itemList__itemOut,
.c-itemList__itemSale {
    color: #FFF;
    font-size: 1.1rem;
    padding: 0 .5em;
}

.c-itemList__itemPer {
    background-color: #F7851E;
}

.c-itemList__itemOut {
    background-color: rgba(90, 90, 90, 0.8);
}

.c-itemList__itemSale {
    background-color: #F7851E;
}

.c-itemPrice__now {
    font-size: 3.2rem;
}

.c-itemPrice__now.c-itemPrice__now--pop {
    font-size: 1.9rem;
}

.c-itemPrice__perOff {
    color: #fff;
    background-color: #F7851E;
    padding: 0.25rem 0.5rem;
}

.c-itemPagePerOff.c-itemPagePerOff--pop {
    color: #fff;
    background-color: #F7851E;
    padding: 0.25rem 0.5rem;
}

.c-itemPrice__perOff.c-itemPrice__perOff--list {
    font-size: 1.1rem;
    padding: 0.1rem 0.5rem;
}

.c-itemListPos--01,
.c-itemListPos--02 {
    bottom: 3px;
    left: 3px;
    position: absolute;
    /*animation: itemListPosIcon 5s ease 0s infinite normal;*/
}

.c-itemListPos--02 {
    bottom: calc(2rem + 3px);
}

@keyframes itemListPosIcon {
    0% {
        opacity: 0;
    }

    30% {
        opacity: 1;
    }

    60% {
        opacity: 1;
    }

    90% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

.c-favReg {
    position: absolute;
    right: 1px;
    bottom: 1.1em;
    width: 22%;
    max-width: 30px;
    z-index: 2;
}

/*
.c-favReg.is-active{
	animation: favoriteIcon 0.6s ease 0s 1 normal;
}*/
@keyframes favoriteIcon {
    0% {
        transform: scale(1, 1);
    }

    30% {
        transform: scale(1.3, 1.3);
    }

    100% {
        transform: scale(1, 1);
    }
}


/* c-post */
/**** customize start--------------------------*/
.c-post01__contentWrap {
    color: #333;
    border-bottom: 1px solid #ccc;
    /*border-image: linear-gradient(90deg,#ff7951,#ffda5d)1;*/
}

@media screen and (max-width: 779px) {
    .c-post01__contentWrap li:first-child .c-post01__contentWrap {
        border-top: 1px solid #CCC;
    }
}

@media screen and (min-width: 780px) {
    .c-post01__contentWrap:not(:last-child) {
        border-bottom: 1px solid #ccc;
    }
}

/* -------------------------- customize end ****/
.c-post01__contentWrap li:last-child .c-post01__contentWrap {
    border-bottom: 0;
}

.c-post01_evenColor .c-post01__contentWrap:nth-child(even) {
    background-color: #F0F0F0;
}

.c-post01__contentWrap__imgWrap {
    margin: 0 1rem 0 0;
    width: 20%;
}

/*.c-post01__contentWrap__a{
	padding: .5rem 0 .5rem 2rem;
}*/
.c-post01__contentWrap__ic {
    font-size: 1.1rem;
    margin-right: 0.25rem;
    padding: .1rem .25rem;
}

.c-post01__contentWrap__ic01 {
    border: 1px solid #F7931E;
    background-color: #FFF;
    color: #F7931E;
}

.c-post01__contentWrap__ic02 {
    border: 1px solid #F7931E;
    background-color: #F7931E;
    color: #FFF;
}

/**** customize start--------------------------*/
.c-post01__col2 {
    width: 49.2%;
}

/* -------------------------- customize end ****/
.c-postWrap02 {
    margin: 2% auto;
    max-width: 96%;
}

.c-thumbnail {
    width: 100%;
    height: auto;
}

.c-post02 {
    margin-bottom: .5rem;
    width: 20%;
    padding: .5%;
}

.c-post02__btn {
    color: #ef5685;
    margin: .35rem 0;
}

.c-post02__img {
    margin-bottom: .5rem;
}

.c-post02__btn:hover {
    cursor: pointer;
}

.c-post02--01 {
    width: 33.3%;
}

.c-post02--02 {
    width: 100%;
}

.c-post03 {
    width: 50%;
    font-size: .93rem;
    padding: 1.25rem .75rem;
    border-bottom: 1px solid #ccc;
    position: relative;
}

.c-post03__title {
    font-weight: bold;
    font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic", "Segoe UI", Verdana, Meiryo, sans-serif;
    margin-bottom: .5rem;
}

.c-post03__img {
    width: 35%;
    margin: 0 1rem 0 .5rem;
}

.c-post03__txt {
    width: calc(65% - 1.5em);
}

.c-post03__link {
    display: block;
    text-decoration: none;
    color: #333;
    position: relative;
}

.c-post03__link.c-icArrow--single:after {
    top: 50%;
    right: 0;
    margin-top: -8px;
}

.c-post04 {
    padding: 1.25rem .75rem;
    border-bottom: 1px solid #ccc;
    width: 50%;
}

.c-post04__img {
    width: 30%;
}

.c-post04__txt {
    width: calc(70% - .75em);
}

.c-postSingle {
    width: 60%;
    margin: 2rem auto;
}

.c-postHeader,
.c-postContent,
.c-postFooter {
    margin: 0 .75rem 1.5rem;
}

.c-postContent--w {
    margin: 0 0 1.5rem;
}

.c-postMeta {
    margin-bottom: 2rem;
}

@media screen and (min-width: 780px) {
    .c-postWrap02 {
        max-width: 100%;
    }
}

/* スライド子要素 index.html */
.c-slideContents__ul--2 {
    letter-spacing: -.4rem;
    border-top: 1px solid #ccc;
    /*border-image: linear-gradient(90deg,#ff7951,#ffda5d)1;*/
    box-shadow: 0px -6px 4px -4px #ccc inset, 0px 6px 4px -4px #ccc inset;
}

.c-slideContents__li--2 {
    display: inline-block !important;
    letter-spacing: normal;
    width: 50%;
    /*border-bottom: 1px solid #ccc;*/
}

/* 20190805 青木追記 */
.c-slideContents__li--2 .c-post01__contentWrap {
    border-bottom: none;
}

.c-slideContents__li--2:nth-child(even) {
    /*border-right: 1px solid #ccc;*/
}

.c-slideContents .c-slideContents__li--2:first-child {
    width: 100%;
    /*border-bottom: 1px solid #ccc;*/
}

/**** customize start--------------------------*/
@media screen and (max-width: 779px) {
    .is-fixed .c-headerTxt {
        display: none;
    }
}

/* -------------------------- customize end ****/
.c-slideItemRank__ttl {
    background-color: #F0F0F0;
    border-left: 1px solid #FFF;
    color: #333;
}

.c-slideItemRank__ttl.slick-current {
    background-color: #F7851E;
    color: #fff;
}

/* TopPage Instagram */
/**** customize start--------------------------*/
@media screen and (max-width: 779px) {
    .c-colWrap--01 .c-colWrap__cont {
        width: 33.33%;
        padding: 0 0.25rem;
    }

    .c-colWrap--01 .c-colWrap__cont:not(:nth-of-type(-n+3)) {
        padding-top: .25rem;
    }

    .c-colWrap--01 .c-colWrap__cont:not(:nth-last-of-type(-n+3)) {
        padding-bottom: .25rem;
    }
}

@media screen and (min-width: 780px) {
    .c-colWrap--01 .c-colWrap__cont {
        width: 20%;
        padding: 0 0.25rem;
    }

    .c-colWrap--01 .c-colWrap__cont:not(:nth-of-type(-n+5)) {
        padding-top: .25rem;
    }

    .c-colWrap--01 .c-colWrap__cont:not(:nth-last-of-type(-n+5)) {
        padding-bottom: .25rem;
    }
}


/* SNS Icon List */
@media screen and (max-width: 779px) {
    .c-snsLink {
        max-width: 280px;
    }
}
.c-snsLink__inst {
    width: 80%;
    margin: 0 10%;
    font-size: 1.6rem;
}
.c-snsLink__inst.c-snsLink__inst--topBottom {
    width: 300px;
    margin: 0 auto;
}
@media screen and (min-width: 780px) {
    .c-snsLink__inst {
        width: 260px;
        margin: 0 auto;
        margin-right: 120px;
    }
    .c-snsLink__insttag {
        width: calc(100% - 220px);
    }
}

/* -------------------------- customize end ****/

/* メディア掲載 */
.c-mediaPublished__cont {
    padding: .5rem .25rem 0;
}

/*.c-mediaPublished__cont:nth-of-type(3n-2) {
	width: 50%;
}
.c-mediaPublished__cont:not(:nth-of-type(-n+3)) {
	padding-top: .5rem;
}
.c-mediaPublished__cont:not(:nth-last-of-type(-n+3)) {
	padding-bottom: .5rem;
}*/

.c-mediaPublished__cont.c-mediaPublished__cont--m {
    width: 50%;
}

.c-mediaPublished__cont.c-mediaPublished__cont--s {
    width: 25%;
}

.c-mediaPublished__cont.c-mediaPublished__cont--ss {
    width: 16.66%;
}

/**** customize start--------------------------*/
@media screen and (min-width: 780px) {
    .c-mediaPublished__cont.c-mediaPublished__cont--m {
        width: 33.333%;
    }

    .c-mediaPublished__cont.c-mediaPublished__cont--s {
        width: 20%;
    }

    .c-mediaPublished__cont.c-mediaPublished__cont--ss {
        width: 12.5%;
    }

    .c-mediaPublished__cont.c-mediaPublished__cont--m img,
    .c-mediaPublished__cont.c-mediaPublished__cont--s img,
    .c-mediaPublished__cont.c-mediaPublished__cont--ss img {
        width: 100%;
    }
}

/* -------------------------- customize end ****/

/*-------------------------------------
	カラム調整シリーズ
-------------------------------------*/

/* 1カラム
-------------------------------------*/
/* 1カラム 余白：左右 1.5rem 上下 .75rem */
.c-1col--pTB15-pW075 {
    width: 100%;
    padding: 1.5rem .75rem;
}


/* 2カラム
-------------------------------------*/

/* 2カラム 余白0.5rem */
.c-2col--pT05-pW025 {
    width: 50%;
    padding: .5rem .25rem 0;
}

.c-2col--pT05-pW025:nth-of-type(-n+2) {
    padding-top: 0;
}

/* 2カラム 余白1rem */
.c-2col--pT1-pW05 {
    width: 50%;
    padding: 1rem .5rem 0;
}

.c-2col--pT1-pW05:nth-of-type(-n+2) {
    padding-top: 0;
}

/* 2カラム 余白1.5rem */
.c-2col--pT15-pW075 {
    width: 50%;
    padding: 1.5rem .75rem 0;
}

.c-2col--pT15-pW075:nth-of-type(-n+2) {
    padding-top: 0;
}

/* 3カラム
--------------------------------------*/

/* 3カラム 余白0.5rem */
.c-3col--pT05-pW025 {
    width: 33.33%;
    padding: .5rem .25rem 0;
}

.c-3col--pT05-pW025:nth-of-type(-n+3) {
    padding-top: 0;
}

/* 3カラム 余白1rem */
.c-3col--pT1-pW05 {
    width: 33.33%;
    padding: 1rem .5rem 0;
}

.c-3col--pT1-pW05:nth-of-type(-n+3) {
    padding-top: 0;
}

/* 3カラム 余白1.5rem */
.c-3col--pT15-pW075 {
    width: 33.33%;
    padding: 3rem .75rem 0;
}

.c-3col--pT15-pW075:nth-of-type(-n+3) {
    padding-top: 0;
}

/* 4カラム
--------------------------------------*/

/* 4カラム 余白0.5rem */
.c-4col--pT05-pW025 {
    width: 25%;
    padding: .5rem .25rem 0;
}

.c-4col--pT05-pW025:nth-of-type(-n+4) {
    padding-top: 0;
}

/* 4カラム 余白1rem */
.c-4col--pT1-pW05 {
    width: 25%;
    padding: 1rem .5rem 0;
}

.c-4col--pT1-pW05:nth-of-type(-n+4) {
    padding-top: 0;
}

/* 5カラム
--------------------------------------*/

/* 5カラム 余白0.5rem */
.c-5col--pT05-pW025 {
    width: 20%;
    padding: .5rem .25rem 0;
}

.c-5col--pT05-pW025:nth-of-type(-n+5) {
    padding-top: 0;
}

/* 5カラム 余白1rem */
.c-5col--pT1-pW05 {
    width: 20%;
    padding: 1rem .5rem 0;
}

.c-5col--pT1-pW05:nth-of-type(-n+5) {
    padding-top: 0;
}

/*-------------------------------------
	アイテムを探す
-------------------------------------*/
.c-post01__contentWrap__start {
    padding: 2rem 3rem 2rem 1rem;
    z-index: 1;
}

/**** customize start--------------------------*/
@media screen and (min-width: 780px) {
    .c-post01__contentWrap__start {
        padding: 1rem 3rem 1rem 1rem;
    }
}

.c-post02__contentWrap__start {
    padding: .5rem 2.5rem .5rem 1rem;
    z-index: 1;
}

.c-post02__contentWrap__child {
    padding: .5rem 0 .5rem 1rem;
}

/* -------------------------- customize end ****/

/*-------------------------------------
	ニュース
-------------------------------------*/
.c-post01__contentWrap__a {}

.c-post01__contentWrap__imgWrap {
    width: 8rem;
}

.c-post01__contentWrap__txtWrap {
    width: calc(100% - 9rem);
}

/**** customize start--------------------------*/

/*-------------------------------------
	サイドバー
-------------------------------------*/
.c-post01__side__imgWrap {
    width: 6rem;
    padding-right: 1rem;
}

.c-post01__side__txtWrap {
    width: calc(100% - 6rem);
}

.c-sideCont {
    /*margin-top: 4rem;*/
}

/* -------------------------- customize end ****/


/*-------------------------------------
	矢印シリーズ
-------------------------------------*/
.c-icArrow {
    font-size: inherit;
    font-style: normal;
}

.c-icArrow--single:after {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    transform: rotate(-45deg);
    top: calc((100% - 10px) / 2);
    right: 0.75rem;
    border-color: #ccc !important;
    border-right: 1px solid;
    border-bottom: 1px solid;
}

.c-icArrow--single-wide:after {
    width: 16px;
    height: 16px;
    top: calc(50% - 8.5px);
}

.c-icArrow--single--01:after {
    border-color: #ccc !important;
}

.c-icArrow--single--02:after {
    border-right: 1px solid;
    border-bottom: 1px solid;
}

.c-icArrow--single.c-icArrow--down:after {
    transform: rotate(45deg);
}

.c-icArrow--single.c-icArrow--up:after {
    transform: rotate(-135deg);
}

.c-icArrow--single--orange01:after {
    border: 0;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-image: linear-gradient(-135deg, #ff7951, #ffda5d) 1;
}

/* 右矢印縦中央 */
.c-icArrow--vMid-r:after {
    top: 50%;
    transform: rotate(-45deg) translateY(-50%);
}

/* アイテムを探す用調整 */
.k-findItems .c-icArrow--single-wide.c-icArrow--down:after {
    top: 3.6rem;
}

.k-findItems .c-icArrow--single-wide.c-icArrow--up:after {
    top: 4.2rem;
}

/* グローバルナビ、サーチモーダル内調整 */
.c-globalNav .c-icArrow--single.c-icArrow--down:after,
.c-searchModal .c-icArrow--single.c-icArrow--down:after,
.k-mypage .c-icArrow--single.c-icArrow--down:after {
    top: 1.1rem;
}

.c-globalNav .c-icArrow--single.c-icArrow--up:after,
.c-searchModal .c-icArrow--single.c-icArrow--up:after,
.k-mypage .c-icArrow--single.c-icArrow--up:after {
    top: 1.7rem;
}

/* 住所新規登録 */
.c-addAddressBtn::after {
    top: 50%;
    right: 2rem;
    transform: translateY(-50%) rotate(45deg);
}

/*--------------------------------------
	グローバルナビ内
--------------------------------------*/
.c-globalNav__btn--close {
    display: block;
}

.c-globalNav__btn--close::before,
.c-globalNav__btn--close::after {
    content: '';
    position: absolute;
    display: block;
    height: 6%;
    background-color: #FFF;
    top: 47%;
    left: 15%;
    width: 70%;
}

.c-globalNav__btn--close::before {
    transform: rotate(45deg);
}

.c-globalNav__btn--close::after {
    transform: rotate(-45deg);
}

.c-noticeMark {
    background-color: #F00;
    border-radius: 50%;
    color: #FFF;
    display: block;
    font-size: 11px;
    height: 2rem;
    line-height: 2rem;
    text-align: center;
    width: 2rem;
}

/*.c-globalNav__notice__content {
	border-top: 1px solid #999;
    border-image: linear-gradient(90deg,#ff7951,#ffda5d)1;

}*/
.c-globalNav__notice__caution {
    background-color: #fff0f0;
}

.c-globalNav__notice__content__a {
    display: block;
    line-height: 1.5rem;
    padding: 1.5rem 2rem;
}

/**** customize start--------------------------*/
.ec-layoutRole__main .c-globalNav__notice__content {
    border: 1px solid #eee;
    margin: .75rem 0;
}

.ec-layoutRole__main.c-globalNav__notice__caution {
    border: none !important;
}

.ec-layoutRole__main .c-globalNav__notice__content__a {
    padding: 1.5rem 2rem;
}

/* 商品ページテキストリンク */
.p-detail__panel__main a {
    text-decoration: underline;
}

/* -------------------------- customize end ****/

.c-favItemsWrap_imgWrap {
    width: 3.5rem;
    margin-right: .5rem;
}

.c-favItemsWrap__txt {
    width: calc(100% - 4rem);
}

/*--------------------------------------
	サーチモーダル内
--------------------------------------*/
.c-popKeywords__ic:before {
    background-color: #FFF;
    border: 1px solid #CCC;
    border-radius: 50%;
    bottom: 50%;
    display: block;
    height: 2rem;
    left: .5rem;
    line-height: 2rem;
    margin: auto 0;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 2rem;
}

.c-popKeywords__li:nth-child(1) .c-popKeywords__ic:before {
    color: #FFF;
    content: '1';
    background-color: #D0AA5C;
}

.c-popKeywords__li:nth-child(2) .c-popKeywords__ic:before {
    color: #FFF;
    content: '2';
    background-color: #A4A4A4;
}

.c-popKeywords__li:nth-child(3) .c-popKeywords__ic:before {
    color: #FFF;
    content: '3';
    background-color: #886635;
}

.c-popKeywords__li:nth-child(4) .c-popKeywords__ic:before {
    content: '4';
}

.c-popKeywords__li:nth-child(5) .c-popKeywords__ic:before {
    content: '5';
}

.c-popKeywords__li:nth-child(6) .c-popKeywords__ic:before {
    content: '6';
}

.c-popKeywords__li:nth-child(7) .c-popKeywords__ic:before {
    content: '7';
}

.c-searchModal__btn--close {
    position: relative;
    display: block;
    cursor: pointer;
}

.c-searchModal__btn--close::before,
.c-searchModal__btn--close::after {
    content: '';
    position: absolute;
    display: block;
    height: 6%;
    background-color: #FFF;
    top: 47%;
    left: 15%;
    width: 70%;
}

.c-searchModal__btn--close::before {
    transform: rotate(45deg);
}

.c-searchModal__btn--close::after {
    transform: rotate(-45deg);
}

/*------------------------------------
	商品画像モーダル
------------------------------------*/
.c-itemPage__slideWrap.js-active .c-imagesThumb__ic,
.c-itemPage__slideWrap.js-active .c-itemPage__fav {
    display: none;
}

/*------------------------------------
	ページネーション
------------------------------------*/
.c-pageNation {
    width: 100%;
    padding: 0 1rem;
    margin-top: 2rem;
}

.c-pageNation__prev,
.c-pageNation__next {
    padding: 0 .5rem;
}

.c-pageNation__list__a {
    background-color: #FFF;
    text-decoration: none;
    padding: .5rem .75rem;
    display: block;
    border: solid 1px #ccc;
    transition: .3s;
    color: #808080;
}

.c-pageNation__list__a--backward,
.c-pageNation__list__a--forward {
    padding: .5rem 0.5rem;
}

.c-pageNation__list__a:hover {
    color: #FFF;
    background-color: #F7851E;
    border: solid 1px #F7851E;
    opacity: .7;
}

.c-pageNation__list__current {
    background-color: #F7851E;
    border: solid 1px #F7851E;
    color: #FFF;
    padding: .5rem 0.75rem;
    display: block;
}

/*------------------------------------
	検索
------------------------------------*/
.c-termUl {
    margin-left: -0.5rem;
}

.c-termUl__li {
    vertical-align: middle;
    padding: 0.25rem 0.5rem;
    background-color: #fff;
}

.c-termUl__li__del {
    color: #969696;
    cursor: pointer;
    display: inline-block;
    margin-left: 1rem;
    font-size: 1.5rem;
    vertical-align: middle;
}

.c-button.c-button--orangeBorder {
    border: 1px solid;
    border-image: linear-gradient(90deg, #ff7951, #ffda5d) 1;
}

.c-searchInputWithSubmit__input {
    width: calc(100% - 40px);
    height: 40px;
}

.c-refineSearch__fixedBtn {
    position: fixed;
    bottom: 3%;
    right: 3%;
    border-radius: 100%;
    display: block;
    background-color: #fff;
    z-index: 30;
    width: 60px;
    height: 60px;
    color: #f7931e;
    font-size: 10px;
    text-align: center;
    padding-top: 32px;
    box-shadow: 0 0 3px 1px #aaa;
    pointer-events: auto;
    cursor: pointer;
}

.c-icSearch {
    border-radius: 100%;
    border: 1px solid #f7931e;
    position: absolute;
    display: block;
    width: 12px;
    height: 12px;
}

.c-refineSearch__fixedBtn .c-icSearch {
    top: 10px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

/* 商品検索モーダル
---------------------------------------*/
.c-refineSearch__1stWrap,
.c-refineSearch__2stWrap {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .7);
    z-index: 100;
}

.c-refineSearch__inner {
    background-color: #fff;
    width: 100%;
    height: 100%;
    position: absolute;
}

.c-refineSearch__item {
    min-height: 63px;
    padding: 1rem 1rem 1rem 1.5rem;
    cursor: pointer;
}

.c-refineSearch__item__name {
    width: 32%;
}

.c-refineSearch__item__value {
    width: 68%;
    padding-left: 1rem;
}

.c-refineSearch__item.c-icArrow--rightSingle {
    padding: 1rem 3rem 1rem 1.5rem;
}

.c-icArrow--rightSingle::after {
    content: '';
    border-right: 1px solid;
    border-bottom: 1px solid;
    transform: rotate(-45deg);
    position: absolute;
    top: calc(50% - 5px);
    right: 2rem;
    width: 10px;
    height: 10px;
}

.c-refineSearch__item.c-icArrow--rightSingle::after {
    border-image: linear-gradient(90deg, #ff7951, #ffda5d) 1;
    border-top: 0;
    border-left: 0;
}

.c-refineSearch__price {
    width: calc(50% - 1em);
    border-radius: 5px;
    background-color: #e6e6e6;
    display: inline-block;
    padding: 5px;
}

.c-refineSearch__price__input {
    border: none;
    background-color: #e6e6e6;
    width: calc(100% - 1em);
    max-width: 100%;
    padding: 0.2rem 0 0.3rem;
    -moz-appearance: textfield;
}

.c-refineSearch__item__value.c-selectWrap {
    /*padding: 0 1.5rem 0 0;*/
    padding: 0;
    margin-left: 1rem;
    width: calc(65% - 1em);
}

.c-refineSearch__deli {
    -moz-appearance: textfield;
    -webkit-appearance: none;
    appearance: none;
    /*height: 2.5rem;*/
    border: 0;
}

.c-refineSearch__footer,
.c-refineSearch__footer2nd {
    height: 70px;
}

.c-refineSearch__footer__clear .c-button {
    padding: .8rem 0;
}

.c-refineSearch__footer__submit .c-button {
    padding: .9rem 0;
}

/* 2段目 */
@media screen and (max-width: 779px) {
    .js-modalAction--slideRightT>.js-modalAction__inner {
        position: absolute;
        transition-property: right;
        right: -100%;
        width: 100%;
    }
}

.c-refineSearch__2ndWrap {
    position: fixed;
    top: 0;
    z-index: 100;
    min-height: 100%;
    background-color: #fff;
    left: 0;
}

.c-refineSearch__content {
    overflow: auto;
    height: calc(100% - 45px);
}

.c-refineSearch__content--existFooter {
    height: calc(100% - 115px);
}

.c-refineSearch__2ndWrap .c-refineSearch__item {
    min-height: 50px;
}

.c-refineSearch__item__child {
    min-height: 36px;
    padding: .5rem 5rem .5rem 2rem;
}

.c-refineSearch__item__child:not(:last-of-type) {
    border-bottom: solid 1px #CCC;
}

.c-refineSearch__item__child::after {
    transform: rotate(45deg) translateY(-50%);
}

.c-refineSearch__item__child__img {
    width: 36px;
}

.c-refineSearch__item__child__name {
    width: calc(100% - 36px);
    padding-left: 10px;
}

.c-refineSearch__particular__tit {
    padding: .2rem 1rem;
}

.c-refineSearch__particular__det,
.c-refineSearch__taste__det {
    padding: 1.5rem;
}

.c-refineSearch__color__wrap {
    width: 300px;
    margin: 0 auto;
}

.c-refineSearch__color__item {
    width: 40px;
    height: 40px;
    margin: 10px;
    position: relative;
    vertical-align: middle;
}

/* カラー */
.c-refineSearch__color__item--01 {
    background-color: #d63c4f;
}

.c-refineSearch__color__item--02 {
    background-color: #f7931e;
}

.c-refineSearch__color__item--03 {
    background-color: #f2e322;
}

.c-refineSearch__color__item--04 {
    background-color: #8ec939;
}

.c-refineSearch__color__item--05 {
    background-color: #2b89d6;
}

.c-refineSearch__color__item--06 {
    background-color: #8254b2;
}

.c-refineSearch__color__item--07 {
    background-color: #f991c0;
}

.c-refineSearch__color__item--08 {
    background-color: #d8bc75;
}

.c-refineSearch__color__item--09 {
    background-color: #825530;
}

.c-refineSearch__color__item--10 {
    background-color: #000000;
}

.c-refineSearch__color__item--11 {
    background-color: #666666;
}

.c-refineSearch__color__item--12 {
    background-color: #999999;
}

.c-refineSearch__color__item--13 {
    background: linear-gradient(35deg, #bc9f4b, #efd85f, #bc9f4b);
}

.c-refineSearch__color__item--14 {
    background: linear-gradient(35deg, #959fa0, #dae9e7, #959fa0);
}

.c-refineSearch__color__item--15 {
    background: linear-gradient(35deg, #ff0000, #ff7e00, #eeff00, #45ff00, #0049ff, #af00ff, #ff0000);
    text-shadow: 0 0 2px #000;
}

/* カラーここまで */
.c-refineSearch__taste__det__item__name {
    width: calc(100% - 20px - .5rem);
}

.c-refineSearch__2ndWrap .c-icArrowAf::after {
    right: 2rem;
    top: calc(50% - 2px);
}

.c-refineSearch__2ndWrap .c-icArrowAf--up::after {
    right: 2rem;
    top: calc(50% - 4px);
}

/* 絞込み検索モーダル
---------------------------------------*/
.c-narrowingSearch__Wrap {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .7);
    z-index: 100;
}

.c-narrowingSearch__inner {
    background-color: #fff;
    width: 100%;
    height: 100%;
    position: absolute;
}

.js-modalAction--slideRightT>.js-modalAction__inner.c-narrowingSearch__inner {
    width: calc(100% - 3em - 1rem);
    max-width: 450px;
}

.c-narrowingSearch__content {
    overflow: auto;
    height: calc(100% - 115px);
}

.c-narrowingSearch__item {
    min-height: 63px;
    cursor: pointer;
}

.cart_novelty .c-previewModalWrap,
.cart_novelty .c-preview2ndModalWrap {
    /*background-color: transparent;*/
}

.c-preview2nd--exampleContent {
    /*height: calc( 100% - 15rem );*/
    height: calc(100% - 12.5rem);
    overflow: auto;
}

.c-preview2nd--exampleList li {
    border-bottom: 1px solid #ccc;
}

.c-preview2nd--exampleList li:last-child {
    border-bottom: none;
}

/*------------------------------------------------
	人気ランキング
------------------------------------------------*/
.c-titleAndButton {
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    padding: 1rem;
}

.c-titleAndButton__button {
    background-color: #fff;
    border: 1px solid #aaa;
    color: #ccc;
    display: block;
    padding: .5rem;
    position: relative;
    text-decoration: none;
    width: 60%;
}

.c-titleAndButton__button::after {
    border-right: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    content: '';
    width: 10px;
    height: 10px;
    position: absolute;
    right: .5rem;
    transform: rotate(-45deg);
    top: calc((100% - 10px) / 2);
}

.c-rankRefineParent.c-icArrow--down::after {
    top: 1.1rem;
}

.c-rankRefineParent.c-icArrow--up::after {
    top: 1.8rem;
}

.c-rankingItemSearchClose:not(:last-of-type) {
    border-bottom: solid 1px #CCC;
}

/*------------------------------------------------
	購入履歴（発送前）
------------------------------------------------*/
.c-slideModal {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .5);
    z-index: 100;
    /* padding-top: calc(100vh - 50vh); */
}

.c-purHist__deliveryItem:not(:first-of-type) {
    margin-top: 1rem;
}

.c-refineSearch__header {
    border-bottom: solid #CCC 1px;
}

/*------------------------------------------------
	お届け先選択
------------------------------------------------*/
.c-deliveryModal {
    z-index: 103;
}

.c-multiAddress:not(:first-of-type) {
    margin-top: 1rem;
}

/*------------------------------------------------
	返品
------------------------------------------------*/
.c-button.c-pageNav__btn {
    height: 40px;
    line-height: 40px;
    padding: 0;
    text-align: center;
}

/*------------------------------------------------
	会員ページ
------------------------------------------------*/

/* datepicker
------------------------------------------------*/
#ui-datepicker-div {
    min-width: 270px;
    border: 1px solid #ff7951;
    background-color: rgba(255, 255, 255, 0.9);
    display: none;
    z-index: 10 !important;
}

#ui-datepicker-div .ui-datepicker-header {
    background: linear-gradient(90deg, #ff7951, #ffda5d);
}

/**** customize start--------------------------*/

#ui-datepicker-div .ui-datepicker-prev,
#ui-datepicker-div .ui-datepicker-next {
    position: absolute;
    top: 5px;
    width: 26px;
    height: 26px;
    text-indent: -9999em;
    background: rgba(255, 255, 255, 0.5);
}

#ui-datepicker-div .ui-datepicker-prev:after,
#ui-datepicker-div .ui-datepicker-next:after {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    right: 1rem;
    border-right: 1.5px solid;
    border-bottom: 1.5px solid;
    border-left: none;
    border-top: none;
    top: calc((100% - 10px) / 2);
}

#ui-datepicker-div .ui-datepicker-prev {
    left: 0;
    border-radius: 0 50% 50% 0;
    cursor: pointer;
    z-index: 10;
}

#ui-datepicker-div .ui-datepicker-prev:after {
    transform: rotate(135deg);
    left: .9rem;
}

#ui-datepicker-div .ui-datepicker-next {
    right: 0;
    border-radius: 50% 0 0 50%;
    cursor: pointer;
    z-index: 10;
}

#ui-datepicker-div .ui-datepicker-next:after {
    transform: rotate(-45deg);
}

#ui-datepicker-div .ui-datepicker-title {
    color: #fff;
    text-align: center;
    height: 38px;
    line-height: 38px;
    font-weight: bold;
    font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic", "Segoe UI", Verdana, Meiryo, sans-serif;
    font-size: 1.3rem;
}

#ui-datepicker-div .ui-datepicker-year {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    margin-right: 0.5em;
    background-color: #fff !important;
    font-size: 1.2rem;
    color: #333;
    padding: 2px .8em 2px .3em;
    line-height: 1.4;
    border-radius: 0;
    border: 1px solid rgb(162, 162, 162);
    font-weight: 500;
}

#ui-datepicker-div .ui-datepicker-month {
    margin-left: 0.5em;
}

#ui-datepicker-div .ui-datepicker-calendar {
    width: 100%;
    border-collapse: separate;
    border-spacing: 2px;
    margin: 0;
    border: 1px solid #fff;
    font-size: 1.2rem;
}

#ui-datepicker-div .ui-datepicker-calendar th {
    font-weight: normal;
    background-color: #e1e1e1;
    font-size: 1.2rem;
    color: #606060;
    padding: .5em .9em;

    text-align: center;
}

#ui-datepicker-div .ui-datepicker-calendar td {
    text-align: center;
}

#ui-datepicker-div .ui-datepicker-calendar td a {
    display: block;
    text-decoration: none;
    color: #666;
    padding: .6em .5em;
}

#ui-datepicker-div .ui-datepicker-calendar td>span {
    display: block;
    text-decoration: none;
    color: #666;
    padding: .6em .5em;
    opacity: 0.5;
    -webkit-opacity: 0.5;
}

#ui-datepicker-div .ui-datepicker-calendar td.ui-datepicker-week-end a {
    background-color: #fabab5;
    color: #fff;
}

#ui-datepicker-div .ui-datepicker-calendar td.ui-datepicker-week-end:nth-child(7n) a {
    background-color: #badae5;
    color: #fff;
}

#ui-datepicker-div .ui-datepicker-calendar td a.ui-state-highlight {
    color: #ff7951;
    font-weight: bold;
    font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic", "Segoe UI", Verdana, Meiryo, sans-serif;
}

table.ui-datepicker-calendar td {
    border: none;
    padding: 0;
}

#ui-datepicker-div .ui-datepicker-calendar td a.ui-state-active,
#ui-datepicker-div .ui-datepicker-calendar td.ui-datepicker-week-end a.ui-state-active {
    box-shadow: 0 0 0 1px #ff7951 inset;
    background-color: #fff;
    color: #ff7951;
}

/* -------------------------- customize end ****/

/*------------------------------------------------
	大カテゴリ－TOP
------------------------------------------------*/
.is-slideContents .c-post01__contentWrap__a {
    padding: 1rem 2rem;
}

/*------------------------------------------------
	シリーズ詳細 テイスト詳細
------------------------------------------------*/
.c-categorySummary__announce {
    padding: 0 .5rem
}

/*------------------------------------------------
	住所
------------------------------------------------*/
.c-get-address {
    display: block;
    line-height: 1.7;
    background-repeat: no-repeat;
    text-decoration: none;
}

.c-get-address--location {
    background-image: url(../img/cart/icon-location.svg);
    background-size: 11px 16px;
    background-position: right top 1px;
    padding-right: 15px;
}

.c-get-address--post-code {
    background-image: url(../img/cart/icon-new-window.svg);
    background-size: 14px 14px;
    background-position: right top 3px;
    padding-right: 18px;
}

/* 備品一覧 */
.c-spareItemList {
    display: flex;
    display: -webkit-flex;
    overflow-y: hidden;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
}

.c-spareItemList__item {
    width: 22vw;
    min-width: 22vw;
}

.c-spareItemListWrap--history .c-spareItemList__item {
    width: 18vw;
    min-width: 18vw;
}


/* 商品詳細ページや無料特典など　ポップアップ内での画像一覧 */
.c-cartPageImgMoreDt {}

.c-cartPageImgMore {
    width: calc(100% + 0.5rem);
    margin-left: -0.5rem;
}

.c-cartPageImgMore__item {
    width: calc(50% - 0.5rem);
    margin-top: 0.5rem;
    margin-left: 0.5rem;
}

.c-cartPageImgMore__img {
    border: 1px solid #ccc;
}

.slick-prev--topTxt,
.slick-next--topTxt {
    position: absolute;
    top: 0;
}

.slick-prev--topTxt {
    left: 1rem;
}

.slick-next--topTxt {
    right: 1rem;
}


/* カテゴリ・シリーズページ（簡易版テンプレ） */
.c-copyText {
    margin-top: 2rem;
    padding: 0 2rem;
}

.c-catTmp {
    margin-bottom: 4rem;
}

.c-seriesItems {
    margin-top: 4rem;
}


/* 知っ得コンテンツ */
.c-articleWrap--L {
    padding: 4rem 0;
    font-size: 1.6rem;
}

.c-articleWrap--M,
.c-articleLinks,
.c-articleLinksTop {
    margin: 6rem 1rem 0 1rem;
}

.c-articleTtl--M {
    font-size: 2.1rem;
    font-weight: bold;
    font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic", "Segoe UI", Verdana, Meiryo, sans-serif;
    margin: 0 0 2rem 0;
    border-bottom: solid 1px;
    border-image: linear-gradient(-135deg, #ff7951, #ffda5d) 1;
    padding-bottom: 1rem;
}

.c-articleWrap--S,
.c-article1PointWrap {
    margin: 3rem 0 0 0;
}

.c-articleTtl--S {
    font-weight: bold;
    font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic", "Segoe UI", Verdana, Meiryo, sans-serif;
    border-left: 1rem solid #f7931e;
    padding: 0 0 0 1rem;
    margin: 0 0 1rem 0;
}

.c-article1Point {
    display: inline-block;
    background-color: #ff7951;
    color: #fff;
    margin-bottom: 1rem;
    padding: 0.5rem;
    border-radius: 2px;
}

.c-articleLinks {
    padding: 2rem;
    background-color: #f5f5f5;
}

.c-articleLinks .c-articleUL__li a {
    color: #F7851E;
}

.c-articleUL__li:first-child() {
    margin: 0;
}

.c-articleTable {
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    width: 100%;
}

.c-articleTable__th,
.c-articleTable__td {
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: .75rem 1rem;
}

.c-articleTable__th {
    background-color: #eee;
}

/*
  block_product_listで指定した商品の人気ランキング
  class_name:'ranking-block_product_list'を指定する
  {{ render(path('block_product_list', { path:'', code:'', class_name:'ranking-block_product_list'})) }}
*/
.ranking-block_product_list {
    counter-reset: ranking;
}

.ranking-block_product_list .c-itemList__item .c-itemList__item__a {
    display: block;
    position: relative;
}

.ranking-block_product_list .c-itemList__item .c-itemList__item__a::after {
    counter-increment: ranking;
    content: counter(ranking);
    position: absolute;
    top: .5rem;
    left: .5rem;
    z-index: 1;
    color: #999;
    background: #FFF;
    border: 1px solid #999;
    display: inline-block;
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    font-size: 1.8rem;
    border-radius: 50%;
    text-align: center;
}

.ranking-block_product_list .c-itemList__item:nth-of-type(1) .c-itemList__item__a::after {
    background: linear-gradient(45deg, #bc9f4b, #efd85f, #bc9f4b);
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .5);
    color: #FFF;
}

.ranking-block_product_list .c-itemList__item:nth-of-type(2) .c-itemList__item__a::after {
    background: linear-gradient(45deg, #959fa0, #dae9e7, #959fa0);
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .5);
    color: #FFF;
}

.ranking-block_product_list .c-itemList__item:nth-of-type(3) .c-itemList__item__a::after {
    background: linear-gradient(45deg, #c18263, #cb9968, #c18263);
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .5);
    color: #FFF;
}

.ranking-block_product_list .c-itemList__item__a>div>img {
    border: solid 1px #CCC;
}

.ranking-block_product_list .c-itemList__itemprice {
    color: #F7851E;
}

/*------------------------------------------------------
  scroll.jsで利用するアニメーション用CSS
------------------------------------------------------*/
/* FadeIn */
.anime-scrollFadeIn {
    opacity: 0;
}

.anime-scrollFadeIn.is-active {
    animation: anime-fadeIn 0.8s linear 0s 1 normal;
    opacity: 1;
}

@keyframes anime-fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

/* Expand */
.anime-scrollExpand.is-active {
    animation: anime-expand 0.8s ease-in-out 0s 1 normal;
}

@keyframes anime-expand {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    10% {
        -webkit-transform: scale(0.6);
        transform: scale(0.6);
    }

    40% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

/* slideL */
.anime-scrollSlideL {
    position: relative;
    left: -60px;
    top: 0;
}

.anime-scrollSlideL.is-active {
    animation: anime-slideL 0.8s ease-in-out 0s 1 normal;
    left: 0;
}

@keyframes anime-slideL {
    0% {
        left: -60px;
    }

    100% {
        left: 0;
    }
}

/* slideD */
.anime-scrollSlideD {
    opacity: 0;
    transform: translateY(60px);
    transition: all 1s;
}

.anime-scrollSlideD.is-active {
    opacity: 1;
    transform: translateY(0);
}


.anime-scrollSlideL.anime-scrollFadeIn.is-active {
    animation: anime-slideL 0.8s ease-in-out 0s 1 normal, anime-fadeIn 0.8s ease-in-out 0s 1 normal;
    left: 0;
}

/* ZoomIn */
.anime-ZoomIn.is-active {
    animation: anime-zoomIn 0.4s ease-in-out 0s 1 normal;
}

@keyframes anime-zoomIn {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

/* delay */
.anime-delayM.is-active {
    animation-delay: 0.4s !important;
}

/*------------------------------------------------------
  お客様サポート-よくある質問-_カテゴリ共通ページ
------------------------------------------------------*/
/* お客様サポート_共通
------------------------------------------------------*/
.c-support--heading01 {
    border-left: solid 4px #f7931e;
    padding: 0.2rem 1.5rem;
    margin-bottom: 4rem;
    font-size: 1.8rem;
}

.c-support--heading02 {
    background-color: #e3e3e3;
    padding: 1rem;
    line-height: 1.2em;
    font-size: 1.6rem;
}

/* お客様サポート_FAQ
------------------------------------------------------*/
.c-support-faq {
    margin: 0 1rem;
}

/* カテゴリ一覧 */
.c-faq__nav {
    font-size: 1.4rem;
}

.c-faq__nav-item {
    height: 7rem;
    padding-left: 1%;
}

.c-faq__nav-item--select {
    border: solid 1px #f7931e;
}

.c-faq__nav-item--unselect {
    border: solid 1px #cccccc;
}

.c-support-faq__nav-ttl {
    border-left: solid 2px #f7931e;
}

.c-faq__nav-item__link {
    width: 100%;
    height: 100%;
}

/* 質問一覧 */
.c-support-faq__list__Qlist {
    font-size: 1.5rem;
}

.c-support-faq__list__item {
    padding: 1rem 1.5rem 1rem 0;
}

.c-support-faq__list__wrap {
    margin-bottom: 6rem
}

/* Q&A */
.c-support-faq__main__QandAwrap {
    font-size: 1.5rem;
}

.c-support-faq__main__Q {
    margin-bottom: 1rem;
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
}

.c-support-faq__main__Q--q {
    color: #666666;
    font-weight: bold;
    display: block;
    width: 4%;
    font-size: 1.6rem;
}

.c-support-faq__main__Q--qtext {
    font-weight: bold;
    font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic", "Segoe UI", Verdana, Meiryo, sans-serif;
    display: block;
    width: 96%;
    font-size: 1.5rem;
}

.c-support-faq__main__A {
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
}

.c-support-faq__main__A--a {
    color: #F7851E;
    font-weight: bold;
    display: block;
    width: 4%;
    font-size: 1.7rem;
}

.c-support-faq__main__A--atext {
    display: block;
    width: 96%;
    font-size: 1.5rem;
}

/* 営業時間バナー */
.c-contact-box {
    max-width: 540px;
    width: 100%;
    border: solid 1px #CACACA;
}

.c-contact-box__top {
    background-color: #969696;
}

.c-contact-box__top__p {
    font-size: 14px;
    text-align: center;
    font-weight: bold;
    line-height: 1.8;
    color: #FFFFFF;
}

.c-contact-box__bottom {
    padding: 5px 20px;
}

.c-contact-box__bottom__dial {
    padding-left: 29px;
    font-size: 16px;
    line-height: 20px;
    background-image: url(https://image.piary.jp/uploads/support/faq/icon-freedial.svg);
    background-repeat: no-repeat;
    background-size: 25px 16px;
    background-position: left center;
}

.c-contact-box__bottom__freedial {
    border-right: #CACACA 1px solid;
}

@media screen and (min-width:680px) {
    .c-contact-box__bottom__dial {
        text-decoration: none !important;
        pointer-events: none;
        cursor: default;
    }

    .c-contact-box__top__p__span {
        margin-left: 1em;
    }
}

.c-contact-box__bottom__time {
    color: #646464;
    font-size: 11px;
    line-height: 16px;
    padding-right: 20px;
    margin-left: 20px;
    padding: 5px 20px 5px 0;
}

.c-contact-box__bottom__mail {
    font-size: 13px;
    padding-top: 20px;
    margin-left: 20px;
    background-image: url(https://image.piary.jp/uploads/support/faq/icon-mail.svg);
    background-repeat: no-repeat;
    background-size: 17px 13px;
    background-position: top center;
    display: block;
}

/*------------------------------------------------------
  総合TOP カテTOP 特集
------------------------------------------------------*/
a.c-specialBlock__item__link {
    display: block;
    position: relative;
    transition: opacity .3s;
}

a.c-specialBlock__item__link::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 60%;
    top: 40%;
    left: 0;
    z-index: 2;
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 50%, transparent);
}

a.c-specialBlock__item__link:hover {
    opacity: .7;
}

.p-specialBlock__item__img {
    width: 100%;
    z-index: 1;
    position: relative;
}

.c-specialBlock__item__txtwrap {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 3;
}

.p-specialBlock__item__txtwrap {
    width: 100%;
}

.c-specialBlock__item__ttl,
.c-specialBlock__item__desc {
    color: #FFF;
    letter-spacing: 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.c-specialBlock__item__ttl {
    -webkit-line-clamp: 1;
    text-align: center;
    font-weight: bold;
    font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic", "Segoe UI", Verdana, Meiryo, sans-serif;
}

.c-specialBlock__item__desc {
    -webkit-line-clamp: 2;
    word-break: break-word;
}

/*------------------------------------------------------
  総合TOP カテTOP トピック
------------------------------------------------------*/
.c-bnrBlock__item__ttl {
    text-align: center;
}

a.c-bnrBlock__item__link {
    display: block;
    transition: opacity .3s;
}

a.c-bnrBlock__item__link:hover {
    opacity: .7;
}

/* colorbox 画像ポップアップ */
.c-optionDrawerClose {
    display: block;
    width: 28px;
    height: 28px;
    border-radius: 5px;
    background-color: rgba(0, 0, 0, 1);
    position: absolute;
    top: 4px;
    right: 4px;
}

.c-optionDrawerClose::before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    border-top: 1px solid #fff;
    transform: rotate(45deg);
    position: absolute;
    top: calc(50% - 4px);
    left: calc(50% - 20px);
}

.c-optionDrawerClose::after {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    border-top: 1px solid #fff;
    transform: rotate(135deg);
    position: absolute;
    top: calc(50% - 20px);
    left: calc(50% - 20px);
}

/*------------------------------------------------------
  Yotpo修正
------------------------------------------------------*/
/* Real Reviews From Real Customers 消す
----------------------------------------------------*/
.yotpo-reviews-carousel .carousel-display-wrapper #carousel-top-panel .headline {
    visibility: hidden;
}

/* レビュータイトル消す
----------------------------------------------------*/
.yotpo .yotpo-reviews .yotpo-review .yotpo-main .content-title,
.yotpo-reviews-carousel .carousel-display-wrapper .yotpo-carousel .carousel-review-title,
.yotpo-grouping-reference,
.yotpo-footer {
    display: none;
}

.yotpo-reviews-carousel .carousel-display-wrapper .stars-container {
    margin-bottom: 10px;
}

.yotpo-carousel a.product-link-container {
    width: 89px;
    display: block;
}

/* サイトのデザインと合うように修正
----------------------------------------------------*/
.yotpo .yotpo-label .yotpo-logo-link-new>*,
.yotpo .yotpo-label .yotpo-logo-link-new:hover>*,
.yotpo.yotpo-main-widget .yotpo-label .yotpo-logo-link-new .yotpo-logo-title {
    color: #F0F0F0;
}

.yotpo .yotpo-label .yotpo-logo-link-new .yotpo-icon-btn-big {
    font-size: 15px;
    margin-top: 3px;
}

.yotpo.yotpo-main-widget .yotpo-label .yotpo-logo-link-new .yotpo-logo-title {
    margin-top: 3px;
}

.yotpo.yotpo-main-widget .yotpo-label .yotpo-logo-link-new .yotpo-icon-btn-big {
    font-size: 15px;
    padding: 5px;
    margin-top: 0;
}

#yotpo-testimonials-custom-tab .yotpo .yotpo-label .yotpo-logo-link-new .yotpo-icon-btn-big {
    font-size: 15px;
    color: #F0F0F0;
    margin-top: 0;
    padding-top: 16px;
}
.yotpo-display-wrapper a.text-m,
.yotpo-distibutions-sum-reviews{
    text-decoration: underline!important;
}

/* 購入確認済 消す
----------------------------------------------------*/
.yotpo-user-name+.label-with-tooltip {
    visibility: hidden;
}

/* レビューカルーセル ご購入者様 消す
----------------------------------------------------*/
.carousel-review-author {
    visibility: hidden;
}

/* レビュー一覧 商品カルーセル 星修正
----------------------------------------------------*/
.yotpo-lightbox.yotpo-lightbox-new.yotpo .yotpo-modal.yotpo-modal-active .yotpo-lightbox-container .yotpo-review .yotpo-header .yotpo-icon-profile+.yotpo-header-element {
    position: static;
}

/* モーダルYotpoロゴ
----------------------------------------------------*/
.yotpo-lightbox.yotpo-lightbox-new.yotpo .yotpo-display-wrapper .yotpo-modal.yotpo-modal-active .yotpo-lightbox-container .yotpo-label .yotpo-logo-bg-white {
    background-color: #F0F0F0 !important;
    font-size: 10px;
    padding: 7px 5px 6px 5px;
}

/* yotpo-reviews-carousel 余分な横スクロール無し
----------------------------------------------------*/
.yotpo.yotpo-reviews-carousel {
    overflow: hidden;
}

/* レビューカルーセルの矢印「＜」の間をあける
----------------------------------------------------*/
.yotpo_previous {
    padding-right: 15px !important;
    padding-left: 10px !important;
}

/* レビューカルーセルの矢印「＞」の間をあける
----------------------------------------------------*/
.yotpo_next {
    padding-left: 15px !important;
}

/*------------------------------------------------------
  もっと見るボタン
------------------------------------------------------*/
.c-moreBtn,
.c-searchBtn {
    display: block;
    text-align: center;
    position: relative;
    line-height: 1.3;
    border-radius: .8rem;
    color: #F7851E;
    transition: opacity .3s;
    position: relative;
    background: linear-gradient(90deg, #ff7951, #ffda5d);
}

.c-moreBtn:hover,
.c-searchBtn:hover {
    opacity: .7;
}

.c-moreBtn::before,
.c-searchBtn::before {
    content: "";
    position: absolute;
    top: .1rem;
    bottom: .1rem;
    left: .1rem;
    right: .1rem;
    z-index: 0;
    border-radius: .7rem;
    background-color: #fff;
}

.c-moreBtn::after {
    content: "";
    position: absolute;
    width: 1rem;
    height: 1rem;
    top: calc((100% - 1.2rem) / 2);
    right: 1rem;
    border-right: .1rem solid;
    border-bottom: .1rem solid;
    border-image: linear-gradient(-135deg, #ff7951, #ffda5d) 0 1 1 0;
    transform: rotate(-45deg);
    z-index: 2;
}

.c-moreBtn__txt,
.c-searchBtn__txt {
    position: relative;
    z-index: 1;
}

.p-moreBtn {
    font-size: 1.4rem;
    padding: 1rem 0;
    width: 25rem;
    margin: 4rem auto 0;
}

/* 大きいサイズ */
.p-moreBtn--large {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.p-moreBtn__txt--large {
    font-size: 1.6rem;
}

/* 小さいサイズ */
.p-moreBtn--small {
    width: 20rem;
    padding: 1rem 0;
    margin: 2rem auto 0;
}

.p-moreBtn__txt--small {
    font-size: 1.2rem;
}

/* 幅広サイズ */
.p-moreBtn--long {
    width: 30rem;
}

/* 矢印無し */
.c-moreBtn--noarrow::after {
    width: 0;
    height: 0;
    border: none;
}

/* 絞り込み検索 */
.c-searchBtn {
    color: #000;
}

.p-searchBtn {
    font-size: 1.4rem;
    padding: 1rem 0;
}

/* 購入完了ページ */
.p-moreBtn--complete {
    margin: 0 auto 4rem;
}

/* コンテンツページ商品リンク */
.p-moreBtn--item {
    width: 31rem;
    padding: 1rem 3rem;
    margin: 2rem auto 4rem;
}

/* 連続したリンク */
.p-moreBtn--conse {
    width: 32rem;
    padding: 1rem 2rem;
    margin: 0 auto;
}

.p-moreBtn--conse:not(:last-of-type) {
    margin-bottom: 1rem;
}

/*------------------------------------------------------
  無料プレゼントリンク
------------------------------------------------------*/
.c-noveltyLink {
    display: block;
    position: relative;
    line-height: 1.3;
    color: #333;
    background: linear-gradient(90deg, rgba(255, 121, 81, 0.2), rgba(255, 195, 93, 0.2));
}

.p-noveltyLink {
    font-size: 1.4rem;
    padding: 1.2rem 1.5rem 1rem;
}

.c-noveltyLink::after {
    content: "";
    position: absolute;
    width: 1rem;
    height: 1rem;
    top: calc((100% - 1.2rem) / 2);
    right: 1rem;
    border-right: .1rem solid;
    border-bottom: .1rem solid;
    border-image: linear-gradient(-135deg, #ff7951, #ffda5d) 0 1 1 0;
    transform: rotate(-45deg);
}

/*------------------------------------------------------
  キャンペーンバナー配置スペース
------------------------------------------------------*/
.c-bnrLink,
.c-imgBnr {
    display: block;
}

.c-bnrLink__txt {
    text-decoration: underline;
    color: #000;
    line-height: 1.75;
}

.c-bnrLink__img {
    /*width: 100%;*/
}

/*------------------------------------------------------
  画像バナー
------------------------------------------------------*/
.c-imgBnr {
    display: block;
}

/*------------------------------------------------------
  予算で探す
------------------------------------------------------*/
.c-priceFindWrap {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.c-priceFind {
    width: 50%;
    border-bottom: solid .1rem #B5B5B5;
}

.c-priceFind:nth-of-type(odd) {
    border-right: solid .1rem #B5B5B5;
}

.c-priceFind:nth-of-type(-n+2) {
    border-top: solid .1rem #B5B5B5;
}

.c-priceFind__link {
    display: block;
    position: relative;
    padding: 2rem;
}

.c-priceFind__link::after {
    content: "";
    position: absolute;
    border-right: .1rem solid;
    border-bottom: .1rem solid;
    border-image: linear-gradient(-135deg, #ff7951, #ffda5d) 1;
    width: 1.2rem;
    height: 1.2rem;
    transform: rotate(-45deg);
    top: calc((100% - 1rem) / 2);
    right: .75rem;
}

/*------------------------------------------------------
  会員ページ　返品
------------------------------------------------------*/
.c-returnGoodNoticeList__item {
    margin-left: 2rem;
    list-style-type: disc;
}

/*------------------------------------------------------
  ポイント注記
------------------------------------------------------*/
.c-pointNoticeList__item {
    margin-left: 2rem;
    list-style-type: disc;
}

/*------------------------------------------------------
  下部Fixedバナー
------------------------------------------------------*/
a.p-bottomFixedBnr {
    display: block;
    position: fixed;
}

.p-bottomFixedBnr__img {
    width: 100%;
}

/*------------------------------------------------------
  記事一覧
------------------------------------------------------*/
.p-articles__item {
    border-bottom: 1px solid #CCC;
}

.p-articles__item__link {
    display: block;
    position: relative;
    text-decoration: none;
    padding: 2rem 3rem 2rem 1rem;
}

.p-articles__item__link::after {
    content: "";
    position: absolute;
    width: 1.2rem;
    height: 1.2rem;
    transform: rotate(-45deg);
    top: calc((100% - 1rem) / 2);
    right: .75rem;
    border-right: .1rem solid;
    border-bottom: .1rem solid;
    border-image: linear-gradient(-135deg, #ff7951, #ffda5d) 0 1 1 0;
}

.p-articles__item__link__ttl {
    font-size: 1.4rem;
    margin-bottom: 1rem;
    font-weight: bold;
    font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic", "Segoe UI", Verdana, Meiryo, sans-serif;
}

.p-articles__item__link__desc {
    font-size: 1.2rem;
}

/*------------------------------------------------------
  ヘッダー上部テキスト 文字数が多い場合でも2行に収める
------------------------------------------------------*/
.p-headerTopTxt {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.p-headerTopTxt__inner {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1;
}

/*------------------------------------------------------
 お客様のレビュー（新）
----------------------------------------------------*/
.c-reviewCont__ttl {
    font-size: 1.6rem;
    font-weight: bold;
}

.c-reviewCont__star {
    font-size: 2.1rem;
    letter-spacing: 5px;
    margin-bottom: .5em;
    color: #fdd200;
    line-height: 1.2;
}

.c-reviewCont__txt {
    font-size: 1.2rem;
}

.c-reviewCont__list {
    margin-top: 4rem;
}

/*------------------------------------------------------
  旧サイトコンテンツ不足分移植
------------------------------------------------------*/
.p-oldReviews {
    margin-bottom: 5rem;
}

/* スライダー下テキスト
----------------------------------------------------*/
.p-oldCatchTxt {
    font-size: 1rem;
    text-align: center;
    margin-bottom: 4rem;
}

/* お客様のレビュー
----------------------------------------------------*/
.p-oldReviewWrap {
    background-color: #FEF6EC;
}

.p-oldReviews__ttl,
.p-oldWhat__ttl {
    font-size: 1.4rem;
    font-weight: bold;
    font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic", "Segoe UI", Verdana, Meiryo, sans-serif;
    margin-bottom: 2rem;
}

.p-oldReviews__txt {
    font-size: 1.2rem;
    margin-bottom: 2rem;
}

.p-oldReviewList__term {
    font-size: 1.2rem;
    font-weight: bold;
    font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic", "Segoe UI", Verdana, Meiryo, sans-serif;
    background-color: #99703D;
    color: #FFF;
    text-align: center;
    padding: .5rem 0;
    margin-bottom: 1rem;
}

.p-oldReviewList__desc {
    font-size: 1rem;
}

/* “内祝い”ってなに？
----------------------------------------------------*/
.p-oldWhat {
    margin-bottom: 5rem;
}

.p-oldWhat__item:not(:last-of-type) {
    margin-bottom: 2rem;
}

.p-oldWhat__item__ttl {
    font-size: 1.2rem;
    font-weight: bold;
    font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic", "Segoe UI", Verdana, Meiryo, sans-serif;
    background-color: #FFF5E5;
    padding: .5rem 1rem;
    margin-bottom: 1rem;
}

.p-oldWhat__item__cont,
.p-oldWhat__item__def__term,
.p-oldWhat__item__def__desc {
    font-size: 1rem;
}

.p-oldWhat__item__def {
    margin-bottom: 1rem;
}

.p-oldWhat__item__def__term {
    font-weight: bold;
    font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic", "Segoe UI", Verdana, Meiryo, sans-serif;
}

.p-oldWhat__qa:not(:first-of-type) {
    margin-top: 2rem;
}

.p-oldWhat__qa:not(:last-of-type) {
    margin-bottom: 2rem;
}

.p-oldWhat__qa__q {
    border: solid 1px #CCC;
    border-radius: .5rem;
    background-color: #FDFDFD;
    padding: 1rem 1rem 1rem 3rem;
    text-indent: -1rem;
    margin-bottom: 1rem;
    font-size: 1.1rem;
    font-weight: bold;
    font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic", "Segoe UI", Verdana, Meiryo, sans-serif;
}

.p-oldWhat__qa__q::before {
    content: "Q.";
}

.p-oldWhat__qa__a {
    border-radius: .5rem;
    background-color: #C1AD8B;
    padding: 1rem 1rem 1rem 3rem;
    text-indent: -1rem;
    color: #FFF;
    font-size: 1rem;
}

.p-oldWhat__qa__a::before {
    content: "A.";
}

/* 出産内祝い 相手別人気ランキング
----------------------------------------------------*/
.p-oldUchiBabRank,
.p-oldUchiBabPiary {
    margin-bottom: 5rem;
}

.p-oldUchiBabRank__ttl,
.p-oldUchiBabWhat__ttl,
.p-oldUchiBabPiary__ttl {
    font-size: 1.6rem;
    font-weight: bold;
    font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic", "Segoe UI", Verdana, Meiryo, sans-serif;
    margin-bottom: 2rem;
}

.p-oldUchiBabRank__desc {
    font-size: 1.4rem;
    margin-bottom: 2rem;
}

.p-oldUchiBabRank__nav {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 4rem;
}

.p-oldUchiBabRank__link {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    height: 5rem;
    padding: 0 2rem;
    position: relative;
    color: #FA0;
    background-color: #FFF;
    font-weight: bold;
    font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic", "Segoe UI", Verdana, Meiryo, sans-serif;
    border: 1px solid #FA0;

    border-radius: 1rem;
    font-size: 1.2rem;
}

.p-oldUchiBabRank__link::after {
    content: "\025bc";
    position: absolute;
    right: .5rem;
    top: 50%;
    transform: translateY(-50%);
}

.p-oldUchiBabRank__sec:not(:last-of-type) {
    margin-bottom: 5rem;
}

.p-oldUchiBabRank__sec__ttl {
    font-size: 1.4rem;
    font-weight: bold;
    font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic", "Segoe UI", Verdana, Meiryo, sans-serif;
    margin-bottom: 1rem;
}

.p-oldUchiBabRank__sec__desc {
    font-size: 1.2rem;
}

.p-oldUchiBabWhat__desc {
    font-size: 1.4rem;
    margin-bottom: 2rem;
}

.p-oldUchiBabPiary__desc,
.p-oldUchiBabWhat__def__desc {
    font-size: 1.2rem;
}

.p-oldUchiBabPiary__desc:not(:last-of-type) {
    margin-bottom: 1em;
}

.p-oldUchiBabWhat__def {
    margin-bottom: 2rem;
}

.p-oldUchiBabWhat__def__term {
    font-size: 1.4rem;
    font-weight: bold;
    font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic", "Segoe UI", Verdana, Meiryo, sans-serif;
    margin-bottom: 1rem;
}

.p-oldUchiBabWhat__link {
    display: block;
    position: relative;
    width: 28rem;
    margin: 5rem auto 0;
    text-align: center;
    padding: 1.5rem 0;
    background-color: #FFF;
    color: #FA0;
    border: solid .1rem #FA0;
    border-radius: 1rem;
}

.p-oldUchiBabWhat__link::after {
    content: "〉";
    position: absolute;
    right: .5rem;
    top: 50%;
    transform: translateY(-50%);
}


/* colorbox調整
----------------------------------------------------*/
#colorbox {
    max-width: 100%;
    max-height: 100%;
}

/* YouTube埋め込みのレスポンシブコンポーネント
--------------------------------------------*/
.c-youtubeEmbed {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

.c-youtubeEmbed__item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* LINEで送るボタン
------------------------------------------------------*/
.c-lineShare {}

.c-lineShare__img {
    width: auto !important;
}

/* TOPメンテナンス告知
----------------------------------------------------*/
.topMaintenance {
    color: #ff0000;
    border: 1px solid #ff0000;
    padding: 2rem;
    max-width: 1200px;
}

/* ヘッダーバナーエリア
----------------------------------------------------*/
.c-headBanners {
    /* display: none; */
    max-width: 800px;
    margin: 2rem auto;
}

.c-headBanners__item {
    width: calc(50% - 0.5rem);
}

/* ノベルティバナー */
.c-noveltyBn {
    background-color: #FEF6EC;
}

.c-noveltyBnBlock {
    padding: 0 1.5em;
}

.c-noveltyBnBlock__item {
    display: block;
}

.c-noveltyBnBlock__img {
    width: 100%;
    border-radius: 10px;
}

/*--------------------------------
// カテゴリTOP リニューアル 2020 青木
--------------------------------*/
.c-slick__topSlide-re20 .slick-dots li button:before {
    height: 5px;
    border: none;
    border-radius: 0;
}

.c-slick__topSlide-re20 .slick-dots li.slick-active button:before {
    background-color: #707070;
}

.c-icon__plus-minus {
    position: relative;
}
.c-icon__plus-minus::before,
.c-icon__plus-minus::after {
    content: "";
    width: 1.3rem;
    height: 0.3rem;
    background-color: #999;
    position: absolute;
    top: 50%;
    right: 1rem;
    transition: all 0.5s;
}
.c-icon__plus-minus::before {
    transform: translateY(-50%) rotate(90deg);
}
.c-icon__plus-minus::after {
    transform: translateY(-50%);
}
.c-icon__plus-minus.is-active::before {
    transform: translateY(-50%) rotate(0);
}

.c-icon__rightArrow-middle {
    position: relative;
}
.c-icon__rightArrow-middle::after {
    content: "";
    width: 1rem;
    height: 1rem;
    border-right: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
    position: absolute;
    top: 50%;
    right: 1.5rem;
    transform: translateY(-50%) rotate(-45deg);
}


.c-mainCont-re20_cateList > li p{
    display: block;
    width: 100%;
    padding: 0 1.5rem;
    position: relative;
}
.c-mainCont-re20_cateList > li.js-column__accor-list-wrapback .js-column__accor-btn a p::after,
.c-mainCont-re20_cateList > li.js-column__accor-btn a p::after{
    content: "";
    width: .7rem;
    height: .7rem;
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
    position: absolute;
    top: 40%;
    right: .2rem;
    transform: rotate(45deg) translateY(-50%);
    transition: all .3s ease;
}
.c-mainCont-re20_cateList > li.js-column__accor-list-wrapback .is-open a p::after,
.c-mainCont-re20_cateList > li.is-open a p::after{
    bottom: .6rem;
    transform: rotate(-135deg);
}
.c-mainCont-re20_cateList > li:not(.js-column__accor-btn) a p::after{
    content: "";
    width: .7rem;
    height: .7rem;
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
    position: absolute;
    top: 45%;
    right: .7rem;
    transform: rotate(-45deg) translateY(-50%);
    transition: all .3s ease;
}

/* リニューアルに伴う商品一覧のアイテム表示修正
   ※「最近チェックしたアイテム」とはHTMLの構造が異なるため、class名に注意
--------------------------------------------------------------*/
.c-mainCont-re20__itemList .c-icCircle {
    width: 3rem;
    height: 3rem;
    padding: 0.3rem;
    border-radius: 0;
}

.c-mainCont-re20__itemList .c-icCircle.u-posAbs {
    top: 0;
    left: 0;
}

.c-mainCont-re20__itemList .c-icCircle--01 {
    background: none;
    background-color: #d9b340;
}

.c-mainCont-re20__itemList .c-icCircle--02 {
    background: none;
    background-color: #6f7b83;
}

.c-mainCont-re20__itemList .c-icCircle--03 {
    background: none;
    background-color: #a15326;
}

.c-mainCont-re20__itemList .c-icCircle--04 {
    color: #fff;
    border: none;
    background-color: #000;
}

.c-mainCont-re20__itemList .c-itemList__name {
    color: #999;
}

.c-mainCont-re20__itemList .c-itemList__itemprice {
    font-weight: bold;
}

.c-mainCont-re20__itemList .u-flxMid {
    flex-direction: row-reverse;
}

.c-mainCont-re20__itemList .c-itemPrice__perOff {
    order: 2;
}

.c-mainCont-re20__itemList .yotpo .yotpo-bottomline {
    float: right !important;
    margin-right: 2rem;
}

.c-mainCont-re20__itemList .c-itemList__itemprice {
    margin-top: 0;
}


/* メインコンテンツ 共通 */
.c-favReg_dispNone .c-favReg {
    display: none;
}

.c-mainCont-re20_sec .c-title--L01 {
    text-align: center;
}

.c-mainCont-re20_sec.c-mainCont-re20_sec__ranking .text-m,
.c-mainCont-re20_sec.c-mainCont-re20_sec__checkItem .c-favReg,
.c-mainCont-re20_sec.c-mainCont-re20_sec__checkItem .text-m,
.c-mainCont-re20_sec.c-mainCont-re20__itemList .c-favReg,
.c-mainCont-re20_sec.c-mainCont-re20__itemList .text-m {
    display: none;
}

.c-mainCont-re20_sec .c-moreBtn,
.c-mainCont-re20_sec .c-moreBtn::before {
    border-radius: 0;
    background-color: transparent;
}

.c-mainCont-re20_sec .c-moreBtn {
    color: #555;
    padding: 1.5rem 0;
    background: none;
    border: 1px solid #555;
}

.c-mainCont-re20_sec .c-moreBtn::after {
    background-color: transparent;
    border-image: none;
    border-color: #555;
    right: 2rem;
}

.c-mainCont-re20_sec.c-mainCont-re20__itemList .c-itemPrice__perOff {
    font-size: 1.5rem;
    font-weight: bold;
    color: #D21F1F;
    padding-top: 0;
    background-color: transparent;
}

.c-mainCont-re20_sec.c-mainCont-re20__itemList .c-itemList__itemprice {
    font-size: 1.5rem !important;
    font-weight: bold;
    color: #000 !important;
    line-height: inherit;
    margin-top: 0;
}

/* Yotpo */
.c-mainCont-re20_sec .yotpo.bottomLine .standalone-bottomline .yotpo-icon {
    width: 13px !important;
    height: 13px !important;
}

.c-mainCont-re20_sec .yotpo.bottomLine .standalone-bottomline .yotpo-icon.yotpo-icon-star {
    background-position: -149px 0;
    background-size: 940% auto;
}

.c-mainCont-re20_sec .yotpo.bottomLine .standalone-bottomline .yotpo-icon.yotpo-icon-half-star {
    background-position: -41px 0;
    background-size: 960% auto;
}

.c-mainCont-re20_sec .yotpo.bottomLine .standalone-bottomline .yotpo-icon.yotpo-icon-empty-star {
    background-position: -54px 0;
    background-size: 960% auto;
}

/* メインコンテンツ リスト 開閉ボタン 詳細リスト */
.c-mainCont-re20_sec__catelist .c-cateCont-re20_search__list-item-detail {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.c-mainCont-re20_sec__catelist .c-cateCont-re20_search__list-item {
    border-bottom: 1px solid #ccc;
}

.c-cateCont-re20_search__list-item a {
    display: block;
    padding: 1.5rem 1rem;
}

/* 最近チェックしたアイテム */
.c-mainCont-re20_sec__checkItem {
    background-color: #F6EDE7;
}

.c-mainCont-re20_sec__checkItem .u-lineC3 {
    -webkit-line-clamp: 2;
}

.c-mainCont-re20_sec__checkItem .c-itemList__item a:not(.text-m) {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
}

.c-mainCont-re20_sec__checkItem .c-itemList__item .bottomLine {
    order: 1;
    width: 100%;
}

.c-mainCont-re20_sec__checkItem .c-itemList__item .yotpo-display-wrapper {
    float: right;
}

.c-mainCont-re20_sec__checkItem .c-itemList__item .c-itemList__name {
    order: 2;
}

.c-mainCont-re20_sec__checkItem .c-itemList__item .c-itemPrice__perOff {
    order: 4;
}

.c-mainCont-re20_sec__checkItem .c-itemList__item .c-itemList__itemprice {
    order: 3;
}

.c-mainCont-re20_sec__checkItem .c-itemPrice__perOff {
    float: left;
}

.c-mainCont-re20_sec__checkItem .c-itemList__itemprice {
    float: right;
    margin-top: 0;
}

.c-mainCont-re20_sec__checkItem .yotpo.bottomLine .yotpo-bottomline .yotpo-stars {
    float: right !important;
}

.c-mainCont-re20_sec__checkItem .slick-arrow {
    width: 32px;
    height: 32px;
    border-color: transparent;
    background-color: rgba(255, 255, 255, 0.80);
    border-radius: 50%;
    transform: none;
}

.c-mainCont-re20_sec__checkItem .c-slick__slide__prev {
    left: 0;
}

.c-mainCont-re20_sec__checkItem .c-slick__slide__next {
    right: 0;
}

.c-mainCont-re20_sec__checkItem .slick-arrow::after {
    content: "";
    width: 12px;
    height: 12px;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    position: absolute;
    top: 30%;
}

.c-mainCont-re20_sec__checkItem .slick-arrow.c-slick__slide__prev::after {
    left: 60%;
    transform: translate(-50%) rotate(135deg);
}

.c-mainCont-re20_sec__checkItem .slick-arrow.c-slick__slide__next::after {
    left: 40%;
    transform: translate(-50%) rotate(-45deg);
}

/* 人気ランキング */
.c-mainCont-re20_sec__ranking .u-lineC3 {
    -webkit-line-clamp: 2;
}

.c-mainCont-re20_sec__ranking .c-itemList__item::before,
.c-mainCont-re20_sec__ranking .c-itemList__item::after {
    content: "";
    position: absolute;
}

.c-mainCont-re20_sec__ranking .c-itemList__item::before {
    width: calc(100% - 4rem);
    height: 1px;
    border-bottom: 1px solid #cfcfcf;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.c-mainCont-re20_sec__ranking .c-itemList__item::after {
    width: 1px;
    height: 100%;
    border-left: 1px solid #cfcfcf;
    top: 0;
    right: 0;
}
.c-mainCont-re20_sec__ranking .c-favReg {
    right: 2rem;
    bottom: 1.5rem;
}

/* 特集 */
.c-mainCont-re20__specialList_item-title,
.c-mainCont-re20__specialList_item dt {
    font-weight: bold;
    color: #fff;
    text-align: center;
    margin-bottom: 0.5rem;
    padding: 0.5rem 0;
    background-color: #444;
}

.c-mainCont-re20__specialList_item-title {
    width: 100%;
    margin-bottom: 0;
    position: absolute;
    left: 0;
}

/* 人気のブランド */
.c-mainCont-re20_sec__brand .brand-list {
    display: flex;
    flex-wrap: wrap;
}

.c-mainCont-re20_sec__brand .brand-list__item {
    text-align: center;
    padding: 1%;
    margin-right: 0 !important;
    margin-bottom: 0;
}

.c-mainCont-re20_sec__brand .brand-list__item img {
    margin-bottom: .5rem;
    padding: 2rem 0;
    border: 1px solid #707070;
}

.c-mainCont-re20_sec__brand.c-mainCont-re20_sec__brand-10 .brand-list__item:nth-child(n+11) {
    display: none;
}

/* 記事一覧 */
.c-mainCont-re20_sec__articleList_item {
    border-bottom: 1px solid #D5D5D5;
}

.c-mainCont-re20_sec__articleList_item-link {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 100%;
}

.c-mainCont-re20_sec__articleList_item-left {
    width: 20%;
}

.c-mainCont-re20_sec__articleList_item-right {
    width: 77%;
}

.c-mainCont-re20_sec__articleList_item-right h2,
.c-mainCont-re20_sec__articleList_item-right h3,
.c-mainCont-re20_sec__articleList_item-right dt {
    font-weight: bold;
}

.c-mainCont-re20_sec__articleList_item-right p,
.c-mainCont-re20_sec__articleList_item-right dd {
    font-size: 1.2rem;
}

/* バナーエリア */
.c-mainCont-re20_sec__banner .p-bnrLink:not(:last-of-type) {
    margin-bottom: 2rem;
}

/* 席札マスクケース */
.maskcase__detail,
.maskcase__lineUp {
    width: 92%;
    margin: auto;
}

.maskcase__txt02 {
    line-height: 2.0;
}

.maskcase__ttl {
    margin: auto;
    border-bottom: solid 1px #707070;
    color: #5A5A5A;
    font-weight: bold;
}

.maskcase__itemlist__linkbox {
    padding: 2rem 0;
}

.maskcase__itemlist__link {
    border: solid 1px #707070;
    width: 88%;
    margin: auto;
    text-align: center;
    padding: 1.5rem 1rem 1.5rem 0;
    font-size: 1.5rem;
    font-weight: bold;
}

.maskcase__itemlist__link::after {
    content: "〉";
    font-size: 2rem;
    position: absolute;
    width: 1rem;
    color: #707070;
    top: calc((100% - 3rem) / 2);
    right: 1rem;
}

.maskcase__itemlist__linkbox--alfiore01 {
    background-color: #F8EEEE;
}

.maskcase__itemlist__linkbox--alfiore02 {
    background-color: #F9F8EF;
}

.maskcase__itemlist__linkbox--alfiore03 {
    background-color: #ECF9FB;
}

.maskcase__itemlist__linkbox--herbwreath {
    background-color: #EEF3F0;
}

.maskcase__itemlist__linkbox--naturas {
    background-color: #EEF3F2;
}

.maskcase__itemlist__linkbox--kokoromusubi {
    background-color: #F7F8F1;
}

.maskcase__cheer__txt--b {
    font-weight: bold;
}

.maskcase__price {
    font-size: 4rem;
}

.maskcase__price-arrow::before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent transparent transparent #da0012;
    position: absolute;
    top: 50%;
    left: 0;
}

.maskcase__price-arrow {
    position: relative;
    display: inline-block;
    text-decoration: none;
}

.maskcase__itemlist__more {
    border: solid 1px #948472;
    margin: auto;
    text-align: center;
    padding: 1.5rem 1rem 1.5rem 0;
    font-size: 1.5rem;
    font-weight: bold;
    background-color: #948472;
    color: #ffffff;
}

.maskcase__itemlist__more::after {
    content: "〉";
    font-size: 2rem;
    position: absolute;
    width: 1rem;
    color: #ffffff;
    top: calc((100% - 3rem) / 2);
    right: 1rem;
}

/* ハイライト風ギャラリー */
.c-highlightGallery__ul {
    display: flex;
    display: -webkit-flex;
    overflow-y: hidden;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    margin: 2rem 0.5rem 0 0.5rem;
}

.c-highlightGallery__item {
    min-width: 19vw;
    max-width: 19vw;
    margin: 0 0.5rem;
}

.c-highlightGallery__btn {
    border-radius: 100%;
    padding: 2px;
    background: linear-gradient(0deg, #FFf066, #FF9900);
    display: block;
    height: 19vw;
}

.c-highlightGallery__imgWrap {
    border: 2px solid #fff;
    border-radius: 100%;
    height: calc(19vw - 4px);
}

.c-highlightGallery__img {
    border-radius: 100%;
}
.c-highlightGalleryModal{
    width: 100%;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 100vh;
    z-index: -1;
    opacity: 0;
    background: rgba(0, 0, 0, 0.5);
    transition: top 0.2s, height 0.1s;
    transition-timing-function: ease;
}
.c-highlightGalleryModal.is-active{
    z-index: 99999;
    opacity:1;
    top: 0;
}
.c-highlightGalleryModal::before{
    display: block;
    content: "";
    position: absolute;
    z-index: 2;
    background-image: linear-gradient(0deg, transparent, rgba(0,0,0,0.4));
    top: 0;
    left: 0;
    width: 100%;
    height: 9rem;
}
.c-highlightGalleryModal::after{
    display: block;
    content: "";
    position: absolute;
    z-index: 2;
    background-image: linear-gradient(180deg, transparent, rgba(0,0,0,0.4));
    bottom: 0;
    width: 100%;
    height: 9rem;
}
.c-highlightGalleryModal__head{
    position: absolute;
    top: 0;
    left: 0;
    padding: 2rem;
    width: 100%;
    z-index: 3;
}
.c-highlightGalleryModal__bar{
    display: flex;
    flex-wrap: nowrap;
}
.c-highlightGalleryModal__bar__item{
    width: 100%;
    margin: 0 0.25rem;
    height: 2px;
    background-color: #999;
    position: relative;
}
.c-highlightGalleryModal__bar__item.is-done .c-highlightGalleryModal__progress{
    display: block;
    height: 2px;
    background-color: #ccc;
    width: 100%;
}
.c-highlightGalleryModal__bar__item.is-doing .c-highlightGalleryModal__progress{
    display: block;
    height: 2px;
    background-color: #ccc;
}
@keyframes highlightGalleryDoing{
    0% { width: 0% }
    100% { width: 100% }
}
.c-highlightGalleryModal__close{
    display: block;
    width: 30px;
    height: 30px;
    position: relative;
}
.c-highlightGalleryModal__close::before{
    display: block;
    content: "";
    position: absolute;
    height: 26px;
    width: 26px;
    transform: rotate(45deg);
    border-top: 3px solid #fff;
    top: 10px;
    left: -6px;
}
.c-highlightGalleryModal__close::after{
    display: block;
    content: "";
    position: absolute;
    height: 26px;
    width: 26px;
    transform: rotate(135deg);
    border-top: 3px solid #fff;
    top: -7px;
    left: -6px;
}
.c-highlightGalleryModal__main{
    padding: 0.5rem;
    z-index: 1;
    box-sizing: border-box;
}
.c-highlightGalleryModal__contentImg,
.c-highlightGalleryModal__contentVideo{
    border-radius: 10px;
    max-width: 100%;
    max-height: 100%;
    transition: height 0.1s;
}
.c-highlightGalleryModal__foot{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 3;
}
.c-highlightGalleryModal__moreBtn{
    display: block;
    width: 100%;
    padding: 2rem 0;
    color: #fff!important;
    font-size: 14px;
    text-align: center;
    position: relative;
}
a.c-highlightGalleryModal__moreBtn:hover{
    color: #fff!important;
}
.c-highlightGalleryModal__moreBtn::before{
    display: block;
    content: "";
    width: 12px;
    height: 12px;
    border-top: 3px solid #fff;
    border-left: 3px solid #fff;
    top: 4px;
    left: calc(50% - 6px);
    transform: rotate(45deg);
    position: absolute;
}
.c-highlightModal__prevBtn,
.c-highlightModal__nextBtn{
    position: absolute;
    display: block;
    width: 30%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 2;
}
.c-highlightModal__nextBtn{
    left: auto;
    right: 0;
}




/* スクロール中に消えるjs */
.js-hide_in_scroll {
    transition: opacity 0.3s;
    opacity: 0;
}

.js-hide_in_scroll.is-active {
    opacity: 1;
}

/* #region 商品リスト（シンプルデザイン） */
.c-simpleItemList {
    display: flex;
    flex-wrap: wrap;
}

.c-simpleItemList__item {
    position: relative;
    margin-bottom: 1rem;
    border: 1px solid #ccc;
}

.c-simpleItemList__name {
    font-size: 1.4rem;
    font-weight: bold;
}

.c-simpleItemList__cat {
    font-size: 1.2rem;
    color: #999;
    margin-top: 2rem;
}

.c-simpleItemList__desc {
    font-size: 1.1rem;
    margin-top: 1rem;
}

.c-simpleItemList__priceWrap {
    font-size: 1.4rem;
    font-weight: bold;
    display: flex;
    justify-content: flex-end;
    margin-top: 1rem;

}

.c-simpleItemList__discount {
    color: #D21F1F;
    margin-right: .5rem;
}

.c-simpleItemList--ofx {
    display: flex;
    display: -webkit-flex;
    overflow-y: hidden;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
}

.c-simpleItemList__item .yotpo {
    display: block;
    margin-top: 0.5rem;
}

.c-simpleItemList__item .yotpo .standalone-bottomline.star-clickable,
.c-simpleItemList__item .yotpo .standalone-bottomline .star-clickable,
.c-simpleItemList__item .yotpo .standalone-bottomline.star-clickable .yotpo-stars,
.c-simpleItemList__item .yotpo .standalone-bottomline .star-clickable .yotpo-stars {
    display: block;
}

.c-simpleItemList__item .yotpo .standalone-bottomline.star-clickable .text-m,
.c-simpleItemList__item .yotpo .standalone-bottomline .star-clickable .text-m {
    font-size: 10px;
    cursor: none;
    position: relative;
    top: -2px;
    left: 4px;
}

.c-simpleItemList--ofx .c-simpleItemList__item {
    min-width: 40vw;
    max-width: 40vw;
}

.c-simpleItemList--col2 .c-simpleItemList__item {
    width: 49.25%;
    margin-right: 1.5%;
}

.c-simpleItemList--col3 .c-simpleItemList__item {
    width: 32.33%;
    margin-right: 1.5%;
}

.c-simpleItemList--col4 .c-simpleItemList__item {
    width: 23.875%;
    margin-right: 1.5%;
}

.c-simpleItemList--col5 .c-simpleItemList__item {
    width: 18.8%;
    margin-right: 1.5%;
}

.c-simpleItemList--col2 .c-simpleItemList__item:nth-of-type(2n),
.c-simpleItemList--col3 .c-simpleItemList__item:nth-of-type(3n),
.c-simpleItemList--col4 .c-simpleItemList__item:nth-of-type(4n),
.c-simpleItemList--col5 .c-simpleItemList__item:nth-of-type(5n) {
    margin-right: 0;
}

.c-simpleItemList.is-hidden {
    display: none !important;
}

/* #endregion */

/* TIG掲載 */
.c-tigMovie--01 {
    overflow-x: hidden;
}

.c-tigMovie--01__ttl {
    position: relative;
    padding-top: 10px;
}

.c-tigMovie--01__ttl__balloon {
    position: absolute;
    width: 120px;
    height: 75px;
    top: -30px;
    right: calc(50% + 40px);
}

.c-tigMovie--01__arrowDown {
    font-size: 3rem;
    color: #F15A24;
    transform: scaleX(3);
    -webkit-transform: scaleX(3);
}

.c-tigMovie--01__box {
    background-color: #FFDACC;
    padding: 2rem 0;
}

.c-date_modified {
    font-size: 1.2rem;
}

.c-date_modified__label {
    color: #666;
}

.c-date_modified__time {
    font-weight: bold;
    color: #666;
}

/* #region articles 目次 */
.c-article__mokuji {
    border: solid 1px #f7931e;
    margin: 6rem 1rem 0 1rem;
}

.c-article__mokuji__ttl {
    background-color: #f7931e;
    color: #ffffff;
    font-size: 1.8rem;
    padding: 0.5rem 2rem;
}

.c-article__mokuji__ttl::before {
    content: "\f0ca";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 1rem;
    color: #ffffff;
}

.c-article__mokuji__list {
    padding: 1rem 4rem;
    line-height: 1.8;
}

.c-article__mokuji__list-item {
    list-style-type: disc;
    text-decoration: underline;
    font-size: 1.5rem;
}

/* #endregion */

/* #synalio */
/*---
.synalio-campaign-popup_link {
	pointer-events: none;
}
--*/

/* カテTOP 2021.06 矢印 */
/* 右側下向き */
.c-icon__rightArrow-down::after{
    content: "";
    width: 1rem;
    height: 1rem;
    border-right: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
    position: absolute;
    top: 50%;
    right: 1.5rem;
    transform: translateY(-50%) rotate(45deg);
    transition: all .3s ease;
}

.c-icon__rightArrow-down.is-active::after{
    transform: translateY(-50%) rotate(-135deg);
    top: 55%;
}

/* 右側右向き */
.c-icon__rightArrow-right::after{
    content: "";
    width: 1.2rem;
    height: 1.2rem;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    position: absolute;
    top: 50%;
    right: .7rem;
    transform: translateY(-50%) rotate(-45deg);
}

/* SPARKポップアップ */
#FreesSpark_03pu #_fs_popup_a_{
    animation: FreesSpark_03pu-on 0.3s ease 0s 1 normal;
}
@keyframes FreesSpark_03pu-on{
    0% { opacity: 0; }
    100% { opacity: 1; }
}
#FreesSpark_03pu{
    box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.3);
    animation: FreesSpark_03pu 2s ease 0s infinite normal;
}
#FreesSpark_03pu,
#_fs_close_div_pup,
#_fs_close_bar1_pup,
#_fs_close_bar2_pup{
    z-index: 100!important;
}
@keyframes FreesSpark_03pu{
    0% { opacity: 1; margin-top: -15px; }
    30% { opacity: 1; margin-top: 0px; }
    50% { opacity: 1; margin-top: 0px; }
    80% { opacity: 1; margin-top: -15px; }
    100% { opacity: 1; margin-top: -15px; }
}

/* yotpoの「もっと見る」ボタン */
.yotpo-pictures-gallery .yotpo-default-button,
.yotpo-pictures-widget .yotpo-default-button{
    margin-bottom: 0 !important;
}

/* ----------------------------------
 article
---------------------------------- */
/*----- タイトル -----*/
.c-article_ttl--L{
    font-weight: bold;
    margin-bottom: 1rem;
}
.c-article_ttl--M{
    font-weight: bold;
    margin: 0 0 2rem 0;
    border-bottom: solid 1px #ccc;
    padding-bottom: 1rem;
}
.c-article_ttl--S{
    font-weight: bold;
    padding-left: 1.5rem;
    margin-bottom: 2rem;
    position: relative;
}
.c-article_ttl--S::before{
    content: "";
    width: 7px;
    height: 1.5em;
    background-color: #999;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 5px;
}
.c-article_ttl--SS{
    font-weight: bold;
    margin-bottom: .5rem;
}
.c-article-bnttl{
    font-weight: bold;
    margin-bottom: 1.5rem;
}

/*----- コンテンツ枠 -----*/
/* .c-articleWrap--M{
	margin: 0 0 6rem;
} */
.c-articleWrap--S{
    margin-bottom: 5rem;
}
/* .c-articleWrap--M,
.c-articleWrap--S{
	padding-top: 5rem;
	margin-top: -5rem;
} */
.c-articleWrap--SS{
    margin-bottom: 3rem;
}
.c-article-bnList{
    margin-bottom: 5rem;
}

/*----- 目次 -----*/
.c-article-index{
    margin-bottom: 5rem;
    padding: 2.5rem 3rem;
    background-color: #f6f6f6;
}
.c-article-index__ttl{
    font-weight: bold;
    margin-bottom: 1.5rem;
}
.c-article-index__ttl::before{
    content: "\f0ca";
    color: #333;
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    margin-right: 1rem;
}
.c-article-index__list-item{
    margin-bottom: 1rem;
}
.c-article-index__subList{
    margin-top: .5rem;
    padding-left: 2rem;
}
.c-article-index .c-article-index__link{
    text-decoration: underline;
}
.c-article-index__subList-item{
    margin-bottom: 1rem;
}

/*----- 吹き出し -----*/
.c-article-ballom{
    padding: 3rem 2.3rem 2.5rem 2.5rem;
    margin: 0 0rem 3rem;
    background-color: #f6f6f6;
    position: relative;
    box-shadow: 2px 2px 3px 0 rgb(160 160 160 / 40%);
    border: 1px solid #eee;
}
.c-article-ballom-left-bottom{
    border-radius: 25px 25px 25px 0;
}
.c-article-ballom-right-bottom{
    border-radius: 25px 25px 0 25px;
}

/*----- 商品一覧 -----*/
.c-article-itemlist{
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

.c-article-itemlist__item .c-itemList__item{
    width: 100%;
    padding-bottom: 1rem !important;
}
.c-article-itemlist__item-cont img{
    width: 70%;
    margin: 0 auto 1.5rem;
}
.c-article-itemlist__item-cont .c-itemList__name{
    font-size: 1.6rem !important;
    font-weight: bold;
    margin-bottom: 1rem;
}
.c-article-itemlist__item-cont .c-itemPrice__perOff.c-itemPrice__perOff--list{
    font-size: 1.4rem;
    padding: 0.3rem 0.5rem 0.1rem;
}
.c-article-itemlist__item-cont .c-itemList__itemprice{
    font-size: 1.6rem !important;
    font-weight: bold;
}
.c-article-itemlist__item-cont .c-favReg__favorite{
    display: none;
}
.c-article-itemlist__item-cont .yotpo{
    display: none;
}
.c-article-itemlist__item-comment{
    font-size: 1.4rem;
}

/*------------------------------------------------------
  ボタンにghostかけたアコーディオン
------------------------------------------------------*/
/* ゴーストアコーディオン用 */
.c-ghostAccoWrap{
    position: relative;
}
.c-ghostAccoTrigger{
    text-align: center;
    position: absolute;
    left: 50%;
    transform:translateX(-50%);
    z-index:10;
    cursor:pointer;
}
.c-ghostAccoTrigger a{
    position: relative;
}
.c-ghostAccoTrigger a::after{
    content: "";
    width: 1em;
    height: 1em;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    position: absolute;
    right: 2rem;
    top: 40%;
    transform: translateY(-50%) rotate(45deg);
    transition: all .5s ease;
}
.c-ghostAccoTrigger.is-show a::after{
    top: 60%;
    transform: translateY(-50%) rotate(-135deg);
}
.c-ghostAccoItem {
    position: relative;
    overflow: hidden;
}
.c-ghostAccoItem::before {
    content: "";
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    background: -webkit-linear-gradient( top , rgba(255,255,255,0) 0% , rgba(255,255,255,0.9) 50% ,  rgba(255,255,255,0.9) 50% , rgba(255,255,255,1) 100% );
    background: linear-gradient( top , rgba(255,255,255,0) 0% , rgba(255,255,255,0.9) 50% ,  rgba(255,255,255,0.9) 50% , rgba(255,255,255,1) 100% );
    z-index: 5;
}
.c-ghostAccoTrigger.is-show + .c-ghostAccoItem::before {
    display: none;
}

.topBn-ghostAccoWrap{
    transition: all .5s ease;
}
.topBn-ghostAccoWrap.is-active{
    margin-bottom: 5rem;
}
.topBn-ghostAccoWrap .c-ghostAccoTrigger{
    bottom: -1rem;
    transition: all .5s ease;
}
.topBn-ghostAccoWrap .c-ghostAccoTrigger.is-show{
    bottom: -6rem;
}
.topBn-ghostAccoWrap .c-ghostAccoTrigger a::before{
    content: "開く";
}
.topBn-ghostAccoWrap .c-ghostAccoTrigger.is-show a::before {
    content: "閉じる";
}

.c-memberShipFee__paymentMethod__paidMsg {
    position: absolute;
    top: -0.5rem;
    bottom: -0.5rem;
    width: calc(100% + 1rem);
    height: calc(100% + 1rem);
    background-color: rgba(255, 255, 255, 0.8);
    color: #ff0000;
    z-index: 5;
    font-size: 18px;
    padding: 1rem;
    font-weight: bold;
}