@charset "UTF-8";
@import url(https://cdnjs.cloudflare.com/ajax/libs/Swiper/6.5.0/swiper-bundle.css);
/*  update 2023-05-22
-----------------------------------*/
section {
  width: 100%;
  box-sizing: border-box;
}

.fs-l-main {
  pading-bottom: 60px;
}
@media screen and (min-width: 600px) {
  .fs-l-main {
    pading-bottom: 100px;
  }
}
.fs-l-main .ttl1 {
  text-align: center;
  margin-bottom: 35px;
  font-size: 2.2rem;
  font-family: "Spartan", "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}
@media screen and (min-width: 600px) {
  .fs-l-main .ttl1 {
    margin-bottom: 25px;
    font-size: 2.8rem;
  }
}

/* ==============================================
	## 性別切替
=================================================*/
.gender-switching {
  width: 100%;
  padding-top: 15px;
  margin-bottom: 18px;
}
@media screen and (min-width: 600px) {
  .gender-switching {
    margin-bottom: 25px;
    padding-top: 0;
  }
}
.gender-switching ul {
  display: flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.gender-switching ul li {
  margin-left: 15px;
  margin-right: 15px;
  font-size: 1.2rem;
  font-weight: 500;
  border-bottom: 1px solid #fff;
  cursor: pointer;
}
@media screen and (min-width: 600px) {
  .gender-switching ul li {
    font-size: 1.3rem;
  }
}
.gender-switching ul li.active {
  border-bottom: 1px solid #333;
}
.gender-switching ul li:hover {
  border-bottom: 1px solid #333;
}

.gender-content .tab_panel {
  display: none;
}
.gender-content .tab_panel .ctm_mv .slider .ctm_access-raning .slider {
  display: none;
}
.gender-content .tab_panel.active {
  display: block;
}
.gender-content .tab_panel.active .ctm_mv .slider,
.gender-content .tab_panel.active .ctm_access-raning .slider {
  display: block;
}

/* ==============================================
 ### MV
=================================================*/
.ctm_mv {
  margin-bottom: 50px;
}
@media screen and (min-width: 600px) {
  .ctm_mv {
    margin-bottom: 100px;
  }
}
.ctm_mv .item img {
  width: 100%;
}
.ctm_mv a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.ctm_mv a:hover img {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.ctm_mv .slider {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  /* Arrows */
}
.ctm_mv .slider .slick-prev {
  position: absolute;
}
.ctm_mv .slider .slick-next {
  position: absolute;
}
.ctm_mv .slider .slick-arrow {
  cursor: pointer;
  z-index: 1;
  display: block;
  color: #fff;
  width: 10px;
  height: 10px;
  border-left: 1px solid #8d8d8d;
  border-top: 1px solid #8d8d8d;
  bottom: 15px;
	    top: auto;
}
.ctm_mv .slider .slick-arrow.slick-next {
  order: 3;
  left: auto;
  right: 20%;
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
@media screen and (min-width: 600px) {
  .ctm_mv .slider .slick-arrow.slick-next {
    left: auto;
    right: 38%;
  }
}
.ctm_mv .slider .slick-arrow.slick-prev {
  margin-right: 10px;
  order: 1;
  right: auto;
  left: 20%;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
@media screen and (min-width: 600px) {
  .ctm_mv .slider .slick-arrow.slick-prev {
    right: auto;
    left: 38%;
  }
}
.ctm_mv .slider .slide-dots {
  text-align: center;
  order: 4;
  display: inline-flex;
  flex-wrap: wrap;
  margin-left: auto;
  margin-right: auto;
}
.ctm_mv .slider .slide-dots li {
  padding: 15px 0 0;
}
.ctm_mv .slider .slide-dots li button {
  position: relative;
  text-indent: -9999px;
  width: 32px;
  height: 0;
  border: 2px solid #8d8d8d;
}
.ctm_mv .slider .slide-dots li button:before {
  content: '';
  font-size: 20px;
  text-indent: 0px;
  position: absolute;
  top: 0;
  left: 0;
}
.ctm_mv .slider .slide-dots li.slick-active button {
  border: 2px solid #333;
}

/* ==============================================
 ### FEATURE
=================================================*/
.ctm_feature {
  display: flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  flex-wrap: wrap;
  margin-bottom: 60px;
}
.ctm_feature .ctm_feature_ttl {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  position: -webkit-sticky;
  position: sticky;
  top: 62px;
  right: 0;
  width: 10%;
  align-self: start;
  font-size: 3.8rem;
  line-height: 1.3em;
}
@media screen and (min-width: 600px) {
  .ctm_feature .ctm_feature_ttl {
    font-size: 4.2rem;
    position: relative;
    top: auto;
    width: 42px;
  }
}
.ctm_feature .ctm_feature_body {
  width: 90%;
}
@media screen and (min-width: 600px) {
  .ctm_feature .ctm_feature_body {
    width: calc(100% - 42px);
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

.ctm_feature-main {
  margin-bottom: 30px;
}
@media screen and (min-width: 600px) {
  .ctm_feature-main {
    width: 39%;
  }
}
.ctm_feature-main a {
  display: block;
  position: relative;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-left: 60px;
}
.ctm_feature-main a .date-icon {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  width: 5%;
  padding: 5px;
}
.ctm_feature-main a .date-icon .icon:after {
  content: '';
  border-left: 1px solid #e8e8e8;
  width: 1px;
  height: 10px;
  display: inline-block;
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  margin-top: 3px;
}
.ctm_feature-main a .image {
  width: 93%;
}
.ctm_feature-main a .text {
  position: absolute;
  bottom: 40px;
  left: 0;
}

.ctm_feature-list {
  display: flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 35px;
}
@media screen and (min-width: 600px) {
  .ctm_feature-list {
    width: 60%;
  }
}
.ctm_feature-list .ctm_feature-item {
  width: 48%;
}
@media screen and (min-width: 600px) {
  .ctm_feature-list .ctm_feature-item {
    width: 32%;
  }
}
.ctm_feature-list .ctm_feature-item .image {
  margin-bottom: 10px;
}
.ctm_feature-list .ctm_feature-item .date-icon {
  margin-bottom: 10px;
}
.ctm_feature-list .ctm_feature-item:last-of-type {
  display: none;
}
@media screen and (min-width: 600px) {
  .ctm_feature-list .ctm_feature-item:last-of-type {
    display: block;
  }
}

/* ==============================================
 ### SILHOUETTE
=================================================*/
.ctm_silhouette {
  background-color: #f3f3f3;
  padding-top: 60px;
  padding-bottom: 60px;
  margin-bottom: 60px;
}
.ctm_silhouette .ctm_silhouette_imgbody {
  margin-bottom: 15px;
}
@media screen and (min-width: 600px) {
  .ctm_silhouette .ctm_silhouette_imgbody {
    margin-bottom: 30px;
  }
}
.ctm_silhouette .ctm_silhouette_imgbody .item a {
  display: block;
  padding: 0 30px;
  position: relative;
}
@media screen and (min-width: 600px) {
  .ctm_silhouette .ctm_silhouette_imgbody .item a {
    padding: 0 10px;
  }
}
.ctm_silhouette .ctm_silhouette_imgbody .item a:after {
  width: 100%;
  height: 50%;
  background-color: #dfe6eb;
  position: absolute;
  top: 30%;
  left: 0;
  content: '';
  display: block;
  z-index: 0;
  opacity: 0;
}
.ctm_silhouette .ctm_silhouette_imgbody .item .image {
  margin-bottom: 30px;
  z-index: 2;
  position: relative;
}
.ctm_silhouette .ctm_silhouette_imgbody .item.slick-current a:after {
  opacity: 1;
  transition: all 1s ease-out;
}
.ctm_silhouette .ctm_silhouette_imgbody .item.slick-current .typo_bg {
  width: 100%;
  height: 100%;
  z-index: 1;
  background-size: 100% auto;
  background-repeat: repeat-y;
  position: absolute;
  top: 0;
  left: 0;
  animation-name: sample01;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
}
@keyframes sample01 {
  0% {
    opacity: 0;
    transform: translateY(-100px);
  }
  50% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(0);
  }
}
.ctm_silhouette .ctm_silhouette_imgbody .item.womens_basic_patricia .typo_bg {
  background-image: url(https://yanuk.itembox.design/item/img/top/silhouette/typo/WOMEN-1-PATRICIA.svg);
}
.ctm_silhouette .ctm_silhouette_imgbody .item.womens_basic_ruth .typo_bg {
  background-image: url(https://yanuk.itembox.design/item/img/top/silhouette/typo/WOMEN-2-RUTH.svg);
}
.ctm_silhouette .ctm_silhouette_imgbody .item.womens_basic_annette .typo_bg {
  background-image: url(https://yanuk.itembox.design/item/img/top/silhouette/typo/WOMEN-3-ANNETTE.svg);
}
.ctm_silhouette .ctm_silhouette_imgbody .item.womens_basic_lea .typo_bg {
  background-image: url(https://yanuk.itembox.design/item/img/top/silhouette/typo/WOMEN-4-LEA.svg);
}
.ctm_silhouette .ctm_silhouette_imgbody .item.womens_pants_colleen .typo_bg {
  background-image: url(https://yanuk.itembox.design/item/img/top/silhouette/typo/WOMEN-5-COLLEEN.svg);
}
.ctm_silhouette .ctm_silhouette_imgbody .item.womens_basic_lilith .typo_bg {
  background-image: url(https://yanuk.itembox.design/item/img/top/silhouette/typo/WOMEN-6-LILITH.svg);
}
.ctm_silhouette .ctm_silhouette_imgbody .item.mens_denim_vincent .typo_bg {
  background-image: url(https://yanuk.itembox.design/item/img/top/silhouette/typo/MEN-1-VINCENT.svg);
}
.ctm_silhouette .ctm_silhouette_imgbody .item.mens_denim_neil .typo_bg {
  background-image: url(https://yanuk.itembox.design/item/img/top/silhouette/typo/MEN-2-NEIL.svg);
}
.ctm_silhouette .ctm_silhouette_imgbody .item.mens_pants_ben .typo_bg {
  background-image: url(https://yanuk.itembox.design/item/img/top/silhouette/typo/MEN-4-BEN.svg);
}
.ctm_silhouette .ctm_silhouette_imgbody .item.mens_pants_bruce .typo_bg {
  background-image: url(https://yanuk.itembox.design/item/img/top/silhouette/typo/MEN-3-BRUCE.svg);
}
.ctm_silhouette .ctm_silhouette_imgbody .item.mens_pants_resortjeans .typo_bg {
  background-image: url(https://yanuk.itembox.design/item/img/top/silhouette/typo/MEN-5-RESORTJEANS.svg);
}
.ctm_silhouette .ctm_silhouette_imgbody .item.womens_season_other .typo_bg {
  background-image: url(https://yanuk.itembox.design/item/img/top/silhouette/typo/OTHER.svg);
}
.ctm_silhouette .ctm_silhouette_imgbody .item.mens_pantsother .typo_bg {
  background-image: url(https://yanuk.itembox.design/item/img/top/silhouette/typo/OTHER.svg);
}
.ctm_silhouette .ctm_silhouette_imgbody .item.mens_denit .typo_bg {
  background-image: url(https://yanuk.itembox.design/item/img/top/silhouette/typo/DENIT.svg?d=20210824103842);
}
.ctm_silhouette .ctm_silhouette_imgbody .item.mens_michel .typo_bg {
  background-image: url(https://yanuk.itembox.design/item/img/top/silhouette/typo/MICHEL.svg);
}
.ctm_silhouette .ctm_silhouette_imgbody .item.mens_philip .typo_bg {
  background-image: url(https://yanuk.itembox.design/item/img/top/silhouette/typo/PHILIP.svg);
}
.ctm_silhouette .ctm_silhouette_imgbody .item.womens_flare_denim .typo_bg {
  background-image: url(https://yanuk.itembox.design/item/img/top/silhouette/typo/flare_denim11.svg);
}
.ctm_silhouette .ctm_silhouette_imgbody .item.mens_roomy .typo_bg {
  background-image: url(https://yanuk.itembox.design/item/img/top/silhouette/typo/MEN-6-ROOMY.svg);
}
.ctm_silhouette .ctm_silhouette_imgbody .item.womens_ann .typo_bg {
  background-image: url(https://yanuk.itembox.design/item/img/top/silhouette/typo/WOMEN-7-ANN.svg);
}
.ctm_silhouette .ctm_silhouette_imgbody .item.mens_winter-resort .typo_bg {
  background-image: url(https://yanuk.itembox.design/item/img/top/silhouette/typo/MEN-7-WINTER-RESORT.svg);
}
.ctm_silhouette .ctm_silhouette_imgbody .item.womens_basic_joan .typo_bg {
  background-image: url(https://yanuk.itembox.design/item/img/top/silhouette/typo/JOAN.svg);
}
.ctm_silhouette .ctm_silhouette_imgbody .item.mens_resort .typo_bg {
  background-image: url(https://yanuk.itembox.design/item/img/top/silhouette/typo/RESORT.svg);
}
.ctm_silhouette .ctm_silhouette_imgbody .item.womens_basic_loutse .typo_bg {
  background-image: url(https://yanuk.itembox.design/item/img/top/silhouette/2402_LOUISE.png?111);
}

.ctm_silhouette .ctm_silhouette_imgbody .item.womens_laura .typo_bg {
  background-image: url(https://yanuk.itembox.design/item/img/top/silhouette/typo/LAURA.png);
}

.ctm_silhouette .ctm_silhouette_imgbody .item.womens_BootsCut .typo_bg {
  background-image: url(https://yanuk.itembox.design/item/img/top/silhouette/typo/BootsCut.png);
}

.ctm_silhouette .ctm_silhouette_imgbody .item.mens_tully .typo_bg {
  background-image: url(https://yanuk.itembox.design/item/img/top/silhouette/typo/TULLY.png);
}

/* ------------------------------

25-01-30 追加
------------------------------- */

.ctm_silhouette .ctm_silhouette_imgbody .item.womens_KATE .typo_bg {
  background-image: url(https://yanuk.itembox.design/item/img/top/silhouette/typo/KATE.png);
}

.ctm_silhouette .ctm_silhouette_imgbody .item.mens_flair .typo_bg {
  background-image: url(https://yanuk.itembox.design/item/img/top/silhouette/typo/flare_denim11.svg);
}



.ctm_silhouette .ctm_silhouette_txbody .item .lead-text {
  text-align: center;
  display: block;
  margin-bottom: 20px;
  font-weight: 400;
}
@media screen and (min-width: 600px) {
  .ctm_silhouette .ctm_silhouette_txbody .item .lead-text {
    margin-bottom: 40px;
  }
}
.ctm_silhouette .ctm_silhouette_txbody .item .lead-text .lead {
  display: block;
  font-size: 1.2rem;
  margin-bottom: 10px;
}
.ctm_silhouette .ctm_silhouette_txbody .item .lead-text .text {
  font-size: 1.8rem;
}
.ctm_silhouette .ctm_silhouette_txbody .item .btn_viewmore {
  opacity: 0;
  transition: all 2s ease-out;
}
.ctm_silhouette .ctm_silhouette_txbody .item .btn_viewmore a {
  background-color: #fff;
}
.ctm_silhouette .ctm_silhouette_txbody .item .btn_viewmore a:hover {
  background-color: #252d42;
}
.ctm_silhouette .ctm_silhouette_txbody .item.slick-current .btn_viewmore {
  opacity: 1;
}
.ctm_silhouette .slider {
  width: 65%;
  margin-left: auto;
  margin-right: auto;
  /* Arrows */
}
@media screen and (min-width: 1000px) {
  .ctm_silhouette .slider {
    width: 200px;
  }
}
.ctm_silhouette .slider .slick-arrow {
  cursor: pointer;
  z-index: 1;
  width: 30px;
  height: 30px;
  z-index: 1;
  position: absolute;
  top: 20px;
}
.ctm_silhouette .slider .slick-arrow:before {
  content: '';
  width: 10px;
  height: 10px;
  border-left: 1px solid #8d8d8d;
  border-top: 1px solid #8d8d8d;
  display: block;
  position: absolute;
}
.ctm_silhouette .slider .slick-arrow.slick-next {
  right: -30px;
}
.ctm_silhouette .slider .slick-arrow.slick-next:before {
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  top: 50%;
  left: 50%;
}
.ctm_silhouette .slider .slick-arrow.slick-prev {
  left: -30px;
}
.ctm_silhouette .slider .slick-arrow.slick-prev:before {
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 50%;
  left: 50%;
}

/* ==============================================
 ### New Arrivals
=================================================*/
.ctm_new-arrival {
  margin-bottom: 60px;
}
.ctm_new-arrival .product-slicklist {
  padding-left: 2.6%;
  padding-right: 2.6%;
}
@media screen and (min-width: 600px) {
  .ctm_new-arrival .product-slicklist .item {
    width: 18%;
  }
  .ctm_new-arrival .product-slicklist .item:last-of-type {
    display: none;
  }
}
.ctm_new-arrival .product-slicklist .item a {
  position: relative;
  display: block;
}
.ctm_new-arrival .product-slicklist.slider {
  padding: 0;
  padding-left: 2.6%;
}
@media screen and (min-width: 600px) {
  .ctm_new-arrival .product-slicklist.slider {
    padding-left: 0;
  }
}
.ctm_new-arrival .product-slicklist .slick-list {
  padding: 0 10% 0 0 !important;
}
@media screen and (min-width: 600px) {
  .ctm_new-arrival .product-slicklist .slick-list {
    padding: 0 !important;
  }
}
.ctm_new-arrival .product-slicklist .slick-list .item {
  margin-right: .5%;
}
@media screen and (min-width: 600px) {
  .ctm_new-arrival .product-slicklist .slick-list .item {
    margin-right: 0;
    display: block;
  }
}
@media screen and (min-width: 600px) {
  .ctm_new-arrival .product-slicklist .slick-list .item a {
    padding-left: 5px;
    padding-right: 5px;
  }
}

/* ==============================================
 ### BEST SELLER
=================================================*/
.ctm_best-seller {
  background-color: #f3f3f3;
  padding-top: 60px;
  margin-bottom: 60px;
  padding-left: 2.6%;
  padding-right: 2.6%;
}
@media screen and (min-width: 600px) {
  .ctm_best-seller {
    padding-left: 10%;
    padding-right: 10%;
    padding-bottom: 60px;
  }
}
.ctm_best-seller .product-defaltlist .item:nth-of-type(3), .ctm_best-seller .product-defaltlist .item:nth-of-type(4), .ctm_best-seller .product-defaltlist .item:nth-of-type(5) {
  width: 32%;
}
.ctm_best-seller .product-defaltlist .item:first-of-type a:before {
  font-size: 2.4rem;
}
.ctm_best-seller .product-defaltlist .item:nth-of-type(2) a:before {
  font-size: 2.4rem;
}
.ctm_best-seller .product-defaltlist .item:nth-of-type(3) a:before {
  font-size: 1.8rem;
}
.ctm_best-seller .product-defaltlist .item:nth-of-type(4) a:before {
  font-size: 1.8rem;
}
.ctm_best-seller .product-defaltlist .item:nth-of-type(5) a:before {
  font-size: 1.8rem;
}
.ctm_best-seller .product-defaltlist .item:nth-of-type(6), .ctm_best-seller .product-defaltlist .item:nth-of-type(7) {
  display: none;
}
@media screen and (min-width: 600px) {
  .ctm_best-seller .product-defaltlist .item:first-of-type, .ctm_best-seller .product-defaltlist .item:nth-of-type(2), .ctm_best-seller .product-defaltlist .item:nth-of-type(3) {
    width: 32%;
  }
  .ctm_best-seller .product-defaltlist .item:nth-of-type(4), .ctm_best-seller .product-defaltlist .item:nth-of-type(5), .ctm_best-seller .product-defaltlist .item:nth-of-type(6), .ctm_best-seller .product-defaltlist .item:nth-of-type(7) {
    width: 24%;
    display: block;
  }
}

/* ==============================================
 ### ACCESS RANKING
=================================================*/
.ctm_access-raning {
  margin-bottom: 60px;
  padding-left: 2.6%;
}
@media screen and (min-width: 600px) {
  .ctm_access-raning {
    padding: 0;
  }
}
.ctm_access-raning .slick-list {
  padding: 0 10% 0 0 !important;
}
@media screen and (min-width: 600px) {
  .ctm_access-raning .slick-list {
    padding: 0 !important;
  }
}
.ctm_access-raning .item {
  margin-right: .5%;
}
@media screen and (min-width: 600px) {
  .ctm_access-raning .item {
    margin-right: 0;
  }
}
@media screen and (min-width: 600px) {
  .ctm_access-raning .item a {
    padding-left: 5px;
    padding-right: 5px;
  }
}
.ctm_access-raning .product-slicklist {
  display: flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

/* ==============================================
 ### NEWS
=================================================*/
.ctm_news {
  margin-bottom: 60px;
  padding-top: 60px;
  padding-bottom: 60px;
  background-color: #f3f3f3;
}
.ctm_news .itemlist {
  padding: 0 6.6%;
  margin-bottom: 30px;
}
@media screen and (min-width: 600px) {
  .ctm_news .itemlist {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: 5.5%;
    padding-right: 5.5%;
  }
}
.ctm_news .itemlist .item {
  margin-bottom: 10px;
}
@media screen and (min-width: 600px) {
  .ctm_news .itemlist .item {
    width: 24%;
  }
}
.ctm_news .itemlist .item:last-of-type {
  margin-bottom: 0;
}
.ctm_news .itemlist .item a {
  display: flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctm_news .itemlist .item a .image {
  width: 35%;
}
@media screen and (min-width: 600px) {
  .ctm_news .itemlist .item a .image {
    width: 100%;
  }
}
.ctm_news .itemlist .item a .txBlock {
  width: 58%;
}
@media screen and (min-width: 600px) {
  .ctm_news .itemlist .item a .txBlock {
    width: 100%;
  }
}
.ctm_news .itemlist .item a .date {
  font-size: 1rem;
}
.ctm_news .itemlist .item a .title {
  color: #333;
  font-size: 1.2rem;
}
@media screen and (min-width: 600px) {
  .ctm_news .itemlist .item a .title {
    font-size: 1.3rem;
  }
}

/* ==============================================
 ### INSTAGRAM
=================================================*/
.ttl1 .sns_accout {
  display: block;
  font-size: 1.1rem;
  text-align: center;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.ttl1 .sns_accout::before {
  content: '';
  width: 15px;
  height: 15px;
  background-image: url(https://yanuk.itembox.design/item/img/common/sns-instagram_black.svg);
  display: inline-block;
  margin-right: 10px;
}

.ctm_instagram {
  margin-bottom: 60px;
}
.ctm_instagram .itemlist {
  position: relative;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  flex-wrap: wrap;
  padding-bottom: 37px;
}
.ctm_instagram .itemlist::before {
  content: '';
  width: 93.7%;
  height: calc(100% - 25px);
  background-color: #f3f3f3;
  position: absolute;
  top: 25px;
  right: 0;
}
@media screen and (min-width: 600px) {
  .ctm_instagram .itemlist::before {
    width: 71%;
    height: 61%;
    left: 24.8%;
    right: auto;
    top: 23%;
  }
}
.ctm_instagram .itemlist .item {
  position: relative;
}
.ctm_instagram .itemlist .item:first-of-type {
  width: 55.3%;
  margin-bottom: 25px;
}
@media screen and (min-width: 600px) {
  .ctm_instagram .itemlist .item:first-of-type {
    width: 30%;
    margin-bottom: 30px;
  }
}
.ctm_instagram .itemlist .item:first-of-type a {
  display: block;
  width: 76%;
  margin-left: auto;
}
.ctm_instagram .itemlist .item:first-of-type img {
  width: 100%;
  /* height: 42vw; */
  /* object-fit: cover; */
}
@media screen and (min-width: 600px) and (max-width: 1240px) {
  .ctm_instagram .itemlist .item:first-of-type img {
    /* height: 22.8vw; */
  }
}
@media screen and (min-width: 1241px) {
  .ctm_instagram .itemlist .item:first-of-type img {
    /* height: 228px; */
  }
}
.ctm_instagram .itemlist .item:nth-of-type(2) {
  width: 44.7%;
}
@media screen and (min-width: 600px) {
  .ctm_instagram .itemlist .item:nth-of-type(2) {
    width: 22%;
  }
}
.ctm_instagram .itemlist .item:nth-of-type(2) a {
  display: block;
  width: 63.8%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 45px;
}
@media screen and (min-width: 600px) {
  .ctm_instagram .itemlist .item:nth-of-type(2) a {
    width: 70%;
    margin-top: 40px;
    margin-right: 0;
  }
}
.ctm_instagram .itemlist .item:nth-of-type(2) img {
  width: 100%;
  /* height: 28.5vw;
  object-fit: cover; */
}
@media screen and (min-width: 600px) and (max-width: 1240px) {
  .ctm_instagram .itemlist .item:nth-of-type(2) img {
    height: 14vw;
  }
}
@media screen and (min-width: 1241px) {
  .ctm_instagram .itemlist .item:nth-of-type(2) img {
    /* height: 154px; */
  }
}
.ctm_instagram .itemlist .item:nth-of-type(3) {
  width: 50%;
}
@media screen and (min-width: 600px) {
  .ctm_instagram .itemlist .item:nth-of-type(3) {
    width: 48%;
  }
}
.ctm_instagram .itemlist .item:nth-of-type(3) a {
  display: block;
  width: 73.6%;
}
@media screen and (min-width: 600px) {
  .ctm_instagram .itemlist .item:nth-of-type(3) a {
    width: 39%;
    margin-left: 14%;
    margin-top: 20px;
  }
}
.ctm_instagram .itemlist .item:nth-of-type(3) img {
  width: 100%;
  /* height: 36.8vw;
  object-fit: cover; */
}
@media screen and (min-width: 600px) and (max-width: 1240px) {
  .ctm_instagram .itemlist .item:nth-of-type(3) img {
    /* height: 18.7vw; */
  }
}
@media screen and (min-width: 1241px) {
  .ctm_instagram .itemlist .item:nth-of-type(3) img {
    /* height: 187px; */
  }
}
.ctm_instagram .itemlist .item:nth-of-type(4) {
  width: 50%;
}
@media screen and (min-width: 600px) {
  .ctm_instagram .itemlist .item:nth-of-type(4) {
    width: 40%;
  }
}
.ctm_instagram .itemlist .item:nth-of-type(4) a {
  display: block;
}
@media screen and (min-width: 600px) {
  .ctm_instagram .itemlist .item:nth-of-type(4) a {
    width: 68%;
    margin-left: auto;
  }
}
.ctm_instagram .itemlist .item:nth-of-type(4) img {
  width: 100%;
  /* height: 50vw;
  object-fit: cover; */
}
@media screen and (min-width: 600px) and (max-width: 1240px) {
  .ctm_instagram .itemlist .item:nth-of-type(4) img {
    /* height: 27.2vw; */
  }
}
@media screen and (min-width: 1241px) {
  .ctm_instagram .itemlist .item:nth-of-type(4) img {
    /* height: 272px; */
  }
}
.ctm_instagram .itemlist .item:nth-of-type(5) {
  width: 43.6%;
  margin-top: -20px;
}
@media screen and (min-width: 600px) {
  .ctm_instagram .itemlist .item:nth-of-type(5) {
    width: 25%;
    margin-top: 0;
    padding-top: 24px;
  }
}
.ctm_instagram .itemlist .item:nth-of-type(5) a {
  display: block;
  width: 77%;
  margin-left: auto;
}
.ctm_instagram .itemlist .item:nth-of-type(6) {
  width: 56.4%;
  margin-top: 30px;
  box-sizing: border-box;
  padding-left: 60px;
}
@media screen and (min-width: 600px) {
  .ctm_instagram .itemlist .item:nth-of-type(6) {
    width: 35%;
  }
}
.ctm_instagram .itemlist .item:nth-of-type(6) .txBlock {
  position: relative;
}
.ctm_instagram .itemlist .item:nth-of-type(6) .txBlock::before {
  content: '';
  width: 15px;
  height: 15px;
  background-image: url(https://yanuk.itembox.design/item/img/common/sns-instagram_black.svg);
  display: block;
  margin-bottom: 15px;
}
@media screen and (min-width: 600px) {
  .ctm_instagram .itemlist .item:nth-of-type(6) .txBlock::before {
    width: 22px;
    height: 22px;
  }
}
.ctm_instagram .itemlist .item:nth-of-type(6) .txBlock .text {
  font-size: 1.7rem;
  font-weight: 500;
  margin-bottom: 15px;
  display: block;
}
@media screen and (min-width: 600px) {
  .ctm_instagram .itemlist .item:nth-of-type(6) .txBlock .text {
    font-size: 2.4rem;
    margin-bottom: 20px;
  }
}
.ctm_instagram .itemlist .item:nth-of-type(6) .txBlock .btn_followus {
  display: block;
}
.ctm_instagram .itemlist .item:nth-of-type(6) .txBlock .btn_followus a {
  display: block;
  position: relative;
  line-height: 1;
  font-family: "Spartan", "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  color: #333;
  font-size: 1.1rem;
  line-height: 1em;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  flex-wrap: wrap;
}
.ctm_instagram .itemlist .item:nth-of-type(6) .txBlock .btn_followus a::after {
  width: 14px;
  height: 7px;
  margin-left: 10px;
  content: '';
  background-image: url(https://yanuk.itembox.design/item/img/common/arrow.svg);
}

/* ==============================================
 ### instagram_LIVE
=================================================*/
#instagram_LIVE {
  width: 88%;
  margin: 0 auto;
}

#instagram_LIVE li:nth-of-type(n+2),
#instagram_LIVE ul:nth-of-type(n+2),
#instagram_LIVE .label-wrap:nth-of-type(n+2),
#instagram_LIVE .archieve-list:nth-of-type(n+2) {
  display: none;
}

#instagram_LIVE .label-title {
  width: 130px;
  text-align: center;
  padding: 0 1rem;
  background-color: red;
  color: #fff;
  border-radius: 0.5rem;
  margin: 0 0 3rem;
}

#instagram_LIVE li a {
  display: flex;
  justify-content: center;
  margin: 1rem 0 6rem;
}

#instagram_LIVE .insta-thumbnail {
  margin-right: 4rem;
  height: 230px;
}

#instagram_LIVE .detail {
  padding-top: 4rem;
  width: 587px;
}

#instagram_LIVE .post-title {
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 1rem;
}

#instagram_LIVE .label-title.archive {
  background-color: #000;
}

@media screen and (max-width: 750px) {
  #instagram_LIVE {
    padding: 0 6.6%;
    width: 100%;
    margin: 0;
  }

  #instagram_LIVE .label-title {
    margin: 0px 0 3rem;
  }

  #instagram_LIVE .insta-thumbnail {
    margin-right: 0;
    height: auto;
  }

  #instagram_LIVE .img-wrap {
    margin-right: 1rem;
    width: 40%;
    height: auto;
  }

  #instagram_LIVE .detail {
    padding-top: 0;
    width: 100%;
  }

  #instagram_LIVE .post-title {
    font-size: 1.2rem;
  }
}
/* ==============================================
 ### STAFF SNAP
=================================================*/
.ctm_staff-snap {
  margin-bottom: 60px;
}
.ctm_staff-snap .itemlist {
  margin-bottom: 30px;
}
@media screen and (min-width: 600px) {
  .ctm_staff-snap .itemlist {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 600px) {
  .ctm_staff-snap .itemlist .item {
    width: 23%;
  }
}
.ctm_staff-snap .itemlist img {
  width: 100%;
  height: 33.33vw;
  object-fit: cover;
}
@media screen and (min-width: 600px) and (max-width: 1240px) {
  .ctm_staff-snap .itemlist img {
    height: 23vw;
  }
}
@media screen and (min-width: 1241px) {
  .ctm_staff-snap .itemlist img {
    height: 230px;
  }
}
.ctm_staff-snap .btn_followus {
  width: 200px;
  margin-left: auto;
  margin-right: auto;
}
.ctm_staff-snap .btn_followus a {
  display: block;
  position: relative;
  text-align: center;
  line-height: 1;
  font-family: "Spartan", "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  color: #333;
  font-size: 1.1rem;
  line-height: 1em;
}
.ctm_staff-snap .btn_followus a::after {
  width: 14px;
  height: 7px;
  content: '';
  background-image: url(https://yanuk.itembox.design/item/img/common/arrow.svg);
  right: 20px;
  top: 50%;
  margin-top: -5px;
  display: block;
  position: absolute;
}

/* ==============================================
 ### ABOUT YANUK
=================================================*/
.ctm_about-yanuk {
  background-image: url(https://yanuk.itembox.design/item/img/top/about_SP.jpg);
  background-size: 100%;
  background-repeat: no-repeat;
  padding-top: 5%;
  padding-bottom: 5%;
}
@media screen and (min-width: 1000px) {
  .ctm_about-yanuk {
    background-image: url(https://yanuk.itembox.design/item/img/top/about_PC.jpg);
  }
}
.ctm_about-yanuk .ctm_about-yanuk-wrap {
  margin-left: auto;
  margin-right: auto;
  max-width: 1000px;
}
@media screen and (min-width: 600px) {
  .ctm_about-yanuk .ctm_about-yanuk_body {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: 6.6%;
    padding-right: 6.6%;
  }
}
.ctm_about-yanuk .text {
  padding-left: 6.6%;
  padding-right: 6.6%;
  margin-bottom: 90px;
}
@media screen and (min-width: 600px) {
  .ctm_about-yanuk .text {
    width: 36%;
    padding: 0;
    margin-bottom: 0;
  }
}
.ctm_about-yanuk .ttl1 {
  text-align: left;
  font-size: 3rem;
  margin-bottom: 10px;
  line-height: 1;
  padding-left: 6.6%;
}
.ctm_about-yanuk .lead {
  font-size: 1.1rem;
  letter-spacing: .1em;
  margin-bottom: 40px;
  padding-left: 6.6%;
}
.ctm_about-yanuk p {
  font-size: 1.1rem;
  margin-bottom: 1em;
  line-height: 1.9em;
}
.ctm_about-yanuk p:last-of-type {
  margin-bottom: 0;
}
@media screen and (min-width: 600px) {
  .ctm_about-yanuk .moviebox {
    width: 50%;
  }
}
.ctm_about-yanuk .movie {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.ctm_about-yanuk .movie iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.ctm_browsing-history {
  padding-top: 80px;
}
@media screen and (min-width: 600px) {
  .ctm_browsing-history {
    padding-top: 120px;
  }
}

/*** 22/8/10 ****/
@media screen and (max-width: 900px) {
  .ctm_feature {
    padding-right: 1rem;
  }
}
/* ==============================================
 ### 23-05-22 BEST SELLER
=================================================*/
.ctm_best-seller .flywheel-recommend__frame .fs-p-heading--lv2 {
  display: none;
}
.ctm_best-seller .fr3-productListStatic {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0;
  padding: 0;
}
.ctm_best-seller .fr3-productListStatic .fr3-item {
  width: 48%;
  margin-bottom: 20px;
}
.ctm_best-seller .fr3-productListStatic .fr3-item:nth-of-type(3), .ctm_best-seller .fr3-productListStatic .fr3-item:nth-of-type(4), .ctm_best-seller .fr3-productListStatic .fr3-item:nth-of-type(5) {
  width: 32%;
}
.ctm_best-seller .fr3-productListStatic .fr3-item:nth-of-type(6), .ctm_best-seller .fr3-productListStatic .fr3-item:nth-of-type(7) {
  display: none;
}
@media screen and (min-width: 600px) {
  .ctm_best-seller .fr3-productListStatic .fr3-item:first-of-type, .ctm_best-seller .fr3-productListStatic .fr3-item:nth-of-type(2), .ctm_best-seller .fr3-productListStatic .fr3-item:nth-of-type(3) {
    width: 32%;
  }
  .ctm_best-seller .fr3-productListStatic .fr3-item:nth-of-type(4), .ctm_best-seller .fr3-productListStatic .fr3-item:nth-of-type(5), .ctm_best-seller .fr3-productListStatic .fr3-item:nth-of-type(6), .ctm_best-seller .fr3-productListStatic .fr3-item:nth-of-type(7) {
    width: 24%;
    display: block;
  }
}
.ctm_best-seller .fr3-productListStatic .fr3-item:first-of-type .fr3-item__link::before {
  content: "1";
}
.ctm_best-seller .fr3-productListStatic .fr3-item:nth-of-type(2) .fr3-item__link::before {
  content: "2";
}
.ctm_best-seller .fr3-productListStatic .fr3-item:nth-of-type(3) .fr3-item__link::before {
  content: "3";
}
.ctm_best-seller .fr3-productListStatic .fr3-item:nth-of-type(4) .fr3-item__link::before {
  content: "4";
}
.ctm_best-seller .fr3-productListStatic .fr3-item:nth-of-type(5) .fr3-item__link::before {
  content: "5";
}
.ctm_best-seller .fr3-productListStatic .fr3-item:nth-of-type(6) .fr3-item__link::before {
  content: "6";
}
.ctm_best-seller .fr3-productListStatic .fr3-item:nth-of-type(7) .fr3-item__link::before {
  content: "7";
}
.ctm_best-seller .fr3-item__rank {
  display: none;
}
.ctm_best-seller .fr3-item__link {
  display: flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  flex-wrap: wrap;
  flex-flow: wrap;
}
.ctm_best-seller .fr3-item__link:before {
  color: #b1b5cb;
  font-size: 1.8rem;
  order: 1;
  width: 15%;
  text-align: center;
}
.ctm_best-seller .fr3-item__link .fr3-item__productName {
  order: 2;
  width: 75%;
}
.ctm_best-seller .fr3-item__productName {
  display: block;
  color: #333;
  font-size: 1.2rem;
  margin-bottom: 10px;
  font-weight: 500;
  overflow: hidden;
  display: flex;
}
.ctm_best-seller .fr3-item__productPrice {
  padding-left: 20%;
}
.ctm_best-seller .fr3-item__productPrice .fr3-item__productPrice__currencyMark {
  font-size: 1.2rem;
}
.ctm_best-seller .fr3-item__productPrice .fr3-item__productPrice__value {
  font-size: 1.2rem;
}
.ctm_best-seller .fr3-item__productPrice .fr3-item__productPrice__addon {
  display: none;
}

/* ==============================================
 ### 23-05-22 ACCESS RANKING
=================================================*/
.ctm_access-raning.ctm202305 {
  padding-right: 2.6%;
}
@media screen and (min-width: 600px) {
  .ctm_access-raning.ctm202305 {
    padding-right: 0;
  }
}
.ctm_access-raning .flywheel-recommend__frame .fs-p-heading--lv2 {
  display: none;
}
.ctm_access-raning .fr3-productListStatic {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0;
  padding: 0;
}
.ctm_access-raning .fr3-productListStatic .fr3-item {
  width: 48%;
  margin-bottom: 20px;
}
@media screen and (min-width: 600px) {
  .ctm_access-raning .fr3-productListStatic .fr3-item {
    width: 18%;
  }
}
@media screen and (min-width: 600px) {
  .ctm_access-raning .fr3-productListStatic .fr3-item:nth-of-type(6) {
    display: none;
  }
}
.ctm_access-raning .fr3-item__rank {
  display: none;
}
.ctm_access-raning .fr3-item__link {
  display: flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  flex-wrap: wrap;
  flex-flow: wrap;
}
.ctm_access-raning .fr3-item__productName {
  display: block;
  color: #333;
  font-size: 1.2rem;
  margin-bottom: 10px;
  font-weight: 500;
  overflow: hidden;
  display: flex;
}
.ctm_access-raning .fr3-item__productPrice .fr3-item__productPrice__currencyMark {
  font-size: 1.2rem;
}
.ctm_access-raning .fr3-item__productPrice .fr3-item__productPrice__value {
  font-size: 1.2rem;
}
.ctm_access-raning .fr3-item__productPrice .fr3-item__productPrice__addon {
  display: none;
}