.input-prepend.input-append input {
  font-size: 24px;
  padding-top: 11px;
  padding-bottom: 11px;
  width: 100px;
  text-align: right;
}

.txt_26_new{
  font-size:24px;
}






/* 商品詳細ページカスタム*/

.items_tit{
	margin:0 0 0 0 !important;
	font-size:140% !important;
}

.tokuten_tit{
	margin:0 !important;
	font-size:140% !important;
}

.tokuten_tit02{
   border-top:1px solid #000 !important;
   border-bottom:1px solid #000 !important;
   padding:15px 0 !important;  
   text-align:center !important;
	margin:0 !important;
	font-size:125% !important;
}

.basic_tit{
	margin:0 !important;
	font-weight:bold !important;
    font-size:120% !important;
}

.basic_text{
	margin:0 !important;
    font-size:110% !important;
}

.red_bold{
	color:#FF0000 !important;
	font-weight:bold !important;
	
}

.blue_bold{
	color:#0000FF !important;
	font-weight:bold !important;
}

.over_l{
	text-decoration:line-through !important;
}

.pre_order_items_line{
	text-align:center !important;
	background:#CC0000 !important;
	font-weight:bold !important;
	color:#FFFFFF !important;
	padding: 10px 10px !important;
	font-size:160% !important;
	margin:5px 0 !important;
	line-height:1.5 !important;
}


.check{
    list-style: none !important;      
	color:#FF0000 !important;
	font-weight:bold !important;
	line-height:1.6 !important;
}


.checklist{
    list-style: none !important;
    padding-left: 1.5em !important;
    margin-left: 0.5em !important;
	color:#FF0000 !important;
	font-weight:bold !important;
	line-height:1.6 !important;
}

.checklist li{
    text-indent: -1.5em !important;
	margin-bottom:10px !important;
}

.checklist li:before{
    content: "※";
    margin-right: 0.5em !important;
}

.twitter_line{
	text-align:center !important;
	background:#2fb3ed !important;
	font-weight:bold !important;
	color:#FFFFFF !important;
	padding: 10px 10px !important;
	font-size:140% !important;
	margin:5px 0 !important;
	line-height:1.5 !important;
}

.tokuten_1box1{
	font-weight:bold !important;
	color:#FF0000 !important;
	margin:5px 0 !important;
	font-size:110% !important;
}

.tokuten_sub{
	font-weight:bold !important;
	margin:5px 0 !important;
	font-size:110% !important;
}


.tokuten_sub2{
	font-weight:bold !important;
	margin:5px 0 !important;
	font-size:125% !important;
}


.sold_text01{
	font-weight:bold !important;
	font-size:150% !important;
	color:#FF0000 !important;
	margin:5px 0 !important;
}

.sold_text01 a{
	color:#FF0000 !important;
   text-decoration:underline!important;
}


.checklist_sold{
    list-style: none !important;
    padding-left: 1.5em !important;
    margin-left: 0.5em !important;
	color:000;
	font-weight:bold !important;
	line-height:1.5 !important;
}

.checklist_sold li{
    text-indent: -1.5em !important;
	margin-bottom:0px !important;
}

.checklist_sold li:before{
    content: "※";
    margin-right: 0.5em !important;
}


.link_area{
	background: #2fb3ed !important;
	text-align:center !important;
	padding:0px 25px !important;
	color:#FFFFFF !important;
}
.link_area02{
background: #2fb3ed !important;
text-align:center !important;
padding:25px 25px !important;
color:#FFFFFF !important;
border-radius:6px;
}
.link_area_tit{
	font-size:200% !important;
	font-weight:bold !important;
	color: #464e54;
}

.link_area_tit02{
	font-size:200% !important;
	font-weight:bold !important;
	color: #FFFFFF;
}


.link_area_tit_white{
	font-size:200% !important;
	font-weight:bold !important;
	color: #FFFFFF;
}

.link_area_text{
	font-size:110% !important;
	font-weight:bold !important;
}

.link_area_text2{
	font-size:100% !important;
	color:#FFFFFF !important;
    font-weight:bold !important;
   line-height:160%;
}

.la_text{
	font-size:85% !important;
	color:#FFFFFF !important;
    font-weight:bold !important;
   line-height:160%;
}

