{"title":"オリジナルウォッチパッド","description":"\u003cstyle\u003e\n  body {\n    font-family: YuGothic, 'Yu Gothic', \"YuGothic\", 'Noto Sans JP', sans-serif;\n    letter-spacing: 0;\n    line-height: 1.5;\n  }\n\n  #main {\n    padding-top: 0;\n  }\n\n  \/* #main {\n    padding-top: 48px;\n  }\n  @media screen and (max-width: 879px) {\n    #main {\n      padding-top: 18px;\n    }\n  } *\/\n\n  .anim {\n    opacity: 0;\n    visibility: hidden;\n    -webkit-transform: translateY(40px);\n    transform: translateY(40px);\n    -webkit-transition: all 1s;\n    transition: all 1s;\n  }\n\n  .anim.is-show {\n    opacity: 1;\n    visibility: visible;\n    -webkit-transform: translateY(0px);\n    transform: translateY(0px);\n  }\n\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  .h0,\n  .h1,\n  .h2,\n  .h3,\n  .h4,\n  .h5 {\n    font-family: YuGothic, 'Yu Gothic', \"YuGothic\", 'Noto Sans JP', sans-serif;\n    font-weight: bold;\n  }\n\n  a {\n    text-decoration: none;\n  }\n\n  a:hover {\n    color: #666;\n  }\n\n  .m1,\n  .m2,\n  .m3,\n  .m4,\n  .m5 {\n    text-shadow: 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff,\n      0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff,\n      0 0 3px #fff;\n  }\n\n  p {\n    font-size: 15px;\n  }\n\n  @media (max-width: 879px) {\n    p {\n      padding: 0 20px;\n    }\n  }\n\n  h2 {\n    font-size: 33px;\n  }\n\n  h3 {\n    font-size: 30px;\n  }\n\n  @media (max-width: 879px) {\n    h3 {\n      padding: 0 20px 10px;\n      font-size: 21px;\n      text-align: left;\n    }\n  }\n\n  h4 {\n    font-size: 28px;\n    text-align: center;\n  }\n\n  @media (max-width: 879px) {\n    h4 {\n      font-size: 18px;\n      padding-bottom: 20px;\n    }\n  }\n\n  h4 div {\n    font-size: 12px;\n  }\n\n  h5 {\n    font-size: 17px;\n  }\n\n  @media (max-width: 879px) {\n    h5 {\n      padding: 0 20px;\n      font-size: 15px;\n      text-align: left;\n      font-weight: 400;\n    }\n  }\n\n  h6 {\n    font-size: 13px;\n  }\n\n  .watch {\n    max-width: 1280px;\n    margin: 0 auto;\n  }\n\n  @media (min-width: 880px) {\n    .top__content {\n      margin: 0 auto 0 auto;\n      text-align: center;\n    }\n\n    .top__content__img {\n      margin: 0 auto;\n    }\n\n    .top__content span {\n      display: block;\n      margin: 20px auto;\n      width: 652px;\n    }\n\n    .top__content h4 {\n      padding-bottom: 40px;\n    }\n\n    .top__content h3 {\n      text-align: left;\n      padding-bottom: 10px;\n      font-size: 25px;\n    }\n\n    .top__content p {\n      text-align: left;\n    }\n  }\n\n  @media (max-width: 879px) {\n    .top__content span {\n      width: 90%;\n      display: block;\n      margin: 0 auto;\n    }\n\n    .top__content h6 {\n      text-align: center;\n      padding-top: 0;\n      font-weight: 400;\n    }\n\n    .top__content h3 {\n      padding-top: 0;\n      padding-bottom: 10px;\n      font-size: 17px;\n    }\n\n    .top__content div {\n      font-weight: 400;\n    }\n  }\n\n  .no03,\n  .no04,\n  .no06,\n  .no07 {\n    clear: both;\n  }\n\n  @media (min-width: 880px) {\n\n    .no03__content,\n    .no04__content,\n    .no06__content,\n    .no07__content {\n      text-align: center;\n      margin: 20px auto 300px auto;\n    }\n\n    .no03__content ul,\n    .no04__content ul,\n    .no06__content ul,\n    .no07__content ul {\n      display: -webkit-box;\n      display: -ms-flexbox;\n      display: flex;\n      -ms-flex-wrap: wrap;\n      flex-wrap: wrap;\n      width: 100%;\n    }\n\n    .no03__content li,\n    .no04__content li,\n    .no06__content li,\n    .no07__content li {\n      list-style-type: none;\n    }\n\n    .no03__content .img,\n    .no04__content .img,\n    .no06__content .img,\n    .no07__content .img {\n      width: calc(100% - 452px);\n    }\n\n    .no03__content .txt,\n    .no04__content .txt,\n    .no06__content .txt,\n    .no07__content .txt {\n      width: 452px;\n    }\n\n    .no03__content h4,\n    .no04__content h4,\n    .no06__content h4,\n    .no07__content h4 {\n      display: block;\n      padding-top: 200px;\n    }\n\n    .no03__content p,\n    .no04__content p,\n    .no06__content p,\n    .no07__content p {\n      display: block;\n      padding-top: 150px;\n      text-align: left;\n      width: 70%;\n      margin: 0 auto;\n    }\n  }\n\n  @media (max-width: 879px) {\n\n    .no03__content,\n    .no04__content,\n    .no06__content,\n    .no07__content {\n      padding-top: 50px;\n    }\n\n    .no03__content img,\n    .no04__content img,\n    .no06__content img,\n    .no07__content img {\n      display: block;\n      margin: 0 auto;\n    }\n\n    .no03__content p,\n    .no04__content p,\n    .no06__content p,\n    .no07__content p {\n      padding-top: 20px;\n      width: 85%;\n      margin: 0 auto;\n    }\n  }\n\n  .movie {\n    clear: both;\n  }\n\n  @media (min-width: 880px) {\n    .movie__content {\n      margin: 0 auto;\n      text-align: center;\n      margin: 20px auto 200px auto;\n    }\n\n    .movie__content h4 {\n      text-align: center;\n      padding-bottom: 30px;\n    }\n\n    .movie__content p {\n      text-align: left;\n      width: 650px;\n      margin: 50px auto 50px auto;\n    }\n  }\n\n  @media (max-width: 879px) {\n    .movie__content {\n      padding-top: 100px;\n    }\n\n    .movie__content p {\n      padding-top: 20px;\n      width: 85%;\n      margin: 0 auto;\n    }\n\n    .movie__content h5 {\n      text-align: center;\n      padding-top: 25px;\n      font-weight: 700;\n    }\n  }\n\n  @media (min-width: 880px) {\n    .spec__content {\n      margin: 0 auto;\n      text-align: center;\n      margin: 20px auto 300px auto;\n    }\n\n    .spec__content h3 {\n      text-align: center;\n      padding-bottom: 50px;\n    }\n\n    .spec__content img {\n      margin: 0 0 50px 0;\n    }\n\n    .spec__content p {\n      width: 850px;\n      text-align: left;\n      margin: 0 auto;\n    }\n  }\n\n  @media (max-width: 879px) {\n    .spec__content {\n      padding-bottom: 100px;\n    }\n\n    .spec__content h3 {\n      text-align: center;\n    }\n\n    .spec__content img {\n      padding: 0 0 20px 0;\n    }\n\n    .spec__content p {\n      font-size: 13px;\n    }\n  }\n\n  .rec__content .btn-radius {\n    display: inline-block;\n    padding: 5px 20px;\n    width: 180px;\n    border-radius: 25px;\n    text-decoration: none;\n    background: #fff;\n    -webkit-transition: 0.4s;\n    transition: 0.4s;\n    border: 1px solid #bdbdbd;\n    font-size: 15px;\n    margin-top: 30px;\n  }\n\n  .rec__content .btn-radius:hover {\n    background: #ebebeb;\n  }\n\n  .rec__content ul {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -ms-flex-wrap: wrap;\n    flex-wrap: wrap;\n    margin: 0 auto;\n    width: 100%;\n    padding: 0 10px 300px 10px;\n  }\n\n  .rec__content li {\n    list-style-type: none;\n    width: 20%;\n    text-align: center;\n  }\n\n  .rec__content span {\n    display: block;\n    margin: 15px auto 0;\n    width: 180px;\n    text-align: left;\n  }\n\n  .rec__content h4 {\n    padding-bottom: 50px;\n  }\n\n  @media (max-width: 879px) {\n    .rec__content {\n      padding-top: 100px;\n    }\n\n    .rec__content ul {\n      -webkit-box-pack: center;\n      -ms-flex-pack: center;\n      justify-content: center;\n      padding-bottom: 0;\n    }\n\n    .rec__content li {\n      width: 50%;\n      padding: 10px 0 60px;\n    }\n\n    .rec__content li img {\n      padding: 0 10px;\n    }\n\n    .rec__content p {\n      font-size: 13px;\n      padding-top: 15px;\n    }\n\n    .rec__content .btn-radius {\n      width: 140px;\n    }\n\n    .rec__content h4 {\n      padding-bottom: 20px;\n    }\n  }\n\n  @media (min-width: 880px) {\n    .styling__content {\n      margin: 20px auto 300px auto;\n    }\n\n    .styling__content::after {\n      display: block;\n      content: \"\";\n      clear: both;\n      font-size: 0;\n      line-height: 0;\n    }\n\n    .styling__content h4 {\n      text-align: center;\n      padding-bottom: 30px;\n    }\n\n    .styling__content img {\n      width: 50%;\n      float: left;\n    }\n\n    .styling__content a:hover {\n      opacity: 0.7;\n    }\n  }\n\n  @media (max-width: 879px) {\n    .styling__content {\n      padding-top: 100px;\n      padding-bottom: 50px;\n    }\n\n    .styling__content img {\n      padding-top: 5px;\n    }\n  }\n\n  @media (min-width: 880px) {\n    .gift__content h4 {\n      text-align: center;\n      padding-bottom: 50px;\n    }\n\n    .gift__content ul {\n      display: -webkit-box;\n      display: -ms-flexbox;\n      display: flex;\n      -ms-flex-wrap: wrap;\n      flex-wrap: wrap;\n      margin: 0 auto;\n      width: 100%;\n      padding: 0 10px 200px 10px;\n    }\n\n    .gift__content li {\n      list-style-type: none;\n      width: 33%;\n      text-align: center;\n    }\n\n    .gift__content span {\n      display: block;\n      margin: 15px auto 0;\n      width: 200px;\n      text-align: left;\n    }\n\n    .gift__content span h5 {\n      padding-bottom: 5px;\n    }\n  }\n\n  @media (max-width: 879px) {\n    .gift__content {\n      padding-top: 100px;\n      padding-bottom: 100px;\n      text-align: center;\n    }\n\n    .gift__content::after {\n      display: block;\n      content: \"\";\n      clear: both;\n      font-size: 0;\n      line-height: 0;\n    }\n\n    .gift__content img {\n      float: left;\n      width: 160px;\n    }\n\n    .gift__content span {\n      float: left;\n      width: calc(100% - 160px);\n      padding: 50px 0 0;\n    }\n\n    .gift__content span p {\n      padding: 0;\n      text-align: left;\n      font-size: 13px;\n    }\n\n    .gift__content span h5 {\n      padding: 0;\n      font-weight: 700;\n    }\n\n    .gift__content li {\n      padding: 0 20px;\n    }\n\n    .gift__content li::after {\n      display: block;\n      content: \"\";\n      clear: both;\n      font-size: 0;\n      line-height: 0;\n    }\n  }\n\n  @media screen and (max-width: 768px) {\n\n    .gift__content ul li:nth-child(2) h5,\n    .gift__content ul li:nth-child(2) p {\n      text-align: right;\n    }\n  }\n\n  .top__content a {\n    color: #000;\n    font-size: 18px;\n    height: 40px;\n    width: 200px;\n    line-height: 36px;\n    text-align: center;\n    border-radius: 100px;\n    position: absolute;\n    bottom: -45%;\n    left: 50%;\n    display: block;\n    box-shadow: 2px 2px 5px rgb(0 0 0 \/ 50%);\n    background: #fff;\n    position: fixed;\n    bottom: 30px;\n    left: 0;\n    right: 0;\n    margin: 0 auto;\n    z-index: 15;\n  }\n  @media (min-width: 880px) {\n    .top__content {\n      margin: 30px auto 130px auto;\n      text-align: center;\n    }\n\n    .top__content__img {\n      width: 100%;\n      padding-bottom: 50px;\n    }\n  }\n\n  @media (max-width: 879px) {\n    .top__content span {\n      padding: 40px 0 20px 0;\n    }\n\n    .top__content h3,\n    .top__content p {\n      padding: 0 10px;\n    }\n\n    .top__content h3 {\n      font-size: 15px;\n      padding-bottom: 10px;\n    }\n\n    .top__content a {\n      font-size: 14px;\n      height: 33px;\n      line-height: 33px;\n      width: 150px;\n      margin: 20px auto 0;\n    }\n  }\n\n  @media screen and (min-width: 769px) and (max-width: 1024px) {\n    .top__content {\n      margin: 0 auto 80px auto;\n    }\n  }\n\n  .no01 li,\n  .no02 li,\n  .no03 li {\n    list-style-type: none;\n  }\n\n  .no01 h4,\n  .no01 p,\n  .no02 h4,\n  .no02 p,\n  .no03 h4,\n  .no03 p {\n    padding: 0;\n    margin: 0;\n    text-align: left;\n  }\n\n  .no01 h4,\n  .no03 h4 {\n    padding: 30px 0 10px 5%;\n  }\n\n  .no01 p,\n  .no03 p {\n    padding: 0 0 0 5%;\n  }\n\n  @media (max-width: 879px) {\n    .no01 img {\n      padding: 0;\n    }\n\n    .no01 h4 {\n      padding: 20px 0 10px 30px;\n    }\n\n    .no01 p {\n      padding: 0 30px 50px 30px;\n    }\n  }\n\n  .no02 ul {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -ms-flex-wrap: wrap;\n    flex-wrap: wrap;\n    width: 100%;\n    position: relative;\n  }\n\n  .no02 li {\n    display: block;\n    width: 50%;\n    padding: 0;\n  }\n\n  @media (min-width: 880px) {\n    .no02 ul {\n      padding-bottom: 100px;\n    }\n\n    .no02 img {\n      display: block;\n      margin: 0 auto;\n    }\n\n    .no02 h4 {\n      text-align: center;\n      font-size: 20px;\n    }\n\n    .no02 p {\n      padding-top: 80px;\n    }\n\n    .no02 .img02 {\n      display: block;\n      padding-top: 120px;\n    }\n  }\n\n  @media (max-width: 879px) {\n    .no02 h4 {\n      font-size: 15px;\n      text-align: center;\n    }\n\n    .no02 .txt {\n      padding: 20px 30px 0 30px;\n    }\n  }\n\n  .no03 {\n    margin: 0;\n  }\n\n  @media (max-width: 879px) {\n    .no03 {\n      padding: 0;\n    }\n\n    .no03 h4,\n    .no03 p {\n      padding: 0;\n      width: 100%;\n    }\n\n    .no03 h4 {\n      padding: 20px 30px 10px;\n    }\n\n    .no03 p {\n      padding: 0 30px;\n    }\n  }\n\n  @media screen and (max-width: 768px) {\n    .no03 img {\n      padding: 0;\n      margin: 0;\n      width: 100%;\n      background: #ddd;\n    }\n  }\n\n  @media (min-width: 880px) {\n    .movie {\n      margin-top: -200px;\n    }\n  }\n\n  @media (max-width: 879px) {\n    .movie {\n      margin: -20px 0 80px;\n    }\n  }\n\n  @media screen and (max-width: 768px) {\n    .movie img {\n      padding: 0;\n      margin: 0 0 50px 0;\n      width: 100%;\n      background: #ddd;\n    }\n  }\n\u003c\/style\u003e\n\u003cscript\u003e\n  $(window).on('load scroll', function () {\n    var scroll = $(window).scrollTop();\n    var windowH = $(window).height();\n    var target = $('#main-bottom').offset().top;\n    if (scroll \u003e target - windowH) {\n      $('.js-float-btn').fadeOut()\n    } else {\n      $('.js-float-btn').fadeIn()\n    }\n  })\n\u003c\/script\u003e\n\u003cmain id=\"main\" class=\"watch\"\u003e\n  \u003cdiv class=\"top\"\u003e\n    \u003cdiv class=\"top__content\"\u003e\n      \u003cimg class=\"top__content__img\" src=\"https:\/\/magazine.knot-designs.pro\/shopify\/img\/c\/watch_pad\/img\/bg01.jpg\"\u003e\n      \u003cspan\u003e\n        \u003ch4\u003eウォッチパッド\u003c\/h4\u003e\n        \u003ch3\u003eリストウェアファッションの奥行を広げる\u003cbr\u003e\n          プラスオンアイテム「ウォッチパッド」。\u003c\/h3\u003e\n        \u003cp\u003e\n          ドイツ空軍のパイロット用として使われていたBUNDストラップをイメージしたウォッチパッドが誕生しました。Knotの栃木レザーストラップの中で最も人気のTT-16で採用している「ヴォーノアニリン」とプレミアムシリーズの高級感溢れるエキゾチックレザーの代表格「リザード」を用いた高品位な仕様です。栃木レザー全9色、リザードレザー全5色の計14色の豊富なカラーバリエーションも魅力です。金属アレルギーの方も安心してお使いいただける他、カスタムオーダーの幅もさらに拡がります。\n        \u003c\/p\u003e\n      \u003c\/span\u003e\n      \u003ca class=\"js-float-btn\" href=\"#main-bottom\"\u003e商品一覧はこちら\u003c\/a\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"no01\"\u003e\n    \u003cdiv class=\"no01__content\"\u003e\n      \u003cul\u003e\n        \u003cli\u003e\n          \u003cimg src=\"https:\/\/magazine.knot-designs.pro\/shopify\/img\/c\/watch_pad\/img\/img1-01.jpg\" class=\"\"\u003e\n        \u003c\/li\u003e\n        \u003cli\u003e\n          \u003ch4\u003e豊富なカラーバリエーション\u003c\/h4\u003e\n          \u003cp\u003e栃木レザー全9色、リザード全5色から選べる\u003cbr class=\"pc\"\u003e\n            豊富なカラーラインアップを取り揃えたKnotのウォッチパッド。\u003cbr class=\"pc\"\u003e\n            リストウェアの奥行きを広げるプラスオンアイテムとして、\u003cbr class=\"pc\"\u003e\n            リストファッションをお楽しみください！！\u003c\/p\u003e\n        \u003c\/li\u003e\n      \u003c\/ul\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"no02\"\u003e\n    \u003cdiv class=\"no02__content\"\u003e\n      \u003cimg src=\"https:\/\/magazine.knot-designs.pro\/shopify\/img\/c\/watch_pad\/img\/img1-02-sp.jpg\" class=\"sp\"\u003e\n      \u003cul\u003e\n        \u003cli class=\"img02\"\u003e\n          \u003cdiv\u003e\u003cimg src=\"https:\/\/magazine.knot-designs.pro\/shopify\/img\/c\/watch_pad\/img\/img1-02.jpg\" class=\"pc\"\u003e\u003c\/div\u003e\n          \u003cdiv\u003e\n            \u003ch4\u003e栃木レザー\u003cbr class=\"sp\"\u003e ヴォーノアニリン\u003c\/h4\u003e\n          \u003c\/div\u003e\n        \u003c\/li\u003e\n        \u003cli\u003e\n          \u003cdiv\u003e\u003cimg src=\"https:\/\/magazine.knot-designs.pro\/shopify\/img\/c\/watch_pad\/img\/img1-03.jpg\" class=\"pc\"\u003e\u003c\/div\u003e\n          \u003cdiv\u003e\n            \u003ch4\u003eエキゾチックレザー\u003cbr class=\"sp\"\u003e リザード\u003c\/h4\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"pc\"\u003e\n            \u003cp\u003eKnotの栃木レザーストラップの中でも\u003cbr\u003e\n              最も人気のTT-16で採用している「ヴォーノアニリン」と\u003cbr\u003e\n              プレミアムシリーズの高級感あふれる\u003cbr\u003e\n              エキゾチックレザーの代表格「リザード」を用いた高品位な仕様です。\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/li\u003e\n      \u003c\/ul\u003e\n      \u003cdiv class=\"txt sp\"\u003e\n        \u003cp\u003eKnotの栃木レザーストラップの中でも\n          最も人気のTT-16で採用している「ヴォーノアニリン」と\n          プレミアムシリーズの高級感あふれる\n          エキゾチックレザーの代表格「リザード」を用いた高品位な仕様です。\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"no03\"\u003e\n    \u003cdiv class=\"no03__content\"\u003e\n      \u003cdiv\u003e\n\u003cimg src=\"https:\/\/magazine.knot-designs.pro\/shopify\/img\/c\/watch_pad\/img\/img1-04.jpg\" class=\"pc\"\u003e\u003cimg src=\"https:\/\/magazine.knot-designs.pro\/shopify\/img\/c\/watch_pad\/img\/img1-04-sp.jpg\" class=\"sp\"\u003e\n\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003ch4\u003eリストファッションの\u003cbr\u003e\n          奥行きを広げるプラスオンアイテム\u003c\/h4\u003e\n        \u003cp\u003eウォッチパッドをプラスオンすると\u003cbr class=\"pc\"\u003e\n          リストファッションの奥行きがぐっと広がります。\u003cbr\u003e\n          同系色で合わせるも良し、バイカラーで組み合わせるも良し、\u003cbr class=\"pc\"\u003e\n          あなただけのリストファッションをお楽しみください。\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"movie\"\u003e\n    \u003cdiv class=\"movie__content\"\u003e\n      \u003ch4\u003e取り付け方法\u003c\/h4\u003e\n      \u003ca href=\"https:\/\/vimeo.com\/239198569\" data-lity=\"data-lity\"\u003e\n        \u003cimg src=\"https:\/\/magazine.knot-designs.pro\/shopify\/img\/c\/watch_pad\/img\/movie.jpg\" class=\"\"\u003e\u003c\/a\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv id=\"main-bottom\"\u003e \u003c\/div\u003e\n\u003c\/main\u003e","products":[],"url":"https:\/\/knot-designs.pro\/collections\/watchpad.oembed","provider":"Maker's Watch Knot","version":"1.0","type":"link"}