@charset "utf-8";

.c-kv {
	position: relative;
}


.c-kv .js-slide-main {
	padding: 50% 0 0;
}

.c-kv .slick-dotted.slick-slider {
	width: 100% !important;
	margin: 0;
	padding: 0;
}

.c-kv .js-slide-main img {
	position: absolute;
	top: 0;
	left: 0;
}

.c-kv .js-slide-main.slick-initialized .slick-slide img {
	position: relative;
	top: auto;
	left: auto;
}

.c-kv img {
	width: 100%;
	max-width: none;
}

.c-kv .slick-dots {
	width: auto;
	position: absolute;
	bottom: 10px;
	right: 10px;
	z-index: 10;
}

.c-kv .slick-dots li {
	margin: 0;
}

.c-kv .slick-dots li button:before {
	color: #060750;
	opacity: 1;
}

.c-kv .slick-dots li.slick-active button:before {
	color: #fff;
}




.c-valueplan {
	padding: 3.7% 0;
	background: url("/hotel/fukuoka/_assets/img/common/bg-orange-03.png") repeat center / 100% auto;
}

.c-valueplan h2 {
	color: #fff;
	font-size: calc(0.0390625vw * 38);
	margin: 0 0 3.25%;
	position: relative;
}

.c-valueplan h2:after {
	content: '';
	width: 18%;
	padding: 1.25% 0 0;
	display: block;
	background: url("/hotel/fukuoka/_assets/img/home/title-01.png") no-repeat center top / 100% auto;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%,100%);
}

.c-valueplan-list {
	margin: 0 8.5%;
}

.c-valueplan-list figure {
	padding: 0 3%;
	position: relative;
}

.c-valueplan-list figcaption {
	color: #fff;
	font-size: calc(0.0390625vw * 24);
	text-align: center;
	width: 45.5%;
	padding: 3% 0;
	background: #000;
	position: absolute;
	top: 3%;
	left: 0;
}