.link_area_text2 a{
	font-size:100% !important;
	color:#FFFFFF !important;
	text-decoration:none !important;
   font-weight:bold !important;
   line-height:160%;
}

.link_area_text2 a:hover{
	font-size:100% !important;
	opacity:0.8 !important;
	text-decoration:none !important;
	color:#FFFFFF !important;
    font-weight:bold !important;
    line-height:160%;
}

.link_area_text3{
	font-size:100% !important;
}

.link_area_text4{
	color:#CC0000 !important;
}

h2{
  font-size:140% !important;
  line-height:1.5 !important;
}

td.st_line{
  text-decoration: line-through;
}

/*230803追加*/
.flex_2308{
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}

.flex_items2308{
	width:50%;
}

.flex_2308:after {
    content: "";
    width: 50%;
}

.id_tit02{
   border-top:1px solid #000 !important;
   border-bottom:1px solid #000 !important;
   padding:15px 0 !important;  
   text-align:center !important;
	margin:0 !important;
	font-size:125% !important;
}

.id_sub2{
	font-weight:bold !important;
	margin:5px 0 !important;
	font-size:125% !important;
}

.pw_area_id {
    font-size: 120%;
    font-weight: bold;
    line-height: 2.4;
    color: #ff0000;
}

/* =========================
Product detail (slim)
========================= */
:root{
--prd-accent:#4db6e2;      /* 見出し帯の色 */
--prd-danger:#e53935;      /* 受付終了 */
--prd-success:#4db6e2;     /* 受付中   */
--prd-hero-radius:14px;    /* 角丸     */
--prd-accent: #4db6e2; /* アクセント色が未定義ならここで指定 */
}

/* 詳細欄の改行暴発ケア */
.prd-detail { white-space: normal !important; } /* pre-wrap系の保険 */

.prd-detail{
display:block;
font-family:'Kosugi Maru', sans-serif;
color:#333;
}

/* ヒーロー画像：角丸＋影 */
.prd-hero{ margin:0 0 10px; }
.prd-hero img{
display:block;
width:100%;
height:auto;
border-radius:var(--prd-hero-radius);
box-shadow:0 10px 24px rgba(0,0,0,.08);
}

/* セクション見出しと本文（元の class を活かして見た目だけ整える） */
.prd-sec .basic_tit{
margin:18px 0 8px;
padding:18px 10px;
background:#f2f8fb;
border-left:8px solid var(--prd-accent);
border-radius:6px;
font-weight:normal !important;
}
.prd-sec .basic_text{ line-height:1.9; }

/* CTA ボックス（中央寄せ・レスポンシブ） */
.prd-cta{
background:#fffdf1;
border:1px solid #eee;
border-radius:12px;
padding:14px 16px;
margin:14px 0 8px;
display:flex;
flex-direction:column;
align-items:center;
text-align:center;
gap:.5rem;
}
.prd-cta p{ margin:0; }

/* CTA ボタン */
.prd-btn{
display:inline-flex;
align-items:center;
justify-content:center;
gap:.55em;
padding:.9em 1.4em;
border-radius:999px;
font-weight:700;
line-height:1;
text-decoration:none !important;
white-space:nowrap;
border:1px solid rgba(0,0,0,.06);
transition:transform .2s ease, box-shadow .2s ease, background-position .35s ease;
}

