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

:root{
    --slid-duration:55s;
    --slid-display-time:5s;    
}

#header{/* margin-top: -1em; */}
main{/* margin-top: -1em; */}

#firstview .firstviewInner{position:relative;height:600px;overflow:hidden;/* margin-top: 2em; */}
#firstview .firstviewInner .bgImg{position:absolute;top:0;left:0;bottom:0;right:0;opacity:0;animation: image-switch-animation var(--slid-duration) infinite 0s;background-position: center;}
#firstview .firstviewInner .src1 {
    background-image : url(../images/back01_2601.jpg?v20260113A);
    animation-delay: calc(var(--slid-display-time) * 0);
}
#firstview .firstviewInner .src2 {
    background-image : url(../images/back03_2601.jpg?v20260113A);
    animation-delay: calc(var(--slid-display-time) * 1);
}
#firstview .firstviewInner .src3 {
    background-image : url(../images/back02_2601_b.jpg?v20260113A);
    animation-delay: calc(var(--slid-display-time) * 2);
}
#firstview .firstviewInner .src4 {
    background-image : url(../images/back04_260113.jpg?v20260113A);
    animation-delay: calc(var(--slid-display-time) * 3);
}

#firstview .firstviewInner .src5 {
    background-image : url(../images/back05_2601.jpg?v20260113A);
    animation-delay: calc(var(--slid-display-time) * 4);
}
#firstview .firstviewInner .src6 {
    background-image : url(../images/back06_2601.jpg?v20260113A);
    animation-delay: calc(var(--slid-display-time) * 5);
}
#firstview .firstviewInner .src7 {
    background-image : url(../images/back09_2601.jpg?v20260113A);
    animation-delay: calc(var(--slid-display-time) * 6);
}
#firstview .firstviewInner .src8 {
    background-image : url(../images/back07_2601.jpg?v20260113A);
    animation-delay: calc(var(--slid-display-time) * 7);
}
#firstview .firstviewInner .src9 {
    background-image : url(../images/back10_2601.jpg?v20260113A);
    animation-delay: calc(var(--slid-display-time) * 8);
}
#firstview .firstviewInner .src10 {
    background-image : url(../images/back08_2601.jpg?v20260113A);
    animation-delay: calc(var(--slid-display-time) * 9);
}
#firstview .firstviewInner .src11 {
    background-image : url(../images/back11_2601.jpg?v20260113A);
    animation-delay: calc(var(--slid-display-time) * 10);
}


@keyframes image-switch-animation {
    0% {
    opacity: 0;
    animation-timing-function: ease-in;
  }

  5% {
    opacity: 1;
    animation-timing-function: ease-out;
  }

  /* �ŏ��̉摜���\������鎞�Ԃ𒲐� */
  15% {
    opacity: 1;
  }

  20%,
  100% {
    opacity: 0;
  }
}


/* WarrantySec*/

#WarrantySec {
  margin: 0 auto;
  display: flex;
  align-items: center; /* 縦方向を中央揃え */
  justify-content: center;
  padding: 2em 0 0;
}

#WarrantySec img {
  /* margin-right: 1em; */
}

#WarrantySec .WarrantyBox h2 {
  text-align: center;
  color: #8B6411;
  font-size: 29px;
  border-bottom: 1px solid #8B6411;
  display: inline-block; /* ←これがポイント！ */
  padding-bottom: 0em;  /* 下線との余白調整 */
  padding-left: 0.8em;
  font-weight: 300;
  padding-right: 1.2em;
}

#WarrantySec .WarrantyBox h2 .size120{font-size:44px;}
#WarrantySec .WarrantyBox p{text-align: center;font-size:14px;padding-left: 0em;line-height: 1.5em;padding-top: 0.5em;font-weight: 500;}


