@charset "utf-8";
/* =========================
   共通スタイル（既存）
========================= */

.categorybox { margin-bottom: 100px !important; }

.mb100 { margin-bottom: 100px !important; }
.mb80  { margin-bottom: 80px !important; }
.mb60  { margin-bottom: 60px !important; }
.mb20  { margin-bottom: 20px !important; }
.mb10  { margin-bottom: 10px !important; }
.mt10  { margin-top: 10px !important; }

.boxhover img:hover {
  opacity: 0.5 !important;
}

.midashi1 {
  font-size: 35px;
  text-align: center;
  font-weight: bold;
}


.obi {
  text-align: center;
  padding: 20px 0;
}

.color04 {
  color: #ffffff;
}

.pc700 {
  padding-left: 250px;
  padding-right: 250px;
}

/* =====================================================
   ホバー効果
===================================================== */

.boxhover img:hover {
  opacity: 0.5 !important;
}

/* =========================
   SP用 共通調整
========================= */

@media screen and (max-width: 768px) {

  .pc700 {
    padding-left: 0;
    padding-right: 0;
  }

  .midashi1 { font-size: 18px !important; }
  .midashi2 { font-size: 17px !important; }
  .midashi3 { font-size: 15px !important; }
  .midashi4 { font-size: 15px !important; }
  .midashi5 { font-size: 14px !important; }

}


/* 数字 */
.price-value-label{
  font-size: 0.95em;
}

/* 「円」「税込」はゴシックに変更 */
.price-unit-label,
.tax-label{
  font-family:
    "Noto Sans JP",
    "Hiragino Kaku Gothic ProN",
    "Yu Gothic",
    Meiryo,
    sans-serif !important;
  font-weight: 400 !important;
  font-size: 0.75em;
}


/* ----------------------------
見出し（画像トンマナ寄せ）
-----------------------------*/

.iw-heading{
  text-align:center;
  margin:0 auto 36px;
}

.iw-lead{
  font-size:24px;
  font-weight:400;
  letter-spacing:0.08em;
  line-height:1.2;
  margin:0 0 3px;
  color:#333;
}

.iw-main{
  font-size:38px;
  font-weight:400;
  letter-spacing:0.05em;
  line-height:1.15;
  margin:0;
  color:#333;
}

/* SP */
@media screen and (max-width:768px){

.iw-lead{
  font-size:18px;
  margin-bottom:2px;
}

.iw-main{
  font-size:30px;
  line-height:1.18;
}

}
.iw-lead{
  font-weight:400;
}

.iw-main{
  font-weight:400;
}

img{
  max-width:100%;
  height:auto;
  display:block;
}

#3260708{
  box-sizing:border-box;
}

.swiper{
  overflow:hidden;
  max-width:100%;
}

.swiper-wrapper{
  max-width:100%;
}

.swiper-slide{
  max-width:100%;
}

html,
body{
overflow-x:clip;
}

#3260708{
overflow-x:clip;
max-width:100%;
}

/* SPで矢印がはみ出して揺れる対策 */
@media screen and (max-width:767px){

  .swiper-button-prev{
    left:8px;
  }

  .swiper-button-next{
    right:8px;
  }

  /* 念のため親でクリップ */
  .temp-iw-coordination-slider{
    overflow:hidden;
  }

}
.temp-iw-nav-img img{
width:100%;
display:block;
}

/* 削除：不要なマージン指定（ここで競合していました） */

html,body{ overflow-x:clip; }

#3260708{ overflow-x:clip; }

@media screen and (max-width:767px){

.temp-iw-nav-slider,
.temp-iw-nav-block,
.temp-iw-imgOverLink-block{
overflow:hidden;
}

}

@media screen and (max-width:767px){

.temp-iw-nav-slider .swiper-wrapper{
transform:translate3d(0,0,0);
max-width:100%;
}

.swiper{
touch-action:pan-y;
}

body{
position:relative;
width:100%;
}

}

@media screen and (min-width:768px){

.block-fashion-item-col1{
transform:scale(.93);
transform-origin:center top;
}

}

/* =========================
   見出しブロック：基本設定（絶対中央揃え・リセット）
========================= */
.custom-section-title {
  text-align: center !important;
  width: 100% !important;
  display: block !important;
  margin-bottom: 20px;
}

.custom-title-sub {
  font-size: 18px !important;
  margin-bottom: 0 !important;
  font-weight: 400 !important;
  text-align: center !important;
  line-height: 1.4 !important;
  display: block !important;
}

.custom-title-main {
  font-size: 22px !important;
  line-height: 1.4 !important;
  font-weight: 400 !important;
  margin-top: 0 !important;
  text-align: center !important;
  display: block !important;
}

/* =========================
   ① PCのみ：文字サイズを大きく
========================= */
@media screen and (min-width: 768px) {
  .custom-title-sub {
    font-size: 24px !important; /* 21pxから24pxに変更 */
    margin-bottom: 8px !important;
  }
  .custom-title-main {
    font-size: 34px !important; /* 28pxから34pxに変更 */
  }
}

@media screen and (max-width: 767px) {
  .intro-text {
    font-size: 15px !important; /* SPで少し小さく（数値はお好みで調整してください） */
  }
}

/* =========================
   インデックス
========================= */

.special-index-wrap{
  width:100% !important;
  max-width:900px !important;
  margin:30px auto 40px !important;
  padding:0 20px !important;

  display:flex !important;
  flex-direction:row !important;
  flex-wrap:wrap !important;
  justify-content:center !important;
  gap:20px !important;

  box-sizing:border-box !important;
}

.special-index-item{
  display:block !important;
  width:calc((100% - 40px) / 3) !important;
  max-width:286px !important;
  flex:0 0 calc((100% - 40px) / 3) !important;
}

.special-index-item img{
  width:100% !important;
  height:auto !important;
  display:block !important;
}


/* SP */
@media screen and (max-width:767px){

  .special-index-wrap{
    padding:0 12px !important;
    gap:12px !important;
  }

  .special-index-item{
    width:calc((100% - 12px) / 2) !important;
    flex:0 0 calc((100% - 12px) / 2) !important;
    max-width:none !important;
  }

  .special-index-item:nth-child(3){
    margin-left:auto !important;
    margin-right:auto !important;
  }

}