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

/*
----------------------------------------- Module */

/*********************** Common Page ***************************/


/* imageZoomer */
a.zoomer:hover .scaleUp{
}

a.zoomer .scaleUp{
width:100%;
overflow:hidden;
}
a.zoomer .scaleUp img,
a.zoomer .scaleUp .slideExperienceItem__img__inner {
transition: all 0.2s linear;
}
a.zoomer:hover .scaleUp img,
a.zoomer:hover .scaleUp .slideExperienceItem__img__inner{
-webkit-transform: scale(1.04);
-moz-transform: scale(1.04);
-o-transform: scale(1.04);
-ms-transform: scale(1.04);
transform: scale(1.04);
z-index: 9998;
opacity:1;
}



.bg-scaleUp {
    position: relative;
    overflow: hidden;
    text-align: center;
}
.bg-scaleUp::after {
 	background: url(../images/index/img_zenkoji_stay.jpg) no-repeat center center / cover;
	position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    transition: all .2s ease-out;
	z-index: -1;
}
.bg-scaleUp:hover:after {
    opacity: 1;
    -moz-transform: scale(1.04);
    -webkit-transform: scale(1.04);
    -ms-transform: scale(1.04);
    transform: scale(1.04);
}
.bg-scaleUp .indexBnrBox01__inner {
    z-index: 1;
    position: relative;
}




/********* Box Model *********/
/* 2Column Second */
.clm2Box {
	display: flex;
	-webkit-justify-content: space-between; /* Safari */
	justify-content:         space-between;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap:         wrap;
}
/* Same Width */
.clm2Box__item {
	width: 320px;
	margin-top: 40px;
}
/* Different Width */
.clm2Box__item--narrow {
	width: 160px;
}
.clm2Box__item--wide {
	width: 494px;
}

.clm2Box__item--wid400 {
	width: 400px;
}
.clm2Box__item--wid540 {
	width: 540px;
}

.clm2Box02 {
	display: flex;
	-webkit-justify-content: space-between; /* Safari */
	justify-content:         space-between;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap:         wrap;
}
.clm2Box02__item {
	width: 470px;
	margin-top: 60px;
}

