/*----------------------------------------------
	健康生活予報（PC版）
-----------------------------------------------*/
/* 上部の健康天気予報メニュー */

/*広告掲載のため追記　202302*/
#yoho_section { 
	display:flex;
	clear:both;
}
.yoho_section_flex{
	display:flex;
	clear:both;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

/*-*/

#yoho_menu li {
	list-style: none;
	float: left;
	line-height: 250%;
	margin: 0px 1px 20px 0px;
}


/* 都道府県・項目名 */
#yoho_title {
	font-size: 22px;
	font-weight: bold;
	color: #725F49;
	letter-spacing: 5px;
	margin: 5px 10px 20px 30px;
	clear: both;
}

#yoho_title img {
	vertical-align:middle;
	margin-left: 20px;
}


/* 表 */
#yoho_tbl {
	width: 550px;
	margin-bottom: 50px;
	text-align: right;
	letter-spacing: 1px;
}

#yoho_tbl table {
	background-color: #cccccc;
	text-align: center;
	width: 100%;
}

#yoho_tbl table td {
	padding: 5px;
}

#yoho_tbl img	{
	margin: 3px 0;
	margin-right: 5px;
}

.t_gray {
	background-color: #EEEEEE;
	width: 50%;
}

.t_befor {
	color: #999900;
	background-color: #F3F7F8;
	width: 25%;
}

.t_after {
	color: #333399;
	background-color: #F3F7F8;
	width: 25%;
}

.t_w {
	background-color: #FFFFFF;
}

.f_br {
	color: #725F49;
	font-weight: bold;
	letter-spacing: 5px;
}

.tmp_max {
	font-size:13pt;
	color: #FF6600;
	font-weight: bold;
}

.tmp_min {
	font-size:13pt;
	color: #34AACD;
	font-weight: bold;
}

.tfc01 {
	background-color: #DDFFFF;			/*背景色　青*/
}

.tfc02 {
	background-color: #FFFFCC;			/*背景色　黄*/
}

.tfc03 {
	background-color: #FFD680;			/*背景色　オレンジ*/
}

.tfc04 {
	background-color: #FFBC86;			/*背景色　オレンジ濃*/
}

.tfc05 {
	background-color: #FFB099;			/*背景色　赤*/
}

.tfc01k {
	background-color: #DDFFFF;			/*花粉用背景色　青*/
}

.tfc02k {
	background-color: #F5FFD7;			/*花粉用背景色　緑*/
}

.tfc03k {
	background-color: #FFFFCC;			/*花粉用背景色　黄*/
}

.tfc04k {
	background-color: #FFD680;			/*花粉用背景色　オレンジ*/
}

.tfc05k {
	background-color: #FFBC86;			/*花粉用背景色　オレンジ濃*/
}

.tfc06k {
	background-color: #FFB099;			/*花粉用背景色　赤*/
}

.tfc01w {
	background-color: #FFEDD2;			/*洗濯用背景色　オレンジ*/
}

.tfc02w {
	background-color: #FFFFCC;			/*洗濯用背景色　黄*/
}

.tfc03w {
	background-color: #F5FFD7;			/*洗濯用背景色　緑*/
}

.tfc04w {
	background-color: #DDFFFF;			/*洗濯用背景色　青*/
}

.fc01 {
	color: #34AACD;									/*文字色　青*/
	font-weight: bold;
	margin: 5px;
}

.fc02 {
	color: #FF9933;									/*文字色　黄*/
	font-weight: bold;
	margin: 5px;
}

.fc03 {
	color: #FF6633;									/*文字色　オレンジ*/
	font-weight: bold;
	margin: 5px;
}

.fc04 {
	color: #FF6600;									/*文字色　オレンジ濃*/
	font-weight: bold;
	margin: 5px;
}

.fc05 {
	color: #FF3300;									/*文字色　赤*/
	font-weight: bold;
	margin: 5px;
}

