html, body {
	
}

a:hover{
	color: #f12b2b !important;
}


.cmn_title01 {
	padding: 10px 16px 10px;
}

.adsense_block.pconly {
	min-height: 105px;
}


.adsense_block.sponly {
	min-height: 110px;
}

.adsense_block {
	text-align: center;
}


.adsense_block_con {
	display: flex;
	align-items: center;
	justify-content: space-around;
}

.ad_infeed {
	text-align: center;
	margin: 10px 0;
}


.topic_path {
	display: block;
	margin: -5px 0px;
}


.single .article_title01 {
	padding: 5px 0;
	margin-bottom: -10px;
}


.social {
	margin: 0 0 0 0;
}


.reload_button {
	margin: -10px 0 -10px 0;
	display: block;
}


.reload_button02 {
	margin: -10px 0 0 0;
	display: block;
}


.contents_des {
	font-size: 15px;
	width: 95%;
	color: #333;
	background-color: #EFEFEF;;
	border: 1px solid #EFEFEF;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 5px;
	margin: 10px auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}


.contents_des strong{
	font-weight: normal;
}


.contents_cau {
    font-size: 12px;
    margin: 0 auto 15px auto;
}


.article_text01 > .inner img {
	max-width: inherit;
}


.article_text01 > .inner table {
	border-top: 0px solid #666;
    font-size: 14px;
}


.article_text01 > .inner th {
	padding: 5px;
	text-align: center;
	border-top: 1px solid #666;
	background-color: #cce0ff;
}


.article_text01 > .inner td {
	padding: 5px 3px;
}


.article_text01 > .inner ul, .article_text01 > .inner ol {
    padding: 0 ;
}


.article_text01 > .inner a.cmn_btn01 {
	margin-bottom: 5px;
}

.article_text01 > .inner h2.info_cap {
	padding: 5px;
	margin: 5px 0;
	background: #f0f0f0;
	position: relative;
}


.info_cap_rain {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
}


.info_cap_rain a {
	background: #1356e7;
	font-size: 16px;
	color: #fff !important;
	padding: 2px 16px;
	border-radius: 3px;
	font-weight: normal;
	text-decoration: none !important;
}

.info_cap_rain a:hover {
	background: #fff;
	color: #1356e7 !important;
	border: 1px solid #1356e7;
	text-decoration: underline !important;
}


.info_cap_rain_arrow{
	position: relative;
	display: inline-block;
	padding: 0 0 0 16px;
	color: #000;
	vertical-align: middle;
	text-decoration: none;
	font-size: 15px;
}
.info_cap_rain_arrow::before,
.info_cap_rain_arrow::after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}


.arrow01::before{
	left: 2px;
	box-sizing: border-box;
	width: 12px;
	height: 12px;
	border: 1px solid #fff;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.arrow01::after{
	left: 5px;
	width: 3px;
	height: 3px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}


.ame_map_list {
	width: 100%;
	text-align: center;
	margin: 0 auto 10px auto;
}


.area_list {
	margin-bottom: 10px;
	margin-left: 0;
	margin-top: -5px;
	margin-right: 0;

}


.area_list::after{
	content: "";
	display: block;
	clear: both;
}

@media screen and (max-width: 667px){
.area_list li{
	border-bottom: 1px dotted #666;
	box-sizing: border-box;
	list-style-type: none;
	}
}


@media screen and (min-width: 668px){
.area_list li{
	width: 25%;
	float: left;
	border-bottom: 0px dotted #666;
	list-style-type: none;
	}
}


@media screen and (min-width: 668px){
.area_list li:nth-child(4n+1){
	clear: both;
	}
}


.area_list li a{
	font-size: 15px;
	color: #333;
	padding: 10px;
	display: block;
	text-decoration: none;
	position: relative;
	box-sizing: border-box;
}


@media screen and (min-width: 668px){
.area_list li a{
	color: #333;
	padding: 10px;
	display: table;
	text-decoration: underline;
	position: relative;
	}
}


@media screen and (max-width: 667px){
.area_list li a:after{
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	border-top: solid 2px #999;
	border-right: solid 2px #999;
	width: 10px;
	height: 10px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	margin-top: -5px;
	margin-right: 5px;

	}
}


.tenki_chihou_2week {
	width: 90%;
	margin: 10px auto;
	border: 1px solid #909090;
	border-radius: 3px;
	background: #f0f0f0;
}

.tenki_chihou_2week a {
	padding: 10px;
	display: block;
}

.tenki_menu_list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-around;
	box-sizing: border-box;
}


.tenki_menu_list li {
	list-style: none;
	flex: 0 0 33.33%;
	margin-bottom: 5px;
}


.tenki_menu_list li a{
	text-align: center;
	padding: 5px;
	margin: 0 10px;
	background: #eee;
	border-radius: 5px;
	display: block;
}


.menu_list04 li {
	width: 20%;
}


.0001_tw_timeline {
    margin: 15px 0;
}

.tenki_menu_box {
	margin: 5px 0 0 0;
}

/*********************
tab
*********************/
.tabs {
	background-color: #fff;
	width: 100%;
	margin: 15px auto 5px auto;
	border: 1px solid #8e8e8e;
	box-sizing: border-box;
}


/*タブのスタイル*/
.tab_item {
	width: calc(100%/2);
	height: 35px;
	border-bottom: 3px solid #1356e7;
	background-color: #d9d9d9;
	line-height: 35px;
	font-size: 18px;
	text-align: center;
	display: block;
	float: left;
	text-align: center;
	font-weight: bold;
	transition: all 0.2s ease;
}

.tab_item:hover {
	opacity: 0.80;
}


/*ラジオボタンを全て消す*/
input[name="tab_item"] {
	display: none;
}


/*タブ切り替えの中身のスタイル*/
.tab_content {
	display: none;
	clear: both;
	overflow: hidden;
}


