@charset "UTF-8";
/*
.side_block_inner p.mb50{
  font-size: 17px;

  @include m.mq960{
    font-size: 15px;
  }
}*/
/*------------------------
      activity 背景
-------------------------*/
.summer_activity_bg,
.winter_activity_bg,
.indoor_bg,
.hot_spring_town_bg,
.tourist_attractions_bg,
.model_course_bg {
  width: 100%;
  background-size: cover;
  background-position: bottom center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.summer_activity_bg {
  background-image: url(../images/summer_activity_bg.png.webp);
}
.summer_activity_bg .activity_submit {
  background-color: #75CCE3;
  border: solid 1px #75CCE3;
}
.summer_activity_bg .activity_submit:hover {
  color: #75CCE3;
  background-color: #fff;
}

.winter_activity_bg {
  background-image: url(../images/winter_activity_bg.png.webp);
}
.winter_activity_bg .activity_submit {
  background-color: #EF8488;
  border: solid 1px #EF8488;
}
.winter_activity_bg .activity_submit:hover {
  color: #EF8488;
  background-color: #fff;
}

.indoor_bg {
  background-image: url(../images/indoor_bg.png.webp);
}
.indoor_bg .activity_submit {
  background-color: #967340;
  border: solid 1px #967340;
}
.indoor_bg .activity_submit:hover {
  color: #967340;
  background-color: #fff;
}

.hot_spring_town_bg {
  background-image: url(../images/hot_spring_town_bg.png.webp);
}
.hot_spring_town_bg .activity_submit {
  background-color: #F2B92B;
  border: solid 1px #F2B92B;
}
.hot_spring_town_bg .activity_submit:hover {
  color: #F2B92B;
  background-color: #fff;
}

.tourist_attractions_bg {
  background-image: url(../images/tourist_attractions_bg.png.webp);
}
.tourist_attractions_bg .activity_submit {
  background-color: #6B99D8;
  border: solid 1px #6B99D8;
}
.tourist_attractions_bg .activity_submit:hover {
  color: #6B99D8;
  background-color: #fff;
}

.model_course_bg {
  background-image: url(../images/model_course_bg.png.webp);
}
.model_course_bg .activity_submit {
  background-color: #258E51;
  border: solid 1px #258E51;
}
.model_course_bg .activity_submit:hover {
  color: #258E51;
  background-color: #fff;
}

.side_block_outer {
  width: 100%;
  display: flex;
  justify-content: right;
  padding-left: calc((100% - 1140px) / 2);
}

.side_block {
  width: 100%;
  height: fit-content;
  display: flex;
  justify-content: left;
  position: relative;
  padding: 80px 60px 0 60px;
  border-radius: 40px 0 0 40px;
  z-index: 0;
}

.side_block_bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  isolation: isolate;
  mix-blend-mode: multiply;
  border-radius: 40px 0 0 40px;
  z-index: 1;
}
.side_block_bg.summer_activity {
  background-color: rgba(117, 203, 227, 0.7607843137);
}
.side_block_bg.winter_activity {
  background-color: rgba(239, 132, 135, 0.6980392157);
}
.side_block_bg.hot_spring_town {
  background-color: rgba(242, 186, 43, 0.7254901961);
}
.side_block_bg.indoor {
  background-color: rgba(150, 116, 64, 0.6862745098);
}
.side_block_bg.tourist_attractions {
  background-color: rgba(107, 152, 216, 0.6862745098);
}
.side_block_bg.model_course {
  background-color: rgba(37, 142, 81, 0.7137254902);
}

.side_block_main {
  width: 100%;
  height: 100%;
  z-index: 2;
}

.side_block_inner {
  width: 100%;
  max-width: 1060px;
  height: fit-content;
  background-color: #fff;
  background-size: cover;
  padding: 50px 60px;
  margin-bottom: 50px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 50px;
  border-radius: 12px;
}
.side_block_inner.last {
  background-color: transparent;
  margin-bottom: 0;
}
.side_block_inner.last .pagenation {
  margin-bottom: 0;
}

/*-------------------------
        コンテンツ内
--------------------------*/
.activity_content1 {
  width: 100%;
  max-width: 540px;
  color: #3E3E3E;
}

