:root{--number-font:Arial,'Noto Sans JP',sans-serif}.plain-number{font-family:var(--number-font)!important;font-style:normal!important;font-weight:inherit;font-variant-numeric:lining-nums tabular-nums;font-feature-settings:'lnum' 1,'tnum' 1;letter-spacing:normal;text-indent:0}.graphic-final{--ink:#1d3c61;--paper:#f5f3ed;--line:#c9d2d8;--accent:#365b83}.graphic-final.city-hiroshima{--ink:#1d3c61;--paper:#f5f3ed;--accent:#365b83}.denim-type{color:#224669}.graphic-final .editorial-type,.graphic-final .panorama-title,.graphic-final-board .final-hotel h2{color:#234c76}.graphic-final .hero-a{height:760px;min-height:680px;max-height:900px;align-items:flex-end;overflow:visible}.graphic-final .hero-a:after{display:none}.graphic-final .hero-a .hero-img{object-position:center}.graphic-final .hero-a .hero-copy{color:var(--ink);background:#f5f3edf5;margin:0 0 34px -1.8%;max-width:540px;width:42%;padding:38px 42px 32px;box-shadow:0 3px 14px #15283b08;border:1px solid #d2d7d9;outline:1px dashed #8194a57a;outline-offset:-9px}.graphic-final .hero-a .hero-copy .eyebrow{font-size:8px;margin:0;gap:25px}.graphic-final .hero-a .hero-copy .eyebrow span{font-size:7px}.graphic-final .hero-a .editorial-type{font-size:100px;line-height:.9;margin:25px 0 24px}.graphic-final.city-hiroshima .hero-a .editorial-type{font-size:85px}.graphic-final .hero-a .text-link{color:var(--ink)}.graphic-final .hero-a h1{font-size:15px}.graphic-final .hero-a .h1-label{font-size:8px}.graphic-final .hero-a .hero-description{font-size:10px;margin:18px 0 10px}.graphic-final .edition-tag{color:#fff;background:#142b43aa;padding:10px 15px;bottom:30px}.graphic-final h2,.graphic-final h3{color:var(--ink)}.graphic-final .editorial-story{padding-block:95px}.graphic-final #rooms>.section-heading{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:10px 7%;align-items:center;margin-bottom:30px}.graphic-final #rooms>.section-heading>div:first-child{grid-column:1;grid-row:1}.graphic-final #rooms>.section-heading>p{grid-column:1;grid-row:2;margin:12px 0 0;font-size:12px}.graphic-final #rooms>.section-heading>.room-heading-art{grid-column:2;grid-row:1/3;width:100%}.room-heading-art img{mix-blend-mode:multiply;width:100%;height:auto}.graphic-final .room-tabs{margin-top:28px;gap:5px;padding-bottom:10px;border:0;flex-wrap:wrap;overflow:visible}.graphic-final .room-tabs button{border:1px solid #a6b5c1;background:#f8f7f2;padding:12px 17px;font-size:11px;line-height:1.7}.graphic-final .room-tabs button[aria-selected=true]{color:white;background:#24466c;border-color:#24466c;font-weight:500}.graphic-final .photo-total{background:#24466ce8}.graphic-final .room-area strong{font-family:var(--number-font);font-size:40px;font-weight:400}.city-panorama{position:relative;width:100%;background:#f5f3ed;isolation:isolate;border-block:1px solid #ccd3d5;margin:20px 0 0}.city-panorama>img{width:100%;height:auto;mix-blend-mode:multiply;display:block}.panorama-title{position:absolute;left:15%;right:15%;top:9%;display:flex;flex-direction:column;text-align:center;align-items:center;gap:10px;line-height:1}.panorama-title>span{font:500 clamp(36px,5.7vw,105px)/1 var(--label);letter-spacing:-.055em}.panorama-title>em{font:400 clamp(18px,1.8vw,32px)/1.5 var(--serif);letter-spacing:.2em}.panorama-note{position:absolute;bottom:12px;right:3%;background:#f5f3eddf;padding:3px 8px;font-size:8px;color:#566e83}.graphic-final .town{padding-top:65px}.graphic-final .town-heading{margin-bottom:35px}.graphic-final .town-live-title{font-size:31px;margin:18px 0;line-height:1.7}.graphic-final .town-heading .eyebrow{font-size:9px}.graphic-final .town-heading>p:last-child{font-family:var(--sans);font-size:12px}.graphic-final .spot-no{font-family:var(--number-font);font-style:normal;font-size:25px}.graphic-final .itinerary{display:grid;grid-template-columns:43% 1fr;gap:10%;border:0;padding-block:90px}.graphic-final .notebook-intro{position:static}.graphic-final .notebook-art{width:100%;max-width:400px;margin-top:30px;mix-blend-mode:multiply;height:auto}.graphic-final .itinerary ol{align-self:stretch;padding:15px 0 0;border-left:1px dashed #849aab;margin:0}.graphic-final .itinerary li{display:block;position:relative;padding:0 0 48px 42px;min-height:23%;list-style:none}.graphic-final .itinerary li:before{display:none}.graphic-final .itinerary li>span:not(.step-number){display:block;width:auto;font-family:var(--number-font);font-size:12px;font-weight:500;line-height:1.6;margin-bottom:20px;letter-spacing:.04em}.graphic-final .step-number{position:absolute;left:-20px;top:0;display:grid;place-items:center;width:39px;height:39px;background:#f5f3ed;border:1px solid #8ea1b1;border-radius:50%;font-family:var(--number-font);font-size:12px;color:#23466a}.graphic-final .itinerary h3{font-size:21px;line-height:1.7;margin:0 0 18px}.graphic-final .itinerary li p{font-size:12px;line-height:2.2}.graphic-final .guest-notes{position:relative;padding-block:65px;gap:10%;border-block:1px dashed #a6b5c2}.graphic-final .rating-ticket{background:#e7edf1;padding:35px;position:relative;outline:1px dashed #8d9faf;outline-offset:-9px;max-width:330px;width:100%;justify-self:center;text-align:center}.graphic-final .ticket-title{display:block;font:9px var(--label);letter-spacing:.22em;border-bottom:1px solid #a7b7c3;padding-bottom:15px;margin-bottom:18px;color:#4f6780}.graphic-final .rating-ticket strong{font-family:var(--number-font);font-style:normal;font-size:70px;font-weight:400;line-height:1.2;margin:15px 0 8px;display:block;letter-spacing:-.04em}.graphic-final .rating-ticket strong small{font-family:var(--number-font);font-size:16px;letter-spacing:0;margin-left:8px}.graphic-final .rating-ticket .stars{font-size:18px;letter-spacing:4px;color:#58748e}.graphic-final .rating-ticket .fine{font-size:9px;margin-top:18px}.graphic-final .rating-ticket .google-word{font-family:var(--number-font);font-size:18px}.graphic-final .closing{background:#24466c}.graphic-final .closing h2{color:#f5f3ed}.graphic-final .review h2{font-size:30px}.graphic-final .access dl dd,.graphic-final .time-badge,.graphic-final .photo-total,.graphic-final .album-caption,.graphic-final .room-area{font-variant-numeric:lining-nums tabular-nums}.graphic-final-board .final-hotels{display:grid;grid-template-columns:1fr 1fr;gap:35px}.final-hotel{border:1px solid #cbd2d7;background:#f5f3ed}.final-hotel>a:first-child{display:block}.final-hotel>a>img{aspect-ratio:1.4;object-fit:cover;width:100%}.final-hotel-copy{padding:28px 30px 22px}.final-hotel-copy>span{font-size:8px;letter-spacing:.2em;color:#657b8b}.final-hotel-copy h2{font:400 clamp(30px,3.7vw,52px) var(--label,Arial);letter-spacing:-.055em;margin:14px 0}.final-hotel-copy p{font-size:12px}.final-album-link{display:block;font-size:11px;margin:0 30px 25px;border-top:1px solid #cbd2d7;padding-top:15px}.reference-designs{margin-top:35px;border-block:1px solid #cbd2d7}.reference-designs>p{font-size:12px;padding-bottom:22px}.graphic-final-board .board-header h1{font-size:39px}.graphic-final-board .board-header p{font-size:13px}
@supports ((background-clip:text) or (-webkit-background-clip:text)){.graphic-final .denim-type,.graphic-final-board .denim-type{background-image:linear-gradient(#0a24403d,#0a24403d),url('/assets/graphics-v4/denim-patchwork-distressed.webp');background-size:480px auto;background-position:center;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.graphic-final .denim-type .plain-number{background:none;color:#224669;-webkit-text-fill-color:#224669}}
@media(max-width:1100px){.graphic-final .hero-a .hero-copy{width:48%;padding:30px 30px 27px}.graphic-final .hero-a .editorial-type{font-size:84px}.graphic-final.city-hiroshima .hero-a .editorial-type{font-size:70px}.graphic-final .itinerary{gap:8%}.graphic-final .itinerary li{padding-left:33px}.graphic-final .notebook-art{max-width:340px}}
@media(max-width:760px){.graphic-final .hero-a{display:flex;flex-direction:column;align-items:stretch;width:94%;height:auto;min-height:0;max-height:none;margin-bottom:12px}.graphic-final .hero-a .hero-img{position:relative;inset:auto;display:block;width:100%;height:410px;object-position:64% center}.graphic-final .hero-a .hero-copy{width:92%;max-width:none;margin:-48px auto 0;padding:28px 27px 25px;background:#f5f3ed;box-shadow:none;z-index:3}.graphic-final .hero-a .editorial-type{font-size:clamp(60px,20vw,82px);margin:22px 0}.graphic-final.city-hiroshima .hero-a .editorial-type{font-size:clamp(54px,17vw,70px)}.graphic-final .hero-a .hero-copy .eyebrow{font-size:7px;gap:16px;flex-wrap:wrap}.graphic-final .hero-a .hero-copy .eyebrow span{font-size:6px}.graphic-final .hero-a h1{font-size:14px}.graphic-final .hero-a .hero-description{font-size:10px;line-height:2.1}.graphic-final .hero-a .h1-label{font-size:7px}.graphic-final .hero-a .edition-tag{display:none}.graphic-final .editorial-story{padding-block:60px}.graphic-final #rooms>.section-heading{grid-template-columns:1fr 1fr;gap:10px;align-items:end}.graphic-final #rooms>.section-heading h2{font-size:25px}.graphic-final #rooms>.section-heading>p{grid-column:1/-1;grid-row:2;font-size:11px}.graphic-final #rooms>.section-heading>.room-heading-art{grid-row:1;width:140%;margin-left:-25%;align-self:center;max-width:none}.graphic-final #rooms>.section-heading .eyebrow{font-size:8px;letter-spacing:.13em}.graphic-final .room-tabs{margin-top:20px;gap:7px;display:grid;grid-template-columns:1fr 1fr;overflow:visible}.graphic-final .room-tabs button{font-size:10px;padding:10px 7px;white-space:normal;text-align:left;min-height:45px}.graphic-final .room-area strong{font-size:36px}.city-panorama{margin-top:10px;min-height:230px;overflow:hidden}.city-panorama>img{height:230px;object-fit:cover;object-position:center}.panorama-title{top:22px;left:3%;right:3%;gap:8px}.panorama-title>span{font-size:clamp(30px,8.9vw,44px)}.panorama-title>em{font-size:17px;letter-spacing:.12em}.panorama-note{font-size:7px;bottom:6px;right:6px}.graphic-final .town{padding-top:45px}.graphic-final .town-live-title{font-size:27px}.graphic-final .town-heading>p:last-child{font-size:11px}.graphic-final .itinerary{display:block;padding-block:60px}.graphic-final .notebook-intro{display:grid;grid-template-columns:1fr 1fr;gap:10px 15px;align-items:start;margin-bottom:40px}.graphic-final .notebook-intro>.eyebrow{grid-column:1;grid-row:1;font-size:8px;margin:0}.graphic-final .notebook-intro>h2{grid-column:1;grid-row:2;font-size:26px}.graphic-final .notebook-intro>.fine{grid-column:1;grid-row:3;font-size:9px}.graphic-final .notebook-art{grid-column:2;grid-row:1/4;width:100%;margin:0;max-width:180px;justify-self:end}.graphic-final .itinerary ol{margin-left:20px;padding-top:0}.graphic-final .itinerary li{min-height:0;padding-left:30px;padding-bottom:34px}.graphic-final .step-number{width:33px;height:33px;left:-17px;font-size:10px}.graphic-final .itinerary li>span:not(.step-number){font-size:12px;margin-bottom:16px}.graphic-final .itinerary h3{font-size:19px;margin-bottom:12px}.graphic-final .itinerary li p{font-size:11px}.graphic-final .guest-notes{display:block;padding-block:45px}.graphic-final .rating-ticket{width:100%;max-width:350px;margin:0 auto 32px;padding:27px}.graphic-final .rating-ticket strong{font-size:62px}.graphic-final .rating-ticket .google-word{font-size:16px}.graphic-final .rating-ticket .fine{font-size:9px}.graphic-final .review h2{font-size:26px}.graphic-final-board .final-hotels{grid-template-columns:1fr;gap:25px}.graphic-final-board .board-header h1{font-size:27px}.graphic-final-board .board-header p{font-size:11px}.final-hotel-copy{padding:23px}.final-hotel-copy h2{font-size:38px}.final-album-link{margin-inline:23px}}
@media(forced-colors:active){.denim-type{background:none!important;color:CanvasText!important;-webkit-text-fill-color:CanvasText!important}}
.plain-number{font-size:inherit!important;line-height:inherit!important;margin:0!important;padding:0!important;display:inline!important;width:auto!important;max-width:none!important}.room-heading-art img{mask-image:radial-gradient(ellipse at center,#000 48%,transparent 74%)}
