/*
Theme Name: Green Scape Calm 3.1 Complete
Theme URI: https://greenscape.co.jp/
Description: Green Scape専用 Welcart Calm子テーマ。2.1〜2.3の既存CSSを保持し、3.1上書きレイヤーを追加した安全更新版。
Author: Green Scape
Version: 3.1.2
Template: welcart_default
Text Domain: greenscape-calm-31
*/

/*
 * IMPORTANT
 * 既存の2.1〜2.3 CSSをこの下に保持しています。
 * Green Scape Calm 3.1 の変更はファイル末尾の
 * 「GS 3.1 FINAL OVERRIDE LAYER」で上書きします。
 */

/* 親テーマの基本機能を維持し、各テンプレート側で専用デザインを適用します。 */
/* =========================================
   Green Scape ご利用ガイド
========================================= */

.gs-guide {
  --gs-text: #3f463f;
  --gs-subtext: #687068;
  --gs-green: #647764;
  --gs-dark-green: #465846;
  --gs-pale-green: #eef2ec;
  --gs-cream: #f7f5ef;
  --gs-border: #dfe4dc;
  --gs-white: #ffffff;

  width: min(1120px, calc(100% - 40px));
  margin: 0 auto;
  padding: 72px 0 100px;
  color: var(--gs-text);
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Helvetica Neue",
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    "Yu Gothic",
    YuGothic,
    Meiryo,
    sans-serif;
  line-height: 1.9;
}

.gs-guide *,
.gs-guide *::before,
.gs-guide *::after {
  box-sizing: border-box;
}

.gs-guide a {
  color: inherit;
}

.gs-guide__header {
  max-width: 800px;
  margin: 0 auto 48px;
  text-align: center;
}

.gs-guide__eyebrow {
  margin: 0 0 8px;
  color: var(--gs-green);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.22em;
}

.gs-guide__header h1 {
  margin: 0;
  color: var(--gs-dark-green);
  font-family:
    "Yu Mincho",
    "Hiragino Mincho ProN",
    "Hiragino Mincho Pro",
    serif;
  font-size: clamp(30px, 4vw, 48px);
  font-weight: 500;
  letter-spacing: 0.08em;
  line-height: 1.4;
}

.gs-guide__lead {
  margin: 24px 0 0;
  color: var(--gs-subtext);
  font-size: 15px;
}

.gs-guide__intro {
  display: grid;
  grid-template-columns: 64px 1fr;
  gap: 24px;
  align-items: start;
  margin-bottom: 32px;
  padding: 32px 36px;
  border: 1px solid var(--gs-border);
  background: var(--gs-pale-green);
}

.gs-guide__intro-icon {
  display: grid;
  place-items: center;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: var(--gs-white);
  font-size: 28px;
}

.gs-guide__intro h2 {
  margin: 0 0 10px;
  color: var(--gs-dark-green);
  font-size: 20px;
  font-weight: 500;
  line-height: 1.6;
}

.gs-guide__intro p {
  margin: 0;
  font-size: 14px;
}

.gs-guide__nav {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
  margin-bottom: 56px;
  overflow: hidden;
  border: 1px solid var(--gs-border);
  background: var(--gs-border);
}

.gs-guide__nav a {
  position: relative;
  display: flex;
  min-height: 58px;
  align-items: center;
  justify-content: center;
  padding: 12px 10px;
  background: var(--gs-white);
  color: var(--gs-text);
  font-size: 13px;
  text-align: center;
  text-decoration: none;
  transition:
    background-color 0.25s ease,
    color 0.25s ease;
}

.gs-guide__nav a::after {
  content: "";
  width: 6px;
  height: 6px;
  margin-left: 8px;
  border-right: 1px solid currentColor;
  border-bottom: 1px solid currentColor;
  transform: rotate(45deg) translateY(-2px);
}

.gs-guide__nav a:hover {
  background: var(--gs-dark-green);
  color: var(--gs-white);
}

.gs-guide__list {
  display: grid;
  gap: 36px;
}

.gs-guide__card {
  overflow: hidden;
  scroll-margin-top: 100px;
  border: 1px solid var(--gs-border);
  background: var(--gs-white);
  box-shadow: 0 12px 35px rgba(57, 70, 57, 0.05);
}

.gs-guide__card-heading {
  display: flex;
  gap: 20px;
  align-items: center;
  padding: 24px 30px;
  background: var(--gs-dark-green);
  color: var(--gs-white);
}

.gs-guide__number {
  display: flex;
  flex: 0 0 auto;
  width: 54px;
  height: 54px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.45);
  border-radius: 50%;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 16px;
  letter-spacing: 0.05em;
}

.gs-guide__card-label {
  margin: 0 0 3px;
  color: rgba(255, 255, 255, 0.7);
  font-size: 10px;
  letter-spacing: 0.18em;
}

.gs-guide__card-heading h2 {
  margin: 0;
  color: var(--gs-white);
  font-size: 22px;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 1.5;
}

.gs-guide__card-body {
  padding: 36px 40px 42px;
}

.gs-guide__card-body > *:first-child {
  margin-top: 0;
}

.gs-guide__card-body > *:last-child {
  margin-bottom: 0;
}

.gs-guide__card-body h3 {
  position: relative;
  margin: 34px 0 12px;
  padding-left: 18px;
  color: var(--gs-dark-green);
  font-size: 17px;
  font-weight: 600;
  line-height: 1.6;
}

.gs-guide__card-body h3::before {
  position: absolute;
  top: 0.48em;
  left: 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--gs-green);
  content: "";
}

.gs-guide__card-body p {
  margin: 0 0 18px;
  color: var(--gs-text);
  font-size: 14px;
}

.gs-guide__steps {
  display: grid;
  gap: 0;
  margin: 18px 0 30px;
  padding: 0;
  list-style: none;
}

.gs-guide__steps li {
  display: grid;
  grid-template-columns: 42px 1fr;
  gap: 18px;
  align-items: start;
  padding: 18px 0;
  border-bottom: 1px solid var(--gs-border);
}

.gs-guide__steps li:first-child {
  border-top: 1px solid var(--gs-border);
}

.gs-guide__steps li > span {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: var(--gs-pale-green);
  color: var(--gs-dark-green);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 15px;
}

.gs-guide__steps strong {
  display: block;
  margin-bottom: 3px;
  color: var(--gs-dark-green);
  font-size: 15px;
}

.gs-guide__steps p {
  margin: 0;
}

.gs-guide__notice {
  margin: 28px 0;
  padding: 22px 24px;
  border-left: 4px solid var(--gs-green);
  background: var(--gs-pale-green);
}

.gs-guide__notice strong {
  display: block;
  margin-bottom: 6px;
  color: var(--gs-dark-green);
  font-size: 15px;
}

.gs-guide__notice p {
  margin: 0;
}

.gs-guide__note {
  margin-top: 24px;
  padding: 15px 18px;
  border: 1px dashed #b7c0b5;
  background: #fafbf9;
  color: var(--gs-subtext);
  font-size: 12px;
}

.gs-guide__mini-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  margin-top: 24px;
}

.gs-guide__mini-card {
  padding: 26px 22px;
  border: 1px solid var(--gs-border);
  background: var(--gs-cream);
}

.gs-guide__mini-card > span {
  display: block;
  margin-bottom: 12px;
  font-size: 24px;
}

.gs-guide__mini-card h3 {
  margin: 0 0 9px;
  padding: 0;
  font-size: 15px;
}

.gs-guide__mini-card h3::before {
  display: none;
}

.gs-guide__mini-card p {
  margin: 0;
  font-size: 13px;
}

.gs-guide__table-wrap {
  width: 100%;
  margin: 18px 0 28px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.gs-guide__table {
  width: 100%;
  min-width: 560px;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 14px;
}

.gs-guide__table th,
.gs-guide__table td {
  padding: 17px 20px;
  border: 1px solid var(--gs-border);
  text-align: left;
  vertical-align: top;
}

.gs-guide__table th {
  width: 30%;
  background: var(--gs-pale-green);
  color: var(--gs-dark-green);
  font-weight: 600;
}

.gs-guide__check-list {
  display: grid;
  gap: 12px;
}

.gs-guide__check-list > div {
  display: grid;
  grid-template-columns: 28px 1fr;
  gap: 12px;
  align-items: start;
  padding: 16px 18px;
  background: var(--gs-cream);
}

.gs-guide__check-list span {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  margin-top: 2px;
  border-radius: 50%;
  background: var(--gs-green);
  color: var(--gs-white);
  font-size: 12px;
  font-weight: 700;
}

.gs-guide__check-list p {
  margin: 0;
}

.gs-guide__message {
  margin-top: 28px;
  padding: 26px 28px;
  border-top: 1px solid var(--gs-border);
  border-bottom: 1px solid var(--gs-border);
  text-align: center;
}

.gs-guide__message p {
  margin: 0;
  color: var(--gs-dark-green);
  font-family:
    "Yu Mincho",
    "Hiragino Mincho ProN",
    "Hiragino Mincho Pro",
    serif;
  font-size: 16px;
  line-height: 2;
}

.gs-guide__contact-box {
  margin-top: 28px;
  padding: 34px 28px;
  background: var(--gs-cream);
  text-align: center;
}

.gs-guide__contact-title {
  margin: 0 0 3px !important;
  color: var(--gs-dark-green) !important;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 22px !important;
  letter-spacing: 0.08em;
}

.gs-guide__button {
  display: inline-flex;
  min-width: 280px;
  min-height: 52px;
  align-items: center;
  justify-content: center;
  margin-top: 18px;
  padding: 12px 30px;
  border: 1px solid var(--gs-dark-green);
  background: var(--gs-dark-green);
  color: var(--gs-white) !important;
  font-size: 14px;
  letter-spacing: 0.04em;
  text-decoration: none;
  transition:
    background-color 0.25s ease,
    color 0.25s ease;
}

.gs-guide__button:hover {
  background: var(--gs-white);
  color: var(--gs-dark-green) !important;
}

.gs-guide__contact-note {
  margin: 18px 0 0 !important;
  color: var(--gs-subtext) !important;
  font-size: 11px !important;
}

.gs-guide__footer-message {
  margin-top: 72px;
  padding: 52px 30px;
  background: var(--gs-pale-green);
  text-align: center;
}

.gs-guide__footer-en {
  margin: 0 0 8px;
  color: var(--gs-green);
  font-size: 11px;
  letter-spacing: 0.22em;
}

.gs-guide__footer-message h2 {
  margin: 0 0 18px;
  color: var(--gs-dark-green);
  font-family:
    "Yu Mincho",
    "Hiragino Mincho ProN",
    "Hiragino Mincho Pro",
    serif;
  font-size: clamp(21px, 3vw, 30px);
  font-weight: 500;
  letter-spacing: 0.05em;
}

.gs-guide__footer-message > p:last-child {
  max-width: 650px;
  margin: 0 auto;
  color: var(--gs-subtext);
  font-size: 14px;
}

/* タブレット */
@media screen and (max-width: 900px) {
  .gs-guide {
    width: min(100% - 32px, 1120px);
    padding-top: 56px;
  }

  .gs-guide__nav {
    grid-template-columns: repeat(2, 1fr);
  }

  .gs-guide__mini-grid {
    grid-template-columns: 1fr;
  }
}

/* スマートフォン */
@media screen and (max-width: 600px) {
  .gs-guide {
    width: calc(100% - 24px);
    padding: 38px 0 70px;
    line-height: 1.85;
  }

  .gs-guide__header {
    margin-bottom: 32px;
  }

  .gs-guide__header h1 {
    font-size: 29px;
  }

  .gs-guide__lead {
    margin-top: 18px;
    font-size: 13px;
    text-align: left;
  }

  .gs-guide__lead br {
    display: none;
  }

  .gs-guide__intro {
    grid-template-columns: 1fr;
    gap: 14px;
    padding: 24px 20px;
  }

  .gs-guide__intro-icon {
    width: 50px;
    height: 50px;
    font-size: 22px;
  }

  .gs-guide__intro h2 {
    font-size: 17px;
  }

  .gs-guide__intro p {
    font-size: 13px;
  }

  .gs-guide__nav {
    grid-template-columns: repeat(2, 1fr);
    margin-bottom: 36px;
  }

  .gs-guide__nav a {
    min-height: 52px;
    padding: 10px 7px;
    font-size: 12px;
  }

  .gs-guide__list {
    gap: 24px;
  }

  .gs-guide__card-heading {
    gap: 14px;
    padding: 18px 20px;
  }

  .gs-guide__number {
    width: 44px;
    height: 44px;
    font-size: 13px;
  }

  .gs-guide__card-heading h2 {
    font-size: 18px;
  }

  .gs-guide__card-label {
    font-size: 9px;
  }

  .gs-guide__card-body {
    padding: 26px 20px 30px;
  }

  .gs-guide__card-body h3 {
    margin-top: 28px;
    font-size: 15px;
  }

  .gs-guide__card-body p {
    font-size: 13px;
  }

  .gs-guide__steps li {
    grid-template-columns: 34px 1fr;
    gap: 12px;
  }

  .gs-guide__steps li > span {
    width: 32px;
    height: 32px;
    font-size: 13px;
  }

  .gs-guide__notice {
    padding: 18px;
  }

  .gs-guide__mini-card {
    padding: 22px 18px;
  }

  .gs-guide__check-list > div {
    grid-template-columns: 24px 1fr;
    padding: 14px;
  }

  .gs-guide__message {
    padding: 22px 10px;
    text-align: left;
  }

  .gs-guide__message p {
    font-size: 14px;
  }

  .gs-guide__message br {
    display: none;
  }

  .gs-guide__table {
    min-width: 520px;
    font-size: 12px;
  }

  .gs-guide__table th,
  .gs-guide__table td {
    padding: 14px;
  }

  .gs-guide__contact-box {
    padding: 28px 18px;
  }

  .gs-guide__button {
    width: 100%;
    min-width: 0;
  }

  .gs-guide__footer-message {
    margin-top: 48px;
    padding: 38px 20px;
  }

  .gs-guide__footer-message > p:last-child {
    text-align: left;
  }
}
/* =========================================
   ご利用ガイド「植物について」表示崩れ修正
========================================= */

.gs-guide .gs-guide__check-list {
	display: grid !important;
	grid-template-columns: 1fr !important;
	width: 100% !important;
	max-width: none !important;
	gap: 12px !important;
}

.gs-guide .gs-guide__check-list > div {
	display: grid !important;
	grid-template-columns: 28px minmax(0, 1fr) !important;
	align-items: start !important;
	gap: 12px !important;
	width: 100% !important;
	max-width: none !important;
	min-width: 0 !important;
	padding: 16px 18px !important;
	margin: 0 !important;
	background: #f7f5ef !important;
}

.gs-guide .gs-guide__check-list > div > span {
	display: grid !important;
	place-items: center !important;
	width: 24px !important;
	height: 24px !important;
	min-width: 24px !important;
	margin: 2px 0 0 !important;
	padding: 0 !important;
	border-radius: 50% !important;
	background: #647764 !important;
	color: #ffffff !important;
	font-size: 12px !important;
	line-height: 1 !important;
}

.gs-guide .gs-guide__check-list > div > p {
	display: block !important;
	width: auto !important;
	max-width: none !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	color: #3f463f !important;
	font-size: 14px !important;
	line-height: 1.9 !important;
	text-align: left !important;
	white-space: normal !important;
	word-break: normal !important;
	overflow-wrap: anywhere !important;
	writing-mode: horizontal-tb !important;
}

/* スマートフォン */
@media screen and (max-width: 600px) {
	.gs-guide .gs-guide__check-list > div {
		grid-template-columns: 24px minmax(0, 1fr) !important;
		gap: 10px !important;
		padding: 14px !important;
	}

	.gs-guide .gs-guide__check-list > div > span {
		width: 22px !important;
		height: 22px !important;
		min-width: 22px !important;
		font-size: 11px !important;
	}

	.gs-guide .gs-guide__check-list > div > p {
		font-size: 13px !important;
		line-height: 1.85 !important;
	}
}
/* =========================================
   ご利用ガイド 植物リスト完全修正版
========================================= */

.gs-guide ul.gs-guide-plant-list {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
	float: none !important;
	clear: both !important;
}

.gs-guide ul.gs-guide-plant-list li {
	display: flex !important;
	flex-direction: row !important;
	align-items: flex-start !important;
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	height: auto !important;
	min-height: 0 !important;
	margin: 0 0 12px !important;
	padding: 16px 18px !important;
	float: none !important;
	clear: both !important;
	background: #f7f5ef !important;
	border: 0 !important;
	box-sizing: border-box !important;
	white-space: normal !important;
	writing-mode: horizontal-tb !important;
}

.gs-guide ul.gs-guide-plant-list li:last-child {
	margin-bottom: 0 !important;
}

.gs-guide .gs-guide-plant-check {
	display: flex !important;
	flex: 0 0 24px !important;
	width: 24px !important;
	height: 24px !important;
	min-width: 24px !important;
	max-width: 24px !important;
	align-items: center !important;
	justify-content: center !important;
	margin: 2px 12px 0 0 !important;
	padding: 0 !important;
	border-radius: 50% !important;
	background: #647764 !important;
	color: #ffffff !important;
	font-size: 12px !important;
	font-weight: bold !important;
	line-height: 24px !important;
	text-align: center !important;
	float: none !important;
	writing-mode: horizontal-tb !important;
}

.gs-guide .gs-guide-plant-text {
	display: block !important;
	flex: 1 1 auto !important;
	width: auto !important;
	max-width: none !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	color: #3f463f !important;
	font-size: 14px !important;
	font-weight: normal !important;
	line-height: 1.9 !important;
	letter-spacing: normal !important;
	text-align: left !important;
	white-space: normal !important;
	word-break: normal !important;
	overflow-wrap: break-word !important;
	writing-mode: horizontal-tb !important;
	float: none !important;
}

@media screen and (max-width: 600px) {
	.gs-guide ul.gs-guide-plant-list li {
		padding: 14px !important;
		margin-bottom: 10px !important;
	}

	.gs-guide .gs-guide-plant-check {
		flex-basis: 22px !important;
		width: 22px !important;
		height: 22px !important;
		min-width: 22px !important;
		max-width: 22px !important;
		margin-right: 10px !important;
		font-size: 11px !important;
		line-height: 22px !important;
	}

	.gs-guide .gs-guide-plant-text {
		font-size: 13px !important;
		line-height: 1.85 !important;
	}
}
/* =========================================================
   Green Scape Calm 2.0
   Welcart カートページ専用デザイン
   ========================================================= */


/* ---------------------------------------------------------
   1. カートページ全体
   --------------------------------------------------------- */

body.cart_page #content,
body.member_page #content,
#cart,
#customer-info,
#delivery-info,
#confirm-info,
.usces-cart-page {
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
}

#cart,
#customer-info,
#delivery-info,
#confirm-info {
	color: #3f463f;
	font-size: 15px;
	line-height: 1.8;
}

#cart h1,
#cart h2,
#customer-info h1,
#customer-info h2,
#delivery-info h1,
#delivery-info h2,
#confirm-info h1,
#confirm-info h2 {
	color: #344536;
	font-weight: 500;
	letter-spacing: 0.08em;
}


/* ---------------------------------------------------------
   2. カートのステップ表示
   黄色い帯をモダンなナビゲーションへ変更
   --------------------------------------------------------- */

#cart .cart_navi,
#customer-info .cart_navi,
#delivery-info .cart_navi,
#confirm-info .cart_navi,
ol.cart_navi,
ul.cart_navi {
	display: flex;
	align-items: stretch;
	gap: 6px;
	margin: 0 0 34px;
	padding: 0;
	background: transparent;
	list-style: none;
	border: 0;
}

#cart .cart_navi li,
#customer-info .cart_navi li,
#delivery-info .cart_navi li,
#confirm-info .cart_navi li,
ol.cart_navi li,
ul.cart_navi li {
	position: relative;
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 52px;
	margin: 0;
	padding: 10px 14px;
	color: #788078;
	background: #f3f4f1;
	border: 1px solid #e1e4de;
	border-radius: 4px;
	font-size: 13px;
	font-weight: 500;
	line-height: 1.4;
	text-align: center;
	letter-spacing: 0.04em;
	box-sizing: border-box;
}

/* 現在のステップ */

#cart .cart_navi li.current,
#customer-info .cart_navi li.current,
#delivery-info .cart_navi li.current,
#confirm-info .cart_navi li.current,
.cart_navi li.current,
.cart_navi li.active,
.cart_navi li.usccart_current {
	color: #fff;
	background: #536653;
	border-color: #536653;
	box-shadow: 0 4px 12px rgba(53, 73, 55, 0.14);
}

/* 黄色系の背景指定を解除 */

.cart_navi li,
.cart_navi li.current,
.cart_navi li.active {
	background-image: none;
	text-shadow: none;
}


/* ---------------------------------------------------------
   3. カート商品テーブル
   --------------------------------------------------------- */

#cart_table,
table#cart_table,
#cart table {
	width: 100%;
	margin: 0 0 26px;
	border-collapse: separate;
	border-spacing: 0;
	background: #fff;
	border: 1px solid #e1e4de;
	border-radius: 6px;
	overflow: hidden;
}

#cart_table th,
#cart table th {
	padding: 13px 10px;
	color: #4a574b;
	background: #f2f4ef;
	border: 0;
	border-bottom: 1px solid #dfe3dc;
	font-size: 12px;
	font-weight: 500;
	line-height: 1.5;
	text-align: center;
	letter-spacing: 0.05em;
	vertical-align: middle;
}

#cart_table td,
#cart table td {
	padding: 16px 10px;
	color: #414841;
	background: #fff;
	border: 0;
	border-bottom: 1px solid #e7e9e4;
	font-size: 14px;
	line-height: 1.7;
	vertical-align: middle;
	box-sizing: border-box;
}

#cart_table tr:last-child td,
#cart table tr:last-child td {
	border-bottom: 0;
}

