@charset "UTF-8";

#emergency{
	display: block;
}
#sp_emergency{
	display: none;
}
#weather{
	display: block;
}
#sp_weather{
	display: none;
}
#disaster{
	display: block;
}
#sp_disaster{
	display: none;
}


/* emergency */
.sub_area #emergency {
	background: #cd1836;
	padding: 4px 8px;
	font-size: 100%;
	margin-bottom: 20px;
}
.sub_area #emergency div.text {
	background-color: #fff;
	border-radius: 4px;
	padding: 10px;
	margin-top: 6px;
}
.sub_area #emergency h2 {
	font-size: 140%;
	width: 100%;
	float: none;
	padding: 0 0 0 40px;
	background: url(/c_img/icon_em.png) no-repeat 0 50%;
	color: #fff;
}
#contents_area .sub_area #emergency .inner {
	clear: both;
	float: none;
	margin: 0 auto;
	padding: 5px;
	width: 100%;
}
#contents_area .sub_area #emergency .inner li {
	border-bottom: 1px dotted #aaa;
	padding: 10px 0px;
}
.sub_area #emergency .more a::before {
	content: "";
	display: inline-block;
	width: 5px;
	height: 5px;
	margin: 0 10px 0 0;
	border: solid #333;
	border-width: 2px 2px 0 0;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	vertical-align: middle;
}
.sub_area #emergency .more a {
	margin: 6px 0 6px 0px;
	text-decoration: none;
	color: #0c67d7;
	padding-top: 10px;
}
.sub_area #emergency p.more {
	padding-top: 10px;
}

/* weather */
.sub_area #weather {
	background: #FFF19B;
	padding: 4px 8px;
	font-size: 100%;
	margin-bottom: 20px;
}
.sub_area #weather div.text {
	background-color: #fff;
	border-radius: 4px;
	padding: 10px;
	margin-top: 6px;
}
.sub_area #weather h2 {
	font-size: 140%;
	width: 100%;
	float: none;
	padding: 0 0 0 40px;
	background: url(/c_img/icon_em_weather.png) no-repeat 0 50%;
}
#contents_area .sub_area #weather .inner {
	clear: both;
	float: none;
	margin: 0 auto;
	padding: 5px;
	width: 100%;
}
/*
#contents_area .sub_area #weather .inner li {
	border-bottom: 1px dotted #aaa;
	padding: 10px 0px;
}
*/
.sub_area #weather .more a::before {
	content: "";
	display: inline-block;
	width: 5px;
	height: 5px;
	margin: 0 10px 0 0;
	border: solid #333;
	border-width: 2px 2px 0 0;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	vertical-align: middle;
}
.sub_area #weather .more a {
	margin: 6px 0 6px 0px;
	text-decoration: none;
	color: #0c67d7;
}
.sub_area #weather p.more {
	padding-top: 10px;
}

/* disaster */
.sub_area #disaster {
	background: #F7F6E8;
	padding: 10px 8px;
	font-size: 100%;
	margin-bottom: 20px;
}
.sub_area #disaster div.text {
	background-color: #fff;
	border-radius: 4px;
	padding: 10px;
	margin-top: 6px;
}
.sub_area #disaster h2 {
	font-size: 140%;
	width: 100%;
	float: none;
	padding: 0 0 0 40px;
	background: url(/c_img/icon_warning.png) no-repeat 0 50%;
}
#contents_area .sub_area #disaster .inner {
	border: 2px solid #AC2A02;
	border-radius: 6px;
	clear: both;
	float: none;
	margin: 0 auto;
	padding: 5px;
	width: 100%;
}
#contents_area .sub_area #disaster .inner li {
	border-bottom: 1px dotted #aaa;
	padding: 10px 0px;
}
.sub_area #disaster .more a::before {
	content: "";
	display: inline-block;
	width: 5px;
	height: 5px;
	margin: 0 10px 0 0;
	border: solid #333;
	border-width: 2px 2px 0 0;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	vertical-align: middle;
}
.sub_area #disaster .more a {
	margin: 6px 0 6px 0px;
	text-decoration: none;
	color: #0c67d7;
}
.sub_area #disaster p.more {
	padding-top: 10px;
}

