@charset "UTF-8";
/* Shared presentation layer. Historical content remains in its original files. */
.yukie-site, .yukie-site *, .yukie-site *::before, .yukie-site *::after { box-sizing: border-box; }
.yukie-site { margin: 0; background: #f4f2ea; color: #343c31; font: 16px/1.85 "Yu Gothic", Meiryo, sans-serif; text-align: left; }
.yukie-site #container { width: min(100%, 1160px); margin: auto; padding: 24px 32px; text-align: left; }
.yukie-site a { color: #315a3d; text-underline-offset: .2em; }
.yukie-site a:hover { color: #794e26; }
.yukie-site a:focus-visible, .yukie-site summary:focus-visible, .yukie-site input:focus-visible { outline: 3px solid #ae7837; outline-offset: 4px; }
.yukie-site img { max-width: 100%; height: auto; }
.yukie-site .kensaku { padding: 0 0 20px; text-align: right; }
.yukie-site .kensaku form > div { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.yukie-site .kensaku input { font: inherit; min-height: 44px; border-radius: 6px; }
.yukie-site .kensaku input[type="text"] { width: min(100%, 300px); min-width: 0; padding: 6px 12px; border: 1px solid #c4ccbd; background: #fff; }
.yukie-site .kensaku input[type="submit"] { padding: 6px 20px; border: 0; background: #35583b; color: #fff; cursor: pointer; }
.yukie-site #dai { display: block; float: none; width: auto; padding: 16px 22px; margin: 0 0 16px; background: #e9eddf; border-left: 4px solid #728160; border-radius: 0 8px 8px 0; color: #46513e; font: inherit; font-size: 14px; }
.yukie-site #topFrame { margin: 0; padding: 10px 0 24px; text-align: center; }
.yukie-site .tea-navigation { margin: 0 0 24px; padding: 22px; border: 1px solid #d8ddce; border-radius: 12px; background: #fff; }
.yukie-site .nav-heading { display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: 8px; margin-bottom: 12px; }
.yukie-site .nav-heading h2 { font-size: 20px; font-weight: bold; }
.yukie-site .nav-heading span { font-size: 13px; color: #65715d; }
.yukie-site .menu-scroll { width: 100%; overflow-x: auto; overscroll-behavior-inline: contain; border: 1px solid #d9dfd0; border-radius: 8px; background: #f5f7f0; scrollbar-color: #8d9c75 #eff2e8; }
.yukie-site #menu { display: table; width: max-content; min-width: 100%; margin: 0; table-layout: auto; border: 0; border-collapse: collapse; }
.yukie-site #menu td { width: auto; padding: 10px 4px; border: 1px solid #d9dfd0; background: #f8faf4; color: #435a3d; font: 14px/1.3 Meiryo,sans-serif; writing-mode: vertical-rl; text-orientation: upright; white-space: nowrap; text-align: center; vertical-align: middle; }
.yukie-site #menu a, .yukie-site #menu a:visited { display: inline-block; padding: 3px 2px; color: #315a3d; font: inherit; writing-mode: vertical-rl; text-orientation: upright; text-decoration: none; }
.yukie-site #menu a:hover { background: #e4ecd9; color: #794e26; text-decoration: underline; }
.yukie-site .breadcrumbs { margin: 0 0 16px; color: #65715d; font-size: 13px; line-height: 1.7; }
.yukie-site #main_box { padding: 24px; border: 1px solid #e0dfd4; border-radius: 12px; background: #fff; text-align: left; }
.yukie-site #otemae { width: auto; max-width: 100%; padding: 8px 0 24px; margin: 0; text-align: left; }
.yukie-site .page-title { margin: 0 0 20px; padding-bottom: 12px; border-bottom: 2px solid #8d9c75; color: #35503a; font: bold clamp(22px,3vw,30px)/1.5 "Yu Mincho", serif; }
.yukie-site #otemae table { width: 100%; max-width: 100%; table-layout: fixed; border-color: #dce1d2; }
.yukie-site #otemae td { width: auto; padding: 12px; color: #343c31; font: inherit; font-size: 16px; line-height: 1.95; overflow-wrap: anywhere; vertical-align: top; border-color: #dce1d2; }
.yukie-site #otemae table[bgcolor] { background: #f4f7ef; }
.yukie-site #otemae .phot img { min-width: 48px; }
.yukie-site #menu2, .yukie-site #menu2 tbody { display: block; width: 100%; border: 0; }
.yukie-site #menu2 { margin-top: 24px; color: #343c31; }
.yukie-site #menu2 tr { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,180px),1fr)); gap: 12px; margin-bottom: 12px; }
.yukie-site #menu2 td { display: block; width: auto; padding: 16px; background: #f8f8f2; border: 1px solid #e0e3d8; border-radius: 8px; color: #343c31; font: inherit; font-size: 14px; line-height: 1.8; overflow-wrap: anywhere; text-align: left; }
.yukie-site #menu2 a { color: #315a3d; font: inherit; }
.yukie-site #menu2 td[colspan="5"] { grid-column: 1/-1; }
.yukie-site #menu2 .f18gr_b_5 { background: transparent; font-size: 20px; font-weight: bold; letter-spacing: normal; border: 0; padding: 20px 0 8px; }
.yukie-site #menu2 img { display: block; max-height: 150px; width: auto; margin: 8px auto 0; }
.yukie-site .advertisements { margin: 36px 0 0; padding-top: 24px; border-top: 1px solid #dfe3d6; }
.yukie-site .ad-label { margin: 0 0 10px; color: #6a7165; font-size: 12px; letter-spacing: .06em; text-align: center; }
.yukie-site .ad-panel { margin: 0 auto 24px; width: 100%; }
.yukie-site ins.adsbygoogle { display: block; width: 100%; min-height: 100px; }
.yukie-site .affiliate-grid { display: flex; justify-content: center; flex-wrap: wrap; gap: 24px; }
.yukie-site .affiliate-card { width: 300px; max-width: 100%; min-width: 0; }
.yukie-site .affiliate-card iframe { display: block; margin: auto; }
.yukie-site .affiliate-link { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px; max-width: 624px; margin: 24px auto 0; padding: 14px 18px; border: 1px solid #dce1d2; border-radius: 8px; background: #f8f8f2; text-decoration: none; }
.yukie-site .affiliate-link span { font-size: 12px; color: #69735f; }
.yukie-site .site-footer { padding: 32px 0 8px; margin-top: 24px; border-top: 1px solid #e0e4d8; text-align: center; font-size: 14px; }
.yukie-site .site-footer p { margin-top: 12px; font-size: 12px; color: #69735f; }
body[data-readable="legacy"] { margin: 0 auto; padding: 20px; color: #343c31; background-color: #f6f4ed; font: 16px/1.8 Meiryo,sans-serif; }
body[data-readable="legacy"] td, body[data-readable="legacy"] p { line-height: 1.85; }
body[data-readable="legacy"] img { max-width: 100%; height: auto; }
body[data-readable="legacy"] > table { width: 100%; max-width: 100%; }
.missing-photo { max-width: 160px !important; }
.table-hint { display: none; }
body[data-readable="legacy"] a { text-underline-offset: .2em; }
@media(max-width:700px) {
  .yukie-site #container { padding: 16px; }
  .yukie-site #main_box { padding: 16px; }
  .yukie-site .tea-navigation { padding: 16px; }
  .yukie-site #dai { padding: 12px 16px; }
  .yukie-site #otemae { overflow-x: auto; scrollbar-color: #8d9c75 #eff2e8; }
  .yukie-site #otemae table table { min-width: 650px; }
  .yukie-site .table-hint { display: block; font-size: 13px; color: #617056; margin-bottom: 12px; }
  .yukie-site #otemae td { padding: 10px; }
  .yukie-site #menu td { padding: 8px 5px; }
  .yukie-site .kensaku input[type="text"] { flex: 1; }
  .yukie-site .affiliate-grid { gap: 24px; }
}
@media(max-width:360px) {
  .yukie-site #container { padding: 8px; }
  .yukie-site #main_box { padding: 8px; }
  .yukie-site .affiliate-card { overflow-x: auto; }
}
@media print {
  .yukie-site { background: #fff; }
  .yukie-site .kensaku, .yukie-site .tea-navigation, .yukie-site .advertisements, .yukie-site #menu2 { display: none; }
  .yukie-site #container, .yukie-site #main_box { padding: 0; border: 0; width: 100%; }
  .yukie-site #otemae { overflow: visible; }
}