#cart_table tbody tr:hover td,
#cart table tbody tr:hover td {
	background: #fafbf8;
}


/* 商品画像 */

#cart_table img,
#cart table img {
	max-width: 90px;
	height: auto;
	border-radius: 3px;
}


/* 商品名 */

#cart_table .itemname,
#cart_table .productname,
#cart_table .cart_item_name,
#cart .itemname,
#cart .productname {
	color: #344536;
	font-weight: 500;
	line-height: 1.7;
}


/* 金額 */

#cart_table .price,
#cart_table .subtotal,
#cart_table .amount,
#cart .price,
#cart .subtotal {
	color: #3d493e;
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
}


/* ---------------------------------------------------------
   4. 数量入力欄
   --------------------------------------------------------- */

#cart input[type="number"],
#cart input.quantity,
#cart input.quantity_input,
#cart input[name*="quant"],
#cart_table input[type="text"][name*="quant"],
#cart_table input[type="number"] {
	width: 64px;
	height: 40px;
	margin: 0;
	padding: 5px 8px;
	color: #354236;
	background: #fff;
	border: 1px solid #cfd5cc;
	border-radius: 4px;
	box-shadow: none;
	font-size: 15px;
	font-weight: 500;
	line-height: 1;
	text-align: center;
	box-sizing: border-box;
	appearance: auto;
	-webkit-appearance: auto;
}

#cart input[type="number"]:focus,
#cart input.quantity:focus,
#cart input.quantity_input:focus,
#cart input[name*="quant"]:focus,
#cart_table input[type="text"][name*="quant"]:focus {
	outline: none;
	border-color: #718271;
	box-shadow: 0 0 0 3px rgba(83, 102, 83, 0.12);
}


/* ---------------------------------------------------------
   5. 共通ボタン
   --------------------------------------------------------- */

#cart input[type="submit"],
#cart input[type="button"],
#cart button,
#customer-info input[type="submit"],
#customer-info input[type="button"],
#customer-info button,
#delivery-info input[type="submit"],
#delivery-info input[type="button"],
#delivery-info button,
#confirm-info input[type="submit"],
#confirm-info input[type="button"],
#confirm-info button,
.usces-cart-page input[type="submit"],
.usces-cart-page input[type="button"],
.usces-cart-page button {
	min-height: 44px;
	margin: 4px;
	padding: 10px 22px;
	color: #455046;
	background: #fff;
	border: 1px solid #bfc7bc;
	border-radius: 4px;
	box-shadow: none;
	font-family: inherit;
	font-size: 13px;
	font-weight: 500;
	line-height: 1.4;
	text-align: center;
	text-decoration: none;
	letter-spacing: 0.05em;
	cursor: pointer;
	transition:
		background-color 0.2s ease,
		border-color 0.2s ease,
		color 0.2s ease,
		box-shadow 0.2s ease,
		transform 0.2s ease;
	box-sizing: border-box;
}

#cart input[type="submit"]:hover,
#cart input[type="button"]:hover,
#cart button:hover,
#customer-info input[type="submit"]:hover,
#customer-info input[type="button"]:hover,
#customer-info button:hover,
#delivery-info input[type="submit"]:hover,
#delivery-info input[type="button"]:hover,
#delivery-info button:hover,
#confirm-info input[type="submit"]:hover,
#confirm-info input[type="button"]:hover,
#confirm-info button:hover {
	color: #344536;
	background: #f2f4ef;
	border-color: #899688;
	box-shadow: 0 3px 9px rgba(53, 73, 55, 0.1);
	transform: translateY(-1px);
}


/* ---------------------------------------------------------
   6. 次へ・購入手続き・注文ボタン
   --------------------------------------------------------- */

#cart .to_customerinfo_button,
#cart .checkout_button,
#cart .next_button,
#customer-info .to_deliveryinfo_button,
#customer-info .next_button,
#delivery-info .to_confirm_button,
#delivery-info .next_button,
#confirm-info .checkout_button,
#confirm-info .send_button,
#confirm-info input[name="purchase"],
input#purchase_button,
input.checkout_button {
	min-width: 190px;
	min-height: 50px;
	padding: 13px 28px;
	color: #fff;
	background: #536653;
	border-color: #536653;
	font-size: 14px;
	letter-spacing: 0.08em;
}

#cart .to_customerinfo_button:hover,
#cart .checkout_button:hover,
#cart .next_button:hover,
#customer-info .to_deliveryinfo_button:hover,
#customer-info .next_button:hover,
#delivery-info .to_confirm_button:hover,
#delivery-info .next_button:hover,
#confirm-info .checkout_button:hover,
#confirm-info .send_button:hover,
#confirm-info input[name="purchase"]:hover,
input#purchase_button:hover,
input.checkout_button:hover {
	color: #fff;
	background: #435544;
	border-color: #435544;
}


/* ---------------------------------------------------------
   7. 削除ボタン
   赤くしすぎず、控えめなデザイン
   --------------------------------------------------------- */

#cart .delButton,
#cart .delete,
#cart .delete_button,
#cart input[name*="del"],
#cart input[value="削除"],
#cart button[name*="del"] {
	min-width: auto;
	min-height: 36px;
	padding: 7px 12px;
	color: #78615d;
	background: #fff;
	border-color: #d7cbc8;
	font-size: 12px;
}

#cart .delButton:hover,
#cart .delete:hover,
#cart .delete_button:hover,
#cart input[name*="del"]:hover,
#cart input[value="削除"]:hover,
#cart button[name*="del"]:hover {
	color: #654c48;
	background: #f8f3f1;
	border-color: #cbb7b2;
}


/* ---------------------------------------------------------
   8. 数量更新ボタン
   --------------------------------------------------------- */

#cart .upbutton,
#cart .update_button,
#cart input[name*="upButton"],
#cart input[value*="更新"] {
	min-height: 38px;
	padding: 8px 15px;
	color: #4c5a4d;
	background: #f4f6f1;
	border-color: #ccd3c9;
}


/* ---------------------------------------------------------
   9. 戻るボタン
   --------------------------------------------------------- */

#cart .back_button,
#customer-info .back_button,
#delivery-info .back_button,
#confirm-info .back_button,
#cart input[value*="戻る"],
#customer-info input[value*="戻る"],
#delivery-info input[value*="戻る"],
#confirm-info input[value*="戻る"] {
	color: #667067;
	background: transparent;
	border-color: #c9cec6;
}


/* ---------------------------------------------------------
   10. ボタン配置
   --------------------------------------------------------- */

#cart .send,
#cart .cart_button,
#cart .button_area,
#customer-info .send,
#customer-info .button_area,
#delivery-info .send,
#delivery-info .button_area,
#confirm-info .send,
#confirm-info .button_area {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	gap: 10px;
	margin-top: 24px;
}

#cart .send input,
#cart .cart_button input,
#cart .button_area input,
#customer-info .send input,
#customer-info .button_area input,
#delivery-info .send input,
#delivery-info .button_area input,
#confirm-info .send input,
#confirm-info .button_area input {
	margin: 0;
}


/* ---------------------------------------------------------
   11. 合計金額部分
   --------------------------------------------------------- */

#cart .total_price,
#cart .total,
#cart_table .total,
#confirm-info .total_price,
#confirm-info .total {
	color: #344536;
	font-size: 17px;
	font-weight: 600;
	letter-spacing: 0.03em;
}

#cart .total_price,
#confirm-info .total_price {
	padding: 16px 18px;
	background: #f5f6f2;
	border-top: 1px solid #dfe3dc;
}


/* ---------------------------------------------------------
   12. 入力フォーム
   お客様情報・配送情報画面
   --------------------------------------------------------- */

#customer-info input[type="text"],
#customer-info input[type="email"],
#customer-info input[type="tel"],
#customer-info input[type="password"],
#customer-info select,
#customer-info textarea,
#delivery-info input[type="text"],
#delivery-info input[type="email"],
#delivery-info input[type="tel"],
#delivery-info select,
#delivery-info textarea {
	max-width: 100%;
	min-height: 44px;
	padding: 9px 12px;
	color: #3d463e;
	background: #fff;
	border: 1px solid #ccd2c9;
	border-radius: 4px;
	box-shadow: none;
	font-family: inherit;
	font-size: 15px;
	box-sizing: border-box;
}

#customer-info textarea,
#delivery-info textarea {
	min-height: 120px;
	line-height: 1.7;
}

#customer-info input:focus,
#customer-info select:focus,
#customer-info textarea:focus,
#delivery-info input:focus,
#delivery-info select:focus,
#delivery-info textarea:focus {
	outline: none;
	border-color: #718271;
	box-shadow: 0 0 0 3px rgba(83, 102, 83, 0.12);
}


/* ---------------------------------------------------------
   13. スマートフォン
   --------------------------------------------------------- */

@media screen and (max-width: 768px) {

	#cart,
	#customer-info,
	#delivery-info,
	#confirm-info {
		width: 100%;
		font-size: 14px;
		box-sizing: border-box;
	}

	/* ステップ */

	#cart .cart_navi,
	#customer-info .cart_navi,
	#delivery-info .cart_navi,
	#confirm-info .cart_navi,
	ol.cart_navi,
	ul.cart_navi {
		gap: 3px;
		margin-bottom: 24px;
	}

	#cart .cart_navi li,
	#customer-info .cart_navi li,
	#delivery-info .cart_navi li,
	#confirm-info .cart_navi li,
	ol.cart_navi li,
	ul.cart_navi li {
		min-height: 46px;
		padding: 7px 4px;
		border-radius: 3px;
		font-size: 10px;
		letter-spacing: 0;
	}

	/* カート表は横スクロール可能にする */

	#cart form,
	#cart .cart_table_wrapper,
	#cart .cart_table {
		max-width: 100%;
	}

	#cart_table,
	table#cart_table {
		min-width: 680px;
	}

	#cart {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	#cart_table th,
	#cart table th {
		padding: 10px 7px;
		font-size: 11px;
	}

	#cart_table td,
	#cart table td {
		padding: 12px 7px;
		font-size: 13px;
	}

	#cart_table img,
	#cart table img {
		max-width: 70px;
	}

	/* 数量 */

	#cart input[type="number"],
	#cart input.quantity,
	#cart input.quantity_input,
	#cart input[name*="quant"],
	#cart_table input[type="text"][name*="quant"] {
		width: 56px;
		height: 40px;
		padding: 5px;
		font-size: 14px;
	}

	/* ボタン */

	#cart .send,
	#cart .cart_button,
	#cart .button_area,
	#customer-info .send,
	#customer-info .button_area,
	#delivery-info .send,
	#delivery-info .button_area,
	#confirm-info .send,
	#confirm-info .button_area {
		flex-direction: column-reverse;
		align-items: stretch;
		gap: 8px;
	}

	#cart .send input,
	#cart .send button,
	#cart .cart_button input,
	#cart .button_area input,
	#customer-info .send input,
	#customer-info .button_area input,
	#delivery-info .send input,
	#delivery-info .button_area input,
	#confirm-info .send input,
	#confirm-info .button_area input {
		width: 100%;
		min-width: 0;
		min-height: 48px;
		margin: 0;
	}

	/* 表内の削除・更新ボタンは全幅にしない */

	#cart_table input[type="submit"],
	#cart_table input[type="button"],
	#cart_table button {
		width: auto;
		min-width: 0;
		min-height: 36px;
		margin: 2px 0;
		padding: 7px 10px;
		font-size: 11px;
	}
}


/* ---------------------------------------------------------
   14. 小さいスマートフォン
   --------------------------------------------------------- */

@media screen and (max-width: 480px) {

	#cart .cart_navi li,
	#customer-info .cart_navi li,
	#delivery-info .cart_navi li,
	#confirm-info .cart_navi li,
	ol.cart_navi li,
	ul.cart_navi li {
		min-height: 42px;
		font-size: 9px;
		line-height: 1.3;
	}

	#cart h1,
	#customer-info h1,
	#delivery-info h1,
	#confirm-info h1 {
		font-size: 22px;
	}

	#cart h2,
	#customer-info h2,
	#delivery-info h2,
	#confirm-info h2 {
		font-size: 17px;
	}
}
/* =========================================================
   Green Scape Calm 2.0
   商品詳細ページ・SKU表
   ========================================================= */


/* ---------------------------------------------------------
   1. 商品詳細ページ全体
   --------------------------------------------------------- */

.single-item #content,
.single-item .item_page,
.single-item #itempage,
body.single-post #itempage {
	max-width: 1180px;
	margin-left: auto;
	margin-right: auto;
}


/* 商品画像と右側情報の間隔 */

#itempage .itemimg,
#itempage .item-info,
#itempage .item-info-wrap,
#itempage .item-description {
	box-sizing: border-box;
}

#itempage .itemimg {
	padding-right: 35px;
}

#itempage .item-info,
#itempage .item-info-wrap {
	padding-left: 15px;
}


/* ---------------------------------------------------------
   2. 商品名
   --------------------------------------------------------- */

#itempage h1,
#itempage .item_name,
#itempage .itemname,
#itempage .item-title,
.single-item .entry-title {
	margin: 0 0 18px;
	color: #344536;
	font-size: 25px;
	font-weight: 500;
	line-height: 1.55;
	letter-spacing: 0.06em;
}


/* ---------------------------------------------------------
   3. 商品番号・カテゴリーなど
   --------------------------------------------------------- */

#itempage .itemcode,
#itempage .item_code,
#itempage .sku-code,
#itempage .item-category,
#itempage .item_cat {
	margin: 0 0 10px;
	color: #7b837b;
	font-size: 12px;
	line-height: 1.6;
	letter-spacing: 0.04em;
}


/* ---------------------------------------------------------
   4. 価格表示
   --------------------------------------------------------- */

#itempage .price,
#itempage .itemprice,
#itempage .field_price,
#itempage .skuPrice,
#itempage .skubutton .price {
	color: #344536;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 0.03em;
	font-variant-numeric: tabular-nums;
}

#itempage .tax,
#itempage .tax_text,
#itempage .tax-included,
#itempage .price_tax {
	color: #7b837b;
	font-size: 11px;
	font-weight: 400;
}


/* ---------------------------------------------------------
   5. 商品説明
   --------------------------------------------------------- */

#itempage .item-description,
#itempage .item_description,
#itempage .exp,
#itempage .entry {
	color: #4b524b;
	font-size: 14px;
	line-height: 2;
	letter-spacing: 0.025em;
}

#itempage .item-description p,
#itempage .item_description p,
#itempage .exp p {
	margin: 0 0 16px;
}


/* ---------------------------------------------------------
   6. SKU選択エリア
   --------------------------------------------------------- */

#itempage .skuform,
#itempage .sku-form,
#itempage .skubutton,
#itempage .sku-select {
	margin-top: 24px;
	padding: 22px;
	background: #f6f7f3;
	border: 1px solid #e0e4dc;
	border-radius: 6px;
	box-sizing: border-box;
}


/* SKUの見出し */

#itempage .skuform label,
#itempage .sku-form label,
#itempage .skubutton label,
#itempage .sku-select label {
	display: block;
	margin: 0 0 8px;
	color: #4c594d;
	font-size: 12px;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 0.05em;
}


/* ---------------------------------------------------------
   7. SKU表
   --------------------------------------------------------- */

#itempage table.sku,
#itempage table.sku_table,
#itempage .skuform table,
#itempage .sku-form table,
#itempage .skubutton table {
	width: 100%;
	margin: 18px 0;
	border-collapse: separate;
	border-spacing: 0;
	background: #fff;
	border: 1px solid #dfe3dc;
	border-radius: 5px;
	overflow: hidden;
}

#itempage table.sku th,
#itempage table.sku_table th,
#itempage .skuform table th,
#itempage .sku-form table th,
#itempage .skubutton table th {
	padding: 11px 12px;
	color: #526053;
	background: #edf0e9;
	border: 0;
	border-right: 1px solid #dfe3dc;
	border-bottom: 1px solid #dfe3dc;
	font-size: 12px;
	font-weight: 500;
	line-height: 1.5;
	text-align: left;
	letter-spacing: 0.04em;
	vertical-align: middle;
}

#itempage table.sku td,
#itempage table.sku_table td,
#itempage .skuform table td,
#itempage .sku-form table td,
#itempage .skubutton table td {
	padding: 12px;
	color: #434b44;
	background: #fff;
	border: 0;
	border-right: 1px solid #e3e6df;
	border-bottom: 1px solid #e3e6df;
	font-size: 13px;
	line-height: 1.6;
	vertical-align: middle;
	box-sizing: border-box;
}

#itempage table.sku tr:last-child th,
#itempage table.sku tr:last-child td,
#itempage table.sku_table tr:last-child th,
#itempage table.sku_table tr:last-child td,
#itempage .skuform table tr:last-child th,
#itempage .skuform table tr:last-child td {
	border-bottom: 0;
}

#itempage table.sku th:last-child,
#itempage table.sku td:last-child,
#itempage table.sku_table th:last-child,
#itempage table.sku_table td:last-child,
#itempage .skuform table th:last-child,
#itempage .skuform table td:last-child {
	border-right: 0;
}


/* SKU表の行にマウスを置いたとき */

#itempage table.sku tbody tr:hover td,
#itempage table.sku_table tbody tr:hover td,
#itempage .skuform table tbody tr:hover td {
	background: #fafbf8;
}


/* ---------------------------------------------------------
   8. SKUセレクトボックス
   --------------------------------------------------------- */

#itempage select,
#itempage .skuform select,
#itempage .sku-form select,
#itempage .skubutton select {
	width: 100%;
	max-width: 100%;
	min-height: 44px;
	padding: 8px 38px 8px 12px;
	color: #3f4840;
	background-color: #fff;
	border: 1px solid #cbd2c8;
	border-radius: 4px;
	box-shadow: none;
	font-family: inherit;
	font-size: 14px;
	line-height: 1.5;
	box-sizing: border-box;
}

#itempage select:focus,
#itempage .skuform select:focus,
#itempage .sku-form select:focus {
	outline: none;
	border-color: #718271;
	box-shadow: 0 0 0 3px rgba(83, 102, 83, 0.12);
}


/* ---------------------------------------------------------
   9. 数量入力
   --------------------------------------------------------- */

#itempage input[type="number"],
#itempage input.quantity,
#itempage input[name*="quant"] {
	width: 72px;
	height: 44px;
	margin: 0 8px;
	padding: 5px 8px;
	color: #354236;
	background: #fff;
	border: 1px solid #cbd2c8;
	border-radius: 4px;
	box-shadow: none;
	font-size: 15px;
	font-weight: 500;
	text-align: center;
	box-sizing: border-box;
}

#itempage input[type="number"]:focus,
#itempage input.quantity:focus,
#itempage input[name*="quant"]:focus {
	outline: none;
	border-color: #718271;
	box-shadow: 0 0 0 3px rgba(83, 102, 83, 0.12);
}


/* 数量の文字 */

#itempage .quantity label,
#itempage .quant label,
#itempage .skuform .quantity {
	color: #59635a;
	font-size: 12px;
	letter-spacing: 0.04em;
}


/* ---------------------------------------------------------
   10. カートに入れるボタン
   --------------------------------------------------------- */

#itempage input[type="submit"],
#itempage .skubutton input[type="submit"],
#itempage .skuform input[type="submit"],
#itempage .sku-form input[type="submit"],
#itempage .add-to-cart,
#itempage .cart-button {
	min-width: 210px;
	min-height: 50px;
	margin: 12px 0 0;
	padding: 13px 28px;
	color: #fff;
	background: #536653;
	border: 1px solid #536653;
	border-radius: 4px;
	box-shadow: none;
	font-family: inherit;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.4;
	text-align: center;
	letter-spacing: 0.08em;
	cursor: pointer;
	transition:
		background-color 0.2s ease,
		border-color 0.2s ease,
		box-shadow 0.2s ease,
		transform 0.2s ease;
	box-sizing: border-box;
}

#itempage input[type="submit"]:hover,
#itempage .skubutton input[type="submit"]:hover,
#itempage .skuform input[type="submit"]:hover,
#itempage .sku-form input[type="submit"]:hover,
#itempage .add-to-cart:hover,
#itempage .cart-button:hover {
	color: #fff;
	background: #435544;
	border-color: #435544;
	box-shadow: 0 4px 12px rgba(53, 73, 55, 0.16);
	transform: translateY(-1px);
}


/* ---------------------------------------------------------
   11. 在庫表示
   --------------------------------------------------------- */

#itempage .zaiko,
#itempage .stock,
#itempage .stock-status,
#itempage .item-stock {
	margin: 8px 0;
	color: #6e776f;
	font-size: 12px;
	line-height: 1.6;
}


/* 売り切れ */

#itempage .soldout,
#itempage .out-of-stock {
	display: inline-block;
	margin: 12px 0;
	padding: 9px 15px;
	color: #78615d;
	background: #f7f2f0;
	border: 1px solid #ddcfcb;
	border-radius: 4px;
	font-size: 12px;
	letter-spacing: 0.05em;
}


/* ---------------------------------------------------------
   12. 商品情報内の区切り
   --------------------------------------------------------- */

#itempage .item-info hr,
#itempage .item-info-wrap hr {
	height: 1px;
	margin: 22px 0;
	background: #e2e5df;
	border: 0;
}


/* ---------------------------------------------------------
   13. タブレット
   --------------------------------------------------------- */

@media screen and (max-width: 900px) {

	#itempage .itemimg {
		padding-right: 20px;
	}

	#itempage .item-info,
	#itempage .item-info-wrap {
		padding-left: 5px;
	}

	#itempage h1,
	#itempage .item_name,
	#itempage .itemname,
	#itempage .item-title,
	.single-item .entry-title {
		font-size: 22px;
	}
}


/* ---------------------------------------------------------
   14. スマートフォン
   --------------------------------------------------------- */

