@charset "UTF-8";


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

/* title */
.container.titlebase {
  position: relative;
  height: 700px;
  background-image: url("../images/titleimage.jpg");
  background-position: center top;
  background-repeat: no-repeat;
  background-color: #faf5f1;
}
.inner.titlebase {
  position: relative;
  height: 700px;
}
.title {
  position: absolute;
  left: 16px;
  top: 370px;
}

/* cnt1 */
.container.cnt1 {
  position: relative;
  height: 2270px;
  background:
  url("../images/dog_01.png") no-repeat calc(50% - 369px) 640px,
  url("../images/dog_02.png") no-repeat calc(50% + 357px) 2113px;
  background-color: #faf5f1;
}
.inner.cnt1 {
  position: relative;
  height: 2270px;
}
.titlecopy {
  position: absolute;
  left: 51px;
  top: 40px;
}
.map {
  position: absolute;
  left: 525px;
  top: 39px;
}
.walking-st {
  position: absolute;
  left: 33px;
  top: 301px;
}
.walking-photo1 {
  position: absolute;
  left: 499px;
  top: 398px;
}
.walking-photo2 {
  position: absolute;
  left: 38px;
  top: 804px;
}
.walking-photo3 {
  position: absolute;
  left: 514px;
  top: 830px;
}
.walking-copy1 {
  position: absolute;
  left: 222px;
  top: 599px;
}
.walking-copy2 {
  position: absolute;
  left: 26px;
  top: 1054px;
}
.walking-copy3 {
  position: absolute;
  left: 513px;
  top: 1109px;
}
.walking-btn1 {
  position: absolute;
  left: 88px;
  top: 1299px;
}
.walking-btn2 {
  position: absolute;
  left: 575px;
  top: 1398px;
}
.cafe-st {
  position: absolute;
  left: 33px;
  top: 1397px;
}
.cafe-photo1 {
  position: absolute;
  left: 29px;
  top: 1674px;
}
.cafe-photo2 {
  position: absolute;
  left: 555px;
  top: 1492px;
}
.cafe-copy1 {
  position: absolute;
  left: 27px;
  top: 1920px;
}
.cafe-copy2 {
  position: absolute;
  left: 513px;
  top: 1747px;
}
.cafe-btn1 {
  position: absolute;
  left: 88px;
  top: 2169px;
}
.cafe-btn2 {
  position: absolute;
  left: 575px;
  top: 2037px;
}

/* cnt2 */
.container.cnt2 {
  position: relative;
  height: 600px;
  background-image: url("../images/bg_cnt2.png");
  background-position: center top;
  background-repeat: repeat-x;
}
.inner.cnt2 {
  position: relative;
  height: 600px;
}
.sakura-st {
  position: absolute;
  left: 14px;
  top: -14px;
}
.sakura-01 {
  position: absolute;
  left: 19px;
  top: 97px;
}
.sakura-02 {
  position: absolute;
  left: 258px;
  top: 97px;
}
.sakura-03 {
  position: absolute;
  left: 497px;
  top: 97px;
}
.sakura-04 {
  position: absolute;
  left: 736px;
  top: 97px;
}

/* cnt3 */
.container.cnt3 {
  position: relative;
  height: 370px;
  background-image: url("../images/bg_cnt3.png");
  background-position: center top;
  background-repeat: repeat-x;
}
.inner.cnt3 {
  position: relative;
  height: 370px;
}
.matsuri-st {
  position: absolute;
  left: 50px;
  top: -10px;
}
.matsuri-01 {
  position: absolute;
  left: 27px;
  top: 100px;
}
.matsuri-02 {
  position: absolute;
  left: 516px;
  top: 102px;
}
.matsuri-atn {
  position: absolute;
  left: 303px;
  top: 337px;
  line-height: 0;
}

/* cnt4 */
.container.cnt4 {
  position: relative;
  height: 110px;  
}
.inner.cnt4 {
  position: relative;
  height: 110px;
}
.btn-02 {
  position: absolute;
  left: 60px;
  top: 30px;
}
.btn-03 {
  position: absolute;
  left: 515px;
  top: 30px;
}