@charset "utf-8";

/* instaWrap
----------------------------------------------------------- */
.instaWrap {
	width: 100%;
	max-width: 100%;
	padding-bottom: 0;
}

ul#instafeed {
	margin: 0 auto 20px;
}
ul#instafeed li {
	float: left;
	width: calc(100% / 3);
}
ul#instafeed li a img {
	width: 100%;
	height: 100px;
}



/* ホテルマップ
---------------------------------------------------------------------------- */
.hotelListWrap .leadWrap .ttl01 {
	position: static;
	text-align: center;
}

#hotelmap01 {
	width: 95%;
	height: auto;
	background: none;
}
#markerWrap01 {
	width: 100%;
	height: auto;
	position: static;
}
#markerWrap01  ul {
	width: 100%;
	height: auto;
	position: static;
	padding-left: 0;
	border-left: none;
}

#markerWrap01  ul li {
	display: block;
}
#markerWrap01  ul li .inner {
	display: none;
}
#hotelmap01 #japanTxt {
	display: none;
}
#markerWrap01  ul li {
	border-left:  1px solid #DDC;
	border-right:  1px solid #DDC;
	border-bottom:  1px solid #DDC;
}
#markerWrap01  ul li:first-child {
	border-top:  1px solid #DDC;
}
#markerWrap01 ul li .spTtl {
	padding: 10px 20px;
	box-sizing:  border-box;
}

#markerWrap01 ul li .spTtl.collapse-close {
	background: url(../img/common/listhead04_u.svg) no-repeat 95% 50%;
	background-size: 20px;
}
#markerWrap01 ul li .spTtl.collapse-open {
	background: url(../img/common/listhead04_d.svg) no-repeat 95% 50%;
	background-size: 20px;
}
#markerWrap01 ul li p.txtTtl {
	margin-bottom: 0;
}
#markerWrap01  ul li p.txtTtl span  {
	width: 140px;
	margin-top: 0;
}
#markerWrap01 ul li .inner {
	padding: 20px;
	border-top: 1px solid #ddd;
}
#markerWrap01 ul li p.topImg {
	margin-bottom: 10px;
}
#markerWrap01 ul li p.topImg img {
	width: 100%;
}

/* technologyWrap
----------------------------------------------------------- */
.technologyWrap .tecList {
	width: 100%;
}
.technologyWrap .tecList ul li {
	width: 100%;
	height: auto;
	float: none;
}
.technologyWrap .tecList ul li.youtube {
	height: 180px;
	padding: 0;
}


/* stayplanWrap
----------------------------------------------------------- */
.slick .slick-list li {
	width: auto;
	height: auto;
	float: left;
	margin: 0 10px;
	background: #efefed;
	border: none;
	box-sizing: border-box;
}
.slick .slick-list li.active {
	border: 2px solid #00ace7;
	background: #efefed url(../img/common/bg_point_plan.png) no-repeat 100% 100%;
	background-size: 30px 30px;
}
.slick .slick-list li a {
	display: block;
	box-sizing: border-box;
	width: auto;
	padding: 0;
}
.slick .slick-list li a .spInner {
	padding: 20px;
}
.slick .slick-list li a:hover {
	text-decoration: none;
}
.slick .slick-list li .imgWrap {
	width: auto;
	height: auto;
	overflow: hidden;
	margin-bottom: 0;
}
.slick .slick-list li .imgWrap img {
	width: 100%;
	height: auto;
}
.slick .slick-list li .hotelName {
	background: #fff;
	color: #00ace7;
	font-size: 14px;
	text-align: center;
	padding: 5px;
	box-sizing: border-box;
	margin-bottom: 20px;
}
.slick .slick-list li .planTxt {
	height: auto;
}

/* =========================================================
slick
========================================================= */
.slick {
	width: 300px;
	margin: 0 auto 25px;
	padding-bottom: 45px;
}
.slick .slick-list li {
	margin-right: 15px;
	margin-left: 15px;
}
.slick-prev {
	left: 0;
}
.slick-next {
	right: 0;
}