{"id":445,"date":"2026-09-23T16:13:22","date_gmt":"2026-09-23T07:13:22","guid":{"rendered":"https:\/\/www.sumino-yokohama.jp\/contents\/?post_type=feature&#038;p=445"},"modified":"2026-09-23T16:42:35","modified_gmt":"2026-09-23T07:42:35","slug":"feature-445","status":"publish","type":"feature","link":"https:\/\/www.sumino-yokohama.jp\/contents\/feature\/feature-445\/","title":{"rendered":"LIGHT LAYERS, AUTUMN DAYS.\u3000\u8efd\u304f\u91cd\u306d\u3066\u3001\u79cb\u3092\u306f\u3058\u3081\u308b\u3002"},"content":{"rendered":"\n<style>\n\/* =========================================================\n   LIGHT OUTER FEATURE \/ AUTUMN\n========================================================= *\/\n\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@400;500&family=Noto+Serif+JP:wght@400;500&display=swap');\n\n.light-feature {\n  max-width: 1100px;\n  margin: 0 auto;\n  padding: 0 24px 140px;\n  color: #333;\n  font-family: \"Noto Serif JP\", serif;\n  line-height: 1.9;\n  box-sizing: border-box;\n}\n\n.light-feature *,\n.light-feature *::before,\n.light-feature *::after {\n  box-sizing: border-box;\n}\n\n\n\/* =========================================================\n   HERO\n========================================================= *\/\n\n.light-hero {\n  position: relative;\n  margin: 0 auto 145px;\n}\n\n.hero-image {\n  position: relative;\n  width: 88%;\n  max-width: 980px;\n  margin: 0 auto;\n  overflow: hidden;\n}\n\n.hero-image img {\n  display: block;\n  width: 100%;\n  height: auto;\n}\n\n.hero-title {\n  position: absolute;\n  left: 6%;\n  bottom: 8%;\n  z-index: 5;\n  color: #fff;\n  text-shadow: 0 2px 18px rgba(0,0,0,.18);\n}\n\n.hero-title-en {\n  margin: 0;\n  font-family: \"Cormorant Garamond\", serif;\n  font-size: clamp(52px, 7vw, 88px);\n  font-weight: 400;\n  letter-spacing: .06em;\n  line-height: .9;\n}\n\n.hero-title-jp {\n  margin: 20px 0 0;\n  font-size: 13px;\n  letter-spacing: .25em;\n}\n\n\n\/* =========================================================\n   INTRO\n========================================================= *\/\n\n.light-intro {\n  max-width: 620px;\n  margin: 0 auto 145px;\n  text-align: center;\n}\n\n.intro-en {\n  margin: 0 0 15px;\n  font-family: \"Cormorant Garamond\", serif;\n  font-size: 15px;\n  letter-spacing: .3em;\n}\n\n.intro-title {\n  margin: 0;\n  font-family: \"Cormorant Garamond\", serif;\n  font-size: 27px;\n  font-weight: 400;\n  letter-spacing: .1em;\n}\n\n.intro-text {\n  margin: 30px auto 0;\n  font-size: 11.5px;\n  line-height: 2.35;\n  letter-spacing: .07em;\n}\n\n\n\/* =========================================================\n   SLIDER\n========================================================= *\/\n\n.light-slider {\n  position: relative;\n  width: 100%;\n}\n\n.light-slides {\n  position: relative;\n  width: 100%;\n}\n\n.light-slide {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  opacity: 0;\n  visibility: hidden;\n  transition:\n    opacity 2s ease-in-out,\n    visibility 2s ease-in-out;\n}\n\n.light-slide.active {\n  position: relative;\n  opacity: 1;\n  visibility: visible;\n  z-index: 2;\n}\n\n.light-slide img {\n  display: block;\n  width: 100%;\n  height: auto;\n}\n\n\n\/* =========================================================\n   DOT\n========================================================= *\/\n\n.light-dots {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 9px;\n  margin-top: 17px;\n}\n\n.light-dot {\n  width: 5px;\n  height: 5px;\n  padding: 0;\n  border: 0;\n  border-radius: 50%;\n  background: #c9c9c9;\n  cursor: pointer;\n  transition: all .4s ease;\n}\n\n.light-dot.active {\n  background: #555;\n  transform: scale(1.45);\n}\n\n\n\/* =========================================================\n   COMMON\n========================================================= *\/\n\n.section-number {\n  margin-bottom: 17px;\n  font-family: \"Cormorant Garamond\", serif;\n  font-size: 12px;\n  letter-spacing: .3em;\n  color: #777;\n}\n\n.section-text {\n  margin: 28px 0 0;\n  font-size: 11px;\n  line-height: 2.35;\n  letter-spacing: .06em;\n}\n\n\n\/* =========================================================\n   01 DENIM\n   IMAGE LEFT \/ TEXT RIGHT\n========================================================= *\/\n\n.denim-section {\n  display: grid;\n  grid-template-columns: minmax(0, 1.08fr) minmax(250px, .72fr);\n  gap: 65px;\n  align-items: center;\n  width: 94%;\n  margin: 0 auto 175px;\n}\n\n.denim-image {\n  width: 92%;\n}\n\n.denim-copy {\n  padding-right: 5px;\n}\n\n.denim-en {\n  margin: 0;\n  font-family: \"Cormorant Garamond\", serif;\n  font-size: clamp(44px, 5vw, 65px);\n  font-weight: 400;\n  letter-spacing: .04em;\n  line-height: .9;\n}\n\n.denim-jp {\n  margin: 22px 0 0;\n  font-size: 12.5px;\n  letter-spacing: .16em;\n}\n\n\n\/* =========================================================\n   02 DESIGN DENIM\n   TEXT LEFT \/ IMAGE RIGHT\n========================================================= *\/\n\n.design-section {\n  display: grid;\n  grid-template-columns: minmax(250px, .72fr) minmax(0, 1.08fr);\n  gap: 70px;\n  align-items: center;\n  width: 94%;\n  margin: 0 auto 190px;\n}\n\n.design-copy {\n  order: 1;\n}\n\n.design-image {\n  order: 2;\n  width: 92%;\n}\n\n.design-en {\n  margin: 0;\n  font-family: \"Cormorant Garamond\", serif;\n  font-size: clamp(43px, 4.8vw, 63px);\n  font-weight: 400;\n  letter-spacing: .03em;\n  line-height: .9;\n}\n\n.design-jp {\n  margin: 23px 0 0;\n  font-size: 12.5px;\n  letter-spacing: .12em;\n}\n\n.design-text {\n  margin: 28px 0 0;\n  font-size: 11px;\n  line-height: 2.35;\n  letter-spacing: .06em;\n}\n\n\n\/* =========================================================\n   03 MOUNTAIN PARKA\n   IMAGE + ENGLISH TITLE OVERLAY\n========================================================= *\/\n\n.parka-section {\n  width: 100%;\n  margin: 0 auto 180px;\n}\n\n.parka-image {\n  position: relative;\n  width: 88%;\n  max-width: 980px;\n  margin: 0 auto;\n}\n\n.parka-overlay {\n  position: absolute;\n  left: 6%;\n  bottom: 9%;\n  z-index: 5;\n  color: #fff;\n  text-shadow: 0 2px 18px rgba(0,0,0,.2);\n}\n\n.parka-en {\n  margin: 0;\n  font-family: \"Cormorant Garamond\", serif;\n  font-size: clamp(48px, 6vw, 76px);\n  font-weight: 400;\n  letter-spacing: .04em;\n  line-height: .9;\n}\n\n.parka-copy {\n  width: 100%;\n  max-width: 620px;\n  margin: 42px auto 0;\n  text-align: center;\n}\n\n.parka-copy .section-number {\n  margin-bottom: 15px;\n}\n\n.parka-jp {\n  margin: 0;\n  font-size: 13px;\n  letter-spacing: .2em;\n}\n\n.parka-text {\n  max-width: 480px;\n  margin: 25px auto 0;\n  font-size: 11px;\n  line-height: 2.3;\n  letter-spacing: .06em;\n}\n\n\n\/* =========================================================\n   04 OVER SHIRT\n   TITLE \/ IMAGE \/ TEXT\n========================================================= *\/\n\n.shirt-section {\n  width: 100%;\n  max-width: 850px;\n  margin: 0 auto 170px;\n  text-align: center;\n}\n\n.shirt-heading {\n  margin-bottom: 43px;\n}\n\n.shirt-en {\n  margin: 0;\n  font-family: \"Cormorant Garamond\", serif;\n  font-size: clamp(47px, 5.8vw, 73px);\n  font-weight: 400;\n  letter-spacing: .05em;\n  line-height: .9;\n}\n\n.shirt-jp {\n  margin: 19px 0 0;\n  font-size: 12.5px;\n  letter-spacing: .18em;\n}\n\n.shirt-image {\n  width: 72%;\n  max-width: 680px;\n  margin: 0 auto;\n}\n\n.shirt-text {\n  max-width: 590px;\n  margin: 35px auto 0;\n  font-size: 11px;\n  line-height: 2.35;\n  letter-spacing: .06em;\n}\n\n\n\/* =========================================================\n   LINK BUTTON\n========================================================= *\/\n\n.light-product-link {\n  display: inline-block;\n  margin-top: 31px;\n  padding: 8px 27px;\n  border: 1px solid #777;\n  color: #333 !important;\n  text-decoration: none !important;\n  font-family: \"Cormorant Garamond\", serif;\n  font-size: 13px;\n  letter-spacing: .16em;\n  transition: all .4s ease;\n}\n\n.light-product-link:hover {\n  background: #333;\n  color: #fff !important;\n}\n\n\n\/* =========================================================\n   CLOSING\n========================================================= *\/\n\n.light-closing {\n  padding: 105px 20px 20px;\n  border-top: 1px solid #ddd;\n  text-align: center;\n}\n\n.closing-en {\n  margin: 0;\n  font-family: \"Cormorant Garamond\", serif;\n  font-size: clamp(38px, 5vw, 60px);\n  font-weight: 400;\n  letter-spacing: .07em;\n  line-height: .95;\n}\n\n.closing-jp {\n  margin: 20px 0 0;\n  font-size: 13px;\n  letter-spacing: .18em;\n}\n\n.closing-text {\n  max-width: 570px;\n  margin: 30px auto 0;\n  font-size: 11px;\n  line-height: 2.35;\n  letter-spacing: .07em;\n}\n\n\n\/* =========================================================\n   SCROLL FADE\n========================================================= *\/\n\n.light-fade {\n  opacity: 0;\n  transform: translateY(28px);\n  transition:\n    opacity 1.3s ease,\n    transform 1.3s ease;\n}\n\n.light-fade.is-visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media screen and (max-width: 768px) {\n\n  .light-feature {\n    padding-left: 16px;\n    padding-right: 16px;\n    padding-bottom: 100px;\n  }\n\n\n  \/* HERO *\/\n\n  .hero-image {\n    width: 100%;\n  }\n\n  .light-hero {\n    margin-bottom: 105px;\n  }\n\n  .hero-title {\n    left: 5%;\n    bottom: 7%;\n  }\n\n  .hero-title-en {\n    font-size: 55px;\n  }\n\n  .hero-title-jp {\n    font-size: 11px;\n  }\n\n\n  \/* INTRO *\/\n\n  .light-intro {\n    margin-bottom: 110px;\n  }\n\n\n  \/* 01 \/ 02 *\/\n\n  .denim-section,\n  .design-section {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    gap: 34px;\n    margin-bottom: 115px;\n  }\n\n  .denim-image,\n  .design-image {\n    width: 100%;\n  }\n\n  .denim-copy,\n  .design-copy {\n    width: 100%;\n    padding: 0;\n    text-align: center;\n  }\n\n  .design-copy {\n    order: 1;\n  }\n\n  .design-image {\n    order: 2;\n  }\n\n\n  \/* 03 *\/\n\n  .parka-section {\n    margin-bottom: 115px;\n  }\n\n  .parka-image {\n    width: 100%;\n  }\n\n  .parka-overlay {\n    left: 5%;\n    bottom: 7%;\n  }\n\n  .parka-en {\n    font-size: 52px;\n  }\n\n  .parka-copy {\n    margin-top: 35px;\n    padding: 0 10px;\n  }\n\n\n  \/* 04 *\/\n\n  .shirt-section {\n    width: 100%;\n    margin-bottom: 110px;\n  }\n\n  .shirt-image {\n    width: 90%;\n  }\n\n}\n\n\n\/* =========================================================\n   SMARTPHONE\n========================================================= *\/\n\n@media screen and (max-width: 480px) {\n\n  .light-feature {\n    padding-left: 10px;\n    padding-right: 10px;\n    padding-bottom: 75px;\n  }\n\n\n  \/* HERO *\/\n\n  .light-hero {\n    margin-bottom: 78px;\n  }\n\n  .hero-title {\n    left: 5%;\n    bottom: 6%;\n  }\n\n  .hero-title-en {\n    font-size: 39px;\n    letter-spacing: .035em;\n  }\n\n  .hero-title-jp {\n    margin-top: 11px;\n    font-size: 9px;\n    letter-spacing: .2em;\n  }\n\n\n  \/* INTRO *\/\n\n  .light-intro {\n    margin-bottom: 85px;\n  }\n\n  .intro-en {\n    font-size: 12px;\n  }\n\n  .intro-title {\n    font-size: 19px;\n  }\n\n  .intro-text {\n    margin-top: 25px;\n    font-size: 10px;\n    line-height: 2.15;\n  }\n\n\n  \/* SLIDER *\/\n\n  .light-dots {\n    margin-top: 13px;\n    gap: 8px;\n  }\n\n\n  \/* 01 \/ 02 *\/\n\n  .denim-section,\n  .design-section {\n    gap: 27px;\n    margin-bottom: 100px;\n  }\n\n  .denim-en,\n  .design-en {\n    font-size: 42px;\n  }\n\n  .section-number {\n    margin-bottom: 14px;\n    font-size: 10px;\n  }\n\n  .denim-jp,\n  .design-jp {\n    margin-top: 17px;\n    font-size: 10.5px;\n  }\n\n  .section-text,\n  .design-text {\n    margin-top: 23px;\n    font-size: 10px;\n    line-height: 2.15;\n  }\n\n\n  \/* 03 *\/\n\n  .parka-section {\n    margin-bottom: 100px;\n  }\n\n  .parka-image {\n    width: 100%;\n  }\n\n  .parka-overlay {\n    left: 5%;\n    bottom: 7%;\n  }\n\n  .parka-en {\n    font-size: 42px;\n    letter-spacing: .03em;\n  }\n\n  .parka-copy {\n    margin-top: 27px;\n    padding: 0 6px;\n  }\n\n  .parka-jp {\n    font-size: 10px;\n  }\n\n  .parka-text {\n    width: 100%;\n    max-width: 100%;\n    margin-top: 20px;\n    font-size: 10px;\n    line-height: 2.15;\n  }\n\n  .parka-text br {\n    display: none;\n  }\n\n\n  \/* 04 *\/\n\n  .shirt-section {\n    margin-bottom: 95px;\n  }\n\n  .shirt-heading {\n    margin-bottom: 28px;\n  }\n\n  .shirt-en {\n    font-size: 43px;\n  }\n\n  .shirt-jp {\n    margin-top: 15px;\n    font-size: 10.5px;\n  }\n\n  .shirt-image {\n    width: 100%;\n  }\n\n  .shirt-text {\n    margin-top: 27px;\n    font-size: 10px;\n    line-height: 2.15;\n  }\n\n\n  \/* BUTTON *\/\n\n  .light-product-link {\n    margin-top: 22px;\n    padding: 7px 21px;\n    font-size: 11px;\n  }\n\n\n  \/* CLOSING *\/\n\n  .light-closing {\n    padding-top: 70px;\n  }\n\n  .closing-en {\n    font-size: 37px;\n  }\n\n  .closing-jp {\n    font-size: 10.5px;\n  }\n\n  .closing-text {\n    margin-top: 25px;\n    font-size: 10px;\n    line-height: 2.1;\n  }\n\n}\n<\/style>\n\n\n<div class=\"light-feature\">\n\n\n<!-- =====================================================\n     HERO\n===================================================== -->\n\n<section class=\"light-hero light-fade\">\n\n  <div class=\"hero-image\">\n\n    <img decoding=\"async\"\n      src=\"https:\/\/www.sumino-yokohama.jp\/contents\/nsk\/wpist\/wp-content\/uploads\/2026\/09\/light_layers_main.png\"\n      alt=\"\u79cb\u306e\u30e9\u30a4\u30c8\u30a2\u30a6\u30bf\u30fc\u7279\u96c6\"\n    >\n\n    <div class=\"hero-title\">\n\n      <h1 class=\"hero-title-en\">\n        LIGHTLY INTO AUTUMN.\n      <\/h1>\n\n      <p class=\"hero-title-jp\">\n        \u8efd\u3084\u304b\u306b\u3001\u79cb\u3078\u3002\n      <\/p>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n\n<!-- =====================================================\n     INTRO\n===================================================== -->\n\n<section class=\"light-intro light-fade\">\n\n  <p class=\"intro-en\">\n    AUTUMN LAYERING\n  <\/p>\n\n  <h2 class=\"intro-title\">\n    \u4eca\u306e\u5b63\u7bc0\u306b\u3001\u3061\u3087\u3046\u3069\u3044\u3044\u4e00\u679a\u3002\n  <\/h2>\n\n  <p class=\"intro-text\">\n    \u307e\u3060\u539a\u624b\u306e\u30b3\u30fc\u30c8\u306b\u306f\u65e9\u3044\u3051\u308c\u3069\u3001<br>\n    \u590f\u306e\u670d\u3060\u3051\u3067\u306f\u5c11\u3057\u5fc3\u3082\u3068\u306a\u3044\u3002<br>\n    <br>\n    \u305d\u3093\u306a\u5b63\u7bc0\u306b\u983c\u308a\u305f\u3044\u306e\u304c\u3001\u8efd\u3084\u304b\u306a\u7fbd\u7e54\u308a\u3082\u306e\u3002<br>\n    <br>\n    \u30c7\u30cb\u30e0\u3001\u30de\u30a6\u30f3\u30c6\u30f3\u30d1\u30fc\u30ab\u30fc\u3001\u30b7\u30e3\u30c4\u611f\u899a\u306e\u4e00\u679a\u3002<br>\n    \u305d\u306e\u65e5\u306e\u6c17\u5206\u306b\u5408\u308f\u305b\u3066\u3001\u79cb\u3092\u5c11\u3057\u305a\u3064\u91cd\u306d\u3066\u3002\n  <\/p>\n\n<\/section>\n\n\n\n<!-- =====================================================\n     01 DENIM\n===================================================== -->\n\n<section class=\"denim-section light-fade\">\n\n\n  <div class=\"denim-image\">\n\n    <div class=\"light-slider\">\n\n      <div class=\"light-slides\">\n\n        <!-- G\u30b8\u30e3\u30f3\u753b\u50cf01 -->\n        <div class=\"light-slide active\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/www.sumino-yokohama.jp\/contents\/nsk\/wpist\/wp-content\/uploads\/2026\/09\/DSC_90491.jpg\"\n            alt=\"G\u30b8\u30e3\u30f3 \u30b9\u30bf\u30a4\u30ea\u30f3\u30b001\"\n          >\n\n        <\/div>\n\n\n        <!-- G\u30b8\u30e3\u30f3\u753b\u50cf02 -->\n        <div class=\"light-slide\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/www.sumino-yokohama.jp\/contents\/nsk\/wpist\/wp-content\/uploads\/2026\/09\/DSC_90301.jpg\"\n            alt=\"G\u30b8\u30e3\u30f3 \u30b9\u30bf\u30a4\u30ea\u30f3\u30b002\"\n          >\n\n        <\/div>\n\n\n        <!-- G\u30b8\u30e3\u30f3\u753b\u50cf03 -->\n        <div class=\"light-slide\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/www.sumino-yokohama.jp\/contents\/nsk\/wpist\/wp-content\/uploads\/2026\/09\/DSC_99201.jpg\"\n            alt=\"G\u30b8\u30e3\u30f3 \u30b9\u30bf\u30a4\u30ea\u30f3\u30b003\"\n          >\n\n        <\/div>\n\n      <\/div>\n\n\n      <div class=\"light-dots\">\n\n        <button\n          class=\"light-dot active\"\n          type=\"button\"\n          aria-label=\"\u753b\u50cf1\"\n        ><\/button>\n\n        <button\n          class=\"light-dot\"\n          type=\"button\"\n          aria-label=\"\u753b\u50cf2\"\n        ><\/button>\n\n        <button\n          class=\"light-dot\"\n          type=\"button\"\n          aria-label=\"\u753b\u50cf3\"\n        ><\/button>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n\n  <div class=\"denim-copy\">\n\n    <div class=\"section-number\">\n      01 \/ DENIM JACKET\n    <\/div>\n\n    <h2 class=\"denim-en\">\n      DENIM<br>\n      DAYS\n    <\/h2>\n\n    <p class=\"denim-jp\">\n      \u79cb\u306e\u30b9\u30bf\u30a4\u30eb\u306b\u3001\u30c7\u30cb\u30e0\u3092\u3002\n    <\/p>\n\n    <p class=\"section-text\">\n      \u3044\u3064\u3082\u306e\u30ef\u30fc\u30c9\u30ed\u30fc\u30d6\u306b\u3001\u8ff7\u308f\u305a\u624b\u3092\u4f38\u3070\u305b\u308bG\u30b8\u30e3\u30f3\u3002<br>\n      \u30ef\u30f3\u30d4\u30fc\u30b9\u306e\u4e0a\u306b\u91cd\u306d\u305f\u308a\u3001\u30b9\u30ab\u30fc\u30c8\u3067\u5c11\u3057\u5973\u3063\u307d\u304f\u3057\u305f\u308a\u3002<br>\n      \u30ab\u30b8\u30e5\u30a2\u30eb\u306a\u306e\u306b\u3001\u5408\u308f\u305b\u308b\u670d\u3067\u8868\u60c5\u304c\u5909\u308f\u308b\u3002<br>\n      \u79cb\u306e\u5165\u308a\u53e3\u306b\u306f\u3001\u305d\u3093\u306a\u5b9a\u756a\u304c\u3061\u3087\u3046\u3069\u3044\u3044\u3002\n    <\/p>\n\n    <a\n      href=\"https:\/\/www.sumino-yokohama.jp\/c\/hampstead\/hampstead-outer\/hampstead-blouson\/hampstead-denim-jacket\/CO0540BG\"\n      class=\"light-product-link\"\n    >\n      VIEW ITEM\n    <\/a>\n\n  <\/div>\n\n<\/section>\n\n\n\n<!-- =====================================================\n     02 DESIGN DENIM\n===================================================== -->\n\n<section class=\"design-section light-fade\">\n\n\n  <div class=\"design-copy\">\n\n    <div class=\"section-number\">\n      02 \/ NEW DENIM\n    <\/div>\n\n    <h2 class=\"design-en\">\n      A LITTLE<br>\n      DIFFERENT.\n    <\/h2>\n\n    <p class=\"design-jp\">\n      \u3044\u3064\u3082\u306eG\u30b8\u30e3\u30f3\u3092\u3001\u5c11\u3057\u65b0\u3057\u304f\u3002\n    <\/p>\n\n    <p class=\"design-text\">\n      \u30ce\u30fc\u30ab\u30e9\u30fc\u3084\u7570\u7d20\u6750\u306e\u30c9\u30c3\u30ad\u30f3\u30b0\u3002<br>\n      \u898b\u6163\u308c\u305fG\u30b8\u30e3\u30f3\u306b\u3082\u3001\u4eca\u306e\u6c17\u5206\u3092\u53d6\u308a\u5165\u308c\u308b\u65b9\u6cd5\u304c\u3042\u308a\u307e\u3059\u3002<br>\n      \u30b7\u30f3\u30d7\u30eb\u306a\u30b9\u30bf\u30a4\u30ea\u30f3\u30b0\u306b\u5408\u308f\u305b\u308b\u3060\u3051\u3067\u3001<br>\n      \u3044\u3064\u3082\u306e\u30c7\u30cb\u30e0\u304c\u5c11\u3057\u65b0\u9bae\u306b\u3002\n    <\/p>\n\n    <a\n      href=\"https:\/\/www.sumino-yokohama.jp\/c\/hampstead\/hampstead-outer\/hampstead-blouson\/hampstead-denim-jacket\"\n      class=\"light-product-link\"\n    >\n      VIEW DENIM\n    <\/a>\n\n  <\/div>\n\n\n  <div class=\"design-image\">\n\n    <div class=\"light-slider\">\n\n      <div class=\"light-slides\">\n\n        <!-- \u30c7\u30b6\u30a4\u30f3G\u30b8\u30e3\u30f3\u753b\u50cf01 -->\n        <div class=\"light-slide active\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/www.sumino-yokohama.jp\/contents\/nsk\/wpist\/wp-content\/uploads\/2026\/09\/DSC_1602.jpg\"\n            alt=\"\u30c7\u30b6\u30a4\u30f3G\u30b8\u30e3\u30f3 \u30b9\u30bf\u30a4\u30ea\u30f3\u30b001\"\n          >\n\n        <\/div>\n\n\n        <!-- \u30c7\u30b6\u30a4\u30f3G\u30b8\u30e3\u30f3\u753b\u50cf02 -->\n        <div class=\"light-slide\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/www.sumino-yokohama.jp\/contents\/nsk\/wpist\/wp-content\/uploads\/2026\/09\/DSC_6883.jpg\"\n            alt=\"\u30c7\u30b6\u30a4\u30f3G\u30b8\u30e3\u30f3 \u30b9\u30bf\u30a4\u30ea\u30f3\u30b002\"\n          >\n\n        <\/div>\n\n\n        <!-- \u30c7\u30b6\u30a4\u30f3G\u30b8\u30e3\u30f3\u753b\u50cf03 -->\n        <div class=\"light-slide\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/www.sumino-yokohama.jp\/contents\/nsk\/wpist\/wp-content\/uploads\/2026\/09\/DSC_4273.jpg\"\n            alt=\"\u30c7\u30b6\u30a4\u30f3G\u30b8\u30e3\u30f3 \u30b9\u30bf\u30a4\u30ea\u30f3\u30b003\"\n          >\n\n        <\/div>\n\n      <\/div>\n\n\n      <div class=\"light-dots\">\n\n        <button\n          class=\"light-dot active\"\n          type=\"button\"\n          aria-label=\"\u753b\u50cf1\"\n        ><\/button>\n\n        <button\n          class=\"light-dot\"\n          type=\"button\"\n          aria-label=\"\u753b\u50cf2\"\n        ><\/button>\n\n        <button\n          class=\"light-dot\"\n          type=\"button\"\n          aria-label=\"\u753b\u50cf3\"\n        ><\/button>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n\n<!-- =====================================================\n     03 MOUNTAIN PARKA\n===================================================== -->\n\n<section class=\"parka-section light-fade\">\n\n\n  <div class=\"parka-image\">\n\n    <div class=\"light-slider\">\n\n      <div class=\"light-slides\">\n\n        <!-- \u30de\u30a6\u30f3\u30c6\u30f3\u30d1\u30fc\u30ab\u30fc\u753b\u50cf01 -->\n        <div class=\"light-slide active\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/www.sumino-yokohama.jp\/contents\/nsk\/wpist\/wp-content\/uploads\/2026\/09\/DSC_6827.jpg\"\n            alt=\"\u30de\u30a6\u30f3\u30c6\u30f3\u30d1\u30fc\u30ab\u30fc \u30b9\u30bf\u30a4\u30ea\u30f3\u30b001\"\n          >\n\n        <\/div>\n\n\n        <!-- \u30de\u30a6\u30f3\u30c6\u30f3\u30d1\u30fc\u30ab\u30fc\u753b\u50cf02 -->\n        <div class=\"light-slide\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/www.sumino-yokohama.jp\/contents\/nsk\/wpist\/wp-content\/uploads\/2026\/09\/DSC_6943.jpg\"\n            alt=\"\u30de\u30a6\u30f3\u30c6\u30f3\u30d1\u30fc\u30ab\u30fc \u30b9\u30bf\u30a4\u30ea\u30f3\u30b002\"\n          >\n\n        <\/div>\n\n\n        <!-- \u30de\u30a6\u30f3\u30c6\u30f3\u30d1\u30fc\u30ab\u30fc\u753b\u50cf03 -->\n        <div class=\"light-slide\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/www.sumino-yokohama.jp\/contents\/nsk\/wpist\/wp-content\/uploads\/2026\/09\/DSC_4061.jpg\"\n            alt=\"\u30de\u30a6\u30f3\u30c6\u30f3\u30d1\u30fc\u30ab\u30fc \u30b9\u30bf\u30a4\u30ea\u30f3\u30b003\"\n          >\n\n        <\/div>\n\n      <\/div>\n\n\n      <div class=\"light-dots\">\n\n        <button\n          class=\"light-dot active\"\n          type=\"button\"\n          aria-label=\"\u753b\u50cf1\"\n        ><\/button>\n\n        <button\n          class=\"light-dot\"\n          type=\"button\"\n          aria-label=\"\u753b\u50cf2\"\n        ><\/button>\n\n        <button\n          class=\"light-dot\"\n          type=\"button\"\n          aria-label=\"\u753b\u50cf3\"\n        ><\/button>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- EASY, AUTUMN. \u306f\u753b\u50cf\u306e\u4e0a -->\n\n    <div class=\"parka-overlay\">\n\n      <h2 class=\"parka-en\">\n        EASY,<br>\n        AUTUMN.\n      <\/h2>\n\n    <\/div>\n\n  <\/div>\n\n\n  <!-- \u65e5\u672c\u8a9e\u30b3\u30d4\u30fc\u306f\u753b\u50cf\u306e\u4e0b -->\n\n  <div class=\"parka-copy\">\n\n    <div class=\"section-number\">\n      03 \/ MOUNTAIN PARKA\n    <\/div>\n\n    <p class=\"parka-jp\">\n      \u8efd\u3084\u304b\u306b\u7fbd\u7e54\u308b\u3001\u79cb\u306e\u30a2\u30a6\u30bf\u30fc\u3002\n    <\/p>\n\n    <p class=\"parka-text\">\n      \u3055\u3063\u3068\u7fbd\u7e54\u308c\u3066\u3001\u30b9\u30bf\u30a4\u30ea\u30f3\u30b0\u3092\u9078\u3070\u306a\u3044\u3002<br>\n      \u30b9\u30ab\u30fc\u30c8\u3067\u8efd\u3084\u304b\u306b\u3001\u30d1\u30f3\u30c4\u3067\u5c11\u3057\u30dc\u30fc\u30a4\u30c3\u30b7\u30e5\u306b\u3002<br>\n      \u79cb\u306e\u30ab\u30b8\u30e5\u30a2\u30eb\u3092\u3001\u3082\u3063\u3068\u81ea\u7531\u306b\u3002\n    <\/p>\n\n    <a\n      href=\"https:\/\/www.sumino-yokohama.jp\/c\/hampstead\/hampstead-outer\/hampstead-blouson\/hampstead-mountain-parka\"\n      class=\"light-product-link\"\n    >\n      VIEW MOUNTAIN PARKA\n    <\/a>\n\n  <\/div>\n\n<\/section>\n\n\n\n<!-- =====================================================\n     04 OVER SHIRT\n===================================================== -->\n\n<section class=\"shirt-section light-fade\">\n\n\n  <div class=\"shirt-heading\">\n\n    <div class=\"section-number\">\n      04 \/ OVER SHIRT\n    <\/div>\n\n    <h2 class=\"shirt-en\">\n      SHIRT \/ OUTER\n    <\/h2>\n\n    <p class=\"shirt-jp\">\n      \u30b7\u30e3\u30c4\u3068\u30a2\u30a6\u30bf\u30fc\u3001\u305d\u306e\u3042\u3044\u3060\u3002\n    <\/p>\n\n  <\/div>\n\n\n  <div class=\"shirt-image\">\n\n    <div class=\"light-slider\">\n\n      <div class=\"light-slides\">\n\n        <!-- \u30aa\u30fc\u30d0\u30fc\u30b7\u30e3\u30c4\u753b\u50cf01 -->\n        <div class=\"light-slide active\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/www.sumino-yokohama.jp\/contents\/nsk\/wpist\/wp-content\/uploads\/2026\/09\/DSC_71871.jpg\"\n            alt=\"Healthy DENIM \u30aa\u30fc\u30d0\u30fc\u30b7\u30e3\u30c4 \u30b9\u30bf\u30a4\u30ea\u30f3\u30b001\"\n          >\n\n        <\/div>\n\n\n        <!-- \u30aa\u30fc\u30d0\u30fc\u30b7\u30e3\u30c4\u753b\u50cf02 -->\n        <div class=\"light-slide\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/www.sumino-yokohama.jp\/contents\/nsk\/wpist\/wp-content\/uploads\/2026\/09\/DSC_7462.jpg\"\n            alt=\"Healthy DENIM \u30aa\u30fc\u30d0\u30fc\u30b7\u30e3\u30c4 \u30b9\u30bf\u30a4\u30ea\u30f3\u30b002\"\n          >\n\n        <\/div>\n\n\n        <!-- \u30aa\u30fc\u30d0\u30fc\u30b7\u30e3\u30c4\u753b\u50cf03 -->\n        <div class=\"light-slide\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/www.sumino-yokohama.jp\/contents\/nsk\/wpist\/wp-content\/uploads\/2026\/09\/DSC_7231.jpg\"\n            alt=\"Healthy DENIM \u30aa\u30fc\u30d0\u30fc\u30b7\u30e3\u30c4 \u30b9\u30bf\u30a4\u30ea\u30f3\u30b003\"\n          >\n\n        <\/div>\n\n      <\/div>\n\n\n      <div class=\"light-dots\">\n\n        <button\n          class=\"light-dot active\"\n          type=\"button\"\n          aria-label=\"\u753b\u50cf1\"\n        ><\/button>\n\n        <button\n          class=\"light-dot\"\n          type=\"button\"\n          aria-label=\"\u753b\u50cf2\"\n        ><\/button>\n\n        <button\n          class=\"light-dot\"\n          type=\"button\"\n          aria-label=\"\u753b\u50cf3\"\n        ><\/button>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n\n  <p class=\"shirt-text\">\n    \u30b7\u30e3\u30c4\u306e\u8efd\u3055\u3067\u7740\u3089\u308c\u3066\u3001\u30a2\u30a6\u30bf\u30fc\u306e\u3088\u3046\u306b\u3082\u983c\u308c\u308b\u3002<br>\n    \u305d\u3093\u306a\u66d6\u6627\u3055\u304c\u3001\u5b63\u7bc0\u306e\u5909\u308f\u308a\u76ee\u306b\u306f\u3061\u3087\u3046\u3069\u3044\u3044\u3002<br>\n    T\u30b7\u30e3\u30c4\u306e\u4e0a\u306b\u3055\u3089\u308a\u3068\u3002<br>\n    \u3082\u3046\u5c11\u3057\u5b63\u7bc0\u304c\u9032\u3093\u3060\u3089\u3001\u30cb\u30c3\u30c8\u306e\u4e0a\u306b\u3082\u3002\n  <\/p>\n\n\n  <a\n    href=\"https:\/\/www.sumino-yokohama.jp\/p\/search?tag=Hampstead&amp;keyword=Almond\"\n    class=\"light-product-link\"\n  >\n    VIEW OVER SHIRT\n  <\/a>\n\n<\/section>\n\n\n\n<!-- =====================================================\n     CLOSING\n===================================================== -->\n\n<section class=\"light-closing light-fade\">\n\n  <h2 class=\"closing-en\">\n    A NEW LAYER,<br>\n    FOR A NEW SEASON.\n  <\/h2>\n\n  <p class=\"closing-jp\">\n    \u79cb\u306e\u306f\u3058\u307e\u308a\u306b\u3001\u6700\u521d\u306e\u4e00\u679a\u3092\u3002\n  <\/p>\n\n  <p class=\"closing-text\">\n    \u3044\u3064\u3082\u306e\u30b9\u30bf\u30a4\u30eb\u306b\u3001\u8efd\u304f\u4e00\u679a\u3002<br>\n    \u305d\u308c\u3060\u3051\u3067\u3001\u5b63\u7bc0\u306e\u7a7a\u6c17\u304c\u5c11\u3057\u5909\u308f\u308b\u3002<br>\n    \u305d\u306e\u65e5\u306e\u6c17\u5206\u3068\u3001\u3053\u308c\u304b\u3089\u306e\u5b63\u7bc0\u306b\u5bc4\u308a\u6dfb\u3046<br>\n    \u65b0\u3057\u3044\u30e9\u30a4\u30c8\u30a2\u30a6\u30bf\u30fc\u3092\u898b\u3064\u3051\u3066\u3002\n  <\/p>\n\n<\/section>\n\n\n<\/div>\n\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n\n\n  \/* =====================================================\n     SLIDER\n     4\u79d2\u3054\u3068\u306b\u5207\u308a\u66ff\u3048\n     \u30d5\u30a7\u30fc\u30c92\u79d2\n  ===================================================== *\/\n\n  const sliders =\n    document.querySelectorAll(\".light-slider\");\n\n\n  sliders.forEach(function (slider) {\n\n    const slides =\n      slider.querySelectorAll(\".light-slide\");\n\n    const dots =\n      slider.querySelectorAll(\".light-dot\");\n\n    if (!slides.length) return;\n\n\n    let current = 0;\n    let timer;\n\n\n    function showSlide(index) {\n\n      slides.forEach(function (slide, i) {\n\n        slide.classList.toggle(\n          \"active\",\n          i === index\n        );\n\n      });\n\n\n      dots.forEach(function (dot, i) {\n\n        dot.classList.toggle(\n          \"active\",\n          i === index\n        );\n\n      });\n\n\n      current = index;\n\n    }\n\n\n    function startSlider() {\n\n      clearInterval(timer);\n\n      timer = setInterval(function () {\n\n        let next = current + 1;\n\n        if (next >= slides.length) {\n          next = 0;\n        }\n\n        showSlide(next);\n\n      }, 4000);\n\n    }\n\n\n    dots.forEach(function (dot, index) {\n\n      dot.addEventListener(\"click\", function () {\n\n        clearInterval(timer);\n\n        showSlide(index);\n\n        startSlider();\n\n      });\n\n    });\n\n\n    showSlide(0);\n    startSlider();\n\n  });\n\n\n\n  \/* =====================================================\n     SCROLL FADE\n  ===================================================== *\/\n\n  const fadeItems =\n    document.querySelectorAll(\".light-fade\");\n\n\n  const observer =\n    new IntersectionObserver(\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            observer.unobserve(\n              entry.target\n            );\n\n          }\n\n        });\n\n      },\n      {\n        threshold: 0.12\n      }\n    );\n\n\n  fadeItems.forEach(function (item) {\n\n    observer.observe(item);\n\n  });\n\n});\n<\/script>\n","protected":false},"featured_media":469,"parent":0,"menu_order":0,"template":"","brand":[5],"class_list":["post-445","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\/445","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\/469"}],"wp:attachment":[{"href":"https:\/\/www.sumino-yokohama.jp\/contents\/wp-json\/wp\/v2\/media?parent=445"}],"wp:term":[{"taxonomy":"brand","embeddable":true,"href":"https:\/\/www.sumino-yokohama.jp\/contents\/wp-json\/wp\/v2\/brand?post=445"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}