/* @override https://okutte.jp/js/modal.css */

/*---------------------------------------

	LEAN MODAL

-----------------------------------------*/

#lean_overlay{
    position: fixed;
    z-index: 10000;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}


/*---------------------------------------

	EXAMPLES

-----------------------------------------*/
.modal-window{
    padding: 20px;
    display:none;
}

/*デザインサンプル・デザイン選択*/
.design-select-view{
    padding: 30px 30px;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -ms-border-radius: 0px;
}

.design-select-view p{
	float: left;
	color: #fff;
	line-height: 2em;
}

.design-select-view img{
	display: block;
	margin: 0 0 20px;
	padding: 30px;
	text-align: center;
	color: #999;
    background:#fff;
}



/*クローズボタン*/
.design-select-view .modal_close {
	display: block;
	float: right;
	width: 45px;
	height: 50px;
	margin-top: -10px;
	cursor: pointer;
	background: url(../js/batu.png) no-repeat 0 0;
	z-index: 2;
}


@media screen and (max-width: 700px) {
.design-select-view{
	width: 100%;
	margin: 5px auto;
	padding: 3% 2%;
}

.design-select-view img{
	width: 100%;
	display: block;
	margin: 0 auto 5px;
	padding: 2% 1%;
	text-align: center;
	color: #999;
    background:#fff;
}

.design-select-view .modal_close {
	margin-top: 0;
	width: 25px;
	height: 30px;
	background-size: cover;
}

}