/* 共通 */
body, body * {
//	box-sizing : border-box;
/*	top : 0%;
	left : 0%;

	width : 100%;
	height : 100%;
*/
}

.adjusterV {
	display : table;
  float   : right;
	width:100%;
}

.adjusterV > span {
	display : table-cell;
}

#releaseTime {
	display : table;
  text-align: right;
	width:100%;
}

/*
 * **************************************************
 *  過去データ選択、発表時刻
 * **************************************************
 */
div.listContainer {
	position : relative;;
	height:30px;
	display: table;
}
#timeList {
	width : 180px;
	height: inherit;
	display: table-cell;
	float:left;
	top: 3px;
}
div.announceDate {
	width : 100%;
	color : black;
	font-size : 0.9em;
	font-weight : normal;
	height:inherit;
	vertical-align:middle;
  max-width: 250px;
  height: 10px;
  top: 3px;
  margin :auto;


}
div.announceDate .adjusterV {
	float:right;
}
div.announceDate .adjusterV > span {
	text-align : right;
	vertical-align:bottom;
}
div.topKunrenContainer,
div.bottomKunrenContainer {
	height:20px;
	display: none;
}
div.torikeshiContainer {
	height:15px;
	display: none;
	margin-top : 5px;
	margin-left : 15px;
	margin-bottom : -10px;
}
#comment{
	margin-top : 1em;
	font-weight : bold;
}

/*
 * **************************************************
 *  地図表示部
 * **************************************************
 */
div.map-box {
  box-sizing : border-box;
}

div.ratio_map {

	position : relative;
	top : 5px;
	left : 0px;
  right : 0px;
  margin:5px auto;
  
//	border : 3px solid #FFF;

  max-width   : 270px;
 // max-height  : 207px;

}

div.ratio_map:before {
	content : "";
	display : block;
	padding-top : 75%;
}
div.inner {
	position : absolute;

  top: 0%;
  left: 0%;
  right: 0%;

  max-width   : 270px;
  max-height  : 207px;
  white-space: nowrap;
	height:100%;
}
/**
 * 地図
 */
div.map {
	background-color: #1C3B94;
	background-size : contain;
  position: relative;
  width: 100%;
  height: 100%;
  white-space: nowrap;

}


/**
 * 地図上の凡例
 */
div.notice {
	position : absolute;
	top : 38%;
	left : 7%;
	width : 86%;
	height : 10%;
}

/**
 * 地図上の未発表文字
 */
div.firstLine,
div.secondLine {
	width: 100%;
	height:100%;
}
div.firstLine span,
div.secondLine span {
	color : white;
	font-size : 4em;
	font-weight : bold;
	text-shadow : 3px 3px 3px black;
	float : left;
	text-align : left;
	height: 100%;
	width: 100%;
}
div.secondLine span {
	text-align : right;
}

/**
 * 発表ブロックのタイトルに色を指定
 */