.fc01k {
	color: #34AACD;									/*花粉用文字色　青*/
	font-weight: bold;
	margin: 5px;
}

.fc02k {
	color: #669900;									/*花粉用文字色　緑*/
	font-weight: bold;
	margin: 5px;
}

.fc03k {
	color: #FF9933;									/*花粉用文字色　黄*/
	font-weight: bold;
	margin: 5px;
}

.fc04k {
	color: #FF6633;									/*花粉用文字色　オレンジ*/
	font-weight: bold;
	margin: 5px;
}

.fc05k {
	color: #FF6600;									/*花粉用文字色　オレンジ濃*/
	font-weight: bold;
	margin: 5px;
}

.fc06k {
	color: #FF3300;									/*花粉用文字色　赤*/
	font-weight: bold;
	margin: 5px;
}

.fc01w {
	color: #FF8C00;									/*洗濯用文字色　オレンジ*/
	font-weight: bold;
	margin: 5px;
}
.fc02w {
	color: #FEB301;									/*洗濯用文字色　黄*/
	font-weight: bold;
	margin: 5px;
}
.fc03w {
	color: #669900;									/*洗濯用文字色　緑*/
	font-weight: bold;
	margin: 5px;
}
.fc04w {
	color: #34AACD;									/*洗濯用文字色　青*/
	font-weight: bold;
	margin: 5px;
}

.lfm {
	float: right;
}

.lfm_l{
	float: left;
}

.tm {
	vertical-align:middle;
	margin: 10px;
}


/* 天気予報（fcwt.html）の表 */
#wfc_title {
	font-size: 22px;
	font-weight: bold;
	color: #725F49;
	letter-spacing: 3px;
	margin: 5px 10px 20px 30px;
	clear: both;
}

#seb_con1 {	/* 生物季節観測表示*/
	width: 400px;
	padding-top: 6px;
	padding-bottom: 6px;
	border: 1px solid #cccccc;
	background-color: #ffffcc;
	margin-bottom: 15px;
	margin-top: 5px;
}

#seb_con1 img {
	vertical-align:middle;
	margin: 0 3px 2px 6px;
}

#wfc_tbl1 {
	width: 100%;
	margin-bottom: 20px;
}

#wfc_tbl1_tb {
	background-color: #cccccc;
	text-align: center;
	margin-right: 20px;
	width: 400px;
}

#wfc_tbl1 table img {
	margin: 0 5px;
	vertical-align:middle;
}

#wfc_tbl2 {
	width: 750px;
	margin-bottom: 20px;
	text-align: right;
}

#wfc_tbl2 table {
	background-color: #cccccc;
	text-align: center;
	width: 100%;
}

#wfc_tbl1 td,#wfc_tbl2 td {
	padding: 3px;
}

.wfc_br {
	color: #725F49;
	font-weight: bold;
	letter-spacing: 5px;
	float: left;
}

.t_b {
	background-color: #F3F7F8;
}

.wt_gray {
	background-color: #EEEEEE;
}

.t_grbr {
	background-color: #EEEEEE;
	color: #725F49;
	font-weight: bold;
	letter-spacing: 1px;
}

.f_tmp {
	color: #725F49;
	font-weight: bold;
	font-size: 15px;
}

.tmp_max2 {
	color: #FF3300;
	font-weight: bold;
}

.tmp_min2 {
	color: #3399CC;
	font-weight: bold;
}

.f_rain {
	color: #000099;
	font-weight: bold;
}

.f_war {
	text-align: left;
}

.f_keiho {
	color: #FF3300;
}

.f_chui {
	color: #FF9933;
}

.f_tokukei {
	color: #880099;
}


/* 花粉予報（fc06.html）の表 */
.kfn_con1 {
	width: 720px;
	border: 2px solid #FFD680;
	margin-bottom: 15px;
	margin-top: 40px;
	position: relative;
}

.kfn_con1 h5 {
	color: #663300;
	padding: 5px 6px;
	background-color: #FFCC66;
	margin: 1px 1px 15px 1px ;
	line-height:10pt;
	font-size:11pt;
	letter-spacing:1px;
	font-weight: normal;
}

