@charset "utf-8";
* {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  box-sizing: border-box
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section {
  display: block
}

ul {
  list-style: none
}

blockquote, q {
  quotes: none
}

blockquote:after, blockquote:before, q:after, q:before {
  content: none
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: 0 0;
  text-decoration: none
}

del {
  text-decoration: line-through
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0
}

input, select {
  vertical-align: middle
}

img {
  border: 0;
  vertical-align: top;
  max-width: 100%
}

button {
  border: none;
  outline: 0;
  background-color: transparent;
  cursor: pointer;
  -webkit-appearance: none
}

.clearfix:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden
}

.clearfix {
  display: inline-table
}

* html .clearfix {
  height: 1%
}

.clearfix {
  display: block
}

iframe {
  vertical-align: bottom
}

a {
  color: #333;
  text-decoration: underline;
  -webkit-transition: color .3s ease;
  transition: color .3s ease;
  word-break: break-all
}

a:hover {
  color: #aaa
}

main a {
  color: #0d67b3
}

main a:hover {
  color: #5b8cdf
}

html {
  font-size: 62.5%;
  height: 100%;
  overflow-x: hidden
}

body {
  color: #333;
  font-family: Roboto, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, sans-serif;
  width: 100%;
  height: 100%;
  background: #fff;
  line-height: 1.6;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%
}

@media print, screen and (min-width:768px) {
  body {
    font-size: 15px
  }
}

@media only screen and (max-width:767px) {
  body {
    font-size: 14px
  }
}

#wrapper {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  min-height: 100vh
}

main {
  position: relative;
  width: 100%
}

@media screen and (min-width:1024px) {
  main {
    padding-top: 96px
  }
}

@media screen and (max-width:1023px) {
  main {
    padding-top: 50px
  }
}

footer {
  margin-top: auto
}

