@charset "utf-8";

/* =============================================
	画像の拡大縮小
============================================= */
/*** 拡大表示 ***/
#overlay{
	width: 100%;
	background-color: rgba(0,0,0,0.75);
	position: fixed;
	/*position: absolute;*/
	top: 0;
	left: 0;
}
#overlay::before{
	content: '×';
	display: block;
	font-size: 4vh;
	text-align: center;
	line-height: 1;
	color: #fff;
	padding: 0 0.25em;
	border: solid 1px #fff;
	position: absolute;
	top: 1em;
	right: 2%;
	cursor: pointer;
}

#overlay #view_container{
	width: 100%;
	max-width: 970px;
	margin: 0 auto;
}

#overlay #view_container #view_img{
	text-align: center;
	width: 94%;
 max-width: 740px;
	max-height: 80vh;
 margin: 0 auto;
	overflow-y: scroll;
}

#overlay #view_container #view_img img{
	max-width: 100%;
	height: auto;
}

#overlay #view_container #nav_area{
	display: none;
	/*display: flex;
	justify-content: space-between;
	margin-top: 0.25em;*/
}
/*
#overlay #view_container #nav_area #prev_btn{
	display: inline-block;
	padding: 0.5em 1em;
	background-color: #fff;
	cursor: pointer;
}

#overlay #view_container #nav_area #next_btn{
	display: inline-block;
	padding: 0.5em 1em;
	background-color: #fff;
	cursor: pointer;
}*/
/*** 拡大表示 ここまで ***/

/* ===========================================
	MediaQueries
=========================================== */
/* PC----------------------------- */
@media (min-width: 768px){
	
}

/* スマホ----------------------------- */
@media (max-width: 767px){
 
}