.kfn_con1 p {
	line-height:10pt;
	margin: 0 20px;

}

.kfn_con1 table {
	margin-bottom: 20px;
	margin-left: 40px;
	width: 450px;
}

.kfn_con1 td {
	padding: 4px 0px;
	background-color: #e0e0e0;
	text-align: center;
}

td .kfn_t1 {
	width: 40%;
}

.kfn_con2 {
	padding: 20px 37px;
	margin: 0 3px 3px 3px;
	background-color: #FFFFCC;
}

.kfn_con2 dt {
	margin-bottom: 4px;
	color: #ffffff;
	letter-spacing: 1px;
	font-weight: bold;
	background-color: #663300;
	padding: 2px 10px;
}

.kfn_con2 dd {
	line-height: 180%;
}

.kfn_con2 div {
	margin-bottom: 20px;
}


/* 凡例ポップアップ */
.popup img.popimg {
	display: block;
	top: -10000px;
	left: -10000px;
	position: absolute;
	z-index: 10;
}

.popup a:hover {
	position: relative;
}

.popup a:hover img.popimg {
	top: -200px;
	left: 200px;
}

.kfnpop .popup a:hover img.popimg {
	top: -260px;
	left: 200px;
}


/* 下部の他の情報リンク群 */
#fc_link {
	width: 400px;
	float: left;
	margin-right: 20px;
	border: 1px solid #cccccc;
	letter-spacing: 1px;
	display:inline;
}

#fc_link ul {
	margin: 12px 12px 12px 10px;
	list-style-type: none;
}

#fc_link li {
	margin: 10px;
}

#fc_link li img {
	vertical-align: middle;
}

#fc_link p {
	padding: 8px;
	background-color: #f0f0f0;
}


/* 広告枠（不要であれば削除） */
#adv1 {
	width: 300px;
	float: left;
	border: 1px solid #CAD9D9;
	letter-spacing: 1px;
	margin-bottom: 20px;
}

#adv1 div {
	margin: 10px 12px 5px 12px;
	text-align: center;
}

#adv1 div p {
	text-align: left;
}

#adv1 #adv_title {
	width: 100px;
	text-align: center;
	color: #8CD2C4;
	margin: 5px 12px 0 12px;
	border: 1px solid #8CD2C4;
}

/* 天気広告枠（不要であれば削除） */
#adv2 {
	width: 750px;
	border: 1px solid #CAD9D9;
	letter-spacing: 1px;
	text-align: left;
	margin: 50px 0 20px 0;
}

#adv2 div {
	margin: 10px 12px 5px 12px;
}

#adv2 #adv_title {
	width: 100px;
	text-align: center;
	color: #8CD2C4;
	margin: 5px 12px 0 12px;
	border: 1px solid #8CD2C4;
	float: right;
	display:inline;
}


