@charset "UTF-8";


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

#click {
	position: fixed;
	top: 30px;
	right: 0px;
	z-index: 9999;
}

/* title */
#slider {
  width: 100%;
  height: auto;
  position: relative;
  background-size: cover;
}
.title img {
  width: 100%;
  height: auto;
  display: block;
}

/* cnt1 */
.container.cnt1 {
  position: relative;
  height: 300px;
  background-color: #c4e4f4;
}
.inner.cnt1 {
  position: relative;
  height: 300px;
}
.access-map {
  position: absolute;
  left: 462px;
  top: 0px;
}
.access-copy {
  position: absolute;
  left: 127px;
  top: 49px;
}
.btn-02 {
  position: absolute;
  left: 127px;
  top: 214px;
}

/* cnt2 */
.container.cnt2 {
  position: relative;
  height: 1350px;
  background-color: #fcf9f4;
}
.inner.cnt2 {
  position: relative;
  height: 1350px;
}
.campaign-st {
  position: absolute;
  left: 173px;
  top: 35px;
}
.campaign-photo-01 {
  position: absolute;
  left: 0px;
  top: 44px;
}
.campaign-photo-02 {
  position: absolute;
  left: 789px;
  top: 261px;
}
.campaign-01 {
  position: absolute;
  left: 45px;
  top: 320px;
}
.campaign-02 {
  position: absolute;
  left: 45px;
  top: 1159px;
}
.campaign-03 {
  position: absolute;
  left: 171px;
  top: 1250px;
}
.campaignbtn-01 {
  position: absolute;
  left: 97px;
  top: 445px;
}
.campaignbtn-02 {
  position: absolute;
  left: 97px;
  top: 555px;
}
.campaignbtn-03 {
  position: absolute;
  left: 97px;
  top: 665px;
}
.campaignbtn-04 {
  position: absolute;
  left: 97px;
  top: 775px;
}
.campaignbtn-05 {
  position: absolute;
  left: 97px;
  top: 885px;
}
.campaignbtn-06 {
  position: absolute;
  left: 97px;
  top: 995px;
}

/* cnt3 */
.container.cnt3 {
  position: relative;
  height: 245px;
  background:
  url("../images/planimage_02.png") no-repeat calc(50% + 445px) 44px,
  url("../images/bg_01.png") repeat-x center top;
}
.inner.cnt3 {
  position: relative;
  height: 245px;
}
.plan-st {
  position: absolute;
  left: 235px;
  top: 33px;
}
.planimage-01 {
  position: absolute;
  left: 14px;
  top: -83px;
}

/* cnt4 */
.container.cnt4 {
  position: relative;
  height: 610px;
  background:
  url("../images/bg_02.png") repeat-x center top;
}
.inner.cnt4 {
  position: relative;
  height: 610px;
}
.plan01-st {
  position: absolute;
  left: 29px;
  top: 17px;
}
.plan01-photo-01 {
  position: absolute;
  left: 147px;
  top: 283px;
}
.plan01-photo-02 {
  position: absolute;
  left: 0px;
  top: 235px;
}
.plan01-photo-03 {
  position: absolute;
  left: 620px;
  top: 283px;
}
.plan01-copy-01 {
  position: absolute;
  left: 127px;
  top: 520px;
}
.plan01-copy-02 {
  position: absolute;
  left: 600px;
  top: 500px;
}

/* cnt5 */
.container.cnt5 {
  position: relative;
  height: 650px;
  background:
  url("../images/bg_03.png") repeat-x center top;
}
.inner.cnt5 {
  position: relative;
  height: 650px;
}
.plan02-st {
  position: absolute;
  left: 29px;
  top: 14px;
}
.plan02-photo-01 {
  position: absolute;
  left: 60px;
  top: 187px;
}
.plan02-photo-02 {
  position: absolute;
  left: 390px;
  top: 247px;
}
.plan02-photo-03 {
  position: absolute;
  left: 695px;
  top: 247px;
}
.plan02-photo-04 {
  position: absolute;
  left: 390px;
  top: 420px;
}
.plan02-photo-05 {
  position: absolute;
  left: 695px;
  top: 420px;
}
.plan02-copy-01 {
  position: absolute;
  left: 50px;
  top: 572px;
}
.plan02-copy-02 {
  position: absolute;
  left: 380px;
  top: 377px;
}
.plan02-copy-03 {
  position: absolute;
  left: 685px;
  top: 377px;
}
.plan02-copy-04 {
  position: absolute;
  left: 380px;
  top: 550px;
}
.plan02-copy-05 {
  position: absolute;
  left: 685px;
  top: 550px;
}

