@charset "utf-8";
@import url(//fonts.googleapis.com/css?family=Acme);
@import url("//fonts.googleapis.com/css?family=M+PLUS+1p");

/* camp_site
--------------------------------------------------*/
#camp_site{
  width:100%;
  box-sizing: border-box;
  padding:0 1%;
  margin:0 auto;
}

@media only screen and  (max-width: 810px) {
#camp_site{
  width:100%;
  padding:0 4% 2%;
}
}

@media only screen and  (max-width: 568px) {
#camp_site{
  width:100%;
  padding:0 0 2%;
}
}

#camp_site .csite-left{
  width:49%;
  display: inline-block;
  float:left;
  vertical-align: top;
  position: relative;
  margin-top:5%;
  margin-right:1%;
}

@media screen and (max-width: 810px) {
#camp_site .csite-left{
  width:100%;
  display: block;
  float:none;
  margin:2% auto;
}
}

@media screen and (max-width: 568px) {
#camp_site .csite-left{
  padding:0;
}
}


#camp_site .csite-left .csmp{
  width:100%;
  height:auto;
}

#camp_site .csite-left a{
  width: 100%;
  height:100%;
  text-decoration:none;
  display: block;
  text-indent:-9999px;
}

#camp_site .csite-left a:hover {
  text-decoration: none;
  background: rgba(255, 255, 255, 0.1);
}

#camp_site .csite-left .n1{
  position: absolute;
  top: 22%;
  left: 88%;
  width:4.3%;
  height:4%;
  text-indent:-9999px;
}

#camp_site .csite-left .n2{
  position: absolute;
  top: 31%;
  left: 47%;
  width:4.3%;
  height:4%;
  text-indent:-9999px;
}

#camp_site .csite-left .n3{
  position: absolute;
  top: 31%;
  left: 76%;
  width:4.3%;
  height:4%;
  text-indent:-9999px;
}

#camp_site .csite-left .n4{
  position: absolute;
  top: 33%;
  left: 69.7%;
  width:4.3%;
  height:4%;
  text-indent:-9999px;
}

#camp_site .csite-left .n5{
  position: absolute;
  top: 38%;
  left: 70%;
  width:4.3%;
  height:4%;
  text-indent:-9999px;
}

#camp_site .csite-left .n6{
  position: absolute;
  top: 22%;
  left: 57.4%;
  width:4.3%;
  height:4%;
  text-indent:-9999px;
}

#camp_site .csite-left .n7{
  position: absolute;
  top: 28.5%;
  left: 55.1%;
  width:4.3%;
  height:4%;
  text-indent:-9999px;
}

#camp_site .csite-left .n8{
  position: absolute;
  top: 24%;
  left: 50%;
  width:4.3%;
  height:4%;
  text-indent:-9999px;
}

#camp_site .csite-left .n9{
  position: absolute;
  top: 27%;
  left: 43%;
  width:4.3%;
  height:4%;
  text-indent:-9999px;
}

#camp_site .csite-left .n10{
  position: absolute;
  top: 32%;
  left: 60%;
  width:4.3%;
  height:4%;
  text-indent:-9999px;
}

#camp_site .csite-left .n11{
  position: absolute;
  top: 12%;
  left: 93%;
  width:4.3%;
  height:4%;
  text-indent:-9999px;
}
#camp_site .csite-left .n12{
  position: absolute;
  top: 33%;
  left: 50%;
  width:4.3%;
  height:4%;
  text-indent:-9999px;
}
#camp_site .csite-left .n13{
  position: absolute;
  top: 68%;
  left: 35%;
  width:4.3%;
  height:4%;
  text-indent:-9999px;
}
#camp_site .csite-left .n14{
  position: absolute;
  top: 72%;
  left: 27%;
  width:4.3%;
  height:4%;
  text-indent:-9999px;
}
#camp_site .csite-left .n15{
  position: absolute;
  top: 88%;
  left: 25%;
  width:4.3%;
  height:4%;
  text-indent:-9999px;
}
#camp_site .csite-left .n16{
  position: absolute;
  top: 88%;
  left: 17%;
  width:4.3%;
  height:4%;
  text-indent:-9999px;
}
#camp_site .csite-left .n17{
  position: absolute;
  top: 92%;
  left: 11.5%;
  width:4.3%;
  height:4%;
  text-indent:-9999px;
}

#camp_site .csite-left .o01{
  position: absolute;
  top: 49.5%;
  left: 29%;
  width:22px;
  height:22px;
  text-indent:-9999px;
  background-size: 100% auto;
  background-position:center center;
  background-repeat:no-repeat;
  background-image:url(../images/onsenb.png);
}

