@charset "utf-8";
@media screen and (min-width: 0px) and (max-width: 800px) {
#vacancy{
    display: none;
}
.map_txt{
	font-family:VDL-V7Mincho;
	font-size: 3.8vw;
	font-size: 4.5vw;
}

.c_logo{
    display: block;
    width: 20%;
    margin: 2% auto;
}

.top_photo:nth-child(1){
	background: url("../img/sp/top_visual1.jpg") no-repeat center center;
	background-size:cover;    
}
.top_photo:nth-child(2){
	background: url("../img/sp/top_visual2.jpg") no-repeat center center;
	background-size:cover;    
}
.top_photo:nth-child(3){
	background: url("../img/sp/top_visual3.jpg") no-repeat center center;
	background-size:cover;    
}
.top_photo:nth-child(4){
	background: url("../img/sp/top_visual4.jpg") no-repeat center center;
	background-size:cover;    
} 
    
#loading_text{
	position: absolute;
	left: 0 !important;
	top:50%;
	transform:translate(0,-50%);
	font-size: 5vw;
	font-size: 6vw;
    line-height: 8.43vw;
    color: #000;
    /*-webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;*/
    letter-spacing: 0vw;
    width:100%;
    text-align: center;
    font-weight: normal;
}
#op_video{
	position: absolute;
	left: 0;
	top:0;
	width:100%;
	height: 100%;
	background-size:cover;
}
#scroll_icon {
    position: absolute;
    right: 3.7%;
    bottom:inherit;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    font-size: 2.343vw;
    line-height: 7.5vw;
    color: #FFF;
    letter-spacing: 0;
    margin-bottom:4%;
    cursor: default;
}
#scroll_img{
	position:fixed;
    right: 4.7%;
    bottom:inherit;
	display: inline-block;
    margin-left: 7.8%;
    margin-top: 2.34%;
	width:3.28%;
	height:15.15%;
	background:url(../../img/sp/scroll.png) no-repeat left bottom;
	background-size:100% auto;
    animation: down 2s linear infinite;
	transform-origin:left top;
}
#top_page h1{
	position: absolute;
	left: 2.18%;
	top:24%;
	width:28.1%;
	padding-top:28.1%;
	height:auto;
	background-image:url(../../img/sp/logo.png),url(../../img/sp/logo_c.png);
	background-position:left top,left top;
	background-repeat:no-repeat,no-repeat;
	background-size:100% auto,0 0;
	overflow: hidden;
	transition:0.3s ease-in-out;
	text-indent:-9999px;
	opacity: 0;
}
#black_logo{
	position: absolute;
	left: 2.18%;
	top:24%;
	width:28.1%;
	padding-top:28.1%;
	height:auto;
	background:url(../../img/sp/logo_b.gif) no-repeat left top;
	background-size:100% auto;
	opacity:0;
	text-indent:-9999px;
}
#top_page .header_active #black_logo {
	width:15.3%;
	padding-top:15.3%;
	height:auto;
    text-indent: 0;
	left: 2.18%;
	top:9%;
	top:24%;
	opacity: 1;
    text-indent: -9999px;
}
#top_page .header_active h1 {
	width:15.3%;
	padding-top:15.3%;
    height: auto;
    text-indent: 0;
	left: 2.18%;
	top:9%;
	top:24%;
    opacity: 0;
    overflow: visible;
    text-indent: -9999px;
	background-image:url(../../img/sp/logo_c.png);
}
header {
    position: absolute;
    width: 100%;
    padding-top: 18.75%;
	height: auto;
    background: rgba(255,255,255,0);
}
#logo_text{
	position: absolute;
	left: 19.5%;
	top:33.3%;
	display: block;
	width:19%;
	padding-bottom:7.8%;
	background:url(../../img/sp/logo_text.png) no-repeat left top;
	background-size:100% auto;
	text-indent:-9999px;
	transition:0.3s;
	opacity: 0;
}
.logo_active{
	opacity: 1 !important;
}

