@charset "utf-8";

html {
	font-size: 62.5%;
}
.flex_box{
	display:flex;
}
.flex_box_between{
	justify-content: space-between;
}
.flex_box_wrap{
	flex-wrap:wrap;
}

.left-box {
  float: left;
}

.right-box {
  float: right;
}

.btn > *{
	color:#fff;
	font-weight:700;
	text-align:center;
	text-decoration:none;
	line-height:1.5;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	max-width:100%;
	min-height:3.25em;
	padding:.75em 2.5em .875em 2.5em;
	position:relative;
	background:#272934;
	border-radius:290486px
}
.btn-clear > *{
	background:#bfbfbf;
	padding: .75em 1.5em .875em;
}
@media screen and (min-width: 1440px) {
	
}
@media screen and (min-width: 960px) {
	.btn > *{
		font-size: 1.6rem;
		cursor: pointer;
	}
}
@media screen and (max-width: 959px) {

}

table{
	width: 100%;
}

.item-title a,
.plan-subnavi a,
.room-list-name a,
.rec_planbox a,
a.detail_btn,
a.resv_btn,
.reviews-wrap .reviews > a{
	text-decoration:none;
}

.right{
	text-align:right;
}

.color-red{
	color:#cc0000;
}

#Sorry-msg {
    font-size: 1.5em;
    color: #bfbfbf;
    text-align: center;
    padding: 50px 0 100px
}


.accommodations-wrap select,
.accommodations-wrap input[type="date"]{
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
    font-size: 1.6rem;
	background:#fff;
	border: 1px solid #DFE0E5;
}
.accommodations-wrap *{
	outline: none;
    -moz-outline-style: none;
}


/* 検索窓 */
#search-result {
	background: #F4F6F8;
	padding: 1.5rem 2rem;
    margin-bottom: 2px;
}
#search-result dl {
	
}
#search-result dt,
.filter-wrap.accordion .sort-filter-tit {
	font-size: 1.8rem;
	text-align: center;
	font-weight: bold;
}
.filter-wrap.accordion .sort-filter-tit{
	font-size: 1.6rem;
}
#search-result dd {

}
#search-result.search-result-date dd {
	font-size: 1.5rem;
	line-height:1.5;
	padding-top: 0;
}
#search-result dd .flex_box {
    display:flex;
}
#search-result dd .flex_box > div {
	width:100%;
    position:relative;
}
#search-result dd .flex_box > div.btn-clear {
	width:50%;
}
#search-result dd .flex_box input,
#search-result dd .flex_box select {
    height:100%;
    font-size: 1.6rem;
    font-family: "Yu Gothic Medium","游ゴシック Medium",YuGothic,"游ゴシック体","ヒラギノ角ゴ Pro W3","メイリオ",sans-serif;
}
#search-result dd .flex_box input[type="text"],
#search-result dd .flex_box input[type="date"] {
	background:#fff;
/* 	border: 1px solid #DFE0E5; */
	border: 1px solid rgb(168, 167, 173);
	border-radius: 4px;
	padding: 0.25rem 1rem;
	width: 100%;
}
#search-result dd .flex_box input[type="date"] {
	min-height: 2.2em;
}
#search-result dd .flex_box select{
	cursor: pointer;
	width: 100%;
	padding: 0.25rem 1rem;
	border-radius: 4px;
/* 	border: 1px solid #DFE0E5; */
	border: 1px solid rgb(168, 167, 173);
	background: #fff;
	background-image: none;
	appearance: none;
}

#search-result dd .flex_box select::before {
	content:"";
	display:block;
	width:0.65em;
	height:0.65em;
	background:url(../images/common/icon_form_select.svg) no-repeat 0 0/contain;
	position:absolute;
	top:54%;
	right:1em;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%)
}

#search-result .room-search__checkin-jp::before,
#search-result .room-search__checkin-en::before,
#search-result .room-search__checkout-jp::before,
#search-result .room-search__checkout-en::before,
#search-result .room-search__select_ratetype-jp::before,
#search-result .room-search__select_ratetype-en::before,
#search-result .room-search__select_stayninzu-jp::before,
#search-result .room-search__select_stayninzu-en::before{
	width: 100%;
	font-size: 1.5rem;
/* 	font-weight:700; */
	position:absolute;
	top:-2.0em;
	left:0;
}
#search-result .room-search__checkin-jp::before{
	content:"チェックイン日";
}
#search-result .room-search__checkin-en::before{
	content:"Check-in";
}
#search-result .room-search__checkout-jp::before{
	content:"チェックアウト日";
}
#search-result .room-search__checkout-en::before{
	content:"Check-out";
}
#search-result .room-search__select_ratetype-jp::before{
	content:"食事区分";
}
#search-result .room-search__select_ratetype-en::before{
	content:"Meal plan option";
}
#search-result .room-search__select_stayninzu-jp::before{
	content:"人数/部屋数";
}
#search-result .room-search__select_stayninzu-en::before{
	content:"Persons / room";
}
#search-result dd small,
#search-result dd strong {
    font-weight: 700;
    color: #fac400
}
#search-result dd strong {
    font-size: 1.5em;
}
#search-result dd small{
    font-size: 1.2em;
}
#search-result input[type="button"] {
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	font-family:inherit;
	border:none;
	font-size:1.4rem
}

#filter01-wrap {
	background: #F4F6F8;
/* 	margin: 20px auto 5px auto; */
	justify-content: center;
}
#meal-filter-wrap .sort-filter-tit,
#search-sort .sort-filter-tit {
/*     background-color: #2c353a; */
/*
    text-align: center;
    padding: 10px 10px 5px 0;
*/ /* CHANGED */
}
#meal-filter-wrap .filter-wrap .sort-item,
#search-sort .filter-wrap .sort-item {
    background-color: none!important;
    padding: 20px!important
}


/* エリア検索 */
#filter-wrap {
/* 	background: #F4F6F8; */
    margin-bottom: 50px;
}
#property-filter {
    text-align: center;
    background: #F4F6F8;
    padding-bottom: 5px
}
#meal-filter-wrap,
#filter01-wrap + #property-filter{
	margin-top:2px;
}
#property-filter .sort-filter-tit {
    font-weight: 700;
    text-align: center;
}
#property-filter .flex_box {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
/*     padding: 10px 20px 1px; */
	flex-wrap: wrap;
}
.filter-wrap .sort-item {
/*     padding: 15px 20px */
}
#property-filter .property-filter-list {
    background: #fff;
    border: 1px solid #A8A7AD;
    border-radius: 5px;
    text-align: center;
    padding: 5px 30px;
    /* line-height: 42px; */
    font-size: 1.5rem;
    cursor: pointer;
}

.filter-wrap .sort-item a b {
/* 	color: #fac400; */
	text-decoration: underline;
}
#property-filter .property-filter-list:hover,
#property-filter .property-filter-list.select-item {
	color:#fff;
	background: #272934;
}

.filter-wrap ul.flex_box li,
#search-sort .sort-item > a {
/*     padding-right: 10px; */
    margin-right: 15px;
}
.filter-wrap ul.flex_box li a,
#search-sort .sort-item > a {
	text-decoration: none;
}

.filter-wrap ul.flex_box li:last-child {
    border-right: 0;
    padding-right: 0;
    margin-right: 0
}

.yado-property-wrap {
    font-weight: 700;
    margin-bottom: 40px
}

.yado-property-wrap .yado-property {
    margin-right: 1em
}
p.yado-property-wrap {
    background-color: #eaefe1;
    border: 1px solid #ccc;
    padding: 8px 5px!important
}

@media screen and (min-width: 1440px) {
	
}
@media screen and (min-width: 960px) {
	#search-result input[type="button"] {
		width: 100%;
		font-size:1.6rem;
		cursor:pointer
	}

	#search-result dl {
	    display:flex;
	    align-items: center;
	}
	#search-result dt {
/* 	    width: 20%; */
	    width: 200px;
	}
	#search-result dd {
/* 	    width: 80%; */
	    width: calc(100% - 200px);
	    padding-top: 1.5em;
	}
	#search-result dd .flex_box {
    	gap: 1rem;
	}
	#room-search2 {
		margin: 0;
	}
	#room-search2 select {
		height: 100%;
	}
	
	#filter01-wrap,
	#property-filter {
		display: flex;
		padding: 1.2rem 2rem;
	}
	#filter01-wrap{
/* 		padding-bottom:0; */
	}
	#filter01-wrap + #property-filter{
/* 		padding-top: 1.0rem; */
	}
	#search-sort,
	#filter01-wrap .outsize_mar #meal-filter-wrap{
		display:flex;
		align-items:center;
	}
	
	#search-sort{
		width:40%;
	}
	#filter01-wrap .outsize_mar{
		width:60%;
	}
	
	.filter-wrap.accordion .toggle {
		display: none;
	}
	#meal-filter-wrap .sort-filter-tit,
	#search-sort .sort-filter-tit,
	#property-filter .Label {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 200px;
		font-weight: bold;
	}
	#property-filter .Label span,
	#property-filter input[type="checkbox"] + label::before,
	#property-filter input[type="checkbox"] + label::after {
		display: none;
	}
}
/*
@media screen and (max-width: 1160px) {
	#search-result dt {
	    width: 100%;
	    padding-bottom: 10px;
	}
	#search-result dd {
	    width: 100%;
		border-left:none;
	}
	#search-result {
	    padding: 25px 10px 0px;
	}
}
*/
@media screen and (max-width: 959px) {
	#search-result input[type="text"] {
	    padding: 14px 0px 14px 0px;
	}
	#room-search-btn2 {
	    padding: 10px 20px 10px;
	    width: auto;
	}

	#search-result .room-search__checkin-jp::before,
	#search-result .room-search__checkin-en::before,
	#search-result .room-search__checkout-jp::before,
	#search-result .room-search__checkout-en::before,
	#search-result .room-search__select_ratetype-jp::before,
	#search-result .room-search__select_ratetype-en::before,
	#search-result .room-search__select_stayninzu-jp::before,
	#search-result .room-search__select_stayninzu-en::before{
		text-align: center;
	}
	#room-search2 select {
	    height: auto;
	    background: #fff;
	    width: 100%;
	    margin: 0px;
	}
    #room-search-btn,
    #room-search-btn2 {
        position: relative;
        width: 100%;
        margin: 10px 0 0px;
    }
	#search-result {
	    padding: 10px 15px;
	}
	#search-result dt {
		text-align: center;
		padding: 0;
	}
	#search-result.search-result-date dd {
		font-size:1.3rem;
	}
	#room-search2 .flex_box input,
	#room-search2 .flex_box select {
		font-size: 1.6rem;
	}
	#search-result input[type="text"] {
		padding: 8px 0px 8px 0px;
	}
	#room-search2 {
		margin: 10px 0 0;
	}
	#room-search2 select {
		height: auto;
		line-height: inherit;
		padding: 5px 20px;
	}
	#room-search2 #room-search-btn2 {
		font-size: 1.5rem;
		margin: 0;
		border: 0;
	}
	#room-search2 input[type="button"] {
		min-height:auto;
	}
	#search-result dd .flex_box {
		flex-wrap: wrap;
		justify-content: space-between;
	}
	#search-result dd .flex_box > div {
		width: 49%;
		margin-top: 1.8em;
		margin-bottom: 5px;
	}
	#search-result .room-search__checkin-jp::before,
	#search-result .room-search__checkin-en::before,
	#search-result .room-search__checkout-jp::before,
	#search-result .room-search__checkout-en::before,
	#search-result .room-search__select_ratetype-jp::before,
	#search-result .room-search__select_ratetype-en::before,
	#search-result .room-search__select_stayninzu-jp::before,
	#search-result .room-search__select_stayninzu-en::before{
		font-size: 1.3rem;
	}

	#search-result dd .flex_box > div.btn {
		width: 75%;
		height:100%;
		margin-top: 10px;
	}
	#search-result dd .flex_box > div.btn-clear{
		width:22%;
	}
	#search-result dd .flex_box > div.btn-clear input[type="button"]{
		width:100%;
		font-size: 1.3rem;
		margin:0.25em 0 0;
		padding: 10px 5px;
	}
	
	#search-result dt{
		font-size: 1.6rem;
	}
	.filter-wrap.accordion .sort-filter-tit {
		font-size: 1.5rem;
	}
	#property-filter .property-filter-list {
	    width: 48%;
	}
	#property-filter .flex_box {
	    -ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	    justify-content: space-between;
	    display: flex;
	    align-items: center;
	    padding: 15px 15px 1px;
	}
	#property-filter .property-filter-list {
	    width: 48%;
	    margin: 0px 0px 8px;
	    font-size: 14px;
	    padding: 5px;
	    line-height: 1.6;
	}
	#property-filter .flex_box {
		padding: 0;
		margin-bottom: 10px;
	}
	/*ベース*/
	.accordion .toggle {
		display: none;
	}
	.accordion .sort-filter-tit {
		padding: 0.35em;
		display: block;
		color: #fff;
		background: #272934;
	}
	.accordion .sort-filter-tit::before {
		/*タイトル横の矢印*/
		border: none;
		background: transparent;
		border-radius: 0;
		margin-right: 0;
		content: "";
		width: 12px;
		height: 12px;
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
		-webkit-transform: rotate(45deg);
		position: absolute;
		top: calc( 50% - 10px);
		right: 20px;
		transform: rotate(135deg);
	}
	.accordion .sort-filter-tit,
	.accordion .sort-item {
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		transform: translateZ(0);
		transition: all 0.3s;
	}
	.accordion .sort-item {
		/*本文*/
		height: 0;
		padding: 0 20px;
		overflow: hidden;
	}
	.accordion .toggle:checked + .Label + .sort-item {
	/*開閉時*/
		height: auto;
		text-align: center;
		padding: 15px 20px 0;
		transition: all .3s;
	}
	#search-sort.accordion .toggle:checked + .Label + .sort-item,
	#meal-filter-wrap.accordion .toggle:checked + .Label + .sort-item {
		padding: 10px 20px;
	}
	.accordion .toggle:checked + .Label::before {
		transform: rotate(-45deg) !important;
		top: calc(50% - 3px) !important;
	}
	#search-sort.accordion,
	#property-filter.accordion {
		padding-bottom: 0;
	}
	#search-sort.accordion::after,
	#property-filter.accordion::after,
	.accordion input[type="checkbox"] + label::after {
		display: none;
	}
}

