.fs-page__top {
  width: 100%;
  max-width: 100%;
}
@media (min-width: 768px) {
  .fs-page__top {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    max-width: 1000px;
    margin: 0 auto;
  }
}

.top-bnr-wrap {
  max-width: 1000px;
  margin: 0 auto;
  background: #fff;
  padding-bottom: 40px;
}
@media screen and (min-width: 768px) {
  .top-bnr-wrap {
    padding-bottom: 80px;
  }
}


/* ---- Slider: #splide-top-a ---- */
#splide-top-a .splide__slide {
  /* aspect-ratio: 1000 / 1333; */
  background-color: #9a9186;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

#splide-top-a .splide__slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

/* ---- Progress-bar pagination ---- */
.top-bnr-pagination {
  display: flex;
  align-items: end;
  gap: 6px;
  padding: 16px 0 20px;
  width: calc(650 / 750 * 100vw);
  max-width: 650px;
  margin: 0 auto;
}

.top-bnr-pagination .bar {
  flex: 1;
  height: 1px;
  background: #bbb7aa;
}

.top-bnr-pagination .bar.is-active {
  height: 3px;
  background: #363636;
}
@media screen and (min-width: 768px) {
  .top-bnr-pagination {
    padding-top: 40px;
  }
  .top-bnr-pagination .bar.is-active {
    height: 5px;
  }
}

/* トップカテゴリー */

/* お悩みから探す */

/* オンラインショップ限定特典 */

/* ---- 共通：見出し（英語ラベル＋日本語見出し／上に細い罫線） ---- */
.blockHeading {
  position: relative;
  text-align: center;
  margin-bottom: calc(46 / 750 * 100vw);
}

.blockHeading__en {
  position: relative;
  z-index: 1;
  display: inline-block;
  padding: 0 1em;
  background-color: #fff;
  color: #bbb7aa;
  font-size: 10px;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.blockHeading__ja {
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.05em;
  color: #363636;
  position: relative;
}

.blockHeading__ja span {
  padding: 0 1em;
  background-color: #fff;
  position: relative;
  z-index: 1;
}

.blockHeading__ja::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #bbb7aa;
}

.topCategoryArea {
  margin-bottom: 52px;
}
/* ---- 共通：横スクロールの丸アイコンリスト ---- */
.topCategoryArea__list,
.topFootTypeArea__list {
  display: flex;
  gap: calc(38 / 750 * 100vw);
  margin: 0;
  list-style: none;
  overflow-x: auto;
  -ms-scroll-snap-type: x proximity;
      scroll-snap-type: x proximity;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}

.topCategoryArea__list::-webkit-scrollbar,
.topFootTypeArea__list::-webkit-scrollbar {
  display: none;
}

.topCategoryArea__item,
.topFootTypeArea__item {
  flex: 0 0 68px;
  scroll-snap-align: start;
}

.topCategoryArea__item a,
.topFootTypeArea__item a {
  display: block;
  text-align: center;
  text-decoration: none;
}
.topCategoryArea__item a:hover,
.topFootTypeArea__item a:hover {
  opacity: .7;
}

.topCategoryArea__imgWrap,
.topFootTypeArea__imgWrap {
  display: block;
  width: calc(130 / 750 * 100vw);
  height: calc(130 / 750 * 100vw);
  margin: 0 auto;
  border-radius: 50%;
  overflow: hidden;
  background-color: #f2efe9;
}

.topCategoryArea__imgWrap img,
.topFootTypeArea__imgWrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

.topCategoryArea__label,
.topFootTypeArea__label {
  display: block;
  margin-top: 18px;
  font-size: 14px;
  white-space: nowrap;
  line-height: 1.25;
  color: #363636;
}

/* セクション間の余白 */
.topFootTypeArea {
  margin-bottom: 52px;
}

/* ---- 横スクロール矢印（SPでは非表示・PCのみ表示） ---- */
.iconScroll {
  position: relative;
  padding-left: 15px;
}

