{"id":914,"date":"2026-11-11T10:18:55","date_gmt":"2026-11-11T01:18:55","guid":{"rendered":"https:\/\/www.sumino-yokohama.jp\/contents\/?post_type=feature&#038;p=914"},"modified":"2026-11-11T10:28:57","modified_gmt":"2026-11-11T01:28:57","slug":"shop-recommend-6","status":"publish","type":"feature","link":"https:\/\/www.sumino-yokohama.jp\/contents\/feature\/shop-recommend-6\/","title":{"rendered":"SHOP RECOMMEND #6"},"content":{"rendered":"\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>SHOP RECOMMEND #6<\/title>\n<style>\n  :root{\n    --ink:#222;\n    --sub:#777;\n    --line:#e5e2dc;\n    --bg:#fff;\n    --btn:#2f4858;\n    --btn-text:#fff;\n    --duration:.9s;\n    --ease:cubic-bezier(.16,.8,.3,1);\n  }\n  *{box-sizing:border-box;}\n  body{\n    margin:0;\n    font-family:\"Hiragino Kaku Gothic ProN\",\"Hiragino Sans\",-apple-system,BlinkMacSystemFont,\"Yu Gothic\",sans-serif;\n    color:var(--ink);\n    background:var(--bg);\n    line-height:1.7;\n  }\n  .sr-page{max-width:756px;margin:0 auto;padding:60px 20px 100px;}\n\n  \/* --- \u30bf\u30a4\u30c8\u30eb --- *\/\n  .sr-head{text-align:center;margin-bottom:48px;}\n  .sr-head .sr-title{font-size:20px;letter-spacing:.12em;margin:0 0 20px;}\n  .sr-head .sr-catch{font-size:16px;margin:0 0 4px;}\n  .sr-head .sr-date{font-size:13px;color:var(--sub);margin:12px 0 0;}\n\n  \/* --- fadeup\u5171\u901a --- *\/\n  .fadeup{\n    opacity:0;\n    transform:translateY(28px);\n    transition:opacity var(--duration) var(--ease), transform var(--duration) var(--ease);\n  }\n  .fadeup.is-show{opacity:1;transform:translateY(0);}\n\n  \/* --- TOP\u753b\u50cf \/ STYLE\u30e1\u30a4\u30f3\u753b\u50cf --- *\/\n  .sr-topimg, .sr-mainimg{\n    width:100%;\n    aspect-ratio:756\/954;\n    object-fit:cover;\n    display:block;\n    background:#ddd;\n    margin-bottom:56px;\n  }\n\n  \/* --- STYLE\u30d6\u30ed\u30c3\u30af --- *\/\n  .sr-style{margin-bottom:80px;}\n  .sr-style:last-of-type{margin-bottom:0;}\n  .sr-style-label{text-align:center;font-size:15px;letter-spacing:.1em;margin:0 0 20px;}\n  .sr-caption{text-align:center;font-size:13px;color:var(--ink);margin:16px 0 24px;padding:0 8px;}\n\n  \/* --- \u30a2\u30a6\u30bf\u30fc\u7f6e\u304d\u753b\u50cf+\u5546\u54c1\u540d(\u753b\u50cf\u306f\u30b9\u30e9\u30a4\u30c0\u30fc\u753b\u50cf1\u679a\u5206\u3068\u540c\u3058\u5927\u304d\u3055) --- *\/\n  .sr-feature{\n    display:grid;\n    grid-template-columns:1fr 1fr;\n    align-items:end;\n    margin-bottom:32px;\n  }\n  .sr-feature-img{padding:0 5px;}\n  .sr-feature-img img{\n    width:100%;\n    aspect-ratio:3\/4;\n    object-fit:cover;\n    display:block;\n    background:#eee;\n  }\n  .sr-feature-name{\n    text-align:left;\n    font-size:12px;\n    letter-spacing:.06em;\n    line-height:1.7;\n    margin:0;\n    padding:0 5px 1px 5px;\n  }\n  .sr-feature-name::before{\n    content:\"\";\n    display:block;\n    width:24px;\n    height:1px;\n    background:#999;\n    margin-bottom:10px;\n  }\n\n  \/* --- \u30b9\u30e9\u30a4\u30c0\u30fc(2\u679a\u8868\u793a\u30fb\u5de6\u53f3\u306e\u77e2\u5370\u30671\u679a\u305a\u3064\u9001\u308b\u30fb\u30eb\u30fc\u30d7) --- *\/\n  .sr-slider{position:relative;margin-bottom:24px;}\n  .sr-slider-viewport{overflow:hidden;}\n  .sr-slider-track{display:flex;touch-action:pan-y;}\n  .sr-slider-track .sr-slide{\n    flex:0 0 50%;\n    box-sizing:border-box;\n    padding:0 5px;\n  }\n  .sr-slider-track .sr-slide img{\n    width:100%;\n    aspect-ratio:3\/4;\n    object-fit:cover;\n    display:block;\n    background:#ccc;\n    -webkit-user-drag:none;\n    user-select:none;\n    pointer-events:none;\n  }\n  .sr-slider-arrow{\n    position:absolute;\n    top:50%;\n    transform:translateY(-50%);\n    width:40px;\n    height:64px;\n    border:none;\n    background:none;\n    padding:0;\n    cursor:pointer;\n    z-index:2;\n  }\n  .sr-slider-arrow::before{\n    content:\"\";\n    position:absolute;\n    top:50%;left:50%;\n    width:22px;height:22px;\n    border-top:1.5px solid #555;\n    border-left:1.5px solid #555;\n  }\n  .sr-slider-arrow.prev{left:-46px;}\n  .sr-slider-arrow.next{right:-46px;}\n  .sr-slider-arrow.prev::before{transform:translate(-30%,-50%) rotate(-45deg);}\n  .sr-slider-arrow.next::before{transform:translate(-70%,-50%) rotate(135deg);}\n  .sr-slider-arrow:hover{opacity:.6;}\n\n  \/* --- \u5546\u54c1\u4e00\u89a7 --- *\/\n  .sr-items{display:grid;grid-template-columns:1fr 1fr;gap:10px;}\n  .sr-item{border:1px solid var(--line);text-align:center;padding:14px 8px 16px;background:#fff;}\n  .sr-item .sr-item-name{font-size:12px;margin:0 0 4px;}\n  .sr-item .sr-item-price{font-size:12px;color:var(--sub);margin:0 0 10px;}\n  .sr-item .sr-item-btn{\n    display:inline-block;\n    width:100%;\n    padding:8px 0;\n    font-size:11px;\n    letter-spacing:.06em;\n    border:1px solid var(--btn);\n    background:var(--btn);\n    color:var(--btn-text);\n    text-decoration:none;\n    box-sizing:border-box;\n  }\n  .sr-item .sr-item-btn:hover{opacity:.8;}\n  .sr-item.no-link .sr-item-price{margin-bottom:0;}\n\n  \/* --- \u30d5\u30c3\u30bf\u30fc\u6ce8\u8a18 --- *\/\n  .sr-notes{margin-top:64px;padding-top:24px;border-top:1px solid var(--line);}\n  .sr-notes p{font-size:11px;color:var(--sub);line-height:1.8;margin:0 0 8px;}\n  .sr-notes p:last-child{margin-bottom:0;}\n\n  \/* \u753b\u9762\u304c\u72ed\u3044\u5834\u5408(\u30b9\u30de\u30db\u30fb\u30bf\u30d6\u30ec\u30c3\u30c8)\u306f\u77e2\u5370\u3092\u753b\u50cf\u306e\u5de6\u53f3\u7aef\u306b\u91cd\u306d\u3066\u8868\u793a *\/\n  @media (max-width:840px){\n    .sr-slider-arrow{\n      width:36px;height:36px;\n      background:rgba(255,255,255,.85);\n      border-radius:50%;\n    }\n    .sr-slider-arrow::before{width:11px;height:11px;}\n    .sr-slider-arrow.prev{left:8px;}\n    .sr-slider-arrow.next{right:8px;}\n  }\n  @media (max-width:480px){\n    .sr-page{padding:40px 16px 70px;}\n    .sr-feature-name{font-size:11px;letter-spacing:.04em;}\n  }\n<\/style>\n\n\n\n<div class=\"sr-page\">\n\n  <!-- \u30bf\u30a4\u30c8\u30eb -->\n  <div class=\"sr-head fadeup\">\n    <p class=\"sr-title\">SHOP RECOMMEND #6<\/p>\n    <p class=\"sr-catch\">CASUAL&amp;CHIC<\/p>\n    <p class=\"sr-catch\">\u9b45\u305b\u308b\u5927\u4eba\u306e2\u5927\u30a2\u30a6\u30bf\u30fc<\/p>\n    <p class=\"sr-date\">2026.11.13<\/p>\n  <\/div>\n\n  <!-- TOP\u753b\u50cf -->\n  <img decoding=\"async\" class=\"sr-topimg fadeup\" src=\"https:\/\/www.sumino-yokohama.jp\/contents\/nsk\/wpist\/wp-content\/uploads\/2026\/11\/20261113_1126_outer00.jpg\" alt=\"CASUAL&amp;CHIC \u9b45\u305b\u308b\u5927\u4eba\u306e2\u5927\u30a2\u30a6\u30bf\u30fc TOP\u753b\u50cf\">\n\n  <!-- ========== STYLE 01 ========== -->\n  <div class=\"sr-style\" id=\"style01\">\n    <p class=\"sr-style-label fadeup\">STYLE 01<\/p>\n\n    <div class=\"sr-feature fadeup\">\n      <div class=\"sr-feature-img\"><img decoding=\"async\" src=\"https:\/\/www.sumino-yokohama.jp\/contents\/nsk\/wpist\/wp-content\/uploads\/2026\/11\/20261113_1126_outer01.jpg\" alt=\"\"><\/div>\n      <p class=\"sr-feature-name\">\u30ea\u30d0\u30fc\u30b7\u30d6\u30eb \u30ad\u30eb\u30c8\u30d6\u30eb\u30be\u30f3<\/p>\n    <\/div>\n\n    <img decoding=\"async\" class=\"sr-mainimg fadeup\" src=\"https:\/\/www.sumino-yokohama.jp\/contents\/nsk\/wpist\/wp-content\/uploads\/2026\/11\/20261113_1126_outer01_01.jpg\" alt=\"STYLE01 \u30e1\u30a4\u30f3\u753b\u50cf\">\n\n    <p class=\"sr-caption fadeup\">\u30e2\u30b3\u30e2\u30b3\u306e\u30dc\u30a2\u304c\u611b\u3089\u3057\u3044<br>\u30ea\u30d0\u30fc\u30b7\u30d6\u30eb\u30ad\u30eb\u30c8\u30d6\u30eb\u30be\u30f3<br>\u30c1\u30a7\u30c3\u30af\u30b9\u30ab\u30fc\u30c8\u3092\u5408\u308f\u305b\u308c\u3070\u3001<br>\u5927\u4eba\u306e\u629c\u3051\u611f\u6f02\u3046\u512a\u3057\u3052\u306a\u4f47\u307e\u3044\u306b<\/p>\n\n    <div class=\"sr-slider fadeup\" data-slider=\"\">\n      <button class=\"sr-slider-arrow prev\" type=\"button\" aria-label=\"\u524d\u306e\u753b\u50cf\"><\/button>\n      <div class=\"sr-slider-viewport\">\n        <div class=\"sr-slider-track\">\n          <div class=\"sr-slide\"><img decoding=\"async\" src=\"https:\/\/www.sumino-yokohama.jp\/contents\/nsk\/wpist\/wp-content\/uploads\/2026\/11\/20261113_1126_outer01_02.jpg\" alt=\"\" draggable=\"false\"><\/div>\n          <div class=\"sr-slide\"><img decoding=\"async\" src=\"https:\/\/www.sumino-yokohama.jp\/contents\/nsk\/wpist\/wp-content\/uploads\/2026\/11\/20261113_1126_outer01_03.jpg\" alt=\"\" draggable=\"false\"><\/div>\n          <div class=\"sr-slide\"><img decoding=\"async\" src=\"https:\/\/www.sumino-yokohama.jp\/contents\/nsk\/wpist\/wp-content\/uploads\/2026\/11\/20261113_1126_outer01_04.jpg\" alt=\"\" draggable=\"false\"><\/div>\n          <div class=\"sr-slide\"><img decoding=\"async\" src=\"https:\/\/www.sumino-yokohama.jp\/contents\/nsk\/wpist\/wp-content\/uploads\/2026\/11\/20261113_1126_outer01_05.jpg\" alt=\"\" draggable=\"false\"><\/div>\n        <\/div>\n      <\/div>\n      <button class=\"sr-slider-arrow next\" type=\"button\" aria-label=\"\u6b21\u306e\u753b\u50cf\"><\/button>\n    <\/div>\n\n    <div class=\"sr-items fadeup\">\n      <div class=\"sr-item no-link\">\n        <p class=\"sr-item-name\">\u30a2\u30a6\u30bf\u30fc<\/p>\n        <p class=\"sr-item-price\">\u00a513,200(B8569211)<\/p>\n      <\/div>\n      <div class=\"sr-item\">\n        <p class=\"sr-item-name\">\u30d9\u30b9\u30c8<\/p>\n        <p class=\"sr-item-price\">\u00a58,250(PL066908)<\/p>\n        <a class=\"sr-item-btn\" href=\"https:\/\/www.sumino-yokohama.jp\/c\/portland\/PL066908\">ONLINE SHOP<\/a>\n      <\/div>\n      <div class=\"sr-item\">\n        <p class=\"sr-item-name\">\u30ab\u30c3\u30c8\u30bd\u30fc<\/p>\n        <p class=\"sr-item-price\">\u00a56,600(PL076925)<\/p>\n        <a class=\"sr-item-btn\" href=\"https:\/\/www.sumino-yokohama.jp\/c\/portland\/PL076925\">ONLINE SHOP<\/a>\n      <\/div>\n      <div class=\"sr-item\">\n        <p class=\"sr-item-name\">\u30b9\u30ab\u30fc\u30c8<\/p>\n        <p class=\"sr-item-price\">\u00a58,800(PN3-60055)<\/p>\n        <a class=\"sr-item-btn\" href=\"https:\/\/www.sumino-yokohama.jp\/c\/portland\/PN3-60055\">ONLINE SHOP<\/a>\n      <\/div>\n      <div class=\"sr-item\">\n        <p class=\"sr-item-name\">\u5e3d\u5b50<\/p>\n        <p class=\"sr-item-price\">\u00a53,850(B575F5044)<\/p>\n        <a class=\"sr-item-btn\" href=\"https:\/\/www.sumino-yokohama.jp\/c\/portland\/B575F5044\">ONLINE SHOP<\/a>\n      <\/div>\n      <div class=\"sr-item no-link\">\n        <p class=\"sr-item-name\">\u30d0\u30c3\u30b0<\/p>\n        <p class=\"sr-item-price\">\u00a56,050(40851BAG)<\/p>\n      <\/div>\n      <div class=\"sr-item\">\n        <p class=\"sr-item-name\">\u30b7\u30e5\u30fc\u30ba<\/p>\n        <p class=\"sr-item-price\">\u00a59,900(P606005TG)<\/p>\n        <a class=\"sr-item-btn\" href=\"https:\/\/www.sumino-yokohama.jp\/c\/portland\/P606005TG\">ONLINE SHOP<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- ========== STYLE 02 ========== -->\n  <div class=\"sr-style\" id=\"style02\">\n    <p class=\"sr-style-label fadeup\">STYLE 02<\/p>\n\n    <div class=\"sr-feature fadeup\">\n      <div class=\"sr-feature-img\"><img decoding=\"async\" src=\"https:\/\/www.sumino-yokohama.jp\/contents\/nsk\/wpist\/wp-content\/uploads\/2026\/11\/20261113_1126_outer02.jpg\" alt=\"\"><\/div>\n      <p class=\"sr-feature-name\">\u30cb\u30fc\u30c9\u30eb\u30ab\u30c3\u30c8\u30bd\u30fc \u30d5\u30fc\u30c9\u30b3\u30fc\u30c8<\/p>\n    <\/div>\n\n    <img decoding=\"async\" class=\"sr-mainimg fadeup\" src=\"https:\/\/www.sumino-yokohama.jp\/contents\/nsk\/wpist\/wp-content\/uploads\/2026\/11\/20261113_1126_outer02_01.jpg\" alt=\"STYLE02 \u30e1\u30a4\u30f3\u753b\u50cf\">\n\n    <p class=\"sr-caption fadeup\">\u51db\u3068\u3057\u305f\u30cb\u30e5\u30a2\u30f3\u30b9\u6f02\u3046<br>\u30b0\u30ec\u30fc\u306e\u30d5\u30fc\u30c9\u4ed8\u304d\u30b3\u30fc\u30c8<br>\u67d4\u3089\u304b\u306a\u30d9\u30b9\u30c8\u3068\u30d1\u30f3\u30c4\u3092\u5408\u308f\u305b\u308c\u3070<br>\u3053\u306a\u308c\u305f\u5927\u4eba\u306e\u51ac\u30b9\u30bf\u30a4\u30eb\u306b<\/p>\n\n    <div class=\"sr-slider fadeup\" data-slider=\"\">\n      <button class=\"sr-slider-arrow prev\" type=\"button\" aria-label=\"\u524d\u306e\u753b\u50cf\"><\/button>\n      <div class=\"sr-slider-viewport\">\n        <div class=\"sr-slider-track\">\n          <div class=\"sr-slide\"><img decoding=\"async\" src=\"https:\/\/www.sumino-yokohama.jp\/contents\/nsk\/wpist\/wp-content\/uploads\/2026\/11\/20261113_1126_outer02_02.jpg\" alt=\"\" draggable=\"false\"><\/div>\n          <div class=\"sr-slide\"><img decoding=\"async\" src=\"https:\/\/www.sumino-yokohama.jp\/contents\/nsk\/wpist\/wp-content\/uploads\/2026\/11\/20261113_1126_outer02_03.jpg\" alt=\"\" draggable=\"false\"><\/div>\n          <div class=\"sr-slide\"><img decoding=\"async\" src=\"https:\/\/www.sumino-yokohama.jp\/contents\/nsk\/wpist\/wp-content\/uploads\/2026\/11\/20261113_1126_outer02_04.jpg\" alt=\"\" draggable=\"false\"><\/div>\n          <div class=\"sr-slide\"><img decoding=\"async\" src=\"https:\/\/www.sumino-yokohama.jp\/contents\/nsk\/wpist\/wp-content\/uploads\/2026\/11\/20261113_1126_outer02_05.jpg\" alt=\"\" draggable=\"false\"><\/div>\n        <\/div>\n      <\/div>\n      <button class=\"sr-slider-arrow next\" type=\"button\" aria-label=\"\u6b21\u306e\u753b\u50cf\"><\/button>\n    <\/div>\n\n    <div class=\"sr-items fadeup\">\n      <div class=\"sr-item\">\n        <p class=\"sr-item-name\">\u30a2\u30a6\u30bf\u30fc<\/p>\n        <p class=\"sr-item-price\">\u00a518,700(B-E-155)<\/p>\n        <a class=\"sr-item-btn\" href=\"https:\/\/www.sumino-yokohama.jp\/c\/portland\/B-E-155\">ONLINE SHOP<\/a>\n      <\/div>\n      <div class=\"sr-item\">\n        <p class=\"sr-item-name\">\u30d9\u30b9\u30c8<\/p>\n        <p class=\"sr-item-price\">\u00a58,800(B-863406)<\/p>\n        <a class=\"sr-item-btn\" href=\"https:\/\/www.sumino-yokohama.jp\/c\/portland\/B-863406\">ONLINE SHOP<\/a>\n      <\/div>\n      <div class=\"sr-item\">\n        <p class=\"sr-item-name\">\u30ab\u30c3\u30c8\u30bd\u30fc<\/p>\n        <p class=\"sr-item-price\">\u00a58,800(BL076501)<\/p>\n        <a class=\"sr-item-btn\" href=\"https:\/\/www.sumino-yokohama.jp\/c\/portland\/BL076501\">ONLINE SHOP<\/a>\n      <\/div>\n      <div class=\"sr-item\">\n        <p class=\"sr-item-name\">\u30d1\u30f3\u30c4<\/p>\n        <p class=\"sr-item-price\">\u00a517,600(BL096602)<\/p>\n        <a class=\"sr-item-btn\" href=\"https:\/\/www.sumino-yokohama.jp\/c\/portland\/BL096602\">ONLINE SHOP<\/a>\n      <\/div>\n      <div class=\"sr-item\">\n        <p class=\"sr-item-name\">\u30b9\u30c8\u30fc\u30eb<\/p>\n        <p class=\"sr-item-price\">\u00a56,930(46522ST)<\/p>\n        <a class=\"sr-item-btn\" href=\"https:\/\/www.sumino-yokohama.jp\/c\/portland\/46522ST\">ONLINE SHOP<\/a>\n      <\/div>\n      <div class=\"sr-item\">\n        <p class=\"sr-item-name\">\u30d0\u30c3\u30b0<\/p>\n        <p class=\"sr-item-price\">\u00a55,390(P1261-501)<\/p>\n        <a class=\"sr-item-btn\" href=\"https:\/\/www.sumino-yokohama.jp\/c\/portland\/P1261-501\">ONLINE SHOP<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"sr-notes fadeup\">\n    <p>\u30fb\u5e97\u8217\u306b\u3088\u308a\u53d6\u6271\u3044\u304c\u7570\u306a\u308a\u307e\u3059\u3002\u54c1\u5207\u308c\u3084\u672a\u5165\u8377\u306e\u5834\u5408\u306f\u3054\u4e86\u627f\u304f\u3060\u3055\u3044\u3002<\/p>\n    <p>\u30fb\u8868\u793a\u4fa1\u683c\u306f\u63b2\u8f09\u6642(2026\/11\/11)\u306e\u7a0e\u8fbc\u4fa1\u683c\u3067\u3059\u3002\u307e\u305f\u3001\u5e97\u8217\u30fb\u30aa\u30f3\u30e9\u30a4\u30f3\u30b7\u30e7\u30c3\u30d7\u306b\u3088\u3063\u3066\u4e88\u544a\u306a\u304f\u5909\u66f4\u3059\u308b\u5834\u5408\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n    <p>\u30fb\u3054\u5229\u7528\u306e\u30d1\u30bd\u30b3\u30f3\u3084\u30b9\u30de\u30fc\u30c8\u30d5\u30a9\u30f3\u7b49\u306e\u8a2d\u5b9a\u306b\u3088\u3063\u3066\u5b9f\u969b\u306e\u8272\u3068\u82e5\u5e72\u7570\u306a\u308b\u5834\u5408\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n  <\/div>\n\n<\/div>\n\n<script>\n(function(){\n  \/* fadeup: \u753b\u9762\u5185\u306b\u5165\u3063\u305f\u3089\u4e0b\u304b\u3089\u3075\u308f\u3063\u3068\u8868\u793a *\/\n  var targets = document.querySelectorAll('.fadeup');\n  var io = new IntersectionObserver(function(entries){\n    entries.forEach(function(entry){\n      if(entry.isIntersecting){\n        entry.target.classList.add('is-show');\n        io.unobserve(entry.target);\n      }\n    });\n  }, {threshold:0.15});\n  targets.forEach(function(el){ io.observe(el); });\n\n  \/* \u30b9\u30e9\u30a4\u30c0\u30fc: 2\u679a\u8868\u793a\u30fb\u77e2\u5370\/\u30b9\u30ef\u30a4\u30d7\u30671\u679a\u305a\u3064\u30fb\u30eb\u30fc\u30d7(\u81ea\u52d5\u518d\u751f\u306a\u3057) *\/\n  document.querySelectorAll('[data-slider]').forEach(function(slider){\n    var viewport = slider.querySelector('.sr-slider-viewport');\n    var track = slider.querySelector('.sr-slider-track');\n    var prevBtn = slider.querySelector('.prev');\n    var nextBtn = slider.querySelector('.next');\n    var realSlides = Array.prototype.slice.call(track.children);\n    var n = realSlides.length;\n    if(n < 3){ prevBtn.style.display = 'none'; nextBtn.style.display = 'none'; return; }\n\n    \/* \u30eb\u30fc\u30d7\u7528\u306b\u5148\u982d2\u679a\u3092\u672b\u5c3e\u3078\u3001\u672b\u5c3e2\u679a\u3092\u5148\u982d\u3078\u8907\u88fd *\/\n    for(var i = 0; i < 2; i++){\n      var tailClone = realSlides[i].cloneNode(true);\n      var headClone = realSlides[n - 1 - i].cloneNode(true);\n      tailClone.setAttribute('aria-hidden', 'true');\n      headClone.setAttribute('aria-hidden', 'true');\n      track.appendChild(tailClone);\n      track.insertBefore(headClone, track.firstChild);\n    }\n\n    var pos = 2;        \/* \u5de6\u7aef\u306b\u8868\u793a\u4e2d\u306e\u30b9\u30e9\u30a4\u30c9\u4f4d\u7f6e(2 = \u5b9f\u753b\u50cf\u306e1\u679a\u76ee) *\/\n    var locked = false;\n    var lockTimer;\n\n    function slideWidth(){ return viewport.clientWidth \/ 2; }\n\n    function render(withTransition){\n      track.style.transition = withTransition ? 'transform .5s cubic-bezier(.16,.8,.3,1)' : 'none';\n      track.style.transform = 'translateX(' + (-pos * slideWidth()) + 'px)';\n    }\n\n    \/* \u8907\u88fd\u4f4d\u7f6e\u306b\u7740\u3044\u305f\u3089\u3001\u898b\u305f\u76ee\u3092\u4fdd\u3063\u305f\u307e\u307e\u77ac\u6642\u306b\u5b9f\u753b\u50cf\u306e\u4f4d\u7f6e\u3078\u623b\u3059 *\/\n    function normalize(){\n      clearTimeout(lockTimer);\n      if(pos <= 0){ pos += n; render(false); }\n      else if(pos >= n + 2){ pos -= n; render(false); }\n      locked = false;\n    }\n\n    function move(d){\n      if(locked) return;\n      locked = true;\n      pos += d;\n      render(true);\n      lockTimer = setTimeout(normalize, 700);\n    }\n\n    track.addEventListener('transitionend', normalize);\n    prevBtn.addEventListener('click', function(){ move(-1); });\n    nextBtn.addEventListener('click', function(){ move(1); });\n    window.addEventListener('resize', function(){ render(false); });\n\n    \/* \u30c9\u30e9\u30c3\u30b0\/\u30b9\u30ef\u30a4\u30d7 *\/\n    var dragging = false, startX = 0, dragDelta = 0;\n    viewport.addEventListener('pointerdown', function(e){\n      if(locked) return;\n      dragging = true;\n      startX = e.clientX;\n      dragDelta = 0;\n      track.style.transition = 'none';\n    });\n    window.addEventListener('pointermove', function(e){\n      if(!dragging) return;\n      dragDelta = e.clientX - startX;\n      track.style.transform = 'translateX(' + (-pos * slideWidth() + dragDelta) + 'px)';\n    });\n    window.addEventListener('pointerup', function(){\n      if(!dragging) return;\n      dragging = false;\n      var threshold = slideWidth() * 0.15;\n      if(dragDelta > threshold) move(-1);\n      else if(dragDelta < -threshold) move(1);\n      else render(true);\n      dragDelta = 0;\n    });\n\n    render(false);\n  });\n})();\n<\/script>\n","protected":false},"featured_media":901,"parent":0,"menu_order":0,"template":"","brand":[6],"class_list":["post-914","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\/914","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\/901"}],"wp:attachment":[{"href":"https:\/\/www.sumino-yokohama.jp\/contents\/wp-json\/wp\/v2\/media?parent=914"}],"wp:term":[{"taxonomy":"brand","embeddable":true,"href":"https:\/\/www.sumino-yokohama.jp\/contents\/wp-json\/wp\/v2\/brand?post=914"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}