div.alertL {
  background: #FF0000;
  background: -webkit-gradient(linear, left top, left bottom, from(#FEBFBF), color-stop(50%, #FF4B4B), color-stop(50%, #FF0000), to(#FEBFBF));
  background: -webkit-linear-gradient(top, #FEBFBF, #FF4B4B 50%, #FF0000 50%, #FEBFBF);
  background: -moz-linear-gradient(top, #FEBFBF, #FF4B4B 50%, #FF0000 50%, #FEBFBF);
  background: -ms-linear-gradient(top, #FEBFBF, #FF4B4B 50%, #FF0000 50%, #FEBFBF);
  background: -o-linear-gradient(top, #FEBFBF, #FF4B4B 50%, #FF0000 50%, #FEBFBF);
  background: linear-gradient(top, #FEBFBF, #FF4B4B 50%, #FF0000 50%, #FEBFBF);
}
div.alert {
  background: #FFA500;
  background: -webkit-gradient(linear, left top, left bottom, from(#FEE8BF), color-stop(50%, #FFB933), color-stop(50%, #FFA500), to(#FEE8BF));
  background: -webkit-linear-gradient(top, #FEE8BF, #FFB933 50%, #FFA500 50%, #FEE8BF);
  background: -moz-linear-gradient(top, #FEE8BF, #FFB933 50%, #FFA500 50%, #FEE8BF);
  background: -ms-linear-gradient(top, #FEE8BF, #FFB933 50%, #FFA500 50%, #FEE8BF);
  background: -o-linear-gradient(top, #FEE8BF, #FFB933 50%, #FFA500 50%, #FEE8BF);
  background: linear-gradient(top, #FEE8BF, #FFB933 50%, #FFA500 50%, #FEE8BF);
//  background-color : orange;
}
div.warning {
  background: #FFFF00;
  background: -webkit-gradient(linear, left top, left bottom, from(#FFFFDF), color-stop(50%, #FDFF7F), color-stop(50%, #FFFF00), to(#FFFFDF));
  background: -webkit-linear-gradient(top, #FFFFDF, #FDFF7F 50%, #FFFF00 50%, #FFFFDF);
  background: -moz-linear-gradient(top, #FFFFDF, #FDFF7F 50%, #FFFF00 50%, #FFFFDF);
  background: -ms-linear-gradient(top, #FFFFDF, #FDFF7F 50%, #FFFF00 50%, #FFFFDF);
  background: -o-linear-gradient(top, #FFFFDF, #FDFF7F 50%, #FFFF00 50%, #FFFFDF);
  background: linear-gradient(top, #FFFFDF, #FDFF7F 50%, #FFFF00 50%, #FFFFDF);
//  background-color : yellow;
}

/**
 *
 */
div.alert_title  span,
div.alert_list p {
  padding: 2px 0;
  text-align: center;
}

/**
 * 発表ブロックの枠を指定
 */
div.alert_title, div.alert_list {
  //width : 95%;
  margin-left: auto;
  margin-right: auto;
  text-decoration: none;
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  border-spacing: 0;
  border-collapse: collapse;
}
div.alert_title {
  line-height: 28px;
  border: solid 1px #757d8a;
}
div.alert_list {
  line-height: 20px;
	min-height: 20px;
	border-left: solid 1px #757d8a;
	border-right: solid 1px #757d8a;
}
.infoTable:last-child {
  border-bottom: solid 1px #757d8a;
}


/*
 * **************************************************
 *  発表ブロック一覧
 * **************************************************
 */


div.infoContainer {
  padding: 10px 0px;
	display : none;
	height : auto;
	min-height : 10px;
  box-sizing: border-box;
  position: relative;
  top: 0%;
  left: 0%;
  width: 100%;
  background-color: #e3e5e8;
}


/**
 * 注警報の種別
 */
div.infoTable div.name {
	//width : 25%;
  //font-size : 5px;
	font-size : 1.1em;
	font-weight : bold;
  height: auto !important;
  vertical-align: middle;
  display: table;
  width: 100%;
  text-align: center;
}
/**
 * ブロック名称
 */
/*
div.infoTable div.place {
	//width : 75%;
	//background-color : white;
	//border-left : black 1px solid;
	//margin-left : 25%;
}
div.infoTable div.place > div {
	//border : #E2E2E2 2px solid;
}
*/
/*div.infoTable div.place div.contents {
	font-size : 1em;
	line-height : 1.4em;
	word-wrap : break-word;

	padding : 0.4em 0.2em 0.2em 0.6em;
}*/
/*div.infoTable div.name > div,
div.infoTable div.place> div {
        min-height: 35px;
        height: auto !important;
        height: 35px;
}*/
/*div.name, div.place {
        height: auto !important;
        vertical-align: middle;
        display: table-cell;
}*/
div.infoTable {
	height: auto !important;
	background: #fff;
	width: 95%;
	margin: 0 auto;
}
/*div.infoTable div.name > div > span,
div.infoTable div.place > div > div {
        vertical-align : middle;
	      white-space : normal;
}*/

/*
 * マップ上のフォントサイズ
 */

@media only screen and (max-width: 300px) {
div.firstLine span,
div.secondLine span {
    font-size : 1.3em;
}
}

@media only screen and (min-width: 301px) {
div.firstLine span,
div.secondLine span {
  font-size : 1.5em;
}
}