@charset "UTF-8";

body {
    background-color:#f4f4f4;
}

#alert_back{
	display: none;
	width: 100%;
	height:100%;
	text-align: center;
	position: fixed;
	top: 0;
	z-index: 100;
	background: rgba(108, 109, 109, 0.507);
}
#alert_box {
    display:none;
    position: absolute;
    top: 10px;
    left: 10px;
    width: auto;
    max-width: 510px;
    height: auto;
    flex-direction:column;
    align-items: flex-end;
    background-color:#fafbfc;
	border-radius: 3px;
	margin: 2px auto 2px auto;
	padding: 0;
    border-top: 3px solid lightgray;
    border-right: 3px solid lightslategray;
    border-bottom: 3px solid lightslategray;
    border-left: 3px solid lightgray;
	z-index: 101;
}

#alert_div {
    width: calc(100% - 12px);
    height: calc(100% - 3.5em);
    background-color:white;
	margin: 6px 6px 0 6px;
	padding: 3px;
    overflow-y: auto;
}
#alert_btn_div {
	display:flex;
    align-items: center;
    width: 100%;
    height: 3.5em;
    background-color:white;
	margin: 0;
	padding: 8px;
    border-top: 1px solid lightgray;
}

#alert_div .effet{
    width: 98%;
    height:auto;
    background-color:transparent;
    font-size: 1.0em;
    text-align: left;
    vertical-align: middle;
	margin: 3px auto;
	padding: 3px;
}
#alert_div .kikan{
    width: 98%;
    height:auto;
    color:black;
    background-color:transparent;
    font-size: 0.8em;
    text-align: left;
    vertical-align: middle;
	margin: 0;
	padding: 2px;
}
#alert_div .target{
    width: 98%;
    height:auto;
    color:black;
    background-color:transparent;
    font-size: 0.8em;
    text-align: left;
    vertical-align: middle;
	margin: 3px auto;
	padding: 3px;
}
#alert_div .title{
    width: 100%;
    height:auto;
    color:black;
    background-color:transparent;
    font-size: 1.0em;
    font-weight:bold;
    text-align: left;
    vertical-align: middle;
	margin: 0;
	padding: 2px;
}
#alert_div .desc{
    width: 100%;
    height:auto;
    color:black;
    background-color:transparent;
    font-size: 0.9em;
    text-align: left;
    vertical-align: middle;
	margin: 0;
	padding: 2px;
}
#alert_div .url{
    width: 100%;
    height:auto;
    color:blue;
    background-color:transparent;
    font-size: 1.0em;
    text-align: left;
    vertical-align: middle;
	margin: 0;
	padding: 2px;
}

.alert_blink{
	-webkit-animation:alert_blink 0.9s ease-in infinite alternate;
    -moz-animation:alert_blink 0.9s ease-in infinite alternate;
    animation:alert_blink 0.9s ease-in infinite alternate;
}
@-webkit-keyframes alert_blink{
    0% {opacity:0.2;}
    100% {opacity:1;}
}
@-moz-keyframes alert_blink{
    0% {opacity:0.2;}
    100% {opacity:1;}
}
@keyframes alert_blink{
    0% {opacity:0.2;}
    100% {opacity:1;}
}