/*----------------------------------------------
	スマホ版
-----------------------------------------------*/
@media screen and (max-width: 750px) {

	/* 広告枠のため追記20230311 */
	#yoho_section { 
		display:block;
	}

	/* 上部の健康天気予報メニュー */
	#yoho-sm-menu{
		margin: 4px 0px;
		width: 100%;
	}

	.yoho-sm-menu-enabled{
		padding: 8px 4px;
		margin: 0px 0px 2px 2px;
		width: 227px;
		background-color: #dbf1e5;
		text-align: center;
		color: #19afc2;
		text-decoration: none;
		display: inline-block;
	}

	.yoho-sm-menu-disabled{
		padding: 8px 4px;
		margin: 0px 0px 2px 2px;
		width: 227px;
		background-color: #4bb09e;
		text-align: center;
		color: #ffffff;
		text-decoration: none;
		display: inline-block;
	}

	/* 都道府県・項目名 */
	#yoho_title {
		font-size: 34px;
		margin: 35px 10px 20px 30px;
	}

	#type-title{
		height: 32px;
	}

	/* 表 */
	#yoho_tbl {
		width: 100%;
		margin-bottom: 50px;
		text-align: right;
		letter-spacing: 1px;
	}

	#yoho_tbl table td {
		padding: 12px;
	}

	#yoho_tbl img {
		text-align: center;
		width: 100px;
	}

	.tmp_max {
		font-size: 28px;
	}

	.tmp_min {
		font-size: 28px;
	}

	.lfm_l {
		float: none;
	}

	.tm {
		vertical-align: middle;
		width: 100px;
	}

	/* 凡例ポップアップ （スマホは凡例非表示）*/
	.popup{
		display: none;
	}

	/* 下部の他の情報リンク群 */
	#fc_link {
		width: 100%;
		float: left;
		margin-right: 20px;
		border: 1px solid #cccccc;
		letter-spacing: 1px;
		display: inline;
		margin-bottom:20px;
	}

	/* 天気予報（fcwt.html）の表 */
	#wfc_title {
		font-size: 34px;
		margin: 25px 10px 20px 3px;
	}

	#td-left{
		width: 468px;
	}

	#td-right #radar-img{
		width: 220px;
		height: 220px;
	}

	#seb_con1 {	/* 生物季節観測表示*/
		width: 466px;
	}

	#wfc_tbl1_tb {
		margin-top: 20px;
		margin-right: 10px;
		width: 468px;
	}

	#wfc_tbl2 {
		width: 100%;
	}

	#wfc_tbl2 td {
		padding: 10px 6px;
	}

	#wfc_tbl2 .t_w img{
		vertical-align: middle;
		width: 100px;
	}

	#wfc-data{
		width: 6%;
	}

	.inai_text{
		font-size:20px;
	}
	.t_text{
		width:20px;
	}
	.aame_text{
		width:13px;
	}
	.t_b{
		width:90px;
	}

	/* 地域選択*/
	.only-sm ul.link-list {
		margin-bottom: 25px;
	}

	.link-list:last-child {
		margin-bottom: 0;
	}

	.link-list.col2 {
		display: block;
	}

	.link-list.col2:after {
		content: "";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

	.link-list.col2 li {
		width: 48%;
		float: left;
		margin-right: 3%;
	}

	.link-list.col2 li:last-child {
		border-bottom: 2px dotted #99c8d1;
	}

	.link-list.col2 li:nth-child(even) {
		margin-right: 0;
	}

	.link-list.col2 li.last:nth-last-child(1), .link-list.col2 li.last:nth-last-child(2) {
		border-bottom: none;
	}

	.link-list li {
		line-height: 1.4;
		border-bottom: 2px dotted #99c8d1;
	}

	.link-list li a {
		font-size:25px;
		white-space: nowrap;
		display: block;
		padding: 15px 60px 5px 0px;
		text-decoration: none;
		color: #725f49;
	}

	.link-list li:last-child {
		border-bottom: none;
	}
	.wfc_br {
			text-align: left;
			float: none;
	}

	/* 地域選択の表示･非表示ボタン */
	/*全体*/
	.hidden_box {
			padding: 0;
			margin-bottom:15px;
	}

	/*ボタン装飾*/
	.hidden_box label {
		color:#3399CC;
		text-decoration:underline;
		text-decoration-color:#3399CC;
		cursor :pointer;
	}

	.grad-btn::before {
		content: "その他の地域を見る ▼"
	}

	/*チェックは見えなくする*/
	.hidden_box input {
			display: none;
	}

	/*中身を非表示にしておく*/
	.hidden_box .hidden_show {
		height: 0;
		padding: 0;
		overflow: hidden;
		opacity: 0;
		transition: 0s;
	}

	/*クリックで中身表示*/
	.hidden_box input:checked ~ .hidden_show {
		margin-top:-10px;
		height: auto;
		opacity: 1;
	}

	.hidden_box input:checked ~ .grad-btn::before {
		display:none;
	}

}