:root{--color-primary:#0ea5e9;--color-primary-dark:#0284c7;--color-primary-light:#e0f2fe;--color-secondary:#f97316;--color-accent:#10b981;--color-dark:#0f172a;--color-gray-900:#1e293b;--color-gray-700:#334155;--color-gray-500:#64748b;--color-gray-300:#cbd5e1;--color-gray-100:#f1f5f9;--color-white:#fff;--color-bg:#f8fafc;--color-border:#e2e8f0;--shadow-sm:0 1px 2px rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-full:9999px;--font-sans:'Inter',-apple-system,BlinkMacSystemFont,'Hiragino Kaku Gothic ProN','Yu Gothic',sans-serif;--font-serif:'Noto Serif JP',Georgia,serif;--transition:all .3s cubic-bezier(.4,0,.2,1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);line-height:1.7;color:var(--color-gray-700);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{max-width:100%;height:auto;display:block}a{color:var(--color-primary);text-decoration:none;transition:var(--transition)}a:hover{color:var(--color-primary-dark)}h1,h2,h3,h4,h5,h6{color:var(--color-dark);font-weight:700;line-height:1.3}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}@media (min-width:768px){.container{padding:0 30px}}.site-header{background:var(--color-white);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:1000;backdrop-filter:blur(10px);background:rgba(255,255,255,.95)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:64px}.site-logo{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:800;color:var(--color-dark);text-decoration:none}.site-logo img{height:36px;width:auto}.site-logo:hover{color:var(--color-primary)}.menu-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;width:44px;height:44px;background:0 0;border:none;cursor:pointer;padding:10px;gap:5px}.menu-toggle span{display:block;width:24px;height:2px;background:var(--color-dark);border-radius:2px;transition:var(--transition)}.menu-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.main-nav{display:none;position:absolute;top:64px;left:0;right:0;background:var(--color-white);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-lg);padding:20px}.main-nav.active{display:block}.main-nav ul{list-style:none}.main-nav li{border-bottom:1px solid var(--color-border)}.main-nav li:last-child{border-bottom:none}.main-nav a{display:block;padding:12px 0;color:var(--color-gray-700);font-weight:500;font-size:15px}.main-nav a:hover{color:var(--color-primary)}@media (min-width:768px){.menu-toggle{display:none}.main-nav{display:block;position:static;background:0 0;border:none;box-shadow:none;padding:0}.main-nav ul{display:flex;gap:5px}.main-nav li{border:none}.main-nav a{padding:8px 16px;border-radius:var(--radius-full);font-size:14px}.main-nav a:hover{background:var(--color-primary-light);color:var(--color-primary-dark)}}.hero{background:linear-gradient(135deg,var(--color-primary) 0%,#0369a1 100%);color:var(--color-white);padding:60px 20px;text-align:center;position:relative;overflow:hidden}.hero:before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="%23ffffff" fill-opacity="0.05" d="M0,96L48,112C96,128,192,160,288,186.7C384,213,480,235,576,213.3C672,192,768,128,864,128C960,128,1056,192,1152,213.3C1248,235,1344,213,1392,202.7L1440,192L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"></path></svg>') no-repeat bottom;background-size:cover}.hero-content{position:relative;z-index:1;max-width:700px;margin:0 auto}.hero h1{font-size:clamp(28px,5vw,48px);font-weight:800;color:var(--color-white);margin-bottom:16px;line-height:1.2}.hero p{font-size:clamp(16px,2.5vw,20px);opacity:.9;margin-bottom:30px}.hero-search{display:flex;gap:10px;max-width:500px;margin:0 auto}.hero-search input{flex:1;padding:14px 20px;border:none;border-radius:var(--radius-full);font-size:16px;outline:none;box-shadow:var(--shadow-lg)}.hero-search button{padding:14px 28px;background:var(--color-secondary);color:var(--color-white);border:none;border-radius:var(--radius-full);font-size:16px;font-weight:600;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-lg)}.hero-search button:hover{background:#ea580c;transform:translateY(-2px)}@media (max-width:480px){.hero{padding:40px 15px}.hero-search{flex-direction:column}.hero-search button{width:100%}}.section-title{font-size:clamp(22px,3vw,32px);font-weight:800;color:var(--color-dark);margin-bottom:30px;position:relative;padding-left:16px}.section-title:before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--color-primary);border-radius:2px}.site-content{padding:40px 0}.content-grid{display:grid;grid-template-columns:1fr;gap:30px}@media (min-width:768px){.content-grid{grid-template-columns:1fr 320px}}.post-card{background:var(--color-white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid rgba(243,225,230,.9);transition:var(--transition);margin-bottom:24px}.post-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.post-card-image{position:relative;padding-top:56.25%;overflow:hidden}.post-card-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.post-card:hover .post-card-image img{transform:scale(1.05)}.post-card-badge{position:absolute;top:12px;left:12px;background:var(--color-primary);color:var(--color-white);padding:4px 12px;border-radius:var(--radius-full);font-size:12px;font-weight:600}.post-card-content{padding:20px}.post-card-meta{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--color-gray-500);margin-bottom:10px}.post-card-meta span{display:flex;align-items:center;gap:4px}.post-card-title{font-size:18px;font-weight:700;margin-bottom:10px;line-height:1.4}.post-card-title a{color:var(--color-dark)}.post-card-title a:hover{color:var(--color-primary)}.post-card-excerpt{font-size:14px;color:var(--color-gray-500);line-height:1.6;margin-bottom:15px}.post-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:15px;border-top:1px solid var(--color-border)}.post-card-author{display:flex;align-items:center;gap:10px}.post-card-author img{width:32px;height:32px;border-radius:50%;object-fit:cover}.post-card-author-name{font-size:13px;font-weight:600;color:var(--color-dark)}.read-more{font-size:14px;font-weight:600;color:var(--color-primary);display:flex;align-items:center;gap:4px}.read-more:hover{gap:8px}.hotel-card{background:var(--color-white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--color-border);transition:var(--transition);margin-bottom:20px}.hotel-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.hotel-card-image{position:relative;padding-top:60%;overflow:hidden}.hotel-card-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.hotel-card-badge{position:absolute;top:12px;right:12px;background:var(--color-accent);color:var(--color-white);padding:6px 12px;border-radius:var(--radius-full);font-size:14px;font-weight:700}.hotel-card-content{padding:18px}.hotel-card-title{font-size:16px;font-weight:700;margin-bottom:8px;line-height:1.4}.hotel-card-title a{color:var(--color-dark)}.hotel-card-location{font-size:13px;color:var(--color-gray-500);margin-bottom:8px;display:flex;align-items:center;gap:4px}.hotel-card-rating{display:flex;align-items:center;gap:6px;margin-bottom:10px}.hotel-card-stars{color:#fbbf24;font-size:14px}.hotel-card-score{font-size:14px;font-weight:700;color:var(--color-dark)}.hotel-card-count{font-size:12px;color:var(--color-gray-500)}.hotel-card-price{display:flex;align-items:baseline;gap:4px;margin-bottom:15px}.hotel-card-price-label{font-size:12px;color:var(--color-gray-500)}.hotel-card-price-value{font-size:24px;font-weight:800;color:var(--color-secondary)}.hotel-card-price-unit{font-size:13px;color:var(--color-gray-500)}.hotel-card-btn{display:block;width:100%;padding:12px;background:var(--color-secondary);color:var(--color-white);border:none;border-radius:var(--radius-md);font-size:15px;font-weight:700;text-align:center;cursor:pointer;transition:var(--transition)}.hotel-card-btn:hover{background:#ea580c;color:var(--color-white);transform:translateY(-1px)}.sidebar{display:flex;flex-direction:column;gap:24px}.sidebar-widget{background:var(--color-white);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-sm);border:1px solid var(--color-border)}.sidebar-widget-title{font-size:16px;font-weight:700;color:var(--color-dark);margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid var(--color-primary)}.search-widget input[type=text]{width:100%;padding:12px 16px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:14px;margin-bottom:10px;outline:none;transition:var(--transition)}.search-widget input[type=text]:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.search-widget button{width:100%;padding:12px;background:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:var(--transition)}.search-widget button:hover{background:var(--color-primary-dark)}.popular-posts li{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--color-border)}.popular-posts li:last-child{border-bottom:none}.popular-posts-thumb{width:70px;height:70px;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0}.popular-posts-thumb img{width:100%;height:100%;object-fit:cover}.popular-posts-info{flex:1}.popular-posts-title{font-size:14px;font-weight:600;line-height:1.4;margin-bottom:4px}.popular-posts-title a{color:var(--color-dark)}.popular-posts-title a:hover{color:var(--color-primary)}.popular-posts-date{font-size:12px;color:var(--color-gray-500)}.category-list li{padding:8px 0;border-bottom:1px solid var(--color-border)}.category-list li:last-child{border-bottom:none}.category-list a{display:flex;justify-content:space-between;align-items:center;color:var(--color-gray-700);font-size:14px}.category-list a:hover{color:var(--color-primary)}.category-list .count{background:var(--color-gray-100);padding:2px 8px;border-radius:var(--radius-full);font-size:12px}.site-footer{background:var(--color-dark);color:var(--color-gray-300);padding:50px 0 20px}.footer-grid{display:grid;grid-template-columns:1fr;gap:30px;margin-bottom:40px}@media (min-width:768px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr}}.footer-section h4{color:var(--color-white);font-size:16px;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid var(--color-primary);display:inline-block}.footer-section p{font-size:14px;line-height:1.7}.footer-section ul{list-style:none}.footer-section li{padding:6px 0}.footer-section a{color:var(--color-gray-300);font-size:14px}.footer-section a:hover{color:var(--color-primary)}.footer-bottom{text-align:center;padding-top:20px;border-top:1px solid var(--color-gray-700);font-size:13px;color:var(--color-gray-500)}.footer-bottom a{color:var(--color-primary)}.page-header{background:linear-gradient(135deg,var(--color-primary) 0%,#0369a1 100%);color:var(--color-white);padding:50px 20px;text-align:center;position:relative}.page-header h1{font-size:clamp(24px,4vw,36px);color:var(--color-white);margin-bottom:10px}.page-header--compact{padding:28px 20px;background:linear-gradient(135deg,var(--color-primary) 0%,#0284c7 55%,#0369a1 100%)}.page-header--compact h1{font-size:clamp(18px,3vw,26px);font-weight:700}.page-header--compact .breadcrumb{font-size:12px;opacity:.85;margin-top:6px}.page-header .breadcrumb{font-size:14px;opacity:.8}.page-header .breadcrumb a{color:var(--color-white)}.single-content{background:var(--color-white);border-radius:var(--radius-lg);padding:30px;box-shadow:var(--shadow-sm);border:1px solid var(--color-border)}@media (max-width:767px){.single-content{padding:20px 15px}}.single-content .entry-title{font-size:clamp(22px,4vw,32px);margin-bottom:15px;line-height:1.3}.single-meta{display:flex;flex-wrap:wrap;gap:15px;font-size:14px;color:var(--color-gray-500);margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--color-border)}.single-thumbnail{margin-bottom:25px;border-radius:var(--radius-md);overflow:hidden}.single-thumbnail img{width:100%;height:auto}.entry-content{font-size:16px;line-height:1.9}.entry-content h2{font-size:24px;margin:40px 0 20px;padding-bottom:10px;border-bottom:2px solid var(--color-primary)}.entry-content h3{font-size:20px;margin:30px 0 15px}.entry-content p{margin-bottom:20px}.entry-content ul,.entry-content ol{margin:20px 0;padding-left:25px}.entry-content li{margin-bottom:10px}.entry-content blockquote{background:var(--color-primary-light);border-left:4px solid var(--color-primary);padding:20px;margin:25px 0;border-radius:0 var(--radius-md) var(--radius-md) 0;font-style:italic}.entry-content img{border-radius:var(--radius-md);margin:20px 0}.entry-content code{background:var(--color-gray-100);padding:2px 6px;border-radius:4px;font-size:14px}.entry-content pre{background:var(--color-dark);color:var(--color-white);padding:20px;border-radius:var(--radius-md);overflow-x:auto;margin:20px 0}.entry-content pre code{background:0 0;padding:0;color:inherit}.pagination{display:flex;justify-content:center;gap:8px;margin-top:40px;flex-wrap:wrap}.pagination .page-numbers{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:14px;font-weight:500;color:var(--color-gray-700);transition:var(--transition)}.pagination .page-numbers:hover{background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.pagination .page-numbers.current{background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.hotel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}@media (max-width:640px){.hotel-grid{grid-template-columns:1fr}}.affiliate-disclosure{background:#fffbeb;border:1px solid #fcd34d;border-radius:var(--radius-md);padding:15px 20px;margin:20px 0;font-size:13px;color:#92400e;line-height:1.6}.back-to-top{position:fixed;bottom:30px;right:30px;width:48px;height:48px;background:var(--color-primary);color:var(--color-white);border:none;border-radius:50%;font-size:20px;cursor:pointer;box-shadow:var(--shadow-lg);transition:var(--transition);opacity:0;visibility:hidden;z-index:999}.back-to-top.visible{opacity:1;visibility:visible}.back-to-top:hover{background:var(--color-primary-dark);transform:translateY(-3px)}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute !important;width:1px;word-wrap:normal !important}.text-center{text-align:center}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}