:before,:after{box-sizing:border-box;border-style:solid;border-width:0}html{--honin-dark-green:#435B5B;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;color:var(--honin-dark-green);text-align:center;scroll-behavior:smooth;font-optical-sizing:auto;font-style:normal;font-variation-settings:"wdth" 100;font-family:"BIZ UDPMincho",serif;font-weight:400;scrollbar-gutter:stable;&:has(div.opening:not(.already-shown)){header{.swiper{.swiper-wrapper{.swiper-slide[data-swiper-slide-index="0"]{div{p{&:first-of-type{animation-delay:4.5s}}}.second-sentence{animation-delay:6.5s}}}}}}&:has(.top-button.active){overflow:hidden}}body{margin:0;padding:0;overflow-x:hidden}main{display:block}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;margin:0}p{padding:0}ul,ol{margin:0;padding:0;list-style:none}dt{font-weight:700}dd{margin-left:0}hr{box-sizing:content-box;height:0;overflow:visible;border-top-width:1px;margin:0;clear:both;color:inherit}pre{font-family:monospace,monospace;font-size:inherit}address{font-style:inherit}a{background-color:transparent;text-decoration:none;color:var(--honin-dark-green)}abbr[title]{text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:inherit}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}svg,img,embed,object,iframe{vertical-align:bottom}button,input,optgroup,select,textarea{-webkit-appearance:none;appearance:none;vertical-align:middle;color:inherit;font:inherit;background:0 0;padding:0;margin:0;border-radius:0;text-align:inherit;text-transform:inherit;border:none}[type=checkbox]{-webkit-appearance:checkbox;appearance:checkbox}[type=radio]{-webkit-appearance:radio;appearance:radio}button,[type=button],[type=reset],[type=submit]{cursor:pointer}button:disabled,[type=button]:disabled,[type=reset]:disabled,[type=submit]:disabled{cursor:default}:-moz-focusring{outline:auto}select:disabled{opacity:inherit}option{padding:0}fieldset{margin:0;padding:0;min-width:0}legend{padding:0}progress{vertical-align:baseline}.button{background-color:#22b6a4;color:#f9f8f8;position:relative;font-size:16px;width:260px;height:55px;margin:0 auto;margin-top:70px;display:block;line-height:55px;&:before{position:absolute;content:"";top:20px;right:15px;width:20px;height:15px;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:12px solid #fff}&:active{&:before{border-left-color:#22b6a4}}span{display:block;transition-duration:.6s}}.back-button{background-color:#22b6a4;color:#f9f8f8;position:relative;font-size:16px;width:260px;height:55px;margin:0 auto;margin-top:70px;display:block;line-height:55px;&:before{position:absolute;content:"";top:20px;left:30px;width:20px;height:15px;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:12px solid #fff}&:after{position:absolute;content:"";top:4px;right:5px;width:250px;height:47px;border:2px solid #fff}&:active{&:before{border-right-color:#22b6a4}}span{display:block}}.subtitle{position:relative;margin:0 auto;display:inline-block;&:before{position:absolute;content:"";top:0;left:-24px;width:15px;height:15px;background-color:var(--honin-dark-green);transform:rotate(45deg)}&:after{position:absolute;content:"";top:0;right:-24px;width:15px;height:15px;background-color:var(--honin-dark-green);transform:rotate(45deg)}}.no-scroll{overflow:hidden}@keyframes slide-in-from-right{from{width:100vw;opacity:0}to{width:55vw;opacity:1}}@keyframes slide-in-from-left{from{opacity:0;width:100vw}to{width:55vw;opacity:1}}@keyframes backimg{0%{background-image:linear-gradient(rgba(34,182,164,.8),rgba(34,182,164,.8)),url(//honin.kenbido.site/wp-content/themes/kenbidohonin-wp/css/../images/massage2.png)}25%{background-image:linear-gradient(rgba(34,182,164,.8),rgba(34,182,164,.8)),url(//honin.kenbido.site/wp-content/themes/kenbidohonin-wp/css/../images/massage3.png)}75%{background-image:linear-gradient(rgba(34,182,164,.8),rgba(34,182,164,.8)),url(//honin.kenbido.site/wp-content/themes/kenbidohonin-wp/css/../images/massage3.png)}100%{background-image:linear-gradient(rgba(34,182,164,.8),rgba(34,182,164,.8)),url(//honin.kenbido.site/wp-content/themes/kenbidohonin-wp/css/../images/massage2.png)}}.hamburger-menu{position:fixed;top:0;background-image:linear-gradient(rgba(34,182,164,0.8),rgba(34,182,164,0.8)),url(//honin.kenbido.site/wp-content/themes/kenbidohonin-wp/css/../images/hamburger.png);background-repeat:no-repeat;background-size:cover;color:#f9f8f8;width:100%;height:100vh;display:flex;justify-content:center;align-items:center;z-index:3;transition:opacity 0.5s linear;opacity:0;animation:1s backimg;overflow:hidden;pointer-events:none;.hamburger-menu-content{display:flex;div{padding:40px 0;width:100vw;flex-direction:column;display:inline-flex;gap:40px;position:relative;height:100%;&:before,&:after{position:absolute;content:"";height:1px;border-top:1px solid #fff}&:before{top:0;right:0}&:after{bottom:0;left:0}a{font-size:18px;display:inline-block;color:#fff}}}}.top-button{position:fixed;width:80px;height:80px;top:0px;right:0px;background-color:rgb(34,182,164,0.8);border:1px solid white;z-index:200;border-radius:50%;cursor:pointer;&.active{+.hamburger-menu{opacity:1;pointer-events:auto;&:before{animation:slide-in-from-right .7s ease forwards;width:55vw}&:after{animation:slide-in-from-right .7s ease forwards;width:55vw}}button{margin-top:7px;span{border-top:1px solid white;width:30px;height:1px;display:block;padding-top:6px;transition:0.5s linear;&:nth-of-type(1){transform:translate(-2px,7px) rotate(45deg)}&:nth-of-type(2){opacity:0;transform:translateX(100%);overflow-x:hidden}&:nth-of-type(3){transform:translate(3px,-8px) rotate(-45deg)}}}}h1{font-size:16px;color:white;padding-top:20px;position:relative;&:before{position:absolute;content:"";width:72px;height:72px;top:4px;left:4px;border:1px solid #fff;border-radius:50%}}button{margin-top:7px;span{border-top:1px solid #fff;width:30px;height:1px;display:block;padding-top:6px;transition:.5s linear}}}.swiper-bullet{margin-top:20px}.swiper-pagination-bullet{width:10px;height:10px;gap:20px}.swiper-pagination-bullet-active{background:#22b6a4}header{.swiper,.top-header{overflow:visible;.swiper-wrapper,.header-wrapper{padding-top:40px;padding-bottom:50px;.swiper-slide,.slide-slide{height:35vh;background-size:cover;border-radius:25px;width:100%;margin:0 auto;position:relative;z-index:0;background-position:center;&.swiper-slide{div{p{width:fit-content}}}img{object-fit:cover;position:absolute;top:0;left:0;width:100%;height:100%;&.anim-img-1,&.anim-img-2,&.anim-img-3{animation-name:animImg;animation-duration:12s;animation-iteration-count:infinite}&.anim-img-1{animation-delay:-1s}&.anim-img-2{animation-delay:-5s}&.anim-img-3{animation-delay:-9s}}div{max-width:300px;margin:0 auto;margin-top:215px;margin-right:-40px;display:flex;flex-direction:column;p{background-color:white;color:#22b6a4;font-size:20px;line-height:38px;font-weight:bold;height:40px;padding:0px 10px;text-align:left;margin:0 0 10px 0;z-index:10;span{font-size:24px}}.second-sentence{animation-delay:.9s}.slide-slide-p{position:absolute;bottom:20px;right:0;overflow:hidden;white-space:nowrap;animation:fadeIn .7s linear both;background-color:#fff;color:#22b6a4;font-size:20px;line-height:38px;font-weight:700;height:40px;width:fit-content;padding:0 10px;text-align:left;margin:0 0 10px;margin-right:0}}}.slide-slide{width:90%;height:33vh;border-radius:25px;position:relative;overflow:hidden}.first-slide{background-position-y:top}.swiper-slide-active{opacity:1;div{p{opacity:1;overflow:hidden;white-space:nowrap;animation:clipAnim .7s linear both}}}}}.swiper-button-prev,.swiper-button-next{background-color:white;border:1px solid #22b6a4;border-radius:50%;width:50px;height:50px;&:after{content:none}span{position:relative;display:block;&:before{position:absolute;content:"";top:-8px;right:-15px;width:20px;height:15px;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:12px solid #22b6a4}}}.swiper-button-prev{span{&:before{transform:rotate(180deg);right:-5px}}}.top-header{.header-wrapper{padding-top:30px;padding-bottom:30px;.header-slide{background-size:cover;border-radius:25px;div{max-width:350px;margin:0 auto;margin-right:55px;display:flex;align-items:flex-end;transform:translateY(252px)}}}}}.is-hidden{opacity:0}@keyframes opacity{0%{opacity:.5}40%{opacity:1}70%{opacity:1}100%{opacity:0;pointer-events:none}}@keyframes opacity2{0%{opacity:1}20%{opacity:1}70%{opacity:1}100%{opacity:0;pointer-events:none}}@keyframes opa{0%{opacity:0}20%{opacity:0}100%{opacity:1}}@keyframes fadeIn{from{translate:100%;opacity:1}to{translate:0;opacity:1}}@keyframes fade{from{width:0;opacity:1}to{width:100%;opacity:0}}.opening{background-color:#F4F2F0;width:100vw;height:100vh;position:fixed;top:0;opacity:0;z-index:1000;overflow-y:hidden;color:#22b6a4;p{line-height:100vh;font-size:48px;margin:0 auto;overflow:hidden;white-space:nowrap;font-family:"Ma Shan Zheng",cursive;font-weight:400;font-style:normal;span{color:#de3f1f}}&.already-shown{display:none !important;visibility:hidden !important}&:not(.already-shown){animation:4.5s opacity2 forwards;p{animation:3s fade forwards;opacity:0}.second-sentence{max-width:170px;animation-delay:1.5s;opacity:0}}}main{.top-three-points{padding-top:40px;padding-bottom:40px;background-image:linear-gradient(to bottom,rgba(211,240,237,0.5),rgba(211,240,237,1));.top-three-title-round{border-top:1px solid var(--honin-dark-green);width:180px;margin:0 auto;position:relative;&:before{position:absolute;content:"";top:-6px;left:0;background-color:var(--honin-dark-green);width:12px;height:12px;border-radius:50%}&:after{position:absolute;content:"";top:-6px;right:0;background-color:var(--honin-dark-green);width:12px;height:12px;border-radius:50%}h2{border-bottom:1px solid var(--honin-dark-green);font-size:18px;font-weight:bold;padding-top:12px;padding-bottom:12px;position:relative;&:before{position:absolute;content:"";bottom:-6px;left:0;background-color:var(--honin-dark-green);width:12px;height:12px;border-radius:50%}&:after{position:absolute;content:"";bottom:-6px;right:0;background-color:var(--honin-dark-green);width:12px;height:12px;border-radius:50%}span{font-size:24px}}}.top-three-subtitle{font-size:24px;font-weight:bold;padding-top:10px;padding-bottom:20px;opacity:0;transition:0.5s;&.active{opacity:1}}.top-three-contents{width:275px;margin:0 auto;transition:0.5s;&.active{opacity:1}.top-three-section{color:#f9f8f8;margin-bottom:40px;&:nth-of-type(1){background-image:url(//honin.kenbido.site/wp-content/themes/kenbidohonin-wp/css/../images/shop1.png);background-size:cover;height:211px;border-radius:20px;position:relative;background-position:center;&:before{position:absolute;content:"";top:11px;left:12px;width:250px;height:190px;border:1px solid #fff;border-radius:20px}div{width:207px;height:100%;margin:0 auto;background-color:rgba(34,182,164,0.65);border-radius:20px;display:flex;flex-direction:column;justify-content:center;p{&:nth-of-type(1){font-size:20px;font-weight:700}&:nth-of-type(2){font-size:16px;span{font-weight:700;font-size:20px}}}}}&:nth-of-type(2){background-image:url(//honin.kenbido.site/wp-content/themes/kenbidohonin-wp/css/../images/menu.png);background-size:cover;height:211px;border-radius:20px;position:relative;&:before{position:absolute;content:"";top:11px;left:12px;width:250px;height:190px;border:1px solid #fff;border-radius:20px}div{width:207px;height:100%;margin:0 auto;background-color:rgba(34,182,164,0.65);border-radius:20px;display:flex;flex-direction:column;justify-content:center;p{line-height:20px;&:nth-of-type(1){font-size:20px;font-weight:700}&:nth-of-type(2){font-size:16px;span{font-weight:700;font-size:20px}}}}}&:nth-of-type(3){background-image:url(//honin.kenbido.site/wp-content/themes/kenbidohonin-wp/css/../images/reception.png);background-size:cover;height:211px;border-radius:20px;position:relative;margin-bottom:0px;&:before{position:absolute;content:"";top:11px;left:12px;width:250px;height:190px;border:1px solid #fff;border-radius:20px}div{width:207px;height:100%;margin:0 auto;background-color:rgba(34,182,164,0.65);border-radius:20px;display:flex;flex-direction:column;justify-content:center;p{line-height:18px;letter-spacing:2%;&:nth-of-type(1){font-size:20px;font-weight:700}&:nth-of-type(2){font-size:16px;span{font-weight:700;font-size:20px}}}}}}}}.top-way{position:relative;background-color:rgba(67,91,91,0.6);transition-property:opacity;transition:0.5s;opacity:0;overflow:clip;&:before{content:"";position:absolute;top:-50%;left:-25%;z-index:-1;display:block;width:150%;height:150%;background-image:url(//honin.kenbido.site/wp-content/themes/kenbidohonin-wp/css/../images/talking.png);background-position:center bottom;background-size:cover;background-repeat:no-repeat;animation-name:parallax;animation-timeline:view()}&.active{opacity:1}.top-way-content{background-color:rgb(255,255,255,0.85);border-radius:20px;border:3px solid var(--honin-dark-green);padding-bottom:60px;.top-three-title-round{border-top:1px solid var(--honin-dark-green);width:250px;margin:40px auto;position:relative;&:before{position:absolute;content:"";top:-6px;left:0;background-color:var(--honin-dark-green);width:12px;height:12px;border-radius:50%}&:after{position:absolute;content:"";top:-6px;right:0;background-color:var(--honin-dark-green);width:12px;height:12px;border-radius:50%}h2{border-bottom:1px solid var(--honin-dark-green);font-size:18px;font-weight:bold;padding-top:12px;padding-bottom:12px;position:relative;&:before{position:absolute;content:"";bottom:-6px;left:0;background-color:var(--honin-dark-green);width:12px;height:12px;border-radius:50%}&:after{position:absolute;content:"";bottom:-6px;right:0;background-color:var(--honin-dark-green);width:12px;height:12px;border-radius:50%}span{font-size:24px}}}p{font-weight:bold;font-size:16px;line-height:26px;width:300px;margin:0 auto;margin-top:30px;padding-top:30px;padding-bottom:30px;border-top:3px solid var(--honin-dark-green);text-align:left;position:relative;letter-spacing:1px;&:before{position:absolute;content:"";left:0;bottom:0;border-bottom:3px solid var(--honin-dark-green);width:227px;height:3px}&:after{position:absolute;content:"";right:-10px;bottom:-24px;width:70px;height:70px;background-image:url(//honin.kenbido.site/wp-content/themes/kenbidohonin-wp/css/../images/tattoo-artist\%201.png);background-size:cover}}}}.top-news{background-color:#d3f0ed;padding-top:40px;transition:0.5s;opacity:0;&.active{opacity:1}.top-three-title-round{border-top:1px solid var(--honin-dark-green);width:180px;margin:0 auto;position:relative;&:before{position:absolute;content:"";top:-6px;left:0;background-color:var(--honin-dark-green);width:12px;height:12px;border-radius:50%}&:after{position:absolute;content:"";top:-6px;right:0;background-color:var(--honin-dark-green);width:12px;height:12px;border-radius:50%}h2{border-bottom:1px solid var(--honin-dark-green);font-size:18px;font-weight:bold;padding-top:12px;padding-bottom:12px;position:relative;&:before{position:absolute;content:"";bottom:-6px;left:0;background-color:var(--honin-dark-green);width:12px;height:12px;border-radius:50%}&:after{position:absolute;content:"";bottom:-6px;right:0;background-color:var(--honin-dark-green);width:12px;height:12px;border-radius:50%}span{font-size:24px}}}.top-news-content{.top-news-section{width:275px;margin:0 auto;margin-top:40px;padding-bottom:25px;border-bottom:1px solid var(--honin-dark-green);img{width:280px;height:180px;object-fit:cover;border-radius:15px}h3{font-size:18px;font-weight:700;margin-top:20px}p{margin-top:8px;margin-bottom:20px;font-size:16px}a{display:inline-block;width:180px;height:40px;border-radius:10px;line-height:40px;background-color:white;border:3px solid var(--honin-dark-green);position:relative;color:var(--honin-dark-green);&:before{position:absolute;content:"";top:13px;right:10px;width:20px;height:15px;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:12px solid #435b}}}}}.top-menu{color:#f9f8f8;background-color:#d3f0ed;padding-bottom:40px;transition:0.5s;opacity:0;&.active{opacity:1}.top-three-title-round{transform:translateY(85px);border-top:1px solid white;width:180px;margin:0 auto;position:relative;&:before{position:absolute;content:"";top:-6px;left:0;background-color:#fff;width:12px;height:12px;border-radius:50%}&:after{position:absolute;content:"";top:-6px;right:0;background-color:#fff;width:12px;height:12px;border-radius:50%}h2{border-bottom:1px solid white;font-size:18px;font-weight:bold;padding-top:12px;padding-bottom:12px;position:relative;&:before{position:absolute;content:"";bottom:-6px;left:0;background-color:#fff;width:12px;height:12px;border-radius:50%}&:after{position:absolute;content:"";bottom:-6px;right:0;background-color:#fff;width:12px;height:12px;border-radius:50%}span{font-size:24px}}}.top-news-section{background-image:linear-gradient(rgba(67,91,91,0.6),rgba(67,91,91,0.6)),url(//honin.kenbido.site/wp-content/themes/kenbidohonin-wp/css/../images/topmenu1.JPG);background-size:cover;padding-top:40px;padding-bottom:90px;h3{font-weight:700;font-size:28px;margin-top:85px}p{font-size:24px;font-weight:700;font-family:"BIZ UDPGothic",sans-serif;letter-spacing:5px;margin-bottom:40px}a{width:200px;height:40px;display:inline-block;border-radius:10px;line-height:40px;background-color:white;border:3px solid var(--honin-dark-green);position:relative;color:var(--honin-dark-green);font-size:18px;&:before{position:absolute;content:"";top:13px;right:10px;width:20px;height:15px;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:12px solid var(--honin-dark-green)}}&:nth-of-type(2){background-image:linear-gradient(rgba(67,91,91,.6),rgba(67,91,91,.6)),url(//honin.kenbido.site/wp-content/themes/kenbidohonin-wp/css/../images/topmenu2.JPG)}}}.top-staff{background-color:#e9f8f6;padding-top:40px;padding-bottom:40px;opacity:0;transition:0.5s;&.active{opacity:1}.top-three-title-round{border-top:1px solid var(--honin-dark-green);width:180px;margin:0 auto;position:relative;&:before{position:absolute;content:"";top:-6px;left:0;background-color:var(--honin-dark-green);width:12px;height:12px;border-radius:50%}&:after{position:absolute;content:"";top:-6px;right:0;background-color:var(--honin-dark-green);width:12px;height:12px;border-radius:50%}h2{border-bottom:1px solid var(--honin-dark-green);font-size:18px;font-weight:bold;padding-top:12px;padding-bottom:12px;position:relative;&:before{position:absolute;content:"";bottom:-6px;left:0;background-color:var(--honin-dark-green);width:12px;height:12px;border-radius:50%}&:after{position:absolute;content:"";bottom:-6px;right:0;background-color:var(--honin-dark-green);width:12px;height:12px;border-radius:50%}span{font-size:24px}}}.swiper2{.swiper-wrapper{.swiper-slide{margin-top:-60px;div{width:300px;margin:0 auto;display:flex;flex-direction:column;align-items:center;margin-top:-40px;h3{font-weight:bold;font-size:18px;writing-mode:vertical-rl;border:1px solid var(--honin-dark-green);width:57px;height:90px;line-height:57px;border-radius:0px 13px 0px 13px;margin-left:-190px;margin-top:100px;transform:translateY(70px);z-index:2;position:relative;&:before{position:absolute;content:"";top:5px;left:5px;background-color:var(--honin-dark-green);border:1px solid var(--honin-dark-green);width:57px;height:90px;line-height:57px;border-radius:0 13px;z-index:-1}&:after{position:absolute;content:"";top:0;left:0;background-color:#fff;width:57px;height:90px;line-height:57px;border-radius:0 13px;z-index:-1}}img{margin-top:-60px;border-radius:28px;width:210px;height:210px;object-fit:cover}}}}.top-swiper-button{transform:translateY(50px);justify-content:space-evenly;display:flex}.swiper-button-prev,.swiper-button-next{background-color:white;border:1px solid #22B6A4;border-radius:50%;width:50px;height:50px;position:relative;bottom:0px;&:after{content:none}&:before{position:absolute;content:"";top:17px;right:9px;width:20px;height:15px;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:12px solid #22b6a4}}.swiper-button-prev{&:before{transform:rotate(180deg);right:20px}}}}.menu{background-image:linear-gradient(to bottom,rgba(211,240,237,0.5),rgba(211,240,237,1));padding:40px 0px;.top-three-title-round{border-top:1px solid var(--honin-dark-green);width:180px;margin:0 auto;margin-bottom:40px;position:relative;&:before{position:absolute;content:"";top:-6px;left:0;background-color:var(--honin-dark-green);width:12px;height:12px;border-radius:50%}&:after{position:absolute;content:"";top:-6px;right:0;background-color:var(--honin-dark-green);width:12px;height:12px;border-radius:50%}h2{border-bottom:1px solid var(--honin-dark-green);font-size:18px;font-weight:bold;padding-top:12px;padding-bottom:12px;position:relative;&:before{position:absolute;content:"";bottom:-6px;left:0;background-color:var(--honin-dark-green);width:12px;height:12px;border-radius:50%}&:after{position:absolute;content:"";bottom:-6px;right:0;background-color:var(--honin-dark-green);width:12px;height:12px;border-radius:50%}span{font-size:24px}}}.menu-content{transition:0.5s;opacity:0;&.active{opacity:1}.menu-section{width:335px;margin:0 auto;padding:40px 0px;border-radius:30px;background-color:white;img{width:275px;height:230px;object-fit:cover;border-radius:30px}h3{font-size:20px;font-weight:bold;padding-top:30px;&:nth-of-type(2){margin-top:-5px}}.menu-sentence{font-size:16px;text-align:left;width:290px;margin:0 auto;margin-top:20px;margin-bottom:40px;line-height:30px}div{line-height:10px;margin-top:20px;margin-bottom:30px;p{font-size:24px;font-weight:bold;text-align:center;span{font-size:16px}.upt{transform:translateX(-7px);display:inline-block}}}a{width:160px;height:35px;display:inline-block;font-weight:bold;font-size:16px;line-height:35px;position:relative;border:3px solid var(--honin-dark-green);border-radius:10px;background-color:white;color:var(--honin-dark-green);transition:0.5s linear;&:before{position:absolute;content:"";top:10px;right:10px;width:20px;height:15px;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:12px solid var(--honin-dark-green)}}}&:nth-of-type(odd){.menu-section{background-color:#22b6a400;border:2px solid #22b6a4}}}}.massage{.massage-concept,.massage-price,.massage-question{background-image:linear-gradient(to bottom,rgba(211,240,237,0.5),rgba(211,240,237,1));padding:40px 0;.top-three-title-round{border-top:1px solid var(--honin-dark-green);width:230px;margin:0 auto 40px;position:relative;&:before,&:after{content:"";position:absolute;top:-6px;width:12px;height:12px;border-radius:50%;background-color:var(--honin-dark-green)}&:before{left:0}&:after{right:0}h2{border-bottom:1px solid var(--honin-dark-green);font-size:18px;font-weight:bold;padding:12px 0;position:relative;&:before,&:after{content:"";position:absolute;bottom:-6px;width:12px;height:12px;border-radius:50%;background-color:var(--honin-dark-green)}&:before{left:0}&:after{right:0}span{font-size:24px}}}.subtitle{margin-bottom:45px}}.massage-concept,.massage-price-section,.massage-question{padding-bottom:60px;p{font-size:20px;font-weight:700}img{width:335px;height:190px;border-radius:15px;margin:0 auto 30px;object-fit:cover}.massage-concept-section{padding-bottom:60px;p{font-size:16px;font-weight:700;text-align:left;width:325px;margin:0 auto;line-height:30px}}}.massage-price-section{background:#fff;border:1px solid var(--honin-dark-green);padding-top:40px;padding-bottom:60px;margin:0 auto;img{margin-bottom:50px}h3{border-top:1px solid var(--honin-dark-green);font-size:20px;font-weight:700;padding-top:40px;padding-bottom:20px;width:300px;margin:0 auto}div{width:335px;margin-top:20px;line-height:28px;margin:0 auto;p{font-size:24px;margin:0 0 0 auto;-webkit-text-stroke:0.5px var(--honin-dark-green);letter-spacing:1.5px;span{font-size:16px;-webkit-text-stroke:0px var(--honin-dark-green)}.upt{font-weight:500;transform:translateX(-11px);display:inline-block}}.subtitle{margin-bottom:40px;transform:translateX(0%);-webkit-text-stroke:0px var(--honin-dark-green)}}.way-price{.way-six{line-height:20px;margin-bottom:10px}}}.massage-question{margin:0 auto;.accordion-header{font-size:16px;font-weight:bold;width:100%;background:#fff;border-radius:8px;border:1px solid var(--honin-dark-green);position:relative;cursor:pointer;p{font-size:16px;width:80%;margin:0 auto;text-align:left;line-height:20px;padding:15px}&:before{content:"";position:absolute;top:55%;right:10px;transform:translateY(-50%);width:20px;height:15px;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:12px solid var(--honin-dark-green);transition:.3s}&.active:before{transform:translateY(-50%) rotate(90deg)}}.accordion-content{background:var(--honin-dark-green);color:#fff;max-height:0;opacity:0;overflow:hidden;padding:0;transition:max-height 0.4s ease,opacity 0.3s ease,padding 0.3s ease;border-radius:8px;p{font-size:16px;width:80%;margin:0 auto;text-align:left;padding:0 15px}&.active{max-height:300px;opacity:1;padding:15px 0}}}}.inquery{.top-three-title-round{border-top:1px solid white;width:180px;margin:0 auto;margin-bottom:60px;position:relative;&:before{position:absolute;content:"";top:-6px;left:0;background-color:#fff;width:12px;height:12px;border-radius:50%}&:after{position:absolute;content:"";top:-6px;right:0;background-color:#fff;width:12px;height:12px;border-radius:50%}h2{border-bottom:1px solid white;font-size:18px;font-weight:bold;padding-top:12px;padding-bottom:12px;color:white;position:relative;&:before{position:absolute;content:"";bottom:-6px;left:0;background-color:#fff;width:12px;height:12px;border-radius:50%}&:after{position:absolute;content:"";bottom:-6px;right:0;background-color:#fff;width:12px;height:12px;border-radius:50%}span{font-size:24px}}}.inquery-concept{background-image:linear-gradient(rgb(34,182,164,0.8),rgb(34,182,164,0.8)),url(//honin.kenbido.site/wp-content/themes/kenbidohonin-wp/css/../images/massage2.jpg);padding-top:40px;padding-bottom:40px;h3{color:#fff;font-size:24px;font-weight:700;text-shadow:1px 1px 3px var(--honin-dark-green)}p{padding:60px 0px;font-weight:bold;color:#f9f8f8;width:310px;margin:0 auto;font-size:16px;line-height:26px;text-align:left;text-shadow:1px 1px 3px var(--honin-dark-green);position:relative;transition:0.5s;opacity:0;&.active{opacity:1}&:before,&:after{position:absolute;content:"";width:1px;height:65px;top:-25px;left:-20px;background-color:#fff;border-bottom:1px solid #fff;box-shadow:1px 1px 2px var(--honin-dark-green)}&:after{top:-40px;left:1px;transform:rotate(90deg)}span{position:absolute;right:0;bottom:0;&:before,&:after{position:absolute;content:"";width:1px;height:65px;right:-20px;bottom:-25px;background-color:#fff;border-bottom:1px solid #fff;box-shadow:1px 1px 2px var(--honin-dark-green)}&:after{right:1px;bottom:-40px;transform:rotate(90deg)}}}}.inquery-calling{background-color:#fbfbfb;border:1px solid var(--honin-dark-green);padding:40px 0px;transition:0.5s;opacity:0;&.active{opacity:1}.calling-content{.subtitle{font-size:20px;font-weight:700;margin-bottom:20px;text-align:center}a{display:flex;justify-content:center;font-size:24px;font-weight:bold;line-height:40px;img{width:40px;height:40px;object-fit:cover;border:none}}p{font-size:16px;font-weight:700;line-height:22px}img{width:105px;height:105px;object-fit:cover;border:1px solid var(--honin-dark-green);border-radius:20px}div{margin-top:30px;h3{font-size:20px;font-weight:bold;width:195px;margin:0 auto;position:relative;&:before,&:after{position:absolute;content:"";top:0;left:0;width:20px;height:20px;border-radius:50%;background-color:var(--honin-dark-green)}&:after{margin:0 auto;top:0;left:auto;right:0}}p{width:285px;margin:0 auto;text-align:left;margin-top:30px}}}}}.news{background-image:linear-gradient(to bottom,rgba(211,240,237,0.75),rgba(211,240,237,0.5));padding:40px 0px;.top-three-title-round{border-top:1px solid var(--honin-dark-green);width:180px;margin:0 auto;position:relative;&:before{position:absolute;content:"";top:-6px;left:0;background-color:var(--honin-dark-green);width:12px;height:12px;border-radius:50%}&:after{position:absolute;content:"";top:-6px;right:0;background-color:var(--honin-dark-green);width:12px;height:12px;border-radius:50%}h2{border-bottom:1px solid var(--honin-dark-green);font-size:18px;font-weight:bold;padding-top:12px;padding-bottom:12px;position:relative;&:before{position:absolute;content:"";bottom:-6px;left:0;background-color:var(--honin-dark-green);width:12px;height:12px;border-radius:50%}&:after{position:absolute;content:"";bottom:-6px;right:0;background-color:var(--honin-dark-green);width:12px;height:12px;border-radius:50%}span{font-size:24px}}}.news-flex{transition:0.5s;&.active{opacity:1}}.news-container{.news-content{width:335px;margin:0 auto;margin-top:40px;border:1px solid var(--honin-dark-green);border-radius:20px;padding-top:20px;padding-bottom:40px;.news-content-section{width:275px;margin:0 auto;img{width:275px;height:165px;object-fit:cover;border:2px solid var(--honin-dark-green);border-radius:25px}.news-section{.news-section-first{display:flex;flex-direction:column;align-items:flex-start;gap:15px;margin:0 auto;margin-top:15px;h3{font-size:18px;font-weight:700}form{display:flex;gap:20px;dt{button{display:inline-block;width:80px;height:30px;line-height:30px;background-color:var(--honin-dark-green);border-radius:5px;color:#f9f8f8;font-weight:400}}}}.news-section-second{display:flex;flex-direction:column;padding-bottom:20px;border-bottom:1px solid var(--honin-dark-green);p{font-size:16px;font-weight:700;width:70%;text-align:left}a{width:180px;height:35px;display:inline-block;border-radius:10px;line-height:35px;background-color:white;border:3px solid var(--honin-dark-green);position:relative;color:var(--honin-dark-green);font-size:18px;margin:0 auto;&:before{position:absolute;content:"";top:10px;right:10px;width:20px;height:15px;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:12px solid #435b}}}}}}}.news-container-choice{.news-topic-category,.news-topic-date{margin:0;margin-top:40px;dd{font-weight:700;font-size:20px}div{padding-top:15px;dt{font-size:16px;font-weight:500;border-bottom:1px solid var(--honin-dark-green);padding-bottom:5px;width:200px;margin:0 auto;margin-bottom:15px}}.date-group{padding-top:0}}form{.column{padding-top:0}}}.wp-pagenavi{margin-top:50px;margin-bottom:50px;display:flex;justify-content:center;.pages{display:none}a{width:15px;height:15px;margin:9px;padding:10px 9px;border-radius:50%;font-size:16px;font-weight:700;display:flex;justify-content:center;line-height:15px}.smaller,.larger{border:transparent}.current{padding:10px;width:10px;height:10px;margin:9px;line-height:11px;border:2px solid var(--honin-dark-green);border-radius:50px;font-weight:700;background-color:var(--honin-dark-green);color:#fff}.previouspostslink,.nextpostslink{border:transparent;opacity:1;border-radius:0;padding:0}.previouspostslink{width:20px;height:0;transform:translate(-5px,51%);border:9px solid transparent;border-right:13px solid var(--honin-dark-green)}.nextpostslink{width:20px;height:0;transform:translate(-5px,51%);border:9px solid transparent;border-left:13px solid var(--honin-dark-green)}}}.topic{background-image:linear-gradient(to bottom,rgba(211,240,237,0.75),rgba(211,240,237,0.5));padding:40px 0px;.top-three-title-round{border-top:1px solid var(--honin-dark-green);width:180px;margin:0 auto;position:relative;&:before{position:absolute;content:"";top:-6px;left:0;background-color:var(--honin-dark-green);width:12px;height:12px;border-radius:50%}&:after{position:absolute;content:"";top:-6px;right:0;background-color:var(--honin-dark-green);width:12px;height:12px;border-radius:50%}h2{border-bottom:1px solid var(--honin-dark-green);font-size:18px;font-weight:bold;padding-top:12px;padding-bottom:12px;position:relative;&:before{position:absolute;content:"";bottom:-6px;left:0;background-color:var(--honin-dark-green);width:12px;height:12px;border-radius:50%}&:after{position:absolute;content:"";bottom:-6px;right:0;background-color:var(--honin-dark-green);width:12px;height:12px;border-radius:50%}span{font-size:24px}}}.topic-flex{.topic-container{.topic-content{.topic-content-section{opacity:0;transition:0.5s;&.active{opacity:1}>p{width:270px}.topic-container-img{display:flex;flex-direction:column;align-items:center;margin-top:40px;position:relative;&:before{position:absolute;content:"";width:300px;height:1px;bottom:-105px;background-color:var(--honin-dark-green)}img{width:275px;height:170px;object-fit:cover;border-radius:15px;display:block;&:nth-of-type(2){margin-top:40px;margin-bottom:25px}}}}.topic-section{margin:0 auto;margin-top:30px;display:flex;justify-content:center;.topic-section-first{display:flex;justify-content:flex-start;flex-direction:column;gap:8px;.topic-section-category{display:flex;justify-content:space-evenly;flex-wrap:wrap;gap:20px}form{display:flex;justify-content:space-evenly;dt{gap:30px;display:flex;button{display:inline-block;width:75px;height:35px;line-height:35px;background-color:var(--honin-dark-green);border-radius:5px;font-weight:500;color:#f9f8f8}}}h3{font-size:18px;font-weight:700;line-height:20px}}.topic-section-second{align-self:center;p{font-weight:700;font-size:20px;margin-top:7px;text-align:left}}}p{font-size:16px;line-height:24px;margin:0 auto;text-align:left;&:nth-last-of-type(1){margin:0 auto;font-weight:700;text-align:left;margin-top:20px}}}}.button{margin-top:40px}}.topic-container-choice{.topic-category,.topic-date{margin:0;margin-top:40px;dd{font-weight:700;font-size:20px}div{padding-top:15px;dt{font-size:16px;font-weight:500;border-bottom:1px solid var(--honin-dark-green);padding-bottom:5px;width:200px;margin:0 auto;margin-bottom:15px}}}.topic-date{.column{padding-top:5px}.date-group{padding-top:0}}}}.staff{background-image:linear-gradient(to bottom,rgba(211,240,237,0.5),rgba(211,240,237,0.2));padding:40px 0px;z-index:-1;.top-three-title-round{border-top:1px solid var(--honin-dark-green);width:180px;margin:0 auto;margin-bottom:40px;position:relative;&:before{position:absolute;content:"";top:-6px;left:0;background-color:var(--honin-dark-green);width:12px;height:12px;border-radius:50%}&:after{position:absolute;content:"";top:-6px;right:0;background-color:var(--honin-dark-green);width:12px;height:12px;border-radius:50%}h2{border-bottom:1px solid var(--honin-dark-green);font-size:18px;font-weight:bold;padding-top:12px;padding-bottom:12px;position:relative;&:before{position:absolute;content:"";bottom:-6px;left:0;background-color:var(--honin-dark-green);width:12px;height:12px;border-radius:50%}&:after{position:absolute;content:"";bottom:-6px;right:0;background-color:var(--honin-dark-green);width:12px;height:12px;border-radius:50%}span{font-size:24px}}}&:nth-of-type(1){font-size:16px}.staff-container-flex{transition:.5s;opacity:1}.staff-flex{.staff-container{&:not(.active){display:none}.staff-first{.staff-introduce{.staff-self{display:flex;justify-content:space-evenly;max-width:280px;margin:0 auto;margin-bottom:15px;padding:25px 0px;position:relative;&:before{position:absolute;content:"";width:300px;height:1px;top:0;left:0;background-color:var(--honin-dark-green)}&:after{position:absolute;content:"";width:200px;height:1px;left:40px;bottom:-5px;background-color:var(--honin-dark-green)}.staff-name{text-orientation:upright;letter-spacing:2px;writing-mode:vertical-rl;line-height:55px;font-weight:bold;font-size:20px;width:55px;height:115px;margin:0 auto;border:1px solid var(--honin-dark-green);border-radius:0px 13px 0px 13px;position:relative;gap:20px;display:flex;padding-top:5px;z-index:2;&:before{position:absolute;content:"";top:10px;left:7px;background-color:var(--honin-dark-green);border:1px solid var(--honin-dark-green);width:55px;height:115px;line-height:57px;border-radius:0 13px;z-index:-1}&:after{position:absolute;content:"";top:1px;left:0;background-color:#fff;width:55px;height:118px;line-height:57px;border-radius:0 13px;z-index:-1}}div{display:flex;flex-direction:column;justify-content:center;width:50%;p{font-size:18px;font-weight:bold;margin-left:0;text-align:left;span{font-size:16px;font-weight:500}}}}.staff-text{text-align:left;width:280px;margin:0 auto;line-height:28px;position:relative;padding:0px 0px;&:before{position:absolute;content:"";width:300px;height:1px;left:-16px;bottom:-15px;background-color:var(--honin-dark-green)}}}.staff-introduce2-first,.staff-introduce2-second{img{width:240px;height:240px;object-fit:cover;border-radius:15px;margin-top:45px}div{dl{margin-top:20px;margin-bottom:40px;dt{background-color:var(--honin-dark-green);color:#f9f8f8;border-radius:5px;display:inline-flex;padding:11px}dd{&:nth-of-type(1){font-size:16px;line-height:30px;width:280px;margin:0 auto;margin-top:20px;font-weight:700;position:relative;&:before{position:absolute;content:"";width:300px;height:1px;left:-16px;bottom:-15px;background-color:var(--honin-dark-green)}}}&:nth-of-type(1){dd{&:nth-of-type(2){&:before{display:none}}}}}}}.staff-introduce2-second{img{margin-top:0}}}}}.staff-introduce-choice{margin-top:60px;.staff-introduce-title{width:250px;margin:0 auto;border-bottom:1px solid var(--honin-dark-green);font-size:18px;font-weight:bold;padding-top:12px;padding-bottom:12px;position:relative;&:before{position:absolute;content:"";bottom:-7px;left:0;background-color:var(--honin-dark-green);width:15px;height:15px;border-radius:50%}&:after{position:absolute;content:"";bottom:-7px;right:0;background-color:var(--honin-dark-green);width:15px;height:15px;border-radius:50%}}div{margin-top:40px;display:flex;flex-wrap:wrap;justify-content:center;width:270px;margin:0 auto;margin-top:40px;gap:18px;button{text-orientation:upright;letter-spacing:1px;writing-mode:vertical-rl;line-height:40px;font-weight:bold;font-size:16px;width:40px;height:92px;margin:0 auto;border:1px solid var(--honin-dark-green);border-radius:0px 13px 0px 13px;position:relative;gap:20px;display:flex;padding-top:3px;z-index:2;&:before{position:absolute;content:"";top:5px;left:5px;background-color:var(--honin-dark-green);border:1px solid var(--honin-dark-green);width:38px;height:90px;line-height:57px;border-radius:0 13px;z-index:-1}&:after{position:absolute;content:"";top:1px;left:0;background-color:#fff;width:38px;height:90px;line-height:57px;border-radius:0 13px;z-index:-1}&.active{background-color:white;transition:0.5s linear;color:white;border:none;&:before{background-color:#fff;border:1px solid var(--honin-dark-green)}&:after{background-color:var(--honin-dark-green)}}}}}}}footer{position:relative;background-color:rgb(34,182,164,0.8);color:#f9f8f8;padding-top:15px;padding-bottom:15px;&:before{content:"";position:absolute;top:0;left:0;z-index:-1;display:block;width:100%;height:100%;background-image:url(//honin.kenbido.site/wp-content/themes/kenbidohonin-wp/css/../images/footer.JPG);background-repeat:no-repeat;background-size:cover;filter:blur(2px)}.footer-title{display:flex;align-items:center;justify-content:space-evenly;max-width:400px;margin:0 auto;gap:20px;h2{line-height:100px;font-weight:bold;font-size:20px;width:100px;height:100px;border-radius:50%;border:1px solid white;position:relative;&:before{position:absolute;content:"";top:7px;left:7px;width:85px;height:85px;border:2px solid #fff;border-radius:50%}}a{background-color:#00C300;width:200px;height:55px;border:2px solid white;display:flex;color:#f9f8f8;justify-content:flex-start;margin-left:0;border-radius:13px;position:relative;&:before{position:absolute;content:"";top:20px;right:20px;width:20px;height:15px;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:12px solid #fff}img{width:55px;height:55px;object-fit:cover;margin-left:0}p{line-height:20px;font-size:16px;font-weight:700;margin-top:5px;margin-left:5px}}}.footer-open{max-width:400px;margin:0 auto;border-bottom:1px solid white;p{font-size:18px;letter-spacing:1px;margin-bottom:20px;a{font-size:24px;font-weight:700;color:#fff}&:nth-of-type(2){font-size:16px;margin-top:10px;margin-bottom:20px}}}.footer-map{margin-top:30px;iframe{width:320px;height:215px;border-radius:10px}div{width:320px;margin:0 auto;margin:30px auto;p{text-align:left;line-height:7px;font-size:16px;font-weight:500}}}ul{margin:0 auto;padding:40px 0;font-size:18px;border-top:1px solid white;border-bottom:1px solid white;li{font-weight:bold;line-height:60px;a{color:#fff}}div{width:300px;margin:0 auto;display:flex;justify-content:space-around;li{&:nth-of-type(2){padding:30px 0}}}.gnav-menu{display:flex;max-width:270px;margin:0 auto}}.footer-copyright{margin-top:40px;a{position:fixed;right:5px;bottom:5px;width:55px;height:55px;background-color:white;border-radius:50%;border:1px solid #FBFBFB;box-shadow:2px 2px 5px var(--honin-dark-green);span{display:block;border-top:2px solid #22b6a4;border-left:2px solid #22b6a4;width:13px;height:13px;transform:translate(20px,25px) rotate(45deg)}}small{font-size:10px;margin-bottom:0;text-align:center}}}@keyframes clipAnim{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0%)}}@keyframes animImg{0%{opacity:0}8%{opacity:1}33%{opacity:1}41%{opacity:0}100%{opacity:0}}@keyframes parallax{from{top:-50%}to{top:0}}