@charset "UTF-8";
/* line 4, ../scss/buttons.scss */
.c-button {
  text-align: center;
}
/* line 6, ../scss/buttons.scss */
.c-button input,
.c-button a {
  width: 305px;
  background: #3e011c;
  display: block;
  color: #fff;
  border: none;
  font-size: 18px;
  padding: 17px 20px;
  border-radius: 5px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  transition: 0.3s;
  opacity: 1;
  cursor: pointer;
  box-sizing: border-box;
  position: relative;
  text-decoration: none !important;
}
@media screen and (max-width: 960px) {
  /* line 6, ../scss/buttons.scss */
  .c-button input,
  .c-button a {
    font-size: 16px;
    width: 100%;
  }
}

.c-button input:disabled {
  opacity: 0.7;
  background-color: gray;
  pointer-events: none;
}

/* line 25, ../scss/buttons.scss */
.c-button input.is-closed,
.c-button a.is-closed {
  background: #9fa0a0;
  box-shadow: none;
  cursor: initial;
  pointer-events: none;
}
/* line 30, ../scss/buttons.scss */
.c-button input.is-closed:hover,
.c-button a.is-closed:hover {
  opacity: 1;
  text-decoration: none;
}
/* line 35, ../scss/buttons.scss */
.c-button input.is-center,
.c-button a.is-center {
  margin: 0 auto;
}
/* line 38, ../scss/buttons.scss */
.c-button input:hover,
.c-button a:hover {
  opacity: 0.7;
}
.c-button a.seat-select{
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.c-button a.seat-select::before{
  content: "";
  width: 30px;
  height: 32px;
  background: url(/ec/shop/images/search/icn-seat.svg) no-repeat;
  background-size: 100% auto;
  margin-top: -6px;
}
@media screen and (max-width: 500px) {
  /* line 6, ../scss/buttons.scss */
  .c-button input,
  .c-button a {
    padding: 17px 0;
    display: block;
    width: 100%;
    text-align: center;
    appearance: none;
    -webkit-appearance: none;
    border-radius: 3px;
    font-size: 16px;
  }
}
/* line 51, ../scss/buttons.scss */
.c-button.is-long {
  max-width: 600px;
  margin: 0 auto;
}
/* line 54, ../scss/buttons.scss */
.c-button.is-long a {
  width: 100%;
}
.c-button.is-long input[type="button"] {
  width: 100%;
}
.c-button.is-long input[type="button"]:focus {
  /* outline: 2px solid #3e011c;
  outline-offset: -2px; */
  border: solid 2px #3e011c;
}

/*****追加：【カード情報詳細_カード情報詳細】ボタン幅について****/
.c-button.is-long input[type="submit"] {
  width: 100%;
}
.c-button.is-long input[type="submit"]:focus {
  outline: 3px solid #1c69bf;
  outline-offset: -3px;
}

/* line 59, ../scss/buttons.scss */
.c-button.is-external a {
  position: relative;
}
/* line 61, ../scss/buttons.scss */
.c-button.is-external a:after {
  content: "";
  width: 18px;
  height: 18px;
  background: url(/ec/shop/images/member/icn-external.svg) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 0;
  right: 25px;
  bottom: 0;
  left: auto;
  margin: auto;
}
/* line 77, ../scss/buttons.scss */
.c-button.is-long-text a,
.c-button.is-long-text input {
  max-width: 320px !important;
}
/* line 81, ../scss/buttons.scss */
.c-button.is-mypage {
  max-width: 164px;
}
@media screen and (max-width: 960px) {
  /* line 81, ../scss/buttons.scss */
  .c-button.is-mypage {
    max-width: 100%;
  }
}
/* line 86, ../scss/buttons.scss */
.c-button.is-mypage a {
  background: #9e7e4d;
  width: 100%;
  font-size: 18px;
  padding: 11px 37px;
  box-shadow: none;
  touch-action: none;
  cursor: unset;
}
/* line 94, ../scss/buttons.scss */
.c-button.is-mypage a:hover {
  opacity: 1;
}
@media screen and (max-width: 900px) {
  /* line 86, ../scss/buttons.scss */
  .c-button.is-mypage a {
    padding: 11px 20px;
    font-size: 16px;
  }
}
@media screen and (max-width: 960px) {
  /* line 86, ../scss/buttons.scss */
  .c-button.is-mypage a {
    border-radius: 0;
    font-size: 18px;
    padding: 19px 0;
  }
}
/* line 108, ../scss/buttons.scss */
.c-button.is-logout {
  max-width: 112px;
}
/* line 110, ../scss/buttons.scss */

/* line 123, ../scss/buttons.scss */
.c-button.is-logout input {
  content: "";
  box-shadow: none;
  display: inline-block;
  width: 89px;
  height: 40px;
  /* HKEX-449 Customization Area is from here.*/
  background: url(/ec/shop/images/login/icn-logout-button_en.svg) no-repeat;
  /* HKEX-449 Customization Area is to here.*/
  background-size: 100% auto;
  margin-top: 4px;
  transition: 0.3s;
}

@media screen and (max-width: 960px) {
  /* line 136, ../scss/buttons.scss */
  .c-button.thankyou a,
  .c-button.thankyou input {
    max-width: 305px;
    margin: 0 auto;
  }
}
/* line 142, ../scss/buttons.scss */
.c-button.has-margin {
  margin-top: 74px;
}
@media screen and (max-width: 960px) {
  /* line 142, ../scss/buttons.scss */
  .c-button.has-margin {
    margin-top: 50px;
  }
}
/* line 148, ../scss/buttons.scss */
.c-button.is-toggle {
  width: 100%;
  position: relative;
}
/* line 151, ../scss/buttons.scss */
.c-button.is-toggle + div {
  margin-top: 32px;
  display: none;
}
@media screen and (max-width: 960px) {
  /* line 151, ../scss/buttons.scss */
  .c-button.is-toggle + div {
    margin-top: 26px;
  }
}
/* line 157, ../scss/buttons.scss */
.c-button.is-toggle + div p {
  margin-bottom: 30px;
  line-height: 2;
  font-size: 16px;
}
@media screen and (max-width: 960px) {
  /* line 157, ../scss/buttons.scss */
  .c-button.is-toggle + div p {
    font-size: 14px;
  }
}
/* line 166, ../scss/buttons.scss */
.c-button.is-toggle:before,
.c-button.is-toggle:after {
  content: "";
  width: 18px;
  height: 2px;
  display: block;
  background: #3e011c;
  position: absolute;
  top: 0;
  right: 25px;
  bottom: 0;
  left: auto;
  margin: auto;
  transition: 0.5s;
  z-index: 2;
}
/* line 182, ../scss/buttons.scss */
.c-button.is-toggle:before {
  transform: rotate(90deg);
  z-index: 3;
}
/* line 187, ../scss/buttons.scss */
.c-button.is-toggle.is-open:before {
  transform: rotate(180deg);
}
/* line 191, ../scss/buttons.scss */
.c-button.is-toggle a {
  max-width: 100%;
  width: 100%;
  text-align: left;
}
@media screen and (max-width: 960px) {
  /* line 191, ../scss/buttons.scss */
  .c-button.is-toggle a {
    padding: 20px;
  }
}
/* line 201, ../scss/buttons.scss */
.c-button.is-gray input,
.c-button.is-gray a {
  background: #9fa0a0;
}
/* line 203, ../scss/buttons.scss */
.c-button.is-gray input:hover,
.c-button.is-gray a:hover {
  opacity: 1;
}
/* line 209, ../scss/buttons.scss */
.c-button.is-invalid input,
.c-button.is-invalid a {
  pointer-events: none;
  box-shadow: none;
}
/* line 215, ../scss/buttons.scss */
.c-button.is-light input,
.c-button.is-light a {
  background: #80003f;
}
/* line 220, ../scss/buttons.scss */
.c-button.is-outline input,
.c-button.is-outline a {
  background: #fff;
  color: #3e011c;
  font-weight: bold;
  box-sizing: border-box;
  /* outline: 2px solid #3e011c;
  outline-offset: -2px; */
  border: 2px solid #3e011c;
}

.c-button.is-outline input.is-wide {
  width: 100%;
}

.c-button.is-outline input.is-wide[disabled], .hk-modal-content__buttons .c-button input.is-center[disabled] {
  pointer-events: none;
  background: #9fa0a0;
  color: #fff;
  outline: none;
  box-shadow: none;
  border: none;
}

/* line 227, ../scss/buttons.scss */
.c-button.is-outline input:focus,
.c-button.is-outline a:focus {
  outline: 3px solid #1c69bf;
  outline-offset: -3px;
}
/* line 233, ../scss/buttons.scss */
.c-button.is-outline.is-black input,
.c-button.is-outline.is-black a {
  border: solid 1px #333333;
  color: #333333;
  font-weight: bold;
}
/* line 241, ../scss/buttons.scss */
.c-button.is-black input,
.c-button.is-black a {
  background: #fff;
  border: solid 1px #333333;
  color: #333333;
  font-weight: bold;
}
/* line 249, ../scss/buttons.scss */
.c-button.is-white input,
.c-button.is-white a {
  background: #fff;
  border: solid 1px #333;
  color: #3e011c;
}
/* line 256, ../scss/buttons.scss */
.c-button.is-sm input,
.c-button.is-sm a {
  width: 130px;
  font-size: 14px;
  padding: 13px 20px;
}
@media screen and (max-width: 960px) {
  /* line 256, ../scss/buttons.scss */
  .c-button.is-sm input,
  .c-button.is-sm a {
    width: 115px;
    font-size: 12px;
  }
}
/* line 264, ../scss/buttons.scss */
.c-button.is-sm input.has-icon:after,
.c-button.is-sm a.has-icon:after {
  width: auto;
  height: auto;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
/* line 279, ../scss/buttons.scss */
.c-button.is-sm input.prev:after,
.c-button.is-sm input.next:after,
.c-button.is-sm a.prev:after,
.c-button.is-sm a.next:after {
  width: 8px;
  height: 14px;
  background: url(/ec/shop/images/search/icn-arrow-left-white.svg) no-repeat;
  background-size: 100% 100%;
  right: auto;
  left: 10px;
}
/* line 288, ../scss/buttons.scss */
.c-button.is-sm input.prev,
.c-button.is-sm a.prev {
  padding-left: 25px;
  padding-right: 15px;
}
/* line 292, ../scss/buttons.scss */
.c-button.is-sm input.next,
.c-button.is-sm a.next {
  padding-left: 15px;
  padding-right: 25px;
}
/* line 295, ../scss/buttons.scss */
.c-button.is-sm input.next:after,
.c-button.is-sm a.next:after {
  left: auto;
  right: 10px;
  transform: rotate(180deg);
}
/* line 304, ../scss/buttons.scss */
.c-button.is-xs input,
.c-button.is-xs a {
  width: 80px;
  color: #333333;
  font-size: 16px;
  padding: 8px 13px;
}

/******追加：【空席照会・購入_座席選択】戻るボタンについて******/
.c-button.is-m input {
  color: #333333;
  font-size: 16px;
  font-weight: 600;
  padding: 13px 15px;
  width: auto !important;
}
.hk-search-nav.is-back-two {
  padding-top: 20px;
}

/* line 4, ../scss/page.scss */
html {
  /* width: 100vw;
  overflow-x: hidden; */
}

@media screen and (min-width: 961px) {
  /* line 8, ../scss/page.scss */
  .pc {
    display: block !important;
  }
  /* line 12, ../scss/page.scss */
  .pc.inline {
    display: inline-block !important;
  }
}
@media screen and (max-width: 960px) {
  /* line 8, ../scss/page.scss */
  .pc {
    display: none !important;
  }
}

@media screen and (min-width: 961px) {
  /* line 20, ../scss/page.scss */
  .sp {
    display: none !important;
  }
  /* line 24, ../scss/page.scss */
  .sp.inline {
    display: none !important;
  }
}
@media screen and (max-width: 960px) {
  /* line 20, ../scss/page.scss */
  .sp {
    display: block !important;
  }
  /* line 31, ../scss/page.scss */
  .sp.inline {
    display: inline-block !important;
  }
}

/* line 39, ../scss/page.scss */
.hk-content .is-center {
  text-align: center;
}
@media screen and (max-width: 960px) {
  /* line 42, ../scss/page.scss */
  .hk-content .is-left-sp {
    text-align: left;
  }
}
/* line 47, ../scss/page.scss */
.hk-content .has-no-header {
  padding-top: 56px;
}
@media screen and (max-width: 960px) {
  /* line 47, ../scss/page.scss */
  .hk-content .has-no-header {
    padding-top: 0;
  }
}
/* line 54, ../scss/page.scss */
.hk-content aside.alert {
  color: #80003f;
  font-size: 14px;
  margin-bottom: 10px;
  font-size: 16px;
}
/* line 60, ../scss/page.scss */
.hk-content aside a {
  color: inherit;
  text-decoration: underline;
}
/* line 65, ../scss/page.scss */
.hk-content-wrap {
  max-width: 880px;
  margin: 0 auto;
  padding: 0 30px;
  box-sizing: content-box;
}
@media screen and (max-width: 960px) {
  /* line 65, ../scss/page.scss */
  .hk-content-wrap {
    padding: 0 15px;
  }
}
/* line 74, ../scss/page.scss */
.hk-content > p {
  font-size: 16px;
  line-height: 28px;
}
@media screen and (max-width: 960px) {
  /* line 74, ../scss/page.scss */
  .hk-content > p {
    font-size: 14px;
    line-height: 22px;
  }
}
/* line 82, ../scss/page.scss */
.hk-content-buttons {
  display: flex;
  max-width: 626px;
  margin: 74px auto 0;
  justify-content: space-between;
}
@media screen and (max-width: 960px) {
  /* line 82, ../scss/page.scss */
  .hk-content-buttons {
    margin-top: 38px;
    max-width: 92%;
  }
}
/* line 91, ../scss/page.scss */
.hk-content-buttons .c-button {
  max-width: 305px;
}
@media screen and (max-width: 960px) {
  /* line 91, ../scss/page.scss */
  .hk-content-buttons .c-button {
    width: 47.2%;
    flex-basis: 47.2%;
  }
}
/* line 97, ../scss/page.scss */
.hk-content-buttons .c-button a,
.hk-content-buttons .c-button input {
  max-width: 305px;
}
@media screen and (max-width: 700px) {
  /* line 97, ../scss/page.scss */
  .hk-content-buttons .c-button a,
  .hk-content-buttons .c-button input {
    max-width: 100%;
    width: 100%;
    padding: 13px 0;
  }
}
/* line 108, ../scss/page.scss */
.hk-content-thankyou p {
  font-size: 16px;
  line-height: 28px;
  letter-spacing: 0.05em;
  margin-bottom: 45px;
}
@media screen and (max-width: 960px) {
  /* line 108, ../scss/page.scss */
  .hk-content-thankyou p {
    font-size: 14px;
    max-width: 305px;
    margin: 0 auto 20px;
  }
}
/* line 120, ../scss/page.scss */
.hk-content-thankyou.is-center p {
  text-align: center;
}
/* line 125, ../scss/page.scss */
.hk-content-head {
  display: flex;
  justify-content: space-between;
  margin-bottom: 58px;
}
@media screen and (max-width: 960px) {
  /* line 125, ../scss/page.scss */
  .hk-content-head {
    flex-direction: column-reverse;
    margin-bottom: 33px;
  }
}
/* line 133, ../scss/page.scss */
.hk-content-head h2 {
  padding-top: 20px;
  font-size: 26px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 34px;
}
@media screen and (max-width: 960px) {
  /* line 133, ../scss/page.scss */
  .hk-content-head h2 {
    text-align: center;
    font-size: 20px;
    padding-top: 0;
  }
}
/* line 144, ../scss/page.scss */
.hk-content-head h2 span {
  font-size: 18px;
  font-weight: bold;
  display: inline-block;
  padding-left: 19px;
}
@media screen and (max-width: 960px) {
  /* line 144, ../scss/page.scss */
  .hk-content-head h2 span {
    display: block;
    padding: 0;
    font-size: 14px;
  }
}
/* line 156, ../scss/page.scss */
.hk-content-head__number {
  width: 277px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
@media screen and (max-width: 960px) {
  /* line 156, ../scss/page.scss */
  .hk-content-head__number {
    margin: 0 auto 52px;
  }
}
/* line 165, ../scss/page.scss */
.hk-content-head__number li {
  position: relative;
}
/* line 167, ../scss/page.scss */
.hk-content-head__number li:after {
  content: "";
  display: block;
  position: absolute;
  width: 100px;
  height: 2px;
  background: #9fa0a0;
  bottom: 50%;
  right: 100%;
  z-index: -1;
}
/* line 179, ../scss/page.scss */
.hk-content-head__number li.is-active:after {
  background: #9e7e4d;
}
/* line 182, ../scss/page.scss */
.hk-content-head__number li.is-active span {
  background: #9e7e4d;
  color: #fff;
  border: solid 2px #9e7e4d;
}
/* line 188, ../scss/page.scss */
.hk-content-head__number li span {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  color: #9fa0a0;
  width: 30px;
  height: 30px;
  border-radius: 15px;
  font-weight: 700;
  border: solid 2px #9fa0a0;
  box-sizing: border-box;
}
/* line 202, ../scss/page.scss */
.hk-content-head__number li:first-of-type:after {
  display: none;
}

/* line 211, ../scss/page.scss */
.hk-breadcrumb {
  max-width: 880px;
  margin: 0 auto;
  padding: 25px 0 32px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-start;
}
@media screen and (max-width: 960px) {
  /* line 211, ../scss/page.scss */
  .hk-breadcrumb {
    padding: 15px 0 32px;
  }
}
/* line 222, ../scss/page.scss */
.hk-breadcrumb li {
  padding-right: 0.6em;
}
/* line 224, ../scss/page.scss */
.hk-breadcrumb li:before {
  content: "-";
  display: inline-block;
  padding-right: 0.6em;
}
/* line 230, ../scss/page.scss */
.hk-breadcrumb li:first-of-type:before {
  display: none;
}
@media screen and (max-width: 960px) {
  /* line 222, ../scss/page.scss */
  .hk-breadcrumb li {
    font-size: 12px;
  }
}
/* line 237, ../scss/page.scss */
.hk-breadcrumb li a {
  text-decoration: underline;
  line-height: 1.75;
}

/* line 244, ../scss/page.scss */
.hk-search {
  margin-bottom: 50px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.hk-search.non-replaceable .hk-search-direction {
  visibility: hidden;
}

.hk-search.is-date p.is-fixed {
  display: none;
  font-size: 16px;
  padding: 19px 0;
}

@media screen and (max-width: 960px) {
  .hk-search.is-date p.is-fixed {
    font-size: 18px;
    padding: 19px 0 19px 1.2rem;
  }
}

.hk-search.non-replaceable.is-date .input-group.has-icon {
  display: none;
}

.hk-search.non-replaceable.is-date p.is-fixed {
  display: block;
}

@media screen and (max-width: 960px) {
  /* line 249, ../scss/page.scss */
  .hk-search.select {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 960px) {
  /* line 244, ../scss/page.scss */
  .hk-search {
    display: block;
  }
}
/* line 257, ../scss/page.scss */
.hk-search.is-date {
  align-items: flex-start;
  margin-bottom: 65px;
}
@media screen and (max-width: 960px) {
  /* line 260, ../scss/page.scss */
  .hk-search.is-date .caption {
    text-align: right;
    padding-top: 4px;
    font-size: 13px;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 960px) {
  /* line 268, ../scss/page.scss */
  .hk-search.is-date .hk-search-station {
    margin-bottom: 20px;
  }
}
/* line 274, ../scss/page.scss */
.hk-search-spacer {
  flex-basis: 56px;
  height: 0;
}
@media screen and (max-width: 960px) {
  /* line 274, ../scss/page.scss */
  .hk-search-spacer {
    display: none;
  }
}
/* line 281, ../scss/page.scss */
.hk-search-station {
  flex-basis: 400px;
}
/* line 283, ../scss/page.scss */
.hk-search-station input {
  width: 100%;
  font-size: 18px;
  font-weight: 700;
  border: solid 1px #9fa0a0;
  border-radius: 5px;
  padding: 22px 23px;
  box-sizing: border-box;
}
/* line 292, ../scss/page.scss */
.hk-search-station strong {
  font-size: 16px;
  font-weight: 700;
  color: #9e7e4d;
  letter-spacing: 0.1em;
  display: block;
  margin-bottom: 14px;
}
/* line 300, ../scss/page.scss */
.hk-search-station .caption {
  color: #333;
  display: block;
  font-size: 14px;
  padding-top: 10px;
}
@media screen and (max-width: 960px) {
  /* line 300, ../scss/page.scss */
  .hk-search-station .caption {
    margin-bottom: 10px;
    padding-top: 0;
  }
}
/* line 310, ../scss/page.scss */
.hk-search-station__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #80003f;
  font-size: 14px;
}
@media screen and (max-width: 960px) {
  /* line 310, ../scss/page.scss */
  .hk-search-station__head {
    flex-direction: column-reverse;
    align-items: flex-start;
  }
}
/* line 320, ../scss/page.scss */
.hk-search-station__head span {
  font-size: inherit;
  color: inherit;
}
/* line 324, ../scss/page.scss */
.hk-search-station__head img {
  position: relative;
  top: -2px;
}

@media screen and (max-width: 960px) {
  .hk-search-station__head.destination {
    min-height: 52px;
  }
}

/* line 330, ../scss/page.scss */
.hk-search-direction {
  flex-basis: 56px;
  margin-bottom: 7px;
  padding: 0 5px;
}
@media screen and (max-width: 960px) {
  /* line 330, ../scss/page.scss */
  .hk-search-direction {
    text-align: right;
    margin-bottom: -45px;
    margin-top: 5px;
  }
}

/* line 339, ../scss/page.scss */
.hk-search-direction img {
  cursor: pointer;
  transition: 0.3s;
  opacity: 1;
  box-shadow: 0 2px 4px rgba(51, 51, 51, 0.2);
  border-radius: 150px;
  width: 56px;
  height: 56px;
}
/* line 347, ../scss/page.scss */
.hk-search-direction img:hover {
  opacity: 0.7;
}
@media screen and (max-width: 960px) {
  /* line 339, ../scss/page.scss */
  .hk-search-direction img {
    transform: rotate(90deg);
  }
  /* line 352, ../scss/page.scss */
  .hk-search-direction img:hover {
    opacity: 1;
  }
}
/* line 358, ../scss/page.scss */
.hk-search-reset {
  margin-left: 36px;
}
@media screen and (max-width: 960px) {
  /* line 358, ../scss/page.scss */
  .hk-search-reset {
    margin-left: 30px;
  }
}
@media screen and (max-width: 350px) {
  /* line 358, ../scss/page.scss */
  .hk-search-reset {
    margin-left: 20px;
  }
}
/* line 366, ../scss/page.scss */
.hk-search-reset img {
  display: block;
  margin: 0 auto 10px;
  cursor: pointer;
  transition: 0.3s;
}
/* line 371, ../scss/page.scss */
.hk-search-reset img:hover {
  opacity: 0.7;
}
/* line 375, ../scss/page.scss */
.hk-search-reset span {
  font-weight: 700;
  font-size: 14px;
}
/* line 380, ../scss/page.scss */
.hk-search-trains {
  width: 100%;
}
/* line 382, ../scss/page.scss */
.hk-search-trains__head {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 30px;
}
@media screen and (max-width: 960px) {
  /* line 382, ../scss/page.scss */
  .hk-search-trains__head {
    display: block;
  }
}
/* line 391, ../scss/page.scss */
.hk-search-trains__stations {
  display: flex;
  align-items: flex-end;
}
@media screen and (max-width: 960px) {
  /* line 391, ../scss/page.scss */
  .hk-search-trains__stations {
    justify-content: center;
    margin-bottom: 34px;
  }
}
/* line 399, ../scss/page.scss */
.hk-search-trains__station {
  margin-right: 18px;
}
@media screen and (max-width: 960px) {
  /* line 399, ../scss/page.scss */
  .hk-search-trains__station {
    margin-right: 10px;
    flex-basis: calc(100% - 7px);
  }
}
@media screen and (max-width: 960px) {
  /* line 405, ../scss/page.scss */
  .hk-search-trains__station.departure {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }
  /* line 410, ../scss/page.scss */
  .hk-search-trains__station.departure p {
    display: inline-block;
  }
}
/* line 415, ../scss/page.scss */
.hk-search-trains__station aside {
  color: #9e7e4d;
  font-size: 16px;
  display: block;
  margin-bottom: 18px;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 961px) {
  /* line 415, ../scss/page.scss */
  .hk-search-trains__station aside {
    padding-left: 0 !important;
  }
}
@media screen and (max-width: 960px) {
  /* line 415, ../scss/page.scss */
  .hk-search-trains__station aside {
    font-size: 14px;
    margin-bottom: 5px;
  }
}
/* line 429, ../scss/page.scss */
.hk-search-trains__station p {
  font-size: 20px;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 961px) {
  /* line 429, ../scss/page.scss */
  .hk-search-trains__station p {
    padding-left: 0 !important;
  }
}
@media screen and (max-width: 960px) {
  /* line 429, ../scss/page.scss */
  .hk-search-trains__station p {
    font-size: 16px;
  }
}
/* line 440, ../scss/page.scss */
.hk-search-trains__item {
  border: solid 1px #9fa0a0;
  border-radius: 10px;
  padding: 30px 20px 25px 30px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
  position: relative;
}
@media screen and (max-width: 960px) {
  /* line 440, ../scss/page.scss */
  .hk-search-trains__item {
    padding: 20px;
    display: block;
  }
}

.hk-search-trains__item.selected {
  border: solid 1px #80003f;
  background-color: #e6dde0;
}

@media screen and (max-width: 440px) {
  .hk-search-trains__item.selected .hk-search-trains__status {
      top: 85px;
  }
}

.hk-search-trains__item .hk-search-trains__select {
  display: none;
  font-size: 18px;
  font-weight: bold;
  color: #80003f;
  margin-bottom: 0.8rem;
}

.hk-search-trains__item.selected .hk-search-trains__select {
  display: block;
}

/* line 453, ../scss/page.scss */
.hk-search-trains__cta {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
/* line 458, ../scss/page.scss */
.hk-search-trains__status {
  display: flex;
  justify-content: flex-end;
}
@media screen and (max-width: 960px) {
  /* line 458, ../scss/page.scss */
  .hk-search-trains__status {
    position: absolute;
    width: 62px;
    height: 40px;
    top: 52px;
    right: 10px;
  }
}
/* line 468, ../scss/page.scss */
.hk-search-trains__status p {
  width: 90px;
  text-align: center;
  color: #80003f;
  font-weight: bold;
  font-size: 14px;
  letter-spacing: 0.05em;
  position: relative;
  padding-top: 27px;
}
@media screen and (max-width: 960px) {
  /* line 468, ../scss/page.scss */
  .hk-search-trains__status p {
    font-size: 10px;
    letter-spacing: 0;
  }
}
/* line 481, ../scss/page.scss */
.hk-search-trains__status p:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: auto;
  margin: auto;
  width: 19px;
  height: 19px;
}
/* line 494, ../scss/page.scss */
.hk-search-trains__status p.is-opened:after {
  width: 19px;
  height: 19px;
  background: url(/ec/shop/images/search/icn-circle.svg) no-repeat;
  background-size: 100% 100%;
}
/* line 502, ../scss/page.scss */
.hk-search-trains__status p.is-limited:after {
  width: 22px;
  height: 18px;
  background: url(/ec/shop/images/search/icn-triangle.svg) no-repeat;
  background-size: 100% 100%;
}
/* line 510, ../scss/page.scss */
.hk-search-trains__status p.is-closed:after {
  width: 17px;
  height: 17px;
  background: url(/ec/shop/images/search/icn-cross.svg) no-repeat;
  background-size: 100% 100%;
}
/* line 519, ../scss/page.scss */
.hk-search-trains__direction {
  margin-right: 40px;
  padding-bottom: 5px;
}
@media screen and (max-width: 960px) {
  /* line 519, ../scss/page.scss */
  .hk-search-trains__direction {
    margin: 0 12px 0 0;
    padding-bottom: 0;
  }
}
@media screen and (max-width: 960px) {
  /* line 526, ../scss/page.scss */
  .hk-search-trains__direction img {
    width: 14px;
    height: auto;
  }
}
@media screen and (max-width: 960px) {
  /* line 533, ../scss/page.scss */
  .hk-search-trains__date {
    text-align: center;
  }
}
/* line 537, ../scss/page.scss */
.hk-search-trains__date p {
  font-size: 20px;
}
@media screen and (max-width: 960px) {
  /* line 537, ../scss/page.scss */
  .hk-search-trains__date p {
    font-size: 18px;
  }
}
/* line 542, ../scss/page.scss */
.hk-search-trains__date p span {
  display: inline-block;
  padding-left: 15px;
  font-size: 20px;
}
/* HKEX-397 Customization Area is from here.*/
.hk-search-trains__date p span.ignore {
  display: initial;
  padding-left: initial;
}
/* HKEX-397 Customization Area is to here.*/
@media screen and (max-width: 960px) {
  /* line 542, ../scss/page.scss */
  .hk-search-trains__date p span {
    display: block;
    padding-left: 0;
    padding-top: 35px;
    font-size: 18px;
  }
  /* HKEX-397 Customization Area is from here.*/
  .hk-search-trains__date p span.ignore {
    display: initial;
    padding-left: initial;
    padding-top: initial;
  }
  /* HKEX-397 Customization Area is to here.*/
}
/* line 553, ../scss/page.scss */
.hk-search-trains__date p i {
  font-style: normal;
}
@media screen and (min-width: 961px) {
  /* line 553, ../scss/page.scss */
  .hk-search-trains__date p i {
    display: inline-block;
    padding-left: 1em;
    font-size: 16px;
  }
}
/* line 563, ../scss/page.scss */
.hk-search-trains__time {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
}
@media screen and (max-width: 960px) {
  /* line 563, ../scss/page.scss */
  .hk-search-trains__time {
    margin-bottom: 15px;
  }
}
/* line 570, ../scss/page.scss */
.hk-search-trains__time strong {
  font-weight: bold;
  font-size: 20px;
}
@media screen and (max-width: 960px) {
  /* line 570, ../scss/page.scss */
  .hk-search-trains__time strong {
    font-size: 18px;
  }
}
/* line 576, ../scss/page.scss */
.hk-search-trains__time strong span {
  font-size: 18px;
}
@media screen and (max-width: 960px) {
  /* line 576, ../scss/page.scss */
  .hk-search-trains__time strong span {
    font-size: 16px;
  }
}
/* line 583, ../scss/page.scss */
.hk-search-trains__time img {
  flex-basis: 16px;
  width: 16px;
  display: block;
  margin: 0 14px 0 16px;
}
/* line 591, ../scss/page.scss */
.hk-search-trains__meta p {
  font-size: 18px;
  position: relative;
  letter-spacing: 0.05em;
  display: flex;
  align-items: center;
  margin-bottom: 19px;
}

@media screen and (max-width: 960px) {
  /* line 591, ../scss/page.scss */
  .hk-search-trains__meta p {
    font-size: 16px;
    margin-bottom: 15px;
    line-height: 19px;
  }

  .hk-search-trains__meta .info {
    width: calc(100% - 62px);
  }
}
/* line 603, ../scss/page.scss */
.hk-search-trains__meta p:before {
  content: "";
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 19px;
  margin-right: 10px;
}
/* line 611, ../scss/page.scss */
.hk-search-trains__meta p.info:before {
  background: url(/ec/shop/images/search/icn-train.svg) no-repeat;
  background-size: 100% 100%;
}
/* line 617, ../scss/page.scss */
.hk-search-trains__meta p.point:before {
  background: url(/ec/shop/images/search/icn-point.svg) no-repeat;
  background-size: 100% 100%;
}
/* line 625, ../scss/page.scss */
.hk-search-nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 10px;
}
/* line 630, ../scss/page.scss */
.hk-search-nav.is-back {
  padding-top: 68px;
}
@media screen and (max-width: 960px) {
  /* line 630, ../scss/page.scss */
  .hk-search-nav.is-back {
    padding-top: 36px;
  }
}
/* line 636, ../scss/page.scss */
.hk-search-nav.is-top {
  margin-bottom: 17px;
  margin-top: -75px;
}
@media screen and (min-width: 961px) {
  /* line 640, ../scss/page.scss */
  .hk-search-nav.is-top.sp {
    display: none !important;
  }
}
@media screen and (max-width: 960px) {
  /* line 645, ../scss/page.scss */
  .hk-search-nav.is-top.sp {
    display: flex !important;
  }
}
/* line 653, ../scss/page.scss */
.hk-search .input-group.has-icon {
  position: relative;
}
/* line 655, ../scss/page.scss */
.hk-search .input-group.has-icon img {
  display: block;
  width: 28px;
  height: 31px;
  position: absolute;
  z-index: 2;
  right: 22px;
  top: 0;
  bottom: 0;
  left: auto;
  margin: auto;
}
/* line 668, ../scss/page.scss */
.hk-search .input-group.is-time {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}

.hk-search .input-group.is-time .tab-wrap {
  margin-right: 8px;
}

.hk-search .input-group.is-time .tab-wrap a {
  display: inline-block;
  border: 1px solid #9fa0a0;
  border-radius: 4px;
  padding: 6px 6px;
  font-size: 12px;
  font-weight: bold;
  box-shadow: 0px 3px 6px #00000029;
  background-color: #fff;
  color: #9fa0a0;
}

@media screen and (min-width: 961px) {
  .hk-search .input-group.is-time .tab-wrap a.arrival {
    padding: 6px 16.6px;
  }
}

.hk-search .input-group.is-time .tab-wrap a.is-selected {
  background-color: #3e011c;
  color: #fff;
}

.hk-search .input-group.is-time .tab-wrap a:hover {
  text-decoration: none;
  cursor: pointer;
}

.hk-search .input-group.is-time .tab-wrap li:first-of-type {
  margin-bottom: 4px;
}

.hk-search .input-group.is-time .hk-search-reset {
  margin-left: 10px;
}

@media screen and (max-width: 960px) {
  .hk-search .input-group.is-time .tab-wrap {
    display: flex;
    width: 100%;
    margin-bottom: 24px;
  }

  .hk-search .input-group.is-time .tab-wrap a {
    border: 1px solid #9fa0a0;
    border-radius: 4px;
    padding: 15px 25px;
    font-size: 12px;
    margin-right: 8px;
  }

  .hk-search .input-group.is-time .hk-search-reset {
    margin-left: 36px;
  }
}

/* line 672, ../scss/page.scss */
.hk-search .input-group.is-time .select-wrap {
  position: relative;
}
/* line 674, ../scss/page.scss */
.hk-search .input-group.is-time .select-wrap:after {
  content: "";
  display: block;
  width: 16px;
  height: 8px;
  background: url(/ec/shop/images/search/icn-tri-down.svg);
  background-size: 100% 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 9px;
  left: auto;
  margin: auto;
}
/* line 692, ../scss/page.scss */
.hk-search .input-group.is-time select {
  font-size: 18px;
  font-weight: 700;
  border: solid 1px #9fa0a0;
  border-radius: 5px;
  padding: 17px 42px 19px 24px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  position: relative;
  background: #fff;
  color: #333;
}
@media screen and (max-width: 960px) {
  /* line 692, ../scss/page.scss */
  .hk-search .input-group.is-time select {
    padding: 17px 44px 19px 24px;
    color: #333;
    background: #fff;
  }
}
/* line 710, ../scss/page.scss */
.hk-search .input-group.is-time > span {
  font-size: 20px;
  padding: 0 8px;
}

/* line 719, ../scss/page.scss */
.hk-seat-head {
  display: flex;
  justify-content: space-between;
  margin-bottom: 32px;
}
@media screen and (max-width: 960px) {
  /* line 719, ../scss/page.scss */
  .hk-seat-head {
    display: block;
    margin-bottom: 18px;
  }
}
/* line 727, ../scss/page.scss */
.hk-seat-head__meta {
  border: solid 1px #e1dfe6;
  border-radius: 10px;
  padding: 55px 20px 61px 58px;
  flex-basis: 370px;
  margin-right: 29px;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}
@media screen and (max-width: 960px) {
  /* line 727, ../scss/page.scss */
  .hk-seat-head__meta {
    padding: 16px 18px;
    margin-bottom: 15px;
    margin-right: 0;
  }
}
/* line 738, ../scss/page.scss */
.hk-seat-head__meta p {
  margin-bottom: 6px;
  display: flex;
  align-items: center;
}
/* line 742, ../scss/page.scss */
.hk-seat-head__meta p strong {
  flex-basis: 120px;
  font-weight: bold;
  font-size: 14px;
}
@media screen and (max-width: 960px) {
  /* line 742, ../scss/page.scss */
  .hk-seat-head__meta p strong {
    font-size: 13px;
  }
}
/* line 750, ../scss/page.scss */
.hk-seat-head__meta p span {
  font-size: 15px;
  max-width: calc( 100% - 120px);
  word-break: break-all;
}
@media screen and (max-width: 960px) {
  /* line 750, ../scss/page.scss */
  .hk-seat-head__meta p span {
    font-size: 14px;
  }
}
/* line 755, ../scss/page.scss */
.hk-seat-head__meta p span span {
  font-size: 16px;
}
/* line 757, ../scss/page.scss */
.hk-seat-head__meta p span span i {
  font-style: normal;
  font-size: 15px;
}
@media screen and (max-width: 960px) {
  /* line 757, ../scss/page.scss */
  .hk-seat-head__meta p span span i {
    font-size: 14px;
  }
}
/* line 768, ../scss/page.scss */
.hk-seat-head__info {
  flex-basis: 480px;
  padding-bottom: 1.5em;
}
/* line 770, ../scss/page.scss */
.hk-seat-head__info h3 {
  font-size: 16px;
  font-weight: bold;
  color: #9e7e4d;
  margin-bottom: 15px;
}
@media screen and (max-width: 960px) {
  /* line 770, ../scss/page.scss */
  .hk-seat-head__info {
    border-bottom: none;
  }

  .hk-seat-head__info h3 {
    text-align: center;
    margin-bottom: 11px;
  }
}
/* line 780, ../scss/page.scss */
.hk-seat-head__info ul.annotation {
  margin-bottom: 20px;
}
/* line 782, ../scss/page.scss */
.hk-seat-head__info ul.annotation li {
  display: flex;
  position: relative;
  font-size: 14px;
  line-height: 1.71;
}
/* line 787, ../scss/page.scss */
.hk-seat-head__info ul.annotation li:before {
  content: "*";
}
/* line 792, ../scss/page.scss */
.hk-seat-head__info.sp {
  max-width: 300px;
  margin: 28px auto 0;
}
/* line 795, ../scss/page.scss */
.hk-seat-head__info.sp h4 {
  text-align: center;
}
/* line 799, ../scss/page.scss */
.hk-seat-head__info h4 {
  font-size: 16px;
  font-weight: bold;
  position: relative;
}
/* line 803, ../scss/page.scss */
.hk-seat-head__info h4 span {
  background: #fff;
  display: inline-block;
  padding-right: 17px;
}
/* line 808, ../scss/page.scss */
.hk-seat-head__info h4:after {
  content: "";
  display: block;
  width: 100%;
  height: 0;
  border-top: solid 1px #9fa0a0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  z-index: -1;
}
/* line 824, ../scss/page.scss */
.hk-seat-head__icons {
  display: flex !important;
  flex-wrap: wrap;
}
@media screen and (min-width: 961px) {
  /* line 827, ../scss/page.scss */
  .hk-seat-head__icons.sp {
    display: none !important;
  }
}
@media screen and (max-width: 960px) {
  /* line 827, ../scss/page.scss */
  .hk-seat-head__icons.sp {
    display: flex !important;
  }
}
@media screen and (min-width: 961px) {
  /* line 835, ../scss/page.scss */
  .hk-seat-head__icons.pc {
    display: flex !important;
  }
}
@media screen and (max-width: 960px) {
  /* line 835, ../scss/page.scss */
  .hk-seat-head__icons.pc {
    display: none !important;
  }
}
/* line 843, ../scss/page.scss */
.hk-seat-head__icons li {
  display: flex;
  align-items: center;
  margin-right: 10px;
  margin-top: 16px;
}
@media screen and (max-width: 960px) {
  /* line 843, ../scss/page.scss */
  .hk-seat-head__icons li {
    width: 100%;
    /* flex-basis: 180px; */
    margin-right: 0;
  }
}
@media screen and (max-width: 960px) {
  /* line 852, ../scss/page.scss */
  .hk-seat-head__icons li:nth-of-type(2) {
    flex-basis: 120px;
  }
}
/* line 857, ../scss/page.scss */
.hk-seat-head__icons li span {
  font-size: 14px;
}
/* line 860, ../scss/page.scss */
.hk-seat-head__icons li img {
  margin-right: 3px;
}
@media screen and (max-width: 960px) {
  /* line 860, ../scss/page.scss */
  .hk-seat-head__icons li img {
    margin-right: 0;
  }
}
/* line 865, ../scss/page.scss */
.hk-seat-head__icons li img.is-luggage {
  margin-left: -4px;
}
@media screen and (max-width: 960px) {
  /* line 869, ../scss/page.scss */
  .hk-seat-head__icons li div {
    flex-basis: 25px;
    margin-right: 7px;
  }
}
/* line 879, ../scss/page.scss */
.hk-seat-area {
  border: solid 1px #9e7e4d;
  border-radius: 20px;
  margin-bottom: 20px;
  padding: 22px 20px 48px;
  max-width: 880px;
  box-sizing: border-box;
  position: relative;
}
@media screen and (max-width: 870px) {
  /* line 879, ../scss/page.scss */
  .hk-seat-area {
    max-width: 345px;
    margin: 0 auto;
    padding-bottom: 100px;
  }
}
@media screen and (max-width: 360px) {
  /* line 879, ../scss/page.scss */
  .hk-seat-area {
    padding: 22px 10px 100px;
  }
}
/* line 894, ../scss/page.scss */
.hk-seat-area__nav {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 870px) {
  /* line 894, ../scss/page.scss */
  .hk-seat-area__nav {
    display: block;
    width: 100%;
    margin: 0 auto;
  }
}
/* line 902, ../scss/page.scss */
.hk-seat-area__nav p {
  color: #9e7e4d;
  font-weight: bold;
  margin-bottom: 32px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 870px) {
  /* line 902, ../scss/page.scss */
  .hk-seat-area__nav p {
    text-align: center;
    justify-content: space-between;
    height: 48px;
    background: #9e7e4d;
    color: #fff;
    margin: 0;
    padding: 0 21px;
    box-sizing: border-box;
    width: 100%;
  }
}
@media screen and (max-width: 870px) {
  /* line 919, ../scss/page.scss */
  .hk-seat-area__nav p.prev {
    position: absolute;
    bottom: 33px;
    top: auto;
    right: 0;
    left: 0;
    margin: auto;
    width: calc(100% - 25px);
  }
}
/* line 932, ../scss/page.scss */
.hk-seat-area__nav p.prev:before {
  content: "";
  display: block;
  width: 9px;
  height: 8px;
  background: url(/ec/shop/images/search/icn-arrow-gold.svg) no-repeat;
  background-size: 100% 100%;
  margin-right: 21px;
}
@media screen and (max-width: 870px) {
  /* line 941, ../scss/page.scss */
  .hk-seat-area__nav p.prev:before,
  .hk-seat-area__nav p.prev:after {
    content: "";
    display: block;
    width: 10px;
    height: 8px;
    background: url(/ec/shop/images/search/icn-triangle-top-white.svg) no-repeat;
    background-size: 100% 100%;
    margin: 0;
    transform: rotate(180deg);
  }
}
@media screen and (max-width: 870px) {
  /* line 955, ../scss/page.scss */
  .hk-seat-area__nav p.next {
    margin-bottom: 19px;
  }
}
/* line 962, ../scss/page.scss */
.hk-seat-area__nav p.next:after {
  content: "";
  display: block;
  width: 9px;
  height: 8px;
  background: url(/ec/shop/images/search/icn-arrow-gold.svg) no-repeat;
  background-size: 100% 100%;
  margin-left: 21px;
}
/* HKEX-862 Customization Area is from here.*/
@media screen and (min-width: 871px) {
  /* HKEX-862 Customization Area is to here.*/
  /* line 962, ../scss/page.scss */
  .hk-seat-area__nav p.next:after {
    transform: rotate(180deg);
  }
}
@media screen and (max-width: 870px) {
  /* line 974, ../scss/page.scss */
  .hk-seat-area__nav p.next:before,
  .hk-seat-area__nav p.next:after {
    content: "";
    display: block;
    width: 10px;
    height: 8px;
    background: url(/ec/shop/images/search/icn-triangle-top-white.svg) no-repeat;
    background-size: 100% 100%;
    margin: 0;
  }
}
/* line 990, ../scss/page.scss */
.hk-seat-list {
  display: flex;
}
@media screen and (max-width: 870px) {
  /* line 990, ../scss/page.scss */
  .hk-seat-list {
    flex-direction: column-reverse;
    justify-content: space-between;
    flex-basis: 25%;
    width: 25%;
  }
}
@media screen and (max-width: 870px) {
  /* line 998, ../scss/page.scss */
  .hk-seat-list__wrap {
    display: flex;
    justify-content: space-between;
  }
}
@media screen and (max-width: 960px) {
  /* line 1007, ../scss/page.scss */
  .hk-seat-list.second li:last-of-type.is-aisle {
    position: relative;
    top: 10px;
  }
}
/* line 1017, ../scss/page.scss */
.hk-seat-list.third li {
  align-items: flex-start;
}
@media screen and (max-width: 870px) {
  /* line 1017, ../scss/page.scss */
  .hk-seat-list.third li {
    height: 71px;
    flex-basis: 71px;
    align-items: center;
  }
}
/* line 1024, ../scss/page.scss */
.hk-seat-list.third li a {
  height: 53px;
}
@media screen and (max-width: 870px) {
  /* line 1024, ../scss/page.scss */
  .hk-seat-list.third li a {
    height: 57px;
  }
}
/* line 1031, ../scss/page.scss */
.hk-seat-list.third li.is-aisle {
  padding-top: 6px;
}
@media screen and (max-width: 960px) {
  /* line 1035, ../scss/page.scss */
  .hk-seat-list.third li:first-of-type.is-aisle {
    position: relative;
    bottom: 10px;
  }
}
/* line 1045, ../scss/page.scss */
.hk-seat-list.fourth li {
  height: 53px;
}
@media screen and (max-width: 870px) {
  /* line 1045, ../scss/page.scss */
  .hk-seat-list.fourth li {
    height: 71px;
    flex-basis: 71px;
  }
}
/* line 1053, ../scss/page.scss */
.hk-seat-list li {
  flex-basis: calc(100% / 15);
  height: 60px;
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 870px) {
  /* line 1053, ../scss/page.scss */
  .hk-seat-list li {
    height: 71px;
    flex-basis: 71px;
  }
}

/* line 1064, ../scss/page.scss */
.hk-seat-list li a {
  width: 45px;
  height: 53px;
  border: solid 1px #333;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  cursor: pointer;
}

/* line 1074, ../scss/page.scss */
.hk-seat-list li a:focus {
  text-decoration: none;
}

@media screen and (max-width: 870px) {
  /* line 1064, ../scss/page.scss */
  .hk-seat-list li a {
    width: 66px;
    height: 57px;
  }
}

@media screen and (max-width: 360px) {
  /* line 1064, ../scss/page.scss */
  .hk-seat-list li a {
    width: 90%;
  }
}

/* line 1103, ../scss/page.scss */
.hk-seat-list li.is-full.top a,
.hk-seat-list li.is-full.bottom a {
  border-left: 2px solid #333333;
  border-right: 2px solid #333333;
}

.hk-seat-list li.is-full.center-left {
  border-left: 2px solid #333333;
}

.hk-seat-list li.is-full.center-right {
  border-right: 2px solid #333333;
}

/* line 1140, ../scss/page.scss */
.hk-seat-list li.has-icon a {
  flex-direction: column;
}

/* line 1143, ../scss/page.scss */
.hk-seat-list li.has-icon img {
  width: 36px;
  height: auto;
}

/* line 1146, ../scss/page.scss */
.hk-seat-list li.has-icon img.is-hide {
  display: none;
}

/* line 1152, ../scss/page.scss */
.hk-seat-list li.is-selected a {
  background-color: #3e011c !important;
  color: #fff !important;
}

/* line 1155, ../scss/page.scss */
.hk-seat-list li.is-selected a:hover {
  color: #fff;
}

/* line 1161, ../scss/page.scss */
.hk-seat-list li.is-no-seat a {
  border: none;
  box-shadow: none;
  cursor: unset;
}

/* line 1168, ../scss/page.scss */
.hk-seat-list li.is-occupied a {
  background: #9fa0a0;
  border: solid 1px #9fa0a0;
  color: transparent !important;
  cursor: unset;
  box-shadow: none;
}

/******追加：【列車座席変更_座席選択】予約済みの座席のアイコン*******/
.hk-seat-list li.is-reserved a {
  background-color: #e6dde0;
  border: dashed 1px #3e011c;
  color: #3e011c;
  cursor: pointer;
}

.hk-seat-list li.is-reserved a:hover {
  color: #3e011c;
}

/* line 1176, ../scss/page.scss */
.hk-seat-list li.is-aisle {
  box-sizing: border-box;
}

@media screen and (max-width: 870px) {
  /* line 1176, ../scss/page.scss */
  .hk-seat-list li.is-aisle {
    transform: rotate(-90deg);
    width: 71px;
  }
}

/* line 1182, ../scss/page.scss */
.hk-seat-list li.is-aisle a {
  display: block;
  height: 46px;
  width: 100%;
  border: none;
  border-radius: 0;
  box-shadow: none;
  cursor: unset;
}

@media screen and (max-width: 870px) {
  /* line 1182, ../scss/page.scss */
  .hk-seat-list li.is-aisle a {
    height: 58px;
    width: 100%;
  }
}

/* line 1197, ../scss/page.scss */
.hk-seat-list li.is-full {
  background: #eaeaea;
  flex-basis: 46px;
  padding-top: 0 !important;
}

@media screen and (max-width: 870px) {
  /* line 1197, ../scss/page.scss */
  .hk-seat-list li.is-full {
    flex-basis: 78px;
  }
}

/* line 1204, ../scss/page.scss */
.hk-seat-list li.is-full a {
  height: 100%;
  width: 100%;
}

/* line 1209, ../scss/page.scss */
.hk-seat-list li.has-text {
  text-align: center;
}

/* line 1211, ../scss/page.scss */
.hk-seat-list li.has-text span {
  font-size: 10px;
  letter-spacing: -0em;
  line-height: 0.85;
  font-weight: bold;
}

/* line 1217, ../scss/page.scss */
.hk-seat-list li.has-text i {
  font-size: 12px;
  font-style: normal;
}

/* line 1221, ../scss/page.scss */
.hk-seat-list li.has-text a {
  width: 100%;
  color: #333333;
  font-weight: bold;
  border: none;
  box-shadow: none;
}

/* line 1227, ../scss/page.scss */
.hk-seat-list li.has-text a:hover {
  color: #333333;
}

/* line 1232, ../scss/page.scss */
.hk-seat-list li a {
  color: #333333;
  font-weight: bold;
}

/* line 1235, ../scss/page.scss */
.hk-seat-list li a:hover {
  color: #333333;
  text-decoration: none;
}

/* line 1244, ../scss/page.scss */
.hk-floating-nav {
  display: none;
  background: #e1dfe6;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 18px 15px 46px;
  box-sizing: border-box;
}
@media screen and (max-width: 960px) {
  /* line 1244, ../scss/page.scss */
  .hk-floating-nav {
    bottom: 61px;
    padding: 22px 15px 10px;
  }
}
/* line 1257, ../scss/page.scss */
.hk-floating-nav .selected {
  text-align: center;
  margin-bottom: 28px;
}
/* line 1260, ../scss/page.scss */
.hk-floating-nav .selected p {
  font-size: 16px;
}
/* line 1262, ../scss/page.scss */
.hk-floating-nav .selected p span {
  display: inline-block;
  margin-left: 12px;
  font-size: 20px;
  font-weight: bold;
}
/* line 1269, ../scss/page.scss */
.hk-floating-nav .selected input,
.hk-floating-nav .selected .selected_seats {
  width: 425px;
  margin: 10px auto 0;
  font-size: 20px;
  font-weight: bold;
  border: none;
  background: transparent;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media screen and (max-width: 960px) {
  /* line 1269, ../scss/page.scss */
  .hk-floating-nav .selected input,
  .hk-floating-nav .selected .selected_seats {
    width: 100%;
  }
}
/* line 1284, ../scss/page.scss */
.hk-floating-nav .selected input div,
.hk-floating-nav .selected .selected_seats div {
  flex-basis: 12.5%;
}
/* line 1287, ../scss/page.scss */
.hk-floating-nav .selected input:focus,
.hk-floating-nav .selected .selected_seats:focus {
  outline: none;
}
@media screen and (max-width: 960px) {
  /* line 1269, ../scss/page.scss */
  .hk-floating-nav .selected input,
  .hk-floating-nav .selected .selected_seats {
    font-size: 18px;
  }
}
/* line 1295, ../scss/page.scss */
.hk-floating-nav__buttons {
  max-width: 627px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 960px) {
  /* line 1295, ../scss/page.scss */
  .hk-floating-nav__buttons {
    max-width: 92%;
  }
}
/* line 1303, ../scss/page.scss */
.hk-floating-nav__buttons .c-button {
  flex-basis: 305px;
}
@media screen and (max-width: 960px) {
  /* line 1303, ../scss/page.scss */
  .hk-floating-nav__buttons .c-button {
    flex-basis: 46.9%;
  }
}
/* line 1308, ../scss/page.scss */
.hk-floating-nav__buttons .c-button a {
  box-sizing: border-box;
}

/* line 1315, ../scss/page.scss */
.hk-modal {
  display: none;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  background: rgba(141, 141, 141, 0.8);
  justify-content: center;
  align-items: center;
}
/* line 1326, ../scss/page.scss */
.hk-modal-wrap {
  background: #fff;
  width: 671px;
  margin: 0 auto;
  border-radius: 10px;
  padding: 21px 50px 50px;
  box-sizing: border-box;
}
@media screen and (max-width: 700px) {
  /* line 1326, ../scss/page.scss */
  .hk-modal-wrap {
    width: 92vw;
  }
}
@media screen and (max-width: 500px) {
  /* line 1326, ../scss/page.scss */
  .hk-modal-wrap {
    width: 92vw;
    /* max-height: 70vh; */
    margin-top: -17vw;
    padding: 21px 20px 50px;
  }
}
@media screen and (max-width: 375px) {
  /* line 1326, ../scss/page.scss */
  .hk-modal-wrap {
    max-height: 90vh;
  }
}
/* line 1346, ../scss/page.scss */
.hk-modal h2 {
  text-align: center;
  font-size: 26px;
  font-weight: bold;
  margin-bottom: 36px;
}
@media screen and (max-width: 960px) {
  /* line 1346, ../scss/page.scss */
  .hk-modal h2 {
    font-size: 20px;
  }
}
/* line 1355, ../scss/page.scss */
.hk-modal .icon {
  text-align: center;
  margin-bottom: 51px;
}
@media screen and (max-width: 960px) {
  /* line 1355, ../scss/page.scss */
  .hk-modal .icon {
    margin-bottom: 46px;
  }
}
/* line 1361, ../scss/page.scss */
.hk-modal .icon img {
  width: 86px;
  height: auto;
}
/* line 1366, ../scss/page.scss */
.hk-modal .text {
  max-width: 418px;
  margin: 0 auto 40px;
}
@media screen and (max-width: 960px) {
  /* line 1366, ../scss/page.scss */
  .hk-modal .text {
    margin-bottom: 30px;
    width: 90%;
  }
}
/* line 1373, ../scss/page.scss */
.hk-modal .text p {
  font-size: 16px;
  line-height: 28px;
}
@media screen and (max-width: 960px) {
  /* line 1373, ../scss/page.scss */
  .hk-modal .text p {
    font-size: 14px;
    line-height: 22px;
  }
}
/* line 1382, ../scss/page.scss */
.hk-modal .close {
  cursor: pointer;
  background: #fff;
  border: solid 1px #bebebe;
  border-radius: 5px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  margin-bottom: 30px;
  font-size: 16px;
  font-weight: 700;
  padding: 13px 16px;
  transition: 0.3s;
  color: #333;
}
/* line 1394, ../scss/page.scss */
.hk-modal .close:hover {
  opacity: 0.7;
}
/* line 1398, ../scss/page.scss */
.hk-modal-button {
  text-align: right;
}
@media screen and (max-width: 960px) {
  /* line 1402, ../scss/page.scss */
  .hk-modal-content ul {
    height: 50vh;
    overflow-y: scroll;
  }
}
/* line 1407, ../scss/page.scss */
.hk-modal-content ul li {
  border-bottom: solid 1px #bebebe;
  padding: 11px 9px;
  cursor: pointer;
  transition: 0.3s;
  position: relative;
}
/* line 1413, ../scss/page.scss */
.hk-modal-content ul li:after {
  content: "";
  display: block;
  position: absolute;
  width: 9px;
  height: 16px;
  top: 0;
  right: 9px;
  bottom: 0;
  left: auto;
  margin: auto;
  background: url(/ec/shop/images/search/icn-arrow-right.svg);
}
/* line 1426, ../scss/page.scss */
.hk-modal-content ul li:hover {
  opacity: 0.7;
}
/* line 1429, ../scss/page.scss */
.hk-modal-content ul li:first-of-type {
  border-top: solid 1px #bebebe;
}
/* line 1432, ../scss/page.scss */
.hk-modal-content ul li span {
  background: #eaeaea;
  display: inline-block;
  padding: 6px 10px;
  font-size: 12px;
  margin-right: 23px;
}
/* line 1439, ../scss/page.scss */
.hk-modal-content ul li strong {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.1em;
}
/* line 1445, ../scss/page.scss */
.hk-modal-content ul.hk-modal-content__annotations {
  max-width: 397px;
  margin: 0 auto;
}
@media screen and (max-width: 960px) {
  /* line 1445, ../scss/page.scss */
  .hk-modal-content ul.hk-modal-content__annotations {
    height: auto;
  }
}
/* line 1451, ../scss/page.scss */
.hk-modal-content ul.hk-modal-content__annotations li {
  border: none;
  line-height: 25px;
  margin-bottom: 5px;
  padding-top: 0;
  padding-bottom: 0;
  cursor: text;
  color: #80003f;
  font-size: 16px;
  display: flex;
}
@media screen and (max-width: 960px) {
  /* line 1451, ../scss/page.scss */
  .hk-modal-content ul.hk-modal-content__annotations li {
    font-size: 14px;
  }
}
@media screen and (max-width: 375px) {
  /* line 1451, ../scss/page.scss */
  .hk-modal-content ul.hk-modal-content__annotations li {
    font-size: 13px;
  }
}
/* line 1467, ../scss/page.scss */
.hk-modal-content ul.hk-modal-content__annotations li:before {
  content: "*";
  margin-right: 5px;
}
/* line 1471, ../scss/page.scss */
.hk-modal-content ul.hk-modal-content__annotations li:hover {
  opacity: 1;
}
/* line 1474, ../scss/page.scss */
.hk-modal-content ul.hk-modal-content__annotations li:after {
  display: none;
}
/* line 1482, ../scss/page.scss */
.hk-modal-content__buttons .c-button a {
  margin: 0 auto 38px;
  font-size: 18px;
}

.hk-modal-content__buttons .c-button input.is-center {
  margin: 0 auto 38px;
  font-size: 18px;
}

.hk-modal-content__buttons .c-button:last-of-type input.is-center {
  margin-bottom: 44px;
  font-size: 14px;
}

@media screen and (max-width: 960px) {
  /* line 1482, ../scss/page.scss */
  .hk-modal-content__buttons .c-button a {
    margin-bottom: 31px;
    font-size: 16px;
  }
}
/* line 1491, ../scss/page.scss */
.hk-modal-content__buttons .c-button:last-of-type a {
  margin-bottom: 44px;
  font-size: 14px;
}
@media screen and (max-width: 960px) {
  /* line 1491, ../scss/page.scss */
  .hk-modal-content__buttons .c-button:last-of-type a {
    margin-bottom: 23px;
  }
}

/* line 1504, ../scss/page.scss */
.hk-page-head {
  margin-top: 54px;
  margin-bottom: 55px;
}
@media screen and (max-width: 960px) {
  /* line 1504, ../scss/page.scss */
  .hk-page-head {
    margin-top: 25px;
    margin-bottom: 27px;
  }
}

.hk-page-head.logout {
  margin-top: 72px;
  margin-bottom: 100px;
}

@media screen and (max-width: 960px) {
  .hk-page-head.logout {
    margin-top: 96px;
    margin-bottom: 38px;
  }
}

.c-form-group .c-button a.logout {
  width: 305px;
}

/* line 1511, ../scss/page.scss */
.hk-page-head.has-sm-margin {
  margin-bottom: 35px;
}
@media screen and (max-width: 960px) {
  /* line 1511, ../scss/page.scss */
  .hk-page-head.has-sm-margin {
    margin-bottom: 16px;
  }
}
/* line 1517, ../scss/page.scss */
.hk-page-head.has-sm-margin {
  margin-bottom: 35px;
}
@media screen and (max-width: 960px) {
  /* line 1517, ../scss/page.scss */
  .hk-page-head.has-sm-margin {
    margin-bottom: 16px;
  }
}
/* line 1523, ../scss/page.scss */
.hk-page-head.is-error {
  margin-top: 126px;
  margin-bottom: 73px;
}
@media screen and (max-width: 960px) {
  /* line 1523, ../scss/page.scss */
  .hk-page-head.is-error {
    margin-top: 45px;
    margin-bottom: 31px;
  }
}
/* line 1530, ../scss/page.scss */
.hk-page-head.is-error h2 {
  font-size: 20px;
  color: #80003f;
  line-height: 34px;
}
@media screen and (max-width: 960px) {
  /* line 1530, ../scss/page.scss */
  .hk-page-head.is-error h2 {
    font-size: 18px;
    line-height: 28px;
  }
}
/* line 1540, ../scss/page.scss */
.hk-page-head h2 {
  font-size: 26px;
  text-align: center;
}
@media screen and (max-width: 960px) {
  /* line 1540, ../scss/page.scss */
  .hk-page-head h2 {
    font-size: 20px;
  }
}
/* line 1546, ../scss/page.scss */
.hk-page-head h2 span {
  display: block;
  font-size: 16px;
  margin-top: 4px;
}
/* line 1552, ../scss/page.scss */
.hk-page-head .date {
  margin-top: 71px;
}
@media screen and (max-width: 960px) {
  /* line 1552, ../scss/page.scss */
  .hk-page-head .date {
    margin-top: 30px;
  }
}
/* line 1558, ../scss/page.scss */
.hk-page-head .note {
  margin-top: 24px;
  margin-bottom: 67px;
}
@media screen and (max-width: 960px) {
  /* line 1558, ../scss/page.scss */
  .hk-page-head .note {
    margin-top: 31px;
    margin-bottom: 26px;
  }
}
/* line 1565, ../scss/page.scss */
.hk-page-head .note a {
  font-size: 12px;
}
/* line 1568, ../scss/page.scss */
.hk-page-head .note.has-lg-margin {
  margin-top: 58px;
  margin-bottom: -19px;
}
@media screen and (max-width: 960px) {
  /* line 1568, ../scss/page.scss */
  .hk-page-head .note.has-lg-margin {
    margin-top: 30px;
    margin-bottom: -11px;
  }
}
/* line 1576, ../scss/page.scss */
.hk-page-head .note.has-sm-margin {
  margin-bottom: 35px;
}
@media screen and (max-width: 960px) {
  /* line 1576, ../scss/page.scss */
  .hk-page-head .note.has-sm-margin {
    margin-bottom: 16px;
  }
}

/* line 1586, ../scss/page.scss */
#datepicker {
  position: relative;
}

/* line 1591, ../scss/page.scss */
input::placeholder,
input::-moz-placeholder,
input:-moz-placeholder,
input:-ms-input-placeholder {
  color: #9fa0a0 !important;
}

/* line 1599, ../scss/page.scss */
.ui-widget-header {
  background: #9e7e4d !important;
  color: #fff !important;
  font-size: 1rem;
}
/* line 1603, ../scss/page.scss */
.ui-widget-header span {
  color: #fff !important;
  font-size: 1rem;
}
/* line 1608, ../scss/page.scss */
.ui-widget-header .ui-corner-all:hover {
  background: transparent;
  border-color: transparent;
}
/* line 1613, ../scss/page.scss */
.ui-widget-header .ui-icon {
  background: url(/ec/shop/images/search/icn-circle-arrow.svg) no-repeat !important;
  background-size: 100% 100%;
}

/* line 1619, ../scss/page.scss */
.ui-datepicker-title {
  font-size: 1rem;
}

/* line 1623, ../scss/page.scss */
.ui-datepicker {
  width: 20em !important;
}

/* line 1626, ../scss/page.scss */
.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: 0.3em !important;
  text-align: right;
  text-decoration: none;
  font-size: 1rem;
}

/* line 1634, ../scss/page.scss */
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  border: none !important;
  background: none;
}

/* line 1642, ../scss/page.scss */
a.ui-state-default {
  background: #f4ece0 !important;
}
/* line 1644, ../scss/page.scss */
a.ui-state-default:hover {
  background: #e3d3b9 !important;
}

/* line 1648, ../scss/page.scss */
.ui-widget-content .ui-state-active {
  background: #3e011c !important;
  color: #fff !important;
}

/* line 1652, ../scss/page.scss */
.ui-datepicker-week-end.ui-state-disabled .ui-state-default {
  background: #fff !important;
  color: #333333 !important;
}

/* line 1657, ../scss/page.scss */
.ui-datepicker .ui-datepicker-prev {
  transform: rotate(-180deg);
}

/* line 1677, ../scss/page.scss */
.hk-login-head {
  width: 1026px;
  font-size: 26px;
  text-align: center;
  font-weight: bold;
  color: #333333;
  letter-spacing: 0.05em;
  line-height: 34px;
  background: #e1dfe6;
  padding: 18px 0;
  margin-top: 22px;
  margin-bottom: 32px;
  margin-left: -72px;
}
@media screen and (max-width: 1026px) {
  /* line 1677, ../scss/page.scss */
  .hk-login-head {
    width: 100%;
    margin: 22px auto 32px;
  }
}
@media screen and (max-width: 960px) {
  /* line 1677, ../scss/page.scss */
  .hk-login-head {
    font-size: 20px;
    padding: 20px 0;
    margin-top: 0;
    margin-left: -15px;
    width: calc(100% + 30px);
    margin-bottom: 17px;
  }
}
/* line 1703, ../scss/page.scss */
.hk-login-aside {
  margin-bottom: 65px;
}
@media screen and (max-width: 960px) {
  /* line 1703, ../scss/page.scss */
  .hk-login-aside {
    margin-bottom: 30px;
  }
}
/* line 1708, ../scss/page.scss */
.hk-login-aside p {
  font-size: 16px;
  letter-spacing: 0.05em;
  line-height: 28px;
  text-align: center;
}
@media screen and (max-width: 960px) {
  /* line 1708, ../scss/page.scss */
  .hk-login-aside p {
    font-size: 14px;
    line-height: 22px;
    text-align: left;
  }
}
/* line 1720, ../scss/page.scss */
.hk-login-logos {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 63px;
}
@media screen and (max-width: 960px) {
  /* line 1720, ../scss/page.scss */
  .hk-login-logos {
    margin-bottom: 39px;
    flex-wrap: wrap;
  }
}
/* line 1730, ../scss/page.scss */
.hk-login-logo {
  margin-right: 40px;
}
@media screen and (max-width: 960px) {
  /* line 1732, ../scss/page.scss */
  .hk-login-logo:first-of-type {
    flex-basis: 100%;
    text-align: center;
    margin-bottom: 26px;
    margin-right: 0;
  }
}
/* line 1740, ../scss/page.scss */
.hk-login-logo:last-of-type {
  margin-right: 0;
}
/* line 1743, ../scss/page.scss */
.hk-login-logo img {
  height: 40px;
  width: auto;
}
@media screen and (max-width: 960px) {
  /* line 1743, ../scss/page.scss */
  .hk-login-logo img {
    height: 33px;
  }
}
/* line 1751, ../scss/page.scss */
.hk-login-foot {
  display: flex;
  justify-content: center;
  padding: 40px 15px;
}
@media screen and (max-width: 960px) {
  /* line 1751, ../scss/page.scss */
  .hk-login-foot {
    padding: 29px 15px;
  }
}
@media screen and (max-width: 960px) {
  /* line 1758, ../scss/page.scss */
  .hk-login-foot .c-button {
    flex-basis: 163px;
  }
}
/* line 1762, ../scss/page.scss */
.hk-login-foot .c-button:first-of-type {
  margin-right: 16px;
}
/* line 1765, ../scss/page.scss */
.hk-login-foot .c-button a {
  max-width: 305px;
}
@media screen and (max-width: 960px) {
  /* line 1765, ../scss/page.scss */
  .hk-login-foot .c-button a {
    max-width: 163px;
    padding: 13px 0;
  }
}

@media screen and (max-width: 960px) {
  /* line 1776, ../scss/page.scss */
  .c-form {
    max-width: 88.4%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 960px) {
  /* line 1781, ../scss/page.scss */
  .c-form.is-term {
    max-width: 100%;
  }
}
/* line 1785, ../scss/page.scss */
.c-form.is-term label {
  font-size: 18px !important;
}
@media screen and (max-width: 960px) {
  /* line 1785, ../scss/page.scss */
  .c-form.is-term label {
    font-size: 16px !important;
  }
}
/* line 1792, ../scss/page.scss */
.c-form.is-confirm {
  max-width: 100%;
}
/* line 1795, ../scss/page.scss */
.c-form-icon {
  position: relative;
}

/* edge reset eyes */
::-ms-reveal {
  display: none;
}

/* line 1797, ../scss/page.scss */
.c-form-icon img {
  width: 27px;
  height: auto;
  position: absolute;
  top: 0;
  right: 16px;
  bottom: 0;
  left: auto;
  margin: auto;
  cursor: pointer;
}
/* line 1809, ../scss/page.scss */
.c-form-group {
  margin-bottom: 40px;
}
/* line 1811, ../scss/page.scss */
.c-form-group .c-form-group {
  margin-bottom: 22px;
}
/* line 1814, ../scss/page.scss */
.c-form-group.is-last {
  margin-bottom: 0 !important;
}
/* line 1817, ../scss/page.scss */
.c-form-group.has-margin {
  margin-bottom: 84px;
}
@media screen and (max-width: 960px) {
  /* line 1817, ../scss/page.scss */
  .c-form-group.has-margin {
    margin-bottom: 51px;
  }
}
/* line 1823, ../scss/page.scss */
.c-form-group.has-no-margin {
  margin-bottom: 0 !important;
}
/* line 1826, ../scss/page.scss */
.c-form-group.is-md {
  margin-bottom: 30px !important;
}
@media screen and (max-width: 960px) {
  /* line 1826, ../scss/page.scss */
  .c-form-group.is-md {
    margin-bottom: 25px !important;
  }
}
/* line 1832, ../scss/page.scss */
.c-form-group.is-sm {
  margin-bottom: 22px !important;
}
@media screen and (max-width: 960px) {
  /* line 1832, ../scss/page.scss */
  .c-form-group.is-sm {
    margin-bottom: 22px !important;
  }
}
/* line 1838, ../scss/page.scss */
.c-form-group.is-vertical {
  display: flex;
  align-items: center;
}
/* line 1841, ../scss/page.scss */
.c-form-group.is-vertical label {
  margin-bottom: 0;
  margin-right: 16px;
}
/* line 1845, ../scss/page.scss */
.c-form-group.is-vertical.is-right {
  justify-content: flex-end;
}
/* line 1850, ../scss/page.scss */
.c-form-group .input-group.is-vertical {
  display: flex;
  justify-content: space-between;
}
/* line 1853, ../scss/page.scss */
.c-form-group .input-group.is-vertical input {
  width: 48%;
}
/* line 1858, ../scss/page.scss */
.c-form-group .expire_date {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
/* line 1862, ../scss/page.scss */
.c-form-group .expire_date p {
  margin-right: 8px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
}
@media screen and (max-width: 960px) {
  /* line 1862, ../scss/page.scss */
  .c-form-group .expire_date p {
    font-size: 14px;
  }
}
/* line 1873, ../scss/page.scss */
.c-form-group aside.alert {
  color: #80003f;
  font-size: 14px;
  padding-top: 14px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 960px) {
  /* line 1873, ../scss/page.scss */
  .c-form-group aside.alert {
    font-size: 13px;
  }
}
/* line 1882, ../scss/page.scss */
.c-form-group aside.alert:before {
  content: "";
  width: 19px;
  height: 16px;
  background: url(/ec/shop/images/order/icn-alert.svg) no-repeat;
  display: inline-block;
  margin-right: 9px;
}
/* line 1893, ../scss/page.scss */
.c-form-group input.minimum {
  width: 142px;
}
/* line 1896, ../scss/page.scss */
.c-form-group input.is-md {
  width: 305px;
  margin: 0 auto;
  display: block;
}
/* line 1901, ../scss/page.scss */
.c-form-group input.is-center {
  text-align: center;
}
/* line 1905, ../scss/page.scss */
.c-form-group input[type="text"]:read-only {
  border: none;
  padding-left: 0;
}
/* line 1908, ../scss/page.scss */
.c-form-group input[type="text"]:read-only:focus {
  border: none;
  outline: none;
}
/* line 1915, ../scss/page.scss */
.c-form-group label {
  display: block;
  font-size: 16px;
  letter-spacing: 0.05em;
  line-height: 22px;
  margin-bottom: 10px;
  font-weight: bold;
}
@media screen and (max-width: 960px) {
  /* line 1915, ../scss/page.scss */
  .c-form-group label {
    font-size: 14px;
    position: relative;
  }
}
@media screen and (max-width: 960px) {
  /* line 1926, ../scss/page.scss */
  .c-form-group label span {
    font-size: 12px;
    font-weight: bold;
  }
}
/* line 1932, ../scss/page.scss */
.c-form-group label.is-center {
  text-align: center;
}
/* line 1935, ../scss/page.scss */
.c-form-group label.has-no-margin {
  margin-bottom: 0;
}
/* line 1939, ../scss/page.scss */
.c-form-group p {
  margin-top: 18px;
}
.c-form-group p.is-filled {
  font-size: 16px;
  letter-spacing: 0.05em;
  line-height: 22px;
  margin-bottom: 10px;
  font-weight: normal;
}
/* line 1941, ../scss/page.scss */
.c-form-group p.is-aside {
  text-align: center;
  font-size: 16px;
  margin-top: 23px;
}
@media screen and (max-width: 960px) {
  /* line 1941, ../scss/page.scss */
  .c-form-group p.is-aside {
    font-size: 14px;
    margin-top: 19px;
  }
}
/* line 1951, ../scss/page.scss */
.c-form-group a {
  font-size: 16px;
  text-decoration: underline;
}
@media screen and (max-width: 960px) {
  /* line 1951, ../scss/page.scss */
  .c-form-group a {
    font-size: 14px;
  }
}
/* line 1959, ../scss/page.scss */
.c-form-group .c-button a {
  font-size: 18px;
}
@media screen and (max-width: 960px) {
  /* line 1959, ../scss/page.scss */
  .c-form-group .c-button a {
    font-size: 16px;
  }
}
/* line 1966, ../scss/page.scss */
.c-form-group input {
  width: 100%;
  border-radius: 5px;
  border: solid 1px #9fa0a0;
  font-size: 18px;
  letter-spacing: 0.05em;
  line-height: 24px;
  padding: 17.5px 20px;
  box-sizing: border-box;
}
/* line 1975, ../scss/page.scss */
.c-form-group input::placeholder {
  color: #9fa0a0;
}

/* hidden mac password*/
.input::-webkit-credentials-auto-fill-button {
  visibility: hidden;
  display: none !important;
  pointer-events: none;
  position: absolute;
  right: 0;
}

@media screen and (max-width: 960px) {
  /* line 1966, ../scss/page.scss */
  .c-form-group input {
    font-size: 16px;
  }
}
/* line 1981, ../scss/page.scss */
.c-form-group input[type="submit"] {
  max-width: 360px;
  margin: 0 auto;
}

.c-form-group input.payment-reconsider {
  padding: 12px 20px
}

/* line 1986, ../scss/page.scss */
.c-form-group textarea {
  width: 100%;
  border: solid 1px #707070;
  border-radius: 10px;
  resize: none;
  height: 208px;
  padding: 16px 27px 16px 14px;
  font-size: 16px;
  font-weight: normal !important;
  font-feature-settings: "palt";
  line-height: 28px;
  letter-spacing: 0.05em;
  font-family: "Roboto", "BIZ UDGothic", sans-serif !important;
  box-sizing: border-box;
  margin-bottom: 30px;
}
@media screen and (max-width: 960px) {
  /* line 1986, ../scss/page.scss */
  .c-form-group textarea {
    font-size: 14px;
    margin-bottom: 17px;
  }
}
/* line 2007, ../scss/page.scss */
.c-form-checkbox {
  padding: 12px 8px;
  display: flex !important;
  justify-content: flex-start !important;
  align-items: center;
  cursor: pointer;
  max-width: 305px;
  margin: 0 auto;
}
@media screen and (max-width: 960px) {
  /* line 2007, ../scss/page.scss */
  .c-form-checkbox {
    padding-left: 0;
  }
}
/* line 2018, ../scss/page.scss */
.c-form-checkbox.has-no-pad {
  padding-top: 0;
  padding-bottom: 0;
}
@media screen and (min-width: 961px) {
  /* line 2022, ../scss/page.scss */
  .c-form-checkbox.is-term {
    display: flex;
    justify-content: center;
  }
  /* line 2026, ../scss/page.scss */
  .c-form-checkbox.is-term .c-form-checkbox-labelText {
    flex-basis: auto;
  }
}
@media screen and (max-width: 960px) {
  /* line 2031, ../scss/page.scss */
  .c-form-checkbox.is-term .c-form-checkbox-labelText {
    font-size: 14px;
    line-height: 18px;
  }
}
/* line 2037, ../scss/page.scss */
.c-form-checkbox.is-wide {
  max-width: 100%;
  justify-content: center !important;
}
@media screen and (max-width: 960px) {
  /* line 2037, ../scss/page.scss */
  .c-form-checkbox.is-wide {
    max-width: 81.3%;
  }
}
/* line 2045, ../scss/page.scss */
.c-form-checkbox.is-accent .c-form-checkbox-dummyInput {
  border: solid 2px #80003f;
}
/* line 2050, ../scss/page.scss */
.c-form-checkbox.is-accent
  .c-form-checkbox-input:focus
  + .c-form-checkbox-dummyInput {
  border: solid 2px #80003f;
}
/* line 2055, ../scss/page.scss */
.c-form-checkbox.is-accent
  .c-form-checkbox-input:checked
  + .c-form-checkbox-dummyInput {
  border: solid 2px #80003f;
  background: #80003f;
}
/* line 2062, ../scss/page.scss */
.c-form-checkbox input {
  opacity: 0;
  position: absolute;
}
/* line 2067, ../scss/page.scss */
.c-form-checkbox.is-align-left {
  justify-content: flex-start !important;
  width: 100% !important;
  max-width: 100%;
}
/* line 2072, ../scss/page.scss */
.c-form-checkbox-input {
  margin: 0;
  width: 0;
  opacity: 0;
}
/* line 2077, ../scss/page.scss */
.c-form-checkbox-input:focus + .c-form-checkbox-dummyInput {
  border: solid 3px #333333;
  outline-offset: -3px;
}
/* line 2083, ../scss/page.scss */
.c-form-checkbox-input:checked + .c-form-checkbox-dummyInput {
  border: solid 2px #333333;
  background: #333333;
}
/* line 2086, ../scss/page.scss */
.c-form-checkbox-input:checked + .c-form-checkbox-dummyInput:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(/ec/shop/images/login/icn-check.svg) no-repeat center;
  background-size: 13px auto;
}
/* line 2100, ../scss/page.scss */
.c-form-checkbox-dummyInput {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 20px;
  height: 20px;
  border: solid 2px #888888;
  background: #ffffff;
  border-radius: 4px;
  flex-basis: 20px;
}
/* line 2112, ../scss/page.scss */
.c-form-checkbox-labelText {
  margin-left: 12px;
  display: block;
  font-size: 16px;
  font-family: "Roboto", "BIZ UDGothic", sans-serif !important;
  font-weight: normal;
  flex-basis: calc(100% - 33px);
}
@media screen and (max-width: 960px) {
  /* line 2112, ../scss/page.scss */
  .c-form-checkbox-labelText {
    font-size: 14px;
  }
}
/* line 2122, ../scss/page.scss */
.c-form-checkbox-labelText.is-normal {
  font-weight: normal;
}
@media screen and (max-width: 960px) {
  /* line 2125, ../scss/page.scss */
  .c-form-checkbox-labelText.is-meddium {
    font-size: 14px;
  }
}
/* line 2132, ../scss/page.scss */
.c-form-radio {
  gap: 0.3em 2em;
  border: none;
}
@media screen and (max-width: 960px) {
  /* line 2132, ../scss/page.scss */
  .c-form-radio {
    padding-top: 10px;
  }
}
/* line 2138, ../scss/page.scss */
.c-form-radio-group {
  position: relative;
}
/* line 2141, ../scss/page.scss */
.c-form-radio label {
  display: flex;
  width: 100%;
  gap: 0 0.5em;
  position: relative;
  cursor: pointer;
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 18px;
  padding-left: 30px;
}
@media screen and (max-width: 960px) {
  /* line 2141, ../scss/page.scss */
  .c-form-radio label {
    font-size: 14px;
  }
}
/* line 2153, ../scss/page.scss */
.c-form-radio span:before,
.c-form-radio span:after {
  border-radius: 50%;
  content: "";
}
/* line 2158, ../scss/page.scss */
.c-form-radio span:before {
  flex-basis: 22px;
  width: 22px;
  height: 22px;
  border: 1px solid #000;
  box-sizing: border-box;
  position: absolute;
  left: 0;
}
/* line 2165, ../scss/page.scss */
.c-form-radio span:after {
  position: absolute;
  top: 11px;
  left: 11px;
  transform: translate(-50%, -50%);
  width: 10px;
  height: 10px;
  background-color: transparent;
}
/* line 2176, ../scss/page.scss */
.c-form-radio label span {
  display: block;
  flex-basis: calc(100% - 50px);
  font-size: 16px;
  margin: 0;
}
@media screen and (max-width: 960px) {
  /* line 2176, ../scss/page.scss */
  .c-form-radio label span {
    font-size: 14px;
  }
}
/* line 2184, ../scss/page.scss */
.c-form-radio label span i {
  display: block;
  font-size: 16px;
  font-style: normal;
  margin: 0 0 14px;
}
@media screen and (max-width: 960px) {
  /* line 2184, ../scss/page.scss */
  .c-form-radio label span i {
    font-size: 14px;
  }
}

/*******追加:【カード情報詳細_カード情報詳細】カードのラベルのfor属性について*******/
.card .c-form-radio label {
  margin: 0;
}
.card .c-form-radio label span i {
  margin: 0;
}

/* line 2196, ../scss/page.scss */
.c-form-radio label.is-focus:before {
  border: 3px solid #000;
  outline-offset: -3px;
}
/* line 2203, ../scss/page.scss */
.c-form-radio .points {
  display: block;
  flex-basis: calc(100% - 50px);
}
/* line 2206, ../scss/page.scss */
.c-form-radio .points span {
  margin: 0 0 6px;
}
@media screen and (max-width: 960px) {
  /* line 2206, ../scss/page.scss */
  .c-form-radio .points span {
    font-size: 14px;
  }
}

.c-form-radio.credits-pattern .hk-section-content {
  margin: 0 auto 35px;
  padding: 35px 35px 20px;
}

.c-form-radio.credits-pattern label {
  justify-content: space-between;
  padding: 0;
}

.c-form-radio.credits-pattern span {
  flex-basis: calc(82% - 80px);
  padding-left: 30px;
}

.c-form-radio.credits-pattern label:last-of-type {
  margin-bottom: 0;
}

.c-form-radio.credits-pattern .expire-date {
  display: flex;
}

.c-form-radio.credits-pattern .expire-date span {
  flex-basis: auto;
  padding: 0;
}

.c-form-radio.credits-pattern .expire-date span::before,
.c-form-radio.credits-pattern .expire-date span::after {
  display: none;
}

.c-form-radio.credits-pattern .expire-date span:first-of-type {
  vertical-align: middle;
  font-size: 14px;
  margin-right: 1rem;
  font-weight: normal;
  white-space: nowrap;
}

@media screen and (max-width: 960px) {
  .c-form-radio.credits-pattern .hk-section-content {
    padding: 20px 15px 10px;
  }

  .c-form-radio.credits-pattern span {
    flex-basis: calc(65% - 50px);
  }

  .c-form-radio.credits-pattern .expire-date span:first-of-type {
    font-size: 12px;
    margin-right: 0.5rem;
  }
}

/* line 2214, ../scss/page.scss */
.c-form-radio div p {
  margin-bottom: 11px;
}
/* line 2216, ../scss/page.scss */
.c-form-radio div p:last-of-type {
  margin-bottom: 0;
}
/* line 2222, ../scss/page.scss */
.c-form-radio input {
  opacity: 0;
  position: absolute;
}
/* line 2226, ../scss/page.scss */
.c-form-radio input[type="text"] {
  opacity: 1;
  position: static;
  display: inline-block;
  padding: 6px 12px;
  text-align: right;
  width: 190px;
  margin-right: 6px;
}
@media screen and (max-width: 374px) {
  /* line 2226, ../scss/page.scss */
  .c-form-radio input[type="text"] {
    width: 130px;
  }
}
/* line 2241, ../scss/page.scss */
.c-form-radio input:checked + span:after {
  background-color: #000000;
}
/* line 2248, ../scss/page.scss */
.c-form-select {
  display: flex;
}
/* line 2250, ../scss/page.scss */
.c-form-select .input-group {
  flex-basis: 142px;
  margin-right: 17px;
  position: relative;
}
/* line 2254, ../scss/page.scss */
.c-form-select .input-group:last-of-type {
  margin-right: 0;
}
/* line 2257, ../scss/page.scss */
.c-form-select .input-group:after {
  content: "";
  display: block;
  width: 16px;
  height: 8px;
  background: url(/ec/shop/images/search/icn-tri-down.svg);
  background-size: 100% 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 9px;
  left: auto;
  margin: auto;
}
/* line 2274, ../scss/page.scss */
.c-form-select .input-group.is-wide {
  flex-basis: 100%;
  margin-right: 0 !important;
}
/* line 2277, ../scss/page.scss */
.c-form-select .input-group.is-wide .select-wrap {
  width: 100%;
}
/* line 2279, ../scss/page.scss */
.c-form-select .input-group.is-wide .select-wrap select {
  max-width: 100%;
  width: 100%;
}
/* line 2285, ../scss/page.scss */
.c-form-select .input-group.is-md {
  flex-basis: 261px;
}
/* line 2287, ../scss/page.scss */
.c-form-select .input-group.is-md select {
  max-width: 261px;
  width: 261px;
}
/* line 2293, ../scss/page.scss */
.c-form-select .input-group.is-low select {
  padding: 9px 20px;
}
/* line 2297, ../scss/page.scss */
.c-form-select .input-group.is-short {
  flex-basis: 90px;
}
@media screen and (max-width: 960px) {
  /* line 2300, ../scss/page.scss */
  .c-form-select .input-group.is-year {
    flex-basis: 110px;
  }
}
/* line 2306, ../scss/page.scss */
.c-form-select select {
  border: solid 1px #9fa0a0;
  border-radius: 5px;
  max-width: 142px;
  width: 100%;
  padding: 18px 20px;
  -webkit-appearance: none;
  appearance: none;
  font-size: 20px;
  position: relative;
  background: #fff;
  color: #000;
}
/* line 2318, ../scss/page.scss */
.c-form-select select.is-gray-out {
  color: #9fa0a0;
}
@media screen and (max-width: 960px) {
  /* line 2321, ../scss/page.scss */
  .c-form-select select.is-sm {
    font-size: 16px;
  }
}

/* line 2332, ../scss/page.scss */
.hk-regist-body .c-form-group {
  margin-bottom: 38px;
}
@media screen and (max-width: 960px) {
  /* line 2332, ../scss/page.scss */
  .hk-regist-body .c-form-group {
    margin-bottom: 26px;
  }
}

/* line 2342, ../scss/page.scss */
.hk-signup-body {
  background: #e1dfe6;
  padding: 50px 0 41px;
}
@media screen and (max-width: 960px) {
  /* line 2342, ../scss/page.scss */
  .hk-signup-body {
    padding: 40px 0 34px;
  }
}
/* line 2348, ../scss/page.scss */
.hk-signup-body__wrap {
  max-width: 350px;
  margin: 0 auto;
  text-align: center;
}
@media screen and (max-width: 960px) {
  /* line 2348, ../scss/page.scss */
  .hk-signup-body__wrap {
    max-width: 305px;
  }
}
/* line 2357, ../scss/page.scss */
.hk-signup-body .c-button a,
.hk-signup-body .c-button input {
  max-width: 305px;
  margin: 0 auto;
}
/* line 2362, ../scss/page.scss */
.hk-signup-body .c-button:last-of-type a {
  margin-bottom: 23px;
}
/* HKEX-309 Customization Area is from here.*/
.hk-signup-body .c-button input {
  max-width: 305px;
  margin: 0 auto;
}
.hk-signup-body .c-button:last-of-type input {
  margin-bottom: 23px;
}
/* HKEX-309 Customization Area is to here.*/
/* line 2367, ../scss/page.scss */
.hk-signup-body p {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 24px;
}
@media screen and (max-width: 960px) {
  /* line 2367, ../scss/page.scss */
  .hk-signup-body p {
    font-size: 16px;
    margin-bottom: 20px;
  }
}
/* line 2375, ../scss/page.scss */
.hk-signup-body p.notice {
  color: #3e011c;
  font-size: 16px;
  margin: 13px 0 23px;
  display: block;
  font-weight: normal;
}
@media screen and (max-width: 960px) {
  /* line 2375, ../scss/page.scss */
  .hk-signup-body p.notice {
    margin: 15px 0 22px;
    font-size: 14px;
  }
}
/* line 2388, ../scss/page.scss */
.hk-signup-body aside.has-icon {
  text-align: left;
  display: block;
  max-width: 305px;
  margin: 0 auto 30px;
  font-size: 12px;
}
@media screen and (max-width: 960px) {
  /* line 2388, ../scss/page.scss */
  .hk-signup-body aside.has-icon {
    margin-bottom: 24px;
  }
}
.hk-signup-body aside.has-icon > a{
  display: inline-flex;
  align-items: center;
}
/* line 2397, ../scss/page.scss */
.hk-signup-body aside.has-icon img {
  margin-right: 7px;
  width: 22px;
  height: auto;
  vertical-align: bottom;
}
/* line 2405, ../scss/page.scss */
.hk-signup-body a {
  text-decoration: underline;
}

/* line 2411, ../scss/page.scss */
.note {
  text-align: right;
  margin-top: -20px;
  margin-bottom: 55px;
}
@media screen and (max-width: 960px) {
  /* line 2411, ../scss/page.scss */
  .note {
    margin-bottom: 39px;
  }
}
/* line 2418, ../scss/page.scss */
.note img {
  margin-right: 7px;
  vertical-align: middle;
}
/* line 2422, ../scss/page.scss */
.note a {
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* line 2430, ../scss/page.scss */
.hk-section-aside p {
  font-size: 16px;
  color: #80003f;
  margin-top: 25px;
}
@media screen and (max-width: 960px) {
  /* line 2430, ../scss/page.scss */
  .hk-section-aside p {
    font-size: 14px;
  }
}
/* line 2439, ../scss/page.scss */
.hk-section-head {
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.05em;
  line-height: 34px;
  padding: 14px 29px;
  background: #e1dfe6;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 960px) {
  /* line 2439, ../scss/page.scss */
  .hk-section-head {
    font-size: 16px;
    padding: 19px 20px;
  }
}
/* line 2452, ../scss/page.scss */
.hk-section-head + aside {
  margin-top: 11px;
}
/* line 2455, ../scss/page.scss */
.hk-section-head a {
  font-size: 18px;
  color: #3e011c;
  text-decoration: underline;
  text-underline-offset: 3px;
  line-height: 1.8;
}
@media screen and (max-width: 960px) {
  /* line 2455, ../scss/page.scss */
  .hk-section-head a {
    font-size: 16px;
    line-height: 2;
  }
}

.hk-section-head input {
  font-size: 18px;
  color: #3e011c;
  border: none;
  font-weight: bold;
  background-color: #e1dfe6;
  text-decoration: underline;
  text-underline-offset: 3px;
  line-height: 1.8;
}

.hk-section-head input:hover {
  cursor: pointer;
}

/* line 2467, ../scss/page.scss */
.hk-section-content {
  padding: 32px 40px;
}
@media screen and (max-width: 960px) {
  /* line 2467, ../scss/page.scss */
  .hk-section-content {
    padding: 28px 20px 24px;
  }
}
/* line 2473, ../scss/page.scss */
.hk-section-content__buttons.has-margin {
  margin-bottom: 58px !important;
}
@media screen and (max-width: 960px) {
  /* line 2473, ../scss/page.scss */
  .hk-section-content__buttons.has-margin {
    margin-bottom: 47px !important;
  }
}
/* line 2479, ../scss/page.scss */
.hk-section-content__buttons .c-button {
  margin-bottom: 33px;
}
/* line 2485, ../scss/page.scss */
.hk-section-content__buttons .note {
  max-width: 600px;
  margin: -11px auto 44px;
}
/* line 2490, ../scss/page.scss */
.hk-section-content__annotations {
  max-width: 600px;
  margin: 0 auto;
  padding-top: 16px;
  margin-bottom: 33px;
}
/* line 2495, ../scss/page.scss */
.hk-section-content__annotations li {
  border: none;
  line-height: 25px;
  margin-bottom: 5px;
  padding-top: 0;
  padding-bottom: 0;
  cursor: text;
  color: #80003f;
  font-size: 16px;
  display: flex;
}
@media screen and (max-width: 960px) {
  /* line 2495, ../scss/page.scss */
  .hk-section-content__annotations li {
    font-size: 14px;
  }
}
@media screen and (max-width: 375px) {
  /* line 2495, ../scss/page.scss */
  .hk-section-content__annotations li {
    font-size: 13px;
  }
}
/* line 2511, ../scss/page.scss */
.hk-section-content__annotations li:before {
  content: "*";
  margin-right: 5px;
}
/* line 2515, ../scss/page.scss */
.hk-section-content__annotations li:hover {
  opacity: 1;
}
/* line 2518, ../scss/page.scss */
.hk-section-content__annotations li:after {
  display: none;
}
.hk-section-content__annotations li.error-message, .hk-modal-content ul.hk-modal-content__annotations li.error-message {
  display: none;
}
.hk-section-content__annotations li.error-message.active, .hk-modal-content ul.hk-modal-content__annotations li.error-message.active {
  display: block;
}
/* line 2523, ../scss/page.scss */
.hk-section-content.has-button {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding-bottom: 51px !important;
}
@media screen and (max-width: 960px) {
  /* line 2523, ../scss/page.scss */
  .hk-section-content.has-button {
    /*---------- HKEX-636 Customization Area is from here. ----------*/
    display: block;
    /*---------- HKEX-636 Customization Area is to here.   ----------*/
    padding-bottom: 23px !important;
  }
}
/* line 2532, ../scss/page.scss */
.hk-section-content.has-button:first-of-type {
  margin-top: 0;
}
@media screen and (max-width: 960px) {
  /* line 2535, ../scss/page.scss */
  .hk-section-content.has-button.is-last {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 960px) {
  /* line 2540, ../scss/page.scss */
  .hk-section-content.has-button div {
    max-width: 305px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 960px) {
  /* line 2545, ../scss/page.scss */
  .hk-section-content.has-button div:first-of-type {
    margin-bottom: 23px;
  }
}
/* line 2552, ../scss/page.scss */
.hk-section-content.has-border {
  margin: 26px auto 35px;
  border-radius: 10px;
  border: solid 1px #9fa0a0;
  padding: 35px 40px;
}
@media screen and (max-width: 960px) {
  /* line 2552, ../scss/page.scss */
  .hk-section-content.has-border {
    padding: 28px 20px;
  }
}
/* line 2561, ../scss/page.scss */
.hk-section-content.is-sm-pad {
  padding: 27px 41px 21px !important;
}
@media screen and (max-width: 960px) {
  /* line 2561, ../scss/page.scss */
  .hk-section-content.is-sm-pad {
    padding: 19px 20px !important;
  }
}
/* line 2567, ../scss/page.scss */
.hk-section-content.has-note {
  padding-top: 17px;
}
/* line 2570, ../scss/page.scss */
.hk-section-content.has-margin {
  margin-bottom: 55px;
}
@media screen and (max-width: 960px) {
  /* line 2570, ../scss/page.scss */
  .hk-section-content.has-margin {
    margin-bottom: 30px;
  }
}
/* line 2576, ../scss/page.scss */
.hk-section-content.has-no-margin {
  margin-top: 0;
}
/* line 2579, ../scss/page.scss */
.hk-section-content .note {
  padding: 0;
  margin-right: -40px;
  margin-top: 0;
  margin-bottom: 0;
}
@media screen and (max-width: 960px) {
  /* line 2579, ../scss/page.scss */
  .hk-section-content .note {
    margin-right: -20px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 960px) {
  /* line 2590, ../scss/page.scss */
  .hk-section-content.thankyou strong {
    font-size: 16px;
  }
}
/* line 2596, ../scss/page.scss */
.hk-section-content.cancel {
  margin-bottom: 87px;
}
@media screen and (max-width: 960px) {
  /* line 2596, ../scss/page.scss */
  .hk-section-content.cancel {
    margin-bottom: 35px;
  }
}
/* line 2602, ../scss/page.scss */
.hk-section-content .marker {
  font-size: 16px;
  color: #80003f;
  border: solid 1px #80003f;
  padding: 8px 12px;
  display: inline-block;
  margin-bottom: 24px;
}
@media screen and (max-width: 960px) {
  /* line 2602, ../scss/page.scss */
  .hk-section-content .marker {
    font-size: 14px;
  }
}
@media screen and (max-width: 960px) {
  /* line 2612, ../scss/page.scss */
  .hk-section-content .marker.has-no-margin-sp {
    margin-bottom: 0;
  }
}
/* line 2618, ../scss/page.scss */
.hk-section-content strong {
  border-top: solid 1px #9fa0a0;
  border-bottom: solid 1px #9fa0a0;
  font-size: 16px;
  padding: 17px 0;
  font-weight: bold;
  display: block;
  width: 100%;
  margin-bottom: 27px;
}
@media screen and (max-width: 960px) {
  /* line 2618, ../scss/page.scss */
  .hk-section-content strong {
    padding: 14px 0;
    font-size: 14px;
    margin-bottom: 16px;
  }
}
/* line 2632, ../scss/page.scss */
.hk-section-content strong:first-of-type {
  border-top: none;
  padding-top: 0;
}
/* line 2635, ../scss/page.scss */
.hk-section-content strong:first-of-type.has-border-top {
  border-top: solid 1px #9fa0a0;
  padding-top: 18px;
}
/* line 2640, ../scss/page.scss */
.hk-section-content strong.is-center {
  text-align: center;
}
/* line 2643, ../scss/page.scss */
.hk-section-content strong.is-no-border {
  border: none;
}
/* HKEX-291 Customization Area is from here.*/
.hk-section-content strong input {
  cursor: pointer;
  font-size: 16px;
  font-weight: bold;
}
.hk-section-content strong input:hover {
	text-decoration: underline;
}
/* HKEX-291 Customization Area is to here.*/
/* line 2646, ../scss/page.scss */
.hk-section-content strong.has-no-margin {
  margin: 0;
  padding: 0;
}

.hk-section-content.thankyou a > span{
  margin-left: 1em;
}

.hk-section-content.thankyou input[type='button']{
  appearance: none;
  -webkit-appearance: none;
  color: #434343;
  font-size: 16px;
  font-weight: 700;
  margin-left: 1em;
}

/* line 2650, ../scss/page.scss */
.hk-section-content strong.is-accent {
  color: #9e7e4d;
}
/* line 2654, ../scss/page.scss */
.hk-section-content p {
  font-size: 16px;
  margin-bottom: 20px;
}
@media screen and (max-width: 960px) {
  /* line 2654, ../scss/page.scss */
  .hk-section-content p {
    margin-bottom: 6px;
  }
}
/* line 2661, ../scss/page.scss */
.hk-section-content p.label > span:not(.train) {
  width: 130px;
}
@media screen and (max-width: 960px) {
  .hk-section-content p.label > span:not(.train) {
    width: 120px;
  }
}
/* line 2664, ../scss/page.scss */
.hk-section-content p.label:last-of-type {
  margin-bottom: 0;
}
/* line 2668, ../scss/page.scss */
.hk-section-content p span {
  font-size: 16px;
  display: inline-block;
  font-weight: bold;
  margin-right: 12px;
}
/* HKEX-372 Customization Area is from here.*/
.hk-section-content p span.ignore{
  font-size: initial;
  display: initial;
  font-weight: initial;
  margin-right: initial;
}
/* HKEX-372 Customization Area is to here.*/
@media screen and (max-width: 960px) {
  /* line 2668, ../scss/page.scss */
  .hk-section-content p span {
    font-size: 14px;
    margin-right: 9px;
  }
  /* HKEX-372 Customization Area is from here.*/
  .hk-section-content p span.ignore{
    font-size: initial;
    display: initial;
    font-weight: initial;
    margin-right: initial;
  }
  /* HKEX-372 Customization Area is to here.*/
}
/* line 2678, ../scss/page.scss */
.hk-section-content p i {
  font-style: normal;
  font-size: 20px;
}
@media screen and (max-width: 960px) {
  /* line 2678, ../scss/page.scss */
  .hk-section-content p i {
    font-size: 18px;
  }
}
/* line 2686, ../scss/page.scss */
.hk-section-content p .train span {
  font-weight: normal;
}
/* line 2689, ../scss/page.scss */
.hk-section-content p .train img {
  margin-right: 12px;
}

.hk-section-content__title {
  display: flex;
  border-bottom: solid 1px #9fa0a0;
  margin-bottom: 27px;
}
.hk-section-content__title strong {
  border: none;
  margin: 0;
}
.hk-section-content__title input {
  text-decoration: underline;
  border: 0;
  font-size: 16px;
  color: #80003f;
  white-space: nowrap;
  text-align: right;
  padding: 0 0 15px;
  background: none;
}
.hk-section-content__title input:hover {
  cursor: pointer;
}

@media screen and (max-width: 960px) {
  .hk-section-content__title a {
    font-size: 14px;
  }
}

/* line 2695, ../scss/page.scss */
.hk-section-train {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
}
@media screen and (max-width: 960px) {
  /* line 2695, ../scss/page.scss */
  .hk-section-train {
    margin-top: 16px;
    margin-bottom: 19px;
  }
}
/* line 2703, ../scss/page.scss */
.hk-section-train__item {
  margin-right: 45px;
}
@media screen and (max-width: 960px) {
  .hk-section-train__item {
    margin-right: 30px;
  }
}
/* line 2705, ../scss/page.scss */
.hk-section-train__item strong {
  border: none;
  margin-bottom: 15px;
  padding-bottom: 0;
  font-size: 16px;
}
@media screen and (max-width: 960px) {
  /* line 2705, ../scss/page.scss */
  .hk-section-train__item strong {
    font-size: 14px;
    margin-bottom: 10px;
  }
}
/* line 2715, ../scss/page.scss */
.hk-section-train__item p {
  margin-bottom: 9px;
}
/* line 2717, ../scss/page.scss */
.hk-section-train__item p:last-of-type {
  margin-bottom: 0;
}
/* line 2720, ../scss/page.scss */
.hk-section-train__item p.reserved_station {
  font-size: 16px;
}
@media screen and (max-width: 960px) {
  /* line 2720, ../scss/page.scss */
  .hk-section-train__item p.reserved_station {
    font-size: 14px;
    margin-bottom: 4px;
  }
}
/* line 2728, ../scss/page.scss */
.hk-section-train__item p.time span {
  font-size: 18px;
  font-weight: normal;
}
@media screen and (max-width: 960px) {
  /* line 2728, ../scss/page.scss */
  .hk-section-train__item p.time span {
    font-size: 16px;
  }
}
/* line 2740, ../scss/page.scss */
.hk-section-fee__row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
/* line 2744, ../scss/page.scss */
.hk-section-fee__row .item {
  font-size: 16px;
  line-height: 2em;
}
@media screen and (max-width: 960px) {
  /* line 2744, ../scss/page.scss */
  .hk-section-fee__row .item {
    font-size: 14px;
  }
}
/* line 2750, ../scss/page.scss */
.hk-section-fee__row .item.is-accent {
  color: #80003f;
}
/* line 2754, ../scss/page.scss */
.hk-section-fee__row .fee {
  font-size: 18px;
}
@media screen and (max-width: 960px) {
  /* line 2754, ../scss/page.scss */
  .hk-section-fee__row .fee {
    font-size: 16px;
  }
}
/* line 2759, ../scss/page.scss */
.hk-section-fee__row .fee.is-accent {
  color: #80003f;
}
/* line 2763, ../scss/page.scss */
.hk-section-fee__row.total {
  border-top: solid 1px #9fa0a0;
  padding-top: 15px;
  margin-top: 10px;
}
@media screen and (max-width: 960px) {
  /* line 2763, ../scss/page.scss */
  .hk-section-fee__row.total {
    padding-top: 10px;
  }
}
/* line 2770, ../scss/page.scss */
.hk-section-fee__row.total .item {
  font-weight: bold;
  font-size: 18px;
}
@media screen and (max-width: 960px) {
  /* line 2770, ../scss/page.scss */
  .hk-section-fee__row.total .item {
    font-size: 16px;
  }
}

.hk-section-fee__row.estimated-point {
  justify-content: flex-end;
  border-top: solid 1px #9fa0a0;
  padding-top: 15px;
  margin-top: 10px;
}

.hk-section-fee__row.estimated-point .item {
  margin-right: 1.5rem;
}

/* line 2780, ../scss/page.scss */
.hk-section-item {
  margin-bottom: 28px;
}
@media screen and (max-width: 960px) {
  /* line 2780, ../scss/page.scss */
  .hk-section-item {
    margin-bottom: 20px;
  }
}
/* line 2785, ../scss/page.scss */
.hk-section-item strong {
  border: none !important;
  font-size: 16px !important;
  padding: 0 !important;
  margin-bottom: 10px !important;
}
@media screen and (max-width: 960px) {
  /* line 2785, ../scss/page.scss */
  .hk-section-item strong {
    font-size: 14px !important;
  }
}
/* line 2794, ../scss/page.scss */
.hk-section-item p {
  font-size: 18px;
  font-weight: normal;
  margin-bottom: 0 !important;
}
@media screen and (max-width: 960px) {
  /* line 2794, ../scss/page.scss */
  .hk-section-item p {
    font-size: 14px !important;
  }
}
/* line 2801, ../scss/page.scss */
.hk-section-item p .mail {
  font-size: 20px;
}
@media screen and (max-width: 960px) {
  /* line 2801, ../scss/page.scss */
  .hk-section-item p .mail {
    font-size: 16px !important;
  }
}

.hk-section-content__purchase {
  border-bottom: solid 1px #9fa0a0;
  margin-bottom: 17px;
}

.hk-section-content.change-confrim strong.price {
  border-top: solid 1px #9fa0a0;
  padding-top: 17px;
}

@media screen and (max-width: 960px) {
  .hk-section-content__purchase {
    padding-bottom: 11px;
  }
}

/* line 2821, ../scss/page.scss */
.hk-mypage-footer {
  padding: 40px 15px 67px;
  background: #e1dfe6;
}
/* line 2824, ../scss/page.scss */
.hk-mypage-footer__buttons {
  max-width: 800px;
  margin: 0 auto;
}
/* line 2827, ../scss/page.scss */
.hk-mypage-footer__buttons .c-button {
  margin-bottom: 25px;
}
/* line 2829, ../scss/page.scss */
.hk-mypage-footer__buttons .c-button:last-of-type {
  margin-bottom: 0;
}

/* line 2837, ../scss/page.scss */
.hk-pagination {
  padding-top: 35px;
}
@media screen and (max-width: 960px) {
  /* line 2837, ../scss/page.scss */
  .hk-pagination {
    padding-top: 15px;
  }
}
/* line 2842, ../scss/page.scss */
.hk-pagination-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 880px;
  padding: 0 15px;
  margin: 0 auto;
}
/* line 2849, ../scss/page.scss */
.hk-pagination-wrap a {
  color: #3e011c;
  font-size: 16px;
  font-weight: bold;
  text-decoration: underline;
  white-space: nowrap;
}
@media screen and (max-width: 960px) {
  /* line 2849, ../scss/page.scss */
  .hk-pagination-wrap a {
    font-size: 14px;
  }
}
@media screen and (max-width: 375px) {
  /* line 2849, ../scss/page.scss */
  .hk-pagination-wrap a {
    font-size: 12px;
  }
}
/* line 2862, ../scss/page.scss */
.hk-pagination-wrap ul {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 18px;
}
@media screen and (max-width: 960px) {
  /* line 2862, ../scss/page.scss */
  .hk-pagination-wrap ul {
    padding: 0 21px;
  }
}
@media screen and (max-width: 375px) {
  /* line 2862, ../scss/page.scss */
  .hk-pagination-wrap ul {
    padding: 0 10px;
  }
}
/* line 2873, ../scss/page.scss */
.hk-pagination-wrap ul li {
  margin-right: 6px;
}
/* line 2875, ../scss/page.scss */
.hk-pagination-wrap ul li:last-of-type {
  margin-right: 0;
}
/* line 2879, ../scss/page.scss */
.hk-pagination-wrap ul li.is-active a {
  background: #3e011c;
  color: #fff;
}
/* line 2884, ../scss/page.scss */
.hk-pagination-wrap ul li a {
  width: 48px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  font-size: 20px;
  font-weight: normal;
  border: solid 1px #3e011c;
  border-radius: 5px;
}
@media screen and (max-width: 960px) {
  /* line 2884, ../scss/page.scss */
  .hk-pagination-wrap ul li a {
    font-size: 20px;
  }
}
@media screen and (max-width: 375px) {
  /* line 2884, ../scss/page.scss */
  .hk-pagination-wrap ul li a {
    width: 40px;
    height: 40px;
    font-size: 18px;
  }
}

/* line 2910, ../scss/page.scss */
p.is-center {
  text-align: center;
}

/****** English version customize ******/
.f-15 input {
  font-size: 15px;
}

.f-14 input {
  font-size: 14px;
}

.f-14 a {
  font-size: 14px;
}

@media screen and (max-width: 960px) {
  .mr-1em {
    margin-right: 1.2em;
  }
}

@media screen and (max-width: 960px) {
  .f-13 a {
    font-size: 13px;
  }
}

@media screen and (max-width: 960px) {
  .f-15 a {
    font-size: 15px;
  }
}

.c-button input.is-gray {
  background: rgba(141, 141, 141, 0.7);
}

.is-invalid {
  pointer-events: none;
}

/*****追加：【マイページTOP】会員情報（氏名、ポイント残高）を表示する箇所がない******/
.my-page-point {
  margin-top: 53px;
}
@media screen and (max-width: 960px) {
  .my-page-point {
    margin-top: 28px;
  }
}

.my-page-point__title {
  font-size: 26px;
  font-weight: 600;
}
@media screen and (max-width: 960px) {
  .my-page-point__title {
    font-size: 16px;
  }
}

.my-page-point__container {
  max-width: 780px;
  margin: 58px auto 54px;
  border: 1px solid #9fa0a0;
  border-radius: 10px;
  letter-spacing: 1.8px;
  display: flex;
  text-align: center;
}
@media screen and (max-width: 960px) {
  .my-page-point__container {
    width: 100%;
    margin: 59px auto 52px;
    letter-spacing: 1.6px;
    flex-direction: column;
  }
}

.my-page-point__container p {
  padding: 27px 30px;
  font-size: 18px;
  font-weight: 600;
}
@media screen and (max-width: 960px) {
  .my-page-point__container p {
    padding: 21px 0;
    font-size: 16px;
  }
}

.my-page-point__container p:nth-of-type(1) {
  background-color: #f4ece0;
  border-radius: 10px 0 0 10px;
  border-right: 1px solid #9fa0a0;
}

@media screen and (max-width: 960px) {
  .my-page-point__container p:nth-of-type(1) {
    border-radius: 10px 10px 0 0;
    border-right: 0;
    border-bottom: 1px solid #9fa0a0;
  }
}

.my-page-point__container p:nth-of-type(2) .point {
  margin-right: 10px;
  font-family: "Roboto", "BIZ UDGothic", sans-serif !important;
}

.my-page-point__container p:nth-of-type(2) .point-label {
  letter-spacing: 0.8px;
  font-size: 16px;
  font-weight: 500;
}
@media screen and (max-width: 960px) {
  .my-page-point__container p:nth-of-type(2) .point-label {
    font-size: 14px;
  }
}

/*****追加：【新規会員登録_認証コード入力】認証コード再発行ボタンに関して******/
.auth-code {
  margin-top: 18px;
}

.auth-code input {
  padding: 0;
  border: 0;
  background: 0;
  font-size: 16px;
  text-decoration: underline;
  color: #434343;
  cursor: pointer;
  letter-spacing: inherit;
}
@media screen and (max-width: 960px) {
  .auth-code input {
    font-size: 14px;
  }
}

.auth-code input:hover {
  color: #000;
}

/********追加:【カード情報詳細_カード情報詳細】カード情報詳細画面では新規カードの登録ができない*********/
.c-button.is-outline.is-long > .new-card {
  line-height: inherit;
}
.c-button.is-outline.is-long > .new-card.disabled {
  pointer-events: none;
  background-color: #cecece;
  color: #fff;
  outline: 0;
  box-shadow: inherit;
  font-weight: 500;
}

/* front\member\receipt\sample.html 領収書 */
.hk-receipt__wrap{
  width: 100vw;
  background-color: #E3DADA;
  padding: 30px 0;
}

.hk-receipt__wrap .hk-receipt{
  width: 100vw;
  overflow: scroll;
  max-width: 1200px;
  background-color: #FFFFFF;
  margin: 0 auto;
  padding: 100px 0 10px;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.hk-receipt__wrap .hk-receipt::-webkit-scrollbar {
  display: none;
}

.hk-receipt__wrap .hk-receipt__container {
  width: 440px;
  margin: 0 auto;
  background-color: #FFFFFF;
  padding: 0;
  box-sizing: border-box;
}

.hk-receipt__wrap .hk-receipt__container::-webkit-scrollbar{
  display: none;
}

.hk-receipt .hk-receipt__row {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hk-receipt .hk-receipt__row{
  margin-top: 34px;
  font-size: 16px;
}

.hk-receipt .hk-receipt__row:first-child{
  margin-top: 0;
  justify-content: space-between;
}

.hk-receipt .hk-receipt__row:nth-child(2){
  margin-top: 50px;
  justify-content: flex-start;
}

.hk-receipt .hk-receipt__row:nth-child(3){
  margin-top: 20px;
  justify-content: flex-end;
}

.hk-receipt .hk-receipt__row:nth-child(4){
  margin-top: 50px;
}

.hk-receipt .hk-receipt__row:nth-child(5){
  margin-top: 55px;
}

.hk-receipt .hk-receipt__row:nth-child(6){
  margin-top: 68px;
}

.hk-receipt .hk-receipt__row:nth-child(7){
  margin-top: 64px;
  align-items: end;
  justify-content: center;
}

.hk-receipt .hk-receipt__row h3{
  font-size: 26px;
  font-weight: bold;
}

.hk-receipt .hk-receipt__row .hk-receipt__row__item.name{
  font-size: 20px;
  width: 100%;
  padding-bottom: 17px;
  border-bottom: 1px solid #9FA0A0;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.hk-receipt__row__item.price{
  width: 100%;
}

.hk-receipt__row__item.price .hk-receipt__row__item-price__box{
  border: 1px solid #9FA0A0;
  display: flex;
  align-items: center;
  padding: 24px 30px;
  font-size: 24px;
}

.hk-receipt__row__item.price .hk-receipt__row__item-price__box span{
  font-weight: bold;
  margin-top: auto;
}

.hk-receipt__row__item.price .hk-receipt__row__item-price__box span:first-child{
  font-size: 18px;
  margin-right: 2rem;
}

.hk-receipt__row__item.price .hk-receipt__row__item-price__box span:nth-child(2){
  margin-right: 1rem;
}

.hk-receipt__row__item.price .hk-receipt__row__item-price__point{
  padding: 24px 0 17px;
  font-size: 16px;
  border-bottom: 1px solid #9FA0A0;
}

.hk-receipt .hk-receipt__row .hk-receipt__row__item.detail p{
  font-size: 14px;
  padding-bottom: 10px;
  border-bottom: 1px solid #000;
}

.hk-receipt .hk-receipt__row .hk-receipt__row__item.detail{
  width: 92%;
}

.hk-receipt__row__item.detail table,.hk-receipt__row__item.detail tr{
  width: 100%;
}

.hk-receipt__row__item.detail tr{
  display: flex;
  border-bottom: 1px solid #8E8E8E;
  padding: 5px 0;
  align-items: end;
}

.hk-receipt__row__item.detail tr:first-child{
  padding-top: 18px;
}

.hk-receipt__row__item.detail tr:last-child{
  border-bottom: 1px solid #000;
}

.hk-receipt__row__item.detail th{
  display: inline-block;
  padding: 0 6px;
  width: 28%;
}

.hk-receipt__row__item.logo{
  display: inline-block;
  margin-right: 3rem;
}

.hk-receipt .hk-receipt__message{
  display: block;
  margin: 100px 0 120px;
  width: 100%;
  text-align: center;
  font-size: 14px;
  text-decoration: underline;
}

@media screen and (max-width: 960px) {
  .hk-receipt__wrap .hk-receipt__container {
    padding: 30px 16px 10px;
  }
}






/*****追加：【空席照会・購入_購入確認】購入可能チェックで購入不可の場合のデザインについて*****/
.error-message {
  display: none;
  font-family: "Roboto", "BIZ UDGothic", sans-serif !important;
  border: 1px solid #80113f;
  margin: 54px 0 68px;
  padding: 22px 15px;
  text-align: center;
}
.error-message p {
  color: #80113f;
  font-size: 16px;
  margin: 0 !important;
}
.error-message + .c-button.is-light > input:disabled {
  pointer-events: none;
  background: #9fa0a0;
  color: #fff;
  outline: none;
  box-shadow: none;
}

/*****追加：HKY_RESERVE-7 【その他画面】メンテ系画面のデザインについて *****/
body.maintenance .hk-header{
  border-bottom: solid 2px #c9a063;
  padding-bottom: 10px;
  margin-bottom: 128px;
}

.hk-content.maintenance .hk-page-head h2{
  line-height: 1.5;
}

.hk-content.maintenance .hk-content.is-center{
  margin-bottom: 50px;
}

.hk-content.maintenance .hk-content.is-center p{
  font-size: 14px;
}

@media screen and (max-width: 960px) {
  body.maintenance .hk-header{
    margin-bottom: 95px;
  }

  .hk-content.maintenance .hk-page-head h2{
    margin-bottom: 52px;
  }
}


.hk-section-content__annotations .error-message{
  margin: 0;
  margin-bottom: 5px;
  padding: 0;
  border: none;
  text-align: left;
}




.c-button.icon-padding a{
  padding-left: 1em;
  padding-right: 3em;
}

.c-form-group.c-form-icon-min input.is-md{
  font-size: 12px;
}

.c-form-icon.c-form-icon-min img {
  right: calc(50% - 10em);
}




/* 23/11/02add  /member/receipt/sample.html */
.hk-receipt__row__item.price .hk-receipt__row__item-price__box small{
  display: inline-block;
  margin-left: auto;
  font-size: 12px;
  vertical-align: text-top;
}
.hk-receipt__row__item small{
  display: block;
  padding: 1em 0 0;
}

.hk-receipt__row__item.detail tr:first-child{
  padding-top: 15px;
}
.hk-receipt__row__item.detail tr{
  padding-top: 15px;
  padding-bottom: 15px;
  display: flex;
  align-items: center;
  row-gap: 0.5em;
}

.hk-receipt__wrap .hk-receipt__container{
  width: 700px;
}
.hk-receipt__row__item.detail th{
  max-width: 150px;
  font-size: 12px;
  vertical-align: middle;
}
.hk-receipt__row__item.detail td{
  flex: 1;
  width: 72%;
  vertical-align: middle;
}
@media screen and (max-width: 768px){
  .hk-receipt__wrap .hk-receipt__container{
    width: 100%;
  }
}



/* PRINT */


@media print and (max-width: 768px){
  @page {
    size: A4 portrait;
  }

  #d_header,
  #informations_sp,
  #d_gn,
  #d_footer,
  .hk-receipt .hk-receipt__message {
      display: none;
  }

  .hk-receipt__wrap .hk-receipt {
      width: 100%;
      padding: 0;
  }

  .hk-receipt__wrap {
      padding: 0;
  }

  .hk-receipt__wrap .hk-receipt__container {
      display: block;
      margin: 0;
      padding: 0;
      width: 100%;
      height: 100vh;
      zoom: 80%;
  }
}


@media print and (min-width: 769px){
  /* @page {
      size: A4 portrait;
  } */

  #d_header,
  #informations_sp,
  #d_gn,
  #d_footer,
  .hk-receipt .hk-receipt__message {
      display: none;
  }

  .hk-receipt__wrap .hk-receipt {
      width: 100%;
      padding: 0;
  }

  .hk-receipt__wrap {
      padding: 0;
  }

  .hk-receipt__wrap .hk-receipt__container {
      display: block;
      margin: 0;
      padding: 0;
      width: 100%;
      height: 100vh;
  }
  .hk-receipt__wrap .hk-receipt__container{
    margin: 0 auto;
  }
}




/* 23/11/24add  /member/index.html */
.hk-content.mypage-index .has-icon.note{
  margin-right: auto;
  /* color: #80003f; */
}




/* 23/11/30add  /reserve/seat.html */
.hk-seat-head__info.btline{
  border-bottom: solid 1px #9fa0a0;
}


.faq-notice{
  display: flex;
  flex-direction: column;
  row-gap: 0.5em;
}

.faq-notice .info-icn{
  color: #3e011c;
  text-decoration: underline;
}

.faq-notice .info-icn::before{
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-right: 0.25em;
  background: url(../../images/search/icn-info2.svg) no-repeat center;
  background-size: cover;
  vertical-align: middle;
}


@media screen and (max-width: 960px){
  .faq-notice{
    row-gap: 1em;
  }
}


/* 23/12/6add  /reserve/select.html */
.info-link.info-icn{
  color: #3e011c;
  text-decoration: underline;
}
.info-link.info-icn::before{
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-right: 0.25em;
  background: url(../../images/search/icn-info2.svg) no-repeat center;
  background-size: contain;
  vertical-align: middle;
}

.hk-search-about-point{
  text-align: right;
  padding: 1em 0;
}


/* 23/12/6add  /member/cancel/confirm.html */

.hk-section-fee__row.title .item {
  font-weight: bold;
  font-size: 18px;
}

@media screen and (max-width: 960px) {
  .hk-section-fee__row.title .item {
    font-size: 16px;
  }
}



/* 23/12/7add  /reserve/seat.html */
.hk-modal-text{
  text-indent: -1em;
  margin-bottom: 1em;
}

.hk-modal-link{
  display: block;
  text-align: right;
  color: #3e011c !important;
  text-decoration: underline !important;
}

.hk-seat-area__nav{
  position: relative;
}
.hk-seat-area__nav .progress{
  position: absolute;
  left: 50%;
  font-size: 16px;
  font-weight: bold;
  color: #3E011C;
  transform: translate(-50%, 0);
}
.hk-seat-area__nav .progress::before,
.hk-seat-area__nav .progress::after{
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  background: url(../../images/search/arw_progress.svg) no-repeat center center;
  background-size: contain;
  opacity: 0;
}

.hk-seat-area__nav .progress::before{
  transform: rotate(0deg);
  margin-right: 1em;
}
.hk-seat-area__nav .progress::after{
  transform: rotate(180deg);
  margin-left: 1em;
}

/* HKEX-859 Customization Area is from here.*/
.hk-seat-area__nav .progress.up::after{
  opacity: 1;
}
.hk-seat-area__nav .progress.down::before{
  opacity: 1;
}
/* HKEX-859 Customization Area is to here.*/

@media screen and (max-width: 870px) {
  .hk-seat-area__nav{
    position: unset;
  }
  .hk-seat-area__nav .progress{
    position: unset;
    left: 0;
    font-size: 16px;
    transform: translate(0, 0);
    background: none;
  }
  .hk-seat-area__nav .progress::before,
  .hk-seat-area__nav .progress::after{
    transform: rotate(90deg);
    opacity: 1;
  }

  .hk-seat-area__nav .progress.up::before{
    transform: rotate(90deg);
  }
  .hk-seat-area__nav .progress.up::after{
    transform: rotate(90deg);
  }
  .hk-seat-area__nav .progress.down::before{
    transform: rotate(270deg);
  }
  .hk-seat-area__nav .progress.down::after{
    transform: rotate(270deg);
  }

}




/* 23/12/7add  /regist/term.html */

.term-frame{
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 300px;
  margin-bottom: 1.8em;
}

.term-frame iframe{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: solid 1px #707070;
  border-radius: 10px;
}



/* 23/12/11add  /mamber/receipt/index.html */

#receiptName + img{
  opacity: .5;
}


/* 23/12/21 add  /reserve/seat.html */

.hk-seat-middle_annotation{
  padding: 1em 0;
  margin-bottom: 1em;
}

.hk-seat-middle_annotation ul.annotation li{
  display: flex;
  position: relative;
  font-size: 14px;
  line-height: 1.71;
}
.hk-seat-middle_annotation ul.annotation li::before{
  /* HKEX-971 Customization Area is from here.*/
  content: "*";
  /* HKEX-971 Customization Area is to here.*/
}



/* 23/12/28 add  /reserve/seat.html */

.hk-modal .text {
  max-width: 424px;
  margin: 0 auto 40px;
}

.hk-seat-head__icons img[src$=".svg"]{
  height: 24px;
}



/* 24/1/12 add  /reserve/seat.html */

.hk-seat-list li.has-icon.is-occupied img{
  display: none;
}

.hk-seat-list li.is-occupied a{
  user-select: none;
}

/* 24/1/29 add  footer */

p.d_footer-operation{
  margin-bottom: 30px;
  font-size: 14px;
}

p.d_footer-operation a{
  text-decoration: underline;
}

@media screen and (max-width: 870px) {
  p.d_footer-operation{
    margin-bottom: 24px;
    font-size: 12px;
  }

}


/* 24/1/30 add  /reserve/seat.html */

.hk-seat-head__meta p span {
  word-break: keep-all;
}

.hk-content.modal-adjuster{
  margin-bottom: 45px;
}
@media screen and (max-width: 870px) {
  .hk-content.modal-adjuster{
    margin-bottom: 18%;
  }
}


/* 24/1/30 add  /regist/secure.html */

.c-form-group.c-form-icon-min input.is-md{
  font-size: 16px;
}
/* .c-form-group.c-form-icon-min input.is-md::placeholder{
  font-size: 12px;
} */



/* 2024.02.16  */

.hk-section-content__buttons .c-button.disabled {
  opacity: 0.3;
}
.hk-section-content__buttons .c-button.disabled a{
  pointer-events: none;
}



/* 2024.03.05 add /reserve/seat.html */

.hk-seat .hk-seat-head__meta span .train-num {
  display: inline-block;
}
.hk-seat .hk-seat-head__meta span .train-distination {
  display: inline-block;
}

.hk-seat-head__meta p span {
  max-width: 100%;
  word-break:break-all;
}
.hk-seat-head__meta p > span {
  max-width: calc( 100% - 120px);
}
/* 2024.07.01 add */
.c-form-radio input[type="radio"],
.c-form-checkbox input[type="checkbox"] {
  visibility: hidden;
}


/* 2024.07.05 add */
.search-important-notice{
  padding: 1em;
  border: solid 1px #f00;
  color: #f00;
}




/* 2024.07.05 add */
.search-important-notice{
  display: flex;
  gap: 2em;
  width: 100%;
  padding: 1.5em;
  border: solid 2px #80003F;
  color: #80003F;
}
.search-important-notice h2{
  font-size: 16px;
  margin: 0;
  padding: 0;
  line-height: 1.2;
}
.search-important-notice dl{
  display: flex;
  gap: 1em;
}
.search-important-notice dl dt{
  color: #434343;
  font-size: 14px;
}
.search-important-notice a{
  font-size: 16px;
  text-decoration: underline;
  color: #80003F
}
.search-important-notice span{
  font-size: 16px;
  display: block;
  padding-left: .5em;
  padding-top: .5em;
}

@media screen and (max-width: 870px) {
  .search-important-notice{
    display: block;
    width: auto;
  }
  .search-important-notice dl{
    display: block;
  }
  .search-important-notice dl dt{
    margin-bottom: 1em;
  }
  .search-important-notice h2{
    text-align: left;
    margin-bottom: 1em;
  }
}


/* 2024.07.22 add */
.c-form-radio.credits-pattern b {
  display: block;
  flex-basis: auto;
  flex-shrink: 0;
  font-size: 80%;
  margin-left: 3em;
  line-height: 1.2;
  word-break: break-all;
  font-weight: normal;
  font-style: italic;
}

.c-form-radio.credits-pattern .credits-pattern-item{
  display: flex;
}
@media screen and (max-width: 870px) {
  .c-form-radio.credits-pattern b {
  }
  .c-form-radio.credits-pattern .credits-pattern-item{
    flex-direction: column;
  }
}

.hk-section-content .confirm-cc{
  display: flex;
  gap: 2em;
}
.hk-section-content .confirm-cc .confirm-cc-number{
  display: flex;
  align-items: center;
}
.hk-section-content .confirm-cc .confirm-cc-name{
  line-height: 1.2;
  word-break: break-all;
  font-weight: normal;
  font-style: italic;
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
@media screen and (max-width: 870px) {
  .hk-section-content .confirm-cc .confirm-cc-name{
    max-width: 11em;
  }
}

.cc-form-flex{
  display: flex;
}


/* 2024.09.09 add */
input[type="submit"]:focus {
  outline: 3px solid #1c69bf;
  outline-offset: -2px;
}



/* 2024.09.19 add */


.hk-modal-wrap {
  max-height: 90vh;
  overflow-y: auto;
}










/* 
  Accecibility Fix 2024.10 
*/

.sr-only{
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  width: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
}

a:focus-visible,*[tabindex]:focus-visible {
  outline: 4px solid #1c69bf;
  outline-offset: -1px;
}


#skip-link {
  display: none;
}

@media screen and (min-width: 870px){
  #skip-link {
    display: inline;
    font-size: 125%;
    font-weight: bold;
    left: -1000em;
    padding: 5px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    top: 0;
    width: 300px;
    z-index: 40;
  }
  #skip-link:focus {
    background: none repeat scroll 0 0 #fff !important;
    border: 2px solid #000;
    left: 230px;
    top: 50px;
  }
}


/* 
  f102
*/

.hk-search-trains .hk-search-trains__meta p.point{
  font-size: 100%;
}

.hk-search-trains label.form-seat-select{
  display: block;
  border-radius: 5px;
}
.hk-search-trains .c-button label.form-seat-select a{
  box-shadow: none;
}

.hk-search-trains label.form-seat-select:focus-visible {
  outline: 4px solid #1c69bf;
  outline-offset: 0px;
}


/* 
  f106
*/

.explain-auth{
  text-align: center;
  font-size: 16px;
  margin-top: 23px;
  margin-bottom: 40px;
}
@media screen and (max-width: 960px) {
  .explain-auth{
    font-size: 14px;
    margin-top: 19px;
  }
}

/* PayPay モーダル追加対応 
  2025.11
*/

.hk-paypay-confirm{
}
.hk-paypay-confirm .c-button{
    max-width: 305px;
    margin: 0 auto 16px;
}

.paypay{}
.paypay ol{
  display: flex;
  flex-direction: column;
  gap: 35px;
}
.paypay ol li{
  max-width: 460px;
  margin: 0 auto;
}
.paypay ol li figure img{
  width: 100%;
}

.paypay h2{
  margin-bottom: 16px;
  color: #80003F;
}
.paypay .step-text{
  max-width: 348px;
  margin: 0 auto 1em;
}
.paypay .step-text.is-note{
  font-size: 135%;
}
@media screen and (max-width: 960px) {
  .paypay .step-text.is-note{
    font-size: 125%;
  }
}
.paypay .step-text strong{
  font-weight: bold;
  color: #80003F;
}
.paypay .step-text.annotation{
  text-indent: -1.2em;
  padding-left: 1.4em;
}
.paypay .step-text.annotation::before{
  content: "※";
}
.paypay .close{
  display: inline-block;
}