@font-face {
  font-family: icomoon;
  src: url(../fonts/icomoon.eot?lvsqre);
  src: url(../fonts/icomoon.eot?lvsqre#iefix) format('embedded-opentype'), url(../fonts/icomoon.ttf?lvsqre) format('truetype'), url(../fonts/icomoon.woff?lvsqre) format('woff'), url(../fonts/icomoon.svg?lvsqre#icomoon) format('svg');
  font-weight: 400;
  font-style: normal
}

[class*=" icon-"], [class^=icon-] {
  font-family: icomoon!important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  -webkit-font-feature-settings: normal;
  font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.icon-url:before {
  content: "\e908"
}

.icon-no01:before {
  content: "\e918"
}

.icon-no02:before {
  content: "\e919"
}

.icon-no03:before {
  content: "\e91a"
}

.icon-no04:before {
  content: "\e91b"
}

.icon-bus:before {
  content: "\e910"
}

.icon-car:before {
  content: "\e913"
}

.icon-carbike:before {
  content: "\e915"
}

.icon-taxi:before {
  content: "\e916"
}

.icon-train:before {
  content: "\e917"
}

.icon-store:before {
  content: "\e914"
}

.icon-takeout:before {
  content: "\e90f"
}

.icon-japan:before {
  content: "\e911"
}

.icon-soraben:before {
  content: "\e912"
}

.icon-arrow_down:before {
  content: "\e313"
}

.icon-arrow_left:before {
  content: "\e314"
}

.icon-arrow_right:before {
  content: "\e315"
}

.icon-arrow_up:before {
  content: "\e316"
}

.icon-access:before {
  content: "\e900"
}

.icon-flight:before {
  content: "\e901"
}

.icon-earth:before {
  content: "\e902"
}

.icon-plus:before {
  content: "\e903"
}

.icon-logo-tw:before {
  content: "\e904"
}

.icon-minus:before {
  content: "\e905"
}

.icon-logo-fb:before {
  content: "\e906"
}

.icon-other:before {
  content: "\e907"
}

.icon-service:before {
  content: "\e909"
}

.icon-arrival:before {
  content: "\e90a"
}

.icon-departure:before {
  content: "\e90b"
}

.icon-time:before {
  content: "\e90c"
}

.icon-tel:before {
  content: "\e90d"
}

.icon-fax:before {
  content: "\e90e"
}

.icon-heart:before {
  content: "\f004"
}

.icon-home:before {
  content: "\f015"
}

.icon-buy:before {
  content: "\f07a"
}

.icon-useful:before {
  content: "\f0eb"
}

.icon-eat:before {
  content: "\f0f5"
}

.icon-page-top:before {
  content: "\f102"
}

.icon-news:before {
  content: "\f15c"
}

.icon-museum:before {
  content: "\f1ad"
}

.icon-map:before {
  content: "\f278"
}

.icon-sound:before {
  content: "\ea27"
}

.icon-chater:before {
  content: "\e920"
}

@media print, screen and (min-width:768px) {
  .is_pc {
    display: block
  }
  .is_sp {
    display: none
  }
}

@media only screen and (max-width:767px) {
  .is_pc {
    display: none
  }
  .is_sp {
    display: block
  }
}

@media print, screen and (min-width:1024px) {
  .column {
    width: 980px;
    margin: 0 auto
  }
}

@media screen and (max-width:1023px) {
  .column {
    width: 94%;
    margin: 0 auto
  }
}

.link {
  font-weight: 700
}

.link:before {
  display: inline-block;
  content: "\e315";
  font-size: 18px;
  font-family: icomoon;
  vertical-align: middle
}

.out-link:after, .post_contents a[target="_blank"]:after {
  display: inline-block;
  content: "\e908";
  font-size: 14px;
  font-family: icomoon;
  margin-left: 5px;
  vertical-align: middle
}

a img.hover {
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease
}

a:hover img.hover {
  opacity: .6
}

.row {
  position: relative;
  font-size: 0;
  width: 100%
}

.row .col {
  display: inline-block;
  vertical-align: top
}

.row-center {
  text-align: center
}

.row-center>.col {
  text-align: left
}

@media print, screen and (min-width:768px) {
  .row .col {
    font-size: 15px
  }
}

@media only screen and (max-width:767px) {
  .row .col {
    font-size: 14px
  }
}

.col1>.col {
  width: 100%
}

.col2>.col {
  width: 50%
}

.col3>.col {
  width: 33.33333333%
}

.col4>.col {
  width: 25%
}

.col5>.col {
  width: 20%
}

.col6>.col {
  width: 16.66666666%
}

.android .col2>.col {
  width: 49.9999%
}

.table-row {
  display: table;
  width: 100%
}

.table-row .col {
  display: table-cell;
  border-collapse: collapse;
  vertical-align: middle
}

@media screen and (min-width:1024px) {
  .lg-table-row {
    display: table;
    width: 100%
  }
  .lg-table-row .col {
    display: table-cell;
    border-collapse: collapse;
    vertical-align: middle
  }
  .lg-row-center {
    text-align: center
  }
  .lg-row-center>.col {
    text-align: left
  }
}

@media screen and (max-width:1023px) {
  .md-col1>.col {
    width: 100%
  }
  .md-col2>.col {
    width: 50%
  }
  .md-col3>.col {
    width: 33.33333333%
  }
  .md-col4>.col {
    width: 25%
  }
  .md-col5>.col {
    width: 20%
  }
  .android .md-col2>.col {
    width: 49.9999%
  }
}

@media screen and (min-width:768px) and (max-width:1023px) {
  .md-table-row {
    display: table
  }
  .md-table-row .col {
    display: table-cell;
    border-collapse: collapse;
    vertical-align: middle
  }
}

@media screen and (max-width:767px) {
  .sm-col1>.col {
    width: 100%
  }
  .sm-col2>.col {
    width: 50%
  }
  .sm-col3>.col {
    width: 33.33333333%
  }
  .sm-col4>.col {
    width: 25%
  }
  .sm-col5>.col {
    width: 20%
  }
  .android .sm-col2>.col {
    width: 49.9999%
  }
}

@media screen and (min-width:481px) and (max-width:767px) {
  .sm-table-row {
    display: table
  }
  .sm-table-row .col {
    display: table-cell;
    border-collapse: collapse;
    vertical-align: middle
  }
}

@media screen and (max-width:480px) {
  .xs-col1>.col {
    width: 100%
  }
  .xs-col2>.col {
    width: 50%
  }
  .xs-col3>.col {
    width: 33.33333333%
  }
  .xs-col4>.col {
    width: 25%
  }
  .xs-col5>.col {
    width: 20%
  }
  .android .xs-col2>.col {
    width: 49.9999%
  }
}

.gutter10 {
  width: auto;
  margin-left: -5px;
  margin-right: -5px
}

.gutter10>.col {
  padding-right: 5px;
  padding-left: 5px
}

.gutter20 {
  width: auto;
  margin-left: -10px;
  margin-right: -10px
}

.gutter20>.col {
  padding-right: 10px;
  padding-left: 10px
}

.gutter30 {
  width: auto;
  margin-left: -15px;
  margin-right: -15px
}

.gutter30>.col {
  padding-right: 15px;
  padding-left: 15px
}

.gutter40 {
  width: auto;
  margin-left: -20px;
  margin-right: -20px
}

.gutter40>.col {
  padding-right: 20px;
  padding-left: 20px
}

.gutter50 {
  width: auto;
  margin-left: -25px;
  margin-right: -25px
}

.gutter50>.col {
  padding-right: 25px;
  padding-left: 25px
}

.gutter60 {
  width: auto;
  margin-left: -30px;
  margin-right: -30px
}

.gutter60>.col {
  padding-right: 30px;
  padding-left: 30px
}

@media print, screen and (min-width:1024px) {
  .lg-gutter10 {
    width: auto;
    margin-left: -5px;
    margin-right: -5px
  }
  .lg-gutter10>.col {
    padding-right: 5px;
    padding-left: 5px
  }
  .lg-gutter20 {
    width: auto;
    margin-left: -10px;
    margin-right: -10px
  }
  .lg-gutter20>.col {
    padding-right: 10px;
    padding-left: 10px
  }
  .lg-gutter30 {
    width: auto;
    margin-left: -15px;
    margin-right: -15px
  }
  .lg-gutter30>.col {
    padding-right: 15px;
    padding-left: 15px
  }
  .lg-gutter40 {
    width: auto;
    margin-left: -20px;
    margin-right: -20px
  }
  .lg-gutter40>.col {
    padding-right: 20px;
    padding-left: 20px
  }
  .lg-gutter50 {
    width: auto;
    margin-left: -25px;
    margin-right: -25px
  }
  .lg-gutter50>.col {
    padding-right: 25px;
    padding-left: 25px
  }
  .lg-gutter60 {
    width: auto;
    margin-left: -30px;
    margin-right: -30px
  }
  .lg-gutter60>.col {
    padding-right: 30px;
    padding-left: 30px
  }
}

@media screen and (max-width:1023px) {
  .md-gutter0 {
    width: auto;
    margin-left: 0;
    margin-right: 0
  }
  .md-gutter0>.col {
    padding-right: 0;
    padding-left: 0
  }
  .md-gutter10 {
    width: auto;
    margin-left: -5px;
    margin-right: -5px
  }
  .md-gutter10>.col {
    padding-right: 5px;
    padding-left: 5px
  }
  .md-gutter20 {
    width: auto;
    margin-left: -10px;
    margin-right: -10px
  }
  .md-gutter20>.col {
    padding-right: 10px;
    padding-left: 10px
  }
  .md-gutter30 {
    width: auto;
    margin-left: -15px;
    margin-right: -15px
  }
  .md-gutter30>.col {
    padding-right: 15px;
    padding-left: 15px
  }
  .md-gutter40 {
    width: auto;
    margin-left: -20px;
    margin-right: -20px
  }
  .md-gutter40>.col {
    padding-right: 20px;
    padding-left: 20px
  }
  .md-gutter50 {
    width: auto;
    margin-left: -25px;
    margin-right: -25px
  }
  .md-gutter50>.col {
    padding-right: 25px;
    padding-left: 25px
  }
}

@media screen and (max-width:767px) {
  .sm-gutter0 {
    width: auto;
    margin-left: 0;
    margin-right: 0
  }
  .sm-gutter0>.col {
    padding-right: 0;
    padding-left: 0
  }
  .sm-gutter10 {
    width: auto;
    margin-left: -5px;
    margin-right: -5px
  }
  .sm-gutter10>.col {
    padding-right: 5px;
    padding-left: 5px
  }
  .sm-gutter20 {
    width: auto;
    margin-left: -10px;
    margin-right: -10px
  }
  .sm-gutter20>.col {
    padding-right: 10px;
    padding-left: 10px
  }
  .sm-gutter30 {
    width: auto;
    margin-left: -15px;
    margin-right: -15px
  }
  .sm-gutter30>.col {
    padding-right: 15px;
    padding-left: 15px
  }
  .sm-gutter40 {
    width: auto;
    margin-left: -20px;
    margin-right: -20px
  }
  .sm-gutter40>.col {
    padding-right: 20px;
    padding-left: 20px
  }
  .sm-gutter50 {
    width: auto;
    margin-left: -25px;
    margin-right: -25px
  }
  .sm-gutter50>.col {
    padding-right: 25px;
    padding-left: 25px
  }
}

@media screen and (max-width:480px) {
  .xs-gutter0 {
    width: auto;
    margin-left: 0;
    margin-right: 0
  }
  .xs-gutter0>.col {
    padding-right: 0;
    padding-left: 0
  }
  .xs-gutter10 {
    width: auto;
    margin-left: -5px;
    margin-right: -5px
  }
  .xs-gutter10>.col {
    padding-right: 5px;
    padding-left: 5px
  }
  .xs-gutter20 {
    width: auto;
    margin-left: -10px;
    margin-right: -10px
  }
  .xs-gutter20>.col {
    padding-right: 10px;
    padding-left: 10px
  }
  .xs-gutter30 {
    width: auto;
    margin-left: -15px;
    margin-right: -15px
  }
  .xs-gutter30>.col {
    padding-right: 15px;
    padding-left: 15px
  }
  .xs-gutter40 {
    width: auto;
    margin-left: -20px;
    margin-right: -20px
  }
  .xs-gutter40>.col {
    padding-right: 20px;
    padding-left: 20px
  }
  .xs-gutter50 {
    width: auto;
    margin-left: -25px;
    margin-right: -25px
  }
  .xs-gutter50>.col {
    padding-right: 25px;
    padding-left: 25px
  }
}

.down-gutter10>.col {
  margin-bottom: 10px
}

.down-gutter20>.col {
  margin-bottom: 20px
}

.down-gutter30>.col {
  margin-bottom: 30px
}

.down-gutter40>.col {
  margin-bottom: 40px
}

.down-gutter50>.col {
  margin-bottom: 50px
}

.down-gutter60>.col {
  margin-bottom: 60px
}

.down-gutter70>.col {
  margin-bottom: 70px
}

.down-gutter80>.col {
  margin-bottom: 80px
}

@media print, screen and (min-width:1024px) {
  .lg-down-gutter10>.col {
    margin-bottom: 10px
  }
  .lg-down-gutter20>.col {
    margin-bottom: 20px
  }
  .lg-down-gutter30>.col {
    margin-bottom: 30px
  }
  .lg-down-gutter40>.col {
    margin-bottom: 40px
  }
  .lg-down-gutter50>.col {
    margin-bottom: 50px
  }
  .lg-down-gutter60>.col {
    margin-bottom: 60px
  }
  .lg-down-gutter70>.col {
    margin-bottom: 70px
  }
  .lg-down-gutter80>.col {
    margin-bottom: 80px
  }
}

@media screen and (max-width:1023px) {
  .md-down-gutter10>.col {
    margin-bottom: 10px
  }
  .md-down-gutter20>.col {
    margin-bottom: 20px
  }
  .md-down-gutter30>.col {
    margin-bottom: 30px
  }
  .md-down-gutter40>.col {
    margin-bottom: 40px
  }
  .md-down-gutter50>.col {
    margin-bottom: 50px
  }
  .md-down-gutter60>.col {
    margin-bottom: 60px
  }
  .md-down-gutter70>.col {
    margin-bottom: 70px
  }
  .md-down-gutter80>.col {
    margin-bottom: 80px
  }
}

@media screen and (max-width:767px) {
  .sm-down-gutter10>.col {
    margin-bottom: 10px
  }
  .sm-down-gutter20>.col {
    margin-bottom: 20px
  }
  .sm-down-gutter30>.col {
    margin-bottom: 30px
  }
  .sm-down-gutter40>.col {
    margin-bottom: 40px
  }
  .sm-down-gutter50>.col {
    margin-bottom: 50px
  }
  .sm-down-gutter60>.col {
    margin-bottom: 60px
  }
  .sm-down-gutter70>.col {
    margin-bottom: 70px
  }
  .sm-down-gutter80>.col {
    margin-bottom: 80px
  }
}

.l-section {
  position: relative;
  padding: 60px 0
}

@media screen and (max-width:767px) {
  .l-section {
    padding: 35px 0
  }
}

@media print, screen and (min-width:1024px) {
  .target {
    margin-top: -100px;
    padding-top: 100px
  }
}

@media screen and (max-width:1023px) {
  .target {
    margin-top: -50px;
    padding-top: 50px
  }
}

.logo {
  display: inline-block;
  background: url(../images/common/logo.svg) center center no-repeat;
  background-size: contain
}

.no-svg .logo {
  background-image: url(../images/common/logo.png)
}

.logo a {
  display: block;
  width: 100%;
  height: 100%;
  text-indent: 120%;
  overflow: hidden;
  white-space: nowrap
}

.post_contents a[href$=".pdf"]:before, a.pdf:before {
  display: inline-block;
  content: " ";
  background: url(../images/common/icon_pdf.png) left center no-repeat;
  width: 20px;
  height: 20px;
  background-size: contain;
  vertical-align: baseline
}

.post_contents a[href$=".pdf"]:after {
  display: none
}

a.word:before {
  display: inline-block;
  content: " ";
  background: url(../images/common/icon_word.png) left center no-repeat;
  width: 20px;
  height: 20px;
  background-size: contain;
  vertical-align: baseline
}

a.excel:before {
  display: inline-block;
  content: " ";
  background: url(../images/common/icon_excel.png) left center no-repeat;
  width: 20px;
  height: 20px;
  background-size: contain;
  vertical-align: baseline
}

.lineList {
  font-size: 0
}

.lineList>dd, .lineList>dt, .lineList>li {
  display: inline-block;
  vertical-align: top
}

@media print, screen and (min-width:768px) {
  .lineList>dd, .lineList>dt, .lineList>li {
    font-size: 15px
  }
}

@media only screen and (max-width:767px) {
  .lineList>dd, .lineList>dt, .lineList>li {
    font-size: 14px
  }
}

.linkList li {
  margin: 0 8px 10px 0
}

ul.notes li {
  padding-left: 1em;
  text-indent: -1em
}

.caution {
  color: #f11;
  font-size: 12px
}

.notice {
  color: #b10103;
  font-size: 16px;
  font-weight: 700
}

.breadcrumb {
  color: #fff;
  background-color: #003c83;
  padding: 8px 0 45px
}

.breadcrumb a {
  color: #fff
}

.breadcrumb a:hover {
  color: #ccc
}

.breadcrumb ul li {
  display: inline-block;
  font-size: 12px;
  font-size: 1.2rem
}

.breadcrumb ul li i {
  margin-right: 5px
}

.breadcrumb ul li:after {
  display: inline-block;
  content: "\e315";
  font-family: icomoon;
  margin-left: 3px;
  vertical-align: middle
}

.breadcrumb ul li:last-child:after {
  display: none;
  content: " "
}

.recommendWrap {
  max-width: 980px;
  margin: 0 auto 45px
}

.recommendWrap h3 {
  margin-bottom: 10px
}

.recommend ul {
  width: 100%;
  margin: 0 auto
}

.recommend ul li {
  margin-bottom: 10px;
  text-align: center;
  padding: 0 5px;
  white-space: normal
}

.recommendWrap .recommend .slick-arrow {
  font-size: 35px;
  margin-top: -17.5px;
  text-shadow: 0 0 5px #000
}

main .container {
  position: relative;
  background: #fff;
  padding-bottom: 35px
}

main .container:before {
  position: absolute;
  top: -39px;
  left: 50%;
  display: block;
  content: " ";
  height: 0;
  border-bottom: 40px solid #fff;
  border-left: 60px solid transparent;
  border-right: 60px solid transparent;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

@media print, screen and (min-width:768px) {
  main .container:before {
    width: 880px
  }
}

@media screen and (max-width:1023px) {
  main .container:before {
    width: 70%
  }
}

@media screen and (max-width:480px) {
  main .container:before {
    width: 60%
  }
}

.headline {
  position: relative;
  top: -20px;
  color: #4f7a9e;
  font-size: 28px;
  font-weight: 400;
  border-bottom: 1px solid;
  margin: 0 auto;
  text-align: center
}

@media print, screen and (min-width:768px) {
  .headline {
    width: 680px;
    padding-bottom: 10px
  }
}

@media print, screen and (max-width:767px) {
  .headline {
    font-size: 20px;
    width: 83%;
    padding-bottom: 5px
  }
}

@media only screen and (max-width:480px) {
  .headline {
    font-size: 18px;
    width: 78%
  }
}

.title {
  color: #fff;
  width: 100%;
  font-weight: 700;
  background-color: #4f7a9e;
  border-top: 5px solid #acbecd;
  border-radius: 3px 3px 0 0
}

@media print, screen and (min-width:768px) {
  .title {
    font-size: 20px;
    margin-bottom: 25px;
    padding: 3px 15px
  }
}

@media print, screen and (max-width:767px) {
  .title {
    font-size: 16px;
    margin-bottom: 15px;
    padding: 3px 10px
  }
}

.sub-title {
  color: #35434f;
  font-weight: 700;
  background-color: #f3f3f3;
  border-top: 5px solid #acbecd
}

@media print, screen and (min-width:768px) {
  .sub-title {
    font-size: 16px;
    margin-bottom: 25px;
    padding: 5px 15px
  }
}

@media print, screen and (max-width:767px) {
  .sub-title {
    font-size: 15px;
    margin-bottom: 15px;
    padding: 2px 10px
  }
}

.caption {
  color: #35434f;
  font-weight: 700;
  background: url(../images/common/dot.svg) 5px 50% no-repeat;
  border: 1px solid #acbecd;
  padding: 5px 15px
}

@media print, screen and (min-width:768px) {
  .caption {
    font-size: 14px;
    margin-bottom: 20px
  }
}

@media only screen and (max-width:767px) {
  .caption {
    font-size: 13px;
    margin-bottom: 15px
  }
}

.arrow-title {
  position: relative;
  color: #4f7a9e;
  font-size: 16px;
  background: #d9e6f1 url(../images/common/arrow.svg) left center no-repeat;
  background-size: 35px 100%;
  margin-bottom: 20px;
  padding: 8px 8px 8px 45px
}

.pageNavi a.current, .pageNavi a:hover {
  color: #043d9d
}

.pageNavi+.linkArea {
  margin-top: -15px;
  margin-bottom: 10px;
  text-align: right
}

@media print, screen and (min-width:768px) {
  .pageNavi {
    margin-bottom: 35px
  }
  .pageNavi li {
    float: left;
    display: table
  }
  .pageNavi li a {
    position: relative;
    display: table-cell;
    table-layout: fixed;
    color: #000;
    width: 100%;
    font-weight: 700;
    line-height: 1.3;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    padding: 15px 0 8px;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
  }
  .pageNavi a:before {
    position: absolute;
    bottom: -5px;
    display: block;
    content: " ";
    width: 100%;
    height: 5px;
    background-color: #acbecd;
    -webkit-transition: background .3s ease;
    transition: background .3s ease
  }
  .pageNavi a.current:before, .pageNavi a:hover:before {
    background-color: #043d9d
  }
  .pageSelect {
    display: none
  }
}

@media screen and (max-width:767px) {
  .navWrap {
    position: relative
  }
  .pageNavi+.linkArea {
    margin-top: -10px
  }
  .pageSelect {
    position: relative;
    color: #043d9d;
    font-weight: 700;
    width: 100%;
    background: url(../images/common/triangle.svg) 97% center no-repeat;
    background-size: 10px 10px;
    border: 1px solid #043d9d;
    margin-bottom: 15px;
    padding: 8px 15px 8px 10px;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-transition: background .3s ease;
    transition: background .3s ease
  }
  .pageSelect:after {
    position: absolute;
    top: 50%;
    right: 3%;
    display: block;
    content: " ";
    width: 10px;
    height: 10px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: -5px;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
  }
  .pageSelect:after {
    background-image: url(../images/common/triangle_open.svg);
    opacity: 0
  }
  .pageSelect.is-open {
    color: #fff;
    background-image: none;
    background-color: #043d9d
  }
  .pageSelect.is-open:after {
    opacity: 1
  }
  .pageSelect:empty:before {
    content: "\00a0"
  }
  .pageNavi {
    display: none;
    position: absolute;
    top: 38px;
    left: 0;
    width: 100%;
    background: #fff;
    border-left: 1px solid #043d9d;
    border-right: 1px solid #043d9d;
    z-index: 10
  }
  .pageNavi li.col {
    width: 100%
  }
  .pageNavi a {
    display: block;
    color: #000;
    font-weight: 700;
    border-bottom: 1px solid #043d9d;
    padding: 8px 10px;
    text-decoration: none;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
  }
  .pageNavi a br {
    display: none
  }
  .pageNavi a.current {
    display: none
  }
}

.category-icons li {
  margin: 0 8px 10px 0
}

.category-icons li:last-child {
  margin-top: 0
}

.tabWrap {
  position: relative;
  overflow-x: hidden;
  overflow-y: hidden
}

.tab {
  width: 100%;
  font-size: 0;
  border-bottom: 5px solid #043d9d;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden
}

.tab li {
  display: inline-block;
  margin-right: 4em;
  vertical-align: bottom
}

.tab li a {
  position: relative;
  display: block;
  color: #fff;
  width: 100%;
  font-weight: 700;
  background-color: #acbecd;
  padding: 7px 15px;
  text-decoration: none;
  -webkit-transition: .3s ease;
  transition: .3s ease;
  border-radius: 10px 0 0 0;
  z-index: 1
}

.tab li a.current, .tab li a:hover {
  background-color: #043d9d
}

.tab li a:after {
  position: absolute;
  top: 0;
  right: -2.5em;
  bottom: 0;
  display: block;
  content: " ";
  width: 5em;
  background-color: #acbecd;
  border-radius: 0 10px 0 0;
  -webkit-transform: skew(45deg);
  transform: skew(45deg);
  -webkit-transition: .3s ease;
  transition: .3s ease;
  z-index: -1
}

.tab li a.current:after, .tab li a:hover:after {
  background-color: #043d9d
}

.tab_bus {
  border-bottom: none;
  white-space: normal;
  overflow-y: auto
}

.tab_bus li {
  margin-right: 1em;
  margin-bottom: 1em
}

.tab_bus li a {
  border-radius: 10px
}

.tab_bus li a:after {
  display: none
}

.tab_content {
  display: none
}

.tab_content.current {
  display: block
}

@media print, screen and (min-width:768px) {
  .tabWrap {
    margin-bottom: 15px
  }
  .tab li {
    font-size: 14px;
    min-width: 165px
  }
}

@media only screen and (max-width:1023px) {
  .tabWrap {
    margin-right: -3%;
    margin-bottom: 10px;
    margin-left: -3%
  }
  .tabWrap .tab {
    padding-right: 3%;
    padding-left: 3%
  }
  .tabWrap:after, .tabWrap:before {
    position: absolute;
    display: block;
    content: " ";
    width: 3%;
    height: 100%;
    z-index: 2
  }
  .tabWrap:before {
    top: 0;
    left: 0;
    background: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(linear, 0 50%, 100% 50%, color-stop(0, rgba(255, 255, 255, 1)), color-stop(1, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0) 100%)
  }
  .tabWrap:after {
    top: 0;
    right: 0;
    background: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(linear, 100% 50%, .93% 50%, color-stop(0, rgba(255, 255, 255, 1)), color-stop(1, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(right, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(-90deg, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0) 100%)
  }
  .tab li {
    font-size: 12px
  }
}

.button {
  position: relative;
  display: table;
  color: #043d9d;
  width: 100%;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  background-color: #fff;
  border: 1px solid #acbecd;
  padding: 12px 20px 12px 15px;
  text-decoration: none;
  -webkit-transition: .3s ease;
  transition: .3s ease
}

.button>span {
  display: table-cell;
  width: 100%;
  height: 100%;
  text-align: left;
  vertical-align: middle
}

.button.current, .button:hover {
  color: #043d9d;
  background-color: #d9e6f1
}

.button:after {
  position: absolute;
  top: 50%;
  right: 0;
  display: inline-block;
  content: "\e315";
  color: #043d9d;
  font-size: 21px;
  font-family: icomoon;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

@media only screen and (max-width:767px) {
  .button {
    font-size: 12px;
    padding: 10px 15px 10px 8px
  }
  .button:after {
    font-size: 17px
  }
}

@media only screen and (max-width:480px) {
  .button {
    font-size: 11px;
    padding: 10px 13px 10px 6px
  }
}

.button.iconBtn {
  font-size: 15px
}

.button.iconBtn:hover {
  color: #fff;
  background-color: #043d9d
}

.button.iconBtn i, .button.iconBtn span {
  display: table-cell;
  vertical-align: middle
}

.button.iconBtn i {
  color: #043d9b;
  font-size: 28px;
  padding-right: 10px;
  -webkit-transition: color .3s ease;
  transition: color .3s ease
}

.button.iconBtn:hover i, .button.iconBtn:hover:after {
  color: #fff
}

.button.iconBtn em {
  display: block;
  font-size: 10px;
  font-style: normal;
  border-top: 1px solid #aabccb;
  margin-top: 3px;
  padding-top: 3px
}

@media only screen and (max-width:767px) {
  .button.iconBtn {
    font-size: 13px
  }
  .button.iconBtn i {
    font-size: 22px;
    padding-right: 5px
  }
}

.reload-button {
  position: relative;
  top: -2px;
  color: #fff;
  font-weight: 700;
  width: 30px;
  height: 30px;
  background-color: #036eb8;
  text-align: center;
  text-decoration: none;
  border-radius: 6px;
  box-shadow: 0 2px #104a74;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out
}

.reload-button:hover {
  background-color: #4f9acd
}

.reload-button:active {
  top: 0;
  background-color: #4f9acd;
  box-shadow: 0 0 #104a74
}

@-webkit-keyframes reload {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

@keyframes reload {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

.reload-button:before {
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  content: " ";
  width: 18px;
  height: 18px;
  background: url(../images/common/icon_reload.svg?ver=1.0) center center no-repeat;
  background-size: contain;
  margin: -9px 0 0 -9px
}

.reload-button:active:before, .reload-button:hover:before {
  -webkit-animation: reload 2s linear infinite;
  animation: reload 2s linear infinite
}

@media only screen and (max-width:840px) {
  .reload-button {
    width: 22px;
    height: 22px
  }
  .reload-button:before {
    width: 12px;
    height: 12px;
    margin: -6px 0 0 -6px
  }
}

.btnList li {
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff
}

.iconList li {
  font-size: 12px;
  line-height: 1.2;
  margin: 0 10px 10px 0;
  vertical-align: middle
}

.iconList li:last-child {
  margin-right: 0
}

.iconList li i {
  background-color: #acbecd
}

.iconList li i.on {
  background-color: #043d9d
}

i.symbol {
  display: inline-block;
  color: #fff;
  font-size: 14px;
  background-color: #043d9d;
  width: 20px;
  height: 20px;
  line-height: 20px;
  margin-top: -1px;
  margin-right: 5px;
  text-align: center;
  vertical-align: middle;
  border-radius: 3px
}

.sns a:hover {
  text-decoration: none
}

.sns a i:before {
  -webkit-transition: color .3s ease;
  transition: color .3s ease
}

.sns a:hover .icon-logo-fb:before {
  color: #3b5998
}

.sns a:hover .icon-logo-tw:before {
  color: #00aced
}

.newsList dl {
  display: table;
  font-size: 14px;
  width: 100%;
  padding: 5px 0;
  box-sizing: border-box
}

.newsList dl:nth-child(even) {
  background-color: #f8f8f8
}

.newsList dd, .newsList dt {
  display: table-cell
}

.newsList dt {
  width: 70px;
  padding: 0 10px
}

.newsList .category {
  width: 140px;
  padding: 0 10px
}

.newsList h4 {
  font-weight: 400
}

.newsList .category span {
  display: inline-block;
  color: #fff;
  font-size: 13px;
  width: 9em;
  padding: 0 5px;
  border-radius: 3px;
  text-align: center
}

.newsList .category span.info {
  background-color: #c6292a
}

.newsList .category span.press {
  background-color: #00b0ea
}

@media screen and (max-width:767px) {
  .newsList dd, .newsList dl, .newsList dt {
    display: block
  }
  .newsList dl {
    padding: 5px 10px
  }
  .newsList dt {
    float: left;
    width: auto;
    margin-right: 10px;
    padding: 0
  }
  .newsList .category {
    float: left;
    width: auto;
    padding: 0
  }
  .newsList .ttl {
    padding-top: 8px;
    clear: both
  }
}

.feed {
  position: relative
}

.feed .backlink {
  text-align: right
}

.pagination {
  position: relative;
  font-size: 0;
  padding: 50px 0 25px;
  text-align: center
}

.pagination a, .pagination span {
  display: inline-block;
  color: #000;
  font-size: 12px;
  width: auto;
  border: 1px solid #ccc;
  margin: 2px 2px 2px 0;
  padding: 6px 9px 5px 9px;
  text-decoration: none;
  -webkit-transition: .3s ease;
  transition: .3s ease
}

.pagination a:hover {
  color: #fff;
  background: #043d9d;
  border-color: #043d9d
}

.pagination .current {
  color: #fff;
  background: #043d9d;
  border-color: #043d9d;
  padding: 6px 9px 5px 9px
}

.mixList .mix {
  display: none
}

.cardList li {
  margin-bottom: 30px
}

.card {
  position: relative;
  width: 100%;
  background-color: #fff;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, .2);
  -webkit-transition: .3s ease;
  transition: .3s ease
}

.card:hover {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3)
}

.card a {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 100%;
  text-decoration: none;
  -webkit-transition: background .3s ease;
  transition: background .3s ease
}

.card a:hover {
  background-color: #d9e6f1
}

.card .inner {
  height: 100%;
  padding: 20px
}

.card .floor {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  z-index: 2
}

.card .thumb {
  position: relative;
  display: block;
  width: 100%;
  margin-bottom: 10px;
  overflow: hidden
}

.card .thumb img {
  width: 100%
}

.card a .thumb img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .4s ease;
  transition: .4s ease
}

.card a:hover .thumb img {
  opacity: .7;
  -webkit-transform: scale(1.1);
  transform: scale(1.1)
}

.card .ttl {
  color: #4e4e4e;
  font-size: 15px;
  border-left: 5px solid #acbecd;
  margin-bottom: 10px;
  padding-left: 10px
}

.card .iconList li {
  margin: 0 0 5px
}

.card .iconList i {
  font-size: 12px;
  width: 20px;
  height: 20px;
  line-height: 20px
}

.card img.icon {
  display: inline-block;
  width: 18px;
  margin-right: 5px;
  vertical-align: middle
}

.card .close:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: " ";
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .7
}

.card .close span {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  color: #fff;
  width: 90%;
  font-size: 21px;
  text-align: center;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 2
}

@media print, screen and (min-width:768px) {
  .card .txt {
    font-size: 14px;
    border-top: 1px solid #adbfce;
    padding-top: 10px
  }
}

@media screen and (max-width:1023px) {
  .cardList li {
    margin-bottom: 20px
  }
}

@media screen and (max-width:767px) {
  .card .inner {
    padding: 5%
  }
  .card .floor {
    font-size: 12px;
    width: 30px;
    height: 30px;
    line-height: 30px
  }
  .card img.icon {
    width: 20px
  }
}

@media screen and (max-width:480px) {
  .card .close span {
    font-size: 15px
  }
}

.listBox {
  display: table;
  width: 100%;
  background: #f0f0f0;
  margin-bottom: 15px;
  padding: 10px;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, .2)
}

.listBox dd, .listBox dt {
  display: table-cell;
  vertical-align: middle
}

.listBox .num {
  width: 25px;
  padding-right: 10px;
  text-align: center
}

.listBox .num span {
  display: inline-block;
  color: #fff;
  font-size: 11px;
  font-size: 1.1rem;
  font-weight: 700;
  line-height: 25px;
  width: 25px;
  height: 25px;
  background: #ed6d0f;
  margin: 0 auto;
  border-radius: 50%;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  overflow: hidden
}

.listBox .category {
  width: 45px;
  height: 45px;
  padding-right: 5px
}

.listBox .category span {
  display: block;
  color: #fff;
  font-size: 9px;
  width: 40px;
  height: 40px;
  background-color: #043d9d;
  line-height: 37px;
  text-align: center;
  border-radius: 3px
}

.listBox .category i {
  font-size: 20px;
  vertical-align: middle
}

.listBox .name h4 {
  font-size: 13px;
  font-size: 1.3rem
}

.listBox .name p {
  font-size: 11px;
  font-size: 1.1rem;
  color: #727272
}

.listBox .web {
  width: 50px;
  height: 50px;
  padding-left: 10px
}

@media print, screen and (max-width:767px) {
  .listBox .num {
    width: 18px;
    padding-right: 5px;
    text-align: center
  }
  .listBox .num span {
    font-size: 10px;
    font-size: 1rem;
    width: 18px;
    height: 18px;
    line-height: 18px
  }
  .listBox .category, .listBox .web {
    width: 45px;
    height: 45px
  }
  .listBox .category span {
    width: 40px;
    height: 40px;
    line-height: 38px
  }
  .listBox .category span i {
    font-size: 20px
  }
}

.facilityList {
  margin-bottom: 20px
}

.facilityList .link {
  display: block;
  border-bottom: 1px dotted #979797;
  margin-bottom: 8px;
  text-decoration: none
}

.facilityList .icon {
  position: absolute;
  left: 0;
  top: 1px;
  display: inline-block;
  width: 18px;
  margin-right: 8px;
  vertical-align: middle
}

.facilityList ul {
  padding: 0 8px
}

.facilityList ul li {
  position: relative;
  margin-bottom: 10px;
  padding-left: 28px
}

.facilityListBox .card a {
  display: table;
  width: 100%;
  padding: 10px 15px
}

.facilityListBox .card span {
  display: table-cell;
  vertical-align: middle
}

.facilityListBox .card span:first-child {
  width: 25px;
  padding-right: 5px
}

.mapWrap {
  position: relative;
  border: 1px solid #acbecd;
  margin-bottom: 25px
}

.mapWrap .buttons ul {
  position: absolute;
  right: 5px;
  bottom: 5px;
  width: 30px
}

.mapWrap .buttons li {
  display: inline-block;
  font-size: 18px;
  margin-bottom: 5px
}

.mapWrap .buttons .button {
  width: 30px;
  height: 30px;
  padding: 0
}

.mapWrap .buttons .button:after {
  display: none
}

@media print, screen and (min-width:768px) {
  .photo_l .photo {
    float: left
  }
  .photo_l .txt {
    float: right
  }
  .photo_r .photo {
    float: right
  }
  .photo_l .txt {
    float: left
  }
}

@media only screen and (max-width:767px) {
  .photo_l .photo, .photo_r .photo {
    margin-bottom: 25px
  }
}

.tableWrap {
  position: relative
}

@media only screen and (max-width:1023px) {
  .tableWrap {
    margin-right: -3%;
    margin-left: -3%;
    white-space: nowrap;
    overflow-x: auto
  }
  .tableWrap .inner {
    min-width: 800px;
    padding-right: 3%;
    padding-left: 3%;
    white-space: normal
  }
}

table.table {
  border: 1px solid #eee
}

table.table thead th {
  color: #fff;
  background-color: #7898b4;
  padding: 15px 12px;
  vertical-align: middle;
  text-align: center
}

table.table tbody tr:nth-child(odd) {
  background-color: #e6ebf0
}

table.table tbody tr.white {
  background-color: #fff
}

table.table tbody tr.gray {
  background-color: #f8f8f8
}

table.table td, table.table th {
  padding: 8px 15px;
  border: 1px solid #acbecd
}

table.table tbody th {
  text-align: center;
  vertical-align: middle
}

table.table.white tbody tr:nth-child(odd) {
  background-color: #fff
}

table.table.lf_head th {
  color: #fff;
  background-color: #7898b4;
  text-align: left
}

table.infoList {
  width: 100%;
  border: 1px solid #c4c4c4
}

table.infoList th {
  font-weight: 400;
  background: #f3f3f3;
  text-align: left;
  vertical-align: top
}

table.infoList th.border {
  border-right: 1px solid #c4c4c4
}

table.infoList td, table.infoList th {
  padding: 5px 20px;
  border-top: 1px solid #c4c4c4;
  border-bottom: 1px solid #c4c4c4
}

table.infoList.mid th {
  vertical-align: middle
}
table.infoList.p-coin-locker-s{
  width : auto;
}
table.infoList.p-coin-locker-s th,table.infoList.p-coin-locker-s td{
  border-right : 1px solid #c4c4c4;
}
.p-coin-locker{
  width : 100%;
  overflow: scroll;
}
.p-coin-locker table.infoList td,.p-coin-locker table.infoList th{
  border-right : 1px solid #c4c4c4;
  padding : 5px 10px;
}
.p-coin-locker table.infoList td{
  vertical-align: middle;
}

@media only screen and (max-width:767px) {
  table.infoList td, table.infoList th {
    padding: 5px
  }
  table.infoList th {
    width: 110px
  }
  table.table td, table.table th {
    padding: 5px 10px
  }
}

table.details {
  width: 100%
}

table.details td, table.details th {
  font-weight: 400;
  border-top: 1px solid #acbecd;
  border-bottom: 1px solid #acbecd;
  padding: 10px 5px;
  text-align: left;
  vertical-align: top
}

table.details.dotted td, table.details.dotted th {
  border-top: 1px dotted #acbecd;
  border-bottom: 1px dotted #acbecd
}

.gMap {
  background-color: #ddd;
  margin-bottom: 35px
}

@media only screen and (max-width:767px) {
  .gMap {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden
  }
  .gMap embed, .gMap iframe, .gMap object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
  }
}

.bg_1f {
  background-color: #eb6161
}

.bg_m2f {
  background-color: #f18d00
}

.bg_2f {
  background-color: #8fc31f
}

.bg_3f {
  background-color: #00a29a
}

.bg_rf {
  background-color: #9c4998
}

.slick-dots {
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center
}

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer
}

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: 0;
  background: 0 0
}

.slick-dots li button:focus, .slick-dots li button:hover {
  outline: 0
}

.slick-dots li button:focus:before, .slick-dots li button:hover:before {
  opacity: 1
}

.slick-dots li button:before {
  content: " ";
  display: block;
  line-height: 20px;
  width: 9px;
  height: 9px;
  border: 1px solid #fff;
  text-align: center;
  border-radius: 50%
}

.slick-dots li.slick-active button:before {
  background-color: #fff
}

.slick-arrow {
  position: absolute;
  top: 50%;
  color: #fff;
  cursor: pointer;
  z-index: 10
}

.slick-arrow.prev {
  left: 0
}

.slick-arrow.next {
  right: 0
}

.parking-info {
  color: #fff;
  background-color: #001d42;
  padding-top: 40px
}

.latency-info {
  color: #fff;
  background-color: #606e7a;
  padding-top: 40px;
  padding-bottom: 40px
}

.latency-info .inner, .parking-info .inner {
  position: relative
}

.latency-info .ttl, .parking-info .ttl {
  position: relative;
  font-weight: 700;
  margin-bottom: 20px
}

.latency-info .ttl .date, .parking-info .ttl .date {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end
}

.latency-info .ttl .date .info, .parking-info .ttl .date .info {
  margin-right: 6px
}

.parking-info .ttl .times {
  margin-right: 6px
}

.latency-info .status, .parking-info .status {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%
}

.parking-info .status {
  margin-bottom: 40px
}

.latency-info .status_box, .parking-info .status_box {
  background-color: #fff;
  border-radius: 8px
}

.latency-info dl.status_box, .parking-info dl.status_box {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 15px 25px
}

.parking-info dl.status_box dt {
  color: #172a88;
  font-size: 19px;
  font-weight: 700;
  padding-right: 8px
}

.parking-info .status_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 15px 15px 10px
}

