{"id":248,"date":"2026-08-25T16:43:20","date_gmt":"2026-08-25T07:43:20","guid":{"rendered":"https:\/\/www.sumino-yokohama.jp\/contents\/?post_type=feature&#038;p=248"},"modified":"2026-08-26T13:53:23","modified_gmt":"2026-08-26T04:53:23","slug":"feature-248","status":"publish","type":"feature","link":"https:\/\/www.sumino-yokohama.jp\/contents\/feature\/feature-248\/","title":{"rendered":"NEW SEASON, NEW STANDARD. \u2500\u79cb\u306e\u306f\u3058\u307e\u308a\u306b\u3001\u9078\u3073\u305f\u3044\u3082\u306e\u2500"},"content":{"rendered":"\n<!-- =========================================================\n AUTUMN NEW ARRIVALS\n WordPress\u300cHTML\u30b3\u30fc\u30c9\u300d\u6b04\u306b\u4e38\u3054\u3068\u8cbc\u308a\u4ed8\u3051\n\n \u30fbPC \/ \u30b9\u30de\u30fc\u30c8\u30d5\u30a9\u30f3 \u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\n \u30fb\u30b9\u30af\u30ed\u30fc\u30eb\u30d5\u30a7\u30fc\u30c9\u30a4\u30f3\n \u30fb\u81ea\u52d5\u30d5\u30a7\u30fc\u30c9\u30b9\u30e9\u30a4\u30c9\n \u30fb\u7d044\u79d2\u3054\u3068\u306b\u753b\u50cf\u5207\u308a\u66ff\u3048\n \u30fb\u753b\u50cf\u5207\u308a\u66ff\u3048 \u7d041.4\u79d2\n \u30fb\u30b9\u30de\u30db\u3067\u306f\u30d6\u30e9\u30f3\u30c9\u753b\u50cf\u3092\u5927\u304d\u304f\u8868\u793a\n========================================================= -->\n\n<style>\n\n\/* =========================================================\n   BASIC\n========================================================= *\/\n\n.autumn-feature {\n  --text: #222222;\n  --sub-text: #777777;\n  --light-text: #999999;\n  --background: #ffffff;\n  --soft-background: #f5f3ef;\n\n  width: 100%;\n  max-width: 1440px;\n  margin: 0 auto;\n\n  background: var(--background);\n  color: var(--text);\n\n  font-family:\n    \"Helvetica Neue\",\n    \"Noto Sans JP\",\n    Arial,\n    sans-serif;\n\n  font-size: 14px;\n  line-height: 1.9;\n  letter-spacing: 0.04em;\n\n  overflow: hidden;\n}\n\n.autumn-feature *,\n.autumn-feature *::before,\n.autumn-feature *::after {\n  box-sizing: border-box;\n}\n\n.autumn-feature img {\n  display: block;\n  width: 100%;\n  height: auto;\n}\n\n.autumn-feature a {\n  color: inherit;\n  text-decoration: none;\n}\n\n.autumn-feature .inner {\n  width: min(1080px, 88%);\n  margin: 0 auto;\n}\n\n\n\/* =========================================================\n   FADE IN\n========================================================= *\/\n\n.autumn-feature .fade-in {\n  opacity: 0;\n  transform: translateY(35px);\n\n  transition:\n    opacity 1.1s ease,\n    transform 1.1s ease;\n}\n\n.autumn-feature .fade-in.is-visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.autumn-feature .delay-1 {\n  transition-delay: 0.2s;\n}\n\n.autumn-feature .delay-2 {\n  transition-delay: 0.4s;\n}\n\n.autumn-feature .delay-3 {\n  transition-delay: 0.6s;\n}\n\n\n\/* =========================================================\n   HERO\n========================================================= *\/\n\n.autumn-feature .hero {\n  position: relative;\n\n  width: 100%;\n  height: min(90vh, 850px);\n  min-height: 600px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  overflow: hidden;\n}\n\n.autumn-feature .hero-image {\n  position: absolute;\n  inset: 0;\n}\n\n.autumn-feature .hero-image img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n\n  animation: heroZoom 10s ease-out forwards;\n}\n\n@keyframes heroZoom {\n  from {\n    transform: scale(1.06);\n  }\n\n  to {\n    transform: scale(1);\n  }\n}\n\n.autumn-feature .hero::after {\n  content: \"\";\n\n  position: absolute;\n  inset: 0;\n\n  background: rgba(0,0,0,0.14);\n}\n\n.autumn-feature .hero-copy {\n  position: relative;\n  z-index: 2;\n\n  color: #ffffff;\n  text-align: center;\n\n  padding: 30px;\n}\n\n.autumn-feature .hero-kicker {\n  margin-bottom: 22px;\n\n  font-size: 10px;\n  font-weight: 400;\n\n  letter-spacing: 0.35em;\n}\n\n.autumn-feature .hero-title {\n  margin: 0;\n\n  font-size: clamp(38px, 6vw, 78px);\n\n  line-height: 1.12;\n  font-weight: 300;\n\n  letter-spacing: 0.08em;\n}\n\n.autumn-feature .hero-jp {\n  margin-top: 28px;\n\n  font-size: clamp(13px, 1.5vw, 17px);\n\n  letter-spacing: 0.18em;\n}\n\n\n\/* =========================================================\n   LEAD\n========================================================= *\/\n\n.autumn-feature .lead {\n  padding: 150px 0 165px;\n\n  text-align: center;\n}\n\n.autumn-feature .lead-label {\n  margin-bottom: 32px;\n\n  font-size: 10px;\n\n  color: var(--sub-text);\n\n  letter-spacing: 0.3em;\n}\n\n.autumn-feature .lead-title {\n  margin: 0 0 38px;\n\n  font-family:\n    \"Times New Roman\",\n    \"Yu Mincho\",\n    \"Hiragino Mincho ProN\",\n    serif;\n\n  font-size: clamp(25px, 3vw, 38px);\n\n  font-weight: 400;\n  line-height: 1.7;\n\n  letter-spacing: 0.08em;\n}\n\n.autumn-feature .lead-text {\n  width: min(650px, 100%);\n\n  margin: 0 auto;\n\n  color: #555555;\n\n  font-size: 13px;\n\n  line-height: 2.4;\n}\n\n\n\/* =========================================================\n   BRAND SECTION\n========================================================= *\/\n\n.autumn-feature .brand-section {\n  padding: 115px 0 175px;\n}\n\n.autumn-feature .brand-number {\n  margin-bottom: 8px;\n\n  font-size: 10px;\n\n  color: var(--light-text);\n\n  letter-spacing: 0.3em;\n}\n\n.autumn-feature .brand-name {\n  margin-bottom: 48px;\n\n  font-size: 11px;\n  font-weight: 500;\n\n  letter-spacing: 0.25em;\n}\n\n\n\/* =========================================================\n   SLIDER\n========================================================= *\/\n\n.autumn-feature .image-slider {\n  position: relative;\n\n  width: 100%;\n\n  aspect-ratio: 4 \/ 3;\n\n  overflow: hidden;\n\n  background: #eeeeee;\n}\n\n.autumn-feature .image-slider .slide {\n  position: absolute;\n\n  inset: 0;\n\n  opacity: 0;\n\n  transition: opacity 1.4s ease;\n}\n\n.autumn-feature .image-slider .slide.active {\n  opacity: 1;\n}\n\n.autumn-feature .image-slider .slide img {\n  width: 100%;\n  height: 100%;\n\n  object-fit: cover;\n\n  transition: transform 5s ease;\n}\n\n.autumn-feature .image-slider:hover .slide.active img {\n  transform: scale(1.025);\n}\n\n\n\/* =========================================================\n   SLIDER DOT\n========================================================= *\/\n\n.autumn-feature .slider-dots {\n  position: absolute;\n\n  left: 50%;\n  bottom: 20px;\n\n  z-index: 5;\n\n  display: flex;\n  gap: 8px;\n\n  transform: translateX(-50%);\n}\n\n.autumn-feature .slider-dot {\n  width: 5px;\n  height: 5px;\n\n  border-radius: 50%;\n\n  background: rgba(255,255,255,0.55);\n\n  transition:\n    background 0.4s ease,\n    transform 0.4s ease;\n}\n\n.autumn-feature .slider-dot.active {\n  background: #ffffff;\n\n  transform: scale(1.3);\n}\n\n\n\/* =========================================================\n   SECTION COPY\n========================================================= *\/\n\n.autumn-feature .section-copy {\n  padding-top: 72px;\n}\n\n.autumn-feature .section-copy-inner {\n  display: grid;\n\n  grid-template-columns: 45% 55%;\n\n  align-items: start;\n}\n\n.autumn-feature .catch-wrap {\n  padding-right: 45px;\n}\n\n.autumn-feature .catch {\n  margin: 0;\n\n  font-family:\n    \"Times New Roman\",\n    \"Yu Mincho\",\n    \"Hiragino Mincho ProN\",\n    serif;\n\n  font-size: clamp(28px, 3.5vw, 48px);\n\n  line-height: 1.35;\n\n  font-weight: 400;\n\n  letter-spacing: 0.05em;\n}\n\n.autumn-feature .catch-jp {\n  margin: 18px 0 0;\n\n  font-size: 14px;\n\n  letter-spacing: 0.12em;\n}\n\n.autumn-feature .description {\n  max-width: 550px;\n\n  margin-left: auto;\n\n  color: #555555;\n\n  font-size: 13px;\n\n  line-height: 2.3;\n}\n\n\n\/* =========================================================\n   VIEW ITEM\n========================================================= *\/\n\n.autumn-feature .view-item {\n  display: inline-flex;\n\n  align-items: center;\n  justify-content: center;\n\n  min-width: 175px;\n  height: 48px;\n\n  margin-top: 32px;\n\n  border: 1px solid #222222;\n\n  font-size: 10px;\n\n  letter-spacing: 0.22em;\n\n  transition:\n    background 0.35s ease,\n    color 0.35s ease;\n}\n\n.autumn-feature .view-item:hover {\n  background: #222222;\n  color: #ffffff;\n}\n\n\n\/* =========================================================\n   ROMILLY\n========================================================= *\/\n\n.autumn-feature .asymmetric {\n  width: min(1050px, 88%);\n\n  margin: 0 auto;\n}\n\n.autumn-feature .asymmetric .image-slider {\n  width: 82%;\n\n  margin-left: auto;\n}\n\n.autumn-feature .asymmetric .section-copy {\n  width: 86%;\n\n  margin-top: -25px;\n\n  position: relative;\n  z-index: 2;\n}\n\n.autumn-feature .asymmetric .section-copy-inner {\n  padding-top: 55px;\n  padding-right: 0;\n  padding-left: 0;\n\n  background: #ffffff;\n}\n\n.autumn-feature .asymmetric .description {\n  padding-left: 30px;\n}\n\n\n\/* =========================================================\n   STORIATIPIC\n========================================================= *\/\n\n.autumn-feature .stole-section {\n  padding: 145px 0 175px;\n\n  background: var(--soft-background);\n}\n\n.autumn-feature .stole-inner {\n  width: min(1080px, 88%);\n\n  margin: 0 auto;\n}\n\n.autumn-feature .stole-slider {\n  width: 82%;\n\n  margin: 0 auto;\n}\n\n.autumn-feature .stole-slider .image-slider {\n  aspect-ratio: 3 \/ 2;\n}\n\n.autumn-feature .stole-copy {\n  width: 78%;\n\n  margin: 0 auto;\n}\n\n.autumn-feature .stole-copy .section-copy {\n  padding-top: 65px;\n}\n\n\n\/* =========================================================\n   HEALTHY DENIM\n========================================================= *\/\n\n.autumn-feature .denim-section {\n  padding-bottom: 175px;\n}\n\n.autumn-feature .denim-intro {\n  margin-bottom: 75px;\n\n  text-align: center;\n}\n\n.autumn-feature .denim-intro .catch {\n  margin-bottom: 18px;\n}\n\n.autumn-feature .denim-intro .description {\n  margin: 35px auto 0;\n}\n\n\n\/* =========================================================\n   DENIM PRODUCT GRID\n========================================================= *\/\n\n.autumn-feature .denim-products {\n  display: grid;\n\n  grid-template-columns: 1fr 1fr;\n\n  gap: 28px;\n}\n\n.autumn-feature .denim-product .image-slider {\n  aspect-ratio: 4 \/ 5;\n}\n\n.autumn-feature .denim-product-name {\n  margin-top: 20px;\n\n  font-size: 11px;\n\n  letter-spacing: 0.2em;\n}\n\n.autumn-feature .denim-product-caption {\n  margin-top: 7px;\n\n  color: #777777;\n\n  font-size: 12px;\n}\n\n\n\/* =========================================================\n   CLOSING\n========================================================= *\/\n\n.autumn-feature .closing {\n  padding: 180px 25px;\n\n  text-align: center;\n\n  background: #f4f2ee;\n}\n\n.autumn-feature .closing-title {\n  margin: 0;\n\n  font-size: clamp(34px, 5vw, 68px);\n\n  font-weight: 300;\n\n  line-height: 1.15;\n\n  letter-spacing: 0.08em;\n}\n\n.autumn-feature .closing-jp {\n  margin: 35px 0 0;\n\n  font-family:\n    \"Yu Mincho\",\n    \"Hiragino Mincho ProN\",\n    serif;\n\n  font-size: 16px;\n\n  letter-spacing: 0.12em;\n}\n\n.autumn-feature .closing-text {\n  width: min(550px, 100%);\n\n  margin: 35px auto 0;\n\n  color: #666666;\n\n  font-size: 13px;\n\n  line-height: 2.3;\n}\n\n.autumn-feature .view-more {\n  display: inline-flex;\n\n  align-items: center;\n  justify-content: center;\n\n  width: 220px;\n  height: 54px;\n\n  margin-top: 45px;\n\n  border: 1px solid #222222;\n\n  background: transparent;\n\n  font-size: 10px;\n  letter-spacing: 0.25em;\n\n  transition:\n    background 0.4s ease,\n    color 0.4s ease;\n}\n\n.autumn-feature .view-more:hover {\n  background: #222222;\n  color: #ffffff;\n}\n\n\n\/* =========================================================\n   MOBILE\n   \u3053\u3053\u3092\u4eca\u56de\u304b\u306a\u308a\u5909\u66f4\u3057\u3066\u3044\u307e\u3059\n========================================================= *\/\n\n@media screen and (max-width: 767px) {\n\n  .autumn-feature {\n    font-size: 13px;\n  }\n\n  .autumn-feature .inner {\n    width: 92%;\n  }\n\n\n  \/* =======================================================\n     HERO\n  ======================================================= *\/\n\n  .autumn-feature .hero {\n    height: 78vh;\n    min-height: 520px;\n  }\n\n  .autumn-feature .hero-title {\n    font-size: 38px;\n    letter-spacing: 0.06em;\n  }\n\n  .autumn-feature .hero-jp {\n    font-size: 12px;\n  }\n\n\n  \/* =======================================================\n     LEAD\n  ======================================================= *\/\n\n  .autumn-feature .lead {\n    padding: 90px 0 110px;\n  }\n\n  .autumn-feature .lead-title {\n    font-size: 24px;\n  }\n\n  .autumn-feature .lead-text {\n    text-align: left;\n    line-height: 2.25;\n  }\n\n\n  \/* =======================================================\n     BRAND\n  ======================================================= *\/\n\n  .autumn-feature .brand-section {\n    padding: 80px 0 105px;\n  }\n\n  .autumn-feature .brand-name {\n    margin-bottom: 27px;\n  }\n\n\n  \/* =======================================================\n     \u2605 ARKLEY\n     \n     \u30b9\u30de\u30db\u3067\u306f\u753b\u9762\u5e45\u3092\u304b\u306a\u308a\u4f7f\u3046\n     \u753b\u50cf\u30924:3\u3088\u308a\u5c11\u3057\u7e26\u9577\u306b\u3059\u308b\n  ======================================================= *\/\n\n  .autumn-feature .brand-section > .inner > .image-slider {\n    width: calc(100% + 30px);\n\n    margin-left: -15px;\n\n    aspect-ratio: 4 \/ 5;\n  }\n\n\n  \/* =======================================================\n     SLIDER\n  ======================================================= *\/\n\n  .autumn-feature .image-slider {\n    aspect-ratio: 4 \/ 5;\n  }\n\n  .autumn-feature .image-slider .slide img {\n    object-fit: cover;\n  }\n\n  .autumn-feature .slider-dots {\n    bottom: 15px;\n  }\n\n\n  \/* =======================================================\n     COPY\n  ======================================================= *\/\n\n  .autumn-feature .section-copy {\n    padding-top: 48px;\n  }\n\n  .autumn-feature .section-copy-inner {\n    display: block;\n  }\n\n  .autumn-feature .catch-wrap {\n    padding-right: 0;\n\n    margin-bottom: 30px;\n  }\n\n  .autumn-feature .catch {\n    font-size: 31px;\n  }\n\n  .autumn-feature .catch-jp {\n    font-size: 13px;\n  }\n\n  .autumn-feature .description {\n    margin-left: 0;\n\n    font-size: 13px;\n\n    line-height: 2.2;\n  }\n\n\n  \/* =======================================================\n     ARKLEY COPY\n  ======================================================= *\/\n\n  .autumn-feature .brand-section:first-of-type .section-copy {\n    padding-top: 48px;\n  }\n\n\n  \/* =======================================================\n     ROMILLY\n     \n     \u753b\u50cf\u3092\u753b\u9762\u3044\u3063\u3071\u3044\u8fd1\u304f\u307e\u3067\u62e1\u5927\n  ======================================================= *\/\n\n  .autumn-feature .asymmetric {\n    width: 100%;\n\n    margin: 0;\n  }\n\n  .autumn-feature .asymmetric .brand-number,\n  .autumn-feature .asymmetric .brand-name {\n    width: 92%;\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  .autumn-feature .asymmetric .image-slider {\n    width: 100%;\n\n    margin-left: 0;\n\n    aspect-ratio: 4 \/ 5;\n  }\n\n  .autumn-feature .asymmetric .section-copy {\n    width: 94%;\n\n    margin-top: 0;\n\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  .autumn-feature .asymmetric .section-copy-inner {\n    padding:\n      45px\n      0\n      0;\n  }\n\n  .autumn-feature .asymmetric .description {\n    padding-left: 18px;\n  }\n\n\n  \/* =======================================================\n     STORIATIPIC\n     \n     \u80cc\u666f\u3092\u6d3b\u304b\u3057\u3064\u3064\u753b\u50cf\u3092\u5927\u304d\u304f\n  ======================================================= *\/\n\n  .autumn-feature .stole-section {\n    padding: 85px 0 105px;\n  }\n\n  .autumn-feature .stole-inner {\n    width: 100%;\n  }\n\n  .autumn-feature .stole-slider {\n    width: 100%;\n\n    margin: 0;\n  }\n\n  .autumn-feature .stole-slider .image-slider {\n    width: 100%;\n\n    aspect-ratio: 4 \/ 5;\n  }\n\n  .autumn-feature .stole-copy {\n    width: 92%;\n\n    margin: 0 auto;\n  }\n\n  .autumn-feature .stole-copy .section-copy {\n    padding-top: 45px;\n  }\n\n\n  \/* =======================================================\n     STORIATIPIC \u30b3\u30d4\u30fc\n  ======================================================= *\/\n\n  .autumn-feature .stole-copy .description {\n    margin-left: 0;\n  }\n\n\n  \/* =======================================================\n     DENIM\n  ======================================================= *\/\n\n  .autumn-feature .denim-section {\n    padding-bottom: 110px;\n  }\n\n  .autumn-feature .denim-intro {\n    margin-bottom: 45px;\n  }\n\n  .autumn-feature .denim-products {\n    grid-template-columns: 1fr;\n\n    gap: 55px;\n  }\n\n  .autumn-feature .denim-product .image-slider {\n    aspect-ratio: 4 \/ 5;\n  }\n\n\n  \/* =======================================================\n     CLOSING\n  ======================================================= *\/\n\n  .autumn-feature .closing {\n    padding: 110px 20px;\n  }\n\n  .autumn-feature .closing-title {\n    font-size: 34px;\n  }\n\n  .autumn-feature .closing-jp {\n    font-size: 14px;\n  }\n\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media screen and (max-width: 390px) {\n\n  .autumn-feature .hero-title {\n    font-size: 34px;\n  }\n\n  .autumn-feature .catch {\n    font-size: 28px;\n  }\n\n  .autumn-feature .brand-name {\n    font-size: 10px;\n  }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .autumn-feature .fade-in {\n    opacity: 1;\n    transform: none;\n    transition: none;\n  }\n\n  .autumn-feature .hero-image img {\n    animation: none;\n  }\n\n  .autumn-feature .image-slider .slide {\n    transition: none;\n  }\n\n}\n\n<\/style>\n\n\n<!-- =========================================================\n   CONTENT START\n========================================================= -->\n\n<div class=\"autumn-feature\">\n\n\n<!-- =====================================================\n     HERO\n===================================================== -->\n\n<section class=\"hero\">\n\n  <div class=\"hero-image\">\n\n    <img decoding=\"async\" src=\"https:\/\/www.sumino-yokohama.jp\/contents\/nsk\/wpist\/wp-content\/uploads\/2026\/08\/newseason_main.png\" alt=\"AUTUMN NEW ARRIVALS\">\n\n  <\/div>\n\n\n  <div class=\"hero-copy fade-in\">\n\n    <div class=\"hero-kicker\">\n      AUTUMN \/ NEW ARRIVALS\n    <\/div>\n\n    <h1 class=\"hero-title\">\n      NEW SEASON,<br>\n      NEW STANDARD.\n    <\/h1>\n\n    <div class=\"hero-jp\">\n      \u65b0\u3057\u3044\u5b63\u7bc0\u3001\u65b0\u3057\u3044\u30b9\u30bf\u30f3\u30c0\u30fc\u30c9\u3002\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<!-- =====================================================\n     LEAD\n===================================================== -->\n\n<section class=\"lead\">\n\n  <div class=\"inner\">\n\n    <div class=\"lead-label fade-in\">\n      AUTUMN 2026\n    <\/div>\n\n    <h2 class=\"lead-title fade-in delay-1\">\n      \u79cb\u306e\u306f\u3058\u307e\u308a\u306b\u3001<br>\n      \u9078\u3073\u305f\u3044\u3082\u306e\u3002\n    <\/h2>\n\n    <p class=\"lead-text fade-in delay-2\">\n      \u5b63\u7bc0\u304c\u5c11\u3057\u305a\u3064\u52d5\u304d\u306f\u3058\u3081\u308b\u3068\u3001<br>\n      \u30ef\u30fc\u30c9\u30ed\u30fc\u30d6\u306b\u3082\u65b0\u3057\u3044\u98a8\u3092\u53d6\u308a\u5165\u308c\u305f\u304f\u306a\u308b\u3002<br>\n      <br>\n      \u4eca\u5b63\u3089\u3057\u3044\u30b7\u30eb\u30a8\u30c3\u30c8\u3001\u9577\u304f\u611b\u305b\u308b\u30d9\u30fc\u30b7\u30c3\u30af\u3001<br>\n      \u3072\u3068\u76ee\u3067\u5fc3\u3092\u596a\u308f\u308c\u308b\u8272\u3084\u67c4\u3002<br>\n      <br>\n      \u3053\u306e\u79cb\u306f\u3001\u305f\u3060\u65b0\u3057\u3044\u3060\u3051\u3058\u3083\u306a\u3044\u3002<br>\n      \u305d\u306e\u30d6\u30e9\u30f3\u30c9\u3089\u3057\u3055\u304c\u606f\u3065\u304f\u3082\u306e\u3092\u9078\u3073\u305f\u3044\u3002\n    <\/p>\n\n  <\/div>\n\n<\/section>\n\n\n<!-- =====================================================\n     01\n     TRADITIONAL WEATHERWEAR\n     ARKLEY VEST KNIT\n===================================================== -->\n\n<section class=\"brand-section\">\n\n  <div class=\"inner\">\n\n    <div class=\"brand-number fade-in\">\n      01\n    <\/div>\n\n    <div class=\"brand-name fade-in\">\n      TRADITIONAL WEATHERWEAR\n    <\/div>\n\n\n    <div class=\"image-slider fade-in\">\n\n      <div class=\"slide active\">\n\n        <img decoding=\"async\" src=\"https:\/\/www.sumino-yokohama.jp\/contents\/nsk\/wpist\/wp-content\/uploads\/2026\/08\/DSC_4745.jpg\" alt=\"Traditional Weatherwear ARKLEY VEST KNIT\">\n\n      <\/div>\n\n\n      <div class=\"slide\">\n\n        <img decoding=\"async\" src=\"https:\/\/www.sumino-yokohama.jp\/contents\/nsk\/wpist\/wp-content\/uploads\/2026\/08\/DSC_4821.jpg\" alt=\"Traditional Weatherwear ARKLEY VEST KNIT\">\n\n      <\/div>\n\n\n      <div class=\"slide\">\n\n        <img decoding=\"async\" src=\"https:\/\/www.sumino-yokohama.jp\/contents\/nsk\/wpist\/wp-content\/uploads\/2026\/08\/DSC_4742.jpg\" alt=\"Traditional Weatherwear ARKLEY VEST KNIT\">\n\n      <\/div>\n\n\n      <div class=\"slider-dots\">\n\n        <span class=\"slider-dot active\"><\/span>\n        <span class=\"slider-dot\"><\/span>\n        <span class=\"slider-dot\"><\/span>\n\n      <\/div>\n\n    <\/div>\n\n\n    <div class=\"section-copy\">\n\n      <div class=\"section-copy-inner\">\n\n        <div class=\"catch-wrap fade-in\">\n\n          <h2 class=\"catch\">\n            THE NEW<br>\n            TRADITION\n          <\/h2>\n\n          <p class=\"catch-jp\">\n            \u3044\u3064\u3082\u306e\u79cb\u306b\u3001\u82f1\u56fd\u306e\u54c1\u3092\u3002\n          <\/p>\n\n        <\/div>\n\n\n        <div class=\"description fade-in delay-1\">\n\n        \u30d9\u30fc\u30b7\u30c3\u30af\u306a\u306e\u306b\u3001\n        \u306a\u305c\u304b\u76ee\u306b\u7559\u307e\u308b\u3002\n\n        <br><br>\n\n        \u305d\u3093\u306a\u670d\u306b\u306f\u3001\n        \u7d20\u6750\u3084\u30b7\u30eb\u30a8\u30c3\u30c8\u3001\n        \u30c7\u30a3\u30c6\u30fc\u30eb\u306e\u3069\u3053\u304b\u306b\u3001\n        \u305d\u306e\u30d6\u30e9\u30f3\u30c9\u3089\u3057\u3044\u7f8e\u610f\u8b58\u304c\u3042\u308b\u3002\n\n        <br><br>\n\n        Traditional Weatherwear\u306eARKLEY VEST KNIT\u3082\u3001\n        \u305d\u3093\u306a\u4e00\u7740\u3002\n\n        <br><br>\n\n        \u80a9\u306e\u529b\u304c\u629c\u3051\u305f\u30b9\u30bf\u30a4\u30eb\u306b\u3082\u3001\n        \u5c11\u3057\u304d\u308c\u3044\u3081\u306b\u307e\u3068\u3081\u305f\u3044\u65e5\u306b\u3082\u3002\n\n        <br><br>\n\n        \u3044\u3064\u3082\u306e\u30ef\u30fc\u30c9\u30ed\u30fc\u30d6\u306b\u3059\u3063\u3068\u99b4\u67d3\u307f\u306a\u304c\u3089\u3001\n        \u88c5\u3044\u3092\u5c11\u3057\u3060\u3051\u65b0\u3057\u304f\u898b\u305b\u3066\u304f\u308c\u307e\u3059\u3002\n\n        <br>\n\n          <a href=\"https:\/\/www.sumino-yokohama.jp\/c\/hampstead\/VS0309HF\" class=\"view-item\">\n            VIEW ITEM\n          <\/a>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<!-- =====================================================\n     02\n     ROMILLY\n===================================================== -->\n\n<section class=\"brand-section asymmetric\">\n\n  <div class=\"brand-number fade-in\">\n    02\n  <\/div>\n\n  <div class=\"brand-name fade-in\">\n    TRADITIONAL WEATHERWEAR\n  <\/div>\n\n\n  <div class=\"image-slider fade-in\">\n\n    <div class=\"slide active\">\n\n      <img decoding=\"async\" src=\"https:\/\/www.sumino-yokohama.jp\/contents\/nsk\/wpist\/wp-content\/uploads\/2026\/08\/DSC_4866.jpg\" alt=\"Traditional Weatherwear ROMILLY\">\n\n    <\/div>\n\n\n    <div class=\"slide\">\n\n      <img decoding=\"async\" src=\"https:\/\/www.sumino-yokohama.jp\/contents\/nsk\/wpist\/wp-content\/uploads\/2026\/08\/DSC_4883.jpg\" alt=\"Traditional Weatherwear ROMILLY\">\n\n    <\/div>\n\n\n    <div class=\"slide\">\n\n      <img decoding=\"async\" src=\"https:\/\/www.sumino-yokohama.jp\/contents\/nsk\/wpist\/wp-content\/uploads\/2026\/08\/DSC_4892.jpg\" alt=\"Traditional Weatherwear ROMILLY\">\n\n    <\/div>\n\n\n    <div class=\"slider-dots\">\n\n      <span class=\"slider-dot active\"><\/span>\n      <span class=\"slider-dot\"><\/span>\n      <span class=\"slider-dot\"><\/span>\n\n    <\/div>\n\n  <\/div>\n\n\n  <div class=\"section-copy\">\n\n    <div class=\"section-copy-inner\">\n\n      <div class=\"catch-wrap fade-in\">\n\n        <h2 class=\"catch\">\n          A QUIET<br>\n          STATEMENT\n        <\/h2>\n\n        <p class=\"catch-jp\">\n          \u4f55\u6c17\u306a\u3044\u65e5\u306b\u3053\u305d\u3001\u3044\u3044\u30cb\u30c3\u30c8\u3092\u3002\n        <\/p>\n\n      <\/div>\n\n\n      <div class=\"description fade-in delay-1\">\n\n          \u79cb\u306e\u306f\u3058\u307e\u308a\u306b\u3061\u3087\u3046\u3069\u3044\u3044\u306e\u306f\u3001\n          \u30b3\u30fc\u30c8\u307b\u3069\u91cd\u304f\u306a\u304f\u3001\n          \u30ab\u30fc\u30c7\u30a3\u30ac\u30f3\u3088\u308a\u3082\u983c\u308c\u308b\u4e00\u679a\u3002\n\n          <br><br>\n\n          Traditional Weatherwear\u306eROMILLY\u3002\n\n          <br><br>\n\n          \u7aef\u6b63\u306a\u4f47\u307e\u3044\u306b\u3001\n          \u30cb\u30c3\u30c8\u306a\u3089\u3067\u306f\u306e\u8efd\u3084\u304b\u3055\u3092\u6dfb\u3048\u3066\u3002\n\n          <br><br>\n\n          \u30c8\u30e9\u30c3\u30c9\u306a\u96f0\u56f2\u6c17\u3092\u6b8b\u3057\u306a\u304c\u3089\u3001\n          \u4eca\u306e\u6c17\u5206\u3067\u7740\u3089\u308c\u308b\u3002\n\n          <br><br>\n\n          \u5b63\u7bc0\u306e\u5883\u76ee\u304b\u3089\u51ac\u307e\u3067\u3002\n          \u3053\u308c\u304b\u3089\u306e\u30ef\u30fc\u30c9\u30ed\u30fc\u30d6\u306b\n          \u9577\u304f\u5bc4\u308a\u6dfb\u3046\u4e00\u7740\u3067\u3059\u3002\n\n          <br>\n\n        <a href=\"https:\/\/www.sumino-yokohama.jp\/c\/hampstead\/CD0318HF\" class=\"view-item\">\n          VIEW ITEM\n        <\/a>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<!-- =====================================================\n     03\n     STORIATIPIC\n===================================================== -->\n\n<section class=\"stole-section\">\n\n  <div class=\"stole-inner\">\n\n\n    <div class=\"stole-slider\">\n\n      <div class=\"image-slider fade-in\">\n\n        <div class=\"slide active\">\n\n          <img decoding=\"async\" src=\"https:\/\/www.sumino-yokohama.jp\/contents\/nsk\/wpist\/wp-content\/uploads\/2026\/08\/DSC_43456.jpg\" alt=\"STORIATIPIC STOLE\">\n\n        <\/div>\n\n\n        <div class=\"slide\">\n\n          <img decoding=\"async\" src=\"https:\/\/www.sumino-yokohama.jp\/contents\/nsk\/wpist\/wp-content\/uploads\/2026\/08\/DSC_6714.jpg\" alt=\"STORIATIPIC STOLE\">\n\n        <\/div>\n\n\n        <div class=\"slide\">\n\n          <img decoding=\"async\" src=\"https:\/\/www.sumino-yokohama.jp\/contents\/nsk\/wpist\/wp-content\/uploads\/2026\/08\/DSC_5288.jpg\" alt=\"STORIATIPIC STOLE\">\n\n        <\/div>\n\n\n        <div class=\"slider-dots\">\n\n          <span class=\"slider-dot active\"><\/span>\n          <span class=\"slider-dot\"><\/span>\n          <span class=\"slider-dot\"><\/span>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n\n    <div class=\"stole-copy\">\n\n      <div class=\"brand-number fade-in\">\n        03\n      <\/div>\n\n      <div class=\"brand-name fade-in\">\n        STORIATIPIC\n      <\/div>\n\n\n      <div class=\"section-copy\">\n\n        <div class=\"section-copy-inner\">\n\n          <div class=\"catch-wrap fade-in\">\n\n            <h2 class=\"catch\">\n              COLOUR<br>\n              YOUR AUTUMN\n            <\/h2>\n\n            <p class=\"catch-jp\">\n              \u79cb\u306e\u88c5\u3044\u306b\u3001\u3072\u3068\u3055\u3058\u306e\u8272\u3092\u3002\n            <\/p>\n\n          <\/div>\n\n\n          <div class=\"description fade-in delay-1\">\n\n            \u670d\u3092\u5909\u3048\u306a\u304f\u3066\u3082\u3001\n            \u5b63\u7bc0\u306e\u7a7a\u6c17\u3092\u5909\u3048\u3089\u308c\u308b\u3082\u306e\u3002\n\n            <br><br>\n\n            \u30b9\u30c8\u30fc\u30eb\u306f\u3001\n            \u305d\u3093\u306a\u5c0f\u3055\u306a\u5909\u5316\u3092\u697d\u3057\u3081\u308b\u30a2\u30a4\u30c6\u30e0\u3002\n\n            <br><br>\n\n            \u8272\u3084\u67c4\u3001\u7d20\u6750\u306e\u7d44\u307f\u5408\u308f\u305b\u306b\n            \u904a\u3073\u5fc3\u3092\u6dfb\u3048\u308c\u3070\u3001\n            \u3044\u3064\u3082\u306e\u30b9\u30bf\u30a4\u30eb\u3082\u5c11\u3057\u65b0\u9bae\u306b\u3002\n\n            <br><br>\n\n            \u843d\u3061\u7740\u3044\u305f\u8272\u304c\u5897\u3048\u3066\u3044\u304f\u79cb\u3060\u304b\u3089\u3053\u305d\u3001\n            \u3044\u3064\u3082\u306e\u88c5\u3044\u306b\u5c11\u3057\u3060\u3051\u8272\u3092\u3002\n\n            <br><br>\n\n            \u80a9\u306b\u3055\u3089\u308a\u3068\u639b\u3051\u305f\u308a\u3001\n            \u9996\u5143\u306b\u30e9\u30d5\u306b\u5dfb\u3044\u305f\u308a\u3002\n\n            <br>\n\n            \u305d\u306e\u65e5\u306e\u6c17\u5206\u3067\u81ea\u7531\u306b\u697d\u3057\u307f\u305f\u3044\u3002\n\n            <br>\n\n            <a href=\"https:\/\/www.sumino-yokohama.jp\/p\/search?keyword=STORIATIPIC\" class=\"view-item\">\n              VIEW ITEM\n            <\/a>\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<!-- =====================================================\n     04\n     HEALTHY DENIM\n===================================================== -->\n\n<section class=\"brand-section denim-section\">\n\n  <div class=\"inner\">\n\n    <div class=\"denim-intro\">\n\n      <div class=\"brand-number fade-in\">\n        04\n      <\/div>\n\n      <div class=\"brand-name fade-in\">\n        HEALTHY DENIM\n      <\/div>\n\n      <h2 class=\"catch fade-in\">\n        DENIM,<br>\n        REDEFINED\n      <\/h2>\n\n      <p class=\"catch-jp fade-in delay-1\">\n        \u30c7\u30cb\u30e0\u3092\u3001\u3082\u3063\u3068\u81ea\u7531\u306b\u3002\n      <\/p>\n\n      <p class=\"description fade-in delay-2\">\n\n        \u3044\u3064\u3082\u306e\u30c7\u30cb\u30e0\u3068\u306f\u5c11\u3057\u9055\u3046\u3002\n\n        <br><br>\n\n        \u5fc3\u5730\u3088\u3055\u3092\u5927\u5207\u306b\u3057\u306a\u304c\u3089\u3001\n        \u30b7\u30eb\u30a8\u30c3\u30c8\u3067\u4eca\u306e\u6c17\u5206\u3092\u53d6\u308a\u5165\u308c\u305f\n        \u30c7\u30a4\u30ea\u30fc\u30c7\u30cb\u30e0\u3002\n\n      <\/p>\n\n    <\/div>\n\n\n    <div class=\"denim-products\">\n\n\n      <!-- LATTE -->\n\n      <div class=\"denim-product fade-in\">\n\n        <div class=\"image-slider\">\n\n          <div class=\"slide active\">\n\n            <img decoding=\"async\" src=\"https:\/\/www.sumino-yokohama.jp\/contents\/nsk\/wpist\/wp-content\/uploads\/2026\/08\/DSC_6420.jpg\" alt=\"Healthy DENIM LATTE\">\n\n          <\/div>\n\n\n          <div class=\"slide\">\n\n            <img decoding=\"async\" src=\"https:\/\/www.sumino-yokohama.jp\/contents\/nsk\/wpist\/wp-content\/uploads\/2026\/08\/DSC_67542.jpg\" alt=\"Healthy DENIM LATTE\">\n\n          <\/div>\n\n\n          <div class=\"slider-dots\">\n\n            <span class=\"slider-dot active\"><\/span>\n            <span class=\"slider-dot\"><\/span>\n\n          <\/div>\n\n        <\/div>\n\n\n        <div class=\"denim-product-name\">\n          LATTE\n        <\/div>\n\n        <div class=\"denim-product-caption\">\n          \u4eca\u306e\u6c17\u5206\u3067\u7740\u305f\u3044\u3001\u8efd\u3084\u304b\u306a\u30c7\u30cb\u30e0\u3002\n        <\/div>\n\n        <a href=\"https:\/\/www.sumino-yokohama.jp\/c\/hampstead\/68912303\" class=\"view-item\">\n          VIEW ITEM\n        <\/a>\n\n      <\/div>\n\n\n      <!-- ALMOND -->\n\n      <div class=\"denim-product fade-in delay-1\">\n\n        <div class=\"image-slider\">\n\n          <div class=\"slide active\">\n\n            <img decoding=\"async\" src=\"https:\/\/www.sumino-yokohama.jp\/contents\/nsk\/wpist\/wp-content\/uploads\/2026\/08\/DSC_7198.jpg\" alt=\"Healthy DENIM ALMOND\">\n\n          <\/div>\n\n\n          <div class=\"slide\">\n\n            <img decoding=\"async\" src=\"https:\/\/www.sumino-yokohama.jp\/contents\/nsk\/wpist\/wp-content\/uploads\/2026\/08\/DSC_7416.jpg\" alt=\"Healthy DENIM ALMOND\">\n\n          <\/div>\n\n\n          <div class=\"slider-dots\">\n\n            <span class=\"slider-dot active\"><\/span>\n            <span class=\"slider-dot\"><\/span>\n\n          <\/div>\n\n        <\/div>\n\n\n        <div class=\"denim-product-name\">\n          ALMOND\n        <\/div>\n\n        <div class=\"denim-product-caption\">\n          \u30d9\u30fc\u30b7\u30c3\u30af\u306b\u3001\u65b0\u3057\u3044\u30d0\u30e9\u30f3\u30b9\u3092\u3002\n        <\/div>\n\n        <a href=\"https:\/\/www.sumino-yokohama.jp\/p\/search?keyword=Almond\" class=\"view-item\">\n          VIEW ITEM\n        <\/a>\n\n      <\/div>\n\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<!-- =====================================================\n     CLOSING\n===================================================== -->\n\n<section class=\"closing\">\n\n  <h2 class=\"closing-title fade-in\">\n    THE SEASON<br>\n    STARTS HERE.\n  <\/h2>\n\n  <p class=\"closing-jp fade-in delay-1\">\n    \u65b0\u3057\u3044\u5b63\u7bc0\u306f\u3001\u65b0\u3057\u3044\u670d\u304b\u3089\u3002\n  <\/p>\n\n  <p class=\"closing-text fade-in delay-2\">\n\n    \u307e\u3060\u5c11\u3057\u5148\u306e\u79cb\u3092\u601d\u3044\u306a\u304c\u3089\u3001<br>\n    \u3053\u308c\u304b\u3089\u306e\u6bce\u65e5\u306b\u5bc4\u308a\u6dfb\u3046\u4e00\u7740\u3092\u3002\n\n    <br><br>\n\n    \u304a\u6c17\u306b\u5165\u308a\u306e\u30d6\u30e9\u30f3\u30c9\u304b\u3089\u3001<br>\n    \u3053\u306e\u79cb\u306e\u65b0\u3057\u3044\u30b9\u30bf\u30f3\u30c0\u30fc\u30c9\u3092\u3002\n\n  <\/p>\n\n\n  <a href=\"https:\/\/www.sumino-yokohama.jp\/p\/search?keyword=&amp;tag=Hampstead&amp;tag=&amp;tag=NEWARRIVALS&amp;minprice=&amp;maxprice=\" class=\"view-more fade-in delay-3\">\n    VIEW MORE\n  <\/a>\n\n<\/section>\n\n\n<\/div>\n\n\n<!-- =========================================================\n   JAVASCRIPT\n========================================================= -->\n\n<script>\n\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n\n\n  \/* =======================================================\n     SCROLL FADE IN\n  ======================================================= *\/\n\n  const fadeTargets =\n    document.querySelectorAll(\n      \".autumn-feature .fade-in\"\n    );\n\n\n  const fadeObserver =\n    new IntersectionObserver(\n\n      function(entries) {\n\n        entries.forEach(function(entry) {\n\n          if (entry.isIntersecting) {\n\n            entry.target.classList.add(\n              \"is-visible\"\n            );\n\n            fadeObserver.unobserve(\n              entry.target\n            );\n\n          }\n\n        });\n\n      },\n\n      {\n        threshold: 0.12\n      }\n\n    );\n\n\n  fadeTargets.forEach(function(target) {\n\n    fadeObserver.observe(target);\n\n  });\n\n\n\n  \/* =======================================================\n     AUTO FADE SLIDER\n  ======================================================= *\/\n\n  const sliders =\n    document.querySelectorAll(\n      \".autumn-feature .image-slider\"\n    );\n\n\n  sliders.forEach(function(slider) {\n\n\n    const slides =\n      slider.querySelectorAll(\".slide\");\n\n    const dots =\n      slider.querySelectorAll(\".slider-dot\");\n\n\n    if (slides.length <= 1) {\n      return;\n    }\n\n\n    let current = 0;\n\n\n    setInterval(function() {\n\n\n      slides[current]\n        .classList\n        .remove(\"active\");\n\n\n      if (dots[current]) {\n\n        dots[current]\n          .classList\n          .remove(\"active\");\n\n      }\n\n\n      current++;\n\n\n      if (current >= slides.length) {\n\n        current = 0;\n\n      }\n\n\n      slides[current]\n        .classList\n        .add(\"active\");\n\n\n      if (dots[current]) {\n\n        dots[current]\n          .classList\n          .add(\"active\");\n\n      }\n\n\n    }, 4000);\n\n\n  });\n\n\n});\n\n<\/script>\n","protected":false},"featured_media":250,"parent":0,"menu_order":0,"template":"","brand":[5],"class_list":["post-248","feature","type-feature","status-publish","has-post-thumbnail","hentry","brand-hampstead"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.sumino-yokohama.jp\/contents\/wp-json\/wp\/v2\/feature\/248","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.sumino-yokohama.jp\/contents\/wp-json\/wp\/v2\/feature"}],"about":[{"href":"https:\/\/www.sumino-yokohama.jp\/contents\/wp-json\/wp\/v2\/types\/feature"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.sumino-yokohama.jp\/contents\/wp-json\/wp\/v2\/media\/250"}],"wp:attachment":[{"href":"https:\/\/www.sumino-yokohama.jp\/contents\/wp-json\/wp\/v2\/media?parent=248"}],"wp:term":[{"taxonomy":"brand","embeddable":true,"href":"https:\/\/www.sumino-yokohama.jp\/contents\/wp-json\/wp\/v2\/brand?post=248"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}