.iconScroll__arrow {
  display: none;
}

/* ==========================================================
   PC（768px〜／コンテンツ最大幅1000px）
   ========================================================== */
@media (min-width: 768px) {
  .blockHeading {
    padding-top: 0;
    margin-bottom: 40px;
  }

  .blockHeading::before {
    top: 13px;
  }

  .blockHeading__en {
    font-size: 13px;
    margin-bottom: 8px;
  }

  .blockHeading__ja {
    font-size: 20px;
  }

  /* サムネ80px固定・矢印分の余白を確保 */
  .topCategoryArea__list,
  .topFootTypeArea__list {
    gap: 24px;
    padding: 0 44px 10px;
    scroll-behavior: smooth;
  }

  .topCategoryArea__item,
  .topFootTypeArea__item {
    flex: 0 0 80px;
  }

  .topCategoryArea__imgWrap,
  .topFootTypeArea__imgWrap {
    width: 80px;
    height: 80px;
  }

  .topCategoryArea__label,
  .topFootTypeArea__label {
    margin-top: 10px;
    font-size: 13px;
  }

  .topFootTypeArea {
    margin-top: 30px;
  }

  /* 矢印ボタン */
  .iconScroll__arrow {
    display: flex;
    position: absolute;
    top: 40px;
    transform: translateY(-50%);
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    padding: 0;
    border: none;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.7);
    cursor: pointer;
    z-index: 2;
    transition: background-color 0.2s;
  }

  .iconScroll__arrow:hover {
    background-color: rgba(255, 255, 255, 0.5);
  }

  .iconScroll__arrow[hidden] {
    display: none;
  }

  .iconScroll__arrow svg {
    width: 8px;
    height: 14px;
  }

  .iconScroll__arrow--prev {
    left: 0;
  }

  .iconScroll__arrow--next {
    right: 0;
  }
}

/* ============================
   オンラインショップ限定特典：見出し
============================ */
.topSpecialOffer {
  padding-top: 52px;
}

.topSpecialOffer__inner {
  padding: 20px 0 20px;
  background-color: #faf8f4;
}

.topSpecialOffer__head {
  text-align: center;
}

.topSpecialOffer__heading {
  font-size: 16px;
  letter-spacing: calc(45 / 1000 * 1em);
  margin-bottom: 20px;
}

.topSpecialOffer__label {
  font-size: 10px;
  letter-spacing: calc(100 / 1000 * 1em);
  color: #a09a89;
  text-transform: uppercase;
}

.topSpecialOffer__title {
  position: relative;
  margin: 0;
  font-size: 16px;
  font-weight: 450;
  letter-spacing: calc(180 / 1000 * 1em);
  color: #363636;
}

.topSpecialOffer__scrollWrapper {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 12px;
}
.topSpecialOffer__bannerList {
  display: flex;
  gap: 20px;
  margin: 0;
  padding: 0 20px;
  list-style: none;
}
.topSpecialOffer__bannerItem {
  max-width: 168px;
  min-width: 150px;
}

.topSpecialOffer__bannerItem img {
  display: block;
  width: 100%;
  height: auto;
}
@media screen and (min-width: 768px) {
  .topSpecialOffer__heading {
    font-size: 20px;
    margin-bottom: 36px;
  }
  .topSpecialOffer__label {
    font-size: 16px;
  }
  .topSpecialOffer__title {
    font-size: 20px;
  }
  .topSpecialOffer {
    padding-top: 104px;
  }
  .topSpecialOffer__inner {
    padding: 64px 0;
  }
}

/* ============================
   最旬特集：見出し
============================ */
.topFeature {
  padding-top: 108px;
}

.topFeature__heading {
  margin-bottom: 56px;
  text-align: center;
}

.topFeature__label {
  text-align: center;
  font-size: 10px;
  letter-spacing: calc(140 / 1000 * 1em);
  color: #7f7a6a;
  text-transform: uppercase;
}

