@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700&display=swap);
@charset "UTF-8";

body.open-float-menu {
  position : fixed;
  width: 100%;
  height: 100%;
}
.reservation-side {
    z-index: 15;
}
.l-main {
  position: relative;
}
.kv {
  position: relative;
}

.reservation-main .customer-information-block .customer-logoff-box {
  display: none;
}

.style-login[data-open-close-toggle="mypage"] [data-type="logoff"] {
  display: none !important;
}
.style-logoff[data-open-close-toggle="mypage"] [data-type="login"] {
  display: none !important;
}
.mypage-customer-main {
  z-index: 13 !important;
}
.mypage-login-main {
  z-index: 13 !important;
}


/*
-------------------------------
	--- .mypage-customer-name (.mypage-customer-visual)
-------------------------------
*/
.mypage-customer-name.style-top {
  display: none; }

.mypage-customer-name.style-bottom {
  display: block; }

@media print, screen and (min-width: 788px) {
  .mypage-customer-name {
    padding: 0 0 0.9375em; } }

@media screen and (min-width: 500px) and (max-width: 787px) {
  .mypage-customer-name {
    padding: 0 0 1.875em;
    text-align: center; } }

@media screen and (max-width: 499px) {
  .mypage-customer-name {
    padding: 0 0 1.875em;
    text-align: center; } }

.mypage-customer-name > div {
  letter-spacing: -0.4em; }

