/*---------------------------------------------------------------------------

 全国の天気／地点天気（大画面のみ）

---------------------------------------------------------------------------*/
.base_map img{
	margin:0 auto;
}

/* マーク */
.tab_content p.tkmark_s,
.tab_content p.tkmark_m,
.tab_content p.tkmark_l{
	position: absolute;
	border: solid 1px var(--primary-color);
	border-radius: 4px;
	background: #fff;
	line-height: 0;
	text-align: center;
/*	box-shadow: 0 0 3px #a4a4a4;*/
	padding: 0px 0px;
}

.tab_content p.tkmark_s{ width: 9%; height: 13%;}
.tab_content p.tkmark_m{ width: 9%; height: 19%;}
.tab_content p.tkmark_l{ width: 7%; height: 19%;}

/* 戻る */
.tab_content a.nextback{
	display: block;
	position: absolute;
	top: 10px;
	left: 20px;
	width: 10em;
	text-align: center;
	background: #fff;
	color: var(--primary-color);
	border-radius: 5px;
	text-decoration: none; 
	font-size: 1.2rem;
	margin: 10px 10px 0px auto;
	padding: 15px 15px;
}

/* 全国の天気 */
.tab_content p.zenkoku_14163{ top: 5%; left: 51%;} /* 札幌 */
.tab_content p.zenkoku_19432{ top: 17%; left: 77%;} /* 釧路 */
.tab_content p.zenkoku_34392{ top: 36%; left: 67%;} /* 仙台 */
.tab_content p.zenkoku_44132{ top: 56%; left: 63%;} /* 東京 */
.tab_content p.zenkoku_44301{ top: 68%; left: 83%;} /* 小笠原 */
.tab_content p.zenkoku_54232{ top: 32%; left: 49%;} /* 新潟 */
.tab_content p.zenkoku_56227{ top: 37%; left: 39%;} /* 金沢 */
.tab_content p.zenkoku_51106{ top: 70%; left: 50%;} /* 名古屋 */
.tab_content p.zenkoku_62078{ top: 75%; left: 40%;} /* 大阪 */
.tab_content p.zenkoku_67437{ top: 50%; left: 28%;} /* 広島 */
.tab_content p.zenkoku_74182{ top: 80%; left: 29%;} /* 高知 */
.tab_content p.zenkoku_82182{ top: 57%; left: 13%;} /* 福岡 */
.tab_content p.zenkoku_88317{ top: 80%; left: 10%;} /* 鹿児島 */
.tab_content p.zenkoku_91197{ top: 13%; left: 15%;}  /* 那覇 */

/* 北海道地方の天気 */
.tab_content p.area100100_11016{ top: 5%; left: 32%;} /* 稚内 */
.tab_content p.area100100_12442{ top: 34%; left: 42%;} /* 旭川 */
.tab_content p.area100100_17341{ top: 26%; left: 58%;} /* 網走 */
.tab_content p.area100100_19432{ top: 55%; left: 70%;} /* 釧路 */
.tab_content p.area100100_20432{ top: 58%; left: 55%;} /* 帯広 */
.tab_content p.area100100_21323{ top: 65%; left: 36%;} /* 室蘭 */
.tab_content p.area100100_14163{ top: 44%; left: 26%;} /* 札幌 */
.tab_content p.area100100_23232{ top: 70%; left: 24%;} /* 函館 */

/* 東北地方の天気 */
.tab_content p.area100200_31312{ top: 5%; left: 50%;} /* 青森 */
.tab_content p.area100200_33431{ top: 35%; left: 58%;} /* 盛岡 */
.tab_content p.area100200_34392{ top: 60%; left: 55%;} /* 仙台 */
.tab_content p.area100200_32402{ top: 32%; left: 43%;} /* 秋田 */
.tab_content p.area100200_35426{ top: 56%; left: 40%;} /* 山形 */
.tab_content p.area100200_36127{ top: 79%; left: 44%;} /* 福島 */

/* 関東・甲信地方の天気 */
.tab_content p.area100300_40201{ top: 34%; left: 76%;} /* 水戸 */
.tab_content p.area100300_41277{ top: 18%; left: 62%;} /* 宇都宮 */
.tab_content p.area100300_42251{ top: 24%; left: 42%;} /* 前橋 */
.tab_content p.area100300_43241{ top: 44%; left: 48%;} /* さいたま */
.tab_content p.area100300_45212{ top: 64%; left: 74%;} /* 千葉 */
.tab_content p.area100300_44132{ top: 60%; left: 58%;} /* 東京 */
.tab_content p.area100300_46106{ top: 74%; left: 48%;} /* 横浜 */
.tab_content p.area100300_49142{ top: 60%; left: 34%;} /* 甲府 */
.tab_content p.area100300_48156{ top: 38%; left: 20%;} /* 長野 */

