.tab_content {
  display: none;
  padding: 0 0 0;
  clear: both;
  position: relative;
}
.tab_content h3 {
  position: absolute;
  color: #000;
  font-size: 1.67vw;
  background: linear-gradient(transparent 70%, #fff 70%);
  z-index: 1;
  top: -6.77vw;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  margin: 0;
  white-space: nowrap;
}
.tabs_pg {
  width: 94%;
  background: transparent;
  box-shadow: none;
  margin: 0 auto;
  margin-top: 6.25vw;
}
.tab_item_pg {
  width: calc(100% / 7);
  border-bottom: none;
  background: linear-gradient(to bottom, #00326a 0%, #00326a 50%, #005596 50%, #005596 100%);
  /* background: url("../images/photo_gallery/day_bg1.png"); */
  /* background-repeat: repeat; */
  /* background-position: center; */
  /* background-size: cover; */
  text-align: center;
  color: #fff;
  display: block;
  float: left;
  font-weight: bold;
  transition: all 0.2s ease;
  cursor: pointer;
  border: 0.21vw solid #00326a;
}
.tab_item_pg:nth-of-type(n + 2) {
  border-left: 0.1vw solid #00326a;
  border-right: 0.1vw solid #00326a;
}
.tab_item_pg:last-of-type {
  border-right: 0.21vw solid #00326a;
}
.tabs_pg input:checked + .tab_item_pg {
  /* background: url("../images/photo_gallery/day_bg2.png") no-repeat; */
  /* background-position: center; */
  /* background-size: cover; */
  color: #fff;
  background: linear-gradient(to bottom, #e1c074 0%, #e1c074 50%, #f9d98e 50%, #f9d98e 100%);
}
input[name="tab_item_pg"] {
  display: none;
}

.day_box {
  line-height: 1.04vw;
  margin-top: 0.52vw;
  filter: drop-shadow(2px 4px 6px black);
}
.day_box .days_1 {
  font-size: 1.67vw;
  font-family: verdana;
}
.day_box .days_2 {
  font-size: 0.63vw;
  font-family: verdana;
}

/*選択されているタブのコンテンツのみを表示*/
#day_1:checked ~ #day_1_content,
#day_2:checked ~ #day_2_content,
#day_3:checked ~ #day_3_content,
#day_4:checked ~ #day_4_content,
#day_5:checked ~ #day_5_content,
#day_6:checked ~ #day_6_content,
#day_7:checked ~ #day_7_content {
  display: block;
}
/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
  background-color: #5ab4bd;
  color: #fff;
}
.tab_content img {
  max-width: 100%;
  vertical-align: bottom;
  border: 0.26vw solid #00326a;
  box-shadow: 0px 4px 3px -1px rgba(135, 135, 135, 0.7);
}
.tab_content ul.images_wrapper {
  list-style: none;
  padding: 0;
  margin: 0 auto 0;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  padding-top: 2.6vw;
  gap: 2.08vw;
}
.tab_content ul.images_wrapper li {
  width: 100%;
}

@media (max-width: 1199px) {
  .tab_content ul.images_wrapper {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 4vw;
  }
  .tabs_pg {
    margin-top: 13.33vw;
  }
  .tab_item_pg {
    border: 0.53vw solid #00326a;
  }
  .tab_item_pg:nth-of-type(n + 2) {
    border-left: 0.53vw solid #00326a;
    border-right: 0.53vw solid #00326a;
  }
  .tab_item_pg:last-of-type {
    border-right: 0.53vw solid #00326a;
  }
  .tab_content img {
    border: 0.67vw solid #00326a;
  }
  .day_box {
    line-height: 2.4vw;
    margin-top: 0.67vw;
  }
  .day_box .days_1 {
    font-size: 3.47vw;
  }
  .day_box .days_2 {
    font-size: 1.33vw;
  }
  .tab_content h3 {
    font-size: 3.2vw;
    top: -14vw;
  }
}

@media (max-width: 600px) {
  .tab_content ul.images_wrapper {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .day_box {
    filter: drop-shadow(1px 1px 1px black);
  }
  .day_box .days_1 {
    font-size: 3.6vw;
  }
  .day_box .days_2 {
    font-size: 2.2vw;
  }
  .tab_content h3 {
    font-size: 3.8vw;
  }
  .tab_content img {
    border: 1.3vw solid #00326a;
  }
}