{"id":5254,"date":"2020-10-05T12:26:39","date_gmt":"2020-10-05T03:26:39","guid":{"rendered":"http:\/\/www.kind.co.jp\/kaitori\/?page_id=5254"},"modified":"2020-12-06T09:50:22","modified_gmt":"2020-12-06T00:50:22","slug":"nearshops","status":"publish","type":"page","link":"https:\/\/www.kind.co.jp\/kaitori\/nearshops","title":{"rendered":"\u304a\u8fd1\u304f\u306e\u5e97\u8217\u3092\u63a2\u3059"},"content":{"rendered":"<!--handmade-->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css?family=Lato:400,700\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/normalize\/5.0.0\/normalize.min.css\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/meyer-reset\/2.0\/reset.min.css\">\r\n<link rel='stylesheet' href='https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/Swiper\/4.5.1\/css\/swiper.min.css'>\r\n<style>\r\nbody {\r\n  font-family: \"Century Gothic\", \"\u6e38\u30b4\u30b7\u30c3\u30af\u4f53\", YuGothic, \"\u6e38\u30b4\u30b7\u30c3\u30af\", \"Yu Gothic\",\"\u30d2\u30e9\u30ae\u30ce\u89d2\u30b4 ProN W3\",sans-serif;\r\n  font-weight: 500;\r\n}\r\nmain { padding: 0 0 150px; }\r\na {\r\n  text-decoration: none;\r\n}\r\n.page-width { width: 80%; margin:auto; }\r\n@media screen and (max-width: 768px) {\r\n.page-width {width:100%;}\r\n}\r\n\r\n.entry-title {\r\n  padding: 0;\r\n  margin: 0;\r\n}\r\n.widget_text{\r\n  margin:0;\r\n}\r\n.page {\r\n  width:100% !important;\r\n}\r\n@media screen and (min-width: 769px) {\r\n  #page {\r\n    max-width: 100%;\r\n    padding: 0;\r\n  }\r\n}\r\n@media screen and (max-width: 768px) {\r\n  #page {\r\n    max-width: 100%;\r\n    padding: 0;\r\n  }\r\n}\r\n.container-fluid {\r\n  width:100% !important;\r\n}\r\n@media screen and (max-width: 768px) {\r\n  .hentry {\r\n    margin: 0 !important;\r\n  }\r\n}\r\nfooter.clearfix {\r\n  display:none;\r\n}\r\n#site-header {\r\n  display:none;\r\n}\r\n\r\n.et-hero-tabs-original {\r\n  display: -webkit-box;\r\n  display: flex;\r\n  -webkit-box-orient: vertical;\r\n  -webkit-box-direction: normal;\r\n          flex-direction: column;\r\n  -webkit-box-pack: center;\r\n          justify-content: center;\r\n  -webkit-box-align: center;\r\n          align-items: center;\r\n  max-height: 100vh;\r\n  position: relative;\r\n  background: #000;\r\n  text-align: center;\r\n}\r\n.et-hero-tabs-original img {\r\n  width: 100%;\r\n  margin-bottom: 80px;\r\n}\r\n.et-hero-tabs-original h1 {\r\n  font-size: 2.5rem;\r\n  margin: .6em 0 .3em;\r\n  letter-spacing: 0.7rem;\r\n  color: #fff;\r\n}\r\n.et-hero-tabs-original h2 {\r\n  font-size: 1.1rem;\r\n  margin: .1em 0 1em;\r\n  letter-spacing: 0.7rem;\r\n  color: #fff;\r\n}\r\n.et-hero-tabs-original h3 {\r\n  font-size: 0.8rem;\r\n  letter-spacing: 0.2rem;\r\n  opacity: 0.8;\r\n  margin-bottom: 9em;\r\n  line-height: 2em;\r\n  color: #fff;\r\n}\r\n\r\n\r\n.et-hero-tabs,\r\n.et-slide {\r\n  display: -webkit-box;\r\n  display: flex;\r\n  -webkit-box-orient: vertical;\r\n  -webkit-box-direction: normal;\r\n          flex-direction: column;\r\n  -webkit-box-pack: start;\r\n          justify-content: start;\r\n  -webkit-box-align: center;\r\n          align-items: center;\r\n  min-height: 30vh;\r\n  position: relative;\r\n  background: #fff;\r\n  text-align: center;\r\n  padding: 5em 0;\r\n}\r\n.et-hero-tabs h1,\r\n.et-slide h1 {\r\n  font-size: 1.8rem;\r\n  margin: 0;\r\n  letter-spacing: 1rem;\r\n  position: relative;\r\n  text-align: center;\r\n}\r\n.et-slide h1 span {\r\n  position: relative;\r\n  z-index: 2;\r\n  display: inline-block;\r\n  margin: 0 2.5em;\r\n  padding: 0 1em;\r\n  background-color: #fff;\r\n  line-height: 140%;\r\n}\r\n .et-slide h1::before {\r\n  position: absolute;\r\n  top: 50%;\r\n  z-index: 1;\r\n  content: '';\r\n  display: block;\r\n  width: 100%;\r\n  height: 1px;\r\n  background-color: #666;\r\n}\r\n@media screen and (max-width: 768px) {\r\n  .et-slide h1 {\r\n    letter-spacing: 3px;\r\n  }\r\n  .et-slide h1 span {\r\n    padding: 0 0.5em;\r\n    margin: 0 1.5em;\r\n  }\r\n}\r\n\r\n.et-hero-tabs h3,\r\n.et-slide h3 {\r\n  font-size: .8rem;\r\n  letter-spacing: 0.2rem;\r\n  opacity: 0.8;\r\n  padding: 1rem;\r\n  margin: 0 0 4em;\r\n}\r\n\r\n.et-hero-tabs-container {\r\n  display: -webkit-box;\r\n  display: flex;\r\n  -webkit-box-orient: horizontal;\r\n  -webkit-box-direction: normal;\r\n  flex-direction: row;\r\n  position: absolute;\r\n  bottom: 0;\r\n  width: 100%;\r\n  height: 80px;\r\n  box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);\r\n  background: #000;\r\n  z-index: 10;\r\n}\r\n.et-hero-tabs-container--top {\r\n  position: fixed;\r\n  top: 0;\r\n}\r\n\r\n.et-hero-tab, .et-hero-tab2 {\r\n  display: -webkit-box;\r\n  display: flex;\r\n  -webkit-box-pack: center;\r\n          justify-content: center;\r\n  -webkit-box-align: center;\r\n          align-items: center;\r\n  -webkit-box-flex: 1;\r\n          flex: 1;\r\n  color: #fff;\r\n  letter-spacing: 0.1rem;\r\n  -webkit-transition: all 0.5s ease;\r\n  transition: all 0.5s ease;\r\n  font-size: 0.8rem;\r\n}\r\n.et-hero-tab:hover, .et-hero-tab2:hover {\r\n  color: #000;\r\n  background: rgba(255, 255, 255, 1);\r\n  -webkit-transition: all 0.5s ease;\r\n  transition: all 0.5s ease;\r\n  text-decoration: none;\r\n}\r\n\r\n.et-hero-tab-slider {\r\n  position: absolute;\r\n  bottom: 0;\r\n  width: 0;\r\n  height: 6px;\r\n  background: #ccc;\r\n  -webkit-transition: left 0.3s ease;\r\n  transition: left 0.3s ease;\r\n}\r\n\r\n@media (min-width: 800px) {\r\n  .et-hero-tabs h1,\r\n  .et-slide h1 {\r\n    font-size: 3rem;\r\n  }\r\n  .et-hero-tabs h3,\r\n  .et-slide h3 {\r\n    font-size: 1rem;\r\n  }\r\n\r\n  .et-hero-tab, .et-hero-tab2 {\r\n    font-size: 1rem;\r\n  }\r\n}\r\n\r\n\/* =====================\r\n  \u30dc\u30bf\u30f3\r\n===================== *\/\r\n.btn1 {\r\n\tmargin: 10px 0;\r\n\ttext-align: center;\r\n\tfont-size: 18px;\r\n\tletter-spacing: 3px;\r\n}\r\n.btn1 a {\r\n\twidth: 100%;\r\n\tpadding: 25px;\r\n\tposition: relative;\r\n\tdisplay: inline-block;\r\n\tbackground-color: #000;\r\n\tborder: 1px solid #000;\r\n\ttext-decoration: none;\r\n\tcolor: #fff;\r\n}\r\n.btn1 a:hover {\r\n\tbackground-color: #fff;\r\n\tcolor: #000;\r\n}\r\n.btn1 a::after{\r\n\tcontent: \"\";\r\n\tposition: absolute;\r\n\ttop: 50%;\r\n\tright: 25px;\r\n\twidth: 9px;\r\n\theight: 9px;\r\n\tborder-top: 1px solid #fff;\r\n\tborder-right: 1px solid #fff;\r\n\ttransform: rotate(45deg);\r\n\tmargin-top: -5px;\r\n}\r\n.btn1 a:hover::after {\r\n\tborder-top: 1px solid #000;\r\n\tborder-right: 1px solid #000;\r\n}\r\n\r\n.btn {\r\n\tmargin: 60px auto;\r\n}\r\n.btn a {\r\n\tmargin: 30px auto;\r\n\twidth: 300px;\r\n\tpadding: 25px;\r\n\tposition: relative;\r\n\tdisplay: inline-block;\r\n\tbackground-color: #000;\r\n\tborder: 1px solid #000;\r\n\ttext-decoration: none;\r\n\ttext-align: center;\r\n\tcolor: #fff;\r\n\tfont-size: 18px;\r\n\tletter-spacing: 3px;\r\n\ttop: 50%;\r\n\tleft: 50%;\r\n\ttransform: translateY(-50%) translateX(-50%);\r\n\t-webkit- transform: translateY(-50%) translateX(-50%);\r\n}\r\n.btn a:hover {\r\n\tbackground-color: #fff;\r\n\tcolor: #000;\r\n}\r\n.btn a::after{\r\n\tcontent: \"\";\r\n\tposition: absolute;\r\n\ttop: 50%;\r\n\tright: 25px;\r\n\twidth: 9px;\r\n\theight: 9px;\r\n\tborder-top: 1px solid #fff;\r\n\tborder-right: 1px solid #fff;\r\n\ttransform: rotate(45deg);\r\n\tmargin-top: -5px;\r\n}\r\n.btn a:hover::after {\r\n\tborder-top: 1px solid #000;\r\n\tborder-right: 1px solid #000;\r\n}\r\n@media screen and (max-width: 768px) {\r\n  .btn a {\r\n\twidth: 100%;\r\n  }\r\n}\r\n\r\n\/* =====================\r\n  hr\u533a\u5207\u308a\u7dda\r\n===================== *\/\r\n.bar {\r\n  height: 1px;\r\n  position: relative;\r\n  margin: 6em 0;\r\n  width: 80%;\r\n}\r\n.bar::before {\r\n    content: \"\";\r\n    background-image: linear-gradient(to right, #777, #777 1px, transparent 2px, transparent 8px);\r\n    background-size: 8px 1px;\r\n    background-repeat: repeat-x;\r\n    position: absolute;\r\n    top: 0;\r\n    bottom: 0;\r\n    left: 0;\r\n    right: 0;\r\n}\r\n\r\n\r\n\/* =====================\r\n\u30da\u30fc\u30b8\u30c8\u30c3\u30d7\r\n===================== *\/\r\n#page-top {\r\n\tposition: fixed;\r\n\tz-index: 9999;\r\n\tbottom: 20px;\r\n\tright: 0px;\r\n\tfont-size: 12px;\r\n}\r\n#page-top a {\r\n    width: 90px;\r\n    height: 90px;\r\n    line-height: 80px;\r\n    border-radius: 100px;\r\n\tbackground: #000;\r\n\ttext-decoration: none;\r\n\tcolor: #fff;\r\n\tpadding: 5px;\r\n\ttext-align: center;\r\n\tdisplay: block;\r\n\t-moz-opacity: 0.3;\r\n\topacity: 0.3;\r\n}\r\n#page-top a:hover {\r\n\ttext-decoration: none;\r\n\tbackground: #999;\r\n\tcolor: #fff;\r\n}\r\n\r\n<\/style>\r\n\r\n<main>\r\n\r\n  <p style=\"width:100%;font-size:2rem;line-height:3rem;text-align:center;height:calc(100vh - 280px);padding:150px 30px 0 30px;\"><span>\u304a\u8fd1\u304f\u306e\u5e97\u8217\u3092<br class=\"visible-xs\" \/>\u63a2\u3057\u3066\u307e\u3059<\/span><br\/><span style=\"margin-top:2rem;display:inline-block;\">\u3057\u3070\u3089\u304f\u304a\u5f85\u3061<br class=\"visible-xs\" \/>\u304f\u3060\u3055\u3044\u3002<\/span><\/p>\r\n\r\n<\/main>\r\n\r\n<script>\r\n    function getPosition() {\r\n      navigator.geolocation.getCurrentPosition(\r\n        function(position) {\r\n          var z=7;\r\n          $.ajaxSetup({ async: false });\r\n          $.getJSON(\"\/original\/kind_map.json\" , function(tenpos) {\r\n            var tenpos1 = [], tenpos2 = [];\r\n            for (key in tenpos) {\r\n              var d = distance(position.coords.latitude, position.coords.longitude, tenpos[key].lat, tenpos[key].lng)\r\n              tenpos[key][\"distance\"] = d;\r\n              if (d <= 10) {\r\n                z=12;\r\n                break;\r\n              }\r\n            }\r\n          });\r\n          $.ajaxSetup({ async: true });\r\n          window.location.href = \"https:\/\/www.kind.co.jp\/kaitori\/shops?lat=\"+position.coords.latitude+\"&lng=\"+position.coords.longitude+\"&zoom=12\";\r\n        },\r\n        \/\/ \u53d6\u5f97\u5931\u6557\u3057\u305f\u5834\u5408\r\n        function(error) {\r\n          window.location.href = \"https:\/\/www.kind.co.jp\/kaitori\/shops?lat=35.64131473977677&lng=137.70037291195285&zoom=7\";\r\n        }\r\n      );\r\n    }\r\n    function distance(lat1, lng1, lat2, lng2) {\r\n      lat1 *= Math.PI \/ 180;\r\n      lng1 *= Math.PI \/ 180;\r\n      lat2 *= Math.PI \/ 180;\r\n      lng2 *= Math.PI \/ 180;\r\n      return 6371 * Math.acos(Math.cos(lat1) * Math.cos(lat2) * Math.cos(lng2 - lng1) + Math.sin(lat1) * Math.sin(lat2));\r\n    }\r\n<\/script>\r\n<script>\r\n  $(document).ready(function(){\r\n    getPosition();\r\n  });\r\n<\/script>\r\n","protected":false},"excerpt":{"rendered":"<p>\u304a\u8fd1\u304f\u306e\u5e97\u8217\u3092\u63a2\u3057\u3066\u307e\u3059\u3057\u3070\u3089\u304f\u304a\u5f85\u3061\u304f\u3060\u3055\u3044\u3002<\/p>\n","protected":false},"author":1,"featured_media":2573,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page_1column.php","meta":{"_acf_changed":false,"jetpack_post_was_ever_published":false,"footnotes":""},"acf":[],"aioseo_notices":[],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/Pb21Ox-1mK","_links":{"self":[{"href":"https:\/\/www.kind.co.jp\/kaitori\/wp-json\/wp\/v2\/pages\/5254"}],"collection":[{"href":"https:\/\/www.kind.co.jp\/kaitori\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.kind.co.jp\/kaitori\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.kind.co.jp\/kaitori\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.kind.co.jp\/kaitori\/wp-json\/wp\/v2\/comments?post=5254"}],"version-history":[{"count":14,"href":"https:\/\/www.kind.co.jp\/kaitori\/wp-json\/wp\/v2\/pages\/5254\/revisions"}],"predecessor-version":[{"id":8178,"href":"https:\/\/www.kind.co.jp\/kaitori\/wp-json\/wp\/v2\/pages\/5254\/revisions\/8178"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.kind.co.jp\/kaitori\/wp-json\/wp\/v2\/media\/2573"}],"wp:attachment":[{"href":"https:\/\/www.kind.co.jp\/kaitori\/wp-json\/wp\/v2\/media?parent=5254"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}