@charset "UTF-8";
/*初期設定*/
body{
	min-width: 320px;
	background:#fff;
	line-height:1.5;
	color:#003653;
	font-family:  'Roboto',"游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	height:100%;
	text-align:center;
	margin:0;
	padding:0;
	}	
	
.ie8 img{
	width:auto;
	}
a,a:link,a:visited,a:hover{
	color:#003653;
	text-decoration:none;
	}
a{
	width:auto;
	}
.clearfix{
	zoom:1;
	}
.clearfix:after{
	content:"";
	display:block;
	clear:both;
	}
	
img{
	max-width:100%;
	}
	
ul{
	margin:0;
	padding:0;
	}
	
/*///////////////////////////////////////////base///////////////////////////////////////////*/


	
/*///////////////////////////////////////////media Queries///////////////////////////////////////////*/
@media only screen and (min-width:320px){

	.pc{
		display:none;
		}
	.sp{
		display:block;
		}
		
	div.header_wrapper{
		width:100%;
		margin:0;
		padding:0;
		display:flex;
		}
	div.logo_warpper{
		margin:15px 0 0 20px;
		padding:0;
		text-align:left;
		}
	div.logo_warpper h1{
		margin:0;
		padding:0;
		}
	div.logo_warpper img{
		margin:0;
		width:40%;
		}
		
/*///////////////////////////////////////////slider///////////////////////////////////////////*/
	div.slider_wrapper{
		margin:0 0 60px;
		}
	div.slider_wrapper ul{
		margin:0;
		padding:0;
		}
		
/*///////////////////////////////////////////main contents///////////////////////////////////////////*/

	div.main_wrapper{
		width:90%;
		margin:0 auto;
		}
		
	div.contents_wrapper{
		width100%;
		margin:0 0 100px;
		}
	div.title_wrapper{
		width100%;
		margin:0 50px 40px 0;
		vertical-align:top;
		text-align:left;
		position:relative;
		}
		
	div.title_wrapper h3{
		margin:0;;
		padding:0;
		font-family: 'Roboto', sans-serif;
		font-weight:normal;
		text-align:left;
		font-size:0.7rem;
		letter-spacing:2px;
		position:absolute;
		top:40px;
		}
	div.title_wrapper h2{
		margin:0;
		padding:0;
		font-weight:normal;
		text-align:left;
		font-size:1.6rem;
		display:inline;
		position:relative;
		}
	div.title_wrapper h2:after{
		content:"";
		display:block;
		width:80px;
		border-top:1px solid #003653;
		position:absolute;
		bottom:-2px;
		right:-50px;
		transform: rotate(-45deg);
		}
	div.contents{
		margin:0;
		padding0;
		}
	div.contents p{
		margin:0 0 30px;
		padding:0;
		text-align:left;
		font-size:0.9rem;
		line-height:1.8rem;
		}
	div.contents p.add{
		font-size:1.35rem!important;
		line-height:2.0rem;
		}
		
/*///////////////////////////////////////////symptom///////////////////////////////////////////*/

	div.symptom_wrapper{
		border:1px solid #003653;
		padding:20px;
		width:90%;
		}
		
	div.symptom_wrapper ul{
		text-align:left;
		list-style-type:none;
		font-size:0.9rem;
		margin:0;
		padding:0;
		}
		
	div.symptom_wrapper ul li{
		margin:0 0 10px 15px;
		position:relative;
		}
	div.symptom_wrapper ul li:before{
		content:"_";
		position:absolute;
		left:-12px;
		}
	div.symptom_wrapper ul:last-child li.others{
		text-align:right;
		}
	div.symptom_wrapper ul:last-child li.others:before{
		content:""!important;
		}
		
/*///////////////////////////////////////////price///////////////////////////////////////////*/

	h2.price{
		font-weight:normal;
		margin:0;
		padding:0;
		font-size:1.8rem;
		text-align:left;
		}
	h2.price span{
		font-size:1.0rem;
		}
	ul.price{
		margin:0 0 25px;
		padding:0;
		list-style-type:none;
		}
	ul.price li{
		float:left;
		width:230px;
		text-align:left;
		margin:0;
		padding:0 0 20px;
		}
	ul.price li:last-child{
		}
	ul.price li p{
		margin:0px 0 0;
		padding:0;
		}
	div.limited{
		color:#ff0000;
		}
	h2.l_title{
		font-weight:normal;
		margin:0 0 10px;
		font-size:1.8rem;
		text-align:left;
		}
		
/*///////////////////////////////////////////profile///////////////////////////////////////////*/

	img.profile{
		max-width:100%;
		margin:0 auto;
		}
	p.profile_detail{
		width:90%; 
		display:block;
		margin:0 auto;
		}
	p.profile_detail strong{
		font-size:1.2rem;
		font-weight:normal;
		}
		
		
/*///////////////////////////////////////////footer///////////////////////////////////////////*/

	div.footer_img_wrapper{
		height:400px;
		borer:1px solid #000;
		background:url('../img/main_photo1.jpg') center center;
		background-size:cover;
		}
	
	div.footer_block_01{
		background:#F5F5F5;
		padding:40px 0;
		}
	
	div.footer_block_02{
		padding:40px 0;
		}
	
	div.footer_contents_wrapper{
		width:90%;
		margin:0 auto;
		}
	div.footer_btn_wrapper{
		margin:0 0 20px;
		width:100%;
		}
	
	div.footer_time_wrapper{
		width:100%;
		}
	
	div.footer_btn_wrapper p{
		text-align:left;
		font-size:1.1rem;
		margin:0 0 20px;
		line-height:2.0;
		}
	
	div.footer_btn_wrapper a{
		display:none;
		}
	
	table.time_table{
		width:100%;
		}
	table.time_table th,table.time_table td{
		font-weight:normal;
		padding:5px;
		font-size:0.8rem;
		}	
	table.time_table th{
		border-bottom:1px solid #003653;
		}
	
	table.time_table th.time_title,table.time_table td.time_title{
		text-align:left;
		}
	table.time_table th.time_title{
		letter-spacing:6px;
		}
	table.time_table td.time_title span{
		font-size:0.8rem;
		}
	
	div.footer_logo_wrapper{
		width:100%;
		margin:0 auto 50px;
		text-align:center;
		}
	div.footer_logo_wrapper img{
		max-width:30%;
		margin:0 auto;
		}
	div.footer_contents_wrapper div h2{
		margin:0;
		padding:0;
		font-weight:bold;
		font-family: 'Roboto', sans-serif;
		font-size:1.0rem;
		letter-spacing:2px;
		text-align:center;
		}
		
	div.footer_adress_wrapper,div.footer_tel_wrapper{
		margin:0 0 50px 0;
		text-align:center;
		}
	div.footer_adress_wrapper p,div.footer_tel_wrapper p{
		font-size:0.9em;
		text-align:center;
		line-height:2.0rem;
		}
		
	div.footer_copyright_wrapper{
		text-align:center;
		}
		
	a.contact{
		display:block;
		margin:0 0 50px;
		}
		
	ul.sns_list{
		margin:0 0 80px;
		padding:0;
		}
	ul.sns_list li{
		width:60px;
		height:60px;
		margin:0;
		padding:0;
		margin:0 10px;
		display:inline-block;		
		}
		
	ul.sns_list li a{
		margin:0;
		padding:0;
		}
		
	ul.sns_list li a img{
		margin:0;
		max-width:60%;
		}
		
	div.footer_copyright_wrapper ul{
		margin:0 0 50px!important;
		}
		
	div.footer_copyright_wrapper small{
		margin:0;
		padding:0;
		font-size:0.6rem;
		}
		
	#map{
		 width:100%; 
		 height:650px;
		 }
		 
	div.footer_btn_wrapper2{
		width:100%;
		}
		 
	div.footer_btn_wrapper2 a{
		position:fixed;
		display:block;
		width:100%;
		padding:15px;
		color:#fff;
		background:#003653;
		box-sizing:border-box;
		font-size:1.5rem;
		letter-spacing:5px;
		bottom:0px;
		z-index:99999;
		}
	div.footr_caution{
		padding:70px 0 20px;
		font-size:1.2rem;
		line-height:2.6rem;
		}

}
/*///////////////////////////////////////////media Queries///////////////////////////////////////////*/
@media only screen and (min-width:768px){

	.pc{
		display:block;
		}
	.sp{
		display:none;
		}

/*///////////////////////////////////////////header///////////////////////////////////////////*/

	div.header_wrapper{
		width:1000px;
		margin:20px auto 20px;
		padding:0;
		display:flex;
		}
	div.logo_warpper{
		margin:0;
		padding:0;
		text-align:left;
		width:200px;
		}
	div.logo_warpper h1{
		margin:0;
		padding:0;
		}
	div.logo_warpper img{
		margin:30px 0 0;
		width:90%;
		vertical-align:bottom;
		}
	div.menu_wrapper{
		margin:0;
		padding:0;
		text-align:right;
		width:90%;
		}
	ul.sns_list{
		margin:0 0 25px;
		padding:0;
		}
	ul.sns_list li{
		width:20px;
		height:20px;
		margin:0;
		padding:0;
		margin-left:25px;
		display:inline-block;
		
		}
		
	ul.sns_list li a{
		margin:0;
		padding:0;
		}
		
	ul.sns_list li a img{
		margin:0;
		max-width:100%;
		}
		
	ul.main_menu_list{
		margin:0;
		padding:0;
		}
		
	ul.main_menu_list li{
		margin:0;
		padding:0;
		margin-left:30px;
		display:inline-block;
		}
		
	ul.main_menu_list li:first-child{
		margin-left:0;
		}
		
	ul.main_menu_list li a::after{
		content:'';
		display:block;
		width:0%;
		margin:2px auto 0 0;
		border-bottom:1px solid #003653;
		transition:width 0.3s ease-in-out;		
		}
		
	ul.main_menu_list li a:hover:after{
		display:block;
		width:100%;
		}

	ul.main_menu_list li a.reseve{
		padding:10px 30px;
		display:block;
		border:1px solid #003653;
		background:#fff;
		color:#003653;
		-webkit-transition: all 0.3s ease;
    	-moz-transition: all 0.3s ease;
    	-o-transition: all 0.3s ease;
  		 transition: all  0.3s ease;
		}
	ul.main_menu_list li a.reseve:hover{
		color:#fff;
		background:#003653;
		}
	ul.main_menu_list li a.reseve:after{
		display:none;
		}
		
/*///////////////////////////////////////////slider///////////////////////////////////////////*/
	div.slider_wrapper{
		margin:0 0 100px;
		}
	div.slider_wrapper ul{
		margin:0;
		padding:0;
		}
		
/*///////////////////////////////////////////main contents///////////////////////////////////////////*/

	div.main_wrapper{
		width:1000px;
		margin:0 auto;
		}
		
	div.contents_wrapper{
		width1000px;
		margin:0 0 100px;
		display:block;
		}
	div.title_wrapper{
		width:100px;
		margin:0 50px 0 0;
		-ms-writing-mode: tb-rl;
		-webkit-writing-mode: vertical-rl;
  		writing-mode: vertical-rl;
		vertical-align:top;
		text-align:left;
		float:left;
		}
	div.title_wrapper:after{
		content:"";
		display:block;
		width:120px;
		border-top:1px solid #003653;
		position:absolute;
		bottom:-30px;
		left:-15px;
		transform: rotate(-45deg);
		}
		
	div.title_wrapper h3{
		margin:0 45px 0 8px;
		padding:0;
		font-family: 'Roboto', sans-serif;
		font-weight:normal;
		text-align:left;
		font-size:0.7rem;
		position:static;
		}
	div.title_wrapper h2{
		margin:0;
		padding0;
		font-weight:normal;
		text-align:left;
		font-size:1.6rem;
		display:inline;
		position:relative;
		}
	div.title_wrapper h2 span{
		display:block;
		border:1px solid #cc0000;
		}
	div.title_wrapper h2:after{
		content:"";
		display:none;
		}
	div.contents{
		margin:0;
		padding:0;
		float:right;
		width:800px;
		}
	div.contents p{
		margin:0 0 30px;
		padding0;
		text-align:left;
		font-size:0.9rem;
		line-height:1.8rem;
		}
	div.contents p.profile{
		margin:0px!important;
		padding:0;
		text-align:left;
		font-size:0.9rem;
		line-height:1.8rem;
		}
		
/*///////////////////////////////////////////symptom///////////////////////////////////////////*/

	div.symptom_wrapper{
		border:1px solid #003653;
		padding:20px 10px 20px 20px;
		width:100%;
		text-align:left;
		box-sizing:border-box;
		}
		
	div.symptom_wrapper ul{
		display:inline-block;
		text-align:left;
		list-style-type:none;
		font-size:0.9rem;
		margin:0 45px 0 0;
		padding:0;
		
		}
	div.symptom_wrapper ul:last-child{
		margin:0 0px 0 0;
		}
		
	div.symptom_wrapper ul li{
		margin:0 0 10px 12px;
		position:relative;
		}
	div.symptom_wrapper ul li:before{
		content:"_";
		position:absolute;
		left:-12px;
		}
	div.symptom_wrapper ul:last-child li:last-child{
		text-align:right;
		}
	div.symptom_wrapper ul:last-child li:last-child:before{
		content:""!important;
		}
		
/*///////////////////////////////////////////price///////////////////////////////////////////*/

	h2.price{
		font-weight:normal;
		margin:0 0 20px;
		font-size:1.8rem;
		text-align:left;
		}
	h2.price span{
		font-size:1.0rem;
		}
	ul.price{
		margin:0 0 25px;
		padding:0;
		list-style-type:none;
		}
	ul.price li{
		float:left;
		width:230px;
		text-align:left;
		margin:0;
		padding:0 40px 0 0;
		}
	ul.price li:last-child{
		border-left:1px solid #000;
		padding:0 0 0 45px;
		}
	ul.price li p{
		margin:-10px 0 0;
		padding:0;
		}
	div.limited{
		color:#ff0000;
		}
	h2.l_title{
		font-weight:normal;
		margin:0 0 10px;
		font-size:1.8rem;
		text-align:left;
		}
		
/*///////////////////////////////////////////profile///////////////////////////////////////////*/

	img.profile{
		max-width:50%;
		float:left;
		margin:0 50px 40px 0;
		}
	p.profile_detail{
		float:left; 
		width:40%;
		display:block;
		}
	p.profile_detail strong{
		font-size:1.2rem;
		font-weight:normal;
		}
	div.room_text{
		clear:both;
		width:100%;
		padding:40px 0;
		}
	div.room_text p{
		margin:20px 0 0;
		font-size:1.3rem;
		}
		
		
/*///////////////////////////////////////////footer///////////////////////////////////////////*/

	div.footer_img_wrapper{
		height:400px;
		borer:1px solid #000;
		background:url('../img/main_photo1.jpg') center center;
		background-size:cover;
		}
	
	div.footer_block_01{
		background:#F5F5F5;
		padding:60px 0;
		}
	
	div.footer_block_02{
		padding:60px 0;
		}
	
	div.footer_contents_wrapper{
		width:1000px;
		margin:0 auto;
		display:flex;
		}
	div.footer_btn_wrapper{
		margin:0 100px 0 0;
		width:300px;
		}
	
	div.footer_time_wrapper{
		width:600px;
		}
	
	div.footer_btn_wrapper p{
		text-align:left;
		font-size:1.1rem;
		margin:0 0 20px;
		}
	
	div.footer_btn_wrapper a{
		display:block;
		width:100%;
		padding:20px;
		color:#003653;
		background:none;
		box-sizing:border-box;
		border:1px solid #003653;
		font-size:1.5rem;
		letter-spacing:5px;
		-webkit-transition: all 0.3s ease;
    	-moz-transition: all 0.3s ease;
    	-o-transition: all 0.3s ease;
  		 transition: all  0.3s ease;
		}
	div.footer_btn_wrapper a:hover{
		background:#003653;
		color:#fff;
		}
	
	table.time_table{
		width:100%;
		}
	table.time_table th,table.time_table td{
		font-weight:normal;
		padding:10px;
		font-size:1.1rem;
		}	
	table.time_table th{
		border-bottom:1px solid #003653;
		}
	
	table.time_table th.time_title,table.time_table td.time_title{
		text-align:left;
		}
	table.time_table td.time_title span{
		font-size:0.8rem;
		}
	
	div.footer_logo_wrapper{
		width:90px;
		margin:0 180px 0 0;
		}
	div.footer_logo_wrapper img{
		max-width:100%;
		}
	div.footer_contents_wrapper div h2{
		margin:0;
		padding:0;
		font-weight:bold;
		font-family: 'Roboto', sans-serif;
		font-size:1.0rem;
		letter-spacing:2px;
		text-align:left;
		}
		
	div.footer_adress_wrapper,div.footer_tel_wrapper{
		margin:0 65px 0 0;
		}
	div.footer_adress_wrapper p,div.footer_tel_wrapper p{
		font-size:0.9em;
		text-align:left;
		line-height:2.0rem;
		}
		
	a.contact{
		display:block;
		margin:0 0 30px;
		}
		
	div.footer_copyright_wrapper{
			text-align:right;
			margin-left: auto;
		}
		
	div.footer_copyright_wrapper ul{
		margin:0 0 25px!important;
		}
		
	div.footer_copyright_wrapper small{
		margin:0;
		padding:0;
		font-size:0.6rem;
		}
		
	#map{
		 width:100%; 
		 height:650px;
		 }
		 
	div.footer_btn_wrapper2{
		display:none;
		}
	div.footr_caution{
		padding:70px 0 20px;
		font-size:1.2rem;
		}
		

}

/*///////////////////////////////////////////media Queries///////////////////////////////////////////*/
@media only screen and (min-width:1200px){

}