@charset "UTF-8";

.style2020ss .style-img-list > ul > li.img1, .modal-content-style > ul > li.img1 {
  top: 2vw;
  left: 0;
  width: 30%;
  transform: translate(-100px, 100px);
}

.style2020ss .style-img-list > ul > li.img2, .modal-content-style > ul > li.img2 {
  top: 5vw;
  left: 0;
  right: 0;
  margin: auto;
  width: 30%;
  transform: translateY(100px);
}

.style2020ss .style-img-list > ul > li.img3, .modal-content-style > ul > li.img3 {
  top: 8vw;
  left: auto;
  right: 0;
  width: 30%;
  transform: translate(100px, 100px);
}

.style2020ss .style-img-list > ul > li.img4, .modal-content-style > ul > li.img4 {
  top: 8vw;
  left: 0;
  width: 30%;
  transform: translate(-100px, 100px);
}

.style2020ss .style-img-list > ul > li.img5, .modal-content-style > ul > li.img5 {
  top: 5vw;
  left: 0;
  right: 0;
  margin: auto;
  width: 30%;
  transform: translateY(100px);
}

.style2020ss .style-img-list > ul > li.img6, .modal-content-style > ul > li.img6 {
  top: 11vw;
  left: auto;
  right: 0;
  width: 30%;
  transform: translate(100px, 100px);
}

.style2020ss .style-img-list > ul > li.is-show {
    transform: translate(0, 0);
}

.archives .style-container.style2020ss {
	padding-top: 200px;
}

.archives .style-container.style2020ss .block-title {
	top: 50px;
}

.style2020ss .style-img-list > ul:first-child {
	margin-bottom: 0;
}

.archives .style-block {
	padding-bottom: 320px;
}

.style-block::before {
	height: 120%;
}

@media screen and (max-width: 690px) {


	.style2020ss .style-img-list > ul > li.img1, .modal-content-style > ul > li.img1 {
	  top: auto;
	  width: 88%;
	  transform: translate(-30px, 30px);
	}
	
	.style2020ss .style-img-list > ul > li.img2, .modal-content-style > ul > li.img2 {
	  top: auto;
	  width: 88%;
	  margin-bottom: 50px;
	  transform: translateY(30px);
	}
	
	.style2020ss .style-img-list > ul > li.img3, .modal-content-style > ul > li.img3 {
	  top: auto;
	  margin-right: inherit;
	  width: 88%;
	  transform: translate(30px, 30px);
	}
	
	.style2020ss .style-img-list > ul > li.img4, .modal-content-style > ul > li.img4 {
	  top: auto;
	  width: 88%;
	  transform: translate(-30px, 30px);
	}

	.style2020ss .style-img-list > ul > li.img5, .modal-content-style > ul > li.img5 {
	  top: auto;
	  width: 88%;
	  margin-bottom: 50px;
	  transform: translateY(30px);
	}
	
	.style2020ss .style-img-list > ul > li.img6, .modal-content-style > ul > li.img6 {
	  top: auto;
	  width: 88%;
	  margin-right: inherit;
	  transform: translate(30px, 30px);
	}

	.style2020ss .style-img-list > ul > li.is-show {
	    transform: translate(0, 0);
	}

	.archives .style-container.style2020ss {
		padding-top: 20px;
	}

	.archives .style-block {
		padding-bottom: 0;
	}
	
	.style-block::before {
		height: 100%;
	}

}