.parking-info .status_list li {
  color: #000;
  font-size: 12px;
  font-weight: 700;
  margin-right: 8px;
  margin-bottom: 8px
}

.parking-info .status_list li img {
  position: relative;
  top: -1px;
  width: 18px;
  height: 18px;
  margin-right: 4px;
  border-radius: 3px;
  vertical-align: middle
}

.parking-info .btnArea {
  color: #001d42;
  font-weight: 700;
  background-color: #e8e8e8;
  padding: 40px 0
}

.parking-info .btnArea .inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center
}

.parking-info .btnArea .txt {
  font-size: 16px
}

.parking-info .btnArea .prereserve {
  font-size: 19px;
  margin-bottom: 5px
}

.parking-info .btnArea .prereserve span {
  color: #f11
}

.parking-info .btnArea .btn a {
  position: relative;
  top: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: #fff;
  font-size: 17px;
  font-weight: 700;
  width: 100%;
  background-color: #036eb8;
  padding: 10px 10px;
  text-align: center;
  text-decoration: none;
  border-radius: 6px;
  box-shadow: 0 4px #104a74;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out
}

.parking-info .btnArea .btn a:hover {
  background-color: #4f9acd
}

.parking-info .btnArea .btn a:active {
  top: 3px;
  background-color: #4f9acd;
  box-shadow: 0 1px #104a74
}