@media screen and (max-width: 768px) {

	#itempage .itemimg,
	#itempage .item-info,
	#itempage .item-info-wrap {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}

	#itempage .item-info,
	#itempage .item-info-wrap {
		margin-top: 24px;
	}

	#itempage h1,
	#itempage .item_name,
	#itempage .itemname,
	#itempage .item-title,
	.single-item .entry-title {
		margin-bottom: 14px;
		font-size: 20px;
		line-height: 1.55;
	}

	#itempage .price,
	#itempage .itemprice,
	#itempage .field_price,
	#itempage .skuPrice {
		font-size: 18px;
	}

	#itempage .item-description,
	#itempage .item_description,
	#itempage .exp,
	#itempage .entry {
		font-size: 14px;
		line-height: 1.9;
	}

	#itempage .skuform,
	#itempage .sku-form,
	#itempage .skubutton,
	#itempage .sku-select {
		margin-top: 20px;
		padding: 16px;
	}

	/* SKU表は画面内に収まりやすくする */

	#itempage table.sku th,
	#itempage table.sku_table th,
	#itempage .skuform table th,
	#itempage .sku-form table th,
	#itempage .skubutton table th {
		padding: 9px 7px;
		font-size: 11px;
	}

	#itempage table.sku td,
	#itempage table.sku_table td,
	#itempage .skuform table td,
	#itempage .sku-form table td,
	#itempage .skubutton table td {
		padding: 10px 7px;
		font-size: 12px;
	}

	#itempage input[type="submit"],
	#itempage .skubutton input[type="submit"],
	#itempage .skuform input[type="submit"],
	#itempage .sku-form input[type="submit"],
	#itempage .add-to-cart,
	#itempage .cart-button {
		width: 100%;
		min-width: 0;
		min-height: 50px;
	}

	#itempage select,
	#itempage .skuform select,
	#itempage .sku-form select {
		font-size: 16px;
	}
}


/* ---------------------------------------------------------
   15. 小さいスマートフォン
   --------------------------------------------------------- */

@media screen and (max-width: 480px) {

	#itempage .skuform,
	#itempage .sku-form,
	#itempage .skubutton,
	#itempage .sku-select {
		padding: 13px;
	}

	#itempage table.sku,
	#itempage table.sku_table,
	#itempage .skuform table {
		font-size: 11px;
	}

	#itempage input[type="number"],
	#itempage input.quantity,
	#itempage input[name*="quant"] {
		width: 62px;
		margin: 0 4px;
	}
}
/*
Theme Name: Green Scape Calm 2.0
File: cart-page-final.css
Purpose: Welcart cart / customer / delivery / confirm pages final styling
*/

/* =========================================================
   Green Scape Calm 2.0
   Welcart 繧ｫ繝ｼ繝医�雉ｼ蜈･謇狗ｶ壹″ 譛€邨りｪｿ謨ｴ
   PHP螟画峩縺ｪ縺暦ｼ峻tyle.css 縺ｮ譛€蠕後↓霑ｽ蜉�
   ========================================================= */

/* ---------- 蜈ｱ騾壹き繝ｩ繝ｼ ---------- */
body.cart_page,
body.customer_page,
body.delivery_page,
body.confirm_page,
body.member_page {
	--gs-cart-green: #244b38;
	--gs-cart-green-dark: #18382b;
	--gs-cart-green-soft: #edf1ec;
	--gs-cart-bg: #f7f6f1;
	--gs-cart-line: #dce1dc;
	--gs-cart-text: #303832;
	--gs-cart-muted: #737c75;
	--gs-cart-danger: #80635e;
	--gs-cart-danger-bg: #f7f2f0;
}

