@charset "UTF-8";

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	*behavior: url(/common/js/boxsizing.htc);
}

html, body {
	width: 100%;
	height: 100%;
	background-color: #000;
	overflow: hidden;
}

/*#wrapper {
	width: 1080px;
	height: 1920px;
	min-width: 1080px;
	min-height: 1920px;
	position: relative;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

#wrapper.w1920xh1080 {
	width: 1920px;
	height: 1080px;
	min-width: 1920px;
	min-height: 1080px;
}*/

.clearfix:after {
	visibility: hidden;
	display: block;
	content: " ";
	clear: both;
	height: 0;
}
/*------------------------------
 * iframe
 ------------------------------*/
iframe, #screen {
	height: 100%;
	width: 100%;
	position: fixed;
	top: 0;
	/*display: none;*/
	z-index: 1;
}

iframe.active {
	display: block;
	z-index: 1001;
}

#screen {
	background-color: #fff;
	z-index: 1000;
}

/*------------------------------
 * table
 ------------------------------*/
table.list {
	margin-top: 10px;
}
table.list, table.list th, table.list td {
	border-collapse: collapse;
	border: 1px solid #333;
}
table.list th, table.list td {
	padding: 5px 10px;
}
/*------------------------------
 *
 ------------------------------*/
 
#signage_area {
    background: #000;
    position: relative;
    width: 100%;
    background: #000;
}

#news_area {
    width: 100%;    
    height: 16%;
    line-height:160px;
    font-size: 54px;
    background: #000;
    color: #fff;
    top: 0;
    left: 0;
    z-index: 1100;
	position: fixed;
    overflow: hidden;
}
#news_area > .message {
  animation-name: marquee;
  animation-timing-function: linear;
  animation-duration: 100s;
  animation-iteration-count: infinite;
  
  /* widthを有効にするため。pタグでなくｓｐanタグを使う場合は不要 */
  display: inline-block;
  /* 折り返されないようにする */
  white-space:nowrap;
  /* .marquee-container分、左にpaddingを設定し、メッセージを右に追い出す */
  padding-left: 100%;
}

@keyframes marquee {
  from { transform: translate(0); }
  to { transform: translate(-100%); }
}
#signage_area {
    position: relative;
}
#signage_area iframe {
    transform: scale(0.84,0.84);
    top: 8%;
    left: 0;
	position: fixed;
}

#screen_news {
	height: 100%;
	width: 100%;
	position: fixed;
	top: 0;
	/*display: none;*/
	z-index: 1;
	background-color: #000;
	z-index: 1000;
}