{"id":1964,"date":"2020-08-05T11:50:12","date_gmt":"2020-08-05T02:50:12","guid":{"rendered":"http:\/\/www.kind.co.jp\/kaitori\/?page_id=1964"},"modified":"2020-12-06T09:49:21","modified_gmt":"2020-12-06T00:49:21","slug":"shops","status":"publish","type":"page","link":"https:\/\/www.kind.co.jp\/kaitori\/shops","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<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\n}\r\na {\r\n  text-decoration: none;\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.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: 2rem;\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: 0;\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: 1rem;\r\n  letter-spacing: 0.3rem;\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}\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.map_area {\r\n  height:500px !important;\r\n  max-height:500px;\r\n  width:100%;\r\n  max-width:800px;\r\n  margin:auto;\r\n}\r\n.maps {\r\n  height:100% !important;\r\n}\r\n.kind-shop-map {\r\n  width:100% !important;\r\n  height:100% !important;\r\n}\r\n\r\n.tenpo_list {\r\n  width:100%;\r\n  max-width:770px;\r\n  margin:auto;\r\n}\r\n@media screen and (max-width: 768px) {\r\n  .tenpo_list {\r\n    padding:0 20px;\r\n    z-index: 99999\r\n  }\r\n}\r\n.tenpo_list .row div{\r\n padding:8px 10px;\r\n border-bottom:#CCC solid 1px;\r\n}\r\n.tenpo_list .row div a{\r\n font-size:16px;\r\n font-weight:bold;\r\n color:#8F7055;\r\n display:block;\r\n width:100%;\r\n background:url(\/recruit\/wp-content\/themes\/alchem\/images\/right_font.png) 100% 50% no-repeat!important;\r\n line-height:1.8;\r\n}\r\n.tenpo_list .row div p{\r\n font-size:14px;\r\n line-height:1.8;\r\n}\r\n.tenpo_list h2{\r\n margin:20px -15px 20px -15px;\r\n padding:14px 10px 12px 10px;\r\n line-height:1.2;\r\n font-size:16px;\r\n font-weight:bold;\r\n border-top:#DEDBCE solid 1px;\r\n border-bottom:#DEDBCE solid 1px;\r\n background:#F5F5F1;\r\n}\r\n\r\n.btn1 {\r\n    width: 100%;\r\n    max-width:800px;\r\n    margin:auto;\r\n}\r\n.btn1 a {\r\n    width: 100%;\r\n    padding: 20px;\r\n    display: inline-block;\r\n    background-color: #000;\r\n    border: 1px solid #000;\r\n    text-decoration: none;\r\n    color: #fff;\r\n    text-align:center;\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<script>\r\n$(function() {\r\n    var showFlag = false;\r\n    var topBtn = $('#page-top');    \r\n    topBtn.css('bottom', '-100px');\r\n    var showFlag = false;\r\n    \/\/\u30b9\u30af\u30ed\u30fc\u30eb\u304c100\u306b\u9054\u3057\u305f\u3089\u30dc\u30bf\u30f3\u8868\u793a\r\n    $(window).scroll(function () {\r\n        if ($(this).scrollTop() > 200) {\r\n            if (showFlag == false) {\r\n                showFlag = true;\r\n                topBtn.stop().animate({'bottom' : '20px'}, 200); \r\n            }\r\n        } else {\r\n            if (showFlag) {\r\n                showFlag = false;\r\n                topBtn.stop().animate({'bottom' : '-100px'}, 200); \r\n            }\r\n        }\r\n    });\r\n    \/\/\u30b9\u30af\u30ed\u30fc\u30eb\u3057\u3066\u30c8\u30c3\u30d7\r\n    topBtn.click(function () {\r\n        $('body,html').animate({\r\n            scrollTop: 0\r\n        }, 500);\r\n        return false;\r\n    });\r\n});\r\n<\/script>\r\n\r\n<main>\r\n\r\n  <section class=\"\" style=\"margin:30px 0;\">\r\n    <div class=\"map_area\">\r\n      <div class=\"maps\">\r\n        <iframe id=\"kind-shop-map\" class=\"kind-shop-map\" src=\"https:\/\/maps.google.com\/maps\/ms?msa=0&amp;msid=204036695461692651475.0004cbad6967a92d068d4&amp;hl=ja&amp;ie=UTF8&amp;t=m&amp;ll=,&amp;spn=0.004776,0.00912&amp;z=&amp;output=embed\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe>\r\n        <br\/>\r\n      <\/div>\r\n    <\/div>\r\n    <div id=\"tenpo1\" class=\"section tenpo_list\">\r\n      <h2><\/h2>\r\n      <div class=\"row\">\r\n\r\n      <\/div>\r\n    <\/div>\r\n    <div id=\"takuhai\" class=\"btn1\" style=\"display:none;\"><a href=\"https:\/\/kaitori.kind.co.jp\/\">\u5b85\u914d\u8cb7\u53d6\u3092\u7533\u3057\u8fbc\u3080<\/a><\/div>\r\n    <div id=\"tenpo2\" class=\"section tenpo_list\">\r\n      <h2><\/h2>\r\n      <div class=\"row\">\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <div id=\"page-top\"><a href=\"#\">PAGE TOP<\/a><\/div>\r\n\r\n<\/main>\r\n\r\n<script>\/\/ <![CDATA[\r\n  $('.maps').click(function () {\r\n    $('.maps .kind-shop-map').css(\"pointer-events\", \"auto\");\r\n  });\r\n\/\/ ]]><\/script>\r\n\r\n<script>\r\n    function getPosition() {\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(, , tenpos[key].lat, tenpos[key].lng)\r\n          tenpos[key][\"distance\"] = d;\r\n          if (d <= 10) {\r\n            tenpos1.push(tenpos[key]);\r\n          } else {\r\n            tenpos2.push(tenpos[key]);\r\n          }\r\n        }\r\n        tenpos1.sort(function(val1,val2){\r\n          var val1 = val1.distance;\r\n          var val2 = val2.distance;\r\n          if( val1 > val2 ) {\r\n            return 1;\r\n          } else {\r\n            return -1;\r\n          }\r\n        });\r\n        var cnt = 0;\r\n        $(\"#tenpo1 .row\").empty();\r\n        for (key in tenpos1) {\r\n          $(\"#tenpo1 .row\").append(\"<div class='col-xs-12'><a href='\/\"+tenpos1[key].site+\"'>\"+tenpos1[key].name+\"<\/a><p>\"+tenpos1[key].address+\"<\/p><\/div>\");\r\n          cnt++;\r\n        }\r\n        if (cnt == 0) {\r\n          $(\"#tenpo1 .row\").append(\"<div class='col-xs-12'>\u304a\u8fd1\u304f\u306e\u5e97\u8217\u306f\u3042\u308a\u307e\u305b\u3093\u3002<\/div>\");\r\n          $(\"#takuhai\").show();\r\n        }\r\n        $(\"#tenpo1 h2\").empty();\r\n        $(\"#tenpo1 h2\").append(\"\u304a\u8fd1\u304f\u306e\u5e97\u8217\"+cnt+\"\u4ef6\");\r\n\r\n        tenpos2.sort(function(val1,val2){\r\n          var val1 = val1.distance;\r\n          var val2 = val2.distance;\r\n          if( val1 > val2 ) {\r\n            return 1;\r\n          } else {\r\n            return -1;\r\n          }\r\n        });\r\n        $(\"#tenpo2 .row\").empty();\r\n        for (key in tenpos2) {\r\n          $(\"#tenpo2 .row\").append(\"<div class='col-xs-12'><a href='\/\"+tenpos2[key].site+\"'>\"+tenpos2[key].name+\"<\/a><p>\"+tenpos2[key].address+\"<\/p><\/div>\");\r\n         }\r\n        $(\"#tenpo2 h2\").empty();\r\n        $(\"#tenpo2 h2\").append(\"\u5e97\u8217\u4e00\u89a7\");\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>\u5b85\u914d\u8cb7\u53d6\u3092\u7533\u3057\u8fbc\u3080 PAGE TOP<\/p>\n","protected":false},"author":1,"featured_media":0,"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-vG","_links":{"self":[{"href":"https:\/\/www.kind.co.jp\/kaitori\/wp-json\/wp\/v2\/pages\/1964"}],"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=1964"}],"version-history":[{"count":84,"href":"https:\/\/www.kind.co.jp\/kaitori\/wp-json\/wp\/v2\/pages\/1964\/revisions"}],"predecessor-version":[{"id":8177,"href":"https:\/\/www.kind.co.jp\/kaitori\/wp-json\/wp\/v2\/pages\/1964\/revisions\/8177"}],"wp:attachment":[{"href":"https:\/\/www.kind.co.jp\/kaitori\/wp-json\/wp\/v2\/media?parent=1964"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}