{"id":389,"date":"2019-12-11T16:26:33","date_gmt":"2019-12-11T07:26:33","guid":{"rendered":"https:\/\/beauty.hiro-clinic.or.jp\/?post_type=treatments&#038;p=389"},"modified":"2023-12-04T10:01:49","modified_gmt":"2023-12-04T01:01:49","slug":"toning","status":"publish","type":"treatments","link":"https:\/\/clinic2.hiro-test.net\/beauty\/treatments\/toning\/","title":{"rendered":"\u30ec\u30fc\u30b6\u30fc\u30c8\uff0d\u30cb\u30f3\u30b0"},"content":{"rendered":"\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" class=\"wp-image-2401\" src=\"https:\/\/clinic2.hiro-test.net\/beauty\/wp-content\/uploads\/2019\/12\/toning-1.jpg\" alt=\"\u809d\u6591\u306a\u3069\u306e\u6cbb\u308a\u3065\u3089\u3044\u3057\u307f\u306b\u306f\u30ec\u30fc\u30b6\u30fc\u30c8\u30fc\u30cb\u30f3\u30b0\"><\/figure>\n<p style=\"color: #e95f95; font-weight: bold; font-size: 120%; line-height: 1.6em;\"><\/p>\n<div id=\"\" class=\"pc_menu_cpt_intro2 clearfix mb10\">\n<h4><img decoding=\"async\" class=\"\" src=\"\/beauty\/images\/pc_menu_intro_icon.png\" alt=\"\">\u3053\u3093\u306a\u65b9\u306b\u304a\u3059\u3059\u3081<\/h4>\n<ul class=\"recoList\">\n<li>\u809d\u6591\u3084\u708e\u75c7\u6027\u8272\u7d20\u6c88\u7740<\/li>\n<li>\u3057\u307f<\/li>\n<li>\u305d\u3070\u304b\u3059<\/li>\n<li>\u304f\u3059\u307f\u304c\u6c17\u306b\u306a\u308b<\/li>\n<\/ul>\n<\/div>\n<p class=\"pink fontB mb50\">\u30ec\u30fc\u30b6\u30fc\u30c8\u30fc\u30cb\u30f3\u30b0\u306f\u809d\u6591\u3084\u708e\u75c7\u6027\u8272\u7d20\u6c88\u7740\u306a\u3069\u4eca\u307e\u3067\u6cbb\u3057\u3065\u3089\u304b\u3063\u305f<br>\u3057\u307f\u306b\u60a9\u3093\u3067\u3044\u308b\u65b9\u306b\u30c0\u30a6\u30f3\u30bf\u30a4\u30e0\u3082\u306a\u304f\u5b89\u5168\u306b\u53d7\u3051\u3089\u308c\u308b\u65b0\u3057\u3044\u6cbb\u7642\u6cd5\u3067\u3059\u3002<\/p>\n\n\n\n<section>\n<h4>\u30ec\u30fc\u30b6\u30fc\u30c8\uff0d\u30cb\u30f3\u30b0\u306b\u3064\u3044\u3066<\/h4>\n<p>\u809d\u6591\u3084\u708e\u75c7\u6027\u8272\u7d20\u6c88\u7740\u306f\u3001\u523a\u6fc0\u3092\u52a0\u3048\u308b\u3068\u3088\u308a\u60aa\u5316\u3057\u3084\u3059\u3044\u50be\u5411\u304c\u3042\u308b\u305f\u3081<br>\u3053\u308c\u307e\u3067\u306f\u76f4\u63a5\u8272\u7d20\u3092\u5206\u89e3\u3059\u308b\u6cbb\u7642\u306f\u96e3\u3057\u304f<br>\u98f2\u307f\u85ac\u30fb\u5857\u308a\u85ac\u30fb\u30d4\u30fc\u30ea\u30f3\u30b0\u306a\u3069\u306e\u65b9\u6cd5\u3067\u6839\u6c17\u3088\u304f\u671f\u9593\u3092\u304b\u3051\u3066\u884c\u3046\u3057\u304b\u3042\u308a\u307e\u305b\u3093\u3067\u3057\u305f\u3002<br>\u300c\u30ec\u30fc\u30b6\u30fc\u30c8\u30fc\u30cb\u30f3\u30b0\u300d\u306f\u3001\u305d\u306e\u3088\u3046\u306a\u554f\u984c\u3092\u89e3\u6d88\u3059\u308b\u65b0\u3057\u3044\u6cbb\u7642\u6cd5\u3067\u809d\u6591\u3084<br>\u708e\u75c7\u6027\u8272\u7d20\u6c88\u7740\u306b\u523a\u6fc0\u3092\u4e0e\u3048\u305a\u5c11\u3057\u305a\u3064\u5206\u89e3\u3057\u3066\u8584\u304f\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n<p class=\"illust\"><img decoding=\"async\" class=\"\" src=\"\/beauty\/images\/pc_menu_each_toning_img06.png\" alt=\"\"><\/p>\n<p class=\"caption\">\u30e1\u30e9\u30ce\u30b5\u30a4\u30c8\u306e\u6d3b\u6027\u5316\u306b\u3088\u308b\u3057\u307f\u306e\u539f\u56e0<\/p>\n<\/section>\n\n\n\n<section id=\"only\" class=\"\">\n<div class=\"stitle\">\n<h4>\u30d2\u30ed\u30af\u30ea\u30cb\u30c3\u30af\u306a\u3089\u3067\u306f<\/h4>\n<\/div>\n<div class=\"inner_box pbox mb30\">\n<ul class=\"point\">\n<li class=\"point01\">\n<div class=\"tbc\">\u304a\u808c\u306e\u72b6\u614b\u3092\u898b\u306a\u304c\u3089\u8ca0\u62c5\u3092\u304b\u3051\u305a\u306b\u3001\u304b\u3064\u52b9\u679c\u3082\u51fa\u308b\u3088\u3046<br>\u5f37\u3055\u306e\u8abf\u6574\u3001\u5f53\u3066\u65b9\u306e\u8abf\u6574\u306f\u533b\u5e2b\u306e\u6307\u793a\u306e\u5143\u7d30\u304b\u304f\u884c\u3044\u307e\u3059\u3002<\/div>\n<\/li>\n<li class=\"point02\">\n<div class=\"tbc\">\u4e01\u5be7\u306b\u9685\u3005\u307e\u3067\u3057\u3063\u304b\u308a\u3068\u7167\u5c04\u3057\u307e\u3059\u3002<\/div>\n<\/li>\n<\/ul>\n<\/div>\n<\/section>\n\n\n\n<section id=\"comic\">\n<h4>\u30d2\u30ed\u30af\u30ea\u30cb\u30c3\u30af\u30a6\u30a7\u30d6\u30b3\u30df\u30c3\u30af<\/h4>\n<div>\n    <ul class=\"item_list\">\n      <li>\n<h5>\u30ec\u30fc\u30b6\u30fc\u30c8\uff0d\u30cb\u30f3\u30b0<\/h5>\n        <dl>\n\t  <dt class=\"js-accordion-title\">\n<img decoding=\"async\" src=\"\/beauty\/wp-content\/uploads\/2022\/02\/toning_01.png\" alt=\"\u30ec\u30fc\u30b6\u30fc\u30c8\uff0d\u30cb\u30f3\u30b0\">\n<\/dt>\n          <dd class=\"js-accordion-content\" style=\"display:none;\">\n<img decoding=\"async\" src=\"\/beauty\/wp-content\/uploads\/2022\/02\/toning_02.png\" alt=\"\u30ec\u30fc\u30b6\u30fc\u30c8\uff0d\u30cb\u30f3\u30b0\">\n<img decoding=\"async\" src=\"\/beauty\/wp-content\/uploads\/2022\/02\/toning_03.png\" alt=\"\u30ec\u30fc\u30b6\u30fc\u30c8\uff0d\u30cb\u30f3\u30b0\">\n<\/dd>\n          <dd class=\"js-accordion-close\"><a href=\"#comic\">\u9589\u3058\u308b<\/a><\/dd>\n        <\/dl>\n      <\/li>\n    <\/ul>\n<\/div>\n<\/section>\n<script>\njQuery(function($){\n  $('.js-accordion-title').on('click', function(){\n    if($(this).siblings('.js-accordion-content').css('display') == 'none'){\n        $(this).siblings('.js-accordion-content').slideDown();\n        $(this).closest('.item_list').addClass('show');\n    }else{\n        $(this).siblings('.js-accordion-content').slideUp();\n        $(this).closest('.item_list').removeClass('show');\n    }\n  });\n  $('.js-accordion-close').on('click', function(){\n        $(this).siblings('.js-accordion-content').slideUp(600);\n        $(this).closest('.item_list').removeClass('show');\n  });\n});\n<\/script>\n<style>\n.post_content .item_list {\n    max-width: 320px;\n    width: 100%;\n    margin: 0 auto;\n    text-align: center;\n}\n.item_list dt {\n    position: relative;\n    cursor: pointer;\n}\n.item_list img {\n    display: block;\n}\n.item_list dt:after {\n    transition: all .2s ease;\n}\n.item_list:not(.show) dt:after {\n    content: \"\u30b3\u30df\u30c3\u30af\u306e\u7d9a\u304d\u3092\u8aad\u3080\";\n    display: inline-block;\n    padding: .5rem 2rem;\n    text-align: center;\n    margin: 1rem auto 0;\n    color: #fff;\n    line-height: 1;\n    background-color: #d5a460;\n    border-radius: 1.5rem;\n}\n.post_content .item_list:not(.show) .js-accordion-close {\n    display: none;\n}\n.post_content .item_list.show .js-accordion-close {\n    display: inline-block;\n    padding: 0.5rem 2rem;\n    text-align: center;\n    margin: 0 auto;\n    color: #fff;\n    font-weight: 900;\n    line-height: 1;\n    background-color: #d5a460;\n    border-radius: 1.5rem;\n}\n.js-accordion-close a {\n    color: #fff;\n    text-decoration: none;\n}\n.js-accordion-close a:hover {\n    color: #fff;\n}\n<\/style>\n\n\n\n<section>\n<h4>\u30ec\u30fc\u30b6\u30fc\u30c8\uff0d\u30cb\u30f3\u30b0\u306e\u7279\u5fb4<\/h4>\n<ul class=\"list-square pbox\">\n<li>\u4f4e\u51fa\u529b\u3067Q\/switch\u3092\u4f7f\u7528\u3059\u308b\u3001\u5168\u304f\u65b0\u3057\u3044\u30b7\u30df\u9664\u53bb\u306e\u65bd\u8853\u65b9\u6cd5\u3067\u3059<\/li>\n<li>\u518d\u767a\u983b\u5ea6\u304c\u5c11\u306a\u304f\u306a\u308a\u307e\u3059<\/li>\n<li>\u771f\u76ae\u306b\u6839\u4ed8\u3044\u305f\u6df1\u3044\u8272\u7d20\u306b\u3082\u826f\u3044\u52b9\u679c\u3092\u767a\u63ee\u3057\u307e\u3059<\/li>\n<li>\u76ae\u8102\u817a\u3092\u523a\u6fc0\u3057\u3001\u30a2\u30af\u30cd\u306b\u3082\u52b9\u679c\u3092\u767a\u63ee\u3057\u307e\u3059<\/li>\n<li>\u3046\u3076\u6bdb\u306e\u9664\u53bb\u52b9\u679c\u3082\u3042\u308a\u3001\u304a\u808c\u304c\u30c4\u30eb\u30c4\u30eb\u306b\u306a\u308a\u307e\u3059<br>\uff08\uff11\u30b7\u30fc\u30ba\u30f3\u7a0b\u5ea6\u751f\u3048\u3066\u3053\u306a\u304f\u306a\u308a\u307e\u3059\uff09<\/li>\n<li>\u75db\u307f\u304c\u307b\u3068\u3093\u3069\u3042\u308a\u307e\u305b\u3093<\/li>\n<li>\u30c0\u30a6\u30f3\u30bf\u30a4\u30e0\u304c\u3042\u308a\u307e\u305b\u3093<br>\uff08\u6cbb\u7642\u5f8c\u307b\u3066\u3063\u305f\u3088\u3046\u306a\u8d64\u307f\u304c\u51fa\u307e\u3059\u304c\u3059\u3050\u306b\u5f15\u304d\u307e\u3059\uff09<\/li>\n<li>\u9ebb\u9154\u3092\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u305b\u3093<\/li>\n<li>\u65bd\u8853\u5f8c\u3059\u3050\u306b\u6d17\u9854\u3001\u30e1\u30a4\u30af\u304c\u53ef\u80fd\u3067\u3059<\/li>\n<\/ul>\n<\/section>\n\n\n\n<section>\n<h4>\u30ec\u30fc\u30b6\u30fc\u30c8\uff0d\u30cb\u30f3\u30b0\u6cbb\u7642\u306e\u6d41\u308c<\/h4>\n<ul class=\"step_list\">\n<li class=\"tbf\">\n<div class=\"tbc step\"><img decoding=\"async\" src=\"\/beauty\/images\/pc_menu_each_cpt_step01.png\" alt=\"\"><\/div>\n<div class=\"tbc\">\n<h6>\u30ab\u30a6\u30f3\u30bb\u30ea\u30f3\u30b0<\/h6>\n<p>\u30ab\u30a6\u30f3\u30bb\u30ea\u30f3\u30b0\u306b\u3066\u3001\u6cbb\u7642\u306e\u9069\u5fdc\u3092\u3054\u76f8\u8ac7\u306e\u4e0a\u3001\u6c7a\u5b9a\u3057\u307e\u3059\u3002<\/p>\n<\/div>\n<\/li>\n<li class=\"tbf\">\n<div class=\"tbc step\"><img decoding=\"async\" src=\"\/beauty\/images\/pc_menu_each_cpt_step02.png\" alt=\"\"><\/div>\n<div class=\"tbc\">\n<h6>\u30af\u30ec\u30f3\u30b8\u30f3\u30b0<\/h6>\n<p>\u304a\u9854\u306b\u65bd\u8853\u3059\u308b\u5834\u5408\u306f\u30e1\u30a4\u30af\u3092\u843d\u3068\u3057\u307e\u3059\u3002<\/p>\n<\/div>\n<\/li>\n<li class=\"tbf\">\n<div class=\"tbc step\"><img decoding=\"async\" src=\"\/beauty\/images\/pc_menu_each_cpt_step03.png\" alt=\"\"><\/div>\n<div class=\"tbc\">\n<h6>\u7167\u5c04\u30d1\u30ef\u30fc\u306e\u8a2d\u5b9a<\/h6>\n<p>\u304a\u808c\u306e\u72b6\u614b\u306b\u5408\u308f\u305b\u3066\u8a2d\u5b9a\u3092\u6c7a\u3081\u3066\u3044\u304d\u307e\u3059\u3002<\/p>\n<\/div>\n<\/li>\n<li class=\"tbf\">\n<div class=\"tbc step\"><img decoding=\"async\" src=\"\/beauty\/images\/pc_menu_each_cpt_step04.png\" alt=\"\"><\/div>\n<div class=\"tbc\">\n<h6>\u7167\u3000\u5c04<\/h6>\n<p>\u6cbb\u7642\u7bc4\u56f2\u3092\u307e\u3093\u3079\u3093\u306a\u304f\u7167\u5c04\u3057\u3066\u3044\u304d\u307e\u3059\u3002<\/p>\n<\/div>\n<\/li>\n<li class=\"tbf\">\n<div class=\"tbc step\"><img decoding=\"async\" src=\"\/beauty\/images\/pc_menu_each_cpt_step05.png\" alt=\"\"><\/div>\n<div class=\"tbc\">\n<h6>\u51b7\u3000\u5374<\/h6>\n<p>\u51b7\u305f\u3044\u30bf\u30aa\u30eb\u3067\u30af\u30fc\u30ea\u30f3\u30b0\u3057\u3001\u304a\u808c\u3092\u93ae\u9759\u3055\u305b\u3066\u304b\u3089<br>\u30b9\u30ad\u30f3\u30b1\u30a2\u306e\u304a\u4ed5\u4e0a\u3052\u3092\u3057\u307e\u3059\u3002<\/p>\n<\/div>\n<\/li>\n<\/ul>\n<\/section>\n\n\n\n<section>\n<h4>\u30ec\u30fc\u30b6\u30fc\u30c8\uff0d\u30cb\u30f3\u30b0\u306e\u6cbb\u7642\u306e\u52b9\u679c<\/h4>\n<p>\u56de\u6570\u3054\u3068\u306b\u5f90\u3005\u306b\u52b9\u679c\u304c\u3042\u3089\u308f\u308c\u307e\u3059\u3002<br>\u6cbb\u7642\u306e\u76ee\u5b89\u3068\u3057\u30661\u9031\u9593\u304a\u304d\u306b6\uff5e8\u56de\u7a0b\u5ea6\u6cbb\u7642\u3092\u884c\u3044\u7d4c\u904e\u3092\u307f\u307e\u3059\u3002<br>\u3057\u307f\u304c\u6d6e\u304d\u51fa\u305f\u308a\u3001\u304b\u3055\u3076\u305f\u306b\u306a\u3063\u3066\u306f\u304c\u308c\u305f\u308a\u3059\u308b\u3088\u3046\u306a\u53cd\u5fdc\u306f\u3042\u308a\u307e\u305b\u3093\u3002<br>\uff13\u56de\u76ee\u9803\u304b\u3089\u8584\u304f\u306a\u3063\u305f\u3068\u5b9f\u611f\u3055\u308c\u308b\u65b9\u304c\u591a\u3044\u3088\u3046\u3067\u3059\u3002<br>\u76ee\u6a19\u56de\u6570\u306e\u7d42\u4e86\u5f8c\u3001\u52b9\u679c\u304c\u4e0d\u5341\u5206\u306a\u5834\u5408\u306f\u3055\u3089\u306b\u8ffd\u52a0\u3067\u90e8\u5206\u6cbb\u7642\u3092\u884c\u3046\u4e8b\u3082\u3042\u308a\u307e\u3059\u3002<br>\u4ee5\u5f8c\u306f\u518d\u767a\u304c\u306a\u3044\u304b\u3092\u898b\u5b9a\u3081\u306a\u304c\u3089\u9593\u3092\u958b\u3051\u3066\u65bd\u8853\u3092\u884c\u3063\u3066\u3086\u304d\u307e\u3059\u3002<br>\u52b9\u679c\u3092\u7dad\u6301\u3057\u3001\u518d\u767a\u3092\u9632\u3050\u305f\u3081\u306b\uff11-\uff12\u30f6\u6708\u306b\uff11\u5ea6\u6cbb\u7642\u3092\u53d7\u3051\u308b\u3053\u3068\u304c\u671b\u307e\u3057\u3044\u3068\u3055\u308c\u3066\u3044\u307e\u3059\u3002<\/p>\n<\/section>\n\n\n\n<section>\n<h4>\u30ec\u30fc\u30b6\u30fc\u30c8\uff0d\u30cb\u30f3\u30b0\u65bd\u8853\u52d5\u753b<\/h4>\n<div id=\"movie\"><iframe loading=\"lazy\" src=\"https:\/\/www.youtube.com\/embed\/uomEmnWevpQ\" width=\"420\" height=\"315\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\n<\/section>\n<!--\u30ec\u30fc\u30b6\u30fc\u30c8\uff0d\u30cb\u30f3\u30b0\/\/-->\n\n\n\n<section>\n<div id=\"\" class=\"pc_menu_each_cpt_attention\">\n<h6><img decoding=\"async\" class=\"\" src=\"\/beauty\/images\/pc_menu_each_cpt_img09.png\" alt=\"\"><\/h6>\n<p>\u7167\u5c04\u5f8c\u306e\u307b\u3066\u3063\u305f\u3088\u3046\u306a\u8d64\u307f\u306f\u901a\u5e38\u5f53\u65e5\u304f\u3089\u3044\u3067\u5f15\u3044\u3066\u3044\u304d\u307e\u3059\u3002<br>\u6cbb\u7642\u521d\u671f\u306f\u304b\u3086\u307f\u3001\u3058\u3093\u307e\u3057\u3093\u3001\u30cb\u30ad\u30d3\u306a\u3069\u304c\u51fa\u308b\u3053\u3068\u304c\u3042\u308a\u307e\u3059\u304c\u3001<br>\u901a\u5e38\u8efd\u3044\u75c7\u72b6\u3067\u6570\u65e5\u3067\u5f15\u304f\u3053\u3068\u304c\u307b\u3068\u3093\u3069\u3067\u3059\u3002<br>\u3082\u3057\u3082\u75c7\u72b6\u304c\u5f37\u3044\u5834\u5408\u3001\u8ffd\u52a0\u306e\u6cbb\u7642\u304c\u5fc5\u8981\u306a\u3053\u3068\u3082\u3042\u308a\u307e\u3059\u306e\u3067<br>\u5fc5\u305a\u533b\u5e2b\u306e\u8a3a\u5bdf\u3092\u53d7\u3051\u3066\u304f\u3060\u3055\u3044\u3002<br>\u5f53\u65e5\u3088\u308a\u6d17\u9854\u3084\u30e1\u30a4\u30af\u304c\u53ef\u80fd\u3067\u3059\u3002<br>\u4fdd\u6e7f\u3092\u5341\u5206\u306b\u3057\u523a\u6fc0\u306e\u5f37\u3044\u30de\u30c3\u30b5\u30fc\u30b8\u306a\u3069\u306f\u3055\u3051\u3066\u808c\u306b\u523a\u6fc0\u304c\u306a\u3044<br>\uff08\u3053\u3059\u3089\u306a\u3044\uff09\u3088\u3046\u306b\u3057\u3066\u4e0b\u3055\u3044\u3002<br>\u5f37\u3044\u65e5\u3056\u3057\u3092\u907f\u3051UV\u30b1\u30a2\u3092\u3057\u3063\u304b\u308a\u884c\u3044\u307e\u3057\u3087\u3046\u3002<br>\u51e6\u65b9\u3055\u308c\u305f\u5185\u670d\u85ac\u3084\u5916\u7528\u306f\u5fc5\u305a\u7d99\u7d9a\u3057\u3066\u4f7f\u7528\u3057\u3066\u4e0b\u3055\u3044\u3002<br>\u6cbb\u7642\u306e\u52b9\u679c\u51fa\u73fe\u3001\u52b9\u679c\u306e\u7a0b\u5ea6\u306b\u306f\u500b\u4eba\u5dee\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n<\/div>\n<\/section>\n\n\n\n<p class=\"has-text-align-right\">\u76e3\u4fee\u533b\u3000\u5ca1\u535a\u53f2\u533b\u5e2b<\/p>\n\n\n\n<style>\n#rightView {\n\theight: 200px !important;\n\twidth: 150px !important;\n        opacity: 1 !important;\n        filter: blur(3px);\n\tbackground-repeat: no-repeat !important;\n\tbackground-size: contain !important;\n\tbackground-position: center center !important;\n}\n#rightView:hover {\n\ttransform: scale(1) !important;\n\ttransition: all 1s;\n}\n#leftView {\n\theight: 200px !important;\n\twidth: 150px !important;\n        opacity: 1 !important;\n        filter: blur(3px);\n\tbackground-repeat: no-repeat !important;\n\tbackground-size: contain !important;\n\tbackground-position: center center !important;\n}\n#leftView:hover {\n\ttransform: scale(1) !important;\n\ttransition: all 1s;\n}\n#mainView {\n\theight: 370px !important;\n\twidth: 370px !important;\n        opacity: 1 !important;\n\tbackground-repeat: no-repeat !important;\n\tbackground-size: contain !important;\n\tbackground-position: center center !important;\n}\n#container {\n   height: auto !important;\n}\n#galleryContainer {\n    height: 400px;}\n#galleryView {\n    width: 100% !important;\n   height: auto !important;\n}\n.navBtns {\n    z-index: 100 !important;\n}\n#navLeft {\n    left: 0px !important;\n}\n#navRight {\n    right: 0px !important;\n}\n.price_table_each table th{\n    font-size:14px; \n    text-align: center;\n}\n@media only screen and (max-width: 768px) {\n   #rightView, #leftView {\n\theight: 0px !important;\n\twidth: 0px !important;\n        opacity: 0 !important;\n   }\n#mainView {\n\theight: 365px !important;\n\twidth: 325px !important;\n        opacity: 1 !important;\n}\n#navLeft {\n    left: 100px !important;\n}\n#navRight {\n    right: 100px !important;\n}\n}\n@media only screen and (max-width: 540px) {\n#navLeft {\n    left: -30px !important;\n}\n#navRight {\n    right: -30px !important;\n}\n#mainView {\n\theight: 340px !important;\n\twidth: 270px !important;\n}\n}\n<\/style>\n<script>\n  let galleryView = document.getElementById(\"galleryView\");\n  let tilesView = document.getElementById(\"tilesView\");\n  let outer = document.getElementById(\"outer3\");\n  let slider = document.getElementById(\"slider3\");\n  let tilesContainer = document.getElementById(\"tilesContainer\");\n  if (slider.classList.contains(\"active\")) {\n    slider.classList.remove(\"active\");\n    outer.classList.remove(\"outerActive\");\n    galleryView.style.display = \"flex\";\n    tilesView.style.display = \"none\";\n    while (tilesContainer.hasChildNodes()) {\n      tilesContainer.removeChild(tilesContainer.firstChild)\n      } \n}\n\nlet imgObject = [\n  \"https:\/\/clinic2.hiro-test.net\/beauty\/images\/Cslider\/toning_Cslider01.png\",\n  \"https:\/\/clinic2.hiro-test.net\/beauty\/images\/Cslider\/toning_Cslider02.png\",\n  \"https:\/\/clinic2.hiro-test.net\/beauty\/images\/Cslider\/toning_Cslider03.png\",\n  \"https:\/\/clinic2.hiro-test.net\/beauty\/images\/Cslider\/toning_Cslider04.png\",\n  \"https:\/\/clinic2.hiro-test.net\/beauty\/images\/Cslider\/toning_Cslider05.png\",\n  \"https:\/\/clinic2.hiro-test.net\/beauty\/images\/Cslider\/toning_Cslider06.png\",\n  \"https:\/\/clinic2.hiro-test.net\/beauty\/images\/Cslider\/toning_Cslider07.png\",\n  \"https:\/\/clinic2.hiro-test.net\/beauty\/images\/Cslider\/toning_Cslider08.png\",\n  \"https:\/\/clinic2.hiro-test.net\/beauty\/images\/Cslider\/toning_Cslider09.png\",\n  \"https:\/\/clinic2.hiro-test.net\/beauty\/images\/Cslider\/toning_Cslider10.png\",\n  \"https:\/\/clinic2.hiro-test.net\/beauty\/images\/Cslider\/toning_Cslider11.png\",\n  \"https:\/\/clinic2.hiro-test.net\/beauty\/images\/Cslider\/toning_Cslider12.png\",\n  \"https:\/\/clinic2.hiro-test.net\/beauty\/images\/Cslider\/toning_Cslider13.png\",\n  \"https:\/\/clinic2.hiro-test.net\/beauty\/images\/Cslider\/toning_Cslider14.png\",\n  \"https:\/\/clinic2.hiro-test.net\/beauty\/images\/Cslider\/toning_Cslider15.png\",\n  \"https:\/\/clinic2.hiro-test.net\/beauty\/images\/Cslider\/toning_Cslider16.png\",\n  \"https:\/\/clinic2.hiro-test.net\/beauty\/images\/Cslider\/toning_Cslider17.png\",\n  \"https:\/\/clinic2.hiro-test.net\/beauty\/images\/Cslider\/toning_Cslider18.png\",\n  \"https:\/\/clinic2.hiro-test.net\/beauty\/images\/Cslider\/toning_Cslider19.png\",\n  \"https:\/\/clinic2.hiro-test.net\/beauty\/images\/Cslider\/toning_Cslider20.png\"\n];\n\nlet mainImg = 0;\nlet prevImg = imgObject.length - 1;\nlet nextImg = 1;\n\nfunction loadGallery() {\n\n  let mainView = document.getElementById(\"mainView\");\n  mainView.style.background = \"url(\" + imgObject[mainImg] + \")\";\n\n  let leftView = document.getElementById(\"leftView\");\n  leftView.style.background = \"url(\" + imgObject[prevImg] + \")\";\n  \n  let rightView = document.getElementById(\"rightView\");\n  rightView.style.background = \"url(\" + imgObject[nextImg] + \")\";\n  \n  let linkTag = document.getElementById(\"linkTag\")\n  linkTag.href = imgObject[mainImg];\n\n};\n\nfunction scrollRight() {\n  \n  prevImg = mainImg;\n  mainImg = nextImg;\n  if (nextImg >= (imgObject.length -1)) {\n    nextImg = 0;\n  } else {\n    nextImg++;\n  }; \n  loadGallery();\n};\n\nfunction scrollLeft() {\n  nextImg = mainImg\n  mainImg = prevImg;\n   \n  if (prevImg === 0) {\n    prevImg = imgObject.length - 1;\n  } else {\n    prevImg--;\n  };\n  loadGallery();\n};\n\ndocument.getElementById(\"navRight\").addEventListener(\"click\", scrollRight);\ndocument.getElementById(\"navLeft\").addEventListener(\"click\", scrollLeft);\ndocument.getElementById(\"rightView\").addEventListener(\"click\", scrollRight);\ndocument.getElementById(\"leftView\").addEventListener(\"click\", scrollLeft);\ndocument.addEventListener('keyup',function(e){\n    if (e.keyCode === 37) {\n    scrollLeft();\n  } else if(e.keyCode === 39) {\n    scrollRight();\n  }\n});\n\nloadGallery();\n<\/script>\n\n\n\n<style>\n.off{\n background-color:#ff0000;\n padding: 3px 5px;\n color: #fff;\n line-height: 2.0;\n box-shadow: 2px 2px rgba(00,00,00,0.6);\n}\n\n@media screen and (min-width:750px){\n td{\n  position: relative;\n}\n .off{\n  position: static;\n  margin-left: 10px;\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  padding: 0 5px;\n  line-height: 1.8;\n }\n .br{\n  display: none;\n }\n}\n<\/style>\n","protected":false},"featured_media":2691,"parent":0,"menu_order":19,"template":"","class_list":["post-389","treatments","type-treatments","status-publish","has-post-thumbnail","hentry","treatment-category-skin"],"acf":[],"_links":{"self":[{"href":"https:\/\/clinic2.hiro-test.net\/beauty\/wp-json\/wp\/v2\/treatments\/389","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/clinic2.hiro-test.net\/beauty\/wp-json\/wp\/v2\/treatments"}],"about":[{"href":"https:\/\/clinic2.hiro-test.net\/beauty\/wp-json\/wp\/v2\/types\/treatments"}],"version-history":[{"count":164,"href":"https:\/\/clinic2.hiro-test.net\/beauty\/wp-json\/wp\/v2\/treatments\/389\/revisions"}],"predecessor-version":[{"id":14851,"href":"https:\/\/clinic2.hiro-test.net\/beauty\/wp-json\/wp\/v2\/treatments\/389\/revisions\/14851"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/clinic2.hiro-test.net\/beauty\/wp-json\/wp\/v2\/media\/2691"}],"wp:attachment":[{"href":"https:\/\/clinic2.hiro-test.net\/beauty\/wp-json\/wp\/v2\/media?parent=389"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}