html{
-webkit-text-size-adjust:100%;
-ms-text-size-adjust:100%;
text-size-adjust:100%;
scrollbar-gutter: stable;
}
aside.fs-l-sideArea{
display: none !important;
}
@media screen and (max-width:768px) {
.sp_none{
display: none!important;}
}
@media screen and (min-width: 768px){
.pc_none{
display: none;}
aside.fs-l-sideArea{
display: none !important;
}
.fs-l-main,
.fs-l-mainArea,
.fs-l-content,
.fs-l-container,
.fs-l-pageLayout,
.fs-l-twoColumn,
.fs-l-contents,
.fs-l-wrapper,
.fs-p-contents,
main{
margin-left: 0 !important;
padding-left: 0 !important;
}
.fs-l-main,
.fs-l-mainArea,
.fs-l-content,
.fs-l-container,
.fs-l-pageLayout,
.fs-l-twoColumn,
.fs-l-contents,
.fs-l-wrapper,
.fs-p-contents,
main{
margin-right: auto !important;
margin-left: auto !important;
}
.fs-l-productLayout.fs-system-product{
display: grid !important;
grid-template-columns: minmax(0,6fr) minmax(0,4fr) !important;
column-gap: clamp(24px, 3vw, 56px) !important;
align-items: start !important;
padding: 0 2%;
box-sizing: border-box;
}
.fs-l-productLayout__item--1,
.fs-l-productLayout__item--2{
width: auto !important;
max-width: none !important;
min-width: 0 !important;
}
.fs-l-productLayout__item--3{
grid-column: 1 / -1 !important;
}
}
/* 正方形で表示したい
------------------------------------*/
.fs-c-productCarouselMainImage__image img {
width: 100%;
height: auto !important;
object-fit: contain;
aspect-ratio: 1 / 1;
max-width: 600px;
margin: 0 auto;
display: block;
}
.fs-c-productCarouselMainImage__carousel {
display: flex;
justify-content: center;
align-items: center;
}
@media screen and (max-width: 768px) {
/* ヘッダー内の固定幅を解除して余白をなくす */
.header_inner,
.header_logo_area ul {
width: 100% !important;
max-width: none !important;
margin: 0 auto !important;
padding: 0 10px !important; /* 好きな左右余白に調整 */
box-sizing: border-box;
}
/* キャッチコピーと検索窓を非表示 */
.header_logo_area .hitokoto,
.header_logo_area .head-search {
display: none !important;
}
}
/* ▼ メイン画像下の拡大ボタンの余白を消す */
.fs-c-productCarouselMainImage__expandButton {
margin-top: 0 !important;
margin-bottom: 0 !important;
padding: 0 !important;
}
/* ▼ コンテナ自体の高さ調整（空白分） */
.fs-c-productCarouselMainImage__expandButton.fs-c-buttonContainer {
height: auto !important;
margin: 0 !important;
padding: 0 !important;
}
/* ▼ サムネイルとの間隔を整える */
.fs-c-productCarouselMainImage__thumbnailList {
margin-top: 0px !important;
}
.fs-c-productCarouselMainImage__expandButton {
display: none !important;
margin: 0 !important;
padding: 0 !important;
height: 0 !important;
}
/*
------------------------------------*/
.fs-c-continueShopping{}
.fs-c-button--continueShopping{
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
max-width: 260px;
height: 44px;
border: #707070 1px solid;
color: #707070;
font-size: 1.4rem;
margin: 0 auto;
background-color: #fff;
}
.fs-c-button--continueShopping:hover{
background-color: #f5f5f5;
}
.fs-c-button--continueShopping::after{
content: none;
}
/* カテゴリ下層
------------------------------------*/
.fs-c-subgroupList {
display: flex;
flex-wrap: wrap;
gap: 12px;
list-style: none;
padding: 0;
margin-top: 32px;
justify-content: flex-start;
padding-right: 16px; /* 右余白 */
}
/* li より a のほうが上に来ているのでこちらに背景を付ける */
.fs-c-subgroupList__item a {
display: flex !important;
align-items: center !important;
width: 100% !important;
min-height: 56px !important;
padding: 12px !important;
font-size: 15px !important;
font-weight: 400 !important;
color: #333 !important;
text-decoration: none !important;
background: #fff !important; /* 背景はaに指定 */
border: 1px solid #ddd !important; /* 薄い枠 */
border-radius: 8px !important; /* 角丸 */
box-sizing: border-box;
}
/* スマホ＝2列、PC＝3列 */
.fs-c-subgroupList__item {
flex: 0 0 calc(50% - 12px);
max-width: calc(50% - 12px);
}
@media screen and (min-width: 960px) {
.fs-c-subgroupList__item {
flex: 0 0 calc(33.333% - 12px);
max-width: calc(33.333% - 12px);
}
}
/* 左矢印だけ */
.fs-c-subgroupList__item a::before {
content: "›"; /* ←文字化け修正 */
margin-right: 6px;
color: #999;
font-size: 14px;
}
.fs-c-subgroupList__item a::after {
content: none !important;
}