{"id":374,"date":"2026-09-14T09:24:07","date_gmt":"2026-09-14T00:24:07","guid":{"rendered":"https:\/\/www.sumino-yokohama.jp\/contents\/?post_type=feature&#038;p=374"},"modified":"2026-09-14T09:24:07","modified_gmt":"2026-09-14T00:24:07","slug":"feature-374","status":"publish","type":"feature","link":"https:\/\/www.sumino-yokohama.jp\/contents\/feature\/feature-374\/","title":{"rendered":"Fall in Layers -\u79cb\u3092\u306f\u3058\u3081\u308b\u3001\u8efd\u3084\u304b\u306a\u30ec\u30a4\u30e4\u30fc\u30c9-"},"content":{"rendered":"\n<!-- ============================================================\n  AUTUMN TREND \u7279\u96c6\u30da\u30fc\u30b8\n  WordPress\u300c\u30ab\u30b9\u30bf\u30e0HTML\u300d\u30d6\u30ed\u30c3\u30af\u306b\u3053\u306e\u5185\u5bb9\u3092\u305d\u306e\u307e\u307e\u8cbc\u308a\u4ed8\u3051\u3066\u304f\u3060\u3055\u3044\u3002\n  \u753b\u50cf\u30b5\u30a4\u30ba\u60f3\u5b9a\uff1a756\u00d7945px\uff08\u7e26\u9577\u6bd4\u7387\uff09\n============================================================ -->\n\n<style>\n.at-wrap{\n  max-width:640px;\n  margin:0 auto;\n  padding:64px 20px 96px;\n  font-family:\"Hiragino Kaku Gothic ProN\",\"Yu Gothic\",sans-serif;\n  color:#1c1c1c;\n  line-height:1.9;\n  box-sizing:border-box;\n}\n.at-wrap *{ box-sizing:border-box; }\n\n.at-title{\n  font-size:28px;\n  letter-spacing:.14em;\n  text-align:center;\n  margin:0 0 40px;\n  font-weight:600;\n}\n\n.at-hero{\n  display:block;\n  width:100%;\n  aspect-ratio:756\/945;\n  object-fit:cover;\n  margin-bottom:48px;\n}\n\n\/* fadeup\uff08\u4e0b\u304b\u3089\u3075\u308f\u3063\u3068\u8868\u793a\uff09 *\/\n.fadeup{\n  opacity:0;\n  transform:translateY(28px);\n  transition:opacity .9s ease, transform .9s ease;\n}\n.fadeup.is-visible{\n  opacity:1;\n  transform:translateY(0);\n}\n\n.at-copy{\n  text-align:center;\n  font-size:15px;\n  margin:0 0 28px;\n}\n.at-copy.at-lead{\n  font-size:17px;\n  font-weight:600;\n  letter-spacing:.03em;\n}\n\n.at-section{\n  margin-top:120px;\n}\n.at-section-title{\n  font-size:19px;\n  letter-spacing:.08em;\n  margin:0 0 32px;\n  font-weight:600;\n}\n\n\/* ---- \u753b\u50cf\u30ab\u30eb\u30fc\u30bb\u30eb\uff08\u81ea\u52d5\u6a2a\u30b9\u30af\u30ed\u30fc\u30eb\uff0b\u30c9\u30c3\u30c8\uff09 ---- *\/\n.at-carousel{\n  position:relative;\n  width:100%;\n  max-width:480px;\n  margin:0 auto;\n  overflow:hidden;\n}\n.at-carousel-track{\n  display:flex;\n  transition:transform .6s ease;\n}\n.at-carousel-track img{\n  flex:0 0 100%;\n  width:100%;\n  aspect-ratio:756\/945;\n  object-fit:cover;\n  display:block;\n}\n.at-carousel-dots{\n  position:absolute;\n  left:0;\n  right:0;\n  bottom:16px;\n  display:flex;\n  justify-content:center;\n  gap:8px;\n}\n.at-carousel-dot{\n  width:8px;\n  height:8px;\n  padding:0;\n  border:none;\n  border-radius:50%;\n  background:rgba(255,255,255,.55);\n  cursor:pointer;\n  transition:background .25s ease, transform .25s ease;\n}\n.at-carousel-dot.is-active{\n  background:#fff;\n  transform:scale(1.35);\n}\n\n.at-comment{\n  font-size:14px;\n  margin:32px 0 24px;\n  text-align:center;\n}\n\n.at-buy{\n  display:inline-block;\n  border:1px solid #1c1c1c;\n  padding:11px 48px;\n  font-size:13px;\n  letter-spacing:.1em;\n  text-decoration:none;\n  color:#1c1c1c;\n  transition:background .25s ease, color .25s ease;\n}\n.at-buy:hover{\n  background:#1c1c1c;\n  color:#fff;\n}\n\n.at-section-inner{\n  text-align:center;\n}\n\n@media (max-width:480px){\n  .at-title{ font-size:22px; }\n}\n<\/style>\n\n<div class=\"at-wrap\">\n\n  <h1 class=\"at-title fadeup\"><\/h1>\n\n  <img decoding=\"async\" class=\"at-hero fadeup\" src=\"https:\/\/www.sumino-yokohama.jp\/contents\/nsk\/wpist\/wp-content\/uploads\/2026\/09\/autumn_01.jpg\" alt=\"AUTUMN TREND\">\n\n  <p class=\"at-copy at-lead fadeup\">\n    \u4eca\u5e74\u306e&#8221;\u7fbd\u7e54\u308b&#8221;\u3092\u3001\u3082\u3063\u3068\u81ea\u7531\u306b<br>\n    \u6c17\u6e29\u5dee\u306b\u8ca0\u3051\u306a\u3044\u3001\u7740\u308b\u697d\u3057\u3055\n  <\/p>\n\n  <p class=\"at-copy fadeup\">\n    \u671d\u6669\u306e\u6c17\u6e29\u5dee\u3092\u611f\u3058\u59cb\u3081\u305f\u3089\u3001\u300c\u7fbd\u7e54\u308a\u300d\u306e\u51fa\u756a\u3002<br>\n    \u30ab\u30fc\u30c7\u30a3\u30ac\u30f3\u306e\u8efd\u3084\u304b\u3055<br>\n    \u64a5\u6c34\u30d5\u30fc\u30c9\u30d6\u30eb\u30be\u30f3\u306e\u6a5f\u80fd\u7f8e<br>\n    \u30c7\u30cb\u30e0\u30b8\u30e3\u30b1\u30c3\u30c8\u306e\u30ab\u30b8\u30e5\u30a2\u30eb\u3055\n  <\/p>\n\n  <p class=\"at-copy fadeup\">\n    \u3053\u306e\u79cb\u3001\u6c17\u5206\u3068\u6c17\u6e29\u306b\u5408\u308f\u305b\u3066\u9078\u3076&#8221;3\u3064\u306e\u7fbd\u7e54\u308a&#8221;\u3092\u3054\u7d39\u4ecb\u3002\n  <\/p>\n\n  <!-- 01. CARDIGAN -->\n  <section class=\"at-section\">\n    <h2 class=\"at-section-title fadeup\">01. CARDIGAN<\/h2>\n\n    <div class=\"at-carousel fadeup\">\n      <div class=\"at-carousel-track\">\n        <img decoding=\"async\" src=\"https:\/\/www.sumino-yokohama.jp\/contents\/nsk\/wpist\/wp-content\/uploads\/2026\/09\/autumn_02.jpg\" alt=\"CARDIGAN\">\n        <img decoding=\"async\" src=\"https:\/\/www.sumino-yokohama.jp\/contents\/nsk\/wpist\/wp-content\/uploads\/2026\/09\/autumn_03.jpg\" alt=\"CARDIGAN\">\n        <img decoding=\"async\" src=\"https:\/\/www.sumino-yokohama.jp\/contents\/nsk\/wpist\/wp-content\/uploads\/2026\/09\/autumn_04.jpg\" alt=\"CARDIGAN\">\n      <\/div>\n      <div class=\"at-carousel-dots\">\n        <button class=\"at-carousel-dot\" aria-label=\"1\"><\/button>\n        <button class=\"at-carousel-dot\" aria-label=\"2\"><\/button>\n        <button class=\"at-carousel-dot\" aria-label=\"3\"><\/button>\n      <\/div>\n    <\/div>\n\n    <p class=\"at-comment fadeup\">\n      \u671d\u6669\u304c\u6dbc\u3057\u304f\u306a\u3063\u3066\u304d\u305f\u3089\u3001\u307e\u305a\u624b\u3092\u4f38\u3070\u3057\u305f\u3044\u306e\u304c\u30ab\u30fc\u30c7\u30a3\u30ac\u30f3\u3002<br>\n      \u7fbd\u7e54\u308b\u3060\u3051\u3067\u6e29\u5ea6\u8abf\u6574\u3082\u3001\u7740\u3053\u306a\u3057\u306e\u5e45\u3082\u81ea\u5728\u306b\u5e83\u304c\u308a\u307e\u3059\u3002\n    <\/p>\n\n    <a class=\"at-buy fadeup\" href=\"https:\/\/www.sumino-yokohama.jp\/c\/portland\/PL066903\">BUY<\/a>\n  <\/section>\n\n  <!-- 02. BLOUSON -->\n  <section class=\"at-section\">\n    <h2 class=\"at-section-title fadeup\">02. WATER-REPELLENT HOODED BLOUSON<\/h2>\n\n    <div class=\"at-carousel fadeup\">\n      <div class=\"at-carousel-track\">\n        <img decoding=\"async\" src=\"https:\/\/www.sumino-yokohama.jp\/contents\/nsk\/wpist\/wp-content\/uploads\/2026\/09\/autumn_05.jpg\" alt=\"BLOUSON\">\n        <img decoding=\"async\" src=\"https:\/\/www.sumino-yokohama.jp\/contents\/nsk\/wpist\/wp-content\/uploads\/2026\/09\/autumn_06.jpg\" alt=\"BLOUSON\">\n        <img decoding=\"async\" src=\"https:\/\/www.sumino-yokohama.jp\/contents\/nsk\/wpist\/wp-content\/uploads\/2026\/09\/autumn_07.jpg\" alt=\"BLOUSON\">\n      <\/div>\n      <div class=\"at-carousel-dots\">\n        <button class=\"at-carousel-dot\" aria-label=\"1\"><\/button>\n        <button class=\"at-carousel-dot\" aria-label=\"2\"><\/button>\n        <button class=\"at-carousel-dot\" aria-label=\"3\"><\/button>\n      <\/div>\n    <\/div>\n\n    <p class=\"at-comment fadeup\">\n      \u79cb\u306f\u6674\u308c\u9593\u3068\u96e8\u304c\u5165\u308c\u66ff\u308f\u308a\u3084\u3059\u3044\u5b63\u7bc0\u3002<br>\n      \u64a5\u6c34\u52a0\u5de5\u306e\u30d5\u30fc\u30c9\u30d6\u30eb\u30be\u30f3\u306a\u3089\u3001\u5929\u6c17\u3092\u6c17\u306b\u305b\u305a\u30a2\u30af\u30c6\u30a3\u30d6\u306a\u30b7\u30fc\u30f3\u306b\u3082\u6d3b\u8e8d\u3002\n    <\/p>\n\n    <a class=\"at-buy fadeup\" href=\"https:\/\/www.sumino-yokohama.jp\/c\/portland\/PL166802\">BUY<\/a>\n  <\/section>\n\n  <!-- 03. DENIM JACKET -->\n  <section class=\"at-section\">\n    <h2 class=\"at-section-title fadeup\">03. DENIM JACKET<\/h2>\n\n    <div class=\"at-carousel fadeup\">\n      <div class=\"at-carousel-track\">\n        <img decoding=\"async\" src=\"https:\/\/www.sumino-yokohama.jp\/contents\/nsk\/wpist\/wp-content\/uploads\/2026\/09\/autumn_08.jpg\" alt=\"DENIM JACKET\">\n        <img decoding=\"async\" src=\"https:\/\/www.sumino-yokohama.jp\/contents\/nsk\/wpist\/wp-content\/uploads\/2026\/09\/autumn_09.jpg\" alt=\"DENIM JACKET\">\n        <img decoding=\"async\" src=\"https:\/\/www.sumino-yokohama.jp\/contents\/nsk\/wpist\/wp-content\/uploads\/2026\/09\/autumn_10.jpg\" alt=\"DENIM JACKET\">\n      <\/div>\n      <div class=\"at-carousel-dots\">\n        <button class=\"at-carousel-dot\" aria-label=\"1\"><\/button>\n        <button class=\"at-carousel-dot\" aria-label=\"2\"><\/button>\n        <button class=\"at-carousel-dot\" aria-label=\"3\"><\/button>\n      <\/div>\n    <\/div>\n\n    <p class=\"at-comment fadeup\">\n      \u30b7\u30fc\u30ba\u30f3\u3092\u554f\u308f\u305a\u6d3b\u8e8d\u3059\u308b\u30c7\u30cb\u30e0\u30b8\u30e3\u30b1\u30c3\u30c8\u3002<br>\n      T\u30b7\u30e3\u30c4\u3084\u30b9\u30a6\u30a7\u30c3\u30c8\u3001\u30cb\u30c3\u30c8\u306b\u3082\u5408\u308f\u305b\u3084\u3059\u3044\u3001\u983c\u308c\u308b\u5b9a\u756a\u3067\u3059\u3002\n    <\/p>\n\n    <a class=\"at-buy fadeup\" href=\"https:\/\/www.sumino-yokohama.jp\/c\/portland\/PL166801\">BUY<\/a>\n  <\/section>\n\n<\/div>\n\n<script>\n(function(){\n  \/\/ ---- fadeup\uff08\u4e0b\u304b\u3089\u3075\u308f\u3063\u3068\u8868\u793a\uff09 ----\n  var fadeTargets = document.querySelectorAll('.at-wrap .fadeup');\n  if ('IntersectionObserver' in window) {\n    var io = new IntersectionObserver(function(entries){\n      entries.forEach(function(entry){\n        if (entry.isIntersecting) {\n          entry.target.classList.add('is-visible');\n          io.unobserve(entry.target);\n        }\n      });\n    }, { threshold: 0.15, rootMargin: '0px 0px -40px 0px' });\n    fadeTargets.forEach(function(el){ io.observe(el); });\n  } else {\n    fadeTargets.forEach(function(el){ el.classList.add('is-visible'); });\n  }\n\n  \/\/ ---- \u753b\u50cf\u30ab\u30eb\u30fc\u30bb\u30eb\uff08\u81ea\u52d5\u6a2a\u30b9\u30af\u30ed\u30fc\u30eb\uff0b\u30c9\u30c3\u30c8\uff0f\u5e38\u306b\u5de6\u2192\u53f3\u306e\u4e00\u65b9\u5411\u30eb\u30fc\u30d7\uff09 ----\n  var AUTOPLAY_MS = 3500; \/\/ \u81ea\u52d5\u3067\u5207\u308a\u66ff\u308f\u308b\u9593\u9694\n\n  document.querySelectorAll('.at-wrap .at-carousel').forEach(function(carousel){\n    var track = carousel.querySelector('.at-carousel-track');\n    var dots = carousel.querySelectorAll('.at-carousel-dot');\n    var realSlides = track.querySelectorAll('img');\n    var realCount = realSlides.length;\n\n    \/\/ \u672b\u5c3e\u306b1\u679a\u76ee\u306e\u8907\u88fd\u3092\u8ffd\u52a0\uff08\u3053\u3053\u3078\u5230\u9054\u3057\u305f\u3089\u77ac\u6642\u306b\u672c\u7269\u306e1\u679a\u76ee\u3078\u623b\u3059\uff09\n    var clone = realSlides[0].cloneNode(true);\n    clone.setAttribute('aria-hidden', 'true');\n    track.appendChild(clone);\n\n    var index = 0; \/\/ 0 \u301c realCount\uff08realCount\u306e\u4f4d\u7f6e\u304c\u8907\u88fd\uff09\n    var timer = null;\n\n    function updateDots(){\n      var real = index % realCount;\n      dots.forEach(function(dot, i){\n        dot.classList.toggle('is-active', i === real);\n      });\n    }\n\n    function render(withTransition){\n      track.style.transition = withTransition === false ? 'none' : '';\n      track.style.transform = 'translateX(-' + (index * 100) + '%)';\n      updateDots();\n    }\n\n    function snapToStart(){\n      index = 0;\n      render(false);\n      void track.offsetWidth; \/\/ reflow \u3067transition\u89e3\u9664\u3092\u78ba\u5b9a\u3055\u305b\u308b\n      track.style.transition = '';\n    }\n\n    function next(){\n      index++;\n      render(true);\n      if (index === realCount) {\n        track.addEventListener('transitionend', snapToStart, { once: true });\n      }\n    }\n\n    function goTo(i){\n      if (index === realCount) { snapToStart(); }\n      index = i;\n      render(true);\n    }\n\n    function startAutoplay(){\n      stopAutoplay();\n      timer = window.setInterval(next, AUTOPLAY_MS);\n    }\n    function stopAutoplay(){\n      if (timer) { window.clearInterval(timer); timer = null; }\n    }\n\n    dots.forEach(function(dot, i){\n      dot.addEventListener('click', function(){\n        goTo(i);\n        startAutoplay(); \/\/ \u624b\u52d5\u64cd\u4f5c\u5f8c\u3082\u30bf\u30a4\u30de\u30fc\u3092\u30ea\u30bb\u30c3\u30c8\u3057\u3066\u7d99\u7d9a\n      });\n    });\n\n    carousel.addEventListener('mouseenter', stopAutoplay);\n    carousel.addEventListener('mouseleave', startAutoplay);\n\n    render(false);\n    startAutoplay();\n  });\n})();\n<\/script>\n","protected":false},"featured_media":364,"parent":0,"menu_order":0,"template":"","brand":[6],"class_list":["post-374","feature","type-feature","status-publish","has-post-thumbnail","hentry","brand-portland"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.sumino-yokohama.jp\/contents\/wp-json\/wp\/v2\/feature\/374","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\/364"}],"wp:attachment":[{"href":"https:\/\/www.sumino-yokohama.jp\/contents\/wp-json\/wp\/v2\/media?parent=374"}],"wp:term":[{"taxonomy":"brand","embeddable":true,"href":"https:\/\/www.sumino-yokohama.jp\/contents\/wp-json\/wp\/v2\/brand?post=374"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}