/* 議会トップ */
.gikai #disaster{
	background: #F7F6E8;
	padding: 10px 12px;
}
.gikai #disaster .inner {
	border: 2px solid #AC2A02;
	border-radius: 6px;
	padding: 5px;
}
.gikai #disaster h2 {
	width: 100%;
	float: none;
	padding: 0 0 0 40px;
	background: url(/c_img/icon_warning.png) no-repeat 0 50%;
	font-size: 120%;
}
.gikai #emergency {
	background: #cd1836;
	padding: 8px 0;
	font-size: 87.5%;
	margin-bottom: 0;
}
.gikai #emergency h2 {
	color: #fff;
	float: left;
	font-size: 125%;
	width: 20%;
	padding: 6px 0 0 40px;
	background:url(../c_img/icon_em.png) no-repeat 0 50%;
}
.gikai #emergency div.text,
.gikai #weather div.text {
	float: left; background: #fff; border-radius: 4px; padding: 10px; width: 80%;
}
.gikai #emergency div.text li,
.gikai #weather div.text li { margin-top: 0.5em; }
.gikai #emergency div.text li:first-child,
.gikai #weather div.text li:first-child  { margin-top: 0; }
.gikai #emergency .more {
	text-align: right;
	padding-right: 1em;
}
.gikai #weather{
	background: #FFF19B;
	padding: 8px 0;
	font-size: 87.5%;
}
.gikai #weather h2 {
	float: left;
	font-size: 125%;
	width: 20%;
	padding: 6px 0 0 40px;
	background: url(../c_img/icon_em_weather.png) no-repeat 0 50%;
}
.gikai .main_area_wrap {
	margin-top: 1em;
}

/* キッズ */
.kids_top_wrap .inner {
	width: 960px;
	margin: 0 auto;
}
.kids #disaster{
	background: #F7F6E8;
	padding: 10px 12px;
	font-size: 87.5%;
	margin: -1em 0 1em;
}
.kids.kids_top_wrap #disaster{
	margin: 0;
}
.kids #disaster .inner {
	border: 2px solid #AC2A02;
	border-radius: 6px;
	padding: 5px;
}
.kids #disaster h2 {
	width: 100%;
	float: none;
	padding: 0 0 0 40px;
	background: url(/c_img/icon_warning.png) no-repeat 0 50%;
	font-size: 140%;
}
.kids #emergency {
	background: #cd1836;
	padding: 8px 0;
	font-size: 87.5%;
	margin: -1em 0 1em;
}
.kids #emergency h2 {
	color: #fff;
	float: left;
	font-size: 125%;
	width: 20%;
	padding: 6px 0 0 40px;
	background:url(../c_img/icon_em.png) no-repeat 0 50%;
}
.kids #emergency div.text,
.kids #weather div.text {
	float: left; background: #fff; border-radius: 4px; padding: 10px; width: 80%;
}
.kids #emergency div.text li,
.kids #weather div.text li { margin-top: 0.5em; }
.kids #emergency div.text li:first-child,
.kids #weather div.text li:first-child  { margin-top: 0; }
.kids #emergency .more {
	text-align: right;
	padding-right: 1em;
}
.kids #weather{
	background: #FFF19B;
	padding: 8px 0;
	font-size: 87.5%;
	margin: -1em 0 1em;
}
.kids #weather h2 {
	float: left;
	font-size: 125%;
	width: 20%;
	padding: 6px 0 0 40px;
	background: url(../c_img/icon_em_weather.png) no-repeat 0 50%;
}
.kids .main_area_wrap {
	margin-top: 1em;
}
.kids.kids_top_wrap #disaster,
.kids.kids_top_wrap #emergency,
.kids.kids_top_wrap #weather{
	margin: 0;
}

/* 1カラム */
.column1 #disaster{
	background: #F7F6E8;
	padding: 10px 12px;
}
.column1 #disaster .inner {
	border: 2px solid #AC2A02;
	border-radius: 6px;
	padding: 5px;
}
.column1 #disaster h2 {
	width: 100%;
	float: none;
	padding: 0 0 0 40px;
	background: url(/c_img/icon_warning.png) no-repeat 0 50%;
	font-size: 120%;
}
.column1 #emergency {
	background: #cd1836;
	padding: 8px 0;
	font-size: 87.5%;
	margin-bottom: 0;
}
.column1 #emergency h2 {
	color: #fff;
	float: left;
	font-size: 125%;
	width: 20%;
	padding: 6px 0 0 40px;
	background:url(../c_img/icon_em.png) no-repeat 0 50%;
}
.column1 #emergency div.text,
.column1 #weather div.text {
	float: left; background: #fff; border-radius: 4px; padding: 10px; width: 80%;
}
.column1 #emergency div.text li,
.column1 #weather div.text li { margin-top: 0.5em; }
.column1 #emergency div.text li:first-child,
.column1 #weather div.text li:first-child  { margin-top: 0; }
.column1 #emergency .more {
	text-align: right;
	padding-right: 1em;
}
.column1 #weather{
	background: #FFF19B;
	padding: 8px 0;
	font-size: 87.5%;
}
.column1 #weather h2 {
	float: left;
	font-size: 125%;
	width: 20%;
	padding: 6px 0 0 40px;
	background: url(../c_img/icon_em_weather.png) no-repeat 0 50%;
}

