.cbw-site {
--cbw-ivory: #f8f5ef;
--cbw-paper: #fffdfa;
--cbw-bordeaux: #721b27;
--cbw-bordeaux-deep: #4e1019;
--cbw-green: #355b47;
--cbw-charcoal: #282522;
--cbw-bronze: #a47b40;
--cbw-muted: #6a625a;
--cbw-line: #e6ddd1;
--cbw-line-strong: #d5c7b7;
--cbw-focus: #286bb8;
--cbw-shadow-soft: 0 10px 30px rgb(47 31 20 / 6%);
--cbw-shadow: 0 16px 36px rgb(47 31 20 / 8%);
--cbw-font-sans: -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic", YuGothic, Meiryo, sans-serif;
--cbw-font-serif: Georgia, "Yu Mincho", "Hiragino Mincho ProN", serif;
}
.cbw-site:not(.cbw-view-front) {
background: var(--cbw-ivory);
color: var(--cbw-charcoal);
font-family: var(--cbw-font-sans);
line-height: 1.8;
overflow-wrap: anywhere;
}
.cbw-site:not(.cbw-view-front) *,
.cbw-site:not(.cbw-view-front) *::before,
.cbw-site:not(.cbw-view-front) *::after {
box-sizing: border-box;
}
.cbw-site:not(.cbw-view-front) #container {
min-height: 100vh;
overflow: clip;
}
.cbw-site:not(.cbw-view-front) a {
color: var(--cbw-bordeaux);
text-decoration-thickness: 1px;
text-underline-offset: 0.18em;
}
.cbw-site:not(.cbw-view-front) a:hover {
color: var(--cbw-bordeaux-deep);
}
.cbw-site:not(.cbw-view-front) :focus-visible {
outline: 3px solid var(--cbw-focus);
outline-offset: 3px;
}
.cbw-site:not(.cbw-view-front) :target {
scroll-margin-top: 6rem;
}
.cbw-site:not(.cbw-view-front) img,
.cbw-site:not(.cbw-view-front) iframe,
.cbw-site:not(.cbw-view-front) video {
max-width: 100%;
} .cbw-site:not(.cbw-view-front) :where(.header-container, .header-container-in, .header) {
background: var(--cbw-paper);
}
.cbw-site:not(.cbw-view-front) .header-container {
border-bottom: 1px solid var(--cbw-line);
box-shadow: 0 4px 20px rgb(57 36 24 / 4%);
}
.cbw-site:not(.cbw-view-front) :where(.header-in, .header-container-in.hlt-top-menu) {
min-height: 76px;
}
.cbw-site:not(.cbw-view-front) :where(.site-name-text, .logo-text) {
color: var(--cbw-bordeaux);
font-family: var(--cbw-font-serif);
font-weight: 500;
letter-spacing: -0.035em;
}
.cbw-site:not(.cbw-view-front) :where(.site-name-text, .logo-text) a {
color: inherit;
text-decoration: none;
}
.cbw-site:not(.cbw-view-front) :where(.tagline, .site-description) {
color: var(--cbw-muted);
font-size: 0.72rem;
letter-spacing: 0.04em;
}
.cbw-site:not(.cbw-view-front) .logo-header img {
width: auto;
max-height: 64px;
}
.cbw-site:not(.cbw-view-front) .navi {
border-bottom: 1px solid var(--cbw-line);
background: var(--cbw-paper);
}
.cbw-site:not(.cbw-view-front) .navi-in > ul {
align-items: stretch;
}
.cbw-site:not(.cbw-view-front) .navi-in > ul > li > a {
display: flex;
align-items: center;
justify-content: center;
min-height: 48px;
border-bottom: 2px solid transparent;
color: var(--cbw-charcoal);
font-size: 0.84rem;
font-weight: 700;
letter-spacing: 0.025em;
text-decoration: none;
}
.cbw-site:not(.cbw-view-front) .navi-in > ul > li > a:hover,
.cbw-site:not(.cbw-view-front) .navi-in > ul > .current-menu-item > a,
.cbw-site:not(.cbw-view-front) .navi-in > ul > .current-menu-ancestor > a {
border-bottom-color: var(--cbw-bordeaux);
background: #fff8f7;
color: var(--cbw-bordeaux);
}
.cbw-site:not(.cbw-view-front) .navi-in :where(.sub-menu, .children) {
border: 1px solid var(--cbw-line);
background: var(--cbw-paper);
box-shadow: var(--cbw-shadow);
}
.cbw-site:not(.cbw-view-front) .navi-in :where(.sub-menu, .children) a {
min-height: 44px;
border-bottom: 1px solid var(--cbw-line);
color: var(--cbw-charcoal);
text-decoration: none;
} .cbw-site:not(.cbw-view-front) :where(.mobile-menu-buttons, .mobile-header-menu-buttons) {
border-color: var(--cbw-line);
background: rgb(255 253 250 / 97%);
box-shadow: 0 -5px 22px rgb(47 31 20 / 8%);
}
.cbw-site:not(.cbw-view-front) :where(.mobile-menu-buttons, .mobile-header-menu-buttons) .menu-button,
.cbw-site:not(.cbw-view-front) :where(.mobile-menu-buttons, .mobile-header-menu-buttons) a {
min-width: 44px;
min-height: 44px;
color: var(--cbw-charcoal);
text-decoration: none;
}
.cbw-site:not(.cbw-view-front) :where(.mobile-menu-buttons, .mobile-header-menu-buttons) .menu-button:hover,
.cbw-site:not(.cbw-view-front) :where(.mobile-menu-buttons, .mobile-header-menu-buttons) a:hover {
background: #fff8f7;
color: var(--cbw-bordeaux);
} .cbw-site:not(.cbw-view-front) :where(.skip-link, .go-to-content, a[href="#content"].screen-reader-text) {
position: fixed;
top: 12px;
left: 12px;
z-index: 100001;
}
.cbw-site:not(.cbw-view-front) :where(.skip-link, .go-to-content, a[href="#content"].screen-reader-text):focus {
width: auto;
height: auto;
padding: 10px 16px;
clip: auto;
border-radius: 4px;
background: var(--cbw-paper);
box-shadow: var(--cbw-shadow);
color: var(--cbw-bordeaux);
}
.cbw-site:not(.cbw-view-front) :where(.search-form, .comment-form, .wpcf7) :where(input, textarea, select, button) {
max-width: 100%;
font: inherit;
}
.cbw-site:not(.cbw-view-front) :where(.search-form, .comment-form, .wpcf7) :where(input[type="text"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="number"], input[type="password"], textarea, select) {
min-height: 44px;
padding: 10px 12px;
border: 1px solid var(--cbw-line-strong);
border-radius: 4px;
background: #fff;
color: var(--cbw-charcoal);
}
.cbw-site:not(.cbw-view-front) :where(.comment-form, .wpcf7) textarea {
min-height: 9rem;
resize: vertical;
}
.cbw-site:not(.cbw-view-front) :where(
.search-submit,
.search-form button[type="submit"],
.search-form input[type="submit"],
.comment-form button[type="submit"],
.comment-form input[type="submit"],
.wpcf7 button[type="submit"],
.wpcf7 input[type="submit"]
) {
min-width: 44px;
min-height: 44px;
padding: 9px 16px;
border: 1px solid var(--cbw-bordeaux);
border-radius: 4px;
background: var(--cbw-bordeaux);
color: #fff;
cursor: pointer;
font-weight: 700;
}
.cbw-site:not(.cbw-view-front) :where(
.search-submit,
.search-form button[type="submit"],
.search-form input[type="submit"],
.comment-form button[type="submit"],
.comment-form input[type="submit"],
.wpcf7 button[type="submit"],
.wpcf7 input[type="submit"]
):hover {
border-color: var(--cbw-bordeaux-deep);
background: var(--cbw-bordeaux-deep);
color: #fff;
}
.cbw-site:not(.cbw-view-front) :where(.search-box, .search-form) {
border-color: var(--cbw-line);
border-radius: 5px;
background: var(--cbw-paper);
}
.cbw-site:not(.cbw-view-front) .search-edit {
min-height: 44px;
color: var(--cbw-charcoal);
} .cbw-site:not(.cbw-view-front) :where(.breadcrumb, .breadcrumb-list) {
color: var(--cbw-muted);
font-size: 0.75rem;
line-height: 1.6;
}
.cbw-site:not(.cbw-view-front) .breadcrumb {
padding-block: 13px;
border-bottom: 1px solid var(--cbw-line);
}
.cbw-site:not(.cbw-view-front) .breadcrumb a {
color: var(--cbw-green);
text-decoration: none;
} .cbw-site:not(.cbw-view-front) :where(.footer, .footer-container) {
background: var(--cbw-bordeaux-deep);
color: #fff8f3;
}
.cbw-site:not(.cbw-view-front) .footer {
margin-top: clamp(44px, 8vw, 96px);
border-top: 1px solid rgb(255 248 243 / 14%);
}
.cbw-site:not(.cbw-view-front) .footer :where(a, .copyright, .footer-bottom-logo, .footer-bottom-content) {
color: rgb(255 248 243 / 78%);
}
.cbw-site:not(.cbw-view-front) .footer a:hover {
color: #fff;
}
.cbw-site:not(.cbw-view-front) .footer .navi-footer-in a {
display: inline-flex;
align-items: center;
min-height: 44px;
padding-inline: 10px;
text-decoration: none;
}
@media (max-width: 834px) {
.cbw-site:not(.cbw-view-front) :where(.header-in, .header-container-in.hlt-top-menu) {
min-height: 64px;
}
.cbw-site:not(.cbw-view-front) .logo-header img {
max-height: 52px;
}
}
@media (max-width: 480px) {
.cbw-site:not(.cbw-view-front) :where(.site-name-text, .logo-text) {
font-size: 1.45rem;
}
.cbw-site:not(.cbw-view-front) .breadcrumb {
padding-block: 10px;
}
}
@media (prefers-reduced-motion: reduce) {
.cbw-site:not(.cbw-view-front) *,
.cbw-site:not(.cbw-view-front) *::before,
.cbw-site:not(.cbw-view-front) *::after {
scroll-behavior: auto !important;
transition-duration: 0.01ms !important;
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
}
}