.topFeature__title {
  position: relative;
  margin: 0;
  font-size: 18px;
  font-weight: 450;
  letter-spacing: calc(180 / 1000 * 1em);
  color: #363636;
}

.topFeature__title::after {
  content: "";
  display: block;
  width: 24px;
  height: 1px;
  background: #7f7a6a;
  margin: 24px auto 0;
}

/* ---- 最旬特集：記事一覧（WordPress CMS連携予定・現在は仮データ） ---- */
.topFeature__inner {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
}

.topFeature__list {
  display: grid;
  list-style: none;
  margin: 0;
  padding: 0;
  row-gap: 8px;
  margin-bottom: 80px;
}

.topFeature__link {
  display: flex;
  align-items: stretch;
  gap: calc(20 / 750 * 100vw);
  text-decoration: none;
}

.topFeature__link:hover {
  opacity: .8;
}

.topFeature__thumb {
  flex: 0 0 calc(142 / 750 * 100vw);
  width: calc(142 / 750 * 100vw);
  align-self: start;
  aspect-ratio: 3 / 4;
  background-color: #9a9186; /* WP featured image 差し込み前のプレースホルダー */
  overflow: hidden;
}

.topFeature__thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

.topFeature__body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1 1 auto;
  min-width: 0;
  position: relative;
}
.topFeature__item:first-child .topFeature__body::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  top: -4px;
  background-color: #645e59;  
}
.topFeature__body::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: -4px;
  background-color: #645e59;
}
@media screen and (min-width: 768px) {
  .topFeature__item:first-child .topFeature__body::before {
    top: -2px;
  }
  .topFeature__body::after {
    bottom: -2px;
  }
}

.topFeature__date {
  display: block;
  margin: 0 0 8px;
  font-size: 13px;
  letter-spacing: 0.05em;
  color: #a29c8f;
}

.topFeature__ttl {
  display: -webkit-box;
  margin: 0;
  overflow: hidden;
  font-size: 15px;
  font-weight: 450;
  line-height: 1.6;
  letter-spacing: calc(45 / 1000 * 1em);
  color: #363636;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.topFeature__arrow {
  flex: 0 0 auto;
  width: 8px;
  height: 14px;
  margin-left: 12px;
  color: #c7c2b6;
  align-self: center;
}

.topFeature__arrow svg {
  display: block;
  width: 100%;
  height: 100%;
}

.c-moreBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 16px 0;
  background-color: #645e59;
  color: #fff;
  font-size: 12px;
  letter-spacing: calc(140 / 1000 * 1em);
  text-decoration: none;
  position: relative;
  width: calc(650 / 750 * 100vw);
  max-width: 455px;
  margin: 0 auto;
  margin-top: 64px;
}

.c-moreBtn:hover {
  opacity: .85;
}
.c-moreBtn:visited {
  color: #fff;
}

.c-moreBtn__arrow {
  width: 10px;
  height: 10px;
  position: absolute;
  top: 50%;
  right: 16px;
  translate: -100% -50%;
}

.c-moreBtn__arrow svg {
  display: block;
  width: 100%;
  height: 100%;
}

@media (min-width: 768px) {
  .topFeature {
    padding-top: 144px;
  }
  .topFeature__heading {
    margin-bottom: 64px;
  }

  .topFeature__label {
    font-size: 20px;
  }
  .topFeature__title {
    font-size: 32px;
  }
  .topFeature__title::after {
    width: 46px;
    height: 2px;
    margin-top: 48px;
  }
  .topFeature__list {
    margin: 0 auto;
    row-gap: 4px;
  }

  .topFeature__link {
    gap: 24px;
  }

  .topFeature__thumb {
    flex-basis: 120px;
    width: 120px;
  }

  .topFeature__date {
    font-size: 13px;
  }

  .topFeature__ttl {
    font-size: 16px;
  }

  .c-moreBtn {
    margin: 100px auto 0;
    padding: 22px;
    font-size: 16px;
  }
}

