/*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;
}

/*ツイートボタン余白カット用*/
iframe.twitter-share-button{width:85px!important;}

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

/*★iframeデフォルト*/
iframe{
border-radius:10px;
}

/*★table デフォルト*/
table{
width:100%;
min-width:300px;
max-width:640px;
}

/*★tdタグ デフォルト*/
td{
font-size:120%;
font-weight:bold;
}

/*★iframe map*/
iframe.map{
width:100%;
min-width:300px;
max-width:640px;
border-radius:5px;
height:240px;
}

/*★メニュータイトル用*/
table.menu_title{
font-size:100%;
text-align:center;
color:white;
/*background-color:#008080;*/
border-collapse: separate;
border-radius: 15px 15px 0 0;
overflow: hidden;
margin-bottom:0;
}
.menu_title td{
background-color:#008080;
}

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

/*★アイテムタイトル用*/
table.item_title{
font-size:160%;
text-align:center;
color:white;
/*background-color:#008080;*/
border-collapse: separate;
border-radius: 0 0 15px 15px;
overflow: hidden;
margin-top:-0.05em;
}
.item_title td{
background-color:#008080;
}

/*★セレクタ用上側(前日、翌日)*/
table.selector1{
border-collapse: separate;
border-radius: 15px 15px 0 0;
margin-bottom:-0.10em;
overflow: hidden;
/*table-layout:fixed;*/
}

/*★セレクタ用下側(3日間、10日間、30日間)*/
table.selector2{
border-collapse: separate;
border-radius: 0 0 15px 15px;
overflow: hidden;
table-layout:fixed;
margin-bottom:0.5em;
}

/*★セレクタ用前日、翌日非表示用*/
a.hidden{
visibility:hidden;
}

/*★セレクタ用前日、翌日表示用*/
a.visible{
visibility:visible;
}

/*★セレクタ用前日、翌日配置、地点サブ用*/
div.ib_center{
display:inline-block;
width:70%;
}
div.ib_side{
display:inline-block;
width:50px;
/*background-color:red;*/
}
div.ib_center2{
display:inline-block;
width:60%;
}
div.ib_side2{
display:inline-block;
width:70px;
font-size:60%;
padding:0;
margin:0;
}






/*★tableタグ サブタイトル用*/
table.sub_title{
font-size:130%;
font-weight:bold;
width:100%;
min-width:300px;
max-width:640px;
color:white;
border-radius:5px;
border:1px solid;
background-color:#008080;
border-color:#e5f1d1;
text-align:center;
margin-bottom:0em;
padding:0;
}

/*★タイトル用*/
table.title{
font-size:100%;
text-align:center;
color:white;
border:1px solid;
background-color:#008080;
border-color:#e5f1d1;
/*background-color:#3a9551;*/
font-weight:bold;
border-collapse: separate;
border-radius: 5px;
overflow: hidden;
margin-bottom:0.3em;
}

/*★エンドタイトル用*/
table.end{
font-size:90%;
text-align:center;
color:white;
background-color:#008080;
/*background-color:#3a9551;*/
font-weight:bold;
height:25px;
margin-top:1em;
border-collapse: separate;
border-radius: 5px;
overflow: hidden;
}

/*セレクタ用(3日間、10日間、30日間)*/
table.selector{
border-collapse: separate;
border-radius: 15px;
overflow: hidden;
/*table-layout:fixed;*/
}



/*★グラフ画像を重ねて配置用*/
div.relative {
position: relative;
width:100%;
min-width:300px;
max-width:640px;
}
img.absolute {
position: absolute;
width:85%;
height:auto;
top:8%;
left:8%;
}

/*画像リサイズ*/
img.resize{
width:100%;
min-width:300px;
max-width:640px;
border-radius:5px;
}


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

/*★inputタグ(データ表示ボタンなど)*/
input.data2{
font-size:120%;
font-weight:bold;
width:100%;
min-width:300px;
max-width:640px;
color:white;
border-radius:10px 10px 0 0;
border:1px solid;
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;
}



/*トップメニュー用*/
td.menu{
padding:1em 0em 0em 0.5em; /*[上][右][下][左]*/
}

/*トップメニュー説明用*/
td.mid{
padding-left:1.5em;
height:30px;
}

/*地点カテゴリタイトル*/
td.ctitle{
background-color:#b3c98c;
font-weight:bold;
text-align:center;
border-collapse: separate;
border-radius: 10px;
overflow: hidden;
}

/*小メニュー(アイテム選択)用*/
td.item{
font-size:95%;
font-weight:bold;
height:30px;
padding-left:1em;
}

/*ノート用*/
td.note{
font-size:80%
}

/*小文字用*/
td.mini{
font-size:90%;
background-color:#b3c98c;
border-color:#b3c98c;
text-align:center;
}

/*凡例用*/
td.mini3{
font-size:110%;
text-align:center;
}

/*リンク デフォルト*/
a{
/*text-decoration:none;*/
color:#0e513c;
}

/*更新履歴用*/
p.mini2{
font-size:70%;
}

/*★数値データテーブル用(トップページランキング用、全角丸、非スクロール用)*/
table.data{
border-radius:5px;
border-collapse:separate;
overflow: hidden;
border-spacing:0;
empty-cells:show;
}
.data th{
border-right:1px solid #e5f1d1;
border-left:1px solid #e5f1d1;
border-bottom:1px solid #e5f1d1;
background-color:#008080;
/*background-color:#3a9551;*/
color:white;
font-size:100%;
}
.data td{
border-right:1px solid #3a9551;
border-bottom:1px solid #3a9551;
color:#0e513c;
text-align:center;
font-size:100%;
}