/* ---------- 雉ｼ蜈･繝壹�繧ｸ蜈ｨ菴� ---------- */
body.cart_page #content,
body.customer_page #content,
body.delivery_page #content,
body.confirm_page #content,
body.member_page #content,
#cart,
#customer-info,
#delivery-info,
#confirm-info,
.usces-cart-page,
.gs-cart,
.gs22-cart {
	width: min(1180px, calc(100% - 40px));
	max-width: 1180px;
	margin-right: auto;
	margin-left: auto;
	box-sizing: border-box;
	color: var(--gs-cart-text, #303832);
}

/* ---------- 鮟�牡縺�せ繝�ャ繝励ｒ螳悟�縺ｫ荳頑嶌縺� ---------- */
#cart .cart_navi,
#customer-info .cart_navi,
#delivery-info .cart_navi,
#confirm-info .cart_navi,
.cart_navi,
ol.cart_navi,
ul.cart_navi,
.gs-cart-steps,
.gs22-cart-steps {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	gap: 0 !important;
	width: 100% !important;
	margin: 0 0 36px !important;
	padding: 0 !important;
	overflow: hidden;
	border: 1px solid var(--gs-cart-line, #dce1dc) !important;
	border-radius: 2px;
	background: #fff !important;
	box-shadow: none !important;
	list-style: none !important;
}

#cart .cart_navi li,
#customer-info .cart_navi li,
#delivery-info .cart_navi li,
#confirm-info .cart_navi li,
.cart_navi li,
ol.cart_navi li,
ul.cart_navi li,
.gs-cart-steps li,
.gs22-cart-steps li {
	position: relative;
	display: flex !important;
	min-width: 0 !important;
	min-height: 62px !important;
	align-items: center !important;
	justify-content: center !important;
	margin: 0 !important;
	padding: 12px 10px !important;
	border: 0 !important;
	border-right: 1px solid var(--gs-cart-line, #dce1dc) !important;
	border-radius: 0 !important;
	background: var(--gs-cart-bg, #f7f6f1) !important;
	background-image: none !important;
	box-shadow: none !important;
	color: #788078 !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	line-height: 1.45 !important;
	text-align: center !important;
	text-shadow: none !important;
	letter-spacing: .035em;
	box-sizing: border-box;
}

#cart .cart_navi li:last-child,
#customer-info .cart_navi li:last-child,
#delivery-info .cart_navi li:last-child,
#confirm-info .cart_navi li:last-child,
.cart_navi li:last-child,
ol.cart_navi li:last-child,
ul.cart_navi li:last-child,
.gs-cart-steps li:last-child,
.gs22-cart-steps li:last-child {
	border-right: 0 !important;
}

/* 迴ｾ蝨ｨ菴咲ｽｮ */
#cart .cart_navi li.current,
#customer-info .cart_navi li.current,
#delivery-info .cart_navi li.current,
#confirm-info .cart_navi li.current,
.cart_navi li.current,
.cart_navi li.active,
.cart_navi li.usccart_current,
.gs-cart-steps li.is-current,
.gs22-cart-steps li.is-current {
	background: var(--gs-cart-green, #244b38) !important;
	color: #fff !important;
}

/* 螳御ｺ�ｸ医∩縺ｮ繧ｹ繝�ャ繝励′繝��繝槫�縺ｧ謖�ｮ壹＆繧後ｋ蝣ｴ蜷� */
.cart_navi li.done,
.cart_navi li.complete,
.gs-cart-steps li.is-complete,
.gs22-cart-steps li.is-complete {
	background: var(--gs-cart-green-soft, #edf1ec) !important;
	color: var(--gs-cart-green-dark, #18382b) !important;
}

/* 繧ｹ繝�ャ繝怜�縺ｮ繝ｪ繝ｳ繧ｯ繝ｻ譁�ｭ� */
.cart_navi li a,
.cart_navi li span,
.cart_navi li em,
.gs-cart-steps li span,
.gs22-cart-steps li span {
	color: inherit !important;
	background: transparent !important;
	text-decoration: none !important;
}

/* ---------- 繧ｫ繝ｼ繝郁｡ｨ ---------- */
#cart_table,
table#cart_table,
#cart table,
.gs-cart-table,
.gs22-cart-table {
	width: 100%;
	margin: 0;
	border-collapse: separate;
	border-spacing: 0;
	overflow: hidden;
	border: 1px solid var(--gs-cart-line, #dce1dc);
	border-radius: 2px;
	background: #fff;
	box-shadow: none;
}

#cart_table th,
#cart table th,
.gs-cart-table th,
.gs22-cart-table th {
	padding: 14px 12px;
	border: 0;
	border-right: 1px solid var(--gs-cart-line, #dce1dc);
	border-bottom: 1px solid var(--gs-cart-line, #dce1dc);
	background: var(--gs-cart-bg, #f7f6f1);
	color: #59645c;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.5;
	text-align: center;
	letter-spacing: .04em;
}

#cart_table td,
#cart table td,
.gs-cart-table td,
.gs22-cart-table td {
	padding: 18px 12px;
	border: 0;
	border-right: 1px solid #e6e9e4;
	border-bottom: 1px solid #e6e9e4;
	background: #fff;
	color: var(--gs-cart-text, #303832);
	font-size: 14px;
	line-height: 1.65;
	vertical-align: middle;
}

#cart_table th:last-child,
#cart_table td:last-child,
#cart table th:last-child,
#cart table td:last-child,
.gs-cart-table th:last-child,
.gs-cart-table td:last-child,
.gs22-cart-table th:last-child,
.gs22-cart-table td:last-child {
	border-right: 0;
}

#cart_table tr:last-child td,
#cart table tr:last-child td,
.gs-cart-table tr:last-child td,
.gs22-cart-table tr:last-child td {
	border-bottom: 0;
}

/* 蝠�刀逕ｻ蜒� */
#cart_table img,
#cart table img,
.gs-cart-table img,
.gs22-cart-table img {
	display: block;
	width: 88px;
	max-width: 88px;
	height: 88px;
	object-fit: cover;
	border: 0;
	border-radius: 0;
}

/* 蝠�刀蜷� */
#cart_table .itemname,
#cart_table .productname,
#cart_table .cart_item_name,
.gs-cart-product-name,
.gs22-cart-product-name {
	color: var(--gs-cart-green-dark, #18382b);
	font-weight: 600;
}

#cart_table .itemname a,
#cart_table .productname a,
.gs-cart-product-name a,
.gs22-cart-product-name a {
	color: inherit;
	text-decoration: none;
}

#cart_table .itemname a:hover,
#cart_table .productname a:hover,
.gs-cart-product-name a:hover,
.gs22-cart-product-name a:hover {
	text-decoration: underline;
	text-underline-offset: 4px;
}

/* SKU繝ｻ陬懆ｶｳ */
#cart_table .sku,
#cart_table .itemsku,
.gs-cart-sku,
.gs22-cart-sku {
	display: block;
	margin-top: 5px;
	color: var(--gs-cart-muted, #737c75);
	font-size: 11px;
	font-weight: 400;
}

/* 蜊倅ｾ｡繝ｻ蟆剰ｨ医�蜷郁ｨ� */
#cart_table .price,
#cart_table .subtotal,
#cart_table .amount,
.gs-cart-price,
.gs22-cart-price {
	color: var(--gs-cart-green-dark, #18382b);
	font-weight: 600;
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
}

/* ---------- 謨ｰ驥丞�蜉� ---------- */
#cart input[type="number"],
#cart input.quantity,
#cart input.quantity_input,
#cart input[name*="quant"],
#cart_table input[type="text"][name*="quant"],
#cart_table input[type="number"],
.gs-cart-quantity input,
.gs22-cart-quantity input {
	width: 64px !important;
	height: 44px !important;
	min-height: 44px !important;
	margin: 0 !important;
	padding: 6px 8px !important;
	border: 1px solid #cbd2c8 !important;
	border-radius: 0 !important;
	background: #fff !important;
	box-shadow: none !important;
	color: var(--gs-cart-text, #303832) !important;
	font-family: inherit;
	font-size: 15px !important;
	font-weight: 500;
	line-height: 1;
	text-align: center !important;
	box-sizing: border-box;
}

#cart input[type="number"]:focus,
#cart input.quantity:focus,
#cart input.quantity_input:focus,
#cart input[name*="quant"]:focus,
#cart_table input[type="text"][name*="quant"]:focus,
.gs-cart-quantity input:focus,
.gs22-cart-quantity input:focus {
	outline: none !important;
	border-color: var(--gs-cart-green, #244b38) !important;
	box-shadow: 0 0 0 3px rgba(36, 75, 56, .10) !important;
}

/* ---------- 蜈ｨ繝懊ち繝ｳ蜈ｱ騾� ---------- */
#cart input[type="submit"],
#cart input[type="button"],
#cart button,
#customer-info input[type="submit"],
#customer-info input[type="button"],
#customer-info button,
#delivery-info input[type="submit"],
#delivery-info input[type="button"],
#delivery-info button,
#confirm-info input[type="submit"],
#confirm-info input[type="button"],
#confirm-info button,
.usces-cart-page input[type="submit"],
.usces-cart-page input[type="button"],
.usces-cart-page button,
.gs-cart input[type="submit"],
.gs-cart button,
.gs22-cart input[type="submit"],
.gs22-cart button {
	min-height: 46px;
	margin: 0;
	padding: 11px 22px;
	border: 1px solid #aeb8af;
	border-radius: 0;
	background: #fff;
	box-shadow: none;
	color: #4e5c52;
	font-family: inherit;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.35;
	text-align: center;
	text-decoration: none;
	text-shadow: none;
	letter-spacing: .055em;
	cursor: pointer;
	appearance: none;
	-webkit-appearance: none;
	transition:
		background-color .2s ease,
		border-color .2s ease,
		color .2s ease,
		transform .2s ease;
	box-sizing: border-box;
}

#cart input[type="submit"]:hover,
#cart input[type="button"]:hover,
#cart button:hover,
#customer-info input[type="submit"]:hover,
#customer-info input[type="button"]:hover,
#customer-info button:hover,
#delivery-info input[type="submit"]:hover,
#delivery-info input[type="button"]:hover,
#delivery-info button:hover,
#confirm-info input[type="submit"]:hover,
#confirm-info input[type="button"]:hover,
#confirm-info button:hover,
.gs-cart input[type="submit"]:hover,
.gs-cart button:hover,
.gs22-cart input[type="submit"]:hover,
.gs22-cart button:hover {
	border-color: var(--gs-cart-green, #244b38);
	background: var(--gs-cart-green-soft, #edf1ec);
	color: var(--gs-cart-green-dark, #18382b);
	transform: translateY(-1px);
}

/* ---------- 蜑企勁繝懊ち繝ｳ ---------- */
#cart .delButton,
#cart .delete,
#cart .delete_button,
#cart input[name*="delButton"],
#cart input[name*="delete"],
#cart input[value="蜑企勁"],
#cart button[name*="del"],
.gs-cart-remove input,
.gs22-cart-remove input {
	min-width: 68px !important;
	min-height: 38px !important;
	padding: 8px 12px !important;
	border-color: #d3c5c1 !important;
	background: #fff !important;
	color: var(--gs-cart-danger, #80635e) !important;
	font-size: 12px !important;
	font-weight: 500 !important;
}

#cart .delButton:hover,
#cart .delete:hover,
#cart .delete_button:hover,
#cart input[name*="delButton"]:hover,
#cart input[name*="delete"]:hover,
#cart input[value="蜑企勁"]:hover,
#cart button[name*="del"]:hover,
.gs-cart-remove input:hover,
.gs22-cart-remove input:hover {
	border-color: #bda9a4 !important;
	background: var(--gs-cart-danger-bg, #f7f2f0) !important;
	color: #684d48 !important;
}

/* ---------- 謨ｰ驥乗峩譁ｰ ---------- */
#cart .upbutton,
#cart .update_button,
#cart input[name="upButton"],
#cart input[value*="譖ｴ譁ｰ"],
.gs-cart-update input,
.gs22-cart-update input {
	min-height: 42px !important;
	padding: 9px 18px !important;
	border-color: #b9c2b9 !important;
	background: #fff !important;
	color: var(--gs-cart-green-dark, #18382b) !important;
}

/* 謨ｰ驥乗峩譁ｰ繧ｨ繝ｪ繧｢ */
#cart .cart_update,
#cart .update_area,
.gs-cart-update,
.gs22-cart-update {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	gap: 14px;
	margin: 18px 0 30px;
	color: var(--gs-cart-muted, #737c75);
	font-size: 12px;
}

/* ---------- 谺｡縺ｸ繝ｻ雉ｼ蜈･謇狗ｶ壹″�壻ｸｻ繝懊ち繝ｳ ---------- */
#cart .to_customerinfo_button,
#cart .checkout_button,
#cart .next_button,
#cart input[name="customerinfo"],
#customer-info .to_deliveryinfo_button,
#customer-info .next_button,
#customer-info input[name="delivery"],
#delivery-info .to_confirm_button,
#delivery-info .next_button,
#delivery-info input[name="confirm"],
#confirm-info .checkout_button,
#confirm-info .send_button,
#confirm-info input[name="purchase"],
input#purchase_button,
input.checkout_button,
.gs-cart-next,
.gs22-cart-next {
	min-width: 220px !important;
	min-height: 52px !important;
	padding: 13px 28px !important;
	border-color: var(--gs-cart-green, #244b38) !important;
	background: var(--gs-cart-green, #244b38) !important;
	color: #fff !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	letter-spacing: .07em !important;
}

#cart .to_customerinfo_button:hover,
#cart .checkout_button:hover,
#cart .next_button:hover,
#cart input[name="customerinfo"]:hover,
#customer-info .to_deliveryinfo_button:hover,
#customer-info .next_button:hover,
#customer-info input[name="delivery"]:hover,
#delivery-info .to_confirm_button:hover,
#delivery-info .next_button:hover,
#delivery-info input[name="confirm"]:hover,
#confirm-info .checkout_button:hover,
#confirm-info .send_button:hover,
#confirm-info input[name="purchase"]:hover,
input#purchase_button:hover,
input.checkout_button:hover,
.gs-cart-next:hover,
.gs22-cart-next:hover {
	border-color: var(--gs-cart-green-dark, #18382b) !important;
	background: var(--gs-cart-green-dark, #18382b) !important;
	color: #fff !important;
}

/* ---------- 謌ｻ繧九�雋ｷ縺�黄繧堤ｶ壹￠繧具ｼ壼憶繝懊ち繝ｳ ---------- */
#cart .back_button,
#customer-info .back_button,
#delivery-info .back_button,
#confirm-info .back_button,
#cart input[value*="謌ｻ繧�"],
#customer-info input[value*="謌ｻ繧�"],
#delivery-info input[value*="謌ｻ繧�"],
#confirm-info input[value*="謌ｻ繧�"],
#cart input[name="continue_shopping"],
.gs-cart-continue,
.gs22-cart-continue {
	min-width: 180px;
	background: #fff !important;
	color: var(--gs-cart-green-dark, #18382b) !important;
	border-color: #aeb8af !important;
}

/* ---------- 荳矩Κ繝懊ち繝ｳ驟咲ｽｮ ---------- */
#cart .send,
#cart .cart_button,
#cart .button_area,
#customer-info .send,
#customer-info .button_area,
#delivery-info .send,
#delivery-info .button_area,
#confirm-info .send,
#confirm-info .button_area,
.gs-cart-actions,
.gs22-cart-actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	margin-top: 30px;
}

/* ---------- 蜷郁ｨ磯≡鬘� ---------- */
#cart .total_price,
#cart .total,
#cart_table .total,
#confirm-info .total_price,
#confirm-info .total,
.gs-cart-total,
.gs22-cart-total {
	color: var(--gs-cart-green-dark, #18382b);
	font-variant-numeric: tabular-nums;
}

#cart .total_price,
#confirm-info .total_price,
.gs-cart-summary,
.gs22-cart-summary {
	margin-top: 28px;
	padding: 22px 24px;
	border: 1px solid var(--gs-cart-line, #dce1dc);
	background: var(--gs-cart-bg, #f7f6f1);
}

#cart .total_price strong,
#confirm-info .total_price strong,
.gs-cart-total-price,
.gs22-cart-total-price {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 26px;
	font-weight: 600;
}

/* ---------- 縺雁ｮ｢讒俶ュ蝣ｱ繝ｻ驟埼€∵ュ蝣ｱ繝輔か繝ｼ繝� ---------- */
#customer-info table,
#delivery-info table,
#confirm-info table {
	width: 100%;
	border-collapse: collapse;
}

#customer-info th,
#delivery-info th,
#confirm-info th {
	padding: 14px 16px;
	border-bottom: 1px solid var(--gs-cart-line, #dce1dc);
	background: var(--gs-cart-bg, #f7f6f1);
	color: #59645c;
	font-size: 13px;
	font-weight: 600;
	text-align: left;
}

#customer-info td,
#delivery-info td,
#confirm-info td {
	padding: 14px 16px;
	border-bottom: 1px solid var(--gs-cart-line, #dce1dc);
	background: #fff;
}

#customer-info input[type="text"],
#customer-info input[type="email"],
#customer-info input[type="tel"],
#customer-info input[type="password"],
#customer-info select,
#customer-info textarea,
#delivery-info input[type="text"],
#delivery-info input[type="email"],
#delivery-info input[type="tel"],
#delivery-info select,
#delivery-info textarea {
	max-width: 100%;
	min-height: 44px;
	padding: 9px 12px;
	border: 1px solid #cbd2c8;
	border-radius: 0;
	background: #fff;
	box-shadow: none;
	color: var(--gs-cart-text, #303832);
	font-family: inherit;
	font-size: 15px;
	box-sizing: border-box;
}

#customer-info input:focus,
#customer-info select:focus,
#customer-info textarea:focus,
#delivery-info input:focus,
#delivery-info select:focus,
#delivery-info textarea:focus {
	outline: none;
	border-color: var(--gs-cart-green, #244b38);
	box-shadow: 0 0 0 3px rgba(36, 75, 56, .10);
}

/* ---------- 繧ｿ繝悶Ξ繝�ヨ繝ｻ繧ｹ繝槭� ---------- */
@media screen and (max-width: 768px) {
	body.cart_page #content,
	body.customer_page #content,
	body.delivery_page #content,
	body.confirm_page #content,
	body.member_page #content,
	#cart,
	#customer-info,
	#delivery-info,
	#confirm-info,
	.usces-cart-page,
	.gs-cart,
	.gs22-cart {
		width: calc(100% - 24px);
	}

	/* 繧ｹ繝�ャ繝励�4蛻励ｒ邯ｭ謖√＠縲∵枚蟄励ｒ蟆上＆縺� */
	#cart .cart_navi,
	#customer-info .cart_navi,
	#delivery-info .cart_navi,
	#confirm-info .cart_navi,
	.cart_navi,
	ol.cart_navi,
	ul.cart_navi,
	.gs-cart-steps,
	.gs22-cart-steps {
		margin-bottom: 24px !important;
	}

	#cart .cart_navi li,
	#customer-info .cart_navi li,
	#delivery-info .cart_navi li,
	#confirm-info .cart_navi li,
	.cart_navi li,
	ol.cart_navi li,
	ul.cart_navi li,
	.gs-cart-steps li,
	.gs22-cart-steps li {
		min-height: 50px !important;
		padding: 7px 3px !important;
		font-size: 10px !important;
		letter-spacing: 0;
	}

	/* 繧ｫ繝ｼ繝郁｡ｨ縺ｯ貎ｰ縺輔★讓ｪ繧ｹ繧ｯ繝ｭ繝ｼ繝ｫ */
	#cart form,
	.gs-cart-table-wrap,
	.gs22-cart-table-wrap {
		max-width: 100%;
	}

	#cart .cart_table_wrapper,
	#cart .cart_table,
	.gs-cart-table-wrap,
	.gs22-cart-table-wrap {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	#cart_table,
	table#cart_table,
	.gs-cart-table,
	.gs22-cart-table {
		min-width: 680px;
	}

	#cart_table th,
	#cart table th,
	.gs-cart-table th,
	.gs22-cart-table th {
		padding: 10px 8px;
		font-size: 11px;
	}

	#cart_table td,
	#cart table td,
	.gs-cart-table td,
	.gs22-cart-table td {
		padding: 12px 8px;
		font-size: 13px;
	}

	#cart_table img,
	#cart table img,
	.gs-cart-table img,
	.gs22-cart-table img {
		width: 68px;
		height: 68px;
	}

	/* 荳矩Κ繝懊ち繝ｳ繧堤ｸｦ荳ｦ縺ｳ */
	#cart .send,
	#cart .cart_button,
	#cart .button_area,
	#customer-info .send,
	#customer-info .button_area,
	#delivery-info .send,
	#delivery-info .button_area,
	#confirm-info .send,
	#confirm-info .button_area,
	.gs-cart-actions,
	.gs22-cart-actions {
		flex-direction: column-reverse;
		align-items: stretch;
	}

	#cart .send input,
	#cart .cart_button input,
	#cart .button_area input,
	#customer-info .send input,
	#customer-info .button_area input,
	#delivery-info .send input,
	#delivery-info .button_area input,
	#confirm-info .send input,
	#confirm-info .button_area input,
	.gs-cart-actions input,
	.gs-cart-actions a,
	.gs22-cart-actions input,
	.gs22-cart-actions a {
		width: 100% !important;
		min-width: 0 !important;
		min-height: 50px !important;
		margin: 0 !important;
	}

	#cart .cart_update,
	#cart .update_area,
	.gs-cart-update,
	.gs22-cart-update {
		align-items: stretch;
		flex-direction: column;
	}

	#cart .cart_update input,
	#cart .update_area input,
	.gs-cart-update input,
	.gs22-cart-update input {
		width: 100%;
	}

	/* 陦ｨ蜀��蜑企勁縺ｯ蜈ｨ蟷�↓縺励↑縺� */
	#cart_table input[type="submit"],
	#cart_table input[type="button"],
	#cart_table button,
	.gs-cart-table input,
	.gs22-cart-table input {
		width: auto !important;
		min-width: 62px !important;
	}
}

@media screen and (max-width: 480px) {
	#cart .cart_navi li,
	#customer-info .cart_navi li,
	#delivery-info .cart_navi li,
	#confirm-info .cart_navi li,
	.cart_navi li,
	ol.cart_navi li,
	ul.cart_navi li,
	.gs-cart-steps li,
	.gs22-cart-steps li {
		min-height: 46px !important;
		font-size: 9px !important;
		line-height: 1.3 !important;
	}

	#cart .total_price strong,
	#confirm-info .total_price strong,
	.gs-cart-total-price,
	.gs22-cart-total-price {
		font-size: 22px;
	}
}
/*
Green Scape Calm 2.0
Welcart legacy cart final override patch
Add this AFTER all previous cart CSS.
*/

/* =========================================================
   1. 譌ｧWelcart縺ｮ鮟�牡縺�せ繝�ャ繝励ｒ螳悟�縺ｫ辟｡蜉ｹ蛹�
   ========================================================= */

#cart_navi,
#cartNavi,
.cart_navi,
div.cart_navi,
ul.cart_navi,
#cart #cart_navi,
#customer-info #cart_navi,
#delivery-info #cart_navi,
#confirm-info #cart_navi {
	width: 100% !important;
	max-width: 900px !important;
	height: auto !important;
	min-height: 0 !important;
	margin: 0 0 34px !important;
	padding: 0 !important;
	border: 0 !important;
	background: none !important;
	background-image: none !important;
	box-shadow: none !important;
	overflow: visible !important;
}

#cart_navi ul,
#cartNavi ul,
.cart_navi ul,
ul.cart_navi {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	gap: 12px !important;
	width: 100% !important;
	height: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: none !important;
	background-image: none !important;
	list-style: none !important;
}

#cart_navi li,
#cartNavi li,
.cart_navi li,
#cart_navi ul li,
#cartNavi ul li,
.cart_navi ul li,
ul.cart_navi > li {
	position: relative !important;
	display: flex !important;
	width: auto !important;
	min-width: 0 !important;
	max-width: none !important;
	height: 54px !important;
	min-height: 54px !important;
	float: none !important;
	align-items: center !important;
	justify-content: center !important;
	margin: 0 !important;
	padding: 8px 12px !important;
	border: 1px solid #dce1dc !important;
	border-radius: 28px !important;
	background: #f3f2ee !important;
	background-color: #f3f2ee !important;
	background-image: none !important;
	box-shadow: none !important;
	color: #526058 !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	line-height: 1.35 !important;
	text-align: center !important;
	text-indent: 0 !important;
	text-shadow: none !important;
	white-space: normal !important;
	overflow: visible !important;
	box-sizing: border-box !important;
}

/* 譌ｧ繝��繝槭�遏｢蜊ｰ閭梧勹繝ｻ逍台ｼｼ隕∫ｴ�繧呈ｶ医☆ */
#cart_navi li::before,
#cart_navi li::after,
#cartNavi li::before,
#cartNavi li::after,
.cart_navi li::before,
.cart_navi li::after {
	display: none !important;
	content: none !important;
	background: none !important;
	background-image: none !important;
}

/* 迴ｾ蝨ｨ縺ｮ繧ｹ繝�ャ繝� */
#cart_navi li.current,
#cart_navi li.active,
#cart_navi li.on,
#cartNavi li.current,
#cartNavi li.active,
.cart_navi li.current,
.cart_navi li.active,
.cart_navi li.on,
#cart_navi .current,
#cartNavi .current {
	border-color: #244b38 !important;
	background: #244b38 !important;
	background-color: #244b38 !important;
	background-image: none !important;
	color: #fff !important;
}

/* 繧ｹ繝�ャ繝怜�縺ｮ譁�ｭ� */
#cart_navi li *,
#cartNavi li *,
.cart_navi li * {
	color: inherit !important;
	background: none !important;
	background-image: none !important;
	text-decoration: none !important;
	text-shadow: none !important;
}

/* =========================================================
   2. 鮟�牡縺�ｳｨ諢乗棧繧呈ｷ｡縺�げ繝ｬ繝ｼ繧ｸ繝･縺ｸ
   ========================================================= */

#customer-info .error_message,
#customer-info .customer_form_explanation,
#customer-info .customer_info_message,
#customer-info .message,
#customer-info .notice,
.customer_form_explanation,
.usces_customer_notice {
	margin: 0 0 24px !important;
	padding: 20px 24px !important;
	border: 1px solid #dce1dc !important;
	border-radius: 2px !important;
	background: #f7f6f1 !important;
	background-image: none !important;
	color: #39443d !important;
	box-shadow: none !important;
}

/* 襍､譁�ｭ励ｂ關ｽ縺｡逹€縺九○繧� */
#customer-info .error_message strong,
#customer-info .customer_form_explanation strong,
#customer-info .message strong,
#customer-info .notice strong {
	color: #244b38 !important;
}

/* =========================================================
   3. 譌ｧWelcart繝懊ち繝ｳ縺ｮ髱偵�繧ｰ繝ｩ繝��繧ｷ繝ｧ繝ｳ繧貞ｮ悟�隗｣髯､
   ========================================================= */

#cart input[type="submit"],
#cart input[type="button"],
#customer-info input[type="submit"],
#customer-info input[type="button"],
#delivery-info input[type="submit"],
#delivery-info input[type="button"],
#confirm-info input[type="submit"],
#confirm-info input[type="button"],
#cart button,
#customer-info button,
#delivery-info button,
#confirm-info button {
	height: auto !important;
	min-height: 46px !important;
	margin: 0 !important;
	padding: 11px 22px !important;
	border: 1px solid #aeb8af !important;
	border-radius: 2px !important;
	background: #fff !important;
	background-color: #fff !important;
	background-image: none !important;
	box-shadow: none !important;
	color: #34453b !important;
	font-family: inherit !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	line-height: 1.35 !important;
	text-shadow: none !important;
	letter-spacing: .04em !important;
	appearance: none !important;
	-webkit-appearance: none !important;
	box-sizing: border-box !important;
	cursor: pointer !important;
}

/* 荳ｻ繝懊ち繝ｳ�壽ｬ｡縺ｸ繝ｻ縺雁ｮ｢讒俶ュ蝣ｱ繝ｻ驟埼€√�遒ｺ隱阪�豕ｨ譁� */
#cart input[name="customerinfo"],
#cart input.to_customerinfo_button,
#cart input.nextbutton,
#cart input.next_button,
#cart input[value="谺｡縺ｸ"],
#cart input[value*="縺雁ｮ｢讒俶ュ蝣ｱ"],
#customer-info input[name="delivery"],
#customer-info input.nextbutton,
#customer-info input.next_button,
#customer-info input[value="谺｡縺ｸ"],
#customer-info input[value*="驟埼€�"],
#delivery-info input[name="confirm"],
#delivery-info input.nextbutton,
#delivery-info input.next_button,
#delivery-info input[value="谺｡縺ｸ"],
#delivery-info input[value*="蜀�ｮｹ遒ｺ隱�"],
#confirm-info input[name="purchase"],
#confirm-info input.checkout_button,
#confirm-info input.send_button,
#confirm-info input[value*="豕ｨ譁�"],
input#purchase_button,
input#to_customerinfo,
input#to_deliveryinfo,
input#to_confirm {
	min-width: 280px !important;
	min-height: 52px !important;
	padding: 14px 30px !important;
	border-color: #244b38 !important;
	background: #244b38 !important;
	background-color: #244b38 !important;
	background-image: none !important;
	color: #fff !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	text-shadow: none !important;
}

/* 遏｢蜊ｰ繧辰SS縺ｧ霑ｽ蜉�縺ｧ縺阪ｋ繝懊ち繝ｳ繝ｩ繝�ヱ繝ｼ蜷代￠ */
#cart .send,
#customer-info .send,
#delivery-info .send,
#confirm-info .send {
	position: relative;
}

/* 荳ｻ繝懊ち繝ｳ hover */
#cart input[name="customerinfo"]:hover,
#cart input.to_customerinfo_button:hover,
#cart input.nextbutton:hover,
#cart input.next_button:hover,
#cart input[value="谺｡縺ｸ"]:hover,
#cart input[value*="縺雁ｮ｢讒俶ュ蝣ｱ"]:hover,
#customer-info input[name="delivery"]:hover,
#customer-info input.nextbutton:hover,
#customer-info input.next_button:hover,
#customer-info input[value*="驟埼€�"]:hover,
#delivery-info input[name="confirm"]:hover,
#delivery-info input.nextbutton:hover,
#delivery-info input.next_button:hover,
#delivery-info input[value*="蜀�ｮｹ遒ｺ隱�"]:hover,
#confirm-info input[name="purchase"]:hover,
#confirm-info input.checkout_button:hover,
#confirm-info input.send_button:hover,
#confirm-info input[value*="豕ｨ譁�"]:hover {
	border-color: #18382b !important;
	background: #18382b !important;
	background-color: #18382b !important;
	color: #fff !important;
}

/* 謨ｰ驥乗峩譁ｰ */
#cart input[name="upButton"],
#cart input.upbutton,
#cart input.update_button,
#cart input[value="謨ｰ驥乗峩譁ｰ"],
#cart input[value*="謨ｰ驥上ｒ譖ｴ譁ｰ"] {
	min-width: 120px !important;
	min-height: 46px !important;
	padding: 11px 18px !important;
	border-color: #9eaaa1 !important;
	background: #fff !important;
	color: #34453b !important;
	font-size: 13px !important;
}

/* 蜑企勁 */
#cart input[name*="delButton"],
#cart input[name*="delete"],
#cart input.delButton,
#cart input.delete_button,
#cart input[value="蜑企勁"] {
	min-width: 72px !important;
	min-height: 42px !important;
	padding: 9px 14px !important;
	border-color: #d3bbb5 !important;
	background: #fff !important;
	color: #85645d !important;
	font-size: 12px !important;
}

/* 雋ｷ縺�黄繧堤ｶ壹￠繧九�謌ｻ繧� */
#cart input[name="continue_shopping"],
#cart input[value*="雋ｷ縺�黄繧堤ｶ壹￠繧�"],
#customer-info input[value="謌ｻ繧�"],
#delivery-info input[value="謌ｻ繧�"],
#confirm-info input[value="謌ｻ繧�"],
#customer-info input.backbutton,
#delivery-info input.backbutton,
#confirm-info input.backbutton {
	min-width: 190px !important;
	min-height: 50px !important;
	padding: 12px 24px !important;
	border-color: #9eaaa1 !important;
	background: #fff !important;
	color: #34453b !important;
}

/* =========================================================
   4. 繝懊ち繝ｳ驟咲ｽｮ
   ========================================================= */

#cart .send,
#cart .cart_button,
#cart .button_area,
#cart .send_button,
#customer-info .send,
#customer-info .button_area,
#delivery-info .send,
#delivery-info .button_area,
#confirm-info .send,
#confirm-info .button_area {
	display: flex !important;
	width: 100% !important;
	max-width: none !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 20px !important;
	margin: 30px 0 0 !important;
	padding: 0 !important;
	float: none !important;
	text-align: initial !important;
	box-sizing: border-box !important;
}

/* 譌ｧ繝��繝槭〒荳ｭ螟ｮ蟇�○縺輔ｌ繧句�ｴ蜷� */
#cart .send input,
#customer-info .send input,
#delivery-info .send input,
#confirm-info .send input {
	float: none !important;
}

/* =========================================================
   5. 鮟�牡縺�ｰｴ蟷ｳ邱壹ｒ隗｣髯､
   ========================================================= */

#cart hr,
#customer-info hr,
#delivery-info hr,
#confirm-info hr,
#cart .send,
#cart .footer_explanation {
	border-color: #dce1dc !important;
	background-color: transparent !important;
}

/* =========================================================
   6. 繧ｹ繝槭�繝医ヵ繧ｩ繝ｳ
   ========================================================= */

@media screen and (max-width: 768px) {

	#cart_navi ul,
	#cartNavi ul,
	.cart_navi ul,
	ul.cart_navi {
		gap: 6px !important;
	}

	#cart_navi li,
	#cartNavi li,
	.cart_navi li,
	#cart_navi ul li,
	#cartNavi ul li,
	.cart_navi ul li,
	ul.cart_navi > li {
		height: 42px !important;
		min-height: 42px !important;
		padding: 5px 3px !important;
		border-radius: 21px !important;
		font-size: 9px !important;
		letter-spacing: 0 !important;
	}

	/* 繧ｹ繝槭�縺ｧ繝懊ち繝ｳ繧貞ｿ�★陦ｨ遉ｺ */
	#cart .send,
	#cart .cart_button,
	#cart .button_area,
	#cart .send_button,
	#customer-info .send,
	#customer-info .button_area,
	#delivery-info .send,
	#delivery-info .button_area,
	#confirm-info .send,
	#confirm-info .button_area {
		display: flex !important;
		visibility: visible !important;
		opacity: 1 !important;
		overflow: visible !important;
		flex-direction: column-reverse !important;
		align-items: stretch !important;
		gap: 10px !important;
		width: 100% !important;
		height: auto !important;
		min-height: 0 !important;
		margin-top: 24px !important;
	}

	#cart .send input,
	#cart .cart_button input,
	#cart .button_area input,
	#cart .send_button input,
	#customer-info .send input,
	#customer-info .button_area input,
	#delivery-info .send input,
	#delivery-info .button_area input,
	#confirm-info .send input,
	#confirm-info .button_area input {
		position: static !important;
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		width: 100% !important;
		max-width: none !important;
		min-width: 0 !important;
		height: auto !important;
		min-height: 50px !important;
		margin: 0 !important;
		float: none !important;
		transform: none !important;
	}

	/* 荳ｻ繝懊ち繝ｳ縺ｯ荳翫↓隕九∴繧九ｈ縺� column-reverse */
	#cart input[name="customerinfo"],
	#cart input.to_customerinfo_button,
	#cart input.nextbutton,
	#cart input.next_button,
	#cart input[value="谺｡縺ｸ"],
	#cart input[value*="縺雁ｮ｢讒俶ュ蝣ｱ"],
	#customer-info input[name="delivery"],
	#customer-info input.nextbutton,
	#customer-info input.next_button,
	#customer-info input[value*="驟埼€�"],
	#delivery-info input[name="confirm"],
	#delivery-info input.nextbutton,
	#delivery-info input.next_button,
	#delivery-info input[value*="蜀�ｮｹ遒ｺ隱�"],
	#confirm-info input[name="purchase"],
	#confirm-info input.checkout_button,
	#confirm-info input.send_button,
	#confirm-info input[value*="豕ｨ譁�"] {
		display: block !important;
		visibility: visible !important;
		width: 100% !important;
		min-width: 0 !important;
		min-height: 54px !important;
		background: #244b38 !important;
		color: #fff !important;
	}

	/* 謨ｰ驥乗峩譁ｰ繧ゅせ繝槭�縺ｧ縺ｯ讓ｪ蟷�＞縺｣縺ｱ縺� */
	#cart input[name="upButton"],
	#cart input.upbutton,
	#cart input.update_button,
	#cart input[value="謨ｰ驥乗峩譁ｰ"],
	#cart input[value*="謨ｰ驥上ｒ譖ｴ譁ｰ"] {
		width: 100% !important;
	}

	/* 繧ｫ繝ｼ繝郁｡ｨ縺ｯ讓ｪ繧ｹ繧ｯ繝ｭ繝ｼ繝ｫ蜿ｯ閭ｽ */
	#cart .cart_table,
	#cart .cart_table_wrapper,
	#cart form {
		max-width: 100% !important;
	}

	#cart .cart_table,
	#cart .cart_table_wrapper {
		overflow-x: auto !important;
		-webkit-overflow-scrolling: touch;
	}
}

@media screen and (max-width: 480px) {
	#cart_navi,
	#cartNavi,
	.cart_navi {
		margin-bottom: 24px !important;
	}

	#cart_navi li,
	#cartNavi li,
	.cart_navi li {
		font-size: 8px !important;
	}
}
/*
Green Scape Calm 2.1
Welcart 2.11.31 exact selector patch
縺薙�CSS繧呈怏蜉ｹ繝��繝槭� style.css 縺ｮ荳€逡ｪ譛€蠕後∈霑ｽ蜉�
*/

/* =========================================================
   1. 螳滄圀縺ｮWelcart繧ｹ繝�ャ繝�
   .usccart_navi > ol.ucart > li.ucart
   ========================================================= */

.usccart_navi {
	width: 100% !important;
	margin: 0 0 32px !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	overflow: visible !important;
}

.usccart_navi ol.ucart {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	gap: 12px !important;
	width: 100% !important;
	max-width: 900px !important;
	height: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	list-style: none !important;
}

.usccart_navi ol.ucart > li.ucart {
	position: relative !important;
	display: flex !important;
	width: auto !important;
	height: 52px !important;
	min-height: 52px !important;
	align-items: center !important;
	justify-content: center !important;
	float: none !important;
	margin: 0 !important;
	padding: 8px 14px !important;
	border: 1px solid #dce1dc !important;
	border-radius: 28px !important;
	background: #f3f2ee !important;
	background-image: none !important;
	box-shadow: none !important;
	color: #536058 !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	line-height: 1.35 !important;
	text-align: center !important;
	text-indent: 0 !important;
	text-shadow: none !important;
	white-space: normal !important;
	box-sizing: border-box !important;
}

/* 譌ｧ繝��繝槭�遏｢蜊ｰ繧�桝莨ｼ隕∫ｴ�繧帝勁蜴ｻ */
.usccart_navi ol.ucart > li.ucart::before,
.usccart_navi ol.ucart > li.ucart::after {
	display: none !important;
	content: none !important;
	background: none !important;
}

/* 蜷��繝ｼ繧ｸ縺ｮ迴ｾ蝨ｨ菴咲ｽｮ */
.usccart_navi li.usccart_cart,
.usccart_navi li.usccart_customer,
.usccart_navi li.usccart_delivery,
.usccart_navi li.usccart_confirm {
	border-color: #244b38 !important;
	background: #244b38 !important;
	background-image: none !important;
	color: #fff !important;
}

/* =========================================================
   2. 謨ｰ驥乗峩譁ｰ
   ========================================================= */

#cart .upbutton,
.upbutton {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	justify-content: flex-start !important;
	gap: 18px !important;
	margin: 0 0 24px !important;
	padding: 0 !important;
	background: transparent !important;
	color: #34453b !important;
	font-size: 14px !important;
}

#cart .upbutton input[name="upButton"],
.upbutton input[name="upButton"] {
	width: auto !important;
	min-width: 130px !important;
	height: 46px !important;
	min-height: 46px !important;
	margin: 0 !important;
	padding: 10px 20px !important;
	border: 1px solid #9eaaa1 !important;
	border-radius: 2px !important;
	background: #fff !important;
	background-image: none !important;
	box-shadow: none !important;
	color: #34453b !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	text-shadow: none !important;
	appearance: none !important;
	-webkit-appearance: none !important;
}

/* =========================================================
   3. 螳滄圀縺ｮ縲梧ｬ｡縺ｸ縲阪€梧綾繧九€阪�繧ｿ繝ｳ
   ========================================================= */

#cart .send,
#customer-info .send,
#delivery-info .send,
#confirm-info .send,
.send {
	display: flex !important;
	width: 100% !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 18px !important;
	margin: 30px 0 0 !important;
	padding: 0 !important;
	float: none !important;
	text-align: left !important;
	box-sizing: border-box !important;
}

/* 縺吶∋縺ｦ縺ｮ雉ｼ蜈･蟆守ｷ壹�繧ｿ繝ｳ繧剃ｸ€譌ｦ繝ｪ繧ｻ繝�ヨ */
#cart .send input,
#customer-info .send input,
#delivery-info .send input,
#confirm-info .send input,
.send input[type="submit"],
.send input[type="button"] {
	position: static !important;
	display: inline-flex !important;
	width: auto !important;
	height: auto !important;
	min-height: 50px !important;
	margin: 0 !important;
	padding: 12px 24px !important;
	float: none !important;
	border: 1px solid #9eaaa1 !important;
	border-radius: 2px !important;
	background: #fff !important;
	background-color: #fff !important;
	background-image: none !important;
	box-shadow: none !important;
	color: #34453b !important;
	font-family: inherit !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	line-height: 1.35 !important;
	text-shadow: none !important;
	letter-spacing: .04em !important;
	appearance: none !important;
	-webkit-appearance: none !important;
	box-sizing: border-box !important;
}

/* 繧ｫ繝ｼ繝� 竊� 縺雁ｮ｢讒俶ュ蝣ｱ */
#cart .send input[name="customerinfo"],
#cart input.to_customerinfo_button,
/* 縺雁ｮ｢讒俶ュ蝣ｱ 竊� 谺｡縺ｸ */
#customer-info .send input[name="customerlogin"],
#customer-info .send input[name="delivery"],
/* 驟埼€� 竊� 遒ｺ隱� */
#delivery-info .send input[name="confirm"],
#delivery-info input.to_confirm_button,
/* 遒ｺ隱� 竊� 豕ｨ譁� */
#confirm-info .send input[name="purchase"],
#confirm-info .send input[name="purchase_ali"],
#confirm-info input.checkout_button {
	min-width: 280px !important;
	min-height: 54px !important;
	padding: 14px 32px !important;
	border-color: #244b38 !important;
	background: #244b38 !important;
	background-color: #244b38 !important;
	background-image: none !important;
	color: #fff !important;
	font-size: 14px !important;
}

/* 繝帙ヰ繝ｼ */
#cart .send input[name="customerinfo"]:hover,
#customer-info .send input[name="customerlogin"]:hover,
#customer-info .send input[name="delivery"]:hover,
#delivery-info .send input[name="confirm"]:hover,
#delivery-info input.to_confirm_button:hover,
#confirm-info .send input[name="purchase"]:hover,
#confirm-info input.checkout_button:hover {
	border-color: #18382b !important;
	background: #18382b !important;
	color: #fff !important;
}

/* 謌ｻ繧狗ｳｻ */
#cart .send input[name="continue_shopping"],
#customer-info .send input[name="backCart"],
#delivery-info .send input[name="backCustomer"],
#delivery-info input.back_to_customer_button,
#confirm-info .send input[name="backDelivery"],
#confirm-info .send input[name="backCart"] {
	min-width: 190px !important;
	min-height: 50px !important;
	background: #fff !important;
	color: #34453b !important;
	border-color: #9eaaa1 !important;
}

/* =========================================================
   4. 髱偵＞繝��繝樊ｨ呎ｺ悶�繧ｿ繝ｳ繧貞ｼｷ蛻ｶ隗｣髯､
   ========================================================= */

#cart input[type="submit"],
#customer-info input[type="submit"],
#delivery-info input[type="submit"],
#confirm-info input[type="submit"] {
	background-image: none !important;
	text-shadow: none !important;
	box-shadow: none !important;
}

/* 谺｡縺ｸ繧地ame螻樊€ｧ縺ｧ譛€蜆ｪ蜈� */
input[name="customerinfo"],
input[name="customerlogin"],
input[name="delivery"],
input[name="confirm"],
input[name="purchase"] {
	border-color: #244b38 !important;
	background: #244b38 !important;
	background-color: #244b38 !important;
	background-image: none !important;
	color: #fff !important;
}

/* 蜑企勁 */
#cart input[name*="delButton"],
#cart input[value="蜑企勁"] {
	min-width: 72px !important;
	min-height: 42px !important;
	padding: 9px 14px !important;
	border: 1px solid #d3bbb5 !important;
	border-radius: 2px !important;
	background: #fff !important;
	background-image: none !important;
	color: #85645d !important;
	font-size: 12px !important;
	text-shadow: none !important;
}

/* =========================================================
   5. 鮟�牡縺�ｪｬ譏取棧繝ｻ邱壹ｒ關ｽ縺｡逹€縺九○繧�
   ========================================================= */

#customer-info .customer_form_explanation,
#customer-info .error_message,
#customer-info .message,
#customer-info .notice {
	border-color: #dce1dc !important;
	background: #f7f6f1 !important;
	background-image: none !important;
	color: #39443d !important;
}

#cart hr,
#customer-info hr,
#delivery-info hr,
#confirm-info hr {
	border-color: #dce1dc !important;
	background: transparent !important;
}

/* =========================================================
   6. 繧ｹ繝槭�繝医ヵ繧ｩ繝ｳ
   ========================================================= */

@media screen and (max-width: 768px) {
	.usccart_navi ol.ucart {
		gap: 5px !important;
		max-width: none !important;
	}

	.usccart_navi ol.ucart > li.ucart {
		height: 42px !important;
		min-height: 42px !important;
		padding: 5px 3px !important;
		border-radius: 21px !important;
		font-size: 9px !important;
		letter-spacing: 0 !important;
	}

	#cart .send,
	#customer-info .send,
	#delivery-info .send,
	#confirm-info .send,
	.send {
		display: flex !important;
		visibility: visible !important;
		opacity: 1 !important;
		flex-direction: column-reverse !important;
		align-items: stretch !important;
		gap: 10px !important;
		width: 100% !important;
		height: auto !important;
		overflow: visible !important;
	}

	#cart .send input,
	#customer-info .send input,
	#delivery-info .send input,
	#confirm-info .send input,
	.send input[type="submit"],
	.send input[type="button"] {
		position: static !important;
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		width: 100% !important;
		max-width: none !important;
		min-width: 0 !important;
		min-height: 52px !important;
		margin: 0 !important;
		float: none !important;
		transform: none !important;
	}

	#cart .upbutton,
	.upbutton {
		align-items: stretch !important;
		flex-direction: column !important;
	}

	#cart .upbutton input[name="upButton"],
	.upbutton input[name="upButton"] {
		width: 100% !important;
	}

	input[name="customerinfo"],
	input[name="customerlogin"],
	input[name="delivery"],
	input[name="confirm"],
	input[name="purchase"] {
		display: block !important;
		visibility: visible !important;
		width: 100% !important;
		min-height: 54px !important;
		background: #244b38 !important;
		color: #fff !important;
	}
}
/*
Green Scape Calm 2.1
Welcart 2.11.31
繧ｫ繝ｼ繝井ｸ矩Κ繝懊ち繝ｳ + 縺雁ｮ｢讒俶ュ蝣ｱ繝壹�繧ｸ 譛€邨りｪｿ謨ｴ
style.css 縺ｮ荳€逡ｪ譛€蠕後∈霑ｽ蜉�
*/

/* 迴ｾ蝨ｨ菴咲ｽｮ縺ｮ繧ｹ繝�ャ繝� */
#cart .usccart_navi ol.ucart > li:nth-child(1),
#customer-info .usccart_navi ol.ucart > li:nth-child(2),
#delivery-info .usccart_navi ol.ucart > li:nth-child(3),
#confirm-info .usccart_navi ol.ucart > li:nth-child(4) {
	border-color: #244b38 !important;
	background: #244b38 !important;
	color: #ffffff !important;
}

#cart .usccart_navi ol.ucart > li:not(:nth-child(1)),
#customer-info .usccart_navi ol.ucart > li:not(:nth-child(2)),
#delivery-info .usccart_navi ol.ucart > li:not(:nth-child(3)),
#confirm-info .usccart_navi ol.ucart > li:not(:nth-child(4)) {
	border-color: #dce1dc !important;
	background: #f3f2ee !important;
	color: #536058 !important;
}

/* 荳矩Κ縺ｮ鮟�牡縺�ｷ壹ｒ蜑企勁 */
#cart .send,
#customer-info .send,
#delivery-info .send,
#confirm-info .send {
	border-top: 0 !important;
	border-bottom: 0 !important;
	background: transparent !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 20px !important;
	margin-top: 34px !important;
	padding: 0 !important;
}

#cart .send::before,
#cart .send::after,
#customer-info .send::before,
#customer-info .send::after,
#delivery-info .send::before,
#delivery-info .send::after,
#confirm-info .send::before,
#confirm-info .send::after {
	display: none !important;
	content: none !important;
}

/* 繝懊ち繝ｳ */
#cart .send input:first-child,
#customer-info .send input:first-child,
#delivery-info .send input:first-child,
#confirm-info .send input:first-child {
	min-width: 210px !important;
	min-height: 52px !important;
	border: 1px solid #9eaaa1 !important;
	background: #ffffff !important;
	color: #34453b !important;
}

#cart .send input:last-child,
#customer-info .send input:last-child,
#delivery-info .send input:last-child,
#confirm-info .send input:last-child {
	min-width: 300px !important;
	min-height: 54px !important;
	border: 1px solid #244b38 !important;
	background: #244b38 !important;
	color: #ffffff !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	letter-spacing: .05em !important;
}

