@charset "utf-8";
:root{
  --mask-bk-35: rgba(37, 31, 30, 0.35);
  --mask-bk-50: rgba(37, 31, 30, 0.5);
  --sec-spc: clamp(60px, 8vw, 100px);
  --c-black: #251F1E;
  --c-yellow: #FFBC24;
  --c-gray: #6C6C6C;
  --c-dark: #404040;
  --c-white: #fff;
  --bgc-gray: #F0F0F0;
  --bd-gray: #D1D1D1;
  --ff-en: "Pretendard", sans-serif;
  --inner-w: 87%;
  --pc-maw: 1176px;
  --pc-maw-s: 950px;
}
body{
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  color: var(--c-black);
}
.sevy-inner{
  width: var(--inner-w);
  max-width: var(--pc-maw);
  margin-inline: auto;
}
.sevy-inner--s{
  width: var(--inner-w);
  max-width: var(--pc-maw-s);
  margin-inline: auto;
}
.sevy-pd{
  padding-block: var(--sec-spc);
}
.sevy-mgb{
  margin-block-end: var(--sec-spc);
}
#side_choose .side_logo.sevy img{
  height: 20px;
}
@media screen and (min-width: 768px){
  .sevy-pc-inner{
    width: var(--inner-w);
    max-width: var(--pc-maw);
    margin-inline: auto;
  }
}
/* 見出し */
.sevy-heading{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.sevy-heading::before{
  content: "";
  display: inline-block;
  background: var(--this-icon) no-repeat center center / 100%;
  aspect-ratio: 1/1;
  width: 20px;
}
.sevy-heading span{
  font-family: var(--ff-en);
  font-weight: 600;
  letter-spacing: 0.05em;
}
.sevy-heading small{
  color: #959595;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px){
  .sevy-heading{
    gap: 10px;
    margin-bottom: 40px;
  }
  .sevy-heading span{
    font-size: 30px;
  }
  .sevy-heading small{
    font-size: 16px;
  }
}
@media screen and (max-width: 767px){
  .sevy-heading{
    gap: 5px;
    margin-bottom: 20px;
  }
  .sevy-heading span{
    font-size: 24px;
  }
  .sevy-heading small{
    font-size: 12px;
  }
}
/* fsCSS リセット */
.fs-pt-column__item{
  padding: 0;
}
.fs-pt-column__item > * + *{
  margin-top: 0;
}
/* ロゴ */
.l-header__brand_logo.logo_sevy{
  width: 70px;
}
/* FVイメージ */
.sevy-fv{
  position: relative;
}
.sevy-fv__image{
  position: relative;
}
.sevy-fv__image::after{
  /* content: "";
  display: inline-block;
  background-color: var(--mask-bk-35);
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0; */
}
.sevy-fv__logo{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
@media screen and (min-width: 768px){
  .sevy-fv__logo{
    width: 195px;
  }
}
@media screen and (max-width: 767px){
  .sevy-fv__logo{
    width: 103px;
  }
}
/* 作品イメージ */
.sevy-works{
  background: linear-gradient(to bottom, var(--bgc-gray) var(--this-bgc-positon), transparent var(--this-bgc-positon));
}
.sevy-works__heading{
  font-family: var(--ff-en);
  color: var(--c-gray);
  font-weight: 600;
  letter-spacing: 0.05em;
}
.sevy-works__thumb{
  border: none;
  border-radius: 0;
  -webkit-appearance: none;
  position: relative;
}
.sevy-works__thumb::after{
  content: "";
  display: inline-block;
  background-color: var(--mask-bk-50);
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.sevy-works__thumb.is-active::after{
  opacity: 1;
}
@media screen and (min-width: 768px){
  .sevy-works{
    --this-bgc-positon: 50%;
  }
  .sevy-works-container{
    display: flex;
    align-items: stretch;
  }
  .sevy-works__heading{
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    width: auto;
    text-align: right;
    font-size: 18px;
  }
  .sevy-works__gallery{
    flex: 1;
    margin-inline: 12px 20px;
  }
  .sevy-works__thumbs{
    display: grid;
    gap: 7px;
    width: 140px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end;
  }
}
@media screen and (max-width: 767px){
  .sevy-works{
    padding-top: 25px;
    --this-bgc-positon: 40%;
  }
  .sevy-works__heading{
    font-size: 13px;
    color: var(--c-gray);
    text-align: right;
    margin-bottom: 10px;
  }
  .sevy-works__thumbs{
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 3px;
    margin-top: 10px;
  }
}
/* アバウト */
.sevy-about{
  position: relative;
}
.sevy-about .fs-pt-column__image{
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  overflow: hidden;
}
.sevy-about .fs-pt-column__image::after{
  content: "";
  display: inline-block;
  background: var(--this-image) no-repeat center center / cover;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
}
.sevy-about .fs-pt-column__image img{
  display: block;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.sevy-about :is(
  .fs-pt-column__heading,
  .fs-pt-column__description
){
  width: var(--inner-w);
  max-width: var(--pc-maw-s);
  margin-inline: auto;
  position: relative;
  z-index: 2;
  color: var(--c-white);
}
.sevy-about .fs-pt-column__heading{
  font-family: var(--ff-en);
  font-weight: 600;
  letter-spacing: 0.05em;
  border-bottom: 1px solid var(--c-white);
}
@media screen and (min-width: 768px){
  .sevy-about .fs-pt-column__item:last-child{
    display: none;
  }
  .sevy-about .fs-pt-column__heading{
    font-size: 30px;
    padding-bottom: 10px;
    margin-bottom: 30px;
  }
  .sevy-about .fs-pt-column__image::after{
    --this-image: url(https://craf.itembox.cloud/item/craf/images/sevy/top_about_dark_pc.png?d=20260820113816);
  }
  .sevy-about .fs-pt-column__description{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .sevy-about__ttl{
    font-size: 20px;
  }
  .sevy-about__txt p{
    font-size: 15px;
  }
  .sevy-about .fs-pt-column__image img{
    object-position: 0px -137px;
  }
}
@media screen and (max-width: 767px){
  .sevy-about .fs-pt-column__item:first-child{
    display: none;
  }
  .sevy-about .fs-pt-column__heading{
    font-size: 20px;
    padding-bottom: 5px;
    margin-bottom: 25px;
  }
  .sevy-about .fs-pt-column__image::after{
    --this-image: url(https://craf.itembox.cloud/item/craf/images/sevy/about_dark_sp.png?d=20260820113816);
  }
  .sevy-about :is(
    .fs-pt-column__heading,
    .fs-pt-column__description
  ){
    width: 270px;
  }
  .sevy-about__ttl{
    font-size: 16px;
    margin-bottom: 25px;
  }
  .sevy-about__txt p{
    font-size: 12px;
  }
}
/* 商品 */
.sevy-fsProductList.fs-c-productListCarousel{
  display: block;
}
.sevy-fsProductList :is(
	.fs-c-productListCarousel__list,
	.fs-c-wishlistProduct .fs-c-productListCarousel__list
	){
	display: contents !important;
}
.sevy-fsProductList .fs-c-productListCarousel__ctrl{
	display: none;
}
.sevy-fsProductList .fs-c-productListCarousel__list__item{
  flex-basis: unset;
  min-width: unset;
  max-width: unset;
  margin: 0;
  display: grid;
  position: relative;
}
.sevy-fsProductList .fs-c-productListItem__imageContainer{
	order: -1;
}
.sevy-fsProductList .fs-c-productListItem__productName{
	order: 3;
  font-weight: normal;
  line-height: 1.5;
}
.sevy-fsProductList .fs-c-productMarks{
	order: 2;
}
.sevy-fsProductList .fs-c-productMark__label{
  font-size: clamp(10px, 1vw, 12px);
  padding: 4px 8px 5px!important;
  border-radius: 5px;
}
.sevy-fsProductList .fs-c-productListItem__prices{
	order: 4;
}
.sevy-fsProductList .fs-c-productPrice__main__price{
  font-size: 16px;
}
.sevy-fsProductList .fs-c-productPrice__addon{
  font-size: 12px;
}
.sevy-fsProductList .fs-c-productListItem__control{
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 0;
}
.sevy-fsProductList .fs-c-productListItem__control > form{
  display: none;
}
.sevy-fsProductList .fs-c-productName__copy{
  display: none;
}
@media screen and (min-width: 768px){
  .sevy-specialKit__productList .fs-c-productListCarousel__list__itemTrack{
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 24px;
  }
  .sevy-seasonItem__productList .fs-c-productListCarousel__list__itemTrack{
    display: grid;
    grid-template-columns: repeat(6,1fr);
    gap: 48px 24px;
  }
  .sevy-fsProductList .fs-c-productListItem__imageContainer{
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 767px){
  .sevy-specialKit__productList .fs-c-productListCarousel__list__itemTrack{
    display: flex;
    padding-inline: calc((100% - var(--inner-w)) / 2);
    overflow-x: scroll;
    overflow-y: hidden;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .sevy-specialKit__productList .fs-c-productListCarousel__list__item{
    --this-width: 138px;
    min-width: var(--this-width);
    max-width: var(--this-width);
    margin-right: 10px;
  }
  .sevy-seasonItem__productList .fs-c-productListCarousel__list__itemTrack{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 20px 10px;
  }
  .sevy-fsProductList .fs-c-productListItem__imageContainer{
    margin-bottom: 10px;
  }
}
/* カテゴリー */
.sevy-category{
  background-color: var(--bgc-gray);
}
.sevy-category__lv1 a{
  background-color: var(--c-yellow);
  display: grid;
  grid-template-columns: var(--this-icon-width) 1fr;
  align-items: center;
  border-radius: 25px;
  font-weight: bold;
  color: var(--c-dark);
}
.sevy-category__lv1 a::before{
  content: "";
  display: inline-block;
  background: var(--c-white) var(--this-icon) no-repeat center center / 100%;
  aspect-ratio: 1/1;
  border-radius: 50%;
}
.sevy-category__lv2 ul li:before{
  content: "・";
}
@media screen and (min-width: 768px){
  .sevy-category__list{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 40px 20px;
    max-width: 640px;
    margin-inline: auto;
  }
  .sevy-category__list > li{
    width: calc((640px - 20px * 2) / 3);
    order: var(--this-pc-order);
  }
  .sevy-category__lv1 a{
    --this-icon-width: 36px;
    gap: 10px;
    font-size: 18px;
    padding: 8px;
  }
  .sevy-category__lv2{
    display: flex;
    margin-top: 17px;
  }
  .sevy-category__lv2 ul{
    flex: 1;
  }
  .sevy-category__lv2 ul li a{
    font-size: 16px;
  }
}
@media screen and (max-width: 767px){
  .sevy-category__list{
    width: var(--inner-w);
    max-width: var(--pc-maw);
    margin-inline: auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: flex-start;
    gap: 27px 16px;
  }
  .sevy-category__list li[style="--this-pc-order: 2;"]{
    grid-row: span 3;
  }
  .sevy-category__lv1 a{
    --this-icon-width: 36px;
    gap: 5px;
    font-size: 13px;
    letter-spacing: 0;
    padding: 6px;
  }
  .sevy-category__lv2{
    margin-top: 10px;
  }
}
/* トピックス */
.sevy-topics__links{
  display: grid;
}
.sevy-topics__links .fs-pt-column__item{
  position: relative;
}
.sevy-topics__links .fs-pt-column__item,
.sevy-topics__links .fs-pt-column__item a{
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.sevy-topics__links .fs-pt-column__item:nth-child(odd),
.sevy-topics__links .fs-pt-column__item:nth-child(odd) a{
  flex-direction: column-reverse;
  justify-content: flex-start;
}
.sevy-topics__links .fs-pt-column__image{
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  overflow: hidden;
}
.sevy-topics__links .fs-pt-column__image::after{
  content: "";
  display: inline-block;
  background-color: var(--mask-bk-35);
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
}
.sevy-topics__links .fs-pt-column__image img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.sevy-topics__links .fs-pt-column__heading{
  color: var(--c-white);
  font-family: var(--ff-en);
  position: relative;
  z-index: 2;
  letter-spacing: 0.05em;
}
.sevy-topics__links .fs-pt-column__description{
  color: var(--c-white);
  position: relative;
  z-index: 2;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px){
  .sevy-topics__links{
    grid-template-columns: repeat(2,1fr);
    gap: 20px;
  }
  .sevy-topics__links .fs-pt-column__item{
    aspect-ratio: 48/33;
    padding: 30px;
    gap: 10px;
  }
  .sevy-topics__links .fs-pt-column__heading{
    font-size: 18px;
  }
  .sevy-topics__links .fs-pt-column__description{
    font-size: 30px;
  }
}
@media screen and (max-width: 767px){
  .sevy-topics__links{
    gap: 15px;
    max-width: 236px;
  }
  .sevy-topics__links .fs-pt-column__item{
    aspect-ratio: 23/16;
    padding: 15px;
    gap: 0px;
  }
  .sevy-topics__links .fs-pt-column__heading{
    font-size: 12px;
  }
  .sevy-topics__links .fs-pt-column__description{
    font-size: 20px;
  }
}
/* お知らせ */
.sevy-news__list{
  width: var(--inner-w);
  max-width: 800px;
  margin-inline: auto;
}
.sevy-news__list.fs-pt-list--noMarker > li + li{
  margin-top: 0;
}
.sevy-news__list .fs-pt-list__item{
  border-bottom: 1px solid var(--bd-gray);
}
.sevy-news__list .fs-pt-list__item:not(:has(.fs-pt-list__link)),
.sevy-news__list .fs-pt-list__link{
  display: grid;
  grid-template-columns: auto 1fr;
}
@media screen and (min-width: 768px){
  .sevy-news__list .fs-pt-list__item:not(:has(.fs-pt-list__link)),
  .sevy-news__list .fs-pt-list__link{
    padding: 20px 30px;
    gap: 20px;
    font-size: 14px;
  }
}
@media screen and (max-width: 767px){
  .sevy-news__list .fs-pt-list__item:not(:has(.fs-pt-list__link)),
  .sevy-news__list .fs-pt-list__link{
    padding: 15px 20px;
    gap: 20px;
    font-size: 14px;
  }
  .sevy-news__list .fs-pt-list__item:last-child{
    border-bottom: none;
  }
}

/* -----------------商品ページ調整----------------- */
.p-sizeMaterialContainer{
  border-bottom: 1px solid var(--c-black);
}
.p-cartBtmBnr{
  display: grid;
  gap: 10px;
}
.p-details,
.p-sizeMaterial{
  color: var(--c-black);
  letter-spacing: 0.05em;
  font-weight: 300;
}
.p-details__box{
  background-color: #F7F7F7;
}
#fs_ProductDetails .sevy-works{
  --full-width: calc(50% - 50vw);
  margin-inline: var(--full-width);
}
.fs-c-featuredProduct{
  margin-bottom: var(--sec-spc);
}
.fs-p-heading--lv2{
  display: none;
}
.fs-c-productPlainImage-wrap{
  margin-bottom: var(--sec-spc) !important;
}
.fs-c-productPlainImage img{
  aspect-ratio: 1/1;
  object-fit: cover;
  display: block;
}
.sevy-fsProductList .fs-c-productPrice__addon{
  font-size: 10px;
  margin-left: 3px;
}
.fr2-listItem__productName{
  margin: 10px 0 !important;
  letter-spacing: 0.05em;
  font-weight: 400;
  line-height: 1.5;
}
.fr2-price__currencyMark,
.fr2-price__value{
  font-size: 16px;
}
.fr2-price__addon{
  font-size: 12px;
}
@media screen and (min-width: 768px){
  #fs_ProductDetails .sevy-about{
    padding-block: 40px;
  }
  #fs_ProductDetails .sevy-about :is( .fs-pt-column__heading, .fs-pt-column__description ){
    max-width: 400px;
    margin-inline: auto 70px;
  }
  #fs_ProductDetails .sevy-about .fs-pt-column__heading{
    font-size: 20px;
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
  #fs_ProductDetails .sevy-about .sevy-about__txt p{
    font-size: 14px;
  }
  #fs_ProductDetails .sevy-about .fs-pt-column__description{
    display: block;
  }
  #fs_ProductDetails .p-sizeMaterialContainer{
    padding-bottom: 80px;
    margin-block: 40px 80px;
  }
  #fs_ProductDetails .p-detailsContainer{
    margin-bottom: 80px;
  }
  .fs-c-productPlainImage-wrap{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
  .fs-c-productPlainImage-wrap .fs-c-productPlainImage{
    padding: 0;
    width: 100%;
  }
  #fs_ProductDetails .sevy-works{
    grid-column: span 2;
  }
  .p-details__box{
    padding: 30px;
    margin-top: 40px;
  }
  .fs-c-featuredProduct .fs-c-productListCarousel__list__itemTrack,
  .fr2-productList{
    display: grid;
    grid-template-columns: repeat(6,1fr);
    gap: 24px;
  }
}
@media screen and (max-width: 767px){
  #fs_ProductDetails .sevy-about{
    padding-block: 30px;
  }
  #fs_ProductDetails .sevy-about{
    --full-width: calc(50% - 50vw);
    margin-inline: var(--full-width);
  }
  #fs_ProductDetails .p-sizeMaterialContainer{
    padding-bottom: 30px;
    margin-block: 30px;
  }
  #fs_ProductDetails .p-detailsContainer{
    margin-bottom: 30px;
  }
  .p-details__box{
    padding: 20px;
    margin-top: 30px;
  }
  .fs-c-featuredProduct .fs-c-productListCarousel__list__itemTrack,
  .fr2-productList{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 30px 10px;
  }
  .sevy-fsProductList .fs-c-featuredProduct,
  .sevy-history{
    --full-width: calc(50% - 50vw);
    margin-inline: var(--full-width);
  }
  .sevy-fsProductList .fs-c-featuredProduct .fs-c-productListCarousel__list__itemTrack,
  .sevy-history .fr2-productList{
    display: flex;
    overflow-x: scroll;
    overflow-y: hidden;
    padding-left: 25px;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .sevy-fsProductList .fs-c-featuredProduct .fs-c-productListCarousel__list__itemTrack::-webkit-scrollbar,
  .sevy-history .fr2-productList::-webkit-scrollbar{
    display: none;
  }
  .sevy-fsProductList .fs-c-featuredProduct .fs-c-productListCarousel__list__item,
  .sevy-history .fr2-productList .fr2-listItem{
    --this-width: 95px;
    min-width: var(--this-width);
    max-width: var(--this-width);
    margin-right: 10px;
  }
  .sevy-fsProductList .fs-c-featuredProduct .fs-c-productListCarousel__list__item > *:not(.fs-c-productListItem__imageContainer),
  .sevy-history .fr2-listItem__productName,
  .sevy-history .fr2-listItem__productPrice{
    display: none;
  }
}
#footer_sns ul{
  display: flex;
  justify-content: center;
  width: 95%;
  max-width: 400px;
  padding-inline: 0;
}
#footer_sns ul li{
  flex: 1;
  margin: 0;
}
#footer_sns ul li:last-child{
  transform: translateX(-20px);
}
#footer_sns ul li img{
  width: 30px;
}
#footer_sns ul li p{
  font-size: 11px;
  line-height: 1.5;
  margin-top: 5px;
}
#footer_sns ul li p span{
  display: block;
  font-size: 10px;
}
#footer_sns ul li{
  float: unset
}