<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
/*====================================================================================
  0）リセット
====================================================================================*/
/*! sanitize.css v3.3.0 | CC0 1.0 Public Domain | github.com/10up/sanitize.css */
/*
 * Normalization
 */
abbr[title] {
  text-decoration: underline;
  text-decoration: underline dotted;
}

audio:not([controls]) {
  display: none;
}

b,
strong {
  font-weight: bolder;
}

button {
  -webkit-appearance: button;
  overflow: visible;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

button:-moz-focusring,
input:-moz-focusring {
  outline: 1px dotted ButtonText;
}

button,
select {
  text-transform: none;
}

details {
  display: block;
}

hr {
  overflow: visible;
}

html {
  -ms-overflow-style: -ms-autohiding-scrollbar;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
}

input {
  border-radius: 0;
  -webkit-border-radius: 0;
}

input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
}

input[type="number"] {
  width: auto;
}

input[type="search"] {
  -webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

main {
  display: block;
}

pre {
  overflow: auto;
}

progress {
  display: inline-block;
}

summary {
  display: block;
}

svg:not(:root) {
  overflow: hidden;
}

template {
  display: none;
}

textarea {
  overflow: auto;
}

[hidden] {
  display: none;
}

/*
 * Universal inheritance
 */
/* *,
::before,
::after {
  box-sizing: inherit;
}

* {
  font-size: inherit;
  line-height: inherit;
}

::before,
::after {
  text-decoration: inherit;
  vertical-align: inherit;
} */

button,
input,
select,
textarea {
  font-family: inherit;
  font-style: inherit;
  font-weight: inherit;
}

/*
 * Opinionated defaults
 */
* {
  margin: 0;
  padding: 0;
}

*,
::before,
::after {
  border-style: solid;
  border-width: 0;
}

a,
area,
button,
input,
label,
select,
textarea,
[tabindex] {
  -ms-touch-action: manipulation;
      touch-action: manipulation;
}

select {
  -moz-appearance: none;
  -webkit-appearance: none;
}

select::-ms-expand {
  display: none;
}

select::-ms-value {
  color: currentColor;
}

svg {
  fill: currentColor;
}

[aria-busy="true"] {
  cursor: progress;
}

[aria-controls] {
  cursor: pointer;
}

[aria-disabled] {
  cursor: default;
}

[hidden][aria-hidden="false"] {
  clip: rect(0 0 0 0);
  display: inherit;
  position: absolute;
}

[hidden][aria-hidden="false"]:focus {
  clip: auto;
}

/*
 * Configurable defaults
 */
* {
  background-repeat: no-repeat;
}

:root {
  background-color: #ffffff;
  box-sizing: border-box;
  color: #000000;
  cursor: default;
  font: 66.6666666667% sans-serif;
}

a {
  text-decoration: none;
}

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

button,
input,
select,
textarea {
  color: inherit;
}

button,
[type="button"],
[type="date"],
[type="datetime"],
[type="datetime-local"],
[type="email"],
[type="month"],
[type="number"],
[type="password"],
[type="reset"],
[type="search"],
[type="submit"],
[type="tel"],
[type="text"],
[type="time"],
[type="url"],
[type="week"],
select,
textarea {
  min-height: 1.5em;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
}

nav ol,
nav ul {
  list-style: none;
}

small {
  font-size: 75%;
}

.small {
        font-size: 100%;
        line-height: 20px;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

textarea {
  resize: vertical;
}

::-moz-selection {
  background-color: #b3d4fc;
  color: #ffffff;
  text-shadow: none;
}

::selection {
  background-color: #b3d4fc;
  color: #ffffff;
  text-shadow: none;
}





/*▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼
▼ ヘッダー
▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼*/
/* #titleBar&gt;.buttons.btnshare {
    background-image: url(../img/btn_share.png?ver=20200420);
}

#titleBar &gt; button {
    margin: 7px 1vw 0px;
}
 */
/*====================================================================================
サーチエリア
====================================================================================*/
#searchArea {
    width: 100%;
    display: table;
    table-layout: fixed;
    background-color: #fff;
}

#searchArea &gt; * {
    width: 100%;
    padding: 0 7px 5px 7px;
    display: table-cell;
    vertical-align: middle;
}
#searchArea &gt; .search {
        padding-right: 0px;
}

/*------------------------------------------
検索ボックス
------------------------------------------*/
#searchArea .search input[type="text"] {
    width: 100%;
                padding: 2px;
                height: 34px;
                font-size: 15px;
                border: 1px solid #ccc;
                border-radius: 2px;
}