#cart .send input:last-child:hover,
#customer-info .send input:last-child:hover,
#delivery-info .send input:last-child:hover,
#confirm-info .send input:last-child:hover {
	border-color: #18382b !important;
	background: #18382b !important;
	color: #ffffff !important;
}

/* 縺雁ｮ｢讒俶ュ蝣ｱ繝壹�繧ｸ縺ｮ譯亥�譫� */
#customer-info .customer_form_explanation,
#customer-info .customer_info_message,
#customer-info .error_message,
#customer-info .message,
#customer-info .notice,
#customer-info .header_explanation {
	margin: 0 0 30px !important;
	padding: 22px 26px !important;
	border: 1px solid #dce1dc !important;
	border-radius: 2px !important;
	background: #f7f6f1 !important;
	color: #39443d !important;
	box-shadow: none !important;
	line-height: 1.9 !important;
}

#customer-info .customer_form_explanation strong,
#customer-info .customer_info_message strong,
#customer-info .message strong,
#customer-info .notice strong,
#customer-info .header_explanation strong {
	color: #244b38 !important;
}

/* 繝輔か繝ｼ繝�陦ｨ */
#customer-info table {
	width: 100% !important;
	border-collapse: collapse !important;
	border: 1px solid #dce1dc !important;
	background: #ffffff !important;
}

#customer-info th,
#customer-info td {
	border: 0 !important;
	border-bottom: 1px solid #dce1dc !important;
}

#customer-info tr:last-child th,
#customer-info tr:last-child td {
	border-bottom: 0 !important;
}

#customer-info th {
	width: 25% !important;
	padding: 20px 22px !important;
	background: #f7f6f1 !important;
	color: #4b584f !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	text-align: left !important;
	vertical-align: middle !important;
}

#customer-info td {
	padding: 18px 22px !important;
	background: #ffffff !important;
	color: #3d463e !important;
	vertical-align: middle !important;
}

/* 蜈･蜉帶ｬ� */
#customer-info input[type="text"],
#customer-info input[type="email"],
#customer-info input[type="tel"],
#customer-info input[type="password"],
#customer-info select,
#customer-info textarea {
	min-height: 46px !important;
	padding: 10px 12px !important;
	border: 1px solid #cbd2c8 !important;
	border-radius: 2px !important;
	background: #ffffff !important;
	box-shadow: none !important;
	color: #34453b !important;
	font-size: 15px !important;
	box-sizing: border-box !important;
}

#customer-info input:focus,
#customer-info select:focus,
#customer-info textarea:focus {
	outline: none !important;
	border-color: #647764 !important;
	box-shadow: 0 0 0 3px rgba(100, 119, 100, .12) !important;
}

#customer-info input[type="button"],
#customer-info button {
	min-height: 44px !important;
	padding: 10px 18px !important;
	border: 1px solid #aeb8af !important;
	border-radius: 2px !important;
	background: #ffffff !important;
	color: #34453b !important;
	box-shadow: none !important;
	text-shadow: none !important;
}

#customer-info input[type="checkbox"],
#customer-info input[type="radio"] {
	width: 18px !important;
	height: 18px !important;
	margin-right: 8px !important;
	accent-color: #244b38;
}

@media screen and (max-width: 768px) {
	#customer-info .customer_form_explanation,
	#customer-info .customer_info_message,
	#customer-info .error_message,
	#customer-info .message,
	#customer-info .notice,
	#customer-info .header_explanation {
		padding: 18px !important;
		font-size: 13px !important;
	}

	#customer-info table,
	#customer-info tbody,
	#customer-info tr,
	#customer-info th,
	#customer-info td {
		display: block !important;
		width: 100% !important;
		box-sizing: border-box !important;
	}

	#customer-info tr {
		border-bottom: 1px solid #dce1dc !important;
	}

	#customer-info tr:last-child {
		border-bottom: 0 !important;
	}

	#customer-info th {
		padding: 14px 16px 8px !important;
		border-bottom: 0 !important;
		background: #f7f6f1 !important;
		font-size: 13px !important;
	}

	#customer-info td {
		padding: 10px 16px 16px !important;
		border-bottom: 0 !important;
	}

	#customer-info input[type="text"],
	#customer-info input[type="email"],
	#customer-info input[type="tel"],
	#customer-info input[type="password"],
	#customer-info select,
	#customer-info textarea {
		width: 100% !important;
		max-width: none !important;
		font-size: 16px !important;
	}

	#cart .send,
	#customer-info .send,
	#delivery-info .send,
	#confirm-info .send {
		flex-direction: column-reverse !important;
		align-items: stretch !important;
		gap: 10px !important;
	}

	#cart .send input,
	#customer-info .send input,
	#delivery-info .send input,
	#confirm-info .send input {
		width: 100% !important;
		min-width: 0 !important;
		min-height: 52px !important;
	}
}
/*
Theme: Green Scape Calm 2.1
Welcart 2.11.31 checkout final
蟇ｾ雎｡:
- 繧ｫ繝ｼ繝�
- 縺雁ｮ｢讒俶ュ蝣ｱ
- 驟埼€√�謾ｯ謇墓婿豕�
- 蜀�ｮｹ遒ｺ隱�
- 豕ｨ譁�ｮ御ｺ�
縺薙�CSS繧呈怏蜉ｹ繝��繝� style.css 縺ｮ荳€逡ｪ譛€蠕後∈霑ｽ蜉�
*/

/* =========================================================
   蝓ｺ譛ｬ濶ｲ
   ========================================================= */

#inside-cart,
#customer-info,
#delivery-info,
#info-confirm,
#completion {
	--gs-green: #244b38;
	--gs-green-dark: #18382b;
	--gs-pale: #f3f2ee;
	--gs-cream: #f7f6f1;
	--gs-line: #dce1dc;
	--gs-text: #34453b;
	--gs-muted: #6d776f;
	--gs-white: #ffffff;
	color: var(--gs-text);
}

/* =========================================================
   荳崎ｦ√↑隱ｬ譏取枚繝ｻ遨ｺ繝懊ャ繧ｯ繧ｹ繧帝撼陦ｨ遉ｺ
   ========================================================= */

#inside-cart > .header_explanation,
#inside-cart > .footer_explanation,
#customer-info > .header_explanation,
#customer-info > .footer_explanation,
#delivery-info > .header_explanation,
#delivery-info > .footer_explanation,
#info-confirm > .header_explanation,
#info-confirm > .footer_explanation {
	display: none !important;
}

/* 繧ｨ繝ｩ繝ｼ縺ｯ蠢�ｦ√↑縺ｮ縺ｧ谿九☆ */
#inside-cart .error_message,
#customer-info .error_message,
#delivery-info .error_message,
#info-confirm .error_message {
	margin: 0 0 22px !important;
	padding: 14px 18px !important;
	border-left: 3px solid #9b5b51 !important;
	background: #f8f1ef !important;
	color: #7d453e !important;
}

/* =========================================================
   繧ｹ繝�ャ繝励リ繝�
   ========================================================= */

.usccart_navi {
	width: 100% !important;
	margin: 0 0 36px !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
}

.usccart_navi ol.ucart {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	gap: 12px !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
	background: transparent !important;
}

.usccart_navi ol.ucart > li.ucart {
	display: flex !important;
	min-width: 0 !important;
	min-height: 52px !important;
	align-items: center !important;
	justify-content: center !important;
	float: none !important;
	margin: 0 !important;
	padding: 8px 12px !important;
	border: 1px solid var(--gs-line) !important;
	border-radius: 28px !important;
	background: var(--gs-pale) !important;
	background-image: none !important;
	box-shadow: none !important;
	color: #536058 !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	line-height: 1.35 !important;
	text-align: center !important;
	text-indent: 0 !important;
	text-shadow: none !important;
	box-sizing: border-box !important;
}

.usccart_navi ol.ucart > li.ucart::before,
.usccart_navi ol.ucart > li.ucart::after {
	display: none !important;
	content: none !important;
}

/* 迴ｾ蝨ｨ菴咲ｽｮ */
#inside-cart .usccart_navi li.usccart_cart,
#customer-info .usccart_navi li.usccart_customer,
#delivery-info .usccart_navi li.usccart_delivery,
#info-confirm .usccart_navi li.usccart_confirm {
	border-color: var(--gs-green) !important;
	background: var(--gs-green) !important;
	color: #fff !important;
}

/* =========================================================
   繧ｫ繝ｼ繝郁｡ｨ
   ========================================================= */

#cart_table {
	width: 100% !important;
	border-collapse: collapse !important;
	border: 1px solid var(--gs-line) !important;
	background: #fff !important;
}

#cart_table th,
#cart_table td {
	padding: 16px 14px !important;
	border: 1px solid var(--gs-line) !important;
	vertical-align: middle !important;
}

#cart_table th {
	background: var(--gs-cream) !important;
	color: #4c5a51 !important;
	font-size: 13px !important;
	font-weight: 600 !important;
}

#cart_table td {
	background: #fff !important;
	color: var(--gs-text) !important;
	font-size: 14px !important;
}

#cart_table .productname {
	color: var(--gs-green-dark) !important;
	font-weight: 600 !important;
}

#cart_table .subtotal,
#cart_table .totalend {
	color: var(--gs-green-dark) !important;
	font-weight: 700 !important;
	white-space: nowrap !important;
}

#cart_table img {
	max-width: 90px !important;
	height: auto !important;
}

#cart input[name*="quant"] {
	width: 64px !important;
	height: 44px !important;
	padding: 6px !important;
	border: 1px solid #cbd2c8 !important;
	border-radius: 2px !important;
	background: #fff !important;
	box-shadow: none !important;
	text-align: center !important;
	font-size: 15px !important;
}

/* 謨ｰ驥乗峩譁ｰ */
#inside-cart .upbutton {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	gap: 18px !important;
	margin: 0 0 26px !important;
	padding: 0 !important;
	background: transparent !important;
	color: var(--gs-text) !important;
	font-size: 14px !important;
}

#inside-cart .upbutton input[name="upButton"] {
	min-width: 130px !important;
	min-height: 46px !important;
	padding: 10px 20px !important;
	border: 1px solid #9eaaa1 !important;
	border-radius: 2px !important;
	background: #fff !important;
	background-image: none !important;
	color: var(--gs-text) !important;
	font-weight: 600 !important;
	box-shadow: none !important;
	text-shadow: none !important;
}

/* 蜑企勁 */
#inside-cart input[name*="delButton"],
#inside-cart input[value="蜑企勁"] {
	min-width: 72px !important;
	min-height: 42px !important;
	padding: 9px 14px !important;
	border: 1px solid #d3bbb5 !important;
	border-radius: 2px !important;
	background: #fff !important;
	background-image: none !important;
	color: #85645d !important;
	font-size: 12px !important;
	box-shadow: none !important;
	text-shadow: none !important;
}

/* 騾夊ｲｨ陦ｨ遉ｺ */
.currency_code {
	margin: 8px 0 0 !important;
	color: var(--gs-muted) !important;
	font-size: 13px !important;
}

/* =========================================================
   繝輔か繝ｼ繝�蜈ｱ騾�
   ========================================================= */

#customer-info table.customer_form,
#delivery-info table.customer_form,
#info-confirm #confirm_table {
	width: 100% !important;
	border-collapse: collapse !important;
	border: 1px solid var(--gs-line) !important;
	background: #fff !important;
}

