@charset "utf-8";

/* ------------------------------
	モーダルウィンドウ
------------------------------ */

/*モーダルウィンドウを開いた時の背景*/
#mdOverlay {
	top:0;
	left:0;
	width:100%;
	position:fixed;
	z-index:97;
	background:#000;/*黒*/
	display:none;
}

/*モーダルウィンドウ設置*/
#mdWindow {
	margin-top:-100px;
	margin-left:-150px;
	top:35%;
	left:40%;
	width:600px;
	height:500px;
	position:fixed;
	z-index:98;
	background:#fff;
	display:none;
}

/*モーダルウィンドウを閉じる*/
#mdWindow > .mdClose {
	top:-15px;
	right:-15px;
	width:30px;
	height:30px;
	line-height:30px;
	color:#000;
	font-size:1.5em;
	background:#fff980;
	border-radius:30px;
	position:absolute;
	z-index:99;
	cursor:pointer;
	box-shadow:0 0 3px 0 #000;
	text-align:center;
}

.modalBtn:hover {
	opacity:0.7;
}

#modalInclude {
	display:none;
}

/*モーダルウィンドウ内のスクロール*/
#contWrap {
	margin:30px auto;
	padding:0 30px;
	width:100%;
	height:90%;
	box-sizing:border-box;
	overflow-y:auto;
	text-align:center;
}

/*モーダルウィンドウ内設定*/
#contWrap h2 {
	margin-bottom:10px;
	font-size:1.2em;
	font-weight:bold;
}

#contWrap img{
	height:180px;
	margin-bottom:15px;
}

#contWrap p {
	padding-bottom:2em;
	font-size:1em;
	text-align:left;
}
@media screen and (max-width: 640px) {
	/*モーダルウィンドウ設置*/
	#mdWindow {
		margin-top:0;
		margin-left:0;
		top:20%;
		left:15%;
		width:70%;
		height:60%;
	}
}