/* 関東・甲信地方の天気 */
.tab_content p.area100400_54232{ top: 16%; left: 60%;} /* 新潟 */
.tab_content p.area100400_55102{ top: 28%; left: 40%;} /* 富山 */
.tab_content p.area100400_56227{ top: 30%; left: 28%;} /* 金沢 */
.tab_content p.area100400_57066{ top: 48%; left: 22%;} /* 福井 */
.tab_content p.area100400_52586{ top: 48%; left: 38%;} /* 岐阜 */
.tab_content p.area100400_50331{ top: 70%; left: 54%;} /* 静岡 */
.tab_content p.area100400_51106{ top: 68%; left: 38%;} /* 名古屋 */
.tab_content p.area100400_53133{ top: 70%; left: 24%;} /* 津 */

/* 近畿地方の天気 */
.tab_content p.area100500_60216{ top: 20%; left: 64%;} /* 大津 */
.tab_content p.area100500_61286{ top: 16%; left: 50%;} /* 京都 */
.tab_content p.area100500_62078{ top: 42%; left: 48%;} /* 大阪 */
.tab_content p.area100500_63518{ top: 27%; left: 32%;} /* 神戸 */
.tab_content p.area100500_64036{ top: 54%; left: 61%;} /* 奈良 */
.tab_content p.area100500_65042{ top: 70%; left: 44%;} /* 和歌山 */

/* 中国地方の天気 */
.tab_content p.area100600_69122{ top: 20%; left: 68%;} /* 鳥取 */
.tab_content p.area100600_68132{ top: 34%; left: 38%;} /* 松江 */
.tab_content p.area100600_66408{ top: 44%; left: 70%;} /* 岡山 */
.tab_content p.area100600_67437{ top: 55%; left: 50%;} /* 広島 */
.tab_content p.area100600_81286{ top: 66%; left: 18%;} /* 山口 */

/* 四国地方の天気 */
.tab_content p.area100700_71106{ top: 29%; left: 70%;} /* 徳島 */
.tab_content p.area100700_72086{ top: 14%; left: 60%;} /* 高松 */
.tab_content p.area100700_73166{ top: 36%; left: 27%;} /* 松山 */
.tab_content p.area100700_74182{ top: 48%; left: 46%;} /* 高知 */

/* 九州地方の天気 */
.tab_content p.area100800_82182{ top: 8%; left: 50%;} /* 福岡 */
.tab_content p.area100800_85142{ top: 14%; left: 38%;} /* 佐賀 */
.tab_content p.area100800_84496{ top: 32%; left: 28%;} /* 長崎 */
.tab_content p.area100800_86141{ top: 40%; left: 52%;} /* 熊本 */
.tab_content p.area100800_83216{ top: 20%; left: 66%;} /* 大分 */
.tab_content p.area100800_87376{ top: 50%; left: 64%;} /* 宮崎 */
.tab_content p.area100800_88317{ top: 68%; left: 42%;} /* 鹿児島 */

/* 沖縄地方の天気 */
.tab_content p.area100900_91197{ top: 20%; left: 58%;} /* 那覇 */
.tab_content p.area100900_92011{ top: 78%; left: 80%;} /* 南大東 */
.tab_content p.area100900_93041{ top: 44%; left: 32%;} /* 宮古島 */
.tab_content p.area100900_94081{ top: 52%; left: 16%;} /* 石垣島 */

.tab_content p.area_name{
	position: absolute;
	top: 2%;
	left: 2%;
	font-size: 150%;
}


.tab_content p > span.point{
	display: inline-block;
	width: 100%;
/*	font-size: 0.9rem;*/
	line-height: 1;
	border: solid 1px var(--primary-color);
	border-radius: 4px 4px 0px 0px;	/* 角を丸くする指定。左上、右上、右下、左下への順番。*/
	background: var(--primary-color);
	color: #fff;
/*	font-weight: bold;*/
	padding: 6% 0% 4% 0%;
}

.tab_content p > span.tkmk{
	display: inline-block;
	width: 95%;
	margin: 0px auto 3px auto;
}

.tab_content p > span.tpmax{
	display: inline-block;
/*	width: 45%;*/
	line-height: 1;
	color: #cc0000;
	font-weight: bold;
	margin: 0% 0.2em 0% 0.2em;/*ごめんなさい,0.5→0.2にして試しましたismz*/
}
.tab_content p > span.tpmin{
	display: inline-block;
/*	width: 45%;*/
	line-height: 1;
	color: #227fdf;
	font-weight: bold;
	margin: 0% 0.2em 0% 0.2em;/*ごめんなさい,0.5→0.2にして試しましたismz*/
}

