/**************/
/*  共通 Css  */
/**************/


.fs-c-heading--page {
    background-size: auto auto;
    background-color: rgba(255, 255, 255, 1);
    background-image: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(247, 247, 247, 1) 3px, rgba(247, 247, 247, 1) 8px);
    padding: 1.8em 0;
}
/* 商品グループページ、フリーページの余白変更 */
.fs-body-category .fs-c-heading.fs-c-heading--page,.fs-body-custom .fs-c-heading.fs-c-heading--page {
    padding: 1.2em 0;
}

.fs-c-documentColumn__heading {
    border-style: dotted;
    border-width: 0 0 1px 0px;
    padding-left: 0px;
    color: #3b4044;
}

.fs-c-orderedList {
    margin-left: 20px;
    margin-top: 20px;
}

@media screen and (max-width:767.99px) {
    .fs-c-orderedList {
        margin-left: 10px;
    }
}

.fs-c-orderedList > li::before {
    color: #3b4044;
}

/**************/
/*   個人情報ページ Css  */
/**************/

.privacy-day {
    text-align: right;
}

/**************/
/*  会員登録 Css  */
/**************/

.fs-c-inputInformation__field {
    max-width: 90%;
}

/*会員情報入力画面の必須マーク「＊」を「必須」のテキスト表示に変更*/
.fs-c-requiredMark {
    overflow: visible;
    text-indent: 0;
    width: auto;
    color: #e2133d;
    font-size: 80%;
    line-height: 1;
}

.fs-c-requiredMark::before {
    display: none;
}

/* benefit */
.membershipInput-benefits {
    list-style: none;
    counter-reset: circle 0;
    margin: 0;
    padding: 0;
    margin: 36px auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

ol.membershipInput-benefits > li {
    position: relative;
    margin: 0 0 1em;
    padding: 16px 16px 16px 72px;
    background: #F5F5F5;
    min-height: 66px;
    /* display: -webkit-flex; */
    /* display: flex; */
    /* -webkit-box-pack: center; */
    /*    -ms-flex-pack: center;*/
    /* justify-content: center; */
    /* flex-direction: column; */
    width: 46%;
}

ol.membershipInput-benefits li:before {
    position: absolute;
    top: 8px;
    left: 8px;
    width: 50px;
    height: 50px;
    background: #FFF;
    content: "";
    display: block;
    border-radius: 50%;
    line-height: 1;
}

ol.membershipInput-benefits li:after {
    content: counter(circle);
    counter-increment: circle 1;
    display: block;
    color: #AAA;
    position: absolute;
    top: 20px;
    left: 8px;
    width: 50px;
    height: 50px;
    line-height: 1;
    font-weight: bold;
    font-size: 30px;
    text-align: center;
}

.membershipInput-benefits > li strong {
    border-bottom: solid 1px #FFF;
    padding-bottom: 8px;
    margin-bottom: 8px;
    display: block;
    font-size: 110%;
}

@media screen and (max-width:767.99px) {
    ol.membershipInput-benefits > li {
        width: 100%;
    }
}

/* メルマガメリット */
.fs-body-my-account-settings-edit ul.fs-p-listWithCheckmark,
.fs-body-register ul.fs-p-listWithCheckmark {
    background: rgba(126, 126, 126, 0.08);
    padding: 8px;
}

/**************/
/*  お客様情報入力と会員登録 Css  */
/**************/
.fs-body-register .deliveryNotice,
.fs-body-customerDetails .deliveryNotice {
    background: rgba(126, 126, 126, 0.08);
    padding: 8px 16px;
    margin: 15px 20%;
    width: 100%;
}

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

    .fs-body-register .deliveryNotice,
    .fs-body-customerDetails .deliveryNotice {
        padding: 8px;
        margin: 15px 0;
    }
}

/**************/
/*  会員登録完了 Css  */
/**************/
.fs-c-registerSuccessMessage {
    margin: 40px auto;
    padding-bottom: 24px;
    border: none;
    text-align: left;
    max-width: 600px;
}