/* ============================
   人気ランキング：見出し
============================ */
.topRanking {
  padding-top: 108px;
}

.topRanking__heading {
  margin-bottom: 56px;
  text-align: center;
}

.topRanking__label {
  font-size: 10px;
  letter-spacing: calc(140 / 1000 * 1em);
  color: #7f7a6a;
  text-transform: uppercase;
}

.topRanking__title {
  position: relative;
  margin: 0;
  font-size: 18px;
  font-weight: 450;
  letter-spacing: calc(180 / 1000 * 1em);
  color: #363636;
}

.topRanking__title::after {
  content: "";
  display: block;
  width: 24px;
  height: 1px;
  background: #7f7a6a;
  margin: 24px auto 0;
}

@media (min-width: 768px) {
  .topRanking {
    padding-top: 144px;
  }
  .topRanking__heading {
    margin-bottom: 64px;
  }
  .topRanking__label {
    font-size: 20px;
  }
  .topRanking__title {
    font-size: 32px;
  }
  .topRanking__title::after {
    width: 46px;
    height: 2px;
    margin-top: 48px;
  }
}


/* ============================
   人気ランキング：タブ切り替え
============================ */
.topRankingTabs__radio {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.topRankingTabs__labels {
  display: flex;
  justify-content: center;
  scrollbar-width: none;
  width: calc(690 / 750 * 100vw);
  max-width: 690px;
  margin: 0 auto;
  margin-bottom: 32px;
}
.topRankingTabs__labels::-webkit-scrollbar {
  display: none;
}

.topRankingTabs__label {
  position: relative;
  padding: 12px 4px;
  font-size: 14px;
  color: #bbb7aa;
  cursor: pointer;
  transition: color .2s ease;
  min-width: 113px;
  text-align: center;
}

.topRankingTabs__label::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 2px;
  background: #645e59;
  transform: scaleX(0);
  transition: transform .2s ease;
}

#topRankingTabs-tab1:checked ~ .topRankingTabs__labels label[for="topRankingTabs-tab1"],
#topRankingTabs-tab2:checked ~ .topRankingTabs__labels label[for="topRankingTabs-tab2"],
#topRankingTabs-tab3:checked ~ .topRankingTabs__labels label[for="topRankingTabs-tab3"],
#topRankingTabs-tab4:checked ~ .topRankingTabs__labels label[for="topRankingTabs-tab4"],
#topRankingTabs-tab5:checked ~ .topRankingTabs__labels label[for="topRankingTabs-tab5"] {
  color: #645e59;
}

#topRankingTabs-tab1:checked ~ .topRankingTabs__labels label[for="topRankingTabs-tab1"]::after,
#topRankingTabs-tab2:checked ~ .topRankingTabs__labels label[for="topRankingTabs-tab2"]::after,
#topRankingTabs-tab3:checked ~ .topRankingTabs__labels label[for="topRankingTabs-tab3"]::after,
#topRankingTabs-tab4:checked ~ .topRankingTabs__labels label[for="topRankingTabs-tab4"]::after,
#topRankingTabs-tab5:checked ~ .topRankingTabs__labels label[for="topRankingTabs-tab5"]::after {
  transform: scaleX(1);
}

.topRankingTabs__panel {
  display: none;
}

#topRankingTabs-tab1:checked ~ #topRankingTabs-content1,
#topRankingTabs-tab2:checked ~ #topRankingTabs-content2,
#topRankingTabs-tab3:checked ~ #topRankingTabs-content3,
#topRankingTabs-tab4:checked ~ #topRankingTabs-content4,
#topRankingTabs-tab5:checked ~ #topRankingTabs-content5 {
  display: block;
}

.topRankingTabs__more {
  text-align: center;
  margin-top: 24px;
}

@media (max-width: 767px) {
  .topRankingTabs__labels {
    justify-content: flex-start;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-x;  
  }
  .topRankingTabs__label {
    flex: 0 0 auto;
    white-space: nowrap;
  }
}

