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

*{
	margin: 0;
	padding: 0;
}

a{
	colro: #999;
	text-decoration: none;
}

a:visited{
	color: #999;
}

a[href^="tel:"] {
	pointer-events: none;
	color: #999;

}

table{
	border-collapse: collapse;
}


body{
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-box-shadow: none;
	box-shadow: none;
	outline: none;
	letter-spacing: 0.1em;
}

/*詳細ページ共通---*/

#stay p.pstext{
	margin-bottom: 30px;
}

.more_detail{
	text-align: right;
}

.more_detail a{
	color: #999;
	text-decoration: underline;
}

	main#more-detail article ul li span{
		display: block;
		line-height: 1.5;
		background-color: #D2D6D9;
		color: #2D1C11;
	}

	main#more-detail article .photo_info ul.rental{
		list-style-type: disc;
		margin: 0 auto;
	}
	
	main#more-detail article .photo_info ul.rental li{
		box-sizing: border-box;
		text-align: left;
		vertical-align: bottom;
		line-height: 1;
		border-bottom: #636363 1px dotted;
	}

	main#more-detail article .photo_info ul.rental li{
		list-style-position: inside;
	}

	main#more-detail article .photo_info dl dt:before{
		content: "●";
	}
	
	main#more-detail article .photo_info dl dt{
		margin-top: 20px;
	}

	main#more-detail article .photo_info dl dt:first-of-type{
		margin-top: 0;
	}
	
	main#more-detail article .photo_info dl dd{
		margin-left: 14px;
		margin-bottom: 10px;
	}

	p.front-tel img{
		width: 100%;
		height: auto;
	}

	main{
		position: relative;
	}


	#inquiry-btn {
		z-index: 120;
		position: fixed;
		bottom: -70px;
		left: 10%;
		width: 280px;
		overflow: hidden;
		transition: all 300ms 0s ease;
	}

	#inquiry-btn img{
		width: 280px;
		height: auto;
	}

	.inquiry-scroll-move{
		transform: translateY(-80px);

	}
/* PCスタイル ------------------------------------------------*/
@media screen and (min-width: 960px){
	header{
		position: fixed;            /* ヘッダーの固定 */
		top: 0px;                   /* 位置(上0px) */
		left: 0px;                  /* 位置(右0px) */
		width: 100%;
		height: 100px;
		background-image: url("../images/header-back.gif");
		background-repeat: repeat-x;
		z-index: 99;
	}

	#headerinner{
		width: 100%;
		max-width : 1800px;  /*1200px*/
		margin: 0 auto;
		height: 62px;
		position: relative;
	}

	.logo{
		text-align: left;
		height: 62px;
	}

	.logo img{
		height: 38px;
		width: auto;
		margin-top: 12px;
	}
	
	.menu_button,.book-now{
		display: none;
		}
	
	.book_btn{

		position: absolute;
		top: 17px;
		right: 30px;
		color: #FFF;
	}

	.book_btn span{

		margin-right: 15px;
		margin-left: 5px;
		color:olivedrab;
	}

	.book_btn span a{

		color: #FFF;
	}
	
    .book_btn img{
        height: 25px;
        width: auto;
        vertical-align: middle;
    }


/*メインNavi*/
	nav.nav{
		height: 38px;
		width: 100%;
		margin: 0;
		text-align: center;

		background-color: #FFF;
		padding: 0 10px;

	}

	nav ul{
		margin: 0 auto;
		font-size: 16px;
		color:  #280B0B;
	}

	nav ul li{
		padding-top: 12px;	
		display: inline-block;

	}

	nav ul li a,nav ul li a:visited{
		color:  #280B0B;
	}

	nav ul li a:hover{
		color:  #774343;
	}


	nav ul li.menu:after{
		content: "|";
		color: #CCC;
		margin-left: 20px;
		margin-right: 20px;
	}
	
/*Slide‐show*/
	.slider-outside{
			margin-top: 100px;
		}

	

	
/*main*/
	main{
			width: 90%;
			max-width: 1200px;
			margin: 0 auto;
			padding: 10px;
		/*	border: solid 1px #999;*/
			font-size: 13px;
		}
	