.parking-info .btnArea .btn img {
  margin-right: 8px
}

.latency-info dl.status_box {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  padding: 15px
}

.latency-info dl.status_box dt {
  color: #172a88;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 8px;
  text-align: center
}

.latency-info dl.status_box dt span {
  display: block;
  color: #000;
  font-size: 13px
}

.latency-info dl.status_box dt span i {
  margin-right: 5px
}

.latency-info dl.status_box dd {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  height: 50px;
  border-radius: 6px
}

.latency-info dl.status_box dd.is-green {
  background-color: #66bf1c
}

.latency-info dl.status_box dd.is-yellow {
  background-color: #f29b24
}

.latency-info dl.status_box dd.is-red {
  background-color: #e62323
}

.latency-info dl.status_box dd.is-none {
  font-size: 13px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  background-color: #969696;
  padding: 10 7px;
  text-align: center
}

.latency-info dl.status_box .icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 80px;
  background-color: rgba(255, 255, 255, .3)
}

.latency-info dl.status_box .icon span {
  display: block;
  width: 20px;
  height: 35px;
  background: url(../images/common/icon_latency.svg) left top no-repeat;
  background-size: contain
}

.latency-info dl.status_box dd.is-green .icon span:nth-child(-n+2) {
  opacity: .3
}

.latency-info dl.status_box dd.is-yellow .icon span:nth-child(1) {
  opacity: .3
}

.latency-info dl.status_box .time {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .1em;
  text-align: center
}

.latency-info dl.status_box .time span {
  font-size: 30px
}

@media print, screen and (min-width:841px) {
  .latency-info .inner, .parking-info .inner {
    width: 750px;
    margin: 0 auto
  }
  .latency-info .ttl h3, .parking-info .ttl h3 {
    font-size: 24px;
    margin-bottom: 5px;
    text-align: center
  }
  .latency-info .ttl .date, .parking-info .ttl .date {
    position: absolute;
    right: 0;
    bottom: 8px;
    font-size: 13px;
    line-height: 1.3;
    text-align: right
  }
  .latency-info .ttl.is-one-line .date, .parking-info .ttl.is-one-line .date {
    position: relative;
    right: auto;
    bottom: auto;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end
  }
  .latency-info .ttl .date span, .parking-info .ttl .date span {
    display: block
  }
  .latency-info .ttl.is-one-line .date span, .parking-info .ttl.is-one-line .date span {
    display: inline;
    margin-right: 8px
  }
  .parking-info .status_box {
    width: 32%;
    height: 80px;
    margin-right: 2%
  }
  .parking-info .status_box:last-child {
    margin-right: 0
  }
  .parking-info .status_box dd {
    position: relative;
    width: 50px;
    height: 40px;
    border-radius: 5px;
    overflow: hidden
  }
  .parking-info .status_box dd img {
    position: relative;
    top: -5px;
    width: 50px;
    height: 50px
  }
  .parking-info .btnArea .txt {
    width: 53%;
    padding-right: 10px
  }
  .parking-info .btnArea .btn {
    width: 47%
  }
  .latency-info .status_box {
    width: 32%;
    margin-right: 2%
  }
  .latency-info .status_box:last-child {
    margin-right: 0
  }
}

@media only screen and (max-width:840px) {
  .parking-info {
    padding-top: 25px
  }
  .latency-info {
    padding-top: 25px;
    padding-bottom: 25px
  }
  .latency-info .inner, .parking-info .inner {
    position: relative;
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    padding: 0 3%
  }
  .latency-info .ttl, .parking-info .ttl {
    margin-bottom: 15px;
    text-align: center
  }
  .latency-info .ttl h3, .parking-info .ttl h3 {
    font-size: 18px;
    margin-bottom: 8px
  }
  .latency-info .ttl .date, .parking-info .ttl .date {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end
  }
  .latency-info .ttl .date span, .parking-info .ttl .date span {
    margin-right: 5px
  }
  .parking-info dl.status_box {
    width: 49%;
    margin-bottom: 10px;
    padding: 10px
  }
  .parking-info dl.status_box:first-child {
    margin-right: 2%
  }
  .parking-info .status {
    margin-bottom: 25px
  }
  .parking-info .status dt {
    font-size: 17px
  }
  .parking-info .status dd {
    width: 40px;
    height: 40px
  }
  .parking-info .status_list {
    width: 100%;
    padding: 10px 10px 2px 10px
  }
  .parking-info .btnArea {
    padding: 25px 0
  }
  .parking-info .btnArea .inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column
  }
  .parking-info .btnArea .btn, .parking-info .btnArea .txt {
    width: 100%
  }
  .parking-info .btnArea .prereserve {
    font-size: 17px
  }
  .parking-info .btnArea .txt {
    font-size: 13px;
    margin-bottom: 10px
  }
  .parking-info .btnArea a {
    font-size: 16px;
    padding: 8px
  }
  .latency-info dl.status_box {
    width: 100%;
    margin-bottom: 10px
  }
}

@media only screen and (max-width:420px) {
  .parking-info .ttl h3 span {
    display: block
  }
  .parking-info .status dt {
    font-size: 15px
  }
  .parking-info .status dd {
    right: 6px
  }
  .parking-info .btnArea a {
    font-size: 14px
  }
}

.parking-info.en {
  font-family: Roboto, sans-serif
}

.parking-info.en .status dl {
  padding: 6px 10px
}

.parking-info.en .status dl dt {
  line-height: 1.2
}

@media print, screen and (min-width:841px) {
  .parking-info.en .btnArea a {
    padding: 12px 8px
  }
}

.blank:after{
  content : '';
  display: inline-block;
  width : 20px;
  height : 20px;
  background-image : url(../images/common/icon_pdf.png);
  background-size : contain;
  margin-left : 5px;
}

.center {
  text-align: center
}

.none {
  display: none
}

.small {
  font-size: 11px
}

.bold {
  font-size: 125%;
  font-weight: 700;
  margin-bottom: 15px
}

.taC {
  text-align: center!important
}

.taL {
  text-align: left!important
}

.taR {
  text-align: right!important
}

.red {
  color: #b10103
}

.mt0 {
  margin-top: 0!important
}

.mt5 {
  margin-top: 5px!important
}

.mt10 {
  margin-top: 10px!important
}

.mt15 {
  margin-top: 15px!important
}

.mt20 {
  margin-top: 20px!important
}

.mt25 {
  margin-top: 25px!important
}

.mt30 {
  margin-top: 30px!important
}

.mt35 {
  margin-top: 35px!important
}

.mt40 {
  margin-top: 40px!important
}

.mt45 {
  margin-top: 45px!important
}

.mt50 {
  margin-top: 50px!important
}

.mt60 {
  margin-top: 60px!important
}

.mt70 {
  margin-top: 70px!important
}

.mt80 {
  margin-top: 80px!important
}

.mt90 {
  margin-top: 90px!important
}

.mt100 {
  margin-top: 100px!important
}

.mb0 {
  margin-bottom: 0!important
}

.mb5 {
  margin-bottom: 5px!important
}

.mb10 {
  margin-bottom: 10px!important
}

.mb15 {
  margin-bottom: 15px!important
}

.mb20 {
  margin-bottom: 20px!important
}

.mb25 {
  margin-bottom: 25px!important
}

.mb30 {
  margin-bottom: 30px!important
}

.mb35 {
  margin-bottom: 35px!important
}

.mb40 {
  margin-bottom: 40px!important
}

.mb45 {
  margin-bottom: 45px!important
}

.mb50 {
  margin-bottom: 50px!important
}

.mb60 {
  margin-bottom: 60px!important
}

.mb70 {
  margin-bottom: 70px!important
}

.mb80 {
  margin-bottom: 80px!important
}

.mb90 {
  margin-bottom: 90px!important
}

.mb100 {
  margin-bottom: 100px!important
}

.pr20 {
  padding-right: 20px!important
}

.bdN {
  border: none!important
}

.vaT {
  vertical-align: top!important
}

.w10 {
  min-width: 10%
}

.w20 {
  min-width: 20%
}

.w30 {
  min-width: 30%
}

.w40 {
  min-width: 40%
}

.w50 {
  min-width: 50%
}

.w60 {
  min-width: 60%
}

.w70 {
  min-width: 70%
}

.w80 {
  min-width: 80%
}

.w90 {
  min-width: 90%
}

.w100 {
  min-width: 100%
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0
  }
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px)
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px)
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px)
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px)
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px)
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px)
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px)
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px)
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

.fade {
  opacity: 0
}

.ie .fade, .no-js .fade {
  opacity: 1
}

.fadeIn {
  -webkit-animation: fadeIn .8s ease;
  animation: fadeIn .8s ease;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}

.fadeInUp {
  -webkit-animation: fadeInUp .6s ease;
  animation: fadeInUp .6s ease;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}

.fadeInDown {
  -webkit-animation: fadeInDown .6s ease;
  animation: fadeInDown .6s ease;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}

.fadeInLeft {
  -webkit-animation: fadeInLeft .6s ease;
  animation: fadeInLeft .6s ease;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}

.fadeInRight {
  -webkit-animation: fadeInRight .6s ease;
  animation: fadeInRight .6s ease;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}

.delay_01 {
  -webkit-animation-delay: .1s;
  animation-delay: .1s
}

.delay_02 {
  -webkit-animation-delay: .2s;
  animation-delay: .2s
}

.delay_03 {
  -webkit-animation-delay: .3s;
  animation-delay: .3s
}

.delay_04 {
  -webkit-animation-delay: .4s;
  animation-delay: .4s
}

.delay_05 {
  -webkit-animation-delay: .5s;
  animation-delay: .5s
}

.delay_06 {
  -webkit-animation-delay: .6s;
  animation-delay: .6s
}

.delay_07 {
  -webkit-animation-delay: .7s;
  animation-delay: .7s
}

.delay_08 {
  -webkit-animation-delay: .8s;
  animation-delay: .8s
}

.delay_09 {
  -webkit-animation-delay: .9s;
  animation-delay: .9s
}

.delay_10 {
  -webkit-animation-delay: 1s;
  animation-delay: 1s
}

.delay_15 {
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s
}

header {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  background: #fff;
  box-shadow: 0 8px 8px -8px rgba(0, 0, 0, .3), 0 8px 8px -8px rgba(0, 0, 0, .3);
  z-index: 9999
}

header a {
  text-decoration: none
}

header .subNavi {
  font-family: sans-serif
}

