/* Bento Grid Layout */
.hub-grid {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 25px;
margin: 40px 0;
}
.hub-card {
display: flex;
flex-direction: column;
justify-content: space-between;
transition: transform 0.3s, box-shadow 0.3s;
height: 100%;
border: 1px solid #f0f0f0;
background: white;
position: relative;
overflow: hidden;
}
.hub-card:hover {
transform: translateY(-5px);
box-shadow: 0 15px 30px rgba(0,0,0,0.1);
border-color: var(–red);
}
/* Grid Configuration – Optimized Layout */
/* Row 1: The two giants */
.card-ryokan { grid-column: span 7; }
.card-biz { grid-column: span 5; }
/* Row 2: Specific alternatives (3 equal blocks) */
.card-hostel { grid-column: span 4; }
.card-love { grid-column: span 4; }
.card-apt { grid-column: span 4; }
/* Mobile: Stack everything */
@media (max-width: 900px) {
.card-ryokan, .card-biz, .card-hostel, .card-love, .card-apt {
grid-column: span 12;
}
}
/* Visual Elements */
.hub-icon {
font-size: 2.5rem;
margin-bottom: 15px;
background: var(–beige);
width: 60px;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
color: var(–red);
}
.hub-title { font-size: 1.4rem; font-weight: 700; margin-bottom: 10px; color: #1a1a1a; }
.hub-desc {
color: var(–grey);
font-size: 0.95rem;
margin-bottom: 20px;
line-height: 1.5;
flex-grow: 1;
}
/* Badges */
.must-do-badge {
position: absolute;
top: 15px; right: 15px;
background: var(–gold);
color: white;
font-size: 0.75rem;
font-weight: 700;
padding: 5px 10px;
border-radius: 20px;
}
.insider-badge {
position: absolute;
top: 15px; right: 15px;
background: #2c3e50;
color: white;
font-size: 0.75rem;
font-weight: 700;
padding: 5px 10px;
border-radius: 20px;
}
/* Budget Gauge */
.budget-gauge {
display: flex;
align-items: center;
gap: 5px;
font-size: 0.85rem;
font-weight: 600;
color: #1a1a1a;
margin-bottom: 20px;
background: #fafafa;
padding: 8px 12px;
border-radius: 8px;
width: fit-content;
}
.dots { display: flex; gap: 3px; margin-left: 8px; }
.dot { width: 10px; height: 10px; border-radius: 50%; background: #ddd; }
.dot.active { background: var(–red); }
.hub-link {
color: var(–red);
font-weight: 700;
text-decoration: none;
display: flex;
align-items: center;
gap: 5px;
transition: color 0.2s;
}
.hub-link:hover { text-decoration: underline; color: #a01e23; }
/* Simulator Banner */
.cta-banner {
background: #1a1a1a;
color: white;
border-radius: 20px;
padding: 50px;
text-align: center;
margin: 60px 0;
position: relative;
overflow: hidden;
}
.cta-banner::before {
content: »;
position: absolute;
top: 0; left: 0; width: 100%; height: 5px;
background: var(–red);
}
/* Comparison Table */
.comparison-wrap {
overflow-x: auto;
margin-top: 30px;
border-radius: 12px;
box-shadow: 0 5px 20px rgba(0,0,0,0.05);
}
.comp-table {
width: 100%;
border-collapse: collapse;
background: white;
min-width: 600px; /* Ensures scroll on mobile */
}
.comp-table th { background: var(–red); color: white; padding: 18px; text-align: left; white-space: nowrap; }
.comp-table td { padding: 15px 18px; border-bottom: 1px solid #eee; color: #444; }
/* Info Box Tatami */
.tatami-box {
background: #fdfbf7;
border: 1px solid #e8dac1;
padding: 25px;
border-radius: 10px;
margin-top: 40px;
display: flex;
gap: 20px;
align-items: flex-start;
}
.tatami-icon { font-size: 2rem; }
@media (max-width: 768px) {
.tatami-box { flex-direction: column; }
}
Où séjourner au Japon ?
Des hôtels capsules futuristes aux Ryokans traditionnels, l’hébergement est une aventure en soi.
Attention : les prix sont souvent indiqués « par personne », pas « par chambre ».
Découvrir les options
Choc culturel : Au Japon, une chambre d’hôtel standard est purement fonctionnelle (et minuscule !), tandis qu’un Ryokan est une destination en soi.
Votre stratégie d’hébergement peut tripler votre budget — ou le préserver. Voici le détail.
Types d’hébergement & budgets
L’expérience ultime
🍵
Ryokan traditionnel
Plus qu’un hôtel, c’est une immersion dans le Japon ancestral. Sols en tatami, futons, onsen, et dîner gastronomique (Kaiseki) servi dans votre chambre.
Conseil : C’est cher. Prévoyez 1 ou 2 nuits max durant votre voyage (par ex., à Hakone ou Miyajima) pour vivre la magie sans vous ruiner.
Comment réserver un Ryokan ?
🛏️
Hôtels d’affaires
L’efficacité japonaise. Des chaînes comme APA, Toyoko Inn ou Dormy Inn proposent des chambres impeccables, bien situées, mais souvent petites (11-14 m²).
Bonus : Pyjama, brosse à dents et rasoirs toujours fournis.
Guide des chaînes hôtelières →
🎒
Auberges & capsules
Oubliez les clichés. Les auberges japonaises sont modernes, calmes et ultra-propres.
Les hôtels capsules sont amusants à tester une nuit (ambiance Sci-Fi), mais les auberges favorisent la sociabilité.
Meilleures options budget →
Astuce d’initié
🏩
Love Hotels
Ne vous fiez pas au nom ! Grandes chambres, jacuzzi, karaoké… luxe abordable pour couples.
Note : généralement réservé aux 18 ans et plus. Excellent rapport qualité/prix.
Pourquoi séjourner dans un Love Hotel ? →
🔑
Airbnb / Locations
Souvent la seule option économique viable pour familles ou groupes de 4+.
Règles strictes à respecter (tri des déchets, silence).
Airbnb, ça vaut le coup ? →
Simulez votre budget hébergement
Entre une nuit à 400 $ en Ryokan et dix nuits en hôtel d’affaires, la note change vite.
Calculez le coût réel de votre séjour selon vos dates de voyage.
Lancer le calculateur de budget
📏
Comprendre les tailles de chambre
L’immobilier est cher au Japon. Ne soyez pas surpris :
• 11-13 m² : Chambre d’hôtel « semi-double » (espace restreint pour 2 valises).
• 20 m² + : Considéré comme « luxe » dans les hôtels standards, mais standard dans les Love Hotels.
• Tatami (Jō) : unité de mesure traditionnelle (≈ 1,6 m²).
📊 Comparaison des prix (par nuit / par personne)
| Type d’hébergement |
Prix moyen (JPY) |
Prix moyen (USD) |
Prix moyen (EUR) |
Verdict |
| Auberge / Capsule |
3 500 – 6 000 ¥ |
23 $ – 40 $ |
20 € – 35 € |
Solo & budget |
| Hôtel d’affaires (***) |
8 000 – 15 000 ¥ |
53 $ – 100 $ |
45 € – 85 € |
Efficacité standard |
| Love Hotel (par chambre) |
9 000 – 16 000 ¥ |
60 $ – 105 $ |
50 € – 90 € |
Meilleur rapport taille/prix (couples) |
| Ryokan (demi-pension) |
20 000 – 35 000 ¥ |
130 $ – 230 $ |
110 € – 200 € |
Expérience culturelle |
*Prix indicatifs. En haute saison (floraison des cerisiers), ajoutez +30 à 50 %.