{"title":"GIFT | ギフトラッピング袋","description":"\u003cstyle\u003e\nbody {\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  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.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\na {\n  text-decoration: none;\n}\n\na: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\np {\n  font-size: 15px;\n}\n\n@media (max-width: 879px) {\n  p {\n    padding: 0 20px;\n  }\n}\n\nh2 {\n  font-size: 33px;\n}\n\nh3 {\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\nh4 {\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\nh4 div {\n  font-size: 12px;\n}\n\nh5 {\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\nh6 {\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  .top__content__img {\n    margin: 0 auto;\n  }\n  .top__content span {\n    display: block;\n    margin: 20px auto;\n    width: 652px;\n  }\n  .top__content h4 {\n    padding-bottom: 40px;\n  }\n  .top__content h3 {\n    text-align: left;\n    padding-bottom: 10px;\n    font-size: 25px;\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  .top__content h6 {\n    text-align: center;\n    padding-top: 0;\n    font-weight: 400;\n  }\n  .top__content h3 {\n    padding-top: 0;\n    padding-bottom: 10px;\n    font-size: 17px;\n  }\n  .top__content div {\n    font-weight: 400;\n  }\n}\n\n.no03 {\n  clear: both;\n}\n\n@media (min-width: 880px) {\n  .no03__content {\n    text-align: center;\n    margin: 20px auto 300px auto;\n  }\n  .no03__content ul {\n    display: -webkit-box;\n    display: -webkit-flex;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-flex-wrap: wrap;\n        -ms-flex-wrap: wrap;\n            flex-wrap: wrap;\n    width: 100%;\n  }\n  .no03__content li {\n    list-style-type: none;\n  }\n  .no03__content .img {\n    width: calc(100% - 452px);\n  }\n  .no03__content .txt {\n    width: 452px;\n  }\n  .no03__content h4 {\n    display: block;\n    padding-top: 200px;\n  }\n  .no03__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  .no03__content {\n    padding-top: 50px;\n  }\n  .no03__content img {\n    display: block;\n    margin: 0 auto;\n  }\n  .no03__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  .movie__content h4 {\n    text-align: center;\n    padding-bottom: 30px;\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  .movie__content p {\n    padding-top: 20px;\n    width: 85%;\n    margin: 0 auto;\n  }\n  .movie__content h5 {\n    text-align: center;\n    padding-top: 25px;\n    font-weight: 700;\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: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-flex-wrap: wrap;\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  .rec__content ul {\n    -webkit-box-pack: center;\n    -webkit-justify-content: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    padding-bottom: 0;\n  }\n  .rec__content li {\n    width: 50%;\n    padding: 10px 0 60px;\n  }\n  .rec__content li img {\n    padding: 0 10px;\n  }\n  .rec__content p {\n    font-size: 13px;\n    padding-top: 15px;\n  }\n  .rec__content .btn-radius {\n    width: 140px;\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  .styling__content::after {\n    display: block;\n    content: \"\";\n    clear: both;\n    font-size: 0;\n    line-height: 0;\n  }\n  .styling__content h4 {\n    text-align: center;\n    padding-bottom: 30px;\n  }\n  .styling__content img {\n    width: 50%;\n    float: left;\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  .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  .gift__content ul {\n    display: -webkit-box;\n    display: -webkit-flex;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-flex-wrap: wrap;\n        -ms-flex-wrap: wrap;\n            flex-wrap: wrap;\n    margin: 0 auto;\n    width: 100%;\n    padding: 0 10px 200px 10px;\n  }\n  .gift__content li {\n    list-style-type: none;\n    width: 33%;\n    text-align: center;\n  }\n  .gift__content span {\n    display: block;\n    margin: 15px auto 0;\n    width: 200px;\n    text-align: left;\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  .gift__content::after {\n    display: block;\n    content: \"\";\n    clear: both;\n    font-size: 0;\n    line-height: 0;\n  }\n  .gift__content img {\n    float: left;\n    width: 160px;\n  }\n  .gift__content span {\n    float: left;\n    width: calc(100% - 160px);\n    padding: 50px 0 0;\n  }\n  .gift__content span p {\n    padding: 0;\n    text-align: left;\n    font-size: 13px;\n  }\n  .gift__content span h5 {\n    padding: 0;\n    font-weight: 700;\n  }\n  .gift__content li {\n    padding: 0 20px;\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 (min-width: 768px) and (max-width: 1024px) {\n  .pro {\n    display: none;\n  }\n}\n\n@media (min-width: 880px) {\n  .top__content {\n    margin: 0 auto 130px auto;\n    text-align: center;\n  }\n  .top__content__img {\n    width: 100%;\n  }\n  .top__content span {\n    width: 750px;\n  }\n}\n\n@media (max-width: 879px) {\n  .top__content span {\n    padding: 10px 0 30px;\n  }\n  .top__content h3 {\n    font-size: 15px;\n    padding: 0 0 10px 20px;\n  }\n  .top__content p {\n    padding: 0 20px;\n  }\n}\n\n@media screen and (max-width: 360px) {\n  .top__content h3 {\n    padding: 0 10px 10px 10px;\n  }\n  .top__content p {\n    padding: 0 10px;\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  list-style-type: none;\n}\n\n.no01 h4,\n.no01 p,\n.no02 h4,\n.no02 p {\n  padding: 0;\n  margin: 0;\n  text-align: left;\n}\n\n@media (min-width: 880px) {\n  .no01 ul,\n  .no02 ul {\n    display: -webkit-flex;\n    display: -moz-flex;\n    display: -ms-flex;\n    display: -o-flex;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-pack: center;\n    -webkit-justify-content: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    -webkit-box-pack: justify;\n    -webkit-justify-content: space-between;\n        -ms-flex-pack: justify;\n            justify-content: space-between;\n    -webkit-justify-content: space-around;\n        -ms-flex-pack: distribute;\n            justify-content: space-around;\n  }\n  .no01 h4,\n  .no02 h4 {\n    font-size: 35px;\n  }\n  .no01 .left,\n  .no02 .left {\n    width: 45%;\n    padding-left: 100px;\n  }\n  .no01 .right,\n  .no02 .right {\n    width: 55%;\n  }\n  .no01 .img01 h4,\n  .no02 .img01 h4 {\n    padding-top: 100px;\n  }\n  .no01 .img02 img,\n  .no02 .img02 img {\n    margin-top: -300px;\n  }\n  .no01 .img02 h4,\n  .no02 .img02 h4 {\n    padding: 100px 0 0 50px;\n  }\n  .no01 .img02 p,\n  .no02 .img02 p {\n    padding-left: 50px;\n  }\n}\n\n@media (max-width: 879px) {\n  .no01 {\n    padding: 50px 0 50px;\n  }\n  .no01 h4 {\n    font-size: 21px;\n    padding-bottom: 5px;\n  }\n  .no01 .right {\n    padding: 0 45px;\n  }\n  .no01 .right img {\n    padding-bottom: 10px;\n  }\n  .no01 .left {\n    padding: 0 50px;\n  }\n  .no01 .left img {\n    padding: 20px 0 50px 40px;\n  }\n  .no01 .img02 {\n    position: relative;\n        height: 440px;\n  }\n  .no01 .img02 .img {\n    position: absolute;\n    bottom: 0;\n    right: 40px;\n    width: 150px;\n  }\n}\n\n@media screen and (min-width: 768px) and (max-width: 1024px) {\n  ul {\n    display: -webkit-flex;\n    display: -moz-flex;\n    display: -ms-flex;\n    display: -o-flex;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-pack: center;\n    -webkit-justify-content: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    -webkit-box-pack: justify;\n    -webkit-justify-content: space-between;\n        -ms-flex-pack: justify;\n            justify-content: space-between;\n    -webkit-justify-content: space-around;\n        -ms-flex-pack: distribute;\n            justify-content: space-around;\n  }\n  li {\n    width: 50%;\n  }\n  .img01 h4 {\n    padding-top: 50px;\n  }\n  .img02 h4 {\n    padding-top: 20px;\n  }\n  .no02 .right {\n    display: block;\n    padding-top: 50px;\n  }\n  .img02 {\n    height: auto;\n    position: static;\n  }\n  .img02 .img {\n    position: static;\n  }\n  .img02 img {\n    bottom: 0;\n  }\n}\n\n@media (min-width: 880px) {\n  .no02 {\n    padding-top: 100px;\n  }\n  .no02 .left {\n    width: 50%;\n    padding-left: 100px;\n  }\n  .no02 .right {\n    width: 50%;\n    padding-left: 30px;\n    padding-right: 110px;\n  }\n  .no02 .right img {\n    padding-top: 40px;\n    padding-left: 50px;\n    display: block;\n  }\n  .no02 h4 {\n    font-size: 30px;\n  }\n}\n\n@media (max-width: 879px) {\n  .no02 h4 {\n    font-size: 18px;\n    text-align: center;\n    padding-bottom: 5px;\n  }\n  .no02 p {\n    padding: 10px 5px 0;\n  }\n  .no02 ul {\n    padding: 0 20px;\n  }\n}\n\n@media (min-width: 880px) {\n  .curved {\n    margin: 150px auto 200px auto;\n    position: relative;\n  }\n  .curved img {\n    display: block;\n    margin: 0 auto;\n  }\n  .curved span {\n    position: absolute;\n    bottom: 50px;\n    right: 250px;\n    padding: 5px 35px;\n    background: #fff;\n    font-size: 16px;\n    border: 1px solid #b0b0b0;\n    font-weight: 700;\n    border-radius: 50px;\n  }\n}\n\n@media (max-width: 879px) {\n  .curved {\n    padding: 80px 0 80px 0;\n  }\n  .curved__content {\n    position: relative;\n    margin: 0 22px;\n    background: #efefef;\n    padding: 10px 10px 100px 10px;\n  }\n  .curved__content img {\n    display: block;\n    margin: 0 auto;\n  }\n  .curved__content h4 {\n    text-align: left;\n    padding: 15px 0 0 0;\n    font-size: 16px;\n  }\n  .curved__content h5 {\n    text-align: left;\n    padding: 0 0 10px 0;\n    font-size: 14px;\n    font-weight: 700;\n  }\n  .curved__content p {\n    padding: 0;\n    font-size: 14px;\n  }\n  .curved span {\n    position: absolute;\n    bottom: 40px;\n    right: calc(50% - 100px);\n    padding: 5px 35px;\n    background: #fff;\n    font-size: 15px;\n    border: 1px solid #b0b0b0;\n    font-weight: 700;\n\/*     width: 200px; *\/\n    border-radius: 50px;\n  }\n}\n\n@media screen and (min-width: 600px) and (max-width: 768px) {\n  .curved__content {\n    max-width: 600px;\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 (max-width: 879px) {\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\/*# sourceMappingURL=style.css.map *\/ \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\/gift\/free\/img\/bg01.jpg\"\u003e\n\u003ch4\u003eギフトサービス\u003c\/h4\u003e\n\u003ch3\u003e大切な人に想いをつたえる、\u003cbr class=\"sp\"\u003eKnotのギフトサービス。\u003c\/h3\u003e\n\u003cp\u003eKnotでは時計本体をご購入のお客様に、時計本体とストラップを数本収納できる、オリジナルボックスでお届けしています。ギフトラッピング袋もご用意しています。是非ご利用くださいませ。\u003cbr\u003e ※ベルトのみご購入の場合、オリジナルボックス・ラッピングはございませんのでご注意ください。\u003cbr\u003e ※画像のショップバックは、直営ショップにてご購入の際にお渡しさせていただいております。オンラインショップでご購入の際には同封はございません。何卒ご了承くださいませ。\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=\"right sp\"\u003e\u003cimg src=\"https:\/\/magazine.knot-designs.pro\/shopify\/img\/gift\/free\/img\/img1-01.jpg\"\u003e\u003c\/li\u003e\n\u003cli class=\"left img01\"\u003e\n\u003ch4\u003eオリジナルボックス\u003c\/h4\u003e\n\u003cp\u003e「今日の服に、今日の時計。」\u003cbr\u003e 毎日のWatch Lifeを楽しんでいただきたい。\u003cbr class=\"pc\"\u003e そんな想いから、Knotでは時計本体とストラップを\u003cbr class=\"pc\"\u003e 数本収納できる、オリジナルボックスでお届けしています。\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli class=\"right pc\"\u003e\u003cimg src=\"https:\/\/magazine.knot-designs.pro\/shopify\/img\/gift\/free\/img\/img1-01.jpg\"\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cul\u003e\n\u003cli class=\"left img02\"\u003e\u003cimg src=\"https:\/\/magazine.knot-designs.pro\/shopify\/img\/gift\/free\/img\/img1-02.jpg\"\u003e\u003c\/li\u003e\n\u003cli class=\"right img02\"\u003e\n\u003ch4\u003eギフトラッピングサービス\u003c\/h4\u003e\n\u003cp\u003eKnotをギフトとしてご利用の際には、\u003cbr class=\"pc\"\u003e ギフトラッピング袋をご提案いたしております。\u003cbr class=\"pc\"\u003e \u003cimg src=\"https:\/\/magazine.knot-designs.pro\/shopify\/img\/gift\/free\/img\/img1-04-sp.jpg\" class=\"sp img\"\u003e\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\u003cul\u003e\n\u003cli class=\"left img03\"\u003e\n\u003ch4 class=\"sp\"\u003e選べるギフトチャーム\u003c\/h4\u003e\n\u003cimg src=\"https:\/\/magazine.knot-designs.pro\/shopify\/img\/gift\/free\/img\/img1-03.jpg\"\u003e\n\u003c\/li\u003e\n\u003cli class=\"right img03\"\u003e\n\u003ch4 class=\"pc\"\u003e選べるギフトチャーム\u003c\/h4\u003e\n\u003cp\u003e直営ギャラリーショップでは、通年でご使用いただけるチャームから誕生日、クリスマスなどイベント限定のチャームをご用意しております。裏面にはメッセージをお書きいただけるスペースをご用意しています。大切なあの人に想いをつたえる「ギフトチャーム」をぜひご利用ください。\u003cbr\u003e※オンラインショップではチャームは付きません。予めご了承ください。\u003c\/p\u003e\n\u003cimg src=\"https:\/\/magazine.knot-designs.pro\/shopify\/img\/gift\/free\/img\/img1-04.jpg\" class=\"pc\"\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"curved\"\u003e\n\u003cdiv class=\"curved__content pc\"\u003e\n\u003cimg src=\"https:\/\/magazine.knot-designs.pro\/shopify\/img\/gift\/free\/img\/curved.jpg\" class=\"\"\u003e \u003ca href=\"\/collections\/onname\"\u003e\u003cspan\u003e詳しくはこちら\u003c\/span\u003e\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"curved__content sp\"\u003e\n\u003cimg src=\"https:\/\/magazine.knot-designs.pro\/shopify\/img\/gift\/free\/img\/curved-sp.jpg\" class=\"\"\u003e\n\u003cdiv\u003e\n\u003ch4\u003e刻印サービス\u003c\/h4\u003e\n\u003ch5\u003eお名前や記念日、メッセージを刻印しよう\u003c\/h5\u003e\n\u003cp\u003e大切な人への贈り物に、時計の裏蓋にメッセージを添えたり、記念品として記念日を刻印したり、ご自分用としてお好きな言葉を刻印したり…。カスタマイズと合わせて、より想い出に残る時計を作ってみてください。お名前や記念日、ステキなメッセージなど…カスタマイズした時計を、さらに特別なものに。\u003c\/p\u003e\n\u003ca href=\"\/collections\/onname\"\u003e\u003cspan\u003e詳しくはこちら\u003c\/span\u003e\u003c\/a\u003e\n\u003c\/div\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\/gift-free.oembed","provider":"Maker's Watch Knot","version":"1.0","type":"link"}