/*====================================================
////id | main
====================================================*/
.fs-body-product .fs-l-main {
padding-bottom: 0;
max-width: 1100px;
}
#product_main,
#productDescription {
font-size: 1.125em;
}
.fs-l-productLayout {
display: grid;
grid-gap: min(12vw, 60px);
}
#product_main_detail {
display: grid;
grid-gap: .5em;
}
.fs-c-productCarouselMainImage__expandButton {
display: none;
}
.fs-c-productNameHeading {
font-family: var(--font_family);
font-size: min(6.4vw, 24px);
line-height: 1.5;
}
.fs-c-productSummary {
line-height: 1.6;
}
.fs-c-productPrices {
font-size: min(6.4vw, 24px);
}
.fs-c-productPointDisplay,
.fs-c-productNumber {
background: transparent;
border: none;
font-size: .85em;
padding: 0;
}
.fs-c-productNumber__number {
font-weight: 400;
}
.fs-c-productSalesPeriod {
border: solid 1px var(--color_1);
border-radius: 3px;
display: flex;
gap: .8em;
justify-content: center;
padding: .3em;
}
.fs-c-productSalesPeriod__label {
font-weight: 500;
}
.fs-c-productMarks {
display: grid;
grid-gap: 15px;
}
.fs-c-productMark {
display: grid;
grid-gap: .8em .9em;
grid-template-columns: repeat(3, 1fr);
font-weight: 500;
margin-top: 1em;
}
.fs-c-productMarks .fs-c-productMark__mark {
border: solid 1px #D0D0D0;
border-radius: 3px;
color: var(--black);
display: flex;
align-items: center;
justify-content: center;
gap: .4em;
font-size: inherit;
padding: .4em .4em;
height: 3em;
}
.fs-c-productMarks .fs-c-productMark__mark::before {
content: '';
display: block;
}
.fs-c-productMark__gift::before {
background: url('data:image/svg+xml;charset=UTF-8,') no-repeat center / contain;
width: 1.1em;
height: 1.1em;
}
.fs-c-productMark__media::before {
background: url('data:image/svg+xml;charset=UTF-8,') no-repeat center / contain;
width: 1.3em;
height: 1.1em;
}
.fs-c-productMark__cool::before {
background: url('data:image/svg+xml;charset=UTF-8,') no-repeat center / contain;
width: 1.0em;
height: 1.1em;
}
.fs-c-productMark__e_gift::before {
background: url('data:image/svg+xml;charset=UTF-8,') no-repeat center / contain;
width: .7em;
height: 1.1em;
}
.fs-c-productMark__new::before {
background: url('data:image/svg+xml;charset=UTF-8,') no-repeat center / contain;
width: 1.1em;
height: 1.4em;
}
.fs-c-productMark__season::before {
background: url('data:image/svg+xml;charset=UTF-8,') no-repeat center / contain;
width: 1.1em;
height: 1.1em;
}
.fs-c-productMark__free_shipping::before {
background: url('data:image/svg+xml;charset=UTF-8,') no-repeat center / contain;
margin-top: .1em;
width: 1.3em;
height: 1.1em;
}
.fs-c-productMark__owner::before {
background: url('data:image/svg+xml;charset=UTF-8,') no-repeat center / contain;
width: 1.3em;
height: 1.3em;
}
.fs-c-productMark__collaboration::before {
background: url('data:image/svg+xml;charset=UTF-8,') no-repeat center / contain;
width: 1.2em;
height: 1.2em;
}
.fs-c-productMark__limited_quantity::before {
background: url('data:image/svg+xml;charset=UTF-8,') no-repeat center / contain;
margin-top: .1em;
width: 1.3em;
height: 1.4em;
}
.fs-c-mark--coolDeliveryAvailable, .fs-c-mark--chilledOrFrozenDeliveryAvailable {
background: transparent;
color: inherit;
font-size: 1em;
padding: 0;
}
.fs-c-productMarks .fs-c-mark {
background: transparent;
color: inherit;
/* font-size: 1em; */
padding: 0;
}
.fs-c-productMarks .fs-c-mark__label {
background-color: var(--color_3);
border-radius: 3px;
display: inline-block;
padding: .6em 1em;
}
.fs-c-productNotice {
margin-top: min(5vw, 25px);
}
.fs-c-productQuantityAndWishlist {
display: flex;
align-items: center;
flex-direction: row-reverse;
gap: min(9.5vw, 35px);
justify-content: flex-end;
margin-top: min(5vw, 25px);
}
.fs-c-quantity {
max-width: none;
}
.fs-c-productQuantityAndWishlist__quantity {
display: flex;
align-items: center;
gap: .5em;
}
.fs-c-productQuantityAndWishlist__quantity::before {
content: '数量';
display: block;
}
.fs-c-quantity__select {
text-align: right;
width: 5.5em;
}
#product_main .fs-c-button--addToWishList--icon,
#product_main .fs-c-button--removeFromWishList--icon,
#product_main .fs-c-button--addToWishList--detail,
#product_main .fs-c-button--removeFromWishList--detail {
background: transparent !important;
border: none;
box-shadow: none;
display: flex;
align-items: center;
/* flex-direction: row-reverse; */
gap: .6em;
font-size: min(3.45vw, 16px);
padding: 0;
}
/* #product_main .fs-c-button--addToWishList--detail,
#product_main .fs-c-button--removeFromWishList--detail {
flex-direction: row-reverse;
} */
main .fs-c-button--addToWishList--icon::before,
main .fs-c-button--addToWishList--detail::before ,
.fs-c-button--particular.fs-c-button--addToWishList--detail::after,
main .fs-c-button--removeFromWishList--icon::after,
main .fs-c-button--removeFromWishList--detail::after {
display: none;
}
.fs-c-buttonContainer {
align-self: unset;
padding: 0;
}
#product_main .fs-c-button--addToWishList--icon::after,
#product_main .fs-c-button--addToWishList--detail::before {
background: url('data:image/svg+xml;charset=UTF-8,') no-repeat center / contain;
content: '';
display: block;
font-size: 1em;
width: 2em;
height: 2em;
}
#product_main .fs-c-button--removeFromWishList--icon::after,
#product_main .fs-c-button--removeFromWishList--detail::before {
background: url('data:image/svg+xml;charset=UTF-8,') no-repeat center / contain;
content: '';
display: block;
font-size: 1em;
width: 2em;
height: 2em;
}
.fs-c-button--particular.fs-c-button--addToWishList--icon .fs-c-button__label, .fs-c-button--particular.fs-c-button--removeFromWishList--icon .fs-c-button__label, .fs-c-button--particular.fs-c-button--displayPassword .fs-c-button__label, .fs-c-button--particular.fs-c-button--hidePassword .fs-c-button__label {
display: contents;
}
.fs-c-productActionButton {
margin-top: min(5vw, 25px);
}
/* note btn */
#product_main .fs-c-button--addToCart--detail,
#product_main .fs-c-button--addToCart--variation,
.order-btn {
background-color: var(--color_2);
border: none;
border-radius: 2em;
color: #fff !important;
display: flex;
align-items: center;
gap: 1em;
justify-content: center;
font-family: var(--font_family);
font-size: 1.0em;
font-weight: 500;
padding: .3em 1.4em;
width: min(100%, 500px);
min-height: 4em;
}
.order-btn {
margin: 1.5em auto;
}
#product_main .fs-c-button--addToCart--detail::before,
#product_main .fs-c-button--addToCart--variation::before,
.order-btn::before {
background: url('data:image/svg+xml;charset=UTF-8,') no-repeat center / contain;
content: '';
display: block;
width: 1.5em;
height: 1.5em;
}
.fs-c-button--secondary {
background-color: #555;
border: none;
border-radius: 2em;
color: #fff !important;
display: flex;
align-items: center;
gap: 1em;
justify-content: center;
font-size: 1.0em;
font-weight: 500;
padding: .3em 1.4em;
width: min(100%, 500px);
min-height: 3em;
}
.fs-c-button--secondary::before {
background: url('data:image/svg+xml;charset=UTF-8,') no-repeat center / contain;
content: '';
display: block;
width: 1.5em;
height: 1.5em;
}
#product_main:has(.fs-c-productSalesPeriod) div[data-anygift="marker"],
#product_main:has(.fs-c-productSalesPeriod) .fs-c-productOption ,
#product_main:has(.fs-c-productSalesPeriod) .fs-c-productSelection ,
#product_main:has(.fs-c-button--secondary) div[data-anygift="marker"],
#product_main:has(.fs-c-button--secondary) .fs-c-productOption ,
#product_main:has(.fs-c-button--secondary) .fs-c-productSelection {
display: none;
}
@media (hover: hover) {
#product_main .fs-c-button--addToCart--detail:hover,
#product_main .fs-c-button--addToCart--variation:hover,
.order-btn:hover {
filter: brightness(1.1);
}
}
.fs-c-estimatedDeliveryDate {
font-size: min(3.5vw, 16px);
margin-top: 1em;
}
.fs-c-variationCart {
padding: 0;
}
.fs-c-variationCart > li {
border-bottom: solid 1px #DFDFDF;
display: grid;
align-items: center;
grid-gap: .5em 1em;
grid-template-columns: 1fr auto;
padding: 1em 0;
}
.fs-c-variationCart__variationName {
font-size: 1.1em;
font-weight: 500;
grid-row: 1 / 3;
}
#product_main .fs-c-variationCart .fs-c-button--addToCart--variation{
gap: .5em;
min-height: 2.5em;
}
#product_main .anygift-gift-ui__container {
width: 100%;
}
.anygift-gift-ui__container .anygift-gift-ui__main-button {
background: #fff;
border: solid 1px var(--color_2);
border-radius: 2em;
color: var(--color_2);
display: flex;
align-items: center;
gap: .6em;
justify-content: center;
font-family: var(--font_family);
font-size: 1em;
font-weight: 700;
margin-top: .3em;
padding: .3em 1em;
width: 100%;
min-height: 4em;
}
.anygift-gift-ui__container .anygift-gift-ui__main-button .text {
display: none;
}
.anygift-gift-ui__container .anygift-gift-ui__main-button::before {
background: url('data:image/svg+xml;charset=UTF-8,') no-repeat center / contain;
content: '';
display: block;
width: 1.2em;
height: 1.5em;
}
.anygift-gift-ui__about-button__wrapper {
display: flex;
justify-content: center;
}
.anygift-about-button {
font-size: .75em;
}
.anygift-about-button__container {
display: flex;
align-items: center;
gap: .3em;
}
.anygift-about-button__container img {
height: 1.3em;
margin-bottom: -.2em;
}
#product_main .anygift-any-gift-awareness-banner__link {
display: none;
}
.fs-c-inquiryAboutProduct {
display: grid;
grid-gap: 1em;
grid-template-columns: 1fr 1fr;
margin: .5em 0 1.5em;
}
.fs-c-inquiryAboutProduct .fs-c-button--plain {
background-color: #F5F5F5;
border: solid 1px #F5F5F5;
color: inherit;
display: flex;
align-items: center;
gap: .5em;
justify-content: center;
font-size: .875em;
height: 2.85em;
}
.fs-c-inquiryAboutProduct .fs-c-button--plain:hover {
text-decoration: none;
}
.fs-c-inquiryAboutProduct .fs-c-button--plain::before {
content: '';
display: block;
}
.fs-c-inquiryAboutProduct .fs-c-button--inquiryAboutProduct::before {
background: url('data:image/svg+xml;charset=UTF-8,') no-repeat center / contain;
width: 1em;
height: 1em;
}
.fs-c-inquiryAboutProduct .js-guide-link::before {
background: url('data:image/svg+xml;charset=UTF-8,') no-repeat center / contain;
width: .75em;
height: 1em;
}
.fs-c-productSelection {
margin-top: -.5em;
}
.fs-c-productOption__name ,
.fs-c-productSelection__name {
background: transparent;
font-size: inherit;
font-weight: 500;
margin: 1em 0 .4em;
}
.fs-c-dropdown__menu {
padding: .6em 1em;
}
.fs-c-returnedSpecialContract__link {
text-align: center;
font-size: .75em;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 960.0px) {
.fs-l-main {
margin: 0 auto;
max-width: 600px;
}
#product_main {
display: grid;
grid-gap: min(5.3vw, 30px);
}
#product_detail {
display: grid;
grid-gap: .5em;
}
.fs-c-productCarouselMainImage img {
width: min(90vw, 600px);
}
.fs-c-productMark {
font-size: min(2.95vw, 13px);
}
.fs-c-inquiryAboutProduct {
font-size: min(2.95vw, 14px);
grid-gap: min(1vw, 1em);
}
.fs-c-inquiryAboutProduct .fs-c-button--plain {
height: 3.4em;
}
}
/* ////////// PC ////////// */
@media print, screen and (min-width: 960.1px) {
#product_main {
display: grid;
align-items: flex-start;
grid-gap: 0 min(5vw, 100px);
grid-template-columns: min(41.5vw, 500px) 1fr;
justify-content: space-between;
}
.fs-c-productCarouselMainImage {
position: sticky;
top: calc(var(--header_h) + 20px);
}
#product_detail {
display: grid;
grid-gap: .5em;
}
.fs-c-productCarouselMainImage img {
width: min(42vw, 500px);
}
.fs-c-productMark {
font-size: 13px;
}
}
@media screen and (min-width: 1230.1px) {
#product_main {
grid-gap: 0 100px;
}
}
@media (hover: hover) {
.btn-cart:hover {
background-color: var(--color_1);
}
.anygift-gift-ui__container .anygift-gift-ui__main-button:hover {
background-color: #f8eff1;
border-color: var(--color_1);
color: var(--color_1);
}
.anygift-gift-ui__container .anygift-gift-ui__main-button:hover::after {
background: url('data:image/svg+xml;charset=UTF-8,') no-repeat center / contain;
}
.fs-c-inquiryAboutProduct .fs-c-button--plain:hover {
border-color: #a5a5a5;
}
}
/*====================================================
////id | productDescription
====================================================*/
#productDescription {
display: grid;
}
.productDescription-head {
border-bottom: solid 1px var(--color_1);
color: var(--color_1);
font-size: min(5.85vw, 22px);
margin-bottom: .5em;
padding-bottom: .5em;
}
#productDescription table {
width: 100%;
}
#productDescription * + table {
margin-top: 2em;
}
#productDescription * + dl {
margin-top: 2em;
}
#productDescription dt {
font-size: 1.2em;
font-weight: 500;
margin-bottom: .3em;
padding-left: .8em;
position: relative;
}
#productDescription dt::before {
background-color: var(--color_1);
border-radius: 10px;
content: '';
display: block;
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: .25em;
height: calc(100% - .5em);
}
#productDescription .fs-p-productDescription--short {
margin-top: min(8vw, 40px);
}
/* ////////// mobile ////////// */
@media screen and (max-width: 769.0px) {
}
/* ////////// PC ////////// */
@media print, screen and (min-width: 769.1px) {
}
@media (hover: hover) {}
/*====================================================
////id | product_img_list
====================================================*/
#product_img_list {
display: grid;
grid-gap: min(4vw, 30px);
margin: auto;
max-width: 800px;
}
#product_img_list .fs-c-productPlainImage:nth-child(1),
#product_img_list .fs-c-productPlainImage:nth-child(n+6) {
display: none;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 769.0px) {
}
/* ////////// PC ////////// */
@media print, screen and (min-width: 769.1px) {
}
@media (hover: hover) {}
/*====================================================
////id | productReview
====================================================*/
#productReview {
display: grid;
grid-gap: 1em;
grid-template-columns: 1fr auto;
}
.fs-c-aggregateRating,
.fs-c-productReview__aggregateRating,
.fs-c-productReview__aggregateRating > a {
display: flex;
align-items: center;
gap: 1em;
}
.fs-body-reviews-product .fs-c-aggregateRating,
#productReview .fs-c-productReview__aggregateRating {
font-size: min(4.53vw, 20px);
grid-column: 1 / 3;
}
.fs-c-productReview__reviewList {
grid-column: 1 / 3;
}
.fs-c-aggregateRating__rating {
align-items: center;
flex: unset;
font-size: 1em;
gap: .5em;
}
.fs-c-aggregateRating__rating::before {
content: '平均評価';
flex: unset;
font-size: 1em;
}
.fs-c-rating__value {
color: inherit;
font-size: 1em;
margin: 0;
}
.fs-c-reviewStars::before {
color: #F1D330;
}
.fs-c-aggregateRating__count {
font-size: 1em;
}
.fs-c-reviewList__item {
border-bottom: solid 1px #DFDFDF;
grid-template: auto auto / 1fr !important;
padding: 1.7em 0;
}
.fs-c-reviewList__item__info {
display: flex;
align-items: baseline;
flex-direction: row;
flex-wrap: wrap;
gap: 0 .6em;
margin-bottom: .6em;
}
.fs-c-reviewList__item .fs-c-reviewInfo__reviewer {
display: flex;
align-items: baseline !important;
flex-direction: row;
flex-wrap: wrap;
gap: 0 .6em;
}
.fs-c-reviewer__name__nickname {
font-size: 1.143em;
font-weight: 700;
}
.fs-c-reviewInfo__date {
margin-top: 0 !important;
}
.fs-c-reviewInfo__date dd {
color: #A5A5A5;
margin-left: 0;
}
.fs-c-reviewer__name__reviewNumber,
.fs-c-reviewerStatus ,
.fs-c-reviewInfo__date dt {
display: none;
}
.fs-c-reviewRating {
width: 100%;
}
.fs-c-reviewList__item__body {
border: none;
margin: 0;
padding: 0;
}
.fs-c-productReview__allReviews,
.fs-c-productReview__addReview {
display: flex;
justify-content: flex-end;
}
.fs-c-buttonContainer .fs-c-button--plain {
background-color: #F5F5F5;
border: solid 1px #F5F5F5;
border-radius: 2px;
color: inherit;
display: flex;
align-items: center;
gap: .5em;
justify-content: center;
font-size: .77em;
padding: .4em 1em;
height: 3em;
}
.fs-c-buttonContainer .fs-c-button--plain::before {
content: '';
display: block;
}
.fs-c-button--viewAllReviews::before {
background: url('data:image/svg+xml;charset=UTF-8,') no-repeat center / contain;
width: 1.2em;
height: 1.2em;
}
.fs-c-button--addReview--detail::before {
background: url('data:image/svg+xml;charset=UTF-8,') no-repeat center / contain;
width: 1.2em;
height: 1.2em;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 769.0px) {
}
/* ////////// PC ////////// */
@media print, screen and (min-width: 769.1px) {
}
@media (hover: hover) {
.fs-c-buttonContainer .fs-c-button--plain:hover {
border-color: #a5a5a5;
}
}
/*====================================================
////id | review
====================================================*/
.fs-c-history .fs-c-listControl {
flex-direction: row;
justify-content: space-between;
font-size: min(3vw, 15px);
margin: 1em 0;
}
.fs-c-history .fs-c-pagination__item.is-active {
background: var(--color_3);
color: var(--black);
}
/* ////////// mobile ////////// */
@media screen and (max-width: 769.0px) {
.fs-body-reviews-product .page_title-head {
font-size: min(5vw, 20px);
}
}
/* ////////// PC ////////// */
@media print, screen and (min-width: 769.1px) {
}
@media (hover: hover) {}
/*====================================================
////id | recommend
====================================================*/
.fs-c-featuredProduct {
display: none;
}
#product_recommend h2 ,
#product_pickup h2 {
font-size: min(5.85vw, 22px);
margin-bottom: 1.5em;
}
.product_recommend-inner ,
.product_pickup-inner {
max-width: 1100px;
width: 100%;
}
.product_recommend-inner {
padding-bottom: 0;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 769.0px) {
#product_recommend .fr3-productListCarousel__responsive_1 .fr3-productListCarousel__slide ,
#product_pickup .fr3-productListCarousel__responsive_1 .fr3-productListCarousel__slide {
flex: 0 0 min(65vw, 300px);
}
}
/* ////////// PC ////////// */
@media print, screen and (min-width: 769.1px) {
#product_recommend .fr3-productListCarousel__slides ,
#product_pickup .fr3-productListCarousel__slides {
display: grid;
grid-template-columns: repeat(3, 1fr);
overflow: hidden;
}
#product_recommend .fr3-productListCarousel__ButtonContainer ,
#product_pickup .fr3-productListCarousel__ButtonContainer {
display: none;
}
}
@media (hover: hover) {}
/*====================================================
////id | anygift-floating-cart
====================================================*/
.anygift-floating-cart {
z-index: 999999;
display: none;
}
.anygift-floating-cart__button {
background: #fff;
border: solid 1px var(--color_2);
color: var(--color_2);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 769.0px) {
}
/* ////////// PC ////////// */
@media print, screen and (min-width: 769.1px) {
}
@media (hover: hover) {}
/*====================================================
////id | xxx
====================================================*/
/* ////////// mobile ////////// */
@media screen and (max-width: 769.0px) {
}
/* ////////// PC ////////// */
@media print, screen and (min-width: 769.1px) {
}
@media (hover: hover) {}