@charset "UTF-8";


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

/* title */
.container.titlebase {
  position: relative;
  height: 1090px;
  background:
  url("../images/titleimage.jpg") no-repeat center 90px,
  url("../images/bg_03.png") repeat-y center 590px,
  url("../images/bg_02.png") no-repeat center top,
  url("../images/flower_01.png") no-repeat calc(50% + 66px) 60px,
  url("../images/bg_01.png") repeat center top;
}
.inner.titlebase {
  position: relative;
  height: 1090px;
}
.title {
  position: absolute;
  left: 22px;
  top: 90px;
}
.btn-01 {
  position: absolute;
  left: 30px;
  top: 15px;
}
.btn-02 {
  position: absolute;
  left: 510px;
  top: 15px;
}
.btn-03 {
  position: absolute;
  left: 123px;
  top: 397px;
}
.anniversary {
  position: absolute;
  left: 35px;
  top: 627px;
}
.map {
  position: absolute;
  left: 32px;
  top: 750px;
}
.access {
  position: absolute;
  left: 409px;
  top: 793px;
}

/* contnets */
.container.contents {
  position: relative;
  height: 2920px;
  background:
  url("../images/bg_photo.png") no-repeat calc(50% + 276px) 79px,
  url("../images/flower_04.png") no-repeat calc(50% - 97px) 2075px,
  url("../images/flower_03.png") no-repeat calc(50% + 77px) 1129px,
  url("../images/flower_02.png") no-repeat calc(50% - 18px) 127px,
  url("../images/bg_04.png") no-repeat center 1480px,
  url("../images/bg_03.png") repeat-y center top,
  url("../images/bg_01.png") repeat center top;
}
.inner.contents {
  position: relative;
  height: 2920px;
}
.loop-atn {
  position: absolute;
  left: 25px;
  top: 12px;
  line-height: 0;
}
.umenoutage-c01 {
  position: absolute;
  left: 29px;
  top: 42px;
}
.umenoutage-c02 {
  position: absolute;
  left: 585px;
  top: 367px;
}
.umenoutage-c03 {
  position: absolute;
  left: 282px;
  top: 782px;
}
.btn-04 {
  position: absolute;
  left: 29px;
  top: 534px;
}
.umenoutage-p01 {
  position: absolute;
  left: 0px;
  top: 595px;
}
.umenoutage-p02 {
  position: absolute;
  left: 321px;
  top: 580px;
}
.umenoutage-p03 {
  position: absolute;
  left: 432px;
  top: 438px;
}
.umenoutage-p04 {
  position: absolute;
  left: 635px;
  top: 471px;
}
.umenoutage-p05 {
  position: absolute;
  left: 804px;
  top: 726px;
}
.goshojinja-01 {
  position: absolute;
  left: 30px;
  top: 955px;
}
.goshojinja-02 {
  position: absolute;
  left: 30px;
  top: 1225px;
}
.goshojinja-btn {
  position: absolute;
  left: 137px;
  top: 1367px;
}
.setsubunsai-01 {
  position: absolute;
  left: 525px;
  top: 995px;
}
.setsubunsai-02 {
  position: absolute;
  left: 525px;
  top: 1265px;
}
.setsubunsai-btn {
  position: absolute;
  left: 642px;
  top: 1407px;
}
.event-01 {
  position: absolute;
  left: 53px;
  top: 1511px;
}
.event-02 {
  position: absolute;
  left: 36px;
  top: 1612px;
}
.event-03 {
  position: absolute;
  left: 146px;
  top: 1601px;
}
.event-04 {
  position: absolute;
  left: 568px;
  top: 1507px;
}
.event-btn1 {
  position: absolute;
  left: 251px;
  top: 1997px;
}
.event-btn2 {
  position: absolute;
  left: 673px;
  top: 1933px;
}
.onsen-01 {
  position: absolute;
  left: 91px;
  top: 2096px;
}
.onsen-02 {
  position: absolute;
  left: 591px;
  top: 2046px;
}
.onsen-03 {
  position: absolute;
  left: 46px;
  top: 2220px;
}
.onsen-04 {
  position: absolute;
  left: 227px;
  top: 2220px;
}
.onsen-05 {
  position: absolute;
  left: 409px;
  top: 2220px;
}
.onsen-06 {
  position: absolute;
  left: 591px;
  top: 2220px;
}
.onsen-07 {
  position: absolute;
  left: 772px;
  top: 2220px;
}
.onsen-08 {
  position: absolute;
  left: 215px;
  top: 2352px;
  line-height: 0;
}
.btn-06 {
  position: absolute;
  left: 41px;
  top: 2398px;
}
.stay-st {
  position: absolute;
  left: 210px;
  top: 2535px;
}
.btn-07 {
  position: absolute;
  left: 47px;
  top: 2642px;
}
.btn-08 {
  position: absolute;
  left: 352px;
  top: 2642px;
}
.btn-09 {
  position: absolute;
  left: 657px;
  top: 2642px;
}
.btn-10 {
  position: absolute;
  left: 47px;
  top: 2816px;
}
.btn-11 {
  position: absolute;
  left: 352px;
  top: 2816px;
}
.btn-12 {
  position: absolute;
  left: 657px;
  top: 2816px;
}

/* loop */
.loopbox {
  overflow: hidden;
}
.loop_wrap {
  display: flex;
  width: 100vw;
  height: 180px;
}
.loop_wrap img {
  width: auto;
  height: 100%;
  max-inline-size: 7000px;
}

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