@media print, screen and (min-width:1024px) {
  header a:hover {
    color: #fff
  }
  header .inner {
    width: 980px;
    height: 96px;
    margin: 0 auto
  }
  header .logo {
    float: left;
    width: 189px;
    height: 43px;
    margin-top: 38px
  }
  header .menu {
    position: relative;
    margin-top: -70px
  }
  header .gNavi {
    float: right;
    display: table;
    width: 775px;
    margin-top: 27px
  }
  header .gNavi>li {
    position: relative;
    display: table-cell;
    line-height: 1;
    width: 16.6666%;
    vertical-align: middle;
    box-sizing: border-box
  }
  header .gNavi>li>a {
    display: block;
    color: #043f84;
    font-size: 11px;
    border-left: 1px solid #003c83;
    padding: 10px 12px 10px 6px;
    -webkit-transition: background .3s ease;
    transition: background .3s ease;
    text-align: center
  }
  header .gNavi>li:hover>a, header .gNavi>li>a.current {
    color: #fff;
    background: #003c83
  }
  header .gNavi>li:last-child>a {
    border-right: 1px solid #003c83
  }
  header .gNavi>li i {
    display: block;
    font-size: 28px;
    font-size: 2.8rem;
    margin-bottom: 10px
  }
  header .gNavi .sub-menu {
    position: absolute;
    top: auto;
    left: -8px;
    width: auto;
    min-width: 127px;
    background: rgba(0, 60, 131, .7);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: .2s linear;
    transition: .2s linear;
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
  }
  header .gNavi li:hover .sub-menu {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
  header .gNavi .sub-menu ul li {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.6;
    border-bottom: 1px solid #fff
  }
  header .gNavi .sub-menu ul li:last-child {
    border-bottom: none
  }
  header .gNavi .sub-menu ul li a {
    display: block;
    color: #fff;
    padding: 15px 10px;
    -webkit-transition: background .3s ease;
    transition: background .3s ease;
    white-space: nowrap
  }
  header .gNavi .sub-menu ul li a:hover {
    background-color: #043f84
  }
  header .navButton>li>a {
    -webkit-transform: skew(-15deg);
    transform: skew(-15deg)
  }
  header .navButton>li>a>span {
    display: block;
    font-weight: 700;
    -webkit-transform: skew(15deg);
    transform: skew(15deg)
  }
  header .subNavi {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 27px;
    background-color: #606e7a;
    border-bottom: 1px solid #606e7a
  }
  header .subNavi a {
    color: #fff
  }
  header .subNavi .sns {
    float: right
  }
  header .subNavi .sns li {
    margin-left: 15px;
    vertical-align: middle
  }
  header .subNavi .sns li:first-child {
    margin-left: 0
  }
  header .subNavi .sns li:nth-child(2) {
    margin-top: 1.5px
  }
  header .subNavi .sns .icon-logo-fb:before {
    font-size: 12px
  }
  header .subNavi .sns .icon-logo-tw:before {
    font-size: 14px
  }
  header .subNavi .lang {
    float: right;
    margin-right: 25px
  }
  header .subNavi .lang a {
    position: relative;
    display: block;
    font-size: 11px;
    height: 26px;
    border-left: 1px solid #fff;
    padding: 4px 10px 0;
    -webkit-transition: background .3s ease;
    transition: background .3s ease
  }
  header .subNavi .lang li:last-child a {
    border-right: 1px solid #fff
  }
  header .subNavi .lang a:hover {
    color: #606e7a;
    background: #fff
  }
  header .subNavi .lang a.current span:after {
    position: absolute;
    left: 50%;
    bottom: -5px;
    display: block;
    content: " ";
    width: 3px;
    height: 3px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: translateX(-50%) rotate(-45deg);
    transform: translateX(-50%) rotate(-45deg)
  }
  header .subNavi .lang a.current:hover span:after {
    border-color: #606e7a
  }
}

@media screen and (max-width:1023px) {
  header {
    height: 50px
  }
  header .logo {
    width: 130px;
    height: 29px;
    margin: 11px 0 0 3%
  }
  header nav {
    position: fixed;
    top: 0;
    left: -300px;
    width: 270px;
    height: 100%;
    background-color: #fff;
    z-index: 0;
    overflow-y: auto;
    box-shadow: rgba(0, 0, 0, .156863) 0 3px 10px, rgba(0, 0, 0, .227451) 0 3px 10px;
    z-index: 9998;
    -webkit-overflow-scrolling: touch
  }
  header .gNavi {
    position: relative;
    font-size: 14px;
    margin-bottom: 60px;
    padding: 0
  }
  header .gNavi li {
    position: relative;
    line-height: 1.2
  }
  header .gNavi li a {
    display: block;
    padding: 15px 10px 15px
  }
  header .gNavi>li>a {
    color: #fff;
    background: #003c83 url(../images/common/arrow.svg) left center no-repeat;
    background-size: 40px 100%;
    border-bottom: 1px solid #ccc
  }
  header .gNavi li i {
    margin-right: 25px
  }
  header .gNavi .sub-menu {
    display: none;
    font-size: 13px;
    font-size: 1.3rem;
    text-indent: 20px
  }
  header .gNavi .sub-menu a {
    color: #000;
    padding-left: 25px;
    padding-right: 25px;
    text-indent: 0;
    -webki-transition: background .3s ease;
    -webkit-transition: background .3s ease;
    transition: background .3s ease;
    border-bottom: 1px solid #f1f1f1
  }
  header .gNavi .sub-menu a:hover {
    background: #ccc
  }
  header .gNavi .acMenu {
    position: absolute;
    top: 8px;
    right: 5px;
    display: block;
    color: #fff;
    line-height: 1;
    background: #4f7a9e;
    padding: 8px;
    cursor: pointer
  }
  header .gNavi .acMenu:before {
    content: " ";
    font-family: icomoon;
    content: "\e903";
    vertical-align: middle
  }
  header .gNavi .acMenu.is-open:before {
    content: "\e905"
  }
  header .subNavi .column {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
    width: 100%
  }
  header .subNavi .sns {
    padding: 15px 0;
    text-align: center
  }
  header .subNavi .sns li {
    font-size: 16px;
    margin: 0 10px
  }
  header .subNavi .sns .icon-logo-fb:before {
    color: #3b5998
  }
  header .subNavi .sns .icon-logo-tw:before {
    color: #00aced
  }
  header .subNavi .lang {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee
  }
  header .subNavi .lang li {
    width: 50%;
    text-align: center;
    border-bottom: 1px solid #eee
  }
  header .subNavi .lang li:nth-child(even) {
    border-right: 1px solid #eee
  }
  header .subNavi .lang li:nth-child(n+6) {
    border-bottom: 0
  }
  header .subNavi .lang li a {
    display: block;
    width: 100%;
    background-color: #fff;
    padding: 5px 0
  }
  header .subNavi .lang li a.current, header .subNavi .lang li a:hover {
    background-color: #eee
  }
  header .subNavi .lang li.accessibility {
    display: none
  }
  header #trigger {
    position: absolute;
    top: 5px;
    right: 3px;
    display: inline-block;
    color: #003c83;
    width: 40px;
    height: 40px;
    cursor: pointer;
    z-index: 9999;
    word-break: keep-all
  }
  header #trigger:after {
    position: absolute;
    bottom: 0;
    left: 50%;
    display: block;
    content: 'MENU';
    font-size: 10px;
    font-size: 1rem;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
  }
  .menu-is-open header #trigger:after {
    content: "CLOSE"
  }
  header #trigger span {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 20px;
    height: 2px;
    margin: -7px 0 0 -10px;
    background: #003c83;
    -webkit-transition: .2s;
    transition: .2s
  }
  header #trigger span:after, header #trigger span:before {
    content: " ";
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 20px;
    height: 2px;
    background: #003c83;
    -webkit-transition: .3s;
    transition: .3s
  }
  header #trigger span:before {
    margin-top: -7px
  }
  header #trigger span:after {
    margin-top: 5px
  }
  .menu-is-open header #trigger span {
    background: 0 0
  }
  .menu-is-open header #trigger span:after, .menu-is-open header #trigger span:before {
    margin-top: 0
  }
  .menu-is-open header #trigger span:before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
  }
  .menu-is-open header #trigger span:after {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg)
  }
  #overlay {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    display: block;
    content: " ";
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    z-index: 9997;
    cursor: pointer;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s
  }
}

@media print {
  header {
    position: relative
  }
}

footer {
  width: 100%
}

footer a {
  color: #fff;
  text-decoration: none
}

footer .recommend dt {
  font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: 25px
}

footer .recommend dd {
  margin-bottom: 30px
}

footer .recommend dd .grid-item img {
  width: 100%
}

footer .bnrSlide {
  background-color: #e6ecf0;
  text-align: center
}

footer .bnrSlide .slideWrap {
  margin: 0 auto;
  text-align: center
}

footer .bnrSlide .slideWrap li {
  display: inline-block;
  vertical-align: middle
}

footer .bnrSlide .slick-slide {
  margin-bottom: 10px
}

footer .bnrSlide .slick-slide a {
  display: block;
  outline: 0;
  margin: 0 5px
}

footer .bnrSlide .slick-slide img {
  display: inline-block
}

footer .bnrSlide .slick-arrow {
  font-size: 30px;
  margin-top: -20px
}

footer .ftNavi {
  color: #fff;
  background: #4f7a9e
}

footer .ftNavi .column {
  position: relative
}

footer .ftNavi dl dt i {
  margin-right: 8px
}

footer .ftNavi dl dd li a:before {
  font-family: icomoon;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  content: "\e315"
}

footer .ftNavi dl dd li .nonelink {
  color: #aaa;
  cursor: default;
  text-decoration: none
}

footer .ftBottom {
  color: #003c83;
  background: #fff;
  padding: 8px 0 5px
}

footer .ftBottom a {
  color: #003c83
}

footer .ftBottom a:hover {
  text-decoration: underline
}

footer .ftBottom .column {
  position: relative
}

footer .ftBottom .logo {
  display: block;
  width: 130px;
  height: 30px
}

footer .ftBottom .navi li {
  font-size: 12px;
  line-height: 1.2
}

footer .ftBottom .navi li a {
  vertical-align: middle
}

footer .ftBottom .navi li:before, footer .ftBottom .navi li:last-child:after {
  display: inline-block;
  content: " ";
  width: 1px;
  height: 20px;
  border-left: 1px solid #acbecd;
  padding-left: 10px;
  margin-left: 10px;
  vertical-align: middle
}

footer .ftBottom .navi li:first-child {
  margin-left: 0
}

footer .ftBottom .pdflink li {
  font-size: 12px;
  margin-left: 10px
}

footer .ftBottom .pdflink li:first-child {
  margin-left: 0
}

footer .ftBottom .pdflink li a {
  color: #35434f;
  display: block;
  border: 1px solid;
  padding: 3px 10px;
  text-decoration: none
}

footer .ftBottom .pdflink li a:hover {
  color: #fff;
  background: #606e7a
}

footer .ftBottom .pdflink li a:before {
  width: 11px;
  height: 11px;
  margin-right: 3px
}

footer .ftBottom .sns li {
  margin-left: 15px
}

footer .ftBottom .sns li:first-child {
  margin-left: 0
}

footer .ftBottom .sns i {
  font-size: 16px
}

footer .ftBottom .sns a:hover {
  text-decoration: none
}

footer .ftBottom .sns .icon-logo-fb:before {
  color: #3b5998
}

footer .ftBottom .sns .icon-logo-tw:before {
  color: #00aced
}

footer .ftBottom .copyright {
  font-size: 11px;
  font-size: 1.1rem;
  border-top: 1px solid #acbecd;
  padding: 5px 0;
  text-align: center;
  clear: both
}

footer .pageTop {
  position: fixed;
  right: 1%;
  bottom: 3%;
  display: inline-block;
  font-size: 30px;
  line-height: 45px;
  width: 45px;
  height: 45px;
  background-color: #043d9d;
  border-radius: 50%;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
  text-align: center;
  box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, .12), 0 1px 1px 0 rgba(0, 0, 0, .24);
  z-index: 9999
}

footer .pageTop:hover {
  color: #fff;
  background-color: #3164b9;
  text-decoration: none
}

footer .pageTop:hover i {
  display: block;
  -webkit-animation: fadeInUp 1s ease;
  animation: fadeInUp 1s ease;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

@media print, screen and (min-width:1024px) {
  footer .bnrSlide .slideWrap {
    padding: 30px 60px
  }
  footer .ftNavi dl dd li {
    text-indent: -1em;
    padding-left: 1em
  }
  footer .ftBottom .logo {
    float: left;
    margin-bottom: 10px
  }
  footer .ftBottom .navi {
    float: left;
    margin: 5px 0 0 20px;
    text-align: left
  }
  footer .ftBottom .pdflink {
    float: left;
    margin: 2px 0 0 15px
  }
  footer .ftBottom .sns {
    float: right;
    margin-top: 6px
  }
}

@media screen and (min-width:768px) {
  footer .ftNavi {
    padding: 40px 0 20px
  }
  footer .ftNavi dl {
    margin-bottom: 20px
  }
  footer .ftNavi dl dt {
    font-size: 14px;
    font-size: 1.4rem;
    border-bottom: 4px solid #fff;
    padding-bottom: 5px;
    margin-bottom: 10px
  }
  footer .ftNavi dl dd {
    display: block!important;
    font-size: 13px;
    font-size: 1.3rem
  }
  footer .ftNavi dl dd ul li {
    margin-bottom: 3px
  }
  footer .ftNavi dl dd ul li:last-child {
    margin-bottom: 0
  }
}

@media screen and (max-width:1023px) and (min-width:768px) {
  footer .bnrSlide .slideWrap {
    padding: 30px
  }
}

@media screen and (max-width:1023px) {
  footer .ftBottom ul {
    margin-bottom: 10px;
    text-align: center
  }
  footer .ftBottom ul li {
    margin-bottom: 5px
  }
  footer .ftBottom .logo {
    margin: 0 auto 15px
  }
}

@media screen and (max-width:767px) {
  footer .column {
    width: 100%
  }
  footer .bnrSlide .slideWrap {
    padding: 30px
  }
  footer .recommend dt {
    padding: 0 3%
  }
  footer .ftNavi dl dt {
    position: relative;
    padding: 15px 3%;
    border-bottom: 1px solid #fff;
    cursor: pointer
  }
  footer .ftNavi dl dt:after {
    position: absolute;
    top: 50%;
    right: 3%;
    font-family: icomoon;
    content: "\e903";
    line-height: 1;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
  }
  footer .ftNavi dl dt.is-open:after {
    content: "\e905"
  }
  footer .ftNavi dl dd {
    display: none
  }
  footer .ftNavi dl dd a {
    display: block;
    font-size: 1.4rem;
    border-bottom: 1px solid #fff;
    padding: 15px 3%;
    background: #434d56
  }
  footer .ftBottom .navi li:before, footer .ftBottom .navi li:last-child:after {
    padding-left: 5px;
    margin-left: 5px
  }
}

#top main .topSlide {
  position: relative;
  white-space: nowrap
}

