.loader,.loader:after{border-radius:50%;width:20px;height:20px}.loader{margin:60px auto;font-size:10px;position:relative;text-indent:-9999em;border-top:3px solid rgba(255,255,255,.2);border-right:3px solid rgba(255,255,255,.2);border-bottom:3px solid rgba(255,255,255,.2);border-left:3px solid #fff;transform:translateZ(0);animation:loadingAnim 1.1s infinite linear}@-webkit-keyframes loadingAnim{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes loadingAnim{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.animList .item{opacity:.1;position:relative;top:30px}body{width:100%;height:auto;font-size:16px;letter-spacing:.124px;line-height:1.4em}body #mainImage{padding:66px 0 0;height:auto}body #mainImage .mask{background-image:none;margin-top:66px;height:auto}body.home #content{min-width:320px}body.home #content #topimages #topText p{padding:3px 0;text-align:center;font-family:Lato,serif;font-size:.94em;width:90%;margin:0 auto}body.home.naturalspa-sp{background:#f9efe5}body.pool-sauna #mainImage{background-image:none}body.flow #mainImage{background-image:none}body.poolsouna #mainImage{background-image:none}body.pool_souna #mainImage{background-image:none}img{width:100%;height:auto}div#container{max-width:960px;width:100%;background:#fff;margin:0 auto}section .innerWidth{width:100%}header#siteHeader{position:fixed;width:100%;top:0;left:0;z-index:10}header#siteHeader #headerInner{padding:10px 20px 10px;background:#fff;height:66px;box-shadow:0 9px 20px -3px rgba(0,0,0,.1)}header#siteHeader #headerInner.is-scroll{background:#fff;border-bottom:1px solid #eee}header#siteHeader #headerInner.home.not-scroll #sitelogo{padding-top:20px}header#siteHeader #headerInner.home.not-scroll #sitelogo path{fill:#fff}header#siteHeader #headerInner.home.not-scroll #headerInner{padding-top:30px}header#siteHeader #headerInner.home.not-scroll button#openMenu span{background:#7f0057}header#siteHeader #headerInner.page{background:#fff;box-shadow:0 0 2px rgba(6,8,8,.15)}header#siteHeader .toggle_box{display:none}header#siteHeader .toggle_box a{color:#fff;background:green}header#siteHeader .toggle_box a:hover{background:green;opacity:.8}header#siteHeader .btn:hover{cursor:pointer}header#siteHeader .box{background-color:#132343;width:100%;height:20px;margin-top:20px;margin-bottom:20px}header#siteHeader .submenu ul{text-align:center}header#siteHeader .submenu li{display:inline-block}@media (min-width:769px){header#siteHeader .submenu li{margin:0 10px}}ul#gnavi{float:none;text-align:center;margin:18% 0 0 10%;overflow:scroll;width:100%;height:100%;position:fixed}ul#gnavi li{color:#fff;width:100%;letter-spacing:.8px;display:block;margin:1.6em 0}ul#gnavi li a{color:#fff;position:relative;text-align:left;padding:0;margin:0;font-weight:700}ul#gnavi li a:before{transition:All .2s cubic-bezier(.23,1,.32,1);content:'';display:block;width:0;margin:0;height:2px;left:50%;bottom:2px;position:absolute;background:#fff}ul#gnavi li ul.nextMenu{margin:0}ul#gnavi li ul.nextMenu li{margin:1.4em}ul#gnavi .active .toggleIcon:before{content:"-";font-weight:700}ul#gnavi .submenu li a{font-weight:400;font-size:.9em;padding:10px 15%}ul#gnavi.page li a{color:#666}nav#pnavi{transition:All .4s cubic-bezier(.23,1,.32,1)}nav#pnavi ul{font-size:0;letter-spacing:0;border-bottom:1px solid #ddd}@media (min-width:769px){nav#pnavi ul{margin:0;border:none}}nav#pnavi ul li{letter-spacing:.05em;font-size:12px;text-align:center}@media (min-width:769px){nav#pnavi ul li{display:inline-block;vertical-align:middle;font-size:12px;line-height:1}nav#pnavi ul li+li{margin:0 0 0 8px;padding:0 0 0 8px;border:none;border-left:1px solid #ddd}}@media (min-width:769px) and (min-width:769px){nav#pnavi ul li+li{border-left:0;margin:0 0 0 15px;padding:0 0 0 15px}}nav#pnavi ul li a{display:block;padding:8px 10%;text-align:left;letter-spacing:.4em}nav#pnavi ul li a:hover{background:#f7f7f7}nav#pnavi ul li a:hover .icon-arrow_right{padding-left:15px}@media (min-width:769px){nav#pnavi ul li a{font-family:Verdana,Roboto,"Droid Sans","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;padding:0;font-weight:500;letter-spacing:1px;font-size:13px}}nav#pnavi ul li a .icon-arrow_right{transition:All .4s cubic-bezier(.23,1,.32,1);padding-left:10px}@media (min-width:769px){nav#pnavi ul li a .icon-arrow_right{display:none}}nav#pnavi ul .instraPc{display:none}@media (min-width:769px){nav#pnavi ul .instraPc{display:inline-block;font-size:17px;text-align:center}}@media (min-width:769px){nav#pnavi ul .instraSp{display:none}}nav#pnavi.page ul li a{color:#666}nav#contactnavi{text-align:center;padding:20px 0}nav#contactnavi p{color:green}nav#contactnavi .icon-arrow_right{transition:All .4s cubic-bezier(.23,1,.32,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);left:90%}nav#contactnavi a{font-size:16px;position:relative;width:90%;max-width:300px}nav#contactnavi a:hover .icon-arrow_right{left:93%}#spbg{transition:All .4s cubic-bezier(.23,1,.32,1);z-index:30;position:fixed;right:-100%;top:0;width:80%;height:100%;color:#000}#spbg:before{content:'';background:rgba(0,0,0,.4);position:fixed;display:block;top:0;left:100%;width:100%;height:100%}#spbg.is-spNav{display:block;right:0;opacity:1}#spbg.is-spNav:before{left:0}#spbg.is-spNav .tel{width:100%}#spbg.is-spNav #spbgInner{opacity:1;right:0;background:#7f0057}#spbgInner{transition:All .6s cubic-bezier(.23,1,.32,1);position:absolute;top:0;right:0;width:100%;height:100%;overflow:auto;color:#fff;font-family:Verdana,Roboto,"Droid Sans","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;font-weight:100}@media (min-width:769px){#spbgInner .typeSP{display:none}}#spbgInner .typePC{display:none}@media (min-width:769px){#spbgInner .typePC{display:block}}.siteLogo{height:100%;max-height:31px;width:auto}.siteLogo img{width:auto;height:100%}button#openMenu{position:fixed;z-index:60;top:15px;right:25px;border:none;outline:0;background:0 0;cursor:pointer;width:40px;height:34px}button#openMenu span{background:#7f0057;display:block;height:2px;left:50%;margin-left:-20px;position:absolute;top:50%;width:100%;transform-origin:50% 50%}button#openMenu .top{transform:translateY(-12px)}button#openMenu .bottom{transform:translateY(12px)}button#openMenu span{transition:all .3s;transform:rotate(0)}#openMenu.is-open span{background:#fff!important}#openMenu.is-open .middle{background:rgba(0,255,255,0);opacity:0}#openMenu.is-open .top{transform:rotate(-45deg) translateY(0)}#openMenu.is-open .bottom{transform:rotate(45deg) translateY(0)}section{max-width:none}section#pageTitle{margin:28px auto -60px;padding:0 5% 12%}section#pageTitle h1{font-size:1.6em;line-height:1.2em}section#products .groups .group{width:100%;float:none;margin:0 auto;width:96%}section#products .groups .group h3{margin:0;font-size:1em}section#topBox{padding:2% 8%;font-size:1em}section#topInfo h2{font-size:1.4em}section#topInfo div.infoBox{width:100%;height:auto}section#topInfo div.infoBox p.copy{font-size:1em;width:84%}section#topInfo div.infoBox a{font-size:1em}body.home section h1{font-size:1.6em;text-align:center;line-height:1.2em}body.home section h2{font-size:1.4em}body.home section span{display:block;font-size:.8em}section#purpose{background:url(../img/naturalspa2015/bg_purpose.jpg) no-repeat center/cover;padding:50px 0 156px}section#purpose ul{width:100%;margin:0 auto}section#purpose ul::after{content:"";display:block;clear:both}section#purpose ul li{width:44%;height:auto;margin:0 2% 3% 0}section#purpose ul li:nth-child(2n){margin:0 0 3%}section#purpose ul li:last-child{margin:0 0 0 4.8%;float:left}section#purpose ul li .cont{padding:22% 0 2%;height:auto}section#purpose ul li .cont h2{font-size:1.2em}section#purpose ul li .cont h2.small{font-size:1em}section#purpose ul li .cont p{font-size:.8em}section#recommendStayplan .bgInner{padding:14% 0 6%;margin:-12% 0 0}section#recommendStayplan .bgInner h1{margin:4% 0 0}section#recommendStayplan .bgInner ul#plans{width:100%;float:none;margin:0 auto}section#recommendStayplan .bgInner ul#plans li{float:none;width:100%;margin:0 auto 4%;padding:4% 4% 6%}section#recommendStayplan .bgInner ul#plans li:nth-child(4n){margin:0 auto}section#recommendStayplan .bgInner ul#plans li .info .image{margin:0 auto}section#recommendStayplan .bgInner ul#plans li .info h3{font-size:1.6em}section#recommendStayplan .bgInner ul#plans li .info .text{font-size:1em}section#recommendStayplan .bgInner ul#plans li .info .detail{float:none;font-size:.8em}section#recommendStayplan .bgInner ul#plans li::after{content:"";display:block;clear:both}section#news #newsInner{width:96%;margin:0 auto 8%}section#news #newsInner article{width:48%;margin:0 4% 2% 0}section#news #newsInner article:nth-child(2n){margin:0 0 2%}section#news #newsInner article .image{font-size:1.8em}section#news #newsInner article .text .date{font-size:1em}section#news #newsInner article .text .title{font-size:1.2em}section#news ul#snsLink{background-color:transparent;float:none;margin:0 auto;width:34%;padding:1.4%;text-align:center}section#news ul#snsLink::after{content:"";display:block;clear:both}section#news ul#snsLink li{font-size:1.6em;float:none;display:inline-block}section#news ul#snsLink li span{color:#374f0f}section#banner{margin:16px 0}section#banner div#bnrList .imgCut{width:84%;height:auto;margin:0 auto}section#banner a{margin:0}section#pageTitle.poolTitle{padding:6% 5% 14%}section#pageTitle.poolTitle h1{font-size:1.22em;line-height:1.2em}section#spaIntro p{margin:0 auto;width:90%;padding:0}section#spaIntro .element .innerWidth{width:100%}section#spaIntro .element .innerWidth .title{width:90%;margin:0 auto 20px}section#spaIntro .element .innerWidth .title h3{font-size:1.6em}section#spaIntro .element .innerWidth .title h3.small{font-size:1.2em}section#spaIntro .element .innerWidth .title h3 span{display:block;font-size:.6em;padding:0 0 0 .6em}section#spaIntro .element .innerWidth .cont a.btn{color:#7f0057;text-align:center;display:block;margin:0 auto;width:57%}section#balneoTherapy h2{font-size:1.6em}section#balneoTherapy p{padding:0;width:90%;margin:0 auto}section#balneoTherapy #balneoCont h3::after{border-bottom:#e7bfbf 1px solid;background:0 0;padding:0 0 .2em;margin:0 0 1em}section#balneoTherapy #balneoCont .groups{width:90%;margin:0 auto}section#balneoTherapy #balneoCont .groups::after{content:"";display:block;clear:both}section#balneoTherapy #balneoCont .groups .group{float:left;width:48%;margin:0 4% 2% 0;display:block}section#balneoTherapy #balneoCont .groups .group a h4{font-size:1em}section#balneoTherapy #balneoCont .groups .group:nth-child(2n){margin:0 0 2%}section#balneoTherapy #balneoCont .groups .group+.group{padding-left:0}section#words .innerWidth{width:90%}section#words .innerWidth .item .title h3{font-size:1.4em;line-height:1.2em}section#words .innerWidth .item .title h3 span{display:block;margin:0 0 0 .24em;font-size:.68em}section#words .innerWidth .item .title h3.small{font-size:1.2em}section#words .innerWidth .item a.more.btn{padding:8px 0}section#words .innerWidth .item a.more.btn span{margin:4px 4px;display:block;font-size:.6em;float:left}section.spa-menu .innerWidth{width:100%}section.spa-menu .innerWidth h2{padding:2% 0 2% 4.2%;width:100%}section.spa-menu .innerWidth .item{margin:6% 5%;border-bottom:none}section.spa-menu .innerWidth .item h2{width:100%;color:#7f0057;background:0 0;border-bottom:1px solid #7f0057;padding:0 0 8px;margin:0 0 4%;line-height:1em;font-size:1.4em}section.spa-menu .innerWidth .item .image{width:100%;margin:0 auto;float:none;padding:0}section.spa-menu .innerWidth .item .image span{font-size:1em}section.spa-menu .innerWidth .item .image .imgCut{overflow:auto}section.spa-menu .innerWidth .item .image .center imgCut img{left:0}section.spa-menu .innerWidth .item .info{float:none;margin:6% auto;width:100%;border-top:1px dotted #7f0057;content:"";padding:4% 0 0}section.spa-menu .innerWidth .item .info:nth-of-type(1){border-top:none;padding:0}section.spa-menu .innerWidth .item .info dl{font-size:1em}section.spa-menu .innerWidth .item .info dl span{margin:0}section.spa-menu .innerWidth .item .info dl dt{margin:1.2% 0 2%}section.spa-menu .innerWidth .item .info ol{font-size:1em;margin:0 0 16px}section.spa-menu .innerWidth .item .info ol li{font-size:1em;margin:12px 0 0 20px}section.spa-menu .innerWidth .item .info ol li::before{font-size:13px;margin:0 0 0 -20px;display:block;float:left}section.spa-menu .innerWidth .item .info ol li ol.inner li{font-size:1em}body.pool-sauna section .innerWidth{width:100%;margin:0 auto}section#poolAttraction .innerWidth{width:92%}section#poolAttraction .innerWidth p.copy{font-size:1.18em}section#poolAttraction .innerWidth #poolInfo{margin:4% auto 6%}section#poolAttraction .innerWidth #poolInfo .poolInfoInner{width:100%;float:none}section#poolAttraction .innerWidth #poolInfo .poolInfoInner h2{font-size:1em;margin:1em auto .54em}section#poolAttraction .innerWidth #poolInfo .poolInfoInner ul li{font-size:1em}section#poolAttraction .innerWidth #attractionInfo{padding:10% 4% 0}section#poolAttraction .innerWidth #attractionInfo::after{content:"";display:block;clear:both}section#poolAttraction .innerWidth #attractionInfo .item{float:left;width:46%;margin:0 8% 4% 0}section#poolAttraction .innerWidth #attractionInfo .item:nth-child(5n){margin:0 8% 4% 0}section#poolAttraction .innerWidth #attractionInfo .item:nth-child(2n){margin:0 0 4%}section#poolAttraction .innerWidth #attractionInfo .item.map{width:80%;float:none;margin:0 auto 1.6em}section#poolAttraction .innerWidth #attractionInfo .item.temp{width:100%;margin:2% auto;float:none;position:static;text-align:right}section#poolAttraction .innerWidth #attractionInfo .item.temp img{margin:0 12px 0;padding:0}#poolQuality .cont h3{display:table;text-align:center;font-size:1.32em}#poolQuality .cont h3:after,#poolQuality .cont h3:before{content:none;display:none;width:50%}#poolQuality .cont .col{width:100%;float:none}#poolQuality .cont .col.col{margin:0 auto}table.memberInfo{padding:0 6% 2%;background:#fff;width:100%;margin:0 auto;font-size:.84em}table.memberInfo caption{background:#fff;border:12px solid #fff}table.memberInfo caption span{display:block}table.memberInfo p{color:#484848;font-size:.8em}table.memberInfo tbody{width:92%;display:block;margin:0 auto}table.memberInfo tbody tr{border-bottom:1px solid #eee2d5;line-height:2.6em;vertical-align:middle}table.memberInfo tbody tr:last-child{border-bottom:none}table.memberInfo tbody tr th{width:30%;color:#7f0057;font-weight:700;vertical-align:middle;line-height:1em}table.memberInfo tbody tr td{width:44%;vertical-align:middle;line-height:1.2em;padding:12px 0}table.memberInfo tbody tr td.price{color:#484848;width:26%;font-size:2em;letter-spacing:.14em;font-family:"Yu Mincho Light",YuMincho,"Yu Mincho","游明朝体","ヒラギノ明朝 ProN","Hiragino Mincho ProN",sans-serif}table.memberInfo tbody tr.midashi th{color:#484848;font-size:1.2em;font-weight:700}section#relaxationAndSauna .groups{display:block;width:100%}section#relaxationAndSauna .groups h3{margin:2% 3%}section#relaxationAndSauna .groups h3::after{content:"";display:block;clear:both}section#relaxationAndSauna .groups .group{padding-right:0;display:block;width:100%;margin:0 0 8%}section#relaxationAndSauna .groups .group img{margin:0 auto}section#relaxationAndSauna .groups .group p{width:94%;margin:0 auto}section#relaxationAndSauna .groups .group+.group{padding-left:0}section#poolInfo .innerWidth::after{content:"";display:block;clear:both}section#poolInfo .innerWidth .groups{width:100%}section#poolInfo .innerWidth .groups .group{display:block;width:86%;padding-right:0;margin:0 auto 10%}section#poolInfo .innerWidth .groups .group+.group{padding-left:0}section#poolInfo .innerWidth ul.causion{margin:30px auto 0;width:90%}#poolBnr .bnrBox a{float:none;width:100%;margin:0 0 2%}section#reccomendContent .separate{width:100%;float:none}section#member ul.causion{margin:4% auto;width:86%}section#flowMain #timesecWrapper{height:100%}section#flowMain #timesecWrapper::after{left:6.2%;margin:0;height:94.5%;max-height:3192px}section#flowMain .timesec{overflow:inherit}section#flowMain .timesec::after{content:"";display:block;clear:both}section#flowMain .timesec:first-child .timesecInner h2{position:relative;left:6%}section#flowMain .timesec title{margin:0 0 10px;left:0}section#flowMain .timesec .timesecInner{margin:0 0 0 14%;width:84%}section#flowMain .timesec .timesecInner h2::before{top:-8%;left:-18%}section#flowMain .timesec .timesecInner .cont{width:90%;display:block;vertical-align:middle;padding:0 30px 0 0;margin:0 0 6% 0;max-width:700px;position:relative;left:2.2%}section#flowMain .timesec .timesecInner .cont h2{font-size:1.4em}section#flowMain .timesec .timesecInner .cont span.en{font-size:1em}section#flowMain .timesec .timesecInner .cont p{font-size:.8em;margin:0 0 0 14%}section#flowMain .timesec .timesecInner .cont a.btn{margin:8% 0 8% 14%;width:100%}section#flowMain .timesec .timesecInner .image{width:80%;margin:0 0 0 20%}section#flowMain .timesec .timesecInner .tel{width:84%}section#floormap h2{font-size:1.6;margin:4% 0}section#floormap h2 span{margin:2%}section#poolSaunaArea h2,section#therapyArea h2{font-size:1.6em}section#poolSaunaArea .groups,section#therapyArea .groups{width:90%;margin:0 auto 8%}section#poolSaunaArea .groups::after,section#therapyArea .groups::after{content:"";display:block;clear:both}section#poolSaunaArea .groups .place,section#therapyArea .groups .place{display:block;width:100%;margin:0 4% 4% 0}section#poolSaunaArea .groups .place h3,section#therapyArea .groups .place h3{font-weight:700}section#poolSaunaArea .groups .place:nth-child(2n),section#therapyArea .groups .place:nth-child(2n){margin:0 0 4%}footer#naturalspaF{background:#eee;width:100%}footer#naturalspaF #spaInformation{width:84%;margin:0 auto}footer#naturalspaF #spaInformation .innerWidth{width:100%;margin:0 auto}footer#naturalspaF #spaInformation .innerWidth #inquiryCommon{float:none;margin:0 auto 8%;width:100%;background:0 0}footer#naturalspaF #spaInformation .innerWidth #inquiryCommon a{background:#fff;display:block}footer#naturalspaF #spaInformation .innerWidth #inquiryCommon .information{margin:6% 0 4%;text-align:center}footer#naturalspaF #spaInformation .innerWidth #inquiryCommon .information p{font-size:1em;font-weight:400;line-height:1.1em}footer#naturalspaF #spaInformation .innerWidth ul#spaCausion{width:100%;float:none}footer#naturalspaF #siteNavFooter .innerWidth{width:100%}footer#naturalspaF #siteNavFooter .innerWidth a{float:none;text-align:center}footer#naturalspaF #siteNavFooter .innerWidth p#copyright{float:none;text-align:center}#poolVoice{background:url(../img/naturalspa/bg_poolvoice.jpg) center no-repeat;background-size:cover;padding:30px 0}@media (max-width:799px){#poolVoice{padding:0}}#poolVoice .inner{max-width:1170px;width:100%;margin:0 auto}@media (max-width:799px){#poolVoice .inner{padding:40px 0 60px;width:90%}}#poolVoice .inner .title{width:25%;max-width:190px;background:#4b3029;color:#fff;padding:13px 8px;text-align:justify;float:left}@media (max-width:799px){#poolVoice .inner .title{float:none;text-align:center;width:100%;max-width:100%;margin-bottom:10px}#poolVoice .inner .title bt{display:none}}@media (max-width:639px){#poolVoice .inner .title{margin-bottom:0}}#poolVoice .inner .title span{display:block;font-size:.8em;padding-top:4px}#poolVoice .inner ul{width:74%;float:left}@media (max-width:799px){#poolVoice .inner ul{width:100%}}@media (max-width:639px){#poolVoice .inner ul{padding-top:20px}}#poolVoice .inner ul li{float:left;text-align:justify;font-size:15px;padding-left:6%;width:33%;line-height:1.8;color:#000}@media (max-width:799px){#poolVoice .inner ul li{padding-left:6%;width:33%}}@media (max-width:639px){#poolVoice .inner ul li{width:100%;padding-left:0;float:none;background:#fff;border:1px solid #ccc;border-radius:2px;text-decoration:underline rgba(204,204,204,.5);padding:10px}#poolVoice .inner ul li+li{margin-top:15px}}