/* Reserve Box */
.reserveInfoBox {
	background-color: #E7E7E7;
	padding: 25px 16px;
	width: 300px;
	position: absolute;
	top: 0;
	margin-left: 700px;
}
.reserveInfoBox.float {
	position: fixed;
	right: auto;
}
.reserveInfoBox.floatend {
	position: absolute;
	top: auto;
	bottom: 0;
}
.reserveInfo__txt {
	font-size: 1.6rem;
	font-weight: 400;
	color: #000;
	line-height: 1.4;
	text-align: center;
	margin-bottom: 50px;
}
.reserveInfo__txt__prise {
	font-size: 2.4rem;
}
.reserveInfo__checkInOutBox {
	display: flex;
}
.reserveInfo__checkInOutBox__item {
	width: 50%;
}
.reserveInfo__label {
	font-size: 1.4rem;
	margin-bottom: 5px;
	display: block;
	color: #000;
}
.reserveInfo__checkInOutBox__inputWrap {
	position: relative;
}
.reserveInfo__checkInOutBox__input {
 	font-family: Arial,'Helvetica Neue',Helvetica,Roboto,'Droid Sans','Noto Sans JP','メイリオ',Meiryo,'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN',sans-serif;
	width: 100%;
	border: #65873C solid 3px;
	box-sizing: border-box;
	padding: 15px 10px;
	border-radius: 0;
}
.ui-datepicker-trigger {
	content: "";
	display: block;
	/*background: transparent url(../images/common/icn_calender.png) no-repeat center center / 20px auto;*/
	width: 20px;
	height: 20px;
	position: absolute;
	top: -webkit-calc(50% - 10px);
	top: calc(50% - 10px);
	right: 10px;
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0;
	appearance: none;
	color:#65873c;
	line-height:0.8;
	font-size:1.5rem;
	background:none;
}
.reserveInfo__checkInOutBox__input--checkin {
	border-right: none;
}
.reserveInfo__visitNumber {
	margin-top: 25px;
}
.reserveInfo__visitNumber__txtBox {
	width: 100%;
	border: #65873C solid 3px;
	background-color: #FFF;
	box-sizing: border-box;
	padding: 15px 10px;
	position: relative;
	cursor: pointer;
	font-size: 1.2rem;
}
.reserveInfo__visitNumber__txtBox::after {
	content: "";
	display: block;
	background: transparent url(../images/common/arrow_down01.png) no-repeat center center / 20px auto;
	width: 20px;
	height: 12px;
	position: absolute;
	top: -webkit-calc(50% - 6px);
	top: calc(50% - 6px);
	right: 10px;
}
.reserveInfo__visitNumber__txtBox.active::after {
	background: transparent url(../images/common/arrow_up01.png) no-repeat center center / 23px auto;
}
a.reserveInfo__btn,
span.reserveInfo__btn {
	height: 54px;
	width: 270px;
	background-color: #FF0000;
	font-size: 2rem;
	font-weight: 400;
	color: #FFF;
	text-decoration: none;
	display: inline-block;
	text-align: center;
	line-height: 54px;
	vertical-align: middle;
}
a.reserveInfo__btn::after,
span.reserveInfo__btn::after {
	content: "";
	display: inline-block;	height: 54px;
	height: 14px;
	width: 14px;
	background: url(../images/common/arrow02.png) no-repeat center center / 14px auto;
	margin-left: 10px;
	vertical-align: middle;
}
.reserveInfo__btn--side {
	margin-top: 35px;
}
a.reserveInfo__btn--sp,
span.reserveInfo__btn--sp {
	display: none;
}
.reserveInfoBox__snsBox {
	margin-top: 45px;
	text-align: center;
}
.reserveInfoBox__snsitem {
	display: inline-block;
	padding: 0 12px;
}
.reserveInfoBox__closebtn {
	display: none;
}
/*.hotelid {
	display: none;
}*/

/* Room Info */
.roomInfoBox {
	display: flex;
	-webkit-justify-content: space-between; /* Safari */
	justify-content:         space-between;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap:         wrap;
}
.roomInfoBox__ttl {
	padding: 40px 0;
	width: 160px;
}
.roomInfoBox__data {
	padding: 40px 0;
	width: 494px;
	border-top: #E0E0E0 solid 1px;
}
.roomInfoBox__ttl:nth-of-type(1) {
	padding-top: 0;
}
.roomInfoBox__data:nth-of-type(1) {
	padding-top: 0;
	border-top: none;
}
.roomInfoBox__ttl:nth-last-of-type(1) {
	padding-bottom: 0;
}
.roomInfoBox__data:nth-last-of-type(1) {
	padding-bottom: 0;
}
/* Access */
.roomInfoBox__ttl--access {
	width: 170px;
}
.roomInfoBox__data {
	width: 496px;
}

/* Review */
.review__item {
	margin-top: 50px;
	padding-left: 70px;
	background: url(../images/common/icn_people.png) no-repeat left top / 43px auto;
}

/************ pageTitleBox **************/
.pageTitleBox{
	border-bottom:1px solid #65873c;
	width:100%;
	margin:0 auto;
}


/************ HeadLine **************/
/* Lv1 */
.hlLv01 {
	font-size: 1.8rem;
	font-weight: 500;
	margin-bottom: 15px;
	color: #000;
}
.hlLv01--fcRed {
	font-size: 2.4rem;
	color: #F00;
}
/* Lv2 */
.hlLv02 {
	font-size: 2rem;
	margin-bottom: 2rem;
	font-weight: 500;
	color: #000;
}
/* Lv3 */
.hlLv03 {
	font-size: 2.4rem;
	margin-bottom: 2rem;
	font-weight: 400;
	color: #000;
}
/* Lv4 */
.hlLv04 {
	font-size: 2rem;
	margin-bottom: 2rem;
	font-weight: 400;
	color: #000;
}
/* Lv5 */
.hlLv05 {
	font-size: 1.6rem;
}

