@charset "UTF-8";
/* CSS Document */
/*歴史ページ*/
.historyDetail {
  margin-bottom: 10%; }

/*国登録有形文化財『幽泉亭』ページ*/
.yuusenteiDetail {
  margin-bottom: 10%; }

.yuusenteiDetail h3 {
  font-size: 130%;
  color: #F63; }

.yuusenteiDetail h4 {
  font-size: 120%;
  color: #F90;
  margin-bottom: 2%; }

.yuusenteiDetailInner {
  margin-bottom: 25px; }

.yuusenteiDetailInnerList {
  margin: 5% 0 10%; }

.yuusenteiDetailInnerList li {
  margin: 0 0 2%; }

.yuusenteiDetailInnerList dd {
  font-size: 90%;
  color: #666; }

/*客室overallView*/
#overallView {
  writing-mode: vertical-rl;
  position: relative;
height: 200px;}

#overallViewImg {
  width: 100%;}

#overallViewImg img {
  width: 100%;
  min-height:auto;
aspect-ratio: 16 / 9;}

#contents01, #contents02, #contents03, #contents01sp, #contents02sp, #contents03sp {
  font-size: 130%;
  background: #000000;
  padding: 20px 0;
  font-family: 'Shippori Mincho', serif;
  color: #fff;
  letter-spacing: 4px;}

#contents01:hover, #contents02:hover, #contents03:hover, #contents01sp:hover, #contents02sp:hover, #contents03sp:hover {
	background: #942148;
}

#contents01 a, #contents02 a, #contents03 a, #contents01sp a, #contents02sp a, #contents03sp a {
	display: block;
	color: #fff;
}

#contents01sp {
  position: absolute;
  top: -30px;
  left: 5%; }

#contents02sp {
  position: absolute;
  top: -30px;
  left: 70%; }

#contents03sp {
  position: absolute;
  top: -30px;
  left: 90%; }

/*でかい角丸のバナー*/
#bigBnr { max-width: 1000px; margin-top: 5%;}
#bigBnr div { border-radius: 0 50px;}
#bigBnr img { width: 100%;}

/*温泉*/
#onsenHistory {
	position: relative;
	background-image: url("../img/onsen/onsenHistory-bg.png") ;
	border-radius: 60px;
	margin-top: 40px;
	padding: 45px;
}

#onsenHistory h3 {margin: 0 0 5px; font-weight: 400; color: #094600;}
#onsenHistory div {margin: 5px 0 20px;}
#onsenHistory div:last-child {margin: 5px 0 0;}
#onsenHistory p {padding: 10px 0;}

/*パワースポット*/
#powerSpotSection01 , #powerSpotSection02 , #powerSpotSection03 {
	background-color: #fff;
	background-repeat: no-repeat;
	background-size: 100%;
	padding: 30px;
	filter: drop-shadow(0 0px 2px rgba(0, 0, 0, .1));
}

#powerSpotSection01 { background-image: url("../img/sightseeing/power-spot/powerSpot-bg01.png");}
#powerSpotSection02 { background-image: url("../img/sightseeing/power-spot/powerSpot-bg02.png");}
#powerSpotSection03 { background-image: url("../img/sightseeing/power-spot/powerSpot-bg03.png");}

#powerSpotSection01 h2 , #powerSpotSection02 h2 , #powerSpotSection03 h2 { margin: 0 auto 6%;}
.powerSpotDetail {}
.powerSpotDetail h3 {font-size: 200%;}
.powerSpotDetail h4 {font-size: 160%; margin-bottom: 25px;}
.powerSpotDetail .powerSpotDetailText { margin-bottom: 30px;}

/*縦書き文字の数字*/
span.number {text-orientation: upright;}
span.number2 {text-combine-upright: all; letter-spacing: normal;}

/*ご結納*/
.yuinoDetail p {margin-bottom: 50px;}

/*文字右寄せ*/
.align-right {text-align: right;}

/*文章囲み枠*/
.infoBox01{border:1px solid #ccc; padding:1em;	margin: 0.5em 0;}

/*小泉八雲*/
.link-btnA,.link-btnB{	
	display: block;
	width: 50%;
	margin: 10px 5px 10px 0;
	padding: 0.6rem 1em;
	color: #fff;
	background: rgba(148,33,72,0.2);
	cursor: pointer;
	border-radius: 50px;
	text-align: center;
}
.link-btnA a,.link-btnB a{display: block;width: 100%;}
.link-btnB{	width: 100%;}
.link-btnA:hover,.link-btnB:hover {
	background: rgba(26,26,26,0.5);
}
.link-btnA a:hover, .link-btnB a:hover{
	color: #fff;
}
.redpurpleText{color:#942148; }

@media (min-width: 500px) {
#overallView {
height: 250px;}
	
#contents01sp {
  position: absolute;
  top: -5px;}

#contents02sp {
  position: absolute;
  top: -5px;
  left: 65%;}

#contents03sp {
  position: absolute;
  top: 10px; }
}

@media (min-width: 600px) {
#overallView {
height: 300px;}
	
#contents01sp {
  position: absolute;
  top: 15px;}

#contents02sp {
  position: absolute;
  top: 15px;
  left: 70%; }

#contents03sp {
  position: absolute;
  top: 25px;}
}

@media (min-width: 768px) {
#overallView {
height: auto;}
	
#contents01 {
  position: absolute;
  top: 70px;
  left: 5%; }

#contents02 {
  position: absolute;
  top: 70px;
  left: 70%;}

#contents03 {
  position: absolute;
  top: 120px;
  left: 90%; }
}

/*パワースポット*/
#powerSpotSection01 h2 , #powerSpotSection02 h2 , #powerSpotSection03 h2 { margin: 0 auto 4%;}

/*プラン一覧*/
#stayplan .planBox ul.planInner .planTitle {flex-direction: column;} 

/*文章囲み枠*/
.infoBox01{border:1px solid #ccc; padding:1em;	margin: 0.5em 0;}