@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;
}

/* =========================
   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; }

}


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

/* 「円」「税込」はゴシックに変更 */
#3260501 .price-unit-label,
#3260501 .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;
}

/* =========================
   商品詳細ボタンテキスト小さく
========================= */

#3260501 .temp-iw-btn-order-mov-lr span{
  font-size: 15px !important;
  letter-spacing: 0.02em;
}

/* SPはさらに少し小さく */
@media screen and (max-width: 767px){

  #3260501 .block-fashion-item-name{
    font-size: 20px !important;
  }

  #3260501 .block-fashion-item-price-selling-price{
    font-size: 20px !important;
  }

  #3260501 .temp-iw-btn-order-mov-lr span{
    font-size: 13px !important;
  }

}


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

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

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

#3260501 .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){

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

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

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

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

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

#3260501 *{
  box-sizing:border-box;
}

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

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

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

html,
body{
overflow-x:clip;
}

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

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

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

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

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

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

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

html,body{ overflow-x:clip; }

#3260501{ overflow-x:clip; }

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

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

}

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

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

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

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

}

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

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

}

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

#3260501 .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;
}

#3260501 .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) {
  #3260501 .custom-title-sub {
    font-size: 24px !important; /* 21pxから24pxに変更 */
    margin-bottom: 8px !important;
  }
  #3260501 .custom-title-main {
    font-size: 34px !important; /* 28pxから34pxに変更 */
  }
}

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