/*選択されているタブのコンテンツのみを表示*/
#today:checked ~ #today_map,
#tomor:checked ~ #tomor_map,
#design:checked ~ #design_content {
	display: block;
}


/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
	background-color: #1356e7;
	color: #fff;
}


#today_map img,
#tomor_map img  {
	max-width: 100%;
	margin: 0 auto;
	display: block;
}


/*********************
nav
*********************/
.list01 li {
	display: inline-block;
}


#nav-drawer {
	position: relative;
}

/*チェックボックス等は非表示に*/
.nav-unshown {
	display:none;
}

/*アイコンのスペース*/
#nav-open {
	display: inline-block;
	width: 30px;
	height: 22px;
	margin-left: 10px;
	/*vertical-align: middle;*/
}

/*ハンバーガーアイコン*/
#nav-open span, #nav-open span:before, #nav-open span:after {
	position: absolute;
	height: 3px;
	width: 25px;
	border-radius: 3px;
	background: #1356e7;
	display: block;
	content: '';
	cursor: pointer;
	z-index: 9999;
}
#nav-open span:before {
    bottom: -8px;
}
#nav-open span:after {
    bottom: -16px;
}

/*閉じる用の薄黒カバー*/
#nav-close {
    display: none;/*はじめは隠しておく*/
    position: fixed;
    z-index: 99;
    top: 0;/*全体に広がるように*/
    left: 0;
    width: 100%;
    height: 100%;
    background: black;
    opacity: 0;
    transition: .3s ease-in-out;
}

/*中身*/
#nav-content {
	overflow: auto;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 9998;
	width: 90%;/*右側に隙間を作る*/
	max-width: 270px;/*最大幅*/
	height: 100%;
	background: #fff;/*背景色*/
	transition: .3s ease-in-out;/*滑らかに表示*/
	-webkit-transform: translateX(100%);
	transform: translateX(100%);/*左に隠しておく*/
}

/*チェックで表示*/
#nav-input:checked ~ #nav-close {
	display: block;/*カバーを表示*/
	opacity: .5;
}

#nav-input:checked ~ #nav-content {
	-webkit-transform: translateX(0%);
	transform: translateX(0%);/*中身を表示*/
	box-shadow: 6px 0 25px rgba(0,0,0,.15);
}


#nav-input:checked ~ #nav-open span {
	position: absolute;
	-webkit-transform: translateY(-50%) rotate(45deg);
	transform: translateY(-50%) rotate(45deg);
	-webkit-transition: opacity .2s ease-in-out .2s, transform .4s ease-in-out, top .4s ease-in-out;
	transition: opacity .2s ease-in-out .2s, transform .4s ease-in-out, top .4s ease-in-out;
	top: 10px;
}


#nav-input:checked ~ #nav-open span:before {
	display:none ;
	-webkit-transition: opacity .2s ease-in-out .2s, transform .4s ease-in-out, top .4s ease-in-out;
	transition: opacity .2s ease-in-out .2s, transform .4s ease-in-out, top .4s ease-in-out;
}


#nav-input:checked ~ #nav-open span:after {
	-webkit-transform: translateY(-50%) rotate(-90deg);
	transform: translateY(-50%) rotate(-90deg);
	-webkit-transition: opacity .2s ease-in-out .2s, transform .4s ease-in-out, top .4s ease-in-out;
	transition: opacity .2s ease-in-out .2s, transform .4s ease-in-out, top .4s ease-in-out;
	top: 1px
}


#nav-input:checked ~ #wrapper {
	height: 100% !important;
	overflow: hidden !important;
	position:fixed;
}


ul.nav-list {
	margin-top: 55px;
}


ul.nav-list li {
	display: block;
	border-top: 1px dotted #666;
}


ul.nav-list li:last-child {
	border-bottom: 1px dotted #666;
}


ul.nav-list li:first-child a {
	padding: 15px 10px;
	font-size: 14px;
	/* font-weight: bold; */
}


ul.nav-list li a {
	padding: 10px;
	font-size: 13px;
	display: block;
	text-align: left;
	text-decoration: none;
	position: relative;
}


ul.nav-list li a:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 5px;
	border-top: solid 2px #999;
	border-right: solid 2px #999;
	width: 5px;
	height: 5px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	margin-top: -5px;
	margin-right: 5px;
}

/*********************
tenki
*********************/
.tenki_map img {
	width: 400px;
	display: block;
	margin: 10px auto 0 auto;
}


@media only screen and (max-width: 400px) {
     
.tenki_map img{
	display: block;
	margin: 10px auto 0 auto;
	width: 100%;
	}
}


.tenki_reload {
	margin: -10px 0 0 0;
}


.tenki_time {
	margin: 5px 0;
}


table.day {
	display: block;
	overflow-x: auto;
	overflow-y: hidden;
}


.day td {
	width: 50px;
	font-size: 14px;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
}


table.week {
	display: block;
	overflow-x: auto;
	overflow-y: hidden;
}


.week td {
	font-size: 14px;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
}


td.zikan {
	font-size: 12px;
	background: #eee;
}


.h_kion {
	color: #FF0000;
	font-size: 14px;
}


.l_kion {
	color: #3300FF;
	font-size: 14px;
}


.kousui {
	font-size: 14px;
}


td.wtitle {
	font-size: 12px;
	background: #eee;
}


.tanki_denbn {
	font-size: 14px;
	background-color: #f8faff;
	padding: 10px;
	border: 1px solid #666;
	margin: 0 0 5px 0px;
	color: #000;
}


.tanki_denbn02 {
	margin-bottom: -50px;
}

/*********************
300×250
336×280
*********************/
.banner {
	text-align: center;
	margin: 10px auto 20px auto;
}


.banner img {
	width: 336px;
}


@media only screen and (max-width: 336px) {
     
.banner img{
	width: 100%;
	}
}