/* ここまで検索窓 */








/******************
宿一覧
*********************/
.yado-list-plan dd dt span.en-pdetail-btn{
	position:absolute;
	top:50%;
	right:0;
/* 	margin-top: -1.0em; */
	transform: translateY(-50%);
}
.yado-list-plan dd dt span.en-pdetail-btn a,
a.detail_btn{
	display: inline-block;
	color: #2B2D37;
	line-height: 1.2;
	text-align:center;
	background: #fff;
	border-radius: 25px;
/* 	border: solid 1px #2B2D37; */
	border: solid 1px rgba(0,0,0,0.5);
	padding: 10px 30px;
	margin: 5px 0;
	
	padding: 5px 25px;
	font-size: 0.85em;
}
.yado-list-plan dd dt span.en-pdetail-btn a:hover,
a.detail_btn:hover{
	color: #fff;
	background: #2B2D37;
}

a.resv_btn{
	display: inline-block;
	color: #fff;
	line-height: 1.2;
	text-align: center;
	background: #2B2D37;
	border-radius: 25px;
	border: solid 1px #2B2D37;
	padding: 10px 30px;
	margin: 5px 0;
}
a.resv_btn:hover{
	color: #2B2D37;
	background: #fff;
}

.yado-list-box a{
	text-decoration:none;
}
.list-item-header{
	background:#F4F6F8;
}
.yado-list-area {
	/* margin: 10px 20px 0px; */
	/* background: #efefef; */
	color: #000;
	top: 0px;
	position: absolute;
	padding: 40px 20px 7px;
	right: 0;
	pointer-events: none;
}
.yado-detail-link ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.yado-detail-link li a {
	display: block;
	height: auto;
	color: #2B2D37;
	line-height: 1.2;
	text-align: center;
	background: #fff;
	border-radius:25px;
/* 	border: solid 1px #2B2D37; */
	padding: 8px 20px;
	text-decoration:none;
}

#yado-info .yado-detail-link {
  margin: 1em 0 0;
  right: 10px;
  bottom: 0;
  float: right;
  height: auto;
  width: auto;
}
#yado-info .yado-detail-link li a{
	border: solid 1px #2B2D37;
}
/*
.yado-info-page #yado-info .yado-detail-link li#yado-detail-link02 a,
.yado-info-page #yado-info .yado-detail-link li#yado-detail-link03 a,
.yado-info-page #yado-info .yado-detail-link li#yado-detail-link04 a,
.yado-info-plan #yado-info .yado-detail-link li#yado-detail-link01 a,
.yado-info-plan #yado-info .yado-detail-link li#yado-detail-link03 a,
.yado-info-plan #yado-info .yado-detail-link li#yado-detail-link04 a,
.yado-info-room #yado-info .yado-detail-link li#yado-detail-link01 a,
.yado-info-room #yado-info .yado-detail-link li#yado-detail-link02 a,
.yado-info-room #yado-info .yado-detail-link li#yado-detail-link04 a,
.yado-info-cal #yado-info .yado-detail-link li#yado-detail-link01 a,
.yado-info-cal #yado-info .yado-detail-link li#yado-detail-link02 a,
.yado-info-cal #yado-info .yado-detail-link li#yado-detail-link03 a {
	background: #f3f3f3;
	border-bottom: 0;
	color: #000;
}
*/
.yado-info-plan #yado-info .yado-detail-link li#yado-detail-link01 a:hover,
.yado-info-plan #yado-info .yado-detail-link li#yado-detail-link03 a:hover,
.yado-info-room #yado-info .yado-detail-link li#yado-detail-link01 a:hover,
.yado-info-room #yado-info .yado-detail-link li#yado-detail-link02 a:hover,
.yado-room-page #yado-info .yado-detail-link li#yado-detail-link01 a:hover {
/*
	color: #fff;
	background: rgba(39, 41, 52, 1);
*/
}

.yado-detail-link li a:hover,
.yado-info-page #yado-info .yado-detail-link li#yado-detail-link01 a,
.yado-info-plan #yado-info .yado-detail-link li#yado-detail-link02 a,
.yado-info-room #yado-info .yado-detail-link li#yado-detail-link03 a,
.yado-info-cal #yado-info .yado-detail-link li#yado-detail-link01 a,
.yado-info-cal #yado-info .yado-detail-link li#yado-detail-link02 a,
.yado-info-cal #yado-info .yado-detail-link li#yado-detail-link03 a{
	color: #fff;
	background: #2B2D37;
}

.yado-list-plan{
	margin-top:1em;
}

.yado-list-plan > dt,
#enyado_info_title,
.item-title{
	font-size:1.7rem;
/* 	font-weight:bold; */
	padding: 0 0 0.2em 1.59091em;
	position: relative;
}
.yado-list-plan > dt::before,
#enyado_info_title::before,
.item-title::before {
  content: '';
  display: block;
  width: 1em;
  height: 1px;
  background-color: var(--ttl-color, #1D1F2B);
  position: absolute;
  top: 0.9em;
  left: 0;
}

.plan-list-box a{
	text-decoration:none;
}
.yado-list-plan > dd{
	border-top: 1px solid #DFE0E5;
}
.yado-list-plan dd dl,
#plan-list .plan-list-box {
	margin: 0;
}
.yado-list-plan .en-pdetail-tit{
	font-weight:bold;
	line-height:1.5;
}

.yado-list-plan > dd {
	position: relative;
	padding-bottom: 55px;
}

.accordion-btn-jp {
	text-align:center;
	position:absolute;
	bottom:0;
	left:50%;
	transform: translateX(-50%);
}
.accordion-btn-jp {
	font-size: 0.9em;
	line-height: 1;
	background:#F4F6F8;
	padding:10px 20px;
	border-radius:30px;
    cursor: pointer;
}
.accordion-btn-en {
	text-align:center;
	position:absolute;
	bottom:0;
	left:50%;
	transform: translateX(-50%);
}
.accordion-btn-en {
	font-size: 0.9em;
	line-height: 1;
	background:#F4F6F8;
	padding:10px 20px;
	border-radius:30px;
    cursor: pointer;
}
.accordion-btn-jp::after{
    content: '▼ プランをもっと見る';
}
.accordion-btn-en::after{
    content: '▼ See More Plans';
}
.accordion-btn-jp.open::after{
    content: '▲ 閉じる';
}
.accordion-btn-en.open::after{
    content: '▲ Close';
}

@media screen and (min-width: 1440px) {
	.yado-list-name__inner__text {
	    width: 100%;
	    margin-right: 20px;
	}
}
@media screen and (min-width: 960px) {
	.yado-list-box .yado-list-innerbox {
		background: #fff;
		position: relative;
		margin: 0 auto 5em;
	}
	h3.list-item-header {
		background: #F4F6F8;
	}
	h3.list-item-header a {
		display: block;
		font-size: 2.0rem;
		font-weight: bold;
		padding: 28px 30px 8px;
	}
	
	 #yado-list .yado-detail-link {
		width: auto;
		margin-top: 0px;
		position: absolute;
		top: 22px;
		right: 15px;
	}
	.yado-detail-link ul {
		margin-left: 1px;
	}
	.yado-detail-link ul li {
		min-width: 7.5em;
		padding: 0 10px 0 0;
	}
	#yado-list .yado-detail-link li a {

	}
	#yado-list .yado-detail-link li a:hover {

	}
	
	.yado-list-area {
		font-size: 1.3rem;
		padding: 10px 30px 38px;
		left: 0;
		right: auto;
	}
	
	.yado-list-box .flex_box {
		justify-content: space-between;
	}
	.yado-list-box .flex_box .imagebox {
		width: 360px;
	}
	.yado-list-box .flex_box .item_box {
		width: calc(100% - 390px);
	}
	.plan-list-box,
	.yado-list-box .flex_box {
		padding: 20px 20px;
	}
	#plan-list .plan-list-box{
		padding: 20px 0;
	}
	
	.yado-list-ph > a {
		width: 34%;
		float: right;
/* 		padding-bottom: 32.2%; */
		padding-bottom: 33.75%;
		position: relative;
		overflow: hidden;
		margin-bottom: 2px;
	}
	.yado-list-ph > a:first-child {
		width: calc(66% - 2px);
		float: none;
		float: left;
/* 		padding-bottom: 65%; */
		padding-bottom: 68%;
		position: relative;
		overflow: hidden;
	}
	.yado-list-ph > a img {
		width: 100% !important;
		float: none !important;
		height: 100%;
		object-fit: cover;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	.yado-list-plan dd dl,
	#plan-list .plan-list-box {
		position: relative;
		border-bottom: 1px solid #DFE0E5;
		padding: 10px 160px 10px 0;
	}
	.yado-list-plan dd dt {
		padding-top: 0;
		margin: 0px 0;
	}
	.yado-list-plan dd dt span.en-pdetail-tit a {
		display: block;
		font-size: 0.95em;
		line-height: 1.6;
		margin-right: 10px;
		margin-bottom:5px;
	}
	.yado-list-plan dd dt span.en-pdetail-tit a:hover {
		opacity: .7;
	}
	.yado-list-plan dd dd {
		line-height: 1.4;
	}
	.yado-list-info .yado-list-name {
		position: static;
	}
	#yado-list .yado-detail-link {
		width: auto;
		margin-top: 0px;
		position: absolute;
		top: 18px;
		right: 15px;
	}
	#yado-list .yado-detail-link ul li a,
	#yado-list .yado-detail-link ul li a:hover,
	#yado-list .yado-detail-link ul li a,
	#yado-list .yado-detail-link li a{

	}



	#plan-info #plan-name {
		padding-bottom: 15px;
	}
	#plan-ph #plan-ph-left {
		width: 50%;
		margin-bottom: 0px;
	}
	#plan-ph #plan-ph-right {
		width: 47%;
	}
	#plan-ph.box-ph p {

	}
	#plan-ph #plan-ph-right p{
		line-height:1.6;
		margin-top: 0.5em;
	}
	
	.item-title {
/*
		background: #fafafa;
		border: 1px solid #ddd;
		color: #000;
*/
	}
	.item-title a {
/* 		color: #000 !important; */
	}
	#enyado_info_title {
