@charset "UTF-8";


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

/* 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: 930px;
  background:
  url("../images/bg_01.png") no-repeat calc(50% - 30px) -104px;
}
.inner.cnt1 {
  position: relative;
  height: 930px;
}
.maincopy {
  position: absolute;
  left: 138px;
  top: 35px;
}
.food-photo {
  position: absolute;
  left: 27px;
  top: 427px;
}
.onsen-photo {
  position: absolute;
  left: 345px;
  top: 427px;
}
.exp-photo {
  position: absolute;
  left: 663px;
  top: 427px;
}
.food-copy {
  position: absolute;
  left: 39px;
  top: 359px;
}
.onsen-copy {
  position: absolute;
  left: 357px;
  top: 359px;
}
.exp-copy {
  position: absolute;
  left: 675px;
  top: 359px;
}
.btn-01 {
  position: absolute;
  left: 37px;
  top: 785px;
}
.btn-02 {
  position: absolute;
  left: 355px;
  top: 785px;
}
.btn-03 {
  position: absolute;
  left: 673px;
  top: 785px;
}

/* cnt2 */
.container.cnt2 {
  position: relative;
  height: 1440px;
  background:
  url("../images/bg_02.png") no-repeat center top;
  background-color: #fcfdf2;
}
.inner.cnt2 {
  position: relative;
  height: 1440px;
}
.area-st {
  position: absolute;
  left: 35px;
  top: -47px;
}
.map {
  position: absolute;
  left: 0px;
  top: 190px;
}
.area-01 {
  position: absolute;
  left: 0px;
  top: 141px;
}
.area-02 {
  position: absolute;
  left: 703px;
  top: 154px;
}
.area-03 {
  position: absolute;
  left: 58px;
  top: 479px;
}
.area-04 {
  position: absolute;
  left: 701px;
  top: 567px;
}
.area-05 {
  position: absolute;
  left: 397px;
  top: 729px;
}
.areabtn-01 {
  position: absolute;
  left: 67px;
  top: 418px;
}
.areabtn-02 {
  position: absolute;
  left: 772px;
  top: 432px;
}
.areabtn-03 {
  position: absolute;
  left: 126px;
  top: 756px;
}
.areabtn-04 {
  position: absolute;
  left: 768px;
  top: 845px;
}
.areabtn-05 {
  position: absolute;
  left: 464px;
  top: 1006px;
}

/* cnt3 */
.container.cnt3 {
  position: relative;
  height: 270px;
}
.inner.cnt3 {
  position: relative;
  height: 270px;
}
.area-st2 {
  position: absolute;
  left: 131px;
  top: 55px;
}

/* cnt4 */
.container.cnt4 {
  position: relative;
  height: 1410px;
  background:
  url("../images/nansatsu_photo_08.jpg") no-repeat calc(50% + 289px) 816px,
  url("../images/nansatsu_photo_06.jpg") no-repeat calc(50% - 352px) 808px,
  url("../images/bg_cnt4.png") no-repeat calc(50% + 37px) 2px;
}
.inner.cnt4 {
  position: relative;
  height: 1410px;
}
.nansatsu-st {
  position: absolute;
  left: 639px;
  top: 131px;
}
.nansatsu-photo-01 {
  position: absolute;
  left: 0px;
  top: 98px;
}
.nansatsu-photo-02 {
  position: absolute;
  left: 2px;
  top: 350px;
}
.nansatsu-photo-03 {
  position: absolute;
  left: 224px;
  top: 337px;
}
.nansatsu-photo-04 {
  position: absolute;
  left: 440px;
  top: 356px;
}
.nansatsu-photo-05 {
  position: absolute;
  left: 282px;
  top: 530px;
}
.nansatsu-photo-07 {
  position: absolute;
  left: 329px;
  top: 916px;
}
.nansatsu-copy-01 {
  position: absolute;
  left: 328px;
  top: 83px;
}
.nansatsu-copy-02 {
  position: absolute;
  left: 201px;
  top: 62px;
}
.nansatsu-copy-03 {
  position: absolute;
  left: 320px;
  top: 268px;
}
.nansatsu-copy-04 {
  position: absolute;
  left: 16px;
  top: 586px;
}
.nansatsu-copy-05 {
  position: absolute;
  left: 118px;
  top: 778px;
}
.nansatsu-copy-06 {
  position: absolute;
  left: 690px;
  top: 653px;
}
.nansatsu-copy-07 {
  position: absolute;
  left: 507px;
  top: 790px;
}
.nansatsu-btn-01 {
  position: absolute;
  left: 16px;
  top: 279px;
}
.nansatsu-btn-02 {
  position: absolute;
  left: 37px;
  top: 493px;
}
.nansatsu-btn-03 {
  position: absolute;
  left: 244px;
  top: 465px;
}
.nansatsu-btn-04 {
  position: absolute;
  left: 447px;
  top: 482px;
}
.nansatsu-btn-05 {
  position: absolute;
  left: 296px;
  top: 752px;
}
.nansatsu-btn-06 {
  position: absolute;
  left: 124px;
  top: 1019px;
}
.nansatsu-btn-07 {
  position: absolute;
  left: 342px;
  top: 1064px;
}
.nansatsu-btn-08 {
  position: absolute;
  left: 564px;
  top: 1093px;
}
.nansatsu-btn-09 {
  position: absolute;
  left: 754px;
  top: 1093px;
}
.nansatsu-btn-10 {
  position: absolute;
  left: 173px;
  top: 1162px;
}
.nansatsu-btn-11 {
  position: absolute;
  left: 173px;
  top: 1269px;
}

