@charset "utf-8";
.emergency-banner {
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding: 12px 20px;
	background-color: #ffd809;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.6;
	text-align: center;
	position: relative;
}

.emergency-banner a {
	color: #333;
	text-decoration: none;
	width: 100%;
	display: block;
}
.emergency-banner a span{display: flex;align-items: center;justify-content: center;}

.emergency-banner a span:first-of-type:before {
        content: "";
    background: url(/common/img/information_bg.png) 0 0 / contain no-repeat;
    width: 24px;
    height: 24px;
    margin-right: 6px;
    display: inline-block;
}

.emergency-banner a:hover {
	text-decoration: underline;
	opacity: 0.85;
}
.is-toppage .l-header {
    top: 80px;
}
.is-toppage .is-moved.l-header {
    top: 0px;
}
.emergency-banner--top {
    z-index: 9999;
    position: absolute;
    top: 0;
    background-color: #ffc93c;
    }
.temporary_02{
	font-size:14px;
}
.has-emergency-banner .fixed-header-wrap {
	/* top: 50px; */
}
.has-emergency-banner {
    padding-top: 19vw;
}
@media (min-width: 768px) {
.emergency-banner a span:first-of-type:before {
        width: 24px;
        height: 24px;
    }
	
.emergency-banner--top a span:first-of-type:before {
        width: 20px;
        height: 20px;
    }
.emergency-banner--mv,
.emergency-banner--package,
.emergency-banner--cloud{
	max-width: 100%;
	margin: 0px auto;
	padding: 13px 0;
}
.emergency-banner--package,
.emergency-banner--cloud{
	margin: 30px auto;
}
.is-toppage .l-header {
    top: 50px;
}
.has-emergency-banner {
    padding-top: 50px;
}
}