@charset "UTF-8";
/* =============================================================================
  特集用レスポンシブCSS
============================================================================= */
.fair-head {
  background: url(/info/airport/kyushu/img/head.png) top center no-repeat;
  overflow: hidden;
}
.fair-head h2 {
  text-align: center;
  margin: 40px auto;
}
.coments {
  background: #1C0D7E;
  color: #fff;
  text-align: center;
  font-size: 26px;
  font-weight: bold;
  padding: 10px;
}
.info {
  display: flex;
  justify-content: center;
  padding: 5em 0;
}
.kome {
  margin-left: 2em;
}
.kome li {
  list-style-type: none;
  text-indent: -1.5em;
  padding-left: 1.5em;
  margin-left: -1.5em;
}
.kome li::before {
  content: '※';
  margin-right: 0.5em;
}
.airport_nav {
  max-width: 992px;
  margin: auto;
  display: flex;
  align-items: stretch;
  margin-bottom: 2em;
}
.airport_nav li {
  flex: 1;
}
.airport_nav a {
  display: block;
  text-decoration: none;
  color: #333;
  font-size: 1.5em;
  font-weight: bold;
  border-bottom: 6px solid #CBD7DB;
  text-align: center;
  height: 100%;
}
.airport_nav a:hover {
  border-bottom: 6px solid #ffbef2
}

#airport_info section {
  max-width: 992px;
  margin: auto;
}
#airport_info h3 {
  background: #2183F5 url(/info/airport/kyushu/img/h_bg.png) bottom right 10px no-repeat;
  color: #fff;
  font-size: 40px;
  font-weight: bold;
  padding: 0.5em;
  margin-bottom: 1em;
  text-align: center;
}
.airport_item {
  margin-bottom: 5em;
  display: grid;
  grid-template-columns: 100px auto 14em;
  grid-gap: 0 1em;
  align-items: center;
}
.airport_item dd:last-child {
  text-align: center;
  grid-row: 1/4;
  grid-column: 3/4;
}
.airport_item dd:last-child a {
  background: #FFBEF2 url(https://www.his-j.com/cmn/icon/icon_blank.svg) right -.2em center no-repeat;
  background-size: 25px 25px;
  color: #333;
  border: 2px solid #C55FB1;
  border-radius: 1em;
  font-weight: bold;
  text-decoration: none;
  padding: 1em;
  display: block;
  text-align: center;
}
.airport_item dd:last-child a:hover {
  opacity: .8;
}
.airport_item::before {
  grid-row: 1/4;
  width: 100px;
  height: 100px;
  content: '';
  display: block;
  margin-right: 1em;
}
.airport_item.parking::before {
  background: url(/info/airport/kyushu/img/icon_parking.png) no-repeat;
  background-size: cover;
}
.airport_item.passport::before {
  background: url(/info/airport/kyushu/img/icon_passport.png) no-repeat;
  background-size: cover;
}
.airport_item.shien::before {
  background: url(/info/airport/kyushu/img/icon_shien.png) no-repeat;
  background-size: cover;
}
.airport_item dt {
  font-size: 1.5em;
  font-weight: bold;
}
.airport_item dd span {
  background: #7c72be;
  border-radius: 1em;
  color: #fff;
  display: inline-block;
  margin-right: 1em;
  text-align: center;
  width: 5em;
}

/* ==============================
ipad
============================== */
.is-ipad .breadcrumb {
  width: 100%;
}
.is-ipad .airport_item {
  padding: 0 1.5em;
}

/* ==============================
スマホ
============================== */
.sp .fair-head {
  background: url(/info/airport/kyushu/img/head.png) top left no-repeat;
}
.sp .fair-head h2 img {
  width: 70vw;
}
.airport_nav a {
  font-size: 1.3em;
}
.sp .info {
  padding: 4em 1em;
}
.sp #airport_info h3 {
  background-size: 80px;
}
.sp .airport_item {
  grid-template-columns: 70px auto;
  grid-gap: 1em;
  padding: 0 1.5em;
}
.sp .airport_item::before {
  grid-row: auto;
  width: 70px;
  height: 70px;
}
.sp .airport_item dd {
  grid-column: 1/3;
  grid-row: auto;
}
/*おすすめ特集*/
div.tokushu_bnr{
    max-width: 992px;
    margin: 5% auto;
    background: #f3f3f3;
}
div.tokushu_bnr p{
    text-align: center;
    font-size: 24px;
    font-weight: 900;
    background: #004097;
    color: #fff;
}
div.tokushu_bnr ul{
    display: flex;
    flex-wrap: wrap;
}
div.tokushu_bnr ul li{
    width: 14%;
    margin: 1%;
    list-style: none;
}
div.tokushu_bnr ul li a{
    font-size: 14px;
}
div.tokushu_bnr ul li a:hover {
    opacity:.7;
}
div.tokushu_bnr ul li img{
  width:100%;
}
div.tokushu_bnr .footbtn {
    text-align: center;
    padding: 2%;
}
div.tokushu_bnr .footbtn a{
    background: #ffffff;
    padding: 1% 5%;
    color: #004097;
    border: #004097 solid 2px;
    border-radius: 7px;
}
div.tokushu_bnr .footbtn a:hover{
    background: #004097;
    color: #fff;
    text-decoration:none;
}
/* ------------------------------
  スマホのみ
------------------------------ */
@media screen and (max-width: 599px) {
    div.tokushu_bnr ul li {
        width: 31%;
    }
}