#customer-info table.customer_form th,
#customer-info table.customer_form td,
#delivery-info table.customer_form th,
#delivery-info table.customer_form td,
#info-confirm #confirm_table th,
#info-confirm #confirm_table td {
	padding: 18px 20px !important;
	border: 1px solid var(--gs-line) !important;
	vertical-align: middle !important;
}

#customer-info table.customer_form th,
#delivery-info table.customer_form th,
#info-confirm #confirm_table th,
#info-confirm #confirm_table td.ttl {
	background: var(--gs-cream) !important;
	color: #4b584f !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	text-align: left !important;
}

#customer-info table.customer_form td,
#delivery-info table.customer_form td,
#info-confirm #confirm_table td {
	background: #fff !important;
	color: var(--gs-text) !important;
}

/* 蜈･蜉帶ｬ� */
#customer-info input[type="text"],
#customer-info input[type="email"],
#customer-info input[type="tel"],
#customer-info input[type="password"],
#customer-info select,
#customer-info textarea,
#delivery-info input[type="text"],
#delivery-info input[type="email"],
#delivery-info input[type="tel"],
#delivery-info input[type="password"],
#delivery-info select,
#delivery-info textarea {
	min-height: 46px !important;
	padding: 10px 12px !important;
	border: 1px solid #cbd2c8 !important;
	border-radius: 2px !important;
	background: #fff !important;
	box-shadow: none !important;
	color: var(--gs-text) !important;
	font-size: 15px !important;
	box-sizing: border-box !important;
}

#customer-info textarea,
#delivery-info textarea {
	min-height: 120px !important;
	line-height: 1.7 !important;
}

#customer-info input:focus,
#customer-info select:focus,
#customer-info textarea:focus,
#delivery-info input:focus,
#delivery-info select:focus,
#delivery-info textarea:focus {
	outline: none !important;
	border-color: #647764 !important;
	box-shadow: 0 0 0 3px rgba(100,119,100,.12) !important;
}

#customer-info input[type="radio"],
#customer-info input[type="checkbox"],
#delivery-info input[type="radio"],
#delivery-info input[type="checkbox"] {
	width: 18px !important;
	height: 18px !important;
	margin-right: 8px !important;
	accent-color: var(--gs-green);
}

/* =========================================================
   驟埼€√�謾ｯ謇墓婿豕�
   ========================================================= */

#delivery-info #delivery_table,
#delivery-info #time,
#delivery-info #custom_order,
#delivery-info #notes_table {
	margin-top: 24px !important;
}

#delivery-info select {
	min-width: 220px !important;
}

#delivery-info .notes {
	width: 100% !important;
}

/* =========================================================
   蜀�ｮｹ遒ｺ隱�
   ========================================================= */

#info-confirm #cart {
	margin-bottom: 32px !important;
}

#info-confirm #confirm_table h3 {
	margin: 0 !important;
	color: var(--gs-green-dark) !important;
	font-size: 17px !important;
	font-weight: 600 !important;
}

#info-confirm #point_table {
	width: 100% !important;
	margin: 0 0 24px !important;
	border-collapse: collapse !important;
}

#info-confirm #point_table th,
#info-confirm #point_table td {
	padding: 14px 16px !important;
	border: 1px solid var(--gs-line) !important;
}

/* =========================================================
   繝懊ち繝ｳ蜈ｱ騾�
   ========================================================= */

#inside-cart input[type="submit"],
#customer-info input[type="submit"],
#delivery-info input[type="submit"],
#info-confirm input[type="submit"],
#completion input[type="submit"],
#completion a.button {
	min-height: 50px !important;
	padding: 12px 24px !important;
	border: 1px solid #9eaaa1 !important;
	border-radius: 2px !important;
	background: #fff !important;
	background-image: none !important;
	box-shadow: none !important;
	color: var(--gs-text) !important;
	font-family: inherit !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	line-height: 1.35 !important;
	text-shadow: none !important;
	appearance: none !important;
	-webkit-appearance: none !important;
}

/* 荳矩Κ繝懊ち繝ｳ驟咲ｽｮ */
#inside-cart .send,
#customer-info .send,
#delivery-info .send,
#info-confirm .send {
	display: flex !important;
	width: 100% !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 20px !important;
	margin: 34px 0 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	float: none !important;
}

#inside-cart .send::before,
#inside-cart .send::after,
#customer-info .send::before,
#customer-info .send::after,
#delivery-info .send::before,
#delivery-info .send::after,
#info-confirm .send::before,
#info-confirm .send::after {
	display: none !important;
	content: none !important;
}

/* 荳ｻ繝懊ち繝ｳ */
#inside-cart input[name="customerinfo"],
#customer-info input[name="customerlogin"],
#customer-info input[name="delivery"],
#delivery-info input[name="confirm"],
#info-confirm input[name="purchase"],
#info-confirm input.checkout_button {
	min-width: 300px !important;
	min-height: 54px !important;
	border-color: var(--gs-green) !important;
	background: var(--gs-green) !important;
	color: #fff !important;
	font-size: 14px !important;
}

#inside-cart input[name="customerinfo"]:hover,
#customer-info input[name="customerlogin"]:hover,
#customer-info input[name="delivery"]:hover,
#delivery-info input[name="confirm"]:hover,
#info-confirm input[name="purchase"]:hover,
#info-confirm input.checkout_button:hover {
	border-color: var(--gs-green-dark) !important;
	background: var(--gs-green-dark) !important;
	color: #fff !important;
}

/* 謌ｻ繧九�雋ｷ縺�黄邯咏ｶ� */
#inside-cart input[name="continue_shopping"],
#customer-info input[name="backCart"],
#delivery-info input[name="backCustomer"],
#info-confirm input[name="backDelivery"],
#info-confirm input[name="backCart"] {
	min-width: 210px !important;
	background: #fff !important;
	color: var(--gs-text) !important;
}

/* 鮟�牡縺�ｷ壹ｒ豸医☆ */
#inside-cart hr,
#customer-info hr,
#delivery-info hr,
#info-confirm hr {
	border: 0 !important;
	border-top: 1px solid var(--gs-line) !important;
	background: transparent !important;
}

/* =========================================================
   螳御ｺ�判髱｢
   ========================================================= */

#completion {
	width: min(760px, calc(100% - 40px)) !important;
	margin: 0 auto !important;
	padding: 70px 0 100px !important;
	text-align: center !important;
}

#completion h1,
#completion h2 {
	color: var(--gs-green-dark) !important;
	font-weight: 500 !important;
	letter-spacing: .06em !important;
}

#completion p {
	color: var(--gs-muted) !important;
	line-height: 1.9 !important;
}

/* =========================================================
   繧ｹ繝槭�繝医ヵ繧ｩ繝ｳ
   ========================================================= */

@media screen and (max-width: 768px) {

	.usccart_navi ol.ucart {
		gap: 5px !important;
	}

	.usccart_navi ol.ucart > li.ucart {
		min-height: 42px !important;
		padding: 5px 3px !important;
		border-radius: 21px !important;
		font-size: 9px !important;
		letter-spacing: 0 !important;
	}

	#cart_table {
		min-width: 680px !important;
	}

	#inside-cart #cart,
	#info-confirm #cart {
		overflow-x: auto !important;
		-webkit-overflow-scrolling: touch;
	}

	#customer-info table.customer_form,
	#customer-info table.customer_form tbody,
	#customer-info table.customer_form tr,
	#customer-info table.customer_form th,
	#customer-info table.customer_form td,
	#delivery-info table.customer_form,
	#delivery-info table.customer_form tbody,
	#delivery-info table.customer_form tr,
	#delivery-info table.customer_form th,
	#delivery-info table.customer_form td {
		display: block !important;
		width: 100% !important;
		box-sizing: border-box !important;
	}

	#customer-info table.customer_form tr,
	#delivery-info table.customer_form tr {
		border-bottom: 1px solid var(--gs-line) !important;
	}

	#customer-info table.customer_form th,
	#delivery-info table.customer_form th {
		padding: 14px 16px 8px !important;
		border: 0 !important;
		background: var(--gs-cream) !important;
		font-size: 13px !important;
	}

	#customer-info table.customer_form td,
	#delivery-info table.customer_form td {
		padding: 10px 16px 16px !important;
		border: 0 !important;
	}

	#customer-info input[type="text"],
	#customer-info input[type="email"],
	#customer-info input[type="tel"],
	#customer-info input[type="password"],
	#customer-info select,
	#customer-info textarea,
	#delivery-info input[type="text"],
	#delivery-info input[type="email"],
	#delivery-info input[type="tel"],
	#delivery-info input[type="password"],
	#delivery-info select,
	#delivery-info textarea {
		width: 100% !important;
		max-width: none !important;
		font-size: 16px !important;
	}

	#inside-cart .send,
	#customer-info .send,
	#delivery-info .send,
	#info-confirm .send {
		flex-direction: column-reverse !important;
		align-items: stretch !important;
		gap: 10px !important;
	}

	#inside-cart .send input,
	#customer-info .send input,
	#delivery-info .send input,
	#info-confirm .send input {
		display: block !important;
		visibility: visible !important;
		width: 100% !important;
		min-width: 0 !important;
		min-height: 52px !important;
		margin: 0 !important;
	}

	#inside-cart .upbutton {
		align-items: stretch !important;
		flex-direction: column !important;
	}

	#inside-cart .upbutton input[name="upButton"] {
		width: 100% !important;
	}

	#completion {
		width: calc(100% - 24px) !important;
		padding: 44px 0 70px !important;
	}
}
/* 空のエラーメッセージを完全に削除 */
.error_message:empty{
    display:none !important;
}
/*
Green Scape Calm 2.1
驟埼€√�謾ｯ謇墓婿豕包ｼ丞�螳ｹ遒ｺ隱搾ｼ丞ｮ御ｺ�判髱｢ 譛€邨ゆｻ穂ｸ翫￡
style.css 縺ｮ荳€逡ｪ譛€蠕後∈霑ｽ蜉�
*/

/* =========================================================
   驟埼€√�謾ｯ謇墓婿豕�
   ========================================================= */

#delivery-info {
	color: #34453b;
}

#delivery-info table.customer_form {
	margin-bottom: 28px !important;
}

#delivery-info table.customer_form th {
	width: 26% !important;
	background: #f7f6f1 !important;
	color: #4b584f !important;
	font-weight: 600 !important;
}

#delivery-info table.customer_form td {
	background: #fff !important;
}

#delivery-info select {
	min-width: 320px !important;
	max-width: 100% !important;
	height: 46px !important;
	padding: 8px 38px 8px 12px !important;
	border: 1px solid #cbd2c8 !important;
	border-radius: 2px !important;
	background-color: #fff !important;
	color: #34453b !important;
	font-size: 15px !important;
	box-shadow: none !important;
}

/* 驟埼€∝�繝ｩ繧ｸ繧ｪ */
#delivery-info input[type="radio"] {
	width: 20px !important;
	height: 20px !important;
	accent-color: #244b38 !important;
}

/* 謾ｯ謇墓婿豕輔�蜷�∈謚櫁い */
#delivery-info .payment_method,
#delivery-info .payment,
#delivery-info .payment-box,
#delivery-info #payment_method {
	line-height: 1.8 !important;
}

#delivery-info .payment_method label,
#delivery-info .payment label,
#delivery-info #payment_method label {
	display: block !important;
	margin-bottom: 12px !important;
	padding: 14px 16px !important;
	border: 1px solid #e0e4df !important;
	background: #fafbf9 !important;
}

/* 蛯呵€�ｬ� */
#delivery-info textarea {
	width: 100% !important;
	min-height: 130px !important;
	resize: vertical !important;
}

/* =========================================================
   蜀�ｮｹ遒ｺ隱�
   ========================================================= */

#info-confirm {
	color: #34453b;
}

#info-confirm #cart_table {
	margin-bottom: 34px !important;
}

#info-confirm #cart_table th {
	background: #f7f6f1 !important;
	color: #4b584f !important;
}

#info-confirm #cart_table .totalend,
#info-confirm #cart_table .total_price,
#info-confirm #cart_table .grand-total {
	color: #18382b !important;
	font-size: 18px !important;
	font-weight: 700 !important;
}

/* 蜷�ュ蝣ｱ隕句�縺� */
#info-confirm h3,
#info-confirm .ttl h3,
#info-confirm .section-title {
	margin: 0 !important;
	padding: 18px 22px !important;
	background: #eef2ec !important;
	color: #244b38 !important;
	font-size: 18px !important;
	font-weight: 600 !important;
	letter-spacing: .04em !important;
}

/* 遒ｺ隱肴ュ蝣ｱ繝��繝悶Ν */
#info-confirm #confirm_table,
#info-confirm table.confirm_table {
	margin-bottom: 30px !important;
}

#info-confirm #confirm_table th,
#info-confirm table.confirm_table th {
	width: 25% !important;
	background: #f7f6f1 !important;
	color: #4b584f !important;
	font-weight: 600 !important;
}

#info-confirm #confirm_table td,
#info-confirm table.confirm_table td {
	background: #fff !important;
}

/* 豕ｨ譁�｢ｺ螳壹�繧ｿ繝ｳ */
#info-confirm input[name="purchase"],
#info-confirm .checkout_button,
#info-confirm .send_button {
	min-width: 360px !important;
	min-height: 56px !important;
	border: 1px solid #244b38 !important;
	background: #244b38 !important;
	color: #fff !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	letter-spacing: .06em !important;
}

#info-confirm input[name="purchase"]:hover,
#info-confirm .checkout_button:hover,
#info-confirm .send_button:hover {
	background: #18382b !important;
	border-color: #18382b !important;
}

/* =========================================================
   繧ｯ繝ｬ繧ｸ繝�ヨ繧ｫ繝ｼ繝牙�蜉帙Δ繝ｼ繝€繝ｫ
   ========================================================= */

#zeus_token_card_info_area,
#zeus_token_card_info,
#escott-token-modal,
#welcart-card-modal,
.usces_modal {
	border-radius: 2px !important;
	box-shadow: 0 18px 60px rgba(20, 40, 28, .24) !important;
}

#zeus_token_card_info_area h2,
#zeus_token_card_info h2,
#escott-token-modal h2,
#welcart-card-modal h2,
.usces_modal h2 {
	color: #244b38 !important;
	font-weight: 600 !important;
}

#zeus_token_card_info_area input,
#zeus_token_card_info select,
#escott-token-modal input,
#escott-token-modal select,
#welcart-card-modal input,
#welcart-card-modal select,
.usces_modal input,
.usces_modal select {
	min-height: 42px !important;
	border: 1px solid #cbd2c8 !important;
	border-radius: 2px !important;
	box-shadow: none !important;
}

#zeus_token_card_info_area input[type="button"],
#escott-token-modal input[type="button"],
#welcart-card-modal input[type="button"],
.usces_modal input[type="button"] {
	min-width: 140px !important;
	min-height: 48px !important;
	background: #fff !important;
	color: #34453b !important;
	border: 1px solid #9eaaa1 !important;
}

/* =========================================================
   螳御ｺ�判髱｢
   ========================================================= */

#completion {
	max-width: 880px !important;
}

#completion h1 {
	margin-bottom: 42px !important;
	color: #244b38 !important;
	font-size: clamp(34px, 5vw, 48px) !important;
	font-weight: 500 !important;
	letter-spacing: .08em !important;
}

#completion .completion_message,
#completion .thanks,
#completion .entry {
	padding: 48px 42px !important;
	border: 1px solid #dce1dc !important;
	background: #fff !important;
}

#completion .completion_message h2,
#completion .thanks h2,
#completion .entry h2 {
	color: #2f7b3e !important;
	font-size: 24px !important;
	font-weight: 600 !important;
}

#completion .completion_message p,
#completion .thanks p,
#completion .entry p {
	color: #3d463e !important;
	font-size: 15px !important;
	line-height: 2 !important;
}

/* 鮟�牡縺�ｳｨ諢乗棧繧偵ｄ繧上ｉ縺九￥ */
#completion .notice,
#completion .attention,
#completion .mail-notice {
	padding: 22px 24px !important;
	border: 1px solid #e5ddbd !important;
	background: #fbf7e8 !important;
	color: #4a4a3f !important;
}

/* 繝医ャ繝励∈謌ｻ繧� */
#completion a {
	color: #244b38 !important;
	text-underline-offset: 4px !important;
}

/* =========================================================
   繧ｹ繝槭�繝医ヵ繧ｩ繝ｳ
   ========================================================= */

@media screen and (max-width: 768px) {

	#delivery-info select {
		width: 100% !important;
		min-width: 0 !important;
		font-size: 16px !important;
	}

	#info-confirm #confirm_table th,
	#info-confirm table.confirm_table th {
		width: 100% !important;
	}

	#info-confirm input[name="purchase"],
	#info-confirm .checkout_button,
	#info-confirm .send_button {
		width: 100% !important;
		min-width: 0 !important;
	}

	#completion .completion_message,
	#completion .thanks,
	#completion .entry {
		padding: 30px 20px !important;
	}

	#completion h1 {
		font-size: 34px !important;
	}
}
/* =========================================
   お問い合わせ送信完了メッセージ
========================================= */

.gs-contact .wpcf7 form.sent .wpcf7-response-output {
	display: block !important;
	max-width: 760px !important;
	margin: 36px auto 0 !important;
	padding: 34px 38px !important;
	border: 1px solid #dfe4dc !important;
	border-left: 5px solid #244b38 !important;
	border-radius: 0 !important;
	background: #f7f6f1 !important;
	color: #3f463f !important;
	font-size: 15px !important;
	font-weight: 400 !important;
	line-height: 2 !important;
	letter-spacing: 0.02em !important;
	text-align: left !important;
	box-shadow: none !important;
}

/* 完了メッセージの見出し */
.gs-contact .wpcf7 form.sent .wpcf7-response-output::before {
	display: block;
	margin: 0 0 16px;
	color: #244b38;
	content: "お問い合わせありがとうございます";
	font-family:
		"Yu Mincho",
		"Hiragino Mincho ProN",
		serif;
	font-size: 24px;
	font-weight: 500;
	letter-spacing: 0.06em;
	line-height: 1.5;
}

/* 送信失敗・入力エラー */
.gs-contact .wpcf7 form.invalid .wpcf7-response-output,
.gs-contact .wpcf7 form.failed .wpcf7-response-output,
.gs-contact .wpcf7 form.spam .wpcf7-response-output {
	margin: 28px 0 0 !important;
	padding: 18px 20px !important;
	border: 1px solid #d8bbb5 !important;
	border-left: 5px solid #9b5b51 !important;
	background: #faf3f1 !important;
	color: #744c45 !important;
	font-size: 14px !important;
	line-height: 1.8 !important;
}

/* 送信ボタン */
.gs-contact input[type="submit"] {
	min-width: 320px !important;
	min-height: 56px !important;
	padding: 14px 30px !important;
	border: 1px solid #244b38 !important;
	border-radius: 0 !important;
	background: #244b38 !important;
	color: #ffffff !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	letter-spacing: 0.05em !important;
	opacity: 1 !important;
}

/* 同意前の送信ボタン */
.gs-contact input[type="submit"]:disabled {
	border-color: #b8c1b9 !important;
	background: #d9ded9 !important;
	color: #ffffff !important;
	cursor: not-allowed !important;
}

/* スマートフォン */
@media screen and (max-width: 700px) {
	.gs-contact .wpcf7 form.sent .wpcf7-response-output {
		margin-top: 28px !important;
		padding: 26px 20px !important;
		font-size: 14px !important;
		line-height: 1.9 !important;
	}

	.gs-contact .wpcf7 form.sent .wpcf7-response-output::before {
		font-size: 20px;
	}

	.gs-contact input[type="submit"] {
		width: 100% !important;
		min-width: 0 !important;
	}
}
/*
Green Scape Calm 2.1
お問い合わせページ 完成版
*/

.gs-contact {
  --gs-contact-green: #244b38;
  --gs-contact-green-dark: #18382b;
  --gs-contact-text: #3f463f;
  --gs-contact-subtext: #687068;
  --gs-contact-bg: #f7f5ef;
  --gs-contact-pale: #eef2ec;
  --gs-contact-border: #dfe4dc;
  --gs-contact-white: #ffffff;
  width: min(980px, calc(100% - 40px));
  margin: 0 auto;
  padding: 72px 0 100px;
  color: var(--gs-contact-text);
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue",
    "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic",
    YuGothic, Meiryo, sans-serif;
  line-height: 1.9;
}

.gs-contact,
.gs-contact * { box-sizing: border-box; }

.gs-contact__header {
  max-width: 760px;
  margin: 0 auto 44px;
  text-align: center;
}

.gs-contact__eyebrow {
  margin: 0 0 8px;
  color: #647764;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .22em;
}

.gs-contact__header h1 {
  margin: 0;
  color: var(--gs-contact-green);
  font-family: "Yu Mincho", "Hiragino Mincho ProN",
    "Hiragino Mincho Pro", serif;
  font-size: clamp(32px, 4vw, 48px);
  font-weight: 500;
  letter-spacing: .08em;
  line-height: 1.4;
}

.gs-contact__lead {
  margin: 22px 0 0;
  color: var(--gs-contact-subtext);
  font-size: 15px;
}

.gs-contact__notice {
  margin: 0 0 32px;
  padding: 24px 28px;
  border: 1px solid var(--gs-contact-border);
  background: var(--gs-contact-pale);
}

.gs-contact__notice p { margin: 0; font-size: 14px; }
.gs-contact__notice p + p { margin-top: 8px; }

.gs-contact__panel {
  padding: 38px 42px 42px;
  border: 1px solid var(--gs-contact-border);
  background: var(--gs-contact-white);
}

.gs-contact__panel > h2 {
  margin: 0 0 30px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--gs-contact-border);
  color: var(--gs-contact-green);
  font-size: 21px;
  font-weight: 600;
  letter-spacing: .05em;
}

.gs-contact-form__row { margin: 0 0 24px; }