/*★数値データテーブル用(下だけ角丸)*/
table.data3{
/*border-collapse:collapse;*/
border-radius:0 0 10px 10px;
border-collapse:separate;
overflow: hidden;
border-spacing:0;
empty-cells:show;
}
.data3 th{
border-right:1px solid #e5f1d1;
border-left:1px solid #e5f1d1;
border-bottom:1px solid #e5f1d1;
/*background-color:#008080;*/
background-color:#3a9551;
color:white;
font-size:100%;
}
.data3 td{
border-right:1px solid #3a9551;
border-bottom:1px solid #3a9551;
color:#0e513c;
text-align:center;
font-size:100%;
}

/*★数値データテーブル用(ランキング用、全角丸なし、スクロール用)*/
table.data3r{
/*border-collapse:collapse;*/
/*border-radius:10px;*/
border-collapse:separate;
border-spacing:0;
empty-cells:show;
}
.data3r th{
border-right:1px solid #e5f1d1;
border-left: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;
text-align:center;
font-size:100%;
}

/*★データスクロール用、スクロールバーを消す*/
div.scroll2 {
height:160px;
overflow:scroll;
/*-ms-overflow-style: none;    /* IE、Edge用 */*/
/*scrollbar-width: none;    /* Firefox用 */*/
}
/*div.scroll2::-webkit-scrollbar {  /* Chrome, Safari 対応 */*/
/*        display:none;*/
/*}*/

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

/*観測地点情報、山情報、スキー場情報用*/
table.info{
border-radius: 10px;
border-collapse: separate;
border-spacing: 0;
overflow: hidden;
empty-cells:show;
margin-top:0.3em;
}
.info th{
border-bottom:1px solid #e5f1d1;
background-color:#008080;
/*background-color:#3a9551;*/
color:white;
font-size:100%;
width:100px
}
.info td{
border-bottom:1px solid #3a9551;
border-top:1px solid #3a9551;
font-size:100%;
padding-left:0.5em;
}

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

/*データタイトル用*/
td.dtitle{
background-color:#3a9551;
color:white;
text-align:center;
}

/*セレクタ期間選択用*/
td.history{
background-color:#b3c98c;
text-align:center;
}


/*検索用テーブル*/
table.search{
background-color:#b3c98c;
text-align:center;
border-collapse: separate;
border-radius: 10px;
overflow: hidden;
}
/*小文字用*/
div.mini{
font-size:70%;
}


/*過去データ検索窓用*/
div.data{
height:30px;
}

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


/* ボタンライクなリンク(メニュー用) */
a.btn_menu{
font-size:110%;
font-weight:bold;
color:white;
border-radius:5px;
border:1px;
background-color:#3a9551;
padding: 0.5em 0.5em;
display:block;
}

/* ボタンライクなリンク(2列メニュー用) */
a.btn_menu2{
font-size:100%;
font-weight:bold;
color:white;
border-radius:5px;
border:1px;
background-color:#3a9551;
padding: 0.5em 0.5em;
display:block;
}

/* ボタンライクなリンク */
a.btn{
font-size:90%;
font-weight:bold;
color:white;
border-radius:5px;
border:1px;
background-color:#3a9551;
line-height:50px;
padding: 0.5em 0.5em;
}

/* ボタンライクなリンク(非表示) */
a.btn_hidden{
font-size:90%;
font-weight:bold;
color:white;
border-radius:5px;
border:1px;
background-color:#3a9551;
line-height:50px;
padding: 0.5em 0.5em;
visibility:hidden;
}

/* ボタンライクなリンク 2*/
a.btn2{
font-size:90%;
font-weight:bold;
color:white;
}

/* ボタンライクなリンク(非表示)2 */
a.btn_hidden2{
font-size:90%;
font-weight:bold;
color:white;
visibility:hidden;
}


/*★角丸テーブル(メニュー用)*/
table.kadomaru{
border: 5px solid;
border-color:#e5f1d1;
border-radius: 10px;
border-collapse: separate;
border-spacing: 0;
overflow: hidden;
background-color:#3a9551;
padding:0.15em 0.15em 0.15em 0.5em; /*[上][右][下][左]*/
margin-top:0.1em;
}

/*2列ボタンメニュー用*/
table.two_col{table-layout:fixed;}
div.uchimaru{
border:1px solid;
border-radius:5px;
border-color:#e5f1d1;
background-color:#3a9551;
}
td.two_col{
padding:0.2em;
}

/*★スクロール*/
div.scroll {
margin: auto;
overflow:hidden;
width:100%;
min-width:300px;
max-width:640px;
}
div.news {
  display: inline-block;
  padding-left: 100%;
  white-space: nowrap;
  line-height: 1em;
  animation: scrollAnime 18s linear infinite;
}
.news div {display: inline-block; margin-right: 10px;}
@keyframes scrollAnime{
    0% {transform: translateX(0)}
  100% {transform: translateX(-100%)}
}

/*テスト用*/
p.redfont{
color:red;
font-size:150%;
font-weight:bold;
}

p.bluefont{
color:blue;
font-size:150%;
font-weight:bold;
}