/* resSec */
#resSec{font-size: 18px;padding: 1.7rem 0;}
#resSec .resInner .resBox{background-color:#F9F9F8;border: 1px solid #887E70;margin-bottom: 1em; padding: 1em 2em;}
#resSec .resInner .boushinBox{margin-bottom: 1.5em;}
#resSec .resInner .boushinBox a{transition: 0.2s ease-in-out;}
#resSec .resInner .boushinBox a:hover{opacity: 0.75;}
#resSec .resInner .boushinBox a .boushinInner{}
#resSec .resInner .boushinBox a .boushinInner img{width:100%;height:auto;}
#resSec .resInner .resWrap{display: flex;align-items: center;font-size: 0.8em;}
#resSec .resInner .resWrap form{display: flex;}
#resSec .resInner .resWrap input{padding-left: 1em;}
#resSec .resInner .resWrap select{border: none;background: none;padding-left: 1em;cursor: pointer;}
#resSec .resInner .resWrap .resCheckIn input{border: none;background: none;}
#resSec .resInner .resWrap .resBorder{border-right: 1px solid #3E3A39;padding-right: 1.2em;padding-left: 1.2em;}
#resSec .resInner .resWrap .resBorder:last-child{border: none;padding-right: 0;}
#resSec .resInner .resWrap .resBorder p{line-height: 1.6;padding: 0;}
#resSec .resInner .resWrap .resSearch input{margin-left: 2.5em; padding: 0.5em 1em;color: #fff;background-color: #625b55;border: 2px solid #C9CACA;transition: ease .3s;cursor: pointer;}
#resSec .resInner .resWrap .resSearch input:hover{background-color: #fff;color: #625b55;}
#resSec .resInner .resWrap .resTitle{display: flex;align-items: center;justify-content: space-between;}
#resSec .resInner .resWrap .resTitle p{margin-left: 1em;}
#resSec .resInner .resBtn{display: flex;justify-content: center;}
#resSec .resInner .resBtn a{text-align: center;color: #fff;width: 25%;padding: 0.6em 1em;border: 2px solid #C9CACA;font-weight:lighter;transition: ease .3s;position: relative;margin: 0 1em;}
#resSec .resInner .resBtn a::after{content: "";margin: auto;position: absolute;top: 0;bottom: 0;right: 18px;width: 8px;height: 8px;border-top: 2px solid #fff;border-right: 2px solid #fff;transform: rotate(45deg);}
#resSec .resInner .resBtn a:hover{background-color: #fff;}
#resSec .resInner .resBtn .btnColor1:hover{color:#8B6411;}
#resSec .resInner .resBtn .btnColor1:hover::after{border-top: 2px solid #8B6411;border-right: 2px solid #8B6411;}
#resSec .resInner .resBtn .btnColor2:hover{color:#887E70;}
#resSec .resInner .resBtn .btnColor2:hover::after{border-top: 2px solid #887E70;border-right: 2px solid #887E70;}
#resSec .resInner .resBtn .btnColor3:hover{color:#5E6B80;}
#resSec .resInner .resBtn .btnColor3:hover::after{border-top: 2px solid #5E6B80;border-right: 2px solid #5E6B80;}
#resSec .resInner .resAbout{position: relative;margin-top: 2em;font-size: 16px;}
#resSec .resInner .resAbout .resText{position: absolute;color: #fff;background-color: rgba(0, 0, 0, 0.6);font-weight: lighter;padding: 0.5em 1em;top: 18%;transform: translateY(-30%);left: 50%;transform: translateX(-50%);}
#resSec .resInner .resAbout .resTextTitle{font-size: 1em;text-align: center;line-height: 1em;}
#resSec .resInner .resAbout .resTextSmall{font-size: 1.4em;text-align: center;line-height: 1em;}
#resSec .resInner .resAbout .resTextcoseday{font-size: 1.2em;text-align: center;line-height: 1em;}
#resSec .resInner .resAbout .resTextday{font-size: 1em;text-align: center;line-height: 1.1em;}
#resSec .resInner .resAbout .resTextSmall span{border: 1px solid #fff;padding: 0.2em 0.4em;}
#resSec .resInner .resAbout .resTextBig{font-size: 3em;text-align: center;line-height: 1;}
#resSec .resInner .resAbout .resTextBig span{font-size: 1.5em;}

