@charset "utf-8";

#contents .flex.lens{
	margin: 0;
}
#contents .pct{
	margin: 15px 2.5em;
}

#contents figcaption{
	text-align: left;
}

#contents .onlymobile{
	display: none;
}

#contents .flex.three .photo.modal button {
	height: 132px;
}

#modal {
    width: calc(600px + 3em) !important;
}


@media (max-width: 640px){
	#contents .flex.lens{
		margin: 15px auto;
	}
	#contents .flex.lens .pct{
		margin: 0 0 1em;
	}
	#contents .flex .photo{
		margin-top: 1.5em;
	}
	#contents .pct{
		margin: 15px 0;
	}
	#contents .img img{
		margin: 2.5em auto;
	}
	#contents .onlymobile{
		display: block;
	}
}

@media (max-width: 380px){
	#contents .img img{
		max-width: 300px;
	}
}