@charset "utf-8";

main {
  margin: 0 auto;
}

body {
  background-color: #383838;
}

/* ここまでが基本設定 */

.fv {
  background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
    url(../onsen-img/onsen01.jpeg) no-repeat center/cover;
  height: 100vh;
  position: relative;
}

.fv h2 {
  position: absolute;
  top: 50%;
  left: 50%;
}

.onsen-des {
  text-align: center;
  margin-top: 150px;
}

.onsen-des p:nth-of-type(2) {
  margin-top: 30px;
  line-height: 2.2;
}

.kounou {
  text-align: center;
  margin-top: 100px;
}

.kounou img {
  width: 400px;
}

.kounou p:nth-of-type(1) {
  margin-top: 80px;
  margin-bottom: 10px;
}

.daiyokujo {
  text-align: center;
  margin-top: 200px;
}

.daiyokujo .h2 img {
  width: 80px;
  margin-top: -1%;
}

.daiyokujo .h2 {
  display: flex;
  justify-content: center;
}

.hinoki img:nth-of-type(1) {
  width: 400px;
  margin-left: 70px;
}

.hinoki img:nth-of-type(2) {
  width: 400px;
  margin-right: 70px;
}

.daiyokujo .hinoki {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  margin-top: 70px;
}

.daiyokujo p:nth-of-type(1) {
  margin-top: 70px;
}

.daiyokujo p:nth-of-type(2) {
  margin-top: 20px;
}

.rotenburo {
  text-align: center;
  margin-top: 200px;
}

.rotenburo .h2 img {
  width: 80px;
  margin-top: -1%;
}

.rotenburo .h2 {
  display: flex;
  justify-content: center;
}

.roten img:nth-of-type(1) {
  width: 400px;
  margin-left: 70px;
}

.roten img:nth-of-type(2) {
  width: 400px;
  margin-right: 70px;
}

.roten {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  margin-top: 70px;
}

.rotenburo p:nth-of-type(1) {
  margin-top: 70px;
}

.rotenburo p:nth-of-type(2) {
  margin-top: 20px;
}

.tegata-area {
  margin-top: 150px;
}

.tegata {
  display: flex;
  justify-content: center;
  align-items: center;
}

.tegata-p {
  text-align: center;
  margin-top: 60px;
  line-height: 2;
}

.fee {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  font-size: 22px;
  margin-top: 80px;
}

.fee p:nth-of-type(1) {
  margin-right: 10%;
  width: 300px;
}

.fee p:nth-of-type(2) {
  width: 300px;
}

.fee span {
  margin-left: 5%;
}

.time {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 100px;
}

.time2 {
  margin-right: 10%;
}

.time2 p:nth-of-type(2) {
  margin-top: 15px;
}

.kids {
  text-align: center;
  background: url(../onsen-img/onsen-bg.png) no-repeat center;
}

.kids p:nth-of-type(2) {
  margin-top: 15px;
}

.buy {
  display: flex;
  justify-content: center;
  margin-top: 15px;
}

.kashikiri {
  text-align: center;
  margin-top: 200px;
}

.kashikiri .h2 img {
  width: 80px;
  margin-top: -1%;
}

.kashikiri .h2 {
  display: flex;
  justify-content: center;
}

.kashikiri img {
  width: 400px;
  margin-top: 70px;
}

.kashikiri p:nth-of-type(1) {
  margin-top: 70px;
}

.kashikiri p:nth-of-type(2) {
  margin-top: 30px;
}

.kashikiri p:nth-of-type(3) {
  margin-top: 50px;
}

.kashikirip:nth-of-type(5) {
  line-height: 2;
}

.kashikiri span {
  text-decoration: underline;
}

@media (max-width: 800px) {
  .hinoki img:nth-of-type(1) {
    width: 350px;
    margin-left: 0px;
  }

  .hinoki img:nth-of-type(2) {
    width: 350px;
    margin-right: 0px;
    margin-top: 30px;
  }

  .roten img:nth-of-type(1) {
    width: 350px;
    margin-left: 0px;
  }

  .roten img:nth-of-type(2) {
    width: 350px;
    margin-right: 0px;
    margin-top: 30px;
  }

  .kashikiri img {
    width: 350px;
  }

  .onsen-des {
    padding: 0 5%;
  }

  .kounou {
    padding: 0 5%;
  }

  .daiyokujo {
    padding: 0 5%;
    margin-top: 150px;
  }

  .rotenburo {
    padding: 0 5%;
    margin-top: 150px;
  }

  .tegata-area {
    padding: 0 5%;
  }

  .kids {
    margin-top: 50px;
  }

  .buy {
    margin-top: 30px;
  }

  .kashikiri {
    padding: 0 5%;
  }
}

@media (max-width: 375px) {
  .kids p:nth-of-type(2) {
    margin-top: 0px;
  }
}