/* cnt5 */
.container.cnt5 {
  position: relative;
  height: 1260px;
  background:
  url("../images/hokusatsu_photo_06.jpg") no-repeat calc(50% - 339px) 663px,
  url("../images/bg_cnt5.png") no-repeat calc(50% - 48px) 2px;
}
.inner.cnt5 {
  position: relative;
  height: 1260px;
}
.hokusatsu-st {
  position: absolute;
  left: 29px;
  top: 97px;
}
.hokusatsu-photo-01 {
  position: absolute;
  left: 425px;
  top: 133px;
}
.hokusatsu-photo-02 {
  position: absolute;
  left: 510px;
  top: 430px;
}
.hokusatsu-photo-03 {
  position: absolute;
  left: 755px;
  top: 430px;
}
.hokusatsu-photo-04 {
  position: absolute;
  left: 510px;
  top: 618px;
}
.hokusatsu-photo-05 {
  position: absolute;
  left: 755px;
  top: 618px;
}
.hokusatsu-photo-07 {
  position: absolute;
  left: 91px;
  top: 950px;
}
.hokusatsu-photo-08 {
  position: absolute;
  left: 349px;
  top: 856px;
}
.hokusatsu-photo-09 {
  position: absolute;
  left: 518px;
  top: 798px;
}
.hokusatsu-photo-10 {
  position: absolute;
  left: 784px;
  top: 818px;
}
.hokusatsu-copy-01 {
  position: absolute;
  left: 485px;
  top: 24px;
}
.hokusatsu-copy-02 {
  position: absolute;
  left: 394px;
  top: 140px;
}
.hokusatsu-copy-03 {
  position: absolute;
  left: 59px;
  top: 503px;
}
.hokusatsu-copy-04 {
  position: absolute;
  left: 256px;
  top: 670px;
}
.hokusatsu-copy-05 {
  position: absolute;
  left: 10px;
  top: 926px;
}
.hokusatsu-copy-06 {
  position: absolute;
  left: 353px;
  top: 811px;
}
.hokusatsu-copy-07 {
  position: absolute;
  left: 703px;
  top: 955px;
}
.hokusatsu-copy-08 {
  position: absolute;
  left: 606px;
  top: 809px;
}
.hokusatsu-btn-01 {
  position: absolute;
  left: 412px;
  top: 373px;
}
.hokusatsu-btn-02 {
  position: absolute;
  left: 520px;
  top: 575px;
}
.hokusatsu-btn-03 {
  position: absolute;
  left: 765px;
  top: 575px;
}
.hokusatsu-btn-04 {
  position: absolute;
  left: 520px;
  top: 763px;
}
.hokusatsu-btn-05 {
  position: absolute;
  left: 765px;
  top: 763px;
}
.hokusatsu-btn-06 {
  position: absolute;
  left: 148px;
  top: 884px;
}
.hokusatsu-btn-07 {
  position: absolute;
  left: 27px;
  top: 1083px;
}
.hokusatsu-btn-08 {
  position: absolute;
  left: 329px;
  top: 1065px;
}
.hokusatsu-btn-09 {
  position: absolute;
  left: 547px;
  top: 1050px;
}
.hokusatsu-btn-10 {
  position: absolute;
  left: 723px;
  top: 897px;
}
.hokusatsu-btn-11 {
  position: absolute;
  left: 173px;
  top: 1147px;
}

