@charset "utf-8";

html {
    font-size: 75%;
}
/* mediaQueries */
/* height */
@media screen and (min-height : 100px) {
    html {
        font-size: 50%;
    }
}

@media screen and (min-height : 480px) {
    html {
        font-size: 50%;
    }
}

@media screen and (min-height : 768px) {
    html {
        font-size: 60%;
    }
}

@media screen and (min-height : 1024px) {
    html {
        font-size: 90%;
    }
}

@media screen and (min-height : 1280px) {
    html {
        font-size: 110%;
    }
}

@media screen and (min-width : 800px) and (min-height: 480px) {
    html {
        font-size: 50%;
    }
}

@media screen and (min-width : 960px) and (min-height: 640px) {
    html {
        font-size: 60%;
    }
}

@media screen and (min-width : 1024px) and (min-height: 640px) {
    html {
        font-size: 70%;
    }
}

@media screen and (min-width : 1280px) and (min-height: 700px) {
    html {
        font-size: 80%;
    }
}

@media screen and (min-width : 1680px) and (min-height: 940px) {
    html {
        font-size: 90%;
    }
}

@media screen and (min-width : 1920px) and (min-height: 940px) {
    html {
        font-size: 100%;
    }
}

@media screen and (min-width : 1366px) and (min-height: 940px) {
    html {
        font-size: 110%;
    }
}

html,body,.wrap {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    background: #000000;
    font-family: Helvetica, Arial, Roboto, "Droid Sans", "メイリオ", Meiryo,
        "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN",
        sans-serif;
}
/*clearfix*/
.main table td:before {
    content: "";
    display: table;
}

.clearfix:after,
.main table td:after {
    content: "";
    clear: both;
    display: block;
}
/* IE7 */
*:first-child+html .clearfix,
.main table td {
    zoom: 1;
}
/*ヘッダー*/
.header {
    color: #FFF;
    text-align: center;
    font-size: 2em;
    height: 5%;
}
/*メイン*/
.main {
    width: 98%;
    height: 85%;
    margin: 0px auto;
    overflow: hidden;
    background: #fff;
}

.main table {
    border: none;
    border-spacing: 0;
    border-radius: 3px;
    background: #FFFFFF;
    height: 100%;
}

.main table tbody {
    width: 100%;
}

.main table tr {
  vertical-align: top;
}

.main table .guideHeaderWrap {
  height: 5%;
}

.main table td {
  vertical-align: top;
}

.main table .guideMain {
  width: 60%;
  height: 100%;
}

.main table td .inner_table {
    width: 100%;
}

.guide01,.guide02 {
    width: 100%;
    margin: 0 auto;
}

.guideHeaderWrap {
    width: 100%;
}

.guideHeader {
    width: 100%;
    height: 5%;
    color: #FFF;
    font-size: 4em;
    font-weight: bold;
    text-align: center;
    border-radius: 3px 3px 0px 0px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.guideHeader span {
    line-height: 1.2em;
}

.subText {
  height: 10%;
  *height: auto;
  margin: 0 2px;
}

.subText span {
    font-size: 2.2em;
    color: #0893F5;
    margin-bottom: 0.2em;
    display: block;
    border-bottom: 4px solid #0893F5;
    padding: 10px 0;
}

.subText span.single {
    border: none;
}

.mainText {
    text-align: center;
    padding: 0 1em 0.5em;
}

.mainText span {
    font-size: 5em;
    /*line-height: 1;*/
    font-weight: bold;
}

/* 呼び出し中番号のサイズ */
.mainText .currentNumber.fzL {
    font-size: 25rem;
}

.mainText .currentNumber.fzM {
    padding-top: 10px;
    font-size: 20rem;
}

.mainText .currentNumber.fzS {
  padding-top: 25px;
  font-size: 15rem;
  font-size: 15em\9
}

.mainText .large {
    padding-top: 30px;
    text-align: center;
    font-size: 11.5em;
    font-weight: bold;
}

.mainText .small {
    font-size: 1.8em;
    padding: 0 5px;
}

.display01 {
    display: table;
    width: 100%;
    height: 90%;
}

.display01 .subText {
  display: table-caption;
  width: 100%;
  height: 9%;
}

.display01 .subText span {
    display: block;
    width: 100%;
    /*height: 100%;*/
    margin: 0;
}

.display01 .mainText {
    display: table-row;
    vertical-align: top;
    height: 90%;
}

.display01 .mainText span {
  display: table-cell;
  /*vertical-align: middle;*/
  *display: inline;
  *zoom: 1;
}

.display01 .mainText.twoLine {
  height: 45%;
  *height: 100%;
  *layout-grid-line: 100%;
}

.display05 .mainText span {
  float: left;
  width: 50%;
  *width: 49%;
}

.main table .guideMain.display05  {
    height: auto;
}

.display04 .mainText span {
    font-size: 5em;
    line-height: 1.2em;
}

.display04 .subText .head_2col {
    width: 50%;
    float: left;
}

span.enumeration {
    float: left;
    width: 50%;
}

.display04 .mainText .small {
    font-size: 1.8em;
    padding: 0 5px;
}

/* 固定ブロック */
.display01_block {
    width: 60%;
    height: 100%;
    vertical-align: top;
}

.display02_block,.display03_block,.display06_block {
    width: 20%;
    height: 10.7em;
    vertical-align: top;
}

.display04_block {
  width: 60%;
  /*height: 36.3em;*/
  vertical-align: top;
}

.column {
    height: 100%;
}

/*色違い*/
.guide01 .guideHeader {
    background: #0893F5;
}

.guide02 .guideHeader {
    background: #DC3C03;
}

.guide02 .subText span {
    color: #DC3C03;
    border-color: #DC3C03;
}

.guide03 .guideHeader {
    background: #05AF7A;
}

.guide03 .subText span {
    color: #05AF7A;
    border-color: #05AF7A;
}

.guide04 .guideHeader {
    background: #B61687;
}

.guide04 .subText span {
    color: #B61687;
    border-color: #B61687;
}
/*フッター*/
.footer {
    width: 100%;
    height: 10%;
}

.footer marquee {
    margin: 0;
    color: #FFFFFF;
    font-size: 3.5em;
    white-space: nowrap;
}

/** エラーメッセージ **/
.error_message {
    width: 100%;
    height: 46.1em;
}

.error_message .error_inner {
}

.error_message .error_box {
    margin: 5% 0;
    width: 100%;
    text-align: center;
}

.error_message .error_box p {
    line-height: 1.6em;
    font-size: 3.5em;
    font-weight: bold;
    color: #888;
}