@charset "UTF-8";
.prefectureList{margin:20px 0}
.prefectureList_item{margin-bottom:10px;-webkit-box-shadow:none;box-shadow:none}
.prefectureList_item dt{padding:10px;border:none;background:#f5f5f5;border-top:solid 1px #d7d7d7;line-height:1;font-size:.9375rem;font-weight:700}
.prefectureList_item ul{margin-top:10px;font-size:0}
.prefectureList_item ul li{font-size:.9375rem;display:inline-block;width:16%;padding:8px 0 8px 10px;vertical-align:top}
.prefectureList_item-4row ul li{width:25%}
.tideDetail{margin:10px 0 20px}
.tideDetail .forecastDetail_head{margin-bottom:10px}
.tideDetail .forecastDetail_head_title{padding:10px;background:#f5f5f5;border-top:solid 1px #d7d7d7;font-size:.9375rem;font-weight:700;line-height:1}
.tideDetail .forecastDetail_head_title .date{font-weight:400;margin-left:10px}
.tideDetail .forecastDetail_top{display:-webkit-box;display:-ms-flexbox;display:flex}
.tideDetail .forecastDetail_main{margin-top:16px;-webkit-box-flex:1;-ms-flex:1;flex:1}
.tideDetail .forecastDetail_main .forecast:after{clear:both;content:"";display:block;height:0;visibility:hidden}
.tideDetail .forecastDetail_main .forecast_icon{float:left;width:95px;padding:5px 10px}
.tideDetail .forecastDetail_main .forecast_icon img{width:75px}
.tideDetail .forecastDetail_main .forecast_text .telop{font-size:.9375rem;font-weight:700}
.tideDetail .forecastDetail_main .forecast_text .temp{margin-top:5px;font-size:.8125rem}
.tideDetail .forecastDetail_main .forecast_text .temp em{font-size:1rem;font-weight:700}
.tideDetail .forecastDetail_main .forecast_text .temp .hight{color:red;margin-right:10px}
.tideDetail .forecastDetail_main .forecast_text .temp .low{position:relative;padding-left:11px;color:#00f}
.tideDetail .forecastDetail_main .forecast_text .temp .low::before{position:absolute;content:"";display:block;margin-top:-8px;top:50%;left:0;background:#ccc;width:1px;height:12px}
.tideDetail .forecastDetail_main .forecast_other{clear:both;margin-top:15px;padding:0 10px;font-size:.875rem}
.tideDetail .forecastDetail_main .forecast_other span{margin:0 8px;color:#ccc}
.tideDetail .forecastDetail .tideDetail_table{table-layout:fixed;width:400px;font-size:.875rem}
.tideDetail .forecastDetail .tideDetail_table td,.tideDetail .forecastDetail .tideDetail_table th{padding:6px 0;border:solid 1px #ddd;text-align:center}
.tideDetail .forecastDetail .tideDetail_table th{width:60px;background:#f3f3f3}
.tideDetail .forecastDetail .tideDetail_table_row-tide td,.tideDetail .forecastDetail .tideDetail_table_row-tide th{border-bottom-width:2px}
.tideDetail .forecastDetail .tideDetail_table_row-tide td{padding:6px 4px}
.tideDetail .forecastDetail .tideDetail_table_row-tide td:nth-of-type(1){width:80px;font-weight:700}
.tideDetail .forecastDetail .tideDetail_table_row-level td{padding:0 0 6px}
.tideDetail .forecastDetail .tideDetail_table_row-level td .tideDetail_table_item{display:table;table-layout:fixed;width:100%}
.tideDetail .forecastDetail .tideDetail_table_row-level td .tideDetail_table_item .tideLevel{display:table-cell;font-size:.75rem;text-align:center}
.tideDetail .forecastDetail .tideDetail_table_row-level td .tideDetail_table_item .tideLevel dt{padding:6px 0;background:#f9f9f9}
.tideDetail .forecastDetail .tideDetail_table_row-level td .tideDetail_table_item .tideLevel dt span{display:inline-block;position:relative;padding-left:16px}
.tideDetail .forecastDetail .tideDetail_table_row-level td .tideDetail_table_item .tideLevel dt span::after,.tideDetail .forecastDetail .tideDetail_table_row-level td .tideDetail_table_item .tideLevel dt span::before{position:absolute;top:0;bottom:0;left:0;margin:auto;content:"";vertical-align:middle}
.tideDetail .forecastDetail .tideDetail_table_row-level td .tideDetail_table_item .tideLevel dd{padding:2px 0}
.tideDetail .forecastDetail .tideDetail_table_row-level td .tideDetail_table_item .tideLevel dd.level{font-size:.6875rem}
.tideDetail .forecastDetail .tideDetail_table_row-level td .tideDetail_table_item .tideLevel dd.level span{display:block;width:70%;margin:0 auto;border-radius:2px}
.tideDetail .forecastDetail .tideDetail_table_row-level td .tideDetail_table_item .tideLevel-high dt span::before{left:3px;top:-1px;width:7px;height:7px;border-top:1px solid #ff7e20;border-right:1px solid #ff7e20}
.tideDetail .forecastDetail .tideDetail_table_row-level td .tideDetail_table_item .tideLevel-high dt span::after{width:11px;height:1px;background:#ff7e20;-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg)}
.tideDetail .forecastDetail .tideDetail_table_row-level td .tideDetail_table_item .tideLevel-high .level span{background:#f9dfc0}
.tideDetail .forecastDetail .tideDetail_table_row-level td .tideDetail_table_item .tideLevel-ebb dt span::before{left:3px;bottom:-2px;width:7px;height:7px;border-right:1px solid #1bacc5;border-bottom:1px solid #1bacc5}
.tideDetail .forecastDetail .tideDetail_table_row-level td .tideDetail_table_item .tideLevel-ebb dt span::after{width:11px;height:1px;background:#1bacc5;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.tideDetail .forecastDetail .tideDetail_table_row-level td .tideDetail_table_item .tideLevel-ebb .level span{background:#daedf0}
.tideDetail .forecastDetail-hour_table{display:table;table-layout:fixed;width:100%;font-size:.8125rem}
.tideDetail .forecastDetail-hour_table td,.tideDetail .forecastDetail-hour_table th{padding:6px 0;border:solid 1px #ddd;text-align:center}
.tideDetail .forecastDetail-hour_table th{width:80px;background:#f3f3f3}
.tideDetail .forecastDetail-hour_table td.is-past{color:#999}
.tideDetail .forecastDetail-hour_table_row-time td{background:#ebeff8}
.tideDetail .forecastDetail-hour_table_row-time td.is-past{background:#f6f6f6}
.tideDetail .forecastDetail-hour_table_row-weather img{width:40px}
.tideDetail .forecastDetail-hour_table_row-wind span{display:block}
.tideDetail .forecastDetail-hour_table_row-wind span img{width:16px}
.tideDetail .forecastDetail-week_table{display:table;table-layout:fixed;width:100%;font-size:.8125rem}
.tideDetail .forecastDetail-week_table td,.tideDetail .forecastDetail-week_table th{padding:6px 0;border:solid 1px #ddd;text-align:center}
.tideDetail .forecastDetail-week_table th{width:80px;background:#f3f3f3}
.tideDetail .forecastDetail-week_table_row-date td{background:#ebeff8}
.tideDetail .forecastDetail-week_table_row-weather img{width:45px}
.tideDetail .forecastDetail-week_table_row-temp .hight{color:red;margin-right:5px}
.tideDetail .forecastDetail-week_table_row-temp .low{position:relative;padding-left:6px;color:#00f}
.tideDetail .forecastDetail-week_table_row-temp .low::before{position:absolute;content:"";display:block;margin-top:-8px;top:50%;left:0;background:#ccc;width:1px;height:12px}
.tideDetail .forecastDetail-week_table_row-tide td{padding:0;vertical-align:top;background:#fafafa}
.tideDetail .forecastDetail-week_table_row-tide .tideLevel{padding-left:30px;background:#f9f9f9;border-bottom:solid 1px #ddd;position:relative}
.tideDetail .forecastDetail-week_table_row-tide .tideLevel:last-child{margin-bottom:-1px}
.tideDetail .forecastDetail-week_table_row-tide .tideLevel::after,.tideDetail .forecastDetail-week_table_row-tide .tideLevel::before{position:absolute;top:0;bottom:0;left:10px;margin:auto;content:"";vertical-align:middle}
.tideDetail .forecastDetail-week_table_row-tide .tideLevel dd,.tideDetail .forecastDetail-week_table_row-tide .tideLevel dt{background:#fff}
.tideDetail .forecastDetail-week_table_row-tide .tideLevel dd.time{padding:8px 0 4px;line-height:1.2}
.tideDetail .forecastDetail-week_table_row-tide .tideLevel dd.level{padding:0 0 8px;font-size:.6875rem}
.tideDetail .forecastDetail-week_table_row-tide .tideLevel dd.level span{display:block;width:80%;margin:0 auto;border-radius:2px}
.tideDetail .forecastDetail-week_table_row-tide .tideLevel-high::before{left:13px;top:-1px;width:7px;height:7px;border-top:1px solid #ff7e20;border-right:1px solid #ff7e20}
.tideDetail .forecastDetail-week_table_row-tide .tideLevel-high::after{width:11px;height:1px;background:#ff7e20;-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg)}
.tideDetail .forecastDetail-week_table_row-tide .tideLevel-high .level span{background:#f9dfc0}
.tideDetail .forecastDetail-week_table_row-tide .tideLevel-ebb::before{left:13px;bottom:-2px;width:7px;height:7px;border-right:1px solid #1bacc5;border-bottom:1px solid #1bacc5}
.tideDetail .forecastDetail-week_table_row-tide .tideLevel-ebb::after{width:11px;height:1px;background:#1bacc5;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.tideDetail .forecastDetail-week_table_row-tide .tideLevel-ebb .level span{background:#daedf0}
.tideDetail_text{margin-top:10px;font-size:.8125rem;color:#666;text-align:right}
.source{border:2px solid #ddd;margin:20px 0;font-size:.75rem;padding:8px}