/* * 旅吉 個別ホテル記事 仕上げレイヤー（v10.9.2） * 最新の個別記事デザインはそのままに、見出しを明朝体へ、写真・カードの質感を上品に整える。 * 個別ホテル記事（.tkg-lp-hotel-review）だけに適用。まとめ記事・トップには影響しない。 */ body.tkg-lp-hotel-review #tkg-lp-root .tkg-page { --tkg-luxe-serif: "Shippori Mincho B1", "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", YuMincho, serif; --tkg-luxe-radius: 18px; --tkg-luxe-ease: cubic-bezier(.2, .7, .2, 1); font-feature-settings: "palt" 1; } /* ---------- 見出しを明朝体に ---------- */ body.tkg-lp-hotel-review #tkg-lp-root .tkg-page .tkg-hero-title, body.tkg-lp-hotel-review #tkg-lp-root .tkg-page .tkg-heading, body.tkg-lp-hotel-review #tkg-lp-root .tkg-page .tkg-answer h2, body.tkg-lp-hotel-review #tkg-lp-root .tkg-page .tkg-story-title, body.tkg-lp-hotel-review #tkg-lp-root .tkg-page .tkg-related-feature h3, body.tkg-lp-hotel-review #tkg-lp-root .tkg-page .tkg-internal-compare__title { font-family: var(--tkg-luxe-serif) !important; font-weight: 700 !important; letter-spacing: .06em !important; font-feature-settings: "palt" 1; } body.tkg-lp-hotel-review #tkg-lp-root .tkg-page .tkg-hero-title { font-size: clamp(27px, 3.4vw, 42px) !important; line-height: 1.5 !important; letter-spacing: .05em !important; } body.tkg-lp-hotel-review #tkg-lp-root .tkg-page .tkg-heading-lg { font-size: clamp(25px, 2.9vw, 36px) !important; line-height: 1.6 !important; } body.tkg-lp-hotel-review #tkg-lp-root .tkg-page .tkg-heading-md { font-size: clamp(23px, 2.4vw, 31px) !important; line-height: 1.62 !important; } body.tkg-lp-hotel-review #tkg-lp-root .tkg-page .tkg-card-title, body.tkg-lp-hotel-review #tkg-lp-root .tkg-page .tkg-answer-grid h3, body.tkg-lp-hotel-review #tkg-lp-root .tkg-page .tkg-related-card h3 { font-family: var(--tkg-luxe-serif) !important; font-weight: 700 !important; letter-spacing: .04em !important; } /* 英字ラベル：細い罫線つきの上品なキャプション */ body.tkg-lp-hotel-review #tkg-lp-root .tkg-page .tkg-section-label, body.tkg-lp-hotel-review #tkg-lp-root .tkg-page .tkg-title-row > span, body.tkg-lp-hotel-review #tkg-lp-root .tkg-page .tkg-editorial-label { display: inline-flex; align-items: center; gap: 12px !important; font-size: 11px !important; font-weight: 600 !important; letter-spacing: .26em !important; text-transform: uppercase !important; } body.tkg-lp-hotel-review #tkg-lp-root .tkg-page .tkg-section-label::before, body.tkg-lp-hotel-review #tkg-lp-root .tkg-page .tkg-title-row > span::before, body.tkg-lp-hotel-review #tkg-lp-root .tkg-page .tkg-editorial-label::before { content: ""; display: block; width: 28px; height: 1px; background: currentColor; opacity: .55; } /* 本文：ゆとりのある行間 */ body.tkg-lp-hotel-review #tkg-lp-root .tkg-page .tkg-section-text, body.tkg-lp-hotel-review #tkg-lp-root .tkg-page .tkg-lead-text, body.tkg-lp-hotel-review #tkg-lp-root .tkg-page .tkg-welcome-text, body.tkg-lp-hotel-review #tkg-lp-root .tkg-page .tkg-story-text { line-height: 2.05 !important; letter-spacing: .04em !important; } /* ---------- 写真 ---------- */ body.tkg-lp-hotel-review #tkg-lp-root .tkg-page .tkg-hero-img, body.tkg-lp-hotel-review #tkg-lp-root .tkg-page .tkg-section-photo, body.tkg-lp-hotel-review #tkg-lp-root .tkg-page .tkg-photo-large, body.tkg-lp-hotel-review #tkg-lp-root .tkg-page .tkg-photo-small, body.tkg-lp-hotel-review #tkg-lp-root .tkg-page .tkg-list-photo, body.tkg-lp-hotel-review #tkg-lp-root .tkg-page .tkg-story-photo, body.tkg-lp-hotel-review #tkg-lp-root .tkg-page .tkg-wide-photo { overflow: hidden; isolation: isolate; } body.tkg-lp-hotel-review #tkg-lp-root .tkg-page .tkg-section-photo, body.tkg-lp-hotel-review #tkg-lp-root .tkg-page .tkg-photo-large, body.tkg-lp-hotel-review #tkg-lp-root .tkg-page .tkg-photo-small, body.tkg-lp-hotel-review #tkg-lp-root .tkg-page .tkg-story-photo, body.tkg-lp-hotel-review #tkg-lp-root .tkg-page .tkg-wide-photo { border-radius: var(--tkg-luxe-radius) !important; box-shadow: 0 30px 60px -28px var(--tkg-shadow, rgba(30, 40, 60, .25)), 0 2px 6px rgba(20, 30, 50, .05) !important; } body.tkg-lp-hotel-review #tkg-lp-root .tkg-page :is(.tkg-section-photo, .tkg-photo-large, .tkg-photo-small, .tkg-list-photo, .tkg-story-photo, .tkg-wide-photo) img { transition: transform 1.2s var(--tkg-luxe-ease), filter .6s ease; filter: saturate(1.04) contrast(1.02); } @media (hover: hover) { body.tkg-lp-hotel-review #tkg-lp-root .tkg-page :is(.tkg-section-photo, .tkg-photo-large, .tkg-photo-small, .tkg-list-photo, .tkg-story-photo, .tkg-wide-photo):hover img { transform: scale(1.035); } } /* 写真の下側に薄いグラデーション（PR表記を読みやすく） */ body.tkg-lp-hotel-review #tkg-lp-root .tkg-page .tkg-vc-auto-media::after { content: ""; position: absolute; inset: auto 0 0 0; height: 34%; background: linear-gradient(to top, rgba(10, 16, 26, .32), rgba(10, 16, 26, 0)); pointer-events: none; z-index: 2; } body.tkg-lp-hotel-review #tkg-lp-root .tkg-page .tkg-vc-auto-media > .tkg-vc-image-link > span { right: 10px; bottom: 10px; padding: 4px 9px; border-radius: 999px !important; background: rgba(12, 18, 28, .55); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); font-size: 10.5px !important; letter-spacing: .04em !important; } /* ---------- カード ---------- */ body.tkg-lp-hotel-review #tkg-lp-root .tkg-page :is(.tkg-list-card, .tkg-summary-item, .tkg-faq-item, .tkg-compare-card, .tkg-method-card, .tkg-review-insight, .tkg-answer-grid > article) { border: 1px solid rgba(var(--tkg-heading-rgb, 48, 79, 105), .1); box-shadow: 0 18px 40px -26px rgba(var(--tkg-heading-rgb, 48, 79, 105), .35) !important; transition: transform .5s var(--tkg-luxe-ease), box-shadow .5s var(--tkg-luxe-ease); } @media (hover: hover) { body.tkg-lp-hotel-review #tkg-lp-root .tkg-page :is(.tkg-list-card, .tkg-compare-card):hover { transform: translateY(-3px); box-shadow: 0 26px 50px -24px rgba(var(--tkg-heading-rgb, 48, 79, 105), .42) !important; } } body.tkg-lp-hotel-review #tkg-lp-root .tkg-page .tkg-list-body small, body.tkg-lp-hotel-review #tkg-lp-root .tkg-page .tkg-summary-item small { font-family: var(--tkg-luxe-serif) !important; letter-spacing: .18em !important; } /* FAQ：Q / A を明確に */ body.tkg-lp-hotel-review #tkg-lp-root .tkg-page .tkg-faq-item .tkg-card-title { position: relative; padding-left: 2.1em !important; } body.tkg-lp-hotel-review #tkg-lp-root .tkg-page .tkg-faq-item .tkg-card-title::before { content: "Q"; position: absolute; left: 0; top: -.05em; font-family: var(--tkg-luxe-serif) !important; font-size: 1.35em !important; color: var(--tkg-accent-2, #6f8da6); } body.tkg-lp-hotel-review #tkg-lp-root .tkg-page .tkg-faq-item > p { position: relative; padding-left: 2.1em !important; } body.tkg-lp-hotel-review #tkg-lp-root .tkg-page .tkg-faq-item > p::before { content: "A"; position: absolute; left: .1em; top: -.15em; font-family: var(--tkg-luxe-serif) !important; font-size: 1.35em !important; color: var(--tkg-accent, #8ca2b5); } /* ボタン：細身で上品に */ body.tkg-lp-hotel-review #tkg-lp-root .tkg-page :is(.tkg-reserve, .tkg-aff-btn, .tkg-black-btn, .tkg-white-btn, .tkg-related-main-btn) { letter-spacing: .1em !important; transition: transform .35s var(--tkg-luxe-ease), box-shadow .35s var(--tkg-luxe-ease), filter .35s ease; } @media (hover: hover) { body.tkg-lp-hotel-review #tkg-lp-root .tkg-page :is(.tkg-reserve, .tkg-aff-btn, .tkg-black-btn, .tkg-white-btn, .tkg-related-main-btn):hover { transform: translateY(-2px); filter: brightness(1.05); } } /* 見出しの下の短い罫線を細く上品に */ body.tkg-lp-hotel-review #tkg-lp-root .tkg-page .tkg-heading::after { height: 1px !important; opacity: .8; } /* 本物の見出しタグ（h2/h3）に変えたときのブラウザ既定・親テーマ装飾を打ち消す */ body.tkg-lp-hotel-review #tkg-lp-root .tkg-page h2.tkg-heading, body.tkg-lp-hotel-review #tkg-lp-root .tkg-page h3.tkg-card-title, body.tkg-lp-hotel-review #tkg-lp-root .tkg-page h3.tkg-story-title { background: none; border: 0; padding-top: 0; padding-right: 0; padding-bottom: 0; text-align: inherit; } body.tkg-lp-hotel-review #tkg-lp-root .tkg-page h2.tkg-heading::before, body.tkg-lp-hotel-review #tkg-lp-root .tkg-page h3.tkg-story-title::before { content: none; } @media (prefers-reduced-motion: reduce) { body.tkg-lp-hotel-review #tkg-lp-root .tkg-page * { transition: none !important; } } /* ---------- 写真の代わりのパネル（v10.9.5） ---------- * 内容に合う広告主写真がない枠は、空白にせず、段落の主題（客室・温泉・朝食など）を示す上品なパネルを出す。 * 写真ではないので、アフィリエイト画像のルールにも反しない。 */ body.tkg-lp-hotel-review #tkg-lp-root .tkg-page .tkg-photo-panel { position: relative; display: flex !important; flex-direction: column; align-items: center; justify-content: center; gap: 10px; min-height: 220px; aspect-ratio: 3 / 2; overflow: hidden; color: #fff; text-align: center; background: radial-gradient(120% 90% at 85% 10%, rgba(255,255,255,.18), rgba(255,255,255,0) 55%), repeating-linear-gradient(135deg, rgba(255,255,255,.05) 0 1px, rgba(255,255,255,0) 1px 14px), linear-gradient(150deg, var(--tkg-heading, #304f69), var(--tkg-accent-2, #6f8da6)) !important; border-radius: var(--tkg-luxe-radius, 18px); box-shadow: 0 30px 60px -30px var(--tkg-shadow, rgba(30, 40, 60, .3)); } body.tkg-lp-hotel-review #tkg-lp-root .tkg-page .tkg-photo-panel::before { content: ""; position: absolute; inset: 12px; border: 1px solid rgba(255,255,255,.28); border-radius: calc(var(--tkg-luxe-radius, 18px) - 8px); pointer-events: none; } body.tkg-lp-hotel-review #tkg-lp-root .tkg-page .tkg-photo-panel__icon { display: block; width: 54px; height: 54px; background: currentColor; opacity: .92; -webkit-mask: var(--tkg-panel-icon) center / contain no-repeat; mask: var(--tkg-panel-icon) center / contain no-repeat; } body.tkg-lp-hotel-review #tkg-lp-root .tkg-page .tkg-photo-panel__en { font-size: 11px !important; font-weight: 600; letter-spacing: .32em !important; opacity: .8; padding-left: .32em; } body.tkg-lp-hotel-review #tkg-lp-root .tkg-page .tkg-photo-panel__ja { font-family: var(--tkg-luxe-serif, serif) !important; font-size: clamp(18px, 2vw, 22px) !important; font-weight: 700; letter-spacing: .14em !important; } body.tkg-lp-hotel-review #tkg-lp-root .tkg-page .tkg-hero-img.tkg-photo-panel { aspect-ratio: auto; min-height: 100%; border-radius: inherit; } body.tkg-lp-hotel-review #tkg-lp-root .tkg-page .tkg-photo-small.tkg-photo-panel { min-height: 150px; } body.tkg-lp-hotel-review #tkg-lp-root .tkg-page .tkg-list-photo.tkg-photo-panel { border-radius: 0; box-shadow: none; min-height: 200px; } body.tkg-lp-hotel-review #tkg-lp-root .tkg-page .tkg-photo-panel[data-tkg-cat="room"] { --tkg-panel-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%2034V16M6%2027h36v7M42%2034V22a4%204%200%200%200-4-4H20v9M10%2022a4%204%200%201%200%208%200%204%204%200%201%200-8%200%22%2F%3E%3C%2Fsvg%3E"); } body.tkg-lp-hotel-review #tkg-lp-root .tkg-page .tkg-photo-panel[data-tkg-cat="bath"] { --tkg-panel-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%2030c4%206%2028%206%2032%200M6%2030h36M16%2022c-3-3%203-5%200-9M24%2022c-3-3%203-5%200-9M32%2022c-3-3%203-5%200-9%22%2F%3E%3C%2Fsvg%3E"); } body.tkg-lp-hotel-review #tkg-lp-root .tkg-page .tkg-photo-panel[data-tkg-cat="breakfast"] { --tkg-panel-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M10%2022h22v6a9%209%200%200%201-9%209h-4a9%209%200%200%201-9-9zM32%2024h3a4%204%200%200%201%200%208h-4M8%2040h28M17%2016c-2-2%202-4%200-7M24%2016c-2-2%202-4%200-7%22%2F%3E%3C%2Fsvg%3E"); } body.tkg-lp-hotel-review #tkg-lp-root .tkg-page .tkg-photo-panel[data-tkg-cat="dinner"] { --tkg-panel-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%2026h32a16%2016%200%200%201-32%200zM14%2040h20M30%208l-8%2014M36%2010l-10%2013%22%2F%3E%3C%2Fsvg%3E"); } body.tkg-lp-hotel-review #tkg-lp-root .tkg-page .tkg-photo-panel[data-tkg-cat="food"] { --tkg-panel-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%2026h32a16%2016%200%200%201-32%200zM14%2040h20M30%208l-8%2014M36%2010l-10%2013%22%2F%3E%3C%2Fsvg%3E"); } body.tkg-lp-hotel-review #tkg-lp-root .tkg-page .tkg-photo-panel[data-tkg-cat="exterior"] { --tkg-panel-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%2040h36M10%2040V20l14-10%2014%2010v20M18%2040V28h12v12M4%2022l20-14%2020%2014%22%2F%3E%3C%2Fsvg%3E"); } body.tkg-lp-hotel-review #tkg-lp-root .tkg-page .tkg-photo-panel[data-tkg-cat="view"] { --tkg-panel-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2038l12-16%208%2010%206-7%2014%2013zM34%2014a4%204%200%201%200%200.1%200%22%2F%3E%3C%2Fsvg%3E"); } body.tkg-lp-hotel-review #tkg-lp-root .tkg-page .tkg-photo-panel[data-tkg-cat="garden"] { --tkg-panel-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M24%2040V24M24%2024c-10%200-14-6-12-12%206%200%2010%203%2012%208%202-5%206-8%2012-8%202%206-2%2012-12%2012zM12%2040h24%22%2F%3E%3C%2Fsvg%3E"); } body.tkg-lp-hotel-review #tkg-lp-root .tkg-page .tkg-photo-panel[data-tkg-cat="lobby"] { --tkg-panel-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M24%206v6M16%2012h16l-4%2010H20zM24%2022v14M14%2040h20M12%2040V28M36%2040V28%22%2F%3E%3C%2Fsvg%3E"); } body.tkg-lp-hotel-review #tkg-lp-root .tkg-page .tkg-photo-panel[data-tkg-cat="pool"] { --tkg-panel-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%2030c4-3%208-3%2012%200s8%203%2012%200%208-3%2012%200M6%2038c4-3%208-3%2012%200s8%203%2012%200%208-3%2012%200M16%2026V10a3%203%200%200%201%206%200M28%2026V10a3%203%200%200%201%206%200M16%2016h12%22%2F%3E%3C%2Fsvg%3E"); } body.tkg-lp-hotel-review #tkg-lp-root .tkg-page .tkg-photo-panel[data-tkg-cat="art"] { --tkg-panel-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M18%208h12M20%208c0%206-8%208-8%2018a12%2012%200%200%200%2024%200c0-10-8-12-8-18M14%2040h20%22%2F%3E%3C%2Fsvg%3E"); } body.tkg-lp-hotel-review #tkg-lp-root .tkg-page .tkg-photo-panel[data-tkg-cat="kids"] { --tkg-panel-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M16%2016a4%204%200%201%200%200.1%200M32%2018a3%203%200%201%200%200.1%200M10%2040V28a6%206%200%200%201%2012%200v12M27%2040v-9a5%205%200%200%201%2010%200v9%22%2F%3E%3C%2Fsvg%3E"); } body.tkg-lp-hotel-review #tkg-lp-root .tkg-page .tkg-photo-panel[data-tkg-cat="access"] { --tkg-panel-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M14%208h20a4%204%200%200%201%204%204v18a4%204%200%200%201-4%204H14a4%204%200%200%201-4-4V12a4%204%200%200%201%204-4zM10%2022h28M16%2028h.1M32%2028h.1M16%2034l-4%206M32%2034l4%206%22%2F%3E%3C%2Fsvg%3E"); } body.tkg-lp-hotel-review #tkg-lp-root .tkg-page .tkg-photo-panel[data-tkg-cat="caution"] { --tkg-panel-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M24%206a18%2018%200%201%200%200.1%200M24%2016v10M24%2032v.1%22%2F%3E%3C%2Fsvg%3E"); } body.tkg-lp-hotel-review #tkg-lp-root .tkg-page .tkg-photo-panel[data-tkg-cat="stay"] { --tkg-panel-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%2040V18l16-10%2016%2010v22M8%2040h32M20%2040V30h8v10M16%2022h4M28%2022h4%22%2F%3E%3C%2Fsvg%3E"); } body.tkg-lp-hotel-review #tkg-lp-root .tkg-page .tkg-photo-panel:not([data-tkg-cat]) { --tkg-panel-icon: none; } body.tkg-lp-hotel-review #tkg-lp-root .tkg-page .tkg-photo-panel[data-tkg-cat="sightseeing"] { --tkg-panel-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M24%2042s-12-12-12-22a12%2012%200%200%201%2024%200c0%2010-12%2022-12%2022zM24%2016a4%204%200%201%200%200.1%200%22%2F%3E%3C%2Fsvg%3E"); } /* ---------- スマホ表示の調整（v10.9.7）：写真の代わりのパネルがつぶれないように ---------- */ @media (max-width: 768px) { body.tkg-lp-hotel-review #tkg-lp-root .tkg-page .tkg-hero-img.tkg-photo-panel { min-height: 220px !important; height: auto !important; aspect-ratio: auto !important; } }