/* スライド戻るボタンスタイル*/
	#scroll-btn {
		z-index: 120;
		position: fixed;
		bottom: 50px;
		right: -60px;
		width: 50px;
		overflow: hidden;
		transition: all 300ms 0s ease;
	}

	#scroll-btn img{
		width: 100%;
		height: auto;
	}

	.scroll-move{
		transform: translateX(-70px);

	}
	article{
		margin-top: 100px;
	}

	main article:first-of-type{
		margin-top: 0;
	}


	article h1{
		margin-bottom:  20px;
		clear: both;
	}

	article h1 span{
		padding: 0 10px 0 0;
		border-bottom: solid 1px #999;
	}
	
	div#banner{
		width: 70%;
		margin: 20px auto;
	}
	
	div#banner img{
		width: 100%;
		height: auto;
	}
	
/* ショートステイスタイル ------------------------------------- */

	#stay .banner1{
		width: 60%;
		max-width: 200px;
		margin: 5px auto 50px;
		border: solid 2px #aa0000;
		text-align: center;
		background-color: #CC0000;
		color: #FFF;
		padding-top: 4px;
/* 角丸(Firefox)
---------------- */
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
/* Webkit
---------------- */
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;

	khtml-border-top-left-radius: 5px;
	khtml-border-top-right-radius: 5px;
	khtml-border-bottom-left-radius: 5px;
	khtml-border-bottom-right-radius: 5px;

	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	}
	
	#stay table{
		width: 100%;
		max-width: 400px;
		margin: 0 10px 10px;
	}
	
	#stay table td{
		/*width: 50%;*/
		font-size: 14px;
		padding-left: 20px;
		border-bottom: solid 1px #999;
	}
		
/*　部屋・設備画像　-------------------------------------------*/
	.photo_left{
		width: 46%;
		max-width: 550px;
		overflow: hidden;
		float: left;
	}

	.photo_left img{
		width: 100%;
		height: auto;
	}
	
	.photo_right{
		width: 46%;
		max-width: 550px;
		overflow: hidden;
		float: right;
	}

	.photo_right img{
		width: 100%;
		height: auto;
	}
	
	.info_text{
		width: 41%; 
		max-width: 500px;
		float: left;
		margin-left: 40px;
	}

	.info_text h2{
		font-weight: normal;
	}

	.info_text h3{
		font-weight: normal;
	}


	.info_text-r{
		width: 30%;
		max-width: 400px;
		float: right;
		margin-right: 40px;
	}

	.info_text h2,.info_text-r h2{
		font-weight: normal;
	}

	.info_text h3,.info_text-r h3{
		font-weight: normal;
	}
	
/*------------------------------------------*/
	.cate-photo{
		width: 100%;
		max-width: 800px;
		padding: 0 ;
		clear: both;
		overflow: hidden;
		margin: 50px auto;
	}
	
	.cate-photo img{
		width: 100%;
		height: auto;
	}
	

	
	.loca-info{
		clear: both;
		width: 100%;
		max-width: 220px;
		margin: 20px auto;
	}
	
	.loca-info img{
		width: 12px;
		height: auto;
		margin:0 5px;
	}
	
	#access_map .left-img{
		width: 100%;
		max-width: 800px;
		clear: both;
		margin: 50px auto;
	}
	
	#access_map .left-img img{
		width: 100%;
		height: auto;
	}
	
	#access_map .right-info{
		clear: both;
		width: 100%;
		max-width: 430px;
		margin: 20px auto;
	}
	
	#access_map .right-info li{
		margin-bottom: 10px;
		list-style-position: inside;
	}
	
	#access_map .address{
		list-style-type: none;
		margin: 20px auto 0;
		text-align: center;
		border: solid 1px #113701;
		width: 70%;
		max-width: 420px;
	
	}
	
	.googlemap{
		width: 35%;
		max-width: 450px;
		margin: 10px auto 0;
		border: solid 2px #0b1430;
		text-align: center;
		background-color: #030753;
		color: #FFF;
		padding-top: 4px;
/* 角丸(Firefox)
---------------- */
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
/* Webkit
---------------- */
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;

	khtml-border-top-left-radius: 5px;
	khtml-border-top-right-radius: 5px;
	khtml-border-bottom-left-radius: 5px;
	khtml-border-bottom-right-radius: 5px;

	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	}
	
	.googlemap a{
		color: #FFF;
	}
	
	.qalist{
		margin-top: 30px;
		width: 100%;
		max-width: 1000px;
	}
	
	.qalist dt{
		font-weight: bold;
	}
	
	.qalist dd{
		margin-left: 14px;
		margin-bottom: 15px;
	}
	
	.qalist dd.qabtn{
		width: 30%;
		max-width: 200px;
		margin-left: auto;
		margin-right: auto;
	}
	
	.qabtn img{
		width: 100%;
		height: auto;
	}

	
	p.front-tel{
		width: 35%;
		margin:20px auto;
	}



	footer{
		margin-top: 50px;
		width: 100%;
		background-color: #0b1430;
		color: #FFF;
		text-align: center;
		font-size: 12px;
		padding: 5px 0;
		

	}
	
	footer img{
		width: 10%;
		height: auto;
	}

	
