.fadeon{opacity:0;transition:all .7s cubic-bezier(.19,1,.22,1) .5s}.fadeon.is-on{opacity:1}.fadeup{filter:grayscale(100%);opacity:1;-moz-transition:all .5s;-o-transition:all .5s;-webkit-transition:all .5s;transition:all .5s;-moz-transform:translateY(2rem);-ms-transform:translateY(2rem);-webkit-transform:translateY(2rem);transform:translateY(2rem)}.fadeup.is-on{filter:grayscale(0);opacity:1;-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}#hogrel-spacelist #page-ttlbox{background:url(//motion-base.jp/wp-content/themes/hogurel/css/../img/hogrel-space/pageimage.jpg) no-repeat center center;background-size:cover}#hogrel-spacelist #page-wrapper{padding:0 3%;max-width:calc(1130px + 6%);margin:0 auto;margin-top:6rem;margin-bottom:12rem}@media screen and (max-width:959px){#hogrel-spacelist #page-wrapper{padding:0 1rem}}@media screen and (max-width:959px){#hogrel-spacelist #page-wrapper{margin-top:4rem;margin-bottom:6rem}}@media screen and (max-width:559px){#hogrel-spacelist #page-wrapper{margin-bottom:4rem}}#hogrel-spacelist .lead{color:#0086cc;font-size:1.6rem;font-weight:700;letter-spacing:.1rem;line-height:1.6;text-align:center}@media screen and (max-width:959px){#hogrel-spacelist .lead{text-align:left}#hogrel-spacelist .lead br{display:none}}@media screen and (max-width:559px){#hogrel-spacelist .lead{font-size:1.5rem}}#hogrel-spacelist ul#list{display:flex;flex-wrap:wrap;margin-top:7rem}@media screen and (max-width:959px){#hogrel-spacelist ul#list{margin-top:5rem}}@media screen and (max-width:559px){#hogrel-spacelist ul#list{margin-top:3rem}}#hogrel-spacelist ul#list li{position:relative;width:31.5%;margin-right:calc( (100% - 31.5% * 3) / 2);margin-bottom:4.5rem}#hogrel-spacelist ul#list li:nth-of-type(3n){margin-right:0}@media screen and (max-width:959px){#hogrel-spacelist ul#list li{width:48%;margin-right:calc( (100% - 48% * 2) / 1);margin-bottom:3rem}#hogrel-spacelist ul#list li:nth-of-type(3n){margin-right:calc( (100% - 48% * 2) / 1)}#hogrel-spacelist ul#list li:nth-of-type(even){margin-right:0}}@media screen and (max-width: 559px){#hogrel-spacelist ul#list li{width:48%;margin-right:calc( (100% - 48% * 2) / 1)}#hogrel-spacelist ul#list li:nth-of-type(3n){margin-right:calc( (100% - 48% * 2) / 1)}#hogrel-spacelist ul#list li:nth-of-type(even){margin-right:0}}@media screen and (max-width: 414px){#hogrel-spacelist ul#list li{width:100%;margin-bottom:2rem;margin-right:0}#hogrel-spacelist ul#list li:nth-of-type(3n){margin-right:0}}#hogrel-spacelist ul#list li a:hover .image{-moz-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1);opacity:.5}#hogrel-spacelist ul#list li .imageholder{position:relative;width:100%;height:auto;overflow:hidden}#hogrel-spacelist ul#list li .imageholder .image{position:relative;-moz-transform:scale(1,1);-ms-transform:scale(1,1);-webkit-transform:scale(1,1);transform:scale(1,1);-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s}#hogrel-spacelist ul#list li .imageholder .image:before{position:relative;content:"";display:block;padding-top:73.3%;background:#d6d6d6}#hogrel-spacelist ul#list li .imageholder .image img{height:auto;position:absolute;top:50%;transform:translateY(-50%)}#hogrel-spacelist ul#list li .txt h3{font-size:1.8rem;line-height:1.3;font-weight:500;color:#0086cc;margin:1rem 0 .7rem}@media screen and (max-width:959px){#hogrel-spacelist ul#list li .txt h3{font-size:1.6rem}}@media screen and (max-width:559px){#hogrel-spacelist ul#list li .txt h3{font-size:1.5rem}}#hogrel-spacelist ul#list li .txt .cat-name{font-size:1.2rem;color:#0086cc;padding:.4rem 1rem;display:inline-block;border:1px solid #0086cc;border-radius:6px}@media screen and (max-width:959px){#hogrel-spacelist ul#list li .txt .cat-name{font-size:1.1rem}}#hogrel-spacedetail #page-ttlbox{background:url(//motion-base.jp/wp-content/themes/hogurel/css/../img/hogrel-space/pageimage.jpg) no-repeat center center;background-size:cover}#hogrel-spacedetail #page-wrapper{padding:0 3%;max-width:calc(1130px + 6%);margin:0 auto;margin-top:6rem;margin-bottom:12rem}@media screen and (max-width:959px){#hogrel-spacedetail #page-wrapper{padding:0 1rem}}@media screen and (max-width:959px){#hogrel-spacedetail #page-wrapper{margin-top:4rem;margin-bottom:6rem}}@media screen and (max-width:559px){#hogrel-spacedetail #page-wrapper{margin-bottom:4rem}}#hogrel-spacedetail #detail{display:flex;justify-content:space-between}@media screen and (max-width:959px){#hogrel-spacedetail #detail{flex-direction:column}}#hogrel-spacedetail #detail .txts{order:2;flex:1}@media screen and (max-width:959px){#hogrel-spacedetail #detail .txts{width:100%}}#hogrel-spacedetail #detail .txts .ttl-box{margin-bottom:3rem}@media screen and (max-width:559px){#hogrel-spacedetail #detail .txts .ttl-box{margin-bottom:2rem}}#hogrel-spacedetail #detail .txts .ttl-box h1{letter-spacing:.1rem;font-size:2.4rem;line-height:1.4;font-weight:500;color:#0086cc}@media screen and (max-width:559px){#hogrel-spacedetail #detail .txts .ttl-box h1{font-size:2rem}}#hogrel-spacedetail #detail .txts .ttl-box p{margin-top:1rem}#hogrel-spacedetail #detail .txts .ttl-box p span{font-size:1.2rem;font-weight:500;color:#0086cc;border:1px solid #0086cc;border-radius:6px;padding:.4rem 1rem;display:inline-block}#hogrel-spacedetail #detail .txts .spec{font-size:1.5rem;line-height:1.8}#hogrel-spacedetail #detail .txts .spec .tel span{font-size:2rem;font-weight:500;letter-spacing:.1rem}#hogrel-spacedetail #detail .txts .spec .times{margin-top:1.5rem}#hogrel-spacedetail #detail .txts .explanation{padding:2rem 1rem;border-top:1px solid #0086cc;border-bottom:1px solid #0086cc;font-size:1.5rem;font-weight:500;line-height:1.7;color:#0086cc;margin:3rem 0}#hogrel-spacedetail #detail .txts .fee h2{font-size:1.5rem;font-weight:700;letter-spacing:.1rem;line-height:1.7;margin-bottom:1.5rem}#hogrel-spacedetail #detail .txts .fee .free-area{padding:0 1rem}#hogrel-spacedetail #detail .images{order:1;width:100%;max-width:550px;margin-right:5%}@media screen and (max-width:959px){#hogrel-spacedetail #detail .images{margin:0 auto 1rem}}#hogrel-spacedetail #detail .images .thumbnail{max-width:100%;margin:0 auto 5px;padding:0}#hogrel-spacedetail #detail .images .thumbnail img{max-width:100%;width:100%}#hogrel-spacedetail #detail .images .thumbnail-nav img{max-width:100%;width:100%}#hogrel-spacedetail #detail .images .thumbnail-thumb{max-width:100%;margin:0 auto;width:100%}#hogrel-spacedetail #detail .images .thumbnail-thumb li{margin:5px}#hogrel-spacedetail #detail .images .thumbnial-thumb .slick-next{right:20px;z-index:100}#hogrel-spacedetail #detail .images .thumbnail-thumb .slick-prev{left:15px;z-index:100}#hogrel-spacedetail #detail .images .thumbnail-thumb .slick-current{opacity:.5}#hogrel-spacedetail #detail .images .thumbnail-thumb div div div{cursor:pointer}#hogrel-spacedetail #detail div.slide-arrow{position:absolute;top:50%;margin-top:-15px;z-index:3;cursor:pointer}#hogrel-spacedetail #detail div.prev-arrow{left:20px;width:0;height:0;-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s}@media screen and (max-width:559px){#hogrel-spacedetail #detail div.prev-arrow{left:18px}}#hogrel-spacedetail #detail div.prev-arrow:before{content:"";width:30px;height:30px;border:0;border-top:solid 2px #fff;border-left:solid 2px #fff;transform:rotate(315deg);position:absolute;top:50%;left:0}@media screen and (max-width:559px){#hogrel-spacedetail #detail div.prev-arrow:before{width:24px;height:24px}}#hogrel-spacedetail #detail div.prev-arrow:hover{left:14px}@media screen and (max-width:559px){#hogrel-spacedetail #detail div.prev-arrow:hover{left:18px}}#hogrel-spacedetail #detail div.next-arrow{right:50px;width:0;height:0;-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s}@media screen and (max-width:559px){#hogrel-spacedetail #detail div.next-arrow{right:40px}}#hogrel-spacedetail #detail div.next-arrow:before{content:"";width:30px;height:30px;border:0;border-top:solid 2px #fff;border-right:solid 2px #fff;transform:rotate(45deg);position:absolute;top:50%;left:0}@media screen and (max-width:559px){#hogrel-spacedetail #detail div.next-arrow:before{width:24px;height:24px}}#hogrel-spacedetail #detail div.next-arrow:hover{right:44px}@media screen and (max-width:559px){#hogrel-spacedetail #detail div.next-arrow:hover{right:40px}}#hogrel-spacedetail #yobotsusho{margin-top:4rem}@media screen and (max-width:559px){#hogrel-spacedetail #yobotsusho{margin-top:2rem}}#hogrel-spacedetail #staff{margin-top:9rem}@media screen and (max-width:959px){#hogrel-spacedetail #staff{margin-top:5rem}}@media screen and (max-width:559px){#hogrel-spacedetail #staff{margin-top:2rem}}#hogrel-spacedetail #staff ul{display:flex;flex-wrap:wrap}#hogrel-spacedetail #staff ul li{width:23%;margin-right:calc( (100% - 23% * 4) / 3);margin-bottom:1.5rem}#hogrel-spacedetail #staff ul li:nth-of-type(4n){margin-right:0}@media screen and (max-width:959px){#hogrel-spacedetail #staff ul li{width:48%;margin-right:calc( (100% - 48% * 2) / 1)}#hogrel-spacedetail #staff ul li:nth-of-type(4n){margin-right:calc( (100% - 48% * 2) / 1)}#hogrel-spacedetail #staff ul li:nth-of-type(even){margin-right:0}}@media screen and (max-width: 559px){#hogrel-spacedetail #staff ul li{width:48%;margin-right:calc( (100% - 48% * 2) / 1)}#hogrel-spacedetail #staff ul li:nth-of-type(4n){margin-right:calc( (100% - 48% * 2) / 1)}#hogrel-spacedetail #staff ul li:nth-of-type(even){margin-right:0}}@media screen and (max-width: 414px){#hogrel-spacedetail #staff ul li{width:100%;margin-bottom:2rem;margin-right:0}#hogrel-spacedetail #staff ul li:nth-of-type(4n){margin-right:0}}#hogrel-spacedetail #staff ul li .imageholder{position:relative;width:100%;height:auto;overflow:hidden}#hogrel-spacedetail #staff ul li .imageholder .image{position:relative;-moz-transform:scale(1,1);-ms-transform:scale(1,1);-webkit-transform:scale(1,1);transform:scale(1,1);-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s}#hogrel-spacedetail #staff ul li .imageholder .image:before{position:relative;content:"";display:block;padding-top:120%;background:#fff}#hogrel-spacedetail #staff ul li .imageholder .image img{height:auto;position:absolute;top:50%;transform:translateY(-50%)}#hogrel-spacedetail #staff ul li h3{display:flex;margin-top:1rem}@media screen and (max-width:959px){#hogrel-spacedetail #staff ul li h3{flex-direction:column}}#hogrel-spacedetail #staff ul li h3 span:nth-of-type(1){font-size:1.5rem;font-weight:500;color:#0086cc;margin-right:1rem}@media screen and (max-width:959px){#hogrel-spacedetail #staff ul li h3 span:nth-of-type(1){margin:0 0 .5rem}}#hogrel-spacedetail #staff ul li h3 span:nth-of-type(2){font-size:1.3rem;letter-spacing:.1rem;font-weight:400;font-style:italic;font-family:"Work Sans",sans-serif;color:#9e9e9e;display:block}#hogrel-spacedetail #staff ul li .job{font-size:1.2rem;color:#0086cc;padding:.4rem 1rem;display:inline-block;border:1px solid #0086cc;border-radius:6px;margin-top:1rem}@media screen and (max-width:959px){#hogrel-spacedetail #staff ul li .job{font-size:1.1rem}}#hogrel-spacedetail #staff ul li .holder{margin-top:2rem}@media screen and (max-width:559px){#hogrel-spacedetail #staff ul li .holder{margin-top:1rem}}#hogrel-spacedetail #staff ul li .holder h4{font-weight:500}#hogrel-spacedetail #staff ul li .holder h4,#hogrel-spacedetail #staff ul li .holder p{font-size:1.2rem;line-height:1.5}#hogrel-spacedetail #staff ul li .profile{margin-top:1rem;font-size:1.2rem;line-height:1.5}#hogrel-spacedetail #access{margin:7rem 0}@media screen and (max-width:959px){#hogrel-spacedetail #access{margin:4rem 0 7rem}}@media screen and (max-width:559px){#hogrel-spacedetail #access{margin:2rem 0 4rem}}#hogrel-spacedetail #access .box{display:flex}@media screen and (max-width:959px){#hogrel-spacedetail #access .box{flex-direction:column-reverse}}#hogrel-spacedetail #access .box .maps{width:55%;margin-right:5%}@media screen and (max-width:959px){#hogrel-spacedetail #access .box .maps{width:100%;max-width:800px;margin:2rem auto 0}}@media screen and (max-width:559px){#hogrel-spacedetail #access .box .maps{margin:1rem auto 0}}#hogrel-spacedetail #access .box .maps .ggmap{border:2px solid #0086cc;position:relative;padding-bottom:56.25%;height:0;overflow:hidden}@media screen and (max-width:559px){#hogrel-spacedetail #access .box .maps .ggmap{padding-bottom:70.25%}}#hogrel-spacedetail #access .box .maps .ggmap .ggmap iframe,#hogrel-spacedetail #access .box .maps .ggmap .ggmap object,#hogrel-spacedetail #access .box .maps .ggmap .ggmap embed{position:absolute;top:0;left:0;width:100%;height:100%}#hogrel-spacedetail #access .box .txt{flex:1}#hogrel-spacedetail #shops ul{display:flex;flex-wrap:wrap}#hogrel-spacedetail #shops ul li{position:relative;width:23.5%;margin-right:calc( (100% - 23.5% * 4) / 3);margin-bottom:4.5rem}#hogrel-spacedetail #shops ul li:nth-of-type(4n){margin-right:0}@media screen and (max-width:959px){#hogrel-spacedetail #shops ul li{width:48%;margin-right:calc( (100% - 48% * 2) / 1);margin-bottom:3rem}#hogrel-spacedetail #shops ul li:nth-of-type(4n){margin-right:calc( (100% - 48% * 2) / 1)}#hogrel-spacedetail #shops ul li:nth-of-type(even){margin-right:0}}@media screen and (max-width: 559px){#hogrel-spacedetail #shops ul li{width:48%;margin-right:calc( (100% - 48% * 2) / 1)}#hogrel-spacedetail #shops ul li:nth-of-type(4n){margin-right:calc( (100% - 48% * 2) / 1)}#hogrel-spacedetail #shops ul li:nth-of-type(even){margin-right:0}}@media screen and (max-width: 414px){#hogrel-spacedetail #shops ul li{width:100%;margin-bottom:2rem;margin-right:0}#hogrel-spacedetail #shops ul li:nth-of-type(4n){margin-right:0}}#hogrel-spacedetail #shops ul li a:hover .image{-moz-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1);opacity:.5}#hogrel-spacedetail #shops ul li .imageholder{position:relative;width:100%;height:auto;overflow:hidden}#hogrel-spacedetail #shops ul li .imageholder .image{position:relative;-moz-transform:scale(1,1);-ms-transform:scale(1,1);-webkit-transform:scale(1,1);transform:scale(1,1);-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s}#hogrel-spacedetail #shops ul li .imageholder .image:before{position:relative;content:"";display:block;padding-top:73.3%;background:#d6d6d6}#hogrel-spacedetail #shops ul li .imageholder .image img{height:auto;position:absolute;top:50%;transform:translateY(-50%)}#hogrel-spacedetail #shops ul li .txt h3{font-size:1.5rem;line-height:1.3;font-weight:500;color:#0086cc;margin:1rem 0 .7rem}@media screen and (max-width:959px){#hogrel-spacedetail #shops ul li .txt h3{font-size:1.6rem}}@media screen and (max-width:559px){#hogrel-spacedetail #shops ul li .txt h3{font-size:1.5rem}}#hogrel-spacedetail #shops ul li .txt .cat-name{font-size:1.2rem;color:#0086cc;padding:.4rem 1rem;display:inline-block;border:1px solid #0086cc;border-radius:6px}@media screen and (max-width:959px){#hogrel-spacedetail #shops ul li .txt .cat-name{font-size:1.1rem}}.free-area{font-size:1.4rem;line-height:1.6}.free-area p{margin-bottom:1.5rem}.free-area b{font-weight:500}.free-area figure{margin:2rem 0}.free-area .origin{max-width:600px;margin-left:auto;margin-right:auto}.free-area img{width:auto;height:auto}.free-area img.aligncenter{margin:0 auto}.free-area .wp-block-embed-youtube .wp-block-embed__wrapper{position:relative;width:100%;padding-top:56.25%;height:0;overflow:hidden}.free-area .wp-block-embed-youtube .wp-block-embed__wrapper iframe{position:absolute;top:0;right:0;width:100%;height:100%}.sec-ttl{letter-spacing:.2rem;font-size:1.8rem;line-height:1.6;font-weight:500;color:#0086cc;margin-bottom:3rem}@media screen and (max-width:559px){.sec-ttl{font-size:1.6rem;margin-bottom:1.5rem}}.contact-btn{margin:5.5rem auto 0}@media screen and (max-width:959px){.contact-btn{margin:3rem auto 0}}@media screen and (max-width:559px){.contact-btn{margin:1.5rem auto 0}}.contact-btn a{display:flex;align-items:center;justify-content:center;border:2px solid #0086cc;border-radius:6px;padding:2.5rem 2rem;width:100%;-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s}@media screen and (max-width:559px){.contact-btn a{padding:1.5rem 1rem}}.contact-btn a div{width:35px;margin-right:2rem;-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s}@media screen and (max-width:559px){.contact-btn a div{width:28px;margin-right:1rem}}.contact-btn a p{font-size:2rem;letter-spacing:.1rem;color:#0086cc;font-weight:500;-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s}@media screen and (max-width:559px){.contact-btn a p{font-size:1.7rem}}.contact-btn a:hover{background:#0086cc}.contact-btn a:hover div,.contact-btn a:hover p{transform:translateX(5px)}.contact-btn a:hover p{color:#fff}