.banner a:hover {
	opacity: 0.8;
}


.banner02 {
	text-align: center;
	/*min-height: 260px;*/
}


.banner02 img {
	width: 300px;
}


.banner02 a:hover {
	opacity: 0.8;
}


.banner03 {
	text-align: center;
	margin-top: -5px;
}

@media screen and (max-width: 667px){
	.banner03 {
	margin-top: 5px;
	}
}

.banner03 img {
	width: 95%;
	max-width: 550px;
	max-height: 160px;
	object-fit: contain;
}


.banner03 a:hover {
	opacity: 0.8;
}


ul.day_tenki_list {
	width: 90%;
	padding: 0;
	display: block;
	margin: 0 auto;
}

ul.day_tenki_list li {
	width: 50%;
	display: inline-block;
	font-size:15px;
	margin-bottom: 7px;
}


ul.day_tenki_list li:before {
	content: '';
	width: 6px;
	height: 6px;
	display: inline-block;
	border-radius: 100%;
	background: #1356e7;
	position: relative;
	left: -10px;
	top: -3px;
}


/*********************
day_tenki
*********************/
.point_tenki {
	font-size: 8px;
	margin-bottom: 0px;
	overflow-x: auto;
	overflow-y: hidden;
}

.point_tenki img {
	width: 30px !important;
}

.point_tenki_kyou {
	font-size: 14px;
}


.th {
	text-align: center;
	vertical-align: middle;
	font-size: 15px;
}


.day img {
	width: 60px;
}


.week img {
	width: 60px;
}

/*********************
wind_wave
*********************/
.wind_wave_main .day img {
	width: 35px;
}


/*********************
radar
*********************/
.article_text01 > .inner h2.rain_map_list_cap {
	color: #FFF;
	font-size: 16px;
	background: #274b9a;
	text-align: center;
	margin: 0;
	margin-top: 10px;
	padding: 3px;
	position: relative;
}


.radar_map img {
	/* width: 400px; */
	display: block;
	margin: 0 auto 10px auto;
}



@media only screen and (max-width: 400px) {
     
.radar_map img{
	display: block;
	margin: 0 auto;
	width: 100%;
	}
}


.radar_next {
	width: 100%;
	text-align: center;
}


.radar_next li{
	vertical-align: middle;
	display: inline-block;
	margin: 0 3% 0 0;
}


.radar_legend_box {
	width: 98%;
	font-size: 15px;
	background: #EFEFEF;
	padding: 5px;
	margin: 0 auto 10px auto;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}


.radar_legend {
	
}


.radar_legend::after{
	content: "";
	display: block;
	clear: both;
}


.radar_legend li {
	width: 33%;
	float: left;
	list-style-type: none;
}


.radar_legend li:nth-child(3n+1){
	clear: both;
}


.rain_map_list{
	margin-bottom: 20px;
}


.rain_map_list::after{
	content: "";
	display: block;
	clear: both;
}


@media screen and (max-width: 667px){
.rain_map_list li{
	width: 50%;
	float: left;
	border-bottom: 1px dotted #666;
	box-sizing: border-box;
	list-style-type: none;
	}
}


@media screen and (max-width: 667px){
.rain_map_list li:nth-child(2n+1){
	border-right: 1px dotted #666;
	clear: both;
	}
}


@media screen and (min-width: 668px){
.rain_map_list li{
	width: 33%;
	float: left;
	border-bottom: 0px dotted #666;
	list-style-type: none;
	}
}


@media screen and (min-width: 668px){
.rain_map_list li:nth-child(3n+1){
	clear: both;
	}
}


.rain_map_list li a{
	font-size: 15px;
	color: #333;
	padding: 10px;
	display: block;
	text-decoration: none;
	position: relative;
	box-sizing: border-box;
}


@media screen and (min-width: 668px){
.rain_map_list li a{
	color: #333;
	padding: 5px;
	display: table;
	text-decoration: underline;
	position: relative;
	}
}


@media screen and (max-width: 667px){
.rain_map_list li a:after{
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	border-top: solid 2px #999;
	border-right: solid 2px #999;
	width: 10px;
	height: 10px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	margin-top: -5px;
	margin-right: 10px;
	}
}


/*********************
satellite
*********************/
.satellite_img {
	font-size: 16px;
}


.satellite_img img {
	/* width: 500px; */
	display: block;
	margin: -20px auto 10px auto;
}


@media only screen and (max-width: 600px) {
     
.satellite_img img{
	display: block;
	margin: -20px auto 10px auto;
	width: 100%;
	}
}


#obsdate {
	border-left: 5px solid #2d6aec;
	margin: 10px auto 5px 0px;
	padding: 5px 0 5px 5px;
}


/*********************
pasttyphoon
*********************/
.pasttyphoon img {
	/*width: 350px;*/
	max-width: 100% !important;
	display: block;
	margin: 0 auto;
}


.typhoo_link03 {
	margin: 10px;
	font-size: 16px;
}


.typhoo_link03 a {
	padding: 3px;
	display: inline-block;
}


.typhoo_hanrei {
	font-size: 16px;
	width: 100%;
	text-align: center;
	margin: 10px auto ;

}


.typhoo_hanrei01 {
	background-color: #f9f990;
	padding: 3px;
}


.typhoo_hanrei02 {
	background-color: #FF9900;
	padding: 3px;
}


/*********************
ame_map
*********************/
.ame_map {
	margin-top: 10px;

}


/*********************
world_map
*********************/
.world_map img {
	width: 400px;
	display: block;
	margin: -5px auto 0 auto;
}


@media only screen and (max-width: 400px) {
     
.world_map img{
	display: block;
	margin: -5px auto 0 auto;
	width: 100%;
	}
	
}


ul.world_map_list {
	width: 90%;
	padding:0;
	display: block;
	margin: 0 auto;
}