.gs-contact-form__row label {
  display: block;
  margin: 0 0 8px;
  color: var(--gs-contact-text);
  font-size: 14px;
  font-weight: 600;
}

.gs-contact-form__required,
.gs-contact-form__optional {
  display: inline-block;
  margin-left: 8px;
  padding: 2px 8px;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .04em;
  vertical-align: 1px;
}

.gs-contact-form__required {
  background: var(--gs-contact-green);
  color: #fff;
}

.gs-contact-form__optional {
  border: 1px solid #cfd5ce;
  background: #fff;
  color: #707870;
}

.gs-contact .wpcf7-form-control-wrap {
  display: block;
  width: 100%;
}

.gs-contact input[type="text"],
.gs-contact input[type="email"],
.gs-contact input[type="tel"],
.gs-contact select,
.gs-contact textarea {
  display: block;
  width: 100%;
  max-width: none;
  min-height: 50px;
  margin: 0;
  padding: 12px 14px;
  border: 1px solid #cbd2c8;
  border-radius: 0;
  background: #fff;
  box-shadow: none;
  color: var(--gs-contact-text);
  font-family: inherit;
  font-size: 16px;
  line-height: 1.6;
}

.gs-contact textarea {
  min-height: 200px;
  resize: vertical;
}

.gs-contact input:focus,
.gs-contact select:focus,
.gs-contact textarea:focus {
  outline: none;
  border-color: #647764;
  box-shadow: 0 0 0 3px rgba(100, 119, 100, .12);
}

.gs-contact-form__consent {
  margin: 30px 0 0;
  padding: 18px 20px;
  background: var(--gs-contact-bg);
  font-size: 13px;
}

.gs-contact-form__consent label {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 0;
}

.gs-contact-form__consent input[type="checkbox"] {
  width: 18px;
  height: 18px;
  margin: 4px 0 0;
  accent-color: var(--gs-contact-green);
}

.gs-contact-form__submit {
  margin-top: 30px;
  text-align: center;
}

.gs-contact input[type="submit"] {
  min-width: 320px !important;
  min-height: 56px !important;
  padding: 14px 34px !important;
  border: 1px solid var(--gs-contact-green) !important;
  border-radius: 0 !important;
  background: var(--gs-contact-green) !important;
  color: #fff !important;
  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: .06em !important;
  cursor: pointer !important;
  opacity: 1 !important;
}

.gs-contact input[type="submit"]:hover,
.gs-contact input[type="submit"]:focus {
  border-color: var(--gs-contact-green-dark) !important;
  background: var(--gs-contact-green-dark) !important;
}

.gs-contact input[type="submit"]:disabled {
  border-color: #b8c1b9 !important;
  background: #d9ded9 !important;
  color: #fff !important;
  cursor: not-allowed !important;
}

.gs-contact .wpcf7-not-valid-tip {
  margin-top: 6px;
  color: #9b5b51;
  font-size: 12px;
}

.gs-contact .wpcf7 form.invalid .wpcf7-response-output,
.gs-contact .wpcf7 form.failed .wpcf7-response-output,
.gs-contact .wpcf7 form.spam .wpcf7-response-output {
  margin: 28px 0 0 !important;
  padding: 18px 20px !important;
  border: 1px solid #d8bbb5 !important;
  border-left: 5px solid #9b5b51 !important;
  background: #faf3f1 !important;
  color: #744c45 !important;
  font-size: 14px !important;
  line-height: 1.8 !important;
}

.gs-contact .wpcf7 form.sent .wpcf7-response-output {
  display: block !important;
  max-width: 760px !important;
  margin: 36px auto 0 !important;
  padding: 34px 38px !important;
  border: 1px solid var(--gs-contact-border) !important;
  border-left: 5px solid var(--gs-contact-green) !important;
  border-radius: 0 !important;
  background: var(--gs-contact-bg) !important;
  color: var(--gs-contact-text) !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 2 !important;
  letter-spacing: .02em !important;
  text-align: left !important;
  box-shadow: none !important;
}

.gs-contact .wpcf7 form.sent .wpcf7-response-output::before {
  display: block;
  margin: 0 0 16px;
  color: var(--gs-contact-green);
  content: "お問い合わせありがとうございます";
  font-family: "Yu Mincho", "Hiragino Mincho ProN", serif;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: .06em;
  line-height: 1.5;
}

.gs-contact .wpcf7-spinner {
  display: block;
  margin: 16px auto 0;
}

.gs-contact__privacy {
  margin: 26px 0 0;
  color: var(--gs-contact-subtext);
  font-size: 12px;
  text-align: center;
}

@media screen and (max-width: 700px) {
  .gs-contact {
    width: min(100% - 24px, 980px);
    padding: 48px 0 72px;
  }

  .gs-contact__header { margin-bottom: 32px; }
  .gs-contact__lead { font-size: 14px; text-align: left; }
  .gs-contact__notice { padding: 18px; }
  .gs-contact__panel { padding: 26px 18px 30px; }
  .gs-contact__panel > h2 { font-size: 18px; }

  .gs-contact input[type="text"],
  .gs-contact input[type="email"],
  .gs-contact input[type="tel"],
  .gs-contact select,
  .gs-contact textarea {
    font-size: 16px;
  }

  .gs-contact input[type="submit"] {
    width: 100% !important;
    min-width: 0 !important;
  }

  .gs-contact .wpcf7 form.sent .wpcf7-response-output {
    margin-top: 28px !important;
    padding: 26px 20px !important;
    font-size: 14px !important;
    line-height: 1.9 !important;
  }

  .gs-contact .wpcf7 form.sent .wpcf7-response-output::before {
    font-size: 20px;
  }
}
/* =========================================
   Green Scape お問い合わせ完了表示
========================================= */

.gs-contact .wpcf7 form.sent .wpcf7-response-output {
	display: block !important;
	max-width: 760px !important;
	margin: 40px auto 0 !important;
	padding: 38px 42px !important;
	border: 1px solid #dfe4dc !important;
	border-left: 5px solid #244b38 !important;
	background: #f7f6f1 !important;
	color: #3f463f !important;
	font-size: 15px !important;
	line-height: 2 !important;
	letter-spacing: .02em !important;
	text-align: left !important;
	box-shadow: none !important;
}

.gs-contact .wpcf7 form.sent .wpcf7-response-output::before {
	display: block;
	margin-bottom: 16px;
	content: "お問い合わせありがとうございます";
	color: #244b38;
	font-family:
		"Yu Mincho",
		"Hiragino Mincho ProN",
		serif;
	font-size: 25px;
	font-weight: 500;
	letter-spacing: .07em;
	line-height: 1.5;
}

/* 入力エラー */
.gs-contact .wpcf7-not-valid-tip {
	margin-top: 7px !important;
	color: #92584f !important;
	font-size: 13px !important;
	line-height: 1.6 !important;
}

/* フォーム全体のエラー */
.gs-contact .wpcf7 form.invalid .wpcf7-response-output,
.gs-contact .wpcf7 form.failed .wpcf7-response-output,
.gs-contact .wpcf7 form.spam .wpcf7-response-output {
	margin: 30px 0 0 !important;
	padding: 18px 20px !important;
	border: 1px solid #d8bbb5 !important;
	border-left: 5px solid #9b5b51 !important;
	background: #faf3f1 !important;
	color: #744c45 !important;
	font-size: 14px !important;
	line-height: 1.8 !important;
}

/* 電話番号の補足 */
.gs-contact .gs-contact-tel-note {
	display: block;
	margin-top: 7px;
	color: #707870;
	font-size: 12px;
	line-height: 1.7;
}

/* スマートフォン */
@media screen and (max-width: 700px) {
	.gs-contact .wpcf7 form.sent .wpcf7-response-output {
		margin-top: 30px !important;
		padding: 28px 22px !important;
		font-size: 14px !important;
		line-height: 1.9 !important;
	}

	.gs-contact .wpcf7 form.sent .wpcf7-response-output::before {
		font-size: 21px;
	}
}

/* ========================================
   Green Scape Calm 2.1
   ご利用ガイド・お支払い方法
======================================== */

.gs-payment__intro {
	margin: 0 0 28px;
	color: #62655d;
	line-height: 1.9;
	text-align: center;
}

.gs-payment__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
	align-items: stretch;
}

.gs-payment__card {
	display: flex;
	flex-direction: column;
	min-width: 0;
	padding: 30px 24px;
	background: #fffefa;
	border: 1px solid #e5e3d9;
	border-radius: 16px;
	box-shadow: 0 8px 24px rgba(45, 51, 37, 0.05);
}

.gs-payment__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 66px;
	height: 66px;
	margin: 0 auto 18px;
	color: #fff;
	background: linear-gradient(145deg, #78945a, #536d39);
	border-radius: 50%;
	box-shadow: 0 8px 18px rgba(83, 109, 57, 0.18);
}

.gs-payment__icon svg {
	width: 31px;
	height: 31px;
	fill: currentColor;
}

.gs-payment__title {
	margin: 0 0 22px !important;
	color: #536b3b;
	font-size: 20px !important;
	font-weight: 600;
	line-height: 1.5;
	text-align: center;
}

.gs-payment__card p {
	margin: 0 0 16px;
	line-height: 1.9;
}

.gs-payment__card p:last-child {
	margin-bottom: 0;
}

.gs-payment__image {
	display: block;
	width: 100%;
	height: auto;
	margin: 16px auto 22px;
}

.gs-payment__image--card {
	max-width: 520px;
}

.gs-payment__image--fee {
	margin-bottom: 16px;
}

.gs-payment__image--emoney {
	margin-top: 6px;
}

.gs-payment__brands {
	font-weight: 600;
	line-height: 2 !important;
	text-align: center;
}

.gs-payment__service {
	text-align: center;
}

.gs-payment__service strong {
	color: #536b3b;
}

.gs-payment__bank {
	margin: 18px 0;
	padding: 20px;
	background: linear-gradient(145deg, #f7f7f1, #f1f2e9);
	border: 1px solid #dfe4d4;
	border-radius: 12px;
}

.gs-payment__bank-heading {
	margin: 0 0 10px !important;
	color: #536b3b;
	font-weight: 600;
}

.gs-payment__bank dl {
	display: grid;
	grid-template-columns: 6em minmax(0, 1fr);
	gap: 7px 12px;
	margin: 0;
}

.gs-payment__bank dt {
	color: #66695f;
	font-weight: 500;
}

.gs-payment__bank dd {
	margin: 0;
	overflow-wrap: anywhere;
}

.gs-payment__note {
	margin-top: auto !important;
	padding-top: 8px;
	color: #6a6c65;
	font-size: 13px;
}

.gs-payment__subheading {
	margin: 18px 0 8px !important;
	font-size: 14px;
	font-weight: 600;
}

.gs-payment__footer {
	margin-top: 18px;
	padding: 17px 20px;
	background: #f7f7f2;
	border: 1px solid #e5e3d9;
	border-radius: 12px;
	color: #55584f;
	font-size: 14px;
	line-height: 1.8;
	text-align: center;
}

.gs-payment__footer svg {
	width: 18px;
	height: 18px;
	margin-right: 8px;
	color: #647d45;
	fill: currentColor;
	vertical-align: -4px;
}

@media screen and (max-width: 1050px) {
	.gs-payment__grid {
		grid-template-columns: 1fr;
	}

	.gs-payment__image {
		max-width: 650px;
	}
}

@media screen and (max-width: 600px) {
	.gs-payment__intro {
		margin-bottom: 22px;
		text-align: left;
	}

	.gs-payment__grid {
		gap: 14px;
	}

	.gs-payment__card {
		padding: 25px 18px;
		border-radius: 13px;
	}

	.gs-payment__icon {
		width: 58px;
		height: 58px;
	}

	.gs-payment__icon svg {
		width: 28px;
		height: 28px;
	}

	.gs-payment__title {
		font-size: 18px !important;
	}

	.gs-payment__bank {
		padding: 17px 15px;
	}

	.gs-payment__bank dl {
		display: block;
	}

	.gs-payment__bank dt {
		margin-top: 10px;
		font-size: 12px;
	}

	.gs-payment__bank dt:first-child {
		margin-top: 0;
	}

	.gs-payment__bank dd {
		margin-top: 2px;
	}

	.gs-payment__footer {
		padding: 15px;
		font-size: 13px;
	}
}
/* =========================================================
   Green Scape Calm 2.1
   お支払い方法・表示崩れ完全修正版
========================================================= */

#guide-payment .gs-guide__card-body {
	padding: 38px 32px 42px;
}

/* 導入文 */
#guide-payment .gs-payment__intro {
	margin: 0 0 28px !important;
	color: #525b52 !important;
	font-size: 15px !important;
	line-height: 1.9 !important;
	text-align: center !important;
}

/* 3列を強制 */
#guide-payment .gs-payment__grid {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 20px !important;
	align-items: stretch !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* 各カードをリセット */
#guide-payment .gs-payment__card {
	position: relative !important;
	display: flex !important;
	flex-direction: column !important;
	grid-column: auto !important;
	float: none !important;
	clear: none !important;
	width: auto !important;
	min-width: 0 !important;
	max-width: none !important;
	height: auto !important;
	margin: 0 !important;
	padding: 28px 22px 30px !important;
	background: #fffefa !important;
	border: 1px solid #dfe4dc !important;
	border-radius: 12px !important;
	box-shadow: 0 8px 24px rgba(57, 70, 57, 0.06) !important;
	box-sizing: border-box !important;
}

/* 丸いアイコン */
#guide-payment .gs-payment__icon {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 62px !important;
	height: 62px !important;
	min-width: 62px !important;
	margin: 0 auto 17px !important;
	padding: 0 !important;
	color: #ffffff !important;
	background: #647d45 !important;
	border-radius: 50% !important;
	box-shadow: 0 7px 18px rgba(83, 109, 57, 0.18) !important;
}

/* SVGを確実に表示 */
#guide-payment .gs-payment__icon svg {
	display: block !important;
	width: 29px !important;
	height: 29px !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: visible !important;
	fill: #ffffff !important;
	color: #ffffff !important;
}

#guide-payment .gs-payment__icon svg path {
	display: block !important;
	fill: #ffffff !important;
	stroke: none !important;
}

/* 決済カード内の見出し */
#guide-payment .gs-payment__title {
	position: static !important;
	display: block !important;
	margin: 0 0 20px !important;
	padding: 0 !important;
	color: #4d643d !important;
	font-size: 19px !important;
	font-weight: 600 !important;
	line-height: 1.55 !important;
	letter-spacing: 0.02em !important;
	text-align: center !important;
}

/* 既存の緑の点を消す */
#guide-payment .gs-payment__title::before,
#guide-payment .gs-payment__title::after {
	display: none !important;
	content: none !important;
}

/* 本文 */
#guide-payment .gs-payment__card p {
	margin: 0 0 16px !important;
	color: #414841 !important;
	font-size: 14px !important;
	line-height: 1.85 !important;
	text-align: left !important;
	overflow-wrap: anywhere !important;
}

/* 画像 */
#guide-payment .gs-payment__image {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	height: auto !important;
	margin: 18px auto !important;
	padding: 0 !important;
	object-fit: contain !important;
}

/* カードブランド画像 */
#guide-payment .gs-payment__image--card {
	width: 100% !important;
	max-width: 360px !important;
	margin-top: 14px !important;
	margin-bottom: 22px !important;
}

/* 代引手数料画像 */
#guide-payment .gs-payment__image--fee {
	width: 100% !important;
	max-width: 440px !important;
	margin-top: 18px !important;
	margin-bottom: 22px !important;
}

/* 電子マネー画像 */
#guide-payment .gs-payment__image--emoney {
	width: 100% !important;
	max-width: 440px !important;
	margin-top: 10px !important;
	margin-bottom: 20px !important;
}

/* カードブランド名 */
#guide-payment .gs-payment__brands {
	margin: 0 0 15px !important;
	color: #303730 !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	line-height: 1.9 !important;
	text-align: center !important;
}

/* PayPalなど */
#guide-payment .gs-payment__service {
	margin-bottom: 0 !important;
	font-size: 13px !important;
	line-height: 1.9 !important;
	text-align: center !important;
}

#guide-payment .gs-payment__service strong {
	color: #58723f !important;
	font-weight: 600 !important;
}

/* 銀行振込ボックス */
#guide-payment .gs-payment__bank {
	margin: 18px 0 20px !important;
	padding: 20px !important;
	background: #f5f6f0 !important;
	border: 1px solid #dce2d5 !important;
	border-radius: 9px !important;
}

#guide-payment .gs-payment__bank-heading {
	margin: 0 0 12px !important;
	color: #4d643d !important;
	font-size: 15px !important;
	font-weight: 600 !important;
}

#guide-payment .gs-payment__bank dl {
	display: grid !important;
	grid-template-columns: 5.5em minmax(0, 1fr) !important;
	gap: 8px 12px !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

#guide-payment .gs-payment__bank dt {
	margin: 0 !important;
	color: #687068 !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	line-height: 1.7 !important;
}

#guide-payment .gs-payment__bank dd {
	min-width: 0 !important;
	margin: 0 !important;
	color: #3f463f !important;
	font-size: 13px !important;
	line-height: 1.7 !important;
	overflow-wrap: anywhere !important;
}

/* 注意書き */
#guide-payment .gs-payment__note {
	margin-top: auto !important;
	padding-top: 12px !important;
	color: #686e68 !important;
	font-size: 12px !important;
}

/* 電子マネー見出し */
#guide-payment .gs-payment__subheading {
	position: static !important;
	margin: 8px 0 8px !important;
	padding: 0 !important;
	color: #465846 !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	line-height: 1.7 !important;
	text-align: left !important;
}

#guide-payment .gs-payment__subheading::before,
#guide-payment .gs-payment__subheading::after {
	display: none !important;
	content: none !important;
}

/* 下部メッセージ */
#guide-payment .gs-payment__footer {
	margin: 20px 0 0 !important;
	padding: 16px 20px !important;
	background: #f5f6f0 !important;
	border: 1px solid #dfe4dc !important;
	border-radius: 8px !important;
	color: #555d55 !important;
	font-size: 13px !important;
	line-height: 1.8 !important;
	text-align: center !important;
}

#guide-payment .gs-payment__footer svg {
	display: inline-block !important;
	width: 17px !important;
	height: 17px !important;
	margin: 0 7px 0 0 !important;
	fill: #647d45 !important;
	vertical-align: -4px !important;
}

/* タブレット：1列 */
@media screen and (max-width: 980px) {
	#guide-payment .gs-payment__grid {
		grid-template-columns: 1fr !important;
		max-width: 720px !important;
		margin-right: auto !important;
		margin-left: auto !important;
	}

	#guide-payment .gs-payment__card {
		width: 100% !important;
	}

	#guide-payment .gs-payment__image--card {
		max-width: 460px !important;
	}

	#guide-payment .gs-payment__image--fee,
	#guide-payment .gs-payment__image--emoney {
		max-width: 600px !important;
	}
}

/* スマートフォン */
@media screen and (max-width: 600px) {
	#guide-payment .gs-guide__card-body {
		padding: 26px 16px 30px !important;
	}

	#guide-payment .gs-payment__intro {
		margin-bottom: 20px !important;
		font-size: 13px !important;
		text-align: left !important;
	}

	#guide-payment .gs-payment__grid {
		gap: 15px !important;
	}

	#guide-payment .gs-payment__card {
		padding: 24px 17px 26px !important;
		border-radius: 10px !important;
	}

	#guide-payment .gs-payment__icon {
		width: 56px !important;
		height: 56px !important;
		min-width: 56px !important;
	}

	#guide-payment .gs-payment__icon svg {
		width: 26px !important;
		height: 26px !important;
	}

	#guide-payment .gs-payment__title {
		font-size: 17px !important;
	}

	#guide-payment .gs-payment__card p {
		font-size: 13px !important;
	}

	#guide-payment .gs-payment__brands br {
		display: none !important;
	}

	#guide-payment .gs-payment__bank {
		padding: 17px 15px !important;
	}

	#guide-payment .gs-payment__bank dl {
		display: block !important;
	}

	#guide-payment .gs-payment__bank dt {
		margin-top: 10px !important;
		font-size: 11px !important;
	}

	#guide-payment .gs-payment__bank dt:first-child {
		margin-top: 0 !important;
	}

	#guide-payment .gs-payment__bank dd {
		margin-top: 1px !important;
	}

	#guide-payment .gs-payment__footer {
		padding: 14px !important;
		text-align: left !important;
	}
}
/* =========================================================
   Green Scape Calm 2.1
   お支払い方法・読みやすさ優先の縦型完成版
========================================================= */

#guide-payment .gs-guide__card-body {
	padding: 40px !important;
}

#guide-payment .gs-payment__intro {
	margin: 0 0 28px !important;
	color: #596159 !important;
	font-size: 15px !important;
	line-height: 1.9 !important;
	text-align: left !important;
}

/* 3列をやめて縦1列にする */
#guide-payment .gs-payment__grid {
	display: block !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* 各決済方法 */
#guide-payment .gs-payment__card {
	display: block !important;
	float: none !important;
	clear: both !important;
	width: 100% !important;
	max-width: none !important;
	min-width: 0 !important;
	height: auto !important;
	margin: 0 0 22px !important;
	padding: 30px 32px !important;
	background: #fffefa !important;
	border: 1px solid #dfe4dc !important;
	border-radius: 8px !important;
	box-shadow: 0 6px 20px rgba(57, 70, 57, 0.05) !important;
	box-sizing: border-box !important;
}

#guide-payment .gs-payment__card:last-child {
	margin-bottom: 0 !important;
}

/* 空の緑丸は非表示 */
#guide-payment .gs-payment__icon {
	display: none !important;
}

/* 見出し */
#guide-payment .gs-payment__title {
	position: relative !important;
	display: block !important;
	margin: 0 0 22px !important;
	padding: 0 0 13px 17px !important;
	border-bottom: 1px solid #dfe4dc !important;
	color: #465846 !important;
	font-size: 21px !important;
	font-weight: 600 !important;
	line-height: 1.5 !important;
	letter-spacing: 0.03em !important;
	text-align: left !important;
}