#camp_site .csite-left .o02{
  position: absolute;
  top: 22%;
  left: 39%;
  width:22px;
  height:22px;
  text-indent:-9999px;
  background-size: 100% auto;
  background-position:center center;
  background-repeat:no-repeat;
  background-image:url(../images/onsenb.png);
}

#camp_site .csite-left .o03{
  position: absolute;
  top: 18%;
  left: 72.5%;
  width:22px;
  height:22px;
  text-indent:-9999px;
  background-size: 100% auto;
  background-position:center center;
  background-repeat:no-repeat;
  background-image:url(../images/onsenb.png);
}

#camp_site .csite-left .o04{
  position: absolute;
  top: 70.5%;
  left: 20%;
  width:22px;
  height:22px;
  text-indent:-9999px;
  background-size: 100% auto;
  background-position:center center;
  background-repeat:no-repeat;
  background-image:url(../images/onsenb.png);
}

#camp_site .csite-left .o05{
  position: absolute;
  top: 67%;
  left: 26.5%;
  width:22px;
  height:22px;
  text-indent:-9999px;
  background-size: 100% auto;
  background-position:center center;
  background-repeat:no-repeat;
  background-image:url(../images/onsenb.png);
}


#camp_site .csite-left .o06{
  position: absolute;
  top: 67%;
  left: 22%;
  width:22px;
  height:22px;
  text-indent:-9999px;
  background-size: 100% auto;
  background-position:center center;
  background-repeat:no-repeat;
  background-image:url(../images/onsenb.png);
}

#camp_site .csite-left .o07{
  position: absolute;
  top: 64.5%;
  left: 17.5%;
  width:22px;
  height:22px;
  text-indent:-9999px;
  background-size: 100% auto;
  background-position:center center;
  background-repeat:no-repeat;
  background-image:url(../images/onsenb.png);
}

#camp_site .csite-left .o08{
  position: absolute;
  top: 60%;
  left: 51%;
  width:22px;
  height:22px;
  text-indent:-9999px;
  background-size: 100% auto;
  background-position:center center;
  background-repeat:no-repeat;
  background-image:url(../images/onsenb.png);
}

#camp_site .csite-left .o09{
  position: absolute;
  top: 79%;
  left: 9%;
  width:22px;
  height:22px;
  text-indent:-9999px;
  background-size: 100% auto;
  background-position:center center;
  background-repeat:no-repeat;
  background-image:url(../images/onsenb.png);
}
#camp_site .csite-left .o10{
  position: absolute;
  top: 76%;
  left: 9.5%;
  width:22px;
  height:22px;
  text-indent:-9999px;
  background-size: 100% auto;
  background-position:center center;
  background-repeat:no-repeat;
  background-image:url(../images/onsenb.png);
}


#camp_site .csite-left .o11{
  position: absolute;
  top: 82.5%;
  left: 5%;
  width:22px;
  height:22px;
  text-indent:-9999px;
  background-size: 100% auto;
  background-position:center center;
  background-repeat:no-repeat;
  background-image:url(../images/onsenb.png);
}


#camp_site .csite-left .o12{
  position: absolute;
  top: 85%;
  left: 21%;
  width:22px;
  height:22px;
  text-indent:-9999px;
  background-size: 100% auto;
  background-position:center center;
  background-repeat:no-repeat;
  background-image:url(../images/onsenb.png);
}

@media screen and (max-width: 568px) {

#camp_site .csite-left .o01{
  position: absolute;
  top: 49.5%;
  left: 29%;
  width:18px;
  height:18px;
  text-indent:-9999px;
  background-size: 100% auto;
  background-position:center center;
  background-repeat:no-repeat;
  background-image:url(../images/onsenb.png);
}

#camp_site .csite-left .o02{
  position: absolute;
  top: 22%;
  left: 39%;
  width:18px;
  height:18px;
  text-indent:-9999px;
  background-size: 100% auto;
  background-position:center center;
  background-repeat:no-repeat;
  background-image:url(../images/onsenb.png);
}

#camp_site .csite-left .o03{
  position: absolute;
  top: 18%;
  left: 72.5%;
  width:18px;
  height:18px;
  text-indent:-9999px;
  background-size: 100% auto;
  background-position:center center;
  background-repeat:no-repeat;
  background-image:url(../images/onsenb.png);
}

