@charset "utf-8";

article hr {
	border-bottom: 1px dashed #7a7;
	margin-top: 25px;
	margin-bottom: 25px;
}

#output {
	font-family: "游ゴシック", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}

#output img {
	vertical-align: middle;
}

/* table 関係 開発環境の CSS 初期化 */

article table {
	background-color: initial;
	border-spacing: initial;
	padding: initial;
	border: initial;
}

article td {
	border: initial;
}

article td, article th {
	padding: initial;
	text-align: initial;
}

article td, article th {
	color: initial;
	font-size: initial;
	line-height: initial;
}

/* HTML版天気予報 */

#weather {
	margin-left: auto;
	margin-right: auto;
}


#weather .title {
	font-size: 82%;
	line-height: 135%;
	font-weight: bold;
	text-align: center;
	margin-top: 15px;
	margin-bottom: 5px;
}

#weather .copyright {
	font-size: 78%;
	line-height: 135%;
	text-align: right;
	margin-top: 5px;
	margin-bottom: 15px;
}

#weather table {
	width: 100%;
	table-layout: fixed;
	border-spacing: 0px;
	box-sizing: border-box;
	padding-top: 7px;
	padding-bottom: 7px;
	margin-top: 5px;
	margin-bottom: 5px;
	background-color: rgba(255,255,255,0.65);
	border-radius: 3px;
	box-shadow: 0px 0px 3px rgb(0,0,0,0.20);
}

#weather tr {
	width: 100%;
}

#weather td, #weather th {
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	border: 0px;
}

#weather .heading td {
	padding-top: 7px;
	background-color: #eee;
	border: 1px solid #d0d0d0;
}

#weather td {
	font-size: 82%;
	line-height: 135%;
	text-align: center;
}

#weather span {
	display: inline-block;
}

#weather .daily {
	width: 100%;
	height: auto;
}

#weather .day {
	width: 17%;
}

#weather .icon {
	width: 17%;
}

#weather .icon img {
	width: 36px;
	height: 36px;
}

#weather .description {
	width: 100%;
}

#weather .mini_temp {
	/*width: 100%;*/
}

#weather .winds {
	width: 26%;
}

#weather .pops {
	width: 20%;
}

#weather .temp {
	width: 20%;
}

#weather .reliability {
	width: 20%;
}

#weather .temp .max span,
#weather .temp .min span {
	margin-left: 5px;
}

#weather .dow0 .day,
#weather .temp .max,
#weather .mini_temp .max {
	color: #f00;
}

#weather .dow6 .day,
#weather .temp .min,
#weather .mini_temp .min {
	color: #00f;
}

#weather .temp small,
#weather .mini_temp small {
	margin-left: 5px;
}

/* 表示タイプによって表示・非表示の切り替えを行う */

/* full */

#weather .full .icon .mini_temp,
#weather .full .temp small {
	display: none;
}

/* roughly */

#weather .roughly .icon .mini_temp,
#weather .roughly .reliability,
#weather .roughly .temp small {
	display: none;
}

/* small */

#weather .small .heading,
#weather .small .icon .mini_temp,
#weather .small .reliability,
#weather .small .pops,
#weather .small .temp .max span,
#weather .small .temp .min span {
	display: none;
}

/* minimum */

#weather .minimum .heading,
#weather .minimum .icon .description,
#weather .minimum .reliability,
#weather .minimum .pops,
#weather .minimum .temp {
	display: none;
}

#weather .minimum .day {
	text-align: left;
	width: 30%;
	padding-left: 5%;
}

#weather .minimum .icon {
	text-align: right;
	width: 60%;
	padding-right: 5%;
}

#weather .minimum .icon img {
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 5px;
	vertical-align: middle;
}

#weather .minimum .mini_temp span {
	/*padding-top: 0px;*/
}

#weather .copyright {
	text-align: center;
}

/*
#output img {
	vertical-align: middle;
	width: 1.35em;
	height: 1.35em;
}*/