.tab_content p > span.rain{
	display: inline-block;
	width: 100%;
	line-height: 1;
	color: #2f2b27;
	font-weight: bold;
	margin: 4% 0% 0% 0%;
}

	/*---------------------------------------------------
	 画面幅900px以下（タブレット縦・スマートフォン）
	---------------------------------------------------*/
	@media screen and (max-width:900px){
	.tab_content p > span.point{
		font-size: 0.7rem;
		padding: 4% 0%;
	}

	.tab_content p > span.tpmax,
	.tab_content p > span.tpmin,
	.tab_content p > span.rain{
		font-size: 0.6rem;
	}

/* バックボタン */
.bak_button {
	position: absolute;
	top: 7%;
	left: 1.7%;
	text-align: center;
	line-height: 1;
	background: #fff;
	border-radius: 4px;
	border: solid 1px #a4a4a4;
	padding: 7px 5px 6px 5px;
}

.bak_zenkoku{ width: 5em;}
.bak_tiho{ width: 7em;}

.bak_button a {
	position: relative;
	display: flex;
	max-width: 280px;
	color: #313131;
	background: #eee;
	align-items: center;
	border-radius: 3px;
	justify-content: space-around;
	transition: 0.3s ease-in-out;
	margin: 0 auto;
	padding: 10px 0px;
}

.bak_button:hover {
	background: #eee;
}

.bak_button:before {
	position: absolute;
	display: inline-block;
	width: 6px;
	height: 6px;
	top: 35%;
	left: 5px;
	content: '';
	border-radius: 1px;
	border-left: 3px solid #000;
	border-bottom: 3px solid #000;
	transition: 0.3s ease-in-out;
	transform: rotate(45deg);
	margin: 0 10px;
}


/*---------------------------------------------------------------------------
 ポイント天気
---------------------------------------------------------------------------*/
.point_area{
/*	width: 100%;
	text-align: center;
	border-radius: 10px;
	border: 3px solid #2f2b27;
	background: #fff;
	padding: 10px 0px 10px 0px;
*/
}

/*.point_area p.point1{
	font-size: 110%;
}

.point_area p.point2{
	width: 90%;
	font-size: 200%;
	border-bottom: 4px solid #2f2b27;
	margin: 0px auto;
	padding: 0px 0px 6px 0px;
}

*/
.point_forecast_area{
/*	display: flex;*/
	align-items: center;
	justify-content: center;
}

/* 天気マーク */
.point_forecast_area img{
	width: 110px;
	height: 83px;
	margin: 0px auto;
}

/* 気温 */
.point_forecast_area .data_box{
	display: inline-block;
	margin: 10px 10px 0px 10px;
}

.point_forecast_area .data_box p.sumarry {
	font-size: 120%;
	font-weight: bold;
}
.point_forecast_area .data_box p.sumarry span.before {
	display: block;
	font-size: 80%;
	font-weight: normal;
	color: #000;
}

.point_forecast_area .data_box .temp{
	font-size: 250%;
	font-weight: bold;
}

.point_forecast_area .data_box .temp span.unit {
	font-size: 50%;
	font-weight: normal;
	margin-left: 5px;
}

.point_forecast_area .data_box .tempdiff {
	font-size: 110%;
}

}


/*---------------------------------------------------------------------------

 各地の天気

---------------------------------------------------------------------------*/
/*.point_weather{
	margin: 20px auto 40px auto;*/
}

.point_weather p.point_name{
	width: calc(100% - 2em);
	border-radius: 5px;
	border: 1px solid #fff;
	background-color: #fff;
	font-size: 180%;
	margin-top: 1em;
	padding: 0.8em 1em;
}
*/

/*----------------------------------------------------------
 警報・注意報
------------------------------------------------------------ */




/*----------------------------------------------------------
 週間天気
------------------------------------------------------------ */
table.weather_week{
	width: 95%;
	text-align:center;
}

table.weather_week th{
	width: 110px;
}

table.weather_week td{
	width: calc(100%  - 110px/ 7);
}

table.weather_week td.day {
	background-color: #ebebeb;
}

table.weather_week td.day p.date{
	display: inline-block;
}

table.weather_week td.day p.youbi{
	display: inline-block;
	font-size: 80%;
	margin-left: 0.3em;
}

table.weather_week img{
	width: 70px;
	height: 53px;
}

table.weather_week p.icon_telop{
	font-size: 70%;
}

table.weather_week p.w_rain  {}


/*----------------------------------------------------------
 3時間天気・10日間天気
------------------------------------------------------------ */
table.weather_h3_point,
table.weather_10d_point,
table.weather_week_all{
	width: 100%;
	text-align:center;
	margin: 20px auto 50px auto;
}

