{"id":45,"date":"2026-08-30T20:07:23","date_gmt":"2026-08-30T11:07:23","guid":{"rendered":"https:\/\/coffee-travel.com\/?page_id=45"},"modified":"2026-08-30T20:07:23","modified_gmt":"2026-08-30T11:07:23","slug":"45-2","status":"publish","type":"page","link":"https:\/\/coffee-travel.com\/","title":{"rendered":""},"content":{"rendered":"\n<!-- ============================================================\n  CoffeeTravel \u30c8\u30c3\u30d7\u30da\u30fc\u30b8\u672c\u6587\u30d6\u30ed\u30c3\u30af\n  \u56fa\u5b9a\u30da\u30fc\u30b8(\u30d5\u30ed\u30f3\u30c8\u30da\u30fc\u30b8)\u306b\u300c\u30ab\u30b9\u30bf\u30e0HTML\u300d\u30d6\u30ed\u30c3\u30af\u3068\u3057\u3066\u8cbc\u308a\u4ed8\u3051\u3002\n  \u30d8\u30c3\u30c0\u30fc(\u30ed\u30b4\u30fb\u30ca\u30d3)\u3068\u30d5\u30c3\u30bf\u30fc\u306f\u30c6\u30fc\u30de\u306e\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30d1\u30fc\u30c4\u5074\u3067\n  \u5225\u9014\u66f4\u65b0\u3059\u308b\u60f3\u5b9a\u306e\u305f\u3081\u3001\u3053\u3053\u306b\u306f\u542b\u3081\u3066\u3044\u307e\u305b\u3093\u3002\n============================================================ -->\n<div id=\"smp-top\">\n<style>\n  #smp-top {\n    --smp-off-white: #FAF9F6;\n    --smp-near-black: #1C1512;\n    --smp-brown-dark: #3E2723;\n    --smp-brown-mid: #8B5A3C;\n    --smp-brown-light: #C9A27E;\n    --smp-border: rgba(28, 21, 18, 0.12);\n    background: var(--smp-off-white);\n    color: var(--smp-near-black);\n    font-family: 'Noto Sans JP', sans-serif;\n    line-height: 1.8;\n    -webkit-font-smoothing: antialiased;\n    overflow-x: hidden;\n  }\n  #smp-top * { box-sizing: border-box; }\n  #smp-top h1, #smp-top h2, #smp-top h3 { font-family: 'Shippori Mincho', serif; font-weight: 600; letter-spacing: 0.02em; margin: 0; }\n  #smp-top p { margin: 0; }\n  #smp-top .smp-mono { font-family: 'DM Mono', monospace; letter-spacing: 0.03em; }\n  #smp-top .smp-wrap { max-width: 1080px; margin: 0 auto; padding: 0 28px; }\n  #smp-top a { color: inherit; text-decoration: none; }\n\n  \/* ---- HERO ---- *\/\n  #smp-top .smp-hero { padding: 96px 0 72px; border-bottom: 1px solid var(--smp-border); }\n  #smp-top .smp-hero .smp-eyebrow {\n    font-family: 'DM Mono', monospace; font-size: 12px; letter-spacing: 0.12em;\n    color: var(--smp-brown-mid); text-transform: uppercase; margin-bottom: 20px;\n  }\n  #smp-top .smp-hero h1 { font-size: 42px; line-height: 1.5; max-width: 640px; margin-bottom: 22px; }\n  #smp-top .smp-hero h1 em { font-style: normal; color: var(--smp-brown-mid); }\n  #smp-top .smp-hero p.smp-lead { font-size: 15px; max-width: 480px; color: rgba(28,21,18,0.72); margin-bottom: 32px; }\n  #smp-top .smp-btn-primary {\n    display: inline-block; background: var(--smp-near-black); color: var(--smp-off-white);\n    padding: 14px 28px; font-size: 14px; border-radius: 2px;\n  }\n  #smp-top .smp-btn-primary:hover { background: var(--smp-brown-dark); }\n\n  \/* ---- SECTION LABELS ---- *\/\n  #smp-top .smp-section { padding: 72px 0; border-bottom: 1px solid var(--smp-border); }\n  #smp-top .smp-section-head { display: flex; align-items: baseline; justify-content: space-between; margin-bottom: 40px; }\n  #smp-top .smp-section-head h2 { font-size: 24px; }\n  #smp-top .smp-section-head .smp-see-all { font-size: 13px; color: var(--smp-brown-mid); }\n\n  \/* ---- ARTICLES ---- *\/\n  #smp-top .smp-article-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; }\n  #smp-top .smp-article-card { display: block; }\n  #smp-top .smp-article-thumb {\n    aspect-ratio: 4\/3; background: linear-gradient(135deg, var(--smp-brown-light), var(--smp-brown-mid));\n    margin-bottom: 16px; position: relative; overflow: hidden;\n  }\n  #smp-top .smp-article-thumb .smp-tag {\n    position: absolute; bottom: 10px; left: 10px; background: rgba(28,21,18,0.75);\n    color: var(--smp-off-white); font-size: 11px; padding: 4px 10px; font-family: 'DM Mono', monospace;\n  }\n  #smp-top .smp-article-card h3 { font-size: 17px; line-height: 1.6; margin-bottom: 8px; }\n  #smp-top .smp-article-card p { font-size: 13px; color: rgba(28,21,18,0.6); }\n\n  \/* ---- ABOUT ---- *\/\n  #smp-top .smp-about { display: grid; grid-template-columns: 0.9fr 1.1fr; gap: 56px; align-items: center; }\n  #smp-top .smp-about h2 { font-size: 26px; line-height: 1.6; margin-bottom: 20px; }\n  #smp-top .smp-about p { font-size: 14px; color: rgba(28,21,18,0.72); margin-bottom: 14px; }\n  #smp-top .smp-about-visual {\n    aspect-ratio: 1\/1; background: var(--smp-near-black);\n    display: flex; align-items: center; justify-content: center;\n  }\n  #smp-top .smp-about-visual span { color: var(--smp-brown-light); font-family: 'DM Mono', monospace; font-size: 12px; }\n\n  \/* ---- AREA ---- *\/\n  #smp-top .smp-area-chips { display: flex; flex-wrap: wrap; gap: 12px; }\n  #smp-top .smp-area-chip {\n    border: 1px solid var(--smp-border); padding: 12px 22px; font-size: 14px;\n    display: flex; align-items: center; gap: 8px;\n  }\n  #smp-top .smp-area-chip:hover { border-color: var(--smp-brown-mid); color: var(--smp-brown-mid); }\n  #smp-top .smp-area-chip .smp-count { font-family: 'DM Mono', monospace; font-size: 11px; color: var(--smp-brown-mid); }\n\n  \/* ---- SHOP GRID ---- *\/\n  #smp-top .smp-shop-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; }\n  #smp-top .smp-shop-card {\n    border: 1px solid var(--smp-border); display: grid; grid-template-columns: 120px 1fr;\n  }\n  #smp-top .smp-shop-photo { background: linear-gradient(135deg, var(--smp-brown-mid), var(--smp-brown-dark)); }\n  #smp-top .smp-shop-body { padding: 18px 20px; }\n  #smp-top .smp-shop-area { font-family: 'DM Mono', monospace; font-size: 10px; color: var(--smp-brown-mid); text-transform: uppercase; margin-bottom: 6px; }\n  #smp-top .smp-shop-body h3 { font-size: 16px; margin-bottom: 6px; }\n  #smp-top .smp-shop-price { font-family: 'DM Mono', monospace; font-size: 13px; color: rgba(28,21,18,0.7); margin-bottom: 12px; }\n  #smp-top .smp-shop-actions { display: flex; gap: 14px; font-size: 12px; }\n  #smp-top .smp-shop-actions a.smp-buy { color: var(--smp-brown-dark); font-weight: 500; border-bottom: 1px solid var(--smp-brown-mid); }\n  #smp-top .smp-shop-actions a.smp-read { color: rgba(28,21,18,0.5); }\n\n  \/* ---- SNS ---- *\/\n  #smp-top .smp-sns { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 20px; }\n  #smp-top .smp-sns h2 { font-size: 22px; max-width: 380px; }\n  #smp-top .smp-sns-buttons { display: flex; gap: 14px; }\n  #smp-top .smp-sns-btn { border: 1px solid var(--smp-near-black); padding: 12px 24px; font-size: 13px; }\n  #smp-top .smp-sns-btn:hover { background: var(--smp-near-black); color: var(--smp-off-white); }\n\n  @media (max-width: 720px) {\n    #smp-top .smp-article-grid { grid-template-columns: 1fr; }\n    #smp-top .smp-about { grid-template-columns: 1fr; }\n    #smp-top .smp-shop-grid { grid-template-columns: 1fr; }\n    #smp-top .smp-hero h1 { font-size: 30px; }\n  }\n<\/style>\n\n<section class=\"smp-hero\">\n  <div class=\"smp-wrap\">\n    <div class=\"smp-eyebrow\">A HOME WEEKEND, DESIGNED WITH COFFEE<\/div>\n    <h1>\u5c4a\u3044\u305f\u4e00\u676f\u304b\u3089\u3001<br><em>\u4f11\u65e5<\/em>\u3092\u30c7\u30b6\u30a4\u30f3\u3059\u308b\u3002<\/h1>\n    <p class=\"smp-lead\">\u30b3\u30fc\u30d2\u30fc\u3068\u3001\u713c\u304d\u83d3\u5b50\u3068\u3001\u30d1\u30f3\u3068\u3001\u30b9\u30a4\u30fc\u30c4\u3002\u57fc\u7389\u306e\u5c0f\u3055\u306a\u5e97\u304b\u3089\u53d6\u308a\u5bc4\u305b\u3066\u3001\u8aad\u307f\u305f\u304b\u3063\u305f\u672c\u3084\u89b3\u305f\u304b\u3063\u305f\u4e00\u672c\u3068\u4e00\u7dd2\u306b\u3001\u5bb6\u3067\u904e\u3054\u3059\u4f11\u65e5\u3092\u3064\u304f\u308b\u3002<\/p>\n    <a class=\"smp-btn-primary\" href=\"#smp-articles\">\u6700\u65b0\u306e\u8a18\u4e8b\u3092\u8aad\u3080<\/a>\n  <\/div>\n<\/section>\n\n<section class=\"smp-section\" id=\"smp-articles\">\n  <div class=\"smp-wrap\">\n    <div class=\"smp-section-head\">\n      <h2>\u6700\u65b0\u306e\u4f11\u65e5\u30b3\u30fc\u30b9<\/h2>\n      <a class=\"smp-see-all\" href=\"#\">\u8a18\u4e8b\u4e00\u89a7\u3092\u898b\u308b \u2192<\/a>\n    <\/div>\n    <div class=\"smp-article-grid\">\n      <a class=\"smp-article-card\" href=\"#\">\n        <div class=\"smp-article-thumb\"><span class=\"smp-tag\">\u98ef\u80fd<\/span><\/div>\n        <h3>\u6df1\u714e\u308a\u306e\u4e00\u676f\u3068\u3001\u8aad\u307f\u305f\u304b\u3063\u305f\u4e00\u518a\u3002\u30ca\u30ab\u30b8\u30de\u3067\u6574\u3048\u308b\u79cb\u306e\u4f11\u65e5<\/h3>\n        <p>\u98ef\u80fd\u30ca\u30ab\u30b8\u30de\u306e\u8c46\u3068\u713c\u304d\u83d3\u5b50\u3092\u53d6\u308a\u5bc4\u305b\u3066\u3001\u7a4d\u8aad\u306e\u4e00\u518a\u3092\u958b\u304f\u3002\u5bb6\u3067\u5b8c\u7d50\u3059\u308b\u4f11\u65e5\u306e\u4f5c\u308a\u65b9\u3002<\/p>\n      <\/a>\n      <a class=\"smp-article-card\" href=\"#\">\n        <div class=\"smp-article-thumb\"><span class=\"smp-tag\">\u8349\u52a0<\/span><\/div>\n        <h3>\u30c8\u30ec\u30e2\u30ed\u306e\u4e00\u676f\u3068\u3001\u914d\u4fe1\u3067\u89b3\u308b\u4e00\u672c\u3002\u304a\u3046\u3061\u3067\u5b8c\u7d50\u3059\u308b\u9031\u672b<\/h3>\n        <p>\u53d6\u308a\u5bc4\u305b\u305f\u30d1\u30f3\u3068\u30b3\u30fc\u30d2\u30fc\u306b\u3001\u6c17\u306b\u306a\u3063\u3066\u3044\u305f\u30c9\u30e9\u30de\u3092\u6dfb\u3048\u3066\u904e\u3054\u3059\u571f\u66dc\u65e5\u3002<\/p>\n      <\/a>\n      <a class=\"smp-article-card\" href=\"#\">\n        <div class=\"smp-article-thumb\"><span class=\"smp-tag\">\u79e9\u7236<\/span><\/div>\n        <h3>Roast &amp; Research\u306e\u6d45\u714e\u308a\u3068\u3001\u9759\u304b\u306a\u5348\u5f8c\u306e\u8aad\u66f8<\/h3>\n        <p>\u79e9\u7236\u306e\u4e00\u676f\u3092\u6df9\u308c\u306a\u304c\u3089\u3001\u5c4a\u3044\u305f\u713c\u304d\u83d3\u5b50\u3068\u672c\u306e\u30da\u30fc\u30b8\u3092\u3081\u304f\u308b\u5348\u5f8c\u3002<\/p>\n      <\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"smp-section\" id=\"smp-about\">\n  <div class=\"smp-wrap smp-about\">\n    <div class=\"smp-about-visual\"><span>[ photo\uff1a\u304a\u3046\u3061\u306e\u4f11\u65e5 ]<\/span><\/div>\n    <div>\n      <h2>\u30b3\u30fc\u30d2\u30fc\u3092\u8d77\u70b9\u306b\u3001<br>\u4f11\u65e5\u3092\u30c7\u30b6\u30a4\u30f3\u3059\u308b\u3002<\/h2>\n      <p>\u57fc\u7389\u306e\u5c0f\u3055\u306a\u30ed\u30fc\u30b9\u30bf\u30fc\u3001\u713c\u304d\u83d3\u5b50\u30fb\u6d0b\u83d3\u5b50\u5e97\u3001\u30d1\u30f3\u5c4b\u306e\u5546\u54c1\u3092\u53d6\u308a\u5bc4\u305b\u3066\u3001\u5bb6\u3067\u904e\u3054\u3059\u4e00\u65e5\u3092\u3064\u304f\u308b\u30e1\u30c7\u30a3\u30a2\u3067\u3059\u3002\u3042\u308f\u305b\u3066\u8aad\u307f\u305f\u3044\u672c\u3001\u89b3\u305f\u3044\u4f5c\u54c1\u3082\u30bb\u30c3\u30c8\u3067\u3054\u7d39\u4ecb\u3057\u307e\u3059\u3002<\/p>\n      <p>\u5546\u54c1\u306f\u58f2\u308a\u307e\u305b\u3093\u3002\u305d\u308c\u305e\u308c\u306e\u5e97\u3067\u3001\u76f4\u63a5\u304a\u53d6\u308a\u5bc4\u305b\u3044\u305f\u3060\u3051\u307e\u3059\u3002<\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"smp-section\" id=\"smp-area\">\n  <div class=\"smp-wrap\">\n    <div class=\"smp-section-head\"><h2>\u30a8\u30ea\u30a2\u304b\u3089\u63a2\u3059<\/h2><\/div>\n    <div class=\"smp-area-chips\">\n      <a class=\"smp-area-chip\">\u98ef\u80fd <span class=\"smp-count\">03<\/span><\/a>\n      <a class=\"smp-area-chip\">\u79e9\u7236 <span class=\"smp-count\">02<\/span><\/a>\n      <a class=\"smp-area-chip\">\u5ddd\u53e3 <span class=\"smp-count\">01<\/span><\/a>\n      <a class=\"smp-area-chip\">\u5927\u5bae <span class=\"smp-count\">01<\/span><\/a>\n      <a class=\"smp-area-chip\">\u8349\u52a0\u5e02 <span class=\"smp-count\">02<\/span><\/a>\n      <a class=\"smp-area-chip\">\u3055\u3044\u305f\u307e\u5e02 <span class=\"smp-count\">01<\/span><\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"smp-section\" id=\"smp-shops\">\n  <div class=\"smp-wrap\">\n    <div class=\"smp-section-head\">\n      <h2>\u63b2\u8f09\u5e97\u4e00\u89a7<\/h2>\n      <a class=\"smp-see-all\" href=\"#\">\u5168\u5e97\u3092\u898b\u308b \u2192<\/a>\n    <\/div>\n    <div class=\"smp-shop-grid\">\n      <div class=\"smp-shop-card\">\n        <div class=\"smp-shop-photo\"><\/div>\n        <div class=\"smp-shop-body\">\n          <div class=\"smp-shop-area\">\u98ef\u80fd<\/div>\n          <h3>\u98ef\u80fdCOFFEE ROASTERY Nakajima<\/h3>\n          <div class=\"smp-shop-price smp-mono\">100g 825\u301c925\u5186 \u30fb \u5b9a\u671f\u4fbf\u3042\u308a<\/div>\n          <div class=\"smp-shop-actions\">\n            <a class=\"smp-buy\" href=\"#\" target=\"_blank\" rel=\"noopener\">\u30aa\u30f3\u30e9\u30a4\u30f3\u30b9\u30c8\u30a2\u3067\u898b\u308b<\/a>\n            <a class=\"smp-read\" href=\"#\">\u7d39\u4ecb\u8a18\u4e8b<\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"smp-shop-card\">\n        <div class=\"smp-shop-photo\"><\/div>\n        <div class=\"smp-shop-body\">\n          <div class=\"smp-shop-area\">\u5ddd\u53e3<\/div>\n          <h3>\u81ea\u5bb6\u7119\u714e\u73c8\u7432\u8c46\u5e97 \u67ca\u8c46<\/h3>\n          <div class=\"smp-shop-price smp-mono\">100g 950\u301c1,000\u5186 \u30fb \u98f2\u307f\u6bd4\u3079\u30bb\u30c3\u30c8\u3042\u308a<\/div>\n          <div class=\"smp-shop-actions\">\n            <a class=\"smp-buy\" href=\"#\" target=\"_blank\" rel=\"noopener\">\u30aa\u30f3\u30e9\u30a4\u30f3\u30b9\u30c8\u30a2\u3067\u898b\u308b<\/a>\n            <a class=\"smp-read\" href=\"#\">\u7d39\u4ecb\u8a18\u4e8b<\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"smp-shop-card\">\n        <div class=\"smp-shop-photo\"><\/div>\n        <div class=\"smp-shop-body\">\n          <div class=\"smp-shop-area\">\u8349\u52a0\u5e02<\/div>\n          <h3>\u30c8\u30ec\u30e2\u30ed\u30b3\u30fc\u30d2\u30fc\u30ed\u30fc\u30b9\u30bf\u30fc<\/h3>\n          <div class=\"smp-shop-price smp-mono\">100g 1,013\u301c1,175\u5186 \u30fb 3,500\u5186\u4ee5\u4e0a\u9001\u6599\u7121\u6599<\/div>\n          <div class=\"smp-shop-actions\">\n            <a class=\"smp-buy\" href=\"#\" target=\"_blank\" rel=\"noopener\">\u30aa\u30f3\u30e9\u30a4\u30f3\u30b9\u30c8\u30a2\u3067\u898b\u308b<\/a>\n            <a class=\"smp-read\" href=\"#\">\u7d39\u4ecb\u8a18\u4e8b<\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"smp-shop-card\">\n        <div class=\"smp-shop-photo\"><\/div>\n        <div class=\"smp-shop-body\">\n          <div class=\"smp-shop-area\">\u79e9\u7236<\/div>\n          <h3>\u3061\u3061\u3076\u30b3\u30fc\u30d2\u30fc Roast &amp; Research<\/h3>\n          <div class=\"smp-shop-price smp-mono\">100g 750\u5186 \u30fb 200g 1,500\u5186<\/div>\n          <div class=\"smp-shop-actions\">\n            <a class=\"smp-buy\" href=\"#\" target=\"_blank\" rel=\"noopener\">\u30aa\u30f3\u30e9\u30a4\u30f3\u30b9\u30c8\u30a2\u3067\u898b\u308b<\/a>\n            <a class=\"smp-read\" href=\"#\">\u7d39\u4ecb\u8a18\u4e8b<\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"smp-section\" style=\"border-bottom:none;\">\n  <div class=\"smp-wrap smp-sns\">\n    <h2>SNS\u3067\u3082\u3001\u30b3\u30fc\u30d2\u30fc\u3068\u304a\u3046\u3061\u6642\u9593\u306e\u30d2\u30f3\u30c8\u3092\u767a\u4fe1\u3057\u3066\u3044\u307e\u3059<\/h2>\n    <div class=\"smp-sns-buttons\">\n      <a class=\"smp-sns-btn\" href=\"#\">Instagram<\/a>\n      <a class=\"smp-sns-btn\" href=\"#\">X<\/a>\n      <a class=\"smp-sns-btn\" href=\"#\">Threads<\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>A HOME WEEKEND, DESIGNED WITH COFFEE \u5c4a\u3044\u305f\u4e00\u676f\u304b\u3089\u3001\u4f11\u65e5\u3092\u30c7\u30b6\u30a4\u30f3\u3059\u308b\u3002 \u30b3\u30fc\u30d2\u30fc\u3068\u3001\u713c\u304d\u83d3\u5b50\u3068\u3001\u30d1\u30f3\u3068\u3001\u30b9\u30a4\u30fc\u30c4\u3002\u57fc\u7389\u306e\u5c0f\u3055\u306a\u5e97\u304b\u3089\u53d6\u308a\u5bc4\u305b\u3066\u3001\u8aad\u307f\u305f\u304b\u3063\u305f\u672c\u3084\u89b3\u305f\u304b\u3063\u305f\u4e00\u672c\u3068\u4e00\u7dd2 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-45","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/coffee-travel.com\/index.php?rest_route=\/wp\/v2\/pages\/45","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/coffee-travel.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/coffee-travel.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/coffee-travel.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/coffee-travel.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=45"}],"version-history":[{"count":1,"href":"https:\/\/coffee-travel.com\/index.php?rest_route=\/wp\/v2\/pages\/45\/revisions"}],"predecessor-version":[{"id":49,"href":"https:\/\/coffee-travel.com\/index.php?rest_route=\/wp\/v2\/pages\/45\/revisions\/49"}],"wp:attachment":[{"href":"https:\/\/coffee-travel.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=45"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}