.c-valueplan-list figcaption.is-color-blue { background-color: #1d2088; }
.c-valueplan-list figcaption.is-color-pink { background-color: #f95673; }
.c-valueplan-list figcaption.is-color-orange { background-color: #ff6c00; }
.c-valueplan-list figcaption.is-color-green { background-color: #054f04; }
 
.c-valueplan-list figcaption:after {
	content: '';
	width: 6.5%;
	padding: 6.5% 0 0;
	display: block;
	background-size: cover;
	position: absolute;
	bottom: 0;
	left: 0;
	transform: translateY(100%);
}

.c-valueplan-list figcaption.is-color-blue:after { background-image: url("/hotel/fukuoka/_assets/img/home/ribon-blue.png"); }
.c-valueplan-list figcaption.is-color-pink:after { background-image: url("/hotel/fukuoka/_assets/img/home/ribon-pink.png"); }
.c-valueplan-list figcaption.is-color-orange:after { background-image: url("/hotel/fukuoka/_assets/img/home/ribon-orange.png"); }
.c-valueplan-list figcaption.is-color-green:after { background-image: url("/hotel/fukuoka/_assets/img/home/ribon-green.png"); }

.c-valueplan-list em {
	color: #fff;
	font-size: calc(0.0390625vw * 26);
	letter-spacing: 2;
	padding: 4% 6% 0;
	display: block;
}

.c-valueplan-list .slick-next,
.c-valueplan-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: 31%;
	transform: none;
	z-index: 10;
}

.c-valueplan-list .slick-next:before,
.c-valueplan-list .slick-prev:before {
	display: none;
}

.c-valueplan-list .slick-next {
	right: -7%;
}

.c-valueplan-list .slick-prev {
	left: -7%;
	transform: scaleX(-1);
}





.c-home-cards__inner {
	width: calc(100% + 5px);
	margin-left: -5px;
}

.c-home-cards .is-primary {
	width: 60.1%;
	border-left: 5px solid #fff;
	border-bottom: 5px solid #fff;
	position: relative;
}

.c-home-cards .is-secondary {
	width: 39.9%;
}

.c-home-cards .is-secondary > * {
	width: 50%;
	border-left: 5px solid #fff;
	border-bottom: 5px solid #fff;
	position: relative;
}

.c-home-cards .is-section1 .is-secondary > *:nth-child(1) { order: 3; }
.c-home-cards .is-section1 .is-secondary > *:nth-child(2) { order: 4; }
.c-home-cards .is-section1 .is-secondary > *:nth-child(3) { order: 1; }
.c-home-cards .is-section1 .is-secondary > *:nth-child(4) { order: 2; }




.c-home-cards .is-info a {
	width: 100%;
	height: 100%;
	padding: 12%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

.c-home-cards .is-info h3 {
	font-size: calc(0.0390625vw * 22);
	margin: 0 0 10%;
	padding: 5% 0;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
}

.c-home-cards .is-info time {
	font-size: calc(0.0390625vw * 24);
	margin: 0 0 4%;
	display: block;
}

.c-home-cards .is-info p {
	font-size: calc(0.0390625vw * 28);
	line-height: 2;
}

.c-home-cards .is-button {
	padding: 30% 0 0;
}

.c-home-cards .is-button a {
	color: #fff;
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

.c-home-cards .is-button a span {
	width: 100%;
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}

.c-home-cards .is-button a img {
	width: 24%;
}

.c-home-cards .is-button a em {
	font-size: calc(0.0390625vw * 30);
	font-weight: 700;
	letter-spacing: .1em;
	padding: 6.5% 0 0;
	display: block;
	backface-visibility: hidden;
	overflow: hidden;
}

.c-home-cards .is-hover {
	overflow: hidden;
}

.c-home-cards .is-hover-show {
	width: 100%;
	height: 100%;
	background: #fff url("/hotel/fukuoka/_assets/img/common/bg-blue-02.png") repeat;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	visibility: hidden;
	transition: .4s;
}

.c-home-cards .is-hover.isOn .is-hover-show {
	opacity: 1;
	visibility: visible;
}

.c-home-cards .is-hover-show a {
	color: #fff;
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

.c-home-cards .is-hover-show a div {
	width: 100%;
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}

.c-home-cards .is-hover-show a h3 i {
	font-size: calc(0.0390625vw * 36);
	line-height: 1;
	letter-spacing: .25em;
	margin: 0 0 1em;
	display: block;
}

.c-home-cards .is-hover-show a h3 em {
	font-size: calc(0.0390625vw * 60);
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: .15em;
	margin: 0 0 .75em;
	display: block;
}

.c-home-cards .is-hover-show a .is-button-more {
	font-size: calc(0.0390625vw * 24);
	letter-spacing: .35em;
	width: 38%;
	padding: 1em 0;
	border: 1px solid #fff;
	display: inline-block;
	position: relative;
}

.c-home-cards .is-hover-show a .is-button-more i {
	width: 100%;
	height: 100%;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	display: block;
	position: absolute;
	bottom: -5px;
	left: 5px;
}

.c-home-cards .is-hover-show a .is-button-more i:before {
	content: '';
	width: 3px;
	height: 1px;
	display: block;
	background: #fff;
	position: absolute;
	top: 0;
	right: 0;
}

.c-home-cards .is-hover-show a .is-button-more i:after {
	content: '';
	width: 1px;
	height: 4px;
	display: block;
	background: #fff;
	position: absolute;
	bottom: 0;
	left: 0;
}

.c-home-cards .is-hover-show a:hover {
	opacity: 1;
}

.c-home-cards .is-hover-show.is-mini a h3 em {
	font-size: calc(0.0390625vw * 36);
}

.c-home-cards .is-hover-show.is-mini a .is-button-more {
	font-size: calc(0.0390625vw * 22);
	width: 72.25%;
	padding: .75em 0;
}

.c-home-cards a[href$="/photo/"] figure {
	overflow: hidden;
}

.c-home-cards a[href$="/photo/"] figure img {
	transition: 1s;
}

.c-home-cards a[href$="/photo/"]:hover figure img {
	transform: scale(1.1);
}








/*J.D パワーバナー*/
.c-mv_bnrjd {
    position: absolute;
    z-index: 999;
    /*bottom: 110px;*/
	/*bottom: 235px;*/
	bottom: 350px;
    left: 20px;
    background: #fff;
    padding: 3px;
    box-sizing: border-box;
    box-shadow: 5px 5px 2px rgba(0,0,0,.1);
    /*min-width:303px;*/
	min-width: 330px;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}
.c-mv_bnrjd-in {
    padding: 15px;
    box-sizing: border-box;
    border: 1px solid #c1a164;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.c-mv_bnrjd a {
	text-decoration: none;
}

.c-mv_bnrjd-txt {
    font-size: 12px;
    letter-spacing: .08em;
    line-height: 1.5;
}

/* ▼ キャンペーンバナー */
.bnrinfo {
    bottom: 20px;
}

.bnrinfo-in {
    padding: 5px 15px;
}

.bnrinfo-img {
    width: 22%;
    text-align: center;
}

.bnrinfo-img img {
    max-width: 35px;
}

.bnrinfo-txt {
    font-size: 13px;
}

.bnrinfo-txt_in {
	display: block;
    font-size: 11px;
}


@media screen and (max-width: 1015px) {
.c-mv_bnrjd {
    bottom: inherit;
    left: inherit;
    right: inherit;
    position: relative;
    box-shadow: none;
    margin: 15px auto;
    width: 86%;
}
.c-mv_bnrjd-txt {
    margin: 0 auto;
	text-align: center;
}
	
.bnrinfo-txt_in {
	font-size: 10px;
}
}
/*J.D パワーバナー*/


/* 
2020/9/1追記 */
.Top_banner {
	position: absolute;
	z-index: 1;
	bottom: 20px;
	left: 20px;
	max-width: 330px;
  }
  .Top_banner img { 
  max-width: 100%;
  }
  @media screen and (max-width:  798px) {
  .Top_banner {
	position: relative;
	z-index: 10;
	bottom: inherit;
	left: 0;
	right: 0;
	margin:20px auto;
	max-width: 330px;
  }
  }
/* 県民割バナー */
.Top_banner_02 {
	position: absolute;
	z-index: 1;
	bottom: 130px;
	left: 20px;
	max-width: 330px;
  }
  .Top_banner img { 
  max-width: 100%;
  }
  @media screen and (max-width:  798px) {
  .Top_banner {
	position: relative;
	z-index: 10;
	bottom: inherit;
	left: 0;
	right: 0;
	margin:20px auto;
	max-width: 330px;
  }
  }

/* 全国旅行支援バナー */
.Top_banner_03 {
  position: absolute;
  z-index: 2;
  bottom: 235px;
  left: 20px;
  max-width: 330px;
}
.Top_banner img { 
max-width: 100%;
}
@media screen and (max-width:  1015px) {
.Top_banner_03 {
  position: relative;
  z-index: 10;
  bottom: inherit;
  left: 0;
  right: 0;
  margin:20px auto;
  max-width: 330px;
}
}