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;}

/*複数設置*/
.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: 460px; height :700px;}

/*動画*/
.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;}

/*告知文*/
.modal3 {position: fixed;
	top: 0; left: 0;
	width: 100%; height: 100%;
	z-index: 9000;}

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

.main_button3 {display: none;}

.information-box {margin: 0; padding: 30px 40px 30px 40px;
	width: 700px; height: auto;
	background-color: #ffffff;
	font-size: 95%; color: #000000; line-height: 160%;
	text-align: left;}

.info-txtL{padding: 10px 0px 30px 0px;
                                font-size: 140%; text-align: center;}

.info-right{padding: 10px 0px 0px 0px; text-align: right;}
/*新作*/
.modal4 {position: fixed;
	top: 0; left: 0;
	width: 100%; height: 100%;
	z-index: 9000;}

.main_button4 {display: block;}
.main_button4 img {width: 100%;}
.button2 img {display: block;}

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

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

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

/*動画*/
.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;}

/*告知文*/
.information-box {margin: 0; padding: 3% 3% 3% 3%;
	width: 90%;
	font-size: 83%; line-height: 145%;}

.info-txtL{padding: 3% 0% 6% 0%;
                                font-size: 130%;}

.info-right{padding: 2% 0% 0% 0%;}

/*新作*/
.modal4 {position: fixed;
	top: 0; left: 0;
	width: 100%; height: 100%;
	z-index: 9000;}

.main_button4 {display: block;}
.main_button4 img {padding: 7% 5% 0% 5%; width: 90%;}



/**/}