/* Current CONTACT / NEWS presentation, retained from approved styles. */
:root { --u: calc(min(100vw, 1920px) / 1440); --header-h: calc(130 * var(--u)); --body-font: "WEC Japanese", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Noto Sans CJK JP", "Yu Gothic", sans-serif; --display-font: "WEC Display", "Arial Narrow", "Liberation Sans Narrow", Arial, sans-serif; --english-font: "sofia-pro", "Sofia Pro", "Gill Sans", Arial, sans-serif; --ink: #231815; --content: calc(1200 * var(--u)); color-scheme: light; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: calc(var(--header-h) + 20px); }
body { margin: 0px; color: var(--ink); font-family: var(--body-font); text-size-adjust: 100%; }
html:lang(en) body { font-family: var(--english-font); }
a { color: inherit; text-decoration: none; }
button { color: inherit; cursor: pointer; }
button, input, select, textarea { font: inherit; }
button { border: 0px; border-radius: 0px; }
button:disabled { cursor: default; }
button, a { -webkit-tap-highlight-color: transparent; }
img { display: block; max-width: 100%; height: auto; }
button:focus-visible, a:focus-visible, [tabindex="0"]:focus-visible { outline: rgb(22, 79, 190) solid 3px; outline-offset: 5px; }
[hidden] { display: none !important; }
h1, h2, h3, p { margin: 0px; }
.skip-link { position: fixed; top: 12px; left: 12px; z-index: 2000; padding: 12px 20px; background: white; border: 2px solid rgb(22, 79, 190); transform: translateY(-180%); }
.skip-link:focus { transform: none; }
.pending-link { cursor: default; }
.rainbow { font-synthesis: none; display: inline-flex; flex-wrap: nowrap; white-space: nowrap; font-family: var(--display-font); font-weight: 700; line-height: 1.1; }
.rainbow > span { color: var(--letter-color); display: inline-block; }
.paper-button { display: inline-flex; align-items: center; justify-content: center; gap: 14px; min-height: 38px; padding: 0.25em 1.1em; background: url("../images/paper-magenta.webp") 50% 50% / 110% auto rgb(184, 0, 102); color: rgb(255, 255, 255); font-size: max(14px, calc(28 * var(--u))); font-weight: 700; line-height: 1.3; clip-path: polygon(1% 5%, 8% 0px, 23% 3%, 62% 0px, 92% 2%, 99% 7%, 100% 87%, 97% 99%, 72% 96%, 38% 100%, 2% 92%, 0px 81%); }
.news-list { width: calc(980 * var(--u)); max-width: 100%; margin: calc(43 * var(--u)) auto 0; }
.news-item { border-top: 1px solid rgba(255, 255, 255, 0.8); }
.news-item a { display: grid; grid-template-columns: 25% 1fr 28px; align-items: center; gap: calc(10 * var(--u)); min-height: calc(89 * var(--u)); color: white; font-size: max(14px, calc(24 * var(--u))); font-weight: 700; }
.news-date { font-family: var(--english-font); }
.news-title { line-height: 1.45; }
.vendor-list { display: grid; grid-template-columns: 160fr 270fr 160fr 270fr; gap: calc(23 * var(--u)); max-width: calc(930 * var(--u)); margin: auto; align-items: stretch; }
.vendor { background: white; height: calc(154 * var(--u)); padding: calc(11 * var(--u)); display: flex; align-items: center; justify-content: center; }
.vendor img { width: 100%; height: 100%; object-fit: contain; }
.site-footer { margin-top: auto; background: rgb(35, 24, 21); color: white; text-align: center; display: grid; place-items: center; min-height: calc(78 * var(--u)); padding: 10px; }
@media (max-width: 767px) {
:root { --u: calc(100vw / 377); --header-h: calc(72 * var(--u)); --content: calc(345 * var(--u)); }
.paper-button { min-height: 28px; font-size: max(12px, calc(14 * var(--u))); padding: 0.25em 1.2em; }
.news-list { width: 100%; margin-top: calc(15 * var(--u)); }
.news-item a { grid-template-columns: 23% 1fr 15px; min-height: calc(38 * var(--u)); gap: 4px; font-size: max(9px, calc(10 * var(--u))); font-weight: 700; }
.news-title { overflow-wrap: anywhere; white-space: normal; }
.vendor-list { gap: calc(7 * var(--u)); max-width: 100%; }
.vendor { height: calc(57 * var(--u)); padding: calc(4 * var(--u)); }
.site-footer { min-height: calc(31 * var(--u)); padding: 7px; }
}
@media (prefers-reduced-motion: reduce) {
html { scroll-behavior: auto; }
*, ::before, ::after { animation-duration: 0.001ms !important; transition-duration: 0.001ms !important; animation-iteration-count: 1 !important; }
}
@media print {
.reveal { opacity: 1 !important; transform: none !important; }
}
@media (min-width: 768px) {
.news-list { margin-top: calc(25 * var(--u)); }
}
.reveal { opacity: 1; --reveal-distance: 100px; }
.motion-ready .reveal[data-reveal="waiting"] { opacity: 0; translate: 0 var(--reveal-distance); }
.motion-ready .reveal[data-reveal="visible"] { animation: 1s cubic-bezier(0.25, 0.1, 0.25, 1) 0s 1 normal both running wec-reveal-in; }
@keyframes wec-reveal-in { 
  0% { opacity: 0; translate: 0 var(--reveal-distance); }
  100% { opacity: 1; translate: none; }
}
.header-inner.reveal, .hero-media.reveal, .floating-ticket.reveal, .about-caterpillar.reveal, .goods-caterpillar.reveal, .author-signature.reveal, .copyright.reveal { --reveal-distance: 0px; }
.motion-ready .mobile-menu:not([hidden]) > * { --reveal-distance: 24px; animation: 0.8s ease 0s 1 normal both running wec-reveal-in; }
.paper-button, .social-link, .vendor { transition: filter 0.22s, outline-color 0.22s; }
@media (hover: hover) {
a.paper-button[href]:hover { filter: brightness(1.09); }
.calendar-arrow:not(:disabled):hover, .sns-arrow:hover { filter: drop-shadow(rgba(255, 255, 255, 0.4) 0px 0px 3px); }
}
@media (max-width: 767px) {
.reveal { --reveal-distance: 60px; }
}
html[data-motion="off"] { scroll-behavior: auto; }
html[data-motion="off"] .reveal { opacity: 1 !important; translate: none !important; animation: auto ease 0s 1 normal none running none !important; }
html[data-motion="off"] *, html[data-motion="off"] ::before, html[data-motion="off"] ::after { animation: auto ease 0s 1 normal none running none !important; transition: none !important; }
@media (prefers-reduced-motion: reduce) {
.reveal, .mobile-menu:not([hidden]) > * { opacity: 1 !important; translate: none !important; animation: auto ease 0s 1 normal none running none !important; }
}
@media print {
.reveal { opacity: 1 !important; translate: none !important; animation: auto ease 0s 1 normal none running none !important; }
}
:root { --body-font: "WEC Japanese", "Hiragino Kaku Gothic ProN", sans-serif; --english-font: "sofia-pro-variable", "WEC Japanese", Arial, sans-serif; --display-font: "WEC Display", "Arial Narrow", sans-serif; }
body { font-synthesis: none; }
.rainbow, .desktop-nav, .language-switch, .hero-dates small { font-weight: 400; }
html:lang(en) .author-biography, html:lang(en) .news-summary { font-weight: 400; }
.copyright { width: min(390px, 62vw); height: auto; }
.news-list { width: calc(980 * var(--u)); max-width: calc(100% - 40px); }
.accordion { overflow-anchor: none; }
.news-item { border-top: 1px solid rgba(255, 255, 255, 0.6); color: white; }
.news-item:last-child { border-bottom: 1px solid rgba(255, 255, 255, 0.6); }
.news-summary { display: grid; grid-template-columns: 23% 1fr 28px; gap: calc(15 * var(--u)); align-items: center; min-height: calc(89 * var(--u)); padding: calc(12 * var(--u)) calc(8 * var(--u)); font-size: max(14px, calc(23 * var(--u))); font-weight: 700; transition: background-color 0.2s; }
.news-date { font-size: 1.08em; font-weight: 400; }
.news-title { min-width: 0px; }
.accordion-icon { width: 20px; height: 20px; position: relative; flex-shrink: 0; }
.accordion-icon::before, .accordion-icon::after { content: ""; position: absolute; left: 0px; top: 9px; width: 20px; height: 2px; background: currentcolor; transition: transform 0.35s; }
.accordion-icon::after { transform: rotate(90deg); }
.accordion.is-expanded .accordion-icon::after, .accordion[open]:not(.is-closing) .accordion-icon::after { transform: rotate(0deg); }
.text-link:hover { opacity: 0.78; }
.vendor-list { grid-template-columns: repeat(4, 1fr); max-width: calc(1030 * var(--u)); gap: calc(22 * var(--u)); }
.vendor { height: calc(140 * var(--u)); padding: calc(24 * var(--u)); cursor: pointer; border: 2px solid transparent; box-shadow: rgba(125, 93, 23, 0.11) 0px 3px 0px; transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s; }
.vendor img { transition: transform 0.3s; }
.paper-button, .secondary-button, .calendar-arrow, .sns-arrow, .price-zoom, .menu-trigger, .menu-close, .social-link, .header-social { transition: transform 0.22s, filter 0.22s, box-shadow 0.22s; }
.pending-link[role="button"] { cursor: pointer; }
@media (hover: hover) {
.paper-button:hover, .paper-button:focus-visible { transform: translateY(-3px); filter: brightness(1.1); }
.vendor:hover { transform: translateY(-7px); box-shadow: rgba(120, 68, 9, 0.22) 0px 12px 18px; border-color: rgb(237, 147, 11); filter: none; }
.vendor:hover img { transform: scale(1.04); }
.news-summary:hover { background: rgba(255, 255, 255, 0.1); }
.calendar-arrow:not(:disabled):hover, .sns-arrow:hover, .price-zoom:hover, .social-link:hover, .header-social:hover { transform: translateY(-3px); }
}
.paper-button:active, .vendor:active, .floating-ticket:active, .secondary-button:active, .price-zoom:active, .calendar-arrow:not(:disabled):active, .sns-arrow:active { transform: translateY(1px) scale(0.98); }
.vendor:focus-visible { border-color: rgb(22, 79, 190); box-shadow: rgba(120, 68, 9, 0.22) 0px 6px 12px; }
.notice-dialog { width: min(480px, -36px + 100vw); border: 0px; padding: 36px; color: rgb(35, 24, 21); box-shadow: rgba(0, 0, 0, 0.333) 0px 20px 80px; }
.notice-dialog::backdrop { background: rgba(0, 0, 0, 0.6); }
.notice-dialog h2 { font-size: 24px; line-height: 1.5; margin-bottom: 16px; }
.notice-dialog p { font-size: 16px; line-height: 1.8; }
.notice-dialog .paper-button { margin-top: 24px; font-size: 18px; min-height: 44px; }
.subpage { min-height: 100svh; display: flex; flex-direction: column; }
.subpage-main { width: min(960px, 100% - 40px); padding: 50px 56px 65px; margin: 30px auto 90px; background: white; box-shadow: rgba(72, 41, 18, 0.05) 0px 8px 32px; }
.subpage-main > h1 { color: rgb(8, 113, 186); font: 400 68px/1 var(--display-font); }
.page-lead { margin-top: 22px; line-height: 1.8; }
.subpage .news-list { width: 100%; max-width: 100%; margin-top: 35px; }
.subpage .news-item { color: rgb(35, 24, 21); border-color: rgb(204, 204, 204); }
.subpage .news-summary { font-size: 17px; min-height: 85px; grid-template-columns: 130px 1fr 24px; gap: 16px; padding: 15px 0px; }
.subpage .news-summary:hover { background: rgb(255, 242, 206); }
.subpage .paper-button { font-size: 19px; min-height: 46px; }
.page-back { margin-top: 40px; }
.subpage .site-footer { min-height: 65px; width: 100%; }
.form-stage h2 { font-size: 24px; margin: 30px 0px 20px; }
.form-stage p { line-height: 1.8; margin-bottom: 30px; }
#review-values { margin: 0px; }
#review-values dt { font-weight: 700; margin: 22px 0px 8px; }
#review-values dd { margin: 0px; white-space: pre-wrap; overflow-wrap: anywhere; padding-bottom: 18px; border-bottom: 1px solid rgb(221, 221, 221); line-height: 1.7; }
.form-actions { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 30px; }
@media (max-width: 767px) {
.news-list { width: calc(305 * var(--u)); max-width: calc(100% - 40px); margin-top: calc(17 * var(--u)); }
.news-summary { grid-template-columns: 1fr 20px; gap: 4px 10px; min-height: 65px; padding: 10px 0px; font-size: 12px; }
.news-date { font-size: 12px; grid-column: 1; }
.news-title { grid-column: 1; }
.news-summary .accordion-icon { grid-area: 1 / 2 / 3; }
.accordion-icon { width: 16px; height: 16px; }
.accordion-icon::before, .accordion-icon::after { width: 16px; top: 7px; }
.vendor-list { max-width: 100%; grid-template-columns: repeat(2, 1fr); gap: calc(10 * var(--u)); }
.vendor { height: calc(76 * var(--u)); padding: calc(17 * var(--u)); }
.copyright { width: min(260px, 70vw); }
.subpage-main { width: calc(100% - 24px); padding: 30px 20px 38px; margin: 20px auto 45px; }
.subpage-main > h1 { font-size: 50px; }
.page-lead { font-size: 14px; margin-top: 18px; }
.subpage .news-summary { grid-template-columns: 1fr 20px; gap: 6px 10px; font-size: 14px; min-height: 90px; }
.subpage .paper-button { font-size: 16px; }
.form-actions { flex-direction: column-reverse; }
}
@media (prefers-reduced-motion: reduce) {
.sea-photo.slide, .accordion-icon::after { transition: none; }
}
a.news-summary, a.faq-summary { text-decoration: none; cursor: pointer; }
a.news-summary { color: inherit; }
.news-summary:focus-visible, .faq-summary:focus-visible { outline: rgb(255, 255, 255) solid 3px; outline-offset: -3px; }
.content-item .accordion-icon, .content-item .popup-icon { display: block; position: relative; flex-shrink: 0; justify-self: center; width: calc(34 * var(--u)); height: calc(25 * var(--u)); transition: transform 0.3s, opacity 0.3s; --chevron-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 25'%3E%3Cpath d='M4 4 16.9425 20.036 29.885 4' fill='none' stroke='white' stroke-width='4.169'/%3E%3C/svg%3E"); }
.content-item .accordion-icon::before, .content-item .popup-icon::before { content: ""; position: absolute; inset: 0px; width: 100%; height: 100%; background: currentcolor; transform: none; mask: var(--chevron-image) center / contain no-repeat; }
.content-item .accordion-icon::after, .content-item .popup-icon::after { content: none; }
@media (max-width: 767px) {
.content-item .accordion-icon, .content-item .popup-icon { width: calc(18 * var(--u)); height: calc(13 * var(--u)); --chevron-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 13'%3E%3Cpath d='M2.5 2.5 8.995 10.547 15.49 2.5' fill='none' stroke='white' stroke-width='1.569'/%3E%3C/svg%3E"); }
}
@media (hover: hover) {
.content-item > a:hover .accordion-icon, .content-item > a:hover .popup-icon { transform: translateY(2px); }
.content-item > a:hover { background-color: rgba(255, 255, 255, 0.125); }
}
.content-item > a:active .accordion-icon, .content-item > a:active .popup-icon { transform: translateY(1px); opacity: 0.8; }
html { scrollbar-gutter: stable; }
dialog.content-dialog::backdrop, dialog.notice-dialog::backdrop, dialog.price-dialog::backdrop { background: rgba(0, 0, 0, 0.6); }
dialog[data-animated-dialog].is-closing { animation: 0.25s ease 0s 1 normal both running wec-dialog-out; pointer-events: none; }
dialog[data-animated-dialog].is-closing::backdrop { animation: 0.25s ease 0s 1 normal both running wec-backdrop-out; }
@keyframes wec-dialog-in { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes wec-dialog-out { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}
@keyframes wec-backdrop-in { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes wec-backdrop-out { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}
.article-document { padding: 28px 0px; border-top: 1px solid rgb(202, 191, 186); scroll-margin-top: 30px; }
.article-document h2 { font-family: var(--body-font); font-size: clamp(21px, 3vw, 27px); font-weight: 700; line-height: 1.5; margin: 9px 0px 18px; }
.article-document p { font-size: 16px; line-height: 1.9; }
.article-document p + p { margin-top: 1em; }
@media (prefers-reduced-motion: reduce) {
dialog[data-animated-dialog], dialog[data-animated-dialog]::backdrop { animation: auto ease 0s 1 normal none running none !important; }
}
html:lang(en) .content-dialog h2, html:lang(en) .content-dialog-date, html:lang(en) .article-document h2 { font-family: var(--english-font); }
:root { --u: calc(min(var(--layout-width,100vw),1920px) / 1440); }
@media (min-width: 768px) and (max-width: 1199px) {
.vendor { min-height: 100px; padding: 16px; }
}
@media (max-width: 767px) {
:root { --u: calc(var(--layout-width,100vw) / 377); }
.vendor-list { grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 10px; }
.vendor { height: clamp(65px, 18vw, 100px); padding: clamp(7px, 2.2vw, 14px); }
.vendor:first-child { grid-column: 1 / -1; height: clamp(100px, 27vw, 150px); padding: 20px; }
.vendor:first-child img { width: 70%; max-width: 310px; }
}
@media (max-width: 767px) and (max-height: 500px) and (orientation: landscape) {
:root { --header-h: 64px; }
}
.news-summary .accordion-icon { transform: rotate(-90deg); }
@media (hover: hover) {
.news-summary:hover .accordion-icon { transform: translateX(3px) rotate(-90deg); }
}
.news-summary:active .accordion-icon { transform: translateX(1px) rotate(-90deg); }
details.faq-item[open]:not(.is-closing) .accordion-icon { transform: rotate(180deg); }
.news-detail-page .subpage-main { max-width: 860px; }
.news-detail-page .subpage-main > h1 { font: 700 clamp(24px,3vw,36px)/1.5 var(--body-font); margin: 10px 0px 25px; overflow-wrap: anywhere; }
html:lang(en) .news-detail-page .subpage-main > h1 { font-family: var(--english-font); }
.news-detail-date { font: 400 17px/1.5 var(--english-font); color: rgb(112, 100, 93); margin-top: 30px; }
.news-breadcrumbs { display: flex; flex-wrap: wrap; gap: 8px; font-size: 14px; }
.news-breadcrumbs a { display: inline-flex; align-items: center; min-height: 44px; border-bottom: 1px solid transparent; }
.news-breadcrumbs a:hover { border-bottom-color: currentcolor; }
.news-article-content.article-document { padding: 0px; border-top: 0px; }
.news-article-content p { font: 400 17px/1.9 var(--body-font); overflow-wrap: anywhere; }
html:lang(en) .news-article-content p { font-family: var(--english-font); }
.news-article-content p + p { margin-top: 1.2em; }
.article-pagination { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin-top: 45px; padding-top: 25px; border-top: 1px solid rgb(217, 209, 201); }
.article-pagination a { display: flex; flex-direction: column; gap: 8px; min-height: 70px; padding: 16px; background: rgb(251, 246, 235); transition: background-color 0.25s, transform 0.25s; overflow-wrap: anywhere; }
.article-pagination a:last-child { text-align: right; }
.article-pagination a:hover { background: rgb(255, 239, 202); transform: translateY(-2px); }
.article-pagination a:active { transform: translateY(1px); }
.article-pagination span { font-size: 13px; color: rgb(128, 108, 96); }
.article-pagination strong { font-size: 15px; line-height: 1.6; }
.article-return { display: flex; flex-wrap: wrap; gap: 15px; align-items: center; margin-top: 30px; }
.article-return .page-back { margin-top: 0px; }
.article-return .text-link { display: inline-flex; min-height: 44px; align-items: center; font-size: 15px; border-bottom: 1px solid; }
@media (max-width: 767px) {
.news-detail-date { font-size: 15px; margin-top: 22px; }
.news-article-content p { font-size: 15px; }
.article-pagination { gap: 10px; margin-top: 30px; padding-top: 20px; }
.article-pagination a { padding: 12px; }
.article-pagination strong { font-size: 13px; }
}
@media (prefers-reduced-motion: reduce) {
details.faq-item .accordion-icon, .article-pagination a { transition: none; }
}
.news-theme181 { --news-ink: #231815; --news-accent: #bd005e; color: var(--news-ink); min-height: 100vh; isolation: isolate; }
.news-theme181 .subpage-main { position: relative; isolation: isolate; background: none; box-shadow: none; width: min(1120px, 100% - 80px); max-width: none; margin: 32px auto 88px; padding: 66px 76px 64px; }
.news-theme181 .subpage-main::before { content: ""; position: absolute; z-index: -1; inset: 0px; background: rgb(255, 254, 250); clip-path: polygon(0.3% 0.6%, 8% 0px, 19% 0.5%, 34% 0.2%, 48% 0.6%, 65% 0px, 82% 0.4%, 98.7% 0.1%, 100% 13%, 99.6% 36%, 100% 65%, 99.3% 98.8%, 87% 99.3%, 71% 100%, 54% 99.5%, 37% 100%, 19% 99.6%, 1% 99.2%, 0px 79%, 0.4% 50%, 0px 24%); }
.news-theme181 .subpage-main::after { content: ""; position: absolute; inset: 12px -5px -8px 10px; background: rgba(82, 40, 5, 0.094); z-index: -2; transform: rotate(0.4deg); pointer-events: none; }
.archive-intro { position: relative; padding: 0px 200px 32px 0px; }
.archive-kicker { font: 700 17px/1.4 var(--body-font); letter-spacing: 0.06em; margin-bottom: 5px; }
html:lang(en) .archive-kicker { font: 500 15px/1.4 var(--english-font); letter-spacing: 0.1em; }
.archive-title { margin: 0px; font: 400 112px/.9 var(--display-font); }
.archive-title .rainbow { font-weight: 400; line-height: 0.9; }
.archive-description { margin-top: 18px; font-size: 18px; line-height: 1.7; }
.archive-character { position: absolute; width: 175px; height: auto; right: 4px; top: 8px; pointer-events: none; }
.news-theme181 .news-list { margin: 0px; width: 100%; max-width: none; }
.news-theme181 .news-item { border-width: 0px 0px 1px; border-style: none none solid; border-color: currentcolor currentcolor rgb(216, 214, 199); border-image: none; }
.news-theme181 .news-summary { display: grid; grid-template-columns: 140px minmax(0px, 1fr) 48px; align-items: center; min-height: 115px; padding: 23px 10px 23px 2px; gap: 24px; color: var(--news-ink); text-decoration: none; transition: background-color 0.3s; }
.news-theme181 .news-date { grid-area: 1 / 1; color: rgb(117, 106, 93); font: 500 16px/1.4 var(--english-font); letter-spacing: 0.025em; }
.news-theme181 .news-title { grid-area: 1 / 2; font: 700 19px/1.8 var(--body-font); white-space: normal; overflow: visible; overflow-wrap: anywhere; text-overflow: clip; transition: color 0.25s; }
html:lang(en) .news-theme181 .news-title { font: 500 22px/1.6 var(--english-font); }
.news-theme181 .news-summary .accordion-icon { grid-area: 1 / 3; justify-self: end; display: block; width: 46px; height: 44px; position: relative; color: rgb(255, 255, 255); background: url("../images/paper-magenta.webp") center center / cover rgb(188, 0, 94); clip-path: polygon(4% 3%, 56% 0px, 96% 5%, 100% 47%, 95% 97%, 43% 100%, 0px 93%, 2% 44%); transform: none; opacity: 1; transition: transform 0.3s, filter 0.3s; }
.news-theme181 .news-summary .accordion-icon::before { content: ""; position: absolute; inset: 11px 13px; width: auto; height: auto; background: currentcolor; transform: rotate(-90deg); }
.news-theme181 .news-summary:focus-visible { outline: rgb(18, 91, 146) solid 3px; outline-offset: 4px; background: rgb(255, 241, 203); }
.news-theme181 .page-back { display: flex; width: max-content; max-width: 100%; margin: 46px auto 0px; min-height: 52px; padding: 12px 34px; font-size: 18px; gap: 14px; }
.news-theme181 .site-footer { background: rgb(35, 24, 21); min-height: 76px; padding: 20px; }
.news-theme181 .site-footer img { width: 390px; max-width: 100%; height: auto; }
.news-theme181.news-detail-page .subpage-main { width: min(1000px, 100% - 80px); }
.news-theme181 .news-breadcrumbs { font: 500 14px/1.5 var(--english-font); color: rgb(115, 97, 81); gap: 12px; }
.news-theme181 .news-detail-date { margin-top: 34px; font-size: 16px; color: rgb(113, 98, 80); }
.news-theme181.news-detail-page .subpage-main > h1 { color: rgb(35, 24, 21); font: 700 clamp(25px,3vw,38px)/1.6 var(--body-font); margin: 14px 0px 34px; padding-bottom: 28px; border-bottom: 3px solid rgb(6, 135, 72); }
html:lang(en) .news-theme181.news-detail-page .subpage-main > h1 { font-family: var(--english-font); }
.news-theme181 .news-article-content p { font-size: 17px; line-height: 2; }
.news-theme181 .article-pagination { display: grid; grid-template-columns: 1fr 1fr; width: 100%; max-width: none; margin-top: 48px; padding: 28px 0px 0px; border-color: rgb(216, 214, 199); }
.news-theme181 .article-pagination a { background: rgb(248, 240, 220); border-bottom: 3px solid rgb(229, 157, 25); }
.news-theme181 .article-return { justify-content: center; margin-top: 32px; }
.news-theme181 .article-return .page-back { margin: 0px; }
@media (hover: hover) {
.news-theme181 .news-summary:hover { background: rgb(255, 242, 202); }
.news-theme181 .news-summary:hover .news-title { color: rgb(165, 19, 88); }
.news-theme181 .news-summary:hover .accordion-icon { transform: translateX(4px); filter: brightness(1.1); }
}
.news-theme181 .news-summary:active .accordion-icon { transform: translateX(2px) scale(0.94); }
@media (max-width: 900px) {
.news-theme181 .subpage-main { width: calc(100% - 48px); padding: 48px 38px 52px; }
.news-theme181.news-detail-page .subpage-main { width: calc(100% - 48px); }
.news-theme181 .news-summary { grid-template-columns: 110px minmax(0px, 1fr) 46px; gap: 18px; }
.news-theme181 .news-date { font-size: 14px; }
.news-theme181 .news-title { font-size: 17px; }
}
@media (max-width: 600px) {
.news-theme181 {  }
.news-theme181 .subpage-main, .news-theme181.news-detail-page .subpage-main { width: calc(100% - 24px); margin: 18px auto 42px; padding: 33px 23px 38px; }
.archive-intro { padding-right: 85px; padding-bottom: 20px; }
.archive-kicker { font-size: 12px; }
html:lang(en) .archive-kicker { font-size: 11px; }
.archive-title { font-size: 74px; }
.archive-description { margin-top: 13px; font-size: 14px; line-height: 1.6; }
.archive-character { width: 94px; top: 18px; right: -5px; }
.news-theme181 .news-summary { grid-template-columns: minmax(0px, 1fr) 40px; gap: 7px 15px; min-height: 120px; padding: 20px 0px; }
.news-theme181 .news-date { grid-area: 1 / 1; font-size: 13px; }
.news-theme181 .news-title, html:lang(en) .news-theme181 .news-title { grid-area: 2 / 1; font-size: 15px; line-height: 1.8; }
html:lang(en) .news-theme181 .news-title { font-size: 18px; line-height: 1.5; }
.news-theme181 .news-summary .accordion-icon { grid-area: 1 / 2 / 3; width: 38px; height: 38px; }
.news-theme181 .news-summary .accordion-icon::before { inset: 10px 11px; }
.news-theme181 .page-back { min-height: 48px; padding: 12px 24px; margin-top: 32px; font-size: 15px; }
.news-theme181.news-detail-page .subpage-main > h1 { font-size: 24px; margin: 12px 0px 25px; padding-bottom: 22px; }
.news-theme181 .news-article-content p { font-size: 15px; line-height: 1.9; }
.news-theme181 .news-detail-date { font-size: 14px; margin-top: 24px; }
.news-theme181 .article-return .page-back { margin: 0px; }
.news-theme181 .article-pagination { gap: 10px; }
}
@media (max-width: 359px) {
.news-theme181 .subpage-main { padding-inline: 20px; }
.archive-title { font-size: 67px; }
.archive-character { width: 80px; top: 22px; }
.archive-description { max-width: 145px; }
}
@media (prefers-reduced-motion: reduce) {
.news-theme181 .news-summary, .news-theme181 .news-title, .news-theme181 .news-summary .accordion-icon { transition: none; }
}
.news-theme181 .archive-intro { border-bottom: 3px solid rgb(6, 135, 72); margin-bottom: 10px; }
.news-theme181 .news-article-content p { white-space: pre-line; overflow-wrap: anywhere; }
.news-theme181 .news-article-content h2 { font: 700 24px/1.55 var(--body-font); color: rgb(7, 95, 66); margin: 46px 0px 18px; padding-left: 14px; border-left: 5px solid rgb(243, 163, 33); }
html:lang(en) .news-theme181 .news-article-content h2 { font-family: var(--english-font); }
.news-table-wrap { margin: 38px 0px; min-width: 0px; max-width: 100%; }
.news-price-scroll { overflow: auto; max-width: 100%; overscroll-behavior-x: contain; scrollbar-color: rgb(8, 124, 77) rgb(233, 236, 213); scrollbar-width: thin; }
.news-price-scroll:focus-visible { outline: rgb(20, 101, 162) solid 3px; outline-offset: 3px; }
.news-price-table { width: 100%; border-collapse: separate; border-spacing: 0px; table-layout: auto; font: 500 14px/1.65 var(--body-font); color: rgb(35, 24, 21); text-align: center; }
html:lang(en) .news-price-table { font-family: var(--english-font); font-size: 15px; }
.news-price-table--standard { min-width: 820px; }
.news-price-table caption { text-align: left; font-size: 23px; font-weight: 700; color: rgb(7, 95, 66); padding: 0px 0px 16px; }
.news-price-table th, .news-price-table td { padding: 15px 10px; border-right: 1px solid rgb(204, 217, 199); border-bottom: 1px solid rgb(204, 217, 199); vertical-align: middle; }
.news-price-table th:first-child { border-left: 1px solid rgb(204, 217, 199); }
.news-price-table thead th { background: rgb(8, 124, 77); color: white; line-height: 1.55; font-weight: 600; }
.news-price-table thead th:first-child { min-width: 145px; }
.news-price-table tbody th { background: rgb(240, 243, 223); text-align: left; font-weight: 700; }
.news-price-table tbody td { background: rgb(255, 253, 243); color: rgb(178, 29, 51); font-weight: 700; white-space: nowrap; }
.price-column-label { display: none; }
.news-theme181 .news-table-hint { font-size: 12px; color: rgb(101, 93, 80); line-height: 1.5; margin: 0px 0px 8px; }
.news-purchase-links { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 24px 0px 12px; }
.news-theme181 .news-booking-pending { font-size: 13px; line-height: 1.6; color: rgb(114, 100, 86); margin: 14px 0px 30px; }
.news-ticket-link { display: flex; width: max-content; max-width: 100%; min-height: 48px; margin: 30px 0px 0px; padding: 12px 24px; font-size: 16px; }
@media (min-width: 1200px) {
.news-table-hint { display: none; }
}
@media (max-width: 600px) {
.news-theme181 .news-article-content h2 { font-size: 20px; margin: 34px 0px 15px; }
.news-price-table, .news-price-table caption { font-size: 15px; }
.news-price-table caption { font-size: 20px; line-height: 1.6; }
.news-price-table th, .news-price-table td { padding: 13px 10px; }
.news-price-table--pair th { width: 67%; }
.news-price-table--standard { display: block; min-width: 0px; text-align: left; }
.news-price-table--standard caption { display: block; }
.news-price-table--standard thead { position: absolute; width: 1px; height: 1px; padding: 0px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.news-price-table--standard tbody { display: grid; gap: 18px; }
.news-price-table--standard tr { display: block; border: 1px solid rgb(204, 217, 199); }
.news-price-table--standard tbody th { display: block; border: 0px; background: rgb(8, 124, 77); color: white; font-size: 16px; padding: 12px; }
.news-price-table--standard td { display: flex; align-items: center; justify-content: space-between; gap: 14px; border-width: 0px 0px 1px; border-style: none none solid; border-color: currentcolor currentcolor rgb(226, 229, 214); border-image: none; padding: 11px 12px; }
.news-price-table--standard td:last-child { border-bottom: 0px; }
.news-price-table--standard .price-column-label { display: block; white-space: normal; font-size: 13px; line-height: 1.6; font-weight: 500; color: rgb(81, 79, 67); max-width: 65%; }
.news-table-standard .news-price-scroll { overflow: visible; }
.news-table-standard .news-table-hint { display: none; }
.news-purchase-links { gap: 10px; }
.news-theme181 .article-pagination { grid-template-columns: 1fr; }
.news-theme181 .article-pagination > span[aria-hidden] { display: none; }
}
.news-theme19 .news-breadcrumbs { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; min-height: 44px; margin: 0px; line-height: 1.5; }
.news-theme19 .news-breadcrumbs > * { display: inline-flex; align-items: center; min-height: 44px; }
.news-theme19 .news-breadcrumbs > a { border-bottom: 0px; text-decoration: underline transparent; text-underline-offset: 5px; transition: color 0.25s, text-decoration-color 0.25s; }
.news-theme19 .news-breadcrumbs > a:hover, .news-theme19 .news-breadcrumbs > a:focus-visible { color: rgb(165, 19, 88); text-decoration-color: currentcolor; }
.news-theme19 .subpage-main::before { clip-path: polygon(2px 8px, 8% 0px, 19% 6px, 34% 3px, 48% 8px, 65% 0px, 82% 5px, calc(100% - 8px) 2px, 100% 70px, calc(100% - 3px) 36%, 100% 65%, calc(100% - 5px) calc(100% - 9px), 87% calc(100% - 4px), 71% 100%, 54% calc(100% - 6px), 37% 100%, 19% calc(100% - 4px), 6px calc(100% - 7px), 0px 79%, 3px 50%, 0px 90px); }
.news-theme19.news-page .archive-intro { margin-top: 24px; }
.news-theme19 .news-purchase-links { grid-template-columns: repeat(4, minmax(0px, 1fr)); width: 100%; max-width: 100%; gap: calc(22 * var(--u)); margin: 24px auto 12px; }
.news-theme19 .news-purchase-links .vendor { position: relative; }
.news-theme19 .news-booking-pending { margin-bottom: 0px; }
.news-theme19 .article-return { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 22px 32px; margin-top: 38px; }
.news-theme19 .article-return .news-return-link { background: none; box-shadow: none; clip-path: none; padding: 6px 0px; min-height: 48px; border-bottom: 1px solid; font-size: 15px; line-height: 1.6; color: rgb(115, 97, 81); transition: color 0.25s, border-color 0.25s; }
.news-theme19 .article-return .news-return-link:hover, .news-theme19 .article-return .news-return-link:focus-visible { color: rgb(165, 19, 88); }
.news-theme19 .article-return .home-return-link { margin: 0px; }
@media (max-width: 767px) {
.news-theme19 .news-purchase-links { grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 10px; }
.news-theme19 .news-purchase-links .vendor:first-child { grid-column: 1 / -1; }
}
@media (max-width: 600px) {
.news-theme19 .article-return { flex-direction: column; gap: 24px; }
.news-theme19 .article-return .home-return-link { padding-inline: 24px; }
}
@media (prefers-reduced-motion: reduce) {
.news-theme19 .news-breadcrumbs > a, .news-theme19 .article-return .news-return-link { transition: none; }
}
.subpage.news-theme181 {  }
@media (max-width: 767px) {
.subpage.news-theme181 {  }
}
.subpage .subpage-header .back-home, .subpage .article-return .text-link, .subpage .news-pagination a { min-height: 44px; display: inline-flex; align-items: center; }
@media (min-width: 768px) and (pointer: fine) {
}
.workshop[data-refine23-tickets] .calendar-arrow:not(:disabled):hover, .workshop[data-refine23-tickets] .calendar-arrow:not(:disabled):active { filter: none; transform: translateY(-50%); box-shadow: none; }
.workshop[data-refine23-tickets] .calendar-arrow:not(:disabled):hover { opacity: 0.7; }
.workshop[data-refine23-tickets] .calendar-arrow:not(:disabled):active { opacity: 0.5; }
.subpage[data-lower23] {  }
@media (max-width: 767px) {
.motion-ready .mobile-menu:not([hidden]) > * { animation: auto ease 0s 1 normal none running none; opacity: 1; translate: none; }
}
.news-summary .accordion-icon { scale: 0.6; }
details.faq-qa[open]:not(.is-closing) > .faq-question > .faq-question-icon { transform: rotate(225deg); }
.subpage[data-lower23][data-tissue251] {  }
.news-theme181 .article-pagination a { border-bottom: 0px; }
.vendor.vendor-with-note251 { flex-direction: column; gap: 6px; }
.vendor.vendor-with-note251 .vendor-image { width: 100%; height: auto; max-height: 65%; min-height: 0px; flex: 0 1 auto; object-fit: contain; }
.vendor .vendor-note251 { display: block; flex: 0 0 auto; width: 100%; margin: 0px; color: rgb(33, 28, 25); font-family: var(--body-font); font-size: clamp(11px, 0.83334vw, 16px); font-weight: 400; line-height: 1.25; letter-spacing: 0px; text-align: center; white-space: normal; overflow-wrap: normal; word-break: normal; }
html:lang(en) .vendor .vendor-note251 { font-family: Arial, sans-serif; }
@media (min-width: 768px) {
.news-purchase-links .vendor-note251 { width: calc(100% + 24px); font-size: clamp(11px, 0.83334vw, 12px); }
}
@media (max-width: 767px) {
.vendor-list .vendor:not(:first-child) { height: clamp(86px, 22vw, 112px); }
.vendor.vendor-with-note251 { padding: 6px 2px; gap: 4px; }
.vendor.vendor-with-note251 .vendor-image { max-height: 36%; }
.vendor .vendor-note251 { font-size: 11px; line-height: 1.25; }
}
html[data-subpage253] { --header-h: max(88px,calc(126 * var(--u))); scroll-padding-top: calc(var(--header-h) + 20px); }
@media (max-width: 767px) {
html[data-subpage253] { --header-h: max(88px,calc(88 * var(--u))); }
}
.privacy-notice253 { margin: 32px 0px 26px; padding-top: 24px; border-top: 1px solid rgb(213, 207, 196); }
.privacy-notice253 h2 { font-family: var(--body-font); font-size: 20px; font-weight: 700; line-height: 1.6; margin: 0px 0px 14px; }
.privacy-notice253 p { font-size: 15px; line-height: 1.85; margin: 0px 0px 14px; overflow-wrap: anywhere; }
.privacy-notice253 a { color: rgb(18, 102, 77); text-decoration: underline; text-underline-offset: 3px; }
.privacy-confirm253 { display: flex; align-items: flex-start; gap: 12px; min-height: 48px; margin-top: 18px; padding: 12px 0px; font-size: 16px; line-height: 1.7; cursor: pointer; }
.privacy-confirm253 input { flex: 0 0 22px; width: 22px; height: 22px; margin: 2px 0px 0px; accent-color: rgb(222, 91, 7); cursor: pointer; }
.privacy-confirm253 > span { min-width: 0px; }
.privacy-required253 { display: inline-block; margin-left: 10px; color: rgb(165, 8, 69); font-size: 12px; font-weight: 700; }
.privacy-confirm253 input:focus-visible { outline: rgb(22, 95, 189) solid 3px; outline-offset: 4px; }
html:lang(en) .privacy-notice253 h2 { font-family: var(--english-font); }
@media (max-width: 767px) {
.privacy-notice253 { margin-top: 28px; padding-top: 20px; }
.privacy-notice253 h2 { font-size: 18px; }
.privacy-notice253 p { font-size: 14px; }
.privacy-confirm253 { gap: 10px; font-size: 14px; }
}
.vendors .vendor-fees253, .news-article-content .vendor-fees253 { color: rgb(35, 24, 21); font-family: var(--body-font); font-size: clamp(12px,calc(15 * var(--u)),16px); font-weight: 400; line-height: 1.75; margin: 16px 0px 0px; text-align: left; overflow-wrap: anywhere; }
html:lang(en) .vendor-fees253 { font-family: var(--english-font); }
@media (max-width: 767px) {
.vendors .vendor-fees253, .news-article-content .vendor-fees253 { font-size: 12px; margin-top: 12px; }
}
@media (max-width: 767px) {
html[data-news-detail268], html[data-news-detail268] body.news-detail-page { overflow-x: clip; overscroll-behavior-x: none; }
}
@media (max-width: 767px) {
html[data-subpage253] { --header-h: calc(64 * var(--u)); }
}