/* Activity-------------------------------------------------*/

	.photo_act{
		width: 25%;
		max-width: 300px;
		padding: 0 4%;
		float: left;
		overflow: hidden;
	}

	.photo_act img{
		width: 100%;
		height: auto;
	}
	
	.photo_act h3{
		font-weight: normal;
		font-size: 0.97vw;
		padding: 5px;
		text-align: center;
		background-color: lightgrey;
	}

/*ルーム詳細ページ用 -----------------------*/
/*詳細べーじ用mainのマージントップ*/
	main#more-detail{
		margin-top: 100px;
	}

	main#more-detail article{
		width: 70%;
		max-width: 800px;
		margin-right: auto;
		margin-left: auto;
		overflow: hidden;
	}
	
	main#more-detail article h1{
		margin-top: 100px;
	}
	
	main#more-detail article h1:first-of-type{
		margin-top: 30px;
	}
	
	main#more-detail article ul{
		list-style-type: none;
	}
	
	main#more-detail article ul li{
		width: 50%;
		max-width: 400px;
		text-align: center;
		vertical-align: middle;
		line-height: 0;
		float: left;
		margin-bottom: 10px;
	}
	
	main#more-detail article ul li img{
		width: 98%;
		max-width: 390px;
		margin: 0;
		padding: 0;
		height: auto;

	}
	
	main#more-detail article ul li span{
		width: 98%;
		max-width: 390px;
		margin-left: auto;
		margin-right: auto;
		padding: 5px 0;
	}

	main#more-detail article .pict,main#more-detail article .photo_info{
		margin-top: 30px;
	}

	main#more-detail article .photo_info{
		clear: both;
	}
	
	main#more-detail article .photo_info p{
		line-height: 2em;
	}
	
	main#more-detail article .photo_info ul.rental{
		width: 80%;
		max-width: 800px;
	}
	
	main#more-detail article .photo_info ul.rental li{
		width: 44%;
		margin: 5px 0;
	}
	
	main#more-detail article .photo_info ul.rental li:nth-child(odd){
		margin-right: 10%;
	}
	
	
	
	main#more-detail article .photo_info table{
		border-collapse: collapse;
		margin: 20px auto 50px;
		width: 50%;
		max-width: 400px;
	}
	
	main#more-detail article .photo_info table td{
		border-bottom: #636363 1px dotted;
		padding: 10px 5px 0;
	}
	
	main#more-detail article .photo_info table td:nth-child(even){
		text-align: right;
	}
	
	
	main#more-detail article .pict ul li{
		width: 20%;
		max-width: 160px;
		float: left;
		overflow: hidden;
		text-align: center;
		padding: 5px 0 5px;
	}
	
	main#more-detail article .pict ul li img{
		width: 70%;
		max-width: 150px;
		height: auto;
	}
}


/*--------------------------------------------------------------*/
@media screen and (min-width: 960px) and (max-width: 1100px){
	
	nav ul{
		font-size: 15px;
	}


	nav ul li.menu:after{
		margin-left: 5px;
		margin-right: 5px;
	}
	
	p.front-tel{
		width: 35%;
		margin:20px auto;
	}


		
}

/* タブレット用スタイル -------------------------------------------*/
@media screen and (max-width: 960px){
	
header{
	height: 80px;
	position:  fixed;
	color: white;
	width:  100%;
	z-index:  1000;
	top: 0;
}

header #headerinner{
	height: 50px;
	width: 100%;
	position: relative;
	background-color: #0b1430;
}

