/* 選択式の一般画面デザイン。standard は既存CSSをそのまま使用する。 */
.design-preview-mode a,.design-preview-mode button,.design-preview-mode input,.design-preview-mode select,.design-preview-mode textarea{pointer-events:none!important}.design-preview-mode{cursor:default}
html:has(body.page-design-coastal),body.page-design-coastal{min-height:100%;background:#eaf8fb!important}
.page-design-coastal{--coastal:#087f9d;--coastal-dark:#073e59;--coastal-pale:#eaf8fb;--coastal-line:#b8dfe8;background:var(--coastal-pale)!important;color:#173d4a;font-family:"Yu Gothic",Meiryo,sans-serif}
.page-design-coastal .rental-top{--main:var(--coastal);--dark:var(--coastal-dark);background:var(--coastal-pale)}
.page-design-coastal .rental-top header,.page-design-coastal .catalog-header{border:0;background:var(--coastal-dark);color:#fff;box-shadow:0 5px 24px #073e5933}
.page-design-coastal .rental-logo,.page-design-coastal .catalog-logo,.page-design-coastal .rental-top header nav a,.page-design-coastal .catalog-header nav a{color:#fff}
.page-design-coastal .rental-logo i,.page-design-coastal .catalog-logo i{border-radius:50%;background:#fff;color:var(--coastal);box-shadow:0 0 0 3px #ffffff42}
.page-design-coastal .rental-top main{position:relative;display:block;min-height:0}
.page-design-coastal .hero-photo{position:absolute;inset:0}
.page-design-coastal .photo-shade{background:linear-gradient(90deg,#054a6594 0,#087f9d38 48%,transparent 75%)}
.page-design-coastal .photo-copy{left:6%;top:15%;max-width:46%;text-shadow:0 2px 12px #00394a99}
.page-design-coastal .side-reservation{position:absolute;z-index:5;top:7%;right:5%;width:min(390px,38%);max-height:none;box-sizing:border-box;padding:30px;border:1px solid #ffffffcc;border-radius:22px;background:#fffffff2;box-shadow:0 25px 65px #073e5960}
.page-design-coastal .side-reservation input,.page-design-coastal .side-reservation select{border-color:var(--coastal-line);border-radius:10px;background:#fff}
.page-design-coastal .side-reservation button,.page-design-coastal .button,.page-design-coastal .catalog-actions a,.page-design-coastal .car-book-button{border-radius:999px;background:var(--coastal)}
.page-design-coastal .side-reservation button{color:#fff}
.page-design-coastal .store-buttons a.primary{border-color:var(--coastal);border-radius:999px;background:var(--coastal);color:#fff}
.page-design-coastal .store-buttons a:not(.primary){border-color:var(--coastal-line);border-radius:999px;color:var(--coastal-dark)}
.page-design-coastal .reservation-heading{border-color:var(--coastal)}
.page-design-coastal .reservation-heading small{color:var(--coastal)!important}
.page-design-coastal .catalog-hero p,.page-design-coastal .page-heading .eyebrow{color:#fff!important}
.page-design-coastal .catalog-hero,.page-design-coastal .page-heading{border:0;background:linear-gradient(125deg,var(--coastal-dark),#078dae);border-radius:0 0 28px 28px}
.page-design-coastal .catalog-content,.page-design-coastal .page{background:var(--coastal-pale)}
.page-design-coastal .public-car-card,.page-design-coastal .vehicle-card,.page-design-coastal .panel,.page-design-coastal .search-form,.page-design-coastal .option-form,.page-design-coastal .summary,.page-design-coastal .completion{border-color:var(--coastal-line);border-radius:18px;background:#fff;box-shadow:0 10px 28px #07536a14}
.page-design-coastal .vehicle-content{border-color:var(--coastal)}
.page-design-coastal .vehicle-content strong,.page-design-coastal .summary .total{color:var(--coastal)}
.page-design-coastal .booking-price-summary{border-color:var(--coastal);background:#f5fbfc;color:#173d4a}
.page-design-coastal .booking-price-summary>div>div,.page-design-coastal .booking-price-summary>div:not([data-option-breakdown]),.page-design-coastal .booking-price-summary>p{border-color:var(--coastal-line)}
.page-design-coastal .booking-price-summary strong,.page-design-coastal .booking-price-summary>p strong{color:var(--coastal)}
.page-design-coastal .store-message{border-color:var(--coastal);background:#f5fbfc;color:#173d4a}
.page-design-coastal .store-message strong,.page-design-coastal .store-details>small,.page-design-coastal .store-details dd a,.page-design-coastal .car-card-body details summary,.page-design-coastal .public-options>p,.page-design-coastal .booking-code{color:var(--coastal)}
.page-design-coastal .legal-agreement{border-color:var(--coastal-line);background:#f5fbfc;color:#294d59}
.page-design-coastal .legal-agreement a{color:var(--coastal)}
.page-design-coastal .legal-agreement input{accent-color:var(--coastal)}
.page-design-coastal .summary dt,.page-design-coastal .summary dt,.page-design-coastal .summary dd,.page-design-coastal .summary dl{border-color:var(--coastal-line)}
.page-design-coastal .summary dt{color:#617c85}
.page-design-coastal .summary .total{background:#f5fbfc}
.page-design-coastal .catalog-header nav a,.page-design-coastal .catalog-header nav a.active,.page-design-coastal .public-header nav a:first-child{color:#fff}
.page-design-coastal .legal-footer{padding:23px 20px;background:var(--coastal-dark)}
@media(max-width:760px){.page-design-coastal .rental-top main{display:flex;min-height:0;flex-direction:column-reverse}.page-design-coastal .hero-photo{position:relative;height:300px}.page-design-coastal .side-reservation{position:relative;inset:auto;width:auto;max-height:none;padding:24px 20px;border-radius:0;box-shadow:none}.page-design-coastal .photo-copy{left:7%;top:15%;max-width:86%}}

/* 黒と金を基調にしたプレミアム */
html:has(body.page-design-premium),body.page-design-premium{min-height:100%;background:#1a1916!important}
.page-design-premium{--premium:#c4a25c;--premium-dark:#151411;--premium-card:#211f1b;--premium-line:#50493c;background:#1a1916!important;color:#f2ecdf;font-family:"Yu Mincho","Hiragino Mincho ProN",serif}
.page-design-premium .rental-top{--main:var(--premium);--dark:var(--premium-dark);background:#1a1916;font-family:inherit}
.page-design-premium .rental-top header,.page-design-premium .catalog-header{border-bottom:1px solid var(--premium);background:var(--premium-dark)}
.page-design-premium .rental-logo,.page-design-premium .catalog-logo,.page-design-premium .rental-top header nav a,.page-design-premium .catalog-header nav a{color:#f2ecdf}
.page-design-premium .rental-top main{grid-template-columns:39% 61%}
.page-design-premium .side-reservation{border-right:1px solid var(--premium-line);background:var(--premium-dark);color:#f2ecdf;box-shadow:18px 0 55px #0009}
.page-design-premium .side-reservation input,.page-design-premium .side-reservation select{border-color:#655d4e;background:#29251f;color:#fff}
.page-design-premium .side-reservation button,.page-design-premium .button,.page-design-premium .catalog-actions a,.page-design-premium .car-book-button,.page-design-premium .store-buttons a.primary{border:1px solid var(--premium);border-radius:0;background:var(--premium);color:#151411}
.page-design-premium .reservation-links button{background:transparent;color:var(--premium)}
.page-design-premium .reservation-heading{border-color:var(--premium)}
.page-design-premium .reservation-heading small{color:var(--premium)}
.page-design-premium .photo-shade{background:linear-gradient(90deg,#000c 0,#0004 58%,transparent)}
.page-design-premium .photo-copy h2{font-weight:500;letter-spacing:.1em}
.page-design-premium .catalog-hero,.page-design-premium .page-heading{border:0;border-bottom:1px solid var(--premium);background:var(--premium-dark)}
.page-design-premium .catalog-hero p,.page-design-premium .page-heading .eyebrow{color:var(--premium)!important}
.page-design-premium .catalog-content,.page-design-premium .store-content,.page-design-premium .page{background:#1a1916;color:#f2ecdf}
.page-design-premium .public-car-card,.page-design-premium .vehicle-card,.page-design-premium .panel,.page-design-premium .search-form,.page-design-premium .option-form,.page-design-premium .summary,.page-design-premium .completion,.page-design-premium .store-main-card,.page-design-premium .store-notes article{border-color:var(--premium-line);background:var(--premium-card);color:#f2ecdf;box-shadow:none}
.page-design-premium .public-options article{border-color:var(--premium-line);background:#292720;color:#f2ecdf}
.page-design-premium .public-options article span{color:var(--premium)}
.page-design-premium .public-options>small{color:#bdb5a5!important}
.page-design-premium .catalog-actions p,.page-design-premium .car-card-title small,.page-design-premium .price-table span,.page-design-premium .special-periods,.page-design-premium .store-details dt,.page-design-premium .store-notes p{color:#bdb5a5}
.page-design-premium .car-card-body details summary{color:var(--premium)}
.page-design-premium .vehicle-content,.page-design-premium .search-form,.page-design-premium .option-form,.page-design-premium .summary,.page-design-premium .completion{border-color:var(--premium)}
.page-design-premium .option-list label{border-color:var(--premium-line);background:#292720;color:#f2ecdf}
.page-design-premium .option-list small{color:#bdb5a5}
.page-design-premium .option-list input[type=checkbox]{accent-color:var(--premium)}
.page-design-premium .booking-price-summary{border-color:var(--premium);background:#292720;color:#f2ecdf}
.page-design-premium .booking-price-summary>div>div,.page-design-premium .booking-price-summary>div:not([data-option-breakdown]),.page-design-premium .booking-price-summary>p{border-color:var(--premium-line)}
.page-design-premium .booking-price-summary strong,.page-design-premium .booking-price-summary>p strong{color:var(--premium)}
.page-design-premium .customer-form input,.page-design-premium .customer-form textarea{border-color:var(--premium-line);background:#292720;color:#f2ecdf;caret-color:var(--premium)}
.page-design-premium .customer-form input:focus,.page-design-premium .customer-form textarea:focus{border-color:var(--premium);outline:1px solid var(--premium)}
.page-design-premium .store-message{border-color:var(--premium);background:#292720;color:#f2ecdf}
.page-design-premium .store-message strong{color:var(--premium)}
.page-design-premium .store-message p{color:#d8d0c1}
.page-design-premium .legal-agreement{border-color:var(--premium-line);background:#292720;color:#d8d0c1}
.page-design-premium .legal-agreement a{color:var(--premium)}
.page-design-premium .legal-agreement input{accent-color:var(--premium)}
.page-design-premium .summary dt{color:#bdb5a5}
.page-design-premium .summary dt,.page-design-premium .summary dd,.page-design-premium .summary dl{border-color:var(--premium-line)}
.page-design-premium .summary .total{background:#292720;color:var(--premium)}
.page-design-premium .alert{border-color:#8f4f4f;background:#3a2423;color:#f0b5ad}
.page-design-premium .no-rate{background:#292720;color:#bdb5a5}
.page-design-premium .price-table,.page-design-premium .price-table div,.page-design-premium .store-details dl,.page-design-premium .store-details dl div{border-color:var(--premium-line)}
.page-design-premium .vehicle-content strong,.page-design-premium .summary .total,.page-design-premium .store-details>small,.page-design-premium .store-details dd a{color:var(--premium)}
.page-design-premium .car-visual.car-photo,.page-design-premium .representative-photo-note{background:#292720}
.page-design-premium .vehicle-group-photo,.page-design-premium .vehicle-photo-note{background:#292720}
.page-design-premium .vehicle-photo-note{color:#bdb5a5}
.page-design-premium .public-car-card:has(.car-photo) .car-card-title h2{color:#f2ecdf}
.page-design-premium .public-car-card:has(.car-photo) .car-card-title small,.page-design-premium .representative-photo-note{color:#bdb5a5}
.page-design-premium .store-buttons a:not(.primary){border-color:var(--premium-line);color:#e9dfca}
.page-design-premium .customer-calendar{color:#f2ecdf}
.page-design-premium .customer-calendar-heading p,.page-design-premium .customer-calendar-grid.weekdays div{color:#bdb5a5}
.page-design-premium .customer-calendar select{border:1px solid var(--premium-line);background:#292720;color:#f2ecdf}
.page-design-premium .customer-calendar-nav a{border-color:var(--premium-line);color:var(--premium)}
.page-design-premium .customer-calendar-day,.page-design-premium .customer-calendar-grid .blank{border-color:var(--premium-line);background:#292720;color:#f2ecdf}
.page-design-premium .customer-calendar-day.open{background:#292720}
.page-design-premium .customer-calendar-day.short{background:#3a3220;color:#f2dfad}
.page-design-premium .customer-calendar-day.closed{background:#3a2423;color:#e4aaa3}
.page-design-premium .customer-calendar-day:hover:not(:disabled){outline-color:var(--premium)}
.page-design-premium .customer-calendar-day .open-mark,.page-design-premium .customer-calendar-day strong{color:var(--premium)}
.page-design-premium .customer-calendar-day.saturday:not(.holiday) .customer-day-number{color:#d7c184}
.page-design-premium .customer-calendar-day.sunday .customer-day-number,.page-design-premium .customer-calendar-day.holiday .customer-day-number,.page-design-premium .customer-holiday-name{color:#e4aaa3}
.page-design-premium .legal-footer{padding:23px 20px;border-color:var(--premium);background:#0e0d0b}
@media(max-width:760px){.page-design-premium .rental-top main{display:flex;height:auto;flex-direction:column-reverse}.page-design-premium .hero-photo{height:300px}.page-design-premium .side-reservation{padding:25px 20px;box-shadow:none}}

/* 配色と配置を組み替えたデザイン */
.page-colors-standard{--coastal:#d82d2d;--coastal-dark:#26323a;--coastal-pale:#f5f7f9;--coastal-line:#dfe5e8;background:#f5f7f9!important;color:#222}
.page-colors-standard .rental-top header,.page-colors-standard .catalog-header{border-bottom:1px solid #dfe5e8;background:#fff;color:#26323a;box-shadow:none}
.page-colors-standard .rental-logo,.page-colors-standard .catalog-logo,.page-colors-standard .rental-top header nav a,.page-colors-standard .catalog-header nav a,.page-colors-standard .catalog-header nav a.active,.page-colors-standard .public-header nav a:first-child{color:#26323a}
.page-colors-standard .rental-logo i,.page-colors-standard .catalog-logo i{border-radius:0;background:#d82d2d;color:#fff;box-shadow:none}
.page-colors-standard .side-reservation button,.page-colors-standard .button,.page-colors-standard .catalog-actions a,.page-colors-standard .car-book-button,.page-colors-standard .store-buttons a.primary{background:#d82d2d;color:#fff}
.page-colors-standard .catalog-hero,.page-colors-standard .page-heading{background:#26323a}
.page-colors-standard .legal-footer{background:#253742}
.page-colors-standard .catalog-content,.page-colors-standard .page{background:#f5f7f9}
@media(min-width:761px){.page-layout-standard .rental-top main{display:grid;grid-template-columns:minmax(330px,29%) 1fr;height:calc(100% - 76px);min-height:0}.page-layout-standard .hero-photo{position:relative;inset:auto}.page-layout-standard .side-reservation{position:relative;inset:auto;width:auto;max-height:none;padding:clamp(28px,4vh,50px) clamp(24px,3vw,48px);border:0;border-radius:0;background:#fff;box-shadow:12px 0 30px #1025311c}.page-layout-standard .photo-copy{left:8%;top:15%;max-width:none}}
@media(min-width:761px){.page-layout-coastal .rental-top main{position:relative;display:block;min-height:0}.page-layout-coastal .hero-photo{position:absolute;inset:0}.page-layout-coastal .side-reservation{position:absolute;z-index:5;top:7%;right:5%;width:min(390px,38%);max-height:none;box-sizing:border-box;padding:30px;border-radius:22px}.page-layout-coastal .photo-copy{left:6%;top:15%;max-width:46%}}