/* CTA ボタンのはみ出し対策（上書き） */
.prd-btn{
  max-width: 100%;
  box-sizing: border-box;
  white-space: normal;           /* ← nowrapを解除して改行OKに */
  overflow-wrap: anywhere;       /* ← 日本語や長い語でも折り返す */
  word-break: break-word;        /* ← 互換用 */
  flex-wrap: wrap;               /* ← ロゴ+テキストを必要なら2行に */
  min-width: 0;                  /* ← Flexの収まり改善 */
}
/* ロゴは潰さず縮まず、行頭に固定 */
.prd-btn__logo{
  width: 77px !important;
  flex: 0 0 24px;                /* 固定幅で縮ませない */
}
.prd-btn--primary{
color:#fff;
background:linear-gradient(90deg,#4db6e2 0%, #20bbec 50%, #4db6e2 100%);
background-size:200% auto;
}
.prd-btn--primary:hover{
transform:translateY(-1px);
background-position:right center;
}
.prd-btn--primary:active{
transform:translateY(0);
box-shadow:0 6px 14px rgba(32,187,236,.24);
}
.prd-btn:focus-visible{
outline:3px solid rgba(32,187,236,.35);
outline-offset:2px;
}
.prd-btn i{ font-size:1em; }

.link_area_text2 a{
text-decoration: none !important+
}

.link_area_text2 a:hover{
text-decoration: none !important+
}

/* ステータスバッジ */
.prd-badge{
display:inline-block;
padding:.15em .6em;
font-size:12px;
border-radius:999px;
font-weight:700;
line-height:1.6;
color:#fff;
margin-left:.4em;
}
.prd-badge--ongoing{ background:var(--prd-success, #4db6e2) !important; }
.prd-badge--end{ background:var(--prd-danger,  #e53935) !important; }


/* 予約帯 */
.pre_order_items_line{
background:#c00;
color:#fff;
text-align:center;
padding:10px;
border-radius:8px;
font-weight:bold;
}

/* 補足テキスト／リスト */
.link_area_text3{ font-size:90%; color:#FFF; }
.sold_text01{ margin-top:14px; }
.checklist{ line-height:1.9; padding: 0 0 0 21px; line-height: 1.5 !important;}
.checklist li{ margin:.2em 0;}



/* ========== 定番の注意事項ボックス ========== */
.caution-box{
background:#fff8db;                 /* 薄い黄色 */
border:1px solid #f0e1a1;           /* 細い枠線 */
border-radius:6px;
padding:12px 14px;
margin:16px 0;
box-sizing:border-box;
}
.caution-box__title{
display:flex;
align-items:center;
gap:8px;
font-weight:700;
color:#6b5e2e;                      /* 落ち着いた茶系 */
font-size:15px;
margin:0 0 8px;
line-height:1.4;
}
.caution-box__title i{ color:#b38b00; }

/* 箱の中のリストだけ素直なディスク表示に */
.caution-box .checklist{
list-style:disc;
margin:0;
padding-left:1.25em; /* 箇条書きのインデント */
font-weight:normal !important;
}
.caution-box .checklist li{
margin:.4em 0;
line-height:1.8;
color:#333;
border:none;                         /* 他のデザインの影響を受けないよう明示 */
}

/* モバイル微調整 */
@media (max-width:480px){
.caution-box{ padding:12px; }
.caution-box__title{ font-size:14px; }
}

/* ===== リセット（過去の汎用見出し装飾を打ち消し） ===== */
.items_tit{
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 0 8px !important;
}

/* 注意書きをタイトル用のサブ表現に（このページ内だけで完結） */
.box_0101--hero,
.box_0101--underline,
.box_0101--center{
  display: inline-flex;
  align-items: center;
  gap: .5em;
  margin: 25px 0 16px;
  padding: .35em .7em;
  border-radius: 999px;
  font-size: 90%;
  font-weight: 700;
  color: #3e5662;
  background: #bde4ff;
}


/* ========== B. UNDERLINE（太めの実線アンダーライン） ========== */
.items_tit--underline{
  font-size: clamp(20px, 3.3vw, 26px);
  line-height: 1.3;
  font-weight: 800;
  letter-spacing: .01em;
  padding-bottom: .4rem;
  border-bottom: 4px solid #4db6e2;
}

/* ========== C. CENTER（中央寄せ＋左右に細ライン） ========== */
.items_tit--center{
  position: relative;
  font-size: clamp(20px, 3.3vw, 26px);
  line-height: 1.3;
  font-weight: 800;
  text-align: center;
  padding: .1rem 0 .4rem;
}
.items_tit--center::before,
.items_tit--center::after{
  content:"";
  position: absolute;
  top: 50%;
  width: 24%;
  height: 2px;
  background: #e1f0f6;
}
.items_tit--center::before{ left: 0;  transform: translateY(-50%); }
.items_tit--center::after { right: 0; transform: translateY(-50%); }

/* サブ（注意書き）を中央揃えにしたい場合は以下を併用 */
.box_0101--center{ display:block; text-align:center; margin-left:auto; margin-right:auto; }

p.box_0101 {
font-size: 100%;
font-weight: normal !important;
margin-top: 25px !important;
padding: 10px 20px !important;
}

.store2_area_text{
color:#333;
}


