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

style.css共通

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

/* ページタイトル
------------------------------------------------------------*/
.ttlPage{
	background-image:url(../images/mainvisual_bg.jpg);
	}
	
/*------------------------------------------------------------



/* ボタン */

.schBtn{
	line-height:1;
	display:block;
	text-align:center;
	padding:1em 0.5em;
	border-radius:3px;
	text-decoration:none;
	border:1px solid transparent;
	background-color:transparent;
	color:#fff;
	font-weight:700;
	width:100%;
	height:100%;
	}
	.schBtn:hover{
		background-color:#fff;
		}
	.schBtn-l{
		max-width:300px;
		width:100%;
		margin-left:auto;
		margin-right:auto;
		font-size:1.25em;
		}
	.schBtn-blue{ background-color:#6A8D9D; }
	.schBtn-blue:hover{ border:1px solid #6A8D9D; color:#6A8D9D; }
	
	.schBtn-brown{ background-color:#C1654C; }
	.schBtn-brown:hover{ border:1px solid #C1654C; color:#C1654C; }
	.schBtn-brown-cc{ color:#C1654C; border:1px solid #eee; }
	.schBtn-brown-cc:hover{ color:#C1654C; border:1px solid #C1654C; }
	
	.schBtn-yellow{ background-color:#D8A65D; }
	.schBtn-yellow:hover{ border:1px solid #D8A65D; color:#D8A65D; }
	.schBtn-yellow-cc{ color:#D8A65D; border:1px solid #D8A65D; }
	.schBtn-yellow-cc:hover{ color:#D8A65D; border:1px solid #D8A65D; }
	
	.schBtn-khaki{ background-color:#a19d8c; }
	.schBtn-khaki:hover{ border:1px solid #a19d8c; color:#a19d8c; }
	

/* サブメニュー */



/*お問合せ相談先*/
.contactWrap{
	display: block;
	background-color: #fff;
	text-align: center;
	padding: 2em;
	text-decoration: none;
	color: #000;
	border: 1px solid #d6d3ca;
	-webkit-box-shadow: inset 0px 0px 0px 10px rgba(214, 211, 202, 0.2);
	box-shadow: inset 0px 0px 0px 10px rgba(214, 211, 202, 0.2);
	position: relative;
	overflow: hidden;
	}
.contactWrap h5{
	border:none;
	padding:0;
	font-family: var(--bs-font-serif);
	font-size: 1.625em;
	line-height: 1;
	}
@media only screen and (min-width : 600px){
	.contactWrap {padding:3em;}
	.contactWrap li{ margin-bottom:0;}
}

/*
トップページ

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

/* メインイメージ
------------------------------------------------------------*/
.mainvisual{
	height:240px;
	background-image:url(../images/mainvisual_bg.jpg);
	}
	.mainvisual::before {
		display:none;
		}
/*TABLET*/
@media only screen and (min-width : 600px){
.mainvisual{
	height:480px;
	}
}
/*PC*/
@media only screen and (min-width : 1025px){
}
/*IE*/
@media all and (-ms-high-contrast:none){
}

/* 説明文
------------------------------------------------------------*/
.top-about{
	}
.top-aboutInner{
	max-width:900px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	}
.top-aboutCatch{
	text-align:left;
	font-family: var(--bs-font-serif);
	font-size:2.125em;
	line-height:1.4em;
	color:#9b9684;
	margin-bottom:25px;
	}
	.top-aboutCatch br{
		display:none;
		}
.top-aboutTxt{
	font-weight:600;
	line-height:1.8em;
	}
	.top-aboutTxt:nth-of-type(2) {
		margin-bottom:15px;
		}
	.top-aboutTxt:last-child{
		margin-bottom:50px;
		}
/**/
.top-aboutLink{}

.top-aboutLink > *{
	margin-bottom:20px;
	}
.top-aboutLink a{
	display:block;
	}
.top-aboutTmb{
	display:block;
	overflow:hidden;
	position:relative;
	box-shadow: 6.43px 7.66px 5px rgba(0, 0, 0, 0.1);
	transition: box-shadow 0.3s ease, transform 0.3s ease;
	margin-bottom:20px;
	}
.top-aboutSubTtl{
	font-family: var(--bs-font-serif);
	color: rgb(155, 150, 132);
	font-size:1.2em;
	margin-bottom: 10px;
	}	
.top-aboutLink h3{
	background:none;
	padding:0;
	font-family: var(--bs-font-serif);
	color:#222;
	font-size: 1.8em;
	}
.top-aboutLink a:hover h3,
.top-aboutLink a:active h3{
	color:#D8A65D;
	}

/*TABLET*/
@media only screen and (min-width : 600px){
.top-aboutCatch br{
	display:block;
	}
.top-aboutTxt{
	text-align:center;
	}

}
/*PC*/
@media only screen and (min-width : 1025px){
.top-aboutCatch{
	text-align:center;
	margin-bottom:50px;
	}
.top-aboutTxt:nth-of-type(2) {
	margin-bottom:30px;
	}
.top-aboutTxt:last-child {
	margin-bottom:100px;
	}
.top-aboutLink > *{
	width:46.6666%;
	margin-right:6.6666%;
	}
.top-aboutLink > *:nth-child(2n){
	margin-right:0;
	}
.top-aboutTmb{
	margin-bottom:40px;
	}


}
/*IE*/
@media all and (-ms-high-contrast:none){
}

/* 選ばれる理由
------------------------------------------------------------*/
.top-reason{
	background:url(../images/top-reasonBg.jpg) center center no-repeat;
	background-size:cover;
	padding: 75px 0;
	}
.top-reason h2{}
.top-reason h3{
	background:none;
	padding:0;
	color:#222;
	}
.top-reasonCont{}
.top-reasonImg{
	display:block;
	overflow:hidden;
	position:relative;
	box-shadow: 6.43px 7.66px 5px rgba(0, 0, 0, 0.1);
	transition: box-shadow 0.3s ease, transform 0.3s ease;
	margin-bottom:20px;
	}

@media only screen and (min-width : 600px){
	.top-reasonCont{
		display:flex;
		align-items:flex-start;
		justify-content: space-between;
		}
	.top-reasonImg{
		flex-shrink: 0;
		width:45%;
		max-width:520px;
		}
	.top-reasonTxt{
		flex-shrink: 0;
		width:50%;
		}
	.top-reasonCont:nth-child(even) .top-reasonImg{
		order: 2;
		}
	.top-reasonCont:nth-child(even) .top-reasonTxt{
		order: 1;
		}
}
@media only screen and (min-width : 1025px){
	.top-reason{
		padding: 150px 0;
		}
	.top-reasonCont{
		align-items: center;
		}

}

/* お問い合わせ
------------------------------------------------------------*/
.top-contact{
	background:url(../images/top-contactBg.jpg) center center no-repeat;
	background-size:cover;
	padding: 75px 0;
	}

.top-contactBtn{
	display:block;
	width:90%;
	max-width:360px;
	margin-left:auto;
	margin-right:auto;
	font-family: var(--bs-font-serif);
	font-size:1.2em;
	line-height:1em;
	text-align:center;
	padding:1em 0.5em;
	border:1px solid #ccc;
	text-decoration:none;
	color:#ccc;
	font-weight:bold;
	}
	.top-contactBtn:hover{
		background-color:#7d796a;
		opacity:1;
		}
@media only screen and (min-width : 600px){
	.top-contactBtn{
	}
}

@media only screen and (min-width : 1025px){
	.top-contact{
		padding: 150px 0;
		}
}







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

共通

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


/* サブメニュー
----------------------------------------------------------
#kaigo .subMenu{
	display:flex;
	align-items: stretch;
	flex-wrap: wrap;
	gap: 3px;
	}
#kaigo .subMenu li{
	flex: auto;
	width:auto;
	}

#kaigo .subMenu a{
	display:block;
	height:100%;
  display: flex;
  align-items: center;
  justify-content: center;
	}

#kaigo .subMenu li a {
	padding:0.75em;
	}
	
#kaigo .subMenu i{
	margin-right:4px;
	font-size: 0.86em;
	}
	
#menu.fixed {
  position: fixed;
  top: 0;
	right:50px;
	left:3%;
	z-index: 99;
	background-color:rgba(255,255,255,0.8);
}


@media only screen and (min-width : 1025px){
	#kaigo .subMenu{
		gap:10px;
		margin-bottom:60px;
		}
	#menu.fixed {
		position: fixed;
		top: 0;
		left:inherit;
		right: 50%;
		-webkit-transform: translateX(50%);
		-ms-transform: translateX(50%);
		transform: translateX(50%);
		width: 96%;
		max-width:1200px;
	background-color:rgba(255,255,255,0.8);
	}


}
--*/

/* リード文　スライダー写真 PRアイコン
------------------------------------------------------------*/
.readTxt{
	text-align:left;
	font-family: var(--bs-font-serif);
	font-size:1.6em;
	line-height:1.4em;
	margin-bottom:25px;
	}
.swiper-wrapper { margin-bottom:10px;}
.swiper-wrapper img{ margin:auto;}
.swiper-wrapper .swiper-slide p{ margin-top:5px; text-align:center;}
.slider-thumbnail .swiper-slide {
  opacity: .5;
  transition: opacity .5s;
  width: calc(100% / 3);
	padding:3px;
	cursor:pointer;
	}
.slider-thumbnail .swiper-slide.swiper-slide-thumb-active {
  opacity: 1;
	border:#7d7a6b solid 1px;
	}

@media only screen and (min-width : 600px){
	.readTxt{
	text-align:center;
	}	
	}
@media only screen and (min-width : 1025px){
	.slider-thumbnail .swiper-slide {
		width: calc(100% / 6);
		padding:5px;
		}
}

.prIco{
	display:flex;
	align-items: stretch;
	justify-content: center; 
	gap:5px 5px;
	flex-wrap: wrap;
	}
.prIco > *{
	border:#7d7a6b solid 1px;
	padding:10px;
		border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	font-size:0.86em;
	line-height:1em;
	}


/*施設詳細*/
.roomNo{
	background-color:#f7f7f7;
	text-align:center;
	padding:20px 5px;
	}

.column2.list > *{ margin-bottom:0;}


/*よくある質問*/
.faq_Q,
.faq_A{
	position:relative;
	padding-left:60px;
	}
.faq_Q .faqIco,
.faq_A .faqIco{
  display: flex;
  align-items: center;
  justify-content: center;
	width:40px;
	height:40px;
	font-size:26px;
	line-height:1em;
	color:#fff;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	position:absolute;
	left:10px;
	font-weight:bold;
	text-align:center;
	}
.faq_Q .faqIco{
	bottom: 50%;
	-webkit-transform: translateY(50%);
	-ms-transform: translateY(50%);
	transform: translateY(50%);
	border:#bbb6a6 solid 1px;
	color:#bbb6a6;
	background-color:#fff;
	}

.faq_A .faqIco{
	top:10px;
	left:10px;
	background-color:#bbb6a6;

	}

@media only screen and (min-width : 1025px){
	.faq_Q,
	.faq_A{ padding-left:70px;}
	.faq_Q .faqIco{ left:20px;}
	.faq_A .faqIco{	top:20px; left:20px;}
}




/* カレンダー
------------------------------------------------------------*/

.calendar {
  width: 100%;
  border-collapse: collapse;
}
.calendar caption{
	font-weight:bold;
	font-size:1.2em;
	margin-bottom:10px;
	}

.calendar th,
.calendar td {
  border: 1px solid #ddd;
  text-align: center;
  padding:6px 0;
  font-weight: bold;
	}
.calendar thead th{
	background: #9b9684;
	color: #ffffff;
  padding: 6px 10px;
	}
.calendar tbody th {
	background:#f7f7f7;
	padding:6px 10px;
	}
.calendar td {}
.calendar_sun{
	background-color: #ffebe9 !important;
	}
.calendar_sat {
  background-color: #e9f8ff !important;
	}
.calendar thead td{
	background:#f7f7f7;
	color:#222;
	}
.calendar thead .calendar_sun {
  color: #d10806;
  background-color: #e5978f !important;
	}
.calendar thead .calendar_sat {
  color: #115091;
  background-color: #7abcdb !important;
	}
/**/
.calendar td p{
	font-size:0.86em;
	font-weight:400;
	color:#222;
	padding:3px 0;
	}
.calendar td a{
	display:block;
	margin:-3px 0;
	padding:3px 0;
	}
.calendar td a:hover{
	background-color:#ff5d51 !important;
	}
.calendar i.fa-circle-o{
	font-size:1.2em;
	color:#0033ee;
	}
.calendar i.fa-times{
	font-size:1.2em;
	color:#ff0000;
	}
.calendar i.fa-triangle{
	font-weight:bold;
	color:#ff9800;
	font-style:normal;
	}

/**/
.calendar-wrap{
	position:relative;
	overflow:hidden;
	}
/**/
.calendar_visit{
	position:relative;
	padding-top:40px;
	overflow:hidden;
	}
.calendar_visit .swiper-slide{
	padding-left:50px;
}
.calendar_visit .calendar thead th,
.calendar_visit .calendar thead td,
.calendar_visit .calendar tbody th,
.calendar_visit .calendar tbody td{
	padding:8px 1px;
	white-space:nowrap;
	letter-spacing: -0.05em;
	font-size:0.9em;
	line-height: 1.5em;
	height: calc(1.5em + 17px);
	}
.calendar_visit .calendar tbody td a{
	margin:-8px -1px;
	padding:8px 1px;
	height: calc(1.5em + 15px);
}

.calendar-left{
	position:absolute;
	width:51px;
	top:40px;
	left:0;
	z-index:10;
}



@media only screen and (min-width : 1025px){
.calendar_visit .calendar thead th,
.calendar_visit .calendar thead td,
.calendar_visit .calendar tbody th,
.calendar_visit .calendar tbody td{
		padding:10px 15px;
		letter-spacing:0em;
		font-size:1em;
		line-height: 1.5em;
		height: calc(1.5em + 21px);
	}
.calendar_visit .calendar tbody td a{
		margin:-10px -15px;
		padding:10px 15px;
		height: calc(1.5em + 19px);
	}
.calendar_visit .swiper-slide{
	padding-left:100px;
}
.calendar-left{
	width:101px;
}
}




/**/
.calendar-wrap.swiper2 .swiper-button-next,
.calendar-wrap.swiper2 .swiper-button-prev,
.calendar-wrap.swiper4 .swiper-button-next,
.calendar-wrap.swiper4 .swiper-button-prev {
			position: absolute;
			top: 0;
			width:80px;
			height:auto;
			margin-top:0;
			color:#fff;
			background-color:#333;
			padding:5px;
			border-radius:5px;
			-moz-border-radius:5px;
			-webkit-border-radius:5px;
		}
.calendar-wrap.swiper2 .swiper-button-next:after,
.calendar-wrap.swiper2 .swiper-button-prev:after,
.calendar-wrap.swiper4 .swiper-button-next:after,
.calendar-wrap.swiper4 .swiper-button-prev:after {
			font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
			font-size:1.2em;
			text-transform: none!important;
			letter-spacing: 0;
			font-variant: initial;
			line-height: 1
		}
.calendar-wrap.swiper2 .swiper-button-prev,
.calendar-wrap.swiper2 .swiper-rtl .swiper-button-next,
.calendar-wrap.swiper4 .swiper-button-prev,
.calendar-wrap.swiper4 .swiper-rtl .swiper-button-next {
			left: 0;
		}
.calendar-wrap.swiper2 .swiper-button-next,
.calendar-wrap.swiper2 .swiper-rtl .swiper-button-prev,
.calendar-wrap.swiper4 .swiper-button-next,
.calendar-wrap.swiper4 .swiper-rtl .swiper-button-prev {
			right: 0;
		}
.calendar-wrap.swiper2 .swiper-button-prev:after,
.calendar-wrap.swiper2 .swiper-rtl .swiper-button-next:after,
.calendar-wrap.swiper4 .swiper-button-prev:after,
.calendar-wrap.swiper4 .swiper-rtl .swiper-button-next:after {
    content: '\524D\6708'
}
.calendar-wrap.swiper2 .swiper-button-next:after,
.calendar-wrap.swiper2 .swiper-rtl .swiper-button-prev:after,
.calendar-wrap.swiper4 .swiper-button-next:after,
.calendar-wrap.swiper4 .swiper-rtl .swiper-button-prev:after {
		content: '\7FCC\6708'
}



.calendar_visit.swiper3 .swiper-button-next,
.calendar_visit.swiper3 .swiper-button-prev {
			position: absolute;
			top: 0;
			width:80px;
			height:auto;
			margin-top:0;
			color:#fff;
			background-color:#333;
			padding:5px;
			border-radius:5px;
			-moz-border-radius:5px;
			-webkit-border-radius:5px;
		}
.calendar_visit.swiper3 .swiper-button-next:after,
.calendar_visit.swiper3 .swiper-button-prev:after {
			font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
			font-size:1.2em;
			text-transform: none!important;
			letter-spacing: 0;
			font-variant: initial;
			line-height: 1
		}
.calendar_visit.swiper3 .swiper-button-prev,
.calendar_visit.swiper3 .swiper-rtl .swiper-button-next {
			left: 0;
		}
.calendar_visit.swiper3 .swiper-button-next,
.calendar_visit.swiper3 .swiper-rtl .swiper-button-prev {
			right: 0;
		}

.calendar_visit.swiper3 .swiper-button-prev:after,
.calendar_visit.swiper3 .swiper-rtl .swiper-button-next:after {
    content: '\524D\9031'
}
.calendar_visit.swiper3 .swiper-button-next:after,
.calendar_visit.swiper3 .swiper-rtl .swiper-button-prev:after {
		content: '\6B21\9031'
}