@charset "utf-8";

/* ------------------------------ */
/* レンジフェーダー */
/* ------------------------------ */
/* クリック要素 */
.pop_image_preview {
	cursor:pointer;
}
/* 表示枠 */
.pop_image_preview_frame {
	position: fixed;
	width:calc(100% - 10px);
	max-width: 800px;
	min-height:80%;
	background-color: #d5d5d5;
	border:1px solid #666666;
	left:50%;
	top:50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}
.pop_image_preview_frame img {
	position: 	absolute;
	left:50%;
	top:50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	width: auto;
	height: auto;
	max-height: calc(100% - 10px);
}

/* 閉じるボタン */
.pop_image_preview_close_button {
	position: absolute;
	right: 20px;
	bottom:20px;
	background-color: #cccccc;
	border:1px solid #333333;
	border-radius: 50px;
	width: 50px;
	height: 50px;
	text-align: center;
	font-size:30px;
	line-height: 50px;;
	font-weight: bold;
	color: #333333;
	cursor: pointer;
	transition:0.3s;
}
.pop_image_preview_close_button:hover {
	background-color: #333333;
	color: #ffffff;
}