#top main .topSlide .slide {
  display: inline-block;
  position: relative;
  width: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover
}

#top main .topSlide a{
  display: block;
  height : 600px;
}

#top main .topSlide a .img_top-slide{
  display: block;
  height : 600px;
  background-size : cover;
  background-position : top left;
}

#top .emergency{
	width: 100%;
	background-color: #ffff66;
	padding: 15px 0;
}
#top .emergency-inner{
  width: 90%;
	max-width: 980px;
  margin: 0 auto;
}

#top .emergency-inner a,#top .emergency-inner span{
  display: block;
  height: auto;
  text-decoration: none;
  overflow: hidden;
  position: relative;
  color: #000;
  padding-left: 25px;
  font-size: 1.1em;
  text-decoration: underline;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease
}

#top .emergency-inner span{
  text-decoration: none;
}

#top .emergency-inner a:before,#top .emergency-inner span:before{
  content: '';
  display: inline-block;
  width: 15px;
  height: 15px;
  background-image: url(../images/common/ico_notice.png);
  background-size: contain;
  position: absolute;
  top: 5px;
  left: 0;
}

#top .emergency-inner a:hover{
  opacity: .6;
}

@media print, screen and (min-width:1024px) {
  #top main .topSlide .slide {
    height: 600px
  }
}

@media screen and (min-width:768px) and (max-width:1023px) {
  #top main .topSlide .slide:after {
    display: block;
    content: " ";
    padding-top: 48%
  }
  #top main .topSlide a{
    height : auto;
  }
  
  #top main .topSlide a .img_top-slide{
    padding-bottom : 48%;
    height : auto;
  }
}

@media screen and (max-width:767px) {
  #top main .topSlide .slide:after {
    display: block;
    content: " ";
    padding-top: 61.22449%
  }
  #top main .topSlide a{
    height : auto;
  }
  #top main .topSlide a .img_top-slide{
    padding-bottom : 61.22449%;
    height : auto;
  }
}

#top main .topSlide .slick-arrow {
  font-size: 35px;
  margin-top: -17.5px
}

#top main .topSlide .slick-dots {
  position: absolute;
  bottom: 15px
}

#top main .topSlide .slick-dots li button:before {
  background: #fff;
  border: #003c83;
  opacity: .6
}

#top main .topSlide .slick-dots li.slick-active button:before {
  opacity: 1
}

#top main .recommend {
  padding: 35px 0 25px
}

#top main h2 {
  font-size: 26px;
  font-size: 2.6rem;
  text-align: center
}

#top main .event {
  background: #043f84
}

#top main .event .eventWrap {
  white-space: nowrap;
  overflow: hidden
}

#top main .event .eventList {
  margin-bottom: 20px;
  text-align: center
}

#top main .event .eventList li {
  text-align: left;
  padding: 0 5px;
  white-space: normal
}

#top main .event .eventList .inner {
  padding-top: 0
}

#top main .event .eventList .no_content {
  background: #92a5bb url(../images/common/noimage.png) center center no-repeat;
  background-size: contain
}

#top main .event h2 {
  color: #fff;
  margin-bottom: 10px;
  text-align: center
}

#top main .event .link, #top main .event .link:before {
  color: #fff
}

#top main .event .link:hover {
  color: #ccc
}

#top main .event .slick-arrow {
  font-size: 35px;
  margin-top: -17.5px;
  text-shadow: 0 0 5px #000
}

@media print, screen and (min-width:768px) {
  .eventList.arrow, .recList.arrow {
    padding: 0 30px
  }
}

@media screen and (max-width:480px) {
  .eventWrap.overflow {
    margin-right: -3%;
    margin-left: -3%
  }
}

#top main .news h2 {
  position: relative;
  border-bottom: 1px solid #bfdcff;
  margin-bottom: 25px;
  padding-bottom: 10px
}

#top main .news .link {
  margin-top: 20px;
  text-align: right
}

#top main .inside h2 {
  color: #fff;
  margin-bottom: 55px;
  text-shadow: 0 2px 8px #555, 0 -2px 8px #555;
  text-align: left
}

#top main .square_btn .btn {
  display: table;
  text-align: center
}

#top main .square_btn li a {
  display: table-cell;
  color: #043f84;
  background: #fff;
  vertical-align: middle;
  text-decoration: none;
  -webkit-transition: .3s ease;
  transition: .3s ease
}

#top main .square_btn li a:hover {
  color: #fff;
  background-color: #043f84
}

#top main .square_btn li span {
  display: block;
  font-weight: 700;
  line-height: 1.3
}

#top main .square_btn li i {
  display: block;
  font-size: 28px;
  margin: 5px auto
}

#top main .flight {
  background: url(../images/top/bg_flight.jpg) center bottom no-repeat;
  background-size: cover
}

#top main .flight .square_btn li:nth-child(3n) {
  margin-right: 0
}

#top main .guide {
  background: url(../images/top/bg_guide.jpg) center center no-repeat;
  background-size: cover
}

#top main .guide .square_btn li:nth-child(2n) {
  margin-right: 0
}

#top main .access {
  background: url(../images/top/bg_access.jpg) center center no-repeat;
  background-size: cover
}

#top main .access .square_btn li:nth-child(2n) {
  margin-right: 0
}

#top main .floormap {
  background: url(../images/top/bg_floormap.jpg) center center no-repeat;
  background-size: cover
}

#top main .service {
  background: url(../images/top/bg_service.jpg) center center no-repeat;
  background-size: cover
}

#top main .large-icon {
  color: #fff;
  position: absolute;
  right: 20%;
  top: 50%
}

#top main .inside .button {
  width: 210px;
  border: none;
  text-align: center
}

@media print, screen and (min-width:768px) {
  #top main section .inside {
    padding-left: 70px
  }
  #top main .square_btn li {
    margin: 0 10px 10px 0
  }
  #top main .square_btn .btn {
    font-size: 12px;
    width: 105px;
    height: 105px;
    text-align: center
  }
  #top main .flight .square_btn {
    max-width: 340px
  }
  #top main .guide .square_btn {
    max-width: 230px
  }
  #top main .access .square_btn {
    max-width: 230px
  }
}

@media screen and (max-width:767px) {
  #top main h2 {
    font-size: 22px;
    font-size: 2.2rem
  }
  #top main section .inside {
    width: 94%;
    margin: 0 auto
  }
  #top main .square_btn {
    margin: 0 auto
  }
  #top main .square_btn li {
    margin: 0 3px 3px 0
  }
  #top main .square_btn .btn {
    font-size: 11px;
    width: 93px;
    height: 93px;
    text-align: center
  }
  #top main .flight .square_btn {
    max-width: 285px
  }
  #top main .guide .square_btn {
    max-width: 210px
  }
  #top main .access .square_btn {
    max-width: 210px
  }
}

@media print, screen and (min-width:768px) {
  #top main .large-icon {
    font-size: 80px;
    margin: -40px -40px 0 0
  }
}

@media screen and (max-width:899px) {
  #top main .large-icon {
    font-size: 60px;
    margin: -70px -30px 0 0
  }
}

@media screen and (max-width:767px) {
  #top main .large-icon {
    margin-top: -30px
  }
}

@media screen and (max-width:480px) {
  #top main .inside .button {
    width: 180px
  }
  #top main .large-icon {
    font-size: 50px;
    margin: -25px -40px 0 0
  }
}

#flight main .purpose {
  width: 100%;
  border: 1px solid #acbecd;
  margin-bottom: 10px
}

#flight main .purpose .pageNavi {
  margin-bottom: 0
}

#flight main .purpose dt {
  font-weight: 700
}

#flight main .purpose i {
  margin-right: 10px;
  vertical-align: middle
}

@media print, screen and (min-width:768px) {
  #flight main .purpose {
    display: table;
    padding: 10px 25px 15px
  }
  #flight main .purpose dd, #flight main .purpose dt {
    display: table-cell;
    vertical-align: middle
  }
  #flight main .purpose dt {
    font-size: 20px;
    width: 9.5em
  }
  #flight main .purpose i {
    font-size: 30px
  }
}

@media only screen and (max-width:767px) {
  #flight main .purpose {
    padding: 15px 10px 0 10px
  }
  #flight main .purpose dt {
    font-size: 16px;
    margin-bottom: 10px;
    text-align: center
  }
  #flight main .purpose i {
    font-size: 20px
  }
}

#flight main .time {
  font-size: 12px;
  margin-bottom: 5px;
  text-align: right
}

#flight main .tableWrap {
  margin-bottom: 30px
}

#flight main .time-table {
  width: 100%;
  font-size: 14px
}

#flight main .time-table thead th:nth-child(3) {
  width: 15%
}

#flight main .time-table thead th:nth-child(4) {
  width: 27%
}

#flight main .time-table thead th:nth-child(7) {
  width: 15%
}

#flight main .time-table thead th:nth-child(8) {
  width: 12%
}

#flight main .time-table td, #flight main .time-table th {
  vertical-align: middle
}

#flight main .time-table tbody td {
  text-align: center
}

#flight main .time-table td.corp {
  text-align: left
}

#flight main .time-table td.corp img {
  margin-right: 10px
}

#flight main .time-table td img {
  width: 45px;
  margin-bottom: 2px;
  vertical-align: middle
}

#flight main .time-table td img:last-child {
  margin-bottom: 0
}

#flight main .time-table2 {
  width: 100%
}

#flight main .time-table2 thead th:nth-child(1) {
  width: 10%
}

#flight main .time-table2 td, #flight main .time-table2 th {
  vertical-align: middle
}

#flight main .time-table2 tbody td {
  text-align: center
}

#flight main .time-table2 td.corp {
  width: 22%
}

#flight main .time-table2 td img {
  width: 65px;
  margin-bottom: 2px;
  vertical-align: middle
}

#flight main .time-table2 td img:last-child {
  margin-bottom: 0
}

#flight main .linkList {
  margin-bottom: 35px
}

#flight main .company p {
  margin-bottom: 15px
}

#flight main .company li {
  margin-bottom: 10px
}

#flight main .company li a {
  display: block;
  border: 1px solid #d8d8d8;
  margin-bottom: 10px;
  padding: 0 10px;
  text-align: center
}

#flight main .company li h5 {
  font-size: 12px
}

@media screen and (max-width:1023px) {
  #flight main .flightInfo .inner {
    width: 94%;
    margin: 0 auto
  }
}

#floormap main .img_map {
  position: relative;
  text-align: center
}

#floormap main #map_overall {
  position: relative;
  background-image: url(../images/floormap/img_mapoverall.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100%;
  -webkit-transition: background-image .3s ease;
  transition: background-image .3s ease
}

#floormap main #map_overall:after {
  display: block;
  content: " ";
  padding-top: 77.55102%
}

#floormap main .btn_floor .btn {
  position: relative;
  display: block;
  font-size: 0;
  max-width: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100%;
  -webkit-transition: .3s ease;
  transition: .3s ease;
  overflow: hidden
}

#floormap main .btn_floor .btn:after {
  display: block;
  content: " ";
  padding-top: 26%
}

#floormap main .btn_floor .btn:before {
  position: absolute;
  top: 0;
  left: 0;
  content: ' ';
  width: 100%;
  height: 100%;
  background-size: 100% auto;
  opacity: 0;
  z-index: 2;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease
}

#floormap main .btn_floor .btn:hover:before {
  opacity: 1
}

#floormap main .btn_floor .btn_1f .btn {
  background-image: url(../images/floormap/btn_1f.svg)
}

#floormap main .btn_floor .btn_1f .btn:before {
  background-image: url(../images/floormap/btn_1f_on.svg)
}

#floormap main .btn_floor .btn_m2f .btn {
  background-image: url(../images/floormap/btn_m2f.svg)
}

#floormap main .btn_floor .btn_m2f .btn:before {
  background-image: url(../images/floormap/btn_m2f_on.svg)
}

#floormap main .btn_floor .btn_2f .btn {
  background-image: url(../images/floormap/btn_2f.svg)
}

#floormap main .btn_floor .btn_2f .btn:before {
  background-image: url(../images/floormap/btn_2f_on.svg)
}

#floormap main .btn_floor .btn_3f .btn {
  background-image: url(../images/floormap/btn_3f.svg)
}

#floormap main .btn_floor .btn_3f .btn:before {
  background-image: url(../images/floormap/btn_3f_on.svg)
}

#floormap main .btn_floor .btn_rf .btn {
  background-image: url(../images/floormap/btn_rf.svg)
}

#floormap main .btn_floor .btn_rf .btn:before {
  background-image: url(../images/floormap/btn_rf_on.svg)
}

#floormap main .btn_floor .btn_station .btn {
  background-image: url(../images/floormap/btn_station.svg)
}

#floormap main .btn_floor .btn_station .btn:before {
  background-image: url(../images/floormap/btn_station_on.svg)
}

#floormap main #map_1f-overall, #floormap main #map_2f-overall {
  position: relative;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100%;
  -webkit-transition: background-image .3s ease;
  transition: background-image .3s ease
}

#floormap main #map_1f-overall {
  background-image: url(../images/floormap/1f/img_1f_all.png)
}

#floormap main #map_2f-overall {
  background-image: url(../images/floormap/2f/img_2f_all.png)
}

#floormap main #map_1f-overall:after, #floormap main #map_2f-overall:after {
  display: block;
  content: " ";
  padding-top: 30.612245%
}

#floormap main .map-button {
  position: relative;
  display: block;
  font-weight: 700;
  background-color: #fff;
  border: 3px solid;
  border-radius: 30px;
  padding: 9px;
  text-decoration: none;
  text-align: center;
  line-height: 1.2
}

#floormap main .map-button::before {
  position: absolute;
  top: 50%;
  left: 10px;
  display: block;
  content: " ";
  width: 12px;
  height: 12px;
  border-top: 3px solid;
  border-right: 3px solid;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg)
}

#floormap main .map-button.floor-1 {
  color: #eb6161
}

#floormap main .map-button.floor-1:hover {
  color: #fff;
  border-color: #eb6161;
  background-color: #eb6161
}

#floormap main .map-button.floor-2 {
  color: #8fc31f
}

#floormap main .map-button.floor-2:hover {
  color: #fff;
  border-color: #8fc31f;
  background-color: #8fc31f
}

