@charset "UTF-8";

/* =================
modal window
================= */
.wrapper{
	position: relative;
}

/* モーダル コンテンツエリア */
.popBlackFormWrap {
display: none;
width: 900px;
margin: 0;
background-color: #ffffff;
position:fixed;
z-index: 1000;
padding: 40px 20px 20px;
}

.popBlackForm .checkAreaGray{
	max-height: 280px;
	-ms-overflow-y: auto;
	    overflow-y: auto;
}

.popBlackFormWrap .smallSecIn{
background-color: #f3f3f3;
padding: 20px ;
	
}


/* モーダル 背景エリア */
#modalBg {
display:none;
width:100%;
height:100%;
background-color: rgba(0,0,0,0.5);
position:fixed;
top:0;
left:0;
z-index: 100;
}

.popBlackFormClose{
	position: absolute;
	right: -25px;
    top: -25px;
    width: 50px;
    height: 50px;
	cursor: pointer;
}

.popBlackFormClose img{
	width: 100%;
	height: auto;
}

@media only screen and (max-width: 950px) {
	.popBlackFormWrap {
		width: 90%;

	}
}

@media only screen and (max-width: 700px) {
	.popBlackFormWrap .smallSecIn{
		padding: 10px;
		max-height: 300px;
		-ms-overflow-y: auto;
		    overflow-y: auto;
	}
}

@media only screen and (max-width: 470px) {
	.popBlackFormWrap {
		width: 100%;
	}
	.popBlackFormClose{
		right: 5px;
	    top: -25px;
	}
}

@media only screen and (max-width: 375px) {
	.popBlackForm .checkAreaGray{
		max-height: 260px;
	}

	.popBlackFormWrap .smallSecIn{
		max-height: 260px;
	}
}

@media only screen and (max-width: 320px) {
	.formContents .smallSec {
	margin-bottom:0;
	}

	.popBlackFormWrap .smallSecIn {
	max-height: 200px;
	}
	
	.popBlackForm .checkAreaGray {
	max-height: 180px;
	}
	
	.searchBlockRight {
	height: 300px;
	}
}