/*------------------------------------------
検索ボタン
------------------------------------------*/
#searchArea .btn {
        width: 45px;
        border: 0 !important;
        /* padding: 10px 7px 10px 0px; */
}

/* ボタン単体
------------------------------------------*/
#searchArea button {
    width: 34px;
    height: 34px;
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    cursor: pointer;
}

#searchArea .buttons.search {
    background-image: url(../img/btn_search.png?ver=20200420);
}

/*====================================================================================
広告エリア
====================================================================================*/
#adtop {
    overflow: hidden;
    text-align: center;
}

/*====================================================================================
スライドメニュー
====================================================================================*/
#slideMenu {
    font-size: 0;
    line-height:1;
    width:100%;
    max-height:72px;
}


#slideMenu &gt; ul {
    width: 100%;
    padding-left: 0;
    margin: 0;
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: visible;
    /* padding:6px 0 8px 0; */
    padding:3px 0 7px 0;
    background-color:#eee;
}

#slideMenu &gt; #world {
    background-color:#efefef;
}

#slideMenu li {
	vertical-align: middle;
	font-size: 1.39rem !important;
	padding:0;
	font-weight: 700;
	border:none !important;
}

#slideMenu li.act {
    position: relative;
    vertical-align: middle;
}

#slideMenu &gt; #catergory &gt; li.act {
    background:rgba(0,0,0, .2);
}

#slideMenu li.act  &gt; * {
    font-weight: 700;
    font-size: 1.39rem !important;
}
#slideMenu #subCategory li.act,
.area__date li.act,
.objective__link li.act, 
.travel__link li.act{
        border-bottom:2px solid blue !important;
}


#slideMenu #catergory li.act:after {
    content: "";
    display: block;
    width: 0px;
    height: 0;
    border: 5px solid transparent;
    border-top: 5px solid #ccc;
    border-bottom: 0px;
    position: relative;
    z-index: 2;
    left: 50%;
    bottom:-4px;
    transform: translateX(-50%);
}
#slideMenu #catergory li.act.nosub:after {
        content: "";
        display: block;
        border: 5px solid transparent;
        border-top: 5px solid transparent;
        border-bottom: 0px;
}

#slideMenu li &gt; * {
    display: block;
    padding: 6px 7px;
}

/*------------------------------------------
大項目
------------------------------------------*/
#slideMenu #catergory {
    border-top: 1px solid #ccc;
}
#slideMenu #catergory::-webkit-scrollbar { width: 0 !important;height: 0 !important }
/*------------------------------------------
小項目
------------------------------------------*/
#slideMenu &gt; div {
    margin-top: -8px;
    z-index: 1;
    position: relative;
    box-shadow: 0 1px 2px rgba(0,0,0,0.25) inset;
}

#slideMenu #subCategory ul::-webkit-scrollbar { width: 0 !important;height: 0 !important }

#slideMenu &gt; div &gt; ul {
        width: 100%;
        padding-left: 0;
        margin: 0;
        white-space: nowrap;
        overflow-x: scroll;
        overflow-y: visible;
        padding:4px 0 6px 0;
        background-color:#fff;
}


/*====================================================================================
メイン
====================================================================================*/
/*------------------------------------------
カード
------------------------------------------*/
.card {
        position: relative;
        background-color: #fff;
        margin: 0 auto 8px;
        padding-bottom: 20px;
        box-shadow: 0 1px 1px 1px rgba(0,0,0,0.05);
}

.card .inner {
        padding: 10px;
}

.card .box &gt; *:not(:last-child) {
        margin-bottom: 15px;
}

.card .title {
        margin: 40px 0 15px;
}

.flex-item {
        display: flex;
        justify-content: center;
}


/*====================================================================================
天気予報 - テーブル -
====================================================================================*/
/*------------------------------------------
共通・設定
------------------------------------------*/
.fcst-table * {
        font-size: 16px;
        line-height: 1.0em;
        text-align: center;
        vertical-align: middle;
}
@media screen and (max-width: 374px) {
        .fcst-table * {
                font-size: 14px;
        }
}
.fcst-table .head * {
        margin: 0;
        color: #999;
        vertical-align: top;
        margin-top:7px;
        /* margin-bottom: 10px; */
}
.fcst-table .fcst_tmax {
        color: #cc0000;
}
.fcst-table .fcst_tmin {
        color: #0000cc;
}

/*------------------------------------------
        個別
------------------------------------------*/
#ampbox &gt; div {
        position: static;
        display: block;
        width: 375px;
        margin-left: auto;
        margin-right: auto;
}
.fcst-table {
        width: 100%;
        max-width: 375px;
        margin-left: auto;
        margin-right: auto;
}

