@charset "utf-8";
html {
  scroll-behavior: smooth;
}
body {
  background-color: #fff;
  font-weight: 300;
  font-size: 90%;
  line-height: 1.2;
  letter-spacing: 0.1em;
  color: #000;
  font-family: "Noto Sans JP", serif;
  font-optical-sizing: auto;
  font-style: normal;
}
.inner_area {
  max-width: 74%;
  margin: 0 auto;
}
h1 {
  width: 88%;
  margin: 0 auto;
  margin-bottom: 20px;
}
h2 {
  width: 100%;
  margin: 0 auto;
  margin-bottom: 15px;
}
h3 {
  color: #E5006E;
  text-align: center;
  font-weight: 900;
  font-size: 5vw;  
}
h3 img {
  width: 100%;
}
h4 {
  width: 100%;
  margin: 0 auto;
}
h5 {
  color: #fff;
  font-size: 3vw; 
  font-weight: 600; 
}
h6 {
  color: #fff;
  font-size: 3vw; 
  font-weight: 600; 
  margin-bottom: 10px;
}
header {
  margin: 0 auto;
  text-align: center;
  padding-top: 24px;
}
header img {
  width: 70%;
}
/*  */
.fv_area {
  background-color: #E5006E;
  padding-top: 30px;
  padding-bottom: 10px;
}
.fv_area img {
  width: 100%;
}
.fv_area p {
  margin-top: 20px;
}
/*  */
.main_area {
  width: 100%;
  margin-bottom: 20px;
  margin-top: 10px;
}
.main_area p img {
  width: 100%;
  margin-bottom: 10px;
}
.main_bike {
  width: 100%;
  margin-top: 5px;
  margin-bottom: 10px;
}
.flex_area {
  display: flex;
  justify-content: space-between;
  text-align: center;
}
.arrow_animation {
  width: 20%;
}
.tour_list{
  margin: 0 auto;
  width: 96%;
  border-radius: 20px;
  margin-top: 0px;
}
.tour_list img {
  width: 100%;
}
.schedule_area {
  width: 100%;
}
.schedule_area ul {
  margin-top: 10px;
}
.schedule_area ul li {
  width: 80%;
  margin: 5px auto;
}
.schedule_area ul .arrow img {
  width: 30%;
  margin: 0 auto;
  display: block;
}
.schedule_area ul .goal img {
  width: 78%;
  margin: 5px auto;
  display: block;
}
.schedule_area ul .goal_toyohashi img {
  width: 94%;
  margin: 5px auto;
  display: block;
}
.schedule_area h3 {
  padding: 0 10px;
}
.schedule_area .map {
  margin-top: 6px;
  margin-bottom: 6px;
  padding: 0 10px;
}
.schedule_area .fee {
  padding: 0 10px;
}
.schedule_area .fff_text img {
  width: 80%;
  margin: 0 auto;
  display: block;
}
.schedule_area .must_text img {
  width: 80%;
  margin: 5px auto;
  display: block;
}
.schedule_area .btn_area a img {
  width: 62%;
  margin: 0 auto;
  display: block;
}
.schedule_area .btn_area  {
  align-items: center;
  border-radius: 10px;
  width: 80%;
  transition: 0.3s;
  box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.25);
  background-color: [object object];
  background-image: linear-gradient(180deg, #00A0CA, #e0f3ff 56%, #00A0CA);
  margin: 0 auto;
}
.schedule_area .btn_area:hover {
  transform: translateY(-3px);  
}
.schedule_area .btn_area {
  padding-bottom: 10px;
  padding-top: 10px;
}
.schedule_area .food {
  width: 64%;
  margin: 8px auto 10px;
  display: block;
}
.day_first {
  background-color: #FADCE4;
  margin-bottom: 10px;
  padding-bottom: 0px;
}
.day_first img {
  width: 100%;
}

.day_first2 {
  background-color: #ffffff;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.day_first2 img {
  width: 100%;
}
.day_second {
  background-color: #FADCE4;
  margin-bottom: 20px;
  padding-bottom: 10px;
}
.day_second img {
  width: 100%;
}
.day_second p {
  color: #E5006E;
}
.announce_area {
  width: 80%;
  margin: 0 auto;
  display: block;
}
.announce_area img {
  width: 100%;
  padding-bottom: 8px;
}


.btn_center {
  display: block;
  width: 100%; /* 必要に応じて70%〜90%の間で調整可 */
  max-width: 50%; /* 上の緑ボタンの最大幅に合わせる */
  margin: 0 auto;
  text-align: center;
}

.btn_center img {
  width: 100%;
  height: auto;
  display: block;
}

footer {
  background-color: #4b4949;
  padding-bottom: 5px;
}
footer img {
  width: 60%;
  margin: 0 auto;
  margin-bottom: 20px;
  padding-top: 20px;
  display: block;
}
@media screen and (max-width: 520px) {
  .inner_area {
    max-width: 86%;
    margin: 0 auto;
  }
}

@media screen and (max-width: 520px) {
  .inner_area {
    max-width: 86%;
    margin: 0 auto;
  }

  /* ① ロゴとピンクのメイン画像の間を詰める */
  header h2 {
    margin-bottom: 5px;
  }

  .fv_area {
    padding-top: 5px;
  }

  /* ② 「秋の秩父でBBQを楽しもう」と
        「11月14日」の画像の間を詰める */
  .fv_area p {
    margin-top: 0;
  }

  /* ③ 下矢印と開催日の画像の間を詰める */
  body > .main_area {
    margin-bottom: 0;
  }
}