/* bestSec */
#repointSec{padding: 2rem 0rem 5rem; background-color: #EBE6DC;}
#repointSec .bestBox .bestInfo
特異性: (1,2,0)
 {width: 90%;margin: 0 auto 6em;text-align: center;}


/* bestSec */
#bestSec{background-color:#EBE6DC;}
#bestSec .bestBox .bestInfo{width: 90%;margin: 0 auto 6em;text-align: center;}
#bestSec .bestBox .bestInfo a{display: block;margin: 0 auto;}
#bestSec .bestBox .bestInfo a img{margin: 0 auto;}
/* #bestSec .bestBox .bestInfo{display: flex;justify-content: space-between;} */
/* #bestSec .bestBox .bestInfo a{width: 18%;} */
/* #bestSec .bestBox .bestInfo img{width: 100%;} */
#bestSec .bestBtn{display: flex;justify-content: space-evenly;margin-top: 2em;font-size: 18px;}
#bestSec .bestBtn a{background-color: #A5A111; text-align: center;color: #fff;width: 25%;padding: 0.6em 1em;border: 2px solid #C9CACA;font-weight:lighter;transition: ease .3s;position: relative;}
#bestSec .bestBtn a:hover{background-color: #fff;color: #A5A111;}
#bestSec .bestBtn a::after{content: "";margin: auto;position: absolute;top: 0;bottom: 0;right: 18px;width: 8px;height: 8px;border-top: 2px solid #fff;border-right: 2px solid #fff;transform: rotate(45deg);}
#bestSec .bestBtn a:hover::after{border-top: 2px solid #A5A111;border-right: 2px solid #A5A111;}


/*renewSec*/
#renewSec{padding: 0 0 6em; color: #dedede; background-color: #000;}

#renewSec .pcNone{display: none;}
#renewSec .allTitleInner{margin: 0; padding: 5.4em 0 4em;}
#renewSec  .renewMainVis{background: url(../images/img_renew_bg.jpg) center center; background-position-x: 50%; position: relative; }
#renewSec  .renewMainVis::before{content: '';  position: absolute;  top: 0;  right: 0;  bottom: 0;  left: 0;  background-color: rgba(0, 0, 0, 0.5);}
#renewSec  .renewMainVis .allTitleInner{background: url(../images/img_renew_bg.jpg) no-repeat center center; position: sticky;}
#renewSec .allTitle h2{margin: 0 auto; padding: 0 0.3em; font-size: 2.6em; line-height: 1.4; writing-mode: vertical-rl; text-align: center; color: #dedede; text-shadow: 0px 0px 1px #000; border-left: 1px solid #dedede; border-right: 1px solid #dedede;} 
#renewSec .allTitle h2 span{display: block; font-size: 0.5em; text-align: start; }
#renewSec .allTitle p{margin-top: 3em; font-size: 1.1em; line-height: 1.25; color: #dedede; text-shadow: 0px 0px 1px #000;}
#renewSec .renewBox .renewItem{margin-top: 3.9em;}
#renewSec .renewBox .renewItem:first-child{margin-top: 2.5em;}
#renewSec .renewItem .allTitle{display: flex; flex-direction: column; margin-bottom: 2.1em; padding: 0;}
#renewSec .renewItem .allTitle .title{font-size: 1.48em; line-height: 1.6; text-align: center; order: 2;}
#renewSec .renewItem .allTitle .sub{margin: 0; padding-bottom: 0.8em; font-size: 1.1em; line-height: 1; order: 1;}
#renewSec .renewItem .allTitle .text{margin: 0.6em 0 0.3em; font-size: 0.95em; order: 3;}
#renewSec .renewBox .renewImg{display: flex;}
#renewSec .renewBox .activity .renewImg .other{gap: 0.5em 2%;}
#renewSec .renewBox .renewImg .other{display: flex; flex-wrap: wrap; justify-content: end; height: 100%; gap: 0.5em 0.5em;}
#renewSec .renewBox .renewImg .centerImg{display: flex; flex-wrap: wrap; justify-content: center; height: 100%; gap: 0.5em 0.5em;}
#renewSec .renewBox .renewImg p{padding-bottom: 0; line-height: 1; text-align: center;}
#renewSec .renewBox  .renewImg p{padding-top: 0.5em;}
#renewSec .hospitality .hosItem{display: flex; justify-content: space-between;}
#renewSec .hospitality .lounge{display: flex;width: 58%;background-color: #861c1c;/* border: solid 1px; */}
#renewSec .hospitality .refridge{width: 33%;background-color: #213356;/* border: solid 1px; */}
#renewSec .hospitality .spa{display: flex;background-color: #2d616a;}
#renewSec .hospitality .spa .hostListInner{
    padding: 0px 14px 14px  0px;
}
#renewSec .hospitality .spa .hostListInner .spattl{
    font-size: 1.48em;
    text-align: center;
}
#renewSec .hospitality .spa .plate{margin-right: 0.6em;}
#renewSec .hospitality .spa .spaBtn{
    text-align: center;
    margin-top: 1em;
}
#renewSec .hospitality .spa .spaBtn a{color: #fff;padding: 0.6em 5em;border: solid 1px #fff;}
#renewSec .hospitality .hosItem .hosList{padding: 1.3em;}
#renewSec .hospitality .hosItem .hosList .heading{font-size: 1.5em; line-height: 1; text-align: center;}
#renewSec .hospitality .hosItem .hosList .hosIcon{display: block; width: 34.2%; margin: 1.4em auto 1.9em; }
#renewSec .hospitality .hosItem .refridge .hosIcon{width: 29.5%; margin-bottom: 1.2em;}
#renewSec .hospitality .hosItem .refridget .hosIcon{margin-bottom: 1.2em;}
#renewSec .hospitality .hosItem .hosList .text{padding: 0; font-size: 0.9em; line-height: 1.3; text-align: center;}