header .logo{
	width: 65%;
	heigth: 100%;
	float: left;
	text-align: center;
	font-size: 24px;
}

header .menu_button{
	float: right;
	width: 50px;
	height: 100%;
	text-align: center;
}

header .logo span{
	line-height: 50px;

}


header .logo img{
	height: 35px;
	width: auto;
	vertical-align: middle;
	margin-right: 10px;
}

header .menu_button span{
	display: block;
	border-top: solid 1px #FFF;
	width: 30px;
	height:5px;
	margin: 0 auto;
}

header .menu_button span:first-child{
	margin-top: 20px;
}

#headerinner nav{
	position: absolute;
	top: 100%;
	background-color: #0F1C42;
	color: white;
	width: 100%;

}

header nav ul li{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

header nav ul li:first-child{
	border-top: solid 1px white;
}


header nav ul li a:visited{
	color:white;
}

header nav ul li{
	border-bottom: solid 1px white;
	text-align: center;
	
}

header nav ul li a{
	color: white;
	text-decoration: none;
	display: block;
	line-height: 100%;
	padding: 1em;

}

header .book-now{
    font-display: auto;  /* 追加 */
    
	color: olivedrab;
	height: 30px;
	clear: both;
	background-color:  #FFF;
	border-bottom: solid 1px #0b1430;

}

header .book-now span{
	float: right;
	height: 24px;
	padding: 5px 8px 0 8px;

}

header .book-now span a{
	display: block;
	color: #331414;
	text-decoration: none;
}

header .book-now img{
		height: 25px;
		width: auto;
		margin-top: -3px;
}

.menu_button,.book-now{
	display: block;
	}

	.book_btn,nav{
		display: none;
	}
	
	
	
/*Slide‐show*/
	.slider-outside{
			width: 100%;
			margin-top: 80px;
		}
	
	
/*main*/
		main{
			width: 100%;
			box-sizing: border-box;
			margin: 0 auto;
			padding: 10px;
	/*		border: solid 1px #999; */
			font-size: 13px;
			overflow: hidden;
			line-height: 1.7em;
			
		}



/*ページトップへ戻るボタン*/
	#scroll-btn {
		z-index: 120;
		position: fixed;
		bottom: 100px;
		right: -60px;
		width: 50px;
		overflow: hidden;
		transition: all 300ms 0s ease;
	}

	#scroll-btn img{
		width: 100%;
		height: auto;
	}

	.scroll-move{
		transform: translateX(-70px);
	}
	


	article{
		margin-top: 100px;
	}

		main article:first-of-type{
		margin-top: 0;
	}


	article h1{
		margin-bottom:  20px;
		clear: both;
	}

	article h1 span{
		padding: 0 10px 0 0;
		border-bottom: solid 1px #999;
	}

	
	div#banner{
		width: 70%;
		margin: 20px auto;
	}
	
	div#banner img{
		width: 100%;
		height: auto;
	}
/* ショートステイスタイル ------------------------------------- */

	#stay .banner1{
		width: 60%;
		max-width: 200px;
		margin: 5px auto 50px;
		border: solid 2px #aa0000;
		text-align: center;
		background-color: #CC0000;
		color: #FFF;
		padding-top: 4px;
/* 角丸(Firefox)
---------------- */
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
/* Webkit
---------------- */
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;

	khtml-border-top-left-radius: 5px;
	khtml-border-top-right-radius: 5px;
	khtml-border-bottom-left-radius: 5px;
	khtml-border-bottom-right-radius: 5px;

	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	}
	
	#stay table{
		width: 100%;
		max-width: 400px;
		margin: 0 10px 10px;
	}
	
	#stay table td{
		/*width: 50%;*/
		font-size: 14px;
		padding-left: 20px;
		border-bottom: solid 1px #999;
	}
	
