@charset "UTF-8";

/** -------------------- 共通 -------------------- */

/** ECサイトカラーパレット */
:root{
	--ec-white: #ffffff;
	--ec-blue: #007bff;
	--ec-dark-blue: #1f4e79;
	--ec-red: #ff0000;
	--ec-yellow: #ffff00;
	--ec-yellow-orange: #ffe699;
	--ec-orange: #ed7d31;
	--ec-gray: #6c757d;
	--ec-light-gray: #d9d9d9;
	--ec-light-blue: #9bc2e6;
	--ec-light-orange: #f4b084;
	--ec-black: #000000;
}

/** -------------------- 定義 -------------------- */

/** 注文番号ラベル */
.label-order-no {
	color: var(--ec-white);
	background-color: var(--ec-dark-blue);
	font-size: 18px;
	font-weight: bold;
}

/** 注文番号テキスト */
.text-order-no {
	color: var(--ec-black);
	font-size: 18px;
	font-weight: bold;
}

/** メーカー名ラベル */
.label-maker-name {
	color: var(--ec-dark-blue);
	font-size: 20px;
	font-weight: bold;
}

/** メーカー説明テキスト */
.text-maker-description {
	color: var(--ec-black);
	font-size: 12px;
}

/** 商品グループ名ラベル */
.label-hin-group-name {
	color: var(--ec-white);
	background-color: var(--ec-dark-blue);
	font-size: 18px;
	font-weight: bold;
}

/** 商品グループ説明テキスト */
.text-hin-group-description {
	color: var(--ec-black);
	font-size: 12px;
}

/** 商品名ラベル */
.label-hin-name {
	color: var(--ec-white);
	background-color: var(--ec-dark-blue);
	font-size: 18px;
	font-weight: bold;
}

/** 商品説明テキスト */
.text-hin-description {
	color: var(--ec-black);
	font-size: 12px;
}

/** 生産者ラベル */
.label-producer {
	color: var(--ec-white);
	background-color: var(--ec-dark-blue);
	font-size: 18px;
	font-weight: bold;
}

/** 生産者説明テキスト */
.text-producer-description {
	color: var(--ec-black);
	font-size: 12px;
}

/** 発注条件ラベル */
.label-order-cond {
	color: var(--ec-white);
	background-color: var(--ec-dark-blue);
	font-weight: bold;
}

/** 発注条件テキスト */
.text-order-cond {
	color: var(--ec-dark-blue);
}

/** 発注条件エラーラベル */
.label-order-cond-error {
	color: var(--ec-white);
	font-size: 20px;
	font-weight: bold;
}

/** 納期目安ラベル */
.label-delivery-date {
	color: var(--ec-white);
	background-color: var(--ec-dark-blue);
	font-weight: bold;
}

/** 納期目安テキスト */
.text-delivery-date {
	color: var(--ec-dark-blue);
}

/** 目安賞味期限ラベル */
.label-syomikigen {
	color: var(--ec-black);
	background-color: var(--ec-yellow-orange);
	font-size:14px;
}

/** 目安賞味期限テキスト */
.text-syomikigen {
	color: var(--ec-black);
	font-size:14px;
}

/** 参考売価ラベル */
.label-baika {
	color: var(--ec-black);
	background-color: var(--ec-yellow-orange);
	font-size:14px;
}

/** 参考売価テキスト */
.text-baika {
	color: var(--ec-black);
	font-size:14px;
}

/** JANCDラベル */
.label-jancd {
	color: var(--ec-black);
	background-color: var(--ec-yellow-orange);
	font-size:14px;
}

/** 税率ラベル */
.label-zeiritsu {
	color: var(--ec-black);
	background-color: var(--ec-yellow-orange);
	font-size:14px;
}

/** 税率テキスト */
.text-zeiritsu {
	color: var(--ec-black);
	font-size:14px;
}

/** トピックラベル */
.label-topic {
	color: var(--ec-white);
	background-color: var(--ec-dark-blue);
	font-weight: bold;
}

/** トピックテキスト */
.text-topic {
	color: var(--ec-black);
	font-size: 12px;
}

/** 確定ラベル */
.label-confirm {
	background-color: var(--ec-light-blue);
}