.header_active {
    position: fixed;
    left: 0;
    top: 0;
    padding-top: 18.75%;
	height: auto;
	background: rgba(255,255,255,1);
    z-index: 100;
    border-bottom: solid 1px #ccc;
	overflow: hidden;
}
#reservation_btn {
    position: absolute;
    right: 3.125%;
    top: 70%;
    padding: 4.68%;
    line-height: 2.8125vw;
    text-align: center;
    color: #FFF;
    border: solid 1px #FFF;
    box-sizing: border-box;
    font-size: 2.8125vw;
	font-size: 3.5vw;
    letter-spacing: 0vw;
    cursor: pointer;
    background: rgba(255,255,255,0);
    transition: 0.3s;
}
#top_page .header_active #reservation_btn {
    right: 3.125%;
    top: 17%;
    padding: 4.68%;
    color: #000;
    border: solid 1px #ccc;
    backgounr: #FFF;
    letter-spacing: 0.2vw;
}
#reservation_btn2 {
    position: absolute;
    right: 3.1%;
    top: 16%;
    padding: 2.8% 9.3% 1.5%;
    line-height: 3.43vw;
    text-align: center;
    color: #FFF;
    box-sizing: border-box;
    font-size: 3.125vw;
    letter-spacing: 0vw;
    cursor: pointer;
    background: rgba(0,0,0,1);
    transition: 0.5s;
}
#reservation_btn2 span{
    display: block;
    line-height: 5vw;
    font-size:2.6vw;
    text-align: center;
}
#reservation_btn3 {
    position: relative;
    padding: 4.6% 28% 3.6%;
    line-height: 3.43vw;
    text-align: center;
    color: #FFF;
    box-sizing: border-box;
    font-size: 3.125vw;
    letter-spacing: 0vw;
    cursor: pointer;
    background: rgba(0,0,0,1);
    transition: 0.5s;
    margin-top: 0;
    margin-bottom: 20%;
}
#reservation_btn3 span{
    display: block;
    line-height: 5vw;
    font-size:2.6vw;
    text-align: center;
}

#lang {
    position: absolute;
    right: 3.125%;
    top: 26%;
/*    font-family: karmina, serif;*/
    font-size: 3.125vw;
    color: #FFF;
    letter-spacing: 2px;
    opacity: 1;
    transition: 0.3s;
}
#top_page h2 {
    position: absolute;
    left: 10%;
    top: 33%;
    font-size: 3.43vw;
    line-height: 5.8vw;
    letter-spacing: 0vw;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
	transform-origin:left top;
	/*transform:scale(1.5) translateX(10%);*/
	text-shadow: 0px 0px 1px #000;
    font-weight: normal;
}
    
#h2_title_tsukihi{
    position: relative;
    top: 40%;
    margin-top: 0;
    margin-left: 32.5%;
    width: 35%;
    padding-top: 30%;
    background: url(../img/logo_b.png) no-repeat left top;
    z-index: 1;
    background-size: 100% auto;
    left: 0;
}
#h2_title_asahi{
    position: relative;
    top: 40%;
    margin-top: 0;
    margin-left: 27.5%;
    width: 45%;
    padding-top: 30%;
    background: url(../../asahi_house/img/logo_b.png) no-repeat left top;
    z-index: 1;
    background-size: 100% auto;
    left: 0;
}
#h2_title_yuhi{
position: relative;
    top: 40%;
    margin-top: 0;
    margin-left: 27.5%;
    width: 45%;
    padding-top: 30%;
    background: url(../../yuhi_house/img/logo_b.png) no-repeat left top;
    z-index: 1;
    background-size: 100% auto;
    left: 0;
}
    #h2_title_ieno{
    position: relative;
    top: 40%;
    margin-top: 0;
    margin-left: 32.5%;
    width: 35%;
    padding-top: 30%;
    background: url(../../ieno_house/img/logo_b.png) no-repeat left top;
    z-index: 1;
    background-size: 100% auto;
    left: 0;
}
#h2_title_meguru{
    position: relative;
    top: 40%;
    margin-top: 0;
    margin-left: 32.5%;
    width: 35%;
    padding-top: 30%;
    background: url(../../meguru_house/img/logo_b.png) no-repeat left top;
    z-index: 1;
    background-size: 100% auto;
    left: 0;
}
#h2_title_someno{
    position: relative;
    top: 40%;
    margin-top: 0;
    margin-left: 27.5%;
    width: 45%;
    padding-top: 30%;
    background: url(../../someno_house/img/logo_b.png) no-repeat left top;
    z-index: 1;
    background-size: 100% auto;
    left: 0;