/*　部屋・設備画像　-------------------------------------------*/
	
	
	
	.photo_left{
		width: 46%;
		max-width: 550px;
		overflow: hidden;
		float: left;
	}

	.photo_left img{
		width: 100%;
		height: auto;
	}
	
	.photo_right{
		width: 46%;
		max-width: 550px;
		overflow: hidden;
		float: right;
	}

	.photo_right img{
		width: 100%;
		height: auto;
	}
	
	.info_text{
		width: 41%; 
		max-width: 500px;
		float: left;
		margin-left: 40px;
	}

	.info_text h2{
		font-weight: normal;
	}

	.info_text h3{
		font-weight: normal;
	}


	.info_text-r{
		width: 30%;
		max-width: 400px;
		float: right;
		margin-right: 40px;
	}

	.info_text h2,.info_text-r h2{
		font-weight: normal;
	}

	.info_text h3,.info_text-r h3{
		font-weight: normal;
	}	
	
/*各種ボタン・マップ--*/

	.cate-photo{
		width: 100%;
		max-width: 620px;
		padding: 0 ;
		clear: both;
		overflow: hidden;
		margin: 50px auto;

	}
	
	.cate-photo img{
		width: 100%;
		height: auto;
	}
	

	
	.loca-info{
		clear: both;
		width: 100%;
		max-width: 220px;
		margin: 20px auto;
	}
	
	.loca-info img{
		width: 12px;
		height: auto;
		margin:0 5px;
	}
	
	#access_map .left-img{
		width: 100%;
		max-width: 620px;
		clear: both;
		margin: 50px auto;
	}
	
	#access_map .left-img img{
		width: 100%;
		height: auto;
	}
	
	#access_map .right-info{
		clear: both;
		width: 100%;
		max-width: 430px;
		margin: 20px auto;
	}
	
	#access_map .right-info li{
		margin-bottom: 10px;
		list-style-position: inside;
	}
	
	#access_map .address{
		list-style-type: none;
		margin: 20px auto 0;
		text-align: center;
		border: solid 1px #113701;
		width: 70%;
		max-width: 420px;
	
	}

	.googlemap{
		width: 35%;
		max-width: 450px;
		margin: 10px auto 0;
		border: solid 2px #0b1430;
		text-align: center;
		background-color: #030753;
		color: #FFF;
		padding-top: 4px;
/* 角丸(Firefox)
---------------- */
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
/* Webkit
---------------- */
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;

	khtml-border-top-left-radius: 5px;
	khtml-border-top-right-radius: 5px;
	khtml-border-bottom-left-radius: 5px;
	khtml-border-bottom-right-radius: 5px;

	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	}
	
	.googlemap a{
		color: #FFF;
	}

	.qalist{
		margin-top: 30px;
		width: 100%;
		max-width: 900px;
	}
	
	.qalist dt{
		font-weight: bold;
	}
	
	.qalist dd{
		margin-left: 14px;
		margin-bottom: 15px;
	}
	
	.qalist dd.qabtn{
		width: 30%;
		max-width: 200px;
		margin-left: auto;
		margin-right: auto;
	}
	
	.qabtn img{
		width: 100%;
		height: auto;
	}
	
	
	
	main#more-detail{
		margin-top: 100px;
	}

	main#more-detail article{
		width: 96%;
		margin-right: auto;
		margin-left: auto;
		overflow: hidden;
	}
	
	main#more-detail article h1{
		margin-top: 100px;
	}
	
	main#more-detail article h1:first-of-type{
		margin-top: 30px;
	}	
	
	
	main#more-detail article ul{
		list-style-type: none;
	}
	
	main#more-detail article ul li{
		width: 100%;
		text-align: center;
		vertical-align: middle;
		line-height: 0;
		float: none;
		margin-bottom: 10px;
	}
	
	main#more-detail article ul li img{
		width: 98%;
		margin: 0;
		padding: 0;
		height: auto;

	}
	
	main#more-detail article ul li span{
		width: 98%;
		margin-left: auto;
		margin-right: auto;
		padding: 5px 0;
	}

	main#more-detail article .pict,main#more-detail article .photo_info{
		margin-top: 10px;
	}
	

	main#more-detail article .photo_info{
		clear: both;
	}
	
	main#more-detail article .photo_info p{
		line-height: 2em;
	}
	
	main#more-detail article .photo_info ul.rental{
		width: 80%;
		margin: 20px auto 0;
	}
	
	main#more-detail article .photo_info ul.rental li{
		width: 100%;
		float: none;
		margin: 0;
		margin-bottom: 15px;

	}

	main#more-detail article .photo_info ul.rental li:nth-child(odd){
		margin-right: 0;
	}

	
	main#more-detail article .photo_info table{
		border-collapse: collapse;
		margin: 20px auto 0;
		width: 80%;
	}
	
	main#more-detail article .photo_info table td{
		border-bottom: #636363 1px dotted;
		padding: 10px 5px 0;
	}
	
	main#more-detail article .photo_info table td:nth-child(even){
		text-align: right;
	}
	
	
	
	main#more-detail article .pict ul li{
		width: 20%;
		float: left;
		overflow: hidden;
		text-align: center;
		padding: 5px 0 5px;
	}
	
	main#more-detail article .pict ul li img{
		width: 90%;
		height: auto;
	}

	p.front-tel{
		width: 55%;
		margin:20px auto;
	}


	
	
	footer{
		width: 100%;
		background-color: #0b1430;
		color: #FFF;
		text-align: center;
		font-size: 12px;
		padding: 5px 0;
		

	}

	
	footer img{
		width: 40%;
		height: auto;
	}


}


