/**
 * モーダルウィンドウクラス
 */
.modal{
	position: fixed;
	display: none;
	top: 45%;
	width: 710px;
	height: 480px;
	margin:0 auto;
	z-index: 999;
	background:url(../../img/warning/ate.png);
}
.warning_smart{
	display:none;
}

 @media screen and (max-width: 710px) {
 .modal{
	position: fixed;
	display: none;
	top: 5%;
	max-width: 100%;
	height: 800px;
	margin:0 auto;
	z-index: 999;
	background-size:contain;
	text-align:center;
	background:url();s
}
.warning_smart {
	display:block;
}
#yes{
	display:none;
}

#no{
	display:none;
}
.modal a:hover{
	cursor:pointer;
	opacity:0.8;
}


}
#modal_warning{
	width:100%;
}
#modal_warning img{
	max-width:98%;
	margin:0 auto;
	margin-bottom:5px;
}
#modal_warning a img:hover{
	opacity:0.8;
}
.modal a:hover{
	cursor:pointer;
	opacity:0.8;
}


#yes{
	position:absolute;
	top:320px;
	left:365px;
}

#no{
	position:absolute;
	top:320px;
	left:485px;
}