{"id":613,"date":"2026-10-14T16:58:54","date_gmt":"2026-10-14T07:58:54","guid":{"rendered":"https:\/\/www.sumino-yokohama.jp\/contents\/?post_type=feature&#038;p=613"},"modified":"2026-10-14T16:58:55","modified_gmt":"2026-10-14T07:58:55","slug":"shop-recommend-4","status":"publish","type":"feature","link":"https:\/\/www.sumino-yokohama.jp\/contents\/feature\/shop-recommend-4\/","title":{"rendered":"SHOP RECOMMEND #4"},"content":{"rendered":"\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>SHOP RECOMMEND #4<\/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    --anchor:#f3981d;\n    --duration:.9s;\n    --ease:cubic-bezier(.16,.8,.3,1);\n  }\n  html{scroll-behavior:smooth;}\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{\n    font-size:20px;\n    letter-spacing:.12em;\n    margin:0 0 20px;\n  }\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  .sr-topimg{margin-bottom:36px;}\n\n  \/* --- \u30a2\u30f3\u30ab\u30fc\u30ea\u30f3\u30af\u30dc\u30bf\u30f3(\u30d4\u30eb\u578b\u30fb1\u6bb5\u76ee1\u3064\/2\u6bb5\u76ee2\u3064\u30fb\u4e2d\u592e\u914d\u7f6e) --- *\/\n  .sr-anchors{\n    display:flex;\n    flex-direction:column;\n    align-items:center;\n    gap:12px;\n    margin-bottom:72px;\n  }\n  .sr-anchors .sr-anchors-row{\n    display:flex;\n    justify-content:center;\n    gap:12px;\n    width:100%;\n  }\n  .sr-anchor-btn{\n    display:inline-block;\n    min-width:160px;\n    padding:12px 28px;\n    border-radius:999px;\n    background:var(--anchor);\n    color:#fff;\n    font-size:14px;\n    letter-spacing:.08em;\n    text-align:center;\n    text-decoration:none;\n    line-height:1.4;\n    transition:opacity .3s;\n  }\n  .sr-anchor-btn:hover{opacity:.8;}\n\n  \/* --- STYLE\u30d6\u30ed\u30c3\u30af --- *\/\n  .sr-style{margin-bottom:80px;scroll-margin-top:20px;}\n  .sr-style:last-of-type{margin-bottom:0;}\n  .sr-style-label{\n    text-align:center;\n    font-size:15px;\n    letter-spacing:.1em;\n    margin:0 0 20px;\n  }\n  .sr-caption{\n    text-align:center;\n    font-size:13px;\n    color:var(--ink);\n    margin:16px 0 24px;\n    padding:0 8px;\n  }\n\n  \/* --- \u30b9\u30e9\u30a4\u30c0\u30fc(\u5e38\u306b\u30e1\u30a4\u30f3\u3092\u4e2d\u592e\u8868\u793a\u3001\u5de6\u53f3\u306b\u524d\u5f8c\u306e\u753b\u50cf\u304c\u534a\u5206\u305a\u3064\u898b\u5207\u308c\u308b+\u7121\u9650\u30eb\u30fc\u30d7) --- *\/\n  .sr-slider{\n    margin-bottom:16px;\n  }\n  .sr-slider-viewport{\n    overflow:hidden;\n  }\n  .sr-slider-track{\n    display:flex;\n    touch-action:pan-y;\n  }\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    height: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-dots{\n    display:flex;\n    justify-content:center;\n    gap:8px;\n    margin-top:14px;\n  }\n  .sr-slider-dots button{\n    width:7px;height:7px;\n    border-radius:50%;\n    border:none;\n    background:#ccc;\n    padding:0;\n    cursor:pointer;\n  }\n  .sr-slider-dots button.is-active{background:var(--ink);}\n\n  \/* --- \u5546\u54c1\u4e00\u89a7 --- *\/\n  .sr-items{\n    display:grid;\n    grid-template-columns:1fr 1fr;\n    gap:10px;\n  }\n  .sr-item{\n    border:1px solid var(--line);\n    text-align:center;\n    padding:14px 8px 16px;\n    background:#fff;\n  }\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{\n    margin-top:64px;\n    padding-top:24px;\n    border-top:1px solid var(--line);\n  }\n  .sr-notes p{\n    font-size:11px;\n    color:var(--sub);\n    line-height:1.8;\n    margin:0 0 8px;\n  }\n  .sr-notes p:last-child{margin-bottom:0;}\n\n  @media (max-width:480px){\n    .sr-page{padding:40px 16px 70px;}\n    .sr-anchor-btn{min-width:0;flex:1 1 0;max-width:160px;padding:12px 8px;font-size:13px;}\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 #4<\/p>\n    <p class=\"sr-catch\">MY BASIC UPDATE<\/p>\n    <p class=\"sr-catch\">~\u30e9\u30a4\u30c8\u30a2\u30a6\u30bf\u30fc\u304b\u3089\u59cb\u3081\u308b\u304a\u3057\u3083\u308c\u8a08\u753b~<\/p>\n    <p class=\"sr-date\">2026.10.16<\/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\/10\/1016_1029_01.jpg\" alt=\"MY BASIC UPDATE TOP\u753b\u50cf\">\n\n  <!-- \u30a2\u30f3\u30ab\u30fc\u30ea\u30f3\u30af\u30dc\u30bf\u30f3 -->\n  <nav class=\"sr-anchors fadeup\" aria-label=\"\u30b9\u30bf\u30a4\u30eb\u4e00\u89a7\">\n    <div class=\"sr-anchors-row\">\n      <a class=\"sr-anchor-btn\" href=\"#style01\">01\/Blouson \u2193<\/a>\n    <\/div>\n    <div class=\"sr-anchors-row\">\n      <a class=\"sr-anchor-btn\" href=\"#style02\">02\/Jacket \u2193<\/a>\n      <a class=\"sr-anchor-btn\" href=\"#style03\">03\/Coat \u2193<\/a>\n    <\/div>\n  <\/nav>\n\n  <!-- ========== STYLE 01 ========== -->\n  <div class=\"sr-style\" id=\"style01\">\n    <p class=\"sr-style-label fadeup\">STYLE 01<\/p>\n\n    <img decoding=\"async\" class=\"sr-mainimg fadeup\" src=\"https:\/\/www.sumino-yokohama.jp\/contents\/nsk\/wpist\/wp-content\/uploads\/2026\/10\/1016_1029_S1_00.jpg\" alt=\"STYLE01 \u30e1\u30a4\u30f3\u753b\u50cf\">\n\n    <p class=\"sr-caption fadeup\">\u30a2\u30af\u30c6\u30a3\u30d6\u306a\u304a\u51fa\u304b\u3051\u3082\u6c17\u5206\u304c\u4e0a\u304c\u308b\u266a<br>\u6620\u3048\u30ab\u30e9\u30fc\u306e\u30e9\u30a4\u30c8\u30a2\u30a6\u30bf\u30fc\u30b3\u30fc\u30c7<\/p>\n\n    <div class=\"sr-slider fadeup\" data-slider=\"\">\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\/10\/1016_1029_S1_01.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\/10\/1016_1029_S1_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\/10\/1016_1029_S1_03.jpg\" alt=\"\" draggable=\"false\"><\/div>\n        <\/div>\n      <\/div>\n      <div class=\"sr-slider-dots\"><\/div>\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\">\u00a527,500(PL166802)<\/p>\n        <a class=\"sr-item-btn\" href=\"https:\/\/www.sumino-yokohama.jp\/c\/portland\/PL166802\">ONLINE SHOP<\/a>\n      <\/div>\n      <div class=\"sr-item\">\n        <p class=\"sr-item-name\">\u30ab\u30fc\u30c7\u30a3\u30ac\u30f3<\/p>\n        <p class=\"sr-item-price\">\u00a59,900(PL076815C)<\/p>\n        <a class=\"sr-item-btn\" href=\"https:\/\/www.sumino-yokohama.jp\/c\/portland\/PL076815C\">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(PL076816)<\/p>\n        <a class=\"sr-item-btn\" href=\"https:\/\/www.sumino-yokohama.jp\/c\/portland\/PL076816\">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\">\u00a58,800(PL096901C)<\/p>\n        <a class=\"sr-item-btn\" href=\"https:\/\/www.sumino-yokohama.jp\/c\/portland\/PL096901C\">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\">\u00a56,930(PA41-422)<\/p>\n        <a class=\"sr-item-btn\" href=\"https:\/\/www.sumino-yokohama.jp\/c\/portland\/PA41-422\">ONLINE SHOP<\/a>\n      <\/div>\n      <div class=\"sr-item no-link\">\n        <p class=\"sr-item-name\">\u30cd\u30c3\u30af\u30ec\u30b9<\/p>\n        <p class=\"sr-item-price\">\u00a51,980(080239)<\/p>\n      <\/div>\n      <div class=\"sr-item\">\n        <p class=\"sr-item-name\">\u30b9\u30cb\u30fc\u30ab\u30fc<\/p>\n        <p class=\"sr-item-price\">\u00a54,950(P7330)<\/p>\n        <a class=\"sr-item-btn\" href=\"https:\/\/www.sumino-yokohama.jp\/c\/portland\/P7330\">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    <img decoding=\"async\" class=\"sr-mainimg fadeup\" src=\"https:\/\/www.sumino-yokohama.jp\/contents\/nsk\/wpist\/wp-content\/uploads\/2026\/10\/1016_1029_S2_00.jpg\" alt=\"STYLE02 \u30e1\u30a4\u30f3\u753b\u50cf\">\n\n    <p class=\"sr-caption fadeup\">\u30c9\u30e9\u30de\u30c1\u30c3\u30af\u306a\u30c1\u30a7\u30c3\u30af\u67c4\u30b9\u30ab\u30fc\u30c8\u306b\u3001<br>\u30b3\u30fc\u30c7\u30e5\u30ed\u30a4\u30b8\u30e3\u30b1\u30c3\u30c8\u3067\u30b7\u30c3\u30af\u306b\u5f15\u304d\u7de0\u3081\u3066<\/p>\n\n    <div class=\"sr-slider fadeup\" data-slider=\"\">\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\/10\/1016_1029_S2_01.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\/10\/1016_1029_S2_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\/10\/1016_1029_S2_03.jpg\" alt=\"\" draggable=\"false\"><\/div>\n        <\/div>\n      <\/div>\n      <div class=\"sr-slider-dots\"><\/div>\n    <\/div>\n\n    <div class=\"sr-items fadeup\">\n      <div class=\"sr-item\">\n        <p class=\"sr-item-name\">\u30b8\u30e3\u30b1\u30c3\u30c8<\/p>\n        <p class=\"sr-item-price\">\u00a512,100(BL166601)<\/p>\n        <a class=\"sr-item-btn\" href=\"https:\/\/www.sumino-yokohama.jp\/c\/portland\/BL166601\">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\">\u00a59,350(BL066606)<\/p>\n        <a class=\"sr-item-btn\" href=\"https:\/\/www.sumino-yokohama.jp\/c\/portland\/BL066606\">ONLINE SHOP<\/a>\n      <\/div>\n      <div class=\"sr-item\">\n        <p class=\"sr-item-name\">\u30d6\u30e9\u30a6\u30b9<\/p>\n        <p class=\"sr-item-price\">\u00a57,150(BL056509)<\/p>\n        <a class=\"sr-item-btn\" href=\"https:\/\/www.sumino-yokohama.jp\/c\/portland\/BL056509\">ONLINE SHOP<\/a>\n      <\/div>\n      <div class=\"sr-item no-link\">\n        <p class=\"sr-item-name\">\u30b9\u30ab\u30fc\u30c8<\/p>\n        <p class=\"sr-item-price\">\u00a56,600(B-56768)<\/p>\n      <\/div>\n      <div class=\"sr-item no-link\">\n        <p class=\"sr-item-name\">\u30cd\u30c3\u30af\u30ec\u30b9<\/p>\n        <p class=\"sr-item-price\">\u00a51,100(BL105501)<\/p>\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(B1261-132)<\/p>\n        <a class=\"sr-item-btn\" href=\"https:\/\/www.sumino-yokohama.jp\/c\/portland\/B1261-132\">ONLINE SHOP<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- ========== STYLE 03 ========== -->\n  <div class=\"sr-style\" id=\"style03\">\n    <p class=\"sr-style-label fadeup\">STYLE 03<\/p>\n\n    <img decoding=\"async\" class=\"sr-mainimg fadeup\" src=\"https:\/\/www.sumino-yokohama.jp\/contents\/nsk\/wpist\/wp-content\/uploads\/2026\/10\/1016_1029_S3_00.jpg\" alt=\"STYLE03 \u30e1\u30a4\u30f3\u753b\u50cf\">\n\n    <p class=\"sr-caption fadeup\">\u7740\u3066\u3082\u8131\u3044\u3067\u3082\u6c17\u5206\u304c\u4e0a\u304c\u308b\u266a<br>\u30de\u30cb\u30c3\u30b7\u30e5\u306a\u88c5\u3044\u306b\u5fcd\u3070\u305b\u305f\u3001<br>\u81ea\u5206\u3060\u3051\u306e\u30ea\u30d0\u30c6\u30a3\u30d7\u30ea\u30f3\u30c8<\/p>\n\n    <div class=\"sr-slider fadeup\" data-slider=\"\">\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\/10\/1016_1029_S3_01.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\/10\/1016_1029_S3_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\/10\/1016_1029_S3_03.jpg\" alt=\"\" draggable=\"false\"><\/div>\n        <\/div>\n      <\/div>\n      <div class=\"sr-slider-dots\"><\/div>\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\">\u00a538,500(BL116501)<\/p>\n        <a class=\"sr-item-btn\" href=\"https:\/\/www.sumino-yokohama.jp\/c\/portland\/BL116501\">ONLINE SHOP<\/a>\n      <\/div>\n      <div class=\"sr-item no-link\">\n        <p class=\"sr-item-name\">\u30cb\u30c3\u30c8<\/p>\n        <p class=\"sr-item-price\">\u00a56,600(B-57891)<\/p>\n      <\/div>\n      <div class=\"sr-item\">\n        <p class=\"sr-item-name\">\u30d6\u30e9\u30a6\u30b9<\/p>\n        <p class=\"sr-item-price\">\u00a510,450(BL056504)<\/p>\n        <a class=\"sr-item-btn\" href=\"https:\/\/www.sumino-yokohama.jp\/c\/portland\/BL056504\">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\">\u00a514,300(BL096501)<\/p>\n        <a class=\"sr-item-btn\" href=\"https:\/\/www.sumino-yokohama.jp\/c\/portland\/BL096501\">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\">\u00a56,050(B572I500P)<\/p>\n        <a class=\"sr-item-btn\" href=\"https:\/\/www.sumino-yokohama.jp\/c\/portland\/B572I500P\">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,940(2261-183-1)<\/p>\n        <a class=\"sr-item-btn\" href=\"https:\/\/www.sumino-yokohama.jp\/c\/portland\/2261-183-1\">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\/10\/14)\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  \/* \u30a2\u30f3\u30ab\u30fc\u30ea\u30f3\u30af: \u5404STYLE\u30a8\u30ea\u30a2\u3078\u6ed1\u3089\u304b\u306b\u30b8\u30e3\u30f3\u30d7(CSS\u306escroll-behavior\u304c\u52b9\u304b\u306a\u3044\u74b0\u5883\u5411\u3051\u306e\u88dc\u52a9) *\/\n  document.querySelectorAll('.sr-anchor-btn').forEach(function(a){\n    a.addEventListener('click', function(e){\n      var target = document.querySelector(a.getAttribute('href'));\n      if(!target) return;\n      e.preventDefault();\n      target.scrollIntoView({ behavior:'smooth', block:'start' });\n    });\n  });\n\n  \/* fadeup: IntersectionObserver\u3067\u753b\u9762\u5185\u306b\u5165\u3063\u305f\u3089\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(\u5e38\u306b\u30e1\u30a4\u30f3\u3092\u4e2d\u592e\u8868\u793a+\u5de6\u53f3\u534a\u5206\u898b\u5207\u308c+\u7121\u9650\u30eb\u30fc\u30d7+\u81ea\u52d5\u518d\u751f\u3001\u8907\u6570\u8a2d\u7f6e\u5bfe\u5fdc) *\/\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 dotsWrap = slider.querySelector('.sr-slider-dots');\n    var realSlides = Array.prototype.slice.call(track.children);\n    var n = realSlides.length;\n    if(n === 0) return;\n\n    var AUTO_INTERVAL = 3500;\n    var RESUME_DELAY = 4000;\n\n    var firstClone = realSlides[0].cloneNode(true);\n    var lastClone = realSlides[n - 1].cloneNode(true);\n    firstClone.setAttribute('aria-hidden', 'true');\n    lastClone.setAttribute('aria-hidden', 'true');\n    track.appendChild(firstClone);\n    track.insertBefore(lastClone, track.firstChild);\n\n    var pos = 1;\n\n    for(var i = 0; i < n; i++){\n      (function(realIdx){\n        var dot = document.createElement('button');\n        if(realIdx === 0) dot.classList.add('is-active');\n        dot.addEventListener('click', function(){\n          pos = realIdx + 1;\n          render(true);\n          restartAuto();\n        });\n        dotsWrap.appendChild(dot);\n      })(i);\n    }\n    var dots = dotsWrap.querySelectorAll('button');\n\n    function setDots(){\n      var realIdx = ((pos - 1) % n + n) % n;\n      dots.forEach(function(d, idx){ d.classList.toggle('is-active', idx === realIdx); });\n    }\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      var w = slideWidth();\n      var offset = -pos * w + (viewport.clientWidth - w) \/ 2;\n      track.style.transform = 'translateX(' + offset + 'px)';\n      setDots();\n    }\n\n    function next(){ pos += 1; render(true); }\n    function prev(){ pos -= 1; render(true); }\n\n    track.addEventListener('transitionend', function(){\n      if(pos === 0){ pos = n; render(false); }\n      else if(pos === n + 1){ pos = 1; render(false); }\n    });\n\n    window.addEventListener('resize', function(){ render(false); });\n\n    var autoTimer;\n    function startAuto(){ autoTimer = setInterval(next, AUTO_INTERVAL); }\n    function stopAuto(){ clearInterval(autoTimer); }\n    var resumeTimer;\n    function restartAuto(){\n      stopAuto();\n      clearTimeout(resumeTimer);\n      resumeTimer = setTimeout(startAuto, RESUME_DELAY);\n    }\n\n    var dragging = false, startX = 0, dragDelta = 0;\n\n    function dragStart(e){\n      dragging = true;\n      startX = e.clientX;\n      stopAuto();\n      track.style.transition = 'none';\n    }\n    function dragMove(e){\n      if(!dragging) return;\n      dragDelta = e.clientX - startX;\n      var w = slideWidth();\n      var offset = -pos * w + (viewport.clientWidth - w) \/ 2 + dragDelta;\n      track.style.transform = 'translateX(' + offset + 'px)';\n    }\n    function dragEnd(){\n      if(!dragging) return;\n      dragging = false;\n      var threshold = slideWidth() * 0.15;\n      if(dragDelta > threshold) prev();\n      else if(dragDelta < -threshold) next();\n      else render(true);\n      dragDelta = 0;\n      restartAuto();\n    }\n\n    viewport.addEventListener('pointerdown', dragStart);\n    window.addEventListener('pointermove', dragMove);\n    window.addEventListener('pointerup', dragEnd);\n\n    render(false);\n    startAuto();\n  });\n})();\n<\/script>\n","protected":false},"featured_media":626,"parent":0,"menu_order":0,"template":"","brand":[6],"class_list":["post-613","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\/613","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\/626"}],"wp:attachment":[{"href":"https:\/\/www.sumino-yokohama.jp\/contents\/wp-json\/wp\/v2\/media?parent=613"}],"wp:term":[{"taxonomy":"brand","embeddable":true,"href":"https:\/\/www.sumino-yokohama.jp\/contents\/wp-json\/wp\/v2\/brand?post=613"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}