.page-hotel-news { background: #fff; }
.masudaya-home-news { margin: 0; padding: 68px 8% 76px; font-family: inherit; }
#news.masudaya-home-news :is(h2,li,p) { font-family: inherit; }
.masudaya-home-news-heading { display: flex; justify-content: space-between; align-items: center; gap: 24px; margin-bottom: 30px; }
.masudaya-home-news-heading h2 { margin: 0; font-size: 30px; line-height: 1.6; font-weight: 400; letter-spacing: .04em; }
.masudaya-home-news-all { display: inline-flex; align-items: center; gap: 28px; min-height: 44px; padding: 8px 0; font-size: 13px; border-bottom: 1px solid var(--ink); }
.masudaya-home-news-state { margin: 0; padding: 36px 0; border-block: 1px solid var(--line); font-size: 15px; }
.page-hotel-news .rail-nav a[aria-current] { background: #eef1f3; }
.page-hotel-news .detail-hero .page-title { min-height: 340px; justify-content: flex-end; align-items: flex-start; padding: 180px 8% 52px; }
.page-hotel-news .detail-hero .page-title h1 { font-family: inherit; font-size: 36px; margin: 0; line-height: 1.5; }
.page-hotel-news .detail-hero-photo img { object-position: center 50%; }
.page-hotel-news .detail-hero::before { background: linear-gradient(90deg,#101a2380,#101a2333); }
.masudaya-news-content { max-width: 1160px; margin: auto; padding: 0 8% 100px; min-height: 350px; font-family: inherit; letter-spacing: .025em; }
.page-hotel-news #main .masudaya-news-content :is(p,li,h2,h3) { font-family: inherit; }
.masudaya-news-breadcrumb { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; padding: 24px 0 58px; font-family: inherit; font-size: 12px; }
.masudaya-news-breadcrumb a { text-decoration: underline; text-underline-offset: 4px; }
.masudaya-news-list { list-style: none; padding: 0; margin: 0; border-top: 1px solid var(--line); }
.masudaya-news-list > li { border-bottom: 1px solid var(--line); font-family: inherit; }
.masudaya-news-list > li > a { display: grid; grid-template-columns: 210px minmax(0,1fr) 20px; gap: 28px; align-items: center; padding: 30px 0; }
.masudaya-news-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; font-size: 12px; }
.masudaya-news-meta time { font-variant-numeric: tabular-nums; }
.masudaya-news-meta > span { min-width: 0; max-width: 100%; overflow-wrap: anywhere; border: 1px solid #cbd2d8; padding: 3px 10px; font-size: 11px; line-height: 1.5; }
.masudaya-news-row-title { overflow-wrap: anywhere; font-size: 16px; line-height: 1.9; }
.masudaya-news-article { max-width: 800px; margin: auto; }
.masudaya-news-article > h2 { font-family: inherit; font-size: 30px; font-weight: 400; line-height: 1.7; letter-spacing: .025em; margin: 22px 0 40px; overflow-wrap: anywhere; }
.masudaya-news-cover { margin: 0 0 40px; }
.masudaya-news-cover img { width: auto; max-width: 100%; max-height: 520px; object-fit: contain; margin: auto; }
.page-hotel-news .news-rich-body { font-size: 16px; line-height: 2.1; }
.page-hotel-news .news-rich-body a { color: inherit; text-decoration: underline; text-underline-offset: 4px; }
.masudaya-news-article-end { margin-top: 60px; padding-top: 28px; border-top: 1px solid var(--line); }
.masudaya-news-back { display: inline-flex; align-items: center; gap: 16px; padding: 10px 0; font-size: 14px; }
.masudaya-news-empty { border-block: 1px solid var(--line); padding: 56px 0; text-align: center; }
.masudaya-news-message h2 { font-family: inherit; font-size: 26px; line-height: 1.7; margin: 0 0 20px; }
.masudaya-news-message p { margin-bottom: 24px; }
.masudaya-news-menu { display: none; margin-left: auto; }
.masudaya-news-menu summary { position: relative; z-index: 22; padding: 8px 0; width: 28px; height: 36px; list-style: none; cursor: pointer; }
.masudaya-news-menu summary::-webkit-details-marker { display: none; }
.masudaya-news-menu summary span { display: block; height: 1px; width: 26px; margin-bottom: 7px; background: currentColor; }
.masudaya-news-menu[open] summary span:nth-child(1) { transform: translateY(8px) rotate(45deg); }
.masudaya-news-menu[open] summary span:nth-child(2) { opacity: 0; }
.masudaya-news-menu[open] summary span:nth-child(3) { transform: translateY(-8px) rotate(-45deg); }
.masudaya-news-menu[open] summary { color: #fff; }
.masudaya-news-menu nav { position: absolute; z-index: 21; inset: 0 0 auto; max-height: calc(100dvh - 72px); overflow: auto; display: grid; padding: 82px 26px 26px; background: #1e2830; color: #fff; }
.masudaya-news-menu nav a { padding: 11px 0; border-bottom: 1px solid #ffffff30; font-size: 14px; }
.page-hotel-news .site-footer { padding-bottom: 32px; }
@media (max-width: 1000px) and (min-width: 721px) {
  .masudaya-news-list > li > a { grid-template-columns: 160px minmax(0,1fr) 20px; gap: 20px; }
}
@media (max-width: 720px) {
  .masudaya-home-news { padding: 38px 26px 48px; }
  .masudaya-home-news-heading { flex-wrap: wrap; gap: 8px 20px; margin-bottom: 20px; }
  .masudaya-home-news-heading h2 { font-size: 25px; }
  .masudaya-home-news-all { font-size: 12px; gap: 16px; }
  .page-hotel-news .site-header { height: 84px; gap: 20px; padding: 0 24px; }
  .page-hotel-news .mobile-brand { width: 104px; }
  .page-hotel-news .mobile-brand img { width: 100%; }
  .masudaya-news-menu { display: block; }
  .page-hotel-news .detail-hero .page-title { min-height: 260px; padding: 150px 24px 40px; }
  .page-hotel-news .detail-hero .page-title h1 { font-size: 28px; }
  .masudaya-news-content { padding: 0 24px 64px; min-height: 300px; }
  .masudaya-news-breadcrumb { gap: 8px; padding: 20px 0 40px; font-size: 11px; }
  .masudaya-news-list > li > a { grid-template-columns: minmax(0,1fr) 20px; gap: 12px; padding: 24px 0; }
  .masudaya-news-list .masudaya-news-meta { grid-column: 1 / -1; }
  .masudaya-news-row-title { font-size: 15px; }
  .masudaya-news-article > h2 { font-size: 24px; margin: 20px 0 30px; }
  .masudaya-news-cover { margin-bottom: 30px; }
  .masudaya-news-article-end { margin-top: 40px; }
  .masudaya-news-message h2 { font-size: 22px; }
  .page-hotel-news .site-footer { padding-bottom: 96px; }
  .page-hotel-news .mobile-booking { padding-bottom: env(safe-area-inset-bottom); }
  .page-hotel-news .mobile-booking a { font-size: 11px; line-height: 1.6; }
}
