@charset "UTF-8";


header *, main * {
  margin: 0;
  padding: 0
}

/* title */
.container.titlebase {
  position: relative;
  height: 700px;
  background-color: #ffe6e3;
}
#slider {
  width: 100%;
  height: 700px;
  position: relative;
  background-position: center top;
  background-repeat: no-repeat;
  z-index: 2;
}
.titlebox {
  width: 990px;
  height: 700px;
  position: relative;
  margin: 0 auto;
}
.title {
  position: absolute;
  left: 11px;
  top: -22px;
}

/* cnt1 */
.container.cnt1 {
  position: relative;
  height: 740px;
  background-color: #ffe6e3;
}
.inner.cnt1 {
  position: relative;
  height: 740px;
}
.maincopy {
  position: absolute;
  left: 841px;
  top: -245px;
  z-index: 3;
}
.event-c01 {
  position: absolute;
  left: 16px;
  top: 14px;
}
.event-c02 {
  position: absolute;
  left: 16px;
  top: 318px;
}
.event-c03 {
  position: absolute;
  left: 506px;
  top: 318px;
}
.event-p01a {
  position: absolute;
  left: 199px;
  top: 124px;
}
.event-p01b {
  position: absolute;
  left: 567px;
  top: 124px;
}
.event-p02 {
  position: absolute;
  left: 25px;
  top: 327px;
}
.event-p03 {
  position: absolute;
  left: 515px;
  top: 327px;
}
.event-btn-01a {
  position: absolute;
  left: 54px;
  top: 258px;
}
.event-btn-01b {
  position: absolute;
  left: 446px;
  top: 258px;
}
.event-btn-02 {
  position: absolute;
  left: 340px;
  top: 647px;
}
.event-btn-03 {
  position: absolute;
  left: 830px;
  top: 647px;
}

/* cnt2 */
.container.cnt2 {
  position: relative;
  height: 545px;
}
.inner.cnt2 {
  position: relative;
  height: 545px;
}
.plan-st {
  position: absolute;
  left: 272px;
  top: 19px;
}
.plan-01 {
  position: absolute;
  left: 13px;
  top: 147px;
}
.plan-02 {
  position: absolute;
  left: 337px;
  top: 147px;
}
.plan-03 {
  position: absolute;
  left: 661px;
  top: 147px;
}
.plan-btn-01 {
  position: absolute;
  left: 56px;
  top: 463px;
}
.plan-btn-02 {
  position: absolute;
  left: 380px;
  top: 463px;
}
.plan-btn-03 {
  position: absolute;
  left: 704px;
  top: 463px;
}

/* cnt3 */
.container.cnt3 {
  position: relative;
  height: 1245px;
  background:
  url("../images/bg_pattern.png") repeat center top;
}
.inner.cnt3 {
  position: relative;
  height: 1245px;
}
.hotel-st {
  position: absolute;
  left: 204px;
  top: 23px;
}
.hotel1-base {
  position: absolute;
  left: 25px;
  top: 134px;
}
.hotel2-base {
  position: absolute;
  left: 495px;
  top: 134px;
}
.hotel3-base {
  position: absolute;
  left: 25px;
  top: 446px;
}
.hotel4-base {
  position: absolute;
  left: 335px;
  top: 446px;
}
.hotel5-base {
  position: absolute;
  left: 645px;
  top: 446px;
}
.hotel1-photo {
  position: absolute;
  left: 35px;
  top: 144px;
}
.hotel2-photo {
  position: absolute;
  left: 505px;
  top: 144px;
}
.hotel3-photo {
  position: absolute;
  left: 35px;
  top: 456px;
}
.hotel4-photo {
  position: absolute;
  left: 345px;
  top: 456px;
}
.hotel5-photo {
  position: absolute;
  left: 655px;
  top: 456px;
}
.hotel1-btn-01 {
  position: absolute;
  left: 161px;
  top: 310px;
}
.hotel1-btn-02 {
  position: absolute;
  left: 55px;
  top: 389px;
}
.hotel1-btn-03 {
  position: absolute;
  left: 265px;
  top: 389px;
}
.hotel2-btn-01 {
  position: absolute;
  left: 610px;
  top: 308px;
}
.hotel2-btn-02 {
  position: absolute;
  left: 525px;
  top: 389px;
}
.hotel2-btn-03 {
  position: absolute;
  left: 735px;
  top: 389px;
}
.hotel3-btn-01 {
  position: absolute;
  left: 81px;
  top: 579px;
}
.hotel3-btn-02 {
  position: absolute;
  left: 85px;
  top: 675px;
}
.hotel3-btn-03 {
  position: absolute;
  left: 85px;
  top: 712px;
}
.hotel4-btn-01 {
  position: absolute;
  left: 411px;
  top: 580px;
}
.hotel4-btn-02 {
  position: absolute;
  left: 395px;
  top: 675px;
}
.hotel4-btn-03 {
  position: absolute;
  left: 395px;
  top: 712px;
}
.hotel5-btn-01 {
  position: absolute;
  left: 694px;
  top: 580px;
}
.hotel5-btn-02 {
  position: absolute;
  left: 705px;
  top: 675px;
}
.hotel5-btn-03 {
  position: absolute;
  left: 705px;
  top: 712px;
}
.hotel-atn {
  position: absolute;
  left: 112px;
  top: 778px;
  line-height: 0;
}
.benefits-01 {
  position: absolute;
  left: 35px;
  top: 815px;
}
.benefits-02 {
  position: absolute;
  left: 64px;
  top: 891px;
}
.benefits-btn {
  position: absolute;
  left: 677px;
  top: 1120px;
}