@charset "UTF-8";

/* ==================================================================*/
/* 緊急情報 */
/* ==================================================================*/
div.top_alert {
	margin: 0 2em 1em 2em;
}

div.top_alert div.alert_title {
	color: red;
	font-size: 1.2em;
	margin: .5em 0 .2em 0;
}

@media screen and (max-width: 768px) {
	div.top_alert {
		margin: 0 .5em 1em .5em;
	}
}

/* ==================================================================*/
/* 上部メニュー */
/* ==================================================================*/
div.sc_all {
	margin-left: .5%;
	margin-right: .5%;
}
div.sc_all.wide {
	width: 37%;
}
div.sc_all.narrow {
	width: 23%;
}

div.sc_all > a {
	text-decoration: none;
}
div.sc_all.blue {
	background-color: #dbe9f9;
}
div.sc_all.blue > a:hover div.sc_title {
	background-color: #173773;
}
div.sc_all.blue > a:hover div.sc_head {
	border: solid 2px #173773;
}
div.sc_all.orange {
	background-color: #fbe1b7;
}
div.sc_all.orange > a:hover div.sc_title {
	background-color: #823412;
}
div.sc_all.orange > a:hover div.sc_head {
	border: solid 2px #823412;
}
div.sc_all.pink {
	background-color: #fee2ec;
	width: 100%;
	margin: 0;
}
div.sc_all.pink > a:hover div.sc_title {
	background-color: #a12d55;
}
div.sc_all.pink > a:hover div.sc_head {
	border: solid 2px #a12d55;
}


div.sc_head.blue {
	border: solid 2px #255abc;
}
div.sc_head.orange {
	border: solid 2px #b44819;
}
div.sc_head.pink {
	border: solid 2px #d43b71;
}

div.sc_center {
	display: flex;
	align-items: center;
	justify-content: center;
}

div.sc_image {
	padding: .5em;
	background-color: #ffffff;
}

div.sc_title {
	padding: .4em .5em;
	height: 3.5em;
	color:#ffffff;
	font-weight: bold;
	font-size: 1.2em;
}
div.sc_title.fs_small {
	font-size: 1em;
	height: 4.2em;
}

div.sc_title.blue {
	background-color: #255abc;
}
div.sc_title.orange {
	background-color: #b44819;
}
div.sc_title.pink {
	background-color: #d43b71;
}

div.sc_detail {
	padding: .875em;
}

div.map {
	border: #909090 4px solid;
	padding: .5em;
}

@media screen and (max-width: 768px) {
	div.sc_all {
		margin-left: 0;
		margin-right: 0;
		margin-top: .5em;
	}
	div.sc_all.wide,
	div.sc_all.narrow {
		width: 100%;
	}

	div.sc_head {
		display: flex;
	}
	div.sc_title {
		padding-left: 1em;
	}
	div.sc_center {
		justify-content: flex-start;
	}
	div.sc_image {
		height: 4.2em;
	}
	div.sc_image img {
		height: 3.8em;
	}
	div.sc_title {
		width: 100%;
	}
}

/* ==================================================================*/
/* ボタン上書き */
/* ==================================================================*/
.button.blue {
	border: 1px solid #173773;
	color: #173773;
	background-color: #dbe9f9;
}
.button.main.blue{
	color: #ffffff;
	background-color: #255abc;
}
.button.main:hover.blue,
.button.main:focus.blue,
.button.main:active.blue,
.button.main.active.blue {
	background-color: #173773;
}

.button.orange {
	border: 1px solid #823412;
	color: #823412;
	background-color: #fbe1b7;
}
.button.main.orange{
	color: #ffffff;
	background-color: #b44819;
}
.button.main:hover.orange,
.button.main:focus.orange,
.button.main:active.orange,
.button.main.active.orange {
	background-color: #823412;
}

/* ==================================================================
/* リンクアイコン */
/* ==================================================================*/
.link_icn.orange:before {
	background: url(../img/pc/link_icn_orange.png) no-repeat;
	background-size: contain;
}
.link_icn.green:before {
	background: url(../img/pc/link_icn_green.png) no-repeat;
	background-size: contain;
}
.link_icn.blue:before {
	background: url(../img/pc/link_icn_blue.png) no-repeat;
	background-size: contain;
}
.link_icn.pink:before {
	background: url(../img/pc/link_icn_pink.png) no-repeat;
	background-size: contain;
}