@charset "utf-8";


/* stay
-------------------------------------------------*/

.flex3 > div{
	width:32%;
}
@media screen and (max-width: 600px){
	.flex3 > div{
		width:48%;
	}
}
@media screen and (max-width: 374px){
	.flex3 > div{
		width:100%;
	}
}

.flex3 > div{
	padding: .6rem;
	border: 2px solid rgb(42,156,128);
	border-radius: 0.4rem;
	background: #fff;
}
	.flex3 h2,
	.flex3 .catch,
	.flex3 .phone{
		color:rgb(42,156,128);
		font-size:1.1rem;
		text-align:center;
		margin:0 0 .6rem;
	}
	.flex3 .catch,
	.flex3 .phone{
		text-align:left;
		font-size:.95rem;
		font-weight:bold;
		margin:0.6rem 0 1.2rem;
	}
	.flex3 .adrs{
		font-size:.95rem;
	}
	.flex3 .phone{
		font-size:1.2rem;
	}
	.flex3 .btn{
		display:inline-block;
		width:48%;
		margin:0 .5%;
	}
	.flex3 .btn a{
		display:block;
		width:100%;
		height:100%;
		padding:.5rem;
		text-align:center;
		color:#fff;
		font:-size:.9rem;
		background:rgb(42,156,128);
		border-radius:3px;
		box-shadow:3px 3px 3px rgba(0,0,0,.2);
		transition:.5s;
	}
	.flex3 .btn a:hover{
		background:rgb(25,100,60);
		box-shadow:3px 3px 3px rgba(0,0,0,.4);
	}



#stay_list2{	
}
	#stay_list2 .clm2_item{
		padding:0 10px 0 0;
		margin-bottom:2rem;
	}
	#stay_list2 .clm2_item:nth-child(2){
		padding:0 0 0 10px;
	}
	#stay_list2 th{
		padding:.5rem .3rem;
		text-align:center;
		font-size:.8rem;
		line-height:1.3;
	}
	#stay_list2 td{
		padding:.5rem .3rem;
	}
	#stay_list2 tr > td:first-child{
		font-weight:bold;
	}
	#stay_list2 td:nth-child(2),
	#stay_list2 td:nth-child(3){
		text-align:center;
	}
	#stay_list2 td:nth-child(4){
		text-align:center;
		white-space:nowrap;
		font-weight:bold;
	}
	#stay_list2 tr > td:first-child a{
		text-decoration:underline;
	}

@media screen and (max-width: 600px) {
	#stay_list2 .clm2_item,
	#stay_list2 .clm2_item:nth-child(3){
		width:100%;
		padding:0 0 0 0;
	}
}



/* stay detail
-------------------------------------------------*/

#stay_detail{
	width:700px;
	padding:20px 20px 40px;
	margin:auto;
}
@media screen and (max-width: 700px) {
	#stay_detail{
		width:100%;
	}
}

#stay_detail .clm2_item:nth-child(2){
	padding:0 0 0 1rem;
}
@media screen and (max-width: 700px) {
	#stay_detail .clm2{
		display:block;
	}
	#stay_detail .clm2_item{
		display:block;
		width:100%;
		margin:1rem 0;
	}
	#stay_detail .clm2_item:nth-child(2) img{
		width:80%;
		margin:0 auto;
	}
}

.ttl_stay_detail{
	position:relative;
	line-height:1.1;
}
	.ttl_stay_detail > div:first-child{
		padding:0 0 0 10px;
		border-left:13px solid rgb(42,156,128);
		margin:0 0 1rem;
	}
	.ttl_stay_detail > div:first-child h1{
		color:rgb(42,156,128);
		font-size:1.5rem;
		margin:0 0 10px;
	}
	.ttl_stay_detail .contact{
		position:relative;
		top:0;
		right:0;
	}
	.ttl_stay_detail .contact ul{
		display:table;
	}
	.ttl_stay_detail .contact li.map,
	.ttl_stay_detail .contact li.www,
	.ttl_stay_detail .contact li.tel{
		display:table-cell;
		text-align:center;
		vertical-align:top;
	}
	.ttl_stay_detail .contact a{
		position:relative;
		display:block;
		width:40px;
		height:25px;
		color:#fff;
		font-size:11px;
		background:rgb(42,156,128);
		border-radius:2px;
		margin-right:4px;
	}
	.ttl_stay_detail .tel a{
		width:140px;
	}
	.ttl_stay_detail .contact a span,
	.ttl_stay_detail .www a span,
	.ttl_stay_detail .tel a span{
		position:relative;
		top:6px;
	}
	.ttl_stay_detail .tel a span{
		top:4px;
		font-size:16px;
	}
	.ttl_stay_detail .contact > p{
		margin-top:10px;
		font-size:13px;
	}