@charset "utf-8";

/* ===== 基本・リセット ===== */
body {
  text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
}
#wrapper {
  overflow: clip;
  position: relative;
}
body { overflow: visible; }
html { overflow: visible; }

/* ===== ユーティリティ ===== */
.NotoSerif { font-family: "Noto Serif JP"; }
.Bold { font-weight: 600; }
.body16 { font-size: 16px !important; }
.body12 { font-size: 12px; }
.Left { text-align: left; }
.centered { margin-left: auto; margin-right: auto; }

/* ===== wrap_buyers 基本 ===== */
div#wrap_buyers body,
div#wrap_buyers h1,
div#wrap_buyers h2,
div#wrap_buyers h3,
div#wrap_buyers h4,
div#wrap_buyers h5,
div#wrap_buyers p,
div#wrap_buyers dt,
div#wrap_buyers dd {
  margin: 0;
  font-weight: normal;
  padding: 0px;
font-family: "Noto Serif JP";
}
div#wrap_buyers h3.share { font-weight: 600; font-family: "Noto Sans JP"; }
div#wrap_buyers {
  width: 100%;
  font-size: 14px;
  text-align: center;
  background: #fff;
  font-style: normal;
  font-weight: normal;
  color: #fff;
  word-break: break-all;
  padding-top: 0px;
  padding-bottom: 0px;
  background-image:
    url("../img/bg.png"),
    linear-gradient(to right, #0A3156, #031B32);
  background-repeat: repeat, no-repeat;
  background-position: top center, left top;
}
div#wrap_buyers .body16 { font-size: 16px; }
div#wrap_buyers a { color: #fff; text-decoration: none; display: block; }

/* ===== ヘッダー ===== */
div#wrap_buyers header { height: auto; padding: 0; margin: 0; }
div#wrap_buyers header h1 {
  font-size: 0;
  line-height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  display: block;
  height: 524px;
  background-image: url("../img/PC_KV.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

/* ===== メイン枠 ===== */
div#wrap_buyers main {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
  padding: 40px 50px;
  gap: 24px;
}

/* ===== 見出し・帯テキスト ===== */
div#wrap_buyers main p span.main_text {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #5c0000;
  color: #D9AB63;
  font-family: "Noto Sans";
  font-size: 20px;
  font-weight: bold;
  padding: 12px 35px;
  position: relative;
  clip-path: polygon(0% 50%, 20px 0%, calc(100% - 20px) 0%, 100% 50%, calc(100% - 20px) 100%, 20px 100%);
  white-space: nowrap;
}
div#wrap_buyers main h2 {
  color: #EEDDC1;
  text-align: center;
  font-size: clamp(23px, 3vw, 40px);
  line-height: 1.4em;
	padding-bottom:24px;
}

div#wrap_buyers main h2 { background: url("../img/PC_border_gold.png") 0% 0% / 800px 2px no-repeat; background-position: bottom center; }

/* ===== セクション背景（メインアイテム背景差し替え） ===== */
div#wrap_buyers section#main_item.clona {
  background: url("../img/bg_clona.jpg") no-repeat center top;
  background-size: cover;
}
div#wrap_buyers section#main_item.saburomaru {
  background: url("../img/bg_saburomaru.jpg") no-repeat center top;
  background-size: cover;
}

/* ===== 動画セクション ===== */
div#wrap_buyers #douga {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 40px 50px;
  gap: 24px;
}
div#wrap_buyers #douga h3 { color: #EEDDC1; text-align: center; font-size: 40px; padding-bottom: 24px; }
div#wrap_buyers #douga h3 { background: url("../img/PC_border_gold.png") 0% 0% / 300px 2px no-repeat; background-position: bottom center; }
div#wrap_buyers #douga .douga_box { max-width: 800px; height: auto; border: none; }
div#wrap_buyers #douga button { border: none; background:#000;}

/* ===== 倉光セクション（#kuramitsu） ===== */
div#wrap_buyers #kuramitsu {
  background-color: #06294b;
  width: 100%;
  padding: 60px 20px;
  position: relative;
  overflow: hidden;
}
div#wrap_buyers #kuramitsu .inner {
  max-width: 1000px;
  margin: 0 auto;
  padding: 40px 32px;
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(2px);
  border-radius: 8px;
  box-shadow: 0 8px 16px rgba(255, 255, 255, 0.1);
  position: relative;
  z-index: 1;
  color: white;
}
div#wrap_buyers #kuramitsu::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(300px);
  width: 300px;
  height: 100%;
  background: url("../img/bg_clonakilty.png") no-repeat center center;
  background-size: contain;
  z-index: 0;
  pointer-events: none;
}
div#wrap_buyers #kuramitsu h2 {
  text-align: center;
  font-size: clamp(24px, 5vw, 40px);
  padding-bottom: 24px;
}
div#wrap_buyers div.kuramitsu_inner {
  display: flex;
  width: 800px;
  flex-direction: row;
  gap: 24px;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}