.fcst-table .head, .fcst-table .flex &gt; div {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
          -ms-flex-pack : justify;
        justify-content : space-between;
        -webkit-box-align: center;
          -ms-flex-align : center;
                  align-items: center;
        margin-bottom: 5px;
}

.fcst-table .head {
        -webkit-box-align: start;
          -ms-flex-align : start;
                  align-items: start;
}

.fcst-table .head .item, .fcst-table .flex .item {
        width: 25%;
}
.fcst-table .head .item-srf, .fcst-table .flex .item-srf {
        width: 16%;
        font-size: 14px;
}
.txt_s {
font-size: 80%;
}

amp-list {
        min-height: 800px;
}
amp-list &gt; div[role=list]{
        position: relative;
        height: auto;
}

/*====================================================================================
観測値
====================================================================================*/
.obs_button {
        display: inline-block;
        text-align: center;
        width: calc((100% - 14px) / 4);
        height: 40px;
        padding-top: 8px;
        border-radius: 2px;
        background-color: #f0f0f0;
        color: #999;
}
.obs_button.selected {
        background-color: #333;
        color: #fff;
        font-weight: 600;
}
.obs-table-hourly {
        width: 100%;
}
.obs-table {
        width: 100%;
        text-align: center;
        padding-bottom: 16px;
        background-color: #fff;
}
.obs-table-hourly thead td {
        vertical-align: top;
        border: 1px solid #f0f0f0;
        background-color: #666;

}
.obs_graph {
        position: relative;
        width: 100%;
        margin-bottom: 15px;
}
.obs-table-hourly thead td, .obs-table-hourly thead * {
        color: #fff;
        font-size: 13px;
        line-height: 20px;
}
.obs-table-hourly tbody td {
        vertical-align: top;
        border: 1px solid #f0f0f0;
        padding: 5px;
}
/*====================================================================================
トピックスリスト
====================================================================================*/
.topics_list .item {
        position: relative;
}

.topics_list .item:not(:last-child) {
        border-bottom: 1px solid #eee;
}

.topics_list .item a {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
}

.topics_list .item .inner {
        display: table;
        table-layout: fixed;
}

.topics_list .item .inner &gt; * {
        display: table-cell;
        vertical-align: top;
}
.topics_text {
        padding-left: 10px;
}
.topics_list .item * {
        color: #00f;
}
.topics_text_sub {
        font-size: 12px;
}



/*====================================================================================
全国天気 &gt; 地域詳細 &gt; 今日の天気
====================================================================================*/
.area__date,.current__details,.ma__details {
        display: flex;
}
.area {
        background: #fff;
}
.area__headline,.card__title {
font-size: 18px;
line-height: 1.5;
font-weight: 600;
padding-left: 15px;
padding-right: 15px;
margin: 0 0 6px 0;
border-top:5px solid #eee;
padding-top:8px;
}
.card__title {
        font-weight:500;
}
.headline__sub {
        font-size: 1.2rem;
        position: relative;
        left: 3%;
        font-weight:500;
}
.area__date,.card__title  {
        border-top: 2px solid #ededed;
        border-bottom: 2px solid #ededed;
}
.area__date {
        justify-content: space-around;
        padding: 1% 0;
        margin: auto;
}
.date__content {
        font-weight: 500;
        font-size: 1.3rem;
}
.date__content a,.objective__btn a,.travel__btn a {
        text-decoration: underline;
}
.area__current {
        margin-top: 1%;
}
.current__temperature--pm{display: flex !important;}
.current__title {
        font-size: 1.6rem;
        position: absolute;
        width: 95px;
        left: 0;
        right: 60%;
        top: -15%;
        bottom: 0;
        margin: auto;
}
.temperature__content {
        display: block;
        font-size: 1.3rem;
        line-height: 1.5;
        text-align: right;
}
.current__icon img {
        position: absolute;
        left: 15px;
        top: 3px;
        width: 35%;
        max-width:45px;
}
.current__img img {
        width: 35vw;
}
.current__details {
        justify-content: center;
        align-items: center;
        width: 80%;
        margin:0 auto;
}
.current__left,.area__current {
        position: relative;
}
.current__temperature--now {
        font-size: 2.8rem;
}
.current__temperature--pm p {
        margin: 0;
}
.current__img {
        width:49%
}

.current__other--title:after,
.ma__pm--title:after {
        content: "：";
}
.current__other {
        display: flex;
        flex-wrap: nowrap;
        width: 80%;
        margin: 0 auto;
        font-size: 1.3rem;
}

