@charset "UTF-8";

/* seasonsの設定 */

body {
  background-image: url(../img/seasons/body/body.png);
  background-repeat: repeat-y;
  background-size: contain;
  background-position: right top;
}

@media screen and (min-width: 768px) {
  .none_pc {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .none_phone {
    display: none;
  }
}

.Text_box {
  width: 100%;
  position: relative;
}

/* ---------------------------------------------
四季のたのしみページ情報
---------------------------------------------*/
#about {
  width: 100%;
  padding-top: 262px;
}

#about img {
  width: 40%;
  margin: 0 auto 100px;
}

.main_season #container1,
.main_season #container2,
.main_season #container3,
.main_season #container4 {
  width: 100%;
  margin-bottom: 10vw;
  position: relative;
}

.main_season #container4 {
  margin-bottom: 18vw;
}

.main_season main .Text_box {
  width: 68%;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  #about {
    width: 100%;
    padding-top: 150px;
  }

  #about img {
    width: 60%;
    margin: 0 auto 50px;
  }

  .main_season #container1,
  .main_season #container2,
  .main_season #container3,
  .main_season #container4 {
    width: 100%;
    margin-bottom: 10vw;
    position: relative;
  }

  .main_season #container4 {
    margin-bottom: 40vw;
  }

  .main_season main .Text_box {
    width: 82%;
    margin: 0 auto;
  }
}

.tanzaku img {
  filter: drop-shadow(6px 6px 3.56px rgba(100, 100, 100, 0.5));
}

/* ---------------------------------------------
#container1
---------------------------------------------*/
.main_season #container1 .Text_box .tanzaku {
  width: 8.2%;
  position: absolute;
  top: -1vw;
  left: 10px;
}

.main_season #container2 .Text_box .tanzaku {
  width: 8.2%;
  position: absolute;
  top: -1vw;
  left: 5px;
}

.main_season #container2 .hanabi_1 {
  width: 25%;
  position: absolute;
  top: -13%;
  right: -1%;
}

.main_season #container2 .hanabi_2 {
  width: 20%;
  position: absolute;
  top: 20%;
  left: -1%;
}
.main_season #container2 .hanabi_3 {
  width: 14.16%;
  position: absolute;
  bottom: -5%;
  right: 6%;
}

.main_season #container3 .Text_box .tanzaku {
  width: 8.2%;
  position: absolute;
  top: -1vw;
  right: 5px;
}

.main_season #container4 .Text_box .tanzaku1 {
  width: 8.2%;
  position: absolute;
  top: -1vw;
  left: 5px;
}

.main_season #container4 .Text_box .tanzaku2 {
  width: 11%;
  position: absolute;
  top: 3.2vw;
  right: -5px;
}

.main_season #container4 .skier {
  width: 17.5%;
  position: absolute;
  left: 0px;
  bottom: -8vw;
}