@charset "utf-8";
/* CSS Document */
/* ==========================================================================
   01 黄金色（ゴールド）ベース
   ========================================================================== */
.multi-1 {
	background: #f3e6ca;
	color: #8e6d20;
	font-weight: bold;
	margin: 1px 0px 2px;
	padding: 2px 6px 2px 10px;
	border-radius: 2px 2px 2px 0px;
}
.multi-1-cap {
	background: #f3e6ca;
	color: #8e6d20;
	font-weight: bold;
	padding: 4px 6px;
	border-radius: 2px;
	font-size: 1.1em;
}
.multi-1-base {
	background: #fcf8ee;
	padding: 10px;
}

/* ==========================================================================
   02 青（ブルー）ベース
   ========================================================================== */
.multi-2 {
	background: #bfddec;
	color: #005a8a;
	font-weight: bold;
	padding: 2px 6px 2px 10px;
	border-radius: 4px;
	margin: 1px 0px 2px;
}
.multi-2-cap {
	background: #bfddec;
	color: #005a8a;
	font-weight: bold;
	padding: 4px 6px;
	border-radius: 2px;
	font-size: 1.1em;
}
.multi-2-base {
	background: #f0f7fb;
	padding: 10px;
}

/* ==========================================================================
   03 赤（レッド）ベース
   ========================================================================== */
.multi-3 {
	background: #fabfc2;
	color: #a3000d;
	font-weight: bold;
	padding: 2px 6px 2px 10px;
	border-radius: 4px;
	margin: 1px 0px 2px;
}
.multi-3-cap {
	background: #fabfc2;
	color: #a3000d;
	font-weight: bold;
	padding: 4px 6px;
	border-radius: 2px;
	font-size: 1.1em;
}
/* 元の multi-3-base の構造を維持しつつ、赤系の非常に薄い背景に変更 */
.multi-3-base {
	background: #fef5f5;
	padding: 10px;
}

/* ==========================================================================
   04 緑（グリーン）ベース
   ========================================================================== */
.multi-4 {
	background: #bfdfcc;
	color: #006b30;
	font-weight: bold;
	padding: 2px 6px 2px 10px;
	border-radius: 4px;
	margin: 1px 0px 2px;
}
.multi-4-cap {
	background: #bfdfcc;
	color: #006b30;
	font-weight: bold;
	padding: 4px 6px;
	border-radius: 2px;
	font-size: 1.1em;
}
.multi-4-base {
	background: #f2faf5;
	padding: 10px;
}

/* ==========================================================================
   05 黄色（イエロー）ベース
   ========================================================================== */
.multi-5 {
	background: #fef08a;
	color: #856404;
	font-weight: bold;
	padding: 2px 6px 2px 10px;
	border-radius: 4px;
	margin: 1px 0px 2px;
}
.multi-5-cap {
	background: #fef08a;
	color: #856404;
	font-weight: bold;
	padding: 4px 6px;
	border-radius: 2px;
	font-size: 1.1em;
}
.multi-5-base {
	background: #fffbeb;
	padding: 10px;
}

/* ==========================================================================
   06 グレー（モノトーン）ベース
   ========================================================================== */
.multi-6 {
	background: #e2e8f0;
	color: #2d3748;
	font-weight: bold;
	padding: 2px 6px 2px 10px;
	border-radius: 4px;
}
.multi-6-cap {
	background: #e2e8f0;
	color: #2d3748;
	font-weight: bold;
	padding: 4px 6px;
	border-radius: 2px;
	font-size: 1.1em;
}
.multi-6-base {
	background: #f7fafc;
	padding: 10px;
}

/* ==========================================================================
   07 パープル（紫）ベース
   ========================================================================== */
.multi-7 {
	background: #e9d8fd;
	color: #553c9a;
	font-weight: bold;
	padding: 2px 6px 2px 10px;
	border-radius: 4px;
}
.multi-7-cap {
	background: #e9d8fd;
	color: #553c9a;
	font-weight: bold;
	padding: 4px 6px;
	border-radius: 2px;
	font-size: 1.1em;
}
.multi-7-base {
	background: #faf5ff;
	padding: 10px;
}

/* ==========================================================================
   08 オレンジ（予備）ベース
   ========================================================================== */
.multi-8 {
	background: #feebc8;
	color: #c05621;
	font-weight: bold;
	padding: 2px 6px 2px 10px;
	border-radius: 4px;
}
.multi-8-cap {
	background: #feebc8;
	color: #c05621;
	font-weight: bold;
	padding: 4px 6px;
	border-radius: 2px;
	font-size: 1.1em;
}
.multi-8-base {
	background: #fffaf0;
	padding: 10px;
}
/* ==========================================================================
   特定のテーブル（.itinerary）内での文字色上書き設定
   ========================================================================== */
.itinerary .multi,
.itinerary .multi-cap,
.itinerary [class^="multi-"] {
    color: #222222 !important; /* 黒に近い濃いグレー（#000000でも可） */
}