/*
		background: #fafafa;
		color: #000;
		border-bottom: 1px solid #ddd;
		border-right: 1px solid #ddd;
		border-left: 1px solid #ddd;
		border-top: 1px solid #ddd;
*/
	}
	#yado-info2 {
/*
		border-left: 1px solid #ddd;
		border-right: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
*/
	}
	.yado-detail-link a {
		border: none;
	}
	.yado-box {
		width: 93%;
		margin-left: auto;
		margin-right: auto;
	}
}




/******************
宿詳細
*********************/

.yado-detail-link {
  position: relative;
  z-index: 1;
}

.yado-detail-link ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

#yado-info {
/*   margin-bottom: 15px; */
  overflow: hidden;
}

#yado-info #yado-name h3 {
  margin: 0 .5em 0 0;
  display: inline;
}

#enyado_info_title,
.item-title {
	font-size: 2.4rem;
/* 	padding: 7px 10px; */
	margin-bottom: 20px;
}

#plan-ph-right,
#yado-info-phright {
  /*     width: 65% */
}

#plan-ph-left,
#yado-info-phleft {
  width: 30%;
}

#yado-info2 {
	width: 100%;
  overflow: hidden;
}

#yado-ph2 ul {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  list-style: none;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#plan-ph li {
  width: 48%;
  margin-right: 2%;
  /* CHANGED */
  margin-bottom: 20px;
  list-style: none;
  /* CHANGED */
}

#yado-ph2 li {
  width: 48%;
  /* CHANGED */
  margin-bottom: 20px;
}

.yado-info-room .plan-subnavi a:active,
.yado-info-room .plan-subnavi a:hover,
.yado-info-room .plan-subnavi a:link,
.yado-info-room .plan-subnavi a:visited {
  /*     color: #e65d02; */
  text-decoration: underline;
}



#yado-info #yado-name h3 {
  font-size: 3.6rem;
  font-weight: bold;
  letter-spacing: .24em;
}

#yado-info .yado-text {
  width: 100%;
  margin: 15px 0px 20px 0px;
}



#enyado_info_title {
  margin-top: 0;
/*   margin-bottom: 0; */
}

.yado-box #yado-info2 {
/*
  padding: 30px;
  box-shadow: none;
*/
}

#yado-info2 {
/*   background: #fff; */
/*   padding: 20px; */
  /* CHANGED */
  margin-top: 0;
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
/*   box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15); */
}

#yado-info-phleft {
  width: 360px;
  margin-right: 0;
}

#yado-info-phright {
  width: calc(100% - 390px);
}

#plan-ph-right table,
#yado-info2 table {
  width: 100%;
  border: 0;
  border-collapse: collapse;
  margin: 0;
}

#plan-ph-right table td,
#plan-ph-right table th,
#yado-info2 table td,
#yado-info2 table th {
  border: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 10px;
  font-size: 12px;
}

#main .yado-box dd table td,
#main.yado-box dd table th,
.yado-box dd table tr {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  word-break: break-all;
  padding: 12px 10px !important;
}

.yado-box dd table {
  width: 100%;
}

#yado-info3 {
/*   background-color: #fff; */
  padding-top: 0;
  margin-top: 120px;
}

#yado-info3 .item-box dl {
	border-top: 1px solid #DFE0E5;
	padding-top: 1.25em;
	padding-bottom: 1.25em;
}
#yado-info3 .item-box dl dt {

	font-weight:bold;
}
#yado-info3 .item-box dl dd {
	word-break: break-all;
}
#yado-info3 #yado-map{
	border-bottom: 0;
	padding-bottom: 0;
}
#yado-info3 #yado-map iframe{
	width:100%;
}


#yado-info3.detail_roominfomation .item-box {
/*   padding: 30px 0px; */
/*
  background: #fff;
  border-left: 1px solid  #ddd;
  border-right: 1px solid  #ddd;
  border-bottom: 1px solid  #ddd;
  overflow: hidden;
*/
}

#yado-info3.detail_roominfomation .item-title {
  margin-top: 40px;
}

#yado-info3.detail_roominfomation .item-box .left-box,
#yado-info3.detail_roominfomation .item-box .right-box {
  padding-left: 0px;
}

.item-box .left-box,
.item-box .right-box {
  width: 100%;
  float:none;
}

.l-footer-section--contact {
  margin-top: 60px;
}

#yado-map dd #map {
  width: 100% !important;
}



#yado-info3 .item-title,
.yado-info-plan #plan-info {
	position: relative;
}
#yado-info3 .checkin,
#yado-info3 .checkout,
.yado-info-plan #plan-info .checkin,
.yado-info-plan #plan-info .checkout {
	width: 200px;
	font-size: 1.3rem;
	text-align: center;
	font-weight: bold;
	line-height: 3em;
	color: #000;
	border-radius: 34px;
	background: #efefef;
/* 	border: 1px solid #dadadb; */
	position: absolute;
}
#yado-info3 .checkin,
#yado-info3 .checkout{
	top: 0px;
}
.yado-info-plan #plan-info .checkin,
.yado-info-plan #plan-info .checkout{
	bottom:0;
}
#yado-info3 .checkin,
.yado-info-plan #plan-info .checkin {
	right: 0;
	right: 220px;
}
#yado-info3 .checkout,
.yado-info-plan #plan-info .checkout {
	right: 10px;
}
.checkin dt,
.checkout dt {
	float: left;
	margin: 4px 10px 0;
}
.checkin dd,
.checkout dd {
	font-size: 0.9em;
	color: #bf0000;
	margin: 4px 10px 0 0;
}

@media screen and (min-width: 1440px) {

}
@media screen and (min-width: 960px) {
	#yado-info3 .item-box dl {
		display: flex;
		flex-wrap: wrap;
	}
	#yado-info3 .item-box dl dt {
		width:25%;
		font-weight:bold;
	}
	#yado-info3 .item-box dl dd {
		width:75%;
	}
}
@media screen and (max-width:959px) {
	#yado-info2{
		display:block;
	}
	#yado-info-phleft,
	#yado-info-phright{
		width:100%;
	}
	
	#yado-info #yado-name h3{
		font-size:2.4rem;
	}
	#enyado_info_title,
	.item-title {
		font-size: 2.0rem;
	}
	.yado-info-plan #enyado_info_title {
		margin-top: 0em;
	}
	#yado-info3,
	#yado-qa{
		margin-top: 30px;
	}
	#yado-info3 .checkin,
	#yado-info3 .checkout,
	.yado-info-plan #plan-info .checkin,
	.yado-info-plan #plan-info .checkout {
		position: static;
		margin: 0 auto 1em;
	}
}








/******************
一覧・詳細ページ共通
*********************/

.yado-info-plan #plan-info #plan-name{
	font-size:2.8rem;
	font-weight:bold;
	line-height: 1.6;
}
.yado-info-plan #plan-info3 .item-title,
.rec_planbox .item-title,
#singleyado_informationbox > .flex_box .pic_txt .color_title{
	font-size:2.2rem;
	font-weight:bold;
	line-height: 1.6;
}
.yado-box .plan-list-box .plan-list-info h3,
.yado-info-plan #plan-info4 .item-title,
.plan-img-title{
	font-size:2.0rem;
	font-weight:bold;
	line-height: 1.6;
}
#price-table01 .price-table-room-name .color_title,
.yado-info-room .room-list-box .flex_box .room-list-info .room-list-name h3,
.rec_plan_innerbox h4.color_title{
	font-size:1.8rem;
	font-weight:bold;
	line-height: 1.6;
}


.yado-info-page #enyado_info_title,
.yado-info-plan #enyado_info_title,
.yado-info-room #enyado_info_title {
	background: #F4F6F8;
	padding: 10px 30px;
	margin-bottom: 0;
}
.yado-info-page #enyado_info_title::before,
.yado-info-plan #enyado_info_title::before,
.yado-info-room #enyado_info_title::before {
	display:none;
}

#plan-detail.yado-info-plan #enyado_info_title{
	padding-bottom:0px;
}
.yado-info-plan #enyado_info_title{
	margin-top: -2.1em;
}
.yado-info-plan .plan-subnavi{
	text-align: center;
	background: #F4F6F8;
	padding: 0px 30px 10px;
	margin-bottom:30px;
}
.yado-info-page #enyado_info_title,
.yado-info-room #enyado_info_title{
	margin-top:-2.1em;
	margin-bottom:30px;
}

.yado-info-plan #plan-info3,
.yado-info-room .rec_planbox{
	border-radius: 5px;
	border: 1px solid #bfbfbf;
/* 	background: #F5F6F8; */
	padding: 15px 40px;
	margin: 30px 0;
}
.yado-info-plan #plan-info3 .item-title,
.rec_planbox .item-title{
	margin-bottom: 10px;
}
.yado-info-plan #plan-info3 .plan-list-box,
.rec_plan_innerbox{
	border-top: 1px solid #DFE0E5;
	padding: 0;
}

.yado-box .plan-list-box .plan-list-ph,
.yado-info-room .room-list-box .flex_box .room-list-ph {
	width: 250px;
}
.yado-box .plan-list-box .plan-list-info,
.yado-info-room .room-list-box .flex_box .room-list-info {
	width: calc(100% - 280px);
}

.yado-info-plan #plan-info3 .room_img,
.yado-info-plan .room-list-box .flex_box .room-list-ph,
.room-det-flex__img{
	width:165px;
}
.yado-info-plan #plan-info3 .price-table-room-name,
.yado-info-plan .room-list-box .flex_box .room-list-info,
.room-det-flex__cntnt{
	width:calc(100% - 190px);
}


#singleyado_informationbox .items_table th,
#singleyado_informationbox .items_table td,
.yado-info-room .room-list-box .flex_box .room-list-info th,
.yado-info-room .room-list-box .flex_box .room-list-info td{
/* 	border-top: 1px solid #DFE0E5; */
	padding-top: 0.15em;
	padding-bottom: 0.15em;
}
#singleyado_informationbox .items_table th,
.yado-info-room .room-list-box .flex_box .room-list-info th{
	width:20%;
}

