@media screen and (min-width: 768px) {
  .index__inner {
    padding: 14rem 0;
  }
}
@media screen and (max-width: 767px) {
  .index__inner {
    padding: 7rem 0;
  }
}
@media screen and (min-width: 768px) {
  .index-ranking > .index__inner {
    padding: 14rem 0;
  }
}
@media screen and (max-width: 767px) {
  .index-ranking > .index__inner {
    padding: 7rem 0;
  }
}
@media screen and (min-width: 768px) {
  .index-product-list > .index__inner {
    padding: 7rem 0 14rem;
  }
}
@media screen and (max-width: 767px) {
  .index-product-list > .index__inner {
    padding: 2.5rem 0 7rem;
  }
}
.index__title {
  margin-bottom: 2.5rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .index-information .index__title {
    margin-bottom: 0;
  }
}

.index__title__main {
  position: relative;
  font-family: var(--heading-font-family);
  letter-spacing: var(---heading-font-spacing);
  line-height: 1;
  background: none;
}
@media screen and (min-width: 768px) {
  .index__title__main {
    font-size: 3rem;
  }
}
@media screen and (max-width: 767px) {
  .index__title__main {
    font-size: calc(var(--heading-font-size) / var(--base-font-size) * 100%);
  }
}
.c-bg-border .index__title__main {
  color: #ffffff;
  background: none;
}
.index__title__main::after {
  position: relative;
  display: block;
  content: "";
  bottom: 1px;
  left: 0;
  height: 1px;
  width: 0;
  background: var(--base-font-color);
  transition: width 0.25s ease-in-out;
}
.c-bg-border .index__title__main::after {
  background: #ffffff;
}
.index__title__main[aria-selected=true]::after {
  width: 100%;
}
.index__title__bold {
  display: block;
  font-family: var(--heading-font-family);
  color: #cc2c58;
  text-decoration: underline;
  line-height: 1.5;
}
@media screen and (max-width: 991px) {
  .index__title__bold {
    font-size: 1.2rem;
    margin-bottom: 2rem;
  }
}
@media screen and (min-width: 575px) {
  .index__title__bold {
    font-size: 1.5rem;
    margin-bottom: 1rem;
  }
}
.index__title__bold:hover, .index__title__bold:visited, .index__title__bold:active {
  color: #cc2c58;
  text-decoration: underline;
}
.index__title__sub {
  display: block;
  font-family: var(--heading-font-family);
}
@media screen and (max-width: 991px) {
  .index__title__sub {
    font-size: 1rem;
    margin-bottom: 2rem;
  }
}
@media screen and (max-width: 991px) {
  .index__title__sub {
    font-size: calc(var(--small-font-size) / var(--base-font-size) * 100%);
    margin-bottom: 1rem;
  }
}
.c-bg-border .index__title__sub {
  color: #ffffff;
}
.index__text-thin {
  margin-top: 3rem;
}
@media screen and (min-width: 768px) {
  .index__text-thin {
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 767px) {
  .index__text-thin {
    font-size: calc(var(--small-font-size) / var(--base-font-size) * 100%);
  }
}
.index__btn-area {
  margin-top: 3rem;
}
.index-product-list + .index__btn-area {
  margin-top: 0;
}

.c-bg-border .index__btn-area .index-more-btn {
  background-color: var(--base-gray-color);
}
.index-more-btn {
  display: block;
  margin: 0 auto;
  padding: 0 2rem;
  line-height: 2;
  letter-spacing: 0.1em;
  background-color: var(--base-gold-color);
  font-family: var(--heading-font-family);
  text-align: center;
  color: #ffffff !important;
}
@media screen and (min-width: 768px) {
  .index-more-btn {
    width: 25rem;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 767px) {
  .index-more-btn {
    width: 15rem;
    font-size: 1.2rem;
  }
}
.index-mv .home-mv .swiper-slide {
  position: relative;
  opacity: 0.5;
}
.index-mv .home-mv .swiper-slide.swiper-slide-active {
  opacity: 1;
}
@media screen and (min-width: 768px) {
  .index-mv .home-mv .swiper-slide {
    padding: 0 1rem;
  }
}
.index-mv .home-mv .swiper-slide img,
.index-mv .home-mv .swiper-slide video {
  width: 100%;
}
.index-mv .home-mv__header {
  position: absolute;
  bottom: min(calc(70 / 375 * 100vw), 45px);
  left: min(calc(30 / 375 * 100vw), 45px);
  color: #ffffff;
  letter-spacing: 0;
  opacity: 0;
}
@media screen and (min-width: 768px) {
  .index-mv .home-mv__header {
    width: 85%;
  }
}
@media screen and (max-width: 767px) {
  .index-mv .home-mv__header {
    width: calc(100vw - min(calc(60 / 375 * 100vw), 90%));
  }
}
.index-mv .swiper-slide-active .home-mv__header {
  animation: fadeUpAnime 0.5s ease 0s;
  animation-fill-mode: both;
}

.index-mv .c-color-bk .home-mv__heading,
.index-mv .c-color-bk .home-mv__sub-heading {
  color: #333333;
}

@media screen and (min-width: 768px) {
  .index-mv .home-mv__heading {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 767px) {
  .index-mv .home-mv__heading {
    font-size: calc(var(--base-font-size) / var(--base-font-size) * 100%);
  }
}
@media screen and (min-width: 768px) {
  .index-mv .home-mv__sub-heading {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 767px) {
  .index-mv .home-mv__sub-heading {
    font-size: calc(var(--small-font-size) / var(--base-font-size) * 100%);
  }
}
.index-mv .home-mv__button {
  margin-top: 1rem;
}
.index-mv .home-mv__button > a {
  background-color: #ffffff;
  color: #363636;
  padding: 0.5rem 1rem;
  font-size: calc(var(--small-font-size) / var(--base-font-size) * 100%);
  font-family: var(--text-font-family);
}
@media screen and (min-width: 768px) {
  .index-mv .home-mv .swiper-pagination {
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .index-mv .home-mv .swiper-pagination {
    text-align: left;
    margin-left: min(calc(30 / 375 * 100vw), 45px);
  }
}
.index-mv .home-mv .swiper-pagination .swiper-pagination-bullet {
  background: none;
  opacity: 1;
  border: 2px solid #ffffff;
}
.index-mv .home-mv .swiper-pagination .swiper-pagination-bullet-active {
  background: #ffffff;
  opacity: 1;
}
.index-infoBnr {
  padding-top: min(5.3333333333vw, 20px);
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .index-infoBnr {
    width: var(--container-md-width);
  }
}
@media screen and (max-width: 767px) {
  .index-infoBnr {
    width: 100%;
  }
}
.index-infoBnr img {
  width: 100%;
}
.index-brand {
  padding-top: min(5.3333333333vw, 20px);
}
.index-brand > ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .index-brand > ul {
    width: var(--container-md-width);
  }
}
@media screen and (max-width: 767px) {
  .index-brand > ul {
    width: 100%;
  }
}
.index-brand > ul > li {
  width: 50%;
}
.index-brand > ul.column3 > li {
  width: 33%;
}
.index-ranking .fs-p-heading--lv2 {
  display: none;
}
.index-ranking .fr3-item {
  position: relative;
}
.index-ranking .fr3-item__rankContainer {
  position: absolute;
  top: 5px;
  left: 5px;
}
@media screen and (max-width: 767px) {
  .index-ranking .fr3-productListCarousel {
    position: relative;
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 767px) {
  .index-ranking .fr3-productListCarousel__responsive_3 .fr3-productListCarousel__slide {
    flex: 0 0 calc((100% - 32px) / 2.5);
  }
}
@media screen and (max-width: 767px) {
  .index-ranking .fr3-productListCarousel__ButtonContainer {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    top: 50%;
    z-index: 2;
  }
  .index-ranking .fr3-productListCarousel__ButtonContainer:first-child {
    left: 0;
  }
  .index-ranking .fr3-productListCarousel__ButtonContainer:last-child {
    right: 0;
  }
}
.index-ranking .fr3-item__productPrice__currencyMark, .index-ranking .fr3-item__productPrice__value {
  font-size: 1.3rem;
  letter-spacing: 0.1em;
  line-height: 1;
}
.index-ranking .fr3-item__productPrice {
  padding: 0 0.5rem;
}
.index-ranking .fr3-item__productPrice__price {
  font-size: 0.9rem;
}
.main-pc .index-ranking .l-product-list .fs-c-productListItem {
  padding: 0 0.4rem;
  margin-bottom: 0;
}
.main-sp .index-ranking .l-product-list {
  display: flex;
  overflow-x: scroll;
  flex-wrap: nowrap;
}
.main-sp .index-ranking .l-product-list .fs-c-productListItem {
  margin-bottom: 0;
  width: 40vw;
  margin: 0 5px;
  padding-bottom: 1rem;
  flex-shrink: 0;
  padding: 0;
}
.index-ranking .slick-dots {
  margin-top: 1rem;
}
@media screen and (max-width: 767px) {
  .index-ranking .fs-c-productList__list.ranking-list {
    padding: 0 3rem;
  }
}
@media screen and (min-width: 768px) {
  .index-ranking .fs-c-productList__list.ranking-list {
    padding: 0 1rem;
  }
}
.index-ranking .fs-c-productList__list.ranking-list .slick-prev, .index-ranking .fs-c-productList__list.ranking-list .slick-next {
  z-index: 3;
}
.index-ranking .fs-c-productListItem {
  position: relative;
  font-size: var(--base-font-size);
}
.index-ranking .fs-c-productListItem .rank,
.index-ranking .fs-c-productListItem .ranking-icon__num {
  position: absolute;
  top: 5px;
  left: 1rem;
  font-size: 1rem;
  letter-spacing: 0;
  line-height: 1;
  color: #ffffff;
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .fr3-productListCarousel__responsive_1 .fr3-productListCarousel__slide {
    flex: 0 0 calc((100% - 16px) / 2.5) !important;
  }
}

.index-ranking .fr3-item__rank {
  color: #ffffff;
}

.index-ranking .fs-c-productListItem .rank-1,
.index-ranking .fr3-item__rank[data-item-rank="1"],
.index-ranking .ranking-icon__num[data-item-rank="1"] {
  background-color: #b9a96b;
}

.index-ranking .fs-c-productListItem .rank-2,
.index-ranking .fr3-item__rank[data-item-rank="2"],
.index-ranking .ranking-icon__num[data-item-rank="2"] {
  background-color: #a8a8a7;
}

.index-ranking .fs-c-productListItem .rank-3,
.index-ranking .fr3-item__rank[data-item-rank="3"],
.index-ranking .ranking-icon__num[data-item-rank="3"] {
  background-color: #775744;
}

.index-ranking .fs-c-productListItem .rank-4,
.index-ranking .fs-c-productListItem .rank-5,
.index-ranking .fs-c-productListItem .rank-6,
.index-ranking .fs-c-productListItem .rank-7,
.index-ranking .fs-c-productListItem .rank-8,
.index-ranking .fs-c-productListItem .rank-9,
.index-ranking .fs-c-productListItem .rank-10,
.index-ranking .fr3-item__rank[data-item-rank="4"],
.index-ranking .fr3-item__rank[data-item-rank="5"],
.index-ranking .fr3-item__rank[data-item-rank="6"],
.index-ranking .fr3-item__rank[data-item-rank="7"],
.index-ranking .fr3-item__rank[data-item-rank="8"],
.index-ranking .fr3-item__rank[data-item-rank="9"],
.index-ranking .fr3-item__rank[data-item-rank="10"],
.index-ranking .ranking-icon__num[data-item-rank="4"],
.index-ranking .ranking-icon__num[data-item-rank="5"],
.index-ranking .ranking-icon__num[data-item-rank="6"],
.index-ranking .ranking-icon__num[data-item-rank="7"],
.index-ranking .ranking-icon__num[data-item-rank="8"],
.index-ranking .ranking-icon__num[data-item-rank="9"],
.index-ranking .ranking-icon__num[data-item-rank="10"] {
  background-color: #535353;
}

.index-ranking .fs-c-productListItem .fs-c-productListItem__image {
  position: relative;
}
.index-ranking .fs-c-productListItem .fs-c-productListItem__image__image {
  -o-object-fit: cover;
     object-fit: cover;
  overflow: hidden;
  width: 100%;
  display: block;
}
.index-instagram .l-picture-list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
.index-instagram .l-picture-list__item {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 29.7777777778vw;
  overflow: hidden;
  border: 1px solid;
}
.index-instagram .l-picture-list .l-picture {
  width: 100%;
}
.index-instagram .l-picture-list .l-picture img,
.index-instagram .l-picture-list .l-picture video {
  vertical-align: middle;
}
.index-instagram .insta-list {
  margin-top: 3rem;
}
@media screen and (min-width: 768px) {
  .index-instagram .insta-list > ul {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
@media screen and (max-width: 767px) {
  .index-instagram .insta-list > ul {
    margin: 0 auto;
    padding: 0 4rem;
  }
}
@media screen and (max-width: 767px) {
  .index-instagram .insta-list > ul > li {
    margin-bottom: 1rem;
    border-bottom: 1px solid #ccc;
    padding: 0 1.5rem 1rem;
  }
  .index-instagram .insta-list > ul > li:last-child {
    border-bottom: none;
  }
}
.index-instagram .insta-list > ul > li > a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: auto;
}
.index-instagram .insta-list > ul > li > a > img {
  width: 70px;
}
.index-instagram .insta-list > ul > li > a > span {
  font-size: calc(12 / var(--base-font-size) * 100%);
  color: #ffffff;
  letter-spacing: 0.1em;
  margin-left: 1rem;
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .index-instagram .insta-list > ul > li > a > span {
    font-size: 1.5rem;
    line-height: 1;
  }
}
@media screen and (max-width: 767px) {
  .index-instagram .insta-list > ul > li > a > span {
    font-size: calc(12 / var(--base-font-size) * 100%);
  }
}
.index-article .fs-pt-column {
  display: block;
  max-width: var(--container-width);
}
@media screen and (min-width: 768px) {
  .index-article .fs-pt-column {
    display: flex;
  }
}
.index-article .fs-pt-column__item {
  display: table;
  position: relative;
  width: 100%;
  max-width: var(--container-width);
}
@media screen and (min-width: 768px) {
  .index-article .fs-pt-column__item {
    width: 50%;
  }
}
.index-article .fs-pt-column__image {
  display: table-cell;
  padding-right: 10px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .index-article .fs-pt-column__image {
    width: 160px;
  }
}
@media screen and (max-width: 767px) {
  .index-article .fs-pt-column__image {
    width: 100px;
  }
}
.index-article .fs-pt-column__image img {
  display: block;
  max-width: 100%;
  width: 100%;
  border: 1px solid #ccc;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px) {
  .index-article .fs-pt-column__image img {
    width: 150px;
    height: 198px;
  }
}
@media screen and (max-width: 767px) {
  .index-article .fs-pt-column__image img {
    width: 100px;
    height: 119px;
  }
}
.index-article .fs-pt-column__description {
  display: table-cell;
  vertical-align: middle;
  line-height: 1.5;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px) {
  .index-article .fs-pt-column__description {
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 767px) {
  .index-article .fs-pt-column__description {
    font-size: calc(var(--small-font-size) / var(--base-font-size) * 100%);
  }
}
.c-bg-border.index-article .fs-pt-column__item .fs-pt-column__description {
  color: #ffffff;
}

.index-article .fs-pt-column__description .bold {
  display: block;
  font-weight: bold;
}
.index-sfaffwearing .l-staffwearing-list .l-staffwearing-list__item {
  padding: 0.5rem;
}
.index-sfaffwearing .l-staffwearing-list .slick-dots {
  margin-top: 0;
}
.index-sfaffwearing .l-staffwearing-list .slick-dots li {
  width: 10px;
  height: 10px;
}
.index-sfaffwearing .l-staffwearing-list .slick-dots li button {
  width: 10px;
  height: 10px;
}
.index-sfaffwearing .l-staffwearing-list .slick-dots li button::before {
  width: 10px;
  height: 10px;
}
.index-feature .fs-pt-carousel__slide__caption {
  display: none;
}
.index-information .l-infomation-list > li > a {
  display: block;
  padding: 2rem 1.5rem;
  border-bottom: 1px solid var(--base-light-color);
}
.index-information .l-infomation-list > li > a > span {
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .index-information .l-infomation-list > li > a > span {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 767px) {
  .index-information .l-infomation-list > li > a > span {
    font-size: 1.2rem;
  }
}
.index-information .l-infomation-list > li > a .l-infomation__date {
  display: block;
}
.index-bnr .l-bnr-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.index-bnr .l-bnr-list > li {
  width: 50%;
}

.l-main-home .fs-l-pageMain {
  margin-bottom: 0;
}

.announce__anchor {
  display: block;
  padding: 1rem 1.5rem;
  border-bottom: 1px solid var(--base-light-color);
}
.announce__text {
  display: block;
}
@media screen and (min-width: 768px) {
  .announce__text {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 767px) {
  .announce__text {
    font-size: 1.2rem;
  }
}
@media screen and (min-width: 768px) {
  .announce__text-date {
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 767px) {
  .announce__text-date {
    font-size: 1rem;
  }
}
.announce__text-head {
  display: none;
}