<style>
/* ===== spring_topicsvol2 ===== */
.spring_topicsvol2 {
	max-width: 950px;
	margin: 0 auto;
	line-height: 1.8;
	color: #333;
  }
  
  /* topバナー */
  .spring_topicsvol2-topbanner img{
	width: 100%;
	display: block;
  }
  
  /* h1エリア */
  .spring_topicsvol2-h1wrap{
	margin-top: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 20px;
  }
  
  .spring_topicsvol2-h1img{
	width: 60px;
  }
  
  .spring_topicsvol2-h1box{
	display: flex;
	align-items: center;
	justify-content: center;
  }
  
  .spring_topicsvol2-h1line{
	width: 2px;
	height: 40px;
	background: #333;
  }
  
  .spring_topicsvol2-h1box h1{
	margin: 0 15px;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
  }
  
  /* 特集説明エリア */
.spring_topicsvol2-desc{
	margin-top: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 20px;
  }
  
  .spring_topicsvol2-desc-img{
	width: 160px;
  }
  
  .spring_topicsvol2-desc-text{
	max-width: 600px;
	margin: 0;
	font-size: 16px;
	line-height: 2.0;
	font-weight: 500;
  }

  .spring_topicsvol2-hr{
	max-width: 1000px;
	height: 10px;
	background-color: #ece1ee;
	border: none;
	margin: 0px auto;
  }
  
  
  /* 目次 */
  .spring_topicsvol2-index{
	margin-top: 50px;
	margin-bottom: 50px;
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 2px;
	grid-auto-rows: 1fr;   /* ← 高さ統一の核心 */
  }

  /* 目次リンク化 */
.spring_topicsvol2-link{
	text-decoration: none;
	color: inherit;
	display: block;
  }
  
  .spring_topicsvol2-link:hover{
	text-decoration: none;
	color: inherit;
  }
  
  .spring_topicsvol2-link:visited{
	color: inherit;
  }
  
  /* 各box */
  .spring_topicsvol2-box{
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;   /* ← 切らずに全体表示 */
	width: 100%;
	min-height: 270px;          /* PC基準高さ（統一） */
	display: flex;
	flex-direction: column;
  }

  
  
  /* 上下比率 6:4 */
  .spring_topicsvol2-box-top{
	flex: 6;
	padding: 20px 8px 0;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
  }
  
  .spring_topicsvol2-box-bottom{
	flex: 4;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	margin-top: 0;   /* 念のため */
  }
  
  .spring_topicsvol2-box-bottom img{
	width: 80%;
	height: auto;
	display: block;
	margin: 0;
	padding: 0;
  }
  
  /* 上段テキスト構造 */
  .spring_topicsvol2-box-top p:first-child{
	text-align: center;
	margin: 5px 0;
	font-size: 13px;
  }
  
  .spring_topicsvol2-box-top h2{
	margin: 0;
	font-size: 13px;
	font-weight: bold;
	line-height: 1.4;
	text-align: center;
  }
  
  .index_number {
	font-family: serif;
	font-weight: bold;
	font-size: 18px;
  }

  .spring_topicsvol2_index_text{
	font-size: 12px;
	line-height: 1.4;
	margin: 10px auto;     /* 中央寄せ */
	text-align: left;   /* 左揃え維持 */
	width: fit-content; /* または固定幅/max-width */
	max-width: 160px;
  }

  /* ===== 新カラム ===== */
.spring_topicsvol2-column,
.spring_topicsvol2-column_pink {
	width: 100%;
	max-width: 950px;
	margin: 50px auto 0;
	background-size: cover;
	background-position: center;
	padding: 40px 30px;
	box-sizing: border-box;
	height: 584px;
  }

  .tax_text {
	font-size: 12px;
	color: #f15c6b;
  }

  .free_shipping_badge{
	display: inline-flex;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	align-items: center;
	justify-content: center;
	margin-right: 5px;
	padding: 1px 8px;
	background: #f15c6b;
	border-radius: 10%;
  }

  .topics_top_number{
	font-family: serif;
	font-weight: 600;
	font-size: 30px;
	text-align: center;
	margin: 15px;  /* ← 数字の下に余白（＝次要素との上間隔） */
	color: #000;
  }