@media screen and (min-width: 1440px) {

}
@media screen and (min-width: 960px) {
	#plan-list .plan-list-box,
	.yado-info-plan #plan-info3 .price-table,
	.yado-info-room .room-list-box .flex_box .room-list-info,
	.rec_plan_innerbox{
		padding: 20px 0px 20px 0;
		position: relative;
	}
	.yado-info-room .room-list-box .flex_box .room-list-info{
		padding: 0px 0px 50px 0;
	}
	.plan-list-box .color_btn_wrap,
	.yado-info-room .room-list-box .flex_box .room-list-info .btn-wrap,
	.rec_plan_innerbox .color_btn_wrap{
		width: 180px;
		position:absolute;
		bottom:0;
		right:0;
/* 		transform: translateY(-50%); */
	}
}
@media screen and (max-width:959px) {
	.yado-info-plan #plan-info #plan-name{
		font-size:2.0rem;
	}
	.yado-info-plan #plan-info3 .item-title,
	.rec_planbox .item-title,
	#singleyado_informationbox > .flex_box .pic_txt .color_title{
		font-size:1.9rem;
	}
	.yado-box .plan-list-box .plan-list-info h3,
	.yado-info-plan #plan-info4 .item-title,
	.plan-img-title{
		font-size:1.75rem;
	}
	#price-table01 .price-table-room-name .color_title,
	.yado-info-room .room-list-box .flex_box .room-list-info .room-list-name h3,
	.rec_plan_innerbox h4.color_title{
		font-size:1.6rem;
	}
	
	.yado-info-page #enyado_info_title,
	.yado-info-plan #enyado_info_title,
	.yado-info-room #enyado_info_title {
		padding: 10px 20px;
	}
	#plan-detail.yado-info-plan #enyado_info_title,
	#room-detail.yado-info-room #enyado_info_title{
		margin-top: 3em;
	}
	#enyado_info_title .go-to-calender a {
		min-height: auto;
		font-size: 1.4rem;
	}
	.yado-info-plan #plan-info3,
	.yado-info-room .rec_planbox{
		padding: 10px 20px;
	}
	.yado-info-plan .plan-subnavi{
		padding: 0px 10px 10px;
	}
/*
	.yado-box .plan-list-box .plan-list-ph,
	.yado-info-room .room-list-box .flex_box .room-list-ph {
		width: 35%;
	}
	.yado-box .plan-list-box .plan-list-info,
	.yado-info-room .room-list-box .flex_box .room-list-info {
		width: 60%;
	}
*/

/* 	.yado-box .plan-list-box .plan-list-ph, */
	.yado-info-room .room-list-box .flex_box .room-list-ph{
		width:100%;
		margin:0 auto 1.5em;
	}
/* 	.yado-box .plan-list-box .plan-list-info, */
	.yado-info-room .room-list-box .flex_box .room-list-info {
		width: 100%;
	}
/* 	.yado-info-plan #plan-info3 .room_img, */
	.yado-info-plan .room-list-box .flex_box .room-list-ph,
	.room-det-flex__img{
		width:65%;
		margin:0 auto 1.5em;
	}
/* 	.yado-info-plan #plan-info3 .price-table-room-name, */
	.yado-info-plan .room-list-box .flex_box .room-list-info,
	.room-det-flex__cntnt{
		width:100%;
	}
	
	.yado-info-plan #plan-info3 .room_img{
		width:35%;
	}
	.yado-info-plan #plan-info3 .price-table-room-name{
		width:60%;
	}
}


/******************
プラン一覧
*********************/


.yado-box .plan-list-box .plan-list-info .plan-list-text{
	margin-bottom:1em;
}

@media screen and (min-width: 1440px) {

}
@media screen and (min-width: 960px) {

}
@media screen and (max-width:959px) {

}



/******************
プラン詳細
*********************/

#plan-detail.yado-info-plan #plan-info{
	margin-bottom: 30px;
}

.yado-info-plan #plan-info4 dl {
	margin-bottom:1.5em;
}
.yado-info-plan #plan-info4 .item-title {
	margin-bottom: 0px;
}

.yado-info-plan #plan-info3 .plan-list-box p{
	font-weight: bold;
	font-size: 1.1em;
	margin: 0 0 0.25em !important;
}

#plan-ph #plan-ph-left .plan-img{
	margin-bottom:1em;
}

.fee_children{
	display:inline-block;
	font-size: 1.4rem;
	line-height: 1;
	border-radius:25px;
	background: #F4F6F8;
	padding: 10px 30px;
	margin-top: 8px;
}

@media screen and (min-width: 1440px) {

}
@media screen and (min-width: 960px) {

}
@media screen and (max-width:959px) {
	.yado-info-plan #plan-info3 .plan-list-box{
		position:relative;
		padding-bottom: 3.5em;
	}
	.yado-info-plan #plan-info3 .plan-list-box p {
		font-size: 0.95em;
		margin: 0 !important;
	}
	.fee_children {
		font-size: 1.3rem;
		padding: 8px 20px;
	}
}



/******************
部屋一覧・詳細
*********************/

.yado-info-room .room-list-box{
	border-bottom: 1px solid #DFE0E5;
	padding:20px 0;
}

.yado-info-room .room-list-box .flex_box .room-list-info .room-list-name{
	margin-bottom:1em;
}

#singleyado_informationbox > .flex_box{
	flex-wrap:wrap;
}
#singleyado_informationbox > .flex_box .box-ph{
	width:35%;
}
#singleyado_informationbox > .flex_box .pic_txt{
	width:60%;
}
#singleyado_informationbox > .flex_box .pic_txt .color_title{
	margin-bottom: 1em;
}

.room-det-flex{
	display:flex;
	justify-content: space-between;
	flex-wrap:wrap;
}

@media screen and (min-width: 1440px) {

}
@media screen and (min-width: 960px) {

}
@media screen and (max-width:959px) {
	#singleyado_informationbox > .flex_box .box-ph,
	#singleyado_informationbox > .flex_box .pic_txt {
		width: 100%;
	}
	#singleyado_informationbox > .flex_box .box-ph{
		margin-bottom:2em;
	}
}





/* 追加
------------------------------ */
.yado-info-box.detail_roominfomation .item-box a {
	color: #000000;
}

.yado-info-box.detail_roominfomation .item-box a:hover {
	opacity: .7;
}

#price-table01 .price-table-room-name .color_title {
	font-size: 1.8rem;
}

.rec_plan_innerbox h4.color_title {

}


.pm-cal-inquiry-btn {
    margin-top: 30px;
    text-align: center;
}

.pm-cal-inquiry-btn a {
    display: inline-block;
    border-radius: 0;
    background: #e65d02;
    color: #fff;
    font-size: 1.1rem;
    text-align: center;
    border: solid 1px;
    padding: 20px;
}



.list-review,
.list-review a{
	display:flex;
	align-items: center;
}
.list-review{
	padding:0 20px;
/* 	margin-bottom:10px; */
	margin-top: 1em;
}
.list-review .rate{
	width:80px;
	height:17px;
	background:url(../img/rate_bg.png) left center no-repeat;
	margin-left:5px;
}
.list-review .rate span{
	display:block;
	height:100%;
	background:url(../img/rate_color.png) left center no-repeat;
}
.list-review .review-cnt{
	font-size:0.85em;
}



.accommodation-footer_wrapper{
	width:90%;
	max-width:calc(1200px - 20px);
	border:2px solid rgba(0,0,0,0.35);
	background:#f2f2f2;
	border-radius: 5px;
	padding: 25px 3% 15px;
	margin:80px auto 0px;
}
.accommodation-footer_wrapper .l-cta-block__headline {
	font-size: 2.2rem;
	text-align: center;
}
.accommodation-footer_wrapper .l-cta-block__headline::after {
	content:"へのお問い合わせ";
	font-size: 0.8em;
	font-weight:normal;
	margin-left:0.3em;
}
.accommodation-footer_wrapper .l-cta-action__label {
	font-size: 2.0rem;
}
.accommodation-footer_wrapper .l-cta-action__value {
	font-size: 2.8rem;
}




#yado-qa{
	margin-top:120px;
}
#yado-qa .item-title{
	margin-bottom: 1.5em;
}
#yado-qa dl.faq{
	text-align:left;
	border-bottom: 1px solid rgba(0,0,0,0.25);
	padding-left: 7%;
	padding-right: 3%;
	padding-bottom: 3em;
	margin-bottom: 3em;
}
#yado-qa dl.faq dt{
	font-size:2.2rem;
	font-weight:bold;
	margin-bottom:0.4em;
}
#yado-qa dl.faq dt,
#yado-qa dl.faq dd{
	position:relative;
}
#yado-qa dl.faq dt::before,
#yado-qa dl.faq dd::before{
	font-size:2.2rem;
	font-weight:bold;
	position:absolute;
	top:-3px;
	left: -3.5%;
}
#yado-qa dl.faq dt::before{
	content:"Q";
}
#yado-qa dl.faq dd::before{
	content:"A";
}

@media screen and (max-width:959px) {
	#yado-qa dl.faq{
		padding-left: 12%;
	}
	#yado-qa dl.faq dt{
		font-size:1.2em;
	}
	#yado-qa dl.faq dt::before,
	#yado-qa dl.faq dd::before{
		left: -10%;
	}
}

.btn-wrap{
/* 	display:flex; */
}
.btn-wrap > *{
	margin-right:10px;
}
.btn-wrap a{
	padding:10px 30px;
	margin: 0;
}
@media screen and (max-width:959px) {
	.btn-wrap {
		justify-content: space-between;
	}
	.btn-wrap > * {
		margin-right: 0px;
	}
	.btn-wrap a {
		padding: 8px 10px;
		margin: 0 auto;
	}
}














/******************
予約フォーム
*********************/
#resv #header-top {
    margin: 0 auto;
    padding: 20px 0;
    width: 100%;
    display: inline-block;
}
#resv #contents{
    display: flex;
    justify-content: space-between;
}
#resv #contents #contents-main {
    float: right;
    margin: 0 auto;
    padding: 0;
    width: 70%;
}
#resv .color_title {
    font-size: 1.6rem;
}
#resv #cal-box01 td select {
/*     font-size: 1.1em; */
/*     border: 1px solid #ccc; */
    padding: 8px 10px;
    border-radius: 3px;
	min-width:100px; 
}
#resv #cal-box01 td select[name="TransName"] {
	width:100%; 
}
#resv-flow li.resv-flow-current {
    background: #e65d02!important;
}
#resv-flow li.resv-flow-completed {
    background: #808080!important;
}
#resv #header,#cal #header{
    height: auto;
    margin-bottom: 30px;
}
#cal #header-top {
    margin: 0 auto;
    padding: 20px 0;
    width: 100%;
    display: inline-block;
}
#cal input[type="button"] {
    font-size: 0.9em;
    border: 1px solid #CCC;
    padding: 8px 10px;
    margin: 2px 2px;
    border-radius: 5px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 5px;
}
#cal #contents{
    display: flex;
    justify-content: space-between;
    margin-bottom: 60px;
}
#cal #cal-select select {
    font-size: 20px;
    font-weight: bold;
    border: 1px solid #CCC;
    background: #F2F2F2;
    padding: 10px;
    border-radius: 0px;
}
#cal #contents #contents-main {
    float: right;
    margin: 0 auto;
    padding: 0;
    width: 70%;
}
#cal-box01 #cal-box01-name {
    background: none!important;
}
#cal #cal-box01 table {
    margin: 15px 0 0px;
    background: #F2F2F2;
    padding: 30px;
}
#cal .color_title {
    font-size: 1.6rem;
}
#cal .resv_btn {
    height: 40px;
    line-height: 40px;
}
.cal-reload input {
    display: inline-block!important;
	margin-top: 10px!important;
}
#cal #cal-select {
    font-size: 20px;
    margin-bottom: 20px;
}
#cal #cal-box01 th {
    width: auto;
    color: #303028;
    font-weight: normal;
    font-size: 1.1rem;
    padding: 10px 0;
}
#cal #cal-box01 td select {
    font-size: 1.1em;
    border: 1px solid #ccc;
    padding: 13px 30px 10px 10px;
    border-radius: 0px;
}
.cal-reload .color-red {
    font-size: 14px!important;
    text-align: center;
}
.cal-reload {
    text-align: left;
    margin-bottom: 30px;
    background: #F2F2F2;
    padding: 0px 30px 30px;
    border-radius: 0px;
    letter-spacing: -0.01em;
    font-size: 0.9em;
}
#cal p{
    margin:0;
}
.resv_tit {
    font-size: 1.4em;
    background: #000;
    color: #fff;
    margin-bottom: 20px;
    padding: 10px;
    line-height: 1.0em;
}
#resv #header,#cal #header{
    height: auto;
    margin-bottom: 30px;
}
.col-tit {
    background-color: #f3f3f3!important;
}
.green_box_form th {
    background: #f3f3f3;
}
.green_box_form td {
    padding: 20px 10px;
    font-size: 1rem;
}
.green_box_form th {
    padding: 20px 10px;
    font-size: 1rem;
}
.resv_btnwrap{
	text-align: center;
	margin-top: 30px;
}
.commit_table{
	width: 100%!important;
}
.tb-resv-info table td, .tb-resv-info table th {
    padding: 0px!important;
    vertical-align: middle!important;
}
#resv_commit_btn{
/* 	font-size: 16px; */
}
table.resv_last_tb{
	margin-bottom: 60px;
}
.resv_btn {

}
.detail_btn,
.resv_btn {
	width:100%;
	max-width: 300px;
}
.green_box, .green_box2 {
    background: #f3f3f3!important;
}
.info_box_tit {
    font-size: 1.1em;
}
.tb-resv-info th {
/*     padding: 20px 10px; */
/*     font-size: 1rem; */
}
.tb-resv-info td {
/*     padding: 20px 10px; */
/*     font-size: 1rem; */
}

