/*浮動層*/
.box1 {
	display: none;
	position: fixed;
	width: 100%;
	background-color: hsla(0,0%,0%,0.80);
	z-index: 998;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	height: 100%;
}
.box2 {
	display: none;
	position: fixed;
	width: 100%;
	background-color: hsla(0,0%,0%,0.80);
	z-index: 998;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	height: 100%;
}
.close1 {
	width: 4%;
	height: auto;
	float: right;
	z-index: 9999;
	background-image: url(url);
	right: 8.5%;
	position: absolute;
	top: 2%;
}
.close2 {
	width: 4%;
	height: auto;
	float: right;
	z-index: 9999;
	background-image: url(url);
	right: 8.5%;
	position: absolute;
	top: 2%;
}
.close1:focus, .close1:hover {
	color: #000;
	text-decoration: none;
	opacity: .75;
	margin-top: 1px;
}
.close2:focus   , .close2:hover{
	color: #000;
	text-decoration: none;
	opacity: .75;
	margin-top: 1px;
}
.close_box {
	width: 100%;
	height: auto;
	font-size: 0px;
	line-height: 0px;
}



*{
    margin: 0;
    padding-left: 0px;
}
.popup1{
	width: 100%;
	height: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
	z-index: 999;
	display: none;
	right: 0px;
	left: 0px;
	border-width: 1.vw;
	position: absolute;
	bottom: 0px;
	top: 0px;
	margin-top: 6%;
	max-width: 1440px;
	background-color: hsla(0,0%,0%,0.80);
}
.popup2 {
	display: none;
	width: 100%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
	z-index: 9999;
	right: 0px;
	left: 0px;
	position: absolute;
	bottom: 0px;
	top: 0px;
	margin-top: 6%;
	max-width: 1440px;
}

@media (max-width:767px){
.close1 {
	width: 10%;
	height: auto;
	right: 1%;
	float: right;
	z-index: 9999;
	background-image: url(url);
	position: fixed;
	top: 12%;
}
.close1:focus, .close1:hover {
	color: #000;
	text-decoration: none;
	opacity: .75;
	margin-top: 1px;
}
.close2 {
	width: 10%;
	height: auto;
	float: right;
	z-index: 9999;
	background-image: url(url);
	right: 1%;
	position: fixed;
	top: 12%;
}
.close2:focus , .close2:hover{
	color: #000;
	text-decoration: none;
	opacity: .75;
	margin-top: 1px;
}
.popup1{
	width: 100%;
	height: auto;
	z-index: 999;
	display: none;
	border-width: 1.vw;
	max-width: 768px;
	background-color: hsla(0,0%,0%,0.80);
	margin-top: 0px;
}
.popup2 {
	width: 100%;
	height: auto;
	display: none;
	z-index: 999;
	max-width: 768px;
	background-color: hsla(0,0%,0%,0.80);
	margin-top: 0px;
}
.close_box {
	width: 100%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
}
.box1 {
	display: none;
	position: fixed;
	width: 100%;
	background-color: hsla(0,0%,0%,0.80);
	z-index: 998;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	height: 100%;
}
.box2 {
	display: none;
	position: fixed;
	width: 100%;
	background-color: hsla(0,0%,0%,0.80);
	z-index: 998;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	height: 100%;
}
	
}
	

@media (max-width:1200px){
}

@media (max-width:1200px) and (min-width:768px){
}