/*
    position: relative;
    top: 40%;
    margin-top: 0;
    margin-left: 32.5%;
    width: 35%;
    padding-top: 30%;
    background: url(../../someno_house/img/logo_b.png) no-repeat left top;
    z-index: 1;
    background-size: 100% auto;
    left: 0;
*/
}
#h2_title_noboru{
    position: relative;
    top: 40%;
    margin-top: 0;
    margin-left: 32.5%;
    width: 35%;
    padding-top: 30%;
    background: url(../../noboru_house/img/logo_b.png) no-repeat left top;
    z-index: 1;
    background-size: 100% auto;
    left: 0;
}    
    
    
    
    
    
    
    
    
    
    
    
#h2_text{
	font-size:5vw;
	color: #FFF;
	text-align: center;
	margin-top:2%;
}   
.en_name{
	font-size:2.1vw;
	color: #cccccc;
	display: block;
	text-align: center;
	margin-top:-2%;
}
.area_name{
	font-size:3.125vw;
	color: #FFF;
	display: block;
	text-align: center;
	margin-top:2.3%;
}

    
	
#up_icon {
    position: fixed;
    right: 4.7%;
    bottom: 3%;
    padding-left: 0;
    cursor: pointer;
	width:3.28%;
	height:15.15%;
	background:url(../../img/sp/upicon.png) no-repeat left bottom;
	background-size:100% auto;
    animation: up 2s linear infinite;
    transform-origin: left bottom;
    display: none;
}	
	
	

	
footer {
	height: auto;
}
	
#footer_cn {
    position: relative;
    width: 100%;
	display: block;
    margin: 0 auto;
    padding-top: 9.3%;
    font-size: 2.8vw;
    font-size: 3.5vw;
	letter-spacing: 0vw;
    line-height: 5vw;
}
#footer_logo{
	margin: 0 31.25% 9.3%;
}
#footer_logo img{
	width:100%;
}
#footer_link1{
	margin: 0 5%;
	border: none;
	border-top:solid 1px #cccccc;
	border-bottom:solid 1px #cccccc;
	padding:7% 0;
    line-height: 6.2vw;
}	
#footer_link1 p{
	margin: 0;
	margin-left: 7%;
	margin-left: 5%;
}
#footer_link1 span {
    transform: rotate(-90deg) translate(0.2vw,-2vw);
    display: inline-block;
    font-size: 1.5vw;
}
#footer_info{
	margin: 0 5%;
	padding-bottom:7%;
	padding-top:7%;
	border-bottom:solid 1px #cccccc;
}
#footer_info p{
    line-height: 6.2vw;
	margin-top:0;
	margin-left: 5%;
}
.footer_cn{
	padding: 0;
}