/* ============================
   新作&再入荷：見出し
============================ */
.topNewRestock {
  padding-top: 108px;
}

.topNewRestock__heading {
  margin-bottom: 56px;
  text-align: center;
}

.topNewRestock__label {
  font-size: 10px;
  letter-spacing: calc(140 / 1000 * 1em);
  color: #7f7a6a;
  text-transform: uppercase;
}

.topNewRestock__title {
  position: relative;
  margin: 0;
  font-size: 18px;
  font-weight: 450;
  letter-spacing: calc(180 / 1000 * 1em);
  color: #363636;
}

.topNewRestock__title::after {
  content: "";
  display: block;
  width: 24px;
  height: 1px;
  background: #7f7a6a;
  margin: 24px auto 0;
}
@media (min-width: 768px) {
  .topNewRestock {
    padding-top: 144px;
  }
  .topNewRestock__heading {
    margin-bottom: 64px;
  }
  .topNewRestock__label {
    font-size: 20px;
  }
  .topNewRestock__title {
    font-size: 32px;
  }
  .topNewRestock__title::after {
    width: 46px;
    height: 2px;
    margin-top: 48px;
  }
}

/* ============================
   新作&再入荷：タブ切り替え
============================ */
.topNewRestockTabs__radio {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.topNewRestockTabs__nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  width: calc(690 / 750 * 100vw);
  max-width: 690px;
  margin: 0 auto;
  margin-bottom: 32px;
}

.topNewRestockTabs__arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 24px;
  height: 24px;
  color: #bfbfbf;
  cursor: pointer;
}

.topNewRestockTabs__arrow svg {
  display: block;
  width: 8px;
  height: 14px;
}

.topNewRestockTabs__labels {
  display: flex;
  justify-content: center;
  width: 100%;
  scrollbar-width: none;
}

.topNewRestockTabs__label {
  position: relative;
  padding: 8px 4px;
  font-size: 16px;
  letter-spacing: calc(45 / 1000 * 1em);
  line-height: 1;
  width: 100%;
  text-align: center;
  color: #a09a89;
  cursor: pointer;
  transition: color .2s ease;
}

.topNewRestockTabs__label::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 1px;
  background: #645e59;
  transform: scaleX(0);
  transition: transform .2s ease;
}

#topNewRestockTabs-tab1:checked ~ .topNewRestockTabs__nav .topNewRestockTabs__labels label[for="topNewRestockTabs-tab1"],
#topNewRestockTabs-tab2:checked ~ .topNewRestockTabs__nav .topNewRestockTabs__labels label[for="topNewRestockTabs-tab2"] {
  color: #645e59;
}

#topNewRestockTabs-tab1:checked ~ .topNewRestockTabs__nav .topNewRestockTabs__labels label[for="topNewRestockTabs-tab1"]::after,
#topNewRestockTabs-tab2:checked ~ .topNewRestockTabs__nav .topNewRestockTabs__labels label[for="topNewRestockTabs-tab2"]::after {
  transform: scaleX(1);
}

.topNewRestockTabs__panel {
  display: none;
}

#topNewRestockTabs-tab1:checked ~ #topNewRestockTabs-content1,
#topNewRestockTabs-tab2:checked ~ #topNewRestockTabs-content2 {
  display: block;
}

@media screen and (min-width: 768px) {
  .topNewRestockTabs__label {
    font-size: 16px;
  }
  .topNewRestockTabs__label::after {
    height: 2px;
  }
}




