{"id":541,"date":"2026-10-01T17:21:58","date_gmt":"2026-10-01T08:21:58","guid":{"rendered":"https:\/\/www.sumino-yokohama.jp\/contents\/?post_type=feature&#038;p=541"},"modified":"2026-10-01T17:21:58","modified_gmt":"2026-10-01T08:21:58","slug":"autumn-pattern-select","status":"publish","type":"feature","link":"https:\/\/www.sumino-yokohama.jp\/contents\/feature\/autumn-pattern-select\/","title":{"rendered":"AUTUMN PATTERN SELECT"},"content":{"rendered":"\n<!-- ===== 10\u6708\u7279\u96c6\uff1a\u67c4\u30a2\u30a4\u30c6\u30e0\uff08WordPress \u30ab\u30b9\u30bf\u30e0HTML\u30d6\u30ed\u30c3\u30af\u7528\uff09 ===== -->\n<style>\nhtml { scroll-behavior: smooth; }\n\n.ptn {\n  --ptn-btn: #88b5d3;\n  --ptn-text: #333;\n  --ptn-sub: #777;\n  --ptn-offset: 80px; \/* \u56fa\u5b9a\u30d8\u30c3\u30c0\u30fc\u306e\u9ad8\u3055\u306b\u5408\u308f\u305b\u3066\u8abf\u6574\uff08\u30b8\u30e3\u30f3\u30d7\u6642\u306b\u30bf\u30a4\u30c8\u30eb\u304c\u96a0\u308c\u306a\u3044\u3088\u3046\u306b\uff09 *\/\n  max-width: 600px;\n  margin: 0 auto;\n  padding: 0 0 80px;\n  color: var(--ptn-text);\n  font-family: \"\u6e38\u30b4\u30b7\u30c3\u30af\u4f53\", \"Yu Gothic\", YuGothic, \"Hiragino Kaku Gothic ProN\", \"Hiragino Sans\", Meiryo, sans-serif;\n  line-height: 1.8;\n  box-sizing: border-box;\n  word-break: auto-phrase;\n}\n.ptn *, .ptn *::before, .ptn *::after { box-sizing: border-box; }\n.ptn img { display: block; width: 100%; max-width: 100%; height: auto; margin: 0; border: 0; }\n.ptn a { color: inherit; text-decoration: none; }\n.ptn p, .ptn h2 { margin: 0; padding: 0; }\n\n\/* ---------- \u3075\u308f\u3063\u3068\u8868\u793a\uff08JS\u304c\u52d5\u304f\u6642\u3060\u3051\u6709\u52b9\uff09 ---------- *\/\n.ptn.ptn-js .ptn-fade { opacity: 0; transform: translateY(16px); transition: opacity 1s ease, transform 1s ease; }\n.ptn.ptn-js .ptn-fade.is-show { opacity: 1; transform: none; }\n\n\/* ---------- TOP ---------- *\/\n.ptn .ptn-lead {\n  margin: 28px 20px 0;\n  text-align: center;\n  font-size: clamp(12px, 3.4vw, 14px);\n  letter-spacing: 0.08em;\n  line-height: 2;\n}\n\n\/* ---------- \u30a2\u30f3\u30ab\u30fc\u30ea\u30f3\u30af\u30dc\u30bf\u30f3 ---------- *\/\n.ptn .ptn-nav {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 12px;\n  margin: 28px 0 0;\n}\n.ptn .ptn-nav a {\n  flex: 0 0 calc(50% - 6px);\n  padding: 13px 0;\n  background: var(--ptn-btn);\n  color: #fff;\n  border-radius: 999px;\n  text-align: center;\n  font-size: clamp(12px, 3.4vw, 14px);\n  letter-spacing: 0.08em;\n  line-height: 1.4;\n  transition: opacity 0.3s;\n}\n.ptn .ptn-nav a:hover { opacity: 0.8; }\n.ptn .ptn-nav a:focus-visible { outline: 2px solid var(--ptn-text); outline-offset: 2px; }\n\n\/* ---------- \u30bb\u30af\u30b7\u30e7\u30f3 ---------- *\/\n.ptn .ptn-sec { margin-top: 72px; scroll-margin-top: var(--ptn-offset); }\n.ptn .ptn-head { padding: 0 20px; text-align: center; }\n.ptn .ptn-title {\n  margin: 0; padding: 0; border: 0; background: none;\n  font-family: \"\u6e38\u660e\u671d\", \"Yu Mincho\", YuMincho, \"Hiragino Mincho ProN\", \"Hiragino Mincho Pro\", \"Noto Serif JP\", serif;\n  font-weight: 500;\n  font-size: clamp(14px, 4vw, 18px);\n  letter-spacing: 0.1em;\n  line-height: 1.6;\n  text-wrap: balance;\n}\n.ptn .ptn-cap {\n  margin: 10px 0 0;\n  font-size: clamp(11px, 3vw, 12.5px);\n  letter-spacing: 0.06em;\n  line-height: 1.9;\n  color: var(--ptn-sub);\n}\n\n\/* ---------- \u30b9\u30e9\u30a4\u30c0\u30fc\uff08\u4e00\u5b9a\u65b9\u5411\u306b\u6d41\u308c\u308b\u30eb\u30fc\u30d7\uff09 ---------- *\/\n.ptn .ptn-slider { position: relative; overflow: hidden; margin: 22px 0 0; touch-action: pan-y; }\n.ptn .ptn-track { display: flex; margin: 0; padding: 0; transition: transform 0.7s ease; will-change: transform; }\n.ptn .ptn-slide { flex: 0 0 100%; min-width: 0; margin: 0; padding: 0; }\n.ptn .ptn-slide img { -webkit-user-drag: none; user-select: none; pointer-events: none; }\n.ptn .ptn-dots {\n  position: absolute; left: 0; right: 0; bottom: 14px;\n  display: flex; justify-content: center; gap: 9px;\n}\n.ptn .ptn-dots button {\n  -webkit-appearance: none; appearance: none;\n  display: block; width: 9px; height: 9px; min-width: 0; min-height: 0;\n  margin: 0; padding: 0; border-radius: 50%;\n  border: 1px solid rgba(60, 60, 60, 0.55);\n  background: rgba(255, 255, 255, 0.85);\n  cursor: pointer; transition: background 0.3s, border-color 0.3s;\n}\n.ptn .ptn-dots button.is-active { background: #555; border-color: #555; }\n.ptn .ptn-dots button:focus-visible { outline: 2px solid var(--ptn-text); outline-offset: 2px; }\n\n\/* ---------- \u30d4\u30c3\u30af\u30a2\u30c3\u30d7\u30a2\u30a4\u30c6\u30e0\uff08\u30b9\u30e9\u30a4\u30c0\u30fc\u3068\u306e\u9593\u306b\u4f59\u767d\uff09 ---------- *\/\n.ptn .ptn-items {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 12px;\n  margin: 32px 0 0;\n  padding: 0;\n}\n.ptn .ptn-item { margin: 0; padding: 0; }\n.ptn .ptn-item a { display: block; }\n.ptn .ptn-item a img { aspect-ratio: 4 \/ 5; object-fit: cover; transition: opacity 0.3s; }\n.ptn .ptn-item a:hover img { opacity: 0.8; }\n.ptn .ptn-name { margin: 8px 0 0; font-size: clamp(10px, 2.8vw, 11.5px); line-height: 1.6; letter-spacing: 0.03em; }\n.ptn .ptn-price { margin: 2px 0 0; font-size: clamp(10px, 2.8vw, 11.5px); color: var(--ptn-sub); letter-spacing: 0.03em; }\n\n\/* ---------- \u4e00\u89a7\u30ea\u30f3\u30af\u30dc\u30bf\u30f3 ---------- *\/\n.ptn .ptn-btns { margin: 28px 0 0; display: grid; gap: 10px; }\n.ptn .ptn-btns a {\n  display: block;\n  padding: 13px 0;\n  border: 1px solid var(--ptn-text);\n  text-align: center;\n  font-size: clamp(11px, 3.1vw, 13px);\n  letter-spacing: 0.1em;\n  transition: background 0.3s, color 0.3s;\n}\n.ptn .ptn-btns a:hover { background: var(--ptn-text); color: #fff; }\n<\/style>\n\n<div class=\"ptn\" id=\"ptn\">\n\n  <!-- TOP\u753b\u50cf -->\n  <div class=\"ptn-top ptn-fade\">\n    <img decoding=\"async\" src=\"https:\/\/www.sumino-yokohama.jp\/contents\/nsk\/wpist\/wp-content\/uploads\/2026\/10\/pattern_top.jpg\" alt=\"\u67c4\u30a2\u30a4\u30c6\u30e0\u7279\u96c6\">\n  <\/div>\n\n  <p class=\"ptn-lead ptn-fade\">\u30dc\u30fc\u30c0\u30fc\u3084\u30c1\u30a7\u30c3\u30af\u3092\u3044\u3064\u3082\u306e\u30ef\u30fc\u30c9\u30ed\u30fc\u30d6\u306b\u3002<br>\u3053\u308c\u304b\u3089\u306e\u5b63\u7bc0\u306b\u697d\u3057\u307f\u305f\u3044\u67c4\u304c\u63c3\u3063\u3066\u3044\u307e\u3059\u3002<\/p>\n\n  <!-- \u30a2\u30f3\u30ab\u30fc\u30ea\u30f3\u30af\u30dc\u30bf\u30f3 -->\n  <nav class=\"ptn-nav ptn-fade\" aria-label=\"\u67c4\u30a2\u30a4\u30c6\u30e0\u306e\u30ab\u30c6\u30b4\u30ea\">\n    <a href=\"#pattern-border\">BORDER<\/a>\n    <a href=\"#pattern-check-stripe\">CHECK &amp; STRIPE<\/a>\n    <a href=\"#pattern-print\">PRINT<\/a>\n  <\/nav>\n\n  <!-- ===================== BORDER ===================== -->\n  <section class=\"ptn-sec\" id=\"pattern-border\">\n    <div class=\"ptn-head ptn-fade\">\n      <h2 class=\"ptn-title\">BORDER \/ \u738b\u9053\u30dc\u30fc\u30c0\u30fc\u3067\u79cb\u30b3\u30fc\u30c7\u3092\u66f4\u65b0<\/h2>\n      <p class=\"ptn-cap\">\u3044\u3064\u3082\u306e\u79cb\u30b3\u30fc\u30c7\u306b\u3001\u30dc\u30fc\u30c0\u30fc\u3092\u3072\u3068\u3055\u3058\u3002<br>\u30b7\u30f3\u30d7\u30eb\u306a\u30b9\u30bf\u30a4\u30ea\u30f3\u30b0\u306b\u9bae\u5ea6\u3092\u30d7\u30e9\u30b9\u3057\u3066\u304f\u308c\u308b\u67c4\u6620\u3048\u30a2\u30a4\u30c6\u30e0\u3002<\/p>\n    <\/div>\n\n    <div class=\"ptn-slider ptn-fade\">\n      <div class=\"ptn-track\">\n        <div class=\"ptn-slide\"><img decoding=\"async\" src=\"https:\/\/www.sumino-yokohama.jp\/contents\/nsk\/wpist\/wp-content\/uploads\/2026\/10\/border01.jpg\" alt=\"\u30dc\u30fc\u30c0\u30fc\u306e\u30b9\u30bf\u30a4\u30ea\u30f3\u30b01\"><\/div>\n        <div class=\"ptn-slide\"><img decoding=\"async\" src=\"https:\/\/www.sumino-yokohama.jp\/contents\/nsk\/wpist\/wp-content\/uploads\/2026\/10\/border02.jpg\" alt=\"\u30dc\u30fc\u30c0\u30fc\u306e\u30b9\u30bf\u30a4\u30ea\u30f3\u30b02\"><\/div>\n        <div class=\"ptn-slide\"><img decoding=\"async\" src=\"https:\/\/www.sumino-yokohama.jp\/contents\/nsk\/wpist\/wp-content\/uploads\/2026\/10\/border03.jpg\" alt=\"\u30dc\u30fc\u30c0\u30fc\u306e\u30b9\u30bf\u30a4\u30ea\u30f3\u30b03\"><\/div>\n      <\/div>\n      <div class=\"ptn-dots\"><\/div>\n    <\/div>\n\n    <div class=\"ptn-items ptn-fade\">\n      <div class=\"ptn-item\">\n        <a href=\"https:\/\/www.sumino-yokohama.jp\/c\/portland\/PL076801\"><img decoding=\"async\" src=\"https:\/\/www.sumino-yokohama.jp\/contents\/nsk\/wpist\/wp-content\/uploads\/2026\/10\/border04.jpg\" alt=\"\u30d1\u30cd\u30eb\u30dc\u30fc\u30c0\u30fc\u30dc\u30fc\u30c8\u30cd\u30c3\u30af\" loading=\"lazy\"><\/a>\n        <p class=\"ptn-name\">\u30d1\u30cd\u30eb\u30dc\u30fc\u30c0\u30fc\u30dc\u30fc\u30c8\u30cd\u30c3\u30af<\/p>\n        <p class=\"ptn-price\">\u00a59,900<\/p>\n      <\/div>\n      <div class=\"ptn-item\">\n        <a href=\"https:\/\/www.sumino-yokohama.jp\/c\/portland\/PL076701\"><img decoding=\"async\" src=\"https:\/\/www.sumino-yokohama.jp\/contents\/nsk\/wpist\/wp-content\/uploads\/2026\/10\/border05.jpg\" alt=\"\u30dc\u30fc\u30c0\u30fc\u30dc\u30fc\u30c8\u30cd\u30c3\u30af\u30ab\u30c3\u30c8\u30bd\u30fc\" loading=\"lazy\"><\/a>\n        <p class=\"ptn-name\">\u30dc\u30fc\u30c0\u30fc\u30dc\u30fc\u30c8\u30cd\u30c3\u30af\u30ab\u30c3\u30c8\u30bd\u30fc<\/p>\n        <p class=\"ptn-price\">\u00a56,050<\/p>\n      <\/div>\n      <div class=\"ptn-item\">\n        <a href=\"https:\/\/www.sumino-yokohama.jp\/c\/portland\/BL076505\"><img decoding=\"async\" src=\"https:\/\/www.sumino-yokohama.jp\/contents\/nsk\/wpist\/wp-content\/uploads\/2026\/10\/border06.jpg\" alt=\"\u30dc\u30fc\u30c0\u30fc\u30c6\u30ec\u30b3\u30e1\u30ed\u30fc\u30ab\u30c3\u30c8\u30bd\u30fc\" loading=\"lazy\"><\/a>\n        <p class=\"ptn-name\">\u30dc\u30fc\u30c0\u30fc\u30c6\u30ec\u30b3\u30e1\u30ed\u30fc\u30ab\u30c3\u30c8\u30bd\u30fc<\/p>\n        <p class=\"ptn-price\">\u00a56,600<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"ptn-btns ptn-fade\">\n      <a href=\"https:\/\/www.sumino-yokohama.jp\/c\/portland\/portland-pattern\/portland-border\">\u30dc\u30fc\u30c0\u30fc\u67c4\u30a2\u30a4\u30c6\u30e0\u4e00\u89a7<\/a>\n    <\/div>\n  <\/section>\n\n  <!-- ===================== CHECK & STRIPE ===================== -->\n  <section class=\"ptn-sec\" id=\"pattern-check-stripe\">\n    <div class=\"ptn-head ptn-fade\">\n      <h2 class=\"ptn-title\">CHECK &amp; STRIPE \/ \u304d\u308c\u3044\u3081\u67c4\u3067\u8996\u7dda\u3092\u96c6\u3081\u308b<\/h2>\n      <p class=\"ptn-cap\">\u79cb\u3089\u3057\u3055\u3068\u5927\u4eba\u3063\u307d\u3055\u3092\u53f6\u3048\u308b\u3001\u30c1\u30a7\u30c3\u30af\uff06\u30b9\u30c8\u30e9\u30a4\u30d7\u3002<br>\u7fbd\u7e54\u308a\u3084\u30b7\u30e3\u30c4\u3067\u53d6\u308a\u5165\u308c\u308c\u3070\u3001\u8996\u7dda\u3092\u96c6\u3081\u308b\u7740\u6620\u3048\u30b9\u30bf\u30a4\u30eb\u306b\u3002<\/p>\n    <\/div>\n\n    <div class=\"ptn-slider ptn-fade\">\n      <div class=\"ptn-track\">\n        <div class=\"ptn-slide\"><img decoding=\"async\" src=\"https:\/\/www.sumino-yokohama.jp\/contents\/nsk\/wpist\/wp-content\/uploads\/2026\/10\/cs01.jpg\" alt=\"\u30c1\u30a7\u30c3\u30af\uff06\u30b9\u30c8\u30e9\u30a4\u30d7\u306e\u30b9\u30bf\u30a4\u30ea\u30f3\u30b01\"><\/div>\n        <div class=\"ptn-slide\"><img decoding=\"async\" src=\"https:\/\/www.sumino-yokohama.jp\/contents\/nsk\/wpist\/wp-content\/uploads\/2026\/10\/cs02.jpg\" alt=\"\u30c1\u30a7\u30c3\u30af\uff06\u30b9\u30c8\u30e9\u30a4\u30d7\u306e\u30b9\u30bf\u30a4\u30ea\u30f3\u30b02\"><\/div>\n        <div class=\"ptn-slide\"><img decoding=\"async\" src=\"https:\/\/www.sumino-yokohama.jp\/contents\/nsk\/wpist\/wp-content\/uploads\/2026\/10\/cs03.jpg\" alt=\"\u30c1\u30a7\u30c3\u30af\uff06\u30b9\u30c8\u30e9\u30a4\u30d7\u306e\u30b9\u30bf\u30a4\u30ea\u30f3\u30b03\"><\/div>\n      <\/div>\n      <div class=\"ptn-dots\"><\/div>\n    <\/div>\n\n    <div class=\"ptn-items ptn-fade\">\n      <div class=\"ptn-item\">\n        <a href=\"https:\/\/www.sumino-yokohama.jp\/c\/portland\/PL056901\"><img decoding=\"async\" src=\"https:\/\/www.sumino-yokohama.jp\/contents\/nsk\/wpist\/wp-content\/uploads\/2026\/10\/cs04.jpg\" alt=\"\u30d3\u30a8\u30e9\u8d77\u6bdb\u30c1\u30a7\u30c3\u30af\u30d6\u30e9\u30a6\u30b9\" loading=\"lazy\"><\/a>\n        <p class=\"ptn-name\">\u30d3\u30a8\u30e9\u8d77\u6bdb\u30c1\u30a7\u30c3\u30af\u30d6\u30e9\u30a6\u30b9<\/p>\n        <p class=\"ptn-price\">\u00a512,100<\/p>\n      <\/div>\n      <div class=\"ptn-item\">\n        <a href=\"https:\/\/www.sumino-yokohama.jp\/c\/portland\/BL056504\"><img decoding=\"async\" src=\"https:\/\/www.sumino-yokohama.jp\/contents\/nsk\/wpist\/wp-content\/uploads\/2026\/10\/cs05.jpg\" alt=\"\u30df\u30c9\u30eb\u4e08\u30d6\u30e9\u30a6\u30b9\" loading=\"lazy\"><\/a>\n        <p class=\"ptn-name\">\u30df\u30c9\u30eb\u4e08\u30d6\u30e9\u30a6\u30b9<\/p>\n        <p class=\"ptn-price\">\u00a510,450<\/p>\n      <\/div>\n      <div class=\"ptn-item\">\n        <a href=\"https:\/\/www.sumino-yokohama.jp\/c\/portland\/PL056805C\"><img decoding=\"async\" src=\"https:\/\/www.sumino-yokohama.jp\/contents\/nsk\/wpist\/wp-content\/uploads\/2026\/10\/cs06.jpg\" alt=\"\u30ae\u30f3\u30ac\u30e0\u30b7\u30e3\u30c4\u30b8\u30e3\u30b1\u30c3\u30c8\" loading=\"lazy\"><\/a>\n        <p class=\"ptn-name\">\u30ae\u30f3\u30ac\u30e0\u30b7\u30e3\u30c4\u30b8\u30e3\u30b1\u30c3\u30c8<\/p>\n        <p class=\"ptn-price\">\u00a59,900<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"ptn-btns ptn-fade\">\n      <a href=\"https:\/\/www.sumino-yokohama.jp\/c\/portland\/portland-pattern\/portland-check\">\u30c1\u30a7\u30c3\u30af\u67c4\u30a2\u30a4\u30c6\u30e0\u4e00\u89a7<\/a>\n      <a href=\"https:\/\/www.sumino-yokohama.jp\/c\/portland\/portland-pattern\/portland-stripe\">\u30b9\u30c8\u30e9\u30a4\u30d7\u67c4\u30a2\u30a4\u30c6\u30e0\u4e00\u89a7<\/a>\n    <\/div>\n  <\/section>\n\n  <!-- ===================== PRINT ===================== -->\n  <section class=\"ptn-sec\" id=\"pattern-print\">\n    <div class=\"ptn-head ptn-fade\">\n      <h2 class=\"ptn-title\">PRINT \/ \u4e3b\u5f79\u7d1a\u306e\u30d7\u30ea\u30f3\u30c8\u3067\u7740\u6620\u3048<\/h2>\n      <p class=\"ptn-cap\">1\u679a\u3067\u3082\u6c7a\u307e\u308b\u5b58\u5728\u611f\u3002<br>\u904a\u3073\u5fc3\u306e\u3042\u308b\u30d7\u30ea\u30f3\u30c8\u67c4\u3067\u3001\u30b9\u30bf\u30a4\u30ea\u30f3\u30b0\u306b\u9bae\u5ea6\u3068\u697d\u3057\u3055\u3092\u3002<\/p>\n    <\/div>\n\n    <div class=\"ptn-slider ptn-fade\">\n      <div class=\"ptn-track\">\n        <div class=\"ptn-slide\"><img decoding=\"async\" src=\"https:\/\/www.sumino-yokohama.jp\/contents\/nsk\/wpist\/wp-content\/uploads\/2026\/10\/pt01.jpg\" alt=\"\u30d7\u30ea\u30f3\u30c8\u67c4\u306e\u30b9\u30bf\u30a4\u30ea\u30f3\u30b01\"><\/div>\n        <div class=\"ptn-slide\"><img decoding=\"async\" src=\"https:\/\/www.sumino-yokohama.jp\/contents\/nsk\/wpist\/wp-content\/uploads\/2026\/10\/pt02.jpg\" alt=\"\u30d7\u30ea\u30f3\u30c8\u67c4\u306e\u30b9\u30bf\u30a4\u30ea\u30f3\u30b02\"><\/div>\n        <div class=\"ptn-slide\"><img decoding=\"async\" src=\"https:\/\/www.sumino-yokohama.jp\/contents\/nsk\/wpist\/wp-content\/uploads\/2026\/10\/pt03.jpg\" alt=\"\u30d7\u30ea\u30f3\u30c8\u67c4\u306e\u30b9\u30bf\u30a4\u30ea\u30f3\u30b03\"><\/div>\n      <\/div>\n      <div class=\"ptn-dots\"><\/div>\n    <\/div>\n\n    <div class=\"ptn-items ptn-fade\">\n      <div class=\"ptn-item\">\n        <a href=\"https:\/\/www.sumino-yokohama.jp\/c\/portland\/BL056508\"><img decoding=\"async\" src=\"https:\/\/www.sumino-yokohama.jp\/contents\/nsk\/wpist\/wp-content\/uploads\/2026\/10\/pt04.jpg\" alt=\"\u30e9\u30f3\u30c9\u30ea\u30fc\u67c4\u30d6\u30e9\u30a6\u30b9\" loading=\"lazy\"><\/a>\n        <p class=\"ptn-name\">\u30e9\u30f3\u30c9\u30ea\u30fc\u67c4\u30d6\u30e9\u30a6\u30b9<\/p>\n        <p class=\"ptn-price\">\u00a57,700<\/p>\n      <\/div>\n      <div class=\"ptn-item\">\n        <a href=\"https:\/\/www.sumino-yokohama.jp\/c\/portland\/BL056507\"><img decoding=\"async\" src=\"https:\/\/www.sumino-yokohama.jp\/contents\/nsk\/wpist\/wp-content\/uploads\/2026\/10\/pt05.jpg\" alt=\"\u30b3\u30fc\u30d2\u30fc\u67c4\u30d6\u30e9\u30a6\u30b9\" loading=\"lazy\"><\/a>\n        <p class=\"ptn-name\">\u30b3\u30fc\u30d2\u30fc\u67c4\u30d6\u30e9\u30a6\u30b9<\/p>\n        <p class=\"ptn-price\">\u00a58,250<\/p>\n      <\/div>\n      <div class=\"ptn-item\">\n        <a href=\"https:\/\/www.sumino-yokohama.jp\/c\/portland\/BL056510\"><img decoding=\"async\" src=\"https:\/\/www.sumino-yokohama.jp\/contents\/nsk\/wpist\/wp-content\/uploads\/2026\/10\/pt06.jpg\" alt=\"\u6728\u306e\u5b9f\u67c4\u30bf\u30c3\u30af\u30d6\u30e9\u30a6\u30b9\" loading=\"lazy\"><\/a>\n        <p class=\"ptn-name\">\u6728\u306e\u5b9f\u67c4\u30bf\u30c3\u30af\u30d6\u30e9\u30a6\u30b9<\/p>\n        <p class=\"ptn-price\">\u00a58,800<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"ptn-btns ptn-fade\">\n      <a href=\"https:\/\/www.sumino-yokohama.jp\/c\/portland\/portland-pattern\/portland-ptother\">\u30d7\u30ea\u30f3\u30c8\u67c4\u30a2\u30a4\u30c6\u30e0\u4e00\u89a7<\/a>\n    <\/div>\n  <\/section>\n\n<\/div>\n\n<script>\n(function () {\n  var root = document.getElementById('ptn');\n  if (!root) return;\n  root.classList.add('ptn-js');\n\n  var INTERVAL = 4000; \/* \u81ea\u52d5\u3067\u5207\u308a\u66ff\u308f\u308b\u9593\u9694(ms) *\/\n  var SPEED = 700;     \/* \u5207\u308a\u66ff\u3048\u306b\u304b\u304b\u308b\u6642\u9593(ms)\u3002CSS\u306e transition \u3068\u5408\u308f\u305b\u308b *\/\n\n  \/* ---------- \u30b9\u30e9\u30a4\u30c0\u30fc\uff1a\u5e38\u306b\u540c\u3058\u65b9\u5411(\u53f3\u2192\u5de6)\u3078\u6d41\u308c\u308b\u7121\u9650\u30eb\u30fc\u30d7 ---------- *\/\n  var sliders = root.querySelectorAll('.ptn-slider');\n  Array.prototype.forEach.call(sliders, function (el) {\n    var track = el.querySelector('.ptn-track');\n    var dotsWrap = el.querySelector('.ptn-dots');\n    var n = track.children.length;\n    if (n < 2) return;\n\n    \/* \u30eb\u30fc\u30d7\u7528\u306b1\u679a\u76ee\u3092\u672b\u5c3e\u3078\u8907\u88fd *\/\n    track.appendChild(track.children[0].cloneNode(true));\n\n    var pos = 0, moving = false, timer = null, startX = 0, startY = 0, tracking = false;\n    var dots = [];\n\n    for (var k = 0; k < n; k++) {\n      (function (idx) {\n        var b = document.createElement('button');\n        b.type = 'button';\n        b.setAttribute('aria-label', (idx + 1) + '\u679a\u76ee\u3092\u8868\u793a');\n        b.addEventListener('click', function () { jump(idx); restart(); });\n        dotsWrap.appendChild(b);\n        dots.push(b);\n      })(k);\n    }\n\n    function setPos(p, anim) {\n      track.style.transition = anim ? 'transform ' + SPEED + 'ms ease' : 'none';\n      track.style.transform = 'translateX(' + (-100 * p) + '%)';\n    }\n    function updateDots() {\n      dots.forEach(function (d, j) { d.classList.toggle('is-active', j === pos % n); });\n    }\n    function settle() {\n      \/* \u8907\u88fd\u3057\u305f\u672b\u5c3e\u753b\u50cf\u307e\u3067\u6765\u305f\u3089\u3001\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u7121\u3057\u3067\u5148\u982d\u3078\u623b\u3059(\u898b\u305f\u76ee\u306f\u9023\u7d9a) *\/\n      setTimeout(function () {\n        if (pos >= n) { pos = 0; setPos(0, false); void track.offsetWidth; updateDots(); }\n        moving = false;\n      }, SPEED + 50);\n    }\n    function next() {\n      if (moving) return;\n      moving = true; pos += 1; setPos(pos, true); updateDots(); settle();\n    }\n    function prev() {\n      if (moving) return;\n      moving = true;\n      if (pos === 0) { pos = n; setPos(pos, false); void track.offsetWidth; }\n      pos -= 1; setPos(pos, true); updateDots(); settle();\n    }\n    function jump(idx) {\n      if (moving || idx === pos % n) return;\n      moving = true; pos = idx; setPos(pos, true); updateDots(); settle();\n    }\n    function start() { if (!timer) timer = setInterval(next, INTERVAL); }\n    function stop() { clearInterval(timer); timer = null; }\n    function restart() { stop(); start(); }\n\n    \/* \u30b9\u30ef\u30a4\u30d7\uff0f\u30c9\u30e9\u30c3\u30b0\u64cd\u4f5c *\/\n    el.addEventListener('pointerdown', function (e) { tracking = true; startX = e.clientX; startY = e.clientY; stop(); });\n    el.addEventListener('pointerup', function (e) {\n      if (!tracking) return;\n      tracking = false;\n      var dx = e.clientX - startX, dy = e.clientY - startY;\n      if (Math.abs(dx) > 40 && Math.abs(dx) > Math.abs(dy)) { if (dx < 0) next(); else prev(); }\n      start();\n    });\n    el.addEventListener('pointercancel', function () { tracking = false; start(); });\n\n    setPos(0, false);\n    updateDots();\n    start();\n  });\n\n  \/* ---------- \u30b9\u30af\u30ed\u30fc\u30eb\u3067\u3075\u308f\u3063\u3068\u8868\u793a ---------- *\/\n  var targets = root.querySelectorAll('.ptn-fade');\n  if (!('IntersectionObserver' in window)) {\n    Array.prototype.forEach.call(targets, function (t) { t.classList.add('is-show'); });\n    return;\n  }\n  var io = new IntersectionObserver(function (entries) {\n    entries.forEach(function (en) {\n      if (en.isIntersecting) { en.target.classList.add('is-show'); io.unobserve(en.target); }\n    });\n  }, { threshold: 0.12 });\n  Array.prototype.forEach.call(targets, function (t) { io.observe(t); });\n})();\n<\/script>\n","protected":false},"featured_media":540,"parent":0,"menu_order":0,"template":"","brand":[6],"class_list":["post-541","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\/541","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\/540"}],"wp:attachment":[{"href":"https:\/\/www.sumino-yokohama.jp\/contents\/wp-json\/wp\/v2\/media?parent=541"}],"wp:term":[{"taxonomy":"brand","embeddable":true,"href":"https:\/\/www.sumino-yokohama.jp\/contents\/wp-json\/wp\/v2\/brand?post=541"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}