@charset "UTF-8";

/* ------------------------------ SP ------------------------------ */
@media not screen and (min-width: 781px) {

.modaal-wrapper .modaal-close {
	background: rgba(255, 255, 255, 0.50);
}
.modaal-inner-wrapper {
	padding: 0;
}
.modaal-container {
	width: calc(700vw / 7.8);
	height: 85svh;
	box-shadow: 0 calc(4.5vw / 7.8) calc(18vw / 7.8) rgba(0, 0, 0, 0.65);
	border-radius: calc(12vw / 7.8); /* modaal-containerにも同値 */
}
.modaal-container iframe {
	border-radius: calc(12vw / 7.8); /* modaal-container iframeにも同値  */
}
.modaal-close {
	position: fixed;
	right: calc(30vw / 7.8);
	top: calc(7.5svh - calc(72vw / 7.8));
	width: calc(60vw / 7.8);
	height: calc(60vw / 7.8);
	transition: all 0.35s ease-in-out;
}
.modaal-close:focus,
.modaal-close:hover {
	transform: rotate(90deg);
}
.modaal-close:focus:before,
.modaal-close:focus:after,
.modaal-close:hover:before,
.modaal-close:hover:after {
	background: #000;
}
.modaal-close:before,
.modaal-close:after {
	display: block;
	content: " ";
	position: absolute;
	top: calc(12vw / 7.8);
	left: calc(25vw / 7.8);
	width: calc(10vw / 7.8);
	height: calc(36vw / 7.8);
	border-radius: calc(2vw / 7.8);
	background: #000;
	transition: background 0.35s ease-in-out;
}

}	/* 削除注意 */

/* ------------------------------ PC ------------------------------ */
@media screen and ( min-width: 781px )  {

.modaal-wrapper .modaal-close {
	background: rgba(255, 255, 255, 0.50);
}
.modaal-container {
	width: 980px;
	height: 80svh;
	box-shadow: 0 3px 12px rgba(0, 0, 0, 0.65);
	border-radius: 9px; /* modaal-containerにも同値 */
}
.modaal-container iframe {
	border-radius: 9px; /* modaal-container iframeにも同値  */
}
.modaal-close {
	position: fixed;
	right: 45px;
	top: 45px;
	width: 60px;
	height: 60px;
	transition: all 0.35s ease-in-out;
}
.modaal-close:focus,
.modaal-close:hover {
	transform: rotate(90deg);
}
.modaal-close:focus:before,
.modaal-close:focus:after,
.modaal-close:hover:before,
.modaal-close:hover:after {
	background: #000;
}
.modaal-close:before,
.modaal-close:after {
	display: block;
	content: " ";
	position: absolute;
	top: 12px;
	left: 25px;
	width: 10px;
	height: 36px;
	border-radius: 2px;
	background: #000;
	transition: background 0.35s ease-in-out;
}

}	/* 削除注意 */