/* ▼▼▼ 新テーマカラーはこの1箇所だけ変更してください ▼▼▼ */
/* カスタムCSS先頭 */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&family=Noto+Sans+JP:wght@400;500;700&display=swap');

:root {
	--jiot-blue: #003c71;
	--jiot-blue-light: #0065b3;
	--jiot-blue-pale: #e8f1fa;
	--jiot-action-blue: #0078d4;
	--jiot-action-blue-hover: #005fa3;
	--jiot-success: #0d7a3f;
	--jiot-warning: #e6930a;
	--jiot-error: #d13438;
	--jiot-info: #0065b3;
	--jiot-text: #1a1a2e;
	--jiot-text-2: #4a5568;
	--jiot-text-3: #8899a6;
	--jiot-border: #d1d9e0;
	--jiot-surface: #f7f9fc;
	--jiot-bg: #fff;
	--jiot-hero-grad: linear-gradient(135deg, #003c71, #0065b3 60%, #0078d4);
	--jiot-cta-grad: linear-gradient(90deg, #0065b3, #0078d4);
	--jiot-sp-xs: 4px;
	--jiot-sp-sm: 8px;
	--jiot-sp-md: 16px;
	--jiot-sp-lg: 24px;
	--jiot-sp-xl: 40px;
	--jiot-sp-2xl: 64px;
	--jiot-sp-3xl: 80px;
	--jiot-sp-4xl: 120px;
	--jiot-container: 1120px;
	--jiot-gutter-pc: 40px;
	--jiot-gutter-sp: 20px;
	--jiot-shadow-1: 0 1px 3px rgba(0, 60, 113, .06);
	--jiot-shadow-2: 0 4px 12px rgba(0, 60, 113, .12);
	--jiot-shadow-3: 0 8px 24px rgba(0, 60, 113, .16);
	--jiot-shadow-4: 0 16px 48px rgba(0, 60, 113, .2);
	--jiot-font-jp: "Noto Sans JP", "Hiragino Sans", "Yu Gothic Medium", system-ui, -apple-system, sans-serif;
	--jiot-font-en: "Inter", "Noto Sans JP", system-ui, -apple-system, sans-serif;
	--jiot-radius: 6px;
	--jiot-radius-card: 8px;
	--jiot-header-h: 72px;
}
/* ▲▲▲ 変更箇所ここまで ▲▲▲ */

/* 全体の基本フォント */
body,
input, textarea, select, button {
	font-family: var(--jiot-font-jp) !important;
}

/* Inter を効かせたい要素（Bカートの実クラス名に差し替え） */
h1, h2, h3,
.price, .number {
	font-family: var(--jiot-font-en) !important;
}

/* --- ヘッダー：ログインリンク／ログインフォーム送信ボタン --- */
.header .__banner .__wrap .__login.__is-guest .__block .__body .__login-link .__link {
	background-color: var(--jiot-blue) !important;
}
.header .__banner .__wrap .__login.__is-guest .__block .__body .__login-form form .__submit .__button {
	background-color: var(--jiot-blue) !important;
}

/* --- グローバルナビ（SPドロワー内の見出し） --- */
.gnav-sp .__drawer .__menu .__content .__heading {
	background-color: var(--jiot-blue) !important;
}

/* --- グローバルナビ（PCメニューのリンク文字色） --- */
.gnav-pc .__menu.__menu--default ul li a,
.gnav-pc .__menu.__menu--custom ul li a {
	color: var(--jiot-blue) !important;
}

/* --- サイドメニュー：見出し（default／custom） --- */
.aside section.__block .__heading.__heading--default,
.aside section.__block .__heading.__heading--custom {
	background-color: var(--jiot-blue) !important;
}

/* --- サイドメニュー：ログインリンク／送信ボタン --- */
.aside section.__block.__block--login.__is-guest .__body .__login-link .__link {
	background-color: var(--jiot-blue) !important;
}
.aside section.__block.__block--login.__is-guest .__body .__login-form .__submit .__button {
	background-color: var(--jiot-blue) !important;
}

/* --- 共通コンポーネント：送信ボタン（.c-button-submit） --- */
.c-button-submit {
	background-color: var(--jiot-blue) !important;
}

/* --- 共通コンポーネント：見出し（メイン／サイド） --- */
.c-heading-main,
.c-heading-aside {
	background-color: var(--jiot-blue) !important;
}

/* --- マイページ：絞り込み検索の送信ボタン --- */
.p-mypage-search .__body .__control .__submit .__button {
	background-color: var(--jiot-blue) !important;
}

/* --- ログインページ：ご注文手続きへ進むリンク（枠線ボタン） --- */
.main.main--login section.__to-order .__link {
	color: var(--jiot-blue) !important;
	border-color: var(--jiot-blue) !important;
}

/* --- カート：お見積りへ（枠線ボタン） --- */
.main.main--cart section.__shipping-wrap .__shipping .__control ul li.__to-estimate .__button {
/*   color: var(--jiot-blue) !important;*/
	border-color: var(--jiot-blue) !important;
	background-color: var(--jiot-blue) !important;
	color: #fff !important;
}

/* --- カート：ご注文手続きへ（塗りボタン） --- */
.main.main--cart section.__shipping-wrap .__shipping .__control ul li.__to-order .__button {
	background-color: var(--jiot-blue) !important;
}

/* --- マイページ：グループ会員編集の削除ボタン（枠線ボタン） --- */
.main.main--mypage-group-member-edit section.__delete button.__button {
	color: var(--jiot-blue) !important;
	border-color: var(--jiot-blue) !important;
}

/* --- マイページ：承認ルール編集の削除ボタン（枠線ボタン） --- */
.main.main--mypage-group-policy-edit section.__delete button.__button {
	color: var(--jiot-blue) !important;
	border-color: var(--jiot-blue) !important;
}