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

/*-------------------------------------------

name: uniq.css

-------------------------------------------*/

/*========================
	mv
=========================*/
#mvIn{
	background:url(../img/mv.jpg) top center no-repeat;
	background-size:cover;
}


/*========================
	施設のご紹介
=========================*/
/*intro*/
.intro{ text-align:center; margin:0 0 40px;}
.intro .h{ font-size:22px; font-weight:bold; color:#aaa;}

/*bnr*/
#facilityIndex{ max-width:1300px; margin:0 auto; padding:0 0 60px;}
#facilityIndex ul{ overflow:hidden; padding:0 3%;}
#facilityIndex ul li{ margin:0 0 30px; display:table; position:relative;}
#facilityIndex ul li .ph,
#facilityIndex ul li div{ width:60%; display:table-cell; vertical-align:middle; text-align:center;}
#facilityIndex ul li .ph img{ width:100%;}
#facilityIndex ul li div .icon{ margin:0 0 20px; font-family: 'Josefin Sans', sans-serif;}
#facilityIndex ul li div .icon span{ display:inline; background:#000; color:#fff; padding:4px 10px; font-size:18px; line-height:100%;}
#facilityIndex ul li div .title{ margin:0 0 3%;}
#facilityIndex ul li div .txt{ font-size:85%; color:#333; line-height:200%;}

#facilityIndex ul li a{ position:absolute; display:block; top:0; left:0; width:100%; height:100%;}
#facilityIndex ul li:hover .ph{ opacity:0.9;}

#facilityIndex ul li#f01{ background:#ffeced;}
#facilityIndex ul li#f02{ background:#eefff6;}

/*付帯施設*/
#otherFacility{ padding:60px 0; background:#fafaf8;}
#otherFacility h3{ font-size:15px; line-height:100%; font-weight:bold; text-align:center; margin:0 0 20px; color:#000;}
#otherFacility h3 span{ display:block; font-family: 'Josefin Sans', sans-serif; font-weight:600; font-size:40px; line-height:150%;}

#otherFacility #galleryArea{ overflow:hidden; max-width:1300px; margin:0 auto;}
#otherFacility #galleryArea .gBox{ float:left; width:48%; margin:0 1% 60px; text-align:center;}
#otherFacility #galleryArea .gBox img{ width:100%;}
#otherFacility #galleryArea .gBox h5{ font-weight:bold; color:#000; font-size:17px; margin:10px 0 5px;}
#otherFacility #galleryArea .gBox h5 span{ background:#000; color:#fff; font-family: 'Josefin Sans', sans-serif; margin:0 0 0 5px; padding:4px 8px; font-size:80%;}
#otherFacility #galleryArea .gBox .txt{ font-size:85%; margin:0 0 10px;}
.bx-wrapper .bx-pager { bottom:2% !important;}


/*==============================================

	スマホ

==============================================*/
@media only screen and (max-width: 739px) {
/*========================
	施設のご紹介
=========================*/
/*intro*/
.intro{ margin:0 0 20px;}
.intro .h{ font-size:14px;}
/*bnr*/
#facilityIndex{ max-width:inherit; padding:0 0 20px;}
#facilityIndex ul{ overflow:hidden; padding:0 3%;}
#facilityIndex ul li{ margin:0 0 10px; display:table; position:relative;}
#facilityIndex ul li .ph,
#facilityIndex ul li div{ width:60%; display:table-cell; vertical-align:middle; text-align:center;}
#facilityIndex ul li div .icon{ margin:0 0 5px;}
#facilityIndex ul li div .icon span{ display:inline; background:#000; color:#fff; padding:3px 8px 1px; font-size:12px; line-height:100%;}
#facilityIndex ul li div .title{ margin:0 0 3%;}
#facilityIndex ul li div .title img{ height:27px;}
#facilityIndex ul li div .txt{ display:none;}

/*付帯施設*/
#otherFacility{ padding:30px 0 0 0;}
#otherFacility h3{ font-size:13px; margin:0 0 10px;}
#otherFacility h3 span{ font-size:25px; line-height:90%;}
#otherFacility .intro .h{ font-size:12px;}

#otherFacility #galleryArea{ overflow:hidden;}
#otherFacility #galleryArea .gBox{ float:left; width:48%; margin:0 1% 30px; text-align:center;}
#otherFacility #galleryArea .gBox img{ width:100%;}
#otherFacility #galleryArea .gBox h5{ font-size:13px;}
#otherFacility #galleryArea .gBox h5 span{ padding:2px 4px;}
#otherFacility #galleryArea .gBox .txt{ display:none;}

}