@charset "UTF-8";

/* ページタイトル */
.page_title {
	background: url(/_assets/img/reservation/page_title.jpg) center center no-repeat;
	background-size: cover;
	}

.column .desc {
	display: block;
	margin: 0 0 2em 0;
	font-size: 14px;
	line-height: 1.5em;
	text-align: center;
	}
@media screen and (max-width:767.98px){
.column .desc {
	width: 100%;
	padding: 0 1rem;
	font-size: 4vw;
	}
}

.content {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	max-width: 900px;
	margin: 0 auto;
	background: #fff;
	}

.txt {
	width: 50%;
	padding: 30px 0 0 30px;
	}
@media screen and (max-width:767.98px){
.txt {
	width: 100%;
	padding: 5vw;
	}
}

.content p {
	display: block;
	margin-bottom: 1em;
	font-size: 14px;
	line-height: 1.5em;
	}
@media screen and (max-width:767.98px){
.content p {
	margin-bottom: 1em;
	font-size: 4vw;
	}
.content p br {
	display: none;
	}
.content p br.spbr {
	display: block;
	}
}

.content p.checkinouttime {
	margin-bottom: .5em;
	}

.content ul.icon {
	display: flex;
	flex-wrap: wrap;
	jsutify-content: space-between;
	width: 375px;
	}
@media screen and (max-width:767.98px){
.content ul.icon {
	width: 100%;
	}
}

.content ul.icon li {
	display: block;
	width: 70px;
	height: 70px;
	margin: 0 5px 5px 0;
	}
@media screen and (max-width:767.98px){
.content ul.icon li {
	width: 20%;
	height: auto;
	margin: 0;
	padding: 1px;
	}
}

.content ul.icon img {
	display: block;
	width: 70px;
	height: 70px;
	}
@media screen and (max-width:767.98px){
.content ul.icon img {
	width: 100%;
	height: auto;
	}
}

.pic {
	display: block;
	width: 100%;
	height: auto;
	}
@media screen and (max-width:767.98px){
.pic {
	}
}

.content .slider {
	position: relative;
	display: block;
	width: 100%;
	}
@media screen and (max-width:767.98px){
.content .slider {
	}
}

.content .slider img {
	display: block;
	width: 100%;
	height: 100%;
	max-height: 500px;
	object-fit: cover;
	}

.content .slick-prev {
	position: absolute;
	left: 10px;
	top: 50%;
	transform: translateY(-50%);
	z-index: +1;
	}

.content .slick-next {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	z-index: +1;
	}

.content .slick-dots {
	position: absolute;
	display: flex;
	justify-content: center;
	left: 50%;
	transform: translateX(-50%);
	margin: 0;
	padding: 0;
	bottom: 15px;
	}

.content .slick-dots li {
	display: block;
	padding: 0 5px;
	}

.content .slick-dots li button {
	display: block;
	width: 60px;
	height: 5px;
	margin: 0;
	padding: 0;
	font-size: 0;
	text-indent: -100%;
	overflow: hidden;
	background: #ccc;
	border: 0;
	}
@media screen and (max-width:767.98px){
.content .slick-dots li button {
	width: 30px;
	height: 4px;
	}
}

.content .slick-dots li.slick-active button {
	background: #fff;
	}

.fee {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
	max-width: 900px;
	margin: 0 auto 15px;
	padding: 20px;
	background: #008080;
	}
@media screen and (max-width:767.98px){
.fee {
	margin: 0 0 1em 0;
	padding: 4vw;
	}
}

.fee div {
	display: block;
	width: 24%;
	text-align: center;
	background: #fff;
	}
@media screen and (max-width:767.98px){
.fee div {
	width: 49%;
	margin: 0 0 1rem;
	}
}

.fee div img {
	display: block;
	width: 100%;
	}

.fee div h4 {
	display: block;
	padding: .5em 0;
	font-size: 1.2em;
	font-weight: 700;
	line-height: 1.25em;
	}

.fee div h4 span {
	display: block;
	padding-top: .5em;
	font-size: .8em;
	}

.fee div p.sum {
	display: block;
	font-size: 1.2em;
	font-weight: 700;
	}

#food .fee div {
	width: 32%;
	}
@media screen and (max-width:767.98px){
#food .fee div {
	width: 32%;
	}
}


p.notice {
	display: block;
	width: 100%;
	max-width: 900px;
	margin: 0 auto;
	font-size: .8em;
	text-align: right;
	}
@media screen and (max-width:767.98px){
p.notice {
	padding: 0 1rem;
	}
}

.cv_reservation {
	padding-top: 1.5vw;
	}

.cancelpolicy {
	text-align: center;
	}



#murabit {
	padding-left: 4vw;
	padding-right: 4vw;
	text-align: center;
	}

#murabit a {
	display: block;
	width: 100%;
	max-width: 500px;
	margin: 30px auto 0 auto;
	padding: 15px 0;
	color: #fff;
	font-size: 30px;
	font-weight: 500;
	line-height: 1em;
	text-align: center;
	background: #e24301;
	border: 0;
	border-radius: 10px;
	transition: .3s ease;
	cursor: pointer;
	}
@media screen and (max-width:767.98px){
#murabit a {
	font-size: 26px;
	}
}

#murabit a:hover {
	background: #ec6000;
	}



.cancelpolicy img {
	display: block;
	width: 100%;
	max-width: 900px;
	margin: 0 auto;
	}

.breakfastlink {
	text-align: center;
	}
@media screen and (max-width:767.98px){
.breakfastlink {
	padding: 2em 0;
	}
}

.breakfastlink a {
	text-decoration: underline;
	}