body.page-top .pg_weather_red,
body.subpage .pg_weather_red {
		color: #E8402D;
}
body.page-top .pg_weather_orenge,
body.subpage .pg_weather_orenge {
		color: #EC6525;
}
body.page-top .pg_weather_sky,
body.subpage .pg_weather_sky {
		color: #00B4EB;
}
body.page-top .pg_weather_blue,
body.subpage .pg_weather_blue {
		color: #0062A2;
}
body.page-top .pg_weather_yellow,
body.subpage .pg_weather_yellow {
		color: #E1C401;
}
body.page-top .weatherContent > *:first-child,
body.subpage .weatherContent > *:first-child {
		margin-top: 0 !important;
}
body.page-top .weatherContent > *:last-child,
body.subpage .weatherContent > *:last-child {
		margin-bottom: 0 !important;
}
body.page-top .weatherLabel,
body.subpage .weatherLabel {
		display: flex;
		justify-content: space-between;
		font-size: 14px;
		margin-bottom: 5px;
}
@media (max-width: 999px) {
		body.page-top .weatherLabel,
		body.subpage .weatherLabel {
				flex-direction: column-reverse;
				gap: 5px;
				font-size: 12px;
		}
}
body.page-top .weatherLabel__2,
body.subpage .weatherLabel__2 {
		display: flex;
		flex-wrap: wrap;
		gap: 0 1em;
}
body.page-top .weatherLabel__text,
body.subpage .weatherLabel__text {
		line-height: 1.4;
}
body.page-top .weatherTable,
body.subpage .weatherTable {
		table-layout: fixed;
		width: 100%;
		line-height: 1.4;
}
@media (max-width: 999px) {
		body.page-top .weatherTable,
		body.subpage .weatherTable {
				font-size: 14px;
		}
}
body.page-top .weatherTable > thead th,
body.subpage .weatherTable > thead th {
		font-weight: bold;
}
body.page-top .weatherTable > thead th,
body.subpage .weatherTable > thead th {
		background-color: #f7f7f7;
}
body.page-top .weatherTable tr > *:nth-child(1),
body.subpage .weatherTable tr > *:nth-child(1) {
		width: 110px;
}
@media (max-width: 999px) {
		body.page-top .weatherTable tr > *:nth-child(1),
		body.subpage .weatherTable tr > *:nth-child(1) {
				width: 80px;
		}
}
body.page-top .weatherTable th,
body.subpage .weatherTable th {
		text-align: center;
}
body.page-top .weatherTable th,
body.page-top .weatherTable td,
body.subpage .weatherTable th,
body.subpage .weatherTable td {
		border: solid 1px #C6D3DD;
		color: #5E5E5E;
		padding: 5px 10px;
}
body.page-top .weatherCell,
body.subpage .weatherCell {
		display: flex;
		justify-content: space-between;
		line-height: 1.4;
		font-weight: bold;
}
@media (max-width: 999px) {
		body.page-top .weatherCell,
		body.subpage .weatherCell {
				position: relative;
				padding-bottom: 24px;
		}
}
body.page-top .weatherCell__icon,
body.subpage .weatherCell__icon {
		width: 33.33%;
		display: flex;
		align-items: center;
		justify-content: center;
}
body.page-top .weatherCell__tempRain,
body.subpage .weatherCell__tempRain {
		width: 33.33%;
}
@media (max-width: 999px) {
		body.page-top .weatherCell__tempRain,
		body.subpage .weatherCell__tempRain {
				display: flex;
				align-items: center;
				justify-content: center;
		}
}
@media (max-width: 999px) {
		body.page-top .weatherCell > .weatherCell__tempRain:nth-child(2) > .weatherCell__rain,
		body.subpage .weatherCell > .weatherCell__tempRain:nth-child(2) > .weatherCell__rain {
				left: 0;
		}
}
@media (max-width: 999px) {
		body.page-top .weatherCell > .weatherCell__tempRain:nth-child(3) > .weatherCell__rain,
		body.subpage .weatherCell > .weatherCell__tempRain:nth-child(3) > .weatherCell__rain {
				right: 0;
		}
}
body.page-top .weatherCell__temp,
body.subpage .weatherCell__temp {
		font-size: 26px;
		text-align: center;
}
@media (max-width: 999px) {
		body.page-top .weatherCell__temp,
		body.subpage .weatherCell__temp {
				font-size: 24px;
		}
}
body.page-top .weatherCell__rain,
body.subpage .weatherCell__rain {
		display: flex;
}
@media (max-width: 999px) {
		body.page-top .weatherCell__rain,
		body.subpage .weatherCell__rain {
				position: absolute;
				width: 50%;
				bottom: 0;
		}
}
body.page-top .weatherCell__rain__per,
body.subpage .weatherCell__rain__per {
		font-size: 14px;
		text-align: center;
		width: 50%;
		position: relative;
}
body.page-top .weatherCell__rain__per + .weatherCell__rain__per::before,
body.page-top .weatherCell__tempRain + .weatherCell__tempRain > .weatherCell__rain > .weatherCell__rain__per:first-child::before,
body.subpage .weatherCell__rain__per + .weatherCell__rain__per::before,
body.subpage .weatherCell__tempRain + .weatherCell__tempRain > .weatherCell__rain > .weatherCell__rain__per:first-child::before {
		content: "";
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: 1px;
		height: 100%;
		background-color: #666;
}
body.page-top .weatherWeeklyTable,
body.subpage .weatherWeeklyTable {
		table-layout: fixed;
		width: 100%;
		line-height: 1.4;
}
body.page-top .weatherWeeklyTable tr > *:nth-child(1),
body.subpage .weatherWeeklyTable tr > *:nth-child(1) {
		width: 110px;
}
@media (max-width: 999px) {
		body.page-top .weatherWeeklyTable tr > *:nth-child(1),
		body.subpage .weatherWeeklyTable tr > *:nth-child(1) {
				width: auto;
		}
}
body.page-top .weatherWeeklyTable thead th,
body.subpage .weatherWeeklyTable thead th {
		background-color: #f7f7f7;
}
body.page-top .weatherWeeklyTable th,
body.subpage .weatherWeeklyTable th {
		text-align: center;
		font-size: 14px;
		font-weight: bold;
		white-space: nowrap;
}
@media (max-width: 999px) {
		body.page-top .weatherWeeklyTable th,
		body.subpage .weatherWeeklyTable th {
				white-space: normal;
		}
}
body.page-top .weatherWeeklyTable th,
body.page-top .weatherWeeklyTable td,
body.subpage .weatherWeeklyTable th,
body.subpage .weatherWeeklyTable td {
		border: solid 1px #C6D3DD;
		color: #5E5E5E;
		padding: 5px 10px;
		text-align: center;
}
@media (max-width: 999px) {
		body.page-top .weatherWeeklyTable th,
		body.page-top .weatherWeeklyTable td,
		body.subpage .weatherWeeklyTable th,
		body.subpage .weatherWeeklyTable td {
				font-size: 14px;
				padding: 5px;
		}
}
body.page-top .weatherWeeklyTable td,
body.subpage .weatherWeeklyTable td {
		font-size: 20px;
		font-weight: bold;
}
@media (max-width: 999px) {
		body.page-top .weatherWeeklyTable td,
		body.subpage .weatherWeeklyTable td {
				font-size: 16px;
		}
}
body.page-top .weekly_sat,
body.subpage .weekly_sat {
		color: #fff !important;
		background-color: #678fff !important;
}
body.page-top .weekly_sun,
body.subpage .weekly_sun {
		color: #fff !important;
		background-color: #FF3838 !important;
}
body.page-top .weather-image,
body.subpage .weather-image {
		display: block;
		margin: 0 0px 8px 0px;
		width: 100%;
}
body.page-top .pg_amedas10min_table,
body.subpage .pg_amedas10min_table {
		table-layout: fixed;
		width: 100%;
		line-height: 1.4;
}
@media (max-width: 999px) {
		body.page-top .pg_amedas10min_table,
		body.subpage .pg_amedas10min_table {
				font-size: 14px;
				table-layout: auto;
		}
}
body.page-top .pg_amedas10min_table > thead th,
body.subpage .pg_amedas10min_table > thead th {
		font-weight: bold;
}
body.page-top .pg_amedas10min_table > thead th,
body.subpage .pg_amedas10min_table > thead th {
		background-color: #f7f7f7;
}
body.page-top .pg_amedas10min_table > tbody th,
body.subpage .pg_amedas10min_table > tbody th {
		font-size: 20px;
		white-space: nowrap;
}
@media (max-width: 999px) {
		body.page-top .pg_amedas10min_table > tbody th,
		body.subpage .pg_amedas10min_table > tbody th {
				font-size: 13px;
		}
}
body.page-top .pg_amedas10min_table th,
body.subpage .pg_amedas10min_table th {
		text-align: center;
}
body.page-top .pg_amedas10min_table th,
body.page-top .pg_amedas10min_table td,
body.subpage .pg_amedas10min_table th,
body.subpage .pg_amedas10min_table td {
		border: solid 1px #C6D3DD;
		color: #5E5E5E;
		padding: 5px 10px;
}
@media (max-width: 999px) {
		body.page-top .pg_amedas10min_table th,
		body.page-top .pg_amedas10min_table td,
		body.subpage .pg_amedas10min_table th,
		body.subpage .pg_amedas10min_table td {
				font-size: 13px;
		}
}
body.page-top .pg_amedas10min_table__icon,
body.subpage .pg_amedas10min_table__icon {
		display: block;
		margin: auto;
		max-width: 100%;
}
@media (max-width: 999px) {
		body.page-top .pg_amedas10min_table__icon,
		body.subpage .pg_amedas10min_table__icon {
				width: 42px;
				min-width: 42px;
		}
}
body.page-top .pg_amedas10min_table__uryoWrapper,
body.subpage .pg_amedas10min_table__uryoWrapper {
		display: flex;
		align-items: flex-end;
		justify-content: space-between;
		gap: 10px;
		line-height: 1;
		flex-wrap: wrap;
		white-space: nowrap;
}
@media (max-width: 999px) {
		body.page-top .pg_amedas10min_table__uryoWrapper,
		body.subpage .pg_amedas10min_table__uryoWrapper {
				justify-content: flex-end;
				gap: 3px 5px;
		}
}
@media (max-width: 499px) {
		body.page-top .pg_amedas10min_table__uryoWrapper,
		body.subpage .pg_amedas10min_table__uryoWrapper {
				justify-content: space-between;
		}
}
body.page-top .pg_amedas10min_table__ame,
body.subpage .pg_amedas10min_table__ame {
		font-size: 24px;
		width: calc(100% - 10px - 3rem);
		text-align: right;
}
@media (max-width: 999px) {
		body.page-top .pg_amedas10min_table__ame,
		body.subpage .pg_amedas10min_table__ame {
				font-size: 16px;
				width: auto;
		}
}
body.page-top .pg_amedas10min_table__mmh,
body.subpage .pg_amedas10min_table__mmh {
		padding-bottom: 2px;
		width: 3rem;
		text-align: right;
}
@media (max-width: 999px) {
		body.page-top .pg_amedas10min_table__mmh,
		body.subpage .pg_amedas10min_table__mmh {
				width: auto;
				padding-bottom: 0;
				font-size: 12px;
		}
}
@media (max-width: 499px) {
		body.page-top .pg_amedas10min_table__mmh,
		body.subpage .pg_amedas10min_table__mmh {
				margin-left: auto;
		}
}
body.page-top .pg_amedas10min_table__kionWrapper,
body.subpage .pg_amedas10min_table__kionWrapper {
		display: flex;
		width: 100%;
		align-items: flex-end;
		justify-content: space-between;
		gap: 10px;
		line-height: 1;
}
@media (max-width: 999px) {
		body.page-top .pg_amedas10min_table__kionWrapper,
		body.subpage .pg_amedas10min_table__kionWrapper {
				justify-content: flex-end;
				flex-wrap: wrap;
				gap: 3px 5px;
		}
}
@media (max-width: 499px) {
		body.page-top .pg_amedas10min_table__kionWrapper,
		body.subpage .pg_amedas10min_table__kionWrapper {
				justify-content: space-between;
		}
}
body.page-top .pg_amedas10min_table__kion,
body.subpage .pg_amedas10min_table__kion {
		font-size: 24px;
		width: calc(100% - 1rem - 10px);
		text-align: right;
}
@media (max-width: 999px) {
		body.page-top .pg_amedas10min_table__kion,
		body.subpage .pg_amedas10min_table__kion {
				width: auto;
				font-size: 16px;
		}
}
body.page-top .pg_amedas10min_table__do,
body.subpage .pg_amedas10min_table__do {
		padding-bottom: 2px;
		width: 1rem;
		white-space: nowrap;
}
@media (max-width: 999px) {
		body.page-top .pg_amedas10min_table__do,
		body.subpage .pg_amedas10min_table__do {
				width: auto;
				font-size: 12px;
				padding-bottom: 0;
		}
}
@media (max-width: 499px) {
		body.page-top .pg_amedas10min_table__do,
		body.subpage .pg_amedas10min_table__do {
				margin-left: auto;
		}
}
body.page-top .pg_amedas10min_table__kazeWrapper,
body.subpage .pg_amedas10min_table__kazeWrapper {
		display: flex;
		justify-content: space-between;
		gap: 5px;
		line-height: 1;
		align-items: flex-end;
		white-space: nowrap;
}
@media (max-width: 999px) {
		body.page-top .pg_amedas10min_table__kazeWrapper,
		body.subpage .pg_amedas10min_table__kazeWrapper {
				flex-direction: column;
				justify-content: flex-start;
				align-items: flex-start;
				gap: 3px 5px;
		}
}
body.page-top .pg_amedas10min_table__kazeWrapper__2,
body.subpage .pg_amedas10min_table__kazeWrapper__2 {
		display: flex;
		align-items: flex-end;
		justify-content: space-between;
		gap: 5px;
}
@media (max-width: 999px) {
		body.page-top .pg_amedas10min_table__kazeWrapper__2,
		body.subpage .pg_amedas10min_table__kazeWrapper__2 {
				gap: 4px;
				margin-left: auto;
		}
}
body.page-top .pg_amedas10min_table__vectol,
body.subpage .pg_amedas10min_table__vectol {
		padding-bottom: 2px;
}
@media (max-width: 999px) {
		body.page-top .pg_amedas10min_table__vectol,
		body.subpage .pg_amedas10min_table__vectol {
				padding-bottom: 0;
		}
}
body.page-top .pg_amedas10min_table__kaze,
body.subpage .pg_amedas10min_table__kaze {
		font-size: 25px;
}
@media (max-width: 999px) {
		body.page-top .pg_amedas10min_table__kaze,
		body.subpage .pg_amedas10min_table__kaze {
				font-size: 16px;
		}
}
body.page-top .pg_amedas10min_table__ms,
body.subpage .pg_amedas10min_table__ms {
		padding-bottom: 1px;
}
@media (max-width: 999px) {
		body.page-top .pg_amedas10min_table__ms,
		body.subpage .pg_amedas10min_table__ms {
				padding-bottom: 0;
				font-size: 12px;
		}
}
body.page-top .pg_warning_table,
body.subpage .pg_warning_table {
		table-layout: fixed;
		width: 100%;
		line-height: 1.4;
}
@media (max-width: 999px) {
		body.page-top .pg_warning_table,
		body.subpage .pg_warning_table {
				font-size: 14px;
		}
}
body.page-top .pg_warning_table > thead th,
body.subpage .pg_warning_table > thead th {
		font-weight: bold;
}
body.page-top .pg_warning_table > thead th,
body.page-top .pg_warning_table > tbody th,
body.subpage .pg_warning_table > thead th,
body.subpage .pg_warning_table > tbody th {
		background-color: #f7f7f7;
}
body.page-top .pg_warning_table tr > *:nth-child(1),
body.subpage .pg_warning_table tr > *:nth-child(1) {
		width: 110px;
}
@media (max-width: 999px) {
		body.page-top .pg_warning_table tr > *:nth-child(1),
		body.subpage .pg_warning_table tr > *:nth-child(1) {
				width: 80px;
		}
}
body.page-top .pg_warning_table th,
body.subpage .pg_warning_table th {
		text-align: center;
}
body.page-top .pg_warning_table th,
body.page-top .pg_warning_table td,
body.subpage .pg_warning_table th,
body.subpage .pg_warning_table td {
		border: solid 1px #C6D3DD;
		color: #5E5E5E;
		padding: 5px 10px;
}
body.page-top .pg_warning_table tr td.icon img,
body.subpage .pg_warning_table tr td.icon img {
		padding: 1px 3px;
}
body.page-top .pg_warning_table tr td.icon div,
body.subpage .pg_warning_table tr td.icon div {
		list-style-type: none;
		float: left;
		clear: both;
}
body.page-top .pg_warning_table tr td.icon div span,
body.subpage .pg_warning_table tr td.icon div span {
		width: 70px;
		display: block;
		float: left;
		text-align: center;
		padding: 2px 0px;
		margin: 2px 3px;
		font-weight: bold;
		font-size: 13px;
}
body.page-top .pg_warning_levelList,
body.subpage .pg_warning_levelList {
		display: flex;
		gap: 10px;
}
body.page-top .pg_warning_level,
body.subpage .pg_warning_level {
		display: block;
		padding: 5px 10px;
		line-height: 1;
		font-size: 14px;
}
body.page-top .pg_warning_level.pg_warning_level-3,
body.page-top .level3,
body.subpage .pg_warning_level.pg_warning_level-3,
body.subpage .level3 {
		background-color: #0c000c;
		color: #ffffff;
}
body.page-top .pg_warning_level.pg_warning_level-2,
body.page-top .level2,
body.subpage .pg_warning_level.pg_warning_level-2,
body.subpage .level2 {
		background-color: #ff0a0a;
		color: #ffffff;
}
body.page-top .pg_warning_level.pg_warning_level-1,
body.page-top .level1,
body.subpage .pg_warning_level.pg_warning_level-1,
body.subpage .level1 {
		background-color: #fcfa09;
		color: #555555;
}
body.page-top #jpeg,
body.subpage #jpeg {
		width: 100%;
		display: block;
		max-width: 100%;
		margin-bottom: 1em;
}
body.page-top #controlBox,
body.subpage #controlBox {
		margin: 1em 0;
		display: flex;
		justify-content: center;
		gap: 10px;
		width: 100%;
		flex-wrap: wrap;
}
body.page-top .pg_weather_btn,
body.subpage .pg_weather_btn {
		width: 100px;
		background-color: #aaaaaa;
		border-radius: 3px;
		color: #ffffff !important;
		display: inline-block;
		font-size: 18px;
		font-weight: bold;
		text-align: center;
		text-decoration: none;
		padding: 6px 0;
		cursor: pointer;
		box-shadow: 0 6px 0 #7c7c7c, 0 12px 0 rgba(0, 0, 0, 0.2);
		transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, transform 0.3s;
}
body.page-top .pg_weather_btn:hover,
body.subpage .pg_weather_btn:hover {
		opacity: 0.8;
		box-shadow: 0 3px 0 #7c7c7c, 0 6px 0px rgba(0, 0, 0, 0.2);
		transform: translateY(3px);
}
body.page-top .play-button a:active,
body.subpage .play-button a:active {
		color: #ddd;
		box-shadow: 0 0 0 #7c7c7c, 0 0 0px rgba(0, 0, 0, 0.2);
		-webkit-transform: translateY(6px);
		transform: translateY(6px);
		transition-duration: 0.1s;
}
body.page-top .navigation-button > ul,
body.subpage .navigation-button > ul {
		margin-top: 10px;
		display: flex;
		gap: 5px;
		flex-wrap: wrap;
}
body.page-top .icon-m,
body.subpage .icon-m {
		cursor: pointer;
		display: inline-block;
		width: 25px;
		height: 25px;
		border-radius: 50%;
		background-color: #111111;
}
body.page-top .icon-m.active,
body.subpage .icon-m.active {
		background-color: #add700;
}
body.page-top .navigation-button a,
body.subpage .navigation-button a {
		display: inline-block;
}
body.page-top .navigation-button,
body.subpage .navigation-button {
		display: flex;
		gap: 10px;
}