/* cnt6 */
.container.cnt6 {
  position: relative;
  height: 560px;
  background:
  url("../images/bg_04.png") repeat-x center top;
}
.inner.cnt6 {
  position: relative;
  height: 560px;
}
.plan03-st {
  position: absolute;
  left: 29px;
  top: 27px;
}
.plan03-photo-01 {
  position: absolute;
  left: 26px;
  top: 270px;
}
.plan03-photo-02 {
  position: absolute;
  left: 287px;
  top: 246px;
}
.plan03-photo-03 {
  position: absolute;
  left: 599px;
  top: 220px;
}
.plan03-copy-01 {
  position: absolute;
  left: 16px;
  top: 456px;
}
.plan03-copy-02 {
  position: absolute;
  left: 360px;
  top: 456px;
}
.plan03-copy-03 {
  position: absolute;
  left: 589px;
  top: 456px;
}

/* cnt7 */
.container.cnt7 {
  position: relative;
  height: 730px;
  background:
  url("../images/bg_05.png") repeat-x center top;
}
.inner.cnt7 {
  position: relative;
  height: 730px;
}
.plan04-st {
  position: absolute;
  left: 29px;
  top: 24px;
}
.plan04-photo-01 {
  position: absolute;
  left: 267px;
  top: 140px;
}
.plan04-photo-02 {
  position: absolute;
  left: 12px;
  top: 216px;
}
.plan04-photo-03 {
  position: absolute;
  left: 308px;
  top: 233px;
}
.plan04-photo-04 {
  position: absolute;
  left: 633px;
  top: 194px;
}
.plan04-copy-01 {
  position: absolute;
  left: 228px;
  top: 176px;
}
.plan04-copy-02 {
  position: absolute;
  left: 54px;
  top: 391px;
}
.plan04-copy-03 {
  position: absolute;
  left: 355px;
  top: 413px;
}
.plan04-copy-04 {
  position: absolute;
  left: 687px;
  top: 411px;
}
.plan-btncopy {
  position: absolute;
  left: 194px;
  top: 523px;
}
.btn-03 {
  position: absolute;
  left: 95px;
  top: 575px;
}

/* cnt8 */
.container.cnt8 {
  position: relative;
  height: 1555px;
}
.inner.cnt8 {
  position: relative;
  height: 1555px;
}
.baretenai-01 {
  position: absolute;
  left: 55px;
  top: 32px;
}
.baretenai-02 {
  position: absolute;
  left: 561px;
  top: 32px;
}
.baretenai-03 {
  position: absolute;
  left: 153px;
  top: 294px;
}
.baretenai-04 {
  position: absolute;
  left: 36px;
  top: 1278px;
}
.activity {
  position: absolute;
  left: 670px;
  top: 186px;
}
.gourmet {
  position: absolute;
  left: 345px;
  top: 255px;
}
.hotspring {
  position: absolute;
  left: 20px;
  top: 557px;
}
.festival {
  position: absolute;
  left: 345px;
  top: 913px;
}
.heritage {
  position: absolute;
  left: 670px;
  top: 886px;
}
.activity-btn {
  position: absolute;
  left: 704px;
  top: 809px;
}
.gourmet-btn {
  position: absolute;
  left: 379px;
  top: 838px;
}
.hotspring-btn {
  position: absolute;
  left: 54px;
  top: 1180px;
}
.festival-btn {
  position: absolute;
  left: 379px;
  top: 1466px;
}
.heritage-btn {
  position: absolute;
  left: 704px;
  top: 1466px;
}

/* cnt9 */
.container.cnt9 {
  position: relative;
  height: 220px;
  background-color: #c4e4f4;
}
.inner.cnt9 {
  position: relative;
  height: 220px;
}
.baretenai-05 {
  position: absolute;
  left: 319px;
  top: 16px;
}
.btn-04 {
  position: absolute;
  left: 27px;
  top: 26px;
}
.btn-05 {
  position: absolute;
  left: 527px;
  top: 26px;
}
.btn-06 {
  position: absolute;
  left: 598px;
  top: 126px;
  z-index: 2;
}
.atn-01 {
  position: absolute;
  left: 557px;
  top: 126px;
}

/* cnt10 */
.container.cnt10 {
  position: relative;
  height: 30px;
}
.inner.cnt10 {
  position: relative;
  height: 30px;
}
.atn-02 {
  position: absolute;
  left: 181px;
  top: 14px;
}

#top {
	position: fixed;
	bottom: 60px;
	right: -81px;
	z-index: 1000;
}

/* 追記 */
html, body {
    overflow-x: hidden;
}

#slider {
    overflow: hidden;
}

@media screen and (max-width: 768px) {
    .is-android #slider .vegas-slide-inner {
        animation: none !important;
        -webkit-animation: none !important;
    }
}