@media print, screen and (min-width:768px) {
  #floormap main .btn_floor {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
  }
  #floormap main .btn_floor li {
    position: absolute;
    width: 20%;
    -webkit-transition: .3s ease;
    transition: .3s ease;
    z-index: 2
  }
  #floormap main .btn_floor .btn_1f {
    right: 1%;
    bottom: 11%
  }
  #floormap main .btn_floor .btn_m2f {
    right: 1%;
    bottom: 29%
  }
  #floormap main .btn_floor .btn_2f {
    right: 1%;
    bottom: 47%
  }
  #floormap main .btn_floor .btn_3f {
    right: 1%;
    bottom: 65%
  }
  #floormap main .btn_floor .btn_rf {
    right: 1%;
    bottom: 83%
  }
  #floormap main .btn_floor .btn_station {
    top: 70%;
    left: 0
  }
  #floormap main .btn_floor .active {
    -webkit-transform: translate(10px);
    transform: translate(10px)
  }
  #floormap main #map_overall.img_1f {
    background-image: url(../images/floormap/img_mapoverall_1f.png)
  }
  #floormap main #map_overall.img_m2f {
    background-image: url(../images/floormap/img_mapoverall_m2f.png)
  }
  #floormap main #map_overall.img_2f {
    background-image: url(../images/floormap/img_mapoverall_2f.png)
  }
  #floormap main #map_overall.img_3f {
    background-image: url(../images/floormap/img_mapoverall_3f.png)
  }
  #floormap main #map_overall.img_rf {
    background-image: url(../images/floormap/img_mapoverall_rf.png)
  }
  #floormap main #map_overall.img_station {
    background-image: url(../images/floormap/img_mapoverall_station.png)
  }
  #floormap main .map-button {
    font-size: 20px
  }
  #floormap main .btn_floor.floor-1 li {
    width: 26%
  }
  #floormap main .btn_floor .btn_terminal {
    bottom: 5%;
    right: 5%
  }
  #floormap main .btn_floor .btn_pier {
    bottom: 5%;
    left: 5%
  }
  #floormap main #map_1f-overall.img_pier {
    background-image: url(../images/floormap/1f/img_1f_pier.png)
  }
  #floormap main #map_1f-overall.img_terminal {
    background-image: url(../images/floormap/1f/img_1f_terminal.png)
  }
  #floormap main #map_2f-overall.img_pier {
    background-image: url(../images/floormap/2f/img_2f_pier.png)
  }
  #floormap main #map_2f-overall.img_terminal {
    background-image: url(../images/floormap/2f/img_2f_terminal.png)
  }
}

@media only screen and (max-width:767px) {
  #floormap main .btn_floor {
    font-size: 0;
    padding-top: 5%
  }
  #floormap main .btn_floor li {
    display: inline-block;
    margin: 0 2% 2% 0
  }
  #floormap main .map-button {
    font-size: 14px
  }
  #floormap main .map-button::before {
    width: 8px;
    height: 8px
  }
}

@media only screen and (min-width:481px) and (max-width:767px) {
  #floormap main .btn_floor li {
    width: 32%
  }
  #floormap main .btn_floor li:nth-child(3n) {
    margin-right: 0
  }
}

@media only screen and (max-width:480px) {
  #floormap main .btn_floor li {
    width: 48%
  }
  #floormap main .btn_floor li:nth-child(2n) {
    margin-right: 0
  }
}

#guide main .tab_content {
  margin-bottom: 35px
}

#guide main .category-icons li {
  width: 50px
}

#guide main .shop-title {
  position: relative;
  width: 100%;
  background-color: #f3f3f3;
  margin-bottom: 30px
}

#guide main .shop-title h3 {
  margin-bottom: 0
}

#guide main .shop-title .iconList {
  border-bottom: 1px solid #acbecd;
  padding: 10px 20px 0
}

#guide main .shop-title .info ul li {
  margin: 0 10px 10px 0
}

#guide main .shop-title .info i {
  color: #4f7a9e;
  margin-right: 5px
}

#guide main .shop-title .info .menu {
  color: #000;
  height: 100%;
  font-weight: 700;
  text-align: center
}

#guide main .shop-title .info .menu:hover {
  color: #fff;
  background: #043d9d
}

#guide main .shop-title .info .menu span:before {
  display: inline-block;
  content: " ";
  width: 25px;
  height: 25px;
  background: url(../images/common/icon_pdf.png) center center no-repeat;
  background-size: contain;
  margin: 0 3px 3px 0;
  vertical-align: middle
}

@media print, screen and (min-width:768px) {
  #guide main .shop-title .info {
    position: relative;
    padding: 15px 175px 5px 20px
  }
  #guide main .shop-title .info .menu {
    position: absolute;
    top: 0;
    right: 0;
    width: 175px;
    border-top: none
  }
}

@media only screen and (max-width:767px) {
  #guide main .shop-title .iconList li {
    margin-right: 5px
  }
  #guide main .shop-title .iconList li span {
    display: none
  }
  #guide main .shop-title .info {
    padding: 15px 20px 15px 20px
  }
  #guide main .shop-title .info ul li {
    font-size: 13px
  }
}

#guide main .description .txt {
  line-height: 2;
  padding-top: 1em;
  text-align: justify
}

#guide main .shopinfo {
  margin-bottom: 40px
}

#guide main .shopinfo table {
  width: 100%;
  border: none;
  margin-bottom: 25px
}

#guide main .shopinfo table td, #guide main .shopinfo table th {
  border-left: none;
  border-right: none;
  text-align: left
}

#guide main .shopinfo table th {
  width: 110px
}

#guide main .shopinfo .map {
  border: 1px solid #acbecd;
  text-align: center
}

#guide main .payment ul {
  max-height: 100%;
  margin-bottom: 25px
}

#guide main .payment ul li {
  margin: 0 12px 15px 0;
  vertical-align: middle
}

#guide main .payment ul li img {
  opacity: .3;
  -webkit-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /></filter></svg>#filter');
  filter: grayscale(100%)
}

#guide main .payment ul li.on img {
  opacity: 1;
  -webkit-filter: none;
  -o-filter: none;
  filter: none
}

#guide main .shopList {
  margin-bottom: 30px
}

#guide main .shopDetails {
  background-color: #f4f4f4;
  margin-bottom: 35px
}

#guide main .shopDetails h5 {
  position: relative;
  color: #326087;
  font-size: 16px;
  border-bottom: 1px solid #adbfce;
  margin-bottom: 20px;
  padding-left: 30px;
  padding-bottom: 10px
}

#guide main .shopDetails h5 i {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  color: #fff;
  width: 25px;
  height: 25p;
  line-height: 25px;
  background-color: #326087;
  margin-right: 5px;
  border-radius: 3px;
  text-align: center
}

#guide main .shopDetails h6 {
  position: relative;
  font-size: 14px;
  margin-bottom: 15px;
  padding: 2px 0 0 30px
}

#guide main .shopDetails h6 span {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  color: #fff;
  font-size: 12px;
  width: 25px;
  height: 25px;
  line-height: 25px;
  margin-right: 5px;
  text-align: center
}

#guide main .shopDetails .details {
  font-size: 12px
}

#guide main .shopDetails .details i {
  color: #4f7a9e;
  font-size: 14px;
  margin-right: 5px;
  vertical-align: middle
}

@media print, screen and (min-width:1024px) {
  #guide main .description {
    margin-bottom: 45px
  }
  #guide main .description .photo {
    float: left;
    width: 470px
  }
  #guide main .description .txt {
    float: right;
    width: 460px
  }
}

@media print, screen and (min-width:768px) {
  #guide main .shopDetails {
    padding: 20px 30px
  }
  #guide main .shopDetails .photo {
    width: 27%;
    margin-right: 3%
  }
  #guide main .shopDetails .card .inner {
    padding: 8px
  }
  #guide main .shopDetails .info {
    width: 45%;
    margin-right: 3%
  }
  #guide main .shopDetails .btn {
    width: 22%
  }
  #guide main .shopDetails .btn ul li {
    margin-bottom: 15px
  }
}

@media screen and (max-width:1023px) {
  #guide main .description {
    margin-bottom: 30px
  }
  #guide main .menuList {
    margin-bottom: 30px
  }
}

@media screen and (min-width:768px) and (max-width:1023px) {
  #guide main .description .photo {
    float: left;
    width: 45%
  }
  #guide main .description .txt {
    float: right;
    width: 50%
  }
}

@media screen and (max-width:767px) {
  #guide main .description .photo {
    width: 100%
  }
  #guide main .menuList li {
    margin-bottom: 10px
  }
  #guide main .menuList .inner {
    overflow: hidden
  }
  #guide main .menuList .thumb {
    float: left;
    width: 40%
  }
  #guide main .menuList .ttl, #guide main .menuList .txt {
    float: right;
    width: 55%
  }
  #guide main .shopDetails {
    padding: 5%
  }
  #guide main .shopDetails .photo {
    width: 100%;
    margin-bottom: 15px
  }
  #guide main .shopDetails .info {
    width: 100%;
    margin-bottom: 15px
  }
  #guide main .shopDetails .btn {
    width: 100%
  }
}

@media screen and (max-width:480px) {
  #guide main .menuList .txt {
    width: 100%;
    clear: both
  }
}

#service main .btnList {
  margin-bottom: 35px
}

#service main .card h4 {
  vertical-align: middle
}

#service main .content {
  margin-bottom: 50px
}

#service main .content p {
  margin-bottom: 20px
}

#service main .content p:last-child {
  margin-bottom: 0
}

#service main .flex-row {
  margin-bottom: 35px
}

#service main .floor {
  width: 100%
}

#service main .floor td, #service main .floor th {
  padding-bottom: 8px;
  text-align: left;
  vertical-align: top
}

#service main .floor th:first-child {
  width: 3.5em
}

#service main .floor td {
  width: 110px;
  text-align: right
}

#service main .floor .button {
  display: inline-block;
  width: 100px;
  padding-left: 15px;
  text-align: center
}

#service main .photo_l, #service main .photo_r {
  margin-bottom: 25px
}

#service .lity-content {
  max-width: 1100px;
  background-color: #fff
}

.tr_w{
	background-color: #fff!important;
}
  
.td_b{
	background-color: #e6ebf0;
}
  
#timeTable01 table.table thead th{
	padding: 15px 3px;
	text-align:center;
	font-size :.9em;
}

#timeTable01 table.table td, table.table th{
	padding: 8px 3px;
	text-align:center!important;
	font-size :.9em;
}

#access main .img {
  margin-bottom: 25px;
  text-align: center
}

#access main .content {
  margin-bottom: 35px
}

#access main .content p {
  margin-bottom: 15px
}

#access main .content table {
  margin-bottom: 20px
}

#access main .content .priceList thead th {
  vertical-align: middle;
  text-align: center
}

#access main .content .priceList td {
  vertical-align: middle
}

#access main .content .priceList td, #access main .content .priceList th {
  padding: 12px 5px
}

#access main .content .chart {
  width: 98%;
  font-size: 13px;
  margin: 0
}

#access main .content .day {
  position: relative;
  color: #fff;
  font-size: 16px;
  background: url(../images/access/bg_arrow.svg) right center no-repeat;
  background-size: 100% auto;
  margin-bottom: 15px;
  padding: 15px;
  text-align: center
}

#access main .content .day-1 {
  opacity: .4
}

#access main .content .day-2 {
  opacity: .5
}

#access main .content .day-3 {
  opacity: .6
}

#access main .content .day-4 {
  opacity: .75
}

#access main .content .day-5 {
  opacity: .9
}

#access main .content .detail {
  background: #f4f4f4;
  margin-bottom: 15px;
  padding: 30px;
  border-radius: 10px
}

#access main .content .detail h5 {
  margin-bottom: 20px
}

#access main .img_depart .root {
  position: relative;
  z-index: 2
}

#access main .tab_content {
  margin-bottom: 35px
}

#access main .timeTable {
  margin-bottom: 15px
}

#access main .timeTable table {
  width: 100%;
  margin-bottom: 15px
}

#access main .feeList {
  margin-bottom: 15px
}

#access main .feeList table td, #access main .feeList table th {
  border: 1px solid #c4c4c4
}

#access main .tab_content .info {
  margin: 5px 0;
  text-align: left
}

#access main .tab_content .info th {
  padding-right: 8px
}

#access main .tab_content dl {
  font-size: 13px
}

#access main .tab_content dl dt {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 5px
}

#access main .tab_content .button {
  max-width: 250px;
  margin-bottom: 25px
}

#access main .table.contact {
  width: 100%;
  max-width: 470px
}

#access main .detailLink dl {
  display: table;
  width: 100%;
  border-bottom: 1px dotted #a4b6c5;
  padding: 5px 0
}

#access main .detailLink dl:first-child {
  border-top: 1px dotted #a4b6c5
}

#access main .detailLink dl dd, #access main .detailLink dl dt {
  display: table-cell;
  vertical-align: middle
}

#access main .detailLink dl dt {
  padding-right: 10px
}

#access main .detailLink dl dd {
  width: 135px
}

#access main .detailLink dl dd .button {
  margin-bottom: 5px
}

#access main .detailLink dl dd .button:last-child {
  margin-bottom: 0
}

@media screen and (min-width:768px) and (max-width:1023px) {
  #access main .img_depart .jpMap {
    width: 37%
  }
  #access main .img_depart .root {
    width: 62%
  }
}

@media print, screen and (min-width:1024px) {
  #access main .img_depart {
    position: relative;
    min-height: 530px;
    padding-right: 5px;
    text-align: right
  }
  #access main .img_depart .jpMap {
    position: absolute;
    left: 5px;
    top: 0;
    z-index: 1
  }
}

@media only screen and (max-width:767px) {
  #access main .img_depart {
    text-align: center
  }
  #access main .img_depart .jpMap {
    margin-bottom: 20px
  }
  #access main .detailLink .col:first-child dl:last-child {
    border-bottom: none
  }
  #access main .infoList {
    table-layout: auto
  }
}

@media screen and (max-width:480px) {
  #access main .content .chart {
    width: 100%
  }
}

#access main .parking-info {
  margin-bottom: 30px
}

.post_contents {
  margin-bottom: 80px
}

.post_contents h4, .post_contents h5, .post_contents h6, .post_contents p {
  margin-bottom: 20px;
  margin-bottom: 2rem
}