div#wrap_buyers #kuramitsu p { font-size: clamp(16px, 2vw, 20px); color: #fff; }
div#wrap_buyers #kuramitsu p.name { font-size: clamp(24px, 2vw, 28px) }

div#wrap_buyers #kuramitsu p img {   width: 100px;                /* 固定幅 */
  height: auto;                /* アスペクト比を維持 */
  font-size: initial;          /* 親のfont-size継承をリセット */
  max-width: none !important;  /* 既存の max-width:100% を上書き */
}
div#wrap_buyers div.kuramitsu_inner .comment_left {
  background: url("../img/bg_comment_left.png") 0% 0% / 40px 82px no-repeat;
  background-position: top left;
  margin-top: 24px;
}
div#wrap_buyers div.kuramitsu_inner .comment_right {
  background: url("../img/bg_comment_right.png") 0% 0% / 40px 82px no-repeat;
  background-position: bottom right;
  padding: 24px;
}

/* ===== メイン商品セクション ===== */
div#wrap_buyers #main_item {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: url("../img/bg_cream.png") lightgray 0% 0% / 100px 100px repeat;
  background-repeat: repeat;
  background-position: top center;
  padding: 40px 50px;
  gap: 24px;
  color: #00275C;
}
div#wrap_buyers div#lowpage #main_item { padding: 24px 16px; }
div#wrap_buyers div#lowpage #main_item p.main_text {
  width: 100%;
  background: rgba(0, 0, 0, 0.2);
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  line-height: 1em;
  color: #fff;
  font-family: "Noto Sans";
  font-size: 16px;
  font-weight: 700;
  display: flex;
  padding: 12px 20px;
  justify-content: center;
  align-items: center;
  gap: 5px;
}

/* ===== 2カラム商品ボックス ===== */


div#wrap_buyers div.main2510item {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  max-width: 1032px;
  justify-content: space-between;
  position: relative;
  margin: 0 auto;
}
div#wrap_buyers div.main2510item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: linear-gradient(to right, #846632, #E8CEA4, #846632);
  z-index: 1;
}
div#wrap_buyers #main_item h2 {
  width: 100%;
  background: url("../img/bg_line.png") 0% 0% / 300px 2px no-repeat;
  background-position: bottom center;
  text-align: center;
  font-size: 32px;
  padding-bottom: 24px;
}
div#wrap_buyers div.item h3 {
  font-size: 34px;
  font-style: normal;
  font-weight: 600;
  text-align: left;
  color: #fff;
  line-height: 1.2em;
}
div#wrap_buyers #main_item h3 {
 font-size: clamp(20px, 3vw, 34px);
  font-style: normal;
  font-weight: 600;
  text-align: left;
  color: #fff;
  line-height: 1.2em;
}
div#wrap_buyers div.item_inner {
	width:100%;
  max-width: 900px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  text-align: left;
  gap: 40px;
}
/*div#wrap_buyers div.item_inner img { width: 200px; }*/
div#wrap_buyers .saburomaru div.item_inner img { width: 350px; }
div#wrap_buyers div.saburoumaru_item { display: flex; flex-direction: column; gap: 8px; color: #fff; flex: 1; }
div#wrap_buyers div.saburoumaru_item p { color: #fff; }
div#wrap_buyers div.item { display: flex; flex-direction: column; gap: 8px; width: 100%; flex-grow: 1; }
div#wrap_buyers div.button-wrap { margin-top: auto; text-align: center; }

/* ===== 限定/お一人様 ラベル行 ===== */
div#wrap_buyers div.gentei {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  text-align: left;
}
div#wrap_buyers div.gentei p.gentei_inner,
div#wrap_buyers div.gentei p.ohitori { margin: 0; }
div#wrap_buyers div.gentei p.gentei_inner {
  display: flex;
  padding: 4px 16px;
  align-items: baseline;
  vertical-align: baseline;
  gap: 0px;
  border-radius: 30px;
  border: 1px solid #EEDDC1;
  color: #EEDDC1;
  font-family: "Noto Sans JP";
  font-size: 24px;
  font-weight: 600;
  justify-content: flex-start;
  line-height: 1em;
}
div#wrap_buyers div.gentei p.ohitori {
  color: #EEDDC1;
  font-size: 16px;
  font-weight: 600;
  font-family: "Noto Sans JP";
}
div#wrap_buyers div.gentei span { font-size: 14px; }

/* ===== ラベルブロック ===== */
div#wrap_buyers div.label {
  max-width: 900px;
  display: flex;
  flex-direction: column;
  padding: 16px 24px;
  justify-content: center;
  gap: 12px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.2);
  margin-top: 8px;
	container-type: inline-size; /* 親幅を基準にしたcqwが使える */
}


div#wrap_buyers div.label div.label_title {
	color:#fff;
