@charset "UTF-8";
html {
  height: 100%;
  width: 100%; }

body {
  position: absolute;
  overflow: hidden;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  padding: 0;
  margin: 0;
  -webkit-text-size-adjust: 100%;
  touch-action: manipulation; }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none; }

input, textarea, select {
  -webkit-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
  -moz-user-select: text;
  -webkit-touch-callout: none; }

a, button, input, textarea, select {
  touch-action: manipulation; }

input:active, input:focus, textarea:active, textarea:focus, select:active, select:focus {
  outline: none; }

input[type="text"],
input[type="search"],
input[type="tel"],
input[type="url"],
input[type="email"],
input[type="password"],
input[type="number"],
textarea,
select {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  background: transparent;
  border: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 15px;
  font-family: "メイリオ","Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif;
  color: #5E5E5E; }

select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #5E5E5E; }

option:not(:checked) {
  color: #5E5E5E; }

textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  resize: none;
  overflow: auto; }

input[type="text"]::-webkit-input-placeholder,
input[type="search"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="url"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #B3B3B3; }

input[type="text"]::-moz-placeholder,
input[type="search"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder,
input[type="url"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
input[type="number"]::-moz-placeholder,
textarea::-moz-placeholder {
  color: #B3B3B3; }

input[type="text"]:-ms-input-placeholder,
input[type="search"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="url"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="number"]:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #B3B3B3; }

input[type="submit"],
input[type="image"],
input[type="reset"],
input[type="button"],
button {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  -moz-appearance: button;
       appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer; }

input[type="submit"]::-webkit-search-decoration,
input[type="image"]::-webkit-search-decoration,
input[type="reset"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration,
button::-webkit-search-decoration {
  display: none; }

input[type="submit"]:focus,
input[type="image"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus,
button:focus {
  outline-offset: -2px; }

label {
  cursor: pointer; }

p {
  margin: 0; }

.list-title {
  font-size: calc(10px + 1vw);
  color: #54BAD1;
  background-color: #FFF;
  padding: 20px 0 10px 16px; }

.list-item__disable {
  background-color: #d9d9d9 !important; }

ons-input, ons-radio, ons-checkbox, ons-search-input {
  display: inline-block;
  position: relative;
  padding: 0 0 0 0;
  width: 100%; }

.text-input--material {
  font-size: 30px;
  line-height: 30px;
  height: 40px; }

.text-input--material__label {
  top: 4px;
  font-size: 20px; }

.toolbar__left {
  width: 15%; }

.toolbar__center {
  width: 70%; }

.toolbar__right {
  width: 15%; }

.page-with-bottom-toolbar > .page__content {
  bottom: 70px; }

.bottom-bar {
  height: 70px;
  background-color: #FAFAFA;
  background-image: none;
  color: #4E4E4E; }
  .bottom-bar.bottom-bar--show {
    box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.15); }

.dialog-container {
  -webkit-mask-image: none !important; }

.back-button {
  padding-left: 20px;
  display: block !important; }

.toolbar-button {
  display: block;
  padding: 0 10px;
  text-align: center; }

.toolbar {
  flex-wrap: wrap; }
  .toolbar .toolbar__title {
    font-size: calc(12px + 1vw);
    overflow: hidden; }
  .toolbar .u-icon-config,
  .toolbar .u-icon-close,
  .toolbar .u-icon-three_reader,
  .toolbar .u-icon-logout {
    position: relative;
    top: 4px;
    left: 0; }
    .toolbar .u-icon-config img,
    .toolbar .u-icon-close img,
    .toolbar .u-icon-three_reader img,
    .toolbar .u-icon-logout img {
      width: 20px;
      height: 20px; }
  .toolbar .u-icon-school,
  .toolbar .u-icon-call-staff {
    position: relative;
    top: 4px;
    left: 0; }
    .toolbar .u-icon-school img,
    .toolbar .u-icon-call-staff img {
      width: 30px;
      height: 20px; }
  .toolbar .u-icon-menu {
    position: relative;
    top: 8px;
    left: 0; }
    .toolbar .u-icon-menu img {
      width: 24px;
      height: 28px; }

.tabbar {
  border-top: none;
  background-color: #fff;
  box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.15);
  height: 54px; }

.tabbar__button {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  width: 100%; }

:checked + .tabbar__button .tab_icon.tab_icon_talk .tab_icon__img::before {
  background-image: url("../img/ico_talk_blue.svg"); }

:checked + .tabbar__button .tab_icon.tab_icon_history .tab_icon__img::before {
  left: -4px;
  background-image: url("../img/ico_cart.svg"); }

.tabbar__button_ac {
  box-sizing: border-box;
  position: absolute;
  bottom: -10vw;
  right: 0;
  width: 33.333vw;
  height: 33.333vw;
  padding: calc(23vw - 54px) 0 10vw 0;
  color: #FFF;
  border: solid 2px #54BAD1;
  border-radius: 50%;
  background-color: #54BAD1; }
  .tabbar__button_ac .tab_icon {
    line-height: 49px; }
  .tabbar__button_ac:active, .tabbar__button_ac:focus {
    background-color: #FFFFFF;
    color: #54BAD1;
    border: solid 2px #54BAD1;
    outline: none; }
    .tabbar__button_ac:active .tab_icon_qrcode .tab_icon__img::before, .tabbar__button_ac:focus .tab_icon_qrcode .tab_icon__img::before {
      background-image: url("../img/ico_qrcode_read_blue.svg"); }

.tab_icon {
  position: relative;
  font-size: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  margin: 10px auto 0; }
  .tab_icon__img {
    position: relative;
    display: block;
    width: 28px;
    height: 28px; }
    .tab_icon__img::before {
      position: absolute;
      content: '';
      bottom: 0;
      left: 0;
      width: 28px;
      height: 28px;
      background-repeat: no-repeat; }
  .tab_icon__label {
    width: 100%;
    height: 10px;
    line-height: 10px;
    padding-bottom: 5px; }
  .tab_icon__badge {
    position: absolute;
    top: -4px;
    right: calc(-12px - 1vw);
    display: inline-block;
    z-index: 1000;
    box-sizing: border-box;
    font-family: -apple-system, 'Helvetica Neue', 'Helvetica', 'Arial', 'Lucida Grande', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-decoration: none;
    padding: 0 4px;
    width: auto;
    background-color: #E55758;
    color: #FFF;
    text-align: center;
    font-weight: 400;
    vertical-align: text-bottom;
    top: -1px;
    margin-left: 5px;
    z-index: 10;
    font-size: calc(8px + 1vw);
    height: calc(14px + 1vw);
    min-width: calc(14px + 1vw);
    line-height: calc(14px + 1vw);
    border-radius: calc(14px + 1vw); }
    .tab_icon__badge:empty {
      display: none; }
  .tab_icon.tab_icon_talk .tab_icon__img::before {
    background-image: url("../img/ico_talk_gray.svg"); }
  .tab_icon.tab_icon_qrcode .tab_icon__img {
    width: 33.333vw; }
    .tab_icon.tab_icon_qrcode .tab_icon__img::before {
      width: 40px;
      height: 40px;
      left: calc(16.6665vw - 18px);
      bottom: calc(6.6665vw - 18px);
      background-image: url("../img/ico_qrcode_read.svg"); }
  .tab_icon.tab_icon_history .tab_icon__img::before {
    left: -4px;
    background-image: url("../img/ico_cart_gray.svg"); }

.loading-cover {
  background-color: #E3F0F3;
  height: 100%;
  width: 100vw;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9999; }

.view-loading {
  position: relative;
  width: 100%; }
  .view-loading__box {
    display: block;
    width: 40px;
    margin: 200px auto 0; }
  .view-loading__icon {
    color: #54BAD1; }

.card-box {
  background-color: #FFFFFF;
  padding: 0;
  margin: 0 0 10px 0;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  border-top: solid 1px #EBEBEB; }
  .card-box__label {
    font-size: calc(12px + 1vw);
    position: relative;
    padding: 13px 0;
    margin: 0 10px; }
    .card-box__label.label_open::before {
      top: 27px;
      right: 0;
      content: '';
      position: absolute;
      width: 10px;
      height: 10px;
      border-top: 2px solid #AFAFAF;
      border-right: 2px solid #AFAFAF;
      transition: all 0.5s;
      -webkit-transform: translateY(-50%) rotate(315deg);
      transform: translateY(-50%) rotate(315deg); }
    .card-box__label.label_close::before {
      top: 21px;
      right: 0;
      content: '';
      position: absolute;
      width: 10px;
      height: 10px;
      border-top: 2px solid #AFAFAF;
      border-right: 2px solid #AFAFAF;
      transition: all 0.5s;
      -webkit-transform: translateY(-50%) rotate(135deg);
      transform: translateY(-50%) rotate(135deg); }
  .card-box__description {
    font-size: calc(10px + 1vw);
    border-top: 0.5px solid #EBEBEB;
    padding: 10px 10px 20px; }
  .card-box__text {
    margin: 0; }
  .card-box__text-right {
    text-align: right;
    margin: 0; }
  .card-box__text-center {
    text-align: center;
    margin: 0; }
  .card-box__min_headline {
    font-size: 12px;
    padding: 0 0 0 10px;
    margin: 10px 0 0 0; }
  .card-box__table-headline {
    margin: 10px 0; }
  .card-box__table {
    width: 100%;
    text-align: left;
    border: none; }
    .card-box__table__line {
      display: block;
      padding: 15px 0;
      background-color: #FFFFFF; }
      .card-box__table__line:nth-child(2n+1) {
        background-color: #FFFFFF; }
      .card-box__table__line:nth-child(2n+1) {
        background-color: #E3F0F3; }
    .card-box__table__title {
      box-sizing: border-box;
      padding: 0 10px;
      vertical-align: top;
      display: inline-block;
      width: calc(30vw - 20px); }
    .card-box__table__desc {
      box-sizing: border-box;
      padding: 0 10px;
      vertical-align: top;
      display: inline-block;
      width: calc(70vw - 10px); }
  .card-box__rink_item-sct {
    margin-top: 10px; }

.allergies-box__headline {
  font-size: calc(8px + 1vw);
  margin: 20px 0 5px 0; }

.allergies-box__content {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  border-top: 0.5px solid #EBEBEB;
  border-left: 0.5px solid #EBEBEB; }
  .allergies-box__content > input {
    display: none; }

.allergies-box__item, .allergies-box__check {
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  flex-basis: 20%;
  border-right: 0.5px solid #EBEBEB;
  border-bottom: 0.5px solid #EBEBEB;
  height: 30px;
  line-height: 30px;
  text-align: center;
  overflow: hidden;
  font-size: calc(10px + 1vw);
  align-items: center; }
  .allergies-box__item > *, .allergies-box__check > * {
    align-self: center; }

.allergies-box__item {
  color: #CBCBCB;
  background-color: #E0E0E0; }

.allergies-box__item.active {
  color: #666;
  background-color: #FFF; }

.allergies-box__item.txt-min, .allergies-box__check.txt-min {
  font-size: calc(8px + 1vw);
  line-height: calc(8px + 1vw); }

.allergies-box__check {
  color: #4E4E4E;
  transition: all 0.5s;
  background-color: #BBB; }
  .allergies-box__check:active {
    transition: all 0.5s;
    background-color: #CCC; }

input:checked + .allergies-box__check {
  background-color: #FFF; }

.card-list {
  box-sizing: border-box;
  width: 100%;
  border-bottom: 0.5px solid #EBEBEB; }
  .card-list-title {
    box-sizing: border-box;
    width: 100%;
    padding: 14px 0 14px 10px;
    font-size: calc(12px + 1vw);
    color: #4E4E4E;
    background-color: #FFF; }
  .card-list__item {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    padding: 13px 0 13px 10px;
    border-top: 0.5px solid #EBEBEB;
    font-size: calc(10px + 1vw);
    display: flex;
    align-items: center; }
    .card-list__item::before {
      position: absolute;
      display: block;
      content: '';
      background-color: #FFF;
      width: 10vw;
      height: 0.5px;
      left: 0;
      top: -0.5px; }
  .card-list__icon {
    box-sizing: border-box;
    flex-basis: 10%;
    display: flex; }
  .card-list__title {
    box-sizing: border-box;
    flex-basis: 24%;
    display: flex; }
  .card-list__content {
    box-sizing: border-box;
    flex-basis: 66%;
    display: flex;
    flex-direction: column;
    margin: 0px 10px 0 0; }
    .card-list__content__headline {
      margin: 5px 0 2px 0;
      font-size: calc(8px + 1vw); }
    .card-list__content__greybox {
      padding: 10px;
      background-color: #EEE; }

.card-order {
  margin: 0 0 10px 0; }
  .card-order__headline {
    background-color: #FFFFFF;
    padding: 10px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26);
    font-size: calc(12px + 1vw);
    position: relative; }
    .card-order__headline.label_open::before {
      content: '';
      position: absolute;
      width: 10px;
      height: 10px;
      border-top: 2px solid #AFAFAF;
      border-right: 2px solid #AFAFAF;
      transition: all 0.5s;
      -webkit-transform: translateY(-50%) rotate(315deg);
      transform: translateY(-50%) rotate(315deg);
      top: 22px;
      right: 10px; }
    .card-order__headline.label_close::before {
      content: '';
      position: absolute;
      width: 10px;
      height: 10px;
      border-top: 2px solid #AFAFAF;
      border-right: 2px solid #AFAFAF;
      transition: all 0.5s;
      -webkit-transform: translateY(-50%) rotate(135deg);
      transform: translateY(-50%) rotate(135deg);
      top: 16px;
      right: 10px; }
  .card-order__status {
    font-weight: bold;
    color: #54BAD1; }
  .card-order-box {
    margin: 10px 0 0 0;
    background-color: #FFFFFF;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26);
    font-size: calc(10px + 1vw); }
    .card-order-box__detail {
      position: relative;
      display: flex;
      justify-content: flex-start;
      box-sizing: border-box;
      width: 100vw;
      border-bottom: 0.5px solid #EBEBEB; }
      .card-order-box__detail__left {
        box-sizing: border-box;
        padding: 10px;
        flex: 0 0 30vw;
        height: 30vw; }
        .card-order-box__detail__left img {
          -o-object-fit: cover;
             object-fit: cover;
          background-color: #E3F0f3;
          width: 100%;
          height: 100%;
          border-radius: 1px; }
      .card-order-box__detail__right {
        box-sizing: border-box;
        padding: 10px;
        flex: 0 4 auto;
        display: flex;
        flex-direction: column; }
      .card-order-box__detail__name {
        font-weight: bold;
        font-size: calc(12px + 1vw); }
      .card-order-box__detail__quantity {
        margin-top: 10px; }
      .card-order-box__detail__value {
        margin-top: 2px;
        font-size: calc(10px + 1vw); }
      .card-order-box__detail__ticket {
        margin-top: 10px; }
      .card-order-box__detail__ticket-type {
        display: flex;
        justify-content: space-between; }
        .card-order-box__detail__ticket-type .ticket-type-agenum {
          flex-basis: 48vw;
          display: flex;
          justify-content: space-between; }
          .card-order-box__detail__ticket-type .ticket-type-agenum .ticket-type-age {
            flex-basis: 40vw; }
          .card-order-box__detail__ticket-type .ticket-type-agenum .ticket-type-value {
            flex-basis: 22vw;
            text-align: right; }
      .card-order-box__detail_affiliate {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-top: 10px; }
        .card-order-box__detail_affiliate .affiliate_point .u-icon-point::before {
          top: 4px; }
        .card-order-box__detail_affiliate .affiliate_point .affiliate_point_affiliate {
          padding-left: 5px; }
        .card-order-box__detail_affiliate .affiliate_point .affiliate_point_value {
          font-size: calc(12px + 1vw);
          margin-right: 3px; }
        .card-order-box__detail_affiliate .text_right_ico img {
          width: 20px;
          height: 20px;
          position: relative;
          top: 5px; }
    .card-order-box__status {
      padding: 10px;
      display: flex; }
      .card-order-box__status > div + div {
        margin-left: 10px; }
    .card-order-box__time {
      padding: 3px 0; }
    .card-order-box__arrived {
      display: flex;
      padding: 10px 10px 0 10px;
      align-items: center; }
      .card-order-box__arrived > div + div {
        margin-left: 10px; }
      .card-order-box__arrived__left {
        flex-basis: 60%; }
      .card-order-box__arrived__right {
        flex-basis: 40%; }
    .card-order-box__buttonbox {
      padding: 10px; }
    .card-order-box__buttonbox2 {
      padding: 15px 0 20px; }
    .card-order-box__two_buttonbox {
      padding: 10px;
      display: flex; }
      .card-order-box__two_buttonbox > a + a {
        margin-left: 10px; }

.review-box {
  display: flex;
  flex-direction: column;
  border-bottom: 0.5px solid #EBEBEB;
  padding-bottom: 10px;
  margin-bottom: 10px; }
  .review-box__star {
    font-size: calc(12px + 1vw);
    margin-bottom: 7px; }
  .review-box__title {
    font-size: calc(10px + 1vw);
    font-weight: bold;
    margin-bottom: 3px; }
  .review-box__description {
    font-size: calc(10px + 1vw);
    margin-bottom: 10px; }
  .review-box__bottom {
    font-size: calc(8px + 1vw); }

.liaise-box {
  display: flex;
  flex-direction: column; }
  .liaise-box__name {
    font-size: calc(10px + 1vw);
    margin-bottom: 10px; }
    .liaise-box__name__link {
      color: #508BB7;
      margin-left: 5px; }
  .liaise-box__btn-box {
    display: flex;
    font-size: calc(10px + 1vw);
    margin-bottom: 20px; }
  .liaise-box__btn-tel {
    color: #54BAD1;
    text-decoration: none;
    box-sizing: border-box;
    display: block;
    width: 40%;
    text-align: center;
    border-collapse: separate;
    border-radius: 4px;
    background-color: #FFF;
    border: 2px solid #FFF;
    transition: all 0.5s;
    line-height: 29px;
    padding: 7px 0;
    border: 1px solid #54B9D1;
    margin-right: 10px; }
    .liaise-box__btn-tel:active, .liaise-box__btn-telhover {
      background-color: #FFF;
      transition: all 0.5s;
      opacity: 0.5; }
  .liaise-box__btn-talk {
    color: #FFF;
    text-decoration: none;
    box-sizing: border-box;
    display: block;
    width: 60%;
    text-align: center;
    border-collapse: separate;
    border-radius: 4px;
    background-color: #54BAD1;
    border: 2px solid #54BAD1;
    transition: all 0.5s;
    line-height: 29px;
    font-size: calc(10px + 1vw);
    padding: 7px 0; }
    .liaise-box__btn-talk:active, .liaise-box__btn-talkhover {
      background-color: #54BAD1;
      transition: all 0.5s;
      opacity: 0.5; }
  .liaise-box__text {
    font-size: calc(10px + 1vw);
    margin-bottom: 20px; }
  .liaise-box__btn {
    color: #54BAD1;
    text-decoration: none;
    box-sizing: border-box;
    display: block;
    width: 100%;
    text-align: center;
    border-collapse: separate;
    border-radius: 4px;
    background-color: #FFF;
    border: 2px solid #FFF;
    transition: all 0.5s;
    line-height: 29px;
    font-size: calc(10px + 1vw);
    padding: 10px 0;
    border: 1px solid #54B9D1; }
    .liaise-box__btn:active, .liaise-box__btnhover {
      background-color: #FFF;
      transition: all 0.5s;
      opacity: 0.5; }

.item_destination {
  height: 30px;
  width: 100%;
  font-size: calc(10px + 1vw);
  padding-left: calc(30px + 1vw);
  background-color: #E3F0F3;
  line-height: 30px;
  position: relative;
  display: block;
  text-decoration: none;
  color: #5E5E5E;
  box-sizing: border-box; }
  .item_destination::before {
    content: '';
    position: absolute;
    height: calc(10px + 1vw);
    width: calc((10px + 1vw) * 1.5);
    background: url(../img/ico_delivery_black.svg) no-repeat center/100% 100%;
    left: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }

.item-img {
  position: relative;
  overflow: hidden;
  height: 100vw; }
  .item-img__carousel, .item-img__carousel-item {
    height: 100vw; }
  .item-img__img-wrap {
    height: 100vw;
    width: 100vw; }
    .item-img__img-wrap img {
      -o-object-fit: cover;
         object-fit: cover;
      height: 100vw;
      width: 100vw;
      background-color: #E3F0F3; }
  .item-img__arrow__prev {
    position: absolute;
    z-index: 1;
    display: block;
    top: calc(50vw - 20px);
    width: 40px;
    height: 40px;
    left: 10px; }
  .item-img__arrow__next {
    position: absolute;
    z-index: 1;
    display: block;
    top: calc(50vw - 20px);
    width: 40px;
    height: 40px;
    right: 10px; }
  .item-img__box {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-sizing: border-box;
    position: absolute;
    bottom: 0;
    width: calc(100vw - 20px);
    padding: 10px;
    margin: 10px;
    background: rgba(0, 0, 0, 0.6);
    box-sizing: border-box;
    color: #FFF;
    font-size: calc(12px + 1vw);
    border-radius: 1px; }
    .item-img__box__top {
      display: flex;
      justify-content: space-between; }
    .item-img__box__title {
      font-size: 16px;
      line-height: 22px;
      max-height: 44px;
      overflow: hidden;
      padding-top: 6px; }
    .item-img__box__title-fix {
      font-size: calc(10px + 1vw); }
      .item-img__box__title-fix .u-icon-ticket-white {
        width: 25px;
        height: 10px; }
        .item-img__box__title-fix .u-icon-ticket-white::before {
          top: -6px;
          left: 0; }
    .item-img__box__title-place {
      font-size: calc(8px + 1vw);
      margin-top: 3px;
      height: calc(12px + 1vw);
      overflow: hidden; }
    .item-img__box__title-day {
      font-size: calc(8px + 1vw);
      height: calc(12px + 1vw);
      overflow: hidden; }
    .item-img__box__desc {
      display: flex;
      flex-direction: column; }
    .item-img__box__starpoint {
      display: flex;
      align-items: center;
      margin-top: 3px; }
      .item-img__box__starpoint-right {
        display: flex;
        font-size: calc(10px + 1vw);
        padding: 2px 5px 0px 5px; }
    .item-img__box__pointprice {
      display: flex;
      align-items: flex-end; }
    .item-img__box__pointvalue {
      margin-left: 4px;
      color: #FFF; }
    .item-img__box__ico {
      flex-basis: 20px;
      text-align: center;
      line-height: 20px;
      font-weight: bold;
      width: 20px;
      height: 20px;
      color: #FFFFFF;
      background-color: #54BAD1;
      border-radius: 50%; }
    .item-img__box__pricebox {
      display: flex;
      align-items: baseline;
      font-size: calc(10px + 1vw); }
    .item-img__box__price-value {
      font-size: calc(23px + 1vw); }
    .item-img__box__cost {
      margin-left: 20px; }

.item-info__box {
  position: absolute;
  top: 10px;
  right: 10px; }

.item-info__delivery_box {
  border: solid 1px #D53434;
  border-radius: 50px;
  background-color: #fff;
  width: 80px;
  height: 80px;
  text-align: center; }

.item-info__text {
  font-size: calc(8px + 1vw);
  margin-top: 11px; }

.item-info__icon {
  margin: 0 auto; }
  .item-info__icon img {
    width: 26px;
    height: auto; }

.item-info__text_value {
  font-size: calc(8px + 1vw); }

.item-list {
  height: 120px; }

.c-page-content {
  padding: 0px 10px 30px;
  background-color: #FFF;
  box-sizing: border-box; }
  .c-page-content__box {
    padding: 15px 0; }
  .c-page-content__box-border {
    padding: 10px 0;
    border-bottom: 0.5px solid #EBEBEB; }
  .c-page-content__img {
    box-sizing: border-box;
    width: calc(50vw - 20px);
    margin: 10px auto 20px auto;
    max-height: 50vw; }
    .c-page-content__img img {
      width: 100%;
      height: auto; }
  .c-page-content__head {
    font-size: calc(10px + 1vw);
    font-weight: bold;
    margin-bottom: 20px; }
  .c-page-content__head-middle {
    font-size: calc(10px + 1vw);
    font-weight: bold;
    margin-top: 30px;
    margin-bottom: 20px; }
  .c-page-content__head-min {
    font-size: calc(8px + 1vw);
    color: #5E5E5E;
    margin: 27px 0 0 0; }
  .c-page-content__body {
    font-size: calc(10px + 1vw); }
  .c-page-content__step {
    font-size: calc(10px + 1vw);
    text-align: center;
    color: #54BAD1;
    margin: 0 0 14px 0; }
  .c-page-content__text {
    margin: 10px 0 0 0; }
  .c-page-content__text-right {
    margin: 10px 0 0 0;
    text-align: right; }
  .c-page-content__link {
    display: block;
    font-size: calc(8px + 1vw);
    color: #54BAD1;
    margin: 10px 0 0 0; }
  .c-page-content__button {
    margin: 20px 0; }
  .c-page-content__list {
    position: relative;
    margin: 3px 0 0 20px; }
    .c-page-content__list:nth-child(n+2) {
      margin: 5px 0 0 20px; }
    .c-page-content__list::before {
      position: absolute;
      content: '・';
      top: 0;
      left: -20px; }
  .c-page-content__next {
    *zoom: 1;
    margin: 30px 0 0 0; }
    .c-page-content__next:before, .c-page-content__next:after {
      content: "";
      display: table; }
    .c-page-content__next:after {
      clear: both; }
    .c-page-content__next > * {
      float: right; }
  .c-page-content__prev {
    *zoom: 1;
    margin: 10px 0 0 0; }
    .c-page-content__prev:before, .c-page-content__prev:after {
      content: "";
      display: table; }
    .c-page-content__prev:after {
      clear: both; }
    .c-page-content__prev > * {
      float: left; }

.move-top {
  display: flex;
  flex-direction: row-reverse;
  padding: 10px; }
  .move-top > a {
    position: relative;
    box-sizing: border-box;
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    color: #54BAD1;
    background-color: #FFF;
    transition: all 0.5s;
    border: 1px solid #54BAD1; }
    .move-top > a::before {
      content: '';
      position: absolute;
      top: 13px;
      width: 10px;
      height: 10px;
      border-top: 2px solid #54BAD1;
      border-right: 2px solid #54BAD1;
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg); }
    .move-top > a:active, .move-top > ahover {
      transition: all 0.5s;
      opacity: 0.5; }
    .move-top > a::before {
      right: 13px;
      top: 15px; }

.star-rating {
  border: none;
  padding: 0;
  float: left; }
  .star-rating > input {
    display: none; }
  .star-rating > label {
    float: right;
    box-sizing: border-box;
    position: relative;
    color: #ddd;
    line-height: calc(12px + 1vw); }
  .star-rating > label:before {
    font-size: calc(10px + 1vw);
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f005";
    display: inline-block;
    margin: 0 2px 0 0; }
  .star-rating > label.half:before {
    font-size: calc(10px + 1vw);
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f089";
    position: absolute;
    top: 0;
    left: 0; }

.star-rating__radio > input:checked ~ label,
.star-rating__radio:not(:checked) > label:hover,
.star-rating__radio:not(:checked) > label:hover ~ label {
  color: #FFD700; }

.star-rating__radio > input:checked + label:hover,
.star-rating__radio > input:checked ~ label:hover,
.star-rating__radio > label:hover ~ input:checked ~ label,
.star-rating__radio > input:checked ~ label:hover ~ label {
  color: #FFED85; }

.star-rating__fixed > input:checked ~ label {
  color: #FFD700; }

.text_link_box {
  display: flex; }
  .text_link_box.text_link_right {
    flex-direction: row-reverse; }
  .text_link_box.text_space-between {
    justify-content: space-between; }

.r_mark {
  font-size: 0.8em; }

.available_card_box {
  display: flex;
  align-items: center; }
  .available_card_box div:nth-child(n+2) {
    margin-left: 5px; }
  .available_card_box img {
    height: 23px;
    width: auto;
    max-width: 40px; }
  .available_card_box .visa img {
    width: 37px;
    height: auto; }

.password-dialog .c-page-content__head {
  text-align: center; }

.password-dialog .c-page-content {
  padding: 30px; }

.password-dialog .dialog-buttonbox {
  margin-top: 15px; }
  .password-dialog .dialog-buttonbox_first {
    margin-top: 20px; }

.right_arrow_white {
  position: relative; }
  .right_arrow_white::before {
    border-right: 2px solid #FFF;
    border-bottom: 2px solid #FFF;
    width: 7px;
    height: 7px;
    background-color: transparent;
    z-index: 5;
    position: absolute;
    content: '';
    right: 16px;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg); }

.right_arrow_orange {
  position: relative; }
  .right_arrow_orange::before {
    border-right: 1px solid #FA7F49;
    border-bottom: 1px solid #FA7F49;
    width: 7px;
    height: 7px;
    background-color: transparent;
    z-index: 5;
    position: absolute;
    content: '';
    right: 16px;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg); }

.left_arrow_gray {
  position: relative; }
  .left_arrow_gray::before {
    border-right: 1px solid #5E5E5E;
    border-bottom: 1px solid #5E5E5E;
    width: 7px;
    height: 7px;
    background-color: transparent;
    z-index: 5;
    position: absolute;
    content: '';
    left: 16px;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(135deg);
    transform: translateY(-50%) rotate(135deg); }

.default-btn {
  box-sizing: border-box;
  font-size: calc(10px + 1vw);
  font-weight: 500;
  line-height: 36px;
  padding: 4px 12px;
  display: block;
  width: 100%;
  text-align: center;
  border-collapse: separate;
  border-radius: 50px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26);
  transition: all 0.5s;
  color: #FFFFFF;
  background-color: #54BAD1;
  border: 2px solid #54BAD1; }
  .default-btn:active, .default-btnhover {
    transition: all 0.5s;
    opacity: 0.5; }
  .default-btn:active, .default-btn:focus, .default-btnhover {
    background-color: #54BAD1; }

.white-btn {
  box-sizing: border-box;
  font-size: calc(10px + 1vw);
  font-weight: 500;
  line-height: 36px;
  padding: 4px 12px;
  display: block;
  width: 100%;
  text-align: center;
  border-collapse: separate;
  border-radius: 50px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26);
  transition: all 0.5s;
  color: #54BAD1;
  background-color: #FFFFFF;
  border: 2px solid #54BAD1; }
  .white-btn:active, .white-btnhover {
    transition: all 0.5s;
    opacity: 0.5; }
  .white-btn:active, .white-btn:focus, .white-btnhover {
    background-color: #FFFFFF; }

.orange-btn {
  box-sizing: border-box;
  font-size: calc(10px + 1vw);
  font-weight: 500;
  line-height: 36px;
  padding: 4px 12px;
  display: block;
  width: 100%;
  text-align: center;
  border-collapse: separate;
  border-radius: 50px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26);
  transition: all 0.5s;
  color: #FFFFFF;
  background-color: #FA7F49;
  border: 2px solid #FA7F49; }
  .orange-btn:active, .orange-btnhover {
    transition: all 0.5s;
    opacity: 0.5; }
  .orange-btn:active, .orange-btn:focus, .orange-btnhover {
    background-color: #FA7F49; }

.orange-white-btn {
  box-sizing: border-box;
  font-size: calc(10px + 1vw);
  font-weight: 500;
  line-height: 36px;
  padding: 4px 12px;
  display: block;
  width: 100%;
  text-align: center;
  border-collapse: separate;
  border-radius: 50px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26);
  transition: all 0.5s;
  color: #FA7F49;
  background-color: #FFFFFF;
  border: 2px solid #FA7F49; }
  .orange-white-btn:active, .orange-white-btnhover {
    transition: all 0.5s;
    opacity: 0.5; }
  .orange-white-btn:active, .orange-white-btn:focus, .orange-white-btnhover {
    background-color: #FFFFFF; }

.square-default-btn {
  color: #FFF;
  text-decoration: none;
  box-sizing: border-box;
  display: block;
  width: 100%;
  text-align: center;
  border-collapse: separate;
  border-radius: 4px;
  background-color: #54BAD1;
  border: 2px solid #54BAD1;
  transition: all 0.5s;
  line-height: 29px;
  font-size: calc(10px + 1vw);
  padding: 10px 0 10px 0;
  border: 1px solid #54B9D1; }
  .square-default-btn:active, .square-default-btnhover {
    background-color: #54BAD1;
    transition: all 0.5s;
    opacity: 0.5; }

.square-default-l-btn {
  color: #54BAD1;
  text-decoration: none;
  box-sizing: border-box;
  display: block;
  width: 100%;
  text-align: center;
  border-collapse: separate;
  border-radius: 4px;
  background-color: #54BAD1;
  border: 2px solid #54BAD1;
  transition: all 0.5s;
  line-height: 29px;
  background-color: #E5F5F8;
  font-size: calc(10px + 1vw);
  padding: 10px 0 10px 0;
  border: 1px solid #54B9D1; }
  .square-default-l-btn:active, .square-default-l-btnhover {
    background-color: #54BAD1;
    transition: all 0.5s;
    opacity: 0.5; }

.square-white-btn {
  color: #54BAD1;
  text-decoration: none;
  box-sizing: border-box;
  display: block;
  width: 100%;
  text-align: center;
  border-collapse: separate;
  border-radius: 4px;
  background-color: #FFF;
  border: 2px solid #FFF;
  transition: all 0.5s;
  line-height: 29px;
  font-size: calc(10px + 1vw);
  padding: 10px 0;
  border: 1px solid #54B9D1; }
  .square-white-btn:active, .square-white-btnhover {
    background-color: #FFF;
    transition: all 0.5s;
    opacity: 0.5; }

.square-orange-btn {
  color: #FFF;
  text-decoration: none;
  box-sizing: border-box;
  display: block;
  width: 100%;
  text-align: center;
  border-collapse: separate;
  border-radius: 4px;
  background-color: #FA7F49;
  border: 2px solid #FA7F49;
  transition: all 0.5s;
  line-height: 29px;
  font-size: calc(10px + 1vw);
  padding: 10px 0 10px 0;
  border: 1px solid #FA7F49; }
  .square-orange-btn:active, .square-orange-btnhover {
    background-color: #FA7F49;
    transition: all 0.5s;
    opacity: 0.5; }

.square-orange-white-btn {
  color: #FA7F49;
  text-decoration: none;
  box-sizing: border-box;
  display: block;
  width: 100%;
  text-align: center;
  border-collapse: separate;
  border-radius: 4px;
  background-color: #FFF;
  border: 2px solid #FFF;
  transition: all 0.5s;
  line-height: 29px;
  font-size: calc(10px + 1vw);
  padding: 10px 0 10px 0;
  border: 1px solid #FA7F49; }
  .square-orange-white-btn:active, .square-orange-white-btnhover {
    background-color: #FFF;
    transition: all 0.5s;
    opacity: 0.5; }

.square-Gray-white-btn {
  color: #5E5E5E;
  text-decoration: none;
  box-sizing: border-box;
  display: block;
  width: 100%;
  text-align: center;
  border-collapse: separate;
  border-radius: 4px;
  background-color: #FFF;
  border: 2px solid #FFF;
  transition: all 0.5s;
  line-height: 29px;
  font-size: calc(10px + 1vw);
  padding: 10px 0 10px 0;
  border: 1px solid #8F8F8F; }
  .square-Gray-white-btn:active, .square-Gray-white-btnhover {
    background-color: #FFF;
    transition: all 0.5s;
    opacity: 0.5; }

.square-yellow-btn {
  color: #2C1E0A;
  text-decoration: none;
  box-sizing: border-box;
  display: block;
  width: 100%;
  text-align: center;
  border-collapse: separate;
  border-radius: 4px;
  background-color: #F9AC19;
  border: 2px solid #F9AC19;
  transition: all 0.5s;
  line-height: 29px;
  font-size: calc(10px + 1vw);
  font-weight: bold;
  padding: 10px 0 10px 0;
  border: 1px solid #F9AC19; }
  .square-yellow-btn:active, .square-yellow-btnhover {
    background-color: #F9AC19;
    transition: all 0.5s;
    opacity: 0.5; }
  .square-yellow-btn .btn_txt_min {
    font-size: calc(8px + 1vw); }

.square-red-btn {
  color: #54BAD1;
  text-decoration: none;
  box-sizing: border-box;
  display: block;
  width: 100%;
  text-align: center;
  border-collapse: separate;
  border-radius: 4px;
  background-color: #FFF;
  border: 2px solid #FFF;
  transition: all 0.5s;
  line-height: 29px;
  font-size: calc(10px + 1vw);
  font-weight: normal;
  border: 1px solid #E55758;
  color: #E55758;
  width: 98%; }
  .square-red-btn:active, .square-red-btnhover {
    background-color: #FFF;
    transition: all 0.5s;
    opacity: 0.5; }

.square-favorite-btn {
  color: #FFF;
  text-decoration: none;
  box-sizing: border-box;
  display: block;
  width: 100%;
  text-align: center;
  border-collapse: separate;
  border-radius: 4px;
  background-color: #EE726F;
  border: 2px solid #EE726F;
  transition: all 0.5s;
  line-height: 29px;
  width: calc(100% + 20px);
  margin-left: -10px;
  font-size: calc(8px + 1vw);
  font-weight: normal;
  padding: 8px 0 8px;
  line-height: 17px;
  border: 1px solid #EE726F; }
  .square-favorite-btn:active, .square-favorite-btnhover {
    background-color: #EE726F;
    transition: all 0.5s;
    opacity: 0.5; }
  .square-favorite-btn span {
    position: relative;
    padding-left: 25px; }
    .square-favorite-btn span::before {
      display: block;
      content: '';
      width: 18px;
      height: 16px;
      background-image: url("../img/ico_favorite_red.svg");
      background-repeat: no-repeat;
      position: relative;
      background-size: auto 100%;
      position: absolute;
      top: 50%;
      left: 2px;
      margin-top: -8px; }
  .square-favorite-btn.not_set {
    color: #4E4E4E;
    background-color: #F5F5F5;
    border: 1px solid #D8D8D8; }
    .square-favorite-btn.not_set span::before {
      background-image: url("../img/ico_favorite_gray.svg"); }

.square-review-btn {
  color: #FFF;
  text-decoration: none;
  box-sizing: border-box;
  display: block;
  width: 100%;
  text-align: center;
  border-collapse: separate;
  border-radius: 4px;
  background-color: #54BAD1;
  border: 2px solid #54BAD1;
  transition: all 0.5s;
  line-height: 29px;
  width: calc(100% + 20px);
  margin-left: -10px;
  font-size: calc(8px + 1vw);
  font-weight: normal;
  padding: 8px 0 8px;
  line-height: 17px;
  border: 1px solid #54BAD1; }
  .square-review-btn:active, .square-review-btnhover {
    background-color: #54BAD1;
    transition: all 0.5s;
    opacity: 0.5; }
  .square-review-btn span {
    position: relative;
    padding-left: 25px; }
    .square-review-btn span::before {
      display: block;
      content: '';
      width: 19px;
      height: 19px;
      background-image: url("../img/ico_pencil_white.svg");
      background-repeat: no-repeat;
      position: relative;
      background-size: auto 100%;
      position: absolute;
      top: 50%;
      left: 0;
      margin-top: -10px; }
  .square-review-btn.not_set {
    color: #4E4E4E;
    background-color: #F5F5F5;
    border: 1px solid #D8D8D8; }
    .square-review-btn.not_set span::before {
      background-image: url("../img/ico_pencil_gray.svg"); }

.round-default-btn {
  color: #FFF;
  text-decoration: none;
  box-sizing: border-box;
  display: block;
  width: 100%;
  text-align: center;
  border-collapse: separate;
  border-radius: 100vw;
  background-color: #54BAD1;
  border: 2px solid #54BAD1;
  transition: all 0.5s;
  font-size: calc(10px + 1vw);
  padding: 10px 0;
  border: 1px solid #54B9D1; }
  .round-default-btn:active, .round-default-btnhover {
    background-color: #54BAD1;
    transition: all 0.5s;
    opacity: 0.5; }

.round-white-btn {
  color: #54BAD1;
  text-decoration: none;
  box-sizing: border-box;
  display: block;
  width: 100%;
  text-align: center;
  border-collapse: separate;
  border-radius: 100vw;
  background-color: #FFF;
  border: 2px solid #FFF;
  transition: all 0.5s;
  font-size: calc(10px + 1vw);
  padding: 10px 0;
  height: 42px;
  border: 1px solid #54B9D1; }
  .round-white-btn:active, .round-white-btnhover {
    background-color: #FFF;
    transition: all 0.5s;
    opacity: 0.5; }

.round-orange-btn {
  color: #FFF;
  text-decoration: none;
  box-sizing: border-box;
  display: block;
  width: 100%;
  text-align: center;
  border-collapse: separate;
  border-radius: 100vw;
  background-color: #FA7F49;
  border: 2px solid #FA7F49;
  transition: all 0.5s;
  font-size: calc(10px + 1vw);
  padding: 10px 0;
  border: 1px solid #FA7F49; }
  .round-orange-btn:active, .round-orange-btnhover {
    background-color: #FA7F49;
    transition: all 0.5s;
    opacity: 0.5; }

.right-btn {
  position: relative;
  box-sizing: border-box;
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 40px;
  color: #54BAD1;
  background-color: #FFF;
  transition: all 0.5s;
  border: 1px solid #54BAD1; }
  .right-btn::before {
    content: '';
    position: absolute;
    top: 13px;
    width: 10px;
    height: 10px;
    border-top: 2px solid #54BAD1;
    border-right: 2px solid #54BAD1;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); }
  .right-btn:active, .right-btnhover {
    transition: all 0.5s;
    opacity: 0.5; }
  .right-btn::before {
    right: 16px; }

.left-btn {
  position: relative;
  box-sizing: border-box;
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 40px;
  color: #54BAD1;
  background-color: #FFF;
  transition: all 0.5s;
  border: 1px solid #54BAD1; }
  .left-btn::before {
    content: '';
    position: absolute;
    top: 13px;
    width: 10px;
    height: 10px;
    border-top: 2px solid #54BAD1;
    border-right: 2px solid #54BAD1;
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg); }
  .left-btn:active, .left-btnhover {
    transition: all 0.5s;
    opacity: 0.5; }
  .left-btn::before {
    left: 16px; }

.right-btn-black {
  position: relative;
  box-sizing: border-box;
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 40px;
  color: #FFFFFF;
  background-color: #000000;
  transition: all 0.5s;
  border: 1px solid #FFFFFF;
  border: none;
  opacity: 0.35; }
  .right-btn-black::before {
    content: '';
    position: absolute;
    top: 13px;
    width: 10px;
    height: 10px;
    border-top: 2px solid #FFFFFF;
    border-right: 2px solid #FFFFFF;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); }
  .right-btn-black:active, .right-btn-blackhover {
    transition: all 0.5s;
    opacity: 0.5; }
  .right-btn-black::before {
    right: 16px; }

.right-btn-black-small {
  position: relative;
  box-sizing: border-box;
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  color: #FFFFFF;
  background-color: #000000;
  transition: all 0.5s;
  border: 1px solid #FFFFFF;
  border: none;
  opacity: 0.35; }
  .right-btn-black-small::before {
    content: '';
    position: absolute;
    top: 13px;
    width: 10px;
    height: 10px;
    border-top: 2px solid #FFFFFF;
    border-right: 2px solid #FFFFFF;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); }
  .right-btn-black-small:active, .right-btn-black-smallhover {
    transition: all 0.5s;
    opacity: 0.5; }
  .right-btn-black-small::before {
    right: 7px;
    top: 6px;
    width: 5px;
    height: 5px; }

.left-btn-black {
  position: relative;
  box-sizing: border-box;
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 40px;
  color: #FFFFFF;
  background-color: #000000;
  transition: all 0.5s;
  border: 1px solid #FFFFFF;
  border: none;
  opacity: 0.35; }
  .left-btn-black::before {
    content: '';
    position: absolute;
    top: 13px;
    width: 10px;
    height: 10px;
    border-top: 2px solid #FFFFFF;
    border-right: 2px solid #FFFFFF;
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg); }
  .left-btn-black:active, .left-btn-blackhover {
    transition: all 0.5s;
    opacity: 0.5; }
  .left-btn-black::before {
    left: 16px; }

.left-btn-black-small {
  position: relative;
  box-sizing: border-box;
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  color: #FFFFFF;
  background-color: #000000;
  transition: all 0.5s;
  border: 1px solid #FFFFFF;
  border: none;
  opacity: 0.35; }
  .left-btn-black-small::before {
    content: '';
    position: absolute;
    top: 13px;
    width: 10px;
    height: 10px;
    border-top: 2px solid #FFFFFF;
    border-right: 2px solid #FFFFFF;
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg); }
  .left-btn-black-small:active, .left-btn-black-smallhover {
    transition: all 0.5s;
    opacity: 0.5; }
  .left-btn-black-small::before {
    left: 7px;
    top: 6px;
    width: 5px;
    height: 5px; }

.text-btn-underline {
  font-size: 12px;
  color: #508BB7;
  text-decoration: underline;
  text-underline-position: under; }

.text-btn-chevron-right {
  font-size: 12px;
  color: #508BB7;
  display: inline-block;
  position: relative;
  padding: 5px 20px; }
  .text-btn-chevron-right::before {
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    border-top: 2px solid #508BB7;
    border-right: 2px solid #508BB7;
    transition: all 0.5s;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    right: 10px;
    top: 50%; }

.input-help-icon-btn {
  width: 80% !important; }

.help-icon-btn {
  display: inline-block;
  padding: 15px;
  box-sizing: border-box;
  position: absolute;
  top: -6px;
  right: 0; }

.btn_min_txt {
  line-height: calc(14px + 1vw); }
  .btn_min_txt .min_txt {
    display: block;
    font-size: calc(6px + 1vw);
    line-height: calc(14px + 1vw); }

@-webkit-keyframes shiny {
  0% {
    -webkit-transform: scale(0) rotate(25deg);
            transform: scale(0) rotate(25deg);
    opacity: 0; }
  50% {
    -webkit-transform: scale(1) rotate(25deg);
            transform: scale(1) rotate(25deg);
    opacity: 1; }
  100% {
    -webkit-transform: scale(50) rotate(25deg);
            transform: scale(50) rotate(25deg);
    opacity: 0; } }

@keyframes shiny {
  0% {
    -webkit-transform: scale(0) rotate(25deg);
            transform: scale(0) rotate(25deg);
    opacity: 0; }
  50% {
    -webkit-transform: scale(1) rotate(25deg);
            transform: scale(1) rotate(25deg);
    opacity: 1; }
  100% {
    -webkit-transform: scale(50) rotate(25deg);
            transform: scale(50) rotate(25deg);
    opacity: 0; } }

.shiny-btn {
  position: relative;
  display: block;
  height: 40px;
  line-height: 40px;
  text-align: center;
  text-decoration: none;
  color: #ffffff;
  background-color: #384878;
  overflow: hidden; }

.shiny-btn::after {
  content: '';
  position: absolute;
  top: -100px;
  left: -100px;
  width: 50px;
  height: 50px;
  background-image: linear-gradient(100deg, rgba(255, 255, 255, 0) 10%, white 100%, rgba(255, 255, 255, 0) 0%);
  /* アニメーション */
  -webkit-animation-name: shiny;
          animation-name: shiny;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite; }

.ex-dialog .dialog-container {
  display: flex;
  flex-direction: column;
  background-color: #FFF; }

.ex-dialog__title {
  font-size: calc(12px + 1vw);
  line-height: 44px;
  text-align: center;
  color: #FFF;
  background-color: #54BAD1; }

.ex-dialog__content {
  font-size: calc(12px + 1vw);
  line-height: calc(16px + 1vw);
  flex-grow: 4;
  padding: 10px; }

.ex-dialog__btnbox {
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 10px; }

.loading-dialog .dialog {
  background-color: rgba(0, 0, 0, 0) !important;
  box-shadow: none !important; }

.loading-dialog .dialog-container {
  display: flex;
  flex-direction: column;
  background-color: rgba(0, 0, 0, 0) !important;
  box-shadow: none !important; }

.loading-dialog .view-loading__box {
  margin: 0 auto; }

.input-underline {
  position: relative;
  display: block;
  box-sizing: border-box;
  padding: 10px 0 7px 0;
  font-size: calc(12px + 1vw);
  border-bottom: 2px solid #A9DCE8; }
  .input-underline > input {
    width: 100%; }
  .input-underline > select {
    width: 100%; }
  .input-underline > .input-underline__line {
    position: absolute;
    display: block;
    left: 0;
    bottom: -2px;
    width: 0px;
    border-bottom: 2px solid #54BAD1;
    transition: all 0.5s; }
  .input-underline > input:focus + .input-underline__line {
    width: 100%;
    transition: all 0.5s; }
  .input-underline__icon-box {
    position: relative;
    height: 100%;
    width: 100%; }
  .input-underline__icon-img {
    position: absolute;
    top: -100%;
    left: -100%;
    right: -100%;
    bottom: -100%;
    margin: auto;
    width: 100%;
    height: auto; }
  .input-underline__right_icon {
    position: relative; }
    .input-underline__right_icon img {
      position: absolute;
      display: block;
      right: 0;
      bottom: 3px;
      height: 20px;
      width: auto;
      max-width: 40px; }

.select_arrow {
  position: relative; }
  .select_arrow::before {
    content: '';
    position: absolute;
    border-top: 8px solid #54BAD1;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    top: 50%;
    right: 0;
    margin-top: -4px;
    margin-right: 5px;
    pointer-events: none; }

.input-password {
  position: relative;
  display: block;
  box-sizing: border-box;
  padding: 10px 40px 10px 0;
  font-size: calc(12px + 1vw);
  border-bottom: 0.5px solid #54BAD1; }
  .input-password .input-password__eye {
    position: absolute;
    display: block;
    right: 0;
    top: 14px;
    width: 30px;
    height: 20px;
    background-image: url(../img/ico_password_hide.svg);
    background-repeat: no-repeat; }
  .input-password .input-password__eye.password-show {
    background-image: url(../img/ico_password_show.svg);
    width: 22px;
    height: 20px;
    right: 8px;
    top: 18px; }
  .input-password > input {
    width: 100%; }
  .input-password > .input-underline__line {
    position: absolute;
    display: block;
    left: 0;
    bottom: 0;
    width: 0px;
    border-bottom: 1px solid #54BAD1;
    transition: all 0.5s; }
  .input-password > input:focus + .input-underline__line {
    width: 100%;
    transition: all 0.5s; }

.select-underline {
  position: relative;
  display: block;
  box-sizing: border-box;
  padding: 10px 0 0 0;
  font-size: calc(12px + 1vw);
  border-bottom: 2px solid #A9DCE8; }
  .select-underline > select {
    width: 100%;
    padding: 0 20px 5px 0; }
  .select-underline::before {
    content: '';
    position: absolute;
    border-top: 8px solid #54BAD1;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    top: 50%;
    right: 0;
    margin-top: 2px;
    margin-right: 5px;
    pointer-events: none; }

.ex-switch__label {
  position: relative; }
  .ex-switch__label::after {
    position: absolute;
    left: -35px;
    top: 9px;
    content: 'オフ';
    color: #BBB;
    font-size: calc(10px + 1vw); }

.ex-switch__label.ex-switch__label-on::after {
  content: 'オン';
  color: #54BAD1; }

.btn_disabled {
  background-color: #CCC;
  border: 1px solid #CCC;
  color: #FFF; }
  .btn_disabled:active {
    background-color: #CCC;
    border: 1px solid #CCC;
    opacity: 0.5; }
  .btn_disabled::before {
    border-color: #FFF; }

.error_message {
  color: #DD4B39;
  font-size: calc(6px + 1vw); }

.error_message + .error_message {
  margin-left: 1vw; }

/**
 * #TutorialOnsCarouselItemInit
 */
.tutorial-carousel-item {
  background-color: #FFFFFF;
  display: table;
  text-align: center; }

/**
 * #TutorialNav
 */
.tutorial-nav {
  display: flex;
  height: 2vw;
  margin: 10px auto; }
  .tutorial-nav__wrap {
    *zoom: 1;
    margin: auto; }
    .tutorial-nav__wrap:before, .tutorial-nav__wrap:after {
      content: "";
      display: table; }
    .tutorial-nav__wrap:after {
      clear: both; }
  .tutorial-nav__circle {
    position: relative;
    display: block;
    float: right;
    width: 2vw;
    height: 2vw;
    margin: 0 1vw 0 1vw; }
    .tutorial-nav__circle::before {
      position: absolute;
      z-index: 10000;
      content: '';
      display: block;
      box-sizing: border-box;
      background-color: #FFFFFF;
      border: 0.1px solid #54BAD1;
      border-radius: 50%;
      width: 2vw;
      height: 2vw;
      transition: all 0.5s; }
    .tutorial-nav__circle.current::before,
    .tutorial-nav__circle.current ~ .tutorial-nav__circle::before {
      background-color: #54BAD1;
      transition: all 0.5s; }

/**
 * #TutorialContent
 */
.tutorial-cont {
  background-color: rgba(255, 255, 255, 0.8);
  text-align: left;
  padding: 10px 20px;
  margin-top: 20px;
  font-size: calc(10px + 1vw); }
  .tutorial-cont__headline {
    font-size: calc(12px + 1vw);
    font-weight: bold;
    margin-bottom: 5px; }
    .tutorial-cont__headline .num {
      color: #54BAD1;
      font-size: calc(16px + 1vw); }
  .tutorial-cont__headtxt {
    font-size: calc(8px + 1vw);
    padding-left: calc(18px + 1vw); }
  .tutorial-cont__img-box img {
    width: 30vw;
    height: auto;
    display: block;
    margin: 0 auto; }
  .tutorial-cont__img-box img.img-large {
    width: 100vw;
    height: 400px;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: 50% 0;
       object-position: 50% 0; }
  .tutorial-cont_top {
    padding: 20px 20px; }

/**
 * #TutorialLabel
 */
.tutorial-label {
  display: table-cell;
  vertical-align: middle;
  color: #7A7A7A;
  line-height: 1;
  font-size: 30px;
  padding: 0 0 30vh 0; }
  .tutorial-label__text {
    text-decoration: none;
    color: #2980C2; }

/**
 * #TutorialCover
 */
.tutorial-cover {
  box-sizing: border-box;
  position: absolute;
  display: flex;
  flex-direction: column;
  width: 100vw;
  left: 0px;
  bottom: 0;
  color: #7A7A7A;
  text-align: center;
  transition: all 0.5s; }
  .tutorial-cover__head {
    display: block;
    position: relative;
    overflow: hidden;
    height: 0;
    padding-top: 6vh;
    width: 100vw; }
    .tutorial-cover__head > span {
      position: absolute;
      display: block;
      background-color: #e4f1f4;
      height: 20vh;
      width: 100vw;
      z-index: 0;
      transition: all 1s; }
  .tutorial-cover__headleft {
    left: -6vw;
    -webkit-transform: rotate(12deg);
            transform: rotate(12deg); }
  .tutorial-cover__headright {
    right: -6vw;
    -webkit-transform: rotate(-12deg);
            transform: rotate(-12deg); }
  .tutorial-cover__button-box {
    padding: 5vh 0 0 0;
    position: relative;
    background-color: #e4f1f4;
    transition: all 1s; }
    .tutorial-cover__button-box .model-change_link_box {
      margin: 20px 15px 15px; }
      .tutorial-cover__button-box .model-change_link_box .text-btn-chevron-right {
        padding: 5px 20px 5px 8px; }
  .tutorial-cover__ico {
    display: block;
    position: absolute;
    z-index: 1;
    left: 46vw;
    top: -26px;
    width: 8vw;
    height: auto; }
  .tutorial-cover__ico-txt {
    display: block;
    color: #54BAD1;
    position: absolute;
    z-index: 1;
    left: calc(49.5vw - 6px);
    top: 6vw;
    font-size: calc(6px + 1vw); }
  .tutorial-cover__button {
    margin: 2vh 30px 0 30px;
    width: calc(100vw - 60px);
    font-size: calc(10px + 1vw);
    line-height: 5vh; }
  .tutorial-cover__link {
    display: block;
    margin: 4vh 0 0 0;
    color: #2980C2;
    text-decoration: none;
    font-size: 12px; }
  .tutorial-cover.tutorial-cover-last {
    transition: all 0.5s;
    bottom: 16vh; }
    .tutorial-cover.tutorial-cover-last .tutorial-cover__head > span {
      background-color: rgba(228, 241, 244, 0);
      transition: all 1s; }
    .tutorial-cover.tutorial-cover-last .tutorial-cover__ico {
      display: none; }
    .tutorial-cover.tutorial-cover-last .tutorial-cover__ico-txt {
      display: none; }
    .tutorial-cover.tutorial-cover-last .tutorial-cover__button-box {
      padding: 0;
      background-color: rgba(228, 241, 244, 0);
      transition: all 1s; }

.tutorial__arrow {
  display: block;
  position: relative; }
  .tutorial__arrow__prev {
    position: absolute;
    z-index: 1;
    display: block;
    top: calc(36vh - 44px);
    transition: all 0.5s;
    left: 10px;
    opacity: 1; }
    .tutorial__arrow__prev.tutorial-cover-first {
      transition: all 0.5s;
      opacity: 0; }
  .tutorial__arrow__next {
    position: absolute;
    z-index: 1;
    display: block;
    top: calc(36vh - 44px);
    transition: all 0.5s;
    right: 10px; }
  .tutorial__arrow.tutorial-cover-last {
    display: none; }

.tutorial_link_box {
  margin: 5px 0 20px 0; }

.p-history-fixed-topbox {
  width: 100vw;
  position: absolute;
  top: 44px;
  left: 0;
  right: 0;
  z-index: 10000; }

.p-history-listbox__point {
  display: inline-flex;
  box-sizing: border-box;
  position: relative;
  width: 100vw;
  background-color: #E3F0F3;
  padding: 10px;
  font-size: calc(12px + 1vw);
  transition: all 0.5s; }
  .p-history-listbox__point::before {
    content: '';
    position: absolute;
    width: 7px;
    height: 7px;
    border-top: 2px solid #c7c7cc;
    border-right: 2px solid #c7c7cc;
    transition: all 0.5s;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    right: 16px;
    top: 50%; }
  .p-history-listbox__point:active {
    transition: all 0.5s;
    background-color: #C7C7CC; }
    .p-history-listbox__point:active::before {
      content: '';
      position: absolute;
      width: 7px;
      height: 7px;
      border-top: 2px solid #FFFFFF;
      border-right: 2px solid #FFFFFF;
      transition: all 0.5s;
      -webkit-transform: translateY(-50%) rotate(45deg);
      transform: translateY(-50%) rotate(45deg); }
  .p-history-listbox__point__ico.u-icon-point_invert::before {
    top: 0;
    left: 0;
    width: 26px;
    height: 26px; }
  .p-history-listbox__point__text {
    flex-basis: auto;
    flex-grow: 4;
    padding: 0 10px; }
  .p-history-listbox__point__point {
    margin-right: 25px; }
    .p-history-listbox__point__point #viewHistoryPagePoint {
      font-size: calc(14px + 1vw);
      font-weight: bold;
      margin-right: 5px; }

.p-history-listbox__tab {
  display: inline-flex;
  background-color: #FFF;
  font-size: calc(12px + 1vw);
  border-bottom: #54BAD1 1px solid;
  width: 100vw; }
  .p-history-listbox__tab__radio {
    display: none; }
  .p-history-listbox__tab__label {
    position: relative;
    box-sizing: border-box;
    display: block;
    text-align: center;
    width: 100vw;
    transition: all 0.5s;
    padding: 10px 0 0 0;
    margin: 0 2vw 0 2vw; }
    .p-history-listbox__tab__label::after {
      content: '';
      display: block;
      width: 0px;
      height: 2px;
      margin: 8px auto 0 auto;
      background-color: #54BAD1;
      transition: all 0.5s; }
  .p-history-listbox__tab__radio:checked + .p-history-listbox__tab__label {
    color: #54BAD1;
    transition: all 0.5s; }
    .p-history-listbox__tab__radio:checked + .p-history-listbox__tab__label::after {
      width: 100%;
      transition: all 0.5s; }

.p-history-searchbox {
  display: inline-flex;
  box-sizing: border-box;
  width: 100vw;
  background-color: #FFFFFF;
  padding: 15px 10px; }
  .p-history-searchbox__shopbtn {
    flex-basis: 90px;
    box-sizing: border-box;
    font-size: calc(10px + 1vw);
    font-weight: 500;
    line-height: 36px;
    padding: 4px 12px;
    display: block;
    width: 100%;
    text-align: center;
    border-collapse: separate;
    border-radius: 50px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26);
    transition: all 0.5s;
    font-size: calc(10px + 1vw);
    font-weight: 400;
    line-height: calc(10px + 1vw);
    padding: 7px;
    color: #54BAD1;
    background-color: #FFFFFF;
    border: 1px solid #54BAD1;
    box-shadow: none; }
    .p-history-searchbox__shopbtn:active, .p-history-searchbox__shopbtnhover {
      transition: all 0.5s;
      opacity: 0.5; }
    .p-history-searchbox__shopbtn:active, .p-history-searchbox__shopbtn:focus, .p-history-searchbox__shopbtnhover {
      background-color: #FFFFFF; }
    .p-history-searchbox__shopbtn .u-icon-shop {
      position: relative;
      top: 0px;
      left: -3px; }
      .p-history-searchbox__shopbtn .u-icon-shop img {
        width: 18px;
        height: 18px; }
    .p-history-searchbox__shopbtn .shopbtn_text {
      position: relative;
      top: -3px;
      left: 3px; }
  .p-history-searchbox__searchbar {
    position: relative;
    flex-basis: auto;
    flex-grow: 4;
    margin: 0 0 0 10px;
    border-bottom: 2px solid #A9DCE8; }
    .p-history-searchbox__searchbar .u-icon-search {
      position: absolute;
      top: 50%;
      right: 5px;
      margin-top: -10px; }
  .p-history-searchbox__searchbox {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 0 30px 0 0;
    font-size: calc(12px + 1vw);
    padding-right: 35px !important; }

.p-history-itemlist {
  padding: 0;
  margin: 0;
  width: 100vw;
  border-top: 0.5px solid #C7C7CC;
  list-style-type: none;
  text-align: left;
  display: block;
  overflow: hidden;
  background-color: #FFFFFF; }

.bulk-item-list > div:not(:last-child) {
  background-image: linear-gradient(to right, #FFF, #4E4E4E 5px, transparent 5px, transparent 4px);
  background-size: 10px 1px;
  background-position: bottom;
  background-repeat: repeat-x;
  border-bottom: none; }

.p-history-item {
  position: relative;
  display: flex;
  justify-content: flex-start;
  box-sizing: border-box;
  width: 100vw;
  border-bottom: 0.5px solid #C7C7CC; }
  .p-history-item::before {
    content: '';
    position: absolute;
    width: 7px;
    height: 7px;
    border-top: 2px solid #c7c7cc;
    border-right: 2px solid #c7c7cc;
    transition: all 0.5s;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    right: 16px;
    top: 50%; }
  .p-history-item:active {
    transition: all 0.2s;
    background-color: #C7C7CC; }
    .p-history-item:active::before {
      content: '';
      position: absolute;
      width: 7px;
      height: 7px;
      border-top: 2px solid #FFFFFF;
      border-right: 2px solid #FFFFFF;
      transition: all 0.5s;
      -webkit-transform: translateY(-50%) rotate(45deg);
      transform: translateY(-50%) rotate(45deg);
      right: 16px;
      top: 50%; }
  .p-history-item__left {
    box-sizing: border-box;
    padding: 10px;
    flex: 0 0 30vw;
    height: 30vw; }
    .p-history-item__left img {
      -o-object-fit: cover;
         object-fit: cover;
      background-color: #E3F0f3;
      width: 100%;
      height: 100%;
      border-radius: 1px; }
  .p-history-item__right {
    position: relative;
    box-sizing: border-box;
    margin: 10px 30px 10px 0;
    flex: 0 4 auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-top: 5px; }
    .p-history-item__right * {
      font-size: calc(8px + 1vw);
      padding: 0;
      margin: 0; }
    .p-history-item__right__shop {
      font-size: calc(8px + 1vw);
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      position: relative;
      padding: 2px 0px 3px 22px; }
      .p-history-item__right__shop .u-icon-shop::before {
        content: '';
        background-repeat: no-repeat;
        background-image: url("../img/ico_shop_black.svg");
        width: 17px;
        height: 17px;
        display: inline-block;
        position: absolute;
        top: 50%;
        left: 0px;
        margin-top: -9px; }
      .p-history-item__right__shop .u-icon-ticket-black::before {
        content: '';
        background-repeat: no-repeat;
        background-image: url("../img/ico_ticket_black.svg");
        width: 17px;
        height: 17px;
        display: inline-block;
        position: absolute;
        top: 50%;
        left: 0px;
        margin-top: -9px; }
    .p-history-item__right__name {
      position: relative;
      width: calc(70vw - 30px);
      font-size: calc(10px + 1vw);
      line-height: calc(16px + 1vw);
      font-weight: bold;
      height: calc(30px + 2vw);
      overflow: hidden; }
    .p-history-item__right__star {
      margin-top: 5px; }
    .p-history-item__right__date_box {
      display: flex;
      justify-content: space-between; }
    .p-history-item__right__date {
      line-height: calc(10px + 1vw);
      padding-top: 4px; }
      .p-history-item__right__date > span {
        margin-left: 5px; }
    .p-history-item__right__date-and-quantity {
      margin-bottom: 2px; }
    .p-history-item__right__status {
      padding-top: 2px;
      display: flex;
      justify-content: space-between;
      position: relative; }
    .p-history-item__right__price {
      font-size: calc(10px + 1vw); }
    .p-history-item__right .js-order_date,
    .p-history-item__right .js-order_status_text {
      margin-right: 10px; }
    .p-history-item__right .order_status {
      position: relative;
      padding-left: 22px; }
      .p-history-item__right .order_status::before {
        content: '';
        background-repeat: no-repeat;
        width: 17px;
        height: 17px;
        display: inline-block;
        position: absolute;
        top: 50%;
        left: 0px;
        margin-top: -10px; }
    .p-history-item__right .order_do::before {
      background-image: url("../img/ico_ordersheet.svg"); }
    .p-history-item__right .order_done::before {
      background-image: url("../img/ico_box.svg"); }
    .p-history-item__right .delivery_do::before {
      margin-top: -8px;
      background-image: url("../img/ico_delivery.svg"); }
    .p-history-item__right .delivery_done::before {
      background-image: url("../img/ico_check_invert.svg"); }

.history-item__content {
  display: flex;
  font-size: calc(10px + 1vw); }
  .history-item__content__left {
    flex-basis: 10%;
    border-right: dotted 2px #EBEBEB;
    position: relative;
    top: 15px;
    left: -20px;
    box-sizing: border-box; }
  .history-item__content__right {
    flex-basis: 90%;
    padding-right: 10px; }
    .history-item__content__right .status_box {
      margin: 10px 0;
      padding: 5px 10px;
      border: solid 1px #EBEBEB;
      position: relative; }
      .history-item__content__right .status_box::before {
        content: '';
        background-repeat: no-repeat;
        width: 20px;
        height: 20px;
        display: inline-block;
        position: absolute;
        top: 5px;
        left: -32px; }
      .history-item__content__right .status_box_header {
        font-size: calc(10px + 1vw); }
      .history-item__content__right .status_box_text {
        font-size: calc(8px + 1vw); }
    .history-item__content__right .status_done::before {
      background-image: url("../img/ico_check_gray.svg"); }
    .history-item__content__right .status_do {
      border-color: #54BAD1; }
      .history-item__content__right .status_do .status_box_header {
        color: #40A0B7; }
      .history-item__content__right .status_do::before {
        background-image: url("../img/ico_box_bg.svg"); }
    .history-item__content__right .status_undone::before {
      background-image: url("../img/ico_check_circle.svg");
      width: 15px;
      height: 15px;
      left: -29px; }
    .history-item__content__right .status-ticket_do {
      border-color: #54BAD1; }
      .history-item__content__right .status-ticket_do .status_box_header {
        color: #40A0B7; }
      .history-item__content__right .status-ticket_do::before {
        background-image: url("../img/ico_ticket_bg.svg"); }
  .history-item__content.content_last-child .history-item__content__left {
    border-right: none; }
  .history-item__content.content_last-child .status_box {
    margin: 0 0 0 0; }

.btn-icon-star img {
  width: 18px;
  height: auto;
  position: relative;
  top: 3px;
  margin-right: 8px; }

.btn-icon-arrow img {
  width: 18px;
  height: auto;
  position: relative;
  top: 4px;
  margin-right: 8px; }

.btn-icon-call img {
  width: 16px;
  height: auto;
  position: relative;
  top: 4px;
  margin-right: 6px; }

.btn-icon-talk-white img {
  width: 23px;
  height: auto;
  position: relative;
  top: 5px;
  margin-right: 8px; }

.btn-icon-cross {
  position: relative;
  top: 1px;
  margin-right: 10px; }

.btn-icon-qrcode-min img {
  width: 20px;
  height: 20px;
  position: relative;
  top: 5px;
  margin-right: 8px; }

.btn-icon-mail-white img {
  width: 20px;
  height: 20px;
  position: relative;
  top: 5px;
  margin-right: 8px; }

.recommend-modal .modal__content {
  position: relative;
  overflow: visible; }

.recommend-modal__close {
  width: 12vw;
  height: 12vw;
  position: absolute;
  top: 7vw;
  right: 7vw;
  z-index: 2; }

.recommend-modal__qr-wrapper {
  position: relative;
  top: 0px; }

.recommend-modal__qr-image {
  width: 68vw;
  height: auto; }

.recommend-modal__text {
  position: absolute;
  color: #FFF;
  top: calc(-32px - 2vw);
  font-size: calc(10px + 1vw);
  width: 100vw; }

.recommend_btn-qrcode {
  margin-bottom: 20px; }

.recommend_btn-mail {
  margin-bottom: 30px; }

.cancel_reason {
  position: relative;
  margin: 20px auto;
  max-width: 170px; }
  .cancel_reason > select {
    font-size: calc(10px + 1vw);
    color: #757575;
    border-radius: 0;
    border-bottom: 2px solid #A9DCE8;
    max-width: 170px;
    padding-right: 25px; }
  .cancel_reason::before {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    top: 8px;
    right: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #54BAD1 transparent transparent transparent; }

.bg_order_cancel {
  background-color: #DDDEE2; }

.shipping-info {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  padding: 0 0 20px; }
  .shipping-info__headline {
    font-size: calc(8px + 1vw);
    flex-basis: 16vw; }
    .shipping-info__headline.size {
      margin-top: 20px;
      display: block; }
    .shipping-info__headline.color {
      margin-top: 20px;
      display: block; }
    .shipping-info__headline.address {
      margin-top: 20px;
      display: block; }
  .shipping-info__headline-min {
    font-size: calc(6px + 1vw);
    flex-basis: 16vw; }
  .shipping-info__addressee {
    box-sizing: border-box;
    display: block;
    align-items: center;
    padding: 0 10px 15px 10px;
    align-items: center; }
  .shipping-info__link-cost .text-btn-chevron-right {
    padding: 6px 15px 4px 15px; }
    .shipping-info__link-cost .text-btn-chevron-right::before {
      right: 0px; }
  .shipping-info__addressee-select {
    position: relative; }
    .shipping-info__addressee-select.quantity_number {
      width: 80px;
      position: relative;
      bottom: 0; }
    .shipping-info__addressee-select::before {
      position: absolute;
      content: '';
      width: 0;
      height: 0;
      top: 15px;
      right: 10px;
      border-style: solid;
      border-width: 5px 5px 0 5px;
      border-color: #54BAD1 transparent transparent transparent;
      pointer-events: none; }
    .shipping-info__addressee-select > select {
      font-size: calc(10px + 1vw);
      color: #757575;
      border-radius: 0;
      border-bottom: 2px solid #A9DCE8;
      width: 100%;
      padding-top: 10px;
      text-indent: 1em; }
      .shipping-info__addressee-select > select.select_eventsnone {
        pointer-events: none; }
  .shipping-info__addressee-link {
    flex-basis: 20vw;
    position: relative;
    flex-grow: 2;
    text-align: right;
    font-size: calc(6px + 1vw);
    padding-right: 10px;
    color: #54BAD1; }
    .shipping-info__addressee-link::before {
      content: '';
      position: absolute;
      width: 5px;
      height: 5px;
      border-top: 1px solid #54BAD1;
      border-right: 1px solid #54BAD1;
      transition: all 0.5s;
      -webkit-transform: translateY(-50%) rotate(45deg);
      transform: translateY(-50%) rotate(45deg);
      top: 6.5px;
      right: 0; }
  .shipping-info__delivery {
    box-sizing: border-box;
    display: block;
    align-items: center;
    padding: 0 10px 15px 10px;
    margin-top: 3px; }
  .shipping-info__delivery-flex {
    display: flex; }
  .shipping-info__delivery-select {
    position: relative; }
    .shipping-info__delivery-select.shipping-delivery-date {
      width: calc((100% - 15px) / 2); }
      .shipping-info__delivery-select.shipping-delivery-date::before {
        right: 10px; }
    .shipping-info__delivery-select.shipping-delivery-time {
      margin-left: 15px;
      width: calc((100% - 15px) / 2); }
      .shipping-info__delivery-select.shipping-delivery-time::before {
        right: 10px; }
    .shipping-info__delivery-select > select {
      padding-right: 13px;
      font-size: calc(10px + 1vw);
      color: #757575;
      border-radius: 0;
      width: 100%;
      border-bottom: 2px solid #A9DCE8;
      text-indent: 1em;
      padding-top: 10px; }
    .shipping-info__delivery-select::before {
      position: absolute;
      content: '';
      width: 0;
      height: 0;
      top: 15px;
      right: 0;
      border-style: solid;
      border-width: 5px 5px 0 5px;
      border-color: #54BAD1 transparent transparent transparent; }
  .shipping-info__delively-select-not {
    display: flex;
    font-size: calc(10px + 1vw); }
    .shipping-info__delively-select-not > * {
      margin-right: 10px; }
  .shipping-info__card {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    padding: 0 10px 15px 10px;
    margin-top: 3px; }
  .shipping-info__payment {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    padding: 0 10px 15px 10px;
    margin-top: 3px; }

.item-purchace {
  box-sizing: border-box;
  display: flex;
  width: 100vw;
  height: 70px;
  padding: 10px; }
  .item-purchace__left {
    box-sizing: border-box;
    flex-basis: 30vw;
    align-self: center;
    font-size: calc(10px + 1vw); }
  .item-purchace__right, .bottom-bar.menu_order .item-purchace__center {
    color: #FFF;
    text-decoration: none;
    box-sizing: border-box;
    width: 100%;
    height: 50px;
    align-self: center;
    display: flex;
    justify-content: space-between;
    background-color: #FA7F49;
    border-radius: 4px;
    transition: all 0.5s;
    padding: 0 20px; }
    .item-purchace__right:active, .bottom-bar.menu_order .item-purchace__center:active, .item-purchace__righthover {
      transition: all 0.5s;
      opacity: 0.5; }
  .item-purchace__rightl {
    text-align: left;
    flex-basis: 30%;
    align-self: center;
    font-size: calc(12px + 1vw);
    position: relative;
    top: 0px; }
    .item-purchace__rightl.txt_center {
      text-align: center; }
  .item-purchace__rightr {
    text-align: right;
    align-self: center;
    display: flex;
    flex-direction: column; }
  .item-purchace__numwrap {
    position: relative;
    top: 4px; }
  .item-purchace__num {
    font-size: 23px;
    font-weight: bold;
    padding: 0 5px; }
  .item-purchace__tax {
    font-size: calc(8px + 1vw);
    position: relative;
    top: -1px; }
  .item-purchace__select {
    position: relative;
    font-size: calc(14px + 1vw); }
    .item-purchace__select > select {
      color: #757575;
      padding: 20px 23px 0 7px;
      margin: 0 0 20px 0;
      border-radius: 0;
      border-bottom: 2px solid #A9DCE8;
      font-size: calc(14px + 1vw); }
    .item-purchace__select::before {
      position: absolute;
      content: '';
      width: 0;
      height: 0;
      top: 8px;
      right: 5px;
      border-style: solid;
      border-width: 5px 5px 0 5px;
      border-color: #54BAD1 transparent transparent transparent; }

.ticketing-info {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  padding: 15px 0 20px; }
  .ticketing-info__useday {
    box-sizing: border-box;
    display: flex;
    align-items: flex-end;
    padding: 0 10px 10px 10px;
    margin-top: 3px; }
  .ticketing-info__headline {
    font-size: calc(8px + 1vw);
    flex-basis: 16vw; }
  .ticketing-info__headline-min {
    font-size: calc(6px + 1vw);
    flex-basis: 16vw; }
  .ticketing-info__selectbox {
    flex-basis: 70vw;
    font-size: calc(10px + 1vw); }
  .ticketing-info__selectline {
    display: flex;
    font-size: calc(10px + 1vw); }
    .ticketing-info__selectline:nth-child(n+2) {
      margin-top: 20px; }
    .ticketing-info__selectline-notice {
      font-size: calc(8px + 1vw);
      margin-top: 15px !important; }
  .ticketing-info__useday-select {
    position: relative; }
    .ticketing-info__useday-select > select {
      padding-right: 13px;
      font-size: calc(10px + 1vw);
      color: #757575;
      border-radius: 0;
      border-bottom: 2px solid #A9DCE8; }
    .ticketing-info__useday-select::before {
      position: absolute;
      content: '';
      width: 0;
      height: 0;
      top: 8px;
      right: 0;
      border-style: solid;
      border-width: 5px 5px 0 5px;
      border-color: #54BAD1 transparent transparent transparent; }
    .ticketing-info__useday-select.ticketing-useday-time {
      margin-left: 15px; }
    .ticketing-info__useday-select.ticketing-type-num > select {
      padding-right: 25px;
      margin-left: 20px; }
  .ticketing-info__type {
    box-sizing: border-box;
    display: flex;
    align-items: flex-start;
    padding: 0 10px 10px 10px;
    margin-top: 10px; }
  .ticketing-info__type-text {
    flex-basis: 60vw;
    display: flex;
    justify-content: space-between; }
    .ticketing-info__type-text .ticketing-type-date {
      flex-basis: 42vw; }
    .ticketing-info__type-text .ticketing-type-age {
      flex-basis: 20vw;
      text-align: right; }
  .ticketing-info__card {
    box-sizing: border-box;
    display: flex;
    padding: 0 10px;
    margin-top: 8px; }

.itemsub-page-wrapper .page__background {
  background-color: #FFF; }

.item-sub {
  width: 100vw;
  padding: 0;
  margin: 0 0 10px 0;
  background-color: #FFFFFF;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  border-top: solid 1px #EBEBEB; }
  .item-sub__headline1 {
    padding: 15px 10px 0 10px;
    font-size: calc(10px + 1vw);
    margin-bottom: 5px; }
  .item-sub__headline1-blue {
    padding: 20px 10px 5px 10px;
    font-size: calc(10px + 1vw);
    color: #54BAD1; }
  .item-sub__headline2 {
    padding: 20px 10px 0 10px;
    font-size: calc(10px + 1vw); }
  .item-sub__description {
    *zoom: 1;
    padding: 20px 10px 30px 10px; }
    .item-sub__description:before, .item-sub__description:after {
      content: "";
      display: table; }
    .item-sub__description:after {
      clear: both; }
  .item-sub__description-min {
    *zoom: 1;
    padding: 0 10px 0 10px;
    font-size: calc(10px + 1vw);
    line-height: calc(14px + 1vw); }
    .item-sub__description-min:before, .item-sub__description-min:after {
      content: "";
      display: table; }
    .item-sub__description-min:after {
      clear: both; }
    .item-sub__description-min > span {
      display: block;
      margin-bottom: 15px;
      line-height: 22px; }
  .item-sub__description-top {
    *zoom: 1;
    padding: 0 10px 0 10px; }
    .item-sub__description-top:before, .item-sub__description-top:after {
      content: "";
      display: table; }
    .item-sub__description-top:after {
      clear: both; }
  .item-sub__description-divide {
    *zoom: 1;
    box-sizing: border-box;
    padding: 15px 10px 0 10px;
    display: flex; }
    .item-sub__description-divide:before, .item-sub__description-divide:after {
      content: "";
      display: table; }
    .item-sub__description-divide:after {
      clear: both; }
    .item-sub__description-divide__child {
      box-sizing: border-box;
      margin-right: 35px; }
    .item-sub__description-divide__headline {
      font-size: calc(10px + 1vw);
      margin-bottom: 5px; }
  .item-sub__listbox-wrap {
    margin-top: 20px;
    border-top: solid 1px #EBEBEB;
    border-bottom: solid 1px #EBEBEB; }
  .item-sub__listbox {
    padding: 10px; }
    .item-sub__listbox__headline {
      font-size: calc(10px + 1vw);
      line-height: calc(14px + 1vw);
      font-weight: bold;
      padding-bottom: 5px; }
    .item-sub__listbox__text {
      font-size: calc(8px + 1vw);
      line-height: calc(12px + 1vw); }
  .item-sub__listbox + .item-sub__listbox {
    border-top: solid 0.5px #EBEBEB; }
  .item-sub__txt {
    font-size: calc(10px + 1vw); }
  .item-sub__txt-strong {
    font-size: calc(10px + 1vw);
    font-weight: bold; }
  .item-sub input[type=text], .item-sub textarea {
    box-sizing: border-box;
    padding: 5px;
    width: 100%;
    border: 1px solid #54BAD1;
    background-color: #E3F0F3;
    font-size: calc(10px + 1vw);
    letter-spacing: 0.1em; }
  .item-sub__box {
    font-size: calc(10px + 1vw);
    display: none; }
    .item-sub__box_list {
      border: solid 1px #EBEBEB;
      padding: 5px 10px 10px;
      margin-bottom: 10px; }
    .item-sub__box_text-min {
      font-size: calc(8px + 1vw); }

.item-sub.item-review {
  box-shadow: none; }
  .item-sub.item-review .star-rating > label {
    line-height: calc(24px + 1vw);
    margin-right: 10px; }
  .item-sub.item-review .star-rating > label:before {
    font-size: calc(24px + 1vw); }

.shipping-cost {
  width: 100vw;
  padding: 10px 0 0 0;
  margin: 0;
  font-size: calc(8px + 1vw);
  text-align: center; }
  .shipping-cost > * {
    box-sizing: border-box; }
  .shipping-cost__head {
    display: flex;
    border-top: 1px solid #EBEBEB;
    border-left: 1px solid #EBEBEB; }
    .shipping-cost__head__left {
      flex-basis: 60%;
      padding: 10px 0;
      background-color: #E3F0F3;
      border-bottom: 1px solid #EBEBEB;
      border-right: 1px solid #FFF; }
    .shipping-cost__head__right {
      flex-basis: 40%;
      padding: 10px 0;
      background-color: #E3F0F3;
      border-bottom: 1px solid #EBEBEB;
      border-right: 1px solid #EBEBEB; }
  .shipping-cost__box {
    display: flex;
    border-bottom: 1px solid #EBEBEB; }
    .shipping-cost__box__left {
      flex-basis: 30%;
      padding: 10px 0;
      border-right: 0.5px solid #EBEBEB; }
    .shipping-cost__box__center {
      flex-basis: 30%;
      border-right: 1px solid #EBEBEB; }
    .shipping-cost__box__right {
      flex-basis: 40%;
      border-right: 1px solid #EBEBEB; }
    .shipping-cost__box__child {
      padding: 10px 0;
      height: calc(10px + 1vw) !important; }
    .shipping-cost__box__child + .shipping-cost__box__child:not(:empty) {
      border-top: 0.5px solid #EBEBEB; }
    .shipping-cost__box__child + .shipping-cost__box__child:empty {
      border-top: 0.5px solid #FFF; }

.shipping-info__detail01 {
  padding: 0 10px; }

.shipping-info__total-fee .text-btn-chevron-right {
  text-decoration: none;
  padding-right: 10px;
  padding-left: 0;
  box-sizing: border-box;
  margin-top: 20px; }
  .shipping-info__total-fee .text-btn-chevron-right::before {
    right: 0; }

.shipping-info__bottom-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap; }
  .shipping-info__bottom-flex .postage_and_fee {
    display: flex; }
    .shipping-info__bottom-flex .postage_and_fee .postage {
      display: flex;
      align-items: center;
      font-size: calc(10px + 1vw); }
      .shipping-info__bottom-flex .postage_and_fee .postage__flex {
        display: flex;
        align-items: flex-end; }
        .shipping-info__bottom-flex .postage_and_fee .postage__flex .postage-number {
          font-size: calc(12px + 1vw);
          line-height: 17px; }
        .shipping-info__bottom-flex .postage_and_fee .postage__flex .postage-yen {
          font-size: calc(8px + 1vw);
          line-height: 13px;
          padding-left: 2px; }
    .shipping-info__bottom-flex .postage_and_fee .total-fee {
      display: flex;
      align-items: center;
      margin-left: 20px;
      font-size: calc(10px + 1vw); }
      .shipping-info__bottom-flex .postage_and_fee .total-fee__flex {
        display: flex;
        align-items: flex-end; }
        .shipping-info__bottom-flex .postage_and_fee .total-fee__flex .total-fee-number {
          font-size: calc(20px + 1vw);
          line-height: 29px; }
        .shipping-info__bottom-flex .postage_and_fee .total-fee__flex .total-fee-yen {
          font-size: calc(12px + 1vw);
          line-height: 23px;
          padding-left: 3px; }

.shipping-info__bottom-left {
  margin-top: 20px; }

.recommend-modal .modal__content.modal_option {
  position: absolute;
  bottom: 0;
  background-color: #fff; }
  .recommend-modal .modal__content.modal_option .recommend-modal__close {
    top: 10px;
    right: 10px;
    font-size: calc(14px + 1vw);
    color: #54BAD1; }

.modal_list_block {
  margin-bottom: 15px; }
  .modal_list_block:last-child {
    margin-bottom: 0; }
  .modal_list_block .tl_modal_list {
    font-size: calc(10px + 1vw);
    font-weight: bold;
    color: #5E5E5E;
    text-align: left;
    padding-left: 10px; }
  .modal_list_block .modal_list_01 {
    display: flex;
    align-items: center;
    overflow-x: auto;
    overflow-y: hidden;
    list-style: none;
    padding: 10px 10px 15px 10px;
    margin: 0;
    width: 100vw;
    box-sizing: border-box; }
    .modal_list_block .modal_list_01 .modal_item {
      margin-right: 10px;
      display: inline-block;
      text-decoration: none;
      box-sizing: border-box;
      flex: 0 0 auto; }
      .modal_list_block .modal_list_01 .modal_item:last-child {
        position: relative; }
        .modal_list_block .modal_list_01 .modal_item:last-child::after {
          content: '';
          position: absolute;
          width: 10px;
          top: 0;
          right: -10px;
          height: 100%; }
      .modal_list_block .modal_list_01 .modal_item.gray .modal_list_wrap {
        box-shadow: none;
        position: relative; }
        .modal_list_block .modal_list_01 .modal_item.gray .modal_list_wrap::before {
          content: '';
          position: absolute;
          background-color: rgba(62, 62, 62, 0.55);
          top: 0;
          right: 0;
          bottom: 0;
          left: 0; }
      .modal_list_block .modal_list_01 .modal_item.selected .modal_list_wrap {
        border: 2px solid #54BAD1; }
      .modal_list_block .modal_list_01 .modal_item .modal_list_wrap {
        display: block;
        text-decoration: none;
        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16);
        color: #5E5E5E; }
        .modal_list_block .modal_list_01 .modal_item .modal_list_wrap .modal_list_box {
          padding: 8px 10px; }
          .modal_list_block .modal_list_01 .modal_item .modal_list_wrap .modal_list_box .modal_txt_01 {
            font-size: calc(12px + 1vw); }
          .modal_list_block .modal_list_01 .modal_item .modal_list_wrap .modal_list_box .modal_txt_02 {
            font-size: calc(8px + 1vw); }
          .modal_list_block .modal_list_01 .modal_item .modal_list_wrap .modal_list_box .modal_img_box img {
            width: 100%;
            height: auto;
            -o-object-fit: contain;
               object-fit: contain; }
  .modal_list_block .modal_list_02 {
    overflow: scroll;
    display: flex;
    list-style: none;
    padding: 10px 10px 15px 10px;
    margin: 0;
    width: 100vw;
    box-sizing: border-box; }
    .modal_list_block .modal_list_02 .modal_item {
      margin-right: 10px;
      text-decoration: none;
      flex: 0 0 110px;
      box-sizing: border-box; }
      .modal_list_block .modal_list_02 .modal_item:last-child {
        position: relative; }
        .modal_list_block .modal_list_02 .modal_item:last-child::after {
          content: '';
          position: absolute;
          width: 10px;
          top: 0;
          right: -10px;
          height: 100%; }
      .modal_list_block .modal_list_02 .modal_item.gray .modal_list_wrap {
        box-shadow: none;
        position: relative; }
        .modal_list_block .modal_list_02 .modal_item.gray .modal_list_wrap::before {
          content: '';
          position: absolute;
          background-color: rgba(62, 62, 62, 0.55);
          top: 0;
          right: 0;
          bottom: 0;
          left: 0; }
      .modal_list_block .modal_list_02 .modal_item.selected .modal_list_wrap {
        border: 2px solid #54BAD1; }
      .modal_list_block .modal_list_02 .modal_item .modal_list_wrap {
        display: block;
        text-decoration: none;
        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16);
        color: #5E5E5E; }
        .modal_list_block .modal_list_02 .modal_item .modal_list_wrap .modal_list_box {
          padding: 5px; }
          .modal_list_block .modal_list_02 .modal_item .modal_list_wrap .modal_list_box .modal_txt_01 {
            font-size: calc(10px + 1vw); }
          .modal_list_block .modal_list_02 .modal_item .modal_list_wrap .modal_list_box .modal_txt_02 {
            font-size: calc(8px + 1vw); }
          .modal_list_block .modal_list_02 .modal_item .modal_list_wrap .modal_list_box .modal_img_box img {
            width: 100%;
            height: auto;
            -o-object-fit: contain;
               object-fit: contain; }
  .modal_list_block .modal_textarea_01 .item-sub {
    padding: 0 10px;
    box-shadow: none;
    border-top: none;
    box-sizing: border-box; }
  .modal_list_block .modal_textarea_02 .item-sub {
    margin-bottom: 0;
    padding: 0 10px;
    box-shadow: none;
    border-top: none;
    box-sizing: border-box; }

.init-pass-switch__label {
  position: relative; }
  .init-pass-switch__label::after {
    position: absolute;
    left: -35px;
    top: 9px;
    content: 'オフ';
    color: #BBB;
    font-size: calc(10px + 1vw); }
  .init-pass-switch__label::before {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    left: -46px;
    top: 16px;
    content: '';
    background-image: url(../img/ico_security.svg);
    background-repeat: no-repeat;
    transition: all 0.5s; }

.init-pass-switch__label.init-pass-switch__label-on::after {
  content: 'オン';
  color: #54BAD1; }

.init-pass-switch__label.init-pass-switch__label-on::before {
  width: 18px;
  height: 20px;
  left: -55px;
  top: 6px;
  transition: all 0.5s; }

.init-pass-next {
  margin-top: 60px; }

.init_link_box {
  margin: 20px 0; }

#PointTopPage.point-page-wrapper .page__background,
#PointHistoryPage.point-page-wrapper .page__background {
  background-color: #FFF; }

.point-top_box {
  position: relative;
  display: block;
  width: 100%;
  background-color: #E3F0f3;
  padding: 20px 0;
  z-index: -1;
  overflow: hidden; }

.point-top_bg::before {
  position: absolute;
  content: '';
  bottom: -60px;
  left: -10%;
  width: 120%;
  height: 120px;
  background-color: #FFF;
  border-radius: 50%;
  z-index: -1; }

.point-btn_box {
  margin: 25px 0 10px;
  display: flex;
  justify-content: center;
  font-size: calc(10px + 1vw); }
  .point-btn_box .point-btn {
    color: #54BAD1;
    text-decoration: none;
    box-sizing: border-box;
    display: block;
    width: 40%;
    text-align: center;
    border-collapse: separate;
    border-radius: 4px;
    background-color: #FFF;
    border: 2px solid #FFF;
    transition: all 0.5s;
    line-height: 29px;
    border-radius: 10px;
    padding: 77px 0 22px 0; }
    .point-btn_box .point-btn:active, .point-btn_box .point-btnhover {
      background-color: #FFF;
      transition: all 0.5s;
      opacity: 0.5; }
    .point-btn_box .point-btn span {
      position: relative; }
      .point-btn_box .point-btn span::before {
        position: absolute;
        content: '';
        top: -55px;
        left: 50%;
        margin-left: -21px;
        width: 45px;
        height: 45px;
        background-repeat: no-repeat; }
  .point-btn_box .btn_history {
    border: 1px solid #54B9D1;
    margin-right: 20px; }
    .point-btn_box .btn_history span::before {
      background-image: url(../img/ico_save.svg); }
  .point-btn_box .btn_exchange {
    color: #F78758;
    border: 1px solid #F78758; }
    .point-btn_box .btn_exchange span::before {
      top: -46px;
      background-image: url(../img/ico_exchange_orange.svg); }

.point-value_card {
  width: 85%;
  margin: 0 auto;
  padding: 17px;
  text-align: center;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0); }
  .point-value_card .point-value_title {
    font-size: 14px; }
  .point-value_card .point-value_box {
    color: #40A0B7;
    font-weight: bold; }
    .point-value_card .point-value_box .u-icon-point {
      display: inline-block;
      margin-right: 20px; }
      .point-value_card .point-value_box .u-icon-point::before {
        top: -5px;
        width: 30px !important;
        height: 30px !important; }
    .point-value_card .point-value_box .point-value {
      font-size: 40px; }
    .point-value_card .point-value_box .point-value_unit {
      margin-left: 5px; }

.point-page-wrapper .card-box {
  margin-bottom: 0; }
  .point-page-wrapper .card-box_last {
    margin-bottom: 20px; }

.label-ico {
  position: absolute; }

.u-icon-point::before {
  width: 23px !important;
  height: 23px !important; }

.u-icon-exchange {
  top: 3px; }

.label-text {
  padding-left: 30px; }

.point-description_box {
  margin-bottom: 20px;
  font-size: calc(10px + 1vw); }
  .point-description_box .indentback {
    text-indent: -1.3em;
    padding-left: 1.3em;
    margin-top: 3px;
    line-height: 19px; }
  .point-description_box .point-description_title_min {
    display: block;
    margin: 13px 1.3em 0;
    font-size: calc(8px + 1vw); }
  .point-description_box .point-description_text_min {
    display: block;
    margin: 2px 0 5px 1.3em;
    padding: 10px 10px 10px 8px;
    font-size: calc(10px + 1vw);
    background-color: #E3F0F3; }

.point-description_title {
  color: #54BAD1; }

.point-description_text {
  line-height: 22px;
  margin-bottom: 5px; }

.point-history_box {
  border-bottom: solid 1px #EBEBEB;
  margin-bottom: 20px; }
  .point-history_box .point-history_header {
    font-size: calc(10px + 1vw);
    font-weight: bold;
    line-height: 50px;
    background-color: #FFF;
    border-bottom: solid 1px #EBEBEB;
    background-image: linear-gradient(0deg, #EBEBEB, #EBEBEB 100%); }
  .point-history_box .point-history {
    font-size: calc(8px + 1vw);
    padding: 2px 0 0 14px;
    position: relative;
    top: 10px; }
    .point-history_box .point-history .history_day {
      margin-right: 5px; }
  .point-history_box .point-history_text {
    background-image: linear-gradient(0deg, #EBEBEB, #EBEBEB 100%);
    font-size: calc(10px + 1vw); }
    .point-history_box .point-history_text .center {
      width: 100px;
      padding-right: 10px; }
    .point-history_box .point-history_text .right {
      font-size: calc(12px + 1vw); }
  .point-history_box .point-value_unit {
    font-size: calc(10px + 1vw);
    display: inline-block;
    margin-left: 3px; }

.point-exchange_box {
  text-align: center;
  padding: 10px 10px 0;
  background-color: #FFF; }
  .point-exchange_box .u-icon-arrow-down {
    margin: 5px auto 0; }
  .point-exchange_box .point-exchange_title {
    font-size: 14px;
    margin-top: 10px; }
  .point-exchange_box .point-value_box {
    color: #40A0B7; }
    .point-exchange_box .point-value_box .point-value {
      font-size: 30px; }
    .point-exchange_box .point-value_box .point-value_unit {
      margin-left: 5px; }

.point-exchange-bg-img {
  position: relative;
  width: 310px;
  height: 120px;
  background-repeat: no-repeat;
  background-image: url("../img/bg_point_exchange.svg");
  margin: 0 auto;
  margin-top: 55px; }
  .point-exchange-bg-img .bg-img-icon a img {
    position: absolute;
    width: 30px;
    height: 30px;
    bottom: 30px;
    left: -3px; }
  .point-exchange-bg-img .bg-img_max-point {
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: calc(8px + 1vw); }

.point-buttonbox {
  margin: 20px 10px 0; }

.point-shop_box {
  background-color: #FFF;
  height: 315px;
  text-align: center;
  padding-top: 20px; }
  .point-shop_box .point-shop_txt {
    font-size: calc(8px + 1vw);
    margin-bottom: 10px; }
  .point-shop_box .get-value_box {
    color: #40A0B7;
    position: relative;
    margin: 10px 0; }
    .point-shop_box .get-value_box .get-value {
      position: relative;
      font-size: 55px;
      display: inline-block;
      width: 140px;
      height: 140px;
      border-radius: 50%;
      border: solid 3px #54BAD1;
      text-align: center;
      line-height: 130px;
      vertical-align: middle; }
      .point-shop_box .get-value_box .get-value::before {
        position: absolute;
        content: '';
        top: 20px;
        right: -15px;
        width: 35px;
        height: 35px;
        background-repeat: no-repeat;
        background-image: url(../img/ico_point_star.svg); }
      .point-shop_box .get-value_box .get-value .get-value_unit {
        font-size: 20px;
        position: absolute;
        top: 32px;
        left: 50%;
        margin-left: -16px; }
  .point-shop_box .u-icon-arrow-down {
    margin: 0 auto 10px; }
  .point-shop_box .point-shop-ico span img {
    position: relative;
    width: 65px;
    height: 65px;
    top: 10px; }

.point-shop_bg::before {
  position: absolute;
  content: '';
  bottom: 75px;
  left: 15%;
  width: 70%;
  height: 50px;
  background-color: #E3F0f3;
  border-radius: 50%; }

.point-bottom_box {
  position: relative;
  padding: 20px 10px 30px; }
  .point-bottom_box .point-top_link_box {
    margin-top: 20px; }

.setting-page-wrapper .page__background {
  background-color: #FFF; }

.setting-list {
  font-size: calc(10px + 1vw); }
  .setting-list .list-item__left {
    box-sizing: border-box;
    display: flex;
    padding: 8px 0px 8px 0;
    width: 35px;
    order: 0;
    align-items: center;
    align-self: stretch;
    line-height: 1.2em;
    min-height: 50px; }
  .setting-list .list-item__center {
    padding: 8px 13px 8px 0;
    line-height: 1.2em;
    min-height: 50px; }
  .setting-list__box {
    display: flex;
    flex-direction: column;
    padding: 2vw 0; }
  .setting-list__headline {
    font-size: calc(10px + 1vw);
    font-weight: bold; }
  .setting-list__text {
    font-size: calc(8px + 1vw);
    font-weight: normal;
    margin-top: 1vw;
    color: #5E5E5E; }
  .setting-list__label {
    font-size: calc(8px + 1vw);
    font-weight: normal;
    padding: 3px 8px 0 2px;
    color: #BBB;
    min-width: 24px; }

.setting-box2 {
  display: flex; }
  .setting-box2 > .setting-box2__child + .setting-box2__child {
    margin-left: 10px; }

.setting-box2-1-1 {
  display: flex;
  margin: 10px 0 0 0; }
  .setting-box2-1-1__child:nth-child(n+2) {
    flex-basis: 25%;
    margin-left: 15px; }
  .setting-box2-1-1__child:nth-child(1) {
    flex-basis: 50%; }

.setting-box-indent {
  margin-left: 20px; }

.setting-box-indent2 {
  margin-left: 20px;
  display: flex; }
  .setting-box-indent2 > .setting-box-indent2__child + .setting-box-indent2__child {
    margin-left: 10px; }

.setting-buttonbox {
  margin: 30px 0 0 0; }
  .setting-buttonbox .btn_description {
    margin-bottom: 5px; }

.setting-headline {
  padding: 20px 0 10px 16px;
  font-size: calc(10px + 1vw);
  color: #54BAD1; }

.setting_link_box {
  padding: 0 10px;
  margin: 20px 0; }
  .setting_link_box .text_link_security_pass {
    display: block;
    padding-top: 5px; }

.setting-creditcard__headline {
  margin-left: -1vw;
  font-size: calc(10px + 1vw); }

.setting-creditcard__box {
  display: flex;
  margin: 5px 0 30px;
  padding-bottom: 20px;
  border-bottom: solid 1px #EBEBEB; }
  .setting-creditcard__box > div {
    position: relative;
    box-sizing: border-box;
    flex-basis: 13%;
    height: 10vw; }
    .setting-creditcard__box > div > img {
      position: absolute;
      top: -100%;
      left: -100%;
      right: -100%;
      bottom: -100%;
      margin: auto;
      width: 100%;
      height: auto; }
  .setting-creditcard__box > div + div {
    margin-left: 10px; }

.card_type_icon {
  position: relative; }
  .card_type_icon img {
    position: absolute;
    display: block;
    right: 0;
    bottom: 3px;
    height: 23px;
    width: auto;
    max-width: 40px; }
  .card_type_icon .visa {
    width: 37px;
    height: auto;
    bottom: 6px; }
  .card_type_icon .master {
    bottom: 0px; }
  .card_type_icon .amex {
    bottom: 2px; }

.link_card_safety {
  padding: 0; }

.delivery-wrap .img_qrcode,
.proxy-wrap .img_qrcode {
  text-align: center;
  margin-top: 40px; }
  .delivery-wrap .img_qrcode img,
  .proxy-wrap .img_qrcode img {
    width: 56vw;
    height: auto; }

.delivery-description,
.proxy-description {
  font-size: calc(8px + 1vw);
  display: flex;
  align-items: center;
  margin-top: 10px; }
  .delivery-description__checkicon,
  .proxy-description__checkicon {
    box-sizing: border-box;
    position: relative;
    display: block;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    border: 0.5px solid #54D186;
    background-color: #54D186;
    margin-right: 5px; }
    .delivery-description__checkicon::before,
    .proxy-description__checkicon::before {
      position: absolute;
      content: '';
      display: block;
      top: 8px;
      left: 6px;
      width: 5px;
      height: 10px;
      border-right: 2px solid #FFF;
      border-bottom: 2px solid #FFF;
      -webkit-transform: translateY(-50%) rotate(45deg);
      transform: translateY(-50%) rotate(45deg); }

.delivery-itemwrap,
.proxy-itemwrap {
  position: relative; }
  .delivery-itemwrap > input,
  .proxy-itemwrap > input {
    display: none; }
  .delivery-itemwrap .delivery-checkicon,
  .proxy-itemwrap .delivery-checkicon {
    position: relative;
    display: block;
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    border: 0.5px solid #EBEBEB;
    border-radius: 50%;
    background-color: #FFF;
    transition: all 0.2s; }
  .delivery-itemwrap > .delivery-item:active .delivery-checkicon,
  .proxy-itemwrap > .delivery-item:active .delivery-checkicon {
    border: 0.5px solid #86cda3;
    background-color: #86cda3; }
    .delivery-itemwrap > .delivery-item:active .delivery-checkicon::before,
    .proxy-itemwrap > .delivery-item:active .delivery-checkicon::before {
      position: absolute;
      content: '';
      display: block;
      top: 8px;
      left: 6px;
      width: 5px;
      height: 10px;
      border-right: 2px solid #FFF;
      border-bottom: 2px solid #FFF;
      -webkit-transform: translateY(-50%) rotate(45deg);
      transform: translateY(-50%) rotate(45deg); }
  .delivery-itemwrap > input:checked + div .delivery-checkicon,
  .proxy-itemwrap > input:checked + div .delivery-checkicon {
    border: 0.5px solid #54D186;
    background-color: #54D186;
    transition: all 0.2s; }
    .delivery-itemwrap > input:checked + div .delivery-checkicon::before,
    .proxy-itemwrap > input:checked + div .delivery-checkicon::before {
      position: absolute;
      content: '';
      display: block;
      top: 8px;
      left: 6px;
      width: 5px;
      height: 10px;
      border-right: 2px solid #FFF;
      border-bottom: 2px solid #FFF;
      -webkit-transform: translateY(-50%) rotate(45deg);
      transform: translateY(-50%) rotate(45deg); }

.delivery-item,
.proxy-item {
  z-index: 90;
  box-sizing: border-box;
  display: block;
  margin: 15px -10px;
  padding-top: 15px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: calc(50px + 1vw);
  background-color: #EFF9FC;
  transition: all 0.2s;
  opacity: 1;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.26); }
  .delivery-item__headline,
  .proxy-item__headline {
    padding: 20px 0 0px 16px;
    font-size: calc(10px + 1vw);
    color: #54BAD1; }
  .delivery-item__content,
  .proxy-item__content {
    display: flex;
    font-size: calc(10px + 1vw);
    margin-bottom: 20px; }
    .delivery-item__content__left,
    .proxy-item__content__left {
      flex-basis: 10%; }
    .delivery-item__content__right,
    .proxy-item__content__right {
      flex-basis: 90%;
      padding-right: 10px; }
      .delivery-item__content__right > div,
      .proxy-item__content__right > div {
        margin-top: 3px; }
        .delivery-item__content__right > div:first-child,
        .proxy-item__content__right > div:first-child {
          margin-bottom: 8px; }
        .delivery-item__content__right > div:last-child,
        .proxy-item__content__right > div:last-child {
          margin-bottom: 8px; }
      .delivery-item__content__right .limit_detail,
      .proxy-item__content__right .limit_detail {
        padding-left: 20px; }
  .delivery-item__buttonbox,
  .proxy-item__buttonbox {
    position: absolute;
    bottom: 10px;
    left: 20px;
    z-index: 100;
    box-sizing: border-box;
    width: calc(100vw - 60px);
    margin: 10px 0 0 0;
    display: flex; }
    .delivery-item__buttonbox > a + a,
    .proxy-item__buttonbox > a + a {
      margin-left: 10px; }
  .delivery-item:active,
  .proxy-item:active {
    transition: all 0.2s;
    opacity: 0.8;
    box-shadow: 0 0.5px 0.5px rgba(0, 0, 0, 0.26); }

.delivery-list_buttonbox,
.proxy-list_buttonbox {
  margin: 10px 0 0 0; }

.security_delete_list {
  padding: 10px;
  background-color: #EEE; }
  .security_delete_list .c-page-content__list {
    margin: 0 0 0 20px; }

.security_delete_title {
  margin: 15px 0 0 0; }

.card-scd {
  text-align: center; }
  .card-scd_img {
    width: 100px;
    height: auto; }
  .card-scd_description {
    margin-top: 25px; }
  .card-scd .c-page-content__text {
    margin: 5px 0 0 0; }
  .card-scd .available_card_box {
    justify-content: center;
    margin-bottom: 3px; }
    .card-scd .available_card_box img {
      height: 28px; }
    .card-scd .available_card_box .visa img {
      width: 42px;
      height: auto; }
    .card-scd .available_card_box .amex img {
      height: 30px; }
  .card-scd .c-page-content__text_min {
    font-size: calc(8px + 1vw);
    margin-top: 25px; }

.btn-icon-plus img {
  width: 18px;
  height: auto;
  position: relative;
  top: 4px;
  margin-right: 8px; }

.talk-list {
  background-image: none;
  margin-bottom: 30px; }
  .talk-list .list-item {
    position: relative;
    width: 100%;
    list-style: none;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    color: #757575;
    transition: background-color 0.2s linear;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    border-bottom: 0.5px solid #EBEBEB; }
  .talk-list .list-item__left {
    box-sizing: border-box;
    display: flex;
    padding: 10px;
    order: 0;
    flex-basis: 20%;
    align-items: center;
    align-self: stretch;
    line-height: 1.2em;
    min-height: 44px;
    background-image: none; }
    .talk-list .list-item__left .talk-list__img-box {
      position: relative;
      width: calc(20vw - 20px);
      height: calc(20vw - 20px);
      overflow: hidden;
      border-radius: 50%; }
      .talk-list .list-item__left .talk-list__img-box > img {
        position: absolute;
        top: -100%;
        left: -100%;
        right: -100%;
        bottom: -100%;
        margin: auto;
        width: 100%;
        height: auto; }
  .talk-list .list-item__center {
    box-sizing: border-box;
    display: flex;
    flex-grow: 1;
    flex-wrap: wrap;
    flex-direction: column;
    order: 1;
    margin-right: auto;
    align-items: flex-start;
    align-self: stretch;
    margin-left: 0;
    border-bottom: none;
    background-size: 100% 1px;
    background-repeat: no-repeat;
    background-position: bottom;
    background-image: none;
    padding: 10px 10px 10px 0; }
  .talk-list__namebox {
    box-sizing: border-box;
    display: flex;
    flex-grow: 1;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    order: 1;
    align-self: stretch;
    line-height: calc(12px + 1vw); }
  .talk-list__name {
    font-weight: bold;
    font-size: calc(10px + 1vw); }
  .talk-list__date {
    font-size: calc(8px + 1vw); }
  .talk-list__messagebox {
    box-sizing: border-box;
    display: flex;
    flex-grow: 1;
    flex-direction: row;
    justify-content: space-between;
    order: 1;
    align-self: stretch; }
  .talk-list__message {
    flex-basis: 90%;
    font-size: calc(8px + 1vw);
    line-height: calc(10px + 1vw); }
  .talk-list__badge {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    font-family: -apple-system, 'Helvetica Neue', 'Helvetica', 'Arial', 'Lucida Grande', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-decoration: none;
    padding: 0 4px;
    width: auto;
    background-color: #54BAD1;
    color: #FFF;
    text-align: center;
    font-weight: 400;
    vertical-align: text-bottom;
    top: -1px;
    margin-left: 5px;
    z-index: 10;
    font-size: 12px;
    height: 20px;
    min-width: 20px;
    line-height: 20px;
    border-radius: 10px; }

.toolbar-talk {
  overflow: visible; }
  .toolbar-talk .toolbar__left {
    line-height: inherit; }
  .toolbar-talk .bottom {
    padding: 10px;
    margin: 0;
    transition: all 0.5s;
    margin-top: -1px;
    background-color: #FFF;
    color: #4E4E4E;
    width: 100vw;
    height: 26px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: calc(12px + 1vw);
    opacity: 1; }
  .toolbar-talk .bottom.hide {
    transition: all 0.5s;
    visibility: hidden;
    opacity: 0; }
  .toolbar-talk__left {
    display: flex; }
    .toolbar-talk__left .u-icon-notification {
      margin-right: 10px; }
  .toolbar-talk__right {
    display: flex; }

.msg-list {
  display: flex;
  flex-direction: column; }
  .msg-list .msg-list__datelabel {
    display: block;
    background-color: #FFF;
    margin: 10px auto 0 auto;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: calc(6px + 1vw);
    text-align: center; }
  .msg-list .msg-item__last {
    box-sizing: border-box;
    display: flex;
    flex-direction: column-reverse;
    margin-left: 10px;
    font-size: calc(6px + 1vw); }
  .msg-list .msg-item-other {
    box-sizing: border-box;
    display: flex;
    padding: 10px;
    width: 100vw; }
    .msg-list .msg-item-other .msg-item-other__icon {
      box-sizing: border-box;
      display: flex;
      flex-basis: 20%;
      align-items: flex-start;
      align-self: stretch;
      line-height: 1.2em;
      min-height: 44px;
      background-image: none; }
      .msg-list .msg-item-other .msg-item-other__icon-box {
        position: relative;
        width: calc(20vw - 20px);
        height: calc(20vw - 20px);
        overflow: hidden;
        border-radius: 50%; }
        .msg-list .msg-item-other .msg-item-other__icon-box > img {
          position: absolute;
          top: -100%;
          left: -100%;
          right: -100%;
          bottom: -100%;
          margin: auto;
          width: 100%;
          height: auto;
          z-index: 5; }
    .msg-list .msg-item-other .msg-item-other__center {
      display: flex;
      flex-direction: column;
      max-width: calc(75vw - 20px); }
    .msg-list .msg-item-other .msg-item__name {
      padding: 0 10px;
      font-size: calc(6px + 1vw); }
    .msg-list .msg-item-other .msg-item__content,
    .msg-list .msg-item-other .msg-item__content__img,
    .msg-list .msg-item-other .msg-item__content__url {
      word-wrap: break-word;
      box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 1px 1px 1px rgba(0, 0, 0, 0);
      position: relative;
      box-sizing: border-box;
      background-color: #FFF;
      border-radius: 4px;
      padding: 10px;
      margin-left: 10px;
      font-size: calc(8px + 1vw); }
      .msg-list .msg-item-other .msg-item__content::before,
      .msg-list .msg-item-other .msg-item__content__img::before,
      .msg-list .msg-item-other .msg-item__content__url::before {
        position: absolute;
        z-index: 2;
        content: '';
        width: 10px;
        height: 10px;
        background-color: #FFF;
        top: 4px;
        left: -10px; }
      .msg-list .msg-item-other .msg-item__content::after,
      .msg-list .msg-item-other .msg-item__content__img::after,
      .msg-list .msg-item-other .msg-item__content__url::after {
        position: absolute;
        z-index: 3;
        content: '';
        width: 20px;
        height: 20px;
        background-color: #E3F0F3;
        top: -6px;
        left: -20px;
        border-radius: 50%; }
  .msg-list .msg-item-own {
    box-sizing: border-box;
    display: flex;
    flex-direction: row-reverse;
    padding: 10px;
    width: 100vw; }
    .msg-list .msg-item-own .msg-item__content,
    .msg-list .msg-item-own .msg-item__content__img,
    .msg-list .msg-item-own .msg-item__content__url {
      word-wrap: break-word;
      box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 1px 1px 1px rgba(0, 0, 0, 0);
      position: relative;
      flex-direction: column;
      box-sizing: border-box;
      background-color: #AEDFEA;
      border-radius: 4px;
      padding: 10px;
      margin: 0 10px;
      font-size: calc(8px + 1vw);
      max-width: calc(75vw - 20px);
      border: 0.5px solid #AEDFEA; }
      .msg-list .msg-item-own .msg-item__content::before,
      .msg-list .msg-item-own .msg-item__content__img::before,
      .msg-list .msg-item-own .msg-item__content__url::before {
        position: absolute;
        z-index: 2;
        content: '';
        width: 10px;
        height: 8px;
        background-color: #AEDFEA;
        top: 5px;
        right: -10px;
        border-bottom: 0.5px solid #AEDFEA; }
      .msg-list .msg-item-own .msg-item__content::after,
      .msg-list .msg-item-own .msg-item__content__img::after,
      .msg-list .msg-item-own .msg-item__content__url::after {
        position: absolute;
        z-index: 3;
        content: '';
        width: 14px;
        height: 14px;
        background-color: #E3F0F3;
        top: -1.5px;
        right: -14.5px;
        border-radius: 47%;
        border-bottom: 0.9px solid #AEDFEA;
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg); }
  .msg-list .msg-item__content__url {
    display: flex;
    flex-direction: column; }
    .msg-list .msg-item__content__url .msg-item-other__urlbox {
      display: flex;
      flex-direction: row; }
    .msg-list .msg-item__content__url .msg-item-other__url-left {
      display: flex;
      flex-basis: 80%;
      flex-direction: column; }
    .msg-list .msg-item__content__url .msg-item-other__url-right {
      position: relative;
      display: flex;
      flex-basis: 20%;
      width: 40px;
      height: 40px;
      overflow: hidden; }
      .msg-list .msg-item__content__url .msg-item-other__url-right > img {
        position: absolute;
        top: -100%;
        left: -100%;
        right: -100%;
        bottom: -100%;
        margin: auto;
        width: 100%;
        height: auto;
        z-index: 5; }
  .msg-list .msg-item__content__img {
    padding: 0 !important;
    overflow: hidden;
    border: none; }
    .msg-list .msg-item__content__img > img {
      width: 100%; }

.msg-form {
  box-sizing: border-box;
  display: flex;
  width: 100vw;
  height: 70px;
  padding: 10px 0px 10px 10px;
  align-items: center; }
  .msg-form > div + div {
    margin-left: 10px; }
  .msg-form__camera {
    display: none;
    flex-basis: 8%;
    text-align: center;
    padding-top: 6px; }
    .msg-form__camera span::before {
      top: inherit;
      bottom: 0; }
    .msg-form__camera .u-icon-camera {
      width: 25px;
      height: 25px; }
      .msg-form__camera .u-icon-camera::before {
        width: 25px;
        height: 25px; }
  .msg-form__picture {
    display: none;
    flex-basis: 8%;
    text-align: center;
    padding-top: 6px; }
    .msg-form__picture span::before {
      top: inherit;
      bottom: -1px; }
    .msg-form__picture .u-icon-photo {
      width: 25px;
      height: 25px; }
      .msg-form__picture .u-icon-photo::before {
        width: 25px;
        height: 25px; }
  .msg-form__textarea {
    box-sizing: border-box;
    flex-basis: 100%; }
    .msg-form__textarea > textarea {
      box-sizing: border-box;
      width: 100%;
      height: 40px;
      padding: 4px 10px;
      border: 0.5px solid #54BAD1;
      border-radius: 50px;
      font-size: calc(8px + 1vw); }
  .msg-form__submit {
    flex-basis: 8%;
    text-align: center; }
    .msg-form__submit a {
      display: block;
      padding: 8px 20px 8px 5px; }
      .msg-form__submit a span::before {
        top: inherit;
        bottom: -1px; }

.shop-image {
  position: relative;
  width: 100vw;
  height: 60vw;
  overflow: hidden;
  background-color: #E3F0F3; }
  .shop-image__img {
    position: absolute;
    top: -100%;
    left: -100%;
    right: -100%;
    bottom: -100%;
    margin: auto;
    width: 100%;
    height: auto; }

.shop-buttonbox {
  display: flex;
  padding: 10px;
  height: calc(7vw + 9px); }
  .shop-buttonbox__logo {
    position: relative;
    box-sizing: border-box;
    flex-basis: calc(80vw - 20px);
    margin-right: 10px; }
  .shop-buttonbox__logo-white {
    position: absolute;
    display: block;
    width: calc(14vw + 18px);
    height: calc(14vw + 18px);
    top: calc(-7vw - 6px);
    left: 0;
    background-color: #FFF;
    border-radius: 50%; }
  .shop-buttonbox__logo-image {
    position: absolute;
    display: block;
    width: calc(14vw + 12px);
    height: calc(14vw + 12px);
    top: calc(-7vw - 3px);
    left: 3px;
    border-radius: 50%;
    overflow: hidden; }
    .shop-buttonbox__logo-image > img {
      width: 100%;
      height: auto; }
  .shop-buttonbox__talk {
    box-sizing: border-box;
    flex-basis: calc(7vw + 9px);
    margin-right: 10px; }
    .shop-buttonbox__talk__button {
      position: relative;
      box-sizing: border-box;
      display: block;
      width: calc(7vw + 9px);
      height: calc(7vw + 9px);
      border: 1px solid #54BAD1;
      border-radius: calc(3.5vw + 4.5px);
      transition: all 0.2s;
      opacity: 1; }
      .shop-buttonbox__talk__button:active {
        transition: all 0.2s;
        opacity: 0.5; }
      .shop-buttonbox__talk__button::before {
        position: absolute;
        box-sizing: border-box;
        display: block;
        content: '';
        top: 0;
        left: -1px;
        width: calc(3vw + 9px);
        height: calc(3vw + 9px);
        background-position: center;
        background-image: url(../img/ico_talk_blue.svg);
        background-repeat: no-repeat;
        background-position: 50% 50%;
        margin: 2vw; }
  .shop-buttonbox__tel {
    box-sizing: border-box;
    flex-basis: calc(7vw + 9px); }
    .shop-buttonbox__tel__button {
      position: relative;
      box-sizing: border-box;
      display: block;
      width: calc(7vw + 9px);
      height: calc(7vw + 9px);
      border: 1px solid #54BAD1;
      border-radius: calc(3.5vw + 4.5px);
      transition: all 0.2s;
      opacity: 1; }
      .shop-buttonbox__tel__button:active {
        transition: all 0.2s;
        opacity: 0.5; }
      .shop-buttonbox__tel__button::before {
        position: absolute;
        box-sizing: border-box;
        display: block;
        content: '';
        top: 0;
        left: -1px;
        width: calc(3vw + 9px);
        height: calc(3vw + 9px);
        background-position: center;
        background-image: url(../img/img_call.svg);
        background-repeat: no-repeat;
        background-position: 50% 50%;
        margin: 2vw; }
  .shop-buttonbox__share {
    box-sizing: border-box;
    flex-grow: 4; }
    .shop-buttonbox__share__button {
      position: relative;
      box-sizing: border-box;
      display: block;
      width: 100%;
      height: calc(7vw + 9px);
      border: 1px solid #54BAD1;
      border-radius: calc(3.5vw + 4.5px);
      color: #54BAD1;
      text-align: center;
      padding-left: 7vw;
      font-size: calc(10px + 1vw);
      line-height: calc(7vw + 9px);
      transition: all 0.2s;
      opacity: 1; }
      .shop-buttonbox__share__button:active {
        transition: all 0.2s;
        opacity: 0.5; }
      .shop-buttonbox__share__button::before {
        position: absolute;
        box-sizing: border-box;
        display: block;
        content: '';
        top: -2px;
        left: 2px;
        width: calc(3vw + 9px);
        height: calc(3vw + 9px);
        background-position: center;
        background-image: url(../img/ico_share.svg);
        background-repeat: no-repeat;
        background-position: 50% 50%;
        margin: 2vw; }

.shop-main {
  padding: 0 10px; }
  .shop-main__headline {
    font-size: calc(16px + 1vw);
    font-weight: bold; }
  .shop-main__description {
    padding: 5px 0 10px 0;
    font-size: calc(10px + 1vw);
    line-height: calc(14px + 1vw); }

.shop-map {
  position: relative;
  width: 100vw;
  overflow: hidden;
  background-color: #FFF;
  max-height: 150px; }
  .shop-map > iframe {
    width: 100%;
    height: auto; }

.shop-detail__child {
  box-sizing: border-box;
  padding: 15px 10px;
  width: 100vw;
  display: flex;
  border-top: 1px solid #EBEBEB; }
  .shop-detail__child__left {
    box-sizing: border-box;
    flex-basis: 30%;
    margin-right: 10px;
    font-size: calc(10px + 1vw);
    line-height: calc(14px + 1vw); }
  .shop-detail__child__right {
    box-sizing: border-box;
    flex-basis: 70%;
    font-size: calc(10px + 1vw);
    line-height: calc(14px + 1vw); }

#ScannerPage .page__content,
#ScannerPage .page-content {
  top: 0 !important; }

.qr-scanner {
  position: relative;
  box-sizing: border-box;
  display: block;
  margin: 0;
  padding: 0;
  background-color: #000;
  overflow: hidden;
  width: 100vw;
  height: 100vh; }
  .qr-scanner__logo {
    z-index: 10000;
    display: block;
    position: absolute;
    content: '';
    top: 20px;
    left: 30vw; }
    .qr-scanner__logo > img {
      width: 40vw;
      height: auto; }
  .qr-scanner__close-btn {
    z-index: 10000;
    display: block;
    position: absolute;
    content: '';
    top: 20px;
    right: 10vw; }
    .qr-scanner__close-btn > img {
      width: 10vw;
      height: 10vw; }
  .qr-scanner__flash-btn {
    z-index: 10000;
    display: block;
    position: absolute;
    content: '';
    bottom: 120px;
    left: 45vw; }
    .qr-scanner__flash-btn > img {
      width: 10vw;
      height: 10vw; }
  .qr-scanner__text {
    z-index: 10000;
    display: block;
    position: absolute;
    content: '';
    width: 100vw;
    bottom: 80px;
    text-align: center;
    color: #FFF;
    font-size: calc(1vw + 10px); }
  .qr-scanner__frame-top {
    z-index: 9999;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.5);
    top: 0;
    left: 0;
    width: 100vw;
    height: 20vw; }
  .qr-scanner__frame-left {
    z-index: 9999;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.5);
    top: 20vw;
    left: 0;
    width: 10vw;
    height: 80vw; }
  .qr-scanner__frame-right {
    z-index: 9999;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.5);
    top: 20vw;
    right: 0;
    width: 10vw;
    height: 80vw; }
  .qr-scanner__frame-bottom {
    z-index: 9999;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.5);
    top: 100vw;
    left: 0;
    width: 100vw;
    height: 100vw; }
  .qr-scanner__loading {
    z-index: 9999;
    position: absolute;
    background-color: #000;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh; }
  .qr-scanner__video {
    box-sizing: border-box;
    display: block;
    width: 100vw;
    height: 100vh; }
  .qr-scanner__canvas {
    padding-top: 100vh; }

#demoPage .menu_detail .card-box {
  background-color: #fff;
  padding-bottom: 10px;
  height: auto;
  /*2行目の小さいボックス部分 */ }
  #demoPage .menu_detail .card-box .menu_detail_topbox {
    width: 355px;
    height: 235px;
    margin: 0 auto;
    /* 画像の上に乗せる追加ボタン部分 */ }
    #demoPage .menu_detail .card-box .menu_detail_topbox figure {
      margin: 15px auto; }
    #demoPage .menu_detail .card-box .menu_detail_topbox figure img {
      width: 355px;
      height: 200px;
      -o-object-fit: cover;
      object-fit: cover; }
    #demoPage .menu_detail .card-box .menu_detail_topbox figure figcaption {
      width: 355px;
      margin: 0 auto;
      position: absolute;
      font-weight: bold;
      font-size: 20px; }
    #demoPage .menu_detail .card-box .menu_detail_topbox figure figcaption span {
      float: right; }
    #demoPage .menu_detail .card-box .menu_detail_topbox .add_order_box {
      display: flex;
      justify-content: center;
      position: relative;
      bottom: 55px;
      left: 0;
      z-index: 999;
      /* マイナス円 */
      /* 横 */
      /* プラス円 */
      /* 縦 */
      /* 横 */
      /* 変化する数字部分 */ }
    #demoPage .menu_detail .card-box .menu_detail_topbox .add_order_box .minus2 {
      font-size: 100px;
      position: relative;
      width: 33px;
      height: 33px;
      top: -9px;
      text-align: center;
      line-height: 33px;
      border: 2px solid #54B9D1;
      border-radius: 100%;
      background-color: #fff; }
    #demoPage .menu_detail .card-box .menu_detail_topbox .add_order_box .minus2::before {
      position: absolute;
      top: 15px;
      left: 7px;
      width: 19px;
      height: 2px;
      content: "";
      background-color: #54B9D1; }
    #demoPage .menu_detail .card-box .menu_detail_topbox .add_order_box .plus2 {
      font-size: 100px;
      position: relative;
      width: 33px;
      height: 33px;
      top: -9px;
      text-align: center;
      line-height: 33px;
      border: 2px solid #54B9D1;
      border-radius: 100%;
      background-color: #fff; }
    #demoPage .menu_detail .card-box .menu_detail_topbox .add_order_box .plus2::before {
      position: absolute;
      top: 7px;
      left: 16px;
      width: 2px;
      height: 19px;
      content: "";
      background-color: #54B9D1; }
    #demoPage .menu_detail .card-box .menu_detail_topbox .add_order_box .plus2::after {
      position: absolute;
      top: 15px;
      left: 7px;
      width: 19px;
      height: 2px;
      content: "";
      background-color: #54B9D1; }
    #demoPage .menu_detail .card-box .menu_detail_topbox .add_order_box .add_order_num {
      margin: 0 10px;
      font-size: 30px;
      font-weight: bold;
      color: #292724;
      line-height: 20px; }
    #demoPage .menu_detail .card-box .menu_detail_topbox .add_order_box_bk {
      width: 145px;
      height: 55px;
      position: relative;
      bottom: 110px;
      left: 105px;
      z-index: 99;
      -webkit-filter: drop-shadow(0 0 10px white);
      filter: drop-shadow(0 0 10px white);
      background-color: rgba(225, 225, 225, 0.4); }
  #demoPage .menu_detail .card-box .menu_detail_box01 {
    width: 355px;
    height: 140px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    /* 画像の上に乗せる追加ボタン部分 */ }
    #demoPage .menu_detail .card-box .menu_detail_box01 figure {
      margin: 15px 0; }
    #demoPage .menu_detail .card-box .menu_detail_box01 figure img {
      width: 170px;
      height: 97px;
      -o-object-fit: cover;
      object-fit: cover; }
    #demoPage .menu_detail .card-box .menu_detail_box01 figure figcaption {
      width: 170px;
      margin: 0 auto;
      position: absolute;
      font-size: 14px;
      font-weight: bold; }
    #demoPage .menu_detail .card-box .menu_detail_box01 figure figcaption span {
      float: right; }
    #demoPage .menu_detail .card-box .menu_detail_box01 .add_order_box {
      display: flex;
      justify-content: center;
      position: relative;
      bottom: 36px;
      left: 0;
      z-index: 999;
      /* マイナス円 */
      /* 横 */
      /* プラス円 */
      /* 縦 */
      /* 横 */
      /* 変化する数字部分 */ }
    #demoPage .menu_detail .card-box .menu_detail_box01 .add_order_box .minus2 {
      font-size: 100px;
      position: relative;
      width: 33px;
      height: 33px;
      top: -9px;
      text-align: center;
      line-height: 33px;
      border: 2px solid #54B9D1;
      border-radius: 100%;
      background-color: #fff; }
    #demoPage .menu_detail .card-box .menu_detail_box01 .add_order_box .minus2::before {
      position: absolute;
      top: 15px;
      left: 7px;
      width: 19px;
      height: 2px;
      content: "";
      background-color: #54B9D1; }
    #demoPage .menu_detail .card-box .menu_detail_box01 .add_order_box .plus2 {
      font-size: 100px;
      position: relative;
      width: 33px;
      height: 33px;
      top: -9px;
      text-align: center;
      line-height: 33px;
      border: 2px solid #54B9D1;
      border-radius: 100%;
      background-color: #fff; }
    #demoPage .menu_detail .card-box .menu_detail_box01 .add_order_box .plus2::before {
      position: absolute;
      top: 7px;
      left: 16px;
      width: 2px;
      height: 19px;
      content: "";
      background-color: #54B9D1; }
    #demoPage .menu_detail .card-box .menu_detail_box01 .add_order_box .plus2::after {
      position: absolute;
      top: 15px;
      left: 7px;
      width: 19px;
      height: 2px;
      content: "";
      background-color: #54B9D1; }
    #demoPage .menu_detail .card-box .menu_detail_box01 .add_order_box .add_order_num {
      margin: 0 10px;
      font-size: 30px;
      font-weight: bold;
      color: #292724;
      line-height: 20px; }
    #demoPage .menu_detail .card-box .menu_detail_box01 .add_order_box_bk01 {
      width: 130px;
      height: 48px;
      position: relative;
      bottom: 88px;
      left: 18px;
      z-index: 99;
      -webkit-filter: drop-shadow(0 0 10px white);
      filter: drop-shadow(0 0 10px white);
      background-color: rgba(225, 225, 225, 0.4); }
    #demoPage .menu_detail .card-box .menu_detail_box01 .add_order_box_bk02 {
      width: 130px;
      height: 48px;
      position: relative;
      bottom: 88px;
      right: -19px;
      z-index: 99;
      -webkit-filter: drop-shadow(0 0 10px white);
      filter: drop-shadow(0 0 10px white);
      background-color: rgba(225, 225, 225, 0.4); }

#demoPage .menu_detail .damy-border {
  width: 100%;
  height: 70px;
  bottom: 0;
  position: fixed;
  box-shadow: 0 -0.5px 10px 0px rgba(0, 0, 0, 0.3);
  z-index: 99999; }

#demoPage .bottom-bar.menu_order {
  background-color: #fff; }
  #demoPage .bottom-bar.menu_order .item-purchace__left {
    flex-basis: 40vw;
    font-size: 22px; }
  #demoPage .bottom-bar.menu_order .item-purchace__left .item-purchace__tax {
    top: 5px; }
  #demoPage .bottom-bar.menu_order .item-purchace__right, #demoPage .bottom-bar.menu_order .item-purchace__center {
    color: #292724;
    background-color: #f9ac19;
    font-weight: bold;
    flex-basis: 60vw; }
  #demoPage .bottom-bar.menu_order .item-purchace__right .item-purchace__rightl, #demoPage .bottom-bar.menu_order .item-purchace__center .item-purchace__rightl {
    margin: 0 auto; }
  #demoPage .bottom-bar.menu_order .item-purchace__right .item-purchace_order_img, #demoPage .bottom-bar.menu_order .item-purchace__center .item-purchace_order_img {
    vertical-align: middle;
    margin-right: 10px;
    margin-top: -2px; }

ul.content_order_list {
  list-style-type: none;
  padding: 0;
  margin: 0; }
  ul.content_order_list a {
    text-decoration: none;
    color: #2F82D5; }
    ul.content_order_list a .txt_rink {
      color: #2F82D5 !important;
      text-decoration: underline; }
  ul.content_order_list li {
    border-bottom: 1px solid #EBEBEB; }
    ul.content_order_list li.order_select_box .tablebox_td .txt_menu_name {
      font-weight: bold; }
    ul.content_order_list li.order_select_box .tablebox_td.order_select .tablebox_td_left {
      padding: 5px 5px 10px 25px;
      margin-top: -10px; }
      ul.content_order_list li.order_select_box .tablebox_td.order_select .tablebox_td_left.history, ul.content_order_list li.order_select_box .tablebox_td.order_select .tablebox_td_left.cancel {
        padding: 5px 5px 10px 70px; }
      ul.content_order_list li.order_select_box .tablebox_td.order_select .tablebox_td_left .txt_menu_name {
        font-weight: normal;
        position: relative;
        font-size: calc(8px + 1vw);
        color: #5E5E5E; }
        ul.content_order_list li.order_select_box .tablebox_td.order_select .tablebox_td_left .txt_menu_name::before {
          content: '+';
          width: 15px;
          height: 15px;
          position: absolute;
          top: 50%;
          left: -10px;
          margin-top: -11px;
          font-size: calc(14px + 1vw); }
  ul.content_order_list .tablebox_td {
    position: relative;
    display: flex; }
    ul.content_order_list .tablebox_td .tablebox_td_left {
      flex: 1;
      padding: 12px 5px;
      position: relative;
      display: flex;
      font-size: calc(10px + 1vw); }
      ul.content_order_list .tablebox_td .tablebox_td_left.history, ul.content_order_list .tablebox_td .tablebox_td_left.cancel {
        border-right: none; }
      ul.content_order_list .tablebox_td .tablebox_td_left > img {
        align-self: center;
        width: 64px;
        height: 36px;
        -o-object-fit: cover;
        object-fit: cover;
        margin-right: 5px; }
      ul.content_order_list .tablebox_td .tablebox_td_left .txt_order_status {
        position: relative;
        align-self: center;
        font-size: calc(7px + 1vw);
        color: #40A0B7;
        margin-right: 10px; }
        ul.content_order_list .tablebox_td .tablebox_td_left .txt_order_status::after {
          content: "";
          position: absolute;
          background: url(../img/arrow_triangle_blue.svg) no-repeat;
          background-size: 7px 10px;
          width: 7px;
          height: 10px;
          top: 50%;
          right: -10px;
          margin-top: -6px; }
        ul.content_order_list .tablebox_td .tablebox_td_left .txt_order_status.status_ordered {
          padding: 7px 4px 6px;
          color: #2F82D5; }
        ul.content_order_list .tablebox_td .tablebox_td_left .txt_order_status.status_cooking {
          border: solid 1px #54BAD1;
          padding: 6px 4px; }
          ul.content_order_list .tablebox_td .tablebox_td_left .txt_order_status.status_cooking::after {
            display: none; }
        ul.content_order_list .tablebox_td .tablebox_td_left .txt_order_status.status_cooking2 {
          color: #E55758;
          border: solid 1px #E55758;
          padding: 6px 4px; }
          ul.content_order_list .tablebox_td .tablebox_td_left .txt_order_status.status_cooking2::after {
            display: none; }
        ul.content_order_list .tablebox_td .tablebox_td_left .txt_order_status.status_delivered {
          border: solid 1px #8F8F8F;
          padding: 6px 4px;
          background-color: #8F8F8F;
          color: #FFF; }
          ul.content_order_list .tablebox_td .tablebox_td_left .txt_order_status.status_delivered::after {
            display: none; }
      ul.content_order_list .tablebox_td .tablebox_td_left .txt_order_date {
        position: relative;
        align-self: center;
        font-size: calc(14px + 1vw);
        margin-right: 10px;
        padding: 6px 8px; }
      ul.content_order_list .tablebox_td .tablebox_td_left .txt_menu_name {
        align-self: center;
        flex: 1;
        padding-left: 10px; }
      ul.content_order_list .tablebox_td .tablebox_td_left .txt_menu_price {
        margin-bottom: 3px;
        align-self: center;
        width: 50px;
        padding-left: 5px;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
        align-items: flex-end; }
        ul.content_order_list .tablebox_td .tablebox_td_left .txt_menu_price .cancel_price {
          order: 1;
          margin-bottom: 3px;
          font-size: calc(8px + 1vw);
          text-decoration: line-through; }
        ul.content_order_list .tablebox_td .tablebox_td_left .txt_menu_price .txt_price {
          order: 2; }
        ul.content_order_list .tablebox_td .tablebox_td_left .txt_menu_price .txt_tax_rate {
          order: 3;
          margin-bottom: 0px;
          font-size: calc(5px + 1vw);
          color: #5E5E5E; }
        ul.content_order_list .tablebox_td .tablebox_td_left .txt_menu_price span {
          font-size: 60%;
          padding-left: 2px; }
    ul.content_order_list .tablebox_td .tablebox_td_right {
      align-self: center;
      font-size: calc(10px + 1vw);
      width: 68px;
      padding: 10px 0;
      text-align: center;
      display: flex;
      justify-content: center;
      align-items: center; }
      ul.content_order_list .tablebox_td .tablebox_td_right.history, ul.content_order_list .tablebox_td .tablebox_td_right.cancel {
        border-left: solid 1px #EBEBEB; }
      ul.content_order_list .tablebox_td .tablebox_td_right.confirm {
        border-left: solid 1px #EBEBEB;
        margin-left: 8px;
        width: 92px !important; }
      ul.content_order_list .tablebox_td .tablebox_td_right .txt_order_num {
        flex-basis: 60%;
        display: inline-block;
        text-align: center; }
      ul.content_order_list .tablebox_td .tablebox_td_right .txt_order_name {
        flex-basis: 40%;
        display: inline-block;
        position: relative;
        text-align: center;
        vertical-align: middle; }
        ul.content_order_list .tablebox_td .tablebox_td_right .txt_order_name::before {
          content: "";
          position: absolute;
          background-color: #54BAD1;
          background-size: 30px 30px;
          width: 30px;
          height: 30px;
          border-radius: 50%;
          top: 50%;
          left: -6px;
          margin-top: -15px; }
        ul.content_order_list .tablebox_td .tablebox_td_right .txt_order_name.ico_myself::before {
          background-color: #54BAD1; }
        ul.content_order_list .tablebox_td .tablebox_td_right .txt_order_name.ico_staff::before {
          background-color: #F9AC19; }
        ul.content_order_list .tablebox_td .tablebox_td_right .txt_order_name.ico_other::before {
          background-color: #6DB44E; }
        ul.content_order_list .tablebox_td .tablebox_td_right .txt_order_name span {
          font-size: calc(6px + 1vw);
          display: block;
          color: #fff;
          z-index: 2;
          position: relative;
          top: 0px;
          left: -5px; }
          ul.content_order_list .tablebox_td .tablebox_td_right .txt_order_name span img {
            width: 16px;
            height: 22px;
            position: relative;
            top: 3px;
            left: 1px; }
    ul.content_order_list .tablebox_td .tablebox_td_right.add_order_box {
      width: 100px; }
      ul.content_order_list .tablebox_td .tablebox_td_right.add_order_box .add_order_box_min {
        align-self: center;
        display: flex;
        width: 80px;
        z-index: 1;
        padding-left: 8px;
        border-left: none;
        margin-left: 0px;
        margin-right: 0px; }
        ul.content_order_list .tablebox_td .tablebox_td_right.add_order_box .add_order_box_min .minus {
          font-size: calc(100px + 1vw);
          position: relative;
          width: 22px;
          height: 22px;
          top: 3px;
          text-align: center;
          line-height: 33px;
          border: 1px solid #54B9D1;
          border-radius: 100%;
          background-color: #fff; }
          ul.content_order_list .tablebox_td .tablebox_td_right.add_order_box .add_order_box_min .minus span.minus_tap_area {
            position: absolute; }
        ul.content_order_list .tablebox_td .tablebox_td_right.add_order_box .add_order_box_min .minus::before {
          position: absolute;
          top: 10px;
          left: 5px;
          width: 12px;
          height: 2px;
          content: "";
          background-color: #54B9D1; }
        ul.content_order_list .tablebox_td .tablebox_td_right.add_order_box .add_order_box_min .plus {
          font-size: calc(100px + 1vw);
          position: relative;
          width: 22px;
          height: 22px;
          top: 3px;
          text-align: center;
          line-height: 33px;
          border: 1px solid #54B9D1;
          border-radius: 100%;
          background-color: #fff; }
        ul.content_order_list .tablebox_td .tablebox_td_right.add_order_box .add_order_box_min .plus::before {
          position: absolute;
          top: 5px;
          left: 10px;
          width: 2px;
          height: 12px;
          content: "";
          background-color: #54B9D1; }
        ul.content_order_list .tablebox_td .tablebox_td_right.add_order_box .add_order_box_min .plus::after {
          position: absolute;
          top: 10px;
          left: 5px;
          width: 12px;
          height: 2px;
          content: "";
          background-color: #54B9D1; }
        ul.content_order_list .tablebox_td .tablebox_td_right.add_order_box .add_order_box_min .add_order_num {
          margin: 0 8px;
          font-size: calc(22px + 1vw);
          font-weight: bold;
          color: #292724; }
    ul.content_order_list .tablebox_td .tablebox_td_right.change_order_box {
      width: 100px; }
      ul.content_order_list .tablebox_td .tablebox_td_right.change_order_box .change_order_box_min {
        width: 100%;
        box-sizing: border-box;
        padding-left: 0px;
        padding-right: 5px;
        margin-left: 6px;
        display: flex;
        justify-content: space-between;
        align-items: center; }
        ul.content_order_list .tablebox_td .tablebox_td_right.change_order_box .change_order_box_min .order_num {
          width: 50%;
          box-sizing: border-box;
          font-size: calc(22px + 1vw);
          font-weight: bold; }
        ul.content_order_list .tablebox_td .tablebox_td_right.change_order_box .change_order_box_min .min-btn {
          width: 50%;
          max-width: 100px;
          box-sizing: border-box;
          padding: 2px 5px 0;
          margin-left: 0px;
          font-size: calc(8px + 1vw); }
    ul.content_order_list .tablebox_td .tablebox_td_cancel {
      background-color: rgba(0, 0, 0, 0.6);
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: calc(8px + 1vw);
      z-index: 2;
      color: #FFF; }
  ul.content_order_list.total {
    border-top: solid 2px #B8B8B8;
    padding-top: 10px; }
    ul.content_order_list.total li {
      border-bottom: none; }
    ul.content_order_list.total .td_total {
      padding: 5px 0px; }
      ul.content_order_list.total .td_total .tablebox_td_left {
        display: flex;
        justify-content: flex-end;
        align-items: center; }
        ul.content_order_list.total .td_total .tablebox_td_left .txt_menu_total {
          font-weight: bold; }
        ul.content_order_list.total .td_total .tablebox_td_left .txt_menu_price {
          width: 80px;
          font-size: calc(14px + 1vw); }
          ul.content_order_list.total .td_total .tablebox_td_left .txt_menu_price span {
            font-size: 60%; }
      ul.content_order_list.total .td_total .tablebox_td_right {
        text-align: center;
        font-size: calc(12px + 1vw); }
      ul.content_order_list.total .td_total .tablebox_td_right.add_order_box {
        text-align: center; }
        ul.content_order_list.total .td_total .tablebox_td_right.add_order_box .order_num_total {
          margin: 0 10px;
          font-size: calc(22px + 1vw);
          font-weight: bold;
          color: #292724;
          line-height: 20px; }
      ul.content_order_list.total .td_total.td_subtotal {
        padding: 0px 0px;
        border-bottom: none; }
        ul.content_order_list.total .td_total.td_subtotal .tablebox_td_left {
          padding: 5px 5px; }
          ul.content_order_list.total .td_total.td_subtotal .tablebox_td_left .txt_menu_total {
            font-weight: normal;
            font-size: calc(8px + 1vw); }
          ul.content_order_list.total .td_total.td_subtotal .tablebox_td_left .txt_menu_price {
            font-size: calc(10px + 1vw); }
        ul.content_order_list.total .td_total.td_subtotal .tablebox_td_right {
          padding: 5px 0px; }
          ul.content_order_list.total .td_total.td_subtotal .tablebox_td_right .order_num_total {
            font-weight: normal;
            font-size: calc(10px + 1vw); }
  ul.content_order_list.history {
    border-top: solid 2px #929292; }

.p-menu-order-contentbox.p-menu-order-contentbox_detail {
  position: relative;
  top: 100px;
  left: 0; }

.p-menu-order-contentbox.p-menu-order-contentbox_confirm {
  position: relative;
  top: 105px;
  left: 0; }

.p-menu-order-contentbox.p-menu-order-contentbox_history,
.p-menu-order-contentbox.p-menu-order-contentbox_cancel {
  position: relative;
  top: 98px;
  left: 0; }

.p-menu-order-contentbox.p-menu-order-contentbox_receive_num,
.p-menu-order-contentbox.p-menu-order-contentbox_receive_tap,
.p-menu-order-contentbox.p-menu-order-contentbox_receive_edit {
  position: relative;
  top: 90px;
  left: 0; }

.p-menu-order-contentbox.p-menu-order-contentbox_serving,
.p-menu-order-contentbox.p-menu-order-contentbox_receive,
.p-menu-order-contentbox.p-menu-order-contentbox_exMenu,
.p-menu-order-contentbox.p-menu-order-contentbox_receive_tap_02 {
  position: relative;
  top: 47px;
  left: 0; }

.menu_order_input_box {
  margin: 20px 0 30px 0; }
  .menu_order_input_box .c-page-content__head {
    margin-bottom: 10px; }

.menu_order-buttonbox {
  margin-top: 30px; }

.p-menu-order-contentbox .min-btn,
.p-menu-order-fixed-topbox .min-btn {
  width: auto;
  padding: 2px 10px 0;
  margin-right: 1px;
  line-height: 26px;
  font-size: calc(9px + 1vw); }
  @media screen and (min-width: 400px) {
    .p-menu-order-contentbox .min-btn,
    .p-menu-order-fixed-topbox .min-btn {
      width: auto; } }
  .p-menu-order-contentbox .min-btn.min-btn_w80,
  .p-menu-order-fixed-topbox .min-btn.min-btn_w80 {
    width: 80px; }
  .p-menu-order-contentbox .min-btn.min-btn_w110,
  .p-menu-order-fixed-topbox .min-btn.min-btn_w110 {
    width: 110px; }
  .p-menu-order-contentbox .min-btn.min-btn_w120,
  .p-menu-order-fixed-topbox .min-btn.min-btn_w120 {
    width: 120px; }
  .p-menu-order-contentbox .min-btn.min-btn_w150,
  .p-menu-order-fixed-topbox .min-btn.min-btn_w150 {
    width: 150px; }
  .p-menu-order-contentbox .min-btn.min-btn_yellow,
  .p-menu-order-fixed-topbox .min-btn.min-btn_yellow {
    background-color: #F9AC19;
    border-color: #F9AC19; }
  .p-menu-order-contentbox .min-btn.min-btn_txt,
  .p-menu-order-fixed-topbox .min-btn.min-btn_txt {
    font-size: calc(10px + 1vw); }

.p-menu-order-contentbox .add-btn,
.p-menu-order-fixed-topbox .add-btn {
  width: 115px;
  margin-top: 10px;
  font-size: calc(8px + 1vw);
  line-height: calc(8px + 1vw);
  padding: 12px 5px 0px 25px; }

.p-menu-order-contentbox .btn-icon-pencil img,
.p-menu-order-fixed-topbox .btn-icon-pencil img {
  width: 20px;
  height: 20px;
  position: relative;
  top: 5px;
  margin-right: 10px; }

.p-menu-order-contentbox .btn-icon-tap img,
.p-menu-order-fixed-topbox .btn-icon-tap img {
  width: 20px;
  height: 20px;
  position: relative;
  top: 4px;
  margin-right: 9px; }

.p-menu-order-contentbox .btn-icon-money img,
.p-menu-order-fixed-topbox .btn-icon-money img {
  width: 19px;
  height: 19px;
  position: relative;
  top: 4px;
  margin-right: 5px; }

.p-menu-order-contentbox .btn-icon-ordersheet img,
.p-menu-order-fixed-topbox .btn-icon-ordersheet img {
  width: 18px;
  height: 18px;
  position: relative;
  top: 3px;
  margin-right: 5px; }

.p-menu-order-contentbox .btn-icon-handy img,
.p-menu-order-fixed-topbox .btn-icon-handy img {
  width: 22px;
  height: 19px;
  position: relative;
  top: 4px;
  margin-right: 5px; }

.p-menu-order-contentbox .btn-icon-dishup img,
.p-menu-order-fixed-topbox .btn-icon-dishup img {
  width: 22px;
  height: 19px;
  position: relative;
  top: 4px;
  margin-right: 5px; }

.p-menu-order-contentbox .btn-icon-right-arrow,
.p-menu-order-fixed-topbox .btn-icon-right-arrow {
  position: relative;
  top: 0;
  left: -3px; }
  .p-menu-order-contentbox .btn-icon-right-arrow span,
  .p-menu-order-fixed-topbox .btn-icon-right-arrow span {
    content: '';
    position: absolute;
    width: 7px;
    height: 7px;
    border-top: 2px solid #FFF;
    border-right: 2px solid #FFF;
    transition: all 0.5s;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    right: 5px;
    top: 50%; }

.p-menu-order-contentbox .btn-ico-eat,
.p-menu-order-fixed-topbox .btn-ico-eat {
  pointer-events: none; }
  .p-menu-order-contentbox .btn-ico-eat img,
  .p-menu-order-fixed-topbox .btn-ico-eat img {
    width: 13px;
    height: 18px;
    position: relative;
    top: 5px;
    margin-right: 0px; }

.p-menu-order-contentbox .btn-ico-drink,
.p-menu-order-fixed-topbox .btn-ico-drink {
  pointer-events: none; }
  .p-menu-order-contentbox .btn-ico-drink img,
  .p-menu-order-fixed-topbox .btn-ico-drink img {
    width: 15px;
    height: 18px;
    position: relative;
    top: 5px;
    margin-right: 0px; }

.p-menu-order-contentbox .btn-icon-personal-blue img,
.p-menu-order-fixed-topbox .btn-icon-personal-blue img {
  width: 12px;
  height: 17px;
  position: relative;
  top: 3px;
  margin-right: 5px; }

.p-menu-order-contentbox .btn-icon-cancel img,
.p-menu-order-fixed-topbox .btn-icon-cancel img {
  width: 18px;
  height: 18px;
  position: relative;
  top: 4px;
  margin-right: 5px; }

.p-menu-order-contentbox .btn-ico-personal-black img,
.p-menu-order-fixed-topbox .btn-ico-personal-black img {
  width: 12px;
  height: 18px;
  position: relative;
  top: 2px;
  margin-right: 5px; }

.p-menu-order-contentbox .btn-icon-qrcode-red,
.p-menu-order-fixed-topbox .btn-icon-qrcode-red {
  vertical-align: middle; }
  .p-menu-order-contentbox .btn-icon-qrcode-red img,
  .p-menu-order-fixed-topbox .btn-icon-qrcode-red img {
    width: 50px;
    height: 50px;
    position: relative;
    top: 4px;
    margin-right: 5px; }

.p-menu-order-contentbox .speech img,
.p-menu-order-fixed-topbox .speech img {
  width: 16px;
  height: 14px;
  position: relative;
  top: 3px;
  margin-right: 5px; }

.p-menu-order-contentbox .checkicon,
.p-menu-order-fixed-topbox .checkicon {
  box-sizing: border-box;
  position: relative;
  top: 4px;
  left: 0px;
  display: inline-block;
  border-radius: 50%;
  width: 17px;
  height: 17px;
  border: 0.5px solid #54BAD1;
  background-color: #54BAD1;
  margin-right: 8px;
  line-height: 6vh; }
  .p-menu-order-contentbox .checkicon::before,
  .p-menu-order-fixed-topbox .checkicon::before {
    position: absolute;
    content: '';
    display: block;
    top: 7px;
    left: 5px;
    width: 4px;
    height: 8px;
    border-right: 2px solid #FFF;
    border-bottom: 2px solid #FFF;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg); }
  .p-menu-order-contentbox .checkicon.red,
  .p-menu-order-fixed-topbox .checkicon.red {
    border: 0.5px solid #E73732;
    background-color: #E73732; }
  .p-menu-order-contentbox .checkicon.yellow,
  .p-menu-order-fixed-topbox .checkicon.yellow {
    border: 0.5px solid #F9AC19;
    background-color: #F9AC19; }

.p-menu-order-contentbox .checkicon_none,
.p-menu-order-fixed-topbox .checkicon_none {
  box-sizing: border-box;
  position: relative;
  top: 4px;
  left: 0px;
  display: inline-block;
  border-radius: 50%;
  width: 17px;
  height: 17px;
  border: 0.5px solid #EBEBEB;
  background-color: #FFF;
  margin-right: 8px;
  line-height: 6vh; }

.p-menu-order-contentbox .checkicon_not,
.p-menu-order-fixed-topbox .checkicon_not {
  display: inline-block;
  font-size: calc(8px + 1vw);
  font-weight: bold;
  width: 25px;
  text-align: center;
  line-height: 58px;
  background-color: #F6F6F6; }

.gray_cover {
  background-color: rgba(0, 0, 0, 0.6);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: calc(8px + 1vw);
  z-index: 2;
  color: #FFF; }
  .gray_cover .bg_img_hidden {
    content: "";
    background: url(../img/ico_none.svg) no-repeat;
    background-size: 100% auto;
    width: 30%;
    height: 60%; }

.last_order_box {
  display: flex;
  justify-content: flex-end;
  position: relative; }
  .last_order_box .dmy_box {
    width: 100%;
    height: 62px; }
  .last_order_box .last_order_time_box {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    background-color: #FEEDEC;
    padding: 10px 70px 10px 20px;
    margin-top: 30px; }
    .last_order_box .last_order_time_box .last_order_txt {
      align-self: center;
      font-size: calc(8px + 1vw);
      color: #E73732; }
    .last_order_box .last_order_time_box .last_order_time {
      position: absolute;
      bottom: 0;
      right: 10px;
      width: 51px;
      height: 62px;
      background-image: url("../img/ico_stopwatch.svg");
      background-size: 51px 62px;
      background-repeat: no-repeat;
      color: #FFF;
      padding-top: 17px;
      box-sizing: border-box; }
      .last_order_box .last_order_time_box .last_order_time span {
        display: block;
        font-size: calc(6px + 1vw);
        line-height: calc(8px + 1vw);
        text-align: center; }
        .last_order_box .last_order_time_box .last_order_time span.minutes {
          font-size: calc(16px + 1vw);
          line-height: calc(16px + 1vw); }

.p-menu-order-fixed-topbox {
  width: 100vw;
  position: fixed;
  z-index: 10000; }
  .p-menu-order-fixed-topbox .switch_box {
    margin-right: 1px; }
    .p-menu-order-fixed-topbox .switch_box .p-menu-order-list_switch {
      display: flex; }
      .p-menu-order-fixed-topbox .switch_box .p-menu-order-list_switch .p-menu-order-list_switch_radio,
      .p-menu-order-fixed-topbox .switch_box .p-menu-order-list_switch .p-menu-order-list_switch_checkbox {
        display: none; }
        .p-menu-order-fixed-topbox .switch_box .p-menu-order-list_switch .p-menu-order-list_switch_radio:checked + .p-menu-order-list_switch_label,
        .p-menu-order-fixed-topbox .switch_box .p-menu-order-list_switch .p-menu-order-list_switch_checkbox:checked + .p-menu-order-list_switch_label {
          background-color: #54BAD1;
          transition: all 0.5s; }
      .p-menu-order-fixed-topbox .switch_box .p-menu-order-list_switch .p-menu-order-list_switch_label {
        position: relative;
        display: inline-block;
        width: 65px;
        line-height: 30px;
        text-align: center;
        padding: 2px 0 1px 0;
        margin: 6px 0 6px 0;
        transition: all 0.5s;
        font-size: calc(8px + 1vw);
        cursor: pointer;
        background-color: #BAE3ED;
        color: #FFF;
        border: solid 1px #54BAD1;
        box-sizing: border-box; }
        .p-menu-order-fixed-topbox .switch_box .p-menu-order-list_switch .p-menu-order-list_switch_label.switch_left {
          border-radius: 4px 0px 0px 4px; }
        .p-menu-order-fixed-topbox .switch_box .p-menu-order-list_switch .p-menu-order-list_switch_label.switch_right {
          border-radius: 0px 4px 4px 0px; }
        .p-menu-order-fixed-topbox .switch_box .p-menu-order-list_switch .p-menu-order-list_switch_label.min-label {
          padding: 0 0 0 0;
          width: 45px; }
          .p-menu-order-fixed-topbox .switch_box .p-menu-order-list_switch .p-menu-order-list_switch_label.min-label.switch_left {
            margin-right: 1px; }
  .p-menu-order-fixed-topbox .p-menu-order-listbox .p-menu-order-listbox_button {
    display: flex;
    justify-content: space-between;
    width: 100vw;
    box-sizing: border-box;
    background-color: #E3F0F3;
    padding: 5px 10px;
    font-size: calc(16px + 1vw);
    color: #54BAD1; }
    .p-menu-order-fixed-topbox .p-menu-order-listbox .p-menu-order-listbox_button .fixed-topbox_left_box {
      flex: 1;
      align-self: flex-end;
      display: flex;
      align-items: center; }
      .p-menu-order-fixed-topbox .p-menu-order-listbox .p-menu-order-listbox_button .fixed-topbox_left_box .table_no_box {
        text-align: left; }
        .p-menu-order-fixed-topbox .p-menu-order-listbox .p-menu-order-listbox_button .fixed-topbox_left_box .table_no_box .txt_table_no {
          font-size: calc(6px + 1vw);
          display: block; }
      .p-menu-order-fixed-topbox .p-menu-order-listbox .p-menu-order-listbox_button .fixed-topbox_left_box .balance_box {
        font-size: calc(8px + 1vw);
        color: #4E4E4E; }
        .p-menu-order-fixed-topbox .p-menu-order-listbox .p-menu-order-listbox_button .fixed-topbox_left_box .balance_box .txt_balance_price {
          display: inline-block; }
    .p-menu-order-fixed-topbox .p-menu-order-listbox .p-menu-order-listbox_button .fixed-topbox_right_box {
      display: flex;
      align-self: center;
      justify-content: flex-end; }
  .p-menu-order-fixed-topbox .p-menu-order-listbox .p-menu-order-listbox_tab {
    display: block;
    background-color: #E3F0F3;
    font-size: 0;
    width: 100vw;
    height: 56px;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap; }
    .p-menu-order-fixed-topbox .p-menu-order-listbox .p-menu-order-listbox_tab .p-menu-order-listbox_tab_radio {
      display: none; }
      .p-menu-order-fixed-topbox .p-menu-order-listbox .p-menu-order-listbox_tab .p-menu-order-listbox_tab_radio:checked + .p-menu-order-listbox_tab_label {
        transition: all 0.5s; }
        .p-menu-order-fixed-topbox .p-menu-order-listbox .p-menu-order-listbox_tab .p-menu-order-listbox_tab_radio:checked + .p-menu-order-listbox_tab_label span {
          transition: all 0.5s;
          padding: 5px 0 20px;
          position: relative;
          top: 10px;
          box-shadow: 1px 1px 3px #757575;
          z-index: 2; }
        .p-menu-order-fixed-topbox .p-menu-order-listbox .p-menu-order-listbox_tab .p-menu-order-listbox_tab_radio:checked + .p-menu-order-listbox_tab_label.category_rank span {
          background-color: #F55044; }
        .p-menu-order-fixed-topbox .p-menu-order-listbox .p-menu-order-listbox_tab .p-menu-order-listbox_tab_radio:checked + .p-menu-order-listbox_tab_label.category_l-blue span {
          background-color: #54BAD1; }
        .p-menu-order-fixed-topbox .p-menu-order-listbox .p-menu-order-listbox_tab .p-menu-order-listbox_tab_radio:checked + .p-menu-order-listbox_tab_label.category_green span {
          background-color: #6DB44E; }
        .p-menu-order-fixed-topbox .p-menu-order-listbox .p-menu-order-listbox_tab .p-menu-order-listbox_tab_radio:checked + .p-menu-order-listbox_tab_label.category_yellow span {
          background-color: #F9AC19; }
        .p-menu-order-fixed-topbox .p-menu-order-listbox .p-menu-order-listbox_tab .p-menu-order-listbox_tab_radio:checked + .p-menu-order-listbox_tab_label.category_orange span {
          background-color: #FA7F49; }
        .p-menu-order-fixed-topbox .p-menu-order-listbox .p-menu-order-listbox_tab .p-menu-order-listbox_tab_radio:checked + .p-menu-order-listbox_tab_label.category_red span {
          background-color: #E55758; }
        .p-menu-order-fixed-topbox .p-menu-order-listbox .p-menu-order-listbox_tab .p-menu-order-listbox_tab_radio:checked + .p-menu-order-listbox_tab_label.category_blue span {
          background-color: #2F81D5; }
        .p-menu-order-fixed-topbox .p-menu-order-listbox .p-menu-order-listbox_tab .p-menu-order-listbox_tab_radio:checked + .p-menu-order-listbox_tab_label.category_purple span {
          background-color: #906CD8; }
        .p-menu-order-fixed-topbox .p-menu-order-listbox .p-menu-order-listbox_tab .p-menu-order-listbox_tab_radio:checked + .p-menu-order-listbox_tab_label::after {
          width: 100vw;
          transition: all 0.5s; }
    .p-menu-order-fixed-topbox .p-menu-order-listbox .p-menu-order-listbox_tab .p-menu-order-listbox_tab_label {
      box-sizing: border-box;
      display: inline-block;
      text-align: center;
      transition: all 0.5s;
      padding: 0 0 0;
      font-size: calc(9px + 1vw);
      line-height: calc(12px + 1vw);
      cursor: pointer;
      width: 80px;
      box-sizing: border-box;
      color: #FFF;
      vertical-align: top;
      border-radius: 1px 1px 0 0; }
      .p-menu-order-fixed-topbox .p-menu-order-listbox .p-menu-order-listbox_tab .p-menu-order-listbox_tab_label span {
        transition: all 0.5s;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 30px;
        padding: 5px 0 20px;
        position: relative;
        top: 15px;
        pointer-events: none; }
      .p-menu-order-fixed-topbox .p-menu-order-listbox .p-menu-order-listbox_tab .p-menu-order-listbox_tab_label::after {
        content: '';
        display: block;
        width: 0;
        height: 3px;
        background-color: #54BAD1;
        transition: all 0.5s;
        position: absolute;
        bottom: 0px;
        left: 0px;
        z-index: 1; }
      .p-menu-order-fixed-topbox .p-menu-order-listbox .p-menu-order-listbox_tab .p-menu-order-listbox_tab_label.category_rank span {
        background-color: #F55044; }
      .p-menu-order-fixed-topbox .p-menu-order-listbox .p-menu-order-listbox_tab .p-menu-order-listbox_tab_label.category_rank::after {
        background-color: #F55044; }
      .p-menu-order-fixed-topbox .p-menu-order-listbox .p-menu-order-listbox_tab .p-menu-order-listbox_tab_label.category_l-blue span {
        background-color: #54BAD1; }
      .p-menu-order-fixed-topbox .p-menu-order-listbox .p-menu-order-listbox_tab .p-menu-order-listbox_tab_label.category_l-blue::after {
        background-color: #54BAD1; }
      .p-menu-order-fixed-topbox .p-menu-order-listbox .p-menu-order-listbox_tab .p-menu-order-listbox_tab_label.category_green span {
        background-color: #6DB44E; }
      .p-menu-order-fixed-topbox .p-menu-order-listbox .p-menu-order-listbox_tab .p-menu-order-listbox_tab_label.category_green::after {
        background-color: #6DB44E; }
      .p-menu-order-fixed-topbox .p-menu-order-listbox .p-menu-order-listbox_tab .p-menu-order-listbox_tab_label.category_yellow span {
        background-color: #F9AC19; }
      .p-menu-order-fixed-topbox .p-menu-order-listbox .p-menu-order-listbox_tab .p-menu-order-listbox_tab_label.category_yellow::after {
        background-color: #F9AC19; }
      .p-menu-order-fixed-topbox .p-menu-order-listbox .p-menu-order-listbox_tab .p-menu-order-listbox_tab_label.category_orange span {
        background-color: #FA7F49; }
      .p-menu-order-fixed-topbox .p-menu-order-listbox .p-menu-order-listbox_tab .p-menu-order-listbox_tab_label.category_orange::after {
        background-color: #FA7F49; }
      .p-menu-order-fixed-topbox .p-menu-order-listbox .p-menu-order-listbox_tab .p-menu-order-listbox_tab_label.category_red span {
        background-color: #E55758; }
      .p-menu-order-fixed-topbox .p-menu-order-listbox .p-menu-order-listbox_tab .p-menu-order-listbox_tab_label.category_red::after {
        background-color: #E55758; }
      .p-menu-order-fixed-topbox .p-menu-order-listbox .p-menu-order-listbox_tab .p-menu-order-listbox_tab_label.category_blue span {
        background-color: #2F81D5; }
      .p-menu-order-fixed-topbox .p-menu-order-listbox .p-menu-order-listbox_tab .p-menu-order-listbox_tab_label.category_blue::after {
        background-color: #2F81D5; }
      .p-menu-order-fixed-topbox .p-menu-order-listbox .p-menu-order-listbox_tab .p-menu-order-listbox_tab_label.category_purple span {
        background-color: #906CD8; }
      .p-menu-order-fixed-topbox .p-menu-order-listbox .p-menu-order-listbox_tab .p-menu-order-listbox_tab_label.category_purple::after {
        background-color: #906CD8; }
  .p-menu-order-fixed-topbox .p-menu-order-tablebox {
    text-align: center; }
    .p-menu-order-fixed-topbox .p-menu-order-tablebox .p-menu-order-tablebox_txt {
      padding-top: 15px;
      background-color: #FFF;
      font-size: calc(8px + 1vw);
      width: 100vw;
      height: 57px;
      box-sizing: border-box; }
      .p-menu-order-fixed-topbox .p-menu-order-tablebox .p-menu-order-tablebox_txt .u-danger {
        padding-bottom: 2px; }
    .p-menu-order-fixed-topbox .p-menu-order-tablebox .p-menu-order-tablebox_switch {
      display: flex;
      justify-content: space-between;
      width: 100vw;
      box-sizing: border-box;
      padding: 5px 10px;
      background-color: #FFF;
      align-items: center; }
      .p-menu-order-fixed-topbox .p-menu-order-tablebox .p-menu-order-tablebox_switch .sum_box {
        align-self: flex-end;
        border-bottom: solid 2px #EBEBEB;
        padding-bottom: 3px;
        margin-bottom: 5px; }
        .p-menu-order-fixed-topbox .p-menu-order-tablebox .p-menu-order-tablebox_switch .sum_box .sum_box_txt {
          display: inline-block;
          font-size: calc(8px + 1vw);
          font-weight: bold;
          line-height: calc(12px + 1vw);
          padding-right: 5px; }
        .p-menu-order-fixed-topbox .p-menu-order-tablebox .p-menu-order-tablebox_switch .sum_box .sum_box_price {
          display: inline-block;
          font-size: calc(12px + 1vw);
          line-height: calc(12px + 1vw); }
      .p-menu-order-fixed-topbox .p-menu-order-tablebox .p-menu-order-tablebox_switch .balance_box {
        align-self: flex-end;
        padding-bottom: 3px;
        margin: 20px 0px 5px; }
        .p-menu-order-fixed-topbox .p-menu-order-tablebox .p-menu-order-tablebox_switch .balance_box .balance_box_txt {
          display: inline-block;
          font-size: calc(8px + 1vw);
          font-weight: normal;
          line-height: calc(12px + 1vw); }
        .p-menu-order-fixed-topbox .p-menu-order-tablebox .p-menu-order-tablebox_switch .balance_box .balance_box_price {
          display: inline-block;
          font-size: calc(8px + 1vw);
          line-height: calc(12px + 1vw); }
      .p-menu-order-fixed-topbox .p-menu-order-tablebox .p-menu-order-tablebox_switch .sum_month_box {
        align-self: flex-end;
        border-bottom: solid 2px #EBEBEB;
        padding-bottom: 3px;
        margin-bottom: 5px; }
        .p-menu-order-fixed-topbox .p-menu-order-tablebox .p-menu-order-tablebox_switch .sum_month_box .sum_month_box_txt {
          display: inline-block;
          font-size: calc(10px + 1vw);
          font-weight: bold;
          line-height: calc(16px + 1vw);
          padding-right: 10px; }
        .p-menu-order-fixed-topbox .p-menu-order-tablebox .p-menu-order-tablebox_switch .sum_month_box .sum_month_box_price {
          display: inline-block;
          font-size: calc(16px + 1vw);
          line-height: calc(16px + 1vw); }
          .p-menu-order-fixed-topbox .p-menu-order-tablebox .p-menu-order-tablebox_switch .sum_month_box .sum_month_box_price span {
            font-size: calc(10px + 1vw);
            padding-left: 2px; }
    .p-menu-order-fixed-topbox .p-menu-order-tablebox .p-menu-order-tablebox_th {
      background-color: #FFF;
      font-size: calc(10px + 1vw);
      width: 100vw;
      height: 44px; }
      .p-menu-order-fixed-topbox .p-menu-order-tablebox .p-menu-order-tablebox_th .tablebox_th {
        display: flex;
        border-top: 1px solid #EBEBEB;
        border-left: 1px solid #EBEBEB;
        color: #40A0B7; }
        .p-menu-order-fixed-topbox .p-menu-order-tablebox .p-menu-order-tablebox_th .tablebox_th .tablebox_th_left {
          position: relative;
          flex: 1;
          padding: 10px 0;
          padding-left: 20px;
          background-color: #F5F5F5; }
          .p-menu-order-fixed-topbox .p-menu-order-tablebox .p-menu-order-tablebox_th .tablebox_th .tablebox_th_left::after {
            content: '';
            display: block;
            width: 2px;
            height: 32px;
            background-color: #FFF;
            position: absolute;
            top: 5px;
            right: 0px; }
        .p-menu-order-fixed-topbox .p-menu-order-tablebox .p-menu-order-tablebox_th .tablebox_th .tablebox_th_right {
          width: 92px;
          padding: 10px 0;
          background-color: #F5F5F5; }
          .p-menu-order-fixed-topbox .p-menu-order-tablebox .p-menu-order-tablebox_th .tablebox_th .tablebox_th_right.history {
            width: 68px; }

.p-menu-order-contentbox {
  position: relative;
  top: 0px;
  left: 0; }
  .p-menu-order-contentbox .card-box_inner {
    padding: 10px; }
  .p-menu-order-contentbox .card-box {
    background-color: #FFF;
    padding-bottom: 80px;
    height: auto;
    max-height: 85vh;
    overflow: scroll; }
    .p-menu-order-contentbox .card-box.serving_card {
      margin: 10px 10px;
      padding: 10px;
      border: solid 1px #FFF;
      box-sizing: border-box;
      border-radius: 5px; }
    .p-menu-order-contentbox .card-box.sales_card {
      margin: 10px 20px;
      padding: 20px;
      border: solid 1px #FFF;
      box-sizing: border-box;
      border-radius: 5px; }
    .p-menu-order-contentbox .card-box.reply_card {
      margin: 10px 20px;
      padding: 30px 20px;
      border: solid 1px #FFF;
      box-sizing: border-box;
      border-radius: 5px; }
    .p-menu-order-contentbox .card-box .label_box .card-box__description {
      border-top: none;
      border-bottom: 0.5px solid #EBEBEB;
      padding: 0 0 10px;
      margin-bottom: 20px; }
    .p-menu-order-contentbox .card-box .tl_menu_txt_01 {
      font-size: calc(12px + 1vw);
      display: block;
      border-bottom: 2px solid #54BAD1;
      padding-bottom: 10px; }
    .p-menu-order-contentbox .card-box .tl_menu_txt_02 {
      font-size: calc(10px + 1vw);
      font-weight: bold;
      text-align: center;
      margin-top: 30px;
      margin-bottom: 20px; }
      .p-menu-order-contentbox .card-box .tl_menu_txt_02 > p {
        position: relative;
        display: inline-block;
        padding: 0 55px; }
        .p-menu-order-contentbox .card-box .tl_menu_txt_02 > p::before, .p-menu-order-contentbox .card-box .tl_menu_txt_02 > p::after {
          content: '';
          position: absolute;
          top: 50%;
          display: inline-block;
          width: 45px;
          height: 1px;
          background-color: #54BAD1; }
        .p-menu-order-contentbox .card-box .tl_menu_txt_02 > p::before {
          left: 0; }
        .p-menu-order-contentbox .card-box .tl_menu_txt_02 > p::after {
          right: 0; }
    .p-menu-order-contentbox .card-box .menu_box_single {
      width: 100%;
      margin: 0 auto; }
      .p-menu-order-contentbox .card-box .menu_box_single .menu_box {
        position: relative;
        margin: 15px auto; }
        .p-menu-order-contentbox .card-box .menu_box_single .menu_box .img_box {
          position: relative; }
          .p-menu-order-contentbox .card-box .menu_box_single .menu_box .img_box img {
            width: 100%;
            height: 200px;
            -o-object-fit: cover;
            object-fit: cover; }
          .p-menu-order-contentbox .card-box .menu_box_single .menu_box .img_box .flag {
            position: absolute;
            top: 0px;
            left: 0px;
            min-width: 60px;
            min-height: 60px;
            z-index: 6; }
            .p-menu-order-contentbox .card-box .menu_box_single .menu_box .img_box .flag .recommend, .p-menu-order-contentbox .card-box .menu_box_single .menu_box .img_box .flag .rank {
              display: block;
              padding: 4px 9px 3px 9px;
              color: #FFF;
              background: #E73732;
              font-size: calc(8px + 1vw);
              position: relative;
              top: -9px;
              left: 7px;
              margin-right: 5px;
              vertical-align: middle;
              text-align: center; }
              .p-menu-order-contentbox .card-box .menu_box_single .menu_box .img_box .flag .recommend::before, .p-menu-order-contentbox .card-box .menu_box_single .menu_box .img_box .flag .rank::before {
                position: absolute;
                content: '';
                top: 2px;
                left: -7px;
                border: none;
                border-bottom: solid 5px transparent;
                border-right: solid 9px #E73732;
                -webkit-transform: rotate(90deg);
                        transform: rotate(90deg); }
            .p-menu-order-contentbox .card-box .menu_box_single .menu_box .img_box .flag .rank .rank_txt {
              font-size: calc(8px + 1vw);
              font-weight: bold; }
            .p-menu-order-contentbox .card-box .menu_box_single .menu_box .img_box .flag .rank img {
              display: block;
              width: 60px;
              height: auto; }
            .p-menu-order-contentbox .card-box .menu_box_single .menu_box .img_box .flag .favorite {
              display: inline-block;
              width: 22px;
              height: 32px;
              margin-left: 10px;
              box-sizing: border-box;
              vertical-align: middle;
              position: relative;
              top: -3px;
              left: 0px; }
              .p-menu-order-contentbox .card-box .menu_box_single .menu_box .img_box .flag .favorite img {
                width: 22px;
                height: 22px; }
          .p-menu-order-contentbox .card-box .menu_box_single .menu_box .img_box .menu_review_star {
            position: absolute;
            top: -9px;
            right: 5px;
            background-color: rgba(59, 59, 59, 0.6);
            border-radius: 50px;
            padding: 2px 4px 2px 6px; }
            .p-menu-order-contentbox .card-box .menu_box_single .menu_box .img_box .menu_review_star .star-rating > label.full:before,
            .p-menu-order-contentbox .card-box .menu_box_single .menu_box .img_box .menu_review_star .star-rating > label.half:before {
              font-size: calc(6px + 1vw); }
            .p-menu-order-contentbox .card-box .menu_box_single .menu_box .img_box .menu_review_star .star-rating > label {
              font-size: calc(8px + 1vw); }
          .p-menu-order-contentbox .card-box .menu_box_single .menu_box .img_box .add_topping_box {
            width: 110px;
            height: 34px;
            position: absolute;
            top: 10px;
            right: 0px;
            z-index: 1;
            color: #292724;
            line-height: 34px; }
            .p-menu-order-contentbox .card-box .menu_box_single .menu_box .img_box .add_topping_box .txt_topping {
              font-size: calc(8px + 1vw); }
              .p-menu-order-contentbox .card-box .menu_box_single .menu_box .img_box .add_topping_box .txt_topping span {
                font-weight: bold;
                font-size: calc(12px + 1vw); }
          .p-menu-order-contentbox .card-box .menu_box_single .menu_box .img_box .add_topping_box_bk {
            width: 110px;
            height: 34px;
            position: absolute;
            top: 10px;
            right: 10px;
            border-radius: 50px;
            -webkit-filter: drop-shadow(0 0 10px white);
            filter: drop-shadow(0 0 10px white);
            background-color: rgba(225, 225, 225, 0.6); }
          .p-menu-order-contentbox .card-box .menu_box_single .menu_box .img_box .add_order_box {
            display: flex;
            justify-content: center;
            position: absolute;
            width: 146px;
            bottom: 0;
            left: 50%;
            margin-left: -73px;
            z-index: 1; }
            .p-menu-order-contentbox .card-box .menu_box_single .menu_box .img_box .add_order_box .minus {
              font-size: calc(100px + 1vw);
              position: relative;
              width: 33px;
              height: 33px;
              top: -9px;
              text-align: center;
              line-height: 33px;
              border: 1px solid #54B9D1;
              border-radius: 100%;
              background-color: #fff; }
              .p-menu-order-contentbox .card-box .menu_box_single .menu_box .img_box .add_order_box .minus span.minus_tap_area {
                position: absolute; }
            .p-menu-order-contentbox .card-box .menu_box_single .menu_box .img_box .add_order_box .minus::before {
              position: absolute;
              top: 15px;
              left: 7px;
              width: 19px;
              height: 2px;
              content: "";
              background-color: #54B9D1; }
            .p-menu-order-contentbox .card-box .menu_box_single .menu_box .img_box .add_order_box .plus {
              font-size: calc(100px + 1vw);
              position: relative;
              width: 33px;
              height: 33px;
              top: -9px;
              text-align: center;
              line-height: 33px;
              border: 1px solid #54B9D1;
              border-radius: 100%;
              background-color: #fff; }
            .p-menu-order-contentbox .card-box .menu_box_single .menu_box .img_box .add_order_box .plus::before {
              position: absolute;
              top: 7px;
              left: 16px;
              width: 2px;
              height: 19px;
              content: "";
              background-color: #54B9D1; }
            .p-menu-order-contentbox .card-box .menu_box_single .menu_box .img_box .add_order_box .plus::after {
              position: absolute;
              top: 15px;
              left: 7px;
              width: 19px;
              height: 2px;
              content: "";
              background-color: #54B9D1; }
            .p-menu-order-contentbox .card-box .menu_box_single .menu_box .img_box .add_order_box .add_order_num {
              margin: 0 10px;
              font-size: calc(30px + 1vw);
              font-weight: bold;
              color: #292724;
              line-height: 20px; }
          .p-menu-order-contentbox .card-box .menu_box_single .menu_box .img_box .add_order_box_bk {
            width: 146px;
            height: 55px;
            position: absolute;
            bottom: 3px;
            left: 50%;
            margin-left: -73px;
            -webkit-filter: drop-shadow(0 0 10px white);
            filter: drop-shadow(0 0 10px white);
            background-color: rgba(225, 225, 225, 0.4); }
          .p-menu-order-contentbox .card-box .menu_box_single .menu_box .img_box .order_btn_box {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            z-index: 2; }
          .p-menu-order-contentbox .card-box .menu_box_single .menu_box .img_box .tup_area_box .minus_tup_area {
            width: 50%;
            height: 55px;
            position: absolute;
            bottom: 2px;
            left: 0;
            z-index: 2; }
          .p-menu-order-contentbox .card-box .menu_box_single .menu_box .img_box .tup_area_box .plus_tup_area {
            width: 50%;
            height: 55px;
            position: absolute;
            bottom: 2px;
            right: 0;
            z-index: 2; }
          .p-menu-order-contentbox .card-box .menu_box_single .menu_box .img_box .add_link_box,
          .p-menu-order-contentbox .card-box .menu_box_single .menu_box .img_box .flag_btn_box {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 2; }
        .p-menu-order-contentbox .card-box .menu_box_single .menu_box .menu_txt {
          display: flex;
          justify-content: space-between;
          width: 100%;
          font-size: calc(12px + 1vw);
          line-height: calc(20px + 1vw);
          padding-top: 5px;
          padding-bottom: 10px; }
          .p-menu-order-contentbox .card-box .menu_box_single .menu_box .menu_txt .txt_menu_name {
            flex: 1; }
          .p-menu-order-contentbox .card-box .menu_box_single .menu_box .menu_txt .price_box .txt_menu_price {
            width: 70px;
            text-align: right;
            padding-left: 15px; }
            .p-menu-order-contentbox .card-box .menu_box_single .menu_box .menu_txt .price_box .txt_menu_price .price span {
              font-size: calc(10px + 1vw);
              padding-left: 2px; }
          .p-menu-order-contentbox .card-box .menu_box_single .menu_box .menu_txt .price_box.cancel_line {
            color: #E55758;
            position: relative; }
            .p-menu-order-contentbox .card-box .menu_box_single .menu_box .menu_txt .price_box.cancel_line .txt_menu_cancel_price {
              width: 70px;
              text-align: right;
              padding: 2px 0 0 15px;
              text-decoration: line-through;
              font-size: calc(10px + 1vw);
              line-height: calc(14px + 1vw); }
              .p-menu-order-contentbox .card-box .menu_box_single .menu_box .menu_txt .price_box.cancel_line .txt_menu_cancel_price .price {
                color: #4E4E4E; }
                .p-menu-order-contentbox .card-box .menu_box_single .menu_box .menu_txt .price_box.cancel_line .txt_menu_cancel_price .price span {
                  font-size: calc(8px + 1vw); }
            .p-menu-order-contentbox .card-box .menu_box_single .menu_box .menu_txt .price_box.cancel_line .txt_menu_price {
              font-weight: bold; }
            .p-menu-order-contentbox .card-box .menu_box_single .menu_box .menu_txt .price_box.cancel_line::before {
              content: '';
              width: 50px;
              height: 76px;
              background-image: url(../img/ico_sp_limit.svg);
              background-repeat: no-repeat;
              background-size: 100%;
              display: inline-block;
              position: absolute;
              top: -76px;
              right: 0px; }
      .p-menu-order-contentbox .card-box .menu_box_single.receive_edit_cont .img_box .status_btn_box {
        z-index: 5; }
        .p-menu-order-contentbox .card-box .menu_box_single.receive_edit_cont .img_box .status_btn_box .txt_display_status {
          font-weight: bold;
          line-height: 55px;
          color: #292724;
          font-size: calc(14px + 1vw); }
      .p-menu-order-contentbox .card-box .menu_box_single.receive_edit_cont .img_box .add_order_box_bk {
        -webkit-filter: none;
        filter: none;
        background-color: rgba(225, 225, 225, 0.7);
        z-index: 3; }
      .p-menu-order-contentbox .card-box .menu_box_single.receive_edit_cont .img_box .flag_btn_box {
        z-index: 4; }
    .p-menu-order-contentbox .card-box .menu_box_two_line {
      width: 100%;
      margin: 15px auto; }
      .p-menu-order-contentbox .card-box .menu_box_two_line ul.two_line_list {
        list-style-type: none;
        display: flex;
        flex-wrap: wrap;
        padding: 0;
        margin: 0; }
        .p-menu-order-contentbox .card-box .menu_box_two_line ul.two_line_list li {
          width: calc( 50% - 5px);
          margin-right: 10px;
          margin-bottom: 15px;
          box-sizing: border-box; }
          .p-menu-order-contentbox .card-box .menu_box_two_line ul.two_line_list li:nth-child(2n) {
            margin-right: 0px; }
          .p-menu-order-contentbox .card-box .menu_box_two_line ul.two_line_list li .menu_box {
            position: relative;
            width: 100%;
            height: 100%; }
            .p-menu-order-contentbox .card-box .menu_box_two_line ul.two_line_list li .menu_box .img_box {
              position: relative; }
              .p-menu-order-contentbox .card-box .menu_box_two_line ul.two_line_list li .menu_box .img_box img {
                width: 100%;
                height: 100px;
                -o-object-fit: cover;
                object-fit: cover; }
              .p-menu-order-contentbox .card-box .menu_box_two_line ul.two_line_list li .menu_box .img_box .flag {
                position: absolute;
                top: 0px;
                left: 0px;
                min-width: 50px;
                min-height: 50px;
                z-index: 6; }
                .p-menu-order-contentbox .card-box .menu_box_two_line ul.two_line_list li .menu_box .img_box .flag .recommend, .p-menu-order-contentbox .card-box .menu_box_two_line ul.two_line_list li .menu_box .img_box .flag .rank {
                  display: block;
                  padding: 4px 6px 3px 6px;
                  color: #FFF;
                  background: #E73732;
                  font-size: calc(8px + 1vw);
                  position: relative;
                  top: -9px;
                  left: 7px;
                  margin-right: 5px;
                  vertical-align: middle; }
                  .p-menu-order-contentbox .card-box .menu_box_two_line ul.two_line_list li .menu_box .img_box .flag .recommend::before, .p-menu-order-contentbox .card-box .menu_box_two_line ul.two_line_list li .menu_box .img_box .flag .rank::before {
                    position: absolute;
                    content: '';
                    top: 2px;
                    left: -7px;
                    border: none;
                    border-bottom: solid 5px transparent;
                    border-right: solid 9px #E73732;
                    -webkit-transform: rotate(90deg);
                            transform: rotate(90deg); }
                .p-menu-order-contentbox .card-box .menu_box_two_line ul.two_line_list li .menu_box .img_box .flag .rank {
                  width: 76px; }
                  .p-menu-order-contentbox .card-box .menu_box_two_line ul.two_line_list li .menu_box .img_box .flag .rank .rank_txt {
                    position: relative;
                    top: 1px; }
                  .p-menu-order-contentbox .card-box .menu_box_two_line ul.two_line_list li .menu_box .img_box .flag .rank img {
                    width: 46px;
                    height: auto;
                    position: absolute;
                    top: -5px;
                    right: 12px; }
                .p-menu-order-contentbox .card-box .menu_box_two_line ul.two_line_list li .menu_box .img_box .flag .favorite {
                  display: inline-block;
                  width: 20px;
                  height: 26px;
                  box-sizing: border-box;
                  margin-left: 8px;
                  vertical-align: middle;
                  position: relative;
                  top: -3px;
                  left: 0px; }
                  .p-menu-order-contentbox .card-box .menu_box_two_line ul.two_line_list li .menu_box .img_box .flag .favorite img {
                    width: 20px;
                    height: 20px; }
              .p-menu-order-contentbox .card-box .menu_box_two_line ul.two_line_list li .menu_box .img_box .menu_review_star {
                position: absolute;
                top: -9px;
                right: 3px;
                background-color: rgba(59, 59, 59, 0.6);
                border-radius: 50px;
                padding: 1px 4px 1px 6px; }
                .p-menu-order-contentbox .card-box .menu_box_two_line ul.two_line_list li .menu_box .img_box .menu_review_star .star-rating > label.full:before,
                .p-menu-order-contentbox .card-box .menu_box_two_line ul.two_line_list li .menu_box .img_box .menu_review_star .star-rating > label.half:before {
                  font-size: calc(2px + 1vw); }
                .p-menu-order-contentbox .card-box .menu_box_two_line ul.two_line_list li .menu_box .img_box .menu_review_star .star-rating > label {
                  font-size: calc(4px + 1vw); }
              .p-menu-order-contentbox .card-box .menu_box_two_line ul.two_line_list li .menu_box .img_box .add_order_box {
                display: flex;
                justify-content: center;
                position: absolute;
                width: 146px;
                bottom: 0;
                left: 50%;
                margin-left: -73px;
                z-index: 1; }
                .p-menu-order-contentbox .card-box .menu_box_two_line ul.two_line_list li .menu_box .img_box .add_order_box .minus {
                  font-size: calc(100px + 1vw);
                  position: relative;
                  width: 33px;
                  height: 33px;
                  top: -9px;
                  text-align: center;
                  line-height: 33px;
                  border: 1px solid #54B9D1;
                  border-radius: 100%;
                  background-color: #fff; }
                  .p-menu-order-contentbox .card-box .menu_box_two_line ul.two_line_list li .menu_box .img_box .add_order_box .minus span.minus_tap_area {
                    position: absolute; }
                .p-menu-order-contentbox .card-box .menu_box_two_line ul.two_line_list li .menu_box .img_box .add_order_box .minus::before {
                  position: absolute;
                  top: 15px;
                  left: 7px;
                  width: 19px;
                  height: 2px;
                  content: "";
                  background-color: #54B9D1; }
                .p-menu-order-contentbox .card-box .menu_box_two_line ul.two_line_list li .menu_box .img_box .add_order_box .plus {
                  font-size: calc(100px + 1vw);
                  position: relative;
                  width: 33px;
                  height: 33px;
                  top: -9px;
                  text-align: center;
                  line-height: 33px;
                  border: 1px solid #54B9D1;
                  border-radius: 100%;
                  background-color: #fff; }
                .p-menu-order-contentbox .card-box .menu_box_two_line ul.two_line_list li .menu_box .img_box .add_order_box .plus::before {
                  position: absolute;
                  top: 7px;
                  left: 16px;
                  width: 2px;
                  height: 19px;
                  content: "";
                  background-color: #54B9D1; }
                .p-menu-order-contentbox .card-box .menu_box_two_line ul.two_line_list li .menu_box .img_box .add_order_box .plus::after {
                  position: absolute;
                  top: 15px;
                  left: 7px;
                  width: 19px;
                  height: 2px;
                  content: "";
                  background-color: #54B9D1; }
                .p-menu-order-contentbox .card-box .menu_box_two_line ul.two_line_list li .menu_box .img_box .add_order_box .add_order_num {
                  margin: 0 10px;
                  font-size: calc(30px + 1vw);
                  font-weight: bold;
                  color: #292724;
                  line-height: 20px; }
              .p-menu-order-contentbox .card-box .menu_box_two_line ul.two_line_list li .menu_box .img_box .add_order_box_bk {
                width: 120px;
                height: 40px;
                position: absolute;
                bottom: 3px;
                left: 50%;
                margin-left: -60px;
                -webkit-filter: drop-shadow(0 0 10px white);
                filter: drop-shadow(0 0 10px white);
                background-color: rgba(225, 225, 225, 0.4); }
              .p-menu-order-contentbox .card-box .menu_box_two_line ul.two_line_list li .menu_box .img_box .order_btn_box {
                position: absolute;
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                z-index: 2; }
              .p-menu-order-contentbox .card-box .menu_box_two_line ul.two_line_list li .menu_box .img_box .tup_area_box .minus_tup_area {
                width: 50%;
                height: 40px;
                position: absolute;
                bottom: 2px;
                left: 0;
                z-index: 2; }
              .p-menu-order-contentbox .card-box .menu_box_two_line ul.two_line_list li .menu_box .img_box .tup_area_box .plus_tup_area {
                width: 50%;
                height: 40px;
                position: absolute;
                bottom: 2px;
                right: 0;
                z-index: 2; }
              .p-menu-order-contentbox .card-box .menu_box_two_line ul.two_line_list li .menu_box .img_box .flag_btn_box {
                width: 100%;
                height: 100%;
                position: absolute;
                top: 0;
                left: 0;
                z-index: 2; }
            .p-menu-order-contentbox .card-box .menu_box_two_line ul.two_line_list li .menu_box .menu_txt {
              display: flex;
              justify-content: space-between;
              width: 100%;
              font-size: calc(10px + 1vw);
              line-height: calc(16px + 1vw);
              padding-top: 5px;
              padding-bottom: 10px; }
              .p-menu-order-contentbox .card-box .menu_box_two_line ul.two_line_list li .menu_box .menu_txt .txt_menu_name {
                flex: 1; }
              .p-menu-order-contentbox .card-box .menu_box_two_line ul.two_line_list li .menu_box .menu_txt .price_box .txt_menu_price {
                width: 55px;
                text-align: right;
                padding-left: 5px; }
                .p-menu-order-contentbox .card-box .menu_box_two_line ul.two_line_list li .menu_box .menu_txt .price_box .txt_menu_price .price span {
                  font-size: calc(8px + 1vw);
                  padding-left: 2px; }
              .p-menu-order-contentbox .card-box .menu_box_two_line ul.two_line_list li .menu_box .menu_txt .price_box.cancel_line {
                color: #E55758;
                position: relative; }
                .p-menu-order-contentbox .card-box .menu_box_two_line ul.two_line_list li .menu_box .menu_txt .price_box.cancel_line .txt_menu_cancel_price {
                  width: 55px;
                  text-align: right;
                  padding: 3px 0 0 5px;
                  text-decoration: line-through;
                  font-size: calc(8px + 1vw);
                  line-height: calc(12px + 1vw); }
                  .p-menu-order-contentbox .card-box .menu_box_two_line ul.two_line_list li .menu_box .menu_txt .price_box.cancel_line .txt_menu_cancel_price .price {
                    color: #4E4E4E; }
                    .p-menu-order-contentbox .card-box .menu_box_two_line ul.two_line_list li .menu_box .menu_txt .price_box.cancel_line .txt_menu_cancel_price .price span {
                      font-size: calc(6px + 1vw); }
                .p-menu-order-contentbox .card-box .menu_box_two_line ul.two_line_list li .menu_box .menu_txt .price_box.cancel_line .txt_menu_price {
                  font-weight: bold; }
                .p-menu-order-contentbox .card-box .menu_box_two_line ul.two_line_list li .menu_box .menu_txt .price_box.cancel_line::before {
                  content: '';
                  width: 40px;
                  height: 60px;
                  background-image: url(../img/ico_sp_limit.svg);
                  background-repeat: no-repeat;
                  background-size: 100%;
                  display: inline-block;
                  position: absolute;
                  top: -62px;
                  right: 0px; }
      .p-menu-order-contentbox .card-box .menu_box_two_line.receive_edit_cont .two_line_list li .menu_box .img_box .status_btn_box {
        bottom: 0px;
        z-index: 5; }
        .p-menu-order-contentbox .card-box .menu_box_two_line.receive_edit_cont .two_line_list li .menu_box .img_box .status_btn_box .txt_display_status {
          font-weight: bold;
          line-height: 40px;
          color: #292724;
          font-size: calc(12px + 1vw); }
      .p-menu-order-contentbox .card-box .menu_box_two_line.receive_edit_cont .two_line_list li .menu_box .img_box .add_order_box_bk {
        -webkit-filter: none;
        filter: none;
        background-color: rgba(225, 225, 225, 0.7);
        z-index: 3; }
      .p-menu-order-contentbox .card-box .menu_box_two_line.receive_edit_cont .two_line_list li .menu_box .img_box .flag_btn_box {
        z-index: 4; }
    .p-menu-order-contentbox .card-box .menu_box_txt_line {
      width: 100%;
      margin: 15px auto; }
      .p-menu-order-contentbox .card-box .menu_box_txt_line ul.txt_line_list {
        list-style-type: none;
        display: block;
        padding: 0;
        margin: 0; }
        .p-menu-order-contentbox .card-box .menu_box_txt_line ul.txt_line_list li {
          position: relative;
          border: solid 1px #EBEBEB;
          background-color: #F6FCFD;
          padding: 20px 8px 20px 10px;
          margin-bottom: 15px; }
          .p-menu-order-contentbox .card-box .menu_box_txt_line ul.txt_line_list li .menu_box {
            width: 100%;
            display: flex;
            justify-content: space-around; }
            .p-menu-order-contentbox .card-box .menu_box_txt_line ul.txt_line_list li .menu_box .menu_txt_box {
              display: flex;
              flex: 1;
              margin-right: 8px; }
              .p-menu-order-contentbox .card-box .menu_box_txt_line ul.txt_line_list li .menu_box .menu_txt_box .menu_txt {
                display: flex;
                justify-content: space-between;
                width: 100%;
                font-size: calc(10px + 1vw);
                line-height: calc(16px + 1vw);
                padding-top: 1px;
                align-items: center; }
                .p-menu-order-contentbox .card-box .menu_box_txt_line ul.txt_line_list li .menu_box .menu_txt_box .menu_txt .txt_menu_name {
                  padding-top: 3px;
                  flex: 1; }
                .p-menu-order-contentbox .card-box .menu_box_txt_line ul.txt_line_list li .menu_box .menu_txt_box .menu_txt .price_box .txt_menu_price {
                  width: 55px;
                  text-align: right;
                  padding-left: 5px;
                  align-self: center; }
                  .p-menu-order-contentbox .card-box .menu_box_txt_line ul.txt_line_list li .menu_box .menu_txt_box .menu_txt .price_box .txt_menu_price .price span {
                    font-size: calc(8px + 1vw);
                    padding-left: 2px; }
                .p-menu-order-contentbox .card-box .menu_box_txt_line ul.txt_line_list li .menu_box .menu_txt_box .menu_txt .price_box.cancel_line {
                  color: #E55758;
                  position: relative; }
                  .p-menu-order-contentbox .card-box .menu_box_txt_line ul.txt_line_list li .menu_box .menu_txt_box .menu_txt .price_box.cancel_line .txt_menu_cancel_price {
                    width: 55px;
                    text-align: right;
                    padding: 4px 0 0 5px;
                    align-self: center;
                    text-decoration: line-through;
                    font-size: calc(8px + 1vw);
                    line-height: calc(12px + 1vw); }
                    .p-menu-order-contentbox .card-box .menu_box_txt_line ul.txt_line_list li .menu_box .menu_txt_box .menu_txt .price_box.cancel_line .txt_menu_cancel_price .price {
                      color: #4E4E4E; }
                      .p-menu-order-contentbox .card-box .menu_box_txt_line ul.txt_line_list li .menu_box .menu_txt_box .menu_txt .price_box.cancel_line .txt_menu_cancel_price .price span {
                        font-size: calc(6px + 1vw); }
                  .p-menu-order-contentbox .card-box .menu_box_txt_line ul.txt_line_list li .menu_box .menu_txt_box .menu_txt .price_box.cancel_line .txt_menu_price {
                    font-weight: bold; }
                  .p-menu-order-contentbox .card-box .menu_box_txt_line ul.txt_line_list li .menu_box .menu_txt_box .menu_txt .price_box.cancel_line::before {
                    content: '';
                    width: 80px;
                    height: 34px;
                    background-image: url(../img/ico_sp_limit_min.svg);
                    background-repeat: no-repeat;
                    background-size: 100%;
                    display: inline-block;
                    position: absolute;
                    top: -34px;
                    right: -70px; }
              .p-menu-order-contentbox .card-box .menu_box_txt_line ul.txt_line_list li .menu_box .menu_txt_box .flag {
                position: absolute;
                top: -10px;
                left: 0px;
                min-width: 120px;
                min-height: 30px;
                z-index: 6; }
                .p-menu-order-contentbox .card-box .menu_box_txt_line ul.txt_line_list li .menu_box .menu_txt_box .flag .recommend {
                  display: inline-block;
                  padding: 3px 10px;
                  color: #FFF;
                  background: #E73732;
                  font-size: calc(6px + 1vw);
                  position: relative;
                  top: 0px;
                  left: 7px;
                  margin-right: 5px;
                  vertical-align: middle; }
                  .p-menu-order-contentbox .card-box .menu_box_txt_line ul.txt_line_list li .menu_box .menu_txt_box .flag .recommend::before {
                    position: absolute;
                    content: '';
                    top: 2px;
                    left: -7px;
                    border: none;
                    border-bottom: solid 5px transparent;
                    border-right: solid 9px #E73732;
                    -webkit-transform: rotate(90deg);
                            transform: rotate(90deg); }
                .p-menu-order-contentbox .card-box .menu_box_txt_line ul.txt_line_list li .menu_box .menu_txt_box .flag .favorite {
                  display: inline-block;
                  width: 20px;
                  height: 20px;
                  margin-left: 6px;
                  vertical-align: middle; }
                  .p-menu-order-contentbox .card-box .menu_box_txt_line ul.txt_line_list li .menu_box .menu_txt_box .flag .favorite img {
                    width: 20px;
                    height: 20px; }
                .p-menu-order-contentbox .card-box .menu_box_txt_line ul.txt_line_list li .menu_box .menu_txt_box .flag .menu_review_star {
                  display: inline-block;
                  position: relative;
                  top: 6px;
                  right: -3px;
                  background-color: rgba(59, 59, 59, 0.6);
                  border-radius: 50px;
                  padding: 2px 4px 2px 6px; }
                  .p-menu-order-contentbox .card-box .menu_box_txt_line ul.txt_line_list li .menu_box .menu_txt_box .flag .menu_review_star .star-rating > label.full:before,
                  .p-menu-order-contentbox .card-box .menu_box_txt_line ul.txt_line_list li .menu_box .menu_txt_box .flag .menu_review_star .star-rating > label.half:before {
                    font-size: calc(6px + 1vw); }
                  .p-menu-order-contentbox .card-box .menu_box_txt_line ul.txt_line_list li .menu_box .menu_txt_box .flag .menu_review_star .star-rating > label {
                    font-size: calc(8px + 1vw); }
            .p-menu-order-contentbox .card-box .menu_box_txt_line ul.txt_line_list li .menu_box .order_btn_box {
              position: absolute;
              width: 100%;
              height: 100%;
              top: 0;
              left: 0;
              z-index: 1; }
            .p-menu-order-contentbox .card-box .menu_box_txt_line ul.txt_line_list li .menu_box .flag_btn_box {
              width: 100%;
              height: 100%;
              position: absolute;
              top: 0;
              left: 0;
              z-index: 2; }
            .p-menu-order-contentbox .card-box .menu_box_txt_line ul.txt_line_list li .menu_box .status_btn_box {
              width: 100px;
              height: 100%;
              position: absolute;
              top: 0;
              right: 0;
              z-index: 2; }
      .p-menu-order-contentbox .card-box .menu_box_txt_line.receive_edit_cont .txt_line_list li.bg_status_soldout {
        border: solid 1px #DEDEDE;
        background-color: #DEDEDE; }
      .p-menu-order-contentbox .card-box .menu_box_txt_line.receive_edit_cont .txt_line_list li.bg_status_hidden {
        border: solid 1px #DEDEDE;
        background-color: #DEDEDE;
        background-image: url(../img/ico_none.svg);
        background-repeat: no-repeat;
        background-size: auto 120%;
        background-position: 10% 50%; }
      .p-menu-order-contentbox .card-box .menu_box_txt_line.receive_edit_cont .txt_line_list li .add_order_box_min .txt_display_status {
        font-weight: bold;
        margin: 0 auto;
        padding-top: 5px; }
    .p-menu-order-contentbox .card-box .menu_box_txt_square .menu_list {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      list-style-type: none;
      padding: 0;
      margin: 0 -5px; }
      .p-menu-order-contentbox .card-box .menu_box_txt_square .menu_list > li {
        width: calc(100vw * 90 / 375);
        height: calc(100vw * 90 / 375);
        padding: 0 4px 8px;
        box-sizing: border-box; }
        .p-menu-order-contentbox .card-box .menu_box_txt_square .menu_list > li > a {
          display: block;
          width: 100%;
          height: 100%;
          border: solid 1px #EBEBEB;
          background-color: #FFF;
          padding: 4px 8px;
          box-sizing: border-box;
          color: #242424;
          text-decoration: none;
          position: relative; }
          .p-menu-order-contentbox .card-box .menu_box_txt_square .menu_list > li > a.selected {
            border: solid 2px #E55758; }
          .p-menu-order-contentbox .card-box .menu_box_txt_square .menu_list > li > a.bg_gray {
            background-color: #EBEBEB; }
          .p-menu-order-contentbox .card-box .menu_box_txt_square .menu_list > li > a.bg_blue_l {
            background-color: rgba(84, 186, 209, 0.25); }
          .p-menu-order-contentbox .card-box .menu_box_txt_square .menu_list > li > a.bg_green {
            background-color: rgba(109, 180, 78, 0.25); }
          .p-menu-order-contentbox .card-box .menu_box_txt_square .menu_list > li > a.bg_yellow {
            background-color: rgba(249, 172, 25, 0.25); }
          .p-menu-order-contentbox .card-box .menu_box_txt_square .menu_list > li > a.bg_orange {
            background-color: rgba(250, 127, 73, 0.25); }
          .p-menu-order-contentbox .card-box .menu_box_txt_square .menu_list > li > a.bg_red {
            background-color: rgba(229, 87, 88, 0.25); }
          .p-menu-order-contentbox .card-box .menu_box_txt_square .menu_list > li > a.bg_blue {
            background-color: rgba(47, 129, 213, 0.2); }
          .p-menu-order-contentbox .card-box .menu_box_txt_square .menu_list > li > a.bg_purple {
            background-color: rgba(144, 108, 216, 0.2); }
          .p-menu-order-contentbox .card-box .menu_box_txt_square .menu_list > li > a .badge_num {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 19px;
            height: 19px;
            position: absolute;
            background-color: #E55758;
            font-weight: bold;
            font-size: calc(6px + 1vw);
            border-radius: 50%;
            color: #FFF;
            position: absolute;
            top: -3px;
            right: -3px;
            box-sizing: border-box; }
  .p-menu-order-contentbox .add_order_box_min {
    align-self: center;
    display: flex;
    width: 80px;
    z-index: 1;
    padding-left: 8px; }
    .p-menu-order-contentbox .add_order_box_min .minus {
      font-size: calc(100px + 1vw);
      position: relative;
      width: 22px;
      height: 22px;
      top: 3px;
      text-align: center;
      line-height: 33px;
      border: 1px solid #54B9D1;
      border-radius: 100%;
      background-color: #fff; }
      .p-menu-order-contentbox .add_order_box_min .minus span.minus_tap_area {
        position: absolute; }
    .p-menu-order-contentbox .add_order_box_min .minus::before {
      position: absolute;
      top: 10px;
      left: 5px;
      width: 12px;
      height: 2px;
      content: "";
      background-color: #54B9D1; }
    .p-menu-order-contentbox .add_order_box_min .plus {
      font-size: calc(100px + 1vw);
      position: relative;
      width: 22px;
      height: 22px;
      top: 3px;
      text-align: center;
      line-height: 33px;
      border: 1px solid #54B9D1;
      border-radius: 100%;
      background-color: #fff; }
    .p-menu-order-contentbox .add_order_box_min .plus::before {
      position: absolute;
      top: 5px;
      left: 10px;
      width: 2px;
      height: 12px;
      content: "";
      background-color: #54B9D1; }
    .p-menu-order-contentbox .add_order_box_min .plus::after {
      position: absolute;
      top: 10px;
      left: 5px;
      width: 12px;
      height: 2px;
      content: "";
      background-color: #54B9D1; }
    .p-menu-order-contentbox .add_order_box_min .add_order_num {
      margin: 0 8px;
      font-size: calc(22px + 1vw);
      font-weight: bold;
      color: #292724; }
  .p-menu-order-contentbox .tup_area_box_min .minus_tup_area {
    width: 48px;
    height: 100%;
    position: absolute;
    bottom: 0px;
    right: 50px;
    z-index: 2; }
  .p-menu-order-contentbox .tup_area_box_min .plus_tup_area {
    width: 48px;
    height: 100%;
    position: absolute;
    bottom: 0px;
    right: 0px;
    z-index: 2; }

.contentbox_sales .txt_attention, .p-menu-order-contentbox.p-menu-order-contentbox_modal-pop .txt_attention {
  margin: 20px;
  font-size: calc(10px + 1vw);
  font-weight: bold;
  background-color: #FFF;
  padding: 20px 10px 15px;
  text-align: center;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); }
  .contentbox_sales .txt_attention .txt_delivery, .p-menu-order-contentbox.p-menu-order-contentbox_modal-pop .txt_attention .txt_delivery {
    margin-top: 5px;
    position: relative;
    padding: 10px 25px 10px 75px;
    font-size: calc(8px + 1vw);
    font-weight: normal;
    border: solid 1px #D53434;
    display: inline-block;
    text-align: left; }
    .contentbox_sales .txt_attention .txt_delivery ::before, .p-menu-order-contentbox.p-menu-order-contentbox_modal-pop .txt_attention .txt_delivery ::before {
      content: "";
      position: absolute;
      background: url(../img/ico_delivery_circle.svg) no-repeat;
      background-size: auto;
      background-size: 50px auto;
      width: 50px;
      height: 50px;
      left: 10px;
      top: 50%;
      margin-top: -25px; }

.contentbox_sales ul.sales_card_list, .p-menu-order-contentbox.p-menu-order-contentbox_modal-pop ul.sales_card_list {
  list-style-type: none;
  padding: 0;
  margin-bottom: 80px; }

.contentbox_sales .sals_details_box, .p-menu-order-contentbox.p-menu-order-contentbox_modal-pop .sals_details_box {
  color: #4E4E4E;
  text-align: left; }
  .contentbox_sales .sals_details_box .img_box, .p-menu-order-contentbox.p-menu-order-contentbox_modal-pop .sals_details_box .img_box {
    width: 100%;
    height: auto;
    margin-bottom: 15px;
    border: solid 1px #EBEBEB;
    box-sizing: border-box; }
    .contentbox_sales .sals_details_box .img_box img, .p-menu-order-contentbox.p-menu-order-contentbox_modal-pop .sals_details_box .img_box img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
      object-fit: cover;
      vertical-align: middle; }
  .contentbox_sales .sals_details_box .txt_box .product_name, .p-menu-order-contentbox.p-menu-order-contentbox_modal-pop .sals_details_box .txt_box .product_name {
    font-size: calc(14px + 1vw);
    margin-bottom: 3px; }
  .contentbox_sales .sals_details_box .txt_box .product_price, .p-menu-order-contentbox.p-menu-order-contentbox_modal-pop .sals_details_box .txt_box .product_price {
    font-size: calc(10px + 1vw);
    margin-bottom: 20px; }
    .contentbox_sales .sals_details_box .txt_box .product_price .product_price, .p-menu-order-contentbox.p-menu-order-contentbox_modal-pop .sals_details_box .txt_box .product_price .product_price {
      font-size: calc(12px + 1vw);
      padding-left: 10px; }
      .contentbox_sales .sals_details_box .txt_box .product_price .product_price span, .p-menu-order-contentbox.p-menu-order-contentbox_modal-pop .sals_details_box .txt_box .product_price .product_price span {
        font-size: calc(8px + 1vw); }
  .contentbox_sales .sals_details_box .txt_box .product_description, .p-menu-order-contentbox.p-menu-order-contentbox_modal-pop .sals_details_box .txt_box .product_description {
    font-size: calc(10px + 1vw);
    margin-bottom: 20px;
    line-height: 1.8; }
  .contentbox_sales .sals_details_box .txt_box .txt_message, .p-menu-order-contentbox.p-menu-order-contentbox_modal-pop .sals_details_box .txt_box .txt_message {
    text-align: center; }
  .contentbox_sales .sals_details_box .card-order-box__buttonbox, .p-menu-order-contentbox.p-menu-order-contentbox_modal-pop .sals_details_box .card-order-box__buttonbox {
    padding: 0 0; }

.p-menu-order-contentbox.p-menu-order-contentbox_modal-pop .card-box.pop_card {
  margin: 0px 20px;
  padding-bottom: 20px; }
  .p-menu-order-contentbox.p-menu-order-contentbox_modal-pop .card-box.pop_card .img_box {
    width: 90%;
    height: auto;
    margin: 20px auto 10px; }
    .p-menu-order-contentbox.p-menu-order-contentbox_modal-pop .card-box.pop_card .img_box img {
      width: 100%;
      height: 100%; }
  .p-menu-order-contentbox.p-menu-order-contentbox_modal-pop .card-box.pop_card .txt_box {
    text-align: left;
    padding: 0 15px; }
    .p-menu-order-contentbox.p-menu-order-contentbox_modal-pop .card-box.pop_card .txt_box .tl_description {
      margin-bottom: 10px;
      color: #E55758;
      font-size: calc(16px + 1vw); }
    .p-menu-order-contentbox.p-menu-order-contentbox_modal-pop .card-box.pop_card .txt_box .txt_description {
      color: #4E4E4E;
      height: 175px;
      overflow: hidden;
      overflow-y: scroll;
      margin-bottom: 20px;
      font-size: calc(12px + 1vw);
      line-height: 1.8;
      background-color: #FFF;
      box-shadow: 1px 1px 2px #B5B5B5 inset;
      padding: 10px; }

.p-menu-order-contentbox.p-menu-order-contentbox_modal-pop .card-box.sales_card {
  margin: 0px 20px; }
  .p-menu-order-contentbox.p-menu-order-contentbox_modal-pop .card-box.sales_card .txt_box .product_name {
    margin-bottom: 10px; }
  .p-menu-order-contentbox.p-menu-order-contentbox_modal-pop .card-box.sales_card .txt_box .product_description {
    height: 55px;
    overflow: hidden;
    margin-bottom: 30px; }

.p-menu-order-contentbox.p-menu-order-contentbox_modal-pop .card-box.review_card {
  box-sizing: border-box;
  height: calc(100vh - 40px);
  overflow-y: scroll;
  margin: 20px 20px;
  padding: 30px 30px;
  color: #4E4E4E;
  text-align: left; }
  .p-menu-order-contentbox.p-menu-order-contentbox_modal-pop .card-box.review_card .menu_detail_box img {
    width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover; }
  .p-menu-order-contentbox.p-menu-order-contentbox_modal-pop .card-box.review_card .menu_detail_box .tl_menu_detail {
    font-weight: bold;
    margin-top: 15px;
    font-size: calc(12px + 1vw); }
  .p-menu-order-contentbox.p-menu-order-contentbox_modal-pop .card-box.review_card .menu_detail_box .txt_menu_detail {
    margin-top: 10px;
    font-size: calc(10px + 1vw); }
  .p-menu-order-contentbox.p-menu-order-contentbox_modal-pop .card-box.review_card .add_order_box_bk {
    margin-top: 20px;
    padding: 10px;
    background-color: #F6FCFD;
    position: relative;
    height: 35px; }
    .p-menu-order-contentbox.p-menu-order-contentbox_modal-pop .card-box.review_card .add_order_box_bk .add_order_box {
      display: flex;
      justify-content: center;
      position: absolute;
      width: 146px;
      bottom: 0;
      left: 50%;
      margin-left: -73px;
      z-index: 1; }
      .p-menu-order-contentbox.p-menu-order-contentbox_modal-pop .card-box.review_card .add_order_box_bk .add_order_box .minus {
        font-size: calc(100px + 1vw);
        position: relative;
        width: 33px;
        height: 33px;
        top: -9px;
        text-align: center;
        line-height: 33px;
        border: 1px solid #54B9D1;
        border-radius: 100%;
        background-color: #fff; }
        .p-menu-order-contentbox.p-menu-order-contentbox_modal-pop .card-box.review_card .add_order_box_bk .add_order_box .minus span.minus_tap_area {
          position: absolute; }
      .p-menu-order-contentbox.p-menu-order-contentbox_modal-pop .card-box.review_card .add_order_box_bk .add_order_box .minus::before {
        position: absolute;
        top: 15px;
        left: 7px;
        width: 19px;
        height: 2px;
        content: "";
        background-color: #54B9D1; }
      .p-menu-order-contentbox.p-menu-order-contentbox_modal-pop .card-box.review_card .add_order_box_bk .add_order_box .plus {
        font-size: calc(100px + 1vw);
        position: relative;
        width: 33px;
        height: 33px;
        top: -9px;
        text-align: center;
        line-height: 33px;
        border: 1px solid #54B9D1;
        border-radius: 100%;
        background-color: #fff; }
      .p-menu-order-contentbox.p-menu-order-contentbox_modal-pop .card-box.review_card .add_order_box_bk .add_order_box .plus::before {
        position: absolute;
        top: 7px;
        left: 16px;
        width: 2px;
        height: 19px;
        content: "";
        background-color: #54B9D1; }
      .p-menu-order-contentbox.p-menu-order-contentbox_modal-pop .card-box.review_card .add_order_box_bk .add_order_box .plus::after {
        position: absolute;
        top: 15px;
        left: 7px;
        width: 19px;
        height: 2px;
        content: "";
        background-color: #54B9D1; }
      .p-menu-order-contentbox.p-menu-order-contentbox_modal-pop .card-box.review_card .add_order_box_bk .add_order_box .add_order_num {
        margin: 0 10px;
        font-size: calc(30px + 1vw);
        font-weight: bold;
        color: #292724;
        line-height: 20px; }
    .p-menu-order-contentbox.p-menu-order-contentbox_modal-pop .card-box.review_card .add_order_box_bk .tup_area_box {
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: center;
      position: absolute;
      top: 0px;
      left: 0px;
      z-index: 2; }
      .p-menu-order-contentbox.p-menu-order-contentbox_modal-pop .card-box.review_card .add_order_box_bk .tup_area_box .minus_tup_area,
      .p-menu-order-contentbox.p-menu-order-contentbox_modal-pop .card-box.review_card .add_order_box_bk .tup_area_box .plus_tup_area {
        width: 50%; }
  .p-menu-order-contentbox.p-menu-order-contentbox_modal-pop .card-box.review_card .btn_box_two {
    display: flex;
    justify-content: space-between;
    margin: 20px 0; }
    .p-menu-order-contentbox.p-menu-order-contentbox_modal-pop .card-box.review_card .btn_box_two .harf_buttonbox {
      width: 49%; }
      .p-menu-order-contentbox.p-menu-order-contentbox_modal-pop .card-box.review_card .btn_box_two .harf_buttonbox .square-favorite-btn,
      .p-menu-order-contentbox.p-menu-order-contentbox_modal-pop .card-box.review_card .btn_box_two .harf_buttonbox .square-review-btn {
        width: 100%;
        margin-left: 0; }
  .p-menu-order-contentbox.p-menu-order-contentbox_modal-pop .card-box.review_card .star_btn_box {
    margin-top: 20px; }
  .p-menu-order-contentbox.p-menu-order-contentbox_modal-pop .card-box.review_card .review_box {
    margin: 30px 0 0; }
    .p-menu-order-contentbox.p-menu-order-contentbox_modal-pop .card-box.review_card .review_box .total_review_box {
      display: flex;
      justify-content: space-between;
      align-items: center; }
      .p-menu-order-contentbox.p-menu-order-contentbox_modal-pop .card-box.review_card .review_box .total_review_box .num_review_star {
        font-size: calc(10px + 1vw); }
      .p-menu-order-contentbox.p-menu-order-contentbox_modal-pop .card-box.review_card .review_box .total_review_box .total_review {
        display: flex;
        align-items: center;
        font-size: calc(10px + 1vw); }
        .p-menu-order-contentbox.p-menu-order-contentbox_modal-pop .card-box.review_card .review_box .total_review_box .total_review .num_review_star {
          margin-left: 5px; }
    .p-menu-order-contentbox.p-menu-order-contentbox_modal-pop .card-box.review_card .review_box .customer_review_box .review_list {
      list-style-type: none;
      padding: 0;
      margin: 0; }
      .p-menu-order-contentbox.p-menu-order-contentbox_modal-pop .card-box.review_card .review_box .customer_review_box .review_list > li {
        border-bottom: solid 1px #DEDEDE; }
    .p-menu-order-contentbox.p-menu-order-contentbox_modal-pop .card-box.review_card .review_box .customer_review_box .review_detail {
      padding: 15px 0 5px; }
      .p-menu-order-contentbox.p-menu-order-contentbox_modal-pop .card-box.review_card .review_box .customer_review_box .review_detail .img_review {
        max-width: 100%;
        height: auto;
        margin: 0 0 10px; }
      .p-menu-order-contentbox.p-menu-order-contentbox_modal-pop .card-box.review_card .review_box .customer_review_box .review_detail .txt_review {
        font-size: calc(9px + 1vw);
        line-height: 1.5em; }
      .p-menu-order-contentbox.p-menu-order-contentbox_modal-pop .card-box.review_card .review_box .customer_review_box .review_detail .review_star_box {
        display: flex;
        margin: 10px 0; }
        .p-menu-order-contentbox.p-menu-order-contentbox_modal-pop .card-box.review_card .review_box .customer_review_box .review_detail .review_star_box .customer_info {
          font-size: calc(9px + 1vw);
          font-weight: bold; }
        .p-menu-order-contentbox.p-menu-order-contentbox_modal-pop .card-box.review_card .review_box .customer_review_box .review_detail .review_star_box .review_star {
          margin-left: 5px; }
          .p-menu-order-contentbox.p-menu-order-contentbox_modal-pop .card-box.review_card .review_box .customer_review_box .review_detail .review_star_box .review_star .star-rating > label::before {
            font-size: calc(8px + 1vw); }

.p-menu-order-contentbox.p-menu-order-contentbox_modal-pop .card-box.reply_card {
  margin: 0px 20px; }
  .p-menu-order-contentbox.p-menu-order-contentbox_modal-pop .card-box.reply_card .txt_box .txt_date {
    text-align: center;
    font-size: calc(24px + 1vw);
    margin-bottom: 30px;
    margin-left: -20px;
    position: relative; }
    .p-menu-order-contentbox.p-menu-order-contentbox_modal-pop .card-box.reply_card .txt_box .txt_date:before {
      content: '';
      position: absolute;
      bottom: -10px;
      display: inline-block;
      width: 60px;
      height: 3px;
      left: 50%;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      background-color: #EBEBEB;
      border-radius: 2px; }
    .p-menu-order-contentbox.p-menu-order-contentbox_modal-pop .card-box.reply_card .txt_box .txt_date .txt_year {
      font-size: calc(8px + 1vw);
      margin-right: 5px; }
    .p-menu-order-contentbox.p-menu-order-contentbox_modal-pop .card-box.reply_card .txt_box .txt_date .txt_day {
      font-size: calc(12px + 1vw);
      margin-left: 5px;
      padding-bottom: 5px; }
  .p-menu-order-contentbox.p-menu-order-contentbox_modal-pop .card-box.reply_card .txt_box .txt_name {
    text-align: center;
    font-size: calc(12px + 1vw);
    margin-bottom: 8px; }
    .p-menu-order-contentbox.p-menu-order-contentbox_modal-pop .card-box.reply_card .txt_box .txt_name .name {
      display: inline-block; }
  .p-menu-order-contentbox.p-menu-order-contentbox_modal-pop .card-box.reply_card .txt_box .u-danger {
    text-align: center;
    font-size: calc(8px + 1vw);
    margin-bottom: 20px; }
  .p-menu-order-contentbox.p-menu-order-contentbox_modal-pop .card-box.reply_card .menu_list_box {
    margin-bottom: 25px;
    max-height: 220px;
    overflow: hidden;
    overflow-y: scroll; }
    .p-menu-order-contentbox.p-menu-order-contentbox_modal-pop .card-box.reply_card .menu_list_box .menu_list {
      list-style-type: none;
      padding: 5px 0 0;
      margin: 0;
      background-color: #EDF8FB;
      box-shadow: 2px 2px 4px #B5B5B5 inset; }
      .p-menu-order-contentbox.p-menu-order-contentbox_modal-pop .card-box.reply_card .menu_list_box .menu_list .menu_box {
        display: flex;
        padding: 10px 20px;
        border-bottom: dotted 1px #54BAD1; }
        .p-menu-order-contentbox.p-menu-order-contentbox_modal-pop .card-box.reply_card .menu_list_box .menu_list .menu_box .img_box {
          width: 45%; }
        .p-menu-order-contentbox.p-menu-order-contentbox_modal-pop .card-box.reply_card .menu_list_box .menu_list .menu_box .menu_name {
          box-sizing: border-box;
          font-size: calc(18px + 1vw);
          font-weight: bold; }
      .p-menu-order-contentbox.p-menu-order-contentbox_modal-pop .card-box.reply_card .menu_list_box .menu_list li:last-child {
        margin-bottom: 0px; }

.p-menu-order-contentbox.p-menu-order-contentbox_add .card-box_inner {
  padding: 0 5%; }

.p-menu-order-contentbox.p-menu-order-contentbox_add .card-box {
  background-color: #504A43; }
  .p-menu-order-contentbox.p-menu-order-contentbox_add .card-box .txt_menu_add {
    font-size: calc(10px + 1vw);
    color: #FFF;
    margin-bottom: 5px;
    text-align: center; }
  .p-menu-order-contentbox.p-menu-order-contentbox_add .card-box .menu_box_single .menu_box {
    margin: 20px auto;
    padding: 20px 20px 10px;
    background-color: #FFF; }
    .p-menu-order-contentbox.p-menu-order-contentbox_add .card-box .menu_box_single .menu_box .img_box img {
      width: 100%;
      max-height: 168px;
      -o-object-fit: cover;
      object-fit: cover; }
    .p-menu-order-contentbox.p-menu-order-contentbox_add .card-box .menu_box_single .menu_box .switch_btn_box {
      margin-top: 10px;
      border-top: solid 1px #EBEBEB; }
      .p-menu-order-contentbox.p-menu-order-contentbox_add .card-box .menu_box_single .menu_box .switch_btn_box .txt_menu_add {
        padding: 20px 0 5px 0;
        color: #4E4E4E; }
      .p-menu-order-contentbox.p-menu-order-contentbox_add .card-box .menu_box_single .menu_box .switch_btn_box .p-order-detail-list_switch {
        margin-top: 10px; }
        .p-menu-order-contentbox.p-menu-order-contentbox_add .card-box .menu_box_single .menu_box .switch_btn_box .p-order-detail-list_switch .p-order-detail-list {
          padding: 0;
          margin: 0;
          list-style: none;
          display: flex;
          flex-wrap: wrap;
          justify-content: space-between; }
          .p-menu-order-contentbox.p-menu-order-contentbox_add .card-box .menu_box_single .menu_box .switch_btn_box .p-order-detail-list_switch .p-order-detail-list li {
            width: 50%;
            box-sizing: border-box; }
        .p-menu-order-contentbox.p-menu-order-contentbox_add .card-box .menu_box_single .menu_box .switch_btn_box .p-order-detail-list_switch .p-order-detail-list_switch_radio {
          display: none; }
          .p-menu-order-contentbox.p-menu-order-contentbox_add .card-box .menu_box_single .menu_box .switch_btn_box .p-order-detail-list_switch .p-order-detail-list_switch_radio:checked + .p-order-detail-list_switch_label {
            background-color: #FEEED1;
            color: #2C1E0A;
            font-weight: bold;
            border: solid 2px #F9AC19; }
        .p-menu-order-contentbox.p-menu-order-contentbox_add .card-box .menu_box_single .menu_box .switch_btn_box .p-order-detail-list_switch .p-order-detail-list_switch_label {
          width: 100%;
          height: 100%;
          font-size: calc(10px + 1vw);
          box-sizing: border-box;
          transition: background-color 0.2s linear;
          position: relative;
          display: inline-block;
          padding: 12px 12px 12px 12px;
          background-color: #F5F5F5;
          vertical-align: middle;
          border: solid 2px #EBEBEB;
          border-radius: 2px;
          cursor: pointer; }
    .p-menu-order-contentbox.p-menu-order-contentbox_add .card-box .menu_box_single .menu_box .select_btn_box {
      margin-bottom: 30px; }
      .p-menu-order-contentbox.p-menu-order-contentbox_add .card-box .menu_box_single .menu_box .select_btn_box .tl_select {
        font-size: calc(10px + 1vw);
        font-weight: bold;
        margin: 30px 0 0px; }
      .p-menu-order-contentbox.p-menu-order-contentbox_add .card-box .menu_box_single .menu_box .select_btn_box .setting-box .select-underline {
        border-bottom: 2px solid #F9AC19; }
        .p-menu-order-contentbox.p-menu-order-contentbox_add .card-box .menu_box_single .menu_box .select_btn_box .setting-box .select-underline::before {
          border-top: 8px solid #F9AC19; }
  .p-menu-order-contentbox.p-menu-order-contentbox_add .card-box .card-order-box__two_buttonbox {
    padding: 10px 0; }
  .p-menu-order-contentbox.p-menu-order-contentbox_add .card-box .menu_detail_box {
    background-color: #FFF;
    padding: 20px;
    margin: 20px 10px; }
    .p-menu-order-contentbox.p-menu-order-contentbox_add .card-box .menu_detail_box .menu_box {
      margin-bottom: 20px; }
      .p-menu-order-contentbox.p-menu-order-contentbox_add .card-box .menu_detail_box .menu_box .menu_tl_txt {
        font-size: calc(16px + 1vw);
        font-weight: bold;
        color: #F9AC19; }
      .p-menu-order-contentbox.p-menu-order-contentbox_add .card-box .menu_detail_box .menu_box .menu_list {
        margin-top: 15px; }
        .p-menu-order-contentbox.p-menu-order-contentbox_add .card-box .menu_detail_box .menu_box .menu_list ul {
          list-style-type: none;
          padding: 0;
          margin: 0; }
          .p-menu-order-contentbox.p-menu-order-contentbox_add .card-box .menu_detail_box .menu_box .menu_list ul li {
            padding-left: 2.0em;
            text-indent: -1.0em; }
            .p-menu-order-contentbox.p-menu-order-contentbox_add .card-box .menu_detail_box .menu_box .menu_list ul li:before {
              content: "• ";
              color: #F9AC19;
              padding-right: 5px; }
      .p-menu-order-contentbox.p-menu-order-contentbox_add .card-box .menu_detail_box .menu_box .menu_detail_txt {
        margin-top: 15px;
        font-size: calc(11px + 1vw); }
      .p-menu-order-contentbox.p-menu-order-contentbox_add .card-box .menu_detail_box .menu_box .menu_detail_value {
        margin-top: 20px; }
        .p-menu-order-contentbox.p-menu-order-contentbox_add .card-box .menu_detail_box .menu_box .menu_detail_value .value_list {
          display: flex;
          list-style-type: none;
          padding: 0;
          margin: 0; }
          .p-menu-order-contentbox.p-menu-order-contentbox_add .card-box .menu_detail_box .menu_box .menu_detail_value .value_list li {
            text-align: center;
            font-size: calc(9px + 1vw);
            line-height: calc(12px + 1vw);
            width: 100%;
            background-color: #FEEED1;
            padding: 10px 0; }
            .p-menu-order-contentbox.p-menu-order-contentbox_add .card-box .menu_detail_box .menu_box .menu_detail_value .value_list li:nth-child(2n) {
              margin-left: 10px; }
    .p-menu-order-contentbox.p-menu-order-contentbox_add .card-box .menu_detail_box .ingredient_box {
      border-top: dotted 2px #F9AC19;
      padding-top: 20px; }
  .p-menu-order-contentbox.p-menu-order-contentbox_add .card-box .menu_box_txt_line ul.txt_line_list li {
    background-color: #FFF;
    padding: 6px 8px 8px 10px; }
    .p-menu-order-contentbox.p-menu-order-contentbox_add .card-box .menu_box_txt_line ul.txt_line_list li .menu_box {
      margin: 0;
      padding: 0; }
      .p-menu-order-contentbox.p-menu-order-contentbox_add .card-box .menu_box_txt_line ul.txt_line_list li .menu_box .menu_txt_box .menu_txt {
        padding-top: 10px; }

.p-menu-order-contentbox.p-menu-order-contentbox_store {
  background-color: #FFF; }
  .p-menu-order-contentbox.p-menu-order-contentbox_store .store_info_box {
    border-bottom: solid 1px #EBEBEB;
    padding: 20px 20px 15px; }
    .p-menu-order-contentbox.p-menu-order-contentbox_store .store_info_box .store_img_box {
      margin-bottom: 15px; }
      .p-menu-order-contentbox.p-menu-order-contentbox_store .store_info_box .store_img_box img {
        width: 100%;
        height: 220px;
        -o-object-fit: cover;
        object-fit: cover; }
    .p-menu-order-contentbox.p-menu-order-contentbox_store .store_info_box .tl_store {
      font-size: calc(12px + 1vw);
      font-weight: bold;
      margin-bottom: 10px; }
    .p-menu-order-contentbox.p-menu-order-contentbox_store .store_info_box .txt_store {
      margin-bottom: 15px;
      font-size: calc(10px + 1vw); }
    .p-menu-order-contentbox.p-menu-order-contentbox_store .store_info_box .store_hours_box {
      border-top: solid 1px #EBEBEB;
      padding-top: 20px;
      margin-top: 25px; }
  .p-menu-order-contentbox.p-menu-order-contentbox_store .store_staff_box {
    padding: 20px 20px 30px;
    background-color: #E3F0F3; }
    .p-menu-order-contentbox.p-menu-order-contentbox_store .store_staff_box .tl_staff {
      font-weight: bold;
      margin-bottom: 15px; }
    .p-menu-order-contentbox.p-menu-order-contentbox_store .store_staff_box .staff_list {
      list-style-type: none;
      padding: 0;
      margin: 0;
      display: flex;
      flex-wrap: wrap;
      justify-content: center; }
      .p-menu-order-contentbox.p-menu-order-contentbox_store .store_staff_box .staff_list li {
        width: 40vw;
        margin-right: 15px;
        margin-bottom: 15px;
        background-color: #FFF;
        box-shadow: 1px 1px 3px #DEDEDE; }
        .p-menu-order-contentbox.p-menu-order-contentbox_store .store_staff_box .staff_list li:nth-child(2n) {
          margin-right: 10px; }
        .p-menu-order-contentbox.p-menu-order-contentbox_store .store_staff_box .staff_list li a {
          display: block;
          text-decoration: none;
          color: #4E4E4E;
          height: 100%;
          padding-bottom: 10px;
          box-sizing: border-box; }
        .p-menu-order-contentbox.p-menu-order-contentbox_store .store_staff_box .staff_list li .staff_box {
          text-align: center; }
          .p-menu-order-contentbox.p-menu-order-contentbox_store .store_staff_box .staff_list li .staff_box img {
            width: 100%;
            height: 40vw;
            -o-object-fit: cover;
            object-fit: cover; }
          .p-menu-order-contentbox.p-menu-order-contentbox_store .store_staff_box .staff_list li .staff_box .staff_job {
            font-size: calc(8px + 1vw);
            margin-top: 10px; }
          .p-menu-order-contentbox.p-menu-order-contentbox_store .store_staff_box .staff_list li .staff_box .staff_name {
            font-size: calc(8px + 1vw);
            margin-top: 5px; }
          .p-menu-order-contentbox.p-menu-order-contentbox_store .store_staff_box .staff_list li .staff_box .review_star {
            display: inline-block;
            margin: 10px auto 0; }
            .p-menu-order-contentbox.p-menu-order-contentbox_store .store_staff_box .staff_list li .staff_box .review_star .star-rating > label.full:before,
            .p-menu-order-contentbox.p-menu-order-contentbox_store .store_staff_box .staff_list li .staff_box .review_star .star-rating > label.half:before {
              font-size: calc(6px + 1vw); }
            .p-menu-order-contentbox.p-menu-order-contentbox_store .store_staff_box .staff_list li .staff_box .review_star .star-rating > label {
              font-size: calc(8px + 1vw); }

.p-menu-order-contentbox.p-menu-order-contentbox_review-menu .item-sub__headline1 {
  font-size: calc(14px + 1vw);
  display: flex;
  align-items: center;
  padding-top: 25px; }
  .p-menu-order-contentbox.p-menu-order-contentbox_review-menu .item-sub__headline1.item_name {
    padding-top: 25px;
    padding-bottom: 20px; }

.p-menu-order-contentbox.p-menu-order-contentbox_review-menu .ico_mandatory {
  background-color: #FA7F49;
  padding: 0 10px;
  color: #FFFFFF;
  font-size: calc(12px + 1vw);
  margin-left: 15px; }

.p-menu-order-contentbox.p-menu-order-contentbox_review-menu .ico_any {
  font-size: calc(12px + 1vw);
  margin-left: 15px;
  padding: 0 10px;
  border: 1px solid #EBEBEB;
  color: #5E5E5E; }

.p-menu-order-contentbox.p-menu-order-contentbox_review-menu .star-rating.star-rating__fixed .full, .p-menu-order-contentbox.p-menu-order-contentbox_review-menu .star-rating.star-rating__fixed .half {
  margin-right: 0; }

.p-menu-order-contentbox.p-menu-order-contentbox_review-menu .input_file_label .file_img_box {
  background-color: #E3F0F3;
  border: 1px solid #54BAD1;
  width: 100%;
  padding-top: calc(100% * 220 / 355);
  box-sizing: border-box;
  position: relative; }
  .p-menu-order-contentbox.p-menu-order-contentbox_review-menu .input_file_label .file_img_box .file_img_preview {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: calc(100% - 30px);
    height: auto;
    -o-object-fit: cover;
       object-fit: cover; }
  .p-menu-order-contentbox.p-menu-order-contentbox_review-menu .input_file_label .file_img_box .file_img_placeholder {
    width: 100%;
    line-height: 100%;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
    .p-menu-order-contentbox.p-menu-order-contentbox_review-menu .input_file_label .file_img_box .file_img_placeholder .file_img_img {
      display: block;
      width: 30px;
      margin: 0 auto;
      margin-bottom: 10px; }
    .p-menu-order-contentbox.p-menu-order-contentbox_review-menu .input_file_label .file_img_box .file_img_placeholder .file_img_text {
      text-align: center;
      color: #B3B3B3; }

.p-menu-order-contentbox.p-menu-order-contentbox_review-menu .item-sub__description-divide {
  display: block;
  padding-top: 0; }
  .p-menu-order-contentbox.p-menu-order-contentbox_review-menu .item-sub__description-divide .item-sub__description-divide__child {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0;
    margin-right: 0;
    border-bottom: 1px solid #EBEBEB; }
    .p-menu-order-contentbox.p-menu-order-contentbox_review-menu .item-sub__description-divide .item-sub__description-divide__child .item-sub__description-divide__headline {
      font-size: calc(14px + 1vw);
      margin-bottom: 0; }
    .p-menu-order-contentbox.p-menu-order-contentbox_review-menu .item-sub__description-divide .item-sub__description-divide__child .item-sub__description-divide__content {
      display: flex;
      align-items: center; }
      .p-menu-order-contentbox.p-menu-order-contentbox_review-menu .item-sub__description-divide .item-sub__description-divide__child .item-sub__description-divide__content .whether_private {
        display: none;
        margin-right: 10px; }
        .p-menu-order-contentbox.p-menu-order-contentbox_review-menu .item-sub__description-divide .item-sub__description-divide__child .item-sub__description-divide__content .whether_private.release {
          color: #40A0B7; }
        .p-menu-order-contentbox.p-menu-order-contentbox_review-menu .item-sub__description-divide .item-sub__description-divide__child .item-sub__description-divide__content .whether_private.active {
          display: inline-block; }

.p-menu-order-contentbox.p-menu-order-contentbox_review-menu .item-sub.item-review {
  padding-top: 20px; }
  .p-menu-order-contentbox.p-menu-order-contentbox_review-menu .item-sub.item-review .item-sub__txt {
    padding-left: 10px; }

.p-menu-order-contentbox.p-menu-order-contentbox_review-staff .staff_info_flex {
  display: flex;
  align-items: center;
  padding: 30px 0; }
  .p-menu-order-contentbox.p-menu-order-contentbox_review-staff .staff_info_flex .staff_info_left {
    width: calc(100% * 130 / 355);
    height: auto;
    margin-right: 10px; }
    .p-menu-order-contentbox.p-menu-order-contentbox_review-staff .staff_info_flex .staff_info_left .staff_info_img {
      width: 100%;
      height: 100%; }
  .p-menu-order-contentbox.p-menu-order-contentbox_review-staff .staff_info_flex .staff_info_right .item-sub__headline1 {
    font-size: calc(14px + 1vw);
    padding-left: 0; }

.p-menu-order-contentbox.p-menu-order-contentbox_confirm .card-box {
  padding-bottom: 0px; }

.p-menu-order-contentbox.p-menu-order-contentbox_introduction .txt_box_introduction {
  text-align: center;
  font-size: calc(10px + 1vw);
  padding-top: 30px; }
  .p-menu-order-contentbox.p-menu-order-contentbox_introduction .txt_box_introduction .img_box {
    width: 200px;
    height: 75px;
    margin: 0 auto;
    margin-bottom: 40px; }
    .p-menu-order-contentbox.p-menu-order-contentbox_introduction .txt_box_introduction .img_box img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
      object-fit: cover; }
  .p-menu-order-contentbox.p-menu-order-contentbox_introduction .txt_box_introduction .txt_box {
    margin-bottom: 30px; }
    .p-menu-order-contentbox.p-menu-order-contentbox_introduction .txt_box_introduction .txt_box .txt_large {
      font-size: calc(14px + 1vw);
      font-weight: bold;
      padding-top: 15px;
      margin-bottom: 10px;
      border-bottom: solid 2px #54BAD1;
      display: inline-block; }
    .p-menu-order-contentbox.p-menu-order-contentbox_introduction .txt_box_introduction .txt_box .txt_small {
      font-size: calc(8px + 1vw); }
    .p-menu-order-contentbox.p-menu-order-contentbox_introduction .txt_box_introduction .txt_box ul {
      list-style-type: none;
      padding: 0;
      margin: 10px auto;
      display: inline-block; }
      .p-menu-order-contentbox.p-menu-order-contentbox_introduction .txt_box_introduction .txt_box ul li {
        text-align: left;
        color: #40A0B7; }
  .p-menu-order-contentbox.p-menu-order-contentbox_introduction .txt_box_introduction .table_people .txt_table_people {
    margin-bottom: 10px; }
  .p-menu-order-contentbox.p-menu-order-contentbox_introduction .txt_box_introduction .table_people .num_table_people {
    width: calc(100vw - 60px);
    background-color: #FDEDE7;
    margin: 0px auto 40px;
    padding: 15px 0;
    position: relative; }
    .p-menu-order-contentbox.p-menu-order-contentbox_introduction .txt_box_introduction .table_people .num_table_people::after {
      content: '';
      width: 15px;
      height: 15px;
      position: absolute;
      bottom: -20px;
      left: 50%;
      margin-left: -7px;
      background-image: url("../img/ico_arrow_orange.svg");
      background-size: 15px 15px;
      background-repeat: no-repeat;
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }
    .p-menu-order-contentbox.p-menu-order-contentbox_introduction .txt_box_introduction .table_people .num_table_people .add_order_box_min {
      padding-left: 0px;
      border-left: none;
      margin: 0 auto;
      width: 100px;
      justify-content: space-between; }
      .p-menu-order-contentbox.p-menu-order-contentbox_introduction .txt_box_introduction .table_people .num_table_people .add_order_box_min .minus {
        border: 1px solid #FA7F49; }
      .p-menu-order-contentbox.p-menu-order-contentbox_introduction .txt_box_introduction .table_people .num_table_people .add_order_box_min .minus::before {
        background-color: #FA7F49; }
      .p-menu-order-contentbox.p-menu-order-contentbox_introduction .txt_box_introduction .table_people .num_table_people .add_order_box_min .plus {
        border: 1px solid #FA7F49; }
      .p-menu-order-contentbox.p-menu-order-contentbox_introduction .txt_box_introduction .table_people .num_table_people .add_order_box_min .plus::before {
        background-color: #FA7F49; }
      .p-menu-order-contentbox.p-menu-order-contentbox_introduction .txt_box_introduction .table_people .num_table_people .add_order_box_min .plus::after {
        background-color: #FA7F49; }

.p-menu-order-contentbox.p-menu-order-contentbox_introduction .button_box {
  margin: 2vh auto;
  width: calc(100vw - 60px); }

.p-menu-order-contentbox.p-menu-order-contentbox_introduction .txt_min_box {
  width: calc(100vw - 60px);
  background-color: #F5F5F5;
  text-align: center;
  margin: 30px auto auto;
  padding: 15px 0;
  font-size: calc(8px + 1vw); }

.payment_box {
  overflow: hidden; }
  .payment_box .payment_head_box {
    padding: 35px 10%;
    background-color: #5E5E5E; }
    .payment_box .payment_head_box .payment_head_message {
      font-size: calc(14px + 1vw);
      color: #FFF; }
    .payment_box .payment_head_box .payment_head_message_note {
      font-size: calc(8px + 1vw);
      color: #E55758;
      font-weight: bold;
      background-color: #FFF2EC;
      padding: 3px 10px 2px;
      margin-top: 5px; }
  .payment_box .payment_main_box {
    width: 90%;
    margin: 0 auto;
    padding: 20px 0 20px;
    box-sizing: border-box; }
    .payment_box .payment_main_box .table_info_box {
      display: flex;
      justify-content: space-between;
      margin-bottom: 10px; }
      .payment_box .payment_main_box .table_info_box .table_no {
        text-align: left; }
        .payment_box .payment_main_box .table_info_box .table_no .txt_no {
          font-size: calc(16px + 1vw); }
      .payment_box .payment_main_box .table_info_box .table_people {
        text-align: right; }
        .payment_box .payment_main_box .table_info_box .table_people .txt_people {
          font-size: calc(16px + 1vw); }
        .payment_box .payment_main_box .table_info_box .table_people .txt_unit {
          font-size: calc(12px + 1vw);
          position: relative;
          top: -2px; }
    .payment_box .payment_main_box .total_payment_box {
      display: flex;
      justify-content: space-between;
      align-items: center;
      background-color: #FFF;
      padding: 25px 15px;
      box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0); }
      .payment_box .payment_main_box .total_payment_box .txt_total {
        font-weight: bold;
        border-radius: 50px;
        background-color: #F3F3F3;
        padding: 5px 20px 2px; }
      .payment_box .payment_main_box .total_payment_box .txt_total_payment {
        font-size: calc(36px + 1vw);
        color: #2F82D5; }
    .payment_box .payment_main_box .payment_detail_box {
      background-color: #F6F6F6;
      padding: 15px 20px; }
      .payment_box .payment_main_box .payment_detail_box .tl_detail {
        font-size: calc(10px + 1vw);
        font-weight: bold;
        margin-bottom: 5px; }
      .payment_box .payment_main_box .payment_detail_box .txt_detail_list {
        margin: 0;
        padding: 0;
        list-style-type: none; }
        .payment_box .payment_main_box .payment_detail_box .txt_detail_list li .txt_detail_box {
          display: flex;
          justify-content: space-between;
          margin-top: 3px; }
          .payment_box .payment_main_box .payment_detail_box .txt_detail_list li .txt_detail_box.txt_strong {
            color: #E55758; }
          .payment_box .payment_main_box .payment_detail_box .txt_detail_list li .txt_detail_box .txt_detail_name {
            font-size: calc(10px + 1vw); }
          .payment_box .payment_main_box .payment_detail_box .txt_detail_list li .txt_detail_box .txt_detail_payment {
            font-size: calc(16px + 1vw); }
    .payment_box .payment_main_box .txt_san {
      font-size: calc(8px + 1vw); }

.payment_conf_box_wrap {
  margin-top: 40px; }
  .payment_conf_box_wrap .tl_payment_conf {
    display: flex;
    font-size: calc(10px + 1vw);
    font-weight: bold;
    margin-bottom: 10px; }
    .payment_conf_box_wrap .tl_payment_conf .item_name_conf {
      width: 60%;
      box-sizing: border-box; }
    .payment_conf_box_wrap .tl_payment_conf .item_name_payment {
      width: 40%; }
  .payment_conf_box_wrap .payment_conf_list_box .payment_conf_list {
    list-style-type: none;
    margin: 0;
    padding: 0; }
    .payment_conf_box_wrap .payment_conf_list_box .payment_conf_list li .payment_conf_box {
      position: relative;
      display: flex;
      margin-bottom: 10px; }
      .payment_conf_box_wrap .payment_conf_list_box .payment_conf_list li .payment_conf_box .check_box {
        flex-basis: 20px;
        align-self: center; }
      .payment_conf_box_wrap .payment_conf_list_box .payment_conf_list li .payment_conf_box .payment_box {
        flex: 1;
        align-items: center;
        align-self: center;
        border-bottom: solid 1px #EBEBEB;
        padding: 8px 8px 7px 8px;
        border-left: solid 3px #8F8F8F;
        box-sizing: border-box;
        display: flex; }
        .payment_conf_box_wrap .payment_conf_list_box .payment_conf_list li .payment_conf_box .payment_box.border_left_main {
          border-left: solid 3px #54BAD1;
          background-color: #EDF8FB; }
        .payment_conf_box_wrap .payment_conf_list_box .payment_conf_list li .payment_conf_box .payment_box.border_left_myself {
          border-left: solid 3px #E55758;
          background-color: #FFF2EC; }
        .payment_conf_box_wrap .payment_conf_list_box .payment_conf_list li .payment_conf_box .payment_box .conf_name_box {
          flex: 1;
          font-size: calc(10px + 1vw); }
        .payment_conf_box_wrap .payment_conf_list_box .payment_conf_list li .payment_conf_box .payment_box .txt_payment_box {
          width: 90px;
          font-size: calc(10px + 1vw);
          text-align: right; }
          .payment_conf_box_wrap .payment_conf_list_box .payment_conf_list li .payment_conf_box .payment_box .txt_payment_box .txt_payment {
            font-size: calc(12px + 1vw); }
            .payment_conf_box_wrap .payment_conf_list_box .payment_conf_list li .payment_conf_box .payment_box .txt_payment_box .txt_payment .txt_unit {
              padding-left: 2px; }
          .payment_conf_box_wrap .payment_conf_list_box .payment_conf_list li .payment_conf_box .payment_box .txt_payment_box .txt_discount_discount {
            color: #E55758;
            margin-top: 2px; }
            .payment_conf_box_wrap .payment_conf_list_box .payment_conf_list li .payment_conf_box .payment_box .txt_payment_box .txt_discount_discount .txt_discount {
              font-size: calc(6px + 1vw); }
            .payment_conf_box_wrap .payment_conf_list_box .payment_conf_list li .payment_conf_box .payment_box .txt_payment_box .txt_discount_discount .txt_unit {
              padding-left: 2px; }
        .payment_conf_box_wrap .payment_conf_list_box .payment_conf_list li .payment_conf_box .payment_box .conf_btn_box {
          width: 58px;
          padding-left: 10px;
          box-sizing: border-box; }
        .payment_conf_box_wrap .payment_conf_list_box .payment_conf_list li .payment_conf_box .payment_box .txt_box {
          align-self: center;
          flex: 1;
          display: flex;
          justify-content: space-between; }
          .payment_conf_box_wrap .payment_conf_list_box .payment_conf_list li .payment_conf_box .payment_box .txt_box .serving_name {
            align-self: center;
            flex: 1;
            font-size: calc(10px + 1vw);
            padding: 5px 5px 5px 10px; }
          .payment_conf_box_wrap .payment_conf_list_box .payment_conf_list li .payment_conf_box .payment_box .txt_box .serving_num {
            align-self: center;
            flex-basis: 36px;
            font-size: calc(20px + 1vw);
            padding-right: 8px;
            text-align: right; }

.p-menu-order-contentbox_payment {
  background-color: #FFF; }
  .p-menu-order-contentbox_payment .payment_box .payment_head_box.bg_img_payment {
    background-image: url("../img/bg_img_payment.svg");
    background-repeat: no-repeat;
    background-size: 60px;
    background-position: 90% 50%; }
  .p-menu-order-contentbox_payment .payment_box .payment_main_box .txt_payment_box {
    margin-top: 40px; }
  .p-menu-order-contentbox_payment .payment_box .payment_main_box .select_table_people {
    margin: 10px 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    background-color: #F6F6F6;
    padding: 15px 0; }
    .p-menu-order-contentbox_payment .payment_box .payment_main_box .select_table_people .txt_people {
      width: 40%;
      font-weight: bold;
      text-align: center; }
    .p-menu-order-contentbox_payment .payment_box .payment_main_box .select_table_people .num_table_people {
      width: 60%; }
      .p-menu-order-contentbox_payment .payment_box .payment_main_box .select_table_people .num_table_people .add_order_box_min {
        margin: 0 auto;
        width: 100px;
        justify-content: space-between; }
        .p-menu-order-contentbox_payment .payment_box .payment_main_box .select_table_people .num_table_people .add_order_box_min .minus {
          border: 1px solid #FA7F49; }
        .p-menu-order-contentbox_payment .payment_box .payment_main_box .select_table_people .num_table_people .add_order_box_min .minus::before {
          background-color: #FA7F49; }
        .p-menu-order-contentbox_payment .payment_box .payment_main_box .select_table_people .num_table_people .add_order_box_min .plus {
          border: 1px solid #FA7F49; }
        .p-menu-order-contentbox_payment .payment_box .payment_main_box .select_table_people .num_table_people .add_order_box_min .plus::before {
          background-color: #FA7F49; }
        .p-menu-order-contentbox_payment .payment_box .payment_main_box .select_table_people .num_table_people .add_order_box_min .plus::after {
          background-color: #FA7F49; }
  .p-menu-order-contentbox_payment .payment_box .payment_main_box .select_split_box {
    margin-bottom: 10px; }
    .p-menu-order-contentbox_payment .payment_box .payment_main_box .select_split_box .select_split_list {
      list-style-type: none;
      margin: 0;
      padding: 0; }
      .p-menu-order-contentbox_payment .payment_box .payment_main_box .select_split_box .select_split_list li {
        border-bottom: solid 1px #EBEBEB; }
        .p-menu-order-contentbox_payment .payment_box .payment_main_box .select_split_box .select_split_list li:last-child {
          border-bottom: none; }
      .p-menu-order-contentbox_payment .payment_box .payment_main_box .select_split_box .select_split_list .select_split {
        display: flex;
        justify-content: space-between;
        align-items: center; }
        .p-menu-order-contentbox_payment .payment_box .payment_main_box .select_split_box .select_split_list .select_split .select_split_left {
          width: 40%; }
          .p-menu-order-contentbox_payment .payment_box .payment_main_box .select_split_box .select_split_list .select_split .select_split_left img {
            display: block;
            margin: 15px 0; }
        .p-menu-order-contentbox_payment .payment_box .payment_main_box .select_split_box .select_split_list .select_split .select_split_right {
          width: 60%; }
          .p-menu-order-contentbox_payment .payment_box .payment_main_box .select_split_box .select_split_list .select_split .select_split_right .square-orange-btn,
          .p-menu-order-contentbox_payment .payment_box .payment_main_box .select_split_box .select_split_list .select_split .select_split_right .square-orange-white-btn {
            margin: 15px 0; }

.p-menu-order-contentbox_payment_method {
  background-color: #FFF; }
  .p-menu-order-contentbox_payment_method .payment_box .payment_head_box.bg_img_payment_method {
    background-image: url("../img/bg_img_payment_method.svg");
    background-repeat: no-repeat;
    background-size: 60px;
    background-position: 90% 50%; }
  .p-menu-order-contentbox_payment_method .payment_box .payment_main_box .img_arrow_box {
    text-align: center;
    margin: 15px 0; }
    .p-menu-order-contentbox_payment_method .payment_box .payment_main_box .img_arrow_box img {
      width: 12px;
      height: 22px;
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }
  .p-menu-order-contentbox_payment_method .payment_box .payment_main_box .payment_method_box {
    background-color: #F9F9F9;
    padding: 20px 10% 50px;
    margin: 0 -10%;
    text-align: center; }
    .p-menu-order-contentbox_payment_method .payment_box .payment_main_box .payment_method_box .txt_note_box {
      font-size: calc(10px + 1vw);
      color: #E55758; }
      .p-menu-order-contentbox_payment_method .payment_box .payment_main_box .payment_method_box .txt_note_box .txt_num {
        font-weight: bold;
        font-size: calc(14px + 1vw); }
      .p-menu-order-contentbox_payment_method .payment_box .payment_main_box .payment_method_box .txt_note_box .txt_strong {
        font-weight: bold; }
    .p-menu-order-contentbox_payment_method .payment_box .payment_main_box .payment_method_box .payment_method {
      margin: 30px 0;
      display: flex;
      justify-content: space-between;
      align-items: center; }
      .p-menu-order-contentbox_payment_method .payment_box .payment_main_box .payment_method_box .payment_method .payment_method_left,
      .p-menu-order-contentbox_payment_method .payment_box .payment_main_box .payment_method_box .payment_method .payment_method_right {
        width: 47%;
        position: relative; }
        .p-menu-order-contentbox_payment_method .payment_box .payment_main_box .payment_method_box .payment_method .payment_method_left .link_payment_method,
        .p-menu-order-contentbox_payment_method .payment_box .payment_main_box .payment_method_box .payment_method .payment_method_right .link_payment_method {
          display: block;
          border: solid 1px #8F8F8F;
          border-radius: 5px;
          box-shadow: 1px 1px 3px #DEDEDE;
          text-align: center;
          padding: 20px 12px;
          background-color: #FFF;
          text-decoration: none;
          color: #4E4E4E; }
          .p-menu-order-contentbox_payment_method .payment_box .payment_main_box .payment_method_box .payment_method .payment_method_left .link_payment_method .txt_method_neme,
          .p-menu-order-contentbox_payment_method .payment_box .payment_main_box .payment_method_box .payment_method .payment_method_right .link_payment_method .txt_method_neme {
            font-weight: bold;
            margin-bottom: 8px;
            font-size: calc(10px + 1vw); }
            .p-menu-order-contentbox_payment_method .payment_box .payment_main_box .payment_method_box .payment_method .payment_method_left .link_payment_method .txt_method_neme .txt_strong,
            .p-menu-order-contentbox_payment_method .payment_box .payment_main_box .payment_method_box .payment_method .payment_method_right .link_payment_method .txt_method_neme .txt_strong {
              font-size: calc(14px + 1vw); }
          .p-menu-order-contentbox_payment_method .payment_box .payment_main_box .payment_method_box .payment_method .payment_method_left .link_payment_method .img_method_box,
          .p-menu-order-contentbox_payment_method .payment_box .payment_main_box .payment_method_box .payment_method .payment_method_right .link_payment_method .img_method_box {
            margin-bottom: 8px; }
            .p-menu-order-contentbox_payment_method .payment_box .payment_main_box .payment_method_box .payment_method .payment_method_left .link_payment_method .img_method_box img,
            .p-menu-order-contentbox_payment_method .payment_box .payment_main_box .payment_method_box .payment_method .payment_method_right .link_payment_method .img_method_box img {
              height: 40px; }
          .p-menu-order-contentbox_payment_method .payment_box .payment_main_box .payment_method_box .payment_method .payment_method_left .link_payment_method .txt_payment,
          .p-menu-order-contentbox_payment_method .payment_box .payment_main_box .payment_method_box .payment_method .payment_method_right .link_payment_method .txt_payment {
            font-size: calc(20px + 1vw); }
            .p-menu-order-contentbox_payment_method .payment_box .payment_main_box .payment_method_box .payment_method .payment_method_left .link_payment_method .txt_payment .txt_unit,
            .p-menu-order-contentbox_payment_method .payment_box .payment_main_box .payment_method_box .payment_method .payment_method_right .link_payment_method .txt_payment .txt_unit {
              padding-left: 0px; }
          .p-menu-order-contentbox_payment_method .payment_box .payment_main_box .payment_method_box .payment_method .payment_method_left .link_payment_method.recommend_method,
          .p-menu-order-contentbox_payment_method .payment_box .payment_main_box .payment_method_box .payment_method .payment_method_right .link_payment_method.recommend_method {
            border: solid 1px #FA7F49; }
            .p-menu-order-contentbox_payment_method .payment_box .payment_main_box .payment_method_box .payment_method .payment_method_left .link_payment_method.recommend_method .txt_payment,
            .p-menu-order-contentbox_payment_method .payment_box .payment_main_box .payment_method_box .payment_method .payment_method_right .link_payment_method.recommend_method .txt_payment {
              color: #E55758; }
        .p-menu-order-contentbox_payment_method .payment_box .payment_main_box .payment_method_box .payment_method .payment_method_left .flag_recommend,
        .p-menu-order-contentbox_payment_method .payment_box .payment_main_box .payment_method_box .payment_method .payment_method_right .flag_recommend {
          position: absolute;
          top: -24px;
          left: 50%;
          margin-left: -35px;
          display: inline-block;
          padding: 4px 5px;
          width: 70px;
          color: #FFF;
          font-size: calc(8px + 1vw);
          font-weight: bold;
          background: #E55758;
          border: solid 3px #E55758;
          box-sizing: border-box; }
          .p-menu-order-contentbox_payment_method .payment_box .payment_main_box .payment_method_box .payment_method .payment_method_left .flag_recommend::after,
          .p-menu-order-contentbox_payment_method .payment_box .payment_main_box .payment_method_box .payment_method .payment_method_right .flag_recommend::after {
            content: "";
            position: absolute;
            bottom: -23px;
            left: 50%;
            margin-left: -15px;
            border: 14px solid transparent;
            border-top: 14px solid #E55758;
            z-index: 1; }
          .p-menu-order-contentbox_payment_method .payment_box .payment_main_box .payment_method_box .payment_method .payment_method_left .flag_recommend .txt_flag,
          .p-menu-order-contentbox_payment_method .payment_box .payment_main_box .payment_method_box .payment_method .payment_method_right .flag_recommend .txt_flag {
            margin: 0;
            padding: 0; }
    .p-menu-order-contentbox_payment_method .payment_box .payment_main_box .payment_method_box .txt_message_box {
      font-size: calc(10px + 1vw);
      text-align: left; }

.p-menu-order-contentbox_payment_conf {
  background-color: #FFF;
  padding-bottom: 120px; }
  .p-menu-order-contentbox_payment_conf .payment_box .payment_head_box.bg_img_payment {
    background-image: url("../img/bg_img_payment_conf.svg");
    background-repeat: no-repeat;
    background-size: 60px;
    background-position: 90% 50%; }
  .p-menu-order-contentbox_payment_conf .payment_box .payment_main_box .operation_msg_box {
    position: relative;
    display: inline-block;
    background: #FFF;
    border: solid 1px #2F82D5;
    box-sizing: border-box;
    background-image: url("../img/ico_sp_conf.svg");
    background-repeat: no-repeat;
    background-size: 52px;
    background-position: 15px 50%;
    padding: 20px 15px 20px 65px;
    margin: 30px -10px 0;
    box-shadow: 0 1px 6px 0 rgba(32, 33, 36, 0.28); }
    .p-menu-order-contentbox_payment_conf .payment_box .payment_main_box .operation_msg_box:before {
      content: "";
      position: absolute;
      bottom: -19px;
      left: 50%;
      margin-left: -12px;
      border: 10px solid transparent;
      border-top: 10px solid #FFF;
      z-index: 2; }
    .p-menu-order-contentbox_payment_conf .payment_box .payment_main_box .operation_msg_box:after {
      content: "";
      position: absolute;
      bottom: -22px;
      left: 50%;
      margin-left: -13px;
      border: 11px solid transparent;
      border-top: 11px solid #2F82D5;
      z-index: 1; }
    .p-menu-order-contentbox_payment_conf .payment_box .payment_main_box .operation_msg_box .txt_msg {
      color: #2F82D5;
      font-size: calc(12px + 1vw);
      padding-left: 10px; }
      .p-menu-order-contentbox_payment_conf .payment_box .payment_main_box .operation_msg_box .txt_msg .txt_time {
        font-size: calc(14px + 1vw); }
  .p-menu-order-contentbox_payment_conf .menu_order_payment {
    height: 100px;
    position: fixed;
    box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.15);
    z-index: 999; }
    .p-menu-order-contentbox_payment_conf .menu_order_payment .txt_addmsg_box {
      background-color: #FFF2EC;
      padding: 5px 15px; }
      .p-menu-order-contentbox_payment_conf .menu_order_payment .txt_addmsg_box .txt_addmsg {
        font-size: calc(8px + 1vw);
        font-weight: bold; }
        .p-menu-order-contentbox_payment_conf .menu_order_payment .txt_addmsg_box .txt_addmsg .time {
          font-size: calc(12px + 1vw); }
    .p-menu-order-contentbox_payment_conf .menu_order_payment .item-payment {
      box-sizing: border-box;
      display: flex;
      align-items: flex-end;
      width: 100vw;
      height: 70px;
      padding: 10px 10px 10px 15px; }
      .p-menu-order-contentbox_payment_conf .menu_order_payment .item-payment__left {
        box-sizing: border-box;
        flex-basis: 45vw;
        font-size: calc(10px + 1vw); }
        .p-menu-order-contentbox_payment_conf .menu_order_payment .item-payment__left .txt_my_payment {
          font-size: calc(8px + 1vw); }
        .p-menu-order-contentbox_payment_conf .menu_order_payment .item-payment__left .payment_select_box {
          text-align: right;
          font-size: calc(14px + 1vw);
          border-bottom: solid 2px #FCBEA3;
          position: relative;
          width: 100%; }
          .p-menu-order-contentbox_payment_conf .menu_order_payment .item-payment__left .payment_select_box::before {
            content: '';
            width: 15px;
            height: 15px;
            background-image: url("../img/arrow_triangle_select.svg");
            background-repeat: no-repeat;
            display: inline-block;
            position: absolute;
            bottom: 10px;
            right: -5px;
            z-index: -1; }
          .p-menu-order-contentbox_payment_conf .menu_order_payment .item-payment__left .payment_select_box select {
            font-size: calc(18px + 1vw);
            width: 100%;
            box-sizing: border-box;
            padding-left: 5px; }
          .p-menu-order-contentbox_payment_conf .menu_order_payment .item-payment__left .payment_select_box .txt_unit_en {
            position: absolute;
            bottom: 5px;
            right: 20px;
            font-size: calc(10px + 1vw);
            z-index: -1; }
      .p-menu-order-contentbox_payment_conf .menu_order_payment .item-payment__right {
        box-sizing: border-box;
        margin-left: 20px;
        flex-basis: 55vw; }
        .p-menu-order-contentbox_payment_conf .menu_order_payment .item-payment__right .square-orange-btn {
          font-size: calc(14px + 1vw); }

.p-menu-order-contentbox_modal-pop.p-menu-order-contentbox_payment_conf {
  background-color: inherit; }
  .p-menu-order-contentbox_modal-pop.p-menu-order-contentbox_payment_conf .card-box.reply_card {
    padding: 0; }
  .p-menu-order-contentbox_modal-pop.p-menu-order-contentbox_payment_conf .card-box .sals_details_box .txt_box {
    background-color: #5E5E5E;
    color: #FFF;
    padding: 30px 20px;
    text-align: center;
    border-radius: 5px 5px 0 0; }
    .p-menu-order-contentbox_modal-pop.p-menu-order-contentbox_payment_conf .card-box .sals_details_box .txt_box .txt_message {
      font-weight: bold; }
  .p-menu-order-contentbox_modal-pop.p-menu-order-contentbox_payment_conf .card-box .sals_details_box .payment_conf_box_wrap {
    padding: 30px 20px;
    margin: 10px 0; }
    .p-menu-order-contentbox_modal-pop.p-menu-order-contentbox_payment_conf .card-box .sals_details_box .payment_conf_box_wrap .tl_payment_conf {
      display: block;
      text-align: center; }
      .p-menu-order-contentbox_modal-pop.p-menu-order-contentbox_payment_conf .card-box .sals_details_box .payment_conf_box_wrap .tl_payment_conf .item_name_payment {
        width: inherit; }
    .p-menu-order-contentbox_modal-pop.p-menu-order-contentbox_payment_conf .card-box .sals_details_box .payment_conf_box_wrap .payment_box {
      padding: 8px 10px 7px 10px; }

.p-menu-order-contentbox_payment_check {
  background-color: #FFF;
  padding-bottom: 220px; }
  .p-menu-order-contentbox_payment_check .payment_box .payment_head_box.bg_img_check {
    background-image: url("../img/bg_img_payment_check.svg");
    background-repeat: no-repeat;
    background-size: 60px;
    background-position: 90% 50%; }
  .p-menu-order-contentbox_payment_check .payment_detail_box .txt_detail_list li .txt_detail_box.txt_strong {
    color: #5E5E5E !important; }
  .p-menu-order-contentbox_payment_check .payment_conf_box_wrap .payment_conf_list_box .txt_discount_discount {
    color: #5E5E5E !important; }
  .p-menu-order-contentbox_payment_check .menu_order_payment {
    height: 200px;
    position: fixed;
    box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.15);
    z-index: 999; }
    .p-menu-order-contentbox_payment_check .menu_order_payment .txt_addmsg_box {
      background-color: #FFF2EC;
      padding: 5px 15px;
      text-align: center;
      position: relative;
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
      border-top: solid 1px #E55758; }
      .p-menu-order-contentbox_payment_check .menu_order_payment .txt_addmsg_box::before {
        content: "";
        position: absolute;
        bottom: -21px;
        left: 50%;
        margin-left: -15px;
        border: 12px solid transparent;
        border-top: 12px solid #FFF2EC;
        z-index: 2; }
      .p-menu-order-contentbox_payment_check .menu_order_payment .txt_addmsg_box::after {
        content: "";
        position: absolute;
        bottom: -24px;
        left: 50%;
        margin-left: -17px;
        border: 14px solid transparent;
        border-top: 14px solid rgba(0, 0, 0, 0.15);
        z-index: -1; }
      .p-menu-order-contentbox_payment_check .menu_order_payment .txt_addmsg_box .txt_addmsg {
        font-size: calc(8px + 1vw);
        font-weight: bold;
        margin: 8px; }
        .p-menu-order-contentbox_payment_check .menu_order_payment .txt_addmsg_box .txt_addmsg.txt_min {
          font-weight: normal; }
        .p-menu-order-contentbox_payment_check .menu_order_payment .txt_addmsg_box .txt_addmsg.txt_red {
          color: #E55758; }
        .p-menu-order-contentbox_payment_check .menu_order_payment .txt_addmsg_box .txt_addmsg .time, .p-menu-order-contentbox_payment_check .menu_order_payment .txt_addmsg_box .txt_addmsg .num {
          font-size: calc(12px + 1vw); }
    .p-menu-order-contentbox_payment_check .menu_order_payment .item-payment {
      box-sizing: border-box;
      width: 100vw;
      height: 70px;
      padding: 20px 10px 10px 10px; }
      .p-menu-order-contentbox_payment_check .menu_order_payment .item-payment__center .square-orange-btn {
        font-size: calc(12px + 1vw); }

.p-menu-order-contentbox_payment_regi {
  background-color: #FFF;
  padding-bottom: 50px; }
  .p-menu-order-contentbox_payment_regi .payment_box .payment_head_box.bg_img_check {
    background-image: url("../img/bg_img_payment_regi.svg");
    background-repeat: no-repeat;
    background-size: 60px;
    background-position: 90% 50%; }
  .p-menu-order-contentbox_payment_regi .payment_box .payment_main_box .date_box {
    text-align: center;
    margin-bottom: 20px; }
  .p-menu-order-contentbox_payment_regi .payment_box .payment_main_box .table_info_box {
    display: block; }
    .p-menu-order-contentbox_payment_regi .payment_box .payment_main_box .table_info_box .table_no_box {
      display: flex;
      justify-content: space-between;
      align-items: flex-end;
      border-bottom: solid 2px #EBEBEB;
      width: 70%;
      margin: 0 auto 20px; }
      .p-menu-order-contentbox_payment_regi .payment_box .payment_main_box .table_info_box .table_no_box .txt_no {
        font-size: calc(22px + 1vw); }
    .p-menu-order-contentbox_payment_regi .payment_box .payment_main_box .table_info_box .table_people_box {
      display: flex;
      justify-content: space-between;
      align-items: flex-end;
      border-bottom: solid 2px #EBEBEB;
      width: 70%;
      margin: 0 auto 40px; }
      .p-menu-order-contentbox_payment_regi .payment_box .payment_main_box .table_info_box .table_people_box .table_people {
        padding-left: 22px;
        display: inline-block;
        background-image: url("../img/ico_personal_black.svg");
        background-repeat: no-repeat;
        background-size: 14px; }
      .p-menu-order-contentbox_payment_regi .payment_box .payment_main_box .table_info_box .table_people_box .txt_people {
        font-size: calc(22px + 1vw); }
  .p-menu-order-contentbox_payment_regi .payment_box .payment_main_box .payment_box_wrap {
    margin: 0 auto 20px;
    border: solid 1px #FA7F49;
    padding: 20px 10px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0);
    position: relative;
    max-width: 500px; }
    .p-menu-order-contentbox_payment_regi .payment_box .payment_main_box .payment_box_wrap .txt_payment_method {
      font-size: calc(10px + 1vw);
      font-weight: bold;
      padding-bottom: 5px; }
    .p-menu-order-contentbox_payment_regi .payment_box .payment_main_box .payment_box_wrap .payment_regi_box {
      font-size: calc(40px + 1vw);
      text-align: right;
      padding: 15px 10px;
      margin-bottom: 20px;
      color: #E55758;
      background-color: #FFF2EC;
      background-image: url("../img/bg_img_regi.svg");
      background-repeat: no-repeat;
      background-size: 50px;
      background-position: 5% 50%; }
    .p-menu-order-contentbox_payment_regi .payment_box .payment_main_box .payment_box_wrap .payment_sp_box {
      font-size: calc(28px + 1vw);
      text-align: right;
      padding: 20px 10px;
      background-color: #F3F3F3;
      background-image: url("../img/bg_img_phone.svg");
      background-repeat: no-repeat;
      background-size: 30px;
      background-position: 7% 50%; }
    .p-menu-order-contentbox_payment_regi .payment_box .payment_main_box .payment_box_wrap .img_stmp {
      position: absolute;
      top: -20px;
      right: -20px; }
      .p-menu-order-contentbox_payment_regi .payment_box .payment_main_box .payment_box_wrap .img_stmp img {
        width: 250px;
        height: auto;
        opacity: 0.9; }
  .p-menu-order-contentbox_payment_regi .payment_box .payment_main_box .total_payment_box {
    display: block;
    background-color: #FFF;
    padding: 0px 0px;
    box-shadow: none;
    text-align: center;
    margin-bottom: 50px; }
    .p-menu-order-contentbox_payment_regi .payment_box .payment_main_box .total_payment_box .txt_total {
      display: inline-block;
      font-weight: bold;
      border-radius: 50px;
      background-color: #F3F3F3;
      padding: 5px 20px 2px;
      margin-bottom: 10px; }
    .p-menu-order-contentbox_payment_regi .payment_box .payment_main_box .total_payment_box .txt_total_payment {
      font-size: calc(20px + 1vw);
      color: #4E4E4E;
      font-weight: bold; }

.default_message {
  position: absolute;
  z-index: -1;
  display: flex;
  width: 100%; }
  .default_message span {
    display: inline-block;
    margin: 50px auto 0; }

.serving_list_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
  padding: 0 10px 0 5px; }
  .serving_list_header .list_left.serving_list_cont {
    align-self: flex-end; }
  .serving_list_header .table_no_box {
    font-size: calc(28px + 1vw);
    font-weight: bold;
    display: flex; }
    .serving_list_header .table_no_box .txt_table_no {
      display: block;
      font-size: calc(6px + 1vw);
      line-height: calc(6px + 1vw);
      font-weight: normal; }
    .serving_list_header .table_no_box .txt_table_people {
      align-self: flex-end;
      font-size: calc(12px + 1vw);
      font-weight: normal;
      margin-left: 20px;
      padding-bottom: 6px; }
  .serving_list_header .button_box {
    align-self: center; }
    .serving_list_header .button_box a {
      text-decoration: none;
      position: relative;
      display: block;
      padding: 10px 0px 10px 50px;
      font-size: calc(10px + 1vw);
      color: #40A0B7; }
      .serving_list_header .button_box a span::before {
        position: absolute;
        content: '';
        display: block;
        top: 8px;
        left: 6px;
        width: 5px;
        height: 10px;
        border-right: 2px solid #FFF;
        border-bottom: 2px solid #FFF;
        -webkit-transform: translateY(-50%) rotate(45deg);
        transform: translateY(-50%) rotate(45deg); }
      .serving_list_header .button_box a span::before {
        position: absolute;
        content: '';
        display: block;
        top: 19px;
        left: 30px;
        width: 5px;
        height: 12px;
        border-right: 2px solid #40A0B7;
        border-bottom: 2px solid #40A0B7;
        -webkit-transform: translateY(-50%) rotate(45deg);
        transform: translateY(-50%) rotate(45deg); }
    .serving_list_header .button_box.btn_line a {
      text-decoration: none;
      position: relative;
      display: block;
      border: solid 1px #54BAD1;
      border-radius: 4px;
      background-color: #FFF;
      padding: 6px 15px 6px 35px;
      font-size: calc(10px + 1vw);
      color: #40A0B7; }
      .serving_list_header .button_box.btn_line a span::before {
        position: absolute;
        content: '';
        display: block;
        top: 8px;
        left: 6px;
        width: 5px;
        height: 10px;
        border-right: 2px solid #FFF;
        border-bottom: 2px solid #FFF;
        -webkit-transform: translateY(-50%) rotate(45deg);
        transform: translateY(-50%) rotate(45deg); }
      .serving_list_header .button_box.btn_line a span::before {
        position: absolute;
        content: '';
        display: block;
        top: 15px;
        left: 20px;
        width: 5px;
        height: 12px;
        border-right: 2px solid #40A0B7;
        border-bottom: 2px solid #40A0B7;
        -webkit-transform: translateY(-50%) rotate(45deg);
        transform: translateY(-50%) rotate(45deg); }

.serving_list_box ul {
  list-style-type: none;
  margin: 0;
  padding: 0; }
  .serving_list_box ul li .serving_list {
    position: relative;
    display: flex;
    margin-bottom: 10px; }
    .serving_list_box ul li .serving_list .check_box {
      flex-basis: 20px;
      align-self: center;
      padding-bottom: 8px; }
    .serving_list_box ul li .serving_list .serving_box {
      flex: 1;
      align-self: center;
      border-bottom: solid 1px #EBEBEB;
      padding-left: 2px;
      border-left: solid 3px #FFF;
      box-sizing: border-box; }
      .serving_list_box ul li .serving_list .serving_box.border_left_yellow {
        border-left: solid 3px #F9AC19; }
      .serving_list_box ul li .serving_list .serving_box.border_left_red {
        border-left: solid 3px #E55758; }
      .serving_list_box ul li .serving_list .serving_box.border_left_blue {
        border-left: solid 3px #2F81D5; }
      .serving_list_box ul li .serving_list .serving_box.bg_checked {
        background-color: #FBD58B; }
      .serving_list_box ul li .serving_list .serving_box .order_name_box {
        display: flex; }
        .serving_list_box ul li .serving_list .serving_box .order_name_box .img_box {
          align-self: center;
          width: 85px;
          height: 50px; }
          .serving_list_box ul li .serving_list .serving_box .order_name_box .img_box img {
            width: 80px;
            height: 50px;
            -o-object-fit: cover;
            object-fit: cover; }
        .serving_list_box ul li .serving_list .serving_box .order_name_box .txt_box {
          align-self: center;
          flex: 1;
          display: flex;
          justify-content: space-between; }
          .serving_list_box ul li .serving_list .serving_box .order_name_box .txt_box .serving_name {
            align-self: center;
            flex: 1;
            font-size: calc(10px + 1vw);
            padding: 5px 5px 5px 10px; }
          .serving_list_box ul li .serving_list .serving_box .order_name_box .txt_box .serving_num {
            align-self: center;
            flex-basis: 36px;
            font-size: calc(20px + 1vw);
            padding-right: 8px;
            text-align: right; }
    .serving_list_box ul li .serving_list .order_num .order_num_box {
      display: flex;
      justify-content: space-between;
      align-items: center; }
      .serving_list_box ul li .serving_list .order_num .order_num_box .num_list {
        flex: 1; }
        .serving_list_box ul li .serving_list .order_num .order_num_box .num_list ul {
          display: flex;
          flex-wrap: wrap;
          padding: 2px 0px 4px 2px; }
          .serving_list_box ul li .serving_list .order_num .order_num_box .num_list ul li .serving_order {
            display: inline-block;
            position: relative;
            text-align: center;
            vertical-align: middle;
            width: 18px;
            height: 18px;
            margin: 2px 3px 2px;
            color: #fff; }
            .serving_list_box ul li .serving_list .order_num .order_num_box .num_list ul li .serving_order::before {
              content: "";
              position: absolute;
              background-size: 30px 30px;
              width: 18px;
              height: 18px;
              border-radius: 50%;
              top: 50%;
              left: 0px;
              margin-top: -7px; }
            .serving_list_box ul li .serving_list .order_num .order_num_box .num_list ul li .serving_order span {
              font-size: calc(8px + 1vw);
              display: block;
              z-index: 2;
              position: relative;
              top: 5px;
              left: 0px; }
          .serving_list_box ul li .serving_list .order_num .order_num_box .num_list ul li .himozuke_red::before {
            background-color: #F56868; }
          .serving_list_box ul li .serving_list .order_num .order_num_box .num_list ul li .himozuke_orange::before {
            background-color: #FFAB3D; }
          .serving_list_box ul li .serving_list .order_num .order_num_box .num_list ul li .himozuke_yellow {
            color: #4E4E4E; }
            .serving_list_box ul li .serving_list .order_num .order_num_box .num_list ul li .himozuke_yellow::before {
              background-color: #F8EC41; }
          .serving_list_box ul li .serving_list .order_num .order_num_box .num_list ul li .himozuke_green-l {
            color: #4E4E4E; }
            .serving_list_box ul li .serving_list .order_num .order_num_box .num_list ul li .himozuke_green-l::before {
              background-color: #A4D52F; }
          .serving_list_box ul li .serving_list .order_num .order_num_box .num_list ul li .himozuke_green::before {
            background-color: #3BB75C; }
          .serving_list_box ul li .serving_list .order_num .order_num_box .num_list ul li .himozuke_blue-l::before {
            background-color: #2FBED5; }
          .serving_list_box ul li .serving_list .order_num .order_num_box .num_list ul li .himozuke_blue::before {
            background-color: #2F81D5; }
          .serving_list_box ul li .serving_list .order_num .order_num_box .num_list ul li .himozuke_purple::before {
            background-color: #916DD9; }
          .serving_list_box ul li .serving_list .order_num .order_num_box .num_list ul li .himozuke_pink::before {
            background-color: #DB6AAA; }
          .serving_list_box ul li .serving_list .order_num .order_num_box .num_list ul li .himozuke_gray::before {
            background-color: #8F8F8F; }
      .serving_list_box ul li .serving_list .order_num .order_num_box .num_name {
        font-size: calc(8px + 1vw);
        position: relative;
        top: 2px;
        text-align: right;
        width: 130px;
        margin: 0 8px; }
    .serving_list_box ul li .serving_list .order_num.border_left_yellow .serving_list_cont {
      background-color: #FEF6E6; }
    .serving_list_box ul li .serving_list .order_num.border_left_blue .serving_list_cont {
      background-color: #EBF3FB; }

.p-menu-order-contentbox.p-menu-order-contentbox_serving_list .serving_card {
  padding: 10px 10px 20px; }

.p-menu-order-contentbox.p-menu-order-contentbox_serving_list .serving_done_btn {
  width: 90px;
  padding: 5px 10px;
  font-size: calc(7px + 1vw); }
  .p-menu-order-contentbox.p-menu-order-contentbox_serving_list .serving_done_btn .checkicon {
    display: block;
    margin: 0 auto; }

.p-menu-order-contentbox.p-menu-order-contentbox_receive .input_box,
.p-menu-order-contentbox.p-menu-order-contentbox_tablenum_change .input_box,
.p-menu-order-contentbox.p-menu-order-contentbox_tablenum_join .input_box {
  text-align: center; }
  .p-menu-order-contentbox.p-menu-order-contentbox_receive .input_box .img_box,
  .p-menu-order-contentbox.p-menu-order-contentbox_tablenum_change .input_box .img_box,
  .p-menu-order-contentbox.p-menu-order-contentbox_tablenum_join .input_box .img_box {
    width: 170px;
    height: 55px;
    margin: 30px auto; }
    .p-menu-order-contentbox.p-menu-order-contentbox_receive .input_box .img_box img,
    .p-menu-order-contentbox.p-menu-order-contentbox_tablenum_change .input_box .img_box img,
    .p-menu-order-contentbox.p-menu-order-contentbox_tablenum_join .input_box .img_box img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
      object-fit: cover; }

.p-menu-order-contentbox.p-menu-order-contentbox_receive .c-page-content .menu_order_input_box,
.p-menu-order-contentbox.p-menu-order-contentbox_tablenum_change .c-page-content .menu_order_input_box,
.p-menu-order-contentbox.p-menu-order-contentbox_tablenum_join .c-page-content .menu_order_input_box {
  margin-bottom: 40px; }
  .p-menu-order-contentbox.p-menu-order-contentbox_receive .c-page-content .menu_order_input_box ul,
  .p-menu-order-contentbox.p-menu-order-contentbox_tablenum_change .c-page-content .menu_order_input_box ul,
  .p-menu-order-contentbox.p-menu-order-contentbox_tablenum_join .c-page-content .menu_order_input_box ul {
    list-style-type: none;
    padding: 0;
    margin: 0; }
    .p-menu-order-contentbox.p-menu-order-contentbox_receive .c-page-content .menu_order_input_box ul li,
    .p-menu-order-contentbox.p-menu-order-contentbox_tablenum_change .c-page-content .menu_order_input_box ul li,
    .p-menu-order-contentbox.p-menu-order-contentbox_tablenum_join .c-page-content .menu_order_input_box ul li {
      display: flex;
      justify-content: space-between; }
      .p-menu-order-contentbox.p-menu-order-contentbox_receive .c-page-content .menu_order_input_box ul li .plus,
      .p-menu-order-contentbox.p-menu-order-contentbox_tablenum_change .c-page-content .menu_order_input_box ul li .plus,
      .p-menu-order-contentbox.p-menu-order-contentbox_tablenum_join .c-page-content .menu_order_input_box ul li .plus {
        position: relative; }
      .p-menu-order-contentbox.p-menu-order-contentbox_receive .c-page-content .menu_order_input_box ul li .plus::before,
      .p-menu-order-contentbox.p-menu-order-contentbox_tablenum_change .c-page-content .menu_order_input_box ul li .plus::before,
      .p-menu-order-contentbox.p-menu-order-contentbox_tablenum_join .c-page-content .menu_order_input_box ul li .plus::before {
        position: absolute;
        top: -1px;
        left: -16px;
        width: 2px;
        height: 16px;
        content: "";
        background-color: #54B9D1; }
      .p-menu-order-contentbox.p-menu-order-contentbox_receive .c-page-content .menu_order_input_box ul li .plus::after,
      .p-menu-order-contentbox.p-menu-order-contentbox_tablenum_change .c-page-content .menu_order_input_box ul li .plus::after,
      .p-menu-order-contentbox.p-menu-order-contentbox_tablenum_join .c-page-content .menu_order_input_box ul li .plus::after {
        position: absolute;
        top: 6px;
        left: -23px;
        width: 16px;
        height: 2px;
        content: "";
        background-color: #54B9D1; }
  .p-menu-order-contentbox.p-menu-order-contentbox_receive .c-page-content .menu_order_input_box .border_top,
  .p-menu-order-contentbox.p-menu-order-contentbox_tablenum_change .c-page-content .menu_order_input_box .border_top,
  .p-menu-order-contentbox.p-menu-order-contentbox_tablenum_join .c-page-content .menu_order_input_box .border_top {
    padding-top: 15px;
    border-top: solid 1px #EBEBEB; }
  .p-menu-order-contentbox.p-menu-order-contentbox_receive .c-page-content .menu_order_input_box .input-underline,
  .p-menu-order-contentbox.p-menu-order-contentbox_tablenum_change .c-page-content .menu_order_input_box .input-underline,
  .p-menu-order-contentbox.p-menu-order-contentbox_tablenum_join .c-page-content .menu_order_input_box .input-underline {
    position: relative;
    width: 200px;
    margin: 0 auto;
    padding: 10px 10px 0px 10px; }
    .p-menu-order-contentbox.p-menu-order-contentbox_receive .c-page-content .menu_order_input_box .input-underline input,
    .p-menu-order-contentbox.p-menu-order-contentbox_tablenum_change .c-page-content .menu_order_input_box .input-underline input,
    .p-menu-order-contentbox.p-menu-order-contentbox_tablenum_join .c-page-content .menu_order_input_box .input-underline input {
      width: 100px;
      margin-left: 80px;
      font-size: calc(20px + 1vw); }
    .p-menu-order-contentbox.p-menu-order-contentbox_receive .c-page-content .menu_order_input_box .input-underline.join_table_num,
    .p-menu-order-contentbox.p-menu-order-contentbox_tablenum_change .c-page-content .menu_order_input_box .input-underline.join_table_num,
    .p-menu-order-contentbox.p-menu-order-contentbox_tablenum_join .c-page-content .menu_order_input_box .input-underline.join_table_num {
      flex: 1;
      margin: 0;
      margin-right: 20px; }
      .p-menu-order-contentbox.p-menu-order-contentbox_receive .c-page-content .menu_order_input_box .input-underline.join_table_num input,
      .p-menu-order-contentbox.p-menu-order-contentbox_tablenum_change .c-page-content .menu_order_input_box .input-underline.join_table_num input,
      .p-menu-order-contentbox.p-menu-order-contentbox_tablenum_join .c-page-content .menu_order_input_box .input-underline.join_table_num input {
        width: 60px;
        margin-left: 70px; }
    .p-menu-order-contentbox.p-menu-order-contentbox_receive .c-page-content .menu_order_input_box .input-underline .input-underline__txt,
    .p-menu-order-contentbox.p-menu-order-contentbox_tablenum_change .c-page-content .menu_order_input_box .input-underline .input-underline__txt,
    .p-menu-order-contentbox.p-menu-order-contentbox_tablenum_join .c-page-content .menu_order_input_box .input-underline .input-underline__txt {
      display: inline-block;
      position: absolute;
      bottom: 5px;
      left: 10px;
      font-size: calc(8px + 1vw);
      color: #40A0B7; }

.p-menu-order-contentbox.p-menu-order-contentbox_receive .c-page-content .tl_sub_txt,
.p-menu-order-contentbox.p-menu-order-contentbox_tablenum_change .c-page-content .tl_sub_txt,
.p-menu-order-contentbox.p-menu-order-contentbox_tablenum_join .c-page-content .tl_sub_txt {
  margin-top: 30px;
  font-size: calc(10px + 1vw); }

.p-menu-order-contentbox.p-menu-order-contentbox_receive .c-page-content .btn_box,
.p-menu-order-contentbox.p-menu-order-contentbox_tablenum_change .c-page-content .btn_box,
.p-menu-order-contentbox.p-menu-order-contentbox_tablenum_join .c-page-content .btn_box {
  display: flex;
  justify-content: space-between;
  margin-top: 10px; }
  .p-menu-order-contentbox.p-menu-order-contentbox_receive .c-page-content .btn_box .side_btn_box,
  .p-menu-order-contentbox.p-menu-order-contentbox_tablenum_change .c-page-content .btn_box .side_btn_box,
  .p-menu-order-contentbox.p-menu-order-contentbox_tablenum_join .c-page-content .btn_box .side_btn_box {
    width: 48%; }

.p-menu-order-contentbox.p-menu-order-contentbox_receive .menu_order-buttonbox,
.p-menu-order-contentbox.p-menu-order-contentbox_tablenum_change .menu_order-buttonbox,
.p-menu-order-contentbox.p-menu-order-contentbox_tablenum_join .menu_order-buttonbox {
  margin-top: 20px; }

.p-menu-order-fixed-topbox.p-menu-order-fixed-topbox_receive_tap .input-underline,
.p-menu-order-fixed-topbox.p-menu-order-fixed-topbox_receive_num .input-underline {
  padding: 0px 5px; }
  .p-menu-order-fixed-topbox.p-menu-order-fixed-topbox_receive_tap .input-underline input,
  .p-menu-order-fixed-topbox.p-menu-order-fixed-topbox_receive_num .input-underline input {
    color: #54BAD1;
    font-size: calc(16px + 1vw);
    line-height: calc(16px + 1vw); }

.p-menu-order-contentbox.p-menu-order-contentbox_receive_num .tablebox_td .tablebox_td_left .txt_num {
  width: 65px;
  align-self: center; }
  .p-menu-order-contentbox.p-menu-order-contentbox_receive_num .tablebox_td .tablebox_td_left .txt_num .input-bg {
    display: inline-block;
    width: 65px;
    height: 40px;
    background-color: #EDF8FB; }
    .p-menu-order-contentbox.p-menu-order-contentbox_receive_num .tablebox_td .tablebox_td_left .txt_num .input-bg input {
      padding: 0 5px;
      font-size: calc(16px + 1vw);
      text-align: center;
      width: 100%;
      line-height: 40px;
      position: relative;
      top: 2px; }
      .p-menu-order-contentbox.p-menu-order-contentbox_receive_num .tablebox_td .tablebox_td_left .txt_num .input-bg input::-webkit-input-placeholder {
        font-size: calc(12px + 1vw); }
      .p-menu-order-contentbox.p-menu-order-contentbox_receive_num .tablebox_td .tablebox_td_left .txt_num .input-bg input:-ms-input-placeholder {
        font-size: calc(12px + 1vw); }
      .p-menu-order-contentbox.p-menu-order-contentbox_receive_num .tablebox_td .tablebox_td_left .txt_num .input-bg input::-ms-input-placeholder {
        font-size: calc(12px + 1vw); }
      .p-menu-order-contentbox.p-menu-order-contentbox_receive_num .tablebox_td .tablebox_td_left .txt_num .input-bg input::placeholder {
        font-size: calc(12px + 1vw); }

.p-menu-order-contentbox.p-menu-order-contentbox_receive_num .tablebox_td .tablebox_td_left .txt_menu {
  flex: 1;
  align-self: center;
  margin: 0 5px 0 10px; }
  .p-menu-order-contentbox.p-menu-order-contentbox_receive_num .tablebox_td .tablebox_td_left .txt_menu .txt_menu_name {
    padding-left: 0px !important;
    margin-bottom: 3px; }
  .p-menu-order-contentbox.p-menu-order-contentbox_receive_num .tablebox_td .tablebox_td_left .txt_menu .input-bg {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 20px;
    background-color: #EDF8FB; }
    .p-menu-order-contentbox.p-menu-order-contentbox_receive_num .tablebox_td .tablebox_td_left .txt_menu .input-bg input {
      text-align: right;
      padding: 0 5px;
      font-size: calc(10px + 1vw);
      color: #D53434;
      width: 100%;
      box-sizing: border-box;
      padding-right: 22px; }
    .p-menu-order-contentbox.p-menu-order-contentbox_receive_num .tablebox_td .tablebox_td_left .txt_menu .input-bg::after {
      display: inline-block;
      content: '円';
      font-size: calc(8px + 1vw);
      position: absolute;
      bottom: 0px;
      right: 5px; }

.p-menu-order-contentbox.p-menu-order-contentbox_info .c-page-content__head {
  font-size: calc(8px + 1vw);
  font-weight: normal; }
  .p-menu-order-contentbox.p-menu-order-contentbox_info .c-page-content__head .table_num {
    padding-left: 5px;
    font-size: calc(22px + 1vw);
    font-weight: normal; }

.p-menu-order-contentbox.p-menu-order-contentbox_info .setting-box {
  margin-bottom: 20px; }
  .p-menu-order-contentbox.p-menu-order-contentbox_info .setting-box .select-underline {
    position: relative; }
    .p-menu-order-contentbox.p-menu-order-contentbox_info .setting-box .select-underline .select_item_name {
      color: #40A0B7;
      font-size: calc(10px + 1vw);
      position: absolute;
      bottom: 3px;
      left: 0; }
    .p-menu-order-contentbox.p-menu-order-contentbox_info .setting-box .select-underline .select_item {
      text-align: right;
      padding: 0 25px 5px 70px; }
    .p-menu-order-contentbox.p-menu-order-contentbox_info .setting-box .select-underline .add_table_info {
      justify-content: flex-end;
      width: auto;
      border-left: none;
      margin-bottom: 5px; }
      .p-menu-order-contentbox.p-menu-order-contentbox_info .setting-box .select-underline .add_table_info .add_order_num {
        width: 44px; }
        .p-menu-order-contentbox.p-menu-order-contentbox_info .setting-box .select-underline .add_table_info .add_order_num .add_input_txt {
          width: 100%;
          font-size: calc(18px + 1vw);
          font-weight: bold;
          text-align: center; }

.p-menu-order-fixed-topbox.p-menu-order-fixed-topbox_cancel .p-menu-order-tablebox .p-menu-order-tablebox_txt .txt_line {
  margin-top: 5px; }

.p-menu-order-contentbox.p-menu-order-contentbox_cancel .tablebox_td .tablebox_td_left .check_box_wrap {
  display: flex;
  align-items: center; }
  .p-menu-order-contentbox.p-menu-order-contentbox_cancel .tablebox_td .tablebox_td_left .check_box_wrap .order_time {
    align-items: center;
    font-size: calc(6px + 1vw);
    padding-top: 6px; }

.bottom-bar.menu_order {
  position: fixed;
  box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.15);
  z-index: 999; }
  .bottom-bar.menu_order .item-purchace__left {
    flex-basis: 30vw;
    font-size: calc(10px + 1vw);
    text-align: center; }
    .bottom-bar.menu_order .item-purchace__left .item-purchace__select {
      font-size: calc(16px + 1vw); }
      .bottom-bar.menu_order .item-purchace__left .item-purchace__select::before {
        display: none; }
    .bottom-bar.menu_order .item-purchace__left .txt_serving_num {
      text-align: left;
      font-size: calc(8px + 1vw);
      padding-left: 10px; }
    .bottom-bar.menu_order .item-purchace__left .serving_num {
      text-align: right;
      font-size: calc(18px + 1vw);
      padding-right: 15px;
      padding-bottom: 2px;
      border-bottom: solid 1px #EBEBEB; }
      .bottom-bar.menu_order .item-purchace__left .serving_num .txt_unit {
        position: relative;
        top: -1px; }
  .bottom-bar.menu_order .item-purchace__right, .bottom-bar.menu_order .item-purchace__center {
    font-size: calc(12px + 1vw);
    height: auto;
    flex-basis: 70vw;
    color: #2C1E0A;
    background-color: #F9AC19;
    margin-left: 10px;
    line-height: 50px;
    text-align: center;
    display: inline-block;
    position: relative; }
    .bottom-bar.menu_order .item-purchace__right span img, .bottom-bar.menu_order .item-purchace__center span img {
      width: 20px;
      height: 20px;
      position: relative;
      top: 3px;
      margin-right: 10px; }
    .bottom-bar.menu_order .item-purchace__right .tab_icon__badge, .bottom-bar.menu_order .item-purchace__center .tab_icon__badge {
      top: -7px;
      right: -5px; }
  .bottom-bar.menu_order .item-purchace__center {
    flex-basis: 100vw; }
  .bottom-bar.menu_order.bg_blue .item-purchace__right, .bottom-bar.menu_order.bg_blue .item-purchace__center {
    background: #54BAD1;
    color: #FFF; }

.bottom-bar.menu_order_staff {
  position: fixed;
  box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.15);
  z-index: 999; }
  .bottom-bar.menu_order_staff .item-purchace__left {
    order: 2;
    flex-basis: 50vw;
    position: relative; }
    .bottom-bar.menu_order_staff .item-purchace__left .add_order_box_min {
      align-self: center;
      display: flex;
      width: 80px;
      z-index: 1;
      padding-left: 8px;
      width: 100%;
      justify-content: center;
      border: none;
      margin: 0px;
      padding: 0px; }
      .bottom-bar.menu_order_staff .item-purchace__left .add_order_box_min .minus {
        font-size: calc(100px + 1vw);
        position: relative;
        width: 22px;
        height: 22px;
        top: 3px;
        text-align: center;
        line-height: 33px;
        border: 1px solid #54B9D1;
        border-radius: 100%;
        background-color: #fff; }
        .bottom-bar.menu_order_staff .item-purchace__left .add_order_box_min .minus span.minus_tap_area {
          position: absolute; }
      .bottom-bar.menu_order_staff .item-purchace__left .add_order_box_min .minus::before {
        position: absolute;
        top: 10px;
        left: 5px;
        width: 12px;
        height: 2px;
        content: "";
        background-color: #54B9D1; }
      .bottom-bar.menu_order_staff .item-purchace__left .add_order_box_min .plus {
        font-size: calc(100px + 1vw);
        position: relative;
        width: 22px;
        height: 22px;
        top: 3px;
        text-align: center;
        line-height: 33px;
        border: 1px solid #54B9D1;
        border-radius: 100%;
        background-color: #fff; }
      .bottom-bar.menu_order_staff .item-purchace__left .add_order_box_min .plus::before {
        position: absolute;
        top: 5px;
        left: 10px;
        width: 2px;
        height: 12px;
        content: "";
        background-color: #54B9D1; }
      .bottom-bar.menu_order_staff .item-purchace__left .add_order_box_min .plus::after {
        position: absolute;
        top: 10px;
        left: 5px;
        width: 12px;
        height: 2px;
        content: "";
        background-color: #54B9D1; }
      .bottom-bar.menu_order_staff .item-purchace__left .add_order_box_min .add_order_num {
        margin: 0 8px;
        font-size: calc(22px + 1vw);
        font-weight: bold;
        color: #292724; }
      .bottom-bar.menu_order_staff .item-purchace__left .add_order_box_min .minus,
      .bottom-bar.menu_order_staff .item-purchace__left .add_order_box_min .plus {
        margin: 0 6px; }
    .bottom-bar.menu_order_staff .item-purchace__left .tup_area_box_min .minus_tup_area {
      width: calc(50% - 10px);
      height: 100%;
      position: absolute;
      bottom: 0px;
      left: 10px;
      z-index: 2; }
    .bottom-bar.menu_order_staff .item-purchace__left .tup_area_box_min .plus_tup_area {
      width: calc(50% - 10px);
      height: 100%;
      position: absolute;
      bottom: 0px;
      right: 10px;
      z-index: 2; }
  .bottom-bar.menu_order_staff .item-purchace__right, .bottom-bar.menu_order_staff .bottom-bar.menu_order .item-purchace__center, .bottom-bar.menu_order .bottom-bar.menu_order_staff .item-purchace__center {
    font-size: calc(12px + 1vw);
    height: auto;
    flex-basis: 50vw;
    color: #2C1E0A;
    background-color: #F9AC19;
    margin-left: 10px;
    line-height: 50px;
    text-align: center;
    display: inline-block;
    position: relative; }
    .bottom-bar.menu_order_staff .item-purchace__right span img, .bottom-bar.menu_order_staff .bottom-bar.menu_order .item-purchace__center span img, .bottom-bar.menu_order .bottom-bar.menu_order_staff .item-purchace__center span img {
      width: 20px;
      height: 20px;
      position: relative;
      top: 3px;
      margin-right: 10px; }
    .bottom-bar.menu_order_staff .item-purchace__right .tab_icon__badge, .bottom-bar.menu_order_staff .bottom-bar.menu_order .item-purchace__center .tab_icon__badge, .bottom-bar.menu_order .bottom-bar.menu_order_staff .item-purchace__center .tab_icon__badge {
      top: -7px;
      right: -5px; }

.img_menu_box img {
  width: 100%;
  height: auto; }

.NavMenu .page__content {
  padding: 10px 20px;
  background-color: #FFF !important; }
  .NavMenu .page__content .NavMenu_head {
    margin-bottom: 15px; }
    .NavMenu .page__content .NavMenu_head .close_button {
      margin-left: auto;
      width: 46px;
      height: 46px;
      text-align: center; }
      .NavMenu .page__content .NavMenu_head .close_button .zmdi-close {
        font-size: 28px;
        display: block;
        color: #40A0B7; }
      .NavMenu .page__content .NavMenu_head .close_button .txt_close {
        display: block;
        font-size: calc(6px + 1vw);
        line-height: calc(6px + 1vw);
        color: #40A0B7; }
  .NavMenu .page__content .txt_box {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 20px; }
    .NavMenu .page__content .txt_box .left_box {
      width: 60%; }
      .NavMenu .page__content .txt_box .left_box .txt_note {
        color: #E55758;
        font-size: calc(6px + 1vw); }
      .NavMenu .page__content .txt_box .left_box .txt_balance {
        font-size: calc(8px + 1vw); }
      .NavMenu .page__content .txt_box .left_box .txt_table {
        color: #40A0B7;
        font-size: calc(12px + 1vw); }
    .NavMenu .page__content .txt_box .right_box {
      width: 40%;
      font-size: calc(12px + 1vw);
      text-align: right; }
      .NavMenu .page__content .txt_box .right_box .txt_price .txt_unit {
        font-size: 0.5em;
        margin-left: 2px; }
      .NavMenu .page__content .txt_box .right_box .txt_table_num {
        color: #40A0B7;
        font-size: calc(18px + 1vw); }
  .NavMenu .page__content .button_box {
    display: flex;
    justify-content: space-between;
    align-items: flex-start; }
    .NavMenu .page__content .button_box .left_box {
      width: 40%;
      padding-right: 5px; }
      .NavMenu .page__content .button_box .left_box .square-orange-btn {
        padding: 5px 0; }
        .NavMenu .page__content .button_box .left_box .square-orange-btn .btn-icon-money {
          position: relative;
          padding-left: calc(18px + 5px); }
          .NavMenu .page__content .button_box .left_box .square-orange-btn .btn-icon-money img {
            width: 18px;
            height: auto;
            position: absolute;
            top: 50%;
            left: 0;
            margin-top: -10px; }
    .NavMenu .page__content .button_box .right_box {
      width: 60%; }
      .NavMenu .page__content .button_box .right_box .square-default-btn {
        padding: 5px 0; }
        .NavMenu .page__content .button_box .right_box .square-default-btn .btn-icon-ordersheet {
          position: relative;
          padding-left: calc(16px + 5px); }
          .NavMenu .page__content .button_box .right_box .square-default-btn .btn-icon-ordersheet img {
            width: 16px;
            height: auto;
            position: absolute;
            top: 50%;
            left: 0;
            margin-top: -12px; }
  .NavMenu .page__content .link_list {
    margin: 25px 0;
    padding-bottom: 1px; }
    .NavMenu .page__content .link_list .list-item {
      padding: 0; }
    .NavMenu .page__content .link_list .link_btn {
      border-bottom: solid 1px #54BAD1;
      font-size: calc(10px + 1vw); }
      .NavMenu .page__content .link_list .link_btn:first-child {
        border-top: solid 1px #54BAD1; }
      .NavMenu .page__content .link_list .link_btn .list-item__center {
        padding: 18px 21px 16px 0; }
        .NavMenu .page__content .link_list .link_btn .list-item__center .list-item--chevron::before {
          right: 6px; }
  .NavMenu .page__content .square-Gray-white-btn {
    display: inline-block;
    width: inherit;
    padding: 2px 15px; }
    .NavMenu .page__content .square-Gray-white-btn .u-icon-call-staff {
      position: relative;
      padding-left: calc(24px + 7px);
      font-size: calc(8px + 1vw); }
      .NavMenu .page__content .square-Gray-white-btn .u-icon-call-staff img {
        width: 24px;
        height: auto;
        position: absolute;
        top: 50%;
        left: 0;
        margin-top: -8px; }

/*=================================================
 * スタンプラリー画面
 * ================================================ */
.cont_stamp {
  background-color: #F5F5F5;
  min-height: 100vh;
  padding: 10px 0 50px;
  /* ------------------------------------
   /* <共通> 閉じるボタン
   ------------------------------------ */
  /* ------------------------------------
   /* ページタイトル
   ------------------------------------ */
  /* ------------------------------------
   /* イベントタイトル
   ------------------------------------ */
  /* ------------------------------------
   /* タイトル
   ------------------------------------ */
  /* ------------------------------------
   /* スタンプラリーbox
   ------------------------------------ */
  /* ------------------------------------
   /* スタンプ台紙
   ------------------------------------ */
  /* ------------------------------------
   /* メッセージボックス
   ------------------------------------ */ }
  .cont_stamp .stamp_close_btn {
    width: 66px;
    display: block;
    height: 24px;
    border-color: #076BB8;
    color: #076BB8;
    padding: 3px 0 4px;
    font-size: calc(9px + 1vw);
    letter-spacing: 0; }
    .cont_stamp .stamp_close_btn > span {
      display: inline-block;
      position: relative;
      padding-left: 13px; }
      .cont_stamp .stamp_close_btn > span::before {
        display: block;
        content: '';
        width: 8px;
        height: 8px;
        background-image: url("../img/ico_close_line.svg");
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: 100%;
        position: absolute;
        top: 4px;
        left: 0; }
  .cont_stamp .cont_tl {
    box-sizing: border-box;
    padding: 10px 20px 10px; }
  .cont_stamp .tl_header_box {
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .cont_stamp .tl_header_box .tl_header {
      flex: 1;
      display: inline-block;
      font-size: calc(8px + 1vw);
      position: relative;
      text-align: right; }
  .cont_stamp .tl_stamp_box {
    margin-bottom: 40px; }
    .cont_stamp .tl_stamp_box .tl_stamp {
      text-align: center; }
      .cont_stamp .tl_stamp_box .tl_stamp > img {
        width: 55%;
        max-width: 300px;
        height: auto; }
  .cont_stamp .stamp_card {
    box-sizing: border-box;
    margin: 0 0 40px;
    padding: 15px 0px;
    box-shadow: 3px 3px 6px #DEDEDE;
    background-color: #FFF; }
  .cont_stamp .stamp_list_box {
    background-color: rgba(255, 255, 255, 0.8);
    padding: 30px 20px;
    position: relative; }
  .cont_stamp .stamp_list {
    list-style: none;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin: 10px auto;
    padding: 0; }
    .cont_stamp .stamp_list li {
      width: calc(100vw * 56 / 375);
      height: calc(100vw * 56 / 375);
      margin: 2% 1%; }
  .cont_stamp .stamp_flame {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border: solid 1px #B9B9B9;
    background-color: #FFF;
    border-radius: 20px; }
    .cont_stamp .stamp_flame > a {
      display: flex;
      justify-content: center;
      align-items: center;
      box-sizing: border-box;
      width: 100%;
      height: 100%;
      text-decoration: none;
      position: relative; }
    .cont_stamp .stamp_flame .inner_flame {
      box-sizing: border-box;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 80%;
      height: 80%;
      border-radius: 15px;
      background-color: #F5F5F5; }
    .cont_stamp .stamp_flame .txt_flame {
      padding: 5px;
      text-align: center;
      font-size: calc(10px + 1vw);
      color: #4E4E4E;
      line-height: 1.2em;
      letter-spacing: 0.05em;
      opacity: .7; }
    .cont_stamp .stamp_flame .img_stamp {
      display: none;
      width: 80%;
      height: auto;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translateY(-50%) translateX(-50%);
      -webkit-transform: translateY(-50%) translateX(-50%); }
    .cont_stamp .stamp_flame .description {
      display: none;
      box-sizing: border-box;
      width: 90vw;
      padding: 10px 30px;
      box-shadow: 0px 3px 6px #DEDEDE;
      font-size: calc(14px + 1vw);
      letter-spacing: 0.1em;
      color: #FFF;
      background-color: rgba(0, 0, 0, 0.9);
      border: solid 1px #3DB9EF;
      border-radius: 5px;
      position: fixed;
      z-index: 2;
      top: 50%;
      left: 50%;
      -webkit-animation: zoomIn 0.8s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;
              animation: zoomIn 0.8s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards; }
      .cont_stamp .stamp_flame .description .stamp_close_btn {
        margin-left: auto;
        position: relative;
        top: 0;
        right: -20px;
        border-color: #3DB9EF;
        background-color: #3DB9EF;
        color: #FFF; }
        .cont_stamp .stamp_flame .description .stamp_close_btn > span::before {
          background-image: url("../img/ico_close.svg"); }
      .cont_stamp .stamp_flame .description .tl_description {
        font-weight: bold;
        padding-bottom: 20px;
        margin: 20px 0;
        text-align: center;
        border-bottom: solid 1px #FFF; }
      .cont_stamp .stamp_flame .description .desc_box {
        display: flex;
        margin: 30px 0;
        font-size: calc(12px + 1vw); }
    .cont_stamp .stamp_flame.get_stamp {
      border: solid 2px #076BB8;
      box-shadow: 3px 3px 6px #DEDEDE; }
      .cont_stamp .stamp_flame.get_stamp .inner_flame {
        display: none; }
      .cont_stamp .stamp_flame.get_stamp .img_stamp {
        display: block; }
    .cont_stamp .stamp_flame.tap_flame .description {
      display: block; }
    .cont_stamp .stamp_flame.goal_flame {
      border: solid 1px #E55758;
      background-color: #FFB1B1; }
      .cont_stamp .stamp_flame.goal_flame.get_stamp {
        border: solid 2px #E55758;
        background-color: #FFF; }
  .cont_stamp .limit_box {
    margin: 0 0 20px;
    text-align: center; }
    .cont_stamp .limit_box .txt_limit {
      font-size: calc(10px + 1vw); }
  .cont_stamp .message_box {
    box-sizing: border-box;
    width: 100%;
    padding: 0 20px;
    margin: 0 0 0px;
    position: relative; }
    .cont_stamp .message_box .tl_message {
      font-size: calc(12px + 1vw);
      font-weight: bold;
      border-bottom: solid 1px #076BB8;
      padding: 0 0 10px;
      margin: 30px 0 20px; }
    .cont_stamp .message_box .txt_message {
      font-size: calc(10px + 1vw);
      margin: 0 0 10px; }
    .cont_stamp .message_box .list_message {
      margin: 0 0 10px;
      padding-left: 1.5em; }
      .cont_stamp .message_box .list_message > li {
        font-size: calc(10px + 1vw); }

/*=================================================
   * <共通> アニメーション
   * ================================================ */
@-webkit-keyframes zoomIn {
  0% {
    -webkit-transform: translateY(-50%) translateX(-50%) scale(0.5);
            transform: translateY(-50%) translateX(-50%) scale(0.5);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(-50%) translateX(-50%) scale(1);
            transform: translateY(-50%) translateX(-50%) scale(1);
    opacity: 1; } }
@keyframes zoomIn {
  0% {
    -webkit-transform: translateY(-50%) translateX(-50%) scale(0.5);
            transform: translateY(-50%) translateX(-50%) scale(0.5);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(-50%) translateX(-50%) scale(1);
            transform: translateY(-50%) translateX(-50%) scale(1);
    opacity: 1; } }

/*=================================================
 * 最大括り
 * ================================================ */
/* ------------------------------------
/* 大括り
------------------------------------ */
/* 中括り
------------------------------------ */
/* 小括り
--------------- */
/* 最小括り */
/* ------------------------------------
/* <共通> スタンプラリーカラー
------------------------------------ */
/*=================================================
 * スタンプラリー画面
 * ================================================ */
.cont_stamprally {
  background-image: url("../img/bg_stamprally.jpg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
  width: 100vw;
  min-height: 100vh;
  position: relative;
  z-index: -1;
  /* ------------------------------------
   /* <共通> スタンプラリーボタン
   ------------------------------------ */
  /* ------------------------------------
   /* <共通> 閉じるボタン
   ------------------------------------ */
  /* ------------------------------------
   /* <共通> 戻るボタン
   ------------------------------------ */
  /* ------------------------------------
   /* <共通> form
   ------------------------------------ */
  /* ------------------------------------
   /* ページタイトル
   ------------------------------------ */
  /* ------------------------------------
   /* イベントタイトル
   ------------------------------------ */
  /* ------------------------------------
   /* 達成率
   ------------------------------------ */
  /* ------------------------------------
   /* タイトル
   ------------------------------------ */
  /* ------------------------------------
   /* スタンプラリーbox
   ------------------------------------ */
  /* ------------------------------------
   /* スタンプ台紙
   ------------------------------------ */
  /* ------------------------------------
   /* メッセージボックス
   ------------------------------------ */ }
  .cont_stamprally .stamp_btn {
    font-family: YakuHanJP, "Yu Gothic", YuGothic, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Verdana, Arial, Helvetica, sans-serif;
    font-size: calc(12px + 1vw); }
    .cont_stamprally .stamp_btn.round-default-btn {
      width: 90%;
      background-color: #076BB8;
      border-color: #076BB8;
      font-weight: bold;
      margin: 20px auto 0;
      box-shadow: 0px 3px 6px #DEDEDE; }
    .cont_stamprally .stamp_btn.square-white-btn {
      width: 80%;
      border-radius: 0;
      background-color: #FFF;
      border-color: #FFF;
      color: #076BB8;
      font-weight: bold;
      margin: 25px auto 0;
      box-shadow: 0px 3px 6px #DEDEDE; }
  .cont_stamprally .stamp_close_btn {
    width: 66px;
    display: block;
    height: 24px;
    border-color: #076BB8;
    color: #076BB8;
    padding: 3px 0 4px;
    font-size: calc(9px + 1vw);
    letter-spacing: 0; }
    .cont_stamprally .stamp_close_btn > span {
      display: inline-block;
      position: relative;
      padding-left: 13px; }
      .cont_stamprally .stamp_close_btn > span::before {
        display: block;
        content: '';
        width: 8px;
        height: 8px;
        background-image: url("../img/ico_close_line.svg");
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: 100%;
        position: absolute;
        top: 4px;
        left: 0; }
  .cont_stamprally .stamp_back_btn {
    width: 66px;
    display: block;
    height: 24px;
    border-color: #076BB8;
    color: #076BB8;
    padding: 4px 0;
    font-size: calc(9px + 1vw); }
    .cont_stamprally .stamp_back_btn > span {
      display: inline-block;
      position: relative;
      padding-left: 13px; }
      .cont_stamprally .stamp_back_btn > span::before {
        display: block;
        content: '';
        width: 5px;
        height: 10px;
        background-image: url("../img/ico_back_line.svg");
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: 100%;
        position: absolute;
        top: 2px;
        left: 0; }
  .cont_stamprally .form_stamprally.item-sub {
    width: 100%; }
    .cont_stamprally .form_stamprally.item-sub .item-sub__headline1 {
      padding: 30px 10px 0 10px;
      font-weight: bold; }
    .cont_stamprally .form_stamprally.item-sub .stamp_btn {
      margin: 30px auto; }
      .cont_stamprally .form_stamprally.item-sub .stamp_btn.btn_disabled {
        background-color: #CCC;
        border-color: #CCC; }
  .cont_stamprally .cont_tl {
    box-sizing: border-box;
    padding: 10px 20px 10px; }
  .cont_stamprally .tl_header_box {
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .cont_stamprally .tl_header_box .tl_header {
      flex: 1;
      display: inline-block;
      font-size: calc(8px + 1vw);
      position: relative;
      text-align: right; }
  .cont_stamprally .rate_box {
    text-align: right;
    margin-bottom: 5px;
    position: relative;
    top: -5px; }
    .cont_stamprally .rate_box .rate {
      font-size: calc(10px + 1vw);
      display: inline-block;
      padding: 2px 20px;
      background-color: rgba(255, 255, 255, 0.8);
      border: solid 1px #076BB8;
      position: relative; }
      .cont_stamprally .rate_box .rate::before {
        display: block;
        content: '';
        width: 30px;
        height: 12px;
        background-image: url("../img/img_line_fukidashi.svg");
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: 100%;
        position: absolute;
        top: 12px;
        left: -30px; }
      .cont_stamprally .rate_box .rate::after {
        content: '';
        position: absolute;
        bottom: -2px;
        right: -2px;
        border-top: 8px solid transparent;
        border-right: 8px solid #076BB8;
        z-index: 1; }
      .cont_stamprally .rate_box .rate .num_rate {
        padding-left: 10px; }
  .cont_stamprally .tl_stamprally_box {
    margin-bottom: 10px; }
    .cont_stamprally .tl_stamprally_box .tl_stamprally {
      text-align: center; }
      .cont_stamprally .tl_stamprally_box .tl_stamprally > img {
        width: 95%;
        max-width: 400px;
        height: auto; }
  .cont_stamprally .stamprally {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    padding: 0px 20px 10px;
    margin-top: -15px; }
    .cont_stamprally .stamprally.clear {
      margin-top: 0; }
      .cont_stamprally .stamprally.clear .mission_02 {
        display: block; }
      .cont_stamprally .stamprally.clear .tl_clear_box {
        display: block; }
    .cont_stamprally .stamprally.allclear {
      margin-top: 0; }
      .cont_stamprally .stamprally.allclear .mission_02 {
        display: block; }
      .cont_stamprally .stamprally.allclear .stamprally_box {
        border: solid 3px #3BE6BE; }
        .cont_stamprally .stamprally.allclear .stamprally_box::before, .cont_stamprally .stamprally.allclear .stamprally_box::after {
          display: none; }
      .cont_stamprally .stamprally.allclear .tl_clear_box {
        display: block; }
      .cont_stamprally .stamprally.allclear .stamprally_list::after {
        display: block; }
      .cont_stamprally .stamprally.allclear .stamp_flame.get_stamp {
        background-image: url("../img/img_stamp_flame_green.svg"); }
  .cont_stamprally .mission_02 {
    display: none; }
  .cont_stamprally .stamprally_box {
    background-color: rgba(255, 255, 255, 0.8);
    width: 100%;
    margin-bottom: 20px;
    position: relative; }
    .cont_stamprally .stamprally_box::before, .cont_stamprally .stamprally_box::after {
      box-sizing: border-box;
      display: block;
      content: '';
      width: 56px;
      height: 30px;
      background-image: url("../img/img_box_decoration_01.svg");
      background-repeat: no-repeat;
      background-position: 50%;
      background-size: 100%; }
    .cont_stamprally .stamprally_box::before {
      position: absolute;
      top: 0px;
      right: 0px; }
    .cont_stamprally .stamprally_box::after {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg);
      position: absolute;
      bottom: 0px;
      left: 0px; }
  .cont_stamprally .user {
    text-align: right; }
    .cont_stamprally .user .txt_link {
      font-family: YakuHanJP, "Yu Gothic", YuGothic, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Verdana, Arial, Helvetica, sans-serif;
      font-size: calc(12px + 1vw);
      font-weight: bold;
      text-decoration: underline;
      color: #076BB8; }
  .cont_stamprally .tl_clear_box {
    display: none;
    width: 100%;
    height: 100%; }
    .cont_stamprally .tl_clear_box .tl_clear {
      padding: 40px 0 0;
      text-align: center;
      /* 光るアニメーション */
      overflow: hidden;
      position: relative; }
      .cont_stamprally .tl_clear_box .tl_clear::after {
        content: '';
        position: absolute;
        top: -100px;
        left: -100px;
        width: 50px;
        height: 50px;
        background-image: linear-gradient(100deg, rgba(255, 255, 255, 0) 10%, white 100%, rgba(255, 255, 255, 0) 0%);
        -webkit-animation-name: shiny;
                animation-name: shiny;
        -webkit-animation-duration: 3s;
                animation-duration: 3s;
        -webkit-animation-timing-function: ease-in-out;
                animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: infinite;
                animation-iteration-count: infinite; }
      .cont_stamprally .tl_clear_box .tl_clear > img {
        width: 80%;
        height: auto; }
  .cont_stamprally .stamprally_list {
    list-style: none;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 auto;
    padding: 10% 0;
    /* 光るアニメーション */
    overflow: hidden;
    position: relative; }
    .cont_stamprally .stamprally_list::after {
      display: none;
      content: '';
      position: absolute;
      top: -100px;
      left: -100px;
      width: 50px;
      height: 50px;
      background-image: linear-gradient(100deg, rgba(255, 255, 255, 0) 10%, white 100%, rgba(255, 255, 255, 0) 0%);
      -webkit-animation-name: shiny;
              animation-name: shiny;
      -webkit-animation-duration: 3s;
              animation-duration: 3s;
      -webkit-animation-timing-function: ease-in-out;
              animation-timing-function: ease-in-out;
      -webkit-animation-iteration-count: infinite;
              animation-iteration-count: infinite; }
    .cont_stamprally .stamprally_list li {
      width: calc(100vw * 75 / 375);
      height: calc(100vw * 75 / 375);
      margin: 3%; }
  .cont_stamprally .stamp_flame {
    width: 100%;
    height: 100%;
    background-image: url("../img/img_stamp_flame_gray.svg");
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 90%; }
    .cont_stamprally .stamp_flame > a {
      display: flex;
      justify-content: center;
      align-items: center;
      box-sizing: border-box;
      width: 100%;
      height: 100%;
      text-decoration: none; }
    .cont_stamprally .stamp_flame .txt_flame {
      padding: 5px;
      text-align: center;
      font-size: calc(8px + 1vw);
      color: #828282;
      line-height: 1.2em;
      letter-spacing: 0.05em;
      opacity: .7; }
    .cont_stamprally .stamp_flame .img_stamp {
      display: none;
      width: 95%;
      height: auto; }
    .cont_stamprally .stamp_flame .description {
      display: none;
      box-sizing: border-box;
      width: 90vw;
      padding: 10px 30px 20px;
      box-shadow: 0px 3px 6px #2B5A81;
      font-size: calc(14px + 1vw);
      letter-spacing: 0.1em;
      color: #FFF;
      background-color: rgba(0, 68, 123, 0.9);
      border: solid 1px #3DB9EF;
      position: fixed;
      z-index: 2;
      top: 50%;
      left: 50%;
      -webkit-animation: zoomIn 0.8s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;
              animation: zoomIn 0.8s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards; }
      .cont_stamprally .stamp_flame .description::after {
        content: '';
        position: absolute;
        bottom: -2px;
        right: -2px;
        border-top: 18px solid transparent;
        border-right: 18px solid #3DB9EF;
        z-index: 1; }
      .cont_stamprally .stamp_flame .description .stamp_close_btn {
        margin-left: auto;
        position: relative;
        right: -20px;
        border-color: #3DB9EF;
        background-color: #3DB9EF;
        color: #FFF; }
        .cont_stamprally .stamp_flame .description .stamp_close_btn > span::before {
          background-image: url("../img/ico_close.svg"); }
      .cont_stamprally .stamp_flame .description .tl_description {
        font-weight: bold;
        margin-bottom: 15px;
        text-align: center; }
      .cont_stamprally .stamp_flame .description .desc_box {
        display: flex;
        margin: 10px 0; }
        .cont_stamprally .stamp_flame .description .desc_box .tl_desc {
          display: block;
          box-sizing: border-box;
          width: 60px;
          padding-right: 15px;
          position: relative; }
          .cont_stamprally .stamp_flame .description .desc_box .tl_desc::after {
            display: block;
            content: '';
            width: 8px;
            height: 8px;
            background-image: url("../img/ico_arrow_double.svg");
            background-repeat: no-repeat;
            background-position: 50%;
            background-size: 100%;
            position: absolute;
            top: 9px;
            right: 8px; }
        .cont_stamprally .stamp_flame .description .desc_box .txt_desc {
          display: block;
          flex: 1; }
    .cont_stamprally .stamp_flame.get_stamp {
      background-image: url("../img/img_stamp_flame_green.svg"); }
      .cont_stamprally .stamp_flame.get_stamp .txt_flame {
        display: none; }
      .cont_stamprally .stamp_flame.get_stamp .img_stamp {
        display: block; }
    .cont_stamprally .stamp_flame.tap_flame .description {
      display: block; }
  .cont_stamprally .message_box {
    background-color: rgba(255, 255, 255, 0.8);
    box-sizing: border-box;
    width: 100%;
    padding: 4% 6% 6%;
    margin: 0 0 20px;
    position: relative; }
    .cont_stamprally .message_box::before, .cont_stamprally .message_box::after {
      display: block;
      content: '';
      width: 100%;
      height: 12px;
      background-image: url("../img/img_box_decoration_02.svg");
      background-repeat: no-repeat;
      background-position: 50%;
      background-size: 100%; }
    .cont_stamprally .message_box::before {
      position: absolute;
      top: -2px;
      left: 0px; }
    .cont_stamprally .message_box::after {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg);
      position: absolute;
      bottom: -2px;
      left: 0px; }
    .cont_stamprally .message_box .tl_message {
      text-align: center;
      margin-bottom: 12px; }
      .cont_stamprally .message_box .tl_message > img {
        width: auto;
        height: 11px; }
    .cont_stamprally .message_box .txt_message {
      text-align: center;
      font-size: calc(10px + 1vw); }
      .cont_stamprally .message_box .txt_message.txt_bold {
        font-size: calc(12px + 1vw);
        font-weight: bold; }
    .cont_stamprally .message_box .ticket_box {
      text-align: center;
      border: solid 1px #3DB9EF;
      padding: 3%;
      margin: 30px 0; }
      .cont_stamprally .message_box .ticket_box .ticket_inner_box {
        border: solid 1px #3DB9EF;
        padding: 3%; }
      .cont_stamprally .message_box .ticket_box .tl_ticket {
        font-size: calc(14px + 1vw);
        font-weight: bold;
        color: #076BB8; }
      .cont_stamprally .message_box .ticket_box .num_ticket {
        font-size: calc(30px + 1vw);
        font-weight: bold;
        color: #076BB8;
        margin: 10px; }
    .cont_stamprally .message_box .announce_box {
      margin-bottom: 20px;
      text-align: center; }
      .cont_stamprally .message_box .announce_box .tl_announce {
        font-size: calc(12px + 1vw);
        font-weight: bold;
        margin-bottom: 10px; }
      .cont_stamprally .message_box .announce_box .txt_announce {
        font-size: calc(10px + 1vw);
        line-height: 2.0em; }
    .cont_stamprally .message_box .comfirm_box {
      border-top: solid 1px #076BB8;
      padding: 20px 0 0;
      margin: 30px 0 20px; }
      .cont_stamprally .message_box .comfirm_box .tl_comfirm {
        font-size: calc(12px + 1vw);
        font-weight: bold;
        color: #076BB8;
        margin-bottom: 10px;
        padding-left: 20px;
        position: relative; }
        .cont_stamprally .message_box .comfirm_box .tl_comfirm::before {
          display: inline-block;
          content: '';
          width: 12px;
          height: 12px;
          background-color: #076BB8;
          position: absolute;
          top: 6px;
          left: 0; }
      .cont_stamprally .message_box .comfirm_box .comfirm_list {
        list-style: none;
        counter-reset: li;
        font-size: calc(10px + 1vw);
        font-weight: bold;
        padding: 0;
        margin: 10px 0 0; }
        .cont_stamprally .message_box .comfirm_box .comfirm_list li {
          color: #076BB8;
          padding-left: 2em;
          text-indent: -2em;
          margin: 0px 0 2px; }
          .cont_stamprally .message_box .comfirm_box .comfirm_list li::before {
            color: #076BB8;
            font-weight: bold;
            counter-increment: li;
            content: counter(li) ".　"; }

/*=================================================
  * アンケート画面
  * ================================================ */
.cont_questionnaire {
  background-image: none; }
  .cont_questionnaire .cont_tl {
    background-image: url("../img/bg_stamprally.jpg");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
    width: 100vw; }
  .cont_questionnaire .questionnaire {
    box-sizing: border-box;
    background-color: #FFF;
    padding: 10px 20px 10px; }
    .cont_questionnaire .questionnaire .txt_questionnaire_box {
      margin: 20px 0; }
      .cont_questionnaire .questionnaire .txt_questionnaire_box .txt_questionnaire {
        font-size: calc(10px + 1vw); }

/*=================================================
   * スタート画面（ユーザー情報設定）
   * ================================================ */
.cont_info {
  text-align: center; }
  .cont_info .top_tl {
    padding: 5% 20px 20px; }
    .cont_info .top_tl .tl_stamprally_box .tl_stamprally > img {
      width: 100%;
      height: auto; }
  .cont_info .start_btn_box {
    padding: 0px 20px; }
    .cont_info .start_btn_box .start_box .txt_start {
      -webkit-animation: fluffy1 4s ease infinite;
              animation: fluffy1 4s ease infinite; }
      .cont_info .start_btn_box .start_box .txt_start > img {
        display: inline-block;
        width: 80px;
        height: auto; }
    .cont_info .start_btn_box .start_box .start_arrow {
      display: block;
      margin-top: 10px; }
      .cont_info .start_btn_box .start_box .start_arrow > img {
        width: 16px;
        height: auto; }

/*=================================================
   * レビュー画面
   * ================================================ */
.cont_review .review_box {
  box-sizing: border-box;
  background-color: rgba(255, 255, 255, 0.95);
  width: 80%;
  margin: 15% auto 0;
  padding: 40px 10px 10px;
  position: relative;
  box-shadow: 0px 3px 6px #DEDEDE; }
  .cont_review .review_box::before, .cont_review .review_box::after {
    box-sizing: border-box;
    display: block;
    content: '';
    width: 56px;
    height: 30px;
    background-image: url("../img/img_box_decoration_01.svg");
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100%; }
  .cont_review .review_box::before {
    position: absolute;
    top: 0px;
    right: 0px; }
  .cont_review .review_box::after {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
    position: absolute;
    bottom: 0px;
    left: 0px; }
  .cont_review .review_box .tl_review {
    text-align: center;
    font-size: calc(22px + 1vw);
    font-weight: bold;
    letter-spacing: 0.1em;
    margin-bottom: 20px;
    color: #076BB8; }
  .cont_review .review_box .tl_sub_review {
    text-align: center;
    font-size: calc(14px + 1vw);
    font-weight: bold;
    letter-spacing: 0.1em; }
  .cont_review .review_box .item-sub {
    border-top: none; }
    .cont_review .review_box .item-sub .star_review {
      text-align: center;
      margin: 0 auto;
      padding: 20px 0 10px; }
      .cont_review .review_box .item-sub .star_review .star-rating {
        display: inline-block;
        float: none;
        position: relative;
        left: 5px; }
    .cont_review .review_box .item-sub .stamp_btn_box {
      width: 90%;
      margin: 0 auto; }

/*=================================================
   * <共通> アニメーション
   * ================================================ */
.animation_img_box {
  position: fixed;
  z-index: -1;
  bottom: -30px;
  left: 50%;
  transform: translateY(50%) translateX(-50%);
  -webkit-transform: translateY(50%) translateX(-50%);
  width: 90%;
  height: 90%; }
  .animation_img_box .img_circle {
    display: inline-block;
    width: 100%;
    height: auto;
    opacity: .3;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto; }
  .animation_img_box .circle_l {
    width: 90%;
    -webkit-animation: 60s linear infinite rotation;
            animation: 60s linear infinite rotation; }
  .animation_img_box .circle_m {
    width: 70%;
    -webkit-animation: 55s linear infinite rotation-r;
            animation: 55s linear infinite rotation-r; }
  .animation_img_box .circle_s {
    width: 50%;
    -webkit-animation: 50s linear infinite rotation;
            animation: 50s linear infinite rotation; }

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

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

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

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

@-webkit-keyframes fluffy1 {
  0% {
    -webkit-transform: translate(0, 0px);
            transform: translate(0, 0px); }
  50% {
    -webkit-transform: translate(0, 4px);
            transform: translate(0, 4px); }
  100% {
    -webkit-transform: translate(0, 0px);
            transform: translate(0, 0px); } }

@keyframes fluffy1 {
  0% {
    -webkit-transform: translate(0, 0px);
            transform: translate(0, 0px); }
  50% {
    -webkit-transform: translate(0, 4px);
            transform: translate(0, 4px); }
  100% {
    -webkit-transform: translate(0, 0px);
            transform: translate(0, 0px); } }

@keyframes zoomIn {
  0% {
    -webkit-transform: translateY(-50%) translateX(-50%) scale(0.5);
            transform: translateY(-50%) translateX(-50%) scale(0.5);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(-50%) translateX(-50%) scale(1);
            transform: translateY(-50%) translateX(-50%) scale(1);
    opacity: 1; } }

/* <共通>光るアニメーション */
@keyframes shiny {
  0% {
    -webkit-transform: scale(0) rotate(25deg);
            transform: scale(0) rotate(25deg);
    opacity: 0; }
  50% {
    -webkit-transform: scale(1) rotate(25deg);
            transform: scale(1) rotate(25deg);
    opacity: 1; }
  100% {
    -webkit-transform: scale(50) rotate(25deg);
            transform: scale(50) rotate(25deg);
    opacity: 0; } }

/*=================================================
 * 最大括り
 * ================================================ */
/* ------------------------------------
/* 大括り
------------------------------------ */
/* 中括り
------------------------------------ */
/* 小括り
--------------- */
/* 最小括り */
#nenga_2020 {
  /**
   * #NengaGreeting
   */
  /**
   * #NengaAcNews
   */
  /**
   * #NengaAcCast
   */
  /**
   * #NengaGFooter
   */ }
  #nenga_2020 .reader_name {
    display: inline-block; }
  #nenga_2020 .txt_inline-block {
    display: inline-block; }
  #nenga_2020 .nenga_greeting {
    text-align: center;
    padding: 0px 0 40px; }
    #nenga_2020 .nenga_greeting .top_img_box img {
      width: 60%;
      height: auto; }
    #nenga_2020 .nenga_greeting .greeting_txt_box {
      font-size: calc(16px + 1vw);
      font-weight: bold;
      font-family: YakuHanJP, "Yu Gothic", YuGothic, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Verdana, Arial, Helvetica, sans-serif;
      color: #00517C; }
  #nenga_2020 .nenga_ac_news {
    padding: 0px 0 60px; }
    #nenga_2020 .nenga_ac_news .news_txt_box {
      padding: 0 10px; }
      #nenga_2020 .nenga_ac_news .news_txt_box p {
        padding: 0px 0 20px; }
      #nenga_2020 .nenga_ac_news .news_txt_box .tl_about_eo {
        font-size: calc(14px + 1vw);
        font-weight: bold;
        padding: 20px 0; }
    #nenga_2020 .nenga_ac_news .youtube_box {
      border: solid 1px #EA0100;
      padding: 10px;
      position: relative; }
      #nenga_2020 .nenga_ac_news .youtube_box .ico_mouse_01 {
        display: block;
        content: '';
        width: 45px;
        height: 45px;
        background-image: url("../dummy_img/img_mouse_01.png");
        background-repeat: no-repeat;
        background-size: 45px 45px;
        display: inline-block;
        position: absolute;
        bottom: -2px;
        right: 0px; }
  #nenga_2020 .nenga_ac_cast .tl_cast {
    text-align: center;
    font-size: calc(16px + 1vw);
    font-weight: bold;
    font-family: YakuHanJP, "Yu Gothic", YuGothic, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Verdana, Arial, Helvetica, sans-serif;
    border-top: solid 1px #BE262B;
    padding: 20px 0 0;
    position: relative; }
    #nenga_2020 .nenga_ac_cast .tl_cast .ico_mouse_02 {
      display: block;
      content: '';
      width: 42px;
      height: 35px;
      background-image: url("../dummy_img/img_mouse_02.png");
      background-repeat: no-repeat;
      background-size: 42px 35px;
      display: inline-block;
      position: absolute;
      top: -31px;
      left: 50%;
      margin-left: -21px; }
  #nenga_2020 .nenga_ac_cast .cast_comment_box {
    padding: 0 0 30px; }
    #nenga_2020 .nenga_ac_cast .cast_comment_box .cast_comment_list {
      padding: 0;
      margin: 0;
      list-style: none; }
      #nenga_2020 .nenga_ac_cast .cast_comment_box .cast_comment_list li .cast_comment {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        padding-top: 30px;
        position: relative;
        margin-bottom: 60px; }
        #nenga_2020 .nenga_ac_cast .cast_comment_box .cast_comment_list li .cast_comment::before {
          content: '';
          width: 100%;
          height: 100px;
          background-repeat: no-repeat;
          display: inline-block;
          position: absolute;
          bottom: -50px;
          left: 0px; }
        #nenga_2020 .nenga_ac_cast .cast_comment_box .cast_comment_list li .cast_comment .comment_box {
          flex: 1;
          padding-right: 20px; }
          #nenga_2020 .nenga_ac_cast .cast_comment_box .cast_comment_list li .cast_comment .comment_box .comment {
            font-size: calc(10px + 1vw);
            padding-bottom: 10px; }
          #nenga_2020 .nenga_ac_cast .cast_comment_box .cast_comment_list li .cast_comment .comment_box .position {
            font-size: calc(8px + 1vw);
            font-weight: bold; }
          #nenga_2020 .nenga_ac_cast .cast_comment_box .cast_comment_list li .cast_comment .comment_box .name {
            font-size: calc(8px + 1vw);
            font-weight: bold; }
        #nenga_2020 .nenga_ac_cast .cast_comment_box .cast_comment_list li .cast_comment .cast_img_box {
          width: 90px;
          position: relative;
          bottom: -60px; }
          #nenga_2020 .nenga_ac_cast .cast_comment_box .cast_comment_list li .cast_comment .cast_img_box .cast_img {
            width: 90px;
            height: 90px; }
      #nenga_2020 .nenga_ac_cast .cast_comment_box .cast_comment_list li:nth-child(even) .cast_comment {
        margin-bottom: 70px; }
        #nenga_2020 .nenga_ac_cast .cast_comment_box .cast_comment_list li:nth-child(even) .cast_comment::before {
          bottom: -70px;
          left: 100px; }
        #nenga_2020 .nenga_ac_cast .cast_comment_box .cast_comment_list li:nth-child(even) .cast_comment .comment_box {
          flex: 1;
          order: 2;
          padding-right: 0px;
          margin-left: 20px; }
        #nenga_2020 .nenga_ac_cast .cast_comment_box .cast_comment_list li:nth-child(even) .cast_comment .cast_img_box {
          width: 90px;
          order: 1;
          bottom: -70px; }
      #nenga_2020 .nenga_ac_cast .cast_comment_box .cast_comment_list li:nth-child(1) .cast_comment::before {
        background-image: url("../dummy_img/bg_comment_01.svg"); }
      #nenga_2020 .nenga_ac_cast .cast_comment_box .cast_comment_list li:nth-child(2) .cast_comment::before {
        background-image: url("../dummy_img/bg_comment_02.svg"); }
      #nenga_2020 .nenga_ac_cast .cast_comment_box .cast_comment_list li:nth-child(3) .cast_comment::before {
        background-image: url("../dummy_img/bg_comment_03.svg"); }
      #nenga_2020 .nenga_ac_cast .cast_comment_box .cast_comment_list li:nth-child(4) .cast_comment::before {
        background-image: url("../dummy_img/bg_comment_04.svg"); }
      #nenga_2020 .nenga_ac_cast .cast_comment_box .cast_comment_list li:nth-child(5) .cast_comment::before {
        background-image: url("../dummy_img/bg_comment_05.svg"); }
      #nenga_2020 .nenga_ac_cast .cast_comment_box .cast_comment_list li:nth-child(6) .cast_comment::before {
        background-image: url("../dummy_img/bg_comment_06.svg"); }
      #nenga_2020 .nenga_ac_cast .cast_comment_box .cast_comment_list li:nth-child(7) .cast_comment::before {
        background-image: url("../dummy_img/bg_comment_07.svg"); }
  #nenga_2020 .nenga_footer {
    text-align: center;
    margin-top: 40px;
    padding-left: 26px; }
    #nenga_2020 .nenga_footer .tl_footer {
      font-size: calc(14px + 1vw);
      font-weight: bold;
      font-family: YakuHanJP, "Yu Gothic", YuGothic, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Verdana, Arial, Helvetica, sans-serif;
      position: relative; }
      #nenga_2020 .nenga_footer .tl_footer .ico_mouse_03 {
        display: block;
        content: '';
        width: 26px;
        height: 36px;
        background-image: url("../dummy_img/img_mouse_03.png");
        background-repeat: no-repeat;
        background-size: 26px 36px;
        display: inline-block;
        position: absolute;
        bottom: -1px;
        left: 0px; }
    #nenga_2020 .nenga_footer .logo_img {
      margin-top: 20px;
      width: 50%;
      height: auto; }

#nenga_2021 .c-page-content {
  background-color: #D0181A;
  padding-bottom: 0; }
  #nenga_2021 .c-page-content .wrapper {
    padding: 0 10px; }
  #nenga_2021 .c-page-content .nenga_greeting {
    position: relative;
    z-index: 1;
    margin: -15px -10px 0; }
    #nenga_2021 .c-page-content .nenga_greeting .greeting_txt_box {
      position: relative; }
      #nenga_2021 .c-page-content .nenga_greeting .greeting_txt_box .img_top {
        width: 100%; }
      #nenga_2021 .c-page-content .nenga_greeting .greeting_txt_box .news_box {
        position: absolute;
        bottom: 6vw;
        left: 50%;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
        width: 68%; }
        #nenga_2021 .c-page-content .nenga_greeting .greeting_txt_box .news_box .iframe_wrap {
          position: relative;
          width: 100%;
          padding-top: 56%; }
          #nenga_2021 .c-page-content .nenga_greeting .greeting_txt_box .news_box .iframe_wrap iframe, #nenga_2021 .c-page-content .nenga_greeting .greeting_txt_box .news_box .iframe_wrap img {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%; }
      #nenga_2021 .c-page-content .nenga_greeting .greeting_txt_box .ushi_box {
        position: absolute;
        width: 16%;
        right: 7vw;
        top: 28vw; }
        #nenga_2021 .c-page-content .nenga_greeting .greeting_txt_box .ushi_box img {
          width: 100%;
          height: auto; }
  #nenga_2021 .c-page-content .nenga_news .news_box img {
    width: 100%; }
  #nenga_2021 .c-page-content .nenga_cast {
    background-color: #E6E5DE;
    margin-top: -90px;
    padding-top: 110px; }
    #nenga_2021 .c-page-content .nenga_cast .about_exorder_box img {
      width: 100%; }
    #nenga_2021 .c-page-content .nenga_cast .aspiration_box {
      margin-top: 25px; }
      #nenga_2021 .c-page-content .nenga_cast .aspiration_box img {
        width: 100%; }
    #nenga_2021 .c-page-content .nenga_cast .casts_box .cast_box {
      position: relative;
      margin-bottom: 60px; }
      #nenga_2021 .c-page-content .nenga_cast .casts_box .cast_box:last-child {
        margin-bottom: 0; }
        #nenga_2021 .c-page-content .nenga_cast .casts_box .cast_box:last-child::after {
          display: none; }
      #nenga_2021 .c-page-content .nenga_cast .casts_box .cast_box .cast_photo {
        position: absolute;
        width: 35%;
        top: -30%;
        right: 7%; }
        #nenga_2021 .c-page-content .nenga_cast .casts_box .cast_box .cast_photo img {
          width: 100%;
          height: auto; }
      #nenga_2021 .c-page-content .nenga_cast .casts_box .cast_box .txt_box img {
        width: 100%; }
    #nenga_2021 .c-page-content .nenga_cast .answer_box .txt_box {
      margin: 25px 0;
      text-align: center; }
      #nenga_2021 .c-page-content .nenga_cast .answer_box .txt_box img {
        width: 35%; }
    #nenga_2021 .c-page-content .nenga_cast .answer_box .answer_img_box {
      position: relative; }
      #nenga_2021 .c-page-content .nenga_cast .answer_box .answer_img_box > img {
        width: 100%; }
      #nenga_2021 .c-page-content .nenga_cast .answer_box .answer_img_box .ushi_box {
        position: absolute;
        width: 25%;
        right: 3vw;
        bottom: 1vw; }
        #nenga_2021 .c-page-content .nenga_cast .answer_box .answer_img_box .ushi_box img {
          width: 100%;
          height: auto; }
    #nenga_2021 .c-page-content .nenga_cast .nenga_bottom {
      padding-top: 30px; }
      #nenga_2021 .c-page-content .nenga_cast .nenga_bottom .kotoshimo_box {
        margin-bottom: 25px; }
        #nenga_2021 .c-page-content .nenga_cast .nenga_bottom .kotoshimo_box img {
          width: 100%; }
      #nenga_2021 .c-page-content .nenga_cast .nenga_bottom .bottom_box img {
        width: 100%; }

.u-default {
  color: #D2D6DE !important; }

.u-primary {
  color: #3C8DBC !important; }

.u-info {
  color: #00C0CF !important; }

.u-warning {
  color: #F39C12 !important; }

.u-success {
  color: #00A65A !important; }

.u-danger {
  color: #D53434 !important; }

.u-danger_min {
  color: #D53434 !important;
  font-size: calc(8px + 1vw); }

.u-strong {
  font-weight: bold;
  font-size: 140%; }

.u-underline {
  text-decoration: underline; }

.u-shine {
  position: relative; }
  .u-shine::before {
    position: absolute;
    content: '';
    width: 3px;
    height: 1px;
    background-color: rgba(255, 255, 255, 0);
    border-right: #FFFF00 solid 4.5px;
    border-left: #FFFF00 solid 4.5px;
    top: 0px;
    right: -7.5px; }
  .u-shine::after {
    position: absolute;
    content: '';
    width: 1px;
    height: 3px;
    background-color: rgba(255, 255, 255, 0);
    border-top: #FFFF00 solid 4.5px;
    border-bottom: #FFFF00 solid 4.5px;
    top: -5.5px;
    right: -2px; }

.d-inline {
  display: inline-block; }

.u-label-default {
  box-sizing: border-box;
  line-height: 16px;
  font-size: 12px;
  padding: 3px;
  border: 0.5px solid #D2D6DE;
  color: #D2D6DE;
  vertical-align: bottom; }

.u-label-primary {
  box-sizing: border-box;
  line-height: 16px;
  font-size: 12px;
  padding: 3px 6px 1px 6px;
  border: 0.5px solid #3C8DBC;
  color: #3C8DBC;
  vertical-align: bottom; }

.u-label-info {
  box-sizing: border-box;
  line-height: 16px;
  font-size: 12px;
  padding: 3px 6px 1px 6px;
  border: 0.5px solid #00C0CF;
  color: #00C0CF;
  vertical-align: bottom; }

.u-label-warning {
  box-sizing: border-box;
  line-height: 16px;
  font-size: calc(8px + 1vw);
  padding: 3px 6px 1px 6px;
  border: 0.5px solid #F39C12;
  color: #F39C12;
  vertical-align: bottom; }

.u-label-success {
  box-sizing: border-box;
  line-height: 16px;
  font-size: 12px;
  padding: 3px 6px 1px 6px;
  border: 0.5px solid #00A65A;
  color: #00A65A;
  vertical-align: bottom; }

.u-label-danger {
  box-sizing: border-box;
  line-height: 16px;
  font-size: 12px;
  padding: 3px 6px 1px 6px;
  border: 0.5px solid #DD4B39;
  color: #DD4B39;
  vertical-align: bottom; }

.u-icon-ordersheet {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  left: 1.5px; }
  .u-icon-ordersheet::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat; }
  .u-icon-ordersheet::before {
    background-image: url(../img/ico_ordersheet.svg); }

.u-icon-time {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px; }
  .u-icon-time::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat; }
  .u-icon-time::before {
    background-image: url(../img/ico_time.svg); }

.u-icon-money {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px; }
  .u-icon-money::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat; }
  .u-icon-money::before {
    background-image: url(../img/ico_money.svg); }

.u-icon-wallet {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  left: 2px; }
  .u-icon-wallet::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat; }
  .u-icon-wallet::before {
    background-image: url(../img/ico_wallet.svg); }

.u-icon-box {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  left: 2px; }
  .u-icon-box::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat; }
  .u-icon-box::before {
    background-image: url(../img/ico_box.svg); }

.u-icon-address {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  height: 22px;
  left: 2px; }
  .u-icon-address::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat; }
  .u-icon-address::before {
    background-image: url(../img/ico_address.svg);
    height: 22px; }

.u-icon-link-personal {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  height: 22px;
  left: 5px; }
  .u-icon-link-personal::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat; }
  .u-icon-link-personal::before {
    background-image: url(../img/ico_link_personal.svg);
    height: 22px;
    background-size: 18px auto; }

.u-icon-link-card {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  left: 4px; }
  .u-icon-link-card::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat; }
  .u-icon-link-card::before {
    width: 22px;
    left: -2px;
    background-image: url(../img/ico_link_card.svg);
    background-size: 22px auto; }

.u-icon-personal {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  left: 2.5px; }
  .u-icon-personal::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat; }
  .u-icon-personal::before {
    background-image: url(../img/ico_personal.svg); }

.u-icon-password_hide {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px; }
  .u-icon-password_hide::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat; }
  .u-icon-password_hide::before {
    background-image: url(../img/ico_password_hide.svg); }

.u-icon-password_show {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px; }
  .u-icon-password_show::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat; }
  .u-icon-password_show::before {
    top: 4px;
    background-image: url(../img/ico_password_show.svg); }

.u-icon-phone {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px; }
  .u-icon-phone::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat; }
  .u-icon-phone::before {
    background-image: url(../img/ico_phone.svg); }

.u-icon-question {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px; }
  .u-icon-question::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat; }
  .u-icon-question::before {
    background-image: url(../img/ico_question.svg); }

.u-icon-notification {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px; }
  .u-icon-notification::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat; }
  .u-icon-notification::before {
    background-image: url(../img/ico_notification.svg); }

.u-icon-security {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px; }
  .u-icon-security::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat; }
  .u-icon-security::before {
    background-image: url(../img/ico_security.svg); }

.u-icon-delivery {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px; }
  .u-icon-delivery::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat; }
  .u-icon-delivery::before {
    top: 2px;
    background-image: url(../img/ico_delivery.svg); }

.u-icon-calendar {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  left: 1px; }
  .u-icon-calendar::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat; }
  .u-icon-calendar::before {
    background-image: url(../img/ico_calendar.svg); }

.u-icon-card {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  left: 3px; }
  .u-icon-card::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat; }
  .u-icon-card::before {
    top: 2px;
    left: -2px;
    width: 21px;
    height: 21px;
    background-size: 21px auto;
    background-image: url(../img/ico_card.svg); }

.u-icon-prepaid {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  left: 3px; }
  .u-icon-prepaid::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat; }
  .u-icon-prepaid::before {
    top: 2px;
    left: -2px;
    width: 21px;
    height: 21px;
    background-size: 21px auto;
    background-image: url(../img/ico_card_p.svg); }

.u-icon-point {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px; }
  .u-icon-point::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat; }
  .u-icon-point::before {
    background-image: url(../img/ico_point.svg); }

.u-icon-point_white {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  width: 18px;
  height: 18px; }
  .u-icon-point_white::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat; }
  .u-icon-point_white::before {
    background-image: url(../img/ico_point_white.svg);
    width: 18px;
    height: 18px; }

.u-icon-exchange {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px; }
  .u-icon-exchange::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat; }
  .u-icon-exchange::before {
    background-image: url(../img/ico_exchange.svg); }

.u-icon_money_bill {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px; }
  .u-icon_money_bill::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat; }
  .u-icon_money_bill::before {
    top: 6px;
    background-image: url(../img/ico_money_bill.svg); }

.u-icon-save {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px; }
  .u-icon-save::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat; }
  .u-icon-save::before {
    background-image: url(../img/ico_save.svg); }

.u-icon-camera {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px; }
  .u-icon-camera::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat; }
  .u-icon-camera::before {
    background-image: url(../img/ico_camera.svg); }

.u-icon-photo {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px; }
  .u-icon-photo::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat; }
  .u-icon-photo::before {
    background-image: url(../img/ico_photo.svg); }

.u-icon-arrow-send {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px; }
  .u-icon-arrow-send::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat; }
  .u-icon-arrow-send::before {
    background-image: url(../img/ico_arrow_send.svg); }

.u-icon-arrow-sendblue {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px; }
  .u-icon-arrow-sendblue::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat; }
  .u-icon-arrow-sendblue::before {
    background-image: url(../img/ico_arrow_send_blue.svg); }

.u-icon-security-blue {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  left: 4px; }
  .u-icon-security-blue::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat; }
  .u-icon-security-blue::before {
    left: -2px;
    background-image: url(../img/ico_security_blue.svg); }

.u-icon-beginner {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  left: 5px; }
  .u-icon-beginner::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat; }
  .u-icon-beginner::before {
    background-image: url(../img/ico_used.svg); }

.u-icon-call {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px; }
  .u-icon-call::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat; }
  .u-icon-call::before {
    background-image: url(../img/img_call.svg); }

.u-icon-arrow-down {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px; }
  .u-icon-arrow-down::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat; }
  .u-icon-arrow-down::before {
    background-image: url(../img/ico_arrow_down.svg); }

.u-icon-search {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px; }
  .u-icon-search::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat; }
  .u-icon-search::before {
    background-image: url(../img/ico_search.svg); }

.u-icon-ico-ticket {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px; }
  .u-icon-ico-ticket::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat; }
  .u-icon-ico-ticket::before {
    background-image: url(../img/ico_ticket.svg); }

.u-icon-ticket-white {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px; }
  .u-icon-ticket-white::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat; }
  .u-icon-ticket-white::before {
    background-image: url(../img/ico_ticket_white.svg); }

/*# sourceMappingURL=style.css.map */