html{font-size:62.5%}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-black:#000;--color-white:#fefefe;--color-gray:#ddd;--color-dGray:#838383;--color-navy:#002c54;--hover-opacity:.6;--box-shadow-black:2px 2px 8px rgba(221,221,221,.4);--transition:all .6s cubic-bezier(.43,.05,.17,1);--letter-spacing:.1em;--font-size-title1:min(3rem, 6.4vw);--font-text1:min(1.6rem,3.4vw);--font-text2:min(1.83rem,3.6vw);--font-text3:min(2.4rem,4vw);--font-crimson:"Crimson Pro","Shippori Mincho",serif}body{font-size:min(1.4rem, 3.4vw);font-family:"Shippori Mincho","游明朝体","Yu Mincho",YuMincho,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ ゴシック",sans-serif;line-height:1.8;letter-spacing:.05em;-webkit-font-feature-settings:"palt";font-feature-settings:"palt";font-weight:400;color:var(--color-black);position:relative;transition:var(--transition);opacity:0;animation:bodyFadeIn .8s cubic-bezier(.43,.05,.17,1) .2s normal forwards;overflow-x:hidden}@keyframes bodyFadeIn{0%{opacity:0}100%{opacity:1}}a{text-decoration:none;color:var(--color-black);transition:var(--transition);font-weight:500}li{list-style:none}img{max-width:100%;height:auto;vertical-align:bottom}h1,h2,h3,h4,h5,h6{font-weight:500}table{clear:both;border-collapse:collapse;width:100%}td,th{padding:min(1rem, 1.4vw)}.contents{max-width:1140px;width:84%;margin:auto;position:relative}.contents-title{position:relative;font-size:var(--font-size-title1);margin:0 auto min(10rem, 14vw);display:flex;align-items:center;justify-content:center;gap:min(3.4rem, 4.4vw);width:min(34rem, 56vw);height:min(22rem, 50vw)}.contents-title:before,.contents-title:after{content:"";position:absolute;width:1px;background:var(--color-dGray);top:0}.contents-title:before{left:0}.contents-title:after{right:0}.scroll-title.contents-title:before,.scroll-title.contents-title:after{height:0}.scroll-title.is-active.contents-title:before,.scroll-title.is-active.contents-title:after{animation:titleEffectAnimation 1s cubic-bezier(.42,0,.58,1) .5s normal forwards}@keyframes titleEffectAnimation{0%{height:0}100%{height:100%}}.contents-title h2{font-weight:500;letter-spacing:0em;writing-mode:tb;font-size:min(2.4rem, 5.4vw);letter-spacing:.16em}.contents-title h2 span{color:var(--color-dGray);font-size:min(1.4rem,3vw);display:block;letter-spacing:.08em}.fixedMenu{position:fixed;z-index:3;bottom:min(4vw, 2rem);right:min(4vw, 2rem);opacity:0;visibility:hidden;transition:var(--transition)}.fixedMenu.is-show{visibility:inherit;opacity:1;transition:var(--transition)}.resBtn{background:var(--color-navy);color:var(--color-white);display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:50%;width:min(12rem, 23vw);height:min(12rem, 23vw);line-height:1.5;font-family:var(--font-crimson)}.linkBtn{font-family:var(--font-crimson);font-style:italic;font-size:var(--font-text2);line-height:1.4;padding:.6rem 1.4rem;border-radius:9999px}.linkBtn>span{position:relative;display:block}.linkBtn>span:before{position:absolute;content:"";top:50%;right:min(10px, 0vw);transform:translateY(-50%)}.linkBtn-wh{color:var(--color-white);border:solid 1px var(--color-white)}.linkBtn-wh.linkBtn>span:before{background:url(//rokumei-hamada.com/wp/wp-content/themes/rokumei/img/linkBtn-arrow_wh.svg) no-repeat center;background-size:100%;width:6px;height:9px}.linkBtn-nb{color:var(--color-black);border:solid 1px var(--color-black);box-shadow:var(--box-shadow-black);display:block;width:min(21rem, 40vw);background:var(--color-white)}.linkBtn-nb:before{content:"";position:absolute}.linkBtn-nb.linkBtn>span:before{content:"";position:absolute;-webkit-mask-size:auto;mask-size:auto;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;background-repeat:no-repeat;-webkit-mask:url(//rokumei-hamada.com/wp/wp-content/themes/rokumei/img/linkBtn-arrow_wh.svg);mask:url(//rokumei-hamada.com/wp/wp-content/themes/rokumei/img/linkBtn-arrow_wh.svg);background-color:var(--color-black);width:6px;height:11px;top:50%;transform:translateY(-50%);transition:var(--transition)}@media print,screen and (min-width:768px){body{font-size:min(1.5rem, 1.6vw)}.contents{width:78%}.contents-title{height:27rem}.linkBtn-wh:hover{opacity:.6}.linkBtn-nb:hover{background:var(--color-navy);color:var(--color-white)}.linkBtn-nb.linkBtn:hover>span:before{background-color:var(--color-white)}.resBtn:hover{background:#00192f;transform:scale(1.04)}}.scroll-fadeIn{opacity:0;transition:all 1s cubic-bezier(.42,0,.58,1) .5s}.scroll-fadeIn.is-active{opacity:1}.scroll-opening span{opacity:0;-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px);position:relative;display:block}.scroll-opening span:nth-last-of-type(1){transition:opacity .8s cubic-bezier(.42,0,.58,1) .95s,transform .8s cubic-bezier(.42,0,.58,1) .95s}.scroll-opening span:nth-last-of-type(2){transition:opacity .8s cubic-bezier(.42,0,.58,1) .85s,transform .8s cubic-bezier(.42,0,.58,1) .85s}.scroll-opening span:nth-last-of-type(3){transition:opacity .8s cubic-bezier(.42,0,.58,1) .75s,transform .8s cubic-bezier(.42,0,.58,1) .75s}.scroll-opening span:nth-last-of-type(4){transition:opacity .8s cubic-bezier(.42,0,.58,1) .65s,transform .8s cubic-bezier(.42,0,.58,1) .65s}.scroll-opening.is-active span{opacity:1;-webkit-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px)}.scroll-image{overflow:hidden}.scroll-image img{transform:scale(1.1);-webkit-transform:scale(1.1);-ms-transform:scale(1.1);opacity:0;transition:all 1.4s cubic-bezier(.42,0,.58,1) .5s}.scroll-image.is-active img{opacity:1;transform:scale(1);-webkit-transform:scale(1);-ms-transform:scale(1)}.modalContents{cursor:pointer}.modalWindow{display:none;position:fixed;justify-content:center;align-items:center;z-index:99999;left:0;top:0;width:100%;height:100%;margin:0 auto;overflow:auto;background-color:rgba(0,0,0,.8)}.modalWindow>.modalWindow-wrapper{width:min(700px, 90%);height:80svh;max-height:58rem;position:absolute;background:var(--color-white);padding:min(6rem, 12vw) min(4rem, 6vw);overflow-x:auto;left:50%;top:50%;transform:translate(-50%,-50%)}.modalWindow-wrapper>span.modalClose{position:absolute;top:1rem;right:2rem;cursor:pointer;transition:var(--transition)}.modalWindow-wrapper>span.modalClose:before{content:"Close";font-style:italic;font-family:var(--font-crimson);border-radius:50%;display:block;font-weight:600;cursor:pointer}.modalWindow-wrapper>span.modalClose:hover{opacity:.6}.modalWindow-supplement{background:#ededed;padding:min(2rem, 3vw);margin-top:min(5rem, 10vw);text-align:center}.modalWindow-supplement p{font-size:min(1.34rem, 2.83vw)}.breadcrumbs{text-align:left;font-size:min(1.12rem, 2.6vw);margin:auto;padding:16px 3vw;color:var(--kaisei-green);letter-spacing:.08em}.breadcrumbs span{padding:0 2px}.breadcrumbs a{color:var(--kaisei-green);text-decoration:underline}#page-top a{display:flex;justify-content:center;align-items:center;width:50px;height:50px;text-align:center;text-transform:uppercase;text-decoration:none;font-size:.6rem;transition:all .3s}.fixedMenu.page-top{right:auto;left:min(4vw, 2rem);text-align:center;line-height:1.2;font-style:italic;font-family:var(--font-crimson);mix-blend-mode:overlay;-webkit-mix-blend-mode:overlay}.fixedMenu.page-top a{position:relative}.fixedMenu.page-top a:before{position:absolute;content:"";background:url(//rokumei-hamada.com/wp/wp-content/themes/rokumei/img/line-arrow.svg) no-repeat center;background-size:100%;width:min(1.4rem, 3vw);height:min(1.4rem, 3vw);top:-44%;left:50%;transform:translateX(-50%) rotate(180deg)}.googleMap{position:relative;padding-bottom:72.25%;overflow:hidden}.googleMap iframe,.googleMap object,.googleMap embed{position:absolute;top:0;left:0;width:100%;height:100%}.googleMap iframe{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%)}.youtube{position:relative;width:100%;padding-top:62.25%}.youtube iframe{position:absolute;top:0;right:0;width:100%;height:100%}.svg-logo,.svg-icon{display:none}svg{width:100%;height:100%}svg.logo-symbol{fill:var(--color-white);mix-blend-mode:difference;position:relative;aspect-ratio:1/1.6}svg.logo-sns{fill:var(--color-black);position:relative;aspect-ratio:1/1;display:block}.notFound{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:min(20vh, 38vw) 0}.notFont-wrapper{padding:0 6vw 0}.notFont-wrapper h2{font-size:min(7.24rem,20vw);font-weight:500;line-height:1.5;padding-bottom:16px}.notFont-wrapper h2 span{font-size:min(5.24rem,10vw);display:block}.notFont-wrapper p{font-size:min(1.83rem,4.24vw);padding-bottom:40px}.notFont-wrapper a{margin:auto}.swiper-wrapper{transition-timing-function:linear!important}.swiper-slide{width:100%}.swiper-slide img{width:100%;height:100%}.swiper-slide>div{height:100%;width:100%}@media screen and (min-width:768px){.googleMap{padding-bottom:35.25%}.modalWindow>.modalWindow-wrapper{height:78vh;max-height:65rem}.fixedMenu.page-top a:hover{opacity:.6}}header{position:absolute;z-index:4;left:50%;transform:translateX(-50%) translateY(-10%);top:0;width:100%;opacity:0;animation:header-fadeIn 2s ease normal forwards;animation-delay:1.5s}@keyframes header-fadeIn{0%{opacity:0;transform:translateX(-50%) translateY(-72%)}100%{opacity:1;transform:translateX(-50%) translateY(0%)}}.header-inner{display:flex;justify-content:space-between;align-items:center;width:92%;padding:min(2rem, 4vw) 0;margin:0 auto;position:relative}header a{color:var(--color-white);position:relative}.single header a,.page header a,.category header a,.archive header a{color:var(--color-black)}.header{transition:var(--transition)}.header h1{z-index:1;position:relative;width:min(22rem, 36vw)}.header-wrapper{display:none}ul.header-sns svg.logo-sns{fill:var(--color-white)}svg.header-logoText{fill:var(--color-white);position:relative;aspect-ratio:1/.2;display:block;transition:var(--transition)}.category svg.header-logoText,.category ul.header-sns svg.logo-sns,.single svg.header-logoText,.single ul.header-sns svg.logo-sns{fill:var(--color-black)}.fixed-header{display:none}@media screen and (min-width:1024px){nav.headerNav{display:flex;gap:20px}.header.fixed-header{position:fixed;left:0;padding:2rem 4rem;z-index:7;opacity:0;display:flex;align-items:center;justify-content:space-between;background-color:rgba(255,255,255,.8);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);-webkit-transform:translateY(-100%);transform:translateY(-100%);-ms-transform:translateY(-100%);width:100%;transition:opacity .7s cubic-bezier(.42,0,.58,1),transform .7s cubic-bezier(.42,0,.58,1)}.fixed-header.is-show{top:0;opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.header-wrapper{width:calc(100% - 28%);display:flex;justify-content:end;gap:min(5rem, 3vw)}.header-menulist{display:flex;gap:min(3rem,1.4vw)}.header-menulist a{position:relative}.header-menulist a:after{position:absolute;left:0;content:"";width:100%;height:1px;background:var(--color-white);bottom:0;transform:scale(0,1);transform-origin:left top;transition:transform .5s}.header.fixed-header svg.header-logoText{fill:var(--color-black)}.header.fixed-header .header-menulist a:after{background:var(--color-black)}.header-menulist a:hover:after{transform:scale(1,1)}ul.header-sns{display:flex;justify-content:center;align-items:center;width:min(6rem);gap:1rem}ul.header-sns li{width:50%}ul.header-sns li a:hover{opacity:.6}.fixed-header ul.header-sns li svg{fill:var(--color-black)}}@media screen and (min-width:768px){header h1 a:hover,.header h1 a:hover{opacity:.6}.header h1{width:min(20rem, 24vw)}a:hover .thumbnail img{transform:translate(-50%,-50%) scale(1.05)}}.fixedBtn{cursor:pointer;position:absolute;top:50%;right:0;z-index:200;transform:translateY(-50%)}.openBtn{width:min(6rem, 10vw);height:min(2rem, 4vw);transition:var(--transition);position:relative;border-radius:50%}.openBtn span{background-color:var(--color-white);border-radius:50%;height:1px;width:100%;transition:ease .5s;position:absolute}.single .openBtn span,.page .openBtn span,.category .openBtn span,.archive .openBtn span{background-color:var(--color-black)}.openBtn span:nth-of-type(1){top:0}.openBtn span:nth-of-type(2){top:50%}.openBtn span:nth-of-type(3){top:100%}.openBtn.active span:nth-of-type(1){top:50%;background-color:var(--color-white)}.openBtn.active span:nth-of-type(2){opacity:0}.openBtn.active span:nth-of-type(3){top:50%;background-color:var(--color-white)}#js-g-nav{transition:var(--transition);-webkit-transition:var(--transition);opacity:0;visibility:hidden}#js-g-nav.panelactive{opacity:1;visibility:inherit}.g-nav{position:fixed;z-index:100;top:0;right:0;width:100%;height:100svh;color:var(--color-black);background:var(--color-navy);background-size:cover;visibility:hidden}.g-nav a{color:var(--color-white)!important}.g-nav_container{display:flex;flex-direction:row-reverse;height:100svh}a.g-nav_logo{display:block;width:min(36rem, 62vw);margin:min(3rem, 5vw)}.g-nav_menu{padding:10rem min(10rem,5vw);overflow-y:auto;width:100%}.g-nav_mainMenu{display:flex;justify-content:center;flex-direction:column;gap:min(5rem, 5vw);writing-mode:tb;width:100%;font-size:min(2.24rem, 3.83vw);letter-spacing:.3em;max-width:37rem;margin:0 auto min(11rem,17vw)}.g-nav_mainMenu li{opacity:0;-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}.g-nav_mainMenu li:nth-of-type(1){transition:opacity .5s cubic-bezier(.42,0,.58,1) .6s,transform .5s cubic-bezier(.42,0,.58,1) .6s}.g-nav_mainMenu li:nth-of-type(2){transition:opacity .5s cubic-bezier(.42,0,.58,1) .65s,transform .5s cubic-bezier(.42,0,.58,1) .65s}.g-nav_mainMenu li:nth-of-type(3){transition:opacity .5s cubic-bezier(.42,0,.58,1) .7s,transform .5s cubic-bezier(.42,0,.58,1) .7s}.g-nav_mainMenu li:nth-of-type(4){transition:opacity .5s cubic-bezier(.42,0,.58,1) .75s,transform .5s cubic-bezier(.42,0,.58,1) .75s}.g-nav_mainMenu li:nth-of-type(5){transition:opacity .5s cubic-bezier(.42,0,.58,1) .8s,transform .5s cubic-bezier(.42,0,.58,1) .8s}.g-nav_mainMenu li:nth-of-type(6){transition:opacity .5s cubic-bezier(.42,0,.58,1) .85s,transform .5s cubic-bezier(.42,0,.58,1) .85s}#js-g-nav.panelactive .g-nav_mainMenu li{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.g-nav_sns{display:flex;align-items:center;justify-content:center;width:min(11rem, 25%);margin:0 auto min(4rem, 8vw);gap:min(2rem, 4.2vw)}.g-nav_sns svg{fill:var(--color-white);display:block}.g-nav_sns li{width:50%;opacity:0;-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px);transition:opacity .5s cubic-bezier(.42,0,.58,1) .9s,transform .5s cubic-bezier(.42,0,.58,1) .9s}#js-g-nav.panelactive .g-nav_sns li{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.g-nav_res{display:block;margin:0 auto;opacity:0;-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px);transition:opacity .5s cubic-bezier(.42,0,.58,1) .9s,transform .5s cubic-bezier(.42,0,.58,1) .9s}.g-nav_res a{display:block;width:min(36rem, 62vw);margin:0 auto;font-size:min(2.24rem, 5vw);padding:min(1.5rem,2vw) min(1.4rem,5vw)}#js-g-nav.panelactive .g-nav_res{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}@media screen and (min-width:1024px){.fixedBtn{display:none}}@media screen and (max-width:1024px){header.sp-header{position:fixed}header.sp-header.is-show{transition:var(--transition);background-color:rgba(255,255,255,.8);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}header.sp-header.is-show .openBtn span{background:var(--color-black)}header.sp-header.is-show .openBtn.active span{background:var(--color-white)}header.sp-header.is-show svg.header-logoText{fill:var(--color-black)}}footer{z-index:2;position:relative;padding:min(10rem, 18vw) 0 4rem;background:url(//rokumei-hamada.com/wp/wp-content/themes/rokumei/img/footerBg-sp.jpg) no-repeat center;background-size:cover;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100svh;min-height:748px}footer,footer a{color:var(--color-white)}footer svg.logo-sns{fill:var(--color-white)}footer>.contents{max-width:920px}.footer-info{border-bottom:solid 2px var(--color-white);margin-bottom:min(40px, 6vw);padding-bottom:min(40px, 6vw)}.footer-info_contents,.footer-info_hours{display:flex;align-items:center;justify-content:center}.footer-info_contents{gap:min(4rem, 7vw);margin-bottom:min(1.2rem, 4vw);flex-wrap:wrap}a.footer-logo{width:min(150px,30%)}.footer-info_sns{display:flex;gap:min(12px, 2vw);margin:14px 0 14px}.footer-info_sns li{width:24px}.footer-info_sns li img{display:block}.footer-info_contact{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.footer-info_contact a{border:solid 1px var(--color-white);padding:2px 12px}.footer-info_hours{font-size:var(--font-text2);gap:min(2rem, .8vw);letter-spacing:0}.footer-menulist{display:flex;justify-content:space-around;margin:0 auto;width:min(350px, 84%)}.footer-menulist li{writing-mode:tb}footer small{display:block;position:absolute;bottom:3%;left:50%;transform:translateX(-50%);font-size:min(1.18rem, 2.4vw);text-align:center;letter-spacing:.14em}@media print,screen and (min-width:768px){footer{background:url(//rokumei-hamada.com/wp/wp-content/themes/rokumei/img/footerBg-pc.jpg) no-repeat center;background-size:cover;height:100svh}footer a:hover{opacity:.6}.footer-menulist{width:50%}}@media print,screen and (max-width:768px){.footer-info_address{width:100%;text-align:center}.footer-info_hours{flex-wrap:wrap;text-align:center}.footer-info_sns{justify-content:center}}