/*  padding: 8px 0;*/
  box-sizing: border-box;
  white-space: nowrap;   /* 1行固定 */
  overflow: hidden;      /* はみ出し隠す（JSで縮小する想定） */
  line-height: 1.3;
  margin: 0;
  font-size: 19px;       /* ← 最大サイズにしておく */
}
	  
div#wrap_buyers div.label .label-top {
  display: flex;
  flex-direction: row;
  gap: 24px;
  align-items: center;
}
.label-top img {
  width: 120px;
  height: auto;
  flex-shrink: 0;
  display: block;
}
div#wrap_buyers div.label img { width: 100px; display: block; }
div#wrap_buyers div.label dt { color: #fff; font-size: 23px; font-weight: 500; margin: 0;font-family: "Noto Sans JP"; }
.saburomaru dt { line-height: 1.3em; }
div#wrap_buyers .saburomaru div.label { margin-top: 16px;padding:16px 24px 24px;}
div#wrap_buyers div.label dd {
  color: #fff;
  font-size: 15px;
  margin: 0;
  font-family: "Noto Sans JP";
  line-height: 1.7em;
}
div#wrap_buyers div.label small { font-size: 12px; opacity: 0.6; }
div#wrap_buyers div.label dt small {display: block; margin:0 ;height:14px;letter-spacing:-0.02em; }

/* #lowpage 配下の label は“元仕様”に固定 */
div#wrap_buyers #lowpage .label {
  container-type: normal !important;  /* もし設定していたら解除 */
  padding: 16px 24px !important;      /* 元CSS */
  display: flex !important;           /* 元CSS */
  flex-direction: column !important;  /* 元CSS */
  justify-content: center !important; /* 元CSS */
  gap: 12px !important;               /* 元CSS */
color:#fff;
}

div#wrap_buyers #lowpage .label .label_title {
  font-size:28px !important;       /* 元CSS */

  /* 縦長になる典型を一括リセット */
  line-height: normal !important;
  height: auto !important;
  min-height: 0 !important;
  transform: none !important;
  letter-spacing: normal !important;
  overflow: visible !important;
  display: inline-block !important;   /* テキスト高さにだけフィット */
  padding: 0 !important;              /* 余白で高さが増えてたら解除 */

}

div#wrap_buyers #lowpage.saburomaru .label {
  width: 100%;
  display: flex;
  flex-direction: column;  /* 縦並び */
  justify-content: center; /* 縦方向の中央寄せ（必要なら） */
  align-items: center;     /* 横方向の中央寄せ！ */
}

/* ===== 汎用テキスト ===== */
div#wrap_buyers p { color: #fff; }
div#wrap_buyers p.txt { font-size:17px; }

/* ===== 価格表示 ===== */
div#wrap_buyers p.price {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 28px;
  font-weight: 600;
  color: #fff;
}
.price-amount {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
  margin-right: 0.1em;
}
.price-label, .price-unit { font-size: 14px; font-weight: 400; }

/* ===== 詳細ボタン ===== */
div#wrap_buyers p.shosai {
  color: #fff;
  font-size: 16px;
  display: flex;
  padding: 16px 50px;
  justify-content: center;
  align-items: center;
  border-radius: 9999px;
  border: 1px solid #fffC;
  background-color: rgba(0, 0, 0, 0.2);
  font-family: "Noto Sans JP";
  font-weight: bold;
  transition: all 0.3s ease;
  margin: 0;
}
div#wrap_buyers a { opacity: 1 !important; }
div#wrap_buyers a:hover p.shosai {
  background-color: rgba(0, 0, 0, 0.35);
  color: #fff;
  border-color: rgba(0, 0, 0, 0.35);
}

/* ===== 画像マージン調整 ===== */
.main2510item p.mainimg img.saburomaru { padding:16px 0; }
.main2510item p.mainimg img { margin-bottom:16px; }
p.mainimg img { margin-bottom:16px; }
img.label{	max-width:250px;padding-bottom:16px;}

/* ===== 左右背景付きボックス ===== */
div#wrap_buyers div.main2510item_inner.clona {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: left;
  padding: 40px;
  background: url("../img/bg_clona.jpg") no-repeat center center;
  background-size: cover;
  color: #fff;
}
div#wrap_buyers div.main2510item_inner.saburomaru {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: left;
  padding: 40px;
  background: url("../img/bg_saburomaru.jpg") no-repeat center center;
  background-size: cover;
  color: #fff;
}
div#wrap_buyers div.main2510item_inner img { }
div#wrap_buyers div.line { width: 100%; box-shadow: 0 8px 3px -3px #E5E4E3 inset; }

/* ===== メイン下テキスト ===== */
div#wrap_buyers main p.main_text2 {
  text-align: center;
  color: #E2E5EB;
  align-self: center;
  line-height: 2em;
  font-size: clamp(14px, 2vw, 22px);
}
div#wrap_buyers main p .header_text { font-size: 28px; }
div#wrap_buyers main p .header_text2 { font-size: 16px; }

