/* CSS Document */

#modalLink{}
	#modalLink h3{
		text-align: center;
		}

#modalAction{}
	#modalAction .linkBut{
		position: relative;
		background: #223a70;
		color: #fff;
		fill: #fff;
		}
		#modalAction .linkBut:hover{
			background: #e50012;
			}
		#modalAction .linkBut i{
			position: absolute;
			top: calc(50% - 0.5em);
			left: 1.5em;
			}
		#modalAction .linkBut svg{
			width: 1.4em;
			height: 1.4em;
			margin: -0.2em;
			}

.screen{
	position: fixed;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	padding: 0;
	background: rgba(0,0,0,0.5);
	z-index: 100;
	}

.popup{
	position: relative;
	margin: 0;
	background: #fff;
	filter: drop-shadow(0 0 0.2em rgba(0,0,0,0.2));
	}
	.popup menu+div{
		text-align: center;
		}
		.popup menu+div+div{
			text-align: center;
			}
	.popup .close{
		position: absolute;
		top: 0.5em;
		right: 0.5em;
		fill: #000;
		cursor: pointer;
		z-index: 10;
		}

	.popup h4{
		font-size: 1.2em;
		font-weight: bold;
		}
	.popup h4+div{
		margin-top: 0.5em;
		}


/* for all */
@media (max-width: 1199px) {
/*1199px以下*/
}
@media (max-width: 991px) {
/*991px以下*/
}


/* for mobile */
@media (max-width: 767px) {
/*767以下px*/
.popup{
	padding: 1em;
	max-height: 80vw;
	overflow: scroll;
	}
	
	.popup menu+div+div{
		margin:1em 0;
		}
}
@media (max-width: 767px) and (orientation:portrait) {
/*767px以下 縦向き*/
}
@media (max-width: 767px) and (orientation:landscape) {
/*767px以下 横向き*/
}


/* for tablet */
@media (min-width: 768px) {
/*768px以上*/
.popup{
	padding: 1.5em;
	}
	.popup menu+div+div{
		margin:2em 0;
		}
}
@media (min-width: 768px) and (max-width: 991px) {
/*768px～991px*/
}
@media (min-width: 768px) and (max-width: 1199px) {
/*768px～1199px*/
}


/* for PC */
@media (min-width: 992px) {
/*992px以上*/
}
@media (min-width: 992px) and (max-width: 1199px) {
/*992px～1199px*/
}
@media (min-width: 1200px) {
/*1200px以上*/
}


/* Edge */
@supports (-ms-ime-align:auto) {
}


/* ie */
@media all and (-ms-high-contrast: none) {
}