/*PC用設定*/
/*body デフォルト*/
body{
background-color:#e5f1d1;
font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
font-weight:bold;
color:#0e513c;
margin:0;
}

/*table デフォルト*/
table{
width:100%;
min-width:300px;
max-width:640px;
text-align:center;
font-weight:bold;
}

/*div デフォルト*/
div{
width:100%;
min-width:300px;
max-width:640px;
text-align:center;
font-weight:bold;
}

/*最大幅なし*/
.maxw{
max-width:none;
width:100%;
}


/*img デフォルト*/
img{
width:100%;
min-width:300px;
max-width:640px;
/*border-radius:5px;*/
}

/*a タグデフォルト(リンクなどで文字色を変えない)*/
a,
a:visited,
a:hover,
a:active {
  color: inherit;
}
a{
text-decoration:none; 
}

/*div文字自動横スクロール*/
div.scroll {
margin:0;
overflow:hidden;
width:100%;
min-width:300px;
max-width:640px;
background-color:#008080;
color:white;
padding:0.3em 0 0 0;
}
div.news {
  display: inline-block;
  padding-left: 100%;
  white-space: nowrap;
  line-height: 1em;
  animation: scrollAnime 18s linear infinite;
  font-size:80%;
}
.news div {display: inline-block; margin-right: 10px;}
@keyframes scrollAnime{
    0% {transform: translateX(0)}
  100% {transform: translateX(-100%)}
}

/*divサブタイトル用*/
div.sub_title{
color:white;
font-size:120%;
/*border-radius:5px;*/
border:none;
background-color:#008080;
border-color:#e5f1d1;
margin:0 0 0 0;
padding:0.1em 0 0.1em 0;
}

/*tdサブタイトル用*/
td.sub_title{
color:white;
font-size:80%;
background-color:#008080;
padding-top:0.1em;
line-height:0.8em;
}

/* 降雪スケール */
img.scale{
max-width:360px;
}

/*table 数値データテーブル用(トップページランキング用、非スクロール用)*/
table.data{
border-collapse: collapse;
border-spacing:0;
empty-cells:show;
margin:0.3em 0 0.3em 0;
}
.data th{
border-right:1px solid #b3c98c;
border-left:1px solid #b3c98c;
border-bottom:1px solid #b3c98c;
background-color:#008080;
color:white;
}
.data td{
border-right:1px solid #008080;
border-bottom:1px solid #008080;
}

/*div 角丸テーブル(メニュー用)*/
div.kadomaru{
color:white;
font-size:140%;
border:none;
background-color:#3a9551;
padding:0.5em 0 0.5em 0; /*[上][右][下][左]*/
margin:0;
}

/*div 角丸テーブル(メニュー用)*/
div.kadomaru_big{
color:white;
font-size:140%;
border:none;
background-color:#3a9551;
padding:0.7em 0 0.7em 0; /*[上][右][下][左]*/
margin:0;
}

/*div エンドタイトル用*/
div.end{
font-size:90%;
color:white;
background-color:#008080;
margin:0;
padding:0.2em 0 0.2em 0;
border:none;
}

/*a ボタンライク*/
a.btn{
display:block;
text-decoration:none;
color:white;
}

/*div メニューツリー用*/
div.menu_tree{
text-align:left;
padding-left:0.3em;
width:table;
font-style:italic;
font-size:90%;
color:white;
}

/*table 2列ボタンメニュー用*/
table.two_col{
border-collapse: collapse;
table-layout:fixed;
font-size:140%;
background-color:#3a9551;
empty-cells:show;
}
.two_col td{
border-bottom:3px solid #008080;
padding:0.5em 0 0.5em 0;
}
.two_col th{
border-bottom:3px solid #008080;
padding:0.5em 0 0.5em 0;
width:100px;
font-size:90%;
text-align:left;
color:white;
padding-left:0.2em;
}

td.shikiri{
border-left:3px solid #008080;
}

/*table パウダーランキング選択用*/
table.rank{
table-layout:fixed;
}
.rank th{
width:100px;
text-align:left;
padding-left:1em;
}

/*div 検索用*/
div.search{
background-color:#b3c98c;
/*border-collapse: separate;*/
/*border-radius: 5px;*/
/*overflow: hidden;*/
border:none;
font-size:120%;
margin:0;
}

/*div 小文字用*/
div.mini{
font-size:70%;
}
div.mini2{
font-size:90%;
}

/*div セレクタ用上側(前日、翌日) ブロック要素フレックス配置*/
div.selector1{
color:white;
border:none;
background-color:#3a9551;
margin:0 0 0.05em 0;
padding:0.1em 0 0.1em 0;;
display:flex;
justify-content:space-between;
align-items:center;
}

/*table セレクタ用下側(3日間、10日間、30日間)*/
table.selector2{
color:white;
font-size:120%;
/*border-radius:5px;*/
/*border-color:#e5f1d1;*/
border-collapse:collapse;
border:none;
margin:0 0 0.05em 0;
padding:0;
}
.selector2 td{
background-color:#3a9551;
border-left:0.2em solid #e5f1d1;
border-top:0.1em solid #e5f1d1;
color:white;
}