/* planSec */
#planSec .planBox .planFlex{display: flex;justify-content: center;flex-wrap: wrap;margin-bottom: 0em;}
#planSec .planBox .planFlex:last-child{margin-bottom: 0;}
#planSec .planBox .planFlex a{position: relative;overflow: hidden;width: 24%;margin: 0.3em;}
#planSec .planBox .planFlex a img{transition: ease .3s;width: 100%;}
#planSec .planBox .planFlex a:hover img{transform:scale(1.3);object-fit: cover;}
#planSec .planBox .planFlex p{position: absolute; background-color: rgba(35, 24, 21, 0.7);color: #fff;width: 95%;padding-left: 0.9em; bottom: 0 ;}
#planSec .planBox .planFlex p::after{content: "";margin: auto;position: absolute;top: 0;bottom: 0;right: 18px;width: 8px;height: 8px;border-top: 2px solid #fff;border-right: 2px solid #fff;transform: rotate(45deg);}

/* guideSec */
#guideSec{background-color:#fff ;}
#guideSec .guideFlex{display: flex;margin-bottom: 2em;justify-content: center;}
#guideSec .guideFlex:last-child{margin-bottom: 0;}
#guideSec .guideFlex a{margin-right: 1em;width: 30%;color: #0c0c0c;}
#guideSec .guideFlex a p{position: relative;margin-top: 0.5em;padding: 0;}
#guideSec .guideFlex a:hover{text-decoration: underline;}
#guideSec .guideFlex a p::after{content: "";margin: auto;position: absolute;top: 0;bottom: 0;right: 8px;width: 6px;height: 6px;border-top: 2px solid #0c0c0c;border-right: 2px solid #0c0c0c;transform: rotate(45deg);}
#guideSec .guideFlex a:last-child{margin-right: 0;}
#guideSec .guideFlex a img{width: 100%;transition: ease .3s;}
#guideSec .guideFlex a:hover img{opacity: 0.5;}