#camp_site .csite-left .o04{
  position: absolute;
  top: 70.5%;
  left: 20%;
  width:18px;
  height:18px;
  text-indent:-9999px;
  background-size: 100% auto;
  background-position:center center;
  background-repeat:no-repeat;
  background-image:url(../images/onsenb.png);
}

#camp_site .csite-left .o05{
  position: absolute;
  top: 67%;
  left: 26.5%;
  width:18px;
  height:18px;
  text-indent:-9999px;
  background-size: 100% auto;
  background-position:center center;
  background-repeat:no-repeat;
  background-image:url(../images/onsenb.png);
}


#camp_site .csite-left .o06{
  position: absolute;
  top: 67%;
  left: 22%;
  width:18px;
  height:18px;
  text-indent:-9999px;
  background-size: 100% auto;
  background-position:center center;
  background-repeat:no-repeat;
  background-image:url(../images/onsenb.png);
}

#camp_site .csite-left .o07{
  position: absolute;
  top: 64.5%;
  left: 17.5%;
  width:18px;
  height:18px;
  text-indent:-9999px;
  background-size: 100% auto;
  background-position:center center;
  background-repeat:no-repeat;
  background-image:url(../images/onsenb.png);
}

#camp_site .csite-left .o08{
  position: absolute;
  top: 60%;
  left: 51%;
  width:18px;
  height:18px;
  text-indent:-9999px;
  background-size: 100% auto;
  background-position:center center;
  background-repeat:no-repeat;
  background-image:url(../images/onsenb.png);
}

#camp_site .csite-left .o09{
  position: absolute;
  top: 79%;
  left: 9%;
  width:18px;
  height:18px;
  text-indent:-9999px;
  background-size: 100% auto;
  background-position:center center;
  background-repeat:no-repeat;
  background-image:url(../images/onsenb.png);
}
#camp_site .csite-left .o10{
  position: absolute;
  top: 76%;
  left: 9.5%;
  width:18px;
  height:18px;
  text-indent:-9999px;
  background-size: 100% auto;
  background-position:center center;
  background-repeat:no-repeat;
  background-image:url(../images/onsenb.png);
}


#camp_site .csite-left .o11{
  position: absolute;
  top: 82.5%;
  left: 5%;
  width:18px;
  height:18px;
  text-indent:-9999px;
  background-size: 100% auto;
  background-position:center center;
  background-repeat:no-repeat;
  background-image:url(../images/onsenb.png);
}


#camp_site .csite-left .o12{
  position: absolute;
  top: 85%;
  left: 21%;
  width:18px;
  height:18px;
  text-indent:-9999px;
  background-size: 100% auto;
  background-position:center center;
  background-repeat:no-repeat;
  background-image:url(../images/onsenb.png);
}
}

#camp_site .csite-right{
  width:50%;
  display: inline-block;
  float:right;
  vertical-align: top;
  box-sizing: border-box;
  padding-left:4%;
}

@media screen and (max-width: 810px) {
#camp_site .csite-right{
  width:100%;
  display: block;
  float:none;
  margin:2% auto;
  padding-left:0%;
}
}

@media screen and (max-width: 568px) {
#camp_site .csite-right{
  padding:0 2%;
  box-sizing: border-box;
}
}


#camp_site .css-ttl{
  width:100%;
  margin:0 0 2%;
}

#camp_site .css-ttl img{
  width:100%;
  max-width:470px;
  height:auto;
}

#camp_site .csite-right .css-txt{
  width:100%;
  padding:1.5% 0 0 2%;
  font-weight:400;
  font-family: 'Noto Sans Japanese', sans-serif;
  color:#6A6A36;
}

#camp_site .csite-right .css-txt2{
  width:100%;
  padding:5px 0 0 2%;
  font-weight:500;
  font-family: 'Noto Sans Japanese', sans-serif;
  color:#6A6A36;
}

#camp_site .csite-right .css-txt2 li{
  margin-right:2%;
  display: inline-block;
  vertical-align: middle;
}

#camp_site .csite-right .css-txt2 li p{
  display: inline-block;
  vertical-align: middle;
}

#camp_site .csite-right .css-txt2 li img{
  margin-left:7px;
  padding-bottom:2px;
  width:auto;
  height:28px;
  vertical-align: middle;
}

#camp_site .csite-right .site-list{
  width:100%;
  padding:2% 0 0 2%;
  box-sizing: border-box;
}

#camp_site .csite-right .site-list li{
  width:100%;
  margin:1% 0;
  font-weight:400;
  font-family: 'Noto Sans Japanese', sans-serif;
  color:#6A6A36;
}