/* ===== 期間ボックス（main_kikan） ===== */
div#wrap_buyers div.main_kikan {
  display: flex;
  padding: 32px;
  width:100%;
  max-width: 800px;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
  justify-content: flex-start;
  background: linear-gradient(to right, #000C1A, #004559 50%, #000C1A);
  outline: 1px solid #846632;
  outline-offset: -16px;
  border-radius: 12px;
}
div#wrap_buyers div.main_kikan div {
  display: flex;
  width: auto;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
  justify-content: flex-start;
  text-align: left;
}
div#wrap_buyers div.main_kikan p {
  color: #E2E5EB;
  font-size: clamp(20px, 2.5vw, 28px);
  font-weight: 700;
}
div#wrap_buyers div.main_kikan p.caution {
  color: rgba(255, 255, 255, 0.80);
  font-size: 16px;
  font-weight: normal;
  font-family: "Noto Sans JP";
  /*margin-top:8px;*/
}

/* ===== 期間・注意ボックス（別枠） ===== */
div#wrap_buyers #item_kikan {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
  padding: 40px 50px;
  gap: 24px;
}
div#wrap_buyers div.kikan {
  display: flex;
  padding: 32px;
  width: 800px;
  flex-direction: column;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  border-radius: 8px;
  border: 2px solid #C6A96E;
}
div#wrap_buyers div.kikan div.days {
  display: flex;
  width: auto;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
  justify-content: flex-start;
  text-align: left;
}
div#wrap_buyers div.kikan p { color: #CBB174; font-size: 28px; font-weight: 600; }
div#wrap_buyers div.kikan p.caution {
  color: rgba(255, 255, 255, 0.80);
  font-size: 16px;
  font-weight: normal;
  font-family: "Noto Sans JP";
  margin-top:10px;
}

/* ===== お酒の注意（main_kikan内） ===== */
div#wrap_buyers div.main_kikan div.caution_alcohol {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  padding: 16px;
  border-radius: 8px;
  background-color: #CFD3DA;
  margin: 16px auto 0;
}
div#wrap_buyers div.main_kikan div.caution_alcohol img {
  width: 45px;
  height: 45px;
  flex: 0 0 45px;
  object-fit: contain;
  max-width: none !important;
  display: block;
}
div#wrap_buyers div.main_kikan div.caution_alcohol p {
  flex: 1 1 auto;
  color: #181819;
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-weight: normal;
}
div#wrap_buyers div.main_kikan div.caution_alcohol p span { font-weight: 700; }

/* ===== ラインナップ ===== */
div#wrap_buyers #lineup {
  background: #0A3156;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 80px 0 40px;
  gap: 24px;
  position: relative;
  overflow: hidden;
}
div#wrap_buyers #lineup::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: linear-gradient(to right, #846632, #E8CEA4, #846632);
  z-index: 1;
}
div#wrap_buyers #lineup h2 {
  width: 100%;
  background: url("../img/PC_border_gold.png") 0% 0% / 800px 2px no-repeat;
  background-position: bottom center;
  color: #EEDDC1;
  text-align: center;
  font-size: 40px;
  padding-bottom: 24px;
  margin-bottom: 24px;
}
div#wrap_buyers #lineup h2 span { font-size: 24px; }
div#wrap_buyers #lineup p.sub_itemtext { color: #EEDDC1; text-align: center; font-family: "Noto Sans JP"; font-size: 14px; }
div#wrap_buyers #lineup #sub_item01 { align-items: flex-start; }
div#wrap_buyers #lineup #sub_item01 div.gentei { text-align: left; }
div#wrap_buyers #lineup #sub_item01 div.gentei p.gentei_inner {
  font-size: 20px;
  padding:2px 8px;
  vertical-align: baseline;
}
div#wrap_buyers #lineup #sub_item01 div.gentei p.ohitori {
  color: #EEDDC1;
  font-size: 12px;
  font-weight: 600;
  font-family: "Noto Sans JP";
}
div#wrap_buyers #lineup #sub_item01 div.gentei span { font-size: 12px; }
div#wrap_buyers #lineup #sub_item01 h3 {
  color: #ffffff;
  opacity: 0.5;
  text-align: center;
  font-size: 40px;
  font-weight: 400;
  margin: 40px 0 24px;
}
div#wrap_buyers #lineup #sub_item01 h3 span {
  font-size: 28px;
  margin-left: 12px;
  vertical-align: baseline;
}
div#wrap_buyers #lineup #sub_item01 img { border-radius: 8px; }

