/** Shopify CDN: Minification failed

Line 158:1 Unexpected "}"

**/
/* --------------------------------------------------
   JS実行前のレイアウト崩れ（縦並び）防止用プレースホルダー
-------------------------------------------------- */
/* スライダー化される予定の引用枠の初期化（ドットの高さも事前に確保） */
blockquote:has(strong img),
blockquote:has(img:nth-of-type(2)):not(:has(strong)) {
display: flex !important;
align-items: flex-start !important; /* 画像が下余白まで伸びるのを防ぐ */
overflow: hidden !important;
border: none !important;
/* ↓ ドット高さ(8px)+上マージン(24px)+ラッパー下余白(10px) = 合計42px を事前に確保 */
padding: 0 0 42px 0 !important;
margin: 0 !important;
background: transparent !important;
}
blockquote:has(strong img) p,
blockquote:has(img:nth-of-type(2)):not(:has(strong)) p {
margin: 0 !important;
}

/* 1. 全幅スライダー候補（strongが含まれる場合）の初期スタイル */
blockquote:has(strong img) {
width: 100vw !important;
margin-left: calc(50% - 50vw) !important;
}
blockquote:has(strong img) strong {
display: flex;
width: 100%;
gap: 24px;
padding: 0 15vw;
}
blockquote:has(strong img) img {
width: 70vw;
flex-shrink: 0;
aspect-ratio: 3/2;
object-fit: cover;
margin: 0 !important;
}

/* 2. inner幅スライダー候補（strongがない複数画像）の初期スタイル */
blockquote:has(img:nth-of-type(2)):not(:has(strong)) {
width: 100% !important;
gap: 0;
}
blockquote:has(img:nth-of-type(2)):not(:has(strong)) img {
width: 100%;
flex-shrink: 0;
aspect-ratio: 3/2;
object-fit: cover;
margin: 0 !important;
}

/* モバイル用の初期スタイル調整 */
@media screen and (max-width:767px){
blockquote:has(strong img) strong {
gap: 12px;
padding: 0 7.5vw;
}
blockquote:has(strong img) img {
width: 85vw;
}
}
/* -------------------------------------------------- */
.meirou-slider-wrapper{width:100vw;margin-left:calc(50% - 50vw);overflow:hidden;padding-bottom:32px;position:relative;}
.meirou-slider-wrapper.inner{width:100%;margin-left:0;}
.meirou-slider-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:24px;padding:0 15vw;cursor:grab;position:relative;}
.meirou-slider-track.is-dragging,.meirou-slider-track.is-animating{cursor:grabbing;scroll-snap-type:none;user-select:none;}
.meirou-slider-wrapper.inner .meirou-slider-track{padding:0;gap:0;}
.meirou-slider-track::-webkit-scrollbar{display:none;}
.meirou-slider-item{scroll-snap-align:center;flex:0 0 70vw;position:relative;}
.meirou-slider-wrapper.inner .meirou-slider-item{flex:0 0 100%;}
.meirou-slider-item-inner{position:relative;width:100%;padding-top:66.66%;}
.meirou-slider-item img{position:absolute;top:0;left:0;width:100%;height:100%;display:block;object-fit:cover;-webkit-user-drag:none;user-select:none;pointer-events:none;}
.meirou-slider-dots{display:flex;justify-content:center;gap:16px;margin-top:24px;}
.meirou-dot{width:8px;height:8px;border-radius:50%;background-color:#e0e0e0;cursor:pointer;border:none;padding:0;transition:background-color 0.3s ease;}
.meirou-dot.is-active{background-color:#1a1a1a;}
@media screen and (max-width:767px){
.meirou-slider-track{gap:12px;padding:0 7.5vw;}
.meirou-slider-item{flex:0 0 85vw;}
.meirou-slider-wrapper.inner .meirou-slider-track{padding:0;gap:0;}
.meirou-slider-wrapper.inner .meirou-slider-item{flex:0 0 100%;}
}



/* --- 追加：スライダーナビゲーションボタンのスタイル --- */
.meirou-slider-wrapper {
  position: relative; /* ボタンを絶対配置するために必須 */
}
/* --- スライダーナビゲーションボタン（基本設定） --- */
.meirou-slider-btn {
  position: absolute;
  top: calc(50% - 21px);
  z-index: 20;
  width: 40px;
  height: 40px;
  
  background: transparent;     
  border: 1px solid #ffffff;   /* 基本は円形（strongあり用） */
  border-radius: 50%;          
  color: #ffffff;              
  text-shadow: 0 2px 1px rgba(0, 0, 0, 0.6);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  transition: all 0.3s ease; 
}

.meirou-slider-btn:hover {
  background: rgba(255, 255, 255, 0.15); 
}

.meirou-slider-btn.is-hidden {
  opacity: 0;
  pointer-events: none;
}

/* 1. 全幅タイプ（strongあり）の場合：隣の画像に重ねる配置（円形） */
.meirou-slider-btn.prev { 
  left: 7.5vw; 
  transform: translate(-50%, -50%); 
}
.meirou-slider-btn.next { 
  right: 7.5vw; 
  transform: translate(50%, -50%); 
}

/* 2. innerタイプ（strongなし）の場合：内側に「矢印のみ」で配置 */
/* 円の枠線と背景のホバー効果を打ち消します */
.meirou-slider-wrapper.inner .meirou-slider-btn {
  border: none; 
}
.meirou-slider-wrapper.inner .meirou-slider-btn:hover {
  background: transparent; 
}
/* スライドの内側（端から10pxの位置）に配置します */
.meirou-slider-wrapper.inner .meirou-slider-btn.prev { 
  left: 10px; 
  transform: translateY(-50%); 
}
.meirou-slider-wrapper.inner .meirou-slider-btn.next { 
  right: 10px; 
  transform: translateY(-50%); 
}

/* 3. モバイルサイズ（767px以下）ではボタンを完全に非表示にする */
@media screen and (max-width: 767px) {
  .meirou-slider-btn { 
    display: none !important; 
  }
}}