.cartjs_box{
	margin: 0 0 16px !important;
	padding: 0 !important;
}

	.cartjs_product_table{
		float:left;
      margin-right: 16px;
	}

	.cartjs_product_table table{
		width: 100% !important;
		margin:0 0 16px !important;
		border:2px solid #ddd !important;
		background:#fff;
		min-width: 145px;
		margin: 0 2% 16px 0;
	}

	.cartjs_product_table table th,
	.cartjs_product_table table td{
		width: auto;
		height: 56px;
		line-height: 56px;
		padding: 0 !important;
		background-color:transparent;
		border:0;
		font-weight:bold !important;
	}

	.cartjs_product_table table th{padding: 0 16px !important;}
	.cartjs_product_table table td{padding-right:16px !important;}

		.cartjs_product_table table input {
            width: 2em !important;
            margin-right: 4px;
            border: 1px solid #ddd;
            text-align: center;
            vertical-align: initial;
            font-size: 120%;
            padding: 8px !important;
            height: auto !important;
        }

	.cartjs_cart_in{
		clear: none;
        float: left;
        width: auto !important;
	}

		.cartjs_cart_in input[type="submit"]{
			display: block;
            width: 100% !important;
            padding: 16px 32px !important;
            margin: 0 0 16px !important;
            background-color: #ad0a0a !important;
		}

		.cartjs_cart_in input[type="submit"]:hover{
			background: #3faf3b !important;
			box-shadow:2px 2px 12px rgba(0,0,0,0.3) !important;
		}

.cartjs_product_table .cartjs_stock th{
	display:none;
}
.cartjs_product_table .cartjs_stock td{
	padding-left: 16px !important;
	text-align:center;
}

/* ========================================================
   お問い合わせエリア：PC・スマホの完全同期とズレ解消
======================================================== */

/* ① PC・タブレット（画面幅641px以上の広い画面）のとき：すべて中央寄せ */
@media screen and (min-width: 641px) {
#holiday .attention .inner,
#holiday .attention .inner p,
#holiday .attention .inner .title {
text-align: center !important;
}
}

/* ② スマホ（画面幅640px以下のすべての画面）のとき：テンプレート（640px）に完全同期 */
@media screen and (max-width: 640px) {
/* お問い合わせの左右の padding をゼロにして、上の「ご注文について」と開始位置を一致させる */
#holiday .attention {
padding-left: 0 !important;
padding-right: 0 !important;
}

/* 中身の文字・見出しをすべて「左寄せ」に統一してチグハグを完全解消 */
#holiday .attention,
#holiday .attention .inner,
#holiday .attention p,
#holiday .attention .title {
text-align: left !important;
}
}

/* ========================================================
   ご注文前確認エリア：箇条書き・スマホ余白ズレ解消
======================================================== */

/* 1. 箇条書きの点（●）を復活させる */
#order_confirm_area ul {
list-style-type: disc !important;
padding-left: 20px !important;
margin: 15px 0 !important;
}

#order_confirm_area li {
list-style-type: disc !important;
display: list-item !important;
margin-bottom: 10px !important;
text-align: left !important;
}

/* 2. スマホ（画面幅640px以下）のとき：上のholidayエリアと左右の余白（開始位置）を完全一致させる */
@media screen and (max-width: 640px) {
#order_confirm_area .attention {
padding-left: 0 !important;
padding-right: 0 !important;
}
}

/* --- インフォメーション（背景色変更＆スマホ時改行モデル） --- */

/* 1. 全体を囲む背景ボックス（すべての画面共通） */
.info-block {
  background-color: #fcf7e4;    /* 指定の嶽きみカラー（優しい薄黄色）に変更 */
  border-radius: 6px;           /* 角を少し丸めて馴染ませる */
  padding: 30px 20px;           /* スマホ時の内側の余白 */
  margin: 30px 0 0 0;             /* 上下の他のブロックとの間の余白 */
}

/* 2. リスト全体の設定（基本：スマホ 640px以下は左寄せ） */
.info-list {
  list-style: none;             /* 黒丸を消す */
  padding: 0;
  margin: 0;
  text-align: left;             /* スマホ画面では左寄せで見やすく */
}

/* 3. お知らせ1行ごとの設定 */
.info-list li {
  margin-bottom: 18px;          /* スマホ時は改行されて縦幅が出るため、行間を少し広めに */
  line-height: 1.6;
  font-size: 16px;              /* 他の文字サイズと同期 */
}
.info-list li:last-child {
  margin-bottom: 0;             /* 最後の行の余白はなし */
}

/* 4. 日付の設定（基本：スマホ 640px以下は自動改行） */
.info-date {
  display: block;               /* blockにすることで、スマホでは日付の後で自動改行されます */
  margin-bottom: 4px;           /* 日付と、その下の本文との間の微調整余白 */
  font-weight: bold;            /* 日付を少し太文字に */
  color: #666666;               /* 日付の色を少し落ち着かせる */
}

/* 5. 画面幅641px以上のとき（タブレット・PC環境に適用） */
@media screen and (min-width: 641px) {
  .info-block {
    padding: 35px 40px;         /* PC時は上下の余白をさらにゆったり広げる */
  }
  .info-list {
    text-align: center;         /* PC・タブレットでは文字ごと綺麗に中央寄せ */
  }
  .info-date {
    display: inline-block;      /* 画面が広いときは横並び（インライン）に戻す */
    margin-bottom: 0;           /* 下の余白をリセット */
    margin-right: 20px;         /* 代わりに、日付の右側に20pxの余白を空けて本文と離す */
  }
}