.world_map_list::after{
	content: "";
	display: block;
	clear: both;
}

ul.world_map_list li {
	width: 50%;
	float: right;
	margin-bottom: 7px;
	list-style: none;
}


.world_map_list li:nth-child(2n+1){
	clear: both;
}


ul.world_map_list li:before {
	content: '';
	width: 6px;
	height: 6px;
	display: inline-block;
	border-radius: 100%;
	background: #1356e7;
	position: relative;
	left: -10px;
	top: -3px;
}


.world_tenki {
	margin: 5px 0 0 0;
}

@media only screen and (max-width: 667px) {
.article_text01 > .inner .world_tenki th {
    padding: 5px 1px;
	}
}


@media only screen and (max-width: 667px) {
.world_tenki th {
	font-size: 10px;
	vertical-align: middle;
	}
}


.world td {
	vertical-align: middle;
}

@media only screen and (max-width: 667px) {
.world td.chiten {
	font-size: 12px;
	}
}


.world_tenki td.chiten {
    font-size: 12px;
}


.world td.kion {
	text-align: center;
}

@media only screen and (max-width: 667px) {
.world .h_kion {
	font-size: 12px;
	}
}

@media only screen and (max-width: 667px) {
.world .l_kion {
	font-size: 12px;
	}
}


.world img {
	display: block;
	margin: 0 auto;
}


.world_tenki img{
	width: 95%;
}


/*********************
0001_tenki_2week
*********************/
.table.tenki_2week_main th {
	padding: 8px 0px;
	font-size: 14px;
	text-align: center;
	background-color: #dadada;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	border-bottom: 1px solid #666;
}

table.tenki_2week_main th:nth-child(2) {
	border-left: 0px solid #666;
}

table.tenki_2week_main th:nth-child(3) {
	border-left: 0px solid #666;
}

table.tenki_2week_main th:nth-child(4) {
	border-left: 0px solid #666;
	border-right: 1px solid #666;
}

span.tenki_2week_rel {
    font-weight: normal;
}

span.tenki_2week_hightemp {
	color: #ff0505;
	font-weight: normal;
}

span.tenki_2week_lowtemp {
	color: #0051fd;
	font-weight: normal;
}

table.tenki_2week_main tr:nth-child(2) {
	background: #EFEFEF;
}


table.tenki_2week_main td {
	width: 25%;
	padding: 3px;
	text-align: center;
	vertical-align: middle;
	border-bottom: 1px solid #B5B5B5;
	border-right: 1px solid #B5B5B5;
}


th.tenki_2week_sun {
    background-color: #ff9d9d !important;
}


th.tenki_2week_sut {
    background-color: #9da4ff !important;
}

table.tenki_2week_main td img{
	width: 60px;
}


/*@media only screen and (min-width: 668px) {
.tenki_2week_maincon li:nth-child(n+18) {
	display: none;
	}
}


@media only screen and (max-width: 667px) {
.tenki_2week_maincon li:nth-child(n+22) {
	display: none;
	}
}*/


.tenki_2week_tb_box {
    margin: 13px auto;
    overflow-x: scroll;
}


table.tenki_2week_tb {
    width: 1000px;
}

.tenki_2week_tb_box.tenki_2week_tbw {
    width: 952px !important;
}


table.tenki_2week_tb img {
	width: 80px;
}


table.tenki_2week_tb td {
    text-align: center;
    vertical-align: middle;
}


table.tenki_2week_tb tr td:nth-of-type(1){
	min-width: 70px;
}


table.tenki_2week_tb tr th:nth-of-type(1){
  position: sticky;
  left: 0;
  color: #000;
}


table.tenki_2week_tb tr th:nth-of-type(1):before {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    width: 100%;
    height: 100%;
    border: 1px solid #666;
}


table.tenki_2week_tb tr td:nth-of-type(1){
  position: sticky;
  left: 0;
  color: #000;
}


table.tenki_2week_tb tr td:nth-of-type(1):before {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    width: 100%;
    height: 100%;
    border: 1px solid #666;
}


span.tenki_2week_tenki {
    font-size: 12px;
}

/*********************
0001_tenki_1month
*********************/
table.tenki_1month_main {
	max-width: 100%;
}


table.tenki_1month_main th {
	padding: 5px 2px !important;
	font-size: 12px;
	text-align: center;
	vertical-align: middle;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	border-bottom: 1px solid #666;
}


table.tenki_1month_main th:nth-child(1) {
	min-width: 100px;
}


@media only screen and (max-width: 667px) {
table.tenki_1month_main th:nth-child(1) {
	min-width: 60px;
	}
}

table.tenki_1month_main th:nth-child(2) {
	border-left: 0px solid #666;
}

table.tenki_1month_main th:nth-child(3) {
	border-left: 0px solid #666;
}

table.tenki_1month_main th:nth-child(4) {
	border-left: 0px solid #666;
}

table.tenki_1month_main th:nth-child(5) {
	border-left: 0px solid #666;
	border-right: 1px solid #666;
	min-width: 80px;
}

table.tenki_1month_main td:nth-child(5) {
    color: #fd0707 !important;
}

table.tenki_1month_main td:nth-child(6) {
    color: #0600ff !important;
}

@media only screen and (max-width: 667px) {
table.tenki_1month_main th:nth-child(5) {
	min-width: 50px;
	}
}

@media only screen and (max-width: 667px) {
table.tenki_1month_main th:nth-child(6) {
	min-width: 50px;
	}
}


span.tenki_1month_rel {
    font-weight: normal;
}

span.tenki_1month_hightemp {
	color: #fd0707;
	font-weight: normal;
}

span.tenki_1month_lowtemp {
	color: #0600ff;
	font-weight: normal;
}

span.tenki_temp_ave {
    font-size: 12px;
}

td.temp_h {
	background-color: #ffefdf;
}