@media screen and (max-width:670px) {
	#emergency{
		display: none;
	}
	#sp_emergency{
		display: block;
	}
	#weather{
		display: none;
	}
	#sp_weather{
		display: block;
	}
	#disaster{
		display: none;
	}
	#sp_disaster{
		display: block;
	}


	div#sp_emergency {
		background: #cd1836;
		padding: 4px 12px;
		font-size: 100%;
	}
	#sp_emergency div.text {
		background-color: #fff;
		border-radius: 4px;
		padding: 10px;
		margin-top: 6px;
	}
	#sp_emergency h2 {
		font-size: 130%;
		width: 100%;
		float: none;
		padding: 0 0 0 40px;
		background: url(/c_img/icon_em.png) no-repeat 0 50%;
		color: #fff;
	}
	#contents_area #sp_emergency .inner {
		clear: both;
		float: none;
		margin: 0 auto;
		padding: 5px;
	}
	#contents_area #sp_emergency .inner li {
		border-bottom: 1px dotted #aaa;
		padding: 10px 0px;
	}
	#sp_emergency .more a::before {
		content: "";
		display: inline-block;
		width: 5px;
		height: 5px;
		margin: 0 10px 0 0;
		border: solid #333;
		border-width: 2px 2px 0 0;
		-moz-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		vertical-align: middle;
	}
	#sp_emergency p.more {
		margin: 6px 0 6px 0px;
		padding-top: 10px;
	}

	/* weather */
	div#sp_weather {
		background: #FFF19B;
		padding: 4px 12px;
		font-size: 100%;
	}
	#sp_weather div.text {
		background-color: #fff;
		border-radius: 4px;
		padding: 10px;
		margin-top: 6px;
	}
	#sp_weather h2 {
		font-size: 130%;
		width: 100%;
		float: none;
		padding: 0 0 0 40px;
		background: url(/c_img/icon_em_weather.png) no-repeat 0 50%;
	}
	#contents_area #sp_weather .inner {
		clear: both;
		float: none;
		margin: 0 auto;
		padding: 5px;
	}
/*
	#contents_area #sp_weather .inner li {
		border-bottom: 1px dotted #aaa;
		padding: 10px 0px;
	}
*/
	#sp_weather .more a::before {
		content: "";
		display: inline-block;
		width: 5px;
		height: 5px;
		margin: 0 10px 0 0;
		border: solid #333;
		border-width: 2px 2px 0 0;
		-moz-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		vertical-align: middle;
	}
	#sp_weather p.more {
		margin: 6px 0 6px 0px;
		padding-top: 10px;
	}

	/* disaster */
	div#sp_disaster {
		background: #F7F6E8;
		padding: 10px 12px;
		font-size: 100%;
	}
	#sp_disaster div.text {
		background-color: #fff;
		border-radius: 4px;
		padding: 10px;
		margin-top: 6px;
	}
	#sp_disaster h2 {
		font-size: 130%;
		width: 100%;
		float: none;
		padding: 0 0 0 40px;
		background: url(/c_img/icon_warning.png) no-repeat 0 50%;
	}
	#contents_area #sp_disaster .inner,
  .kids #sp_disaster .inner {
		border: 2px solid #AC2A02;
		border-radius: 6px;
		clear: both;
		float: none;
		margin: 0 auto;
		padding: 5px;
	}
	#contents_area #sp_disaster .inner li {
		border-bottom: 1px dotted #aaa;
		padding: 10px 0px;
	}
	#sp_disaster .more a::before {
		content: "";
		display: inline-block;
		width: 5px;
		height: 5px;
		margin: 0 10px 0 0;
		border: solid #333;
		border-width: 2px 2px 0 0;
		-moz-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		vertical-align: middle;
	}
	#sp_disaster p.more {
		margin: 6px 0 6px 0px;
		padding-top: 10px;
	}
/* キッズ */
	.kids_top_wrap .inner {
		width: 90%;
	}

  .kids #sp_disaster,
  .kids #sp_weather,
  .kids #sp_emergency {
    margin: -1em 0 1em;
  }

  .kids_top_wrap div#sp_disaster,
  .kids_top_wrap div#sp_weather,
  .kids_top_wrap div#sp_emergency {
    margin: 0;
  }

}