{"id":194,"date":"2016-12-02T13:56:10","date_gmt":"2016-12-02T04:56:10","guid":{"rendered":"http:\/\/ys-hair.jp\/planets\/?page_id=194"},"modified":"2016-12-02T13:56:10","modified_gmt":"2016-12-02T04:56:10","slug":"reviews","status":"publish","type":"page","link":"https:\/\/ys-hair.jp\/trinity\/reviews","title":{"rendered":"\u53e3\u30b3\u30df"},"content":{"rendered":"<div id=\"svgStars\" style=\"display: none;\">\n  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\">\n    <symbol id=\"svgStarIcon\" viewBox=\"0 0 576 512\"><path fill=\"currentColor\" d=\"M528.1 171.5L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6zM388.6 312.3l23.7 138.4L288 385.4l-124.3 65.3 23.7-138.4-100.6-98 139-20.2 62.2-126 62.2 126 139 20.2-100.6 98z\"><\/path><\/symbol>\n\n    <symbol id=\"svgStarIcon2\" viewBox=\"0 0 576 512\"><path fill=\"currentColor\" d=\"M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z\"><\/path><\/symbol>\n  <\/svg>\n<\/div>\n<div id=\"reserviaReview\">\n  <div itemscope itemtype=\"http:\/\/schema.org\/LocalBusiness\">\n    <meta itemprop=\"name\" content=\"TRINITY &amp; Y&#039;shair (\u30c8\u30ea\u30cb\u30c6\u30a3)\" \/>\n    <div v-if=\"review\" class=\"review-wrapper\" itemprop=\"aggregateRating\" itemscope itemtype=\"http:\/\/schema.org\/AggregateRating\">\n      <meta itemprop=\"itemReviewed\" content=\"TRINITY &amp; Y&#039;shair (\u30c8\u30ea\u30cb\u30c6\u30a3)\" \/>\n      <div class=\"review-header\">\n        <div class=\"rating-area\">\n          <span class=\"head\">\u7dcf\u5408\u8a55\u4fa1\uff1a<\/span>\n          <div class=\"rating\">\n            <div class=\"star-box star-back\">\n              <i v-for=\"n in 5\" class=\"star\" v-html=\"star.back\"><\/i>\n            <\/div>\n            <div class=\"star-box star-top\" data-star=\"average\" :style=\"sizeEvaluation(rating.average)\">\n              <i v-for=\"n in 5\" class=\"star\" v-html=\"star.top\"><\/i>\n            <\/div>\n          <\/div>\n          <span class=\"sum\" itemprop=\"ratingValue\">{{ rating.average }}<\/span>\n          <meta itemprop=\"bestRating\" content=\"5\" \/>\n          <meta itemprop=\"worstRating\" content=\"1\" \/>\n          <span class=\"count\"><span itemprop=\"ratingCount\">{{ rating.count }}<\/span>\u4ef6<\/span>\n        <\/div>\n\n        <div class=\"review-salon-comment\">\n          <p>\u30af\u30c1\u30b3\u30df\u306e\u6295\u7a3f\u3042\u308a\u304c\u3068\u3046\u3054\u3056\u3044\u307e\u3059\uff01\u3044\u305f\u3060\u3044\u305f\u30af\u30c1\u30b3\u30df\u306f\u30b5\u30fc\u30d3\u30b9\u5411\u4e0a\u306e\u53c2\u8003\u3068\u3055\u305b\u3066\u3044\u305f\u3060\u304d\u307e\u3059\u3002<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"review-contents\">\n        <ul  class=\"review-list\">\n          <li v-for=\"(item, $index) in reviews\" :id=\"'rev'+item.id\" :key=\"$index\" itemprop=\"review\" itemscope itemtype=\"http:\/\/schema.org\/Review\">\n            <div class=\"review-item\">\n              <meta itemprop=\"itemReviewed\" content=\"TRINITY &amp; Y&#039;shair (\u30c8\u30ea\u30cb\u30c6\u30a3)\" \/>\n              <div class=\"review-item-header\">\n                <div class=\"avater\"><img :src=\"sexAvatar(item.user_sex)\" alt=\"\"><\/div>\n                <div class=\"rating\" itemprop=\"reviewRating\" itemscope itemtype=\"http:\/\/schema.org\/Rating\">\n                  <meta itemprop=\"ratingValue\" :content=\"item.evaluation\" \/>\n                  <meta itemprop=\"bestRating\" content=\"5\" \/>\n                  <meta itemprop=\"worstRating\" content=\"1\" \/>\n\n                  <div class=\"star-box star-back\">\n                      <i v-for=\"n in 5\" v-html=\"star.back\" class=\"star\"><\/i>\n                  <\/div>\n                  <div class=\"star-box star-top\" :data-star=\"item.evaluation\" :style=\"sizeEvaluation(item.evaluation)\">\n                      <i v-for=\"n in 5\" v-html=\"star.top\" class=\"star\"><\/i>\n                  <\/div>\n                <\/div>\n                <div class=\"rating-sum\">{{ item.evaluation }}<\/div>\n\n                <a :href=\"item.reserve_url\" class=\"btn btn-default btn-reserve\" target=\"_blank\">Web\u4e88\u7d04<\/a>\n              <\/div>\n\n              <div class=\"review-item-body\" itemprop=\"reviewBody\">\n                <p style=\"white-space: pre-wrap;word-wrap:break-word;\">{{ item.comment }}<\/p>\n              <\/div>\n\n              <div class=\"review-item-footer\">\n                <div class=\"reviewer\" itemprop=\"author\" itemscope itemtype=\"http:\/\/schema.org\/Person\">\n                  <span class=\"tag\">\u6295\u7a3f\u8005<\/span>\n                  <span class=\"name\"><span itemprop=\"name\">{{ item.user_nickname }}<\/span>\u3055\u3093<\/span>\n                  <span class=\"sex\">{{ sexText(item) }}<\/span>\n\n                <\/div>\n                <div class=\"review-posted\">\n                  <span class=\"tag\">\u6295\u7a3f\u65e5\u6642<\/span>\n                  <time class=\"date\" itemprop=\"datePublished\">{{ dateText(item.review_datetime) }}<\/time>\n                <\/div>\n                <div class=\"review-menu\">\n                  <span class=\"tag\">\u30e1\u30cb\u30e5\u30fc<\/span>\n                  <span class=\"menu-name\" data-menuid=\"menu_id\">{{ item.menu_name }}<\/span>\n                <\/div>\n              <\/div>\n\n              <div v-if=\"item.response_staff_id\" class=\"review-reply\">\n                <div class=\"review-staff-header\">\n                  <div class=\"review-staff-avater\">\n                    <img :src=\"item.response_staff_profile_image_url\" alt=\"\">\n                  <\/div>\n\n                  <div class=\"review-staff-info\" data-staffid=\"response_staff_id\">\n                    <span class=\"manage\">\u62c5\u5f53\u8005<\/span>\n                    <span class=\"name\">{{ item.response_staff_name }}<\/span>\n                  <\/div>\n                <\/div>\n\n                <div class=\"review-staff-body\">\n                  <p style=\"white-space: pre-wrap;word-wrap:break-word;\">{{ item.response_comment }}<\/p>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/li>\n        <\/ul>\n        <!-- <div v-show=\"loading\" class=\"loader\">Loading...<\/div> -->\n\n        <!-- <nav class=\"review-pagination\">\n          <pagination v-model=\"page\" :records=\"total\" :per-page=\"10\" :options=\"pager_options\" @paginate=\"pager\" @next=\"pager\"><\/pagination>\n        <\/nav> -->\n        <infinite-loading @infinite=\"infiniteHandler\"><\/infinite-loading>\n      <\/div>\n    <\/div>\n    <div v-else>\n      <div class=\"text-center\">\n        <p>\u53e3\u30b3\u30df\u306e\u6295\u7a3f\u304c\u898b\u3064\u304b\u308a\u307e\u305b\u3093\u3067\u3057\u305f\u3002<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>.VuePagination__count {display:none;}<\/style>\n\n\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/vue\/2.6.12\/vue.min.js\" integrity=\"sha512-BKbSR+cfyxLdMAsE0naLReFSLg8\/pjbgfxHh\/k\/kUC82Hy7r6HtR5hLhobaln2gcTvzkyyehrdREdjpsQwy2Jw==\" crossorigin=\"anonymous\"><\/script>\n<script src=\"https:\/\/unpkg.com\/vue-infinite-loading@^2\/dist\/vue-infinite-loading.js\"><\/script>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/axios\/0.21.1\/axios.min.js\"><\/script>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/moment.js\/2.29.1\/moment.min.js\"><\/script>\n<script>\nconst api_url = 'https:\/\/ys-hair.jp\/trinity\/wp-json\/api\/reservia\/reviews';\nVue.use(window.VueInfiniteLoading);\nconst reserviaReview = new Vue({\n  el: '#reserviaReview',\n  data() {\n    return {\n      review: [],\n      reviews: [],\n      user_sex_text: {\n        1: '\u7537\u6027',\n        2: '\u5973\u6027',\n      },\n      user_sex: {\n        1: 'https:\/\/ys-hair.jp\/trinity\/wp-content\/plugins\/hp-reservia\/assets\/img\/people_male.png',\n        2: 'https:\/\/ys-hair.jp\/trinity\/wp-content\/plugins\/hp-reservia\/assets\/img\/people_famale.png',\n      },\n      star: {\n        back: '<svg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"far\" data-icon=\"star\" class=\"svg-inline--fa fa-star fa-w-18\" role=\"img\"><use xlink:href=\"#svgStarIcon\"><\/use><\/svg>',\n        top: '<svg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"fas\" data-icon=\"star\" class=\"svg-inline--fa fa-star fa-w-18\" role=\"img\"><use xlink:href=\"#svgStarIcon2\"><\/use><\/svg>',\n      },\n      rating: {\n        average: 0,\n        count: 0\n      },\n\n      page_size: 10,\n      total: 0,\n      max_page: 1,\n      page: 1,\n      pager_options: {\n        chunk: 5,\n        chunksNavigation: 'scroll'\n      },\n\n      loading: true,\n    }\n  },\n\n  created() {\n    axios\n      .get(api_url, {\n        params: {\n          page_size: this.page_size,\n          page_number: this.page\n        }\n      })\n      .then(response => (\n        this.review = response.data,\n        this.reviews = response.data.reviews,\n        this.evaluation(response.data.evaluation_count),\n        this.total = Number(response.data.total_count),\n        this.page = Number(response.data.page_number),\n        this.max_page = Number(response.data.number_of_pages),\n        this.loading = false\n      ));\n  },\n\n  mounted() {\n    \/\/ this.evaluation(this.review.evaluation_count);\n  },\n\n  computed: {\n  },\n\n  methods: {\n    sizeEvaluation(evaluation) {\n      let w = Math.round(100 * evaluation \/ 5);\n      return 'width: ' + w + '%';\n    },\n\n    isStrNumber(str) {\n      if (typeof str === 'string' || str instanceof String) {\n        return Number.isFinite(Number(str));\n      }\n      return false;\n    },\n\n    sexAvatar(str) {\n      if (str === '1' || str === '\u7537\u6027') {\n        return this.user_sex[1];\n      } else {\n        return this.user_sex[2];\n      }\n    },\n\n    sexText(item) {\n      let text = '';\n      let num = item.user_generation;\n\n      if (this.isStrNumber(item.user_sex)) {\n        text = this.user_sex_text[item.user_sex];\n      } else {\n        text = item.user_sex;\n      }\n      if (num) {\n        let hex_first = String(num).substr(-1, 1);\n        let hex_second = String(num).substr(0, 1);\n        text += '\uff0f' + hex_second + '0\u4ee3';\n        text += (5 <= hex_first) ? '\u5f8c\u534a' : '\u524d\u534a';\n      }\n\n      return text;\n    },\n\n    dateText(str) {\n      return moment(str).format('YYYY\u5e74MM\u6708DD\u65e5');\n    },\n\n    rating_average(rating, count) {\n      var total = array_sum(rating);\n      var $count = array_sum(count);\n      var average = sumAverage(total \/ $count, 3);\n\n      return average;\n    },\n\n    evaluation(arr) {\n      var $rating = [];\n      var $count = [];\n\n      arr.forEach(function(v) {\n        if (v.evaluation && v.count) {\n          $rating.push(Math.floor(v.evaluation * v.count));\n        }\n        if (v.count) {\n          $count.push(v.count);\n        }\n      });\n\n      if ($rating) {\n        this.rating.average = this.rating_average($rating, $count);\n      }\n      if ($count) {\n        this.rating.count = array_sum($count);\n      }\n\n      return this.rating;\n    },\n\n    pager(page) {\n      this.loading = true;\n      axios.get(api_url, {\n        params: {\n          page_size: this.page_size,\n          page_number: this.page\n        }\n      })\n      .then(({ data }) => {\n        this.review = data;\n        this.reviews = data.reviews;\n        this.evaluation(data.evaluation_count);\n        this.total = data.total_count;\n        this.page = data.page_number;\n        this.max_page = data.number_of_pages;\n\n        const elem = document.getElementById('reserviaReview');\n        elem.scrollIntoView({\n          behavior: 'smooth',\n          block: 'start'\n        });\n        this.loading = false;\n      });\n    },\n\n    infiniteHandler($state) {\n      var self = this;\n      axios.get(api_url, {\n        params: {\n          page_size: this.page_size,\n          page_number: this.page\n        }\n      })\n      .then(({ data }) => {\n        if (this.page < this.max_page) {\n          this.page += 1;\n          this.reviews.push(...data.reviews);\n          $state.loaded();\n        } else {\n          $state.complete();\n        }\n      })\n    }\n  },\n});\n\nfunction sumAverage(x, prec) {\n  let a = Number(x.toPrecision(prec));\n  let vabs = Math.abs(a);\n  if (vabs >= 1.0e5 || (vabs < 1.0e-4 && vabs > 0)) {\n    return a.toExponention();\n  }\n\n  return a.toString();\n}\n\nfunction array_sum(arr) {\n  let key;\n  let sum = 0;\n\n  if (typeof arr !== 'object') {\n    return null;\n  }\n  for (key in arr) {\n    if (!isNaN(parseFloat(arr[key]))) {\n      sum += parseFloat(arr[key]);\n    }\n  }\n  return sum;\n}\n<\/script>\n\n<style>\n.star svg {\n  width: 1em;\n  height: 1em;\n}\n.loader {\n  margin: 50px auto;\n  font-size: 10px;\n  width: 1em;\n  height: 1em;\n  border-radius: 50%;\n  position: relative;\n  text-indent: -9999em;\n  -webkit-animation: load5 1.1s infinite ease;\n  animation: load5 1.1s infinite ease;\n  -webkit-transform: translateZ(0);\n  -ms-transform: translateZ(0);\n  transform: translateZ(0);\n}\n@-webkit-keyframes load5 {\n  0%,\n  100% {\n    box-shadow: 0em -2.6em 0em 0em #ccc, 1.8em -1.8em 0 0em rgba(220, 220, 220, 0.2), 2.5em 0em 0 0em rgba(220, 220, 220, 0.2), 1.75em 1.75em 0 0em rgba(220, 220, 220, 0.2), 0em 2.5em 0 0em rgba(220, 220, 220, 0.2), -1.8em 1.8em 0 0em rgba(220, 220, 220, 0.2), -2.6em 0em 0 0em rgba(220, 220, 220, 0.5), -1.8em -1.8em 0 0em rgba(220, 220, 220, 0.7);\n  }\n  12.5% {\n    box-shadow: 0em -2.6em 0em 0em rgba(220, 220, 220, 0.7), 1.8em -1.8em 0 0em #ccc, 2.5em 0em 0 0em rgba(220, 220, 220, 0.2), 1.75em 1.75em 0 0em rgba(220, 220, 220, 0.2), 0em 2.5em 0 0em rgba(220, 220, 220, 0.2), -1.8em 1.8em 0 0em rgba(220, 220, 220, 0.2), -2.6em 0em 0 0em rgba(220, 220, 220, 0.2), -1.8em -1.8em 0 0em rgba(220, 220, 220, 0.5);\n  }\n  25% {\n    box-shadow: 0em -2.6em 0em 0em rgba(220, 220, 220, 0.5), 1.8em -1.8em 0 0em rgba(220, 220, 220, 0.7), 2.5em 0em 0 0em #ccc, 1.75em 1.75em 0 0em rgba(220, 220, 220, 0.2), 0em 2.5em 0 0em rgba(220, 220, 220, 0.2), -1.8em 1.8em 0 0em rgba(220, 220, 220, 0.2), -2.6em 0em 0 0em rgba(220, 220, 220, 0.2), -1.8em -1.8em 0 0em rgba(220, 220, 220, 0.2);\n  }\n  37.5% {\n    box-shadow: 0em -2.6em 0em 0em rgba(220, 220, 220, 0.2), 1.8em -1.8em 0 0em rgba(220, 220, 220, 0.5), 2.5em 0em 0 0em rgba(220, 220, 220, 0.7), 1.75em 1.75em 0 0em #ccc, 0em 2.5em 0 0em rgba(220, 220, 220, 0.2), -1.8em 1.8em 0 0em rgba(220, 220, 220, 0.2), -2.6em 0em 0 0em rgba(220, 220, 220, 0.2), -1.8em -1.8em 0 0em rgba(220, 220, 220, 0.2);\n  }\n  50% {\n    box-shadow: 0em -2.6em 0em 0em rgba(220, 220, 220, 0.2), 1.8em -1.8em 0 0em rgba(220, 220, 220, 0.2), 2.5em 0em 0 0em rgba(220, 220, 220, 0.5), 1.75em 1.75em 0 0em rgba(220, 220, 220, 0.7), 0em 2.5em 0 0em #ccc, -1.8em 1.8em 0 0em rgba(220, 220, 220, 0.2), -2.6em 0em 0 0em rgba(220, 220, 220, 0.2), -1.8em -1.8em 0 0em rgba(220, 220, 220, 0.2);\n  }\n  62.5% {\n    box-shadow: 0em -2.6em 0em 0em rgba(220, 220, 220, 0.2), 1.8em -1.8em 0 0em rgba(220, 220, 220, 0.2), 2.5em 0em 0 0em rgba(220, 220, 220, 0.2), 1.75em 1.75em 0 0em rgba(220, 220, 220, 0.5), 0em 2.5em 0 0em rgba(220, 220, 220, 0.7), -1.8em 1.8em 0 0em #ccc, -2.6em 0em 0 0em rgba(220, 220, 220, 0.2), -1.8em -1.8em 0 0em rgba(220, 220, 220, 0.2);\n  }\n  75% {\n    box-shadow: 0em -2.6em 0em 0em rgba(220, 220, 220, 0.2), 1.8em -1.8em 0 0em rgba(220, 220, 220, 0.2), 2.5em 0em 0 0em rgba(220, 220, 220, 0.2), 1.75em 1.75em 0 0em rgba(220, 220, 220, 0.2), 0em 2.5em 0 0em rgba(220, 220, 220, 0.5), -1.8em 1.8em 0 0em rgba(220, 220, 220, 0.7), -2.6em 0em 0 0em #ccc, -1.8em -1.8em 0 0em rgba(220, 220, 220, 0.2);\n  }\n  87.5% {\n    box-shadow: 0em -2.6em 0em 0em rgba(220, 220, 220, 0.2), 1.8em -1.8em 0 0em rgba(220, 220, 220, 0.2), 2.5em 0em 0 0em rgba(220, 220, 220, 0.2), 1.75em 1.75em 0 0em rgba(220, 220, 220, 0.2), 0em 2.5em 0 0em rgba(220, 220, 220, 0.2), -1.8em 1.8em 0 0em rgba(220, 220, 220, 0.5), -2.6em 0em 0 0em rgba(220, 220, 220, 0.7), -1.8em -1.8em 0 0em #ccc;\n  }\n}\n@keyframes load5 {\n  0%,\n  100% {\n    box-shadow: 0em -2.6em 0em 0em #ccc, 1.8em -1.8em 0 0em rgba(220, 220, 220, 0.2), 2.5em 0em 0 0em rgba(220, 220, 220, 0.2), 1.75em 1.75em 0 0em rgba(220, 220, 220, 0.2), 0em 2.5em 0 0em rgba(220, 220, 220, 0.2), -1.8em 1.8em 0 0em rgba(220, 220, 220, 0.2), -2.6em 0em 0 0em rgba(220, 220, 220, 0.5), -1.8em -1.8em 0 0em rgba(220, 220, 220, 0.7);\n  }\n  12.5% {\n    box-shadow: 0em -2.6em 0em 0em rgba(220, 220, 220, 0.7), 1.8em -1.8em 0 0em #ccc, 2.5em 0em 0 0em rgba(220, 220, 220, 0.2), 1.75em 1.75em 0 0em rgba(220, 220, 220, 0.2), 0em 2.5em 0 0em rgba(220, 220, 220, 0.2), -1.8em 1.8em 0 0em rgba(220, 220, 220, 0.2), -2.6em 0em 0 0em rgba(220, 220, 220, 0.2), -1.8em -1.8em 0 0em rgba(220, 220, 220, 0.5);\n  }\n  25% {\n    box-shadow: 0em -2.6em 0em 0em rgba(220, 220, 220, 0.5), 1.8em -1.8em 0 0em rgba(220, 220, 220, 0.7), 2.5em 0em 0 0em #ccc, 1.75em 1.75em 0 0em rgba(220, 220, 220, 0.2), 0em 2.5em 0 0em rgba(220, 220, 220, 0.2), -1.8em 1.8em 0 0em rgba(220, 220, 220, 0.2), -2.6em 0em 0 0em rgba(220, 220, 220, 0.2), -1.8em -1.8em 0 0em rgba(220, 220, 220, 0.2);\n  }\n  37.5% {\n    box-shadow: 0em -2.6em 0em 0em rgba(220, 220, 220, 0.2), 1.8em -1.8em 0 0em rgba(220, 220, 220, 0.5), 2.5em 0em 0 0em rgba(220, 220, 220, 0.7), 1.75em 1.75em 0 0em #ccc, 0em 2.5em 0 0em rgba(220, 220, 220, 0.2), -1.8em 1.8em 0 0em rgba(220, 220, 220, 0.2), -2.6em 0em 0 0em rgba(220, 220, 220, 0.2), -1.8em -1.8em 0 0em rgba(220, 220, 220, 0.2);\n  }\n  50% {\n    box-shadow: 0em -2.6em 0em 0em rgba(220, 220, 220, 0.2), 1.8em -1.8em 0 0em rgba(220, 220, 220, 0.2), 2.5em 0em 0 0em rgba(220, 220, 220, 0.5), 1.75em 1.75em 0 0em rgba(220, 220, 220, 0.7), 0em 2.5em 0 0em #ccc, -1.8em 1.8em 0 0em rgba(220, 220, 220, 0.2), -2.6em 0em 0 0em rgba(220, 220, 220, 0.2), -1.8em -1.8em 0 0em rgba(220, 220, 220, 0.2);\n  }\n  62.5% {\n    box-shadow: 0em -2.6em 0em 0em rgba(220, 220, 220, 0.2), 1.8em -1.8em 0 0em rgba(220, 220, 220, 0.2), 2.5em 0em 0 0em rgba(220, 220, 220, 0.2), 1.75em 1.75em 0 0em rgba(220, 220, 220, 0.5), 0em 2.5em 0 0em rgba(220, 220, 220, 0.7), -1.8em 1.8em 0 0em #ccc, -2.6em 0em 0 0em rgba(220, 220, 220, 0.2), -1.8em -1.8em 0 0em rgba(220, 220, 220, 0.2);\n  }\n  75% {\n    box-shadow: 0em -2.6em 0em 0em rgba(220, 220, 220, 0.2), 1.8em -1.8em 0 0em rgba(220, 220, 220, 0.2), 2.5em 0em 0 0em rgba(220, 220, 220, 0.2), 1.75em 1.75em 0 0em rgba(220, 220, 220, 0.2), 0em 2.5em 0 0em rgba(220, 220, 220, 0.5), -1.8em 1.8em 0 0em rgba(220, 220, 220, 0.7), -2.6em 0em 0 0em #ccc, -1.8em -1.8em 0 0em rgba(220, 220, 220, 0.2);\n  }\n  87.5% {\n    box-shadow: 0em -2.6em 0em 0em rgba(220, 220, 220, 0.2), 1.8em -1.8em 0 0em rgba(220, 220, 220, 0.2), 2.5em 0em 0 0em rgba(220, 220, 220, 0.2), 1.75em 1.75em 0 0em rgba(220, 220, 220, 0.2), 0em 2.5em 0 0em rgba(220, 220, 220, 0.2), -1.8em 1.8em 0 0em rgba(220, 220, 220, 0.5), -2.6em 0em 0 0em rgba(220, 220, 220, 0.7), -1.8em -1.8em 0 0em #ccc;\n  }\n}\n<\/style>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-194","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/ys-hair.jp\/trinity\/wp-json\/wp\/v2\/pages\/194","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ys-hair.jp\/trinity\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ys-hair.jp\/trinity\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ys-hair.jp\/trinity\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ys-hair.jp\/trinity\/wp-json\/wp\/v2\/comments?post=194"}],"version-history":[{"count":1,"href":"https:\/\/ys-hair.jp\/trinity\/wp-json\/wp\/v2\/pages\/194\/revisions"}],"predecessor-version":[{"id":195,"href":"https:\/\/ys-hair.jp\/trinity\/wp-json\/wp\/v2\/pages\/194\/revisions\/195"}],"wp:attachment":[{"href":"https:\/\/ys-hair.jp\/trinity\/wp-json\/wp\/v2\/media?parent=194"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}