@charset "utf-8";
/* CSS Document */


/*********************************
              全体
*********************************/	

#wrapper {
	width: 100%;
	max-width: 780px;
	margin: 5% auto;
	display: block;
	color: #333;
	text-align: center;
}
#wrapper img {
	width: 100%;
}
#wrapper a {
	text-decoration: none;
}
#wrapper a:link {
	color: #333;
} 
#wrapper a:visited {
	color: #333;
	} 
#wrapper a img:hover {
	opacity: 0.8;
	filter: alpha(opacity=85);
	-ms-filter: "alpha(opacity=85)";
}

#wrapper .position_r {
    position: relative;
}
#wrapper .position_a {
    position: absolute;
}


/*********************************
           表示・非表示
*********************************/	
 
  /*スマホで改行・表示*/
#wrapper .sp {display:block;}	
#wrapper .pc { display:none;}

	
/*PCのみ表示*/	
@media screen and (min-width:660px){
#wrapper .sp { display:none; }
#wrapper .pc {display:block;}
}
#wrapper .pc_pic { display: block !important; }
#wrapper .sp_pic { display: none !important; }	



/*********************************
           メインエリア
*********************************/


/*top_view*/	

#wrapper .top_view {
    margin-top: 7%;
}
	
#wrapper .con_txt {
    margin: 7% 0 5% 0;	
    font-size: 3.3vw;
	letter-spacing: 0.14vw;
    line-height: 5.5vw;	
	text-align: center;
}


/*ルームウェア*/

#wrapper .room_otona, .room_kids {
    margin: 5% 0% 7%;
}

#wrapper .otona_box, .kids_box {
    margin: 13% 0 6% 0;
}

#wrapper .otona_img, .kids_img {
}

#wrapper .otona_tit {
    width: 70%;	
    top: 3.6%;
    left: 14.8%;
}
#wrapper .kids_tit {
    width: 35%;
    top: 3.9%;
    left: 33.8%;
}

#wrapper .moji {
    letter-spacing: 0.13vw;
}

#wrapper .txt01, .txt02, .txt03, .txt04 {
    font-size: 3.0vw;
	line-height: 3.5vw;
}

#wrapper .txt01 {
    top: 91.3%;
    left: 5.8%;
}
#wrapper .txt02 {
    top: 91.1%;
    left: 6.5%;
}
#wrapper .txt03 {
    top: 84.7%;
    /*left: 4.4%;*/
}
#wrapper .txt04 {
	top: 86.1%;
	left: 0.3%;
}
#wrapper .link_box_01 {
	margin-bottom: 7%;
}

#wrapper .name {
    font-size: 3.8vw;
    margin-bottom: 3%;
}

#wrapper .price {
    margin-bottom: 3%;
}

#wrapper .btn {
	margin: 0 auto;
    width: 55%;
}


/*logo*/

#wrapper .logo {
	margin: 0 auto;
    display: block;
	width: 73%;
}

#wrapper .gap {
    margin: 8% 0 22%;
}


/*********************************
            PC用指示
*********************************/

@media (min-width: 768px) {
#wrapper {
	max-width: 770px;
	margin: 3% auto 0;
}
#wrapper .sp {
    display: none;
}
#wrapper .pc {
    display: block;
}	
	

/*********************************
           メインエリア
*********************************/
	
/*top_view*/	

#wrapper .con_txt {
    margin: 9% 0 18% 0;
    font-size: 2.3rem;
    letter-spacing: 0.16rem;
    line-height: 4.5rem;
}	
		
	
/*ルームウェア*/
	
#wrapper .otona_tit {
	width: 61%;
    top: 4%;
    left: 19.5%;
}

#wrapper .kids_tit {
    width: 29%;
	top: 4.2%;
    left: 35.5%;
}				
	
#wrapper .moji {
    letter-spacing: 0.15rem;
	line-height: 2.5rem;
}		
	
#wrapper .txt01, .txt02, .txt03, .txt04 {
    font-size: 1.9rem;
    line-height: 3.1rem;
}	
#wrapper .txt01 {
    top: 90.7%;
    left: 12.1%;
}
#wrapper .txt02 {
    top: 90.6%;
    left: 13.8%;
}
#wrapper .txt03 {
	top: 84.7%;
    /*left: 12.1%;*/
}
#wrapper .txt04 {
	top: 85.9%;
	left: 2.8%;
}	

#wrapper .link_box_01 {
    margin: 8% 0 22% 0;
}

#wrapper .link_box_02 {
    margin: 8% 0 12% 0;
}
	
#wrapper .name {
    font-size: 2.2rem;
}	
	
#wrapper .btn {
    width: 45%;
}		
}