@font-face{font-family:'spi';src:url('fonts/spi.eot?ru58cb');src:url('fonts/spi.eot?#iefixru58cb') format('embedded-opentype'),url('fonts/spi.woff?ru58cb') format('woff'),url('fonts/spi.ttf?ru58cb') format('truetype'),url('fonts/spi.svg?ru58cb#spi') format('svg');font-weight:normal;font-style:normal;}[class^="spi-"]:before,[class*=" spi-"]:before,.spi,.sp_header .navigation li.menu a:before{font-family:'spi';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.spi-menu:before,.sp_header .navigation li.menu a:before{content:"\e600"}@media screen and (min-width: 601px){#siteHeader,#sitemapmenu{display:none}}@media screen and (max-width: 600px){
body{
font-family:Arial,Verdana,"Helvetica Neue",Helvetica,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
background: #ffffff url("../img/background.jpg") no-repeat scroll center 56px;
}
#sp_link{display:none}.sp_header{background:url(../sp_resource/img/texture_grass.png) no-repeat left top #fff;background-size:cover;height:55px;box-shadow:0 3px 3px rgba(0,0,0,0.2);position:fixed;width:100%;z-index:1000;margin-right:5px;-webkit-transform:skew(-10deg);-ms-transform:skew(-10deg);transform:skew(-10deg)}.sp_header:before{background:url(../sp_resource/img/texture_grass.png) no-repeat left top #fff;content:"";position:absolute;left:0;top:0;width:20px;height:55px;-webkit-transform:skew(10deg);-ms-transform:skew(10deg);transform:skew(10deg)}.sp_header:after{content:"";clear:both}.sp_header .logo{padding:8px 0 0 5px;float:left;width:130px;-webkit-transform:skew(10deg);-ms-transform:skew(10deg);transform:skew(10deg)}.sp_header .logo img{width:100%;height:auto}.sp_header .navigation{float:right}.sp_header .navigation li{float:left;width:55px;height:55px;font-size:77%;position:relative;overflow:hidden;margin-right:-1px}.sp_header .navigation li:after{background:rgba(255,255,255,0.1);content:"";width:55px;height:55px;position:absolute;left:-50px;top:0;-webkit-transform:skew(-20deg);-ms-transform:skew(-20deg);transform:skew(-20deg)}.sp_header .navigation li.begginer{background:#2ca6d5}.sp_header .navigation li.begginer a{padding:10px 0 0 3px}.sp_header .navigation li.member{background:#2690e7}.sp_header .navigation li.member a{padding-top:10px}.sp_header .navigation li.menu{background:#1b68dc;line-height:55px;font-size:95%;font-weight:bold;letter-spacing:-0.15em}.sp_header .navigation li.menu a:before{-webkit-transform:skew(-10deg);-ms-transform:skew(-10deg);transform:skew(-10deg);display:block;font-size:24px;line-height:1;margin:6px 0 -20px;position:relative;left:2px}.sp_header .navigation li a{display:block;text-align:center;color:white;-webkit-transform:skew(10deg);-ms-transform:skew(10deg);transform:skew(10deg)}#sitemapmenu .sp_header #returnNav li{float:right;background:#2ca6d5}#sitemapmenu .sp_header #returnNav li a{line-height:55px}.contents h2{margin:25px 0 0 10px}.contents .pages-contents{margin:10px}.header,.header .logo h1,.header .logo p{min-height:inherit;height:auto;width:auto}.header{padding:10px;margin-top:55px;}.header p.member{display:none}.header .logo h1{width:100px}.header .logo p{margin:20px 20px 0}.header .logo,.header .shop-massage{position:static}.header .logo,.header .shop-massage{margin-top:10px}#wrapper{overflow:hidden}#sitemapmenu .sitenavigator li{background:#1b68dc;margin:20px 10px;box-shadow:0 0 5px rgba(0,0,0,0.2);position:relative;-webkit-transform:skew(-10deg);-ms-transform:skew(-10deg);transform:skew(-10deg)}#sitemapmenu .sitenavigator li:after{background:rgba(255,255,255,0.1);content:"";width:55px;height:55px;position:absolute;left:-50px;top:0;-webkit-transform:skew(-20deg);-ms-transform:skew(-20deg);transform:skew(-20deg)}#sitemapmenu .sitenavigator li a{display:block;height:35px;line-height:35px;text-align:center;font-size:96%;color:#fff;-webkit-transform:skew(10deg);-ms-transform:skew(10deg);transform:skew(10deg)}
*{max-width:100%}
.sitenavigator{
margin-top:75px;
}
.header .logo h1{display:none}img{height:auto}.navi{display:none}.side_navi,.side_banner img,.side .rose-system img,.side_contents{width:100%;background-size:cover}.side_navi{height:auto}.side{display:block;float:none;width:auto;padding:10px}.side .rose-system .today_rose{margin-top:20px}.side_navi ul li.navi_info img{width:100%;height:auto}.side_contents{box-sizing:border-box}.footer{padding-bottom:0}.footer ul{text-align:left}.footer li{display:block;text-align:left;white-space:nowrap}.footer p{font-size:66%}.side_contact{background-size:cover;width:auto;height:auto;padding:15% 10px 10px}.side_contact p{margin:0;width:auto;height:auto;padding:0}.panel{display:none;height:100%;width:100%}.active{display:block}.side .rose-system .today_rose h2{height:auto}.contents .newface .newface-contents ul li div.photo{text-align:center}body#entrance .entrance{width:auto;padding:10px}body#entrance .entrance p.enter,body#entrance .entrance p.leace{display:block;margin:30px 0;float:none}}