/* ===== サブ商品グリッド ===== */
div#wrap_buyers div#sub_item01 { width: 100%; }
div#wrap_buyers div.whisky {
  width: 100%;
  max-width:970px;
  display: flex;
  flex-direction: row;
  justify-content: left;
  text-align: left;
  gap: 16px;
  flex-wrap: wrap;
}
div#wrap_buyers div.whisky img { width: 230px; }
div#wrap_buyers div.whisky div.sub_item01 {
  display: flex;
  flex-direction: column;
  text-align: left;
  width: 230px;
  gap: 12px;
  margin-top: 8px;
}
div#wrap_buyers div.whisky div.sub_item01 .gentei { justify-content: flex-start; align-items: center; text-align: left; }
div#wrap_buyers div.wine div.sub_item01 { display: flex; width: 300px; align-items: center; }
div#wrap_buyers div.whisky div.gentei p.gentei_inner {
  justify-content: flex-start;
  margin-left: 0;
  margin-right: 0;
  text-align: left;
}
div#wrap_buyers div.whisky h4 { color: #E2E5EB; font-size: 18px; font-weight: 600; padding:8px 0; line-height:1.4em; }
div#wrap_buyers div.whisky div.subitem_price p {
  color: #E2E5EB;
  font-size: 14px;
  line-height:1.7em;
  font-family: "Roboto", sans-serif;
}
div#wrap_buyers div.whisky div.subitem_price p.hyojun { font-size:12px; font-weight: 500; opacity: 0.8; }
div#wrap_buyers div.whisky div.subitem_price p span {
  font-size: 24px;
  font-weight: 700;
  font-style: normal;
  margin-right:2px;
}
div#wrap_buyers div.whisky p.ohitori {
  color: #EEDDC1;
  font-size: 16px;
  font-weight: 700;
  font-family: "Noto Sans JP";
}

/* ===== 予約ブロック ===== */
div#reservation_pc {
  width: 100%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  position: sticky;
  bottom: 10px;
  margin-top: 24px;
  z-index: 100;
}
div#reservation_pc h3 {
  padding: 10px 24px;
  text-align: center;
  border-radius: 10px 10px 0px 0px;
  background: linear-gradient(to right, #300000, #B60000, #300000);
  color: #ffffff !important;
  font-size: 19px !important;
  line-height: 1.4em;
  font-family: "Noto Sans JP";
	font-weight:600;
}
div#reservation_pc div.main_innerBlock h4 { color: #00275C; font-family: "Noto Sans JP"; font-size: 15px; font-weight: 700; }
div#reservation_pc div.main_innerBlock p { color: #00275C; font-family: "Noto Sans JP"; font-size: 15px; }
div#reservation_pc div.main_innerBlock p span { font-weight: 600; }
div#reservation_pc div.main_innerBlock p.app_dl { font-size: 12px; margin-top: 8px; }
div#reservation_pc div.main_innerBlock {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  border-radius: 0px 0px 10px 10px;
  background: #E2E5EB;
  padding: 16px 32px;
  text-align: left;
  gap: 20px;
}
div#reservation_sp { display: none; }

/* ===== キャッチ・注意書きセクション ===== */
div#wrap_buyers section#catch {
  width: 100%;
  display: flex;
  flex-direction: column;
  border-top: 1px solid #E4E7EB;
  padding-top: 50px;
  padding-bottom: 50px;
  padding-left: 16px;
  padding-right: 16px;
}
div#wrap_buyers section#caution {
  width: 100%;
  max-width:1024px;
  margin-left: auto;
  margin-right: auto;
  padding: 50px 16px;
  text-align: left;
  color:#fff;
  margin-bottom:24px;
}
div#wrap_buyers section#caution h5 { color: #fff; font-family: "Noto Sans"; font-size: 24px; font-weight: 700; padding-bottom: 24px; }
div#wrap_buyers section#caution ul li { list-style: disc; list-style-position: inside; }
div#wrap_buyers section#caution ul li.no1 { list-style: none; }

/* ===== その他 ===== */
div#item_saburoumaru button {
  display: block;
  border: none;
  color: #fff;
  text-align: center;
  font-size: 1.4rem;
  cursor: pointer;
  transition: all .3s;
  background-color: #ffffff;
}
div#wrap_buyers #wrap_item div.kikan { padding-top: 0px; }
section.sp_download { display: none; }
#reservation_sp { display: none; }
div.kikan span.header_text2 { font-size: 16px; }
div#wrap_buyers #douga div.douga_sp { display: none; }
div#wrap_buyers br.sp { display: none; }
div#wrap_buyers br.pc { display: block; }
div#wrap_buyers #main_item a.back_link { width: 1000px; display: block; text-align: left; }
div#wrap_buyers #main_item p.back {
  background-image: url("../img/arrrow.png");
  background-repeat: no-repeat;
  background-position: center left;
  padding-left: 16px;
  padding-right: 16px;
  color: #fff;
  font-family: "Hiragino Sans";
  font-size: 15px;
  font-weight: 600;
  background-size: 7px 14px;
  align-self: center;
}
div#wrap_buyers div#lowpage div.label { margin-top: 16px; text-align:left; }
div#wrap_buyers div#lowpage p.spec { font-family: "Noto Sans JP"; font-size: 12px; margin-bottom:16px; }
div#wrap_buyers div#lowpage p.setsumei { font-size: 16px; margin-top: 16px; line-height:1.4em; }

