@charset "UTF-8";

/*----------------■天気予報----------------*/
#head_nv_main04{background:#fff;}
#head_nv_main04 a{color:#005AAA;}

#weather_tab01,#weather_tab02,#weather_tab03,#weather_tab04{
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}

#weather_profile_mi{font-size:25px;font-weight:500;}

.weather_block{box-shadow:5px 5px 0px #96897B66;border-radius:20px;margin-bottom:40px;background:#fff;}
.weather_block img{border-radius:0 0 20px 20px;width:100%;}
.weather_mi01{color:#fff;font-size:18px;font-weight:500;background:#005AAA;padding:20px 5%;border-radius:20px 20px 0 0;}
#weather_emergency .weather_mi01{background:#d00;}
.weather_mi02{font-weight:500;margin-bottom:10px;}
.weather_mi01 i{font-size:35px;vertical-align:middle;}
.weather_mi01 span{font-size:13px;}

#weather_tab01,#weather_tab02,#weather_tab03,#weather_tab04{background:#83C8ED;}
#weather_tab01 li,#weather_tab02 li,#weather_tab03 li,#weather_tab04 li{padding:15px 0;background:#83C8ED;cursor:pointer;color:#fff;font-size:15px;font-weight:500;text-align:center;border-top:1px solid #fff;}
#weather_content01_02,#weather_content01_03,#weather_content02_02,#weather_content03_02,#weather_content04_02,#weather_content04_03,#weather_content04_04,#weather_content04_05,#weather_content04_06{display:none;}
#weather_tab01 li.weather_tab_on,#weather_tab02 li.weather_tab_on,#weather_tab03 li.weather_tab_on,#weather_tab04 li.weather_tab_on{background:#005AAA;}

#weather_tab01 li,#weather_tab04 li{width:33.1%;}
#weather_tab02 li,#weather_tab03 li{width:49.8%;}
#weather_tab01_02{border-left:1px solid #fff;border-right:1px solid #fff;}
#weather_tab02_02,#weather_tab03_02,#weather_tab04_02,#weather_tab04_03,#weather_tab04_04,#weather_tab04_05,#weather_tab04_06{border-left:1px solid #fff;}

.weather_block_text{padding:20px 5%;word-break: break-all;}
.weather_block_news{padding:20px 5% 0 8%;}
.weather_block_news li{padding:0 0 20px 0;list-style:disc;}
.weather_block_text a,.weather_block_news li a{text-decoration:none;color:#039;}
.weather_block_text a:hover,.weather_block_news li a:hover{text-decoration:none;color:#f00;}

.weather_block_sns{padding:0 5% 20px;}
.weather_block_sns li{float:left;}
#weather_social_btn_fb{margin-right:5%;}

.weather_pr{margin:0 auto 40px;width:90%;max-width:1200px;}
.weather_pr li{margin-top:20px;}

.weather_menu_mi{font-size:18px;font-weight:500;text-align:center;margin:0 0 10px 0;}
.weather_menu li{margin-top:40px;background:#fff;box-shadow:5px 5px 0px #96897B66;}
.weather_menu img,#weather_profile_ul img{width:100%;}
.weather_menu a{display:block;}
.weather_menu_text{padding:10px 5% 20px;}

#weather_profile_ul li{margin-top:30px;}
.weather_profile_name{font-size:25px;font-weight:500;margin:20px 0;text-align:center;}
.weather_profile_mi2{font-size:18px;margin:20px 0 10px;font-weight:500;color:#005AAA;}

/*----------------■中大画面 天気予報----------------*/
@media screen and (min-width: 767px) {

.weather_menu,#weather_profile_ul{
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}

.weather_left{float:left;width:48%;}
.weather_right{float:right;width:48%;}

.weather_pr_left{float:left;width:47.5%;}
.weather_pr_right{float:right;width:47.5%;}

.weather_menu li,#weather_profile_ul li{width:30%;}
#weather_menu02,#weather_profile02{margin-left:5%;margin-right:5%;}

#weather_profile02.weather_profile_even,#weather_profile04.weather_profile_even,#weather_profile01.weather_profile_even,#weather_profile03.weather_profile_even{margin-left:13.3%;}


}

/*----------------■大画面 天気予報----------------*/
@media screen and (min-width: 1025px) {


}

/*----------------■小中画面 天気予報----------------*/
@media screen and (max-width: 1024px){


}

/*----------------■中画面 天気予報----------------*/
@media screen and (min-width: 767px) and (max-width: 1024px){



}

/*----------------■小画面 天気予報----------------*/
@media screen and (max-width: 766px) {

#weather_tab01 li,#weather_tab02 li{font-size:14px;}

}