*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f8f4ea;color:#262018;font-family:"Yu Gothic",Meiryo,sans-serif;font-size:16px;line-height:1.9}a{color:inherit}img{max-width:100%;height:auto;vertical-align:middle}h1,h2,h3,h4{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;line-height:1.5}h1,h2,h3,p{margin-top:0}p{overflow-wrap:anywhere}table{border-collapse:collapse;width:100%;max-width:100%;margin:1.5rem 0}th,td{padding:.8rem;border:1px solid #d4d6cd;text-align:left}th{background:#eeeee6}.site-chrome{position:sticky;top:0;z-index:100;background:#f8f4ea;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:84px;padding:0 36px;border-bottom:1px solid #d6cdbf}.brand{display:block;flex-shrink:0;line-height:1}.brand img{width:280px;height:auto}.desktop-nav{display:flex;gap:22px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.desktop-nav a{text-decoration:none;font-size:14px;color:#261d17}.desktop-nav a:hover{text-decoration:underline}.mobile-nav{display:none}.source-content{min-height:60vh}.source-content>h1,.source-content>h2,.source-content>p,.source-content>table,.source-content>ul,.source-content>ol{max-width:1100px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}.site-footer{padding:40px 5vw;text-align:center;background:#eee8dc;color:#332920}.site-footer nav{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;font-size:13px}.site-footer a{color:inherit}.contact-page{max-width:1000px;margin:0 auto;padding:60px 24px 90px}.contact-page h1{font-size:clamp(27px,5vw,42px)}.eyebrow{font-size:12px;letter-spacing:.2em;color:#75634d}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:38px 0}.contact-grid>section{padding:26px;border:1px solid #d8ddcf;background:#fffdf8}.contact-button{display:block;margin:16px 0;padding:15px 18px;text-decoration:none;text-align:center;color:#fff;background:#365b47;border-radius:4px}.contact-button:hover{background:#253d32}
.source-content{--e-global-color-primary:#262018;--e-global-color-secondary:#665b4d;--e-global-color-text:#262018;--e-global-color-accent:#b47b22;--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.9em;--e-global-typography-text-letter-spacing:.5px;--e-global-typography-accent-font-size:28px;--e-global-typography-accent-font-weight:500;--e-global-typography-accent-line-height:1.8em;--e-global-typography-accent-letter-spacing:1px;--e-global-typography-secondary-font-size:16px;--e-global-typography-secondary-font-weight:400;--e-global-typography-secondary-line-height:1.8em;--e-global-typography-secondary-letter-spacing:3px}
.e-con{--display:flex;--flex-direction:column;--justify-content:initial;--align-items:stretch;--gap:var(--widgets-spacing,20px);--row-gap:var(--widgets-spacing-row,20px);--column-gap:var(--widgets-spacing-column,20px);--width:100%;position:relative;min-width:0;width:var(--width);max-width:100%;margin-block-start:var(--margin-top,0);margin-block-end:var(--margin-bottom,0);margin-inline-start:var(--margin-left,0);margin-inline-end:var(--margin-right,0);padding:var(--padding-top,var(--container-default-padding-top,10px)) var(--padding-right,var(--container-default-padding-right,10px)) var(--padding-bottom,var(--container-default-padding-bottom,10px)) var(--padding-left,var(--container-default-padding-left,10px));align-self:var(--align-self,auto);flex-grow:var(--flex-grow,0);flex-shrink:var(--flex-shrink,1)}.e-con-full,.e-con-inner{display:var(--display);flex-direction:var(--flex-direction);justify-content:var(--justify-content);align-items:var(--align-items);gap:var(--row-gap) var(--column-gap);flex-wrap:var(--flex-wrap,nowrap)}.e-con-boxed{display:flex;justify-content:center;align-items:center}.e-con-inner{width:100%;max-width:var(--content-width,var(--container-max-width,1140px));min-width:0;margin:auto;min-height:inherit}.e-con .e-con{--content-width:100%}.e-con:has(>.e-con-inner>.e-con){flex-basis:auto}.e-con-inner>.e-con,.e-con-full>.e-con{flex-shrink:1}.elementor-widget{position:relative;min-width:0;max-width:100%;width:var(--container-widget-width,100%);align-self:var(--container-widget-align-self,auto)}.elementor-widget-container{height:100%;min-width:0}.elementor-widget-image{text-align:center}.elementor-widget-image img{display:inline-block;max-width:100%;height:auto;object-fit:contain}.elementor-heading-title{padding:0;margin:0}.elementor-absolute{position:absolute}.elementor-button{display:inline-block;padding:12px 24px;color:#fff;background:#332920;text-decoration:none;border-radius:3px}.static-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px}.static-gallery img{width:100%;height:auto;object-fit:contain}.static-faq details{border-bottom:1px solid #d8cebf;padding:16px 0}.static-faq summary{cursor:pointer;font-weight:600;padding:8px 4px}.faq-answer{padding:12px 20px;background:#fffdf8}.faq-answer p:last-child{margin-bottom:0}.source-content iframe,.source-content form{display:none!important}
@media(min-width:1025px){.elementor-hidden-desktop{display:none!important}}@media(min-width:768px) and (max-width:1024px){.elementor-hidden-tablet{display:none!important}}@media(max-width:1024px){.desktop-nav{display:none}.mobile-nav{display:block;flex-shrink:0}.site-chrome{padding:0 0 0 40px;min-height:64px;gap:12px}.brand img{width:220px}.mobile-nav summary{height:64px;width:64px;background:#2c211c;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;list-style:none}.mobile-nav summary::-webkit-details-marker{display:none}.menu-bars,.menu-bars:before,.menu-bars:after{display:block;width:34px;height:1px;background:currentColor;position:relative}.menu-bars:before,.menu-bars:after{content:"";position:absolute;left:0}.menu-bars:before{top:-10px}.menu-bars:after{top:10px}.mobile-nav nav{position:absolute;right:0;top:100%;width:min(100vw,360px);max-height:80vh;overflow:auto;background:#f8f4ea;box-shadow:0 8px 20px #0002;padding:20px}.mobile-nav nav a{display:block;padding:12px;text-decoration:none;border-bottom:1px solid #ded6c8}.mobile-nav[open] summary{background:#49392e}}
@media(max-width:767px){.elementor-hidden-mobile{display:none!important}.e-con,.e-con-inner{flex-wrap:var(--flex-wrap-mobile,wrap)}.e-con-inner>.e-con,.e-con-full>.e-con{--width:100%}.contact-grid{grid-template-columns:1fr}.source-content th,.source-content td{padding:.5rem}.brand img{width:min(220px,60vw)}.site-chrome{padding-left:28px}.elementor-widget{max-width:100%}.static-gallery{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.source-content{--e-global-color-primary:#4C4A36;--e-global-color-secondary:#FFFFFF;--e-global-color-text:#F7EFEE;--e-global-color-accent:#C2211F;--e-global-color-ed693f8:#2A1B19;--e-global-color-67ec865:#FFFFFF00;--e-global-color-56852e0:#FAF5EA;--e-global-color-e5a4c11:#5CB154;--e-global-color-3f19dfe:#4C4A368C;--e-global-color-f1ff89c:#C8C6C5;--e-global-typography-primary-font-size:40px;--e-global-typography-primary-font-weight:400;--e-global-typography-primary-line-height:1.5em;--e-global-typography-primary-letter-spacing:10px;--e-global-typography-secondary-font-size:22px;--e-global-typography-secondary-font-weight:600;--e-global-typography-secondary-line-height:1.9em;--e-global-typography-secondary-letter-spacing:0.5px;--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:600;--e-global-typography-text-line-height:2.6em;--e-global-typography-text-letter-spacing:0.3px;--e-global-typography-accent-font-size:22px;--e-global-typography-accent-font-weight:600;--e-global-typography-accent-line-height:1.9em;--e-global-typography-accent-letter-spacing:0.5px;--e-global-typography-3dd0d47-font-size:33px;--e-global-typography-3dd0d47-font-weight:600;--e-global-typography-3dd0d47-line-height:1.9em;--e-global-typography-3dd0d47-letter-spacing:0.3px;--e-global-typography-3e3f239-font-size:19px;--e-global-typography-3e3f239-font-weight:600;--e-global-typography-3e3f239-line-height:1.9em;--e-global-typography-3e3f239-letter-spacing:0.3px;--e-global-typography-1f63918-font-size:16px;--e-global-typography-1f63918-font-weight:600;--e-global-typography-1f63918-line-height:2.6em;--e-global-typography-1f63918-letter-spacing:0.3px;--e-global-typography-6586f5b-font-size:16px;--e-global-typography-6586f5b-font-weight:600;--e-global-typography-6586f5b-line-height:1.9em;--e-global-typography-6586f5b-letter-spacing:0.5px;--e-global-typography-b81f7bc-font-size:16px;--e-global-typography-b81f7bc-font-weight:600;--e-global-typography-b81f7bc-line-height:2.6em;--e-global-typography-b81f7bc-letter-spacing:0.3px;--e-global-typography-b206c0a-font-size:35px;--e-global-typography-b206c0a-font-weight:600;--e-global-typography-b206c0a-line-height:1.8em;--e-global-typography-b206c0a-letter-spacing:0.5px;}.source-content p{margin-block-end:0px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1110px;}.e-con{--container-max-width:1110px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){margin-block-end:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.source-content{--e-global-typography-primary-font-size:24px;--e-global-typography-primary-letter-spacing:8px;--e-global-typography-secondary-font-size:16px;--e-global-typography-text-font-size:16px;--e-global-typography-text-line-height:1.9em;--e-global-typography-text-letter-spacing:0.3px;--e-global-typography-accent-font-size:20px;--e-global-typography-3dd0d47-font-size:18px;--e-global-typography-3dd0d47-line-height:1.9em;--e-global-typography-3e3f239-font-size:15px;--e-global-typography-1f63918-font-size:16px;--e-global-typography-6586f5b-font-size:18px;--e-global-typography-b81f7bc-font-size:13px;--e-global-typography-b81f7bc-line-height:1.9em;--e-global-typography-b206c0a-font-size:22px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
.e-con{--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial}
.e-con.e-grid,.e-con.e-grid>.e-con-inner{grid-template-columns:var(--e-con-grid-template-columns,repeat(3,1fr));grid-template-rows:var(--e-con-grid-template-rows,auto);grid-auto-flow:var(--grid-auto-flow,row);justify-items:var(--justify-items,stretch);align-items:var(--align-items,stretch)}
.teppaku-price-renewal {
--tp-bg: #f7f2ea;
--tp-bg-soft: #fbf8f2;
--tp-paper: #fffdf8;
--tp-ink: #17130e;
--tp-text: #262018;
--tp-muted: #665b4d;
--tp-border: rgba(77, 58, 35, 0.18);
--tp-border-strong: rgba(169, 112, 38, 0.42);
--tp-gold: #b47b22;
--tp-gold-soft: #efe3d0;
--tp-red: #a8171d;
--tp-red-dark: #861016;
--tp-navy: #071433;
--tp-black: #11100e;
--tp-shadow: 0 14px 34px rgba(52, 38, 20, 0.12);
--tp-radius: 8px;
--tp-serif: "Noto Serif JP", "Yu Mincho", "Hiragino Mincho ProN", serif;
--tp-sans: "Noto Sans JP", "Yu Gothic", "Hiragino Kaku Gothic ProN", sans-serif;
width: 100%;
max-width: 100%;
overflow-x: hidden;
color: var(--tp-text);
background: var(--tp-bg);
font-family: var(--tp-sans);
line-height: 1.8;
}
.teppaku-price-renewal *,
.teppaku-price-renewal *::before,
.teppaku-price-renewal *::after {
box-sizing: border-box;
}
.teppaku-price-renewal a {
color: inherit;
text-decoration: none;
}
.teppaku-price-renewal img {
max-width: 100%;
}
.teppaku-price-renewal--elementor {
width: 100vw;
max-width: 100vw;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
}
.tp-container {
width: min(1180px, calc(100% - 48px));
margin: 0 auto;
min-width: 0;
}
.tp-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
min-height: 48px;
padding: 0 22px;
border: 1px solid transparent;
border-radius: 4px;
font-size: 15px;
font-weight: 700;
line-height: 1.2;
text-align: center;
transition: transform 180ms ease, background-color 180ms ease, border-color 180ms ease;
}
.tp-btn:hover {
transform: translateY(-1px);
}
.tp-btn--small {
min-height: 42px;
padding: 0 17px;
font-size: 13px;
}
.tp-btn--dark {
color: #fff !important;
background: var(--tp-black);
border-color: var(--tp-black);
}
.tp-btn--red {
color: #fff !important;
background: var(--tp-red);
border-color: var(--tp-red);
}
.tp-btn--red:hover {
background: var(--tp-red-dark);
}
.tp-btn--outline {
color: var(--tp-ink);
background: rgba(255, 253, 248, 0.72);
border-color: rgba(23, 19, 14, 0.72);
}
.tp-btn--ghost {
color: #fff;
background: rgba(0, 0, 0, 0.2);
border-color: rgba(255, 255, 255, 0.76);
}
.tp-icon-img {
display: block;
width: var(--tp-icon-size, 1em);
height: var(--tp-icon-size, 1em);
object-fit: contain;
flex: 0 0 auto;
transform: scale(var(--tp-icon-scale, 1));
transform-origin: center;
}
.tp-btn .tp-icon-img {
--tp-icon-size: 21px;
}
.tp-btn--dark .tp-icon-img,
.tp-btn--red .tp-icon-img,
.tp-btn--ghost .tp-icon-img {
filter: brightness(0) invert(1);
}
.tp-hero {
position: relative;
min-height: 232px;
display: grid;
align-items: center;
color: #fff;
overflow: hidden;
background:
linear-gradient(90deg, rgba(0, 0, 0, 0.88) 0%, rgba(0, 0, 0, 0.62) 38%, rgba(0, 0, 0, 0.08) 78%),
var(--tp-hero-image);
background-position: center 56%;
background-size: cover;
}
.tp-hero::after {
content: "";
position: absolute;
inset: auto 0 0;
height: 90px;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.54) 100%);
pointer-events: none;
}
.tp-hero__content {
position: relative;
z-index: 1;
padding: 46px 0 54px;
}
.tp-hero h1 {
margin: 0 0 14px;
color: #fff !important;
font-family: var(--tp-serif);
font-size: clamp(34px, 4vw, 48px);
font-weight: 600;
line-height: 1.35;
text-shadow: 0 3px 18px rgba(0, 0, 0, 0.72);
}
.tp-hero p {
margin: 0;
color: #fff !important;
font-family: var(--tp-serif);
font-size: clamp(16px, 1.7vw, 20px);
font-weight: 600;
line-height: 1.9;
text-shadow: 0 2px 12px rgba(0, 0, 0, 0.68);
}
.tp-main {
padding: 28px 0 0;
background:
linear-gradient(180deg, rgba(255, 253, 248, 0.7), rgba(247, 242, 234, 0.98) 260px),
var(--tp-bg);
}
.tp-section {
padding: 0 0 26px;
}
.tp-section-head {
display: flex;
align-items: center;
gap: 16px;
margin-bottom: 18px;
color: var(--tp-ink);
}
.tp-section-icon {
display: grid;
place-items: center;
width: 44px;
height: 44px;
flex: 0 0 auto;
color: var(--tp-gold);
}
.tp-section-icon .tp-icon-img {
--tp-icon-size: 42px;
--tp-icon-scale: 1.12;
}
.tp-section-title {
display: flex;
align-items: baseline;
gap: 22px;
flex-wrap: wrap;
min-width: 0;
}
.tp-section-title h2 {
margin: 0;
color: var(--tp-ink);
font-family: var(--tp-serif);
font-size: clamp(25px, 2.8vw, 34px);
font-weight: 600;
line-height: 1.35;
white-space: nowrap;
}
.tp-section-title p,
.tp-tax-note {
margin: 0;
color: var(--tp-muted);
font-size: 13px;
font-weight: 700;
white-space: nowrap;
}
.tp-section-meta {
display: flex;
justify-content: space-between;
gap: 16px;
align-items: end;
flex-wrap: wrap;
margin-bottom: 12px;
}
.tp-plan-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 18px;
}
.tp-plan-card,
.tp-panel {
min-width: 0;
background: rgba(255, 253, 248, 0.76);
border: 1px solid var(--tp-border-strong);
border-radius: var(--tp-radius);
box-shadow: 0 8px 24px rgba(52, 38, 20, 0.07);
}
.tp-plan-card {
padding: 18px;
}
.tp-plan-card__head {
display: flex;
align-items: center;
justify-content: center;
gap: 14px;
flex-wrap: wrap;
min-width: 0;
margin-bottom: 14px;
text-align: center;
}
.tp-plan-card h3,
.tp-panel h3 {
margin: 0;
color: var(--tp-ink);
font-family: var(--tp-serif);
font-size: clamp(20px, 1.85vw, 27px);
font-weight: 600;
line-height: 1.35;
overflow-wrap: normal;
white-space: nowrap;
}
.tp-badge {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 28px;
padding: 4px 12px;
color: var(--tp-muted);
background: var(--tp-gold-soft);
border-radius: 999px;
font-size: 12px;
font-weight: 800;
line-height: 1.2;
white-space: nowrap;
}
.tp-badge--red {
color: #fff;
background: var(--tp-red);
}
.tp-badge--gold {
color: #fff;
background: var(--tp-gold);
}
.tp-badge--mini {
min-height: 22px;
padding: 3px 9px;
font-size: 10px;
}
.tp-rate-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 20px;
}
.tp-rate-table {
min-width: 0;
max-width: 100%;
}
.tp-rate-table__label {
display: grid;
place-items: center;
min-height: 32px;
color: #fff;
background: var(--tp-navy);
border-radius: 5px 5px 0 0;
font-size: 15px;
font-weight: 800;
}
.tp-rate-table__label--red {
background: var(--tp-red);
}
.tp-rate-table table,
.tp-stay-table table {
width: 100%;
min-width: 0;
border-collapse: collapse;
color: var(--tp-text);
background: rgba(255, 253, 248, 0.7);
table-layout: fixed;
}
.tp-rate-table th,
.tp-rate-table td,
.tp-stay-table th,
.tp-stay-table td {
min-width: 0;
border: 1px solid rgba(77, 58, 35, 0.18);
padding: 10px 8px;
font-size: 14px;
line-height: 1.35;
text-align: center;
vertical-align: middle;
overflow-wrap: anywhere;
}
.tp-rate-table th,
.tp-stay-table th {
color: var(--tp-muted);
background: rgba(255, 248, 238, 0.92);
font-size: 12px;
font-weight: 800;
}
.tp-time-cell {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 6px;
flex-wrap: wrap;
min-width: 0;
}
.tp-popular {
display: inline-grid;
place-items: center;
width: 36px;
height: 36px;
color: #fff;
background: var(--tp-gold);
border-radius: 50%;
font-size: 9px;
font-weight: 900;
line-height: 1.05;
}
.tp-highlight {
color: #d20e18;
font-size: 18px;
font-weight: 800;
white-space: nowrap;
}
.tp-plan-summary {
margin: -2px 0 14px;
color: var(--tp-text);
font-size: 13px;
font-weight: 700;
line-height: 1.75;
}
.tp-plan-summary p {
margin: 0;
}
.tp-plan-notes {
display: grid;
gap: 2px;
padding: 0;
margin: 7px 0 0;
color: var(--tp-muted);
list-style: none;
}
.tp-plan-notes li {
margin: 0;
}
.tp-use-box {
margin-top: 15px;
padding: 12px 16px;
background: rgba(246, 240, 229, 0.9);
border-radius: 6px;
}
.tp-use-box strong {
display: block;
margin-bottom: 6px;
color: var(--tp-gold);
font-size: 13px;
}
.tp-use-list {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 8px 14px;
padding: 0 0 0 1.15em;
margin: 0;
list-style-position: outside;
}
.tp-use-list li {
color: var(--tp-ink);
font-size: 13px;
font-weight: 700;
white-space: nowrap;
}
.tp-benefit-title {
display: flex;
align-items: center;
gap: 14px;
justify-content: center;
margin: 22px 0 -12px;
color: var(--tp-ink);
font-family: var(--tp-serif);
font-size: 20px;
font-weight: 600;
line-height: 1.2;
white-space: nowrap;
}
.tp-benefit-title::before,
.tp-benefit-title::after {
content: "";
width: min(230px, 18vw);
height: 1px;
background: var(--tp-border-strong);
}
.tp-benefit-strip {
display: grid;
grid-template-columns: minmax(0, 0.9fr) minmax(0, 0.9fr) minmax(0, 1.2fr);
gap: 0;
padding: 18px 22px;
margin-top: 22px;
}
.tp-benefit-item {
display: grid;
grid-template-columns: 54px minmax(0, 1fr) auto;
gap: 9px;
align-items: center;
min-width: 0;
padding: 0 14px;
border-right: 1px solid var(--tp-border);
}
.tp-benefit-item:last-child {
border-right: 0;
}
.tp-benefit-icon {
display: grid;
place-items: center;
width: 50px;
height: 50px;
color: var(--tp-gold);
}
.tp-benefit-icon .tp-icon-img {
--tp-icon-size: 46px;
}
.tp-benefit-item h4 {
margin: 0 0 3px;
color: var(--tp-ink);
font-family: var(--tp-serif);
font-size: 17px;
font-weight: 600;
line-height: 1.4;
white-space: nowrap;
}
.tp-benefit-item p {
margin: 0;
color: var(--tp-muted);
font-size: 12px;
font-weight: 700;
line-height: 1.6;
}
.tp-free {
color: var(--tp-red);
font-family: var(--tp-serif);
font-size: 27px;
font-weight: 700;
white-space: nowrap;
}
.tp-commercial {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(288px, 0.46fr);
gap: 26px;
align-items: center;
padding: 24px 30px;
border-color: rgba(180, 123, 34, 0.68);
}
.tp-commercial__lead {
display: grid;
grid-template-columns: 60px minmax(0, 1fr);
gap: 16px;
align-items: start;
min-width: 0;
}
.tp-commercial__icon {
display: grid;
place-items: center;
width: 58px;
height: 58px;
color: var(--tp-gold);
}
.tp-commercial__icon .tp-icon-img {
--tp-icon-size: 54px;
}
.tp-commercial p {
margin: 6px 0 0;
color: var(--tp-text);
font-size: 13px;
font-weight: 700;
line-height: 1.75;
}
.tp-example-box {
display: grid;
grid-template-columns: 96px 1fr;
gap: 14px;
max-width: 520px;
padding: 13px 18px;
margin-top: 14px;
background: rgba(246, 240, 229, 0.9);
border-radius: 6px;
}
.tp-example-box strong {
color: var(--tp-muted);
font-family: var(--tp-serif);
font-size: 16px;
font-weight: 600;
}
.tp-example-box ul {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 2px 18px;
padding: 0;
margin: 0;
list-style-position: inside;
}
.tp-example-box li {
font-size: 13px;
font-weight: 700;
}
.tp-commercial__side {
display: grid;
justify-items: center;
align-content: center;
gap: 17px;
min-height: 138px;
padding-left: 30px;
border-left: 1px solid var(--tp-border);
text-align: center;
}
.tp-commercial__side p {
margin: 0;
color: var(--tp-text);
font-family: var(--tp-serif);
font-size: 15px;
font-weight: 600;
line-height: 1.8;
}
.tp-stay-heading {
display: flex;
gap: clamp(36px, 5.4vw, 96px);
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
margin-bottom: 14px;
}
.tp-stay-heading .tp-section-head {
flex: 0 1 530px;
margin-bottom: 0;
}
.tp-stay-title {
display: flex;
align-items: center;
gap: 14px;
flex-wrap: wrap;
}
.tp-stay-meta {
display: grid;
grid-template-columns: repeat(3, auto);
gap: 20px;
align-items: center;
flex: 0 0 auto;
}
.tp-meta-item {
display: grid;
grid-template-columns: 28px 1fr;
gap: 8px;
align-items: center;
color: var(--tp-text);
font-size: 12px;
font-weight: 800;
line-height: 1.35;
}
.tp-meta-item .tp-icon-img {
--tp-icon-size: 24px;
--tp-icon-scale: 1.24;
}
.tp-stay-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 22px;
}
.tp-stay-card {
overflow: hidden;
min-width: 0;
background: rgba(255, 253, 248, 0.76);
border: 1px solid var(--tp-border-strong);
border-radius: var(--tp-radius);
}
.tp-stay-card__bar {
display: grid;
place-items: center;
min-height: 34px;
color: #fff;
background: var(--tp-navy);
font-size: 15px;
font-weight: 800;
}
.tp-stay-card__bar--red {
background: var(--tp-red);
}
.tp-stay-card__body {
display: grid;
grid-template-columns: 112px 1fr;
gap: 12px;
padding: 12px;
}
.tp-stay-table th,
.tp-stay-table td {
padding: 9px 7px;
}
.tp-stay-table strong {
display: block;
color: var(--tp-red);
font-family: var(--tp-serif);
font-size: 20px;
font-weight: 700;
}
.tp-stay-table span {
display: block;
color: var(--tp-ink);
font-size: 12px;
font-weight: 700;
}
.tp-stay-examples {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 8px;
}
.tp-stay-example {
display: grid;
align-content: center;
justify-items: center;
min-height: 138px;
padding: 12px 5px;
color: var(--tp-ink);
background:
linear-gradient(180deg, rgba(255, 253, 248, 0.86), rgba(241, 231, 216, 0.92)),
var(--tp-paper);
border: 1px solid rgba(77, 58, 35, 0.12);
border-radius: 4px;
text-align: center;
}
.tp-stay-example span {
display: block;
margin-bottom: 6px;
font-size: 13px;
font-weight: 800;
}
.tp-stay-example strong {
color: var(--tp-red);
font-family: var(--tp-serif);
font-size: clamp(18px, 1.8vw, 22px);
font-weight: 700;
line-height: 1.2;
white-space: nowrap;
}
.tp-small-note {
margin: 10px 0 0;
color: var(--tp-muted);
font-size: 12px;
font-weight: 700;
text-align: center;
}
.tp-lower-grid {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 18px;
margin-top: 14px;
}
.tp-lower-grid--booking {
grid-template-columns: minmax(0, 1.38fr) minmax(280px, 0.62fr);
}
.tp-panel {
padding: 22px;
}
.tp-panel--soft {
border-color: var(--tp-border);
}
.tp-included h3,
.tp-stay-benefit h3,
.tp-booking h3,
.tp-notes h3 {
margin-bottom: 15px;
text-align: center;
}
.tp-included-grid {
display: grid;
grid-template-columns: repeat(8, minmax(0, 1fr));
gap: 10px 4px;
align-items: start;
padding: 0;
margin: 0;
list-style: none;
}
.tp-included-grid li {
display: grid;
grid-template-rows: 50px auto;
align-content: start;
justify-items: center;
gap: 6px;
min-width: 0;
color: var(--tp-ink);
text-align: center;
font-size: clamp(10px, 0.85vw, 12px);
font-weight: 800;
line-height: 1.3;
word-break: keep-all;
overflow-wrap: normal;
}
.tp-included-grid li:nth-child(5) {
grid-column: span 2;
}
.tp-included-grid .tp-icon-img {
align-self: center;
--tp-icon-size: 54px;
}
.tp-stay-benefit {
position: relative;
}
.tp-stay-benefit .tp-badge {
position: absolute;
top: 14px;
right: 18px;
width: 72px;
min-height: 72px;
border-radius: 50%;
white-space: normal;
text-align: center;
}
.tp-time-benefits {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
padding-right: 82px;
}
.tp-time-benefit {
display: grid;
justify-items: center;
align-content: center;
min-height: 100px;
padding: 15px;
background: rgba(246, 240, 229, 0.92);
border-radius: 6px;
text-align: center;
}
.tp-time-benefit strong {
color: var(--tp-ink);
font-family: var(--tp-serif);
font-size: 16px;
font-weight: 600;
white-space: nowrap;
}
.tp-time-benefit span {
color: var(--tp-muted);
font-size: 12px;
font-weight: 800;
}
.tp-time-benefit em {
color: var(--tp-red);
font-family: var(--tp-serif);
font-size: 26px;
font-style: normal;
font-weight: 700;
line-height: 1.25;
}
.tp-bottom-heading {
display: flex;
align-items: baseline;
justify-content: flex-start;
gap: 12px;
min-width: 0;
margin-bottom: 14px;
}
.tp-bottom-heading h3 {
flex: 0 0 auto;
margin: 0;
text-align: left;
font-size: clamp(22px, 2vw, 28px);
}
.tp-bottom-heading span {
min-width: 0;
color: var(--tp-muted);
font-size: 12px;
font-weight: 800;
white-space: nowrap;
}
.tp-booking-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 10px;
}
.tp-booking-step {
min-width: 0;
min-height: 132px;
padding: 13px 11px 12px;
background: rgba(255, 253, 248, 0.86);
border: 1px solid var(--tp-border);
border-radius: 6px;
}
.tp-booking-step__head {
display: flex;
align-items: center;
gap: 9px;
margin-bottom: 8px;
}
.tp-number {
display: grid;
place-items: center;
width: 24px;
height: 24px;
color: #fff;
background: var(--tp-gold);
border-radius: 50%;
font-size: 12px;
font-weight: 900;
flex: 0 0 auto;
}
.tp-booking-step strong {
color: var(--tp-ink);
font-family: var(--tp-serif);
font-size: clamp(12px, 1.05vw, 14px);
font-weight: 600;
line-height: 1.35;
white-space: nowrap;
}
.tp-booking-step p {
margin: 0;
color: var(--tp-muted);
font-size: 12px;
font-weight: 700;
line-height: 1.6;
word-break: keep-all;
overflow-wrap: normal;
}
.tp-booking-body {
display: grid;
grid-template-columns: 34px minmax(0, 1fr);
gap: 9px;
align-items: center;
min-width: 0;
}
.tp-booking-body .tp-icon-img {
--tp-icon-size: 32px;
object-fit: contain;
}
.tp-booking-body--apps {
grid-template-columns: 1fr;
align-items: center;
gap: 5px;
}
.tp-booking-app-link {
display: grid;
grid-template-columns: 27px minmax(0, 1fr);
gap: 9px;
align-items: center;
min-width: 0;
color: inherit;
text-decoration: none !important;
}
.tp-booking-app-link:hover b {
color: var(--tp-red);
}
.tp-booking-app-link .tp-icon-img {
--tp-icon-size: 27px;
}
.tp-booking-app-link > span {
display: block;
color: var(--tp-muted);
font-size: 12px;
font-weight: 700;
line-height: 1.55;
word-break: keep-all;
overflow-wrap: normal;
}
.tp-booking-text {
display: grid;
gap: 3px;
min-width: 0;
}
.tp-booking-text span {
display: block;
color: var(--tp-muted);
font-size: 12px;
font-weight: 700;
line-height: 1.55;
word-break: keep-all;
overflow-wrap: normal;
}
.tp-booking-text b {
color: var(--tp-ink);
font-weight: 800;
white-space: nowrap;
}
.tp-booking-note {
display: inline-block;
margin-top: 4px;
color: var(--tp-red);
font-size: 12px;
font-weight: 900;
white-space: nowrap;
}
.tp-booking-text .tp-booking-note {
color: var(--tp-red);
}
.tp-notes {
display: block;
min-height: 0;
}
.tp-note-list {
padding: 0 0 0 1.2em;
margin: 0;
}
.tp-note-list li {
color: var(--tp-text);
font-size: 12px;
font-weight: 700;
line-height: 1.65;
}
.tp-icon-img[src$="/commercial-briefcase.png"],
.tp-icon-img[src$="/tea-set.png"],
.tp-icon-img[src$="/training-room.png"],
.tp-icon-img[src$="/wifi.png"] {
--tp-icon-scale: 0.68;
}
.tp-icon-img[src$="/parking-p.png"] {
--tp-icon-scale: 0.66;
}
.tp-icon-img[src$="/mail.png"] {
--tp-icon-scale: 1.25;
}
.tp-shooting-time-note {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
gap: 14px;
align-items: center;
padding: 15px 18px;
margin-top: 18px;
color: var(--tp-text);
background: rgba(246, 240, 229, 0.94);
border: 1px solid var(--tp-border);
border-radius: 7px;
}
.tp-shooting-time-note strong {
color: var(--tp-gold);
font-family: var(--tp-serif);
font-size: 15px;
font-weight: 700;
white-space: nowrap;
}
.tp-shooting-time-note p {
margin: 0;
color: var(--tp-muted);
font-size: 12px;
font-weight: 700;
line-height: 1.75;
}
.tp-shooting-stay-note-section {
padding-bottom: 0;
}
.tp-shooting-stay-note {
display: grid;
grid-template-columns: 34px minmax(0, 1fr);
gap: 12px;
align-items: center;
padding: 15px 18px;
margin-top: 14px;
color: var(--tp-text);
background: rgba(255, 253, 248, 0.78);
border: 1px solid var(--tp-border);
border-radius: 7px;
}
.tp-shooting-stay-note__icon {
display: grid;
place-items: center;
width: 32px;
height: 32px;
color: var(--tp-gold);
}
.tp-shooting-stay-note__icon .tp-icon-img {
--tp-icon-size: 28px;
--tp-icon-scale: 0.88;
}
.tp-shooting-stay-note p {
margin: 0;
color: var(--tp-muted);
font-size: 12px;
font-weight: 700;
line-height: 1.75;
}
.tp-shooting-stay-note strong {
color: var(--tp-ink);
font-weight: 900;
}
#stay-plan {
padding-top: 72px;
}
@media (max-width: 1120px) {
.tp-commercial {
grid-template-columns: minmax(0, 1fr) minmax(270px, 0.48fr);
gap: 22px;
padding: 22px 24px;
}
.tp-commercial__side {
padding-left: 22px;
}
.tp-stay-meta {
justify-content: start;
}
.tp-use-list {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.tp-booking-grid {
gap: 8px;
}
.tp-booking-step {
padding: 12px 8px 11px;
}
.tp-booking-step__head {
gap: 6px;
}
.tp-number {
width: 22px;
height: 22px;
font-size: 11px;
}
.tp-booking-step strong {
font-size: 11px;
}
.tp-lower-grid--booking .tp-booking-step {
padding: 13px 10px 12px;
}
.tp-lower-grid--booking .tp-booking-step strong {
font-size: 12px;
}
.tp-lower-grid--booking .tp-booking-text span {
font-size: 12px;
}
}
@media (max-width: 820px) {
.tp-shooting-time-note {
grid-template-columns: 1fr;
gap: 4px;
}
.tp-shooting-time-note strong {
white-space: normal;
}
.tp-shooting-stay-note {
grid-template-columns: 30px minmax(0, 1fr);
padding: 14px 16px;
}
#stay-plan {
padding-top: 40px;
}
.tp-container {
width: calc(100vw - 32px);
max-width: calc(100vw - 32px);
}
.tp-hero {
min-height: 330px;
background:
linear-gradient(180deg, rgba(0, 0, 0, 0.72) 0%, rgba(0, 0, 0, 0.38) 48%, rgba(0, 0, 0, 0.76) 100%),
var(--tp-hero-image);
background-position: center;
background-size: cover;
}
.tp-hero__content {
padding: 58px 0 64px;
}
.tp-section-meta {
align-items: start;
}
.tp-section-title {
gap: 8px;
}
.tp-rate-grid,
.tp-plan-grid,
.tp-stay-grid,
.tp-lower-grid,
.tp-stay-heading,
.tp-benefit-strip,
.tp-stay-card__body,
.tp-time-benefits,
.tp-booking-grid,
.tp-notes {
grid-template-columns: 1fr;
}
.tp-plan-card,
.tp-panel {
padding: 16px;
}
.tp-benefit-item {
grid-template-columns: 56px 1fr auto;
padding: 14px 0;
border-right: 0;
border-bottom: 1px solid var(--tp-border);
}
.tp-benefit-item:last-child {
border-bottom: 0;
}
.tp-benefit-icon {
width: 50px;
height: 50px;
}
.tp-benefit-icon .tp-icon-img {
--tp-icon-size: 48px;
}
.tp-use-list,
.tp-example-box ul {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.tp-commercial__lead,
.tp-example-box {
grid-template-columns: 1fr;
}
.tp-commercial {
grid-template-columns: 1fr;
}
.tp-commercial__side {
min-height: 0;
padding: 18px 0 0;
border-left: 0;
border-top: 1px solid var(--tp-border);
}
.tp-commercial__icon {
width: 52px;
height: 52px;
}
.tp-stay-meta {
grid-template-columns: 1fr;
gap: 10px;
}
.tp-included-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.tp-included-grid li:nth-child(5) {
grid-column: auto;
}
.tp-stay-benefit .tp-badge {
position: static;
width: auto;
min-height: 28px;
margin: 0 auto 14px;
border-radius: 999px;
}
.tp-time-benefits {
padding-right: 0;
}
.tp-section-title h2,
.tp-section-title p,
.tp-tax-note,
.tp-plan-card h3,
.tp-panel h3,
.tp-benefit-title,
.tp-benefit-item h4,
.tp-time-benefit strong,
.tp-booking-step strong,
.tp-bottom-heading span {
white-space: normal;
}
}
@media (max-width: 560px) {
.tp-hero h1 {
font-size: 34px;
}
.tp-hero p {
font-size: 15px;
}
.tp-section-head {
align-items: flex-start;
gap: 10px;
}
.tp-section-icon {
width: 34px;
height: 34px;
}
.tp-section-icon .tp-icon-img {
--tp-icon-size: 32px;
}
.tp-plan-card {
padding: 12px 10px;
overflow: hidden;
}
.tp-plan-card__head {
display: grid;
justify-items: center;
gap: 8px;
}
.tp-plan-card h3 {
font-size: 20px;
}
.tp-rate-table__label {
min-height: 30px;
font-size: 13px;
}
.tp-rate-table th,
.tp-rate-table td,
.tp-stay-table th,
.tp-stay-table td {
padding: 8px 3px;
font-size: 11px;
}
.tp-highlight {
font-size: 14px;
}
.tp-popular {
width: 26px;
height: 26px;
font-size: 8px;
}
.tp-time-cell {
gap: 2px;
}
.tp-stay-examples,
.tp-included-grid,
.tp-use-list,
.tp-example-box ul {
grid-template-columns: 1fr;
}
.tp-stay-example {
min-height: 96px;
}
.tp-benefit-title {
align-items: stretch;
font-size: 17px;
}
.tp-benefit-title::before,
.tp-benefit-title::after {
width: 34px;
}
}
.tp-rate-addons { margin-top: 20px; margin-bottom: 22px; }
.tp-rate-addons .tp-panel h3 { margin: 0 0 8px; font-size: 18px; text-align: left; }
.tp-rate-addons .tp-panel p { margin: 0 0 8px; }
.tp-rate-addons .tp-panel ul { margin: 6px 0 10px; padding-left: 1.2em; }
.tp-rate-addons .tp-panel li { margin-bottom: 4px; }
.tp-rate-addons .tp-addon-price { display: block; color: var(--tp-red); font-family: var(--tp-serif); font-size: 20px; font-weight: 700; line-height: 1.5; margin: 4px 0 10px; }
.tp-rate-addons .tp-addon-note { color: var(--tp-muted); font-size: 13px; }
.tp-rate-addons .tp-special-row { padding: 8px 0; border-top: 1px solid var(--tp-border); }
.tp-rate-addons .tp-special-row:first-of-type { border-top: 0; }
.tp-rate-addons .tp-special-row strong { display: block; }
.preserved-style-07a33d4e7a04{--tp-hero-image: url("/assets/e2963a4e53cc6f2de7.webp");}
.preserved-style-d83c2e91b4fd{font-size:16px; color:#071433;}
.preserved-style-38fc09ab80f6{font-size:10px; font-weight:600;}
.preserved-style-8b63ee20b836{font-size:16px; color:#a8171d;}
.preserved-style-38fc09ab80f6{font-size:10px; font-weight:600;}
.preserved-style-d83c2e91b4fd{font-size:16px; color:#071433;}
.preserved-style-38fc09ab80f6{font-size:10px; font-weight:600;}
.preserved-style-8b63ee20b836{font-size:16px; color:#a8171d;}
.preserved-style-38fc09ab80f6{font-size:10px; font-weight:600;}
.preserved-style-7ce8aa90ec4f{grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 28px;}
.preserved-style-1e2403b58a9a{color:#a8171d; font-size:16px; font-weight:800;}
.preserved-style-1e2403b58a9a{color:#a8171d; font-size:16px; font-weight:800;}
.preserved-style-587594f5d5fe{margin-top:7px; font-size:11px; color:#665b4d;}
.elementor-23 .elementor-element.elementor-element-377d637{--display:flex;}body.elementor-page-23{margin:82px 0px 0px 0px;}@media(max-width:767px){body.elementor-page-23{margin:65px 0px 0px 0px;}}
.source-content.elementor-23{--tp-bg: #f7f2ea;--tp-bg-soft: #fbf8f2;--tp-paper: #fffdf8;--tp-ink: #17130e;--tp-text: #262018;--tp-muted: #665b4d;--tp-border: rgba(77, 58, 35, 0.18);--tp-border-strong: rgba(169, 112, 38, 0.42);--tp-gold: #b47b22;--tp-gold-soft: #efe3d0;--tp-red: #a8171d;--tp-red-dark: #861016;--tp-navy: #071433;--tp-black: #11100e;--tp-shadow: 0 14px 34px rgba(52, 38, 20, 0.12);--tp-radius: 8px;--tp-serif: "Noto Serif JP", "Yu Mincho", "Hiragino Mincho ProN", serif;--tp-sans: "Noto Sans JP", "Yu Gothic", "Hiragino Kaku Gothic ProN", sans-serif;}
/* Restore the preserved full-width content without 100vw scrollbar overflow. */
.source-content{overflow-x:clip}.teppaku-renewal--elementor{width:100%;max-width:100%;margin-left:0;margin-right:0}.elementor-9>.e-con{padding:0}.elementor-9>.e-con>.e-con-inner{max-width:none}
.tr-map{display:flex;align-items:center;justify-content:center;padding:20px}.tr-map .tr-frame-btn{min-width:0;width:100%;text-align:center}
.stp-access-main-v1__map-area{grid-template-rows:auto;align-content:center}
.elementor-widget-image>.elementor-widget-container{height:auto}