{"id":7,"date":"2026-06-27T15:01:20","date_gmt":"2026-06-27T06:01:20","guid":{"rendered":"https:\/\/shibajourney.com\/?page_id=7"},"modified":"2026-06-27T15:16:02","modified_gmt":"2026-06-27T06:16:02","slug":"home","status":"publish","type":"page","link":"https:\/\/shibajourney.com\/","title":{"rendered":"Home"},"content":{"rendered":"\n<!-- ============================================================\n     SHIBA JOURNEY \u2014 Hero Section (\u753b\u50cf\u7248)\n     WordPress \u30ab\u30b9\u30bf\u30e0HTML\u30d6\u30ed\u30c3\u30af\u306b\u4e38\u3054\u3068\u8cbc\u308a\u4ed8\u3051\u53ef\u80fd\u3002\n     CSS\u306f\u5168\u3066 .sj-hero \u914d\u4e0b\u306b\u30b9\u30b3\u30fc\u30d7\u6e08\u307f\uff08\u30c6\u30fc\u30de\u3068\u885d\u7a81\u3057\u307e\u305b\u3093\uff09\u3002\n\n     \u2605WordPress\u3067\u4f7f\u3046\u3068\u304d\u2605\n     1. \u5207\u308a\u51fa\u3057\u305f\u67f4\u72acPNG\uff08shiba-muscle.png\uff09\u3092\u30e1\u30c7\u30a3\u30a2\u306b\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\n     2. \u4e0b\u306e <img decoding=\"async\" class=\"sj-hero__shiba-img\" ... src=\"DATA_URI\"> \u306e\n        src \u3092\u3001\u30a2\u30c3\u30d7\u3057\u305f\u753b\u50cf\u306eURL\u306b\u5dee\u3057\u66ff\u3048\u308b\n        \uff08\u30d7\u30ec\u30d3\u30e5\u30fc\u7528\u306b\u753b\u50cf\u3092\u57cb\u3081\u8fbc\u3093\u3067\u3044\u308b\u3060\u3051\u306a\u306e\u3067\u3001\u672c\u756a\u306fURL\u63a8\u5968\uff09\n     ============================================================ -->\n\n<section class=\"sj-hero\" aria-label=\"SHIBA JOURNEY\">\n\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,400;1,9..144,300&#038;family=Zen+Maru+Gothic:wght@400;500&#038;display=swap\" rel=\"stylesheet\">\n\n  <div class=\"sj-hero__inner\">\n\n    <p class=\"sj-hero__brand\">SHIBA&nbsp;JOURNEY<\/p>\n\n    <!-- \u30de\u30c3\u30b9\u30eb\u67f4\u72ac\uff08\u6b69\u304f\u30fb\u547c\u5438\u3059\u308b\uff09 -->\n    <div class=\"sj-hero__shiba\">\n      <img loading=\"lazy\" decoding=\"async\" class=\"sj-hero__shiba-img\"\n           src=\"https:\/\/shibajourney.com\/wp-content\/uploads\/2026\/06\/Muscle-Shiba_\u30ea\u30e5\u30c3\u30af_Short-Legs_v6\u30dc\u30c8\u30eb\u4fee\u6b63_\u767d\u629c\u304d_\u72ac\u306e\u307f.png\"\n           alt=\"\u30d7\u30ed\u30c6\u30a4\u30f3\u3092\u624b\u306b\u6b69\u304f\u30de\u30c3\u30b9\u30eb\u67f4\u72ac\"\n           width=\"720\" height=\"685\">\n    <\/div>\n\n    <h1 class=\"sj-hero__tagline\">No&nbsp;rush.<br>Your&nbsp;journey.<\/h1>\n\n    <p class=\"sj-hero__sub\">\u6025\u304e\u3059\u304e\u308b\u306a\u3002\u81ea\u5206\u306e\u30da\u30fc\u30b9\u3067\u3002<\/p>\n\n  <\/div>\n\n  <a class=\"sj-hero__scroll\" href=\"#sj-next\" aria-label=\"\u6b21\u306e\u30bb\u30af\u30b7\u30e7\u30f3\u3078\">\n    <span class=\"sj-hero__scroll-line\"><\/span>\n  <\/a>\n\n  <style>\n    .sj-hero{\n      --cream:#faf7f1;\n      --ink:#1f1e1b;\n      --shiba:#c8843e;\n      --sand:#e8dcc8;\n\n      position:relative;\n      min-height:100svh;\n      min-height:100vh;\n      display:flex;\n      flex-direction:column;\n      align-items:center;\n      justify-content:center;\n      background:var(--cream);\n      color:var(--ink);\n      text-align:center;\n      overflow:hidden;\n      padding:64px 24px;\n      box-sizing:border-box;\n    }\n    .sj-hero *{box-sizing:border-box;}\n\n    .sj-hero__inner{\n      display:flex;\n      flex-direction:column;\n      align-items:center;\n      max-width:680px;\n      width:100%;\n    }\n\n    .sj-hero__brand{\n      font-family:\"Zen Maru Gothic\",sans-serif;\n      font-weight:500;\n      font-size:13px;\n      letter-spacing:.42em;\n      margin:0 0 32px;\n      padding-left:.42em;\n      color:var(--ink);\n      opacity:0;\n      animation:sj-fade .9s ease .2s forwards;\n    }\n\n    \/* \u67f4\u72ac\u753b\u50cf *\/\n    .sj-hero__shiba{\n      width:300px;\n      max-width:74vw;\n      margin-bottom:28px;\n      opacity:0;\n      animation:sj-rise 1.1s cubic-bezier(.2,.7,.2,1) .45s forwards;\n    }\n    .sj-hero__shiba-img{\n      width:100%;\n      height:auto;\n      display:block;\n      \/* \u6b69\u3044\u3066\u3044\u308b\u5730\u9762\u306b\u3001\u3084\u308f\u3089\u304b\u3044\u5f71\u3092\u843d\u3068\u3059 *\/\n      filter:drop-shadow(0 14px 16px rgba(31,30,27,.10));\n      transform-origin:50% 100%;\n      animation:sj-breathe 5s ease-in-out infinite;\n    }\n\n    .sj-hero__tagline{\n      font-family:\"Fraunces\",Georgia,serif;\n      font-weight:300;\n      font-size:clamp(38px,11vw,68px);\n      line-height:1.04;\n      letter-spacing:-.01em;\n      margin:0 0 22px;\n      color:var(--ink);\n      opacity:0;\n      animation:sj-rise 1s cubic-bezier(.2,.7,.2,1) .7s forwards;\n    }\n\n    .sj-hero__sub{\n      font-family:\"Zen Maru Gothic\",sans-serif;\n      font-weight:400;\n      font-size:15px;\n      letter-spacing:.16em;\n      line-height:1.9;\n      margin:0;\n      color:var(--ink);\n      opacity:0;\n      animation:sj-fade 1s ease .95s forwards;\n    }\n\n    .sj-hero__scroll{\n      position:absolute;\n      left:50%;\n      bottom:34px;\n      transform:translateX(-50%);\n      width:24px;height:48px;\n      display:flex;justify-content:center;\n      opacity:0;\n      animation:sj-fade 1s ease 1.4s forwards;\n    }\n    .sj-hero__scroll-line{\n      width:1px;height:100%;\n      background:linear-gradient(var(--ink),rgba(31,30,27,0));\n      animation:sj-scroll 2.8s ease-in-out infinite;\n      transform-origin:top;\n    }\n\n    @keyframes sj-fade{to{opacity:1;}}\n    @keyframes sj-rise{from{opacity:0;transform:translateY(16px);}to{opacity:1;transform:translateY(0);}}\n    \/* \u547c\u5438\uff1a\u6b69\u304d\u306a\u304c\u3089\u3086\u3063\u304f\u308a\u4e0a\u4e0b\uff085\u79d2\uff09 *\/\n    @keyframes sj-breathe{0%,100%{transform:translateY(0);}50%{transform:translateY(-5px);}}\n    @keyframes sj-scroll{\n      0%{transform:scaleY(0);opacity:0;}\n      30%{opacity:1;}\n      60%{transform:scaleY(1);opacity:1;}\n      100%{transform:scaleY(1) translateY(14px);opacity:0;}\n    }\n\n    @media (prefers-reduced-motion:reduce){\n      .sj-hero *{animation:none !important;opacity:1 !important;transform:none !important;}\n    }\n\n    @media (min-width:768px){\n      .sj-hero__shiba{width:360px;}\n      .sj-hero__brand{font-size:14px;margin-bottom:40px;}\n      .sj-hero__sub{font-size:16px;}\n    }\n\n    .sj-hero__scroll:focus-visible{\n      outline:2px solid var(--ink);\n      outline-offset:6px;\n      border-radius:4px;\n    }\n  <\/style>\n<\/section>\n\n\n\n<section class=\"sj-manifesto\">\n  <div class=\"sj-manifesto-inner\">\n    <p class=\"sj-line\">\u4eba\u751f\u306f\u7af6\u4e89\u3067\u306f\u306a\u3044\u3002<\/p>\n    <p class=\"sj-line\">\u52aa\u529b\u3057\u3066\u3082\u3001\u3046\u307e\u304f\u3044\u304b\u306a\u3044\u65e5\u304c\u3042\u308b\u3002<\/p>\n    <p class=\"sj-line\">\u524d\u306b\u9032\u3081\u306a\u3044\u65e5\u3082\u3042\u308b\u3002<\/p>\n    <p class=\"sj-line\">\u4eba\u3068\u6bd4\u3079\u3066\u3001\u81ea\u5206\u306f\u99c4\u76ee\u3060\u3068\u601d\u3063\u3066\u3057\u307e\u3046\u65e5\u3082\u3042\u308b\u3002<\/p>\n    <p class=\"sj-line\">\u305d\u308c\u3067\u3082\u3001\u8ab0\u304b\u3068\u7af6\u3046\u5fc5\u8981\u306f\u306a\u3044\u3002<\/p>\n    <p class=\"sj-line\">\u5927\u5207\u306a\u306e\u306f\u3001\u81ea\u5206\u3089\u3057\u3044\u30da\u30fc\u30b9\u3067\u6b69\u307f\u7d9a\u3051\u308b\u3053\u3068\u3002<\/p>\n    <p class=\"sj-line sj-line-accent\">\u79c1\u305f\u3061\u306f\u3001\u305d\u306e\u6b69\u307f\u3092\u5fdc\u63f4\u3057\u305f\u3044\u3002<\/p>\n  <\/div>\n<\/section>\n\n<style>\n.sj-manifesto{\n  width:100vw;\n  margin-left:calc(50% - 50vw);\n  background:#faf7f1;\n  color:#1f1e1b;\n  padding:22vh 8vw 26vh;\n  box-sizing:border-box;\n}\n.sj-manifesto-inner{\n  max-width:680px;\n  margin:0 auto;\n}\n.sj-manifesto .sj-line{\n  font-family:\"Zen Maru Gothic\", sans-serif;\n  font-weight:500;\n  font-size:clamp(1.15rem, 2.4vw, 1.6rem);\n  line-height:2.1;\n  letter-spacing:0.04em;\n  margin:0 0 2.6em;\n  text-align:center;\n  opacity:0;\n  transform:translateY(18px);\n  transition:opacity 1.4s ease, transform 1.4s ease;\n}\n.sj-manifesto .sj-line.is-visible{\n  opacity:1;\n  transform:translateY(0);\n}\n.sj-manifesto .sj-line-accent{\n  color:#c8843e;\n  margin-top:1.4em;\n}\n<\/style>\n\n<script>\n(function(){\n  var lines = document.querySelectorAll('.sj-manifesto .sj-line');\n  if(!('IntersectionObserver' in window)){\n    lines.forEach(function(l){ l.classList.add('is-visible'); });\n    return;\n  }\n  var io = new IntersectionObserver(function(entries){\n    entries.forEach(function(e){\n      if(e.isIntersecting){\n        e.target.classList.add('is-visible');\n        io.unobserve(e.target);\n      }\n    });\n  }, { threshold:0.35 });\n  lines.forEach(function(l){ io.observe(l); });\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>SHIBA&nbsp;JOURNEY No&nbsp;rush.Your&nbsp;journey. \u6025\u304e\u3059\u304e\u308b\u306a\u3002\u81ea\u5206\u306e\u30da\u30fc\u30b9\u3067\u3002 \u4eba\u751f\u306f\u7af6\u4e89\u3067\u306f\u306a\u3044\u3002 \u52aa\u529b\u3057\u3066\u3082\u3001\u3046\u307e\u304f\u3044\u304b\u306a\u3044\u65e5\u304c\u3042\u308b\u3002 \u524d\u306b\u9032\u3081\u306a\u3044\u65e5\u3082\u3042\u308b\u3002 \u4eba [&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-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/shibajourney.com\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/shibajourney.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/shibajourney.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/shibajourney.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/shibajourney.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":2,"href":"https:\/\/shibajourney.com\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":12,"href":"https:\/\/shibajourney.com\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/12"}],"wp:attachment":[{"href":"https:\/\/shibajourney.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}