.spring_topicsvol2-column_last h2,
.spring_topicsvol2-column h2,
.spring_topicsvol2-column_pink h2 {
	text-align: center;
	margin: 30px 0 5px;
	font-size: 22px;
	font-weight: bold;
color: #333;
  }

  .spring_topicsvol2-column_waterlily_last h2 {
	text-align: center;
	margin: 20px 0 5px;
	font-size: 22px;
	font-weight: bold;
color: #333;
  }

  
  /* 横並び2box①（6：4） */
  .spring_topicsvol2-row1{
	display: grid;
	grid-template-columns: 6.5fr 3.5fr;
	gap: 10px;
  }
  
  /* 左box（中に②構造） */
  .spring_topicsvol2-left{
	display: grid;
	grid-template-columns: 3fr 7fr; /* 横並び2box②（3：7） */
	gap: 20px;
	margin-left: 20px;
  }
  
  /* 左box② 左（img→p→img→p） */
  .spring_topicsvol2-left-sub{
	display: flex;
	flex-direction: column;
	gap: 3px;
	margin-bottom: 20px;
  }
  
  .spring_topicsvol2-left-sub img{
	width: 95%;
	display: block;
  }
  
  .spring_topicsvol2-left-sub p{
	margin: 0;
	font-size: 13px;
	text-align: center;
	font-weight: bold;
	line-height: 1.4;
  }
  
  /* 左box② 右（p＋ボタン） */
  .spring_topicsvol2-left-main{
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	gap: 15px;
	padding: 20px 0 0 0;
  }
  
  .spring_topicsvol2-left-main p{
	margin: 0;
	font-size: 16px;
	line-height: 2.0;
	text-align: left;
  }
  
  /* ボタン */
  .spring_topicsvol2-btn{
	width: fit-content;
	padding: 10px 22px;
	background: #fff;
	color: #333;
	text-decoration: none;
	font-size: 13px;
	transition: 0.3s;
	border-radius: 999px;
	font-weight: bold;
	border: 1px #333 solid;
	margin-left: 5px;
  }
  
  /* 押した後・訪問後も色を変えない */
.spring_topicsvol2-btn:visited,
.spring_topicsvol2-btn:active {
  color: #333;
  text-decoration: none;
}