.SbpsType-wrap{
	margin-bottom:1em;
}
.SbpsType-wrap label{
	display:inline-block;
	line-height:1;
	font-weight:bold;
	border-radius:5px;
	background:transparent;
	border: 1px solid #a8631e;
	padding: 10px 15px 10px 10px;
	margin: 0 5px 0 0;
	transition: all 0.3s ease-in-out 0s;
}
.SbpsType-wrap label.SbpsType-active,
.SbpsType-wrap label:hover{
	color:#fff;
	background:#a8631e;
}
.SbpsType-wrap input[type=radio]{
/* 	display:none; */
	margin-right:5px;
}









/*****************************
レスポンシブ
******************************/
@media screen and (max-width: 1160px) {

}
@media screen and (min-width: 1440px) {

}
@media screen and (min-width: 960px) {
	.btn > *{
		cursor: pointer;
	}
	
	#price-table01 .price-table-room-name .color_title {

	}
	

}
@media screen and (max-width: 959px) {
	.yado-list-plan dd dt span.en-book-btn a {
	    position: relative;
	    left:0;
	}
	#cal #contents {
	    display: block;
	}
	#cal #contents #contents-main {
	    float: none;
	    margin: 0 auto;
	    padding: 0;
	    width: 94%;
	}
	#resv-flow li .resv-flow-text {
	    display: block;
	}
	#resv #contents {
	    display: block;
	}
	#resv #contents #contents-main {
	    float: none;
	    margin: 0 auto;
	    padding: 0;
	    width: 94%;
	}
	#resv #column-main, #resv #content, #resv #wrapper {
	    width: 100%;
	    padding: 0 0px;
	}
	#cal #column-main, #cal #content, #cal #wrapper {
	    width: 100%;
	    padding: 0 0px;
	}


	.find-room-date {
	    width: 100%;
	}
    #column-main, #content, #wrapper {
        width: 100%;
        padding: 0 0px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box
    }
    #plan-list #column-main,
    #room-list #column-main,
    #yado-list.accommodations-wrap #column-main {
        margin-top: 0;
        padding-top: 0
    }
    .go-book.btn a,
    .plan-list-info {
        position: relative
    }
    .go-book.btn a {
        bottom: unset;
        top: unset;
        right: unset;
        left: unset;
        width: 125px
    }
    .yado-detail-link ul {
/*         display: block */
		margin-left: 0px;
    }
    div.yado-list-ph {
        width: 100%;
        text-align: center;
        margin: 0 auto 20px
    }
    div.yado-list-ph a:nth-child(2) img {
        width: 49.2%;
        float: left;
/*         margin-left: 2px */
    }
    div.yado-list-ph a:nth-child(3) img {
        width: 49.2%;
        float: right
    }
	.yado-list-box {
	    position: relative!important;
	    padding: 20px 0px!important;
	}
	#yado-list .yado-detail-link li:last-child{
		margin-left:8px;
	}
    #yado-list .yado-detail-link li a {
        padding: 0 5px!important;
        width: 100%;
/*         height: 35px; */
        line-height: 30px;
        font-size: 14px;
        border: solid 1px #2B2D37 !important;
    }
    #yado-list .yado-detail-link {
        position: relative;
        z-index: 1;
        margin-top: 0
    }
    .yado-detail-link ul li {
        width: 33%;
        text-align: center
    }
    .fat-nav__wrapper {
        -webkit-transform: none!important;
            -ms-transform: none!important;
                transform: none!important
    }
    .yado-list-ph {
        padding-top: 0;
    }
	.yado-list-plan dd dt span.en-pdetail-tit a {
	    font-size: 1.8rem!important;
	    padding: 5px 0!important;
	    margin-bottom: 10px!important;
/* 	    color: #a8631e; */
	    font-weight: bold!important;
	}
    #yado-info {
        padding-bottom: 0;
/*         padding: 0 3%; */
        margin-bottom: 0;
    }
    #plan-info #plan-name {
        font-weight: 700;
/*         color: #e65d02; */
        margin-bottom: 20px;
        font-size: 1.5em;
        margin-top: 15px;
/* 		padding: 0 5% 15px; */
		text-align: left;
    }
    #plan-info4 .in-btn {
        float: none;
        margin-right: 0;
        margin: 0 10px 10px
    }
    #plan-info4 .in-btn a {
        width: 100%;
        display: block;
        color: #fff;
        border-radius: 6px;
        background: url(/lodging/img/arrow.png) 8px no-repeat #e95513;
        text-align: center;
        height: 20px;
        font-size: 15px;
        padding-left: 0;
        height: 40px;
        line-height: 40px;
        font-weight: 700;
        letter-spacing: -.01em;
        padding: 0 10px
    }
    #price-table01 .price-table-room-name {
        width: 100%;
        float: none
    }
    #price-table01 .room_img {
        width: 100%;
        float: none;
        text-align: center
    }
	.plan-list-box #price-table01 .price-table-room-name a.color_title,
	.room-list-info .room-list-name h3 {
/*
	    font-size: 1.8rem;
	    padding-left:8px;
	    padding-bottom: 5px;
	    line-height: 1.4;
*/
	}
    #plan-ph-left,
    #plan-ph-right {
        width: auto;
        float: none
    }
	.room-list-info table th,
	.room-list-info table td {
	    font-size:inherit;
	}
	#plan-info .checkin,
	#plan-info .checkout,
	#yado-info3 .checkin,
	#yado-info3 .checkout,
	.checkin, .checkout {
/*
	    float: none;
	    width: 80%;
	    line-height: 1.5em;
	    padding: 10px 0px 5px;
	    margin: 10px auto 20px;
*/
	}
	.flex_box {
	    display: block;
	}
	.yado-box .plan-list-box .plan-list-ph {
	    width: 100%;
	}
	.yado-box .plan-list-box .plan-list-info {
	    width: 100%;
	}
	div.plan-list-ph, div.room-list-ph,
	div.yado-list-ph, #yado-ph1 {
	    width: 100%;
	    flex-shrink: 0;
	}
	#resv .green_box_form td {
	    background: #fff;
	    border-bottom: 1px solid #CCC;
	    border-right: 1px solid #CCC;
	}
	.plan-list-box,
	.yado-list-box .flex_box,
	.room-list-box {
	    padding: 18px;
	    display: block;
	    justify-content: space-between;
	}
	div.yado-list-ph a:first-child img {
	    width: 100%;
	    margin-bottom: 1px;
	}
	.plan-list-box, .yado-list-box .flex_box .imagebox {
	    width: 100%;
	}
	.plan-list-box, .yado-list-box .flex_box .item_box {
	    width: 100%;
	}
	.yado-box .plan-list-box,
	.room-list-box {
/* 	    width: 92%; */
/* 	    margin: 20px auto; */
	}
	#plan-detail .plan-list-box{
		padding-bottom:60px;
	}
	#plan-detail .price-table-room-name{
		position:static;
	}
	#plan-detail .plan-list-box .color_btn_wrap{
		width: 96%;
		position:absolute;
		left: 2.5%;
		bottom: 10px;
	}
	.price-table-room-name .plan-kubun {
	    font-size: 1.1em;
	    float:none;
	}
	.fees_for_children {
	    width: 45%;
	}
	.fees_for_children a.color_btn {
	    font-size: 13px;
	    padding: 5px 0px;
	}
	.yado-info-plan.accommodations-wrap .yado-box .color_btn_wrap a,
	.yado-info-plan #plan-info3 .color_btn_wrap a,
	.room-list-box .inner_box03 p a {
		font-size: 1.1em;
	    padding: 10px 0px;
	    margin: 10px auto 0px;
	}

	.yado-list-name__inner__text {
	    width: 100%;
	    margin-right: 0px;
	    margin-bottom: 0px;
	}
	#yado-list.accommodations-wrap #column-main {
	    margin-bottom: 0px;
	}
	#yado-info3.detail_roominfomation .item-box {
	    padding: 0px 0px;
	    box-shadow: none;
	    background: #fff;
	}
	.yado-list-box h3 a {
	    font-size: 2.0rem;
	    text-decoration: none;
	    padding: 30px 20px 5px;
	    display: block;
	}
	.yado-list-area {
	    /* margin: 10px 20px 0px; */
	    /* background: #efefef; */
	    color: #ffffff;
	    top: 0px;
	    position: absolute;
	    padding: 10px 20px 5px;
	    right: inherit;
	}
	#ratetype ul {
	    text-align: left;
	    margin-left: -5px;
	}
	#meal-filter-wrap #ratetype ul{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
	}
	#yado-ph2 li {
	    width: 100%;
	    margin-bottom: 20px;
	}
	.yado-info-page #yado-info2 #yado-ph1 {
	    margin: 0 0px 5px 0;
	}
	.plan-list-info,
	.room-list-info,
	.yado-list-info,
	#singleyado_informationbox .pic_txt {
	    width: 100%;
	}
	.color_btn_wrap {
	    text-align: center;
	    margin-top: 10px;
	    display: flex;
	}
	#plan-list #column-main,
	#room-list #column-main,
	#yado-list.accommodations-wrap #column-main {
	    margin-bottom: 0px;
	}
	#singleyado_informationbox {
	}
	.rec_planbox .rec_plan_innerbox {
		padding: 15px 0;
/* 		margin: 20px auto; */
	}
	#room-detail .rec_planbox .room-det-flex .room-det-flex__img {
		width: 35%;
		margin:0 0;
	}
	.room-det-flex__cntnt{
		width:60%;
	}

	.color_title {
	    font-size: 1.8rem;
	}
	
	.SbpsType-wrap label{
		display:block;
		width:100%;
		padding: 10px 15px 10px 10px;
		margin: 0 0 10px 0;
	}

