@charset "UTF-8";


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

/* title */
.container.titlebase {
  position: relative;
  height: auto;
  background-color: #a5b496;
}
.sliderwrap {
  width: 100%;
  height: auto;
  display: flex;
}
.sliderbox {
  aspect-ratio: 4 / 5;
  flex: 1;
  background-size: cover;
}
.title {
  position: absolute;
  top: 0;
  left: 0;
}
.title img {
  width: 100%;
  height: auto;
  display: block;
}

/* contents */
.container.contents {
  position: relative;
  height: 3980px;
  background:
  url("../images/craft.png") no-repeat calc(50% - 415.75px) 3313px,
  url("../images/marketandspa.png") no-repeat calc(50% - 282.5px) 2697px,
  url("../images/outdoor.png") no-repeat calc(50% - 255px) 893px,
  url("../images/bg_03.png") no-repeat center bottom,
  url("../images/bg_02.png") no-repeat center 2089px,
  url("../images/bg_01.png") no-repeat center top;
}
.inner.contents {
  position: relative;
  height: 3980px;
}
.map {
  position: absolute;
  left: 57px;
  top: 13px;
}
.maincopy {
  position: absolute;
  left: 530px;
  top: 65px;
}
.area-01 {
  position: absolute;
  left: 41px;
  top: 455px;
}
.area-02 {
  position: absolute;
  left: 352px;
  top: 455px;
}
.area-03 {
  position: absolute;
  left: 662px;
  top: 455px;
}
.areabtn-01 {
  position: absolute;
  left: 59px;
  top: 784px;
}
.areabtn-02 {
  position: absolute;
  left: 370px;
  top: 784px;
}
.areabtn-03 {
  position: absolute;
  left: 681px;
  top: 784px;
}
.waterfall {
  position: absolute;
  left: 475px;
  top: 1042px;
}
.showerclimbing {
  position: absolute;
  left: 928px;
  top: 916px;
}
.cycling {
  position: absolute;
  left: 561px;
  top: 1405px;
}
.camp {
  position: absolute;
  left: 427px;
  top: 1745px;
}
.hiking {
  position: absolute;
  left: 888px;
  top: 1808px;
}
.naturalmonument {
  position: absolute;
  left: 0px;
  top: 2194px;
}
.farm {
  position: absolute;
  left: 561px;
  top: 2187px;
}
.market {
  position: absolute;
  left: 41px;
  top: 2860px;
}
.spa {
  position: absolute;
  left: 545px;
  top: 2684px;
}
.soba {
  position: absolute;
  left: 494px;
  top: 3363px;
}
.photo-01 {
  position: absolute;
  left: 263px;
  top: 1036px;
}
.photo-02 {
  position: absolute;
  left: 0px;
  top: 1377px;
}
.photo-03 {
  position: absolute;
  left: 578px;
  top: 914px;
}
.photo-04 {
  position: absolute;
  left: 630px;
  top: 1403px;
}
.photo-05 {
  position: absolute;
  left: 66px;
  top: 1743px;
}
.photo-06 {
  position: absolute;
  left: 558px;
  top: 1806px;
}
.photo-07 {
  position: absolute;
  left: 112px;
  top: 2279px;
}
.photo-08 {
  position: absolute;
  left: 630px;
  top: 2187px;
}
.photo-09 {
  position: absolute;
  left: 108px;
  top: 2860px;
}
.photo-10 {
  position: absolute;
  left: 611px;
  top: 2683px;
}
.photo-11 {
  position: absolute;
  left: 750px;
  top: 3043px;
}
.photo-12 {
  position: absolute;
  left: 207px;
  top: 3270px;
}
.photo-13 {
  position: absolute;
  left: 631px;
  top: 3314px;
}
.copy-01 {
  position: absolute;
  left: 28px;
  top: 1041px;
}
.copy-02 {
  position: absolute;
  left: 260px;
  top: 1428px;
}
.copy-03 {
  position: absolute;
  left: 555px;
  top: 1205px;
}
.copy-04 {
  position: absolute;
  left: 523px;
  top: 1615px;
}
.copy-05 {
  position: absolute;
  left: 40px;
  top: 1965px;
}
.copy-06 {
  position: absolute;
  left: 527px;
  top: 1971px;
}
.copy-07 {
  position: absolute;
  left: 29px;
  top: 2428px;
}
.copy-08 {
  position: absolute;
  left: 558px;
  top: 2379px;
}
.copy-09 {
  position: absolute;
  left: 22px;
  top: 3046px;
}
.copy-10 {
  position: absolute;
  left: 525px;
  top: 2855px;
}
.copy-11 {
  position: absolute;
  left: 472px;
  top: 3041px;
}
.copy-12 {
  position: absolute;
  left: 19px;
  top: 3435px;
}
.copy-13 {
  position: absolute;
  left: 516px;
  top: 3429px;
}
.spotbtn-01 {
  position: absolute;
  left: 28px;
  top: 1310px;
}
.spotbtn-02 {
  position: absolute;
  left: 260px;
  top: 1667px;
}
.spotbtn-03 {
  position: absolute;
  left: 766px;
  top: 1331px;
}
.spotbtn-04 {
  position: absolute;
  left: 754px;
  top: 1741px;
}
.spotbtn-05 {
  position: absolute;
  left: 40px;
  top: 2116px;
}
.spotbtn-06 {
  position: absolute;
  left: 738px;
  top: 2097px;
}
.spotbtn-07 {
  position: absolute;
  left: 29px;
  top: 2576px;
}
.spotbtn-08 {
  position: absolute;
  left: 558px;
  top: 2526px;
}
.spotbtn-09 {
  position: absolute;
  left: 22px;
  top: 3197px;
}
.spotbtn-10 {
  position: absolute;
  left: 755px;
  top: 2981px;
}
.spotbtn-11 {
  position: absolute;
  left: 472px;
  top: 3260px;
}
.spotbtn-12 {
  position: absolute;
  left: 19px;
  top: 3586px;
}
.spotbtn-13 {
  position: absolute;
  left: 516px;
  top: 3580px;
}
.coupon-st {
  position: absolute;
  left: 306px;
  top: 3689px;
}
.btn-05 {
  position: absolute;
  left: 58px;
  top: 3729px;
}
.btn-06 {
  position: absolute;
  left: 58px;
  top: 3852px;
}
.btn-07 {
  position: absolute;
  left: 512px;
  top: 3852px;
}

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