/* 6暖層ラグプラスページ */


/* ==========================================
   サイズ目安セクション スタイル
   ========================================== */
.size-guide-section {
  max-width: 1000px;
  margin: 40px auto;
  padding: 0 20px;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  color: #333;
}

/* タイトル部分：オレンジの文字 ＋ 左右のオレンジドット線 */
.section-title-wrap-box {
  text-align: center;
  margin: 50px auto 40px;
  padding: 25px 20px;
  background-color: #fcf9f5; /* ラグに馴染む薄い温かみのある背景 */
  border-top: 2px solid #e65c00;
  border-bottom: 2px solid #e65c00;
  max-width: 600px;
}


.section-title {
  font-size: 26px;
  font-weight: bold;
  color: #333;
  letter-spacing: 0.05em;
  margin: 0;
}

/* PC用グリッドレイアウト（2カラム） */
.size-guide-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px 40px;
}

/* 各カードアイテム */
.size-card {
  display: flex;
  align-items: center;
  gap: 20px;
  padding-bottom: 25px;
  border-bottom: 1px dotted #ccc;
}

/* 画像表示エリア */
.size-image-box {
  flex-shrink: 0;
  width: 140px;
  height: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.size-image-box img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

/* テキスト・バッジエリア */
.size-content {
  flex-grow: 1;
}

.size-description {
  font-size: 15px;
  font-weight: bold;
  color: #333;
  margin-bottom: 10px;
  line-height: 1.4;
}

/* バッジ部分 */
.size-badge-group {
  display: inline-flex;
  border-radius: 4px;
  overflow: hidden;
  font-size: 13px;
  font-weight: bold;
}

.size-label {
  background-color: #555;
  color: #fff;
  padding: 4px 10px;
}

.size-value {
  background-color: #fff;
  color: #e65c00;
  border: 1px solid #555;
  border-left: none;
  padding: 3px 12px;
}

/* ==========================================
   レスポンシブ対応（スマホ表示用）
   ========================================== */
@media screen and (max-width: 768px) {
  /* スマホ時は1カラムのFlexboxレイアウトに変更し、orderで並び替え */
  .size-guide-grid {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

  /* 【更新】円形（直径150cm）を一番上に配置し、以降をサイズ順に設定 */
  .size-item-round-bed { order: 1; } /* 直径150cm（ベッド） */
  .size-item-round-tv  { order: 2; } /* 直径150cm（TV） */
  .size-item-100-140   { order: 3; } /* 100×140cm */
  .size-item-140-200   { order: 4; } /* 140×200cm */
  .size-item-200-200   { order: 5; } /* 200×200cm */
  .size-item-200-250   { order: 6; } /* 200×250cm */

  .section-title-wrap::before,
  .section-title-wrap::after {
    width: 15%;
  }

  .section-title {
    font-size: 22px;
  }
}