#footer_cn2 {
    position: relative;
    display: block;
    margin-top:9%;
}	
#lang2 {
/*    font-family: karmina, serif;*/
    font-size: 2.81vw;
    line-height: 5.93vw;
    color: #000;
	letter-spacing: 0vw;
    margin-left: 0;
    text-align: center;
}	
address {
	letter-spacing: 0vw;
    font-size: 2.5vw;
    line-height: 5.93vw;
    margin-right: 0;
    text-align: center;
	margin-top:7%;
	padding-bottom:7%;
}	
	

	
#introduction{
	osition: relative;
    widht: 100%;
    background: #FFF;
	height: inherit;
    /* overflow: auto; */
    -webkit-overflow-scrolling: touch;
}
#introduction .scroll_anim{
	position: relative;
	width:100%;
}
#intro_text{
    position: relative;
    width: 80%;
    margin: 0 10% 0;
	width: 87.75%;
    margin: 0 6.125% 0;
    top: 0;
    padding: 0;
    min-width: inherit;
    max-width: inherit;
    padding-top: 15%;
    padding-bottom: 15%;
}
#intro_text h3{
	/*position: relative;*/
    right: 6%;
    top: 0;
    font-size: 4.6vw;
    font-size: 6vw;
    line-height: 8.03vw;
    color: #000;
    letter-spacing: 0vw;
    font-weight: normal;
    left: 0;
}
#intro_text p{
	/*position: relative;*/
    right: 0;
    top: 0;
    font-size: 3.5vw;
    font-size: 4.5vw;
    line-height: 7.4vw;
	line-height: 8.5vw;
    color: #000;
    letter-spacing: 0vw;
    width: 100%;
    left: 0;
}	
.intro_sp1{
	position: absolute;
	right:21%;
}
.intro_sp2{
	position: absolute;
	right:58%;
}

    
#howto{
	position: relative;
	width:100%;
	padding-bottom:10%;
}
#howtobg{
	position: absolute;
	width:100%;
	height:100%;
	background: url("../../img/wa.jpg") repeat left top;
	left:0;
	top:0;
}
#howto h2{
	position: relative;
    margin: 0 auto;
    font-size: 5.31vw;
    color: #000;
    text-align: center;
    line-height: 3.43vw;
    padding-top: 18.6%;
    padding-bottom: 10%;
    letter-spacing: 0vw;
    font-weight: 500;
}
#howto h2 .en_name{
	font-size: 2.5vw;
    color: #999999;
    margin: 0 auto;
    /* font-family: karmina, serif; */
    font-weight: 400;
    letter-spacing: 0vw;
    line-height: 8vw;
}
.howto{
	position: relative;
	width:auto;
	margin: 0 3.125%;
}
.howto_img{
	position:relative;
	width:100%;
    height: 0;
	padding-top: 67.4%;
	background: #DDD;
    background-size:100% auto;
}
.howto:nth-child(2) .howto_img{
	background: url("../img/sp/howto1.jpg") no-repeat center center;
    background-size:100%;
}
.howto:nth-child(3) .howto_img{
	background: url("../img/sp/howto2.jpg") no-repeat center center;
    background-size:100%;
}
.howto:nth-child(4) .howto_img{
	background: url("../img/sp/howto3.jpg") no-repeat center center;
    background-size:100%;
}
.howto:nth-child(5) .howto_img{
	background: url("../img/sp/howto4.jpg") no-repeat center center;
    background-size:100%;
}
.howto:nth-child(6) .howto_img{
	background: url("../img/sp/howto5.jpg") no-repeat center center;
    background-size:100%;
}
.howto_text {
    width: auto;
    background: #FFF;
    font-size: 3vw;
    line-height: 6.9vw;
    text-align: left;
    margin-bottom: 12.5%;
    padding: 0 5% 10%;
    display: inline-block;
    white-space: normal;
}
.howto_text .h {
    text-align: left;
    font-size: 4.375vw;
    padding: 10% 0 4.6%;
    display: block;
    white-space: normal;
    width: 100%;
}
    
    
#room{
	position: relative;
	width:100%;
	background: #FFF;
	padding: 0 0 12%;
}
.room_wrap{
	display:block;
	justify-content: center;
	width:auto;
	margin: 0 3.125%;
}
.room_detail{
	width:100%;
	margin: 0;
}
.room_photo{
	width:100%;
	padding-top: 67.4%;
    height: 0;
	background: #CCC;
}
.room_text{
    font-size: 3vw;
    font-size: 4vw;
    line-height: 6vw;
	white-space:normal;
	margin:3.125% 3% 9.375%;
	letter-spacing: 0vw;
}
.room_wrap:nth-child(1) .room_detail:nth-child(1) .room_photo{
	background: url(../img/room1.jpg) no-repeat left top;
	background-size:cover;
}
.room_wrap:nth-child(1) .room_detail:nth-child(2) .room_photo{
	background: url("../../../img/howto_f.jpg") no-repeat left top;
	background-size:cover;
}
.room_wrap:nth-child(2) .room_detail:nth-child(1) .room_photo{
	background: url(../img/room3.jpg) no-repeat left top;
	background-size:cover;
}
.room_wrap:nth-child(2) .room_detail:nth-child(2) .room_photo{
	background: url(../img/room4.jpg) no-repeat left top;
	background-size:cover;
}
.room_wrap:nth-child(3) .room_detail:nth-child(1) .room_photo{
	background: url(../img/room5.jpg) no-repeat left top;
	background-size:cover;
}
.room_wrap:nth-child(3) .room_detail:nth-child(2) .room_photo{
	background: url(../img/room6.jpg) no-repeat left top;
	background-size:cover;
}    
.room_wrap:nth-child(4) .room_detail:nth-child(1) .room_photo{
	background: url(../img/room7.jpg) no-repeat left top;
	background-size:cover;
}
.room_wrap:nth-child(4) .room_detail:nth-child(2) .room_photo{
	background: url(../img/room8.jpg) no-repeat left top;
	background-size:cover;
}   
.room_wrap:nth-child(5) .room_detail:nth-child(1) .room_photo{
	background: url(../img/room9.jpg) no-repeat left top;
	background-size:cover;
}
.room_wrap:nth-child(5) .room_detail:nth-child(2) .room_photo{
	background: url(../img/room10.jpg) no-repeat left top;
	background-size:cover;
}    
    
    
    