td.temp_l {
	background-color: #dffcff;
}

table.tenki_1month_main td {
	width: 20%;
	padding: 3px;
	text-align: center;
	vertical-align: middle;
	border-bottom: 1px solid #B5B5B5;
	border-right: 1px solid #B5B5B5;
}


th.tenki_1month_sun {
	vertical-align: middle;
    background-color: #ff9d9d !important;
}

th.tenki_1month_week {
	vertical-align: middle;
    background-color: #EFEFEF !important;
}

th.tenki_1month_sat {
	vertical-align: middle;
    background-color: #9da4ff !important;
}

table.tenki_1month_main td img{
	width: 60px;
}


.tenki_1month_maincon li {
    list-style: none;
}


@media only screen and (min-width: 668px) {
.tenki_1month_maincon li:nth-child(n+33) {
	display: none;
	}
}


@media only screen and (max-width: 667px) {
.tenki_1month_maincon li:nth-child(n+33) {
	display: none;
	}
}


.tenki_1month_tb_box {
    margin: 13px auto;
    overflow-x: scroll;
}


table.tenki_1month_tb {
    width: 1000px;
}

.tenki_1month_tb_box.tenki_1month_tbw {
    width: 952px !important;
}


table.tenki_1month_tb img {
	width: 80px;
}


table.tenki_1month_tb td {
    text-align: center;
    vertical-align: middle;
}


table.tenki_1month_tb tr td:nth-of-type(1){
	min-width: 70px;
}


table.tenki_1month_tb tr th:nth-of-type(1){
  position: sticky;
  left: 0;
  color: #000;
  background: #FFF;
}


table.tenki_1month_tb tr th:nth-of-type(1):before {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    width: 100%;
    height: 100%;
    border: 1px solid #666;
}


table.tenki_1month_tb tr td:nth-of-type(1){
  position: sticky;
  left: 0;
  color: #000;
  background: #FFF;
}


table.tenki_1month_tb tr td:nth-of-type(1):before {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    width: 100%;
    height: 100%;
    border: 1px solid #666;
}


span.tenki_1month_tenki {
    font-size: 12px;
}

tr.temp_ave_tr {
    height: 30px;
}

td.temp_ave {
    font-size: 12px;
}

table.no_border {
	border: none !important;
}


th.no_border {
	border: none !important;
	background: #fff !important;
}

td.no_border {
	border: none !important;
}

td.temp_heinensa {
	font-size: 10px;
	border: solid 1px #333;
}


li.temp_h {
	padding: 3px;
	border: solid 1px #999;
	background-color: #ffefdf;
}

li.temp_l {
	padding: 3px;
	border: solid 1px #999;
	background-color: #dffcff;
}

.tenki_1month_kensyou {
    /* border: solid 1px #333; */
	/*padding: 5px;*/
	margin: 10px 0;
}

.tenki_1month_kensyou_com {
	font-size: 15px;
	margin: 10px 0;
}

.tenki_1month_kensyou img {
	width: 80%;
	margin: 0 auto;
	border: solid 1px #666;
	display: block;
}

ul.tenki_1month_kensyou_point {
	margin: 10px 0;
}

.tenki_1month_kensyou_point li {
	list-style: none;
}

.tenki_1month_kensyou_jump {
	margin: 15px auto 0 auto;
	text-align: right;
}

.tenki_1month_kensyou_jump::before {
	content: " ● ";
	color: #1356e7;
}

/*********************
0001_personal_data
*********************/
.personal_data_txt {
	margin: 12px 0;
}


ul.personal_list {
    margin-top: 15px;
}

ul.personal_list li{
    list-style: none !important;
}


.personal_data_tbblock{
    display: block;
    overflow-x: auto;
    white-space: nowrap;
}


@media only screen and (max-width: 2000px) {
.personal_data_tbblock{
	max-width: 92%;
	}
	
table.personal_data_tb tr td{
	font-size: 12px;
	}
}


@media only screen and (max-width: 667px) {
.personal_data_tbblock{
	max-width: 900px;
	}
	
table.personal_data_tb tr td{
	font-size: 10px;
	}
}


table.personal_data_tb tr td:nth-of-type(2){
	font-size: 10px;
	table-layout: fixed;
	max-width: 200px;
	overflow: hidden;
}


table.personal_data_tb tr td:nth-of-type(4){
	font-size: 10px;
	table-layout: fixed;
	max-width: 300px;
	overflow: hidden;
}


/*********************
0001_shisuu
*********************/
.shisuu_list {
	margin-bottom: 10px;
	margin-left: 0;
	margin-top: -5px;
	margin-right: 0;

}


.shisuu_list::after{
	content: "";
	display: block;
	clear: both;
}

@media screen and (max-width: 667px){
.shisuu_list li{
	border-bottom: 1px dotted #666;
	box-sizing: border-box;
	list-style-type: none;
	}
}


@media screen and (min-width: 668px){
.shisuu_list li{
	width: 40%;
    margin: 10px;
	float: left;
	border: 1px solid #666;
    border-radius: 3px;
	list-style-type: none;
	}
}


.shisuu_list li img {
    width: 60px;
    vertical-align: middle;
}


@media screen and (min-width: 668px){
.shisuu_list li:nth-child(2n+1){
	clear: both;
	}
}


.shisuu_list li a{
	font-size: 15px;
	color: #333;
	padding: 0px;
	display: block;
	text-decoration: none;
	position: relative;
	box-sizing: border-box;
}


@media screen and (min-width: 668px){
.shisuu_list li a{
	color: #333;
	font-size: 18px;
	padding: 0px;
	display: block;
	text-decoration: none !important;
	}
}


@media screen and (max-width: 667px){
.shisuu_list li a:after{
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	border-top: solid 2px #999;
	border-right: solid 2px #999;
	width: 10px;
	height: 10px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	margin-top: -5px;
	margin-right: 5px;

	}
}