/* スマホ用スタイル -------------------------------------------*/
@media screen and (max-width: 640px){
	
	article{
		margin-top: 40px;
	}

	main article:first-of-type{
		margin-top: 0;
	}
	
	article h1.japa{
		font-size: 16px;
	}

a[href^="tel:"] {
	pointer-events: auto;
	color: brown;
}
	


/*　ショートステイ料金表　-------------------------------------------*/
	#stay .banner1{
		width: 60%;
		max-width: 450px;
		margin: 5px auto;
		border: solid 2px #aa0000;
		text-align: center;
		background-color: #CC0000;
		color: #FFF;
		padding-top: 4px;
/* 角丸(Firefox)
---------------- */
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
/* Webkit
---------------- */
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;

	khtml-border-top-left-radius: 5px;
	khtml-border-top-right-radius: 5px;
	khtml-border-bottom-left-radius: 5px;
	khtml-border-bottom-right-radius: 5px;

	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	}
	
	
	div#banner{
		width: 100%;
		margin: 20px auto;
	}
	
	div#banner img{
		width: 100%;
		height: auto;
	}
	
	#stay table{
		width: 100%;
		max-width: 620px;
		margin: 20px auto ;
	}
	
	#stay table td{
		/*width: 50%;*/
		font-size: 14px;
		padding-left: 20px;
		border-bottom: solid 1px #999;
	}
	

/*　部屋・設備画像　-------------------------------------------*/
	
	.photo_left{
		width: 100%;
		max-width: 550px;
		overflow: hidden;
		margin: 0 auto;
		clear: both;
	}

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

.photo_right{
		width: 100%;
		max-width: 550px;
		overflow: hidden;
		margin: 0 auto;
		clear: both;
	}

	.photo_right img{
		width: 100%;
		height: auto;
	}
	
	.info_text,.info_text-r{
		width: 100%; 
		max-width: 550px;
		margin: 0 auto;
		clear: both;
	}



	.info_text h2,.info_text-r h2{
		font-weight: normal;
		font-size: 15px;
	}

	.info_text h3,.info_text-r h3{
		font-weight: normal;
		font-size: 14px;
	}

