@charset "utf-8";

.main_img {
	max-width:1200px;
	margin:0 auto;
	display:flex; justify-content:flex-end; align-items:center;
	height:560px;
	background-image:url('../images/main_img.jpg?d=1024');
	background-position:center center;
	background-size:cover;
	position:relative;
}
.main_img div {
	margin:20px;
	padding:20px;
	background:rgba(255,255,255,0.8);
	border-radius:12px;
	box-shadow:4px 4px 8px 2px rgba(0, 0, 0, 0.2);
}
.main_img div p {
	margin:0; font-size:1.6rem; line-height:2;
	color:#792049;
	font-family: 'Noto Serif JP', serif; font-weight:700;
}
.linkbt {
	display:inline-block; width:280px; box-sizing:border-box; padding:16px 5px; text-align:center;
	background-color:#c00; color:#fff; text-decoration:none; border-radius:8px;
	transition-duration:0.2s; line-height:1.4 !important;
}
.linkbt:hover { opacity:0.8; }

.toplead { padding:0 10px; font-size:1.2rem; line-height:1.6; text-align:center; }


#maki, #sanjo, #space { padding-top:60px; }
h3.pname { margin:30px auto; text-align:center; font-size:1.3rem; font-weight:bold; }
h3.pname span {
	display:block; margin:0 auto;
	max-width:600px; padding:16px 10px; box-sizing:border-box;
	
	color:#fff;
	background-color:#E09C28;
	border:4px #fff double;
}

.basicinfo { margin:60px auto; border-collapse:collapse; min-width:60%; }
.basicinfo caption { font-weight:bold; margin-bottom:6px; }
.basicinfo th, .basicinfo td { border:1px #888 solid; padding:14px 8px; line-height:1.6; background-color:#fff; }
.price th { background-color:#f8f8f8; }
.price td { text-align:center; }
.pricenotice { text-align:center; }
.pricenotice ul { display:inline-block; min-width:60%; margin:0 auto; text-align:left; font-size:0.9rem; line-height:1.6; }

.fpic { margin:40px 0; }
.fpic img { border-radius:20px; }

.facility { display:flex; flex-wrap:wrap; }
.facility div { flex:1 0 50%; }
.facility .finfo { padding:0px 20px; font-size:0.95rem; line-height:2; background-color:#F8F6EA; order:2; }
.facility .fmap { min-height:400px; order:1; }

.facility .finfo dt { font-weight:bold; }
.facility .finfo dd { margin-left:1em; }
.facility .fmap iframe { width:100%; height:100%; }


.text_block {  }
.text_block h3, h3.usetit { margin:60px auto 40px auto; max-width:600px; text-align:center; font-size:1.3rem; padding-bottom:12px; color:var(--main-grn); border-bottom:3px var(--main-grn) dashed;  }
.text_block h4 { margin:20px 0; line-height:1.6; font-size:1.1rem; margin-bottom:0.5em; color:#04A4F0; }
.text_block p { margin-top:0; line-height:2; }
.text_block p strong { /*color:#b00;*/ }
.text_block img { border-radius:20px; }

.picwtxt { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-start; }
.picwtxt .laytxt { flex:0 0 52%; order:2; }
.picwtxt .laytxt h4:first-child { margin-top:0; }
.picwtxt .layimg { flex:0 0 45%; order:1; }


.pgallery { display:flex; flex-wrap:wrap; margin:40px 0; }
.pgallery div { flex:0 0 33.33%; padding:4px; }
.pgallery div span {
	display:block; padding-top:100%;
	background-position:center center;
	background-size:cover;
	background-repeat:no-repeat;
	border-radius:6px;
}

.trial { text-align:center; margin:80px 10px }
.trial div { display:inline-block; min-width:80%; padding:10px; border:2px #82CA2E solid; border-radius:8px; background-color:#EDF5EF; }
.trial .trial_tit { font-size:1.2rem; font-weight:bold; }
.trial .trial_txt { line-height:2; }



/* # Tablet 768-959px
========================================================================================= */
@media only screen and (max-width: 959px) {

	.main_img { height:500px; }
	.main_img div p {font-size:1.2rem; }

}

/* # Tablet & Mobile Landscape 480-767px
========================================================================================= */   
@media only screen and (max-width: 767px) {

	.main_img { height:460px; }
	.main_img div { margin:20px; }
	.main_img div p br { display:none; }

	.toplead { font-size:1.1rem; text-align:left; }

	.facility div { flex:0 0 100%; }
	.facility .finfo { order:1; }
	.facility .fmap { order:2; }

	.picwtxt .laytxt { flex:0 0 100%; order:2; }
	.picwtxt .layimg { flex:0 0 100%; order:1; padding-bottom:20px; }

	.pgallery div { flex:0 0 50%; padding:5px; }

}