/*===========================================
	 Visual Story top Original
=============================================*/
@media only screen {
  .baseCntArea {
    overflow: hidden;
    width: 100%;
  }
  .baseCntArea:before, .baseCntArea:after {
    content: "";
    display: table;
  }
  .baseCntArea:after {
    clear: both;
  }
  .baseCntArea h1 .imgIcon {
    max-height: 100%;
    max-width: 100%;
    width: auto;
    margin-right: 0.25em;
    vertical-align: middle;
  }
  .baseCntArea .baseCntInner {
    margin-top: 30px;
  }
  .baseCntArea .baseCntInner .app_download_list {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 20px;
    margin-right: -20px;
    margin-left: -20px;
    position: relative;
  }
  .baseCntArea .baseCntInner .app_download_list * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .baseCntArea .baseCntInner .app_download_list li {
    display: block;
    padding: 10px 20px;
  }
  .baseCntArea .baseCntInner .app_download_list li img {
    border: none;
    width: auto;
    height: 67px;
  }
  .baseCntArea .baseCntInner_row {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 20px;
    margin-right: -20px;
    margin-left: -20px;
    position: relative;
  }
  .baseCntArea .baseCntInner_row * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .baseCntArea .baseCntInner_row .col-left,
  .baseCntArea .baseCntInner_row .col-right {
    margin-top: 0;
    margin-bottom: 30px;
    padding-left: 20px;
    padding-right: 20px;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .baseCntArea .baseCntInner_row .col-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media only print {
  .app_download_btn img {
    display: none;
  }
}
@media only screen and (min-width: 768px) {
  .baseCntArea .baseCntInner .app_download_list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
@media only screen and (min-width: 992px) {
  .baseCntArea .baseCntInner_row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .baseCntArea .baseCntInner_row .col-left,
  .baseCntArea .baseCntInner_row .col-right {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: 0;
  }
}
.annotation {
  padding-left: 1em;
  text-indent: -1em;
}

/*===========================================
	   whatsnew
=============================================*/
@media only screen {
  .whatsnew {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    margin: 30px 15px;
  }
  .whatsnew:before, .whatsnew:after {
    content: "";
    display: table;
  }
  .whatsnew:after {
    clear: both;
  }
  .whatsnew * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .whatsnew h2 {
    margin-bottom: 5px;
  }
  .whatsnew .whatsnew-list {
    border: solid 1px #b5b5b5;
    height: 10em;
    padding: 5px;
    overflow-x: hidden;
    overflow-y: scroll;
  }
  .whatsnew .whatsnew-list li {
    margin-bottom: 5px;
    overflow: hidden;
  }
  .whatsnew .whatsnew-list li:before, .whatsnew .whatsnew-list li:after {
    content: "";
    display: table;
  }
  .whatsnew .whatsnew-list li:after {
    clear: both;
  }
  .whatsnew .whatsnew-list li .day,
  .whatsnew .whatsnew-list li .txt {
    width: 100%;
    float: none;
  }
}
@media only screen and (min-width: 768px) {
  .whatsnew .whatsnew-list li .day {
    width: 12%;
    float: left;
  }
  .whatsnew .whatsnew-list li .txt {
    width: 88%;
    float: left;
  }
}
@media only screen and (min-width: 1200px) {
  .whatsnew {
    margin: 30px auto 60px;
    max-width: 1200px;
  }
}
/*===========================================
	tblHoursOfOperation
=============================================*/
@media only screen {
  table.tblHoursOfOperation caption {
    font-size: 114.28571%;
    font-weight: 700;
    line-height: 1.7;
    text-align: left;
  }
  table.tblHoursOfOperation tbody,
  table.tblHoursOfOperation td,
  table.tblHoursOfOperation tfoot,
  table.tblHoursOfOperation th,
  table.tblHoursOfOperation tr {
    display: block;
  }
  table.tblHoursOfOperation thead {
    display: none;
  }
  table.tblHoursOfOperation tbody {
    margin-left: 15px;
  }
  table.tblHoursOfOperation tbody > tr > td:before {
    content: attr(aria-label);
    display: inline-block;
    font-weight: 700;
    padding-right: 0.5em;
  }
}
@media only screen and (min-width: 768px) {
  table.tblHoursOfOperation {
    background-color: transparent;
    border-collapse: separate;
    border-spacing: 2px;
    min-width: 50%;
    max-width: 100%;
    margin-bottom: 20px;
  }
  table.tblHoursOfOperation thead {
    display: table-header-group;
  }
  table.tblHoursOfOperation tbody {
    display: table-row-group;
    margin-left: inherit;
  }
  table.tblHoursOfOperation tr {
    display: table-row;
  }
  table.tblHoursOfOperation td,
  table.tblHoursOfOperation th {
    display: table-cell;
  }
  table.tblHoursOfOperation tbody > tr > td,
  table.tblHoursOfOperation tbody > tr > th,
  table.tblHoursOfOperation tfoot > tr > td,
  table.tblHoursOfOperation tfoot > tr > th,
  table.tblHoursOfOperation thead > tr > td,
  table.tblHoursOfOperation thead > tr > th {
    padding: 12px;
    line-height: 1.6;
  }
  table.tblHoursOfOperation thead > tr > th {
    background-color: #efefef;
    font-size: 1.125em;
    width: 33.33333333%;
  }
  table.tblHoursOfOperation tbody > tr > td {
    background-color: #f5f5f5;
  }
  table.tblHoursOfOperation tbody > tr > td:before {
    content: "";
    display: none;
  }
}
/*===========================================
	languageArea
=============================================*/
.languageArea {
  padding: 40px 70px;
  margin: 30px auto 80px;
  background: #f5f5f5;
  overflow: hidden;
}