@charset "UTF-8";

/***********************
 *[g050200] カメラ画像
 ***********************/

/**
 * カメラ表示制御
 */
div.ctrl-cam
{
  display: table;
  background-color: #f0f0f0;
  vertical-align: middle;
  text-align: right;
  padding-right: 5px;
  width : calc( 100% - 10px - 10px );
  height: 20px;
}
div.ctrl-cam > div
{
  display: table-cell;
  width: 60px;
}
div.ctrl-cam > div:first-child
{
  width: auto;
}
div.ctrl-cam > div#cam-blank
{
  border: 2px solid #c0c0c0;
  border-radius: 5px;
  border-color: #99a6b3;
  color: #000000;
  width: 50px;
}

/**
 * 上部コメント
 */
div#comment
{
 font-size: 14px;
}

/**
 * カメラリスト（サムネイル）
 */
table.camera-list td{
	text-align:center;
	background-color:transparent;
}
table.camera-list td.blank{
}
img.cam-thum{
	max-width:320px;
	max-width:240px;
	cursor: pointer;
}
/**
 * カメラ画像表示
 */
div#area-cam
{
  display: none;
  position: absolute;
  top : 0;
  left: 0;
  width : 100%;
  height: calc( 100vh - 5px );
  background-color: rgba( 0, 0, 0, 0.9 );
}
div#area-cam > div
{
  background-color: #ffffff;
  border: solid 2px #0000ff;
  border-radius: 10px;
  margin: 20px auto;
  width: 800px;
  height: 520px;
  text-align: center;
}
div#area-cam > div > img
{
  margin: 20px 0px 20px 0px;
  max-height:480x;
  
}
div#area-cam > div > div.ctrl-btn
{
  width: 75px;
  margin: 0px auto;
}