.post_contents strong {
  font-size: 16px
}

.post_contents ol, .post_contents ul {
  list-style-position: outside;
  padding-left: 1.5em;
  margin-bottom: 2em
}

.post_contents ul {
  list-style: disc
}

.post_contents ol {
  list-style: decimal
}

.post_contents strong {
  font-size: 120%;
  font-weight: 700
}

.post_contents em {
  font-style: normal;
  color: #f11;
  font-size: 12px
}

.post_contents blockquote {
  position: relative;
  background-color: #eee;
  margin-bottom: 30px;
  padding: 40px 25px 20px;
  border-radius: 8px
}

.post_contents blockquote:before {
  position: absolute;
  left: 0;
  top: 0;
  content: "“";
  color: #999;
  font-size: 600%;
  font-family: serif;
  line-height: 1em
}

.post_contents blockquote:after {
  position: absolute;
  right: 0;
  bottom: 0;
  content: "”";
  color: #999;
  font-size: 600%;
  font-family: serif;
  line-height: 0
}

.post_contents blockquote p:last-child {
  margin-bottom: 0
}

.post_contents table {
  margin-bottom: 30px
}

.post_contents table td, .post_contents table th {
  padding: 3px 15px 3px 0;
  text-align: left
}

.post_contents .aligncenter {
  display: block;
  margin: 30px auto;
  text-align: center
}

.post_contents .alignleft {
  text-align: left
}

.post_contents .alignright {
  text-align: right
}

.post_contents .pageNavi {
  font-size: 14px;
  border-top: 1px solid #ccc;
  margin-bottom: 30px;
  padding-top: 20px
}

.post_contents .pageNavi a {
  color: #3c3c3c
}

.post_contents .pageNavi .pageprev {
  float: left;
  width: 40%;
  text-align: left
}

.post_contents .pageNavi .pagenext {
  float: right;
  width: 40%;
  text-align: right
}

#faq main .faq_contents p, #faq main .faq_contents ul {
  margin-bottom: 15px
}

#faq main .faq_contents ul.anchorNavi {
  border-bottom: 1px solid #ccc;
  margin-bottom: 60px;
  padding-bottom: 60px
}

#faq main .faq_contents .anchorNavi li {
  margin-bottom: 8px
}

#faq main .faq_contents .anchorNavi li:last-child {
  margin-bottom: 0
}

#faq main .faq_contents .anchorNavi li a {
  color: #000;
  font-weight: 700
}

#faq main .faq_contents .anchorNavi li a span {
  color: #b10103;
  padding-right: 3px;
  text-decoration: none
}

#faq main .faq_contents dl {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #ccc
}

#faq main .faq_contents dl dt {
  position: relative;
  font-weight: 700;
  font-size: 18xp;
  margin-bottom: 15px;
  padding: 6px 0 0 38px
}

#faq main .faq_contents dl dt span {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  color: #fff;
  font-weight: 400;
  font-size: 12px;
  line-height: 32px;
  width: 32px;
  height: 32px;
  background: #b10103;
  margin-right: 10px;
  border-radius: 3px;
  vertical-align: middle;
  text-align: center
}

#contact .container p {
  margin-bottom: 15px
}

#contact .container .tel {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700
}

#contact .container .table {
  font-size: 13px;
  margin-bottom: 15px
}

@media screen and (max-width:767px) {
  #contact .container .table tbody th {
    word-break : break-all;
    width: auto
  }
}

#contact-list main table {
  margin-bottom: 35px
}

#contact-list main table td, #contact-list main table th {
  vertical-align: middle;
  padding: 5px 10px
}

#contact-list main table td {
  text-align: right
}

#contact-list main table td span {
  font-size: 12px
}

@media print, screen and (min-width:768px) {
  #company main .inner {
    width: 700px;
    margin: 0 auto
  }
  #contact-list main table td {
    width: 300px;
  }
}

#company main .message {
  max-width: 540px;
  margin: 0 auto
}

#company main .message h4 {
  margin-bottom: 25px
}

#company main .message p {
  margin-bottom: 20px
}

#company main .profile h4 {
  font-size: 16px;
  margin-bottom: 5px
}

#company main .profile p {
  margin-bottom: 15px
}

#company main .profile table {
  margin-bottom: 35px
}

#company main .infoList th {
  width: 180px
}

@media only screen and (max-width:767px) {
  #company main .infoList th {
    width: 80px
  }
}

#company main .vision h4 {
  margin-bottom: 45px;
  padding-top: 15px;
  text-align: center
}

#company main .vision h5 {
  position: relative;
  font-size: 21px;
  margin-bottom: 15px;
  padding: 5px 0 0 56px
}

#company main .vision h5:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: " ";
  width: 51px;
  height: 40px;
  background: url(../images/company/vision/icon_bird.png) left top no-repeat;
  background-size: contain
}

@media (-webkit-min-device-pixel-ratio:1.5), (min-device-pixel-ratio:1.5), (min-resolution:1.5dppx) {
  #company main .vision h5:before {
    background-image: url(../images/company/vision/icon_bird@2x.png)
  }
}

#company main .vision ul {
  margin-bottom: 50px;
  padding: 0 0 50px 15px;
  border-bottom: 1px solid #000
}

#company main .vision ul:last-child {
  border-bottom: none;
  padding-bottom: 0
}

#company main .vision ul li {
  position: relative;
  font-size: 18px;
  margin-bottom: 18px;
  padding-left: 30px
}

#company main .vision ul li:last-child {
  margin-bottom: 0
}

#company main .vision ul li:before {
  position: absolute;
  top: 3px;
  left: 0;
  display: block;
  content: " ";
  width: 20px;
  height: 20px;
  background-color: #003c83;
  border-radius: 50%
}

#company main .vision ul li span {
  display: block;
  font-size: 14px
}

@media only screen and (max-width:767px) {
  #company main .vision h4 {
    margin-bottom: 20px;
    padding: 2%
  }
  #company main .vision h5 {
    font-size: 17px;
    padding-top: 8px
  }
  #company main .vision ul li {
    font-size: 15px
  }
  #company main .vision ul li:before {
    top: 0
  }
}

#company main .logo-slogan {
  margin-bottom: 30px
}

#company main .logo-slogan .img {
  margin-bottom: 25px;
  padding: 2% 10%;
  text-align: center
}

#company main .logo-slogan h4 {
  color: #fff;
  font-size: 15px;
  letter-spacing: .1em;
  background-color: #003c83;
  margin-bottom: 20px;
  padding: 2px 1.5em
}

#company main .logo-slogan .meaning {
  font-size: 16px;
  margin-bottom: 25px
}

#company main .historyTab li .btn {
  position: relative;
  display: table;
  width: 100%
}

#company main .historyTab li a {
  display: table-cell;
  color: #787878;
  font-size: 17px;
  width: 100%;
  height: 100%;
  border: 3px solid #787878;
  padding: 10px 12px;
  line-height: 1.3;
  vertical-align: middle;
  text-decoration: none
}

#company main .historyTab li a.current, #company main .historyTab li a:hover {
  color: #000;
  border-color: #0b9ae4
}

#company main .historyTab li i {
  color: #c7c7c7;
  font-size: 34px;
  opacity: .5
}

#company main .historyTab li a.current i, #company main .historyTab li a:hover i {
  color: #92cbec
}

#company main .historyTab.top li a {
  border-bottom: none
}

#company main .historyTab.btm {
  padding-top: 25px
}

#company main .history .ttl {
  position: relative;
  width: 100%;
  height: 100%
}

#company main .history .ttl:before {
  position: absolute;
  right: 0;
  display: block;
  content: " ";
  background: url(../images/company/history/bg_takeoff.svg) left top no-repeat
}

#company main .history .ttl h4 {
  max-width: 800px
}

#company main .history h5 {
  margin-bottom: 15px
}

#company main .history .img {
  margin-bottom: 15px;
  text-align: center
}

#company main .history p {
  margin-bottom: 30px
}

#company main .history hr {
  border: none;
  border-top: 2px solid #45c9ff;
  margin-bottom: 25px
}

#company main #history02 h5 {
  padding-top: 15px;
  text-align: center
}

#company main #history02 h6 {
  font-size: 18px;
  margin-bottom: 10px;
  line-height: 1.3;
  text-align: center
}

#company main #history03 table {
  margin-bottom: 35px
}

#company main #history03 table th {
  font-size: 14px;
  font-weight: 700
}

@media print, screen and (min-width:768px) {
  #company main .historyTab li i {
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
  }
  #company main .history .ttl {
    margin-bottom: 50px;
    border-top: 10px solid #0b9ae4
  }
  #company main .history .ttl:before {
    top: -5px;
    width: 338px;
    height: 65px
  }
  #company main .history h5 {
    font-size: 32px
  }
  #company main #history04 .photo {
    width: 53%
  }
  #company main #history04 .txt {
    width: 47%;
    padding-left: 20px
  }
}

@media only screen and (max-width:767px) {
  #company main .historyTab li {
    text-align: center
  }
  #company main .historyTab li span {
    display: none
  }
  #company main .historyTab li i {
    font-size: 20px
  }
  #company main .history .ttl {
    border-top: 5px solid #0b9ae4;
    margin-bottom: 5%
  }
  #company main .history .ttl:before {
    top: 0;
    width: 40%;
    padding-top: 7%;
    background-size: cover
  }
  #company main .history h5 {
    font-size: 21px
  }
  #company main #history02 h6 {
    font-size: 15px
  }
  #company main #history04 .photo, #company main #history04 .txt {
    width: 100%
  }
}

#privacy main p {
  margin-bottom: 20px
}

.l-block .img {
  margin-bottom: 15px;
  text-align: center
}

.l-block p {
  margin-bottom: 15px
}

.l-block .col {
  margin-bottom: 30px
}

@media print, screen and (min-width:768px) {
  .l-block {
    margin-bottom: 60px
  }
  .l-block.photo_r>.col:first-child {
    float: right
  }
  .l-block.photo_r>.col:last-child {
    float: left
  }
}

@media screen and (max-width:767px) {
  .l-block {
    margin-bottom: 35px
  }
}

#recruit table.infoList th {
  width: 24%
}

#recruit .btn_entry {
  width: 40%;
  margin: 0 auto 30px auto
}

@media only screen and (max-width:767px) {
  table.infoList th {
    width: 110px
  }
  #recruit .btn_entry {
    width: 80%
  }
}

#security-check .l-block {
  margin-bottom: 30px
}

#security-check .l-block .col {
  margin-bottom: 0
}

#security-check .bg_scanner {
  background-color: #ebebeb;
  margin-bottom: 30px;
  padding: 30px 5%
}

#security-check .bg_scanner .list li {
  float: left;
  margin-right: 20px
}

@media only screen and (max-width:767px) {
  #security-check .bg_scanner {
    margin-bottom: 8%;
    padding: 5%
  }
  #security-check .bg_scanner .list li {
    float: none;
    margin-right: 0
  }
}

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0
}

.slick-list:focus {
  outline: 0
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand
}

.slick-slider .slick-list, .slick-slider .slick-track {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block
}

.slick-track:after, .slick-track:before {
  display: table;
  content: ''
}

.slick-track:after {
  clear: both
}

.slick-loading .slick-track {
  visibility: hidden
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px
}

[dir=rtl] .slick-slide {
  float: right
}

.slick-slide img {
  display: block
}

.slick-slide.slick-loading img {
  display: none
}

.slick-slide.dragging img {
  pointer-events: none
}

.slick-initialized .slick-slide {
  display: block
}

.slick-loading .slick-slide {
  visibility: hidden
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent
}

.slick-arrow.slick-hidden {
  display: none
}


/*! Lity - v1.6.6 - 2016-04-22
* http://sorgalla.com/lity/
* Copyright (c) 2016 Jan Sorgalla; Licensed MIT */

.lity {
  z-index: 9999;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  white-space: nowrap;
  background: #0b0b0b;
  background: rgba(0, 0, 0, .9);
  outline: 0!important;
  opacity: 0;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease
}

.lity.lity-opened {
  opacity: 1
}

.lity.lity-closed {
  opacity: 0
}

.lity * {
  box-sizing: border-box
}

.lity-wrap {
  z-index: 9990;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  outline: 0!important
}

.lity-wrap:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -.25em
}

.lity-loader {
  z-index: 9991;
  color: #fff;
  position: absolute;
  top: 50%;
  margin-top: -.8em;
  width: 100%;
  text-align: center;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  opacity: 0;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease
}

.lity-loading .lity-loader {
  opacity: 1
}

.lity-container {
  z-index: 9992;
  position: relative;
  text-align: left;
  vertical-align: middle;
  display: inline-block;
  white-space: normal;
  max-width: 100%;
  max-height: 100%;
  outline: 0!important
}

.lity-content {
  z-index: 9993;
  width: 100%;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform .3s ease;
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease, -webkit-transform .3s ease
}

.lity-closed .lity-content, .lity-loading .lity-content {
  -webkit-transform: scale(.8);
  transform: scale(.8)
}

.lity-content:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, .6)
}

.lity-close {
  z-index: 9994;
  width: 35px;
  height: 35px;
  position: fixed;
  right: 0;
  top: 0;
  -webkit-appearance: none;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  padding: 0;
  color: #fff;
  font-style: normal;
  font-size: 35px;
  font-family: Arial, Baskerville, monospace;
  line-height: 35px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
  border: 0;
  background: 0 0;
  outline: 0;
  box-shadow: none
}

.lity-close::-moz-focus-inner {
  border: 0;
  padding: 0
}

.lity-close:active, .lity-close:focus, .lity-close:hover, .lity-close:visited {
  text-decoration: none;
  text-align: center;
  padding: 0;
  color: #fff;
  font-style: normal;
  font-size: 35px;
  font-family: Arial, Baskerville, monospace;
  line-height: 35px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
  border: 0;
  background: 0 0;
  outline: 0;
  box-shadow: none
}

.lity-close:active {
  top: 1px
}

.lity-image img {
  max-width: 100%;
  display: block;
  line-height: 0;
  border: 0
}

.lity-iframe .lity-container {
  width: 100%;
  max-width: 964px
}

.lity-iframe-container {
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  overflow: auto;
  pointer-events: auto;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-overflow-scrolling: touch
}

.lity-iframe-container iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, .6);
  background: #000
}

.lity-hide {
  display: none
}