@charset "utf-8";
/* ------------------- -------------------- */
.top-fv{
  margin-bottom: var(--SPACE_60);
}


.top-fv{
  opacity: 0;
  transition: opacity .3s linear;
}
.top-fv:has(.slick-initialized ){
  opacity: 1;
}

.top-fv.fs-c-slick .slick-arrow{
  transition: .8s;
}
.top-fv.fs-c-slick .slick-arrow:hover{
  opacity: .6;
  background: rgba(30, 30, 30, 0.3);
}
.top-fv.fs-c-slick .slick-arrow:focus{
  background: rgba(30, 30, 30, 0.3);
  opacity: .6;
}

@media screen and (min-width: 768px){
  .top-fv{
    margin-top: var(--SPACE_20);
  }
  .top-fv .slick-slide{
    padding-inline: 10px;
    max-width: 1020px;
  }
  .top-fv img{
    aspect-ratio: 100/42;
    object-fit: cover;
    width: 100%;
   }
   .top-fv a:hover,
   .top-fv a:hover img{
    opacity: 0.7 !important;
   }
}
@media screen and (max-width: 767px){
  .top-fv img{
    width: 100%;
   }
}
/* ------------------- お客様の声 -------------------- */
.top-review__list .fs-c-productName__name{
  color: var(--BROWN02);
  font-size: var(--FZ_18);
  font-weight: 700;
}
.top-review__list .fs-c-reviewInfo__reviewer,
.top-review__list .fs-c-reviewInfo__date{
  display: none;
}

.top-review__list .fs-c-reviewList__item{
  display: grid !important;
  column-gap: 20px;
  background-color: var(--WHITE);
  border-radius: var(--COMMON_BDRS);
  box-shadow: var(--COMMON_BXSD);
  padding: 20px;
  height: 100%;
  grid-template-rows: auto 1.8em 1fr;

}


.top-review__list .fs-c-productName{
  color: var(--BROWN01);
  font-weight: 500;
  letter-spacing: .1em;
  margin-bottom: .5em;
  padding-bottom: .5em;
  border-bottom: 1px solid var(--GRAY02);
}
.top-review__list .fs-c-reviewList__item__product{
  display: contents;
}
.top-review__list .fs-c-reviewProduct__image{
  grid-row: 1 / 4;
}
.top-review__list .fs-c-reviewProduct__image img{
  aspect-ratio: 1;
  object-fit: cover;
}
.top-review__list .fs-c-reviewList__item__body{
  grid-column: 1 / 3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-top: 10px;
}

.top-review__list .fs-c-reviewList{
  position: relative;
  width: calc(var(--INNER_WIDTH) + 15px);
  max-width: calc(var(--MAX_WIDTH) + 15px);
  margin-inline: auto;
}
.top-review__list .fs-c-reviewList .slide-arrow{
  position: absolute;
  top: 50%;
  color: transparent;
  width: clamp( 28px, 3.4vw, 34px);
  height: clamp( 28px, 3.4vw, 34px);
  border-radius: 50%;
  background-color: var(--GRAY18);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  cursor: pointer;
  transition: .8s;
}

.top-review__list .fs-c-reviewList .slide-arrow:after{
  font-family: 'Font Awesome 5 Pro';
  font-weight: 500;
  content: '\f061';
  font-size: 14px;
  color: #fff;
  line-height: 1;
}
.top-review__list .fs-c-reviewList .prev-arrow{
  left: -2.5%;
  transform: translate(50%, -50%) rotate(180deg);
}
.top-review__list .fs-c-reviewList .next-arrow{
  right: -2.5%;
  transform: translate(-50%, -50%) ;
}
.top-review__list .slick-slide{
  padding: 10px;
  height: 100%;
}
@media screen and (min-width: 768px){
.top-review__list .fs-c-reviewList__item{
  min-height: 185px;
}
.top-review__list .fs-c-reviewList__item__body{
  -webkit-line-clamp: 3; /*行数を指定*/
}
.top-review__list .fs-c-reviewList__item{
  grid-template-columns: clamp( 70px, 10vw, 100px) 1fr;
}
.top-review__list .fs-c-reviewList .slide-arrow:hover{
  opacity: .8;
}
}
@media screen and (max-width: 767px){
.top-review__list .fs-c-reviewList__item{
  min-height: 205px;
}
.top-review__list .fs-c-reviewList__item__body{
  -webkit-line-clamp: 5; /*行数を指定*/
}
.top-review__list .fs-c-reviewList__item{
  grid-template-columns: 100px 1fr;
}
}
/* ------------------- お役立ちコラム -------------------- */
.column-wrap{
  column-gap: var(--SPACE_100);
}
.fsp-column {
  flex: 1;
  display: grid;
  gap: var(--SPACE_30);
}