table.weather_h3_point th,
table.weather_10d_point th{
	width: 110px;
	font-size: 90%;
	background-color: var(--base-color);
}

/* 単位 */
table.weather_h3_point th span,
table.weather_10d_point th span{
	font-size: 85%;
}

table.weather_h3_point td,
table.weather_10d_point td{
	width: calc((100% - 110px) / 10);
	padding: 0.8em 0;
}

table.weather_h3_point td.day{
	padding: 0.4em 0;
}

table.weather_h3_point td.time,
table.weather_10d_point td.day{
	background-color: var(--base-color);
	padding: 0.4em 0;
}

/* 天気マーク */
table.weather_h3_point td.ticon > img,
table.weather_10d_point td.ticon > img{
	width: 60px;
	height: 45px;
}

/* 風向マーク */
table.weather_h3_point td.wicon > img,
table.weather_10d_point td.wicon > img{
	width: 20px;
	height: 20px;
}

/* テロップ */
table.weather_h3_point p.icon_telop,
table.weather_10d_point p.icon_telop{
	font-size: 80%;
}

/* 生活情報アイコン */
table.weather_h3_point td.icon_life > img,
table.weather_10d_point td.icon_life > img{
	width: 60px;
	height: 60px;
}

/* 生活情報テロップ色 */
table p.wbgt_lv1,
table p.uv_lv1,
table p.umb_lv1{
	text-shadow: 0 5px 8px rgba(0, 132, 237, 0.8); /* 水色 */
}

table p.wbgt_lv2,
table p.uv_lv2,
table p.umb_lv2{
	text-shadow: 0 5px 8px rgba(249, 187, 30, 1); /* 黄色 */
}

table p.wbgt_lv3,
table p.uv_lv3{
	text-shadow: 0 5px 8px rgba(247, 119, 33, 1); /* 橙色 */
}

/*----------------------------------------------------------
 週間天気（全国）
------------------------------------------------------------ */

table.weather_week_all th,
table.weather_week_all td.day{
	width: calc(100% / 8);
	background-color: var(--base-color);
}

/*table.weather_week_all th{
	width: 140px;
}

table.weather_week_all td{
	width: calc((100% - 140px) / 7);
}

*/
table.weather_week_all th span{
	display: block;
	font-weight: normal;
	font-size: 90%;
}

table.weather_week_all td.ticon img{
	display: block;
	width: 70px;
	height: 53px;
	margin: 0 auto;
}

table.weather_week_all td p.temp{
	display: inline-block;
	line-height: 1.8;
}

table.weather_week_all td span.bar{
	margin: 0em 0.3em;;
}

table.weather_week_all td p.rain{
	line-height: 1.5;
}




/*----------------------------------------------------------
 レーダー
------------------------------------------------------------ */
.radar_area p.title_date{
	width: 100%;
	font-size:140%;
	line-height: 1;
	color: #fff;
	background-color: #2f2b27;
	margin: 20px auto 10px auto;
	padding: 0.5em 0px 0.5em 0em;
}

/*----------------------------------------------------------
 ライブカメラ
------------------------------------------------------------ */
.livecamera_area p.title_date{
	width: 100%;
	font-size:140%;
	line-height: 1;
	color: #fff;
	background-color: #2f2b27;
	margin: 20px auto 10px auto;
	padding: 0.5em 0px 0.5em 0em;
}

/*----------------------------------------------------------
 マークの詳しい説明
------------------------------------------------------------ */
/* 天気マーク */
table.ex_weathere{
	width: 80%;
	text-align:center;
	font-size: 95%;
	margin-left: auto;
	margin-right: auto;
}

table.ex_weathere td.mark{
	width: 15%;
}

table.ex_weathere td.name{
	width: 20%;
}

table.ex_weathere td.ex{
	width: calc(65% - 2em);
	text-align:left;
	padding: 1em;

}

table.ex_weathere td.mark > img{
	width: 90px;
	height: 68px;
}

/* 生活情報 */
table.ex_life{
	width: 80%;
	text-align:center;
	font-size: 95%;
	margin-left: auto;
	margin-right: auto;
}

table.ex_life td.title{
	font-size: 110%;
	background: var(--back-color);
	text-align:left;
	text-indent: 1em;
	padding: 0.8em 0em 0.7em 0em;
}

table.ex_life td.subtitle{
	background: var(--back-color);
}

table.ex_life td.mark{
	width: 15%;
}

table.ex_life td.name{
	width: 20%;
}

table.ex_life td.ex{
	width: calc(65% - 2em);
	text-align:left;
	padding: 1em;

}

table.ex_life td.mark > img{
	width: 64px;
	height: 64px;
}