@charset "Shift_JIS";
/* ここまでデモページ用のコード */

#modal-content{
	width: 30%;
	margin: 0;
	background-color: #00C2CE;
	position: fixed;
	border-radius: 10px;
	z-index: 10000;
	display: none;
	padding-bottom: 0px;
	border: 5px solid #D2D2D2;
}
.modal-content2{
	width: 45%;
	margin: 0;
	background-color: #FFFFFF;
	position: fixed;
	border-radius: 10px;
	z-index: 10000;
	display: none;
	border: 5px solid #D2D2D2;
	height: 520px;
}
.modal-content2 img {
	width: 100%;
	border-radius: 10px;
	height: auto;
}
.modal-content3{
	width: 65%;
	margin: 0;
	background-color: #171717;
	position: fixed;
	border-radius: 10px;
	z-index: 10000;
	display: none;
	padding-bottom: 0px;
	border: 5px solid #D2D2D2;
}
.modal-content4{
	width: 600px;
	margin: 0;
	background-color: #FFFFFF;
	position: fixed;
	border-radius: 10px;
	z-index: 10000;
	display: none;
	padding-bottom: 0px;
	border: 5px solid #D2D2D2;
}
  
#modal-overlay{
	z-index:1;
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:120%;
	background-color:rgba(0,0,0,0.75);
}

.button-link{
	color: #00f;
	text-decoration: underline;
	position: absolute;
	top: -10px;
	right: -10px;
}
 
.button-link:hover{
	cursor:pointer;
	color:#f00;
}