/* Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600;800&display=swap');
/*
Theme Name: Green Scape Calm 4.0 Final Complete
Theme URI: https://greenscape.co.jp/
Description: Calm 2.1の完成デザインを維持したPHP 8.3対応版
Author: Green Scape
Version: 4.0.12
Template: welcart_default
Text Domain: greenscape-calm-40
*/
/* ==========================================================================
   GREEN SCAPE CALM 2.1 — CSS MANAGEMENT INDEX
   --------------------------------------------------------------------------
   このファイルは、Green Scape Calm 2.1〜2.3で積み重ねた表示を維持したまま、
   管理しやすくするために目次だけを追加した安全整理版です。

   重要:
   - CSSの記述順は変更していません。
   - 既存の数値・セレクター・!importantは削除していません。
   - PHP / header.php / footer.php / テンプレートには影響しません。

   主な構成（元ファイル上の開始位置）:
   01. ご利用ガイド ...................................... 元14行付近
   02. ご利用ガイド「植物について」修正 .................. 元695行付近
   03. Welcart カートページ ............................... 元877行付近
   04. 商品詳細ページ・SKU表 .............................. 元1569行付近
   05. Welcart購入フロー追加調整 .......................... 元2121行付近
   06. お問い合わせ完了表示 .............................. 元4966行付近
   07. ご利用ガイド・お支払い方法 ........................ 元5446行付近
   08. 特定商取引法に基づく表記 .......................... 元6314行付近
   09. フッター調整 ...................................... 元6641行付近
   10. ブランドロゴ調整 .................................. 元6951行付近

   今後の修正は、原則としてファイル末尾の
   「GREEN SCAPE CALM 2.1 — FUTURE SAFE OVERRIDES」内へ追記してください。
   ========================================================================== */


/* 親テーマの基本機能を維持し、各テンプレート側で専用デザインを適用します。 */
/* =========================================
   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;

}

/* ==========================================================================
   GREEN SCAPE CALM 2.1 — FUTURE SAFE OVERRIDES
   --------------------------------------------------------------------------
   今後の追加・微調整は、この下へ追記してください。
   既存ブロックを直接削除せず、ページ固有の親クラスを付けて上書きします。
   ========================================================================== */