@charset "utf-8";
* {
  list-style: none;
  color: #333333;
  text-decoration: none;
  font-size: 15px;
  line-height: 2;
  margin: 0;
}
body {
  width: 950px;
  margin: 0 auto;
  text-align: center;
}
section {
  width: 950px;
  margin: 0 auto;
}
img {
  margin: 0 auto;
  display: block;
}
h2 img {
  padding: 50px 0 0;
}
a:hover {
  text-decoration: none;
}
/*----------bnr----------*/
.bnrWrap {
  width: 740px;
  margin: 0 auto;
}
.bnrWrap #bnrSlide {
  padding-left: 0;
}
/*----------btn----------*/
a img {
  transition: all .2s;
}
a:hover img {
  opacity: 0.6;
}
/*----------intro----------*/
.intro {
  position: relative;
}
.intro .logo {
  position: absolute;
  z-index: 2;
  margin: 0;
  top: 0;
}
.slider {
  display: none;
}
.slider.slick-initialized {
  display: block; /*slick-initializedクラスが付与されたら*/
}
.sliderwrap {
  position: relative;
}
/*----------nav----------*/
.nav {
  margin: 30px auto;
}
.nav ul {
  display: flex;
  margin: 0;
  align-items: center;
  justify-content: space-between;
  font-size: 15px;
}
.nav ul li.selected a, .nav ul li a:hover {
  color: #4D98BE;
  position: relative;
}
.nav ul li.selected a:before, .nav ul li a:hover:before {
  content: '';
  display: inline-block;
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 1px;
  background-color: #4D98BE;
}
.nav ul li.btn a {
  padding: 15px 80px;
  background-image: linear-gradient(135deg, rgba(0, 87, 170, 1), rgba(77, 152, 190, 1));
  color: #fff;
  border-radius: 100px;
  display: inline-block;
  border: 1px solid #fff;
}
.nav ul li.btn a:before {
  content: none;
}
.nav ul li.btn a:hover {
  color: #4D98BE;
  background: #fff;
  border: 1px solid #4D98BE;
}
/*----------news----------*/
.news {
  display: flex;
  text-align: left;
  gap: 30px;
  padding: 25px;
  margin: 0 auto 60px;
  border-top: 1px dotted #4D98BE;
  border-bottom: 1px dotted #4D98BE;
  width: 900px;
}
.news .news_tit {
  flex-shrink: 0;
}
.news ul {
  padding: 0;
  margin-bottom: 20px;
  width: 695px;
}
.news ul li {
  display: flex;
  margin-bottom: 8px;
}
.news ul li p {
  margin-right: 20px;
  flex-shrink: 0;
  color: #4D98BE;
}
.news ul li p, .news ul li a {
  font-size: 14px;
  line-height: 1.5;
}
/*----------rooms----------*/
.rooms {
  margin-bottom: 50px;
  position: relative
}
.rooms .sliderwrap {
  background-image: linear-gradient(0deg, #E4F2F9, #4D98BE);
}
.rooms .sliderwrap img {
  margin: 0;
}
.rooms_txt {
  padding: 40px 0;
  background-image: linear-gradient(0deg, #fff, #E4F2F9);
}
.btn_2col {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
}
.rooms_bird {
  position: absolute;
  z-index: 2;
  right: 62px;
  bottom: 130px;
}
/*----------lounge----------*/
.lounge {
  position: relative;
}
.lounge .lounge_txt {
  position: absolute;
  top: 245px;
  right: 5px;
}
.lounge .lounge_txt .btn {
  margin-top: 35px;
}
/*----------restaurant----------*/
.restaurant {
  position: relative;
}
.restaurant .sliderwrap {
  background-image: linear-gradient(0deg, #CEE7F4, #EDF6FB);
  padding-left: 25px;
}
.restaurant .sliderwrap img {
  margin: 0;
}
.serena_txt {
  text-align: right;
  padding: 35px 40px 35px 0;
  background-image: linear-gradient(0deg, #F6F1DD, #CEE7F4);
}
.serena_tit {
  position: absolute;
  bottom: -65px;
  left: 0;
  z-index: 2;
}
/*----------breakfast----------*/
.breakfast {
  background: #F6F1DD;
  padding: 25px 25px 60px;
  width: 900px;
}
.breakfast .breakfast_inner {
  background: #fff;
  border-radius: 80px;
  padding: 50px;
}
.breakfast .breakfast_main {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: relative;
  margin-bottom: 40px;
}
.breakfast .breakfast_main_txt {
  text-align: left;
  position: absolute;
  left: 0;
}
.breakfast .breakfast_tit {
  margin-bottom: 30px;
}
.breakfast ul.breakfast_3col {
  padding: 0;
  margin-bottom: 20px;
  display: flex;
  justify-content: space-around;
  align-items: flex-start;
  gap: 25px;
  text-align: left;
}
.breakfast ul.breakfast_3col img {
  margin-bottom: 15px;
}
/*----------tohlee----------*/
.tohlee {
  background: #F6F1DD;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
  padding-bottom: 60px;
}
.tohlee .sliderwrap {
  width: 550px;
  margin-right: 25px;
}
.tohlee .tohlee_tit {
  margin-top: -20px;
}
.tohlee .tohlee_txt {
  position: absolute;
  text-align: left;
  left: 60px;
  top: 198px;
}
.tohlee .tohlee_txt .btn {
  margin-top: 40px;
}
/*----------icho----------*/
.icho {
  background-image: linear-gradient(0deg, #E8F0ED, #F6F1DD 60%);
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: row-reverse;
  position: relative;
}
.icho .sliderwrap {
  width: 550px;
  margin-left: 25px;
}
.icho .tohlee_tit {
  margin-top: -20px;
}
.icho .icho_txt {
  position: absolute;
  text-align: right;
  right: 60px;
  top: 198px;
}
.icho .icho_txt .btn {
  margin-top: 40px;
}
/*----------restaurant_btn----------*/
.restaurant_btn {
  background-image: linear-gradient(0deg, #fff, #E8F0ED);
  padding: 60px 0;
}