@charset "UTF-8";
.clicktxt {
  color: #a62126;
  font-size: 13px;
  line-height: 21px;
}
#photoarea {
  border-bottom: 1px solid #000;
  margin: 0 auto;
  padding: 40px 0;
  width:100%;
  /*max-width: 960px;*/
}
#photoarea .sttlbk {
  display:flex;
  flex-wrap:wrap;
  align-items: center;
  margin-bottom:30px;
}
#photoarea .sttl {
  width: 100%;
}
#photoarea .sttl img {
  max-width: 237px;
}
#photoarea .mcopy {
  font-size: 18px;
  font-weight: bold;
  height: auto;
  line-height: 1.8;
  margin-top: 7px;
  width: 350px;
}
#photoarea p.copy {
  font-size: 14px;
  height: auto;
  line-height:1.8;
  width: calc(100% - 350px);
  max-width:700px;
}
#photoarea p.copy span {
	display:inline-block;
}
#photoarea .photolist {
  display:flex;
  flex-wrap:wrap;
  width:100%;
  gap:40px 25px;
}
#photoarea .photolist li {
  width:calc((100% - 75px)/4);
}
#photoarea .photolist li a p {
  font-size:13px;
  line-height:1.8;
  text-align:center;
  padding-top:10px;
}
#photoarea .photolist li a p span {
  display:inline-block;
}

#lightbox-container-image-box, #lightbox-container-image-data-box {
    width: 90%!important;
    max-width:500px;
    height:auto!important;
}
#jquery-lightbox a img {
	width:27px;
	margin:0 auto;
}

#lightbox-image {
	width:100%;
	height:auto;
}


@media screen and (max-width: 980px) {
#photoarea .photolist {
  gap:35px 20px;
}
#photoarea .photolist li {
  width:calc((100% - 60px)/4);
}

}


@media screen and (max-width: 768px) {
#photoarea .sttlbk {
    display: block;
}
#photoarea .mcopy {
  width: 100%;
  margin-bottom:15px;
}
#photoarea p.copy {
  width: 100%;
}

}


@media screen and (max-width: 640px) {
#photoarea .photolist li {
  width:calc((100% - 40px)/3);
}

}

@media screen and (max-width: 500px) {
#photoarea .photolist li {
  width:calc((100% - 20px)/2);
}


}