/*
	#yado-list .yado-list-plan > dt,
	#yado-list .yado-list-plan dd dt,
*/
	#yado-list .yado-detail-link #yado-detail-link01,
	#yado-list .yado-detail-link #yado-detail-link04 {
		display: none;
	}
	.yado-list-plan dd dt span.en-pdetail-btn{
		display:none;
	}
	.yado-list-box {
		padding: 0px !important;
		margin-bottom: 20px;
	}
	.yado-list-box .yado-list-innerbox {
		margin-bottom: 0;
	}
	.yado-list-box h3 a {
		font-size: 1.6rem;
		padding: 20px 12px 5px;
		font-weight: bold;
	}
	.yado-list-area {
		font-size: 1.2rem;
		color: #000;
		padding: 0;
		top: unset;
		left: 42%;
		bottom: 9px;
	}
	.yado-list-name__inner {
		margin-bottom: 0px;
	}
	.yado-list-name__inner {
		flex-direction: column;
	}
	.yado-list-name__inner__text {
		width: 100%;
		margin: 0 0 10px;
		display: flex;
		flex-direction: column-reverse;
	}
	.yado-list-name__inner .yado-list-text {
		font-size: 0.95em;
		line-height: 1.4;
	}
	.yado-list-box .flex_box {
		display: flex;
		padding: 12px 15px 10px;
	}
	.yado-list-box .flex_box .imagebox {
		width: 38%;
		margin: 0;
	}
	.yado-list-box .flex_box .item_box {
		width: 59%;
		padding-bottom: 18px;
		margin: 0;
		margin-left: 3%;
	}
	.yado-list-ph a:first-child {
		margin-top: 0;
	}
	.yado-detail-link {
		margin-bottom: 8px;
	}
	.yado-detail-link ul li {
		width: 50%;
	}
	dl.yado-list-plan {
		border: 0;
		border-radius: 0;
		margin-top: 0;
	}
	.yado-list-plan dd dl,
	.yado-list-plan dd dd {
		border: 0;
		padding: 0;
	}
	.yado-list-plan dd dl {
		display: none;
	}
	.yado-list-plan dd dl:first-child {
		display: block;
	}
	.yado-list-plan dd dd {
		font-size: 1.3rem;
		font-weight: 300;
	}
	.yado-list-plan .en-price-tit2 {
		font-size: 1.2em;
		font-weight: 700;
	}
	#singleyado_informationbox h4,
	#plan-info #plan-name{
	  font-size: 1.25em;
	}
	.rec_plan_innerbox h4.color_title{
	  font-size: 1.15em;
	  line-height: 1.2;
	}
	#yado-detail .yado-detail-link,
	#plan-list .yado-detail-link,
	#plan-detail .yado-detail-link,
	#room-list .yado-detail-link,
	#room-detail .yado-detail-link {
		position: fixed;
		left: 0;
		bottom: 0;
		z-index: 9999;
		width:100%;
		border-top: solid 1px #2B2D37;
		margin-top: 0;
	}
	#yado-detail .yado-detail-link ul li,
	#plan-list .yado-detail-link ul li,
	#plan-detail .yado-detail-link ul li,
	#room-list .yado-detail-link ul li,
	#room-detail .yado-detail-link ul li {
		padding: 0;
	}
	#yado-detail .yado-detail-link ul li#yado-detail-link04,
	#plan-list .yado-detail-link ul li#yado-detail-link04,
	#plan-detail .yado-detail-link ul li#yado-detail-link04,
	#room-list .yado-detail-link ul li#yado-detail-link04,
	#room-detail .yado-detail-link ul li#yado-detail-link04 {
		letter-spacing: -2px;
	}
	#yado-detail .yado-detail-link ul li a,
	#plan-list .yado-detail-link ul li a,
	#plan-detail .yado-detail-link ul li a,
	#room-list .yado-detail-link ul li a,
	#room-detail .yado-detail-link ul li a {
		font-weight: bold;
		border: 0;
		border-right: solid 1px #2B2D37;
		border-radius:0;
	}
	#yado-info .yado-detail-link li#yado-detail-link02 a,
	#yado-info .yado-detail-link li#yado-detail-link03 a,
	.yado-detail-link ul li a{
		padding: 15px 0;
	}
	.yado-detail-link ul li:last-child a{
		border-right: 0px !important;
	}
	#plan-list .plan-list-box .plan-list-text {
		display: none;
	}
	#plan-list .plan-list-box .plan-list-name h3 {
		font-size: 1.5rem;
		border: 0;
		padding: 0;
		margin-bottom: 5px;
	}
	#plan-list .yado-box .plan-list-box .flex_box {
		display: block;
	}
	#plan-list .yado-box .plan-list-box .plan-list-ph {
		width: 100%;
		margin:0 auto 1.5em;
	}
	#plan-list .yado-box .plan-list-box .plan-list-info {
		width: 100%;
	}
	#plan-list .color_btn_wrap {
		margin-top: 10px;
	}
	#plan-info {
		margin-bottom: 20px;
	}
	#plan-info #plan-name {
		line-height: 1.3;
		margin-bottom: 0.5em;
	}
	#plan-detail #yado-info #yado-name {
		margin-top: 40px;
	}
	#plan-info .checkin-out {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		padding: 0 5%;
	}
	#plan-info .checkin-out > * {
		width: 49%;
		font-size: 12px;
		margin: 0;
	}
	p.plan-kubun {
		font-size: 1.2em;
		padding: 5px 0;
	}
	#plan-ph {
		margin-bottom: 20px;
	}
	#plan-ph #plan-ph-right{
		padding-bottom:50px;
		margin-top:2em;
	}
	#plan-ph #plan-ph-right .flex_box {
		display: flex;
	}
	#plan-ph #plan-ph-right .flex_box li {
		width: 100%;
		margin: 0 0 1em;
	}
	#plan-ph #plan-ph-right .flex_box li p {
/* 		display: none; */
	}
	#plan-text {
		padding: 0 5%;
		margin-bottom: 30px;
	}
	.yado-box {
		margin: 10px auto;
	}
	.room-list-box {
		margin-top: 0;
	}
	.plan-list-box, .yado-list-box .flex_box, .room-list-box {
		padding: 10px 0;
	}
	.plan-list-box #price-table01 {
		display: flex;
		border-bottom: 0;
	}
	#price-table01 .room_img {
		width: 50%;
	}
	.plan-list-box #price-table01 .price-table-room-name a.color_title {
		font-size: 1.15em;
		padding-left: 0;
	}
	.price-table-room-name a {
		margin-bottom: 10px;
	}
	.fees_for_children {
		width: 100%;
	}
	#plan-info3 .price-table {
		padding:15px 0 0;
		margin-bottom: 0px;
	}
	#plan-info3 .color_btn_wrap {
		margin-top: 0px;
	}
	.yado-info-plan.accommodations-wrap .yado-box .color_btn_wrap a,
	.yado-info-plan #plan-info3 .color_btn_wrap a,
	.room-list-box .inner_box03 p a,
	.rec_plan_innerbox .color_btn_wrap a {
		max-width: none;
		font-size: 1.3rem;
		font-weight: normal;
		padding: 8px 0px;
		margin: 0 10px;
	}
	#plan-info4 .item-box dd {
		text-align: left;
		margin-left: 0px;
	}
	.list-review {
		padding: 0 12px;
		margin-top: 0.7em;
		margin-bottom: 0px;
	}

	#cal #cal-box01 table {
	    margin: 15px 0;
	    padding: 15px;
	}

	.accommodation-footer_wrapper .l-cta-block__headline {
		font-size: 1.6rem;
	}
	.accommodation-footer_wrapper .l-cta-action__label {
		font-size: 1.5rem;
	}
	.accommodation-footer_wrapper .l-cta-action__value {
		font-size: 2.2rem;
	}
	
	
	
	.yado-list-plan > dt {
		padding-bottom: 0;
	}
	.yado-list-plan dd dl {
		display: block;
	}
	.yado-list-plan dd dl,
	#plan-list .plan-list-box {
		border-bottom: 1px solid #DFE0E5;
		padding: 7px 0;
	}
	.yado-list-plan > dt{
		font-size: 1.2rem;
	}
	.yado-list-plan > dd {
		padding-bottom: 45px;
	}
	.yado-list-plan dd dt span.en-pdetail-tit a {
		display: block;
		font-size: 1.3rem !important;
		line-height: 1.3;
		margin: 0 !important;
		padding: 0 !important;
	}
	.yado-list-plan dd dd {
		line-height: 1.3;
	}
	.yado-list-plan .en-price-tit2 {
		font-size: 0.9em;
	}
	.yado-list-area {
		top: 5px;
		bottom:auto;
		left:12px;
	}
	.accordion-btn-jp {
		width: 95%;
		padding: 10px 15px;
	}
	.accordion-btn-en {
		width: 95%;
		padding: 10px 15px;
	}

	
}


.preview-bnr{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	font-size:1.2em;
	color:#fff;
	font-weight:bold;
	text-align:center;
	background:rgb(255,0,0,0.9);
	padding:5px;
	z-index: 1000;
	pointer-events: none;
}




.l-cta-block__body {
  padding: 1.25rem 1.25rem;
}
@media print, screen and (min-width: 1280px) {
  .l-cta-block__body {
    padding: 1.25rem 2.5rem;
  }
}
.l-cta-action__block {
  display: flex;
  justify-content: center;
  font-weight: 700;
  align-items: center;
  line-height: 1;
}
.l-cta-action__block:not(:last-child) {
  margin-bottom: 0.9375rem;
}
.l-cta-action__block.op-small .l-cta-action__label {
  font-size: 1.6rem;
}
.l-cta-action__block.op-small .l-cta-action__value {
  font-size: 2.0rem;
}
.l-cta-action__label {
  font-size: 1.25rem;
  color: #808080;
  margin-right: 0.625rem;
}
.l-cta-action__value {
  font-size: 1.75rem;
}
.l-cta-action__attention {
  margin-top: 0.5rem;
  font-size: 0.875rem;
}






/* 202410 追加分 */
@media screen and (min-width: 960px) {
	.btn > * {
		min-height:auto;
		font-size: 1.5rem;
		font-weight:normal;
	}
}



/* プラン・部屋　一覧 */
#plan-list .plan-list-box,
#room-list .room-list-box{
	padding: 0;
	border-bottom:0px;
	padding-top: 30px;
	margin-bottom:80px;
}

.yado-box .plan-list-box .plan-list-info,
.yado-info-room .room-list-box .flex_box .room-list-info {
	position: relative;
}

.plan-list-room,
.room-list-plan{
	margin-top:3em;
}
.plan-list-room dt,
.room-list-plan dt{
	border-bottom:1px solid #D5D5D5;
}

.list-inner-list{
	width: 93%;
	margin: 2.5em auto 0;
}
.list-inner-list .inner-title{
	font-weight:bold;
	border-bottom:1px solid #D5D5D5;
}
.list-inner-item{
	display: flex;
	padding: 15px 0;
	justify-content: space-between;
	align-items: center;
	border-bottom:1px solid #D5D5D5;
}
.list-inner-item .img{
	width:140px;
}
.list-inner-item .text{
	width:calc(100% - 390px);
	line-height: 1.6;
	padding: 0 25px;
}
.list-inner-item .text .item-name{
	font-weight:bold;
}
.list-inner-item .text p{
	font-size:1.4rem;
}
.list-inner-item .btn{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	width:250px;
}
.list-inner-item .btn a{
	width: calc(50% - 5px);
	font-size: 1.5rem;
	padding: 7px 10px;
}
.list-inner-item .btn a + a{
	margin-left:10px;
}

@media screen and (max-width: 959px) {
	#plan-list .plan-list-box,
	#room-list .room-list-box{
		padding-top:0;
	}
	.list-inner-item{
		flex-wrap:wrap;
	}
	.list-inner-item .img{
		width:35%;
		margin:0;
	}
	.list-inner-item .text {
		width: 65%;
		padding: 0 0 0 1em;
	}
	.list-inner-item .btn {
		justify-content: center;
		width: 100%;
		margin-top: 0.5em;
	}
	.list-inner-item .btn a {
		width: calc(50% - 5px);
		min-height: auto;
		padding: 5px 30px;
	}
}