#facilities{
	position: relative;
	width:100%;
	padding-bottom:20%;
}
#facilities h2{
	position: relative;
    margin: 0 auto;
    font-size: 5.31vw;
    font-size: 6.31vw;
    color: #000;
    text-align: center;
    line-height: 3.43vw;
    padding-top: 18.6%;
    padding-bottom: 10%;
    letter-spacing: 0vw;
    font-weight: normal;
}
#facilities h2 .en_name{
	font-size: 2.5vw;
    color: #999999;
    margin: 0 auto;
    /* font-family: karmina, serif; */
    font-weight: 400;
    letter-spacing: 0vw;
    line-height: 8vw;
}
#facilities_wrap{
    position: relative;
    width: auto;
    margin: 0 3.12%;
    background: #FFF;
}
.facilities_title{
	height:auto;
	width:auto;
	margin:0;
	padding: 4.6% 0;
	background:rgba(0,0,0,1) url(../img/sp/down_icon.png) no-repeat 94% center;
	background-size:2.5% auto;
	color:#FFF;
	font-size:3.75vw;
	font-size:4vw;
    line-height: 7.0312vw;
	text-align:left;
	padding-left:6.25%;
	cursor:pointer;
	border-bottom: solid 1px #FFF;
    position: relative;
    left: 0;
    top:0;
}
.facilities_text{
	padding:6.2% 0 15%;
    font-size: 3.5vw;
    font-size: 4vw;
    line-height: 5.62vw;
    margin: 0 6.2% 0;
    text-align: left;
    white-space: normal;
    display: none;
	letter-spacing: 0.1vw;
}
.facilities_text span{
    white-space: normal;
}
.facilities_ta{
	display:none;
}
.title_ta{
    padding: 4.6% 0 !important;
	background:rgba(0,0,0,1) url(../img/sp/up_icon.png) no-repeat 94% center !important;
    background-size:2.5% auto !important;
    color: #FFF !important;
    padding-left:6.25% !important;
}
.facilities_title:nth-child(1){
	left: 0;
}
.facilities_title:nth-child(3){
	left: 0;
}
.facilities_title:nth-child(5){
	left: 0;
}
.facilities_title:nth-child(7){
	left: 0;
}
    

    
#access{
	position: relative;
	width:100%;
	padding-bottom:7%;
}
#access_wrap h2{
	position: relative;
    margin: 0 auto;
    font-size: 5.31vw;
	font-size: 6.31vw;
    color: #000;
    text-align: center;
    line-height: 3.43vw;
    padding-top: 18.6%;
    padding-bottom: 10%;
    letter-spacing: 0vw;
    font-weight: normal;
}
#access_wrap h2 .en_name{
	font-size: 2.5vw;
    color: #999999;
    margin: 0 auto;
    /* font-family: karmina, serif; */
    font-weight: 400;
    letter-spacing: 0vw;
    line-height: 8vw;
}
#access_wrap{
    position: relative;
    width: auto;
    margin: 0 3.12%;
    background: #FFF;
}