/*div アイテムタイトル用 ブロック要素フレックス配置*/
div.item_title{
color:white;
border:none;
background-color:#008080;
margin:0.2em 0 0.2em 0;
padding:0;
display:flex;
justify-content:space-between;
align-items:center;
}

/*p 前日、翌日リンク表示・非表示用*/
p.ib_side{
font-size:90%;
color:white;
margin:0;
padding:0 1em 0 1em;
visibility:visible;
}
p.ib_side_hidden{
font-size:120%;
color:white;
margin:0;
padding:0 1em 0 1em;
visibility:hidden;
}
p.ib_center{
font-size:200%;
color:white;
margin:0;
padding:0;
}
p.ib_center2{
font-size:130%;
color:white;
margin:0;
padding:0;
text-align:center;
}


/*td セレクタ期間選択用(選択されている)またはデータ日時欄*/
td.history{
background-color:#b3c98c;
color:#0e513c;
}

/*td 左側線なし*/
td.no_border_left{
border-left:none;
}

/*table 数値データテーブル用(ランキング用、全角丸なし、スクロール用)*/
table.data3r{
/*border-collapse:collapse;*/
/*border-radius:10px;*/
border-collapse:separate;
border-spacing:0;
empty-cells:show;
margin:0.3em 0 0.3em 0;
}
.data3r th{
border-right:1px solid #e5f1d1;
border-bottom:1px solid #e5f1d1;
/*background-color:#008080;*/
background-color:#3a9551;
color:white;
font-size:100%;
position:sticky;
top:0;
}
.data3r td{
border-right:1px solid #3a9551;
border-bottom:1px solid #3a9551;
color:#0e513c;
font-size:100%;
}

table.no_margin{
margin:0;
}

/*td 右端の罫線を消す*/
td.data2{
border-right:1px solid #e5f1d1;
}
td.data2b{
border-right:1px solid #b3c98c;
}

/*th 右端の罫線を消す*/
th.data2{
border-right:1px solid #3a9551;
}

/*input データ表示ボタンなど*/
input.data{
font-size:120%;
font-weight:bold;
width:100%;
min-width:300px;
max-width:640px;
color:white;
/*border-radius:5px;*/
border:none;
background-color:#3a9551;
border-color:#e5f1d1;
}

/*input データ表示ボタンなど*/
input.data2{
font-size:100%;
font-weight:bold;
width:100%;
min-width:300px;
max-width:640px;
color:white;
/*border-radius:5px 5px 0 0;*/
border:none;
background-color:#3a9551;
border-color:#e5f1d1;
}

/*input 検索ボタンなど*/
input.search{
font-size:90%;
font-weight:bold;
color:white;
border-radius:5px;
border:1px;
background-color:#3a9551;
}

/*select プルダウンメニュー用*/
select{
border:1px;
font-size:90%;
/*font-weight:bold;*/
background-color:#e5f1d1;
color:#0e513c;
}

/*div ツイッター用*/
div.twitter{
padding:0.3em 0 0.3em 0;
}

/*div メニュー仕切り線*/
div.shikiri{
border-bottom:3px solid #008080;
}

/*table 観測地点情報、山情報、スキー場情報用*/
table.info{
border-collapse: collapse;
empty-cells:show;
margin-top:0.2em;
}
.info th{
border-bottom:1px solid #b3c98c;;
background-color:#008080;
color:white;
font-size:100%;
width:100px
}
.info td{
border-bottom:1px solid #008080;
border-top:1px solid #008080;
font-size:100%;
padding-left:0.5em;
text-align:left;
}

/*テキスト用*/
.txt{
text-align:left;
margin:10px 0 10px 0;
}

/*ヘルプ画像用*/
img.help{
width:80%;
border:solid 5px black;
border-radius:30px;
margin:10px 0 10px 0;
}
/*ここから先はPCとスマホで異なる部分*/
/*iframe マップ用(PC:360px,スマホ:240px)*/
iframe.map_main{
width:100%;
min-width:300px;
max-width:640px;
/*border-radius:5px;*/
border:none;
height:320px;
}
iframe.map{
width:100%;
min-width:300px;
max-width:640px;
/*border-radius:5px;*/
border:none;
height:320px;
}

/*div 凡例用(PC:140%,スマホ:110%)*/
div.hanrei{
font-size:140%;
}

/*div 項目およびデータスクロール用枠(PC:360px,スマホ:240px)*/
div.scroll2 {
height:360px;
overflow:scroll;
/*border-radius:0 0 5px 5px;*/
-ms-overflow-style: none;    /* IE、Edge用 */
scrollbar-width: none;    /* Firefox用 */
}
div.scroll2::-webkit-scrollbar {  /* Chrome, Safari 対応 */
        display:none;
}

/*body メインページの背景色(スマホのみに設定)*/
body.main{
background-color:#b3c98c;
}

/*div 小文字用(PC:90%,スマホ:80%)*/
div.mini2{
font-size:90%;
}