/**************/
/*  マイページ Css  */
/**************/
.fs-c-accountService > li {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

.fs-c-accountService > li.fs-c-accountService__page--couponList {
    -ms-flex-preferred-size: 128px;
    flex-basis: 128px;
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
}

.fs-c-accountService > li.fs-c-accountService__page--accountDelete {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
}

@media screen and (max-width:767.99px) {
    .fs-c-accountService {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
}

/**************/
/*  ログインページ Css  */
/**************/
@media screen and (min-width:960px) {

    .fs-body-wishlist-login .fs-c-newUsers,
    .fs-body-login .fs-c-newUsers,
    .fs-body-review-login .fs-c-newUsers {
        width: 50%;
    }
}

/**************/
/*  レビュー一覧 Css  */
/**************/
.fs-body-reviews .fs-p-announcement__title {
    font-weight: bold;
}

/**************/
/*  ショッピングカート Css  */
/**************/
.fs-body-cart th.fs-c-cartTable__headerCell.fs-c-cartTable__headerCell--action {
    min-width: 8rem;
}

.fs-body-cart .fs-c-cartDiscountInfo__info {
    font-size: 2.8rem;
}

.fs-body-cart .fs-c-cartDiscountInfo__info__current,
.fs-body-cart .fs-c-cartDiscountInfo__info__next {
    color: #e2133d;
}

.fs-body-cart .fs-c-cartDiscountInfo__note {
    font-size: 1.6rem;
}

.fs-body-cart h2.fs-p-announcement__title {
    border-bottom: 2px solid currentColor;
    color: #3b4044;
    margin: 14px 0;
    padding: 4px 0;
}

.fs-body-cart .fs-c-wishlistProduct__title,
.fs-body-cart .fs-c-featuredProduct__title {
    padding: 4px 0;
}

.fs-body-cart .fs-p-linkButton {
    padding: 8px 16px;
    margin: 8px;
}

.fs-body-cart .fs-p-linkButton:hover {
    background-color: #3381ce;
    color: #fff;
}

.fs-body-cart .fs-c-continueShopping a {
    font-size: 1.6rem;
    margin-bottom: 30px;
}

@media screen and (max-width:767.99px) {
    .fs-body-cart .fs-c-cartDiscountInfo__info {
        font-size: 2.4rem;
    }

    .fs-body-cart .fs-c-cartDiscountInfo__note {
        font-size: 1.4rem;
    }

    .fs-body-cart .fs-p-linkButton {
        margin: 0 8px 8px 0;
    }

    .fs-body-cart .fs-c-continueShopping a {
        font-size: 1.4rem;
        margin-bottom: 30px;
    }
}

/**************/
/*  ご注文手続き Css  */
/**************/
.fs-body-checkout .fs-l-pageMain h2 {
    font-size: 1.8rem;
}

.fs-body-checkout .fs-c-checkout-deliveryMethod__option__message ul li,
.fs-body-checkout .fs-c-checkout-deliveryMethod__message ul li,
.fs-body-checkout .fs-c-checkout-delivery__method__message ul li {
    margin-bottom: 12px;
}

.fs-body-checkout .fs-c-checkout-delivery__method__message ul li b.fontRed {
    color: #e2133d;
}

/**************/
/*  注文フローパーツ Css  */
/**************/
.orderFlowStep ul {
    list-style: none;
    padding: 0;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.orderFlowStep ul li {
    /*    display: inline-block;*/
    position: relative;
    width: 110px;
    font-size: 1.4rem;
    text-align: center;
    height: auto;
    white-space: nowrap;
}

.orderFlowStep {
    margin: 0 auto;
    max-width: 600px;
    padding-bottom: 40px;
}

.orderFlowStep ul li:not(:last-child):before {
    content: '';
    position: absolute;
    height: 1px;
    top: 37px;
    background: #000;
    width: calc(100% - 16px);
    right: calc(7.5px - 50%);
}

.orderFlowStep ul li:after {
    content: '';
    position: absolute;
    margin: auto;
    width: 15px;
    height: 15px;
    top: 30px;
    left: 0;
    right: 0;
    border: 2px solid #000;
    border-radius: 20px;
}

.orderFlowStep .orderFlowStepCurrent:after {
    content: '';
    position: absolute;
    margin: auto;
    width: 15px;
    height: 15px;
    top: 30px;
    left: 0;
    right: 0;
    border: 2px solid #000;
    border-radius: 20px;
    background: #000;
}

@media screen and (max-width:767.99px) {
    .orderFlowStep {
        max-width: none;
    }

    .orderFlowStep ul li {
        width: 25%;
        font-size: 1.1rem;
    }

}

/**************/
/*  商品詳細ページ Css  */
/**************/

/* カート周り */
/* .fs-body-product .fs-c-button--inquiryAboutProduct.fs-c-button--plain span:before {
    background: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-mail" width="15" height="15" viewBox="0 0 24 24" stroke-width="1.5" stroke="%231e5d9b" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z"/> <rect x="3" y="5" width="18" height="14" rx="2" /> <polyline points="3 7 12 13 21 7" /></svg>') no-repeat;
    content: "";
    width: 16px;
    height: 16px;
    background-size: 100%;
    display: inline-block;
    margin-right: 6px;
    vertical-align: middle;
} */

.fs-body-product .fs-c-button--inquiryAboutProduct.fs-c-button--plain span:before {
    background: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M48%2064C21.5%2064%200%2085.5%200%20112c0%2015.1%207.1%2029.3%2019.2%2038.4L236.8%20313.6c11.4%208.5%2027%208.5%2038.4%200L492.8%20150.4c12.1-9.1%2019.2-23.3%2019.2-38.4c0-26.5-21.5-48-48-48H48zM0%20176V384c0%2035.3%2028.7%2064%2064%2064H448c35.3%200%2064-28.7%2064-64V176L294.4%20339.2c-22.8%2017.1-54%2017.1-76.8%200L0%20176z%22%2F%3E%3C%2Fsvg%3E) no-repeat;
    content: "";
    width: 22px;
    height: 22px;
    background-size: 100%;
    display: inline-block;
    margin-right: 6px;
    vertical-align: text-bottom;
}

.fs-body-product .fs-c-button--inquiryAboutProduct.fs-c-button--plain {
    background-color: #526b8b;
    width: 100%;
    font-size: 2.0rem;
    color: #fff;
    margin: 0px auto 18px;
    padding: 0.6em;
}

.fs-body-product .fs-c-button--inquiryAboutProduct.fs-c-button--plain:hover {
    text-decoration: none;
    color: #fff;
}

/* .lnk-wrapping a:before {
    background: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-gift" width="15" height="15" viewBox="0 0 24 24" stroke-width="1.5" stroke="%231e5d9b" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z"/> <rect x="3" y="8" width="18" height="4" rx="1" /> <line x1="12" y1="8" x2="12" y2="21" /> <path d="M19 12v7a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-7" /> <path d="M7.5 8a2.5 2.5 0 0 1 0 -5a4.8 8 0 0 1 4.5 5a4.8 8 0 0 1 4.5 -5a2.5 2.5 0 0 1 0 5" /></svg>') no-repeat;
    content: "";
    width: 16px;
    height: 16px;
    background-size: 100%;
    display: inline-block;
    margin-right: 6px;
    margin-left: 1px;
    vertical-align: middle;
    content: "";
} */

.lnk-wrapping a:before {
    background: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%20fill%3D%22%23ffffff%22%3E%3Cpath%20d%3D%22M190.5%2068.8L225.3%20128H224%20152c-22.1%200-40-17.9-40-40s17.9-40%2040-40h2.2c14.9%200%2028.8%207.9%2036.3%2020.8zM64%2088c0%2014.4%203.5%2028%209.6%2040H32c-17.7%200-32%2014.3-32%2032v64c0%2017.7%2014.3%2032%2032%2032H480c17.7%200%2032-14.3%2032-32V160c0-17.7-14.3-32-32-32H438.4c6.1-12%209.6-25.6%209.6-40c0-48.6-39.4-88-88-88h-2.2c-31.9%200-61.5%2016.9-77.7%2044.4L256%2085.5l-24.1-41C215.7%2016.9%20186.1%200%20154.2%200H152C103.4%200%2064%2039.4%2064%2088zm336%200c0%2022.1-17.9%2040-40%2040H288h-1.3l34.8-59.2C329.1%2055.9%20342.9%2048%20357.8%2048H360c22.1%200%2040%2017.9%2040%2040zM32%20288V464c0%2026.5%2021.5%2048%2048%2048H224V288H32zM288%20512H432c26.5%200%2048-21.5%2048-48V288H288V512z%22%2F%3E%3C%2Fsvg%3E) no-repeat;
    content: "";
    width: 22px;
    height: 25px;
    background-size: 100%;
    display: inline-block;
    margin-right: 6px;
    margin-left: 1px;
    vertical-align: text-bottom;
    content: "";
}
.lnk-wrapping {
    width: 100%;
    font-size: 2.0rem;
    text-align: center;
    margin: 6px auto;
}

.lnk-wrapping a {
    color: #fff;
    display: block;
    padding: 0.6em;
    background-color: #526b8b;
    border: 1px solid #526b8b;
}

.lnk-wrapping a:hover {
    color: #fff;
    text-decoration: none;
    opacity: 0.8;
}

@media screen and (max-width:767.99px) {
    .fs-body-product .fs-c-button--inquiryAboutProduct.fs-c-button--plain {
        margin: 0;
    }
}


/* Spec部分 */
/* ワイナリーリンクと、品種おすすめリンク */
.productSpec .productSpec_lnk,.fs-body-product .productSpec .productSpec_rmdlnk{
border: 1px solid;
    font-size: 1.6rem;
    margin-left: 10px;
    color: #bd1134;
    display: inline-block;
    position: relative;
    padding: 0.3rem 2.4rem 0.3rem 1.2rem;
}

.fs-body-category .productSpec_rmdlnk,.fs-body-search .productSpec_rmdlnk{
    display: none;  /* ワイナリーページでは品種おすすめリンクは表示させない */
}
.productSpec .productSpec_lnk a ,.productSpec .productSpec_rmdlnk a{
    color: #bd1134;
    text-decoration: none;
    margin: 0.3rem 2.4rem 0.3rem 1.2rem;
    display: inline-block;
    line-height: 1.4;
}
.productSpec .productSpec_lnk:hover ,.productSpec .productSpec_rmdlnk:hover {
    background-color: #bd11340f;
}
.productSpec .productSpec_lnk:after,.productSpec .productSpec_rmdlnk:after {
    content: " ";
    width: 8px;
    height: 8px;
    border-top: 1px solid #bd1134;
    border-right: 1px solid #bd1134;
    position: absolute;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 50%;
    bottom: 50%;
    right: 10px;
    margin-top: -5px;
    -webkit-transition: .3s;
    transition: .3s;
}
.productSpec .productSpec_lnk:hover:after,.productSpec .productSpec_rmdlnk:hover:after {
    right: 4px;
}
@media screen and (max-width:767.99px) {
    .productSpec .productSpec_lnk,.fs-body-product .productSpec .productSpec_rmdlnk {
        margin-left: 0px;
        margin-top: 8px;
        line-height: 2;
        width: 100%;
        padding: 3px;
    }
}

.productSpec .productSpec_award td span:not(:last-child):after {
    content: "、";
}

.productSpec .productSpec_type td span:not(:last-child) {
    margin-right: 50px;
}

@media screen and (max-width:767.99px) {
    .productSpec .productSpec_type td span {
        display: block;
    }
}
/* お取寄せ商品文言 */
.productBackOrder {
    border: 1px solid #ccc;
    font-size: 1.4rem;
    margin-bottom: 60px;
}

.productBackOrder>p {
    font-size: 2.4rem;
    background-color: #fbeded;
    font-weight: bold;
    padding: 5px;
    color: #ad2c2c;
}
.productBackOrder ul {
    padding: 10px 10px 10px 26px;
    list-style: none;
    margin: 0;
}

.productBackOrder li:before {
    content: '';
    width: 10px;
    height: 5px;
    border-left: 2px solid #ad2c2c;
    border-bottom: 2px solid #ad2c2c;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    left: -18px;
    top: 6px;
}

.productBackOrder li {
    position: relative;
    margin-bottom: 1rem;
}
.productBackOrder b.noReply{
    background-color: #3c3c3c;
    color: #fff;
    padding: 0 10px;
    margin-right: 8px;
    margin-top: 2px;
    display: inline-block;
    border-radius: 2px;
}
@media screen and (max-width:767.99px) {
    .productBackOrder {
        font-size: 1.2rem;
        margin-bottom: 0px;
    }
    .productBackOrder > p {
        font-size: 1.8rem;
    }
    .productBackOrder ul {
        padding: 0px 10px 0px 26px;
    }
}

/* 送料無料ワイン文言 */
.productFreeShipping {
    border: 1px solid #ccc;
    font-size: 1.4rem;
    margin-bottom: 60px;
}

.productFreeShipping>p {
    font-size: 2.4rem;
    background-color: #c0dcc1;
    font-weight: bold;
    padding: 5px;
    color: #1f581b;
}
.productFreeShipping ul {
    padding: 10px 10px 10px 26px;
    list-style: none;
    margin: 0;
}

.productFreeShipping li:before {
    content: '';
    width: 10px;
    height: 5px;
    border-left: 2px solid #ad2c2c;
    border-bottom: 2px solid #ad2c2c;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    left: -18px;
    top: 6px;
}

.productFreeShipping li {
    position: relative;
    margin-bottom: 1rem;
}
.productFreeShipping b.noReply{
    background-color: #3c3c3c;
    color: #fff;
    padding: 0 10px;
    margin-right: 8px;
    margin-top: 2px;
    display: inline-block;
    border-radius: 2px;
}
@media screen and (max-width:767.99px) {
    .productFreeShipping {
        font-size: 1.2rem;
        margin-bottom: 0px;
    }
    .productFreeShipping > p {
        font-size: 1.8rem;
    }
    .productFreeShipping ul {
        padding: 0px 10px 0px 26px;
    }
}
/**************/
/*  商品マーク Css  */
/**************/
.mark-exclusive {
    border: 1px solid #5c5c5c;
}