@charset "utf-8";




/* ------------------------------------------------------------------------------------------------
 * RESPONSIVE
 * ------------------------------------------------------------------------------------------------ */
@media screen and (max-width: 1099px) {
	.c-spec dl dt {
		width: 30%;
	}
	
	.c-spec dl dd {
		width: 70%;
	}
	
	
	
	
}


@media screen and (max-width: 767px) {
	.g-container {
		background-size: 85% auto;
	}
	
	.c-service-list {
		margin: 0;
		display: block;
	}
	
	.c-service-list h3 {
		font-size: 5vw !important;
		margin: 0 0 1.5% !important;
	}
	
	.c-service-list .u-text {
		margin: 0;
	}
	
	.c-service-list__box {
		width: 100%;
		margin: 0 !important;
		padding: 0 0 8.75% !important;
	}
	
	.c-service-list.is-large {
		margin: 0 0 3.5%;
	}
	
	.c-service-list.is-large div {
		padding: 0;
		display: block;
	}
	
	.c-service-list.is-large .c-service-list__box:nth-child(even) div {
		padding: 0;
	}
	
	.c-service-list figure {
		margin: 0 0 5.25% !important;
	}
	
	.c-service-list.is-large figure {
		width: 100%;
	}
	
	.c-service-list.is-large div {
		width: 100%;
	}
	
	.c-service-list .u-icon-arrow {
		font-size: 4vw;
		display: inline-block;
	}
	
	.c-service-list__banner {
		width: 100%;
		padding: 4% 0 0;
	}
	
	.c-facility-list div span {
		min-height: 230px;
		padding: 8% 10% 0;
		display: block;
		position: relative;
		top: auto;
		left: auto;
		opacity: 1;
	}
	
	.c-facility-list div em {
		font-size: 5vw;
		margin: 0 0 4%;
	}
	
	.c-facility-list div b {
		font-size: 4.375vw;
	}
	
	.c-facility-list.slick-dotted.slick-slider {
		margin: 0 !important;
	}
	
	.c-facility-list .slick-dots {
		bottom: 20px;
	}
	
	.c-facility-list .slick-dots li {
		width: auto;
		margin: 0;
	}
	
	.c-facility-list .slick-dots li button:before {
		color: #fff;
		font-size: 10px;
		opacity: 1;
	}
	
	.c-facility-list .slick-dots li.slick-active button:before {
		color: #888;
	}
	
	.c-facility-list .slick-next,
	.c-facility-list .slick-prev {
		width: 34px;
		height: 34px;
		background: #fff url("/hotel/fukuoka/_assets/img/common/arrow-01-gray.png") no-repeat center / 6px auto;
		border-radius: 50%;
		box-shadow: 0 10px 10px 0 rgba(0,0,0,.25);
		top: auto;
		bottom: 20px;
		transform: none;
		z-index: 10;
	}
	
	.c-facility-list .slick-next:before,
	.c-facility-list .slick-prev:before {
		display: none;
	}
	
	.c-facility-list .slick-next {
		right: 10px;
	}
	
	.c-facility-list .slick-prev {
		left: 10px;
		transform: scaleX(-1);
	}
	
	.c-rental-list{
		padding: 0 0 27px;
	}
	
	.c-rental-list li {
		width: calc(33.333% - 1.3%);
		padding-top: calc(33.333% - 1.3%);
	}
	
	.c-rental-list li span em {
		font-size: 3.43vw;
	}
	
	.c-rental-list li span img {
		width: 37.5%;
		margin: 0 0 12.5%;
	}
	
	.c-spec {
		font-size: 4.375vw;
	}
	
	.c-spec dl {
		margin: 0 0 4.85%;
		display: block;
	}
	
	.c-spec dl dt {
		width: 100%;
	}
	
	.c-spec dl:not(:first-child) dt {
		padding: 4.85% 0 0;
	}
	
	.c-spec dl dd {
		width: 100%;
	}
	
	.c-spec dl:not(:first-child) dd {
		padding: 0;
	}
	
	
	
	
	.g-target-banner {
		padding: 15% 0 4%;
	}
	
	
	
	
	
	
} /* END RESPONSIVE 767px */




@media screen and (max-width: 374px) {
	
	
	
	
} /* END RESPONSIVE 374px */




@media print {
	
	
	
	
} /* END PRINT */