#access_info{
	display:block;
	width:auto;
	margin:0 3.12% 3.12%;
}
#gmap{
	width:100%;
	height: auto;
	background:#F0F0F0;
}
#gmap iframe{
	width:100%;
	height: 100%;
}
#access_text{
	width:auto;
	height:auto;
	margin:3.12% 0 0 0;
	margin-left:0;
	padding: 2% 0;
}
#access_text p{
	font-size:3.5vw;
	font-size:4vw;
    line-height: 7.0312vw;
	margin: 0;
	padding: 6.25%;
	letter-spacing: 0vw;
}

#reservation{
	position: relative;
	width:100%;
	padding-bottom:10%;
}
#reservation_wrap h2{
	position: relative;
    margin: 0 auto;
    font-size: 5.31vw;
    font-size: 6.31vw;
    color: #000;
    text-align: center;
    line-height: 3.43vw;
    padding-top: 18.6%;
    padding-bottom: 10%;
    letter-spacing: 0vw;
    font-weight: normal;
}
#reservation_wrap h2 .en_name{
	font-size: 2.5vw;
    color: #999999;
    margin: 0 auto;
    font-weight: 400;
    letter-spacing: 0vw;
    line-height: 8vw;
}
#reservation_wrap{
    position: relative;
    width: auto;
    margin: 0 3.12%;
    background: none;
}
#reservation_text{
	position:relative;
	width:100%;
	margin:0 auto 15.6%;
	padding-bottom:0;
}
.re_btn{
    height: auto;
    width: auto;
    margin: 0;
    padding: 4.6% 0;
    background: rgba(0,0,0,1) url(../img/sp/down_icon.png) no-repeat 94% center;
    background-size: 2.5% auto;
    color: #FFF;
    font-size: 3.75vw;
    font-size: 4vw;
    line-height: 7.0312vw;
    text-align: left;
    padding-left: 6.25%;
    cursor: pointer;
    border-bottom: solid 1px #FFF;
    position: relative;
    left: 0;
    top: 0;
}
.re_btn:hover{
	opacity:1;
}
.re_btn:nth-child(3){
	position:relative;
	left: 0;
	top:0;
}
.re_btn:nth-child(5){
	position:relative;
	left: 0;
	top:0;
}
.re_btn:nth-child(7){
	position:relative;
	left: 0;
	top:0;
}

.re_target{
	background:rgba(0,0,0,1) url(../img/sp/up_icon.png) no-repeat 94% center;
	background-size:2.5% auto;
	color:#FFF;
	cursor:default;
}
.re_target:hover{
	opacity:1;
}
.re_text span{
	display: block;
	font-size:3.5vw;
	font-size:4vw;
	line-height:5.62vw;
	margin:0 6.2% 0;
	text-align:left;
	white-space:normal;
	letter-spacing: 0vw;
}
.re_text{
	border-bottom:solid 1px #FFF;
	display:none;
	padding:6.2% 0 12%;
	margin: 0;
}

.re_text_traget{
	display:none;
} 

.howto_text span {
    display: inline;
    white-space: normal;
}    
.bg_roop{
	position:fixed;
	width:100%;
	height:100% !important;
	background: url("../../img/wa.jpg") repeat left top;
	left:0 !important;
	top:0 !important;
}
	
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
}