.shisuu_list02 {
	margin-bottom: 10px;
	margin-left: 10px;
	margin-top: -5px;
	margin-right: 0;

}


.shisuu_list02::after{
	content: "";
	display: block;
	clear: both;
}



.shisuu_list02 li{
	width: 22%;
    margin: 0 5px 5px 0;
	float: left;
	border: 1px solid #666;
    border-radius: 3px;
	list-style-type: none;
}


.shisuu_list02 li img {
    width: 45px;
    vertical-align: middle;
}


.shisuu_list02 li:nth-child(4n+1){
	clear: both;

}


.shisuu_list02 li a{
	font-size: 15px;
	color: #333;
	padding: 0px;
	display: block;
	text-decoration: none !important;
	position: relative;
	box-sizing: border-box;
}

@media screen and (max-width: 667px){
.shisuu_list02 li a{
	padding: 5px;
	}
}


@media screen and (max-width: 667px){
.shisuu_list02 li a:after{
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	border-top: solid 2px #999;
	border-right: solid 2px #999;
	width: 10px;
	height: 10px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	margin-top: -5px;
	margin-right: 5px;

	}
}

@media screen and (max-width: 667px){
.shisuu_list02 li img{
	display: none;
	}
}

.shisuu_contents {
	width: 100%;
	max-width: 1200px;
	margin: auto;
}

.flexbox {
	display: flex;
}

.flexbox02 {
	display: flex;
}

.shisuu_today {
	width: 50%;
	margin: auto 5px;
	background: #e9effa;
	padding: 5px 10px 10px 10px;
}
.shisuu_tommow {
	width: 50%;
	margin: auto 5px;
	background: #e9effa;
	padding: 5px 10px 10px 10px;
}


.shisuu_date {
	font-size: 16px;
	padding: 10px;
}

 
.sun {
	color: #fc0000;
}

.sut {
	color: #2e00f9;
}


.shisuu_icon {
	width: 47%;
	height: 100px;
	background: #fff;
	text-align: center;
	margin-bottom: 10px;
}

.shisuu_icon img{
	width: 100px;
}

.shisuu_tenki_box {
	width: 47%;
	background: #fff;
	margin: 0px 0px 10px auto;
	padding: 5px;
	max-height: 90px !important;
}

.shisuu_tenki {
	text-align: center;
}


.shisuu_tenki img {
	width: 100px;
	margin-bottom: 5px;
}

.shisuu_temp {
    text-align: center;
    font-size: 14px;
    margin-bottom: 5px;
}


span.tenki_shisuu_hightemp {
	color: #ff0505;
}

span.tenki_shisuu_lowtemp {
	color: #0051fd;
}


.shisuu_precip {
	text-align: center;
	font-size: 14px;
	margin-bottom: 5px;
}


.shisuu_com {
	min-height: 60px;
	background: #fff;
	padding: 10px;
	font-size: 16px;
}

@media screen and (max-width: 767px) {
	.flexbox {
		display: block;
	}
	.flexbox .shisuu_today {
		width: 95%;
		margin: 10px auto;
	}
	.flexbox .shisuu_tommow {
		width: 95%;
    	margin: 10px auto;
	}
	.shisuu_com {
		min-height: 40px;
	}
}

.shisuu_rank {
	font-size: 14px;
	margin: 10px;
	padding: 10px;
	background: #e9effa;
}

.shisuu_rank img {
	width: 13%;
	max-width: 60px;
	margin: 0 5px;
	vertical-align: middle;
}

.shisuu_week_box {
	margin: 10px 5px;
}


.shisuu_week th {
	background: #cce0ff;
	border: solid 1px #666;
	vertical-align: middle;
	text-align: center;
}

.shisuu_week td {
	border: solid 1px #666;
	padding: 10px;
	vertical-align: middle;
	text-align: center;
}


table.shisuu_week img {
	max-width: 60px !important;
	margin: 0 auto;
	display: block;
	object-fit: cover;
}


@media screen and (max-width: 767px) {
	.shisuu_week {
	width: 100% !important;
	}
	
	.shisuu_week tr {
	display: block;
	float: left;
	}
	
	.shisuu_week tr td, 
	.shisuu_week tr th {
	border-left: none;
	display: block;
	height: 40px;
	}
	
	.shisuu_week thead {
	display: block;
	float: left;
	width: 20%;
	}
	
	.shisuu_week thead tr {
	width: 100%;
	}
	
	.shisuu_week tbody {
	display: block;
	float: left;
	width: 80%;
	}
	
	.shisuu_week tbody tr {
	width: 25%;
	}
	
	.shisuu_week tr td + td {
	border-left: none;
	}
	
	.shisuu_week tbody td:last-child {
	border-bottom: solid 1px #ccc;
	}
	
	table.shisuu_week tr:nth-of-type(1) td img{
	width: 40px;
	margin: 0 auto;
	display: block;
	}
	
	table.shisuu_week tr:nth-of-type(2) td img{
	width: 100%;
	margin: 0 auto;
	display: block;
	object-fit: cover;
	}
	
	table.shisuu_week tr:nth-of-type(3) td{
	font-size: 10px;
	font-size: clamp(10px, 1vw, 14px);
	}
	
	table.shisuu_week tr:nth-of-type(4) td{
	font-size: 12px;
	}
	
	table.shisuu_week tr td:nth-of-type(1){
	font-size: 14px;
	}
	
	table.shisuu_week tr td:nth-of-type(1) .week_shisuu{
	margin-top: 12px;
	}
	
	table.shisuu_week tr td:nth-of-type(1) .week_tenki{
	margin-top: 12px;
	}
	
	.shisuu_week_date {
	display: block;
	margin-top: 12px;
	}
	
	.week_temp {
	margin-top: 12px;
	}
	
	.week_precip {
	margin-top: 12px;
	}
	
	span.shisuu_hanreiimg {
	display: block;
	text-align: center;
	}
}

