
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: 99;}

/*複数設置*/
.modal3, .modal4, .modal5, .modal6, .modal7, .modal8, .modal9, .modal10, .modal11, .modal12, .modal13, .modal14, .modal15, .modal16, .modal17, .modal18, .modal19, .modal20, .modal21, .modal21b, .modal22, .modal22b, .modal23, .modal24, .modal25, .modal26, .modal27, .modal28, .modal29, .modal30, .modal31, .modal32, .modal33, .modal34, .modal35, .modal36, .modal37, .modal38, .modal39, .modal40, .modal41, .modal42, .modal43, .modal44, .modal45, .modal46, .modal47, .modal48, .modal49, .modal50, .modal51, .modal52, .modal53, .modal54, .modal55, .modal56, .modal57, .modal58, .modal59, .modal60, .modal61, .modal62, .modal63, .modal64, .modal65, .modal66, .modal67, .modal68, .modal69, .modal70 {
	display: none;
	position: fixed;
	top: 0; left: 0;
	width: 100%; height: 100%;
	z-index: 98;
box-shadow: 0px 0px 50px 0px rgba(255,255,255,0.3);
	}

.modal_wrapper {position: fixed;
	top: 0; left: 0;
	width: 100%; height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	}

.modal_content {
	position: fixed;
	top: 0; left: 0;
	width: 100%; height: 100%;
	color: #ffffff;
	display: flex;
	justify-content: center;
	align-items: center;
	}

.modal_content3 {
	position: fixed;
	top: 0; left: 0;
	width: 100%; height: 100%;
	color: #ffffff;
	display: flex;
	justify-content: center;
	align-items: center;
	}

/*UGN*/
.ugn_comment {margin: 0px; padding: 50px 50px 50px 50px;
	width: 500px; height: auto;
	text-align: left;
	background-color: #000000;
	color: #c7c7c7; font-size: 100%; line-height: 160%;
	border: 1px #535353 solid;}

.ugn_close {margin: -60px 0px 0px 537px; padding: 0px;
	float: left;
	width: 500px; height: auto;
	z-index: 9001;}

.ugn_comment a:link {color: #fff773; text-decoration: none;}
.ugn_comment a:visited {color: #fff773; text-decoration: none;}
.ugn_comment a:hover {color: #fefbc3; text-decoration: none;
	-webkit-transition: 0.2s;
	transition: 0.2s;}

.logo {margin: 0px; padding: 20px 0 60px 0;}

/*動画*/
.modal2 {position: fixed;
	top: 0; left: 0;
	width: 100%; height: 100%;
	z-index: 9000;}

.movie-frame {margin: 0px; padding: 0px 0px 0px 0px;
	width: 1050px; height: auto;
	text-align: right;}

.main_button2 {display: none;}

.movie_close {margin: 0; padding: 0;
	width: 100%; height: auto;
	z-index: 9001;
                                display: none;
                                }

/*静止画*/
.bluray-frame {margin: 0px; padding: 0px 0px 0px 0px;
	width: 500px; height: auto;
	text-align: left;}

.bluray_close {margin: -12px 0px 0px 484px; padding: 0px;
	float: left;
	width: 500px; height: auto;
                                position: absolute;
	z-index: 9001;}

/*TVエディション動画*/
.tvstr-frame {margin: 0px; padding: 0px 0px 0px 0px;
	width: min(900px, 90%); height: auto;
	text-align: left;position: relative;}

.tvstr_close {/*margin: -12px 0px 0px 484px;*/ padding: 0px;
	/*float: left;
	width: 500px;*/ height: auto;
                                position: absolute;
	z-index: 9001;right: -12px;top: -12px;}


/*●750px以下（SP）
================================================*/
@media only screen and (max-width: 750px) {

.modal_content {position: fixed;
	top: 0; left: 10%;
	width: 80%; height: 100%;
	color: #ffffff;
	display: flex;
	justify-content: center;
	align-items: center;
	}

.modal_content3 {position: fixed;
	top: 0; left: 0%;
	width: 100%; height: 100%;
	color: #ffffff;
	display: flex;
	justify-content: center;
	align-items: center;
	}

/*UGN*/
.ugn_comment {margin: 0px; padding: 13% 5% 10% 5%;
	width: 100%; height: auto;
	text-align: left;
	background-color: #000000;
	color: #c7c7c7; font-size: 85%; line-height: 160%;
	border: 1px #535353 solid;}

.logo {margin: 0px; padding: 0 0 13% 0;}
	.logo img{margin: 0; padding: 0 10% 0 10%;
		width: 85%; height: auto;}

.ugn_close {margin: -17% 0 0 102%; padding: 0px;
	float: left;
	width: 80%; height: auto;
	z-index: 9001;}


/*動画*/
.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;
	}

.movie_close {display: none;}

/*静止画*/
.bluray-frame {margin: 0px; padding: 0;
	width: 100%; height: auto;
	}

.bluray_close {margin: -2% 0 0 95%; padding: 0px;
	width: 7%; height: auto;
                                position: absolute;
	z-index: 9001;}

/*TVエディション動画*/
.tvstr-frame {margin: 0px; padding: 0;
	width: 90%; height: auto;position: relative;
	}

.tvstr_close {/*margin: -2% 0 0 95%;*/ padding: 0px;
	width: 7%; height: auto;
                                position: absolute;
	z-index: 9001;right: -5px;top: -5px}

/**/}