/** 未確認ラベル */
.label-pending {
	background-color: var(--ec-light-orange);
}

/** 確認中ラベル */
.label-fax {
	background-color: var(--ec-yellow);
}

/** キャンセルラベル */
.label-cancel {
	background-color: var(--ec-light-gray);
}

/** カタログ説明テキスト */
.text-catalog-description {
	color: var(--ec-black);
	font-size: 12px;
}

/** カテゴリ詳細説明テキスト */
.text-category-detail-description {
	color: var(--ec-black);
	font-size: 12px;
}

/** 配送販売情報（常温）ラベル */
.label-haisohanbai-jouon {
	color: #000000;
	background-color: #ffd966;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

/** 配送販売情報（冷蔵）ラベル */
.label-haisohanbai-reizo {
	color: #ffffff;
	background-color: #0bb3f1;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

/** 配送販売情報（冷凍）ラベル */
.label-haisohanbai-reito {
	color: #ffffff;
	background-color: #0a75c2;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

/** 配送温度帯ラベル */
.label-haiso-ondo {
	color: var(--ec-white);
	background-color: var(--ec-dark-blue);
	font-weight: bold;
}

/** 販売温度帯ラベル */
.label-hanbai-ondo {
	color: var(--ec-white);
	background-color: var(--ec-dark-blue);
	font-weight: bold;
}

/** 配送温度帯（常温）ラベル */
.label-haiso-ondo-jouon {
	color: #000000;
	background-color: #ffd966;
	font-weight: bold;
	text-align: center;
}

/** 配送温度帯（冷蔵）ラベル */
.label-haiso-ondo-reizo {
	color: #ffffff;
	background-color: #0bb3f1;
	font-weight: bold;
	text-align: center;
}

/** 配送温度帯（冷凍）ラベル */
.label-haiso-ondo-reito {
	color: #ffffff;
	background-color: #0a75c2;
	font-weight: bold;
	text-align: center;
}

/** 販売温度帯（常温）ラベル */
.label-hanbai-ondo-jouon {
	color: #000000;
	background-color: #ffd966;
	font-weight: bold;
	text-align: center;
}

/** 販売温度帯（冷蔵）ラベル */
.label-hanbai-ondo-reizo {
	color: #ffffff;
	background-color: #0bb3f1;
	font-weight: bold;
	text-align: center;
}

/** 販売温度帯（冷凍）ラベル */
.label-hanbai-ondo-reito {
	color: #ffffff;
	background-color: #0a75c2;
	font-weight: bold;
	text-align: center;
}

/** トップページ「もっとみる」ボタン */
.btn-custom-more{
	color:#000000;
	background-color:#f4eede;
	border-color:#f2ecdc;
	width:200px;
	height:50px;
	font-weight:bold;
}

.btn-custom-more:hover{
	color:#000000;
	background-color:#f6f0e0;
	border-color:#f2fbdf;
	width:200px;
	height:50px;
	font-weight:bold;
}

.btn-check:focus+.btn-custom-more,.btn-custom-more:focus{
	color:#000000;
	background-color:#f6f0e0;
	border-color:#f2fbdf;
	box-shadow:0 0 0 .25rem rgba(49,132,253,.5);
	width:200px;
	height:50px;
	font-weight:bold;
}

.btn-check:active+.btn-custom-more,.btn-check:checked+.btn-custom-more,.btn-custom-more.active,.btn-custom-more:active,.show>.btn-custom-more.dropdown-toggle{
	color:#000000;
	background-color:#f2fbdf;
	border-color:#f0e9dd;
	width:200px;
	height:50px;
	font-weight:bold;
}

.btn-check:active+.btn-custom-more:focus,.btn-check:checked+.btn-custom-more:focus,.btn-custom-more.active:focus,.btn-custom-more:active:focus,.show>.btn-custom-more.dropdown-toggle:focus{
	box-shadow:0 0 0 .25rem rgba(49,132,253,.5);
	width:200px;
	height:50px;
	font-weight:bold;
}

.btn-custom-more.disabled,.btn-custom-more:disabled{
	color:#000000;
	background-color:#f4eede;
	border-color:#f4eede;
	width:200px;
	height:50px;
	font-weight:bold;
}