@charset "utf-8";
/* クリスマス商品WEB予約ページ CSS Document */
/* 2026年版ここから */
#ChCatalog h2,
#ChCatalog h3,
#ChCatalog ul li,
#ChCatalog dl dt,
#ChCatalog dl dd,
#ChCatalog p {
	font-family: "Noto Sans JP", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#ChCatalog ul.tabs.pc-only li a:focus,
#ChCatalog div.itembox p.bg a:focus {
	text-decoration: none !important;
	outline: none !important;
}

/* PCタブ */
#ChCatalog ul.tabs.pc-only li {
	font-family: "LINE Seed JP", sans-serif;
}
#ChCatalog ul.tabs.pc-only li a {
    color: #ffffff;
    background: #326a8b;
}
#ChCatalog ul.tabs.pc-only li a span::after {
	top: calc(50% - 4px);
    border-width: 12px 8px 0 8px;
	border-color: #b9dec6 transparent transparent transparent;
}

/* SPタブ */
#ChCatalog div.fixtab.sp-only {
	background: #b9dec6;
}
#ChCatalog div.fixtab.sp-only h2 {
	color: #326a8b;
	font-family: "LINE Seed JP", sans-serif;
}
#ChCatalog div.fixtab.sp-only ul.tabs li {
	font-family: "LINE Seed JP", sans-serif;
}
#ChCatalog div.fixtab.sp-only ul.tabs li a {
	color: #ffffff;
	background: #326a8b;
}
#ChCatalog div.fixtab.sp-only ul.tabs li a span::after {
	top: calc(50% - 3px);
	border-width: 6px 4px 0 4px;
	border-color: #b9dec6 transparent transparent transparent;
}

/* 共通部分 */
#ChCatalog div.block-page-christmas h2 {
	color: #5a2b2e;
	font-family: "LINE Seed JP", sans-serif;
}
#ChCatalog div.block-page-christmas h2::after {
	background: linear-gradient(90deg, rgba(159, 85, 85, 1) 0%, rgba(159, 85, 85, 1) 13%, rgba(250, 216, 209, 1) 47%, rgba(175, 108, 106, 1) 93%, rgba(159, 85, 85, 1) 100%);
}
#ChCatalog div.block-page-christmas div.flow div.flowbox {
	border-color: #01488a;
}
#ChCatalog div.block-page-christmas div.flow div.flowbox::before {
	border-color: #01488a transparent transparent transparent;
}
#ChCatalog div.block-page-christmas div.flow div.flowbox::after {
	background-color: #01488a;
}
#ChCatalog div.block-page-christmas div.flow div.flowbox dl dt {
	color: #01488a;
}
#ChCatalog div.block-page-christmas div.itembox {
	border-color: #5a2b2e;
}
/* 2026年版ここまで */
/* クリスマス商品WEB予約ページ */