/* ===== タブレット ===== */
@media screen and (max-width: 969px) {
  div#wrap_buyers div.main2510item { display: block; width: 100%; }
  div#wrap_buyers div.main2510item_inner.clona,
  div#wrap_buyers div.main2510item_inner.saburomaru{
    width:100%;
    max-width:540px;
    margin:0 auto;
  }
  div#wrap_buyers div.whisky{ justify-content: center; }
  div#wrap_buyers header h1 {
    display: block;
    width: 100%;
    aspect-ratio: 840 / 524;
    background-image: url("../img/PC_KV2.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top;
    font-size: 0;
    margin: 0 auto;
    height: auto !important;
  }
	div#wrap_buyers #kuramitsu { padding: 24px 16px; gap: 0px; }
  div#wrap_buyers div.kuramitsu_inner {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
  div#wrap_buyers #kuramitsu p img { width: 150px; }

  div#wrap_buyers div.label { padding: 16px; justify-content: center; gap: 16px; border-radius: 8px; margin-top:0; }
  div#wrap_buyers div.kuramitsu_inner .comment_left { text-align: left; }

}

/* ===== 750 ===== */
@media screen and (max-width: 750px) {
	div#wrap_buyers main h2 { background: url("../img/PC_border_gold.png") 0% 0% / 300px 2px no-repeat; background-position: bottom center; }
div#wrap_buyers div.item_inner { width: 100%; }
  div#wrap_buyers div.item_inner { display: flex; flex-direction: column; align-items: center; gap: 24px; }
  /*div#wrap_buyers div.item_inner img { width: 230px; }*/
  div#wrap_buyers div.item_inner img.item02 { width: 100%; max-width:400px; margin-right: 0px; }
  div#wrap_buyers div.item_inner div.label img { width: 100px; margin-right: 0px; }

  div#wrap_buyers div.item_inner div.label dl { flex: 1; }
  div#wrap_buyers div.item_inner div.label { margin-bottom: 16px; margin-top: 8px; }
	div#wrap_buyers div.main_kikan{padding: 32px 8px;}
div#wrap_buyers div.main_kikan p {font-size: clamp(16px, 2.5vw, 28px);}
	div#wrap_buyers div.main_kikan div.caution_alcohol{margin:16px 16px 0;}
	div#wrap_buyers div.main_kikan div.caution_alcohol p{font-size:12px;}
div#wrap_buyers div.main_kikan div.caution_alcohol{padding:8px;gap:4px;}
}


@media (max-width: 700px) {
  /* タイトル：折り返し可＋左寄せ＋はみ出し防止 */
  div#wrap_buyers #lowpage .saburomaru .label .label_title {
    white-space: normal !important;   /* ← nowrap解除 */
    overflow: visible !important;
    word-break: break-word;
    overflow-wrap: anywhere;
    min-width: 0;
    font-size: clamp(20px, 4vw, 28px) !important;
    text-align: left !important;      /* ← 左寄せに戻す */
  }

  /* タイトル行コンテナ：左寄せのまま折り返しOK */
  div#wrap_buyers #lowpage .saburomaru .label .label-top {
    flex-wrap: wrap;                   /* 画像とテキストが狭い時に折り返す */
    justify-content: flex-start;       /* ← 左寄せに戻す */
    align-items: flex-start;           /* 行頭揃え */
    text-align: left;                  /* 念のため */
  }

  /* 画像は左に固定（中央化しない） */
  div#wrap_buyers #lowpage .saburomaru .label .label-top img {
    margin: 0;                         /* ← autoで中央化していたら解除 */
  }
}