#guide-payment .gs-payment__title::before {
	position: absolute !important;
	top: 0.25em !important;
	left: 0 !important;
	display: block !important;
	width: 5px !important;
	height: 1.15em !important;
	border-radius: 0 !important;
	background: #647764 !important;
	content: "" !important;
}

#guide-payment .gs-payment__title::after {
	display: none !important;
	content: none !important;
}

/* 本文 */
#guide-payment .gs-payment__card p {
	margin: 0 0 16px !important;
	color: #414841 !important;
	font-size: 14px !important;
	line-height: 1.9 !important;
	text-align: left !important;
}

/* クレジットカード画像 */
#guide-payment .gs-payment__image--card {
	display: block !important;
	width: auto !important;
	max-width: 620px !important;
	height: auto !important;
	margin: 22px auto !important;
}

/* カードブランド名 */
#guide-payment .gs-payment__brands {
	font-size: 14px !important;
	font-weight: 600 !important;
	line-height: 1.9 !important;
	text-align: center !important;
}

#guide-payment .gs-payment__service {
	text-align: center !important;
}

#guide-payment .gs-payment__service strong {
	color: #58703f !important;
}

/* 銀行口座 */
#guide-payment .gs-payment__bank {
	width: 100% !important;
	max-width: 680px !important;
	margin: 22px 0 !important;
	padding: 24px 26px !important;
	background: #f4f6f0 !important;
	border: 1px solid #d9e0d3 !important;
	border-radius: 6px !important;
	box-sizing: border-box !important;
}

#guide-payment .gs-payment__bank-heading {
	margin: 0 0 14px !important;
	color: #465846 !important;
	font-size: 15px !important;
	font-weight: 600 !important;
}

#guide-payment .gs-payment__bank dl {
	display: grid !important;
	grid-template-columns: 7em minmax(0, 1fr) !important;
	gap: 9px 18px !important;
	margin: 0 !important;
}

#guide-payment .gs-payment__bank dt {
	margin: 0 !important;
	color: #6a716a !important;
	font-size: 13px !important;
	font-weight: 600 !important;
}

#guide-payment .gs-payment__bank dd {
	margin: 0 !important;
	color: #3f463f !important;
	font-size: 14px !important;
	overflow-wrap: anywhere !important;
}

#guide-payment .gs-payment__note {
	margin: 0 !important;
	color: #687068 !important;
	font-size: 13px !important;
}

/* 代引手数料・電子マネー画像 */
#guide-payment .gs-payment__image--fee {
	display: block !important;
	width: 100% !important;
	max-width: 900px !important;
	height: auto !important;
	margin: 24px auto 30px !important;
}

#guide-payment .gs-payment__subheading {
	position: static !important;
	margin: 10px 0 14px !important;
	padding: 0 !important;
	color: #465846 !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	text-align: left !important;
}

#guide-payment .gs-payment__subheading::before,
#guide-payment .gs-payment__subheading::after {
	display: none !important;
	content: none !important;
}

#guide-payment .gs-payment__image--emoney {
	display: block !important;
	width: 100% !important;
	max-width: 700px !important;
	height: auto !important;
	margin: 16px auto 24px !important;
}

/* 下部案内 */
#guide-payment .gs-payment__footer {
	margin: 24px 0 0 !important;
	padding: 17px 20px !important;
	background: #f4f6f0 !important;
	border: 1px solid #dfe4dc !important;
	border-radius: 6px !important;
	color: #555d55 !important;
	font-size: 13px !important;
	line-height: 1.8 !important;
	text-align: center !important;
}

#guide-payment .gs-payment__footer svg {
	display: none !important;
}

/* スマートフォン */
@media screen and (max-width: 600px) {

	#guide-payment .gs-guide__card-body {
		padding: 26px 16px 30px !important;
	}

	#guide-payment .gs-payment__intro {
		margin-bottom: 20px !important;
		font-size: 13px !important;
	}

	#guide-payment .gs-payment__card {
		margin-bottom: 15px !important;
		padding: 23px 17px !important;
	}

	#guide-payment .gs-payment__title {
		margin-bottom: 18px !important;
		font-size: 17px !important;
	}

	#guide-payment .gs-payment__card p {
		font-size: 13px !important;
	}

	#guide-payment .gs-payment__image--card {
		width: 100% !important;
		max-width: 420px !important;
	}

	#guide-payment .gs-payment__brands br {
		display: none !important;
	}

	#guide-payment .gs-payment__bank {
		padding: 18px 16px !important;
	}

	#guide-payment .gs-payment__bank dl {
		display: block !important;
	}

	#guide-payment .gs-payment__bank dt {
		margin-top: 11px !important;
		font-size: 11px !important;
	}

	#guide-payment .gs-payment__bank dt:first-child {
		margin-top: 0 !important;
	}

	#guide-payment .gs-payment__bank dd {
		margin-top: 2px !important;
		font-size: 13px !important;
	}

	#guide-payment .gs-payment__image--fee,
	#guide-payment .gs-payment__image--emoney {
		width: 100% !important;
	}

	#guide-payment .gs-payment__footer {
		padding: 14px !important;
		text-align: left !important;
	}
}
/* =========================================================
   Green Scape Calm 2.1
   特定商取引法に基づく表記
========================================================= */

.gs-law {
	--gs-law-text: #3f463f;
	--gs-law-subtext: #687068;
	--gs-law-green: #647764;
	--gs-law-dark-green: #465846;
	--gs-law-pale-green: #eef2ec;
	--gs-law-cream: #f7f5ef;
	--gs-law-border: #dfe4dc;
	--gs-law-white: #ffffff;

	width: min(1080px, calc(100% - 40px));
	margin: 0 auto;
	padding: 72px 0 100px;
	color: var(--gs-law-text);
	font-family:
		-apple-system,
		BlinkMacSystemFont,
		"Helvetica Neue",
		"Hiragino Kaku Gothic ProN",
		"Hiragino Sans",
		"Yu Gothic",
		YuGothic,
		Meiryo,
		sans-serif;
	line-height: 1.9;
}

.gs-law *,
.gs-law *::before,
.gs-law *::after {
	box-sizing: border-box;
}

.gs-law a {
	color: var(--gs-law-dark-green);
	text-underline-offset: 3px;
}

/* ページ上部 */
.gs-law__header {
	max-width: 780px;
	margin: 0 auto 46px;
	text-align: center;
}

.gs-law__eyebrow {
	margin: 0 0 10px;
	color: var(--gs-law-green);
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.22em;
}

.gs-law__header h1 {
	margin: 0;
	color: var(--gs-law-dark-green);
	font-family:
		"Yu Mincho",
		"Hiragino Mincho ProN",
		"Hiragino Mincho Pro",
		serif;
	font-size: clamp(29px, 4vw, 46px);
	font-weight: 500;
	letter-spacing: 0.07em;
	line-height: 1.45;
}

.gs-law__lead {
	margin: 22px 0 0;
	color: var(--gs-law-subtext);
	font-size: 14px;
}

/* ご案内 */
.gs-law__notice {
	margin-bottom: 26px;
	padding: 20px 24px;
	border-left: 4px solid var(--gs-law-green);
	background: var(--gs-law-pale-green);
	color: var(--gs-law-dark-green);
	font-size: 14px;
}

/* 表全体 */
.gs-law__table-wrap {
	overflow: hidden;
	border: 1px solid var(--gs-law-border);
	background: var(--gs-law-white);
	box-shadow: 0 12px 35px rgba(57, 70, 57, 0.05);
}

.gs-law__table {
	margin: 0;
}

.gs-law__row {
	display: grid;
	grid-template-columns: 230px minmax(0, 1fr);
	margin: 0;
	border-bottom: 1px solid var(--gs-law-border);
}

.gs-law__row:last-child {
	border-bottom: 0;
}

.gs-law__row dt,
.gs-law__row dd {
	margin: 0;
	padding: 22px 26px;
}

.gs-law__row dt {
	display: flex;
	align-items: flex-start;
	background: var(--gs-law-pale-green);
	color: var(--gs-law-dark-green);
	font-size: 14px;
	font-weight: 600;
}

.gs-law__row dd {
	min-width: 0;
	color: var(--gs-law-text);
	font-size: 14px;
	overflow-wrap: anywhere;
}

.gs-law__list {
	margin: 0;
	padding-left: 1.3em;
}

.gs-law__list li {
	margin: 2px 0;
}

.gs-law__subnote {
	margin: 12px 0 0;
	color: var(--gs-law-subtext);
	font-size: 13px;
}

/* 公開前に確認が必要な箇所 */
.gs-law__confirm {
	display: inline-block;
	padding: 8px 11px;
	border: 1px solid #dfc982;
	background: #fff9df;
	color: #755f1f;
	font-size: 12px;
	line-height: 1.7;
}

/* 下部ご利用ガイド */
.gs-law__guide {
	display: grid;
	grid-template-columns: 64px minmax(0, 1fr);
	gap: 24px;
	align-items: start;
	margin-top: 32px;
	padding: 30px 34px;
	border: 1px solid var(--gs-law-border);
	background: var(--gs-law-cream);
}

.gs-law__guide-icon {
	display: flex;
	width: 64px;
	height: 64px;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: var(--gs-law-white);
	color: var(--gs-law-green);
}

.gs-law__guide-icon svg {
	width: 28px;
	height: 28px;
	fill: currentColor;
}

.gs-law__guide h2 {
	margin: 0 0 8px;
	color: var(--gs-law-dark-green);
	font-size: 19px;
	font-weight: 600;
	line-height: 1.6;
}

.gs-law__guide p {
	margin: 0;
	color: var(--gs-law-subtext);
	font-size: 14px;
}

.gs-law__button {
	display: inline-flex;
	min-width: 240px;
	min-height: 50px;
	align-items: center;
	justify-content: center;
	margin-top: 18px;
	padding: 11px 26px;
	border: 1px solid var(--gs-law-dark-green);
	background: var(--gs-law-dark-green);
	color: var(--gs-law-white) !important;
	font-size: 13px;
	letter-spacing: 0.04em;
	text-decoration: none;
	transition:
		background-color 0.2s ease,
		color 0.2s ease;
}

.gs-law__button:hover {
	background: var(--gs-law-white);
	color: var(--gs-law-dark-green) !important;
}

/* タブレット */
@media screen and (max-width: 800px) {
	.gs-law__row {
		grid-template-columns: 190px minmax(0, 1fr);
	}

	.gs-law__row dt,
	.gs-law__row dd {
		padding: 20px;
	}
}

/* スマートフォン */
@media screen and (max-width: 600px) {
	.gs-law {
		width: calc(100% - 24px);
		padding: 40px 0 70px;
	}

	.gs-law__header {
		margin-bottom: 30px;
	}

	.gs-law__header h1 {
		font-size: 27px;
		letter-spacing: 0.04em;
	}

	.gs-law__lead {
		margin-top: 17px;
		font-size: 13px;
		text-align: left;
	}

	.gs-law__notice {
		padding: 17px 18px;
		font-size: 13px;
	}

	.gs-law__table-wrap {
		overflow: visible;
		border: 0;
		background: transparent;
		box-shadow: none;
	}

	.gs-law__row {
		display: block;
		margin-bottom: 14px;
		border: 1px solid var(--gs-law-border);
		background: var(--gs-law-white);
	}

	.gs-law__row:last-child {
		border-bottom: 1px solid var(--gs-law-border);
	}

	.gs-law__row dt {
		display: block;
		padding: 13px 16px;
		font-size: 13px;
	}

	.gs-law__row dd {
		padding: 16px;
		font-size: 13px;
	}

	.gs-law__subnote {
		font-size: 12px;
	}

	.gs-law__guide {
		grid-template-columns: 1fr;
		gap: 14px;
		padding: 24px 20px;
	}

	.gs-law__guide-icon {
		width: 52px;
		height: 52px;
	}

	.gs-law__guide-icon svg {
		width: 24px;
		height: 24px;
	}

	.gs-law__guide h2 {
		font-size: 17px;
	}

	.gs-law__guide p {
		font-size: 13px;
	}

	.gs-law__button {
		width: 100%;
		min-width: 0;
	}
}
/*======================================
 Green Scape Calm 3.0 Premium Footer
======================================*/

.gs31-footer{

	background:#183b2d;

	color:#fff;

	padding:72px 20px 44px;

}

.gs31-footer__inner{

	max-width:1100px;

	margin:auto;

	text-align:center;

}

.gs31-footer__brand h2{

	margin:0;

	font-family:

		"Cormorant Garamond",

		"Times New Roman",

		serif;

	font-size:54px;

	font-weight:500;

	letter-spacing:.05em;

}

.gs31-footer__brand p{

	margin:8px 0 46px;

	font-size:13px;

	letter-spacing:.28em;

	color:rgba(255,255,255,.65);

}

.gs31-footer__legal{

	display:flex;

	justify-content:center;

	flex-wrap:wrap;

	gap:34px;

	margin-bottom:36px;

}

.gs31-footer__legal a{

	color:rgba(255,255,255,.88);

	text-decoration:none;

	font-size:15px;

	transition:.3s;

}

.gs31-footer__legal a:hover{

	color:#fff;

}

.gs31-footer__sub{

	display:flex;

	justify-content:center;

	gap:30px;

	margin-bottom:40px;

}

.gs31-footer__sub a{

	color:rgba(255,255,255,.55);

	font-size:13px;

	text-decoration:none;

	transition:.3s;

}

.gs31-footer__sub a:hover{

	color:#fff;

}

.gs31-footer__copyright{

	font-size:12px;

	letter-spacing:.08em;

	color:rgba(255,255,255,.45);

	line-height:1.9;

}

.gs31-footer__copyright span{

	display:block;

}

/*========== SP ==========*/

@media(max-width:768px){

.gs31-footer{

	padding:56px 20px 34px;

}

.gs31-footer__brand h2{

	font-size:42px;

}

.gs31-footer__brand p{

	margin-bottom:36px;

}

.gs31-footer__legal{

	flex-direction:column;

	gap:18px;

	margin-bottom:34px;

}

.gs31-footer__sub{

	gap:20px;

	margin-bottom:34px;

}

}
/*=========================================
 Green Scape Calm 3.0 Complete Footer
=========================================*/

.gs31-footer{

	background:#183b2d;

	padding:44px 20px 28px;

	color:#fff;

}

.gs31-footer__inner{

	max-width:1100px;

	margin:auto;

	text-align:center;

}

.gs31-footer__nav{

	display:flex;

	justify-content:center;

	align-items:center;

	flex-wrap:wrap;

	gap:14px;

}

.gs31-footer__brand{

	font-family:'Montserrat',sans-serif;

	font-weight:800;

	font-size:22px;

	letter-spacing:.02em;

	color:#fff;

	text-decoration:none;

}

.gs31-footer__nav a{

	color:rgba(255,255,255,.88);

	text-decoration:none;

	font-size:14px;

	font-weight:500;

	transition:.25s;

}

.gs31-footer__nav a:hover{

	color:#fff;

}

.gs31-footer__divider{

	color:rgba(255,255,255,.25);

	user-select:none;

}

.gs31-footer__copy{

	margin-top:18px;

	font-size:12px;

	letter-spacing:.08em;

	color:rgba(255,255,255,.45);

}

/*========== Tablet ==========*/

@media(max-width:768px){

.gs31-footer{

	padding:38px 20px 24px;

}

.gs31-footer__nav{

	flex-direction:column;

	gap:14px;

}

.gs31-footer__divider{

	display:none;

}

.gs31-footer__brand{

	font-size:24px;

	margin-bottom:4px;

}

.gs31-footer__copy{

	margin-top:20px;

}

}
/* =========================================
   Green Scape Brand Logo
========================================= */

.gs-brand-logo,
.gs22-header-brand-main,
.gs31-footer__brand{

	font-family:'Montserrat','Helvetica Neue',Arial,sans-serif;

	font-weight:800;

	letter-spacing:-0.04em;

	font-style:normal;

}

/* =========================================================
   GS 3.1 FINAL OVERRIDE LAYER
   既存デザインを壊さず、最後に上書きする共通調整
   ========================================================= */

:root {
	--gs31-primary: #183b2d;
	--gs31-accent: #90b34b;
	--gs31-bg: #f6f4ee;
	--gs31-white: #ffffff;
	--gs31-text: #243228;
	--gs31-muted: #687168;
	--gs31-border: #e5e3da;
	--gs31-font-normal:
		-apple-system,
		BlinkMacSystemFont,
		"Helvetica Neue",
		"Hiragino Kaku Gothic ProN",
		"Hiragino Sans",
		"Yu Gothic",
		YuGothic,
		Meiryo,
		sans-serif;
}

/* ロゴ画像以外は、読みやすい普通のゴシック体に統一 */
html,
body,
button,
input,
select,
textarea,
.gs31-front,
.gs31-front *,
.gs-guide,
.gs-law,
#itempage,
#cart,
#customer-info,
#delivery-info,
#confirm-info {
	font-family: var(--gs31-font-normal) !important;
}

/* 文字ロゴを使う場合だけ従来指定を許可 */
.gs-brand-logo,
.gs22-header-brand-main,
.gs31-header__brand-fallback-main,
.gs31-footer__brand {
	font-family: var(--gs31-font-normal) !important;
}

body {
	color: var(--gs31-text);
	font-size: 15px;
	font-weight: 400;
	line-height: 1.9;
	letter-spacing: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* 共通見出し：明朝体・過大な文字・広すぎる字間を解除 */
h1,
h2,
h3,
h4,
h5,
h6,
.gs31-front h1,
.gs31-front h2,
.gs31-front h3,
.gs-guide h1,
.gs-guide h2,
.gs-guide h3,
.gs-law h1,
.gs-law h2,
.gs-law h3,
#itempage h1,
#itempage h2,
#itempage h3 {
	font-family: var(--gs31-font-normal) !important;
	font-style: normal;
	letter-spacing: 0.02em;
}

/* トップページ HERO */
.gs31-hero {
	min-height: 600px;
}

.gs31-hero__copy {
	padding-top: 72px;
	padding-bottom: 72px;
}

.gs31-hero .gs31-eyebrow,
.gs31-front .gs31-eyebrow {
	margin-bottom: 26px;
	font-family: var(--gs31-font-normal) !important;
	font-size: 11px !important;
	font-weight: 600 !important;
	line-height: 1.5;
	letter-spacing: 0.18em !important;
}

.gs31-hero h1 {
	max-width: 620px;
	margin: 0 0 38px !important;
	font-family: var(--gs31-font-normal) !important;
	font-size: clamp(30px, 2.5vw, 44px) !important;
	font-weight: 500 !important;
	line-height: 1.75 !important;
	letter-spacing: 0.015em !important;
}

.gs31-button,
.gs31-hero .gs31-button {
	min-width: 240px;
	min-height: 52px;
	padding: 13px 24px;
	border-radius: 0;
	font-family: var(--gs31-font-normal) !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	letter-spacing: 0.04em !important;
}

/* CATEGORY / NEW ARRIVALS */
.gs31-section {
	padding-top: 76px;
	padding-bottom: 82px;
}

.gs31-section__head {
	margin-bottom: 36px;
}

.gs31-section__head .gs31-eyebrow {
	margin-bottom: 12px;
	font-size: 11px !important;
	font-weight: 600 !important;
	letter-spacing: 0.18em !important;
}

.gs31-section__head h2 {
	margin: 0;
	font-family: var(--gs31-font-normal) !important;
	font-size: clamp(28px, 3vw, 42px) !important;
	font-weight: 500 !important;
	line-height: 1.45 !important;
	letter-spacing: 0.015em !important;
}

.gs31-category-card,
.gs31-category-card strong,
.gs31-category-card span,
.gs31-category-card em,
.gs31-product-card,
.gs31-product-card h3,
.gs31-product-card p {
	font-family: var(--gs31-font-normal) !important;
}

.gs31-category-card strong {
	font-size: 15px !important;
	font-weight: 500 !important;
	letter-spacing: 0.02em !important;
}

.gs31-product-card h3 {
	font-size: 14px !important;
	font-weight: 500 !important;
	line-height: 1.7 !important;
	letter-spacing: 0.01em !important;
}

/* ガイド・特商法など、既存固定ページの明朝指定も解除 */
.gs-guide__header h1,
.gs-guide__message p,
.gs-guide__footer-message h2,
.gs-law__header h1 {
	font-family: var(--gs31-font-normal) !important;
	font-weight: 500 !important;
	letter-spacing: 0.025em !important;
}

/* フッター内の旧Montserrat指定を解除 */
.gs31-footer,
.gs31-footer *,
.gs31-footer__brand,
.gs31-footer__nav a,
.gs31-footer__copy {
	font-family: var(--gs31-font-normal) !important;
}

.gs31-footer__brand {
	font-weight: 600 !important;
	letter-spacing: 0.04em !important;
}

@media screen and (max-width: 900px) {
	.gs31-hero {
		min-height: 0;
	}

	.gs31-hero__copy {
		padding: 48px 24px 58px !important;
	}

	.gs31-hero h1 {
		font-size: clamp(26px, 7vw, 34px) !important;
		line-height: 1.7 !important;
	}

	.gs31-section {
		padding-top: 56px;
		padding-bottom: 62px;
	}

	.gs31-section__head h2 {
		font-size: clamp(26px, 7vw, 34px) !important;
	}
}

@media screen and (max-width: 600px) {
	body {
		font-size: 14px;
	}

	.gs31-hero .gs31-eyebrow,
	.gs31-front .gs31-eyebrow {
		font-size: 10px !important;
		letter-spacing: 0.16em !important;
	}

	.gs31-hero h1 {
		font-size: 27px !important;
		line-height: 1.75 !important;
	}

	.gs31-section__head h2 {
		font-size: 28px !important;
		line-height: 1.5 !important;
	}
}