.shisuu_rank img {
	padding-bottom: 5px;
}

span.shisuu_hanreiimg {
	display: block;
	text-align: center;
}

/*********************
0001_pollen
*********************/
.pollen_kaisetu {
	font-size: 15px;
	margin: 10px 0;
}

.pollen_kaisetu_point {
	font-weight: bold;
	font-size: 16px;
	padding: 10px 0;
}

.pollen_kaisetu_point_marker {
	background: linear-gradient(to bottom, rgba(255, 255, 102, 0) 50%, #6dbd6c 50%);
}


.pollen_map img {
	max-width: 400px !important;
}

.pollen_schedule img {
	max-width: 100% !important;
}

.pollen_schedule {
	font-size: 15px;
	text-align: center;
}

.pollen_banner {
	text-align: center;
}

.pollen_box {
	width: 95%;
	margin: 5px auto;
}

h2.pollen_info {
	border-bottom: 3px solid #6dbd6c !important;
}

ul.pollen_list {
	margin-left: 5px;
}

.pollen_list li {
	list-style: none;
	position: relative;
	padding-left: 0.6em;
	font-size: 15px;
}

.pollen_list li:before {
	border-radius: 50%;
	width: 5px;
	height: 5px;
	display: block;
	position: absolute;
	left: 0;
	top: 0.4em;
	content: "";
	background: #6dbd6c;
}

.shisuu_rank_cap {
	font-size: 11px;
	margin-top: 5px;
}

.hp_topic {
	border: 1px solid #333;
	border-radius: 5px;
	padding: 10px;
}

.hp_topic a{
	font-size: 12px;
}

.hp_topic img {
	float: left;
	max-width: 50% !important;
	height: auto;
	margin: 0 20px 10px 0;
}

.hp_topic::after {
	content: "";
	display: block;
	clear: both;
}

.hp_topic_title {
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 5px;
}

/*********************
0001_chart
*********************/
.motenki_topic {
	width: 90%;
	border: 1px solid #333;
	border-radius: 5px;
	padding: 10px;
	margin: 10px auto;
}

.motenki_topic a{
	font-size: 12px;
}

.motenki_topic img {
	float: left;
	max-height: 180px !important;
	max-width: 50% !important;
	height: auto;
	margin: 0 20px 0 0 !important;
}

.motenki_topic::after {
	content: "";
	display: block;
	clear: both;
}

.motenki_topic_title {
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 5px;
}



/*********************
0001_info_rule
*********************/
.infol_rule_txt {
	width: 95%;
	margin: 20px;
	font-size: 14px;
}

/*********************
0001_yohoushi_kaisetu
*********************/
.yohoushi_kaisetu_box {
	padding: 5px;
	margin: 0 10px;
	font-size: 16px;
	border-top: 1px solid #8e8e8e;
	line-height: 24px;
}


.yohoushi_bkno_box {
    margin: 10px 0 20px 10px;
    text-align: right;
}

.yohoushi_kaisetu_sub {
	font-weight: bold;
	font-size: 20px;
	margin: 10px 0;
}

.yohoushi_kaisetu_link {
	margin: 5px 0;
}


h1.yohoushi_kaisetu_title {
	font-size: 20px;
	margin: 10px auto;
	border-bottom: 3px solid #1356e7;
	line-height: 32px;
}

.yohoushi_kaisetu_mainbox {
	font-size: 16px;
	border: 0px solid #8e8e8e;
	padding: 10px 5px;
	margin: 10px 0px;
	line-height: 1.65;
}

.yohoushi_kaisetu_mainbox img {
	max-width: 100% !important;
	display: block;
	margin: 0 auto;
}


.btm_mg10 {
	margin-bottom: 10px;
}

ul.yohoushi_kaisetu_bkli {

}

.yohoushi_kaisetu_bkli li {
	padding: 10px;
	margin: 5px 5px 5px -3px;
	border-left: 8px solid #1356e7;
}

/*********************
tokei
*********************/
ul.tokei_month {
	list-style: none;
	padding: 0;
	margin: 0 5px 10px 5px;
	display: grid;
	gap: 5px; /* アイテム間の余白 */
}

/* PC（768px以上）では2列×2段 */
@media (min-width: 768px) {
    ul.tokei_month {
        grid-template-columns: repeat(6, 1fr); /* 6列 */
        grid-auto-rows: auto;
    }
}

/* スマホ（768px未満）では3列×3段 */
@media (max-width: 767px) {
    ul.tokei_month {
        grid-template-columns: repeat(4, 1fr); /* 4列 */
        grid-auto-rows: auto;
    }
}

/* li のスタイル */
.tokei_month li {
	text-align: center;
}


.tokei_month li a {
	background: #eee;
	color: #333;
	padding: 3px;
	margin: 0px 5px;
	border-radius: 5px;
	display: block;
}

.tokei_hanrei {
    text-align: center;
}

.tokei_hanrei img {
    max-width: 80%;
}


table.data-table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
  background-color: white;
  border: 1px solid #ccc;
}

table.data-table th,
table.data-table td {
  border: 1px solid #292929 !important;
  padding: 0px !important;
  text-align: center;
}

table.data-table th {
  background-color: #f8f9fa;
}

table.data-table th:nth-child(1){
  width: 15%; 
}

table.data-table th:nth-child(2){
  width: 55%; 
}

table.data-table th:nth-child(3){
  width: 15%; 
}

table.data-table th:nth-child(4){
  width: 15%; 
}


.stacked-bar {
    display: flex;
    height: 30px;
    /* border-radius: 5px; */
    overflow: hidden;
    /* border: 1px solid #ccc; */
}

.bar {
  color: white;
  text-align: center;
  font-size: 12px;
  line-height: 30px;
}


