사진 갤러리
사진으로 Japan에서 먹을 것을 골라보세요!
수백 가지의 일본 요리 — 지역 특산품, 길거리 음식, 디저트와 제철 식재료 — 모두 한곳에. 이제껏 본 적 없는 것을 찾아보세요.
아무 사진이나 골라 전체 가이드를 읽어보세요
No items were found matching your selection.
.fijp-hero {
–orange: #f07f1b;
–orange-text: #b4560a;
–orange-disp: #c8650e;
–orange-light: #fff4eb;
–orange-mid: #fde8d0;
–ink: #1a1410;
–ink-mid: #4a3f35;
–ink-light: #6b5d52;
–border: #f0dcc4;
–sans: -apple-system, BlinkMacSystemFont, “Segoe UI”, “Helvetica Neue”,
“Hiragino Sans”, “Hiragino Kaku Gothic ProN”, “Yu Gothic”, Meiryo, sans-serif;
–serif: Georgia, “Times New Roman”, “Hiragino Mincho ProN”, “Yu Mincho”,
“MS PMincho”, serif;
font-family: var(–sans);
background: linear-gradient(120deg, var(–orange-light) 0%, #ffffff 58%);
border: 1px solid var(–border);
border-left: 5px solid var(–orange);
border-radius: 6px;
padding: 34px 38px;
/* 左右マージンは指定しない（alignwide のセンタリングを潰さないため） */
margin-bottom: 30px;
}
.fijp-hero *, .fijp-hero *::before, .fijp-hero *::after { box-sizing: border-box; }
/* ── 横並びの土台 */
.fijp-hero__inner {
display: flex;
align-items: center;
gap: 34px;
}
/* ── アイコン */
.fijp-hero__icon {
flex-shrink: 0;
width: 108px;
height: 108px;
display: flex;
align-items: center;
justify-content: center;
background: #ffffff;
border: 1px solid var(–border);
border-radius: 50%;
box-shadow: 0 0 0 7px rgba(240,127,27,.08);
}
.fijp-hero__icon img {
width: 60px;
height: 60px;
display: block;
}
/* ── テキスト側 */
.fijp-hero__body { flex: 1; min-width: 0; }
.fijp-hero__eyebrow {
display: flex;
align-items: center;
gap: 9px;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.18em;
text-transform: uppercase;
color: var(–ink-light);
margin-bottom: 11px;
}
.fijp-hero__eyebrow::before {
content: ”;
width: 3px;
height: 13px;
background: var(–orange);
border-radius: 1px;
flex-shrink: 0;
}
.fijp-hero__title {
font-family: var(–serif);
font-size: clamp(24px, 3.2vw, 40px);
font-weight: 700;
line-height: 1.24;
color: var(–ink);
margin: 0 0 13px;
max-width: 20em;
letter-spacing: 0.005em;
}
.fijp-hero__accent { color: var(–orange-disp); }
.fijp-hero__lead {
font-size: 15.5px;
line-height: 1.72;
color: var(–ink-mid);
margin: 0 0 20px;
max-width: 44em;
}
.fijp-hero__hint {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 13px;
font-weight: 600;
color: var(–orange-text);
background: #ffffff;
border: 1px solid var(–border);
border-radius: 100px;
padding: 9px 18px;
margin: 0;
}
.fijp-hero__hint::after {
content: ‘↓’;
font-size: 13px;
color: var(–orange);
}
/* ── 狭い画面：縦積み＋中央揃え */
@media (max-width: 820px) {
.fijp-hero {
padding: 30px 24px 26px;
border-left: 1px solid var(–border);
border-top: 4px solid var(–orange);
background: linear-gradient(180deg, var(–orange-light) 0%, #ffffff 62%);
}
.fijp-hero__inner { flex-direction: column; gap: 18px; text-align: center; }
.fijp-hero__icon { width: 82px; height: 82px; box-shadow: 0 0 0 6px rgba(240,127,27,.08); }
.fijp-hero__icon img { width: 46px; height: 46px; }
.fijp-hero__eyebrow { justify-content: center; }
.fijp-hero__title { margin-left: auto; margin-right: auto; }
.fijp-hero__lead { margin-left: auto; margin-right: auto; }
}
@media (max-width: 600px) {
.fijp-hero { padding: 26px 18px 24px; border-radius: 4px; margin-bottom: 22px; }
.fijp-hero__icon { width: 68px; height: 68px; }
.fijp-hero__icon img { width: 39px; height: 39px; }
.fijp-hero__lead { font-size: 14.5px; }
.fijp-hero__hint { font-size: 12.5px; padding: 8px 15px; }
}