/* infoSec */
#infoSec{background-color:#fff ;}
#infoSec h3{font-size: 2em;border-bottom: 1px solid #0c0c0c;margin-bottom: 1em;}
#infoSec .infoFlex{display: flex;justify-content: space-between;align-items: flex-start;}
#infoSec .infoFlex img{width: 46%;}
#infoSec .infoNews{width: 48%;}

#infoSec .infoNews ul li{display: flex;margin-bottom: 2em;}
#infoSec .infoNews a{color: #0c0c0c;text-decoration: underline;transition: ease .3s;}
#infoSec .infoNews a:hover{opacity: 0.5;}
#infoSec .infoNews ul li p:first-child{font-weight: bold;}
.ttlbold{font-weight: bold;}
#infoSec .infoNews ul li p:last-child{margin-left: 1em;}
#infoSec .infoNews .infoList{
    max-height: 400px;
    overflow-y: scroll;
    padding-right: 0.3em;
}
br + br {
  line-height: 0.5em; /* 半分の高さに */
}



#infoSec .infoBtn{display: flex;justify-content: space-evenly;margin-top: 2em;font-size: 18px;}
#infoSec .infoBtn a{background-color: #A5A111; text-align: center;color: #fff;width: 25%;padding: 0.6em 1em;border: 2px solid #C9CACA;font-weight:lighter;transition: ease .3s;position: relative;}
#infoSec .infoBtn a:hover{background-color: #fff;color: #A5A111;}
#infoSec .infoBtn a::after{content: "";margin: auto;position: absolute;top: 0;bottom: 0;right: 18px;width: 8px;height: 8px;border-top: 2px solid #fff;border-right: 2px solid #fff;transform: rotate(45deg);}
#infoSec .infoBtn a:hover::after{border-top: 2px solid #A5A111;border-right: 2px solid #A5A111;}

/* planbtnSec*/
#planbtnSec{background-color:#EBE6DC ;font-size: 18px;}
#planbtnSec .planbtnInner{display: flex;justify-content: center;}
#planbtnSec .planbtnInner a{text-align: center;color: #fff;width: 25%;padding: 0.6em 1em;border: 2px solid #C9CACA;font-weight:lighter;transition: ease .3s;position: relative;margin: 0 1em;}
#planbtnSec .planbtnInner a::after{content: "";margin: auto;position: absolute;top: 0;bottom: 0;right: 18px;width: 8px;height: 8px;border-top: 2px solid #fff;border-right: 2px solid #fff;transform: rotate(45deg);}
#planbtnSec .planbtnInner a:hover{background-color: #fff;}
#planbtnSec .planbtnInner .btnColor1:hover{color:#8B6411;}
#planbtnSec .planbtnInner .btnColor1:hover::after{border-top: 2px solid #8B6411;border-right: 2px solid #8B6411;}
#planbtnSec .planbtnInner .btnColor2:hover{color:#887E70;}
#planbtnSec .planbtnInner .btnColor2:hover::after{border-top: 2px solid #887E70;border-right: 2px solid #887E70;}
#planbtnSec .planbtnInner .btnColor3:hover{color:#5E6B80;}
#planbtnSec .planbtnInner .btnColor3:hover::after{border-top: 2px solid #5E6B80;border-right: 2px solid #5E6B80;}

/* proxAttenSec*/

#proxAttenSec {
  margin: 2em auto;
  padding: 2em 2em;
  max-width: 950px;
	border:#eee solid 5px;
}
#proxAttenSec h2{
	text-align:center;
	color:#C60;
	font-size:2em;
	line-height:1.2em;
	margin-bottom:0.3em;
}


#proxAttenSec p{
	text-align:center;
}
#proxAttenSec ul{
	margin:1em;
	    display: flex;
		gap: 3%;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
	
}
#proxAttenSec li{
}

#proxAttenSec li a{
	display:block;
		border:#666 solid 1px;
		padding:0.3em 1em;
		color:#C30;
}
#proxAttenSec a.passBtn{
	display:inline-block;
		border:#666 solid 1px;
		padding:0.3em 1em;
		color:#C30;
		margin-top:1em;
}

/*nenga*/
.nengaBnrP img {margin-bottom: 2em}