@media screen and (max-width: 767px) {
  .fs-c-productListItem:nth-child(n+7) {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .fs-c-productListItem:nth-child(n+9) {
    display: none;
  }
}

@media (min-width: 768px) {
  .topNewRestockTabs__nav {
    gap: 32px;
    margin-bottom: 40px;
  }
}

/* ============================
   あなたへのおすすめ：見出し
============================ */
.topRecommend {
  padding-top: 108px;
}

.topRecommend__heading {
  margin-bottom: 56px;
  text-align: center;
}

.topRecommend__label {
  font-size: 10px;
  letter-spacing: calc(140 / 1000 * 1em);
  color: #7f7a6a;
  text-transform: uppercase;
}

.topRecommend__title {
  position: relative;
  margin: 0;
  font-size: 18px;
  font-weight: 450;
  letter-spacing: calc(180 / 1000 * 1em);
  color: #363636;
}

.topRecommend__title::after {
  content: "";
  display: block;
  width: 24px;
  height: 1px;
  background: #7f7a6a;
  margin: 24px auto 0;
}

@media (min-width: 768px) {
  .topRecommend {
    padding-top: 144px;
  }
  .topRecommend__heading {
    margin-bottom: 64px;
  }
  .topRecommend__label {
    font-size: 20px;
  }
  .topRecommend__title {
    font-size: 32px;
  }
  .topRecommend__title::after {
    width: 46px;
    height: 2px;
    margin-top: 48px;
  }
}

/* ============================
   セール商品：見出し
============================ */
.topSale {
  padding-top: 108px;
}

.topSale__heading {
  margin-bottom: 56px;
  text-align: center;
}

.topSale__label {
  font-size: 10px;
  letter-spacing: calc(140 / 1000 * 1em);
  color: #7f7a6a;
  text-transform: uppercase;
  text-align: center;
}

.topSale__title {
  position: relative;
  margin: 0;
  font-size: 18px;
  font-weight: 450;
  letter-spacing: calc(180 / 1000 * 1em);
  color: #363636;
}

.topSale__title::after {
  content: "";
  display: block;
  width: 24px;
  height: 1px;
  background: #7f7a6a;
  margin: 24px auto 0;
}

@media (min-width: 768px) {
  .topSale {
    padding-top: 144px;
  }
  .topSale__heading {
    margin-bottom: 64px;
  }
  .topSale__label {
    font-size: 20px;
  }
  .topSale__title {
    font-size: 32px;
  }
  .topSale__title::after {
    width: 46px;
    height: 2px;
    margin-top: 48px;
  }
}

/* ============================
   シーン別に探す：見出し
============================ */
.topScene {
  padding-top: 108px;
}

.topScene__heading {
  margin-bottom: 56px;
  text-align: center;
}

.topScene__label {
  font-size: 10px;
  letter-spacing: calc(140 / 1000 * 1em);
  color: #7f7a6a;
  text-transform: uppercase;
}

.topScene__title {
  position: relative;
  margin: 0;
  font-size: 18px;
  font-weight: 450;
  letter-spacing: calc(180 / 1000 * 1em);
  color: #363636;
}

.topScene__title::after {
  content: "";
  display: block;
  width: 24px;
  height: 1px;
  background: #7f7a6a;
  margin: 24px auto 0;
}

.topScene__body {
  width: calc(690 / 750 * 100vw);
  max-width: 690px;
  margin: 0 auto;
}

.topScene__contentsList {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px 5px;
  list-style: none;
}
.topScene__contentsItem a {
  display: block;
}
.topScene__contentsItem img {
  display: block;
  width: 100%;
  height: auto;
}
@media screen and (min-width: 768px) {
  .topScene {
    padding-top: 144px;
  }
  .topScene__heading {
    margin-bottom: 64px;
  }
  .topScene__label {
    font-size: 20px;
  }
  .topScene__title {
    font-size: 32px;
  }
  .topScene__title::after {
    width: 46px;
    height: 2px;
    margin-top: 48px;
  }
  .topScene__contentsList {
    gap: 16px 10px;
  }
}

/* ============================
   インスタライブ：見出し
============================ */
.topInstaLive {
  padding-top: 108px;
}

.topInstaLive__heading {
  margin-bottom: 56px;
  text-align: center;
}

.topInstaLive__label {
  font-size: 10px;
  letter-spacing: calc(140 / 1000 * 1em);
  color: #7f7a6a;
  text-transform: uppercase;
}

.topInstaLive__title {
  position: relative;
  margin: 0;
  font-size: 18px;
  font-weight: 450;
  letter-spacing: calc(180 / 1000 * 1em);
  color: #363636;
}

.topInstaLive__title::after {
  content: "";
  display: block;
  width: 24px;
  height: 1px;
  background: #7f7a6a;
  margin: 24px auto 0;
}

@media screen and (min-width: 768px) {
  .topInstaLive {
    padding-top: 144px;
  }
  .topInstaLive__heading {
    margin-bottom: 64px;
  }
  .topInstaLive__label {
    font-size: 20px;
  }
  .topInstaLive__title {
    font-size: 32px;
  }
  .topInstaLive__title::after {
    width: 46px;
    height: 2px;
    margin-top: 48px;
  }
}

/* ============================
   インスタグラム：見出し
============================ */
.topInstagram {
  padding-top: 108px;
}

.topInstagram__heading {
  margin-bottom: 56px;
  text-align: center;
}

.topInstagram__label {
  font-size: 10px;
  letter-spacing: calc(140 / 1000 * 1em);
  color: #7f7a6a;
  text-transform: uppercase;
}

.topInstagram__title {
  position: relative;
  margin: 0;
  font-size: 18px;
  font-weight: 450;
  letter-spacing: calc(180 / 1000 * 1em);
  color: #363636;
}

.topInstagram__title::after {
  content: "";
  display: block;
  width: 24px;
  height: 1px;
  background: #7f7a6a;
  margin: 24px auto 0;
}

@media screen and (min-width: 768px) {
  .topInstagram {
    padding-top: 144px;
  }
  .topInstagram__heading {
    margin-bottom: 64px;
  }
  .topInstagram__label {
    font-size: 20px;
  }
  .topInstagram__title {
    font-size: 32px;
  }
  .topInstagram__title::after {
    width: 46px;
    height: 2px;
    margin-top: 48px;
  }
}

/* ============================
   コーディネート：見出し
============================ */
.topCoordinate {
  padding-top: 108px;
}

.topCoordinate__heading {
  margin-bottom: 56px;
  text-align: center;
}

.topCoordinate__label {
  font-size: 10px;
  letter-spacing: calc(140 / 1000 * 1em);
  color: #7f7a6a;
  text-transform: uppercase;
}

.topCoordinate__title {
  position: relative;
  margin: 0;
  font-size: 18px;
  font-weight: 450;
  letter-spacing: calc(180 / 1000 * 1em);
  color: #363636;
}

.topCoordinate__title::after {
  content: "";
  display: block;
  width: 24px;
  height: 1px;
  background: #7f7a6a;
  margin: 24px auto 0;
}

@media screen and (min-width: 768px) {
  .LeeepPost:nth-of-type(n+9) {
    display: none!important;
  }
}
@media screen and (min-width: 768px) {
  .topCoordinate {
    padding-top: 144px;
  }
  .topCoordinate__heading {
    margin-bottom: 64px;
  }
  .topCoordinate__label {
    font-size: 20px;
  }
  .topCoordinate__title {
    font-size: 32px;
  }
  .topCoordinate__title::after {
    width: 46px;
    height: 2px;
    margin-top: 48px;
  }
}

/* ============================
   私たちについて：見出し
============================ */
.topAboutUs {
  padding-top: 108px;
}

.topAboutUs__heading {
  margin-bottom: 56px;
  text-align: center;
}

.topAboutUs__label {
  font-size: 10px;
  letter-spacing: calc(140 / 1000 * 1em);
  color: #7f7a6a;
  text-transform: uppercase;
  text-align: center;
}

.topAboutUs__title {
  position: relative;
  margin: 0;
  font-size: 18px;
  font-weight: 450;
  letter-spacing: calc(180 / 1000 * 1em);
  color: #363636;
}

.topAboutUs__title::after {
  content: "";
  display: block;
  width: 24px;
  height: 1px;
  background: #7f7a6a;
  margin: 24px auto 0;
}

.topAboutUs__body {
  width: calc(690 / 750 * 100vw);
  max-width: 690px;
  margin: 0 auto;
}
.topAboutUs__hero img {
  display: block;
  width: 100%;
  height: auto;
}
.topAboutUs__contents__title {
  font-size: 20px;
  font-weight: 450;
  color: #363636;
  margin-top: 32px;
  text-align: center;
  letter-spacing: calc(45 / 1000 * 1em);
}
.topAboutUs__contents__text {
  font-size: 12px;
  color: #54534f;
  margin-top: 32px;
  line-height: 2.3;
  letter-spacing: calc(140 / 1000 * 1em);
}

@media screen and (min-width: 768px) {
  .topAboutUs{
    padding-top: 144px;
  }
  .topAboutUs__heading {
    margin-bottom: 64px;
  }
  .topAboutUs__label {
    font-size: 20px;
  }
  .topAboutUs__title {
    font-size: 32px;
  }
  .topAboutUs__title::after {
    width: 46px;
    height: 2px;
    margin-top: 48px;
  }
  .topAboutUs__contents__title {
    font-size: 40px;
    margin-top: 63px;
  }
  .topAboutUs__contents__text {
    font-size: 16px;
    line-height: 2;
    margin-top: 65px;
  }
}

/* ============================
   お知らせ：見出し
============================ */
.topInformation {
  padding-top: 108px;
}

.topInformation__heading {
  margin-bottom: 56px;
  text-align: center;
}

.topInformation__label {
  font-size: 10px;
  letter-spacing: calc(140 / 1000 * 1em);
  color: #7f7a6a;
  text-transform: uppercase;
  text-align: center;
}

.topInformation__title {
  position: relative;
  margin: 0;
  font-size: 18px;
  font-weight: 450;
  letter-spacing: calc(180 / 1000 * 1em);
  color: #363636;
}

.topInformation__title::after {
  content: "";
  display: block;
  width: 24px;
  height: 1px;
  background: #7f7a6a;
  margin: 24px auto 0;
}

.topInformation__body {
  width: calc(690 / 750 * 100vw);
  max-width: 690px;
  margin: 0 auto;
}

.topInformation__body dl {
  border-top: 1px solid #a09a89;
}
.topInformation__body dt {
  color: #a09a89;
  font-size: 12px;
  letter-spacing: 0.05em;
  padding: 12px 0;
  padding-left: 10px;
  float: left;
}
.topInformation__body dd {
  color: #363636;
  font-size: 12px;
  letter-spacing: 0.05em;
  padding: 12px 0;
  padding-left: 8em;
}
.topInformation__body dd {
  border-bottom: 1px solid #a09a89;
}
.topInformation__body a {
  text-decoration: none;
  color: #363636;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .topInformation {
    padding-top: 144px;
  }
  .topInformation__heading {
    margin-bottom: 64px;
  }
  .topInformation__label {
    font-size: 20px;
  }
  .topInformation__title {
    font-size: 32px;
  }
  .topInformation__title::after {
    width: 46px;
    height: 2px;
    margin-top: 48px;
  }
  .topInformation__body dt {
    font-size: 16px;
    padding: 28px 0;
    padding-left: 20px;
  }
  .topInformation__body dd {
    font-size: 16px;
    padding: 28px 0;
    padding-left: 8em;
  }
}

.size-guide {
  width: calc(538 / 750 * 100vw);
  max-width: 690px;
  margin: 0 auto;
}
.size-guide img {
  display: block;
  width: 100%;
  height: auto;
}
.masyugirl {
  width: calc(690 / 750 * 100vw);
  max-width: 690px;
  margin: 0 auto;
  margin-top: 80px;
  margin-bottom: 52px;
}
.masyugirl img {
  display: block;
  width: 100%;
  height: auto;
}
@media screen and (min-width: 768px) {
  .masyugirl {
    margin-top: 104px;
    margin-bottom: 104px;
  }
}