.fsp-column .fs-pt-column__item {
  display: flex;
  flex-direction: column;
  gap: 7px var(--SPACE_20);
}
.fsp-column .fs-pt-column__image{
  display: block;
  padding-top: 56.25%;
  position: relative;
}
.fsp-column .fs-pt-column__image img{
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.fsp-column .fs-pt-column__heading {
  font-size: var(--FZ_20);
  font-weight: 700;
}
.fsp-column .fs-pt-column__heading time{
  font-family: var(--FF_LATO);
  color: var(--GRAY10);
  font-weight: 400;
  font-size: 12px;
}

.fsp-column .fs-pt-column__item:nth-child(n + 2) .fs-pt-column__image{
  grid-row: 1/3;
}
.fsp-column .fs-pt-column__item:nth-child(n + 2) .fs-pt-column__heading time{
  display: block;
}
.fsp-column .fs-pt-column__item:first-child .fs-pt-column__heading{
  display: flex;
  justify-content: space-between;
  align-items: end;
}
.fsp-column .fs-pt-column__heading{
  font-size: var(--FZ_18);
}
@media screen and (min-width: 1001px){

}
@media screen and (max-width: 1000px){
  .column-wrap{
    flex-direction: column;
  }
}

@media screen and (min-width: 768px){
  .fsp-column .fs-pt-column__item:first-child{
    grid-row: 1 / 3;
  }


  .fsp-column .fs-pt-column__item:nth-child(n + 2){
    display: grid;
    grid-template-columns: 42% 1fr;
    grid-template-rows: auto 1fr;
  }
  .fsp-column .fs-pt-column__item:nth-child(n + 2) .fs-pt-column__heading time{
    margin-top: 10px;
  }
  .fsp-column {
    grid-template-columns: 42% 1fr;
  }
}
@media screen and (max-width: 767px){

  .fsp-column{
    margin-bottom: 20px;
  }
  .fsp-column .fs-pt-column__item:nth-child(n + 2){
    display: grid;
    grid-template-columns: 36% 1fr;
    grid-template-rows: auto 1fr;
  }

}
/* ------------------- ステリアの選ばれる理由 -------------------- */
.reason-list{
	gap: var(--SPACE_20);
	margin-bottom: var(--SPACE_30);
}
.reason-list > li{
	background-color: var(--GRAY05);
	border-radius: var(--COMMON_BDRS);
	padding: var(--SPACE_30) 1em var(--SPACE_40);
  flex: 1;
}
.reason-list__thumb {
	background-color: var(--WHITE);
	border-radius: 50%;
	box-shadow: var(--COMMON_BXSD);
	aspect-ratio: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-inline:auto;
	margin-bottom: var(--SPACE_20);
}
.reason-list__thumb img{
	margin-inline:auto;
}
.reason-list__ttl {
	font-weight: 700;
	color: var(--BROWN01);
	text-align: center;
	font-size: var(--FZ_20_SP_SMALL);
}

.reason-list__desc {
	text-align: center;
	font-weight: 500;
  font-size: var(--FZ_BASE_SP_SMALL);
}


@media screen and (min-width: 768px){
  .reason-list{
		display: flex;
	}
  .reason-list__thumb{
    width: 75%;
  }
  .reason-list__thumb img{
    width: 40%;
  }
}
@media screen and (max-width: 767px){
  .reason-list{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}
  .reason-list__thumb{
    width: 70%;
  }
  .reason-list__thumb img{
    width: 50%;
  }
}
/* ------------------- インスタグラム -------------------- */
.insta-ttl{
	background-repeat: no-repeat;
	background-position: left center;
	font-size: var(--FZ_24);
	background-size: 1em;
	padding-left: 1.5em;
	margin-bottom: var(--SPACE_40);
	font-weight: 400;
	display: flex;
	gap: 1em;
	align-items: center;
}
.insta-ttl > span.sub{
	font-size: var(--FZ_BASE_SP_SMALL);
	background-color: var(--GRAY06);
	padding: .05em clamp(.5em,1vw,1em);
  border-radius: 6px;
}
.insta-ttl > span.sub > a{
  color: var(--BROWN02);
  font-size: var(--FZ_13);
}
.insta-list img{
  aspect-ratio: 1/1;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 768px){
	.insta-list{
		display: grid;
		gap: 10px;
    grid-template-columns: repeat(6, 1fr);
	}
  .insta-list > li:nth-child(n + 7){
		display: none;
	}
}
@media screen and (max-width: 767px){
	.insta-list{
		display: grid;
		gap: 3px;
		grid-template-columns: repeat(3, 1fr);
	}
	.insta-ttl{
		justify-content: space-between;
	}
}
/* マーク調整 */
.fs-c-productMark__mark--image{
  display: none;
}

.none-top-mark{
  display: none !important;
}

/* 240719商品価格パーツ内（税込）～を～（税込）へ入替 */
span.fs-c-productPrice__main__joint {order: 3;}
span.fs-c-productPrice__main__addon {order: 4;}