@charset "utf-8";

/*
=======================================
	モーダルウィンドウ CSS
=======================================
*/
#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:#6f5436;
	font-size:1.5em;
	background:#fff4d6;
	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;
}
/* -----モーダルウィンドウ(880px以下)----- */
@media screen and (max-width: 880px) {
	#mdWindow {
		margin-top:0;
		margin-left:0;
		top:20%;
		left:15%;
		width:70%;
		height:60%;
	}
}