/* cnt6 */
.container.cnt6 {
  position: relative;
  height: 1260px;
  background:
  url("../images/bg_cnt6.png") no-repeat calc(50% + 36px) 2px;
}
.inner.cnt6 {
  position: relative;
  height: 1260px;
}
.kirishima-st {
  position: absolute;
  left: 629px;
  top: 113px;
}
.kirishima-photo-01 {
  position: absolute;
  left: 71px;
  top: 158px;
}
.kirishima-photo-02 {
  position: absolute;
  left: 19px;
  top: 500px;
}
.kirishima-photo-03 {
  position: absolute;
  left: 229px;
  top: 500px;
}
.kirishima-photo-04 {
  position: absolute;
  left: 213px;
  top: 695px;
}
.kirishima-photo-05 {
  position: absolute;
  left: 18px;
  top: 924px;
}
.kirishima-photo-06 {
  position: absolute;
  left: 261px;
  top: 942px;
}
.kirishima-photo-07 {
  position: absolute;
  left: 595px;
  top: 598px;
}
.kirishima-photo-08 {
  position: absolute;
  left: 765px;
  top: 879px;
}
.kirishima-copy-01 {
  position: absolute;
  left: 35px;
  top: 45px;
}
.kirishima-copy-02 {
  position: absolute;
  left: 37px;
  top: 133px;
}
.kirishima-copy-03 {
  position: absolute;
  left: 21px;
  top: 680px;
}
.kirishima-copy-04 {
  position: absolute;
  left: 405px;
  top: 926px;
}
.kirishima-copy-05 {
  position: absolute;
  left: 556px;
  top: 870px;
}
.kirishima-copy-06 {
  position: absolute;
  left: 530px;
  top: 554px;
}
.kirishima-btn-01 {
  position: absolute;
  left: 478px;
  top: 440px;
}
.kirishima-btn-02 {
  position: absolute;
  left: 38px;
  top: 631px;
}
.kirishima-btn-03 {
  position: absolute;
  left: 245px;
  top: 631px;
}
.kirishima-btn-04 {
  position: absolute;
  left: 390px;
  top: 882px;
}
.kirishima-btn-05 {
  position: absolute;
  left: 106px;
  top: 1045px;
}
.kirishima-btn-06 {
  position: absolute;
  left: 327px;
  top: 1073px;
}
.kirishima-btn-07 {
  position: absolute;
  left: 584px;
  top: 826px;
}
.kirishima-btn-08 {
  position: absolute;
  left: 828px;
  top: 1050px;
}
.kirishima-btn-09 {
  position: absolute;
  left: 173px;
  top: 1146px;
}

/* cnt7 */
.container.cnt7 {
  position: relative;
  height: 1260px;
  background:
  url("../images/bg_cnt7.png") no-repeat calc(50% - 33px) 2px;
}
.inner.cnt7 {
  position: relative;
  height: 1260px;
}
.osumi-st {
  position: absolute;
  left: 30px;
  top: 113px;
}
.osumi-photo-01 {
  position: absolute;
  left: 378px;
  top: 54px;
}
.osumi-photo-02 {
  position: absolute;
  left: 407px;
  top: 430px;
}
.osumi-photo-03 {
  position: absolute;
  left: 715px;
  top: 413px;
}
.osumi-photo-04 {
  position: absolute;
  left: 175px;
  top: 750px;
}
.osumi-photo-05 {
  position: absolute;
  left: 327px;
  top: 628px;
}
.osumi-photo-06 {
  position: absolute;
  left: 36px;
  top: 958px;
}
.osumi-photo-07 {
  position: absolute;
  left: 529px;
  top: 632px;
}
.osumi-photo-08 {
  position: absolute;
  left: 759px;
  top: 914px;
}
.osumi-copy-01 {
  position: absolute;
  left: 736px;
  top: 22px;
}
.osumi-copy-02 {
  position: absolute;
  left: 543px;
  top: 17px;
}
.osumi-copy-03 {
  position: absolute;
  left: 382px;
  top: 412px;
}
.osumi-copy-04 {
  position: absolute;
  left: 28px;
  top: 608px;
}
.osumi-copy-05 {
  position: absolute;
  left: 61px;
  top: 754px;
}
.osumi-copy-06 {
  position: absolute;
  left: 497px;
  top: 924px;
}
.osumi-copy-07 {
  position: absolute;
  left: 468px;
  top: 620px;
}
.osumi-btn-01 {
  position: absolute;
  left: 814px;
  top: 350px;
}
.osumi-btn-02 {
  position: absolute;
  left: 536px;
  top: 577px;
}
.osumi-btn-03 {
  position: absolute;
  left: 704px;
  top: 558px;
}
.osumi-btn-04 {
  position: absolute;
  left: 96px;
  top: 897px;
}
.osumi-btn-05 {
  position: absolute;
  left: 246px;
  top: 1037px;
}
.osumi-btn-06 {
  position: absolute;
  left: 502px;
  top: 853px;
}
.osumi-btn-07 {
  position: absolute;
  left: 742px;
  top: 1044px;
}
.osumi-btn-08 {
  position: absolute;
  left: 173px;
  top: 1133px;
}

