@charset "utf-8";

@media (max-width: 480px) {
	.web-01{ display:none !important;}
	
	#mask {
    background-color: #000000;
    display: none;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 9000;
}
#boxes .window {
    border: 4px solid #85633a;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 0 20px #000000;
    display: none;
    height: 200px;
    left: 0;
    padding: 20px;
    position: absolute;
    top: 0;
    width: 440px;
    z-index: 100000;
}
#boxes #dialog {
	position:fixed;
    background-color: #FFFFFF;
    height: 600px;
    padding: 10px;
    width: 280px;
}
}
@media (min-width: 480px) {
	.mobil-01{ display:none !important;}

	
	#mask {
    background-color: #000000;
    display: none;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 9000;
}
#boxes .window {
    border: 4px solid #85633a;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 0 20px #000000;
    display: none;
    height: 200px;
    left: 0;
    padding: 20px;
    position: absolute;
    top: 0;
    width: 800px;
    z-index: 9999;
}
#boxes #dialog {
	position:fixed;
    background-color: #FFFFFF;
    height: 650px;
    padding: 10px;
    width: 800px;
}
}


.close {
    background:url(../img/close/close.png) no-repeat scroll 0 0 transparent;
    cursor: pointer;
    height: 48px;
    position: absolute;
    right: -37px;
    top: -34px;
    width: 56px;
    z-index: 3200;
}