@charset "utf-8";

/* -------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------
	TYPHOON Channel for rakuraku
	
	new released : July, 2012
	update : 

	Copyright(c)WEATHER NEWS INC. ALL RIGHT RESERVED.
----------------------------------------------------------------------------------------
------------------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------------------
  BASIS
------------------------------------------------------------------------------------- */
table.typhoon{}
table.typhoon tbody tr{border-bottom:solid 1px #757d8a;}table.typhoon tbody tr:first-child,table.typhoon tbody tr:last-child{border-bottom:none;}
table.typhoon tbody tr td{text-align:center;width:50%;}

table.typhoon tbody tr td.ty-position{font-size:24px;text-shadow:0 0 1px #000;padding-bottom:0;}
table.typhoon tbody tr td.ty-position-num{font-size:22px;padding:0 0 5px 0;}

table.typhoon tbody tr.ty-item td{color:#336699;background:#ecf6ff;}
table.typhoon tbody tr.ty-item td:first-child,table.typhoon tbody tr.ty-data td:first-child{border-right:solid 1px #757d8a;}

a.wxrepolink { color:#2e5479;text-decoration: underline; }
a.wxrepolink:active { color:gray }
.cnt-bg-wht {width: 100%; border: none; position:relative;}
#typhoon_empty_image {width: 100%; height: 100%; text-align: center; }
#typhoon_no_msg {top: 45%; left: 0; position: absolute; width: 100%; font-size: 20px; }
div.list-nav ul.row2.gray li a {line-height: 1.5em; margin-left: 14px; font-size: 23px; }

.cm-body{white-space: pre-wrap;}
.comment_area{ margin-bottom: 70px;}
.comment_area.hidden {
  height: 15em;
  overflow: hidden;
}
.comment_area.hidden .button.hidden {display: none;}
.comment_area.open .button.open {display: none;}
.comment_area:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: #fff;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.comment_area.hidden:before {
  background: linear-gradient(to bottom, rgba(255,255,255,0)60%, rgba(255,255,255,1) 100%);
}
.comment_area.open:before {
  background-color: transparent;
  
}
.comment_openButton {
  text-align: center;
}
.comment_closeButton{
  text-align: center;

}
.outer_button{
  border:#0c419a solid 1px;
  border-radius: 4px;
  margin:0 auto;
  z-index: 2;
  position: absolute;
  display: block;
  color: #0c419a;
  font-weight: bold;
  width: 50%;
  bottom: -5px;
  font-size:20px;
  margin-bottom: 20px;
  left:25%;
  padding:5px 0;
}