.bar_sunny {
    background: #fba73c;
}


.bar_cloud {
    background: #a1a0a0;
}

.bar_rain {
    background: #3c49fb;
}

.bar_snow {
    background: #bc3cfb;
}



/*********************
アンケート
*********************/
.question_banner {
	text-align: center;
}


/*********************
広告
*********************/
div#ats-insert_ads_flexible-17-0-wrapper {
	min-height: 100px;
}

div#ats-insert_ads_flexible-17-1-wrapper {
	min-height: 100px;
}

div#ats-insert_ads_flexible-17-2-wrapper {
	min-height: 100px;
}

div#ats-insert_ads_flexible-21-0-wrapper
	min-height: 100px;
}


div#ats-insert_ads_flexible-21-1-wrapper {
	min-height: 100px;
}

div#ats-insert_ads_flexible-21-2-wrapper {
	min-height: 100px;
}

div#ats-insert_ads_flexible-21-3-wrapper {
	min-height: 100px;
}

div#ats-insert_ads-6-wrapper {
	min-height: 250px;
}

div#ats-insert_ads-20-wrapper {
	min-height: 250px;
}

div#ats-insert_ads-7-wrapper {
	min-height: 250px;
}

/*********************
0001_pinpoint
*********************/
ul.tenki_pinpoint_datelist {
	display: flex;
}

ul.tenki_pinpoint_datelist li {
	margin: 5px;
	list-style: none;
}

.tenki_pinpoint_datelist li a {
	background: #cce0ff;
	padding: 5px 10px;
	border-radius: 5px;
}

ul.tenki_pinpoint_maincon li {
	list-style: none;
}

table.tenki_pinpoint_main {
    text-align: center;
    table-layout: fixed;
}


table.tenki_pinpoint_main td img{
	width: 30px;
}

th.pinpoint_date {
	vertical-align: middle;
    background-color: #EFEFEF !important;
}

th.tenki_pinpoint_sun {
	vertical-align: middle;
    background-color: #ff9d9d !important;
}


th.tenki_pinpoint_sat {
	vertical-align: middle;
    background-color: #9da4ff !important;
}


.br_sponly {
	display: none;
}

@media (max-width: 667px) {
    .br_sponly {
        display: block;
    }
}


td.pinpoint_rain03 {
    background: #6d9eeb;
}

td.pinpoint_rain02 {
    background: #a4c2f4;
}

td.pinpoint_rain01 {
    background: #c9daf8;
}


.wind_deg01 {
	-webkit-transform: rotate(22.5deg);
	transform: rotate(22.5deg);
}

.wind_deg02 {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.wind_deg03 {
	-webkit-transform: rotate(67.5deg);
	transform: rotate(67.55deg);
}

.wind_deg04 {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

.wind_deg05 {
	-webkit-transform: rotate(112.5deg);
	transform: rotate(112.5deg);
}

.wind_deg06 {
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}

.wind_deg07 {
	-webkit-transform: rotate(157.5deg);
	transform: rotate(157.5deg);
}

.wind_deg08 {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.wind_deg09 {
	-webkit-transform: rotate(202.5deg);
	transform: rotate(202.5deg);
}

.wind_deg10 {
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg);
}

.wind_deg11 {
	-webkit-transform: rotate(247.5deg);
	transform: rotate(247.5deg);
}

.wind_deg12 {
	-webkit-transform: rotate(270deg);
	transform: rotate(270deg);
}

.wind_deg13 {
	-webkit-transform: rotate(292.5deg);
	transform: rotate(292.5deg);
}

.wind_deg14 {
	-webkit-transform: rotate(315deg);
	transform: rotate(315deg);
}

.wind_deg15 {
	-webkit-transform: rotate(337.5deg);
	transform: rotate(337.5deg);
}

span.wind_deg00,
span.wind_deg04,
span.wind_deg08,
span.wind_deg12 {
    display: inline-flex;
}

section.tenki_pinpoint_hanrei {
    background: #efefef;
    padding: 10px;
    border-radius: 5px;
}

section.tenki_pinpoint_hanrei img {
    width: 20px;
}

/*********************
0001_push_about
*********************/
.contents_box {
	font-size: 1rem;
	margin: 0 0 15px 0;
}

.contents_infotxt {
	margin: 10px 0 15px 0;
}

ul.contents_list {
	margin-bottom: 20px;
}

.contents_list li{
	display: flex;
	align-items: center; 
	margin: 10px;
}

.contents_list li::before{
	content: "●";
	color: blue; 
	font-size: 0.6em; 
	margin-right: 1em;
}

.contents_infoimg img {
	max-width: 100% !important;
	margin: 50px auto 15px auto;
	display: block;
}

h3.push_step_h3 {
	margin: 20px 0;
}

.contents_infoimg_ngmg {
	margin-top: -30px;
}

ol.push_step {
	counter-reset: my-counter;
	list-style: none;
	padding: 0;
	margin: 0;
}
.push_step li {
	font-size: 16px;
	list-style: none;
	line-height: 1.5;
	padding-left: 30px;
	margin-bottom: 20px;
	position: relative;
}

.push_step li:before {
	content: counter(my-counter);
	counter-increment: my-counter;
	background-color: #ff6600;
	border: 1px solid;
	border-radius: 50%;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 22px;
	width: 22px;
	color: #ffffff;
	font-size: 85%;
	line-height: 1;
	position: absolute;
	top: 0;
	left: 0;
}

.no_number {
	list-style-type: none;
	counter-increment: none;
	padding-left: 30px;
	text-indent: 0;
	position: relative;
}

.no_number::before {
	content: none !important;
}

span.contents_info_bold {
	font-weight: bold;
	background: linear-gradient(to bottom, rgba(255, 255, 102, 0) 50%, #ffff66 50%);
}

span.contents_info_cau {
	font-size: 15px;
}