#camp_site .csite-right .site-list li .cms-nam img{
  margin-left:7px;
  padding-bottom:2px;
  width:auto;
  height:28px;
  vertical-align: middle;
  display: inline-block;
}

#camp_site .csite-right .site-list li .cms-nam p{
  vertical-align: middle;
  display: inline-block;
  margin-right:3px;
}

#camp_site .csite-right .site-list li a{
  color:#6A6A36;
}

#camp_site .csite-right .site-list li a:hover {
  color:#6A6A36;
  text-decoration: none;
}

#camp_site .nmbx{
  width:5%;
  display: inline-block;
  vertical-align: middle;
}

@media only screen and  (max-width: 568px) {
#camp_site .nmbx{
  width:7%;
  vertical-align: top;
}
}

#camp_site .nmbx img{
  width:100%;
  max-width:35px;
  height:auto;
}

#camp_site .cms-nam{
  width:95%;
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
  padding-left:2%;
}

@media only screen and  (max-width: 568px) {
#camp_site .cms-nam{
  width:93%;
  vertical-align: top;
  padding-left:2%;
}
}

/* onsen-box
--------------------------------------------------*/
#onsen-box{
  width:100%;
  box-sizing: border-box;
  padding:5% 2% 2%;
  margin:0 auto;
  position: relative;
}

.onsen-ttl .ons-top {
  width:250px;
  margin:0;
}

.onsen-ttl .ons-top img{
  width:100%;
  height:auto;
}

@media screen and (max-width: 900px) {
.onsen-ttl .ons-top {
  margin:0 auto;
  padding-right:80px;
}
}

.onsen-ttl{
  text-align: center;
  margin-bottom:1%;
}

.onsen-ttl dt{
  width:5%;
  display: inline-block;
  vertical-align: middle;
}

.onsen-ttl dt img{
  width:100%;
  max-width:80px;
  height:auto;
  margin:0 auto;
}

.onsen-ttl dd{
  display: inline-block;
  vertical-align: middle;
  padding-left:2%;
  font-family: 'M PLUS 1p', sans-serif;
  font-weight:500;
  color:#6A6A36;
  font-size:1.3em;
}

@media screen and (max-width: 900px) {
.onsen-ttl dt{
  width:15%;
  display: inline-block;
}

.onsen-ttl dd{
  display: block;
  padding-left:0;
}
}

@media screen and (max-width: 568px) {
.onsen-ttl dd{
  font-size:1.25em;
}
}

.onsen-list{
  width:100%;
  margin:0;
  text-align: center;
}

.onsen-list p{
  text-align: center;
  font-family: 'M PLUS 1p', sans-serif;
  font-weight:500;
  color:#6A6A36;
  font-size:1.4em;
  margin-bottom:5px;
}

.hokubu {
  display: inline-block;
  vertical-align: top;
  width:30.3333%;
  margin:0 1%;
}

.chubu {
  display: inline-block;
  vertical-align: top;
  width:34.3333%;
  margin:1%;
}

.nanbu {
  display: inline-block;
  vertical-align: top;
  width:29.3333%;
  margin:1%;
}


@media screen and (max-width: 1200px) {
.hokubu {
  display: inline-block;
  vertical-align: top;
  width:320px;
  margin:0 1%;
}

.chubu {
  display: inline-block;
  vertical-align: top;
  width:370px;
  margin:1%;
}

.nanbu {
  display: inline-block;
  vertical-align: top;
  width:310px;
  margin:1%;
}
}

@media screen and (max-width: 568px) {
.hokubu {
  display: block;
  width:100%;
  margin:2% 0;
}

.chubu {
  display: block;
  width:100%;
  margin:2% 0;
}

.nanbu {
  display: block;
  width:100%;
  margin:2% 0;
}
}

.bgo{
  width:100%;
  margin:0;
  position: relative;
  padding:0;
}

.bgo img{
  width:100%;
  height:auto;
}

.nakam{
  width:95%;
  position: absolute;
  top:20px;
  left:5%;
  right:0;
  bottom:0;
}

.onsen-list li{
  font-family: 'Roboto', sans-serif;
  color:#6A6A36;
  font-weight:400;
  margin:10px 0;
  text-align: left;
  
}

.onsen-list li a {  
  padding-left:30px;
  color:#6A6A36;
  background-size:25px 17px;
  background-position:0 center;
  background-repeat:no-repeat;
  background-image:url(../images/onsen.png);
  text-decoration:underline;
}

.onsen-list li a:hover { 
  text-decoration:none;
  color:#6A6A36;
}