/* プラン・部屋　詳細 */
#enyado_info_title .go-to-calender{
	position: absolute;
	right: 0;
	top: -2.2em;
}
#enyado_info_title .go-to-calender a{
	padding: .5em 2.5em .5em 2.5em;
}

#plan-detail #plan-ph{
	position: relative;
	height:600px;
	overflow: hidden;
	transition: .4s;
}
#plan-detail #plan-ph.not-fold{
	position: static;
	height:auto;
}
#plan-detail #plan-ph:before{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100px;
	background: rgb(0,0,0);
	background: linear-gradient(0deg, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
	transition: .4s;
}
#plan-detail #plan-ph.active{
	margin-bottom: 60px;
}
#plan-detail #plan-ph.active:before{
	opacity: 0;
	visibility: hidden;
}
#plan-detail #plan-ph button{
	position: absolute;
	right: 20px;
	bottom: 0px;
/*
	width: 100px;
	height: 40px;
*/
	cursor: pointer;
	color: #fff;
	background: #000;
	border-radius: 35px;
	padding: 10px 30px;
	line-height: 1;
	border: none;
}

#calender{
	margin-top:30px;
	margin-bottom: 80px;
}
#calender .block-title{
	font-size: 2.4rem;
	font-weight: bold;
	background: #F4F6F8;
	padding: 10px 30px;
}
#calender img{
	width:auto;
}

#calender .firstinfo{
	display: flex;
	padding: 30px 0;
	gap: 25px;
}

#calender .secondinfo-calenderpart-wrap{
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
	align-items: flex-start;
	margin-top: 2em;
	margin-bottom: 1.5em;
}
#calender .secondinfo-calenderpart-wrap .secondinfo{
	width:250px;
	border: 1px solid #D5D5D5;
}
#calender .secondinfo-calenderpart-wrap .calenderpart{
	width:calc(100% - 270px);
	position: relative;
}

#calender .secondinfo-calenderpart-wrap .secondinfo .parts-title{
	font-weight: bold;
	line-height: 1;
	border-bottom: 1px solid #D5D5D5;
	padding: 15px 15px;
}
#calender .secondinfo-calenderpart-wrap .secondinfo .selectList{
	height:540px;
	overflow-y:auto;
}
#calender .secondinfo-calenderpart-wrap .secondinfo .selectList li{
	line-height: 1.6;
	padding: 10px 15px;
	border-bottom: 1px solid #D5D5D5;
	cursor: pointer;
}

#calender .secondinfo-calenderpart-wrap .calenderheader{
	display: flex;
	justify-content: center;
	align-items: flex-end;
	width: 100%;
	position: absolute;
	top: -3em;
	left: 50%;
	transform: translateX(-50%);
}
#calender .secondinfo-calenderpart-wrap .calenderheader #StayDate,
#calender .secondinfo-calenderpart-wrap .calenderheader #StayDateCal{
	font-size: 2.0rem;
	background: transparent;
	border: 0;
	margin:0 3em;
	cursor: pointer;
}
#calender .secondinfo-calenderpart-wrap .calenderheader #StayDateCal-wrapper{
	margin: 0 1em;
	position: relative;
}
#calender .secondinfo-calenderpart-wrap .calenderheader #StayDateCal-wrapper::after {
    content: "";
    position: absolute;
    top: 11px;
    right: 16px;
    width: 12px;
    height: 12px;
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
    transform: rotate(45deg);
}
#calender .secondinfo-calenderpart-wrap .calenderheader #StayDateCal{
	background: #fff;
	margin: 0;
	padding: 7px 50px 7px 20px;
	border: 1px solid rgba(52,52,52,0.3);
	border-radius: 5px;
}

#calender .secondinfo-calenderpart-wrap .calenderheader input{
	font-size: 1.3rem;
	line-height:1;
	background: #fff;
	border-radius:15px;
	border: 1px solid rgba(52,52,52,0.3);
	padding: 5px 15px;
	cursor: pointer;
}
#calender .calenderbody table{
	margin-bottom:10px;
}
#calender .calenderbody table thead{
	line-height:1;
	background:#F4F6F8;
	border-bottom:1px solid rgba(52,52,52,0.3);
}
#calender .calenderbody table th{
	text-align:center;
	padding:10px;
}
#calender .calenderbody table td{
	width: 14.29%;
	border-bottom:1px solid rgba(52,52,52,0.3);
}
#calender .calenderbody table td.cal-today{
	background: #F4F6F8;
}
#calender .calenderbody table td a,
#calender .calenderbody table td .no-link{
	display:block;
	height:100%;
	padding:10px;
}
#calender .calenderbody table td .no-link{
	min-height:100px;
}
#calender .calenderbody table td + td{
	border-left:1px solid rgba(52,52,52,0.3);
}
#calender .calenderbody table td .cal-mark,
#calender .calenderbody table td .midasi,
#calender .calenderbody table td .cal-price{
	display:block;
	text-align:center;
}
#calender .calenderbody .cal-mark-info{
	display:flex;
	align-items:center;
}
#calender .calenderbody .cal-mark-info span{
	display:flex;
	align-items:center;
	font-size:13px;
	line-height:1;
	margin-bottom: 5px;
}
#calender .calenderbody .cal-mark-info span + span{
	margin-left:2em;
}
#calender .calenderbody .cal-mark-info span img{
	height: 1.2em;
}
#calender .calenderbody .cal-mark-info span b,
#calender .calenderbody .cal-mark-info span img{
	margin-right:0.5em;
}


#calender .seconddetail{
	display: flex;
	align-items: center;
	flex-wrap:wrap;
	justify-content: space-between;
	border-top: 1px solid #D5D5D5;
	border-bottom: 1px solid #D5D5D5;
	padding:25px;
	margin-top:2em;
}
#calender .seconddetail .plan_img,
#calender .seconddetail .room_img{
	width: 160px;
}
#calender .seconddetail .text{
	width: calc(100% - 310px);
	padding: 0 2em;
}
#calender .seconddetail .text button{
	text-align:left;
}
#calender .seconddetail .detail_btn{
	width: 150px;
	font-size: 0.9em;
	
	display: inline-block;
	color: #2B2D37;
	line-height: 1.2;
	text-align: center;
	background: #fff;
	border-radius: 25px;
	border: solid 1px #2B2D37;
	padding: 10px 30px;
	margin: 5px 0;
}
@media screen and (min-width: 960px) {
	#calender .firstinfo > *{
		display:flex;
	}
	#calender .firstinfo > * select{
		min-width: 6em;
		border-radius:4px;
		border: 1px solid rgb(168, 167, 173);
		padding: 3px 10px;
		margin-left:1em;
		-webkit-appearance: none;
	}
	
	#calender .secondinfo-calenderpart-wrap .secondinfo .btn-open-close{
		display:none;
	}
}
@media screen and (max-width: 959px) {
	#enyado_info_title .go-to-calender {
		right: auto;
		top: -2.6em;
		left: 0;
	}

	#calender .block-title {
		font-size: 2.0rem;
		margin-left: -8vw;
		margin-right: -8vw;
	}
	
	#calender .firstinfo {
		padding: 20px 0;
		gap: 10px;
		margin-left: -4vw;
		margin-right: -4vw;
	}
	#calender .firstinfo > *{
		width:100%;
	}
	#calender .firstinfo > * div{
		font-size: 0.9em;
		text-align: center;
	}
	#calender .firstinfo > * select{
		width:100%;
		height: 2.2em;
	}
	#calender td img {
		width: 40%;
		max-width:22px;
	}
	
	#calender .secondinfo-calenderpart-wrap{
		display:block;
		margin-top: 1em;
	}
	#calender .secondinfo-calenderpart-wrap .secondinfo,
	#calender .secondinfo-calenderpart-wrap .calenderpart{
		width:100%;
	}
	#calender .secondinfo-calenderpart-wrap .secondinfo{
		border-width:2px;
		margin-bottom: 5em;
		position:relative;
	}
	#calender .secondinfo-calenderpart-wrap .secondinfo .btn-open-close{
		padding: 15px 15px;
		line-height: 1;
		position:absolute;
		top:0;
		right:0;
	}
	#calender .secondinfo-calenderpart-wrap .secondinfo.open .btn-open-close i{
		transform: rotate(180deg);
	}
	
	#calender .secondinfo-calenderpart-wrap .secondinfo .selectList {
		height: auto;
		overflow-y: auto;
	}
	#calender .secondinfo-calenderpart-wrap .secondinfo .selectList li{
		height: 0px;
		border:0;
		padding:0;
		margin:0;
		overflow: hidden;
	}
	#calender .secondinfo-calenderpart-wrap .secondinfo .selectList li.selectedListitem,
	#calender .secondinfo-calenderpart-wrap .secondinfo.open .selectList li {
		height:auto;
		border-bottom: 0px;
		border-radius: 0;
		padding: 10px 15px;
		margin: 0;
	}
	#calender .secondinfo-calenderpart-wrap .secondinfo.open .selectList li {
		border-bottom: 1px solid #D5D5D5;
	}
	#calender .secondinfo-calenderpart-wrap .secondinfo.open .selectList li:last-child {
		border-bottom: 0px;
	}
	
	#calender .secondinfo-calenderpart-wrap .calenderheader #StayDate,
	#calender .secondinfo-calenderpart-wrap .calenderheader #StayDateCal {
		margin: 0;
	}
	#calender .secondinfo-calenderpart-wrap .calenderpart .calenderbody{
		margin-left: -8vw;
		margin-right: -8vw;
	}
	#calender .secondinfo-calenderpart-wrap .calenderheader{
		justify-content: space-between;
		width: 115%;
		top: -3.5em;
	}
	#calender .secondinfo-calenderpart-wrap .calenderheader #StayDateCal-wrapper {
		margin: 0 0.25em;
	}
	#calender .secondinfo-calenderpart-wrap .calenderheader #StayDateCal{
		font-size: 1.8rem;
		padding: 7px 40px 7px 10px;
	}
	#calender .secondinfo-calenderpart-wrap .calenderheader #StayDateCal-wrapper::after{
		top: 13px;
		width: 8px;
		height: 8px;
	}
	#calender .calenderbody table td a,
	#calender .calenderbody table td .no-link {
		padding: 2px;
	}
	#calender .calenderbody table td .no-link{
		min-height:74px;
	}
	#calender .calenderbody table td .cal-price{
		font-size:0.85em;
		line-height: 1.2;
	}
	#calender .calenderbody .cal-mark-info {
		flex-wrap: wrap;
		padding: 0 3%;
	}
	#calender .seconddetail{
		display:block;
		text-align: center;
	}
	#calender .seconddetail .plan_img,
	#calender .seconddetail .room_img{
		width: 65%;
		margin: 0 auto 1em;
	}
	#calender .seconddetail .plan_img *,
	#calender .seconddetail .room_img *{
		width: 100%;
	}
	#calender .seconddetail .text {
		width: 100%;
		padding: 0;
	}
	
	#calender .secondinfo-calenderpart-wrap .secondinfo .parts-title{
		padding: 10px 15px;
	}
	#calender .secondinfo-calenderpart-wrap .secondinfo .btn-open-close{
		padding: 10px 15px;
	}
}





/* 詳細ページモーダル */
.stay-modal-block {
	display: none;
	position: fixed;
	justify-content: center;
	align-items: center;
	z-index: 99999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	overflow: auto;
	background-color: rgba(0, 0, 0, 0.8);
}

