@charset "UTF-8";
/*=============================================================

	Date: 2025-07-28
	CSS Document ： WEB限定アイテム｜FELISSIMO
 
=============================================================*/
.pc_fsn {
 display: block;
 margin: 0 auto;
}
.sp_fsn {
 display: none !important;
}
.sr_page-shopping-result__free .fca_container__in {
  max-width: 100%;
}
.sr_page-shopping-result__free .fca_container {
 padding: 0;
}

#contents_fsn a {
  transition: all 0.3s;
 }
#contents_fsn a:hover {
  opacity: 0.7;
  text-decoration: none;
 }
.link_wrap_lim p {
  font-size: 130%;
}
 
/* PC */
#contents_fsn {
 text-align: center;
 max-width: 1170px;
 margin: 1em auto;
}
.link_wrap_lim {
  color: #000;
  font-size: 130%;
  line-height: 1.9;
  font-feature-settings: 'palt'1;
  letter-spacing: 0.1em;
  margin-bottom: 2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "太ゴB101 JIS2004 AP"; 
  text-align: center;
  max-width: 1170px;
  margin: 0 auto 3em; 
}
/* title */
.pointwrap_fsn {
  width: 100%;
  max-width: 1170px;
 }



.ttl_fsn img {
max-width: 100%;
height: auto;
}

/* ブランドから探す */
.brand_wrap {
  margin: 3.7em auto;
}
.brand_flex {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 0.7em auto 0em;
  flex-wrap: wrap;
  max-width: 1170px;
  gap: 3%;
}
.brand_flex a {
  transition: all 0.3s;
 }
 .brand_flex a:hover {
  opacity: 0.7;
  text-decoration: none;
 }

 .brand_flex div {
  width: 22.7%;
  text-align: center;
  margin-bottom: 0.7em;
}
.brand_wrap img {
  width: 100%;
  height: auto;
}
.brand_wrap .brand_flex p {
  font-size: 90%;
  letter-spacing: 2.5px;
  margin-top: 0.2em;
}
/* カテゴリから探す */
.category_wrap {
  background-color: #f1f1f1;
  padding: 2.3em 0;
}

.category_flex {
  display: flex;
  flex-direction:row; 
  flex-wrap:wrap; 
  justify-content:center;
  text-align: center;
  max-width: 790px;
  margin: 0 auto;
  gap: 1.2em
}
.category_flex::after{
  content:"";
  display: block;
  width:17%;
}

/* メイン */
.fade {
 opacity: 0;
}
.fade.fadeIn_fsn {
 animation: fadeIn_fsn 1s forwards 0s;
}

@keyframes fade_fsn {
 0% {
  opacity: 0;
 }
 100% {
  opacity: 1;
 }
}
@keyframes fadeIn_fsn {
 0% {
  transform: translateY(30px);
  opacity: 0;
 }
 100% {
  transform: translateY(0px);
  opacity: 1;
 }
}








/************ SP ************/
@media (max-width: 919px) {
 .pc_fsn {
  display: none;
 }
 .sp_fsn {
  display: block !important;
 }
 #contents_fsn {
  font-size: 130%;
  width: 100%;
  margin-bottom: 1.5em;
 }
 .pointwrap_fsn {
  width: 100%;
  padding: 0em 0;
 }
p {
  font-size: 4.8vw;
  margin-bottom: 0.5em;
}
 /* title */
 .ttl_fsn {
  overflow: hidden;
  position: relative;
 }
 .ttl_fsn img {
  width: 100%;
  margin: 0 auto;
 }


 /* ブランドから探す */
 .brand_flex {
  justify-content: center;
  width: 100%;
  margin: 0em auto 0em;
  gap: 1em 2em;
 }
.brand_wrap {
  margin: 3em auto;
}
.brand_flex div {
  width: 41vw;
  margin-bottom: 0;
}
.brand_wrap .brand_flex p {
  font-size: 3.7vw;
  margin-bottom: 0;
  margin: 0.1em auto 0;
}
@media (max-width: 375px) {
  .brand_flex div {
      width: 42vw;
      margin-bottom: 0;
  }
  .brand_flex {
    gap: 0.6em  1em;
   }
  
}

/* カテゴリから探す */
.link_wrap_lim {
  margin: 0 auto 1em;
}
.category_flex div {
  width: 22%;
}
.category_flex {
  gap: 3vw;
  width: 90%;
}
.category_flex::after {
  width: 47%;
}
.category_wrap {
  padding: 5.5vw 0;
}
.category_wrap img {
  width: 100%;
  height: auto;
}
.link_wrap_lim p {
  font-size: 4.5vw;
}

}