@charset "UTF-8";
/* CSS Document */
/*photosingleArea*/
.photosingleArea .inner {
	padding: 80px 50px 150px;
}
.photosingleArea .inner .photoBox01 {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
}
.photosingleArea .inner .photoBox01 .imgBox {
	width: calc(40% - 50px);
	padding-bottom: 50px;
}
.photosingleArea .inner .photoBox01 .txtBox {
	width: calc(60% - 50px);
	padding-bottom: 50px;
}
.photosingleArea .inner .photoBox01 .txtBox .position {
	font-size: min(3.5vw,14px);
}
.photosingleArea .inner .photoBox01 .txtBox h2 {
	font-size: min(6.5vw,30px);
	line-height: 1.5;
	padding-bottom: 5px;
	margin-bottom: 25px;
}
.photosingleArea .inner .photoBox01 .txtBox h2 span {
	display: block;
	font-size: .55em;
	font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
	color: #CCC;
}
.photosingleArea .inner .photoBox01 .txtBox .snsList {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
}
.photosingleArea .inner .photoBox01 .txtBox .snsList li {
	width: 1.5rem;
	height: 1.5rem;
	margin: 0 10px 35px;
}
.photosingleArea .inner .photoBox01 .txtBox .photographerTxt {
	font-size: min(3.2vw,13px);
	font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
	line-height: 1.5;
	padding-bottom: 20px;
}
.photosingleArea .inner .photoBox02 {
	margin-top: 80px;
}
.photosingleArea .inner .photoBox02 .photoList {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
}
.photosingleArea .inner .photoBox02 .photoList li {
	width: calc(25% - 6%);
	padding-bottom: 50px;
	margin: 0 3%;
}
.photosingleArea .inner .photoBox02 .photoList li a img {
  aspect-ratio: 4 / 3;
	object-fit: cover;
  width: 100%;
	height: 100%;
}
.photosingleArea .inner .photoBox03 {
	margin-top: 80px;
}
.photosingleArea .inner .photoBox03 h3 {
	width: 50%;
	font-weight: 400;
	line-height: 1.2;
	color: #fff;
	font-size: min(5vw,25px);
	border-bottom: 1px solid #FFF;
	margin-bottom: 30px;
}
.photosingleArea .inner .photoBox03 .planBox {
	margin-bottom: 50px;
}
.photosingleArea .inner .photoBox03 .planBox dl {
	width: 100%;
	margin: 0 auto 15px;
	max-width: 600px;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	border-bottom: 1px dashed #999;
}
.photosingleArea .inner .photoBox03 .planBox dl dt {
	width: 50%;
	font-size: min(3.5vw,14px);
	padding: 10px 1em;
}
.photosingleArea .inner .photoBox03 .planBox dl dd {
	width: 50%;
	font-size: min(3.5vw,14px);
	padding: 10px 1em;
	text-align: right;
}
.photosingleArea .inner .photoBox03 h4 {
	width: 50%;
	font-weight: 400;
	line-height: 1.2;
	color: #fff;
	font-size: min(5vw,25px);
	border-bottom: 1px solid #FFF;
	margin-bottom: 30px;
}
.photosingleArea .inner .photoBox03 .otherBox {
	font-size: min(3.2vw,13px);
}
@media screen and (max-width: 1000px) {
/*photolistArea*/
	.photolistArea .inner {
		padding: 30px 8vw 0;
	}
	.photosingleArea .desk .imgBox,
	.photosingleArea .desk .txtBox {
    width: 100%;
		margin-bottom: 25px;
	}
}

@media screen and (max-width: 767px) {
	.photosingleArea .inner .photoBox01 .imgBox {
    width: 40%;
	}
}	

@media screen and (max-width: 600px) {
/*photolistArea*/
	.photosingleArea li {
		width: 100%;
		padding-bottom: 0;
	}
	.photosingleArea .inner .photoBox01 .imgBox,
	.photosingleArea .inner .photoBox01 .txtBox {
    width: 100%;
	}
	.photosingleArea .inner .photoBox02 .photoList li {
		width: calc(50% - 6%);
		padding-bottom: 20px;
		margin: 0 3%;
	}
	.photosingleArea .inner .photoBox02 {
		margin-top: 30px;
	}
}

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