@charset "UTF-8";


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

/* title */
.container.titlebase {
  position: relative;
  height: 400px;
  background-image: url("../images/titleimage.png");
  background-position: center top;
  background-repeat: no-repeat;
  background-color: #fffdf3;
}
.inner.titlebase {
  position: relative;
  height: 400px;
}
.title {
  position: absolute;
  left: 87px;
  top: 50px;
}

/* cnt1 */
.container.cnt1 {
  position: relative;
  height: 1945px;
  background-color: #fffdf3;
}
.inner.cnt1 {
  position: relative;
  height: 1945px;
}
.intro-p01 {
  position: absolute;
  left: 0px;
  top: 14px;
}
.intro-p02 {
  position: absolute;
  left: 73px;
  top: 147px;
}
.intro-p03 {
  position: absolute;
  left: 740px;
  top: 118px;
}
.intro-c01 {
  position: absolute;
  left: 255px;
  top: 47px;
}
.intro-c02 {
  position: absolute;
  left: 42px;
  top: 300px;
}
.intro-c03 {
  position: absolute;
  left: 716px;
  top: 326px;
}
.btn-01 {
  position: absolute;
  left: 70px;
  top: 532px;
}
.okayamafood {
  position: absolute;
  left: 222px;
  top: 724px;
}
.fish-p01 {
  position: absolute;
  left: 151px;
  top: 825px;
}
.fish-p02 {
  position: absolute;
  left: 75px;
  top: 1033px;
}
.fish-p03 {
  position: absolute;
  left: 255px;
  top: 1033px;
}
.fish-c01 {
  position: absolute;
  left: 21px;
  top: 799px;
}
.fish-c02 {
  position: absolute;
  left: 29px;
  top: 1149px;
}
.meat-p01 {
  position: absolute;
  left: 625px;
  top: 986px;
}
.meat-c01 {
  position: absolute;
  left: 602px;
  top: 769px;
}
.meat-c02 {
  position: absolute;
  left: 738px;
  top: 744px;
}
.fruit-p01 {
  position: absolute;
  left: 0px;
  top: 1371px;
}
.fruit-c01 {
  position: absolute;
  left: 271px;
  top: 1351px;
}
.fruit-c02 {
  position: absolute;
  left: 34px;
  top: 1633px;
}
.vegetable-p01 {
  position: absolute;
  left: 509px;
  top: 1345px;
}
.vegetable-c01 {
  position: absolute;
  left: 442px;
  top: 1225px;
}
.vegetable-c02 {
  position: absolute;
  left: 697px;
  top: 1258px;
}
.sake-p01 {
  position: absolute;
  left: 597px;
  top: 1605px;
}
.sake-p02 {
  position: absolute;
  left: 397px;
  top: 1650px;
}
.sake-c01 {
  position: absolute;
  left: 871px;
  top: 1561px;
}
.sake-c02 {
  position: absolute;
  left: 455px;
  top: 1814px;
}

/* cnt2 */
.container.cnt2 {
  position: relative;
  height: 230px;
}
.inner.cnt2 {
  position: relative;
  height: 230px;
}
.info-c01 {
  position: absolute;
  left: 215px;
  top: 33px;
}
.info-c02 {
  position: absolute;
  left: 225px;
  top: 216px;
  line-height: 0;
}
.btn-02 {
  position: absolute;
  left: 20px;
  top: 90px;
}
.btn-03 {
  position: absolute;
  left: 263px;
  top: 90px;
}
.btn-04 {
  position: absolute;
  left: 506px;
  top: 90px;
}
.btn-05 {
  position: absolute;
  left: 749px;
  top: 90px;
}