.spring_topicsvol2-btn:hover{
	background: #333;   /* hover色 */
	color: #fff;
  }

  .spring_topicsvol2-right {
	margin-bottom: 20px;
	display: flex;
	align-items: center;
  }

  /* 横並び2box① 右（imgのみ） */
  .spring_topicsvol2-right img{
	width: 100%;
	display: block;
  }
  
  .campain_under_line {
	font-weight: bold;
	background: linear-gradient(transparent 60%, #f18e98 60%);
  }

  .spring2026_price_small {
    font-size: 12px;
}

.spring2026_price {
    color: #f15c6b;
    font-weight: bold;
    padding: 0 5px;
	display: inline-block;
	margin-bottom: 10px;
	font-size: 18px;
}

.spring2026_campainprice {
    color: #f15c6b;
    font-weight: bold;
    padding: 0 10px 0 0px;
	display: inline-block;
font-size: 18px;
}


/* ===== 新カラム② ===== */
.spring_topicsvol2-subcolumn{
	max-width: 950px;
	margin: 60px auto 0;
	display: grid;
	grid-template-columns: 1fr 1fr; /* 左右2box */
	gap: 30px;
  }
  
  /* 外枠box */
  .spring_topicsvol2-subbox{
	border: 3px solid #ece1ee;
	display: flex;
	flex-direction: column;
	position: relative;
	overflow: visible;
  }

  /* 外枠box */
  .spring_topicsvol2-subbox_pink {
	border: 3px solid #fdf2f3;
	display: flex;
	flex-direction: column;
	position: relative;
	overflow: visible;
  }

  
  /* 上下比率 7:3 */
  .spring_topicsvol2-subbox-top{
	flex: 7;
  }
  
  .spring_topicsvol2-subbox-top img{
	width: 100%;
	display: block;
  }
  
  /* 区切り線 */
  .spring_topicsvol2-subbox-line{
	height: 3px;
	background: #ece1ee;
	width: 100%;
  }

  /* 区切り線 */
  .spring_topicsvol2-subbox-line_pink{
	height: 3px;
	background: #fdf2f3;
	width: 100%;
  }
  
  /* 下段 */
  .spring_topicsvol2-subbox-bottom{
	flex: 3;
	display: grid;
	grid-template-columns: 6.5fr 3.5fr; /* 左右比率 6.5:3.5 */
	align-items: center;
	padding: 10px 15px 0 15px;
	box-sizing: border-box;
	position: relative;
  }
  
  /* 左（h3 + p） */
  .spring_topicsvol2-subbox-text h3{
	margin: 0 0 8px;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.4;
	color: #333;
  }
  
  .spring_topicsvol2-subbox-text p{
	margin: 0;
	font-size: 14px;
	line-height: 1.4;
	padding-bottom: 10px;
  }
  
  /* 右（img：実線にかぶせる） */
  .spring_topicsvol2-subbox-img{
	position: relative;
  }
  
  .spring_topicsvol2-subbox-img img{
	width: 100%;
	display: block;
	position: relative;
	top: 0px;   /* ← 実線の上にかぶせる */
	z-index: 2;
  }

  .spring_topicsvol2-column_last {
	max-width: 950px;
	margin: 50px auto 0;
	border: 3px solid #ece1ee;
  }

  .spring2026_topics_hasu-bg {
	background-image: url(https://tojaku.itembox.design/item/image/hasu_rekomend_back.jpg?d=20260129160328);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;          /* ← PCと同じ見え方 */
  }

  .spring2026_topics_titlle{
	font-size: 30px;
	font-weight: bold;
	margin: 50px 10px;
	display: inline-flex;
	align-items: center;
	gap: 15px;
  }

  
  
  .spring2026_topics_titlle{
	font-size: 30px;
	font-weight: bold;
	margin: 50px 10px;
	position: relative;
	z-index: 2;
	padding: 30px;                 /* 文字まわり余白 */
	background-repeat: no-repeat;
	background-position: calc(100% - 60px) center;
	background-size: contain;           /* or cover */
	display: inline-block;
	overflow: hidden;
  }

  /* 白い紗レイヤー */
.spring2026_topics_titlle::before{
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(255,255,255,0.55); /* ← 白の紗（透明度調整） */
	z-index: -1;
  }
  
  
  
  /* 中身 */
  .spring2026_topics_hasu,
  .spring2026_topics_waterlily {
	max-width: 950px;
	margin: 0 auto;
	padding: 60px 0 20px;
  }

  .spring2026_topics_waterlily {
	background-color: #fdf2f3;
  }

  .spring2026_topics_hasu-wrapper {
	width: 100%;
	max-width: 950px;
	margin: 20px auto 0;
	padding: 0 40px;
	box-sizing: border-box;
  }
  
  /* 横並び（左右 1:1） */
  .spring2026_topics_hasu-box {
	display: flex;
	gap: 5px;
	align-items: center;
  }
  
  /* テキスト */
  .spring2026_topics_hasu-text,
  .spring2026_topics_waterlily-text {
	flex: 1;
	padding: 20px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	line-height: 2.2;
	color: #333;
  }
  
  .spring2026_topics_hasu-text h2,
  .spring2026_topics_waterlily-text h2 {
	position: relative;
	font-size: 26px;
	font-weight: bold;
	border-bottom: 3px solid #333;
	max-width: 350px;
	margin-bottom: 20px;
	padding-left: 10px;
  }
  
  .spring2026_topics_hasu-kana {
	font-size: 16px;
	font-weight: normal;
  }
  
  .spring2026_topics_hasu-text p {
	font-size: 16px;
	font-weight: 400;
  }
  
  /* 画像 */
  .spring2026_topics_hasu-image {
	flex: 1;
	position: relative;
	overflow: hidden;
	min-height: 200px;
	display: flex;
	justify-content: center;   /* 横中央 */
	align-items: center;       /* 縦中央 */
  }
  
  .spring2026_topics_hasu-image img {
	width: 100%;
	height: auto;
	object-fit: cover;
	display: block;
  }

  .spring2026_topics_hasu-icon_color_red {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 55px;
	height: 20px;
	margin: 10px 5px;
	border-radius: 10%;
	background: #f15c6b;   /* 紅系 */
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	line-height: 1;
	padding: 2px 0;
	vertical-align: middle;
  }
  
  .spring2026_topics_hasu-icon_size {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 75px;
	height: 20px;
	margin: 10px 5px;
	border-radius: 10%;
	background: #f15c6b;   /* 紅系 */
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	line-height: 1;
	padding: 2px;
	vertical-align: middle;
  }

  .spring2026_topics_hasu-icon_color_white {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 55px;
	height: 20px;
	margin: 10px 5px;
	border-radius: 10%;
	background: #fff;   /* 紅系 */
	color: #333;
	font-weight: bold;
	font-size: 14px;
	line-height: 1;
	padding: 2px 0;
	vertical-align: middle;
	border: 1px solid #333;
  }
  
  .spring2026_topics_hasu-icon_color_tsumabeni {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 80px;
	height: 20px;
	margin: 10px 5px;
	border-radius: 10%;
	background: #fff;   /* 紅系 */
	color: #f15c6b;
	font-weight: bold;
	font-size: 14px;
	line-height: 1;
	padding: 2px 0;
	vertical-align: middle;
	border: 1px solid #f15c6b;
  }

  .spring_topicsvol2-column_waterlily_last {
	max-width: 950px;
	margin: 50px auto 0;
	border: 3px solid #fdf2f3;
  }
  
  /* 横並び2box①（1：1） */
  .spring_topicsvol2-row1_waterlily_last {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
	margin: 20px 40px;
	padding-bottom: 20px;

  }

  /* waterlily中身構造 */
.spring_topicsvol2-left_waterlily{
	display: flex;
	flex-direction: column;
	gap: 0px;
  }
  
  /* 上段テキスト */
  .spring_topicsvol2-left_waterlily > p{
	margin: 0;
	font-size: 16px;
	line-height: 1.8;
	padding: 10px 10px 0;
  }
  
  /* 画像4つ横並び */
  .spring_topicsvol2-waterlily-imgs{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 5px;
	margin: 20px 0 0;
  }
  
  .spring_topicsvol2-waterlily-item{
	text-align: center;
  }
  
  .spring_topicsvol2-waterlily-item img{
	width: 100%;
	aspect-ratio: 1 / 1;     /* 正円維持 */
	object-fit: cover;      /* はみ出し防止 */
	border-radius: 50%;     /* ← 円形 */
	display: block;
  }
  
.spring2026_topics_slider p {
font-size:22px;
font-weight: bold;
margin: 0 20px;
}

  /* 注釈テキスト */
  .spring_topicsvol2-waterlily-item p{
	margin: 6px 0 0;
	font-size: 16px;
	line-height: 1.4;
  }
  
  /* 価格＋more */
  .spring_topicsvol2-waterlily-footer {
	display: block;
	margin-top: 10px;
  }

  

  .spring_topicsvol2-column_short,
  .spring_topicsvol2-column_short_pink {
	max-width: 950px;
	margin: 50px auto 0;
	background-size: cover;
	background-position: center;
	padding: 40px 30px;
	box-sizing: border-box;
	width: 100%;
	height: 284px;

	/* 中央配置 */
	display: flex;
	flex-direction: column;
	justify-content: center;   /* 縦中央 */
	align-items: center;       /* 横中央 */
	text-align: center;        /* 文字中央 */
}

/* テキスト装飾（任意調整用） */
.spring_topicsvol2-column_short p,
.spring_topicsvol2-column_short_pink p {
	margin: 8px 0;
}

.spring_topicsvol2-column_short h2,
.spring_topicsvol2-column_short_pink h2 {
font-size: 22px;
color: #333;
font-weight: bold;
text-align: center;
}

.spring2026_topics_block{
	width: 100%;
	max-width: 950px;
	margin: 0 auto;
  }
  
  /* 背景付き見出しブロック */
  .spring2026_topics_bg{
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 20px;
  }

  .spring2026_topics_titlle_kakitsu {
	font-size: 30px;
	font-weight: bold;
	margin: 50px 10px;
	display: inline-flex;
	align-items: center;
	gap: 15px;
  }
  
  /* スライダー領域パープル */
  .spring2026_topics_slider{
	margin: 0 0 10px;
	width: 100%;
padding: 30px 0;
  }

  .spring_topicsvol2-subbox a,
  .spring_topicsvol2-subbox_pink a,
  .arrange_3box-box a,
.spring2026_lasttext a {
	color: inherit;            /* 親の文字色を継承 */
  text-decoration: none;  
  }

   /* 下段 */
   .spring_topicsvol2-subbox-bottom_soil {
	flex: 3;
	display: grid;
	grid-template-columns: 1fr 1fr; /* 左右比率 1:1 */
	align-items: center;
	padding: 10px 15px;
	box-sizing: border-box;
	position: relative;
  }
  
  .spring_topicsvol2-title_wrap{
	display: flex;
	align-items: center;      /* 縦中央 */
	justify-content: center;  /* 全体中央 */
	gap: 12px;
	margin: 20px;
  }

  /* タイトル全体 */
.spring_topicsvol2-arrange_wrap{
	text-align: center;
	margin-bottom: 20px;
  }
  
  /* サブタイトル */
  .spring_topicsvol2-subtitle{
	margin: 30px 0 0;
	font-size: 16px;
	color: #333;
	letter-spacing: 0.05em;
  }
  
  /* NEW + h2 横並び */
  .spring_topicsvol2-title_row{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
  }
  
  /* NEW円バッジ */
  .spring_topicsvol2-newbadge{
	width: 68px;
	height: 68px;
	border-radius: 50%;
	background-color: #22ac38;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	font-weight: bold;
	line-height: 1;
	flex-shrink: 0;
  }

  .spring_topicsvol2-title_row h2.spring_topicsvol2-title {
  margin: 0!important;
	padding: 0;
	text-align: center;
	color: #333;
}
  
 
  /* 横並び2box①（1：1） */
  .spring_topicsvol2-row1_arrange_last {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
	margin: 0px;
	padding-bottom: 0px;
  }

  .spring_topicsvol2-left_waterlily h3 {
	margin: 0 10px;
	color: #333;
font-weight: bold;
line-height: 1.4;
  }

  /* 親を基準にする */
.spring_topicsvol2-left_waterlily{
	position: relative;
  }
  
  /* 右下配置img */
  .spring_topicsvol2-left-floatimg{
	position: absolute;
	left: 150px;
	bottom: 20px;
	width: 100px;     /* サイズ調整 */
	height: auto;
	z-index: 2;
	pointer-events: none;  /* クリック干渉防止 */
  }

  .arrange_3box-container{
	max-width: 950px;
	margin: 60px auto;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;  /* 1:1:1 */
	gap: 5px;
  }
  
  .arrange_3box-box{
	border: 3px solid #ede1ef;
	display: grid;
	grid-template-rows: 6fr 4fr;   /* 上下比率固定 6:4 */
	height: 540px;
  }
  
  /* 上段 */
  .arrange_3box-top{
	padding: 15px;
	text-align: center;
	overflow: hidden;             /* はみ出し防止 */
  }
  
  .arrange_3box-top img{
	width: 100%;
	height: auto;
	display: block;
  }

  .mobile_only {
	display: none;
  }

  /* PC時：改行を無効化（余白防止） */
.topics_top_number br,
.spring_topicsvol2-title_jouka br {
	display: none;
  }

  .arrange_3box-price{
	font-weight: bold;
	font-size: 18px;
	color: #f15c6b;
	padding: 0 5px;
  }

  /* 下段 */
.arrange_3box-bottom{
	flex: 3;
	padding: 10px 15px;
	border-top: 3px solid #ede1ef;   /* 上下境目ライン */
	display: flex;
	flex-direction: column;         /* 縦並び */
	gap: 10px;
  }
  
  .arrange_3box-bottom p{
	margin: 0;
	font-size: 14px;
	line-height: 1.4;
	color: #333;
  }

  .arrange_3box-bottom h3 {
	margin: 0;
	color: #333;
	font-size: 16px;
	line-height: 1.4;
font-weight: bold;
  }

  /* 右下配置img */
  .spring_topicsvol2-left-floatimg_stone {
	position: absolute;
	left: 100px;
	bottom: 25px;
	width: 50%;     /* サイズ調整 */
	height: auto;
	z-index: 2;
	pointer-events: none;  /* クリック干渉防止 */
  }

  .spring_topicsvol2-left_waterlily .stone_text {
	padding: 10px;
  }

  /* 右下配置img */
  .spring_topicsvol2-left-floatimg_grass {
	position: absolute;
	left: 140px;
	bottom: 25px;
	width: 110px;     /* サイズ調整 */
	height: auto;
	z-index: 2;
	pointer-events: none;  /* クリック干渉防止 */
  }

  .spring2026_lasttext {
	display: flex;
	justify-content: center;  /* 横中央 */
	margin: 50px auto;
	text-align: center;
  }
  
  .spring2026_lasttext p {
	font-size: 40px;
	color: #333;
	font-weight: bold;
	margin: 0;               /* 余白リセット */
  }

  .spring_topicsvol2-title br{
	display: none;
  }

.spring_topicsvol2-title_row h2.spring_topicsvol2-title_jouka{
  margin: 10px 0 !important;
  padding: 0;
  text-align: center;
  color: #333;
}

.spring2026_lastbtn{
  display: flex;
  justify-content: center;
  margin: 60px auto;
}

.spring2026_lastbtn a{
  display: inline-block;
  padding: 14px 42px;
  background: #ede1ef;
  color: #7A6F76;
  text-decoration: none;
  font-size: 18px;
  font-weight: 600;
  border-radius: 50px;
  transition: 0.25s ease;
  letter-spacing: 0.03em;
}

/* hover */
.spring2026_lastbtn a:hover{
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(0,0,0,0.08);
}

/* 文字色固定 */
.spring2026_lastbtn a:visited,
.spring2026_lastbtn a:active{
  color: #7A6F76;
}

/* ===== レスポンシブ ===== */
  
@media (max-width: 768px){
.spring_topicsvol2 {
	width: 100%;
}

.spring_topicsvol2-desc-img {
display: none;
}

.spring_topicsvol2-desc-text{
	max-width: 100%;
	font-size: 16px;
	line-height: 1.8;
	font-weight: bold;
	padding: 0 10px 30px;
  }

  .spring_topicsvol2-h1line{
	width: 1px;
	height: 30px;
  }
  
  .spring_topicsvol2-h1box h1{
	font-size: 22px;
  }

  .spring_topicsvol2-h1wrap{
	margin-top: 30px;
  }

   /* 目次 */
   .spring_topicsvol2-index{
    margin: 20px 0;
    display: flex;          /* grid → flex */
    flex-wrap: wrap;        /* 折り返し */
    gap: 6px;
  }

  /* 1boxの幅指定（2列表示） */
  .spring_topicsvol2-index > *{
    width: calc(50% - 6px);   /* 横2box */
  }

  .spring_topicsvol2-box{
    min-height: 330px;        /* スマホ用高さ統一 */
  }

  .spring_topicsvol2-hr{
	display: none;
  }

  /* 背景は触らない */
  .spring_topicsvol2-box{
    background-size: cover;
  }

  /* box-bottom内の画像だけ縮小 */
  .spring_topicsvol2-box-bottom img{
	width: 90%;
    height: auto;
    object-fit: contain;

  }

  .spring_topicsvol2-box-top p:first-child {
	margin: 10px 0 0;
  }

  .spring_topicsvol2-box-top h2 {
	font-size: 16px;
  }

  .spring_topicsvol2_index_text {
	font-size: 14px;
  }


	.spring_topicsvol2-column_pink,
	.spring_topicsvol2-column_short_pink {
		width: 100%;
		padding: 10px;
		background-image: none !important;
	  background-color: #fdf2f3;
	  height: auto;
}

	.spring_topicsvol2-column_short,
	.spring_topicsvol2-column {
		width: 100%;
		padding: 10px;
		background-image: none !important;
	  background-color: #ede1ef;
	  height: auto;
}

#topics_medakagoods {
    background-image: none !important;
    background-color: #fdf2f3;
  }

.spring2026_price {
	margin-bottom: 20px;
}

 /* rowを縦並びに */
 .spring_topicsvol2-row1{
	display: flex;
    flex-direction: column;
	gap: 0;
  }

  .spring_topicsvol2-column_pink .spring_topicsvol2-row1{
	gap: 20px;
  }

  /* 上（left） */
  .spring_topicsvol2-left{
	width: calc(100% - 20px);
	margin: 0 10px;
	gap: 5px;
  }

  .spring_topicsvol2-right{
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
  }

  .spring_topicsvol2-right img{
    width: 100%;
    max-width: 100%;
    height: auto;
    object-fit: contain;
  }


  /* 品種名テキスト */
  .spring_topicsvol2-left-sub p{
    font-size: 13px;
    line-height: 1.4;
  }

  /* 説明文 */
  .spring_topicsvol2-left-main p{
    font-size: 14px;
    line-height: 1.8;
	padding: 10px;
	margin: 10px 0 10px 10px;
	padding-top: 0;
	margin-top: 0;
	text-align: left;
  }

  .spring_topicsvol2-row1 .spring_topicsvol2-left-main p{
	padding: 0px 5px;
  }

  /* 価格 */
  .spring2026_campainprice{
    font-size: 16px;
	padding: 0;
  }

  /* ボタン */
  .spring_topicsvol2-btn{
    font-size: 14px;
    padding: 10px 18px;
  }

.spring_topicsvol2-column h2,
.spring_topicsvol2-column_pink h2 {
	font-size: 18px;
	margin: 20px 10px;
  }

  .spring_topicsvol2-left-main {
	padding: 0;
	gap: 0;
  }

  .spring2026_price_small {
	font-size: 12px;
  }

  .mobile_only {
		display: inline-block;
		font-size: 18px;
  }
   /* スマホ時は改行を有効化 */
   .topics_top_number br,
   .spring_topicsvol2-title br,
   .spring_topicsvol2-title_jouka br {
    display: block;
  }

  .topics_top_number {
	margin-top: 0;
	line-height: 1.4;
  }
  
  .spring_topicsvol2-subcolumn {
	width: 100%;
	gap:2px;
	margin: 30px 0 0;
  }

  .spring_topicsvol2-subbox-bottom {
display: flex;
flex-direction: column;
padding: 10px;
  }
  
  .spring_topicsvol2-column_last h2 {
	margin: 20px 10px;
	font-size: 18px;
	line-height: 1.6;
  }

  .spring2026_topics_hasu {
	padding: 0;
	width: 100%;
  }

  .spring2026_topics_hasu-box,
  .spring_topicsvol2-row1_waterlily_last,
  .spring_topicsvol2-title_wrap,
  .spring_topicsvol2-row1_arrange_last,
  .spring_topicsvol2-subbox-bottom_soil,
  .arrange_3box-container {
	display: flex;
	flex-direction: column;
  }

  .spring_topicsvol2-row1_waterlily_last {
	margin: 0;
	padding: 0 20px 20px;
  }

  .spring2026_topics_hasu-box.is-reverse .spring2026_topics_hasu-text,
  .spring2026_topics_hasu-box.is-reverse .spring2026_topics_waterlily-text {
  order: 2;
}

.spring2026_topics_hasu-text h2,
.spring2026_topics_waterlily-text h2 {
    font-size: 18px;
	margin: 0;
}

.spring_topicsvol2-column_waterlily_last h2 {
	font-size: 18px;
	margin: 20px 0;
}

.spring2026_topics_hasu-text p,
.spring2026_topics_waterlily-tex p {
line-height: 1.8;
}

.spring2026_topics_hasu-image {
	margin-top: 20px;
	display: flex;
	align-items: center;
}

.spring2026_topics_hasu-bg,
.spring2026_topics_waterlily {
	padding: 20px;
}

.spring2026_topics_hasu-box {
	gap: 10px
}

.spring_topicsvol2-left_waterlily p {
	padding: 0;
	margin: 0;
	line-height: 1.8;
}

.spring_topicsvol2-left_waterlily p:nth-of-type(2) {
	margin-bottom: 20px!important;
	line-height: 1.8;
}

.spring2026_topics_titlle {
font-size: 24px;
margin: 30px 0px;
padding: 30px ;
background-position: calc(100% - 43px);
}

.topics_copy,
.spring2026_topics_hasu-wrapper {
	padding: 0;
	margin: 0;
}

.spring_topicsvol2-row1_arrange_last p {
	padding: 0 10px;
}

.spring_topicsvol2-column_short p,
.spring_topicsvol2-subtitle,
.spring_topicsvol2-column_short_pink p {
	margin: 0;
	line-height: 1.6;
}

.spring_topicsvol2-column_short h2,
.spring_topicsvol2-column_short_pink h2 {
	margin-top: 10px;
}

.spring_topicsvol2-column_short .spring_topicsvol2-subbox-text p,
.spring_topicsvol2-column_short_pink .spring_topicsvol2-subbox-text p {
	margin: 0!important;
	padding: 0;
}
.spring_topicsvol2-title_wrap {
	gap: 0;
	margin-bottom: 0;
}
 
.spring_topicsvol2-left_waterlily h3 {
	margin-bottom: 10px;
}

.arrange_3box-box {
height: auto;
display: flex;
flex-direction: column;
}

/* ① absolute画像を右基準に */
	.spring_topicsvol2-left-floatimg,
	.spring_topicsvol2-left-floatimg_stone,
	.spring_topicsvol2-left-floatimg_grass{
	  left: auto;
	  right: 10px;
	  max-width: 40%;
	}

	.spring_topicsvol2-left-floatimg_stone {
		bottom: -50px;
	}

	.spring_topicsvol2-left-floatimg {
		bottom: -10px;
	}

	.spring_topicsvol2-left-floatimg_grass {
	bottom: -10px;
	}



.spring2026_topics_hasu-icon_color_red,
.spring2026_topics_hasu-icon_size,
.spring2026_topics_hasu-icon_color_white,
.spring2026_topics_hasu-icon_color_tsumabeni {
	margin: 10px 0;
  }
}

</style>
