Version:0.9 StartHTML:0000000105 EndHTML:0000001177 StartFragment:0000000141 EndFragment:0000001141 < !--StartFragment-->
< !--EndFragment-->Display typeDisplay typeDisplay typeDisplay typeDisplay typefs_MyCouponsfs_MyCouponsfs_MyCouponsfs_MyCouponsfs_MyCouponsfs_MyCouponsfs_MyCouponsfs_MyCouponsfs_MyCouponsfs_MyCouponsfs_MyCouponsfs_MyCouponsfs_MyCouponsfs_MyCouponsfs_MyCouponsfs_MyCouponsfs_MyCouponsfs_MyCoupons@charset "utf-8";
/* CSS Document */
/*
■対応ページ■
・検索結果一覧 #fs_ProductSearch
・商品グループ #fs_ProductCategory
・バンドル一覧 #fs_BundleProductList
・404ページ #fs_PageNotFound
・メンテナンス #fs_StoreClosed
・特定商取引法に基づく表示 #fs_AboutTerms
・個人情報取り扱いについて #fs_PrivacyPolicy
・返品特約について #fs_ReturnPolicy
・会員規約について #fs_MemberAgreement
・ポイントについて #fs_AboutPoints
・フリーページ #fs_CustomPage
他、後日確認
*/
/* 共通 -------------------------------------------------------*/
#fs_ProductCategory .fs-l-main {
margin: 0 0 9rem !important;
}
#fs_ProductSearch .fs-l-main,
#fs_PageNotFound .fs-l-main,
#fs_StoreClosed .fs-l-main,
#fs_AboutTerms .fs-l-main,
#fs_PrivacyPolicy .fs-l-main,
#fs_ReturnPolicy .fs-l-main,
#fs_MemberAgreement .fs-l-main,
#fs_AboutPoints .fs-l-main,
#fs_CustomPage .fs-l-main,
#fs_WriteReview .fs-l-main,
#fs_ReviewSuccess .fs-l-main,
#fs_ReviewsByProduct .fs-l-main,
#fs_Reviews .fs-l-main,
#fs_ReviewsByCustomer .fs-l-main,
#fs_MyReviews .fs-l-main,
#fs_MyCoupons .fs-l-main,
#fs_MyWishList .fs-l-main {
margin: calc(7.5rem + 4rem) 2.5rem 9rem !important;
}
@media screen and (min-width:64em) {
/* for PC */
#fs_ProductSearch .fs-l-main,
#fs_ProductCategory .fs-l-main,
#fs_BundleProductList .fs-l-main,
#fs_PageNotFound .fs-l-main,
#fs_StoreClosed .fs-l-main,
#fs_AboutTerms .fs-l-main,
#fs_PrivacyPolicy .fs-l-main,
#fs_ReturnPolicy .fs-l-main,
#fs_MemberAgreement .fs-l-main,
#fs_AboutPoints .fs-l-main,
#fs_CustomPage .fs-l-main,
#fs_WriteReview .fs-l-main,
#fs_ReviewSuccess .fs-l-main,
#fs_ReviewsByProduct .fs-l-main,
#fs_Reviews .fs-l-main,
#fs_ReviewsByCustomer .fs-l-main,
#fs_MyReviews .fs-l-main,
#fs_MyCoupons .fs-l-main,
#fs_MyWishList .fs-l-main {
margin: 7rem 6rem 9rem !important;
}
}
/* 共通：商品一覧 -------------------------------------------------------*/
/* .fs-c-sortItems（絞り込み表示） */
.fs-c-productList__controller:last-child .fs-c-sortItems,
.fs-c-sortItems .fs-c-sortItems__label {
display: none;
}
.fs-c-productList__controller .fs-c-sortItems:first-child {
display: block;
width: 100%;
margin: 2rem 0;
border: none;
}
.fs-c-sortItems .fs-c-sortItems__list {
display: -ms-flexbox;
display: flex;
justify-content: flex-end;
border: none;
grid-gap: 10px;
}
.fs-c-sortItems .fs-c-sortItems__list li {
margin: 0;
line-height: 2rem;
}
.fs-c-sortItems .fs-c-sortItems__list li>* {
display: block;
padding: calc(1rem - 1px) 1.3rem;
font-size: 1.3rem;
text-align: center;
color: #000;
border: 1px solid #787878;
border-radius: 2rem;
background: #fff;
transition: all 0.25s ease-in-out;
}
.fs-c-sortItems .fs-c-sortItems__list>li:first-child {
margin-left: 0;
}
.fs-c-sortItems .fs-c-sortItems__list>li:last-child {
margin-right: 0;
}
.fs-c-sortItems .fs-c-sortItems__list li:not(.is-active)>*:hover {
color: #fff;
border-color: #000;
background: #000;
}
.fs-c-sortItems .fs-c-sortItems__list li.is-active {
background-color: transparent;
}
.fs-c-sortItems .fs-c-sortItems__list li.is-active>* {
font-weight: 700;
color: #fff;
background: #ef841a;
border: 1px solid #ef841a;
}
/* 並び替えの後ろに矢印を付ける。 */
.fs-c-sortItems .fs-c-sortItems__list__item:nth-last-child(2) .fs-c-sortItems__list__item__label:after {
content: "\f0d8";
font-family: "fontawesome";
margin-left: 0.2rem;
font-size: 1.0rem;
display: inline-block;
}
.fs-c-sortItems .fs-c-sortItems__list__item:last-child .fs-c-sortItems__list__item__label:after {
content: "\f0d9";
font-family: "fontawesome";
margin-left: 0.2rem;
font-size: 1.0rem;
display: inline-block;
}
/* .fs-c-listControl__status（件数表示） */
.fs-c-listControl {
display: block;
}
.fs-c-listControl__status>* {
letter-spacing: 1px;
}
.fs-c-productList__controller .fs-c-listControl__status {
display: block;
margin: 0 auto 1rem;
padding: 0 0 1rem;
border-bottom: 1px solid #787878;
box-sizing: border-box;
}
.fs-c-listControl__status .fs-c-listControl__status__total {
font-size: 1.8rem;
font-weight: 700;
color: #ef841a;
}
.fs-c-listControl__status .fs-c-listControl__status__total span,
.fs-c-listControl__status .fs-c-listControl__status__indication {
color: #000;
font-size: 1.4rem;
letter-spacing: normal;
}
/* 商品表示 */
.fs-c-productList__list {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
gap: 3rem;
}
.fs-c-productList__list>* {
-ms-grid-column: auto !important;
grid-column: auto !important;
-ms-grid-row: auto !important;
grid-row: auto !important;
padding: 0.5rem 0;
border-bottom: none;
}
.fs-c-productListItem form {
position: relative;
padding-bottom: 4.5rem;
}
.fs-c-productName__copy {
text-align: center;
}
.fs-c-productList__list__item .fs-c-productName__name {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 1.4rem;
font-weight: 700;
text-align: center;
}
.fs-c-productList__list__item .fs-c-salesPeriod__date {
border: none;
background: #e7e7e7;
}
.fs-c-productListItem .wrap_btn02 {
display: block;
margin: 1rem auto 0;
text-align: center;
}
.fs-c-productListItem .wrap_btn02 .btn02:before {
content: '\0a5';
display: inline;
}
.fs-c-productListItem .fs-c-productPrice__main {
color: #000 !important;
background: transparent;
display: inline-block !important;
padding: 0.2rem 2.5rem;
font-size: 1.4rem;
font-weight: 700;
line-height: 1rem;
text-align: center;
border-radius: 5rem !important;
box-sizing: border-box;
box-shadow: none;
transition: all 0.25s ease-in-out !important;
opacity: 1 !important;
}
.fs-c-productListItem .fs-c-productPrice--selling {
justify-content: center
}
.fs-c-productListItem .fs-c-productPrice--member {
justify-content: center;
margin-top: 1rem;
}
.fs-c-productListItem .fs-c-productPrice--selling .fs-c-productPrice__main__price {
color: #000 !important;
}
.fs-c-productListItem .fs-c-productPrice--member .fs-c-productPrice__main__price {
justify-content: center;
margin-top: 1rem;
}
/* .fs-c-productListItem .fs-c-productPrice--selling .fs-c-price__currencyMark:before{
content:'（税込';
}
.fs-c-productListItem .fs-c-productPrice--selling .fs-c-price__value:after{
content:'）';
}*/
/* 商品画像ボックス*/
/*.fs-c-productList__list__item .product_image_stock_wrap {
position: relative;
}*/
.fs-c-productList__list__item .product_image_stock_wrap .fs-c-productListItem__image__image {
object-fit: cover;
width: 100%;
height: auto;
}
.fs-c-productList__list__item .fs-c-productMarks {
text-align: center;
width: 100%;
z-index: 2;
}
.product_image_stock_wrap {
position: relative;
}
.fs-c-productList__list__item .fs-c-productStock {
display: block;
border: none;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 2rem;
font-weight: 900;
color: #900;
z-index: 2;
width: 100%;
}
.fs-c-productListItem__outOfStock+.fs-c-productListItem__imageContainer img {
opacity: 0.4;
}
/*.fs-c-productList__list__item .fs-c-productName__copy, /* サブテキスト */
.fs-c-productListItem .fs-c-productPrice--listed,
/* セール価格 */
.fs-c-productList .fs-c-button--viewMoreImage,
/* 拡大ボタン */
.fs-c-productList .fs-c-productPrice__addon,
/* 税込み・税抜き表示 */
.fs-c-productList .fs-c-productListItem__control,
/* 詳細を見る */
.fs-c-productList>*:last-child .fs-c-sortItems,
/* 絞り込み選択（下部） */
.fs-c-productList>*:last-child .fs-c-listControl__status
/* 件数（下部） */
{
display: none !important;
}
.fs-c-productList .fs-c-productPrice.fs-c-productPrice--listed {
display: flex !important;
justify-content: center;
}
.fs-c-productList .fs-c-productPrice.fs-c-productPrice--listed .fs-c-productPrice__main {
background: transparent !important;
color: #000 !important;
text-decoration: line-through;
font-size: 1.5rem;
line-height: 2.5rem;
}
.fs-c-productList .fs-c-productPrice--listed+.fs-c-productPrice.fs-c-productPrice--selling span {
color: #FFF !important;
background: #900 !important;
}
@media screen and (min-width:48em) {
/* for Tablet + PC */
/* .fs-c-productList__controller（絞り込み・件数表示） */
.fs-c-productList__controller {
display: block;
position: relative;
}
.fs-c-productList__controller .fs-c-sortItems .fs-c-sortItems__list {
-ms-flex-pack: end;
justify-content: flex-end;
position: absolute;
right: 0;
top: 0;
width: auto;
margin: 0;
-ms-flex-pack: end;
justify-content: flex-end;
}
.fs-c-listControl__status {
padding-top: 1rem !important;
}
.fs-c-sortItems .fs-c-sortItems__list li {
margin: 0 1rem 0 0;
}
/* 商品表示 */
.fs-c-productList__list {
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
}
.fs-c-productListItem form {
position: relative;
padding-bottom: 6rem;
}
.fs-c-productList__list>* {
padding: 1.5rem 0;
}
}
@media screen and (min-width:64em) {
/* for PC */
/* .fs-c-listControl__status（件数表示） */
.fs-c-productList__controller .fs-c-listControl__status {
width: 100%;
}
.fs-c-listControl__status .fs-c-listControl__status__total,
.fs-c-listControl__status .fs-c-listControl__status__total span {
font-size: 1.8rem;
letter-spacing: 2px;
}
.fs-c-listControl__status .fs-c-listControl__status__indication {
font-size: 1.6rem;
letter-spacing: 2px;
}
.fs-c-productList {
display: block;
}
.fs-c-productList__controller .fs-c-sortItems:first-child {
margin: 0;
}
.fs-c-productList__controller .fs-c-sortItems .fs-c-sortItems__list {
top: 0.5rem
}
.fs-c-productList>*:nth-child(5) .fs-c-pagination {
width: 100%;
}
.fs-c-productList__list {
-ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
margin: 0;
}
.fs-c-productList>*:nth-child(3) .fs-c-sortItems,
/* 絞り込み選択（下部） */
.fs-c-productList>*:nth-child(3) .fs-c-listControl__status
/* 件数（下部） */
{
display: none;
}
.fs-c-productList__list__item .fs-c-productStock {
font-size: 3rem;
}
}
@media screen and (max-width: 767px) {
/* for SP */
.fs-c-productList__list__item .fs-c-productName__name {
font-size: 1.2rem;
}
}
/* 検索結果一覧（#fs_ProductSearch）
----------------------------------------------------------------------------------------*/
#section_header_search {
display: -ms-flexbox;
display: flex;
flex-direction: column;
}
#section_header_search h2 {
text-align: left !important;
margin: 0;
}
#section_header_search div.filter-link {
padding: 2rem 0 0;
line-height: 2rem;
font-weight: 700;
align-self: flex-end;
}
#section_header_search div.filter-link:after {
content: "\f107";
display: inline-block;
width: 2rem;
height: 2rem;
margin: 0 0 0 0.5rem;
font-family: "fontawesome";
line-height: 2rem;
text-align: center;
text-transform: none;
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transition: all 0.3s ease-in-out;
}
#section_header_search div.filter-link:before {
content: "\f002";
display: inline-block;
width: 2rem;
height: 2rem;
margin: 0 0.5rem 0 0;
font-family: "fontawesome";
line-height: 2rem;
text-align: center;
}
#section_header_search div.filter-link.open:after {
transform: rotate(180deg);
}
/* #filter */
@keyframes filter_open {
from {
max-height: 0;
}
to {
max-height: 2500px;
}
}
@keyframes filter_close {
from {
max-height: 2500px;
}
to {
max-height: 0;
}
}
#section_filter {
display: none;
max-height: 0;
transition: all 0.3s ease-in-out;
overflow: hidden;
}
#section_filter.open {
display: block;
animation: filter_open 0.5s ease-in-out forwards;
}
#section_filter.close {
display: block;
animation: filter_close 0.5s ease-in-out forwards;
}
#section_filter .filter li {
margin: 0;
}
#section_filter .filter>li {
border-bottom: 1px solid #e7e7e7;
}
#section_filter .filter>li:last-child {
border-bottom: none;
}
#section_filter .filter dl {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%
}
#section_filter .filter dt {
width: 100%;
margin: 1.5rem 0;
font-size: 1.8rem;
font-weight: 700;
color: #a5a6aa;
}
#section_filter .filter dd {
margin: 0 0 1.5rem;
}
/* #filter .fiter_keyword */
#section_filter .filter .fiter_keyword dd {
width: 100%;
}
/* #filter .fiter_target, .fiter_material, .filter_stock */
#section_filter .filter .fiter_target dl,
#section_filter .filter .fiter_material dl,
#section_filter .filter .fiter_stock dl {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
#section_filter .filter .fiter_target dd,
#section_filter .filter .fiter_material dd,
#section_filter .filter .fiter_stock dd {
width: calc(50% - 1rem);
}
/* #filter .fiter_color, .filter_size */
#section_filter .fiter_color label,
#section_filter .fiter_size label {
display: inline-block;
margin: 0 2rem 0 0;
padding: 0.5rem 0;
}
#section_filter .fiter_color label input,
#section_filter .fiter_size label input {
display: none;
}
#section_filter .fiter_size label span,
#section_filter .fiter_color label>span {
display: inline-block;
width: 4rem;
box-sizing: border-box;
border-radius: 50%;
}
#section_filter .fiter_color label>span {
position: relative;
height: 4rem;
}
#section_filter .fiter_color label span.c_white {
border: 1px solid #a5a6aa;
}
#section_filter .fiter_color label span.c_black {
background-color: black;
}
#section_filter .fiter_color label span.c_blue {
background-color: blue;
}
#section_filter .fiter_color label span.c_brown {
background-color: saddlebrown;
}
#section_filter .fiter_color label span.c_green {
background-color: green;
}
#section_filter .fiter_color label span.c_grey {
background-color: #787878;
}
#section_filter .fiter_color label span.c_orange {
background-color: #ef841a;
}
#section_filter .fiter_color label span.c_pink {
background-color: hotpink;
}
#section_filter .fiter_color label span.c_purple {
background-color: mediumpurple;
}
#section_filter .fiter_color label span.c_red {
background-color: red;
}
#section_filter .fiter_color label span.c_yellow {
background-color: yellow;
}
#section_filter .fiter_color label span.c_beige {
background-color: beige;
}
#section_filter .fiter_color label span.c_gold {
background: #CCA328;
background: linear-gradient(135deg, #FFEFC1 0%, #CCA328 50%, #B28C23 51%, #CCA328 100%);
}
#section_filter .fiter_color label span.c_silver {
background: #aaaaaa;
background: linear-gradient(135deg, #f5f5f5 0%, #aaaaaa 50%, #909090 51%, #cccccc 100%);
}
#section_filter .fiter_color label span.c_multicolour {
background: rgb(232, 66, 44);
background: linear-gradient(90deg, #e8422c 18%,
#f28b2e 18%, #f28b2e 34%,
#f1e400 34%, #f1e400 50%,
#328f3f 50%, #328f3f 66%,
#243a8f 66%, #243a8f 82%,
#7c3289 82%);
}
#section_filter .fiter_color label span.c_gradation {
background: #555555;
background: linear-gradient(135deg, #e51717 25%, #a417e5 50%, #293fcc 75%);
}
#section_filter .fiter_color label span>span {
display: none;
}
#section_filter .fiter_color label>span:before {
content: '';
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 2;
display: block;
width: 4rem;
height: 4rem;
border: 1px solid rgba(120, 120, 120, 0);
border-radius: 50%;
transition: all 0.1s ease-in-out;
}
#section_filter .fiter_color label input:checked+span:before {
width: 5.2rem;
height: 5.2rem;
border: 1px solid rgba(120, 120, 120, 1);
}
#section_filter .fiter_size label span {
padding: calc(1rem - 1px) 0;
font-size: 1.4rem;
text-align: center;
line-height: 2rem;
border: 1px solid #787878;
background: #ffffff;
transition: background 0.1s ease-in-out;
}
#section_filter .fiter_size label input:checked+span {
font-weight: 700;
color: #fff;
background: #ef841a;
border: 1px solid #ef841a;
}
/* #filter .filter_budget */
#section_filter .filter .budget dd {
width: 100%;
}
#section_filter .filter .filter_budget dd label {
display: inline-block;
width: 50%;
}
#section_filter .filter .filter_budget dd:nth-child(2):after {
content: '円から';
display: inline-block;
}
#section_filter .filter .filter_budget dd:nth-child(3):after {
content: '円まで';
display: inline-block;
}
/* #filter .fiter:last-child */
#section_filter .filter>li:last-child {
margin: 3rem 0 8rem;
text-align: center;
}
#section_filter .filter>li:last-child *[class*="btn"] {
width: 12.5rem;
margin: 0 0.5rem;
font-size: 1.4rem;
}
/* スマホのみ */
@media screen and (max-width:47em) {
#section_filter .fiter_keyword,
#section_filter .fiter_target,
#section_filter .fiter_material,
#section_filter .filter_budget {
display: none;
}
#section_filter .filter dd {
margin: 0;
}
#section_filter .filter .fiter_color dl,
#section_filter .filter .fiter_size dl {
display: grid;
grid-template-columns: repeat(8, 1fr);
grid-gap: 0.5rem;
padding-bottom: 1.5rem;
}
#section_filter .filter .fiter_color dt,
#section_filter .filter .fiter_size dt {
grid-column: 1/9;
margin: 1.5rem 0;
}
#section_filter .fiter_color label,
#section_filter .fiter_size label {
display: inline-block;
margin: 0;
padding: 0;
}
#section_filter .fiter_color label>span {
position: relative;
height: 3rem;
}
#section_filter .fiter_size label span,
#section_filter .fiter_color label>span {
display: inline-block;
width: 3rem;
box-sizing: border-box;
border-radius: 50%;
}
#section_filter .fiter_size label span {
padding: 0;
font-size: 1.5rem;
text-align: center;
line-height: 3rem;
border: 1px solid #787878;
background: #ffffff;
transition: background 0.1s ease-in-out;
}
#section_filter .filter .fiter_stock dl {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 0.5rem;
padding-bottom: 1.5rem;
}
#section_filter .filter .fiter_stock dt {
grid-column: 1/3;
margin: 1.5rem 0;
}
#section_filter .filter .fiter_stock dd {
width: 100%;
}
#section_filter .fiter_color label input:checked+span:before {
width: 4rem;
height: 4rem;
border: 1px solid rgba(120, 120, 120, 1);
}
}
/* _レコメンド */
#fs_ProductSearch #_rcmdjp_display_1 {
background: #f7f7f7;
/* padding : 0 2.5rem; */
}
#fs_ProductSearch #_rcmdjp_display_1 h2 {
padding: 1.5rem 0 0;
font-size: 2.6rem;
text-align: center;
border: none;
}
@media screen and (max-width:63.9375em) {
/* for SP + Tablet */
#section_header_search h2 {
font-size: 3rem !important;
}
}
@media screen and (min-width:48em) {
/* for Tablet + PC */
/* #section_filter */
#section_filter {
width: 100%;
}
/* #filter .fiter_target, .fiter_material, .filter_stock */
#section_filter .filter .fiter_target dl,
#section_filter .filter .fiter_material dl,
#section_filter .filter .fiter_stock dl {
-ms-flex-pack: start;
justify-content: flex-start;
}
#section_filter .filter .fiter_target dd,
#section_filter .filter .fiter_material dd,
#section_filter .filter .fiter_stock dd {
width: calc(25% - 1rem);
}
/* #filter .filter_budget */
#section_filter .filter .budget dd {
width: 100%;
}
#section_filter .filter .filter_budget dd label {
width: 13.5rem;
}
#section_filter .filter .filter_budget dd label input[type="text"] {
width: 12rem;
}
#section_filter .filter .filter_budget dd:nth-child(2) {
margin-right: 2rem;
}
}
@media screen and (min-width:64em) {
/* for PC */
#fs_ProductSearch .fs-c-productList {
display: -ms-grid;
display: grid;
-ms-grid-columns: 25rem 1fr 1fr;
grid-template-columns: 25rem 1fr 1fr;
grid-template-rows: auto auto auto auto;
grid-template-areas:
"A A A"
"C C C"
"B D D"
"B E E"
"B F F"
"B G G";
margin-left: auto;
margin-right: auto;
}
#fs_ProductSearch .fs-c-productList>*:nth-child(1) {
grid-area: A;
}
#fs_ProductSearch .fs-c-productList>*:nth-child(2) {
grid-area: B;
}
#fs_ProductSearch .fs-c-productList>*:nth-child(3) {
grid-area: C;
}
#fs_ProductSearch .fs-c-productList>*:nth-child(4) {
grid-area: D;
}
#fs_ProductSearch .fs-c-productList>*:nth-child(5) {
grid-area: E;
}
#fs_ProductSearch .fs-c-productList>*:nth-child(6) {
grid-area: F;
}
#fs_ProductSearch .fs-c-productList>*:nth-child(7) {
grid-area: G;
}
#fs_ProductSearch .fs-c-productList>*:nth-child(3) .fs-c-sortItems,
#fs_ProductSearch .fs-c-productList>*:nth-child(3) .fs-c-listControl__status {
display: block;
}
#section_header_search {
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
margin: 0;
}
#section_header_search div.filter-link {
display: none !important;
}
#section_filter {
display: block !important;
max-height: none;
width: 21rem;
overflow: inherit;
}
#section_filter .filter>li {
margin: 0 0 2rem;
padding: 0 0 1rem;
}
#section_filter .filter dt {
margin: 0 0 1.5rem;
font-size: 1.8rem;
color: #000;
}
/* #filter .fiter_target, .fiter_displaytype, .fiter_material, .filter_stock */
#section_filter .filter .fiter_target dl,
#section_filter .filter .fiter_displaytype dl,
#section_filter .filter .fiter_feature dl,
#section_filter .filter .fiter_material dl,
#section_filter .filter .fiter_stock dl {
-ms-flex-direction: column;
flex-direction: column;
}
#section_filter .filter .fiter_target dd,
#section_filter .filter .fiter_displaytype dd,
#section_filter .filter .fiter_feature dd,
#section_filter .filter .fiter_material dd,
#section_filter .filter .fiter_stock dd {
width: 100%;
margin-bottom: 1rem;
}
/* #filter .fiter_color, .filter_size */
#section_filter .fiter_size dd,
#section_filter .fiter_color dd {
line-height: 1.4rem;
}
#section_filter .fiter_color>dl:nth-child(5n) dd,
#section_filter .fiter_size>dl:nth-child(5n) dd {
margin-right: 0;
}
#section_filter .fiter_color label,
#section_filter .fiter_size label {
margin-right: 0.8rem;
}
#section_filter .fiter_size label span,
#section_filter .fiter_color label>span {
width: 3.4rem;
line-height: 1.4rem;
}
#section_filter .fiter_color label>span {
width: 3.4rem;
height: 3.4rem;
}
#section_filter .fiter_color label>span:before {
width: 3.4rem;
height: 3.4rem;
}
#section_filter .fiter_color label input:checked+span:before {
width: 4rem;
height: 4rem;
}
/* #filter .fiter:last-child */
#section_filter .filter>li:last-child .filter-link {
display: none;
}
#section_filter .filter>li:last-child *[class*="btn"] {
width: 9rem;
padding-left: 1.5rem;
padding-right: 1.5rem;
}
#fs_ProductSearch .fs-c-listControl__status {
margin-left: 0;
margin-right: 0;
}
/* ページャー */
#fs_ProductSearch .fs-c-productList>*:nth-child(3) .fs-c-pagination {
width: calc(100% - 25rem);
margin: 1.5rem 0 1.5rem auto;
}
}
@media screen and (min-width:64em) {
/* for PC */
#fs_ProductSearch .fs-c-productList__list {
-ms-grid-columns: 1fr 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr;
margin: 0;
}
}
/* 商品グループ( #fs_ProductCategory ) -------------------------------------------------------*/
#section_category {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
margin: 0 0 5rem;
}
#section_category h2 {
margin: 0 !important;
}
#section_category .category-image {
-ms-flex-order: -1;
order: -1;
}
#section_category .category-image img {
width: 100%;
margin: 0;
}
#section_category .category-image img.for-pc {
display: none;
}
#section_category p {
margin: 2.5rem;
color: #787878;
}
/*タイトルのみ版*/
#section_category .fs-l-pageMain>.title01:first-child {
margin-top: calc(7.5rem + 4rem);
}
/* _レコメンド */
#fs_ProductCategory #_rcmdjp_display_1 {
padding: 0;
margin: 0 0 30px;
border-bottom: 1px solid #000;
}
#fs_ProductCategory #_rcmdjp_display_1 h2 {
padding: 1.5rem 0 0;
font-size: 2.6rem;
text-align: center;
border: none;
}
/* 商品一覧 */
#fs_ProductCategory .fs-c-productList {
margin-left: 2.5rem;
margin-right: 2.5rem
}
/* フリーパーツSEO */
.product_detail_freebox_seo {
margin: 0 2.5rem;
}
/* 全ての商品トップボタン */
.product_top_button {
display: grid;
width: 100%;
padding: 0 2.5rem 2.5rem;
grid-template-columns: 1fr 1fr;
text-align: center;
grid-gap: 20px;
box-sizing: border-box;
}
.product_top_button>div>a {
font-size: 1.8rem;
font-weight: 900;
display: block;
color: #fff;
width: 100%;
background: #000;
padding-top: 50%;
position: relative;
background-size: cover;
background-color: rgba(0, 0, 0, 0.3);
/* background-blend-mode: overlay; */
text-shadow: 0 0 8px #000;
}
.product_top_button span {
position: absolute;
top: 50%;
display: block;
width: 100%;
text-align: center;
transform: translateY(-50%);
}
.product_top_button .women {
background-image: url(https://icestore.itembox.design/item/images/parts/product_top_women.jpg);
}
.product_top_button .men {
background-image: url(https://icestore.itembox.design/item/images/parts/product_top_men.jpg);
}
.product_top_button .kids {
background-image: url(https://icestore.itembox.design/item/images/parts/product_top_kids.jpg);
}
.product_top_button .event {
background-image: url(https://icestore.itembox.design/item/images/parts/product_top_event.jpg);
}
.product_top_button :hover {
opacity: 0.7;
transition: all 0.3s ease;
}
@media screen and (min-width:48em) {
/* for Tablet + PC */
#section_category .category-image img.for-sp {
display: none;
}
#section_category .category-image img.for-pc {
display: block;
}
/* 全ての商品トップボタン */
.product_top_button {
display: grid;
width: 100%;
padding: 0 2.5rem 80px;
grid-template-columns: 1fr 1fr 1fr 1fr;
margin: 0 auto;
box-sizing: border-box;
grid-gap: 1rem;
}
.product_top_button>div>a {
font-size: 2rem;
}
}
@media screen and (min-width:64em) {
/* for PC */
#section_category {
margin: 0 0 5rem;
}
#section_category .fs-l-pageMain>.title01:first-child {
margin-top: 0;
}
#fs_ProductCategory .fs-c-productList {
margin-left: 0;
margin-right: 0;
}
#fs_ProductCategory .fs-c-productList {
display: -ms-grid;
display: grid;
-ms-grid-columns: 25rem 1fr 1fr;
grid-template-columns: 25rem 1fr 1fr;
grid-template-rows: auto auto auto auto;
grid-template-areas:
"A A A"
"C C C"
"B D D"
"B E E"
"B F F"
"B G G";
margin-left: auto;
margin-right: auto;
}
#fs_ProductCategory .fs-c-productList>*:nth-child(1) {
grid-area: A;
}
#fs_ProductCategory .fs-c-productList>*:nth-child(2) {
grid-area: B;
}
#fs_ProductCategory .fs-c-productList>*:nth-child(3) {
grid-area: C;
}
#fs_ProductCategory .fs-c-productList>*:nth-child(4) {
grid-area: D;
}
#fs_ProductCategory .fs-c-productList>*:nth-child(5) {
grid-area: E;
}
#fs_ProductCategory .fs-c-productList>*:nth-child(6) {
grid-area: F;
}
#fs_ProductCategory .fs-c-productList>*:nth-child(7) {
grid-area: G;
}
#fs_ProductCategory .fs-c-productList>*:nth-child(3) .fs-c-sortItems,
#fs_ProductCategory .fs-c-productList>*:nth-child(3) .fs-c-listControl__status {
display: block;
}
#fs_ProductCategory .fs-c-productList__list {
-ms-grid-columns: 1fr 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr;
margin: 0;
}
.product_top_button {
display: grid;
width: 100%;
padding: 0 0 80px;
grid-template-columns: 1fr 1fr 1fr 1fr;
margin: 0 auto;
box-sizing: border-box;
grid-gap: 40px;
}
.product_top_button>div>a {
font-size: 3rem;
}
}
/* 404 Not Found（#fs_PageNotFound）, メンテナンス（#fs_StoreClosed）
----------------------------------------------------------------------------------------*/
#fs_StoreClosed {
height: auto;
}
#section_404-notfound dl,
#section_maintenance dl {
margin: 5rem 0;
}
#section_404-notfound dt,
#section_maintenance dt {
margin: 0 0 1rem;
font-size: 1.8rem;
font-weight: 700;
}
#section_404-notfound dd,
#section_maintenance dd {
margin: 0 0 1rem;
font-size: 1.3rem;
color: #787878;
}
#section_404-notfound p {
text-align: center;
}
.fs-body-closed .fs-l-pageMain {
height: auto;
}
@media screen and (min-width:48em) {
/* for Tablet + PC */
#fs_StoreClosed .fs-l-main {
height: calc(100vh - 18rem - 17rem) !important;
}
#section_404-notfound,
#section_maintenance {
text-align: center;
}
#section_404-notfound dl,
#section_maintenance dl {
margin-left: 1rem;
}
#section_404-notfound dt,
#section_maintenance dt {
font-size: 2.6rem;
}
#section_404-notfound dd,
#section_maintenance dd {
font-size: 1.8rem;
color: #787878;
}
}
/* 文書系（.section_documents）
・特定商取引法に基づく表示（ #fs_AboutTerms ）
・個人情報取り扱いについて（ #fs_PrivacyPolicy ）
・返品特約について（ #fs_ReturnPolicy ）
・会員規約について（ #fs_MemberAgreement ）
※他、一部フリーページ
----------------------------------------------------------------------------------------*/
.section_documents {
margin-left: auto;
margin-right: auto;
}
.section_documents .red {
font-weight: 700 !important;
color: red !important;
}
.section_documents .gray {
color: #787878;
}
.section_documents h3 {
margin: 4rem 0 2rem;
font-size: 3rem;
font-weight: 700;
}
.section_documents article {
margin-bottom: 3rem;
}
.section_documents article a {
text-decoration: underline;
transition: all 0.25s ease-in-out;
}
.section_documents article a:hover {
color: #ef841a;
}
.section_documents article dt {
margin-bottom: 1rem;
}
.section_documents article dd {
margin-bottom: 1.5rem;
}
.section_documents article ul {
margin: 1.8rem 0 1.8rem 2rem;
}
.section_documents article li {
margin-bottom: 0.5rem;
list-style: circle;
}
.section_documents article ul.margin li {
margin-bottom: 1.5rem;
}
.section_documents article ul.indent li,
.section_documents article p.indent {
padding-left: 1rem;
text-indent: -1rem;
list-style: none;
}
.section_documents article ul.indent2 li {
padding-left: 2rem;
text-indent: -2rem;
}
.section_documents article p {
margin-bottom: 2rem;
}
.section_documents article p.indent {
margin-bottom: 1rem;
padding-left: 1rem;
text-indent: -1rem;
}
.section_documents article>dl {
margin-bottom: 4rem;
}
.section_documents article>dl>dt {
font-weight: 700;
}
.section_documents article>dl>dd {
margin-left: 1.2rem;
}
@media screen and (min-width:48em) {
/* for Tablet + PC */
.section_documents article dl.side {
display: -ms-grid;
display: grid;
-ms-grid-columns: 15rem 1fr;
grid-template-columns: 15rem 1fr;
}
.section_documents article>dl.side dt {
margin-bottom: 1rem;
}
}
@media screen and (min-width:64em) {
/* for PC */
.section_documents {
padding: 0 6rem;
max-width: 192rem;
}
.section_documents h3 {
margin: 6rem 0 4rem;
font-size: 3.7rem;
}
.section_documents article {
margin-bottom: 3rem;
}
.section_documents article a img {
transition: opacity 0.25s ease-in-out;
}
.section_documents article a:hover img {
opacity: 0.5;
}
.section_documents article dd {
margin-bottom: 2rem;
}
.section_documents article ul.margin li {
margin-bottom: 2rem;
}
.section_documents article p {
margin-bottom: 3rem;
}
.section_documents article>dl {
margin-bottom: 4rem;
}
}
/* FAQ上部 */
.list_faq {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
margin-bottom: 4rem;
}
.list_faq .link02.is-active span {
padding-left: 1.5rem;
color: #ef841a;
}
.list_faq .link02.is-active span:after {
display: none;
}
@media screen and (min-width:0) and (max-width:47.9375em) {
/* for SP */
.list_faq .link02 span {
font-size: 1.6rem;
letter-spacing: 1px;
}
}
@media screen and (min-width:64em) {
/* for PC */
.list_faq {
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
margin-bottom: 6rem;
}
}
/* 時計保証プラス（#section_warranty） ※フリーページ
----------------------------------------------------------------------------------------*/
#section_warranty article {
margin-bottom: 9rem;
}
#section_warranty img {
width: 100%;
}
#section_warranty br.for-tablet {
display: none;
}
#section_warranty h3 {
margin: 4rem 0 2rem;
font-size: 3rem;
font-weight: 700;
text-align: center;
}
#section_warranty p {
margin-bottom: 2rem;
font-size: 1.4rem;
}
#section_warranty p.supplement {
font-size: 1.2rem;
color: red;
}
#section_warranty p strong {
font-size: 2rem;
font-weight: 700;
}
#section_warranty dl dt {
margin-bottom: 2rem;
font-size: 1.4rem;
font-weight: 700;
}
#section_warranty dl dd {
margin-bottom: 2rem;
font-size: 1.4rem;
font-weight: 700;
}
#section_warranty .price-list {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 30%;
grid-template-columns: 1fr 30%;
grid-gap: 0.5rem;
margin-bottom: 2rem;
text-align: center;
font-weight: 700;
}
#section_warranty .price-list>li {
padding: 0.5rem;
}
#section_warranty .price-list>li:nth-child(2n+1) {
background: #f7f7f7;
}
#section_warranty .price-list>li:nth-child(2n) {
background: #e66464;
color: #fff;
}
#section_warranty article:last-child img {
display: block;
width: 80%;
max-width: 427px;
margin: 0 auto;
}
@media screen and (min-width:48em) {
/* for Tablet + PC */
#section_warranty {
text-align: center;
font-weight: 700;
}
#section_warranty br.for-tablet {
display: inline;
}
#section_warranty img {
width: auto;
}
#section_warranty p.supplement {
font-size: 1.4rem;
font-weight: normal;
}
#section_warranty article:first-child dt {
background: #f5f5f5;
}
#section_warranty article:first-child img {
display: block;
width: 100%;
max-width: 1000px;
margin: 0 auto;
}
#section_warranty article:first-child dd {
font-size: 1.6rem;
font-weight: 700;
}
#section_warranty .price-list {
-ms-grid-columns: 1fr 15% 1fr 15%;
grid-template-columns: 1fr 15% 1fr 15%;
}
}
/* フリーページ（#fs_CustomPage）
----------------------------------------------------------------------------------------*/
/* レビューページ */
#fs_WriteReview .fs-c-productName__name,
#fs_ReviewsByProduct .fs-c-productName__name,
#fs_Reviews .fs-c-productName__name,
#fs_ReviewsByCustomer .fs-c-productName__name,
#fs_MyReviews .fs-c-productName__name {
font-size: 2.4rem;
font-weight: 700;
}
#fs_WriteReview .fs-c-productNumber,
#fs_ReviewsByProduct .fs-c-productNumber {
border: none;
display: inline-block;
font-size: 1.5rem;
padding: 0;
}
#fs_WriteReview .fs-c-productReviewed__prices,
#fs_ReviewsByProduct .fs-c-productReviewed__prices {
display: flex;
grid-gap: 1rem;
font-size: 2rem;
font-weight: 700;
align-items: baseline;
}
#fs_WriteReview .fs-c-productPrice--listed,
#fs_ReviewsByProduct .fs-c-productPrice--listed {
color: #a5a6aa;
text-decoration: line-through;
}
#fs_WriteReview .fs-c-productPrice--selling .fs-c-productPrice__main__price,
#fs_ReviewsByProduct .fs-c-productPrice--selling .fs-c-productPrice__main__price {
font-size: 2.4rem;
}
#fs_WriteReview .fs-c-productPrice__addon,
#fs_ReviewsByProduct .fs-c-productPrice__addon {
font-size: 1.2rem;
color: #ef841a;
margin-left: 0.5rem;
}
#fs_WriteReview .fs-c-reveiwNotes,
#fs_ReviewsByProduct .fs-c-reveiwNotes {
border: 1px solid #7c8790;
border-width: 1px;
padding: 2rem;
}
#fs_WriteReview .fs-c-reveiwNotes h3 {
text-align: center;
font-weight: 700;
margin-bottom: 1rem;
}
#fs_WriteReview .fs-c-inputTable__headerCell {
font-weight: 700;
font-size: 2.4rem;
text-align: center;
margin-bottom: 1rem;
}
#fs_WriteReview .fs-c-inputInformation {
padding: 2rem;
background: #f7f7f7;
margin-top: 6rem;
}
#fs_WriteReview .fs-c-inputInformation:empty {
display: none;
}
#fs_WriteReview .fs-c-inputInformation__field input,
#fs_WriteReview .fs-c-inputInformation__field textarea,
#fs_WriteReview .fs-c-inputInformation__field select {
font-size: 2rem;
}
#fs_WriteReview .fs-c-inputInformation__field textarea {
font-size: 1.5rem;
min-height: 20rem;
}
#fs_WriteReview .fs-c-inputInformation__field select {
text-align: center;
}
#fs_WriteReview .fs-c-inputInformation__field .fs-c-inputTable--child tbody {
display: grid;
grid-gap: 2rem;
}
#fs_WriteReview .fs-c-inputInformation__field .fs-c-inputTable--child {
background: #f7f7f7;
display: block;
padding: 1rem 0;
}
#fs_WriteReview .fs-c-inputInformation__field .fs-c-inputTable--child>tbody>tr>th,
.fs-c-inputTable--child>tbody>tr>td {
padding: 0;
display: block;
}
#fs_WriteReview .fs-c-inputField__field.fs-system-assistTarget {
text-align: left;
}
#fs_WriteReview .fs-c-inputInformation__field .fs-c-inputTable--child .fs-c-radio__radio {
display: block;
margin-right: 0.5rem;
}
#fs_WriteReview .fs-c-inputInformation__field .fs-c-inputTable--child .fs-c-radioGroup {
display: flex;
flex-direction: inherit;
grid-gap: 1rem;
}
#fs_WriteReview .fs-c-inputInformation__field .fs-c-inputTable--child .fs-c-radio {
display: flex;
align-items: center;
margin: 0 !important;
font-weight: 700;
font-size: 1.5rem;
}
#fs_WriteReview .fs-c-button--submitReview {
color: #fff !important;
background: #ef841a !important;
display: inline-block !important;
padding: 0.2rem 2.5rem;
font-size: 1.8rem;
font-weight: 700;
line-height: 4rem;
text-align: center;
border-radius: 5rem !important;
box-sizing: border-box;
box-shadow: none;
transition: all 0.25s ease-in-out !important;
opacity: 1 !important;
border: none;
}
#fs_ReviewSuccess .fs-c-reviewSuccessComment {
background: #f7f7f7;
padding: 2rem;
}
#fs_Reviews .fs-c-reviewList,
#fs_ReviewsByCustomer .fs-c-reviewList,
#fs_MyReviews .fs-c-reviewList {
grid-gap: 4rem;
}
#fs_Reviews .fs-c-reviewList__item__product,
#fs_ReviewsByCustomer .fs-c-reviewList__item__product,
#fs_MyReviews .fs-c-reviewList__item__product {
display: grid;
grid-template-columns: 1fr 2fr;
grid-gap: 2rem;
}
#fs_Reviews .fs-c-reviewProduct__image,
#fs_ReviewsByCustomer .fs-c-reviewProduct__image,
#fs_MyReviews .fs-c-reviewProduct__image {
margin-bottom: 0;
}
#fs_Reviews .fs-c-reviewList__item,
#fs_ReviewsByCustomer .fs-c-reviewList__item,
#fs_MyReviews .fs-c-reviewList__item {
grid-gap: 0.5rem;
}
#fs_Reviews .fs-c-reviewRating,
#fs_ReviewsByCustomer .fs-c-reviewRating,
#fs_MyReviews .fs-c-reviewRating {
margin: 0;
}
#fs_MyReviews .fs-c-reviewList__item__editButton .fs-c-button__label:before {
content: "\e928";
font-family: 'fs-icon' !important;
}
#fs_MyReviews .fs-c-reviewList__item__editButton .fs-c-button--editReview {
color: #fff !important;
background: #000 !important;
display: inline-block !important;
padding: 0.2rem 1.5rem;
font-size: 1.2rem;
font-weight: 700;
line-height: 3rem;
text-align: center;
border-radius: 5rem !important;
box-sizing: border-box;
box-shadow: none;
transition: all 0.25s ease-in-out !important;
opacity: 1 !important;
margin-top: 1rem;
}
@media screen and (min-width:48em) {
/* for Tablet + PC */
#fs_WriteReview .fs-c-inputInformation {
padding: 6rem;
}
#fs_WriteReview .fs-c-productReviewed,
#fs_ReviewsByProduct .fs-c-productReviewed {
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
margin: auto;
grid-gap: 1rem;
max-width: 100%;
}
#fs_WriteReview .fs-c-reveiwNotes h3 {
text-align: left;
}
#fs_WriteReview .fs-c-productReviewed+.fs-c-aggregateRating {
max-width: 100%;
margin: 24px auto;
}
#fs_WriteReview .fs-c-inputInformation__field .fs-c-inputTable--child .fs-c-radioGroup {
grid-gap: 3rem;
}
#fs_WriteReview .fs-c-inputTable__headerCell {
text-align: left;
}
.fs-c-reviewSuccessComment {
background: #f7f7f7;
padding: 5rem;
line-height: 2;
}
.fs-c-productReviewed+.fs-c-aggregateRating {
max-width: 100%;
margin: 3rem auto;
}
#fs_Reviews .fs-c-reviewList,
#fs_ReviewsByCustomer .fs-c-reviewList,
#fs_MyReviews .fs-c-reviewList {
grid-gap: 3rem;
grid-template-columns: 1fr 1fr;
}
#fs_Reviews .fs-c-reviewList__item,
#fs_ReviewsByCustomer .fs-c-reviewList__item,
#fs_MyReviews .fs-c-reviewList {
grid-gap: 1rem;
margin-bottom: 3rem;
}
}
@media screen and (min-width:64em) {
/* for PC */
#fs_WriteReview .fs-l-pageMain,
#fs_ReviewsByProduct .fs-l-pageMain {
width: 1200px !important;
margin: 0 auto !important;
padding: 0 !important;
max-width: 100%;
}
#fs_WriteReview .fs-c-productReviewed,
#fs_ReviewsByProduct .fs-c-productReviewed {
-ms-grid-columns: 400px 1fr;
grid-template-columns: 400px 1fr;
margin: auto;
grid-gap: 1rem;
max-width: 100%;
width: 100%;
}
#fs_WriteReview .fs-c-inputInformation {
padding: 8rem;
}
#fs_WriteReview .fs-c-inputInformation__field {
margin: 0;
max-width: 100%;
}
#fs_WriteReview .fs-c-inputInformation__field .fs-c-inputTable--child tbody {
display: grid;
grid-gap: 4rem;
}
#fs_WriteReview .fs-c-inputTable>tbody>tr {
display: grid;
grid-template-columns: 1fr 2fr;
padding: 0;
}
#fs_WriteReview .fs-c-inputInformation__field .fs-c-inputTable--child .fs-c-radioGroup {
height: calc(5rem + 2px);
}
#fs_Reviews .fs-c-reviewList,
#fs_ReviewsByCustomer .fs-c-reviewList,
#fs_MyReviews .fs-c-reviewList {
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 5rem;
}
}
/* Faq（#section_warranty） ※フリーページ
----------------------------------------------------------------------------------------*/
#section_faq_service article {
margin-bottom: 5rem;
}
.faq_title {
font-size: 2rem;
font-weight: 700;
margin-bottom: 2rem;
}
#section_faq_service article>dl {
margin-bottom: 4rem;
}
#section_faq_service article>dl>dt {
font-size: 1.5rem;
}
@media screen and (min-width:48em) {
/* for Tablet + PC */
}
@media screen and (min-width:64em) {
/* for PC */
#section_faq_service {
width: 100rem;
}
#section_faq_service article {
margin-bottom: 10rem;
}
.faq_title {
font-size: 3rem;
margin-bottom: 4rem;
}
#section_faq_service article>dl>dt {
font-size: 2rem;
}
#section_faq_service .gray {
font-size: 1.8rem;
}
}