/* cnt8 */
.container.cnt8 {
  position: relative;
  height: 1260px;
  background:
  url("../images/bg_cnt8.png") no-repeat calc(50% + 56px) 2px;
}
.inner.cnt8 {
  position: relative;
  height: 1260px;
}
.remoteisland-st {
  position: absolute;
  left: 591px;
  top: 112px;
}
.remoteisland-photo-01 {
  position: absolute;
  left: 271px;
  top: 78px;
}
.remoteisland-photo-02 {
  position: absolute;
  left: 14px;
  top: 255px;
}
.remoteisland-photo-03 {
  position: absolute;
  left: 127px;
  top: 389px;
}
.remoteisland-photo-04 {
  position: absolute;
  left: 346px;
  top: 330px;
}
.remoteisland-photo-05 {
  position: absolute;
  left: 58px;
  top: 642px;
}
.remoteisland-photo-06 {
  position: absolute;
  left: 237px;
  top: 635px;
}
.remoteisland-photo-07 {
  position: absolute;
  left: 0px;
  top: 886px;
}
.remoteisland-photo-08 {
  position: absolute;
  left: 313px;
  top: 969px;
}
.remoteisland-photo-09 {
  position: absolute;
  left: 725px;
  top: 572px;
}
.remoteisland-photo-10 {
  position: absolute;
  left: 648px;
  top: 771px;
}
.remoteisland-photo-11 {
  position: absolute;
  left: 730px;
  top: 947px;
}
.remoteisland-copy-01 {
  position: absolute;
  left: 11px;
  top: 52px;
}
.remoteisland-copy-02 {
  position: absolute;
  left: 304px;
  top: 42px;
}
.remoteisland-copy-03 {
  position: absolute;
  left: 204px;
  top: 317px;
}
.remoteisland-copy-04 {
  position: absolute;
  left: 43px;
  top: 540px;
}
.remoteisland-copy-05 {
  position: absolute;
  left: 506px;
  top: 621px;
}
.remoteisland-copy-06 {
  position: absolute;
  left: 144px;
  top: 897px;
}
.remoteisland-copy-07 {
  position: absolute;
  left: 655px;
  top: 578px;
}
.remoteisland-copy-08 {
  position: absolute;
  left: 578px;
  top: 912px;
}
.remoteisland-copy-09 {
  position: absolute;
  left: 868px;
  top: 889px;
}
.remoteisland-btn-01 {
  position: absolute;
  left: 426px;
  top: 284px;
}
.remoteisland-btn-02 {
  position: absolute;
  left: 21px;
  top: 399px;
  z-index: 2;
}
.remoteisland-btn-03 {
  position: absolute;
  left: 122px;
  top: 488px;
}
.remoteisland-btn-04 {
  position: absolute;
  left: 328px;
  top: 466px;
}
.remoteisland-btn-05 {
  position: absolute;
  left: 19px;
  top: 631px;
}
.remoteisland-btn-06 {
  position: absolute;
  left: 363px;
  top: 865px;
}
.remoteisland-btn-07 {
  position: absolute;
  left: 13px;
  top: 1015px;
}
.remoteisland-btn-08 {
  position: absolute;
  left: 13px;
  top: 1053px;
}
.remoteisland-btn-09 {
  position: absolute;
  left: 338px;
  top: 935px;
}
.remoteisland-btn-10 {
  position: absolute;
  left: 659px;
  top: 689px;
}
.remoteisland-btn-11 {
  position: absolute;
  left: 659px;
  top: 725px;
}
.remoteisland-btn-12 {
  position: absolute;
  left: 785px;
  top: 783px;
}
.remoteisland-btn-13 {
  position: absolute;
  left: 748px;
  top: 1100px;
}
.remoteisland-btn-14 {
  position: absolute;
  left: 173px;
  top: 1165px;
}

/* cnt9 */
.container.cnt9 {
  position: relative;
  height: 455px;
}
.inner.cnt9 {
  position: relative;
  height: 455px;
}
.btn-04 {
  position: absolute;
  left: 70px;
  top: 58px;
}
.btn-05 {
  position: absolute;
  left: 70px;
  top: 242px;
}
.btn-06 {
  position: absolute;
  left: 358px;
  top: 242px;
}
.btn-07 {
  position: absolute;
  left: 646px;
  top: 242px;
}
.btn-08 {
  position: absolute;
  left: 70px;
  top: 395px;
}

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