.current__other dt,.current__other dd {
        white-space: nowrap;
        font-size : 1.3rem;
        /* line-height:1.5 */
}
.current__other--content:not(:last-child) {
        padding-right: 5%;
}
.card__title {
        padding: 2% 0 2% 2%;
}
.continuation_btn {
        text-align: center;
        font-size: 1rem;
        margin: 3% 0;

}
.continuation_btn a {
        color: #4D73B6;
        border: 1px solid #4D73B6;
        display: block;
        width: 200px;
        margin: auto;
        padding: 1.5%;
        font-size: 1.5rem;
}

/*------ 明日 ------*/
.area__ma {
        max-width: 375px;
        margin: auto;
}
.ma__morning,.ma__afternoon {
        text-align: center;
        font-size: 1.2rem;
        width:35%;
}
.ma__afternoon {
        margin-left: 2%;
}
.ma__title {
        font-weight: 500;
        font-size: 1.5rem;
        padding-top: 10%;
}
.ma__temperature {
        padding: 0;
}
.ma__content {
        display: block;
        margin: 0;
        padding-bottom: 3%;
        font-size: 1.3rem;
}
.ma__now {
        font-size: 2.2rem;
        font-weight: 500;
}
.ma__details {
        justify-content: center;
}
.ma__pm {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        width: 100px;
        margin: auto;
}
.ma__icon img {
        width: 60%;
}









/*====================================================================================
        トピックスリスト
====================================================================================*/
.topics {
        padding: 0 3%;
}
.topics__title {
        font-size: 23px;
        font-weight: 500;
        margin: 3% 0;
}
.img__information {
        margin-top: 2%;
}
.topics__text {
        font-size: 17px;
        margin: 3% 0;
}
.list {
        margin-top: 30px;
} 
.list__img img {
        width: 30%;
        height: 100%;
}
.list__title {
        font-size: 16px;
        font-weight: 500;
        position: relative;
        left: 2%;
}

.list__contents {
        position: relative;
        border-top: 2px solid #ededed;
        padding: 1% 0;
        width: 100%;
}
.list__contents:last-child {
        border-bottom: 2px solid #ededed;
}
.list__date {
        text-align: right;
        font-size: 14px;
}
.list__img img {
        float: left;
}
.list__wrap {
        padding: 0 2%;
}
.list__date {
        position: absolute;
        bottom: 12%;
        right: 0;
}
.list__btn {
        border :1px solid #4D73B6;
        width: 35%;
        font-size: 16px;
        text-align: center;
        position: absolute;
        right: 10px;
        bottom: -6%;
}
.list__btn a {
        color: #4D73B6;
        display: block;
        padding: 8% 10%;
}
.topics {
        position: relative;
        margin-bottom: 80px;
}





/*====================================================================================
        2-4-1
====================================================================================*/

.objective {
        padding: 0 2%;
}
.objective__link,.travel__link  {
        display: flex;
        justify-content: center;
}
.objective__link {
        margin: 3% 0 1.5%;
}
.objective__btn,.travel__btn {
        font-size: 1.3rem;
}
.objective__btn:not(:last-child) {
        margin-right: 7%;
}
.travel__btn:not(:last-child) {
        margin-right: 3.5%;
}
.travel__link {
        background: #F0F0F0;
        padding: 2%;
}
.attractions {
        background: #F2F2F2;
        margin-top: 1.5%;
        padding-bottom: 20%;
        position: relative;
}
.attractions__content {
/*      padding: 2.5%;*/
        border-top: 1px solid #D7D6D6;
        font-size: 1.25rem;
}
.attractions__content:last-child {
        border-bottom: 1px solid #D7D6D6;
}
.attractions__valley {
        float: left;
}
.attractions__mbc {
        text-align: right;
}
.page__transition {
        padding-bottom: 3%;
        width: 90%;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 3%;
        margin: auto;
}
.transition__btn {
        border: 1px solid #D7D6D6;
        width: 13%;
        margin: auto;
        text-align: center;
}
.transition__btn a {
/*      background: pink;*/
        display: block;
        padding: 20%;
}
.page__transition--active {
        background: -webkit-linear-gradient(left, #c2e9fb 0%, #a1c4fd 100%);
        background: -o-linear-gradient(left, #c2e9fb 0%, #a1c4fd 100%);
        background: linear-gradient(to right, #c2e9fb 0%, #a1c4fd 100%);
}
.page__transition--active a {
        color: #00608d!important;
        font-weight: bold;
}
.attractions__link a {
        display: block;
        padding: 3.5%;
}</pre></body></html>