@charset "utf-8";
/* CSS Document */

h2.style01 {
	border-bottom: none;
}
.weather #heading {
	padding-bottom: 0px;
	width: 1220px;
  margin: 0 auto;
}
.weather .contentIn {
	max-width: 1200px;
}
.weather #contentsBox {
	width: 880px;
}
#tags {
	font-size: 0;
	margin-top: 20px;
}
#tags span {
	display: inline-block;
	/* �^�u4�‘Ή� */
	/* width: 24.25%; */
	/* �^�u5�‘Ή� */
	/* width: 19.27%; */
	/* �^�u6�‘Ή� */
	/* width: 140px; */
	/* 2022/2/14 �u�������������v�^�u�폜�� */
	width: 176px;
	text-align: center;
	background: #EBEBEB;
	font-size: 16px;
	cursor: pointer;
	font-weight: bold;
	padding: 10px 0;
}
#tags span:not(:last-child) {
	/*margin-right: 1%;*/
	/* �^�u6�‘Ή� */
	/* margin-right: 8px; */
}
#tags span.select {
	color: #fff;
	background: #0052A5;
}
#contentsBox .zenkoku {
	margin: 50px 0 0;
}
#contentsBox .zenkoku h3 {
	font-size: 16px;
	color: #0052A5;
	border-bottom: solid 2px #D9D9D9;
	margin-top: 20px;
}
#contentsBox .zenkoku ul li {
	margin-top: 20px;
}
#contentsBox .main {
	font-size: 0;
}
#contentsBox ul {
	overflow: hidden;
}
#contentsBox ul li {
	float: left;
	font-size: 0;
	margin-top: 25px;
}
#contentsBox ul.col2 li {
	width: 48%;
}
#contentsBox ul.col2 li:not(:last-child) {
	margin-right: 4%;
}
#contentsBox ul.col3 li {
	width: 32%;
}
#contentsBox ul.col3 li:not(:last-child) {
	margin-right: 2%;
}
#contentsBox ul.col4 li {
	width: 23%;
}
#contentsBox ul.col4 li:not(:last-child) {
	margin-right: 2.66%;
}
#contentsBox ul li span {
	display: inline-block;
	font-size: 14px;
	color: #fff;
	background: #0052A5;
	padding: 0 10px;
	line-height: 25px;
}
.today {
	border-top: solid 2px #0052A5;
}
.tomorrow, .watch, .amedas, .life, .disaster {
	display: none;
	border-top: solid 2px #0052A5;
}
#sideBox .sideWeather h2.tit_specs01 {
	color: #fff;
}
#sideBox .sideWeather {
	background: #2EB8DD;
}
#sideBox .sideWeather .camera img {
	width: 100%;
	height: auto;
}

/* �䕗�����{�^�� */
#typhoonInfo {
	position: absolute;
	top: 0px;
	left: 320px;
	/* left: 230px; */
	background-color:#0099ff;
	border-radius:10px;
	padding:3px 10px;
}

/* �n�k�����{�^�� */
#quakeInfo {
	position: absolute;
	top: 0px;
	left: 230px;
	background-color:#ff6600;
	border-radius:10px;
	padding:3px 10px;
}
#typhoonInfo a,
#quakeInfo a {
	color: #fff;
	display: block;
}