@charset "utf-8";

#contents .imgArea{
	margin: 3em auto;
}
#contents h3{
	font-size: 1.2rem;
}
#contents dl.setting{
	margin-left: 0;
	margin-bottom: 2em;
}
#contents dl.setting dd{
	display: list-item;
	margin-bottom: 0;
	margin-left: 1.5em;
}

#contents .imgArea ul.none li.flex .zoomBtn .photo.modal button.zoom_ico{
	height: 253px;
}

#contents .imgArea ul.none li.flex .zoomBtn.w_235_v,
#contents .imgArea ul.none li.flex .zoomBtn.w_235_v{
	width: 235px;
}

#contents .imgArea ul.none li.flex .zoomBtn.w_235_v .zoom_ico2{
	top: 332px;
}


@media (min-width: 641px){
	#contents .imgArea.moniterArea{
		width: 80%;
	}
	#contents .imgArea ul.none li.flex{
		align-items: center;
	}
	#contents .imgArea ul.none li.flex .zoomBtn{
		margin: 0 auto;
	}
	#contents .imgArea ul.none li.flex .zoomBtn .photo.modal{
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	#contents .imgArea ul.none li.flex .zoomBtn .photo.modal figcaption{
		margin-top: 5px;
		text-align: left;
	}
	#contents .imgArea ul.none p.right_text{
		width: calc(100% - 380px);
		margin-left: 1em;
	}
}

@media (max-width: 640px){
	#contents .imgArea{
		margin: 2em auto;
	}
	#contents .imgArea ul.none li.flex{
		flex-direction: column-reverse;
	}
	#contents .imgArea ul.none li.flex .zoomBtn .photo.modal{
		margin-top: 1.5em;
		text-align: center;
	}
	#contents .imgArea ul.none li.flex .zoomBtn .photo.modal figcaption{
		text-align: left;
	}
	
	#contents .imgArea.moniterArea{
		margin: 0;
	}
}