button {padding: 0;
	border: none;
	background: transparent;
	cursor: pointer;}

button img {display: block;}

.modal {display: none; position: fixed;
	top: 0; left: 0;
	width: 100%; height: 100%;
	z-index: 9000;}

/*複数設置*/
.modal3, .modal4, .modal5, .modal6, .modal7, .modal8, .modal9, .modal10 {
	display: none;
	position: fixed;
	top: 0; left: 0;
	width: 100%; height: 100%;
	z-index: 100;
	}

.modal_wrapper {position: fixed;
	top: 0; left: 0;
	width: 100%; height: 100%;
	background-color: rgba(0, 0, 0, 0.6);
	}

.modal_content {
	position: fixed;
	top: 0; left: 0;
	width: 100%; height: 100%;
	color: #ffffff;
	display: flex;
	justify-content: center;
	align-items: center;
	}

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

/*動画*/
.modal2 {position: fixed;
	top: 0; left: 0;
	width: 100%; height: 100%;
	z-index: 9000;}

.movie-frame {margin: 0 10% 0 10%; padding: 0px 0px 0px 0px;
	width: 80%; height: auto;
	text-align: right;}

.main_button2 {display: none;}

.movie_close {margin: 0; padding: 0;
	width: 101%; height: auto;
	z-index: 9001;}


/*●640px以下（SP）
================================================*/
@media only screen and (max-width: 640px) {

.modal_content {position: fixed;
	top: 0; left: 10%;
	width: 80%; height: 100%;
	color: #ffffff;
	display: flex;
	justify-content: center;
	align-items: center;}

/*動画*/
.movie-frame {margin: 0px; padding: 0;
	width: 100%; height: auto;}

.modal_content2 {position: fixed;
	top: 0; left: 0%;
	width: 100%; height: 100%;
	color: #ffffff;
	display: flex;
	justify-content: center;
	align-items: center;}



/**/}