.activity_title_block {
  width: 100%;
  border-bottom: solid 1px #707070;
  margin-bottom: 10px;
}

.activity_title {
  font-size: 30px;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 8px;
  letter-spacing: -0.5px;
}

.activity_place {
  width: fit-content;
  height: 30px;
  line-height: 30px;
  text-align: center;
  padding: 0 30px;
  background-color: #D3E600;
  font-weight: bold;
  border-radius: 8px;
  margin-bottom: 10px;
}

.activity_tag_block {
  width: 100%;
  display: flex;
  justify-content: left;
  align-items: center;
  gap: 5px;
  flex-wrap: wrap;
}

.activity_tag {
  height: 22px;
  font-size: 13px;
  padding: 0 36px 0 24px;
  border: solid 1px #707070;
  border-radius: 8px;
  position: relative;
}
.activity_tag::before {
  position: absolute;
  content: "#";
  top: 0;
  left: 12px;
}

.activity_table {
  display: block;
  width: 100%;
  background-color: #F7F7F7;
  padding: 20px 30px;
}

.activity_tr {
  width: 100%;
  padding: 8px 0;
  border-bottom: solid 1px #A9994B;
  display: flex;
  justify-content: left;
  align-items: flex-start;
}

.activity_th {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.4;
  width: 180px;
  flex-shrink: 0;
}

.activity_td {
  font-size: 16px;
  line-height: 1.4;
}

.activity_submit {
  display: block;
  width: 306px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 20px;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  margin-left: auto;
  margin-right: auto;
  transition: 0.3s;
}

.activity_content2 {
  width: 38%;
  max-width: 380px;
  flex-shrink: 0;
}

.activity_img {
  display: block;
  width: 100%;
  aspect-ratio: 422/300;
  height: auto;
  margin-bottom: 15px;
  border-radius: 12px;
  object-fit: cover;
}

.activity_map {
  display: block;
  width: auto;
  height: auto;
  /*
    aspect-ratio: 422 / 300;
    margin-left: auto;
    margin-right: auto;
  */
}
.activity_map iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 422/300;
}
@media (max-width: 1460px){
  .side_block {
    padding: 80px 60px 0;
  }
  .side_block_bg {
    padding: 80px 40px 90px;
  }
}
@media (max-width: 1260px){
  .side_block_outer {
    padding-left: 40px;
  }
  .side_block {
    padding: 80px 40px 0;
  }
  .side_block_inner {
    gap: 40px;
    padding: 50px 40px;
  }
}
@media (max-width: 1200px){
  .activity_th {
    width: 110px;
  }
}
@media (max-width: 960px){
  .side_block_outer {
    padding-left: 30px;
  }
  .side_block {
    padding: 60px 30px 0;
  }
  .side_block_bg {
    padding: 60px 30px 70px;
  }
  .side_block_inner {
    padding: 40px 30px;
    margin-bottom: 40px;
  }
}
@media (max-width: 767px){
  .summer_activity_bg,
  .winter_activity_bg,
  .indoor_bg,
  .hot_spring_town_bg,
  .tourist_attractions_bg,
  .model_course_bg {
    background-image: none;
  }
  .side_block_outer {
    padding-left: 20px;
  }
  .side_block {
    padding: 35px 16px 35px 16px;
    border-radius: 17px 0 0 17px;
  }
  .side_block_bg {
    padding: 35px 16px 35px 16px;
    border-radius: 17px 0 0 17px;
  }
  .side_block_inner {
    padding: 35px 16px;
    margin-bottom: 30px;
    flex-direction: column;
    gap: 40px;
  }
  .activity_content1 {
    max-width: 100%;
  }
  .activity_title {
    font-size: 20px;
    letter-spacing: -1.1px;
  }
  .activity_tag {
    font-size: 12px;
    padding: 0 28px 0 24px;
  }
  .activity_table {
    padding: 20px 16px;
  }
  .activity_tr {
    flex-direction: column;
  }
  .activity_th {
    font-size: 14px;
  }
  .activity_td {
    font-size: 14px;
  }
  .activity_submit {
    width: 195px;
  }
  .activity_content2 {
    width: 100%;
    max-width: 100%;
  }
  .activity_map iframe {
    aspect-ratio: 1/1.05;
  }
}