/************ Text **************/
/* Text01 */
.modTxt01,.clm2Box__item,dd.experienceDetailInfoBox__data {
	/*font-size: 1.6rem;*/
	font-size: 1.4rem;
	line-height: 1.8;
	font-weight: 400;
	font-style: normal;
}
.modTxt01__inlineBlock {
	display: inline-block;
	margin-right: 20px;
}
/* Text02 */
.modTxt02 {
	font-size: 1.4rem;
	line-height: 1.8;
	font-weight: 400;
	font-style: normal;
}
.modTxt02--fcgreen {
	color: #65873B;
}
/* Text03 */
.modTxt03 {
	font-size: 1.2rem;
	line-height: 1.8;
	font-weight: 400;
	font-style: normal;
}

/* TextIndent */
.modIndent {
	padding-left:1.4rem;
	text-indent:-1.4rem;
}


/************ List **************/
/* List01 */
.modList01 {
	padding-left: 5px;
}
.modList01__item {
	font-size: 1.4rem;
	line-height: 1.8;
	text-indent: -1.4rem;
	padding-left: 1.4rem;
	margin-top: 5px;
}
.modList01__item:first-child {
	margin-top: 0;
}
.modList01__item::before {
	content: "・";
}

/* List02 */
.modList02 {
	padding-left: 5px;
}
.modList02__item {
	font-size: 1.4rem;
	line-height: 1.8;
	text-indent: -1.6rem;
	padding-left: 1.6rem;
	margin-top: 5px;
}
.modList02__item:first-child {
	margin-top: 0;
}
.modList02__item::before {
	content: "・";
}

/************ Link **************/
/* Link01 */
.modLink01 {
	text-align: right;
	margin-top: 20px;
}
.modLink01 a {
	color: #65873B;
	font-size: 14px;
	text-decoration: none;
	font-weight: 400;
}
.modLink01 a:hover {
	text-decoration: underline;
}
.modLink01 a::after {
	content: "";
	background: url(../images/common/arrow01.png) no-repeat center center/ 15px auto;
	width: 15px;
	height: 15px;
	display: inline-block;
	margin-left: 10px;
	margin-bottom:3px;
	vertical-align: middle;
}

/************ Botton **************/
/* Botton01 */
a.modBtn01 {
	display: inline-block;
	padding: 5px 20px;
	color: #333;
	text-decoration: none;
	background-color: #e2e2e1;
	border-radius: 20px;
	font-size: 1.4rem;
	transition: all 0.3s linear;
}
.modBtn01:hover {
	display: inline-block;
	padding: 5px 20px;
	color: #FFF;
	text-decoration: none;
	background-color: #E7370D;
}

/* Botton02 */
a.modBtn02 {
	height: 54px;
	width: 270px;
	background-color: #FF0000;
	font-size: 2rem;
	font-weight: 400;
	color: #FFF;
	text-decoration: none;
	display: inline-block;
	text-align: center;
	line-height: 54px;
	vertical-align: middle;
	transition: opacity 0.3s linear;
}
a.modBtn02::after {
	content: "";
	display: inline-block;	height: 54px;
	height: 14px;
	width: 14px;
	background: url(../images/common/arrow02.png) no-repeat center center / 14px auto;
	margin-left: 10px;
	vertical-align: middle;
}
a.modBtn02:hover {
	opacity: .7;
}

/************ Table **************/
.modTable01 {
	width: 100%;
	font-size: 1.4rem;
	line-height: 1.6;
}
.modTable01 th {
	background: #E8F4FF;
	padding: 1.4rem 1.8rem;
	border-top: #DDD solid 1px;
	border-bottom: #DDD solid 1px;
	width: 226px;
	text-align: left;
	font-weight: normal;
}
.modTable01 td {
	padding: 1.4rem 1.8rem;
	border-top: #DDD solid 1px;
	border-bottom: #DDD solid 1px;
}

/************ Box **************/
/* Box01 */
.modBox01 {
}