/* Activity-------------------------------------------------*/

	.photo_act{
		width: 100%;
		max-width: 620px;
		padding: 0 ;
		clear: both;
		overflow: hidden;
		margin-bottom: 50px;
	}

	.photo_act img{
		width: 100%;
		height: auto;
	}
	
	.photo_act h3{
		font-weight: normal;
		font-size: 14px;
		padding: 5px;
		text-align: center;
		background-color: lightgrey;
	}
	
	.cate-photo{
		width: 100%;
		max-width: 620px;
		padding: 0 ;
		clear: both;
		overflow: hidden;
	}
	
	.cate-photo img{
		width: 100%;
		height: auto;
	}
	
	.loca-info{
		margin-top: 20px;
		margin-left: 20px;
	}
	
	.loca-info img{
		width: 12px;
		height: auto;
		margin:0 5px;
	}
	
	#access_map .left-img{
		width: 100%;
		max-width: 620px;
		clear: both;
	}
	
	#access_map .left-img img{
		width: 100%;
		height: auto;
	}
	
	#access_map .right-info{
		clear: both;
		margin-top: 20px;
		margin-left: auto;
	}
	
	#access_map .right-info li{
		margin-bottom: 10px;
	}
	
	#access_map .address{
		list-style-type: none;
		margin: 20px auto 0;
		text-align: center;
		border: solid 1px #113701;
		width: 70%;
		max-width: 420px;
	
	}
	
	.googlemap{
		width: 35%;
		max-width: 450px;
		margin: 10px auto 0;
		border: solid 2px #0b1430;
		text-align: center;
		background-color: #030753;
		color: #FFF;
		padding-top: 4px;
/* 角丸(Firefox)
---------------- */
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
/* Webkit
---------------- */
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;

	khtml-border-top-left-radius: 5px;
	khtml-border-top-right-radius: 5px;
	khtml-border-bottom-left-radius: 5px;
	khtml-border-bottom-right-radius: 5px;

	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	}
	
	.googlemap a{
		color: #FFF;
	}
	
	.qalist{
		margin-top: 30px;
		width: 100%;
		max-width: 620px;
	}
	
	.qalist dt{
		font-weight: bold;
	}
	
	.qalist dd{
		margin-left: 14px;
		margin-bottom: 15px;
	}
	
	.qalist dd.qabtn{
		width: 30%;
		max-width: 200px;
		margin-left: auto;
		margin-right: auto;
	}
	
	.qabtn img{
		width: 100%;
		height: auto;
	}
	
	

/*詳細べーじ用mainのマージントップ*/
	main#more-detail{
		margin-top: 100px;
	}

	main#more-detail article{
		width: 96%;
		margin-right: auto;
		margin-left: auto;
		overflow: hidden;
	}
	
	main#more-detail article h1{
		margin-top: 100px;
		font-size: 16px;
	}
	
	main#more-detail article h1:first-of-type{
		margin-top: 30px;
	}	
	
	main#more-detail article ul{
		list-style-type: none;
	}
	
	main#more-detail article ul li{
		width: 100%;
		text-align: center;
		vertical-align: middle;
		line-height: 0;
		float: none;
		margin-bottom: 10px;
	}
	
	main#more-detail article ul li img{
		width: 98%;
		margin: 0;
		padding: 0;
		height: auto;

	}
	
	main#more-detail article ul li span{
		width: 98%;
		margin-left: auto;
		margin-right: auto;
		padding: 5px 0;
	}

	main#more-detail article .pict,main#more-detail article .photo_info{
		margin-top: 10px;
	}
	

	main#more-detail article .photo_info{
		clear: both;
	}
	
	main#more-detail article .photo_info p{
		line-height: 2em;
	}
	
	main#more-detail article .photo_info ul.rental{
		width: 90%;
		margin: 20px auto 0;
	}
	
	main#more-detail article .photo_info ul.rental li{
		width: 100%;
		float: none;
		margin: 0;
		margin-bottom: 15px;

	}

	main#more-detail article .photo_info ul.rental li:nth-child(odd){
		margin-right: 0;
	}
	
	main#more-detail article .photo_info table{
		width: 90%;
		border-collapse: collapse;
		margin: 20px auto 0;
	}
	
	main#more-detail article .photo_info table td{
		border-bottom: #636363 1px dotted;
		padding: 10px 5px 0;
	}
	
	main#more-detail article .photo_info table td:nth-child(even){
		text-align: right;
	}
	
	main#more-detail article .pict ul li{
		width: 20%;
		float: left;
		overflow: hidden;
		text-align: center;
		padding: 5px 0 5px;
	}
	
	main#more-detail article .pict ul li img{
		width: 90%;
		height: auto;
	}
	
	p.front-tel{
		width: 70%;
		margin:20px auto;
	}

	
	footer{
		width: 100%;
		background-color: #0b1430;
		color: #FFF;
		text-align: center;
		font-size: 12px;
		padding: 5px 0;
		margin-top: 120px;
		

	}
	
	footer img{
		width: 40%;
		height: auto;
	}

	
}

/* 均等割り付け */
.text-justify{
	text-align: justify;
	text-justify: inter-ideograph;
	
}

/* 一般 */
hr {
	clear: both;
	border-width:  0;
	margin-bottom: 50px;
}

/* my style */

#top_pic{
    width:100%;
    height:100%;
    align-content:center;
}