.defalutFontStyle, body {
color: #333;
font-family: "Noto Serif JP", serif;
font-size: 1.6rem;
letter-spacing: .1rem;
line-height: 2
}
.icon_fb:before {
color: #ddd;
content: "";
font-family: Font Awesome\ 5 Brands
}
.icon_fb.active:before {
color: #555
}
.icon_tw:before {
color: #ddd;
content: "";
font-family: Font Awesome\ 5 Brands
}
.icon_tw.active:before {
color: #555
}
.icon_insta:before {
color: #ddd;
content: "";
font-family: Font Awesome\ 5 Brands
}
.icon_insta.active:before {
color: #555
}
.icon_pin:before {
color: #ddd;
content: "";
font-family: Font Awesome\ 5 Brands
}
.icon_pin.active:before {
color: #555
}
.icon_tel:before {
color: #ddd;
content: "";
font-family: Font Awesome\ 5 Brands
}
.icon_tel.active:before {
color: #555
}
frame-01 {
border: 10px solid #fafafa;
margin: 15px 0;
padding: 10px
}
@media screen and (max-width:767px) {
.fs-c-productList__list > .fs-c-productListItem, .layout__item__outer {
padding: 2px
}
}
@media screen and (min-width:768px)and (max-width:1019px) {
.fs-c-productList__list > .fs-c-productListItem, .layout__item__outer {
padding: 10px
}
}
@media screen and (min-width:1020px) {
.fs-c-productList__list > .fs-c-productListItem, .layout__item__outer {
padding: 10px
}
}
.fs-c-orderHistoryItem__product, .fs-c-productList__list > .fs-c-productListItem > a.fr_item, .fs-c-productList__list > .fs-c-productListItem > div, .fs-c-productList__list > .fs-c-productListItem > form, .layout__item__inner {
background: #fafafa
}
@media screen and (max-width:767px) {
.fs-c-orderHistoryItem__product, .fs-c-productList__list > .fs-c-productListItem > a.fr_item, .fs-c-productList__list > .fs-c-productListItem > div, .fs-c-productList__list > .fs-c-productListItem > form, .layout__item__inner {
padding: 5px
}
}
@media screen and (min-width:768px)and (max-width:1019px) {
.fs-c-orderHistoryItem__product, .fs-c-productList__list > .fs-c-productListItem > a.fr_item, .fs-c-productList__list > .fs-c-productListItem > div, .fs-c-productList__list > .fs-c-productListItem > form, .layout__item__inner {
padding: 10px
}
}
@media screen and (min-width:1020px) {
.fs-c-orderHistoryItem__product, .fs-c-productList__list > .fs-c-productListItem > a.fr_item, .fs-c-productList__list > .fs-c-productListItem > div, .fs-c-productList__list > .fs-c-productListItem > form, .layout__item__inner {
padding: 15px
}
}
.fs-c-history__listContainer .fs-c-orderHistory, .layout__list {
display: flex;
flex-direction: column
}
@media screen and (max-width:767px) {
.fs-c-history__listContainer .fs-c-orderHistory, .layout__list {
gap: 4px
}
}
@media screen and (min-width:768px)and (max-width:1019px) {
.fs-c-history__listContainer .fs-c-orderHistory, .layout__list {
gap: 20px
}
}
@media screen and (min-width:1020px) {
.fs-c-history__listContainer .fs-c-orderHistory, .layout__list {
gap: 20px
}
}
.fadeIn, .fs-c-productChooseVariation__variation .fs-c-variationMatrix__col.is_active, .fs-c-productImageCarousel__thumb.loaded, .fs-c-productMarks.loaded, .layoutInner > .fs-c-breadcrumb.loaded {
animation-duration: 1s;
animation-fill-mode: forwards;
animation-name: fadeInAnime;
opacity: 0
}
@keyframes fadeInAnime {
0% {
opacity: 0
}
to {
opacity: 1
}
}
.scroll_bar {
background-color: #f0f0f0
}
.scroll_bar::-webkit-scrollbar {
height: 6px;
width: 6px
}
.scroll_bar::-webkit-scrollbar-track {
background-color: #ccc
}
.scroll_bar::-webkit-scrollbar-thumb {
background-color: #a38000
}
.aspectFix {
position: relative;
width: 100%
}
.aspectFix:before {
content: "";
display: block;
padding-top: 75%
}
.aspectFix > :first-child {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0
}
.alinkText {
color: #a78000;
cursor: pointer;
text-decoration: underline
}
.alinkText:hover {
color: #c19400
}
.flex-container {
display: flex
}
.sp {
display: none
}
@media screen and (max-width:767px) {
.sp {
display: block
}
}
@font-face {
font-family: fs-icon;
font-style: normal;
font-weight: 400;
src: url(../Downloads/fonts/fs-icon.ttf?4lt733) format("truetype"), url(../Downloads/fonts/fs-icon.woff?4lt733) format("woff"), url(../Downloads/fonts/fs-icon.svg?4lt733#fs-icon) format("svg")
}
html {
font-size: 10px
}
body {
padding: 0
}
a {
color: #231815
}
.hidden {
display: none !important
}
.admin-bar main {
min-height: calc(100vh - 302px)
}
.admin-bar main.menu_open {
height: calc(100vh - 302px)
}
button, input, select, textarea {
font-family: "Noto Serif JP", serif;
font-size: inherit
}
[type=date], [type=datetime-local], [type=datetime], [type=email], [type=hidden], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week] {
-webkit-appearance: none;
border: 1px solid #ccc;
line-height: 1.4;
min-height: 1.8em;
padding: 3px 5px;
width: 100%
}
img {
width: auto
}
.c-scrollbar--onGray::-webkit-scrollbar, .c-scrollbar--regular::-webkit-scrollbar, .fs-c-productImageCarousel__thumb::-webkit-scrollbar, .fs-c-productMarks::-webkit-scrollbar, .layoutInner > .fs-c-breadcrumb::-webkit-scrollbar {
border-radius: 1.5px;
height: 3px;
width: 3px
}
.c-scrollbar--onGray::-webkit-scrollbar-track, .c-scrollbar--regular::-webkit-scrollbar-track, .fs-c-productImageCarousel__thumb::-webkit-scrollbar-track, .fs-c-productMarks::-webkit-scrollbar-track, .layoutInner > .fs-c-breadcrumb::-webkit-scrollbar-track {
background: #fafafa;
border-radius: 1.5px
}
.c-scrollbar--onGray::-webkit-scrollbar-thumb, .c-scrollbar--regular::-webkit-scrollbar-thumb, .fs-c-productImageCarousel__thumb::-webkit-scrollbar-thumb, .fs-c-productMarks::-webkit-scrollbar-thumb, .layoutInner > .fs-c-breadcrumb::-webkit-scrollbar-thumb {
background: #eaeaea;
border-radius: 1.5px
}
.c-scrollbar--onGray::-webkit-scrollbar, .fs-c-productImageCarousel__thumb::-webkit-scrollbar, .fs-c-productMarks::-webkit-scrollbar, .layoutInner > .fs-c-breadcrumb::-webkit-scrollbar {
border-radius: 1.5px;
height: 3px;
width: 3px
}
.c-scrollbar--onGray::-webkit-scrollbar-track, .fs-c-productImageCarousel__thumb::-webkit-scrollbar-track, .fs-c-productMarks::-webkit-scrollbar-track, .layoutInner > .fs-c-breadcrumb::-webkit-scrollbar-track {
background: #eee;
border-radius: 1.5px
}
.c-scrollbar--onGray::-webkit-scrollbar-thumb, .fs-c-productImageCarousel__thumb::-webkit-scrollbar-thumb, .fs-c-productMarks::-webkit-scrollbar-thumb, .layoutInner > .fs-c-breadcrumb::-webkit-scrollbar-thumb {
background: #ccc;
border-radius: 1.5px
}
table.sizechart {
border-collapse: collapse;
margin: 0 auto;
padding: 0;
table-layout: fixed;
width: 100%
}
table.sizechart tr {
background-color: #fff;
border: 1px solid #bbb;
padding: .35em
}
table.sizechart td, table.sizechart th {
border-right: 1px solid #bbb;
padding: 1em 10px 1em 1em
}
table.sizechart th {
font-size: .75em
}
table.sizechart thead tr {
background-color: #eee
}
table.sizechart .size, table.sizechart .txt {
font-size: .85em;
text-align: center
}
@media screen and (max-width:767px) {
table.sizechart thead {
display: none
}
table.sizechart tbody tr {
border: none;
display: flex;
flex-direction: row;
flex-wrap: wrap
}
table.sizechart tbody tr th {
border-right: none;
width: 100%
}
table.sizechart tbody tr td {
border-right: none;
margin-top: 30px;
padding: 1rem .5rem;
position: relative
}
table.sizechart tbody tr td:before {
border-bottom: 1px solid #ccc;
content: attr(data-label);
left: 0;
margin: 0 auto;
position: absolute;
right: 0;
top: -15px
}
table.sizechart tbody tr:has(>td:first-child:last-child) td {
width: calc(100%/(1 - 1))
}
table.sizechart tbody tr:has(>td:nth-child(2):last-child) td {
width: 100%
}
table.sizechart tbody tr:has(>td:nth-child(3):last-child) td {
width: 50%
}
table.sizechart tbody tr:has(>td:nth-child(4):last-child) td {
width: 33.33333%
}
table.sizechart tbody tr:has(>td:nth-child(5):last-child) td {
width: 25%
}
table.sizechart tbody tr:has(>td:nth-child(6):last-child) td {
width: 20%
}
table.sizechart tbody tr:has(>td:nth-child(7):last-child) td {
width: 16.66667%
}
table.sizechart tbody tr:has(>td:nth-child(8):last-child) td {
width: 14.28571%
}
table.sizechart tbody tr:has(>td:nth-child(9):last-child) td {
width: 12.5%
}
table.sizechart tbody tr:has(>td:nth-child(10):last-child) td {
width: 11.11111%
}
}
.fs-l-main {
padding: 10px
}
@media screen and (max-width:767px) {
.fs-l-main .fs-l-productLayout {
display: block
}
}
@media screen and (min-width:768px) {
.fs-l-main .fs-l-productLayout {
display: flex;
justify-content: space-between;
position: relative
}
}
@media screen and (max-width:767px) {
.fs-l-main .fs-l-productLayout .product_left {
margin: 0;
padding: 0;
width: 100%
}
}
@media screen and (min-width:768px)and (max-width:1019px) {
.fs-l-main .fs-l-productLayout .product_left {
padding-right: 18px;
width: 50%
}
}
@media screen and (min-width:1020px) {
.fs-l-main .fs-l-productLayout .product_left {
padding-right: 60px;
width: calc(100% - 460px)
}
}
.fs-l-main .fs-l-productLayout .product_right .fs-c-productPrices .fs-c-productPrice--selling {
order: 2;
padding-bottom: 0
}
.fs-l-main .fs-l-productLayout .product_right .fs-c-productPrices .fs-c-productPrice--listed {
order: 3
}
.fs-l-main .fs-l-productLayout .product_right .fs-c-productPrices .fs-c-productMarks--second {
order: 4
}
@media screen and (max-width:767px) {
.fs-l-main .fs-l-productLayout .product_right {
width: 100%
}
}
@media screen and (min-width:768px)and (max-width:1019px) {
.fs-l-main .fs-l-productLayout .product_right {
width: 50%
}
}
@media screen and (min-width:1020px) {
.fs-l-main .fs-l-productLayout .product_right {
width: 460px
}
}
.fs-l-productLayout .product_right .fs-c-button--addToCart--detail, .fs-l-productLayout .product_right .fs-c-button--addToWishList--detail {
background: #231815;
color: #fff;
display: block;
margin: 10px 0;
padding: 8px 30px;
width: 100%
}
.fs-l-cart__sideColumn {
border: 1px solid #e5e5e5;
border-radius: 3px;
padding: 16px
}
@media screen and (min-width:960px) {
.fs-l-cart__contentsArea {
-ms-grid-columns: 1fr 280px;
grid-column-gap: 24px;
grid-row-gap: 24px;
display: grid;
grid-template-columns: 1fr 280px
}
.fs-body-cart .fs-l-cart__sideColumn {
align-self: start;
grid-column: 2;
grid-row: 1/span 3
}
}
#fs_CustomerDetails .fs-l-main, #fs_PasswordReminder .fs-l-main, #fs_ShoppingCart .fs-l-main {
margin: 40px auto;
max-width: 620px;
width: 100%
}
.fs-body-cart .fs-l-main {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 24px auto;
max-width: 1216px !important;
padding: 8px
}
.layoutInner, .layoutOuter {
margin: 0 auto;
width: 100%
}
.layoutInner {
max-width: 1000px
}
.fs-c-productListItem {
max-width: 240px;
min-width: unset
}
.fs-c-productListItem .fs-c-productListItem {
display: block;
font-size: 0;
height: fit-content;
line-height: 0;
margin: 0;
padding: 0;
width: fit-content
}
.fs-c-productListItem:has(.fs-c-productMarks) .fs-c-productListItem__imageContainer {
padding-bottom: 0
}
.fs-c-productListItem__imageContainer {
order: 1;
padding-bottom: 2.8rem;
position: relative
}
.fs-c-productListItem__imageContainer img {
display: block;
height: auto;
width: 100%
}
.fs-c-productListItem .fs-c-productMarks {
order: 2
}
.fs-c-productListItem__productName {
border-bottom: 1px solid #bbb;
margin: 1rem 0;
order: 3;
padding: .6rem 0
}
.fs-c-productListItem__prices {
order: 4
}
.fs-c-productListItem__control {
display: flex;
flex-direction: row;
justify-content: flex-end;
order: 6
}
.fs-c-productListItem__control .fs-c-button--addToWishList--icon {
background: none;
border: none
}
.fs-c-productListItem__control .fs-c-button--viewProductDetail, .fs-c-productListItem__preorderMessage {
display: none
}
.fs-c-productListItem__outOfStock {
height: 0;
order: 5;
position: relative;
visibility: hidden;
width: 0
}
.fs-c-productListItem__outOfStock:after {
border: 1px solid red;
color: #666;
color: red;
content: "欠品中";
display: inline-block;
font-size: 1rem;
left: 0;
letter-spacing: .05rem;
line-height: 2rem;
margin: .27rem;
padding: 0 .6rem;
position: absolute;
top: 0;
visibility: visible;
white-space: nowrap;
width: auto
}
.fs-c-productListItem__lowInStock, .fs-c-productListItem__salesPeriod {
display: none
}
.fs_recommend-2 .fs-c-productListItem .fs-c-productListItem__imageContainer {
padding-bottom: 0 !important
}
.fs-c-productListItem__viewMoreImageButton {
display: none !important
}
.fs-c-productListItem__productDescription {
margin: 8px 0
}
.fs-body-my-wishlist .fs-c-productListItem__rating, .fs-body-my-wishlist .fs-c-productListItem__viewReview {
display: none
}
.fs-c-button--particular.fs-c-button--addToWishList--detail:after, .fs-c-button--particular.fs-c-button--addToWishList--icon:before {
color: #231815;
content: ""
}
.fs-c-button--particular.fs-c-button--removeFromWishList--detail:after, .fs-c-button--particular.fs-c-button--removeFromWishList--icon:before {
color: #c98696;
content: ""
}
.fs-c-productImage img {
height: 100%;
margin: 0;
padding: 0;
width: 100%
}
.fs-c-productName {
text-align: left
}
.fs-c-productName__name {
-webkit-line-clamp: 2
}
.fs-c-productName__copy, .fs-c-productName__name {
-webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis
}
.fs-c-productName__copy {
-webkit-line-clamp: 1;
font-size: .9rem;
height: 1.8rem;
line-height: 1.8rem
}
.fs-c-productName__name {
font-size: 1.4rem;
height: 3.8rem;
letter-spacing: .05rem;
line-height: 1.9rem
}
.fs-body-search .fs-c-productName__name .fs-c-productListItem form > *, .fs-c-productName__variation {
display: none
}
.fs-c-productMarks {
height: 28px;
opacity: 0;
overflow-y: hidden;
padding: 3px 0
}
.fs-c-productMark, .fs-c-productMarks--second {
display: block;
flex-wrap: nowrap;
width: 100%
}
.fs-c-productMark__item {
float: left;
width: fit-content
}
.fs-c-productMark__mark {
background: hsla(0, 0%, 100%, .8);
border: .5px solid #999;
color: #a78000;
display: block;
font-size: .9rem;
line-height: .9rem;
margin: 1px;
padding: 3px 6px;
white-space: nowrap
}
.fs-l-productLayout .fs-c-productMark__mark {
font-size: 1.2rem;
padding: 6px 9px
}
.fs-c-productMarks--second .fs-c-productMark__mark {
border: none;
color: #333;
font-size: 1.2rem;
font-weight: 700;
line-height: 1.8rem;
margin-right: 6px;
padding-left: 20px;
position: relative;
text-align: left
}
.fs-c-productMarks--second .fs-c-productMark__mark.markSamedayDelivery:before {
-webkit-mask-image: url('data:image/svg+xml;charset=utf-8,');
mask-image: url('data:image/svg+xml;charset=utf-8,');
-webkit-mask-size: contain;
mask-size: contain;
transform: scaleX(-1)
}
.fs-c-productMarks--second .fs-c-productMark__mark.markMailDelivery:before, .fs-c-productMarks--second .fs-c-productMark__mark.markSamedayDelivery:before {
background-color: #333;
bottom: 0;
content: "";
display: block;
height: 18px;
left: 0;
margin: auto;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
position: absolute;
top: 0;
width: 18px;
z-index: 0
}
.fs-c-productMarks--second .fs-c-productMark__mark.markMailDelivery:before {
-webkit-mask-image: url('data:image/svg+xml;charset=utf-8,');
mask-image: url('data:image/svg+xml;charset=utf-8,');
-webkit-mask-size: cover;
mask-size: cover
}
.fs-c-productMark__mark--bOutlet:before, .fs-c-productMark__mark--cornerTag:before, .fs-c-productMark__mark--new:before, .fs-c-productMark__mark--outlet:before, .fs-c-productMark__mark.markNew:before, .fs-c-productMark__mark.markOutlet:before, .fs-c-productMark__mark.markbOutlet:before, .fs-l-productLayout:has(.markBoutlet) .product_left:before, .fs-l-productLayout:has(.markNew) .product_left:before, .fs-l-productLayout:has(.markOutlet) .product_left:before, article.fs-c-productList__list__item:has(.markBoutlet) .product_left:before, article.fs-c-productList__list__item:has(.markNew) .product_left:before, article.fs-c-productList__list__item:has(.markOutlet) .product_left:before {
border-right: 50px solid transparent;
border-top: 50px solid #a78000;
content: "";
display: block;
height: 0;
left: 0;
position: absolute;
top: 0;
visibility: visible;
width: 0;
z-index: 100
}
.fs-c-productMark__mark--bOutlet:after, .fs-c-productMark__mark--cornerTag:after, .fs-c-productMark__mark--new:after, .fs-c-productMark__mark--outlet:after, .fs-c-productMark__mark.markNew:after, .fs-c-productMark__mark.markOutlet:after, .fs-c-productMark__mark.markbOutlet:after, .fs-l-productLayout:has(.markBoutlet) .product_left:after, .fs-l-productLayout:has(.markNew) .product_left:after, .fs-l-productLayout:has(.markOutlet) .product_left:after, article.fs-c-productList__list__item:has(.markBoutlet) .product_left:after, article.fs-c-productList__list__item:has(.markNew) .product_left:after, article.fs-c-productList__list__item:has(.markOutlet) .product_left:after {
color: #fff;
content: "DEFAULT";
display: inline-block;
display: block;
font-size: .9rem;
left: -5px;
line-height: .9rem;
position: absolute;
text-align: center;
top: 16px;
transform: rotate(-45deg);
transform-origin: center center;
visibility: visible;
width: 50px;
z-index: 101
}
.fs-c-productMark__mark--new:before, .fs-c-productMark__mark.markNew:before, .fs-l-productLayout:has(.markNew) .product_left:before, article.fs-c-productList__list__item:has(.markNew) .product_left:before {
border-top: 50px solid #294799
}
.fs-c-productMark__mark--new:after, .fs-c-productMark__mark.markNew:after, .fs-l-productLayout:has(.markNew) .product_left:after, article.fs-c-productList__list__item:has(.markNew) .product_left:after {
content: "NEW"
}
.fs-c-productMark__mark--outlet:before, .fs-c-productMark__mark.markOutlet:before, .fs-l-productLayout:has(.markOutlet) .product_left:before, article.fs-c-productList__list__item:has(.markOutlet) .product_left:before {
border-top: 50px solid #a62721
}
.fs-c-productMark__mark--outlet:after, .fs-c-productMark__mark.markOutlet:after, .fs-l-productLayout:has(.markOutlet) .product_left:after, article.fs-c-productList__list__item:has(.markOutlet) .product_left:after {
content: "SALE"
}
.fs-c-productMark__mark--bOutlet:before, .fs-c-productMark__mark.markbOutlet:before, .fs-l-productLayout:has(.markBoutlet) .product_left:before, article.fs-c-productList__list__item:has(.markBoutlet) .product_left:before {
border-top: 50px solid #333
}
.fs-c-productMark__mark--bOutlet:after, .fs-c-productMark__mark.markbOutlet:after, .fs-l-productLayout:has(.markBoutlet) .product_left:after, article.fs-c-productList__list__item:has(.markBoutlet) .product_left:after {
content: "OUTLET"
}
.fs-c-productMark__mark.markNew, .fs-c-productMark__mark.markOutlet, .fs-c-productMark__mark.markbOutlet {
visibility: hidden
}
.fs-l-productLayout, article.fs-c-productList__list__item {
position: relative
}
.fs-l-productLayout:has(.markNew) .product_left .fs-c-productMarks .fs-c-productMark .fs-c-productMark__item .markNew:before, .fs-l-productLayout:has(.markNew) .product_left .fs-c-productMarks .fs-c-productMarks--second .fs-c-productMark__item .markNew:before, article.fs-c-productList__list__item:has(.markNew) .product_left .fs-c-productMarks .fs-c-productMark .fs-c-productMark__item .markNew:before, article.fs-c-productList__list__item:has(.markNew) .product_left .fs-c-productMarks .fs-c-productMarks--second .fs-c-productMark__item .markNew:before {
content: unset
}
.fs-l-productLayout:has(.markNew) .product_left .fs-c-productMarks .fs-c-productMark .fs-c-productMark__item .markNew:after, .fs-l-productLayout:has(.markNew) .product_left .fs-c-productMarks .fs-c-productMarks--second .fs-c-productMark__item .markNew:after, article.fs-c-productList__list__item:has(.markNew) .product_left .fs-c-productMarks .fs-c-productMark .fs-c-productMark__item .markNew:after, article.fs-c-productList__list__item:has(.markNew) .product_left .fs-c-productMarks .fs-c-productMarks--second .fs-c-productMark__item .markNew:after {
content: unset
}
.fs-l-productLayout:has(.markOutlet) .product_left .fs-c-productMarks .fs-c-productMark .fs-c-productMark__item .markOutlet:before, .fs-l-productLayout:has(.markOutlet) .product_left .fs-c-productMarks .fs-c-productMarks--second .fs-c-productMark__item .markOutlet:before, article.fs-c-productList__list__item:has(.markOutlet) .product_left .fs-c-productMarks .fs-c-productMark .fs-c-productMark__item .markOutlet:before, article.fs-c-productList__list__item:has(.markOutlet) .product_left .fs-c-productMarks .fs-c-productMarks--second .fs-c-productMark__item .markOutlet:before {
content: unset
}
.fs-l-productLayout:has(.markOutlet) .product_left .fs-c-productMarks .fs-c-productMark .fs-c-productMark__item .markOutlet:after, .fs-l-productLayout:has(.markOutlet) .product_left .fs-c-productMarks .fs-c-productMarks--second .fs-c-productMark__item .markOutlet:after, article.fs-c-productList__list__item:has(.markOutlet) .product_left .fs-c-productMarks .fs-c-productMark .fs-c-productMark__item .markOutlet:after, article.fs-c-productList__list__item:has(.markOutlet) .product_left .fs-c-productMarks .fs-c-productMarks--second .fs-c-productMark__item .markOutlet:after {
content: unset
}
.fs-l-productLayout:has(.markBoutlet) .product_left .fs-c-productMarks .fs-c-productMark .fs-c-productMark__item .markBoutlet:before, .fs-l-productLayout:has(.markBoutlet) .product_left .fs-c-productMarks .fs-c-productMarks--second .fs-c-productMark__item .markBoutlet:before, article.fs-c-productList__list__item:has(.markBoutlet) .product_left .fs-c-productMarks .fs-c-productMark .fs-c-productMark__item .markBoutlet:before, article.fs-c-productList__list__item:has(.markBoutlet) .product_left .fs-c-productMarks .fs-c-productMarks--second .fs-c-productMark__item .markBoutlet:before {
content: unset
}
.fs-l-productLayout:has(.markBoutlet) .product_left .fs-c-productMarks .fs-c-productMark .fs-c-productMark__item .markBoutlet:after, .fs-l-productLayout:has(.markBoutlet) .product_left .fs-c-productMarks .fs-c-productMarks--second .fs-c-productMark__item .markBoutlet:after, article.fs-c-productList__list__item:has(.markBoutlet) .product_left .fs-c-productMarks .fs-c-productMark .fs-c-productMark__item .markBoutlet:after, article.fs-c-productList__list__item:has(.markBoutlet) .product_left .fs-c-productMarks .fs-c-productMarks--second .fs-c-productMark__item .markBoutlet:after {
content: unset
}
.fs-c-productPrices {
display: flex;
flex-direction: column;
position: relative
}
.fs-c-productPrices .fs-c-productPrice {
position: relative
}
.fs-c-productPrices .fs-c-productPrice, .fs-c-productPrices .fs-c-productPrice__main {
align-items: flex-end;
display: flex;
flex-direction: row
}
.fs-c-productPrices .fs-c-productPrice--listed .fs-c-productPrice__main__label {
display: none
}
.fs-c-productPrices .fs-c-productPrice__addon {
color: #666;
display: inline;
font-size: .9rem;
line-height: 1.2;
padding-left: 3px;
top: 3px
}
.fs-c-productPrices .fs-c-productPrice.fs-c-productPrice--listed {
order: 2
}
.fs-c-productPrices .fs-c-productPrice.fs-c-productPrice--listed .fs-c-productPrice__main {
color: #999;
margin-top: 9px
}
.fs-c-productPrices .fs-c-productPrice.fs-c-productPrice--listed .fs-c-productPrice__main__price.fs-c-price {
text-decoration: line-through
}
.fs-c-productPrices .fs-c-productPrice.fs-c-productPrice--listed .fs-c-productPrice__addon {
display: none
}
.fs-c-productPrices .fs-c-productPrice--listed + .fs-c-productPrice--preorder, .fs-c-productPrices .fs-c-productPrice--listed + .fs-c-productPrice--selling {
padding: 0
}
.fs-c-productPrices .fs-c-productPrice--listed + .fs-c-productPrice--preorder .fs-c-productPrice__main__price.fs-c-price, .fs-c-productPrices .fs-c-productPrice--listed + .fs-c-productPrice--selling .fs-c-productPrice__main__price.fs-c-price {
color: #a62721
}
.fs-c-productPrices .fs-c-productPrice--preorder, .fs-c-productPrices .fs-c-productPrice--selling {
order: 1;
padding-bottom: 16px
}
.fs-c-productPrices .fs-c-productPrice--preorder .fs-c-productPrice__main, .fs-c-productPrices .fs-c-productPrice--selling .fs-c-productPrice__main {
padding-top: 32px;
position: relative
}
.fs-c-productPrices .fs-c-productPrice--preorder .fs-c-productPrice__main__label, .fs-c-productPrices .fs-c-productPrice--selling .fs-c-productPrice__main__label {
border: 1px solid #a62721;
color: #a62721;
font-size: 1rem;
letter-spacing: .1rem;
line-height: 1.6rem;
margin-right: .5rem;
order: 2;
padding: 3px 6px;
position: absolute;
top: 0
}
.fs-c-productPrices .fs-c-productPrice--preorder .fs-c-productPrice__main__price.fs-c-price, .fs-c-productPrices .fs-c-productPrice--selling .fs-c-productPrice__main__price.fs-c-price {
order: 1
}
.fs-c-productPrices .fs-c-productPrice--preorder .fs-c-productPrice__addon, .fs-c-productPrices .fs-c-productPrice--selling .fs-c-productPrice__addon {
color: #666;
display: inline;
font-size: .9rem;
line-height: 1;
padding-left: 3px;
top: 3px
}
.fs-c-productPrices .fs-c-productPrice--preorder .fs-c-productPrice__addon__label, .fs-c-productPrices .fs-c-productPrice--selling .fs-c-productPrice__addon__label {
vertical-align: text-top
}
.fs-c-productPrices--productDetail {
display: flex
}
.fs-c-productPrices.fs-c-productPrices--productDetail .fs-c-productPrice.fs-c-productPrice--listed .fs-c-productPrice__main {
font-size: 1.3rem;
letter-spacing: .12rem;
line-height: 1.3rem
}
.fs-c-productPrices.fs-c-productPrices--productDetail .fs-c-productPrice.fs-c-productPrice--selling .fs-c-productPrice__main {
align-items: flex-end;
flex-direction: row
}
.fs-c-productPrices.fs-c-productPrices--productDetail .fs-c-productPrice.fs-c-productPrice--selling .fs-c-productPrice__main__label {
display: inline;
font-size: 1.5rem;
line-height: 1.5rem;
margin-right: .5rem
}
.fs-c-productPrices.fs-c-productPrices--productDetail .fs-c-productPrice.fs-c-productPrice--selling .fs-c-productPrice__addon {
left: 0;
position: relative;
top: 0
}
.fs-c-productPrices.fs-c-productPrices--productDetail .fs-c-productPrice.fs-c-productPrice--selling .fs-c-productPrice__addon__label {
font-size: 1.3rem
}
.fs-c-productPrices.fs-c-productPrices--productDetail .fs-c-productPrice.fs-c-productPrice--selling .fs-c-productPrice__addon:not(.fs-c-productPrice__addon--listed) {
display: flex;
flex-wrap: wrap;
line-height: 1.1;
margin-left: 3px
}
#fs_MyPageTop .fs-c-productPrice--listed, .fs-body-my-wishlist .fs-c-productPrice--listed {
display: none
}
.fs-c-price {
font-size: 2.4rem;
letter-spacing: .01rem;
line-height: 1;
text-decoration: none
}
.fs-c-price__currencyMark {
font-size: 1.6rem;
padding-right: .5rem
}
.fs-c-price__value {
font-weight: 700
}
.fs-c-productPrice--listed .fs-c-price > * {
font-size: 1.6rem;
line-height: 1.2
}
.fs-c-productPrice--listed .fs-c-price__currencyMark {
padding-right: 0
}
.fs-c-productPrices--productDetail .fs-c-productPrice--selling .fs-c-price {
font-size: 2.8rem;
line-height: 1
}
.fs-c-productPrices--productDetail .fs-c-productPrice--selling .fs-c-price__value {
font-size: 2.8rem
}
.fs-c-productImageCarousel {
opacity: 0;
position: relative
}
.fs-c-productImageCarousel.slick-initialized {
animation-duration: .7s;
animation-fill-mode: forwards;
animation-name: fadeUpAnime;
opacity: 1
}
.fs-c-productImageCarousel .slick-slide figure {
height: 100%;
margin: 0;
padding: 0;
width: 100%
}
.fs-c-productImageCarousel__thumb {
opacity: 0;
overflow: hidden;
padding-bottom: 6px
}
.fs-c-productImageCarousel__thumb.loaded {
opacity: 1
}
.fs-c-productImageCarousel__dots {
-webkit-overflow-scrolling: touch;
overflow-scrolling: touch;
column-gap: 10px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
padding-bottom: 0
}
.fs-c-productImageCarousel__dots li {
flex-shrink: 0;
height: 100px;
width: 86px
}
.fs-c-productImageCarousel__dots li button {
visibility: hidden
}
.fs-c-productImageCarousel__dots li.slick-active {
border: 1px solid #666
}
.fs-c-productImageCarousel__wrap {
position: relative
}
.fs-c-productImageCarousel__arrows {
bottom: 0;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
height: 30px;
justify-content: space-between;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0
}
.fs-c-productImageCarousel__arrows .slick-arrow {
background: hsla(0, 0%, 100%, .3);
border: none;
height: 30px;
margin: 0;
padding: 0;
width: 30px
}
.fs-c-productImageCarousel__arrows .slick-arrow svg {
color: #999;
height: 30px;
width: 30px
}
.fs-c-productImageCarousel__arrows__next.slick-arrow:before, .fs-c-productImageCarousel__arrows__prev.slick-arrow:before {
display: none
}
.fs-c-productListCarousel {
width: 100%
}
.fs-c-productListCarousel .fr2-carousel {
margin: 0;
width: 100%
}
.fs-c-productListCarousel .fr2-carousel .rcmd-slick-arrow {
background: hsla(0, 0%, 78%, .4);
height: 64px;
width: 24px;
z-index: 10
}
.fs-c-productListCarousel .fr2-carousel .rcmd-slick-arrow:before {
height: 64px;
width: 24px
}
.fs-c-productListCarousel .fr2-carousel .rcmd-slick-list {
margin: 0
}
.optionCarousel {
margin: 0 auto
}
@media screen and (max-width:767px) {
.optionCarousel {
width: 75%
}
}
@media screen and (min-width:768px)and (max-width:1019px) {
.optionCarousel {
width: 85%
}
}
@media screen and (min-width:1020px) {
.optionCarousel {
width: 90%
}
}
.fs-c-productChooseVariation.is_loaded {
display: block
}
.fs-c-productChooseVariation__variationLabel__size {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between
}
.fs-c-productChooseVariation__variation__thumbs {
align-items: center;
border-bottom: 1px solid #aaa;
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 9px;
justify-content: flex-start;
padding-bottom: 3rem
}
.fs-c-productChooseVariation__variation__thumbs > * {
width: calc(25% - 6.75px)
}
.fs-c-productChooseVariation__variation__thumb {
position: relative
}
.fs-c-productChooseVariation__variation__thumb.is_active > :after, .fs-c-productChooseVariation__variation__thumb.is_active > :before {
content: "";
display: inline-block;
height: 9px;
position: absolute;
width: 9px
}
.fs-c-productChooseVariation__variation__thumb.is_active .fs-c-variationMatrix__row__thumbnail:before {
border-left: 1px solid #000;
border-top: 1px solid #000;
left: 0;
top: 0
}
.fs-c-productChooseVariation__variation__thumb.is_active .fs-c-variationMatrix__row__thumbnail:after {
border-bottom: 1px solid #000;
border-right: 1px solid #000;
bottom: 0;
right: 0
}
.fs-c-productChooseVariation__variation__thumb.is_active .fs-c-variationMatrix__row__variationName:before {
border-right: 1px solid #000;
border-top: 1px solid #000;
right: 0;
top: 0
}
.fs-c-productChooseVariation__variation__thumb.is_active .fs-c-variationMatrix__row__variationName:after {
border-bottom: 1px solid #000;
border-left: 1px solid #000;
bottom: 0;
left: 0
}
.fs-c-productChooseVariation__variationLabel .fs-c-variationAndActions__stockSignLegend {
display: flex;
flex-direction: row;
justify-content: flex-end
}
.fs-c-productChooseVariation__variationLabel__size .fs-c-variationAndActions__stockSignLegend {
display: none
}
.fs-c-productChooseVariation__variation .fs-c-variationMatrix__row__thumbnail {
margin: 0;
padding: 0;
pointer-events: none;
width: 100%
}
.fs-c-productChooseVariation__variation .fs-c-variationMatrix__row__thumbnail img {
height: auto;
max-width: unset;
width: 100%
}
.fs-c-productChooseVariation__variation .fs-c-variationMatrix__row__variationName {
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
display: -webkit-box;
font-size: 1rem;
line-height: 1.8rem;
overflow: hidden;
pointer-events: none;
text-align: center;
text-overflow: ellipsis
}
.fs-c-productChooseVariation__variation .fs-c-variationMatrix {
border-bottom: 1px solid #aaa;
display: flex;
flex-direction: column;
padding-bottom: 3rem
}
.fs-c-productChooseVariation__variation .fs-c-variationMatrix__col {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: 1fr 20px
}
.fs-c-productChooseVariation__variation .fs-c-variationMatrix__col__thumbnail {
grid-column: 1/2;
grid-row: 1/2;
margin: 0 auto
}
.fs-c-productChooseVariation__variation .fs-c-variationMatrix__col__variationName {
font-size: .8rem;
font-weight: 700;
grid-column: 1/2;
grid-row: 2/3;
text-align: center
}
.fs-c-productChooseVariation__variation .fs-c-variationMatrix__col__variationPanels {
display: flex;
flex-direction: row;
flex-grow: 1;
flex-wrap: nowrap;
gap: 3px;
grid-column: 2/5;
grid-row: 1/3
}
.fs-c-productChooseVariation__variation .fs-c-variationMatrix__col .fs-c-variationMatrix__row__variationPanels {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 9px
}
.fs-c-productChooseVariation__variation .fs-c-variationMatrix__col .fs-c-variationMatrix__row__variationPanels > * {
width: calc(33.33333% - 6px)
}
.fs-c-productChooseVariation__variation .fs-c-variationMatrix__col .fs-c-variationMatrix__row__variationPanels > .fs-c-variationMatrix__item {
flex-basis: unset;
position: relative
}
.fs-c-productChooseVariation__variation .fs-c-variationMatrix__col .fs-c-variationMatrix__row__variationPanels > .fs-c-variationMatrix__item > input {
cursor: pointer;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%
}
.fs-c-productChooseVariation__variation .fs-c-variationMatrix__col.is_active {
display: block
}
.fs-c-variationMatrix__panel {
align-items: center;
background: #dfdfdf;
flex-direction: column;
height: 6rem;
justify-content: center;
padding: .6rem 1.2rem;
position: relative;
transition: .3s;
width: 100%
}
.fs-c-variationMatrix__panel:has(.fs-c-variationMatrix__panel__stock) .fs-c-variationMatrix__panel__label {
margin: 0
}
.fs-c-variationMatrix__panel > * {
align-items: center;
display: flex;
font-size: 1.2rem;
font-weight: 700;
line-height: 1.5;
text-align: center
}
.fs-c-variationMatrix__panel__label {
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
display: -webkit-box;
line-height: 1.2;
margin: 8px 0;
order: 1;
overflow: hidden;
overflow-wrap: normal;
text-overflow: ellipsis;
word-break: normal
}
.fs-c-variationMatrix__panel__stock {
order: 2
}
.fs-c-variationMatrix__panel.fewLeft:before {
content: "残り１点";
font-size: 1rem;
letter-spacing: .09rem;
line-height: 1;
order: 2;
text-align: center
}
.fs-c-variationMatrix__panel.fewLeft .fs-c-variationMatrix__panel__stock {
display: none
}
.fs-c-variationMatrix__panel.outOfStock {
background: #fbfbfb
}
.fs-c-variationMatrix__panel.outOfStock:before {
color: #bbb;
content: "( SOLDOUT )";
font-size: 1rem;
letter-spacing: .09rem;
line-height: 1;
order: 2;
text-align: center
}
.fs-c-variationMatrix__panel.outOfStock .fs-c-variationMatrix__panel__label {
color: #bbb
}
.fs-c-variationMatrix__panel.outOfStock .fs-c-variationMatrix__panel__stock {
color: #bbb;
display: none
}
.fs-c-variationLabel__label {
font-size: 2rem;
font-weight: 700;
line-height: 2.8rem
}
.fs-c-variationLabel {
align-items: center;
padding: 4rem 0 1.5rem
}
.fs-c-variationLabel > :not(:first-child):before {
content: unset
}
.fs-c-productQuantityAndWishlist {
align-items: center;
border-bottom: 1px solid #aaa;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
padding-bottom: 1.2rem;
padding-top: 3.5rem
}
.fs-c-productQuantityAndWishlist__wishlist.fs-c-buttonContainer {
display: flex;
flex-direction: row;
justify-content: flex-end;
margin: 0;
order: 3;
width: 100%
}
.fs-c-productQuantityAndWishlist__wishlist.fs-c-buttonContainer button.fs-c-button--addToWishList--detail, .fs-c-productQuantityAndWishlist__wishlist.fs-c-buttonContainer button.fs-c-button--removeFromWishList--detail {
align-items: center;
display: flex !important;
flex-direction: row;
justify-content: center;
justify-content: flex-end;
margin: 0 !important;
padding: 12px 0 0;
width: 100%
}
.fs-c-productQuantityAndWishlist__wishlist.fs-c-buttonContainer button.fs-c-button--addToWishList--detail:disabled:before, .fs-c-productQuantityAndWishlist__wishlist.fs-c-buttonContainer button.fs-c-button--removeFromWishList--detail:disabled:before {
color: #cdcdcd
}
.fs-c-productQuantityAndWishlist__wishlist.fs-c-buttonContainer button.fs-c-button--addToWishList--detail > *, .fs-c-productQuantityAndWishlist__wishlist.fs-c-buttonContainer button.fs-c-button--removeFromWishList--detail > * {
display: inline-block
}
.fs-c-productQuantityAndWishlist__wishlist.fs-c-buttonContainer button.fs-c-button--addToWishList--detail span, .fs-c-productQuantityAndWishlist__wishlist.fs-c-buttonContainer button.fs-c-button--removeFromWishList--detail span {
display: none
}
.fs-c-productQuantityAndWishlist__wishlist.fs-c-buttonContainer button.fs-c-button--addToWishList--detail:after, .fs-c-productQuantityAndWishlist__wishlist.fs-c-buttonContainer button.fs-c-button--removeFromWishList--detail:after {
width: 33.99px
}
.fs-c-productQuantityAndWishlist__wishlist.fs-c-buttonContainer button.fs-c-button--addToWishList--detail, .fs-c-productQuantityAndWishlist__wishlist.fs-c-buttonContainer button.fs-c-button--removeFromWishList--detail {
position: relative
}
.fs-c-productQuantityAndWishlist__wishlist.fs-c-buttonContainer button.fs-c-button--addToWishList--detail:before, .fs-c-productQuantityAndWishlist__wishlist.fs-c-buttonContainer button.fs-c-button--removeFromWishList--detail:before {
color: #333;
display: inline-block;
font-size: 1.2rem;
letter-spacing: .03rem;
line-height: 1.3;
text-align: right
}
.fs-c-productQuantityAndWishlist__wishlist.fs-c-buttonContainer button.fs-c-button--addToWishList--detail:before {
content: "お気に入り登録"
}
.fs-c-productQuantityAndWishlist__wishlist.fs-c-buttonContainer button.fs-c-button--removeFromWishList--detail:before {
content: "お気に入り解除"
}
.fs-c-productQuantityAndWishlist__quantity {
max-width: unset;
order: 1;
position: relative;
text-align: right;
width: 30%
}
.fs-c-productQuantityAndWishlist__quantity:before {
align-self: center;
content: "数量：";
display: inline-block;
font-size: 1.4rem;
line-height: 2rem;
position: relative
}
.fs-c-productQuantityAndWishlist__quantity .fs-c-quantity__select {
min-width: unset;
text-align: right;
width: 3.5rem
}
.fs-c-productQuantityAndWishlist .fs-c-productActionButton__wrap {
order: 2;
padding-left: 18px;
position: relative;
width: 70%
}
.fs-c-productQuantityAndWishlist .fs-c-productActionButton__wrap .fs-c-nostockBtnContainer, .fs-c-productQuantityAndWishlist .fs-c-productActionButton__wrap .fs-c-productActionButton.fs-c-buttonContainer {
width: 100%
}
.fs-c-productQuantityAndWishlist .fs-c-productActionButton__wrap .fs-c-nostockBtnContainer button, .fs-c-productQuantityAndWishlist .fs-c-productActionButton__wrap .fs-c-productActionButton.fs-c-buttonContainer button {
max-width: unset;
width: 100%
}
.fs-c-productQuantityAndWishlist .fs-c-productActionButton__wrap .fs-c-nostockBtnContainer .fs-c-button--addToCart--detail, .fs-c-productQuantityAndWishlist .fs-c-productActionButton__wrap .fs-c-nostockBtnContainer .fs-c-button--subscribeToArrivalNotice--detail, .fs-c-productQuantityAndWishlist .fs-c-productActionButton__wrap .fs-c-productActionButton.fs-c-buttonContainer .fs-c-button--addToCart--detail, .fs-c-productQuantityAndWishlist .fs-c-productActionButton__wrap .fs-c-productActionButton.fs-c-buttonContainer .fs-c-button--subscribeToArrivalNotice--detail {
font-size: 1.4rem !important;
margin: 0 !important;
padding: 1.2rem 2.8rem !important
}
.fs-c-productQuantityAndWishlist .fs-c-productActionButton__wrap .fs-c-productActionButton.fs-c-buttonContainer {
position: absolute;
right: 0;
top: 0;
width: calc(100% - 18px)
}
.fs-c-productQuantityAndWishlist .fs-c-productActionButton__wrap .fs-c-nostockBtnContainer {
background: #efefef;
position: relative;
width: 100%;
z-index: 0
}
.fs-c-productQuantityAndWishlist .fs-c-productActionButton__wrap .fs-c-nostockBtnContainer > span {
display: block;
font-size: 1.4rem !important;
margin: 0 !important;
padding: 1.2rem 2.8rem !important
}
.fs-c-productQuantityAndWishlist .fs-c-productActionButton__wrap .fs-c-nostockBtnContainer > span > span {
display: block;
letter-spacing: .03rem;
text-align: center;
width: 100%
}
.fs-c-variationMatrix__col__variationPanels .fs-c-variationMatrix__radio:checked + .fs-c-variationMatrix__panel, .fs-c-variationMatrix__row__variationPanels .fs-c-variationMatrix__radio:checked + .fs-c-variationMatrix__panel {
background-color: #000;
color: #fff;
opacity: c;
transition: .3s
}
@media screen and (min-width:768px) {
.fs-c-variationMatrix__col__variationPanels .fs-c-variationMatrix__panel:hover, .fs-c-variationMatrix__row__variationPanels .fs-c-variationMatrix__panel:hover {
background-color: #000;
color: #fff;
transition: .3s
}
}
.fs-c-variationPanelList__label .fs-c-variationLabel__value {
display: none
}
.fs-c-variationPanelList__list {
align-items: stretch;
border-bottom: 1px solid #aaa;
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 9px;
justify-content: flex-start;
padding-bottom: 3rem
}
.fs-c-variationPanelList__list > * {
width: calc(33.33333% - 6px)
}
.fs-c-variationPanelList__list:has(.fs-c-variationPanelList__panel__image) {
gap: 9px
}
.fs-c-variationPanelList__list:has(.fs-c-variationPanelList__panel__image) > * {
width: calc(25% - 6.75px)
}
.fs-c-variationPanelList__list__item {
background: #efefef;
position: relative
}
.fs-c-variationPanelList__list__item:has(input[type=radio]:checked+.fs-c-variationPanelList__panel) {
background: #000;
color: #fff
}
.fs-c-variationPanelList__list__item:has(.fs-c-variationPanelList__panel__image) {
background: none
}
.fs-c-variationPanelList__list__item:has(input[type=radio]:checked+.fs-c-variationPanelList__panel .fs-c-variationPanelList__panel__image) {
background: none
}
.fs-c-variationPanelList__list__item input[type=radio] {
left: 0;
position: absolute;
top: 0
}
.fs-c-variationPanelList__panel {
align-items: center;
display: flex;
height: 100%;
justify-content: center;
position: relative
}
.fs-c-variationPanelList__panel__content {
display: block;
padding: 1.5rem .5rem
}
.fs-c-variationPanelList__panel__content:has(.fs-c-variationPanelList__panel__image) {
padding: 0 1rem 1rem
}
.fs-c-variationPanelList__panel__image {
display: block;
margin: 0;
padding: 0;
pointer-events: none
}
.fs-c-variationPanelList__panel__image img {
height: auto;
max-width: unset;
width: 100%
}
.fs-c-variationPanelList__panel__label {
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
display: block;
display: -webkit-box;
font-size: 1rem;
line-height: 1.8rem;
overflow: hidden;
pointer-events: none;
text-align: center;
text-overflow: ellipsis
}
.fs-c-variationPanelList__panel__stock {
display: block;
position: relative
}
.fs-c-variationPanelList__panel__stock--lowInStock, .fs-c-variationPanelList__panel__stock--outOfStock {
display: block;
font-size: .7rem;
line-height: 1;
text-align: center
}
.fs-c-variationPanelList__panel:has(.fs-c-variationPanelList__panel__stock--outOfStock) {
opacity: .65
}
input[type=radio]:checked + .fs-c-variationPanelList__panel {
display: block;
position: relative
}
input[type=radio]:checked + .fs-c-variationPanelList__panel:has(.fs-c-variationPanelList__panel__image):after, input[type=radio]:checked + .fs-c-variationPanelList__panel:has(.fs-c-variationPanelList__panel__image):before {
content: "";
display: inline-block;
height: 9px;
position: absolute;
transition: .3s;
width: 9px;
z-index: 5
}
input[type=radio]:checked + .fs-c-variationPanelList__panel:has(.fs-c-variationPanelList__panel__image):before {
border-left: 1px solid #000;
border-top: 1px solid #000;
left: 0;
top: 0
}
input[type=radio]:checked + .fs-c-variationPanelList__panel:has(.fs-c-variationPanelList__panel__image):after {
border-right: 1px solid #000;
border-top: 1px solid #000;
right: 0;
top: 0
}
input[type=radio]:checked + .fs-c-variationPanelList__panel:has(.fs-c-variationPanelList__panel__image) .fs-c-variationPanelList__panel__content {
background: none;
color: #000;
display: block;
position: relative
}
input[type=radio]:checked + .fs-c-variationPanelList__panel:has(.fs-c-variationPanelList__panel__image) .fs-c-variationPanelList__panel__content:after, input[type=radio]:checked + .fs-c-variationPanelList__panel:has(.fs-c-variationPanelList__panel__image) .fs-c-variationPanelList__panel__content:before {
content: "";
display: inline-block;
height: 9px;
position: absolute;
transition: .3s;
width: 9px;
z-index: 5
}
input[type=radio]:checked + .fs-c-variationPanelList__panel:has(.fs-c-variationPanelList__panel__image) .fs-c-variationPanelList__panel__content:before {
border-bottom: 1px solid #000;
border-right: 1px solid #000;
bottom: 0;
right: 0
}
input[type=radio]:checked + .fs-c-variationPanelList__panel:has(.fs-c-variationPanelList__panel__image) .fs-c-variationPanelList__panel__content:after {
border-bottom: 1px solid #000;
border-left: 1px solid #000;
bottom: 0;
left: 0
}
.product_comment5 .delivery .imgtxt img, .product_comment5 .reserved .imgtxt img {
width: 50px
}
.product_comment5 .reserved {
background-color: #eee;
margin: 40px 0 0;
padding: 10px
}
div[data-title=ブランド] {
width: 100%
}
.fs-c-brandlink {
align-items: center;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start
}
.fs-c-brandlink__header {
display: inline-block;
font-size: 3rem;
font-weight: 700;
letter-spacing: .05rem;
line-height: 1.5;
width: 100%
}
.fs-c-brandlink__img {
border: 3px solid #fafafa;
height: 100%;
width: 100%
}
.fs-c-brandlink__title {
font-size: 2.4rem;
font-weight: 700;
letter-spacing: .02rem;
line-height: 1.5;
margin: 0;
padding: 0
}
.fs-c-brandlink__text {
font-size: 1.4rem;
line-height: 1.5;
margin: 0;
overflow-wrap: break-word;
padding: 25px 0;
word-break: break-all
}
.fs-c-brandlink__btnContainer {
align-items: center;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start
}
.fs-c-brandlink__btn {
align-items: center;
background: #231815;
display: flex;
justify-content: center;
max-width: 320px;
padding: 1.5rem 5.4rem
}
.fs-c-brandlink__btn span {
color: #fff;
font-size: 1.2rem;
font-weight: 700;
line-height: 1.5;
margin: 0;
padding: 0
}
@media screen and (max-width:767px) {
.fs-c-brandlink {
flex-direction: column;
justify-content: center
}
.fs-c-brandlink__content, .fs-c-brandlink__imgWrap {
height: auto;
width: 100%
}
.fs-c-brandlink__content {
width: 100%
}
.fs-c-brandlink__title {
padding-top: 15px
}
.fs-c-brandlink__btnContainer {
justify-content: flex-end
}
}
@media screen and (min-width:768px) {
.fs-c-brandlink__imgWrap {
height: 180px;
width: 180px
}
.fs-c-brandlink__content {
height: auto;
padding-left: 25px;
width: calc(100% - 180px)
}
}
@media screen and (min-width:1020px) {
.fs-c-brandlink {
width: 80%
}
}
.fs-c-unisizeArea {
padding: 0 0 15px
}
.fs-c-listControl {
padding: 20px 0
}
.fs-c-listControl .fs-c-listControl__status {
display: none
}
.fs-c-listControl .fs-c-pagination {
justify-content: center
}
.fs-c-pagination__item {
flex: 0 1 auto
}
.fs-c-pagination__item.is-active {
border: 1px solid #666;
width: auto
}
.fs-c-wishlistProduct__title {
color: #a38000;
font-size: 40px;
font-weight: 700;
letter-spacing: .1em;
margin: 0;
padding: 37px 0;
text-align: center
}
.fs-c-wishlistProduct .slick-list .slick-slide {
width: 200px
}
.fs-c-button--particular.fs-c-button--addToWishList--detail:after, .fs-c-button--particular.fs-c-button--addToWishList--icon:before {
color: #cdcdcd
}
#fs_MyPageTop .fs-c-wishlistProduct__list article {
position: relative
}
.fs-c-wishlistProduct__footer {
padding-top: 30px;
text-align: right
}
.fs-c-wishlistProduct__footer a {
border: 1px solid #231815;
padding: 5px 30px
}
.fs-c-couponList__item {
border: 1px solid #e5e5e5;
padding: 8px 16px
}
.fs-c-couponList > * {
display: flex;
flex-direction: column;
justify-content: flex-start
}
.fs-c-couponList__item {
background: #fafafa;
border: none;
border-radius: 3px;
margin: 16px 0;
padding: 20px;
text-align: center;
width: 100%
}
.fs-c-coupon__name {
width: 100%
}
.fs-c-coupon__description {
border: 0;
margin: 0;
max-width: 720px;
padding: 0
}
.fs-c-coupon__info {
align-items: center;
display: flex;
flex-direction: column
}
.fs-c-coupon__image {
max-width: 100%;
min-width: auto
}
.fs-c-coupon__image__image {
max-height: none;
max-width: 840px;
width: 100%
}
.fs-c-couponName__explain {
font-size: 1.4rem;
margin-bottom: 20px;
max-width: 720px
}
.fs-c-couponName__discount__offLabel {
margin-left: .2em
}
.fs-c-coupon__description__expiration {
margin-bottom: 20px
}
.fs-c-couponExpiration__list {
border: 1px solid;
box-sizing: border-box;
list-style: none;
margin: 0;
padding: 10px
}
.fs-c-couponExpiration__list > li {
box-sizing: border-box
}
.fs-c-couponExpiration__list__item {
align-items: center;
display: flex;
flex-direction: row;
flex-wrap: wrap
}
.fs-c-couponExpiration__list__item__title {
display: none
}
.fs-c-couponExpiration__list__item__body {
font-size: 2rem;
text-align: center;
width: 100%
}
.fs-c-time {
white-space: nowrap
}
.fs-c-coupon__description__appliedCondition {
margin-top: 20px
}
.fs-c-couponAppliedCondition__list {
box-sizing: border-box;
list-style: none;
margin: 0;
padding: 0
}
.fs-c-couponAppliedCondition__list__item {
padding-left: .6em;
position: relative
}
.fs-c-couponAppliedCondition__list > li {
box-sizing: border-box
}
.fs-c-couponAppliedCondition__list li {
font-size: 1.2rem
}
.fs-c-couponAppliedCondition__list__item:before {
background: currentColor;
content: "";
display: block;
height: .4em;
left: 0;
position: absolute;
top: .55em;
width: .4em
}
@media screen and (min-width:960px) {
.fs-c-coupon__info {
flex-direction: column
}
}
@media screen and (max-width:480px) {
.fs-c-couponName__discount {
font-size: 3rem;
padding: 20px
}
}
.fs-c-coupon {
border: 1px solid #cfcfcf;
color: #666;
font-size: 1.8rem;
font-weight: 700;
line-height: 2.8rem;
text-align: left
}
@media screen and (max-width:767px) {
.fs-c-coupon .fs-c-coupon__info {
display: flex
}
.fs-c-coupon .fs-c-coupon__name {
order: 1
}
.fs-c-coupon .fs-c-coupon__image {
order: 2
}
.fs-c-coupon .fs-c-coupon__description {
margin-left: 0;
order: 3;
padding: 20px 0
}
}
.fs-c-coupon__info {
display: grid;
grid-template-columns: 1fr 2fr;
grid-template-rows: 1fr
}
.fs-c-coupon__image {
grid-column: 1/2;
grid-row: 2/3;
margin: 0 auto;
padding: 20px 0 0;
width: 90%
}
.fs-c-coupon__name {
grid-column: 1/2;
grid-row: 1/2;
margin: 0
}
.fs-c-coupon__description {
align-self: start;
font-size: 1.6rem;
grid-column: 2/3;
grid-row: 1/3;
line-height: 2rem;
margin-left: 20px;
text-align: left
}
.fs-c-couponName {
background: #fafafa;
border: 8px solid #a78000;
color: #a78000;
display: flex;
flex-direction: column;
font-weight: 700;
overflow: hidden;
position: relative
}
.fs-c-couponName__name {
border-bottom: 1px solid #a78000;
border-top: 1px solid #a78000;
font-size: 1.4rem;
font-weight: 700;
line-height: 2.2rem;
margin: 10px;
order: 2;
padding: 10px;
text-align: center
}
.fs-c-couponName__explain {
order: 3;
text-align: center
}
.fs-c-couponName__discount {
border-top: 1px solid #a78000;
font-size: 2rem;
font-weight: 700;
justify-content: center;
line-height: 1;
margin: 10px 10px 0;
order: 1;
padding: 10px 10px 15px;
text-align: center
}
.fs-c-couponName__discount__value {
font-size: 4rem;
line-height: 4.4rem
}
.fs-c-couponName__discount__value .fs-c-price {
font-size: 6rem;
line-height: 7rem
}
.fs-c-couponName__discount:after, .fs-c-couponName__discount__offLabel {
font-size: 3rem;
line-height: 3.2rem
}
.fs-c-couponName__discount:after {
content: "COUPON";
display: block
}
.fs-c-couponName:after {
background: #a78000;
box-sizing: border-box;
content: " ";
display: block;
height: 40px;
left: -50px;
padding: 0;
position: absolute;
text-align: center;
top: -15px;
transform: rotate(-45deg);
transform-origin: top center;
width: 100px
}
.fs-c-couponExpiration__title {
font-size: 1.4rem;
font-weight: 700;
line-height: 3.4rem;
margin: 0 0 8px;
padding-bottom: 0
}
.fs-c-couponExpiration__list {
background: #f3f3f3;
border: 1px solid #dfdfdf;
border-radius: 1px;
display: flex;
flex-direction: column
}
.fs-c-couponExpiration__list__item__title {
font-size: 1.4rem;
letter-spacing: .07rem
}
.fs-c-couponExpiration__list__item__body {
text-align: right
}
.fs-c-couponExpiration__list__item__body .fs-c-couponExpiration__comment, .fs-c-couponExpiration__list__item__body .fs-c-couponExpiration__expiration {
font-size: 1.4rem;
letter-spacing: .07rem;
text-align: right
}
.fs-c-couponAppliedCondition__title {
font-size: 1.4rem;
font-weight: 700;
line-height: 3.4rem;
margin: 0 0 8px;
padding-bottom: 0
}
.fs-c-couponAppliedCondition__list {
font-size: 1.2rem;
font-weight: 400;
line-height: 1.6rem;
padding: 2px 0
}
.fs-c-coupon__products {
border-top: 1px dashed #999;
margin-top: 20px
}
.fs-c-coupon__products .fs-c-couponProduct__list {
margin: 0 auto;
width: 100%
}
.fs-c-coupon__products .fs-c-couponProduct__list .slick-slide {
background: #fff;
border: 1px solid #ededed;
max-width: 215px
}
.fs-c-coupon__products .fs-c-couponProduct__list .slick-slide > div {
padding: 10px
}
.fs-c-coupon__products .fs-c-couponProduct__list .slick-slide > div .fs-c-productListItem__productName {
font-size: 1.1rem;
height: 80px;
letter-spacing: .09rem;
line-height: 1.8rem;
margin-top: 0;
padding: 1.5rem 0;
text-align: left;
text-decoration: none
}
.fs-c-coupon__products .fs-c-couponProduct__list .slick-slide > div .fs-c-productListItem__productName a .fs-c-productName__name {
font-size: 1.3rem;
line-height: 1.9rem
}
.fs-c-coupon__products .fs-c-productListCarousel__list__item {
margin: 0
}
.fs-c-coupon__products .fs-c-productListCarousel__ctrl--prev:after, .fs-c-coupon__products .fs-c-productListCarousel__ctrl--prev:before {
left: 10px
}
.fs-c-coupon__products .fs-c-productListCarousel__ctrl--next:after, .fs-c-coupon__products .fs-c-productListCarousel__ctrl--next:before {
right: 10px
}
.fs-body-checkout .fs-l-main {
display: flex;
flex-direction: column;
flex-wrap: wrap
}
@media screen and (min-width:1020px) {
.fs-body-checkout .fs-l-main {
flex-direction: row
}
}
.fs-l-checkout__mainColumn {
width: 100%
}
@media screen and (min-width:1020px) {
.fs-l-checkout__mainColumn {
width: calc(100% - 385px)
}
}
.fs-l-checkout__sideColumn {
width: 100%
}
@media screen and (min-width:1020px) {
.fs-l-checkout__sideColumn {
padding-left: 15px;
width: 385px
}
}
.fs-c-checkout-preview {
border: 10px solid #fafafa;
font-size: 1.4rem;
margin-bottom: 15px;
padding: 15px
}
.fs-c-checkout-preview__title {
border-bottom: 1px solid #555;
color: #a78000;
font-size: 1.6rem;
font-weight: 700;
line-height: 2.2rem;
margin: 0 0 20px;
padding: 10px
}
.fs-c-checkout-preview__body {
display: flex;
flex-direction: column
}
.fs-c-checkout-preview__button {
display: block;
text-align: right
}
.fs-c-checkout-destination__destination {
align-items: flex-end;
display: flex;
flex-direction: column;
justify-content: space-between
}
.fs-c-checkout-destination__control {
display: flex;
flex-direction: row;
justify-content: flex-end;
padding-top: 15px;
width: 100%
}
.fs-c-checkout-destination__control > div {
width: unset
}
.fs-c-checkout-destination__button {
display: inline;
margin-left: 5px
}
.fs-c-checkout-preview__inputConfirmation .fs-c-checkout-confirmationContent {
background: #fafafa;
border: 1px solid #efefef;
margin-bottom: 15px;
padding: 10px
}
.fs-c-checkout-paymentMethod__body {
background: #fafafa;
margin: 10px 0;
padding: 10px
}
.fs-c-checkout-paymentMethod__creditCardRegistration .fs-c-creditCardIcons {
align-items: center;
display: flex;
justify-content: flex-start
}
.fs-c-checkout-paymentMethod__creditCardRegistration .fs-c-creditCardIcons__icon {
padding-left: 10px
}
.fs-c-checkAndNotice {
padding: 10px 0
}
.fs-c-creditCardIcons {
align-items: center;
display: flex;
justify-content: flex-start
}
.fs-c-creditCardIcons__icon {
padding-right: 10px
}
.fs-c-checkout-couponCodeInput {
background: #fafafa;
font-size: 1.4rem;
margin: 15px 0;
padding: 10px
}
@media screen and (max-width:767px) {
.fs-c-checkout-couponCodeInput .fs-c-checkout-couponCodeInput__input {
width: calc(100% - 105px)
}
.fs-c-checkout-couponCodeInput .fs-c-checkout-couponCodeInput__input input {
line-height: 2.8rem
}
.fs-c-checkout-couponCodeInput .fs-c-checkout-couponCodeInput__button {
padding-left: 5px;
width: 90px
}
}
@media screen and (min-width:600px)and (max-width:768px) {
.fs-c-checkout-couponCodeInput .fs-c-checkout-couponCodeInput__input {
width: calc(100% - 300px)
}
.fs-c-checkout-couponCodeInput .fs-c-checkout-couponCodeInput__input input {
line-height: 2.8rem
}
}
.fs-c-checkout-destination__name {
align-items: center;
display: flex
}
.fs-c-pairList {
background: #fafafa;
font-size: 1.4rem;
margin: 15px 0;
padding: 15px
}
.fs-c-pairList dt {
background: none;
padding: 0;
width: auto
}
@media screen and (max-width:767px) {
.fs-c-pairList {
background: none;
display: flex;
flex-direction: row;
flex-wrap: wrap;
padding: 0
}
.fs-c-pairList dd, .fs-c-pairList dt {
width: 100%
}
.fs-c-pairList dt {
padding: 0
}
.fs-c-pairList dd {
background: #fafafa;
padding: 10px
}
}
.fs-c-inputField__explanation {
font-size: 1.2rem;
padding: 10px
}
.fs-c-buttonContainer {
text-align: center;
width: 100%
}
.fs-c-buttonContainer--changeSmall {
display: flex;
justify-content: flex-end;
padding-top: 15px
}
.fs-c-buttonContainer--chooseDestination {
margin-top: 0;
padding-top: 15px
}
.fs-c-continueShopping {
padding: 15px 0
}
.c-singleSearch .fs-c-buttonContainer {
display: flex;
flex-direction: row;
gap: 20px;
padding: 20px 0;
width: 100%
}
.c-singleSearch .fs-c-buttonContainer > * {
flex-grow: 1
}
@media screen and (min-width:769px) {
.fs-c-buttonContainer.fs-c-buttonContainer--myPageTop {
display: block;
text-align: right
}
.fs-c-buttonContainer--myPageTop a {
border: 1px solid #000;
padding: .5rem 1rem
}
}
.fs-c-buttonContainer--routeSearch {
bottom: 5px;
position: fixed;
right: 5px;
transition: .3s;
z-index: 300
}
@media screen and (min-width:1020px) {
.fs-c-buttonContainer--routeSearch {
bottom: 20px;
display: none;
left: 20px
}
}
.fs-c-button--addToWishList--icon .fs-c-button__label, .fs-c-button--removeFromWishList--icon .fs-c-button__label {
display: none
}
.fs-c-productQuantityAndWishlist__wishlist .fs-c-button__label {
color: #333;
font-size: 1.2rem;
line-height: 1.3;
text-align: left
}
.fs-c-button--particular.fs-c-button--addToWishList--detail:after, .fs-c-button--particular.fs-c-button--addToWishList--icon:before, .fs-c-button--particular.fs-c-button--displayPassword:before, .fs-c-button--particular.fs-c-button--hidePassword:before, .fs-c-button--particular.fs-c-button--removeFromWishList--detail:after, .fs-c-button--particular.fs-c-button--removeFromWishList--icon:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: fs-icon !important;
font-size: 2.2rem;
font-style: normal;
font-variant: normal;
font-weight: 400;
line-height: 1;
text-transform: none
}
.fs-c-button--addToWishList--icon .fs-c-button__label, .fs-c-button--removeFromWishList--icon .fs-c-button__label, .fs-l-productLayout .product_right .fs-c-button--addToWishList--detail {
background: transparent;
border-radius: 5px;
line-height: 1;
margin: 0;
padding: 8px;
width: auto
}
.fs-c-button--cancel--cart .fs-c-button--plain {
background: none;
border: none;
color: #123456
}
.fs-c-button, .fs-c-button--buyItLater, .fs-c-button--plain, .fs-c-button--standard {
background: none;
border: none;
color: #231815;
cursor: pointer;
display: block;
font-size: 1.1rem;
font-weight: 400;
letter-spacing: .09rem;
line-height: 2.1rem;
max-width: none;
padding: 2px .5rem
}
.fs-c-button--buyItLater:active, .fs-c-button--buyItLater:focus, .fs-c-button--buyItLater:link, .fs-c-button--buyItLater:visited, .fs-c-button--plain:active, .fs-c-button--plain:focus, .fs-c-button--plain:link, .fs-c-button--plain:visited, .fs-c-button--standard:active, .fs-c-button--standard:focus, .fs-c-button--standard:link, .fs-c-button--standard:visited, .fs-c-button:active, .fs-c-button:focus, .fs-c-button:link, .fs-c-button:visited {
color: #333
}
@media screen and (min-width:768px) {
.fs-c-button--buyItLater:hover, .fs-c-button--plain:hover, .fs-c-button--standard:hover, .fs-c-button:hover {
opacity: .8
}
}
.fs-c-button__label {
letter-spacing: .03rem
}
.fs-c-button--plain {
padding: 2px .5rem
}
.fs-c-button--standard {
background: #efefef;
border: 1px solid #231815
}
.fs-c-button--addToCart--variation, .fs-c-button--continueShopping, .fs-c-button--primary, .fs-c-button--subscribeToArrivalNotice {
background: #a78000;
border: none;
color: #fff;
cursor: pointer;
display: block;
margin: 0 auto;
max-width: 320px;
padding: 8px 30px;
width: 100%
}
.fs-c-button--addToCart--variation:active, .fs-c-button--addToCart--variation:focus, .fs-c-button--addToCart--variation:link, .fs-c-button--addToCart--variation:visited, .fs-c-button--continueShopping:active, .fs-c-button--continueShopping:focus, .fs-c-button--continueShopping:link, .fs-c-button--continueShopping:visited, .fs-c-button--primary:active, .fs-c-button--primary:focus, .fs-c-button--primary:link, .fs-c-button--primary:visited, .fs-c-button--subscribeToArrivalNotice:active, .fs-c-button--subscribeToArrivalNotice:focus, .fs-c-button--subscribeToArrivalNotice:link, .fs-c-button--subscribeToArrivalNotice:visited {
color: #fff
}
@media screen and (min-width:768px) {
.fs-c-button--addToCart--variation:hover, .fs-c-button--continueShopping:hover, .fs-c-button--primary:hover, .fs-c-button--subscribeToArrivalNotice:hover {
opacity: .8
}
}
.fs-c-button--image {
padding: 10px 0
}
.fs-c-button--image, .fs-c-button--particular {
background: none;
border: none
}
.fs-c-button--buyItLater {
color: #a78000;
cursor: pointer
}
.fs-c-button--buyItLater:active, .fs-c-button--buyItLater:focus, .fs-c-button--buyItLater:link, .fs-c-button--buyItLater:visited {
color: #a78000
}
@media screen and (min-width:768px) {
.fs-c-button--buyItLater:hover {
opacity: .8
}
}
.fs-c-button--continueShopping {
background: #231815;
color: #fff;
cursor: pointer
}
.fs-c-button--continueShopping:active, .fs-c-button--continueShopping:focus, .fs-c-button--continueShopping:link, .fs-c-button--continueShopping:visited {
color: #fff
}
@media screen and (min-width:768px) {
.fs-c-button--continueShopping:hover {
opacity: .8
}
}
.fs-c-button--addToCart--variation {
background: #231815;
border: none;
border-radius: 4px;
color: #fff;
cursor: pointer;
padding: 5px 0
}
.fs-c-button--addToCart--variation:active, .fs-c-button--addToCart--variation:focus, .fs-c-button--addToCart--variation:link, .fs-c-button--addToCart--variation:visited {
color: #fff
}
@media screen and (min-width:768px) {
.fs-c-button--addToCart--variation:hover {
opacity: .8
}
}
#allClear.fs-c-button--addToCart--variation, #allClear.fs-c-button--continueShopping, #allClear.fs-c-button--primary, #allClear.fs-c-button--subscribeToArrivalNotice {
background: #fff;
border: 1px solid #241716;
color: #241716 !important;
font-size: 1.4rem
}
#brandSelectTrigger.fs-c-button--standard {
background: #fff;
color: #241716
}
#execItemSearch.fs-c-button--addToCart--variation, #execItemSearch.fs-c-button--continueShopping, #execItemSearch.fs-c-button--primary, #execItemSearch.fs-c-button--subscribeToArrivalNotice {
background: #241716
}
.c-singleSearch .fs-c-button, .c-singleSearch .fs-c-button--buyItLater, .c-singleSearch .fs-c-button--plain, .c-singleSearch .fs-c-button--standard {
background: #ccc;
padding: 10px 0
}
.c-singleSearch .clear.fs-c-button--buyItLater, .c-singleSearch .clear.fs-c-button--plain, .c-singleSearch .clear.fs-c-button--standard, .c-singleSearch .fs-c-button.clear {
background: none;
border: 1px solid #050302
}
.c-singleSearch .fs-c-button.submit, .c-singleSearch .submit.fs-c-button--buyItLater, .c-singleSearch .submit.fs-c-button--plain, .c-singleSearch .submit.fs-c-button--standard {
background: #050302;
color: #fff
}
.fs-c-button--secondary {
background: #666;
border: none;
color: #fff !important;
display: block;
font-size: 1.4rem;
margin: 10px auto;
max-width: 300px;
padding-bottom: 5px;
padding-top: 5px;
text-align: center;
width: 100%
}
.fs-c-button--displayPassword, .fs-c-button--hidePassword {
background: #f5f5f5;
border: none !important;
margin: 4px !important;
margin: auto
}
.fs-c-button--displayPassword:before, .fs-c-button--hidePassword:before {
color: #666;
content: "パスワードマスク切替";
font-size: 10px;
white-space: nowrap
}
.fs-c-button--carousel .fs-c-button__label {
display: none;
text-indent: -9999px
}
.fs-c-productList__list .fs-c-button--viewMoreImage {
background: #231815;
color: #fff;
display: block;
font-size: 11px;
margin: 5px auto;
padding: 4px 30px;
width: 100%
}
#fs_MyPageTop .fs-c-button--addToWishList--icon, #fs_MyPageTop .fs-c-button--removeFromWishList--icon {
position: absolute;
right: 0;
top: 0
}
.fs-c-button--plain.fs-c-button--addToCart--list:before {
content: ""
}
@media screen and (max-width:600px) {
.fs-c-button--plain.fs-c-button--addToCart--list:before {
display: inline
}
}
.fs-c-button--plain:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: fs-icon !important;
font-style: normal;
font-variant: normal;
font-weight: 400;
line-height: 1;
text-transform: none
}
.fs-body-my-wishlist .fs-c-button--removeFromWishList--icon {
position: absolute;
right: 10px;
top: 10px
}
.fs-c-button--displayPassword, .fs-c-button--hidePassword {
width: auto
}
.fs-c-button--particular.fs-c-button--displayPassword:before, .fs-c-button--particular.fs-c-button--hidePassword:before {
color: #999;
margin: auto 4px
}
.fs-c-button--particular.fs-c-button--displayPassword:before {
content: ""
}
.fs-c-button--particular.fs-c-button--hidePassword:before {
content: ""
}
.fs-body-my-account-delete .fs-c-button--cancel {
background: #f5f5f5;
border: 1px solid #aaa;
color: #aaa !important;
display: block;
margin: 10px auto;
max-width: 300px;
padding: 8px 30px;
text-align: center;
width: 100%
}
.fs-c-button--contactAction {
background: #050302;
color: #fff;
display: block;
font-size: 1.2rem;
line-height: 1.2rem;
padding: 15px;
text-align: center;
width: 100%
}
.fs-c-button--contactAction:hover {
color: #a78000
}
.fs-c-button--routeSearch {
align-items: center;
background: rgba(0, 12, 89, .6);
border: 1.5px solid #ccc;
display: flex;
flex-direction: column;
height: 80px;
justify-content: center;
line-height: 0;
margin: 0;
padding: 0;
position: relative;
width: 80px;
z-index: 999
}
.fs-c-button--routeSearch .label {
color: #ddd;
font-size: 1.4rem;
font-size: 10px;
font-weight: 700;
line-height: 12px;
order: 2
}
.fs-c-button--routeSearch:before {
background: #ddd;
content: "";
display: block;
height: 40px;
mask: url(../img/icon/map-location-solid.svg) no-repeat center center/85%;
-webkit-mask: url(../img/icon/map-location-solid.svg) no-repeat center center/85%;
width: 40px
}
@media screen and (max-width:767px) {
.fs-c-button--routeSearch {
height: 64px;
width: 64px
}
.fs-c-button--routeSearch .label {
font-size: 9px
}
.fs-c-button--routeSearch:before {
height: 25px;
width: 25px
}
}
.fs-c-modal__inner {
padding: 8px
}
.fs-c-modal__header {
border-bottom: 1px solid #555;
color: #a78000;
font-size: 1.6rem;
font-weight: 700;
line-height: 2.2rem;
margin: 0 0 20px;
padding: 10px
}
.fs-c-modal__contents {
padding: 20px
}
.fs-c-modal__close:before {
display: block;
font-size: 30px;
height: 30px;
position: absolute;
right: 10px;
top: 10px;
width: 30px
}
.fs-c-checkout-customerInfo, .fs-c-checkout-destination__list {
width: 100%
}
.fs-c-checkout-checkoutMethod {
border: 10px solid #fafafa;
margin: 15px 0;
padding: 10px
}
.fs-c-checkout-checkoutMethod.is-active {
border: 10px solid #f5eed5
}
@media screen and (max-width:767px) {
.fs-c-checkout-checkoutMethod {
padding: 5px
}
}
#fs-checkout-payHere-container {
margin: 30px auto
}
.fs-c-checkout-customerInfo {
display: flex;
flex-direction: column;
width: 100%
}
.fs-c-checkout-customerInfo > li.fs-u-tel:before, .fs-c-checkout-destination__list > li.fs-u-tel:before {
content: "TEL"
}
.fs-c-checkout-customerInfo ruby, @media screen and (max-width:768px) {
.fs-c-checkout-customerInfo, .fs-c-checkout-destination__list {
width: 100%
}
.fs-c-checkout-customerInfo > li:before, .fs-c-checkout-destination__list > li:before {
margin-bottom: 8px;
padding: 12px 0;
width: 100%
}
}
@media screen and (min-width:768px) {
.fs-c-checkout-destination__button {
text-align: center;
width: 100%
}
}
.fs-c-checkout-couponList__item {
align-items: center;
background-color: #fafafa;
border: 1px solid #ccc;
display: flex;
justify-content: center;
margin-top: 5px;
padding: 5px
}
.fs-c-checkout-couponList__item:first-child {
margin-top: 0
}
.fs-c-checkout-couponList__description {
display: flex;
flex-direction: column;
justify-content: space-between;
width: calc(100% - 64px)
}
@media screen and (max-width:767px) {
.fs-c-checkout-couponList__description {
font-size: 1.1rem
}
}
.fs-c-checkout-couponList__description span {
text-align: center
}
.fs-c-checkout-couponList__controll {
height: 64px;
width: 64px
}
.fs-c-checkout-couponStatus {
color: #fff;
cursor: pointer
}
.fs-c-checkout-couponStatus:active, .fs-c-checkout-couponStatus:focus, .fs-c-checkout-couponStatus:link, .fs-c-checkout-couponStatus:visited {
color: #fff
}
@media screen and (min-width:768px) {
.fs-c-checkout-couponStatus:hover {
opacity: .8
}
}
.fs-c-inputTable, .fs-c-inputTable--inModal {
width: 100%
}
.fs-c-inputTable tbody tr, .fs-c-inputTable--inModal tbody tr {
background: #fafafa;
margin: 15px 0;
padding: 15px
}
.fs-c-inputTable tbody tr th, .fs-c-inputTable--inModal tbody tr th {
background: none;
padding: 4px
}
.fs-c-inputTable__headerCell {
font-size: 1.4rem;
line-height: 1.4rem;
padding: 10px 0;
width: 100%
}
.fs-c-inputTable__dataCell {
padding: 0;
width: 100%
}
.fs-c-modal .fs-c-inputTable tbody, .fs-c-modal .fs-c-inputTable--inModal tbody {
width: 100%
}
.fs-c-modal .fs-c-inputTable tr, .fs-c-modal .fs-c-inputTable--inModal tr {
display: flex;
flex-direction: column
}
.fs-body-my-account-settings .fs-c-inputTable, .fs-body-my-account-settings .fs-c-inputTable--inModal, .fs-c-modal .fs-c-inputTable tr td, .fs-c-modal .fs-c-inputTable tr th, .fs-c-modal .fs-c-inputTable--inModal tr td, .fs-c-modal .fs-c-inputTable--inModal tr th {
width: 100%
}
.fs-body-my-account-settings .fs-c-inputTable__dataCell, .fs-body-my-account-settings .fs-c-inputTable__headerCell {
padding: 16px
}
.fs-body-my-account-settings .fs-c-inputTable__headerCell {
text-align: left;
white-space: nowrap;
width: 22rem
}
.fs-body-my-account-settings-edit .fs-c-inputTable, .fs-body-my-account-settings-edit .fs-c-inputTable--inModal {
width: 100%
}
.fs-body-my-account-settings-edit .fs-c-inputTable__dataCell, .fs-body-my-account-settings-edit .fs-c-inputTable__headerCell {
padding: 16px
}
.fs-body-my-account-settings-edit .fs-c-inputTable__headerCell {
text-align: left;
white-space: nowrap;
width: 22rem
}
.fs-body-my-account-password .fs-c-inputTable, .fs-body-my-account-password .fs-c-inputTable--inModal {
width: 100%
}
.fs-body-my-account-password .fs-c-inputTable--inModal > tbody, .fs-body-my-account-password .fs-c-inputTable > tbody {
display: block
}
.fs-body-my-account-password .fs-c-inputTable--inModal > tbody > tr, .fs-body-my-account-password .fs-c-inputTable > tbody > tr {
display: flex;
flex-direction: column;
flex-wrap: wrap;
padding: 0
}
.fs-body-my-account-password .fs-c-inputTable__headerCell {
padding: 0;
text-align: left
}
.fs-body-my-account-delete .fs-c-inputTable, .fs-body-my-account-delete .fs-c-inputTable--inModal {
width: 100%
}
.fs-body-my-account-delete .fs-c-inputTable .fs-c-inputTable__dataCell, .fs-body-my-account-delete .fs-c-inputTable .fs-c-inputTable__headerCell, .fs-body-my-account-delete .fs-c-inputTable--inModal .fs-c-inputTable__dataCell, .fs-body-my-account-delete .fs-c-inputTable--inModal .fs-c-inputTable__headerCell {
padding: 16px
}
.fs-body-my-account-delete .fs-c-inputTable .fs-c-inputTable__headerCell, .fs-body-my-account-delete .fs-c-inputTable--inModal .fs-c-inputTable__headerCell {
text-align: left;
white-space: nowrap;
width: 20rem
}
.fs-c-cartTable__dataCell, .fs-c-cartTable__headerCell {
border: none;
border-top: 1px solid #ccc;
padding: 8px
}
.fs-c-cartTable > tbody > tr:last-of-type {
border-bottom: 1px solid #b2b2b2;
padding: 4px
}
.fs-c-cartTable__actionButton {
display: flex;
flex-direction: row;
justify-content: flex-start
}
.fs-c-cartTable__actionButton__container:first-child {
border-right: 1px solid #333
}
.fs-c-cartTable__productName {
color: #333;
cursor: pointer
}
.fs-c-cartTable__productName:active, .fs-c-cartTable__productName:focus, .fs-c-cartTable__productName:link, .fs-c-cartTable__productName:visited {
color: #333
}
@media screen and (min-width:768px) {
.fs-c-cartTable__productName:hover {
opacity: .8
}
}
.fs-client-cart-count {
background: red;
border-radius: 9.5px;
color: #fff;
font-family: Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, メイリオ, sans-serif;
font-size: 12px;
font-weight: 700;
height: 19px;
line-height: 19px;
margin: 0;
padding: 0;
position: absolute;
right: 0;
text-align: center;
top: 0;
width: 19px;
z-index: 900
}
.fs-client-cart-count--0 {
display: none
}
#buttomNavigation .fs-client-cart-count {
right: 2px;
top: 2px
}
.c-goTopNavigation .fs-client-cart-count {
right: 15px;
top: 9px
}
.wp-cartButton {
position: relative
}
.fs-c-stockNotificationsProduct {
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
margin: 10px 0
}
.fs-c-stockNotificationsProduct__productName {
margin-top: 0
}
body, html {
height: 100%
}
html {
-webkit-overflow-scrolling: touch;
font-size: 62.5%
}
body {
font-family: Playfair Display, "Noto Serif JP", serif;
font-size: 16px;
font-size: 1.6rem;
height: 100%;
margin: 0;
width: 100%
}
main {
min-height: calc(100vh - 370px)
}
main.menu_open {
height: calc(100vh - 370px);
overflow: hidden
}
#site {
position: relative
}
* {
box-sizing: border-box;
list-style-type: none;
outline: none
}
a, a:hover, a:visited {
color: #000;
text-decoration: none
}
img {
height: auto;
max-width: 100%
}
ol, ul {
margin: 0;
padding: 0
}
ul {
list-style: none
}
th {
background: #f5f5f5
}
@font-face {
font-family: fs-icon;
font-style: normal;
font-weight: 400;
src: url(/system/font/fs-icon.ttf?4lt733) format("truetype"), url(/system/font/fs-icon.woff?4lt733) format("woff"), url(/system/font/fs-icon.svg?4lt733#fs-icon) format("svg")
}
.fs-c-variationAndActions {
margin-top: 30px
}
ul.fs-c-variationList__item__cart li {
border-top: 1px solid #ccc;
display: grid;
grid-template-columns: auto 1fr 35px 128px;
margin-top: 0;
padding: 7px 10px
}
ul.fs-c-variationList__item__cart li:last-child {
border-bottom: 1px solid #ccc
}
.fs-c-variationList__item__cart li .fs-c-variationCart__wishlist button {
display: none
}
.fs-c-productNameHeading {
color: #333
}
.fs-c-productNameHeading > * {
display: block;
font-weight: 700;
letter-spacing: .1em
}
.fs-c-productNameHeading__copy {
font-size: 1.2rem;
line-height: 1.5
}
.fs-c-productNameHeading__name {
font-size: 2.2rem;
line-height: 1.5
}
.fs-c-productSelection {
background: #fafafa
}
.fs-c-dropdown__menu {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: #fafafa;
color: #333;
padding: 4px 3em 4px 8px;
vertical-align: middle;
width: 100%
}
.fs-c-productNotice {
position: relative;
visibility: hidden
}
.fs-c-productNotice:after {
color: #666;
content: "- 欠品中 -";
font-size: 1.2rem;
left: 0;
line-height: 2.4rem;
padding: 5px 0;
position: absolute;
visibility: visible;
width: 100%
}
.CategorySelectSearch {
margin-bottom: 60px
}
#CategorySearchModal.modal {
display: none;
height: 100vh;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 1101
}
#CategorySearchModal .overLay {
background: rgba(0, 0, 0, .5);
height: 100vh;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 1002
}
#CategorySearchModal .inner {
background: #fff;
font-size: 15px;
left: 50%;
max-width: 800px;
padding: 30px;
position: fixed;
top: 50%;
transform: translate(-50%, -50%);
width: 70vw;
z-index: 1006
}
#CategorySearchModal .inner form {
flex: 1
}
#CategorySearchModal .inner form > div {
justify-content: space-between;
margin-top: 20px;
position: relative
}
#CategorySearchModal .inner > div:first-child {
margin-top: 0
}
#CategorySearchModal .inner .title {
font-size: medium;
margin-top: 20px;
padding-left: 10px;
padding-right: 20px
}
#CategorySearchModal .inner .value {
max-width: 430px;
width: 100%
}
#CategorySearchModal .inner .wrap_brand:before, #CategorySearchModal .inner .wrap_category:before, #CategorySearchModal .inner .wrap_itemtype:before, #CategorySearchModal .inner .wrap_pricetype:before, #CategorySearchModal .inner .wrap_styletype:before, #CategorySearchModal .inner .wrap_subcategory:before {
border-right: 1px solid #aaa;
border-top: 1px solid #aaa;
content: "";
display: block;
height: 10px;
pointer-events: none;
position: absolute;
right: 10px;
top: 7px;
transform: rotate(135deg);
width: 10px
}
#CategorySearchModal .inner .wrap_searchkeytop .keyword_btn {
border: 1px solid #ccc;
border-radius: 10px;
cursor: pointer;
display: inline-block;
font-size: 12px;
line-height: 1.5;
margin-bottom: 5px;
min-width: calc(20% - 5px);
text-align: center;
white-space: nowrap
}
#CategorySearchModal .inner .wrap_keyword input::placeholder {
font-size: 12px
}
#CategorySearchModal .inner .search-form input::placeholder {
font-size: 12px
}
#CategorySearchModal .inner .modalClose {
position: absolute;
right: 30px;
top: 30px
}
#CategorySearchModal .inner .button_area {
padding-bottom: 20px;
text-align: center
}
#CategorySearchModal .inner .button_area .value {
display: flex;
justify-content: space-around
}
#CategorySearchModal .inner button {
-webkit-appearance: none
}
#CategorySearchModal .inner .button_area button {
border-radius: 4px;
box-shadow: 3px 3px 5px #ccc;
display: inline-block;
font-size: 12px;
line-height: 2;
max-width: 150px;
padding: 0;
width: 100%
}
#CategorySearchModal .inner .category_clear-btn {
border: 1px solid #ccc
}
#CategorySearchModal .inner .category_search-btn {
background: #000;
border: 1px solid #000;
color: #fff
}
#CategorySearchModal .inner .search-form .value {
margin-left: auto;
margin-right: 0
}
#CategorySearchModal .inner .search-form button {
background-color: #000
}
#CategorySearchModal .inner .search-form button span.icon_search {
display: inline-block
}
#CategorySearchModal .inner .search-form button span.icon_search:before {
color: #fff;
content: "";
display: inline-block;
font-family: fs-icon !important;
font-size: 2rem;
text-indent: 0
}
#CategorySearchModal .inner .ipt_price {
width: 100px
}
#CategorySearchModalBtn {
background: rgba(0, 0, 0, .4);
bottom: 10vh;
left: 15vw;
margin: 0 auto;
position: fixed;
text-align: center;
width: 70vw;
z-index: 1
}
#CategorySearchModalBtn a {
display: block;
padding: 1em;
width: 100%
}
#CategorySearchModalBtn span {
color: #fff
}
.SearchItemSort {
font-size: 1.2rem;
margin: 30px auto;
text-align: center
}
.SearchItemSort span {
cursor: pointer;
margin: 0 10px
}
.fs-c-productMainImage {
position: relative
}
.fs-c-productMainImage__expandButton {
display: none !important
}
@media screen and (min-width:769px) {
.fs-c-productMainImage__image .next, .fs-c-productMainImage__image .prev {
background: hsla(0, 0%, 100%, .7);
cursor: pointer;
display: block;
height: 40px;
position: absolute;
top: 50%;
width: 40px;
z-index: 10
}
.fs-c-productMainImage__image .prev {
left: 0
}
.fs-c-productMainImage__image .next {
right: 0
}
.fs-c-productMainImage__image .next:after, .fs-c-productMainImage__image .prev:after {
border-left: 1px solid #777;
border-top: 1px solid #777;
content: "";
display: block;
height: 15px;
position: relative;
top: 12px;
width: 15px
}
.fs-c-productMainImage__image .prev:after {
left: 15px;
transform: rotate(-45deg)
}
.fs-c-productMainImage__image .next:after {
right: -10px;
transform: rotate(135deg)
}
}
.fs-c-fsLogin {
align-items: center;
background: transparent;
border: none;
border-bottom: 1px solid #aaa;
display: flex;
flex-direction: column;
justify-content: center;
margin: auto auto 40px;
padding-bottom: 20px;
text-align: center
}
.fs-c-fsLogin > form {
width: 100%
}
@media screen and (max-width:767px) {
.fs-c-fsLogin > form {
width: 90%
}
}
.fs-c-fsLogin > form > * {
padding: 0 0 30px !important
}
.fs-c-fsLogin > form .fs-c-inputInformation__field .fs-c-fsLoginField {
background: #fafafa;
padding: 30px
}
.fs-c-fsLogin th {
background-color: transparent
}
.fs-c-fsLogin .fs-c-inputTable__dataCell, .fs-c-fsLogin .fs-c-inputTable__headerCell {
display: block;
margin: 0 auto;
max-width: 420px;
padding: 6px 0;
text-align: left;
width: 100%
}
.fs-c-fsLogin .fs-c-inputTable__dataCell input, .fs-c-fsLogin .fs-c-inputTable__headerCell input {
padding: 10px
}
.fs-c-breadcrumb {
left: 0;
margin: 0;
padding: 0;
top: 0;
width: 100%
}
.layoutInner > .fs-c-breadcrumb {
opacity: 0;
overflow-x: auto;
overflow-y: hidden
}
.layoutInner > .fs-c-breadcrumb.loaded {
opacity: 1
}
.fs-c-breadcrumb__list {
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
margin: 0;
padding: 0
}
.fs-c-breadcrumb__list:after {
clear: both;
content: "";
display: block
}
.fs-c-breadcrumb__listItem {
cursor: pointer;
display: block;
float: left;
font-size: 1.2rem;
letter-spacing: .1rem;
line-height: 1.2rem;
padding: 1.2rem;
position: relative;
white-space: nowrap
}
.fs-c-breadcrumb__listItem:last-child {
background: none !important;
color: #999 !important
}
.fs-c-breadcrumb__listItem:last-child:after {
content: unset !important;
display: none
}
.fs-c-breadcrumb .fs-c-breadcrumb__listItem + .fs-c-breadcrumb__listItem:before {
content: ">";
position: relative;
right: 12px
}
.fs-c-breadcrumb__list--subgroup {
border: none;
width: 100% !important
}
@media screen and (max-width:767px) {
.fs-c-breadcrumb__list--subgroup {
border-bottom: 1px solid #ccc;
margin-bottom: 18px
}
.fs-c-breadcrumb__list--subgroup .fs-c-breadcrumb__listItem:last-child {
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
display: -webkit-box;
line-height: 2;
overflow: hidden;
padding: 0 !important;
text-overflow: ellipsis;
width: 100%
}
}
@media screen and (min-width:768px) {
.fs-c-breadcrumb__list--subgroup {
margin-bottom: 12px
}
}
.fs-c-breadcrumb__list--subgroup:after {
clear: both;
content: "";
display: block
}
.fs-c-breadcrumb__list--subgroup .fs-c-breadcrumb__listItem {
display: block;
float: left
}
@media screen and (min-width:768px) {
.fs-c-breadcrumb__list--subgroup .fs-c-breadcrumb__listItem {
font-size: 1rem
}
}
.fs-c-breadcrumb__list--subgroup .fs-c-breadcrumb__listItem:first-child {
background: #e8e8e8;
z-index: 100
}
@media screen and (max-width:767px) {
.fs-c-breadcrumb__list--subgroup .fs-c-breadcrumb__listItem:first-child {
padding: 1.2rem 2.4rem
}
}
@media screen and (min-width:768px) {
.fs-c-breadcrumb__list--subgroup .fs-c-breadcrumb__listItem:first-child {
padding: .8rem 2.4rem
}
}
.fs-c-breadcrumb__list--subgroup .fs-c-breadcrumb__listItem:first-child:after {
background-color: #e8e8e8;
content: "";
display: block;
-webkit-mask-image: url('data:image/svg+xml;charset=utf-8,');
mask-image: url('data:image/svg+xml;charset=utf-8,');
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 50px;
mask-size: 50px;
position: absolute;
right: -12px;
top: 0;
width: 12px
}
@media screen and (max-width:767px) {
.fs-c-breadcrumb__list--subgroup .fs-c-breadcrumb__listItem:first-child:after {
height: 36px
}
}
@media screen and (min-width:768px) {
.fs-c-breadcrumb__list--subgroup .fs-c-breadcrumb__listItem:first-child:after {
height: 28px
}
}
.fs-c-breadcrumb__list--subgroup .fs-c-breadcrumb__listItem:nth-child(2) {
background: #d1d1d1;
z-index: 99
}
@media screen and (max-width:767px) {
.fs-c-breadcrumb__list--subgroup .fs-c-breadcrumb__listItem:nth-child(2) {
padding: 1.2rem 2.4rem
}
}
@media screen and (min-width:768px) {
.fs-c-breadcrumb__list--subgroup .fs-c-breadcrumb__listItem:nth-child(2) {
padding: .8rem 2.4rem
}
}
.fs-c-breadcrumb__list--subgroup .fs-c-breadcrumb__listItem:nth-child(2):after {
background-color: #d1d1d1;
content: "";
display: block;
-webkit-mask-image: url('data:image/svg+xml;charset=utf-8,');
mask-image: url('data:image/svg+xml;charset=utf-8,');
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 50px;
mask-size: 50px;
position: absolute;
right: -12px;
top: 0;
width: 12px
}
@media screen and (max-width:767px) {
.fs-c-breadcrumb__list--subgroup .fs-c-breadcrumb__listItem:nth-child(2):after {
height: 36px
}
}
@media screen and (min-width:768px) {
.fs-c-breadcrumb__list--subgroup .fs-c-breadcrumb__listItem:nth-child(2):after {
height: 28px
}
}
.fs-c-breadcrumb__list--subgroup .fs-c-breadcrumb__listItem:nth-child(3) {
background: #bababa;
z-index: 98
}
@media screen and (max-width:767px) {
.fs-c-breadcrumb__list--subgroup .fs-c-breadcrumb__listItem:nth-child(3) {
padding: 1.2rem 2.4rem
}
}
@media screen and (min-width:768px) {
.fs-c-breadcrumb__list--subgroup .fs-c-breadcrumb__listItem:nth-child(3) {
padding: .8rem 2.4rem
}
}
.fs-c-breadcrumb__list--subgroup .fs-c-breadcrumb__listItem:nth-child(3):after {
background-color: #bababa;
content: "";
display: block;
-webkit-mask-image: url('data:image/svg+xml;charset=utf-8,');
mask-image: url('data:image/svg+xml;charset=utf-8,');
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 50px;
mask-size: 50px;
position: absolute;
right: -12px;
top: 0;
width: 12px
}
@media screen and (max-width:767px) {
.fs-c-breadcrumb__list--subgroup .fs-c-breadcrumb__listItem:nth-child(3):after {
height: 36px
}
}
@media screen and (min-width:768px) {
.fs-c-breadcrumb__list--subgroup .fs-c-breadcrumb__listItem:nth-child(3):after {
height: 28px
}
}
.fs-c-breadcrumb__list--subgroup .fs-c-breadcrumb__listItem:nth-child(4) {
background: #a3a3a3;
z-index: 97
}
@media screen and (max-width:767px) {
.fs-c-breadcrumb__list--subgroup .fs-c-breadcrumb__listItem:nth-child(4) {
padding: 1.2rem 2.4rem
}
}
@media screen and (min-width:768px) {
.fs-c-breadcrumb__list--subgroup .fs-c-breadcrumb__listItem:nth-child(4) {
padding: .8rem 2.4rem
}
}
.fs-c-breadcrumb__list--subgroup .fs-c-breadcrumb__listItem:nth-child(4):after {
background-color: #a3a3a3;
content: "";
display: block;
-webkit-mask-image: url('data:image/svg+xml;charset=utf-8,');
mask-image: url('data:image/svg+xml;charset=utf-8,');
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 50px;
mask-size: 50px;
position: absolute;
right: -12px;
top: 0;
width: 12px
}
@media screen and (max-width:767px) {
.fs-c-breadcrumb__list--subgroup .fs-c-breadcrumb__listItem:nth-child(4):after {
height: 36px
}
}
@media screen and (min-width:768px) {
.fs-c-breadcrumb__list--subgroup .fs-c-breadcrumb__listItem:nth-child(4):after {
height: 28px
}
}
.fs-c-breadcrumb__list--subgroup .fs-c-breadcrumb__listItem:nth-child(5) {
background: #8c8c8c;
z-index: 96
}
@media screen and (max-width:767px) {
.fs-c-breadcrumb__list--subgroup .fs-c-breadcrumb__listItem:nth-child(5) {
padding: 1.2rem 2.4rem
}
}
@media screen and (min-width:768px) {
.fs-c-breadcrumb__list--subgroup .fs-c-breadcrumb__listItem:nth-child(5) {
padding: .8rem 2.4rem
}
}
.fs-c-breadcrumb__list--subgroup .fs-c-breadcrumb__listItem:nth-child(5):after {
background-color: #8c8c8c;
content: "";
display: block;
-webkit-mask-image: url('data:image/svg+xml;charset=utf-8,');
mask-image: url('data:image/svg+xml;charset=utf-8,');
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 50px;
mask-size: 50px;
position: absolute;
right: -12px;
top: 0;
width: 12px
}
@media screen and (max-width:767px) {
.fs-c-breadcrumb__list--subgroup .fs-c-breadcrumb__listItem:nth-child(5):after {
height: 36px
}
}
@media screen and (min-width:768px) {
.fs-c-breadcrumb__list--subgroup .fs-c-breadcrumb__listItem:nth-child(5):after {
height: 28px
}
}
.fs-c-breadcrumb__list--subgroup .fs-c-breadcrumb__listItem:nth-child(6) {
background: #757575;
z-index: 95
}
@media screen and (max-width:767px) {
.fs-c-breadcrumb__list--subgroup .fs-c-breadcrumb__listItem:nth-child(6) {
padding: 1.2rem 2.4rem
}
}
@media screen and (min-width:768px) {
.fs-c-breadcrumb__list--subgroup .fs-c-breadcrumb__listItem:nth-child(6) {
padding: .8rem 2.4rem
}
}
.fs-c-breadcrumb__list--subgroup .fs-c-breadcrumb__listItem:nth-child(6):after {
background-color: #757575;
content: "";
display: block;
-webkit-mask-image: url('data:image/svg+xml;charset=utf-8,');
mask-image: url('data:image/svg+xml;charset=utf-8,');
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 50px;
mask-size: 50px;
position: absolute;
right: -12px;
top: 0;
width: 12px
}
@media screen and (max-width:767px) {
.fs-c-breadcrumb__list--subgroup .fs-c-breadcrumb__listItem:nth-child(6):after {
height: 36px
}
}
@media screen and (min-width:768px) {
.fs-c-breadcrumb__list--subgroup .fs-c-breadcrumb__listItem:nth-child(6):after {
height: 28px
}
}
.fs-c-breadcrumb__list--subgroup .fs-c-breadcrumb__listItem + .fs-c-breadcrumb__listItem:before {
content: unset
}
.fs-l-main .fs-c-breadcrumb {
background: #fafafa;
margin-bottom: 30px;
padding: 1rem;
position: relative
}
.fs-l-main .fs-c-breadcrumb:after {
background-color: #333;
content: "";
display: block;
height: 2.4rem;
left: 0;
-webkit-mask-image: url('data:image/svg+xml;charset=utf-8,');
mask-image: url('data:image/svg+xml;charset=utf-8,');
-webkit-mask-position: left;
mask-position: left;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 28px;
mask-size: 28px;
position: absolute;
top: 1.4rem;
width: 2.8rem
}
.fs-l-main .fs-c-breadcrumb:before {
content: "カテゴリーガイド";
display: inline-block;
font-size: 1.4rem;
font-weight: 700;
line-height: 2;
padding: 0 0 1rem;
text-indent: 30px;
top: 1rem;
width: 100%
}
.fs-c-guestPurchase {
margin-top: 30px;
text-align: center
}
.fs-c-privacyPolicyAgreeField {
text-align: center
}
.fs-c-agreementConfirmation__addon {
margin: 20px auto;
text-align: center
}
.fs-c-agreementConfirmation__password__input {
margin: auto;
max-width: 320px
}
.fs-c-agreementConfirmation__message {
border-bottom: 1px solid #ccc;
line-height: 2;
margin-bottom: 10px
}
.fs-c-agreementConfirmation__message--newsletterChecked {
margin-top: 20px
}
.fs-c-sortItems {
display: none
}
.fs-c-sortItems .fs-c-sortItems__list {
display: flex
}
.fs-c-sortItems .fs-c-sortItems__list li {
margin: 0 20px
}
.fs-c-agreementConfirmationArea__message {
background: #a78001;
line-height: 2;
margin-bottom: 10px;
margin-top: 40px;
padding: 10px;
text-align: center
}
#fs_PasswordReminder .fs-c-inputInformation__message {
text-align: center
}
#fs_PasswordReminder .fs-c-inputInformation__field {
display: flex;
justify-content: center;
margin: 40px auto
}
#fs_PasswordReminder .fs-c-inputTable__headerCell {
background: inherit;
font-size: 13px;
padding: 0 20px
}
.fs-c-purchaseHere__message {
font-size: 1.2rem;
text-align: center
}
.fs-body-cardAuth .fs-c-inputInformation__field, .fs-body-forgotPassword .fs-c-inputInformation__field, .fs-body-login .fs-c-inputInformation__field, .fs-body-merge .fs-c-inputInformation__field, .fs-body-my-account-password .fs-c-inputInformation__field {
padding: 32px
}
.fs-body-my-account-delete .fs-c-inputInformation__button {
display: flex
}
.fs-c-orderTotalTable > tbody > tr > th, .fs-c-orderTotalTable > tfoot > tr > th, .fs-c-orderTotalTable > thead > tr > th {
font-size: 1.3rem;
font-weight: 400;
text-align: left
}
.fs-c-orderTotalTable > tbody > tr td, .fs-c-orderTotalTable > tbody > tr > th, .fs-c-orderTotalTable > tfoot > tr td, .fs-c-orderTotalTable > tfoot > tr > th, .fs-c-orderTotalTable > thead > tr td, .fs-c-orderTotalTable > thead > tr > th {
padding: 8px
}
.fs-c-orderTotalTable > tbody > tr td, .fs-c-orderTotalTable > tbody > tr th, .fs-c-orderTotalTable > tfoot > tr td, .fs-c-orderTotalTable > tfoot > tr th, .fs-c-orderTotalTable > thead > tr td, .fs-c-orderTotalTable > thead > tr th {
border: none;
border-top: 1px solid #b2b2b2;
padding: 4px
}
.fs-c-orderTotalTable > tbody > tr > td, .fs-c-orderTotalTable > tbody > tr > th {
text-align: right;
vertical-align: baseline
}
.fs-c-orderTotalTable > tbody > tr:last-of-type, .fs-c-orderTotalTable > tfoot > tr:last-of-type, .fs-c-orderTotalTable > thead > tr:last-of-type {
border-bottom: 1px solid #b2b2b2;
padding: 4px
}
.fs-c-orderTotalTable td, .fs-c-orderTotalTable th {
border: 1px solid #ccc;
padding: 5px 20px
}
.slick-arrow {
height: 41px;
margin-top: -20px;
width: 13px
}
.slick-arrow:after {
display: none !important
}
.slick-arrow:before {
background: none !important;
border-bottom: 2px solid #000;
border-left: 2px solid #000;
content: "";
display: block;
height: 23px !important;
width: 23px
}
.slick-prev.slick-arrow:before {
transform: rotate(45deg)
}
.slick-next.slick-arrow:before {
transform: rotate(-135deg)
}
.fs-c-productListCarousel__ctrl--prev:before {
transform: rotate(45deg)
}
.fs-c-productListCarousel__ctrl--next:before {
transform: rotate(-135deg)
}
@media screen and (min-width:769px) {
.slick-arrow:after, .slick-arrow:before {
background: #000;
content: "";
display: inline-block;
height: 1px;
position: absolute;
width: 23px
}
}
.fs-c-slick .slick-list {
display: block;
margin: 0;
overflow: hidden;
padding: 0;
position: relative
}
.fs-c-slick .slick-track {
display: block;
left: 0;
margin-left: auto;
margin-right: auto;
position: relative;
top: 0
}
.fs-c-slick .slick-track:after, .fs-c-slick .slick-track:before {
content: "";
display: table
}
.fs-c-slick .slick-slide {
float: left;
height: 100%;
min-height: 1px
}
.fs-c-slick .slick-next:before, .fs-c-slick .slick-prev:before {
content: "";
position: relative
}
.fs-c-slick .slick-prev:before {
left: 15px
}
.fs-c-slick .slick-next:before {
right: 0
}
.fs-c-productImageModalCarousel .slick-track {
width: 100%
}
.fs-c-featuredProduct__title {
color: #a38000;
font-size: 40px;
font-weight: 700;
letter-spacing: .1em;
margin: 0 auto;
padding: 37px 0;
text-align: center;
width: 100%
}
.fs-c-featuredProduct .slick-slide {
width: 200px
}
#relatedblog h2 {
color: #a38000;
font-size: 40px;
font-weight: 700;
letter-spacing: .1em;
margin: 0;
padding-bottom: 68px;
text-align: center
}
#relatedblog .postlist {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 auto;
max-width: 1000px;
padding-bottom: 53px;
width: 100%
}
#relatedblog .postlist a {
color: #333
}
#relatedblog .postlist a article {
border-bottom: 2px solid #c9c9c9;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 61px;
padding-bottom: 17px;
width: 280px
}
#relatedblog .postlist a article .image {
background-color: #aaa;
height: 148px;
width: 100%
}
#relatedblog .postlist a article .image img {
height: 100%;
width: 100%
}
#relatedblog .postlist a article .title {
font-size: 18px;
font-weight: 700;
height: 80px;
letter-spacing: .1em;
line-height: 1.167;
padding-bottom: 21px;
padding-top: 17px;
width: 100%
}
#relatedblog .postlist a article .category, #relatedblog .postlist a article .information {
font-family: Noto Sans, sans-serif;
font-size: 12px;
font-weight: 400
}
.fs-c-productList__list {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
position: relative
}
.fs-c-productList__list article {
position: relative
}
.fs-c-productList__list a h2 {
display: none
}
.fs-c-productList__list__item > a.fr_item, .fs-c-productList__list__item > form {
display: flex;
flex-direction: column;
height: 100%;
justify-content: flex-start;
position: relative
}
.fs-c-productList__list__item > a.fr_item > .fs-c-productListItem__image, .fs-c-productList__list__item > a.fr_item > .item_panel, .fs-c-productList__list__item > form > .fs-c-productListItem__image, .fs-c-productList__list__item > form > .item_panel {
order: 1
}
.fs-c-productList__list__item > a.fr_item > .fs-c-productListItem__productName, .fs-c-productList__list__item > form > .fs-c-productListItem__productName {
margin-top: 1rem;
order: 3
}
.fs-c-productList__list__item > a.fr_item > .fs-c-productMarks, .fs-c-productList__list__item > form > .fs-c-productMarks {
order: 2
}
.fs-c-productList__list__item > a.fr_item > .fs-c-productListItem__prices, .fs-c-productList__list__item > form > .fs-c-productListItem__prices {
order: 4
}
.fs-c-productList__list__item > a.fr_item > .fs-c-productListItem__control, .fs-c-productList__list__item > form > .fs-c-productListItem__control {
order: 5
}
@media screen and (max-width:767px) {
.fs-c-productList__list > .fs-c-productList__list__item {
margin-bottom: 0;
max-width: none;
overflow: hidden;
width: 50%
}
}
@media screen and (min-width:768px)and (max-width:1019px) {
.fs-c-productList__list > .fs-c-productList__list__item {
width: 33.3%
}
}
@media screen and (min-width:1020px) {
.fs-c-productList__list > .fs-c-productList__list__item {
width: 25%
}
.fs-c-productList.fs_recommend-2 > .fs-c-productList__list > .fs-c-productList__list__item {
width: 20%
}
}
.fs-c-productListCarousel__list__item {
display: flex !important;
flex-direction: column;
height: 100%
}
.fs-c-productListCarousel__list__item .fs-c-productListItem__imageContainer {
order: 1
}
.fs-c-productListCarousel__list__item .fs-c-productListItem__productName {
order: 3
}
.fs-c-productListCarousel__list__item .fs-c-productMarks {
order: 2
}
.fs-c-productListCarousel__list__item .fs-c-productListItem__prices {
order: 4
}
.fs-c-productListCarousel__list__item .fs-c-productListItem__control {
order: 5
}
.fs-c-productListCarousel__list__item .fs-c-productListItem__productName:has(+.fs-c-productMarks) {
margin-top: 1rem
}
.fs-c-productListCarousel .rcmd-slick-list, .fs-c-productListCarousel .slick-list {
padding: 0 10px
}
.fs-c-productListCarousel .rcmd-slick-track, .fs-c-productListCarousel .slick-track {
align-items: stretch;
display: flex !important
}
.fs-c-productListCarousel .rcmd-slick-track .rcmd-slick-slide, .fs-c-productListCarousel .rcmd-slick-track .slick-slide, .fs-c-productListCarousel .slick-track .rcmd-slick-slide, .fs-c-productListCarousel .slick-track .slick-slide {
padding: 10px
}
.fs-c-productListCarousel .rcmd-slick-track .rcmd-slick-slide > div, .fs-c-productListCarousel .rcmd-slick-track .slick-slide > div, .fs-c-productListCarousel .slick-track .rcmd-slick-slide > div, .fs-c-productListCarousel .slick-track .slick-slide > div {
background: #fafafa;
position: relative
}
@media screen and (max-width:767px) {
.fs-c-productListCarousel .rcmd-slick-track .rcmd-slick-slide > div, .fs-c-productListCarousel .rcmd-slick-track .slick-slide > div, .fs-c-productListCarousel .slick-track .rcmd-slick-slide > div, .fs-c-productListCarousel .slick-track .slick-slide > div {
padding: 5px
}
}
@media screen and (min-width:768px)and (max-width:1019px) {
.fs-c-productListCarousel .rcmd-slick-track .rcmd-slick-slide > div, .fs-c-productListCarousel .rcmd-slick-track .slick-slide > div, .fs-c-productListCarousel .slick-track .rcmd-slick-slide > div, .fs-c-productListCarousel .slick-track .slick-slide > div {
padding: 10px
}
}
@media screen and (min-width:1020px) {
.fs-c-productListCarousel .rcmd-slick-track .rcmd-slick-slide > div, .fs-c-productListCarousel .rcmd-slick-track .slick-slide > div, .fs-c-productListCarousel .slick-track .rcmd-slick-slide > div, .fs-c-productListCarousel .slick-track .slick-slide > div {
padding: 15px
}
}
.fs-c-productListCarousel__ctrl.slick-arrow {
margin: 0
}
.fs-c-productListCarousel__ctrl--next:before, .fs-c-productListCarousel__ctrl--prev:before {
top: 10px
}
.fs-c-productListCarousel__ctrl--prev:before {
right: 0
}
.fs-c-productListCarousel__ctrl--next:before {
left: 0
}
.fs-c-productRank {
align-items: center;
background: rgba(0, 0, 0, .5);
display: flex;
height: 36px;
justify-content: center;
left: 0;
position: absolute;
top: 0;
width: 36px
}
.fs-c-productRank span {
color: #fff;
font-size: 18px;
font-weight: 700
}
.fs-c-productThumbnail {
margin: 0 auto;
width: 80%
}
.fs-c-productThumbnail__image img {
margin: 4px;
width: calc(100% - 8px)
}
.fs-c-productQuantityAndWishlist {
display: flex
}
.product_panel {
width: 100%
}
.product_panel .slide_title .slick-track {
display: flex
}
.product_panel .slide_title .slick-slide {
font-size: 1.4rem;
padding: 20px;
text-align: center
}
.product_panel .slide_title .slick-active {
background: #dfdfdf 0 0 no-repeat padding-box;
border-bottom: 1px solid #aaa;
border-left: 1px solid #aaa;
border-top: 1px solid #aaa;
outline: none;
width: 33.3333333333%
}
.product_panel .slide_title .slick-active:last-child {
border-right: 1px solid #aaa
}
.product_panel .slide_title .slick-current {
background: #231815 0 0 no-repeat padding-box;
border-bottom: 0;
color: #fff
}
.product_panel .slide_title.slick-slider .slick-list, .product_panel .slide_title.slick-slider .slick-track {
display: flex;
left: 0 !important
}
.product_panel > .slide_content {
border: 1px solid #aaa;
border-top: 0
}
.product_panel > .slide_content > .slick-list > .slick-track > .slick-slide {
font-size: 1.3rem;
outline: none;
padding: 45px;
user-select: text
}
@media screen and (max-width:767px) {
.product_panel > .slide_content > .slick-list > .slick-track > .slick-slide {
padding: 20px 10px
}
}
.product_panel .product_spec .size_table {
overflow: scroll
}
.product_panel .product_spec table {
border: 1px solid #e1e1e1;
border-collapse: collapse;
margin-bottom: 15px;
margin-top: 15px
}
.product_panel .product_spec td, .product_panel .product_spec th {
border: 1px solid #e1e1e1;
padding: 10px;
white-space: nowrap
}
.product_panel .product_spec th {
background: #efefef
}
.product_panel .product_features {
display: flex;
flex-wrap: wrap;
justify-content: space-around
}
.product_panel .product_features img {
display: inline-block;
max-height: 200px;
max-width: 180px;
width: calc(50% - 3px)
}
.product_panel .product_features img.col3 {
width: calc(33.33333% - 4px)
}
.product_panel div[data-title=ご注意] .inner {
background: #fafafa;
border: 1px solid #aaa;
margin: 0 auto;
padding: 0 40px 40px;
text-align: left
}
@media screen and (max-width:767px) {
.product_panel div[data-title=ご注意] .inner {
padding: 0 20px 20px
}
}
.product_panel div[data-title=ご注意] .inner h2 {
border-bottom: 1px solid #aaa;
font-size: 3rem;
font-weight: 700;
letter-spacing: .05rem;
line-height: 1.5;
margin: 0 0 25px;
padding: 25px 0;
text-align: center
}
.product_panel div[data-title=ご注意] .inner div {
margin: 0 auto
}
@media screen and (min-width:768px) {
.product_panel div[data-title=ご注意] .inner div {
width: 78%
}
}
@media screen and (max-width:767px) {
.product_panel div[data-title=ご注意] .inner div {
width: 100%
}
}
.fs-c-productReview {
margin-top: 30px
}
.fs-c-returnedSpecialContract {
display: none
}
.fr2-carousel {
margin: 0 30px;
width: calc(100% - 60px)
}
.fs-recommend-ranking-flick {
margin: 0 auto;
width: 85%
}
.fs_blk_reccomend_inner .fr2-listItem__productName, .fs_blk_reccomend_inner .fr2-price {
font-size: 1rem
}
.fs_blk_reccomend_inner .ranking-num {
padding-right: 5px
}
.fs-c-accountService {
align-items: stretch;
display: flex;
flex-wrap: wrap;
justify-content: center;
list-style: none;
margin: 0;
padding: 0
}
.fs-c-accountService, .fs-c-accountService > li {
box-sizing: border-box
}
.fs-c-accountService__page {
align-items: stretch;
display: flex;
flex-basis: 128px;
height: 128px;
margin: 8px
}
.fs-c-accountService__page .fs-c-accountService__pageLink {
align-items: center;
background: #f7f7f7;
border: 1px solid #e5e5e5;
border-radius: 3px;
box-shadow: 0 0 2px #b2b2b2;
color: #3c3c3c;
display: flex;
justify-content: center;
text-align: center;
text-decoration: none;
width: 100%
}
.fs-c-accountService__page .fs-c-accountService__pageLink__label {
flex-grow: 1;
font-size: 1.2rem
}
.fs-c-accountService__page .fs-c-accountService__pageLink__label:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #7c8790;
display: block;
font-family: fs-icon !important;
font-size: 48px;
font-style: normal;
font-variant: normal;
font-weight: 400;
height: 64px;
line-height: 1.2;
margin: 8px auto 0;
text-transform: none;
width: 64px
}
.fs-c-accountService__page:not(.fs-c-accountService__page--accountDelete) .fs-c-accountService__pageLink__label:before {
color: #000
}
.fs-c-accountService__page--couponList .fs-c-accountService__pageLink__label:before {
content: ""
}
.fs-c-accountService__page--wishList .fs-c-accountService__pageLink__label:before {
content: ""
}
.fs-c-accountService__page--orderHistoryList .fs-c-accountService__pageLink__label:before {
content: ""
}
.fs-c-accountService__page--accountReviews .fs-c-accountService__pageLink__label:before {
content: ""
}
.fs-c-accountService__page--addressbook .fs-c-accountService__pageLink__label:before {
content: ""
}
.fs-c-accountService__page--accountPassword .fs-c-accountService__pageLink__label:before {
content: ""
}
.fs-c-accountService__page--accountSettingsModify .fs-c-accountService__pageLink__label:before {
content: ""
}
.fs-c-accountService__page--accountDelete .fs-c-accountService__pageLink__label:before {
content: ""
}
@media screen and (min-width:960px) {
.fs-body-my-top .fs-c-accountService {
flex-basis: 64%
}
}
@media screen and (min-width:600px) {
.fs-c-accountService {
margin: 0 auto;
max-width: 600px
}
.fs-c-accountService__page {
margin: 8px
}
}
#ie_alert {
background: #fff;
border: 5px solid red;
border-radius: 5px;
left: calc(50% - 400px);
max-width: 800px;
padding: 20px;
position: fixed;
top: 20%;
width: 100%;
z-index: 1011
}
#ie_alert .close {
border: 1px solid #000;
cursor: pointer;
display: block;
margin: 30px auto 0;
max-width: 300px;
padding: 8px 15px;
text-align: center;
width: fit-content
}
.c-contactAction {
padding: 10px
}
.c-contactAction__inner {
display: flex;
flex-direction: row;
gap: 10px
}
.c-contactAction__inner > * {
flex-grow: 1
}
.c-labelCE__A, .c-labelCE__AA, .c-labelCE__AAA {
bottom: 0;
display: block;
height: auto;
left: 0;
position: absolute;
width: 20%
}
.c-labelCE__A > div, .c-labelCE__AA > div, .c-labelCE__AAA > div {
position: relative;
width: 100%
}
.c-labelCE__A > div:before, .c-labelCE__AA > div:before, .c-labelCE__AAA > div:before {
content: "";
display: block;
padding-top: 133.33%
}
.c-labelCE__A > div > :first-child, .c-labelCE__AA > div > :first-child, .c-labelCE__AAA > div > :first-child {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0
}
.c-labelCE__AAA div span {
background: url(../img/icon/AAA_EN17092-CE-MARK.png) no-repeat 0 100%;
background-size: contain
}
.c-labelCE__AA div span {
background: url(../img/icon/AA_EN17092-CE-MARK.png) no-repeat 0 100%;
background-size: contain
}
.c-labelCE__A div span {
background: url(../img/icon/A_EN17092-CE-MARK.png) no-repeat 0 100%;
background-size: contain
}
.classA, .classAA, .classAAA {
visibility: hidden
}
.fs-c-groupHeader {
align-items: center;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
padding-top: 20px
}
.fs-c-groupHeader__img {
height: auto;
margin: 0 10px 4px 6px;
width: 80px
}
.fs-c-groupHeader__img img {
height: auto;
width: inherit
}
.fs-c-groupHeader__txt {
align-items: center;
align-items: flex-start;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: center
}
.fs-c-groupHeader__txt h1, .fs-c-groupHeader__txt p {
color: #777
}
.shopping .fs-c-groupHeader__txt h1 {
font-size: 20px;
line-height: 20px;
margin: 0;
padding: 0
}
.shopping .fs-c-groupHeader__txt p {
font-size: 16px;
line-height: 16px;
margin: 0;
padding: 5px 0
}
.fs-body-category .fs-l-main {
margin: 0 auto
}
.fs-c-subgroup {
border-bottom: 1px solid #999;
border-top: 1px solid #999;
padding-top: 40px;
position: relative
}
.fs-c-subgroup:before {
bottom: 0;
color: #777;
content: "商品グループ";
display: inline-block;
font-size: 16px;
font-weight: 700;
height: 16px;
left: 0;
letter-spacing: -.08rem;
line-height: 16px;
margin: 0 auto;
position: absolute;
text-indent: 16px;
top: 15px;
width: 320px;
z-index: 300
}
.fs-c-subgroup .fs-c-listControl {
display: none
}
.fs-c-subgroupList {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
margin-bottom: 15px !important;
padding-bottom: 30px !important;
width: 80%
}
.fs-c-subgroupList__item {
padding: 10px
}
.fs-c-subgroupList__link {
align-items: center;
display: flex;
flex-direction: column;
justify-content: center
}
.fs-c-subgroupList__label {
color: #231815
}
.fs-c-subgroupList.slick-slider {
display: none;
margin: 0 auto
}
.fs-c-subgroupList.slick-slider .slick-arrow {
margin-top: 0;
z-index: 400
}
.fs-c-subgroupList.slick-slider .slick-prev {
left: -25px
}
.fs-c-subgroupList.slick-slider .slick-next {
right: -15px
}
.fs-c-subgroupList.slick-slider.slick-initialized {
display: block
}
@media screen and (max-width:767px) {
.fs-c-subgroupList__label {
font-size: 10px
}
}
@media screen and (min-width:768px)and (max-width:1019px) {
.fs-c-subgroupList__label {
font-size: 10px
}
}
@media screen and (min-width:1020px) {
.fs-c-subgroupList__label {
font-size: 12px
}
}
.fs-p-flexibleColumn {
display: flex;
flex-direction: row;
justify-content: space-between
}
.fs-p-flexibleColumn div {
height: auto;
padding: 5px;
width: 33%
}
.fs-p-flexibleColumn .wrap-exp {
background-color: #fdfdfd;
border: 1px solid #cacaca;
border-radius: 5px;
display: block;
position: relative;
width: 100%
}
.fs-p-flexibleColumn .wrap-exp p {
align-items: center;
bottom: 0;
color: #a38000;
display: flex;
flex-direction: column;
font-weight: 700;
justify-content: center;
left: 0;
line-height: 5.1vw;
margin: 0;
position: absolute;
right: 0;
top: 0
}
.fs-p-flexibleColumn .wrap-exp p span:first-child {
font-size: 5.5vw;
letter-spacing: .13vw
}
.fs-p-flexibleColumn .wrap-exp p span:nth-child(2) {
font-size: 2.5vw;
letter-spacing: .15vw
}
.fs-p-flexibleColumn .wrap-exp:before {
content: "";
display: block;
padding-top: 75%
}
@media screen and (min-width:960px) {
.fs-p-flexibleColumn .wrap-exp p {
line-height: 2em
}
.fs-p-flexibleColumn .wrap-exp p span:first-child {
font-size: 34px;
letter-spacing: .04em
}
.fs-p-flexibleColumn .wrap-exp p span:nth-child(2) {
font-size: 18px;
letter-spacing: .03em
}
}
@media screen and (max-width:767px) {
.fs-c-memberInfoField .fs-c-inputTable tr td.fs-c-inputTable__dataCell, .fs-c-memberInfoField .fs-c-inputTable tr th.fs-c-inputTable__headerCell, .fs-c-memberInfoField .fs-c-inputTable--inModal tr td.fs-c-inputTable__dataCell, .fs-c-memberInfoField .fs-c-inputTable--inModal tr th.fs-c-inputTable__headerCell {
display: block;
text-align: left
}
.fs-c-memberInfoField .fs-c-inputTable tr th.fs-c-inputTable__headerCell, .fs-c-memberInfoField .fs-c-inputTable--inModal tr th.fs-c-inputTable__headerCell {
width: 100%
}
.fs-c-memberInfoField .fs-c-inputTable .fs-c-radio, .fs-c-memberInfoField .fs-c-inputTable--inModal .fs-c-radio {
margin-top: 0
}
.fs-c-inputField__field {
display: flex;
flex-direction: row
}
.fs-c-inputField__explanation {
background: #fafafa;
font-size: 12px;
margin: 15px 0;
padding: 10px
}
}
.fs-c-history {
column-gap: 10px;
display: flex;
flex-wrap: nowrap;
padding-bottom: 20px;
width: 100%
}
.fs-c-history__info {
order: 1
}
@media screen and (max-width:1019px) {
.fs-c-history__info .fs-c-history__infoSummary .fs-c-history__term {
font-size: 1.2rem
}
.fs-c-history__info .fs-c-history__infoSummary .fs-c-history__total .fs-c-pairList {
background: none !important;
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 0
}
.fs-c-history__info .fs-c-history__infoSummary .fs-c-history__total .fs-c-pairList > * {
background: unset;
width: 25%
}
.fs-c-history__info .fs-c-history__infoSummary .fs-c-history__total .fs-c-pairList dt.fs-c-history__quantity {
order: 3;
width: 31%
}
.fs-c-history__info .fs-c-history__infoSummary .fs-c-history__total .fs-c-pairList dt.fs-c-history__quantity + dd {
order: 4;
width: 30%
}
.fs-c-history__info .fs-c-history__infoSummary .fs-c-history__total .fs-c-pairList dt.fs-c-history__number {
order: 1;
width: 31%
}
.fs-c-history__info .fs-c-history__infoSummary .fs-c-history__total .fs-c-pairList dt.fs-c-history__number + dd {
order: 2;
width: 8%
}
}
@media screen and (min-width:1020px) {
.fs-c-history__info {
padding-left: 10px
}
.fs-c-history__info .fs-c-history__term {
font-size: 1.2rem;
line-height: 1.8rem;
margin-top: 20px;
text-align: center
}
.fs-c-history__info .fs-c-history__total .fs-c-pairList {
column-gap: 0;
display: flex;
flex-direction: row;
flex-wrap: wrap;
row-gap: 10px
}
.fs-c-history__info .fs-c-history__total .fs-c-pairList > * {
background: unset;
width: 25%
}
.fs-c-history__info .fs-c-history__total .fs-c-pairList dt.fs-c-history__quantity {
order: 3;
width: 50%
}
.fs-c-history__info .fs-c-history__total .fs-c-pairList dt.fs-c-history__quantity + dd {
order: 4;
text-align: right;
width: 50%
}
.fs-c-history__info .fs-c-history__total .fs-c-pairList dt.fs-c-history__number {
order: 1;
width: 50%
}
.fs-c-history__info .fs-c-history__total .fs-c-pairList dt.fs-c-history__number + dd {
order: 2;
text-align: right;
width: 50%
}
}
.fs-c-history__listContainer {
order: 2
}
.fs-c-history__listContainer .fs-c-listControl {
padding: 0
}
@media screen and (max-width:1019px) {
.fs-c-history {
flex-direction: column
}
.fs-c-history__info, .fs-c-history__listContainer {
width: 100%
}
}
@media screen and (min-width:1020px) {
.fs-c-history {
flex-direction: row
}
.fs-c-history__info {
width: 240px
}
.fs-c-history__listContainer {
padding-right: 10px;
width: calc(100% - 240px)
}
}
.fs-c-orderHistoryItem {
border-bottom: 1px solid #333;
display: flex;
flex-direction: row;
flex-wrap: wrap;
padding: 20px 0
}
.fs-c-orderHistoryItem:first-child {
border-top: 1px solid #333
}
@media screen and (max-width:767px) {
.fs-c-orderHistoryItem {
flex-direction: column
}
}
@media screen and (min-width:768px)and (max-width:1019px) {
.fs-c-orderHistoryItem {
flex-direction: column
}
.fs-c-orderHistoryItem__header {
align-items: center;
display: flex;
flex-direction: row;
padding: 0 0 20px;
width: 100%
}
.fs-c-orderHistoryItem__header .fs-c-orderHistoryItem__orderInfo {
flex-direction: row;
padding: 0;
width: 72%
}
.fs-c-orderHistoryItem__header .fs-c-orderHistoryItem__header__button {
padding: 20px;
width: 28%
}
}
@media screen and (min-width:1020px) {
.fs-c-orderHistoryItem {
flex-direction: column
}
.fs-c-orderHistoryItem__header {
align-items: center;
display: flex;
flex-direction: row;
padding: 0 0 20px;
width: 100%
}
.fs-c-orderHistoryItem__header .fs-c-orderHistoryItem__orderInfo {
flex-direction: row;
padding: 0;
width: 72%
}
.fs-c-orderHistoryItem__header .fs-c-orderHistoryItem__header__button {
padding: 20px;
width: 28%
}
}
@media screen and (max-width:767px) {
.fs-c-orderHistoryItem__body {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 10px;
width: 100%
}
.fs-c-orderHistoryItem__body > * {
width: calc(50% - 5px)
}
}
@media screen and (min-width:768px)and (max-width:1019px) {
.fs-c-orderHistoryItem__body {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 10px;
width: 100%
}
.fs-c-orderHistoryItem__body > * {
width: calc(25% - 7.5px)
}
}
@media screen and (min-width:1020px) {
.fs-c-orderHistoryItem__body {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 10px;
width: 100%
}
.fs-c-orderHistoryItem__body > * {
width: calc(25% - 7.5px)
}
}
.fs-c-orderHistoryItem__footer {
width: 100%
}
.fs-c-orderHistoryItem__orderInfo {
display: flex;
justify-content: flex-start;
padding-bottom: 20px
}
.fs-c-orderHistoryItem__orderInfo__info {
display: flex;
flex-basis: 100%;
flex-direction: column;
justify-content: center;
margin: 0
}
.fs-c-orderHistoryItem__orderInfo__info > * {
flex-basis: 100%;
margin: 0;
padding: 0;
text-align: center
}
.fs-c-orderHistoryItem__orderInfo__info dt {
background: #fafafa;
font-size: 1.4rem;
font-weight: 700;
letter-spacing: .09rem;
line-height: 2rem;
padding: .5rem 0;
text-align: center
}
.fs-c-orderHistoryItem__orderInfo__info dd {
padding: .5rem 0
}
.fs-c-orderHistoryItem__orderInfo__info dd span {
justify-content: center !important
}
.fs-c-orderHistoryItem__product {
align-items: center;
display: flex;
flex-direction: row;
flex-wrap: wrap
}
.fs-c-orderHistoryItem__productImage {
order: 1;
width: 100%
}
.fs-c-orderHistoryItem__productName {
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
display: -webkit-box;
font-size: 1.4rem;
height: 3.8rem;
letter-spacing: .05rem;
line-height: 1.9rem;
order: 2;
overflow: hidden;
padding-bottom: 20px;
text-overflow: ellipsis;
width: 100%
}
.fs-c-orderHistoryItem__unitPrice {
order: 4;
width: 65%
}
.fs-c-orderHistoryItem__unitPrice .fs-c-priceDisplay {
font-size: 1.8rem;
justify-content: flex-end;
line-height: 2rem
}
.fs-c-orderHistoryItem__productQuantity {
font-size: 1.2rem;
order: 3;
width: 35%
}
.fs-c-orderHistoryItem__deliveryInfo {
display: none
}
.fs-c-orderHistoryItem .fs-c-orderHistoryItem__button {
order: 5;
text-align: right !important
}
.fs-c-orderHistoryItem .fs-c-orderHistoryItem__button a.fs-c-button--addReview--detail {
display: inline-block;
padding: 0
}
.fs-c-orderHistoryItem .fs-c-orderHistoryItem__header__button a {
background: #050302;
padding: .5rem 0
}
.fs-c-orderHistoryItem .fs-c-orderHistoryItem__header__button a span {
color: #fff
}
.fs-c-leftNavigation {
margin-top: 77px;
opacity: 0;
padding-left: 10px;
transform: translateY(20px);
width: 240px
}
.fs-c-leftNavigation__title {
align-items: center;
border-bottom: 1px solid #ccc;
display: flex;
flex-direction: row;
justify-content: space-between;
margin: 10px auto;
padding: 0 0 10px
}
.fs-c-leftNavigation__title h3 {
font-weight: 700;
margin: 0
}
.fs-c-leftNavigation__title h3 svg {
font-size: 18px
}
.fs-c-leftNavigation__title span.lnResetAll {
align-items: center;
background: #f5f5f5;
border: 1px solid #e5e5e5;
cursor: pointer;
display: none;
flex-direction: row;
justify-content: space-between;
padding: 4px 5px
}
.fs-c-leftNavigation__title span.lnResetAll span {
color: #666;
font-size: 9px;
font-weight: 700;
line-height: 14px
}
.fs-c-leftNavigation__title span.lnResetAll svg {
color: #aaa;
font-size: 14px
}
.fs-c-leftNavigation__title span.lnResetAll.active {
display: flex
}
.fs-c-leftNavigation__stock__inner {
align-items: center;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
text-align: right
}
.fs-c-leftNavigation__stock__inner label {
display: inline-block;
font-size: .9rem;
width: calc(100% - 46px)
}
.fs-c-leftNavigation__stock__inner .c-switch {
width: 46px
}
.fs-c-leftNavigation__wrapper {
-ms-overflow-style: none;
height: 1500px;
overflow-y: auto;
padding-right: 10px;
scrollbar-width: none
}
.fs-c-leftNavigation__wrapper::-webkit-scrollbar {
border-radius: 1.5px;
width: 3px
}
.fs-c-leftNavigation__wrapper::-webkit-scrollbar-track {
background: #fafafa;
border-radius: 1.5px
}
.fs-c-leftNavigation__wrapper::-webkit-scrollbar-thumb {
background: #eaeaea;
border-radius: 1.5px
}
@media screen and (max-width:767px) {
.fs-c-leftNavigation {
display: none
}
}
.fs-c-leftNavigation__search {
align-items: center;
border: 1px solid #bbb;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-end
}
.fs-c-leftNavigation__search select[name=blandForm__select] {
border: none;
color: #000;
cursor: pointer;
font-size: 12px;
line-height: 12px;
margin: 3px 0 3px 6px;
order: 2;
padding: 0 3px 0 0
}
.fs-c-leftNavigation__search select[name=blandForm__select]:focus, .fs-c-leftNavigation__search select[name=blandForm__select]:focus-visible, .fs-c-leftNavigation__search select[name=blandForm__select]:focus-within, .fs-c-leftNavigation__search select[name=blandForm__select]:hover, .fs-c-leftNavigation__search select[name=blandForm__select]:visited {
border: none;
outline: 0
}
.fs-c-leftNavigation__search input[name=keywordInput] {
border: none !important
}
.fs-c-leftNavigation__search input[name=keywordInput] + button {
border-left: 1px solid #bbb !important;
border-right: none !important
}
.fs-c-leftNavigation__search input[name=keywordInput] + button svg {
height: 18px
}
.fs-c-leftNavigation__search button[type=button] {
background: none;
background: #f9f9f9;
border: none;
border-right: 1px solid #bbb;
height: 30px;
margin: 0;
order: 1;
padding: 0;
width: 36px
}
.fs-c-leftNavigation__search button[type=button] svg {
color: #666;
height: 16px;
width: 16px
}
.fs-c-leftNavigation.load {
opacity: 1;
transform: translateY(0);
transition: 1s
}
.fs-c-leftNavigation__division {
border-bottom: 1px solid #ccc
}
.fs-c-leftNavigation__division h3 {
font-weight: 700
}
.fs-c-leftNavigation__inner {
margin: 20px 0 0 9%
}
.fs-c-leftNavigation__item {
align-items: center;
cursor: pointer;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
width: 100%
}
.fs-c-leftNavigation__item div {
align-items: center;
display: flex;
flex-direction: row;
justify-content: flex-start
}
.fs-c-leftNavigation__item div i {
font-size: 55px;
pointer-events: none
}
.fs-c-leftNavigation__item div span {
font-size: 18px;
font-weight: 700;
pointer-events: none
}
.fs-c-leftNavigation__item span {
font-size: 16px;
font-weight: 700;
text-indent: 10px
}
.fs-c-leftNavigation .selector.selected {
background: #f5f5f5
}
.fs-c-leftNavigation .selector.selected > svg.fa-circle-xmark {
bottom: 0;
color: #aaa;
display: block;
margin: auto;
position: absolute;
right: 5px;
top: 0;
z-index: 100
}
.fs-c-leftNavigation .selector {
position: relative
}
.fs-c-leftNavigation .selector > svg.fa-circle-xmark {
display: none
}
.fs-c-leftNavigation__item2 {
align-items: center;
cursor: pointer;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
width: 100%
}
.fs-c-leftNavigation__item2 > span.concept i {
font-size: 50px
}
.fs-c-leftNavigation__item2 > span.discount span, .fs-c-leftNavigation__item2 > span.shape span, .fs-c-leftNavigation__item2 > span.type span {
padding: 15px 0
}
.fs-c-leftNavigation__item2 > span {
align-items: center;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
pointer-events: none;
width: 100%
}
.fs-c-leftNavigation__item2 > span i {
font-size: 42px;
pointer-events: none
}
.fs-c-leftNavigation__item2 > span span:first-child {
align-items: center;
display: flex;
height: 42px;
justify-content: center;
width: 43px
}
.fs-c-leftNavigation__item2 > span span:first-child svg {
font-size: 20px
}
.fs-c-leftNavigation__item2 > span i.hide {
visibility: hidden
}
.fs-c-leftNavigation__item2 > span span {
font-size: 14px;
font-weight: 700;
pointer-events: none
}
.fs-c-leftNavigation__item2 > svg {
height: 16px !important;
width: 16px !important
}
.fs-c-leftNavigation__bottom__layer {
align-items: flex-start;
border-left: 1px solid #ccc;
display: flex;
flex-direction: column;
justify-content: center;
margin: 20px 0 0 10%;
padding-left: 10px;
row-gap: 5px
}
.fs-c-leftNavigation__bottom__layer li {
width: 100%
}
.fs-c-leftNavigation__bottom__layer li a {
display: block;
width: 100%
}
.fs-c-leftNavigation__bottom__layer span {
font-size: 12px;
font-weight: 700;
line-height: 28px;
padding: 5px 0;
pointer-events: none
}
.accordion--wrapper {
position: relative
}
.accordion--trigger div, .accordion--trigger i, .accordion--trigger span, .accordion--trigger svg, .accordion--trigger svg > path {
pointer-events: none
}
.accordion--trigger svg {
color: #ccc;
display: inline-block;
height: 16px;
transform: rotate(1turn);
width: 16px
}
.accordion--trigger.accordion--active svg {
transform: rotate(180deg)
}
.accordion--content {
display: block;
height: auto;
margin-left: 0;
overflow: hidden
}
.fs-c-inputField__field {
padding: 3px 0
}
.fs-c-inputField__label {
color: #888;
font-size: 1rem;
line-height: 2rem
}
.fs-c-inputTextGroup {
display: flex;
flex-direction: row;
gap: 20px
}
.fs-c-inputTextGroup__item {
flex-grow: 1
}
.fs-c-inputGroup > button {
border: none;
border-left: 1px solid #ccc
}
input, select {
-webkit-appearance: none;
appearance: none;
border-radius: 0
}
input[type=text], select {
background: #fff;
border: 1px solid #ccc;
color: #888;
min-width: 100px;
padding: 3px 5px;
width: 100%
}
@media screen and (max-width:767px) {
input[type=text], select {
font-size: 1.8rem;
line-height: 2.4rem
}
}
.fs-body-my-account-password .fs-c-inputInformation__field {
background: hsla(0, 0%, 49%, .08);
padding: 16px 32px
}
.fs-body-my-account-password .fs-c-inputInformation__message {
text-align: center
}
.fs-body-my-account-password .fs-c-inputInformation__field {
margin: 24px auto;
max-width: 600px
}
.fs-body-my-account-password .fs-c-inputInformation__field table {
width: 100%
}
.white {
color: #fff
}
.black {
color: #333
}
.orange {
color: #a78000
}
.bg {
background: #231815
}
.bg_wh {
background: #fff
}
.uk-text-center {
text-align: center !important
}
.uk-text-right {
text-align: right !important
}
.uk-text-left {
text-align: left !important
}
.fr {
float: right !important
}
.fl {
float: left !important
}
.flex {
display: flex
}
@media(max-width:767px) {
.flex_sp {
display: block
}
}
.table {
display: table
}
.cell {
display: table-cell
}
.middle {
vertical-align: middle
}
.le0 {
letter-spacing: 0 !important
}
.le1 {
letter-spacing: 1px !important
}
.le2 {
letter-spacing: 2px !important
}
.le3 {
letter-spacing: 3px !important
}
.le4 {
letter-spacing: 4px !important
}
.le5 {
letter-spacing: 5px !important
}
.f5 {
font-size: .5rem !important
}
.f6 {
font-size: .6rem !important
}
.f7 {
font-size: .7rem !important
}
.f8 {
font-size: .8rem !important
}
.f9 {
font-size: .9rem !important
}
.f10 {
font-size: 1rem !important
}
.f11 {
font-size: 1.1rem !important
}
.f12 {
font-size: 1.2rem !important
}
.f13 {
font-size: 1.3rem !important
}
.f14 {
font-size: 1.4rem !important
}
.f15 {
font-size: 1.5rem !important
}
.f16 {
font-size: 1.6rem !important
}
.f17 {
font-size: 1.7rem !important
}
.f18 {
font-size: 1.8rem !important
}
.f19 {
font-size: 1.9rem !important
}
.f20 {
font-size: 2rem !important
}
.f21 {
font-size: 2.1rem !important
}
.f22 {
font-size: 2.2rem !important
}
.f23 {
font-size: 2.3rem !important
}
.f24 {
font-size: 2.4rem !important
}
.f25 {
font-size: 2.5rem !important
}
.f26 {
font-size: 2.6rem !important
}
.f27 {
font-size: 2.7rem !important
}
.f28 {
font-size: 2.8rem !important
}
.f29 {
font-size: 2.9rem !important
}
.f30 {
font-size: 3rem !important
}
.mb0 {
margin-bottom: 0 !important
}
@media(max-width:767px) {
.mb0 {
margin-bottom: 0 !important
}
}
.mb10 {
margin-bottom: 10px !important
}
@media(max-width:767px) {
.mb10 {
margin-bottom: 5px !important
}
}
.mb20 {
margin-bottom: 20px !important
}
@media(max-width:767px) {
.mb20 {
margin-bottom: 10px !important
}
}
.mb30 {
margin-bottom: 30px !important
}
@media(max-width:767px) {
.mb30 {
margin-bottom: 15px !important
}
}
.mb40 {
margin-bottom: 40px !important
}
@media(max-width:767px) {
.mb40 {
margin-bottom: 20px !important
}
}
.mb50 {
margin-bottom: 50px !important
}
@media(max-width:767px) {
.mb50 {
margin-bottom: 25px !important
}
}
.mb60 {
margin-bottom: 60px !important
}
@media(max-width:767px) {
.mb60 {
margin-bottom: 30px !important
}
}
.mb70 {
margin-bottom: 70px !important
}
@media(max-width:767px) {
.mb70 {
margin-bottom: 35px !important
}
}
.mb80 {
margin-bottom: 80px !important
}
@media(max-width:767px) {
.mb80 {
margin-bottom: 40px !important
}
}
.mb90 {
margin-bottom: 90px !important
}
@media(max-width:767px) {
.mb90 {
margin-bottom: 45px !important
}
}
.mb100 {
margin-bottom: 100px !important
}
@media(max-width:767px) {
.mb100 {
margin-bottom: 50px !important
}
}
.mb110 {
margin-bottom: 110px !important
}
@media(max-width:767px) {
.mb110 {
margin-bottom: 55px !important
}
}
.mb120 {
margin-bottom: 120px !important
}
@media(max-width:767px) {
.mb120 {
margin-bottom: 60px !important
}
}
.mb130 {
margin-bottom: 130px !important
}
@media(max-width:767px) {
.mb130 {
margin-bottom: 65px !important
}
}
.mb140 {
margin-bottom: 140px !important
}
@media(max-width:767px) {
.mb140 {
margin-bottom: 70px !important
}
}
.mb150 {
margin-bottom: 150px !important
}
@media(max-width:767px) {
.mb150 {
margin-bottom: 75px !important
}
}
.mt0 {
margin-top: 0 !important
}
@media(max-width:767px) {
.mt0 {
margin-top: 0 !important
}
}
.mt10 {
margin-top: 10px !important
}
@media(max-width:767px) {
.mt10 {
margin-top: 5px !important
}
}
.mt20 {
margin-top: 20px !important
}
@media(max-width:767px) {
.mt20 {
margin-top: 10px !important
}
}
.mt30 {
margin-top: 30px !important
}
@media(max-width:767px) {
.mt30 {
margin-top: 15px !important
}
}
.mt40 {
margin-top: 40px !important
}
@media(max-width:767px) {
.mt40 {
margin-top: 20px !important
}
}
.mt50 {
margin-top: 50px !important
}
@media(max-width:767px) {
.mt50 {
margin-top: 25px !important
}
}
.mt60 {
margin-top: 60px !important
}
@media(max-width:767px) {
.mt60 {
margin-top: 30px !important
}
}
.mt70 {
margin-top: 70px !important
}
@media(max-width:767px) {
.mt70 {
margin-top: 35px !important
}
}
.mt80 {
margin-top: 80px !important
}
@media(max-width:767px) {
.mt80 {
margin-top: 40px !important
}
}
.mt90 {
margin-top: 90px !important
}
@media(max-width:767px) {
.mt90 {
margin-top: 45px !important
}
}
.mt100 {
margin-top: 100px !important
}
@media(max-width:767px) {
.mt100 {
margin-top: 50px !important
}
}
.ml0 {
margin-left: 0 !important
}
.ml10 {
margin-left: 10px !important
}
.ml20 {
margin-left: 20px !important
}
.ml30 {
margin-left: 30px !important
}
.ml40 {
margin-left: 40px !important
}
.ml50 {
margin-left: 50px !important
}
.ml60 {
margin-left: 60px !important
}
.mr0 {
margin-right: 0 !important
}
@media(max-width:767px) {
.mr0 {
margin-right: 0 !important
}
}
.mr10 {
margin-right: 10px !important
}
@media(max-width:767px) {
.mr10 {
margin-right: 5px !important
}
}
.mr20 {
margin-right: 20px !important
}
@media(max-width:767px) {
.mr20 {
margin-right: 10px !important
}
}
.mr30 {
margin-right: 30px !important
}
@media(max-width:767px) {
.mr30 {
margin-right: 15px !important
}
}
.mr40 {
margin-right: 40px !important
}
@media(max-width:767px) {
.mr40 {
margin-right: 20px !important
}
}
.mr50 {
margin-right: 50px !important
}
@media(max-width:767px) {
.mr50 {
margin-right: 25px !important
}
}
.mr60 {
margin-right: 60px !important
}
@media(max-width:767px) {
.mr60 {
margin-right: 30px !important
}
}
.ma {
margin: auto
}
.pb0 {
padding-bottom: 0 !important
}
.pb10 {
padding-bottom: 10px !important
}
.pb20 {
padding-bottom: 20px !important
}
.pb30 {
padding-bottom: 30px !important
}
.pb40 {
padding-bottom: 40px !important
}
.pb50 {
padding-bottom: 50px !important
}
.pb60 {
padding-bottom: 60px !important
}
.pb70 {
padding-bottom: 70px !important
}
.pb80 {
padding-bottom: 80px !important
}
.pb90 {
padding-bottom: 90px !important
}
.pb100 {
padding-bottom: 100px !important
}
.pt0 {
padding-top: 0 !important
}
@media(max-width:767px) {
.pt0 {
padding-top: 0 !important
}
}
.pt10 {
padding-top: 10px !important
}
@media(max-width:767px) {
.pt10 {
padding-top: 5px !important
}
}
.pt20 {
padding-top: 20px !important
}
@media(max-width:767px) {
.pt20 {
padding-top: 10px !important
}
}
.pt30 {
padding-top: 30px !important
}
@media(max-width:767px) {
.pt30 {
padding-top: 15px !important
}
}
.pt40 {
padding-top: 40px !important
}
@media(max-width:767px) {
.pt40 {
padding-top: 20px !important
}
}
.pt50 {
padding-top: 50px !important
}
@media(max-width:767px) {
.pt50 {
padding-top: 25px !important
}
}
.pt60 {
padding-top: 60px !important
}
@media(max-width:767px) {
.pt60 {
padding-top: 30px !important
}
}
.pt70 {
padding-top: 70px !important
}
@media(max-width:767px) {
.pt70 {
padding-top: 35px !important
}
}
.pt80 {
padding-top: 80px !important
}
@media(max-width:767px) {
.pt80 {
padding-top: 40px !important
}
}
.pt90 {
padding-top: 90px !important
}
@media(max-width:767px) {
.pt90 {
padding-top: 45px !important
}
}
.pt100 {
padding-top: 100px !important
}
@media(max-width:767px) {
.pt100 {
padding-top: 50px !important
}
}
.pl0 {
padding-left: 0 !important
}
.pl10 {
padding-left: 10px !important
}
.pl20 {
padding-left: 20px !important
}
.pl30 {
padding-left: 30px !important
}
.pl40 {
padding-left: 40px !important
}
.pl50 {
padding-left: 50px !important
}
.pl60 {
padding-left: 60px !important
}
.pl70 {
padding-left: 70px !important
}
.pl80 {
padding-left: 80px !important
}
.pl90 {
padding-left: 90px !important
}
.pl100 {
padding-left: 100px !important
}
.pl110 {
padding-left: 110px !important
}
.pl120 {
padding-left: 120px !important
}
.pr0 {
padding-right: 0 !important
}
.pr10 {
padding-right: 10px !important
}
.pr20 {
padding-right: 20px !important
}
.pr30 {
padding-right: 30px !important
}
.pr40 {
padding-right: 40px !important
}
.pr50 {
padding-right: 50px !important
}
.pr60 {
padding-right: 60px !important
}
.pr70 {
padding-right: 70px !important
}
.pr80 {
padding-right: 80px !important
}
.pr90 {
padding-right: 90px !important
}
.pr100 {
padding-right: 100px !important
}
.pr110 {
padding-right: 110px !important
}
.pr120 {
padding-right: 120px !important
}
.w0 {
max-width: 0 !important
}
.w10 {
max-width: 10px !important
}
.w20 {
max-width: 20px !important
}
.w30 {
max-width: 30px !important
}
.w40 {
max-width: 40px !important
}
.w50 {
max-width: 50px !important
}
.w60 {
max-width: 60px !important
}
.w70 {
max-width: 70px !important
}
.w80 {
max-width: 80px !important
}
.w90 {
max-width: 90px !important
}
.w100 {
max-width: 100px !important
}
.wp0 {
width: 0 !important
}
.wp10 {
width: 10% !important
}
.wp20 {
width: 20% !important
}
.wp30 {
width: 30% !important
}
.wp40 {
width: 40% !important
}
.wp50 {
width: 50% !important
}
.wp60 {
width: 60% !important
}
.wp70 {
width: 70% !important
}
.wp80 {
width: 80% !important
}
.wp90 {
width: 90% !important
}
.wp100 {
width: 100% !important
}
.hp100 {
height: 100%
}
.slick-dots {
bottom: 0
}
.slick-dots li button:before {
border: 1px solid #c2c2c2;
content: "";
height: 10px;
width: 10px
}
.slick-dots li.slick-active button:before {
background-color: #231815;
border-color: #231815
}
#fs_CustomerDetails label {
font-size: 14px
}
#fs_CustomerDetails th {
background: #f5f5f5
}
#fs_CustomerDetails .fs-c-inputTable__dataCell, #fs_CustomerDetails .fs-c-inputTable__headerCell {
padding: 16px 20px
}
#fs_CustomerDetails .fs-c-inputTable__headerCell {
background: #f5f5f5;
text-align: left
}
.fs-p-sideMenu {
display: flex;
justify-content: center
}
.fs-p-sideMenu li {
margin: 0 30px
}
.fs-c-checkout-delivery__method__deliveryDateTime dt {
background: #f5f5f5;
padding: 16px
}
.fs-c-checkout-delivery__method__deliveryDateTime dt:after {
content: none
}
.fs-c-returnedSpecialContract__link {
line-height: 1;
margin-top: 10px
}
.fs-c-returnedSpecialContract__link a {
padding: 0
}
.fs-c-returnedSpecialContract__link a:hover {
text-decoration: underline
}
.fs-c-returnedSpecialContract__link:before {
color: #ae9122;
content: "»";
font-size: 24px;
position: relative;
top: 2px
}
.fs-c-orderTotalTable {
width: 100%
}
.fs-c-checkout-destination__body {
display: flex;
flex-direction: column
}
.shopping .fs-c-wishlistProduct__title {
font-size: 24px
}
.shopping .fs-p-announcement__title {
font-size: 24px;
text-align: left
}
.shopping .fs-c-continueShopping {
text-align: center;
width: 100%
}
.fs-c-productPrice__addon {
font-size: 1.2rem;
padding-top: 0
}
.fs-c-productListItem__productDescription {
font-size: 1.4rem
}
.fs-body-product .fs-l-main .fs-l-productLayout > * > * {
margin-bottom: 8px
}
.fs-body-product .fs-c-productNameHeading {
font-feature-settings: "pkna";
letter-spacing: .1rem
}
.fs-body-product .fs-c-productNumber {
border-bottom: 1px solid #aaa;
display: block;
font-size: 1.2rem;
margin-bottom: 0 !important;
padding: 4px 0;
text-align: right
}
.fs-body-product .fs-c-productNumber__label:after {
content: "｜"
}
@media screen and (max-width:767px) {
.fs-c-checkout-delivery__method__deliveryDateTime dd, .fs-c-checkout-delivery__method__deliveryDateTime dt {
width: 100%
}
}
@media screen and (max-width:600px) {
.fs-c-cartTable__dataCell--point:before, .fs-c-cartTable__dataCell--quantity:before, .fs-c-cartTable__dataCell--subtotal:before {
display: inline-block;
font-size: 1.4rem;
font-weight: 400;
position: relative
}
.fs-c-cartTable__dataCell--quantity:before {
top: .2rem
}
.fs-c-quantity {
display: inline-block
}
.fs-c-cartTable__dataCell--subtotal {
width: 100%
}
.fs-c-cartTable__actionButton {
justify-content: flex-end
}
.fs-c-cartTable__actionButton__container--cancel--cart {
margin-right: 16px;
min-width: 100px
}
.fs-c-button--cancel--cart {
font-size: 1.6rem
}
.fs-c-button--plain {
border: 1px solid #b2b2b2;
border-radius: 5px;
padding: 5px 8px
}
.fs-c-productListCarousel__list__item {
margin: 0 1px
}
.fs-c-button--plain.fs-c-button--addToCart--list:before {
display: inline-block;
width: 100%
}
.fs-c-button--plain.fs-c-button--addToCart--list .fs-c-button__label {
font-size: 1.4rem
}
.shopping .fs-c-featuredProduct__title, .shopping .fs-p-heading--lv2 {
font-size: 2.4rem
}
}
.fs-c-payWithAmazon__button {
margin: 0 auto
}
.FS2_Recommend2_recommend .CrossHead, .fs-p-heading--lv2 {
color: #a38000;
font-size: 40px;
font-weight: 700;
letter-spacing: .1em;
margin: 0;
padding: 37px 0;
text-align: center
}
.uk-text-center {
color: #a38000
}
@media screen and (min-width:768px) {
.content {
padding-top: 104px
}
}
.fs-c-dropdown__menu {
border: none;
border-bottom: 1px solid #aaaccc
}
.fs-c-dropdown__menu:focus {
border: #976532;
border-bottom: 1px solid #976532;
box-shadow: none
}
.fs-c-productSelection__name {
width: 100%
}
.fs-c-productSelection__name .fs-c-productSelection__label {
color: #b00;
font-size: 14px;
width: 100%
}
.fs-c-productSelection .fs-c-dropdown:after {
background: none;
border-left: none
}
@media screen and (max-width:767px) {
.fs-c-productSelection {
padding: 0 10px 10px
}
}
.fs-body-product .content.shopping > .layoutOuter > .layoutInner {
max-width: 1200px
}
@media screen and (max-width:1019px) {
.fs-body-product .fs-c-productMainImage, .fs-body-product .fs-c-productThumbnail {
display: none
}
}
@keyframes fadeUpAnime {
0% {
opacity: 0;
transform: translateY(30px)
}
to {
opacity: 1;
transform: translateY(0)
}
}
.content > .layoutOuter > .layoutInner {
max-width: 1200px
}
.content.shopping > .layoutOuter > .layoutInner .fs-l-main {
align-items: flex-start;
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin: 0 auto;
width: 100%
}
.content.shopping > .layoutOuter > .layoutInner .fs-l-main .fs-c-productList, .content.shopping > .layoutOuter > .layoutInner .fs-l-main .fs-c-subgroup {
width: 100%
}
@media screen and (min-width:768px) {
.content.shopping > .layoutOuter > .layoutInner .fs-l-main .fs-c-productList {
width: calc(100% - 240px)
}
}
.content.shopping > .layoutOuter > .layoutInner .fs-l-main .fs-c-productList .CategorySelectSearch {
margin-bottom: 0
}
.content.shopping > .layoutOuter > .layoutInner .fs-l-main .fs-c-productList.fs_recommend-2 {
width: 100%
}
@media screen and (min-width:768px) {
.content.shopping > .layoutOuter > .layoutInner .fs-l-main .fs-c-productList.fs_recommend-2 {
width: 100%
}
}
.content.shopping > .layoutOuter > .layoutInner .fs-l-main .fs-c-leftNavigation {
width: 240px
}
.fs-body-cart .fs_blk_reccomend {
grid-column: 1/3
}
.fs-c-button--addToCart--list, .fs-c-mark--preorder {
display: none
}
.fs-c-cartTable__quantity {
max-width: unset !important
}
.fs-body-login .fs-l-main {
align-content: flex-start;
display: flex;
flex-direction: row;
flex-wrap: wrap
}
@media screen and (max-width:767px) {
.fs-body-login .fs-l-main {
width: 100% !important
}
}
@media screen and (min-width:768px) {
.fs-body-login .fs-l-main {
width: 72% !important
}
}
.fs-body-login .fs-l-main > * {
flex-basis: unset
}
.fs-l-main #fs-page-error-container {
order: 1;
width: 100%
}
.fs-l-main .fs-c-registeredUsers__title {
font-weight: 700;
order: 2;
text-align: center;
width: 100%
}
.fs-l-main .fs-c-fsLogin {
order: 3;
width: 100%
}
.fs-l-main .fs-c-otherServiceLogin {
order: 5
}
@media screen and (max-width:767px) {
.fs-l-main .fs-c-otherServiceLogin {
margin-bottom: 20px;
width: 100%
}
}
@media screen and (min-width:768px) {
.fs-l-main .fs-c-otherServiceLogin {
margin-left: 15px;
width: calc(50% - 15px)
}
.fs-l-main .fs-c-otherServiceLogin__title {
font-size: 1.6rem
}
}
.fs-l-main .fs-c-otherServiceLogin .fs-c-linkedServiceLogin {
background: #fafafa;
margin: 0 auto;
max-width: 420px;
padding: 30px;
text-align: center
}
.fs-l-main .fs-c-otherServiceLogin .fs-c-linkedServiceLogin__title {
font-size: 1.8rem;
font-weight: 700;
text-align: center
}
.fs-l-main .fs-c-otherServiceLogin .fs-c-linkedServiceLogin__body .fs-c-linkedServiceLogin__login .fs-c-anotherLogin {
margin: 0 auto;
max-width: 420px;
padding: 0 20px;
text-align: center
}
.fs-l-main .fs-c-otherServiceLogin .fs-c-linkedServiceLogin__body .fs-c-linkedServiceLogin__login .fs-c-anotherLogin__message {
border-bottom: 1px solid #aaa;
border-top: 1px solid #aaa;
font-size: 14px;
line-height: 22px;
padding: 20px 0
}
.fs-l-main .fs-c-otherServiceLogin .fs-c-linkedServiceLogin__body .fs-c-linkedServiceLogin__login .fs-c-anotherLogin__button {
margin: 20px auto
}
.fs-l-main .fs-c-newUsers {
background: #fafafa;
margin: 0 auto;
max-width: 420px;
order: 4;
padding: 30px;
text-align: center
}
@media screen and (max-width:767px) {
.fs-l-main .fs-c-newUsers {
margin-bottom: 20px;
width: 100%
}
}
@media screen and (min-width:768px) {
.fs-l-main .fs-c-newUsers {
margin-right: 15px;
width: calc(50% - 15px)
}
.fs-l-main .fs-c-newUsers .fs-c-newUsers__title {
font-size: 1.6rem
}
}
.fs-l-main .fs-c-newUsers .fs-c-newUsers__title {
font-size: 1.8rem;
font-weight: 700;
text-align: center
}
.fs-l-main .fs-c-newUsers .fs-c-newUsers__message {
border-bottom: 1px solid #aaa;
border-top: 1px solid #aaa;
font-size: 14px;
line-height: 22px;
padding: 30px 0
}
.fs-l-main .fs-c-newUsers .fs-c-newUsers__message br {
display: none
}
.fs-l-main .fs-c-newUsers .fs-c-buttonContainer {
margin: 20px auto
}
.fs-body-linkRegister .fs-l-main {
align-content: flex-start
}
@media screen and (max-width:767px) {
.fs-body-linkRegister .fs-l-main {
width: 100%
}
}
@media screen and (min-width:768px) {
.fs-body-linkRegister .fs-l-main {
width: 50% !important
}
}
.fs-body-linkRegister .fs-l-main > * {
margin-bottom: 30px;
width: 100%
}
.fs-body-linkRegister .fs-l-main .fs-c-inputInformation__message {
font-weight: 700;
padding: 0 10px;
text-align: center
}
.fs-body-linkRegister .fs-l-main > form[name=fs_form] .fs-c-inputInformation__field {
background: #fafafa;
margin: 0 auto 30px;
text-align: center
}
@media screen and (max-width:767px) {
.fs-body-linkRegister .fs-l-main > form[name=fs_form] .fs-c-inputInformation__field {
padding: 15px
}
}
@media screen and (min-width:768px) {
.fs-body-linkRegister .fs-l-main > form[name=fs_form] .fs-c-inputInformation__field {
padding: 30px
}
}
.fs-body-linkRegister .fs-l-main > form[name=fs_form] .fs-c-inputInformation__field .fs-c-linkedAccountInfo {
background: #f3f3f3;
border: 1px solid #ccc;
margin-bottom: 30px;
padding: 30px
}
.fs-body-linkRegister .fs-l-main > form[name=fs_form] .fs-c-inputInformation__field .fs-c-linkedAccountInfo__name__firstName:after {
content: " 様"
}
.fs-body-linkRegister .fs-l-main > form[name=fs_form] .fs-c-inputInformation__field .fs-c-privacyPolicyAgreeField .fs-c-checkbox {
margin: 0 auto
}
.fs-body-linkRegister .fs-l-main > form[name=fs_form] .fs-c-inputInformation__field .fs-c-privacyPolicyAgreeField .fs-c-checkbox__label .fs-c-checkbox__labelText {
color: #333;
font-size: 1.8rem;
font-weight: 700;
text-align: center
}
.fs-body-linkRegister .fs-l-main > form[name=fs_form] .fs-c-inputInformation__field .fs-c-agreementField .fs-c-agreementConfirmationArea {
margin-top: 30px
}
.fs-body-linkRegister .fs-l-main > form[name=fs_form] .fs-c-inputInformation__field .fs-c-agreementField .fs-c-agreementConfirmationArea .fs-c-agreementConfirmation {
background: #f3f3f3;
margin: 0 auto;
padding: 20px
}
@media screen and (max-width:767px) {
.fs-body-linkRegister .fs-l-main > form[name=fs_form] .fs-c-inputInformation__field .fs-c-agreementField .fs-c-agreementConfirmationArea .fs-c-agreementConfirmation {
width: 90%
}
}
@media screen and (min-width:768px) {
.fs-body-linkRegister .fs-l-main > form[name=fs_form] .fs-c-inputInformation__field .fs-c-agreementField .fs-c-agreementConfirmationArea .fs-c-agreementConfirmation {
width: 81%
}
}
.fs-body-linkRegister .fs-l-main > form[name=fs_form] .fs-c-inputInformation__field .fs-c-agreementField .fs-c-agreementConfirmationArea .fs-c-agreementConfirmation__message {
line-height: 2.2rem;
margin: 0;
padding-bottom: 15px
}
.fs-body-linkRegister .fs-l-main > form[name=fs_form] .fs-c-inputInformation__field .fs-c-agreementField .fs-c-agreementConfirmationArea .fs-c-agreementConfirmation__checkbox {
padding-top: 15px
}
.fs-body-linkRegister .fs-l-main > form[name=fs_form] .fs-c-inputInformation__field .fs-c-agreementField .fs-c-checkbox__labelText {
color: #333;
font-size: 1.4rem;
font-weight: 700
}
.fs-body-linkRegister .fs-l-main .fs-c-buttonContainer {
align-items: center;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
gap: 20px;
justify-content: center
}
.fs-body-linkRegister .fs-l-main .fs-c-buttonContainer > * {
margin: 0 auto;
max-width: 320px;
width: calc(50% - 10px);
width: 50%
}
.fs-body-linkRegister .fs-l-main .fs-c-buttonContainer .fs-c-button--cancelAccountLinking {
font-size: 1.6rem;
padding: 8px 28px
}
.fs-c-productAgreement, .fs-c-productSelection, .productComment5 {
opacity: 0;
transition: .3s
}
.fs-c-productAgreement {
background: #fafafa;
padding: 30px;
position: relative
}
.fs-c-productAgreement, .fs-c-productAgreement .fs-c-productSelection, .fs-c-productAgreement .is_loaded, .fs-c-productAgreement .productComment5 {
opacity: 1
}
.fs-c-productAgreement:after, .fs-c-productAgreement:before {
background-color: #a1a1a1;
content: "";
display: block;
height: 6px;
left: 0;
-webkit-mask-image: url('data:image/svg+xml;charset=utf-8,');
mask-image: url('data:image/svg+xml;charset=utf-8,');
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-repeat: repeat-x;
mask-repeat: repeat-x;
-webkit-mask-size: 25px;
mask-size: 25px;
position: absolute;
width: 100%
}
.fs-c-productAgreement:before {
top: 0
}
.fs-c-productAgreement:after {
bottom: 0
}
.productComment5 {
color: #707070
}
.productComment5__header {
display: flex;
flex-direction: column;
justify-content: center;
padding: 30px 0;
position: relative;
text-align: center
}
.productComment5__header:before {
background-color: #f1f1f1;
bottom: 0;
content: "";
display: block;
height: 120px;
left: 0;
margin: auto;
-webkit-mask-image: url('data:image/svg+xml;charset=utf-8,');
mask-image: url('data:image/svg+xml;charset=utf-8,');
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
position: absolute;
right: 0;
top: 0;
width: 120px;
z-index: 0
}
.productComment5__header__title {
font-size: 2rem;
font-weight: 700;
letter-spacing: .05rem;
line-height: 1.5;
margin: 0;
padding: 0 0 1rem;
text-align: center;
z-index: 100
}
.productComment5__header__subTitle {
font-weight: 700;
line-height: 1.5;
margin: 0;
padding: 0;
z-index: 100
}
.productComment5__content {
padding-top: 24px
}
.productComment5 .Deliveryschedule, .productComment5 .deliveryschedule {
align-items: center;
background: #f1f1f1;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
padding: 15px
}
.productComment5 .Deliveryschedule > *, .productComment5 .deliveryschedule > * {
font-size: 1.4rem;
letter-spacing: .05rem;
line-height: 1.8;
margin: 0;
padding: 0;
text-align: center;
width: 50%
}
.productComment5 .Deliveryschedule dt:first-child, .productComment5 .deliveryschedule dt:first-child {
font-weight: 700;
padding-bottom: 15px;
text-align: center;
width: 100%
}
.productComment5 .Deliveryschedule--column3 dd, .productComment5 .Deliveryschedule--column3 dt, .productComment5 .deliveryschedule--column3 dd, .productComment5 .deliveryschedule--column3 dt {
margin: 0;
padding: 0;
width: 33.3%
}
.productComment5 .cautionList {
font-size: 12px;
letter-spacing: .05rem;
line-height: 1.5
}
.fs-c-productSelection {
align-items: center;
border-top: 1px solid hsla(0, 0%, 80%, .8);
display: flex;
flex-direction: column;
justify-content: center;
padding: 30px 0 0
}
.fs-c-productSelection__name {
font-size: 1.4rem;
letter-spacing: .05rem;
line-height: 1.5;
margin-bottom: 15px;
text-align: center
}
.fs-c-productSelection__name .fs-c-productSelection__label {
color: #707070 !important
}
.fs-c-productSelection .fs-c-radio__label {
align-items: center;
background: #dfdfdf;
flex-direction: column;
font-size: 1.6rem;
justify-content: center;
line-height: 1;
margin: 10px 0;
padding: 1.8rem 2.4rem;
position: relative;
transition: .3s;
width: 100%
}
.fs-c-productSelection .fs-c-radio__radio:checked:enabled + .fs-c-radio__label {
background-color: #231815;
color: #fff;
transition: .3s
}
.fs-c-productSelection .fs-c-radio__radioMark {
display: none !important
}
.description_long {
font-size: 1.4rem;
letter-spacing: .01rem;
line-height: 2
}
.description_long h2 {
border-left: 10px solid #231815;
display: inline-block;
font-size: 2.4rem;
font-weight: 700;
letter-spacing: .05rem;
line-height: 1.5;
padding-left: 1rem;
position: relative
}
.bannerArea--tmp {
align-items: center;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center
}
.bannerArea--tmp > * {
width: 50%
}
.fs-c-itemDetailAreaLarge > * {
padding-bottom: 60px
}
.fs-c-itemDetailAreaLarge div[data-title=movie] {
padding-bottom: 0
}
.fs-c-itemDetailAreaLarge div[data-title=movie] > * {
margin-bottom: 60px
}
.fs-c-productMainImage, .fs-c-productThumbnail {
display: none !important
}
/*# sourceMappingURL=fs_base.css.map*/