@charset "utf-8";
.skip__link {
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9300;
  padding: 0.6rem 1.2rem;
  background-color: #00256c;
  color: #fff;
  font-size: 1.6rem;
  text-decoration: none;
  transform: translateY(-100%);
}
.skip__link:focus {
  transform: translateY(0);
  transition: transform 0.2s;
}
.cookie {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 9200;
  width: 100%;
  background-color: rgba(231, 234, 240, 0.96);
}
@media (min-width: 1060px) {
  .cookie {
    padding: 0 1.5rem;
  }
}
.cookie__aligner {
  max-width: 128rem;
  margin: 0 auto;
  padding: 2rem;
}
@media (min-width: 1060px) {
  .cookie__aligner {
    display: flex;
    align-items: center;
    padding: 1.2rem 0;
  }
}
.cookie__message {
  color: #00256c;
  font-size: 1.4rem;
}
.cookie__links {
  margin-top: 0.8rem;
}
@media (min-width: 1060px) {
  .cookie__links {
    margin-top: 0;
    margin-left: 3rem;
  }
}
.cookie__link {
  outline: 0;
  color: #00256c;
  font-size: 1.4rem;
  text-decoration: underline;
}
.cookie__link:focus {
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem rgba(243, 244, 248, 0.96), 0 0 0 0.3rem #0064de;
}
.cookie__buttons {
  margin-top: 0.4rem;
  text-align: right;
}
@media (min-width: 1060px) {
  .cookie__buttons {
    margin-left: auto;
    margin-top: 0;
  }
}
.cookie__button {
  padding: 0.6rem 2rem;
  border: 0.1rem solid #00256c;
  outline: 0;
  background-color: transparent;
  text-align: center;
  color: #00256c;
  font-size: 1.4rem;
  line-height: 1.58;
}
.cookie__button:focus {
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem rgba(243, 244, 248, 0.96), 0 0 0 0.3rem #0064de;
}
.head {
  min-height: 5.1rem;
  z-index: 8000;
}
@media (min-width: 1060px) {
  .head {
    min-height: auto;
  }
}
.header {
  position: relative;
  border-bottom: 1px solid #d9dbe1;
  pointer-events: none;
}
@media (min-width: 1060px) {
  .header {
    position: absolute;
    top: 0;
    z-index: 9100;
    width: 100%;
    padding: 0 2rem;
  }
}
@media (min-width: 1060px) {
  .-has-notify .header {
    top: 4.4rem;
  }
}
@media (min-width: 1060px) {
  .notify.-item2 + .header {
    top: calc(4.4rem * 2);
  }
}
@media (min-width: 1060px) {
  .notify.-item3 + .header {
    top: calc(4.4rem * 3);
  }
}
.header__aligner {
  width: 100%;
  height: 5rem;
  max-width: 128rem;
  margin: 0 auto;
  padding: 0 5.4rem 0 2rem;
  pointer-events: none;
}
@media (min-width: 1060px) {
  .header__aligner {
    height: 9rem;
    padding: 0;
  }
}
.header__aligner:after {
  content: "";
  display: block;
  clear: both;
}
.header__logo {
  display: flex;
  align-items: center;
  float: left;
  height: 100%;
  pointer-events: auto;
}
@media (min-width: 1060px) {
  .header__gnb {
    position: relative;
    z-index: 10;
    border-bottom: 1px solid #e7eaf0;
  }
}
.header__util {
  float: right;
  pointer-events: auto;
}
.header__drawer-trigger {
  position: absolute;
  bottom: 0.3rem;
  right: 1rem;
  pointer-events: auto;
}
@media (min-width: 1060px) {
  .header__drawer-trigger {
    display: none;
  }
}
.header__drawer {
  display: none;
}
.logo {
  display: flex;
}
.logo__koreanair {
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  display: inline-block;
  width: 10.8rem;
  height: 3.6rem;
  outline: 0;
  background: transparent url(../images/logo--koreanair.svg) no-repeat center center;
  background-size: 108px 36px;
  text-decoration: none;
  vertical-align: top;
}
.logo__koreanair:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
@media (min-width: 360px) {
  .logo__koreanair {
    width: 13.2rem;
    height: 4.4rem;
    background-size: 132px 44px;
  }
}
@media (min-width: 1060px) {
  .logo__koreanair {
    width: 16.2rem;
    height: 5.4rem;
    background-size: 162px 54px;
  }
}
.logo__skyteam {
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  display: inline-block;
  width: 3.6rem;
  height: 3.6rem;
  outline: 0;
  background: transparent url(../images/logo--skyteam.svg) no-repeat center center;
  background-size: 36px 36px;
  text-decoration: none;
  vertical-align: top;
}
.logo__skyteam:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
@media (min-width: 360px) {
  .logo__skyteam {
    width: 4.4rem;
    height: 4.4rem;
    background-size: 44px 44px;
  }
}
@media (min-width: 1060px) {
  .logo__skyteam {
    width: 5.4rem;
    height: 5.4rem;
    background-size: 54px 54px;
  }
}
.util {
  padding: 0.3rem 0.6rem 0.3rem 0;
}
@media (max-width: 359px) {
  .util {
    padding: 0.3rem 0 0.3rem 0;
  }
}
@media (min-width: 1060px) {
  .util {
    padding: 2.1rem 0;
  }
}
.util__list {
  display: table;
  height: 4.4rem;
}
@media (min-width: 1060px) {
  .util__list {
    height: 4.8rem;
  }
}
.util__item {
  display: none;
  vertical-align: middle;
}
@media (min-width: 1060px) {
  .util__item {
    display: table-cell;
  }
}
.util__item.-alarm,
.util__item.-cart {
  display: table-cell;
}
@media (min-width: 1060px) {
  .util__item.-login,
  .util__item.-logout {
    padding-right: 0.8rem;
  }
}
.util__item + .util__item {
  padding-left: 0;
}
@media (min-width: 1060px) {
  .util__item + .util__item {
    padding-left: 1rem;
  }
}
.util__item.-logout .util__button {
  display: block;
  color: #00256c;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1.56;
  text-decoration: none;
  border: 0;
  background: none;
}
.util__item.-logout .util__button[type="button"] {
  cursor: pointer;
}
.util__item.-logout .util__button:hover,
.util__item.-logout .util__button:focus {
  outline: 0;
  text-decoration: underline;
}
.util__item.-logout .util__button:hover,
.util__item.-logout .util__button:focus {
  outline: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.util__link {
  display: block;
  outline: 0;
  color: #00256c;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1.56;
  text-decoration: none;
}
.util__link[type="button"] {
  cursor: pointer;
}
.util__item.-login .util__link:hover,
.util__item.-login .util__link:focus {
  text-decoration: underline;
}
.util__item.-login .util__link:hover,
.util__item.-login .util__link:focus {
  outline: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.util__item.-my .util__link,
.util__item.-alarm .util__link,
.util__item.-search .util__link,
.util__item.-cart .util__link {
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  width: 4.4rem;
  height: 4.4rem;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 44px 44px;
  transition: background-size 0.2s;
}
@media (max-width: 359px) {
  .util__item.-my .util__link,
  .util__item.-alarm .util__link,
  .util__item.-search .util__link,
  .util__item.-cart .util__link {
    width: 4rem;
    height: 4rem;
    background-size: 40px 40px;
  }
}
@media (min-width: 1060px) {
  .util__item.-my .util__link:hover,
  .util__item.-alarm .util__link:hover,
  .util__item.-search .util__link:hover,
  .util__item.-cart .util__link:hover {
    background-size: 50px 50px;
  }
}
.util__item.-my .util__link:focus,
.util__item.-alarm .util__link:focus,
.util__item.-search .util__link:focus,
.util__item.-cart .util__link:focus {
  border-radius: 0.2rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.util__item.-my .util__link {
  background-image: url(../images/util__link--my.svg);
}
.util__item.-alarm .util__link {
  background-image: url(../images/util__link--alram-off.svg);
}
.util__item.-alarm .util__link.-on {
  background-image: url(../images/util__link--alram.svg);
}
.util__item.-search .util__link {
  background-image: url(../images/util__link--search.svg);
}
.util__item.-cart .util__link {
  background-image: url(../images/util__link--cart-off.svg);
}
.util__item.-cart .util__link.-on {
  background-image: url(../images/util__link--cart.svg);
}
.drawer-trigger {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  width: 4.4rem;
  height: 4.4rem;
  border: 0;
  background: url(../images/drawer-trigger.svg) no-repeat center center;
  background-size: 44px 44px;
}
@media (max-width: 359px) {
  .drawer-trigger {
    width: 4rem;
    height: 4rem;
    background-size: 40px 40px;
  }
}
.drawer-trigger:hover,
.drawer-trigger:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .drawer-trigger:hover,
.app .drawer-trigger:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
@media (min-width: 1060px) {
  .drawer {
    display: none !important;
  }
}
.drawer__home {
  overflow: hidden;
  display: inline-block;
  width: 6.4rem;
  height: 5rem;
  background: url(../images/drawer__home.svg) #fff no-repeat center center;
  background-size: 24px 24px;
}
.drawer__home:hover,
.drawer__home:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .drawer__home:hover,
.app .drawer__home:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.drawer__close {
  overflow: hidden;
  white-space: nowrap;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 6.4rem;
  height: 5rem;
  border: 0;
  background: url(../images/drawer__close.svg) no-repeat center center;
  background-size: 24px 24px;
  text-indent: 100%;
}
.drawer__close:hover,
.drawer__close:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .drawer__close:hover,
.app .drawer__close:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.drawer__wrap.-fixed {
  padding-top: 9.1rem;
}
.drawer__wrap.-fixed .drawer__quick {
  position: fixed;
  top: 5rem;
  right: 0;
  left: 0;
  z-index: 1;
}
.drawer__user {
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 6.2rem;
  padding: 0.8rem 2rem;
}
.drawer__login-helper {
  max-width: 70%;
  padding-right: 2rem;
  font-size: 1.6rem;
  line-height: 1.5;
  color: #555;
}
.drawer__name {
  display: block;
  min-height: 4.6rem;
  padding-right: 2.8rem;
  border: 0;
  outline: 0;
  background: transparent url(../images/drawer__name-right.svg) no-repeat right 1.1rem;
  background-size: 24px 24px;
  color: #000;
  font-weight: 700;
  font-size: 2rem;
  text-align: left;
  cursor: pointer;
}
.drawer__name:hover,
.drawer__name:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .drawer__name:hover,
.app .drawer__name:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.drawer__login {
  display: block;
  flex-shrink: 0;
  margin-left: 1rem;
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
  cursor: pointer;
  appearance: none;
  text-decoration: none;
}
.drawer__login:before {
  content: "";
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  margin-right: 0.8rem;
  background: url(../images/drawer__logout.svg) no-repeat;
  background-size: 16px 16px;
  vertical-align: -0.2rem;
}
.drawer__login:hover,
.drawer__login:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.app .drawer__login:hover,
.app .drawer__login:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.drawer__quick {
  display: flex;
  justify-content: space-between;
  padding: 0 1rem;
  background: #fff;
}
.drawer__item {
  width: 25%;
  padding-bottom: 2rem;
  text-align: center;
}
.drawer__quick-link {
  display: block;
  padding: 5.2rem 0.2rem 0;
  border: 0;
  border-radius: 0.2rem;
  font-size: 1.4rem;
  line-height: 1.58;
  color: #000;
  text-decoration: none;
}
.drawer__quick-link.-booking {
  background: url(../images/drawer__link--booking.svg) no-repeat 50% 0;
  background-size: 48px 48px;
}
.drawer__quick-link.-reservation {
  background: url(../images/drawer__link--reservation.svg) no-repeat 50% 0;
  background-size: 48px 48px;
}
.drawer__quick-link.-checkin {
  background: url(../images/drawer__link--checkin.svg) no-repeat 50% 0;
  background-size: 48px 48px;
}
.drawer__quick-link.-schedule {
  background: url(../images/drawer__link--schedule.svg) no-repeat 50% 0;
  background-size: 48px 48px;
}
.drawer__quick-link:hover,
.drawer__quick-link:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .drawer__quick-link:hover,
.app .drawer__quick-link:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.drawer__search {
  border-top: solid 0.8rem #f3f4f8;
  border-bottom: solid 0.1rem #f3f4f8;
}
.drawer__fieldset {
  margin: 0;
  padding: 2.4rem 2rem;
  border: 0;
}
.drawer__forms {
  position: relative;
}
.drawer__forms input[type="search"] {
  box-sizing: border-box;
  -webkit-appearance: none;
  display: block;
  width: 100%;
  height: 4.5rem;
  margin: 0;
  padding: 0 3.4rem 0 0;
  border: 0;
  border-bottom: 1px solid #00256c;
  border-radius: 0;
  color: #000;
  font-size: 1.6rem;
  line-height: 1.5;
  appearance: none;
  transition: padding 0.2s, border 0.2s, color 0.2s;
}
.drawer__forms input[type="search"]:focus {
  padding: 0 3.4rem 0 1rem;
  border-bottom-color: transparent;
  border-radius: 0.3rem;
  outline: 0;
  box-shadow: 0 0 0 1px #0064de;
  color: #000;
}
.drawer__forms button {
  overflow: hidden;
  white-space: nowrap;
  display: block;
  position: absolute;
  top: 1.2rem;
  right: 0;
  width: 2.4rem;
  height: 2.4rem;
  border: 0;
  border-radius: 0.2rem;
  background: url(../images/drawer__search.svg) #fff no-repeat;
  background-size: 24px 24px;
  text-indent: 100%;
  cursor: pointer;
}
.drawer__forms button:hover,
.drawer__forms button:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .drawer__forms button:hover,
.app .drawer__forms button:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.nav__category-title {
  display: block;
  position: relative;
  width: 100%;
  height: 6.4rem;
  padding: 0 8rem 0 2rem;
  border: 0;
  border-top: 1px solid #e7eaf0;
  background: transparent none;
  color: #000;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.38;
  text-align: left;
}
.nav__category-title:before {
  content: "";
  display: block;
  position: absolute;
  top: 2rem;
  right: 2rem;
  width: 2.4rem;
  height: 2.4rem;
  background: url(../images/nav__title.svg) no-repeat;
  background-size: 24px 24px;
}
.nav__category-title[aria-expanded="true"] {
  border-color: #f3f4f8;
  background-color: #f3f4f8;
  color: #00256c;
}
.nav__category-title[aria-expanded="true"]:before {
  background: url(../images/nav__title--expand.svg) no-repeat;
  background-size: 24px 24px;
}
.nav__category-title:hover,
.nav__category-title:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .nav__category-title:hover,
.app .nav__category-title:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.nav__groups {
  padding: 1.2rem 0 0;
}
.nav__group {
  padding: 0 0 2rem;
}
.nav__group-link {
  display: block;
  position: relative;
  width: 100%;
  padding: 0.8rem 6rem 0.8rem 2rem;
  border-radius: 0.2rem;
  color: #000;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  text-decoration: none;
}
.nav__group-link:before {
  content: "";
  display: block;
  position: absolute;
  top: 1.2rem;
  right: 2.4rem;
  width: 1.6rem;
  height: 1.6rem;
  background: url(../images/nav__link.svg) no-repeat;
  background-size: 16px 16px;
}
.nav__group-link:hover,
.nav__group-link:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .nav__group-link:hover,
.app .nav__group-link:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.nav__link {
  display: block;
  position: relative;
  width: 100%;
  padding: 0.9rem 6rem 0.7rem 2rem;
  border-radius: 0.2rem;
  color: #555;
  font-size: 1.4rem;
  line-height: 1.72;
  text-decoration: none;
}
.nav__link:before {
  content: "";
  display: block;
  position: absolute;
  top: 1.2rem;
  right: 2.4rem;
  width: 1.6rem;
  height: 1.6rem;
  background: url(../images/nav__link.svg) no-repeat;
  background-size: 16px 16px;
}
.nav__link:hover,
.nav__link:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .nav__link:hover,
.app .nav__link:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.nav-quick {
  display: flex;
  width: 100%;
  background-color: #f8f9fc;
}
.nav-quick__item {
  width: 33.3%;
}
.nav-quick__link {
  display: block;
  position: relative;
  width: 100%;
  padding: 1.1rem 0;
  border-radius: 0.2rem;
  font-size: 1.4rem;
  line-height: 1.58;
  text-decoration: none;
  color: #555;
  text-align: center;
}
.nav-quick__link:before {
  content: "";
  display: block;
  position: absolute;
  top: 1.2rem;
  left: 0;
  width: 1px;
  height: 2rem;
  background-color: #d9dbe1;
}
.nav-quick__link:hover:before,
.nav-quick__link:focus:before {
  display: none;
}
.navmenu {
  padding-bottom: 4.4rem;
  overflow: hidden;
}
.mytrans.-reflow .navmenu {
  padding-bottom: 0;
}
.navmenu__list {
  position: relative;
  width: 100%;
}
.navmenu__button {
  display: inline-block;
  width: 13rem;
  height: 5.5rem;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 2rem;
  border: 0;
  outline: 0;
  background: transparent;
  font-size: 1.4rem;
  line-height: 1.58;
  text-align: left;
  cursor: pointer;
}
.navmenu__button:hover,
.navmenu__button:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .navmenu__button:hover,
.app .navmenu__button:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.navmenu__item.-active .navmenu__button {
  background: #fff;
}
.navmenu__item.-active .navmenu__button:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 0.6rem;
  padding: 0 0 0 0.6rem;
  background: #00256c;
}
.navmenu__item:nth-child(2) .navmenu__button {
  top: 5.5rem;
}
.navmenu__item:nth-child(3) .navmenu__button {
  top: 11rem;
}
.navmenu__item:nth-child(4) .navmenu__button {
  top: 16.5rem;
}
.navmenu__panel {
  display: none;
  width: 100%;
  padding-left: 13rem;
  background: #f6f8ff;
  clear: both;
}
.navmenu__panel.-active {
  display: block;
}
.navmenu__groups {
  padding: 0 2rem 2.2rem;
  background: #fff;
}
.navmenu__group {
  padding: 1rem 0;
  border-top: solid 0.1rem #e7eaf0;
}
.navmenu__group:first-child {
  border-top: 0;
}
.navmenu__higher {
  display: block;
  margin: 0 -2rem;
  padding: 0.9rem 2rem;
  color: #000;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.58;
  text-decoration: none;
}
a.navmenu__higher:hover,
button.navmenu__higher:hover,
a.navmenu__higher:focus,
button.navmenu__higher:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app a.navmenu__higher:hover,
.app button.navmenu__higher:hover,
.app a.navmenu__higher:focus,
.app button.navmenu__higher:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.navmenu__lower {
  margin: 0 -2rem;
}
.navmenu__lower-link {
  display: block;
  padding: 0.9rem 2rem;
  color: #555;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.58;
  text-decoration: none;
}
.navmenu__lower-link:hover,
.navmenu__lower-link:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .navmenu__lower-link:hover,
.app .navmenu__lower-link:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.navmenu__quick {
  display: flex;
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #00256c;
  transition: margin-left 0.7s;
}
.mytrans.-reflow .navmenu__quick {
  position: relative;
}
.navmenu__quick-item {
  display: flex;
  width: 33.3%;
}
.navmenu__quick-item:first-child .navmenu__quick-link:before {
  display: none;
}
.navmenu__quick-link {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  padding: 1.1rem 1rem;
  font-size: 1.4rem;
  line-height: 1.58;
  text-decoration: none;
  color: #fff;
  text-align: center;
}
.navmenu__quick-link:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 2rem;
  margin-top: -1rem;
  background-color: #d9dbe1;
}
.navmenu__quick-link:hover,
.navmenu__quick-link:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.app .navmenu__quick-link:hover,
.app .navmenu__quick-link:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.mycart__item {
  padding: 2rem;
  border: 1px solid #d9dbe1;
  border-radius: 0.2rem;
  background-color: #f8fbff;
}
@media (min-width: 1060px) {
  .mycart__item {
    display: flex;
    padding: 2.4rem;
  }
}
.mycart__item + .mycart__item {
  margin-top: 2rem;
}
@media (min-width: 1060px) {
  .mycart__item + .mycart__item {
    margin-top: 1.2rem;
  }
}
@media (min-width: 1060px) {
  .mycart__journey {
    width: 70%;
  }
}
.mycart__info {
  display: block;
  margin-bottom: 1.6rem;
  color: #000;
  font-size: 1.4rem;
  line-height: 1.58;
}
.mycart__flight {
  display: flex;
  align-items: flex-start;
}
.mycart__runway {
  position: relative;
  width: 20%;
}
@media (min-width: 360px) {
  .mycart__runway {
    width: 30%;
  }
}
.mycart__runway:before {
  content: "";
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  height: 0.1rem;
  background-color: #d9dbe1;
}
.mycart__plane {
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  height: 0.1rem;
}
.mycart__plane:before {
  content: "";
  position: absolute;
  top: -1.2rem;
  right: 0;
  width: 2.4rem;
  height: 2.4rem;
  background: url(../images/ico-plane.svg) no-repeat;
  background-size: 24px 24px;
}
.mycart__plane:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 2.6rem;
  height: 0.1rem;
  background-color: #00256c;
}
.mycart__plane.-point60 {
  width: 74%;
}
.mycart__plane.-point70 {
  width: 84%;
}
.mycart__plane.-point80 {
  width: 94%;
}
.mycart__location {
  width: 40%;
  text-align: center;
}
@media (min-width: 360px) {
  .mycart__location {
    width: 35%;
  }
}
.mycart__code {
  display: block;
  color: #000;
  font-weight: 700;
  font-size: 2.8rem;
}
@media (min-widtH: 1060px) {
  .mycart__code {
    font-size: 2.2rem;
  }
}
.mycart__city {
  display: block;
  color: #555;
  font-size: 1.2rem;
  min-height: 3.6rem;
}
.mycart__date {
  display: block;
  margin-top: 0.2rem;
  color: #000;
  font-weight: 700;
  font-size: 1.4rem;
  text-align: center;
}
.mycart__side {
  display: flex;
  align-items: center;
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: 0.1rem dashed #bebec0;
}
@media (min-widtH: 1060px) {
  .mycart__side {
    flex-direction: column;
    align-items: flex-start;
    width: 30%;
    margin-top: 0;
    margin-left: 2rem;
    padding-top: 0;
    padding-left: 2rem;
    border-top: none;
    border-left: 0.1rem dashed #bebec0;
  }
}
.mycart__status {
  display: block;
  color: #00256c;
  font-weight: 700;
  font-size: 1.6rem;
}
@media (min-width: 1060px) {
  .mycart__status {
    font-size: 1.4rem;
    line-height: 1.58;
  }
}
@media (min-width: 1060px) {
  .mycart__percent {
    display: block;
  }
}
.mycart__link {
  display: block;
  margin-left: auto;
}
@media (min-width: 1060px) {
  .mycart__link {
    margin-top: auto;
    margin-left: 0;
  }
}
.mycart__buttons {
  margin-top: 4rem;
  text-align: center;
}
.mycart__button {
  display: inline-block;
  width: 100%;
  margin: 0;
  padding: 1rem 1.6rem;
  border: 0;
  border-radius: 0.2rem;
  background-color: #00256c;
  color: #fff;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.58;
  text-decoration: none;
  text-align: center;
  word-break: break-word;
  cursor: pointer;
  appearance: none;
}
@media (min-width: 1060px) {
  .mycart__button {
    max-width: 28rem;
    padding: 1.2rem 1rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.mycart__button:hover,
.mycart__button:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.app .mycart__button:hover,
.app .mycart__button:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.gnb {
  display: none;
  position: relative;
  height: 9rem;
  z-index: 9000;
}
@media (min-width: 1060px) {
  .gnb {
    display: block;
  }
}
.gnb__aligner {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  max-width: 128rem;
  height: 100%;
}
.gnb__groups {
  display: flex;
}
.gnb__button {
  display: block;
  position: relative;
  width: 100%;
  padding: 0 1.6vw;
  height: 9rem;
  border: 0;
  outline: 0;
  background-color: transparent;
  color: #000;
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 1.56;
  cursor: pointer;
}
.gnb__button:after {
  content: "";
  display: none;
  position: absolute;
  bottom: 1.4rem;
  left: 50%;
  width: calc(100% - 3.2vw);
  height: 0.2rem;
  background-color: #888;
  transform: translateX(-50%);
  transition: bottom 0.4s, width 0.4s, background-color 0.4s;
}
.gnb__button:focus:after {
  display: block;
}
.gnb__group.-active .gnb__button:focus:after {
  width: calc(100% - 2.4vw);
}
.gnb__group.-active .gnb__button:after {
  display: block;
  bottom: 1.2rem;
  width: calc(100% - 3.2vw);
  height: 0.4rem;
  border-radius: 0;
  background-color: #de001b;
}
.gnb__panel {
  display: none;
  position: absolute;
  top: 9.1rem;
  left: 0;
  width: 100%;
  padding: 0 2rem;
  outline: 0;
  background-color: #fff;
}
.gnb__group.-active .gnb__panel {
  display: block;
  box-shadow: 0 0.6rem 1rem 0 rgba(39, 40, 44, 0.1);
}
.gnb__grids {
  display: flex;
  width: 100%;
  max-width: 128rem;
  min-height: 35.9rem;
  margin: 0 auto;
  border-right: 1px solid #d9dbe1;
  border-left: 1px solid #d9dbe1;
}
.gnb__grid {
  width: 25%;
  padding: 3rem 3.5% 5rem;
}
.gnb__grid + .gnb__grid {
  border-left: 1px solid #d9dbe1;
}
.gnb__title {
  margin: 4rem 0 0.8rem;
  color: #000;
  font-weight: 700;
  font-size: 1.6rem;
}
.gnb__title:first-child {
  margin-top: 0;
}
.gnb__title:last-child {
  margin-bottom: 0;
}
.gnb__title-link {
  display: inline-block;
  outline: 0;
  color: #000;
  font-weight: 700;
  font-size: 1.6rem;
  text-decoration: none;
}
.gnb__title-link:hover,
.gnb__title-link:focus {
  text-decoration: underline;
}
.gnb__item + .gnb__item {
  margin-top: 0.8rem;
}
.gnb__link {
  display: inline-block;
  outline: 0;
  color: #606060;
  font-size: 1.6rem;
  text-decoration: none;
}
.gnb__link:hover,
.gnb__link:focus {
  text-decoration: underline;
}
.gnb__quick-title {
  display: block;
  margin-bottom: 1.2rem;
  color: #00256c;
  font-weight: 700;
  font-size: 1.6rem;
}
.gnb__quick + .gnb__quick {
  margin-top: 1.2rem;
}
.gnb__quick.-dutyfree {
  margin-top: 2.4rem !important;
}
.gnb__quick.-business {
  margin-top: 0.8rem !important;
}
.gnb__quick.-event {
  margin-top: 0.8rem !important;
}
.gnb__quick-link {
  display: inline-block;
  color: #000;
  outline: 0;
  font-size: 1.6rem;
  text-decoration: none;
}
.gnb__quick-link:hover,
.gnb__quick-link:focus {
  text-decoration: underline;
}
.gnb__quick.-reservation .gnb__quick-link {
  padding-left: 3.2rem;
  color: #00256c;
  background: url(../images/ico-reservation.svg) no-repeat 0 0.1rem;
  background-size: 24px 24px;
}
.gnb__quick.-booking .gnb__quick-link {
  padding-left: 3.2rem;
  color: #00256c;
  background: url(../images/ico-booking.svg) no-repeat 0 0.1rem;
  background-size: 24px 24px;
}
.gnb__quick.-checkin .gnb__quick-link {
  padding-left: 3.2rem;
  color: #00256c;
  background: url(../images/ico-checkin.svg) no-repeat 0 0.1rem;
  background-size: 24px 24px;
}
.gnb__quick.-schedule .gnb__quick-link {
  padding-left: 3.2rem;
  color: #00256c;
  background: url(../images/ico-schedule.svg) no-repeat 0 0.1rem;
  background-size: 24px 24px;
}
.gnb__quick.-dutyfree .gnb__quick-link {
  padding-left: 3.2rem;
  color: #000;
  background: url(../images/ico-dutyfree.svg) no-repeat 0 0.1rem;
  background-size: 24px 24px;
}
.gnb__quick.-business .gnb__quick-link {
  padding-left: 3.2rem;
  color: #000;
  background: url(../images/ico-business.svg) no-repeat 0 0.1rem;
  background-size: 24px 24px;
}
.gnb__quick.-event .gnb__quick-link {
  padding-left: 3.2rem;
  color: #000;
  background: url(../images/ico-event.svg) no-repeat 0 0.1rem;
  background-size: 24px 24px;
}
.gnb__close {
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  position: absolute;
  top: 0;
  right: 2rem;
  width: 4.4rem;
  height: 4.4rem;
  border: 0;
  outline: 0;
  background: url(../images/gnb__close.svg) no-repeat center center;
  background-size: 24px 24px;
  cursor: pointer;
}
.gnb__close:focus {
  box-shadow: inset 0 0 0 0.1rem #0064de;
}
@media (min-width: 1440px) {
  .gnb__close {
    right: 0;
  }
}
@media (min-width: 1060px) {
  .container {
    padding: 0 2rem;
  }
}
.contents {
  margin: 0 auto;
  padding: 4rem 2rem 13rem;
}
@media (min-width: 1060px) {
  .contents {
    max-width: 128rem;
    padding: 6rem 0 10rem;
  }
}
.contents.-sticky-ib {
  padding-bottom: 13rem;
}
.footer {
  position: relative;
}
.shortcut {
  padding: 0.6rem 2rem 2.3rem;
  border-top: 1px solid #d9dbe1;
  background-color: #f3f4f8;
}
@media (min-width: 1060px) {
  .shortcut {
    padding: 3.9rem 2rem 3.5rem;
  }
}
.shortcut__aligner {
  position: relative;
  width: 100%;
  max-width: 128rem;
  margin: 0 auto;
}
.shortcut__sns {
  margin-top: 2.5rem;
}
@media (min-width: 1060px) {
  .shortcut__sns {
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 0;
  }
}
.shortcut__appstore {
  margin-top: 2rem;
}
@media (min-width: 1060px) {
  .shortcut__appstore {
    position: absolute;
    top: 5.6rem;
    right: 0;
    margin-top: 0;
  }
}
@media (min-width: 1060px) {
  .snb {
    display: flex;
    padding-right: 26.57%;
  }
}
.snb__group {
  border-bottom: 1px solid #e7eaf0;
}
@media (min-width: 1060px) {
  .snb__group {
    width: 25%;
    padding-right: 1rem;
    border-bottom: 0;
  }
}
@media (min-width: 1060px) {
  .snb__group:last-child {
    border-right: 1px solid #e7eaf0;
  }
}
.snb__title {
  display: none;
  margin-bottom: 1.1rem;
  color: #000;
  font-weight: 700;
  font-size: 1.6rem;
}
@media (min-width: 1060px) {
  .snb__title {
    display: block;
  }
}
.snb__button {
  display: block;
  width: 100%;
  padding: 1.4rem 5rem 1.4rem 1rem;
  border: 0;
  outline: 0;
  background-color: transparent;
  color: #000;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.58;
  text-decoration: none;
  text-align: left;
  background: url(../images/snb__title.svg) no-repeat right 1.7rem center;
  background-size: 16px 16px;
  cursor: pointer;
}
.snb__button[aria-expanded="true"] {
  background: url(../images/snb__title--expand.svg) no-repeat right 1.7rem center;
  background-size: 16px 16px;
}
@media (min-width: 1060px) {
  .snb__button {
    display: none;
  }
}
.snb__button:hover,
.snb__button:focus {
  text-decoration: underline;
}
.snb__item.-col2 {
  display: flex;
}
.snb__list {
  display: none;
  padding-bottom: 2.4rem;
}
@media (min-width: 1060px) {
  .snb__list {
    display: block;
    padding-bottom: 0;
  }
  .snb__list[data-role="panel"] {
    display: block;
  }
}
.snb__link {
  display: block;
  padding: 0.5rem 1rem;
  outline: 0;
  color: #555;
  font-size: 1.4rem;
  line-height: 1.71;
  text-decoration: none;
}
@media (min-width: 1060px) {
  .snb__link {
    display: inline-block;
    padding: 0;
    margin: 0.2rem 0;
    line-height: 1.58;
  }
}
.snb__link[type="button"] {
  background: none;
  border: 0;
  cursor: pointer;
}
.snb__item.-col2 .snb__link {
  padding-right: 0.2rem;
}
@media (min-width: 1060px) {
  .snb__item.-col2 .snb__link {
    padding-right: 0;
  }
}
.snb__link:hover,
.snb__link:focus {
  text-decoration: underline;
}
.snb__mark {
  display: inline-block;
  padding: 0.2rem 0.2rem 0;
  vertical-align: top;
}
.snb__mark:hover img:hover,
.snb__mark:focus img:hover,
.snb__mark:hover img:focus,
.snb__mark:focus img:focus {
  outline: 0;
  border-radius: 50%;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .snb__mark:hover img:hover,
.app .snb__mark:focus img:hover,
.app .snb__mark:hover img:focus,
.app .snb__mark:focus img:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.snb__image {
  width: 2rem;
  height: 2rem;
  margin-top: 0.4rem;
  vertical-align: top;
}
@media (min-width: 1060px) {
  .snb__image {
    margin-top: 0.1rem;
  }
}
.sns {
  display: table;
  margin: 0 auto;
}
@media (min-width: 1060px) {
  .sns {
    margin: 0;
  }
}
.sns__item {
  display: table-cell;
  padding: 0 0.4rem;
  vertical-align: middle;
}
@media (min-width: 1060px) {
  .sns__item {
    padding: 0 0 0 0.8rem;
  }
}
.sns__link {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  width: 4.4rem;
  height: 4.4rem;
  border-radius: 50%;
  outline: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 44px 44px;
  text-decoration: none;
}
.sns__link.-facebook {
  background-image: url(../images/sns__link--facebook.svg);
}
.sns__link.-twitter {
  background-image: url(../images/sns__link--twitter.svg);
}
.sns__link.-instagram {
  background-image: url(../images/sns__link--instagram.svg);
}
.sns__link.-youtube {
  background-image: url(../images/sns__link--youtube.svg);
}
.sns__link.-wechat {
  background-image: url(../images/sns__link--wechat.svg);
}
.sns__link.-weibo {
  background-image: url(../images/sns__link--weibo.svg);
}
.sns__link:focus {
  box-shadow: 0 0 0 0.1rem #0064de;
}
.appstore {
  display: flex;
  justify-content: center;
}
.appstore__item + .appstore__item {
  margin-left: 1.6rem;
}
.appstore__link {
  display: block;
  border-radius: 0.2rem;
  outline: 0;
}
.appstore__link:focus {
  box-shadow: 0 0 0 0.4rem #f3f4f8, 0 0 0 0.5rem #0064de;
}
.appstore__banner {
  vertical-align: top;
}
.lang {
  padding: 1.6rem 2rem 1.7rem;
  border-bottom: 1px solid #e7eaf0;
}
@media (min-width: 1060px) {
  .lang {
    padding-top: 1.4rem;
    padding-bottom: 1.3rem;
  }
}
.lang__aligner {
  display: flex;
  align-items: flex-start;
  width: 100%;
  max-width: 128rem;
  margin: 0 auto;
}
.lang__button {
  display: inline-block;
  white-space: nowrap;
  position: relative;
  padding: 0 2.7rem 0 2rem;
  border: 0;
  border-radius: 0.2rem;
  outline: 0;
  background: url(../images/lang__button.svg) no-repeat left 60%;
  background-size: 16px 16px;
  color: #000;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .lang__button {
    padding-right: 2.9rem;
  }
}
.lang__button:before {
  content: "";
  display: block;
  position: absolute;
  top: 0.9rem;
  right: 1rem;
  width: 0.9rem;
  height: 0.5rem;
  background: url(../images/lang__arrow.svg) no-repeat;
  background-size: 9px 5px;
}
@media (min-width: 1060px) {
  .lang__button:before {
    right: 0.8rem;
  }
}
.lang__button:hover,
.lang__button:focus {
  text-decoration: underline;
}
.lang__list {
  position: relative;
  padding-left: 1.3rem;
}
.lang__list:before {
  content: "";
  display: block;
  position: absolute;
  top: 0.4rem;
  left: 0;
  width: 1px;
  height: 1.5rem;
  background-color: #dee1e4;
}
.lang__item {
  display: inline-block;
  margin-right: 1.2rem;
  font-size: 1.4rem;
  line-height: 1.58;
  vertical-align: top;
}
@media (min-width: 1060px) {
  .lang__item {
    margin-right: 1.6rem;
  }
}
.lang__current {
  display: inline-block;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.58;
  color: #000;
  text-decoration: underline;
  vertical-align: top;
}
.lang__link {
  display: inline-block;
  border-radius: 0.2rem;
  font-size: 1.4rem;
  line-height: 1.58;
  outline: 0;
  color: #555;
  text-decoration: none;
  vertical-align: top;
}
.lang__link:hover,
.lang__link:focus {
  text-decoration: underline;
}
.contact {
  padding: 2rem;
  background-color: #fff;
}
@media (min-width: 1060px) {
  .contact {
    padding: 2rem;
  }
}
.contact__aligner {
  width: 100%;
  max-width: 128rem;
  margin: 0 auto;
}
.contact__list:after {
  content: "";
  display: block;
  clear: both;
}
.contact__item {
  color: #767676;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .contact__item {
    float: left;
  }
}
@media (min-width: 1060px) {
  .contact__item + .contact__item {
    position: relative;
    margin-left: 1rem;
    padding-left: 1rem;
  }
  .contact__item + .contact__item:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 1.1rem;
    background-color: #d9dbe1;
    transform: translateY(-50%);
  }
}
@media (min-width: 1060px) {
  .contact__item:nth-child(4) {
    clear: both;
    margin-left: 0 !important;
    padding-left: 0 !important;
  }
}
@media (min-width: 1060px) {
  .contact__item:nth-child(4):before {
    display: none;
  }
}
.contact__emphasis {
  margin-right: 2rem;
  color: #00256c;
  font-weight: 700;
}
.copyright {
  margin-top: 0.6rem;
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
}
.copyright__link,
.copyright__cn {
  outline: 0;
  color: inherit;
  text-decoration: none;
}
.copyright__link:hover,
.copyright__cn:hover,
.copyright__link:focus,
.copyright__cn:focus {
  text-decoration: underline;
}
.copyright__cn {
  display: inline-block;
  margin-left: 1.4rem;
}
.copyright__logo {
  position: relative;
  padding-left: 2.4rem;
}
.copyright__logo:before {
  content: "";
  display: block;
  position: absolute;
  top: 0.3rem;
  left: 0;
  width: 2rem;
  height: 2rem;
  background: url(../images/copyright__logo.png) no-repeat;
  background-size: 20px 20px;
}
.region-lang__area {
  margin-bottom: 4.3rem;
}
@media (min-width: 1060px) {
  .region-lang__area {
    margin-bottom: 3.8rem;
  }
}
.region-lang__area:last-child {
  margin-bottom: 0;
}
.region-lang .h2 {
  border-bottom: 1px solid #00256c;
  padding-bottom: 1.2rem;
  margin-bottom: 2.4rem;
}
@media (min-width: 1060px) {
  .region-lang__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
.region-lang__item {
  display: flex;
  margin-bottom: 1.2rem;
}
@media (min-width: 1060px) {
  .region-lang__item {
    width: 46.7%;
  }
}
.region-lang__flag {
  width: 2.4rem;
  height: 2.4rem;
  margin-right: 0.8rem;
}
.region-lang__nation {
  min-width: 9.2rem;
  max-width: 9.2rem;
  font-size: 1.4rem;
  color: #555;
  margin-right: 0.8rem;
}
@media (min-width: 1060px) {
  .region-lang__nation {
    min-width: 10.4rem;
    max-width: 10.4rem;
    font-size: 1.6rem;
    margin-right: 2rem;
  }
}
.region-lang__types {
  width: calc(100% - 13.2rem);
}
@media (min-width: 1060px) {
  .region-lang__types {
    width: calc(100% - 15.6rem);
  }
}
.region-lang__language {
  display: flex;
  flex-wrap: wrap;
}
.region-lang__type {
  position: relative;
  padding-right: 1.6rem;
}
.region-lang__type:after {
  content: "";
  display: block;
  position: absolute;
  top: 0.4rem;
  right: 0.8rem;
  width: 1px;
  height: 1.5rem;
  background: #d9dbe1;
}
@media (min-width: 1060px) {
  .region-lang__type:after {
    top: 0.6rem;
  }
}
.region-lang__type:last-child {
  padding-right: 0;
}
.region-lang__type:last-child:after {
  display: none;
}
.region-lang__link {
  display: inline-block;
  margin-bottom: 1.2rem;
  font-size: 1.4rem;
  color: #000;
  text-decoration: underline;
  vertical-align: top;
  border: 0;
  outline: 0;
  background-color: transparent;
}
@media (min-width: 1060px) {
  .region-lang__link {
    font-size: 1.6rem;
  }
}
.region-lang__link:hover,
.region-lang__link:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.quickbooking {
  position: relative;
  margin: 0;
  padding-right: 2rem;
}
@media (min-width: 1060px) {
  .quickbooking {
    width: 39rem;
    margin: 0;
    padding: 0;
  }
}
.quickbooking:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
@media (max-width: 1060px) {
  .quickbooking:before {
    background: rgba(5, 22, 96, 0.85);
    height: 14.5rem;
  }
}
@media (min-width: 1060px) {
  .quickbooking:before {
    top: 0;
    left: 39rem;
    width: 31rem;
    background: url(../images/quickbooking__bg.svg) no-repeat right bottom;
    background-size: cover;
  }
}
@media (min-width: 1921px) {
  .quickbooking:before {
    width: 32rem;
  }
}
.quickbooking__pos {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding-top: 5rem;
}
@media (min-width: 1060px) {
  .quickbooking__pos {
    display: flex;
    justify-content: flex-start;
    max-width: 64rem;
    margin: 0;
    padding-top: 5.4rem;
  }
}
.quickbooking__side {
  background-color: #fff;
  box-shadow: 0.4rem 2.4rem 4rem 0 rgba(68, 92, 114, 0.16);
}
@media (min-width: 1060px) {
  .quickbooking__side {
    width: 39rem;
  }
}
.quickbooking__tab {
  display: flex;
  justify-content: flex-start;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding-right: 5rem;
}
@media (min-width: 1060px) {
  .quickbooking__tab {
    max-width: 39rem;
    background: rgba(5, 22, 96, 0.85);
  }
}
.quickbooking__item {
  width: 50%;
  padding: 0 2rem;
}
@media (min-width: 1060px) {
  .quickbooking__item {
    padding: 0 4rem;
  }
}
.quickbooking__item-press {
  display: block;
  position: relative;
  width: 100%;
  height: 5rem;
  padding: 0 0 0.4rem;
  outline: 0;
  color: #fff;
  font-size: 1.6rem;
  background-color: transparent;
  border: none;
  cursor: pointer;
}
.quickbooking__item-press:focus,
.quickbooking__item-press:hover {
  text-decoration: underline;
}
@media (min-width: 1060px) {
  .quickbooking__item-press {
    height: 5.4rem;
    font-size: 1.8rem;
  }
}
.quickbooking__item.-active .quickbooking__item-press {
  font-weight: 700;
}
.quickbooking__item.-active .quickbooking__item-press:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border-bottom: 0.4rem solid #de001b;
}
.quickbooking__item.-active .quickbooking__item-press:hover:after,
.quickbooking__item.-active .quickbooking__item-press:focus:after {
  border-bottom: 0.3rem solid #de001b;
  outline: 0;
}
.quickbooking__panel {
  display: none;
  overflow: hidden;
  background-color: #fff;
}
.quickbooking__panel:hover,
.quickbooking__panel:focus {
  outline: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.quickbooking__panel.-active {
  display: block;
}
.quickbooking__panel[tabindex]:focus {
  outline: 1px solid #0064de;
}
.quickbooking__aligner {
  position: relative;
  padding: 1.9rem 2rem 2rem;
}
@media (min-width: 1060px) {
  .quickbooking__aligner {
    padding: 2.9rem 3rem;
    box-shadow: 0 1rem 2rem 0 rgba(0, 25, 72, 0.1);
  }
}
.quickbooking__aligner:after {
  content: "";
  display: block;
  clear: both;
}
.quickbooking__aligner-inner {
  position: relative;
  width: 100%;
}
.quickbooking__aligner-inner:after {
  content: "";
  display: block;
  clear: both;
}
.quickbooking__form {
  overflow: hidden;
  display: none;
  padding: 0.2rem 3rem 1.6rem;
}
@media (min-width: 1060px) {
  .quickbooking__form {
    display: block;
    max-height: 41rem;
    padding: 1.3rem 4.5rem 1.6rem;
    overflow-y: auto;
  }
}
.quickbooking__form.-active {
  display: block;
}
.quickbooking__location {
  display: block;
  width: 41%;
  border: 0;
  background: none transparent;
  cursor: pointer;
}
.quickbooking__location.-from {
  float: left;
}
.quickbooking__location.-to {
  float: right;
}
.quickbooking__location-error {
  width: 100%;
  margin-top: 1rem;
}
.quickbooking__location:hover,
.quickbooking__location:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.app .quickbooking__location:hover,
.app .quickbooking__location:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.quickbooking__swap {
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  display: inline-block;
  position: absolute;
  top: 2.1rem;
  left: 50%;
  width: 4.4rem;
  height: 4.4rem;
  margin-left: -2.2rem;
  border: 0;
  background: #fff url(../images/booking__swap.svg) no-repeat;
  background-size: 44px 44px;
  cursor: pointer;
}
@media (min-width: 1060px) {
  .quickbooking__swap {
    top: 1rem;
    margin-left: -2.2rem;
  }
}
.quickbooking__swap:hover,
.quickbooking__swap:focus {
  outline: 0;
  border-radius: 100%;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.quickbooking__swap[disabled] {
  background: url(../images/booking__swap--disabled.svg) no-repeat;
  background-size: 44px 44px;
  cursor: not-allowed;
}
.quickbooking__swap[disabled]:hover,
.quickbooking__swap[disabled]:focus {
  outline: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.quickbooking__code {
  display: inline-block;
  width: 100%;
  font-size: 3.4rem;
  font-weight: 700;
  font-style: normal;
  line-height: 1.55;
  color: #000;
}
@media (min-width: 1060px) {
  .quickbooking__code {
    font-size: 3rem;
    line-height: 1.5;
    vertical-align: middle;
  }
}
.quickbooking__code[aria-hidden="true"] {
  color: #767676;
}
@media (min-width: 1060px) {
  .quickbooking__code[aria-hidden="true"] {
    margin-bottom: 0;
  }
}
.quickbooking__airport {
  display: block;
  font-size: 1.4rem;
  line-height: 1.57;
  color: #000;
}
@media (min-width: 1060px) {
  .quickbooking__airport {
    display: inline-block;
    vertical-align: middle;
  }
}
.quickbooking__airport[aria-hidden="true"] {
  font-weight: normal;
  color: #767676;
}
@media (min-width: 1060px) {
  .quickbooking__airport[aria-hidden="true"] {
    margin-bottom: 0;
  }
}
.quickbooking__datepicker {
  box-sizing: border-box;
  appearance: none;
  display: block;
  width: 100%;
  height: 4rem;
  margin: 0;
  padding-right: 2.8rem;
  border: 0;
  border-bottom: 1px solid #00256c;
  background: url(../images/quickbooking__calendar.svg) no-repeat right center;
  background-size: 24px 24px;
  color: #000;
  line-height: 1.5;
  text-align: left;
  cursor: pointer;
  transition: padding 0.2s, border 0.2s, background 0.2s, color 0.2s, box-shadow 0.2s;
}
@media (min-width: 1060px) {
  .quickbooking__datepicker {
    height: 4.8rem;
    padding-right: 3.2rem;
    line-height: 1.56;
  }
}
.quickbooking__datepicker:hover,
.quickbooking__datepicker:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .quickbooking__datepicker:hover,
.app .quickbooking__datepicker:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.quickbooking__datepicker:focus,
.quickbooking__datepicker:hover {
  padding-left: 1rem;
  border-bottom-color: #fff;
  background-position: right 1rem center;
}
.quickbooking__date {
  display: inline-block;
  color: #000;
  font-size: 1.6rem;
  line-height: 1.71;
}
@media (min-width: 1060px) {
  .quickbooking__date {
    font-size: 1.6rem;
  }
}
.quickbooking__setgroup {
  position: relative;
  padding-top: 1rem;
}
@media (min-width: 1060px) {
  .quickbooking__setgroup {
    padding: 0;
  }
}
@media (min-width: 1060px) {
  .quickbooking__setgroup {
    position: static;
  }
}
.quickbooking__setpart {
  position: relative;
  width: 100%;
}
@media (min-width: 1060px) {
  .quickbooking__setpart {
    box-sizing: border-box;
    white-space: nowrap;
  }
}
.quickbooking__setpart:first-child {
  margin-left: 0;
}
.quickbooking__setpart + .quickbooking__setpart {
  margin-top: 2.6rem;
}
@media (min-width: 1060px) {
  .quickbooking__setpart + .quickbooking__setpart {
    margin-top: 1.9rem;
  }
}
.quickbooking__setpart-error {
  padding-top: 0.8rem;
}
.quickbooking__select {
  display: block;
  position: relative;
}
.quickbooking__select select {
  width: 100%;
  height: 4rem;
  color: #000;
  font-size: 1.6rem;
  line-height: 1.5;
}
@media (min-width: 1060px) {
  .quickbooking__select select {
    height: 4.8rem;
    font-size: 1.6rem;
    line-height: 1.56;
  }
}
.quickbooking__checkset {
  margin-top: 4rem;
}
@media (min-width: 1060px) {
  .quickbooking__checkset {
    margin-top: 3rem;
  }
}
@media (min-width: 1060px) {
  .quickbooking__checkset {
    margin-top: 1rem;
  }
}
.quickbooking-toggle {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
@media (min-width: 1060px) {
  .quickbooking-toggle {
    justify-content: flex-start;
    margin-right: 6rem;
  }
}
.quickbooking-toggle__item {
  width: 100%;
  margin-top: 1rem;
}
@media (min-width: 1060px) {
  .quickbooking-toggle__item {
    display: flex;
    align-items: center;
    width: auto;
    min-height: 3.6rem;
    margin: 0 0 0 4rem;
    padding: 0.5rem;
  }
}
@media (min-width: 1060px) {
  .quickbooking-toggle__item:first-child {
    margin-left: 0;
  }
}
.quickbooking-toggle__item:first-child {
  margin-top: 0;
}
.quickbooking-toggle__item:last-child {
  margin-bottom: 0;
}
.quickbooking-toggle__button {
  display: inline-block;
  position: relative;
  padding-left: 3rem;
  border: 0;
  background: transparent none;
  color: #000;
  font-size: 1.4rem;
  line-height: 1.57;
  text-align: left;
  cursor: pointer;
}
@media (min-width: 1060px) {
  .quickbooking-toggle__button {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.quickbooking-toggle__button:before {
  content: "";
  position: absolute;
  top: 0.1rem;
  left: 0;
  width: 2rem;
  height: 2rem;
  border: 1px solid #00256c;
  border-radius: 50%;
  background-size: 11px 9px;
}
@media (min-width: 1060px) {
  .quickbooking-toggle__button:before {
    top: 0.2rem;
  }
}
.quickbooking-toggle__button[aria-pressed="true"]:before {
  background: #00256c url(../images/quickbooking-toggle__button.svg) no-repeat 50%;
  background-size: 11px 9px;
}
.quickbooking-toggle__button[aria-disabled="true"]:before {
  border-color: #d9dbe1;
  background-color: #e7eaf0;
}
.quickbooking-toggle__button:hover,
.quickbooking-toggle__button:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.app .quickbooking-toggle__button:hover,
.app .quickbooking-toggle__button:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.quickbooking__finds {
  display: none;
  padding: 0 3rem 3rem;
  background: #fff;
  text-align: right;
}
@media (min-width: 1060px) {
  .quickbooking__finds {
    display: block;
    padding: 0 4.5rem 3rem;
  }
}
.quickbooking__finds.-active {
  display: block;
}
.quickbooking__finds-inner {
  display: inline-block;
  border-top-left-radius: 2.46rem;
  border-bottom-right-radius: 2.46rem;
  box-shadow: 2px 8px 14px 0 rgba(0, 104, 179, 0.3);
}
@media (min-width: 1060px) {
  .quickbooking__finds-inner {
    border-top-left-radius: 3rem;
    border-bottom-right-radius: 3rem;
    box-shadow: 2px 8px 14px 0 rgba(0, 104, 179, 0.3);
  }
}
.quickbooking__find {
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  width: 6rem;
  height: 5.3rem;
  border: 0;
  border-radius: 2.5rem 0 2.5rem 0;
  outline: 0;
  background: #118fe4 url(../images/quickbooking__confirm-m.svg) no-repeat center center;
  background-size: 30px 30px;
  cursor: pointer;
  transition: width 0.2s, height 0.2s;
}
.quickbooking__find:focus,
.quickbooking__find:hover {
  border-radius: 2.5rem 0 2.5rem 0;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.quickbooking__passengers {
  box-sizing: border-box;
  appearance: none;
  display: block;
  width: 100%;
  height: 4rem;
  margin: 0;
  padding: 0 3.4rem 0 0;
  border: 0;
  border-bottom: 0.1rem solid #00256c;
  background: url(../images/quickbooking__passenger.svg) no-repeat right center;
  background-size: 24px 24px;
  color: #000;
  font-size: 1.6rem;
  line-height: 1.5;
  text-align: left;
  cursor: pointer;
  transition: padding 0.2s, border 0.2s, background 0.2s, color 0.2s, box-shadow 0.2s;
}
@media (min-width: 1060px) {
  .quickbooking__passengers {
    height: 4.8rem;
    font-size: 1.6rem;
    line-height: 1.56;
  }
}
.quickbooking__passengers:hover,
.quickbooking__passengers:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .quickbooking__passengers:hover,
.app .quickbooking__passengers:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.quickbooking__passengers:focus,
.quickbooking__passengers:hover {
  padding-left: 1rem;
  border-bottom-color: #fff;
  background-position: right 1rem center;
}
.quickbooking__more {
  position: absolute;
  top: 0.3rem;
  right: 0;
  z-index: 1;
}
@media (min-width: 1060px) {
  .quickbooking__more {
    top: 0.5rem;
    left: 34rem;
  }
}
.quickbooking__more-button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 4.4rem;
  height: 4.4rem;
  border: 0;
  outline: 0;
  background: none;
  cursor: pointer;
  text-indent: 100%;
}
.quickbooking__more-button:focus,
.quickbooking__more-button:hover {
  outline: 1px solid #fff;
}
.quickbooking__more-dot {
  display: block;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  background: #fff;
}
.quickbooking__more-dot + .quickbooking__more-dot {
  margin-left: 0.4rem;
}
.quickbooking__more-links {
  display: none;
  position: absolute;
  top: calc(100% + 1rem);
  right: 0;
  width: 17rem;
}
.quickbooking__more-links.-active {
  display: block;
}
.quickbooking__more-links:before {
  content: "";
  display: block;
  position: absolute;
  top: -0.7rem;
  right: 1.9rem;
  width: 1.3rem;
  height: 0.8rem;
  background: url(../images/quickbooking__more-arrow.svg) no-repeat center bottom;
  background-size: 13px 8px;
}
.quickbooking__more-list {
  border-radius: 0.2rem;
  box-shadow: 0 0.4rem 0.6rem 0 rgba(0, 0, 0, 0.1);
  border: solid 0.1rem #d9dbe1;
  background-color: #fff;
}
.quickbooking__more-item {
  border-top: solid 0.1rem #d9dbe1;
  color: #000;
  font-size: 1.4rem;
}
.quickbooking__more-item:first-child {
  border-top: 0;
}
.quickbooking__more-link {
  display: block;
  padding: 1.2rem 1.6rem;
  color: #000;
  font-size: 1.4rem;
  line-height: 1.57;
  text-decoration: none;
}
.quickbooking__more-link:hover,
.quickbooking__more-link:focus {
  position: relative;
  outline: 1px solid #0064de;
}
.time-zone {
  display: none;
}
.time-zone.-active {
  display: block;
}
.nation-list {
  overflow-y: auto;
  height: 41.6rem;
  margin-top: 4rem;
  border: 1px solid #d9dbe1;
}
@media (min-width: 1060px) {
  .nation-list {
    height: 44.8rem;
  }
}
.nation-list__item {
  position: relative;
  padding: 1.5rem 4.4rem 1.5rem 1.6rem;
  font-size: 1.4rem;
  line-height: 1.58;
  color: #000;
}
@media (min-width: 1060px) {
  .nation-list__item {
    padding: 2rem 4.4rem 2rem 2rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.nation-list__item[aria-selected=true] {
  font-weight: 700;
}
.nation-list__item[aria-selected=true]:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 1.6rem;
  width: 2.4rem;
  height: 2.4rem;
  margin-top: -1.2rem;
  background: url(../images/nation-list__item--selected.svg) no-repeat 50% 50%;
  background-size: 24px 24px;
}
@media (min-width: 1060px) {
  .nation-list__item[aria-selected=true]:before {
    right: 2rem;
  }
}
.nation-list__item + .nation-list__item {
  border-top: 1px solid #d9dbe1;
}
.nation-list__item:hover,
.nation-list__item:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .nation-list__item:hover,
.app .nation-list__item:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.nation-list__button {
  cursor: pointer;
  width: 100%;
  height: auto;
  border: 0;
  padding: 1.5rem 1.6rem;
  background: none;
  font-size: 1.4rem;
  font-weight: normal;
  color: #000;
  text-align: left;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .nation-list__button {
    padding: 2rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.nation-list__button:hover,
.nation-list__button:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .nation-list__button:hover,
.app .nation-list__button:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.gender {
  display: flex;
  justify-content: space-between;
  margin-top: 0.5rem;
}
.gender__item {
  width: 100%;
}
.gender__item:first-child {
  padding-right: 0.5rem;
}
.gender__item:last-child {
  padding-left: 0.5rem;
}
.gender__item [type="radio"] {
  appearance: none;
  overflow: hidden;
  white-space: nowrap;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  position: absolute;
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  border: 0;
}
.gender__item [type="radio"]:focus ~ label {
  outline: 0;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.gender__item label {
  display: block;
  position: relative;
  width: 100%;
  padding: 0.8rem 3.2rem 0.8rem 1.6rem;
  border: 1px solid #767676;
  border-radius: 0.2rem;
  box-sizing: border-box;
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
  text-indent: 0;
}
@media (min-width: 1060px) {
  .gender__item label {
    padding: 1.1rem 3.2rem 1.1rem 2rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.gender__item label:hover,
.gender__item label:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.app .gender__item label:hover,
.app .gender__item label:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.gender__item [type="radio"]:checked ~ label {
  border-color: #0064de;
  color: #0064de;
}
.gender__item [type="radio"]:checked ~ label:before {
  content: "";
  display: block;
  position: absolute;
  top: 0.8rem;
  right: 0.8rem;
  width: 2.4rem;
  height: 2.4rem;
  background: url(../images/gender__radio--checked.svg) no-repeat 50% 50%;
  background-size: 24px 24px;
}
@media (min-width: 1060px) {
  .gender__item [type="radio"]:checked ~ label:before {
    top: 1.1rem;
  }
}
.gender__item [type="radio"][aria-disabled="true"] ~ label {
  border-color: #f8f9fc;
  background-color: #f8f9fc;
  color: #555;
  cursor: not-allowed;
}
.gender__item [type="radio"][aria-disabled="true"]:checked ~ label {
  border-color: #f8f9fc;
  background-color: #f8f9fc;
  color: #555;
}
.gender__item [type="radio"][aria-disabled="true"]:checked ~ label:before {
  background: url(../images/gender__radio--checked--disabled.svg) no-repeat 50% 50%;
  background-size: 24px 24px;
}
.layout {
  margin: 0 auto;
  padding: 4rem 2rem 12rem;
}
@media (min-width: 1060px) {
  .layout {
    position: relative;
    padding: 0;
  }
  .layout:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -2rem;
    right: -2rem;
    background-image: linear-gradient(to bottom, #8bbdf8 -75%, #e9f3fb 89%);
  }
}
@media (min-width: 1060px) {
  .layout__aligner {
    position: relative;
    max-width: 128rem;
    margin: 0 auto;
    padding: 6rem 0;
  }
}
@media (min-width: 1060px) {
  .layout__contents {
    width: 53rem;
    margin: 0 auto;
    padding: 4rem 6rem;
    background-color: #fff;
    box-shadow: 4px 10px 20px 0 rgba(0, 25, 72, 0.1);
  }
}
.layout__confirms {
  display: flex;
  justify-items: flex-start;
  margin: 4rem 0;
}
.layout__confirms:first-child {
  margin-top: 0;
}
.layout__confirms:last-child {
  margin-bottom: 0;
}
.layout__confirms.-half {
  justify-content: space-between;
}
@media (min-width: 1060px) {
  .layout__confirms.-half {
    justify-content: center;
  }
}
@media (min-width: 1060px) {
  .layout__confirms.-half .confirm {
    min-width: auto;
    width: 50%;
  }
}
.layout__confirms.-half .confirm:nth-of-type(1) {
  flex: 6;
  margin-right: 0.4rem;
}
@media (min-width: 1060px) {
  .layout__confirms.-half .confirm:nth-of-type(1) {
    flex: none;
  }
}
.layout__confirms.-half .confirm:nth-of-type(2) {
  flex: 6;
  margin-left: 0.4rem;
}
@media (min-width: 1060px) {
  .layout__confirms.-half .confirm:nth-of-type(2) {
    flex: none;
  }
}
.chat__list {
  margin-top: 3.2rem;
}
@media (min-width: 1060px) {
  .chat__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 4rem;
  }
}
.chat__item {
  height: 5.4rem;
  margin: 1.2rem 0 0 0;
}
@media (min-width: 1060px) {
  .chat__item {
    width: calc((100% - 2rem) / 2);
    max-width: 38rem;
    height: 6rem;
    margin: 0 0 0 2rem;
  }
}
.chat__item:first-child {
  margin: 0;
}
.chat__link {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  height: 100%;
  font-size: 1.4rem;
  font-weight: 700;
  text-decoration: none;
  color: #000;
  border: 1px solid #767676;
  border-radius: 2px;
}
@media (min-width: 1060px) {
  .chat__link {
    font-size: 1.6rem;
  }
}
.chat__link:hover,
.chat__link:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.chat__icon {
  width: 2.4rem;
  height: 2.4rem;
  margin-right: 0.8rem;
}
@media (min-width: 1060px) {
  .chat__icon {
    width: 3.2rem;
    height: 3.2rem;
  }
}
.chat__icon img {
  width: 100%;
  height: auto;
}
.chat .divider.-small {
  background-color: #d9dbe1;
}
@media (max-width: 1060px) {
  .chat .divider.-small {
    margin: 3.2rem 0;
  }
}
.seat__summary {
  padding: 2rem 0;
  background-color: #f8f9fc;
}
@media (min-width: 1060px) {
  .seat__summary {
    display: flex;
    align-items: flex-start;
    position: relative;
    padding: 2.4rem 4rem;
  }
}
.seat__kind {
  margin-right: 3rem;
  padding-left: 2rem;
  font-size: 1.6rem;
  line-height: 1.75;
  font-weight: 700;
  color: #000;
}
@media (min-width: 1060px) {
  .seat__kind {
    padding-left: 0;
  }
}
.seat__place {
  padding: 1.4rem 2rem 0 2rem;
  text-align: left;
}
@media (min-width: 1060px) {
  .seat__place {
    position: relative;
    padding: 0;
    background: none;
  }
}
.seat__code {
  color: #000;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1.5;
}
@media (min-width: 1060px) {
  .seat__code {
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.seat__city {
  margin: 0 0.8rem;
  color: #555;
  font-size: 1.6rem;
  line-height: 1.5;
  padding-right: 3.2rem;
  background: url(../images/to.svg) no-repeat right 0.3rem;
}
.seat__city:last-child {
  background: none;
}
@media (min-width: 1060px) {
  .seat__person {
    display: flex;
  }
}
.seat__person + .seat__person {
  margin-top: 2rem;
}
@media (min-width: 1060px) {
  .seat__person + .seat__person {
    margin-top: 0.8rem;
  }
}
.seat__key {
  display: flex;
  align-items: center;
  margin-bottom: 0.8rem;
}
@media (min-width: 1060px) {
  .seat__key {
    flex: 8;
    margin-bottom: 0;
  }
}
.seat__value {
  display: flex;
}
@media (min-width: 1060px) {
  .seat__value {
    display: flex;
    flex: 5;
  }
}
.seat__value > [class] {
  flex: 1;
}
.seat__name {
  font-size: 1.4rem;
  line-height: 1.58;
  color: #000;
}
@media (min-width: 1060px) {
  .seat__name {
    font-size: 1.6rem;
    line-height: 1.5;
    display: flex;
    flex: 5;
  }
}
.seat__p,
.seat__price {
  display: flex;
  align-items: center;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .seat__p,
  .seat__price {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.seat__p {
  justify-content: flex-start;
}
.seat__with {
  color: #555;
}
.seat__price {
  justify-content: flex-end;
  color: #00256c;
}
.seat__state {
  color: #0064de;
}
.seat-drops {
  position: relative;
}
.seat-drops:first-child {
  margin-top: 0;
}
.seat-drops:last-child {
  margin-bottom: 0;
}
.seat-drops.-active .seat-drops__aligner {
  box-shadow: 0 0.5rem 0.5rem 0 rgba(0, 0, 0, 0.1);
}
.seat-drops.-fixed .seat-drops__aligner {
  position: fixed;
  top: 0;
  left: 2rem;
  right: 2rem;
  margin: 0;
  z-index: 101;
}
@media (min-width: 1060px) {
  .seat-drops.-fixed .seat-drops__aligner {
    left: 50%;
    right: auto;
    width: 100%;
    max-width: 128rem;
    transform: translateX(-50%);
  }
}
.seat-drops.-reflow .seat-drops__aligner {
  position: static;
  left: 0;
  box-shadow: none;
  transform: translateX(0);
}
.seat-drops__heading {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1060px) {
  .seat-drops__heading {
    flex-direction: row;
  }
}
.seat-drops__heading.-fix {
  position: fixed;
  width: calc(100% - 4rem);
  box-shadow: 0 0.5rem 0.5rem 0 rgba(0, 0, 0, 0.1);
  z-index: 10;
}
.seat-drops__summary {
  border: 1px solid #d9dbe1;
}
@media (min-width: 1060px) {
  .seat-drops__summary {
    flex: 1;
    border: 1px solid #d9dbe1;
  }
}
.seat-drops__summary.-colored {
  background-color: #f6f8ff;
}
.seat-drops__expander {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 4rem;
  border: 1px solid #d9dbe1;
  border-top-width: 0;
  background-color: #fff;
  cursor: pointer;
}
@media (min-width: 1060px) {
  .seat-drops__expander {
    min-width: 6rem;
    height: auto;
    padding: 2rem 1.9rem;
    border: 1px solid #d9dbe1;
    border-left-width: 0;
    font-size: 1.4rem;
  }
}
.seat-drops__expander:hover,
.seat-drops__expander:focus {
  outline: 0;
  border-radius: 0;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .seat-drops__expander:hover,
.app .seat-drops__expander:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.seat-drops__expander:after {
  content: "";
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  background: url(../images/expander.svg) no-repeat center center;
}
.seat-drops.-active .seat-drops__expander:after {
  background: url(../images/expander--active.svg) no-repeat center center;
}
.seat-drops__value {
  display: block;
  padding: 0 0.8rem;
}
.seat-drops__value > .remark:first-child {
  margin-right: 1rem;
}
@media (min-width: 1060px) {
  .seat-drops__value > .remark:first-child {
    margin-right: 0;
  }
}
.seat-drops__expand {
  display: none;
}
.seat-drops__expand:focus {
  position: relative;
  outline: 0;
  box-shadow: inset 0 0 1px 0 #0064de;
}
.seat-drops.-active .seat-drops__expand {
  display: block;
}
.seat-drops__contents {
  position: absolute;
  top: calc(100% + 0.1rem);
  left: 0;
  width: 100%;
  border: 1px solid #d9dbe1;
  border-top-width: 0;
  background-color: #fff;
  z-index: 100;
}
.drops__expand:focus .seat-drops__contents {
  border-color: #0064de;
}
.drops__expand:focus .seat-drops__contents:before {
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #0064de;
}
.seat-drops.-active .seat-drops__contents {
  box-shadow: 0 0.5rem 0.5rem 0 rgba(0, 0, 0, 0.1);
}
.seat-journey {
  padding: 2rem;
}
@media (min-width: 1060px) {
  .seat-journey {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    padding: 2.4rem 2rem 2.4rem 4rem;
  }
}
.seat-journey__locations {
  display: flex;
  margin-top: 1.6rem;
  background: url(../images/to.svg) no-repeat;
  background-position: center 0.8rem;
}
@media (min-width: 1060px) {
  .seat-journey__locations {
    width: 46rem;
    margin-top: 0;
    padding-right: 1rem;
    background-position: 45% center;
  }
}
.seat-journey__location {
  flex: 1;
  padding: 0 1rem;
  text-align: center;
}
@media (min-width: 1060px) {
  .seat-journey__location {
    display: flex;
    align-items: center;
    padding: 0;
    text-align: left;
  }
}
@media (min-width: 1060px) {
  .seat-journey__location:first-child {
    padding-right: 3rem;
  }
}
@media (min-width: 1060px) {
  .seat-journey__location:last-child {
    padding-left: 3rem;
  }
}
.seat-journey__code {
  display: block;
  color: #000;
  font-weight: 700;
  font-size: 2.2rem;
  line-height: 1.55;
  white-space: nowrap;
}
@media (min-width: 1060px) {
  .seat-journey__code {
    margin-right: 1rem;
  }
}
.seat-journey__name {
  display: block;
  color: #555;
  font-size: 1.2rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .seat-journey__name {
    font-size: 1.6rem;
  }
}
.seat-journey__aside {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (min-width: 1060px) {
  .seat-journey__aside {
    flex: 1;
    padding-left: 4rem;
    border-left: 1px solid #d9dbe1;
  }
}
.seat-journey__infos {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.seat-journey__info {
  color: #555;
  font-size: 1.2rem;
}
@media (min-width: 360px) {
  .seat-journey__info {
    font-size: 1.4rem;
    line-height: 1.58;
  }
}
@media (min-width: 1060px) {
  .seat-journey__info {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
@media (min-width: 1060px) {
  .seat-journey__info + .seat-journey__info {
    margin-left: 0.8rem;
  }
}
@media (min-width: 1060px) {
  .seat-journey__info.-expand {
    width: 100%;
    margin-top: 0.4rem;
    margin-left: 0 !important;
  }
}
.seat-journey__value {
  white-space: nowrap;
  font-size: 1.2rem;
}
@media (min-width: 360px) {
  .seat-journey__value {
    font-size: 1.4rem;
    line-height: 1.58;
  }
}
@media (min-width: 1060px) {
  .seat-journey__value {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.seat-journey-option {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 2rem;
  border: 0;
  background-color: #fff;
  text-align: left;
}
@media (min-width: 1060px) {
  .seat-journey-option {
    padding: 2.6rem 5.5rem 2.4rem 4rem;
  }
}
.seat-journey-option:hover,
.seat-journey-option:focus {
  outline: 1px solid #0064de;
}
.seat-journey-option__number {
  width: 10%;
  color: #000;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .seat-journey-option__number {
    width: 4.3rem;
  }
}
.seat-journey-option__locations {
  display: flex;
  width: 40%;
  background: url(../images/to.svg) no-repeat 50% 50%;
  background-size: 16px 16px;
}
@media (min-width: 360px) {
  .seat-journey-option__locations {
    background-size: 24px 24px;
  }
}
@media (min-width: 1060px) {
  .seat-journey-option__locations {
    width: 41.7rem;
    background: none;
  }
}
.seat-journey-option__location {
  width: 50%;
  text-align: center;
}
.seat-journey-option__location:first-child {
  padding-right: 1rem;
}
@media (min-width: 360px) {
  .seat-journey-option__location:first-child {
    padding-right: 1.8rem;
  }
}
@media (min-width: 1060px) {
  .seat-journey-option__location:first-child {
    width: 4.8rem;
    padding-right: 0;
  }
}
@media (min-width: 1060px) {
  .seat-journey-option__location:last-child {
    width: 8.8rem;
    padding-left: 4rem;
    background: url(../images/to.svg) no-repeat 0.8rem 50%;
  }
}
.seat-journey-option__code {
  display: block;
  padding-bottom: 0.2rem;
  color: #000;
  font-weight: 700;
  font-size: 1.6rem;
}
@media (min-width: 1060px) {
  .seat-journey-option__code {
    font-size: 1.8rem;
  }
}
.seat-journey-option__infos {
  width: 25%;
  text-align: center;
}
@media (min-width: 360px) {
  .seat-journey-option__infos {
    width: 30%;
  }
}
@media (min-width: 1060px) {
  .seat-journey-option__infos {
    width: auto;
    padding-left: 4rem;
    border-left: 1px solid #d9dbe1;
    text-align: left;
  }
}
.seat-journey-option__info {
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .seat-journey-option__info {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.seat-journey-option__value {
  width: 25%;
  font-size: 1.4rem;
  line-height: 1.58;
  text-align: right;
}
@media (min-width: 360px) {
  .seat-journey-option__value {
    width: 20%;
  }
}
@media (min-width: 1060px) {
  .seat-journey-option__value {
    width: auto;
    margin-left: auto;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.seat-combo {
  position: relative;
}
.seat-combo__expand {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 2rem 5.5rem 2rem 2rem;
  border: 1px solid #d9dbe1;
  background-color: #fff;
}
.seat-combo__expand:hover,
.seat-combo__expand:focus {
  outline: 1px solid #0064de;
  cursor: pointer;
  z-index: 2;
}
@media (min-width: 1060px) {
  .seat-combo__expand {
    display: none;
  }
}
.seat-combo__list {
  display: none;
  position: absolute;
  top: 100%;
  width: 100%;
  max-height: 36rem;
  padding-top: 0.1rem;
  border: 1px solid #d9dbe1;
  border-top: 0;
  background-color: #fff;
  z-index: 10;
}
.seat-combo.-active .seat-combo__list {
  display: block;
}
@media (min-width: 1060px) {
  .seat-combo__list {
    display: block;
    position: static;
    max-height: none;
    padding-top: 0;
    border-top: 1px solid #d9dbe1;
    border-bottom: 1px solid #d9dbe1;
  }
}
.seat-combo__items + .seat-combo__items {
  border-top: 0.1rem solid #d9dbe1;
}
.seat-combo__item {
  display: flex;
  position: relative;
  width: 100%;
  align-items: center;
}
.seat-combo__key,
.seat-combo__value {
  display: inline-block;
  color: #767676;
  font-size: 1.4rem;
  line-height: 1.58;
  color: #000;
}
@media (min-width: 1060px) {
  .seat-combo__key,
  .seat-combo__value {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.seat-combo__key {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  text-align: left;
}
.seat-combo__value {
  margin-left: auto;
  padding-left: 1rem;
  font-size: 1.4rem;
  text-align: right;
  color: #00256c;
  white-space: nowrap;
}
.seat-combo__remark {
  display: block;
  text-align: right;
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: 700;
  color: #0064de;
}
.seat-combo__with {
  margin-left: 1.8rem;
  font-size: 1.4rem;
  line-height: 1.58;
  color: #555;
  text-align: left;
}
.seat-combo__baby {
  margin-left: 1.8rem;
  font-size: 1.4rem;
  line-height: 1.58;
  color: #555;
  text-align: left;
}
.seat-combo__baby:after {
  content: "";
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  margin-left: 0.5rem;
  vertical-align: -0.6rem;
  background: url(../images/seat-basket.svg) no-repeat 50% 50%;
  background-size: 24px 24px;
}
.seat-combo__btn {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 2rem 5.5rem 2rem 2rem;
  border: 0;
  background-color: #fff;
}
.seat-combo__btn:hover,
.seat-combo__btn:focus {
  outline: 1px solid #0064de;
}
.seat-combo__btn.-active {
  background-color: #f6f8ff;
}
.seat-combo__btn.-active .seat-combo__key {
  font-weight: 700;
}
.seat-combo__expand {
  background-repeat: no-repeat;
  background-position: calc(100% - 1.5rem) 50%;
  background-image: url(../images/expander.svg);
  background-size: 24px 24px;
}
.seat-combo__expand[aria-expanded="true"] {
  background-image: url(../images/expander--active.svg);
}
.seat-combo__status {
  position: absolute;
  top: 50%;
  right: 1.2rem;
  margin-top: -1.8rem;
  text-align: right;
}
.seat-combo__del {
  display: inline-block;
  overflow: hidden;
  width: 3.6rem;
  height: 3.6rem;
  position: absolute;
  top: 50%;
  right: 1.2rem;
  border: 0;
  border-radius: 50%;
  background: url(../images/cm-cart-delete.svg) no-repeat 50% 50%;
  background-size: 24px 24px;
  transform: translateY(-50%);
  white-space: nowrap;
  text-indent: 100%;
  cursor: pointer;
  z-index: 2;
}
.seat-combo__del:hover,
.seat-combo__del:focus {
  outline: 1px solid #0064de;
  border-radius: 2.4rem;
}
.seat-combo.-active .seat-combo__button {
  box-shadow: 0 0.2rem 1rem #d9dbe1;
}
.seat-combo.-active .seat-combo__list {
  box-shadow: 0 0.4rem 1rem #d9dbe1;
}
._seat-legend {
  display: block;
  margin-top: 2rem;
}
.seat-legend {
  position: relative;
  margin: 2rem 0;
  padding: 2rem;
  border: 1px solid #d9dbe1;
}
.seat-legend:first-child {
  margin-top: 0;
}
.seat-legend:last-child {
  margin-bottom: 0;
}
.seat-legend__expander {
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  position: absolute;
  top: 0.8rem;
  right: 1.7rem;
  width: 2rem;
  height: 4.4rem;
  border: 0;
  background: url(../images/expander.svg) no-repeat 50% 50%;
  background-size: 24px 24px;
}
.seat-legend__expander:hover,
.seat-legend__expander:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .seat-legend__expander:hover,
.app .seat-legend__expander:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
@media (min-width: 1060px) {
  .seat-legend__expander {
    display: none;
  }
}
.seat-legend.-active .seat-legend__expander {
  background-image: url(../images/expander--active.svg);
}
.seat-legend.-reflow .seat-legend__expander {
  display: none;
}
.seat-legend__list {
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 1060px) {
  .seat-legend__list + .seat-legend__list {
    margin-top: 1.8rem;
    padding-top: 1.8rem;
    border-top: 1px solid #d9dbe1;
  }
}
.seat-legend.-active .seat-legend__list + .seat-legend__list,
.seat-legend.-reflow .seat-legend__list + .seat-legend__list {
  margin-top: 1.8rem;
  padding-top: 1.8rem;
  border-top: 1px solid #d9dbe1;
}
.seat-legend__item {
  display: none;
  width: 50%;
  padding-left: 2rem;
  background-repeat: no-repeat;
  background-position: 0 0.2rem;
  background-size: 16px 16px;
  color: #555;
  font-size: 1.3rem;
}
.seat-legend .seat-legend__list:first-child .seat-legend__item:nth-child(1),
.seat-legend .seat-legend__list:first-child .seat-legend__item:nth-child(2) {
  display: block;
}
.seat-legend.-active .seat-legend__item,
.seat-legend.-reflow .seat-legend__item {
  display: block;
}
@media (min-width: 360px) {
  .seat-legend__item {
    font-size: 1.4rem;
    line-height: 1.58;
  }
}
@media (min-width: 1060px) {
  .seat-legend__item {
    display: block;
    padding-left: 2.4rem;
    background-size: 20px 20px;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.seat-legend__item.-expand {
  width: 100%;
}
.seat-legend__item.-legroom {
  background-image: url(../images/legend-legroom.svg);
}
.seat-legend__item.-prefer {
  background-image: url(../images/legend-prefer.svg);
}
.seat-legend__item.-charge {
  background-image: url(../images/legend-charge.svg);
}
.seat-legend__item.-economy {
  background-image: url(../images/legend-economy.svg);
}
.seat-legend__item.-prestige {
  background-image: url(../images/legend-prestige.svg);
}
.seat-legend__item.-reverse {
  background-image: url(../images/legend-reverse.svg);
}
.seat-legend__item.-selected {
  background-image: url(../images/legend-selected.svg);
}
.seat-legend__item.-unselectable {
  background-image: url(../images/legend-unselectable.svg);
}
.seat-legend__item.-maskless {
  background-image: url(../images/legend-maskless.svg);
}
.seat-legend__item.-toilet {
  background-image: url(../images/legend-toilet.svg);
}
.seat-legend__item.-galley {
  background-image: url(../images/legend-galley.svg);
}
.seat-legend__item.-dutyfree {
  background-image: url(../images/legend-dutyfree.svg);
}
.seat-legend__item.-bar {
  background-image: url(../images/legend-bar.svg);
}
.seat-legend__item.-exit {
  background-image: url(../images/legend-exit.svg);
}
.seat-legend__item.-wing {
  background-image: url(../images/legend-wing.svg);
}
.seat-legend__item.-windowless {
  background-image: url(../images/legend-windowless.svg);
}
.seat-legend__item.-stairs {
  background-image: url(../images/legend-stairs.svg);
}
.seat-legend__item.-facility {
  background-image: url(../images/legend-facility.svg);
}
.seat-legend__item:nth-child(2) ~ .seat-legend__item {
  margin-top: 1.8rem;
}
.seat-legend__list:first-child .seat-legend__item:nth-child(2) {
  padding-right: 2rem;
}
@media (min-width: 1060px) {
  .seat-legend__list:first-child .seat-legend__item:nth-child(2) {
    padding-right: 0;
  }
}
._seat-layout {
  display: block;
  margin-top: 2rem;
}
.seat-layout {
  margin-top: 2rem;
}
.seat-layout:first-child {
  margin-top: 0;
}
.seat-layout:last-child {
  margin-bottom: 0;
}
@media (min-width: 1060px) {
  .seat-layout {
    display: flex;
  }
}
@media (min-width: 1060px) {
  .seat-layout.-fixed {
    padding-left: 34rem;
  }
}
@media (min-width: 1060px) {
  .seat-layout.-reflow {
    padding-left: 0;
  }
}
@media (min-width: 1060px) {
  .seat-layout__aside {
    width: 32rem;
    margin-right: 2rem;
  }
}
@media (min-width: 1060px) {
  .seat-layout.-fixed .seat-layout__aside {
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    top: 10rem;
    bottom: 6rem;
    left: 50%;
    margin-left: -64rem;
    padding: 2rem 0;
    background-color: #fff;
  }
}
@media (max-width: 1300px) {
  .seat-layout.-fixed .seat-layout__aside {
    left: 2rem;
    margin-left: 0;
  }
}
@media (min-width: 1060px) {
  .seat-layout.-reflow .seat-layout__aside {
    position: static;
    left: 0;
    margin-left: 0;
    padding: 0;
  }
}
.seat-layout__container {
  margin-top: 2rem;
  padding-bottom: 2rem;
}
@media (min-width: 1060px) {
  .seat-layout__container {
    flex: 1;
    margin-top: 0;
    padding-bottom: 0;
  }
}
.seat-layout__contents {
  padding: 2rem 2rem 5rem;
  border: 1px solid #d9dbe1;
}
@media (min-width: 1060px) {
  .seat-layout__contents {
    padding-bottom: 10rem;
  }
}
.seat-info:before {
  content: "";
  display: none;
  position: absolute;
  top: 100%;
  left: 50%;
  z-index: 5;
  width: 1rem;
  height: 0.6rem;
  background: url(../images/seat-info-edge.svg) no-repeat;
  background-size: 10px 6px;
  transform: translateX(-50%);
}
@media (min-width: 600px) {
  .seat-info:before {
    width: 1.9rem;
    height: 1.2rem;
    background-size: 19px 12px;
  }
}
[aria-hidden="false"].seat-info:before {
  display: block;
}
.seat-info.-reverse:before {
  top: -0.6rem;
  background: url(../images/seat-info-edge-reverse.svg) no-repeat;
  background-size: 10px 6px;
}
@media (min-width: 600px) {
  .seat-info.-reverse:before {
    background-size: 19px 12px;
  }
}
.seat-info__aligner {
  display: none;
  position: absolute;
  top: calc(100% + 0.5rem);
  z-index: 4;
  width: 22rem;
  padding: 1.5rem;
  border: solid 1px #00256c;
  background-color: #fff;
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.1);
  text-align: left;
}
@media (min-width: 360px) {
  .seat-info__aligner {
    width: 24rem;
  }
}
@media (min-width: 414px) {
  .seat-info__aligner {
    width: 28rem;
  }
}
@media (min-width: 600px) {
  .seat-info__aligner {
    top: calc(100% + 1.1rem);
    width: 40rem;
    padding: 3rem 2.4rem;
  }
}
.seat-info[aria-hidden="false"] .seat-info__aligner {
  display: block;
}
.seat-info.-left .seat-info__aligner {
  left: -1.5rem;
}
@media (min-width: 600px) {
  .seat-info.-left .seat-info__aligner {
    left: -1rem;
  }
}
.seat-info.-left .seat-info__aligner:before {
  left: 2rem;
}
@media (min-width: 600px) {
  .seat-info.-left .seat-info__aligner:before {
    left: 2.2rem;
  }
}
.seat-info.-center .seat-info__aligner {
  left: 50%;
  transform: translateX(-50%);
}
.seat-info.-center .seat-info__aligner:before {
  left: 50%;
  transform: translateX(-50%);
}
@media (min-width: 600px) {
  .seat-info.-center .seat-info__aligner:before {
    left: 50%;
    transform: translateX(-50%);
  }
}
.seat-info.-right .seat-info__aligner {
  right: -0.5rem;
}
@media (min-width: 600px) {
  .seat-info.-right .seat-info__aligner {
    right: -1rem;
  }
}
.seat-info.-right .seat-info__aligner:before {
  right: 0.9rem;
}
@media (min-width: 600px) {
  .seat-info.-right .seat-info__aligner:before {
    right: 2.2rem;
  }
}
.seat-info.-reverse .seat-info__aligner {
  top: auto;
  bottom: calc(100% + 0.5rem);
}
.seat-info__heading {
  display: flex;
  align-items: center;
  padding-right: 3rem;
}
.seat-info__seat {
  position: relative;
  width: auto;
}
@media (min-width: 600px) {
  .seat-info__seat {
    position: static;
  }
}
.seat-info__seat .economy,
.seat-info__seat .prestige,
.seat-info__seat .first {
  position: relative;
  top: 0;
  left: 0;
  background-color: #fff;
  cursor: default;
}
.seat-info__seat .economy:hover,
.seat-info__seat .prestige:hover,
.seat-info__seat .first:hover,
.seat-info__seat .economy:focus,
.seat-info__seat .prestige:focus,
.seat-info__seat .first:focus {
  outline: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.seat-info__info {
  margin-left: 1rem;
  padding-bottom: 0.4rem;
}
@media (min-width: 600px) {
  .seat-info__info {
    margin-left: 1.7rem;
  }
}
.seat-info__selected {
  display: block;
  color: #000;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 600px) {
  .seat-info__selected {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.seat-info__price {
  display: block;
  color: #00256c;
  font-weight: 700;
  font-size: 1.4rem;
}
@media (min-width: 600px) {
  .seat-info__price {
    font-size: 1.6rem;
  }
}
.seat-info__list {
  margin-top: 1rem;
}
@media (min-width: 600px) {
  .seat-info__list {
    margin-top: 2rem;
  }
}
.seat-info__item {
  position: relative;
  padding-left: 1.2rem;
  color: #555;
  font-size: 1.2rem;
  line-height: 1.5;
}
@media (min-width: 600px) {
  .seat-info__item {
    font-size: 1.4rem;
    line-height: 1.58;
  }
}
.seat-info__item:before {
  content: "";
  position: absolute;
  top: 0.7rem;
  left: 0;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 0.2rem;
  background-color: #767676;
}
@media (min-width: 600px) {
  .seat-info__item:before {
    top: 0.9rem;
  }
}
.seat-info__item + .seat-info__item {
  margin-top: 0.2rem;
}
@media (min-width: 600px) {
  .seat-info__item + .seat-info__item {
    margin-top: 0.6rem;
  }
}
.seat-info__baby {
  margin-top: 1rem;
  padding: 1rem;
  border: 0.1rem solid #d9dbe1;
}
@media (min-width: 600px) {
  .seat-info__baby {
    margin-top: 2rem;
    padding: 2rem;
  }
}
.seat-info__baby .requires {
  margin-top: 0;
  margin-bottom: 1.2rem;
  font-size: 1.2rem;
}
@media (min-width: 600px) {
  .seat-info__baby .requires {
    font-size: 1.4rem;
  }
}
.seat-info__baby .requires:before {
  font-size: 1.2rem;
  vertical-align: -0.5rem;
}
@media (min-width: 600px) {
  .seat-info__baby .requires:before {
    font-size: 1.4rem;
  }
}
.seat-info__baby .requires:after {
  font-size: 1.2rem;
  vertical-align: -0.5rem;
}
@media (min-width: 600px) {
  .seat-info__baby .requires:after {
    font-size: 1.4rem;
  }
}
.seat-info__expander {
  display: block;
  position: relative;
  width: 100%;
  padding-right: 6.2rem;
  border: 0;
  background: transparent none;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.58;
  text-align: left;
  cursor: pointer;
}
.seat-info__expander:hover,
.seat-info__expander:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.app .seat-info__expander:hover,
.app .seat-info__expander:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
@media (min-width: 1060px) {
  .seat-info__expander {
    padding-right: 7.2rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.seat-info__expander:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0.5rem;
  width: 4.8rem;
  height: 1.2rem;
  margin-top: -0.6rem;
  border-radius: 1.2rem;
  background-color: #999999;
  transition: 0.2s;
}
.seat-info__expander[aria-expanded="true"]:before {
  background-color: #0064de;
}
.seat-info__expander:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 2.9rem;
  width: 2.4rem;
  height: 2.4rem;
  margin-top: -1.2rem;
  border-radius: 50%;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  background-color: #fff;
  transition: 0.2s;
}
.seat-info__expander[aria-expanded="true"]:after {
  right: 0.4rem;
}
.seat-info__expand {
  display: none;
  margin-top: 1rem;
  word-break: break-word;
}
.seat-info__expand[aria-hidden="false"] {
  display: block;
}
.seat-info__forms {
  display: flex;
  margin: 0 -1rem;
}
.seat-info__form {
  flex: 1;
  padding: 0 1rem;
}
.seat-info__form label {
  font-size: 1.2rem;
}
@media (min-width: 600px) {
  .seat-info__form label {
    font-sizE: 1.4rem;
  }
}
.seat-info__message {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 0.1rem solid #d9dbe1;
  color: #555;
  font-size: 1.2rem;
  line-height: 1.5;
}
@media (min-width: 600px) {
  .seat-info__message {
    margin-top: 2rem;
    padding-top: 2rem;
    font-size: 1.4rem;
    line-height: 1.58;
  }
}
.seat-info__baby + .seat-info__message {
  padding-top: 0;
  border-top: 0;
}
.seat-info__buttons {
  margin-top: 2rem;
  text-align: center;
}
@media (min-widtH: 600px) {
  .seat-info__buttons {
    margin-top: 3rem;
  }
}
.seat-info__button {
  display: inline-block;
  min-width: 12rem;
  height: 3.5rem;
  margin: 0;
  padding: 0.6rem 1.6rem;
  border: 0;
  border-radius: 0.2rem;
  border: 1px solid #00256c;
  background-color: #00256c;
  color: #fff;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.58;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  appearance: none;
}
@media (min-width: 600px) {
  .seat-info__button {
    min-width: 24rem;
    height: 4.8rem;
    padding: 1.2rem 1rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.seat-info__button:hover,
.seat-info__button:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.app .seat-info__button:hover,
.app .seat-info__button:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.seat-info__button[disabled] {
  border: 1px solid #bcbcbc !important;
  background-color: #bcbcbc !important;
  color: #fff !important;
  cursor: not-allowed;
}
.seat-info__button[disabled]:hover,
.seat-info__button[disabled]:focus {
  outline: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.seat-info__button[aria-disabled="true"] {
  border: 1px solid #bcbcbc !important;
  background-color: #bcbcbc !important;
  color: #fff !important;
  cursor: not-allowed;
}
.seat-info__close {
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  position: absolute;
  top: 0.2rem;
  right: 0.2rem;
  width: 4.4rem;
  height: 4.4rem;
  border: 0;
  background: #fff url(../images/seat-info__close.svg) no-repeat 50% 50%;
}
.seat-info__close:hover,
.seat-info__close:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .seat-info__close:hover,
.app .seat-info__close:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.seat-price {
  display: flex;
}
.seat-price__key {
  color: #00256c;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .seat-price__key {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.seat-price__value {
  margin-left: auto;
  color: #00256c;
  font-weight: 700;
  font-size: 1.6rem;
}
@media (min-width: 1060px) {
  .seat-price__value {
    font-size: 2rem;
  }
}
.plane {
  position: relative;
  width: 68.125vw;
  margin: 0 auto;
  padding: 2rem 0;
  outline: 0;
  background-image: url(../images/plane-sm.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  /* --- */
}
.plane:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #878D96;
}
.plane:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #878D96;
}
@media (min-width: 360px) {
  .plane {
    width: 68vw;
    background-image: url(../images/plane-md.svg);
  }
}
@media (min-width: 768px) {
  .plane {
    width: 51rem;
    padding: 3rem 0;
    background-image: url(../images/plane-lg.svg);
  }
}
.plane.-front {
  position: relative;
  min-height: 78.13vw;
  padding-top: 45.57vw;
  border-top: 0;
  background-position: center top;
}
@media (min-width: 768px) {
  .plane.-front {
    padding-top: 35rem;
    min-height: 60rem;
  }
}
.plane.-front:before {
  display: none;
}
.plane.-front.-close {
  padding-top: 39.06vw;
}
@media (min-width: 768px) {
  .plane.-front.-close {
    padding-top: 30rem;
  }
}
.plane.-front.-closest {
  padding-top: 32.55vw;
}
@media (min-width: 768px) {
  .plane.-front.-closest {
    padding-top: 25rem;
  }
}
.plane.-rear {
  position: relative;
  padding-bottom: 18.23vw;
  border-bottom: 0;
  background-position: center bottom;
}
@media (min-width: 768px) {
  .plane.-rear {
    padding-bottom: 18rem;
  }
}
.plane.-rear:after {
  display: none;
}
.plane.-buffer {
  margin-bottom: 40rem;
}
.plane table {
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  margin: 0 auto ;
  text-align: center;
}
.plane table + table {
  margin-top: 5.73vw;
}
@media (min-width: 768px) {
  .plane table + table {
    margin-top: 4.4rem;
  }
}
.plane th,
.plane thead td {
  padding: 0.6rem 0;
  color: #000;
  font-weight: 700;
  font-size: 1rem;
  text-align: center;
}
@media (min-width: 768px) {
  .plane th,
  .plane thead td {
    font-size: 1.4rem;
    line-height: 1.58;
  }
}
.plane th.-aisle,
.plane thead td.-aisle {
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
}
.plane td {
  position: relative;
  padding: 1vw 0;
  font-size: 1.3vw;
  line-height: 0.9;
}
@media (min-width: 768px) {
  .plane td {
    padding: 0.5rem 0;
    font-size: 1rem;
  }
}
.plane tr.-frontwing td:first-child:before,
.plane tr.-frontwing td:last-child:before {
  content: "";
  position: absolute;
  top: 0;
  z-index: 1;
  width: 20px;
  height: 102%;
}
@media (min-width: 414px) {
  .plane tr.-frontwing td:first-child:before,
  .plane tr.-frontwing td:last-child:before {
    width: 36px;
  }
}
@media (min-width: 768px) {
  .plane tr.-frontwing td:first-child:before,
  .plane tr.-frontwing td:last-child:before {
    width: 76px;
  }
}
.plane tr.-frontwing td:first-child:before {
  left: 1px;
  background-image: url(../images/wing-front-left-sm.svg);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 20px 200px;
  transform: translateX(-100%);
}
@media (min-width: 414px) {
  .plane tr.-frontwing td:first-child:before {
    left: 2px;
    background-image: url(../images/wing-front-left-md.svg);
    background-size: 36px 200px;
  }
}
@media (min-width: 768px) {
  .plane tr.-frontwing td:first-child:before {
    background-image: url(../images/wing-front-left-lg.svg);
    background-size: 76px 200px;
  }
}
.plane tr.-frontwing td:last-child:before {
  right: 1px;
  background-image: url(../images/wing-front-right-sm.svg);
  background-repeat: no-repeat;
  background-position: right top;
  background-size: 20px 200px;
  transform: translateX(100%);
}
@media (min-width: 414px) {
  .plane tr.-frontwing td:last-child:before {
    right: 2px;
    background-image: url(../images/wing-front-right-md.svg);
    background-size: 36px 200px;
  }
}
@media (min-width: 768px) {
  .plane tr.-frontwing td:last-child:before {
    background-image: url(../images/wing-front-right-lg.svg);
    background-size: 76px 200px;
  }
}
.plane tr.-frontwing:last-child td:first-child:before,
.plane tr.-frontwing:last-child td:last-child:before {
  top: auto;
  bottom: -2rem;
  height: calc(102% + 2rem);
  border-bottom: 1px solid #878D96;
}
@media (min-width: 768px) {
  .plane tr.-frontwing:last-child td:first-child:before,
  .plane tr.-frontwing:last-child td:last-child:before {
    bottom: -3rem;
    height: calc(102% + 3rem);
  }
}
.plane tr.-wing td:first-child:before,
.plane tr.-wing td:last-child:before {
  content: "";
  position: absolute;
  top: 0;
  z-index: 1;
  width: 20px;
  height: 102%;
}
@media (min-width: 414px) {
  .plane tr.-wing td:first-child:before,
  .plane tr.-wing td:last-child:before {
    width: 36px;
  }
}
@media (min-width: 768px) {
  .plane tr.-wing td:first-child:before,
  .plane tr.-wing td:last-child:before {
    width: 76px;
  }
}
.plane tr.-wing td:first-child:before {
  left: 1px;
  background-image: url(../images/wing-left-sm.svg);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 20px 200px;
  transform: translateX(-100%);
}
@media (min-width: 414px) {
  .plane tr.-wing td:first-child:before {
    left: 2px;
    background-image: url(../images/wing-left-md.svg);
    background-size: 36px 200px;
  }
}
@media (min-width: 768px) {
  .plane tr.-wing td:first-child:before {
    background-image: url(../images/wing-left-lg.svg);
    background-size: 76px 200px;
  }
}
.plane tr.-wing td:last-child:before {
  right: 1px;
  background-image: url(../images/wing-right-sm.svg);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 20px 200px;
  transform: translateX(100%);
}
@media (min-width: 414px) {
  .plane tr.-wing td:last-child:before {
    right: 2px;
    background-image: url(../images/wing-right-md.svg);
    background-size: 36px 200px;
  }
}
@media (min-width: 768px) {
  .plane tr.-wing td:last-child:before {
    background-image: url(../images/wing-right-lg.svg);
    background-size: 76px 200px;
  }
}
.plane tr.-wing:first-child td:first-child:before,
.plane tr.-wing:first-child td:last-child:before {
  top: calc(-2rem - 2.7rem);
  height: calc(102% + 2rem + 2.7rem);
}
@media (min-width: 768px) {
  .plane tr.-wing:first-child td:first-child:before,
  .plane tr.-wing:first-child td:last-child:before {
    top: calc(-3rem - 3.3rem);
    height: calc(102% + 3rem + 3.3rem);
  }
}
.plane tr.-wing:first-child td:first-child:before {
  background-position: right top;
}
.plane tr.-wing:first-child td:last-child:before {
  background-position: right top;
}
.plane tr.-wing:last-child td:first-child:before,
.plane tr.-wing:last-child td:last-child:before {
  top: auto;
  bottom: -2rem;
  height: calc(102% + 2rem);
}
@media (min-width: 768px) {
  .plane tr.-wing:last-child td:first-child:before,
  .plane tr.-wing:last-child td:last-child:before {
    bottom: -3rem;
    height: calc(102% + 3rem);
  }
}
.plane tr.-wing:last-child td:first-child:before {
  background-position: right bottom;
}
.plane tr.-wing:last-child td:last-child:before {
  background-position: right bottom;
}
.plane tr.-rearwing td:first-child:before,
.plane tr.-rearwing td:last-child:before {
  content: "";
  position: absolute;
  top: 0;
  z-index: 1;
  width: 20px;
  height: 102%;
}
@media (min-width: 414px) {
  .plane tr.-rearwing td:first-child:before,
  .plane tr.-rearwing td:last-child:before {
    width: 36px;
  }
}
@media (min-width: 768px) {
  .plane tr.-rearwing td:first-child:before,
  .plane tr.-rearwing td:last-child:before {
    width: 76px;
  }
}
.plane tr.-rearwing td:first-child:before {
  left: 1px;
  background-image: url(../images/wing-left-sm.svg);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 20px 200px;
  transform: translateX(-100%);
}
@media (min-width: 414px) {
  .plane tr.-rearwing td:first-child:before {
    left: 2px;
    background-image: url(../images/wing-left-md.svg);
    background-size: 36px 200px;
  }
}
@media (min-width: 768px) {
  .plane tr.-rearwing td:first-child:before {
    background-image: url(../images/wing-left-lg.svg);
    background-size: 76px 200px;
  }
}
.plane tr.-rearwing td:last-child:before {
  right: 1px;
  background-image: url(../images/wing-right-sm.svg);
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 20px 200px;
  transform: translateX(100%);
}
@media (min-width: 414px) {
  .plane tr.-rearwing td:last-child:before {
    right: 2px;
    background-image: url(../images/wing-right-md.svg);
    background-size: 36px 200px;
  }
}
@media (min-width: 768px) {
  .plane tr.-rearwing td:last-child:before {
    background-image: url(../images/wing-right-lg.svg);
    background-size: 76px 200px;
  }
}
.plane tr.-rearwing:first-child td:first-child:before,
.plane tr.-rearwing:first-child td:last-child:before {
  top: calc(-2rem - 2.7rem);
  height: calc(102% + 2rem + 2.7rem);
  border-top: 1px solid #878D96;
}
@media (min-width: 768px) {
  .plane tr.-rearwing:first-child td:first-child:before,
  .plane tr.-rearwing:first-child td:last-child:before {
    top: calc(-3rem - 3.3rem);
    height: calc(102% + 3rem + 3.3rem);
  }
}
.plane tr.-rearwing:first-child td:first-child:before {
  background-position: right bottom;
}
.plane tr.-rearwing:first-child td:last-child:before {
  background-position: right bottom;
}
.plane tr.-rearwing:last-child td:first-child:before,
.plane tr.-rearwing:last-child td:last-child:before {
  top: auto;
  bottom: -2rem;
  height: calc(102% + 2rem);
}
@media (min-width: 768px) {
  .plane tr.-rearwing:last-child td:first-child:before,
  .plane tr.-rearwing:last-child td:last-child:before {
    bottom: -3rem;
    height: calc(102% + 3rem);
  }
}
.plane tr.-escape td:first-child:after,
.plane tr.-escape td:last-child:after {
  content: "";
  position: absolute;
  top: 50%;
  z-index: 3;
  width: 2.08vw;
  height: 4.43vw;
}
@media (min-width: 768px) {
  .plane tr.-escape td:first-child:after,
  .plane tr.-escape td:last-child:after {
    width: 1.6rem;
    height: 3.4rem;
  }
}
.plane tr.-escape td:first-child:after {
  left: 0;
  margin-left: -1.3vw;
  background: url(../images/plane-exit.svg) no-repeat;
  background-size: 2.08vw 4.43vw;
  transform: translate(-100%, -50%);
}
@media (min-width: 768px) {
  .plane tr.-escape td:first-child:after {
    margin-left: -1.5rem;
    background-size: 16px 34px;
  }
}
.plane tr.-escape td:last-child:after {
  right: 0;
  margin-right: -1.3vw;
  background: url(../images/plane-exit.svg) no-repeat;
  background-size: 2.08vw 4.43vw;
  transform: translate(100%, -50%);
}
@media (min-width: 768px) {
  .plane tr.-escape td:last-child:after {
    margin-right: -1.5rem;
    background-size: 16px 34px;
  }
}
.plane tr.-escape .empty,
.plane tr.-escape .aisle {
  height: 0.1rem;
}
.plane tr.-exit td:first-child:after,
.plane tr.-exit td:last-child:after {
  content: "";
  position: absolute;
  top: 50%;
  z-index: 3;
  width: 2.08vw;
  height: 4.43vw;
}
@media (min-width: 768px) {
  .plane tr.-exit td:first-child:after,
  .plane tr.-exit td:last-child:after {
    width: 1.6rem;
    height: 3.4rem;
  }
}
.plane tr.-exit td:first-child:after {
  left: 0;
  margin-left: -1.3vw;
  background: url(../images/plane-exit.svg) no-repeat;
  background-size: 2.08vw 4.43vw;
  transform: translate(-100%, -50%);
}
@media (min-width: 768px) {
  .plane tr.-exit td:first-child:after {
    margin-left: -1.5rem;
    background-size: 16px 34px;
  }
}
.plane tr.-exit td:last-child:after {
  right: 0;
  margin-right: -1.3vw;
  background: url(../images/plane-exit.svg) no-repeat;
  background-size: 2.08vw 4.43vw;
  transform: translate(100%, -50%);
}
@media (min-width: 768px) {
  .plane tr.-exit td:last-child:after {
    margin-right: -1.5rem;
    background-size: 16px 34px;
  }
}
.plane tr.-windowless td:first-child:after,
.plane tr.-windowless td:last-child:after {
  content: "";
  position: absolute;
  top: 50%;
  z-index: 3;
  width: 2.08vw;
  height: 4.43vw;
}
@media (min-width: 768px) {
  .plane tr.-windowless td:first-child:after,
  .plane tr.-windowless td:last-child:after {
    width: 1.6rem;
    height: 3.4rem;
  }
}
.plane tr.-windowless td:first-child:after {
  left: 0;
  margin-left: -1.3vw;
  background: url(../images/plane-windowless.svg) no-repeat;
  background-size: 2.08vw 4.43vw;
  transform: translate(-100%, -50%);
}
@media (min-width: 768px) {
  .plane tr.-windowless td:first-child:after {
    margin-left: -1.5rem;
    background-size: 16px 34px;
  }
}
.plane tr.-windowless td:last-child:after {
  right: 0;
  margin-right: -1.3vw;
  background: url(../images/plane-windowless.svg) no-repeat;
  background-size: 2.08vw 4.43vw;
  transform: translate(100%, -50%);
}
@media (min-width: 768px) {
  .plane tr.-windowless td:last-child:after {
    margin-right: -1.5rem;
    background-size: 16px 34px;
  }
}
.economy {
  display: block;
  position: relative;
  width: 4.43vw;
  height: 4.43vw;
  margin: 0 auto;
  border: 0;
  background-color: #f8f9fc;
  background-image: url(../images/economy.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 4.43vw 4.43vw;
  cursor: pointer;
  /* --- */
}
@media (min-width: 768px) {
  .economy {
    width: 3.4rem;
    height: 3.4rem;
    background-size: 34px 34px;
  }
}
@media (min-width: 768px) and (-ms-high-contrast: none) {
  .economy {
    background-size: 33px 33px;
  }
}
.economy:hover,
.economy:focus {
  outline: 0;
  box-shadow: 0 0 0 0.1rem #f8f9fc, 0 0 0 0.2rem #0064de;
}
.economy:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 4.43vw;
  height: 4.43vw;
  transform: translate(-50%, -50%);
  background-repeat: no-repeat;
  background-size: 4.43vw 4.43vw;
}
@media (min-width: 768px) {
  .economy:before {
    width: 3.4rem;
    height: 3.4rem;
    background-size: 34px 34px;
  }
}
.economy[aria-hidden="true"] {
  cursor: not-allowed;
}
.economy[class*="passenger"].-baby:before,
.economy[class*="passenger"].-pet:before,
.economy[class*="passenger"].-handicap:before {
  display: none;
}
.economy:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2.6vw;
  height: 2.6vw;
  transform: translate(-50%, -50%);
  background-repeat: no-repeat;
  background-size: 2.6vw 2.6vw;
}
@media (min-width: 768px) {
  .economy:after {
    width: 2rem;
    height: 2rem;
    background-size: 20px 20px;
  }
}
.economy.-pregnant:before {
  background-image: url(../images/seat-pregnant.svg);
}
.economy.-baby:before {
  background-image: url(../images/seat-baby.svg);
}
.economy.-pet:before {
  background-image: url(../images/seat-pet.svg);
}
.economy.-handicap:before {
  background-image: url(../images/seat-handicap.svg);
}
.economy.-passenger1:after {
  background-image: url(../images/seat-passenger1.svg);
}
.economy.-passenger2:after {
  background-image: url(../images/seat-passenger2.svg);
}
.economy.-passenger3:after {
  background-image: url(../images/seat-passenger3.svg);
}
.economy.-passenger4:after {
  background-image: url(../images/seat-passenger4.svg);
}
.economy.-passenger5:after {
  background-image: url(../images/seat-passenger5.svg);
}
.economy.-passenger6:after {
  background-image: url(../images/seat-passenger6.svg);
}
.economy.-passenger7:after {
  background-image: url(../images/seat-passenger7.svg);
}
.economy.-passenger8:after {
  background-image: url(../images/seat-passenger8.svg);
}
.economy.-passenger9:after {
  background-image: url(../images/seat-passenger9.svg);
}
.economy.-charge {
  background-image: url(../images/economy-charge.svg);
}
.economy.-prefer {
  background-image: url(../images/economy-prefer.svg);
}
.economy.-legroom {
  background-image: url(../images/economy-legroom.svg);
}
.economy.-maskless {
  background-image: url(../images/seat-maskless.svg);
}
.economy.-selected {
  background-image: url(../images/economy-selected.svg);
}
.economy.-unselectable {
  background-image: url(../images/economy-unselectable.svg);
}
.prestige {
  display: block;
  position: relative;
  width: 4.43vw;
  height: 4.43vw;
  margin: 0 auto;
  border: 0;
  background-color: #f8f9fc;
  background-image: url(../images/prestige.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 4.43vw 4.43vw;
  cursor: pointer;
  /* --- */
}
@media (min-width: 768px) {
  .prestige {
    width: 3.4rem;
    height: 3.4rem;
    background-size: 34px 34px;
  }
}
@media (min-width: 768px) and (-ms-high-contrast: none) {
  .prestige {
    background-size: 33px 33px;
  }
}
.prestige:hover,
.prestige:focus {
  outline: 0;
  box-shadow: 0 0 0 0.1rem #f8f9fc, 0 0 0 0.2rem #0064de;
}
.prestige:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 4.43vw;
  height: 4.43vw;
  transform: translateX(-50%);
  background-repeat: no-repeat;
  background-position: 50% -0.3rem;
  background-size: 4.43vw 4.43vw;
}
@media (min-width: 768px) {
  .prestige:before {
    width: 3.4rem;
    height: 3.4rem;
    background-size: 34px 34px;
  }
}
.prestige[aria-hidden="true"] {
  cursor: not-allowed;
}
.prestige.-reverse:before {
  top: 0.7rem;
}
.prestige[class*="passenger"].-baby:before,
.prestige[class*="passenger"].-pet:before,
.prestige[class*="passenger"].-handicap:before {
  display: none;
}
.prestige:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2.6vw;
  height: 2.6vw;
  transform: translate(-50%, -50%);
  background-repeat: no-repeat;
  background-size: 2.6vw 2.6vw;
}
@media (min-width: 768px) {
  .prestige:after {
    width: 2rem;
    height: 2rem;
    background-size: 20px 20px;
  }
}
.prestige.-pregnant:before {
  background-image: url(../images/seat-pregnant.svg);
}
.prestige.-baby:before {
  background-image: url(../images/seat-baby.svg);
}
.prestige.-pet:before {
  background-image: url(../images/seat-pet.svg);
}
.prestige.-handicap:before {
  background-image: url(../images/seat-handicap.svg);
}
.prestige.-passenger1:after {
  background-image: url(../images/seat-passenger1.svg);
}
.prestige.-passenger2:after {
  background-image: url(../images/seat-passenger2.svg);
}
.prestige.-passenger3:after {
  background-image: url(../images/seat-passenger3.svg);
}
.prestige.-passenger4:after {
  background-image: url(../images/seat-passenger4.svg);
}
.prestige.-passenger5:after {
  background-image: url(../images/seat-passenger5.svg);
}
.prestige.-passenger6:after {
  background-image: url(../images/seat-passenger6.svg);
}
.prestige.-passenger7:after {
  background-image: url(../images/seat-passenger7.svg);
}
.prestige.-passenger8:after {
  background-image: url(../images/seat-passenger8.svg);
}
.prestige.-passenger9:after {
  background-image: url(../images/seat-passenger9.svg);
}
.prestige.-reverse {
  background-image: url(../images/prestige-reverse.svg);
}
.prestige.-selected {
  background-image: url(../images/prestige-selected.svg);
}
.prestige.-selected.-reverse {
  background-image: url(../images/prestige-reverse-selected.svg);
}
.prestige.-unselectable {
  background-image: url(../images/prestige-unselectable.svg);
}
.prestige.-unselectable.-reverse {
  background-image: url(../images/prestige-reverse-unselectable.svg);
}
.first {
  display: block;
  position: relative;
  width: 5.73vw;
  height: 9.64vw;
  margin: 0 auto;
  border: 0;
  background-color: #f8f9fc;
  background-image: url(../images/first-center.svg);
  background-repeat: no-repeat;
  background-size: 5.73vw 9.64vw;
  cursor: pointer;
  /* --- */
}
@media (min-width: 768px) {
  .first {
    width: 4.4rem;
    height: 7.4rem;
    background-size: 44px 74px;
  }
}
.first:hover,
.first:focus {
  outline: 0;
  box-shadow: 0 0 0 0.3rem #f8f9fc, 0 0 0 0.4rem #0064de;
}
.first:before {
  content: "";
  position: absolute;
  top: 2.86vw;
  left: 50%;
  width: 4.43vw;
  height: 4.43vw;
  transform: translateX(-50%);
  background-repeat: no-repeat;
  background-position: 50% -0.3rem;
  background-size: 4.43vw 4.43vw;
}
@media (min-width: 768px) {
  .first:before {
    top: 2.2rem;
    width: 3.4rem;
    height: 3.4rem;
    background-size: 34px 34px;
  }
}
.first[aria-hidden="true"] {
  cursor: not-allowed;
}
.first[class*="passenger"].-baby:before,
.first[class*="passenger"].-pet:before,
.first[class*="passenger"].-handicap:before {
  display: none;
}
.first:after {
  content: "";
  position: absolute;
  top: 3.52vw;
  left: 50%;
  width: 2.6vw;
  height: 2.6vw;
  transform: translateX(-50%);
  background-repeat: no-repeat;
  background-size: 2.26vw 2.26vw;
}
@media (min-width: 768px) {
  .first:after {
    top: 2.7rem;
    width: 2rem;
    height: 2rem;
    background-size: 20px 20px;
  }
}
.first.-pregnant:before {
  background-image: url(../images/seat-pregnant.svg);
}
.first.-baby:before {
  background-image: url(../images/seat-baby.svg);
}
.first.-pet:before {
  background-image: url(../images/seat-pet.svg);
}
.first.-handicap:before {
  background-image: url(../images/seat-handicap.svg);
}
.first.-passenger1:after {
  background-image: url(../images/seat-passenger1.svg);
}
.first.-passenger2:after {
  background-image: url(../images/seat-passenger2.svg);
}
.first.-passenger3:after {
  background-image: url(../images/seat-passenger3.svg);
}
.first.-passenger4:after {
  background-image: url(../images/seat-passenger4.svg);
}
.first.-passenger5:after {
  background-image: url(../images/seat-passenger5.svg);
}
.first.-passenger6:after {
  background-image: url(../images/seat-passenger6.svg);
}
.first.-passenger7:after {
  background-image: url(../images/seat-passenger7.svg);
}
.first.-passenger8:after {
  background-image: url(../images/seat-passenger8.svg);
}
.first.-passenger9:after {
  background-image: url(../images/seat-passenger9.svg);
}
.first.-left {
  background-image: url(../images/first-left.svg);
}
.first.-center {
  background-image: url(../images/first-center.svg);
}
.first.-right {
  background-image: url(../images/first-right.svg);
}
.first.-selected.-left {
  background-image: url(../images/first-left-selected.svg);
}
.first.-selected.-center {
  background-image: url(../images/first-center-selected.svg);
}
.first.-selected.-right {
  background-image: url(../images/first-right-selected.svg);
}
.first.-unselectable.-left {
  background-image: url(../images/first-left-unselectable.svg);
}
.first.-unselectable.-center {
  background-image: url(../images/first-center-unselectable.svg);
}
.first.-unselectable.-right {
  background-image: url(../images/first-right-unselectable.svg);
}
.space {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  position: relative;
  width: 4.43vw;
  height: 4.43vw;
  margin: 0 auto;
  border: 0;
  background-repeat: no-repeat;
  background-size: cover;
  /* --- */
}
@media (min-width: 768px) {
  .space {
    width: 3.4rem;
    height: 3.4rem;
  }
}
.space.-toilet {
  background-image: url(../images/space-toilet.svg);
}
.space.-galley {
  background-image: url(../images/space-galley.svg);
}
.space.-bar {
  background-image: url(../images/space-bar.svg);
}
.space.-dutyfree {
  background-image: url(../images/space-dutyfree.svg);
}
.space.-stairs {
  background-image: url(../images/space-stairs.svg);
}
.space.-facility {
  background-image: url(../images/space-facility.svg);
}
.aisle {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  position: relative;
  width: 1.4rem;
  height: 1.4rem;
  margin: 0 auto;
  border: 0;
}
@media (min-width: 360px) {
  .aisle {
    width: 1.6rem;
    height: 1.6rem;
  }
}
@media (min-width: 768px) {
  .aisle {
    width: 3.4rem;
    height: 3.4rem;
  }
}
.aisle span {
  position: absolute;
  top: 50%;
  left: 50%;
  text-indent: 0;
  color: #000;
  font-size: 1rem;
  transform: translate(-50%, -50%);
}
@media (min-width: 768px) {
  .aisle span {
    font-size: 1.2rem;
  }
}
.empty {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  position: relative;
  width: 4.43vw;
  height: 4.43vw;
  margin: 0 auto;
  border: 0;
}
@media (min-width: 768px) {
  .empty {
    width: 3.4rem;
    height: 3.4rem;
  }
}
.airline-text {
  list-style: none;
}
.airline-text__item {
  display: inline-block;
  font-size: 1.4rem;
  line-height: 1.58;
}
.list .airline-text__item {
  font-size: 1.4rem;
  line-height: 1.58;
}
.mytrans {
  width: 100%;
  height: calc(100% - 12rem);
  overflow: hidden;
}
.mytrans.-reflow {
  height: calc(100% - 5.6rem);
}
.mytrans__move {
  position: absolute;
  display: block;
  width: 100%;
  height: calc(100% - 5rem);
  overflow: visible;
  transition: margin-left 0.7s;
}
.mytrans.-reflow .mytrans__move {
  height: calc(100% - 5.6rem);
}
.mytrans__move:after {
  content: "";
  display: block;
  clear: both;
}
.mytrans__move.detail-mode {
  margin-left: -100%;
}
.mytrans__move.detail-mode .navmenu__quick {
  margin-left: -100%;
}
.mytrans__move.-active .navmenu__quick {
  margin-left: -100%;
}
.mytrans__item {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
.mytrans__item:last-child {
  margin-left: 100%;
}
.mygroup {
  padding: 0 2rem 2.4rem;
}
.mygroup__info {
  text-align: center;
}
.-type-gnb .mygroup__info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  text-align: left;
}
.mygroup__name,
.mygroup__naming {
  display: block;
  color: #000;
  font-weight: 700;
  font-size: 2rem;
  line-height: 1.5;
}
.-type-gnb .mygroup__name,
.-type-gnb .mygroup__naming {
  min-height: 4.6rem;
  padding-left: 2.8rem;
  border: 0;
  outline: 0;
  background: transparent url(../images/drawer__name-left.svg) no-repeat left 1.1rem;
  background-size: 24px 24px;
  text-align: left;
  cursor: pointer;
}
.-type-gnb .mygroup__name:hover,
.-type-gnb .mygroup__naming:hover,
.-type-gnb .mygroup__name:focus,
.-type-gnb .mygroup__naming:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .-type-gnb .mygroup__name:hover,
.app .-type-gnb .mygroup__naming:hover,
.app .-type-gnb .mygroup__name:focus,
.app .-type-gnb .mygroup__naming:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.mygroup__number {
  display: block;
  margin-top: 0.4rem;
  color: #555;
  font-size: 1.6rem;
  line-height: 1.5;
}
.-type-gnb .mygroup__number {
  margin: 0.3rem 0 0 2.8rem;
  font-size: 1.4rem;
  line-height: 1.58;
  text-align: right;
}
.mygroup__li {
  position: relative;
  width: 50%;
  margin-top: 1.6rem;
  overflow: hidden;
}
.mygroup__li:nth-child(1) {
  margin-top: 0;
  padding: 1.6rem 0 1.6rem 1.6rem;
  background: #f6f8ff;
}
.mygroup__li:nth-child(2) {
  margin-top: 0;
  padding: 1.6rem 1.6rem 1.6rem 0;
  background: #f6f8ff;
  text-align: right;
}
.mygroup__li:nth-child(3) {
  width: 100%;
}
.mygroup__club-key {
  margin-top: 0.3rem;
  color: #000;
  font-size: 1.4rem;
  line-height: 1.58;
  white-space: nowrap;
}
.mygroup__club-value {
  color: #00256c;
  font-size: 1.8rem;
  text-align: right;
  white-space: nowrap;
}
.mygroup__benefit {
  display: flex;
  flex-wrap: wrap;
  margin-top: 2.4rem;
}
.-type-gnb .mygroup__benefit {
  margin-top: 1.6rem;
}
.mygroup__benefit-item {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  position: relative;
  padding: 0 0.2rem;
}
.mygroup__benefit-title {
  display: block;
  padding: 0 0.6rem;
  color: #000;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.58;
}
.mygroup__benefit-count {
  display: block;
  padding: 0 0.6rem;
  color: #0064de;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.58;
  text-align: left;
  white-space: nowrap;
  text-decoration: underline;
}
.mygroup__benefit-count:hover,
.mygroup__benefit-count:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .mygroup__benefit-count:hover,
.app .mygroup__benefit-count:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.mygroup__categories {
  margin-top: 4rem;
  border-top: solid 0.1rem #e7eaf0;
}
.mygroup__category {
  padding: 0.8rem 0;
  border-top: solid 0.1rem #e7eaf0;
}
.mygroup__category:first-child {
  border-top: 0;
}
.mygroup__category-title {
  display: block;
  width: 100%;
  padding: 0.9rem 0;
  border: 0;
  outline: 0;
  background: url(../images/my-group__category-title-plus.svg) no-repeat right center;
  background-size: 24px 24px;
  color: #000;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.58;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
}
.mygroup__category-title:hover,
.mygroup__category-title:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .mygroup__category-title:hover,
.app .mygroup__category-title:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.mygroup__category-title.-link {
  background: none;
}
.mygroup__category.-active .mygroup__category-title {
  background: url(../images/my-group__category-title-minus.svg) no-repeat right center;
  background-size: 24px 24px;
}
.mygroup__category.-active .mygroup__category-title.-link {
  background: none;
}
.mygroup__groups {
  padding-bottom: 0.9rem;
}
.mygroup__group-link {
  display: block;
  padding: 0.9rem 1.2rem;
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
  text-decoration: none;
}
.mygroup__group-link:hover,
.mygroup__group-link:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .mygroup__group-link:hover,
.app .mygroup__group-link:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
@media (min-width: 1060px) {
  .refund-arrange {
    display: flex;
    flex-wrap: wrap;
  }
}
.refund-arrange:first-child {
  margin-top: 0;
}
.refund-arrange:last-child {
  margin-bottom: 0;
}
.refund-arrange__key {
  margin-bottom: 2rem;
}
@media (min-width: 1060px) {
  .refund-arrange__key {
    flex: 2;
    margin-bottom: 0;
    padding-right: 2rem;
  }
}
@media (min-width: 1060px) {
  .refund-arrange__value {
    display: flex;
    flex-wrap: wrap;
    flex: 10;
  }
}
.refund-arrange__major {
  display: block;
  margin-bottom: 1.2rem;
}
@media (min-width: 1060px) {
  .refund-arrange__major {
    flex: 5;
    margin-bottom: 0;
    padding-right: 3rem;
  }
}
.refund-arrange__name {
  color: #000;
  font-weight: 400;
  font-size: 1.4rem;
}
@media (min-width: 1060px) {
  .refund-arrange__name {
    font-size: 1.6rem;
  }
}
.refund-arrange__info {
  padding-top: 2rem;
  border-top: solid 0.1rem #d9dbe1;
}
@media (min-width: 1060px) {
  .refund-arrange__info {
    flex: 7;
    padding-top: 0;
    padding-left: 3rem;
    border-top: 0;
  }
}
.refund-arrange__data {
  padding: 0 1.6rem;
}
@media (min-width: 1060px) {
  .refund-arrange__data {
    padding: 0 2rem;
  }
}
.refund-arrange__data-item {
  display: flex;
  align-items: center;
}
.refund-arrange__data-item + .refund-arrange__data-item {
  margin-top: 0.8rem;
}
.refund-arrange__data-key {
  color: #767676;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .refund-arrange__data-key {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.refund-arrange__data-value {
  margin-left: auto;
  color: #767676;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .refund-arrange__data-value {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.refund-arrange__total {
  margin-top: 2rem;
  padding: 2rem 1.6rem;
  background: #f8f9fc;
}
@media (min-width: 1060px) {
  .refund-arrange__total {
    padding: 2rem;
  }
}
.refund-arrange__total-item {
  display: flex;
  align-items: flex-start;
}
.refund-arrange__total-item + .refund-arrange__total-item {
  margin-top: 0.8rem;
}
.refund-arrange__total-key {
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .refund-arrange__total-key {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.refund-arrange__total-value {
  margin-left: auto;
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
  text-align: right;
}
@media (min-width: 1060px) {
  .refund-arrange__total-value {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.refund-arrange__document {
  display: inline-block;
  min-width: 6.8rem;
  height: 3.6rem;
  margin: 0;
  padding: 0.7rem 1.2rem;
  border: 1px solid #767676;
  border-radius: 0.2rem;
  background-color: #fff;
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  appearance: none;
}
@media (min-width: 1060px) {
  .refund-arrange__document {
    min-width: 8.3rem;
    height: 4rem;
    padding: 0.8rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.refund-arrange__document:before {
  content: "";
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  margin-right: 0.4rem;
  background: url(../images/refund--document.svg) no-repeat;
  background-size: 16px 16px;
  vertical-align: -0.2rem;
}
.refund-arrange__document:hover,
.refund-arrange__document:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.app .refund-arrange__document:hover,
.app .refund-arrange__document:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.refund-arrange__type {
  margin-left: 1.2rem;
  color: #000;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .refund-arrange__type {
    display: block;
    margin-top: 0.4rem;
    margin-left: 0;
  }
}
@media (min-width: 1060px) {
  .refund-each__list {
    padding-top: 4.4rem;
  }
}
@media (min-width: 1060px) {
  .refund-each__item {
    display: flex;
    align-items: stretch;
  }
}
.refund-each__item + .refund-each__item {
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: solid 0.1rem #d9dbe1;
}
@media (min-width: 1060px) {
  .refund-each__item + .refund-each__item {
    margin-top: 1.2rem;
    padding-top: 0;
    border-top: 0;
  }
}
.refund-each__unit {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (min-width: 1060px) {
  .refund-each__unit {
    justify-content: flex-start;
    flex: 1 1 26rem;
    position: relative;
    padding: 0 0.5rem;
  }
}
.refund-each__unit + .refund-each__unit {
  margin-top: 0.8rem;
}
@media (min-width: 1060px) {
  .refund-each__unit + .refund-each__unit {
    justify-content: center;
    flex: 1 1 12rem;
    margin-top: 0;
  }
}
@media (min-width: 1060px) {
  .refund-each__unit:last-child {
    flex: 1 1 7rem;
  }
}
@media (min-width: 1060px) {
  .refund-each__unit.-left-wide {
    justify-content: flex-start;
  }
}
.refund-each__key {
  color: #767676;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .refund-each__key {
    position: absolute;
    top: -4.4rem;
    left: 0;
    width: fit-content;
  }
  .refund-each__unit + .refund-each__unit .refund-each__key {
    top: -4.4rem;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media (min-width: 1060px) {
  .refund-each__item + .refund-each__item .refund-each__key {
    overflow: hidden;
    white-space: nowrap;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    position: absolute;
    width: 1px;
    height: 1px;
    margin: 0;
    padding: 0;
    border: 0;
  }
}
.refund-each__value {
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .refund-each__value {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.refund-each__name {
  display: block;
  color: #000;
  font-weight: 700;
  font-size: 1.4rem;
}
@media (min-width: 1060px) {
  .refund-each__name {
    font-size: 1.6rem;
  }
}
.refund-each__add {
  font-weight: 400;
}
.refund-each__document {
  display: inline-block;
  min-width: 6.8rem;
  height: 3.6rem;
  margin: 0;
  padding: 0.7rem 1.2rem;
  border: 1px solid #767676;
  border-radius: 0.2rem;
  background-color: #fff;
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  appearance: none;
}
@media (min-width: 1060px) {
  .refund-each__document {
    min-width: 8.3rem;
    height: 4rem;
    padding: 0.8rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.refund-each__document:before {
  content: "";
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  margin-right: 0.4rem;
  background: url(../images/refund--document.svg) no-repeat;
  background-size: 16px 16px;
  vertical-align: -0.2rem;
}
.refund-each__document:hover,
.refund-each__document:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.app .refund-each__document:hover,
.app .refund-each__document:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
@media (min-width: 1060px) {
  .refund-route {
    display: flex;
    align-items: center;
  }
}
.refund-route__info {
  margin-bottom: 1.6rem;
  color: #000;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1.5;
}
@media (min-width: 1060px) {
  .refund-route__info {
    margin-right: 3rem;
    margin-bottom: 0;
  }
}
.refund-route__list {
  font-size: 0;
}
.refund-route__item {
  display: inline-block;
  margin-right: 1rem;
}
.refund-route__item + .refund-route__item:before {
  content: "";
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  margin-right: 1rem;
  background: url(../images/to.svg) no-repeat left 0.3rem;
  vertical-align: middle;
}
.refund-route__code {
  margin-right: 1rem;
  color: #000;
  font-weight: 700;
  font-size: 1.6rem;
  vertical-align: middle;
}
@media (min-width: 1060px) {
  .refund-route__code {
    font-size: 2rem;
  }
}
.refund-route__name {
  color: #555;
  font-size: 1.6rem;
  vertical-align: middle;
}
.ringtab__list {
  display: flex;
  flex-direction: row;
  width: 100%;
  background-color: #fff;
}
.ringtab__item {
  flex-basis: 100%;
  justify-content: center;
  border-bottom: solid 0.1rem #d9dbe1;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
}
.ringtab__item.-active .ringtab__button {
  font-weight: 700;
  color: #00256c;
}
.ringtab__item.-active .ringtab__button:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.3rem;
  background: #de001b;
}
.ringtab__item.-active .ringtab__button:focus:after,
.ringtab__item.-active .ringtab__button:hover:after {
  bottom: 0.1rem;
  height: 0.2rem;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.ringtab__button {
  display: block;
  position: relative;
  width: 100%;
  min-height: 100%;
  padding: 1rem 2rem 1.1rem;
  border-width: 0;
  background: none transparent;
  color: #555;
  font-size: 1.6rem;
  line-height: 1.5;
  cursor: pointer;
  appearance: none;
}
.ringtab__button:hover,
.ringtab__button:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .ringtab__button:hover,
.app .ringtab__button:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.ringtab__button-alarm.-new {
  display: inline-block;
  padding-right: 2.8rem;
  background: transparent url(../images/ring-box__alarm-new-icon.svg) no-repeat right center;
}
.ringtab__panel {
  display: none;
  clear: both;
}
.ringtab__panel.-active {
  display: block;
}
.ringbox {
  display: none;
  overflow-y: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 300;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  background: #fff;
}
@media (min-width: 1060px) {
  .ringbox {
    overflow: visible;
    position: absolute;
    top: 7.7rem;
    right: 0;
    left: auto;
    width: 34rem;
    max-width: none;
    height: auto;
    min-height: 575px;
    max-height: none;
    padding-top: 4rem;
    border-radius: 0.2rem;
    border: solid 0.1rem #00256c;
    box-shadow: 0 0.4rem 0.6rem 0 rgba(0, 0, 0, 0.1);
  }
}
.ringbox.-active {
  display: block;
}
@media (min-width: 1060px) {
  .ringbox__edge {
    position: absolute;
    top: -0.8rem;
    right: 9rem;
    width: 1.1rem;
    height: 0.8rem;
    background: url(../images/ring-box__edge.svg) no-repeat center center;
    background-size: 11px 8px;
  }
}
.ringbox__content {
  margin: 4rem -2rem 0;
  background: #fff;
}
.ringbox .ringbox__content {
  position: relative;
  width: 100%;
  max-width: 100%;
  min-height: 100%;
  margin: 0;
  padding: 5rem 0 0;
}
@media (min-width: 1060px) {
  .ringbox .ringbox__content {
    width: auto;
    max-width: none;
    min-height: none;
    padding: 0;
  }
}
@media (min-width: 1060px) {
  .ringbox__aligner {
    position: relative;
    height: 48.2rem;
  }
}
@media (min-width: 1060px) {
  .ringbox .ringbox__list {
    padding-bottom: 6.2rem;
  }
}
.ringbox__item {
  position: relative;
  border-bottom: solid 0.1rem #e7eaf0;
  font-size: 1.4rem;
  line-height: 1.58;
}
.ringbox__item.-pos-top {
  background: #fbfcff;
}
.ringbox__list.-notice .-pos-top .ringbox__link:before {
  content: "";
  display: inline-block;
  width: 3.5rem;
  height: 1.8rem;
  margin-right: 0.3rem;
  background: url(../images/ft-hot-icon.png) no-repeat center;
  background-size: auto 100%;
  vertical-align: -0.4rem;
}
.ringbox__list.-notice .ringbox__link.-new .ringbox__subject:after {
  content: "";
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  margin-left: 0.6rem;
  background: url(../images/board__link--new.svg) no-repeat center;
  background-size: 16px 16px;
  vertical-align: -0.2rem;
}
.ringbox__list-signal {
  overflow-y: auto;
  height: 100%;
}
.ringbox__time-new {
  overflow: hidden;
  display: block;
  position: absolute;
  top: 1.8rem;
  left: 1.6rem;
  width: 0.6rem;
  height: 0.6rem;
  text-indent: 100%;
}
.ringbox__subject {
  overflow: hidden;
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  max-height: 6.6rem;
  text-align: left;
  width: 100%;
  color: #000;
  font-size: 1.4rem;
  line-height: 1.58;
}
.-pos-top .ringbox__subject {
  font-weight: 700;
  color: #00256c;
}
.-notice .ringbox__subject {
  display: inline;
}
.ringbox__add {
  display: flex;
  justify-content: flex-start;
  margin-top: 0.4rem;
}
.ringbox__add-item {
  color: #767676;
  font-size: 1.2rem;
  line-height: 1.5;
  position: relative;
  margin-right: 0.8rem;
  padding-right: 0.8rem;
}
.-pos-top .ringbox__add-item {
  color: #555;
}
.ringbox__add-item:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 0.1rem;
  height: 1.2rem;
  margin-top: -0.6rem;
  background: #d9dbe1;
}
.ringbox__add-item:last-child {
  position: relative;
  margin-right: 0;
  padding-right: 0;
}
.ringbox__add-item:last-child:after {
  display: none;
}
.ringbox__link {
  display: block;
  padding: 2rem 2.4rem;
  text-decoration: none;
}
.ringbox__link:hover,
.ringbox__link:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .ringbox__link:hover,
.app .ringbox__link:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.ringbox__nodata {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
@media (max-width: 1060px) {
  .ringbox__nodata {
    padding: 4rem 0 2rem 0;
  }
}
.ringbox__message {
  padding-top: 6rem;
  text-align: center;
  background: url(../images/result-message--notify.svg) no-repeat center top;
  background-size: 48px 48px;
}
.ringbox__message-desc {
  display: block;
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
}
.ringbox__message-desc + .option {
  font-size: 1.4rem;
  margin-top: 1.6rem;
}
.ringbox__additional {
  margin-top: 1.6rem;
  text-align: center;
}
.ringbox__opt-button {
  display: inline-block;
  min-width: 6.8rem;
  height: 3.6rem;
  margin: 0;
  padding: 0.7rem 1.2rem;
  border: 1px solid #0064de;
  border-radius: 0.2rem;
  background-color: #fff;
  color: #0064de;
  font-size: 1.4rem;
  line-height: 1.58;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  appearance: none;
}
.ringbox__opt-button:hover,
.ringbox__opt-button:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.app .ringbox__opt-button:hover,
.app .ringbox__opt-button:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.ringbox__total-view {
  width: 100%;
  height: 6.2rem;
  padding: 1.8rem 0;
}
@media (min-width: 1060px) {
  .ringbox .ringbox__total-view {
    position: absolute;
    bottom: 0;
    left: 0;
  }
}
.ringbox__close {
  overflow: hidden;
  white-space: nowrap;
  display: block;
  position: absolute;
  top: 0;
  right: 1rem;
  width: 4.4rem;
  height: 5rem;
  border: 0;
  border-radius: 0.2rem;
  background: url(../images/dialog__close.svg) no-repeat 50% 50%;
  background-size: 24px 24px;
  text-indent: 100%;
  cursor: pointer;
}
@media (min-width: 1060px) {
  .ringbox__close {
    top: -4rem;
    right: 0;
    width: 4rem;
    height: 4rem;
    border: 0;
    border-radius: 0.2rem;
    background: url(../images/ring-box__close.svg) no-repeat center center;
    background-size: 16px 16px;
    text-indent: 100%;
  }
  .ringbox__close:hover,
  .ringbox__close:focus {
    outline: 0;
    border-radius: 0.3rem;
    box-shadow: inset 0 0 0 1px #0064de;
  }
  .app .ringbox__close:hover,
  .app .ringbox__close:focus {
    outline: 0 !important;
    box-shadow: none !important;
  }
}
.ringbox__close:hover,
.ringbox__close:focus {
  outline: 0;
  box-shadow: 0 0 0 1px #0064de inset;
}
.cm-join-type {
  margin-top: 1.2rem;
}
@media (min-width: 1060px) {
  .cm-join-type:after {
    content: "";
    display: block;
    clear: both;
  }
}
.cm-join-type__item {
  width: 100%;
  height: auto;
  margin-top: 2rem;
}
@media (min-width: 1060px) {
  .cm-join-type__item {
    float: left;
    width: calc(50% - 1rem);
    margin-top: 0;
    margin-left: 2rem;
  }
  .cm-join-type__item:first-child {
    margin-left: 0;
  }
}
.cm-join-type__item:first-child {
  margin-top: 0;
}
.cm-join-type__button {
  display: block;
  width: 100%;
  height: auto;
  padding: 10.8rem 2.8rem 2.4rem 2.8rem;
  border: 1px solid #d9dbe1;
  box-sizing: border-box;
  font-size: 1.4rem;
  color: #555;
  text-align: center;
  line-height: 1.58;
  text-decoration: none;
}
@media (min-width: 1060px) {
  .cm-join-type__button {
    min-height: 24.5rem;
    padding: 12.2rem 9.5rem 4rem 9.5rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.cm-join-type__button:hover,
.cm-join-type__button:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.app .cm-join-type__button:hover,
.app .cm-join-type__button:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.cm-join-type__button.-new {
  background: url(../images/cm-join-type--new.svg) no-repeat center 2.4rem;
  background-size: 64px 64px;
}
@media (min-width: 1060px) {
  .cm-join-type__button.-new {
    background-position-y: 4rem;
  }
}
.cm-join-type__button.-exist {
  background: url(../images/cm-join-type--exist.svg) no-repeat center 2.4rem;
  background-size: 64px 64px;
}
@media (min-width: 1060px) {
  .cm-join-type__button.-exist {
    background-position-y: 4rem;
  }
}
.cm-join-type__title {
  display: block;
  margin-bottom: 0.4rem;
  font-size: 1.4rem;
  font-weight: bold;
}
@media (min-width: 1060px) {
  .cm-join-type__title {
    margin-bottom: 0.8rem;
    font-size: 1.8rem;
    line-height: 1.44;
  }
}
.cm-join-datas {
  width: 100%;
  height: auto;
  margin: 0 auto;
}
@media (min-width: 1060px) {
  .cm-join-datas {
    width: 49rem;
  }
}
.cm-join-datas.-page {
  margin-top: 1.6rem;
  margin-bottom: 4rem;
}
@media (min-width: 1060px) {
  .cm-join-datas.-page {
    margin-top: 8rem;
    margin-bottom: 6rem;
  }
}
.cm-join-datas.-pop {
  margin-top: 4rem;
  margin-bottom: 2.4rem;
}
@media (min-width: 1060px) {
  .cm-join-datas.-pop {
    margin-bottom: 4rem;
  }
}
.cm-join-accordion {
  margin: 4rem 0;
}
@media (min-width: 1060px) {
  .cm-join-accordion {
    margin: 6rem 0;
  }
}
.cm-join-accordion__title {
  width: 100%;
  padding: 2rem 6rem 2rem 1.6rem;
  border: 1px solid #d9dbe1;
  background: none;
  background: url(../images/accordion__title-down.svg) no-repeat right 2.1rem center;
  background-size: 24px 24px;
  font-size: 1.6rem;
  font-weight: bold;
  color: #000;
  text-align: left;
  line-height: 1.5;
}
@media (min-width: 1060px) {
  .cm-join-accordion__title {
    padding: 2.3rem 6rem 2.3rem 4rem;
    background-position-x: right 2.9rem;
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.cm-join-accordion__title[aria-expanded="true"] {
  background: url(../images/accordion__title-up.svg) no-repeat right 2.1rem center;
  background-size: 24px 24px;
}
@media (min-width: 1060px) {
  .cm-join-accordion__title[aria-expanded="true"] {
    background-position-x: right 2.9rem;
  }
}
.cm-join-accordion__title:hover,
.cm-join-accordion__title:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.app .cm-join-accordion__title:hover,
.app .cm-join-accordion__title:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.cm-join-accordion__panel {
  display: none;
  padding: 2rem 1.6rem;
  border: 1px solid #d9dbe1;
  border-top: 0;
}
@media (min-width: 1060px) {
  .cm-join-accordion__panel {
    padding: 4.6rem 4rem;
  }
}
.cm-join-accordion__panel.-active {
  display: block;
}
.cm-join-accordion .selections {
  margin: 0;
}
.cm-join-address-search {
  position: relative;
}
.cm-join-address-search__input {
  padding-right: 8.6rem !important;
}
.cm-join-address-search__input::-ms-clear,
.cm-join-address-search__input::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}
.cm-join-address-search__input::-webkit-search-decoration,
.cm-join-address-search__input::-webkit-search-cancel-button,
.cm-join-address-search__input::-webkit-search-results-button,
.cm-join-address-search__input::-webkit-search-results-decoration {
  display: none;
}
@media (min-width: 1060px) {
  .cm-join-address-search__input {
    padding-right: 8.6rem !important;
  }
}
.cm-join-address-search__clear {
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  display: none;
  position: absolute;
  top: 0.7rem;
  right: 3.4rem;
  width: 2.4rem;
  height: 2.4rem;
  border: 0;
  background: url(../images/search__clear.svg) #fff no-repeat;
  background-size: 24px 24px;
  transition: right 0.2s;
}
@media (min-width: 1060px) {
  .cm-join-address-search__clear {
    top: 1.1rem;
    right: 4.2rem;
  }
}
.cm-join-address-search__clear.-active {
  display: block;
}
.cm-join-address-search__input:hover ~ .cm-join-address-search__clear,
.cm-join-address-search__input:focus ~ .cm-join-address-search__clear {
  right: 4.4rem;
}
@media (min-width: 1060px) {
  .cm-join-address-search__input:hover ~ .cm-join-address-search__clear,
  .cm-join-address-search__input:focus ~ .cm-join-address-search__clear {
    right: 5.2rem;
  }
}
.auto-search.-active .cm-join-address-search__clear {
  display: block;
}
.cm-join-address-search__clear:hover,
.cm-join-address-search__clear:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .cm-join-address-search__clear:hover,
.app .cm-join-address-search__clear:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.cm-join-address-search__button {
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  display: block;
  position: absolute;
  top: 0.7rem;
  right: 0;
  width: 2.4rem;
  height: 2.4rem;
  border: 0;
  background: url(../images/search__button.svg) #fff no-repeat;
  background-size: 24px 24px;
  transition: right 0.2s;
}
@media (min-width: 1060px) {
  .cm-join-address-search__button {
    width: 3.2rem;
    height: 3.2rem;
    background-size: 32px 32px;
  }
}
.cm-join-address-search__input:hover ~ .cm-join-address-search__button,
.cm-join-address-search__input:focus ~ .cm-join-address-search__button {
  right: 1rem;
}
.cm-join-address-search__button:hover,
.cm-join-address-search__button:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .cm-join-address-search__button:hover,
.app .cm-join-address-search__button:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.cm-join-address-result {
  margin-top: 4rem;
}
@media (min-width: 1060px) {
  .cm-join-address-result {
    margin-top: 6rem;
  }
}
.cm-join-address-result__none {
  background: url(../images/cm-join-address-result__none.svg) no-repeat center top;
  background-size: 48px 48px;
}
@media (min-width: 1060px) {
  .cm-join-address-result__none {
    padding-bottom: 5.4rem;
    background-size: 60px 60px;
  }
}
.cm-join-address-result__subject {
  display: block;
  padding: 6rem 0 1.2rem 0;
  font-size: 18px;
  font-weight: bold;
  color: #000;
  text-align: center;
  line-height: 1.56;
}
@media (min-width: 1060px) {
  .cm-join-address-result__subject {
    padding-top: 8rem;
  }
}
.cm-join-address-result__desc {
  font-size: 14px;
  font-weight: normal;
  color: #555;
  text-align: center;
  line-height: 1.58;
}
.cm-join-address-result__list {
  border-bottom: 1px solid #dee0e2;
}
.cm-join-address-result__item {
  position: relative;
  padding: 1.6rem 0;
  border-top: 1px solid #dee0e2;
  box-sizing: border-box;
}
@media (min-width: 1060px) {
  .cm-join-address-result__item {
    padding: 2rem;
  }
}
.cm-join-address-result__item:after {
  content: "";
  display: block;
  clear: both;
}
.cm-join-address-result__num {
  float: left;
  width: 28%;
  font-size: 1.4rem;
  font-weight: bold;
  color: #000;
  text-align: center;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .cm-join-address-result__num {
    width: 16%;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.cm-join-address-result__name {
  float: right;
  width: 72%;
  padding-left: 1.6rem;
  box-sizing: border-box;
  font-size: 1.4rem;
  color: #555;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .cm-join-address-result__name {
    width: 84%;
    padding-left: 2rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.cm-join-address-select {
  float: left;
  width: 28%;
  margin-top: 0.8rem;
}
@media (min-width: 1060px) {
  .cm-join-address-select {
    width: 16%;
    margin-bottom: 0.4rem;
  }
}
.cm-join-address-select__btn {
  display: block;
  min-width: 5rem;
  margin: 0 auto;
  padding: 0.4rem 1rem;
  border: 1px solid #d9dbe1;
  border-radius: 1.6rem;
  background: none;
  font-size: 1.4rem;
  color: #555;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .cm-join-address-select__btn {
    padding: 0.2rem 1.4rem;
    border-radius: 1.4rem;
  }
}
.cm-join-address-select__btn:hover,
.cm-join-address-select__btn:focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.cm-join-fieldset-area {
  margin-top: 2rem;
}
@media (min-width: 1060px) {
  .cm-join-fieldset-area {
    margin-top: 4rem;
  }
}
.cm-join-password-condition {
  display: none;
  margin-top: 1.2rem;
}
.cm-join-password-condition.-active {
  display: block;
}
.cm-join-password-condition__item {
  margin-top: 0.8rem;
  font-size: 1.2rem;
  color: #555;
  line-height: 1.5;
}
@media (min-width: 1060px) {
  .cm-join-password-condition__item {
    font-size: 1.4rem;
    line-height: 1.58;
  }
}
.cm-join-password-condition__item:before {
  content: "";
  display: inline-block;
  width: 1.8rem;
  height: 1.8rem;
  vertical-align: middle;
  margin-right: 0.8rem;
  border-radius: 100%;
  background: url(../images/cm-join-password-condition__item.svg) no-repeat 50%;
  background-size: 18px 18px;
}
@media (min-width: 1060px) {
  .cm-join-password-condition__item:before {
    width: 2.2rem;
    height: 2.2rem;
    margin-right: 0.9rem;
    background-size: 22px 22px;
  }
}
.cm-join-password-condition__item:first-child {
  margin-top: 0;
}
.cm-join-password-condition__item.-confirm {
  color: #0064de;
}
.cm-join-password-condition__item.-confirm:before {
  background: #0064de url(../images/checkbox.svg) no-repeat 50%;
}
.un-certify {
  margin: 1.2rem 0 2rem 0;
}
.cm-members-out {
  margin-top: 4rem;
}
@media (min-width: 1060px) {
  .cm-members-out__group {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
.cm-members-out__button {
  cursor: pointer;
  width: 100%;
  height: auto;
  margin-top: 2rem;
  padding: 10.8rem 2.8rem 2.4rem 2.8rem;
  border: 1px solid #d9dbe1;
  box-sizing: border-box;
  text-align: center;
}
@media (min-width: 1060px) {
  .cm-members-out__button {
    flex: 1;
    min-height: 23.8rem;
    margin-top: 0;
    margin-right: 2rem;
    padding: 12.2rem 9.5rem 4rem 9.5rem;
  }
  .cm-members-out__button:last-child {
    margin-right: 0;
  }
}
.cm-members-out__button.-only {
  background: url(../images/cm-join-type--only.svg) no-repeat center 2.4rem;
  background-size: 64px 64px;
}
@media (min-width: 1060px) {
  .cm-members-out__button.-only {
    background-position-y: 4rem;
  }
}
.cm-members-out__button.-simultaneous {
  background: url(../images/cm-join-type--simultaneous.svg) no-repeat center 2.4rem;
  background-size: 64px 64px;
}
@media (min-width: 1060px) {
  .cm-members-out__button.-simultaneous {
    background-position-y: 4rem;
  }
}
.cm-members-out__button.-active {
  position: relative;
  border: 2px solid #00256c;
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.08);
}
.cm-members-out__button:hover,
.cm-members-out__button:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.app .cm-members-out__button:hover,
.app .cm-members-out__button:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.cm-members-out__title {
  font-size: 1.4rem;
  font-weight: bold;
  color: #000;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .cm-members-out__title {
    font-size: 1.8rem;
    line-height: 1.44;
  }
}
.cm-members-out__desc {
  font-size: 1.4rem;
  color: #555;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .cm-members-out__desc {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.cm-members-out__panel {
  display: none;
  margin-top: 4rem;
}
@media (min-width: 1060px) {
  .cm-members-out__panel {
    margin-top: 6rem;
  }
}
.cm-members-out__panel.-active {
  display: block;
}
@media (min-width: 1060px) {
  .cm-members-sns__list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
.cm-members-sns__item {
  display: flex;
  align-items: center;
  width: 100%;
  height: 6.8rem;
  padding-left: 6.8rem;
  box-sizing: border-box;
  font-size: 1.6rem;
  color: #767676;
  line-height: 1.5;
}
@media (min-width: 1060px) {
  .cm-members-sns__item {
    flex: auto;
    width: 50%;
  }
}
.cm-members-sns__item.-kakao {
  background: url(../images/cm-members-sns__item--kakao.svg) no-repeat center left 1.2rem;
  background-size: 44px;
}
.cm-members-sns__item.-kakao.-active {
  background: url(../images/cm-members-sns__item--kakao--active.svg) no-repeat center left 1.2rem;
}
.cm-members-sns__item.-naver {
  background: url(../images/cm-members-sns__item--naver.svg) no-repeat center left 1.2rem;
  background-size: 44px;
}
.cm-members-sns__item.-naver.-active {
  background: url(../images/cm-members-sns__item--naver--active.svg) no-repeat center left 1.2rem;
}
.cm-members-sns__item.-facebook {
  background: url(../images/cm-members-sns__item--facebook.svg) no-repeat center left 1.2rem;
  background-size: 44px;
}
.cm-members-sns__item.-facebook.-active {
  background: url(../images/cm-members-sns__item--facebook--active.svg) no-repeat center left 1.2rem;
}
.cm-members-sns__item.-google {
  background: url(../images/cm-members-sns__item--google.svg) no-repeat center left 1.2rem;
  background-size: 44px;
}
.cm-members-sns__item.-google.-active {
  background: url(../images/cm-members-sns__item--google--active.svg) no-repeat center left 1.2rem;
}
.cm-members-sns__item.-weibo {
  background: url(../images/cm-members-sns__item--weibo.svg) no-repeat center left 1.2rem;
  background-size: 44px;
}
.cm-members-sns__item.-weibo.-active {
  background: url(../images/cm-members-sns__item--weibo--active.svg) no-repeat center left 1.2rem;
}
.cm-members-sns__item.-wechat {
  background: url(../images/cm-members-sns__item--wechat.svg) no-repeat center left 1.2rem;
  background-size: 44px;
}
.cm-members-sns__item.-wechat.-active {
  background: url(../images/cm-members-sns__item--wechat--active.svg) no-repeat center left 1.2rem;
}
.cm-members-sns__item.-line {
  background: url(../images/cm-members-sns__item--line.svg) no-repeat center left 1.2rem;
  background-size: 44px;
}
.cm-members-sns__item.-line.-active {
  background: url(../images/cm-members-sns__item--line--active.svg) no-repeat center left 1.2rem;
}
.cm-members-sns__desc {
  display: block;
  font-size: 1.2rem;
  color: #0064de;
  line-height: 1.5;
}
@media (min-width: 1060px) {
  .cm-members-sns__desc {
    font-size: 1.4rem;
    line-height: 1.58;
  }
}
@media (min-width: 1060px) {
  .cm-members-sns-info__list {
    border-top: 1px solid #d9dbe1;
    border-bottom: 1px solid #d9dbe1;
  }
}
.cm-members-sns-info__item {
  width: 100%;
  padding: 2rem 0 2rem 5.6rem;
  border-top: 1px solid #d9dbe1;
  box-sizing: border-box;
}
@media (min-width: 1060px) {
  .cm-members-sns-info__item {
    padding-left: 6.8rem;
  }
}
.cm-members-sns-info__item.-kakao {
  background: url(../images/cm-members-sns__item--kakao.svg) no-repeat center left;
  background-size: 44px;
}
@media (min-width: 1060px) {
  .cm-members-sns-info__item.-kakao {
    background-position-x: 1.2rem;
  }
}
.cm-members-sns-info__item.-kakao.-active {
  background-image: url(../images/cm-members-sns__item--kakao--active.svg);
}
.cm-members-sns-info__item.-naver {
  background: url(../images/cm-members-sns__item--naver.svg) no-repeat center left;
  background-size: 44px;
}
@media (min-width: 1060px) {
  .cm-members-sns-info__item.-naver {
    background-position-x: 1.2rem;
  }
}
.cm-members-sns-info__item.-naver.-active {
  background-image: url(../images/cm-members-sns__item--naver--active.svg);
}
.cm-members-sns-info__item.-facebook {
  background: url(../images/cm-members-sns__item--facebook.svg) no-repeat center left;
  background-size: 44px;
}
@media (min-width: 1060px) {
  .cm-members-sns-info__item.-facebook {
    background-position-x: 1.2rem;
  }
}
.cm-members-sns-info__item.-facebook.-active {
  background-image: url(../images/cm-members-sns__item--facebook--active.svg);
}
.cm-members-sns-info__item.-google {
  background: url(../images/cm-members-sns__item--google.svg) no-repeat center left;
  background-size: 44px;
}
@media (min-width: 1060px) {
  .cm-members-sns-info__item.-google {
    background-position-x: 1.2rem;
  }
}
.cm-members-sns-info__item.-google.-active {
  background-image: url(../images/cm-members-sns__item--google--active.svg);
}
.cm-members-sns-info__item.-weibo {
  background: url(../images/cm-members-sns__item--weibo.svg) no-repeat center left;
  background-size: 44px;
}
@media (min-width: 1060px) {
  .cm-members-sns-info__item.-weibo {
    background-position-x: 1.2rem;
  }
}
.cm-members-sns-info__item.-weibo.-active {
  background-image: url(../images/cm-members-sns__item--weibo--active.svg);
}
.cm-members-sns-info__item.-wechat {
  background: url(../images/cm-members-sns__item--wechat.svg) no-repeat center left;
  background-size: 44px;
}
@media (min-width: 1060px) {
  .cm-members-sns-info__item.-wechat {
    background-position-x: 1.2rem;
  }
}
.cm-members-sns-info__item.-wechat.-active {
  background-image: url(../images/cm-members-sns__item--wechat--active.svg);
}
.cm-members-sns-info__item.-line {
  background: url(../images/cm-members-sns__item--line.svg) no-repeat center left;
  background-size: 44px;
}
@media (min-width: 1060px) {
  .cm-members-sns-info__item.-line {
    background-position-x: 1.2rem;
  }
}
.cm-members-sns-info__item.-line.-active {
  background-image: url(../images/cm-members-sns__item--line--active.svg);
}
.cm-members-sns-info__item:first-child {
  padding-top: 0;
  border-top: 0;
  background-position-y: top;
}
@media (min-width: 1060px) {
  .cm-members-sns-info__item:first-child {
    padding-top: 2rem;
    background-position-y: center;
  }
}
.cm-members-sns-info__item:last-child {
  padding-bottom: 0;
  background-position-y: bottom;
}
@media (min-width: 1060px) {
  .cm-members-sns-info__item:last-child {
    padding-bottom: 2rem;
    background-position-y: center;
  }
}
@media (min-width: 1060px) {
  .cm-members-sns-info .switch {
    display: block;
    width: 100%;
  }
}
.cm-members-sns-info__button {
  display: block;
  position: relative;
  width: 100%;
  padding-right: 5.2rem;
  border: 0;
  background: transparent none;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  text-align: left;
}
@media (min-width: 1060px) {
  .cm-members-sns-info__button {
    display: block;
    width: 100%;
    padding-right: 7.2rem;
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.cm-members-sns-info__title {
  font-size: 1.6rem;
  font-weight: normal;
  color: #555;
  line-height: 1.5;
}
.cm-members-sns-info__desc {
  display: block;
  margin-right: 1.2rem;
  font-size: 1.4rem;
  font-weight: normal;
  color: #767676;
  line-height: 1.58;
}
.cm-members-sns-info__desc.-active {
  color: #0064de;
}
.members-btns {
  margin-top: 1.2rem;
  text-align: right;
}
.agree-align {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.agree-align__item {
  flex: 1;
  margin-right: 1.2rem;
}
.agree-align__detail {
  min-width: 5rem;
  height: 2.8rem;
  padding: 0.3rem 1rem;
  border: 1px solid #d9dbe1;
  border-radius: 1.3rem;
  background: none;
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .agree-align__detail {
    padding: 0.2rem 1.4rem;
    border-radius: 1.4rem;
  }
}
.agree-align__detail:hover,
.agree-align__detail:focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.time-count {
  margin-top: 4rem;
  margin-bottom: 4rem;
  text-align: center;
}
@media (min-width: 1060px) {
  .time-count {
    margin-top: 6rem;
    margin-bottom: 6rem;
  }
}
.time-count__title {
  margin-bottom: 0.4rem;
  color: #000;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1.5;
}
@media (min-width: 1060px) {
  .time-count__title {
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.time-count__number {
  color: #0064de;
  font-weight: 700;
  font-size: 3.2rem;
  line-height: 1.5;
}
@media (min-width: 1060px) {
  .time-count__number {
    font-size: 3.8rem;
    line-height: 1.53;
  }
}
.certify-entry__result {
  margin-bottom: 4rem;
  color: #0064de;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1.5;
  text-align: center;
}
@media (min-width: 1060px) {
  .certify-entry__result {
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.certify-entry__number {
  margin-top: 4rem;
}
.certify-entry__timer {
  display: inline-block;
  margin-left: 0.6rem;
  color: #e02020;
}
.certify-entry__timer-value {
  display: inline-block;
  width: 4.5rem;
  border: 0;
  outline: 0;
  color: #e02020;
  font-style: normal;
}
.extra-check {
  display: flex;
  justify-content: space-between;
  margin: 0 -2rem;
  padding: 1.1rem 2rem;
  background: #f8f9fc;
}
@media (min-width: 1060px) {
  .extra-check {
    margin: 0 -4rem;
    padding: 1.1rem 4rem;
  }
}
.rest-identify {
  margin-top: 4rem;
}
@media (min-width: 1060px) {
  .rest-identify {
    margin-top: 8rem;
    padding: 0 17rem;
    box-sizing: border-box;
  }
}
@media (min-width: 1060px) {
  .identify__list {
    display: flex;
    justify-content: space-between;
  }
}
.identify__item {
  width: 100%;
  margin-top: 2rem;
}
@media (min-width: 1060px) {
  .identify__item {
    margin-top: 0;
    margin-left: 2rem;
  }
  .identify__item:first-of-type {
    margin-left: 0;
  }
}
.identify__item:first-of-type {
  margin-top: 0;
}
.identify__link {
  display: block;
  padding: 2.9rem 2rem 2.9rem 8rem;
  border: solid 0.1rem #d9dbe1;
  border-radius: 0.1rem;
  text-decoration: none;
}
@media (min-width: 1060px) {
  .identify__link {
    padding: 2.6rem 2.4rem 2.6rem 10.4rem;
  }
}
.identify__link:hover,
.identify__link:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.app .identify__link:hover,
.app .identify__link:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.identify__item.-cellphone .identify__link {
  background: url(../images/cm-join-certify--tel.svg) no-repeat 2rem center;
  background-size: 48px 48px;
}
@media (min-width: 1060px) {
  .identify__item.-cellphone .identify__link {
    background-position-x: 2.4rem;
    background-size: 64px 64px;
  }
}
.identify__item.-ipin .identify__link {
  background: url(../images/cm-join-certify--ipin.svg) no-repeat 2rem center;
  background-size: 48px 48px;
}
@media (min-width: 1060px) {
  .identify__item.-ipin .identify__link {
    background-position-x: 2.4rem;
    background-size: 64px 64px;
  }
}
.identify__title {
  display: block;
  color: #00256c;
  font-size: 1.6rem;
  line-height: 1.56;
}
@media (min-width: 1060px) {
  .identify__title {
    font-size: 1.8rem;
  }
}
.identify__desc {
  display: block;
  margin-top: 0.4rem;
  color: #555;
  font-size: 1.4rem;
  line-height: 1.56;
}
@media (min-width: 1060px) {
  .identify__desc {
    margin-top: 0.8rem;
    font-size: 1.6rem;
  }
}
.flight-register {
  position: relative;
}
.flight-register__company {
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  height: 4rem;
  color: #000;
  font-size: 1.6rem;
  line-height: 2.7;
}
@media (min-width: 1060px) {
  .flight-register__company {
    height: 4.8rem;
    font-size: 1.8rem;
  }
}
.flight-register [type="text"],
.flight-register [type="tel"] {
  padding-left: 2.8rem;
}
.flight-register [type="text"]:hover,
.flight-register [type="tel"]:hover,
.flight-register [type="text"]:focus,
.flight-register [type="tel"]:focus {
  padding-left: 2.8rem !important;
}
.flight-register__placeholder {
  top: 1rem;
  left: 2.8rem;
}
.join-align {
  padding: 2rem;
}
@media (min-width: 1060px) {
  .join-align {
    padding: 2.4rem 4rem;
  }
}
.join-align > .h4 {
  margin: 0;
}
@media (min-width: 600px) {
  .use-stamp {
    display: flex;
    justify-content: center;
    margin-top: 6.8rem;
    text-align: center;
  }
}
@media (min-width: 1060px) {
  .use-stamp {
    display: flex;
    justify-content: center;
    margin-top: 6.8rem;
    text-align: center;
  }
}
.use-stamp__marker {
  display: block;
  position: relative;
  margin-top: 4rem;
  padding-top: 12rem;
  background: url(../images/use-stamp_6.png) no-repeat center top;
  background-size: 108px 108px;
}
@media (min-width: 600px) {
  .use-stamp__marker {
    display: inline-block;
    margin-top: 0;
    min-width: 20rem;
  }
}
@media (min-width: 1060px) {
  .use-stamp__marker {
    display: inline-block;
    margin-top: 0;
    min-width: 20rem;
  }
}
.use-stamp__marker.-stamp6 {
  background: url(../images/use-stamp_6.png) no-repeat center top;
  background-size: 108px 108px;
}
.use-stamp__marker.-stamp12 {
  background: url(../images/use-stamp_12.png) no-repeat center top;
  background-size: 108px 108px;
}
.use-stamp__marker.-stamp24 {
  background: url(../images/use-stamp_24.png) no-repeat center top;
  background-size: 108px 108px;
}
.use-stamp__inter {
  display: none;
  background: url(../images/use-stamp_dot.png) repeat-x center 4.5rem;
  background-size: 9px 3px;
}
@media (min-width: 600px) {
  .use-stamp__inter {
    display: block;
    min-width: 8%;
  }
}
@media (min-width: 1060px) {
  .use-stamp__inter {
    display: block;
    min-width: 12rem;
  }
}
.use-stamp__count {
  color: #000;
  font-size: 1.8rem;
  line-height: 1.5;
  text-align: center;
}
@media (min-width: 1060px) {
  .use-stamp__count {
    font-size: 2rem;
  }
}
.use-stamp__benefit {
  margin-top: 0.4rem;
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
  text-align: center;
}
@media (min-width: 1060px) {
  .use-stamp__benefit {
    margin-top: 2.4rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.profile-detail {
  width: 100%;
  margin: 3.2rem auto 4rem;
}
@media (min-width: 1060px) {
  .profile-detail {
    max-width: 49rem;
    margin: 3.2rem auto 6rem;
  }
}
.profile-detail:first-child {
  margin-top: 0;
}
.profile-detail:last-child {
  margin-bottom: 0;
}
.picker {
  display: flex;
  flex-wrap: wrap;
}
.picker .option {
  order: 1;
}
.picker .forms {
  order: 2;
  flex: 1;
  padding-left: 1.2rem;
}
@media (min-width: 1060px) {
  .picker .forms {
    padding-left: 2rem;
  }
}
.picker .forms [type="text"] {
  padding-left: 4rem;
  background-repeat: no-repeat;
  background-position: 0.8rem 0.9rem;
  background-size: 24px 24px;
}
@media (min-width: 1060px) {
  .picker .forms [type="text"] {
    background-position: 0.8rem 1.2rem;
  }
}
.picker .forms.-black [type="text"] {
  background-image: url(../images/pet-color-black_thumbnail.svg);
}
.picker .forms.-white [type="text"] {
  background-image: url(../images/pet-color-white_thumbnail.svg);
}
.picker .forms.-gray [type="text"] {
  background-image: url(../images/pet-color-grey_thumbnail.svg);
}
.picker .forms.-brown [type="text"] {
  background-image: url(../images/pet-color-brown_thumbnail.svg);
}
.picker .forms.-green [type="text"] {
  background-image: url(../images/pet-color-green_thumbnail.svg);
}
.picker .forms.-yellow [type="text"] {
  background-image: url(../images/pet-color-yellow_thumbnail.svg);
}
.picker .forms.-orange [type="text"] {
  background-image: url(../images/pet-color-orange_thumbnail.svg);
}
.picker .forms.-blue [type="text"] {
  background-image: url(../images/pet-color-blue_thumbnail.svg);
}
.picker .forms.-spot [type="text"] {
  background-image: url(../images/pet-color-spot_thumbnail.svg);
}
.picker .forms.-stripe [type="text"] {
  background-image: url(../images/pet-color-stripe_thumbnail.svg);
}
.picker .palette {
  order: 3;
  width: 100%;
  margin-top: 1.6rem;
}
.palette {
  display: none;
  position: relative;
  padding: 2rem 3.8rem 2rem 1.4rem;
  border-radius: 0.2rem;
  border: solid 1px #d9dbe1;
  background-color: #fff;
}
.palette.-active {
  display: block;
}
.palette__arrange {
  display: flex;
  flex-wrap: wrap;
  margin: -0.6rem;
}
.palette__picker {
  flex-shrink: 0;
  position: relative;
  padding: 0.6rem;
}
.palette__color {
  display: block;
  width: 4.4rem;
  height: 4.4rem;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 44px 44px;
}
.palette__color.-black {
  background-image: url(../images/pet-color-black.svg);
}
.palette__color.-white {
  background-image: url(../images/pet-color-white.svg);
}
.palette__color.-gray {
  background-image: url(../images/pet-color-grey.svg);
}
.palette__color.-brown {
  background-image: url(../images/pet-color-brown.svg);
}
.palette__color.-green {
  background-image: url(../images/pet-color-green.svg);
}
.palette__color.-yellow {
  background-image: url(../images/pet-color-yellow.svg);
}
.palette__color.-orange {
  background-image: url(../images/pet-color-orange.svg);
}
.palette__color.-blue {
  background-image: url(../images/pet-color-blue.svg);
}
.palette__color.-spot {
  background-image: url(../images/pet-color-spot.svg);
}
.palette__color.-stripe {
  background-image: url(../images/pet-color-stripe.svg);
}
.palette__picker input:checked ~ .palette__color.-black {
  background: url(../images/pet-color-black_checked.svg);
}
.palette__picker input:checked ~ .palette__color.-white {
  background: url(../images/pet-color-white_checked.svg);
}
.palette__picker input:checked ~ .palette__color.-gray {
  background: url(../images/pet-color-grey_checked.svg);
}
.palette__picker input:checked ~ .palette__color.-brown {
  background: url(../images/pet-color-brown_checked.svg);
}
.palette__picker input:checked ~ .palette__color.-green {
  background: url(../images/pet-color-green_checked.svg);
}
.palette__picker input:checked ~ .palette__color.-yellow {
  background: url(../images/pet-color-yellow_checked.svg);
}
.palette__picker input:checked ~ .palette__color.-orange {
  background: url(../images/pet-color-orange_checked.svg);
}
.palette__picker input:checked ~ .palette__color.-blue {
  background: url(../images/pet-color-blue_checked.svg);
}
.palette__picker input:checked ~ .palette__color.-spot {
  background: url(../images/pet-color-spot_checked.svg);
}
.palette__picker input:checked ~ .palette__color.-stripe {
  background: url(../images/pet-color-stripe_checked.svg);
}
.palette__color:hover {
  outline: 0;
  border-radius: 50%;
  box-shadow: 0 0 0 0.3rem #fff, 0 0 0 0.4rem #0064de;
}
.palette__picker input:focus ~ .palette__color {
  outline: 0;
  border-radius: 50%;
  box-shadow: 0 0 0 0.3rem #fff, 0 0 0 0.4rem #0064de;
}
.palette__decide {
  margin-top: 2.6rem;
  text-align: center;
}
.palette__decide-trigger {
  min-width: 8.4rem;
  padding: 0.3rem 0;
  border: solid 0.1rem #969696;
  border-radius: 3rem;
  outline: 0;
  background: none;
  color: #555;
  font-size: 1.4rem;
  cursor: pointer;
}
.palette__decide-trigger:hover,
.palette__decide-trigger:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.app .palette__decide-trigger:hover,
.app .palette__decide-trigger:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.palette__decide-trigger:hover,
.palette__decide-trigger:focus {
  border-radius: 3rem !important;
}
.palette__close {
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  position: absolute;
  top: 0;
  right: 0;
  width: 4rem;
  height: 4rem;
  border: 0;
  outline: 0;
  background: url(../images/palette__close.svg) no-repeat center center;
  background-size: 16px 16px;
  cursor: pointer;
}
.palette__close:hover,
.palette__close:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .palette__close:hover,
.app .palette__close:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.pet-stamp {
  margin: 1.6rem 0;
}
@media (min-width: 1060px) {
  .pet-stamp {
    margin: 2rem 0;
  }
}
.pet-stamp__sort {
  margin: 1.2rem 0;
}
@media (min-width: 1060px) {
  .pet-stamp__sort {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
  }
}
.pet-stamp__count {
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .pet-stamp__count {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.pet-stamp__total {
  display: block;
  color: #0064de;
  font-weight: 700;
  font-style: normal;
}
@media (min-width: 1060px) {
  .pet-stamp__total {
    display: inline;
  }
}
.pet-stamp__nav {
  margin-top: 2.4rem;
  text-align: left;
}
@media (min-width: 1060px) {
  .pet-stamp__nav {
    width: 32rem;
    margin-top: 0;
    margin-right: 0.2rem;
  }
}
.pet-stamp__list:after {
  content: "";
  display: block;
  clear: both;
}
.pet-stamp__item {
  float: left;
  position: relative;
  width: 33.33%;
  height: 10.7rem;
  border: solid 0.1rem #e7eaf0;
  border-right: 0;
  border-top: 0;
}
@media (min-width: 1060px) {
  .pet-stamp__item {
    width: 16.66%;
    height: 16.7rem;
  }
}
.pet-stamp__item:nth-child(3n) {
  border-right: solid 0.1rem #e7eaf0;
}
@media (min-width: 1060px) {
  .pet-stamp__item:nth-child(3n) {
    border-right: 0;
  }
}
@media (min-width: 1060px) {
  .pet-stamp__item:nth-child(6n) {
    border-right: solid 0.1rem #e7eaf0;
  }
}
.pet-stamp__item:nth-child(1),
.pet-stamp__item:nth-child(2),
.pet-stamp__item:nth-child(3) {
  border-top: solid 0.1rem #e7eaf0;
}
@media (min-width: 1060px) {
  .pet-stamp__item:nth-child(4),
  .pet-stamp__item:nth-child(5),
  .pet-stamp__item:nth-child(6) {
    border-top: solid 0.1rem #e7eaf0;
  }
}
.pet-stamp__item .pet-stamp__seal {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -4.3rem;
  margin-left: -4.3rem;
}
@media (min-width: 1060px) {
  .pet-stamp__item .pet-stamp__seal {
    margin-top: -5.4rem;
    margin-left: -5.4rem;
  }
}
.pet-stamp__seal {
  display: block;
  position: relative;
  width: 8.6rem;
  height: 8.6rem;
  padding: 3.4rem 0 0;
  background: url(../images/pet-stamp__seal-default.png) no-repeat;
  background-size: cover;
  text-align: center;
}
@media (min-width: 1060px) {
  .pet-stamp__seal {
    width: 10.8rem;
    height: 10.8rem;
    padding: 4.2rem 0 0;
  }
}
.pet-stamp__seal.-usable {
  background: url(../images/pet-stamp__seal-usable.png) no-repeat;
  background-size: cover;
}
.pet-stamp__seal.-finish {
  background: url(../images/pet-stamp__seal-finish.png) no-repeat;
  background-size: cover;
}
.pet-stamp__seal.-finish .pet-stamp__seal-date,
.pet-stamp__seal.-finish .pet-stamp__seal-route {
  color: #fff;
}
.pet-stamp__seal.-expire {
  background: url(../images/pet-stamp__seal-expire.png) no-repeat;
  background-size: cover;
}
.pet-stamp__seal.-expire .pet-stamp__seal-date,
.pet-stamp__seal.-expire .pet-stamp__seal-route {
  color: #fff;
}
.pet-stamp__seal-stat {
  position: absolute;
  top: 1.6rem;
  right: 0;
  left: 0;
  color: #fff;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.8;
}
@media (min-width: 1060px) {
  .pet-stamp__seal-stat {
    top: 2.2rem;
    font-size: 1.2rem;
  }
}
.pet-stamp__seal-date {
  display: block;
  color: #555;
  font-size: 1rem;
  line-height: 1.5;
}
@media (min-width: 1060px) {
  .pet-stamp__seal-date {
    font-size: 1.2rem;
  }
}
.pet-stamp__seal-route {
  display: block;
  color: #555;
  font-weight: 700;
  font-size: 1.2rem;
}
@media (min-width: 1060px) {
  .pet-stamp__seal-route {
    font-size: 1.4rem;
    line-height: 1.58;
  }
}
.nodata-text {
  padding: 1.9rem 0;
}
.pets-collection {
  overflow: hidden;
  margin: 1.5rem -2rem 4rem;
  padding: 0 2rem 2.5rem;
  border-bottom: solid 0.8rem #f3f4f8;
}
@media (min-width: 1060px) {
  .pets-collection {
    display: flex;
    margin: 2.5rem 0 6rem;
    padding: 0 0 7rem;
    border-bottom: solid 0.1rem #f3f4f8;
  }
}
@media (min-width: 1060px) {
  .pets-suite {
    display: flex;
    flex-wrap: nowrap;
  }
}
.pets-suite__unit {
  float: left;
  width: 50%;
  padding: 1.5rem;
  text-align: center;
}
@media (min-width: 1060px) {
  .pets-suite__unit {
    float: none;
    width: calc(20vw - 0.8rem);
  }
}
@media (min-width: 1280px) {
  .pets-suite__unit {
    width: 25.6rem;
  }
}
.pets-suite__name {
  margin-top: 0.9rem;
}
@media (min-width: 1060px) {
  .pets-suite__name {
    margin-top: 1.2rem;
  }
}
.pets-suite__link {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  color: #000;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .pets-suite__link {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.pets-suite__link:hover,
.pets-suite__link:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.app .pets-suite__link:hover,
.app .pets-suite__link:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.pets-suite__pic {
  display: block;
  width: 10.5rem;
  height: 10.5rem;
  margin: 0 auto;
  border-radius: 50%;
  overflow: hidden;
}
@media (min-width: 1060px) {
  .pets-suite__pic {
    width: 11.8rem;
    height: 11.8rem;
  }
}
@media (min-width: 1060px) {
  .pets-suite__pic {
    width: 13.4rem;
    height: 13.4rem;
  }
}
.pets-suite__image {
  display: block;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.pets-suite__add {
  float: left;
  width: 50%;
  padding: 1.5rem;
}
@media (min-width: 1060px) {
  .pets-suite__add {
    float: none;
    width: calc(20vw - 0.8rem);
  }
}
@media (min-width: 1280px) {
  .pets-suite__add {
    width: 25.6rem;
  }
}
.pets-suite__blank {
  display: block;
  height: 100%;
  padding-top: 12.7rem;
  background: url(../images/pets-suite__blank.png) no-repeat 50% 0;
  background-size: 10.5rem 10.5rem;
  color: #767676;
  font-size: 1.4rem;
  line-height: 1.58;
  text-decoration: none;
  text-align: center;
}
@media (min-width: 360px) {
  .pets-suite__blank {
    background-size: 11.8rem 11.8rem;
  }
}
@media (min-width: 1060px) {
  .pets-suite__blank {
    padding-top: 14.6rem;
    background-size: 13.4rem 13.4rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.pets-suite__blank:hover,
.pets-suite__blank:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.app .pets-suite__blank:hover,
.app .pets-suite__blank:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.skypet-intro {
  text-align: center;
  margin-bottom: 4rem;
}
@media (min-width: 1060px) {
  .skypet-intro {
    margin-bottom: 6rem;
  }
}
.skypet-intro:before {
  content: "";
  display: block;
  width: 16rem;
  height: 16rem;
  margin: 0 auto;
  background: url(../images/skypet-intro.png) no-repeat center center / 160px 160px;
}
@media (min-width: 1060px) {
  .skypet-intro:before {
    width: 24rem;
    height: 24rem;
    background: url(../images/skypet-intro.png) no-repeat center center / 240px 240px;
  }
}
.skypet-intro__message {
  color: #000;
  font-size: 1.6rem;
  line-height: 1.5;
}
@media (min-width: 1060px) {
  .skypet-intro__message {
    font-size: 1.8rem;
  }
}
.skypet-intro__message-line {
  display: block;
}
@media (min-width: 1060px) {
  .skypet-intro__message-line {
    display: inline;
  }
}
.skypet-intro__sub-message {
  margin-top: 0.8rem;
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .skypet-intro__sub-message {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.photo-info {
  display: block;
  width: 100%;
}
.photo-info__photo {
  display: block;
  white-space: nowrap;
  text-indent: 100%;
  width: 14rem;
  height: 14rem;
  margin: 0 auto;
  border: solid 0.1rem #d9dbe1;
  border-radius: 50%;
  background: #f8f9fc;
  overflow: hidden;
}
@media (min-width: 1060px) {
  .photo-info__photo {
    width: 17.7rem;
    height: 17.7rem;
  }
}
.photo-info__preview {
  display: block;
  overflow: hidden;
  width: 14rem;
  height: 14rem;
  margin: 0 auto;
  border: solid 0.1rem #d9dbe1;
  border-radius: 50%;
  border: 0;
  background: url(../images/photo-info__photo-blank.png) no-repeat;
  background-size: cover;
}
@media (min-width: 1060px) {
  .photo-info__preview {
    width: 18rem;
    height: 18rem;
  }
}
.photo-info__label {
  display: inline-block;
}
.photo-info__upload input:focus ~ .photo-info__label span {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.photo-info__photo-pic {
  display: block;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.photo-info__name {
  display: block;
  margin-top: 1.6rem;
  color: #000;
  font-size: 1.6rem;
  line-height: 1.63;
  text-align: center;
}
@media (min-width: 1060px) {
  .photo-info__name {
    margin-top: 1.7rem;
    font-size: 1.8rem;
  }
}
.photo-info__upload {
  display: block;
  margin-top: 1.6rem;
  text-align: center;
}
.mymilage {
  margin: 1.2rem 0 4rem;
  padding: 2rem 2.6rem;
  border-radius: 0.2rem;
  border: solid 0.2rem #00256c;
}
@media (min-width: 1060px) {
  .mymilage {
    margin: 2rem 0 6rem;
    padding: 3.2rem 5rem;
  }
}
.mymilage__title {
  margin-bottom: 2rem;
  color: #000;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1.5;
}
@media (min-width: 1060px) {
  .mymilage__title {
    float: left;
    font-size: 2rem;
  }
}
.mymilage__term {
  display: block;
  color: #00256c;
  font-size: 1.4rem;
  line-height: 1.71;
  text-align: right;
}
@media (min-width: 1060px) {
  .mymilage__term {
    font-size: 1.6rem;
  }
}
.mymilage__mile {
  display: block;
  color: #00256c;
  font-size: 2rem;
  line-height: 1.6;
  text-align: right;
}
@media (min-width: 1060px) {
  .mymilage__mile {
    font-size: 2.6rem;
  }
}
.mymilage__number {
  display: inline-block;
  padding-left: 2.6rem;
  background: url(../images/myfamily__mymilage-mile.svg) no-repeat left center;
  background-size: 20px 20px;
  font-weight: 700;
}
.myfamily__name,
.myfamily__membership,
.myfamily__resting,
.myfamily__relation,
.myfamily__mile,
.myfamily__valid-date,
.myfamily__usable,
.myfamily__regist-num,
.myfamily__date,
.myfamily__progress {
  display: block;
}
.myfamily__email {
  display: block;
  word-break: break-all;
}
.myfamily__name {
  font-weight: 400;
}
.myfamily__resting {
  min-width: 10.5rem;
  margin-top: 0.8rem;
}
.myfamily__relation {
  min-width: 4rem;
  word-break: keep-all;
}
.myfamily__mile {
  min-width: 6.8rem;
}
.myfamily__valid-date {
  min-width: 10rem;
  margin-top: 0.8rem;
  word-break: keep-all;
}
.myfamily__usable {
  min-width: 32rem;
  margin: 1.2rem 0;
  text-align: left;
}
@media (min-width: 1060px) {
  .myfamily__usable {
    min-width: 36rem;
  }
}
.myfamily__usable:first-child {
  margin-top: 0;
}
.myfamily__usable:last-child {
  margin-bottom: 0;
}
.myfamily__usable-mile {
  display: inline-block;
  min-width: 20.6rem;
  text-align: center;
}
@media (min-width: 1060px) {
  .myfamily__usable-mile {
    min-width: 24.8rem;
  }
}
.myfamily__stat {
  color: #555;
  line-height: 1.5;
}
.myfamily__stat.-possible {
  color: #0064de;
}
.myfamily__stat.-impossible {
  color: #de001b;
}
.myfamily__trigger {
  min-width: 8.4rem;
  padding: 0.2rem 1.4rem;
  border: 1px solid #969696;
  border-radius: 1.6rem;
  background: none;
  font-size: 1.4rem;
  color: #555;
  line-height: 1.58;
  cursor: pointer;
}
@media (min-width: 1060px) {
  .myfamily__trigger {
    padding: 0.2rem 1.4rem;
    border-radius: 1.4rem;
  }
}
.myfamily__trigger.-request {
  border: 1px solid #0064de;
  color: #0064de;
}
.myfamily__trigger:hover,
.myfamily__trigger:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.app .myfamily__trigger:hover,
.app .myfamily__trigger:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.myfamily__trigger:hover,
.myfamily__trigger:focus {
  border-radius: 1.6rem !important;
}
@media (min-width: 1060px) {
  .myfamily__trigger:hover,
  .myfamily__trigger:focus {
    border-radius: 1.4rem !important;
  }
}
.myfamily__handler {
  display: inline-block;
  min-width: 6.8rem;
  margin: 0;
  padding: 0.7rem 0.8rem;
  border: 1px solid #767676;
  border-radius: 0.2rem;
  background-color: #fff;
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  appearance: none;
}
@media (min-width: 1060px) {
  .myfamily__handler {
    min-width: 8.3rem;
    padding: 0.8rem 1.2rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.myfamily__handler:hover,
.myfamily__handler:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.app .myfamily__handler:hover,
.app .myfamily__handler:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.myfamily__nodata {
  padding: 1.9rem 0;
}
.myfamily__progress {
  color: #0064de;
}
.login {
  position: relative;
  margin: 0 auto;
  padding: 4rem 2rem 6rem;
}
@media (min-width: 1060px) {
  .login {
    margin: 0 -2rem;
    padding: 6rem 2rem 10rem;
  }
}
.app .login {
  padding-top: 2rem;
}
@media (min-width: 1060px) {
  .app .login {
    padding-top: 3rem;
  }
}
@media (min-width: 1060px) {
  .login:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to bottom, #8bbdf8 -75%, #e9f3fb 89%);
  }
}
.login__inner {
  position: relative;
}
@media (min-width: 1060px) {
  .login__inner {
    max-width: 128rem;
    margin: 0 auto;
  }
}
.login__title {
  margin-bottom: 2rem;
  color: #000;
  font-weight: 700;
  font-size: 2rem;
}
@media (min-width: 1060px) {
  .login__title {
    margin-bottom: 3.6rem;
    font-weight: 400;
    font-size: 3.2rem;
  }
}
.login__title:last-child {
  margin-bottom: 0;
}
@media (min-width: 1060px) {
  .login__group {
    width: 530px;
    padding: 4rem 6rem 6rem;
    margin: 0 auto;
    box-shadow: 4px 10px 20px 0 rgba(0, 25, 72, 0.1);
    background-color: #ffffff;
  }
}
.login__set + .login__set {
  margin-top: 3rem;
}
.login__set.-id-save {
  margin-top: 2rem;
}
.login__submit {
  margin-top: 2rem;
}
.login__submit-act {
  display: block;
  width: 100%;
  height: 5.4rem;
  margin: 0;
  padding: 1.6rem 2rem;
  border: 1px solid #00256c;
  border-radius: 0.2rem;
  background-color: #00256c;
  color: #fff;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.58;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  appearance: none;
}
@media (min-width: 1060px) {
  .login__submit-act {
    min-width: 24rem;
    height: 6rem;
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.login__submit-act:hover,
.login__submit-act:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.app .login__submit-act:hover,
.app .login__submit-act:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.login__submit-act[disabled] {
  border: 1px solid #d9dbe1;
  background-color: #f3f4f8;
  color: #767676;
  cursor: not-allowed;
}
.login__submit-act[disabled]:hover,
.login__submit-act[disabled]:focus {
  outline: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.login__submit-act[aria-disabled="true"] {
  border: 1px solid #d9dbe1;
  background-color: #f3f4f8;
  color: #767676;
  cursor: not-allowed;
}
.login__submit-non {
  display: block;
  width: 100%;
  height: 5.4rem;
  margin: 1.2rem 0 0;
  padding: 1.6rem 2rem;
  border: 1px solid #00256c;
  border-radius: 0.2rem;
  background-color: #fff;
  color: #00256c;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.58;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  appearance: none;
}
@media (min-width: 1060px) {
  .login__submit-non {
    min-width: 24rem;
    height: 6rem;
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.login__submit-non:hover,
.login__submit-non:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.app .login__submit-non:hover,
.app .login__submit-non:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.login__submit-non[disabled] {
  border: 1px solid #d9dbe1;
  background-color: #f3f4f8;
  color: #767676;
  cursor: not-allowed;
}
.login__submit-non[disabled]:hover,
.login__submit-non[disabled]:focus {
  outline: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.login__submit-non[aria-disabled="true"] {
  border: 1px solid #d9dbe1;
  background-color: #f3f4f8;
  color: #767676;
  cursor: not-allowed;
}
.login__find {
  display: flex;
  margin: 2rem 0;
}
.login__find-list {
  width: 50%;
  text-align: center;
}
.login__sns {
  margin-top: 3rem;
}
.login__sns-title {
  position: relative;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.58;
  text-align: center;
  color: #555;
}
@media (min-width: 1060px) {
  .login__sns-title {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.login__sns-title:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 0.1rem;
  background: #d9dbe1;
}
.login__sns-title-bg {
  display: inline-block;
  position: relative;
  margin: 0 2rem;
  padding: 0 2.7rem;
  background: #fff;
}
@media (min-width: 1060px) {
  .login__sns-title-bg {
    padding: 0 2.2rem;
  }
}
.login__sns-sort {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 2rem;
}
.login__sns-item {
  padding: 0 2rem;
}
@media (min-width: 1060px) {
  .login__sns-item {
    padding: 0 2.5rem;
  }
}
.login__sns-trigger {
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  display: block;
  width: 4.2rem;
  height: 4.2rem;
  border: none;
  cursor: pointer;
  background-repeat: no-repeat;
  background-size: 42px 42px;
}
.login__sns-trigger.-kakao {
  background-image: url(../images/ico-kakao.svg);
}
.login__sns-trigger.-naver {
  background-image: url(../images/ico-naver.svg);
}
.login__sns-trigger.-facebook {
  background-image: url(../images/ico-facebook.svg);
}
.login__sns-trigger.-google {
  background-image: url(../images/ico-google.svg);
}
.login__sns-trigger.-weibo {
  background-image: url(../images/ico-weibo.svg);
}
.login__sns-trigger.-wechat {
  background-image: url(../images/ico-wechat.svg);
}
.login__sns-trigger.-line {
  background-image: url(../images/ico-line.svg);
}
.login__sns-trigger:hover,
.login__sns-trigger:focus {
  outline: 0;
  border-radius: 50%;
  box-shadow: 0 0 0 0.3rem #fff, 0 0 0 0.4rem #0064de;
}
.login__point {
  margin-top: 3rem;
}
@media (min-width: 1060px) {
  .login__point {
    margin: 3rem -6rem -6rem;
  }
}
.login__point-button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 5.4rem;
  background-color: #e6f9ff;
  color: #00256c;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.58;
  text-decoration: none;
}
@media (min-width: 1060px) {
  .login__point-button {
    height: 6.8rem;
    font-size: 1.8rem;
    line-height: 1.5;
  }
}
.login__point-button:hover,
.login__point-button:focus {
  outline: 0;
  border-radius: 0;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .login__point-button:hover,
.app .login__point-button:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.login.-pop {
  margin: 0;
  padding: 0;
}
.login.-pop:before {
  display: none;
}
.login.-pop .login__group {
  padding: 0;
  box-shadow: none;
}
@media (min-width: 1060px) {
  .login.-pop .login__group {
    padding: 0 6rem;
  }
}
@media (min-width: 1060px) {
  .login.-pop .login__point {
    margin: 3rem -10rem -4rem;
  }
}
.login-message {
  margin: 2rem 0;
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .login-message {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.login-message:first-child {
  margin-top: 0;
}
.login-message:last-child {
  margin-bottom: 0;
}
.login-message__link {
  display: block;
  margin-top: 0.8rem;
}
@media (min-width: 1060px) {
  .login-message__link {
    display: inline-block;
    margin-top: 0;
    margin-left: 2rem;
  }
}
.additional-join {
  margin: 4rem 0;
  padding: 1.6rem 2rem;
  background: #e6f9ff;
  font-size: 1.4rem;
  line-height: 1.58;
  color: #555;
  text-align: center;
}
.additional-join:first-child {
  margin-top: 0;
}
.additional-join:last-child {
  margin-bottom: 0;
}
@media (min-width: 1060px) {
  .additional-join {
    display: flex;
    justify-content: center;
    margin: 6rem 0;
    padding: 2.4rem;
    font-size: 1.6rem;
    line-height: 1.5;
    text-align: center;
  }
}
.additional-join__text {
  display: block;
}
@media (min-width: 1060px) {
  .additional-join__text {
    margin-right: 1.6rem;
  }
}
.needs__type {
  margin-bottom: 3rem;
}
@media (min-width: 1060px) {
  .needs__item {
    display: flex;
    align-items: center;
  }
}
@media (min-width: 1060px) {
  .needs__title {
    flex: 2.5;
  }
}
.needs__date {
  margin-left: 1.2rem;
  color: #000;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .needs__date {
    display: block;
    margin-top: 0.4rem;
    margin-left: 0;
  }
}
.needs__journey {
  display: flex;
  margin-top: 2rem;
  background: url(../images/to.svg) no-repeat center 1rem;
  text-align: center;
}
@media (min-width: 1060px) {
  .needs__journey {
    align-items: center;
    flex: 6.5;
    margin-top: 0;
    padding: 0;
    background: none;
    text-align: left;
  }
}
.needs__location {
  flex: 1;
}
@media (min-width: 1060px) {
  .needs__location {
    display: flex;
    align-items: center;
    padding: 0;
  }
}
.needs__location:first-child {
  padding-right: 1rem;
}
@media (min-width: 1060px) {
  .needs__location:first-child {
    padding-right: 5.5rem;
    padding-left: 0;
    background: url(../images/to.svg) no-repeat right center;
  }
}
.needs__location:last-child {
  padding-left: 1rem;
}
@media (min-width: 1060px) {
  .needs__location:last-child {
    padding-right: 3rem;
    padding-left: 2rem;
  }
}
.needs__code {
  color: #000;
  font-weight: 700;
  font-size: 2.2rem;
  line-height: 1.55;
}
@media (min-width: 1060px) {
  .needs__code {
    margin-right: 1rem;
  }
}
.needs__name {
  color: #000;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .needs__name {
    color: #555;
  }
}
.needs__option {
  margin-top: 2rem;
}
@media (min-width: 1060px) {
  .needs__option {
    flex: 3;
    margin-top: 0;
  }
}
.needs__status {
  display: flex;
  align-items: center;
  margin-top: 0.3rem;
  font-size: 1.2rem;
}
@media (min-width: 1060px) {
  .needs__status {
    font-size: 1.4rem;
    line-height: 1.58;
  }
}
@media (min-width: 1060px) {
  .meal__person {
    display: flex;
  }
}
.meal__key {
  margin-bottom: 3rem;
}
@media (min-width: 1060px) {
  .meal__key {
    flex: 3.3;
    margin-bottom: 0;
  }
}
@media (min-width: 1060px) {
  .meal__value {
    flex: 8.7;
  }
}
@media (min-width: 1060px) {
  .meal__menus {
    display: flex;
    justify-content: space-between;
    margin: 0 -2rem;
  }
}
@media (min-width: 1060px) {
  .meal__menu {
    flex: 6;
    padding: 0 2rem;
  }
}
.meal__menu + .meal__menu {
  margin-top: 4rem;
}
@media (min-width: 1060px) {
  .meal__menu + .meal__menu {
    margin-top: 0;
  }
}
.meal__caption {
  margin-top: 1.2rem;
}
.meal-journey {
  padding: 2rem;
}
@media (min-width: 1060px) {
  .meal-journey {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    padding: 2.4rem 2rem 2.4rem 4rem;
  }
}
.meal-journey__locations {
  display: flex;
  margin-top: 1.6rem;
  background: url(../images/to.svg) no-repeat;
  background-position: center 0.8rem;
}
@media (min-width: 1060px) {
  .meal-journey__locations {
    flex: 6.5;
    margin-top: 0;
    padding-right: 1rem;
    background-position: 45% center;
  }
}
.meal-journey__location {
  flex: 1;
  padding: 0 1rem;
  text-align: center;
}
@media (min-width: 1060px) {
  .meal-journey__location {
    display: flex;
    align-items: center;
    padding: 0;
    text-align: left;
  }
}
@media (min-width: 1060px) {
  .meal-journey__location:first-child {
    padding-right: 3rem;
  }
}
@media (min-width: 1060px) {
  .meal-journey__location:last-child {
    padding-left: 3rem;
  }
}
.meal-journey__code {
  display: block;
  color: #000;
  font-weight: 700;
  font-size: 2.2rem;
  line-height: 1.55;
}
@media (min-width: 1060px) {
  .meal-journey__code {
    margin-right: 1rem;
  }
}
.meal-journey__name {
  display: block;
  color: #555;
  font-size: 1.2rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .meal-journey__name {
    font-size: 1.6rem;
  }
}
.meal-journey__aside {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (min-width: 1060px) {
  .meal-journey__aside {
    flex: 5.5;
    padding-left: 4rem;
    border-left: 1px solid #d9dbe1;
  }
}
.meal-journey__infos {
  display: flex;
  flex-wrap: wrap;
}
.meal-journey__info {
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .meal-journey__info {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.meal-journey__info + .meal-journey__info {
  margin-left: 0.8rem;
}
@media (min-width: 1060px) {
  .meal-journey__info.-expand {
    width: 100%;
    margin-top: 0.4rem;
    margin-left: 0;
  }
}
.meal-journey__value {
  white-space: nowrap;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .meal-journey__value {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
@media (min-width: 1060px) {
  .family__list {
    display: flex;
    justify-content: space-between;
  }
}
.family__item {
  position: relative;
  padding-bottom: 4rem;
  padding-left: 4.2rem;
}
@media (min-width: 1060px) {
  .family__item {
    width: 33.33333333%;
    padding-top: 4.4rem;
    padding-right: 2rem;
    padding-bottom: 0;
    padding-left: 0;
  }
}
.family__item:last-child {
  padding-bottom: 0;
}
.family__item:before {
  content: "";
  position: absolute;
  top: 2.8rem;
  left: 1.5rem;
  bottom: -0.2rem;
  width: 1px;
  border-left: 1px solid #d9dbe1;
}
@media (min-width: 1060px) {
  .family__item:before {
    top: 1.5rem;
    left: 1.8rem;
    right: 1rem;
    width: calc(100% - 2.8rem);
    height: 1px;
    border-top: 1px solid #d9dbe1;
    border-left: 0;
  }
}
.family__item:after {
  content: "";
  position: absolute;
  top: 1rem;
  left: 1.1rem;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 0.8rem;
  background-color: #00256c;
}
@media (min-width: 1060px) {
  .family__item:after {
    top: 1.1rem;
    left: 0;
  }
}
.family__item:last-child:before {
  display: none;
}
@media (min-width: 1060px) {
  .family__item:first-child:nth-last-child(2) {
    width: 66.66666666%;
  }
}
@media (min-width: 1060px) {
  .family__item:last-child:nth-child(2) {
    width: 33.33333333%;
  }
}
@media (min-width: 1060px) {
  .family__location {
    display: flex;
    align-items: flex-start;
  }
}
.family__code {
  color: #000;
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 1.56;
}
@media (min-width: 1060px) {
  .family__code {
    margin-right: 1rem;
    font-size: 2rem;
    line-height: 1.5;
  }
}
.family__name {
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .family__name {
    padding-top: 0.2rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.family__infos {
  display: flex;
  align-items: center;
}
@media (min-width: 1060px) {
  .family__infos {
    flex-direction: column;
    align-items: flex-start;
  }
}
.family__info {
  color: #000;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .family__info {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.family__info + .family__info {
  position: relative;
  margin-left: 0.7rem;
  padding-left: 0.8rem;
}
@media (min-width: 1060px) {
  .family__info + .family__info {
    margin-left: 0;
    padding-left: 0;
  }
}
.family__info + .family__info:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 1.2rem;
  background-color: #d8d8d8;
  transform: translateY(-50%);
}
@media (min-width: 1060px) {
  .family__info + .family__info:before {
    display: none;
  }
}
.family__options {
  margin-top: 2.8rem;
}
@media (min-width: 1060px) {
  .family__options {
    display: flex;
    justify-content: space-between;
    margin-top: 3.4rem;
  }
}
@media (min-width: 1060px) {
  .family__option {
    flex: 1;
  }
}
.family__option:first-child + .family__option:last-child {
  flex: 0.5;
}
.family__option + .family__option {
  margin-top: 2rem;
}
@media (min-width: 1060px) {
  .family__option + .family__option {
    margin-top: 0;
  }
}
@media (min-width: 1060px) {
  .clothes {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
  }
}
.clothes__aside {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1.6rem;
}
@media (min-width: 1060px) {
  .clothes__aside {
    flex: 4.1;
    justify-content: flex-end;
    margin-bottom: 0;
  }
}
.clothes__info {
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
}
.clothes__info + .clothes__info {
  margin-left: 0.6rem;
}
@media (min-width: 1060px) {
  .clothes__info + .clothes__info {
    position: relative;
    margin-left: 0.8rem;
    padding-left: 0.8rem;
  }
}
@media (min-width: 1060px) {
  .clothes__info + .clothes__info:before {
    content: "";
    position: absolute;
    top: 0.4rem;
    left: 0;
    width: 1px;
    height: 1.3rem;
    background-color: #d8d8d8;
  }
}
.clothes__journey {
  display: flex;
  background: url(../images/to.svg) no-repeat center 1rem;
}
@media (min-width: 1060px) {
  .clothes__journey {
    flex: 7.9;
    background: none;
  }
}
.clothes__location {
  flex: 1;
  padding: 0 1rem;
  text-align: center;
}
@media (min-width: 1060px) {
  .clothes__location {
    display: flex;
    align-items: center;
    padding: 0;
    text-align: left;
  }
}
.clothes__location:first-child {
  padding-left: 2rem;
}
@media (min-width: 1060px) {
  .clothes__location:first-child {
    padding-right: 5rem;
    padding-left: 0;
    background: url(../images/to.svg) no-repeat right center;
  }
}
.clothes__location:last-child {
  padding-right: 2rem;
}
@media (min-width: 1060px) {
  .clothes__location:last-child {
    padding-right: 1rem;
    padding-left: 1.2rem;
  }
}
.clothes__code {
  color: #000;
  font-weight: 700;
  font-size: 2.2rem;
  line-height: 1.55;
}
@media (min-width: 1060px) {
  .clothes__code {
    width: 6rem;
    padding-right: 1rem;
    font-size: 2rem;
    line-height: 1.5;
  }
}
.clothes__name {
  color: #767676;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .clothes__name {
    color: #555;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
@media (min-width: 1060px) {
  .bag__item {
    display: flex;
    align-items: center;
  }
}
.bag__item + .bag__item {
  margin-top: 2rem;
}
@media (min-width: 1060px) {
  .bag__item + .bag__item {
    margin-top: 1.2rem;
  }
}
.bag__key {
  display: block;
  color: #000;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .bag__key {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.bag__value {
  display: block;
  margin-top: 0.4rem;
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .bag__value {
    margin-top: 0;
    margin-left: auto;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.bag__info {
  margin-bottom: 1.2rem;
}
.bag__button {
  margin-top: 1.2rem;
}
.bag__util {
  margin: 1.2rem 0;
}
@media (min-width: 1060px) {
  .bag__util {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
.bag__switch {
  margin-top: 1.2rem;
}
@media (min-width: 1060px) {
  .bag__switch {
    margin-top: 0;
  }
}
.bag__folders {
  margin: 2rem 0;
}
.bag__folder + .bag__folder {
  margin-top: 2rem;
}
.bag-flight {
  display: flex;
  flex-wrap: wrap;
  padding: 2rem 2rem 3.2rem;
}
@media (min-width: 1060px) {
  .bag-flight {
    align-items: center;
    padding: 0;
  }
}
.bag-flight__list {
  width: 100%;
  margin-top: 1.2rem;
}
@media (min-width: 1060px) {
  .bag-flight__list {
    display: flex;
    order: 2;
    justify-content: space-between;
    flex: 1;
    margin-top: 0;
    padding: 4rem 0 4rem 4rem;
  }
}
.bag-flight__item {
  position: relative;
  padding-bottom: 4rem;
  padding-left: 4.2rem;
}
@media (min-width: 1060px) {
  .bag-flight__item {
    width: 33.33333333%;
    padding-top: 5rem;
    padding-right: 2rem;
    padding-bottom: 0;
    padding-left: 0;
  }
}
.bag-flight__item:last-child {
  padding-bottom: 0;
}
.bag-flight__item:last-child:before {
  display: none;
}
@media (min-width: 1060px) {
  .bag-flight__item:first-child:nth-last-child(2) {
    width: 66.66666666%;
  }
}
@media (min-width: 1060px) {
  .bag-flight__item:last-child:nth-child(2) {
    width: 33.33333333%;
  }
}
.bag-flight__item:before {
  content: "";
  position: absolute;
  top: 2.8rem;
  left: 0.9rem;
  bottom: 0;
  width: 1px;
  border-left: 1px solid #d9dbe1;
}
@media (min-width: 1060px) {
  .bag-flight__item:before {
    top: 1.5rem;
    left: 3.4rem;
    right: -0.4rem;
    width: auto;
    height: 1px;
    border-top: 1px solid #d9dbe1;
    border-left: 0;
  }
}
.bag-flight__item:after {
  content: "";
  position: absolute;
  top: 1rem;
  left: 0.5rem;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 0.8rem;
  background-color: #00256c;
}
@media (min-width: 1060px) {
  .bag-flight__item:after {
    top: 1.1rem;
    left: 1.6rem;
  }
}
@media (min-width: 1060px) {
  .bag-flight__location {
    display: flex;
    align-items: center;
    margin-bottom: 0.8rem;
  }
}
.bag-flight__code {
  color: #000;
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 1.56;
}
@media (min-width: 1060px) {
  .bag-flight__code {
    font-size: 2rem;
    line-height: 1.5;
  }
}
.bag-flight__name {
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .bag-flight__name {
    margin-left: 1rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.bag-flight__infos {
  display: flex;
}
@media (min-width: 1060px) {
  .bag-flight__infos {
    display: block;
  }
}
.bag-flight__info {
  color: #000;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .bag-flight__info {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.bag-flight__info + .bag-flight__info {
  white-space: nowrap;
  position: relative;
  margin-left: 0.7rem;
  padding-left: 0.8rem;
}
@media (min-width: 1060px) {
  .bag-flight__info + .bag-flight__info {
    margin-left: 0;
    padding-left: 0;
  }
}
.bag-flight__info + .bag-flight__info:before {
  content: "";
  position: absolute;
  top: 0.7rem;
  left: 0;
  width: 1px;
  height: 1.2rem;
  background-color: #d8d8d8;
}
@media (min-width: 1060px) {
  .bag-flight__info + .bag-flight__info:before {
    display: none;
  }
}
.bag-flight__number {
  margin-left: auto;
  font-size: 1.4rem;
  line-height: 1.58;
  text-align: right;
}
@media (min-width: 1060px) {
  .bag-flight__number {
    display: flex;
    order: 3;
    width: 11rem;
    align-items: center;
    padding: 4rem 2rem;
    font-size: 1.6rem;
    line-height: 1.5;
    text-align: center;
  }
}
.bag-flight__selection {
  min-height: 2.4rem;
}
@media (min-width: 1060px) {
  .bag-flight__selection {
    order: 1;
    padding-left: 4rem;
  }
}
.bag-flight__selection label {
  min-height: 2.4rem;
  padding-left: 2rem;
}
@media (min-width: 1060px) {
  .bag-passengers {
    display: flex;
  }
}
.bag-passengers__key {
  margin-bottom: 3rem;
}
@media (min-width: 1060px) {
  .bag-passengers__key {
    flex: 4;
    margin-bottom: 0;
    padding-right: 2rem;
  }
}
@media (min-width: 1060px) {
  .bag-passengers__value {
    flex: 8;
  }
}
.bag-passengers__name {
  display: block;
  margin-bottom: 0.7rem;
}
@media (min-width: 1060px) {
  .bag-passengers__name {
    margin-bottom: 1.2rem;
  }
}
.bag-passengers__membership {
  color: #767676;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .bag-passengers__membership {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
@media (min-width: 1060px) {
  .bag-passengers__numbers {
    display: flex;
    justify-content: space-between;
    padding-right: 2rem;
  }
}
.bag-passengers__number {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (min-width: 1060px) {
  .bag-passengers__number {
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 25%;
  }
}
.bag-passengers__number + .bag-passengers__number {
  margin-top: 2.4rem;
}
@media (min-width: 1060px) {
  .bag-passengers__number + .bag-passengers__number {
    margin-top: 0;
  }
}
.bag-passengers__tag {
  padding-right: 1rem;
  color: #00256c;
  font-size: 1.4rem;
}
@media (min-width: 1060px) {
  .bag-passengers__tag {
    width: 100%;
    margin-bottom: 1.6rem;
    padding-right: 0;
  }
}
.bag-passengers__bag {
  display: flex;
  align-items: center;
  margin-left: auto;
  width: 15rem;
  flex-shrink: 0;
}
@media (min-width: 1060px) {
  .bag-passengers__bag {
    width: 100%;
    min-height: 4.8rem;
  }
}
.bag-passengers__class {
  position: relative;
  width: 4.8rem;
  height: 3.8rem;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  line-height: 3.8rem;
}
.bag-passengers__class.-free {
  background: url(../images/bag-passengers__class--free.svg) no-repeat 0 0;
  background-size: 48px 38px;
}
.bag-passengers__class.-member {
  background: url(../images/bag-passengers__class--member.svg) no-repeat 0 0;
  background-size: 48px 38px;
}
.bag-passengers__class.-buy {
  background: url(../images/bag-passengers__class--buy.svg) no-repeat 0 0;
  background-size: 48px 38px;
}
.bag-passengers__count {
  flex: 1;
  padding-left: 3rem;
  background: url(../images/multiply.svg) no-repeat 0.9rem 50%;
  background-size: 12px 12px;
  color: #000;
  font-weight: normal;
  font-size: 18px;
  text-align: right;
}
@media (min-width: 1060px) {
  .bag-passengers__count {
    text-align: left;
  }
}
.bag-miles__info {
  margin-bottom: 1.2rem;
}
@media (min-width: 1060px) {
  .bag-miles__info {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.5rem;
  }
}
.bag-miles__use > * {
  margin: 0;
}
.bag-miles__mile {
  margin-top: 2.4rem;
  color: #000;
  font-size: 1.6rem;
  text-align: right;
}
@media (min-width: 1060px) {
  .bag-miles__mile {
    margin-top: 0;
    font-size: 1.8rem;
  }
}
.bag-miles__list {
  border: 1px solid #d9dbe1;
}
.bag-miles__item + .bag-miles__item {
  border-top: 1px solid #d9dbe1;
}
@media (min-width: 1060px) {
  .bag-miles__item {
    display: flex;
    align-content: stretch;
  }
}
.bag-miles__key {
  border-bottom: 1px solid #d9dbe1;
}
@media (min-width: 1060px) {
  .bag-miles__key {
    display: flex;
    flex: 4;
    border-right: 1px solid #d9dbe1;
    border-bottom: 0;
  }
}
@media (min-width: 1060px) {
  .bag-miles__key .bag-journey {
    display: block;
  }
}
@media (min-width: 1060px) {
  .bag-miles__key .bag-journey__info {
    margin-bottom: 1.6rem;
  }
}
@media (min-width: 1060px) {
  .bag-miles__value {
    flex: 8;
  }
}
@media (min-width: 1060px) {
  .bag-miles__number {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
.bag-miles__number .caption {
  margin-top: 0;
}
.bag-miles__name {
  display: block;
  margin-bottom: 2rem;
  color: #000;
  font-weight: 700;
  font-size: 1.6rem;
}
@media (min-width: 1060px) {
  .bag-miles__name {
    margin-bottom: 0;
    font-size: 1.6rem;
  }
}
.bag-miles__bag {
  display: flex;
}
@media (min-width: 1060px) {
  .bag-miles__bag {
    width: 30rem;
  }
}
.bag-miles__bag .forms {
  flex: 1;
}
.bag-miles__class {
  position: relative;
  width: 4.8rem;
  height: 3.8rem;
  margin-right: 5.2rem;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  line-height: 3.8rem;
}
.bag-miles__class:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 1.3rem;
  right: -3.2rem;
  width: 1.2rem;
  height: 1.2rem;
  background: url(../images/multiply.svg) no-repeat 0 0;
  background-size: contain;
}
@media (min-width: 1060px) {
  .bag-miles__class:after {
    right: -2.2rem;
  }
}
.bag-miles__class.-free {
  background: url(../images/bag-passengers__class--free.svg) no-repeat 0 0;
  background-size: 48px 38px;
}
.bag-miles__class.-member {
  background: url(../images/bag-passengers__class--member.svg) no-repeat 0 0;
  background-size: 48px 38px;
}
.bag-miles__class.-buy {
  background: url(../images/bag-passengers__class--buy.svg) no-repeat 0 0;
  background-size: 48px 38px;
}
@media (min-width: 1060px) {
  .bag-journey {
    display: flex;
    align-items: center;
  }
}
.bag-journey__info {
  margin-bottom: 1.6rem;
  color: #000;
  font-weight: 700;
  font-size: 1.6rem;
}
@media (min-width: 1060px) {
  .bag-journey__info {
    margin-right: 3rem;
    margin-bottom: 0;
  }
}
.bag-journey__list {
  font-size: 0;
}
.bag-journey__item {
  display: inline;
  margin-right: 1rem;
  word-break: keep-all;
}
.bag-journey__item + .bag-journey__item:before {
  content: "";
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  margin-right: 1rem;
  background: url(../images/to.svg) no-repeat left 0.3rem;
  vertical-align: middle;
}
.bag-journey__code {
  margin-right: 1rem;
  color: #000;
  font-weight: 700;
  font-size: 1.6rem;
  vertical-align: middle;
}
.bag-journey__name {
  color: #555;
  font-size: 1.6rem;
  vertical-align: middle;
}
@media (min-width: 1060px) {
  .bag-breakdown__list {
    padding-top: 4.4rem;
  }
}
@media (min-width: 1060px) {
  .bag-breakdown__item {
    display: flex;
    align-items: stretch;
  }
}
.bag-breakdown__item + .bag-breakdown__item {
  margin-top: 2.4rem;
}
@media (min-width: 1060px) {
  .bag-breakdown__item + .bag-breakdown__item {
    margin-top: 3rem;
  }
}
.bag-breakdown__name {
  display: block;
  margin-bottom: 1.5rem;
  color: #000;
  font-size: 1.6rem;
}
@media (min-width: 1060px) {
  .bag-breakdown__name {
    display: flex;
    align-items: center;
    flex: 6;
    margin-bottom: 0;
  }
}
.bag-breakdown__price {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (min-width: 1060px) {
  .bag-breakdown__price {
    justify-content: center;
    flex: 2;
    position: relative;
    padding: 0 0.5rem;
  }
}
.bag-breakdown__price + .bag-breakdown__price {
  margin-top: 0.8rem;
}
@media (min-width: 1060px) {
  .bag-breakdown__price + .bag-breakdown__price {
    margin-top: 0;
  }
}
.bag-breakdown__key {
  color: #767676;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .bag-breakdown__key {
    position: absolute;
    top: -4.4rem;
    left: 0;
    width: 100%;
    text-align: center;
  }
}
@media (min-width: 1060px) {
  .bag-breakdown__item + .bag-breakdown__item .bag-breakdown__key {
    overflow: hidden;
    white-space: nowrap;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    position: absolute;
    width: 1px;
    height: 1px;
    margin: 0;
    padding: 0;
    border: 0;
  }
}
.bag-breakdown__value {
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .bag-breakdown__value {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.bag-breakdown__total {
  display: flex;
  justify-content: space-between;
}
.bag-breakdown__total-key {
  padding-top: 0.2rem;
  color: #00256c;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .bag-breakdown__total-key {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.bag-breakdown__total-value {
  color: #00256c;
  font-weight: 700;
  font-size: 1.6rem;
  text-align: right;
}
@media (min-width: 1060px) {
  .bag-breakdown__total-value {
    font-size: 2rem;
  }
}
.bag-breakdown__message {
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 1.83rem;
}
@media (min-width: 1060px) {
  .bag-breakdown__message {
    font-size: 1.4rem;
    line-height: 1.58;
  }
}
.bag-breakdown__total-value ~ .bag-breakdown__message {
  margin-top: 0.2rem;
}
.bag-breakdown__caption {
  display: flex;
  justify-content: flex-end;
  margin-top: -1.2rem;
  font-size: 1.2rem;
}
@media (min-width: 1060px) {
  .bag-breakdown__caption {
    font-size: 1.4rem;
  }
}
.pet {
  margin-top: 2rem;
}
@media (min-width: 1060px) {
  .pet {
    display: flex;
  }
}
.pet:first-child {
  margin-top: 0;
}
@media (min-width: 1060px) {
  .pet__aside {
    width: 32rem;
    margin-right: 2rem;
  }
}
.pet__contents {
  margin-top: 2rem;
}
@media (min-width: 1060px) {
  .pet__contents {
    flex: 1;
    margin-top: 0;
  }
}
.pet-journey {
  padding: 2rem;
}
@media (min-width: 1060px) {
  .pet-journey {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    padding: 2.4rem 2rem 2.4rem 4rem;
  }
}
.pet-journey__locations {
  display: flex;
  margin-top: 1.6rem;
  background: url(../images/to.svg) no-repeat;
  background-position: center 0.8rem;
}
@media (min-width: 1060px) {
  .pet-journey__locations {
    width: 46rem;
    margin-top: 0;
    padding-right: 1rem;
    background-position: 45% center;
  }
}
.pet-journey__location {
  flex: 1;
  padding: 0 1rem;
  text-align: center;
}
@media (min-width: 1060px) {
  .pet-journey__location {
    display: flex;
    align-items: center;
    padding: 0;
    text-align: left;
  }
}
@media (min-width: 1060px) {
  .pet-journey__location:first-child {
    padding-right: 3rem;
  }
}
@media (min-width: 1060px) {
  .pet-journey__location:last-child {
    padding-left: 3rem;
  }
}
.pet-journey__code {
  display: block;
  color: #000;
  font-weight: 700;
  font-size: 2.2rem;
  line-height: 1.55;
}
@media (min-width: 1060px) {
  .pet-journey__code {
    margin-right: 1rem;
  }
}
.pet-journey__name {
  display: block;
  color: #555;
  font-size: 1.2rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .pet-journey__name {
    font-size: 1.6rem;
  }
}
.pet-journey__aside {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (min-width: 1060px) {
  .pet-journey__aside {
    flex: 1;
    padding-left: 4rem;
    border-left: 1px solid #d9dbe1;
  }
}
.pet-journey__infos {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.pet-journey__info {
  color: #555;
  font-size: 1.2rem;
}
@media (min-width: 360px) {
  .pet-journey__info {
    font-size: 1.4rem;
    line-height: 1.58;
  }
}
@media (min-width: 1060px) {
  .pet-journey__info {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
@media (min-width: 1060px) {
  .pet-journey__info + .pet-journey__info {
    margin-left: 0.8rem;
  }
}
@media (min-width: 1060px) {
  .pet-journey__info.-expand {
    width: 100%;
    margin-top: 0.4rem;
    margin-left: 0;
  }
}
.pet-journey__value {
  white-space: nowrap;
  font-size: 1.2rem;
}
@media (min-width: 360px) {
  .pet-journey__value {
    font-size: 1.4rem;
    line-height: 1.58;
  }
}
@media (min-width: 1060px) {
  .pet-journey__value {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
@media (min-width: 1060px) {
  .pet-journeys {
    display: flex;
    align-items: center;
  }
}
.pet-journeys__info {
  margin-bottom: 1.6rem;
  color: #000;
  font-weight: 700;
  font-size: 1.6rem;
}
@media (min-width: 1060px) {
  .pet-journeys__info {
    margin-right: 3rem;
    margin-bottom: 0;
  }
}
.pet-journeys__list {
  font-size: 0;
}
.pet-journeys__item {
  display: inline;
  margin-right: 1rem;
}
.pet-journeys__item + .pet-journeys__item:before {
  content: "";
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  margin-right: 1rem;
  background: url(../images/to.svg) no-repeat left 0.3rem;
  vertical-align: middle;
}
.pet-journeys__code {
  margin-right: 1rem;
  color: #000;
  font-weight: 700;
  font-size: 1.6rem;
  vertical-align: middle;
}
@media (min-width: 1060px) {
  .pet-journeys__code {
    font-size: 2rem;
  }
}
.pet-journeys__name {
  color: #555;
  font-size: 1.6rem;
  vertical-align: middle;
}
.pet-journey-option {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 2rem;
  border: 0;
  background-color: #fff;
  text-align: left;
}
@media (min-width: 1060px) {
  .pet-journey-option {
    padding: 2.6rem 5.5rem 2.4rem 4rem;
  }
}
.pet-journey-option:hover,
.pet-journey-option:focus {
  outline: 1px solid #0064de;
}
.pet-journey-option__number {
  width: 10%;
  color: #000;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .pet-journey-option__number {
    width: 4.3rem;
  }
}
.pet-journey-option__locations {
  display: flex;
  width: 40%;
  background: url(../images/to.svg) no-repeat 50% 50%;
  background-size: 16px 16px;
}
@media (min-width: 360px) {
  .pet-journey-option__locations {
    background-size: 24px 24px;
  }
}
@media (min-width: 1060px) {
  .pet-journey-option__locations {
    width: 41.7rem;
    background: none;
  }
}
.pet-journey-option__location {
  width: 50%;
  text-align: center;
}
.pet-journey-option__location:first-child {
  padding-right: 1rem;
}
@media (min-width: 360px) {
  .pet-journey-option__location:first-child {
    padding-right: 1.8rem;
  }
}
@media (min-width: 1060px) {
  .pet-journey-option__location:first-child {
    width: 4.8rem;
    padding-right: 0;
  }
}
@media (min-width: 1060px) {
  .pet-journey-option__location:last-child {
    width: 8.8rem;
    padding-left: 4rem;
    background: url(../images/to.svg) no-repeat 0.8rem 50%;
  }
}
.pet-journey-option__code {
  display: block;
  padding-bottom: 0.2rem;
  color: #000;
  font-weight: 700;
  font-size: 1.6rem;
}
@media (min-width: 1060px) {
  .pet-journey-option__code {
    font-size: 1.8rem;
  }
}
.pet-journey-option__infos {
  width: 25%;
  text-align: center;
}
@media (min-width: 360px) {
  .pet-journey-option__infos {
    width: 30%;
  }
}
@media (min-width: 1060px) {
  .pet-journey-option__infos {
    width: auto;
    padding-left: 4rem;
    border-left: 1px solid #d9dbe1;
    text-align: left;
  }
}
.pet-journey-option__info {
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .pet-journey-option__info {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.pet-journey-option__value {
  width: 25%;
  font-size: 1.4rem;
  line-height: 1.58;
  text-align: right;
}
@media (min-width: 360px) {
  .pet-journey-option__value {
    width: 20%;
  }
}
@media (min-width: 1060px) {
  .pet-journey-option__value {
    width: auto;
    margin-left: auto;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.pet-passengers {
  display: block;
  width: 100%;
  padding: 2rem;
  border: 0;
  background-color: #fff;
  text-align: left;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: right 2rem center;
}
.pet-passengers:hover,
.pet-passengers:focus {
  outline: 0;
  box-shadow: inset 0 0 0 1px #0064de;
}
.pet-passengers.-active {
  background-color: #f6f8ff;
  font-weight: 700;
}
.pet-passengers.-apply {
  background-image: url(../images/pet-passengers--apply.svg);
}
.pet-passengers__name {
  display: block;
  color: #000;
  font-size: 1.4rem;
  line-height: 1.58;
}
.pet-passengers__with {
  display: block;
  padding-left: 1.5rem;
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .pet-breakdown__item {
    display: flex;
    align-items: stretch;
  }
}
.pet-breakdown__item + .pet-breakdown__item {
  margin-top: 2.4rem;
}
@media (min-width: 1060px) {
  .pet-breakdown__item + .pet-breakdown__item {
    margin-top: 3rem;
  }
}
.pet-breakdown__name {
  display: block;
  margin-bottom: 1.5rem;
  color: #000;
  font-size: 1.6rem;
}
@media (min-width: 1060px) {
  .pet-breakdown__name {
    display: flex;
    align-items: center;
    flex: 7;
    margin-bottom: 0;
  }
}
@media (min-width: 1060px) {
  .pet-breakdown__prices {
    flex: 5;
  }
}
.pet-breakdown__price {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.pet-breakdown__price + .pet-breakdown__price {
  margin-top: 0.8rem;
}
@media (min-width: 1060px) {
  .pet-breakdown__price + .pet-breakdown__price {
    margin-top: 0;
  }
}
.pet-breakdown__key {
  color: #000;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .pet-breakdown__key {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.pet-breakdown__value {
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .pet-breakdown__value {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.pet-breakdown__value .opener {
  margin-right: -0.8rem;
}
.pet-breakdown__total {
  display: flex;
  justify-content: space-between;
}
.pet-breakdown__total-key {
  padding-top: 0.2rem;
  color: #00256c;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .pet-breakdown__total-key {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.pet-breakdown__total-value {
  color: #00256c;
  font-weight: 700;
  font-size: 1.6rem;
  text-align: right;
}
@media (min-width: 1060px) {
  .pet-breakdown__total-value {
    font-size: 2rem;
  }
}
.pet-breakdown__message {
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 1.83rem;
}
@media (min-width: 1060px) {
  .pet-breakdown__message {
    font-size: 1.4rem;
    line-height: 1.58;
  }
}
.pet-breakdown__total-value ~ .pet-breakdown__message {
  margin-top: 0.2rem;
}
.pet-info {
  margin: 4rem 0;
}
.pet-info:first-child {
  margin-top: 0;
}
.pet-info:last-child {
  margin-bottom: 0;
}
.pet-info__item {
  display: flex;
}
.pet-info__item + .pet-info__item {
  margin-top: 1.6rem;
}
.pet-info__key {
  flex: 6;
  padding-right: 1rem;
  color: #767676;
  font-size: 1.4rem;
  line-height: 1.7;
}
@media (min-width: 1060px) {
  .pet-info__key {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.pet-info__value {
  flex: 6;
  color: #000;
  font-size: 1.4rem;
  line-height: 1.7;
}
@media (min-width: 1060px) {
  .pet-info__value {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.page {
  padding: 4.8rem 2rem 0;
  word-break: break-word;
}
@media (min-width: 1060px) {
  .page {
    padding: 6rem 2rem 0;
  }
}
.page__aligner {
  margin: 0 auto;
  padding: 2rem 0 10rem;
}
@media (min-width: 1060px) {
  .page__aligner {
    max-width: 128rem;
    padding: 4rem 0 14rem;
  }
}
.page__bar {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  height: 4.8rem;
  margin: 0 -2rem;
  padding: 0.2rem 0;
  background-color: #00256c;
  color: #fff;
  box-shadow: 0 0.4rem 1rem 0 rgba(0, 0, 0, 0.1);
}
@media (min-width: 1060px) {
  .page__bar {
    height: 6rem;
    margin: 0;
    padding: 0.8rem 0;
  }
}
.page.-fixed .page__bar {
  position: fixed;
  top: 0;
  right: 2rem;
  left: 2rem;
  z-index: 200;
}
@media (min-width: 1060px) {
  .page.-fixed .page__bar {
    right: auto;
    left: 50%;
    width: 100%;
    max-width: 128rem;
    transform: translateX(-50%);
  }
}
@media (max-width: 1059px) {
  .page.-reflow .page__bar {
    position: absolute;
    right: 0;
    left: 0;
    margin: 0;
  }
}
.page__heading {
  color: #fff;
  font-weight: 700;
  font-size: 1.6rem;
}
@media (min-width: 1060px) {
  .page__heading {
    font-size: 2rem;
  }
}
.page__back {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  position: absolute;
  top: 50%;
  left: 2rem;
  width: 4.4rem;
  height: 4.4rem;
  padding: 0.2rem 0;
  border: 1px solid transparent;
  border-radius: 0.3rem;
  background-color: transparent;
  color: #fff;
  font-size: 1.6rem;
  transform: translateY(-50%);
}
.page__back:hover,
.page__back:focus {
  outline: 0;
  border: 1px solid #fff;
}
@media (min-width: 1060px) {
  .page__back {
    left: 2.4rem;
    text-indent: 0;
    padding-right: 1.2rem;
    padding-left: 5.2rem;
    width: auto;
  }
}
.page__back:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 4.4rem;
  height: 4.4rem;
  background: url(../images/cm-go-back.svg) no-repeat 50% 50%;
  background-size: 44px 44px;
  transform: translateY(-50%);
}
.purchase-hgroup {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 4rem 0 1.2rem;
}
.purchase-hgroup > h2 {
  margin: 0;
  padding-right: 1rem;
}
@media (min-width: 1060px) {
  .purchase-hgroup {
    margin: 4rem 0 2rem;
  }
}
.purchase__list {
  width: 100%;
  border: 1px solid #d9dbe1;
}
.purchase__btns {
  position: relative;
  margin: 0.4rem 0 2rem;
}
@media (min-width: 1060px) {
  .purchase__btns {
    margin: 0 0 2rem;
  }
}
.purchase__btns .option {
  min-width: inherit;
}
@media (min-width: 1060px) {
  .purchase__btns .option {
    min-width: 3.6rem;
  }
}
.purchase__btns .option + .option {
  margin-left: 0.5rem;
}
.purchase__btns .-alignment:before {
  content: "";
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  margin-top: -0.2rem;
  margin-right: 0;
  background: url(../images/cm-filter-key.svg) no-repeat;
  background-size: cover;
  vertical-align: middle;
}
@media (min-width: 1060px) {
  .purchase__btns .-alignment:before {
    margin-right: 0.4rem;
  }
}
.purchase__btns .arrow-button {
  position: relative;
  padding-right: 1.4rem;
  border: 0;
  font-size: 1.6rem;
  line-height: 1.5;
  color: #0064de;
  background-color: transparent;
  cursor: pointer;
}
.purchase__btns .arrow-button:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 0.3rem;
  width: 0.8rem;
  height: 0.8rem;
  border-top: 1px solid #0064de;
  border-right: 1px solid #0064de;
  transform: translateY(-40%) rotate(45deg);
}
.purchase__btns .-push {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.purchase__align {
  overflow: hidden;
  white-space: nowrap;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  position: absolute;
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  border: 0;
}
@media (min-width: 1060px) {
  .purchase__align {
    overflow: visible;
    position: static;
    width: auto;
    height: auto;
    clip-path: inherit;
    clip: inherit;
  }
}
.purchase-report {
  width: 100%;
  border: 1px solid #d9dbe1;
}
.purchase-report__tl {
  padding: 2rem;
  background-color: #edfaff;
  font-size: 1.6rem;
  line-height: 1.5;
  color: #00256c;
}
@media (min-width: 1060px) {
  .purchase-report__tl {
    padding: 2.4rem 4rem;
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.purchase-report__codeshare {
  display: block;
  float: right;
  font-size: 1.4rem;
  line-height: 1.75;
}
@media (min-width: 1060px) {
  .purchase-report__codeshare {
    float: none;
    display: inline-block;
  }
}
.purchase-report__codeshare:before {
  display: none;
}
@media (min-width: 1060px) {
  .purchase-report__codeshare:before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 1.5rem;
    padding-left: 1.7rem;
    margin-left: 1.2rem;
    border-left: 1px solid #d9dbe1;
  }
}
.purchase-report__codeshare .code-share {
  margin-top: -0.3rem;
}
.purchase-report__detail {
  display: flex;
  flex-wrap: wrap;
  padding: 2rem;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .purchase-report__detail {
    display: block;
    position: relative;
    padding: 3.2rem 4rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.purchase-report__info {
  width: 100%;
  overflow: hidden;
}
@media (min-width: 1060px) {
  .purchase-report__info {
    display: flex;
    justify-content: flex-start;
  }
}
.purchase-report__info-part {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 0.8rem;
}
.purchase-report__info-part:first-of-type {
  margin-top: 0;
}
@media (min-width: 1060px) {
  .purchase-report__info-part {
    display: block;
    margin-top: 0;
    margin-left: 10rem;
  }
  .purchase-report__info-part:first-of-type {
    margin-left: 0;
  }
}
.purchase-report__info-title {
  width: 50%;
  margin: 0.8rem 0 0;
  color: #767676;
  font-weight: 400;
}
@media (min-width: 1060px) {
  .purchase-report__info-title {
    float: none;
    width: auto;
    margin: 0 1.2rem 0 10rem;
  }
}
.purchase-report__info-title:first-of-type {
  margin: 0;
  color: #767676;
}
@media (min-width: 1060px) {
  .purchase-report__info-title:first-of-type {
    margin: 0 1.2rem 0 0;
  }
}
.purchase-report__info-desc {
  width: 50%;
  margin: 0.8rem 0 0;
  color: #000;
  text-align: right;
}
@media (min-width: 1060px) {
  .purchase-report__info-desc {
    width: auto;
    margin: 0;
    text-align: left;
  }
}
.purchase-report__info-desc:first-of-type {
  margin: 0;
}
.purchase-report__through {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-top: 0.8rem;
}
@media (min-width: 1060px) {
  .purchase-report__through {
    display: block;
  }
}
.purchase-report__through-title {
  color: #767676;
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 1.83;
  text-decoration: line-through;
}
@media (min-width: 1060px) {
  .purchase-report__through-title {
    margin-right: 2rem;
    font-size: 1.4rem;
  }
}
.purchase-report__through-desc {
  color: #767676;
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 1.83;
  text-decoration: line-through;
}
@media (min-width: 1060px) {
  .purchase-report__through-desc {
    font-size: 1.4rem;
  }
}
.purchase-report__btns {
  margin-top: 2rem;
  display: flex;
  justify-content: flex-end;
  width: 100%;
}
@media (min-width: 1060px) {
  .purchase-report__btns {
    position: absolute;
    top: 2.4rem;
    right: 4rem;
    width: auto;
    margin-top: 0;
  }
}
.purchase-report__btns button + button {
  margin-left: 0.8rem;
}
.purchase-info__info {
  position: relative;
  min-height: 13.7rem;
  padding: 2rem;
  list-style: none;
  border: 0.1rem solid #d9dbe1;
  align-items: center;
  justify-content: center;
}
@media (min-width: 1060px) {
  .purchase-info__info {
    display: flex;
    padding: 3.3rem 4rem 3.1rem 0;
  }
}
.purchase-info__info + .purchase-info__info {
  position: relative;
  border-top: 0;
}
.purchase-info__title {
  display: block;
}
.purchase-info__airseat {
  position: relative;
  flex: 1;
  padding-bottom: 2rem;
  margin-bottom: 2rem;
  border-bottom: 1px solid #d9dbe1;
}
@media (min-width: 1060px) {
  .purchase-info__airseat {
    display: block;
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
    font-size: 1.6rem;
    text-align: center;
  }
}
.purchase-info__plane {
  display: inline-block;
  font-style: normal;
  font-size: 1.4rem;
  color: #000;
  vertical-align: middle;
}
@media (min-width: 1060px) {
  .purchase-info__plane {
    display: block;
    font-size: 1.6rem;
  }
}
.purchase-info__seat {
  display: inline-block;
  margin-left: 0.3rem;
  font-size: 1.2rem;
  color: #555;
}
@media (min-width: 1060px) {
  .purchase-info__seat {
    display: block;
    position: static;
    margin-top: 0.2rem;
    font-size: 1.4rem;
    transform: inherit;
  }
}
.purchase-info__use {
  position: absolute;
  top: 0.5rem;
  right: 0;
  font-size: 1.4rem;
  color: #0064de;
}
@media (min-width: 1060px) {
  .purchase-info__use {
    position: static;
    margin-top: 0.8rem;
  }
}
.purchase-info__wrap {
  position: relative;
}
@media (min-width: 1060px) {
  .purchase-info__wrap {
    flex: 5;
    justify-content: flex-start;
    padding-left: 3.2rem;
    border-left: 0.1rem solid #d9dbe1;
  }
}
.purchase-info.-svc .purchase-info__info {
  padding: 2rem;
}
@media (min-width: 1060px) {
  .purchase-info.-svc .purchase-info__info {
    align-items: flex-start;
    min-height: auto;
    padding: 2.4rem 4rem 2.4rem;
  }
}
@media (min-width: 1060px) {
  .purchase-info.-svc .purchase-info__airseat {
    flex: 5;
    text-align: left;
  }
}
.purchase-info.-svc .purchase-info__wrap {
  padding-top: 3.8rem;
}
@media (min-width: 1060px) {
  .purchase-info.-svc .purchase-info__wrap {
    flex: 18;
    justify-content: flex-start;
    padding-top: 3.4rem;
    padding-left: 4rem;
    border-left: 0.1rem solid #d9dbe1;
  }
}
.purchase-info__caption {
  margin-top: 2rem;
  text-align: center;
  font-size: 1.2rem;
  line-height: 1.5;
  color: #00256c;
}
@media (min-width: 1060px) {
  .purchase-info__caption {
    text-align: left;
    font-size: 1.4rem;
    line-height: 1.58;
  }
}
.purchase-info__caption-due {
  display: block;
}
@media (min-width: 1060px) {
  .purchase-info__caption-due {
    display: inline-block;
  }
}
.purchase-info__route {
  display: flex;
  flex: 1;
  justify-content: space-between;
  min-height: 7rem;
}
@media (min-width: 1060px) {
  .purchase-info__route {
    justify-content: flex-start;
  }
}
.purchase-info__from {
  width: 50%;
  padding-right: 1.6rem;
  text-align: center;
}
@media (min-width: 1060px) {
  .purchase-info__from {
    padding-right: 2.5rem;
    text-align: left;
  }
}
.purchase-info__from .captions__item {
  display: inline-block;
}
@media (min-width: 1060px) {
  .purchase-info__from .captions__item {
    display: block;
  }
}
.purchase-info__to {
  position: relative;
  width: 50%;
  padding-left: 1.6rem;
  text-align: center;
}
@media (min-width: 1060px) {
  .purchase-info__to {
    padding-left: 2.5rem;
    text-align: left;
  }
}
.purchase-info__to:before {
  content: "";
  display: block;
  position: absolute;
  top: 0.4rem;
  left: -0.8rem;
  width: 1.6rem;
  height: 1.6rem;
  background: url(../images/flight-single.svg) no-repeat 50% 50%;
  background-size: 16px 16px;
}
@media (min-width: 1060px) {
  .purchase-info__to:before {
    top: 0.8rem;
    left: -3rem;
  }
}
.purchase-info__code {
  color: #000;
  font-size: 1.8rem;
  font-weight: 700;
  font-style: normal;
  line-height: 1.56;
}
@media (min-width: 1060px) {
  .purchase-info__code {
    display: inline-block;
    font-size: 2.2rem;
    line-height: 1.55;
    vertical-align: top;
  }
}
.purchase-info__airport {
  display: block;
  color: #555;
  font-size: 1.2rem;
  line-height: 1.5;
}
@media (min-width: 1060px) {
  .purchase-info__airport {
    display: inline-block;
    margin-left: 0.8rem;
    font-size: 1.4rem;
    line-height: 2.43;
    vertical-align: top;
  }
}
.purchase-info__detail {
  margin-top: 1.2rem;
}
@media (min-width: 1060px) {
  .purchase-info__detail {
    margin-top: 0.5rem;
  }
}
.purchase-info__time {
  display: block;
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .purchase-info__time {
    display: inline-block;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.purchase-info__time__default {
  display: block;
}
.purchase-info__time__default span {
  display: block;
}
@media (min-width: 1060px) {
  .purchase-info__time__default span {
    display: inline;
  }
}
.purchase-info__primary {
  position: absolute;
  top: 8.1rem;
  left: 2rem;
  right: 2rem;
}
@media (min-width: 1060px) {
  .purchase-info__primary {
    top: 2.4rem;
    left: 21.739%;
    right: auto;
    padding-left: 5.6rem;
  }
}
.purchase-info__number {
  display: inline-block;
  color: #000;
  font-weight: normal;
  font-size: 1.4rem;
  line-height: 1.58;
  vertical-align: top;
}
.purchase-info__class {
  display: inline-block;
  margin-left: 0.4rem;
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
  vertical-align: top;
}
.purchase-function {
  margin: 1.2rem 0 2rem;
  text-align: right;
}
.purchase-function button + button {
  margin-left: 0.8rem;
}
.purchase-filter__filters {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 0.6rem);
  margin-left: -0.3rem;
}
.purchase-filter__filter {
  padding: 0 0.3rem;
}
.purchase-filter__radio {
  overflow: hidden;
  white-space: nowrap;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  position: absolute;
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  border: 0;
}
.purchase-filter__radio:focus ~ .purchase-filter__label {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.purchase-filter__label {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 3.6rem;
  margin: 0 0 1rem;
  padding: 0.7rem 1.2rem;
  border: 0;
  border-radius: 0.2rem;
  background-color: #f3f4f8;
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  appearance: none;
}
@media (min-width: 1060px) {
  .purchase-filter__label {
    min-width: 8.4rem;
    min-height: 4rem;
    padding: 0.8rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
:checked ~ .purchase-filter__label {
  background-color: #555;
  color: #fff;
}
.purchase-filter__label:hover,
.purchase-filter__label:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.app .purchase-filter__label:hover,
.app .purchase-filter__label:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.purchase-filter__dates {
  display: flex;
  align-items: flex-end;
  margin-top: 2rem;
}
.purchase-filter__date {
  flex: 1;
}
.purchase-filter__from {
  width: 3rem;
  text-align: center;
  font-size: 1.8rem;
  line-height: 2.5;
}
@media (min-width: 1060px) {
  .cage {
    display: flex;
  }
}
@media (min-width: 1060px) {
  .cage__measure {
    flex: 9.2;
    padding-right: 1rem;
  }
}
.cage__list {
  display: flex;
  margin: 0 -1rem;
}
.cage__item {
  flex: 1;
  padding: 0 1rem;
}
.cage__item + .cage__item {
  position: relative;
}
.cage__item + .cage__item:before {
  content: " ";
  position: absolute;
  top: 2.1rem;
  left: -0.8rem;
  width: 1.6rem;
  height: 1.6rem;
  background: url(../images/plus.svg) no-repeat;
}
.cage__sum {
  margin-top: 4rem;
}
@media (min-width: 1060px) {
  .cage__sum {
    flex: 2.8;
    position: relative;
    margin-top: 0;
    padding-left: 1rem;
  }
}
@media (min-width: 1060px) {
  .cage__sum:before {
    content: " ";
    position: absolute;
    top: 5.1rem;
    left: -0.8rem;
    width: 1.6rem;
    height: 1.6rem;
    background: url(../images/equal.svg) no-repeat;
  }
}
.elevate {
  margin: 2rem 0 4rem 0;
}
.elevate__desc + .elevate__desc {
  margin-top: 2rem;
}
.elevate__captions {
  margin-top: 1.2rem;
}
@media (min-width: 1060px) {
  .elevate__captions {
    margin-top: 1.6rem;
  }
}
.elevate-booking {
  width: 100%;
  height: auto;
  margin: 1.2rem 0 4rem 0;
  padding: 2rem;
  background-color: #edfaff;
}
@media (min-width: 1060px) {
  .elevate-booking {
    margin: 2rem 0 6rem 0;
    padding: 2.4rem 4rem;
  }
}
.elevate-booking__desc {
  font-size: 1.6rem;
  font-weight: bold;
  color: #00256c;
  line-height: 1.5;
}
@media (min-width: 1060px) {
  .elevate-booking__desc {
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.elevate-booking__num {
  display: inline-block;
  font-weight: normal;
}
.elevate-select__list {
  border: 1px solid #d9dbe1;
}
.elevate-select__item {
  padding: 2rem;
  border-top: 1px solid #d9dbe1;
}
@media (min-width: 1060px) {
  .elevate-select__item {
    display: flex;
    padding: 3.2rem 4rem;
  }
}
.elevate-select__item:first-child {
  border-top: 0;
}
.elevate-select__item.-disabled .elevate-select__flight,
.elevate-select__item.-disabled .elevate-select__code,
.elevate-select__item.-disabled .elevate-select__member {
  color: #555;
}
.elevate-select__item.-bgc {
  background-color: #f8f9fc;
}
.elevate-select__target {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  padding-bottom: 2rem;
  border-bottom: 1px solid #d9dbe1;
}
@media (min-width: 1060px) {
  .elevate-select__target {
    align-content: center;
    width: 18rem;
    padding: 0 2rem 0 0;
    margin-right: 4rem;
    border-right: 1px solid #d9dbe1;
    border-bottom: 0;
    box-sizing: border-box;
  }
}
@media (min-width: 1060px) {
  .elevate-select__checkarea {
    width: 100%;
  }
}
.elevate-select__elevate {
  margin-left: auto;
  padding-left: 1rem;
}
@media (min-width: 1060px) {
  .elevate-select__elevate {
    width: 100%;
    padding-left: 0;
  }
}
.elevate-select__flight {
  font-size: 1.4rem;
  font-weight: bold;
  color: #000;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .elevate-select__flight {
    display: block;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.elevate-select__seat {
  display: inline-block;
  font-size: 1.2rem;
  font-weight: normal;
  color: #555;
  line-height: 1.5;
}
@media (min-width: 1060px) {
  .elevate-select__seat {
    display: block;
    margin-top: 0.4rem;
    font-size: 1.4rem;
    line-height: 1.58;
  }
}
.elevate-select__whether {
  font-size: 1.4rem;
  font-weight: normal;
  line-height: 1.71;
  text-align: right;
}
@media (min-width: 1060px) {
  .elevate-select__whether {
    margin-top: 0.8rem;
    padding-left: 3rem;
    text-align: left;
  }
}
.elevate-select__whether.-possible {
  color: #0064de;
}
.elevate-select__whether.-impossible {
  color: #de001b;
}
.elevate-select__count {
  font-weight: bold;
}
.elevate-select__details {
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 1060px) {
  .elevate-select__details {
    flex: 1;
    align-items: center;
  }
}
.elevate-select__from {
  flex: auto;
  width: 50%;
  padding-top: 2rem;
  text-align: center;
}
@media (min-width: 1060px) {
  .elevate-select__from {
    padding: 0;
    text-align: left;
  }
}
.elevate-select__to {
  flex: auto;
  width: 50%;
  padding-top: 2rem;
  text-align: center;
}
@media (min-width: 1060px) {
  .elevate-select__to {
    padding: 0;
    text-align: left;
  }
}
.elevate-select__detail.-from:first-child {
  position: relative;
}
.elevate-select__detail.-from:first-child:before {
  content: "";
  display: block;
  position: absolute;
  top: 0.4rem;
  right: -0.8rem;
  width: 1.6rem;
  height: 1.6rem;
  background: url(../images/elevate__detail--before.svg) no-repeat 50% 50%;
  background-size: 16px 16px;
}
@media (min-width: 1060px) {
  .elevate-select__detail.-from:first-child:before {
    top: -0.6rem;
    right: 2.2rem;
    width: 4.4rem;
    height: 4.4rem;
  }
}
.elevate-select__detail.-from:nth-of-type(2) {
  margin: 0.8rem 0;
}
@media (min-width: 1060px) {
  .elevate-select__detail.-from {
    display: flex;
    align-items: center;
  }
  .elevate-select__detail.-from:nth-of-type(2) {
    display: inline-block;
    margin: 0;
  }
  .elevate-select__detail.-from:nth-of-type(3) {
    display: inline-block;
  }
  .elevate-select__detail.-from:nth-of-type(3):before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 1.3rem;
    vertical-align: top;
    margin: 0.6rem 0.4rem 0 0.4rem;
    background-color: #e7eaf0;
  }
}
.elevate-select__detail.-to:nth-of-type(2) {
  margin: 0.8rem 0;
}
@media (min-width: 1060px) {
  .elevate-select__detail.-to {
    display: flex;
    align-items: center;
  }
  .elevate-select__detail.-to:nth-of-type(2) {
    display: inline-block;
    margin: 0;
  }
  .elevate-select__detail.-to:nth-of-type(3) {
    display: inline-block;
  }
  .elevate-select__detail.-to:nth-of-type(3):before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 1.3rem;
    vertical-align: top;
    margin: 0.6rem 0.4rem 0 0.4rem;
    background-color: #e7eaf0;
  }
}
.elevate-select__code {
  display: block;
  font-size: 1.8rem;
  font-weight: bold;
  color: #000;
  line-height: 1.5;
}
@media (min-width: 1060px) {
  .elevate-select__code {
    display: inline-block;
    font-size: 2.2rem;
    line-height: 1.58;
  }
}
.elevate-select__nation {
  display: block;
  font-size: 1.2rem;
  font-weight: normal;
  color: #555;
  line-height: 1.5;
}
@media (min-width: 1060px) {
  .elevate-select__nation {
    display: inline-block;
    margin-left: 0.4rem;
    font-size: 1.4rem;
    line-height: 1.58;
  }
}
.elevate-select__date {
  font-size: 1.4rem;
  font-weight: normal;
  color: #555;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .elevate-select__date {
    font-size: 1.6;
    line-height: 1.5;
  }
}
.elevate-select__terminal {
  font-size: 1.4rem;
  font-weight: normal;
  color: #555;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .elevate-select__terminal {
    font-size: 1.6;
    line-height: 1.5;
  }
}
.elevate-select__airplane {
  flex: auto;
  width: 100%;
  margin-top: 2rem;
  text-align: center;
  font-size: 1.4rem;
  font-weight: normal;
  color: #00256c;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .elevate-select__airplane {
    text-align: left;
  }
}
.elevate-check__options {
  margin: -1.2rem 0 1.2rem 0;
  text-align: right;
}
.elevate-check__option {
  display: inline-block;
  margin-left: 2rem;
  font-size: 1.4rem;
  font-weight: normal;
  color: #555;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .elevate-check__option {
    margin-left: 2.4rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.elevate-check__option:before {
  content: "";
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  vertical-align: middle;
  margin: -0.4rem 0.4rem 0 0;
  border-radius: 0.2rem;
}
.elevate-check__option.-selected:before {
  border: 1px solid #608ee7;
  background: url(../images/elevate-check__option--selected.svg) no-repeat center;
  background-size: 16px 16px;
  background-color: #f4f8ff;
}
.elevate-check__option.-unselected:before {
  border: 1px solid #d9dbe1;
  background-color: #fff;
}
.elevate-check__option:first-child {
  margin-left: 0;
}
.elevate-check__item {
  padding: 2rem;
  border: 1px solid #d9dbe1;
  border-top: 0;
}
@media (min-width: 1060px) {
  .elevate-check__item {
    display: flex;
    padding: 3.2rem 4rem;
  }
}
.elevate-check__item:first-child {
  border-top: 1px solid #d9dbe1;
}
.elevate-check__item.-selected {
  border-color: #608ee7;
  background-color: #f4f8ff;
}
.elevate-check__item.-selected .elevate-check__flight,
.elevate-check__item.-selected .elevate-check__code {
  color: #000;
}
.elevate-check__item.-selected .elevate-check__seat,
.elevate-check__item.-selected .elevate-check__nation,
.elevate-check__item.-selected .elevate-check__date,
.elevate-check__item.-selected .elevate-check__terminal {
  color: #555;
}
.elevate-check__item.-selected .elevate-check__airplane {
  color: #00256c;
}
.elevate-check__item.-selected .elevate-check__target:before {
  content: "";
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  vertical-align: top;
  margin: 0 0.4rem 0 0;
  background: url(../images/elevate-check__item--selected.svg) no-repeat center;
  background-size: 24px 24px;
}
@media (min-width: 1060px) {
  .elevate-check__item.-selected .elevate-check__target:before {
    margin: 0 0.8rem 0 -3.2rem;
  }
}
.elevate-check__target {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 2rem;
  border-bottom: 1px solid #d9dbe1;
}
@media (min-width: 1060px) {
  .elevate-check__target {
    flex-wrap: wrap;
    align-content: center;
    width: 18rem;
    padding: 0 4rem 0 3.2rem;
    margin-right: 4rem;
    border-right: 1px solid #d9dbe1;
    border-bottom: 0;
    box-sizing: border-box;
  }
}
.elevate-check__flight {
  flex: 1;
  font-size: 1.4rem;
  font-weight: bold;
  color: #767676;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .elevate-check__flight {
    flex: auto;
    width: 100%;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.elevate-check__seat {
  flex: 1;
  font-size: 1.2rem;
  font-weight: normal;
  color: #767676;
  text-align: right;
  line-height: 1.5;
}
@media (min-width: 1060px) {
  .elevate-check__seat {
    flex: auto;
    width: 100%;
    margin-top: 0.2rem;
    font-size: 1.4rem;
    text-align: left;
    line-height: 1.58;
  }
}
.elevate-check__details {
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 1060px) {
  .elevate-check__details {
    flex-wrap: wrap;
    align-content: center;
    flex: 1;
    align-items: center;
  }
}
.elevate-check__from {
  flex: auto;
  width: 50%;
  padding-top: 2rem;
  text-align: center;
}
@media (min-width: 1060px) {
  .elevate-check__from {
    padding: 0;
    text-align: left;
  }
}
.elevate-check__to {
  flex: auto;
  width: 50%;
  padding-top: 2rem;
  text-align: center;
}
@media (min-width: 1060px) {
  .elevate-check__to {
    padding: 0;
    text-align: left;
  }
}
.elevate-check__detail.-from:first-child {
  position: relative;
}
.elevate-check__detail.-from:first-child:before {
  content: "";
  display: block;
  position: absolute;
  top: 0.4rem;
  right: -0.8rem;
  width: 1.6rem;
  height: 1.6rem;
  background: url(../images/elevate__detail--before.svg) no-repeat center;
  background-size: 16px 16px;
}
@media (min-width: 1060px) {
  .elevate-check__detail.-from:first-child:before {
    top: -0.6rem;
    right: 2.2rem;
    width: 4.4rem;
    height: 4.4rem;
  }
}
.elevate-check__detail.-from:nth-of-type(2) {
  margin: 0.8rem 0;
}
@media (min-width: 1060px) {
  .elevate-check__detail.-from {
    display: flex;
    align-items: center;
  }
  .elevate-check__detail.-from:nth-of-type(2) {
    display: inline-block;
    margin: 0;
  }
  .elevate-check__detail.-from:nth-of-type(3) {
    display: inline-block;
  }
  .elevate-check__detail.-from:nth-of-type(3):before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 1.3rem;
    vertical-align: top;
    margin: 0.6rem 1.2rem 0 1.2rem;
    background-color: #e7eaf0;
  }
}
.elevate-check__detail.-to:nth-of-type(2) {
  margin: 0.8rem 0;
}
@media (min-width: 1060px) {
  .elevate-check__detail.-to {
    display: flex;
    align-items: center;
  }
  .elevate-check__detail.-to:nth-of-type(2) {
    display: inline-block;
    margin: 0;
  }
  .elevate-check__detail.-to:nth-of-type(3) {
    display: inline-block;
  }
  .elevate-check__detail.-to:nth-of-type(3):before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 1.3rem;
    vertical-align: top;
    margin: 0.6rem 0.4rem 0 0.4rem;
    background-color: #e7eaf0;
  }
}
.elevate-check__code {
  display: block;
  font-size: 1.8rem;
  font-weight: bold;
  color: #767676;
  line-height: 1.5;
}
@media (min-width: 1060px) {
  .elevate-check__code {
    display: inline-block;
    font-size: 2.2rem;
    line-height: 1.58;
  }
}
.elevate-check__code.-disable {
  color: #555;
}
.elevate-check__nation {
  display: block;
  font-size: 1.2rem;
  font-weight: normal;
  color: #767676;
  line-height: 1.5;
}
@media (min-width: 1060px) {
  .elevate-check__nation {
    display: inline-block;
    margin-left: 0.8rem;
    font-size: 1.4rem;
    line-height: 1.58;
  }
}
.elevate-check__date {
  font-size: 1.4rem;
  font-weight: normal;
  color: #767676;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .elevate-check__date {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.elevate-check__terminal {
  font-size: 1.4rem;
  font-weight: normal;
  color: #767676;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .elevate-check__terminal {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.elevate-check__airplane {
  flex: auto;
  width: 100%;
  margin-top: 2rem;
  text-align: center;
  font-size: 1.4rem;
  font-weight: normal;
  color: #767676;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .elevate-check__airplane {
    text-align: left;
  }
}
@media (min-width: 1060px) {
  .elevate-datas {
    display: flex;
    justify-content: space-between;
  }
}
.elevate-datas__passenger {
  font-size: 1.6rem;
  font-weight: bold;
  color: #000;
  line-height: 1.5;
}
@media (min-width: 1060px) {
  .elevate-datas__passenger {
    flex: 1;
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.elevate-datas__ticket {
  font-size: 1.6rem;
  font-weight: bold;
  color: #000;
  line-height: 1.5;
}
@media (min-width: 1060px) {
  .elevate-datas__ticket {
    flex: 1;
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.elevate-datas__info {
  font-weight: normal;
}
.elevate-datas__list {
  margin-top: 2rem;
}
@media (min-width: 1060px) {
  .elevate-datas__list {
    flex: 1;
    margin-top: 0;
  }
}
.elevate-datas__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.elevate-datas__item + .elevate-datas__item {
  margin-top: 1.2rem;
}
.elevate-datas__item.-hasform {
  margin-top: 0.2rem;
}
.elevate-datas__item.-hasform .elevate-datas__val {
  margin-left: 4.4rem;
}
@media (min-width: 1060px) {
  .elevate-datas__item.-hasform .elevate-datas__val {
    margin-left: 14.7rem;
  }
}
.elevate-datas__key {
  flex: 1;
  font-size: 1.4rem;
  font-weight: normal;
  color: #767676;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .elevate-datas__key {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.elevate-datas__val {
  flex: 1;
  font-size: 1.4rem;
  font-weight: normal;
  color: #000;
  text-align: right;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .elevate-datas__val {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.elevate-datas__val.-em {
  color: #00256c;
}
.elevate-datas__textfield {
  width: 100%;
  height: auto;
  margin-top: 2rem;
  padding-left: 2.6rem;
}
@media (min-width: 1060px) {
  .elevate-datas__textfield {
    flex: 1;
    margin-top: 0;
    padding-left: 0;
  }
}
.elevate-total {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.elevate-total + .bundle {
  width: 100%;
  height: auto;
}
.elevate-total + .elevate-total {
  margin-top: 0.4rem;
}
.elevate-total__key {
  font-size: 1.4rem;
  font-weight: bold;
  color: #00256c;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .elevate-total__key {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.elevate-total__val {
  font-size: 1.6rem;
  font-weight: bold;
  color: #00256c;
  line-height: 1.5;
}
@media (min-width: 1060px) {
  .elevate-total__val {
    font-size: 2rem;
    line-height: 1.5;
  }
}
.elevate-signatur {
  width: 64%;
  margin: 4rem 0 4rem auto;
}
@media (min-width: 1060px) {
  .elevate-signatur {
    width: 32rem;
    margin-bottom: 6rem;
  }
}
.elevate-signatur__item {
  display: flex;
  justify-content: space-between;
}
.elevate-signatur__item + .elevate-signatur__item {
  margin-top: 0.8rem;
}
.elevate-signatur__key {
  flex: 1;
  font-size: 1.4rem;
  font-weight: normal;
  color: #555;
  text-align: left;
  line-height: normal;
}
@media (min-width: 1060px) {
  .elevate-signatur__key {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.elevate-signatur__sign {
  flex: 1;
  font-size: 1.4rem;
  font-weight: normal;
  color: #000;
  text-align: right;
  line-height: normal;
}
@media (min-width: 1060px) {
  .elevate-signatur__sign {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.elevate-bonus__detail {
  margin: 4rem 0;
}
@media (min-width: 1060px) {
  .elevate-bonus__detail {
    display: flex;
    justify-content: space-between;
  }
}
.elevate-bonus__detail:first-child {
  margin-top: 0;
}
@media (min-width: 1060px) {
  .elevate-bonus__key {
    flex: 0.2;
  }
}
@media (min-width: 1060px) {
  .elevate-bonus__val {
    flex: 0.8;
  }
}
.elevate-bonus__mile {
  font-weight: bold;
  color: #00256c;
}
.elevate-guide__message {
  padding-top: 8.4rem;
  background: url(../images/elevate-guide__message.svg) no-repeat top center;
  background-size: 64px 64px;
}
.elevate-guide__title {
  display: block;
  font-size: 1.8rem;
  font-weight: bold;
  color: #000;
  text-align: center;
  line-height: 1.56;
}
@media (min-width: 1060px) {
  .elevate-guide__title {
    font-size: 2.4rem;
    line-height: 1.5;
  }
}
.elevate-guide__desc {
  display: block;
  margin-top: 0.4rem;
  font-size: 1.4rem;
  font-weight: normal;
  color: #0064de;
  text-align: center;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .elevate-guide__desc {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.elevate-guide__notice {
  margin: 2rem 0 4rem 0;
  padding: 2rem;
  background-color: #f8f9fc;
}
@media (min-width: 1060px) {
  .elevate-guide__notice {
    margin-top: 4rem;
  }
}
.coupon {
  margin: 1.2rem 0 0;
}
.coupon.-voucher {
  margin: 4rem 0 0;
}
@media (min-width: 1060px) {
  .coupon__list {
    display: flex;
    flex-wrap: wrap;
  }
}
.coupon__item {
  position: relative;
  width: 100%;
  margin: 0 0 2rem;
  padding-bottom: 2.4rem;
  border: 1px solid #d9dbe1;
  border-radius: 0.2rem;
}
@media (min-width: 1060px) {
  .coupon__item {
    width: calc(33.3% - 2.1rem);
    margin: 0 3.2rem 2rem 0;
  }
  .coupon__item:nth-of-type(3n) {
    margin-right: 0;
  }
}
@media (min-width: 1340px) {
  .coupon__item {
    width: calc(25% - 2.4rem);
  }
  .coupon__item:nth-of-type(3n) {
    margin-right: 3.2rem;
  }
  .coupon__item:nth-of-type(4n) {
    margin-right: 0;
  }
}
.coupon__info {
  position: relative;
  padding: 1.8rem 2rem 0.8rem;
  background-color: #f6f8ff;
}
@media (min-width: 1060px) {
  .coupon__info {
    padding: 2rem 2rem 0.8rem;
  }
}
.coupon__item.-disabled .coupon__info {
  background-color: #f8f9fc;
}
.coupon__info:before {
  content: "";
  display: block;
  position: absolute;
  bottom: -1rem;
  left: -1px;
  width: 1rem;
  height: 2rem;
  border: 1px solid #d9dbe1;
  border-left: 0;
  border-radius: 0 1rem 1rem 0;
  background-color: #fff;
}
.coupon__info:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -1rem;
  right: -1px;
  width: 1rem;
  height: 2rem;
  border: 1px solid #d9dbe1;
  border-right: 0;
  border-radius: 1rem 0 0 1rem;
  background-color: #fff;
}
.coupon__type {
  display: block;
  padding-left: 2.8rem;
  color: #00256c;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .coupon__type {
    padding-left: 3.2rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.coupon__item.-disabled .coupon__type {
  color: #555;
}
.coupon__type.-airport {
  background: url(../images/coupon__type--airport.svg) no-repeat 0 50%;
  background-size: 20px 20px;
}
@media (min-width: 1060px) {
  .coupon__type.-airport {
    background-size: 24px 24px;
  }
}
.coupon__item.-disabled .coupon__type.-airport {
  background: url(../images/coupon__type--airport--disabled.svg) no-repeat 0 50%;
  background-size: 20px 20px;
}
@media (min-width: 1060px) {
  .coupon__item.-disabled .coupon__type.-airport {
    background-size: 24px 24px;
  }
}
.coupon__type.-travel {
  background: url(../images/coupon__type--travel.svg) no-repeat 0 50%;
  background-size: 20px 20px;
}
@media (min-width: 1060px) {
  .coupon__type.-travel {
    background-size: 24px 24px;
  }
}
.coupon__item.-disabled .coupon__type.-travel {
  background: url(../images/coupon__type--travel--disabled.svg) no-repeat 0 50%;
  background-size: 20px 20px;
}
@media (min-width: 1060px) {
  .coupon__item.-disabled .coupon__type.-travel {
    background-size: 24px 24px;
  }
}
.coupon__type.-culture {
  background: url(../images/coupon__type--culture.svg) no-repeat 0 50%;
  background-size: 20px 20px;
}
@media (min-width: 1060px) {
  .coupon__type.-culture {
    background-size: 24px 24px;
  }
}
.coupon__item.-disabled .coupon__type.-culture {
  background: url(../images/coupon__type--culture--disabled.svg) no-repeat 0 50%;
  background-size: 20px 20px;
}
@media (min-width: 1060px) {
  .coupon__item.-disabled .coupon__type.-culture {
    background-size: 24px 24px;
  }
}
.coupon__type.-ticket {
  background: url(../images/coupon__type--ticket.svg) no-repeat 0 50%;
  background-size: 20px 20px;
}
@media (min-width: 1060px) {
  .coupon__type.-ticket {
    background-size: 24px 24px;
  }
}
.coupon__item.-disabled .coupon__type.-ticket {
  background: url(../images/coupon__type--ticket--disabled.svg) no-repeat 0 50%;
  background-size: 20px 20px;
}
@media (min-width: 1060px) {
  .coupon__item.-disabled .coupon__type.-ticket {
    background-size: 24px 24px;
  }
}
.coupon__type.-partner {
  background: url(../images/coupon__type--partner.svg) no-repeat 0 50%;
  background-size: 20px 20px;
}
@media (min-width: 1060px) {
  .coupon__type.-partner {
    background-size: 24px 24px;
  }
}
.coupon__item.-disabled .coupon__type.-partner {
  background: url(../images/coupon__type--partner--disabled.svg) no-repeat 0 50%;
  background-size: 20px 20px;
}
@media (min-width: 1060px) {
  .coupon__item.-disabled .coupon__type.-partner {
    background-size: 24px 24px;
  }
}
.coupon__type.-discount {
  background: url(../images/coupon__type--discount.svg) no-repeat 0 50%;
  background-size: 20px 20px;
}
@media (min-width: 1060px) {
  .coupon__type.-discount {
    background-size: 24px 24px;
  }
}
.coupon__item.-disabled .coupon__type.-discount {
  background: url(../images/coupon__type--discount--disabled.svg) no-repeat 0 50%;
  background-size: 20px 20px;
}
@media (min-width: 1060px) {
  .coupon__item.-disabled .coupon__type.-discount {
    background-size: 24px 24px;
  }
}
.coupon__title {
  display: flex;
  align-items: center;
  min-height: 4.8rem;
  margin-top: 0.8rem;
  color: #000;
  font-weight: 700;
  font-size: 1.6rem;
}
@media (min-width: 1060px) {
  .coupon__title {
    min-height: 5.6rem;
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.coupon__item.-disabled .coupon__title {
  font-weight: normal;
  color: #555;
}
.coupon__status {
  display: inline-block;
  position: absolute;
  top: 1.6rem;
  right: 2rem;
  color: #0064de;
  font-size: 1.4rem;
  line-height: 1.58;
  vertical-align: top;
}
@media (min-width: 1060px) {
  .coupon__status {
    top: 2rem;
    line-height: 1.71;
  }
}
.coupon__item.-disabled .coupon__status {
  color: #555;
}
.coupon__detail {
  margin-bottom: 2.4rem;
  padding: 1.2rem 1.6rem 0 2rem;
  background-color: #fff;
}
@media (max-width: 359px) {
  .coupon__detail {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.coupon__name {
  display: flex;
  align-items: center;
  margin-bottom: 2rem;
  min-height: 4.8rem;
  color: #00256c;
  font-weight: normal;
  font-size: 1.4rem;
  line-height: 1.71;
}
.coupon__data {
  display: flex;
  justify-content: space-between;
  background-color: #fff;
  margin-top: 0.8rem;
}
.coupon__data:first-child {
  margin-top: 0;
}
.coupon__data:last-child {
  margin-bottom: 0;
}
.coupon__key {
  width: 47%;
  padding-right: 1.2rem;
  color: #555;
  font-weight: normal;
  font-size: 1.4rem;
  font-style: normal;
  line-height: 1.71;
}
.coupon__desc {
  display: inline-block;
  vertical-align: top;
}
.coupon__value {
  width: 53%;
  color: #000;
  font-size: 1.4rem;
  line-height: 1.71;
  word-break: break-word;
}
.coupon__end-date {
  display: inline-block;
  vertical-align: top;
}
.coupon-use {
  margin: 1.2rem 0 2rem;
}
.coupon-use__list {
  border-top: 1px solid #d9dbe1;
}
.coupon-use__item {
  border-bottom: 1px solid #d9dbe1;
}
.coupon-use__data-list {
  padding: 0.8rem 1.2rem;
}
@media (min-width: 1060px) {
  .coupon-use__data-list {
    padding: 1.2rem 2rem;
  }
}
.coupon-use__data {
  display: flex;
  justify-content: space-between;
  margin: 0.8rem 0;
}
.coupon-use__key {
  flex: 1;
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .coupon-use__key {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.coupon-use__value {
  flex: 1;
  color: #000;
  font-size: 1.4rem;
  line-height: 1.58;
  text-align: right;
}
@media (min-width: 1060px) {
  .coupon-use__value {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.coupon-barcode__barcode {
  width: 100%;
  vertical-align: top;
}
.coupon-barcode__number {
  display: block;
  margin-top: 0.8rem;
  color: #000;
  font-size: 1.4rem;
  line-height: 1.58;
  text-align: center;
}
.coupon-payment {
  margin: 1.2rem 0 2rem;
  border-top: 1px solid #d9dbe1;
}
.coupon-payment__data-list {
  padding: 0.4rem 1.2rem;
  border-bottom: 1px solid #d9dbe1;
}
@media (min-width: 1060px) {
  .coupon-payment__data-list {
    padding: 1.2rem 3.2rem;
  }
}
.coupon-payment__data {
  display: flex;
  justify-content: space-between;
  margin: 0.8rem 0;
}
.coupon-payment__key {
  flex: 1;
  color: #000;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .coupon-payment__key {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.coupon-payment__value {
  flex: 1;
  color: #000;
  font-size: 1.4rem;
  line-height: 1.58;
  text-align: right;
}
@media (min-width: 1060px) {
  .coupon-payment__value {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.coupon-payment__total {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 1.6rem 1.2rem;
  border-bottom: 1px solid #d9dbe1;
  background: rgba(248, 249, 252, 0.9);
}
@media (min-width: 1060px) {
  .coupon-payment__total {
    padding: 2rem 3.2rem;
  }
}
.coupon-payment__summary {
  width: 50%;
  margin-top: 0.9rem;
  color: #00256c;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .coupon-payment__summary {
    margin-top: 1.5rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.coupon-payment__summary:first-of-type {
  margin-top: 0;
}
.coupon-payment__desc {
  display: block;
  font-weight: normal;
}
.coupon-payment__price {
  width: 50%;
  margin-top: 0.9rem;
  color: #00256c;
  font-weight: 700;
  font-size: 1.6rem;
  text-align: right;
}
@media (min-width: 1060px) {
  .coupon-payment__price {
    margin-top: 1.5rem;
    font-size: 2rem;
  }
}
.coupon-payment__price:first-of-type {
  margin-top: 0;
}
.exist-member {
  margin: 2rem 0;
}
@media (min-width: 1060px) {
  .exist-member {
    margin: 4rem 0;
  }
}
.exist-member__desc {
  display: flex;
  justify-content: space-between;
  padding: 1.6rem;
  border-top: 1px solid #d9dbe1;
  border-bottom: 1px solid #d9dbe1;
}
@media (min-width: 1060px) {
  .exist-member__desc {
    padding: 2rem 0;
  }
}
.exist-member__subject {
  flex: 1;
  font-size: 1.4rem;
  font-weight: normal;
  color: #555;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .exist-member__subject {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.exist-member__number {
  flex: 1;
  font-size: 1.4rem;
  font-weight: normal;
  color: #000;
  text-align: right;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .exist-member__number {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.reservation-info {
  width: 100%;
  height: auto;
  margin: 1.2rem 0 4rem 0;
  padding: 2rem;
  background-color: #edfaff;
}
@media (min-width: 1060px) {
  .reservation-info {
    margin: 2rem 0 4rem 0;
    padding: 2.4rem 4rem;
  }
}
.reservation-info__title {
  font-size: 1.6rem;
  font-weight: bold;
  color: #00256c;
  line-height: 1.5;
}
@media (min-width: 1060px) {
  .reservation-info__title {
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.reservation-info__number {
  font-weight: normal;
}
.reservation-info__desc {
  display: block;
  margin-top: 0.4rem;
  color: #0064de;
  font-size: 1.2rem;
}
@media (min-width: 1060px) {
  .reservation-info__desc {
    font-size: 1.4rem;
    line-height: 1.58;
  }
}
.change-flight {
  margin: 1.2rem 0 4rem;
}
@media (min-width: 1060px) {
  .change-flight {
    margin-bottom: 6rem;
  }
}
.change-flight__item {
  position: relative;
  padding: 2rem 2rem 4rem 2rem;
  border: 1px solid #d9dbe1;
  border-top: 0.4rem solid #c7f3ff;
}
@media (min-width: 1060px) {
  .change-flight__item {
    display: flex;
    padding: 4rem;
  }
}
.change-flight__item:before {
  content: "";
  display: block;
  position: absolute;
  top: -0.4rem;
  right: -0.1rem;
  width: 28.125%;
  height: 0.4rem;
  background: #00256c url(../images/booking--edge.svg) no-repeat 0 0;
  background-size: 20px 4px;
}
@media (min-width: 1060px) {
  .change-flight__item:before {
    width: 34.6875%;
  }
}
.change-flight__item + .change-flight__item {
  margin-top: 2rem;
}
@media (min-width: 1060px) {
  .change-flight__item .selection {
    flex-shrink: 0;
    width: 17.39%;
  }
}
.change-flight__routes {
  margin-top: 2rem;
}
@media (min-width: 1060px) {
  .change-flight__routes {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0 20rem 0 0;
  }
}
.change-flight__route {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.change-flight__route + .change-flight__route {
  margin-top: 2.4rem;
  padding-top: 2.4rem;
  border-top: 1px solid #d9dbe1;
}
@media (min-width: 1060px) {
  .change-flight__route + .change-flight__route {
    position: relative;
    margin-top: 4rem;
    padding-top: 4rem;
    border-top: 0;
  }
  .change-flight__route + .change-flight__route:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: -20rem;
    border-top: 1px solid #d9dbe1;
  }
}
.change-flight__info {
  flex: auto;
  width: 100%;
  margin-bottom: 1.6rem;
}
.change-flight__number {
  font-size: 1.4rem;
  font-weight: normal;
  color: #000;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .change-flight__number {
    font-size: 1.6rem;
  }
}
.change-flight__class {
  font-size: 1.4rem;
  font-weight: normal;
  color: #000;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .change-flight__class {
    font-size: 1.6rem;
  }
}
.change-flight__from {
  width: 50%;
  padding-right: 2.8rem;
  text-align: center;
}
.change-flight__to {
  position: relative;
  width: 50%;
  padding-left: 2.8rem;
  text-align: center;
}
.change-flight__to:before {
  content: "";
  display: block;
  position: absolute;
  top: 2rem;
  left: -25%;
  width: 50%;
  border-top: 1px dashed #0064de;
}
@media (min-width: 1060px) {
  .change-flight__to:before {
    top: 2.2rem;
    left: -30%;
    width: 60%;
  }
}
.change-flight__to:after {
  content: "";
  display: block;
  position: absolute;
  top: 0.5rem;
  left: 0;
  width: 3.2rem;
  height: 3.2rem;
  margin-left: -1.6rem;
  background: #fff url(../images/booking__button-to.svg) no-repeat 50% 50%;
  background-size: 24px 24px;
}
@media (min-width: 1060px) {
  .change-flight__to:after {
    top: -0.9rem;
    width: 6.4rem;
    height: 6.4rem;
    margin-left: -3.2rem;
  }
}
.change-flight__code {
  display: block;
  font-style: normal;
  font-size: 2.8rem;
  font-weight: bold;
  color: #000;
  line-height: 1.5;
}
@media (min-width: 1060px) {
  .change-flight__code {
    font-size: 3rem;
    line-height: 1.53;
  }
}
.change-flight__airport {
  display: block;
  font-size: 1.2rem;
  font-weight: normal;
  color: #555;
  text-align: center;
  line-height: 1.5;
}
@media (min-width: 1060px) {
  .change-flight__airport {
    font-size: 1.4rem;
    line-height: 1.5;
  }
}
.change-flight__date {
  display: block;
  margin-top: 0.8rem;
  font-size: 1.2rem;
  font-weight: normal;
  color: #000;
  line-height: 1.5;
}
@media (min-width: 1060px) {
  .change-flight__date {
    font-size: 1.4rem;
    line-height: 1.58;
  }
}
@media (min-width: 1060px) {
  .change-passenger {
    display: flex;
    justify-content: space-between;
  }
}
.change-passenger__name {
  display: inline;
  color: #000;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .change-passenger__name {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.change-passenger__desc {
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .change-passenger__desc {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.change-passenger__info {
  margin-top: 1.2rem;
}
@media (min-width: 1060px) {
  .change-passenger__info {
    width: 48%;
    margin: 0;
  }
}
.selection + .change-passenger__info {
  margin-left: 2.6rem;
}
@media (min-width: 1060px) {
  .selection + .change-passenger__info {
    margin-left: 0;
  }
}
.change-passenger__members {
  font-size: 1.4rem;
  font-weight: normal;
  color: #555;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .change-passenger__members {
    font-size: 1.6rem;
    text-align: right;
    line-height: 1.5;
  }
}
.change-passenger__member {
  margin-right: 0.8rem;
  font-size: 1.4rem;
  font-weight: normal;
  color: #555;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .change-passenger__member {
    margin-right: 2rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.koreanair-card__visual {
  position: relative;
  margin: 2rem 0 10.8rem 0;
  padding-bottom: 131.25%;
  background: url(../images/koreanair-card__visual--mobile.png) no-repeat 50% center;
  background-size: cover;
}
@media (min-width: 1060px) {
  .koreanair-card__visual {
    display: flex;
    align-items: center;
    width: 100%;
    height: 38rem;
    margin: 4rem 0 6rem 0;
    padding: 0;
    background: url(../images/koreanair-card__visual--pc.png) no-repeat 50% center;
    background-size: cover;
  }
}
.koreanair-card__slogans {
  position: absolute;
  bottom: 3rem;
  width: 100%;
  height: auto;
  padding: 0 2rem 0 8rem;
  text-align: right;
}
@media (min-width: 1060px) {
  .koreanair-card__slogans {
    position: static;
    padding: 0;
    text-align: center;
  }
}
.koreanair-card__slogan {
  font-size: 2.4rem;
  font-weight: bold;
  color: #fff;
}
@media (min-width: 1060px) {
  .koreanair-card__slogan {
    font-size: 3.4rem;
  }
}
.koreanair-card__kinds {
  margin-top: 0.8rem;
  font-size: 1.4rem;
  font-weight: normal;
  color: #fff;
  line-height: 1.71;
}
@media (min-width: 1060px) {
  .koreanair-card__kinds {
    font-size: 1.8rem;
    line-height: 1.5;
  }
}
.koreanair-card__details {
  margin: 1.2rem 0 2rem 0;
  padding: 27.4rem 2rem 4rem 2rem;
  border: 1px solid #d9dbe1;
  background-repeat: no-repeat;
  background-position: center 4.2rem;
  background-size: 120px 190px;
}
@media (min-width: 1060px) {
  .koreanair-card__details {
    margin: 4rem 0;
    padding: 7.5rem 4rem 8.9rem 36rem;
    background-position: 10rem center;
    background-size: 161px 254px;
  }
}
.koreanair-card__details.-card-first-1 {
  background-image: url(../images/koreanair-card__details--card-first-1.png);
}
.koreanair-card__details.-card-first-2 {
  background-image: url(../images/koreanair-card__details--card-first-2.png);
}
.koreanair-card__details.-card-030-1 {
  background-image: url(../images/koreanair-card__details--card-030-1.png);
}
.koreanair-card__details.-card-030-2 {
  background-image: url(../images/koreanair-card__details--card-030-2.png);
}
.koreanair-card__details.-card-030-3 {
  background-image: url(../images/koreanair-card__details--card-030-3.png);
}
.koreanair-card__details.-card-030-4 {
  background-image: url(../images/koreanair-card__details--card-030-4.png);
}
.koreanair-card__benefit {
  margin-top: 1.2rem;
}
@media (min-width: 1060px) {
  .koreanair-card__benefit {
    margin-top: 3.2rem;
  }
}
.boarding-inquiry {
  margin: 2rem 0 4rem 0;
}
@media (min-width: 1060px) {
  .boarding-inquiry {
    margin-bottom: 6rem;
  }
}
.boarding-inquiry__code {
  position: absolute;
  top: 0.8rem;
  font-size: 1.6rem;
  font-weight: bold;
  color: #000;
  line-height: 1.5;
}
@media (min-width: 1060px) {
  .boarding-inquiry__code {
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.boarding-inquiry__placeholder {
  left: 3.2rem;
}
.boarding-inquiry__textfield {
  padding-left: 3.2rem !important;
}
.boarding-result {
  margin: 4rem 0;
}
@media (min-width: 1060px) {
  .boarding-result {
    margin: 6rem 0;
  }
}
.boarding-result__none {
  margin: 8rem 0 4rem 0;
}
@media (min-width: 1060px) {
  .boarding-result__none {
    margin: 12rem 0 10rem 0;
  }
}
.boarding-result__date {
  margin-top: 1rem;
  font-size: 1.4rem;
  font-weight: bold;
  color: #000;
  text-align: center;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .boarding-result__date {
    margin: 0.5rem 0 1.9rem 0;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.boarding-result__flight {
  display: block;
  font-size: 1.4rem;
  font-weight: normal;
  color: #000;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .boarding-result__flight {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.boarding-result__number {
  display: block;
  font-size: 1.4rem;
  font-weight: normal;
  color: #000;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .boarding-result__number {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.boarding-result__buttons {
  margin-top: 1.2rem;
  text-align: center;
}
@media (min-width: 1060px) {
  .boarding-result__buttons {
    margin-top: 3rem;
  }
}
.boarding-result__buttons .button {
  width: 100%;
}
.boarding-document__header {
  width: 100%;
  height: auto;
  padding: 0 2rem;
  background: #fff;
}
@media (min-width: 1060px) {
  .boarding-document__header {
    padding: 0;
  }
}
.boarding-document__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 100%;
  height: 5rem;
}
@media (min-width: 1060px) {
  .boarding-document__head {
    width: 100rem;
    height: 9rem;
    margin: 0 auto;
  }
}
.boarding-document__file-name {
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 2.8rem;
  font-size: 1.6rem;
  font-weight: bold;
  color: #000;
  line-height: 1.5;
}
@media (min-width: 1060px) {
  .boarding-document__file-name {
    padding-left: 3.6rem;
    font-size: 1.8rem;
  }
}
.boarding-document__tools {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-left: auto;
}
.boarding-document__tool {
  cursor: pointer;
  width: 4.4rem;
  height: 4.4rem;
  border: 0;
  background: none;
}
.boarding-document__tool.-printed {
  background: url(../images/boarding-document__tool--printed.svg) no-repeat 50% 50%;
  background-size: 44px 44px;
}
.boarding-document__tool.-download {
  background: url(../images/boarding-document__tool--download.svg) no-repeat 50% 50%;
  background-size: 44px 44px;
}
.boarding-document__tool + .boarding-document__tool {
  margin-left: 0.6rem;
}
@media (min-width: 1060px) {
  .boarding-document__tool + .boarding-document__tool {
    margin-left: 1.6rem;
  }
}
.boarding-document__tool:hover,
.boarding-document__tool:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .boarding-document__tool:hover,
.app .boarding-document__tool:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.boarding-document__prev {
  position: absolute;
  top: 0.3rem;
  left: 0;
  font-size: 0;
}
@media (min-width: 1060px) {
  .boarding-document__prev {
    top: 2.3rem;
  }
}
.boarding-document__prev-button {
  cursor: pointer;
  width: 2.4rem;
  height: 4.4rem;
  border: 0;
  background: none;
  background: url(../images/boarding-document__prev-button.svg) no-repeat 50% center;
  background-size: 24px 24px;
}
.boarding-document__prev-button:hover,
.boarding-document__prev-button:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .boarding-document__prev-button:hover,
.app .boarding-document__prev-button:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.boarding-document__container {
  width: 100%;
  height: auto;
  padding: 2rem 2rem 4.4rem 2rem;
  background: #fff;
}
@media (min-width: 1060px) {
  .boarding-document__container {
    padding: 4rem 0 10rem 0;
    background: #f3f4f8;
  }
}
.boarding-document__content {
  width: 100%;
  height: auto;
  background: #fff;
}
@media (min-width: 1060px) {
  .boarding-document__content {
    width: 100rem;
    margin: 0 auto;
  }
}
.acknowledgment {
  position: relative;
  padding: 3rem 2rem 4rem 2rem;
  border: 1px solid #d9dbe1;
  border-top: 0.4rem solid #c7f3ff;
  border-radius: 0.4rem;
}
@media (min-width: 1060px) {
  .acknowledgment {
    padding: 7.6rem 10rem 39.2rem 10rem;
  }
}
.acknowledgment:before {
  content: "";
  display: block;
  position: absolute;
  top: -0.4rem;
  right: 0;
  width: 25%;
  height: 0.4rem;
  border-radius: 0 0.4rem 0 0;
  background: #00256c url(../images/acknowledgment--before.svg) no-repeat 0 0;
  background-size: auto 4px;
}
.acknowledgment__titles {
  margin-bottom: 4rem;
}
@media (min-width: 1060px) {
  .acknowledgment__titles {
    margin-bottom: 6rem;
  }
}
.acknowledgment__title {
  display: block;
}
.acknowledgment__title.-ko {
  font-size: 2rem;
  font-weight: bold;
  color: #000;
  text-align: center;
  line-height: 1.5;
}
@media (min-width: 1060px) {
  .acknowledgment__title.-ko {
    font-size: 3.2rem;
  }
}
.acknowledgment__title.-en {
  margin-top: 0.4rem;
  font-size: 1.4rem;
  font-weight: normal;
  color: #767676;
  text-align: center;
  line-height: 1.58;
  word-break: keep-all;
}
@media (min-width: 1060px) {
  .acknowledgment__title.-en {
    margin-top: 0.6 rem;
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.acknowledgment__captions {
  margin: 4rem 0 1.2rem 0;
  font-size: 0;
}
@media (min-width: 1060px) {
  .acknowledgment__captions {
    margin: 6rem 0 1.6rem 0;
  }
}
.acknowledgment__caption {
  display: inline-block;
  vertical-align: middle;
}
.acknowledgment__caption.-ko {
  font-size: 1.4rem;
  font-weight: bold;
  color: #000;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .acknowledgment__caption.-ko {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.acknowledgment__caption.-en {
  margin-left: 0.8rem;
  font-size: 1.4rem;
  font-weight: normal;
  color: #767676;
  line-height: 1.58;
  word-break: keep-all;
}
@media (min-width: 1060px) {
  .acknowledgment__caption.-en {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.acknowledgment__ko {
  color: #000;
}
.acknowledgment__en {
  word-break: keep-all;
  color: #767676;
}
.acknowledgment__notices {
  margin: 1.6rem 0 4rem 0;
}
@media (min-width: 1060px) {
  .acknowledgment__notices {
    margin: 2.4rem 0 6rem 0;
  }
}
.acknowledgment__notice {
  display: block;
}
.acknowledgment__notice.-ko {
  font-size: 1.2rem;
  font-weight: normal;
  color: #555;
  line-height: 1.5;
}
@media (min-width: 1060px) {
  .acknowledgment__notice.-ko {
    font-size: 1.4rem;
    line-height: 1.71;
  }
}
.acknowledgment__notice.-en {
  font-size: 1.2rem;
  font-weight: normal;
  color: #767676;
  line-height: 1.5;
  word-break: keep-all;
}
@media (min-width: 1060px) {
  .acknowledgment__notice.-en {
    font-size: 1.4rem;
    line-height: 1.71;
  }
}
.acknowledgment__notice + .acknowledgment__notice {
  margin-top: 0.4rem;
}
.acknowledgment__mobile {
  display: block;
}
@media (min-width: 1060px) {
  .acknowledgment__mobile {
    display: none;
  }
}
.acknowledgment__mo-issue {
  display: flex;
  justify-content: space-between;
}
.acknowledgment__mo-office {
  flex: 1;
}
.acknowledgment__mo-seals {
  width: 4rem;
  height: 4rem;
  margin: 2.6rem 0 0 2rem;
  font-size: 0;
}
@media (min-width: 1060px) {
  .acknowledgment__mo-seals {
    width: 6rem;
    height: 6rem;
    margin: 0;
  }
}
.acknowledgment__mo-seal {
  width: 100%;
  height: auto;
  vertical-align: top;
}
.acknowledgment__pc {
  display: none;
}
@media (min-width: 1060px) {
  .acknowledgment__pc {
    display: block;
  }
}
.acknowledgment__pc.-printed {
  display: block;
}
.acknowledgment__issue {
  display: flex;
  justify-content: space-between;
  margin: 4rem 0;
  border-top: 1px solid #555;
  border-bottom: 1px solid #dee0e2;
}
@media (min-width: 1060px) {
  .acknowledgment__issue {
    margin: 6rem 0 10rem 0;
  }
}
.acknowledgment__date {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
  padding: 1.6rem 2rem;
}
.acknowledgment__keys {
  width: 100%;
  height: auto;
}
.acknowledgment__key {
  display: block;
}
.acknowledgment__key.-ko {
  font-size: 1.6rem;
  font-weight: normal;
  color: #000;
  line-height: 1.5;
}
.acknowledgment__key.-en {
  font-size: 1.6rem;
  font-weight: normal;
  color: #767676;
  line-height: 1.5;
}
.acknowledgment__value {
  width: 100%;
  height: auto;
  margin-top: 3.2rem;
  font-size: 1.6rem;
  font-weight: normal;
  color: #000;
  text-align: right;
  line-height: 1.5;
}
.acknowledgment__value.-stamp {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
.acknowledgment__office {
  flex: 1;
  padding: 1.6rem 2rem;
  border-left: 1px solid #dee0e2;
}
.acknowledgment__seals {
  width: 6rem;
  height: 6rem;
  margin: -0.8rem 0 0 1.2rem;
  font-size: 0;
}
.acknowledgment__seal {
  width: 100%;
  height: auto;
  vertical-align: top;
}
.acknowledgment__logos {
  width: 14.4rem;
  height: auto;
  margin: 4rem auto 0 auto;
  font-size: 0;
  text-align: center;
}
@media (min-width: 1060px) {
  .acknowledgment__logos {
    width: 28.8rem;
    margin-top: 10rem;
  }
}
.acknowledgment__logo {
  width: 100%;
  height: auto;
  vertical-align: top;
}
.acknowledgment-wrap {
  width: 79.3rem;
  height: auto;
}
.freight-detail {
  display: none;
}
@media (min-width: 1060px) {
  .freight-detail {
    display: block;
  }
}
.freight-detail__name {
  font-size: 1.6rem;
  font-weight: bold;
  color: #000;
  line-height: 1.5;
}
.freight-detail__type {
  font-weight: normal;
}
.freight-detail .tbody__th.-over,
.freight-detail .tbody__td.-over {
  overflow: hidden;
}
.freight-detail .tbody__th.-lack,
.freight-detail .tbody__td.-lack {
  color: #de001b;
}
.freight-detail__list {
  margin-top: 2rem;
  position: relative;
  margin-left: -31.4rem;
}
.freight-detail__item {
  font-size: 1.6rem;
  font-weight: normal;
  color: #555;
  line-height: 1.5;
  display: flex;
  align-items: center;
}
.freight-detail__item + .freight-detail__item {
  margin-top: 0.8rem;
}
.freight-detail__key {
  width: 27.4rem;
  margin-right: 4.1rem;
  text-align: left;
}
.freight-detail__value {
  flex: 1;
  text-align: right;
}
.freight-detail__receipt {
  margin-top: -1.2rem;
  padding: 2rem;
  border-bottom: 1px solid #dee0e2;
  background: #f8f9fc;
}
.freight-detail__total {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.freight-detail__total + .freight-detail__total {
  margin-top: 0.8rem;
}
.freight-detail__title {
  width: 27.4rem;
  margin-right: 4.1rem;
  font-size: 1.6rem;
  font-weight: normal;
  color: #00256c;
  line-height: 1.5;
}
.freight-detail__title.-bold {
  font-weight: bold;
}
.freight-detail__amounts {
  flex: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.freight-detail__amount {
  width: 11.7rem;
  text-align: right;
}
.freight-detail__price {
  font-size: 1.6rem;
  font-weight: normal;
  color: #00256c;
  line-height: 1.5;
}
.freight-detail__price.-bold {
  font-weight: bold;
}
.freight-view {
  display: block;
}
@media (min-width: 1060px) {
  .freight-view {
    display: none;
  }
}
.freight-view__passenger {
  margin-bottom: 2rem;
  padding: 0.4rem 1rem 0 1rem;
  font-size: 1.6rem;
  font-weight: bold;
  color: #000;
  line-height: 1.5;
}
.freight-view__type {
  font-weight: normal;
  color: #555;
}
.freight-view__detail {
  margin-top: 2rem;
}
.freight-view__detail.-nolist {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.freight-view__detail.-nolist + .freight-view__detail.-nolist {
  margin-top: 0.8rem;
}
.freight-view__title {
  padding: 0 1rem;
  font-size: 1.4rem;
  font-weight: bold;
  color: #555;
  line-height: 1.58;
}
.freight-view__list {
  margin: 0.8rem 0 1.6rem 0;
  padding: 0 1rem;
}
.freight-view__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.freight-view__item + .freight-view__item {
  margin-top: 0.8rem;
}
.freight-view__item.-haslist {
  flex-wrap: wrap;
}
.freight-view__key {
  flex: 1;
  font-size: 1.4rem;
  font-weight: normal;
  color: #555;
  line-height: 1.58;
}
.freight-view__value {
  margin-left: 4rem;
  font-size: 1.4rem;
  font-weight: normal;
  color: #000;
  text-align: right;
  line-height: 1.58;
}
.freight-view__value.-lack {
  color: #de001b;
}
.freight-view__differential {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1.6rem;
  padding: 1.6rem 1.2rem;
  border-top: 1px solid #d9dbe1;
  border-bottom: 1px solid #d9dbe1;
  background: #f8f9fc;
}
.freight-view__difference {
  flex: 1;
  font-size: 1.4rem;
  font-weight: bold;
  color: #00256c;
  line-height: 1.58;
}
.freight-view__amount {
  font-size: 1.6rem;
  font-weight: bold;
  color: #00256c;
  text-align: right;
  line-height: 1.5;
}
.freight-view__expand {
  display: none;
  width: 100%;
  height: auto;
}
.freight-view__expand.-active {
  display: block;
}
.freight-view__subs {
  margin: 0.6rem -1rem 0 -1rem;
  padding: 1.2rem;
  background: #f8f9fc;
}
.freight-view__sub {
  display: flex;
  justify-content: space-between;
}
.freight-view__sub + .freight-view__sub {
  margin-top: 1.6rem;
}
.freight-view__dt {
  flex: 1;
  font-size: 1.4rem;
  font-weight: normal;
  color: #555;
  text-align: left;
  line-height: 1.58;
}
.freight-view__dd {
  margin-left: 2rem;
  font-size: 1.4rem;
  font-weight: normal;
  color: #555;
  line-height: 1.58;
}
.freight-view__total {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.freight-view__total + .freight-view__total {
  margin-top: 0.8rem;
}
.freight-view__price {
  font-size: 1.4rem;
  font-weight: normal;
  color: #000;
  text-align: right;
  line-height: 1.58;
}
.freight-view__entire {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.4rem 0;
}
.freight-view__sum {
  flex: 1;
  font-size: 1.4rem;
  font-weight: bold;
  color: #00256c;
  line-height: 1.58;
}
.freight-view__amounts {
  margin-left: 1.4rem;
  font-size: 2rem;
  font-weight: bold;
  color: #00256c;
  line-height: 1.5;
}
.cancel-service {
  margin: 4rem 0 2.4rem 0;
}
@media (min-width: 1060px) {
  .cancel-service {
    margin-bottom: 4rem;
  }
}
.cancel-service__title {
  margin-bottom: 1.2rem;
  font-size: 1.4rem;
  font-weight: normal;
  color: #000;
  line-height: 1.71;
}
@media (min-width: 1060px) {
  .cancel-service__title {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.cancel-service__list {
  margin-top: 1.2rem;
}
.cancel-service__item {
  border: 1px solid #d9dbe1;
}
.cancel-service__item + .cancel-service__item {
  margin-top: 1.2rem;
}
.cancel-service__info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.2rem 2rem;
  background: #f8f9fc;
}
@media (min-width: 1060px) {
  .cancel-service__info {
    padding: 1.6rem 2rem;
  }
}
.cancel-service__flight {
  font-size: 1.4rem;
  font-weight: bold;
  color: #000;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .cancel-service__flight {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.cancel-service__route {
  flex: 1;
  display: flex;
  align-items: center;
  margin-left: 2rem;
}
.cancel-service__code {
  font-size: 1.4rem;
  font-weight: normal;
  color: #000;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .cancel-service__code {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.cancel-service__code.-from {
  display: flex;
  align-items: center;
}
.cancel-service__code.-from:after {
  content: "";
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  vertical-align: middle;
  margin: 0 0.8rem;
  background: url(../images/cancel-service__code--from--after.svg) no-repeat 50% center;
  background-size: 16px 16px;
}
.cancel-service__detail {
  padding: 2rem;
  border-top: 1px solid #d9dbe1;
}
@media (min-width: 1060px) {
  .cancel-service__detail {
    padding: 2.4rem 2rem;
  }
}
.cancel-service__passenger {
  display: flex;
}
.cancel-service__passenger + .cancel-service__passenger {
  margin-top: 1.6rem;
}
@media (min-width: 1060px) {
  .cancel-service__passenger + .cancel-service__passenger {
    margin-top: 2rem;
  }
}
.cancel-service__key {
  width: 42%;
  padding-top: 0.4rem;
  padding-right: 0.5rem;
  font-size: 1.3rem;
  font-weight: normal;
  color: #000;
  line-height: 1.58;
  word-break: break-word;
}
@media (min-width: 1060px) {
  .cancel-service__key {
    width: 17rem;
    padding-top: 0;
    padding-right: 2rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.cancel-service__value {
  flex: 1;
}
.cancel-service__option {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  min-height: 3.2rem;
  padding-left: 3.6rem;
  font-size: 1.3rem;
  font-weight: normal;
  color: #767676;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .cancel-service__option {
    padding-left: 4rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.cancel-service__option + .cancel-service__option {
  margin-top: 0.4rem;
}
@media (min-width: 1060px) {
  .cancel-service__option + .cancel-service__option {
    margin-top: 0.8rem;
  }
}
.cancel-service__option.-seat {
  background: url(../images/reserve-addition__service--seat.svg) no-repeat left top;
  background-size: 32px 32px;
}
.cancel-service__option.-help {
  background: url(../images/reserve-addition__service--help.svg) no-repeat left top;
  background-size: 32px 32px;
}
.cancel-service__option.-animal {
  background: url(../images/reserve-addition__service--animal.svg) no-repeat left top;
  background-size: 32px 32px;
}
.cancel-service__option.-baggage {
  background: url(../images/reserve-addition__service--baggage.svg) no-repeat left top;
  background-size: 32px 32px;
}
.cancel-service__option.-immigration {
  background: url(../images/reserve-addition__service--immigration.svg) no-repeat left top;
  background-size: 32px 32px;
}
.cancel-service__option.-meal {
  background: url(../images/reserve-addition__service--meal.svg) no-repeat left top;
  background-size: 32px 32px;
}
.cancel-service__option.-clothes {
  background: url(../images/reserve-addition__service--clothes.svg) no-repeat left top;
  background-size: 32px 32px;
}
.cancel-service__option.-family {
  background: url(../images/reserve-addition__service--family.svg) no-repeat left top;
  background-size: 32px 32px;
}
.cancel-service__option.-train {
  background: url(../images/reserve-addition__service--train.svg) no-repeat left top;
  background-size: 32px 32px;
}
.sel-passengers {
  margin-top: 1rem;
  padding: 3rem 2rem;
  border: 1px solid #d9dbe1;
}
@media (min-width: 1060px) {
  .sel-passengers {
    margin-top: 1.6rem;
    padding: 3.2rem 4rem;
  }
}
.icon-shortcut {
  margin: 3rem 0;
}
@media (min-width: 1060px) {
  .icon-shortcut {
    margin: 2rem 0;
  }
}
.icon-shortcut:first-child {
  margin-top: 0;
}
.icon-shortcut:last-child {
  margin-bottom: 0;
}
.icon-shortcut__list {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
@media (min-width: 1060px) {
  .icon-shortcut__list {
    flex-direction: row;
    justify-content: flex-end;
  }
}
.icon-shortcut__item + .icon-shortcut__item {
  margin-top: 0.4rem;
}
@media (min-width: 1060px) {
  .icon-shortcut__item + .icon-shortcut__item {
    margin-top: 0;
    margin-left: 3rem;
  }
}
.icon-shortcut__link {
  display: inline-block;
  padding-left: 3.2rem;
  padding-right: 2.4rem;
  color: #00256c;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.58;
  text-decoration: none;
}
.icon-shortcut__link:hover,
.icon-shortcut__link:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .icon-shortcut__link:hover,
.app .icon-shortcut__link:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.icon-shortcut__link.-luggage {
  background: url(../images/icon-luggage-plus.svg) no-repeat left center / 24px 24px, url(../images/arrow-right-primary.svg) no-repeat right center / 16px 16px;
}
.icon-shortcut__link.-map {
  background: url(../images/icon-map.svg) no-repeat left center / 24px 24px, url(../images/arrow-right-primary.svg) no-repeat right center / 16px 16px;
}
.icon-shortcut__link.-seat {
  background: url(../images/icon-seat.svg) no-repeat left center / 24px 24px, url(../images/arrow-right-primary.svg) no-repeat right center / 16px 16px;
}
.code {
  margin: 4rem 0;
  color: #767676;
  font-size: 1.2rem;
}
.code:first-child {
  margin-top: 0;
}
.code:last-child {
  margin-bottom: 0;
}
.code.-small {
  margin: 0.6rem 0 0;
  text-align: right;
}
.ck-passengers {
  margin: 4rem 0;
}
.ck-passengers:first-child {
  margin-top: 0;
}
.ck-passengers:last-child {
  margin-bottom: 0;
}
@media (min-width: 1060px) {
  .ck-passengers {
    margin: 6rem 0;
  }
}
.ck-passengers__item {
  padding: 2rem;
  border: 1px solid #d9dbe1;
}
@media (min-width: 1060px) {
  .ck-passengers__item {
    display: table;
    width: 100%;
    padding: 0;
  }
}
.ck-passengers__item + .ck-passengers__item {
  margin-top: 2rem;
}
.ck-passengers__passenger {
  margin-bottom: 2.4rem;
}
@media (min-width: 1060px) {
  .ck-passengers__passenger {
    display: table-cell;
    width: 40%;
    margin-bottom: 0;
    padding: 3.2rem 4rem;
    vertical-align: middle;
  }
}
@media (min-width: 1280px) {
  .ck-passengers__passenger {
    width: 44%;
  }
}
@media (min-width: 1060px) {
  .ck-passengers__infos {
    display: table-cell;
    position: relative;
    width: 60%;
    padding: 3.2rem 4rem;
    vertical-align: middle;
  }
}
@media (min-width: 1280px) {
  .ck-passengers__infos {
    width: 56%;
  }
}
@media (min-width: 1060px) {
  .ck-passengers__infos:before {
    content: "";
    position: absolute;
    top: 3.2rem;
    left: 0;
    bottom: 3.2rem;
    width: 1px;
    background-color: #d9dbe1;
  }
}
.ck-passengers__name {
  color: #000;
  font-size: 1.6rem;
}
@media (min-width: 1060px) {
  .ck-passengers__name {
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.ck-passengers__info {
  margin: 1.6rem 0;
}
@media (min-width: 1060px) {
  .ck-passengers__info {
    margin: 2rem 0;
  }
}
.ck-passengers__info:first-child {
  margin-top: 0;
}
.ck-passengers__info:last-child {
  margin-bottom: 0;
}
.ck-passengers__values {
  display: table;
  width: 100%;
}
.ck-passengers__value {
  display: table-cell;
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
  vertical-align: middle;
}
@media (min-width: 1060px) {
  .ck-passengers__value {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.ck-passengers__value:nth-child(1) {
  width: 38%;
}
@media (min-width: 1060px) {
  .ck-passengers__value:nth-child(1) {
    width: 45%;
  }
}
.ck-passengers__value:nth-child(2) {
  width: 24%;
}
@media (min-width: 1060px) {
  .ck-passengers__value:nth-child(2) {
    width: 25%;
  }
}
.ck-passengers__value:nth-child(3) {
  width: 38%;
  text-align: right;
}
@media (min-width: 1060px) {
  .ck-passengers__value:nth-child(3) {
    width: 30%;
  }
}
.ck-passengers__name {
  display: block;
  margin-bottom: 0.4rem;
  color: #000;
  font-weight: 700;
  font-size: 1.6rem;
}
@media (min-width: 1060px) {
  .ck-passengers__name {
    font-size: 1.8rem;
  }
}
.ck-passengers__with {
  color: #555;
  font-weight: 400;
}
.ck-passengers__member {
  margin-top: 0.4rem;
  color: #767676;
  font-size: 1.6rem;
}
.ck-passengers__button {
  margin-top: 0.4rem;
}
.mo-ticket {
  word-break: break-word;
}
.mo-ticket__view {
  overflow: hidden;
  transform: translate3d(0, 0, 0);
}
.mo-ticket__list {
  white-space: nowrap;
  font-size: 0;
}
.mo-ticket__item {
  display: inline-block;
  white-space: normal;
  width: 100%;
  flex: 0 1 auto;
  padding: 0 2rem;
}
.mo-ticket__status {
  display: flex;
  align-items: center;
  height: 3.8rem;
  font-size: 0;
}
.mo-ticket__status img {
  height: 1.6rem;
}
.mo-ticket__status img + img {
  margin-left: 0.5rem;
}
.mo-ticket__paper {
  background-color: #fff;
  box-shadow: 4px 16px 16px 0 rgba(85, 97, 98, 0.14);
}
.mo-ticket__head {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 7rem;
  padding: 0.3rem 2rem;
  text-align: center;
}
.mo-ticket__item.-economy .mo-ticket__head {
  background-color: #00256c;
}
.mo-ticket__item.-prestige .mo-ticket__head {
  background-color: #0064de;
}
.mo-ticket__item.-first .mo-ticket__head {
  background-color: #c7f3ff;
}
.mo-ticket__body {
  position: relative;
  padding: 2rem 0 3rem;
}
@media (min-width: 360px) {
  .mo-ticket__body {
    padding: 2rem 1rem 3rem;
  }
}
.mo-ticket__foot {
  display: flex;
  padding: 1rem 1.6rem;
  border-radius: 0 0 0.2rem 0.2rem;
  border-top: 1px solid #d9dbe1;
}
.mo-ticket__name {
  font-weight: 700;
  font-size: 1.6rem;
}
.mo-ticket__item.-economy .mo-ticket__name {
  color: #fff;
}
.mo-ticket__item.-prestige .mo-ticket__name {
  color: #fff;
}
.mo-ticket__item.-first .mo-ticket__name {
  color: #000;
}
.mo-ticket__head-info {
  font-size: 1.4rem;
  line-height: 1.58;
}
.mo-ticket__head-info + .mo-ticket__head-info {
  margin-left: 1.2rem;
}
.mo-ticket__item.-economy .mo-ticket__head-info {
  color: #f3f4f8;
}
.mo-ticket__item.-prestige .mo-ticket__head-info {
  color: #f3f4f8;
}
.mo-ticket__item.-first .mo-ticket__head-info {
  color: #000;
}
.mo-ticket__sub {
  font-weight: 400;
  font-size: 1.2rem;
}
.mo-ticket__item.-economy .mo-ticket__sub {
  color: #fff;
}
.mo-ticket__item.-prestige .mo-ticket__sub {
  color: #fff;
}
.mo-ticket__item.-first .mo-ticket__sub {
  color: #000;
}
.mo-ticket__qr {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  height: 17.5rem;
}
.mo-ticket__qr img {
  width: 13rem;
  height: 13rem;
  vertical-align: top;
}
.mo-ticket__number {
  margin-top: 0.8rem;
  color: #767676;
  font-size: 1.2rem;
}
.mo-ticket__expand {
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2.8rem;
  height: 2.8rem;
  border: 1px solid #b8b8b8;
  border-radius: 0.6rem;
  background: #fff url(../images/icon-search.svg) no-repeat center center;
  transform: translate(7.6rem, -8rem);
}
.mo-ticket__expand:hover,
.mo-ticket__expand:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.app .mo-ticket__expand:hover,
.app .mo-ticket__expand:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.mo-ticket__desc {
  margin-bottom: 1.8rem;
  color: #555;
  font-size: 1.2rem;
  background-size: 16px 16px;
  text-align: center;
}
.mo-ticket__desc:before {
  content: "";
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  margin-right: 0.4rem;
  background: url(../images/common/ico-caption.svg) no-repeat center center / 16px 16px;
  vertical-align: -0.4rem;
}
.mo-ticket__ex {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 24rem;
  height: 12.6rem;
  border-radius: 0.2rem;
  background-color: #f8f9fc;
  color: rgba(0, 0, 0, 0.85);
  font-size: 1.2rem;
  line-height: 1.58;
  text-align: center;
}
.mo-ticket__ex-title {
  margin-bottom: 0.8rem;
  color: #000;
  font-weight: 700;
  font-size: 1.6rem;
}
.mo-ticket__journeys {
  display: flex;
  align-items: top;
}
.mo-ticket__journey {
  width: 33.33333333%;
  text-align: center;
}
.mo-ticket__journey:nth-of-type(2) {
  align-self: center;
}
.mo-ticket__code {
  display: block;
  color: #00256c;
  font-weight: 700;
  font-size: 2.4rem;
}
.mo-ticket__city {
  display: block;
  color: #00256c;
  font-size: 1.2rem;
}
.mo-ticket__datas {
  display: flex;
  flex-wrap: wrap;
  margin-top: 2rem;
}
.mo-ticket__data {
  width: 33.33333333%;
  text-align: center;
}
.mo-ticket__data:nth-of-type(3) ~ .mo-ticket__data {
  margin-top: 2rem;
}
.mo-ticket__key {
  color: #767676;
  font-size: 1.2rem;
}
.mo-ticket__value {
  margin-top: 0.3rem;
  color: #000;
  font-weight: 700;
  font-size: 1.6rem;
}
@media (min-width: 360px) {
  .mo-ticket__value {
    font-size: 1.7rem;
  }
}
.mo-ticket__lounge {
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
}
.mo-ticket__zone {
  display: flex;
  align-items: center;
  margin-left: auto;
}
.mo-ticket__zone-key {
  margin-right: 0.4rem;
  font-size: 1.2rem;
  line-height: 1.5;
}
.mo-ticket__zone-value {
  color: #000;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.58;
}
.mo-ticket__carousel {
  position: relative;
}
.mo-ticket__prev {
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  position: absolute;
  top: 24rem;
  left: 0;
  width: 3.4rem;
  height: 6rem;
  border: 0;
  border-radius: 0 6rem 6rem 0;
  background: rgba(217, 219, 225, 0.6) url(../images/ticket-mo-prev.svg) no-repeat left center;
}
.mo-ticket__prev:hover,
.mo-ticket__prev:focus {
  outline: 0;
  box-shadow: inset 0 0 0 1px #0064de;
}
.mo-ticket__prev[disabled] {
  background: rgba(217, 219, 225, 0.6) url(../images/ticket-mo-prev-disabled.svg) no-repeat left center;
  cursor: not-allowed;
}
.mo-ticket__prev[disabled]:hover,
.mo-ticket__prev[disabled]:focus {
  outline: 0;
  border-radius: 0 6rem 6rem 0;
  box-shadow: none;
}
.mo-ticket__next {
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  position: absolute;
  top: 24rem;
  right: 0;
  width: 3.4rem;
  height: 6rem;
  border: 0;
  border-radius: 6rem 0 0 6rem;
  background: rgba(217, 219, 225, 0.6) url(../images/ticket-mo-next.svg) no-repeat right center;
}
.mo-ticket__next:hover,
.mo-ticket__next:focus {
  outline: 0;
  box-shadow: inset 0 0 0 1px #0064de;
}
.mo-ticket__next[disabled] {
  background: rgba(217, 219, 225, 0.6) url(../images/ticket-mo-next-disabled.svg) no-repeat right center;
  cursor: not-allowed;
}
.mo-ticket__next[disabled]:hover,
.mo-ticket__next[disabled]:focus {
  outline: 0;
  border-radius: 6rem 0 0 6rem;
  box-shadow: none;
}
.mo-ticket__next-step {
  position: absolute;
  top: 24rem;
  right: 0;
  z-index: 1;
  padding-left: 1.6rem;
  padding-right: 3.2rem;
  border: 0;
  height: 6rem;
  border-radius: 6rem 0 0 6rem;
  background-color: #e8e9ed;
  color: #0062D9;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.58;
}
.mo-ticket__next-step:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 3.2rem;
  height: 6rem;
  border-radius: 2rem;
  background: url(../images/ticket-mo-next.svg) no-repeat center center / 24px 24px;
}
.mo-ticket__next-step:hover,
.mo-ticket__next-step:focus {
  outline: 0;
  box-shadow: inset 0 0 0 1px #0064de;
}
.mo-ticket__total {
  position: absolute;
  top: 0.8rem;
  right: 2rem;
  color: #555;
  font-size: 1.3rem;
}
.mo-ticket__current {
  font-style: normal;
}
.mo-ticket .caption {
  margin-top: 1.6rem;
}
.mo-ticket__util {
  display: flex;
  align-items: center;
  margin-top: 1.6rem;
  padding: 0 2rem;
}
.mo-ticket__shares {
  display: flex;
  margin-left: auto;
}
.mo-ticket__share {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 4.4rem;
  width: 4.4rem;
  height: 4.4rem;
  background-color: #fff;
  border: 0;
  border-radius: 4.4rem;
}
.mo-ticket__share:before {
  content: "";
  display: block;
  width: 3.2rem;
  height: 3.2rem;
  margin: 0.5rem;
  border-radius: 50%;
}
.mo-ticket__share:hover,
.mo-ticket__share:focus {
  outline: 0;
}
.mo-ticket__share:hover:before,
.mo-ticket__share:focus:before {
  outline: 0;
  box-shadow: 0 0 0 0.3rem #fff, 0 0 0 0.4rem #0064de;
}
.mo-ticket__share.-kakaotalk:before {
  background: #00256c url(../images/ticket-mo-kakaotalk.svg) no-repeat center center / 16px 16px;
}
.mo-ticket__share.-email:before {
  background: #00256c url(../images/ticket-mo-email.svg) no-repeat center center / 16px 16px;
}
.mo-ticket__share.-facebook:before {
  background: #00256c url(../images/ticket-mo-facebook.svg) no-repeat center center / 16px 16px;
}
.mo-ticket__apple-wallet {
  display: flex;
  justify-content: flex-end;
  margin-top: 2.3rem;
  padding: 0 2rem 3.2rem;
}
.mo-ticket__apple-wallet img {
  vertical-align: middle;
}
.pc-ticket {
  min-height: 100vh;
  padding-bottom: 2rem;
  background-color: #f3f4f8;
}
@media (min-width: 1060px) {
  .pc-ticket {
    padding-bottom: 8rem;
  }
}
.pc-ticket__tools {
  margin-bottom: 2rem;
  padding: 0 1rem;
  background-color: #fff;
}
@media (min-width: 1060px) {
  .pc-ticket__tools {
    margin-bottom: 4rem;
  }
}
.pc-ticket__tool {
  display: flex;
  align-items: center;
  position: relative;
  max-width: 100rem;
  margin: 0 auto;
  padding: 1rem 0;
  border-bottom: 1px solid #e7eaf0;
}
@media (min-width: 1060px) {
  .pc-ticket__tool {
    padding: 2.5rem 0;
  }
}
.pc-ticket__controls {
  display: flex;
  align-items: center;
  position: relative;
}
.pc-ticket__prev {
  display: block;
  order: 1;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  width: 3.2rem;
  height: 3.2rem;
  border: 0;
  border-radius: 50%;
  background: rgba(217, 219, 225, 0.6) url(../images/ticket-pc-prev.svg) no-repeat center center;
  background-size: 24px 24px;
}
@media (min-width: 1060px) {
  .pc-ticket__prev {
    width: 4rem;
    height: 4rem;
  }
}
.pc-ticket__prev:hover,
.pc-ticket__prev:focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
@media (min-width: 1060px) {
  .pc-ticket__prev:hover,
  .pc-ticket__prev:focus {
    box-shadow: 0 0 0 0.3rem #fff, 0 0 0 0.4rem #0064de;
  }
}
.pc-ticket__prev[disabled] {
  background: rgba(217, 219, 225, 0.6) url(../images/ticket-pc-prev-disabled.svg) no-repeat center center / 24px 24px;
  cursor: not-allowed;
}
.pc-ticket__prev[disabled]:hover,
.pc-ticket__prev[disabled]:focus {
  outline: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.pc-ticket__prev[aria-disabled="true"] {
  background: rgba(217, 219, 225, 0.6) url(../images/ticket-pc-prev-disabled.svg) no-repeat center center / 24px 24px;
  cursor: not-allowed;
}
.pc-ticket__current {
  color: #0064de;
  font-style: normal;
  font-weight: 700;
}
.pc-ticket__total {
  order: 2;
  width: 5rem;
  color: #767676;
  font-size: 1.2rem;
  text-align: center;
}
@media (min-width: 1060px) {
  .pc-ticket__total {
    width: 10rem;
    font-size: 1.6rem;
  }
}
.pc-ticket__next {
  display: block;
  order: 3;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  width: 3.2rem;
  height: 3.2rem;
  border: 0;
  border-radius: 50%;
  background: rgba(217, 219, 225, 0.6) url(../images/ticket-pc-next.svg) no-repeat center center;
  background-size: 24px 24px;
}
@media (min-width: 1060px) {
  .pc-ticket__next {
    width: 4rem;
    height: 4rem;
  }
}
.pc-ticket__next:hover,
.pc-ticket__next:focus {
  outline: 0;
  box-shadow: 0 0 0 0.3rem #fff, 0 0 0 0.4rem #0064de;
}
.pc-ticket__next[disabled] {
  background: rgba(217, 219, 225, 0.6) url(../images/ticket-pc-next-disabled.svg) no-repeat center center;
  background-size: 24px 24px;
  cursor: not-allowed;
}
.pc-ticket__next[disabled]:hover,
.pc-ticket__next[disabled]:focus {
  box-shadow: none;
}
.pc-ticket__next[aria-disabled="true"] {
  background: rgba(217, 219, 225, 0.6) url(../images/ticket-pc-next-disabled.svg) no-repeat center center;
  background-size: 24px 24px;
  cursor: not-allowed;
}
.pc-ticket__next-step {
  display: block;
  order: 4;
  white-space: nowrap;
  position: absolute;
  top: 50%;
  left: 8.2rem;
  padding-left: 0.6rem;
  padding-right: 2rem;
  height: 3.2rem;
  border: 0;
  border-radius: 2rem;
  background-color: #e8e9ed;
  color: #0062D9;
  font-weight: 700;
  font-size: 1.2rem;
  transform: translateY(-50%);
}
@media (min-width: 1060px) {
  .pc-ticket__next-step {
    left: 14rem;
    height: 4rem;
    padding-left: 1.6rem;
    padding-right: 4rem;
    font-size: 1.4rem;
    line-height: 1.58;
  }
}
.pc-ticket__next-step:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 2rem;
  height: 3.2rem;
  border-radius: 2rem;
  background: url(../images/ticket-pc-next-step.svg) no-repeat center center;
  background-size: 24px 24px;
  transform: translateY(-50%);
}
@media (min-width: 1060px) {
  .pc-ticket__next-step:before {
    width: 4rem;
    height: 4rem;
  }
}
.pc-ticket__next-step:hover,
.pc-ticket__next-step:focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
@media (min-width: 1060px) {
  .pc-ticket__next-step:hover,
  .pc-ticket__next-step:focus {
    box-shadow: 0 0 0 0.3rem #fff, 0 0 0 0.4rem #0064de;
  }
}
.pc-ticket__shares {
  display: flex;
  margin-left: auto;
}
.pc-ticket__share + .pc-ticket__share {
  margin-left: 0.5rem;
}
@media (min-width: 1060px) {
  .pc-ticket__share + .pc-ticket__share {
    margin-left: 2rem;
  }
}
.pc-ticket__share-link {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  vertical-align: middle;
  width: 3.2rem;
  height: 3.2rem;
  border: 0;
  border-radius: 50%;
  background-color: #00256c;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 18px 18px;
}
@media (min-width: 1060px) {
  .pc-ticket__share-link {
    width: 4rem;
    height: 4rem;
    background-size: 24px 24px;
  }
}
.pc-ticket__share-link:hover,
.pc-ticket__share-link:focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
@media (min-width: 1060px) {
  .pc-ticket__share-link:hover,
  .pc-ticket__share-link:focus {
    box-shadow: 0 0 0 0.3rem #fff, 0 0 0 0.4rem #0064de;
  }
}
.pc-ticket__share-link.-print {
  background-image: url(../images/ticket-pc-print.svg);
}
.pc-ticket__share-link.-kakaotalk {
  background-image: url(../images/ticket-pc-kakaotalk.svg);
}
.pc-ticket__share-link.-email {
  background-image: url(../images/ticket-pc-email.svg);
}
.pc-ticket__share-link.-facebook {
  background-image: url(../images/ticket-pc-facebook.svg);
}
.pc-ticket__paper {
  max-width: 100rem;
  margin: 0 auto;
  padding: 2rem;
  background-color: #fff;
}
@media (min-width: 1060px) {
  .pc-ticket__paper {
    padding: 4rem 3.2rem 6.3rem;
  }
}
.pc-ticket__subject {
  margin-bottom: 0.4rem;
}
@media (min-width: 1060px) {
  .pc-ticket__subject {
    display: flex;
    align-items: center;
  }
}
.pc-ticket__logo {
  margin-bottom: 1.2rem;
  font-size: 0;
}
@media (min-width: 1060px) {
  .pc-ticket__logo {
    margin-bottom: 0;
  }
}
.pc-ticket__logo-image {
  height: 2.4rem;
  vertical-align: top;
}
@media (min-width: 1060px) {
  .pc-ticket__logo-image {
    height: auto;
  }
}
.pc-ticket__title {
  margin-left: auto;
  color: #00256c;
  font-weight: 700;
  font-size: 1.4rem;
}
@media (min-width: 1060px) {
  .pc-ticket__title {
    font-size: 2.4rem;
  }
}
.pc-ticket__type {
  font-weight: normal;
}
.pc-ticket__message {
  margin: 0.4rem 0 1.2rem;
  color: #555;
  font-size: 1rem;
}
@media (min-width: 1060px) {
  .pc-ticket__message {
    margin: 0.4rem 0 2rem;
    font-size: 1.4rem;
    line-height: 1.58;
    text-align: right;
  }
}
@media (min-width: 1060px) {
  .pc-ticket__status {
    display: flex;
    align-items: stretch;
  }
}
.pc-ticket__cautions {
  display: flex;
  align-items: center;
  position: relative;
  min-height: 3rem;
  padding: 0.4rem 1rem;
  border-radius: 1rem 1rem 0 0;
}
@media (min-width: 1060px) {
  .pc-ticket__cautions {
    flex: 1;
    padding: 0.4rem 2rem;
    border-radius: 1rem 0 0 0;
  }
}
.pc-ticket__cautions:after {
  content: "";
  display: none;
  position: absolute;
  top: 0;
  right: -3.3rem;
  width: 3.4rem;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 50% 100%;
  background-size: 34px 30px;
}
@media (min-width: 1060px) {
  .pc-ticket__cautions:after {
    display: block;
  }
}
.pc-ticket__item.-economy .pc-ticket__cautions {
  background-color: #00256c;
}
.pc-ticket__item.-economy .pc-ticket__cautions:after {
  background-image: url(../images/pc-ticket__item--economy__cautions--after.svg);
}
.pc-ticket__item.-prestige .pc-ticket__cautions {
  background-color: #0064de;
}
.pc-ticket__item.-prestige .pc-ticket__cautions:after {
  background-image: url(../images/pc-ticket__item--prestige__cautions--after.svg);
}
.pc-ticket__item.-first .pc-ticket__cautions {
  background-color: #c7f3ff;
}
.pc-ticket__item.-first .pc-ticket__cautions:after {
  background-image: url(../images/pc-ticket__item--first__cautions--after.svg);
}
.pc-ticket__caution {
  padding-left: 2.4rem;
  font-weight: normal;
  font-size: 1.2rem;
  background-repeat: no-repeat;
  background-position: 0 0.2rem;
  background-size: 16px 16px;
}
@media (min-width: 1060px) {
  .pc-ticket__caution {
    background-position: 0 0.4rem;
    font-size: 1.4rem;
    line-height: 1.58;
  }
}
.pc-ticket__item.-economy .pc-ticket__caution {
  background-image: url(../images/pc-ticket__caution--economy.svg);
  color: #fff;
}
.pc-ticket__item.-prestige .pc-ticket__caution {
  background-image: url(../images/pc-ticket__caution--prestige.svg);
  color: #fff;
}
.pc-ticket__item.-first .pc-ticket__caution {
  background-image: url(../images/pc-ticket__caution--first.svg);
  color: #555;
}
.pc-ticket__primary {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  min-height: 3rem;
  padding: 0.4rem 2rem;
  border-left: 1px solid #d9dbe1;
  border-right: 1px solid #d9dbe1;
  background-color: #f3f4f8;
  text-align: right;
}
@media (min-width: 1060px) {
  .pc-ticket__primary {
    justify-content: center;
    width: 23.4rem;
    padding: 0.4rem 2rem 0.4rem 3.4rem;
    border-top: 1px solid #d9dbe1;
    border-left: 0;
    border-radius: 0 1rem 0 0;
  }
}
.pc-ticket__mark {
  font-size: 0;
}
.pc-ticket__mark img + img {
  margin-left: 0.4rem;
}
.pc-ticket__list {
  margin: 2rem 0 4rem 0;
}
.pc-ticket__item + .pc-ticket__item {
  margin-top: 2rem;
}
.pc-ticket__contents {
  display: flex;
  border: 1px solid #d9dbe1;
  border-top: 0;
  border-radius: 0 0 1rem 1rem;
}
.pc-ticket__qr {
  width: 10.2rem;
  padding: 1rem 0;
  text-align: center;
}
@media (min-width: 1060px) {
  .pc-ticket__qr {
    width: 12.6rem;
    padding: 2rem 0;
  }
}
.pc-ticket__qr-area {
  width: 6.2rem;
  height: 25.9rem;
  margin: 0 auto;
  background-color: #f3f4f8;
}
.pc-ticket__qr-image {
  width: 62px;
  height: 259px;
}
.pc-ticket__qr-num {
  margin-top: 0.8rem;
  color: #767676;
  font-size: 1.2rem;
}
.pc-ticket__info {
  flex: 1;
  padding: 1rem;
  padding-left: 0;
}
@media (min-width: 1060px) {
  .pc-ticket__info {
    padding: 2rem 3.2rem 2rem 0;
  }
}
.pc-ticket__datas {
  display: flex;
  flex-wrap: wrap;
}
.pc-ticket__datas ~ .pc-ticket__datas {
  margin-top: 0.4rem;
  padding-top: 0.4rem;
  border-top: 1px solid #d9dbe1;
}
@media (min-width: 1060px) {
  .pc-ticket__datas ~ .pc-ticket__datas {
    margin-top: 2rem;
    padding-top: 2rem;
  }
}
.pc-ticket__data {
  width: 50%;
}
@media (min-width: 1060px) {
  .pc-ticket__data {
    display: flex;
  }
}
.pc-ticket__data + .pc-ticket__data {
  margin-top: 0.4rem;
}
@media (min-width: 1060px) {
  .pc-ticket__data + .pc-ticket__data {
    margin-top: 0;
  }
}
@media (min-width: 1060px) {
  .pc-ticket__datas.-col2 .pc-ticket__data {
    width: 50%;
  }
}
.pc-ticket__datas.-col2 .pc-ticket__data:nth-of-type(2) ~ .pc-ticket__data {
  margin-top: 0.4rem;
}
@media (min-width: 1060px) {
  .pc-ticket__datas.-col2 .pc-ticket__data:nth-of-type(2) ~ .pc-ticket__data {
    margin-top: 1.2rem;
  }
}
.pc-ticket__datas.-col3 .pc-ticket__data:nth-of-type(1) {
  width: 100%;
}
@media (min-width: 1060px) {
  .pc-ticket__datas.-col3 .pc-ticket__data:nth-of-type(1) {
    width: 25%;
  }
}
.pc-ticket__datas.-col3 .pc-ticket__data:nth-of-type(2) {
  width: 100%;
}
@media (min-width: 1060px) {
  .pc-ticket__datas.-col3 .pc-ticket__data:nth-of-type(2) {
    width: 34%;
  }
}
.pc-ticket__datas.-col3 .pc-ticket__data:nth-of-type(3) {
  width: 100%;
}
@media (min-width: 1060px) {
  .pc-ticket__datas.-col3 .pc-ticket__data:nth-of-type(3) {
    width: 41%;
  }
}
.pc-ticket__key {
  color: #767676;
  font-size: 1.2rem;
}
@media (min-widtH: 1060px) {
  .pc-ticket__key {
    width: 12rem;
    font-size: 1.6rem;
  }
}
.pc-ticket__datas.-col3 .pc-ticket__key {
  width: auto;
  padding-right: 2rem;
}
.pc-ticket__value {
  flex: 1;
  color: #000;
  font-weight: 700;
  font-size: 1.2rem;
}
@media (min-width: 1060px) {
  .pc-ticket__value {
    font-size: 1.6rem;
  }
}
.pc-ticket__datas.-col3 .pc-ticket__value {
  width: auto;
  padding-right: 2rem;
}
.pc-ticket__sub {
  font-weight: 400;
  font-size: 1.2rem;
}
@media (min-width: 1060px) {
  .pc-ticket__sub {
    font-size: 1.4rem;
    line-height: 1.58;
  }
}
.pc-ticket__lounge {
  padding-top: 1.8rem;
  font-weight: 400;
  font-size: 1rem;
}
@media (min-width: 1060px) {
  .pc-ticket__lounge {
    padding-top: 0;
    font-size: 1.4rem;
    line-height: 1.58;
  }
}
.print-ticket__subject {
  display: flex;
  align-items: center;
}
.print-ticket__logo {
  margin-bottom: 0;
  font-size: 0;
}
.print-ticket__logo-image {
  display: block;
  height: 6mm;
}
.print-ticket__title {
  margin-left: auto;
  color: #00256c;
  font-weight: 700;
  font-size: 16px;
}
.print-ticket__type {
  font-weight: normal;
}
.print-ticket__message {
  margin: 2mm 0;
  color: #555;
  font-size: 12px;
  text-align: right;
}
.print-ticket__item {
  overflow: hidden;
  border: 0.1rem solid #d9dbe1;
  border-radius: 0.5rem;
}
.print-ticket__status {
  display: flex;
  height: 7mm;
  align-items: stretch;
}
.print-ticket__cautions {
  display: flex;
  align-items: center;
  flex: 1;
  position: relative;
  padding: 4px 20px;
}
.print-ticket__cautions:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: -33px;
  width: 34px;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 50% 100%;
  background-size: 34px 30px;
}
.print-ticket__item.-economy .print-ticket__cautions {
  background-color: #00256c;
}
.print-ticket__item.-economy .print-ticket__cautions:after {
  background-image: url(../images/pc-ticket__item--economy__cautions--after.svg);
}
.print-ticket__item.-prestige .print-ticket__cautions {
  background-color: #0064de;
}
.print-ticket__item.-prestige .print-ticket__cautions:after {
  background-image: url(../images/pc-ticket__item--prestige__cautions--after.svg);
}
.print-ticket__item.-first .print-ticket__cautions {
  background-color: #c7f3ff;
}
.print-ticket__item.-first .print-ticket__cautions:after {
  background-image: url(../images/pc-ticket__item--first__cautions--after.svg);
}
.print-ticket__caution {
  padding-left: 24px;
  font-weight: normal;
  font-size: 12px;
  line-height: 1.58;
  background-repeat: no-repeat;
  background-position: 0 0.5mm;
  background-size: 4mm 4mm;
}
.print-ticket__item.-economy .print-ticket__caution {
  background-image: url(../images/pc-ticket__caution--economy.svg);
  color: #fff;
}
.print-ticket__item.-prestige .print-ticket__caution {
  background-image: url(../images/pc-ticket__caution--prestige.svg);
  color: #fff;
}
.print-ticket__item.-first .print-ticket__caution {
  background-image: url(../images/pc-ticket__caution--first.svg);
  color: #555;
}
.print-ticket__primary {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60mm;
  padding: 4px 2px 4px 34px;
  border-left: 0;
  background-color: #f3f4f8;
  text-align: right;
}
.print-ticket__mark {
  font-size: 0;
}
.print-ticket__mark img {
  height: 3.5mm;
}
.print-ticket__mark img + img {
  margin-left: 2mm;
}
.print-ticket__list {
  margin: 2mm 0;
}
.print-ticket__item + .print-ticket__item {
  margin-top: 2.5mm;
}
.print-ticket__contents {
  display: flex;
}
.print-ticket__qr {
  width: 120px;
  padding: 5mm 0 5mm 3mm;
  text-align: left;
}
.print-ticket__qr-image {
  display: block;
  background-color: #f3f4f8;
}
.print-ticket__qr.-small .print-ticket__qr-image {
  width: 76px;
  height: 175px;
}
.print-ticket__qr.-large .print-ticket__qr-image {
  width: 96px;
  height: 175px;
}
.print-ticket__qr-num {
  margin-top: 8px;
  color: #767676;
  font-size: 10px;
  text-align: center;
}
.print-ticket__qr.-small .print-ticket__qr-num {
  width: 76px;
}
.print-ticket__qr.-large .print-ticket__qr-num {
  width: 96px;
}
.print-ticket__info {
  flex: 1;
  padding: 5mm 6mm 5mm 0;
}
.print-ticket__datas {
  display: flex;
  flex-wrap: wrap;
}
.print-ticket__datas ~ .print-ticket__datas {
  margin-top: 3mm;
  padding-top: 3mm;
  border-top: 1px solid #d9dbe1;
}
.print-ticket__data {
  display: flex;
  width: 50%;
}
.print-ticket__data + .print-ticket__data {
  margin-top: 0;
}
.print-ticket__datas.-col2 .print-ticket__data {
  width: 50%;
}
.print-ticket__datas.-col2 .print-ticket__data:nth-of-type(2) ~ .print-ticket__data {
  margin-top: 2mm;
}
.print-ticket__datas.-col3 .print-ticket__data:nth-of-type(1) {
  width: 25%;
}
.print-ticket__datas.-col3 .print-ticket__data:nth-of-type(2) {
  width: 34%;
}
.print-ticket__datas.-col3 .print-ticket__data:nth-of-type(3) {
  width: 41%;
}
.print-ticket__key {
  width: 120px;
  color: #767676;
  font-size: 12px;
}
.print-ticket__datas.-col3 .print-ticket__key {
  width: auto;
  padding-right: 5mm;
}
.print-ticket__value {
  flex: 1;
  color: #000;
  font-weight: 700;
  font-size: 12px;
}
.print-ticket__datas.-col3 .print-ticket__value {
  width: auto;
  padding-right: 2px;
}
.print-ticket__sub {
  font-weight: 400;
  font-size: 10px;
}
.print-ticket__lounge {
  padding-top: 0;
  font-weight: 400;
  font-size: 12px;
}
.print-ticket .code {
  margin-top: 0;
  font-size: 10px;
}
.print-ticket .grid {
  display: flex;
  margin-top: 5mm;
}
.print-ticket .grid.-col2 .grid__item {
  width: 50%;
}
.print-ticket .h3 {
  margin: 5mm 0 1mm;
  font-size: 12px;
}
.print-ticket .h3:first-child {
  margin-top: 0;
}
.print-ticket .h3:last-child {
  margin-bottom: 0;
}
.print-ticket .p {
  margin: 1mm 0;
  font-size: 10px;
}
.print-ticket .p:first-child {
  margin-top: 0;
}
.print-ticket .p:last-child {
  margin-bottom: 0;
}
.print-ticket .list {
  list-style: disc;
  margin: 1mm 0;
  padding-left: 5mm;
}
.print-ticket .list:first-child {
  margin-top: 0;
}
.print-ticket .list:last-child {
  margin-bottom: 0;
}
.print-ticket .list__item {
  font-size: 10px;
}
.print-ticket .list.-disc > .list__item {
  padding-left: 0;
}
.print-ticket .list__item + .list__item {
  margin-top: 2mm;
}
.print-ticket .list__item:before {
  display: none;
}
.checkins__item + .checkins__item {
  margin-top: 2rem;
}
.checkins__status {
  display: flex;
  align-items: center;
  position: relative;
  min-height: 3.6rem;
  padding: 0.5rem 8.2rem 0.5rem 1.2rem;
  color: #00256c;
  font-weight: 700;
  font-size: 1.2rem;
  background: #f3f4f8 url(../images/checkins__status--m.svg) no-repeat right center;
  background-size: 82px 36px;
}
@media (min-width: 1060px) {
  .checkins__status {
    min-height: 4rem;
    padding: 0.8rem 10.6rem 0.8rem 6rem;
    font-size: 1.6rem;
    background-image: url(../images/checkins__status--pc.svg);
    background-size: 106px 40px;
  }
}
.checkins__status.-active {
  background-color: #c7f3ff;
}
.checkins__contents {
  padding: 2rem;
  border: 1px solid #d9dbe1;
  border-top: 0;
}
@media (min-width: 1060px) {
  .checkins__contents {
    display: table;
    width: 100%;
    padding: 4rem 3rem 4rem 6rem;
  }
}
@media (min-width: 1280px) {
  .checkins__contents {
    padding-right: 4rem;
  }
}
@media (min-width: 1060px) {
  .checkins__flights {
    display: table-cell;
    padding-right: 4rem;
    vertical-align: middle;
  }
}
@media (min-width: 1060px) {
  .checkins__flights .flights__item {
    width: 50%;
  }
}
@media (min-width: 1280px) {
  .checkins__flights .flights__item {
    width: 33.33333333%;
  }
}
.checkins__controls {
  margin-top: 3rem;
  padding-top: 2rem;
  border-top: 1px dashed #ababab;
}
@media (min-width: 1060px) {
  .checkins__controls {
    display: table-cell;
    width: 32rem;
    margin-top: 0;
    padding-top: 0;
    padding-left: 3rem;
    border-top: 0;
    border-left: 1px dashed #ababab;
    vertical-align: middle;
  }
}
@media (min-width: 1280px) {
  .checkins__controls {
    padding-left: 4rem;
  }
}
.checkins__buttons {
  display: flex;
  margin: 0 -0.3rem;
}
@media (min-width: 1060px) {
  .checkins__buttons {
    display: block;
    margin: 0;
  }
}
.checkins__button {
  flex: 1;
  padding: 0 0.3rem;
}
@media (min-width: 1060px) {
  .checkins__button {
    padding: 0;
  }
}
@media (min-width: 1060px) {
  .checkins__button + .checkins__button {
    margin-top: 0.8rem;
  }
}
.checkins__button button {
  width: 100%;
}
.journeys {
  position: relative;
  padding: 3rem 1.6rem 2rem;
  background-color: #fff;
}
@media (min-width: 1060px) {
  .journeys {
    padding: 4.6rem 4rem 2.7rem;
  }
}
.-active .journeys {
  background-color: #f8f9fc;
}
.journeys__item + .journeys__item {
  margin-top: 1.6rem;
  padding-top: 1.6rem;
  border-top: 1px dashed #d9dbe1;
}
.journeys__flag {
  position: absolute;
  top: -0.1rem;
  left: -0.1rem;
  min-width: 6.2rem;
  padding: 0.2rem 1rem;
  background: #0064de;
  background-size: auto 100%;
  color: #fff;
  font-size: 1.2rem;
  line-height: 1.5;
  text-align: center;
}
@media (min-width: 1060px) {
  .journeys__flag {
    font-size: 1.4rem;
    min-width: 7rem;
    padding: 0.5rem 1rem;
  }
}
.journeys__from-to {
  display: flex;
  text-align: center;
  background: url(../images/journeys__from-to.svg) no-repeat 50% 0.5rem;
}
@media (min-width: 1060px) {
  .journeys__from-to {
    align-items: center;
    background: none;
    text-align: left;
  }
}
.journeys__from {
  flex: 1;
  padding: 0 2rem;
}
@media (min-width: 1060px) {
  .journeys__from {
    display: flex;
    flex: none;
    align-items: center;
    padding: 0;
  }
}
.journeys__to {
  flex: 1;
  padding: 0 2rem;
}
@media (min-width: 1060px) {
  .journeys__to {
    display: flex;
    align-items: center;
    margin-left: 1.2rem;
    padding: 0;
    padding-left: 2.4rem;
    background: url(../images/journeys__from-to.svg) no-repeat 0 0.3rem;
  }
}
.journeys__code {
  color: #000;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .journeys__code {
    margin-right: 0.4rem;
  }
}
.journeys__city {
  color: #555;
  font-size: 1.2rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .journeys__city {
    font-size: 1.4rem;
    line-height: 1.58;
  }
}
.journeys__infos {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 1rem;
}
@media (min-width: 1060px) {
  .journeys__infos {
    justify-content: flex-start;
  }
}
.journeys__time {
  width: 100%;
  color: #555;
  font-size: 1.2rem;
  line-height: 1.58;
  text-align: center;
}
@media (min-width: 1060px) {
  .journeys__time {
    position: relative;
    width: auto;
    margin-right: 1rem;
    padding-right: 1rem;
    font-size: 1.4rem;
    line-height: 1.58;
    text-align: left;
  }
  .journeys__time:before {
    content: "";
    position: absolute;
    top: 0.6rem;
    right: 0;
    width: 1px;
    height: 1.3rem;
    background-color: #d9dbe1;
  }
}
.journeys__info {
  color: #555;
  font-size: 1.2rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .journeys__info {
    font-size: 1.4rem;
    line-height: 1.58;
  }
}
.journeys__info + .journeys__info {
  position: relative;
  margin-left: 1rem;
  padding-left: 1rem;
}
.journeys__info + .journeys__info:before {
  content: "";
  position: absolute;
  top: 0.6rem;
  left: 0;
  width: 1px;
  height: 1.3rem;
  background-color: #d9dbe1;
}
.journeys__info .link {
  font-size: 1.2rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .journeys__info .link {
    font-size: 1.4rem;
    line-height: 1.58;
  }
}
.journeys__info .remark {
  color: #000;
}
.flights__flight + .flights__flight {
  margin-top: 3.2rem;
  padding-top: 3.2rem;
  border-top: 1px solid #d9dbe1;
}
@media (min-width: 1060px) {
  .flights__flight + .flights__flight {
    margin-top: 4rem;
    padding-top: 4rem;
  }
}
@media (min-width: 1060px) {
  .flights__list {
    display: flex;
    flex-wrap: wrap;
  }
}
.flights__item {
  position: relative;
  padding-bottom: 5.2rem;
  padding-left: 3.6rem;
}
@media (min-width: 1060px) {
  .flights__item {
    width: 33.33333333%;
    padding-top: 4.4rem;
    padding-right: 2rem;
    padding-bottom: 4rem;
    padding-left: 0;
  }
}
.flights__item:first-child:nth-last-child(2) {
  flex: 1;
}
.flights__item:last-child:nth-child(2) {
  flex: 0.5;
}
@media (min-width: 1060px) {
  .flights__item:nth-child(3) ~ .flights__item {
    padding-bottom: 0;
  }
}
.flights__item:last-child {
  padding-bottom: 0;
}
.flights__item:before {
  content: "";
  position: absolute;
  top: 0;
  left: 1.4rem;
  z-index: -2;
  border-left: 1px solid #00256c;
  height: 100%;
}
@media (min-width: 1060px) {
  .flights__item:before {
    top: 1.4rem;
    left: 0;
    width: 100%;
    height: 0;
    border-top: 1px solid #00256c;
    border-left: 0;
  }
}
.flights__item.-dashed:before {
  border-left: 1px dashed #939393;
}
@media (min-width: 1060px) {
  .flights__item.-dashed:before {
    border-top: 1px dashed #939393;
    border-left: 0;
  }
}
.flights__item:last-child:before {
  display: none;
}
.flights__number {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 2.8rem;
  height: 2.8rem;
  border-radius: 2.8rem;
  background-color: #f3f4f8;
  color: #00256c;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1;
}
.flights__number:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -1;
  width: 2.8rem;
  height: 4.2rem;
  background-color: #fff;
  transform: translate(-50%, -50%);
}
@media (min-width: 1060px) {
  .flights__number:after {
    width: 5rem;
    height: 2.8rem;
  }
}
.flights__message {
  position: absolute;
  top: 60%;
  left: 0;
  width: 2.8rem;
  padding: 0.4rem 0;
  background-color: #fff;
  color: #767676;
  font-size: 1.2rem;
  text-align: center;
  transform: translateY(-45%);
}
@media (min-width: 1060px) {
  .flights__message {
    top: 0.4rem;
    left: 55%;
    width: auto;
    padding: 0 0.4rem;
    font-size: 1.4rem;
    transform: translateX(-45%);
  }
}
.flights__title {
  display: flex;
  align-items: center;
}
.flights__code {
  color: #000;
  font-weight: 700;
  font-size: 1.6rem;
}
@media (min-width: 1060px) {
  .flights__code {
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.flights__location {
  margin-left: 0.5rem;
  color: #000;
  font-size: 1.6rem;
}
@media (min-width: 1060px) {
  .flights__location {
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.flights__infos {
  display: flex;
  margin-top: 0.6rem;
}
@media (min-width: 1060px) {
  .flights__infos {
    margin-top: 0.7rem;
  }
}
.flights__info {
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
}
.flights__info + .flights__info {
  position: relative;
  margin-left: 0.8rem;
  padding-left: 0.9rem;
}
.flights__info + .flights__info:before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 0;
  width: 0.1rem;
  height: 1.2rem;
  background-color: #d9dbe1;
  transform: translateY(-50%);
}
.flights__sub {
  margin-top: 0.4rem;
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
}
.flights__options {
  margin-top: 2.8rem;
}
@media (min-width: 1060px) {
  .flights__options {
    display: flex;
    justify-content: space-between;
    margin-top: 3.4rem;
  }
}
@media (min-width: 1060px) {
  .flights__option {
    flex: 1;
  }
}
.flights__option:first-child + .flights__option:last-child {
  flex: 0.5;
}
.flights__option + .flights__option {
  margin-top: 2rem;
}
@media (min-width: 1060px) {
  .flights__option + .flights__option {
    margin-top: 0;
  }
}
.checkins .flights {
  margin: 0;
  border: 0;
}
.danger__heading {
  margin-bottom: 2rem;
  color: #000;
  font-size: 1.8rem;
  line-height: 1.56;
}
@media (min-width: 1060px) {
  .danger__list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -2rem;
  }
}
.danger__item {
  padding-top: 6.8rem;
}
@media (min-width: 1060px) {
  .danger__item {
    width: 50%;
    padding: 0 2rem 4rem 9.6rem;
  }
}
.danger__item + .danger__item {
  margin-top: 2rem;
}
@media (min-width: 1060px) {
  .danger__item + .danger__item {
    margin: 0;
  }
}
.danger__item.-icon1 {
  background: url(../images/danger-alcohol.svg) no-repeat;
  background-size: 64px 64px;
}
@media (min-width: 1060px) {
  .danger__item.-icon1 {
    background-position: 2rem 0;
  }
}
.danger__item.-icon2 {
  background: url(../images/danger-gas.svg) no-repeat;
  background-size: 64px 64px;
}
@media (min-width: 1060px) {
  .danger__item.-icon2 {
    background-position: 2rem 0;
  }
}
.danger__item.-icon3 {
  background: url(../images/danger-weapon.svg) no-repeat;
  background-size: 64px 64px;
}
@media (min-width: 1060px) {
  .danger__item.-icon3 {
    background-position: 2rem 0;
  }
}
.danger__item.-icon4 {
  background: url(../images/danger-etc.svg) no-repeat;
  background-size: 64px 64px;
}
@media (min-width: 1060px) {
  .danger__item.-icon4 {
    background-position: 2rem 0;
  }
}
.danger__item.-icon5 {
  background: url(../images/danger-lithium.svg) no-repeat;
  background-size: 64px 64px;
}
@media (min-width: 1060px) {
  .danger__item.-icon5 {
    background-position: 2rem 0;
  }
}
.danger__item.-icon6 {
  background: url(../images/danger-mac.svg) no-repeat;
  background-size: 64px 64px;
}
@media (min-width: 1060px) {
  .danger__item.-icon6 {
    background-position: 2rem 0;
  }
}
.danger__subject {
  display: block;
  color: #000;
  font-weight: 700;
  font-size: 1.6rem;
}
.danger__desc {
  display: block;
  margin-top: 0.4rem;
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .danger__desc {
    margin-top: 0.8rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.count {
  display: flex;
  color: #000;
  font-size: 1.2rem;
}
@media (min-width: 1060px) {
  .count {
    font-size: 1.4rem;
    line-height: 1.58;
  }
}
.count__current {
  font-weight: 700;
}
.spotlight {
  position: relative;
  margin: 2rem 0 4rem;
  padding: 3.2rem 1.6rem;
  border: 0.1rem solid #d9dbe1;
  border-top: 0;
}
@media (min-width: 1060px) {
  .spotlight {
    padding: 4rem 6rem;
  }
}
.spotlight:before {
  content: " ";
  position: absolute;
  top: -0.4rem;
  right: -0.1rem;
  left: -0.1rem;
  height: 0.4rem;
  border-radius: 0.4rem 0.4rem 0 0;
  background-color: #00256c;
}
.spotlight:after {
  content: " ";
  position: absolute;
  top: -0.4rem;
  left: -0.1rem;
  width: 80%;
  height: 0.4rem;
  background: #c7f3ff url(../images/spotlight.svg) no-repeat right center / 8px 4px;
}
.passengers {
  border: 1px solid #d9dbe1;
}
.passengers__all {
  padding: 2rem 1.6rem;
  color: #000;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .passengers__all {
    padding: 2rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.passengers__list {
  border-top: 1px solid #d9dbe1;
}
.passengers__item {
  display: flex;
  align-items: flex-start;
  padding: 2rem 1.6rem;
}
@media (min-width: 1060px) {
  .passengers__item {
    align-items: center;
    padding: 2rem;
  }
}
.passengers__item + .passengers__item {
  border-top: 1px solid #d9dbe1;
}
.passengers__person {
  color: #000;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .passengers__person {
    display: flex;
    align-items: center;
    font-size: 1.6;
    line-height: 1.5;
  }
}
@media (min-width: 1060px) {
  .passengers__person .selection {
    width: 30rem;
  }
}
.passengers__with {
  color: #555;
  font-weight: 400;
}
.passengers__membership {
  margin-top: 0.8rem;
  padding-left: 2.8rem;
  color: #767676;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .passengers__membership {
    margin-top: 0;
    padding-left: 2rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.passengers__status {
  display: flex;
  align-items: flex-start;
  margin-left: auto;
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .passengers__status {
    font-size: 1.6rem;
    line-height: 1.5;
    align-items: center;
  }
}
.passengers__status .opener {
  transform: translateY(-0.7rem);
}
@media (min-width: 1060px) {
  .passengers__status .opener {
    transform: translateY(0);
  }
}
.qrcode-detail__images {
  padding: 0 2rem;
  font-size: 0;
}
.qrcode-detail__image {
  width: 100%;
  height: auto;
  vertical-align: top;
}
.qrcode-detail__desc {
  padding-top: 2rem;
  text-align: center;
}
.qrcode-detail__passenger {
  font-size: 2rem;
  font-weight: bold;
  color: #000;
  line-height: 1.5;
}
.qrcode-detail__date {
  margin-top: 0.7rem;
  font-size: 1.4rem;
  font-weight: normal;
  color: #000;
  line-height: 1.58;
}
.qrcode-detail__flight {
  margin-top: 0.4rem;
  font-size: 1.4rem;
  font-weight: normal;
  color: #000;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .auto-flights {
    display: flex;
    align-items: center;
  }
}
@media (min-width: 1060px) {
  .auto-flights__list {
    display: flex;
    flex-wrap: wrap;
    flex: 1;
    max-width: 108.8rem;
  }
}
.auto-flights__item {
  position: relative;
  padding-bottom: 3rem;
  padding-left: 3.6rem;
}
@media (min-width: 1060px) {
  .auto-flights__item {
    width: 33.33333333%;
    padding-top: 2.2rem;
    padding-right: 2rem;
    padding-bottom: 0;
    padding-left: 0;
  }
}
@media (min-width: 1060px) {
  .auto-flights__item:first-child:nth-last-child(2) {
    width: 66.66666666%;
  }
}
.auto-flights__item:last-child {
  padding-bottom: 0;
}
.auto-flights__item:before {
  content: "";
  position: absolute;
  top: 3rem;
  left: 1.4rem;
  bottom: 0;
  border-left: 1px solid #00256c;
}
@media (min-width: 1060px) {
  .auto-flights__item:before {
    top: 0.4rem;
    right: 0;
    left: 3rem;
    bottom: auto;
    height: 0;
    border-top: 1px solid #00256c;
    border-left: 0;
  }
}
.auto-flights__item:after {
  content: "";
  position: absolute;
  top: 1rem;
  left: 1.1rem;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 0.8rem;
  background-color: #00256c;
}
@media (min-width: 1060px) {
  .auto-flights__item:after {
    top: 0;
  }
}
.auto-flights__item.-dashed:before {
  border-left: 1px dashed #939393;
}
@media (min-width: 1060px) {
  .auto-flights__item.-dashed:before {
    border-top: 1px dashed #939393;
    border-left: 0;
  }
}
.auto-flights__item:last-child:before {
  display: none;
}
.auto-flights__message {
  position: absolute;
  top: 60%;
  left: 0;
  width: 2.8rem;
  padding: 0.4rem 0;
  background-color: #fff;
  color: #767676;
  font-size: 1.2rem;
  text-align: center;
  transform: translateY(-45%);
}
@media (min-width: 1060px) {
  .auto-flights__message {
    top: 0.4rem;
    left: 55%;
    width: auto;
    padding: 0 0.4rem;
    font-size: 1.4rem;
    transform: translateX(-45%);
  }
}
.auto-flights__title {
  display: flex;
  align-items: flex-start;
}
.auto-flights__code {
  color: #000;
  font-weight: 700;
  font-size: 1.6rem;
}
@media (min-width: 1060px) {
  .auto-flights__code {
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.auto-flights__location {
  margin-left: 0.5rem;
  color: #000;
  font-size: 1.6rem;
}
@media (min-width: 1060px) {
  .auto-flights__location {
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.auto-flights__infos {
  display: flex;
  margin-top: 0.6rem;
}
@media (min-width: 1060px) {
  .auto-flights__infos {
    margin-top: 0.7rem;
  }
}
.auto-flights__info {
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
}
.auto-flights__info + .auto-flights__info {
  position: relative;
  margin-left: 0.8rem;
  padding-left: 0.9rem;
}
.auto-flights__info + .auto-flights__info:before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 0;
  width: 0.1rem;
  height: 1.2rem;
  background-color: #d9dbe1;
  transform: translateY(-50%);
}
.auto-flights__options {
  margin-top: 2.8rem;
}
@media (min-width: 1060px) {
  .auto-flights__options {
    display: flex;
    justify-content: space-between;
    margin-top: 3.4rem;
  }
}
@media (min-width: 1060px) {
  .auto-flights__option {
    flex: 1;
  }
}
.auto-flights__option:first-child + .auto-flights__option:last-child {
  flex: 0.5;
}
.auto-flights__option + .auto-flights__option {
  margin-top: 2rem;
}
@media (min-width: 1060px) {
  .auto-flights__option + .auto-flights__option {
    margin-top: 0;
  }
}
.auto-flights__status {
  margin-top: 2.4rem;
  font-size: 1.4rem;
  line-height: 1.58;
  text-align: right;
}
@media (min-width: 1060px) {
  .auto-flights__status {
    margin-top: 0;
    width: 11rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.auto-flights__status .remark {
  vertical-align: 0.1rem;
}
@media (min-width: 1060px) {
  .auto-flights__status .remark {
    vertical-align: 0;
  }
}
@media (min-width: 1060px) {
  .auto-passenger {
    display: flex;
  }
}
.auto-passenger__name {
  color: #000;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .auto-passenger__name {
    flex: 4;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.auto-passenger__desc {
  display: flex;
  align-items: center;
  margin-top: 0.4rem;
}
@media (min-width: 1060px) {
  .auto-passenger__desc {
    flex: 8;
    margin-top: 0;
  }
}
@media (min-width: 1060px) {
  .auto-passenger__seats {
    width: 50%;
    text-align: center;
  }
}
.auto-passenger__seat {
  display: inline-block;
  padding-left: 2.8rem;
  background: url(../images/auto-passenger-seat.svg) no-repeat 0 50%;
  color: #000;
  font-size: 1.6rem;
  text-align: center;
}
.auto-passenger__empty {
  display: inline-block;
  width: 2.8rem;
}
.auto-passenger__status {
  margin-left: auto;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .auto-passenger__status {
    width: 50%;
    margin-left: 0;
    font-size: 1.6rem;
    line-height: 1.5;
    text-align: right;
  }
}
.auto-passenger__cancel {
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  display: inline-block;
  width: 3.6rem;
  height: 3.6rem;
  border: 0;
  border-radius: 50%;
  background: url(../images/cancel.svg) no-repeat 50% 50%;
  background-size: 24px 24px;
  cursor: pointer;
}
.auto-passenger__cancel:hover,
.auto-passenger__cancel:focus {
  outline: 0;
  border-radius: 2.4rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.auto-seat {
  padding-left: 6rem;
  background: url(../images/auto-seat.svg) no-repeat;
  background-size: 48px 48px;
}
@media (min-width: 1060px) {
  .auto-seat {
    padding-left: 6.6rem;
    background-size: 54px 54px;
  }
}
.cm-reserve-info__wrapper {
  position: relative;
  min-height: 86.6rem;
  margin-top: 0.4rem;
}
@media (min-width: 1060px) {
  .cm-reserve-info__wrapper {
    margin-top: 2rem;
  }
}
@media (min-width: 1060px) {
  .cm-reserve-info__wrapper .filter {
    top: 6rem;
    right: 0;
    left: auto;
  }
}
.cm-reserve-info__wrapper .filter__contents {
  text-align: left;
}
.cm-reserve-info__btns {
  padding: 0;
  text-align: right;
}
@media (min-width: 1060px) {
  .cm-reserve-info__btns {
    float: right;
    margin-top: -5.5rem;
  }
}
.cm-reserve-info__btns .option {
  min-width: inherit;
}
@media (min-width: 1060px) {
  .cm-reserve-info__btns .option {
    min-width: 3.6rem;
  }
}
.cm-reserve-info__btns .option + .option {
  margin-left: 0.5rem;
}
.cm-reserve-info__btns .-alignment {
  min-width: 4.4rem;
}
.cm-reserve-info__btns .-alignment:before {
  content: "";
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  margin-top: -0.2rem;
  margin-right: 0;
  background: url(../images/cm-filter-key.png) no-repeat;
  background-size: 16px 16px;
  vertical-align: middle;
}
@media (min-width: 1060px) {
  .cm-reserve-info__btns .-alignment:before {
    margin-top: -0.5rem;
  }
}
.cm-reserve-info__align {
  overflow: hidden;
  white-space: nowrap;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  position: absolute;
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  border: 0;
}
@media (min-width: 1060px) {
  .fares {
    display: flex;
  }
}
.fares.-change {
  padding: 2rem 0.8rem;
}
@media (min-width: 1060px) {
  .fares.-change {
    flex-wrap: wrap;
  }
}
.fares__title {
  margin-bottom: 2rem;
  padding: 0 1.2rem;
  color: #555;
  font-weight: 400;
  font-size: 1.6rem;
}
@media (min-width: 1060px) {
  .fares__title {
    flex: 3;
    margin-bottom: 0;
    padding: 0;
  }
}
@media (min-width: 1060px) {
  .fares__contents {
    flex: 9;
  }
}
.fares__list {
  width: 100%;
}
.fares__list > .fares__item > .fares__list {
  margin-top: 0.8rem;
  padding-left: 0.8rem;
}
.fares__item {
  display: flex;
  flex-wrap: wrap;
}
.fares__item + .fares__item {
  margin-top: 0.8rem;
}
.fares__key {
  flex: 9;
  padding-left: 1.2rem;
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .fares__key {
    padding-left: 1.6rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.fares__detail .fares__key {
  padding-left: 0;
}
@media (min-width: 1060px) {
  .fares__detail .fares__key {
    padding-right: 0;
    color: #555;
    font-size: 1.4rem;
    line-height: 1.56;
  }
}
.fares__value {
  flex: 3;
  padding-left: 1rem;
  padding-right: 1.2rem;
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
  white-space: nowrap;
  text-align: right;
}
@media (min-width: 1060px) {
  .fares__value {
    padding-right: 1.6rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.fares__detail .fares__value {
  padding-right: 0;
}
@media (min-width: 1060px) {
  .fares__detail .fares__value {
    padding-right: 0;
    color: #555;
    font-size: 1.4rem;
    line-height: 1.56;
  }
}
.fares__detail {
  display: none;
  width: 100%;
  margin-top: 0.8rem;
  padding: 1.2rem;
  background-color: #f8f9fc;
}
@media (min-width: 1060px) {
  .fares__detail {
    padding: 1.6rem;
  }
}
.fares__item.-active .fares__detail {
  display: block;
}
.fares__toggle {
  position: relative;
  padding-right: 2.4rem;
  border: 0;
  background: none;
  color: #0064de;
  font-size: 1.4rem;
  line-height: 1.58;
  text-align: left;
}
@media (min-width: 1060px) {
  .fares__toggle {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.fares__toggle:hover,
.fares__toggle:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.app .fares__toggle:hover,
.app .fares__toggle:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.fares__toggle:before {
  content: "";
  position: absolute;
  top: 0.4rem;
  right: 0.4rem;
  width: 1.6rem;
  height: 1.6rem;
  background: url(../images/fares__arrow.svg) no-repeat;
}
.fares__item.-active .fares__toggle:before {
  top: 0.2rem;
  transform: rotate(180deg);
}
.fares__sum {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 1.6rem;
  padding: 1.6rem 1.2rem;
  background-color: #f8f9fc;
  border-top: 0.1rem solid #d9dbe1;
  border-bottom: 0.1rem solid #d9dbe1;
}
@media (min-width: 1060px) {
  .fares__sum {
    margin-top: 2rem;
    padding: 1.4rem 1.2rem;
  }
}
.fares.-change .fares__sum {
  margin: 1.6rem 1.2rem 0;
}
@media (min-width: 1060px) {
  .fares.-change .fares__sum {
    width: 100%;
  }
}
.fares__sum-key {
  width: 55%;
  color: #00256c;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .fares__sum-key {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.fares__sum-value {
  flex: 4;
  color: #00256c;
  font-size: 1.6rem;
  white-space: nowrap;
  text-align: right;
}
@media (min-width: 1060px) {
  .fares__sum-value {
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.fares__total {
  display: flex;
  align-items: center;
  margin-top: 2.4rem;
  padding: 2rem;
  background-color: #f8f9fc;
  border-top: 0.1rem solid #d9dbe1;
  border-bottom: 0.1rem solid #d9dbe1;
}
@media (min-width: 1060px) {
  .fares__total {
    margin-top: 3.2rem;
    padding: 2rem 4rem;
  }
}
.fares__total-key {
  flex: 8;
  color: #00256c;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .fares__total-key {
    font-size: 2rem;
    line-height: 1.5;
  }
}
.fares__total-value {
  flex: 4;
  color: #00256c;
  font-size: 2rem;
  white-space: nowrap;
  text-align: right;
}
.location-picker {
  position: relative;
  display: flex;
}
.location-picker__button {
  width: 100%;
  min-height: 4rem;
  padding-right: 2.4rem;
  border: 0;
  border-bottom: 0.1rem solid #00256c;
  background: url(../images/travel-start-pin.svg) no-repeat right center;
  background-size: 24px 24px;
  text-align: left;
  color: #000;
  font-size: 1.6rem;
  line-height: 1.5;
  appearance: none;
  cursor: pointer;
}
@media (min-width: 1060px) {
  .location-picker__button {
    min-height: 4.8rem;
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.location-picker__button:hover,
.location-picker__button:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .location-picker__button:hover,
.app .location-picker__button:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.travel-start {
  position: relative;
  margin-bottom: 4rem;
}
@media (min-width: 1060px) {
  .travel-start {
    margin-bottom: 0;
  }
}
.travel-start__aligner {
  margin-bottom: 4rem;
}
@media (min-width: 1060px) {
  .travel-start__aligner {
    position: absolute;
    top: 0;
    right: 0;
    width: 40rem;
    margin-bottom: 0;
    transform: translateY(-100%) translateY(-2rem);
  }
}
.map {
  position: relative;
  width: 100%;
  min-height: 47.5rem;
}
@media (min-width: 1060px) {
  .map {
    height: calc(100vh - 9rem);
    min-height: none;
  }
}
.map__contents {
  position: relative;
  height: 100%;
}
@media (min-width: 1060px) {
  .map__contents {
    overflow: hidden;
  }
}
.map__info {
  position: absolute;
  top: 1rem;
  left: 1rem;
  right: 1rem;
  z-index: 1;
}
@media (min-width: 1060px) {
  .map__info {
    top: 1.6rem;
    left: 4rem;
    right: 40%;
    max-width: 51rem;
  }
}
@media (min-width: 1340px) {
  .map__info {
    max-width: 71rem;
  }
}
.map__skip {
  padding: 2.4rem 2rem;
  border-radius: 0.2rem;
  background: rgba(255, 255, 255, 0.8);
}
@media (min-width: 1060px) {
  .map__skip {
    padding: 2.4rem 4rem;
  }
}
.map__skip-list {
  padding: 0;
  list-style: none;
}
.map__skip-item {
  position: relative;
  padding-left: 1.2rem;
  color: #000;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.58;
  text-indent: 0;
}
.map__skip-item + .map__skip-item {
  margin-top: 0.4rem;
}
.map__skip-item:before {
  content: "";
  position: absolute;
  top: 0.8rem;
  left: 0;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  background-color: #767676;
}
.map__skip-goto {
  display: inline-block;
  margin-left: 1.2rem;
  color: #000;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.58;
}
.map__skip-goto:hover,
.map__skip-goto:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .map__skip-goto:hover,
.app .map__skip-goto:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.map__legends {
  position: absolute;
  bottom: -5.5rem;
  left: 0;
}
@media (min-width: 1060px) {
  .map__legends {
    bottom: -6.5rem;
  }
}
.map__legend {
  display: flex;
  padding: 1.2rem 1.6rem;
  background: rgba(255, 255, 255, 0.8);
}
.map__legend:after {
  content: "";
  display: block;
  clear: both;
}
.map__legend-item {
  position: relative;
  padding-left: 3.2rem;
  color: #000;
  font-size: 1.4rem;
  line-height: 1.58;
}
.map__legend-item:before {
  content: "";
  display: block;
  position: absolute;
  top: 1rem;
  left: 0;
  width: 2.2rem;
  border-bottom: 0.2rem solid #044051;
}
.map__legend-item.-partners:before {
  border-bottom-style: dashed;
}
.map__legend-item + .map__legend-item {
  margin-left: 2.5rem;
}
.map__controls {
  position: absolute;
  right: 0;
  bottom: -6.5rem;
  transform: translateY(100%);
}
@media (min-width: 1060px) {
  .map__controls {
    bottom: -8.5rem;
    right: auto;
    left: 0;
  }
}
.map__controls-group {
  border-radius: 0.2rem;
  background: #fff;
  box-shadow: 0 0.2rem 0.4rem 0 rgba(0, 0, 0, 0.2);
}
.map__ctrl {
  display: block;
  width: 3.2rem;
  height: 3.2rem;
  border: 0;
  outline: 0;
  background: #fff;
  cursor: pointer;
}
.map__ctrl + .map__ctrl {
  border-top: solid 0.1rem #e7eaf0;
}
.map__ctrl.-zoom-in {
  background: url(../images/map-ctrl-plus.svg) no-repeat center center;
  background-size: 12px 12px;
}
.map__ctrl.-zoom-out {
  background: url(../images/map-ctrl-minus.svg) no-repeat center center;
  background-size: 12px 12px;
}
.map__ctrl:hover,
.map__ctrl:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .map__ctrl:hover,
.app .map__ctrl:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.map__search {
  position: relative;
  background: #fff;
}
@media (min-width: 1060px) {
  .map__search {
    position: absolute;
    top: 1.6rem;
    right: 4rem;
    width: 46.4rem;
    border: 1px solid #d9dbe1;
    border-radius: 0.2rem;
    box-shadow: 0 0.2rem 0.4rem 0 rgba(0, 0, 0, 0.2);
  }
}
@media (min-width: 1060px) {
  .map__search.-active {
    bottom: 1rem;
  }
}
@media (min-width: 1340px) {
  .map__search.-active {
    bottom: 2rem;
  }
}
.map__search .auto-complete__search {
  padding-right: 4rem;
  border-bottom: 1px solid #00256c;
}
.map__search .auto-complete__search.-error {
  border-bottom-color: #de001b;
}
.map__search .auto-complete__search [type="text"] {
  border-bottom: 0;
}
.map__search-entry {
  padding: 2rem 4rem;
}
@media (min-width: 1060px) {
  .map__search-entry {
    padding: 2rem;
  }
}
.map__search-item + .map__search-item {
  margin-top: 2rem;
}
.map__search-result {
  display: none;
}
.-active .map__search-result {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  padding: 1.6rem 2rem 2rem;
}
@media (min-width: 1060px) {
  .-active .map__search-result {
    position: absolute;
    top: 28.4rem;
    right: 0;
    left: 0;
    bottom: 0;
  }
}
@media (min-width: 1060px) {
  .map__search-detail {
    overflow-y: auto;
    height: 100%;
  }
}
.map__search-link {
  padding: 1.6rem 0 0;
}
.map__search-standard {
  width: 100%;
  margin-bottom: 0.8rem;
  color: #00256c;
  font-weight: normal;
  font-size: 1.4rem;
  line-height: 1.71;
}
.map__search-standard[tabindex]:hover,
.map__search-standard[tabindex]:focus {
  outline: 0;
}
.map__schedule-list {
  padding-bottom: 1rem;
}
.map__schedule-item {
  border-radius: 0.2rem;
  border: solid 0.1rem #d9dbe1;
}
.map__schedule-item + .map__schedule-item {
  margin-top: 0.8rem;
}
.map__schedule-date {
  padding: 0.8rem 2rem 1rem;
  border-bottom: solid 0.1rem #d9dbe1;
  background: #f8f9fc;
  text-align: center;
}
.map__schedule-flight {
  display: inline-block;
  padding-left: 2.1rem;
  color: #00256c;
  font-size: 1.4rem;
}
.map__schedule-flight:before {
  content: "";
  display: inline-block;
  width: 1.6rem;
  height: 2.2rem;
  margin-right: 0.4rem;
  background: url(../images/map-schedule-flight.svg) no-repeat center center;
  background-size: 16px 16px;
  vertical-align: top;
}
.map__schedule-route {
  padding: 0 1.6rem;
}
.map__route-info {
  position: relative;
  padding: 1.2rem 0;
}
.map__route-info + .map__route-info {
  border-top: solid 0.1rem #d9dbe1;
}
.map__route-numbers {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  font-size: 1.4rem;
  line-height: 1.58;
}
.map__route-number {
  display: inline-block;
  color: #000;
  font-size: 1.4rem;
  line-height: 1.58;
}
.map__route-airline {
  display: inline-block;
  position: relative;
  margin-left: 0.4rem;
  padding-left: 0.8rem;
  color: #00256c;
  font-size: 1.4rem;
  line-height: 1.58;
}
.map__route-airline:before {
  content: "";
  display: block;
  position: absolute;
  top: 0.5rem;
  left: 0;
  width: 0.1rem;
  height: 1.3rem;
  background: #d9dbe1;
}
.map__route-course {
  position: relative;
  margin-top: 1.2rem;
}
.map__route-aligner {
  display: flex;
  justify-content: space-between;
}
.map__route-from {
  position: relative;
  width: calc(50% - 6rem);
  padding-bottom: 2.2rem;
  text-align: center;
}
@media (min-width: 1060px) {
  .map__route-from {
    width: 10.4rem;
  }
}
.map__route-to {
  position: relative;
  width: calc(50% - 6rem);
  padding-bottom: 2.2rem;
  text-align: center;
}
@media (min-width: 1060px) {
  .map__route-to {
    width: 10.4rem;
  }
}
.map__route-aircode {
  display: block;
  color: #000;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1.5;
}
.map__route-airport {
  display: block;
  margin-top: 0.3rem;
  margin-right: -0.4rem;
  color: #767676;
  font-size: 1.4rem;
  line-height: 1.58;
}
.map__route-time {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  color: #767676;
  font-size: 1.4rem;
  line-height: 1.58;
}
.map__route-direction {
  display: block;
  position: absolute;
  top: 0.3rem;
  left: 50%;
  width: 11rem;
  margin-left: -5.5rem;
  text-align: center;
}
.map__route-direction:before {
  content: "";
  display: block;
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  height: 0.8rem;
  background: url(../images/map-route-direction.svg) no-repeat right 50%;
  background-size: 100% 8px;
}
.map__route-duration {
  display: block;
  color: #00256c;
  font-size: 1.4rem;
  line-height: 1.58;
}
.map__route-stop {
  display: block;
  margin-top: 0.7rem;
  color: #00256c;
  font-size: 1.4rem;
  line-height: 1.58;
}
.map__wrap {
  height: 100%;
}
.map__area {
  overflow: hidden;
  height: 100%;
  cursor: pointer;
}
.map__tap {
  position: absolute;
  top: 0;
  left: 0;
}
.map__tap-inner {
  position: relative;
}
.map__tap-content {
  display: flex;
  background: #fff;
}
.map__tap-label {
  padding: 1.2rem 1.6rem;
  color: #00256c;
  font-weight: 700;
  font-size: 1.2rem;
  line-height: 1.67;
}
.map__tap-close {
  width: 4.4rem;
  border: 0;
  outline: 0;
  background: #c7f3ff url(../images/map-tap-close.svg) no-repeat center center;
  background-size: 32px 32px;
  cursor: pointer;
}
.map__tap-close:hover,
.map__tap-close:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .map__tap-close:hover,
.app .map__tap-close:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.map__heading {
  min-width: 27rem;
  padding: 1.6rem 2rem 1.2rem;
  border-radius: 0.2rem 0.2rem 0 0;
  background-color: #c7f3ff;
}
.map__city {
  display: block;
  color: #00256c;
  font-size: 1.6rem;
  line-height: 1.5;
}
.map__airport {
  display: block;
  color: #00256c;
  font-size: 1.2rem;
  line-height: 1.67;
}
.map__pickers {
  display: block;
  padding: 0 0.4rem;
  border-radius: 0 0 0.2rem 0.2rem;
  background-color: #fff;
}
.map__picker {
  display: block;
  padding: 1.5rem 0.6rem 1.7rem;
}
.map__picker + .map__picker {
  border-top: 1px solid #a0d1de;
}
.map__pin {
  display: block;
  margin: 0;
  padding: 0 0 0 3.2rem;
  border: 0;
  background: #fff url(../images/map__pin.svg) no-repeat 0 50%;
  background-size: 24px 24px;
  color: #00256c;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.58;
  text-decoration: none;
  text-align: left;
  cursor: pointer;
  appearance: none;
}
.map__pin:hover,
.map__pin:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.app .map__pin:hover,
.app .map__pin:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.map__canvas {
  height: calc(100vh + 6rem);
}
@media (min-width: 1060px) {
  .map__canvas {
    height: calc(100vh - 9rem);
  }
}
.city-brief {
  position: relative;
  margin-top: 4rem;
}
@media (min-width: 1060px) {
  .city-brief {
    margin-top: 6rem;
  }
}
@media (min-width: 1060px) {
  .city-brief__view {
    padding-bottom: 3.5rem;
  }
}
.city-brief__image {
  display: block;
  width: 100%;
}
.city-brief__info {
  position: relative;
  margin-top: -4rem;
  padding: 2rem 0 0;
  background: url(../images/city-brief__info-m.svg) no-repeat left top;
  background-size: auto 100%;
}
@media (min-width: 1060px) {
  .city-brief__info {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 70rem;
    margin-top: 0;
    padding: 2.8rem 0 0;
    background: url(../images/city-brief__info-pc.svg) no-repeat left top;
    background-size: contain;
  }
}
.city-brief__info:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 2rem;
  height: 100%;
  background: #00256c;
}
@media (min-width: 1060px) {
  .city-brief__info:before {
    left: 20rem;
  }
}
.city-brief__info-inner {
  position: relative;
  padding: 0 2rem 2rem;
}
@media (min-width: 1060px) {
  .city-brief__info-inner {
    padding: 0 4.8rem 2.8rem;
  }
}
.city-brief__name {
  color: #fff;
  font-weight: 700;
  font-size: 2.2rem;
  line-height: 1.5;
}
@media (min-width: 1060px) {
  .city-brief__name {
    font-size: 2.8rem;
  }
}
.city-brief__contry {
  display: inline-block;
  margin-left: 0.8rem;
  color: #fff;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 1.5;
}
@media (min-width: 1060px) {
  .city-brief__contry {
    font-size: 1.8rem;
  }
}
.city-brief__item {
  margin-top: 1.2rem;
}
@media (min-width: 1060px) {
  .city-brief__item {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 1.6rem;
  }
}
.city-brief__title {
  display: block;
  margin-top: 1.2rem;
  color: #c7f3ff;
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 1.5;
}
@media (min-width: 1060px) {
  .city-brief__title {
    margin-top: 0;
    font-size: 1.4rem;
  }
}
.city-brief__desc {
  display: block;
  color: #fff;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1.5;
}
.city-brief__weather {
  padding-left: 5.4rem;
  background: url(../images/city-brief__weather--status1.png) no-repeat 0 50%;
  background-size: 50px 32px;
}
@media (min-width: 1060px) {
  .city-brief__weather {
    width: 50%;
    padding-left: 7.2rem;
    background-size: 68px 44px;
  }
}
.city-brief__weather.-status1 {
  background-image: url(../images/city-brief__weather--status1.png);
}
.city-brief__weather.-status2 {
  background-image: url(../images/city-brief__weather--status2.png);
}
.city-brief__weather.-status3 {
  background-image: url(../images/city-brief__weather--status3.png);
}
.city-brief__weather.-status4 {
  background-image: url(../images/city-brief__weather--status4.png);
}
.city-brief__weather.-status5 {
  background-image: url(../images/city-brief__weather--status5.png);
}
.city-brief__weather.-status6 {
  background-image: url(../images/city-brief__weather--status6.png);
}
.city-brief__weather.-status7 {
  background-image: url(../images/city-brief__weather--status7.png);
}
.city-brief__weather.-status8 {
  background-image: url(../images/city-brief__weather--status8.png);
}
.city-brief__weather.-status9 {
  background-image: url(../images/city-brief__weather--status9.png);
}
.city-brief__weather.-status10 {
  background-image: url(../images/city-brief__weather--status10.png);
}
.city-brief__weather.-status11 {
  background-image: url(../images/city-brief__weather--status11.png);
}
.city-brief__weather.-status12 {
  background-image: url(../images/city-brief__weather--status12.png);
}
.city-brief__weather.-status13 {
  background-image: url(../images/city-brief__weather--status13.png);
}
.city-brief__weather.-status14 {
  background-image: url(../images/city-brief__weather--status14.png);
}
.city-brief__weather.-status15 {
  background-image: url(../images/city-brief__weather--status15.png);
}
.city-brief__weather.-status16 {
  background-image: url(../images/city-brief__weather--status16.png);
}
.city-brief__weather.-status17 {
  background-image: url(../images/city-brief__weather--status17.png);
}
.city-brief__weather.-status18 {
  background-image: url(../images/city-brief__weather--status18.png);
}
.city-brief__weather.-status19 {
  background-image: url(../images/city-brief__weather--status19.png);
}
.city-brief__weather.-status20 {
  background-image: url(../images/city-brief__weather--status20.png);
}
.city-brief__weather.-status21 {
  background-image: url(../images/city-brief__weather--status21.png);
}
.city-brief__weather.-status22 {
  background-image: url(../images/city-brief__weather--status22.png);
}
.city-brief__weather.-status23 {
  background-image: url(../images/city-brief__weather--status23.png);
}
.city-brief__weather.-status24 {
  background-image: url(../images/city-brief__weather--status24.png);
}
.city-brief__weather.-status25 {
  background-image: url(../images/city-brief__weather--status25.png);
}
.city-brief__weather.-status26 {
  background-image: url(../images/city-brief__weather--status26.png);
}
.city-brief__weather.-status27 {
  background-image: url(../images/city-brief__weather--status27.png);
}
.city-brief__weather.-status28 {
  background-image: url(../images/city-brief__weather--status28.png);
}
.city-brief__weather.-status29 {
  background-image: url(../images/city-brief__weather--status29.png);
}
.city-brief__weather.-status30 {
  background-image: url(../images/city-brief__weather--status30.png);
}
.city-brief__weather.-status31 {
  background-image: url(../images/city-brief__weather--status31.png);
}
.city-brief__weather.-status32 {
  background-image: url(../images/city-brief__weather--status32.png);
}
.city-brief__weather.-status33 {
  background-image: url(../images/city-brief__weather--status33.png);
}
.city-brief__weather.-status34 {
  background-image: url(../images/city-brief__weather--status34.png);
}
.city-brief__weather.-status35 {
  background-image: url(../images/city-brief__weather--status35.png);
}
.city-brief__weather.-status36 {
  background-image: url(../images/city-brief__weather--status36.png);
}
.city-brief__weather.-status37 {
  background-image: url(../images/city-brief__weather--status37.png);
}
.city-brief__weather.-status38 {
  background-image: url(../images/city-brief__weather--status38.png);
}
.city-brief__weather.-status39 {
  background-image: url(../images/city-brief__weather--status39.png);
}
.city-brief__weather.-status40 {
  background-image: url(../images/city-brief__weather--status40.png);
}
@media (min-width: 1060px) {
  .city-brief__time {
    width: 50%;
  }
}
.city-brief__slash {
  display: inline-block;
  margin: -1px 4px 0 5px;
}
.result-count {
  display: inline-block;
  margin-left: 0.8rem;
  color: #000;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .result-count {
    font-size: 1.6rem;
  }
}
.land-check {
  border: solid 1px #d9dbe1;
}
@media (min-width: 1060px) {
  .land-check {
    display: flex;
    flex-wrap: wrap;
  }
}
.land-check:after {
  content: "";
  display: block;
  clear: both;
}
.land-check__item {
  position: relative;
  width: 100%;
  padding: 2.2rem 2rem;
  border-top: solid 1px #d9dbe1;
}
@media (min-width: 1060px) {
  .land-check__item {
    width: 25%;
    padding: 2rem;
    border-right: solid 1px #d9dbe1;
  }
  .land-check__item:nth-child(1),
  .land-check__item:nth-child(2),
  .land-check__item:nth-child(3),
  .land-check__item:nth-child(4) {
    border-top: 0;
  }
  .land-check__item:nth-child(4n) {
    border-right: 0;
  }
}
.land-check__item:first-child {
  border-top: 0;
}
.range {
  padding-top: 3rem;
}
.range__aligner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.range__aligner .range__slider {
  flex: 1 1 20px;
  height: 0.8rem;
}
.range__track {
  border-radius: 0.8rem;
  background: #999;
}
.range__bar {
  display: block;
  position: relative;
  height: 0.8rem;
  border-radius: 0.8rem;
  background: #0064de;
}
.range__handler {
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 50%;
  border: 1px solid #0064de;
  background: #fff;
  box-shadow: 0 0 0.4rem 0 rgba(0, 0, 0, 0.2);
  transform: translate(50%, -50%);
  cursor: pointer;
}
.range__handler:hover,
.range__handler:focus {
  outline: 0;
  box-shadow: 0 0 0 0.1rem #fff, 0 0 0 0.2rem #0064de;
}
.range__current {
  white-space: nowrap;
  display: block;
  position: absolute;
  top: -3.2rem;
  left: 50%;
  width: max-content;
  color: #0064de;
  font-size: 1.4rem;
  line-height: 1.58;
  transform: translate(-50%, 0);
}
@media (min-width: 1060px) {
  .range__current {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.range__value {
  color: #000;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .range__value {
    color: #767676;
    font-size: 1.6rem;
  }
}
.range__value.-minimum {
  margin-right: 1.8rem;
}
.range__value.-maximum {
  margin-left: 1.8rem;
}
.travel-condition {
  margin-top: 4rem;
}
@media (min-width: 1060px) {
  .travel-condition {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
.travel-condition__slider {
  margin-top: 4rem;
}
@media (min-width: 1060px) {
  .travel-condition__slider {
    width: 50%;
    margin-top: 0;
  }
}
@media (min-width: 1060px) {
  .travel-condition__selects {
    width: 50%;
    padding-right: 7rem;
  }
}
@media (min-width: 1060px) {
  .travel-condition__group {
    display: flex;
    flex-wrap: wrap;
  }
}
.travel-condition__item {
  margin-top: 4rem;
}
@media (min-width: 1060px) {
  .travel-condition__item {
    width: 50%;
    margin-top: 0;
  }
  .travel-condition__item:nth-of-type(odd) {
    padding-right: 2rem;
  }
  .travel-condition__item:nth-of-type(even) {
    padding-left: 2rem;
  }
}
.theme-check {
  display: flex;
  flex-wrap: wrap;
  border: 0.1rem solid #d9dbe1;
}
.theme-check__item {
  position: relative;
  width: calc(100% / 4);
  background-repeat: no-repeat;
  background-position: 50% 1rem;
  background-size: 48px 48px;
  /* 로맨스 */
  /* 문화탐방 */
  /* 가족 여행 */
  /* 미식 여행 */
  /* 자연 경관 */
  /* 쇼핑 */
  /* 나이트라이프 */
  /* 도심 여행 */
  /* 드라이브 */
  /* 해변 */
  /* 힐링 여행 */
  /* 스포츠/레포츠/골프 */
  /* 오지 탐험 */
  /* 산악기행 */
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .theme-check__item {
    width: 33.33333333%;
  }
}
@media (min-width: 1060px) {
  .theme-check__item {
    width: calc(100% / 7);
    background-position: 50% 1.6rem;
  }
}
@media (min-width: 1060px) and screen and (-ms-high-contrast: active), (min-width: 1060px) and (-ms-high-contrast: none) {
  .theme-check__item {
    width: 14.28571428%;
  }
}
.theme-check__item[aria-hidden="true"] {
  display: none;
}
.theme-check__item.-rmc {
  background-image: url(../images/theme-check-romance.svg);
}
.theme-check__item.-clt {
  background-image: url(../images/theme-check-culture.svg);
}
.theme-check__item.-fmy {
  background-image: url(../images/theme-check-family.svg);
}
.theme-check__item.-grm {
  background-image: url(../images/theme-check-food.svg);
}
.theme-check__item.-ntr {
  background-image: url(../images/theme-check-nature.svg);
}
.theme-check__item.-shp {
  background-image: url(../images/theme-check-shopping.svg);
}
.theme-check__item.-ntl {
  background-image: url(../images/theme-check-nightlife.svg);
}
.theme-check__item.-cty {
  background-image: url(../images/theme-check-city.svg);
}
.theme-check__item.-rdt {
  background-image: url(../images/theme-check-drive.svg);
}
.theme-check__item.-bch {
  background-image: url(../images/theme-check-beach.svg);
}
.theme-check__item.-rlx {
  background-image: url(../images/theme-check-healing.svg);
}
.theme-check__item.-spt {
  background-image: url(../images/theme-check-sports.svg);
}
.theme-check__item.-ofr {
  background-image: url(../images/theme-check-venture.svg);
}
.theme-check__item.-mtn {
  background-image: url(../images/theme-check-mountain.svg);
}
.theme-check__item:before {
  content: "";
  position: absolute;
  right: 0;
  bottom: -0.1rem;
  width: 100%;
  height: 0.1rem;
  background-color: #d9dbe1;
}
.theme-check__item:after {
  content: "";
  position: absolute;
  right: -0.1rem;
  bottom: 0;
  width: 0.1rem;
  height: 100%;
  background-color: #d9dbe1;
}
.theme-check__checkbox {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.theme-check__checkbox:checked + .theme-check__label {
  color: #00256c;
  font-weight: 700;
}
.theme-check__checkbox:checked + .theme-check__label:after {
  content: "";
  display: block;
  position: absolute;
  top: -0.1rem;
  right: -0.1rem;
  bottom: -0.1rem;
  left: -0.1rem;
  border: solid 0.2rem #00256c;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  z-index: 1;
}
.theme-check__checkbox:hover ~ label:before,
.theme-check__checkbox:focus ~ label:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: 1px solid #0064de;
  border-radius: 0.2rem;
}
.theme-check__checkbox:checked:hover ~ label:before,
.theme-check__checkbox:checked:focus ~ label:before {
  top: 0.2rem;
  bottom: 0.2rem;
  left: 0.2rem;
  right: 0.2rem;
}
.theme-check__label {
  display: block;
  position: relative;
  z-index: 10;
  height: 100%;
  padding: 6.2rem 0.4rem 1.6rem;
  color: #555;
  font-size: 1.2rem;
  line-height: 1.5;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1060px) {
  .theme-check__label {
    padding: 6.7rem 0 2.1rem;
    font-size: 1.4rem;
    line-height: 1.58;
  }
}
.compare-dates {
  margin: 1.2rem 0;
  background: #fff;
}
@media (min-width: 1060px) {
  .compare-dates {
    margin: 5rem 0 0;
    border-left: 1px solid #d9dbe1;
    border-right: 1px solid #d9dbe1;
  }
}
.compare-dates__wrap {
  overflow-x: auto;
}
@media (min-width: 1060px) {
  .compare-dates__wrap {
    overflow-x: hidden;
  }
}
.compare-dates__table {
  table-layout: auto;
  min-width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
}
@media (min-width: 1060px) {
  .compare-dates__table {
    table-layout: fixed;
    width: 100%;
  }
}
.compare-dates__table[tabindex]:hover,
.compare-dates__table[tabindex]:focus {
  outline: 0;
}
.compare-dates__th {
  height: 3rem;
  border: 1px solid #00256c;
  background-color: #00256c;
  color: #fff;
  font-weight: normal;
  font-size: 1.4rem;
  line-height: 1.58;
  text-align: center;
}
@media (min-width: 1060px) {
  .compare-dates__th {
    height: 4.2rem;
    font-size: 1.6rem;
    line-height: 1.75;
  }
}
.compare-dates__th:first-child {
  border-left-width: 0;
}
.compare-dates__th:last-child {
  border-right-width: 0;
}
.compare-dates__td {
  border: 1px solid #d9dbe1;
  border-top: 0;
  color: #000;
  font-size: 1.2rem;
  vertical-align: top;
  cursor: pointer;
}
@media (min-width: 1060px) {
  .compare-dates__td {
    font-size: 1.4rem;
    line-height: 1.56;
  }
}
.compare-dates__td:hover,
.compare-dates__td:focus {
  border-radius: 0;
}
.compare-dates__td:first-child {
  border-left-color: transparent;
  color: #de001b;
}
.compare-dates__td:last-child {
  border-right-width: 0;
}
.compare-dates__td[aria-hidden="true"] {
  cursor: not-allowed;
}
.compare-dates__td.-disabled {
  color: #ccc;
  cursor: not-allowed;
}
.compare-dates__td.-selected {
  background: #f8f9fc;
}
.compare-dates__data {
  position: relative;
}
.compare-dates__day {
  position: relative;
  width: 100%;
  min-width: 8.4rem;
  height: 7rem;
  border: 0;
  background: none;
  font-size: 1.6rem;
  text-align: left;
  outline: 0;
  cursor: pointer;
}
.compare-dates__day:hover,
.compare-dates__day:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .compare-dates__day:hover,
.app .compare-dates__day:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.compare__pc .compare-dates__day {
  height: 10rem;
  font-size: 2.2rem;
  line-height: 1.5;
}
.-selected .compare-dates__day {
  position: relative;
}
.-selected .compare-dates__day:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: -0.3rem;
  left: 0;
  z-index: 2;
  height: 0.1rem;
  background: #f8f9fc;
}
.compare-dates__day[disabled] {
  cursor: not-allowed;
}
.compare-dates__day[disabled]:hover,
.compare-dates__day[disabled]:focus {
  outline: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.compare-dates__day-aligner {
  display: block;
  width: 100%;
  height: 7rem;
  padding: 0.2rem 0.6rem 0.6rem;
  border: 0;
  outline: 0;
}
.-vertical .compare-dates__day-aligner,
.compare__pc .compare-dates__day-aligner {
  height: 10rem;
  padding: 0.4rem 1rem 1rem 0.9rem;
}
.compare-dates__tag {
  overflow: hidden;
  white-space: nowrap;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  position: absolute;
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  border: 0;
}
.compare-dates__price {
  position: absolute;
  bottom: 0.6rem;
  right: 0.6rem;
  color: #555;
  font-size: 1.2rem;
  line-height: 1.5;
  text-align: right;
}
@media (min-width: 1060px) {
  .compare-dates__price {
    bottom: 1rem;
    right: 1rem;
    font-size: 1.6rem;
  }
}
.compare-dates__tag + .compare-dates__price {
  color: #de001b;
  font-weight: 700;
}
.-selected .compare-dates__price {
  color: #0064de !important;
  font-weight: 700;
}
.compare-dates__detail {
  display: none;
  position: absolute;
  top: 7.2rem;
  border-top: 1px solid #d9dbe1;
  background: #f8f9fc;
  cursor: default;
}
.compare__pc .compare-dates__detail {
  top: 10.2rem;
  right: 0;
  left: 0;
  z-index: 1;
  height: 13rem;
  padding: 0;
  border-top: 1px solid #d9dbe1;
}
.compare-dates__detail-aligner {
  display: flex;
  justify-content: space-between;
  padding: 3.2rem 2rem 3.2rem 2.8rem;
}
.compare__pc .compare-dates__detail-aligner {
  overflow: hidden;
  height: 13rem;
  padding: 3.6rem 4rem;
}
.compare-dates__detail-info {
  display: inline-block;
}
.compare__pc .compare-dates__detail-info {
  float: left;
}
.compare-dates__detail-add {
  display: flex;
  margin-top: 0.6rem;
  color: #000;
  font-size: 1.6rem;
  line-height: 1.5;
}
.compare__pc .compare-dates__detail-add {
  margin-top: 0.8rem;
}
.compare-dates__detail-button {
  flex-shrink: 0;
}
.compare-dates__detail-button .button {
  min-width: 10rem;
  height: 4.8rem;
  margin-top: 0.4rem;
  font-size: 1.6rem;
  line-height: 1.5;
}
.compare__pc .compare-dates__detail-button .button {
  min-width: 15rem;
}
.-selected .compare-dates__detail {
  display: block;
}
.compare-dates__route {
  display: flex;
}
.compare-dates__from {
  padding-right: 2.4rem;
  text-align: center;
}
@media (min-width: 1060px) {
  .compare-dates__from {
    padding-right: 2rem;
  }
}
.compare-dates__to {
  position: relative;
  padding-left: 2.4rem;
  text-align: center;
}
.compare-dates__to:before {
  content: "";
  display: block;
  position: absolute;
  top: 0.4rem;
  left: -0.8rem;
  width: 1.6rem;
  height: 1.6rem;
  background: url(../images/compare__route-to.svg) no-repeat 50% 50%;
  background-size: 16px 16px;
}
@media (min-width: 1060px) {
  .compare-dates__to:before {
    top: 0.6rem;
  }
}
@media (min-width: 1060px) {
  .compare-dates__to {
    padding-left: 2rem;
  }
}
.compare-dates__code {
  display: inline-block;
  color: #000;
  font-size: 1.6rem;
  font-weight: 700;
  font-style: normal;
  line-height: 1.5;
  vertical-align: top;
}
@media (min-width: 1060px) {
  .compare-dates__code {
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.compare-dates__airport {
  display: inline-block;
  margin-left: 0.2rem;
  color: #555;
  font-size: 1.6rem;
  line-height: 1.5;
  vertical-align: top;
}
@media (min-width: 1060px) {
  .compare-dates__airport {
    font-size: 1.6rem;
    line-height: 1.75;
  }
}
.compare-dates__info {
  display: block;
  padding-right: 1rem;
}
@media (min-width: 1060px) {
  .compare-dates__info {
    display: inline-block;
  }
}
.compare-dates__date {
  font-weight: 700;
}
.compare-dates__keyboard {
  margin: 2rem 0;
}
.compare-dates__keyboard:first-child {
  margin-top: 0;
}
.compare-dates__keyboard:last-child {
  margin-bottom: 0;
}
.compare-dates__message {
  padding: 1rem;
}
.compare {
  margin-top: 2.4rem;
}
@media (min-width: 1060px) {
  .compare {
    margin-top: 4rem;
  }
}
.compare__buttons {
  margin: 4rem 0;
  text-align: center;
}
@media (min-width: 1060px) {
  .compare__buttons {
    margin: 2rem 0 8rem;
  }
}
@media (min-width: 1060px) {
  .compare__mobile {
    display: none;
  }
}
.compare__pc {
  display: none;
}
@media (min-width: 1060px) {
  .compare__pc {
    display: block;
  }
}
.compare__graph {
  padding: 1.2rem 0;
  border: 1px solid #d9dbe1;
}
@media (min-width: 1060px) {
  .compare__graph {
    padding: 5rem 0 0;
  }
}
.compare__city {
  display: block;
  color: #000;
  font-size: 1.6rem;
  font-weight: 700;
  font-style: normal;
  line-height: 1.5;
  text-align: center;
}
@media (min-width: 1060px) {
  .compare__city {
    display: block;
    font-size: 2.2rem;
    line-height: 1.55;
  }
}
.compare__chart {
  position: relative;
}
.compare__legends {
  display: flex;
  justify-content: flex-end;
  margin: 0.4rem 0 1.2rem;
  padding: 0 1.6rem;
}
.-vertical .compare__legends {
  position: absolute;
  top: -4rem;
  right: 1.2rem;
  margin: 0;
  padding: 0;
}
.compare__legend {
  position: relative;
  margin-left: 1.8rem;
  padding-left: 1.8rem;
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
}
.compare__legend.-low:before {
  content: "";
  display: block;
  position: absolute;
  top: 0.5rem;
  left: 0;
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 0.2rem;
  background-color: #de001b;
}
.compare__list {
  padding-right: 2rem;
}
.-vertical .compare__list {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  height: 23rem;
  padding-right: 0;
}
.compare__item {
  position: relative;
  margin: 0.8rem 0;
}
.-vertical .compare__item {
  display: block;
  position: relative;
  width: 13rem;
  height: 100%;
  margin: 0 1.2rem;
}
@media (min-width: 1340px) {
  .-vertical .compare__item {
    width: 15rem;
  }
}
.compare__item-detail {
  display: block;
  margin-right: -2rem;
  margin-bottom: 2rem;
}
.compare__pc .compare__item-detail {
  margin-right: 0;
}
.-active .compare__item-detail {
  display: block;
}
.compare__item-detail[tabindex]:hover,
.compare__item-detail[tabindex]:focus {
  outline: 0;
}
.compare__data {
  position: relative;
}
@media (min-width: 1060px) {
  .compare__data {
    display: flex;
    align-items: flex-end;
    height: 100%;
  }
}
.compare__item.-active .compare__data {
  padding-bottom: 0.8rem;
}
@media (min-width: 1060px) {
  .compare__item.-active .compare__data {
    padding-bottom: 0;
  }
}
.compare__item.-active .compare__data:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 0;
  border-top: 0.4rem solid #00256c;
  border-right: 0.8rem solid transparent;
  border-bottom: 0.4rem solid transparent;
  border-left: 0.8rem solid #00256c;
}
@media (min-width: 1060px) {
  .compare__item.-active .compare__data:after {
    bottom: -3.6rem;
    border-top: 3rem solid #00256c;
    border-right: 6.5rem solid #fff;
    border-bottom: 0.6rem solid #fff;
    border-left: 6.5rem solid #fff;
  }
}
@media (min-width: 1340px) {
  .compare__item.-active .compare__data:after {
    border-right: 7.5rem solid #fff;
    border-left: 7.5rem solid #fff;
  }
}
.compare__date {
  display: block;
  font-size: 1.6rem;
  line-height: 1.5;
}
@media (min-width: 1060px) {
  .compare__date {
    margin-right: -0.4rem;
    padding-bottom: 1rem;
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
@media (min-width: 1060px) {
  .compare__item.-active .compare__date {
    padding-bottom: 4.6rem;
  }
}
.compare__price {
  display: block;
  margin-left: auto;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1.5;
}
@media (min-width: 1060px) {
  .compare__price {
    width: 100%;
    padding-top: 2rem;
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.compare__tag {
  overflow: hidden;
  white-space: nowrap;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  position: absolute;
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  border: 0;
}
.compare__datepicker {
  display: flex;
  justify-content: space-between;
  position: relative;
  min-height: 5.6rem;
  margin: 0;
  padding: 1.6rem 1.8rem;
  border: 0;
  border-radius: 0 0.4rem 0.4rem 0;
  background: #e7eaf0;
  color: #00256c;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.58;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  appearance: none;
}
@media (min-width: 1060px) {
  .compare__datepicker {
    flex-direction: column-reverse;
    align-items: center;
    width: 100%;
    margin: 0;
    padding: 0 1rem;
    border-radius: 0.6rem 0.6rem 0 0;
  }
}
.compare__item.-lowest .compare__datepicker {
  background: #FFEFEF;
  color: #de001b;
}
.compare__item.-active .compare__datepicker {
  background: #00256c;
  color: #fff;
}
@media (min-width: 1060px) {
  .compare__item.-active .compare__datepicker {
    margin-bottom: -3.6rem;
  }
}
.compare__datepicker:hover,
.compare__datepicker:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.app .compare__datepicker:hover,
.app .compare__datepicker:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.mris-list:after {
  content: "";
  display: block;
  clear: both;
}
.mris-list__item {
  float: left;
  position: relative;
  width: 47%;
  min-height: 19rem;
  margin-left: 6%;
  padding: 37% 23%;
}
@media (min-width: 430px) {
  .mris-list__item {
    width: 47%;
    margin-left: 6%;
    padding: 28% 23%;
  }
}
@media (min-width: 630px) {
  .mris-list__item {
    width: 23.59%;
    margin-left: 1.88%;
    padding: 14.05% 8%;
  }
}
.mris-list__item:first-child {
  margin-left: 0;
}
.mris-list__item:nth-child(2n+1) {
  margin-left: 0;
}
@media (min-width: 630px) {
  .mris-list__item:nth-child(2n+1) {
    margin-left: 1.88%;
  }
}
@media (min-width: 630px) {
  .mris-list__item:nth-child(4n+1) {
    margin-left: 0;
  }
}
.mris-list__item:nth-child(n + 3) {
  margin-top: 6%;
}
@media (min-width: 630px) {
  .mris-list__item:nth-child(n + 3) {
    margin-top: 0;
  }
}
@media (min-width: 630px) {
  .mris-list__item:nth-child(n + 5) {
    margin-top: 1.88%;
  }
}
.mris-list__link {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-decoration: none;
}
.mris-list__link:hover,
.mris-list__link:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.app .mris-list__link:hover,
.app .mris-list__link:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.mris-list__scene {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}
.mris-list__image {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  height: 100%;
  transform: translateX(-50%);
}
@media (min-width: 1060px) {
  .mris-list__image {
    right: 0;
    left: 0;
    width: 100%;
    height: auto;
    transform: translateX(0);
  }
}
.mris-list__explain {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.6rem;
}
@media (min-width: 1060px) {
  .mris-list__explain {
    padding: 2.8rem 3rem;
  }
}
.mris-list__route {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: relative;
  color: #000;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1.5;
}
@media (min-width: 1060px) {
  .mris-list__route {
    font-size: 2.2rem;
    line-height: 1.55;
  }
}
.mris-list__seats {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: relative;
  margin-top: 0.4rem;
  color: #000;
  font-size: 1.2rem;
  line-height: 1.8;
}
@media (min-width: 1060px) {
  .mris-list__seats {
    margin-top: 0.8rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.mris-list__price {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: relative;
  color: #00256c;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .mris-list__price {
    margin-top: 0.2rem;
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.price-route {
  display: flex;
  align-items: stretch;
  background: url(../images/price-route__aligner--to.svg) no-repeat 50% 1.4rem;
  background-size: 16px 16px;
}
@media (min-width: 1060px) {
  .price-route {
    align-items: center;
    background-position: 50% 1rem;
  }
}
@media (min-width: 1060px) {
  .price-route.-deeplink {
    background-position: 50% 2.2rem;
  }
}
.price-route__button {
  display: block;
  width: calc(50% - 2.2rem);
  border: 0;
  background-color: #fff;
  cursor: pointer;
}
@media (min-width: 1060px) {
  .price-route__button {
    width: calc(50% - 4rem);
    text-align: left;
  }
}
.price-route__button.-to {
  margin-left: 4.4rem;
}
@media (min-width: 1060px) {
  .price-route__button.-to {
    margin-left: 8rem;
  }
}
@media (min-width: 1060px) {
  .price-route.-deeplink .price-route__button {
    width: calc(50% - 3.8rem);
  }
}
@media (min-width: 1060px) {
  .price-route.-deeplink .price-route__button.-to {
    margin-left: 7.6rem;
  }
}
.price-route__button:hover,
.price-route__button:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.app .price-route__button:hover,
.app .price-route__button:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.price-route__code {
  display: inline-block;
  width: 100%;
  font-size: 2.2rem;
  font-weight: 700;
  font-style: normal;
  line-height: 1.55;
  color: #000;
}
@media (min-width: 1060px) {
  .price-route__code {
    width: 6rem;
    font-size: 2.4rem;
    line-height: 1.5;
    vertical-align: middle;
  }
}
.price-route__code:last-child,
.price-route__code[aria-hidden="true"] {
  padding-bottom: 2.2rem;
  color: #767676;
  font-weight: 400;
}
@media (min-widtH: 1060px) {
  .price-route__code:last-child,
  .price-route__code[aria-hidden="true"] {
    padding-bottom: 0;
  }
}
@media (min-width: 1060px) {
  .price-route.-deeplink .price-route__code {
    display: block;
  }
}
.price-route__airport {
  display: block;
  font-size: 1.4rem;
  line-height: 1.58;
  color: #767676;
}
@media (min-width: 1060px) {
  .price-route__airport {
    display: inline-block;
    line-height: 2;
    vertical-align: middle;
  }
}
@media (min-width: 1060px) {
  .price-route.-deeplink .price-route__airport {
    display: block;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.booking {
  margin: 2rem 0 0;
}
@media (min-width: 1060px) {
  .booking {
    margin: 1rem 0 0;
  }
}
.booking__wrap {
  position: relative;
  margin-bottom: 1.8rem;
  padding: 0 2rem;
  border-top: 0.4rem solid #c7f3ff;
  border-radius: 0 0 0.4rem 0.4rem;
  box-shadow: 0.2rem 1.6rem 2rem 0 rgba(35, 55, 94, 0.14);
  background-color: #fff;
}
@media (min-width: 1060px) {
  .booking__wrap {
    margin-bottom: 2.4rem;
    padding: 0 34% 0 0;
  }
}
.booking__wrap:before {
  content: "";
  display: block;
  position: absolute;
  top: -0.4rem;
  right: 0;
  width: 28.125%;
  height: 0.4rem;
  background: #00256c url(../images/booking--edge.svg) no-repeat 0 0;
  background-size: 20px 4px;
}
@media (min-width: 1060px) {
  .booking__wrap:before {
    width: 34.6875%;
  }
}
@media (min-width: 1060px) {
  .booking__wrap.-full {
    padding: 0;
  }
}
.booking__title {
  display: block;
  position: absolute;
  top: 3rem;
  left: 0;
  color: #555;
  font-weight: normal;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .booking__title {
    top: 5rem;
  }
}
.booking__title[tabindex]:focus,
.booking__title[tabindex]:hover {
  outline: 0;
}
.booking__item {
  display: block;
  position: relative;
  padding: 4rem 0 2.9rem;
  border-top: 1px solid #d9dbe1;
}
@media (min-width: 1060px) {
  .booking__item {
    margin: 0 6.4rem;
    padding: 4.2rem 0 2.1rem;
  }
}
.booking__item:first-of-type {
  border-top: 0;
}
.booking__item.-multi {
  border-top: 0;
  border-bottom: 1px solid #d9dbe1;
}
.booking__aligner {
  overflow: hidden;
  padding-bottom: 1rem;
}
@media (min-width: 1060px) {
  .booking__aligner {
    padding-bottom: 0.9rem;
  }
}
.booking__aligner:before {
  content: "";
  display: block;
  position: absolute;
  top: 6.2rem;
  bottom: 0;
  left: 9.4rem;
  right: 9.4rem;
  height: 0.2rem;
  background: transparent;
  z-index: 1;
}
@media (min-width: 1060px) {
  .booking__aligner:before {
    top: 6.6rem;
    left: 18.8rem;
    right: 18.8rem;
  }
}
@media (min-width: 1340px) {
  .booking__aligner:before {
    left: 21.8rem;
    right: 21.8rem;
  }
}
.booking__aligner:after {
  content: "";
  display: block;
  clear: both;
}
.booking__title + .booking__aligner {
  margin-top: 2.8rem;
}
@media (min-width: 1060px) {
  .booking__title + .booking__aligner {
    margin-top: 0;
  }
}
.booking__title + .booking__aligner:before {
  top: 6rem;
  height: 5.6rem;
}
@media (min-width: 1060px) {
  .booking__title + .booking__aligner:before {
    top: 3.2rem;
    height: 7.6rem;
  }
}
.booking__button {
  display: block;
  width: 9.4rem;
  border: 0;
  background: #fff;
  cursor: pointer;
}
@media (min-width: 1060px) {
  .booking__button {
    width: 12rem;
  }
}
.booking__button.-from {
  float: left;
}
@media (min-width: 1060px) {
  .booking__button.-from {
    margin-left: 6.7rem;
  }
}
@media (min-width: 1340px) {
  .booking__button.-from {
    margin-left: 9.2rem;
  }
}
.booking__button.-to {
  float: right;
}
@media (min-width: 1060px) {
  .booking__button.-to {
    margin-right: 6.7rem;
  }
}
@media (min-width: 1340px) {
  .booking__button.-to {
    margin-right: 9.2rem;
  }
}
.booking__button.-to:before {
  content: "";
  display: block;
  position: absolute;
  top: 6.2rem;
  left: 9.4rem;
  right: 9.4rem;
  border-top: 1px dashed #0064de;
}
@media (min-width: 1060px) {
  .booking__button.-to:before {
    top: 6.6rem;
    left: 18.8rem;
    right: 18.8rem;
    border-color: #5497e9;
  }
}
@media (min-width: 1340px) {
  .booking__button.-to:before {
    left: 21.8rem;
    right: 21.8rem;
  }
}
.booking__title + .booking__aligner .booking__button.-to:before {
  top: 9rem;
}
@media (min-width: 1060px) {
  .booking__title + .booking__aligner .booking__button.-to:before {
    top: 6.6rem;
  }
}
.booking__button.-to.-oneway:before {
  top: 8.8rem;
}
@media (min-width: 1060px) {
  .booking__button.-to.-oneway:before {
    top: 6.6rem;
  }
}
.booking__button.-to.-off:before {
  border-color: #d9dbe1;
}
.booking__button.-to.-oneway:after {
  content: "";
  display: block;
  position: absolute;
  top: 6.1rem;
  left: 50%;
  width: 5.6rem;
  height: 5.6rem;
  margin-left: -2.8rem;
  background: #fff url(../images/booking__button-to.svg) no-repeat 50% 50%;
  background-size: 24px 24px;
}
@media (min-width: 1060px) {
  .booking__button.-to.-oneway:after {
    top: 2.9rem;
    width: 7.6rem;
    height: 7.6rem;
    margin-left: -3.8rem;
  }
}
.booking__button.-to.-oneway.-off:after {
  background: #fff url(../images/booking__button-to--disabled.svg) no-repeat 50% 50%;
  background-size: 24px 24px;
}
.booking__button[aria-disabled=true] {
  cursor: not-allowed;
}
.booking__button:hover,
.booking__button:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .booking__button:hover,
.app .booking__button:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.booking__route {
  display: block;
  width: 8.4rem;
  border: 0;
  background: #fff;
  text-align: center;
}
@media (min-width: 1060px) {
  .booking__route {
    width: 10rem;
  }
}
.booking__route.-from {
  float: left;
}
@media (min-width: 1060px) {
  .booking__route.-from {
    margin-left: 7.2rem;
  }
}
@media (min-width: 1340px) {
  .booking__route.-from {
    margin-left: 10.2rem;
  }
}
.booking__route.-to {
  float: right;
}
@media (min-width: 1060px) {
  .booking__route.-to {
    margin-right: 7.2rem;
  }
}
@media (min-width: 1340px) {
  .booking__route.-to {
    margin-right: 10.2rem;
  }
}
.booking__route.-to:before {
  content: "";
  display: block;
  position: absolute;
  top: 6.2rem;
  left: 9.4rem;
  right: 9.4rem;
  border-top: 1px dashed #0064de;
}
@media (min-width: 1060px) {
  .booking__route.-to:before {
    top: 6.6rem;
    left: 18.8rem;
    right: 18.8rem;
    border-color: #5497e9;
  }
}
@media (min-width: 1340px) {
  .booking__route.-to:before {
    left: 21.8rem;
    right: 21.8rem;
  }
}
.booking__route.-to.-oneway:before {
  top: 8.8rem;
}
@media (min-width: 1060px) {
  .booking__route.-to.-oneway:before {
    top: 6.6rem;
  }
}
.booking__route.-to.-oneway:after {
  content: "";
  display: block;
  position: absolute;
  top: 6.1rem;
  left: 50%;
  width: 5.6rem;
  height: 5.6rem;
  margin-left: -2.8rem;
  background: #fff url(../images/booking__button-to.svg) no-repeat 50% 50%;
  background-size: 24px 24px;
}
@media (min-width: 1060px) {
  .booking__route.-to.-oneway:after {
    top: 2.9rem;
    width: 7.6rem;
    height: 7.6rem;
    margin-left: -3.8rem;
  }
}
.booking__swap {
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  display: inline-block;
  position: absolute;
  top: 3.4rem;
  left: 50%;
  width: 5.6rem;
  height: 5.6rem;
  margin-left: -2.8rem;
  border: 0;
  background: #fff url(../images/booking__swap.svg) no-repeat 50% 50%;
  background-size: 44px 44px;
  cursor: pointer;
  z-index: 2;
}
@media (min-width: 1060px) {
  .booking__swap {
    top: 2.9rem;
    width: 7.6rem;
    height: 7.6rem;
    margin-left: -3.8rem;
  }
}
.booking__title + .booking__aligner .booking__swap {
  top: 6.2rem;
}
@media (min-width: 1060px) {
  .booking__title + .booking__aligner .booking__swap {
    top: 2.9rem;
  }
}
.booking__swap:hover,
.booking__swap:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .booking__swap:hover,
.app .booking__swap:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.booking__swap[disabled] {
  background: #fff url(../images/booking__swap--disabled.svg) no-repeat 50% 50%;
  background-size: 44px 44px;
  cursor: not-allowed;
}
.booking__swap[disabled]:hover,
.booking__swap[disabled]:focus {
  outline: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.booking__code {
  display: inline-block;
  width: 100%;
  font-size: 2.8rem;
  font-weight: 700;
  font-style: normal;
  color: #000;
}
.booking__code[aria-hidden="true"] {
  color: #767676;
}
@media (min-width: 1060px) {
  .booking__code {
    font-size: 3.4rem;
  }
}
.booking__button[aria-disabled="true"] .booking__code {
  color: #767676;
}
.booking__airport {
  display: block;
  margin-left: -0.4rem;
  color: #555;
  font-size: 1.2rem;
}
@media (min-width: 1060px) {
  .booking__airport {
    font-size: 1.4rem;
    line-height: 1.58;
  }
}
.booking__airport[aria-hidden="true"] {
  color: #767676;
}
.booking__datepicker {
  display: block;
  width: 100%;
  padding: 1.1rem 0;
  border: 0;
  background: none transparent;
  font-weight: 700;
  cursor: pointer;
}
.booking__datepicker[aria-disabled=true] {
  cursor: not-allowed;
}
.booking__datepicker:hover,
.booking__datepicker:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .booking__datepicker:hover,
.app .booking__datepicker:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.booking__date {
  display: inline-block;
  padding-left: 2.8rem;
  background: url(../images/booking__date.svg) no-repeat 0 50%;
  background-size: 24px 24px;
  color: #000;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .booking__date {
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.booking__date.-off {
  color: #767676;
}
.booking__datepicker[aria-disabled="true"] .booking__date {
  background: url(../images/booking__date--disabled.svg) no-repeat 0 50%;
  background-size: 24px 24px;
  color: #767676;
}
.booking__delete {
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  display: block;
  position: absolute;
  top: 2.2rem;
  right: -0.8rem;
  width: 4rem;
  height: 4rem;
  border: 0;
  background: #fff url(../images/booking__delete.svg) no-repeat 50% 50%;
  background-size: 24px 24px;
  cursor: pointer;
}
.booking__delete:hover,
.booking__delete:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .booking__delete:hover,
.app .booking__delete:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.booking__controls {
  padding: 2.4rem 0 4rem;
}
@media (min-width: 1060px) {
  .booking__controls {
    margin: 0 6.4rem;
    padding-bottom: 5rem;
  }
}
.booking__add {
  display: block;
  width: 100%;
  height: 4rem;
  margin: 0;
  padding: 0;
  border: 1px solid #00256c;
  border-radius: 0.2rem;
  background-color: #fff;
  color: #000;
  font-size: 1.4rem;
  line-height: 1.58;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  appearance: none;
}
.booking__add:before {
  content: "";
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  background: url(../images/booking__add.svg) no-repeat 50% 50%;
  background-size: 10px 10px;
  margin-right: 0.4rem;
  vertical-align: -0.2rem;
}
.booking__add:hover,
.booking__add:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.app .booking__add:hover,
.app .booking__add:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.booking__add[aria-disabled="true"] {
  border-color: #d4d8e0;
  color: #767676;
  cursor: not-allowed;
}
.booking__add[aria-disabled="true"]:before {
  background: url(../images/booking__add--disabled.svg) no-repeat 50% 50%;
  background-size: 10px 10px;
}
.booking__add[disabled] {
  border-color: #d4d8e0;
  color: #767676;
  cursor: not-allowed;
}
.booking__add[disabled]:before {
  background: url(../images/booking__add--disabled.svg) no-repeat 50% 50%;
  background-size: 10px 10px;
}
.booking__add[disabled]:hover,
.booking__add[disabled]:focus {
  outline: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.booking__options {
  padding: 2.5rem 0 4rem;
  border-top: 1px dashed #d9dbe1;
}
@media (min-width: 1060px) {
  .booking__options {
    position: absolute;
    top: 1rem;
    bottom: 4rem;
    right: 0;
    width: 34%;
    padding: 1.6rem 4.4rem 2.2rem;
    border-top: 0;
    border-left: 1px dashed #d9dbe1;
  }
}
@media (min-width: 1340px) {
  .booking__options {
    padding: 1.6rem 6.4rem 2.2rem;
  }
}
.booking__option + .booking__option {
  margin-top: 3rem;
}
@media (min-width: 1060px) {
  .booking__option + .booking__option {
    margin-top: 2.8rem;
  }
}
.booking__passengers {
  box-sizing: border-box;
  appearance: none;
  display: block;
  width: 100%;
  min-height: 4rem;
  margin: 0;
  padding: 0 3.4rem 0 0;
  border: 0;
  border-bottom: 1px solid #00256c;
  background: url(../images/booking__passengers.svg) #fff no-repeat 100% 50%;
  background-size: 24px 24px;
  color: #000;
  font-size: 1.6rem;
  line-height: 1.5;
  text-align: left;
  cursor: pointer;
}
@media (min-width: 1060px) {
  .booking__passengers {
    min-height: 4.8rem;
    padding: 0.5rem 3.4rem 0.5rem 0;
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.booking__passengers:hover,
.booking__passengers:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .booking__passengers:hover,
.app .booking__passengers:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.booking__search {
  display: block;
  width: 100%;
  height: 5.4rem;
  margin: 4rem 0 0;
  padding: 1.5rem 2rem;
  border: 1px solid #00256c;
  border-radius: 0.2rem;
  background-color: #00256c;
  color: #fff;
  font-weight: 700;
  font-size: 1.6rem;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  appearance: none;
}
@media (min-width: 1060px) {
  .booking__search {
    width: auto;
    min-width: 34rem;
    margin: 6rem auto 0;
    height: 6.2rem;
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.confirms .booking__search {
  margin-top: 0;
}
.booking__search:hover,
.booking__search:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.app .booking__search:hover,
.app .booking__search:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.search-airport__wrap {
  min-height: 19.8rem;
  margin-bottom: 2.6rem;
}
@media (min-width: 1060px) {
  .search-airport__wrap {
    min-height: 22.2rem;
    margin-bottom: 4rem;
  }
}
.search-airport__list {
  min-height: 19.8rem;
  margin-bottom: 2.6rem;
}
.search-airport__wrap .search-airport__list {
  min-height: auto;
  margin-bottom: 0;
}
@media (min-width: 1060px) {
  .search-airport__list {
    min-height: 22.2rem;
    margin-bottom: 4rem;
  }
  .search-airport__wrap .search-airport__list {
    min-height: auto;
    margin-bottom: 0;
  }
}
.search-airport__item {
  display: block;
  position: relative;
  margin: 1.2rem 0;
  padding: 0 6.2rem 0 0;
  border: 1px solid #d9dbe1;
}
@media (min-width: 1060px) {
  .search-airport__item {
    padding: 0 9.4rem 0 0;
  }
}
.search-airport__button {
  display: block;
  width: 100%;
  padding: 1.4rem 0 1.4rem 1.6rem;
  border: 0;
  background: transparent none;
  color: #000;
  font-size: 1.4rem;
  line-height: 1.58;
  text-align: left;
  cursor: pointer;
}
@media (min-width: 1060px) {
  .search-airport__button {
    padding: 2rem 0 2rem 2rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.search-airport__button:hover,
.search-airport__button:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .search-airport__button:hover,
.app .search-airport__button:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.search-airport__code {
  font-weight: 700;
  font-style: normal;
}
.search-airport__delete {
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  display: block;
  position: absolute;
  top: 50%;
  right: 0.6rem;
  width: 4.4rem;
  height: 4.4rem;
  margin-top: -2.2rem;
  border: 0;
  border-radius: 0.2rem;
  background: url(../images/search-airport__delete.svg) no-repeat 50% 50%;
  background-size: 16px 16px;
}
@media (min-width: 1060px) {
  .search-airport__delete {
    background-size: 24px 24px;
  }
}
.search-airport__delete:hover,
.search-airport__delete:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .search-airport__delete:hover,
.app .search-airport__delete:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.search-airport__local {
  display: inline-block;
  padding-left: 2.8rem;
  border: 0;
  background: url(../images/search-airport__local.svg) no-repeat 0 50%;
  background-size: 24px 24px;
  font-size: 1.6rem;
  color: #000;
}
@media (min-width: 1060px) {
  .search-airport__local {
    padding-left: 3.2rem;
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.search-airport__local:hover,
.search-airport__local:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.app .search-airport__local:hover,
.app .search-airport__local:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.local {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  -webkit-overflow-scrolling: touch;
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
}
@media (min-width: 1060px) {
  .local {
    padding-bottom: 4rem;
  }
}
.local ._pc-hidden {
  overflow-y: auto;
  height: 100%;
}
.local .tab.-y .tab__list {
  width: 30%;
}
.local .tab.-y .tab__panel {
  width: 70%;
}
.local__group {
  margin: 0.4rem 0;
  border: solid 1px #d9dbe1;
}
.local__group .local__group {
  margin: 0;
  border: 0;
  border-bottom: 1px solid #d9dbe1;
}
.local__heading {
  display: block;
  position: relative;
  width: 100%;
  padding: 1.6rem 4.4rem 1.6rem 1.6rem;
  border: 0;
  background: #f3f4f8;
  color: #000;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.58;
  text-align: left;
  cursor: pointer;
  appearance: none;
}
.local__heading:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 1rem;
  width: 2.4rem;
  height: 2.4rem;
  margin-top: -1.2rem;
  background: url(../images/local__heading.svg) no-repeat 0 50%;
  background-size: 24px 24px;
}
.local__heading[aria-expanded="true"] {
  background-color: #00256c;
  color: #fff;
}
.local__heading[aria-expanded="true"]:before {
  background: url(../images/local__heading--active.svg) no-repeat 0 50%;
  background-size: 24px 24px;
}
.local__panel.-sub .local__heading {
  padding: 1.2rem 0;
  background: transparent none;
}
.local__panel.-sub .local__heading:before {
  right: 0;
  width: 1.6rem;
  height: 1.6rem;
  margin-top: -0.8rem;
  background: url(../images/local__heading-sub.svg) no-repeat 0 50%;
  background-size: 16px 16px;
}
.local__panel.-sub .local__heading[aria-expanded="true"] {
  color: #000;
  font-weight: 700;
}
.local__panel.-sub .local__heading[aria-expanded="true"]:before {
  background: url(../images/local__heading-sub--active.svg) no-repeat 0 50%;
  background-size: 16px 16px;
}
.local__heading:hover,
.local__heading:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .local__heading:hover,
.app .local__heading:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.local__panel {
  padding: 0.7rem 1.6rem 0.8rem;
}
.local__panel.-sub {
  padding: 0.8rem 1.6rem 2.4rem;
}
.local__title {
  margin-top: 1.4rem;
  padding-bottom: 1.2rem;
  font-size: 1.4rem;
  line-height: 1.58;
  color: #00256c;
}
@media (min-width: 1060px) {
  .local__title {
    margin-top: 1.6rem 0;
    font-weight: normal;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.local.-skyteam .local__title {
  padding-bottom: 0;
  border-bottom: 0;
}
.local__list {
  padding: 1.2rem 0;
}
@media (min-width: 1060px) {
  .local__list {
    padding: 2rem 0 1.4rem;
  }
}
@media (min-width: 1060px) {
  .local.-skyteam .local__list {
    padding-top: 1.6rem;
  }
}
.local__panel.-sub .local__list {
  padding-top: 0.4rem;
}
.local__item {
  margin: 1.6rem 0;
}
.local__item:first-child {
  margin-top: 0;
}
.local__item:last-child {
  margin-bottom: 0;
}
.local__item.-indent {
  padding-left: 2.4rem;
}
.local__button {
  display: flex;
  border: 0;
  background: none transparent;
  color: #000;
  font-size: 1.4rem;
  line-height: 1.58;
  text-align: left;
  cursor: pointer;
  appearance: none;
}
@media (min-width: 1060px) {
  .local__button {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.local__button:hover,
.local__button:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .local__button:hover,
.app .local__button:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.local__button[aria-disabled="true"] {
  color: #767676;
  cursor: not-allowed;
}
.local__button[disabled] {
  color: #767676;
  cursor: not-allowed;
}
.local__button[disabled]:hover,
.local__button[disabled]:focus {
  outline: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.local__code {
  display: inline-block;
  min-width: 6.8rem;
  padding: 0 0.4rem 0 2.4rem;
  background: url(../images/local__code.svg) no-repeat 0 50%;
  background-size: 16px 16px;
  font-weight: 700;
}
.local__button.-all .local__code {
  background: url(../images/local__code--all.svg) no-repeat 0 50%;
  background-size: 16px 16px;
}
.local__button.-disabled .local__code,
.local__button[disabled] .local__code,
.local__button[aria-disabled="true"] .local__code {
  background: url(../images/local__code--disabled.svg) no-repeat 0 50%;
  background-size: 16px 16px;
}
.local__button.-bahn .local__code {
  background: url(../images/local__code--bahn.svg) no-repeat 0 50%;
  background-size: 16px 16px;
}
.local__airport {
  display: inline-block;
}
.local__error {
  margin: 0 -2rem;
  padding: 1.4rem 2rem;
  background-color: #fff;
  box-shadow: 0 -2px 8px 0 rgba(0, 0, 0, 0.05);
  text-align: center;
}
@media (min-width: 1060px) {
  .local__error {
    position: relative;
    min-height: 2.1rem;
    margin: 1.6rem 0 0;
    padding: 0;
    box-shadow: none;
    text-align: left;
  }
}
.passenger__items {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 2rem;
}
@media (min-width: 1060px) {
  .passenger__items {
    flex-direction: row;
    margin-bottom: 4rem;
  }
}
.passenger__item {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin: 2rem 0;
}
@media (min-width: 1060px) {
  .passenger__item {
    display: block;
    padding-right: 0;
  }
}
@media (min-width: 1060px) {
  .passenger__items.-col3 .passenger__item {
    width: 15.2rem;
  }
}
.passenger__item.-sub {
  margin-top: 3rem;
}
@media (min-width: 1060px) {
  .passenger__item.-sub {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: auto;
    margin: 0.8rem 0 0;
    padding: 3.3rem 0;
    border-top: 1px solid #d9dbe1;
  }
}
.passenger__label {
  margin-bottom: 0.4rem;
  color: #000;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.56;
}
.passenger__item.-sub .passenger__label {
  min-height: 4.8rem;
  margin-bottom: 0;
  padding-top: 0.8rem;
  font-size: 1.6rem;
  line-height: 1.5;
}
.passenger__age {
  display: block;
  color: #767676;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .passenger__age {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.passenger__controls {
  display: flex;
  position: relative;
  width: 16.4rem;
}
@media (min-width: 1060px) {
  .passenger__controls {
    margin-left: -0.6rem;
    margin-top: 1.7rem;
  }
}
.passenger__controls .forms {
  width: 100%;
}
.passenger__controls .forms [type="tel"] {
  width: 3.8rem;
  margin: 0 auto;
  font-weight: 700;
  font-size: 2rem;
}
@media (min-width: 1060px) {
  .passenger__controls .forms [type="tel"] {
    width: 4.8rem;
    font-size: 2.4rem;
  }
}
@media (min-width: 1060px) {
  .passenger__item.-sub .passenger__controls {
    margin-top: 0;
  }
}
.passenger__item.-sub .passenger__controls .forms {
  margin: 0;
}
.passenger__item.-sub .passenger__controls .forms [type="tel"] {
  width: 3.8rem;
  margin: 0 auto;
  font-weight: 700;
}
@media (min-width: 1060px) {
  .passenger__item.-sub .passenger__controls .forms [type="tel"] {
    width: 4.8rem;
  }
}
.passenger__control {
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  display: block;
  position: absolute;
  top: -0.2rem;
  width: 4.4rem;
  height: 4.4rem;
  border: 0;
  color: #555;
  font-size: 1.6rem;
  line-height: 1.5;
  z-index: 1;
}
@media (min-width: 1060px) {
  .passenger__control {
    top: 0.2rem;
  }
}
.passenger__control.-add {
  right: 0;
  background: url(../images/passenger__control-add.svg) no-repeat 50% 50%;
  background-size: 32px 32px;
}
.passenger__control.-add[aria-disabled="true"] {
  background: url(../images/passenger__control-add--disabled.svg) no-repeat 50% 50%;
  background-size: 32px 32px;
  cursor: not-allowed;
}
.passenger__control.-sub {
  left: 0;
  background: url(../images/passenger__control-sub.svg) no-repeat 50% 50%;
  background-size: 32px 32px;
}
.passenger__control.-sub[aria-disabled="true"] {
  background: url(../images/passenger__control-sub--disabled.svg) no-repeat 50% 50%;
  background-size: 32px 32px;
  cursor: not-allowed;
}
.passenger__control:hover,
.passenger__control:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .passenger__control:hover,
.app .passenger__control:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.passenger__selection {
  padding: 3.2rem 0;
  border-top: 1px solid #d9dbe1;
}
.passenger__selection.-bordered {
  border-bottom: 1px solid #d9dbe1;
}
.passenger__option {
  margin-top: 1.2rem;
  padding-left: 2.6rem;
}
@media (min-width: 1060px) {
  .passenger__option {
    padding-left: 3rem;
  }
}
.passenger__option .label {
  padding-left: 0;
}
.passenger__switch-aligner {
  border-top: 1px solid #d9dbe1;
  padding: 2rem 0 0;
}
.passenger__cal-button {
  display: inline-block;
  padding: 0 2.4rem;
  border: 0;
  background-color: #fff;
  background-image: url(../images/passenger__cal.svg), url(../images/passenger__cal-down.svg);
  background-repeat: no-repeat;
  background-position: 0 50%, 100% 50%;
  background-size: 16px 16px;
  color: #0064de;
  font-size: 1.4rem;
  line-height: 1.58;
}
.passenger__cal-button[aria-expanded="true"] {
  background-image: url(../images/passenger__cal.svg), url(../images/passenger__cal-up.svg);
}
.passenger__cal-button:hover,
.passenger__cal-button:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.app .passenger__cal-button:hover,
.app .passenger__cal-button:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.passenger__cal {
  display: none;
}
.passenger__cal.-active {
  display: block;
  margin: 1.2rem 0;
}
.passenger .mix {
  padding: 2rem;
}
.flight-widget {
  position: relative;
  height: 4rem;
}
@media (min-width: 1060px) {
  .flight-widget {
    height: 5.6rem;
  }
}
.flight-widget__fix {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 5.5rem;
  padding: 0 2rem;
  background-color: #c7f3ff;
  z-index: 200;
}
@media (min-width: 1060px) {
  .flight-widget__fix {
    left: -2rem;
    right: -2rem;
    height: 8.6rem;
  }
}
.flight-widget__fix:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 6.2rem;
  height: 100%;
  background: url(../images/flight-widget__fix.svg) #00256c no-repeat 0 50%;
  background-size: 48px 100%;
}
@media (min-width: 1060px) {
  .flight-widget__fix:before {
    width: 14.27%;
    background: url(../images/flight-widget__fix--large.svg) #00256c no-repeat 0 50%;
    background-size: 80px 100%;
  }
}
@media (min-width: 1920px) {
  .flight-widget__fix:before {
    left: 50%;
    width: auto;
    margin-left: 68.6rem;
  }
}
.flight-widget.-active .flight-widget__fix {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}
@media (max-width: 1059px) {
  .flight-widget.-reflow .flight-widget__fix {
    position: absolute !important;
  }
}
.flight-widget__aligner {
  display: flex;
  flex-direction: column;
  position: relative;
  margin: 1.2rem 0 0;
  padding: 0.6rem 0;
  border-radius: 1px;
  box-shadow: 0 1rem 2rem 0 rgba(0, 25, 72, 0.1);
  background-color: #fff;
  z-index: 1;
}
@media (min-width: 1060px) {
  .flight-widget__aligner {
    flex-direction: row;
    max-width: 128rem;
    min-height: 7.8rem;
    padding: 0 0 0 0.6rem;
    margin: 2rem auto 0;
    box-shadow: 0.4rem 1rem 2rem 0 rgba(0, 25, 72, 0.18);
  }
}
@media (min-width: 1060px) {
  .flight-widget__aligner.-multi {
    flex-wrap: wrap;
    padding: 0;
  }
}
@media (min-width: 1060px) {
  .flight-widget__items {
    display: block !important;
    margin-top: 1.7rem;
  }
}
.flight-widget__aligner.-active .flight-widget__items {
  overflow-y: auto;
  max-height: calc(100vh - 24rem);
}
@media (min-width: 1060px) {
  .flight-widget__aligner.-active .flight-widget__items {
    max-height: auto;
  }
}
.flight-widget.-reflow .flight-widget__aligner.-active .flight-widget__items {
  overflow-y: visible;
  max-height: 100% !important;
}
.flight-widget__aligner.-multi.-active .flight-widget__items {
  position: absolute;
  top: 0;
  left: 23.5rem;
}
.flight-widget__locals {
  position: relative;
  height: 4.4rem;
}
@media (min-width: 1060px) {
  .flight-widget__locals {
    display: inline-block;
    width: 24rem;
    margin-top: 1.7rem;
  }
}
.flight-widget__multi {
  position: relative;
  height: 4.4rem;
}
@media (min-width: 1060px) {
  .flight-widget__multi {
    display: flex;
    align-items: center;
    width: 23.5rem;
    height: 7.8rem;
    padding: 0 2.8rem 0 4rem;
  }
}
.flight-widget__item {
  display: flex;
}
@media (min-width: 1060px) {
  .flight-widget__item {
    display: inline-block;
    position: relative;
    vertical-align: top;
  }
  .flight-widget__item:before {
    content: "";
    display: block;
    position: absolute;
    top: 1.3rem;
    left: 0;
    width: 1px;
    height: 1.8rem;
    background-color: #000;
    opacity: 0.4;
  }
}
.flight-widget__type {
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  position: absolute;
  top: 0.6rem;
  left: 50%;
  width: 3.2rem;
  height: 3.2rem;
  margin-left: -1.6rem;
}
@media (min-width: 1060px) {
  .flight-widget__type {
    top: 0;
    width: 4.4rem;
    height: 4.4rem;
    margin-left: -2.2rem;
  }
}
.flight-widget__type.-oneway {
  background: url(../images/flight-widget__local-to--oneway.svg) no-repeat 50% 50%;
  background-size: 32px 32px;
}
@media (min-width: 1060px) {
  .flight-widget__type.-oneway {
    background-size: 44px 44px;
  }
}
.flight-widget__type.-roundtrip {
  background: url(../images/flight-widget__local-to--roundtrip.svg) no-repeat 50% 50%;
  background-size: 32px 32px;
}
@media (min-width: 1060px) {
  .flight-widget__type.-roundtrip {
    background-size: 44px 44px;
  }
}
.flight-widget__local {
  display: block;
  position: absolute;
  top: 0;
  height: 4.4rem;
  padding: 0 1rem;
  border: 0;
  background: transparent none;
  cursor: pointer;
}
.flight-widget__aligner.-active .flight-widget__local {
  text-decoration: underline;
}
@media (min-width: 1060px) {
  .flight-widget__aligner.-active .flight-widget__local {
    text-decoration: none;
  }
}
.flight-widget__local.-active {
  text-decoration: underline;
}
@media (min-width: 1060px) {
  .flight-widget__local.-active {
    text-decoration: none;
  }
}
.flight-widget__local.-from {
  right: 50%;
  margin-right: 2.6rem;
}
@media (min-width: 1060px) {
  .flight-widget__local.-from {
    margin-right: 2.8rem;
  }
}
.flight-widget__local.-to {
  left: 50%;
  margin-left: 2.6rem;
}
@media (min-width: 1060px) {
  .flight-widget__local.-to {
    margin-left: 2.8rem;
  }
}
.flight-widget__local:hover,
.flight-widget__local:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .flight-widget__local:hover,
.app .flight-widget__local:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.flight-widget__local[aria-disabled="true"] {
  cursor: not-allowed;
}
.flight-widget__code {
  color: #000;
  font-size: 2rem;
  font-style: normal;
  font-weight: bold;
  line-height: 1.6;
}
@media (min-width: 1060px) {
  .flight-widget__code {
    font-size: 2.4rem;
    line-height: 1.83;
  }
}
.flight-widget__aligner.-active .flight-widget__code {
  font-size: 2.4rem;
  line-height: 1.5;
}
.flight-widget__local.-active .flight-widget__code {
  font-size: 2.4rem;
  line-height: 1.5;
}
.flight-widget__swap {
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  width: 4.4rem;
  height: 4.4rem;
  margin-left: -2.2rem;
  border: 0;
  background: url(../images/flight-widget__swap.svg) no-repeat 50% 50%;
  background-size: 32px 32px;
  cursor: pointer;
}
@media (min-width: 1060px) {
  .flight-widget__swap {
    background-size: 44px 44px;
  }
}
.flight-widget__swap:hover,
.flight-widget__swap:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .flight-widget__swap:hover,
.app .flight-widget__swap:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.flight-widget__swap[aria-disabled="true"] {
  cursor: not-allowed;
}
.flight-widget__expand {
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  display: block;
  position: absolute;
  top: 0.6rem;
  right: 0.6rem;
  width: 4.4rem;
  height: 4.4rem;
  border: 0;
  background: url(../images/flight-widget__down.svg) no-repeat 50% 50%;
  background-size: 16px 16px;
  cursor: pointer;
}
@media (min-width: 1060px) {
  .flight-widget__expand {
    display: none;
  }
}
.flight-widget__expand[aria-expanded="true"] {
  background: url(../images/flight-widget__up.svg) no-repeat 50% 50%;
  background-size: 16px 16px;
}
.flight-widget__expand:hover,
.flight-widget__expand:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .flight-widget__expand:hover,
.app .flight-widget__expand:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.flight-widget__detail {
  display: block;
  position: relative;
  width: 100%;
  min-height: 4.4rem;
  border: 0;
  background: #fff;
  color: #000;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 2.13;
  appearance: none;
  cursor: pointer;
}
@media (min-width: 1060px) {
  .flight-widget__detail {
    padding: 0 1.6rem;
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.flight-widget__detail:before {
  content: "";
  display: block;
  position: absolute;
  top: 1.4rem;
  right: 1.6rem;
  width: 1.6rem;
  height: 1.6rem;
  background: url(../images/flight-widget__down.svg) no-repeat 50% 50%;
  background-size: 16px 16px;
}
@media (min-width: 1060px) {
  .flight-widget__detail:before {
    top: 50%;
    right: 0;
    margin-top: -0.8rem;
  }
}
.flight-widget__detail[aria-expanded="true"]:before {
  background: url(../images/flight-widget__up.svg) no-repeat 50% 50%;
  background-size: 16px 16px;
}
.flight-widget__detail:hover,
.flight-widget__detail:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .flight-widget__detail:hover,
.app .flight-widget__detail:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.flight-widget__datepicker {
  display: block;
  width: 100%;
  min-height: 4rem;
  margin: 1.6rem 2rem 1.2rem;
  padding: 0.5rem 0 0.5rem 3.4rem;
  border: 0;
  border-bottom: 1px solid #00256c;
  background: url(../images/flight-widget__datepicker.svg) no-repeat 0 50%;
  background-size: 24px 24px;
  color: #000;
  font-size: 1.4rem;
  line-height: 2.14;
  text-align: left;
  cursor: pointer;
}
@media (min-width: 1060px) {
  .flight-widget__datepicker {
    display: inline-block;
    width: auto;
    margin: 0.2rem 2.7rem 0.2rem 3.3rem;
    padding-right: 0.5rem;
    border-bottom: 0;
    font-size: 1.6rem;
    line-height: 1.875;
  }
}
.flight-widget__datepicker:hover,
.flight-widget__datepicker:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .flight-widget__datepicker:hover,
.app .flight-widget__datepicker:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.flight-widget__datepicker[aria-disabled="true"] {
  cursor: not-allowed;
}
div.flight-widget__datepicker {
  cursor: default;
}
div.flight-widget__datepicker:hover,
div.flight-widget__datepicker:focus {
  outline: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.flight-widget__passengers {
  display: inline-block;
  width: 100%;
  min-height: 4rem;
  margin: 1.2rem 2rem;
  padding: 0.5rem 0 0.5rem 3.4rem;
  border: 0;
  border-bottom: 1px solid #00256c;
  background: url(../images/flight-widget__passenger.svg) no-repeat 0 50%;
  background-size: 24px 24px;
  color: #000;
  font-size: 1.4rem;
  line-height: 2.14;
  text-align: left;
}
@media (min-width: 1060px) {
  .flight-widget__passengers {
    display: inline-block;
    width: auto;
    margin: 0.2rem 3.5rem 0.2rem 3.4rem;
    padding-right: 0.5rem;
    border-bottom: 0;
    font-size: 1.6rem;
    line-height: 1.875;
  }
}
.flight-widget__passengers:hover,
.flight-widget__passengers:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .flight-widget__passengers:hover,
.app .flight-widget__passengers:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.flight-widget__passengers[aria-disabled="true"] {
  cursor: not-allowed;
}
div.flight-widget__passengers {
  cursor: default;
}
div.flight-widget__passengers:hover,
div.flight-widget__passengers:focus {
  outline: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.flight-widget__change {
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  display: block;
  width: 10rem;
  height: 4rem;
  margin: 0.8rem auto 2rem;
  border: 0;
  border-radius: 1.8rem 0;
  box-shadow: 0.2rem 0.8rem 1.4rem 0 rgba(0, 104, 179, 0.3);
  background: #118fe4 url(../images/flight-widget__change.svg) no-repeat 50% 50%;
  background-size: 24px 24px;
  cursor: pointer;
}
@media (min-width: 1060px) {
  .flight-widget__change {
    position: absolute;
    top: 1.3rem;
    right: 2rem;
    width: 6rem;
    height: 5.3rem;
    margin: 0;
    border-radius: 2.5rem 0;
    background-size: 30px 31px;
    cursor: pointer;
  }
}
.flight-widget__change[aria-disabled="true"] {
  cursor: not-allowed;
}
.flight-widget__aligner.-multi .flight-widget__change {
  display: none;
}
@media (min-width: 1060px) {
  .flight-widget__aligner.-multi .flight-widget__change {
    display: block;
  }
}
.flight-widget__aligner.-multi.-active .flight-widget__change {
  display: block;
}
@media (min-width: 1060px) {
  .flight-widget__aligner.-multi.-active .flight-widget__change {
    top: -3.8rem;
    right: 0;
  }
}
@media (min-width: 1060px) {
  .flight-widget__aligner.-multi.-active .flight-widget__change.-passenger {
    top: -7.8rem;
  }
}
.flight-widget__change:focus,
.flight-widget__change:hover {
  outline: 0;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.flight-widget__aligner.-active .flight-widget__list {
  overflow-y: auto;
  max-height: calc(100vh - 34rem);
  padding: 0 2rem;
}
@media (min-width: 1060px) {
  .flight-widget__aligner.-active .flight-widget__list {
    position: relative;
    width: 100%;
    max-height: calc(100vh - 27rem);
    padding: 0 10rem;
  }
}
.flight-widget.-reflow .flight-widget__aligner.-active .flight-widget__list {
  max-height: 100% !important;
}
.flight-widget__bounds {
  display: none;
  margin-bottom: 2rem;
}
.flight-widget__aligner.-active .flight-widget__bounds {
  display: block;
}
.flight-widget__bounds .flight-widget__passengers {
  margin: 2.7rem 0 2rem;
}
@media (min-width: 1060px) {
  .flight-widget__bounds .flight-widget__passengers {
    width: 82.5%;
    margin: 6rem 0 0;
    border-bottom: 1px solid #00256c;
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.flight-widget__bound {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 2.5rem 0 2rem;
}
@media (min-width: 1060px) {
  .flight-widget__bound {
    justify-content: flex-start;
    margin-top: 4.6rem;
  }
}
.flight-widget__bound + .flight-widget__bound {
  margin-top: 4rem;
}
.flight-widget__bound .flight-widget__local {
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  width: calc(50% - 2rem);
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #00256c;
  text-align: left;
  text-decoration: none !important;
}
@media (min-width: 1060px) {
  .flight-widget__bound .flight-widget__local {
    height: 4.8rem;
  }
}
.flight-widget__bound .flight-widget__local.-to {
  margin-left: 3.9rem;
}
.flight-widget__bound .flight-widget__code {
  font-weight: normal;
  font-size: 1.6rem !important;
  line-height: 1.5 !important;
}
@media (min-width: 1060px) {
  .flight-widget__bound .flight-widget__code {
    font-size: 1.8rem !important;
    line-height: 1.56 !important;
  }
}
.flight-widget__bound .flight-widget__datepicker {
  margin: 1.2rem 0 0;
}
@media (min-width: 1060px) {
  .flight-widget__bound .flight-widget__datepicker {
    width: 30%;
    height: 4.8rem;
    margin: 0 0 0 auto;
    border-bottom: 1px solid #00256c;
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.flight-widget__route {
  display: flex;
  justify-content: space-between;
  width: 100%;
  background: url(../images/flight-widget__to.svg) no-repeat 50% 50%;
  background-size: 16px 16px;
}
@media (min-width: 1060px) {
  .flight-widget__route {
    width: 60%;
  }
}
@media (min-width: 1060px) {
  .flight-widget__aligner.-active .flight-widget__changes {
    position: relative;
    width: 100%;
    height: 6rem;
    text-align: right;
  }
}
.payment-widget {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  box-shadow: 0.4rem 0 1.6rem 0 rgba(105, 138, 161, 0.33);
  z-index: 200;
}
@media (max-width: 1059px) {
  .payment-widget.-reflow {
    position: relative;
    width: auto;
    margin: 2rem -2rem -13rem;
  }
}
.payment-widget__aligner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-top: 1rem;
}
@media (min-width: 1060px) {
  .payment-widget__aligner {
    align-items: center;
    max-width: 132rem;
    margin: 0 auto;
    padding: 0 2rem;
  }
}
.payment-widget.-button-only .payment-widget__aligner {
  padding-top: 0;
}
.payment-widget__aligner .confirm {
  width: 100%;
}
@media (min-width: 1060px) {
  .payment-widget__aligner .confirm {
    min-width: 24rem;
    width: auto;
  }
}
.payment-widget__aligner .confirm:hover,
.payment-widget__aligner .confirm:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #fff;
}
.payment-widget__aligner .confirm[aria-disabled="true"]:hover,
.payment-widget__aligner .confirm[aria-disabled="true"]:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .payment-widget__aligner .confirm[aria-disabled="true"]:hover,
.app .payment-widget__aligner .confirm[aria-disabled="true"]:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.payment-widget__key {
  display: inline-block;
  padding: 0 2rem;
  color: #000;
  font-weight: normal;
  font-size: 1.4rem;
  line-height: 2;
}
@media (min-width: 1060px) {
  .payment-widget__key {
    padding: 0 4rem 0 0;
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.payment-widget__fares {
  margin-left: auto;
}
.payment-widget__fare {
  display: inline-block;
  padding: 0 0 1rem 0;
  border: 0;
  background: transparent none;
  color: #00256c;
  font-size: 1.4rem;
  line-height: 2;
}
@media (min-width: 1060px) {
  .payment-widget__fare {
    padding: 1.1rem 0;
    font-size: 1.8rem;
  }
}
.payment-widget__fare:last-child {
  padding-right: 2rem;
}
@media (min-width: 1060px) {
  .payment-widget__fare:last-child {
    padding-right: 4rem;
  }
}
.payment-widget__fare + .payment-widget__fare {
  margin-left: 1rem;
}
.payment-widget__fare-num {
  display: inline-block;
  margin-right: 0.2rem;
  font-size: 1.8rem;
  font-weight: 700;
  font-style: normal;
  line-height: 1.56;
  vertical-align: top;
}
@media (min-width: 1060px) {
  .payment-widget__fare-num {
    margin-right: 0.4rem;
    font-size: 2.4rem;
    line-height: 1.5;
  }
}
.payment-widget__detail {
  display: inline-block;
  margin: 0 2rem 1.1rem 0;
  border: 0;
  border-bottom: 1px solid #0064de;
  background: transparent none;
  color: #0064de;
  font-size: 1.8rem;
  line-height: 1.56;
  appearance: none;
  cursor: pointer;
}
.payment-widget__detail:hover,
.payment-widget__detail:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.app .payment-widget__detail:hover,
.app .payment-widget__detail:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.payment-widget__plus {
  display: inline-block;
  padding: 0 0.4rem;
  color: #00256c;
  font-weight: bold;
  font-size: 1.8rem;
  line-height: 1.56;
}
@media (min-width: 1060px) {
  .payment-widget__plus {
    padding: 0 1rem;
    font-size: 1.8rem;
  }
}
.payment-widget__confirms {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
@media (min-width: 1060px) {
  .payment-widget__confirms {
    width: auto;
  }
}
.payment-widget__confirm {
  display: block;
  width: 100%;
  height: 6.2rem;
  margin: 0;
  padding: 1.6rem 2rem;
  border: 1px solid #00256c;
  border-radius: 0;
  background-color: #00256c;
  color: #fff;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1.5;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  appearance: none;
}
@media (min-width: 1060px) {
  .payment-widget__confirm {
    display: inline-block;
    width: auto;
    min-width: 24rem;
    height: 6rem;
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
@media (min-width: 1060px) {
  .payment-widget__confirm:first-child {
    margin-left: auto;
  }
}
.payment-widget__confirm:hover,
.payment-widget__confirm:focus {
  outline: 0;
  box-shadow: inset 0 0 0 1px #fff;
}
.payment-widget__confirm.-ghost {
  border-color: #f3f4f8;
  background-color: #f3f4f8;
  color: #00256c;
}
.payment-widget__confirm.-ghost:hover,
.payment-widget__confirm.-ghost:focus {
  box-shadow: inset 0 0 0 1px #0064de;
}
.payment-widget__confirm[disabled] {
  border: 1px solid #bcbcbc;
  background-color: #bcbcbc;
  color: #fff;
  cursor: not-allowed;
}
.payment-widget__confirm[disabled]:hover,
.payment-widget__confirm[disabled]:focus {
  outline: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.payment-widget__confirm[aria-disabled="true"] {
  border: 1px solid #bcbcbc;
  background-color: #bcbcbc;
  color: #fff;
  cursor: not-allowed;
}
.payment-widget__confirm[aria-disabled="true"] + .payment-widget__confirm[aria-disabled="true"] {
  border-left: 1px solid #fff;
}
.payment-widget__confirm[aria-disabled="true"]:hover,
.payment-widget__confirm[aria-disabled="true"]:focus {
  box-shadow: inset 0 0 0 1px #0064de;
}
.payment-widget__skip {
  display: block;
  width: 100%;
  height: 6.2rem;
  margin: 0;
  padding: 1.6rem 2rem;
  border: 1px solid #0064de;
  border-radius: 0;
  background-color: #0064de;
  color: #fff;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1.5;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  appearance: none;
}
@media (min-width: 1060px) {
  .payment-widget__skip {
    display: inline-block;
    width: auto;
    min-width: 24rem;
    height: 6rem;
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
@media (min-width: 1060px) {
  .payment-widget__skip:first-child {
    margin-left: auto;
  }
}
.payment-widget__skip:hover,
.payment-widget__skip:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #fff;
}
.payment-widget__skip[disabled] {
  border: 1px solid #d9dbe1;
  background-color: #f3f4f8;
  color: #767676;
  cursor: not-allowed;
}
.payment-widget__skip[disabled]:hover,
.payment-widget__skip[disabled]:focus {
  outline: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.payment-widget__skip[aria-disabled="true"] {
  border: 1px solid #d9dbe1;
  background-color: #f3f4f8;
  color: #767676;
  cursor: not-allowed;
}
.payment-widget__skip[aria-disabled="true"]:hover,
.payment-widget__skip[aria-disabled="true"]:focus {
  box-shadow: inset 0 0 0 1px #0064de;
}
.flexible-date {
  position: relative;
  margin: 1.2rem 0 0;
  padding: 0 3.6rem;
  border: 1px solid #e7eaf0;
}
@media (min-width: 1060px) {
  .flexible-date {
    margin: 2rem 0 0;
    padding: 0;
  }
}
.ib-title-aside + .flexible-date {
  margin-top: -0.5rem;
}
@media (min-width: 1060px) {
  .flexible-date__controls {
    display: none;
  }
}
.flexible-date__prev {
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 3.6rem;
  height: 6rem;
  border: 0;
  background: url(../images/flexible-date__prev.svg) #fff no-repeat 50% 50%;
  background-size: 24px 24px;
  cursor: pointer;
  z-index: 1;
}
.flexible-date__prev:hover,
.flexible-date__prev:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .flexible-date__prev:hover,
.app .flexible-date__prev:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.flexible-date__prev[aria-disabled="true"] {
  background: url(../images/flexible-date__prev-disabled.svg) #fff no-repeat 50% 50%;
  background-size: 24px 24px;
  cursor: not-allowed;
}
.flexible-date__prev[disabled] {
  background: url(../images/flexible-date__prev-disabled.svg) #fff no-repeat 50% 50%;
  background-size: 24px 24px;
  cursor: not-allowed;
}
.flexible-date__prev[disabled]:hover,
.flexible-date__prev[disabled]:focus {
  outline: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.flexible-date__next {
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 3.6rem;
  height: 6rem;
  border: 0;
  background: url(../images/flexible-date__next.svg) no-repeat #fff 50% 50%;
  background-size: 24px 24px;
  cursor: pointer;
  z-index: 1;
}
.flexible-date__next:hover,
.flexible-date__next:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .flexible-date__next:hover,
.app .flexible-date__next:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.flexible-date__next[aria-disabled="true"] {
  background: url(../images/flexible-date__next-disabled.svg) #fff no-repeat 50% 50%;
  background-size: 24px 24px;
  cursor: not-allowed;
}
.flexible-date__next[disabled] {
  background: url(../images/flexible-date__next-disabled.svg) #fff no-repeat 50% 50%;
  background-size: 24px 24px;
  cursor: not-allowed;
}
.flexible-date__next[disabled]:hover,
.flexible-date__next[disabled]:focus {
  outline: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.flexible-date__list {
  overflow: hidden;
}
.flexible-date__items {
  white-space: nowrap;
  width: 100%;
  font-size: 0;
}
@media (min-width: 1060px) {
  .flexible-date__items {
    display: flex;
  }
}
.flexible-date__item {
  display: inline-block;
  position: relative;
  width: 33.3%;
  vertical-align: top;
}
@media (min-width: 1060px) {
  .flexible-date__item {
    display: inline-block;
    width: 100%;
  }
}
.flexible-date__link {
  display: block;
  width: 100%;
  padding: 0.8rem 0;
  border: 0;
  background: transparent none;
  text-decoration: none;
  text-align: center;
  appearance: none;
  cursor: pointer;
}
@media (min-width: 1060px) {
  .flexible-date__link {
    padding: 2.4rem 0 2.5rem;
  }
}
.flexible-date__link:hover,
.flexible-date__link:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .flexible-date__link:hover,
.app .flexible-date__link:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.flexible-date__link[aria-disabled=true] {
  cursor: not-allowed;
}
.flexible-date__link[disabled] {
  cursor: not-allowed;
}
.flexible-date__link[disabled]:hover,
.flexible-date__link[disabled]:focus {
  outline: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.flexible-date__date {
  display: block;
  color: #000;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .flexible-date__date {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.-active .flexible-date__date {
  font-weight: bold;
}
@media (min-width: 1060px) {
  .-active .flexible-date__date {
    font-size: 1.8rem;
    line-height: 1.34;
  }
}
.flexible-date__fare {
  display: block;
  color: #767676;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .flexible-date__fare {
    margin-top: 0.2rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.-active .flexible-date__fare {
  color: #0064de;
  font-weight: bold;
}
.flexible-date__icons {
  display: flex;
  justify-content: center;
  margin: 0.4rem 0 0.2rem;
}
@media (min-width: 1060px) {
  .flexible-date__icons {
    margin-top: 0.8rem;
  }
}
.flexible-date__icons .class-icon {
  margin: 0 0.2rem;
}
@media (min-width: 1060px) {
  .flexible-date__icons .class-icon {
    margin: 0 0.1rem;
  }
}
.flight {
  margin: 2rem 0 4rem;
}
@media (min-width: 1060px) {
  .flight {
    margin-top: 5rem;
  }
}
@media (min-width: 1060px) {
  .flight__wrap {
    position: relative;
    min-height: 44rem;
  }
}
.flight__items {
  list-style: none;
}
.flight__item {
  margin: 1.2rem 0 2rem;
  border: 1px solid #d9dbe1;
  border-radius: 0.2rem;
}
@media (min-width: 1060px) {
  .flight__item {
    display: flex;
    margin: 2rem 0 4rem;
    border: 0;
  }
}
@media (min-width: 1060px) {
  .flight__item.-active {
    position: relative;
    z-index: 3;
  }
}
.flight__info-wrap {
  position: relative;
  padding: 3.5rem 1.6rem 2rem;
}
@media (min-width: 1060px) {
  .flight__info-wrap {
    width: 34rem;
    padding: 0;
    border: 1px solid #d9dbe1;
  }
}
@media (min-width: 1340px) {
  .flight__info-wrap {
    width: 47.2rem;
  }
}
@media (min-width: 1060px) {
  .flight__info {
    position: relative;
    padding: 3.2rem 2.4rem 3rem 2.4rem;
    background-color: #fff;
  }
}
@media (min-width: 1340px) {
  .flight__info {
    padding-left: 4rem;
    padding-right: 4rem;
  }
}
.flight__flag {
  display: inline-block;
  position: absolute;
  top: -0.1rem;
  left: -0.1rem;
  min-width: 5rem;
  height: 2.4rem;
  padding: 0.3rem 0.4rem 0 1.2rem;
  color: #fff;
  font-size: 1.2rem;
  line-height: 1.5;
  text-align: center;
}
@media (min-width: 1060px) {
  .flight__flag {
    min-width: 5.6rem;
    height: 2.6rem;
    padding: 0.1rem 0.5rem 0 1.2rem;
    font-size: 1.4rem;
    line-height: 1.58;
  }
}
.flight__flag:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: -1.1rem;
  width: 1.2rem;
  height: 2.4rem;
}
@media (min-width: 1060px) {
  .flight__flag:before {
    right: -1.3rem;
    width: 1.4rem;
    height: 2.6rem;
  }
}
.flight__flag.-lowest {
  background-color: #0064de;
}
.flight__flag.-lowest:before {
  border-top: 1px solid #0064de;
  background: url(../images/flight__flag--lowest-small.svg) no-repeat 100% 50%;
  background-size: 12px 24px;
}
@media (min-width: 1060px) {
  .flight__flag.-lowest:before {
    background: url(../images/flight__flag--lowest.svg) no-repeat 100% 50%;
    background-size: 14px 26px;
  }
}
.flight__flag.-recommend {
  background-color: #735DED;
}
.flight__flag.-recommend:before {
  border-top: 1px solid #735DED;
  background: url(../images/flight__flag--recommend-small.svg) no-repeat 100% 50%;
  background-size: 12px 24px;
}
@media (min-width: 1060px) {
  .flight__flag.-recommend:before {
    background: url(../images/flight__flag--recommend.svg) no-repeat 100% 50%;
    background-size: 14px 26px;
  }
}
.flight__delay {
  display: inline-block;
  position: absolute;
  top: 1.2rem;
  color: #de001b;
  font-size: 1.4rem;
  line-height: 1.58;
  vertical-align: top;
}
@media (min-width: 1060px) {
  .flight__delay {
    margin: 0 0 0.4rem;
  }
}
.flight__flag + .flight__delay {
  top: 3.9rem;
}
.flight__delay-p {
  display: inline-block;
  position: relative;
  padding-left: 2.4rem;
}
.flight__delay-p:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: -0.4rem;
  width: 2.4rem;
  height: 2.4rem;
  background: url(../images/flight__delay.svg) no-repeat;
  background-size: 24px 24px;
}
.flight__delay-time {
  display: inline-block;
  margin-left: 0.6rem;
}
.flight__aligner {
  display: flex;
  justify-content: space-between;
}
@media (min-width: 1060px) {
  .flight__aligner {
    flex-wrap: wrap;
  }
}
.flight__flag + .flight__delay + .flight__aligner {
  margin-top: 2.7rem;
}
@media (min-width: 1060px) {
  .flight__flag + .flight__delay + .flight__aligner {
    margin-top: 2.8rem;
  }
}
.flight__from {
  font-size: 1.2rem;
  text-align: left;
}
.flight__to {
  font-size: 1.2rem;
  text-align: right;
}
.flight__time {
  display: block;
  color: #000;
  font-size: 2rem;
  font-weight: 700;
}
@media (min-width: 1060px) {
  .flight__time {
    font-size: 2.4rem;
    line-height: 1.5;
  }
}
.flight__overtime {
  display: inline-block;
  position: absolute;
  top: 1.8rem;
  right: 1.6rem;
  color: #0064de;
  font-size: 1.2rem;
  font-weight: normal;
  line-height: 1.5;
  vertical-align: top;
}
@media (min-width: 1060px) {
  .flight__overtime {
    top: 1rem;
    right: 2.5rem;
    font-size: 1.4rem;
    line-height: 1.58;
  }
}
@media (min-width: 1340px) {
  .flight__overtime {
    right: 4rem;
  }
}
.flight__flag + .flight__delay ~ .flight__aligner .flight__overtime {
  top: 4.5rem;
}
@media (min-width: 1060px) {
  .flight__flag + .flight__delay ~ .flight__aligner .flight__overtime {
    top: 3.4rem;
  }
}
.flight__aircode {
  display: inline-block;
  color: #767676;
  font-size: 1.2rem;
  line-height: 1.5;
  vertical-align: top;
}
@media (min-width: 1060px) {
  .flight__aircode {
    font-size: 1.4rem;
    line-height: 1.58;
  }
}
.flight__direction {
  display: block;
  position: absolute;
  top: 3.4rem;
  left: 50%;
  width: 11.6rem;
  margin-left: -5.8rem;
  text-align: center;
}
@media (min-width: 1060px) {
  .flight__direction {
    top: 3.2rem;
    width: 11.4rem;
    margin-left: -5.7rem;
  }
}
@media (min-width: 1340px) {
  .flight__direction {
    width: 20rem;
    margin-left: -10rem;
  }
}
.flight__direction:before {
  content: "";
  display: block;
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  height: 0.8rem;
  background: url(../images/flight__direction-small.svg) no-repeat 50% 50%;
  background-size: cover;
}
@media (min-width: 1060px) {
  .flight__direction:before {
    top: 2.4rem;
    left: 0;
    height: 0.8rem;
    background: url(../images/flight__direction-medium.svg) no-repeat 50% 50%;
    background-size: cover;
  }
}
@media (min-width: 1340px) {
  .flight__direction:before {
    background: url(../images/flight__direction-large.svg) no-repeat 50% 50%;
    background-size: cover;
  }
}
.flight__direction.-stop:after {
  content: "";
  display: block;
  position: absolute;
  top: 2.1rem;
  left: 50%;
  width: 0.6rem;
  height: 0.6rem;
  margin-left: -0.3rem;
  border: 1px solid #767676;
  border-radius: 50%;
  background-color: #fff;
}
@media (min-width: 1060px) {
  .flight__direction.-stop:after {
    top: 2.5rem;
    width: 0.8rem;
    height: 0.8rem;
    margin-left: -0.4rem;
  }
}
.flight__flag + .flight__delay ~ .flight__direction {
  top: 6.1rem;
}
@media (min-width: 1060px) {
  .flight__flag + .flight__delay ~ .flight__direction {
    top: 5.7rem;
  }
}
.flight__duration {
  display: block;
  color: #00256c;
  font-size: 1.2rem;
}
@media (min-width: 1060px) {
  .flight__duration {
    font-size: 1.4rem;
    line-height: 1.58;
  }
}
.flight__stop {
  display: block;
  margin: 1.2rem 0 0 -0.4rem;
  color: #00256c;
  font-size: 1.2rem;
  line-height: 1.5;
}
@media (min-width: 1060px) {
  .flight__stop {
    margin-top: 1.4rem;
    font-size: 1.4rem;
    line-height: 1.43;
  }
}
.flight__desc {
  display: flex;
  justify-content: space-between;
  margin-top: 1.6rem;
}
.flight__list.-type2 .flight__desc {
  margin-top: 1.1rem;
  padding-right: 7.2rem;
}
@media (min-width: 1060px) {
  .flight__list.-type2 .flight__desc {
    margin-top: 1.8rem;
  }
}
.flight__numbers {
  margin-top: 0.5rem;
  padding-right: 1rem;
}
@media (min-width: 1060px) {
  .flight__numbers {
    margin-top: 0.3rem;
  }
}
.flight__number {
  display: inline-block;
  color: #000;
  font-size: 1.2rem;
  line-height: 1.5;
  vertical-align: top;
}
@media (min-width: 1060px) {
  .flight__number {
    font-size: 1.4rem;
    line-height: 1.58;
  }
}
.flight__number .code-share {
  margin: 0.2rem 0 0;
  vertical-align: top;
}
@media (min-width: 1060px) {
  .flight__number .code-share {
    margin-top: 0.4rem;
  }
}
.flight__slash {
  display: inline-block;
  color: #aaa;
  font-size: 1.2rem;
  line-height: 1.5;
  vertical-align: top;
}
@media (min-width: 1060px) {
  .flight__slash {
    font-size: 1.4rem;
    line-height: 1.58;
  }
}
.flight__aircraft {
  display: inline-block;
  background-color: #fff;
  color: #000;
  font-size: 1.2rem;
  line-height: 1.5;
  vertical-align: top;
}
@media (min-width: 1060px) {
  .flight__aircraft {
    font-size: 1.4rem;
    line-height: 1.58;
  }
}
.flight__aircraft:hover,
.flight__aircraft:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.app .flight__aircraft:hover,
.app .flight__aircraft:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
span.flight__aircraft:hover,
span.flight__aircraft:focus {
  outline: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.flight__detail {
  display: inline-block;
  white-space: nowrap;
  margin-top: auto;
  padding: 0.2rem 1rem;
  border: 1px solid #969696;
  border-radius: 1.4rem !important;
  background: transparent none;
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
  cursor: pointer;
}
.flight__detail:hover,
.flight__detail:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.app .flight__detail:hover,
.app .flight__detail:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.flight__detail:hover,
.flight__detail:focus {
  border-radius: 1.6rem !important;
}
@media (min-width: 1060px) {
  .flight__contents {
    width: calc(100% - 34rem);
  }
}
@media (min-width: 1340px) {
  .flight__contents {
    width: calc(100% - 47.2rem);
  }
}
.flight__lowest {
  display: block;
  width: 100%;
  height: 5.4rem;
  border: 0;
  border-top: 1px solid #d9dbe1;
  background: #fff;
  text-align: center;
}
@media (min-width: 1060px) {
  .flight__lowest {
    display: none;
  }
}
.flight__lowest:after {
  content: "";
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  margin-left: 0.8rem;
  background: url(../images/flight__lowest--down.svg) no-repeat 50% 50%;
  background-size: cover;
  vertical-align: -0.2rem;
}
.flight__lowest[aria-expanded="true"]:after {
  background: url(../images/flight__lowest--up.svg) no-repeat 50% 50%;
  background-size: cover;
}
.flight__lowest:hover,
.flight__lowest:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .flight__lowest:hover,
.app .flight__lowest:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.flight__fare {
  display: inline-block;
  color: #000;
  font-size: 1.4rem;
  line-height: 2.142857;
}
@media (min-width: 1060px) {
  .flight__fare {
    display: block;
    width: 100%;
    margin: 0;
    font-size: 1.6rem;
    line-height: 1.81;
  }
}
.flight__fare-info .flight__fare {
  display: block;
  margin-left: -0.4rem;
}
@media (min-width: 1060px) {
  .flight__fare-info .flight__fare {
    display: inline-block;
    width: auto;
    vertical-align: top;
  }
}
.flight__class[aria-checked="true"] .flight__fare {
  color: #fff;
}
.flight__class.-first[aria-checked="true"] .flight__fare {
  color: #000;
}
@media (min-width: 1060px) {
  .flight__class.-disabled[aria-disabled="true"] .flight__fare {
    color: #707070;
  }
}
.flight__fare-num {
  display: inline-block;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.5;
  vertical-align: top;
}
@media (min-width: 1060px) {
  .flight__class.-disabled[aria-disabled="true"] .flight__fare-num {
    font-weight: normal;
  }
}
.flight__price {
  display: inline-block;
  margin-left: -0.4rem;
  color: #000;
  font-size: 1.2rem;
  line-height: 1.83;
  text-align: center;
  vertical-align: top;
}
@media (min-width: 1060px) {
  .flight__price {
    font-size: 1.6rem;
    line-height: 1.875;
  }
}
.flight__cabin-info[aria-checked="true"] .flight__price {
  color: #fff;
}
.flight__cabin-info.-first[aria-checked="true"] .flight__price {
  color: #000;
}
.flight__price-num {
  display: inline-block;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.58;
  vertical-align: top;
}
@media (min-width: 1060px) {
  .flight__price-num {
    font-size: 2rem;
    line-height: 1.5;
  }
}
.flight__mile {
  display: inline-block;
  margin-top: 0.2rem;
  color: #00256c;
  font-size: 1.4rem;
  line-height: 1.58;
  vertical-align: top;
}
@media (min-width: 1060px) {
  .flight__mile {
    margin: 0 0 0 0.4rem;
    font-size: 1.6rem;
    line-height: 1.81;
    vertical-align: top;
  }
}
.flight__price .flight__mile {
  margin: 0;
  font-size: 1.2rem;
  line-height: 1.83;
}
@media (min-width: 1060px) {
  .flight__price .flight__mile {
    font-size: 1.6rem;
    line-height: 1.81;
  }
}
.flight__class[aria-checked="true"] .flight__mile,
.flight__cabin-info[aria-checked="true"] .flight__price .flight__mile {
  color: #c7f3ff;
}
.flight__class.-prestige[aria-checked="true"] .flight__mile,
.flight__cabin-info.-prestige[aria-checked="true"] .flight__price .flight__mile {
  color: #fff;
}
.flight__class.-first[aria-checked="true"] .flight__mile,
.flight__cabin-info.-first[aria-checked="true"] .flight__price .flight__mile {
  color: #00256c;
}
@media (min-width: 1060px) {
  .flight__class.-disabled[aria-disabled="true"] .flight__mile {
    color: #707070;
  }
}
.flight__mile-num {
  font-weight: 700;
  font-size: 1.6rem;
}
@media (min-width: 1060px) {
  .flight__mile-num {
    font-size: 2rem;
    line-height: 1.5;
    vertical-align: top;
  }
}
.flight__price .flight__mile-num {
  font-size: 1.2rem;
  line-height: 1.83;
}
@media (min-width: 1060px) {
  .flight__price .flight__mile-num {
    font-size: 2rem;
    line-height: 1.5;
  }
}
@media (min-width: 1060px) {
  .flight__class.-disabled[aria-disabled="true"] .flight__mile-num {
    font-weight: normal;
  }
}
.flight__mile-plus {
  font-weight: 700;
}
.flight__container {
  display: none;
  position: relative;
  padding: 3.2rem 4rem 4.4rem;
  border-top: 1px solid #d9dbe1;
  background-color: #f8f9fc;
}
@media (min-width: 1060px) {
  .flight__container {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
  }
}
.flight__item.-active .flight__container,
.flight__lowest[aria-expanded="true"] + .flight__container {
  display: block;
}
@media (min-width: 1060px) {
  .flight__controls {
    display: none;
  }
}
.flight__prev {
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 4.8rem;
  height: 4.8rem;
  margin-top: -3.4rem;
  border: 0;
  background: url(../images/flight__prev.svg) no-repeat 50% 50%;
  background-size: 24px 24px;
  appearance: none;
  z-index: 2;
  cursor: pointer;
}
.flight__prev:hover,
.flight__prev:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .flight__prev:hover,
.app .flight__prev:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.flight__next {
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  position: absolute;
  top: 50%;
  right: 0;
  display: block;
  width: 4.8rem;
  height: 4.8rem;
  margin-top: -3.4rem;
  border: 0;
  background: url(../images/flight__next.svg) no-repeat 50% 50%;
  background-size: 24px 24px;
  appearance: none;
  z-index: 2;
  cursor: pointer;
}
.flight__next:hover,
.flight__next:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .flight__next:hover,
.app .flight__next:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.flight__pagination {
  position: absolute;
  bottom: 0.2rem;
  left: 0;
  width: 100%;
  text-align: center;
}
@media (min-width: 1060px) {
  .flight__pagination {
    display: none;
  }
}
.flight__paging-list {
  list-style: none;
  display: flex;
  justify-content: center;
}
.flight__paging {
  margin: 0 0.2rem;
}
.flight__page {
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  display: inline-block;
  width: 0.8rem;
  height: 0.4rem;
  border: 0;
  border-radius: 0.2rem;
  background-color: #00256c;
  vertical-align: top;
}
.flight__page.-active {
  width: 4rem;
}
.flight__page:hover,
.flight__page:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.app .flight__page:hover,
.app .flight__page:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.flight__slider {
  overflow: hidden;
  border-top: 0;
  box-shadow: 0 4px 20px 0 rgba(0, 25, 72, 0.1), 0 4px 8px 0 rgba(0, 25, 72, 0.1);
  border-radius: 0.2rem;
}
@media (min-width: 1060px) {
  .flight__slider {
    overflow: visible;
    height: 100%;
    border: 0;
    box-shadow: none;
    background-color: #fff;
  }
}
.flight__classes {
  white-space: nowrap;
  width: 100%;
  border-radius: 0.2rem;
  font-size: 0;
}
@media (min-width: 1060px) {
  .flight__classes {
    display: flex;
    white-space: normal;
    height: 100%;
    border: 0;
    box-shadow: none;
  }
}
.flight__cabin-group {
  display: flex;
  border-top: 1px solid #d9dbe1;
}
@media (min-width: 1060px) {
  .flight__cabin-group {
    height: 100%;
    border-top: 0;
    border-right: 1px solid #d9dbe1;
  }
}
.flight__class-wrap {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  display: inline-block;
  position: relative;
  width: 100%;
  height: 100%;
  vertical-align: top;
}
.flight__cabin-wrap {
  display: inline-block;
  width: 100%;
  vertical-align: top;
}
.flight__cabin-wrap + .flight__cabin-wrap {
  border-left: 1px solid #d9dbe1;
}
.flight__class {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 100%;
  padding: 1.6rem 2rem 2rem;
  border-top: 0.2rem solid #00256c;
  border-radius: 0.2rem 0.2rem 0.3rem 0.2rem;
  background-color: #fff;
  vertical-align: top;
  cursor: pointer;
}
@media (min-width: 1060px) {
  .flight__class {
    top: 0;
    padding: 0;
    border-top: 0;
    border-right: 1px solid #d9dbe1;
    border-bottom: 1px solid #d9dbe1;
    border-radius: 0;
    text-align: center;
    transition: none;
  }
  .flight__class:before {
    content: "";
    display: block;
    position: absolute;
    top: -1px;
    left: -1px;
    right: 0;
    border-radius: 0.2rem;
    border-top: 0.2rem solid #00256c;
  }
  .-prestige.flight__class:before {
    border-color: #2068d1;
  }
  .-first.flight__class:before {
    border-color: #8be0f8;
  }
}
.flight__class[aria-checked="true"] {
  background: #00256c url(../images/flight__class--edge.svg) no-repeat 100% 100%;
  background-size: 40px 40px;
}
@media (min-width: 1060px) {
  .flight__class[aria-checked="true"] {
    position: absolute;
    top: -1.8rem;
    left: -1rem;
    right: -1rem;
    width: auto !important;
    height: auto;
    min-height: calc(100% + 4.8rem);
    padding: 1.2rem 1.3rem 1.8rem;
    border-radius: 0.2rem;
    border: 0;
    box-shadow: 0 8px 18px 0 rgba(0, 37, 108, 0.3);
    text-align: left;
    z-index: 2;
    transition: top 0.2s ease;
  }
  .flight__class[aria-checked="true"]:before {
    display: none;
  }
  .flight__class[aria-checked="true"].-first.-full {
    display: flex;
    padding: 3.3rem 0 0 0;
  }
}
.flight__class.-prestige {
  border-top-color: #2068d1;
}
.flight__class.-prestige[aria-checked="true"] {
  background: #2068d1 url(../images/flight__class--edge--prestige.svg) no-repeat 100% 100% !important;
  background-size: 40px 40px;
}
.flight__class.-first {
  border-top-color: #8be0f8;
}
.flight__class.-first[aria-checked="true"] {
  background: #c7f3ff url(../images/flight__class--edge--first.svg) no-repeat 100% 100% !important;
  background-size: 40px 40px;
}
@media (min-width: 1060px) {
  .flight__class.-next-grade {
    width: calc(100% - 1rem);
    margin-left: 1rem;
    border-left: 1px solid #d9dbe1;
  }
}
.flight__class.-next-grade.-prestige {
  background-color: #f8fbff;
}
.flight__class.-next-grade.-first {
  background-color: #f9fcff;
}
.flight__class[aria-disabled="true"] {
  cursor: not-allowed;
}
@media (min-width: 1060px) {
  .flight__class[aria-disabled="true"] {
    background-color: #f8f9fc !important;
  }
  .flight__class[aria-disabled="true"].-disabled {
    background-color: #f3f4f8 !important;
  }
}
.flight__class:hover,
.flight__class:focus {
  outline: 0;
}
.flight__class:hover:after,
.flight__class:focus:after {
  content: "";
  display: block;
  position: absolute;
  top: 0.3rem;
  right: 0.3rem;
  bottom: 0.3rem;
  left: 0.3rem;
  border: 1px solid #0064de;
  border-radius: 0.2rem;
  z-index: 1;
}
@media (min-width: 1060px) {
  .flight__class:hover:after,
  .flight__class:focus:after {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
}
.app .flight__class:hover:after,
.app .flight__class:focus:after {
  display: none;
}
.flight__class:hover[aria-checked="true"]:after,
.flight__class:focus[aria-checked="true"]:after {
  top: -0.05rem;
  border: 1px solid transparent;
}
@media (min-width: 1060px) {
  .flight__class:hover[aria-checked="true"]:after,
  .flight__class:focus[aria-checked="true"]:after {
    top: -0.3rem;
    bottom: -0.3rem;
    left: -0.3rem;
    right: -0.3rem;
    border: 1px solid #0064de;
  }
}
.flight__class:hover[aria-disabled="true"]:after,
.flight__class:focus[aria-disabled="true"]:after {
  display: none;
}
.flight__class:hover.-reflow[aria-checked="true"]:after,
.flight__class:focus.-reflow[aria-checked="true"]:after {
  border: 1px solid #fff;
}
.flight__fare-info {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  position: relative;
  z-index: 2;
}
@media (min-width: 1060px) {
  .flight__fare-info {
    display: block;
    padding: 4.8rem 1rem 2rem;
  }
}
.flight__class[aria-checked="true"] .flight__fare-info {
  justify-content: flex-start;
}
@media (min-width: 1060px) {
  .flight__class[aria-checked="true"] .flight__fare-info {
    padding: 0;
  }
}
@media (min-width: 1060px) {
  .flight__class.-first.-full[aria-checked="true"] .flight__fare-info {
    position: static;
    margin-top: 4.1rem;
    padding: 0;
    width: 50%;
    text-align: center;
  }
}
.flight__class[aria-checked="true"] .flight__fare-info:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 2.4rem;
  height: 2.4rem;
  background: url(../images/flight__fare-info--checked.svg) no-repeat 50% 50%;
  background-size: 24px 24px;
}
.flight__class.-first[aria-checked="true"] .flight__fare-info:before {
  background: url(../images/flight__fare-info--checked--first.svg) no-repeat 50% 50%;
  background-size: 24px 24px;
}
@media (min-width: 1060px) {
  .flight__class.-first.-full[aria-checked="true"] .flight__fare-info:before {
    top: 1.2rem;
    right: 1.8rem;
  }
}
.flight__cabin-info {
  position: relative;
  height: 100%;
  border-bottom: 0.2rem solid #00256c;
  text-align: center;
  cursor: pointer;
  transition: none;
}
@media (min-width: 1060px) {
  .flight__cabin-info {
    min-height: 15.6rem;
    border-bottom: 1px solid #d9dbe1 !important;
  }
  .flight__list.-type2 .flight__cabin-info {
    min-height: 14.8rem;
  }
  .flight__cabin-info:before {
    content: "";
    display: block;
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    height: 0.2rem;
    background-color: #00256c;
  }
  .flight__cabin-info.-prestige:before {
    background-color: #2068d1;
  }
  .flight__cabin-info.-first:before {
    background-color: #c7f3ff;
  }
}
.flight__cabin-info.-prestige {
  border-bottom-color: #2068d1;
}
.flight__cabin-info.-first {
  border-bottom-color: #8be0f8;
}
@media (min-width: 1060px) {
  .flight__cabin-info.-next-grade {
    margin-left: 1rem;
    border-left: 1px solid #d9dbe1;
  }
  .flight__cabin-info.-next-grade.-prestige {
    background-color: #f8fbff;
  }
  .flight__cabin-info.-next-grade.-first {
    background-color: #f9fcff;
  }
}
.flight__cabin-info[aria-disabled="true"] {
  cursor: not-allowed;
  background-color: #f3f4f8 !important;
}
.flight__cabin-info:hover,
.flight__cabin-info:focus {
  outline: 0;
}
.flight__cabin-info:hover:after,
.flight__cabin-info:focus:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  outline: 1px solid #0064de;
  z-index: 1;
}
.flight__cabin-info:hover[aria-checked="true"]:after,
.flight__cabin-info:focus[aria-checked="true"]:after {
  display: none;
}
.flight__cabin-info:hover[aria-disabled="true"]:after,
.flight__cabin-info:focus[aria-disabled="true"]:after {
  display: none;
}
.flight__cabin-info:hover[aria-checked="true"]:after,
.flight__cabin-info:focus[aria-checked="true"]:after {
  content: "";
  display: block;
  position: absolute;
  top: -0.6rem;
  bottom: -0.6rem;
  left: -0.3rem;
  right: -0.3rem;
  border-radius: 0.2rem;
  outline: 1px solid #0064de;
  z-index: 1;
}
@media (min-width: 1060px) {
  .flight__cabin-info:hover[aria-checked="true"]:after,
  .flight__cabin-info:focus[aria-checked="true"]:after {
    top: -1.2rem;
    bottom: -1.2rem;
  }
}
.flight__cabin-data {
  top: 0;
  bottom: 0;
  height: 100%;
  min-height: 8rem;
  padding: 1.5rem 0.5rem 0.7rem;
  font-size: 1.2rem;
  text-align: center;
  transition: none;
}
@media (min-width: 1060px) {
  .flight__cabin-data {
    padding: 4.8rem 1rem 2.6rem;
  }
  .flight__list.-type2 .flight__cabin-data {
    padding-top: 4rem;
  }
  .flight__cabin-data:before {
    content: "";
    display: block;
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    height: 0.2rem;
    background-color: #00256c;
  }
  .flight__cabin-info.-prestige .flight__cabin-data:before {
    background-color: #2068d1;
  }
  .flight__cabin-info.-first .flight__cabin-data:before {
    background-color: #8be0f8;
  }
}
.flight__cabin-info[aria-checked="true"] .flight__cabin-data {
  background: #00256c url(../images/flight__class--edge.svg) no-repeat 101% 100%;
  background-size: 20px 20px;
  position: absolute;
  top: -0.4rem;
  bottom: -0.4rem;
  left: -0.1rem;
  right: -0.1rem;
  height: auto;
  padding: 2.5rem 0.5rem 0;
  border-radius: 0.2rem;
  box-shadow: 2px 6px 15px 0 rgba(0, 107, 144, 0.17);
  z-index: 2;
  transition: top 0.05s ease;
}
@media (min-width: 1060px) {
  .flight__cabin-info[aria-checked="true"] .flight__cabin-data {
    top: -1rem;
    bottom: -1rem;
    padding-top: 6.4rem;
    box-shadow: 0 8px 18px 0 rgba(0, 37, 108, 0.3);
    background-size: 40px 40px;
    transition: top 0.1s ease;
  }
  .flight__list.-type2 .flight__cabin-info[aria-checked="true"] .flight__cabin-data {
    padding-top: 5.6rem;
  }
  .flight__cabin-info[aria-checked="true"] .flight__cabin-data:before {
    display: none;
  }
}
.flight__cabin-info.-prestige[aria-checked="true"] .flight__cabin-data {
  background: #2068d1 url(../images/flight__class--edge--prestige.svg) no-repeat 100% 100%;
  background-size: 20px 20px;
}
@media (min-width: 1060px) {
  .flight__cabin-info.-prestige[aria-checked="true"] .flight__cabin-data {
    background-size: 40px 40px;
  }
}
.flight__cabin-info.-first[aria-checked="true"] .flight__cabin-data {
  background: #c7f3ff url(../images/flight__class--edge--first.svg) no-repeat 100% 100%;
  background-size: 20px 20px;
}
@media (min-width: 1060px) {
  .flight__cabin-info.-first[aria-checked="true"] .flight__cabin-data {
    background-size: 40px 40px;
  }
}
.flight__title {
  display: inline-block;
  white-space: normal;
  width: 100%;
  margin: 0 0 0.2rem;
  color: #000;
  font-size: 1.6rem;
  font-weight: normal;
  line-height: 1.5;
}
.flight__class[aria-checked="true"] .flight__title {
  color: #fff;
}
@media (min-width: 1060px) {
  .flight__class[aria-checked="true"] .flight__title {
    padding-right: 2.4rem;
  }
}
.flight__class.-first[aria-checked="true"] .flight__title {
  color: #000;
}
@media (min-width: 1060px) {
  .flight__class[aria-disabled="true"] .flight__title {
    overflow: hidden;
    white-space: nowrap;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    position: absolute;
    width: 1px;
    height: 1px;
    margin: 0;
    padding: 0;
    border: 0;
  }
}
@media (min-width: 1060px) {
  .flight__class.-disabled[aria-disabled="true"] .flight__title {
    overflow: visible;
    white-space: normal;
    clip: inherit;
    clip-path: none;
    display: inline-block;
    position: static;
    top: auto;
    left: auto;
    width: 100%;
    height: auto;
    margin: 0 0 0 0.2rem;
    color: #707070;
  }
}
.flight__cabin-name {
  display: block;
  width: 100%;
  color: #000;
  font-weight: normal;
  font-size: 1.2rem;
  text-align: center;
}
@media (min-width: 1060px) {
  .flight__cabin-name {
    font-size: 1.6rem;
    margin: 0 0 0.2rem;
  }
}
.flight__cabin-info[aria-checked="true"] .flight__cabin-name {
  color: #fff;
}
.flight__cabin-info[aria-checked="true"] .flight__cabin-name:before {
  content: "";
  display: block;
  position: absolute;
  top: 0.8rem;
  right: 0.8rem;
  width: 1.6rem;
  height: 1.6rem;
  background: url(../images/flight__cabin--checked.svg) no-repeat 50% 50%;
  background-size: 16px 16px;
}
@media (min-width: 1060px) {
  .flight__cabin-info[aria-checked="true"] .flight__cabin-name:before {
    top: 1.2rem;
    right: 1.8rem;
    width: 2.4rem;
    height: 2.4rem;
    background-size: 24px 24px;
  }
}
.flight__cabin-info.-first[aria-checked="true"] .flight__cabin-name {
  color: #000;
}
.flight__cabin-info.-first[aria-checked="true"] .flight__cabin-name:before {
  background: url(../images/flight__cabin--first--checked.svg) no-repeat 50% 50%;
  background-size: 16px 16px;
}
@media (min-width: 1060px) {
  .flight__cabin-info.-first[aria-checked="true"] .flight__cabin-name:before {
    background-size: 24px 24px;
  }
}
.flight__seat {
  display: inline-block;
  margin-top: 0.4rem;
  margin-left: -0.4rem;
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .flight__seat {
    position: relative;
    width: 100%;
  }
}
.flight__class[aria-checked="true"] .flight__seat {
  overflow: hidden;
  white-space: nowrap;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  position: absolute;
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  border: 0;
}
.flight__seat.-warning {
  color: #de001b;
}
@media (min-width: 1060px) {
  .flight__class.-disabled[aria-disabled="true"] .flight__seat {
    color: #707070 !important;
  }
}
.flight__remaining-seat {
  display: block;
  margin-left: -0.4rem;
  color: #767676;
  font-size: 1.2rem;
}
@media (min-width: 1060px) {
  .flight__remaining-seat {
    margin-top: 0.4rem;
    font-size: 1.4rem;
    line-height: 1.58;
  }
}
.flight__cabin-info[aria-checked="true"] .flight__remaining-seat {
  overflow: hidden;
  white-space: nowrap;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  position: absolute;
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  border: 0;
}
.flight__remaining-seat.-warning {
  color: #de001b;
}
.flight__disabled {
  display: block;
  margin: 1.2rem 0 0;
  padding: 7rem 0 6.9rem;
  border-top: 1px solid #d9dbe1;
  color: #555;
  font-size: 1.6rem;
  text-align: center;
}
@media (min-width: 1060px) {
  .flight__disabled {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    margin: -1.2rem 0 0 0;
    border: 0;
    padding: 0;
    text-align: center;
  }
}
.flight__cabin-info .flight__disabled {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  margin: -0.9rem 0 0;
  padding: 0;
  border: 0;
  font-size: 1.2rem;
}
@media (min-width: 1060px) {
  .flight__cabin-info .flight__disabled {
    font-size: 1.6rem;
  }
}
.flight__condition {
  display: block;
  white-space: normal;
  margin: 1.2rem 0 0;
  border-top: 1px solid #d9dbe1;
  color: #555;
}
@media (min-width: 1060px) {
  .flight__condition {
    display: none;
    margin: 0;
  }
  .flight__class[aria-checked="true"] .flight__condition {
    display: block;
    margin-top: 1rem;
  }
}
.flight__condition[aria-hidden="true"] {
  margin: 0;
  border: 0;
}
.flight__class[aria-checked="true"] .flight__condition {
  border-color: #334c82;
  color: #fff;
}
.flight__class.-prestige[aria-checked="true"] .flight__condition {
  border-color: #5483d3;
}
.flight__class.-first[aria-checked="true"] .flight__condition {
  border-color: #96ccdf;
  color: #000;
}
@media (min-width: 1060px) {
  .flight__class.-first.-full[aria-checked="true"] .flight__condition {
    position: relative;
    margin-bottom: auto;
    padding-left: 3rem;
    border-top: 0;
  }
  .flight__class.-first.-full[aria-checked="true"] .flight__condition:before {
    content: "";
    display: block;
    position: absolute;
    top: 1.1rem;
    bottom: 0.6rem;
    left: 0;
    border-left: 1px solid #96ccdf;
  }
}
.flight__data-list {
  display: block;
  margin-right: -1rem;
  padding: 0.5rem 0 0;
}
@media (min-width: 1060px) {
  .flight__data-list {
    margin: 0;
  }
}
.flight__data {
  margin: 0.8rem 0;
  padding-left: 2.5rem;
  font-size: 1.4rem;
  line-height: 1.58;
}
.flight__data.-change {
  background: url(../images/flight__data--change.svg) no-repeat 0 0;
  background-size: 24px 24px;
}
.flight__data-list.-active .flight__data.-change {
  background: url(../images/flight__data--change--active.svg) no-repeat 0 0;
  background-size: 24px 24px;
}
.flight__data-list.-first.-active .flight__data.-change {
  background: url(../images/flight__data--change--active--first.svg) no-repeat 0 0;
  background-size: 24px 24px;
}
.flight__data.-refund {
  background: url(../images/flight__data--refund.svg) no-repeat 0 0;
  background-size: 24px 24px;
}
.flight__data-list.-active .flight__data.-refund {
  background: url(../images/flight__data--refund--active.svg) no-repeat 0 0;
  background-size: 24px 24px;
}
.flight__data-list.-first.-active .flight__data.-refund {
  background: url(../images/flight__data--refund--active--first.svg) no-repeat 0 0;
  background-size: 24px 24px;
}
.flight__data.-seat {
  background: url(../images/flight__data--seat.svg) no-repeat 0 0;
  background-size: 24px 24px;
}
.flight__data-list.-active .flight__data.-seat {
  background: url(../images/flight__data--seat--active.svg) no-repeat 0 0;
  background-size: 24px 24px;
}
.flight__data-list.-first.-active .flight__data.-seat {
  background: url(../images/flight__data--seat--active--first.svg) no-repeat 0 0;
  background-size: 24px 24px;
}
.flight__data.-mileage {
  background: url(../images/flight__data--mileage.svg) no-repeat 0 0;
  background-size: 24px 24px;
}
.flight__data-list.-active .flight__data.-mileage {
  background: url(../images/flight__data--mileage--active.svg) no-repeat 0 0;
  background-size: 24px 24px;
}
.flight__data-list.-first.-active .flight__data.-mileage {
  background: url(../images/flight__data--mileage--active--first.svg) no-repeat 0 0;
  background-size: 24px 24px;
}
@media (min-width: 1060px) {
  .flight__data {
    margin: 0.6rem 0;
    text-align: left;
  }
}
.flight__amenities {
  display: flex;
  position: absolute;
  bottom: 1rem;
  right: 0.6rem;
}
@media (min-width: 1060px) {
  .flight__amenities {
    bottom: 1.8rem;
    right: 2.2rem;
  }
}
@media (min-width: 1340px) {
  .flight__amenities {
    right: 3rem;
  }
}
.flight__amenities .tooltip {
  z-index: 3;
}
.flight__amenity {
  display: block;
  width: 4.4rem;
  height: 4.4rem;
}
.flight__amenity.-wifi {
  background: url(../images/flight__amenity--wifi.svg) no-repeat 50% 50%;
  background-size: 44px 44px;
}
.flight__amenity.-isps {
  background: url(../images/flight__amenity--isps.svg) no-repeat 50% 50%;
  background-size: 44px 44px;
}
.filter {
  display: none;
  overflow-y: scroll;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 300;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
}
@media (min-width: 1060px) {
  .filter {
    overflow: visible;
    position: absolute;
    top: 5rem;
    z-index: 100;
    width: 32rem;
    max-width: 32rem;
    height: auto;
    max-height: auto;
    margin: 0;
  }
}
.filter.-active {
  display: block;
}
.filter__title {
  margin-bottom: 3rem;
  padding-right: 4rem;
  font-size: 2rem;
  font-weight: bold;
  color: #000;
  line-height: 1.5;
}
.filter__contents {
  overflow-y: auto;
  position: relative;
  width: 100%;
  max-width: 100%;
  min-height: 100%;
  padding: 2rem;
  background: #fff;
}
@media (min-width: 1060px) {
  .filter__contents {
    overflow: visible;
    width: 32rem;
    padding: 2.4rem 2rem;
    border: 1px solid #00256c;
    border-radius: 0.2rem;
    box-sizing: border-box;
  }
}
.filter__list {
  margin: 2rem 0 2.4rem;
}
.filter__item + .filter__item {
  margin-top: 1.2rem;
}
.filter__sub {
  display: none;
  margin-top: 1.2rem;
  padding: 1.2rem 2rem;
  background-color: #f8f9fc;
}
.filter__sub.-active {
  display: block;
}
.filter__apply {
  display: block;
  width: 100%;
  height: 4.8rem;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0.2rem;
  background-color: #00256c;
  color: #fff;
  font-size: 1.6rem;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  appearance: none;
}
.filter__apply:hover,
.filter__apply:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.app .filter__apply:hover,
.app .filter__apply:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.filter__close {
  overflow: hidden;
  white-space: nowrap;
  display: block;
  position: absolute;
  top: 1.3rem;
  right: 1rem;
  width: 4.4rem;
  height: 4.4rem;
  border: 0;
  border-radius: 0.2rem;
  background: url(../images/dialog__close.svg) no-repeat 50% 50%;
  background-size: 24px 24px;
  text-indent: 100%;
}
@media (min-width: 1060px) {
  .filter__close {
    top: 1.2rem;
    right: 0.8rem;
  }
}
.filter__close:hover,
.filter__close:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .filter__close:hover,
.app .filter__close:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.filter .confirms {
  margin-top: 2rem;
  margin-bottom: 0;
}
.filter .confirm {
  width: 100%;
  height: 4.8rem;
  padding: 0 2rem;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: unset;
}
.filter-accordion__item {
  margin-top: 2.8rem;
}
.flight-info {
  width: 100%;
  margin-top: 3rem;
  padding: 1.3rem 1.6rem 1.6rem;
  background-color: #e6f9ff;
}
@media (min-width: 1060px) {
  .flight-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 2.6rem;
    padding: 2.5rem 4rem;
  }
}
.flight-info.-multi {
  display: flex;
  align-items: center;
  padding: 1.2rem 2rem;
}
@media (min-width: 1060px) {
  .flight-info.-multi {
    justify-content: flex-start;
    padding: 2.2rem 4rem;
  }
}
.flight-info__title {
  display: inline-block;
  margin-right: 2rem;
  color: #000;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .flight-info__title {
    margin-right: 4rem;
    font-size: 1.6rem;
    line-height: 1.88;
  }
}
.flight-info__list {
  display: flex;
  justify-content: space-between;
}
@media (min-width: 1060px) {
  .flight-info__list {
    display: block;
  }
}
.flight-info__item {
  display: block;
  width: 100%;
  text-align: center;
}
@media (min-width: 1060px) {
  .flight-info__item {
    display: inline-block;
    width: auto;
  }
}
.flight-info__item:first-child {
  padding-right: 2.4rem;
}
@media (min-width: 1060px) {
  .flight-info__item:first-child {
    padding-right: 2.8rem;
  }
}
.flight-info__item:last-child {
  position: relative;
  padding-left: 2.4rem;
}
@media (min-width: 1060px) {
  .flight-info__item:last-child {
    padding-left: 2.8rem;
  }
}
.flight-info__item:last-child:before {
  content: "";
  display: block;
  position: absolute;
  top: 0.9rem;
  left: -1.2rem;
  width: 2.4rem;
  height: 2.4rem;
  background: url(../images/flight-info__direction.svg) no-repeat 50% 50%;
  background-size: 16px 16px;
}
@media (min-width: 1060px) {
  .flight-info__item:last-child:before {
    top: 0.3rem;
    left: -1.2rem;
  }
}
.flight-info.-multi .flight-info__item {
  width: auto;
}
.flight-info.-multi .flight-info__item:last-child:before {
  top: 0.6rem;
}
@media (min-width: 1060px) {
  .flight-info.-multi .flight-info__item:last-child:before {
    top: 0.3rem;
  }
}
.flight-info__code {
  display: block;
  margin-right: -0.4rem;
  color: #00256c;
  font-size: 2.8rem;
  font-weight: bold;
}
@media (min-width: 1060px) {
  .flight-info__code {
    display: inline-block;
    font-size: 2.4rem;
    line-height: 1.25;
    vertical-align: top;
  }
}
.flight-info.-multi .flight-info__code {
  font-size: 2.4rem;
}
.flight-info__airport {
  display: block;
  color: #00256c;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .flight-info__airport {
    display: inline-block;
    margin-left: 0.4rem;
    font-size: 1.8rem;
    line-height: 1.67;
    vertical-align: top;
  }
}
.flight-info__duration {
  display: block;
  margin: 1rem 0 0;
  color: #00256c;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.58;
  text-align: center;
}
@media (min-width: 1060px) {
  .flight-info__duration {
    margin: 0;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.flight-plan {
  margin-bottom: 4rem;
}
.flight-plan__item {
  position: relative;
  margin: 5rem 0;
}
.flight-plan__item:first-child {
  margin-top: 4rem;
}
@media (min-width: 1060px) {
  .flight-plan__item:first-child {
    margin-top: 3.7rem;
  }
}
.flight-plan__item:last-child {
  margin-bottom: 0;
}
.flight-plan__number {
  display: inline-block;
  color: #00256c;
  font-weight: 700;
  font-size: 1.6rem;
  vertical-align: top;
}
.flight-plan__aircraft {
  display: inline-block;
  margin-left: 0.6rem;
  color: #000;
  font-size: 1.6rem;
  vertical-align: top;
}
@media (min-width: 1060px) {
  .flight-plan__aircraft {
    margin-right: 3.7rem;
  }
}
.flight-plan__aircraft:hover,
.flight-plan__aircraft:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.app .flight-plan__aircraft:hover,
.app .flight-plan__aircraft:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
span.flight-plan__aircraft:hover,
span.flight-plan__aircraft:focus {
  outline: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.flight-plan__delay {
  display: block;
  margin-top: 0.8rem;
  padding-left: 2.8rem;
  background: #fff url(../images/flight-plan__delay.svg) no-repeat 0 50%;
  background-size: 24px 24px;
  color: #de001b;
  font-size: 1.4rem;
  line-height: 1.72;
}
@media (min-width: 1060px) {
  .flight-plan__delay {
    margin-top: 1rem;
  }
}
.flight-plan__delay + .flight-plan__info {
  margin-top: 1.8rem;
}
.flight-plan__info {
  position: relative;
  width: 100%;
  margin: 1.7rem 0 0;
  padding-left: 2.6rem;
}
@media (min-width: 1060px) {
  .flight-plan__info {
    padding-left: 4.4rem;
  }
}
.flight-plan__from-info {
  position: relative;
}
.flight-plan__from-info:before {
  content: "";
  display: block;
  position: absolute;
  top: 1.2rem;
  bottom: -1.2rem;
  left: -2.4rem;
  border-left: 1px solid #00256c;
}
@media (min-width: 1060px) {
  .flight-plan__from-info:before {
    left: -3.3rem;
  }
}
.flight-plan__airport {
  display: block;
  position: relative;
  margin-bottom: 0.4rem;
  color: #000;
  font-size: 1.6rem;
  font-weight: 700;
}
.flight-plan__airport:before {
  content: "";
  display: block;
  position: absolute;
  top: 0.9rem;
  left: -2.6rem;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  background-color: #00256c;
}
@media (min-width: 1060px) {
  .flight-plan__airport:before {
    left: -3.6rem;
    width: 0.8rem;
    height: 0.8rem;
  }
}
.flight-plan__codeshare {
  display: block;
  color: #00256c;
  font-size: 1.4rem;
  line-height: 1.58;
  margin: 1.6rem 0 0;
}
@media (min-width: 1060px) {
  .flight-plan__codeshare {
    display: inline-block;
    margin: 0.2rem 0 0 0;
    vertical-align: top;
  }
}
.flight-plan__time {
  display: inline-block;
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .flight-plan__time {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.flight-plan__terminal {
  display: inline-block;
  position: relative;
  padding-left: 2.1rem;
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .flight-plan__terminal {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.flight-plan__terminal:before {
  content: "";
  display: block;
  position: absolute;
  top: 0.5rem;
  left: 0.9rem;
  width: 1px;
  height: 1.3rem;
  background-color: #d9dbe1;
}
@media (min-width: 1060px) {
  .flight-plan__terminal:before {
    top: 0.6rem;
  }
}
.flight-plan__duration {
  display: inline-block;
  margin: 1.6rem 0;
  color: #0064de;
  font-size: 1.4rem;
  line-height: 1.58;
  vertical-align: top;
}
@media (min-width: 1060px) {
  .flight-plan__duration {
    margin: 2rem 0;
  }
}
.flight-plan__transfer {
  position: relative;
  width: 100%;
  padding-left: 3.4rem;
}
@media (min-width: 1060px) {
  .flight-plan__transfer {
    padding-left: 4.2rem;
  }
}
.flight-plan__transfer:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 2.4rem;
  height: 2.4rem;
  background: url(../images/flight-plan__transfer.svg) no-repeat 50% 50%;
  background-size: 24px 24px;
}
.flight-plan__transfer-title {
  display: block;
  color: #00256c;
  font-weight: 700;
  font-size: 1.6rem;
}
@media (min-width: 1060px) {
  .flight-plan__transfer-title {
    display: inline-block;
    vertical-align: top;
  }
}
.flight-plan__direction {
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  display: inline-block;
  width: 2.3rem;
  height: 2.5rem;
  background: url(../images/flight-plan__direction.svg) no-repeat 50% 50%;
  background-size: 16px 16px;
  text-decoration: none;
  vertical-align: top;
}
.flight-plan__transfer-time {
  display: block;
  margin-top: 0.4rem;
  color: #0064de;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .flight-plan__transfer-time {
    display: inline-block;
    margin: 0.1rem 0 0 1rem;
    vertical-align: top;
  }
}
.flight-plan__caution {
  display: block;
  margin-top: 0.8rem;
  color: #de001b;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .flight-plan__caution {
    margin-top: 0.4rem;
  }
}
.flight-plan__amenities {
  display: flex;
  position: absolute;
  top: -2rem;
  right: 0;
}
@media (min-width: 1060px) {
  .flight-plan__amenities {
    top: -0.7rem;
  }
}
.flight-plan__amenity {
  display: block;
  width: 4.4rem;
  height: 4.4rem;
}
.flight-plan__amenity.-wifi {
  background: url(../images/flight-plan__amenity--wifi.svg) no-repeat 50% 50%;
  background-size: 44px 44px;
}
.flight-plan__amenity.-avod {
  background: url(../images/flight-plan__amenity--avod.svg) no-repeat 50% 50%;
  background-size: 44px 44px;
}
.flight-plan__amenity.-isps {
  background: url(../images/flight-plan__amenity--isps.svg) no-repeat 50% 50%;
  background-size: 44px 44px;
}
.ib-ticket-info {
  margin-top: 2rem;
  padding: 1.2rem;
  background-color: #f8f9fc;
}
@media (min-width: 1060px) {
  .ib-ticket-info {
    padding: 1.6rem 2rem;
  }
}
.ib-ticket-info__date {
  display: inline-block;
  font-size: 1.4rem;
  color: #555;
  line-height: 1.58;
  vertical-align: top;
}
@media (min-width: 1060px) {
  .ib-ticket-info__date {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.ib-ticket-info__flight {
  display: inline-block;
  margin-right: 1.6rem;
  font-size: 1.4rem;
  font-weight: bold;
  color: #00256c;
  line-height: 1.58;
  vertical-align: top;
}
@media (min-width: 1060px) {
  .ib-ticket-info__flight {
    margin-right: 1.2rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.ib-ticket-info__data {
  margin: 0.8rem 0;
  font-size: 1.4rem;
  color: #767676;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .ib-ticket-info__data {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.ib-ticket-info__value {
  display: inline;
}
.ib-ticket-info__value:after {
  content: "";
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  margin: 0 0.4rem 0 0;
  background: url(../images/ib-ticket-info__value--after.svg) no-repeat 50% 50%;
  background-size: 16px 16px;
  vertical-align: top;
}
.ib-ticket-info__value:last-child:after {
  display: none;
}
.ib-ticket-info__code {
  color: #000;
  font-weight: bold;
}
.ib-ticket-info__class {
  margin: 0.8rem 0;
  font-size: 1.4rem;
  color: #0064de;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .ib-ticket-info__class {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.ib-ticket-info__airline {
  margin: 0.4rem 0 0.9rem;
  font-size: 1.4rem;
  color: #00256c;
  line-height: 1.58;
}
.ib-title-aside {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin: 0.3rem 0 0.8rem;
  z-index: 1;
}
@media (min-width: 1060px) {
  .ib-title-aside {
    margin: 0.8rem 0 1.2rem;
  }
}
@media (min-width: 1060px) {
  .ib-title-aside.-half {
    position: relative;
    max-width: 30%;
    margin-left: auto;
    z-index: 1;
  }
}
.hgroup.-h2 .ib-title-aside {
  margin-top: 0;
  margin-bottom: 0;
}
.ib-title-aside__seat {
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
}
.ib-title-aside__button {
  display: block;
  height: 4.4rem;
  padding: 0 0.5rem 0 2.8rem;
  border: 0;
  color: #00256c;
  font-size: 1.4rem;
  line-height: 1.58;
  cursor: pointer;
}
@media (min-width: 1060px) {
  .ib-title-aside__button {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
}
.ib-title-aside__button + .ib-title-aside__button {
  margin-left: 0.7rem;
}
@media (min-width: 1060px) {
  .ib-title-aside__button + .ib-title-aside__button {
    margin-left: 3.5rem;
  }
}
.ib-title-aside__button.-save {
  background: url(../images/ib-title-aside__button--save.svg) no-repeat 0 50%;
  background-size: 24px 24px;
}
.ib-title-aside__button.-save.-active {
  background: url(../images/ib-title-aside__button--save--active.svg) no-repeat 0 50%;
  background-size: 24px 24px;
}
.ib-title-aside__button.-share {
  background: url(../images/ib-title-aside__button--share.svg) no-repeat 0 50%;
  background-size: 24px 24px;
}
.ib-title-aside__button:hover,
.ib-title-aside__button:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .ib-title-aside__button:hover,
.app .ib-title-aside__button:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.fare-conditions__groups {
  list-style: none;
}
.fare-conditions__group {
  border: 1px solid #d9dbe1;
}
.fare-conditions__group + .fare-conditions__group {
  margin-top: 2rem;
}
.fare-conditions__title {
  display: block;
  width: 100%;
  padding: 0.8rem 1.6rem;
  border-bottom: 1px solid #d9dbe1;
  background-color: #f8f9fc;
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .fare-conditions__title {
    padding: 0.8rem 4rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.fare-conditions__info-list {
  list-style: none;
}
.fare-conditions__info {
  padding: 2rem 1.5rem;
}
@media (min-width: 1060px) {
  .fare-conditions__info {
    padding: 3.3rem 4rem 3.1rem;
  }
}
.fare-conditions__info + .fare-conditions__info {
  position: relative;
}
.fare-conditions__info + .fare-conditions__info:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 1.6rem;
  right: 1.6rem;
  height: 1px;
  background-color: #d9dbe1;
}
@media (min-width: 1060px) {
  .fare-conditions__info + .fare-conditions__info:before {
    left: 4rem;
    right: 4rem;
  }
}
.fare-conditions__route {
  display: flex;
  justify-content: space-between;
}
@media (min-width: 1060px) {
  .fare-conditions__route {
    justify-content: flex-start;
    margin-bottom: 0.5rem;
  }
}
.fare-conditions__from {
  width: 100%;
  padding-right: 1.6rem;
  text-align: center;
}
@media (min-width: 1060px) {
  .fare-conditions__from {
    width: auto;
    padding-right: 2rem;
  }
}
.fare-conditions__to {
  position: relative;
  width: 100%;
  padding-left: 1.6rem;
  text-align: center;
}
.fare-conditions__to:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: -1.6rem;
  width: 3.2rem;
  height: 3.2rem;
  background: url(../images/fare-conditions__to.svg) no-repeat 50% 50%;
  background-size: 16px 16px;
}
@media (min-width: 1060px) {
  .fare-conditions__to:before {
    top: 0.2rem;
  }
}
@media (min-width: 1060px) {
  .fare-conditions__to {
    width: auto;
    padding-left: 2rem;
  }
}
.fare-conditions__code {
  display: block;
  color: #000;
  font-size: 1.8rem;
  font-weight: 700;
  font-style: normal;
  line-height: 1.56;
}
@media (min-width: 1060px) {
  .fare-conditions__code {
    display: inline-block;
    font-size: 2.2rem;
    line-height: 1.55;
    vertical-align: top;
  }
}
.fare-conditions__airport {
  display: block;
  color: #555;
  font-size: 1.2rem;
  line-height: 1.5;
}
@media (min-width: 1060px) {
  .fare-conditions__airport {
    display: inline-block;
    font-size: 1.4rem;
    line-height: 2.43;
    vertical-align: top;
  }
}
.fare-conditions__time {
  display: block;
  margin: 1.2rem 0 0.4rem;
  color: #000;
  font-size: 1.4rem;
  line-height: 1.58;
  text-align: center;
}
@media (min-width: 1060px) {
  .fare-conditions__time {
    display: inline-block;
    margin: 0 1.6rem 0 0;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.fare-conditions__overtime {
  color: #0064de;
}
.fare-conditions__flight {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
}
@media (min-width: 1060px) {
  .fare-conditions__flight {
    display: inline-block;
  }
}
.fare-conditions__number {
  color: #000;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .fare-conditions__number {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.fare-conditions__aircraft {
  margin-left: 1.2rem;
  color: #0064de;
  font-size: 1.4rem;
  line-height: 1.58;
  text-decoration: underline;
}
@media (min-width: 1060px) {
  .fare-conditions__aircraft {
    margin-left: 1.6rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.fare-conditions__type {
  margin-left: 1.2rem;
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .fare-conditions__type {
    display: inline-block;
    margin-left: 1.6rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.fare-conditions__seat {
  margin-left: 1.2rem;
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .fare-conditions__seat {
    margin-left: 1.6rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.fare-conditions__class {
  display: block;
  margin-left: 1.6rem;
  color: #00256c;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .fare-conditions__class {
    display: inline-block;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.fare-conditions__codeshare {
  display: block;
  width: 100%;
  margin-top: 0.4rem;
  color: #00256c;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .fare-conditions__codeshare {
    display: inline-block;
    width: auto;
    margin: 0 0 0 1.6rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.fare-conditions__codeshare .code-share {
  vertical-align: -0.3rem;
}
.fare-conditions__list {
  list-style: none;
  padding: 0 1.6rem;
  border-top: 1px solid #d9dbe1;
}
@media (min-width: 1060px) {
  .fare-conditions__list {
    padding: 1.6rem 4rem;
  }
}
.fare-conditions__item {
  margin: 2rem 0;
}
@media (min-width: 1060px) {
  .fare-conditions__item {
    display: flex;
  }
}
.fare-conditions__item .opener {
  vertical-align: -0.1rem;
}
.fare-conditions__key {
  display: inline-block;
  margin-bottom: 0.4rem;
  color: #000;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .fare-conditions__key {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
@media (min-width: 1060px) {
  .fare-conditions .opener {
    margin-top: -0.6rem;
  }
}
.fare-conditions__value {
  color: #000;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .fare-conditions__value {
    width: 67%;
    margin-left: auto;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.fare-conditions__value .fare-conditions__txt + .list {
  margin-top: 0.8rem;
}
.fare-conditions__value .list__item {
  margin: 0;
}
.fare-conditions__txt {
  display: block;
  margin: 0 0 0.4rem 0;
  color: #000;
  font-size: 1.4rem;
  font-weight: normal;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .fare-conditions__txt {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.expand + .fare-conditions__txt {
  margin-top: 0.8rem;
}
.fare-conditions__locals {
  color: #555;
}
.fare-conditions__mark {
  font-style: normal;
}
.fare-conditions__mark.-positive {
  color: #00256c;
  font-weight: 700;
}
.fare-conditions__mark.-negative {
  color: #de001b;
}
.fare-conditions:first-child {
  margin-top: 0;
}
.fare-conditions + .fare-conditions {
  margin-top: 2rem;
}
.fare-conditions__tit {
  margin-bottom: 0;
  padding: 0.8rem 4rem 0.8rem;
  background-color: #f8f9fc;
  border: 1px solid #d9dbe1;
  border-bottom: 0;
}
.fare-conditions__tit .h4 {
  margin: 0;
  font-size: 1.6rem;
  color: #555;
}
.sellup {
  width: 100%;
  margin: 2rem 0 4rem;
  padding-top: 50.9375%;
  border-radius: 0.3rem;
  background: #0a76d7 url(../images/sellup--m.png) no-repeat 50% 0;
  background-size: 100% auto;
  text-align: right;
}
@media (min-width: 1060px) {
  .sellup {
    height: 14.6rem;
    margin-bottom: 6rem;
    padding: 0;
    background: #0a76d7 url(../images/sellup--pc.jpg) no-repeat 0 0;
    background-size: auto 100%;
  }
}
.sellup.-first {
  background: #c7f3ff url(../images/sellup--first--m.png) no-repeat 50% 0;
  background-size: 100% auto;
}
@media (min-width: 1060px) {
  .sellup.-first {
    background: #c7f3ff url(../images/sellup--first--pc.jpg) no-repeat 0 0;
    background-size: auto 100%;
  }
}
.sellup__info {
  padding: 1.6rem 2rem 2rem;
}
@media (min-width: 1060px) {
  .sellup__info {
    position: relative;
    float: right;
    min-width: 24.7rem;
    height: 100%;
    padding: 2.3rem 3.2rem 0 0;
    background-color: #0a76d7;
  }
  .sellup__info:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: -10.7rem;
    width: 10.7rem;
    height: 100%;
    background: url(../images/sellup__info--edge.svg) no-repeat 0 0;
    background-size: 108px 146px;
  }
  .sellup__info:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: -10.2rem;
    right: 100%;
    border-bottom: 1px solid #0a76d7;
  }
}
@media (min-width: 1060px) {
  .sellup.-first .sellup__info {
    background-color: #c7f3ff;
  }
  .sellup.-first .sellup__info:before {
    background: url(../images/sellup__info--first--edge.svg) no-repeat 0 0;
    background-size: 108px 146px;
  }
  .sellup.-first .sellup__info:after {
    border-bottom-color: #c7f3ff;
  }
}
.sellup__title {
  display: block;
  color: #fff;
  font-size: 1.6rem;
  text-align: left;
}
@media (min-width: 1060px) {
  .sellup__title {
    text-align: right;
  }
}
.sellup.-first .sellup__title {
  color: #00256c;
}
.sellup__desc {
  display: block;
  color: #fff;
  font-size: 1.2rem;
}
@media (min-width: 1060px) {
  .sellup__desc {
    display: inline-block;
    margin-top: 0.8rem;
    vertical-align: top;
  }
}
.sellup.-first .sellup__desc {
  color: #00256c;
}
.sellup__price {
  display: block;
  color: #fff;
  font-weight: normal;
  font-size: 2.4rem;
}
@media (min-width: 1060px) {
  .sellup__price {
    display: inline-block;
    margin-left: 0.4rem;
    font-size: 2rem;
    vertical-align: top;
  }
}
.sellup.-first .sellup__price {
  color: #00256c;
}
.sellup__num {
  font-weight: 700;
}
.sellup__apply {
  display: inline-block;
  position: relative;
  height: 3.8rem;
  margin: 0.7rem 0 0;
  padding: 0 3.6rem 0 1.4rem;
  border: 0;
  border-radius: 0.2rem;
  background: #fff;
  box-shadow: 0 0.2rem 0.2rem 0 rgba(0, 0, 0, 0.1);
  color: #0a76d7;
  font-size: 1.4rem;
  line-height: 1.71;
  text-decoration: none;
  text-align: left;
  vertical-align: top;
  cursor: pointer;
  appearance: none;
}
@media (min-width: 1060px) {
  .sellup__apply {
    height: 4rem;
    margin-top: 0.8rem;
    padding: 0 5.4rem 0 3.8rem;
  }
}
.sellup__apply:before {
  content: "";
  display: block;
  position: absolute;
  top: 1.1rem;
  right: 1.4rem;
  width: 1.6rem;
  height: 1.6rem;
  background: #fff url(../images/sellup__apply.svg) no-repeat 50% 0;
  background-size: 16px 16px;
}
@media (min-width: 1060px) {
  .sellup__apply:before {
    top: 1.3rem;
    right: 3rem;
  }
}
.sellup__apply:hover,
.sellup__apply:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #0a76d7, 0 0 0 0.3rem #fff;
}
.ib-h1 {
  display: block;
  position: absolute;
  top: 18.3rem;
  left: 0;
  right: 0;
  padding: 0 2rem;
}
@media (min-width: 1060px) {
  .ib-h1 {
    top: 27rem;
  }
}
.ib-h1 .h2 {
  max-width: 128rem;
  margin: 0 auto;
}
.ib-h1__heading {
  display: flex;
  align-items: center;
  max-width: 128rem;
  margin: 0 auto;
}
.ib-h1__title {
  color: #00256c;
  font-size: 1.6rem;
}
@media (min-width: 1060px) {
  .ib-h1__title {
    font-size: 2rem;
  }
}
.ib-h1__title[tabindex]:hover,
.ib-h1__title[tabindex]:focus {
  outline: 0;
}
.ib-h1__route {
  color: #00256c;
  font-size: 1.6rem;
}
@media (min-width: 1060px) {
  .ib-h1__route {
    font-size: 2rem;
  }
}
.ib-h1__from {
  display: inline-block;
  margin-left: 0.6rem;
  vertical-align: top;
}
@media (min-width: 1060px) {
  .ib-h1__from {
    margin-left: 1.6rem;
  }
}
.ib-h1__to {
  display: inline-block;
  position: relative;
  margin-left: 2rem;
  vertical-align: top;
}
@media (min-width: 1060px) {
  .ib-h1__to {
    margin-left: 2.8rem;
  }
}
.ib-h1__to:before {
  content: "";
  position: absolute;
  top: 0.4rem;
  left: -2rem;
  width: 1.6rem;
  height: 1.6rem;
  background: url(../images/ib-h1__to.svg) no-repeat 50% 50%;
  background-size: 16px 16px;
}
@media (min-width: 1060px) {
  .ib-h1__to:before {
    top: 0.7rem;
    left: -2.4rem;
  }
}
.ib-h1__airport {
  display: none;
  font-weight: normal;
}
@media (min-width: 1060px) {
  .ib-h1__airport {
    display: inline;
  }
}
.ib-blank {
  height: 2.4rem;
  margin: 0.8rem 0 1.2rem;
}
@media (min-width: 1060px) {
  .ib-blank {
    height: 3rem;
    margin: 1.6rem 0 2rem;
  }
}
.ib-example {
  margin: 1.2rem 0 4rem;
  padding: 2rem 1.6rem 4rem;
  border: 1px solid #d9dbe1;
}
@media (min-width: 1060px) {
  .ib-example {
    display: flex;
    padding: 3rem 4rem 4rem;
  }
}
.ib-example__key {
  display: block;
  width: 100%;
  margin-bottom: 1rem;
  color: #000;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
}
@media (min-width: 1060px) {
  .ib-example__key {
    flex: 1;
  }
}
.ib-example__value {
  color: #000;
}
@media (min-width: 1060px) {
  .ib-example__value {
    flex: 8;
  }
}
.ib-example .p + .field {
  margin-top: 2rem;
}
.ib-example .forms [type="text"][readonly] {
  border-bottom-color: #00256c;
  cursor: not-allowed;
}
.policy-info {
  margin: 4rem 0;
  padding: 0 2rem;
  border: 1px solid #00256c;
  border-radius: 0.2rem;
}
@media (min-width: 1060px) {
  .policy-info {
    margin: 6rem 0;
    padding: 0 4rem;
  }
}
.policy-info__heading {
  display: block;
  margin: 2.4rem 0 2rem;
  padding-left: 3.6rem;
  background: url(../images/policy-info__heading.svg) no-repeat 0 0.8rem;
  background-size: 24px 24px;
  color: #00256c;
  font-weight: 700;
  font-size: 1.6rem;
}
@media (min-width: 1060px) {
  .policy-info__heading {
    min-height: 3.2rem;
    margin: 4rem 0 2rem;
    padding-left: 4.4rem;
    background-position: 0 50%;
    background-size: 32px 32px;
    font-size: 2rem;
  }
}
.policy-info__heading.-paypal {
  background: url(../images/policy-info__heading--paypal.svg) no-repeat 0 0.8rem;
  background-size: 24px 24px;
}
@media (min-width: 1060px) {
  .policy-info__heading.-paypal {
    background-position: 0 50%;
    background-size: 32px 32px;
  }
}
.policy-info__guide {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent none;
  color: #0064de;
  font-weight: 700;
  font-size: 1.6rem;
  text-decoration: underline;
  text-align: left;
  cursor: pointer;
  appearance: none;
}
@media (min-width: 1060px) {
  .policy-info__guide {
    font-size: 2rem;
  }
}
.policy-info__guide:hover,
.policy-info__guide:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .policy-info__guide:hover,
.app .policy-info__guide:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.policy-info__contents {
  padding: 1.2rem 0 2.4rem;
  border-top: 1px solid #d9dbe1;
}
@media (min-width: 1060px) {
  .policy-info__contents {
    padding: 1.2rem 0 4rem;
  }
}
.policy-info__contents .list {
  margin-top: 0.8rem;
}
@media (min-width: 1060px) {
  .policy-info__contents.-x {
    display: flex;
    padding-top: 2rem;
  }
}
.policy-info__contents.-x .list {
  margin-top: 0;
}
@media (min-width: 1060px) {
  .policy-info__contents.-x .list {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
}
@media (min-width: 1060px) {
  .policy-info__contents.-x .list__item + .list__item {
    margin: 0 0 0 4rem;
  }
}
.policy-info__title {
  display: block;
  margin: 0.8rem 0;
  color: #555;
  font-size: 1.4rem;
  line-height: 1.71;
}
@media (min-width: 1060px) {
  .policy-info__title {
    margin: 0;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
@media (min-width: 1060px) {
  .policy-info__contents.-x .policy-info__title {
    min-width: 10.4rem;
  }
}
.payment-info {
  margin-bottom: 4rem;
  border-top: 1px solid #d9dbe1;
  border-bottom: 1px solid #d9dbe1;
}
@media (min-width: 1060px) {
  .payment-info {
    margin-bottom: 6rem;
  }
}
.payment-info.-small {
  margin-bottom: 2rem;
}
.payment-info__total {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  padding: 1.6rem 1.2rem;
  border-top: 1px solid #d9dbe1;
  background-color: #f8f9fc;
}
@media (min-width: 1060px) {
  .payment-info__total {
    padding: 2rem 2rem;
  }
}
.payment-info__total:first-child {
  border-top: 0;
}
.payment-info__mileages {
  padding: 1.6rem 1.2rem;
  background-color: #f8f9fc;
}
@media (min-width: 1060px) {
  .payment-info__mileages {
    padding: 2rem;
  }
}
.payment-info__mileages:last-child {
  border-top: 1px solid #d9dbe1;
}
.payment-info__mileage {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 0.3rem;
}
@media (min-width: 1060px) {
  .payment-info__mileage {
    margin-top: 1rem;
  }
}
.payment-info__mileage:first-child {
  margin-top: 0;
}
.payment-info__ttl {
  color: #00256c;
  font-size: 1.4rem;
  font-weight: 700;
}
@media (min-width: 1060px) {
  .payment-info__ttl {
    flex: 1;
    font-size: 1.6rem;
  }
}
.payment-info__ttl.-normal {
  font-weight: normal;
}
.payment-info__mile {
  margin-left: auto;
  padding-left: 1rem;
  color: #00256c;
  font-size: 1.6rem;
  font-weight: 700;
  text-align: right;
}
@media (min-width: 1060px) {
  .payment-info__mile {
    flex: 2;
    padding-left: 0;
    font-size: 2rem;
  }
}
.payment-info__mile.-normal {
  font-size: 1.6rem;
  font-weight: normal;
}
.payment-info__amount {
  color: #00256c;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .payment-info__amount {
    flex: 1;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.payment-info__fare {
  flex-shrink: 0;
  margin-left: auto;
  padding-left: 1rem;
  color: #00256c;
  font-weight: 700;
  font-size: 1.6rem;
  text-align: right;
}
@media (min-width: 1060px) {
  .payment-info__fare {
    flex: 2;
    padding-left: 0;
    font-size: 2rem;
  }
}
.payment-info__fare.-negative {
  color: #de001b;
}
.payment-info__list {
  list-style: none;
  padding: 0.4rem 1.2rem;
  border-top: 1px solid #d9dbe1;
}
@media (min-width: 1060px) {
  .payment-info__list {
    padding: 1.2rem 2rem;
  }
}
.payment-info__list:first-child {
  border-top: 0;
}
.payment-info__group .payment-info__list {
  padding-top: 0;
  border-top: 0;
}
.payment-info__item {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0.8rem 0;
}
.payment-info__key {
  color: #000;
  font-weight: normal;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .payment-info__key {
    flex: 1;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.payment-info__key.-negative {
  font-style: normal;
  color: #de001b;
}
.payment-info__key.-skeptical {
  font-style: normal;
  color: #767676;
}
.payment-info__key.-bold {
  font-style: normal;
  font-weight: 700;
}
.payment-info__value {
  margin-left: auto;
  padding-left: 1rem;
  color: #000;
  font-size: 1.4rem;
  line-height: 1.58;
  text-align: right;
}
@media (min-width: 1060px) {
  .payment-info__value {
    flex: 2;
    padding-left: 0;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.payment-info__value.-negative {
  font-style: normal;
  color: #de001b;
}
.payment-info__value.-accent {
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 1.33;
}
.payment-info__value .option {
  display: block;
  margin-top: 0.6rem;
  margin-left: auto;
}
@media (min-width: 1060px) {
  .payment-info__value .option {
    display: inline-block;
    margin: 0 0 0 1.6rem;
  }
}
.payment-info__discount {
  flex: 2;
  color: #de001b;
  font-style: normal;
  font-weight: 700;
  font-size: 1.6rem;
  text-align: right;
}
@media (min-width: 1060px) {
  .payment-info__discount {
    font-size: 2rem;
  }
}
.payment-info__coupon {
  flex: 2;
  color: #000;
  font-style: normal;
  font-weight: 700;
  font-size: 1.6rem;
  text-align: right;
}
@media (min-width: 1060px) {
  .payment-info__coupon {
    font-size: 2rem;
  }
}
.payment-info__sub {
  display: block;
  position: relative;
  padding-left: 1.2rem;
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .payment-info__sub {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.payment-info__number {
  margin-left: 0.8rem;
}
.payment-info__group {
  border-top: 0.1rem solid #d9dbe1;
}
.payment-info__summary {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 1.2rem;
  border-top: 1px solid #d9dbe1;
}
@media (min-width: 1060px) {
  .payment-info__summary {
    padding: 2rem 2rem;
  }
}
.payment-info__summary:first-child {
  border-top: 0;
}
.payment-info__group .payment-info__summary {
  padding-bottom: 0;
}
.payment-info__wrapper {
  padding: 1.2rem;
  border-top: 0.1rem solid #d9dbe1;
}
@media (min-width: 1060px) {
  .payment-info__wrapper {
    padding: 2rem;
  }
}
.payment-info__wrapper__tit {
  color: #00256c;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .payment-info__wrapper__tit {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.payment-info__wrapper .payment-info__list {
  padding: 0;
  border-top: 0;
}
.payment-info__wrapper:first-child {
  border-top: 0;
}
.mycard-info {
  margin: 1.6rem auto 2rem;
}
@media (min-width: 1060px) {
  .mycard-info {
    margin: 2rem auto;
  }
}
.mycard-info__regist {
  display: block;
  width: 100%;
  padding: 5.4rem 0 5.4rem;
  border: 1px solid #d9dbe1;
  border-radius: 0.2rem;
  background: transparent none;
  color: #767676;
  font-size: 1.4rem;
  line-height: 1.71;
  text-align: center;
  text-decoration: none;
  appearance: none;
}
@media (min-width: 1060px) {
  .mycard-info__regist {
    padding: 5.6rem 0 5.2rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.mycard-info__regist:before {
  content: "";
  display: block;
  width: 4.8rem;
  height: 4.8rem;
  margin: 0 auto 0.4rem auto;
  background: url(../images/mycard__regist--plus.svg) no-repeat;
}
.mycard-info__regist:hover,
.mycard-info__regist:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .mycard-info__regist:hover,
.app .mycard-info__regist:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.mycard-info__output {
  display: block;
  position: relative;
  width: 100%;
  max-width: 28rem;
  height: 15.9rem;
  margin: 0 auto;
  padding: 8.8rem 2.4rem 2.4rem;
  background: url(../images/mycard-info__output.svg) no-repeat center top;
  background-size: contain;
}
@media (min-width: 360px) {
  .mycard-info__output {
    max-width: 32rem;
    height: 18.4rem;
  }
}
@media (min-width: 1060px) {
  .mycard-info__output {
    width: 38rem;
    max-width: none;
    height: 21.8rem;
    padding: 9.6rem 3rem 2.8rem;
  }
}
.mycard-info__logo {
  display: flex;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  position: absolute;
  top: 0.8rem;
  right: 2.4rem;
  width: 8rem;
  height: 8rem;
}
@media (min-width: 1060px) {
  .mycard-info__logo {
    top: 1.6rem;
    right: 3.2rem;
  }
}
.-uatp.mycard-info__logo {
  background: url(../images/mycard-info__logo-uatp.png) no-repeat right center;
  background-size: 80px 80px;
}
.-amex.mycard-info__logo {
  background: url(../images/mycard-info__logo-american-express.png) no-repeat right center;
  background-size: 80px 80px;
}
.-master.mycard-info__logo {
  background: url(../images/mycard-info__logo-mastercard.png) no-repeat right center;
  background-size: 80px 80px;
}
.-diners.mycard-info__logo {
  background: url(../images/mycard-info__logo-diners-club.png) no-repeat right center;
  background-size: 80px 80px;
}
.-jcb.mycard-info__logo {
  background: url(../images/mycard-info__logo-jcb.png) no-repeat right center;
  background-size: 80px 80px;
}
.-visa.mycard-info__logo {
  background: url(../images/mycard-info__logo-visa.png) no-repeat right center;
  background-size: 80px 80px;
}
.-discover.mycard-info__logo {
  background: url(../images/mycard-info__logo-discover.png) no-repeat right center;
  background-size: 80px 80px;
}
.mycard-info__membership {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0 2.4rem 2.4rem;
}
@media (min-width: 1060px) {
  .mycard-info__membership {
    padding: 0 3rem 2.8rem;
  }
}
.mycard-info__number {
  color: #e7eaf0;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .mycard-info__number {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.mycard-info__owner-name {
  margin-top: 0.4rem;
  color: #e7eaf0;
  font-size: 1.4rem;
  line-height: 1.58;
  word-break: keep-all;
}
@media (min-width: 1060px) {
  .mycard-info__owner-name {
    margin-top: 0.8rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.flexible-dates {
  margin: 2rem 0;
}
@media (min-width: 1060px) {
  .flexible-dates {
    margin-top: 4rem;
  }
}
.flexible-dates__legends {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 1.2rem;
}
@media (min-width: 1060px) {
  .flexible-dates__legends {
    margin-bottom: 1.6rem;
  }
}
.flexible-dates__legend {
  margin-left: 2rem;
  padding-left: 2.8rem;
  color: #000;
  font-size: 1.2rem;
  line-height: 2;
}
@media (min-width: 1060px) {
  .flexible-dates__legend {
    margin-left: 3.2rem;
    font-size: 1.4rem;
    line-height: 1.72;
  }
}
.flexible-dates__legend.-lowest {
  background: url(../images/flexible-dates__legend--lowest.svg) no-repeat 0 50%;
  background-size: 24px 24px;
}
.flexible-dates__legend.-none {
  position: relative;
}
.flexible-dates__legend.-none:before {
  content: "";
  display: block;
  position: absolute;
  top: 1.2rem;
  left: 0.4rem;
  width: 1.6rem;
  height: 1px;
  background-color: #767676;
}
.flexible-dates__wrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.flexible-dates.-roundtrip .flexible-dates__wrap {
  margin-right: -2rem;
}
@media (min-width: 1060px) {
  .flexible-dates.-roundtrip .flexible-dates__wrap {
    margin-right: 0;
  }
}
.flexible-dates table {
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border: 1px solid #dee0e2;
  empty-cells: show;
}
@media (min-width: 1060px) {
  .flexible-dates table {
    width: 100%;
  }
}
@media (max-width: 901px) {
  .-roundtrip.flexible-dates table {
    width: 90.2rem;
  }
}
.flexible-dates caption {
  overflow: hidden;
  white-space: nowrap;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  margin: 0 0 -1px;
  padding: 0;
  border: 0;
}
.flexible-dates__group {
  height: 3.6rem;
  border: 1px solid #dee0e2;
  background-color: #fbfcff;
  color: #00256c;
  font-weight: normal;
  font-size: 1.2rem;
  line-height: 1.58;
  text-align: center;
}
@media (min-width: 1060px) {
  .flexible-dates__group {
    height: 4rem;
    font-size: 1.4rem;
    line-height: 1.5;
  }
}
.flexible-dates.-roundtrip .flexible-dates__group:last-child {
  padding-left: 1.2rem;
  border-left: 0;
  background-color: #f6f8ff;
  text-align: left;
}
@media (min-width: 1060px) {
  .flexible-dates.-roundtrip .flexible-dates__group:last-child {
    padding: 0;
    text-align: center;
  }
}
@media (max-width: 901px) {
  .flexible-dates__group.-fix {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 9.3rem;
    padding: 0;
    margin-left: -1px;
    border-bottom: 0;
    border-top: 0;
  }
}
.flexible-dates__date {
  height: 4.8rem;
  border: 1px solid #dee0e2;
  background-color: #fbfcff;
  color: #00256c;
  font-weight: normal;
  font-size: 1.2rem;
  line-height: 1.58;
  text-align: center;
}
@media (min-width: 1060px) {
  .flexible-dates__date {
    height: 6.4rem;
    font-size: 1.4rem;
    line-height: 1.5;
  }
}
.flexible-dates.-roundtrip .flexible-dates__date:not(.-fix) {
  background-color: #f6f8ff;
}
.flexible-dates__date.-fix {
  background-color: #fbfcff;
}
@media (max-width: 901px) {
  .flexible-dates__date.-fix {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 9.3rem;
    margin-left: -1px;
    padding: 0;
    border-bottom: 0;
  }
}
@media (max-width: 901px) {
  .flexible-dates__date:nth-of-type(2) {
    border-left: 0;
  }
}
.flexible-dates__date.-selected {
  background-color: #e4eaff !important;
}
.flexible-dates__title {
  display: inline-block;
  font-size: 1.2rem;
  line-height: 1.5;
}
@media (min-width: 1060px) {
  .flexible-dates__title {
    font-size: 1.4rem;
    line-height: 1.58;
  }
}
@-moz-document url-prefix() {
  @media (max-width: 901px) {
    .flexible-dates__tr:last-child .flexible-dates__th {
      border-bottom: 1px solid #dee0e2;
    }
  }
}
.flexible-dates__th {
  width: 9.3rem;
  height: 4.8rem;
  margin-left: -1px;
  border: 1px solid #dee0e2;
  background-color: #fbfcff;
  color: #00256c;
  font-weight: normal;
  font-size: 1.2rem;
  text-align: center;
}
@media (min-width: 1060px) {
  .flexible-dates__th {
    font-size: 1.4rem;
  }
}
.flexible-dates.-roundtrip .flexible-dates__th {
  height: 6.2rem;
}
@media (max-width: 901px) {
  .flexible-dates__th.-fix {
    position: absolute;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    height: 6.2rem;
    border-bottom: 0;
    z-index: 1;
  }
}
.flexible-dates__th.-selected {
  background-color: #e4eaff;
}
.flexible-dates.-roundtrip .flexible-dates__week {
  display: block;
  width: 100%;
}
@media (min-width: 1060px) {
  .flexible-dates.-roundtrip .flexible-dates__week {
    display: inline-block;
    width: auto;
  }
}
.flexible-dates__td {
  width: 11.6rem;
  height: 4.8rem;
  border: 1px solid #dee0e2;
  color: #555;
  font-size: 1.4rem;
  text-align: center;
}
.flexible-dates.-roundtrip .flexible-dates__td {
  height: 6.2rem;
}
@media (min-width: 1060px) {
  .flexible-dates__td {
    height: 6.6rem;
    font-size: 1.6rem;
  }
}
.flexible-dates__td:nth-of-type(2) {
  border-left: 0;
}
.flexible-dates__aligner {
  display: block;
  width: 100%;
  height: 100%;
}
.flexible-dates__selection {
  position: relative;
  width: 100%;
  height: 100%;
}
.flexible-dates__selection [type="radio"] {
  -webkit-appearance: none;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  outline: 0;
  margin: 0;
  padding: 0;
  border: 0;
  background: #fff;
}
.flexible-dates__selection [type="radio"]:hover ~ label,
.flexible-dates__selection [type="radio"]:focus ~ label {
  outline: 0;
  box-shadow: inset 0 0 0 1px #0064de;
}
.flexible-dates__selection [type="radio"]:checked:hover ~ label,
.flexible-dates__selection [type="radio"]:checked:focus ~ label {
  box-shadow: inset 0 0 0 0.3rem #fff, inset 0 0 0 0.4rem #0064de;
}
.flexible-dates__selection label {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
  text-indent: 0;
  cursor: pointer;
}
@media (min-width: 1060px) {
  .flexible-dates__selection label {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.flexible-dates__selection label:hover,
.flexible-dates__selection label:focus {
  outline: 0;
  box-shadow: inset 0 0 0 1px #0064de;
}
.flexible-dates__selection [type="radio"]:checked ~ label {
  font-weight: 700;
}
.flexible-dates__selection [type="radio"]:checked ~ label:after {
  content: "";
  display: block;
  position: absolute;
  top: -1px;
  bottom: -1px;
  left: -1px;
  right: -1px;
  border: 2px solid #0064de;
}
.flexible-dates__selection [type="radio"]:checked ~ label:hover,
.flexible-dates__selection [type="radio"]:checked ~ label:focus {
  outline: 0;
  box-shadow: inset 0 0 0 0.3rem #fff, inset 0 0 0 0.4rem #0064de;
}
.flexible-dates__selection.-lowest label {
  color: #de001b;
}
.flexible-dates__selection.-lowest label:before {
  content: "";
  display: block;
  position: absolute;
  top: 0.2rem;
  right: 0.2rem;
  width: 0.8rem;
  height: 0.8rem;
  background: url(../images/flexible-dates__selection--lowest.svg) no-repeat 0 50%;
  background-size: 8px 8px;
}
.class-icon {
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  display: inline-block;
  width: 12px;
  height: 12px;
  vertical-align: top;
}
@media (min-width: 1060px) {
  .class-icon {
    width: 16px;
    height: 16px;
  }
}
.class-icon.-fixed {
  width: 16px;
  height: 16px;
}
.class-icon.-first {
  background: url(../images/class-icon--first.svg) no-repeat 50% 50%;
  background-size: cover;
}
@media (min-width: 1060px) {
  .class-icon.-first {
    background: url(../images/class-icon--first--large.svg) no-repeat 50% 50%;
  }
}
.class-icon.-prestige {
  background: url(../images/class-icon--prestige.svg) no-repeat 50% 50%;
  background-size: cover;
}
@media (min-width: 1060px) {
  .class-icon.-prestige {
    background: url(../images/class-icon--prestige--large.svg) no-repeat 50% 50%;
  }
}
.class-icon.-upgrade {
  background: url(../images/class-icon--upgrade.svg) no-repeat 50% 50%;
  background-size: cover;
}
@media (min-width: 1060px) {
  .class-icon.-upgrade {
    background: url(../images/class-icon--upgrade--large.svg) no-repeat 50% 50%;
  }
}
.class-icon.-economy {
  background: url(../images/class-icon--economy.svg) no-repeat 50% 50%;
  background-size: cover;
}
@media (min-width: 1060px) {
  .class-icon.-economy {
    background: url(../images/class-icon--economy--large.svg) no-repeat 50% 50%;
  }
}
.class-icon.-seat {
  width: 16px;
  height: 16px;
  background: url(../images/class-icon--seat.svg) repeat 50% 50%;
  background-size: cover;
}
@media (min-width: 1060px) {
  .class-icon.-seat {
    background: url(../images/class-icon--seat--large.svg) no-repeat 50% 50%;
  }
}
.class-icon.-no-seat {
  width: 16px;
  height: 16px;
  background: url(../images/class-icon--no-seat.svg) no-repeat 50% 50%;
  background-size: cover;
}
@media (min-width: 1060px) {
  .class-icon.-no-seat {
    background: url(../images/class-icon--no-seat--large.svg) no-repeat 50% 50%;
  }
}
.class-icon.-no-flight {
  width: 16px;
  height: 16px;
  background: url(../images/class-icon--no-flight.svg) no-repeat 50% 50%;
  background-size: cover;
}
@media (min-width: 1060px) {
  .class-icon.-no-flight {
    background: url(../images/class-icon--no-flight--large.svg) no-repeat 50% 50%;
  }
}
.class-icon.-legend {
  width: 24px;
  height: 24px;
}
.class-icon.-legend.-first {
  background: url(../images/class-icon__legend--first.svg) no-repeat 0 50%;
  background-size: cover;
}
[aria-pressed="false"] .class-icon.-legend.-first {
  background: url(../images/class-icon__legend--first--off.svg) no-repeat 50% 50%;
  background-size: 20px 20px;
}
.class-icon.-legend.-prestige {
  background: url(../images/class-icon__legend--prestige.svg) no-repeat 0 50%;
  background-size: cover;
}
[aria-pressed="false"] .class-icon.-legend.-prestige {
  background: url(../images/class-icon__legend--prestige--off.svg) no-repeat 50% 50%;
  background-size: 20px 20px;
}
.class-icon.-legend.-upgrade {
  background: url(../images/class-icon__legend--upgrade.svg) no-repeat 0 50%;
  background-size: cover;
}
[aria-pressed="false"] .class-icon.-legend.-upgrade {
  background: url(../images/class-icon__legend--upgrade--off.svg) no-repeat 50% 50%;
  background-size: 20px 20px;
}
.class-icon.-legend.-economy {
  background: url(../images/class-icon__legend--economy.svg) no-repeat 0 50%;
  background-size: cover;
}
[aria-pressed="false"] .class-icon.-legend.-economy {
  background: url(../images/class-icon__legend--economy--off.svg) no-repeat 50% 50%;
  background-size: 20px 20px;
}
.class-icon.-legend.-seat {
  background: url(../images/class-icon__legend--seat.svg) no-repeat 0 50%;
  background-size: cover;
}
[aria-pressed="false"] .class-icon.-legend.-seat {
  background: url(../images/class-icon__legend--seat--off.svg) no-repeat 50% 50%;
  background-size: 20px 20px;
}
.class-icon.-legend.-no-seat {
  background: url(../images/class-icon__legend--no-seat.svg) no-repeat 0 50%;
  background-size: cover;
}
.class-icon.-legend.-no-flight {
  background: url(../images/class-icon__legend--no-flight.svg) no-repeat 0 50%;
  background-size: cover;
}
.flexible-calendar {
  margin: 2rem 0 4rem;
}
@media (min-width: 1060px) {
  .flexible-calendar {
    margin: 4rem 0 6rem;
  }
}
.flexible-calendar__primary {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.flexible-calendar__title {
  flex: 3;
  padding-left: 3.2rem;
  color: #000;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .flexible-calendar__title {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.flexible-calendar__title.-depart {
  background: url(../images/flexible-calendar__title--depart.svg) no-repeat 0 50%;
  background-size: 24px 24px;
}
.flexible-calendar__title.-return {
  background: url(../images/flexible-calendar__title--return.svg) no-repeat 0 50%;
  background-size: 24px 24px;
}
.flexible-calendar__route {
  flex: 2;
  text-align: right;
}
.flexible-calendar__code {
  position: relative;
  color: #000;
  font-weight: 700;
  font-size: 1.4rem;
  font-style: normal;
  line-height: 1.72;
}
@media (min-width: 1060px) {
  .flexible-calendar__code {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.flexible-calendar__code:last-child {
  padding-left: 2.8rem;
}
@media (min-width: 1060px) {
  .flexible-calendar__code:last-child {
    padding-left: 3.6rem;
  }
}
.flexible-calendar__code:last-child:before {
  content: "";
  display: block;
  position: absolute;
  top: -0.1rem;
  left: 0rem;
  width: 2.4rem;
  height: 2.4rem;
  background: url(../images/flexible-calendar__to.svg) no-repeat 50% 50%;
  background-size: 16px 16px;
}
@media (min-width: 1060px) {
  .flexible-calendar__code:last-child:before {
    top: 0;
    left: 0.4rem;
  }
}
.flexible-calendar__legends {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 1.2rem;
  padding: 0.8rem 0 1.2rem;
  border-top: 1px solid #d9dbe1;
}
@media (min-width: 1060px) {
  .flexible-calendar__legends {
    justify-content: flex-end;
    padding: 2.4rem 0 1.6rem;
  }
}
.flexible-calendar__legend {
  width: 33.3%;
  margin: 0.8rem 0 0;
  color: #000;
  font-size: 1.2rem;
  line-height: 2;
}
@media (min-width: 1060px) {
  .flexible-calendar__legend {
    width: auto;
    margin: 0 0 0 3.4rem;
    font-size: 1.4rem;
    line-height: 1.72;
  }
}
.flexible-calendar__wrap {
  margin: 0 -2rem;
}
@media (min-width: 1060px) {
  .flexible-calendar__wrap {
    margin: 0;
  }
}
.flexible-calendar__table {
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
}
.flexible-calendar__th {
  height: 6rem;
  border: 1px solid #d9dbe1;
  color: #000;
  font-weight: normal;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .flexible-calendar__th {
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.flexible-calendar__th:first-child {
  border-left: 0;
  color: #e4162f;
}
.flexible-calendar__th:last-child {
  border-right: 0;
}
.flexible-calendar__td {
  height: 6rem;
  border: 1px solid #d9dbe1;
  color: #000;
  font-size: 1.2rem;
  vertical-align: top;
  cursor: pointer;
}
@media (min-width: 1060px) {
  .flexible-calendar__td {
    height: 6.8rem;
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.flexible-calendar__td:hover,
.flexible-calendar__td:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .flexible-calendar__td:hover,
.app .flexible-calendar__td:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.flexible-calendar__td:hover,
.flexible-calendar__td:focus {
  border-radius: 0;
}
.flexible-calendar__td:first-child {
  border-left: 0;
  color: #de001b;
}
.flexible-calendar__td:last-child {
  border-right: 0;
}
.flexible-calendar__td[aria-hidden="true"] {
  cursor: not-allowed;
}
.flexible-calendar__td[aria-hidden="true"]:hover,
.flexible-calendar__td[aria-hidden="true"]:focus {
  outline: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.flexible-calendar__td.-no-seat,
.flexible-calendar__td.-no-flight {
  background-color: #f3f4f8;
  cursor: not-allowed;
}
.flexible-calendar__td.-selected {
  border: 2px solid #0064de;
  color: #0064de;
  font-weight: 700;
}
.flexible-calendar__td.-selected:hover,
.flexible-calendar__td.-selected:focus {
  outline: 0;
  box-shadow: inset 0 0 0 0.3rem #fff, inset 0 0 0 0.4rem #0064de;
}
.flexible-calendar__td.-disabled {
  color: #ccc;
  cursor: not-allowed;
}
.flexible-calendar__td.-disabled:hover,
.flexible-calendar__td.-disabled:focus {
  outline: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.flexible-calendar__aligner {
  display: block;
  width: 100%;
  height: 100%;
}
.flexible-calendar__day {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0.4rem 0 0 0.6rem;
}
@media (min-width: 1060px) {
  .flexible-calendar__day {
    padding-left: 1.2rem;
  }
}
.flexible-calendar__day.-reflow {
  padding: 0.6rem 0 0 0.1rem;
  font-size: 1rem;
}
.flexible-calendar__day .class-icon {
  margin: 0.1rem 0;
}
.flexible-calendar__day .class-icon.-no-seat,
.flexible-calendar__day .class-icon.-no-flight {
  position: absolute;
  bottom: 0.4rem;
  right: 0.4rem;
  margin: 0;
}
@media (min-width: 1060px) {
  .flexible-calendar__day .class-icon.-no-seat,
  .flexible-calendar__day .class-icon.-no-flight {
    bottom: 0.8rem;
    right: 0.8rem;
  }
}
.flexible-calendar__icons {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: absolute;
  top: 0;
  right: 0.4rem;
  height: 100%;
}
@media (min-width: 1060px) {
  .flexible-calendar__icons {
    right: 0.8rem;
  }
}
.ib-codeshare-info {
  margin: 4rem 0 2rem;
  padding: 2rem 1.6rem;
  border-radius: 0.2rem;
  background-color: #e8f9ff;
}
@media (min-width: 1060px) {
  .ib-codeshare-info {
    margin-top: 6rem;
    padding: 2.5rem 3.2rem;
  }
}
.ib-codeshare-info:first-child {
  margin-top: 0;
}
.ib-codeshare-info:last-child {
  margin-bottom: 0;
}
.ib-codeshare-info__desc {
  color: #00256c;
  font-weight: normal;
  font-size: 1.6rem;
}
@media (min-width: 1060px) {
  .ib-codeshare-info__desc {
    font-size: 1.8rem;
  }
}
.flexible-icons {
  text-align: right;
}
@media (min-width: 1060px) {
  .flexible-icons {
    margin: 1.2rem 0 0;
    text-align: left;
  }
}
.flexible-icons__title {
  display: inline-block;
  margin-right: -0.4rem;
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
}
.flexible-icons__legends {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -0.8rem;
}
@media (min-width: 1060px) {
  .flexible-icons__legends {
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 0;
  }
}
.popover .flexible-icons__legends .flexible-icons__legend {
  margin: 0 1.2rem 0.8rem 0;
  color: #000;
  font-size: 1.2rem;
  line-height: 2;
}
@media (min-width: 1060px) {
  .flexible-icons__legend {
    display: inline-block;
    margin-right: 3.4rem;
  }
  .flexible-icons__legend:last-child {
    margin-right: 0;
  }
}
.codeshare-service__title {
  display: block;
  margin: 1.2rem 0 0.4rem;
  color: #555;
  font-size: 1.2rem;
}
@media (min-width: 1060px) {
  .codeshare-service__title {
    margin: 1.6rem 0 0;
    font-size: 1.4rem;
    line-height: 1.71;
  }
}
.codeshare-service__title:first-child {
  margin-top: 0;
}
.codeshare-service__title:last-child {
  margin-bottom: 0;
}
.codeshare-service__item {
  position: relative;
  color: #555;
  font-size: 1.2rem;
}
@media (min-width: 1060px) {
  .codeshare-service__item {
    font-size: 1.4rem;
    line-height: 1.58;
  }
}
.codeshare-service__list.-dash > .codeshare-service__item {
  padding-left: 0.8rem;
}
.codeshare-service__list.-dash > .codeshare-service__item:before {
  content: "";
  position: absolute;
  top: 0.8rem;
  left: 0;
  width: 0.4rem;
  height: 0.1rem;
  background-color: #555;
}
@media (min-width: 1060px) {
  .codeshare-service__list.-dash > .codeshare-service__item:before {
    top: 1rem;
  }
}
.ib-loading {
  margin-top: 3rem;
}
@media (min-width: 1060px) {
  .ib-loading {
    margin-top: 5rem;
  }
}
.ib-loading__rounds {
  text-align: center;
}
.ib-loading__round {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  margin: 0.2rem;
  border-radius: 100%;
  background-color: #0064de;
}
.ib-loading__round.-shape1 {
  animation: motion01 1s ease-in-out infinite;
}
.ib-loading__round.-shape2 {
  animation: motion02 1s ease-in-out infinite;
  animation-delay: -0.46s;
}
.ib-loading__round.-shape3 {
  animation: motion03 1s ease-in-out infinite;
  animation-delay: -0.36s;
}
.ib-loading__round.-shape4 {
  animation: motion04 1s ease-in-out infinite;
  animation-delay: -0.26s;
}
.ib-loading__round.-shape5 {
  animation: motion05 1s ease-in-out infinite;
  animation-delay: -0.16s;
}
.ib-loading__processing {
  display: block;
  margin: 2.4rem 0 0;
  color: #000;
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 1.56;
  text-align: center;
}
@media (min-width: 1060px) {
  .ib-loading__processing {
    font-size: 2.2rem;
    line-height: 1.55;
  }
}
.ib-loading__aligner {
  position: relative;
  margin: 6rem 0 0 2rem;
  padding: 48% 2rem 2rem;
  background-color: #f3f4f8;
}
@media (min-width: 1060px) {
  .ib-loading__aligner {
    min-height: 25rem;
    margin: 9rem 0 0 4rem;
    padding: 5rem 5rem 10rem 52rem;
  }
}
.ib-loading__aligner:before {
  content: "";
  display: block;
  position: absolute;
  top: -2rem;
  left: -2rem;
  right: 2rem;
  padding-top: 48%;
  background: url(../images/ib-loading.png) no-repeat 0 0;
  background-size: 100% 100%;
}
@media (min-width: 1060px) {
  .ib-loading__aligner:before {
    top: -4rem;
    left: -4rem;
    right: auto;
    width: 50rem;
    height: 24rem;
    padding: 0;
    background-size: 100% 100%;
  }
}
.security {
  margin: 4rem 0;
}
.security:first-child {
  margin-top: 0;
}
.security:last-child {
  margin-bottom: 0;
}
.security__list {
  display: flex;
  flex-wrap: wrap;
}
.security__item {
  height: 6rem;
}
.security__item.-card1 {
  width: 8.8rem;
  background: url(../images/ib-safe-norton.png) no-repeat 50% 50%;
  background-size: 88px 60px;
}
.security__item.-card2 {
  width: 6rem;
  background: url(../images/ib-safe-visa.png) no-repeat 50% 50%;
  background-size: 60px 60px;
}
.security__item.-card3 {
  width: 6rem;
  background: url(../images/ib-safe-master.png) no-repeat 50% 50%;
  background-size: 60px 60px;
}
.security__item.-card4 {
  width: 10rem;
  background: url(../images/ib-safe-amax.png) no-repeat 50% 50%;
  background-size: 100px 60px;
}
.security__item.-card5 {
  width: 7.6rem;
  background: url(../images/ib-safe-jcb.png) no-repeat 50% 50%;
  background-size: 76px 60px;
}
.security__link {
  display: block;
  width: 100%;
  height: 100%;
}
.security__link:hover,
.security__link:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .security__link:hover,
.app .security__link:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.purchase-breakdown__item {
  position: relative;
  margin: 2rem 0;
  padding: 2rem;
  border-radius: 0.2rem;
  border: solid 0.1rem #d9dbe1;
  border-top: 0.4rem solid #c7f3ff;
}
@media (min-width: 1060px) {
  .purchase-breakdown__item {
    min-height: 20rem;
    padding: 0;
  }
}
.purchase-breakdown__item:first-child {
  margin-top: 0;
}
.purchase-breakdown__item:last-child {
  margin-bottom: 0;
}
.purchase-breakdown__item:before {
  content: "";
  display: block;
  position: absolute;
  top: -0.4rem;
  right: 0;
  width: 28.125%;
  height: 0.4rem;
  background: #00256c url(../images/planing-lookup__edge.svg) no-repeat 0 0;
  background-size: 20px 4px;
}
@media (min-width: 1060px) {
  .purchase-breakdown__item:before {
    width: 29.6%;
  }
}
@media (min-width: 1060px) {
  .purchase-breakdown__ticket {
    padding: 2.3rem 28.9% 3.6rem 2rem;
  }
}
.purchase-breakdown__head {
  color: #000;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.58;
}
.purchase-breakdown__sort {
  display: block;
  color: #00256c;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1.5;
}
@media (min-width: 1060px) {
  .purchase-breakdown__sort {
    display: inline-block;
    margin-right: 2rem;
  }
}
.purchase-breakdown__day {
  display: inline-block;
  font-weight: 400;
}
@media (min-width: 1060px) {
  .purchase-breakdown__day {
    display: inline-block;
  }
}
.purchase-breakdown__name {
  display: inline-block;
  font-weight: 400;
}
@media (min-width: 1060px) {
  .purchase-breakdown__name {
    display: inline-block;
  }
}
.purchase-breakdown__trip {
  overflow: hidden;
  position: relative;
  margin-top: 2.4rem;
}
@media (min-width: 1060px) {
  .purchase-breakdown__trip {
    max-width: 56rem;
    margin: 1.7rem auto 0;
  }
}
.purchase-breakdown__trip:after {
  content: "";
  display: block;
  clear: both;
}
.purchase-breakdown__location {
  display: block;
  width: 8.4rem;
  background: #fff;
  text-align: center;
}
@media (min-width: 1060px) {
  .purchase-breakdown__location {
    width: 14rem;
  }
}
.purchase-breakdown__location.-from {
  float: left;
}
.purchase-breakdown__location.-to {
  float: right;
}
.purchase-breakdown__location.-to:before {
  content: "";
  display: block;
  position: absolute;
  top: 2.2rem;
  left: 10rem;
  right: 10rem;
  border-top: 0.1rem dashed #0064de;
}
@media (min-width: 1060px) {
  .purchase-breakdown__location.-to:before {
    top: 2.7rem;
    left: 14rem;
    right: 14rem;
    border-color: #5497e9;
  }
}
.purchase-breakdown__location.-to:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  width: 6rem;
  height: 4.5rem;
  margin-left: -2.8rem;
  background: #fff url(../images/planing-lookup__route-to.svg) no-repeat center center;
  background-size: 24px 24px;
}
@media (min-width: 1060px) {
  .purchase-breakdown__location.-to:after {
    width: 6.4rem;
    height: 5.5rem;
    margin-left: -3.2rem;
  }
}
.purchase-breakdown__code {
  display: inline-block;
  width: 100%;
  color: #000;
  font-weight: 700;
  font-size: 2.8rem;
  line-height: 1.5;
}
@media (min-width: 1060px) {
  .purchase-breakdown__code {
    font-size: 3.2rem;
  }
}
.purchase-breakdown__airport {
  display: block;
  margin-left: -0.4rem;
  padding: 0 0.5rem;
  color: #555;
  font-size: 1.2rem;
}
@media (min-width: 1060px) {
  .purchase-breakdown__airport {
    font-size: 1.4rem;
    line-height: 1.58;
  }
}
.purchase-breakdown__date {
  margin-top: 2rem;
  color: #000;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.58;
  text-align: center;
}
@media (min-width: 1060px) {
  .purchase-breakdown__date {
    margin-top: 1.4rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.purchase-breakdown__status {
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: 0.1rem dashed #d9dbe1;
}
@media (min-width: 1060px) {
  .purchase-breakdown__status {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: absolute;
    top: 2.3rem;
    right: 0;
    bottom: 2.3rem;
    width: 28.9%;
    margin: 0;
    padding: 0 4rem;
    border-top: 0;
    border-left: 0.1rem dashed #d9dbe1;
  }
}
.purchase-breakdown__use {
  color: #0064de;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .purchase-breakdown__use {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.purchase-breakdown__number {
  margin-top: 0.4rem;
  color: #000;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .purchase-breakdown__number {
    margin-top: 1rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.purchase-breakdown__button {
  display: block;
  width: 100%;
  height: 4.2rem;
  margin-top: 1.2rem;
  border-radius: 0.2rem;
  border: 0;
  outline: 0;
  background: #00256c;
  color: #fff;
  font-size: 1.4rem;
  line-height: 1.58;
  cursor: pointer;
}
@media (min-width: 1060px) {
  .purchase-breakdown__button {
    height: 4.8rem;
    margin-top: 0;
    font-size: 1.6rem;
    line-height: 1.58;
  }
}
.purchase-breakdown__button.-checkin {
  background: #0064de;
}
.purchase-breakdown__button:hover,
.purchase-breakdown__button:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.app .purchase-breakdown__button:hover,
.app .purchase-breakdown__button:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.purchase-breakdown__delete {
  display: inline-block;
  width: 4rem;
  height: 6rem;
  background: url(../images/cm-cart-delete.svg) no-repeat center center;
  background-size: 24px 24px;
  border: 0;
  background-color: transparent;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}
.purchase-breakdown__delete:hover,
.purchase-breakdown__delete:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .purchase-breakdown__delete:hover,
.app .purchase-breakdown__delete:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
@media (min-width: 1060px) {
  .booking-aligner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 4.8rem;
    margin-top: -1rem;
  }
}
.booking-bonus {
  display: flex;
  align-items: center;
  margin-bottom: 2rem;
}
@media (min-width: 1060px) {
  .booking-bonus {
    margin-bottom: 0;
  }
}
.booking-bonus__combobox {
  display: block;
  width: 100%;
}
@media (min-width: 1060px) {
  .booking-bonus__combobox {
    min-width: 20rem;
  }
}
.booking-bonus .opener {
  flex-shrink: 0;
}
.booking-type {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 2rem;
}
@media (min-width: 1060px) {
  .booking-type {
    margin-bottom: 0;
  }
}
.booking-type__item {
  display: flex;
  align-items: center;
  min-height: 3.6rem;
  margin-right: 2rem;
}
@media (min-width: 1060px) {
  .booking-type__item {
    margin-right: 4rem;
  }
}
.booking-type__item .selection {
  margin: 0.6rem 0;
}
.booking-type__button {
  display: inline-block;
  position: relative;
  padding-left: 3.2rem;
  border: 0;
  background: transparent none;
  color: #000;
  font-size: 1.4rem;
  line-height: 1.58;
  text-align: left;
}
@media (min-width: 1060px) {
  .booking-type__button {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.booking-type__button:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0.2rem;
  width: 2rem;
  height: 2rem;
  margin-top: -0.9rem;
  border: 1px solid #0064de;
  border-radius: 50%;
}
.booking-type__button[aria-pressed="true"]:before {
  border-width: 0.6rem;
}
.booking-type__button:hover,
.booking-type__button:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.app .booking-type__button:hover,
.app .booking-type__button:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.booking-visual {
  margin-top: -11rem;
  padding-top: 41.67%;
  background: url(../images/booking-visual--m.jpg) no-repeat 50% 100%;
  background-size: 100% auto;
}
@media (min-width: 768px) {
  .booking-visual {
    height: 20rem;
    padding: 0;
    background: url(../images/booking-visual--pc.jpg) no-repeat 50% 50%;
    background-size: auto 100%;
  }
}
@media (min-width: 1060px) {
  .booking-visual {
    height: 30rem;
    margin: -8rem -2rem 0;
    background: url(../images/booking-visual--pc.jpg) no-repeat 50% 50%;
    background-size: auto 100%;
  }
}
.flight-util {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 1.6rem 0 1.2rem;
}
@media (min-width: 1060px) {
  .flight-util {
    justify-content: space-between;
    margin-top: 5rem 0 2.4rem;
  }
}
.flight-util__wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.flight-util__wrap .-push {
  margin-left: auto !important;
}
.flight-util .-push {
  margin-left: auto !important;
}
.flight-util__list {
  display: flex;
  width: 100%;
}
@media (min-width: 1060px) {
  .flight-util__list {
    width: 70%;
  }
}
.flight-util__item {
  position: relative;
  margin-right: 0.8rem;
}
.flight-util__filter {
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  display: inline-block;
  width: 4.4rem;
  height: 3.6rem;
  border: 1px solid #767676;
  border-radius: 0.2rem;
  background: transparent url(../images/flight-util__filter.svg) no-repeat 50% 50%;
  background-size: 16px 16px;
  color: #000;
  font-size: 1.6rem;
  line-height: 1.5;
  cursor: pointer;
}
@media (min-width: 1060px) {
  .flight-util__filter {
    position: relative;
    text-indent: 0;
    width: auto;
    padding: 0 3.8rem 0 1.2rem;
    height: 4rem;
    border-color: #d9dbe1;
    background: transparent none;
  }
  .flight-util__filter:before {
    content: "";
    display: block;
    position: absolute;
    top: 1.2rem;
    right: 1.2rem;
    width: 1.6rem;
    height: 1.6rem;
    background: transparent url(../images/flight-util__filter--down.svg) no-repeat 50% 50%;
    background-size: 16px 16px;
  }
}
.flight-util__filter[aria-expanded=true] {
  border-color: #00256c;
}
.flight-util__filter[aria-disabled="true"] {
  border-bottom-color: #d9dbe1;
  color: #bcbcbc;
  cursor: not-allowed;
}
.flight-util__filter[aria-disabled="true"]:before {
  background-image: url(../images/flight-util__filter--down--disabled.svg);
}
.flight-util__filter:hover,
.flight-util__filter:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.app .flight-util__filter:hover,
.app .flight-util__filter:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
@media (min-width: 1060px) {
  .flight-util__filter:hover,
  .flight-util__filter:focus {
    outline: 0;
    border-radius: 0.3rem;
    box-shadow: inset 0 0 0 1px #0064de;
  }
  .app .flight-util__filter:hover,
  .app .flight-util__filter:focus {
    outline: 0 !important;
    box-shadow: none !important;
  }
}
.flight-util__rules {
  flex-shrink: 0;
}
.flight-util .option.-ghost {
  margin-left: 1.2rem;
}
@media (min-width: 1060px) {
  .flight-util .option.-ghost {
    margin-left: 2.4rem;
  }
}
.flight-util__options {
  display: flex;
  justify-content: flex-end;
  margin-top: 1rem;
  width: 100%;
}
@media (min-width: 1060px) {
  .flight-util__options {
    position: absolute;
    top: 0;
    right: 0;
    width: auto;
    margin: 0;
  }
}
.flight-util__options .selection + .selection {
  margin-left: 1.2rem;
}
@media (min-width: 1060px) {
  .flight-util__options .selection + .selection {
    margin-left: 2.4rem;
  }
}
.departure-info {
  margin: 1.2rem 0 2rem;
  padding: 1.6rem 2rem;
  border-radius: 0.2rem;
  background-color: #f8f9fc;
}
@media (min-width: 1060px) {
  .departure-info {
    display: flex;
    align-items: center;
    margin: 2rem 0;
    padding: 1.4rem 2.4rem;
  }
}
.departure-info__title {
  display: inline-block;
  color: #00256c;
  font-size: 1.4rem;
  line-height: 1.58;
  vertical-align: top;
}
@media (min-width: 1060px) {
  .departure-info__title {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.departure-info__route {
  display: inline-block;
  color: #00256c;
  font-size: 1.4rem;
  line-height: 1.58;
  vertical-align: top;
}
@media (min-width: 1060px) {
  .departure-info__route {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.departure-info__from {
  display: inline-block;
  margin-left: 0.6rem;
  vertical-align: top;
}
@media (min-width: 1060px) {
  .departure-info__from {
    margin-left: 2rem;
  }
}
.departure-info__to {
  display: inline-block;
  position: relative;
  margin-left: 2rem;
  vertical-align: top;
}
@media (min-width: 1060px) {
  .departure-info__to {
    margin-left: 3.2rem;
  }
}
.departure-info__to:before {
  content: "";
  position: absolute;
  top: 0.3rem;
  left: -2rem;
  width: 1.6rem;
  height: 1.6rem;
  background: url(../images/departure-info__to.svg) no-repeat 50% 50%;
  background-size: 16px 16px;
}
@media (min-width: 1060px) {
  .departure-info__to:before {
    top: 0.4rem;
    left: -2.6rem;
  }
}
.departure-info__airport {
  display: none;
}
@media (min-width: 1060px) {
  .departure-info__airport {
    display: inline;
    font-weight: normal;
  }
}
.departure-info__desc {
  margin-top: 0.3rem;
  color: #00256c;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .departure-info__desc {
    margin-left: 2.6rem;
  }
}
.ib-util {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}
.payment {
  position: relative;
  margin: 2rem -2rem 0;
  padding: 0 2rem;
}
@media (min-width: 1060px) {
  .payment {
    margin: 2rem 0 0;
    padding: 0 28rem 0 0;
  }
}
@media (min-width: 1060px) {
  .payment.-full {
    padding: 0;
  }
}
@media (min-width: 1060px) {
  .payment__contents {
    position: relative;
    z-index: 1;
  }
}
.payment__aside {
  display: block;
  position: absolute;
  top: 6rem;
  right: 0;
  width: 24rem;
}
@media (min-width: 1060px) {
  .payment__aside.-active {
    position: fixed;
    top: 12rem;
    left: 0;
    right: 0;
    width: auto;
    padding: 0 2rem;
  }
}
@media (min-width: 1060px) {
  .payment__aside.-active .payment__summary {
    position: relative;
    max-width: 128rem;
    height: 50rem;
    margin: 0 auto;
  }
}
.summary {
  display: none;
}
@media (min-width: 1060px) {
  .summary {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 24rem;
    border-top: 1px solid #d9dbe1;
    border-bottom: 1px solid #d9dbe1;
    background-color: #fff;
  }
}
.summary__title {
  display: block;
  margin-top: 3rem;
  color: #000;
  font-size: 1.6rem;
}
.summary__list {
  padding: 1.6rem 0 2rem;
  border-bottom: 1px solid #d9dbe1;
}
.summary__item {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.summary__item + .summary__item {
  margin-top: 0.8rem;
}
.summary__key {
  display: block;
  margin-top: 0.1rem;
  color: #000;
  font-size: 1.4rem;
  line-height: 1.58;
}
.summary__value {
  display: block;
  margin-left: auto;
  color: #000;
  font-size: 1.6rem;
  text-align: right;
}
.summary__value.-negative {
  color: #de001b;
}
.summary__sub-title {
  display: block;
  margin-top: 2rem;
  color: #000;
  font-size: 1.4rem;
  line-height: 1.71;
}
.summary__info {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 3.2rem 0;
}
.summary__total {
  width: 35%;
  padding-top: 0.3rem;
  color: #000;
  font-weight: 700;
  font-size: 1.6rem;
}
.summary__fare {
  display: inline-block;
  width: 65%;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent none;
  color: #0064de;
  font-size: 2rem;
  text-decoration: underline;
  text-align: right;
  cursor: pointer;
  appearance: none;
}
.summary__fare:hover,
.summary__fare:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.app .summary__fare:hover,
.app .summary__fare:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
div.summary__fare {
  color: #00256c;
  text-decoration: none;
  cursor: default;
}
div.summary__fare:hover,
div.summary__fare:focus {
  outline: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.summary__amount {
  display: inline-block;
  border-bottom: 2px solid #0064de;
}
div.summary__fare .summary__amount {
  border-bottom: 0;
}
.itinerary {
  margin-bottom: 4rem;
}
@media (min-width: 1060px) {
  .itinerary {
    margin-bottom: 6rem;
  }
}
.itinerary__list {
  margin: 1.2rem 0 0;
}
@media (min-width: 1060px) {
  .itinerary__list {
    margin-top: 2rem;
  }
}
.itinerary__item {
  position: relative;
  padding: 2rem;
  border: 1px solid #d9dbe1;
}
@media (min-width: 1060px) {
  .itinerary__item {
    display: flex;
    padding: 3rem 4rem;
  }
}
.itinerary__item + .itinerary__item {
  margin-top: 1.6rem;
}
.itinerary__title {
  display: block;
  margin-bottom: 1.2rem;
  font-size: 1.6rem;
}
@media (min-width: 1060px) {
  .itinerary__title {
    width: 10.5rem;
    margin: 0;
    line-height: 1.88;
  }
}
.itinerary__upgrade {
  display: inline-block;
  position: absolute;
  top: 2rem;
  right: 2rem;
  padding: 0.2rem 0.4rem;
  border-radius: 0.2rem;
  background-color: #eaf4ff;
  color: #0064de;
  font-size: 1.2rem;
  vertical-align: top;
}
@media (min-width: 1060px) {
  .itinerary__upgrade {
    position: relative;
    top: auto;
    right: auto;
    margin-top: 0.8rem;
  }
}
@media (min-width: 1060px) {
  .itinerary__bound {
    width: calc(100% - 10.5rem);
  }
}
.itinerary__seg + .itinerary__seg {
  position: relative;
  padding-top: 6.1rem;
}
@media (min-width: 1060px) {
  .itinerary__seg + .itinerary__seg {
    padding-top: 5.8rem;
  }
}
.itinerary__seg + .itinerary__seg:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 3rem;
  border-top: 1px solid #d9dbe1;
}
@media (min-width: 1060px) {
  .itinerary__seg + .itinerary__seg:before {
    top: 3rem;
    right: -4rem;
  }
}
.itinerary__route {
  margin-bottom: 0.8rem;
}
@media (min-width: 1060px) {
  .itinerary__route {
    margin: 0.1rem 0 0.7rem;
  }
}
.itinerary__from {
  display: inline;
  color: #000;
  font-size: 1.6rem;
}
@media (min-width: 1060px) {
  .itinerary__from {
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.itinerary__to {
  position: relative;
  display: inline;
  font-size: 1.6rem;
}
@media (min-width: 1060px) {
  .itinerary__to {
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.itinerary__to:before {
  content: "";
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  margin: 0 0.8rem;
  background: url(../images/itinerary__to.svg) no-repeat 50% 50%;
  background-size: 16px 16px;
  vertical-align: -0.2rem;
}
@media (min-width: 1060px) {
  .itinerary__to:before {
    margin: 0 1.6rem;
    vertical-align: 0;
  }
}
.itinerary__code {
  font-weight: 700;
  font-style: normal;
}
.itinerary__airport {
  margin-left: -0.4rem;
}
.itinerary__date {
  display: block;
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .itinerary__date {
    display: inline-block;
    line-height: 1.71;
    vertical-align: top;
  }
}
.itinerary__overtime {
  color: #0064de;
}
.itinerary__info {
  display: inline-block;
  margin-top: 0.2rem;
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
  vertical-align: top;
}
@media (min-width: 1060px) {
  .itinerary__info {
    margin: 0 3rem 0 1.2rem;
    line-height: 1.71;
  }
}
.itinerary__number {
  margin-right: 0.4rem;
  color: #000;
  font-weight: 700;
}
.itinerary__type {
  margin-right: 0.4rem;
}
@media (min-width: 1060px) {
  .itinerary__etc {
    display: inline-block;
    vertical-align: top;
  }
}
.itinerary__class {
  color: #00256c;
  font-size: 1.4rem;
  line-height: 1.58;
  margin-top: 0.4rem;
}
@media (min-width: 1060px) {
  .itinerary__class {
    display: inline-block;
    margin: 0;
    line-height: 1.71;
    vertical-align: top;
  }
}
.itinerary__codeshare {
  color: #00256c;
  font-size: 1.4rem;
  line-height: 1.58;
  margin-top: 0.4rem;
}
@media (min-width: 1060px) {
  .itinerary__codeshare {
    display: inline-block;
    margin: 0;
    line-height: 1.71;
    vertical-align: top;
  }
}
@media (min-width: 1060px) {
  .itinerary__class + .itinerary__codeshare {
    margin-left: 2rem;
  }
}
.baggage-info {
  margin-bottom: 1rem;
  border-top: 1px solid #dee0e2;
}
.baggage-info__seg {
  padding: 2rem 0 0.8rem;
  border-bottom: 1px solid #dee0e2;
}
.baggage-info__heading {
  display: flex;
  align-items: center;
}
.baggage-info__title {
  color: #00256c;
  font-weight: 700;
  font-size: 1.6rem;
}
.baggage-info__code {
  font-style: normal;
}
@media (min-width: 1060px) {
  .baggage-info__code {
    color: #000;
    font-weight: 700;
    font-size: 1.6rem;
  }
}
.baggage-info__code.-to {
  position: relative;
}
.baggage-info__code.-to:before {
  content: "";
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  margin: 0.4rem 1.2rem 0 0.8rem;
  background: url(../images/baggage-info__code--to.svg) no-repeat 50% 50%;
  background-size: 16px 16px;
  vertical-align: top;
}
@media (min-width: 1060px) {
  .baggage-info__code.-to:before {
    margin: 0.4rem 1.4rem 0 1rem;
  }
}
@media (min-width: 1340px) {
  .baggage-info__code.-to:before {
    margin: 0.4rem 2rem 0 1.6rem;
  }
}
.baggage-info__slash {
  display: inline-block;
  margin: 0 0.4rem;
  color: #555;
  font-size: 1.6rem;
}
.baggage-info__type {
  color: #555;
  font-size: 1.6rem;
}
.baggage-info__list {
  padding-top: 1.2rem;
}
.baggage-info__item {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0.8rem 0 1.2rem;
}
.baggage-info__key {
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
}
.baggage-info__value {
  color: #000;
  font-size: 1.4rem;
  line-height: 1.58;
}
.baggage-info__desc {
  display: block;
  width: 100%;
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
  text-align: right;
}
.tbody__td._center .baggage-info__desc {
  text-align: center;
}
.ib-title {
  text-align: left;
}
@media (min-width: 1060px) {
  .ib-title {
    display: flex;
    align-items: center;
  }
}
.ib-title__heading {
  display: block;
  color: #000;
  font-weight: 700;
  font-size: 1.6rem;
}
@media (min-width: 1060px) {
  .ib-title__heading {
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.ib-title__total {
  display: block;
  margin-top: 0.4rem;
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .ib-title__total {
    margin: 0 0 0 2rem;
    color: #000;
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.payment-miles {
  padding: 4rem 2rem;
}
@media (min-width: 1060px) {
  .payment-miles {
    padding: 4rem;
  }
}
.payment-miles.-use {
  padding-bottom: 1.2rem;
}
@media (min-width: 1060px) {
  .payment-miles.-use {
    padding-bottom: 1rem;
  }
}
.payment-miles__heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0.8rem 0 4rem 0;
}
.payment-miles__heading .h3 {
  margin: 0;
}
.payment-miles__mile {
  color: #000;
  font-size: 1.4rem;
  line-height: 1.71;
}
@media (min-width: 1060px) {
  .payment-miles__mile {
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.payment-miles__mile-num {
  display: inline-block;
  margin: 0;
  padding: 0;
  border: 0;
  background: none transparent;
  color: #0064de;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.71;
  text-decoration: underline;
  text-align: center;
  cursor: pointer;
  appearance: none;
}
@media (min-width: 1060px) {
  .payment-miles__mile-num {
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.payment-miles__mile-num:hover,
.payment-miles__mile-num:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.app .payment-miles__mile-num:hover,
.app .payment-miles__mile-num:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.payment-miles__miles {
  display: inline-block;
  margin: 0;
  padding: 0;
  border: 0;
  background: none transparent;
  color: #0064de;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.58;
  text-decoration: underline;
  text-align: center;
  cursor: pointer;
  appearance: none;
}
@media (min-width: 1060px) {
  .payment-miles__miles {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.payment-miles__miles:hover,
.payment-miles__miles:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.app .payment-miles__miles:hover,
.app .payment-miles__miles:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.payment-miles__item {
  margin-top: 4rem;
}
.payment-miles__item:first-child {
  margin-top: 0;
}
.payment-miles__title {
  display: block;
  margin-bottom: 0.4rem;
  color: #000;
  font-size: 1.6rem;
}
@media (min-width: 1060px) {
  .payment-miles__title {
    margin-bottom: 0.8rem;
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.payment-miles__fields {
  display: flex;
  justify-content: space-between;
  margin-top: 1.6rem;
}
@media (min-width: 1060px) {
  .payment-miles__fields {
    margin-top: 2rem;
  }
}
.payment-miles__field {
  width: calc(50% - 1rem);
}
@media (min-width: 1060px) {
  .payment-miles__field {
    width: calc(50% - 3.6rem);
  }
}
.payment-miles__plus {
  width: 2rem;
  margin-top: 3rem;
  color: #000;
  font-size: 1.6rem;
  text-align: center;
  vertical-align: top;
}
@media (min-width: 1060px) {
  .payment-miles__plus {
    width: 7.2rem;
    margin-top: 4.2rem;
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.payment-miles__expander {
  margin-top: 4rem;
  text-align: center;
}
@media (min-width: 1060px) {
  .payment-miles__expander {
    margin-top: 6rem;
  }
}
.payment-summary {
  padding: 1.6rem;
}
@media (min-width: 1060px) {
  .payment-summary {
    padding: 2.4rem 0;
  }
}
@media (min-width: 1060px) {
  .payment-summary__list {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
  }
}
.payment-summary__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (min-width: 1060px) {
  .payment-summary__item {
    justify-content: flex-start;
    padding: 0 1rem;
  }
}
.payment-summary__item + .payment-summary__item {
  margin-top: 1rem;
}
@media (min-width: 1060px) {
  .payment-summary__item + .payment-summary__item {
    margin-top: 0;
  }
}
.payment-summary__key {
  color: #00256c;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .payment-summary__key {
    font-size: 1.6rem;
    line-height: 1.38;
  }
}
.payment-summary__value {
  color: #00256c;
  font-weight: 700;
  font-size: 1.6rem;
}
@media (min-width: 1060px) {
  .payment-summary__value {
    margin-left: 1.6rem;
    font-size: 2rem;
  }
}
.payment-coupon {
  margin: 3.2rem 2rem 0;
}
@media (min-width: 1060px) {
  .payment-coupon {
    margin: 4rem 4rem 0;
  }
}
.payment-coupon[aria-hidden="true"] {
  display: none;
}
@media (min-width: 1060px) {
  .payment-coupon__list {
    display: flex;
  }
}
.payment-coupon__item {
  padding-bottom: 4rem;
}
@media (min-width: 1060px) {
  .payment-coupon__item {
    padding-bottom: 6rem;
  }
}
@media (min-width: 1060px) {
  .payment-coupon__item.-coupon {
    width: 34%;
  }
}
@media (min-width: 1060px) {
  .payment-coupon__item.-passenger {
    width: 26%;
    padding-left: 4rem;
  }
}
@media (min-width: 1060px) {
  .payment-coupon__item.-amount {
    width: 40%;
    padding-left: 4rem;
  }
}
@media (min-width: 1060px) {
  .payment-coupon__item.-search {
    width: 60%;
  }
}
.payment-coupon__amount {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: flex-start;
}
@media (min-width: 1060px) {
  .payment-coupon__amount {
    flex-wrap: nowrap;
  }
}
.payment-coupon__amount .option {
  margin-top: 1.6rem;
}
@media (min-width: 1060px) {
  .payment-coupon__amount .option {
    margin: 0.8rem 0 auto 2.2rem;
  }
}
.payment-coupon__combine {
  display: flex;
  width: 100%;
}
.payment-coupon__combine .forms {
  width: calc(100% - 3.6rem);
  padding-right: 0.8rem;
}
@media (min-width: 1060px) {
  .payment-coupon__combine .forms {
    padding-right: 0;
  }
}
.payment-coupon__combine .opener {
  margin-top: 0.6rem;
}
.payment-coupon__expander {
  padding-bottom: 1.2rem;
  text-align: center;
}
@media (min-width: 1060px) {
  .payment-coupon__expander {
    padding-bottom: 1rem;
  }
}
.payment-coupon__search {
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 4rem;
  height: 4rem;
  border: 0;
  border-bottom: 1px solid #00256c;
  background: url(../images/payment-coupon__search.svg) no-repeat 50% 50%;
  background-size: 24px 24px;
  appearance: none;
  cursor: pointer;
  z-index: 1;
}
@media (min-width: 1060px) {
  .payment-coupon__search {
    width: 4.8rem;
    height: 4.8rem;
  }
}
.forms.-error + .payment-coupon__search {
  border-bottom-color: #de001b;
}
.payment-coupon__search:hover,
.payment-coupon__search:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .payment-coupon__search:hover,
.app .payment-coupon__search:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.added-coupon {
  margin-top: 3.2rem;
  padding: 0 2rem 4rem;
}
@media (min-width: 1060px) {
  .added-coupon {
    margin-top: 4rem;
    padding: 0 4rem 4rem;
  }
}
.added-coupon__item {
  position: relative;
  padding: 2rem;
  border-radius: 0.2rem;
  background-color: #f8f9fc;
}
@media (min-width: 1060px) {
  .added-coupon__item {
    display: flex;
    align-items: center;
    padding: 2.2rem 8.4rem 2.2rem 3.2rem;
  }
}
.added-coupon__item + .added-coupon__item {
  margin-top: 1.2rem;
}
@media (min-width: 1060px) {
  .added-coupon__item + .added-coupon__item {
    margin-top: 2rem;
  }
}
.added-coupon__title {
  display: block;
  padding-right: 3.6rem;
  color: #00256c;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .added-coupon__title {
    width: 25%;
    padding-right: 1rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.added-coupon__info {
  display: block;
  margin: 1rem 0 0.8rem;
  color: #000;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .added-coupon__info {
    width: 48%;
    margin: 0;
    padding-right: 1rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.added-coupon__amount {
  color: #de001b;
  font-size: 1.6rem;
  text-align: right;
}
@media (min-width: 1060px) {
  .added-coupon__amount {
    width: 27%;
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.added-coupon__delete {
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  display: block;
  position: absolute;
  top: 0.8rem;
  right: 0.8rem;
  width: 4.8rem;
  height: 4.8rem;
  border: 0;
  background: url(../images/added-coupon__delete.svg) no-repeat 50% 50%;
  background-size: 24px 24px;
  appearance: none;
  cursor: pointer;
}
@media (min-width: 1060px) {
  .added-coupon__delete {
    top: 50%;
    margin-top: -2.4rem;
  }
}
.added-coupon__delete:hover,
.added-coupon__delete:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .added-coupon__delete:hover,
.app .added-coupon__delete:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.payment-divider {
  display: flex;
}
.payment-divider .opener {
  margin-top: -0.9rem;
}
.payment-method {
  max-width: calc(100% - 4rem);
  margin: 0 auto;
  padding-top: 1rem;
}
@media (min-width: 1060px) {
  .payment-method {
    display: flex;
    flex-wrap: wrap;
    max-width: calc(100% - 7.3rem);
    margin: -0.4rem auto;
    padding-top: 0;
  }
}
.payment-method__item {
  position: relative;
}
@media (min-width: 1060px) {
  .payment-method__item {
    width: 33.33333333%;
    padding: 0.4rem 0.35rem;
  }
}
.payment-method__item [type="radio"] {
  -webkit-appearance: none;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  outline: 0;
  margin: 0;
  padding: 0;
  border: 0;
  background: #fff;
}
@media (min-width: 1060px) {
  .payment-method__item [type="radio"] {
    top: 0.4rem;
    left: 0.35rem;
    width: calc(100% - 0.7rem);
    height: calc(100% - 0.8rem);
  }
}
.payment-method__item [type="radio"]:focus ~ label {
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.payment-method__item label {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 5.2rem;
  padding: 1.3rem 2.4rem;
  border: 0.1rem solid #d9dbe1;
  border-radius: 0.2rem;
  box-sizing: border-box;
  color: #000;
  font-size: 1.4rem;
  line-height: 1.58;
  vertical-align: top;
  text-indent: 0;
  text-align: center;
}
.payment-method__item label:hover:hover,
.payment-method__item label:hover:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.app .payment-method__item label:hover:hover,
.app .payment-method__item label:hover:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.payment-method__item [type="radio"]:checked ~ label {
  border-color: #0064de;
}
.payment-method__item [type="radio"]:checked ~ label:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0.4rem;
  width: 2.4rem;
  height: 2.4rem;
  margin-top: -1.2rem;
  background: url(../images/payment-method__item--checked.svg) no-repeat 50% 50%;
  background-size: 24px 24px;
}
.payment-method__item + .payment-method__item {
  margin-top: 0.8rem;
}
@media (min-width: 1060px) {
  .payment-method__item + .payment-method__item {
    margin: 0;
  }
}
.payment-method__icon {
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  margin-right: 0.4rem;
  vertical-align: top;
}
@media (min-width: 1060px) {
  .payment-method__icon {
    margin-right: 0.8rem;
  }
}
.payment-method__icon.-direct {
  background: url(../images/payment-method__item--direct.svg) no-repeat 50% 50%;
  background-size: 24px 24px;
}
.payment-method__icon.-kakaopay {
  width: 5.5rem;
  background: url(../images/payment-method__item--kakaopay.png) no-repeat 50% 50%;
  background-size: 55px 22px;
}
.payment-method__icon.-payco {
  width: 5.8rem;
  background: url(../images/payment-method__item--payco.svg) no-repeat 50% 50%;
  background-size: 58px 22px;
}
.payment-method__icon.-toss {
  width: 6.4rem;
  background: url(../images/payment-method__item--toss.png) no-repeat 50% 50%;
  background-size: 64px 20px;
}
.payment-method__icon.-samsungpay {
  width: 10.8rem;
  background: url(../images/payment-method__item--samsungpay.svg) no-repeat 50% 50%;
  background-size: 108px 16px;
}
.payment-method__icon.-trans {
  background: url(../images/payment-method__item--trans.svg) no-repeat 50% 50%;
  background-size: 24px 24px;
}
.payment-method__icon.-debit {
  background: url(../images/payment-method__item--debit.svg) no-repeat 50% 50%;
  background-size: 24px 24px;
}
.payment-method__icon.-paypal {
  width: 7.8rem;
  background: url(../images/payment-method__item--paypal.png) no-repeat 50% 50%;
  background-size: 78px 19px;
}
.payment-method__icon.-store {
  background: url(../images/payment-method__item--store.svg) no-repeat 50% 50%;
  background-size: 24px 24px;
}
.payment-method__icon.-alipay {
  width: 6.3rem;
  background: url(../images/payment-method__item--alipay.svg) no-repeat 50% 50%;
  background-size: 63px 22px;
}
.payment-method__icon.-unionpay {
  width: 9.4rem;
  background: url(../images/payment-method__item--unionpay.svg) no-repeat 50% 50%;
  background-size: 94px 22px;
}
.payment-method__icon.-applepay {
  width: 4.2rem;
  background: url(../images/payment-method__item--applepay.png) no-repeat 50% 50%;
  background-size: 42px 20px;
}
.kal-card {
  position: relative;
  margin-bottom: 2.4rem;
  padding: 1rem 1rem 0;
  text-align: center;
}
@media (min-width: 1060px) {
  .kal-card {
    display: flex;
    margin-bottom: 4rem;
    padding: 0 3.2rem 0 4rem;
    text-align: left;
  }
}
@media (min-width: 1060px) {
  .kal-card__visual {
    flex-shrink: 0;
    display: inline-block;
    margin-right: 2rem;
  }
}
@media (min-width: 1060px) {
  .kal-card__visual.-regist {
    margin-right: 4rem;
  }
}
.kal-card__img {
  width: 7.7rem;
  vertical-align: top;
}
@media (min-width: 1060px) {
  .kal-card__img {
    display: inline-block;
  }
}
.kal-card__title {
  display: block;
  margin: 2rem 0 1.2rem;
  color: #000;
  font-size: 1.4rem;
  line-height: 1.71;
}
@media (min-width: 1060px) {
  .kal-card__title {
    margin: 0 0 1.4rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.kal-card__item {
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
}
.kal-card__item + .kal-card__item {
  margin-top: 0.8rem;
}
@media (min-width: 1060px) {
  .kal-card__item + .kal-card__item {
    margin-top: 0.4rem;
  }
}
.kal-card .option {
  margin-top: 1.6rem;
}
@media (min-width: 1060px) {
  .kal-card .option {
    margin-top: 1.2rem;
  }
}
.route {
  margin: 2rem 0 4rem;
}
@media (min-width: 1060px) {
  .route {
    position: relative;
    margin: 2.4rem 0 6rem;
  }
}
.route__item {
  position: relative;
  border-bottom: 1px solid #d9dbe1;
}
@media (min-width: 1060px) {
  .route__item {
    display: flex;
    justify-content: space-between;
    border-bottom: 0;
  }
}
.route__item.-active {
  margin: 0 -2rem;
  padding: 0 2rem;
  border-bottom: 0;
  z-index: 1;
}
@media (min-width: 1060px) {
  .route__item.-active {
    margin: 0;
    padding: 0;
  }
}
.route__item.-complete {
  margin-bottom: 2rem;
  border: 1px solid #d9dbe1;
  border-radius: 0.2rem;
}
@media (min-width: 1060px) {
  .route__item.-complete {
    display: flex;
  }
}
@media (min-width: 1060px) {
  .route__aligner {
    width: 100%;
    margin-top: 1.8rem;
  }
}
.route__info {
  position: relative;
  padding: 3.2rem 2rem;
}
@media (min-width: 1060px) {
  .route__info {
    display: flex;
    align-items: center;
    width: 38rem;
    min-height: 15.6rem;
    margin-top: 1.2rem;
    margin-bottom: auto;
    padding: 2rem 4rem 2rem 2rem;
  }
  .route__info:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 36rem;
    border-bottom: 1px solid #d9dbe1;
  }
}
.route__item.-active .route__info {
  padding: 2.1rem 2rem 2.4rem;
  background-color: #f3f9ff;
}
@media (min-width: 1060px) {
  .route__item.-active .route__info {
    margin-top: 0;
    padding: 2rem 4rem 2rem 2rem;
  }
  .route__item.-active .route__info:before {
    display: none;
  }
}
.route__item.-complete .route__info {
  padding: 2.1rem 2rem 2.4rem;
}
@media (min-width: 1060px) {
  .route__item.-complete .route__info {
    margin: 0;
    padding: 2rem 4rem 2rem 2rem;
  }
  .route__item.-complete .route__info:before {
    display: none;
  }
}
.route__title {
  color: #767676;
  font-weight: normal;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .route__title {
    position: absolute;
    top: 2rem;
    left: 2rem;
  }
}
.route__item.-active .route__title,
.route__item.-complete .route__title {
  color: #000;
}
.route__title[tabindex]:hover,
.route__title[tabindex]:focus {
  outline: 0;
}
.route__aligner {
  position: relative;
}
.route__aligner:before {
  content: "";
  display: block;
  position: absolute;
  top: 3rem;
  left: 10rem;
  right: 10rem;
  border-top: 1px dashed #767676;
}
@media (min-width: 1060px) {
  .route__aligner:before {
    top: 1.5rem;
    left: 12rem;
    right: 12rem;
  }
}
.route__item.-active .route__aligner:before,
.route__item.-complete .route__aligner:before {
  border-color: #0064de;
}
.route__aligner:after {
  content: "";
  display: block;
  position: absolute;
  top: 1rem;
  left: 50%;
  width: 4rem;
  height: 4rem;
  margin-left: -2rem;
  background: #fff url(../images/route__item.svg) no-repeat 50% 50%;
  background-size: 24px 24px;
}
@media (min-width: 1060px) {
  .route__aligner:after {
    top: -0.1rem;
    width: 3.2rem;
    height: 3.2rem;
    margin-left: -1.6rem;
  }
}
.route__item.-active .route__aligner:after {
  background: #f8fbff url(../images/route__item--active.svg) no-repeat 50% 50%;
  background-size: 24px 24px;
}
.route__item.-complete .route__aligner:after {
  background: #fff url(../images/route__item--active.svg) no-repeat 50% 50%;
  background-size: 24px 24px;
}
.route__route {
  display: flex;
  justify-content: space-between;
  position: relative;
  padding: 1.2rem 1rem 0 1.2rem;
}
@media (min-width: 1060px) {
  .route__route {
    padding: 0 3rem;
  }
}
.route__from {
  width: 8.4rem;
  text-align: center;
}
@media (min-width: 1060px) {
  .route__from {
    width: 8.8rem;
  }
}
.route__to {
  width: 8.4rem;
  text-align: center;
}
@media (min-width: 1060px) {
  .route__to {
    width: 8.8rem;
  }
}
.route__code {
  display: block;
  color: #555;
  font-size: 2.4rem;
  font-style: normal;
}
@media (min-width: 1060px) {
  .route__code {
    font-size: 2rem;
  }
}
.route__item.-active .route__code,
.route__item.-complete .route__code {
  color: #000;
  font-weight: 700;
}
.route__airport {
  display: block;
  margin-left: -0.4rem;
  color: #555;
  font-size: 1.2rem;
}
.route__date {
  display: block;
  margin-top: 0.8rem;
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
  text-align: center;
}
@media (min-width: 1060px) {
  .route__date {
    margin-top: 0.4rem;
  }
}
.route__item.-active .route__date,
.route__item.-complete .route__date {
  color: #000;
  font-weight: 700;
}
.route__select {
  overflow: hidden;
  white-space: nowrap;
  text-indent: 200%;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  border: 0;
  background: transparent none;
  appearance: none;
}
@media (min-width: 1060px) {
  .route__select {
    width: calc(100% - 2.4rem);
  }
}
.route__select:hover,
.route__select:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .route__select:hover,
.app .route__select:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.route__select[aria-disabled="true"] {
  cursor: not-allowed;
}
.route__contents {
  display: none;
}
@media (min-width: 1060px) {
  .route__contents {
    position: absolute;
    top: 0;
    left: 38rem;
    right: 0;
  }
}
.route__item.-active .route__contents {
  display: block;
  padding-bottom: 2rem;
  background-color: #f3f9ff;
}
@media (min-width: 1060px) {
  .route__item.-active .route__contents {
    padding-bottom: 4rem;
  }
}
.route__item.-complete .route__contents {
  display: block;
}
@media (min-width: 1060px) {
  .route__item.-complete .route__contents {
    display: flex;
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    width: calc(100% - 38rem);
  }
}
@media (min-width: 1060px) {
  .route__util {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    padding: 2rem 3.4rem 2rem 0;
  }
  .route__util .forms {
    margin-right: 1rem;
  }
  .route__util .forms select {
    min-width: 19rem;
  }
  .route__util .opener {
    background: url(../images/route__opener.svg) no-repeat 50% 50%;
    background-size: 24px 24px;
  }
}
.route__time {
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  display: block;
  position: absolute;
  top: 0.8rem;
  right: 2.8rem;
  width: 4.8rem;
  height: 4.8rem;
  margin: 0;
  padding: 0;
  border: 0;
  background: url(../images/route__time.svg) no-repeat 50% 50%;
  background-size: 18px 18px;
  text-decoration: none;
  text-align: center;
  appearance: none;
}
.route__time:hover,
.route__time:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .route__time:hover,
.app .route__time:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.route__label {
  margin-right: 1.2rem;
  font-size: 1.4rem;
  line-height: 1.58;
}
.route__hour {
  position: relative;
  margin-right: 1rem;
}
.route__hour select {
  box-sizing: border-box;
  appearance: none;
  display: block;
  width: 100%;
  min-width: 19rem;
  height: 4rem;
  margin: 0;
  padding: 0 4rem 0 1.1rem;
  border: 1px solid #d9dbe1;
  border-radius: 0.2rem;
  background: #fff;
  color: #000;
  font-size: 1.6rem;
  line-height: 1.5;
}
.route__hour select::-ms-expand {
  display: none;
}
.route__hour select:hover,
.route__hour select:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .route__hour select:hover,
.app .route__hour select:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.route__hour:before {
  content: "";
  display: block;
  position: absolute;
  top: 1.2rem;
  right: 1.2rem;
  width: 1.6rem;
  height: 1.6rem;
  background: #fff url(../images/route__hour.svg) no-repeat right center;
  background-size: 16px 16px;
}
.route__detail {
  position: absolute;
  top: 2rem;
  right: 2rem;
}
@media (min-width: 1060px) {
  .route__detail {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 12.1rem;
    width: 17%;
    padding: 0 0.1rem;
    text-align: center;
  }
}
.route__reselection {
  display: block;
  width: 100%;
  height: 5.6rem;
  margin: 0;
  padding: 1.7rem 1rem;
  border: 0;
  border-top: 1px solid #d9dbe1;
  background: #fff;
  color: #00256c;
  font-size: 1.4rem;
  line-height: 1.58;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  appearance: none;
}
@media (min-width: 1060px) {
  .route__reselection {
    width: 12.1rem;
    height: 100%;
    border-top: 0;
    border-left: 1px solid #d9dbe1;
  }
}
.route__reselection:before {
  content: "";
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  margin-right: 0.8rem;
  background: #fff url(../images/route__reselection.svg) no-repeat 50% 50%;
  background-size: 24px 24px;
  vertical-align: top;
}
@media (min-width: 1060px) {
  .route__reselection:before {
    display: block;
    margin: 0 auto 0.4rem;
  }
}
.route__reselection:hover,
.route__reselection:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .route__reselection:hover,
.app .route__reselection:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.bound {
  position: relative;
  margin: 0 1.2rem;
}
@media (min-width: 1060px) {
  .bound {
    margin: 0 4rem;
  }
}
.bound + .bound {
  margin-top: 1.6rem;
}
@media (min-width: 1060px) {
  .bound + .bound {
    margin-top: 2rem;
  }
}
.bound__item {
  display: block;
  position: relative;
  width: 100%;
  padding: 2rem 2rem 6.4rem;
  border: 1px solid #d9dbe1;
  background: #fff url(../images/bound__item.svg) no-repeat 2rem 2rem;
  background-size: 24px 24px;
  text-align: left;
  appearance: none;
}
@media (min-width: 1060px) {
  .bound__item {
    display: flex;
    justify-content: space-between;
    padding: 3.2rem 0 3.2rem 7.6rem;
    background-position: 4rem 3.2rem;
  }
}
.bound__item.-active {
  border: 0.2rem solid #00256c;
  background-image: url(../images/bound__item--checked.svg);
}
.bound__item:hover,
.bound__item:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.app .bound__item:hover,
.app .bound__item:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.bound__item[disabled] {
  border-color: #f3f4f8;
  background-color: #f3f4f8;
  background-image: url(../images/bound__item--disabled.svg);
  cursor: not-allowed;
}
.bound__item[disabled]:hover,
.bound__item[disabled]:focus {
  outline: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
@media (min-width: 1060px) {
  .bound__seg-list {
    width: 75%;
  }
}
@media (min-width: 1340px) {
  .bound__seg-list {
    width: 70%;
  }
}
.bound__selected {
  margin: 0 2rem;
  border-top: 1px solid #d9dbe1;
}
@media (min-width: 1060px) {
  .bound__selected {
    position: relative;
    width: calc(100% - 12.1rem);
    margin: 3.2rem 0;
    padding: 0 0 0 1.7rem;
    border: 0;
  }
  .bound__selected:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -2.3rem;
    border-left: 1px dashed #d9dbe1;
  }
}
.bound__selected[tabindex]:focus {
  position: relative;
  outline: 0;
}
.bound__selected[tabindex]:focus:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: -2rem;
  right: -2rem;
  height: 100%;
  outline: 1px solid #0064de;
}
@media (min-width: 1060px) {
  .bound__selected[tabindex]:focus:after {
    top: -3.2rem;
    bottom: -3.2rem;
    right: auto;
    width: 83%;
    height: auto;
  }
}
.bound__seg {
  display: block;
  width: 100%;
}
@media (min-width: 1060px) {
  .bound__seg {
    display: flex;
  }
}
.bound__seg + .bound__seg {
  margin-top: 2rem;
  padding-top: 2.1rem;
  border-top: 1px dashed #d9dbe1;
}
@media (min-width: 1060px) {
  .bound__seg + .bound__seg {
    margin-top: 0;
    padding-top: 4.2rem;
    border: 0;
  }
}
.bound__selected-seg {
  position: relative;
  padding: 2.4rem 0;
}
@media (min-width: 1060px) {
  .bound__selected-seg {
    display: flex;
    padding: 2.1rem 0 0.3rem;
  }
}
.bound__selected-seg + .bound__selected-seg {
  border-top: 1px dashed #d9dbe1;
}
@media (min-width: 1060px) {
  .bound__selected-seg + .bound__selected-seg {
    border-top: 0;
    padding-top: 4rem;
  }
}
@media (min-width: 1060px) {
  .bound__info {
    width: 23.16%;
  }
}
.bound__number {
  display: inline-block;
  margin-left: 3.2rem;
  color: #000;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.58;
  vertical-align: top;
}
@media (min-width: 1060px) {
  .bound__number {
    width: 25%;
    margin: 0;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.bound__seg + .bound__seg .bound__number {
  margin-left: 0;
}
.bound__item[disabled] .bound__number {
  color: #555;
  font-weight: normal;
}
.bound__selected-seg .bound__number {
  margin-left: 0;
}
@media (min-width: 1060px) {
  .bound__selected-seg .bound__number {
    width: auto;
  }
}
.bound__number .code-share {
  vertical-align: -0.2rem;
}
.bound__class {
  display: inline-block;
  position: absolute;
  top: 2.6rem;
  right: 0;
  color: #555;
  font-size: 1.2rem;
  vertical-align: top;
}
@media (min-width: 1060px) {
  .bound__class {
    display: block;
    position: relative;
    top: auto;
    right: auto;
    margin: 0.4rem 0 0 -0.4rem;
    font-size: 1.4rem;
    line-height: 1.58;
  }
}
.bound__aligner {
  position: relative;
  display: block;
  width: 100%;
}
@media (min-width: 1060px) {
  .bound__aligner {
    width: 75%;
  }
}
@media (min-width: 1060px) {
  .bound__selected-seg .bound__aligner {
    width: 51.05%;
  }
}
.bound__route {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-top: 1.9rem;
}
@media (min-width: 1060px) {
  .bound__route {
    margin-top: 0;
  }
}
.bound__selected-seg .bound__route {
  margin-top: 2.4rem;
}
@media (min-width: 1060px) {
  .bound__selected-seg .bound__route {
    margin: 0;
  }
}
.bound__to .bound__code {
  text-align: right;
}
.bound__time {
  display: block;
  color: #000;
  font-weight: 700;
  font-size: 2rem;
}
.bound__item[disabled] .bound__time {
  color: #555;
  font-weight: normal;
}
.bound__overtime {
  display: inline-block;
  position: absolute;
  top: -1.8rem;
  right: 0;
  color: #0064de;
  font-size: 1.2rem;
  vertical-align: top;
}
@media (min-width: 1060px) {
  .bound__overtime {
    top: -2.2rem;
    font-size: 1.4rem;
    line-height: 1.58;
  }
}
.bound__item[disabled] .bound__overtime {
  color: #555;
}
.bound__code {
  display: block;
  color: #767676;
  font-size: 1.2rem;
}
@media (min-width: 1060px) {
  .bound__code {
    font-size: 1.4rem;
    line-height: 1.58;
  }
}
.bound__item[disabled] .bound__code {
  color: #555;
}
.bound__direction {
  position: absolute;
  top: 0;
  left: 6.2rem;
  right: 6.2rem;
  min-width: 10rem;
  background: url(../images/bound__direction.svg) no-repeat 50% 2rem;
  background-size: 100px 8px;
  text-align: center;
}
@media (max-width: 359px) {
  .bound__direction {
    left: 5.9rem;
    right: 5.9rem;
  }
}
@media (min-width: 1060px) {
  .bound__direction {
    background-position: 50% 2.2rem;
  }
}
@media (min-width: 1340px) {
  .bound__direction {
    left: 9.4rem;
    right: 9.4rem;
    min-width: 20rem;
    background: url(../images/bound__direction--large.svg) no-repeat 50% 2.2rem;
    background-size: 200px 8px;
  }
}
.bound__direction.-stop:before {
  content: "";
  display: block;
  position: absolute;
  top: 2.1rem;
  left: 50%;
  width: 0.7rem;
  height: 0.7rem;
  border: 1px solid #767676;
  border-radius: 50%;
  background-color: #fff;
}
@media (min-width: 1060px) {
  .bound__direction.-stop:before {
    top: 2.3rem;
  }
}
.bound__duration {
  display: inline-block;
  width: 100%;
  margin-bottom: 1.2rem;
  color: #00256c;
  font-size: 1.2rem;
  vertical-align: top;
}
@media (min-width: 1060px) {
  .bound__duration {
    font-size: 1.4rem;
    line-height: 1.58;
  }
}
.bound__item[disabled] .bound__duration {
  color: #555;
}
.bound__stops {
  display: inline-block;
  color: #00256c;
  font-size: 1.2rem;
  vertical-align: top;
}
@media (min-width: 1060px) {
  .bound__stops {
    font-size: 1.4rem;
    line-height: 1.58;
  }
}
.bound__item[disabled] .bound__stops {
  color: #555;
}
.bound__util {
  position: absolute;
  bottom: 2rem;
  right: 2rem;
}
@media (min-width: 1060px) {
  .bound__util {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column-reverse;
    top: 0;
    bottom: 0;
    right: 0;
    width: 20%;
    padding: 0 0.1rem;
    text-align: center;
  }
}
@media (min-width: 1340px) {
  .bound__util {
    width: 23.5%;
  }
}
.bound__seat {
  display: inline-block;
  margin-right: 1.6rem;
  color: #767676;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .bound__seat {
    width: 100%;
    margin: 0.2rem 0 0;
  }
}
.bound__seat.-warning {
  color: #de001b;
}
.bound__disabled {
  display: inline-block;
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .bound__disabled {
    width: 100%;
  }
}
.fare-select {
  width: 100%;
  margin: 2rem 0 8rem;
  padding: 2rem;
  border: 1px solid #d9dbe1;
}
@media (min-width: 1060px) {
  .fare-select {
    margin-bottom: 14rem;
    padding: 3.2rem 4rem 3.4rem;
  }
}
@media (min-width: 1060px) {
  .fare-select__aligner {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
@media (min-width: 1060px) {
  .fare-select__list {
    display: flex;
    width: 80%;
  }
}
@media (min-width: 1060px) {
  .fare-select__item {
    display: flex;
  }
}
.fare-select__item + .fare-select__item {
  margin-top: 3.4rem;
}
@media (min-width: 1060px) {
  .fare-select__item + .fare-select__item {
    margin: 0 0 0 4rem;
  }
}
@media (min-width: 1340px) {
  .fare-select__item + .fare-select__item {
    margin: 0 0 0 8rem;
  }
}
@media (min-width: 1060px) {
  .fare-select__item .forms {
    width: 20rem;
  }
}
@media (min-width: 1340px) {
  .fare-select__item .forms {
    width: 24rem;
  }
}
.fare-select__heading {
  display: flex;
  align-items: center;
  margin-bottom: 0.7rem;
}
@media (min-width: 1060px) {
  .fare-select__heading {
    margin: 0 2rem 0 0;
  }
}
.fare-select__title {
  color: #000;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .fare-select__title {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.fare-select__buttons {
  margin: 2rem 0;
}
@media (min-width: 1060px) {
  .fare-select__buttons {
    margin: 0;
  }
}
.fare-select__buttons .-expand {
  width: 100%;
}
@media (min-width: 1060px) {
  .fare-select__buttons .-expand {
    width: auto;
  }
}
.fare-result {
  margin-top: 4rem;
}
.fare-result.-landing {
  margin: 2rem 0 4rem;
}
.fare-result__calc {
  border-top: 1px solid #dee0e2;
  border-bottom: 1px solid #dee0e2;
}
.fare-result__title {
  margin: 1.6rem 1.2rem 0;
  color: #000;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .fare-result__title {
    margin: 2rem 3.2rem 0;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.fare-result__list {
  padding: 0 1.2rem 0.8rem;
}
@media (min-width: 1060px) {
  .fare-result__list {
    padding: 0 3.2rem 1.2rem;
  }
}
.fare-result__item {
  display: flex;
  justify-content: space-between;
  margin: 0.8rem 0;
}
.fare-result__key {
  flex: 5;
  color: #000;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .fare-result__key {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.fare-result__value {
  flex: 3;
  padding-left: 0.8rem;
  font-size: 1.4rem;
  line-height: 1.58;
  text-align: right;
}
@media (min-width: 1060px) {
  .fare-result__value {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.fare-result__summary {
  display: flex;
  justify-content: space-between;
  padding: 1.6rem 1.2rem;
  border-top: 1px solid #dee0e2;
  background-color: #f8f9fc;
}
@media (min-width: 1060px) {
  .fare-result__summary {
    align-items: center;
    padding: 2rem 3.2rem;
  }
}
.fare-result__total {
  width: 31.25%;
  margin-top: 0.1rem;
  color: #00256c;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .fare-result__total {
    margin-top: 0;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.fare-result__fares {
  display: inline-block;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent none;
  color: #0064de;
  font-size: 1.6rem;
  text-align: right;
  appearance: none;
}
@media (min-width: 1060px) {
  .fare-result__fares {
    border-bottom: 0.2rem solid #0064de;
    font-weight: 700;
    font-size: 2rem;
  }
}
.fare-result__fares:hover,
.fare-result__fares:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.app .fare-result__fares:hover,
.app .fare-result__fares:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.fare-result__fare {
  display: inline-block;
  vertical-align: top;
}
.fare-result__fare:last-child {
  border-bottom: 1px solid #0064de;
}
@media (min-width: 1060px) {
  .fare-result__fare:last-child {
    border-bottom: 0;
  }
}
.fare-result__conditions {
  margin-top: 4rem;
}
.fare-result__conditions .expander {
  margin-bottom: 1.2rem;
}
@media (min-width: 1060px) {
  .fare-result__conditions .expander {
    margin-bottom: 2rem;
  }
}
.route-error {
  margin-top: 2rem;
  padding: 2rem;
  background-color: #f8f9fc;
}
@media (min-width: 1060px) {
  .route-error {
    display: flex;
    padding: 2.4rem 4rem;
  }
}
.route-error__title {
  display: block;
  width: 100%;
  padding-bottom: 0.8rem;
  border-bottom: 1px solid #d9dbe1;
  color: #000;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .route-error__title {
    flex: 1;
    border-bottom: 0;
    border-right: 1px solid #d9dbe1;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.route-error__info {
  padding-top: 1.2rem;
}
@media (min-width: 1060px) {
  .route-error__info {
    flex: 5;
    padding: 0 0 0 4rem;
  }
}
.route-error__number {
  display: inline-block;
  color: #00256c;
  font-size: 1.4rem;
  line-height: 1.58;
  vertical-align: top;
}
@media (min-width: 1060px) {
  .route-error__number {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.route-error__date {
  display: inline-block;
  margin-left: 1.6rem;
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
  vertical-align: top;
}
@media (min-width: 1060px) {
  .route-error__date {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.route-error__route {
  width: 100%;
  padding-top: 0.9rem;
}
@media (min-width: 1060px) {
  .route-error__route {
    padding-top: 0.8rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.route-error__from {
  display: inline;
}
.route-error__to {
  display: inline;
  position: relative;
  padding-left: 2.8rem;
}
@media (min-width: 1060px) {
  .route-error__to {
    padding-left: 3.6rem;
  }
}
.route-error__to:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 2.4rem;
  height: 2.4rem;
  background: url(../images/route-error__to.svg) no-repeat 50% 50%;
  background-size: 16px 16px;
}
@media (min-width: 1060px) {
  .route-error__to:before {
    left: 0.4rem;
  }
}
.route-error__code {
  color: #000;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .route-error__code {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.route-error__airport {
  color: #767676;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .route-error__airport {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.route-error__desc {
  margin-top: 1.7rem;
}
@media (min-width: 1060px) {
  .route-error__desc {
    margin-top: 2rem;
  }
}
.route-error__class {
  display: block;
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .route-error__class {
    display: inline-block;
    font-size: 1.6rem;
    line-height: 1.5;
    vertical-align: top;
  }
}
.route-error__available {
  display: block;
  margin-top: 0.8rem;
  color: #0064de;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .route-error__available {
    display: inline-block;
    margin: 0 0 0 5.6rem;
    font-size: 1.6rem;
    line-height: 1.5;
    vertical-align: top;
  }
}
.status-search__area {
  position: relative;
  margin-top: 2rem;
  padding: 0 2rem;
  border: 1px solid #d9dbe1;
  border-top: 0.4rem solid #c7f3ff;
  box-shadow: 0.2rem 1.6rem 2rem 0 rgba(35, 55, 94, 0.14);
}
@media (min-width: 1060px) {
  .status-search__area {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    box-shadow: 0.3rem 1.8rem 2.6rem 0 rgba(68, 92, 114, 0.16);
  }
}
.status-search__area:before {
  content: "";
  display: block;
  position: absolute;
  top: -0.4rem;
  right: -0.1rem;
  width: 28.125%;
  height: 0.4rem;
  background: #00256c url(../images/booking--edge.svg) no-repeat 0 0;
  background-size: 20px 4px;
}
@media (min-width: 1060px) {
  .status-search__area:before {
    width: 80.6%;
  }
}
.status-search__date {
  padding: 1.45rem 0;
  border-bottom: 1px solid #d9dbe1;
}
@media (min-width: 1060px) {
  .status-search__date {
    width: 25.4rem;
    padding: 3.5rem 6rem;
    border: 0;
    border-right: 1px solid #d9dbe1;
  }
}
.status-search__datepicker {
  cursor: pointer;
  display: block;
  width: 100%;
  height: auto;
  padding: 1.1rem 0;
  border: 0;
  background: none transparent;
  font-weight: 700;
}
.status-search__datepicker:hover,
.status-search__datepicker:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .status-search__datepicker:hover,
.app .status-search__datepicker:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.status-search__dateview {
  display: inline-block;
  padding-left: 2.8rem;
  background: url(../images/booking__date.svg) no-repeat 0 50%;
  background-size: 24px 24px;
  font-size: 1.4rem;
  font-weight: 700;
  color: #000;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .status-search__condition {
    flex: 1;
    margin-left: -0.1rem;
    padding: 3.2rem 4rem;
    border-left: 1px solid #d9dbe1;
  }
}
@media (min-width: 1060px) {
  .status-search__group {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
.status-search__title {
  width: 100%;
  height: auto;
  padding: 2.4rem 2rem;
  padding-bottom: 0;
}
@media (min-width: 1060px) {
  .status-search__title {
    padding: 0;
  }
}
.status-search__aviation {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  padding: 2.4rem 2rem;
  padding-top: 0;
}
@media (min-width: 1060px) {
  .status-search__aviation {
    width: 36%;
    padding: 0;
  }
}
.status-search__forms {
  flex: 1;
  display: flex;
  align-items: center;
  margin-right: 2.4rem;
}
@media (min-width: 1060px) {
  .status-search__forms {
    margin-right: 6rem;
  }
}
.status-search__forms .forms {
  flex: 1;
}
.status-search__prefix {
  margin-right: 2rem;
  font-size: 1.6rem;
  font-weight: normal;
  color: #000;
  line-height: 1.5;
}
@media (min-width: 1060px) {
  .status-search__prefix {
    margin-right: 1.2rem;
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.status-search__or {
  font-size: 1.4rem;
  font-weight: normal;
  color: #0064de;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .status-search__or {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.status-search__journey {
  overflow: hidden;
  position: relative;
  padding: 0.8rem 0 4rem 0;
}
@media (min-width: 1060px) {
  .status-search__journey {
    width: 64%;
    padding: 0 0 0 4rem;
  }
}
.status-search__journey:after {
  content: "";
  display: block;
  clear: both;
}
@media (min-width: 1060px) {
  .status-search__journey > * {
    width: 100%;
  }
}
.status-search__button {
  cursor: pointer;
  display: block;
  width: calc(50% - 2.8rem);
  border: 0;
  background: #fff;
}
.status-search__button.-from {
  float: left;
}
.status-search__button.-to {
  float: right;
}
.status-search__button:hover,
.status-search__button:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .status-search__button:hover,
.app .status-search__button:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.status-search__code {
  display: block;
  font-style: normal;
  font-size: 2rem;
  font-weight: bold;
  color: #000;
  line-height: 1.5;
}
@media (min-width: 1060px) {
  .status-search__code {
    font-size: 2.4rem;
    line-height: 1.5;
  }
}
.status-search__button.-off .status-search__code {
  color: #767676;
}
.status-search__airport {
  display: block;
  margin-left: -0.4rem;
  font-size: 1.2rem;
  font-weight: normal;
  color: #555;
  line-height: 1.5;
}
@media (min-width: 1060px) {
  .status-search__airport {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.status-search__button.-off .status-search__airport {
  color: #767676;
}
.status-search__swap {
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  width: 5.6rem;
  height: 5.6rem;
  margin-left: -2.8rem;
  border: 0;
  background: #fff url(../images/booking__swap.svg) no-repeat 50% 50%;
  background-size: 44px 44px;
}
@media (min-width: 1060px) {
  .status-search__swap {
    margin-left: -0.8rem;
  }
}
.status-search__swap:hover,
.status-search__swap:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .status-search__swap:hover,
.app .status-search__swap:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.status-search__swap[disabled="disabled"] {
  cursor: not-allowed;
  background: #fff url(../images/booking__swap--disabled.svg) no-repeat 50% 50%;
  background-size: 44px 44px;
}
.status-search__swap[disabled="disabled"]:hover,
.status-search__swap[disabled="disabled"]:focus {
  outline: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.status-result {
  margin: 4rem 0;
}
@media (min-width: 1060px) {
  .status-result {
    margin: 6rem 0;
  }
}
.status-result__summary {
  text-align: center;
}
@media (min-width: 1060px) {
  .status-result__summary {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.status-result__summary[tabindex]:hover,
.status-result__summary[tabindex]:focus {
  outline: 0;
}
.status-result__ymdd {
  font-size: 1.6rem;
  font-weight: bold;
  color: #000;
  text-align: center;
  line-height: 1.5;
}
@media (min-width: 1060px) {
  .status-result__ymdd {
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.status-result__routes {
  display: block;
  margin-top: 0.4rem;
  font-size: 0;
  text-align: center;
}
@media (min-width: 1060px) {
  .status-result__routes {
    margin: 0;
    margin-left: 4rem;
  }
}
.status-result__route {
  display: inline-block;
  vertical-align: middle;
}
.status-result__route + .status-result__route:before {
  content: "";
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  vertical-align: baseline;
  margin: 0 0.8rem;
  background: url(../images/flight-status__route--before.svg) no-repeat 50% center;
  background-size: 16px 16px;
}
.status-result__rt-code {
  font-size: 1.6rem;
  font-weight: bold;
  color: #000;
  line-height: 1.5;
}
@media (min-width: 1060px) {
  .status-result__rt-code {
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.status-result__rt-airport {
  font-size: 1.6rem;
  font-weight: normal;
  color: #000;
  line-height: 1.5;
}
@media (min-width: 1060px) {
  .status-result__rt-airport {
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.status-result__legend {
  margin: 1.8rem 0 1.2rem;
}
@media (min-width: 1060px) {
  .status-result__legend {
    margin: 2.2rem 0 1.3rem;
  }
}
.status-result__details {
  margin-top: 1.2rem;
}
@media (min-width: 1060px) {
  .status-result__details {
    margin-top: 1.3rem;
  }
}
.status-result__detail {
  padding: 2rem;
  border: 1px solid #d9dbe1;
}
@media (min-width: 1060px) {
  .status-result__detail {
    padding: 4rem 0;
  }
}
.status-result__detail + .status-result__detail {
  margin-top: 1.2rem;
}
@media (min-width: 1060px) {
  .status-result__detail + .status-result__detail {
    margin-top: 2rem;
  }
}
@media (min-width: 1060px) {
  .status-result__content {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
.status-result__content + .status-result__content {
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: 1px dotted #d9dbe1;
}
@media (min-width: 1060px) {
  .status-result__content + .status-result__content {
    margin-top: 4rem;
    padding-top: 0;
    border-top: 0;
  }
}
.status-result__flights {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 2.9rem;
}
@media (min-width: 1060px) {
  .status-result__flights {
    display: block;
    width: 16.4rem;
    height: auto;
    padding: 0 2rem;
    text-align: center;
  }
}
.status-result__flight {
  font-size: 1.4rem;
  font-weight: bold;
  color: #000;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .status-result__flight {
    width: 100%;
    height: auto;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.status-result__sub {
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .status-result__sub {
    margin-top: 0.4rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.status-result__tooltip {
  position: absolute;
  top: -4.3rem;
  right: 0;
  width: 100%;
  height: auto;
  text-align: right;
}
@media (min-width: 1060px) {
  .status-result__tooltip {
    position: static;
    margin-top: 0.8rem;
    text-align: center;
  }
}
.status-result__tool {
  position: static;
  display: inline-block;
  width: auto;
  height: auto;
  padding: 0.3rem 0.8rem;
  border: 0;
  border: 1px solid #969696;
  border-radius: 0.2rem;
  background: transparent none;
  color: #000;
  font-weight: normal;
  font-size: 1.2rem;
  line-height: 1.83;
  cursor: pointer;
}
@media (min-width: 1060px) {
  .status-result__tool {
    padding: 0.3rem 1rem;
    font-size: 1.4rem;
    line-height: 1.58;
  }
}
.status-result__tool:hover .tooltip__desc,
.status-result__tool:focus .tooltip__desc {
  white-space: normal;
  left: 0;
  right: 0;
  transform: none;
}
.status-result__tool:hover .tooltip__text:after,
.status-result__tool:focus .tooltip__text:after {
  left: auto;
  right: 1.1rem;
  margin-left: 0;
  margin-right: -0.5rem;
}
@media (min-width: 1060px) {
  .status-result__tool:hover .tooltip__text:after,
  .status-result__tool:focus .tooltip__text:after {
    left: 50%;
    right: auto;
    margin-left: -0.5rem;
    margin-right: 0;
  }
}
.status-result__tool:hover,
.status-result__tool:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .status-result__tool:hover,
.app .status-result__tool:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.status-result__link {
  position: absolute;
  top: -3.9rem;
  right: 0;
  color: #555;
}
@media (min-width: 1060px) {
  .status-result__link {
    position: static;
    display: inline-block;
    margin-top: 0.8rem;
  }
}
@media (min-width: 1060px) {
  .status-result__aligner {
    flex: 1;
    padding: 0 2rem;
    border-right: 1px solid #d9dbe1;
    border-left: 1px solid #d9dbe1;
  }
}
.status-result__aligner:last-child {
  border-right: 0;
}
.status-result__schedules {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  min-height: 3.2rem;
  margin: 1.4rem 0 3rem 0;
}
@media (min-width: 1060px) {
  .status-result__schedules {
    display: block;
    margin: 0;
    margin-bottom: 1.2rem;
  }
}
.status-result__schedule {
  width: 50%;
}
@media (min-width: 1060px) {
  .status-result__schedule {
    width: auto;
  }
}
.status-result__schedule.-from {
  margin-right: 1.6rem;
  text-align: left;
}
@media (min-width: 1060px) {
  .status-result__schedule.-from {
    float: left;
    padding-left: 6rem;
  }
}
.status-result__schedule.-to {
  margin-left: 1.6rem;
  text-align: right;
}
@media (min-width: 1060px) {
  .status-result__schedule.-to {
    float: right;
    min-width: 18rem;
    text-align: left;
  }
}
.status-result__schedule.-to:before {
  content: "";
  display: block;
  position: absolute;
  top: 1.5rem;
  right: 11.2rem;
  left: 11.2rem;
  border: 1px dashed #d9dbe1;
}
@media (min-width: 1060px) {
  .status-result__schedule.-to:before {
    top: 1.6rem;
    right: 22rem;
    left: 22rem;
  }
}
.status-result__scd-code {
  font-size: 1.8rem;
  font-weight: bold;
  color: #000;
  line-height: 1.56;
}
@media (min-width: 1060px) {
  .status-result__scd-code {
    font-size: 2.2rem;
    line-height: 1.55;
  }
}
.status-result__scd-time {
  font-size: 1.8rem;
  font-weight: bold;
  color: #000;
  line-height: 1.56;
}
@media (min-width: 1060px) {
  .status-result__scd-time {
    font-size: 2.2rem;
    line-height: 1.55;
  }
}
.status-result__stateinfo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.status-result__state {
  display: block;
  font-size: 1.4rem;
  font-weight: normal;
  text-align: center;
}
@media (min-width: 1060px) {
  .status-result__state {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.status-result__state:before {
  content: "";
  display: block;
  width: 3.2rem;
  height: 3.2rem;
  margin: 0 auto;
  margin-bottom: 0.8rem;
}
@media (min-width: 1060px) {
  .status-result__state:before {
    margin-bottom: 0;
  }
}
.status-result__state.-haspop:before {
  margin-bottom: 0;
}
.status-result__state.-pre {
  color: #555;
}
.status-result__state.-pre:before {
  background: #fff url(../images/flight-status__state--pre.svg) no-repeat 50% center;
  background-size: 32px 32px;
}
.status-result__state.-inflight {
  color: #00256c;
}
.status-result__state.-inflight:before {
  background: #fff url(../images/flight-status__state--inflight.svg) no-repeat 50% center;
  background-size: 32px 32px;
}
.status-result__state.-standby {
  color: #00256c;
}
.status-result__state.-standby:before {
  background: #fff url(../images/flight-status__state--standby.svg) no-repeat 50% center;
  background-size: 32px 32px;
}
.status-result__state.-airstrip {
  color: #00256c;
}
.status-result__state.-airstrip:before {
  background: #fff url(../images/flight-status__state--airstrip.svg) no-repeat 50% center;
  background-size: 32px 32px;
}
.status-result__state.-arrival {
  color: #00256c;
}
.status-result__state.-arrival:before {
  background: #fff url(../images/flight-status__state--arrival.svg) no-repeat 50% center;
  background-size: 32px 32px;
}
.status-result__state.-cancel {
  color: #de001b;
}
.status-result__state.-cancel:before {
  background: #fff url(../images/flight-status__state--cancel.svg) no-repeat 50% center;
  background-size: 32px 32px;
}
.status-result__state.-delay {
  color: #de001b;
}
.status-result__state.-delay:before {
  background: #fff url(../images/flight-status__state--delay.svg) no-repeat 50% center;
  background-size: 32px 32px;
}
.status-result__state.-back {
  color: #3322c3;
}
.status-result__state.-back:before {
  background: #fff url(../images/flight-status__state--back.svg) no-repeat 50% center;
  background-size: 32px 32px;
}
.status-result__state.-airline {
  color: #555;
}
.status-result__state.-airline:before {
  background: #fff url(../images/flight-status__state--airline.svg) no-repeat 50% center;
  background-size: 32px 32px;
}
.status-result__text {
  display: inline-block;
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .status-result__text {
    display: block;
    width: 23rem;
    margin: 0 auto;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
@media (min-width: 1280px) {
  .status-result__text {
    width: 34rem;
  }
}
.status-result__refer {
  display: none;
}
@media (min-width: 1060px) {
  .status-result__refer {
    display: inline-block;
    font-size: 1.4rem;
    font-weight: normal;
  }
}
@media (min-width: 1060px) {
  .status-result__refer.-break {
    display: block;
    height: auto;
  }
}
.status-result__popover {
  display: inline-block;
}
@media (min-width: 1060px) {
  .status-result__popover {
    display: none;
  }
}
.status-result__list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1.2rem;
}
@media (min-width: 1060px) {
  .status-result__list {
    margin: 0 0 0 6rem;
  }
}
@media (min-width: 1060px) {
  .status-result__item:last-child {
    min-width: 18rem;
  }
}
.status-result__desc + .status-result__desc {
  margin-top: 0.4rem;
}
.status-result__key {
  display: inline-block;
  font-size: 1.4rem;
  font-weight: normal;
  color: #767676;
  line-height: 1.58;
  vertical-align: top;
}
@media (min-width: 1060px) {
  .status-result__key {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.status-result__value {
  display: inline-block;
  margin-left: 0.4rem;
  font-size: 1.4rem;
  font-weight: normal;
  color: #767676;
  line-height: 1.58;
  vertical-align: top;
}
@media (min-width: 1060px) {
  .status-result__value {
    margin-left: 0.8rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.status-result__value.-none {
  min-width: 3.6rem;
  text-align: center;
}
@media (min-width: 1060px) {
  .status-result__value.-none {
    min-width: 4rem;
  }
}
.status-result__added {
  display: inline-block;
  margin-left: 0.1rem;
  font-size: 1.2rem;
  font-weight: normal;
  color: #0064de;
  line-height: 1.5;
  vertical-align: 0.1rem;
}
@media (min-width: 1060px) {
  .status-result__added {
    font-size: 1.4rem;
    line-height: 1.58;
  }
}
.status-result__schedule.-added .status-result__added {
  position: absolute;
  top: -1.6rem;
  right: 0;
}
@media (min-width: 1060px) {
  .status-result__schedule.-added .status-result__added {
    position: static;
    display: inline-block;
    vertical-align: top;
    margin-top: 0.6rem;
  }
}
.status-result__status {
  display: flex;
  align-items: center;
  margin-top: 1.1rem;
  padding-top: 2rem;
  border-top: 0.1rem dashed #d9dbe1;
}
@media (min-width: 1060px) {
  .status-result__status {
    display: block;
    width: 17.6rem;
    margin-top: 0;
    padding: 0 2rem;
    border-top: 0;
    text-align: center;
  }
}
.status-result__seat-title {
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .status-result__seat-title {
    margin-bottom: 1.3rem;
  }
}
.status-result__seat-content {
  margin-left: auto;
}
.status-result__seat-empty {
  font-size: 1.6rem;
}
.status-result__seats {
  display: flex;
}
@media (min-width: 1060px) {
  .status-result__seats {
    justify-content: center;
  }
}
.status-result__seat {
  padding-left: 2.2rem;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: 16px 16px;
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
  white-space: nowrap;
}
.status-result__seat + .status-result__seat {
  margin-left: 2.4rem;
}
@media (min-width: 1060px) {
  .status-result__seat + .status-result__seat {
    margin-left: 1rem;
  }
}
.status-result__seat:last-child {
  margin-right: 0;
}
.status-result__seat.-economy {
  background-image: url(../images/ico-class-economy-small.svg);
}
@media (min-width: 1060px) {
  .status-result__seat.-economy {
    background-image: url(../images/ico-class-economy.svg);
  }
}
.status-result__seat.-prestige {
  background-image: url(../images/ico-class-prestige-small.svg);
}
@media (min-width: 1060px) {
  .status-result__seat.-prestige {
    background-image: url(../images/ico-class-prestige.svg);
  }
}
.status-result__seat.-first {
  background-image: url(../images/ico-class-first-small.svg);
}
@media (min-width: 1060px) {
  .status-result__seat.-first {
    background-image: url(../images/ico-class-first.svg);
  }
}
.status-result__seat.-seat {
  background-image: url(../images/ico-class-seat-small.svg);
}
@media (min-width: 1060px) {
  .status-result__seat.-seat {
    background-image: url(../images/ico-class-seat.svg);
  }
}
.status-result__seat.-no-seat {
  background-image: url(../images/ico-class-no-seat-small.svg);
}
@media (min-width: 1060px) {
  .status-result__seat.-no-seat {
    background-image: url(../images/ico-class-no-seat.svg);
  }
}
.status-result__seat.-no-flight {
  background-image: url(../images/ico-class-no-flight-small.svg);
}
@media (min-width: 1060px) {
  .status-result__seat.-no-flight {
    background-image: url(../images/ico-class-no-flight.svg);
  }
}
.status-result__seat-link {
  color: #0064de;
}
.operation__wrap {
  width: 79.3rem;
  height: auto;
  padding: 4rem 3.2rem 6.3rem 3.2rem;
  border: 1px solid #dee0e2;
}
.operation__heading {
  margin-bottom: 2rem;
}
.operation__title {
  display: block;
  font-weight: 700;
  font-size: 2.4rem;
  color: #00256c;
  text-align: center;
}
.operation__desc {
  display: block;
  margin-top: 0.4rem;
  font-size: 1.6rem;
  font-weight: 400;
  color: #767676;
  text-align: center;
}
.operation__desc:first-child {
  margin-top: 0;
  color: #00256c;
  font-weight: 700;
  font-size: 2.4rem;
}
.operation__table + .operation__table {
  margin-top: 4rem;
}
.operation__ko.-break {
  display: block;
}
.operation__en {
  word-break: keep-all;
}
.operation__en.-break {
  display: block;
}
.operation__reason {
  margin-top: -1.2rem;
  padding: 2rem;
  border-bottom: 1px solid #dee0e2;
  text-align: center;
  font-size: 1.6rem;
  font-weight: normal;
  color: #555;
  line-height: 1.5;
}
.operation__notices {
  margin-top: 2rem;
}
.operation__notice {
  font-size: 1.6rem;
  font-weight: normal;
  color: #555;
  line-height: 1.5;
}
.operation__notice.-en {
  margin-top: 2rem;
  color: #767676;
}
.operation__logos {
  width: 21.6rem;
  height: auto;
  margin: 4rem auto 0 auto;
  font-size: 0;
}
.operation__logo {
  width: 100%;
  height: auto;
  vertical-align: top;
}
.operation__guide {
  font-size: 1.6rem;
  font-weight: normal;
  color: #000;
  line-height: 1.5;
}
.operation__print {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 2rem;
}
.operation__send {
  margin-top: 2rem;
}
@media (min-width: 1060px) {
  .operation__send {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
.operation__send .operation__value {
  margin-top: 0.2rem;
}
@media (min-width: 1060px) {
  .operation__send .operation__value {
    margin-top: 0;
  }
}
.operation__key {
  flex: 1;
  position: relative;
  padding-left: 1.2rem;
  font-size: 1.6rem;
  font-weight: normal;
  color: #555;
  line-height: 1.5;
}
.operation__key:before {
  content: "";
  display: block;
  position: absolute;
  top: 1rem;
  left: 0;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 100%;
  background: #555;
}
.operation__value {
  flex: 1;
}
.section-select {
  margin: 2rem 0 4rem 0;
}
@media (min-width: 1060px) {
  .section-select {
    margin: 4rem 0;
  }
}
.section-select__route {
  display: inline-block;
  vertical-align: top;
  font-size: 0;
}
.section-select__route + .section-select__route:before {
  content: "";
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  vertical-align: top;
  margin: 0 0.8rem 0 0.4rem;
  background: url(../images/section-select__route--before.svg) no-repeat 50% center;
  background-size: 16px 16px;
}
@media (min-width: 1060px) {
  .section-select__route + .section-select__route:before {
    margin: 0 1.2rem 0 0.8rem;
  }
}
.section-select__code {
  font-size: 1.4rem;
  font-weight: bold;
  color: #000;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .section-select__code {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.section-select__airport {
  font-size: 1.4rem;
  font-weight: normal;
  color: #767676;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .section-select__airport {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.info-box {
  margin-bottom: 2rem;
  padding: 2.4rem 4rem;
  background-color: #e8f9ff;
  text-align: center;
}
.info-box__txt {
  color: #00256c;
  font-size: 1.6rem;
}
.passengers-upgrade {
  margin: 1.2rem 0 2rem;
  border: 1px solid #d9dbe1;
}
@media (min-width: 1060px) {
  .passengers-upgrade {
    margin-top: 1.6rem;
  }
}
.passengers-upgrade__item {
  padding: 2.4rem 2rem 2rem;
}
@media (min-width: 1060px) {
  .passengers-upgrade__item {
    display: flex;
    padding: 4rem;
  }
}
.passengers-upgrade__item + .passengers-upgrade__item {
  border-top: 1px solid #d9dbe1;
}
@media (min-width: 1060px) {
  .passengers-upgrade__info {
    width: 26%;
    padding-right: 1rem;
  }
}
@media (min-width: 1340px) {
  .passengers-upgrade__info {
    width: 32%;
  }
}
.passengers-upgrade__title {
  display: inline-block;
  color: #000;
  font-size: 1.6rem;
  vertical-align: top;
}
@media (min-width: 1060px) {
  .passengers-upgrade__title {
    display: inline;
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.passengers-upgrade__type {
  display: inline-block;
  color: #555;
  font-size: 1.6rem;
  vertical-align: top;
}
@media (min-width: 1060px) {
  .passengers-upgrade__type {
    display: inline;
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.passengers-upgrade__contents {
  padding: 2rem 0 0 0;
}
@media (min-width: 1060px) {
  .passengers-upgrade__contents {
    position: relative;
    width: calc(100% - 26%);
    padding: 0 33% 0 0;
  }
}
@media (min-width: 1340px) {
  .passengers-upgrade__contents {
    width: calc(100% - 32%);
    padding: 0 37% 0 0;
  }
}
.passengers-upgrade__data {
  display: flex;
  justify-content: space-between;
}
.passengers-upgrade__data + .passengers-upgrade__data {
  margin-top: 0.8rem;
}
@media (min-width: 1060px) {
  .passengers-upgrade__data:last-child {
    position: absolute;
    top: 0;
    right: 0;
    width: 37%;
    margin: 0 !important;
  }
}
.passengers-upgrade__key {
  margin-top: 0.1rem;
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .passengers-upgrade__key {
    margin-top: 0.2rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.passengers-upgrade__value {
  color: #000;
  font-size: 1.6rem;
  text-align: right;
}
@media (min-width: 1060px) {
  .passengers-upgrade__value {
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.passengers-upgrade__summary {
  padding: 1.6rem 2rem;
  border-top: 1px solid #d9dbe1;
  background-color: #f8f9fc;
}
@media (min-width: 1060px) {
  .passengers-upgrade__summary {
    display: flex;
    justify-content: flex-end;
    padding: 2.4rem 4rem;
  }
}
.passengers-upgrade__summary-item {
  display: flex;
  justify-content: space-between;
}
.passengers-upgrade__summary-item + .passengers-upgrade__summary-item {
  margin-top: 1rem;
}
@media (min-width: 1060px) {
  .passengers-upgrade__summary-item + .passengers-upgrade__summary-item {
    margin: 0 0 0 5.6%;
  }
}
@media (min-width: 1340px) {
  .passengers-upgrade__summary-item + .passengers-upgrade__summary-item {
    margin: 0 0 0 11.87%;
  }
}
@media (min-width: 1060px) {
  .passengers-upgrade__summary-item.-mileage {
    width: 41%;
  }
}
@media (min-width: 1340px) {
  .passengers-upgrade__summary-item.-mileage {
    width: 31%;
  }
}
@media (min-width: 1060px) {
  .passengers-upgrade__summary-item.-tax {
    width: 27.6%;
  }
}
@media (min-width: 1340px) {
  .passengers-upgrade__summary-item.-tax {
    width: 25%;
  }
}
.passengers-upgrade__total {
  margin-top: 0.1rem;
  color: #00256c;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .passengers-upgrade__total {
    margin-top: 0.4rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.passengers-upgrade__amount {
  color: #00256c;
  font-weight: 700;
  font-size: 1.6rem;
  text-align: right;
}
@media (min-width: 1060px) {
  .passengers-upgrade__amount {
    font-size: 2rem;
  }
}
.passengers-change {
  margin: 2rem 0;
}
.passengers-change .table {
  margin: 0;
}
.passengers-change__item {
  padding: 2rem 0;
  border-top: 1px solid #d9dbe1;
}
@media (min-width: 1060px) {
  .passengers-change__info {
    width: 26%;
    padding-right: 1rem;
  }
}
@media (min-width: 1340px) {
  .passengers-change__info {
    width: 32%;
  }
}
.passengers-change__title {
  display: inline-block;
  color: #000;
  font-size: 1.6rem;
  vertical-align: top;
}
@media (min-width: 1060px) {
  .passengers-change__title {
    display: inline;
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.passengers-change__type {
  display: inline-block;
  color: #555;
  font-size: 1.6rem;
  vertical-align: top;
}
@media (min-width: 1060px) {
  .passengers-change__type {
    display: inline;
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.passengers-change__contents {
  padding: 2rem 0 0 0;
}
@media (min-width: 1060px) {
  .passengers-change__contents {
    position: relative;
    width: calc(100% - 26%);
    padding: 0 33% 0 0;
  }
}
@media (min-width: 1340px) {
  .passengers-change__contents {
    width: calc(100% - 32%);
    padding: 0 37% 0 0;
  }
}
.passengers-change__data {
  display: flex;
  justify-content: space-between;
}
.passengers-change__data + .passengers-change__data {
  margin-top: 0.8rem;
}
@media (min-width: 1060px) {
  .passengers-change__data:last-child {
    position: absolute;
    top: 0;
    right: 0;
    width: 37%;
    margin: 0;
  }
}
.passengers-change__key {
  margin-top: 0.1rem;
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .passengers-change__key {
    margin-top: 0.2rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.passengers-change__key .opener {
  margin: -6rem 0;
}
@media (min-width: 1060px) {
  .passengers-change__key .opener {
    margin: 0;
  }
}
.passengers-change__value {
  color: #000;
  font-size: 1.6rem;
  text-align: right;
}
@media (min-width: 1060px) {
  .passengers-change__value {
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.passengers-change__link {
  display: inline-block;
  margin: 0;
  padding: 0;
  border: 0;
  border-bottom: 1px solid #0064de;
  border-radius: 0;
  background: transparent none;
  color: #0064de;
  font-weight: 400;
  font-size: 1.6rem;
  text-align: center;
  cursor: pointer;
  appearance: none;
}
.passengers-change__link:hover,
.passengers-change__link:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.app .passengers-change__link:hover,
.app .passengers-change__link:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.passengers-change__summary {
  display: flex;
  justify-content: space-between;
  padding: 1.6rem 2rem;
  border-top: 1px solid #d9dbe1;
  border-bottom: 1px solid #d9dbe1;
  background-color: #f8f9fc;
}
@media (min-width: 1060px) {
  .passengers-change__summary {
    padding: 2.4rem 2rem;
    border-top: 0;
  }
}
.passengers-change__total {
  margin-top: 0.1rem;
  color: #00256c;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .passengers-change__total {
    margin-top: 0.4rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.passengers-change__amount {
  color: #00256c;
  font-weight: 700;
  font-size: 1.6rem;
  text-align: right;
}
@media (min-width: 1060px) {
  .passengers-change__amount {
    font-size: 2rem;
  }
}
.booking-min {
  position: relative;
  margin: 1.2rem 0 0;
}
.booking-min__button {
  display: block;
  width: 100%;
  min-height: 4rem;
  margin: 0;
  padding: 0.4rem 0 0.8rem;
  border: 0;
  background: #fff;
  color: #000;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2;
  text-decoration: none;
  text-align: left;
  cursor: pointer;
  appearance: none;
}
@media (min-width: 1060px) {
  .booking-min__button {
    min-height: 4.6rem;
    line-height: 2.43;
  }
}
.booking-min__button.-from {
  width: calc(100% - 6rem);
  border-bottom: 1px solid #e7eaf0;
}
@media (min-width: 1060px) {
  .booking-min__button.-from {
    width: calc(100% - 5rem);
  }
}
.booking-min__button.-to {
  margin-top: 2rem;
  border-bottom: 1px solid #00256c;
}
.booking-min__button.-off {
  color: #767676;
}
.booking-min__button:hover,
.booking-min__button:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .booking-min__button:hover,
.app .booking-min__button:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.booking-min__code {
  display: inline-block;
  min-width: 5.4rem;
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 1.56;
  vertical-align: top;
}
@media (min-width: 1060px) {
  .booking-min__code {
    min-width: 6.4rem;
    font-size: 2.2rem;
    line-height: 1.55;
  }
}
.booking-min__swap {
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  display: inline-block;
  position: absolute;
  top: 2rem;
  right: 0;
  width: 4rem;
  height: 4rem;
  border: 0;
  background: url(../images/booking-min__swap.svg) no-repeat 50% 50%;
  background-size: 40px 40px;
  cursor: pointer;
  z-index: 2;
}
@media (min-width: 1060px) {
  .booking-min__swap {
    top: 2.6rem;
  }
}
.booking-min__swap:hover,
.booking-min__swap:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .booking-min__swap:hover,
.app .booking-min__swap:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.booking-min__swap[disabled] {
  background: #fff url(../images/booking-min__swap--disabled.svg) no-repeat 50% 50%;
  background-size: 40px 40px;
  cursor: not-allowed;
}
.booking-min__swap[disabled]:hover,
.booking-min__swap[disabled]:focus {
  outline: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.payment-result {
  margin: 4rem 0;
}
@media (min-width: 1060px) {
  .payment-result {
    max-width: 72rem;
    margin: 6rem auto;
  }
}
.payment-result__list {
  margin-top: 2rem;
  padding: 2rem 2rem 0;
  border-top: 1px solid #d9dbe1;
}
@media (min-width: 1060px) {
  .payment-result__list {
    margin-top: 4rem;
  }
}
.payment-result__item {
  display: block;
  color: #000;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .payment-result__item {
    font-size: 1.6rem;
    line-height: 1.5;
    text-align: center;
  }
}
.payment-result__item + .payment-result__item {
  margin-top: 0.8rem;
}
.payment-result__item:before {
  content: "";
  display: inline-block;
  width: 0.4rem;
  height: 0.4rem;
  margin-right: 0.8rem;
  border-radius: 50%;
  background-color: #767676;
  vertical-align: 0.3rem;
}
@media (min-width: 1060px) {
  .payment-result__item:before {
    vertical-align: 0.4rem;
  }
}
.payment-result__title {
  color: #555;
  margin-right: 0.4rem;
}
@media (min-width: 1060px) {
  .card-benefit {
    width: 16rem;
    height: 6.2rem;
  }
}
.card-benefit__img {
  width: 100%;
  height: auto;
}
.fare-detail__group {
  margin: 2rem 0;
  border: 1px solid #d9dbe1;
}
.fare-detail__group.-active {
  margin-bottom: 4rem;
}
.fare-detail__button {
  display: block;
  position: relative;
  width: 100%;
  padding: 2rem 1.6rem;
  border: 0;
  background: transparent none;
  text-align: left;
}
@media (min-width: 1060px) {
  .fare-detail__button {
    display: flex;
    padding: 2.2rem 10.4rem 2.2rem 4rem;
  }
}
.fare-detail__button:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 1.6rem;
  margin-top: -1.2rem;
  width: 2.4rem;
  height: 2.4rem;
  background: url(../images/fare-detail__button.svg) no-repeat 50% 50%;
  background-size: 24px 24px;
}
@media (min-width: 1060px) {
  .fare-detail__button:before {
    right: 4rem;
  }
}
.fare-detail__button[aria-expanded="true"]:before {
  background: url(../images/fare-detail__button--active.svg) no-repeat 50% 50%;
  background-size: 24px 24px;
}
.fare-detail__button:hover,
.fare-detail__button:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .fare-detail__button:hover,
.app .fare-detail__button:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.fare-detail__title {
  display: block;
  margin-bottom: 0.4rem;
  color: #000;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
}
@media (min-width: 1060px) {
  .fare-detail__title {
    margin-bottom: 0;
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.fare-detail__summary {
  margin-left: auto;
  color: #555;
  font-size: 1.4rem;
  line-height: 1.72;
}
@media (min-width: 1060px) {
  .fare-detail__summary {
    font-size: 1.6rem;
    line-height: 1.75;
  }
}
.fare-detail__price {
  margin-left: 1.6rem;
  color: #00256c;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
}
@media (min-width: 1060px) {
  .fare-detail__price {
    margin-left: 2rem;
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.fare-detail__panel {
  padding: 2rem 1.6rem;
  border-top: 1px solid #d9dbe1;
}
@media (min-width: 1060px) {
  .fare-detail__panel {
    padding: 4rem;
  }
}
.fare-detail__list {
  list-style: none;
}
.fare-detail__item + .fare-detail__item {
  margin-top: 4rem;
}
@media (min-width: 1060px) {
  .fare-detail__item + .fare-detail__item {
    margin-top: 6rem;
  }
}
.fare-detail__name {
  display: block;
  padding-bottom: 0.8rem;
  border-bottom: 1px solid #d9dbe1;
  color: #00256c;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .fare-detail__name {
    padding-bottom: 1.2rem;
    font-size: 1.6rem;
    line-height: 1.75;
  }
}
.fare-detail__mark {
  display: block;
  margin: 1.2rem 1.2rem 0.8rem;
  color: #00256c;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .fare-detail__mark {
    margin: 2rem 3.2rem 0.8rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.fare-detail__key .fare-detail__mark {
  margin: 0;
}
.fare-detail__data-list {
  list-style: none;
}
.fare-detail__data {
  display: flex;
  flex-wrap: wrap;
  margin: 0.8rem 0;
}
.fare-detail__key {
  width: 60%;
  padding: 0 1rem 0 1.2rem;
  color: #000;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .fare-detail__key {
    padding: 0 1rem 0 3.2rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.fare-detail__value {
  width: 40%;
  padding: 0 1.2rem 0 1rem;
  color: #000;
  font-size: 1.4rem;
  line-height: 1.58;
  text-align: right;
}
@media (min-width: 1060px) {
  .fare-detail__value {
    padding: 0 3.2rem 0 1rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.fare-detail__sub {
  display: none;
  flex-wrap: wrap;
  list-style: none;
  width: 100%;
  margin: 0.8rem 0;
  background-color: #f8f9fc;
}
@media (min-width: 1060px) {
  .fare-detail__sub {
    margin: 0.7rem 1.6rem 2rem;
  }
}
.fare-detail__sub.-active {
  display: block;
}
.fare-detail__sub-data {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  margin: 2rem 0;
}
@media (min-width: 1060px) {
  .fare-detail__sub-data {
    margin: 0.8rem 0;
  }
}
.fare-detail__sub-data:first-child {
  margin-top: 2rem;
}
.fare-detail__sub-data:last-child {
  margin-bottom: 2rem;
}
.fare-detail__sub-key {
  width: 60%;
  padding: 0 1rem 0 1.2rem;
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .fare-detail__sub-key {
    padding: 0 1rem 0 1.6rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.fare-detail__sub-value {
  width: 40%;
  padding: 0 1.2rem 0 1rem;
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
  text-align: right;
}
@media (min-width: 1060px) {
  .fare-detail__sub-value {
    padding: 0 1.6rem 0 1rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.fare-detail__total {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.5rem 1.2rem;
  border-top: 1px solid #d9dbe1;
  border-bottom: 1px solid #d9dbe1;
  background-color: #f8f9fc;
}
@media (min-width: 1060px) {
  .fare-detail__total {
    padding: 2rem 3.2rem;
  }
}
.fare-detail__amount {
  flex: 1;
  color: #00256c;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .fare-detail__amount {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.fare-detail__fare {
  flex: 2;
  color: #00256c;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  text-align: right;
}
@media (min-width: 1060px) {
  .fare-detail__fare {
    font-size: 2rem;
  }
}
.best-prices {
  padding: 1.6rem 0;
  border: 1px solid #d9dbe1;
}
@media (min-width: 1060px) {
  .best-prices {
    display: flex;
    padding: 2.4rem 4rem 2.2rem;
  }
}
@media (min-width: 1340px) {
  .best-prices {
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
.best-prices__route {
  padding: 0 2rem 1.2rem;
  border-bottom: 1px solid #d9dbe1;
}
@media (min-width: 1060px) {
  .best-prices__route {
    width: 41%;
    margin-right: 3.7%;
    padding: 0.7rem 0 0 0;
    border-bottom: 0;
  }
}
.best-prices__options {
  display: flex;
  justify-content: space-between;
  padding: 1.2rem 2rem 2.9rem;
}
@media (min-width: 1060px) {
  .best-prices__options {
    width: 36%;
    padding: 0;
  }
}
@media (min-width: 1340px) {
  .best-prices__options {
    width: 38%;
    padding: 0;
  }
}
.best-prices__options .field {
  width: calc(50% - 1.5rem);
}
@media (min-width: 1060px) {
  .best-prices__options .field {
    width: calc(50% - 1rem);
  }
}
@media (min-width: 1340px) {
  .best-prices__options .field {
    width: calc(50% - 2rem);
  }
}
.best-prices__options .field + .field {
  margin-top: 0;
}
.best-prices__controls {
  text-align: center;
}
@media (min-width: 1060px) {
  .best-prices__controls {
    margin-left: auto;
    padding-top: 1.2rem;
  }
}
.legend {
  display: flex;
  flex-wrap: wrap;
}
.legend.-right {
  justify-content: flex-end;
}
.legend__list {
  display: flex;
  list-style: none;
}
.legend__item {
  margin-right: 1.2rem;
  padding-left: 2.2rem;
  color: #555;
  background-repeat: no-repeat;
  background-position: -0.1rem 50%;
  background-size: 20px 20px;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .legend__item {
    margin-right: 2.4rem;
    padding-left: 2.6rem;
    background-position: -0.2rem 50%;
    background-size: 24px 24px;
    color: #000;
  }
}
.legend__item:last-child {
  margin-right: 0;
}
.legend__item.-economy {
  background-image: url(../images/ico-legend-economy.svg);
}
.legend__item.-prestige {
  background-image: url(../images/ico-legend-prestige.svg);
}
.legend__item.-first {
  background-image: url(../images/ico-legend-first.svg);
}
.legend__item.-seat {
  background-image: url(../images/ico-legend-seat.svg);
}
.legend__item.-no-seat {
  background-image: url(../images/ico-legend-no-seat.svg);
}
.legend__item.-no-flight {
  background-image: url(../images/ico-legend-no-flight.svg);
}
.legend__item.-upgrade {
  background-image: url(../images/ico-legend-upgrade.svg);
}
.cm-sms-service__wrap {
  position: relative;
}
.cm-sms-service__txt {
  padding: 2rem;
  background-color: #f3f4f8;
}
.cm-sms-service__area {
  width: 100%;
  height: 5rem;
  font-size: 1.6rem;
  color: #767676;
  border: 0;
  background-color: #f3f4f8;
  resize: none;
}
.cm-sms-service__value {
  position: absolute;
  right: 0;
  top: -3.3rem;
  font-size: 1.4rem;
  color: #767676;
}
.cm-sms-service__value {
  font-size: 1.4rem;
  color: #767676;
}
.cm-sms-service__limit {
  color: #000;
  font-weight: 700;
}
.cm-sms-service__inner {
  margin: 4rem 0;
}
@media (min-width: 1060px) {
  .cm-sms-service__inner {
    margin: 0 16.6rem;
    padding: 4rem 0;
  }
}
.cm-sms-service__storage {
  font-size: 0;
}
.cm-sms-service__storageitem {
  display: inline-block;
  position: relative;
  width: 33.3%;
  padding-left: 3.2rem;
}
@media (min-width: 1060px) {
  .cm-sms-service__storageitem:first-child {
    width: 10.5rem;
  }
}
@media (min-width: 1060px) {
  .cm-sms-service__storageitem {
    width: 13.8rem;
  }
}
.cm-sms-service__storageitem .forms {
  text-align: left;
}
.cm-sms-service__storageitem .forms .placeholder {
  left: 50%;
  transform: translateX(-50%);
  color: #000;
}
.cm-sms-service__storageitem:before {
  content: "";
  position: absolute;
  left: 1rem;
  top: 50%;
  background-color: #000;
  width: 0.8rem;
  height: 0.1rem;
}
.cm-sms-service__storageitem:first-child {
  padding-left: 0;
}
.cm-sms-service__storageitem:first-child:before {
  display: none;
}
.planing-lookup {
  margin-top: 2.4rem;
}
@media (min-width: 1060px) {
  .planing-lookup {
    margin-top: 0;
  }
}
.planing-lookup__nick {
  font-size: 1.4rem;
  border: 0;
  background-color: transparent;
  color: #555;
}
.planing-lookup__nick:before {
  content: "";
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  margin-top: -0.2rem;
  margin-right: 0.4rem;
  background: url(../images/planning-edit-pen.svg) no-repeat 50% 50%;
  background-size: cover;
  vertical-align: middle;
}
.planing-lookup__nick:hover,
.planing-lookup__nick:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .planing-lookup__nick:hover,
.app .planing-lookup__nick:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.planing-lookup__item {
  position: relative;
  margin: 2rem 0;
  padding: 2rem;
  border-radius: 0.2rem;
  border: solid 0.1rem #d9dbe1;
  border-top: 0.4rem solid #c7f3ff;
}
@media (min-width: 1060px) {
  .planing-lookup__item {
    display: flex;
    justify-content: space-between;
    padding: 0;
  }
}
.planing-lookup__item:first-child {
  margin-top: 0;
}
.planing-lookup__item:last-child {
  margin-bottom: 0;
}
.planing-lookup__item:before {
  content: "";
  display: block;
  position: absolute;
  top: -0.4rem;
  right: 0;
  width: 28.125%;
  height: 0.4rem;
  background: #00256c url(../images/planing-lookup__edge.svg) no-repeat 0 0;
  background-size: 20px 4px;
}
@media (min-width: 1060px) {
  .planing-lookup__item:before {
    width: 29.6%;
  }
}
@media (min-width: 1060px) {
  .planing-lookup__ticket {
    width: 71.1%;
    padding: 2.3rem 0 2.3rem 2rem;
  }
}
.planing-lookup__edit {
  display: inline-block;
  border: 0;
  background-color: transparent;
  color: #000;
  font-size: 1.4rem;
  line-height: 1.58;
  vertical-align: top;
  cursor: pointer;
}
.planing-lookup__edit:before {
  content: "";
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  margin-top: -0.2rem;
  margin-right: 0.4rem;
  background: url(../images/planning-edit.svg) no-repeat center center;
  background-size: 16px 16px;
  vertical-align: middle;
}
.planing-lookup__edit-text {
  display: inline-block;
  border-bottom: 1px solid #000;
  vertical-align: top;
}
.planing-lookup__edit.-before {
  color: #555;
}
.planing-lookup__edit.-before:before {
  background: url(../images/planning-edit-before.svg) no-repeat center center;
  background-size: 16px 16px;
}
.planing-lookup__edit.-before .planing-lookup__edit-text {
  border-bottom: 1px solid #555;
}
.planing-lookup__edit:hover,
.planing-lookup__edit:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .planing-lookup__edit:hover,
.app .planing-lookup__edit:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.planing-lookup__trip {
  overflow: hidden;
  position: relative;
  margin-top: 1.6rem;
}
@media (min-width: 1060px) {
  .planing-lookup__trip {
    max-width: 56rem;
    margin: 0 auto;
  }
}
.planing-lookup__trip:after {
  content: "";
  display: block;
  clear: both;
}
.planing-lookup__location {
  display: block;
  width: 9.4rem;
  background: #fff;
  text-align: center;
}
@media (min-width: 1060px) {
  .planing-lookup__location {
    width: 14rem;
  }
}
.planing-lookup__location.-from {
  float: left;
}
.planing-lookup__location.-to {
  float: right;
}
.planing-lookup__location.-to:before {
  content: "";
  display: block;
  position: absolute;
  top: 2.2rem;
  left: 10rem;
  right: 10rem;
  border-top: 0.1rem dashed #0064de;
}
@media (min-width: 1060px) {
  .planing-lookup__location.-to:before {
    top: 2.7rem;
    left: 14rem;
    right: 14rem;
    border-color: #5497e9;
  }
}
.planing-lookup__location.-to:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  width: 6rem;
  height: 4.5rem;
  margin-left: -2.8rem;
  background: #fff url(../images/planing-lookup__route-to.svg) no-repeat center center;
  background-size: 24px 24px;
}
@media (min-width: 1060px) {
  .planing-lookup__location.-to:after {
    width: 6.4rem;
    height: 5.5rem;
    margin-left: -3.2rem;
  }
}
.planing-lookup__code {
  display: inline-block;
  width: 100%;
  color: #000;
  font-weight: 700;
  font-size: 2.8rem;
  line-height: 1.5;
}
@media (min-width: 1060px) {
  .planing-lookup__code {
    font-size: 3.2rem;
  }
}
.planing-lookup__airport {
  display: block;
  margin-left: -0.4rem;
  color: #555;
  font-size: 1.2rem;
}
@media (min-width: 1060px) {
  .planing-lookup__airport {
    padding: 0 0.5rem;
    font-size: 1.4rem;
    line-height: 1.58;
  }
}
.planing-lookup__date {
  margin-top: 2rem;
  color: #000;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.58;
  text-align: center;
}
@media (min-width: 1060px) {
  .planing-lookup__date {
    margin-top: 1.1rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.planing-lookup__links {
  margin-top: 1.6rem;
  text-align: right;
}
@media (min-width: 1060px) {
  .planing-lookup__links {
    margin-top: 0.4rem;
    padding: 0 3rem;
  }
}
.planing-lookup__purchase {
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: 0.1rem dashed #d9dbe1;
}
@media (min-width: 1060px) {
  .planing-lookup__purchase {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 28.9%;
    margin: 0;
    padding: 2.3rem 5rem;
    border-top: 0;
    border-left: 0.1rem dashed #d9dbe1;
  }
}
.planing-lookup__duration {
  color: #de001b;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .planing-lookup__duration {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.planing-lookup__number {
  margin-top: 0.4rem;
  color: #000;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .planing-lookup__number {
    margin-top: 1rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.planing-lookup__button {
  display: block;
  width: 100%;
  min-height: 4.2rem;
  margin-top: 1.2rem;
  border-radius: 0.2rem;
  border: 0;
  outline: 0;
  background: #00256c;
  color: #fff;
  font-size: 1.4rem;
  line-height: 1.58;
  cursor: pointer;
}
@media (min-width: 1060px) {
  .planing-lookup__button {
    min-height: 4.8rem;
    margin-top: 1rem;
    font-size: 1.6rem;
    line-height: 1.58;
  }
}
.planing-lookup__button.-checkin {
  background: #0064de;
}
.planing-lookup__button:hover,
.planing-lookup__button:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.app .planing-lookup__button:hover,
.app .planing-lookup__button:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.planing-cart__item {
  position: relative;
  margin: 2rem 0;
  padding: 2rem;
  border-radius: 0.2rem;
  border: solid 0.1rem #d9dbe1;
  background: #f8fbff;
}
@media (min-width: 1060px) {
  .planing-cart__item {
    padding: 0;
  }
}
.planing-cart__item:first-child {
  margin-top: 0;
}
.planing-cart__item:last-child {
  margin-bottom: 0;
}
.planing-cart__wrapper {
  position: relative;
}
@media (min-width: 1060px) {
  .planing-cart__wrapper {
    min-height: 20.9rem;
    padding: 2.6rem 28.9% 2.4rem 2rem;
  }
}
.planing-cart__data {
  color: #000;
  font-weight: 400;
  font-size: 1.4rem;
}
@media (min-width: 1060px) {
  .planing-cart__data {
    display: block;
    font-size: 1.6rem;
  }
}
.planing-cart__key {
  display: inline;
  font-weight: 400;
  font-size: 1.4rem;
}
@media (min-width: 1060px) {
  .planing-cart__key {
    font-size: 1.6rem;
  }
}
.planing-cart__value {
  position: relative;
  font-size: 1.4rem;
}
@media (min-width: 1060px) {
  .planing-cart__value {
    font-size: 1.6rem;
  }
}
.planing-cart__btn {
  display: inline-block;
  width: 4rem;
  height: 4rem;
  background: url(../images/cm-cart-delete.svg) no-repeat center center;
  background-size: 24px 24px;
  border: 0;
  background-color: transparent;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}
.planing-cart__btn:hover,
.planing-cart__btn:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .planing-cart__btn:hover,
.app .planing-cart__btn:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.planing-cart__route {
  overflow: hidden;
  position: relative;
  margin-top: 1.7rem;
}
@media (min-width: 1060px) {
  .planing-cart__route {
    max-width: 56rem;
    margin: 1.4rem auto 0;
  }
}
.planing-cart__route:after {
  content: "";
  display: block;
  clear: both;
}
.planing-cart__from {
  float: left;
  display: block;
  width: 9.4rem;
  text-align: center;
}
@media (min-width: 1060px) {
  .planing-cart__from {
    width: 14rem;
  }
}
.planing-cart__to {
  float: right;
  display: block;
  width: 9.4rem;
  text-align: center;
}
@media (min-width: 1060px) {
  .planing-cart__to {
    width: 14rem;
  }
}
.planing-cart__code {
  display: inline-block;
  width: 100%;
  color: #000;
  font-weight: 700;
  font-size: 2.8rem;
  line-height: 1.5;
}
@media (min-width: 1060px) {
  .planing-cart__code {
    font-size: 3.2rem;
  }
}
.planing-cart__airport {
  display: block;
  margin-left: -0.4rem;
  color: #555;
  font-size: 1.2rem;
}
@media (min-width: 1060px) {
  .planing-cart__airport {
    padding: 0 0.5rem;
    font-size: 1.4rem;
    line-height: 1.58;
  }
}
.planing-cart__progress {
  content: "";
  display: block;
  position: absolute;
  top: 2.2rem;
  left: 10rem;
  right: 10rem;
  height: 0.2rem;
  background: #d9dbe1;
}
@media (min-width: 1060px) {
  .planing-cart__progress {
    top: 2.7rem;
    left: 14rem;
    right: 14rem;
  }
}
.planing-cart__progress-point {
  display: none;
}
@media (min-width: 1060px) {
  .planing-cart__progress-point {
    display: block;
    position: absolute;
    width: 0.2rem;
    height: 0.2rem;
    border-radius: 50%;
    background: #fff;
    overflow: hidden;
    text-indent: 100%;
    transform: translateX(-50%);
  }
  .planing-cart__progress-point.-point20 {
    left: 20%;
  }
  .planing-cart__progress-point.-point40 {
    left: 40%;
  }
  .planing-cart__progress-point.-point60 {
    left: 60%;
  }
  .planing-cart__progress-point.-point80 {
    left: 80%;
  }
}
.planing-cart__progress-value {
  position: absolute;
  height: 100%;
  background: #00256c;
  text-indent: 100%;
}
.planing-cart__progress-value.-value10 {
  width: 10%;
}
.planing-cart__progress-value.-value20 {
  width: 20%;
}
.planing-cart__progress-value.-value30 {
  width: 30%;
}
.planing-cart__progress-value.-value40 {
  width: 40%;
}
.planing-cart__progress-value.-value50 {
  width: 50%;
}
.planing-cart__progress-value.-value60 {
  width: 60%;
}
.planing-cart__progress-value.-value70 {
  width: 70%;
}
.planing-cart__progress-value.-value80 {
  width: 80%;
}
.planing-cart__progress-value.-value90 {
  width: 90%;
}
.planing-cart__progress-value.-value100 {
  width: 100%;
}
.planing-cart__progress-value:after {
  content: "";
  display: block;
  position: absolute;
  top: -1.1rem;
  right: -2.8rem;
  width: 2.4rem;
  height: 2.4rem;
  background: url(../images/planing-cart-airplane.svg) no-repeat center center;
  background-size: 18px 18px;
}
.planing-cart__date {
  margin-top: 2rem;
  color: #000;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.58;
  text-align: center;
}
@media (min-width: 1060px) {
  .planing-cart__date {
    margin-top: 1.2rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.planing-cart__status {
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: 0.1rem dashed #d9dbe1;
}
@media (min-width: 1060px) {
  .planing-cart__status {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: absolute;
    top: 2.3rem;
    right: 0;
    bottom: 2.3rem;
    width: 28.9%;
    margin: 0;
    padding: 0 5rem;
    border-top: 0;
    border-left: 0.1rem dashed #d9dbe1;
  }
}
.planing-cart__status-info {
  color: #00256c;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1.58;
}
.pop-info__planum {
  display: block;
  font-size: 1.6rem;
  line-height: 1.5;
  color: #00256c;
}
@media (min-width: 1060px) {
  .pop-info__planum {
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.pop-info__btns {
  padding: 1.6rem 0 2rem;
  text-align: right;
}
@media (min-width: 1060px) {
  .pop-info__btns {
    padding: 2rem 0;
  }
}
.pop-info__btns .option {
  min-width: inherit;
}
@media (min-width: 1060px) {
  .pop-info__btns .option {
    min-width: 3.6rem;
  }
}
.pop-info__btns .-alignment:before {
  content: "";
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  margin-top: -0.2rem;
  margin-right: 0;
  background: url(../images/cm-filter-key.svg) no-repeat;
  background-size: 16px 16px;
  vertical-align: middle;
}
@media (min-width: 1060px) {
  .pop-info__btns .-alignment:before {
    margin-right: 0.4rem;
  }
}
.pop-info__btns__hid {
  overflow: hidden;
  white-space: nowrap;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  position: absolute;
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  border: 0;
}
@media (min-width: 1060px) {
  .pop-info__btns__hid {
    overflow: visible;
    position: static;
    width: auto;
    height: auto;
    clip-path: inherit;
    clip: inherit;
  }
}
.pop-info__title {
  display: block;
  width: 100%;
  padding: 0.8rem 1.6rem;
  border-bottom: 1px solid #d9dbe1;
  background-color: #f8f9fc;
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .pop-info__title {
    padding: 0.8rem 4rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.pop-info__info-list {
  list-style: none;
}
.pop-info__restricted {
  margin-bottom: 2rem;
  line-height: 1;
}
.pop-info__restricted .remark {
  font-size: 1.2rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .pop-info__restricted .remark {
    font-size: 1.4rem;
  }
}
.pop-info__restricted .remark .remark.-bold {
  font-size: 1.4rem;
  line-height: 1.5;
}
@media (min-width: 1060px) {
  .pop-info__restricted .remark .remark.-bold {
    font-size: 1.6rem;
  }
}
.pop-info__list {
  margin-top: 2rem;
}
@media (min-width: 1060px) {
  .pop-info__list {
    margin-top: 1.2rem;
  }
}
.pop-info__info {
  position: relative;
  padding: 2rem 1.5rem;
  list-style: none;
  border: 0.1rem solid #d9dbe1;
  border-radius: 0.2rem;
  align-items: center;
  justify-content: center;
}
@media (min-width: 1060px) {
  .pop-info__info {
    display: flex;
    padding: 3.3rem 0 3.1rem 0;
  }
}
.pop-info__info.-statement .pop-info__wrap {
  position: relative;
  padding-top: 3rem;
}
@media (min-width: 1060px) {
  .pop-info__info.-statement .pop-info__wrap {
    border-left: 0.1rem solid #d9dbe1;
  }
}
.pop-info__info.-statement .pop-info__flag {
  position: absolute;
  left: 0;
  padding-left: 2rem;
  font-size: 1.2rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .pop-info__info.-statement .pop-info__flag {
    left: 2.4rem;
    font-size: 1.4rem;
  }
}
.pop-info__info.-statement .pop-info__flag:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1.6rem;
  height: 1.6rem;
  background-size: 100%;
}
.pop-info__info.-statement.-pre__changed .pop-info__flag {
  color: #767676;
}
.pop-info__info.-statement.-pre__changed .pop-info__flag:before {
  background: url(../images/schedule-flag-prechanged.svg) no-repeat 50% 50%;
  background-size: 16px 16px;
}
.pop-info__info.-statement.-pro__changed {
  border-color: #0064de;
}
.pop-info__info.-statement.-pro__changed .pop-info__flag {
  color: #0064de;
}
.pop-info__info.-statement.-pro__changed .pop-info__flag:before {
  background: url(../images/schedule-flag-prochanged.svg) no-repeat 50% 50%;
  background-size: 16px 16px;
}
.pop-info__info.-statement.-assured {
  border-color: #0064de;
}
.pop-info__info.-statement.-assured .pop-info__flag {
  color: #0064de;
}
.pop-info__info.-statement.-assured .pop-info__flag:before {
  background: url(../images/schedule-flag-assured.svg) no-repeat 50% 50%;
  background-size: 16px 16px;
}
.pop-info__info.-statement.-canceled {
  background-color: #f8f9fc;
}
.pop-info__info.-statement.-canceled .pop-info__flag {
  color: #de001b;
}
.pop-info__info.-statement.-canceled .pop-info__flag:before {
  background: url(../images/schedule-flag-canceled.svg) no-repeat 50% 50%;
  background-size: 16px 16px;
}
.pop-info__info.-statement.-canceled .pop-info__plane {
  color: #555;
}
.pop-info__info.-statement.-canceled .pop-info__code {
  color: #555;
}
.pop-info__info.-statement.-delayed .pop-info__flag {
  color: #de001b;
}
.pop-info__info.-statement.-delayed .pop-info__flag:before {
  background: url(../images/schedule-flag-delayed.svg) no-repeat 50% 50%;
  background-size: 16px 16px;
}
.pop-info__info.-statement.-missed {
  background-color: #f8f9fc;
}
.pop-info__info.-statement.-missed .pop-info__flag {
  color: #de001b;
}
.pop-info__info.-statement.-missed .pop-info__flag:before {
  background: url(../images/schedule-flag-missed.svg) no-repeat 50% 50%;
  background-size: 16px 16px;
}
.pop-info__info.-statement.-missed .pop-info__plane {
  color: #555;
}
.pop-info__info.-statement.-missed .pop-info__code {
  color: #555;
}
.pop-info__info + .pop-info__info {
  position: relative;
  margin-top: 1.2rem;
}
.pop-info__airseat {
  display: flex;
  align-items: center;
  position: relative;
  margin-bottom: 1.6rem;
  padding-bottom: 1.8rem;
  border-bottom: 0.1rem solid #d9dbe1;
}
@media (min-width: 1060px) {
  .pop-info__airseat {
    flex-direction: column;
    width: 15.25%;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-left: 1rem;
    padding-right: 1rem;
    border-bottom: 0;
    text-align: center;
  }
}
.pop-info__flight {
  position: relative;
  margin: 0 1.2rem;
  padding: 0;
  border: 0;
  background-color: transparent;
  font-size: 1.2rem;
  text-align: left;
  white-space: nowrap;
}
@media (min-width: 1060px) {
  .pop-info__flight {
    white-space: nowrap;
    margin: 0;
    font-size: 1.4rem;
    text-align: center;
  }
}
.pop-info__flight:hover,
.pop-info__flight:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .pop-info__flight:hover,
.app .pop-info__flight:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.pop-info__plane {
  display: inline-block;
  font-style: normal;
  font-weight: 700;
  font-size: 1.4rem;
  color: #000;
  vertical-align: middle;
  white-space: nowrap;
}
@media (min-width: 1060px) {
  .pop-info__plane {
    display: block;
    font-size: 1.6rem;
  }
}
.pop-info__value {
  margin: 0 1.2rem;
  font-style: normal;
  font-size: 1.2rem;
  color: #000;
}
@media (min-width: 1060px) {
  .pop-info__value {
    margin: 0;
    font-size: 1.4rem;
  }
}
.pop-info__flight .pop-info__value {
  margin: 0;
  color: #0064de;
  text-decoration: underline;
}
.pop-info__seat {
  margin-left: auto;
  font-size: 1.2rem;
  color: #555;
}
@media (min-width: 1060px) {
  .pop-info__seat {
    display: block;
    position: static;
    margin-top: 0.8rem;
    margin-left: 0;
    font-size: 1.4rem;
    transform: inherit;
  }
}
.pop-info__wrap {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
}
@media (min-width: 1060px) {
  .pop-info__wrap {
    justify-content: flex-start;
    width: 84.75%;
    padding-left: 2.4rem;
    border-left: 0.1rem solid #d9dbe1;
  }
}
.pop-info__flag {
  position: absolute;
  top: 0;
}
.pop-info__route {
  display: flex;
  justify-content: space-between;
}
@media (min-width: 1060px) {
  .pop-info__route {
    justify-content: flex-start;
  }
}
.pop-info__from {
  width: 100%;
  padding-right: 1.6rem;
  text-align: center;
}
@media (min-width: 1060px) {
  .pop-info__from {
    width: 50%;
    padding-right: 2rem;
    text-align: left;
  }
}
.pop-info__from .captions__item {
  display: inline-block;
}
@media (min-width: 1060px) {
  .pop-info__from .captions__item {
    display: block;
  }
}
.pop-info__to {
  position: relative;
  width: 100%;
  padding-left: 1.6rem;
  text-align: center;
}
@media (min-width: 1060px) {
  .pop-info__to {
    width: 50%;
    padding-left: 3.8rem;
    text-align: left;
  }
}
.pop-info__to:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: -0.8rem;
  top: 0.4rem;
  width: 1.6rem;
  height: 1.6rem;
  background: url(../images/planing-lookup__to.svg) no-repeat 50% 50%;
  background-size: 16px 16px;
}
@media (min-width: 1060px) {
  .pop-info__to:before {
    top: 0.8rem;
  }
}
.pop-info__notify {
  text-align: center;
}
@media (min-width: 1060px) {
  .pop-info__notify {
    text-align: left;
  }
}
.pop-info__adder {
  display: inline-block;
  margin-top: 2.4rem;
  position: relative;
  color: #00256c;
  font-size: 1.4rem;
  line-height: 1.58;
}
.pop-info__adder.-train {
  padding-left: 2rem;
}
.pop-info__adder.-train:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1.6rem;
  height: 1.6rem;
  background: url(../images/cm-reservation-txt-train.svg) no-repeat 50% 50%;
  background-size: 16px 16px;
}
@media (min-width: 1060px) {
  .pop-info__adder {
    display: block;
  }
}
.pop-info__code {
  color: #000;
  font-size: 1.8rem;
  font-weight: 700;
  font-style: normal;
  line-height: 1.56;
}
@media (min-width: 1060px) {
  .pop-info__code {
    display: inline-block;
    margin-right: 0.8rem;
    font-size: 2.2rem;
    line-height: 1.55;
    vertical-align: top;
  }
}
.pop-info__airport {
  display: block;
  color: #555;
  font-size: 1.2rem;
  line-height: 1.5;
}
@media (min-width: 1060px) {
  .pop-info__airport {
    display: inline-block;
    font-size: 1.4rem;
    line-height: 2.43;
    vertical-align: top;
  }
}
.pop-info__detail {
  margin-top: 1.2rem;
}
@media (min-width: 1060px) {
  .pop-info__detail {
    margin-top: 0.9rem;
    letter-spacing: -0.5px;
  }
}
.pop-info__time {
  display: block;
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .pop-info__time {
    display: inline-block;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.pop-info__del {
  position: relative;
  text-decoration: line-through;
  color: #de001b;
}
.pop-info__del .pop-info__sheet {
  text-decoration: line-through;
}
.pop-info__default {
  display: block;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .pop-info__default {
    display: inline-block;
    line-height: 1.5;
  }
}
.pop-info__sheet {
  display: block;
}
@media (min-width: 1060px) {
  .pop-info__sheet {
    display: inline-block;
  }
}
.pop-info__terminal {
  display: block;
  position: relative;
  margin-top: 0.8rem;
  padding-left: 0;
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .pop-info__terminal {
    display: inline-block;
    margin-top: 0;
    padding-left: 2.1rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
@media (min-width: 1060px) {
  .pop-info__terminal:before {
    content: "";
    display: block;
    position: absolute;
    top: 0.5rem;
    left: 0.9rem;
    width: 1px;
    height: 1.3rem;
    background-color: #d9dbe1;
  }
}
.dbl-add-list {
  margin-bottom: 2rem;
}
@media (min-width: 1060px) {
  .dbl-add-list {
    margin-bottom: 4rem;
  }
}
.dbl-add-list .caption {
  margin: 0.8rem 0 0;
}
.dbl-add-list .list__item {
  font-size: 1.2rem;
}
@media (min-width: 1060px) {
  .dbl-add-list .list__item {
    font-size: 1.4rem;
  }
}
.dbl-add-list .list__item .list {
  margin-top: 0;
  padding-left: 2rem;
}
.dbl-add-list .list__item .list__item {
  margin-top: 0;
}
.is-nodata__nodata {
  text-align: center;
  border: 0.1rem solid #e7eaf0;
  padding: 2rem 0;
}
@media (min-width: 1060px) {
  .is-nodata__nodata {
    padding: 4rem 0;
  }
}
.is-nodata__nodata .p {
  display: inline-block;
  position: relative;
  padding-top: 6rem;
  color: #000;
  font-weight: 700;
  font-size: 1.8rem;
}
@media (min-width: 1060px) {
  .is-nodata__nodata .p {
    padding-top: 8.4rem;
  }
}
.is-nodata__nodata .p:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 4.8rem;
  height: 4.8rem;
  background: url(../images/planing-nodata.svg) no-repeat 50% 50%;
  background-size: 48px 48px;
}
@media (min-width: 1060px) {
  .is-nodata__nodata .p:before {
    width: 6.5rem;
    height: 6.4rem;
    background-size: 6.5rem 6.4rem;
  }
}
.is-nodata__nodata .p[tabindex]:hover,
.is-nodata__nodata .p[tabindex]:focus {
  outline: 0;
}
.is-nodata__nodata.-noline {
  border: 0;
}
.pop-filter__wrap {
  margin-top: 3rem;
}
.pop-filter__wrap:first-child {
  margin-top: 0;
}
.sp-multi-carseat__list {
  display: flex;
  flex-direction: column;
  margin: 2.4rem 0 0;
  padding: 2rem;
  border: 0.1rem solid #d9dbe1;
}
@media (min-width: 1060px) {
  .sp-multi-carseat__list {
    flex-direction: row;
    padding: 4rem;
  }
}
.sp-multi-carseat__item {
  flex: 1;
  margin-top: 4rem;
}
@media (min-width: 1060px) {
  .sp-multi-carseat__item {
    margin-top: 0;
    padding: 0 2rem;
  }
}
.sp-multi-carseat__item .label {
  padding-left: 0;
  font-size: 1.4rem;
  color: #767676;
}
.sp-multi-carseat__item:first-child {
  margin-top: 0;
  padding-left: 0;
}
.sp-multi-carseat__item:last-child {
  padding-right: 0;
}
.opt-control-space {
  margin: 2.3rem 0;
}
@media (min-width: 1060px) {
  .opt-control-space {
    margin: 2rem 0 2.4rem;
  }
}
.itinerary-info {
  margin: 2rem 0 4rem 0;
}
.itinerary-info__item {
  margin-top: 1.2rem;
  padding: 2rem;
  border: 1px solid #d9dbe1;
}
@media (min-width: 1060px) {
  .itinerary-info__item {
    display: flex;
    justify-content: space-between;
    padding: 3.2rem 0;
  }
}
.itinerary-info__item:first-child {
  margin-top: 0;
}
@media (min-width: 1060px) {
  .itinerary-info__item.-domestic .itinerary-info__info {
    padding-left: 4rem;
  }
}
@media (min-width: 1060px) {
  .itinerary-info__item.-domestic .itinerary-info__class {
    display: block;
  }
}
@media (min-width: 1060px) {
  .itinerary-info__item.-domestic .itinerary-info__status {
    display: block;
    width: 100%;
    padding-left: 3rem;
  }
}
@media (min-width: 1060px) {
  .itinerary-info__item.-overseas .itinerary-info__number,
  .itinerary-info__item.-overseas .itinerary-info__class,
  .itinerary-info__item.-overseas .itinerary-info__status {
    width: 100%;
  }
}
.itinerary-info__item.-rest .itinerary-info__class {
  margin-left: auto;
}
.itinerary-info__info {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding-bottom: 1.6rem;
}
@media (min-width: 1060px) {
  .itinerary-info__info {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    flex-shrink: 0;
    width: 22rem;
    padding: 0 1rem 0 7.2rem;
  }
}
.itinerary-info__number {
  font-size: 1.4rem;
  font-weight: 700;
  color: #000;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .itinerary-info__number {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.itinerary-info__class {
  margin-left: 0.9rem;
  font-size: 1.2rem;
  color: #555;
}
@media (min-width: 1060px) {
  .itinerary-info__class {
    margin: 0.2rem 0 0;
    font-size: 1.4rem;
    line-height: 1.58;
  }
}
.itinerary-info__status {
  margin-left: auto;
  font-size: 1.4rem;
  color: #0064de;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .itinerary-info__status {
    margin: 0.8rem 0 0 0;
  }
}
.itinerary-info__status.-used {
  color: #de001b;
}
.itinerary-info__route {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 2.4rem 0 0 0;
  border-top: 1px solid #d9dbe1;
}
@media (min-width: 1060px) {
  .itinerary-info__route {
    align-items: center;
    width: 100%;
    padding: 0 4rem;
    border-top: 0;
    border-left: 1px solid #d9dbe1;
  }
}
.itinerary-info__from {
  display: flex;
  flex-direction: column;
  width: 50%;
  padding-right: 2.8rem;
  text-align: center;
}
@media (min-width: 1060px) {
  .itinerary-info__from {
    display: block;
    padding-right: 4.2rem;
    text-align: left;
  }
}
.itinerary-info__to {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 50%;
  padding-left: 2.8rem;
  text-align: center;
}
@media (min-width: 1060px) {
  .itinerary-info__to {
    display: block;
    padding-left: 4.2rem;
    text-align: left;
  }
}
.itinerary-info__to:before {
  content: "";
  display: block;
  position: absolute;
  top: 0.4rem;
  left: -0.8rem;
  width: 1.6rem;
  height: 1.6rem;
  background: url(../images/itinerary-info__to.svg) no-repeat 50% 50%;
  background-size: 16px 16px;
}
@media (min-width: 1060px) {
  .itinerary-info__to:before {
    top: 0.8rem;
  }
}
.itinerary-info__code {
  font-style: normal;
  font-size: 1.8rem;
  font-weight: 700;
  color: #000;
}
@media (min-width: 1060px) {
  .itinerary-info__code {
    display: inline-block;
    vertical-align: top;
    font-size: 2.2rem;
  }
}
.itinerary-info__airport {
  margin-bottom: 1.2rem;
  font-size: 1.2rem;
  color: #555;
}
@media (min-width: 1060px) {
  .itinerary-info__airport {
    display: inline-block;
    vertical-align: top;
    margin: 0.6rem 0 0 0.4rem;
    font-size: 1.4rem;
    line-height: 1.58;
  }
}
.itinerary-info__date {
  display: block;
  margin-top: auto;
  font-size: 1.4rem;
  color: #555;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .itinerary-info__date {
    margin-top: 0.4rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.itinerary-info__codeshare {
  display: block;
  width: 100%;
  margin-top: 2rem;
  font-size: 1.4rem;
  color: #00256c;
  text-align: center;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .itinerary-info__codeshare {
    text-align: left;
  }
}
@media (min-width: 1060px) {
  .refund-details {
    position: relative;
    padding-left: 33.4%;
  }
}
.refund-details__passenger {
  margin: 0 0 2rem;
  color: #000;
  font-weight: 700;
  font-size: 1.6rem;
}
@media (min-width: 1060px) {
  .refund-details__passenger {
    position: absolute;
    top: 0;
    left: 0;
    width: 30%;
    padding-right: 2rem;
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.refund-details__name {
  font-weight: 700;
  font-size: 1.6rem;
}
@media (min-width: 1060px) {
  .refund-details__name {
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.refund-details__statement {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.refund-details__ticket {
  flex: 1;
  margin-right: 0.8rem;
  font-size: 1.4rem;
  font-weight: bold;
  color: #000;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .refund-details__ticket {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.refund-details__title {
  margin: 3.3rem 0 0;
  padding-bottom: 1.2rem;
  border-bottom: 1px solid #d9dbe1;
  color: #000;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .refund-details__title {
    margin-top: 4rem;
    padding-bottom: 1.4rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.refund-details__title:first-of-type {
  margin-top: 2rem;
}
@media (min-width: 1060px) {
  .refund-details__title:first-of-type {
    margin-top: 0;
  }
}
.refund-details__list {
  padding: 0.4rem 0 0;
}
@media (min-width: 1060px) {
  .refund-details__list {
    padding: 1.2rem 0 0;
  }
}
.refund-details__list.-rest {
  margin-bottom: 2rem;
  padding-bottom: 1.2rem;
  border-bottom: 1px solid #d9dbe1;
}
@media (min-width: 1060px) {
  .refund-details__list.-rest {
    margin-bottom: 3.2rem;
    padding-bottom: 2.4rem;
  }
}
.refund-details__list:last-child.-rest {
  margin-bottom: 0;
  padding-bottom: 0;
  border: 0;
}
.refund-details__item {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0.8rem 0;
  padding: 0 1.2rem;
}
@media (min-width: 1060px) {
  .refund-details__item {
    padding: 0 2rem;
  }
}
.refund-details__list.-rest .refund-details__item {
  padding: 0;
}
.refund-details__branch + .refund-details__branch {
  margin-top: 3.3rem;
}
@media (min-width: 1060px) {
  .refund-details__branch + .refund-details__branch {
    margin-top: 4rem;
  }
}
.refund-details__key {
  color: #555;
  font-size: 1.4rem;
  font-style: normal;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .refund-details__key {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.refund-details__value {
  margin-left: auto;
  color: #000;
  font-size: 1.4rem;
  line-height: 1.58;
  text-align: right;
}
@media (min-width: 1060px) {
  .refund-details__value {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.refund-details__value.-positive {
  color: #00256c;
  font-weight: 700;
}
.refund-details__value.-negative {
  color: #de001b;
}
.refund-details__complex {
  display: block;
}
@media (min-width: 1060px) {
  .refund-details__complex {
    display: inline;
  }
}
.refund-details__opener {
  display: inline-block;
  border: 0;
  background: transparent none;
  color: #555;
  font-size: 1.4rem;
  font-style: normal;
  line-height: 1.58;
  text-align: left;
}
@media (min-width: 1060px) {
  .refund-details__opener {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.refund-details__opener:after {
  content: "";
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  margin-left: 0.4rem;
  background: url(../images/refund-details__opener.svg) no-repeat 100% 50%;
  background-size: 24px 24px;
  vertical-align: top;
}
.refund-details__opener.-positive {
  color: #00256c;
  font-weight: 700;
}
.refund-details__opener:hover,
.refund-details__opener:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.app .refund-details__opener:hover,
.app .refund-details__opener:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.refund-sub {
  margin: 1.2rem 0 0;
  padding: 0 1.2rem;
  background-color: #f8f9fc;
}
@media (min-width: 1060px) {
  .refund-sub {
    padding: 0 2rem;
  }
}
.refund-sub.-expand {
  display: none;
  width: calc(100% + 2.4rem);
  margin: 1.2rem -1.2rem 0;
}
@media (min-width: 1060px) {
  .refund-sub.-expand {
    width: calc(100% + 4rem);
    margin: 1.2rem -2rem 0;
  }
}
.refund-sub.-expand.-active {
  display: block;
}
.refund-sub__list {
  padding: 0.4rem 0;
  border-top: 1px solid #eaebef;
}
@media (min-width: 1060px) {
  .refund-sub__list {
    padding: 1.2rem 0;
  }
}
.refund-sub__list:first-of-type {
  border-top: 0;
}
.refund-sub__item {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0.8rem 0;
}
.refund-sub__key {
  color: #555;
  font-size: 1.4rem;
  font-style: normal;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .refund-sub__key {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.refund-sub__opener {
  display: inline-block;
  border: 0;
  background: transparent none;
  color: #555;
  font-size: 1.4rem;
  font-style: normal;
  line-height: 1.58;
  text-align: left;
}
@media (min-width: 1060px) {
  .refund-sub__opener {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.refund-sub__opener:after {
  content: "";
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  margin-left: 0.4rem;
  background: url(../images/refund-sub__opener.svg) no-repeat 100% 50%;
  background-size: 24px 24px;
  vertical-align: top;
}
.refund-sub__opener:hover,
.refund-sub__opener:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.app .refund-sub__opener:hover,
.app .refund-sub__opener:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.refund-sub__value {
  flex-shrink: 0;
  margin-left: auto;
  padding-left: 0.5rem;
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
  text-align: right;
}
@media (min-width: 1060px) {
  .refund-sub__value {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.refund-sub__value.-negative {
  color: #de001b;
}
.refund-account {
  display: none;
}
.refund-account.-active {
  display: block;
}
.refund-account__info {
  margin-top: 4rem;
}
@media (min-width: 1060px) {
  .refund-account__info {
    display: flex;
    flex-wrap: wrap;
    margin: 4rem -4rem 0 0;
  }
}
.refund-account__title {
  width: 100%;
  margin-bottom: 2rem;
  color: #000;
  font-weight: 700;
  font-size: 1.6rem;
}
@media (min-width: 1060px) {
  .refund-account__title {
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.refund-account__field {
  margin-top: 4rem;
}
.refund-account__field:first-of-type {
  margin-top: 0;
}
@media (min-width: 1060px) {
  .refund-account__field {
    width: 33.3%;
    margin-top: 0;
    padding-right: 4rem;
  }
}
.refund-rules__rule {
  display: none;
}
.refund-rules__rule.-mobile {
  display: block;
}
.refund-rules__rule.-pc {
  margin-bottom: 1.6rem;
}
@media (min-width: 1060px) {
  .refund-rules__rule.-mobile {
    display: none;
  }
  .refund-rules__rule.-pc {
    display: block;
  }
}
.refund-rules__item {
  margin: 2rem 0;
}
.refund-rules__item:first-child {
  margin-top: 0;
}
.refund-rules__title {
  margin-bottom: 1.2rem;
  padding-bottom: 0.8rem;
  border-bottom: 1px solid #d9dbe1;
  font-size: 1.4rem;
  font-weight: bold;
  color: #000;
  line-height: 1.58;
}
.refund-rules__detail {
  display: flex;
  justify-content: space-between;
}
.refund-rules__detail + .refund-rules__detail {
  margin-top: 0.8rem;
}
.refund-rules__key {
  flex: 1;
  font-size: 1.4rem;
  font-weight: normal;
  color: #555;
}
.refund-rules__val {
  flex: 1;
  margin-left: 2rem;
  font-size: 1.4rem;
  font-weight: normal;
  color: #000;
  text-align: right;
  line-height: 1.58;
}
.reserve-options {
  margin-top: 1.5rem;
}
@media (min-width: 1060px) {
  .reserve-options {
    margin-top: 0;
  }
}
.reserve-options__item {
  display: inline-block;
  margin-top: 0.5rem;
  padding-right: 0.4rem;
}
@media (min-width: 1060px) {
  .reserve-options__item {
    margin-top: 0;
  }
}
.reserve-info {
  margin: 4rem 0;
}
@media (min-width: 1060px) {
  .reserve-info {
    margin: 6rem 0 4rem;
  }
}
@media (min-width: 1060px) {
  .reserve-info__heading {
    display: flex;
    justify-content: space-between;
  }
}
@media (min-width: 1060px) {
  .reserve-info__title {
    margin-top: 0.6rem;
  }
}
.reserve-info__desc {
  display: block;
  margin-top: 1.2rem;
  color: #de001b;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .reserve-info__desc {
    margin-top: 1.4rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.reserve-info__utils {
  margin-top: 2rem;
}
@media (min-width: 1060px) {
  .reserve-info__utils {
    margin-top: 0;
  }
}
.reserve-info__util-item {
  display: inline-block;
  padding-right: 0.4rem;
}
.reserve-info__util {
  display: inline-block;
  min-width: 4.4rem;
  height: 3.6rem;
  margin: 0;
  padding: 0;
  border: 1px solid #767676;
  border-radius: 0.2rem;
  background-color: #fff;
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  appearance: none;
  vertical-align: top;
}
@media (min-width: 1060px) {
  .reserve-info__util {
    min-width: 4rem;
    height: 4rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.reserve-info__util.-nickname {
  position: relative;
  padding: 0.7rem 3.8rem 0.7rem 1.2rem;
}
@media (min-width: 1060px) {
  .reserve-info__util.-nickname {
    padding: 0.8rem 4.6rem 0.8rem 1.2rem;
  }
}
.reserve-info__util.-nickname:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0.6rem;
  width: 2.4rem;
  height: 2.4rem;
  margin-top: -1.2rem;
  background: url(../images/reserve-info__util--nickname.svg) no-repeat 50% 50%;
  background-size: 20px 20px;
}
.reserve-info__util.-schedule {
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  width: 4.4rem;
  background: url(../images/reserve-info__util--schedule.svg) no-repeat 50% 50%;
  background-size: 24px 24px;
}
@media (min-width: 1060px) {
  .reserve-info__util.-schedule {
    width: 4rem;
  }
}
.reserve-info__util.-sms {
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  width: 4.4rem;
  background: url(../images/reserve-info__util--sms.svg) no-repeat 50% 50%;
  background-size: 24px 24px;
}
@media (min-width: 1060px) {
  .reserve-info__util.-sms {
    width: 4rem;
  }
}
.reserve-info__util:hover,
.reserve-info__util:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.app .reserve-info__util:hover,
.app .reserve-info__util:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.reserve-info__list {
  margin: 2rem 0 0;
  border: 1px solid #d9dbe1;
}
.reserve-info__item {
  padding: 0 2rem;
}
@media (min-width: 1060px) {
  .reserve-info__item {
    display: flex;
    justify-content: space-between;
    padding: 3.2rem 0;
  }
}
.reserve-info__item + .reserve-info__item {
  border-top: 1px solid #d9dbe1;
}
.reserve-info__item.-cancel {
  background-color: #f8f9fc;
}
.reserve-info__info {
  display: flex;
  align-items: center;
  padding: 2rem 0 1.6rem;
}
@media (min-width: 1060px) {
  .reserve-info__info {
    flex-direction: column;
    justify-content: center;
    width: 17.4rem;
    padding: 0;
    text-align: center;
  }
}
.reserve-info__number {
  color: #000;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .reserve-info__number {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.reserve-info__item.-cancel .reserve-info__number {
  color: #555;
}
.reserve-info__aircraft {
  margin-left: 1.2rem;
  color: #0064de;
  font-size: 1.2rem;
}
@media (min-width: 1060px) {
  .reserve-info__aircraft {
    margin: 0.1rem 0 0.8rem;
    font-size: 1.4rem;
    line-height: 1.58;
  }
}
.reserve-info__aircraft:hover,
.reserve-info__aircraft:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.app .reserve-info__aircraft:hover,
.app .reserve-info__aircraft:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
span.reserve-info__aircraft:hover,
span.reserve-info__aircraft:focus {
  outline: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.reserve-info__class {
  margin-left: auto;
  color: #555;
  font-size: 1.2rem;
}
@media (min-width: 1060px) {
  .reserve-info__class {
    margin: 0;
    font-size: 1.4rem;
    line-height: 1.58;
  }
}
.reserve-info__grade {
  margin-left: 0.8rem;
  color: #00256c;
  font-size: 1.2rem;
}
@media (min-width: 1060px) {
  .reserve-info__grade {
    margin: 0.4rem 0 0 -0.4rem;
    font-size: 1.4rem;
    line-height: 1.58;
  }
}
.reserve-info__contents {
  position: relative;
  padding: 0.8rem 0 2rem;
  border-top: 1px solid #d9dbe1;
}
@media (min-width: 1060px) {
  .reserve-info__contents {
    width: calc(100% - 17.4rem);
    min-height: 7.6rem;
    padding: 0 4rem;
    border-top: 0;
    border-left: 1px solid #d9dbe1;
  }
}
.reserve-info__status {
  display: block;
  margin-top: 0.8rem;
  padding-left: 2.8rem;
  font-size: 1.2rem;
  line-height: 2;
}
@media (min-width: 1060px) {
  .reserve-info__status {
    margin: 0 0 0.5rem;
    font-size: 1.4rem;
    line-height: 1.58;
  }
}
.reserve-info__item.-delay .reserve-info__status {
  color: #de001b;
  background: url(../images/reserve-info__status--delay.svg) no-repeat 0 50%;
  background-size: 24px 24px;
}
.reserve-info__item.-cancel .reserve-info__status {
  color: #de001b;
  background: url(../images/reserve-info__status--cancel.svg) no-repeat 0 50%;
  background-size: 24px 24px;
}
.reserve-info__item.-standby .reserve-info__status {
  color: #0064de;
  background: url(../images/reserve-info__status--standby.svg) no-repeat 0 50%;
  background-size: 24px 24px;
}
.reserve-info__route {
  display: flex;
  justify-content: space-between;
  margin: 1.6rem 0 0;
  text-align: center;
}
@media (min-width: 1060px) {
  .reserve-info__route {
    margin: 0.8rem 0 0;
    text-align: left;
  }
}
.reserve-info__from {
  display: flex;
  flex-direction: column;
  width: calc(50% - 2.8rem);
}
@media (min-width: 1060px) {
  .reserve-info__from {
    display: block;
    width: calc(50% - 4.8rem);
  }
}
.reserve-info__from.-terminal-no-data {
  padding-bottom: 3rem;
}
@media (min-width: 1060px) {
  .reserve-info__from.-terminal-no-data {
    padding-bottom: 0;
  }
}
.reserve-info__to {
  display: flex;
  flex-direction: column;
  position: relative;
  width: calc(50% - 2.8rem);
}
@media (min-width: 1060px) {
  .reserve-info__to {
    display: block;
    width: calc(50% - 4.8rem);
  }
}
.reserve-info__to:before {
  content: "";
  display: block;
  position: absolute;
  top: 0.4rem;
  left: -3.6rem;
  width: 1.6rem;
  height: 1.6rem;
  background: #fff url(../images/reserve-info__to.svg) no-repeat 50% 50%;
  background-size: 16px 16px;
}
@media (min-width: 1060px) {
  .reserve-info__to:before {
    top: 0.8rem;
    left: -5.6rem;
  }
}
.reserve-info__to.-terminal-no-data {
  padding-bottom: 3rem;
}
@media (min-width: 1060px) {
  .reserve-info__to.-terminal-no-data {
    padding-bottom: 0;
  }
}
.reserve-info__item.-cancel .reserve-info__to:before {
  background: url(../images/reserve-info__to--cancel.svg) no-repeat 50% 50%;
  background-size: 16px 16px;
}
.reserve-info__code {
  display: block;
  color: #000;
  font-weight: 700;
  font-size: 1.8rem;
  font-style: normal;
}
@media (min-width: 1060px) {
  .reserve-info__code {
    display: inline-block;
    font-size: 2.2rem;
    vertical-align: top;
  }
}
.reserve-info__item.-cancel .reserve-info__code {
  color: #555;
}
.reserve-info__airport {
  display: block;
  margin-bottom: 1.2rem;
  color: #555;
  font-size: 1.2rem;
}
@media (min-width: 1060px) {
  .reserve-info__airport {
    display: inline-block;
    margin-top: 0.5rem;
    font-size: 1.4rem;
    line-height: 1.58;
    vertical-align: top;
  }
}
.reserve-info__sub {
  margin-top: auto;
}
@media (min-width: 1060px) {
  .reserve-info__sub {
    display: flex;
    margin: 0.4rem 0 0;
  }
}
.reserve-info__date {
  display: block;
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .reserve-info__date {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.reserve-info__item.-delay del.reserve-info__date {
  color: #de001b;
}
.reserve-info__terminal {
  display: block;
  margin-top: 0.8rem;
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .reserve-info__terminal {
    position: relative;
    margin-top: auto;
    padding-left: 2.5rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
  .reserve-info__terminal:before {
    content: "";
    display: block;
    position: absolute;
    top: 0.6rem;
    left: 1.2rem;
    width: 1px;
    height: 1.3rem;
    background-color: #e7eaf0;
  }
}
.reserve-info__stops {
  display: inline-block;
  position: absolute;
  top: 4.3rem;
  left: 50%;
  width: 5.6rem;
  max-width: 5.6rem;
  margin: 0 0 0 -2.8rem;
  padding: 0.5rem 0.1rem;
  border: 0;
  background: transparent none;
  color: #0064de;
  font-size: 1.2rem;
  text-decoration: underline;
  text-align: center;
  cursor: pointer;
  appearance: none;
}
@media (min-width: 1060px) {
  .reserve-info__stops {
    top: 3.1rem;
    width: 6.4rem;
    max-width: 6.4rem;
    margin-left: -3.2rem;
    font-size: 1.4rem;
    line-height: 1.58;
  }
}
.reserve-info__item.-delay .reserve-info__stops,
.reserve-info__item.-cancel .reserve-info__stops,
.reserve-info__item.-standby .reserve-info__stops {
  margin-top: 3.2rem;
}
@media (min-width: 1060px) {
  .reserve-info__item.-delay .reserve-info__stops,
  .reserve-info__item.-cancel .reserve-info__stops,
  .reserve-info__item.-standby .reserve-info__stops {
    margin-top: 2.7rem;
  }
}
.reserve-info__stops:hover,
.reserve-info__stops:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .reserve-info__stops:hover,
.app .reserve-info__stops:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.reserve-info__codeshare {
  display: block;
  margin-top: 2rem;
  color: #00256c;
  font-size: 1.4rem;
  line-height: 1.58;
  text-align: center;
}
@media (min-width: 1060px) {
  .reserve-info__codeshare {
    margin-top: 2rem;
    text-align: left;
  }
}
.reserve-info__guide {
  display: block;
  position: relative;
  margin-top: 1.2rem;
  color: #0064de;
  font-size: 1.2rem;
  text-align: center;
}
@media (min-width: 1060px) {
  .reserve-info__guide {
    margin-top: 0.4rem;
    font-size: 1.4rem;
    line-height: 1.58;
    text-align: left;
  }
}
.reserve-info__guide:before {
  content: "";
  display: inline-block;
  width: 1rem;
  height: 1rem;
  margin: 0.6rem 0.4rem 0 0;
  background: url(../images/reserve-info__guide.svg) no-repeat 0 -0.1rem;
  background-size: 10px 10px;
  vertical-align: top;
}
.reserve-info__contact {
  padding: 2rem;
  border: 1px solid #d9dbe1;
  border-top: 0;
}
@media (min-width: 1060px) {
  .reserve-info__contact {
    display: flex;
    padding: 3.2rem 4rem;
  }
}
.reserve-info__data {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (min-width: 1060px) {
  .reserve-info__data {
    width: 50%;
    justify-content: flex-start;
  }
}
.reserve-info__data + .reserve-info__data {
  margin-top: 0.8rem;
}
@media (min-width: 1060px) {
  .reserve-info__data + .reserve-info__data {
    margin: 0;
  }
}
.reserve-info__key {
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .reserve-info__key {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.reserve-info__value {
  margin-left: auto;
  color: #000;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .reserve-info__value {
    margin-left: 4rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
@media (min-width: 1060px) {
  .reserve-passenger {
    display: flex;
    flex-wrap: wrap;
  }
}
@media (min-width: 1060px) {
  .reserve-passenger__heading {
    display: flex;
    align-items: center;
    width: 100%;
    padding-bottom: 1.2rem;
    border-bottom: 1px solid #000;
  }
}
.reserve-passenger__heading .option {
  margin-top: 0.8rem;
}
@media (min-width: 1060px) {
  .reserve-passenger__heading .option {
    margin: 0 0 0 2rem;
  }
}
.reserve-passenger__title {
  display: block;
  color: #000;
  font-size: 1.6rem;
}
@media (min-width: 1060px) {
  .reserve-passenger__title {
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.reserve-passenger__membership {
  display: block;
  margin-top: 0.4rem;
  color: #767676;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .reserve-passenger__membership {
    margin: 0 0 0 2rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.reserve-passenger__info {
  margin: 2rem 0 0;
  padding: 1.6rem;
  background-color: #f8f9fc;
}
@media (min-width: 1060px) {
  .reserve-passenger__info {
    width: 32%;
    padding: 2rem;
  }
}
.reserve-passenger__number-info {
  display: flex;
  justify-content: space-between;
}
.reserve-passenger__number-info + .reserve-passenger__number-info {
  margin-top: 1.2rem;
}
@media (min-width: 1060px) {
  .reserve-passenger__number-info + .reserve-passenger__number-info {
    margin-top: 2rem;
  }
}
.reserve-passenger__sub-title {
  color: #555;
  font-size: 1.2rem;
}
@media (min-width: 1060px) {
  .reserve-passenger__sub-title {
    font-size: 1.4rem;
    line-height: 1.58;
  }
}
.reserve-passenger__number {
  color: #555;
  font-size: 1.2rem;
  text-align: right;
}
@media (min-width: 1060px) {
  .reserve-passenger__number {
    font-size: 1.4rem;
    line-height: 1.58;
  }
}
.reserve-passenger__number + .reserve-passenger__number {
  margin-top: 0.4rem;
}
@media (min-width: 1060px) {
  .reserve-passenger__list {
    width: 68%;
    padding-left: 6rem;
  }
}
.reserve-passenger__item {
  padding-top: 2rem;
}
@media (min-width: 1060px) {
  .reserve-passenger__item {
    display: flex;
  }
}
.reserve-passenger__item + .reserve-passenger__item {
  margin-top: 2rem;
  border-top: 1px dashed #d9dbe1;
}
.reserve-passenger__route {
  margin: 0 0 2rem;
}
@media (min-width: 1060px) {
  .reserve-passenger__route {
    width: 30%;
    margin: 0;
  }
}
.reserve-passenger__code {
  display: inline-block;
  position: relative;
  color: #000;
  font-weight: normal;
  font-size: 1.6rem;
  font-style: normal;
  vertical-align: top;
}
.reserve-passenger__code.-to:before {
  content: "";
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  margin: 0.4rem 0.8rem 0 0.4rem;
  background: url(../images/reserve-passenger__code--to.svg) no-repeat 50% 50%;
  background-size: 16px 16px;
  vertical-align: top;
}
.reserve-passenger__contents {
  margin: 2rem 0 0;
}
@media (min-width: 1060px) {
  .reserve-passenger__contents {
    width: 70%;
    margin: 0;
  }
}
.reserve-passenger__data {
  display: flex;
}
.reserve-passenger__data + .reserve-passenger__data {
  margin-top: 1.2rem;
}
.reserve-passenger__key {
  width: 28%;
  color: #767676;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .reserve-passenger__key {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.reserve-passenger__value {
  display: flex;
  flex-wrap: wrap;
  width: 72%;
  color: #000;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .reserve-passenger__value {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.reserve-passenger__service {
  display: inline-block;
  width: 4.4rem;
  height: 4.4rem;
  margin: 0 0.8rem 0.8rem 0;
  padding: 0;
  border: 1px solid #d9dbe1;
  border-radius: 0.4rem;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  appearance: none;
}
.reserve-passenger__service.-baggage {
  background: url(../images/reserve-passenger__service--baggage.svg) no-repeat 50% 50%;
  background-size: 32px 32px;
}
.reserve-passenger__service.-immigration {
  background: url(../images/reserve-passenger__service--immigration.svg) no-repeat 50% 50%;
  background-size: 32px 32px;
}
.reserve-passenger__service.-meal {
  background: url(../images/reserve-passenger__service--meal.svg) no-repeat 50% 50%;
  background-size: 32px 32px;
}
.reserve-passenger__service.-animal {
  background: url(../images/reserve-passenger__service--animal.svg) no-repeat 50% 50%;
  background-size: 32px 32px;
}
.reserve-passenger__service.-clothes {
  background: url(../images/reserve-passenger__service--clothes.svg) no-repeat 50% 50%;
  background-size: 32px 32px;
}
.reserve-passenger__service.-help {
  background: url(../images/reserve-passenger__service--help.svg) no-repeat 50% 50%;
  background-size: 32px 32px;
}
.reserve-passenger__service.-family {
  background: url(../images/reserve-passenger__service--family.svg) no-repeat 50% 50%;
  background-size: 32px 32px;
}
.reserve-passenger__service.-caution {
  position: relative;
}
.reserve-passenger__service.-caution:before {
  content: "";
  display: block;
  position: absolute;
  top: -0.4rem;
  right: -0.4rem;
  width: 1.8rem;
  height: 1.8rem;
  background: url(../images/reserve-passenger__service--caution.svg) no-repeat 50% 50%;
  background-size: 18px 18px;
}
.reserve-passenger__service.-blind {
  background: url(../images/reserve-passenger__service--blind.svg) no-repeat 50% 50%;
  background-size: 32px 32px;
}
.reserve-passenger__service.-deaf {
  background: url(../images/reserve-passenger__service--deaf.svg) no-repeat 50% 50%;
  background-size: 32px 32px;
}
.reserve-passenger__service:hover,
.reserve-passenger__service:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.4rem #fff, 0 0 0 0.5rem #0064de;
}
.reserve-passenger__status {
  display: block;
  color: #0064de;
  font-weight: normal;
  font-size: 1.4rem;
  line-height: 1.58;
}
.reserve-passenger__desc {
  display: block;
  margin-top: 0.4rem;
  color: #00256c;
  font-size: 1.4rem;
  line-height: 1.58;
}
.reserve-passenger__seat {
  display: inline-block;
  padding-right: 2.8rem;
  border: 0;
  background: url(../images/reserve-passenger__seat.svg) no-repeat 100% 50%;
  background-size: 24px 24px;
  font-size: 1.4rem;
  line-height: 1.58;
  vertical-align: top;
}
@media (min-width: 1060px) {
  .reserve-passenger__seat {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.reserve-passenger__seat:hover,
.reserve-passenger__seat:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.app .reserve-passenger__seat:hover,
.app .reserve-passenger__seat:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.reserve-addition {
  margin: 2rem -0.6rem 0.8rem;
}
@media (min-width: 1060px) {
  .reserve-addition {
    margin: 2rem 0 2.8rem;
  }
}
.reserve-addition__list {
  display: flex;
  flex-wrap: wrap;
}
.reserve-addition__item {
  display: flex;
  width: 50%;
  padding: 0 0.6rem 1.2rem;
}
@media (min-width: 1060px) {
  .reserve-addition__item {
    width: auto;
    padding: 0 1.2rem 1.2rem 0;
  }
}
.reserve-addition__aligner {
  display: flex;
  width: 100%;
  height: 100%;
}
.reserve-addition__service {
  display: inline-flex;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  min-height: 8.6rem;
  margin: 0;
  padding: 4.8rem 1rem 1rem;
  border: 1px solid #d9dbe1;
  border-radius: 0.2rem;
  background: transparent none;
  color: #00256c;
  font-size: 1.4rem;
  line-height: 1.58;
  text-decoration: none;
  text-align: center;
  vertical-align: top;
  cursor: pointer;
  appearance: none;
}
@media (min-width: 1060px) {
  .reserve-addition__service {
    width: 19rem;
    min-height: 12.4rem;
    padding: 7.2rem 1rem 1rem;
    font-size: 1.6rem;
    line-height: 1.75;
  }
}
.reserve-addition__service.-seat {
  background: url(../images/reserve-addition__service--seat.svg) no-repeat 50% 1.6rem;
  background-size: 32px 32px;
}
@media (min-width: 1060px) {
  .reserve-addition__service.-seat {
    background-size: 48px 48px;
  }
}
.reserve-addition__service.-baggage {
  background: url(../images/reserve-addition__service--baggage.svg) no-repeat 50% 1.6rem;
  background-size: 32px 32px;
}
@media (min-width: 1060px) {
  .reserve-addition__service.-baggage {
    background-size: 48px 48px;
  }
}
.reserve-addition__service.-immigration {
  background: url(../images/reserve-addition__service--immigration.svg) no-repeat 50% 1.6rem;
  background-size: 32px 32px;
}
@media (min-width: 1060px) {
  .reserve-addition__service.-immigration {
    background-size: 48px 48px;
  }
}
.reserve-addition__service.-meal {
  background: url(../images/reserve-addition__service--meal.svg) no-repeat 50% 1.6rem;
  background-size: 32px 32px;
}
@media (min-width: 1060px) {
  .reserve-addition__service.-meal {
    background-size: 48px 48px;
  }
}
.reserve-addition__service.-animal {
  background: url(../images/reserve-addition__service--animal.svg) no-repeat 50% 1.6rem;
  background-size: 32px 32px;
}
@media (min-width: 1060px) {
  .reserve-addition__service.-animal {
    background-size: 48px 48px;
  }
}
.reserve-addition__service.-clothes {
  background: url(../images/reserve-addition__service--clothes.svg) no-repeat 50% 1.6rem;
  background-size: 32px 32px;
}
@media (min-width: 1060px) {
  .reserve-addition__service.-clothes {
    background-size: 48px 48px;
  }
}
.reserve-addition__service.-help {
  background: url(../images/reserve-addition__service--help.svg) no-repeat 50% 1.6rem;
  background-size: 32px 32px;
}
@media (min-width: 1060px) {
  .reserve-addition__service.-help {
    background-size: 48px 48px;
  }
}
.reserve-addition__service.-family {
  background: url(../images/reserve-addition__service--family.svg) no-repeat 50% 1.6rem;
  background-size: 32px 32px;
}
@media (min-width: 1060px) {
  .reserve-addition__service.-family {
    background-size: 48px 48px;
  }
}
.reserve-addition__service.-train {
  background: url(../images/reserve-addition__service--train.svg) no-repeat 50% 1.6rem;
  background-size: 32px 32px;
}
@media (min-width: 1060px) {
  .reserve-addition__service.-train {
    background-size: 48px 48px;
  }
}
.reserve-addition__service:hover,
.reserve-addition__service:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .reserve-addition__service:hover,
.app .reserve-addition__service:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.reserve-addition__desc {
  display: block;
  padding: 1.8rem 0 0 3.2rem;
  color: #000;
  font-size: 1.4rem;
  line-height: 1.58;
  text-align: center;
}
@media (min-width: 1060px) {
  .reserve-addition__desc {
    font-size: 1.6rem;
    line-height: 1.75;
  }
}
.reserve-addition__options {
  padding: 1.2rem 0 0.8rem 3.2rem;
  text-align: center;
}
@media (min-width: 1060px) {
  .reserve-addition__options {
    padding-top: 1.6rem;
  }
}
.reserve-addition__options .option {
  margin: 0 0.2rem 0.5rem;
}
.reserve-product {
  overflow: hidden;
  position: relative;
  margin: 1.2rem 0 4rem;
}
.reserve-product__desc {
  display: block;
  margin: 1.2rem 0;
  color: #00256c;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .reserve-product__desc {
    margin: 2rem 0 1.2rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.reserve-product__hertz {
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  display: inline-block;
  width: 4.9rem;
  height: 1.8rem;
  margin-right: 0.8rem;
  background: url(../images/reserve-product__hertz.png) no-repeat 50% 50%;
  background-size: 49px 18px;
  vertical-align: -0.4rem;
}
@media (min-width: 1060px) {
  .reserve-product__hertz {
    width: 5.4rem;
    height: 2rem;
    background: url(../images/reserve-product__hertz--large.png) no-repeat 50% 50%;
    background-size: 54px 20px;
  }
}
.reserve-product__list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.4rem;
}
@media (min-width: 1060px) {
  .reserve-product__list {
    margin: 0 -0.6rem;
  }
}
.reserve-product__item {
  display: flex;
  width: 50%;
  padding: 0 0.4rem 0.8rem;
}
@media (min-width: 1060px) {
  .reserve-product__item {
    width: 25%;
    padding: 0 0.6rem 0;
  }
}
.reserve-product__link {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 2rem 1.6rem;
  border: 1px solid #d9dbe1;
  border-radius: 0.2rem;
  text-align: center;
  text-decoration: none;
}
.reserve-product__link:hover,
.reserve-product__link:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .reserve-product__link:hover,
.app .reserve-product__link:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.reserve-product__thumbnail {
  display: block;
  text-align: center;
}
.reserve-product__thumbnail img {
  display: inline-block;
  max-width: 100%;
  vertical-align: top;
}
@media (min-width: 1060px) {
  .reserve-product__thumbnail img {
    max-width: 14.9rem;
  }
}
.reserve-product__type {
  display: block;
  margin: 2rem 0 0.4rem;
  color: #555;
  font-size: 1.2rem;
}
@media (min-width: 1060px) {
  .reserve-product__type {
    font-size: 1.4rem;
    line-height: 1.58;
  }
}
.reserve-product__title {
  display: block;
  color: #000;
  font-size: 1.4rem;
}
@media (min-width: 1060px) {
  .reserve-product__title {
    font-size: 1.6rem;
  }
}
.reserve-product__origin {
  display: inline-block;
  color: #767676;
  font-weight: normal;
  font-size: 1.2rem;
  line-height: 2;
  vertical-align: top;
}
@media (min-width: 1060px) {
  .reserve-product__origin {
    font-size: 1.4rem;
  }
}
.reserve-product__price {
  display: inline-block;
  margin-top: auto;
  padding-top: 1.2rem;
  color: #000;
  font-weight: 700;
  font-size: 1.6rem;
  vertical-align: top;
}
@media (min-width: 1060px) {
  .reserve-product__price {
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.reserve-product__exchange,
.reserve-product__per {
  font-weight: normal;
  font-size: 1.4rem;
}
@media (min-width: 1060px) {
  .reserve-product__exchange,
  .reserve-product__per {
    font-size: 1.6rem;
    line-height: 1.75;
  }
}
.reserve-product__more {
  float: right;
}
@media (min-width: 1060px) {
  .reserve-product__more {
    margin-top: 1rem;
  }
}
@media (min-width: 1060px) {
  .caption + .reserve-product__more {
    margin-top: 0;
  }
}
.banner {
  margin: 2rem 0 4rem;
  background-color: #e6f9ff;
  text-align: center;
}
@media (min-width: 1060px) {
  .banner {
    text-align: left;
  }
}
.banner + .banner {
  margin-top: -2rem;
}
.banner__link {
  display: block;
  width: 100%;
  padding: 2rem;
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
  text-decoration: none;
}
@media (min-width: 1060px) {
  .banner__link {
    padding: 3.2rem 4rem;
  }
}
.banner__link .link:hover,
.banner__link .link:focus {
  outline: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.banner.-join .banner__link {
  min-height: 12rem;
  padding-right: 12.8rem;
  background: #f2f9fd url(../images/banner--join-m.png) no-repeat 100% 50%;
  background-size: 128px 100px;
  text-align: left;
}
@media (min-width: 1060px) {
  .banner.-join .banner__link {
    padding-right: 38rem;
    background: #f2f9fd url(../images/banner--join-pc.png) no-repeat 100% 50%;
    background-size: 350px 100px;
  }
}
.banner.-join .banner__link .link {
  margin-top: 1.4rem;
}
@media (min-width: 1060px) {
  .banner.-join .banner__link .link {
    margin-top: 0.8rem;
  }
}
.banner.-kal .banner__link,
.banner.-avod .banner__link {
  padding: 2rem 3.6rem 9.4rem;
}
@media (max-width: 359px) {
  .banner.-kal .banner__link,
  .banner.-avod .banner__link {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 1060px) {
  .banner.-kal .banner__link,
  .banner.-avod .banner__link {
    min-height: 12rem;
    padding: 3rem 38rem 3rem 4rem;
  }
}
.banner.-kal .banner__link {
  background: #eefcff url(../images/banner--kal-m.png) no-repeat 50% 100%;
  background-size: auto 70px;
}
@media (min-width: 1060px) {
  .banner.-kal .banner__link {
    background: #eefcff url(../images/banner--kal-pc.png) no-repeat 100% 50%;
    background-size: 350px 100px;
  }
}
.banner.-avod .banner__link {
  background: #f3f9ff url(../images/banner--avod-m.png) no-repeat 50% 100%;
  background-size: auto 70px;
}
@media (min-width: 1060px) {
  .banner.-avod .banner__link {
    background: #f3f9ff url(../images/banner--avod-pc.png) no-repeat 100% 50%;
    background-size: 320px 100px;
  }
}
.banner.-logo .banner__link {
  position: relative;
}
@media (min-width: 1060px) {
  .banner.-logo .banner__link {
    min-height: 14rem;
    padding: 3rem 38rem 3rem 4rem;
  }
}
.banner.-logo .banner__link:before {
  content: "";
  display: block;
  position: absolute;
  top: 1.2rem;
  right: 1.2rem;
}
@media (min-width: 1060px) {
  .banner.-logo .banner__link:before {
    display: none;
  }
}
.banner.-hotel .banner__link {
  padding: 4rem 2rem 9.4rem;
  background: #fffced url(../images/banner--hotel-m.png) no-repeat 50% 100%;
  background-size: auto 70px;
}
@media (min-width: 1060px) {
  .banner.-hotel .banner__link {
    padding: 3rem 38rem 3rem 4rem;
    background: #fffced url(../images/banner--hotel-pc.png) no-repeat 100% 50%;
    background-size: 350px 140px;
  }
}
.banner.-hotel .banner__link:before {
  width: 8.4rem;
  height: 1.6rem;
  background: url(../images/banner--hotel-logo-m.png) no-repeat 50% 50%;
  background-size: 84px 16px;
}
.banner.-hotel .banner__link .link {
  margin: 1.2rem 0 0;
}
@media (min-width: 1060px) {
  .banner.-hotel .banner__link .link {
    margin-top: 2rem;
  }
}
.banner.-insurance .banner__link {
  padding: 1.2rem 2rem 9.4rem;
  background: #f4faff url(../images/banner--insurance-m.png) no-repeat 50% 100%;
  background-size: auto 70px;
}
@media (min-width: 1060px) {
  .banner.-insurance .banner__link {
    padding: 3rem 38rem 3rem 4rem;
    background: #f4faff url(../images/banner--insurance-pc.png) no-repeat 100% 50%;
    background-size: 350px 140px;
  }
}
.banner.-insurance .banner__link:before {
  width: 8rem;
  height: 3.2rem;
  background: url(../images/banner--insurance-logo-m.png) no-repeat 50% 50%;
  background-size: 80px 32px;
}
.banner.-insurance .banner__link .link {
  margin: 1.2rem 2.4rem 0;
}
@media (min-width: 1060px) {
  .banner.-insurance .banner__link .link {
    display: block;
    margin: 0.8rem 0 0;
  }
}
.banner__link:hover,
.banner__link:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .banner__link:hover,
.app .banner__link:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.banner__aligner {
  display: block;
  width: 100%;
  padding: 2rem;
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
  text-decoration: none;
}
@media (min-width: 1060px) {
  .banner__aligner {
    padding: 3.2rem 4rem;
  }
}
.banner.-additional .banner__aligner {
  padding: 3rem 4rem 13.6rem;
  background: #f3f6fb url(../images/banner--additional-m.png) no-repeat 50% 100%;
  background-size: auto 120px;
}
@media (min-width: 1060px) {
  .banner.-additional .banner__aligner {
    min-height: 18rem;
    padding: 3.2rem 38rem 3.2rem 4rem;
    background: #f3f6fb url(../images/banner--additional-pc.png) no-repeat 100% 50%;
    background-size: 350px 180px;
  }
}
.banner.-helper .banner__aligner {
  padding: 3rem 4rem 13.6rem;
  background: #f3f6fb url(../images/banner--helper-m.png) no-repeat 50% 100%;
  background-size: auto 120px;
}
@media (min-width: 1060px) {
  .banner.-helper .banner__aligner {
    min-height: 18rem;
    padding: 3.2rem 38rem 3.2rem 4rem;
    background: #f3f6fb url(../images/banner--helper-pc.png) no-repeat 100% 50%;
    background-size: 250px 204px;
  }
}
.banner__title {
  display: block;
  color: #00256c;
  font-weight: 700;
  font-size: 1.6rem;
}
@media (min-width: 1060px) {
  .banner__title {
    display: inline-block;
    font-size: 1.8rem;
    line-height: 1.56;
    vertical-align: top;
  }
}
.banner.-avod .banner__title {
  display: inline;
}
.banner.-logo .banner__title {
  font-weight: normal;
}
.banner__title.-bold {
  font-weight: 700 !important;
}
.banner__desc {
  display: block;
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .banner__desc {
    margin-top: 1rem;
  }
}
@media (min-width: 1060px) {
  .banner.-logo .banner__desc {
    margin-top: 0.4rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.banner.-additional .banner__desc {
  margin: 0.8rem 0 2rem;
}
@media (min-width: 1060px) {
  .banner.-additional .banner__desc {
    margin: 0.4rem 0 1.2rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.banner.-helper .banner__desc {
  margin: 0.8rem 0 2rem;
}
@media (min-width: 1060px) {
  .banner.-helper .banner__desc {
    margin: 0.4rem 0 1.2rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.banner__break {
  display: block;
}
@media (min-width: 1060px) {
  .banner__break {
    display: inline;
  }
}
.banner__text {
  display: block;
  color: #00256c;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .banner__text {
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.banner__aside {
  display: block;
  margin-bottom: 2rem;
  color: #555;
  font-size: 1.2rem;
  text-align: left;
}
@media (min-width: 1060px) {
  .banner__aside {
    margin-bottom: 2.2rem;
  }
}
.banner.-insurance .banner__aside {
  padding-right: 10rem;
}
.banner__aside span {
  display: block;
}
@media (min-width: 1060px) {
  .banner__aside span {
    display: inline;
  }
}
.banner-float {
  display: block;
  position: relative;
  padding: 0.625rem 4rem 0.625rem 2rem;
}
@media (min-width: 1060px) {
  .banner-float {
    display: none;
  }
}
.app .banner-float {
  display: none;
}
.banner-float__box {
  line-height: 1.33;
  display: inline-block;
  vertical-align: middle;
}
.banner-float__text {
  font-size: 1.4rem;
  margin: 0;
}
.banner-float__text.-point {
  font-weight: 700;
}
.banner-float__text.-normal {
  font-size: 1.2rem;
}
.-type2 .banner-float__text {
  color: #013066;
}
.banner-float__link {
  color: #00256c;
  text-decoration: underline;
}
.-type1 .banner-float__link {
  font-size: 1.4rem;
}
.-type2 .banner-float__link {
  font-size: 1.2rem;
}
.banner-float__button-close {
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 4.3rem;
  height: 4.3rem;
  margin: -2.14rem 0 0;
  padding: 0;
  border: 0;
  background: url("https://wwwdevt.koreanair.com/content/dam/koreanair/ko/psn/web_mobile/main_ribon/close_mark.png") no-repeat center center / 16px 16px;
  cursor: pointer;
}
.banner-float.-type1 {
  min-height: 68px;
  line-height: 50px;
  padding-left: 7.6rem;
  background: #f3f4f8 url("https://wwwdevt.koreanair.com/content/dam/koreanair/ko/psn/web_mobile/main_ribon/app_icon.png") no-repeat 20px center / 40px auto;
}
.banner-float.-type2 {
  min-height: 72px;
  line-height: 55px;
  padding-right: 10rem;
  background: #c7f3ff url("https://wwwdevt.koreanair.com/content/dam/koreanair/ko/psn/web_mobile/main_ribon/app%20ribon_typeB.png") no-repeat right center / auto 72px;
}
.airport-service {
  display: flex;
  flex-wrap: wrap;
}
.airport-service__item {
  display: block;
  margin: 0 0.8rem 0.8rem 0;
  padding: 0.1rem 0 0.1rem 2.8rem;
  color: #000;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .airport-service__item {
    margin-right: 1.2rem;
  }
}
.airport-service__item.-beverages {
  background: url(../images/airport-service__item--beverages.svg) no-repeat 0 50%;
  background-size: 24px 24px;
}
.airport-service__item.-snacks {
  background: url(../images/airport-service__item--snacks.svg) no-repeat 0 50%;
  background-size: 24px 24px;
}
.airport-service__item.-reading {
  background: url(../images/airport-service__item--reading.svg) no-repeat 0 50%;
  background-size: 24px 24px;
}
.airport-service__item.-tv {
  background: url(../images/airport-service__item--tv.svg) no-repeat 0 50%;
  background-size: 24px 24px;
}
.airport-service__item.-video {
  background: url(../images/airport-service__item--video.svg) no-repeat 0 50%;
  background-size: 24px 24px;
}
.airport-service__item.-telephone {
  background: url(../images/airport-service__item--telephone.svg) no-repeat 0 50%;
  background-size: 24px 24px;
}
.airport-service__item.-fax {
  background: url(../images/airport-service__item--fax.svg) no-repeat 0 50%;
  background-size: 24px 24px;
}
.airport-service__item.-computer {
  background: url(../images/airport-service__item--computer.svg) no-repeat 0 50%;
  background-size: 24px 24px;
}
.airport-service__item.-wireless {
  background: url(../images/airport-service__item--wireless.svg) no-repeat 0 50%;
  background-size: 24px 24px;
}
.airport-service__item.-port {
  background: url(../images/airport-service__item--port.svg) no-repeat 0 50%;
  background-size: 24px 24px;
}
.airport-service__item.-printer {
  background: url(../images/airport-service__item--printer.svg) no-repeat 0 50%;
  background-size: 24px 24px;
}
.airport-service__item.-meetingroom {
  background: url(../images/airport-service__item--meetingroom.svg) no-repeat 0 50%;
  background-size: 24px 24px;
}
.airport-service__item.-smokingroom {
  background: url(../images/airport-service__item--smokingroom.svg) no-repeat 0 50%;
  background-size: 24px 24px;
}
.airport-service__item.-sleepingarea {
  background: url(../images/airport-service__item--sleepingarea.svg) no-repeat 0 50%;
  background-size: 24px 24px;
}
.airport-service__item.-shower {
  background: url(../images/airport-service__item--shower.svg) no-repeat 0 50%;
  background-size: 24px 24px;
}
.airport-service__item.-alcoholic {
  background: url(../images/airport-service__item--alcoholic.svg) no-repeat 0 50%;
  background-size: 24px 24px;
}
.airport-service__item.-women {
  background: url(../images/airport-service__item--women.svg) no-repeat 0 50%;
  background-size: 24px 24px;
}
.airport-data + .airport-data {
  margin-top: 2.4rem;
}
@media (min-width: 1060px) {
  .airport-data + .airport-data {
    margin-top: 4rem;
  }
}
.airport-data__heading {
  display: block;
  width: 100%;
  padding: 1rem 2rem;
  background-color: #f3f4f8;
  color: #000;
  font-size: 1.6rem;
}
@media (min-width: 1060px) {
  .airport-data__heading {
    padding: 1.2rem 4rem;
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.airport-data__list {
  border-top: 1px solid #d9dbe1;
  border-bottom: 1px solid #d9dbe1;
}
.airport-data.-expand .airport-data__list {
  border: 0;
}
.airport-data__item {
  padding: 1.6rem 2rem;
}
@media (min-width: 1060px) {
  .airport-data__item {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 2rem 0;
  }
}
.airport-data__item + .airport-data__item {
  border-top: 1px solid #d9dbe1;
}
.airport-data__key {
  margin-bottom: 0.4rem;
  color: #000;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .airport-data__key {
    width: 27.2%;
    margin: 0;
    padding: 0 1rem 0 2rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
@media (min-width: 1060px) {
  .airport-data.-expand .airport-data__key {
    padding-left: 4rem;
  }
}
.airport-data__links {
  margin: 0.4rem 0 1.3rem;
  font-weight: 400;
}
@media (min-width: 1060px) {
  .airport-data__links {
    margin: 0.8rem 0 0;
  }
}
.airport-data__value {
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .airport-data__value {
    width: 72.8%;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.airport-data__value .list {
  margin-top: 0.4rem;
}
@media (min-width: 1060px) {
  .airport-data__value .list {
    margin-top: 0.8rem;
  }
}
.airport-data__value .list:first-child {
  margin-top: 0;
}
.airport-data__value .list:last-child {
  margin-bottom: 0;
}
.airport-data__part + .airport-data__part {
  margin-top: 1.2rem;
}
@media (min-width: 1060px) {
  .airport-data__part + .airport-data__part {
    margin-top: 2rem;
  }
}
.airport-data__title {
  display: block;
  margin: 1.2rem 0 0.4rem;
  color: #000;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .airport-data__title {
    margin: 2rem 0 0.8rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.airport-data__title:first-child {
  margin-top: 0;
}
.airport-data__title:last-child {
  margin-bottom: 0;
}
.airport-data__use {
  display: block;
  padding-left: 2.6rem;
  color: #000;
  font-weight: normal;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .airport-data__use {
    padding-left: 2.8rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.airport-data__use.-available {
  background: url(../images/airport-data__use--available.svg) no-repeat 0 50%;
  background-size: 20px 20px;
}
.airport-data__use.-unavailable {
  background: url(../images/airport-data__use--unavailable.svg) no-repeat 0 50%;
  background-size: 20px 20px;
}
.p + .airport-data__use {
  margin-top: 1rem;
}
@media (min-width: 1060px) {
  .p + .airport-data__use {
    margin-top: 2rem;
  }
}
.airport-data__tag {
  display: inline-block;
  padding: 0.1rem 0.8rem 0.1rem 0.9rem;
  border-radius: 1.2rem;
  background-color: #00256c;
  color: #fff;
  font-size: 1.4rem;
  line-height: 1.58;
}
.airport-data__route {
  display: inline-block;
  vertical-align: top;
}
.airport-info__view {
  width: 100%;
  margin-top: 1.2rem;
  padding-top: 62.5%;
  background: url(../images/airport-info__view--m.jpg) no-repeat 50% 0;
  background-size: 100% auto;
}
@media (min-width: 1060px) {
  .airport-info__view {
    margin-top: 2rem;
    padding-top: 24%;
    background: url(../images/airport-info__view--pc.jpg) no-repeat 50% 0;
    background-size: 100% auto;
  }
}
.airport-info__image {
  display: block;
  width: 100%;
}
.airport-info__result {
  margin: 2rem 0;
  padding: 0 2rem;
  text-align: center;
}
@media (min-width: 1060px) {
  .airport-info__result {
    margin: 4rem 0 2.4rem;
  }
}
.airport-info__result:hover,
.airport-info__result:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .airport-info__result:hover,
.app .airport-info__result:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.sky-route {
  padding-left: 2.8rem;
}
@media (min-width: 1060px) {
  .sky-route {
    padding-left: 3.2rem;
  }
}
.sky-route__item {
  position: relative;
  padding: 3.2rem 0;
  border-bottom: solid 0.1rem #e7eaf0;
}
.sky-route__item:first-child {
  padding-top: 0;
}
.sky-route__item:first-child:after {
  top: 2.4rem;
}
.sky-route__item:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}
.sky-route__item:last-child:after {
  bottom: auto;
  height: 2.5rem;
}
.sky-route__item:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -2rem;
  border-left: dashed 0.1rem #8be0f8;
}
@media (min-width: 1060px) {
  .sky-route__item:after {
    left: -2.2rem;
  }
}
.-departure.sky-route__item:before {
  content: "";
  display: block;
  position: absolute;
  top: 0.2rem;
  left: -2.8rem;
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 0;
  background: url(../images/skypriority-icon-departure.svg) no-repeat;
  background-size: 16px 16px;
}
@media (min-width: 1060px) {
  .-departure.sky-route__item:before {
    left: -3.2rem;
    width: 2rem;
    height: 2rem;
    background-size: 20px 20px;
  }
}
.-departure.sky-route__item:after {
  top: 2.4rem;
}
@media (min-width: 1060px) {
  .-departure.sky-route__item:after {
    top: 2.7rem;
  }
}
.-arrival.sky-route__item:before {
  content: "";
  display: block;
  position: absolute;
  top: 3.2rem;
  left: -2.8rem;
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 0;
  background: url(../images/skypriority-icon-arrival.svg) no-repeat;
  background-size: 16px 16px;
}
@media (min-width: 1060px) {
  .-arrival.sky-route__item:before {
    left: -3.2rem;
    width: 2rem;
    height: 2rem;
    background-size: 20px 20px;
  }
}
.-arrival.sky-route__item:after {
  bottom: auto;
  height: 2.5rem;
}
.sky-route__tag {
  display: inline-block;
  padding: 0.1rem 0.4rem;
  border-radius: 0.2rem;
  background: #00256c;
  color: #fff;
  font-weight: 700;
  font-size: 1.2rem;
  vertical-align: top;
}
@media (min-width: 1060px) {
  .sky-route__tag {
    padding: 0.1rem 0.6rem;
    font-size: 1.4rem;
  }
}
.sky-route__via .sky-route__tag {
  background: #e6f9ff;
  color: #0064de;
}
.sky-route__airport {
  display: block;
  color: #00256c;
  font-weight: 700;
  font-size: 1.8rem;
}
@media (min-width: 1060px) {
  .sky-route__airport {
    margin-top: 0.8rem;
    font-size: 2.4rem;
  }
}
.sky-route__via .sky-route__airport {
  color: #0064de;
  font-size: 1.6rem;
}
@media (min-width: 1060px) {
  .sky-route__via .sky-route__airport {
    font-size: 1.8rem;
  }
}
.sky-route__defines {
  margin-top: 1.6rem;
}
.sky-route__define {
  margin: 1.2rem 0;
}
@media (min-width: 1060px) {
  .sky-route__define {
    display: flex;
    margin: 1.6rem 0;
  }
}
.sky-route__define:first-child {
  margin-top: 0;
}
.sky-route__define:last-child {
  margin-bottom: 0;
}
.sky-route__term {
  display: block;
  margin: 1.2rem 0 0.2rem;
  color: #000;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .sky-route__term {
    min-width: 22.8rem;
    margin: 0;
    padding-right: 0.8rem;
    clear: both;
  }
}
.sky-route__term:first-child {
  margin-top: 0;
}
.sky-route__term:last-child {
  margin-bottom: 0;
}
.sky-route__desc {
  display: block;
  margin: 0.2rem 0 1.2rem;
  color: #555;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .sky-route__desc {
    margin: 0 0 1.6rem 0;
  }
}
.sky-route__desc:first-child {
  margin-top: 0;
}
.sky-route__desc:last-child {
  margin-bottom: 0;
}
.sky-route__via {
  position: relative;
  margin: 3.2rem 0;
}
.sky-route__via:first-child {
  margin-top: 0;
}
.sky-route__via:last-child {
  margin-bottom: 0;
}
.sky-route__via:before {
  content: "";
  display: block;
  position: absolute;
  top: 0.6rem;
  left: -2.35rem;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  background: #8be0f8;
}
@media (min-width: 1060px) {
  .sky-route__via:before {
    left: -2.55rem;
  }
}
.skypriority-via__item {
  margin: 2rem 0;
  padding: 2rem;
  border: solid 1px #d9dbe1;
}
.skypriority-via__item:first-child {
  margin-top: 0;
}
.skypriority-via__item:last-child {
  margin-bottom: 0;
}
.skypriority-via__title {
  margin-bottom: 2rem;
  color: #000;
  font-weight: 700;
  font-size: 1.6rem;
}
@media (min-width: 1060px) {
  .skypriority-via__entry {
    display: flex;
    flex-wrap: wrap;
  }
}
.skypriority-via__col + .skypriority-via__col {
  margin-top: 4rem;
}
@media (min-width: 1060px) {
  .skypriority-via__col {
    width: 50%;
  }
}
@media (min-width: 1060px) {
  .skypriority-via__col:nth-of-type(2) {
    margin-top: 0 !important;
  }
}
@media (min-width: 1060px) {
  .skypriority-via__col:nth-of-type(odd) {
    padding-right: 4rem;
  }
}
@media (min-width: 1060px) {
  .skypriority-via__col:nth-of-type(even) {
    padding-left: 4rem;
  }
}
.skypriority__intro {
  padding-top: 16rem;
  background: url(../images/skypriority__logo.png) no-repeat center top;
  background-size: 140px 140px;
}
@media (min-width: 1060px) {
  .skypriority__intro {
    width: 64rem;
    margin: 0 auto;
    padding-top: 22rem;
    background-size: 180px 180px;
    text-align: center;
  }
}
.skypriority__benefit {
  margin-top: 1.6rem;
}
@media (min-width: 1060px) {
  .skypriority__benefit {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 2rem 0 4rem;
  }
}
.skypriority__benefit .skypriority__partly {
  margin-left: 0.5rem;
  font-size: inherit;
}
.skypriority__benefit-item {
  display: flex;
  align-items: center;
  width: 100%;
  margin: 2rem 0;
  color: #000;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1.5;
}
@media (min-width: 1060px) {
  .skypriority__benefit-item {
    width: 50%;
    margin: 2.2rem 0 0;
  }
  .skypriority__benefit-item:nth-child(2) {
    margin-top: 0;
  }
}
.skypriority__benefit-item:first-child {
  margin-top: 0;
}
.skypriority__benefit-item.-counter {
  background: url(../images/skypriority__benefit-item--counter.svg) no-repeat left center;
  background-size: 48px 48px;
}
@media (min-width: 1060px) {
  .skypriority__benefit-item.-counter {
    background-size: 64px 64px;
  }
}
.skypriority__benefit-item.-baggage {
  background: url(../images/skypriority__benefit-item--baggage.svg) no-repeat left center;
  background-size: 48px 48px;
}
@media (min-width: 1060px) {
  .skypriority__benefit-item.-baggage {
    background-size: 64px 64px;
  }
}
.skypriority__benefit-item.-flight {
  background: url(../images/skypriority__benefit-item--flight.svg) no-repeat left center;
  background-size: 48px 48px;
}
@media (min-width: 1060px) {
  .skypriority__benefit-item.-flight {
    background-size: 64px 64px;
  }
}
.skypriority__benefit-item.-take {
  background: url(../images/skypriority__benefit-item--take.svg) no-repeat left center;
  background-size: 48px 48px;
}
@media (min-width: 1060px) {
  .skypriority__benefit-item.-take {
    background-size: 64px 64px;
  }
}
.skypriority__benefit-item.-stand {
  background: url(../images/skypriority__benefit-item--stand.svg) no-repeat left center;
  background-size: 48px 48px;
}
@media (min-width: 1060px) {
  .skypriority__benefit-item.-stand {
    background-size: 64px 64px;
  }
}
.skypriority__benefit-item.-service {
  background: url(../images/skypriority__benefit-item--service.svg) no-repeat left center;
  background-size: 48px 48px;
}
@media (min-width: 1060px) {
  .skypriority__benefit-item.-service {
    background-size: 64px 64px;
  }
}
.skypriority__benefit-align {
  min-height: 4.8rem;
  padding: 1.2rem 0 0 6rem;
  vertical-align: middle;
}
@media (min-width: 1060px) {
  .skypriority__benefit-align {
    height: 6.4rem;
    padding: 1.8rem 0 0 8rem;
  }
}
.skypriority__partly {
  color: #0064de;
  font-size: inherit;
}
.exam-caption__inner {
  display: flex;
  justify-content: flex-start;
  flex-direction: column-reverse;
  align-items: flex-start;
}
.exam-caption__align {
  width: 100%;
}
.exam-caption__bottom {
  width: 100%;
  margin: 0.8rem 0;
}
.baggage-date {
  position: relative;
}
.baggage-date__unknown {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.baggage-date__unknown + .baggage-date__known {
  padding-bottom: 3.6rem;
}
.consign-result {
  margin: 4rem 0 2.5rem;
  text-align: center;
}
@media (min-width: 1060px) {
  .consign-result {
    margin: 6rem 0 4rem;
  }
}
.consign-result__desc {
  color: #555;
  font-size: 1.6rem;
  line-height: 1.5;
}
@media (min-width: 1060px) {
  .consign-result__desc {
    font-size: 1.8rem;
  }
}
.consign {
  border-radius: 0.2rem;
  border: solid 1px #dee0e2;
}
.consign__item {
  padding: 3rem 2rem;
  border-top: solid 1px #dee0e2;
}
@media (min-width: 1060px) {
  .consign__item {
    padding: 3rem 4rem;
  }
}
.consign__item:first-child {
  border-top: 0;
}
@media (min-width: 1060px) {
  .consign__item:first-child {
    padding-top: 4rem;
  }
}
.consign__title {
  margin-bottom: 1.4rem;
  padding-bottom: 0.7rem;
  border-bottom: solid 0.1rem #00256c;
  color: #000;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.71;
}
@media (min-width: 1060px) {
  .consign__title {
    margin-bottom: 3rem;
    padding-bottom: 1.3rem;
    font-size: 1.6rem;
  }
}
.consign__group-item {
  display: block;
  margin: 2rem 0;
}
.consign__group-item:first-child {
  margin-top: 0;
}
.consign__group-item:last-child {
  margin-bottom: 0;
}
@media (min-width: 1060px) {
  .consign__group-item {
    display: inline-block;
    min-width: 11.5rem;
    margin: 0 9rem 0 0;
  }
  .consign__group-item:last-child {
    margin-right: 0;
  }
}
.consign__status {
  margin-top: 2rem;
  padding: 2rem 1.2rem 0;
  border-top: solid 1px #dee0e2;
}
@media (min-width: 1060px) {
  .consign__status {
    margin-top: 6rem;
    padding: 0 1.2rem;
    border-top: 0;
  }
}
.consign__status:first-of-type {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}
.consign__status-total {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-top: 3rem;
  padding: 1.7rem 1.2rem;
  background: #f8f9fc;
}
@media (min-width: 1060px) {
  .consign__status-total {
    padding: 1.6rem;
    border-top: solid 1px #dee0e2;
    border-bottom: solid 1px #dee0e2;
  }
}
.consign__status-name {
  color: #000;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .consign__status-name {
    font-size: 1.6rem;
  }
}
.consign__status-fee {
  color: #00256c;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .consign__status-fee {
    color: #000;
    font-size: 1.6rem;
  }
}
.consign__label {
  display: block;
  margin-bottom: 1rem;
  color: #00256c;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .consign__label {
    margin-bottom: 2rem;
    font-weight: 700;
    font-size: 1.6rem;
  }
}
.consign__total {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 1.7rem 2rem;
  border-top: solid 0.1rem #dee0e2;
  background: #f8f9fc;
}
@media (min-width: 1060px) {
  .consign__total {
    padding: 1.5rem 4rem 2rem;
  }
}
.consign__total-name {
  color: #00256c;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .consign__total-name {
    font-size: 1.6rem;
  }
}
.consign__total-fee {
  color: #00256c;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .consign__total-fee {
    font-size: 2rem;
  }
}
@media (min-width: 1060px) {
  .lost-detail {
    display: flex;
  }
}
.lost-detail__photo {
  overflow: hidden;
  position: relative;
  width: 100%;
  max-width: 32rem;
  height: calc(100vw - 4rem);
  max-height: 32rem;
  margin: 0 auto;
  text-align: center;
}
@media (min-width: 1060px) {
  .lost-detail__photo {
    margin: 0;
    padding: 0;
  }
}
.lost-detail__photo:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  border: 0.1rem solid #e7eaf0;
}
.lost-detail__image {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 100%;
  max-height: 100%;
  transform: translate(-50%, -50%);
}
.lost-detail__data {
  margin-top: 2.4rem;
}
@media (min-width: 1060px) {
  .lost-detail__data {
    flex: 1;
    margin-top: 0;
    padding-left: 4rem;
  }
}
.lost-detail__item {
  display: flex;
}
.lost-detail__item + .lost-detail__item {
  margin-top: 1.6rem;
}
@media (min-width: 1060px) {
  .lost-detail__item + .lost-detail__item {
    margin-top: 2rem;
  }
}
.lost-detail__title {
  color: #767676;
  width: 15rem;
  padding-right: 1rem;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.71;
}
@media (min-width: 1060px) {
  .lost-detail__title {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.lost-detail__desc {
  flex: 1;
  color: #000;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .lost-detail__desc {
    display: table-cell;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.lost-detail__desc-each + .lost-detail__desc-each {
  margin-top: 0.2rem;
}
.lost-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 0 -0.8rem -3.2rem;
}
@media (min-width: 1060px) {
  .lost-list {
    margin: 0 -1rem -3.2rem;
  }
}
.lost-list__item {
  width: 50%;
  padding: 0 0.8rem 3.2rem;
}
@media (min-width: 1060px) {
  .lost-list__item {
    width: 25%;
    padding: 0 1rem 3.2rem;
  }
}
.lost-list__info {
  position: relative;
}
.lost-list__thumbnail {
  overflow: hidden;
  position: relative;
  margin-bottom: 1.2rem;
  padding: 50%;
}
.lost-list__thumbnail:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  border: 0.1rem solid #e7eaf0;
}
.lost-list__image {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 100%;
  max-height: 100%;
  transform: translate(-50%, -50%);
}
.lost-list__row {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
}
.lost-list__date {
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .lost-list__date {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.lost-list__flight {
  color: #000;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .lost-list__flight {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.lost-list__airport {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
  text-align: center;
}
@media (min-width: 1060px) {
  .lost-list__airport {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.lost-list__goods {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
  text-align: center;
}
@media (min-width: 1060px) {
  .lost-list__goods {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.lost-list__detail {
  margin-top: 1.6rem;
  text-align: center;
}
.lost-list__view {
  display: inline-block;
  min-width: 6.8rem;
  height: 3.6rem;
  margin: 0;
  padding: 0.7rem 1.2rem;
  border: 1px solid #0064de;
  border-radius: 0.2rem;
  background-color: #fff;
  color: #0064de;
  font-size: 1.4rem;
  line-height: 1.58;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  appearance: none;
}
@media (min-width: 1060px) {
  .lost-list__view {
    min-width: 8.3rem;
    height: 4rem;
    padding: 0.8rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.lost-list__view:hover,
.lost-list__view:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.app .lost-list__view:hover,
.app .lost-list__view:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.lost-list__view[disabled] {
  border: 1px solid #bcbcbc !important;
  background-color: #bcbcbc !important;
  color: #fff !important;
  cursor: not-allowed;
}
.lost-list__view[disabled]:hover,
.lost-list__view[disabled]:focus {
  outline: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.lost-list__view[aria-disabled="true"] {
  border: 1px solid #bcbcbc !important;
  background-color: #bcbcbc !important;
  color: #fff !important;
  cursor: not-allowed;
}
.lost-result {
  margin: 4rem 0;
  padding: 0 2rem;
  text-align: center;
}
@media (min-width: 1060px) {
  .lost-result {
    margin: 6rem 0;
  }
}
.pop-example__item {
  display: block;
  margin: 2rem 0;
}
.pop-example__item:first-child {
  margin-top: 0;
}
.pop-example__item:last-child {
  margin-bottom: 0;
}
.pop-example__image {
  display: block;
  width: 100%;
  margin: 2rem 0;
}
@media (min-width: 1060px) {
  .pop-example__image {
    margin: 4rem 0;
  }
}
.pop-example__image.-pc {
  display: none;
}
.pop-example__image.-mobile {
  display: block;
}
@media (min-width: 1060px) {
  .pop-example__image.-pc {
    display: block;
  }
  .pop-example__image.-mobile {
    display: none;
  }
}
.pop-example__image:first-child {
  margin-top: 0;
}
.pop-example__image:last-child {
  margin-bottom: 0;
}
@media (min-width: 1060px) {
  .pop-example.-x {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
@media (min-width: 1060px) {
  .pop-example.-x .pop-example__item {
    margin: 0;
  }
}
.breakage {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}
.breakage__title {
  font-weight: 700;
  font-size: 1.6rem;
}
@media (min-width: 1060px) {
  .breakage__title {
    font-size: 1.8rem;
  }
}
.breakage__title.-duration {
  padding: 1.5rem 1.6rem;
}
@media (min-width: 1060px) {
  .breakage__title.-duration {
    padding: 2.4rem 4rem;
  }
}
.breakage__check [type="checkbox"] {
  appearance: none;
  overflow: hidden;
  white-space: nowrap;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  position: absolute;
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  border: 0;
}
.breakage__check [type="checkbox"]:focus ~ label:before {
  outline: 0;
  box-shadow: 0 0 0 0.3rem #fff, 0 0 0 0.4rem #0064de;
}
.breakage__check label {
  display: inline-block;
  position: relative;
  padding-left: 3.2rem;
  color: #000;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1.58;
  text-indent: 0;
}
@media (min-width: 1060px) {
  .breakage__check label {
    font-size: 1.8rem;
    line-height: 1.5;
  }
}
.breakage__check label:hover:before {
  outline: 0;
  box-shadow: 0 0 0 0.3rem #fff, 0 0 0 0.4rem #0064de;
}
.breakage__check [type="checkbox"] ~ label:before {
  content: "";
  position: absolute;
  top: 0.2rem;
  left: 0;
  width: 1.8rem;
  height: 1.8rem;
  border: 1px solid #00256c;
  border-radius: 0.2rem;
  background-size: 11px 9px;
}
@media (min-width: 1060px) {
  .breakage__check [type="checkbox"] ~ label:before {
    top: 0.4rem;
  }
}
.breakage__check [type="checkbox"]:checked ~ label:before {
  background: #00256c url(../images/checkbox.svg) no-repeat 50%;
}
.breakage__check [disabled] ~ label {
  cursor: not-allowed;
}
.breakage__check [disabled] ~ label:before {
  border: 1px solid #d9dbe1 !important;
  background-color: #e7eaf0 !important;
}
.breakage__check [disabled] ~ label:hover:before {
  box-shadow: none;
}
.breakage__check [type="checkbox"][aria-disabled="true"] ~ label {
  cursor: not-allowed;
}
.breakage__check [type="checkbox"][aria-disabled="true"] ~ label:before {
  border: 1px solid #d9dbe1 !important;
  background-color: #e7eaf0 !important;
}
.breakage__check [disabled] ~ label,
.breakage__check [aria-disabled="true"] ~ label {
  color: #767676;
}
.breakage__item {
  width: 50%;
}
.breakage__item:nth-child(odd) {
  padding-right: 1.2rem;
}
.breakage__item:nth-child(even) {
  padding-left: 1.2rem;
}
.breakage__item:nth-child(n+1) {
  margin-top: 4rem;
}
@media (min-width: 1060px) {
  .breakage__item {
    width: 33.33%;
    margin-top: 4rem;
    padding: 0 1.5rem;
  }
  .breakage__item:nth-child(odd) {
    padding-right: 1.5rem;
  }
  .breakage__item:nth-child(even) {
    padding-left: 1.5rem;
  }
  .breakage__item:first-child {
    padding-left: 0;
  }
  .breakage__item:nth-child(3n) {
    padding-right: 0;
  }
  .breakage__item:nth-child(4n) {
    padding-left: 0;
  }
  .breakage__item:nth-child(1),
  .breakage__item:nth-child(2),
  .breakage__item:nth-child(3) {
    margin-top: 0;
  }
}
.breakage__info {
  width: 100%;
  margin-bottom: 2rem;
}
@media (min-width: 1060px) {
  .breakage__info {
    margin-bottom: 4.8rem;
  }
}
.breakage__detail {
  width: 100%;
  margin-top: 4rem;
}
@media (min-width: 1060px) {
  .breakage__detail {
    margin-top: 6rem;
  }
}
.breakage__detail:first-child {
  margin-top: 0;
}
.breakage__detail-title {
  display: block;
  margin-bottom: 2rem;
  color: #000;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.71;
}
@media (min-width: 1060px) {
  .breakage__detail-title {
    font-size: 1.6rem;
  }
}
.breakage__detail-item + .breakage__detail-item {
  margin-top: 4rem;
}
.route-find__item {
  position: relative;
  margin: 1.2rem 0;
  padding: 2rem 2rem 0;
  border: 1px solid #d9dbe1;
  border-radius: 0.2rem;
}
@media (min-width: 1060px) {
  .route-find__item {
    padding: 2rem 2.4rem;
  }
}
.route-find__item:first-child {
  margin-top: 0;
}
.route-find__item:last-child {
  margin-bottom: 0;
}
.route-find__aligner {
  padding-bottom: 1.2rem;
}
@media (min-width: 1060px) {
  .route-find__aligner {
    position: relative;
    padding-bottom: 0;
  }
}
.route-find__aligner:after {
  content: "";
  display: block;
  clear: both;
}
.route-find__button {
  display: block;
  width: 42.14%;
  border: 0;
  background: none transparent;
}
@media (min-width: 1060px) {
  .route-find__button {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    flex: 6.6rem 1 1;
    width: 45%;
    text-align: left;
  }
}
.route-find__button.-from {
  float: left;
}
.route-find__button.-to {
  float: right;
}
.route-find__button:hover,
.route-find__button:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.app .route-find__button:hover,
.app .route-find__button:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.route-find__swap {
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  display: inline-block;
  position: absolute;
  top: 1.6rem;
  left: 50%;
  width: 4.4rem;
  height: 4.4rem;
  margin-left: -2.2rem;
  border: 0;
  background: url(../images/booking__swap.svg) no-repeat;
  background-size: 44px 44px;
}
@media (min-width: 1060px) {
  .route-find__swap {
    top: -0.4rem;
  }
}
.route-find__swap:hover,
.route-find__swap:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .route-find__swap:hover,
.app .route-find__swap:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.route-find__swap[disabled] {
  background: url(../images/booking__swap--disabled.svg) no-repeat;
  background-size: 44px 44px;
  cursor: not-allowed;
}
.route-find__swap[disabled]:hover,
.route-find__swap[disabled]:focus {
  outline: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.route-find__code {
  display: inline-block;
  width: 100%;
  font-size: 2.2rem;
  font-weight: 700;
  font-style: normal;
  line-height: 1.55;
  color: #000;
}
.route-find__code[aria-hidden="true"] {
  margin-bottom: 0.5rem;
  font-weight: normal;
  color: #767676;
}
@media (min-width: 1060px) {
  .route-find__code {
    display: block;
    width: 6.6rem;
    font-size: 2.4rem;
    line-height: 1.5;
  }
  .route-find__code[aria-hidden="true"] {
    margin-bottom: 0;
  }
}
.route-find__airport {
  display: block;
  font-size: 1.4rem;
  line-height: 1.58;
  color: #767676;
}
@media (min-width: 1060px) {
  .route-find__airport {
    display: block;
    flex-shrink: 1;
    flex-basis: auto;
  }
}
.lost-article {
  width: 100%;
  height: auto;
}
.lost-article__datepicker .option {
  width: 100%;
  height: 4rem;
  padding-left: 0;
  border: 0;
  border-bottom: 1px solid #00256c;
  border-radius: 0;
  font-weight: normal;
  text-align: left;
}
@media (min-width: 1060px) {
  .lost-article__datepicker .option {
    height: 4.8rem;
  }
}
.lost-article__datepicker .booking__date {
  font-weight: normal;
}
.dangerous-goods {
  margin-bottom: 4rem;
}
@media (min-width: 1060px) {
  .dangerous-goods {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -2rem;
  }
}
.dangerous-goods__heading {
  margin-bottom: 2rem;
  color: #000;
  font-size: 1.8rem;
  line-height: 1.56;
}
.dangerous-goods__item {
  padding-top: 6.8rem;
}
@media (min-width: 1060px) {
  .dangerous-goods__item {
    width: 50%;
    padding: 0 2rem 4rem 9.6rem;
  }
}
.dangerous-goods__item + .dangerous-goods__item {
  margin-top: 2rem;
}
@media (min-width: 1060px) {
  .dangerous-goods__item + .dangerous-goods__item {
    margin: 0;
  }
}
.dangerous-goods__item.-alcohol {
  background: url(../images/danger-alcohol.svg) no-repeat 0 0;
  background-size: 64px 64px;
}
@media (min-width: 1060px) {
  .dangerous-goods__item.-alcohol {
    background-position: 2rem 0;
  }
}
.dangerous-goods__item.-gas {
  background: url(../images/danger-gas.svg) no-repeat 0 0;
  background-size: 64px 64px;
}
@media (min-width: 1060px) {
  .dangerous-goods__item.-gas {
    background-position: 2rem 0;
  }
}
.dangerous-goods__item.-weapon {
  background: url(../images/danger-weapon.svg) no-repeat 0 0;
  background-size: 64px 64px;
}
@media (min-width: 1060px) {
  .dangerous-goods__item.-weapon {
    background-position: 2rem 0;
  }
}
.dangerous-goods__item.-etc {
  background: url(../images/danger-etc.svg) no-repeat 0 0;
  background-size: 64px 64px;
}
@media (min-width: 1060px) {
  .dangerous-goods__item.-etc {
    background-position: 2rem 0;
  }
}
.dangerous-goods__item.-lithium {
  background: url(../images/danger-lithium.svg) no-repeat 0 0;
  background-size: 64px 64px;
}
@media (min-width: 1060px) {
  .dangerous-goods__item.-lithium {
    background-position: 2rem 0;
  }
}
.dangerous-goods__item.-mac {
  background: url(../images/danger-mac.svg) no-repeat 0 0;
  background-size: 64px 64px;
}
@media (min-width: 1060px) {
  .dangerous-goods__item.-mac {
    background-position: 2rem 0;
  }
}
.dangerous-goods__title {
  display: block;
  color: #000;
  font-weight: 700;
  font-size: 1.6rem;
}
.dangerous-goods__desc {
  display: block;
  margin-top: 0.4rem;
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .dangerous-goods__desc {
    margin-top: 0.8rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.lounge-customer {
  margin-top: 1.6rem;
}
@media (min-width: 1060px) {
  .lounge-customer {
    overflow: hidden;
    margin-top: 2rem;
  }
}
@media (min-width: 1060px) {
  .lounge-customer__list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -4rem;
  }
}
.lounge-customer__item {
  margin-top: 2rem;
}
@media (min-width: 1060px) {
  .lounge-customer__item {
    width: 50%;
    margin-top: 4rem;
    padding: 0 4rem;
  }
}
.lounge-customer__title {
  color: #000;
  font-weight: bold;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .lounge-customer__title {
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.lounge-customer__vr {
  margin-top: 2rem;
}
@media (min-width: 1060px) {
  .lounge-customer__vr {
    display: flex;
    justify-content: space-between;
    margin-top: 1.8rem;
  }
}
.lounge-customer__vr-item {
  margin-top: 1.2rem;
  width: 100%;
  min-height: 12.2rem;
  padding: 2rem;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.lounge-customer__vr-item.-first {
  background-image: url(../images/loung-customer__vr--first.png);
}
.lounge-customer__vr-item.-miler {
  background-image: url(../images/loung-customer__vr--miler.png);
}
@media (min-width: 1060px) {
  .lounge-customer__vr-item.-miler {
    margin-left: 2rem;
  }
}
.lounge-customer__vr-item.-prestige {
  background-image: url(../images/loung-customer__vr--prestige.png);
}
@media (min-width: 1060px) {
  .lounge-customer__vr-item.-prestige {
    margin-left: 2rem;
  }
}
.lounge-customer__vr-txt {
  font-size: 2rem;
  color: #fff;
  font-weight: 700;
}
.lounge-customer__vr-link {
  display: inline-block;
  min-height: 3.2rem;
  margin-top: 1.2rem;
  padding: 0.4rem 0.9rem 0.4rem 1rem;
  font-size: 1.6rem;
  color: #fff;
  text-align: center;
  text-decoration: none;
  border: 1px solid #fff;
  border-radius: 0.2rem;
}
.lounge-result {
  margin-top: 4rem;
}
@media (min-width: 1060px) {
  .lounge-result {
    margin-top: 6rem;
  }
}
.lounge-result__message {
  font-size: 1.4rem;
  font-weight: normal;
  color: #555;
  text-align: center;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .lounge-result__message {
    font-size: 1.8rem;
    line-height: 1.5;
  }
}
.lounge-result__airport {
  font-weight: bold;
  color: #0064de;
}
.lounge-result__list {
  margin-top: 2rem;
}
@media (min-width: 1060px) {
  .lounge-result__list {
    margin-top: 4rem;
  }
}
.lounge-result__item + .lounge-result__item {
  margin-top: 2.4rem;
}
@media (min-width: 1060px) {
  .lounge-result__item + .lounge-result__item {
    margin-top: 4rem;
  }
}
.lounge-result__lounge {
  padding: 1rem 2rem;
  background-color: #f3f4f8;
  font-size: 1.6rem;
  font-weight: bold;
  color: #000;
  line-height: 1.5;
}
@media (min-width: 1060px) {
  .lounge-result__lounge {
    padding: 1.2rem 4rem;
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
@media (min-width: 1060px) {
  .lounge-result__details {
    margin-top: 1.2rem;
  }
}
.lounge-result__detail {
  padding: 1.6rem 2rem;
}
@media (min-width: 1060px) {
  .lounge-result__detail {
    display: flex;
    justify-content: space-between;
    padding: 2rem;
  }
}
.lounge-result__detail + .lounge-result__detail {
  border-top: 1px solid #e7eaf0;
}
.lounge-result__key {
  font-size: 1.4rem;
  font-weight: bold;
  color: #000;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .lounge-result__key {
    width: 27.4rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.lounge-result__value {
  margin-top: 0.8rem;
}
@media (min-width: 1060px) {
  .lounge-result__value {
    flex: 1;
    margin-top: 0;
  }
}
.lounge-result__operation {
  padding: 0.1rem 0.8rem;
  border-radius: 5rem;
  font-size: 1.4rem;
  font-weight: normal;
  text-align: center;
  line-height: 1.58;
}
.lounge-result__operation.-rent {
  background-color: #00256c;
  color: #fff;
}
.lounge-result__services {
  font-size: 0;
  margin-bottom: -0.8rem;
}
.lounge-result__service {
  display: inline-block;
  min-height: 2.4rem;
  vertical-align: top;
  margin: 0 1.2rem 0.8rem 0;
  padding-left: 2.8rem;
  font-size: 1.4rem;
  font-weight: normal;
  color: #000;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .lounge-result__service {
    padding-left: 2.4rem;
  }
}
.lounge-result__service.-alcohol {
  background: url(../images/lounge-customer__service--alcohol.svg) no-repeat top left;
  background-size: 24px 24px;
}
.lounge-result__service.-drink {
  background: url(../images/lounge-customer__service--drink.svg) no-repeat top left;
  background-size: 24px 24px;
}
.lounge-result__service.-fax {
  background: url(../images/lounge-customer__service--fax.svg) no-repeat top left;
  background-size: 24px 24px;
}
.lounge-result__service.-internet {
  background: url(../images/lounge-customer__service--internet.svg) no-repeat top left;
  background-size: 24px 24px;
}
.lounge-result__service.-laptop {
  background: url(../images/lounge-customer__service--laptop.svg) no-repeat top left;
  background-size: 24px 24px;
}
.lounge-result__service.-meeting {
  background: url(../images/lounge-customer__service--meeting.svg) no-repeat top left;
  background-size: 24px 24px;
}
.lounge-result__service.-printer {
  background: url(../images/lounge-customer__service--printer.svg) no-repeat top left;
  background-size: 24px 24px;
}
.lounge-result__service.-reading {
  background: url(../images/lounge-customer__service--reading.svg) no-repeat top left;
  background-size: 24px 24px;
}
.lounge-result__service.-shower {
  background: url(../images/lounge-customer__service--shower.svg) no-repeat top left;
  background-size: 24px 24px;
}
.lounge-result__service.-snack {
  background: url(../images/lounge-customer__service--snack.svg) no-repeat top left;
  background-size: 24px 24px;
}
.lounge-result__service.-television {
  background: url(../images/lounge-customer__service--television.svg) no-repeat top left;
  background-size: 24px 24px;
}
.lounge-carousel {
  position: relative;
  margin: 1.2rem 0 2.6rem 0;
}
@media (min-width: 1060px) {
  .lounge-carousel {
    margin-bottom: 4.6rem;
  }
}
.lounge-carousel__slider {
  overflow: hidden;
}
.lounge-carousel__list {
  white-space: nowrap;
  font-size: 0;
}
.lounge-carousel__item {
  display: none;
  width: 100%;
  height: auto;
}
.lounge-carousel__item.-active {
  display: inline-block;
}
.lounge-carousel__images {
  font-size: 0;
}
.lounge-carousel__image {
  width: 100%;
  height: auto;
  vertical-align: top;
}
.lounge-carousel__image.-mobile {
  display: block;
}
@media (min-width: 1060px) {
  .lounge-carousel__image.-mobile {
    display: none;
  }
}
.lounge-carousel__image.-pc {
  display: none;
}
@media (min-width: 1060px) {
  .lounge-carousel__image.-pc {
    display: block;
  }
}
.lounge-carousel__content {
  white-space: normal;
  margin-top: 1.2rem;
}
.lounge-carousel__title {
  font-size: 1.4rem;
  font-weight: bold;
  color: #000;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .lounge-carousel__title {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.lounge-carousel__desc {
  margin-top: 0.4rem;
  font-size: 1.4rem;
  font-weight: normal;
  color: #555;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .lounge-carousel__desc {
    margin-top: 0.8rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.lounge-carousel__pagination {
  margin-top: 0.2rem;
  font-size: 0;
  text-align: center;
}
.lounge-carousel__page {
  display: inline-block;
  vertical-align: top;
}
.lounge-carousel__page + .lounge-carousel__page {
  margin-left: 1.2rem;
}
.lounge-carousel__picker {
  cursor: pointer;
  display: block;
  width: 0.8rem;
  height: 4.4rem;
  border: 0;
  background: none;
}
.lounge-carousel__picker:hover,
.lounge-carousel__picker:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.app .lounge-carousel__picker:hover,
.app .lounge-carousel__picker:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.lounge-carousel__pick {
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  border: 1px solid #00256c;
  border-radius: 100%;
  background-color: #fff;
}
.lounge-carousel__page.-active .lounge-carousel__pick {
  background-color: #00256c;
}
.lounge-carousel__controls {
  position: absolute;
  bottom: 4.4rem;
  width: 100%;
  height: auto;
  font-size: 0;
}
.lounge-carousel__control {
  cursor: pointer;
  display: inline-block;
  position: absolute;
  width: 1.6rem;
  height: 4.4rem;
  vertical-align: top;
  border: 0;
  background: none;
}
.lounge-carousel__control.-prev {
  left: calc(50% - 1.6rem - 5.4rem);
  background: url(../images/lounge-carousel__control--prev.svg) no-repeat 50% center;
  background-size: 16px 16px;
}
.lounge-carousel__control.-next {
  right: calc(50% - 1.6rem - 5.4rem);
  background: url(../images/lounge-carousel__control--next.svg) no-repeat 50% center;
  background-size: 16px 16px;
}
.lounge-carousel__control:hover,
.lounge-carousel__control:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.app .lounge-carousel__control:hover,
.app .lounge-carousel__control:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.used-milage__data {
  padding: 1.2rem;
  border-top: solid 0.1rem #dee0e2;
}
@media (min-width: 1060px) {
  .used-milage__data {
    padding: 2rem 3.2rem;
  }
}
.used-milage__data-item {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 1.2rem;
}
@media (min-width: 1060px) {
  .used-milage__data-item {
    margin-top: 0.8rem;
  }
}
.used-milage__data-item:first-child {
  margin-top: 0;
}
.used-milage__data-key {
  color: #000;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .used-milage__data-key {
    float: left;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.used-milage__data-value {
  color: #000;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .used-milage__data-value {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.used-milage__total {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 1.6rem 1.2rem;
  border-top: solid 0.1rem #dee0e2;
  border-bottom: solid 0.1rem #dee0e2;
  background: #f8f9fc;
}
@media (min-width: 1060px) {
  .used-milage__total {
    padding: 2.5rem 3.2rem;
  }
}
.used-milage__total-title {
  color: #00256c;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .used-milage__total-title {
    font-size: 1.6rem;
  }
}
.used-milage__total-mile {
  color: #00256c;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .used-milage__total-mile {
    font-size: 2rem;
  }
}
.mall-sort {
  display: flex;
  margin: 2rem 0;
}
.mall-sort__option {
  width: 15rem;
  margin-left: auto;
}
@media (min-width: 1060px) {
  .mall-sort__option {
    width: 20rem;
  }
}
.tracking__number {
  padding: 2rem;
  border-bottom: solid 0.1rem #d9dbe1;
  color: #000;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .tracking__number {
    padding: 2.4rem 4rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.tracking__item {
  margin: 4rem 0;
  border: solid 0.1rem #d9dbe1;
}
@media (min-width: 1060px) {
  .tracking__item {
    margin: 6rem 0;
  }
}
.tracking__item:first-child {
  margin-top: 0;
}
.tracking__item:last-child {
  margin-bottom: 0;
}
.tracking__info {
  padding: 3.2rem 2rem 2rem;
}
@media (min-width: 1060px) {
  .tracking__info {
    padding: 4rem 4rem 5rem;
  }
}
.tracking__info-item {
  position: relative;
}
.tracking__info-status {
  margin-top: 1.6rem;
  padding-top: 2rem;
  border-top: solid 0.1rem #d9dbe1;
}
@media (min-width: 1060px) {
  .tracking__info-status {
    margin-top: 2rem;
    margin-left: 16rem;
  }
}
.tracking__pic {
  float: left;
  width: 7.2rem;
  border-radius: 0.2rem;
  border: solid 0.1rem #d9dbe1;
}
@media (min-width: 1060px) {
  .tracking__pic {
    width: 12rem;
  }
}
.tracking__image {
  display: block;
  overflow: hidden;
  width: 100%;
}
.tracking__title {
  margin-bottom: 1.4rem;
}
@media (min-width: 1060px) {
  .tracking__title {
    margin-bottom: 0.8rem;
    margin-left: 16rem;
  }
}
.tracking__title:after {
  content: "";
  display: block;
  clear: both;
}
@media (min-width: 1060px) {
  .tracking__title:after {
    clear: none;
  }
}
.tracking__title-date {
  display: block;
  margin-bottom: 0.8rem;
  padding-left: 8.8rem;
  color: #767676;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .tracking__title-date {
    padding-left: 0;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.tracking__title-name {
  display: block;
  padding-left: 8.8rem;
  color: #000;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .tracking__title-name {
    padding-left: 0;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.tracking__data {
  margin-top: 1.2rem;
}
@media (min-width: 1060px) {
  .tracking__data {
    margin-top: 0.8rem;
    margin-left: 16rem;
  }
}
.tracking__data:first-child {
  margin-top: 0;
}
.tracking__data-item {
  display: block;
  margin-top: 0.4rem;
  color: #767676;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .tracking__data-item {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.tracking__data-item:first-child {
  margin-top: 0;
}
.tracking__data-item:last-child {
  margin-bottom: 0;
}
.tracking__status {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 2rem;
}
@media (min-width: 1060px) {
  .tracking__status {
    display: flex;
    align-items: center;
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 0;
    width: 13rem;
    min-height: 5.6rem;
    text-align: right;
  }
}
.tracking__message {
  display: block;
  color: #00256c;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .tracking__message {
    width: 100%;
    font-size: 1.6rem;
    line-height: 1.5;
    text-align: center;
  }
}
.tracking__link {
  display: block;
}
@media (min-width: 1060px) {
  .tracking__link {
    width: 100%;
    margin-top: 0.8rem;
  }
}
.tracking__request {
  overflow: hidden;
}
@media (min-width: 1060px) {
  .tracking__request {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
.tracking__address {
  display: block;
  color: #000;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .tracking__address {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.tracking__trigger {
  display: block;
  margin-top: 1.6rem;
  text-align: right;
}
@media (min-width: 1060px) {
  .tracking__trigger {
    margin-top: 0;
  }
}
.delivery-info:after {
  content: "";
  display: block;
  clear: both;
}
@media (min-width: 1060px) {
  .delivery-info {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
.delivery-info__item {
  margin: 4rem 0;
  padding-left: 8.8rem;
  background: transparent url(../images/delivery-info1.png) no-repeat top left;
  background-size: 56px 56px;
}
.delivery-info__item:first-child {
  margin-top: 0;
}
.delivery-info__item:last-child {
  margin-bottom: 0;
}
@media (min-width: 1060px) {
  .delivery-info__item {
    width: 50%;
    margin-bottom: 0;
    padding-left: 8rem;
    padding-right: 2rem;
    background: transparent url(../images/delivery-info1.png) no-repeat top left;
    background-size: 68px 68px;
  }
  .delivery-info__item:nth-child(1),
  .delivery-info__item:nth-child(2) {
    margin-top: 0;
  }
}
.delivery-info__item.-step1 {
  background: transparent url(../images/delivery-info1.png) no-repeat top left;
  background-size: 56px 56px;
}
@media (min-width: 1060px) {
  .delivery-info__item.-step1 {
    background-size: 68px 68px;
  }
}
.delivery-info__item.-step2 {
  background: transparent url(../images/delivery-info2.png) no-repeat top left;
  background-size: 56px 56px;
}
@media (min-width: 1060px) {
  .delivery-info__item.-step2 {
    background-size: 68px 68px;
  }
}
.delivery-info__item.-step3 {
  background: transparent url(../images/delivery-info3.png) no-repeat top left;
  background-size: 56px 56px;
}
@media (min-width: 1060px) {
  .delivery-info__item.-step3 {
    background-size: 68px 68px;
  }
}
.delivery-info__item.-step4 {
  background: transparent url(../images/delivery-info4.png) no-repeat top left;
  background-size: 56px 56px;
}
@media (min-width: 1060px) {
  .delivery-info__item.-step4 {
    background-size: 68px 68px;
  }
}
.delivery-info__title {
  display: block;
  margin-bottom: 0.8rem;
  color: #000;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1.5;
}
@media (min-width: 1060px) {
  .delivery-info__title {
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.delivery-info__desc {
  display: block;
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
}
.used-mile {
  display: block;
  padding: 1.6rem 1.2rem;
  border-top: solid 0.1rem #dee0e2;
  border-bottom: solid 0.1rem #dee0e2;
  background: #f8f9fc;
}
@media (min-width: 1060px) {
  .used-mile {
    padding: 2rem 4rem;
  }
}
.used-mile__count {
  display: block;
  margin-bottom: 0.8rem;
}
@media (min-width: 1060px) {
  .used-mile__count {
    color: #000;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.used-mile__total {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.used-mile__total-key {
  color: #00256c;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .used-mile__total-key {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.used-mile__total-value {
  color: #00256c;
  font-size: 1.6rem;
  font-weight: 700;
}
@media (min-width: 1060px) {
  .used-mile__total-value {
    font-size: 2rem;
    line-height: 1.5;
  }
}
.justify-list {
  border-top: solid 0.1rem #d9dbe1;
  border-bottom: solid 0.1rem #d9dbe1;
}
.justify-list__title {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 1.6rem;
  padding: 1.6rem 1.2rem 0;
}
@media (min-width: 1060px) {
  .justify-list__title {
    padding: 2rem 3.2rem 0;
  }
}
.justify-list__title-item {
  color: #000;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .justify-list__title-item {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.justify-list__title-item:nth-of-type(2) {
  margin-left: auto;
}
.justify-list__data {
  margin-top: 0.8rem;
  padding: 0 1.2rem;
}
@media (min-width: 1060px) {
  .justify-list__data {
    margin-top: 0.8rem;
    padding: 0 3.2rem;
  }
}
.justify-list__item {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  margin: 0.8rem 0;
}
.justify-list__item:first-child {
  margin-top: 0;
}
.justify-list__item:last-child {
  margin-bottom: 0;
}
.justify-list__key {
  color: #000;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .justify-list__key {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.justify-list__value {
  color: #000;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .justify-list__value {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.justify-list__total {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 1.6rem;
  padding: 1.7rem 1.2rem;
  border-top: solid 0.1rem #d9dbe1;
  background: #f8f9fc;
}
@media (min-width: 1060px) {
  .justify-list__total {
    margin-top: 1.2rem;
    padding: 1.7rem 3.2rem;
  }
}
.justify-list__total-title {
  color: #00256c;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .justify-list__total-title {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.justify-list__total-figure {
  color: #00256c;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .justify-list__total-figure {
    font-size: 2rem;
    line-height: 1.5;
  }
}
.mile-adjust {
  border-radius: 0.2rem;
  border: solid 0.1rem #d9dbe1;
}
.mile-adjust__item {
  margin: 3.2rem 0;
  padding: 0 2rem;
}
@media (min-width: 1060px) {
  .mile-adjust__item {
    display: flex;
    flex-wrap: wrap;
    margin: 4rem 0;
    padding: 0 4rem;
  }
}
@media (min-width: 1060px) {
  .mile-adjust__title {
    flex: 4;
  }
}
.mile-adjust__adjust {
  margin-top: 2rem;
}
@media (min-width: 1060px) {
  .mile-adjust__adjust {
    flex: 8;
    margin-top: 0;
  }
}
.mile-adjust__entries {
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 1060px) {
  .mile-adjust__entries {
    display: flex;
    flex-wrap: wrap;
  }
}
.mile-adjust__entry {
  width: 50%;
}
@media (min-width: 1060px) {
  .mile-adjust__entry {
    width: 50%;
  }
}
.mile-adjust__entry:nth-child(odd) {
  padding-right: 1rem;
}
.mile-adjust__entry:nth-child(even) {
  padding-left: 1rem;
}
@media (min-width: 1060px) {
  .mile-adjust__entry:nth-child(odd) {
    padding-right: 2rem;
  }
  .mile-adjust__entry:nth-child(even) {
    padding-left: 2rem;
  }
}
.mile-adjust__expander {
  margin-top: 3.2rem;
  padding: 0.8rem 0;
  border-bottom: solid 0.1rem #d9dbe1;
  text-align: center;
}
@media (min-width: 1060px) {
  .mile-adjust__expander {
    margin-top: 5.2rem;
  }
}
.mile-adjust__total {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 1.6rem 1.2rem;
  border-top: solid 0.1rem #dee0e2;
  background: #f8f9fc;
}
@media (min-width: 1060px) {
  .mile-adjust__total {
    padding: 2.5rem 3.2rem;
  }
}
.mile-adjust__total-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 0.5rem;
}
.mile-adjust__total-row:first-child {
  margin-top: 0;
}
.mile-adjust__total-sort {
  color: #00256c;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .mile-adjust__total-sort {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.mile-adjust__total-sort.-regular {
  font-weight: 400;
}
.mile-adjust__total-mile {
  color: #00256c;
  font-size: 1.6rem;
  font-weight: 700;
}
@media (min-width: 1060px) {
  .mile-adjust__total-mile {
    font-size: 2rem;
    line-height: 1.5;
  }
}
.mile-adjust__total-mile.-regular {
  font-size: 1.6rem;
  font-weight: 400;
}
.mile-adjust__mileage {
  margin-top: 0.8rem;
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .mile-adjust__mileage {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.mile-adjust__no-item {
  padding: 3.2rem 2rem;
}
@media (min-width: 1060px) {
  .mile-adjust__no-item {
    padding: 4rem;
  }
}
.order__item {
  padding: 2rem 0;
  border-top: solid 0.1rem #dee0e2;
}
@media (min-width: 1060px) {
  .order__item {
    padding: 4rem 0;
  }
}
.order__item:first-child {
  padding-top: 0;
  border-top: 0;
}
.order__item:after {
  content: "";
  display: block;
  clear: both;
}
.order.-result .order__item:first-child {
  padding-top: 2rem;
  border-top: solid 0.1rem #dee0e2;
}
@media (min-width: 1060px) {
  .order.-result .order__item:first-child {
    padding: 4rem 0;
  }
}
.order__pic {
  float: left;
  width: 7.2rem;
  border-radius: 0.2rem;
  border: solid 0.1rem #d9dbe1;
}
@media (min-width: 1060px) {
  .order__pic {
    width: 12rem;
  }
}
.order__image {
  display: block;
  overflow: hidden;
  width: 100%;
}
.order__title {
  margin-bottom: 1.4rem;
}
@media (min-width: 1060px) {
  .order__title {
    margin-bottom: 0.8rem;
    margin-left: 16rem;
    text-align: right;
  }
}
.order__title:after {
  content: "";
  display: block;
  clear: both;
}
@media (min-width: 1060px) {
  .order__title:after {
    clear: none;
  }
}
.order__title-sort {
  display: block;
  margin-bottom: 0.8rem;
  padding-left: 8.8rem;
  color: #767676;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .order__title-sort {
    float: left;
    padding-left: 0;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.order__title-name {
  display: block;
  padding-left: 8.8rem;
  color: #000;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .order__title-name {
    padding-left: 0;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
@media (min-width: 1060px) {
  .order__data {
    margin-left: 16rem;
    text-align: right;
  }
}
.order__data-item {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 1.2rem;
}
@media (min-width: 1060px) {
  .order__data-item {
    margin-top: 0.8rem;
  }
}
.order__data-item:first-child {
  display: block;
  margin-top: 0;
  margin-bottom: 1.4rem;
  clear: none;
}
.order__data-item:first-child:after {
  content: "";
  display: block;
  clear: both;
}
@media (min-width: 1060px) {
  .order__data-item:first-child:after {
    display: none;
    clear: none;
  }
}
@media (min-width: 1060px) {
  .order__data-item:first-child {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 0;
  }
}
.order__data-item:first-child .order__data-key {
  display: block;
  margin-bottom: 0.8rem;
  padding-left: 8.8rem;
}
@media (min-width: 1060px) {
  .order__data-item:first-child .order__data-key {
    margin: 0;
    padding-left: 0;
  }
}
.order__data-item:first-child .order__data-value {
  display: block;
  padding-left: 8.8rem;
}
@media (min-width: 1060px) {
  .order__data-item:first-child .order__data-value {
    margin: 0;
    padding-left: 0;
  }
}
.order__data-key {
  color: #767676;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .order__data-key {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.order__data-value {
  color: #000;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .order__data-value {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.order__total {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 1.6rem 1.2rem;
  border-top: solid 0.1rem #dee0e2;
  border-bottom: solid 0.1rem #dee0e2;
  background: #f8f9fc;
}
@media (min-width: 1060px) {
  .order__total {
    padding: 2.5rem 3.2rem;
  }
}
.order__total-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.order__total-sort {
  color: #00256c;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .order__total-sort {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.order__total-mile {
  color: #00256c;
  font-size: 1.6rem;
  font-weight: 700;
}
@media (min-width: 1060px) {
  .order__total-mile {
    font-size: 2rem;
    line-height: 1.5;
  }
}
.use-mile {
  padding: 1.5rem 1.2rem;
  border-top: solid 0.1rem #dee0e2;
  border-bottom: solid 0.1rem #dee0e2;
  background: #f8f9fc;
}
@media (min-width: 1060px) {
  .use-mile {
    padding: 2rem 4rem;
  }
}
.use-mile__count {
  display: block;
  margin-bottom: 0.8rem;
  color: #000;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .use-mile__count {
    font-size: 1.6rem;
  }
}
.use-mile__total {
  display: flex;
  justify-content: space-between;
}
.use-mile__total-key {
  color: #00256c;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .use-mile__total-key {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.use-mile__total-value {
  color: #00256c;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .use-mile__total-value {
    font-size: 2rem;
    line-height: 1.5;
  }
}
.shop-cart__all {
  margin-bottom: 3rem;
}
@media (min-width: 1060px) {
  .shop-cart__all {
    margin-bottom: 4rem;
  }
}
.shop-cart__item {
  position: relative;
  margin-top: 4rem;
  padding-left: 2.8rem;
}
@media (min-width: 1060px) {
  .shop-cart__item {
    margin-top: 6rem;
    padding-left: 3.6rem;
  }
}
.shop-cart__item:first-child {
  margin-top: 0;
}
.shop-cart__check {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 3rem;
  height: 4rem;
  margin: -0.5rem 0 0 -0.5rem;
  padding: 0.5rem;
}
.shop-cart__thumb {
  float: left;
  overflow: hidden;
  width: 7.2rem;
  border-radius: 0.2rem;
  border: solid 0.1rem #d9dbe1;
}
@media (min-width: 1060px) {
  .shop-cart__thumb {
    width: 12rem;
  }
}
.shop-cart__image {
  display: block;
  width: 100%;
}
.shop-cart__title {
  display: block;
  margin-left: 8.4rem;
  color: #000;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .shop-cart__title {
    margin-left: 16rem;
    font-size: 1.8rem;
    line-height: 1.58;
  }
}
.shop-cart__message {
  display: block;
  position: relative;
  margin-top: 0.8rem;
  margin-left: 8.4rem;
  color: #de001b;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .shop-cart__message {
    margin-left: 16rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.shop-cart__options {
  padding-top: 1.2rem;
  clear: both;
}
@media (min-width: 1060px) {
  .shop-cart__options {
    margin-left: 16rem;
    clear: none;
  }
}
.shop-cart__option {
  position: relative;
  margin-top: 1.2rem;
  border-radius: 0.2rem;
  border: solid 0.1rem #d9dbe1;
}
.shop-cart__option:first-child {
  margin-top: 0;
}
.shop-cart__option:last-child {
  margin-bottom: 0;
}
.shop-cart__option-select {
  padding: 2rem;
}
@media (min-width: 1060px) {
  .shop-cart__option-select {
    padding: 2rem 4rem;
  }
}
.shop-cart__option-name {
  display: block;
  padding-right: 4rem;
  color: #000;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .shop-cart__option-name {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.shop-cart__option-del {
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  position: absolute;
  top: 0;
  right: 0;
  width: 4.4rem;
  height: 4.4rem;
  border: 0;
  outline: 0;
  background: transparent url(../images/shop-cart__option-del.png) no-repeat center center;
  background-size: 24px 24px;
  cursor: pointer;
}
.shop-cart__option-del:hover,
.shop-cart__option-del:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .shop-cart__option-del:hover,
.app .shop-cart__option-del:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.shop-cart__infos {
  margin-top: 2rem;
}
.shop-cart__info {
  display: flex;
  align-items: center;
}
.shop-cart__info + .shop-cart__info {
  margin-top: 2rem;
}
.shop-cart__key {
  color: #767676;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .shop-cart__key {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.shop-cart__value {
  margin-left: auto;
  color: #000;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .shop-cart__value {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.shop-cart__controls {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
@media (min-width: 1060px) {
  .shop-cart__controls {
    justify-content: flex-start;
  }
}
.shop-cart__count {
  color: #767676;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .shop-cart__count {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.shop-cart__control {
  display: flex;
  align-items: center;
  position: relative;
  width: 12.5rem;
  margin-right: -0.7rem;
}
@media (min-width: 1060px) {
  .shop-cart__control {
    top: auto;
    right: auto;
  }
}
.shop-cart__control-trigger {
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  display: block;
  position: absolute;
  top: -0.2rem;
  width: 4.4rem;
  height: 4.4rem;
  border: 0;
  color: #555;
  font-size: 1.6rem;
  line-height: 1.5;
  z-index: 1;
}
@media (min-width: 1060px) {
  .shop-cart__control-trigger {
    top: 0.2rem;
  }
}
.shop-cart__control-trigger.-add {
  right: 0;
  background: url(../images/passenger__control-add.svg) no-repeat 50% 50%;
  background-size: 32px 32px;
}
.shop-cart__control-trigger.-add[aria-disabled="true"] {
  background: url(../images/control__add-disable.png) no-repeat 50% 50%;
  background-size: 32px 32px;
  cursor: not-allowed;
}
.shop-cart__control-trigger.-sub {
  left: 0;
  background: url(../images/control__remove.png) no-repeat 50% 50%;
  background-size: 32px 32px;
}
.shop-cart__control-trigger.-sub[aria-disabled="true"] {
  background: url(../images/passenger__control-sub--disabled.svg) no-repeat 50% 50%;
  background-size: 32px 32px;
  cursor: not-allowed;
}
.shop-cart__control-trigger:hover,
.shop-cart__control-trigger:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .shop-cart__control-trigger:hover,
.app .shop-cart__control-trigger:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.shop-cart__control-spin {
  display: block;
  width: 3.6rem;
  margin: 0 auto;
}
.shop-cart__total {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.4rem 2rem;
  border-top: solid 0.1rem #d9dbe1;
  background: #f8f9fc;
}
@media (min-width: 1060px) {
  .shop-cart__total {
    padding: 2rem 4rem;
  }
}
.shop-cart__total-title {
  color: #00256c;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .shop-cart__total-title {
    font-size: 1.6rem;
  }
}
.shop-cart__total-mile {
  color: #00256c;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .shop-cart__total-mile {
    font-size: 2rem;
  }
}
.shop-cart__tag {
  display: inline-block;
  margin-left: 1rem;
  padding: 0.2rem 0.6rem;
  border: 0.1rem solid #de001b;
  color: #de001b;
  font-size: 1.2rem;
}
@media (min-width: 1060px) {
  .item-info {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
@media (min-width: 1060px) {
  .item-info__photo {
    width: 49%;
  }
}
.item-info__content {
  margin-top: 2rem;
}
@media (min-width: 1060px) {
  .item-info__content {
    width: 47%;
    margin-top: 0;
  }
}
.item-info__preview {
  overflow: hidden;
  position: relative;
  border-radius: 0.2rem;
  border: solid 0.1rem #d9dbe1;
  text-align: center;
  vertical-align: middle;
}
@media (min-width: 1060px) {
  .item-info__preview {
    height: 42rem;
  }
}
.item-info__image {
  display: block;
  width: 100%;
}
@media (min-width: 1060px) {
  .item-info__image {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
  }
}
.item-info__thumb {
  position: relative;
  margin-top: 1.6rem;
}
@media (min-width: 1060px) {
  .item-info__thumb {
    display: block;
    width: 48rem;
    margin: 2rem auto 0;
  }
}
.item-info__thumb:after {
  content: "";
  display: block;
  clear: both;
}
.item-info__thumb.-active .item-info__thumb-inner {
  padding: 0 4.4rem;
}
.item-info__thumb-inner:after {
  content: "";
  display: block;
  clear: both;
}
.item-info__thumb-prev,
.item-info__thumb-next {
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 4.4rem;
  border: 0;
  outline: 0;
  font-size: 0.1rem;
  cursor: pointer;
}
.item-info__thumb-prev:hover,
.item-info__thumb-next:hover,
.item-info__thumb-prev:focus,
.item-info__thumb-next:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.app .item-info__thumb-prev:hover,
.app .item-info__thumb-next:hover,
.app .item-info__thumb-prev:focus,
.app .item-info__thumb-next:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.item-info__thumb-prev {
  left: 0;
  background: transparent url(../images/milo-item__thumb-prev.png) no-repeat left center;
  background-size: 24px 24px;
}
.item-info__thumb-next {
  right: 0;
  background: transparent url(../images/milo-item__thumb-next.png) no-repeat right center;
  background-size: 24px 24px;
}
.item-info__thumb-photo {
  display: block;
  float: left;
  width: 7.2rem;
  height: 7.2rem;
  margin-left: 0.8rem;
  border-radius: 0.2rem;
  border: solid 0.1rem #d9dbe1;
  text-align: center;
}
.item-info__thumb-photo:first-child {
  margin-left: 0;
}
.item-info__thumb-view {
  display: block;
  width: 7.2rem;
  height: 7.2rem;
  border: 0;
  outline: 0;
  background: none;
  cursor: pointer;
}
.item-info__thumb-view:hover,
.item-info__thumb-view:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.app .item-info__thumb-view:hover,
.app .item-info__thumb-view:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.item-info__thumb-img {
  display: block;
  width: 100%;
}
.item-info__title {
  margin-bottom: 0.8rem;
  color: #000;
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 1.56;
}
@media (min-width: 1060px) {
  .item-info__title {
    font-size: 2.4rem;
    line-height: 1.5;
  }
}
.item-info__info {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.item-info__discount {
  width: 100%;
  color: #767676;
  font-size: 1.4rem;
  line-height: 1.58;
  text-decoration: line-through;
}
@media (min-width: 1060px) {
  .item-info__discount {
    font-size: 1.6rem;
  }
}
.item-info__price {
  color: #00256c;
  font-weight: 700;
  font-size: 1.8rem;
}
@media (min-width: 1060px) {
  .item-info__price {
    font-size: 2.4rem;
  }
}
.item-info__tag {
  display: inline-block;
  margin-left: 1rem;
  padding: 0.2rem 0.6rem;
  border: 0.1rem solid #de001b;
  color: #de001b;
  font-size: 1.2rem;
}
.item-info__desc {
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .item-info__desc {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.item-info__option {
  margin-top: 2rem;
  border-radius: 0.2rem;
  border: solid 0.1rem #d9dbe1;
}
@media (min-width: 1060px) {
  .item-info__option {
    margin-top: 4rem;
  }
}
.item-info__option-select {
  padding: 3.2rem 2rem;
}
@media (min-width: 1060px) {
  .item-info__option-select {
    padding: 4rem;
  }
}
.item-info__option-pick {
  margin-top: 4rem;
}
@media (min-width: 1060px) {
  .item-info__option-pick {
    margin-top: 3rem;
  }
}
.item-info__option-pick:first-child {
  margin-top: 0;
}
.item-info__total {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2rem;
  border-top: solid 0.1rem #d9dbe1;
  background: #f8f9fc;
}
@media (min-width: 1060px) {
  .item-info__total {
    padding: 2.4rem 4rem;
  }
}
.item-info__total-title {
  color: #00256c;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .item-info__total-title {
    font-size: 1.6rem;
  }
}
.item-info__total-mile {
  color: #00256c;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .item-info__total-mile {
    font-size: 2rem;
  }
}
.item-info__label {
  display: block;
  margin-bottom: 0.4rem;
  color: #000;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .item-info__label {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.item-info__controls {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.item-info__count {
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .item-info__count {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.item-info__control {
  display: flex;
  align-items: center;
  position: relative;
  width: 12.5rem;
}
@media (min-width: 1060px) {
  .item-info__control {
    position: relative;
    top: auto;
    right: auto;
  }
}
.item-info__control-trigger {
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  display: block;
  position: absolute;
  top: -0.2rem;
  width: 4.4rem;
  height: 4.4rem;
  border: 0;
  color: #555;
  font-size: 1.6rem;
  line-height: 1.5;
  z-index: 1;
}
@media (min-width: 1060px) {
  .item-info__control-trigger {
    top: 0.2rem;
  }
}
.item-info__control-trigger.-add {
  right: 0;
  background: url(../images/passenger__control-add.svg) no-repeat 50% 50%;
  background-size: 32px 32px;
}
.item-info__control-trigger.-add[aria-disabled="true"],
.item-info__control-trigger.-add[disabled="disabled"] {
  background: url(../images/control__add-disable.png) no-repeat 50% 50%;
  background-size: 32px 32px;
  cursor: not-allowed;
}
.item-info__control-trigger.-sub {
  left: 0;
  background: url(../images/control__remove.png) no-repeat 50% 50%;
  background-size: 32px 32px;
}
.item-info__control-trigger.-sub[aria-disabled="true"],
.item-info__control-trigger.-sub[disabled="disabled"] {
  background: url(../images/passenger__control-sub--disabled.svg) no-repeat 50% 50%;
  background-size: 32px 32px;
  cursor: not-allowed;
}
.item-info__control-trigger:hover,
.item-info__control-trigger:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .item-info__control-trigger:hover,
.app .item-info__control-trigger:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.item-info__control-spin {
  display: block;
  width: 3.6rem;
  margin: 0 auto;
}
.item-info__dicition {
  display: flex;
  justify-items: flex-start;
  margin-top: 2rem;
  padding-bottom: 0.4rem;
}
.item-info__dicition button:hover,
.item-info__dicition button:focus {
  position: relative;
}
.item-info__wrapper {
  display: flex;
}
@media (min-width: 1060px) {
  .item-info__wrapper {
    display: block;
  }
}
.item-info__wrapper .forms {
  margin-left: auto;
}
.milo-nodata {
  margin: 4rem 0;
}
@media (min-width: 1060px) {
  .milo-nodata {
    margin: 6rem 0;
  }
}
.milo-nodata__inner {
  text-align: center;
}
.milo-nodata__desc {
  display: inline-block;
  position: relative;
  padding-top: 6rem;
  color: #000;
  font-weight: 700;
  font-size: 1.8rem;
}
@media (min-width: 1060px) {
  .milo-nodata__desc {
    padding-top: 8.4rem;
  }
}
.milo-nodata__desc:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 4.8rem;
  height: 4.8rem;
  background: url(../images/milo-nodata.svg) no-repeat 50% 50%;
  background-size: 48px 48px;
}
@media (min-width: 1060px) {
  .milo-nodata__desc:before {
    width: 6.5rem;
    height: 6.4rem;
    background-size: 64px 64px;
  }
}
.milo-option__icon {
  display: inline-block;
  padding: 0.3rem 0.6rem;
  font-size: 1.2rem;
}
.milo-option__icon.-limited {
  background: #fbebde;
  color: #c03f04;
}
.milo-option__icon.-new {
  background: #defbf8;
  color: #176f66;
}
.milo-option__icon.-sale {
  background: #eaf4fe;
  color: #0064de;
}
.milo-option__icon.-exclusive {
  background: #eaf4fe;
  color: #0064de;
}
.milo-option__icon.-hot {
  background: #fff1f3;
  color: #de001b;
}
.milo-item {
  display: block;
}
@media (min-width: 1060px) {
  .milo-item {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1rem;
  }
}
.milo-item__each {
  margin-top: 4rem;
}
@media (min-width: 1060px) {
  .milo-item__each {
    width: 50%;
    margin-top: 0;
    padding: 0 1rem;
  }
}
@media (min-width: 1060px) {
  .milo-item__each:nth-child(n+3) {
    margin-top: 6rem;
  }
}
.milo-item__each:first-child {
  margin-top: 0;
}
.milo-item__each:last-child {
  margin-bottom: 0;
}
.milo-item__link {
  display: block;
  text-decoration: none;
}
.milo-item__link:hover,
.milo-item__link:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.app .milo-item__link:hover,
.app .milo-item__link:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.milo-item__preview {
  width: 100%;
  height: auto;
  border: 0.1rem solid #d9dbe1;
  border-radius: 0.2rem;
  position: relative;
  text-align: center;
}
.milo-item__image {
  display: block;
  width: 100%;
  height: auto;
}
.milo-item__thumb {
  overflow: hidden;
  position: relative;
  margin-top: 1.6rem;
}
.milo-item__thumb:after {
  content: "";
  display: block;
  clear: both;
}
.milo-item__thumb-inner:after {
  content: "";
  display: block;
  clear: both;
}
.milo-item__thumb-prev,
.milo-item__thumb-next {
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  position: absolute;
  top: 0.3rem;
  bottom: 0.3rem;
  width: 4.4rem;
  border: 0;
  outline: 0;
  font-size: 0.1rem;
}
.milo-item__thumb-prev:hover,
.milo-item__thumb-next:hover,
.milo-item__thumb-prev:focus,
.milo-item__thumb-next:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.app .milo-item__thumb-prev:hover,
.app .milo-item__thumb-next:hover,
.app .milo-item__thumb-prev:focus,
.app .milo-item__thumb-next:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.milo-item__thumb-prev[aria-disabled="true"],
.milo-item__thumb-next[aria-disabled="true"] {
  cursor: not-allowed;
}
.milo-item__thumb-prev[disabled],
.milo-item__thumb-next[disabled] {
  cursor: not-allowed;
}
.milo-item__thumb-prev[disabled]:hover,
.milo-item__thumb-next[disabled]:hover,
.milo-item__thumb-prev[disabled]:focus,
.milo-item__thumb-next[disabled]:focus {
  outline: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.milo-item__thumb-prev {
  left: 0.3rem;
  background: transparent url(../images/milo-item__thumb-prev.png) no-repeat left center;
  background-size: 24px 24px;
}
.milo-item__thumb-next {
  right: 0.3rem;
  background: transparent url(../images/milo-item__thumb-next.png) no-repeat right center;
  background-size: 24px 24px;
}
.milo-item__thumb-inner {
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding: 0.3rem;
  font-size: 0;
}
.milo-item__thumb-inner.-active {
  width: calc(100% - 8.8rem);
}
.milo-item__thumb-photo {
  display: inline-block;
  width: 10rem;
  margin-left: 0.8rem;
  border: 0.1rem solid #d9dbe1;
}
.milo-item__thumb-photo:first-child {
  margin-left: 0;
}
.milo-item__thumb-view {
  display: block;
  border: 0;
  outline: 0;
  background: none;
  cursor: pointer;
}
.milo-item__thumb-view:hover,
.milo-item__thumb-view:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.app .milo-item__thumb-view:hover,
.app .milo-item__thumb-view:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.milo-item__thumb-img {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.milo-item__title {
  display: block;
  margin: 1.6rem 0 0.8rem;
  color: #000;
  font-weight: 700;
  font-size: 1.6rem;
}
@media (min-width: 1060px) {
  .milo-item__title {
    font-size: 1.8rem;
  }
}
.milo-item__before {
  display: block;
  color: #767676;
  font-size: 1.4rem;
  line-height: 1.58;
  text-decoration: line-through;
}
@media (min-width: 1060px) {
  .milo-item__before {
    font-size: 1.6rem;
  }
}
.milo-item__price {
  display: flex;
  align-items: center;
}
.milo-item__mile {
  color: #00256c;
  font-weight: 700;
  font-size: 1.8rem;
}
@media (min-width: 1060px) {
  .milo-item__mile {
    font-size: 2.4rem;
  }
}
.milo-item__tag {
  display: inline-block;
  margin-left: 1rem;
  padding: 0.2rem 0.6rem;
  border: 0.1rem solid #de001b;
  color: #de001b;
  font-size: 1.2rem;
}
.milo-item__message {
  margin: 0.8rem 0;
  color: #de001b;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .milo-item__message {
    margin: 0.4rem 0 0.8rem;
    font-size: 1.6;
    line-height: 1.5;
  }
}
.milo-item__desc {
  display: block;
  margin-top: 0.8rem;
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .milo-item__desc {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.milo-item__option {
  margin-top: 1.9rem;
}
@media (min-width: 1060px) {
  .milo-item__option {
    margin-top: 1.6rem;
  }
}
.milo-item__info {
  position: relative;
}
.milo-item__info.-none-option {
  padding-top: 0;
}
.milo-item__info-option {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
}
.milo-milage {
  display: flex;
  justify-content: space-between;
  margin: 2rem 0;
  padding: 1.6rem 2rem;
  background: #f8f9fc;
}
@media (min-width: 1060px) {
  .milo-milage {
    padding: 2.2rem 4rem;
  }
}
.milo-milage__before {
  display: block;
  width: 100%;
  color: #00256c;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .milo-milage__before {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.milo-milage__title {
  color: #000;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .milo-milage__title {
    font-size: 1.6rem;
  }
}
.milo-milage__mile {
  display: block;
  color: #00256c;
  font-size: 1.4rem;
  line-height: 1.58;
  text-align: right;
}
@media (min-width: 1060px) {
  .milo-milage__mile {
    font-size: 1.8rem;
  }
}
.milo-milage__number {
  display: inline-block;
  padding-left: 2.6rem;
  background: url(../images/milo-milage-mile.png) no-repeat left center;
  background-size: 20px 20px;
  font-weight: 700;
}
.milo-button {
  display: flex;
}
.milo-button__customer,
.milo-button__cart,
.milo-button__delivery,
.milo-button__voucher,
.milo-button__review {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 101%;
  width: 4.4rem;
  height: 4.4rem;
  border: 0;
}
.milo-button__customer:first-child,
.milo-button__cart:first-child,
.milo-button__delivery:first-child,
.milo-button__voucher:first-child,
.milo-button__review:first-child {
  margin-left: 0;
}
.milo-button__customer:hover,
.milo-button__cart:hover,
.milo-button__delivery:hover,
.milo-button__voucher:hover,
.milo-button__review:hover,
.milo-button__customer:focus,
.milo-button__cart:focus,
.milo-button__delivery:focus,
.milo-button__voucher:focus,
.milo-button__review:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .milo-button__customer:hover,
.app .milo-button__cart:hover,
.app .milo-button__delivery:hover,
.app .milo-button__voucher:hover,
.app .milo-button__review:hover,
.app .milo-button__customer:focus,
.app .milo-button__cart:focus,
.app .milo-button__delivery:focus,
.app .milo-button__voucher:focus,
.app .milo-button__review:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.milo-button__customer {
  background: #fff url(../images/milo-button__customer.svg) no-repeat center center;
  background-size: 24px 24px;
}
.milo-button__cart {
  background: url(../images/milo-button__cart.svg) no-repeat center center;
  background-size: 24px 24px;
}
.milo-button__delivery {
  background: url(../images/milo-button__delivery.svg) no-repeat center center;
  background-size: 24px 24px;
}
.milo-button__voucher {
  background: url(../images/milo-button__voucher.svg) no-repeat center center;
  background-size: 24px 24px;
}
.milo-button__review {
  background: url(../images/milo-button__review.png) no-repeat center center;
  background-size: 24px 24px;
}
.milo-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-left: auto;
}
.milo-title__aside {
  margin-left: auto;
}
.milo-goods + .milo-goods {
  margin-top: 4rem;
}
.milo-goods__list {
  display: flex;
  flex-wrap: wrap;
  background-color: #fff;
}
@media (min-width: 1060px) {
  .milo-goods__list {
    margin: -1rem;
  }
}
.milo-goods__item {
  justify-content: center;
  width: 100%;
  min-width: 33.33333333%;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
}
@media (min-width: 1060px) {
  .milo-goods__item {
    margin-top: 0;
    flex-basis: auto;
    flex: 1;
    padding: 1rem;
  }
}
.milo-goods__item + .milo-goods__item {
  margin-top: 0.8rem;
}
@media (min-width: 1060px) {
  .milo-goods__item + .milo-goods__item {
    margin-top: 0;
  }
}
@media (min-width: 1060px) {
  .milo-goods__item:nth-child(2) ~ .milo-goods__item {
    max-width: 33.33333333%;
  }
}
.milo-goods__button {
  display: block;
  position: relative;
  width: 100%;
  min-height: 100%;
  padding: 2.3rem 2rem 2.3rem 7.2rem;
  border-width: 0.1rem;
  border: 0.1rem solid #d9dbe1;
  background: none;
  color: #00256c;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1.5;
  text-align: left;
  border-radius: 0.2rem;
}
.milo-goods__button:hover,
.milo-goods__button:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.app .milo-goods__button:hover,
.app .milo-goods__button:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.milo-goods__item.-active .milo-goods__button {
  position: relative;
  border-color: #00256c;
  background-color: #00256c;
  color: #fff;
}
.milo-goods__button:before {
  content: "";
  position: absolute;
  left: 3.5rem;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 4.8rem;
  height: 4.8rem;
  border-radius: 100%;
  border: 0.1rem solid #d9dbe1;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 48px 48px;
}
.milo-goods__button.-aqua:before {
  background-image: url(../images/logo-goods-aqua.png);
}
.milo-goods__button.-kija:before {
  background-image: url(../images/logo-goods-kija.png);
}
.milo-goods__button.-minsok:before {
  background-image: url(../images/logo-goods-minsok.png);
}
.milo-goods__button.-seogipo:before {
  background-image: url(../images/logo-goods-seogipo.png);
}
.milo-goods__button.-jejukal:before {
  background-image: url(../images/logo-goods-jejukal.png);
}
.milo-goods__button.-grandhayak:before {
  background-image: url(../images/logo-goods-grandhayak.png);
}
.milo-goods__button.-ykiki:before {
  background-image: url(../images/logo-goods-ykiki.png);
}
.milo-goods__button.-ladt:before {
  background-image: url(../images/logo-goods-ladt.png);
}
.milo-goods__button.-incinside:before {
  background-image: url(../images/logo-goods-incinside.png);
}
.milo-goods__button.-kimpoinside:before {
  background-image: url(../images/logo-goods-kimpoinside.png);
}
.milo-goods__button.-kimpoairport:before {
  background-image: url(../images/logo-goods-kimpoairport.png);
}
.milo-goods__panel {
  display: none;
  clear: both;
  outline: 0;
}
.milo-goods__panel > div[tabindex] {
  outline: 0;
}
.milo-goods__panel.-active {
  display: block;
}
.milo-goods__panel .notice {
  margin-bottom: 2.4rem;
}
@media (min-width: 1060px) {
  .milo-goods__panel .notice {
    margin-bottom: 6rem;
  }
}
.milo-goods__list ~ .milo-goods__panel {
  margin-top: 2rem;
}
@media (min-width: 1060px) {
  .milo-goods__list ~ .milo-goods__panel {
    margin-top: 4rem;
  }
}
.milo-goods__product .h3 {
  font-size: 1.8rem;
}
@media (min-width: 1060px) {
  .milo-goods__product .h3 {
    float: right;
    width: 59.5%;
    font-size: 2.4rem;
  }
}
.milo-goods__product .img {
  text-align: center;
}
@media (min-width: 1060px) {
  .milo-goods__product .img {
    overflow: hidden;
    float: left;
    width: 37.5%;
  }
}
.milo-goods__product .img img {
  display: block;
  max-width: 100%;
}
@media (min-width: 1060px) {
  .milo-goods__product .list {
    float: right;
    width: 59.5%;
    margin: 1.2rem 0 0.8rem;
  }
}
@media (min-width: 1060px) {
  .milo-goods__product .p {
    float: right;
    width: 59.5%;
    margin: 0 0 1.2rem;
  }
}
@media (min-width: 1060px) {
  .milo-goods__product .captions.-disc {
    float: right;
    width: 59.5%;
    margin: 0 0 1.2rem;
  }
}
.milo-goods__product:after {
  content: "";
  display: block;
  clear: both;
}
.milo-goods__hotelo .reserve-item .img {
  float: left;
  width: 7.2rem;
  height: 7.2rem;
}
@media (min-width: 1060px) {
  .milo-goods__hotelo .reserve-item .img {
    width: 12rem;
    height: 12rem;
  }
}
.milo-goods__hotelo .reserve-item .img img {
  display: block;
  width: 100%;
  height: 100%;
}
.milo-goods__hotelo .reserve-item .title {
  padding-left: 8.4rem;
  font-size: 1.4rem;
  line-height: 1.58;
  color: #000;
}
@media (min-width: 1060px) {
  .milo-goods__hotelo .reserve-item .title {
    padding-left: 14rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.milo-goods__hotelo .reserve-item:after {
  content: "";
  display: block;
  clear: both;
}
.milo-goods__link a + a {
  display: block;
  margin-top: 1.2rem;
}
@media (min-width: 1060px) {
  .milo-goods__link a + a {
    display: inline-block;
    margin-top: 0;
    margin-left: 5.6rem;
  }
}
@media (min-width: 1060px) {
  .milo-goods__link {
    float: right;
    width: 59.5%;
  }
}
.milo-goods__tour {
  margin-top: 2rem;
}
@media (min-width: 1060px) {
  .milo-goods__tour {
    margin-top: 4rem;
  }
}
.milo-goods__tour:after {
  display: block;
  content: "";
  clear: both;
}
.milo-goods__info {
  float: none;
}
@media (min-width: 1060px) {
  .milo-goods__info {
    float: right;
    width: 50%;
  }
}
.milo-goods__location {
  display: block;
  margin-top: 2rem;
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .milo-goods__location {
    margin-top: 0;
    margin-bottom: 0.8rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.milo-goods__location:before {
  display: inline-block;
  content: "";
  width: 1.6rem;
  height: 1.6rem;
  margin-top: -0.5rem;
  margin-right: 0.6rem;
  background: url(../images/sp-address-juso.svg) no-repeat 50% 50%;
  background-size: 16px 16px;
  vertical-align: middle;
}
.milo-goods__contact {
  display: block;
  margin-top: 0.8rem;
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .milo-goods__contact {
    margin-top: 0;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.milo-goods__contact:before {
  display: inline-block;
  content: "";
  width: 1.6rem;
  height: 1.6rem;
  margin-top: -0.5rem;
  margin-right: 0.6rem;
  background: url(../images/sp-calling-phone.svg) no-repeat 50% 50%;
  background-size: 16px 16px;
  vertical-align: middle;
}
.milo-goods__paragraph {
  display: block;
  color: #555;
  margin-top: 0.8rem;
  margin-bottom: 1.2rem;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .milo-goods__paragraph {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.milo-goods__detail .detail__item .img img {
  display: block;
  width: 100%;
  height: 100%;
}
@media (min-width: 1060px) {
  .milo-goods__detail .detail__item .img {
    float: left;
    width: 25%;
  }
}
.milo-goods__detail .detail__item .p {
  margin-top: 1.2rem;
}
@media (min-width: 1060px) {
  .milo-goods__detail .detail__item .p {
    padding-left: 28.2%;
    margin: 0;
  }
}
.milo-goods__detail .detail__item:after {
  content: "";
  display: block;
  clear: both;
}
.milo-goods__detail .detail__item + .detail__item {
  margin-top: 2rem;
}
@media (min-width: 1060px) {
  .milo-goods__detail .detail__item + .detail__item {
    margin-top: 4rem;
  }
}
.milo-goods__url {
  margin-top: 1.2rem;
}
.milo-goods__img {
  float: none;
  margin-top: 2rem;
}
.milo-goods__img img {
  max-width: 100%;
}
@media (min-width: 1060px) {
  .milo-goods__img {
    float: left;
    width: 45%;
    margin-top: 0;
  }
}
.milo-data {
  padding: 3.2rem 2rem;
  border: 0.1rem solid #d9dbe1;
}
@media (min-width: 1060px) {
  .milo-data {
    padding: 4rem;
  }
}
.milo-data__outer {
  padding: 3.2rem 2rem;
}
@media (min-width: 1060px) {
  .milo-data__outer {
    padding: 4rem;
  }
}
@media (min-width: 1060px) {
  .milo-data__item {
    display: flex;
  }
}
.milo-data__item + .milo-data__item {
  margin-top: 4rem;
  padding-top: 4rem;
  border-top: 1px solid #d9dbe1;
}
@media (min-width: 1060px) {
  .milo-data__item + .milo-data__item {
    margin-top: 6rem;
    padding-top: 0;
    border-top: none;
  }
}
@media (min-width: 1060px) {
  .milo-data__title {
    flex: 3.5;
  }
}
.milo-data__title .-dormant {
  display: flex;
  align-items: center;
}
.milo-data__title .-dormant .h3 {
  margin: 0;
}
.milo-data__dormant {
  display: flex;
  align-items: center;
  margin-left: 0.4rem;
  font-size: 1.4rem;
  font-weight: normal;
  color: #0064de;
  line-height: 1.58;
  word-break: keep-all;
  word-wrap: break-word;
}
@media (min-width: 1060px) {
  .milo-data__dormant {
    margin-left: 0.8rem;
  }
}
.milo-data__date {
  margin-left: 1.2rem;
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .milo-data__date {
    display: block;
    margin-top: 0.4rem;
    margin-left: 0;
  }
}
.milo-data__btn {
  font-size: 1.4rem;
  border: 0;
  color: #555;
  background-color: transparent;
}
@media (min-width: 1060px) {
  .milo-data__btn {
    font-size: 1.6rem;
  }
}
.milo-data__value {
  font-style: normal;
  color: #0064de;
  text-decoration: underline;
}
.milo-data__code {
  color: #000;
  font-weight: 700;
  font-size: 2.2rem;
  line-height: 1.55;
}
.milo-data__city {
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
}
.milo-data__key {
  margin-top: 2.8rem;
}
@media (min-width: 1060px) {
  .milo-data__key {
    flex: 4;
    margin-top: 0;
  }
}
.milo-data__key .label {
  font-size: 1.4rem;
}
.milo-data__key .forms:first-child {
  margin-right: 0;
  margin-left: 0 !important;
}
@media (min-width: 1060px) {
  .milo-data__key .forms:first-child {
    margin-right: 1.2rem;
  }
}
.milo-data__key:last-child {
  margin-left: 2rem;
}
@media (min-width: 1060px) {
  .milo-data__key:last-child {
    margin-left: 4rem;
  }
}
.milo-data__key .forms-option.-reverse.-break {
  flex-direction: column-reverse;
}
.milo-data__key .forms-option.-reverse.-break .forms {
  flex: auto;
}
.milo-data__key .forms-option.-reverse.-break .option {
  margin: 1.6rem 0 0 auto;
}
.milo-data__btns {
  padding: 1rem 4rem;
  text-align: center;
  border-bottom: 0.1rem solid #d9dbe1;
}
.milo-data__inner {
  margin-top: -0.1rem;
  border-left: 0.1rem solid #d9dbe1;
  border-right: 0.1rem solid #d9dbe1;
  border-top: 0.1rem solid #fff;
}
.milo-data__box {
  display: flex;
  flex-wrap: wrap;
  flex: 9;
}
.milo-data__box .milo-data__key {
  flex: 6;
}
.milo-data__box .milo-data__key:first-child {
  margin-right: 1.8rem;
}
@media (min-width: 1060px) {
  .milo-data__box .milo-data__key:first-child {
    margin-right: 0;
  }
}
.milo-data__box .milo-data__key:last-child {
  margin-left: 0;
}
@media (min-width: 1060px) {
  .milo-data__box .milo-data__key:last-child {
    margin-left: 4rem;
  }
}
.milo-data__areas .milo-data__area {
  display: none;
}
.milo-data__areas .milo-data__btns {
  border-bottom: 0;
}
.milo-data__areas.-active .milo-data__area {
  display: block;
}
.milo-data__areas.-active .milo-data__btns {
  border-bottom: 0.1rem solid #d9dbe1;
}
.milo-data__mileage {
  margin-top: 0.8rem;
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .milo-data__mileage {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.milo-summary__list {
  padding: 2rem;
  border-top: 0.1rem solid #d9dbe1;
  border-bottom: 0.1rem solid #d9dbe1;
  background-color: #f8f9fc;
}
@media (min-width: 1060px) {
  .milo-summary__list {
    padding: 2rem 4rem;
  }
}
.milo-summary__item {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 0.8rem;
}
.milo-summary__item:first-child {
  margin-top: 0;
}
.milo-summary__key {
  padding-right: 1.6rem;
  color: #000;
  font-size: 1.4rem;
  line-height: 1.58;
  text-align: right;
  color: #00256c;
}
@media (min-width: 1060px) {
  .milo-summary__key {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.milo-summary__value {
  color: #000;
  font-size: 1.4rem;
  line-height: 1.58;
  color: #00256c;
}
@media (min-width: 1060px) {
  .milo-summary__value {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.milo-summary__value .remark.-primary {
  font-size: 1.6rem;
}
@media (min-width: 1060px) {
  .milo-summary__value .remark.-primary {
    font-size: 2rem;
  }
}
.milo-summary.-voucher {
  margin-bottom: 2rem;
}
.milo-summary.-voucher .milo-summary__list {
  border-top: 0;
  border-left: 0.1rem solid #d9dbe1;
  border-right: 0.1rem solid #d9dbe1;
}
.milo-confirm {
  padding: 3.2rem 0;
  text-align: center;
}
@media (min-width: 1060px) {
  .milo-confirm {
    padding: 4rem 0;
  }
}
.milo-confirm__tit {
  font-size: 1.8rem;
  color: #00256c;
}
@media (min-width: 1060px) {
  .milo-confirm__tit {
    font-size: 2.4rem;
  }
}
.milo-confirm__txt {
  margin-top: 0.8rem;
  font-size: 1.4rem;
  color: #555;
}
@media (min-width: 1060px) {
  .milo-confirm__txt {
    font-size: 1.6rem;
  }
}
.milo-coat__list {
  display: flex;
  flex-wrap: wrap;
}
.milo-coat__item {
  position: relative;
  width: 100%;
  margin-top: 2rem;
}
@media (min-width: 1060px) {
  .milo-coat__item {
    width: 50%;
    margin-top: 4.4rem;
  }
}
.milo-coat__item:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 4.8rem;
  height: 4.8rem;
}
@media (min-width: 1060px) {
  .milo-coat__item:before {
    width: 6.4rem;
    height: 6.4rem;
  }
}
.milo-coat__item.-ico1:before {
  background: url(../images/milo-coat__item--icon-01.svg) no-repeat center center;
}
.milo-coat__item.-ico2:before {
  background: url(../images/milo-coat__item--icon-02.svg) no-repeat center center;
}
.milo-coat__item.-ico3:before {
  background: url(../images/milo-coat__item--icon-03.svg) no-repeat center center;
}
.milo-coat__key {
  display: block;
  font-size: 1.6rem;
  padding-left: 6rem;
}
@media (min-width: 1060px) {
  .milo-coat__key {
    padding-left: 8rem;
    font-size: 1.8rem;
  }
}
.milo-coat__value {
  display: block;
  margin-top: 0.8rem;
  color: #555;
  font-size: 1.4rem;
  padding-left: 6rem;
}
@media (min-width: 1060px) {
  .milo-coat__value {
    padding-left: 8rem;
    font-size: 1.6rem;
  }
}
.car__row {
  margin-top: 4rem;
}
@media (min-width: 1060px) {
  .car__row {
    margin-top: 6rem;
  }
}
.car__row .fieldset {
  flex-direction: column;
}
.car__row .fieldset .fieldset__key {
  flex: none;
  min-height: 2.5rem;
}
.car__row .fieldset .fieldset__value {
  flex: none;
  margin-top: 2rem;
  min-height: 11rem;
}
.car__row .alert {
  margin-top: 1.2rem;
}
.car__row .alert p {
  margin: 0;
}
.car__row .terms {
  margin: 2rem 0 0;
}
.car__row .field.-half {
  width: 100%;
}
@media (min-width: 1060px) {
  .car__row .field.-half {
    width: 50%;
  }
}
.car__search {
  min-width: 24rem;
  height: 6rem;
  font-size: 1.8rem;
  font-weight: bold;
}
.car__search:before {
  content: "";
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  margin-top: -0.2rem;
  margin-right: 0.4rem;
  background: url(../images/button--search.svg) no-repeat;
  background-size: 24px 24px;
  vertical-align: middle;
}
@media (min-width: 1060px) {
  .car__search:before {
    margin-right: 0.6rem;
  }
}
.car-map {
  display: flex;
  width: 100%;
  padding-top: 62.5%;
  background: url(../images/car-map.jpg) no-repeat 50% 0;
  background-size: cover;
}
@media (min-width: 1060px) {
  .car-map {
    padding-top: 40%;
    background: url(../images/car-map--large.jpg) no-repeat 50% 0;
    background-size: 100% auto;
  }
}
@media (min-width: 1060px) {
  .car-map.-middle {
    padding-top: 32.5%;
    background: url(../images/car-map--middle.jpg) no-repeat 50% 0;
    background-size: 100% auto;
  }
}
.car-details {
  margin-top: 2rem;
}
@media (min-width: 1060px) {
  .car-details {
    margin-top: 4rem;
  }
}
.car-details__tit {
  font-size: 1.4rem;
}
@media (min-width: 1060px) {
  .car-details__tit {
    font-size: 1.6rem;
  }
}
.car-details__txt {
  margin: 0.8rem 0 2rem;
  font-size: 1.4rem;
  color: #555;
}
@media (min-width: 1060px) {
  .car-details__txt {
    margin: 0.8rem 0 4rem;
    font-size: 1.6rem;
  }
}
.noti-txt {
  display: flex;
  flex-wrap: wrap;
}
.noti-txt .p {
  margin-right: 2.4rem;
}
.noti-txt .button {
  margin-left: auto;
  margin-top: 0;
}
@media (min-width: 1060px) {
  .noti-txt .button {
    margin-top: -2.5rem;
  }
}
.calendar-type {
  margin-bottom: 2rem;
}
@media (min-width: 1060px) {
  .calendar-type {
    margin-bottom: 3.2rem;
  }
}
.calendar-type__list {
  display: flex;
  flex-direction: column;
  margin: 1.2rem -1rem 0;
}
.calendar-type__list:after {
  content: "";
  display: block;
  clear: both;
}
@media (min-width: 1060px) {
  .calendar-type__list {
    flex-wrap: wrap;
    flex-direction: row;
    margin: 2rem -1rem 0;
  }
}
.calendar-type__item {
  padding: 0 1rem;
  margin-bottom: 1.2rem;
}
@media (min-width: 1060px) {
  .calendar-type__item {
    width: 50%;
    margin-top: 2rem;
    margin-bottom: 0;
  }
}
.calendar-type__item:nth-child(1) {
  margin-top: 0;
}
.calendar-type__item:nth-child(2) {
  margin-top: 0;
}
.calendar-type__item label {
  display: flex;
  align-items: center;
  position: relative;
  padding: 0 2.8rem 0 2rem;
  border: 0.1rem solid #e7eaf0;
  min-height: 8rem;
}
@media (min-width: 1060px) {
  .calendar-type__item label {
    padding: 4.1rem 2.8rem 4.1rem 2.2rem;
    min-height: inherit;
  }
}
.calendar-type__item label:before {
  left: 2rem;
  top: 50%;
  transform: translateY(-50%);
}
.calendar-type__item [type="radio"] {
  appearance: none;
  overflow: hidden;
  white-space: nowrap;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  position: absolute;
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  border: 0;
}
.calendar-type__item [type="radio"]:focus ~ label:before {
  outline: 0;
  box-shadow: 0 0 0 0.3rem #fff, 0 0 0 0.4rem #0064de;
}
.calendar-type__item [type="radio"] ~ label:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 2rem;
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 50%;
  border: 1px solid #00256c;
  background-size: 11px 9px;
  transform: translateY(-50%);
}
.calendar-type__item [type="radio"]:checked ~ label {
  border: 0.2rem solid #00256c;
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.12);
}
.calendar-type__item [type="radio"]:checked ~ label:before {
  background: #fff url(../images/radio.svg) no-repeat 50%;
}
.calendar-type__item [aria-disabled="true"][type="radio"] ~ label {
  cursor: not-allowed;
}
.calendar-type__item [aria-disabled="true"][type="radio"] ~ label:before {
  border: 1px solid #d9dbe1 !important;
  background-color: #e7eaf0 !important;
}
.calendar-type__item [disabled][type="radio"]:checked ~ label:before,
.calendar-type__item [aria-disabled="true"][type="radio"]:checked ~ label:before {
  background: #e7eaf0 url(../images/radio--disabled.svg) no-repeat 50%;
}
.calendar-type__key {
  display: block;
  position: relative;
  padding-left: 8.4rem;
}
@media (min-width: 1060px) {
  .calendar-type__key {
    padding-left: 10rem;
  }
}
.calendar-type__key:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 2.4rem;
  top: 50%;
  transform: translateY(-50%);
  width: 4.8rem;
  height: 4.8rem;
}
@media (min-width: 1060px) {
  .calendar-type__key:before {
    left: 4rem;
  }
}
.calendar-type__key.-my:before {
  background: url(../images/calendar-type__key--my.svg) no-repeat 50% 50%;
  background-size: 48px 48px;
}
.calendar-type__key.-google:before {
  background: url(../images/calendar-type__key--google.svg) no-repeat 50% 50%;
  background-size: 48px 48px;
}
.calendar-type__in {
  display: block;
  color: #767676;
  font-size: 1.2rem;
}
@media (min-width: 1060px) {
  .calendar-type__in {
    display: inline-block;
    font-size: 1.4rem;
  }
}
.car-type__noti {
  color: #555;
  font-size: 1.6rem;
}
@media (min-width: 1060px) {
  .car-type__noti {
    font-size: 1.8rem;
  }
}
.car-type__list {
  display: flex;
  flex-direction: column;
  margin: 1.2rem -1rem 0;
}
.car-type__list:after {
  content: "";
  display: block;
  clear: both;
}
@media (min-width: 1060px) {
  .car-type__list {
    flex-wrap: wrap;
    flex-direction: row;
    margin: 2rem -1rem 0;
  }
}
.car-type .selection {
  padding: 0 1rem;
  margin-bottom: 1.2rem;
}
@media (min-width: 1060px) {
  .car-type .selection {
    width: 50%;
    margin-top: 2rem;
    margin-bottom: 0;
  }
}
.car-type .selection:nth-child(1) {
  margin-top: 0;
}
.car-type .selection:nth-child(2) {
  margin-top: 0;
}
.car-type .selection label {
  display: block;
  padding: 4.1rem 2.8rem 4.1rem 2rem;
  border: 0.1rem solid #e7eaf0;
}
.car-type .selection label:before {
  left: 2rem;
  top: 50%;
  transform: translateY(-50%);
}
.car-type .selection [type="radio"]:checked ~ label {
  border: 0.2rem solid #00256c;
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.12);
}
.car-type__txt {
  display: block;
  position: relative;
  padding-left: 2.6rem;
  padding-right: 9.2rem;
  font-size: 1.4rem;
}
@media (min-width: 1060px) {
  .car-type__txt {
    padding-right: 0;
  }
}
.car-type__thumb {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  max-width: 100%;
}
.car-type__more {
  margin: 1.4rem 0;
  text-align: center;
}
.car-type__add {
  position: relative;
  font-size: 1.4rem;
  color: #00256c;
  padding-left: 2rem;
}
@media (min-width: 1060px) {
  .car-type__add {
    font-size: 1.6rem;
  }
}
.car-type__add:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  background: url(../images/product--more.svg) no-repeat 50% 50%;
  background-size: 16px 16px;
}
.car-type__btn {
  display: inline-block;
  padding: 1rem 0.5rem 1rem 0.1rem;
  border: 0;
  background-color: transparent;
}
.car-type__btn:hover,
.car-type__btn:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .car-type__btn:hover,
.app .car-type__btn:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.production__top {
  display: flex;
  flex-direction: column;
  margin-bottom: 2rem;
}
@media (min-width: 1060px) {
  .production__top {
    flex-direction: row;
    margin-bottom: 1.6rem;
  }
}
.production__top .link {
  margin-top: 1.6rem;
  margin-left: auto;
}
@media (min-width: 1060px) {
  .production__top .link {
    margin-top: 0;
  }
}
.production__txt {
  font-size: 1.6rem;
}
@media (min-width: 1060px) {
  .production__txt {
    font-size: 2rem;
  }
}
.production__wrap {
  position: relative;
}
.production__wrap .link {
  position: absolute;
  right: 0;
  top: -4.5rem;
}
@media (min-width: 1060px) {
  .production__wrap .link {
    top: -4.2rem;
  }
}
.production__list {
  width: 100%;
}
@media (min-width: 1060px) {
  .production__list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
}
.production__addbtn {
  margin: 1.4rem 0;
  text-align: center;
}
.production__btn {
  display: inline-block;
  padding: 1rem 0.5rem 1rem 0.1rem;
  border: 0;
  background-color: transparent;
}
.production__btn:hover,
.production__btn:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .production__btn:hover,
.app .production__btn:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.production__add {
  position: relative;
  font-size: 1.4rem;
  color: #00256c;
  padding-left: 2rem;
}
@media (min-width: 1060px) {
  .production__add {
    font-size: 1.6rem;
  }
}
.production__add:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  background: url(../images/product--more.svg) no-repeat 50% 50%;
  background-size: 16px 16px;
}
.production__item {
  width: 100%;
  margin: 0 0 2.4rem;
}
@media (min-width: 1060px) {
  .production__item {
    display: block;
    width: calc(50% - 1rem);
    font-size: 1.6rem;
  }
}
.production__inner {
  border: 0.1rem solid #d9dbe1;
  padding: 2rem 2rem 3.1rem;
}
@media (min-width: 1060px) {
  .production__inner {
    padding: 2rem 2rem 3.5rem;
  }
}
.production__inner[aria-selected="true"],
.production__inner[aria-checked="true"] {
  border: 0.2rem solid #00256c;
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.08);
}
.production__fee {
  margin-top: 3rem;
  padding-top: 3rem;
  border-top: 0.1rem solid #d8d8d8;
}
@media (min-width: 1060px) {
  .production__fee {
    margin-top: 2rem;
    padding-top: 3rem;
  }
}
.production__fee .selection {
  display: flex;
  flex-wrap: wrap;
}
.production__price {
  margin-left: auto;
  text-align: right;
}
.production__val {
  font-size: 1.4rem;
  color: #0064de;
}
@media (min-width: 1060px) {
  .production__val {
    font-size: 1.6rem;
  }
}
.production__tit {
  font-weight: normal;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .production__tit {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.production__details {
  display: flex;
  position: relative;
  flex-direction: column;
  padding-top: 7.5rem;
}
@media (min-width: 1060px) {
  .production__details {
    margin-top: 1.5rem;
    padding-top: 0;
  }
}
.production__value {
  position: relative;
  margin: 0.5rem 0;
  padding-left: 3.2rem;
  font-size: 1.4rem;
  color: #555;
}
@media (min-width: 1060px) {
  .production__value {
    margin: 0.4rem 0;
    padding-left: 3.6rem;
    font-size: 1.6rem;
  }
}
.production__value:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 2.4rem;
  height: 2.4rem;
}
.production__value.-opt1:before {
  background: url(../images/sp-rentercar-hertz-icon-1.svg) no-repeat 50% 50%;
  background-size: 24px 24px;
}
.production__value.-opt2:before {
  background: url(../images/sp-rentercar-hertz-icon-2.svg) no-repeat 50% 50%;
  background-size: 24px 24px;
}
.production__value.-opt3:before {
  background: url(../images/sp-rentercar-hertz-icon-3.svg) no-repeat 50% 50%;
  background-size: 24px 24px;
}
.production__value.-opt4:before {
  background: url(../images/sp-rentercar-hertz-icon-4.svg) no-repeat 50% 50%;
  background-size: 24px 24px;
}
.production__value.-opt5 {
  position: absolute;
  right: 0;
  top: 0;
  height: 7.2rem;
}
.production__value.-opt5:before {
  content: none;
}
.production__value.-opt5 img {
  height: 100%;
}
.include {
  padding: 2rem;
  border: 0.1rem solid #d9dbe1;
}
.include__item {
  position: relative;
  margin-top: 0.8rem;
  padding-left: 2.4rem;
  font-size: 1.4rem;
}
@media (min-width: 1060px) {
  .include__item {
    padding-left: 2.6rem;
    font-size: 1.6rem;
  }
}
.include__item:first-child {
  margin-top: 0;
}
.include__item:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1.6rem;
  height: 1.7rem;
  background: url(../images/sp-include-chk.svg) no-repeat 50% 50%;
}
.office-result {
  margin-top: 10rem;
}
.office-result .h4 {
  margin-top: -6rem;
}
@media (min-width: 1060px) {
  .office-result .h4 {
    margin-top: -4rem;
  }
}
.office-result .h4[tabindex]:hover,
.office-result .h4[tabindex]:focus {
  outline: 0;
}
.office-result .p {
  margin-bottom: 2rem;
  color: #0064de;
}
.office-result__item {
  display: flex;
  flex-direction: column;
  padding: 2rem 0;
  border-top: 0.1rem solid #d8d8d8;
}
@media (min-width: 1060px) {
  .office-result__item {
    flex-direction: row;
    padding: 4rem 0;
  }
}
.office-result__inner {
  flex: 1;
}
.office-result__tit {
  display: block;
  position: relative;
  font-size: 1.4rem;
}
@media (min-width: 1060px) {
  .office-result__tit {
    font-size: 1.6rem;
  }
}
.office-result__tit.-airport {
  padding-left: 2.2rem;
}
@media (min-width: 1060px) {
  .office-result__tit.-airport {
    padding-left: 2.9rem;
  }
}
.office-result__tit.-airport:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0.1rem;
  left: 0;
  width: 1.8rem;
  height: 1.8rem;
  background: url(../images/office-result__tit--airport.svg) no-repeat 50% 50%;
  background-size: 18px 18px;
}
@media (min-width: 1060px) {
  .office-result__tit.-airport:before {
    width: 2.4rem;
    height: 2.4rem;
    background-size: 24px 24px;
  }
}
.office-result__txt {
  display: block;
  position: relative;
  margin-top: 0.8rem;
  padding-left: 2.2rem;
  font-size: 1.2rem;
  color: #555;
}
@media (min-width: 1060px) {
  .office-result__txt {
    margin-top: 1.3rem;
    padding-left: 2.9rem;
    font-size: 1.6rem;
  }
}
.office-result__txt:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0.1rem;
  left: 0;
  width: 1.8rem;
  height: 1.8rem;
  background: url(../images/office-result__txt.svg) no-repeat 50% 50%;
  background-size: 18px 18px;
}
@media (min-width: 1060px) {
  .office-result__txt:before {
    width: 2.4rem;
    height: 2.4rem;
    background-size: 24px 24px;
  }
}
.office-result__outer {
  margin-top: 1.6rem;
  text-align: center;
}
@media (min-width: 1060px) {
  .office-result__outer {
    margin-top: 0;
    text-align: left;
  }
}
.office-result__outer .button {
  height: 3.6rem;
  padding: 0 1rem;
  border: 0.1rem solid #0064de;
  font-size: 1.4rem;
  color: #0064de;
  min-width: 7.8rem;
}
@media (min-width: 1060px) {
  .office-result__outer .button {
    font-size: 1.6rem;
    height: 4rem;
  }
}
.bonus-calendar__route {
  display: flex;
  padding: 0 3.2rem;
}
@media (min-width: 1060px) {
  .bonus-calendar__route {
    width: 26rem;
    margin: 0 auto;
    padding: 0;
  }
}
.bonus-calendar__from {
  flex: 1;
  padding-right: 2.2rem;
  text-align: center;
}
@media (min-width: 1060px) {
  .bonus-calendar__from {
    padding-right: 1rem;
  }
}
.bonus-calendar__to {
  position: relative;
  flex: 1;
  padding-left: 2.2rem;
  text-align: center;
}
@media (min-width: 1060px) {
  .bonus-calendar__to {
    padding-left: 1rem;
  }
}
.bonus-calendar__to:before {
  content: "";
  display: block;
  position: absolute;
  top: 1.4rem;
  left: -0.8rem;
  width: 1.6rem;
  height: 1.6rem;
  background: url(../images/bonus-calendar__to.svg) no-repeat 50% 50%;
  background-size: 16px 16px;
}
@media (min-width: 1060px) {
  .bonus-calendar__to:before {
    top: 1.6rem;
  }
}
.bonus-calendar__code {
  display: block;
  color: #000;
  font-weight: 700;
  font-size: 2.2rem;
  font-style: normal;
  line-height: 1.55;
}
@media (min-width: 1060px) {
  .bonus-calendar__code {
    font-size: 2.4rem;
    line-height: 1.5;
  }
}
.bonus-calendar__airport {
  display: block;
  color: #767676;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .bonus-calendar__airport {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.bonus-calendar__contents {
  position: relative;
}
@media (min-width: 1060px) {
  .bonus-calendar__contents {
    padding-right: 36.2rem;
  }
}
@media (min-width: 1060px) {
  .bonus-calendar__wrap {
    min-height: 40rem;
  }
}
.bonus-calendar__nav {
  position: relative;
  width: 24.4rem;
  margin: 1rem auto;
  padding: 0.6rem 0;
  text-align: center;
}
@media (min-width: 1060px) {
  .bonus-calendar__nav {
    width: 28.6rem;
    margin: 3.4rem auto 2.6rem;
  }
}
.bonus-calendar__prev {
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 4.8rem;
  height: 4.8rem;
  border: 0;
  background: url(../images/bonus-calendar__prev.svg) no-repeat 50% 50%;
  background-size: 24px 24px;
  cursor: pointer;
  appearance: none;
}
.bonus-calendar__prev[aria-disabled="true"] {
  background: url(../images/bonus-calendar__prev--disabled.svg) no-repeat 50% 50%;
  background-size: 24px 24px;
  cursor: not-allowed;
}
.bonus-calendar__prev:hover,
.bonus-calendar__prev:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .bonus-calendar__prev:hover,
.app .bonus-calendar__prev:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.bonus-calendar__next {
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 4.8rem;
  height: 4.8rem;
  border: 0;
  background: url(../images/bonus-calendar__next.svg) no-repeat 50% 50%;
  background-size: 24px 24px;
  cursor: pointer;
  appearance: none;
}
.bonus-calendar__next[aria-disabled="true"] {
  background: url(../images/bonus-calendar__next--disabled.svg) no-repeat 50% 50%;
  background-size: 24px 24px;
  cursor: not-allowed;
}
.bonus-calendar__next:hover,
.bonus-calendar__next:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .bonus-calendar__next:hover,
.app .bonus-calendar__next:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.bonus-calendar__month {
  display: inline-block;
  color: #000;
  font-weight: 700;
  font-size: 2.4rem;
  vertical-align: top;
}
.bonus-calendar__aligner {
  display: flex;
  flex-direction: column-reverse;
}
.bonus-calendar__table {
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
}
.bonus-calendar__th {
  height: 7.2rem;
  border: 1px solid #d9dbe1;
  color: #000;
  font-weight: normal;
  font-size: 1.4rem;
  line-height: 1.58;
  text-align: center;
}
@media (min-width: 1060px) {
  .bonus-calendar__th {
    height: 8.8rem;
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.bonus-calendar__th:first-child {
  border-left-width: 0;
  color: #e4162f;
}
@media (min-width: 1060px) {
  .bonus-calendar__th:first-child {
    border-left-width: 1px;
  }
}
.bonus-calendar__th:last-child {
  border-right-width: 0;
}
@media (min-width: 1060px) {
  .bonus-calendar__th:last-child {
    border-right-width: 1px;
  }
}
.bonus-calendar__td {
  height: 7.2rem;
  border: 1px solid #d9dbe1;
  color: #000;
  font-size: 1.2rem;
  vertical-align: top;
  cursor: pointer;
}
@media (min-width: 1060px) {
  .bonus-calendar__td {
    height: 8.8rem;
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.bonus-calendar__td:hover,
.bonus-calendar__td:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .bonus-calendar__td:hover,
.app .bonus-calendar__td:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.bonus-calendar__td:hover,
.bonus-calendar__td:focus {
  border-radius: 0;
}
.bonus-calendar__td:first-child {
  border-left-width: 0;
  color: #de001b;
}
@media (min-width: 1060px) {
  .bonus-calendar__td:first-child {
    border-left-width: 1px;
  }
}
.bonus-calendar__td:last-child {
  border-right-width: 0;
}
@media (min-width: 1060px) {
  .bonus-calendar__td:last-child {
    border-right-width: 1px;
  }
}
.bonus-calendar__td[aria-hidden="true"] {
  cursor: not-allowed;
}
.bonus-calendar__td[aria-hidden="true"]:hover,
.bonus-calendar__td[aria-hidden="true"]:focus {
  outline: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.bonus-calendar__td.-no-seat,
.bonus-calendar__td.-no-flight {
  background-color: #f3f4f8;
  cursor: not-allowed;
}
.bonus-calendar__td.-selected {
  border: 2px solid #0064de;
  color: #0064de;
  font-weight: 700;
}
.bonus-calendar__td.-selected:hover,
.bonus-calendar__td.-selected:focus {
  outline: 0;
  box-shadow: inset 0 0 0 0.3rem #fff, inset 0 0 0 0.4rem #0064de;
}
.bonus-calendar__td.-disabled {
  color: #ccc;
  cursor: not-allowed;
}
.bonus-calendar__td.-disabled:hover,
.bonus-calendar__td.-disabled:focus {
  outline: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.bonus-calendar__day {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0.4rem 0 0 0.6rem;
}
@media (min-width: 1060px) {
  .bonus-calendar__day {
    padding-left: 1.2rem;
  }
}
.bonus-calendar__day .class-icon {
  margin: 0.1rem 0;
}
.bonus-calendar__day .class-icon.-no-seat,
.bonus-calendar__day .class-icon.-no-flight {
  position: absolute;
  bottom: 0.4rem;
  right: 0.4rem;
  margin: 0;
}
@media (min-width: 1060px) {
  .bonus-calendar__day .class-icon.-no-seat,
  .bonus-calendar__day .class-icon.-no-flight {
    bottom: 0.8rem;
    right: 0.8rem;
  }
}
.bonus-calendar__icons {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: absolute;
  top: 0;
  right: 0.4rem;
  height: 100%;
}
@media (min-width: 1060px) {
  .bonus-calendar__icons {
    right: 0.8rem;
  }
}
.bonus-calendar__error {
  margin-top: 1rem;
}
@media (min-width: 1060px) {
  .bonus-calendar .bonus-aside__info {
    position: absolute;
    top: 7.4rem;
    right: 0;
    width: 30.2rem;
  }
}
.bonus-aside__legends {
  margin: 2rem 0;
}
@media (min-width: 1060px) {
  .bonus-aside__legends {
    margin-top: 0;
  }
}
.bonus-aside__legend {
  display: inline-block;
  margin-right: 2.2rem;
  color: #000;
  font-size: 1.2rem;
  line-height: 2;
  vertical-align: top;
}
@media (min-width: 1060px) {
  .bonus-aside__legend {
    margin-right: 2rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.bonus-aside__legend:last-child {
  margin-right: 0;
}
.bonus-aside__classes {
  border-top: 1px solid #d9dbe1;
}
.bonus-aside__class-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 2rem 0 1rem;
}
.bonus-aside__class {
  width: 50%;
  padding-bottom: 1rem;
}
@media (min-width: 1060px) {
  .bonus-aside__class {
    width: 100%;
    padding-bottom: 1.2rem;
  }
}
.bonus-aside__toggle {
  display: flex;
  justify-content: center;
  flex-direction: column;
  position: relative;
  width: calc(100% - 0.4rem);
  height: 7.8rem;
  padding: 0 1rem 0 4.2rem;
  border: 1px solid #767676;
  background: #fff;
  text-align: left;
  box-shadow: 0 2px 4px 0 rgba(0, 37, 108, 0.08);
  appearance: none;
  cursor: pointer;
}
@media (min-width: 1060px) {
  .bonus-aside__toggle {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 6.2rem;
    padding-left: 4.4rem;
    box-shadow: 0 2px 4px 0 rgba(0, 37, 108, 0.1);
  }
}
.bonus-aside__toggle.-economy {
  margin-right: 0.4rem;
}
@media (min-width: 1060px) {
  .bonus-aside__toggle.-economy {
    margin: 0;
  }
}
.bonus-aside__toggle.-economy[aria-pressed="true"] {
  border: 2px solid #00256c;
}
.bonus-aside__toggle.-prestige {
  margin-left: 0.4rem;
}
@media (min-width: 1060px) {
  .bonus-aside__toggle.-prestige {
    margin: 0;
  }
}
.bonus-aside__toggle.-prestige[aria-pressed="true"] {
  border: 2px solid #0a76d7;
}
.bonus-aside__toggle.-upgrade {
  margin-right: 0.4rem;
}
@media (min-width: 1060px) {
  .bonus-aside__toggle.-upgrade {
    margin: 0;
  }
}
.bonus-aside__toggle.-upgrade[aria-pressed="true"] {
  border: 2px solid #755fd3;
}
.bonus-aside__toggle.-first {
  margin-left: 0.4rem;
}
@media (min-width: 1060px) {
  .bonus-aside__toggle.-first {
    margin: 0;
  }
}
.bonus-aside__toggle.-first[aria-pressed="true"] {
  border: 2px solid #8be0f8;
}
.bonus-aside__toggle .class-icon {
  position: absolute;
  top: 50%;
  left: 1.2rem;
  margin-top: -1.2rem;
}
.bonus-aside__toggle:hover,
.bonus-aside__toggle:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.app .bonus-aside__toggle:hover,
.app .bonus-aside__toggle:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.bonus-aside__name {
  display: block;
  color: #767676;
  font-size: 1.4rem;
  font-style: normal;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .bonus-aside__name {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.bonus-aside__toggle[aria-pressed="true"] .bonus-aside__name {
  color: #000;
}
.bonus-aside__desc {
  display: block;
  color: #767676;
  font-size: 1.2rem;
}
@media (min-width: 1060px) {
  .bonus-aside__desc {
    margin-left: 0.4rem;
  }
}
.bonus-aside__toggle[aria-pressed="true"] .bonus-aside__desc {
  color: #000;
}
.bonus-aside__title {
  display: block;
  margin: 2rem 0 0.8rem;
  color: #000;
  font-weight: 700;
  font-size: 1.6rem;
}
@media (min-width: 1060px) {
  .bonus-aside__title {
    display: inline-block;
    margin: 6rem 0 0;
    font-size: 1.8rem;
    line-height: 1.56;
    vertical-align: top;
  }
}
.bonus-aside__date {
  display: block;
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .bonus-aside__date {
    display: inline-block;
    margin: 6rem 0 0 0.8rem;
    font-size: 1.6rem;
    line-height: 1.75;
    vertical-align: top;
  }
}
.bonus-aside__box {
  margin: 1.2rem 0 4rem;
  padding: 2rem;
  border: 1px solid #d9dbe1;
}
@media (min-width: 1060px) {
  .bonus-aside__box {
    position: relative;
    margin: 1.6rem -36.2rem 6rem 0;
    padding: 3rem 0 1.1rem;
  }
  .bonus-aside__box:before {
    content: "";
    display: block;
    position: absolute;
    top: 3rem;
    bottom: 3rem;
    left: 50%;
    width: 1px;
    background-color: #d9dbe1;
  }
}
@media (min-width: 1060px) {
  .bonus-aside__list {
    display: flex;
    flex-wrap: wrap;
  }
}
.bonus-aside__item {
  display: flex;
  margin: 1.6rem 0;
}
.bonus-aside__item:first-child {
  margin-top: 0;
}
.bonus-aside__item:last-child {
  margin-bottom: 0;
}
@media (min-width: 1060px) {
  .bonus-aside__item {
    width: 50%;
    padding: 0 4rem;
    margin: 0 0 1.9rem 0 !important;
  }
}
.bonus-aside__number {
  color: #000;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .bonus-aside__number {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.bonus-aside__time {
  position: relative;
  padding-left: 1.7rem;
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .bonus-aside__time {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.bonus-aside__time:before {
  content: "";
  display: block;
  position: absolute;
  top: 0.6rem;
  left: 0.8rem;
  width: 1px;
  height: 1rem;
  background-color: #d9dbe1;
}
@media (min-width: 1060px) {
  .bonus-aside__time:before {
    top: 0.7rem;
  }
}
.bonus-aside__result {
  display: flex;
  align-items: center;
  margin-left: 1.4rem;
}
@media (min-width: 1060px) {
  .bonus-aside__result {
    margin-left: auto;
  }
}
.bonus-aside__result.-disabled {
  position: relative;
  margin: 0;
  background-color: #fff;
}
@media (min-width: 1060px) {
  .bonus-aside__result.-disabled {
    padding: 0 4rem 1.9rem 3rem;
  }
}
.bonus-aside__disabled {
  margin-left: 0.4rem;
  color: #000;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .bonus-aside__disabled {
    margin-left: 0.8rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.bonus-alarm {
  margin: 2rem 0 4rem;
}
@media (min-width: 1060px) {
  .bonus-alarm {
    margin: 4rem 0 6rem;
  }
}
.bonus-alarm__desc {
  display: none;
}
.bonus-alarm__desc.-active {
  display: block;
  margin-top: 1.2rem;
}
.bonus-alarm__search {
  display: block;
  width: 100%;
  height: 5.2rem;
  margin-top: 2rem;
  padding-left: 4.8rem;
  box-shadow: 0 0.4rem 1.2rem 0 rgba(0, 25, 72, 0.12);
  border: 2px solid #0064de;
  background: #fff url(../images/bonus-alarm__search.svg) no-repeat 1.6rem 50%;
  background-size: 24px 24px;
  text-align: left;
  cursor: pointer;
  appearance: none;
}
@media (min-width: 1060px) {
  .bonus-alarm__search {
    height: 6.4rem;
    padding-left: 5.2rem;
    background-position: 2rem 50%;
  }
}
.bonus-alarm__search:hover,
.bonus-alarm__search:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.app .bonus-alarm__search:hover,
.app .bonus-alarm__search:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.bonus-alarm__placeholder {
  color: #767676;
  font-size: 1.6rem;
}
@media (min-width: 1060px) {
  .bonus-alarm__placeholder {
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.bonus-alarm__city {
  color: #000;
  font-size: 1.6rem;
}
@media (min-width: 1060px) {
  .bonus-alarm__city {
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.sp-alarm {
  margin-top: 1.2rem;
}
@media (min-width: 1060px) {
  .sp-alarm {
    margin-top: 2rem;
  }
}
@media (min-width: 1060px) {
  .sp-alarm__list {
    display: flex;
    justify-content: space-between;
  }
}
.sp-alarm__item {
  position: relative;
  margin-top: 8rem;
}
.sp-alarm__item:first-child {
  margin-top: 0;
}
.sp-alarm__item:last-child {
  margin-bottom: 0;
}
@media (min-width: 1060px) {
  .sp-alarm__item {
    width: 50%;
    margin: 0;
  }
  .sp-alarm__item:nth-child(1) {
    padding-right: 1rem;
  }
  .sp-alarm__item:nth-child(2) {
    padding-left: 1rem;
  }
}
.sp-alarm__item + .sp-alarm__item:before {
  content: "";
  display: block;
  position: absolute;
  top: -4rem;
  left: 0;
  width: 100%;
  border-top: 1px solid #d9dbe1;
}
@media (min-width: 1060px) {
  .sp-alarm__item + .sp-alarm__item:before {
    display: none;
  }
}
.sp-alarm__visual {
  overflow: hidden;
  margin-bottom: 1.2rem;
  border-radius: 0.2rem;
}
@media (min-width: 1060px) {
  .sp-alarm__visual {
    margin-bottom: 1.6rem;
  }
}
.sp-alarm__image {
  width: 100%;
  vertical-align: top;
}
.sp-alarm__info {
  position: relative;
}
.sp-alarm__title {
  display: block;
  max-width: 60%;
  color: #000;
  font-size: 1.6rem;
}
@media (min-width: 1060px) {
  .sp-alarm__title {
    max-width: 70%;
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.sp-alarm__city {
  display: block;
  max-width: 60%;
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .sp-alarm__city {
    max-width: 70%;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.sp-alarm__date {
  display: block;
  margin: 0.8rem 0 2rem;
  color: #000;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .sp-alarm__date {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.sp-alarm .link {
  position: absolute;
  top: 0;
  right: 0;
  max-width: 40%;
  text-align: right;
}
@media (min-width: 1060px) {
  .sp-alarm .link {
    max-width: 30%;
  }
}
.sp-alarm__buttons {
  display: flex;
  justify-content: space-between;
}
@media (min-width: 1060px) {
  .sp-alarm__buttons {
    justify-content: flex-end;
  }
}
.sp-alarm__buttons .button {
  flex: 1;
}
@media (min-width: 1060px) {
  .sp-alarm__buttons .button {
    flex: 0;
  }
}
.sp-alarm__buttons .button:nth-child(1) {
  margin-right: 0.4rem;
}
@media (min-width: 1060px) {
  .sp-alarm__buttons .button:nth-child(1) {
    margin-right: 0.5rem;
  }
}
.sp-alarm__buttons .button:nth-child(2) {
  margin-left: 0.4rem;
}
@media (min-width: 1060px) {
  .sp-alarm__buttons .button:nth-child(2) {
    margin-left: 0.5rem;
  }
}
.bonus-recommend {
  position: relative;
  margin: 1.1rem -2rem 0;
}
@media (min-width: 1060px) {
  .bonus-recommend {
    margin: 2rem 0 0;
  }
}
.bonus-recommend__slider {
  overflow: hidden;
}
.bonus-recommend__list {
  white-space: nowrap;
  width: 46%;
  margin: 0 auto;
  font-size: 0;
}
@media (min-width: 1060px) {
  .bonus-recommend__list {
    display: flex;
    width: 100%;
  }
}
.bonus-recommend__item {
  white-space: normal;
  display: inline-block;
  position: relative;
  width: 100%;
  text-align: center;
  vertical-align: top;
}
@media (min-width: 1060px) {
  .bonus-recommend__item {
    display: inline-block;
    width: 20%;
    margin-left: 1.2rem;
    text-align: left;
  }
  .bonus-recommend__item:first-child {
    margin-left: 0;
  }
}
.bonus-recommend__link {
  display: block;
  width: 100%;
  padding: 0.5rem 0.5rem 0.8rem;
  border-radius: 0.2rem;
  text-decoration: none;
}
@media (min-width: 1060px) {
  .bonus-recommend__link {
    padding: 0.2rem 0.2rem 0.8rem;
  }
}
.bonus-recommend__link:hover,
.bonus-recommend__link:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .bonus-recommend__link:hover,
.app .bonus-recommend__link:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.bonus-recommend__image {
  width: 100%;
  vertical-align: top;
}
.bonus-recommend__route {
  display: block;
  padding-top: 2rem;
  color: #000;
  font-weight: 700;
  font-size: 1.6rem;
}
@media (min-width: 1060px) {
  .bonus-recommend__route {
    padding-top: 1.6rem;
  }
}
.bonus-recommend__prev {
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  display: block;
  position: absolute;
  top: 50%;
  left: 2rem;
  width: 5rem;
  height: 5rem;
  margin-top: -4.8rem;
  border: 0;
  background-color: rgba(0, 0, 0, 0.6);
  cursor: pointer;
  appearance: none;
}
.bonus-recommend__prev:before {
  content: "";
  display: block;
  position: absolute;
  top: 1.7rem;
  left: 2.1rem;
  width: 1.6rem;
  height: 1.6rem;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  transform: rotate(45deg);
}
.bonus-recommend__prev:hover,
.bonus-recommend__prev:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.app .bonus-recommend__prev:hover,
.app .bonus-recommend__prev:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.bonus-recommend__next {
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  display: block;
  position: absolute;
  top: 50%;
  right: 2rem;
  width: 5rem;
  height: 5rem;
  margin-top: -4.8rem;
  border: 0;
  background-color: rgba(0, 0, 0, 0.6);
  cursor: pointer;
  appearance: none;
}
.bonus-recommend__next:before {
  content: "";
  display: block;
  position: absolute;
  top: 1.7rem;
  right: 2.1rem;
  width: 1.6rem;
  height: 1.6rem;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  transform: rotate(225deg);
}
.bonus-recommend__next:hover,
.bonus-recommend__next:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.app .bonus-recommend__next:hover,
.app .bonus-recommend__next:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.hotelo-adjust {
  position: relative;
  border-radius: 0.2rem;
  border: solid 0.1rem #d9dbe1;
}
.hotelo-adjust + .hotelo-adjust {
  margin-top: 2rem;
}
.hotelo-adjust__items {
  display: flex;
  flex-direction: column;
}
.hotelo-adjust__item {
  order: 1;
  padding: 3.2rem 2rem 0;
}
@media (min-width: 1060px) {
  .hotelo-adjust__item {
    display: flex;
    padding: 4rem 4rem 6rem;
  }
}
@media (min-width: 1060px) {
  .hotelo-adjust__title {
    width: 38.5rem;
    padding-right: 4rem;
  }
}
@media (min-width: 1060px) {
  .hotelo-adjust__adjust {
    flex: 1;
    margin-top: 0;
    padding-bottom: 5rem;
  }
}
.hotelo-adjust__message {
  margin-top: 2rem;
  text-align: center;
}
@media (min-width: 1060px) {
  .hotelo-adjust__message {
    margin-top: 2.6rem;
    text-align: left;
  }
}
.hotelo-adjust__expander {
  order: 3;
  margin-top: 4rem;
  padding: 0.8rem 2rem;
  text-align: center;
}
@media (min-width: 1060px) {
  .hotelo-adjust__expander {
    margin-top: 0;
  }
}
.hotelo-adjust__expand {
  order: 4;
  display: none;
  padding: 3.2rem 2rem;
  border-top: solid 0.1rem #d9dbe1;
}
.hotelo-adjust__expand[aria-hidden="false"] {
  display: block;
}
.hotelo-adjust__buttons {
  order: 2;
  margin-top: 2rem;
  text-align: center;
}
@media (min-width: 1060px) {
  .hotelo-adjust__buttons {
    margin: -11rem 0 6rem;
    padding: 0 4rem;
    text-align: right;
  }
}
.hotelo-adjust__slide {
  position: relative;
}
.hotelo-adjust__slide-prev,
.hotelo-adjust__slide-next {
  position: absolute;
  top: 50%;
  width: 3rem;
  height: 3rem;
  transform: translateY(-50%);
  background-color: rgba(0, 0, 0, 0.6);
  border: 0;
  cursor: pointer;
  text-indent: -9999em;
}
@media (min-width: 1060px) {
  .hotelo-adjust__slide-prev,
  .hotelo-adjust__slide-next {
    width: 5rem;
    height: 5rem;
  }
}
.hotelo-adjust__slide-prev:after,
.hotelo-adjust__slide-next:after {
  content: "";
  display: block;
  position: absolute;
  top: 1rem;
  width: 1rem;
  height: 1rem;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  transform: rotate(-45deg);
}
@media (min-width: 1060px) {
  .hotelo-adjust__slide-prev:after,
  .hotelo-adjust__slide-next:after {
    top: 1.5rem;
    width: 2rem;
    height: 2rem;
  }
}
.hotelo-adjust__slide-prev:hover,
.hotelo-adjust__slide-next:hover,
.hotelo-adjust__slide-prev:focus,
.hotelo-adjust__slide-next:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.app .hotelo-adjust__slide-prev:hover,
.app .hotelo-adjust__slide-next:hover,
.app .hotelo-adjust__slide-prev:focus,
.app .hotelo-adjust__slide-next:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.hotelo-adjust__slide-prev[disabled],
.hotelo-adjust__slide-next[disabled] {
  cursor: not-allowed;
  background-color: rgba(0, 0, 0, 0.45);
}
.hotelo-adjust__slide-prev[disabled]:hover,
.hotelo-adjust__slide-next[disabled]:hover,
.hotelo-adjust__slide-prev[disabled]:focus,
.hotelo-adjust__slide-next[disabled]:focus {
  outline: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.hotelo-adjust__slide-prev[aria-disabled="true"],
.hotelo-adjust__slide-next[aria-disabled="true"] {
  cursor: not-allowed;
  background-color: rgba(0, 0, 0, 0.45);
}
.hotelo-adjust__slide-prev {
  left: 0;
}
.hotelo-adjust__slide-prev:after {
  left: 1.2rem;
}
@media (min-width: 1060px) {
  .hotelo-adjust__slide-prev:after {
    left: 2rem;
  }
}
.hotelo-adjust__slide-next {
  right: 0;
}
.hotelo-adjust__slide-next:after {
  transform: rotate(135deg);
  right: 1.2rem;
}
@media (min-width: 1060px) {
  .hotelo-adjust__slide-next:after {
    right: 2rem;
  }
}
.hotelo-adjust__slide-inner {
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  font-size: 0;
}
.hotelo-adjust__slide-inner:after {
  content: "";
  display: block;
  clear: both;
}
.hotelo-adjust__slide-item {
  display: none;
}
.hotelo-adjust__slide-item.-active {
  display: inline-block;
}
.hotelo-adjust__slide-item img {
  display: block;
  width: 100%;
  height: 100%;
}
.hotelo-adjust .payment-info__list {
  padding: 0;
}
@media (min-width: 1060px) {
  .hotelo-adjust .payment-info__list {
    padding: 3rem 0 0;
  }
}
.hotelo-adjust .payment-info__list .payment-info__key {
  color: #555;
}
.hotelo-adjust .buttons {
  display: block;
  margin-top: 2rem;
  text-align: center;
}
@media (min-width: 1060px) {
  .hotelo-adjust .buttons {
    display: flex;
    margin-top: 4rem;
  }
}
.hotelo-adjust .buttons .button {
  display: inline-block;
  margin-top: 2rem;
}
@media (min-width: 1060px) {
  .hotelo-adjust .buttons .button {
    margin-top: 0;
  }
}
.hotelo-adjust.-disabled {
  background-color: #f8f9fc;
}
.mileage-status__progress {
  display: block;
}
.mileage-status__button {
  margin-top: 0.8rem;
}
.mileage-status__txt {
  margin: 2rem 0;
}
@media (min-width: 1060px) {
  .mileage-status__txt {
    margin: 2.6rem 0 4rem;
  }
}
.mileage-grade {
  margin-bottom: 4rem;
}
@media (min-width: 1060px) {
  .mileage-grade {
    margin-bottom: 6rem;
  }
}
.mileage-grade.-active {
  margin-bottom: 7rem;
}
@media (min-width: 1060px) {
  .mileage-grade.-active {
    margin-bottom: 9rem;
  }
}
.mileage-grade.-hasdesc.-active {
  margin-bottom: 18.4rem;
}
@media (min-width: 1060px) {
  .mileage-grade.-hasdesc.-active {
    margin-bottom: 19.4rem;
  }
}
.mileage-grade__outer {
  position: relative;
  height: 27rem;
  margin-bottom: 4rem;
  text-align: center;
}
@media (min-width: 1060px) {
  .mileage-grade__outer {
    height: 34rem;
    margin-bottom: 6rem;
  }
}
.mileage-grade__outer:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 20rem;
  background-color: #eaf2ff;
  z-index: -1;
}
@media (min-width: 1060px) {
  .mileage-grade__outer:before {
    height: 23rem;
  }
}
.mileage-grade__txt {
  padding: 2.4rem 0;
  color: #111;
  font-size: 1.4rem;
}
@media (min-width: 1060px) {
  .mileage-grade__txt {
    padding: 4rem 0;
    font-size: 1.6rem;
  }
}
.mileage-grade__value {
  display: block;
}
@media (min-width: 1060px) {
  .mileage-grade__value {
    display: inline-block;
  }
}
.mileage-grade__thumb {
  height: 19.8rem;
}
.mileage-grade__inner {
  margin: 0 auto;
  text-align: left;
}
.mileage-grade__frame {
  position: relative;
  height: 36.8rem;
  max-width: 24rem;
  margin: 0 auto;
}
@media (min-width: 1060px) {
  .mileage-grade__frame {
    max-width: 32rem;
    height: 49rem;
  }
}
.mileage-grade__frame .mileage-grade__expander {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 11.6rem;
  z-index: 10;
}
@media (min-width: 1060px) {
  .mileage-grade__frame .mileage-grade__expander {
    top: 16.5rem;
  }
}
.mileage-grade__img {
  width: 100%;
  vertical-align: top;
}
.mileage-grade__data {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: left;
}
.mileage-grade__item {
  position: absolute;
  top: 0;
  left: 8%;
}
.mileage-grade__item.-rating {
  top: 26%;
  font-size: 1.2rem;
  color: #e2e4eb;
}
@media (min-width: 1060px) {
  .mileage-grade__item.-rating {
    font-size: 1.4rem;
  }
}
.mileage-grade__item.-num {
  top: 45%;
  font-size: 1.6rem;
  color: #f8f9fc;
}
@media (min-width: 1060px) {
  .mileage-grade__item.-num {
    font-size: 2rem;
  }
}
.mileage-grade__item.-name {
  top: 53%;
  font-size: 1.6rem;
  color: #f8f9fc;
}
@media (min-width: 1060px) {
  .mileage-grade__item.-name {
    font-size: 2rem;
  }
}
.mileage-grade__item.-qrcode {
  display: none;
  top: 67.6%;
  width: 9rem;
  height: 9rem;
}
@media (min-width: 1060px) {
  .mileage-grade__item.-qrcode {
    width: 12rem;
    height: 12rem;
  }
}
.mileage-grade__item.-qrcode.-active {
  display: block;
}
.mileage-grade__qr {
  width: 100%;
  height: auto;
  vertical-align: top;
}
.mileage-grade__desc.-skypass {
  color: #80a7ea;
}
.mileage-grade__desc.-morningcalm {
  color: #fff;
}
.mileage-grade__desc.-premium {
  color: #e2e4eb;
}
.mileage-grade__desc.-millionmiler {
  color: #f0e4ca;
}
.mileage-grade__expander {
  display: inline-block;
  width: 6rem;
  height: 6rem;
  background: transparent url(../images/cm-grade-expand.svg) no-repeat 50%;
  background-size: cover;
  border: 0;
}
.mileage-grade__expander[aria-expanded="true"] {
  background: url(../images/cm-grade-expand__active.svg) no-repeat 50%;
  background-size: cover;
}
.mileage-grade__expander:hover,
.mileage-grade__expander:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .mileage-grade__expander:hover,
.app .mileage-grade__expander:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.mileage-grade__download {
  padding-top: 3.7rem;
  text-align: center;
}
@media (min-width: 1060px) {
  .mileage-grade__download {
    padding-top: 4rem;
  }
}
.mileage-grade__download .caption {
  margin-bottom: 1.6rem;
}
@media (min-width: 1060px) {
  .mileage-grade__download .caption {
    margin-bottom: 1.2rem;
  }
}
.mileage-grade__save {
  display: inline-block;
  width: 11.4rem;
  height: 4.2rem;
  background: transparent url(../images/cm-applewallet.png) no-repeat 50% 50%;
  background-size: 104px 32px;
  border: 0;
}
.mileage-grade__save:hover,
.mileage-grade__save:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .mileage-grade__save:hover,
.app .mileage-grade__save:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.mileage-grade.-active .mileage-grade__outer {
  height: auto;
}
.mileage-grade.-active .mileage-grade__thumb {
  height: auto;
  overflow: inherit;
}
.mileage-grade.-active .mileage-grade__expander {
  top: 33.6rem;
}
@media (min-width: 1060px) {
  .mileage-grade.-active .mileage-grade__expander {
    top: 45.9rem;
  }
}
.mileage-grade__button {
  margin: -1.2rem auto 2rem;
}
@media (min-width: 1060px) {
  .mileage-grade__button {
    margin: -2.4rem 0 3rem;
  }
}
.mileage-details__list {
  border-bottom: 0.1rem solid #d9dbe1;
}
.mileage-details__item {
  border-top: 0.1rem solid #d9dbe1;
}
.mileage-details__item:first-child {
  padding: 2rem 0;
}
.mileage-details__item:first-child .mileage-details__num {
  font-size: 1.8rem;
  font-weight: 700;
}
@media (min-width: 1060px) {
  .mileage-details__item:first-child .mileage-details__num {
    font-size: 2rem;
  }
}
.mileage-details__item:last-child {
  padding: 2rem 0;
}
.mileage-details__item:last-child .mileage-details__num {
  font-size: 1.6rem;
  font-weight: normal;
}
@media (min-width: 1060px) {
  .mileage-details__item:last-child .mileage-details__num {
    font-size: 1.8rem;
  }
}
.mileage-details__item:after {
  display: block;
  content: "";
  clear: both;
}
.mileage-details__item [data-role="panel"] {
  display: none;
}
.mileage-details__item.-active > [data-role="panel"] {
  display: block;
}
.mileage-details__tit {
  float: left;
  font-size: 1.4rem;
  margin-top: 0.4rem;
}
@media (min-width: 1060px) {
  .mileage-details__tit {
    margin-top: 0;
    font-size: 1.6rem;
  }
}
.mileage-details__txt {
  float: right;
  color: #555;
  font-size: 1.4rem;
}
@media (min-width: 1060px) {
  .mileage-details__txt {
    font-size: 1.6rem;
  }
}
.mileage-details__num {
  color: #000;
  font-size: 1.6rem;
  font-weight: normal;
}
@media (min-width: 1060px) {
  .mileage-details__num {
    font-size: 1.8rem;
  }
}
.mileage-details__title {
  display: block;
  width: 100%;
  padding: 2rem 3.2rem 2rem 0;
  border: 0;
  background: #fff url(../images/accordion__title-down.svg) no-repeat 100% 50%;
  background-size: 24px 24px;
}
.mileage-details__title .mileage-details__tit {
  font-size: 1.4rem;
}
@media (min-width: 1060px) {
  .mileage-details__title .mileage-details__tit {
    font-size: 1.6rem;
  }
}
.mileage-details__title .mileage-details__txt {
  font-size: 1.6rem;
}
.mileage-details__title[aria-expanded="true"] {
  background: #fff url(../images/accordion__title-up.svg) no-repeat 100% 50%;
  background-size: 24px 24px;
}
.mileage-details__title:hover,
.mileage-details__title:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .mileage-details__title:hover,
.app .mileage-details__title:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.mileage-details__panel {
  padding: 0 3.2rem 2rem 0;
}
.mileage-details__btn {
  margin-top: 1.6rem;
  text-align: left;
}
.mileage-details__btn._right {
  text-align: right;
}
.mileage-review {
  display: flex;
}
.mileage-review__total {
  font-size: 1.6rem;
  color: #555;
}
.mileage-review__total .mileage-review__key {
  color: #0064de;
}
.mileage-review__date {
  font-size: 1.4rem;
  margin-left: auto;
  color: #555;
}
.mileage-review__date .mileage-review__key {
  margin-right: 0.8rem;
  color: #000;
}
.mileage-lookup {
  margin-bottom: 4rem;
}
@media (min-width: 1060px) {
  .mileage-lookup {
    margin-bottom: 6rem;
  }
}
.mileage-lookup__wrapper {
  padding: 1.6rem 2rem;
  border: 1px solid #d9dbe1;
  border-bottom: 0;
  border-radius: 0.2rem;
}
.mileage-lookup__inner {
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 1060px) {
  .mileage-lookup__inner {
    display: flex;
    flex-wrap: inherit;
    flex-direction: row;
    margin: 0 9.5rem;
  }
}
.mileage-lookup__outer {
  padding: 3rem 2rem;
  border: 1px solid #d9dbe1;
}
@media (min-width: 1060px) {
  .mileage-lookup__outer {
    padding: 3rem 0;
  }
  .mileage-lookup__outer .label {
    margin: 0 11.5rem;
  }
  .mileage-lookup__outer .forms-button {
    margin: 0 11.5rem;
  }
}
.mileage-lookup__radios {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 2rem;
}
@media (min-width: 1060px) {
  .mileage-lookup__radios {
    width: auto;
    margin-right: 6rem;
    margin-bottom: 0;
  }
}
.mileage-lookup__radio {
  width: calc(33.33% - 0.4rem);
  vertical-align: middle;
}
.mileage-lookup__radio + .mileage-lookup__radio {
  margin-left: 0.6rem;
}
@media (min-width: 1060px) {
  .mileage-lookup__radio {
    display: inline-block;
    width: auto;
  }
}
.mileage-lookup__input {
  overflow: hidden;
  white-space: nowrap;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  position: absolute;
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  border: 0;
}
.mileage-lookup__input:focus ~ .purchase-filter__label {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.mileage-lookup__label {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 3.6rem;
  margin: 0;
  padding: 0.7rem 0.6rem;
  border: 0;
  border-radius: 0.2rem;
  background-color: #f3f4f8;
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  appearance: none;
}
@media (min-width: 1060px) {
  .mileage-lookup__label {
    min-width: 8.4rem;
    min-height: 4rem;
    padding: 0.8rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
:checked ~ .mileage-lookup__label {
  background-color: #555;
  color: #fff;
}
:focus ~ .mileage-lookup__label {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.mileage-lookup__label:hover,
.mileage-lookup__label:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.app .mileage-lookup__label:hover,
.app .mileage-lookup__label:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.mileage-lookup__datas {
  flex: inherit;
  font-size: 0;
}
@media (min-width: 1060px) {
  .mileage-lookup__datas {
    flex: 7;
  }
}
.mileage-lookup__datas:after {
  display: block;
  content: "";
  clear: both;
}
.mileage-lookup__date {
  display: inline-block;
  width: 45%;
}
@media (max-width: 320px) {
  .mileage-lookup__date .placeholder {
    top: 1rem;
    font-size: 1.2rem;
  }
}
@media (max-width: 409px) {
  .mileage-lookup__date .forms [type="text"] {
    padding: 0;
    font-size: 1.2rem;
  }
}
.mileage-lookup__from {
  display: inline-block;
  width: 10%;
  font-size: 2rem;
  font-weight: 700;
  text-align: center;
  line-height: 2.5;
}
.mileage-summary {
  display: flex;
  border: 1px solid #d9dbe1;
  margin-bottom: 4rem;
  padding: 3.2rem 2.4rem;
}
.mileage-summary__tit {
  display: block;
  font-size: 2rem;
}
.mileage-summary__num {
  display: block;
  margin-top: 0.4rem;
  font-size: 1.4rem;
  color: #767676;
}
.mileage-summary__list {
  margin-left: auto;
  text-align: right;
}
.mileage-summary__item {
  margin-top: 0.4rem;
}
.mileage-summary__item:first-child {
  margin-top: 0;
}
.mileage-summary__key {
  display: inline-block;
  font-size: 1.4rem;
}
.mileage-summary__value {
  display: inline-block;
  min-width: 15rem;
  color: #555;
}
.graph {
  padding-top: 0.8rem;
}
.graph__date {
  position: relative;
  padding-left: 1.2rem;
  color: #555;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.58;
  text-indent: 0;
}
@media (min-width: 1060px) {
  .graph__date {
    font-size: 1.6rem;
  }
}
.graph__date:before {
  content: "";
  position: absolute;
  top: 0.9rem;
  left: 0;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  background-color: #555;
}
.graph__list {
  margin-top: 2rem;
}
@media (min-width: 1060px) {
  .graph__list {
    margin-top: 4rem;
  }
}
.graph__item + .graph__item {
  margin-top: 4rem;
}
@media (min-width: 1060px) {
  .graph__item + .graph__item {
    margin-top: 6rem;
  }
}
.graph__tit {
  font-size: 1.6rem;
  font-weight: 700;
  color: #000;
}
@media (min-width: 1060px) {
  .graph__tit {
    font-size: 1.8rem;
  }
}
.graph__outer {
  display: flex;
  position: relative;
  flex-direction: column;
  margin-top: 1.2rem;
  background-color: #f6f8ff;
}
@media (min-width: 1060px) {
  .graph__outer {
    flex-direction: row;
    align-items: center;
  }
}
.graph__inner {
  flex: 1;
  position: relative;
  padding: 2rem;
  background-color: #f6f8ff;
}
@media (min-width: 1060px) {
  .graph__inner {
    flex: 2;
    padding: 4rem;
  }
}
.graph__inner-add {
  width: 3.2rem;
  height: 3.2rem;
  margin: 0 auto;
  background-image: url(../images/graph__inner-add.svg);
}
@media (min-width: 1060px) {
  .graph__inner-add {
    margin: 0 4.4rem;
  }
}
.graph__tit {
  font-size: 1.6rem;
  font-weight: 700;
  color: #000;
}
@media (min-width: 1060px) {
  .graph__tit {
    font-size: 1.8rem;
  }
}
.graph__inner-txt {
  text-align: right;
  color: #0064de;
  font-size: 1.4rem;
}
@media (min-width: 1060px) {
  .graph__inner-txt {
    font-size: 1.6rem;
  }
}
.graph__bars {
  overflow: hidden;
  width: 100%;
  height: 1.2rem;
  margin-top: 1.6rem;
  border-radius: 0.6rem;
  background-color: #d9dbe1;
}
.graph__bar {
  height: 1.2rem;
  border-radius: 0.6rem;
  background-color: #00256c;
}
.graph__value {
  margin-top: 0.8rem;
  color: #555;
}
.graph__value:after {
  display: block;
  content: "";
  clear: both;
}
.graph__value-left {
  float: left;
}
.graph__value-right {
  float: right;
}
.deduct-calc {
  margin: 2rem 0 4rem 0;
}
@media (min-width: 1060px) {
  .deduct-calc {
    margin: 2rem 0 6rem 0;
  }
}
@media (min-width: 1060px) {
  .deduct-calc__conditions {
    display: flex;
  }
}
@media (min-width: 1060px) {
  .deduct-calc__condition {
    flex: 1;
  }
}
.deduct-calc__condition + .deduct-calc__condition {
  margin-top: 4rem;
}
@media (min-width: 1060px) {
  .deduct-calc__condition + .deduct-calc__condition {
    margin-top: 0;
    margin-left: 8rem;
  }
}
.deduct-calc__journeys {
  margin: 4rem 0;
}
@media (min-width: 1060px) {
  .deduct-calc__journeys {
    margin: 6rem 0;
  }
}
.deduct-calc__journey {
  font-size: 0;
}
.deduct-calc__journey + .deduct-calc__journey {
  margin-top: 4rem;
}
@media (min-width: 1060px) {
  .deduct-calc__journey + .deduct-calc__journey {
    margin-top: 6rem;
  }
}
@media (min-width: 1060px) {
  .deduct-calc__detail {
    display: flex;
    align-items: center;
  }
}
.deduct-calc__points {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  position: relative;
  margin-bottom: 2rem;
}
@media (min-width: 1060px) {
  .deduct-calc__points {
    flex: 1;
    margin-bottom: 0;
  }
}
.deduct-calc__points:before {
  content: "";
  display: block;
  position: absolute;
  top: 0.9rem;
  left: 50%;
  width: 1.6rem;
  height: 1.6rem;
  margin: 0 0 0 -0.8rem;
  background: url(../images/deduct-calc__points.svg) no-repeat 50% 50%;
  background-size: 16px 16px;
}
@media (min-width: 1060px) {
  .deduct-calc__points:before {
    top: 1rem;
  }
}
.deduct-calc__point {
  flex: 1;
  border: 0;
  background: none;
}
@media (min-width: 1060px) {
  .deduct-calc__point {
    display: flex;
    align-items: center;
  }
}
.deduct-calc__point + .deduct-calc__point {
  margin-left: 6rem;
}
.deduct-calc__point:hover,
.deduct-calc__point:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.app .deduct-calc__point:hover,
.app .deduct-calc__point:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.deduct-calc__code {
  display: block;
  font-size: 2.2rem;
  font-weight: bold;
  font-style: normal;
  color: #000;
  text-align: center;
  line-height: 1.55;
}
@media (min-width: 1060px) {
  .deduct-calc__code {
    font-size: 2.4rem;
    line-height: 1.5;
  }
}
.deduct-calc__code[aria-hidden="true"] {
  font-weight: normal;
  color: #767676;
}
.deduct-calc__nation {
  display: block;
  font-size: 1.4rem;
  font-weight: normal;
  color: #767676;
  text-align: center;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .deduct-calc__nation {
    margin-left: 1.6rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
@media (min-width: 1060px) {
  .deduct-calc__board {
    width: 26rem;
    margin-left: 4rem;
  }
}
.deduct-calc__grade {
  margin: 3.2rem 0 2rem 0;
}
@media (min-width: 1060px) {
  .deduct-calc__grade {
    width: calc(50% - 4rem);
    margin: 4rem 0 2rem;
  }
}
.deduct-calc__button {
  margin: 4rem 0 1.6rem 0;
}
@media (min-width: 1060px) {
  .deduct-calc__button {
    margin: 6rem 0 2rem 0;
    text-align: center;
  }
}
.deduct-calc__captions {
  margin-top: 1.6rem;
}
@media (min-width: 1060px) {
  .deduct-calc__captions {
    margin-top: 2rem;
  }
}
.deduct-result {
  margin-top: 5rem;
  padding: 2rem 2rem 1.6rem 2rem;
  background-color: #f3f4f8;
}
@media (min-width: 1060px) {
  .deduct-result {
    margin-top: 6rem;
    padding: 3rem 4rem;
  }
}
@media (min-width: 1060px) {
  .deduct-result__total {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
.deduct-result__key {
  font-size: 1.4rem;
  font-weight: normal;
  color: #000;
  text-align: center;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .deduct-result__key {
    flex: 1;
    margin-top: 0;
    font-size: 1.8rem;
    text-align: left;
    line-height: 1.56;
  }
}
.deduct-result__val {
  margin-top: 0.4rem;
  font-size: 1.8rem;
  font-weight: normal;
  color: #00256c;
  text-align: center;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .deduct-result__val {
    flex: 1;
    margin-top: 0;
    margin-left: 3.4rem;
    font-size: 2.4rem;
    text-align: right;
    line-height: 1.5;
  }
}
.deduct-result__val:before {
  content: "";
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  vertical-align: middle;
  margin: 0 0.4rem 0 0;
  background: url(../images/deduct-result__val--before.svg) no-repeat center 50%;
  background-size: 24px 24px;
}
.deduct-result__mile {
  font-weight: bold;
}
.deduct-result__detail {
  margin-top: 1.8rem;
  padding: 1.6rem;
  background-color: #fff;
}
@media (min-width: 1060px) {
  .deduct-result__detail {
    margin-top: 2.2rem;
    padding: 2rem 4rem;
  }
}
.deduct-result__item {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.deduct-result__item + .deduct-result__item {
  margin-top: 0.8rem;
}
@media (min-width: 1060px) {
  .deduct-result__item + .deduct-result__item {
    margin-top: 1.6rem;
  }
}
.deduct-result__keys {
  flex: 1;
}
.deduct-result__code {
  display: inline-block;
  font-size: 1.4rem;
  font-weight: normal;
  color: #00256c;
  line-height: 1.58;
  vertical-align: top;
}
@media (min-width: 1060px) {
  .deduct-result__code {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.deduct-result__code + .deduct-result__code:before {
  content: "";
  display: inline-block;
  width: 2.2rem;
  height: 2.2rem;
  vertical-align: top;
  margin: 0 0.4rem;
  background: url(../images/deduct-result__code.svg) no-repeat center 50%;
  background-size: 16px 16px;
}
@media (min-width: 1060px) {
  .deduct-result__code + .deduct-result__code:before {
    width: 2.4rem;
    height: 2.4rem;
    margin: 0 1.3rem;
  }
}
.deduct-result__nation {
  overflow: hidden;
  white-space: nowrap;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  position: absolute;
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  border: 0;
}
@media (min-width: 1060px) {
  .deduct-result__nation {
    overflow: unset;
    white-space: unset;
    clip: unset;
    clip-path: unset;
    position: unset;
    display: inline-block;
    width: auto;
    height: auto;
    font-size: 1.4rem;
    font-weight: normal;
    color: #00256c;
    line-height: 1.58;
  }
}
.deduct-result__desc {
  display: block;
  width: 100%;
  height: auto;
  margin-top: 0.2rem;
  font-size: 1.4rem;
  font-weight: normal;
  color: #555;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .deduct-result__desc {
    margin-top: 0.4rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.deduct-result__vals {
  flex: 1;
  margin-left: 1.8rem;
  font-size: 1.4rem;
  font-weight: normal;
  color: #00256c;
  text-align: right;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .deduct-result__vals {
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.deduct-result__miles {
  font-weight: bold;
}
.deduct-select {
  margin: 2rem 0;
}
@media (min-width: 1060px) {
  .deduct-select {
    margin: 4rem 0;
  }
}
.deduct-table {
  margin-bottom: 3.6rem;
}
@media (min-width: 1060px) {
  .deduct-table {
    margin-bottom: 1.2rem;
  }
}
.deduct-captions {
  margin: 2rem 0 1.6rem 0;
}
.deduct-caption + .deduct-caption {
  margin-top: 2rem;
}
.deduct-caption__button {
  margin-top: 1.2rem;
  padding-left: 2rem;
}
.mileage-goods {
  position: relative;
  margin-top: 2rem;
  padding-bottom: 4.4rem;
  overflow: hidden;
}
.mileage-goods__slider {
  overflow: hidden;
}
.mileage-goods__list {
  width: 100%;
  height: auto;
  font-size: 0;
}
.mileage-goods__item {
  display: none;
  width: 100%;
  height: auto;
}
.mileage-goods__item.-active {
  display: inline-block;
}
.mileage-goods__contents {
  white-space: normal;
}
.mileage-goods__image {
  display: none;
  width: 100%;
  height: auto;
  vertical-align: top;
}
.mileage-goods__image.-mobile {
  display: block;
}
@media (min-width: 1060px) {
  .mileage-goods__image.-mobile {
    display: none;
  }
  .mileage-goods__image.-pc {
    display: block;
  }
}
.mileage-goods__title {
  display: block;
  margin-top: 2rem;
  font-size: 2rem;
  font-weight: normal;
  color: #000;
  text-align: center;
  line-height: 1.5;
}
@media (min-width: 1060px) {
  .mileage-goods__title {
    margin-top: 4rem;
    font-size: 3.2rem;
  }
}
.mileage-goods__desc {
  margin-top: 0.8rem;
  font-size: 1.4rem;
  font-weight: normal;
  color: #555;
  text-align: center;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .mileage-goods__desc {
    margin-top: 1.6rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.mileage-goods__controls {
  display: flex;
  justify-content: center;
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 18.8rem;
  height: 5rem;
  margin-left: -9.4rem;
}
.mileage-goods__prev {
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  display: block;
  position: absolute;
  top: 0.6rem;
  left: 0;
  width: 4.4rem;
  height: 4.4rem;
  border: 0;
  background: #fff url(../images/mileage-goods__prev.svg) no-repeat 50% 50%;
  background-size: 16px 16px;
  cursor: pointer;
  appearance: none;
}
.mileage-goods__prev:hover,
.mileage-goods__prev:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .mileage-goods__prev:hover,
.app .mileage-goods__prev:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.mileage-goods__prev[aria-disabled="true"] {
  cursor: not-allowed;
}
.mileage-goods__prev[disabled] {
  cursor: not-allowed;
}
.mileage-goods__prev[disabled]:hover,
.mileage-goods__prev[disabled]:focus {
  outline: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.mileage-goods__next {
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  display: block;
  position: absolute;
  top: 0.6rem;
  right: 0;
  width: 4.4rem;
  height: 4.4rem;
  border: 0;
  background: #fff url(../images/mileage-goods__next.svg) no-repeat 50% 50%;
  background-size: 16px 16px;
  cursor: pointer;
  appearance: none;
}
.mileage-goods__next:hover,
.mileage-goods__next:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .mileage-goods__next:hover,
.app .mileage-goods__next:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.mileage-goods__next[aria-disabled="true"] {
  cursor: not-allowed;
}
.mileage-goods__next[disabled] {
  cursor: not-allowed;
}
.mileage-goods__next[disabled]:hover,
.mileage-goods__next[disabled]:focus {
  outline: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.mileage-goods__pagination {
  display: flex;
  padding-top: 2rem;
}
.mileage-goods__paging {
  margin: 0 0.6rem;
}
.mileage-goods__page {
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  width: 0.8rem;
  height: 0.8rem;
  margin-top: 0.4rem;
  border: 1px solid #00256c;
  border-radius: 50%;
  background: #fff;
  cursor: pointer;
  appearance: none;
  vertical-align: top;
}
.mileage-goods__page.-active {
  background-color: #00256c;
}
.mileage-goods__page:hover,
.mileage-goods__page:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.app .mileage-goods__page:hover,
.app .mileage-goods__page:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.mileage-goods__page:hover,
.mileage-goods__page:focus {
  border-radius: 50% !important;
}
.mileage-goods__page[aria-disabled="true"] {
  cursor: not-allowed;
}
.mileage-goods__page[disabled] {
  cursor: not-allowed;
}
.mileage-goods__page[disabled]:hover,
.mileage-goods__page[disabled]:focus {
  outline: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.product-detail {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
  height: auto;
  margin: 2rem 0;
}
@media (min-width: 1060px) {
  .product-detail {
    flex: 1;
    margin: 0;
  }
}
.product-detail__slider {
  overflow: hidden;
  order: 1;
}
.product-detail__controls {
  overflow: hidden;
  position: relative;
  order: 2;
  margin-top: 1.6rem;
  padding: 0 4.8rem;
}
@media (min-width: 1060px) {
  .product-detail__controls {
    margin-top: 2rem;
  }
}
.product-detail__control {
  position: absolute;
  top: 0.3rem;
  bottom: 0.3rem;
  z-index: 1;
  width: 4.8rem;
  border: 0;
  background: none;
}
.product-detail__control.-prev {
  left: 0;
  background: #fff url(../images/product-detail__prev.svg) no-repeat left 50%;
  background-size: 24px 24px;
}
.product-detail__control.-next {
  right: 0;
  background: #fff url(../images/product-detail__next.svg) no-repeat right 50%;
  background-size: 24px 24px;
}
.product-detail__control:hover,
.product-detail__control:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .product-detail__control:hover,
.app .product-detail__control:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.product-detail__control[disabled] {
  cursor: not-allowed;
}
.product-detail__control[disabled]:hover,
.product-detail__control[disabled]:focus {
  outline: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.product-detail__control[aria-disabled="true"] {
  cursor: not-allowed;
}
.product-detail__pagination {
  white-space: nowrap;
  margin: 0 auto;
  font-size: 0;
}
.product-detail__page {
  display: none;
  width: calc((100% - 1rem) / 3);
  height: auto;
  padding: 0.3rem;
}
@media (min-width: 1060px) {
  .product-detail__page {
    width: calc((100% - 2rem) / 5);
  }
}
.product-detail__page.-active + .product-detail__page.-active {
  margin-left: 0.5rem;
}
.product-detail__page.-active {
  display: inline-block;
}
.product-detail__picker {
  cursor: pointer;
  width: 100%;
  height: auto;
  border: 0;
  border: 1px solid #d9dbe1;
  background: none;
}
.product-detail__picker:hover,
.product-detail__picker:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.app .product-detail__picker:hover,
.app .product-detail__picker:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.product-detail__page.-selected .product-detail__picker {
  border-color: #0064de;
}
.product-detail__picker[aria-disabled="true"] {
  cursor: not-allowed;
}
.product-detail__thumb {
  width: 100%;
  height: auto;
  vertical-align: top;
  object-fit: contain;
}
.product-detail__list {
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  height: auto;
  font-size: 0;
}
.product-detail__item {
  display: inline-block;
  width: 100%;
  height: auto;
  border: 1px solid #d9dbe1;
}
.product-detail__image {
  width: 100%;
  height: auto;
  vertical-align: top;
  object-fit: contain;
}
@media (min-width: 1060px) {
  .product-align {
    display: flex;
    justify-content: space-between;
    margin-top: 4rem;
  }
}
@media (min-width: 1060px) {
  .product-align__item {
    flex: 1;
    margin-left: 4rem;
  }
}
@media (min-width: 1060px) {
  .offline-container {
    padding: 0 2rem;
  }
}
.offline-contents {
  padding: 2.4rem 2rem 6rem 2rem;
}
@media (min-width: 1060px) {
  .offline-contents {
    max-width: 128rem;
    margin: 0 auto;
    padding: 4rem 0 10rem 0;
  }
}
.offline__h1 {
  width: 100%;
  height: auto;
  vertical-align: top;
  margin-bottom: 6.4rem;
  font-size: 0;
}
@media (min-width: 1060px) {
  .offline__h1 {
    margin-bottom: 8.4rem;
  }
}
.offline__h1:after {
  content: "";
  display: block;
  position: absolute;
  top: 8.4rem;
  right: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #d9dbe1;
}
@media (min-width: 1060px) {
  .offline__h1:after {
    top: 11.2rem;
  }
}
.offline__logo {
  width: 17.6rem;
  height: auto;
  vertical-align: top;
}
@media (min-width: 1060px) {
  .offline__logo {
    width: 21.6rem;
  }
}
.offline__cards {
  margin-top: 2.4rem;
}
@media (min-width: 1060px) {
  .offline__cards {
    margin-top: 4rem;
  }
}
.offline__card {
  position: relative;
  margin: 0 4rem;
  padding: 2rem;
  padding-bottom: 40%;
  border-radius: 0.8rem;
  background: #022561 url(../images/offline__card.png) no-repeat center bottom;
  background-size: 100% auto;
}
@media (min-width: 1060px) {
  .offline__card {
    width: 32rem;
    margin: 0 auto;
    padding: 2.6rem;
    padding-bottom: 3rem;
  }
}
.offline__card.-million {
  background: #9F7826 url(../images/offline__card--million.png) no-repeat center bottom;
  background-size: 100% auto;
}
.offline__card.-morning {
  background: #2B5D9E url(../images/offline__card--morning.png) no-repeat center bottom;
  background-size: 100% auto;
}
.offline__card.-premium {
  background: #909298 url(../images/offline__card--premium.png) no-repeat center bottom;
  background-size: 100% auto;
}
.offline__title {
  position: relative;
  width: 100%;
  height: auto;
  padding-top: 32%;
  background: url(../images/offline__title.png) no-repeat left bottom;
  background-size: 70% auto;
}
@media (min-width: 1060px) {
  .offline__title {
    padding-top: 8.7rem;
    background-size: 184px auto;
  }
}
.offline__title:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  width: 50%;
  height: auto;
  padding-top: 7%;
  background: url(../images/offline__title--before.png) no-repeat 0 0;
  background-size: contain;
}
@media (min-width: 1060px) {
  .offline__title:before {
    width: 13.4rem;
    height: 1.9rem;
  }
}
.offline__card.-million .offline__title {
  background: url(../images/offline__title--million.png) no-repeat left bottom;
  background-size: 90% auto;
}
@media (min-width: 1060px) {
  .offline__card.-million .offline__title {
    background-size: 248px auto;
  }
}
.offline__card.-morning .offline__title {
  background: url(../images/offline__title--morning.png) no-repeat left bottom;
  background-size: 90% auto;
}
@media (min-width: 1060px) {
  .offline__card.-morning .offline__title {
    background-size: 248px auto;
  }
}
.offline__card.-premium .offline__title {
  background: url(../images/offline__title--premium.png) no-repeat left bottom;
  background-size: 90% auto;
}
@media (min-width: 1060px) {
  .offline__card.-premium .offline__title {
    background-size: 248px auto;
  }
}
.offline__expiration {
  margin-top: 6%;
  font-size: 1.2rem;
  font-weight: normal;
  color: #80a7ea;
  line-height: 1.5;
}
@media (min-width: 1060px) {
  .offline__expiration {
    margin-top: 2.5rem;
    font-size: 1.4rem;
    line-height: 1.71;
  }
}
.offline__card.-million .offline__expiration {
  color: #f0e4ca;
}
.offline__card.-morning .offline__expiration {
  color: #96b1f5;
}
.offline__card.-premium .offline__expiration {
  color: #e2e4eb;
}
.offline__number {
  margin-top: 20%;
  font-size: 1.6rem;
  font-weight: normal;
  color: #f8f9fc;
  line-height: 1.63;
}
@media (min-width: 1060px) {
  .offline__number {
    margin-top: 5.8rem;
    font-size: 2rem;
    line-height: 1.6;
  }
}
.offline__name {
  font-size: 1.6rem;
  font-weight: normal;
  color: #f8f9fc;
  line-height: 1.63;
}
@media (min-width: 1060px) {
  .offline__name {
    font-size: 2rem;
    line-height: 1.6;
  }
}
.offline__qr {
  position: absolute;
  bottom: 2rem;
  width: 32%;
  height: auto;
  margin-top: 18%;
}
@media (min-width: 1060px) {
  .offline__qr {
    position: static;
    width: 12rem;
    margin-top: 4.8rem;
  }
}
.offline__qrcode {
  width: 100%;
  height: auto;
  vertical-align: top;
}
.offline__buttons {
  margin: 2rem 0 1.6rem 0;
  text-align: center;
}
@media (min-width: 1060px) {
  .offline__buttons {
    margin: 3.2rem 0 1.2rem 0;
  }
}
.offline__button {
  display: none;
}
.offline__button.-active {
  display: inline-block;
}
.offline__button.-ios {
  width: 10.4rem;
  height: 3.2rem;
  border: 0;
  background: none;
  background: url(../images/offline__button--ios.png) no-repeat center 50%;
  background-size: contain;
}
@media (min-width: 1060px) {
  .offline__button.-ios {
    display: none !important;
  }
}
.offline__button.-ios:hover,
.offline__button.-ios:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.app .offline__button.-ios:hover,
.app .offline__button.-ios:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
@media (min-width: 1060px) {
  .offline__button.-android {
    display: none !important;
  }
}
@media (min-width: 1060px) {
  .offline__button.-pc {
    display: inline-block !important;
  }
}
@media (min-width: 1060px) {
  .highmiler-container {
    padding: 0 2rem;
  }
}
.highmiler-contents {
  padding: 4.8rem 2rem 6rem 2rem;
}
@media (min-width: 1060px) {
  .highmiler-contents {
    max-width: 128rem;
    margin: 0 auto;
    padding: 6.6rem 0 10rem 0;
  }
}
.highmiler-h1 {
  position: relative;
}
.highmiler-h1__logos {
  padding: 2.4rem 2rem 1.2rem 2rem;
}
@media (min-width: 1060px) {
  .highmiler-h1__logos {
    max-width: 128rem;
    margin: 0 auto;
    padding: 4rem 0 1.8rem 0;
  }
}
.highmiler-h1__logos:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: -0.1rem;
  left: 0;
  width: 100%;
  height: 0.1rem;
  background-color: #d9dbe1;
}
@media (min-width: 1060px) {
  .highmiler-h1__logos:after {
    width: calc(100% + 4rem);
    right: -2rem;
    left: -2rem;
  }
}
.highmiler-h1__logo {
  width: 17.6rem;
  height: auto;
  vertical-align: top;
}
@media (min-width: 1060px) {
  .highmiler-h1__logo {
    width: 21.6rem;
  }
}
.highmiler-visual {
  padding-top: 41.67%;
  background: url(../images/temp/highmiler-visual--mobile.png) no-repeat 50% 100%;
  background-size: 100% auto;
}
@media (min-width: 1060px) {
  .highmiler-visual {
    margin: 0 -2rem;
    padding-top: 15.625%;
    background: url(../images/temp/highmiler-visual--pc.png) no-repeat 50% 0;
    background-size: 100% auto;
  }
}
.highmiler-cities__list {
  font-size: 0;
}
.highmiler-cities__item {
  display: inline-block;
  width: 50%;
  height: auto;
}
.highmiler-cities__button {
  cursor: pointer;
  width: 100%;
  height: auto;
  padding: 1rem 0;
  border: 0;
  background: none;
  font-size: 1.6rem;
  font-weight: bold;
  color: #000;
  text-align: left;
  text-decoration: none;
  line-height: 1.56;
}
.highmiler-cities__button[aria-disabled="true"] {
  cursor: not-allowed;
  color: #bcbcbc;
}
.highmiler-cities__button:hover,
.highmiler-cities__button:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .highmiler-cities__button:hover,
.app .highmiler-cities__button:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.highmiler-cities__city {
  font-weight: normal;
}
.highmiler {
  width: 100%;
  height: auto;
  margin: 2rem 0 4rem 0;
}
@media (min-width: 1060px) {
  .highmiler {
    margin: 2.4rem 0 6rem 0;
  }
}
.highmiler__item {
  padding: 2rem;
  border: 1px solid #d9dbe1;
}
@media (min-width: 1060px) {
  .highmiler__item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 3.5rem;
  }
}
.highmiler__item + .highmiler__item {
  margin-top: 2rem;
}
.highmiler__item.-active {
  border: 2px solid #00256c;
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.08);
}
.highmiler__detail {
  margin-top: 2.5rem;
}
@media (min-width: 1060px) {
  .highmiler__detail {
    flex: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0;
    margin-left: 9.2rem;
  }
}
.highmiler__info {
  position: relative;
}
@media (min-width: 1060px) {
  .highmiler__info {
    flex: 1;
    margin-right: 9.2rem;
  }
}
.highmiler__hours {
  display: flex;
  justify-content: space-between;
}
.highmiler__from {
  text-align: left;
}
.highmiler__to {
  text-align: right;
}
.highmiler__time {
  font-size: 2rem;
  font-weight: bold;
  color: #000;
  line-height: 1.5;
}
.highmiler__direction {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -5.8rem;
  width: 11.6rem;
  font-size: 0;
  text-align: center;
}
@media (min-width: 1060px) {
  .highmiler__direction {
    width: 20rem;
    margin-left: -10rem;
  }
}
.highmiler__direction:before {
  content: "";
  display: block;
  position: absolute;
  top: 2.2rem;
  left: 0;
  width: 100%;
  height: 0.8rem;
  background: url(../images/highmiler__direction--before--mobile.svg) no-repeat center 50%;
  background-size: contain;
}
@media (min-width: 1060px) {
  .highmiler__direction:before {
    background: url(../images/highmiler__direction--before--pc.svg) no-repeat center 50%;
    background-size: contain;
  }
}
.highmiler__duration {
  font-size: 1.2rem;
  font-weight: normal;
  color: #00256c;
}
.highmiler__routes {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: 1px solid #d9dbe1;
}
@media (min-width: 1060px) {
  .highmiler__routes {
    flex: 1;
    position: relative;
    margin: 0;
    margin-left: 9.2rem;
    padding: 0;
    border: 0;
  }
}
@media (min-width: 1060px) {
  .highmiler__routes:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: -9.2rem;
    width: 1px;
    height: 3rem;
    background: #d9dbe1;
  }
}
.highmiler__route {
  display: flex;
  align-items: center;
}
.highmiler__arrow {
  width: 1.6rem;
  height: 1.6rem;
  margin: 0;
  background: url(../images/highmiler--arrow.svg) no-repeat center 50%;
  background-size: 16px 16px;
}
@media (min-width: 1060px) {
  .highmiler__arrow {
    margin: 0 1.2rem;
  }
}
.highmiler__code {
  font-size: 1.8rem;
  font-weight: bold;
  color: #000;
  line-height: 1.67;
}
.highmiler__nation {
  font-size: 1.4rem;
  font-weight: normal;
  color: #555;
  line-height: 1.71;
}
.highmiler__links {
  padding-left: 2rem;
}
.highmiler-refer {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  height: auto;
  padding: 1.6rem 2rem;
  background: #f8f9fc;
}
@media (min-width: 1060px) {
  .highmiler-refer {
    align-items: center;
    padding: 1.4rem 2.4rem;
  }
}
.highmiler-refer__title {
  font-size: 1.4rem;
  font-weight: bold;
  color: #00256c;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .highmiler-refer__title {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.highmiler-refer__route {
  flex: 1;
  margin-left: 0.8rem;
  font-size: 0;
}
@media (min-width: 1060px) {
  .highmiler-refer__route {
    flex: unset;
    margin-left: 2rem;
  }
}
.highmiler-refer__from {
  display: inline-block;
}
.highmiler-refer__to {
  display: inline-block;
}
.highmiler-refer__to:before {
  content: "";
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  vertical-align: baseline;
  margin: 0 0.4rem;
  background: url(../images/highmiler--arrow.svg) no-repeat center 50%;
  background-size: 16px 16px;
}
@media (min-width: 1060px) {
  .highmiler-refer__to:before {
    margin: 0 1.2rem;
  }
}
.highmiler-refer__code {
  font-size: 1.4rem;
  font-weight: bold;
  color: #00256c;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .highmiler-refer__code {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.highmiler-refer__nation {
  overflow: hidden;
  white-space: nowrap;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  position: absolute;
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  border: 0;
}
@media (min-width: 1060px) {
  .highmiler-refer__nation {
    overflow: unset;
    white-space: unset;
    clip: unset;
    clip-path: unset;
    position: unset;
    width: auto;
    height: auto;
    margin-left: 0.4rem;
    font-size: 1.4rem;
    font-weight: normal;
    color: #00256c;
    line-height: 1.58;
  }
}
.highmiler-refer__flight {
  margin-top: 0.4rem;
  font-size: 1.4rem;
  font-weight: normal;
  color: #00256c;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .highmiler-refer__flight {
    margin: 0 0 0 3rem;
  }
}
.highmiler-result {
  margin: 4rem 0 6rem 0;
}
@media (min-width: 1060px) {
  .highmiler-result {
    margin: 6rem 0 8rem 0;
  }
}
@media (min-width: 1060px) {
  .highmiler-journey {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
.highmiler-journey__title {
  margin-bottom: 1.2rem;
  font-size: 1.6rem;
  font-weight: bold;
  color: #000;
  line-height: 1.5;
}
@media (min-width: 1060px) {
  .highmiler-journey__title {
    flex: 1;
    margin: 0;
    line-height: 1.88;
  }
}
.highmiler-journey__route {
  font-size: 0;
}
@media (min-width: 1060px) {
  .highmiler-journey__route {
    flex: 4;
  }
}
.highmiler-journey__from {
  display: inline-block;
  vertical-align: middle;
}
.highmiler-journey__arrow {
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  vertical-align: middle;
  margin: 0 1.2rem;
  background: url(../images/highmiler--arrow.svg) no-repeat center 50%;
  background-size: 16px 16px;
}
.highmiler-journey__to {
  display: inline-block;
  vertical-align: middle;
}
@media (min-width: 1060px) {
  .highmiler-journey__to {
    margin-right: 6.8rem;
  }
}
.highmiler-journey__code {
  font-size: 1.6rem;
  font-weight: bold;
  color: #000;
  line-height: 1.5;
}
@media (min-width: 1060px) {
  .highmiler-journey__code {
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.highmiler-journey__nation {
  font-size: 1.6rem;
  font-weight: normal;
  color: #000;
  line-height: 1.5;
}
@media (min-width: 1060px) {
  .highmiler-journey__nation {
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.highmiler-journey__flight {
  margin-top: 0.8rem;
  font-size: 1.4rem;
  font-weight: normal;
  color: #555;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .highmiler-journey__flight {
    flex: 6;
    margin: 0;
    line-height: 1.71;
  }
}
.highmiler-journey__date {
  display: block;
  margin-top: 0.2rem;
}
@media (min-width: 1060px) {
  .highmiler-journey__date {
    display: inline-block;
    margin: 0 1.2rem 0 0;
  }
}
.highmiler-heading {
  display: flex;
  margin: 2rem 0 1.2rem 0;
}
@media (min-width: 1060px) {
  .highmiler-heading {
    margin: 4rem 0 2rem 0;
  }
}
.highmiler-heading__title {
  font-size: 1.6rem;
  font-weight: bold;
  color: #00256c;
  line-height: 1.5;
}
@media (min-width: 1060px) {
  .highmiler-heading__title {
    font-size: 2rem;
    line-height: 1.5;
  }
}
.highmiler-heading__routes {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  margin-left: 1rem;
  font-size: 0;
}
@media (min-width: 1060px) {
  .highmiler-heading__routes {
    margin-left: 2rem;
  }
}
.highmiler-heading__route + .highmiler-heading__route:before {
  content: "";
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  vertical-align: baseline;
  margin: 0 0.4rem;
  background: url(../images/highmiler--arrow.svg) no-repeat center 50%;
  background-size: 16px 16px;
}
@media (min-width: 1060px) {
  .highmiler-heading__route + .highmiler-heading__route:before {
    margin: 0 0.8rem;
  }
}
.highmiler-heading__code {
  font-size: 1.6rem;
  font-weight: bold;
  color: #00256c;
  line-height: 1.5;
}
@media (min-width: 1060px) {
  .highmiler-heading__code {
    font-size: 2rem;
  }
}
.highmiler-heading__nation {
  overflow: hidden;
  white-space: nowrap;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  position: absolute;
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  border: 0;
}
@media (min-width: 1060px) {
  .highmiler-heading__nation {
    overflow: unset;
    white-space: unset;
    clip: unset;
    clip-path: unset;
    position: unset;
    width: auto;
    height: auto;
    font-size: 2rem;
    font-weight: normal;
    color: #00256c;
    line-height: 1.5;
  }
}
.highmiler-apply__number {
  margin: 0.8rem 0;
  font-size: 1.8rem;
  font-weight: bold;
  color: #000;
  line-height: 1.56;
}
@media (min-width: 1060px) {
  .highmiler-apply__number {
    margin: 1.2rem 0;
    line-height: 1.5;
  }
}
.skyclub__images {
  width: 100%;
  font-size: 0;
}
.skyclub__image {
  width: 100%;
  vertical-align: top;
}
.skyclub__image.-mobile {
  display: block;
}
@media (min-width: 1060px) {
  .skyclub__image.-mobile {
    display: none;
  }
}
.skyclub__image.-pc {
  display: none;
}
@media (min-width: 1060px) {
  .skyclub__image.-pc {
    display: block;
  }
}
.skyclub__aligner {
  margin-top: 1.6rem;
}
@media (min-width: 1060px) {
  .skyclub__aligner {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
}
.skyclub__align {
  margin-top: 2rem;
}
@media (min-width: 1060px) {
  .skyclub__align {
    width: calc(50% - 2rem);
    margin: 4rem 0 0 0;
  }
}
.skyclub__align:nth-of-type(1) {
  margin-top: 0;
}
@media (min-width: 1060px) {
  .skyclub__align:nth-of-type(2) {
    margin-top: 0;
  }
}
@media (min-width: 1060px) {
  .skyclub__align:nth-of-type(2n+1) {
    margin-left: 0;
  }
}
.residual-mileage {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 1.2rem 0 2rem 0;
  padding: 1.6rem 2rem;
  background: #f3f4f8;
}
@media (min-width: 1060px) {
  .residual-mileage {
    margin: 2rem 0 4rem 0;
    padding: 1.8rem 4rem;
  }
}
.residual-mileage__key {
  font-size: 1.4rem;
  font-weight: normal;
  color: #000;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .residual-mileage__key {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.residual-mileage__value {
  flex: 1;
  margin-left: 1.6rem;
  font-size: 0;
  text-align: right;
}
.residual-mileage__value:before {
  content: "";
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  vertical-align: bottom;
  margin-right: 0.4rem;
  background: url(../images/residual-mileage__value--before.svg) no-repeat 50% center;
  background-size: 24px 24px;
}
.residual-mileage__mile {
  font-size: 1.6rem;
  font-weight: bold;
  color: #00256c;
  line-height: 1.88;
}
@media (min-width: 1060px) {
  .residual-mileage__mile {
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.residual-mileage__unit {
  margin-left: 0.4rem;
  font-size: 1.6rem;
  font-weight: normal;
  color: #00256c;
  line-height: 1.88;
}
@media (min-width: 1060px) {
  .residual-mileage__unit {
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.required-mileage {
  margin: -1.2rem 0 0.8rem 0;
  font-size: 0;
  text-align: right;
}
@media (min-width: 1060px) {
  .required-mileage {
    margin-bottom: 1.2rem;
  }
}
.required-mileage__standard {
  display: inline-block;
  font-size: 1.4rem;
  font-weight: normal;
  color: #000;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .required-mileage__standard {
    font-size: 1.6rem;
    line-height: 1.63;
  }
}
.required-mileage__value {
  display: inline-block;
  margin-left: 0.6rem;
  font-size: 0;
}
.required-mileage__mile {
  display: inline-block;
  font-size: 1.4rem;
  font-weight: bold;
  color: #0064de;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .required-mileage__mile {
    font-size: 1.6rem;
    line-height: 1.63;
  }
}
.required-mileage__unit {
  display: inline-block;
  font-size: 1.4rem;
  font-weight: normal;
  color: #0064de;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .required-mileage__unit {
    font-size: 1.6rem;
    line-height: 1.63;
  }
}
@media (min-width: 1060px) {
  .used-mileage {
    display: flex;
    justify-content: space-between;
  }
}
@media (min-width: 1060px) {
  .used-mileage__key {
    flex: 4;
  }
}
.used-mileage__head.-dormant {
  display: flex;
  align-items: center;
}
.used-mileage__heading {
  font-size: 1.6rem;
  font-weight: bold;
  color: #000;
  line-height: 1.5;
}
@media (min-width: 1060px) {
  .used-mileage__heading {
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.used-mileage__dormant {
  display: flex;
  align-items: center;
  margin-left: 0.4rem;
  font-size: 1.4rem;
  font-weight: normal;
  color: #0064de;
  line-height: 1.58;
  word-break: keep-all;
  word-wrap: break-word;
}
@media (min-width: 1060px) {
  .used-mileage__dormant {
    margin-left: 0.8rem;
  }
}
.used-mileage__possible {
  margin-top: 0.4rem;
  font-size: 0;
}
@media (min-width: 1060px) {
  .used-mileage__possible {
    margin-top: 0.8rem;
  }
}
.used-mileage__title {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.4rem;
  font-weight: normal;
  color: #555;
  line-height: 1.58;
}
.used-mileage__mileage {
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.8rem;
}
.used-mileage__mile {
  color: #0064de;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .used-mileage__mile {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.used-mileage__unit {
  margin-left: 0.4rem;
  font-size: 1.4rem;
  font-weight: normal;
  color: #0064de;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .used-mileage__unit {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.used-mileage__value {
  margin-top: 2rem;
}
@media (min-width: 1060px) {
  .used-mileage__value {
    flex: 8;
    margin: 0 0 0 4rem;
  }
}
.used-mileage-wrap {
  margin-top: 2rem;
}
@media (min-width: 1060px) {
  .used-mileage-wrap {
    margin-top: 4rem;
  }
}
.sum-family {
  margin-top: 4rem;
}
@media (min-width: 1060px) {
  .sum-family {
    margin-top: 6rem;
  }
}
.sum-family__expander {
  text-align: center;
}
@media (min-width: 1060px) {
  .sum-family__expander {
    padding: 1rem;
  }
}
.sum-family__expand {
  margin: 2rem -2rem 0 -2rem;
  padding: 2rem 2rem 0 2rem;
  border-top: 1px solid #d9dbe1;
}
@media (min-width: 1060px) {
  .sum-family__expand {
    margin: 0.8rem -4rem 0 -4rem;
    padding: 3.2rem 4rem 0 4rem;
  }
}
.sum-family__item + .sum-family__item {
  margin-top: 4rem;
}
@media (min-width: 1060px) {
  .sum-family__item + .sum-family__item {
    margin-top: 6rem;
  }
}
.addition-mileage {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: -2rem;
  padding: 1.8rem 2rem;
  border: 1px solid #d9dbe1;
  border-top: 0;
  background: #f8f9fc;
}
@media (min-width: 1060px) {
  .addition-mileage {
    padding: 2rem 4rem;
  }
}
.addition-mileage__key {
  flex: 1;
  font-size: 1.4rem;
  font-weight: bold;
  color: #00256c;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .addition-mileage__key {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.addition-mileage__value {
  flex: 1;
  text-align: right;
}
@media (min-width: 1060px) {
  .addition-mileage__value {
    width: 22rem;
    margin-left: 4.2rem;
  }
}
.addition-mileage__mile {
  font-size: 1.6rem;
  font-weight: bold;
  color: #00256c;
  line-height: 1.5;
}
@media (min-width: 1060px) {
  .addition-mileage__mile {
    font-size: 2rem;
  }
}
.addition-mileage__value.-excess .addition-mileage__mile {
  color: #de001b;
}
.addition-mileage__unit {
  margin-left: 0.4rem;
  font-size: 1.6rem;
  font-weight: bold;
  color: #00256c;
  line-height: 1.5;
}
@media (min-width: 1060px) {
  .addition-mileage__unit {
    font-size: 2rem;
  }
}
.addition-mileage__value.-excess .addition-mileage__unit {
  color: #de001b;
}
.kal-payment {
  margin: 1.6rem 0 4rem 0;
}
.kal-payment__detail {
  padding: 2rem 1.2rem;
  border-top: 1px solid #d9dbe1;
  border-bottom: 1px solid #d9dbe1;
}
@media (min-width: 1060px) {
  .kal-payment__detail {
    padding: 2rem 3.2rem;
  }
}
.kal-payment__titles {
  display: flex;
  justify-content: space-between;
}
.kal-payment__title {
  font-size: 1.4rem;
  font-weight: bold;
  color: #000;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .kal-payment__title {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.kal-payment__title:nth-of-type(2) {
  flex: 1;
  margin-left: 1.6rem;
  text-align: right;
}
@media (min-width: 1060px) {
  .kal-payment__title:nth-of-type(2) {
    margin-left: 27.2rem;
  }
}
.kal-payment__list {
  margin-top: 1.6rem;
}
.kal-payment__item {
  display: flex;
  justify-content: space-between;
}
.kal-payment__item + .kal-payment__item {
  margin-top: 0.8rem;
}
.kal-payment__name {
  font-size: 1.4rem;
  font-weight: normal;
  color: #000;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .kal-payment__name {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.kal-payment__mileages {
  flex: 1;
  margin-left: 1.6rem;
  text-align: right;
}
@media (min-width: 1060px) {
  .kal-payment__mileages {
    margin-left: 19.5rem;
  }
}
.kal-payment__mileage {
  font-size: 1.4rem;
  font-weight: normal;
  color: #000;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .kal-payment__mileage {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.kal-payment__totals {
  padding: 1.6rem 1.2rem;
  border-bottom: 1px solid #d9dbe1;
  background: #f8f9fc;
}
@media (min-width: 1060px) {
  .kal-payment__totals {
    padding: 2.4rem 3.2rem;
  }
}
.kal-payment__total {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.kal-payment__key {
  font-size: 1.4rem;
  font-weight: bold;
  color: #00256c;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .kal-payment__key {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.kal-payment__value {
  flex: 1;
  margin-left: 1.6rem;
  font-size: 1.6rem;
  font-weight: bold;
  color: #00256c;
  text-align: right;
  line-height: 1.5;
}
@media (min-width: 1060px) {
  .kal-payment__value {
    margin-left: 12.9rem;
    font-size: 2rem;
    line-height: 1.5;
  }
}
.mileage-term {
  margin: 1.6rem 0 4rem 0;
}
.mileage-term__detail {
  padding: 2rem 1.2rem;
  border-top: 1px solid #d9dbe1;
  border-bottom: 1px solid #d9dbe1;
}
@media (min-width: 1060px) {
  .mileage-term__detail {
    padding: 2rem 3.2rem;
  }
}
.mileage-term__titles {
  display: flex;
  justify-content: space-between;
}
.mileage-term__title {
  font-size: 1.4rem;
  font-weight: bold;
  color: #000;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .mileage-term__title {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.mileage-term__title:nth-of-type(2) {
  flex: 1;
  margin-left: 1.6rem;
  text-align: right;
}
@media (min-width: 1060px) {
  .mileage-term__title:nth-of-type(2) {
    margin-left: 27.2rem;
  }
}
.mileage-term__list {
  margin-top: 1.6rem;
}
.mileage-term__item {
  display: flex;
  justify-content: space-between;
}
.mileage-term__item + .mileage-term__item {
  margin-top: 0.8rem;
}
.mileage-term__name {
  font-size: 1.4rem;
  font-weight: normal;
  color: #000;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .mileage-term__name {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.mileage-term__mileages {
  flex: 1;
  margin-left: 1.6rem;
  text-align: right;
}
@media (min-width: 1060px) {
  .mileage-term__mileages {
    margin-left: 19.5rem;
  }
}
.mileage-term__mileage {
  font-size: 1.4rem;
  font-weight: normal;
  color: #000;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .mileage-term__mileage {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.mileage-term__totals {
  padding: 1.6rem 1.2rem;
  border-bottom: 1px solid #d9dbe1;
  background: #f8f9fc;
}
@media (min-width: 1060px) {
  .mileage-term__totals {
    padding: 2.4rem 3.2rem;
  }
}
.mileage-term__total {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mileage-term__key {
  font-size: 1.4rem;
  font-weight: bold;
  color: #00256c;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .mileage-term__key {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.mileage-term__value {
  flex: 1;
  margin-left: 1.6rem;
  font-size: 1.6rem;
  font-weight: bold;
  color: #00256c;
  text-align: right;
  line-height: 1.5;
}
@media (min-width: 1060px) {
  .mileage-term__value {
    margin-left: 12.9rem;
    font-size: 2rem;
    line-height: 1.5;
  }
}
.mall-menu {
  margin: 0 -2rem;
  padding: 0 2rem;
}
.mall-menu__list {
  display: flex;
  flex-wrap: wrap;
  margin: -1.6rem -1rem;
}
@media (min-width: 1060px) {
  .mall-menu__list {
    justify-content: center;
    margin: 0 -1rem;
  }
}
.mall-menu__item {
  width: 33.33333333%;
  padding: 1.6rem 0.5rem;
}
@media (min-width: 360px) {
  .mall-menu__item {
    padding: 1.6rem 1rem;
  }
}
@media (min-width: 1060px) {
  .mall-menu__item {
    width: auto;
    padding: 0 1rem;
  }
}
.mall-menu__link {
  display: block;
  color: #000;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.58;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1060px) {
  .mall-menu__link {
    min-width: 12rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.mall-menu__link:before {
  content: "";
  display: block;
  width: 6rem;
  height: 6rem;
  margin: 0 auto 0.6rem auto;
  border-radius: 100%;
}
@media (min-width: 1060px) {
  .mall-menu__link:before {
    width: 8rem;
    height: 8rem;
    margin-bottom: 0.8rem;
  }
}
.mall-menu__link.-logo:before {
  background: #f3f4f8 url(../images/mall-menu__link--logo.svg) no-repeat 50% center;
  background-size: 60px 60px;
}
@media (min-width: 1060px) {
  .mall-menu__link.-logo:before {
    background-size: 80px 80px;
  }
}
.mall-menu__link.-hotel:before {
  background: #f3f4f8 url(../images/mall-menu__link--hotel.svg) no-repeat 50% center;
  background-size: 60px 60px;
}
@media (min-width: 1060px) {
  .mall-menu__link.-hotel:before {
    background-size: 80px 80px;
  }
}
.mall-menu__link.-coat:before {
  background: #f3f4f8 url(../images/mall-menu__link--coat.svg) no-repeat 50% center;
  background-size: 60px 60px;
}
@media (min-width: 1060px) {
  .mall-menu__link.-coat:before {
    background-size: 80px 80px;
  }
}
.mall-menu__link.-limousine:before {
  background: #f3f4f8 url(../images/mall-menu__link--limousine.svg) no-repeat 50% center;
  background-size: 60px 60px;
}
@media (min-width: 1060px) {
  .mall-menu__link.-limousine:before {
    background-size: 80px 80px;
  }
}
.mall-menu__link.-culture:before {
  background: #f3f4f8 url(../images/mall-menu__link--culture.svg) no-repeat 50% center;
  background-size: 60px 60px;
}
@media (min-width: 1060px) {
  .mall-menu__link.-culture:before {
    background-size: 80px 80px;
  }
}
.mall-menu__link.-tour:before {
  background: #f3f4f8 url(../images/mall-menu__link--tour.svg) no-repeat 50% center;
  background-size: 60px 60px;
}
@media (min-width: 1060px) {
  .mall-menu__link.-tour:before {
    background-size: 80px 80px;
  }
}
.mall-menu__link:hover,
.mall-menu__link:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.app .mall-menu__link:hover,
.app .mall-menu__link:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
@media (min-width: 1060px) {
  .course {
    display: flex;
    align-items: center;
  }
}
@media (min-width: 1060px) {
  .course__contents {
    flex: 1;
  }
}
.course__aside {
  margin-top: 2rem;
}
@media (min-width: 1060px) {
  .course__aside {
    width: 30rem;
    margin-top: 0;
    padding-left: 4rem;
  }
}
.mall__visuals {
  margin: 2.4rem 0 4rem;
}
@media (min-width: 1060px) {
  .mall__visuals {
    margin: 4rem 0 6rem;
  }
}
.mall__visuals:first-child {
  margin-top: 0;
}
.mall__visuals:last-child {
  margin-bottom: 0;
}
.mall__visual {
  display: block;
  width: 100%;
}
.mall__menu {
  overflow: hidden;
  margin: 2.4rem 0;
}
@media (min-width: 1060px) {
  .mall__menu {
    margin: 4rem 0;
  }
}
.mall__menu:first-child {
  margin-top: 0;
}
.mall__menu:last-child {
  margin-bottom: 0;
}
@media (min-width: 1060px) {
  .mall__list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -4rem;
  }
}
@media (min-width: 1060px) {
  .mall__item {
    display: flex;
    width: 50%;
    padding: 0 4rem;
  }
}
.mall__link {
  display: flex;
  width: 100%;
  border-bottom: 0.1rem solid #d9dbe1;
  text-decoration: none;
}
.mall__item:nth-child(1) .mall__link {
  border-top: 0.1rem solid #00256c;
}
@media (min-width: 1060px) {
  .mall__item:nth-child(2) .mall__link {
    border-top: 0.1rem solid #00256c;
  }
}
.mall__text {
  display: flex;
  width: 100%;
  min-height: 4.8rem;
  align-items: center;
  padding: 0.5rem 3.6rem 0.5rem 1.2rem;
  background: url(../images/common/ico-right.svg) no-repeat 100% 50%;
  color: #000;
  font-weight: 700;
  font-size: 1.6rem;
}
@media (min-width: 1060px) {
  .mall__text {
    min-height: 6.4rem;
    padding: 0.5rem 3.6rem 0.5rem 0;
    font-size: 1.8rem;
  }
}
.mall__link:hover .mall__text,
.mall__link:focus .mall__text {
  outline: 0;
  box-shadow: inset 0 0 0 0.1rem #118fe4;
}
.dormant {
  display: flex;
  align-items: center;
}
.dormant .h3 {
  margin: 0;
}
.dormant__item {
  display: flex;
  align-items: center;
  margin-left: 0.4rem;
  font-size: 1.4rem;
  font-weight: normal;
  color: #0064de;
  line-height: 1.58;
  word-break: keep-all;
  word-wrap: break-word;
}
@media (min-width: 1060px) {
  .dormant__item {
    margin-left: 0.8rem;
  }
}
.entertainment__banners {
  width: 100%;
  height: auto;
}
.entertainment__banner {
  width: 100%;
  height: auto;
}
.entertainment__banner.-mobile {
  display: block;
}
.entertainment__banner.-pc {
  display: none;
}
@media (min-width: 1060px) {
  .entertainment__banner.-mobile {
    display: none;
  }
  .entertainment__banner.-pc {
    display: block;
  }
}
.entertainment__list {
  margin-top: 1.2rem;
}
@media (min-width: 1060px) {
  .entertainment__list {
    margin-top: 1.6rem;
  }
}
.entertainment__item {
  margin: 4rem 0;
}
@media (min-width: 1060px) {
  .entertainment__item {
    display: flex;
    justify-content: space-between;
    margin: 8rem 0;
  }
}
.entertainment__item:first-child {
  margin-top: 0;
}
.entertainment__item:last-child {
  margin-bottom: 0;
}
.entertainment__images {
  width: 100%;
  height: auto;
}
@media (min-width: 1060px) {
  .entertainment__images {
    width: 32rem;
    height: auto;
  }
}
.entertainment__image {
  width: 100%;
  height: auto;
  vertical-align: tio;
}
@media (min-width: 1060px) {
  .entertainment__descs {
    flex: 1;
    margin-left: 4rem;
  }
}
.entertainment__descs:before {
  content: "";
  display: block;
  width: 4rem;
  height: 0.3rem;
  margin: 2.4rem 0 1.2rem 0;
  background-color: #8be0f8;
}
@media (min-width: 1060px) {
  .entertainment__descs:before {
    margin: 0 0 1.6rem 0;
  }
}
.entertainment__title {
  margin: 0.8rem 0;
  font-size: 1.6rem;
  font-weight: bold;
  color: #000;
  line-height: 1.5;
}
@media (min-width: 1060px) {
  .entertainment__title {
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.entertainment__title:first-child {
  margin-top: 0;
}
.entertainment__desc {
  font-size: 1.4rem;
  font-weight: normal;
  color: #555;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .entertainment__desc {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.entertainment__desc + .entertainment__desc {
  margin: 0 0 0.8rem 0;
}
@media (min-width: 1060px) {
  .entertainment__desc + .entertainment__desc {
    margin-bottom: 0.4rem;
  }
}
.entertain-recommend {
  overflow: hidden;
  position: relative;
  margin: 1.2rem 0 4rem;
}
@media (min-width: 1060px) {
  .entertain-recommend {
    margin-bottom: 6rem;
  }
}
.entertain-recommend__message {
  margin: 2.8rem 0 6rem;
}
@media (min-width: 1060px) {
  .entertain-recommend__message {
    margin: 4.8rem 0 10rem;
  }
}
.entertain-recommend__list {
  margin: 0 -1rem;
  font-size: 0;
  white-space: nowrap;
}
.entertain-recommend__item {
  display: none;
  width: 50%;
  padding: 0 1rem;
  font-size: 0.1rem;
  white-space: normal;
}
@media (min-width: 1060px) {
  .entertain-recommend__item {
    width: 25%;
  }
}
.entertain-recommend__item.-active {
  display: inline-block;
}
.entertain-recommend__button {
  cursor: pointer;
  display: block;
  border: 0;
  outline: 0;
  background: none;
  text-align: left;
  text-decoration: none;
}
.entertain-recommend__thumb {
  position: relative;
  display: block;
}
.entertain-recommend__thumb:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.entertain-recommend__button:hover .entertain-recommend__thumb:before,
.entertain-recommend__button:focus .entertain-recommend__thumb:before {
  border: 1px solid #0064de;
  border-bottom-width: 0;
}
.entertain-recommend__image {
  display: block;
  width: 100%;
}
.entertain-recommend__desc {
  display: flex;
  flex-direction: column;
  height: 13rem;
  padding: 1.3rem;
  border: 1px solid #e7eaf0;
  border-top-width: 0;
}
@media (min-width: 1060px) {
  .entertain-recommend__desc {
    height: 12.5rem;
    padding: 2.1rem;
  }
}
.entertain-recommend__button:hover .entertain-recommend__desc,
.entertain-recommend__button:focus .entertain-recommend__desc {
  border-color: #0064de;
}
.entertain-recommend__title {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  flex-shrink: 0;
  height: 4.4rem;
  color: #000;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .entertain-recommend__title {
    font-size: 1.6rem;
    height: 4.8rem;
    line-height: 1.5;
  }
}
.entertain-recommend__info {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 1rem;
}
.entertain-recommend__rated {
  margin-right: 0.6rem;
  order: 1;
}
.entertain-recommend__mark {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  height: 2.4rem;
}
.entertain-recommend__mark.-overall {
  width: 3.3rem;
  background: url(../images/entertain-recommend__genre--overall.svg) no-repeat left 50%;
  background-size: 33px 24px;
}
.entertain-recommend__mark.-over12 {
  width: 2.6rem;
  background: url(../images/entertain-recommend__genre--over12.svg) no-repeat left 50%;
  background-size: 26px 24px;
}
.entertain-recommend__mark.-over15 {
  width: 2.6rem;
  background: url(../images/entertain-recommend__genre--over15.svg) no-repeat left 50%;
  background-size: 26px 24px;
}
.entertain-recommend__mark.-over18 {
  width: 2.6rem;
  background: url(../images/entertain-recommend__genre--over18.svg) no-repeat left 50%;
  background-size: 26px 24px;
}
.entertain-recommend__mark.-g {
  width: 2.1rem;
  background: url(../images/entertain-recommend__genre--g.svg) no-repeat left 50%;
  background-size: 21px 24px;
}
.entertain-recommend__mark.-pg {
  width: 2.8rem;
  background: url(../images/entertain-recommend__genre--pg.svg) no-repeat left 50%;
  background-size: 28px 24px;
}
.entertain-recommend__mark.-pg13 {
  width: 4.2rem;
  background: url(../images/entertain-recommend__genre--pg13.svg) no-repeat left 50%;
  background-size: 42px 24px;
}
.entertain-recommend__mark.-r {
  width: 2.1rem;
  background: url(../images/entertain-recommend__genre--r.svg) no-repeat left 50%;
  background-size: 21px 24px;
}
.entertain-recommend__genre {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-top: 0.4rem;
  order: 3;
  width: 100%;
  color: #555;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .entertain-recommend__genre {
    order: 2;
    width: auto;
    margin-top: 0;
  }
}
.entertain-recommend__time {
  order: 2;
  color: #555;
  font-size: 1.2rem;
}
@media (min-width: 1060px) {
  .entertain-recommend__time {
    order: 3;
    position: relative;
    padding-left: 1.3rem;
  }
}
.entertain-recommend__time:before {
  content: "";
  display: none;
  position: absolute;
  top: 0.7rem;
  left: 0.6rem;
  width: 0.1rem;
  height: 1rem;
  background-color: #d9dbe1;
}
@media (min-width: 1060px) {
  .entertain-recommend__time:before {
    display: block;
  }
}
.entertain-recommend__controls {
  position: absolute;
  bottom: calc((100% + 17.3rem) / 2);
  width: 100%;
  height: auto;
}
@media (min-width: 1060px) {
  .entertain-recommend__controls {
    bottom: calc((100% + 19.4rem) / 2);
  }
}
.entertain-recommend__prev {
  display: block;
  position: absolute;
  left: 0;
  z-index: 1;
  width: 3rem;
  height: 6rem;
  border: 0;
  outline: 0;
  background: url(../images/rounded-prev.svg) no-repeat 0 50%;
  background-size: 30px 60px;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0);
  cursor: pointer;
}
.entertain-recommend__prev:hover,
.entertain-recommend__prev:focus {
  box-shadow: inset 0 0 0 0.1rem #0064de, inset 0 0 0 0.2rem #fff;
}
.entertain-recommend__prev[aria-disabled="true"] {
  cursor: not-allowed;
  background-image: url(../images/rounded-prev-disabled.svg);
}
.entertain-recommend__prev[disabled] {
  cursor: not-allowed;
  background-image: url(../images/rounded-prev-disabled.svg);
}
.entertain-recommend__prev[disabled]:hover,
.entertain-recommend__prev[disabled]:focus {
  box-shadow: none;
}
.entertain-recommend__next {
  display: block;
  position: absolute;
  right: 0;
  z-index: 1;
  width: 3rem;
  height: 6rem;
  border: 0;
  outline: 0;
  background: url(../images/rounded-next.svg) no-repeat 100% 50%;
  background-size: 30px 60px;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0);
  cursor: pointer;
}
.entertain-recommend__next:hover,
.entertain-recommend__next:focus {
  box-shadow: inset 0 0 0 0.1rem #0064de, inset 0 0 0 0.2rem #fff;
}
.entertain-recommend__next[aria-disabled="true"] {
  cursor: not-allowed;
  background-image: url(../images/rounded-next-disabled.svg);
}
.entertain-recommend__next[disabled] {
  cursor: not-allowed;
  background-image: url(../images/rounded-next-disabled.svg);
}
.entertain-recommend__next[disabled]:hover,
.entertain-recommend__next[disabled]:focus {
  box-shadow: none;
}
.entertain-search {
  margin: 4rem 0 2rem 0;
}
@media (min-width: 1060px) {
  .entertain-search {
    margin: 6rem 0 4rem 0;
  }
}
@media (min-width: 1060px) {
  .entertain-search__period {
    padding: 0 8rem;
  }
}
.entertain-result {
  margin: 2rem 0 1.6rem;
}
@media (min-width: 1060px) {
  .entertain-result {
    margin: 4rem 0 2rem;
  }
}
.entertain-result__keywords {
  margin-bottom: 2rem;
  font-size: 1.4rem;
  line-height: 1.58;
  text-align: center;
}
@media (min-width: 1060px) {
  .entertain-result__keywords {
    margin-bottom: 4rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.entertain-result__keyword {
  font-weight: bold;
  color: #0064de;
  padding-right: 0.4rem;
}
@media (min-width: 1060px) {
  .entertain-result__keyword {
    padding-right: 0.8rem;
  }
}
.entertain-result__keyword ~ .entertain-result__keyword {
  position: relative;
  padding-left: 0.8rem;
}
@media (min-width: 1060px) {
  .entertain-result__keyword ~ .entertain-result__keyword {
    padding-left: 1.4rem;
  }
}
.entertain-result__keyword ~ .entertain-result__keyword:before {
  content: "";
  position: absolute;
  top: 0.5rem;
  left: 0;
  width: 0.2rem;
  height: 1.2rem;
  background-color: #0064de;
}
@media (min-width: 1060px) {
  .entertain-result__keyword ~ .entertain-result__keyword:before {
    top: 0.6rem;
    height: 1.5rem;
  }
}
.entertain-result__message {
  margin: 4rem 0 6rem;
}
@media (min-width: 1060px) {
  .entertain-result__message {
    margin: 6rem 0 10rem;
  }
}
.entertain-result__list {
  margin: 2rem 0 3.2rem 0;
  font-size: 0;
}
@media (min-width: 1060px) {
  .entertain-result__list {
    margin: 4rem 0;
  }
}
.entertain-result__list {
  display: flex;
  flex-wrap: wrap;
  margin: -1.6rem -1rem;
  font-size: 0;
  white-space: nowrap;
}
.entertain-result__item {
  width: 50%;
  padding: 1.6rem 1rem;
  font-size: 0.1rem;
  white-space: normal;
}
@media (min-width: 1060px) {
  .entertain-result__item {
    width: 25%;
  }
}
.entertain-result__button {
  cursor: pointer;
  display: block;
  border: 0;
  outline: 0;
  background: none;
  text-align: left;
  text-decoration: none;
}
.entertain-result__thumb {
  position: relative;
  display: block;
}
.entertain-result__thumb:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.entertain-result__button:hover .entertain-result__thumb:before,
.entertain-result__button:focus .entertain-result__thumb:before {
  border: 1px solid #0064de;
  border-bottom-width: 0;
}
.entertain-result__image {
  display: block;
  width: 100%;
}
.entertain-result__desc {
  display: flex;
  flex-direction: column;
  height: 11rem;
  padding: 1.3rem;
  border: 1px solid #e7eaf0;
  border-top-width: 0;
}
@media (min-width: 1060px) {
  .entertain-result__desc {
    height: 12.5rem;
    padding: 2.1rem;
  }
}
.entertain-result__button:hover .entertain-result__desc,
.entertain-result__button:focus .entertain-result__desc {
  border-color: #0064de;
}
.entertain-result__title {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  flex-shrink: 0;
  height: 4.4rem;
  color: #000;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .entertain-result__title {
    font-size: 1.6rem;
    height: 4.8rem;
    line-height: 1.5;
  }
}
.entertain-result__info {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-top: auto;
}
.entertain-result__rated {
  margin-right: 0.6rem;
  order: 1;
}
.entertain-result__mark {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  height: 2.4rem;
}
.entertain-result__mark.-overall {
  width: 3.3rem;
  background: url(../images/entertain-recommend__genre--overall.svg) no-repeat left 50%;
  background-size: 33px 24px;
}
.entertain-result__mark.-over12 {
  width: 2.6rem;
  background: url(../images/entertain-recommend__genre--over12.svg) no-repeat left 50%;
  background-size: 26px 24px;
}
.entertain-result__mark.-over15 {
  width: 2.6rem;
  background: url(../images/entertain-recommend__genre--over15.svg) no-repeat left 50%;
  background-size: 26px 24px;
}
.entertain-result__mark.-over18 {
  width: 2.6rem;
  background: url(../images/entertain-recommend__genre--over18.svg) no-repeat left 50%;
  background-size: 26px 24px;
}
.entertain-result__mark.-g {
  width: 2.1rem;
  background: url(../images/entertain-recommend__genre--g.svg) no-repeat left 50%;
  background-size: 21px 24px;
}
.entertain-result__mark.-pg {
  width: 2.8rem;
  background: url(../images/entertain-recommend__genre--pg.svg) no-repeat left 50%;
  background-size: 28px 24px;
}
.entertain-result__mark.-pg13 {
  width: 4.2rem;
  background: url(../images/entertain-recommend__genre--pg13.svg) no-repeat left 50%;
  background-size: 42px 24px;
}
.entertain-result__mark.-r {
  width: 2.1rem;
  background: url(../images/entertain-recommend__genre--r.svg) no-repeat left 50%;
  background-size: 21px 24px;
}
.entertain-result__artist {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .entertain-result__artist {
    order: 1;
    position: relative;
    padding-right: 1.3rem;
  }
}
.entertain-result__artist:after {
  content: "";
  display: none;
  position: absolute;
  top: 0.7rem;
  right: 0.6rem;
  width: 0.1rem;
  height: 1rem;
  background-color: #d9dbe1;
}
@media (min-width: 1060px) {
  .entertain-result__artist:after {
    display: block;
  }
}
.entertain-result__genre {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-top: 0.4rem;
  order: 3;
  width: 100%;
  color: #555;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .entertain-result__genre {
    order: 2;
    width: auto;
    margin-top: 0;
  }
}
.entertain-result__time {
  order: 2;
  color: #555;
  font-size: 1.2rem;
}
@media (min-width: 1060px) {
  .entertain-result__time {
    order: 3;
    position: relative;
    padding-left: 1.3rem;
  }
}
.entertain-result__time:before {
  content: "";
  display: none;
  position: absolute;
  top: 0.7rem;
  left: 0.6rem;
  width: 0.1rem;
  height: 1rem;
  background-color: #d9dbe1;
}
@media (min-width: 1060px) {
  .entertain-result__time:before {
    display: block;
  }
}
.avod-manual__list {
  margin-top: 1.8rem;
}
@media (min-width: 1060px) {
  .avod-manual__list {
    margin-top: 2rem;
  }
}
.avod-manual__item {
  position: relative;
  min-height: 4.8rem;
  padding-left: 7.2rem;
  font-size: 1.4rem;
  font-weight: normal;
  color: #555;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .avod-manual__item {
    min-height: 8rem;
    padding-left: 12rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.avod-manual__item:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 8rem;
  left: 4rem;
  width: 1px;
  height: 100%;
  background: #f8f9fc;
}
.avod-manual__item:last-child:before {
  display: none;
}
.avod-manual__list.-access .avod-manual__item:nth-of-type(1) {
  background: url(../images/avod-manual--step01.svg) no-repeat top left;
  background-size: 48px 48px;
}
@media (min-width: 1060px) {
  .avod-manual__list.-access .avod-manual__item:nth-of-type(1) {
    background-size: 80px 80px;
  }
}
.avod-manual__list.-access .avod-manual__item:nth-of-type(2) {
  background: url(../images/avod-manual--step02.svg) no-repeat top left;
  background-size: 48px 48px;
}
@media (min-width: 1060px) {
  .avod-manual__list.-access .avod-manual__item:nth-of-type(2) {
    background-size: 80px 80px;
  }
}
.avod-manual__list.-access .avod-manual__item:nth-of-type(3) {
  background: url(../images/avod-manual--step02.svg) no-repeat top left;
  background-size: 48px 48px;
}
@media (min-width: 1060px) {
  .avod-manual__list.-access .avod-manual__item:nth-of-type(3) {
    background-size: 80px 80px;
  }
}
.avod-manual__list.-install .avod-manual__item:nth-of-type(1) {
  background: url(../images/avod-manual--step01.svg) no-repeat top left;
  background-size: 48px 48px;
}
@media (min-width: 1060px) {
  .avod-manual__list.-install .avod-manual__item:nth-of-type(1) {
    background-size: 80px 80px;
  }
}
.avod-manual__list.-install .avod-manual__item:nth-of-type(2) {
  background: url(../images/avod-manual--step02.svg) no-repeat top left;
  background-size: 48px 48px;
}
@media (min-width: 1060px) {
  .avod-manual__list.-install .avod-manual__item:nth-of-type(2) {
    background-size: 80px 80px;
  }
}
.avod-manual__item + .avod-manual__item {
  margin-top: 4rem;
}
@media (min-width: 1060px) {
  .avod-manual__item + .avod-manual__item {
    margin-top: 6rem;
  }
}
.avod-manual__title {
  display: block;
  margin-bottom: 0.8rem;
  font-size: 1.6rem;
  font-weight: bold;
  color: #000;
  line-height: 1.5;
}
@media (min-width: 1060px) {
  .avod-manual__title {
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.avod-manual__downloads {
  margin-top: 1.6rem;
}
@media (min-width: 1060px) {
  .avod-manual__downloads {
    margin-top: 1.2rem;
  }
}
.avod-manual__download {
  display: inline-block;
  width: 8.8rem;
  height: 3rem;
}
@media (min-width: 1060px) {
  .avod-manual__download {
    width: 12.5rem;
    height: 4.2rem;
  }
}
.avod-manual__download.-googleplay {
  background: url(../images/avod-manual__download--googleplay.png) no-repeat top left;
  background-size: contain;
}
.avod-manual__download.-appstore {
  background: url(../images/avod-manual__download--appstore.png) no-repeat top left;
  background-size: contain;
}
.avod-manual__download + .avod-manual__download {
  margin-left: 0.8rem;
}
.avod-manual__download:hover,
.avod-manual__download:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
@media (min-width: 1060px) {
  .entertain-detail {
    display: flex;
    flex-wrap: wrap;
  }
}
.entertain-detail__images {
  width: 15.2rem;
  margin: 0 auto;
  text-align: center;
}
@media (min-width: 1060px) {
  .entertain-detail__images {
    width: 23.5rem;
    margin: 0;
  }
}
.entertain-detail__image {
  width: 100%;
  vertical-align: top;
}
.entertain-detail__contents {
  flex: 1;
  margin-top: 1.7rem;
}
@media (min-width: 1060px) {
  .entertain-detail__contents {
    display: inline-block;
    width: calc(100% - 23.5rem);
    vertical-align: top;
    margin-top: 0;
    padding-left: 4rem;
  }
}
.entertain-detail__title {
  margin-bottom: 0.4rem;
  color: #000;
  font-weight: 700;
  font-size: 1.6rem;
  text-align: center;
}
@media (min-width: 1060px) {
  .entertain-detail__title {
    margin-bottom: 1.1rem;
    font-size: 2.2rem;
    text-align: left;
  }
}
.entertain-detail__info {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 1060px) {
  .entertain-detail__info {
    justify-content: flex-start;
  }
}
.entertain-detail__rated {
  margin-right: 0.6rem;
}
.entertain-detail__mark {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  height: 2.4rem;
}
.entertain-detail__mark.-overall {
  width: 3.3rem;
  background: url(../images/entertain-recommend__genre--overall.svg) no-repeat left 50%;
  background-size: 33px 24px;
}
.entertain-detail__mark.-over12 {
  width: 2.6rem;
  background: url(../images/entertain-recommend__genre--over12.svg) no-repeat left 50%;
  background-size: 26px 24px;
}
.entertain-detail__mark.-over15 {
  width: 2.6rem;
  background: url(../images/entertain-recommend__genre--over15.svg) no-repeat left 50%;
  background-size: 26px 24px;
}
.entertain-detail__mark.-over18 {
  width: 2.6rem;
  background: url(../images/entertain-recommend__genre--over18.svg) no-repeat left 50%;
  background-size: 26px 24px;
}
.entertain-detail__mark.-g {
  width: 2.1rem;
  background: url(../images/entertain-recommend__genre--g.svg) no-repeat left 50%;
  background-size: 21px 24px;
}
.entertain-detail__mark.-pg {
  width: 2.8rem;
  background: url(../images/entertain-recommend__genre--pg.svg) no-repeat left 50%;
  background-size: 28px 24px;
}
.entertain-detail__mark.-pg13 {
  width: 4.2rem;
  background: url(../images/entertain-recommend__genre--pg13.svg) no-repeat left 50%;
  background-size: 42px 24px;
}
.entertain-detail__mark.-r {
  width: 2.1rem;
  background: url(../images/entertain-recommend__genre--r.svg) no-repeat left 50%;
  background-size: 21px 24px;
}
.entertain-detail__artist {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
}
.entertain-detail__genre {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #555;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.58;
}
.entertain-detail__artist ~ .entertain-detail__genre {
  position: relative;
  padding-left: 1.3rem;
}
.entertain-detail__artist ~ .entertain-detail__genre:before {
  content: "";
  display: block;
  position: absolute;
  top: 0.7rem;
  left: 0.6rem;
  width: 0.1rem;
  height: 1rem;
  background-color: #d9dbe1;
}
.entertain-detail__time {
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
}
.entertain-detail__genre ~ .entertain-detail__time {
  position: relative;
  padding-left: 1.3rem;
}
.entertain-detail__genre ~ .entertain-detail__time:before {
  content: "";
  display: block;
  position: absolute;
  top: 0.7rem;
  left: 0.6rem;
  width: 0.1rem;
  height: 1rem;
  background-color: #d9dbe1;
}
.entertain-detail__album {
  margin-top: 1.2rem;
  color: #555;
  font-size: 1.4rem;
  text-align: center;
}
@media (min-width: 1060px) {
  .entertain-detail__album {
    margin-top: 2rem;
    padding-top: 2rem;
    border-top: 0.1rem solid #d9dbe1;
    text-align: left;
  }
}
.entertain-detail__list {
  margin-top: 2rem;
  padding: 2rem 0;
  border-top: 1px solid #e7eaf0;
  border-bottom: 1px solid #e7eaf0;
}
.entertain-detail__item {
  display: flex;
  flex-wrap: wrap;
  font-size: 1.4rem;
  font-weight: normal;
  line-height: 1.58;
}
.entertain-detail__item + .entertain-detail__item {
  margin-top: 0.8rem;
}
.entertain-detail__category {
  color: #000;
}
@media (min-width: 1060px) {
  .entertain-detail__category {
    flex: 3;
  }
}
.entertain-detail__define {
  margin-left: auto;
  padding-left: 1rem;
  color: #555;
  text-align: right;
}
@media (min-width: 1060px) {
  .entertain-detail__define {
    flex: 7;
    margin-left: 1.2rem;
    padding-left: 0;
  }
}
.entertain-detail__plot {
  margin-top: 2rem;
  font-size: 1.4rem;
  font-weight: normal;
  color: #555;
  line-height: 1.58;
}
.entertain-detail__topic {
  display: block;
  font-weight: normal;
  margin-bottom: 0.4rem;
  color: #000;
}
@media (min-width: 1060px) {
  .entertain-detail__topic {
    margin-bottom: 1.2rem;
  }
}
.entertain-detail__playlists {
  width: 100%;
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: 1px solid #e7eaf0;
  font-size: 1.4rem;
  font-weight: normal;
  color: #555;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .entertain-detail__playlists {
    border-top: 0;
  }
}
.entertain-detail__playitem {
  padding: 1.6rem 0;
  font-size: 1.4rem;
  font-weight: normal;
  color: #555;
  line-height: 1.5;
}
.entertain-detail__playitem + .entertain-detail__playitem {
  border-top: 1px solid #e7eaf0;
}
.dining-search {
  margin-bottom: 2.2rem;
}
@media (min-width: 1340px) {
  .dining-search {
    margin-bottom: 2.4rem;
  }
}
.dining-arrival {
  margin: 2.2rem 0 4rem 0;
}
@media (min-width: 1060px) {
  .dining-arrival {
    margin: 2.4rem 0 6rem 0;
  }
}
.dining-arrival__aligner {
  padding: 3.2rem 2rem;
  border: 1px solid #d9dbe1;
}
@media (min-width: 1060px) {
  .dining-arrival__aligner {
    display: flex;
    padding: 2.2rem 4rem;
  }
}
.dining-arrival__journey {
  display: flex;
  align-items: center;
  position: relative;
}
@media (min-width: 1060px) {
  .dining-arrival__journey {
    flex: 1;
    padding: 0.2rem 4rem 0.2rem 0;
  }
}
@media (min-width: 1060px) {
  .dining-arrival__journey:last-child {
    padding-right: 0;
  }
}
.dining-arrival__button {
  cursor: pointer;
  flex: 1;
  border: 0;
  background: none;
}
@media (min-width: 1060px) {
  .dining-arrival__button {
    display: flex;
    align-items: center;
  }
}
.dining-arrival__button.-from {
  order: 1;
  margin-right: 2rem;
  padding-right: 2.4rem;
  justify-content: flex-end;
}
@media (min-width: 1060px) {
  .dining-arrival__button.-from {
    margin-right: 4rem;
  }
}
.dining-arrival__button.-to {
  order: 3;
  justify-content: flex-start;
  margin-left: 2rem;
  padding-left: 2.4rem;
}
@media (min-width: 1060px) {
  .dining-arrival__button.-to {
    margin-left: 4rem;
  }
}
.dining-arrival__button:hover,
.dining-arrival__button:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .dining-arrival__button:hover,
.app .dining-arrival__button:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.dining-arrival__code {
  display: block;
  font-size: 2.2rem;
  font-weight: bold;
  color: #000;
  text-align: center;
  line-height: 1.55;
  white-space: nowrap;
}
@media (min-width: 1060px) {
  .dining-arrival__code {
    display: inline-block;
    font-size: 2.4rem;
    line-height: 1.5;
  }
}
.dining-arrival__button.-off .dining-arrival__code {
  color: #767676;
}
.dining-arrival__airport {
  display: block;
  font-size: 1.4rem;
  font-weight: normal;
  color: #767676;
  text-align: center;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .dining-arrival__airport {
    display: inline-block;
    margin-left: 0.6rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.dining-arrival__button.-off .dining-arrival__airport {
  color: #555;
}
.dining-arrival__swap {
  order: 2;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  width: 4.4rem;
  height: 4.4rem;
  border: 0;
  background: #fff url(../images/booking__swap.svg) no-repeat 50% 50%;
  background-size: 44px 44px;
  cursor: pointer;
}
.dining-arrival__swap:hover,
.dining-arrival__swap:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .dining-arrival__swap:hover,
.app .dining-arrival__swap:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.dining-arrival__swap[disabled],
.dining-arrival__swap[aria-disabled] {
  padding-bottom: 2.2rem;
  cursor: not-allowed;
  background: #fff url(../images/booking__swap--disabled.svg) no-repeat 50% 50%;
  background-size: 44px 44px;
}
.dining-arrival__swap[disabled]:hover,
.dining-arrival__swap[aria-disabled]:hover,
.dining-arrival__swap[disabled]:focus,
.dining-arrival__swap[aria-disabled]:focus {
  outline: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.dining-arrival__date {
  margin-top: 4rem;
}
@media (min-width: 1060px) {
  .dining-arrival__date {
    flex: 1;
    margin-top: 0;
    padding-left: 4rem;
  }
}
.dining-result {
  margin: 4rem 0;
}
@media (min-width: 1060px) {
  .dining-result {
    margin: 6rem 0;
  }
}
.dining-result__title {
  margin: 4rem 0 1.4rem;
  outline: 0;
  font-size: 1.4rem;
  font-weight: normal;
  color: #555;
  text-align: center;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .dining-result__title {
    margin: 6rem 0 2.4rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.dining-result__title:first-child {
  margin-top: 0;
}
.dining-result__title:last-child {
  margin-bottom: 0;
}
.dining-result__section {
  font-weight: bold;
  color: #0064de;
}
.dining-result__list {
  margin: 1.4rem 0 2rem 0;
}
@media (min-width: 1060px) {
  .dining-result__list {
    margin: 2rem 0;
  }
}
.dining-result__item {
  padding: 0 2rem;
  border: 1px solid #d9dbe1;
}
@media (min-width: 1060px) {
  .dining-result__item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2.6rem 0;
  }
}
.dining-result__item + .dining-result__item {
  margin-top: 2rem;
}
.dining-result__flight {
  padding: 1.6rem 0;
  font-weight: bold;
}
@media (min-width: 1060px) {
  .dining-result__flight {
    padding: 0 4rem;
  }
}
.dining-result__details {
  display: flex;
  justify-content: space-between;
  position: relative;
  padding: 2rem 0;
  border-top: 1px solid #d9dbe1;
}
@media (min-width: 1060px) {
  .dining-result__details {
    flex: 1;
    padding: 0 4rem;
    border-top: 0;
    border-left: 1px solid #d9dbe1;
  }
}
.dining-result__detail {
  width: calc((100% - 7.6rem) / 2);
  height: auto;
}
@media (min-width: 1060px) {
  .dining-result__detail {
    flex: 1;
    display: flex;
    align-items: baseline;
    width: auto;
  }
}
.dining-result__detail:nth-of-type(1) {
  padding-right: 2rem;
}
@media (min-width: 1060px) {
  .dining-result__detail:nth-of-type(1) {
    justify-content: flex-end;
    padding-right: 14.7rem;
  }
}
.dining-result__detail:nth-of-type(2) {
  padding-left: 2rem;
}
@media (min-width: 1060px) {
  .dining-result__detail:nth-of-type(2) {
    justify-content: end;
    padding-left: 14.7rem;
  }
}
.dining-result__time {
  font-size: 1.8rem;
  font-weight: bold;
  color: #000;
  text-align: center;
  line-height: 1.5;
}
@media (min-width: 1060px) {
  .dining-result__time {
    font-size: 2rem;
    text-align: left;
  }
}
.dining-result__airport {
  font-size: 1.2rem;
  font-weight: normal;
  color: #767676;
  text-align: center;
  line-height: 1.5;
}
@media (min-width: 1060px) {
  .dining-result__airport {
    margin-left: 0.8rem;
    font-size: 1.4rem;
    text-align: left;
    line-height: 1.58;
  }
}
.dining-result__hour {
  position: absolute;
  top: 2rem;
  left: 50%;
  width: 7.6rem;
  height: auto;
  margin-left: -3.8rem;
  font-size: 1.2rem;
  font-weight: normal;
  color: #002f87;
  text-align: center;
  line-height: 1.5;
}
@media (min-width: 1060px) {
  .dining-result__hour {
    top: 0;
    width: 24.6rem;
    right: 50%;
    left: auto;
    margin: 0 -12.3rem 0 0;
    font-size: 1.4rem;
  }
}
.dining-result__hour:before {
  content: "";
  display: block;
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  height: 0.8rem;
  background: url(../images/highmiler__direction--before--mobile.svg) no-repeat center 50%;
  background-size: contain;
}
@media (min-width: 1060px) {
  .dining-result__hour:before {
    background: url(../images/highmiler__direction--before--pc.svg) no-repeat center 50%;
    background-size: contain;
  }
}
.dining-flight__fieldset {
  margin: 2.2rem 0 2rem;
  padding: 3.2rem 2rem;
  border: 0.1rem solid #d9dbe1;
}
@media (min-width: 1060px) {
  .dining-flight__fieldset {
    margin: 2.4rem 0 2rem;
    padding: 2.2rem 4rem;
  }
}
.dining-flight__field {
  max-width: 63rem;
  margin: 0 auto;
}
.dining-flight__code {
  position: absolute;
  top: 0.8rem;
  font-size: 1.6rem;
  font-weight: normal;
  color: #000;
}
@media (min-width: 1060px) {
  .dining-flight__code {
    top: 1rem;
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.dining-flight__placeholder {
  padding-left: 3.2rem;
}
@media (min-width: 1060px) {
  .dining-flight__placeholder {
    padding-left: 3.8rem;
  }
}
.dining-flight__textfield {
  padding-left: 3.2rem !important;
}
@media (min-width: 1060px) {
  .dining-flight__textfield {
    padding-left: 3.8rem !important;
  }
}
.point-contact {
  width: 100%;
  height: auto;
  margin: 2rem 0;
}
@media (min-width: 1060px) {
  .point-contact {
    margin-bottom: 4rem;
  }
}
.point-contact.-banner {
  background: url(../images/temp/tbd-banner.svg) no-repeat center 50%;
  background-size: cover;
}
.point-contact__banner {
  width: 100%;
}
.point-contact__banner.pc {
  display: none;
}
@media (min-width: 1060px) {
  .point-contact__banner.pc {
    display: block;
  }
}
@media (min-width: 1060px) {
  .point-contact__banner.mo {
    display: none;
  }
}
.branch-result {
  width: 100%;
  height: auto;
  margin: 2rem 0;
}
@media (min-width: 1060px) {
  .branch-result {
    margin: 4rem 0;
  }
}
.ticket-supply {
  font-size: 1.4rem;
  font-weight: normal;
  color: #555;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .ticket-supply {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.ticket-supply.-supply:before {
  content: "";
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: middle;
  margin: 0 0.6rem 0 0;
  background: url(../images/ft-ticket-supply--supply.svg) no-repeat center;
  background-size: 20px 20px;
}
.ticket-supply.-un-supply:before {
  content: "";
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: middle;
  margin: 0 0.6rem 0 0;
  background: url(../images/ft-ticket-supply--un-supply.svg) no-repeat center;
  background-size: 20px 20px;
}
.blank-message {
  margin: 4rem auto;
  padding-top: 6rem;
  background: url(../images/blank-message.svg) no-repeat center top;
  background-size: 48px 48px;
}
@media (min-width: 1060px) {
  .blank-message {
    margin: 6rem auto;
  }
}
.blank-message__desc {
  font-size: 1.4rem;
  font-weight: normal;
  color: #767676;
  text-align: center;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .blank-message__desc {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.edu-joinin {
  width: 100%;
}
.edu-joinin__content {
  margin-top: 2rem;
}
.edu-joinin__content:first-child {
  margin-top: 0;
}
.edu-joinin__headcount {
  margin: 2rem 0;
  padding: 1.2rem;
  background: #e6f9ff;
  font-size: 1.4rem;
  font-weight: normal;
  color: #0064de;
  text-align: center;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .edu-joinin__headcount {
    padding: 1.6rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.edu-joinin__count {
  font-weight: bold;
}
.edu-joinin__request {
  margin: 2rem 0 4rem 0;
}
.enquiry-process__list {
  margin: 1.2rem 0;
  padding: 2rem;
  border: 1px solid #d9dbe1;
}
@media (min-width: 1060px) {
  .enquiry-process__list {
    display: flex;
    justify-content: space-between;
    padding: 4rem 9rem;
  }
}
.enquiry-process__item {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
  height: 4.8rem;
  padding-left: 6rem;
  font-size: 1.4rem;
  font-weight: normal;
  color: #000;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .enquiry-process__item {
    flex: 1;
    display: block;
    height: auto;
    padding: 9.2rem 0 0 0;
    font-size: 1.6rem;
    text-align: center;
    line-height: 1.5;
  }
}
.enquiry-process__item:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 4.8rem;
  left: 2.4rem;
  width: 1px;
  height: 4rem;
  background: #e7eaf0;
}
@media (min-width: 1060px) {
  .enquiry-process__item:before {
    top: 4rem;
    left: calc(50% + 4rem);
    width: 100%;
    height: 1px;
  }
}
.enquiry-process__item:last-child:before {
  display: none;
}
.enquiry-process__item:nth-of-type(1) {
  background: url(../images/enquiry-process--01.svg) no-repeat top left;
  background-size: 48px 48px;
}
@media (min-width: 1060px) {
  .enquiry-process__item:nth-of-type(1) {
    background-position: top center;
    background-size: 80px 80px;
  }
}
.enquiry-process__item:nth-of-type(2) {
  background: url(../images/enquiry-process--02.svg) no-repeat top left;
  background-size: 48px 48px;
}
@media (min-width: 1060px) {
  .enquiry-process__item:nth-of-type(2) {
    background-position: top center;
    background-size: 80px 80px;
  }
}
.enquiry-process__item:nth-of-type(3) {
  background: url(../images/enquiry-process--03.svg) no-repeat top left;
  background-size: 48px 48px;
}
@media (min-width: 1060px) {
  .enquiry-process__item:nth-of-type(3) {
    background-position: top center;
    background-size: 80px 80px;
  }
}
.enquiry-process__item:nth-of-type(4) {
  background: url(../images/enquiry-process--04.svg) no-repeat top left;
  background-size: 48px 48px;
}
@media (min-width: 1060px) {
  .enquiry-process__item:nth-of-type(4) {
    background-position: top center;
    background-size: 80px 80px;
  }
}
.enquiry-process__item + .enquiry-process__item {
  margin-top: 4rem;
}
@media (min-width: 1060px) {
  .enquiry-process__item + .enquiry-process__item {
    margin-top: 0;
  }
}
.enquiry-links {
  margin: 1.6rem 0 2rem 0;
}
@media (min-width: 1060px) {
  .enquiry-links {
    display: flex;
    flex-wrap: wrap;
    margin: 1.6rem 0 4rem 0;
  }
}
.enquiry-links__item {
  margin-top: 1.2rem;
}
@media (min-width: 1060px) {
  .enquiry-links__item {
    flex: auto;
    width: 33.333333%;
  }
}
.enquiry-links__item:first-child {
  margin-top: 0;
}
@media (min-width: 1060px) {
  .enquiry-links__item:first-child {
    margin-top: 1.2rem;
  }
}
.enquiry-checks__expander {
  cursor: pointer;
  display: flex;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 2rem 3.4rem 2rem 1.2rem;
  border: 0;
  border: 1px solid #fff;
  border-top: 1px solid #d9dbe1;
  background: none;
  background: url(../images/expander.svg) no-repeat right center;
  background-size: 24px 24px;
}
@media (min-width: 1060px) {
  .enquiry-checks__expander {
    padding: 2.4rem 4.4rem 2rem 0;
  }
}
.enquiry-checks__item.-active .enquiry-checks__expander {
  background-image: url(../images/expander--active.svg);
}
.enquiry-checks__expander:hover,
.enquiry-checks__expander:focus {
  outline: 0;
  border-color: #0064de;
}
.enquiry-checks__subject {
  display: block;
  flex: 7;
  height: auto;
  font-size: 1.4rem;
  font-weight: bold;
  color: #000;
  text-align: left;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .enquiry-checks__subject {
    flex: 9;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.enquiry-checks__info {
  display: block;
  flex: 3;
  height: auto;
  margin-left: 0.8rem;
  font-size: 1.2rem;
  font-weight: normal;
  color: #555;
  text-align: right;
  line-height: 1.5;
}
@media (min-width: 1060px) {
  .enquiry-checks__info {
    flex: 1;
    margin-left: 2rem;
    font-size: 1.4rem;
    line-height: 1.58;
  }
}
.enquiry-checks__expand {
  display: none;
  padding: 0 0.6rem 2rem 1.2rem;
}
@media (min-width: 1060px) {
  .enquiry-checks__expand {
    padding: 0 0 2.4rem 0;
  }
}
.enquiry-checks__item.-active .enquiry-checks__expand {
  display: block;
}
.app-container {
  width: 100%;
  height: auto;
  word-break: break-word;
}
.app-contents {
  width: 100%;
  height: auto;
  padding: 2rem 2rem 4rem 2rem;
}
.bridge-forms {
  margin: 2rem 0 4rem 0;
}
.bag-barcode {
  width: 100%;
  height: auto;
  margin: 2rem 0 4rem 0;
}
.bag-barcode__button {
  cursor: pointer;
  display: block;
  width: 100%;
  height: auto;
  padding: 0.7rem 2rem;
  border: 1px solid #0064de;
  border-radius: 0.2rem;
  background: none;
  font-size: 1.4rem;
  font-weight: normal;
  color: #0064de;
  text-align: center;
  line-height: 1.58;
}
.bag-barcode__button:hover,
.bag-barcode__button:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.app .bag-barcode__button:hover,
.app .bag-barcode__button:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.flight-name__code {
  position: absolute;
  top: 0.8rem;
  font-size: 1.6rem;
  font-weight: normal;
  color: #767676;
  line-height: 1.5;
}
.flight-name__textfield {
  padding-left: 3.2rem !important;
}
.bag-search {
  display: flex;
}
.bag-search__city {
  flex: 1;
}
.bag-condition {
  margin-top: 2rem;
}
.bag-condition__item {
  border: 1px solid #d9dbe1;
  padding: 2rem;
}
.bag-condition__item + .bag-condition__item {
  margin-top: 1.2rem;
}
.bag-condition__info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 1.6rem;
}
.bag-condition__flight {
  font-size: 1.4rem;
  font-weight: bold;
  color: #000;
  line-height: 1.58;
}
.bag-condition__state {
  font-size: 1.4rem;
  font-weight: normal;
  color: #0064de;
  text-align: right;
  line-height: 1.58;
}
.bag-condition__detail {
  display: flex;
  justify-content: space-between;
  padding-top: 2rem;
  border-top: 1px solid #d9dbe1;
}
.bag-condition__route {
  flex: 1;
}
.bag-condition__route:nth-of-type(1) {
  padding-right: 1.2rem;
}
.bag-condition__route:nth-of-type(2) {
  position: relative;
  padding-left: 1.2rem;
}
.bag-condition__route:nth-of-type(2):before {
  content: "";
  display: block;
  position: absolute;
  left: -1.2rem;
  width: 2.4rem;
  height: 2.4rem;
  background: url(../images/bag-condition__route--before.svg) no-repeat 50% center;
  background-size: 24px 24px;
}
.bag-condition__code {
  display: block;
  font-size: 1.8rem;
  font-weight: bold;
  color: #000;
  text-align: center;
  line-height: 1.5;
}
.bag-condition__airport {
  display: block;
  font-size: 1.2rem;
  font-weight: normal;
  color: #555;
  text-align: center;
  line-height: 1.5;
}
.ecc {
  word-break: break-word;
}
.ecc__logo {
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  height: 2.2rem;
  margin-bottom: 2rem;
  background: url(../images/ecc__logo.svg) no-repeat;
  background-size: contain;
  font-size: 1.2rem;
  line-height: 1.5;
}
@media (min-width: 1060px) {
  .ecc__logo {
    height: 2.9rem;
    margin-bottom: 2.7rem;
  }
}
@media (min-width: 1060px) {
  .ecc {
    padding: 20rem 2rem;
    min-height: 100vh;
    background-image: linear-gradient(to bottom, #ececef -6%, #f6f6f9 89%);
  }
}
.ecc__contents {
  padding: 4rem 2rem;
}
@media (min-width: 1060px) {
  .ecc__contents {
    max-width: 72rem;
    margin: 0 auto;
    padding: 4rem;
    background-color: #fff;
    box-shadow: 0.4rem 1rem 2rem 0 rgba(0, 25, 72, 0.1);
  }
}
.ecc__links {
  margin-top: 3.2rem;
}
@media (min-width: 1060px) {
  .ecc__links {
    display: flex;
    margin-top: 4rem;
  }
}
@media (min-width: 1060px) {
  .ecc__link {
    flex: 1;
  }
}
.ecc__link + .ecc__link {
  margin-top: 1.2rem;
}
@media (min-width: 1060px) {
  .ecc__link + .ecc__link {
    margin-top: 0;
  }
}
.ecc-slide {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ecc-slide__control {
  display: table;
  order: 2;
  position: relative;
  margin: 0.6rem auto 0;
  padding: 0 4.4rem;
}
@media (min-width: 1060px) {
  .ecc-slide__control {
    margin: 1rem auto 0;
  }
}
.ecc-slide__prev {
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 4.4rem;
  height: 4.4rem;
  margin: 0;
  padding: 0;
  border: 0;
  background: url(../images/ecc-slide__prev.svg) no-repeat center center;
}
.ecc-slide__prev:hover,
.ecc-slide__prev:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .ecc-slide__prev:hover,
.app .ecc-slide__prev:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.ecc-slide__next {
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  position: absolute;
  top: 0;
  right: 0;
  width: 4.4rem;
  height: 4.4rem;
  margin: 0;
  padding: 0;
  border: 0;
  background: url(../images/ecc-slide__next.svg) no-repeat center center;
}
.ecc-slide__next:hover,
.ecc-slide__next:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .ecc-slide__next:hover,
.app .ecc-slide__next:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.ecc-slide__pagers {
  display: flex;
}
.ecc-slide__button {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  position: relative;
  width: 2rem;
  height: 4.4rem;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  text-align: left;
}
.ecc-slide__button:hover,
.ecc-slide__button:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .ecc-slide__button:hover,
.app .ecc-slide__button:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.ecc-slide__button:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.8rem;
  height: 0.8rem;
  margin: 0 auto;
  border: 0.1rem solid #00256c;
  border-radius: 0.4rem;
  transform: translate(-50%, -50%);
}
.ecc-slide__pager.-active .ecc-slide__button:before {
  background-color: #00256c;
}
.ecc-slide__view {
  order: 1;
  overflow: hidden;
  width: 100%;
  border: 1px solid #d9dbe1;
  border-radius: 0.2rem;
}
.ecc-slide__list {
  white-space: nowrap;
  font-size: 0;
}
.ecc-slide__item {
  display: inline-block;
  width: 100%;
  white-space: normal;
}
.ecc-info {
  border: 1px solid #d9dbe1;
  border-radius: 0.2rem;
}
.ecc-slide .ecc-info {
  border: 0;
}
.ecc-info__result {
  padding: 4rem 2rem;
}
.ecc-info__title {
  padding: 1.2rem 2rem;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.5;
  border-bottom: 0.1rem solid #d9dbe1;
  background-color: #f8f9fc;
}
@media (min-width: 1060px) {
  .ecc-info__title {
    padding: 1.6rem 2rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.ecc-info__list {
  padding: 2rem;
}
@media (min-width: 1060px) {
  .ecc-info__list {
    padding: 2.4rem 2rem;
  }
}
.ecc-info__item {
  display: table;
  width: 100%;
}
.ecc-info__item + .ecc-info__item {
  margin-top: 0.8rem;
}
.ecc-info__key {
  display: table-cell;
  width: 50%;
  padding-right: 1rem;
  color: #000;
  font-size: 1.4rem;
  line-height: 1.58;
  vertical-align: top;
}
@media (min-width: 1060px) {
  .ecc-info__key {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.ecc-info__value {
  display: table-cell;
  width: 50%;
  padding-left: 1rem;
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
  text-align: right;
  vertical-align: top;
}
@media (min-width: 1060px) {
  .ecc-info__value {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.ecc-info__times {
  font-size: 0;
}
.ecc-info__time {
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .ecc-info__time {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.ecc-info__time + .ecc-info__time {
  padding-left: 3rem;
  background: url(../images/ecc-info__time.svg) no-repeat 0.7rem 50%;
}
.board__search {
  margin: 2rem 0;
  padding: 3.2rem 2rem;
  border: 1px solid #d9dbe1;
}
@media (min-width: 1060px) {
  .board__search {
    display: flex;
    padding: 4rem;
  }
}
.board .forms-button {
  align-items: normal;
}
.board__keyword {
  margin-top: 2rem;
}
@media (min-width: 1060px) {
  .board__keyword {
    flex: 1;
    margin-top: 0;
    margin-left: 11.1rem;
  }
}
.board__list {
  margin-top: 4rem;
  border-top: 2px solid #00256c;
  border-bottom: 1px solid #00256c;
}
.board__list:first-child {
  margin-top: 0;
}
.board__list:last-child {
  margin-bottom: 0;
}
.board__item {
  padding: 2rem 1.2rem;
  border-top: 1px solid #d9dbe1;
}
@media (min-width: 1060px) {
  .board__item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2.4rem 2rem;
  }
}
.board__item:first-child {
  border-top: 0;
}
.board__item.-fix {
  background-color: #f8f9fc;
}
.board__item.-fix .board__link:before {
  content: "";
  display: inline-block;
  width: 4.2rem;
  height: 2.2rem;
  margin: 0.1rem 0.3rem 0 0;
  background: url(../images/ft-hot-icon.png) no-repeat center;
  background-size: 42px 22px;
  vertical-align: top;
}
.board__title {
  margin-bottom: 0.8rem;
}
@media (min-width: 1060px) {
  .board__title {
    flex: 1;
    margin-bottom: 0;
  }
}
.board__link {
  font-size: 1.6rem;
  font-weight: normal;
  color: #000;
  text-decoration: none;
  line-height: 1.6;
}
.board__link:hover,
.board__link:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .board__link:hover,
.app .board__link:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.board__link.-new:after {
  content: "";
  display: inline-block;
  width: 1.8rem;
  height: 1.8rem;
  margin-left: 0.4rem;
  background: url(../images/board__link--new.svg) no-repeat center;
  background-size: 18px 18px;
  vertical-align: -0.2rem;
}
@media (min-width: 1060px) {
  .board__link.-new:after {
    margin-left: 0.8rem;
  }
}
.board__info {
  display: flex;
}
@media (min-width: 1060px) {
  .board__info {
    margin-left: auto;
    padding-left: 3rem;
  }
}
.board__category {
  color: #00256c;
  font-size: 1.2rem;
}
@media (min-width: 1060px) {
  .board__category {
    display: inline-block;
    font-size: 1.4rem;
    line-height: 1.58;
  }
}
.board__date {
  font-weight: normal;
  color: #555;
  font-size: 1.2rem;
}
@media (min-width: 1060px) {
  .board__date {
    font-size: 1.4rem;
    line-height: 1.58;
  }
}
.board__category + .board__date {
  position: relative;
  padding-left: 1.7rem;
}
@media (min-width: 1060px) {
  .board__category + .board__date {
    padding-left: 2.5rem;
  }
}
.board__category + .board__date:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0.85rem;
  width: 0.1rem;
  height: 1rem;
  background-color: #d9dbe1;
  transform: translateY(-50%);
}
@media (min-width: 1060px) {
  .board__category + .board__date:before {
    left: 1.2rem;
    height: 1.4rem;
  }
}
.board__message {
  font-size: 1.8rem;
  font-weight: 700;
  color: #000;
  text-align: center;
  line-height: 1.58;
  margin-top: 4rem;
}
@media (min-width: 1060px) {
  .board__message {
    line-height: 1.5;
    margin-top: 6rem;
  }
}
.board__message::before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 4.8rem;
  background: url(../images/board__result.svg) no-repeat center top;
  background-size: 48px 48px;
  vertical-align: top;
  margin-bottom: 1.2rem;
}
@media (min-width: 1060px) {
  .board__message::before {
    height: 6.4rem;
    background-size: 64px 64px;
    margin-bottom: 2rem;
  }
}
.board-detail {
  margin: 2rem 0 ;
}
.board-detail__head {
  border-top: 2px solid #00256c;
  border-bottom: 1px solid #d9dbe1;
  padding: 2rem 0;
}
@media (min-width: 1060px) {
  .board-detail__head {
    padding: 3.2rem 0;
  }
}
.board-detail__title {
  margin-bottom: 0.8rem;
  font-size: 1.8rem;
  font-weight: normal;
  color: #000;
  line-height: 1.56;
}
@media (min-width: 1060px) {
  .board-detail__title {
    margin-bottom: 1.2rem;
    font-size: 2.4rem;
    line-height: 1.5;
  }
}
.board-detail__info {
  display: flex;
  align-items: center;
}
.board-detail__category {
  color: #00256c;
  font-size: 1.2rem;
}
@media (min-width: 1060px) {
  .board-detail__category {
    display: inline-block;
    font-size: 1.4rem;
    line-height: 1.58;
  }
}
.board-detail__date {
  font-weight: normal;
  color: #555;
  font-size: 1.2rem;
}
@media (min-width: 1060px) {
  .board-detail__date {
    font-size: 1.4rem;
    line-height: 1.58;
  }
}
.board-detail__category + .board-detail__date {
  position: relative;
  padding-left: 1.7rem;
}
@media (min-width: 1060px) {
  .board-detail__category + .board-detail__date {
    padding-left: 2.5rem;
  }
}
.board-detail__category + .board-detail__date:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0.85rem;
  width: 0.1rem;
  height: 1rem;
  background-color: #d9dbe1;
  transform: translateY(-50%);
}
@media (min-width: 1060px) {
  .board-detail__category + .board-detail__date:before {
    left: 1.2rem;
    height: 1.4rem;
  }
}
.board-detail__content {
  padding: 3rem 0;
  border-bottom: 1px solid #d9dbe1;
}
@media (min-width: 1060px) {
  .board-detail__content {
    padding: 4rem 0;
  }
}
.find-air {
  margin-top: 3rem;
}
@media (min-width: 1060px) {
  .find-air {
    margin-top: 2.6rem;
  }
}
.find-air__form {
  position: relative;
}
.find-air__placeholder {
  top: 1.6rem;
}
.find-air__text {
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  width: 100%;
  height: 5.3rem;
  margin: 0;
  padding: 0 10rem 0.1rem 0;
  border: 0.2rem solid #fff;
  border-bottom: 0.1rem solid #00256c;
  border-radius: 0;
  color: #000;
  font-size: 1.6rem;
  line-height: 1.5;
  transition: padding 0.2s, border 0.2s, color 0.2s;
}
.find-air__text::-ms-clear,
.find-air__text::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}
.find-air__text::-webkit-search-decoration,
.find-air__text::-webkit-search-cancel-button,
.find-air__text::-webkit-search-results-button,
.find-air__text::-webkit-search-results-decoration {
  display: none;
}
@media (min-width: 1060px) {
  .find-air__text {
    height: 6.1rem;
    padding: 0 10rem 0 0;
    background-size: 32px 32px;
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.-error .find-air__text {
  border-bottom-color: #de001b;
}
.find-air__text:hover,
.find-air__text:focus {
  padding-bottom: 0;
  padding-left: 1.6rem;
  outline: 0;
  border: 0.2rem solid #0064de;
  border-radius: 0.3rem;
  box-shadow: 0 0.4rem 1.2rem 0 rgba(0, 25, 72, 0.12);
}
@media (min-width: 1060px) {
  .find-air__text:hover,
  .find-air__text:focus {
    padding-left: 2rem;
  }
}
.find-air__clear {
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  display: none;
  position: absolute;
  top: 0.4rem;
  right: 5.4rem;
  width: 4.4rem;
  height: 4.4rem;
  border: 0;
  background: url(../images/search__clear.svg) #fff no-repeat 50% 50%;
  background-size: 24px 24px;
  transition: right 0.2s;
}
@media (min-width: 1060px) {
  .find-air__clear {
    top: 1rem;
    right: 5.4rem;
  }
}
.find-air__form.-active .find-air__clear {
  display: block;
}
.find-air__clear:hover,
.find-air__clear:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .find-air__clear:hover,
.app .find-air__clear:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.find-air__search {
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  display: block;
  position: absolute;
  top: 0.4rem;
  right: 0.6rem;
  width: 4.4rem;
  height: 4.4rem;
  border: 0;
  background: url(../images/search__button.svg) no-repeat center center;
  background-size: 24px 24px;
  transition: right 0.2s;
}
@media (min-width: 1060px) {
  .find-air__search {
    top: 1rem;
    right: 0.8rem;
    background-size: 32px 32px;
  }
}
.find-air__search:hover,
.find-air__search:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .find-air__search:hover,
.app .find-air__search:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.find-air__listbox {
  border-left: 0.1rem solid #d9dbe1;
  border-right: 0.1rem solid #d9dbe1;
  border-bottom: 0.1rem solid #d9dbe1;
}
@media (min-width: 1060px) {
  .find-air__listbox {
    overflow-y: auto;
    height: 39rem;
  }
}
.find-air__list {
  overflow-y: auto;
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  background-color: #fff;
  list-style: none;
  cursor: pointer;
}
.find-air__item {
  display: block;
  padding: 1.5rem 1.6rem;
  border-bottom: 0.1rem solid #d9dbe1;
  color: #000;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .find-air__item {
    padding: 2rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.find-air__item:last-child {
  border-bottom: 0;
}
.find-air__item:hover,
.find-air__item:focus,
.find-air__item[aria-selected=true] {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 0.1rem #0064de;
}
.find-air__code {
  display: inline-block;
  min-width: 2.2rem;
  font-weight: 700;
  font-style: normal;
}
@media (min-width: 1060px) {
  .find-air__code {
    min-width: 2.6rem;
  }
}
.find-air__airport {
  display: inline-block;
}
.find-air__highlight {
  background: none transparent;
  color: #0064de;
  font-weight: 700;
}
.fare-payment__method {
  margin-bottom: 4rem;
}
.fare-payment__fee__item {
  list-style: none;
}
.fare-payment__total {
  display: block;
  width: 100%;
  margin: 1rem 0 3rem;
  padding: 1.6rem 0;
  border-top: 0.1rem solid #dee0e2;
  border-bottom: 0.1rem solid #dee0e2;
}
@media (min-width: 1060px) {
  .fare-payment__total {
    margin: 2rem 0 6rem;
    padding: 2.4rem 0;
  }
}
.fare-payment__total__key {
  float: left;
  font-weight: normal;
  font-size: 1.4rem;
}
@media (min-width: 1060px) {
  .fare-payment__total__key {
    font-size: 1.6rem;
  }
}
.fare-payment__total__value {
  float: right;
}
@media (min-width: 1060px) {
  .fare-payment__total__value {
    font-size: 1.8rem;
  }
}
.fare-payment__total:after {
  content: "";
  display: block;
  clear: both;
}
.fare-payment__total2 {
  display: block;
  width: 100%;
  margin: 4rem 0 0;
  padding: 1.6rem 1.2rem;
  border-top: 0.1rem solid #dee0e2;
  border-bottom: 0.1rem solid #dee0e2;
  color: #00256c;
  background-color: #f8f9fc;
}
@media (min-width: 1060px) {
  .fare-payment__total2 {
    padding: 2.5rem 2rem;
  }
}
.fare-payment__total2__key {
  float: left;
  font-size: 1.4rem;
  font-weight: 700;
}
@media (min-width: 1060px) {
  .fare-payment__total2__key {
    font-size: 1.6rem;
  }
}
.fare-payment__total2__value {
  float: right;
  font-weight: 700;
}
@media (min-width: 1060px) {
  .fare-payment__total2__value {
    font-size: 2rem;
  }
}
.fare-payment__total2:after {
  content: "";
  display: block;
  clear: both;
}
@media (min-width: 1060px) {
  .fare-payment__list {
    display: flex;
    flex-wrap: wrap;
    margin: -0.6rem -0.8rem;
  }
}
.fare-payment__item + .fare-payment__item {
  margin-top: 1.2rem;
}
@media (min-width: 1060px) {
  .fare-payment__item + .fare-payment__item {
    margin-top: 0;
  }
}
.fare-payment__item[aria-checked=true] .fare-payment__button {
  border-color: #0064de;
}
.fare-payment__item[aria-checked=true] .fare-payment__button:after {
  content: "";
  position: absolute;
  right: 0.4rem;
  top: 50%;
  transform: translateY(-50%);
  width: 2.4rem;
  height: 2.4rem;
  background: url(../images/fare-payment__checked.svg) no-repeat 50%;
  background-size: 24px 24px;
}
@media (min-width: 1060px) {
  .fare-payment__item {
    width: 33.33333333%;
    padding: 0.6rem 0.8rem;
  }
}
.fare-payment__button {
  display: inline-flex;
  position: relative;
  align-items: center;
  width: 100%;
  padding: 1.4rem 1.2rem;
  border: 0.1rem solid #d9dbe1;
  border-radius: 0.2rem;
  background-color: transparent;
  text-align: left;
}
@media (min-width: 1060px) {
  .fare-payment__button {
    padding: 1.4rem 1rem;
  }
}
.fare-payment__button:hover,
.fare-payment__button:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.app .fare-payment__button:hover,
.app .fare-payment__button:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.fare-payment__button:before {
  content: "";
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  margin-right: 1.2rem;
  background-size: 24px 24px;
}
.fare-payment__button.-direct:before {
  background: url(../images/fare-payment__direct.svg) no-repeat 50%;
}
.fare-payment__button.-kakaopay:before {
  background: url(../images/fare-payment__kakao.svg) no-repeat 50%;
}
.fare-payment__button.-payco:before {
  background: url(../images/fare-payment__payco.svg) no-repeat 50%;
}
.fare-payment__button.-toss:before {
  background: url(../images/fare-payment__toss.svg) no-repeat 50%;
}
.fare-payment__button.-samsungpay:before {
  background: url(../images/fare-payment__samsungpay.svg) no-repeat 50%;
}
.fare-payment__button.-solpay:before {
  background: url(../images/fare-payment__solpay.png) no-repeat 50%;
}
.fare-payment__button.-trans:before {
  background: url(../images/fare-payment__trans.svg) no-repeat 50%;
}
.fare-payment__button.-debit:before {
  background: url(../images/fare-payment__debit.svg) no-repeat 50%;
}
.fare-payment__button.-paypal:before {
  background: url(../images/fare-payment__paypal.svg) no-repeat 50%;
}
.fare-payment__button.-gift:before {
  background: url(../images/fare-payment__gift.svg) no-repeat 50%;
}
.fare-payment__button.-store:before {
  background: url(../images/fare-payment__store.svg) no-repeat 50%;
}
.fare-payment__button.-alipay:before {
  width: 6.9rem;
  height: 2.4rem;
  background: url(../images/fare-payment__alipay.svg) no-repeat 50%;
  background-size: 69px 24px;
}
.fare-payment__button.-unionpay:before {
  width: 10.3rem;
  height: 2.4rem;
  background: url(../images/fare-payment__unionpay.svg) no-repeat 50%;
  background-size: 103px 24px;
}
.fare-payment__txt {
  position: relative;
  padding-left: 3.6rem;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .fare-payment__txt {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.fare-payment .meal__person {
  padding: 0;
}
@media (min-width: 1060px) {
  .fare-payment .meal__person {
    padding: 0 2rem;
  }
}
.fare-payment .meal__person + .meal__person {
  margin-top: 4rem;
  border-top: none;
}
@media (min-width: 1060px) {
  .fare-payment .meal__person + .meal__person {
    margin-top: 6rem;
  }
}
.fare-payment .meal__person .meal__key {
  margin-bottom: 2rem;
}
@media (min-width: 1060px) {
  .fare-payment .meal__person .meal__key {
    flex: 4.4;
  }
}
.fare-payment .meal__person .meal__key .selection {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.5;
}
@media (min-width: 1060px) {
  .fare-payment .meal__person .meal__key .selection {
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.fare-payment .meal__person .meal__menus {
  margin-top: 4.1rem;
}
.fare-payment .meal__person .meal__menus:first-child {
  margin-top: 0;
}
.fare-payment .terms {
  margin-top: 4rem;
  margin-bottom: 0;
}
@media (min-width: 1060px) {
  .fare-payment .terms {
    margin-top: 6.1rem;
  }
}
.fare-payment .terms .terms__contents {
  border-left: 0;
  border-right: 0;
}
.fare-payment .terms .terms__agree {
  border-left: 0;
  border-right: 0;
  border-bottom: none;
}
.fare-payment .notice {
  border-top: 0.1rem solid #d9dbe1;
}
.fare-payment__nation {
  box-sizing: border-box;
  appearance: none;
  display: block;
  width: 100%;
  height: 4rem;
  margin: 0;
  padding: 0 0 0 3.4rem;
  border: 0;
  border-bottom: 1px solid #00256c;
  background: url(../images/payment--search.svg) #fff no-repeat 100% 50%;
  background-size: 24px 24px;
  color: #000;
  font-size: 1.6rem;
  line-height: 1.5;
  text-align: left;
}
@media (min-width: 1060px) {
  .fare-payment__nation {
    height: 4.8rem;
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.fare-payment__nation:hover,
.fare-payment__nation:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .fare-payment__nation:hover,
.app .fare-payment__nation:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.fare-payment__nation:hover,
.fare-payment__nation:focus {
  padding: 0 1rem;
  border-bottom-color: transparent;
  border-radius: 0.2rem;
  outline: 0;
  box-shadow: 0 0 0 1px #0064de;
  color: #000;
}
.fare-payment__cvc .label {
  display: inline-block;
}
.contact-info {
  margin: 4rem 0;
  border-top: 1px solid #d9dbe1;
  padding: 2rem 2rem 0 2rem;
  box-sizing: border-box;
}
@media (min-width: 1060px) {
  .contact-info {
    max-width: 80rem;
    margin: 6rem auto;
  }
}
.contact-info__item {
  display: flex;
  justify-content: center;
  margin-top: 0.8rem;
  font-size: 1.4rem;
  color: #000;
  text-align: left;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .contact-info__item {
    font-size: 1.6rem;
    text-align: center;
    line-height: 1.5;
  }
}
.contact-info__item:first-child {
  margin-top: 0;
}
.contact-info__tool {
  display: inline-block;
  min-width: 4.2rem;
  margin-right: 0.8rem;
  padding-left: 1.2rem;
  color: #555;
}
.contact-info__tool:before {
  content: "";
  display: inline-block;
  vertical-align: top;
  margin: 0.9rem 0.8rem 0 -1.2rem;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  background-color: #555;
}
@media (min-width: 1060px) {
  .contact-info__tool:before {
    margin-top: 1.2rem;
  }
}
@media (min-width: 1060px) {
  .result-area {
    width: 80rem;
    height: auto;
    margin: 0 auto;
  }
}
.baggage-detail {
  list-style: none;
  padding-bottom: 2rem;
}
@media (min-width: 1060px) {
  .baggage-detail {
    padding-bottom: 4rem;
  }
}
.baggage-detail:last-of-type {
  padding-bottom: 0;
}
@media (min-width: 1060px) {
  .baggage-detail:last-of-type {
    padding-bottom: 2rem;
  }
}
.baggage-detail__group {
  margin: 1.2rem 0 2rem;
  padding: 0 1.2rem;
  border-radius: 0.2rem;
  background-color: #f8f9fc;
}
@media (min-width: 1060px) {
  .baggage-detail__group {
    padding: 0 4rem;
  }
}
.baggage-detail__route {
  display: flex;
  padding: 2rem 0;
}
@media (min-width: 1060px) {
  .baggage-detail__route {
    padding: 2.4rem 0;
  }
}
.baggage-detail__from {
  width: 100%;
  padding-right: 1.2rem;
  text-align: center;
}
@media (min-width: 1060px) {
  .baggage-detail__from {
    width: auto;
    padding: 0;
  }
}
.baggage-detail__to {
  position: relative;
  width: 100%;
  padding-left: 1.2rem;
  text-align: center;
}
@media (min-width: 1060px) {
  .baggage-detail__to {
    width: auto;
    padding-left: 4.8rem;
  }
}
.baggage-detail__to:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: -1.2rem;
  width: 2.4rem;
  height: 2.4rem;
  background: url(../images/baggage-info__to.svg) no-repeat 0 0;
  background-size: 24px 24px;
}
@media (min-width: 1060px) {
  .baggage-detail__to:before {
    top: 0.6rem;
    left: 1.2rem;
  }
}
.baggage-detail__code {
  color: #000;
  font-weight: 700;
  font-size: 1.8rem;
}
@media (min-width: 1060px) {
  .baggage-detail__code {
    display: inline-block;
    font-size: 2.4rem;
    vertical-align: top;
  }
}
.baggage-detail__airport {
  color: #555;
  font-size: 1.2rem;
}
@media (min-width: 1060px) {
  .baggage-detail__airport {
    display: inline-block;
    margin-left: 0.8rem;
    font-size: 1.4rem;
    line-height: 2.58;
    vertical-align: top;
  }
}
.baggage-detail__list {
  list-style: none;
  padding: 2.1rem 0 2rem;
  border-top: 1px solid #dee0e2;
}
@media (min-width: 1060px) {
  .baggage-detail__list {
    padding: 3.2rem 0 2.4rem;
  }
}
.baggage-detail__item {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin: 3.3rem 0;
}
@media (min-width: 1060px) {
  .baggage-detail__item {
    margin: 4rem 0;
  }
}
.baggage-detail__item:first-child {
  margin-top: 0;
}
.baggage-detail__item:last-child {
  margin-bottom: 0;
}
.baggage-detail__title {
  color: #000;
  font-weight: normal;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .baggage-detail__title {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.baggage-detail__price {
  color: #00256c;
  font-size: 1.6rem;
}
.baggage-detail__mark {
  font-weight: 700;
}
.baggage-detail__desc {
  display: block;
  width: 100%;
  margin-top: 0.9rem;
  color: #555;
  font-size: 1.2rem;
}
@media (min-width: 1060px) {
  .baggage-detail__desc {
    margin-top: 0.4rem;
    font-size: 1.4rem;
    line-height: 1.71;
  }
}
.cm-passenger-info {
  border: 0.1rem solid #d9dbe1;
  padding: 3.2rem 2rem;
}
@media (min-width: 1060px) {
  .cm-passenger-info {
    padding: 3.2rem 4rem;
  }
}
.cm-passenger-info__item {
  margin-top: 4rem;
  padding-top: 4rem;
  border-top: 0.1rem solid #d9dbe1;
}
.cm-passenger-info__item .h4 {
  display: block;
  font-size: 1.6rem;
  line-height: 1.5;
}
@media (min-width: 1060px) {
  .cm-passenger-info__item .h4 {
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.cm-passenger-info__item:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}
.cm-passenger-info__mixes:after {
  content: "";
  display: block;
  clear: both;
}
.cm-passenger-info__value {
  display: inherit;
  float: none;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 1060px) {
  .cm-passenger-info__value {
    display: flex;
    float: left;
    width: 60%;
    display: inherit;
    align-items: inherit;
    justify-content: inherit;
  }
}
.cm-passenger-info__num {
  position: relative;
  margin-top: 0.8rem;
}
@media (min-width: 1060px) {
  .cm-passenger-info__num {
    padding-right: 16rem;
  }
}
.cm-passenger-info__num:first-child {
  margin-top: 0;
}
.cm-passenger-info__air {
  display: flex;
  align-items: center;
  justify-content: space-between;
  float: none;
  width: 100%;
}
@media (min-width: 1060px) {
  .cm-passenger-info__air {
    display: inherit;
    align-items: inherit;
    justify-content: inherit;
    float: inherit;
    width: inherit;
  }
}
.cm-passenger-info__air .label {
  display: flex;
  flex: 1;
  font-size: 1.4rem;
  margin-right: 0;
  margin-bottom: 0;
  color: #767676;
}
@media (min-width: 1060px) {
  .cm-passenger-info__air .label {
    display: inline-block;
    margin-right: 4rem;
    font-size: 1.6rem;
  }
}
.cm-passenger-info__air .forms {
  display: flex;
  flex: 2;
  vertical-align: middle;
}
@media (min-width: 1060px) {
  .cm-passenger-info__air .forms {
    display: inline-block;
    width: 50%;
    font-size: 1.6rem;
  }
}
.cm-passenger-info__air .forms input {
  text-align: right;
}
@media (min-width: 1060px) {
  .cm-passenger-info__air .forms input {
    text-align: left;
  }
}
.cm-passenger-info__send {
  position: relative;
  border: 0;
  background-color: transparent;
  padding: 0.6rem 1.3rem;
}
@media (min-width: 1060px) {
  .cm-passenger-info__send {
    padding: 0.8rem 1.3rem;
  }
}
.cm-passenger-info__send:before {
  content: "";
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
}
.cm-passenger-info__send.-eticket {
  background: url(../images/passenger-icon-eticket.svg) no-repeat 50% 50%;
  background-size: 24px 24px;
}
.cm-passenger-info__send.-send {
  background: url(../images/passenger-icon-send.svg) no-repeat 50% 50%;
  background-size: 24px 24px;
}
.cm-passenger-info__send.-receipt {
  background: url(../images/passenger-icon-receipt.svg) no-repeat 50% 50%;
  background-size: 24px 24px;
}
.cm-passenger-info__send:hover,
.cm-passenger-info__send:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .cm-passenger-info__send:hover,
.app .cm-passenger-info__send:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.cm-passenger-info__key {
  display: flex;
  align-items: center;
  justify-content: space-between;
  float: none;
  width: 100%;
  margin-bottom: 0.5rem;
}
@media (min-width: 1060px) {
  .cm-passenger-info__key {
    display: inherit;
    float: left;
    width: 40%;
    align-items: inherit;
    justify-content: inherit;
  }
}
.cm-passenger-info__key .label {
  display: flex;
  flex: 1;
  font-size: 1.4rem;
  margin-right: 0;
  margin-bottom: 0;
  color: #767676;
}
@media (min-width: 1060px) {
  .cm-passenger-info__key .label {
    display: inline-block;
    margin-right: 2rem;
    font-size: 1.6rem;
  }
}
.cm-passenger-info__key .forms {
  display: flex;
  flex: 2;
  vertical-align: middle;
}
@media (min-width: 1060px) {
  .cm-passenger-info__key .forms {
    display: inline-block;
    width: 50%;
  }
}
.cm-passenger-info__key .forms input {
  text-align: right;
}
@media (min-width: 1060px) {
  .cm-passenger-info__key .forms input {
    text-align: left;
  }
}
.cm-passenger-info__btns {
  margin-top: 1.2rem;
  text-align: right;
}
@media (min-width: 1060px) {
  .cm-passenger-info__btns {
    position: absolute;
    right: 0;
    top: 0;
    margin-top: 0;
    text-align: left;
  }
}
.cm-passenger-info__tickets {
  display: inline-flex;
  position: static;
  transform: inherit;
  border: 0.1rem solid #e7eaf0;
}
@media (min-width: 1060px) {
  .cm-passenger-info__tickets {
    display: flex;
  }
}
.cm-passenger-info__ticket {
  display: flex;
  position: relative;
}
.cm-passenger-info__ticket + .cm-passenger-info__ticket {
  margin-left: 0;
  padding-left: 0;
}
.cm-passenger-info__ticket:first-child {
  margin-left: 0;
  padding-left: 0;
}
.cm-passenger-info__ticket:first-child:before {
  display: none;
}
.cm-passenger-info__ticket:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0.1rem;
  height: 2rem;
  background-color: #e7eaf0;
}
.cm-passenger-info__adding {
  margin-top: 6rem;
  background-color: #e6f9ff;
  text-align: center;
}
@media (min-width: 1060px) {
  .cm-passenger-info__adding {
    text-align: left;
  }
}
.cm-passenger-info__adding + .cm-passenger-info__adding {
  margin-top: 2rem;
}
.cm-passenger-info__adding.-notlink {
  padding: 2rem 6.5rem;
}
@media (min-width: 1060px) {
  .cm-passenger-info__adding.-notlink {
    padding: 2.4rem 4rem;
  }
}
.cm-passenger-info__adding .p {
  margin-top: 0;
  margin-bottom: 0.8rem;
  color: #555;
  font-size: 1.4rem;
}
@media (min-width: 1060px) {
  .cm-passenger-info__adding .p {
    margin-bottom: 0.4rem;
    font-size: 1.6rem;
  }
}
.cm-passenger-info__link {
  display: block;
  padding: 2rem 6.5rem;
  text-decoration: none;
}
@media (min-width: 1060px) {
  .cm-passenger-info__link {
    padding: 2.4rem 4rem;
  }
}
.cm-passenger-info__link:hover,
.cm-passenger-info__link:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.app .cm-passenger-info__link:hover,
.app .cm-passenger-info__link:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.cm-contact-info {
  padding: 3.2rem 2rem 4rem;
  border: 0.1rem solid #d9dbe1;
}
@media (min-width: 1060px) {
  .cm-contact-info {
    padding: 4rem;
  }
}
.cm-contact-info__type {
  margin-bottom: 4rem;
}
@media (min-width: 1060px) {
  .cm-contact-info__type {
    margin-bottom: 6rem;
  }
}
.cm-contact-info__type .forms {
  max-width: 46rem;
}
@media (min-width: 1060px) {
  .cm-contact-info__item {
    display: flex;
  }
}
.cm-contact-info__item + .cm-contact-info__item {
  margin-top: 4rem;
  padding-top: 4rem;
  border-top: 1px solid #d9dbe1;
}
@media (min-width: 1060px) {
  .cm-contact-info__item + .cm-contact-info__item {
    margin-top: 6rem;
    padding-top: 0;
    border-top: none;
  }
}
.cm-contact-info__item.-disabled * {
  opacity: 0.9;
}
@media (min-width: 1060px) {
  .cm-contact-info__title {
    flex: 3;
  }
}
.cm-contact-info__date {
  margin-left: 1.2rem;
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .cm-contact-info__date {
    display: block;
    margin-top: 0.4rem;
    margin-left: 0;
  }
}
.cm-contact-info__value {
  font-style: normal;
  color: #0064de;
  text-decoration: underline;
}
.cm-contact-info__journey {
  display: flex;
  margin-top: 2rem;
  background: url(../images/meal__journey.svg) no-repeat center 2rem;
  text-align: center;
}
@media (min-width: 1060px) {
  .cm-contact-info__journey {
    flex: 5;
    margin-top: 0;
    padding: 0;
    background: none;
    text-align: left;
  }
}
.cm-contact-info__place {
  flex: 1;
}
@media (min-width: 1060px) {
  .cm-contact-info__place {
    padding: 0;
  }
}
.cm-contact-info__place:first-child {
  padding-right: 1rem;
}
@media (min-width: 1060px) {
  .cm-contact-info__place:first-child {
    padding-right: 3rem;
    padding-left: 0;
    background: url(../images/meal__journey.svg) no-repeat right 0.8rem;
  }
}
.cm-contact-info__place:last-child {
  padding-left: 1rem;
}
@media (min-width: 1060px) {
  .cm-contact-info__place:last-child {
    padding-right: 1rem;
    padding-left: 2rem;
  }
}
.cm-contact-info__code {
  color: #000;
  font-weight: 700;
  font-size: 2.2rem;
  line-height: 1.55;
}
.cm-contact-info__city {
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
}
.cm-contact-info__item__key {
  margin-top: 4rem;
}
@media (min-width: 1060px) {
  .cm-contact-info__item__key {
    flex: 6;
    margin-top: 0;
  }
}
.cm-contact-info__item__key .forms:first-child {
  margin-right: 1.2rem;
}
.cm-contact-info__item__key:first-child {
  margin-top: 0;
  margin-right: 0;
}
@media (min-width: 1060px) {
  .cm-contact-info__item__key:first-child {
    margin-right: 4rem;
  }
}
.cm-contact-info__item__key:last-child {
  margin-left: 0;
}
.cm-contact-info__box {
  display: block;
}
@media (min-width: 1060px) {
  .cm-contact-info__box {
    display: flex;
    flex: 6;
  }
}
.cm-contact-info__btn {
  padding: 1rem 4rem;
  text-align: center;
  font-size: 1.4rem;
  border: 0;
  background-color: transparent;
}
@media (min-width: 1060px) {
  .cm-contact-info__btn {
    font-size: 1.6rem;
  }
}
.cm-contact-info__inner {
  margin-top: -0.1rem;
  margin-bottom: -0.1rem;
  padding-top: 1.5rem;
  border-left: 0.1rem solid #d9dbe1;
  border-right: 0.1rem solid #d9dbe1;
  border-top: 0.1rem solid #fff;
}
.cm-contact-info__inner__areas {
  margin-top: -0.1rem;
  border: 0.1rem solid #d9dbe1;
  border-top: 0.1rem solid #fff;
}
.cm-contact-info__inner__areas .cm-contact-info__inner__area {
  display: none;
}
.cm-contact-info__inner__areas .cm-contact-info__inner__area .cm-contact-info {
  border: 0;
}
.cm-contact-info__inner__areas.-active .cm-contact-info__btn {
  border-bottom: 0.1rem solid #d9dbe1;
}
.cm-contact-info__inner__areas.-active .cm-contact-info__inner__area {
  display: block;
}
.cm-contact-info__inner__areas .cm-contact-info__item__key .forms:first-child {
  margin-right: 0;
}
.cm-contact-info__inner__areas .cm-contact-info__item2 {
  margin-top: 4rem;
}
.cm-contact-info__inner__areas .cm-contact-info__item2:first-child {
  margin-top: 0;
}
.cm-contact-info__inner__areas .cm-contact-info__item__key {
  margin-top: 1rem;
}
.cm-contact-info__center {
  margin-top: 2.6rem;
  text-align: center;
}
@media (min-width: 1060px) {
  .cm-contact-info__center {
    margin-top: 4rem;
  }
}
.reserve-menu {
  display: flex;
}
.reserve-menu .h1 {
  font-size: 2.4rem;
  color: #00256c;
}
.reserve-menu__wrapper {
  display: flex;
  margin-left: auto;
  position: relative;
  z-index: 1;
}
.reserve-menu__wrapper.-active .reserve-menu__list {
  display: block;
}
.reserve-menu__button {
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  display: block;
  width: 3.2rem;
  height: 3.2rem;
  border: 0;
  background: url(../images/ib-title-aside__button--toggle.svg) no-repeat;
  background-size: 32px 32px;
}
.reserve-menu__button:hover,
.reserve-menu__button:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .reserve-menu__button:hover,
.app .reserve-menu__button:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.reserve-menu__list {
  display: none;
  border: 0.1rem solid #d9dbe1;
  position: absolute;
  right: 0;
  top: 4.4rem;
  background-color: #fff;
  border-radius: 0.2rem;
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.1);
  min-width: 22rem;
}
.reserve-menu__item {
  border: 0;
  border-top: 0.1rem solid #d9dbe1;
}
.reserve-menu__item:first-child {
  border-top: 0;
}
.reserve-menu__btn {
  position: relative;
  width: 100%;
  padding: 1.6rem 6.5rem 1.6rem 1.6rem;
  border: 0;
  background-color: transparent;
  font-size: 1.4rem;
}
@media (min-width: 1060px) {
  .reserve-menu__btn {
    font-size: 1.6rem;
  }
}
.reserve-menu__btn.-edit:after {
  content: "";
  display: inline-block;
  position: absolute;
  right: 1.6rem;
  top: 50%;
  transform: translateY(-50%);
  width: 1.6rem;
  height: 1.6rem;
  background: url(../images/cm-reservation__button-edit.svg) no-repeat 50% 50%;
  background-size: 16px 16px;
}
.reserve-menu__btn:hover,
.reserve-menu__btn:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .reserve-menu__btn:hover,
.app .reserve-menu__btn:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.cm-plane-recommend {
  position: relative;
}
.cm-plane-recommend .link {
  position: absolute;
  right: 0;
  top: 0;
}
.cm-plane-recommend__top {
  color: #00256c;
  font-size: 1.6rem;
  font-weight: normal;
  padding-left: 6.2rem;
  background: url(../images/cm-rentalcar-logo.png) no-repeat 0 50%;
}
.cm-plane-recommend__list {
  margin: 0 -0.6rem;
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 1060px) {
  .cm-plane-recommend__list {
    flex-wrap: nowrap;
  }
}
.cm-plane-recommend__list:after {
  content: "";
  display: block;
  clear: both;
}
.cm-plane-recommend__item {
  display: flex;
  width: 50%;
  margin-bottom: 0.8rem;
  padding: 0 0.4rem;
  text-align: center;
}
@media (min-width: 1060px) {
  .cm-plane-recommend__item {
    width: 25%;
    margin-bottom: 0;
    padding: 0 0.6rem;
  }
}
.cm-plane-recommend__thing {
  display: block;
  width: 100%;
  padding: 1.2rem 2rem;
  border: 0.1rem solid #d9dbe1;
  text-decoration: none;
}
@media (min-width: 1060px) {
  .cm-plane-recommend__thing {
    padding: 2rem;
  }
}
.cm-plane-recommend__thing:hover,
.cm-plane-recommend__thing:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .cm-plane-recommend__thing:hover,
.app .cm-plane-recommend__thing:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.cm-plane-recommend__thumb {
  display: block;
}
.cm-plane-recommend__thumb img {
  max-width: 100%;
}
.cm-plane-recommend__tit {
  display: block;
  font-size: 1.2rem;
  color: #555;
  font-weight: normal;
}
@media (min-width: 1060px) {
  .cm-plane-recommend__tit {
    font-size: 1.4rem;
  }
}
.cm-plane-recommend__txt {
  display: block;
  margin-top: 0.4rem;
  color: #000;
  font-size: 1.4rem;
  line-height: 1.5;
}
@media (min-width: 1060px) {
  .cm-plane-recommend__txt {
    height: 4.8rem;
    font-size: 1.6rem;
  }
}
.cm-plane-recommend__price {
  display: block;
  margin-top: 1.2rem;
  font-size: 1.4rem;
  font-weight: normal;
  color: #767676;
}
@media (min-width: 1060px) {
  .cm-plane-recommend__price {
    font-size: 1.6rem;
  }
}
.cm-plane-recommend__first {
  font-style: normal;
  font-size: 1.6rem;
  color: #000;
}
@media (min-width: 1060px) {
  .cm-plane-recommend__first {
    font-size: 1.8rem;
  }
}
.cm-planing__bonus {
  margin: 2rem 0 1.6rem;
}
@media (min-width: 1060px) {
  .cm-planing__bonus {
    display: flex;
    align-items: center;
    margin-top: 4rem;
  }
}
.cm-planing__bonus-type {
  display: none;
  margin: 0.4rem 0 0;
}
@media (min-width: 1060px) {
  .cm-planing__bonus-type {
    margin: 0;
  }
}
.cm-planing__bonus-type.-active {
  display: flex;
  align-items: center;
}
.cm-planing__bonus-type .forms {
  width: calc(100% - 5.4rem);
  margin-right: 2rem;
}
@media (min-width: 1060px) {
  .cm-planing__bonus-type .forms {
    display: inline-block;
    width: 30rem;
    margin: 0 1.2rem 0 4rem;
  }
}
.cm-planing__item {
  position: relative;
  margin: 1.2rem 0;
  padding: 2rem 2rem 0;
  border: 1px solid #d9dbe1;
  border-radius: 0.2rem;
}
@media (min-width: 1060px) {
  .cm-planing__item {
    padding: 2rem 4rem 2rem 4rem;
  }
}
.cm-planing__item:last-of-type {
  margin-bottom: 4rem;
}
.cm-planing__aligner {
  padding-bottom: 1.2rem;
}
@media (min-width: 1060px) {
  .cm-planing__aligner {
    position: relative;
    padding-bottom: 0;
  }
}
.cm-planing__aligner:after {
  content: "";
  display: block;
  clear: both;
}
.cm-planing__button {
  display: block;
  width: 42.14%;
  border: 0;
  background: none transparent;
}
@media (min-width: 1060px) {
  .cm-planing__button {
    width: 45%;
    text-align: left;
  }
}
.cm-planing__button.-from {
  float: left;
}
.cm-planing__button.-to {
  float: right;
}
.cm-planing__button:hover,
.cm-planing__button:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.app .cm-planing__button:hover,
.app .cm-planing__button:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.cm-planing__swap {
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  display: inline-block;
  position: absolute;
  top: 1.6rem;
  left: 50%;
  width: 4.4rem;
  height: 4.4rem;
  margin-left: -2.2rem;
  border: 0;
  background: url(../images/booking__swap.svg) no-repeat;
  background-size: cover;
}
@media (min-width: 1060px) {
  .cm-planing__swap {
    top: -0.4rem;
  }
}
.cm-planing__swap:hover,
.cm-planing__swap:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .cm-planing__swap:hover,
.app .cm-planing__swap:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.cm-planing__swap[disabled] {
  background: url(../images/booking__swap--disabled.svg) no-repeat;
  background-size: cover;
  cursor: not-allowed;
}
.cm-planing__swap[disabled]:hover,
.cm-planing__swap[disabled]:focus {
  outline: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.cm-planing__code {
  display: inline-block;
  width: 100%;
  font-size: 2.2rem;
  font-weight: 700;
  font-style: normal;
  line-height: 1.55;
  color: #000;
}
.cm-planing__code[aria-hidden="true"] {
  margin-bottom: 0.5rem;
  font-weight: normal;
  color: #767676;
}
@media (min-width: 1060px) {
  .cm-planing__code {
    width: 6.6rem;
    font-size: 2.4rem;
    line-height: 1.5;
    vertical-align: middle;
  }
  .cm-planing__code[aria-hidden="true"] {
    margin-bottom: 0;
  }
}
.cm-planing__airport {
  display: block;
  font-size: 1.4rem;
  line-height: 1.58;
  color: #767676;
}
@media (min-width: 1060px) {
  .cm-planing__airport {
    display: inline-block;
    line-height: 2;
    vertical-align: middle;
  }
}
.cm-planing__datepicker {
  display: block;
  width: 100%;
  padding: 1.2rem 0;
  border: 0;
  border-top: 1px solid #e7eaf0;
  background: none transparent;
}
@media (min-width: 1060px) {
  .cm-planing__datepicker {
    position: absolute;
    top: 1.6rem;
    bottom: 1.6rem;
    right: 0;
    width: 26rem;
    border-top: 0;
    border-left: 1px solid #e7eaf0;
  }
}
.cm-planing__datepicker:hover,
.cm-planing__datepicker:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .cm-planing__datepicker:hover,
.app .cm-planing__datepicker:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.cm-planing__date {
  display: inline-block;
  padding-left: 2.8rem;
  background: url(../images/booking__date.svg) no-repeat;
  background-size: 24px 24px;
  color: #000;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.71;
}
@media (min-width: 1060px) {
  .cm-planing__date {
    padding-left: 3.2rem;
  }
}
.cm-planing__date[aria-hidden="true"] {
  color: #767676;
  font-weight: normal;
}
.cm-planing__fieldset {
  margin: 4rem 0;
}
.cm-planing__passengers {
  box-sizing: border-box;
  appearance: none;
  display: block;
  width: 100%;
  height: 4rem;
  margin: 0;
  padding: 0 0 0 3.4rem;
  border: 0;
  border-bottom: 1px solid #00256c;
  background: url(../images/booking__passenger.svg) #fff no-repeat 0 50%;
  background-size: 24px 24px;
  color: #000;
  font-size: 1.6rem;
  line-height: 1.5;
  text-align: left;
}
@media (min-width: 1060px) {
  .cm-planing__passengers {
    height: 4.5rem;
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.cm-planing__passengers:hover,
.cm-planing__passengers:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .cm-planing__passengers:hover,
.app .cm-planing__passengers:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.cm-planing__controls {
  margin: 1.6rem 0 4rem;
}
@media (min-width: 1060px) {
  .cm-planing__controls {
    margin: 1rem 0 3.4rem;
  }
}
.cm-planing__control {
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  display: inline-block;
  width: 4.4rem;
  height: 4.4rem;
  border: 0;
  background-size: 44px 44px;
  color: #555;
  font-size: 1.6rem;
  line-height: 1.5;
}
.cm-planing__control.-add {
  margin-left: 0.4rem;
  background: url(../images/booking__control-add.svg) no-repeat;
}
@media (min-width: 1060px) {
  .cm-planing__control.-add {
    margin-left: 1rem;
  }
}
.cm-planing__control.-sub {
  background: url(../images/booking__control-sub.svg) no-repeat;
}
@media (min-width: 1060px) {
  .cm-planing__control {
    width: auto;
    padding-left: 4.6rem;
    text-indent: 0;
  }
}
.bag-airport__list {
  min-height: 19.8rem;
  margin-bottom: 2.6rem;
}
@media (min-width: 1060px) {
  .bag-airport__list {
    min-height: 22.2rem;
    margin-bottom: 4rem;
  }
}
.bag-airport__item {
  display: block;
  position: relative;
  margin: 1.2rem 0;
  padding: 0 6.2rem 0 0;
  border: 1px solid #d9dbe1;
}
@media (min-width: 1060px) {
  .bag-airport__item {
    padding: 0 9.4rem 0 2rem;
  }
}
.bag-airport__button {
  display: block;
  width: 100%;
  padding: 1.4rem 0 1.4rem 1.6rem;
  border: 0;
  background: transparent none;
  color: #000;
  font-size: 1.4rem;
  line-height: 1.58;
  text-align: left;
  cursor: pointer;
}
@media (min-width: 1060px) {
  .bag-airport__button {
    padding: 2rem 0;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.bag-airport__button:hover,
.bag-airport__button:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .bag-airport__button:hover,
.app .bag-airport__button:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.bag-airport__code {
  font-weight: 700;
  font-style: normal;
}
.bag-airport__delete {
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  display: block;
  position: absolute;
  top: 50%;
  right: 0.6rem;
  width: 4.4rem;
  height: 4.4rem;
  margin-top: -2.2rem;
  border: 0;
  border-radius: 0.2rem;
  background: url(../images/search-airport__delete.svg) no-repeat 50% 50%;
  background-size: 16px 16px;
}
@media (min-width: 1060px) {
  .bag-airport__delete {
    background-size: 24px 24px;
  }
}
.bag-airport__delete:hover,
.bag-airport__delete:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .bag-airport__delete:hover,
.app .bag-airport__delete:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.bag-airport__local {
  display: inline-block;
  padding-left: 2.8rem;
  border: 0;
  background: url(../images/search-airport__local.svg) no-repeat 0 50%;
  background-size: 24px 24px;
  font-size: 1.6rem;
  color: #000;
}
@media (min-width: 1060px) {
  .bag-airport__local {
    padding-left: 3.2rem;
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.bag-airport__local:hover,
.bag-airport__local:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.app .bag-airport__local:hover,
.app .bag-airport__local:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.bag-local__group {
  margin: 0.4rem 0;
  border: solid 1px #d9dbe1;
}
.bag-local__group .bag-local__group {
  margin: 0;
  border: 0;
  border-bottom: 1px solid #d9dbe1;
}
.bag-local__heading {
  display: block;
  position: relative;
  width: 100%;
  padding: 1.6rem 4.4rem 1.6rem 1.6rem;
  border: 0;
  background: #f3f4f8;
  color: #000;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.58;
  text-align: left;
}
.bag-local__heading:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 1rem;
  width: 2.4rem;
  height: 2.4rem;
  margin-top: -1.2rem;
  background: url(../images/local__heading.svg) no-repeat 0 50%;
  background-size: 24px 24px;
}
.bag-local__heading[aria-expanded="true"] {
  background-color: #00256c;
  color: #fff;
}
.bag-local__heading[aria-expanded="true"]:before {
  background: url(../images/local__heading--active.svg) no-repeat 0 50%;
  background-size: 24px 24px;
}
.bag-local__panel.-sub .bag-local__heading {
  padding: 1.2rem 0;
  background: transparent none;
}
.bag-local__panel.-sub .bag-local__heading:before {
  right: 0;
  width: 1.6rem;
  height: 1.6rem;
  margin-top: -0.8rem;
  background: url(../images/local__heading-sub.svg) no-repeat 0 50%;
  background-size: 16px 16px;
}
.bag-local__panel.-sub .bag-local__heading[aria-expanded="true"] {
  color: #000;
  font-weight: 700;
}
.bag-local__panel.-sub .bag-local__heading[aria-expanded="true"]:before {
  background: url(../images/local__heading-sub--active.svg) no-repeat 0 50%;
  background-size: 16px 16px;
}
.bag-local__heading:hover,
.bag-local__heading:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .bag-local__heading:hover,
.app .bag-local__heading:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.bag-local__panel {
  padding: 0.7rem 1.6rem 0.8rem;
}
.bag-local__panel.-sub {
  padding: 0.8rem 1.6rem 2.4rem;
}
.bag-local__title {
  margin-top: 1.4rem;
  padding-bottom: 1.2rem;
  font-size: 1.4rem;
  line-height: 1.58;
  color: #00256c;
}
@media (min-width: 1060px) {
  .bag-local__title {
    margin-top: 1.6rem 0;
    font-weight: normal;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.bag-local.-skyteam .bag-local__title {
  padding-bottom: 0;
  border-bottom: 0;
}
.bag-local__list {
  padding: 1.2rem 0;
}
@media (min-width: 1060px) {
  .bag-local__list {
    padding: 2rem 0 1.4rem;
  }
}
@media (min-width: 1060px) {
  .bag-local.-skyteam .bag-local__list {
    padding-top: 1.6rem;
  }
}
.bag-local__panel.-sub .bag-local__list {
  padding-top: 0.4rem;
}
.bag-local__item {
  margin: 1.6rem 0;
}
.bag-local__item:first-child {
  margin-top: 0;
}
.bag-local__item:last-child {
  margin-bottom: 0;
}
.bag-local__button {
  display: flex;
  border: 0;
  background: none transparent;
  color: #000;
  font-size: 1.4rem;
  line-height: 1.58;
  text-align: left;
}
@media (min-width: 1060px) {
  .bag-local__button {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.bag-local__button:hover,
.bag-local__button:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.app .bag-local__button:hover,
.app .bag-local__button:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.bag-local__button.-disabled {
  color: #767676;
  cursor: not-allowed;
}
.bag-local__button.-disabled:hover,
.bag-local__button.-disabled:focus {
  outline: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.bag-local__code {
  display: inline-block;
  min-width: 6.8rem;
  padding: 0 0.4rem 0 2.4rem;
  background: url(../images/local__code.svg) no-repeat 0 50%;
  background-size: 16px 16px;
  font-weight: 700;
}
.bag-local__button.-all .bag-local__code {
  background: url(../images/local__code--all.png) no-repeat 0 50%;
  background-size: 16px 16px;
}
.bag-local__button.-disabled .bag-local__code {
  background: url(../images/local__code--disabled.svg) no-repeat 0 50%;
  background-size: 16px 16px;
}
.bag-local__button.-bahn .bag-local__code {
  background: url(../images/local__code--bahn.svg) no-repeat 0 50%;
  background-size: 16px 16px;
}
.bag-local__airport {
  display: inline-block;
}
.bag-local__error {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 1.4rem 4rem;
  background-color: #fff;
  box-shadow: 0 -2px 8px 0 rgba(0, 0, 0, 0.05);
  text-align: center;
}
@media (min-width: 1060px) {
  .bag-local__error {
    position: relative;
    bottom: auto;
    left: auto;
    min-height: 2.1rem;
    margin-top: 1.6rem;
    padding: 0;
    box-shadow: none;
    text-align: left;
  }
}
.bag-standard {
  margin-top: 4rem;
}
@media (min-width: 1060px) {
  .bag-standard {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
.bag-standard__example {
  margin-bottom: 1.6rem;
  background: #f8f9fc;
  text-align: center;
}
@media (min-width: 1060px) {
  .bag-standard__example {
    width: 46%;
    margin-right: 5%;
    padding: 3.2rem 0 0;
  }
}
@media (min-width: 1060px) {
  .bag-standard__image {
    width: 30rem;
  }
}
@media (min-width: 1060px) {
  .bag-standard__desc {
    width: 49%;
  }
}
.consign-loca {
  margin: 2rem 0 4rem;
}
@media (min-width: 1060px) {
  .consign-loca {
    margin: 4rem 0 6rem;
  }
}
.consign-loca__item {
  overflow: hidden;
  position: relative;
  margin: 1.2rem 0;
  padding: 2rem 2rem 0;
  border: 1px solid #d9dbe1;
  border-radius: 0.2rem;
}
@media (min-width: 1060px) {
  .consign-loca__item {
    padding: 2rem 31rem 2rem 4rem;
  }
}
@media (min-width: 1340px) {
  .consign-loca__item {
    padding-right: 34.7rem;
  }
}
.consign-loca__item:last-of-type {
  margin-bottom: 4rem;
}
.consign-loca__title + .consign-loca__item {
  margin-top: 0.6rem;
}
.consign-loca__aligner {
  padding-bottom: 1.2rem;
}
@media (min-width: 1060px) {
  .consign-loca__aligner {
    position: relative;
    padding-bottom: 0;
  }
}
.consign-loca__aligner:after {
  content: "";
  display: block;
  clear: both;
}
.consign-loca__button {
  display: block;
  width: 42.14%;
  border: 0;
  background: none transparent;
  cursor: pointer;
}
@media (min-width: 1060px) {
  .consign-loca__button {
    width: 42.28%;
    text-align: left;
  }
}
@media (min-width: 1340px) {
  .consign-loca__button {
    width: 46.4%;
  }
}
.consign-loca__button.-from {
  float: left;
}
.consign-loca__button.-to {
  float: right;
}
.consign-loca__button:hover,
.consign-loca__button:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.app .consign-loca__button:hover,
.app .consign-loca__button:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.consign-loca__swap {
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  display: inline-block;
  position: absolute;
  top: 1.6rem;
  left: 50%;
  width: 4.4rem;
  height: 4.4rem;
  margin-left: -2.2rem;
  border: 0;
  background: url(../images/booking__swap.svg) no-repeat;
  background-size: cover;
  cursor: pointer;
}
@media (min-width: 1060px) {
  .consign-loca__swap {
    top: -0.4rem;
    margin-left: -0.6rem;
  }
}
@media (min-width: 1340px) {
  .consign-loca__swap {
    margin-left: -3.2rem;
  }
}
.consign-loca__swap:hover,
.consign-loca__swap:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .consign-loca__swap:hover,
.app .consign-loca__swap:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.consign-loca__swap[disabled] {
  background: url(../images/booking__swap--disabled.svg) no-repeat;
  background-size: cover;
  cursor: not-allowed;
}
.consign-loca__swap[disabled]:hover,
.consign-loca__swap[disabled]:focus {
  outline: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.consign-loca__code {
  display: inline-block;
  width: 100%;
  font-size: 2.2rem;
  font-weight: 700;
  font-style: normal;
  line-height: 1.55;
  color: #000;
}
.consign-loca__code[aria-hidden="true"] {
  margin-bottom: 0.5rem;
  font-weight: normal;
  color: #767676;
}
@media (min-width: 1060px) {
  .consign-loca__code {
    width: 6rem;
    font-size: 2.4rem;
    line-height: 1.5;
    vertical-align: middle;
  }
  .consign-loca__code[aria-hidden="true"] {
    margin-bottom: 0;
  }
}
.consign-loca__airport {
  display: block;
  font-size: 1.4rem;
  line-height: 1.58;
  color: #767676;
}
@media (min-width: 1060px) {
  .consign-loca__airport {
    display: inline-block;
    line-height: 2;
    vertical-align: middle;
  }
}
.consign-loca__datepicker {
  display: block;
  width: 100%;
  padding: 1.2rem 0;
  border: 0;
  border-top: 1px solid #e7eaf0;
  background: none transparent;
  cursor: pointer;
}
@media (min-width: 1060px) {
  .consign-loca__datepicker {
    position: absolute;
    top: 1.6rem;
    bottom: 1.6rem;
    right: 0;
    width: 29rem;
    padding: 0.5rem 0 0.5rem 2rem;
    border-top: 0;
    border-left: 1px solid #e7eaf0;
    text-align: left;
  }
}
@media (min-width: 1340px) {
  .consign-loca__datepicker {
    width: 32.7rem;
    padding-left: 4rem;
  }
}
.consign-loca__datepicker:hover,
.consign-loca__datepicker:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .consign-loca__datepicker:hover,
.app .consign-loca__datepicker:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.consign-loca__date {
  display: inline-block;
  padding-left: 2.8rem;
  background: url(../images/booking__date.svg) no-repeat 0 50%;
  background-size: 24px 24px;
  color: #000;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.71;
}
@media (min-width: 1060px) {
  .consign-loca__date {
    padding-left: 2.8rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.consign-loca__date[aria-hidden="true"] {
  color: #767676;
  font-weight: normal;
}
.calbtn {
  position: absolute;
  right: 0;
  top: 0;
  border: 0;
  background-color: transparent;
  min-width: inherit;
}
@media (min-width: 1060px) {
  .calbtn {
    padding: 1rem;
  }
}
.calbtn:before {
  content: "";
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  background: url(../images/sp-icon-calendar.svg) no-repeat 50% 50%;
  background-size: 24px 24px;
}
.calbtn:hover,
.calbtn:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .calbtn:hover,
.app .calbtn:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.airport-name {
  margin: 1.6rem 0 4rem 0;
  padding: 2rem;
  border-radius: 0.6rem;
  box-shadow: 0 0.2rem 1rem 0 rgba(0, 0, 0, 0.1);
}
.airport-name__routes {
  display: flex;
  justify-content: space-between;
  position: relative;
}
.airport-name__route {
  flex: 1;
}
.airport-name__route.-from {
  margin-right: 3.2rem;
  text-align: left;
}
.airport-name__route.-from:after {
  content: "";
  display: block;
  position: absolute;
  top: 3.2rem;
  right: 11rem;
  left: 11rem;
  border: 1px dashed #0064de;
}
.airport-name__route.-to {
  margin-left: 3.2rem;
  text-align: right;
}
.airport-name__route.-to:before {
  content: "";
  display: block;
  position: absolute;
  top: 2.2rem;
  left: calc(50% - 2.2rem);
  width: 4.4rem;
  height: 2.4rem;
  background: #fff url(../images/airport-name__route--before.svg) no-repeat 50% center;
  background-size: 24px 24px;
}
.airport-name__button {
  cursor: pointer;
  display: block;
  width: 100%;
  height: auto;
  border: 0;
  background: none;
  text-align: inherit;
}
.airport-name__button.-off {
  text-align: center;
}
.airport-name__button:hover,
.airport-name__button:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.app .airport-name__button:hover,
.app .airport-name__button:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.airport-name__code {
  display: block;
  font-size: 3.6rem;
  font-weight: bold;
  color: #000;
  line-height: 1.67;
}
.airport-name__code[aria-hidden="true"] {
  color: #767676;
}
.airport-name__airport {
  display: block;
  font-size: 1.4rem;
  font-weight: normal;
  color: #555;
  line-height: 1.58;
}
.airport-name__board {
  margin-top: 2rem;
}
.airport-name__seat {
  margin-top: 2rem;
}
.airport-name__checkup {
  margin-top: 2rem;
}
.airport-name__checkup .button {
  width: 100%;
}
.cm-join-certity {
  margin-top: 1.2rem;
}
@media (min-width: 1060px) {
  .cm-join-certity {
    margin-top: 1.6rem;
  }
  .cm-join-certity:after {
    content: "";
    display: block;
    clear: both;
  }
}
.cm-join-certity__item {
  width: 100%;
  height: auto;
  margin-top: 1.2rem;
}
@media (min-width: 1060px) {
  .cm-join-certity__item {
    float: left;
    width: calc(50% - 1rem);
    margin-top: 0;
    margin-left: 2rem;
  }
  .cm-join-certity__item:first-child {
    margin-left: 0;
  }
}
.cm-join-certity__item:first-child {
  margin-top: 0;
}
.cm-join-certity__button {
  display: block;
  width: 100%;
  padding: 3rem 2rem 3rem 8rem;
  border: 1px solid #d9dbe1;
  box-sizing: border-box;
  font-size: 1.4rem;
  color: #555;
  text-align: left;
  line-height: 1.58;
  text-decoration: none;
}
@media (min-width: 1060px) {
  .cm-join-certity__button {
    padding: 2.6rem 2.4rem 2.6rem 10.4rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.cm-join-certity__button:hover,
.cm-join-certity__button:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.app .cm-join-certity__button:hover,
.app .cm-join-certity__button:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.cm-join-certity__button.-pop {
  min-height: 13.8rem;
}
.cm-join-certity__button.-tel {
  background: url(../images/cm-join-certify--tel.svg) no-repeat 2rem center;
  background-size: 48px 48px;
}
@media (min-width: 1060px) {
  .cm-join-certity__button.-tel {
    background-position-x: 2.8rem;
    background-size: 64px 64px;
  }
}
.cm-join-certity__button.-ipin {
  background: url(../images/cm-join-certify--ipin.svg) no-repeat 2rem center;
  background-size: 48px 48px;
}
@media (min-width: 1060px) {
  .cm-join-certity__button.-ipin {
    background-position-x: 2.8rem;
    background-size: 64px 64px;
  }
}
.cm-join-certity__title {
  display: block;
  margin-bottom: 0.8rem;
  font-size: 1.6rem;
  font-weight: bold;
  color: #00256c;
  line-height: 1.5;
}
@media (min-width: 1060px) {
  .cm-join-certity__title {
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.cm-members-fieldset-area {
  margin-top: 2rem;
}
@media (min-width: 1060px) {
  .cm-members-fieldset-area {
    margin-top: 4rem;
    padding: 0 17rem;
    box-sizing: border-box;
  }
}
.cm-members-datas {
  width: 100%;
  height: auto;
  margin: 0 auto;
}
@media (min-width: 1060px) {
  .cm-members-datas {
    width: 49rem;
  }
}
.cm-members-datas.-page {
  margin-top: 1.6rem;
  margin-bottom: 4rem;
}
@media (min-width: 1060px) {
  .cm-members-datas.-page {
    margin-top: 8rem;
    margin-bottom: 6rem;
  }
}
.cm-members-datas.-pop {
  margin-top: 4rem;
  margin-bottom: 2.4rem;
}
@media (min-width: 1060px) {
  .cm-members-datas.-pop {
    margin-bottom: 4rem;
  }
}
.cage-calc {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.cage-calc__item {
  flex: 1;
  margin-left: 2.4rem;
}
@media (min-width: 1060px) {
  .cage-calc__item {
    margin-left: 2rem;
  }
}
.cage-calc__item:first-child {
  margin-left: 0;
}
.cage-calc__item:last-child {
  flex: auto;
  width: 100%;
  margin-top: 4rem;
  margin-left: 0;
}
@media (min-width: 1060px) {
  .cage-calc__item:last-child {
    flex: 1;
    margin-top: 0;
    margin-left: 2rem;
  }
}
.elevate-ticket__buttons {
  margin-top: -2rem;
  text-align: right;
}
.baggage-heading {
  padding: 1.5rem 4.4rem 1.5rem 2rem;
}
@media (min-width: 1060px) {
  .baggage-heading {
    padding: 2.4rem 6.4rem 2.4rem 4rem;
  }
}
.baggage-heading > .h3 {
  margin: 0;
}
.sel-purchases {
  margin-top: 1rem;
  padding: 3rem 2rem;
  border: 1px solid #d9dbe1;
}
@media (min-width: 1060px) {
  .sel-purchases {
    margin-top: 1.6rem;
    padding: 3.2rem 4rem;
  }
}
.passenger-info {
  border: 1px solid #d9dbe1;
}
.passenger-info__title {
  display: flex;
  align-items: center;
  padding: 1.6rem 2rem;
  border-bottom: 1px solid #d9dbe1;
}
@media (min-width: 1060px) {
  .passenger-info__title {
    padding: 2rem 4rem;
  }
}
.passenger-info__name {
  color: #000;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .passenger-info__name {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.passenger-info__number {
  margin-left: auto;
  color: #555;
  font-size: 1.2rem;
}
@media (min-width: 1060px) {
  .passenger-info__number {
    font-size: 1.4rem;
    line-height: 1.58;
  }
}
.passenger-info__content {
  padding: 1.6rem 2rem;
}
@media (min-width: 1060px) {
  .passenger-info__content {
    padding: 3.2rem 4rem;
  }
}
.passenger-info__option {
  padding: 1.6rem 2rem;
  border-top: 1px solid #d9dbe1;
}
@media (min-width: 1060px) {
  .passenger-info__option {
    padding: 2rem 4rem;
  }
}
.load p {
  margin: 2rem 0;
  color: #767676;
  font-size: 1.4rem;
  line-height: 1.58;
  text-align: center;
}
@media (min-width: 1060px) {
  .load p {
    margin: 4rem 0;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.ck-flight-plan {
  padding: 2rem 1.6rem;
  border: 1px solid #d9dbe1;
  border-radius: 0.2rem;
}
@media (min-width: 1060px) {
  .ck-flight-plan {
    position: relative;
    padding: 3.3rem 4rem 3.2rem;
  }
}
.ck-flight-plan__item {
  display: flex;
  align-content: stretch;
  padding-left: 4rem;
  padding-bottom: 4rem;
}
@media (min-width: 1060px) {
  .ck-flight-plan__item {
    align-items: center;
  }
}
.ck-flight-plan__item:after {
  content: " ";
  position: absolute;
  top: 3.4rem;
  left: 1.1rem;
  bottom: 0;
  border-left: 1px dashed #64ddff;
}
.ck-flight-plan__item:first-child {
  position: relative;
}
.ck-flight-plan__item:first-child:before {
  content: "";
  position: absolute;
  top: 0.2rem;
  left: 0;
  width: 2.4rem;
  height: 2.5rem;
  background: url(../images/ck-flight-plan__item.svg) no-repeat;
  background-size: 24px 25px;
}
@media (min-width: 1060px) {
  .ck-flight-plan__item:first-child:before {
    top: 0.3rem;
  }
}
.ck-flight-plan__item + .ck-flight-plan__item {
  position: relative;
}
.ck-flight-plan__item + .ck-flight-plan__item:before {
  content: "";
  position: absolute;
  top: 0.8rem;
  left: 0.7rem;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background-color: #64ddff;
}
@media (min-width: 1060px) {
  .ck-flight-plan__item + .ck-flight-plan__item:before {
    left: 0.8rem;
    width: 0.8rem;
    height: 0.8rem;
  }
}
.ck-flight-plan__item + .ck-flight-plan__item:after {
  top: 0;
}
.ck-flight-plan__item:last-child {
  position: relative;
  padding-bottom: 0;
}
@media (min-width: 1060px) {
  .ck-flight-plan__item:last-child {
    padding-right: 15rem;
  }
}
.ck-flight-plan__item:last-child:before {
  content: "";
  position: absolute;
  top: 0.2rem;
  left: 0;
  width: 2.4rem;
  height: 2.5rem;
  background: url(../images/ck-flight-plan__item.svg) no-repeat;
  background-size: 24px 25px;
}
@media (min-width: 1060px) {
  .ck-flight-plan__item:last-child:before {
    top: 0.3rem;
  }
}
.ck-flight-plan__item:last-child:after {
  display: none;
}
.ck-flight-plan__primary {
  flex: 1;
  padding-right: 1rem;
}
@media (min-width: 1060px) {
  .ck-flight-plan__primary {
    flex: none;
    padding-right: 2rem;
  }
}
.ck-flight-plan__secondary {
  flex: 3;
}
@media (min-width: 1060px) {
  .ck-flight-plan__secondary {
    display: flex;
    align-items: center;
    flex: 1;
  }
}
.ck-flight-plan__code {
  color: #000;
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 1.56;
}
@media (min-width: 1060px) {
  .ck-flight-plan__code {
    display: inline-block;
    font-size: 2rem;
    line-height: 1.5;
  }
}
.ck-flight-plan__time {
  color: #000;
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 1.56;
}
@media (min-width: 1060px) {
  .ck-flight-plan__time {
    display: inline-block;
    font-size: 2rem;
    line-height: 1.5;
  }
}
.ck-flight-plan__date {
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .ck-flight-plan__date {
    display: inline-block;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.ck-flight-plan__city-airport {
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
  word-break: keep-all;
}
@media (min-width: 1060px) {
  .ck-flight-plan__city-airport {
    display: inline-block;
    margin-left: 1rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.ck-flight-plan__flight {
  margin-top: 0.8rem;
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .ck-flight-plan__flight {
    display: inline-block;
    margin-top: 0;
    margin-left: 1rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.ck-flight-plan__flight-list {
  display: flex;
  flex-wrap: wrap;
}
.ck-flight-plan__flight-item {
  position: relative;
  padding-right: 1rem;
  font-size: 1.4rem;
  line-height: 1.58;
}
.ck-flight-plan__flight-item:before {
  content: "";
  position: absolute;
  top: 1rem;
  right: 0.3rem;
  width: 0.4rem;
  height: 0.2rem;
  background-color: #00256c;
}
@media (min-width: 1060px) {
  .ck-flight-plan__flight-item {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.ck-flight-plan__flight-item:last-child {
  padding-right: 0;
}
.ck-flight-plan__flight-item:last-child:before {
  display: none;
}
.ck-flight-plan__button {
  margin-top: 4rem;
  text-align: right;
}
@media (min-width: 1060px) {
  .ck-flight-plan__button {
    position: absolute;
    bottom: 3.2rem;
    right: 4rem;
    margin-top: 0;
  }
}
.passport-scan {
  display: flex;
  justify-content: space-between;
}
.passport-scan__title {
  width: 50%;
  margin: 2rem 0 0.8rem;
  color: #000;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .passport-scan__title {
    width: auto;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.passport-scan__title:first-child {
  margin-top: 0;
}
.passport-scan__buttons {
  width: 50%;
}
.passport-scan__buttons.-right {
  text-align: right;
}
@media (min-width: 1060px) {
  .passport-scan__buttons {
    display: none;
  }
}
.passport-scan__button {
  display: inline-block;
  min-width: 6.8rem;
  height: 3.6rem;
  margin: 0;
  padding: 0.7rem 1.2rem;
  border: 1px solid #0064de;
  border-radius: 0.2rem;
  background-color: #fff;
  color: #0064de;
  font-size: 1.4rem;
  line-height: 1.58;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  appearance: none;
}
@media (min-width: 1060px) {
  .passport-scan__button {
    min-width: 8.3rem;
    height: 4rem;
    padding: 0.8rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.passport-scan__button:hover,
.passport-scan__button:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.app .passport-scan__button:hover,
.app .passport-scan__button:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.compound-payment__mile {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 4rem;
}
.compound-payment__mile:last-child {
  margin-bottom: 0;
}
.compound-payment__key {
  color: #000;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .compound-payment__key {
    font-size: 1.8rem;
    line-height: 1.5;
  }
}
.compound-payment__value {
  color: #000;
  font-size: 1.4rem;
}
@media (min-width: 1060px) {
  .compound-payment__value {
    font-size: 1.6rem;
  }
}
.compound-payment__item {
  list-style: none;
}
.compound-payment__mixes {
  display: flex;
  margin: 2rem 0 4rem;
}
.compound-payment__mix {
  flex: 1;
}
.compound-payment__mix .label {
  font-size: 1.3rem;
}
@media (min-width: 1060px) {
  .compound-payment__mix .label {
    font-size: 1.4rem;
  }
}
.compound-payment__char {
  width: 20px;
  padding-top: 3rem;
  padding-bottom: 0.8rem;
  color: #000;
  font-size: 1.6rem;
  text-align: center;
}
@media (min-width: 1060px) {
  .compound-payment__char {
    width: 72px;
    padding-top: 4.2rem;
    font-size: 1.8rem;
    line-height: 1.56;
    padding-bottom: 0.4rem;
  }
}
@media (min-width: 1060px) {
  .compound-payment__totals {
    display: flex;
  }
}
.compound-payment__total {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (min-width: 1060px) {
  .compound-payment__total {
    flex: 1;
    justify-content: center;
  }
}
.compound-payment__total-key {
  color: #00256c;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.56;
}
@media (min-width: 1060px) {
  .compound-payment__total-key {
    margin-right: 2rem;
    font-size: 1.6rem;
  }
}
.compound-payment__total-value {
  color: #00256c;
  font-weight: 700;
  font-size: 1.6rem;
}
@media (min-width: 1060px) {
  .compound-payment__total-value {
    font-size: 2rem;
  }
}
.social-media {
  display: flex;
  flex-wrap: wrap;
  margin-top: 2rem;
}
@media (min-width: 1060px) {
  .social-media {
    margin-top: 4rem;
  }
}
.social-media__item {
  width: 33.3%;
}
.social-media__link {
  display: inline-block;
  min-width: 5.4rem;
  margin: 0 auto 2rem;
  padding-top: 5.8rem;
  border: 0;
  color: #000;
  font-size: 1.2rem;
  text-decoration: none;
  vertical-align: top;
}
@media (min-width: 1060px) {
  .social-media__link {
    margin-bottom: 3.2rem;
    font-size: 1.4rem;
    line-height: 1.58;
  }
}
.social-media__link.-email {
  background: url(../images/social-media__link--email.png) no-repeat 50% 0;
  background-size: 54px 54px;
}
.social-media__link.-kakaotalk {
  background: url(../images/social-media__link--kakaotalk.svg) no-repeat 50% 0;
  background-size: 54px 54px;
}
.social-media__link.-facebook {
  background: url(../images/social-media__link--facebook.svg) no-repeat 50% 0;
  background-size: 54px 54px;
}
.social-media__link.-hangout {
  background: url(../images/social-media__link--hangout.png) no-repeat 50% 0;
  background-size: 54px 54px;
}
.social-media__link.-line {
  background: url(../images/social-media__link--line.svg) no-repeat 50% 0;
  background-size: 54px 54px;
}
.social-media__link.-wechat {
  background: url(../images/social-media__link--wechat.png) no-repeat 50% 0;
  background-size: 54px 54px;
}
.social-media__link:hover,
.social-media__link:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.app .social-media__link:hover,
.app .social-media__link:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.coupon-calc__title {
  display: block;
  margin: 1.2rem 0 0.8rem;
  color: #00256c;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .coupon-calc__title {
    margin: 2rem 0 1.2rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.coupon-calc__list {
  display: block;
  padding: 0.4rem 1.2rem;
  border-top: 1px solid #dee0e2;
}
@media (min-width: 1060px) {
  .coupon-calc__list {
    padding: 1.2rem 3.2rem;
  }
}
.coupon-calc__item {
  display: flex;
  justify-content: space-between;
  margin: 0.8rem 0;
}
.coupon-calc__key {
  color: #000;
  font-size: 1.5rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .coupon-calc__key {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.coupon-calc__value {
  color: #000;
  font-size: 1.5rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .coupon-calc__value {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.coupon-calc__value.-discount {
  color: #de001b;
}
.coupon-calc__result {
  display: flex;
  justify-content: space-between;
  padding: 1.7rem 1.2rem;
  border-top: 1px solid #dee0e2;
  border-bottom: 1px solid #dee0e2;
  background-color: #f8f9fc;
}
@media (min-width: 1060px) {
  .coupon-calc__result {
    padding: 2.4rem 3.2rem;
  }
}
.coupon-calc__result-key {
  color: #00256c;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.72;
}
@media (min-width: 1060px) {
  .coupon-calc__result-key {
    font-size: 1.6rem;
    line-height: 1.875;
  }
}
.coupon-calc__result-value {
  color: #00256c;
  font-size: 1.6rem;
  line-height: 1.5;
}
@media (min-width: 1060px) {
  .coupon-calc__result-value {
    font-size: 2rem;
  }
}
.coupon-calc__fare {
  font-weight: 700;
}
.coupon-error {
  position: relative;
}
.coupon-error__expander {
  display: inline-block;
  position: absolute;
  top: -3.6rem;
  right: 0;
  height: 2.4rem;
  border: 0;
  padding-right: 2.4rem;
  background: url(../images/coupon-error__expander.svg) no-repeat 100% 50%;
  background-size: 16px 16px;
  font-size: 1.4rem;
  line-height: 1.58;
  color: #de001b;
}
@media (min-width: 1060px) {
  .coupon-error__expander {
    top: -3.6rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.coupon-error__expander[aria-expanded="true"] {
  background: url(../images/coupon-error__expander-active.svg) no-repeat 100% 50%;
  background-size: 16px 16px;
}
.coupon-error__expander:hover,
.coupon-error__expander:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .coupon-error__expander:hover,
.app .coupon-error__expander:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.coupon-error__expand {
  margin-top: 1.2rem;
  border: 1px solid #d9dbe1;
}
@media (min-width: 1060px) {
  .coupon-error__expand {
    margin-top: 1.4rem;
  }
}
.coupon-error__title {
  display: block;
  margin: 2rem 1.6rem;
  color: #000;
  font-size: 1.6rem;
  line-height: 1.5;
}
@media (min-width: 1060px) {
  .coupon-error__title {
    margin: 2rem 3.2rem;
    font-size: 1.8rem;
  }
}
.coupon-error__h3 {
  margin: 2rem 1.6rem 0;
  color: #00256c;
  font-size: 1.6rem;
  line-height: 1.5;
}
@media (min-width: 1060px) {
  .coupon-error__h3 {
    margin: 2rem 3.2rem 1.2rem;
  }
}
.coupon-error__list {
  display: block;
  padding: 0 1.6rem 0.4rem;
  border-bottom: 1px solid #d9dbe1;
}
@media (min-width: 1060px) {
  .coupon-error__list {
    padding: 0 3.2rem 1.2rem;
  }
}
.coupon-error__list:last-child {
  border-bottom: 0;
}
.coupon-error__item {
  display: flex;
  justify-content: space-between;
  margin: 1.6rem 0;
}
@media (min-width: 1060px) {
  .coupon-error__item {
    margin: 0.8rem 0;
  }
}
.coupon-error__key {
  padding-right: 1.6rem;
  color: #767676;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .coupon-error__key {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.coupon-error__value {
  max-width: 61%;
  padding-left: 1.6rem;
  color: #000;
  font-size: 1.4rem;
  line-height: 1.58;
  text-align: right;
}
@media (min-width: 1060px) {
  .coupon-error__value {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.coupon-error__mark {
  color: #de001b;
  font-size: 1.4rem;
  vertical-align: middle;
}
.coupon-error__status {
  display: inline-block;
  padding-left: 2.4rem;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .coupon-error__status {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.coupon-error__status.-negative {
  color: #de001b;
}
.coupon-error__status.-title {
  color: #000 !important;
  font-size: 1.6rem;
  line-height: 1.5;
}
@media (min-width: 1060px) {
  .coupon-error__status.-title {
    font-size: 1.8rem;
  }
}
.coupon-error__desc {
  display: block;
  padding: 1.2rem 2rem 1.6rem;
  color: #de001b;
  font-size: 1.2rem;
  line-height: 1.5;
}
@media (min-width: 1060px) {
  .coupon-error__desc {
    padding: 2rem 3.2rem;
    font-size: 1.4rem;
    line-height: 1.58;
  }
}
.mile-calc {
  margin: 4rem 0 1.2rem;
  padding: 1.2rem 1.6rem;
  border-radius: 0.2rem;
  background-color: #f8f9fc;
}
@media (min-width: 1060px) {
  .mile-calc {
    display: flex;
    justify-content: center;
    margin-bottom: 2rem;
    padding: 1.6rem 0;
  }
}
.mile-calc__item {
  display: block;
  margin: 0.8rem 0;
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .mile-calc__item {
    position: relative;
    margin: 0;
    font-size: 1.6rem;
    line-height: 1.5;
  }
  .mile-calc__item:last-child:before {
    content: "";
    display: block;
    position: absolute;
    top: 0.6rem;
    left: 2rem;
    width: 1px;
    height: 1.2rem;
    background-color: #d8d8d8;
  }
  .mile-calc__item:last-child {
    padding-left: 4.1rem;
  }
}
.mile-calc__mile {
  color: #0064de;
}
.mile-calc__calc {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media (min-width: 1060px) {
  .mile-calc__calc {
    max-width: 63rem;
    margin: 0 auto;
  }
}
.mile-calc__calc .forms-option {
  width: calc(100% - 7.6rem);
}
@media (min-width: 1060px) {
  .mile-calc__calc .forms-option {
    width: calc(100% - 9.2rem);
  }
}
.mile-calc__calc > .option {
  margin-top: 0.4rem;
}
@media (min-width: 1060px) {
  .mile-calc__calc > .option {
    margin-top: 0.8rem;
  }
}
.fare-summary {
  margin: 4rem 0 2rem;
  border-top: 1px solid #dee0e2;
}
@media (min-width: 1060px) {
  .fare-summary {
    margin: 6rem 0 2rem;
  }
}
.fare-summary__total {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 0.7rem 1.2rem 1.5rem;
  border-bottom: 1px solid #dee0e2;
  background-color: #f8f9fc;
}
@media (min-width: 1060px) {
  .fare-summary__total {
    padding: 2rem 3.2rem;
  }
}
.fare-summary__total-key {
  padding: 0.8rem 1.6rem 0 0;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .fare-summary__total-key {
    padding-top: 0;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.fare-summary__title {
  display: inline-block;
  border: 0;
  background: transparent none;
  color: #00256c;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.58;
  text-decoration: underline;
  cursor: pointer;
  appearance: none;
  vertical-align: top;
}
@media (min-width: 1060px) {
  .fare-summary__title {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.fare-summary__title:hover,
.fare-summary__title:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.app .fare-summary__title:hover,
.app .fare-summary__title:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.fare-summary__total-value {
  margin-left: auto;
  padding-top: 0.8rem;
  color: #00256c;
  font-size: 1.6rem;
  font-weight: 700;
  text-align: right;
}
@media (min-width: 1060px) {
  .fare-summary__total-value {
    padding-top: 0;
    font-size: 2rem;
  }
}
.fare-summary__calc-wrap {
  width: 100%;
  margin: 1.2rem 0 0 0;
  text-align: right;
}
@media (min-width: 1060px) {
  .fare-summary__calc-wrap {
    margin-top: 0.8rem;
  }
}
.fare-summary__calc {
  display: inline-block;
  padding: 0 0 0 2.4rem;
  border: 0;
  background: url(../images/fare-summary__calc.svg) no-repeat 0 50%;
  background-size: 16px 16px;
  color: #0064de;
  font-size: 1.4rem;
  line-height: 1.58;
  text-decoration: none;
  cursor: pointer;
  appearance: none;
}
@media (min-width: 1060px) {
  .fare-summary__calc {
    padding-left: 2.8rem;
    background-size: 24px 24px;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.fare-summary__calc:hover,
.fare-summary__calc:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.app .fare-summary__calc:hover,
.app .fare-summary__calc:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.fare-summary__list {
  list-style: none;
  padding: 0.4rem 1.2rem;
  border-bottom: 1px solid #dee0e2;
}
@media (min-width: 1060px) {
  .fare-summary__list {
    padding: 1.2rem 3.2rem;
  }
}
.fare-summary__item {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0.8rem 0;
}
.fare-summary__key {
  padding-right: 1.6rem;
  color: #000;
  font-size: 1.4rem;
  line-height: 1.58;
  text-align: right;
}
@media (min-width: 1060px) {
  .fare-summary__key {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.fare-summary__value {
  margin-left: auto;
  color: #000;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .fare-summary__value {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.fare-summary__mark {
  display: inline-block;
  margin-right: 0.8rem;
  color: #00256c;
  font-style: normal;
  font-weight: 700;
}
@media (min-width: 1060px) {
  .fare-summary__mark {
    margin-right: 4rem;
  }
}
.fare-summary__options {
  padding: 1.6rem 0 2rem;
  text-align: right;
}
@media (min-width: 1060px) {
  .fare-summary__options {
    padding: 2rem 0;
  }
}
.fare-info {
  display: flex;
  flex-direction: column;
  margin: 4rem 0 4rem;
}
@media (min-width: 1060px) {
  .fare-info {
    margin: 0 0 6rem;
    flex-direction: row;
    justify-content: space-between;
  }
}
.fare-info__item {
  width: 100%;
}
.fare-info__item + .fare-info__item {
  margin-top: 4rem;
}
@media (min-width: 1060px) {
  .fare-info__item + .fare-info__item {
    margin-top: 0;
    margin-left: 4rem;
  }
}
.fare-info-data__body {
  padding: 1.3rem 0;
  border-bottom: 1px solid #d9dbe1;
}
.fare-info-data__body:first-child {
  padding-top: 0;
}
.fare-info-data__body:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
@media (min-width: 1060px) {
  .fare-info-data__body {
    padding: 2rem 0;
  }
}
.fare-info-data__mile {
  margin: -1.2rem 0;
}
.fare-info-data__foot {
  display: flex;
  font-weight: 700;
  color: #00256c;
}
.fare-info-data__foot-key {
  font-size: 1.4rem;
}
@media (min-width: 1060px) {
  .fare-info-data__foot-key {
    font-size: 1.6rem;
  }
}
.fare-info-data__foot-value {
  margin-left: auto;
  font-size: 1.6rem;
}
@media (min-width: 1060px) {
  .fare-info-data__foot-value {
    font-size: 2rem;
  }
}
.fare-info-data__total {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 2rem 1.6rem;
  border-bottom: 1px solid #dee0e2;
}
.fare-info-data__total.-nobg {
  padding: 1.2rem;
  background-color: transparent;
}
@media (min-width: 1060px) {
  .fare-info-data__total {
    padding: 2.4rem 4rem;
  }
}
.fare-info-data__total-key {
  padding-right: 1.6rem;
  color: #000;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
}
@media (min-width: 1060px) {
  .fare-info-data__total-key {
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.fare-info-data__total-value {
  color: #00256c;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  text-align: right;
}
.fare-info-data__total-value.-small {
  font-size: 1.4rem;
}
@media (min-width: 1060px) {
  .fare-info-data__total-value {
    font-size: 2.4rem;
    line-height: 1.5;
  }
}
.fare-info-data__item {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 0.8rem;
}
.fare-info-data__mileage {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 0.8rem;
}
.fare-info-data__key {
  padding-right: 1.6rem;
  color: #000;
  font-size: 1.4rem;
  line-height: 1.58;
  text-align: right;
}
@media (min-width: 1060px) {
  .fare-info-data__key {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.fare-info-data__value {
  color: #000;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .fare-info-data__value {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.fare-info-data__mark {
  display: inline-block;
  margin-right: 0.8rem;
  color: #00256c;
  font-style: normal;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .fare-info-data__mark {
    margin-right: 4rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.fare-card__result {
  display: block;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .fare-card__result {
    margin-left: auto;
    font-size: 1.8rem;
    font-weight: normal;
    line-height: 1.56;
  }
}
.fare-card__result__mini {
  display: block;
  font-weight: normal;
  font-size: 1.4rem;
  line-height: 1.58;
}
.fare-card__result__discount {
  display: block;
  font-weight: normal;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .fare-card__result__discount {
    display: inline-block;
    font-size: 1.8rem;
    margin-left: 2rem;
  }
}
.fare-card__inner {
  margin: 4rem 0;
}
@media (min-width: 1060px) {
  .fare-card__inner {
    margin: 0 16.6rem;
    padding: 4rem 0;
  }
}
.fare-card__storage {
  display: table;
}
.fare-card__storageitem {
  display: table-cell;
  position: relative;
  width: 25%;
  padding-left: 2rem;
}
.fare-card__storageitem .forms {
  text-align: left;
}
.fare-card__storageitem .forms .placeholder {
  left: 50%;
  transform: translateX(-50%);
  color: #000;
}
.fare-card__storageitem:before {
  content: "";
  position: absolute;
  left: 0.8rem;
  top: 50%;
  background-color: #000;
  width: 0.4rem;
  height: 0.1rem;
}
.fare-card__storageitem:first-child {
  padding-left: 0;
}
.fare-card__storageitem:first-child:before {
  display: none;
}
.fare-card__tit {
  font-size: 1.4rem;
  font-weight: normal;
  line-height: 1.58;
  color: #767676;
}
.fare-card .terms {
  margin: 0;
}
.fare-card .terms .terms__contents {
  border-left: 0;
  border-right: 0;
}
.fare-card .terms .terms__agree {
  border-left: 0;
  border-right: 0;
  border-bottom: none;
}
.additional-service {
  margin-top: 1.7rem;
}
.additional-service__list {
  list-style: none;
}
.additional-service__item {
  border: 1px solid #d9dbe1;
}
.additional-service__item + .additional-service__item {
  margin-top: 3.5rem;
}
@media (min-width: 1060px) {
  .additional-service__item + .additional-service__item {
    margin-top: 2rem;
  }
}
.additional-service__title {
  display: block;
  padding: 1.6rem;
  background-color: #f8f9fc;
}
@media (min-width: 1060px) {
  .additional-service__title {
    padding: 2.8rem 4rem;
  }
}
.additional-service__number {
  display: block;
  width: 100%;
  margin-bottom: 0.8rem;
  color: #000;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .additional-service__number {
    display: inline-block;
    width: auto;
    margin: 0 2.9rem 0 0;
    font-size: 1.6rem;
    line-height: 1.5;
    vertical-align: top;
  }
}
.additional-service__code {
  display: inline-block;
  color: #000;
  font-size: 1.4rem;
  line-height: 1.58;
  vertical-align: top;
}
@media (min-width: 1060px) {
  .additional-service__code {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.additional-service__code.-to {
  position: relative;
  padding-left: 2.8rem;
}
@media (min-width: 1060px) {
  .additional-service__code.-to {
    padding-left: 3.6rem;
  }
}
.additional-service__code.-to:before {
  content: "";
  display: block;
  position: absolute;
  top: 0.3rem;
  left: 0.4rem;
  width: 1.6rem;
  height: 1.6rem;
  background: url(../images/additional-service__to.svg) no-repeat 50% 50%;
  background-size: 16px 16px;
}
@media (min-width: 1060px) {
  .additional-service__code.-to:before {
    top: 0;
    width: 2.4rem;
    height: 2.4rem;
  }
}
.additional-service__airport {
  display: inline-block;
  color: #555;
  font-size: 1.4rem;
  font-weight: normal;
  line-height: 1.58;
  vertical-align: top;
}
@media (min-width: 1060px) {
  .additional-service__airport {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.additional-service__data-list {
  list-style: none;
  padding: 1rem 1.6rem;
  border-top: 1px solid #d9dbe1;
}
@media (min-width: 1060px) {
  .additional-service__data-list {
    padding: 1.2rem 4rem 1.5rem;
  }
}
.additional-service__data {
  display: flex;
  justify-content: space-between;
  margin: 1rem 0;
}
@media (min-width: 1060px) {
  .additional-service__data {
    margin: 1.6rem 0;
  }
}
.additional-service__seat {
  display: block;
  padding-left: 3.2rem;
  background: url(../images/additional-service__seat.svg) no-repeat 0 50%;
  background-size: 24px 24px;
  color: #000;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .additional-service__seat {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.additional-service__baggage {
  display: block;
  padding-left: 3.2rem;
  background: url(../images/additional-service__baggage.svg) no-repeat 0 50%;
  background-size: 25px 25px;
  color: #000;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .additional-service__baggage {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.additional-service__value {
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .additional-service__value {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.additional-service__total {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 3.5rem;
  padding: 1.5rem 1.2rem;
  border-top: 1px solid #d9dbe1;
  border-bottom: 1px solid #d9dbe1;
  background-color: #f8f9fc;
}
@media (min-width: 1060px) {
  .additional-service__total {
    margin-top: 2rem;
    padding: 2rem 3.2rem;
  }
}
.additional-service__amount {
  flex: 1;
  color: #00256c;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .additional-service__amount {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.additional-service__fare {
  flex: 2;
  color: #00256c;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  text-align: right;
}
@media (min-width: 1060px) {
  .additional-service__fare {
    font-size: 2rem;
  }
}
.ib-mileage {
  margin: 0 -2rem;
}
@media (min-width: 1060px) {
  .ib-mileage {
    margin: 0 -4rem;
  }
}
.ib-mileage__wrap {
  margin-top: 4rem;
}
@media (min-width: 1060px) {
  .ib-mileage__wrap {
    margin-top: 7rem;
  }
}
.ib-mileage .box {
  border: 0;
}
.ib-mileage__btn {
  padding: 1rem 4rem;
  text-align: center;
  border-bottom: 0.1rem solid #d9dbe1;
}
.ib-mileage__inner {
  margin-top: -0.1rem;
  margin-bottom: -0.1rem;
  padding-top: 1.5rem;
  border-left: 0.1rem solid #d9dbe1;
  border-right: 0.1rem solid #d9dbe1;
  border-top: 0.1rem solid #fff;
}
.ib-mileage__inner .ib-mileage-data__item {
  padding-top: 0;
  border-top: none;
}
@media (min-width: 1060px) {
  .ib-mileage__inner {
    padding-top: 3rem;
  }
}
.ib-mileage__inner .ib-mileage-data {
  padding: 2.5rem 2rem;
}
@media (min-width: 1060px) {
  .ib-mileage__inner .ib-mileage-data {
    padding: 4rem;
  }
}
.ib-mileage__inner__areas .ib-mileage__inner__area {
  display: none;
}
.ib-mileage__inner__areas.-active .ib-mileage__inner__area {
  display: block;
}
.ib-mileage-data__type {
  margin-bottom: 4rem;
}
@media (min-width: 1060px) {
  .ib-mileage-data__type {
    margin-bottom: 6rem;
  }
}
.ib-mileage-data__type .forms {
  max-width: 46rem;
}
@media (min-width: 1060px) {
  .ib-mileage-data__item {
    display: flex;
  }
}
.ib-mileage-data__item + .ib-mileage-data__item {
  margin-top: 4rem;
  padding-top: 4rem;
  border-top: 1px solid #d9dbe1;
}
@media (min-width: 1060px) {
  .ib-mileage-data__item + .ib-mileage-data__item {
    margin-top: 6rem;
    padding-top: 0;
    border-top: none;
  }
}
.ib-mileage-data__item.-disabled .ib-mileage-data__value {
  color: #000;
}
.ib-mileage-data__item.-disabled .ib-mileage-data__item__key .label {
  color: #bcbcbc;
}
.ib-mileage-data__item.-disabled .option[disabled] {
  background-color: #fff !important;
  color: #bcbcbc !important;
  border: 1px solid #d9dbe1 !important;
}
.ib-mileage-data__item.-disabled .forms select[disabled] {
  padding-left: 0;
  background: transparent url(../images/common/ico-select-disabled.svg) no-repeat right center;
  background-size: 24px 24px;
}
@media (min-width: 1060px) {
  .ib-mileage-data__title {
    flex: 3;
  }
}
.ib-mileage-data__date {
  margin-left: 1.2rem;
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .ib-mileage-data__date {
    display: block;
    margin-top: 0.4rem;
    margin-left: 0;
  }
}
.ib-mileage-data__btn {
  font-size: 1.4rem;
  border: 0;
  background-color: transparent;
}
.ib-mileage-data__btn:hover,
.ib-mileage-data__btn:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .ib-mileage-data__btn:hover,
.app .ib-mileage-data__btn:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
@media (min-width: 1060px) {
  .ib-mileage-data__btn {
    font-size: 1.6rem;
  }
}
.ib-mileage-data__btn[disabled] {
  cursor: not-allowed;
}
.ib-mileage-data__btn[disabled]:hover,
.ib-mileage-data__btn[disabled]:focus {
  outline: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.ib-mileage-data__value {
  font-style: normal;
  color: #0064de;
  text-decoration: underline;
}
.ib-mileage-data__journey {
  display: flex;
  margin-top: 2rem;
  background: url(../images/meal__journey.svg) no-repeat center 2rem;
  text-align: center;
}
@media (min-width: 1060px) {
  .ib-mileage-data__journey {
    flex: 5;
    margin-top: 0;
    padding: 0;
    background: none;
    text-align: left;
  }
}
.ib-mileage-data__place {
  flex: 1;
}
@media (min-width: 1060px) {
  .ib-mileage-data__place {
    padding: 0;
  }
}
.ib-mileage-data__place:first-child {
  padding-right: 1rem;
}
@media (min-width: 1060px) {
  .ib-mileage-data__place:first-child {
    padding-right: 3rem;
    padding-left: 0;
    background: url(../images/meal__journey.svg) no-repeat right 0.8rem;
  }
}
.ib-mileage-data__place:last-child {
  padding-left: 1rem;
}
@media (min-width: 1060px) {
  .ib-mileage-data__place:last-child {
    padding-right: 1rem;
    padding-left: 2rem;
  }
}
.ib-mileage-data__code {
  color: #000;
  font-weight: 700;
  font-size: 2.2rem;
  line-height: 1.55;
}
.ib-mileage-data__city {
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
}
.ib-mileage-data__key {
  margin-top: 2.8rem;
}
@media (min-width: 1060px) {
  .ib-mileage-data__key {
    flex: 4;
    margin-top: 0;
  }
}
.ib-mileage-data__key .label {
  font-size: 1.3rem;
}
@media (min-width: 1060px) {
  .ib-mileage-data__key .label {
    font-size: 1.4rem;
  }
}
.ib-mileage-data__key .forms:first-child {
  margin-right: 0;
}
@media (min-width: 1060px) {
  .ib-mileage-data__key .forms:first-child {
    margin-right: 1.2rem;
  }
}
.ib-mileage-data__key:last-child {
  margin-left: 2rem;
}
.ib-mileage-data__box {
  display: flex;
  flex: 9;
}
.ib-mileage-data__box .ib-mileage-data__key {
  flex: 6;
}
@media (min-width: 1060px) {
  .ib-meal__summary {
    display: flex;
    align-items: flex-start;
    position: relative;
    padding: 3rem 20rem 3rem 4rem;
  }
}
.ib-meal__journey {
  display: flex;
  padding: 1.4rem 0 1.6rem;
  background: url(../images/meal__journey.svg) no-repeat center 2rem;
}
@media (min-width: 1060px) {
  .ib-meal__journey {
    position: relative;
    width: 33rem;
    padding: 0;
    background: none;
  }
}
@media (min-width: 1060px) {
  .ib-meal__journey:after {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 1px;
    background-color: #d9dbe1;
  }
}
.ib-meal__place {
  flex: 1;
  padding: 0 1rem;
  text-align: center;
}
@media (min-width: 1060px) {
  .ib-meal__place {
    padding: 0;
    text-align: left;
  }
}
.ib-meal__place:first-child {
  padding-left: 2rem;
}
@media (min-width: 1060px) {
  .ib-meal__place:first-child {
    padding-right: 3rem;
    padding-left: 0;
    background: url(../images/meal__journey.svg) no-repeat right 0.8rem;
  }
}
.ib-meal__place:last-child {
  padding-right: 2rem;
}
@media (min-width: 1060px) {
  .ib-meal__place:last-child {
    padding-right: 1rem;
    padding-left: 2rem;
  }
}
.ib-meal__code {
  color: #000;
  font-weight: 700;
  font-size: 2.2rem;
  line-height: 1.55;
}
.ib-meal__city {
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
}
.ib-meal__infos {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin: 1rem 2rem 0;
  padding: 1.6rem 0;
  border-top: 1px solid #d9dbe1;
}
@media (min-width: 1060px) {
  .ib-meal__infos {
    justify-content: flex-start;
    margin: 0;
    padding: 0;
    padding-top: 0.5rem;
    padding-left: 3rem;
    border-top: 0;
  }
}
.ib-meal__time {
  position: relative;
  margin-left: 1rem;
  padding-left: 1rem;
  color: #555;
  font-size: 1.2rem;
  line-height: 1.58;
  text-align: center;
}
@media (min-width: 1060px) {
  .ib-meal__time {
    width: 100%;
    margin-top: 0.4rem;
    margin-left: 0;
    padding-left: 0;
    font-size: 1.4rem;
    line-height: 1.58;
    text-align: left;
  }
}
.ib-meal__time:before {
  content: "";
  position: absolute;
  top: 0.4rem;
  left: 0;
  width: 1px;
  height: 1.3rem;
  background-color: #bcbfc1;
}
@media (min-width: 1060px) {
  .ib-meal__time:before {
    display: none;
  }
}
.ib-meal__info {
  color: #555;
  font-size: 1.2rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .ib-meal__info {
    font-size: 1.4rem;
    line-height: 1.58;
  }
}
.ib-meal__info + .ib-meal__info {
  position: relative;
  margin-left: 1rem;
  padding-left: 1rem;
}
.ib-meal__info + .ib-meal__info:before {
  content: "";
  position: absolute;
  top: 0.4rem;
  left: 0;
  width: 1px;
  height: 1.3rem;
  background-color: #d9dbe1;
}
.ib-meal__info .link {
  font-size: 1.2rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .ib-meal__info .link {
    font-size: 1.4rem;
    line-height: 1.58;
  }
}
.ib-meal__info .remark {
  color: #000;
}
.ib-meal__control {
  border-top: 1px solid #d9dbe1;
}
@media (min-width: 1060px) {
  .ib-meal__control {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    margin-left: auto;
    border: 0;
  }
}
.ib-meal__expander {
  display: block;
  width: 100%;
  height: 4.8rem;
  padding: 0 2rem;
  border: 0;
  background: url(../images/expander.svg) no-repeat right 2rem center;
  color: #555;
  font-size: 1.4rem;
  text-align: left;
}
.ib-meal__expander[aria-expanded="true"] {
  background: url(../images/expander--active.svg) no-repeat right 2rem center;
}
@media (min-width: 1060px) {
  .ib-meal__expander {
    max-width: 20rem;
    height: 100%;
    padding: 0 5rem 0 2.4rem;
  }
}
.ib-meal__person {
  padding: 0;
}
@media (min-width: 1060px) {
  .ib-meal__person {
    display: flex;
    padding: 4rem 0;
  }
}
.ib-meal__person + .ib-meal__person {
  padding-top: 4rem;
}
@media (min-width: 1060px) {
  .ib-meal__person + .ib-meal__person {
    padding-top: 2rem;
  }
}
.ib-meal__key {
  margin-bottom: 2rem;
}
@media (min-width: 1060px) {
  .ib-meal__key {
    flex: 3;
    margin-bottom: 0;
  }
}
.ib-meal__h3 {
  margin: 0;
  color: #000;
  font-size: 1.6rem;
}
@media (min-width: 1060px) {
  .ib-meal__h3 {
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
@media (min-width: 1060px) {
  .ib-meal__value {
    flex: 9;
  }
}
.ib-meal__menus {
  margin-top: 4rem;
}
@media (min-width: 1060px) {
  .ib-meal__menus {
    display: flex;
    justify-content: space-between;
    margin: 4rem -2rem 0;
  }
}
.ib-meal__menus:first-child {
  margin-top: 0;
}
@media (min-width: 1060px) {
  .ib-meal__menu {
    flex: 6;
    padding: 0 2rem;
  }
}
.ib-meal__menu + .ib-meal__menu {
  margin-top: 4rem;
}
@media (min-width: 1060px) {
  .ib-meal__menu + .ib-meal__menu {
    margin-top: 0;
  }
}
.payment-banner {
  width: 100%;
  margin: 4rem 0;
  padding: 2rem;
  box-sizing: border-box;
  background-color: #f8f9fc;
  text-align: center;
}
.fare-details {
  margin: 6rem 0 4rem;
}
@media (min-width: 1060px) {
  .fare-details {
    margin-bottom: 3.6rem;
  }
}
.fare-details__primary {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (min-width: 1060px) {
  .fare-details__primary {
    justify-content: flex-start;
  }
}
.fare-details__title {
  color: #000;
  font-weight: 700;
  font-size: 1.6rem;
}
@media (min-width: 1060px) {
  .fare-details__title {
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.fare-details__unit {
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .fare-details__unit {
    margin-left: 2rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.fare-details__total {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin: 2rem 0 0;
}
@media (min-width: 1060px) {
  .fare-details__total {
    width: auto;
    margin: 0 0 0 auto;
  }
}
.fare-details__amount {
  color: #555;
  font-weight: normal;
  font-size: 1.6rem;
}
@media (min-width: 1060px) {
  .fare-details__amount {
    margin-right: 1.2rem;
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.fare-details__fare {
  color: #000;
  font-size: 1.6rem;
}
@media (min-width: 1060px) {
  .fare-details__fare {
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.fare-details__list {
  list-style: none;
  margin: 4rem 0 0;
}
.fare-details__item {
  margin: 2.8rem 0;
}
.fare-details__name {
  color: #000;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .fare-details__name {
    padding-left: 2rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.fare-details__type {
  color: #555;
  font-weight: normal;
  font-size: 1.4rem;
  line-height: 1.58;
}
.fare-details__data-list {
  list-style: none;
  margin: 0.8rem 0;
  padding: 0.4rem 1.6rem;
  border-top: 1px solid #dee0e2;
  border-bottom: 1px solid #dee0e2;
}
.fare-details__data {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin: 0.8rem 0;
}
.fare-details__key {
  color: #000;
  font-size: 1.4rem;
  line-height: 1.58;
}
.fare-details__value {
  color: #000;
  font-size: 1.4rem;
  line-height: 1.58;
  text-align: right;
}
@media (min-width: 1060px) {
  .fare-details__value {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.fare-details__detail {
  display: inline-block;
  border: 0;
  background: transparent none;
  color: #000;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .fare-details__detail {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.fare-details__detail:hover,
.fare-details__detail:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.app .fare-details__detail:hover,
.app .fare-details__detail:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.fare-details__link {
  color: #0064de;
  text-decoration: underline;
}
.fare-details__total-data {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 1.2rem 1.6rem;
}
.fare-details__total-key {
  color: #00256c;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .fare-details__total-key {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.fare-details__total-value {
  color: #00256c;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .fare-details__total-value {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.tax-detail {
  border-top: 1px solid #d9dbe1;
}
.tax-detail__list {
  list-style: none;
  padding: 0 1.2rem;
}
@media (min-width: 1060px) {
  .tax-detail__list {
    padding: 0 3.2rem;
  }
}
.tax-detail__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 2rem 0;
}
.tax-detail__key {
  width: 62.5%;
  color: #000;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .tax-detail__key {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.tax-detail__value {
  width: 37.5%;
  color: #000;
  font-size: 1.4rem;
  line-height: 1.58;
  text-align: right;
}
@media (min-width: 1060px) {
  .tax-detail__value {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.tax-detail__total {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 1.7rem 1.2rem;
  border-top: 1px solid #d9dbe1;
  border-bottom: 1px solid #d9dbe1;
  background-color: #f8f9fc;
}
@media (min-width: 1060px) {
  .tax-detail__total {
    padding: 2.1rem 3.2rem;
  }
}
.tax-detail__amount {
  color: #00256c;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .tax-detail__amount {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.tax-detail__fare {
  color: #00256c;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .tax-detail__fare {
    font-size: 2rem;
    line-height: 1.5;
  }
}
.booking-toggle {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.booking-toggle__item {
  width: 100%;
  margin-top: 1.6rem;
}
@media (min-width: 1060px) {
  .booking-toggle__item {
    display: flex;
    min-height: 3.6rem;
    align-items: center;
    width: 50%;
    margin: 0;
  }
}
.booking-toggle__item:first-child {
  margin-top: 0;
}
.booking-toggle__item:last-child {
  margin-bottom: 0;
}
.booking-toggle__button {
  display: inline-block;
  position: relative;
  padding-left: 3rem;
  border: 0;
  background: transparent none;
  color: #000;
  font-size: 1.4rem;
  line-height: 1.58;
  text-align: left;
}
@media (min-width: 1060px) {
  .booking-toggle__button {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.booking-toggle__button:before {
  content: "";
  position: absolute;
  top: 0.1rem;
  left: 0;
  width: 2rem;
  height: 2rem;
  border: 1px solid #00256c;
  border-radius: 50%;
  background-size: 11px 9px;
}
@media (min-width: 1060px) {
  .booking-toggle__button:before {
    top: 0.2rem;
  }
}
.booking-toggle__button[aria-pressed="true"]:before {
  background: #00256c url(../images/booking-toggle__button.svg) no-repeat 50%;
  background-size: 11px 9px;
}
.booking-toggle__button[aria-disabled="true"]:before {
  border-color: #d9dbe1;
  background-color: #e7eaf0;
}
.booking-toggle__button:hover,
.booking-toggle__button:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.app .booking-toggle__button:hover,
.app .booking-toggle__button:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.ib-family-mile {
  margin-top: 2rem;
  padding: 1.2rem;
  background-color: #f8f9fc;
}
@media (min-width: 1060px) {
  .ib-family-mile {
    padding: 2rem;
  }
}
.ib-family-mile__title {
  color: #000;
  font-weight: normal;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .ib-family-mile__title {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.ib-family-mile__list {
  padding-top: 0.4rem;
}
@media (min-width: 1060px) {
  .ib-family-mile__list {
    padding-top: 0.8rem;
  }
}
.ib-family-mile__item {
  position: relative;
  display: flex;
  justify-content: space-between;
  margin: 0.8rem 0;
  padding-left: 1.2rem;
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .ib-family-mile__item {
    margin: 0.4rem 0;
    padding-left: 1.2rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.ib-family-mile__item:before {
  content: "";
  display: block;
  position: absolute;
  top: 0.9rem;
  left: 0;
  width: 0.4rem;
  height: 0.4rem;
  background-color: #767676;
  border-radius: 50%;
}
@media (min-width: 1060px) {
  .ib-family-mile__item:before {
    top: 1rem;
  }
}
.multi-route {
  margin: 3.2rem 0 0;
}
.multi-route__title {
  margin-bottom: 0.4rem;
  color: #000;
  font-size: 1.4rem;
  line-height: 1.58;
}
.multi-route__aligner {
  padding: 2rem 1.9rem 0 0;
  border: 1px solid #d9dbe1;
}
@media (min-width: 1060px) {
  .multi-route__aligner {
    padding: 2rem 0.2rem 0;
  }
}
.multi-route__legends {
  display: flex;
  justify-content: flex-end;
}
@media (min-width: 1060px) {
  .multi-route__legends {
    margin-right: 2rem;
  }
}
.multi-route__legend {
  position: relative;
  margin-left: 2rem;
  color: #000;
  font-size: 1.2rem;
}
@media (min-width: 1060px) {
  .multi-route__legend {
    font-size: 1.4rem;
    line-height: 1.58;
  }
}
.multi-route__legend:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -0.1rem;
}
.multi-route__legend:first-child {
  margin-left: 0;
}
.multi-route__legend.-airline {
  padding-left: 1.8rem;
}
.multi-route__legend.-airline:before {
  width: 1.2rem;
  border-top: 0.2rem solid #0064de;
}
.multi-route__legend.-etc {
  padding-left: 2rem;
}
.multi-route__legend.-etc:before {
  width: 1.4rem;
  border-top: 0.2rem dotted #979797;
}
.multi-route__route {
  margin: 2rem 0;
}
@media (min-width: 1060px) {
  .multi-route__route {
    display: flex;
    justify-content: space-between;
    margin-top: 2.4rem;
  }
}
.multi-route__way1 {
  position: relative;
  display: flex;
  justify-content: space-between;
  height: 3.6rem;
}
@media (min-width: 1060px) {
  .multi-route__way1 {
    width: 48.12%;
  }
}
.multi-route__way1:before {
  content: "";
  display: block;
  position: absolute;
  top: 0.3rem;
  left: 3.6rem;
  right: 3.6rem;
  height: 0.4rem;
  background-color: #0064de;
  z-index: 2;
}
@media (min-width: 1060px) {
  .multi-route__way1:before {
    left: 5.5rem;
    right: 4.8rem;
  }
}
.multi-route__way2 {
  position: relative;
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  margin-top: 5rem;
}
@media (min-width: 1060px) {
  .multi-route__way2 {
    width: 48.12%;
    flex-direction: row;
    margin: 0;
  }
}
.multi-route__way2:before {
  content: "";
  display: block;
  position: absolute;
  top: 0.3rem;
  left: 3.6rem;
  right: 3.6rem;
  height: 0.4rem;
  background-color: #0064de;
  z-index: 2;
}
@media (min-width: 1060px) {
  .multi-route__way2:before {
    left: 5.5rem;
    right: 4.8rem;
  }
}
.multi-route__way2:after {
  content: "";
  display: block;
  position: absolute;
  top: -8.2rem;
  right: 0.9rem;
  width: 2.4rem;
  height: 8.9rem;
  border: 4px dashed #979797;
  border-left: 0;
  border-radius: 0 2.4rem 2.4rem 0;
}
@media (min-width: 1060px) {
  .multi-route__way2:after {
    border-radius: 0;
    border-right: 0;
    border-bottom: 0;
    top: 0.3rem;
    left: -8rem;
    width: 13.8rem;
    height: 0.4rem;
    z-index: 1;
  }
}
.multi-route__airport {
  position: relative;
  display: inline-block;
  width: 7.4rem;
  padding-top: 1.4rem;
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
  text-align: center;
}
@media (min-width: 1060px) {
  .multi-route__airport {
    width: 10.6rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.multi-route__airport:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  width: 1rem;
  height: 1rem;
  margin-left: -0.5rem;
  border: 1px solid #0064de;
  border-radius: 50%;
  background-color: #fff;
  z-index: 3;
}
.schedule {
  display: flex;
  flex-direction: column;
  border: 1px solid #d9dbe1;
}
@media (min-width: 1060px) {
  .schedule {
    flex-direction: row;
  }
}
.schedule__date {
  width: 100%;
  padding: 2rem;
  border-bottom: 1px solid #d9dbe1;
}
@media (min-width: 1060px) {
  .schedule__date {
    width: auto;
    margin-top: 2.7rem;
    padding: 0 4rem;
    border-bottom: 0;
    min-width: 31rem;
  }
}
.schedule__searchs {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 2rem 2rem 3rem;
}
@media (min-width: 1060px) {
  .schedule__searchs {
    flex-wrap: wrap;
    flex-direction: row;
    padding: 0 4rem 3.2rem;
  }
}
.schedule__searchs .message {
  margin-top: 0;
  text-align: center;
}
@media (min-width: 1060px) {
  .schedule__searchs .message {
    text-align: left;
  }
}
.schedule__searching {
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media (min-width: 1060px) {
  .schedule__searching {
    flex-direction: row;
  }
}
.schedule__search {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 4rem;
}
@media (min-width: 1060px) {
  .schedule__search {
    justify-content: inherit;
    display: inline-flex;
    width: 40%;
    margin: 0;
    padding-right: 4.5rem;
  }
}
.schedule__search .label {
  margin: 0;
  width: 4rem;
  font-size: 1.6rem;
  color: #000;
}
@media (min-width: 1060px) {
  .schedule__search .label {
    width: auto;
    font-size: 1.8rem;
  }
}
.schedule__txt {
  width: 100%;
  margin-top: 1.5rem;
  text-align: center;
  line-height: 2;
  font-size: 1.4rem;
}
@media (min-width: 1060px) {
  .schedule__txt {
    width: 15rem;
    margin-top: 3rem;
    font-size: 1.6rem;
    line-height: 4;
  }
}
.schedule__items {
  width: 100%;
}
@media (min-width: 1060px) {
  .schedule__items {
    width: 70%;
    margin-top: 2rem;
  }
}
.schedule__item {
  position: relative;
  padding-top: 1rem;
}
.schedule__title + .schedule__item {
  margin-top: 0.6rem;
}
.schedule__aligner {
  overflow: hidden;
  padding-bottom: 1.2rem;
}
.schedule__aligner:after {
  content: "";
  display: block;
  clear: both;
}
.schedule__button {
  display: block;
  width: 42.14%;
  border: 0;
  background: none transparent;
  cursor: pointer;
}
.schedule__button.-from {
  float: left;
}
.schedule__button.-to {
  float: right;
}
.schedule__button:hover,
.schedule__button:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .schedule__button:hover,
.app .schedule__button:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.schedule__swap {
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  display: inline-block;
  position: absolute;
  top: 1.6rem;
  left: 50%;
  width: 4.4rem;
  height: 4.4rem;
  margin-left: -2.2rem;
  border: 0;
  background: url(../images/booking__swap.svg) no-repeat;
  background-size: cover;
  cursor: pointer;
}
.schedule__swap:hover,
.schedule__swap:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .schedule__swap:hover,
.app .schedule__swap:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.schedule__swap[disabled] {
  background: url(../images/booking__swap--disabled.svg) no-repeat;
  background-size: cover;
  cursor: not-allowed;
}
.schedule__swap[disabled]:hover,
.schedule__swap[disabled]:focus {
  outline: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.schedule__code {
  display: inline-block;
  width: 100%;
  font-size: 2.2rem;
  font-weight: 700;
  font-style: normal;
  line-height: 1.55;
  color: #000;
}
.schedule__code[aria-hidden="true"] {
  margin-bottom: 0.5rem;
  font-weight: normal;
  color: #767676;
}
.schedule__airport {
  display: block;
  font-size: 1.4rem;
  line-height: 1.58;
  color: #767676;
}
.schedule-memo {
  margin: 4rem 0 2.5rem;
  text-align: center;
}
.schedule-memo__tit {
  font-size: 1.6rem;
}
@media (min-width: 1060px) {
  .schedule-memo__tit {
    font-size: 1.8rem;
  }
}
.schedule-memo__route {
  flex: 3;
  justify-content: space-between;
  margin-top: 0.4rem;
  min-height: 2.6rem;
}
@media (min-width: 1060px) {
  .schedule-memo__route {
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-top: 0;
    min-height: inherit;
  }
}
.schedule-memo__from {
  display: inline;
  padding-right: 1.6rem;
}
@media (min-width: 1060px) {
  .schedule-memo__from {
    padding-right: 3rem;
  }
}
.schedule-memo__to {
  display: inline;
  position: relative;
  padding-left: 1.6rem;
}
@media (min-width: 1060px) {
  .schedule-memo__to {
    padding-left: 4rem;
  }
}
.schedule-memo__to:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: -1.6rem;
  width: 2.4rem;
  height: 2.4rem;
  background: url(../images/schedule-memo__to__m.svg) no-repeat 50% 50%;
  background-size: 100%;
}
@media (min-width: 1060px) {
  .schedule-memo__to:before {
    width: 3.2rem;
    height: 3.2rem;
    top: 0.2rem;
    background-image: url(../images/schedule-memo__to.svg);
  }
}
.schedule-memo__code {
  color: #000;
  font-size: 1.8rem;
  font-weight: 700;
  font-style: normal;
  line-height: 1.56;
}
@media (min-width: 1060px) {
  .schedule-memo__code {
    display: inline-block;
    font-size: 2.2rem;
    line-height: 1.55;
    vertical-align: top;
  }
}
.schedule-memo__airport {
  display: inline-block;
  color: #555;
  font-size: 1.2rem;
  line-height: 1.5;
}
@media (min-width: 1060px) {
  .schedule-memo__airport {
    margin-left: 0.8rem;
    font-size: 1.4rem;
    line-height: 2.43;
    vertical-align: top;
  }
}
.schedule-place__list {
  border: 1px solid #d9dbe1;
}
.schedule-place__item {
  display: flex;
  flex-direction: column;
  padding: 2rem;
  border-top: 1px solid #d9dbe1;
}
@media (min-width: 1060px) {
  .schedule-place__item {
    flex-direction: row;
    padding: 2.8rem 6.4rem 2.8rem 4rem;
  }
}
.schedule-place__item:first-child {
  border-top: 0;
}
.schedule-place__head {
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media (min-width: 1060px) {
  .schedule-place__head {
    align-items: flex-start;
    width: 50%;
    margin-right: 6rem;
  }
}
.schedule-place__inner {
  display: flex;
}
.schedule-place__tit {
  width: 6.4rem;
  font-size: 1.4rem;
}
@media (min-width: 1060px) {
  .schedule-place__tit {
    width: 12rem;
    font-size: 1.6rem;
  }
}
.schedule-place__stat {
  display: flex;
  flex-direction: row;
}
@media (min-width: 1060px) {
  .schedule-place__stat {
    flex-direction: column;
  }
}
.schedule-place__txt {
  display: block;
  font-size: 1.2rem;
  color: #555;
}
@media (min-width: 1060px) {
  .schedule-place__txt {
    margin-top: 0.4rem;
    font-size: 1.4rem;
  }
}
.schedule-place__link {
  display: block;
  margin-top: 0.4rem;
  margin-left: 0.8rem;
}
@media (min-width: 1060px) {
  .schedule-place__link {
    margin-left: 0;
  }
}
.schedule-place__link .link {
  padding: 0.3rem 1rem;
  font-size: 1.4rem;
  border: 1px solid #969696;
  color: #555;
  text-decoration: none;
  border-radius: 1.4rem;
}
.schedule-place__body {
  width: 100%;
}
.schedule-place__info {
  position: relative;
}
.schedule-place__aligner {
  display: flex;
  justify-content: space-between;
}
@media (min-width: 1060px) {
  .schedule-place__aligner {
    flex-wrap: wrap;
  }
}
.schedule-place__from,
.schedule-place__to {
  text-align: left;
}
.schedule-place__from {
  width: 8rem;
}
@media (min-width: 1060px) {
  .schedule-place__from {
    width: 20rem;
    min-width: 11rem;
  }
}
.schedule-place__to {
  width: 12rem;
}
@media (min-width: 1060px) {
  .schedule-place__to {
    width: 20rem;
    min-width: 16rem;
  }
}
.schedule-place__place {
  color: #555;
  font-size: 1.2rem;
}
@media (min-width: 1060px) {
  .schedule-place__place {
    font-size: 1.6rem;
  }
}
.schedule-place__time {
  display: block;
  color: #000;
  font-size: 2.2rem;
  line-height: 1.55;
  white-space: nowrap;
}
@media (min-width: 1060px) {
  .schedule-place__time {
    font-size: 2.4rem;
    line-height: 1.5;
  }
}
.schedule-place__key.-canceled {
  text-decoration: line-through;
}
.schedule-place__value {
  font-size: 1.6rem;
  color: #00256c;
}
.schedule-place__aircode {
  display: inline-block;
  color: #00256c;
  font-size: 1.4rem;
  line-height: 1.5;
  vertical-align: top;
}
@media (min-width: 1060px) {
  .schedule-place__aircode {
    margin-top: 0.8rem;
    font-size: 1.6rem;
    line-height: 1.58;
  }
}
.schedule-place__direction {
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  width: 2rem;
  margin-left: -1rem;
}
@media (min-width: 1060px) {
  .schedule-place__direction {
    width: 17rem;
    margin-left: -8.5rem;
  }
}
.schedule-place__direction:before {
  content: "";
  display: block;
  position: absolute;
  top: 1.7rem;
  left: 0;
  width: 100%;
  height: 0.5rem;
  background: url(../images/schedule-place__direction__small.svg) no-repeat 50% 50%;
  background-size: 100%;
}
@media (min-width: 1060px) {
  .schedule-place__direction:before {
    background: url(../images/schedule-place__direction.svg) no-repeat 50% 50%;
  }
}
.schedule-place__more {
  text-align: center;
}
.schedule-place__more-btn {
  display: inline-block;
  padding: 1rem 0.5rem 1rem 0.1rem;
  border: 0;
  background-color: transparent;
}
.schedule-place__more-btn:hover,
.schedule-place__more-btn:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .schedule-place__more-btn:hover,
.app .schedule-place__more-btn:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.schedule-place__more-add {
  position: relative;
  font-size: 1.4rem;
  color: #00256c;
  padding-right: 2rem;
}
@media (min-width: 1060px) {
  .schedule-place__more-add {
    font-size: 1.6rem;
  }
}
.schedule-place__more-add:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  background: url(../images/product--more.svg) no-repeat 50% 50%;
  background-size: cover;
}
.schedule-place.-type2 .schedule-place__direction:before {
  top: 1rem;
  left: -2rem;
}
.schedule-place.-type2 .schedule-place__head {
  width: 100%;
}
@media (min-width: 1060px) {
  .schedule-place.-type2 .schedule-place__head {
    width: 30%;
  }
}
.schedule-status {
  position: relative;
  padding-left: 2.4rem;
  font-size: 1.4rem;
  line-height: 1.58;
  min-width: 5rem;
}
.schedule-status:before {
  content: "";
  position: absolute;
  overflow: hidden;
  top: -0.3rem;
  left: 0rem;
  width: 2.4rem;
  height: 2.4rem;
  background-size: contain;
  background-repeat: no-repeat;
}
@media (min-width: 1060px) {
  .schedule-status {
    padding-left: 2.8rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
  .schedule-status:before {
    top: 0rem;
    left: 0rem;
  }
}
.schedule-status.-arrive {
  color: #028484;
}
.schedule-status.-arrive:before {
  background-image: url(../images/schedule-status--arrive.svg);
}
.schedule-status.-confirm {
  color: #555;
}
.schedule-status.-confirm:before {
  background-image: url(../images/schedule-status--confirm.svg);
}
.schedule-status.-return {
  color: #c82fa0;
}
.schedule-status.-return:before {
  background-image: url(../images/schedule-status--return.svg);
}
.schedule-status.-delay {
  color: #755fd3;
}
.schedule-status.-delay:before {
  background-image: url(../images/schedule-status--delay.svg);
}
.schedule-status.-cancel {
  color: #de001b;
}
.schedule-status.-cancel:before {
  background-image: url(../images/schedule-status--cancel.svg);
}
.schedule-dates {
  margin: 2rem 0 1.3rem;
  background: #fff;
}
.schedule-dates.-pc__hidden {
  display: block;
}
@media (min-width: 1060px) {
  .schedule-dates.-pc__hidden {
    display: none;
  }
}
.schedule-dates.-pc__hidden .schedule-dates__th:hover,
.schedule-dates.-pc__hidden .schedule-dates__th:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .schedule-dates.-pc__hidden .schedule-dates__th:hover,
.app .schedule-dates.-pc__hidden .schedule-dates__th:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.schedule-dates.-pc__hidden .schedule-dates__td.-selected {
  border-top: none;
}
.schedule-dates.-pc__hidden .schedule-dates__td.-selected .schedule-dates__day:before {
  content: "";
  display: inline-block;
  height: 0.2rem;
  background-color: #fff;
  width: 100%;
  position: absolute;
  z-index: 2;
  left: 0;
  bottom: -2px;
  right: 0;
}
.schedule-dates.-mo__hidden {
  display: none;
}
@media (min-width: 1060px) {
  .schedule-dates.-mo__hidden {
    display: block;
  }
}
.schedule-dates.-mo__hidden .schedule-dates__td.-selected .schedule-dates__day:before {
  content: "";
  display: inline-block;
  height: 0.2rem;
  background-color: #fff;
  width: 100%;
  position: absolute;
  z-index: 2;
  left: 0;
  bottom: -2px;
  right: 0;
}
.schedule-dates__controls {
  display: flex;
  margin-bottom: 1.2rem;
}
.schedule-dates__controls .link-button {
  text-decoration: none;
  font-size: 1.4rem;
  color: #000;
}
@media (min-width: 1060px) {
  .schedule-dates__controls .link-button {
    font-size: 1.6rem;
  }
}
.schedule-dates__controls .link-button:before,
.schedule-dates__controls .link-button:after {
  content: "";
  display: inline-block;
  position: relative;
  top: 0.5rem;
  width: 2.4rem;
  height: 2.4rem;
}
.schedule-dates__controls .link-button.-prev:before {
  margin-right: 0.4rem;
  background: url(../images/schedule-dates__left.svg) no-repeat 50% 50%;
  background-size: 24px 24px;
}
.schedule-dates__controls .link-button.-next {
  margin-left: auto;
}
.schedule-dates__controls .link-button.-next:after {
  margin-left: 0.4rem;
  background: url(../images/schedule-dates__right.svg) no-repeat 50% 50%;
  background-size: 24px 24px;
}
.schedule-dates__covers {
  margin-top: 2rem;
}
.schedule-dates__covers:first-child {
  margin-top: 0;
}
.schedule-dates__jets {
  padding: 2rem;
  border: 1px solid #d9dbe1;
  border-bottom: none;
}
.schedule-dates__jets .schedule-jet {
  margin-left: 0;
}
.schedule-dates__jets .schedule-jet__literal {
  font-size: 1.4rem;
}
.schedule-dates__jets .schedule-jet__code {
  font-size: 1.2rem;
}
.schedule-dates__jets .schedule-jet__time {
  font-size: 2.2rem;
}
.schedule-dates__jets .schedule-jet__to:before {
  top: 3.2rem;
}
.schedule-dates__table {
  table-layout: auto;
  min-width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
}
@media (min-width: 1060px) {
  .schedule-dates__table {
    table-layout: fixed;
    width: 100%;
  }
}
.schedule-dates__th {
  height: 4.6rem;
  border: 1px solid #d9dbe1;
  color: #00256c;
  font-weight: normal;
  font-size: 1.2rem;
  line-height: 1.58;
  text-align: center;
}
@media (min-width: 1060px) {
  .schedule-dates__th {
    height: 7.3rem;
    font-size: 1.6rem;
    line-height: 1.56;
  }
}
.schedule-dates__th.-row {
  padding: 3.2rem 0;
  vertical-align: top;
}
.schedule-dates__th.-selected {
  border: 0.2rem solid #00256c;
  border-bottom: none;
}
.schedule-dates__th.-today {
  background-color: #f8f9fc;
}
.schedule-dates__date {
  display: block;
}
.schedule-dates__td {
  position: relative;
  border: 1px solid #d9dbe1;
  border-top: 0;
  color: #000;
  font-size: 1.2rem;
  vertical-align: top;
  cursor: pointer;
}
@media (min-width: 1060px) {
  .schedule-dates__td {
    font-size: 1.4rem;
    line-height: 1.56;
  }
}
.schedule-dates__td:hover,
.schedule-dates__td:focus {
  border-radius: 0;
}
.schedule-dates__td:first-child {
  color: #de001b;
}
.schedule-dates__td[aria-hidden="true"] {
  cursor: not-allowed;
}
.schedule-dates__td.-disabled {
  color: #ccc;
  cursor: not-allowed;
}
.schedule-dates__td.-selected {
  border: 0.2rem solid #00256c;
  border-bottom: 0;
}
.schedule-dates__td.-today .schedule-dates__day {
  background-color: #f8f9fc;
}
.schedule-dates__data {
  position: relative;
}
.schedule-dates__data .schedule-dates__jet {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.schedule-dates__day {
  position: relative;
  width: 100%;
  min-width: auto;
  height: 7.7rem;
  line-height: 7.7rem;
  text-align: center;
}
.schedule-dates__day:hover,
.schedule-dates__day:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .schedule-dates__day:hover,
.app .schedule-dates__day:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.-selected .schedule-dates__day {
  position: relative;
}
.-selected .schedule-dates__day:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: -0.3rem;
  left: 0;
  z-index: 2;
  height: 0.1rem;
  background: #f8f9fc;
}
@media (min-width: 1060px) {
  .schedule-dates__day {
    min-width: 8.4rem;
    height: 12.4rem;
    line-height: 12.4rem;
  }
}
.schedule-dates__jet {
  display: inline-block;
}
.schedule-dates__jet:before {
  content: "";
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  background: url(../images/schedule-dates__airplane.svg) no-repeat 50% 50%;
  background-size: 24px 24px;
}
.schedule-dates__price {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 0.4rem 0.6rem;
  color: #000;
  font-size: 1.2rem;
  line-height: 1.5;
  text-align: right;
}
@media (min-width: 1060px) {
  .schedule-dates__price {
    font-size: 1.6rem;
  }
}
.-selected .schedule-dates__price {
  color: #0064de;
}
.schedule-dates__tag {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  position: absolute;
  top: 0.2rem;
  right: 0.3rem;
  width: 0.8rem;
  height: 0.8rem;
}
@media (min-width: 1060px) {
  .schedule-dates__tag {
    font-size: 1.6rem;
  }
}
.schedule-dates__detail {
  display: none;
  position: absolute;
  top: 12.4rem;
  border-top: 1px solid #d9dbe1;
  background: #fff;
  cursor: initial;
}
.schedule-dates__detail-aligner {
  padding: 2rem;
}
@media (min-width: 1060px) {
  .schedule-dates__detail-aligner {
    display: flex;
    align-items: center;
    padding: 3.2rem 4rem;
  }
}
.schedule-dates__detail-info {
  flex: 1;
}
@media (min-width: 1060px) {
  .schedule-dates__detail-info {
    border-right: 1px solid #d9dbe1;
  }
}
.schedule-dates__detail-button {
  margin-top: 2rem;
}
.-selected .schedule-dates__detail {
  display: block;
  z-index: 1;
  border: 0.2rem solid #00256c;
}
.schedule-dates__division {
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: 1px solid #d9dbe1;
}
.schedule-dates__division:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}
@media (min-width: 1060px) {
  .schedule-dates__division {
    margin-top: 0;
    border-top: none;
  }
}
.schedule-dates__assort {
  margin-bottom: 1rem;
  font-size: 1.4rem;
}
@media (min-width: 1060px) {
  .schedule-dates__assort {
    margin-bottom: 0;
    font-size: 1.6rem;
  }
}
.schedule-dates__assort-tit {
  display: inline-block;
}
.schedule-dates__assort-txt {
  display: inline-block;
  margin: 0 1.2rem;
  color: #555;
}
@media (min-width: 1060px) {
  .schedule-dates__assort-txt {
    margin: 0 1.6rem;
  }
}
.schedule-dates__assort .link {
  display: inline-block;
}
.schedule-dates__assort .memo {
  color: #555;
}
.schedule-dates__totals {
  align-items: center;
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: 1px solid #d9dbe1;
}
@media (min-width: 1060px) {
  .schedule-dates__totals {
    display: flex;
    flex: 1;
    margin: 0;
    padding: 0;
    border-top: none;
  }
}
.schedule-dates__hour {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 1.2rem;
}
@media (min-width: 1060px) {
  .schedule-dates__hour {
    display: inherit;
    flex-direction: column;
    margin: 0 4rem;
    text-align: center;
  }
}
.schedule-dates__hour-key {
  margin-right: 1.2rem;
  color: #555;
  font-size: 1.6rem;
}
@media (min-width: 1060px) {
  .schedule-dates__hour-key {
    display: block;
    margin-right: 0;
  }
}
.schedule-dates__hour-value {
  font-size: 2rem;
}
@media (min-width: 1060px) {
  .schedule-dates__hour-value {
    display: block;
    margin-top: 0.4rem;
  }
}
.schedule-dates__route {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
@media (min-width: 1060px) {
  .schedule-dates__route {
    justify-content: flex-start;
    flex-direction: row;
  }
}
.schedule-dates__area {
  display: flex;
  align-items: center;
}
.schedule-dates__from {
  padding-right: 1.6rem;
  font-size: 1.4rem;
  color: #555;
}
@media (min-width: 1060px) {
  .schedule-dates__from {
    padding-right: 2rem;
    font-size: 1.6rem;
  }
}
.schedule-dates__to {
  position: relative;
  padding-left: 1.6rem;
}
@media (min-width: 1060px) {
  .schedule-dates__to {
    padding-left: 2rem;
  }
}
.schedule-dates__to:before {
  content: "";
  display: block;
  position: absolute;
  top: -0.2rem;
  left: -1.6rem;
  width: 3.2rem;
  height: 3.2rem;
  background: url(../images/compare__route-to.svg) no-repeat 50% 50%;
  background-size: 32px 32px;
}
.schedule-dates__time {
  display: block;
  margin-top: 0.8rem;
  font-size: 1.4rem;
  font-weight: 700;
}
@media (min-width: 1060px) {
  .schedule-dates__time {
    display: inline-block;
    margin-top: 0;
    margin-left: 1.6rem;
    font-size: 1.6rem;
  }
}
.schedule-dates__code {
  color: #555;
  font-style: normal;
  line-height: 1.5;
}
@media (min-width: 1060px) {
  .schedule-dates__code {
    display: inline-block;
    line-height: 1.55;
    vertical-align: middle;
  }
}
.schedule-dates__airport {
  color: #555;
  font-size: 1.4rem;
  line-height: 1.5;
}
@media (min-width: 1060px) {
  .schedule-dates__airport {
    display: inline-block;
    vertical-align: middle;
  }
}
.schedule-dates__airplane {
  display: block;
  margin-top: 1.2rem;
  font-size: 1.4rem;
  color: #00256c;
}
@media (min-width: 1060px) {
  .schedule-dates__airplane {
    margin-top: 0.8rem;
    font-size: 1.6rem;
  }
}
.schedule-jet {
  display: flex;
  margin-left: 4rem;
}
.schedule-jet + .schedule-jet {
  margin-top: 2rem;
}
.schedule-jet__literal {
  width: 10rem;
  font-size: 1.4rem;
  color: #000;
  text-align: left;
}
@media (min-width: 1060px) {
  .schedule-jet__literal {
    width: 12rem;
    font-size: 1.6rem;
  }
}
.schedule-jet__route {
  display: flex;
}
.schedule-jet__from {
  width: 100%;
  margin-right: 2rem;
  padding-right: 1.6rem;
  text-align: left;
}
@media (min-width: 1060px) {
  .schedule-jet__from {
    width: auto;
    padding-right: 2rem;
  }
}
.schedule-jet__to {
  position: relative;
  width: 100%;
  padding-left: 1.6rem;
  text-align: left;
}
.schedule-jet__to:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: -2rem;
  width: 2rem;
  height: 0.5rem;
  background: url(../images/schedule-place__direction__small.svg) no-repeat 50% 50%;
  background-size: 100%;
}
@media (min-width: 1060px) {
  .schedule-jet__to:before {
    top: 0.8rem;
  }
}
@media (min-width: 1060px) {
  .schedule-jet__to {
    width: auto;
    padding-left: 2rem;
  }
}
.schedule-jet__code {
  display: block;
  color: #555;
  font-size: 1.2rem;
  font-style: normal;
  line-height: 1.5;
}
@media (min-width: 1060px) {
  .schedule-jet__code {
    font-size: 1.6rem;
    line-height: 1.55;
    vertical-align: middle;
  }
}
.schedule-jet__time {
  font-size: 2.2rem;
  color: #000;
  line-height: 1.55;
}
@media (min-width: 1060px) {
  .schedule-jet__time {
    font-size: 2.4rem;
    line-height: 1.5;
  }
}
.catch-menu__list {
  display: flex;
  margin-left: auto;
  margin-top: 2rem;
  margin-bottom: 4rem;
}
@media (min-width: 1060px) {
  .catch-menu__list {
    margin-bottom: 2rem;
  }
}
.catch-menu__item + .catch-menu__item {
  margin-left: 0.8rem;
}
.catch-menu__item:first-child {
  margin-left: auto;
}
.reserve-banner {
  margin: 2rem 0 4rem;
  background-color: #e6f9ff;
}
.reserve-banner__link {
  display: block;
  width: 100%;
  padding: 2rem;
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
  text-decoration: none;
}
.reserve-banner__link:hover,
.reserve-banner__link:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .reserve-banner__link:hover,
.app .reserve-banner__link:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.reserve-banner + .reserve-banner {
  margin-top: -2rem;
}
.airport-transit {
  margin: 2.4rem 0;
}
@media (min-width: 1060px) {
  .airport-transit {
    margin: 4rem 0;
  }
}
.airport-transit:first-child {
  margin-top: 0;
}
.airport-transit:last-child {
  margin-bottom: 0;
}
.airport-transit:first-of-type {
  margin-top: 0;
}
.airport-transit:last-of-type {
  margin-bottom: 0;
  border-bottom: 1px solid #d9dbe1;
}
@media (min-width: 1060px) {
  .airport-transit:last-of-type {
    border-bottom: 0;
  }
}
.airport-transit__title {
  display: block;
  padding: 1rem 2rem;
  background: #f3f4f8;
  color: #000;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1.5;
}
@media (min-width: 1060px) {
  .airport-transit__title {
    margin-bottom: 1.2rem;
    padding: 1.2rem 4rem;
    font-size: 1.8rem;
    line-height: 1.5;
  }
}
.airport-transit__item {
  padding: 1.6rem 2rem;
}
@media (min-width: 1060px) {
  .airport-transit__item {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 2rem 4rem;
  }
}
.airport-transit__item + .airport-transit__item {
  border-top: 1px solid #d9dbe1;
}
.airport-transit__key {
  margin-bottom: 0.4rem;
  color: #000;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .airport-transit__key {
    width: 27%;
    margin: 0;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.airport-transit__value {
  color: #555;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .airport-transit__value {
    width: 73%;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.airport-transit__tag {
  display: inline-block;
  padding: 0.1rem 0.8rem;
  border-radius: 2.4rem;
  background: #00256c;
  color: #fff;
  font-size: 1.4rem;
  line-height: 1.58;
}
.date-pop {
  box-sizing: border-box;
  appearance: none;
  display: block;
  width: 100%;
  height: 4rem;
  margin: 0;
  border: 0;
  border-bottom: 1px solid #00256c;
  background: none;
  color: #000;
  line-height: 1.5;
  text-align: left;
  cursor: pointer;
}
@media (min-width: 1060px) {
  .date-pop {
    height: 4.8rem;
    line-height: 1.56;
  }
}
.date-pop:hover,
.date-pop:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .date-pop:hover,
.app .date-pop:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.date-pop__date {
  display: inline-block;
  padding-left: 2.8rem;
  background: url(../images/booking__date.svg) 0 center no-repeat;
  background-size: 24px 24px;
  color: #000;
  font-size: 1.6rem;
  line-height: 1.71;
}
@media (min-width: 1060px) {
  .date-pop__date {
    padding-left: 3.2rem;
    font-size: 1.6rem;
  }
}
@media (min-width: 1300px) {
  .date-pop__date {
    font-size: 1.8rem;
  }
}
.date-pop__date[aria-hidden="true"] {
  color: #767676;
  font-weight: normal;
}
.sp-mileage {
  margin: 5rem 0 1.2rem 0;
  padding: 2rem;
  background-color: #f3f4f8;
}
@media (min-width: 1060px) {
  .sp-mileage {
    margin-top: 6rem;
    padding: 3.6rem 4rem;
  }
}
.sp-mileage__total {
  font-size: 1.4rem;
  font-weight: normal;
  color: #000;
  text-align: center;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .sp-mileage__total {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.sp-mileage__value {
  margin-top: 0.4rem;
  font-size: 1.8rem;
  color: #00256c;
  line-height: 1.67;
}
@media (min-width: 1060px) {
  .sp-mileage__value {
    margin-top: 0;
    font-size: 2.4rem;
    line-height: 1.5;
  }
}
.sp-mileage__value:before {
  content: "";
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  vertical-align: middle;
  margin: -0.4rem 0.4rem 0 0;
  background: url(../images/sp-mileage__value--before.svg) no-repeat center;
  background-size: 24px 24px;
}
@media (min-width: 1060px) {
  .sp-mileage__value:before {
    margin-top: -0.2rem;
  }
}
.sp-mileage__miles {
  font-weight: bold;
}
.sp-mileage__details {
  margin-top: 1.8rem;
  padding: 1.6rem;
  background-color: #fff;
}
@media (min-width: 1060px) {
  .sp-mileage__details {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 2rem;
    padding: 2rem 4rem;
  }
}
@media (min-width: 1060px) {
  .sp-mileage__details.-col2 .sp-mileage__detail {
    flex: auto;
    width: 50%;
    max-width: 50%;
    min-width: 50%;
    margin-top: 0;
    padding-top: 1.2rem;
    padding-left: 4rem;
  }
  .sp-mileage__details.-col2 .sp-mileage__detail:first-child {
    padding-top: 0;
  }
  .sp-mileage__details.-col2 .sp-mileage__detail:nth-of-type(2) {
    padding-top: 0;
  }
  .sp-mileage__details.-col2 .sp-mileage__detail:nth-of-type(2n+1) {
    padding-left: 0;
    padding-right: 4rem;
    border-right: 1px solid #d9dbe1;
  }
}
.sp-mileage__detail {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: auto;
  margin-top: 0.8rem;
}
.sp-mileage__detail:first-child {
  margin-top: 0;
}
.sp-mileage__from {
  flex: auto;
  width: 50%;
  height: auto;
  font-size: 1.4rem;
  font-weight: normal;
  color: #00256c;
  text-align: left;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .sp-mileage__from {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.sp-mileage__to {
  flex: auto;
  width: 50%;
  height: auto;
  font-size: 1.4rem;
  font-weight: normal;
  color: #00256c;
  text-align: left;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .sp-mileage__to {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.sp-mileage__save {
  width: 50%;
  margin-left: 0.8rem;
  font-size: 1.4rem;
  font-weight: normal;
  color: #00256c;
  text-align: right;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .sp-mileage__save {
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.sp-mileage__mile {
  font-weight: bold;
}
.feature .h3 {
  margin: 4rem 0 0.8rem;
}
.feature .h3:first-child {
  margin-top: 0;
}
.feature .confirms {
  margin-top: 6rem;
}
.bridge-links {
  margin-top: 1.6rem;
  padding: 1.6rem 2rem 1.6rem 8rem;
  border: 1px solid #d9dbe1;
}
.bridge-links.-save {
  background: url(../images/bridge-links--save.svg) no-repeat 2rem 1.6rem;
  background-size: 48px 48px;
}
.bridge-links.-bonus {
  background: url(../images/bridge-links--bonus.svg) no-repeat 2rem 1.6rem;
  background-size: 48px 48px;
}
.bridge-links.-seat {
  background: url(../images/bridge-links--seat.svg) no-repeat 2rem 1.6rem;
  background-size: 48px 48px;
}
.bridge-links__desc {
  font-size: 1.4rem;
  font-weight: bold;
  color: #000;
  line-height: 1.58;
}
.bridge-links__link {
  margin-top: 0.4rem;
}
.flight-data {
  margin: 1.2rem 0 4rem 0;
  border: 1px solid #d9dbe1;
}
.flight-data__info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2rem;
  background: #f6f8ff;
}
.flight-data__flight {
  display: flex;
  align-items: center;
  font-size: 1.6rem;
  font-weight: bold;
  color: #000;
  line-height: 1.5;
}
.flight-data__flight:after {
  content: "";
  display: block;
  width: 0.1rem;
  height: 1.2rem;
  margin: 0 1.2rem;
  background: #d9dbe1;
}
.flight-data__model {
  margin-right: auto;
  font-size: 1.4rem;
  font-weight: normal;
  color: #000;
  line-height: 1.71;
}
.flight-data__seat {
  font-size: 1.4rem;
  font-weight: normal;
  color: #000;
  text-align: right;
  line-height: 1.71;
}
.flight-data__details {
  position: relative;
  padding: 2rem;
}
.flight-data__detail {
  position: relative;
  padding-left: 2.6rem;
}
.flight-data__detail:before {
  content: "";
  display: block;
  position: absolute;
  top: 0.9rem;
  left: 0;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 100%;
  background: #00256c;
}
.flight-data__detail + .flight-data__detail {
  margin-top: 10.2rem;
}
.flight-data__detail + .flight-data__detail:after {
  content: "";
  display: block;
  position: absolute;
  bottom: calc(100% - 1.2rem);
  left: 0.3rem;
  width: 0.1rem;
  height: calc(100% + 10.2rem);
  background: #00256c;
}
.flight-data__route {
  display: flex;
  align-items: center;
}
.flight-data__code {
  font-size: 1.6rem;
  font-weight: bold;
  color: #000;
  line-height: 1.58;
}
.flight-data__airport {
  margin-left: 0.4rem;
  font-size: 1.4rem;
  font-weight: normal;
  color: #000;
  line-height: 1.58;
}
.flight-data__desc {
  display: flex;
  flex-wrap: wrap;
}
.flight-data__date {
  display: flex;
  align-items: center;
  font-size: 1.4rem;
  font-weight: normal;
  color: #555;
  line-height: 1.58;
}
.flight-data__date:after {
  content: "";
  display: block;
  width: 0.1rem;
  height: 1.2rem;
  margin: 0 1.2rem;
  background: #d9dbe1;
}
.flight-data__terminal {
  font-size: 1.4rem;
  font-weight: normal;
  color: #555;
  line-height: 1.58;
}
.flight-data__flying {
  position: absolute;
  top: 38%;
  left: 2.6rem;
  padding: 2rem;
}
.flight-data__hour {
  font-size: 1.4rem;
  font-weight: normal;
  color: #0064de;
}
.flight-guide {
  margin: 1.2rem 0 4.8rem 0;
}
.flight-guide__item + .flight-guide__item {
  margin-top: 2.4rem;
}
.flight-guide__link {
  display: block;
  width: 100%;
  height: auto;
  padding: 2rem;
  padding-top: calc(62.5% + 2rem);
  box-shadow: 0.2rem 0.6rem 1.8rem 0 rgba(0, 25, 72, 0.08);
  text-decoration: none;
}
.flight-guide__link.-airport {
  background: url(../images/flight-guide__link--airport.png) no-repeat top center;
  background-size: contain;
}
.flight-guide__link.-plane {
  background: url(../images/flight-guide__link--plane.png) no-repeat top center;
  background-size: contain;
}
.flight-guide__link.-seat {
  background: url(../images/flight-guide__link--seat.png) no-repeat top center;
  background-size: contain;
}
.flight-guide__link.-cabin {
  background: url(../images/flight-guide__link--cabin.png) no-repeat top center;
  background-size: contain;
}
.flight-guide__link.-enter {
  background: url(../images/flight-guide__link--enter.png) no-repeat top center;
  background-size: contain;
}
.flight-guide__link.-dining {
  background: url(../images/flight-guide__link--dining.png) no-repeat top center;
  background-size: contain;
}
.flight-guide__link:hover,
.flight-guide__link:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.app .flight-guide__link:hover,
.app .flight-guide__link:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.destination {
  margin: 1.2rem 0 2rem 0;
  padding-top: 50%;
  border-radius: 0.4rem;
  background: url(../images/destination.png) no-repeat 50% center;
  background-size: cover;
}
.destination__info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding: 2rem;
  padding-top: 0;
  background: #00256c;
}
.destination__info:before {
  content: "";
  display: block;
  position: absolute;
  top: -2rem;
  left: 0;
  width: 100%;
  height: 2rem;
  background: url(../images/destination--before.svg) no-repeat top left;
  background-size: 20px 20px;
}
.destination__info:after {
  content: "";
  display: block;
  position: absolute;
  top: -2rem;
  right: 0;
  width: calc(100% - 2rem);
  height: 2rem;
  background: #00256c;
}
.destination__nation {
  font-size: 1.4rem;
  font-weight: normal;
  color: #c7f3ff;
  line-height: 1.71;
}
.destination__date {
  margin-top: 0.2rem;
  font-size: 1.4rem;
  font-weight: normal;
  color: #fff;
  line-height: 1.58;
}
.destination__weather {
  display: flex;
  align-items: center;
  font-size: 1.6rem;
  font-weight: bold;
  color: #fff;
  line-height: 1.5;
}
.destination__weather.-sunny:before {
  content: "";
  display: inline-block;
  width: 2.2rem;
  height: 2.2rem;
  margin-right: 0.6rem;
  background: url(../images/destination__weather--sunny.svg) no-repeat 50% center;
  background-size: 22px 22px;
}
.destination__weather.-cloudy:before {
  content: "";
  display: inline-block;
  width: 2.2rem;
  height: 2.2rem;
  margin-right: 0.6rem;
  background: url(../images/destination__weather--cloudy.svg) no-repeat 50% center;
  background-size: 22px 22px;
}
.destination__weather.-cloudyup:before {
  content: "";
  display: inline-block;
  width: 2.2rem;
  height: 2.2rem;
  margin-right: 0.6rem;
  background: url(../images/destination__weather--cloudyup.svg) no-repeat 50% center;
  background-size: 22px 22px;
}
.destination__weather.-sunnyup:before {
  content: "";
  display: inline-block;
  width: 2.2rem;
  height: 2.2rem;
  margin-right: 0.6rem;
  background: url(../images/destination__weather--sunnyup.svg) no-repeat 50% center;
  background-size: 22px 22px;
}
.destination__weather.-snowy:before {
  content: "";
  display: inline-block;
  width: 2.2rem;
  height: 2.2rem;
  margin-right: 0.6rem;
  background: url(../images/destination__weather--snowy.svg) no-repeat 50% center;
  background-size: 22px 22px;
}
.destination__weather.-rainy:before {
  content: "";
  display: inline-block;
  width: 2.2rem;
  height: 2.2rem;
  margin-right: 0.6rem;
  background: url(../images/destination__weather--rainy.svg) no-repeat 50% center;
  background-size: 22px 22px;
}
.destination__weather.-windy:before {
  content: "";
  display: inline-block;
  width: 2.2rem;
  height: 2.2rem;
  margin-right: 0.6rem;
  background: url(../images/destination__weather--windy.svg) no-repeat 50% center;
  background-size: 22px 22px;
}
.benefit {
  margin-top: 1.2rem;
}
.benefit__item + .benefit__item {
  margin-top: 1.2rem;
}
.benefit__link {
  display: block;
  width: 100%;
  height: auto;
  padding: 2rem 2rem 2rem 8rem;
  border: 1px solid #d9dbe1;
  text-decoration: none;
}
.benefit__link.-cabin {
  background: url(../images/benefit__link--cabin.svg) no-repeat 2rem 2rem;
  background-size: 48px 48px;
}
.benefit__link.-charge {
  background: url(../images/benefit__link--charge.svg) no-repeat 2rem 2rem;
  background-size: 48px 48px;
}
.benefit__link.-branch {
  background: url(../images/benefit__link--branch.svg) no-repeat 2rem 2rem;
  background-size: 48px 48px;
}
.benefit__link:hover,
.benefit__link:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.app .benefit__link:hover,
.app .benefit__link:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.benefit__title {
  font-size: 1.6rem;
  font-weight: bold;
  color: #000;
  line-height: 1.5;
}
.benefit__desc {
  margin-top: 0.4rem;
  font-size: 1.4rem;
  font-weight: normal;
  color: #555;
  line-height: 1.58;
}
.travel-menu {
  margin: 0.8rem 0 1.6rem 0;
}
.travel-menu__list {
  padding-top: 1.5rem;
  border-bottom: 1px solid #d9dbe1;
  font-size: 0;
}
.travel-menu__item {
  display: inline-block;
}
.travel-menu__item + .travel-menu__item {
  margin-left: 3rem;
}
.travel-menu__item.-active:after {
  content: "";
  display: block;
  width: 100%;
  height: 0.3rem;
  margin: 0.6rem 0 0 0;
  background: #de001b;
}
.travel-menu__link {
  padding: 0 0.2rem;
  font-size: 1.4rem;
  font-weight: normal;
  color: #555;
  line-height: 1.58;
  text-decoration: none;
}
.travel-menu__item.-active .travel-menu__link {
  font-weight: bold;
  color: #00256c;
}
.travel-menu__link:hover,
.travel-menu__link:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.app .travel-menu__link:hover,
.app .travel-menu__link:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.aviation-name {
  margin: 1.6rem 0 4rem 0;
  padding: 2rem;
  border-radius: 0.6rem;
  box-shadow: 0 0.2rem 1rem 0 rgba(0, 0, 0, 0.1);
}
.aviation-name__forms .placeholder {
  padding-left: 3.2rem;
}
.aviation-name__code {
  position: absolute;
  top: 0.8rem;
  font-size: 1.6rem;
  font-weight: bold;
  color: #000;
  line-height: 1.5;
}
.aviation-name__textfield {
  padding-left: 3.2rem !important;
}
.aviation-name__board {
  margin-top: 2rem;
}
.aviation-name__seat {
  margin-top: 2rem;
}
.aviation-name__checkup {
  margin-top: 2rem;
}
.aviation-name__checkup .button {
  width: 100%;
}
.travel-result {
  margin-top: 2rem;
}
.travel-result.-none {
  margin-top: 4rem;
}
.travel-result__item + .travel-result__item {
  margin-top: 1.2rem;
}
.travel-result__link {
  display: block;
  padding: 2rem;
  border: 1px solid #d9dbe1;
  border-radius: 0.2rem;
  background: #f6f8ff;
  text-decoration: none;
}
.travel-result__link:hover,
.travel-result__link:focus {
  outline: 0;
  border-radius: 0.2rem !important;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #0064de;
}
.app .travel-result__link:hover,
.app .travel-result__link:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.travel-result__flight {
  padding-bottom: 1.6rem;
  font-size: 1.4rem;
  font-weight: bold;
  color: #000;
  line-height: 1.58;
}
.travel-result__detail {
  display: flex;
  justify-content: space-between;
  position: relative;
  padding-top: 2rem;
  border-top: 1px solid #d9dbe1;
}
.travel-result__route {
  flex: 1;
}
.travel-result__route.-from {
  padding-right: 5.8rem;
}
.travel-result__route.-to {
  padding-left: 5.8rem;
  text-align: right;
}
.travel-result__time {
  display: block;
  font-size: 2rem;
  font-weight: bold;
  color: #000;
  line-height: 1.5;
}
.travel-result__airport {
  display: block;
  margin-top: 0.2rem;
  font-size: 1.2rem;
  font-weight: normal;
  color: #767676;
  line-height: 1.5;
}
.travel-result__operation {
  position: absolute;
  top: 2rem;
  left: 50%;
  width: 11.6rem;
  height: auto;
  margin-left: -5.8rem;
}
.travel-result__operation:after {
  content: "";
  display: block;
  width: 100%;
  height: 0.8rem;
  margin: 0.2rem 0 0 0;
  background: url(../images/travel-result__operation--after.svg) no-repeat 50% center;
  background-size: 100% auto;
}
.travel-result__hour {
  font-size: 1.2rem;
  font-weight: normal;
  color: #00256c;
  text-align: center;
  line-height: 1.5;
}
.notify {
  position: relative;
}
.notify__item {
  background-color: #e7eaf0;
  border-top: 1px solid #e0e2e7;
  padding: 0 1rem 0 2rem;
}
@media (min-width: 1060px) {
  .notify__item {
    padding: 0 2rem;
  }
}
.notify__item.-hot {
  background-color: #fff1c4;
  border-top: 1px solid #e6dfcb;
}
.notify__aligner {
  display: flex;
  align-items: center;
  position: relative;
  height: 4.3rem;
}
@media (min-width: 1060px) {
  .notify__aligner {
    max-width: 128rem;
    margin: 0 auto;
  }
}
.notify__link {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  margin-right: 4.4rem;
  padding-left: 2.2rem;
  color: #000;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.57;
  text-decoration: none;
  background: url(../images/notify__link.svg) no-repeat left center / 16px 16px;
}
@media (min-width: 1060px) {
  .notify__link {
    padding-left: 2.6rem;
  }
}
.notify__link[type="button"] {
  border: 0;
  cursor: pointer;
}
.notify__link:hover,
.notify__link:focus {
  text-decoration: underline;
  outline: 0;
}
.notify__item.-hot .notify__link {
  background: url(../images/notify__link-hot.svg) no-repeat left center / 16px 16px;
  color: #de001b;
}
.notify__close {
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 4.3rem;
  height: 4.3rem;
  margin: 0;
  padding: 0;
  border: 0;
  background: url(../images/notify__close.svg) no-repeat center center / 16px 16px;
  cursor: pointer;
}
.notify__close:hover,
.notify__close:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .notify__close:hover,
.app .notify__close:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.additional-services {
  margin: 2rem 0 4rem;
}
@media (min-width: 1060px) {
  .additional-services {
    display: flex;
    justify-content: space-between;
    margin-bottom: 6rem;
  }
}
.additional-services__aligner {
  display: block;
  margin-bottom: auto;
  border: 1px solid #d9dbe1;
  border-radius: 0.2rem;
}
@media (min-width: 1060px) {
  .additional-services__aligner {
    width: 100%;
  }
}
.additional-services__aligner + .additional-services__aligner {
  margin-top: 2rem;
}
@media (min-width: 1060px) {
  .additional-services__aligner + .additional-services__aligner {
    margin-top: 0;
    margin-left: 2rem;
  }
}
.additional-services__heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding: 1.4rem 2rem 1.4rem 1.8rem;
  border-bottom: 1px solid #d9dbe1;
}
@media (min-width: 1060px) {
  .additional-services__heading {
    padding: 2.4rem;
  }
}
.additional-services__heading .option {
  flex-shrink: 0;
}
.additional-services__title {
  display: block;
  padding-left: 4rem;
  color: #00256c;
  font-size: 1.6rem;
}
@media (min-width: 1060px) {
  .additional-services__title {
    padding-left: 5.6rem;
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.additional-services__title:before {
  content: "";
  display: block;
  position: absolute;
  top: 1.4rem;
  left: 1.8rem;
  width: 3.6rem;
  height: 3.8rem;
  background: url(../images/additional-services__link-seat.svg) no-repeat 0 50%;
  background-size: 36px 38px;
}
@media (min-width: 1060px) {
  .additional-services__title:before {
    top: 2rem;
    left: 2.4rem;
    width: 4.8rem;
    height: 4.8rem;
    background-size: 48px 48px;
  }
}
.additional-services__service.-baggage .additional-services__title:before {
  background: url(../images/additional-services__link-baggage.svg) no-repeat 0 50%;
  background-size: 36px 38px;
}
@media (min-width: 1060px) {
  .additional-services__service.-baggage .additional-services__title:before {
    background-size: 48px 48px;
  }
}
.additional-services__link {
  display: block;
  position: relative;
  width: 100%;
  padding: 7.8rem 0 2.6rem;
  color: #00256c;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.71;
  text-align: center;
  text-decoration: none;
}
@media (min-width: 1060px) {
  .additional-services__link {
    padding: 11.2rem 0 4rem;
    font-size: 1.8rem;
    line-height: 1.56;
  }
}
.additional-services__link:before {
  content: "";
  display: block;
  position: absolute;
  top: 2.4rem;
  left: 50%;
  width: 5.4rem;
  height: 5.4rem;
  margin-left: -2.7rem;
}
@media (min-width: 1060px) {
  .additional-services__link:before {
    top: 4rem;
    width: 7.2rem;
    height: 7.4rem;
    margin-left: -3.6rem;
  }
}
.additional-services__service.-seat .additional-services__link:before {
  background: url(../images/additional-services__link-seat.svg) no-repeat 0 0;
  background-size: 54px 54px;
}
@media (min-width: 1060px) {
  .additional-services__service.-seat .additional-services__link:before {
    background-size: 72px 74px;
  }
}
.additional-services__service.-baggage .additional-services__link:before {
  background: url(../images/additional-services__link-baggage.svg) no-repeat 0 0;
  background-size: 54px 54px;
}
@media (min-width: 1060px) {
  .additional-services__service.-baggage .additional-services__link:before {
    background-size: 72px 74px;
  }
}
.additional-services__link:hover,
.additional-services__link:focus {
  outline: 0;
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px #0064de;
}
.app .additional-services__link:hover,
.app .additional-services__link:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.additional-services__contents {
  position: relative;
  padding: 3.2rem 2rem 3.2rem;
  background-color: #fcfdfe;
}
@media (min-width: 1060px) {
  .additional-services__contents {
    padding: 3.2rem 3.2rem 5.7rem;
  }
}
.additional-services__contents .expander {
  position: absolute;
  top: 3.2rem;
  right: 2rem;
}
@media (min-width: 1060px) {
  .additional-services__contents .expander {
    right: 2.4rem;
  }
}
.additional-services__contents.-active {
  padding: 2rem;
}
@media (min-width: 1060px) {
  .additional-services__contents.-active {
    padding: 3.2rem 2.5rem;
  }
}
.additional-services__contents.-active .expander {
  top: 2rem;
  right: 2rem;
}
@media (min-width: 1060px) {
  .additional-services__contents.-active .expander {
    top: 3.2rem;
    right: 2.4rem;
  }
}
.additional-services__txt {
  padding-right: 7rem;
  color: #000;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .additional-services__txt {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.additional-services__list {
  display: none;
  padding-top: 2rem;
  background-color: #fcfdfe;
}
@media (min-width: 1060px) {
  .additional-services__list {
    padding-top: 2.8rem;
  }
}
.additional-services__contents.-active .additional-services__list {
  display: block;
}
.additional-services__item {
  display: flex;
  justify-content: space-between;
}
.additional-services__name {
  flex: 13;
  color: #000;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.58;
}
@media (min-width: 1060px) {
  .additional-services__name {
    flex: 6;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.additional-services__data-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  flex: 15;
}
@media (min-width: 1060px) {
  .additional-services__data-list {
    flex: 5;
  }
}
.additional-services__data {
  min-width: 3.7rem;
  color: #000;
  font-size: 1.4rem;
  line-height: 2.14;
  text-align: center;
}
@media (min-width: 1060px) {
  .additional-services__data {
    min-width: 4.5rem;
    font-size: 1.6rem;
    line-height: 2;
  }
}