/* ===== SP用 ===== */
@media screen and (max-width: 680px) {
  #wrapper { overflow: clip; }
/*  div#wrap_buyers br.sp { display: block; }
  div#wrap_buyers br.pc { display: none; }*/

  div#wrap_buyers main { width: 100%; background-size: 750px; padding: 24px 16px; }

  div#wrap_buyers div.main_kikan {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    max-width: 1000px;
    height: auto;
    margin: 0 auto;
    background: linear-gradient(to right, #000C1A, #004559 50%, #000C1A);
    outline: 1px solid #CEB362;
    outline-offset: -8px;
    box-sizing: border-box;
    border-radius: 8px;
  }

  div#wrap_buyers div.main2510item { display: block; width:100%; }
  .clona p.mainimg img.product{ width:100%; max-width:120px; margin:0 auto; }
	div#wrap_buyers #lowpage .label .label_title {font-size:20px;  }  
  div#wrap_buyers div.label dd { line-height: 1.5em; }

  div#wrap_buyers #douga { padding: 24px 16px; }
  div#wrap_buyers #douga .douga_box { width: 100%; height: auto; }
  div#wrap_buyers #douga div.douga_pc { display: none; }
  div#wrap_buyers #douga h3 { font-size: 24px; width: 100%; }

  div#wrap_buyers #kuramitsu { padding: 24px 16px; gap: 0px; }
  div#wrap_buyers div.kuramitsu_inner {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
  div#wrap_buyers #kuramitsu p img { width: 150px; }

  div#wrap_buyers div.label { padding: 16px; justify-content: center; gap: 16px; border-radius: 8px; margin-top:0; }
  div#wrap_buyers div.kuramitsu_inner .comment_left { text-align: left; }

  div#wrap_buyers #main_item { width: 100%; padding: 24px 16px; gap: 40px; }
  div#wrap_buyers div#lowpage #main_item { padding: 24px 16px; gap: 24px; }

  div#wrap_buyers div.item_inner { width: 100%; }
  div#wrap_buyers div.item_inner { display: flex; flex-direction: column; align-items: center; gap: 24px; }
  /*div#wrap_buyers div.item_inner img { width: 230px; }*/
  div#wrap_buyers div.item_inner div.label img { width: 100px; margin-right: 0px; }

  div#wrap_buyers div.item_inner div.label dl { flex: 1; }
  div#wrap_buyers div.item_inner div.label { margin-bottom: 16px; margin-top: 8px; }
  div#wrap_buyers div#lowpage #main_item h3 { font-size: 20px; }
  div#wrap_buyers div.label .label-top { gap:16px; }
	img.sp_label{	max-width:250px;}

  div#wrap_buyers p.price { text-align: left; }
  div#wrap_buyers div.main2510 { display: flex; flex-direction: column; width: 100%; margin-top: 16px; }
  div#wrap_buyers div.main2510_inner { width: 100%; display: flex; }
  div#wrap_buyers div.main2510_inner.clona{ width:100%; text-align: center; }
  div#wrap_buyers div.main2510_inner.saburomaru{ width:100%; }
	div#wrap_buyers div.main2510item p.mainimg img.saburomaru{padding-top:4px;	}
  div#wrap_buyers #sub_item { padding: 40px 16px; }
  div#wrap_buyers #sub_item p.price { text-align: left; }

  div#wrap_buyers p.shosai { padding:10px; max-width:410px; margin: 0 auto; }

  div#wrap_buyers #item_kikan { padding: 40px 16px; }
  div#wrap_buyers div.kikan { padding: 16px 8px; width: 100%; }
  div#wrap_buyers div.kikan p { font-size: 16px; letter-spacing: -0.8px; }

  div#wrap_buyers div#sub_item01 { width: 100%; }
  div#wrap_buyers #lineup { width: 100%; display: flex; padding: 40px 16px; }
  div#wrap_buyers div.whisky { margin-top: 16px; }
  div#wrap_buyers #lineup h2 { font-size: 24px; }
  div#wrap_buyers #lineup h2 span { font-size: 14px; }
  div#wrap_buyers #lineup p.sub_itemtext { font-size: 12px; }
  div#wrap_buyers div.wine div.sub_item01 { align-items: stretch; }
  div#wrap_buyers #lineup #sub_item01 h3 { font-size: 24px; margin-top: 24px; }
  div#wrap_buyers #lineup #sub_item01 h3 span { font-size: 16px; }

  div#wrap_buyers div.whisky { display: flex; flex-direction: column; }
  div#wrap_buyers div.whisky div.sub_item01 {
    display: flex;
    flex-direction: row;
    width: 100%;
    gap: 16px;
    margin-top: 8px;
  }
  div#wrap_buyers div.whisky img { width: 300px; }
  div#wrap_buyers div.whisky div.sub_item01 div {
    display: flex;
    flex-direction: column;
    text-align: left;
    gap: 8px;
    width: 100%;
  }
  div#wrap_buyers #main_item h3 { font-size: 20px; }
  div#wrap_buyers div.subitem_inner { gap: 24px; }

  div#wrap_buyers div.whisky div.sub_item01 .gentei p.gentei_inner,
  div#wrap_buyers div.whisky div.sub_item01 .gentei p.ohitori {
    flex: 0 0 auto;
    margin-left: 0;
    margin-right: auto;
    display: inline-flex;
  }
  div#wrap_buyers div.whisky div.sub_item01 .gentei p.gentei_inner{ font-size:24px; }

  div#wrap_buyers div.item h3 { font-size: 20px; }
  div#wrap_buyers p.price { font-size: 22px; }
  div#wrap_buyers div.whisky h4 { text-align: left; }
  div#wrap_buyers div.whisky div.subitem_price p { text-align: left; font-size: 14px; }
  div#wrap_buyers div.whisky div.subitem_price p span { font-size: 22px; }
  div#wrap_buyers div.whisky div.subitem_price p.hyojun{ margin-bottom:-8px; }

  div#wrap_buyers main p .header_text { font-size: 12px; }
  div#wrap_buyers main p .header_text2 { font-size: 12px; }

  div#reservation_pc { display: none; }
  p.sp { display: block; }
  p.pc { display: none; }
  .modal-video-movie-wrap iframe { height: 100%; }

  div#wrap_buyers div.gentei p.gentei_inner {
    font-size: 21px;
    font-weight: 600;
    padding: 0px 8px 1px;
  }
  div#wrap_buyers div.gentei p.ohitori{ font-size:12px; }

  div.kikan span.header_text2 { font-size: 12px; }
  div#wrap_buyers div.whisky p.ohitori { font-size: 12px; }
  div#wrap_buyers #douga div.douga_sp { display: block; }
  div#wrap_buyers #douga div.douga_pc { display: none; }
  div.kikan { padding: 14px; }

  div#wrap_buyers #main_item h2 { font-size: 24px; }
  div.kikan .text { font-size: 12px; }
  div.kikan p.text span { font-size: 12px; }
  div.kikan p.caution { font-size: 12px; }

  div#wrap_buyers main div.main_kikan{ padding:24px 16px; }
  div#wrap_buyers main div.main_kikan p { margin-bottom:8px; }

  div#wrap_buyers #main_item p.back { max-width: 750px; }
  div.main_kikan p.caution { font-size: 12px !important; }
  p.main_text2 { padding: 0px; }
  div.main_kikan .body16 { font-size: 16px !important; }

  div#wrap_buyers div.main_kikan div.caution_alcohol p {font-size: clamp(9px, 2vw, 11px);}

  .modal-video-body {
    max-width: 100% !important;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 0 0px;
    display: flex;
    justify-content: center;
    box-sizing: border-box;
  }
  .modal-video-movie-wrap { height: 80% !important; }

  div#reservation_sp {
    display: block;
    position: sticky;
    bottom: 0px;
    margin-top: 12px;
    background:#0B3155;
    padding: 8px 0px 8px 0px;
    border-top: 1px solid #E4E7EB;
    margin-bottom: 16px;
    z-index: 100;
  }
  div#reservation_sp p { font-family: "Noto Sans JP"; }
  div#reservation_sp h3 {
    display: flex;
    min-height: 56px;
    padding: 8px;
    justify-content: center;
    align-items: center;
    gap: 12px;
    align-self: stretch;
    border-radius: 6px;
    background: #fff;
    color: #0B3155;
    margin-top: 4px;
    margin-left: 16px;
    margin-right: 16px;
    font-weight: 600;
    font-family: "Noto Sans JP";
  }
  div#wrap_buyers #main_item a.back_link { width: 100%; }
  div#wrap_buyers section#caution { width: 100%; margin-left: auto; margin-right: auto; padding: 16px 16px; text-align: left; }

  section.sp_download {
    display: flex;
    flex-direction: column;
    padding: 16px;
    background: #F7F8FA;
    margin-left: 16px;
    margin-right: 16px;
    font-size: 12px;
    text-align: left;
    margin-bottom: 24px;
    color:#333;
  }
  section.sp_download p {
    font-size: 12px;
    color:#333!important;
    font-weight:bold;
    font-family: "Noto Sans JP"!important;
  }
  section.sp_download ol {
    list-style-type: decimal;
    list-style-position: outside;
    margin-bottom: 16px;
    margin-left: 16px;
  }
  section.sp_download div.store {
    display: flex;
    flex-direction: row;
    gap: 16px;
  }
  #wrapper { margin-bottom: 0px; }
  #share { padding-top: 24px; }
	
	div#wrap_buyers div#lowpage p.setsumei{margin-top:8px;}
	div#wrap_buyers div#lowpage p.spec{margin-bottom:0;}
	div#wrap_buyers div#lowpage div.label { margin-top: 0; }
}

/* PC表示でwhiskyを中央寄せ */
@media screen and (min-width: 751px) {
  div#wrap_buyers .whisky {
    display: flex;
    justify-content: center; /* 横方向中央寄せ */
    flex-wrap: wrap;
    margin: 0 auto;
  }


}

/* ===== SP 480 ===== */
@media screen and (max-width: 480px) {
  div#wrap_buyers header h1 {
    display: block;
    width: 100%;
    aspect-ratio: 375 / 550;
    background-image: url("../img/SP_KV.jpg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top;
    font-size: 0;
    margin: 0 auto;
    height: auto !important;
  }
	div#wrap_buyers p.txt{
		font-size:15px;
	}
	  div#wrap_buyers div.label dt { font-size: 18px; }
}



@media screen and (max-width: 520px) {
	  div#wrap_buyers br.sp { display: block; }
  div#wrap_buyers br.pc { display: none; }
	div#wrap_buyers div.main2510item_inner.clona{ width:100%; padding:36px 16px; }
  div#wrap_buyers div.main2510item_inner.saburomaru{ width:100%; padding:16px; }
}

/* ===== SP 360 ===== */
@media screen and (max-width: 360px) {
	br.small{
	display: none; 
	}
}