{"title":"ストラップ ギフトボックス","description":"\u003cstyle\u003e\u003c!--\n  body {\n    display: block;\n    letter-spacing: 0;\n  }\n\n  div:empty {\n    display: block;\n  }\n\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    margin: 0;\n    font-family: YuGothic, 'Yu Gothic', \"YuGothic\", 'Noto Sans JP', sans-serif;\n    color: #3c3c3c;\n  }\n\n  h1,\n  h2,\n  h3,\n  h4,\n  h5 {\n    line-height: 1.2;\n    font-weight: bold;\n  }\n\n  img {\n    border: none !important;\n  }\n\n  #main {\n    padding-top: 0;\n    font-family: YuGothic, 'Yu Gothic', \"YuGothic\", 'Noto Sans JP', sans-serif;\n  }\n\n  .main-content .shopify-section {\n    margin: 0 auto 24px;\n    padding: 0;\n    max-width: 1280px;\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  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    color: #3c3c3c;\n    line-height: 1.5;\n  }\n\n  .page-width {\n    padding: 0;\n  }\n\n  .card-information {\n    padding-left: 16px;\n  }\n\n  @media screen and (min-width: 990px) {\n    .grid--5-col-desktop .grid__item {\n      padding: 16px 8px;\n    }\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 (min-width: 880px) {\n    h4 {\n      margin-bottom: 50px;\n    }\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 .wrap {\n      display: block;\n      margin: 20px auto;\n      width: 652px;\n    }\n\n    .top__content h4 {\n      padding-bottom: 40px;\n      margin-bottom: 0;\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: justify;\n    }\n  }\n\n  @media (max-width: 879px) {\n    .top__content .wrap {\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  .method {\n    clear: both;\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  .no02 h4,\n  .no03 h4 {\n    padding: 20px 0 10px 50px;\n    font-size: 18px;\n  }\n\n  @media (min-width: 880px) {\n\n    .no01 p,\n    .no02 p,\n    .no03 p {\n      padding: 0 0 0 5%;\n    }\n  }\n\n  @media (max-width: 879px) {\n\n    .no01 p,\n    .no02 p,\n    .no03 p {\n      padding: 10px 50px 10px 50px;\n    }\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  .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\n  @media (min-width: 880px) {\n    .top__content {\n      margin: 0 auto 130px auto;\n      text-align: center;\n    }\n\n    .top__content__img {\n      width: 100%;\n    }\n\n    .top__content .img01 {\n      padding: 40px 0;\n      width: 100%;\n    }\n\n    .top__content .img01 img {\n      float: right;\n    }\n\n    .top__content .img01::after {\n      display: block;\n      content: \"\";\n      clear: both;\n      font-size: 0;\n      line-height: 0;\n    }\n\n    .top__content span {\n      display: block;\n      margin: 20px auto;\n      width: 750px;\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 {\n      margin: 0 auto;\n      text-align: left;\n    }\n\n    .top__content .img01 {\n      padding: 15px 0 20px 15%;\n    }\n\n    .top__content span {\n      width: 90%;\n      display: block;\n      margin: 0 auto;\n      padding: 10px 0 30px 0;\n    }\n\n    .top__content h3 {\n      padding: 0 0 10px 20px;\n      font-size: 15px;\n    }\n\n    .top__content p {\n      padding: 0 20px;\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 (min-width: 880px) {\n    .no01 ul {\n      position: relative;\n      height: 720px;\n      margin-bottom: 80px;\n    }\n\n    .no01 li img {\n      position: absolute;\n      bottom: 0;\n      right: 0;\n    }\n\n    .no01 li p {\n      padding: 0 0 0 100px;\n    }\n  }\n\n  @media (max-width: 879px) {\n    .no01 img {\n      padding-left: 40px;\n    }\n\n    .no01 p {\n      padding: 30px 40px 80px;\n    }\n  }\n\n  @media (min-width: 880px) {\n    .no02 {\n      margin-bottom: 100px;\n    }\n  }\n\n  @media screen and (min-width: 769px) and (max-width: 1024px) {\n    .top img {\n      width: 100%;\n    }\n\n    .top .wrap {\n      margin-top: 0;\n    }\n\n    .no03 p,\n    .no04 p {\n      width: 100%;\n      margin-top: -10px;\n    }\n  }\n\n  @media screen and (min-width: 658px) and (max-width: 856px) {\n    .top img {\n      width: 100%;\n    }\n\n    .top .wrap {\n      margin-top: -30px;\n    }\n\n    .no03 p,\n    .no04 p {\n      width: 100%;\n      margin-top: -10px;\n    }\n\n    .no02 {\n      padding-top: 50px;\n    }\n\n    .no02 img {\n      width: 300px;\n    }\n\n    .no02 p {\n      bottom: 50px;\n    }\n\n    .no03 {\n      display: block;\n      margin-top: 150px;\n    }\n\n    .no03 img {\n      margin-top: -50px;\n      padding-left: 10px;\n    }\n\n    .no04__content {\n      position: relative;\n      display: block;\n      height: 750px;\n    }\n\n    .no04__content .wrap {\n      position: absolute;\n      bottom: 0;\n    }\n\n    .no04__content img {\n      position: absolute;\n      bottom: 100px;\n      right: 0;\n      width: 400px;\n    }\n  }\n--\u003e\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 \u003cmain class=\"watch\" id=\"main\"\u003e\n\u003cdiv class=\"top\"\u003e\n\u003cdiv class=\"top__content\"\u003e\n\u003cimg class=\"top__content__img pc\" src=\"https:\/\/magazine.knot-designs.pro\/shopify\/img\/gift\/strap_giftbox\/img\/bg01.jpg\"\u003e \u003cimg class=\"top__content__img sp\" src=\"https:\/\/magazine.knot-designs.pro\/shopify\/img\/gift\/strap_giftbox\/img\/bg01-sp.jpg\"\u003e \n\u003ch4\u003eストラップ ギフトボックス\u003c\/h4\u003e\n\u003ch3\u003eMaker’s Watch Knotのリストウェアを\u003cbr class=\"sp pro\"\u003e愛用しているあの人に。\u003cbr\u003eファッションが広がるストラップの贈り物。\u003c\/h3\u003e\n\u003cp\u003eMaker's Watch Knotがご提案するのは、贈り物を通じて人と人を繋ぎ人生のストーリーを紡ぐウォッチギフトです。腕時計は男性、女性問わずプレゼントに選ばれる人気のアイテムです。しかし私たちはプレゼントがゴールではなくわたす人、もらう人の双方にKnotのある暮らしを贈りたいと考えました。人生の門出を祝うご卒業・ご入学・ご就職や日頃の感謝を伝える母の日・父の日、特別な日を祝う誕生日やクリスマスなど様々なイベントをきっかけに、休日に大切な人とお店にストラップ選びに出かけたり、家族でwebサイトを見ながらカスタムを楽しんだり。そこにKnotがあるからこその会話やお出かけ、腕時計・ストラップのシェアといったライフシーンを楽しんでみてはいかがでしょうか？\u003c\/p\u003e\n \u003ca class=\"js-float-btn\" href=\"#main-bottom\" style=\"display: block;\"\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 class=\"txt\"\u003e\n\u003cimg src=\"https:\/\/magazine.knot-designs.pro\/shopify\/img\/gift\/strap_giftbox\/img\/img1-01.png\" class=\"sp\"\u003e\n\u003cp\u003eカップルやご家族・お友達同士でKnotのリストウェアを\u003cbr class=\"pc\"\u003e お使いいただいている方が多くいらっしゃいます。\u003cbr\u003e Knotでは「ストラップを贈り物にしたい」というお声をたくさんいただくようになりました。\u003cbr\u003e ストラップを変えるだけで時計の印象がガラリと変わり、新調したような気分に。\u003cbr\u003e ”イージーレバー ”により工具無しで付け替えが可能なので、\u003cbr class=\"pc\"\u003e 日によってストラップを替えることでコーディネートの幅がさらに広がります。\u003cbr\u003e \u003cbr\u003e そこでご用意したのが、ストラップ専用のギフトボックス。\u003cbr\u003e 日頃Knotを愛用しているあの人に、ストラップの贈り物はいかがでしょうか。\u003cbr\u003e 贈る相手や行事に合わせてホワイトとグレーの\u003cbr class=\"pc\"\u003e 2色からお選びいただけるカラーバリエーション。\u003cbr\u003e 手にした瞬間嬉しくなる、肌なじみの良い用紙を使用しました。\u003cbr\u003e ぜひ大切なあの人への贈り物に。\u003cbr\u003e リストウェアの幅が広がる、\u003cbr\u003e ファッションがもっと楽しく好きになる、\u003cbr\u003e ストラップギフトです。\u003c\/p\u003e\n\u003cimg src=\"https:\/\/magazine.knot-designs.pro\/shopify\/img\/gift\/strap_giftbox\/img\/img1-01.png\" class=\"pc\"\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\/gift\/strap_giftbox\/img\/photo.jpg\" class=\"pc\"\u003e\u003cimg src=\"https:\/\/magazine.knot-designs.pro\/shopify\/img\/gift\/strap_giftbox\/img\/photo-sp.jpg\" class=\"sp\"\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\/strap-gift-box.oembed","provider":"Maker's Watch Knot","version":"1.0","type":"link"}