/* いなわしろ宿泊割 第2期 TOPバナー（2026-10-23 作り直し版） includes/inawari2026_2_top_banner.php の .inw2b
   PC 960x200 / スマホ 高さ133px。スマホの最小文字は10px。「また来て。」割の併用はPCは右上の赤い箱、スマホは下端の帯 */
.inw2b, .inw2b * { box-sizing: border-box; }
.inw2b {
  position: relative; width: 100%; max-width: 960px; height: 200px; margin: 0 auto 30px;
  overflow: hidden; border: 3px solid #308ed2; border-radius: 6px; box-shadow: 0 4px 14px rgba(0,0,0,.18);
  font-family: "LINE Seed JP", "Hiragino Sans", "Yu Gothic UI", "Yu Gothic", Meiryo, sans-serif;
  font-feature-settings: "palt" 1; -webkit-font-smoothing: antialiased; line-height: 1.2; color: #fff; text-align: left; isolation: isolate;
}
.inw2b a.inw2b__link, .inw2b a.inw2b__link:link, .inw2b a.inw2b__link:visited, .inw2b a.inw2b__link:hover, .inw2b a.inw2b__link:active {
  position: relative; display: block; width: 100%; height: 100%; color: #fff !important; text-decoration: none !important;
}
.inw2b a.inw2b__link:focus-visible { outline: 3px solid #ffe566; outline-offset: -3px; }
.inw2b__bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; z-index: 0; }
.inw2b__half { flex: 1 1 50%; overflow: hidden; display: block; }
.inw2b__half img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 48% 58%; border: 0; }
.inw2b__half--r img { object-position: 52% 42%; }
.inw2b__shade {
  position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: none;
  background: linear-gradient(180deg, rgba(0,0,0,.45) 0%, rgba(0,0,0,.15) 40%, rgba(0,0,0,.6) 100%),
              linear-gradient(90deg, rgba(0,0,0,.3) 0%, rgba(0,0,0,.05) 50%, rgba(0,0,0,.2) 100%);
}
.inw2b__brand, .inw2b__main, .inw2b__dates, .inw2b__combo { position: absolute; z-index: 3; display: block; }
.inw2b__brand { left: 16px; top: 14px; font-size: 24px; font-weight: 800; letter-spacing: .03em; white-space: nowrap; text-shadow: 0 2px 8px rgba(0,0,0,.7); }
.inw2b__main { left: 16px; bottom: 12px; text-shadow: 0 2px 8px rgba(0,0,0,.7); }
.inw2b__name { display: block; font-size: 18px; font-weight: 700; }
.inw2b__offer { display: block; font-size: 30px; font-weight: 800; color: #ffe566; line-height: 1; white-space: nowrap; }
.inw2b__offer strong { font-size: 64px; font-weight: 800; letter-spacing: -.02em; line-height: 1; }
.inw2b__note { display: block; margin-top: 4px; font-size: 14px; font-weight: 700; }
.inw2b__dates { right: 12px; bottom: 12px; padding: 8px 12px; border-radius: 6px; background: rgba(0,0,0,.45); }
.inw2b__open { display: inline-block; margin-bottom: 5px; padding: 2px 10px; border-radius: 999px; background: #ffe566; color: #222; font-size: 13px; font-weight: 800; }
.inw2b__label { display: block; font-size: 12px; font-weight: 700; }
.inw2b__period { display: block; font-size: 18px; font-weight: 800; color: #ffe566; white-space: nowrap; }
.inw2b__period small { margin-left: 4px; font-size: 12px; font-weight: 700; color: #fff; }
.inw2b__combo { right: 12px; top: 12px; padding: 8px 14px; border-radius: 8px; background: #c8102e; border: 2px solid #fff; text-align: center; box-shadow: 0 2px 8px rgba(0,0,0,.35); }
.inw2b__combo-lead { display: block; font-size: 15px; font-weight: 700; }
.inw2b__combo-amount { display: block; font-size: 16px; font-weight: 800; white-space: nowrap; }
.inw2b__combo-amount b { font-size: 28px; font-weight: 800; color: #ffe566; margin: 0 1px; }
.inw2b__combo-until { display: block; font-size: 13px; font-weight: 700; }
.inw2b__combo-main { display: block; }
.inw2b--pc .inw2b__combo { padding: 6px 12px; }
.inw2b--pc .inw2b__combo-amount, .inw2b--pc .inw2b__combo-until { display: inline; }
.inw2b--pc .inw2b__combo-until { margin-left: 6px; }
.inw2b__combo-cond { display: block; margin-top: 3px; padding-top: 3px; border-top: 1px solid rgba(255,255,255,.6); font-size: 12px; font-weight: 700; }
.inw2b__sp { display: none; }

/* スマホ */
.inw2b--sp { max-width: calc(100% - 24px); height: 133px; margin: 12px 12px 6px; border-width: 2px; }
.inw2b--sp .inw2b__pc { display: none; }
.inw2b--sp .inw2b__sp { display: inline; }
.inw2b--sp .inw2b__brand { left: 8px; top: 6px; font-size: 14px; }
.inw2b--sp .inw2b__main { left: 8px; bottom: 42px; }
.inw2b--sp .inw2b__name { font-size: 11px; }
.inw2b--sp .inw2b__offer { font-size: 16px; }
.inw2b--sp .inw2b__offer strong { font-size: 32px; }
.inw2b--sp .inw2b__note { margin-top: 2px; font-size: 10px; }
.inw2b--sp .inw2b__dates { right: 6px; bottom: 42px; padding: 4px 6px; border-radius: 4px; }
.inw2b--sp .inw2b__open { margin-bottom: 2px; padding: 1px 6px; font-size: 10px; }
.inw2b--sp .inw2b__label { font-size: 10px; }
.inw2b--sp .inw2b__period { font-size: 11px; }
.inw2b--sp .inw2b__period small { display: none; }
.inw2b--sp .inw2b__y { display: none; }
.inw2b--sp .inw2b__combo {
  left: 0; right: 0; top: auto; bottom: 0; height: 38px; padding: 2px 6px; border: 0; border-radius: 0;
  display: flex; flex-direction: column; align-items: center; justify-content: center; box-shadow: none;
}
.inw2b--sp .inw2b__combo-main { display: flex; align-items: baseline; justify-content: center; gap: 5px; white-space: nowrap; }
.inw2b--sp .inw2b__combo-cond { margin-top: 1px; padding-top: 0; border-top: 0; font-size: 10px; white-space: nowrap; }
.inw2b--sp .inw2b__combo-lead { font-size: 11px; }
.inw2b--sp .inw2b__combo-amount { font-size: 12px; }
.inw2b--sp .inw2b__combo-amount b { font-size: 16px; }
.inw2b--sp .inw2b__combo-until { font-size: 11px; color: #ffe566; }
@media (max-width: 359px) {
  .inw2b--sp .inw2b__brand { font-size: 13px; }
  .inw2b--sp .inw2b__combo-main { gap: 3px; }
  .inw2b--sp .inw2b__combo-lead, .inw2b--sp .inw2b__combo-until { font-size: 10px; }
}