.mypage-customer-name p {
  letter-spacing: normal;
  line-height: 1.3; }
  @media print, screen and (min-width: 788px) {
    .mypage-customer-name p {
      display: inline-block;
      vertical-align: bottom; } }
  @media screen and (min-width: 500px) and (max-width: 787px) {
    .mypage-customer-name p {
      display: block; } }
  @media screen and (max-width: 499px) {
    .mypage-customer-name p {
      display: block; } }
  .mypage-customer-name p a {
    color: #fff; }
  .mypage-customer-name p.customer {
    font-size: 20px;
    font-size: 2rem;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", sans-serif;
    font-weight: 700; }
    .layout-language-en .mypage-customer-name p.customer {
      font-size: 22px;
      font-size: 2.2rem;
      font-family: "Crimson Text", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "Roboto", "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; }
    .append-language-zh .mypage-customer-name p.customer {
      font-family: "SimSun", "游明朝体", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", sans-serif; }
    .mypage-customer-name p.customer .name {
      padding: 0 0.3125em 0 0.625em; }
  .mypage-customer-name p.sublink {
    font-size: 14px;
    font-size: 1.4rem; }
    @media print, screen and (min-width: 788px) {
      .mypage-customer-name p.sublink {
        padding-left: 1.4285714286em; } }
    @media screen and (min-width: 500px) and (max-width: 787px) {
      .mypage-customer-name p.sublink {
        padding-top: 0.7142857143em; } }
    @media screen and (max-width: 499px) {
      .mypage-customer-name p.sublink {
        padding-top: 0.7142857143em; } }
    .layout-language-en .mypage-customer-name p.sublink {
      font-size: 15px;
      font-size: 1.5rem; }
      @media print, screen and (min-width: 788px) {
        .layout-language-en .mypage-customer-name p.sublink {
          padding-left: 1.3333333333em; } }
      @media screen and (min-width: 500px) and (max-width: 787px) {
        .layout-language-en .mypage-customer-name p.sublink {
          padding-top: 0.6666666667em; } }
      @media screen and (max-width: 499px) {
        .layout-language-en .mypage-customer-name p.sublink {
          padding-top: 0.6666666667em; } }
    .mypage-customer-name p.sublink a {
      position: relative;
      padding-left: 0.8571428571em; }
      .mypage-customer-name p.sublink a:before {
        position: absolute;
        top: 0;
        left: 0;
        width: 0.4285714286em;
        height: 0.7142857143em;
        margin-top: 0.3571428571em;
        content: " ";
        background: url(/common-ths/all/img/img-content/icon/arrow-right-white.png) 0 0 no-repeat;
        background-size: 0.3571428571em 0.6428571429em; }

/*
-------------------------------
	-- .mypage-customer-main
-------------------------------
*/
.mypage-customer-main {
  line-height: 1.7;
  z-index: 1; }
.mypage-customer-main button {
  width: auto;
  padding: 0;
  margin: 0;
  border: none;
  background: none;
  font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "Roboto", "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
  overflow: visible;
  cursor: pointer;
  color: #404040; }
  .layout-language-en .mypage-customer-main button {
    font-family: "Didact Gothic", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "Roboto", "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; }
  .append-language-zh .mypage-customer-main button {
    font-family: "Simhei", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "Roboto", "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; }
  .mypage-customer-main button::-moz-focus-inner {
    padding: 0;
    border: none; }
  .mypage-customer-main button:active {
    position: relative; }
.mypage-customer-main a {
  color: #333;
  outline: none;
  text-decoration: underline; }
  .mypage-customer-main a.tel-number {
    text-decoration: none; }
    @media print, screen and (min-width: 788px) {
      .mypage-customer-main a.tel-number {
        cursor: default;
        pointer-events: none; } }
  @media print, screen and (min-width: 788px) {
    .mypage-customer-main a:hover {
      text-decoration: none; } }
  .mypage-customer-main a img {
    opacity: 1;
    -webkit-transition: opacity 0.25s ease;
    transition: opacity 0.25s ease; }
    @media print, screen and (min-width: 788px) {
      .mypage-customer-main a img:hover {
        opacity: 0.8; } }
  @media print, screen and (min-width: 788px) {
    .mypage-customer-main {
      display: none;
      position: absolute;
      top: 1.25em;
      left: 50%;
      margin-left: -540px;
      width: 67.5em;
      background: #282727;
      z-index: 13; } }
  @media screen and (min-width: 500px) and (max-width: 787px) {
    .mypage-customer-main {
      display: none;
      position: fixed;
      width: 100%;
      height: 100%;
      top: 50%;
      left: 50%;
      z-index: 11;
      background: #282727;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); } }
  @media screen and (max-width: 499px) {
    .mypage-customer-main {
      display: none;
      position: fixed;
      width: 100%;
      height: 100%;
      top: 50%;
      left: 50%;
      z-index: 11;
      background: #282727;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); } }
  @media screen and (min-width: 500px) and (max-width: 787px) {
    .mypage-customer-main > div {
      height: 100%;
      overflow: auto;
      -webkit-overflow-scrolling: touch;
      overflow-scrolling: touch; } }
  @media screen and (max-width: 499px) {
    .mypage-customer-main > div {
      height: 100%;
      overflow: auto;
      -webkit-overflow-scrolling: touch;
      overflow-scrolling: touch; } }
  @media screen and (min-width: 500px) and (max-width: 787px) {
    .mypage-customer-main > div > div {
      padding: 1.875em 0.9375em 7.5em; } }
  @media screen and (max-width: 499px) {
    .mypage-customer-main > div > div {
      padding: 1.875em 0.9375em 7.5em; } }

/*
-------------------------------
	--- .mypage-customer--**
-------------------------------
*/
.mypage-customer-block {
  position: relative;
  color: #fff;
  background: #282727;
  box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.25);
  letter-spacing: normal; }
  @media print, screen and (min-width: 788px) {
    .mypage-customer-block {
      display: inline-block;
      vertical-align: top;
      padding: 1.25em 1.875em 1.5em; } }
  @media screen and (min-width: 500px) and (max-width: 787px) {
    .mypage-customer-block {
      display: block;
      padding: 1.875em 1.25em; } }
  @media screen and (max-width: 499px) {
    .mypage-customer-block {
      display: block;
      padding: 1.875em 1.25em; } }

.mypage-customer-block {
  width: 100%;
  box-sizing: border-box; }
  @media screen and (min-width: 500px) and (max-width: 787px) {
    .mypage-customer-block [data-type="display-pc-show"] {
      display: none; } }
  @media screen and (max-width: 499px) {
    .mypage-customer-block [data-type="display-pc-show"] {
      display: none; } }
  @media print, screen and (min-width: 788px) {
    .mypage-customer-block [data-type="display-sp-show"] {
      display: none; } }
  @media print, screen and (min-width: 788px) {
    .mypage-customer-block[data-insert-rank-status="st"] .mypage-customer--member-card-block {
      background: linear-gradient(90deg, #ad554b, #6b241b); } }
  @media screen and (min-width: 500px) and (max-width: 787px) {
    .mypage-customer-block[data-insert-rank-status="st"] .mypage-customer--member-card-block {
      background: linear-gradient(150deg, #ad554b 15%, #6b241b 100%); } }
  @media screen and (max-width: 499px) {
    .mypage-customer-block[data-insert-rank-status="st"] .mypage-customer--member-card-block {
      background: linear-gradient(150deg, #ad554b 15%, #6b241b 100%); } }
  .mypage-customer-block[data-insert-rank-status="st"] .mypage-customer--member-card-block__bg-img svg {
    fill: #9b453c; }
  @media print, screen and (min-width: 788px) {
    .mypage-customer-block[data-insert-rank-status="gd"] .mypage-customer--member-card-block {
      background: linear-gradient(90deg, #cc8f54, #84592e); } }
  @media screen and (min-width: 500px) and (max-width: 787px) {
    .mypage-customer-block[data-insert-rank-status="gd"] .mypage-customer--member-card-block {
      background: linear-gradient(150deg, #cc8f54 15%, #84592e 100%); } }
  @media screen and (max-width: 499px) {
    .mypage-customer-block[data-insert-rank-status="gd"] .mypage-customer--member-card-block {
      background: linear-gradient(150deg, #cc8f54 15%, #84592e 100%); } }
  .mypage-customer-block[data-insert-rank-status="gd"] .mypage-customer--member-card-block__bg-img svg {
    fill: #ba7c45; }
  @media print, screen and (min-width: 788px) {
    .mypage-customer-block[data-insert-rank-status="pl"] .mypage-customer--member-card-block {
      background: linear-gradient(90deg, #8b9799, #4d5d5d); } }
  @media screen and (min-width: 500px) and (max-width: 787px) {
    .mypage-customer-block[data-insert-rank-status="pl"] .mypage-customer--member-card-block {
      background: linear-gradient(150deg, #8b9799 15%, #4d5d5d 100%); } }
  @media screen and (max-width: 499px) {
    .mypage-customer-block[data-insert-rank-status="pl"] .mypage-customer--member-card-block {
      background: linear-gradient(150deg, #8b9799 15%, #4d5d5d 100%); } }
  .mypage-customer-block[data-insert-rank-status="pl"] .mypage-customer--member-card-block__bg-img svg {
    fill: #768385; }
  @media print, screen and (min-width: 788px) {
    .mypage-customer-block[data-insert-rank-status="dm"] .mypage-customer--member-card-block {
      background: linear-gradient(90deg, #6f4878, #3f2346); } }
  @media screen and (min-width: 500px) and (max-width: 787px) {
    .mypage-customer-block[data-insert-rank-status="dm"] .mypage-customer--member-card-block {
      background: linear-gradient(150deg, #6f4878 15%, #3f2346 100%); } }
  @media screen and (max-width: 499px) {
    .mypage-customer-block[data-insert-rank-status="dm"] .mypage-customer--member-card-block {
      background: linear-gradient(150deg, #6f4878 15%, #3f2346 100%); } }
  .mypage-customer-block[data-insert-rank-status="dm"] .mypage-customer--member-card-block__bg-img svg {
    fill: #5b3965; }
  @media print, screen and (min-width: 788px) {
    .mypage-customer-block[data-insert-rank-status="bk"] .mypage-customer--member-card-block {
      background: linear-gradient(90deg, #434343, #000); } }
  @media screen and (min-width: 500px) and (max-width: 787px) {
    .mypage-customer-block[data-insert-rank-status="bk"] .mypage-customer--member-card-block {
      background: linear-gradient(150deg, #434343 15%, #000 100%); } }
  @media screen and (max-width: 499px) {
    .mypage-customer-block[data-insert-rank-status="bk"] .mypage-customer--member-card-block {
      background: linear-gradient(150deg, #434343 15%, #000 100%); } }
  .mypage-customer-block[data-insert-rank-status="bk"] .mypage-customer--member-card-block__bg-img svg {
    fill: #4f4f4f; }

.mypage-customer-name[data-active="false"] {
  opacity: 0;
  visibility: hidden;
  transition: visibility .25s ease, opacity .25s ease; }

.mypage-customer-name[data-active="true"] {
  opacity: 1;
  visibility: visible;
  transition: visibility .25s ease, opacity .25s ease; }

@media print, screen and (min-width: 788px) {
  .mypage-customer--divide-block__holder {
    display: flex; } }

@media print, screen and (min-width: 788px) {
  .mypage-customer--divide-block__item:nth-child(1) {
    flex-shrink: 0;
    width: 45em; } }

@media print, screen and (min-width: 788px) {
  .mypage-customer--divide-block__item:nth-child(2) {
    width: 100%;
    margin-left: 1.25em; } }

.mypage-customer--member-card-block {
  position: relative;
  border-radius: 0.5em;
  opacity: 0;
  visibility: hidden;
  transition: visibility .25s ease, opacity .25s ease; }
  .mypage-customer--member-card-block[data-active="true"] {
    opacity: 1;
    visibility: visible;
    transition: visibility .25s ease, opacity .25s ease; }
  @media print, screen and (min-width: 788px) {
    .mypage-customer--member-card-block {
      min-height: 21.4375em;
      padding-top: 1.5em;
      padding-bottom: 1.5em;
      padding-left: 2.5em;
      box-sizing: border-box;
      background: linear-gradient(90deg, #ad554b, #6b241b); } }
  @media screen and (min-width: 500px) and (max-width: 787px) {
    .mypage-customer--member-card-block {
      background: linear-gradient(180deg, #ad554b, #6b241b);
      margin-bottom: 0.9375em; } }
  @media screen and (max-width: 499px) {
    .mypage-customer--member-card-block {
      background: linear-gradient(180deg, #ad554b, #6b241b);
      margin-bottom: 0.9375em; } }
  .mypage-customer--member-card-block__status {
    position: relative;
    z-index: 1; }
    @media print, screen and (min-width: 788px) {
      .mypage-customer--member-card-block__status {
        padding-bottom: 0.625em;
        margin-bottom: 1.5em;
        border-bottom: 2px solid #fff; } }
    @media screen and (min-width: 500px) and (max-width: 787px) {
      .mypage-customer--member-card-block__status {
        text-align: center;
        padding: 0.9375em 0.9375em 0.625em;
        margin-bottom: 1.25em;
        border-bottom: 1px solid #fff; } }
    @media screen and (max-width: 499px) {
      .mypage-customer--member-card-block__status {
        text-align: center;
        padding: 0.9375em 0.9375em 0.625em;
        margin-bottom: 1.25em;
        border-bottom: 1px solid #fff; } }
    @media print, screen and (min-width: 788px) {
      .mypage-customer--member-card-block__status p {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.35; } }
    @media screen and (min-width: 500px) and (max-width: 787px) {
      .mypage-customer--member-card-block__status p {
        font-size: 14px;
        font-size: 1.4rem; } }
    @media screen and (max-width: 499px) {
      .mypage-customer--member-card-block__status p {
        font-size: 14px;
        font-size: 1.4rem; } }
    .mypage-customer--member-card-block__status p [data-insert-type="member-rank"] {
      line-height: 1; }
      @media print, screen and (min-width: 788px) {
        .mypage-customer--member-card-block__status p [data-insert-type="member-rank"] {
          font-size: 24px;
          font-size: 2.4rem; } }
      @media screen and (min-width: 500px) and (max-width: 787px) {
        .mypage-customer--member-card-block__status p [data-insert-type="member-rank"] {
          font-size: 20px;
          font-size: 2rem; } }
      @media screen and (max-width: 499px) {
        .mypage-customer--member-card-block__status p [data-insert-type="member-rank"] {
          font-size: 20px;
          font-size: 2rem; } }
  .mypage-customer--member-card-block__holder {
    position: relative;
    z-index: 1; }
    @media print, screen and (min-width: 788px) {
      .mypage-customer--member-card-block__holder {
        display: flex;
        padding-right: 1.5em; } }
    @media screen and (min-width: 500px) and (max-width: 787px) {
      .mypage-customer--member-card-block__holder {
        padding: 0 0.9375em 0.9375em; } }
    @media screen and (max-width: 499px) {
      .mypage-customer--member-card-block__holder {
        padding: 0 0.9375em 0.9375em; } }
  @media print, screen and (min-width: 788px) {
    .mypage-customer--member-card-block__container:nth-child(1) {
      flex-shrink: 0;
      width: 14.375em; } }
  @media print, screen and (min-width: 788px) {
    .mypage-customer--member-card-block__container:nth-child(2) {
      width: 100%;
      margin-left: 1.25em;
      box-sizing: border-box; } }
  .mypage-customer--member-card-block__container:nth-child(2) .mypage-customer--member-card-block__inner {
    background: #fff;
    color: #333;
    border-radius: 0.5em; }
    @media print, screen and (min-width: 788px) {
      .mypage-customer--member-card-block__container:nth-child(2) .mypage-customer--member-card-block__inner {
        padding: 1.5em; } }
    @media screen and (min-width: 500px) and (max-width: 787px) {
      .mypage-customer--member-card-block__container:nth-child(2) .mypage-customer--member-card-block__inner {
        padding: 0.75em 0.9375em; } }
    @media screen and (max-width: 499px) {
      .mypage-customer--member-card-block__container:nth-child(2) .mypage-customer--member-card-block__inner {
        padding: 0.75em 0.9375em; } }
  .mypage-customer--member-card-block__bg-img {
    position: absolute;
    left: 0; }
    @media print, screen and (min-width: 788px) {
      .mypage-customer--member-card-block__bg-img {
        bottom: 0; } }
    @media screen and (min-width: 500px) and (max-width: 787px) {
      .mypage-customer--member-card-block__bg-img {
        top: 0; } }
    @media screen and (max-width: 499px) {
      .mypage-customer--member-card-block__bg-img {
        top: 0; } }
    .mypage-customer--member-card-block__bg-img svg {
      fill: #9b453c; }

@media print, screen and (min-width: 788px) {
  .mypage-customer--usable-point {
    margin-bottom: 1.25em; } }

@media screen and (min-width: 500px) and (max-width: 787px) {
  .mypage-customer--usable-point {
    margin-bottom: 0.9375em;
    text-align: center; } }

@media screen and (max-width: 499px) {
  .mypage-customer--usable-point {
    margin-bottom: 0.9375em;
    text-align: center; } }

.mypage-customer--usable-point p {
  font-weight: 700;
  line-height: 1; }
  @media print, screen and (min-width: 788px) {
    .mypage-customer--usable-point p {
      font-size: 24px;
      font-size: 2.4rem; } }
  @media screen and (min-width: 500px) and (max-width: 787px) {
    .mypage-customer--usable-point p {
      font-size: 22px;
      font-size: 2.2rem; } }
  @media screen and (max-width: 499px) {
    .mypage-customer--usable-point p {
      font-size: 22px;
      font-size: 2.2rem; } }
  @media print, screen and (min-width: 788px) {
    .mypage-customer--usable-point p[data-type="point"] {
      font-size: 48px;
      font-size: 4.8rem;
      margin-top: 0.4166666667em; } }
  @media screen and (min-width: 500px) and (max-width: 787px) {
    .mypage-customer--usable-point p[data-type="point"] {
      font-size: 44px;
      font-size: 4.4rem;
      margin-top: 0.2954545455em;
      letter-spacing: .05em; } }
  @media screen and (max-width: 499px) {
    .mypage-customer--usable-point p[data-type="point"] {
      font-size: 44px;
      font-size: 4.4rem;
      margin-top: 0.2954545455em;
      letter-spacing: .05em; } }
  .mypage-customer--usable-point p a {
    color: #fff;
    text-decoration: none !important; }
    .mypage-customer--usable-point p a:hover {
      text-decoration: none !important; }
      .mypage-customer--usable-point p a span {
        font-weight: 700; }

@media screen and (min-width: 500px) and (max-width: 787px) {
  .mypage-customer--lost-point {
    text-align: center;
    margin-bottom: 1.25em; } }

@media screen and (max-width: 499px) {
  .mypage-customer--lost-point {
    text-align: center;
    margin-bottom: 1.25em; } }

@media print, screen and (min-width: 788px) {
  .mypage-customer--lost-point p {
    font-size: 16px;
    font-size: 1.6rem; } }

@media screen and (min-width: 500px) and (max-width: 787px) {
  .mypage-customer--lost-point p {
    font-size: 14px;
    font-size: 1.4rem; } }

@media screen and (max-width: 499px) {
  .mypage-customer--lost-point p {
    font-size: 14px;
    font-size: 1.4rem; } }

@media print, screen and (min-width: 788px) {
  .mypage-customer--lost-point p[data-type="link"] {
    margin-top: 1.25em; } }

@media screen and (min-width: 500px) and (max-width: 787px) {
  .mypage-customer--lost-point p[data-type="link"] {
    margin-top: 0.75em; } }

@media screen and (max-width: 499px) {
  .mypage-customer--lost-point p[data-type="link"] {
    margin-top: 0.75em; } }

.mypage-customer--lost-point p[data-type="link"] a {
  position: relative;
  color: #fff; }
  @media print, screen and (min-width: 788px) {
    .mypage-customer--lost-point p[data-type="link"] a {
      padding-left: 1.25em; } }
  @media screen and (min-width: 500px) and (max-width: 787px) {
    .mypage-customer--lost-point p[data-type="link"] a {
      padding-left: 1.125em; } }
  @media screen and (max-width: 499px) {
    .mypage-customer--lost-point p[data-type="link"] a {
      padding-left: 1.125em; } }
  .mypage-customer--lost-point p[data-type="link"] a:before {
    position: absolute;
    top: 0.375em;
    left: -0.1875em;
    display: block;
    content: "";
    transform: rotate(45deg);
    border-top: 1px solid #fff;
    border-right: 1px solid #fff; }
    @media print, screen and (min-width: 788px) {
      .mypage-customer--lost-point p[data-type="link"] a:before {
        width: 0.5em;
        height: 0.5em; } }
    @media screen and (min-width: 500px) and (max-width: 787px) {
      .mypage-customer--lost-point p[data-type="link"] a:before {
        width: 0.4375em;
        height: 0.4375em; } }
    @media screen and (max-width: 499px) {
      .mypage-customer--lost-point p[data-type="link"] a:before {
        width: 0.4375em;
        height: 0.4375em; } }

.mypage-customer--stay-rank {
  border-bottom: 2px solid #e5e5e5;
  padding-bottom: 0.625em;
  margin-bottom: 1.125em; }
  .mypage-customer--stay-rank[aria-hidden="true"] {
    display: none; }
  .mypage-customer--stay-rank p [data-insert-type="stay-rank"] {
    font-weight: 700;
    margin-right: 0.3125em; }
    @media print, screen and (min-width: 788px) {
      .mypage-customer--stay-rank p [data-insert-type="stay-rank"] {
        font-size: 20px;
        font-size: 2rem; } }
    @media screen and (min-width: 500px) and (max-width: 787px) {
      .mypage-customer--stay-rank p [data-insert-type="stay-rank"] {
        font-size: 18px;
        font-size: 1.8rem; } }
    @media screen and (max-width: 499px) {
      .mypage-customer--stay-rank p [data-insert-type="stay-rank"] {
        font-size: 18px;
        font-size: 1.8rem; } }

.mypage-customer--next-rank {
  border-bottom: 2px solid #e5e5e5;
  padding-bottom: 0.625em;
  margin-bottom: 1.125em; }
  .mypage-customer--next-rank[aria-hidden="true"] {
    display: none; }
  .mypage-customer--next-rank p [data-insert-type="next-rank"] {
    font-weight: 700;
    margin-right: 0.3125em; }
    @media print, screen and (min-width: 788px) {
      .mypage-customer--next-rank p [data-insert-type="next-rank"] {
        font-size: 20px;
        font-size: 2rem; } }
    @media screen and (min-width: 500px) and (max-width: 787px) {
      .mypage-customer--next-rank p [data-insert-type="next-rank"] {
        font-size: 18px;
        font-size: 1.8rem; } }
    @media screen and (max-width: 499px) {
      .mypage-customer--next-rank p [data-insert-type="next-rank"] {
        font-size: 18px;
        font-size: 1.8rem; } }

.mypage-customer--year-point {
  margin-bottom: 0.625em; }
  .mypage-customer--year-point p {
    font-weight: 700; }
    @media print, screen and (min-width: 788px) {
      .mypage-customer--year-point p {
        font-size: 16px;
        font-size: 1.6rem; } }
    @media screen and (min-width: 500px) and (max-width: 787px) {
      .mypage-customer--year-point p {
        font-size: 14px;
        font-size: 1.4rem; } }
    @media screen and (max-width: 499px) {
      .mypage-customer--year-point p {
        font-size: 14px;
        font-size: 1.4rem; } }
    .mypage-customer--year-point p[aria-hidden="true"] {
      display: none; }
    .mypage-customer--year-point p [data-type="point"] {
      line-height: 1; }
      @media print, screen and (min-width: 788px) {
        .mypage-customer--year-point p [data-type="point"] {
          margin-left: 0.3125em;
          font-size: 24px;
          font-size: 2.4rem; } }
      @media screen and (min-width: 500px) and (max-width: 787px) {
        .mypage-customer--year-point p [data-type="point"] {
          margin-left: 0.25em;
          font-size: 22px;
          font-size: 2.2rem; } }
      @media screen and (max-width: 499px) {
        .mypage-customer--year-point p [data-type="point"] {
          margin-left: 0.25em;
          font-size: 22px;
          font-size: 2.2rem; } }
    .mypage-customer--year-point p [data-type="clear"] {
      display: inline-block;
      vertical-align: top;
      color: #e92c17;
      border: 2px solid #e92c17;
      border-radius: 0.25em;
      transform: rotate(-2deg);
      line-height: 1; }
      @media print, screen and (min-width: 788px) {
        .mypage-customer--year-point p [data-type="clear"] {
          margin-left: 0.625em;
          font-size: 18px;
          font-size: 1.8rem;
          padding: 0.25em 0.1875em 0.25em 0.5em; } }
      @media screen and (min-width: 500px) and (max-width: 787px) {
        .mypage-customer--year-point p [data-type="clear"] {
          margin-left: 0.5em;
          font-size: 16px;
          font-size: 1.6rem;
          padding: 0.1875em 0.25em 0.1875em 0.5em; } }
      @media screen and (max-width: 499px) {
        .mypage-customer--year-point p [data-type="clear"] {
          margin-left: 0.5em;
          font-size: 16px;
          font-size: 1.6rem;
          padding: 0.1875em 0.25em 0.1875em 0.5em; } }

.mypage-customer--total-point {
  margin-bottom: 0.625em; }
  .mypage-customer--total-point p {
    font-weight: 700; }
    @media print, screen and (min-width: 788px) {
      .mypage-customer--total-point p {
        font-size: 16px;
        font-size: 1.6rem; } }
    @media screen and (min-width: 500px) and (max-width: 787px) {
      .mypage-customer--total-point p {
        font-size: 14px;
        font-size: 1.4rem; } }
    @media screen and (max-width: 499px) {
      .mypage-customer--total-point p {
        font-size: 14px;
        font-size: 1.4rem; } }
    .mypage-customer--total-point p[aria-hidden="true"] {
      display: none; }
    .mypage-customer--total-point p [data-type="point"] {
      line-height: 1; }
      @media print, screen and (min-width: 788px) {
        .mypage-customer--total-point p [data-type="point"] {
          margin-left: 0.3125em;
          font-size: 24px;
          font-size: 2.4rem; } }
      @media screen and (min-width: 500px) and (max-width: 787px) {
        .mypage-customer--total-point p [data-type="point"] {
          margin-left: 0.25em;
          font-size: 22px;
          font-size: 2.2rem; } }
      @media screen and (max-width: 499px) {
        .mypage-customer--total-point p [data-type="point"] {
          margin-left: 0.25em;
          font-size: 22px;
          font-size: 2.2rem; } }
    .mypage-customer--total-point p [data-type="clear"] {
      display: inline-block;
      vertical-align: top;
      color: #e92c17;
      border: 2px solid #e92c17;
      border-radius: 0.25em;
      transform: rotate(-2deg);
      line-height: 1; }
      @media print, screen and (min-width: 788px) {
        .mypage-customer--total-point p [data-type="clear"] {
          margin-left: 0.625em;
          font-size: 18px;
          font-size: 1.8rem;
          padding: 0.25em 0.1875em 0.25em 0.5em; } }
      @media screen and (min-width: 500px) and (max-width: 787px) {
        .mypage-customer--total-point p [data-type="clear"] {
          margin-left: 0.5em;
          font-size: 16px;
          font-size: 1.6rem;
          padding: 0.1875em 0.25em 0.1875em 0.5em; } }
      @media screen and (max-width: 499px) {
        .mypage-customer--total-point p [data-type="clear"] {
          margin-left: 0.5em;
          font-size: 16px;
          font-size: 1.6rem;
          padding: 0.1875em 0.25em 0.1875em 0.5em; } }

.mypage-customer--more-link p a {
  position: relative;
  color: #333; }
  @media print, screen and (min-width: 788px) {
    .mypage-customer--more-link p a {
      padding-left: 1.25em; } }
  @media screen and (min-width: 500px) and (max-width: 787px) {
    .mypage-customer--more-link p a {
      padding-left: 1.125em; } }
  @media screen and (max-width: 499px) {
    .mypage-customer--more-link p a {
      padding-left: 1.125em; } }
  .mypage-customer--more-link p a:before {
    position: absolute;
    top: 0.375em;
    left: -0.1875em;
    display: block;
    content: "";
    transform: rotate(45deg);
    border-top: 1px solid #333;
    border-right: 1px solid #333; }
    @media print, screen and (min-width: 788px) {
      .mypage-customer--more-link p a:before {
        width: 0.5em;
        height: 0.5em; } }
    @media screen and (min-width: 500px) and (max-width: 787px) {
      .mypage-customer--more-link p a:before {
        width: 0.4375em;
        height: 0.4375em; } }
    @media screen and (max-width: 499px) {
      .mypage-customer--more-link p a:before {
        width: 0.4375em;
        height: 0.4375em; } }

@media print, screen and (min-width: 788px) {
  .mypage-customer--main-btn {
    margin-bottom: 1.25em; } }

@media screen and (min-width: 500px) and (max-width: 787px) {
  .mypage-customer--main-btn {
    margin: 0 -1.25em 1.125em;
    padding: 0 1.25em 1.125em;
    border-bottom: 1px solid #fff; } }

@media screen and (max-width: 499px) {
  .mypage-customer--main-btn {
    margin: 0 -1.25em 1.125em;
    padding: 0 1.25em 1.125em;
    border-bottom: 1px solid #fff; } }

@media screen and (min-width: 500px) and (max-width: 787px) {
  .mypage-customer--main-btn ul {
    display: flex;
    margin-left: -0.9375em; } }

@media screen and (max-width: 499px) {
  .mypage-customer--main-btn ul {
    display: flex;
    margin-left: -0.9375em; } }

@media screen and (min-width: 500px) and (max-width: 787px) {
  .mypage-customer--main-btn ul li {
    flex: 1 0 calc(50% - 15px);
    margin-left: 15px; } }

@media screen and (max-width: 499px) {
  .mypage-customer--main-btn ul li {
    flex: 1 0 calc(50% - 15px);
    margin-left: 15px; } }

@media screen and (min-width: 500px) and (max-width: 787px) {
  .mypage-customer--main-btn ul li[data-type="checkin-checkout"] a,
  .mypage-customer--main-btn ul li[data-type="checkin-checkout"] button {
    font-size: 16px;
    font-size: 1.6rem; } }

@media screen and (max-width: 499px) {
  .mypage-customer--main-btn ul li[data-type="checkin-checkout"] a,
  .mypage-customer--main-btn ul li[data-type="checkin-checkout"] button {
    font-size: 16px;
    font-size: 1.6rem; } }

@media print, screen and (min-width: 788px) {
  .mypage-customer--main-btn ul li[data-type="web-member-card"] {
    display: none; } }

.mypage-customer--main-btn ul li a,
.mypage-customer--main-btn ul li button {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  border-radius: 0.5em;
  background: #797456;
  color: #fff;
  font-weight: 700;
  text-decoration: none;
  text-align: center;
  box-sizing: border-box; }
  @media print, screen and (min-width: 788px) {
    .mypage-customer--main-btn ul li a,
    .mypage-customer--main-btn ul li button {
      font-size: 20px;
      font-size: 2rem;
      padding: 0.9375em 0.625em; } }
  @media screen and (min-width: 500px) and (max-width: 787px) {
    .mypage-customer--main-btn ul li a,
    .mypage-customer--main-btn ul li button {
      height: 100%;
      font-size: 18px;
      font-size: 1.8rem;
      padding: 0.75em 0.5em 0.3125em; } }
  @media screen and (max-width: 499px) {
    .mypage-customer--main-btn ul li a,
    .mypage-customer--main-btn ul li button {
      height: 100%;
      font-size: 18px;
      font-size: 1.8rem;
      padding: 0.75em 0.5em 0.3125em; } }
  .mypage-customer--main-btn ul li a i,
  .mypage-customer--main-btn ul li button i {
    display: block;
    width: 100%; }
  .mypage-customer--main-btn ul li a span,
  .mypage-customer--main-btn ul li button span {
    display: block;
    width: 100%; }

.mypage-customer--accordion {
  margin-bottom: 1.5625em; }
  .mypage-customer--accordion:last-child {
    margin-bottom: 0; }
  @media screen and (min-width: 500px) and (max-width: 787px) {
    .mypage-customer--accordion[data-active="true"] .mypage-customer--accordion__head {
      border-radius: 0.5em 0.5em 0 0; } }
  @media screen and (max-width: 499px) {
    .mypage-customer--accordion[data-active="true"] .mypage-customer--accordion__head {
      border-radius: 0.5em 0.5em 0 0; } }
  @media screen and (min-width: 500px) and (max-width: 787px) {
    .mypage-customer--accordion[data-active="true"] .mypage-customer--accordion__head p button i + i {
      transform: translate(0, -50%) rotate(0); } }
  @media screen and (max-width: 499px) {
    .mypage-customer--accordion[data-active="true"] .mypage-customer--accordion__head p button i + i {
      transform: translate(0, -50%) rotate(0); } }
  @media print, screen and (min-width: 788px) {
    .mypage-customer--accordion__head {
      margin-bottom: 0.9375em; } }
  @media screen and (min-width: 500px) and (max-width: 787px) {
    .mypage-customer--accordion__head {
      border-radius: 0.5em;
      background: #f1f1f1; } }
  @media screen and (max-width: 499px) {
    .mypage-customer--accordion__head {
      border-radius: 0.5em;
      background: #f1f1f1; } }
  @media print, screen and (min-width: 788px) {
    .mypage-customer--accordion__head p {
      padding-bottom: 0.3125em;
      border-bottom: 1px solid #fff; } }
  @media screen and (min-width: 500px) and (max-width: 787px) {
    .mypage-customer--accordion__head p {
      text-align: center; } }
  @media screen and (max-width: 499px) {
    .mypage-customer--accordion__head p {
      text-align: center; } }
  @media print, screen and (min-width: 788px) {
    .mypage-customer--accordion__head p button {
      color: #fff;
      font-size: 18px;
      font-size: 1.8rem;
      pointer-events: none; } }
  @media screen and (min-width: 500px) and (max-width: 787px) {
    .mypage-customer--accordion__head p button {
      position: relative;
      width: 100%;
      padding: 0.625em 1em;
      font-size: 18px;
      font-size: 1.8rem;
      color: #333;
      box-sizing: border-box; } }
  @media screen and (max-width: 499px) {
    .mypage-customer--accordion__head p button {
      position: relative;
      width: 100%;
      padding: 0.625em 1em;
      font-size: 18px;
      font-size: 1.8rem;
      color: #333;
      box-sizing: border-box; } }
  @media print, screen and (min-width: 788px) {
    .mypage-customer--accordion__head p button strong {
      font-weight: normal; } }
  @media screen and (min-width: 500px) and (max-width: 787px) {
    .mypage-customer--accordion__head p button i {
      position: absolute;
      top: 50%;
      right: 1em;
      width: 1em;
      height: 2px;
      background: #333;
      transform: translate(0, -50%); } }
  @media screen and (max-width: 499px) {
    .mypage-customer--accordion__head p button i {
      position: absolute;
      top: 50%;
      right: 1em;
      width: 1em;
      height: 2px;
      background: #333;
      transform: translate(0, -50%); } }
  @media screen and (min-width: 500px) and (max-width: 787px) {
    .mypage-customer--accordion__head p button i + i {
      transform: translate(0, -50%) rotate(90deg); } }
  @media screen and (max-width: 499px) {
    .mypage-customer--accordion__head p button i + i {
      transform: translate(0, -50%) rotate(90deg); } }
  @media screen and (min-width: 500px) and (max-width: 787px) {
    .mypage-customer--accordion__body {
      background: #fff;
      padding: 0.75em 1.25em;
      border-radius: 0 0 0.5em 0.5em; } }
  @media screen and (max-width: 499px) {
    .mypage-customer--accordion__body {
      background: #fff;
      padding: 0.75em 1.25em;
      border-radius: 0 0 0.5em 0.5em; } }
  @media screen and (min-width: 500px) and (max-width: 787px) {
    .mypage-customer--accordion__body[aria-hidden="true"] {
      display: none; } }
  @media screen and (max-width: 499px) {
    .mypage-customer--accordion__body[aria-hidden="true"] {
      display: none; } }
  @media print, screen and (min-width: 788px) {
    .mypage-customer--accordion__link-list ul {
      display: flex;
      flex-wrap: wrap;
      margin-top: -0.625em;
      margin-left: -1.25em; } }
  @media screen and (min-width: 500px) and (max-width: 787px) {
    .mypage-customer--accordion__link-list ul {
      margin-top: -0.3125em; } }
  @media screen and (max-width: 499px) {
    .mypage-customer--accordion__link-list ul {
      margin-top: -0.3125em; } }
  @media print, screen and (min-width: 788px) {
    .mypage-customer--accordion__link-list ul li {
      margin-top: 0.625em;
      margin-left: 1.25em; } }
  @media screen and (min-width: 500px) and (max-width: 787px) {
    .mypage-customer--accordion__link-list ul li {
      margin-top: 0.3125em; } }
  @media screen and (max-width: 499px) {
    .mypage-customer--accordion__link-list ul li {
      margin-top: 0.3125em; } }
  .mypage-customer--accordion__link-list ul li a {
    position: relative; }
    @media print, screen and (min-width: 788px) {
      .mypage-customer--accordion__link-list ul li a {
        padding-left: 1.25em;
        color: #fff; } }
    @media screen and (min-width: 500px) and (max-width: 787px) {
      .mypage-customer--accordion__link-list ul li a {
        padding-left: 1.125em;
        font-size: 16px;
        font-size: 1.6rem;
        color: #333; } }
    @media screen and (max-width: 499px) {
      .mypage-customer--accordion__link-list ul li a {
        padding-left: 1.125em;
        font-size: 16px;
        font-size: 1.6rem;
        color: #333; } }
    .mypage-customer--accordion__link-list ul li a:before {
      position: absolute;
      top: 0.375em;
      left: -0.1875em;
      display: block;
      content: "";
      transform: rotate(45deg); }
      @media print, screen and (min-width: 788px) {
        .mypage-customer--accordion__link-list ul li a:before {
          width: 0.5em;
          height: 0.5em;
          border-top: 1px solid #fff;
          border-right: 1px solid #fff; } }
      @media screen and (min-width: 500px) and (max-width: 787px) {
        .mypage-customer--accordion__link-list ul li a:before {
          width: 0.4375em;
          height: 0.4375em;
          border-top: 1px solid #333;
          border-right: 1px solid #333; } }
      @media screen and (max-width: 499px) {
        .mypage-customer--accordion__link-list ul li a:before {
          width: 0.4375em;
          height: 0.4375em;
          border-top: 1px solid #333;
          border-right: 1px solid #333; } }

/*
-------------------------------
	--- .mypage-customer--modal
-------------------------------
*/
.mypage-customer--modal {
  position: relative;
  visibility: visible;
  transition: visibility .25s ease; }
  .mypage-customer--modal[aria-hidden="true"] {
    visibility: hidden;
    transition: visibility .25s ease; }
  .mypage-customer--modal[data-insert-rank-status="st"] .mypage-customer--modal__member-card i {
    background: url(/common-ths/all/img/img-module/mypage-customer/member-card-st.png) 50% 50% no-repeat;
    background-size: 320px 197px; }
  .mypage-customer--modal[data-insert-rank-status="st"] .mypage-customer--modal__member-rank p [data-insert-type="member-rank"] {
    background: #ad554b; }
  .mypage-customer--modal[data-insert-rank-status="gd"] .mypage-customer--modal__member-card i {
    background: url(/common-ths/all/img/img-module/mypage-customer/member-card-gd.png) 50% 50% no-repeat;
    background-size: 320px 197px; }
  .mypage-customer--modal[data-insert-rank-status="gd"] .mypage-customer--modal__member-rank p [data-insert-type="member-rank"] {
    background: #cc8f54; }
  .mypage-customer--modal[data-insert-rank-status="pl"] .mypage-customer--modal__member-card i {
    background: url(/common-ths/all/img/img-module/mypage-customer/member-card-pl.png) 50% 50% no-repeat;
    background-size: 320px 197px; }
  .mypage-customer--modal[data-insert-rank-status="pl"] .mypage-customer--modal__member-rank p [data-insert-type="member-rank"] {
    background: #8b9799; }
  .mypage-customer--modal[data-insert-rank-status="bk"] .mypage-customer--modal__member-card i {
    background: url(/common-ths/all/img/img-module/mypage-customer/member-card-bk.png) 50% 50% no-repeat;
    background-size: 320px 197px; }
  .mypage-customer--modal[data-insert-rank-status="bk"] .mypage-customer--modal__member-rank p [data-insert-type="member-rank"] {
    background: #231f20; }
  .mypage-customer--modal[data-insert-rank-status="dm"] .mypage-customer--modal__member-card i {
    background: url(/common-ths/all/img/img-module/mypage-customer/member-card-dm.png) 50% 50% no-repeat;
    background-size: 320px 197px; }
  .mypage-customer--modal[data-insert-rank-status="dm"] .mypage-customer--modal__member-rank p [data-insert-type="member-rank"] {
    background: #6f4878; }
  .mypage-customer--modal__holder {
    position: fixed;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    width: 100%;
    background: #fff;
    z-index: 202; }
  .mypage-customer--modal__title {
    background: #eeece8;
    padding: 0.625em 1em;
    text-align: center; }
    .mypage-customer--modal__title p {
      font-size: 22px;
      font-size: 2.2rem;
      letter-spacing: .1em; }
  .mypage-customer--modal__container {
    overflow-y: auto;
    padding: 1.25em 1em 1.5625em; }
  .mypage-customer--modal__member-card {
    position: relative;
    display: flex;
    justify-content: center;
    margin-bottom: 1.5625em; }
    .mypage-customer--modal__member-card i {
      display: block;
      width: 320px;
      height: 197px;
      background: url(/common-ths/all/img/img-module/mypage-customer/member-card-st.png) 50% 50% no-repeat;
      background-size: 320px 197px; }
    .mypage-customer--modal__member-card__barcode {
      position: absolute;
      bottom: 1.5625em;
      right: 50%;
      transform: translate(50%, 0) !important; }
  .mypage-customer--modal__member-number {
    margin-bottom: 0.9375em;
    text-align: center; }
    .mypage-customer--modal__member-number p {
      font-size: 24px;
      font-size: 2.4rem;
      font-weight: 700;
      line-height: 1; }
  .mypage-customer--modal__customer-name {
    margin-bottom: 1.25em;
    text-align: center; }
    .mypage-customer--modal__customer-name p {
      font-size: 32px;
      font-size: 3.2rem;
      font-weight: 700;
      line-height: 1; }
      .mypage-customer--modal__customer-name p [data-insert-type="customer-name"] {
        margin-right: 0.3125em; }
  .mypage-customer--modal__member-rank {
    margin-bottom: 1.5625em;
    text-align: center; }
    .mypage-customer--modal__member-rank p [data-insert-type="member-rank"] {
      padding: 0.5em 0.8125em;
      background: #ad554b;
      color: #fff;
      font-size: 16px;
      font-size: 1.6rem;
      font-weight: 700;
      border-radius: 0.5em; }
  .mypage-customer--modal__usable-point {
    margin-bottom: 1.25em;
    text-align: center; }
    .mypage-customer--modal__usable-point p {
      font-size: 14px;
      font-size: 1.4rem;
      font-weight: 700; }
      .mypage-customer--modal__usable-point p [data-insert-type="usable-point"] {
        font-size: 32px;
        font-size: 3.2rem;
        line-height: 1; }
    .mypage-customer--modal__usable-point p + p {
      margin-top: 0.625em; }
  .mypage-customer--modal__close {
    text-align: center; }
    .mypage-customer--modal__close button {
      border: .1rem solid #707070;
      border-radius: 0.5em;
      padding: 0.5625em;
      font-size: 14px;
      font-size: 1.4rem;
      font-weight: 700;
      width: 100%;
      max-width: 85%; }
  .mypage-customer--modal__overflow button {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    cursor: pointer;
    z-index: 201; }
    .mypage-customer--modal__overflow button span {
      position: absolute;
      white-space: nowrap;
      width: .1rem;
      height: .1rem;
      overflow: hidden;
      border: none;
      padding: 0;
      clip: rect(0 0 0 0);
      clip-path: inset(50%);
      margin: -.1rem; }