.children-modal-block {
	display: none;
	position: fixed;
	justify-content: center;
	align-items: center;
	z-index: 99999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	overflow: auto;
	background-color: rgba(0, 0, 0, 0.8);
}
.stay-modal-content{
	width: 90%;
	max-width: 800px;
	height: 80vh;
	background: #fff;
	border-radius: 10px;
	position:relative;
}
.stay-modal-content .stay-modal-close{
	display: block;
	width: 50px;
	height: 50px;
	border: 0;
	background: #000;
	padding: 6px 12px;
	border-radius: 0px 0px 0px 3px;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	transition: all 150ms ease;
}
.stay-modal-content .stay-modal-close:hover{
	background: #ce181e;
}
.stay-modal-content .stay-modal-close::before,
.stay-modal-content .stay-modal-close::after{
	content:"";
	width:70%;
	height:2px;
	background:#fff;
	position: absolute;
	top: 47%;
	left: 15%;
}
.stay-modal-content .stay-modal-close::before{
	transform:rotate(45deg);
}
.stay-modal-content .stay-modal-close::after{
	transform:rotate(-45deg);
}

.stay-modal-content iframe{
	height: 100%;
}





body.detail_modal{
	font-family: sans-serif;
	text-align:inherit;
	padding: 2em;
	margin-bottom: 0 !important;
}
body.detail_modal img{
	width: 100%;
	max-width: 100%;
	height: auto;
	vertical-align: top;
}
body.detail_modal .yado-box {
	margin: 0px;
}
body.detail_modal #singleyado_informationbox .items_table th{
	width:30%;
}
body.detail_modal .room-subimg {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 20px;
}
body.detail_modal .room-subimg .subimg{
	width:48%;
	font-size:0.9em;
	margin-right: 0;
	margin-bottom:20px;
}
body.detail_modal .room-subimg .subimg:last-child{
	margin-right: 0em;
}
body.detail_modal .room-subimg .subimg .img{
/* 	text-align:center; */
	background:rgba(0,0,0,0.025);
	padding-bottom: 100%;
	position:relative;
	margin-bottom:5px;
}
body.detail_modal .room-subimg .subimg .img img{
	width:100%;
	height:100%;
	object-fit:contain;
	position: absolute;
}

body.detail_modal .yado-box{
	width:100%;
}
body.detail_modal #plan-detail #plan-ph {
	position: stati;
	height: auto;
	overflow: auto;
}
body.detail_modal #plan-detail #plan-ph::before{
	display:none;
}
body.detail_modal .yado-info-plan #plan-info .checkin,
body.detail_modal .yado-info-plan #plan-info .checkout{
	font-size: 0.9rem;
	font-weight:normal;
}
body.detail_modal #singleyado_informationbox > .flex_box .pic_txt .color_title,
body.detail_modal .yado-info-plan #plan-info #plan-name {
	font-size: 1.4rem;
}
body.detail_modal .plan-img-title {
	font-size: 1.1rem;
}
body.detail_modal #plan-info-inner{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
body.detail_modal #plan-info-inner #plan-name,
body.detail_modal #plan-info-inner .plan-kubun{
	width:100%;
	margin:0;
}
body.detail_modal #plan-info-inner .checkin,
body.detail_modal #plan-info-inner .checkout{
	margin:0;
	margin: 0 0.5em;
}
body.detail_modal #plan-ph #plan-ph-left{
	width:60%;
}
body.detail_modal #plan-ph #plan-ph-right{
	width:40%;
}
body.detail_modal #plan-ph #plan-ph-right .flex_box,
body.detail_modal #plan-ph #plan-ph-right {
	margin-top: 0;
}
body.detail_modal #plan-ph #plan-ph-right .flex_box li p {
	margin-top: 5px;
}

@media screen and (min-width: 769px) {
	body.detail_modal .flex_box {
		display: flex;
	}
	body.detail_modal #singleyado_informationbox > .flex_box .box-ph {
		width: 48%;
	}
	body.detail_modal #singleyado_informationbox > .flex_box .pic_txt {
		width: 48%;
	}
}
@media screen and (max-width: 768px) {
	body.detail_modal{
		padding:1em;
	}
	
	body.detail_modal #singleyado_informationbox > .flex_box .pic_txt .color_title,
	body.detail_modal .yado-info-plan #plan-info #plan-name{
		font-size: 1.2rem;
	}
	
	body.detail_modal #plan-ph #plan-ph-left,
	body.detail_modal #plan-ph #plan-ph-right {
		width: 100%;
	}
	
	body.detail_modal .yado-info-plan #plan-info .checkin,
	body.detail_modal .yado-info-plan #plan-info .checkout {
		font-size: 0.8rem;
		font-weight: normal;
		width: auto;
		line-height: 1.4;
		padding: 10px 20px 5px;
	}
	body.detail_modal .yado-info-plan #plan-info .checkin span,
	body.detail_modal .yado-info-plan #plan-info .checkout span {
		display:block;
	}
	body.detail_modal #plan-ph #plan-ph-right ul{
		padding:0;
	}
	body.detail_modal #plan-ph #plan-ph-right .flex_box li {
		width: 48%;
		margin: 0 0 0.5em;
	}
	body.detail_modal #plan-ph #plan-ph-right .flex_box li p {
		font-size: 0.9em;
	}
	
	body.detail_modal .flex_box {
		display: block;
	}
	body.detail_modal .room-subimg {
		flex-wrap: wrap;
		justify-content: space-between;
		margin-top: 30px;
	}
	body.detail_modal .room-subimg .subimg {
		width: 48%;
		margin-right: 0em;
		margin-bottom: 20px;
	}
	body.detail_modal .room-subimg:after{
		display:none;
	}
}


.low-wrap {
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
    background-image: url(https://stafftest.xsrv.jp/lakeakan_wp/wp-content/themes/staffTemplate/assets/ja/imgs/common/bg-beige.jpg);
    background-repeat: repeat;
    background-size: auto;
    background-position: bottom left;
}
.footer {
	width: 100%;
}
.low-fv {
	padding-top: 190px;
	padding-bottom: 50px;
}
.low-fv_title--en {
	margin-bottom: 20px;
}
#search-result {
    background: #fff;
    padding: 4rem 2rem;
}
.yado-detail-link li > a {
    font-size: 1.3rem;
}
.yado-list-info .yado-list-name {
    font-size: 1.4rem;
}
.yado-list-plan dd dt span.en-pdetail-tit a {
    font-size: 1.4em;
}
.yado-list-plan dd dd {
    font-size: 1.3rem;
}
.yado-list-plan dd dt span.en-pdetail-btn a {
    font-size: 1.4rem;
}
div#column-main {
    padding-top: 50px;
    padding-bottom: 50px;
    background: #fff;
}
.item-title a, .plan-subnavi a, .room-list-name a, .rec_planbox a, a.detail_btn, a.resv_btn, .reviews-wrap .reviews > a {
    font-size: 1.3rem;
}
.yado-info-plan .plan-subnavi {
	padding: 20px 30px 15px;
}
.accommodations-wrap * {
    font-size: 1.4rem;
}
#calender .firstinfo > div > div {
    margin-top: .3em;
}
#calender .secondinfo-calenderpart-wrap .calenderheader {
    top: -3.5em;
}
.yado-info-page #enyado_info_title, .yado-info-room #enyado_info_title {
	margin-top: 1.7em;
}
.accommodations-wrap img {
    max-width: 100%;
	width: 100%;
}
#enyado_info_title .go-to-calender {
	top: -3.2em;
}
#enyado_info_title:has(.go-to-calender) {
    margin-top: 2.2em;
}
#singleyado_informationbox > .flex_box .pic_txt {
    width: 62%;
}
#singleyado_informationbox .items_table th, .yado-info-room .room-list-box .flex_box .room-list-info th {
	width: 16%;
}
#singleyado_informationbox .items_table th, .yado-info-room .room-list-box .flex_box .room-list-info th, #singleyado_informationbox .items_table th, #singleyado_informationbox .items_table td, .yado-info-room .room-list-box .flex_box .room-list-info th, .yado-info-room .room-list-box .flex_box .room-list-info td {
	padding-bottom: 15px;
}
.plan-list-box a {
    font-size: 1em;
}
.yado-box .plan-list-box .plan-list-info h3, .yado-info-plan #plan-info4 .item-title, .plan-img-title {
    margin-bottom: .7em;
}
.list-inner-item .text .item-name {
    font-size: 1.1em;
	font-family: "Zen Old Mincho", serif;
}
.plan-list-room dt, .room-list-plan dt {
    padding-bottom: .5em;
}
h3.list-item-header a {
	font-family: "Zen Old Mincho", serif;
}
.yado-list-plan dd dt span.en-pdetail-tit a {
    font-size: 1.5rem;
    font-family: "Zen Old Mincho", serif;
}
.btn > * {
    background: #152828;
}
.yado-list-plan > dt, #enyado_info_title, .item-title {
	padding-bottom: .5em;
	font-family: "Zen Old Mincho", serif;
	font-weight: 700;
}
.accommodations-wrap  .yado-list-area {
    font-size: 1.2rem;
}
#enyado_info_title .go-to-calender a {
    font-family: "Zen Kaku Gothic New", sans-serif;
}
#yado-info #yado-name h3 {
	font-family: "Zen Old Mincho", serif;
	font-weight: 700;
	letter-spacing: 0;
}
.yado-info-plan #plan-info #plan-name {
    font-size: 2rem;
}
#calender .block-title {
	font-family: "Zen Old Mincho", serif;
}
.plan-list-room dt, .room-list-plan dt {
    font-size: 1.6rem;
    font-family: "Zen Old Mincho", serif;
}
.room-list-name a {
	font-size: 1.7rem;
	font-family: "Zen Old Mincho", serif;
}
@media only screen and (max-width: 1100px) {
	.low-fv {
		padding-top: 105px;
		padding-bottom: 0;
	}	
	.low-fv_title--en {
		margin-bottom: 10px;
	}
}
@media only screen and (max-width: 959px) {
	#search-result dd .flex_box > div {
		margin-top: 3em;
	}
	#search-result .room-search__checkin-jp::before, #search-result .room-search__checkin-en::before, #search-result .room-search__checkout-jp::before, #search-result .room-search__checkout-en::before, #search-result .room-search__select_ratetype-jp::before, #search-result .room-search__select_ratetype-en::before, #search-result .room-search__select_stayninzu-jp::before, #search-result .room-search__select_stayninzu-en::before {
		top: -1.5em;
	}
	.yado-list-box .yado-list-innerbox {
		background: #fff;
	}
	.plan-list-box, .yado-list-box .flex_box, .room-list-box {
		padding: 10px;
	}
	#plan-list #column-main {
		padding: 30px 20px;
	}
	#plan-detail #yado-info #yado-name {
		margin-top: 0;
	}
	#calender .block-title, #calender .firstinfo, #calender .secondinfo-calenderpart-wrap .calenderpart .calenderbody {
		margin-right: 0;
		margin-left: 0;
	}
	#calender .secondinfo-calenderpart-wrap .calenderheader {
		flex-direction: column;
        justify-content: center;
        align-items: center;
		width: 100%;
		top: -7.5em;
	}
	#calender .secondinfo-calenderpart-wrap .calenderheader #StayDateCal {
		margin-top: .3em;
		margin-bottom: .3em;
	}
	#calender .firstinfo > * select {
		padding: .3em .5em;
	}
	#singleyado_informationbox .items_table th, .yado-info-room .room-list-box .flex_box .room-list-info th {
		width: 28%;
	}
	#singleyado_informationbox > .flex_box .pic_txt {
		width: 100%;
	} 
	#calender .secondinfo-calenderpart-wrap .secondinfo {
		margin-bottom: 9em;
	}
	.yado-info-plan #enyado_info_title {
		margin-top: 0;
	}
	#plan-list #column-main, #room-list #column-main, #yado-list.accommodations-wrap #column-main, div#column-main {
		padding: 20px 15px;
	}
}
@media only screen and (max-width: 750px) {
	.inner-1330 {
		width: calc(100% - 30px);
	}
	.low-fv__titleWrap {
		margin-bottom: 30px;
	}
}