.dn {
  display: none;
}
.db {
  display: block;
}
.di {
  display: inline-block;
}
.dil {
  display: inline;
}
.dt {
  display: table;
}
.dit {
  display: inline-table;
}
.dtc {
  display: table-cell;
}
.dtr {
  display: table-row;
}
.db.dn,
.di.dn,
.dil.dn,
.dt.dn,
.dit.dn,
.dtc.dn,
.dtr.dn {
  display: none;
}
.psr {
  position: relative;
}
.psa {
  position: absolute;
}
.psf {
  position: fixed;
}
.pss {
  position: static;
}
.zi1 {
  z-index: 1;
}
.tp0 {
  top: 0;
}
.lf0 {
  left: 0;
}
.ov {
  overflow: hidden;
}
.l {
  float: left;
}
.r {
  float: right;
}
.w44 {
  width: 44px;
}
.w70 {
  width: 70px;
}
.w150 {
  width: 150px;
}
.w180 {
  width: 180px;
}
.w200 {
  width: 200px;
}
.w210 {
  width: 210px;
}
.w300 {
  width: 300px;
}
.w400 {
  width: 400px;
}
.w1140 {
  min-width: 1140px;
}
.wi5 {
  width: 5%;
}
.wi10 {
  width: 10%;
}
.wi15 {
  width: 15%;
}
.wi20 {
  width: 20%;
}
.wi25 {
  width: 25%;
}
.wi30 {
  width: 30%;
}
.wi33 {
  width: 33.333%;
}
.wi35 {
  width: 35%;
}
.wi40 {
  width: 40%;
}
.wi45 {
  width: 45%;
}
.wi50 {
  width: 50%;
}
.wi55 {
  width: 55%;
}
.wi60 {
  width: 60%;
}
.wi65 {
  width: 65%;
}
.wi66 {
  width: 66.666%;
}
.wi70 {
  width: 70%;
}
.wi75 {
  width: 75%;
}
.wi80 {
  width: 80%;
}
.wi85 {
  width: 85%;
}
.wi90 {
  width: 90%;
}
.wi95 {
  width: 95%;
}
.wi100 {
  width: 100%;
}
.wa {
  width: auto;
}
.hi100 {
  height: 100%;
}
.h24 {
  height: 24px;
}
.h27 {
  height: 27px;
}
.h30 {
  height: 30px;
}
.h44 {
  height: 44px;
}
.h56 {
  height: 56px;
}
.h78 {
  height: 78px;
}
.h89 {
  height: 89px;
}
.h200 {
  height: 200px;
}
.h300 {
  height: 300px;
}
.h473 {
  height: 473px;
}
.ha {
  height: auto;
}
.bgw {
  background-color: var(--w);
}
.bgm {
  background-color: var(--m);
}
.bgm2 {
  background-color: var(--m2);
}
.bgb {
  background-color: var(--b);
}
.bg {
  background-color: var(--bg);
}
.bgh {
  background-color: var(--bgh);
}
.bgt {
  background-color: transparent;
}
.br5 {
  border-radius: 5px;
}
.br3 {
  border-radius: 3px;
}
.br_full {
  border-radius: 100px;
}
.bs {
  box-shadow: 0 1px 7px rgba(0, 0, 0, 0.3);
}
.bs2 {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.bs3 {
  box-shadow: 0 12px 15px rgba(0, 0, 0, 0.1);
}
.bs4 {
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
}
.bs5 {
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.07);
}
.bs6 {
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}
.bsno {
  box-shadow: none;
}
.tac {
  text-align: center;
}
.tal {
  text-align: left;
}
.tar {
  text-align: right;
}
.taj {
  text-align: justify;
}
.taj:after {
  content: "";
  width: 100%;
  line-height: 0;
  height: 0;
  display: inline-block;
  vertical-align: top;
}
.taj:after.dn {
  display: none;
}
.ttu {
  text-transform: uppercase;
}
.ttl {
  text-transform: lowercase;
}
.ttc {
  text-transform: capitalize;
}
.ttn {
  text-transform: none;
}
.vas {
  vertical-align: sub;
}
.vas2 {
  vertical-align: super;
}
.vat {
  vertical-align: top;
}
.vab {
  vertical-align: bottom;
}
.vam {
  vertical-align: middle;
}
.vab2 {
  vertical-align: baseline;
}
.noselect {
  -webkit-user-select: none;
  user-select: none;
}
.xxsm {
  font-size: 1.2em;
}
.xsm {
  font-size: 1.6em;
}
.sm {
  font-size: 2.2em;
}
.md {
  font-size: 3.6em;
}
.lg {
  font-size: 4.8em;
}
.xlg {
  font-size: 7.2em;
}
.fd1 {
  font-size: 0.75em;
}
.fd2 {
  font-size: 0.667em;
}
.fd3 {
  font-size: 0.5em;
}
.fd4 {
  font-size: 0.333em;
}
.fd5 {
  font-size: 0.25em;
}
.f0 {
  font-size: 1em;
}
.fa1 {
  font-size: 1.25em;
}
.fa2 {
  font-size: 1.5em;
}
.fa3 {
  font-size: 2em;
}
.fa4 {
  font-size: 3em;
}
.fa5 {
  font-size: 4em;
}
.f12 {
  font-size: 12px;
}
.f14 {
  font-size: 14px;
}
.f16 {
  font-size: 16px;
}
.f17 {
  font-size: 17px;
}
.f18 {
  font-size: 18px;
}
.f20 {
  font-size: 20px;
}
.f24 {
  font-size: 24px;
}
.f13 {
  font-size: 13px;
}
.f15 {
  font-size: 15px;
}
.f22 {
  font-size: 22px;
}
.f24 {
  font-size: 24px;
}
.f26 {
  font-size: 26px;
}
.f30 {
  font-size: 30px;
}
.f34 {
  font-size: 34px;
}
.f36 {
  font-size: 36px;
}
.f40 {
  font-size: 40px;
}
.fsi {
  font-style: italic;
}
.lss {
  letter-spacing: 1.8px;
}
.lss2 {
  letter-spacing: 1.2px;
}
.lss3 {
  letter-spacing: 1px;
}
.m {
  color: var(--m);
}
.m2 {
  color: var(--m2);
}
.h {
  color: var(--h);
}
.h2 {
  color: var(--h2);
}
.h3 {
  color: var(--h3);
}
.b {
  color: var(--b);
}
.w {
  color: var(--w);
}
.red {
  color: var(--red);
}
.orange {
  color: var(--orange);
}
.yellow {
  color: var(--yellow);
}
.green {
  color: var(--green);
}
.blue {
  color: var(--blue);
}
.ts {
  text-shadow: 0 1px 2px black;
}
.ts2 {
  text-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
}
.ts3 {
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}
.ts4 {
  text-shadow: 1px 1px 3px black;
}
.tdlth {
  text-decoration: line-through;
}
.tdu {
  text-decoration: underline;
}
.tdn {
  text-decoration: none;
}
.hovertdu:hover {
  text-decoration: underline;
}
.hovertdn:hover {
  text-decoration: none;
}
.ttu {
  text-transform: uppercase;
}
.wbba {
  word-break: break-all;
}
.wbbw {
  word-break: break-word;
}
.wsn {
  white-space: nowrap;
}
.wsnm {
  white-space: normal;
}
.cu {
  cursor: pointer;
}
.cde {
  cursor: default;
}
.cna {
  cursor: not-allowed;
}
.cc {
  cursor: context-menu;
}
.cw {
  cursor: wait;
}
.ellipsis {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.bosi {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.bosi:before,
.bosi:after {
  box-sizing: inherit;
}
.cf {
  *zoom: 1;
}
.cf:after,
.cf:before {
  content: "";
  display: table;
}
.cf:after {
  clear: both;
}
.df {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (doesn't work very well) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
}
.df.dn {
  display: none;
}
.dif {
  display: -webkit-inline-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-inline-box;
  /* OLD - Firefox 19- (doesn't work very well) */
  display: -ms-inline-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-inline-flex;
  /* NEW - Chrome */
  display: inline-flex;
}
.dif.dn {
  display: none;
}
.bov {
  -moz-box-orient: vertical;
  -webkit-box-orient: vertical;
  box-orient: vertical;
  -webkit-flex-flow: column;
  flex-flow: column;
}
.boh {
  -moz-box-orient: horizontal;
  -webkit-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-flex-flow: row;
  flex-flow: row;
}
.flex {
  -webkit-box-flex: 1;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1;
  /* Firefox 19- */
  -ms-flex: 1;
  /* TWEENER - IE 10 */
  -webkit-flex: 1;
  /* NEW - Chrome */
  flex: 1;
}
.noflex {
  -webkit-box-flex: none;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: none;
  /* Firefox 19- */
  -ms-flex: none;
  /* TWEENER - IE 10 */
  -webkit-flex: none;
  /* NEW - Chrome */
  flex: none;
}
.flexwrap {
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.flexw {
  flex: 1 1 100%;
  -webkit-flex: 1 1 100%;
  -webkit-box-flex: 1 1 100%;
  -moz-box-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
}
.flexwrapr {
  flex-wrap: wrap-reverse;
  -webkit-flex-wrap: wrap-reverse;
}
.dfa {
  box-align: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-box-align: center;
  flex-align: center;
  -webkit-flex-align: center;
  -moz-flex-align: center;
  -o-flex-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -o-align-items: center;
  -ms-align-items: center;
}
.dfan {
  align-items: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -o-align-items: stretch;
  -ms-align-items: stretch;
}
.nodfa {
  box-align: initial;
  -webkit-box-align: initial;
  -moz-box-align: initial;
  -o-box-align: initial;
  -ms-box-align: initial;
  flex-align: initial;
  -webkit-flex-align: initial;
  -moz-flex-align: initial;
  -o-flex-align: initial;
  -ms-flex-align: initial;
  align-items: initial;
  -webkit-align-items: initial;
  -moz-align-items: initial;
  -o-align-items: initial;
  -ms-align-items: initial;
}
.dft {
  box-align: start;
  -webkit-box-align: start;
  -moz-box-align: start;
  -o-box-align: start;
  -ms-box-align: start;
  flex-align: flex-start;
  -webkit-flex-align: flex-start;
  -moz-flex-align: flex-start;
  -o-flex-align: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -o-align-items: flex-start;
}
.dfb {
  box-align: end;
  -webkit-box-align: end;
  -moz-box-align: end;
  -o-box-align: end;
  -ms-box-align: end;
  flex-align: flex-end;
  -webkit-flex-align: flex-end;
  -moz-flex-align: flex-end;
  -o-flex-align: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  -o-align-items: flex-end;
}
.dfa-start {
  box-align: start !important;
  -webkit-box-align: start !important;
  -moz-box-align: start !important;
  -o-box-align: start !important;
  -ms-box-align: start !important;
  flex-align: start !important;
  -webkit-flex-align: start !important;
  -moz-flex-align: start !important;
  -o-flex-align: start !important;
  -ms-flex-align: start !important;
  align-items: start !important;
  -webkit-align-items: start !important;
  -moz-align-items: start !important;
  -o-align-items: start !important;
  -ms-align-items: start !important;
}
.dfp {
  box-pack: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-box-pack: center;
  flex-pack: center;
  -webkit-flex-pack: center;
  -moz-flex-pack: center;
  -o-flex-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -o-justify-content: center;
  -ms-justify-content: center;
}
.dfp-end {
  box-pack: end;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -o-box-pack: end;
  -ms-box-pack: end;
  flex-pack: end;
  -webkit-flex-pack: end;
  -moz-flex-pack: end;
  -o-flex-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -o-justify-content: flex-end;
  -ms-justify-content: flex-end;
}
.dfpj {
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -o-justify-content: space-between;
  -ms-justify-content: space-between;
}
.dfpe {
  justify-content: space-around;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  -o-justify-content: space-around;
  -ms-justify-content: space-around;
}
.fas {
  align-self: center;
}
.fass {
  align-self: flex-start;
}
.fase {
  align-self: flex-end;
}
.fasb {
  align-self: baseline;
}
.fasn {
  align-self: stretch;
}
@media (min-width: 768px) {
  .inter_decoration:hover {
    text-decoration: underline;
  }
}
@media (max-width: 768px) {
  .inter_decoration:active {
    text-decoration: underline;
  }
}
.button_stl {
  font-size: 18px;
  cursor: pointer;
  text-align: center;
  font-family: var(--fw6);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 5px;
  padding: 0 20px;
  letter-spacing: 1.2px;
}
.button_stl:before,
.button_stl:after {
  box-sizing: inherit;
}
.button {
  font-size: 18px;
  cursor: pointer;
  text-align: center;
  font-family: var(--fw6);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 5px;
  padding: 0 20px;
  letter-spacing: 1.2px;
  background-color: var(--m);
  color: var(--w);
  line-height: 42px;
  height: 42px;
  transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  white-space: nowrap;
}
.button:before,
.button:after {
  box-sizing: inherit;
}
.button:active {
  background-color: #870000;
}
@media (min-width: 768px) {
  .button:hover {
    background-color: #870000;
  }
}
.button i,
.button b {
  color: var(--w);
}
.button i {
  margin-right: 5px;
}
.button b {
  margin-left: 5px;
}
.button.primary {
  background-color: var(--m);
  color: var(--w);
  transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
}
.button.primary:active {
  background-color: #870000;
}
@media (min-width: 768px) {
  .button.primary:hover {
    background-color: #870000;
  }
}
.button.secondary {
  background-color: var(--m2);
  transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
}
.button.secondary:active {
  background-color: #d0820b;
}
@media (min-width: 768px) {
  .button.secondary:hover {
    background-color: #d0820b;
  }
}
.button.white {
  background-color: var(--w);
  color: var(--m);
  transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
}
.button.white:active {
  background-color: rgba(255, 255, 255, 0.9);
}
@media (min-width: 768px) {
  .button.white:hover {
    background-color: rgba(255, 255, 255, 0.9);
  }
}
.button.dark {
  background-color: var(--b);
  transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
}
.button.dark:active {
  background-color: rgba(0, 0, 0, 0.9);
}
@media (min-width: 768px) {
  .button.dark:hover {
    background-color: rgba(0, 0, 0, 0.9);
  }
}
.button.greeny {
  background: #48BD50;
  transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
}
.button.greeny:active {
  background-color: #389a3e;
}
@media (min-width: 768px) {
  .button.greeny:hover {
    background-color: #389a3e;
  }
}
.button.red {
  background: #FF3333;
  transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
}
.button.red:active {
  background-color: #e50000;
}
@media (min-width: 768px) {
  .button.red:hover {
    background-color: #e50000;
  }
}
.button.blue {
  background: #0099FF;
  transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
}
.button.blue:active {
  background-color: #006bb3;
}
@media (min-width: 768px) {
  .button.blue:hover {
    background-color: #006bb3;
  }
}
.button.orange {
  background: #FD793F;
  transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
}
.button.orange:active {
  background-color: #fc560d;
}
@media (min-width: 768px) {
  .button.orange:hover {
    background-color: #fc560d;
  }
}
.button.grey {
  background: #888;
  transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
}
.button.grey:active {
  background-color: #6f6f6f;
}
@media (min-width: 768px) {
  .button.grey:hover {
    background-color: #6f6f6f;
  }
}
.button.disabled {
  background: #bbb;
  cursor: not-allowed;
}
.button.loading {
  background: #bbb;
  cursor: not-allowed;
  transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
}
.button.loading:active {
  background-color: #bbbbbb;
}
@media (min-width: 768px) {
  .button.loading:hover {
    background-color: #bbbbbb;
  }
}
.button.loading:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  border: 3px solid;
  border-color: #fff #fff #fff transparent;
  border-radius: 100px;
  width: 14px;
  height: 14px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.button.loading:before.dn {
  display: none;
}
.button.loading:before:before,
.button.loading:before:after {
  box-sizing: inherit;
}
.button.large {
  line-height: 56px;
  height: 56px;
  padding: 0 30px;
  font-size: 20px;
  letter-spacing: 1.8px;
}
.button.mid {
  line-height: 36px;
  height: 36px;
  padding: 0 15px;
  font-size: 15px;
  letter-spacing: 1px;
}
.button.small {
  line-height: 26px;
  height: 26px;
  padding: 0 5px;
  font-size: 12px;
}
.button.line {
  border: 1px solid;
  padding: 0 19px;
  background-color: transparent;
  color: var(--m);
  border-color: #BA0000;
  transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
}
.button.line:active {
  background-color: rgba(186, 0, 0, 0.1);
}
@media (min-width: 768px) {
  .button.line:hover {
    background-color: rgba(186, 0, 0, 0.1);
  }
}
.button.line.large {
  padding: 0 29px;
}
.button.line.mid {
  padding: 0 14px;
}
.button.line.small {
  padding: 0 9px;
}
.button.line.secondary {
  color: #F39D1B;
  border-color: #F39D1B;
  transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
}
.button.line.secondary:active {
  background-color: rgba(243, 157, 27, 0.1);
}
@media (min-width: 768px) {
  .button.line.secondary:hover {
    background-color: rgba(243, 157, 27, 0.1);
  }
}
.button.line.dark {
  color: #000;
  border-color: #000;
  transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
}
.button.line.dark:active {
  background-color: rgba(0, 0, 0, 0.1);
}
@media (min-width: 768px) {
  .button.line.dark:hover {
    background-color: rgba(0, 0, 0, 0.1);
  }
}
.button.line.greeny {
  color: var(--green);
  border-color: #48BD50;
  transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
}
.button.line.greeny:active {
  background-color: rgba(72, 189, 80, 0.15);
}
@media (min-width: 768px) {
  .button.line.greeny:hover {
    background-color: rgba(72, 189, 80, 0.15);
  }
}
.button.line.red {
  color: #FF3333;
  border-color: #FF3333;
  transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
}
.button.line.red:active {
  background-color: rgba(255, 51, 51, 0.1);
}
@media (min-width: 768px) {
  .button.line.red:hover {
    background-color: rgba(255, 51, 51, 0.1);
  }
}
.button.line.blue {
  color: #0099FF;
  border-color: #0099FF;
  transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
}
.button.line.blue:active {
  background-color: rgba(0, 153, 255, 0.1);
}
@media (min-width: 768px) {
  .button.line.blue:hover {
    background-color: rgba(0, 153, 255, 0.1);
  }
}
.button.line.grey {
  color: #888;
  border-color: #888;
  transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
}
.button.line.grey:active {
  background-color: rgba(136, 136, 136, 0.1);
}
@media (min-width: 768px) {
  .button.line.grey:hover {
    background-color: rgba(136, 136, 136, 0.1);
  }
}
.button.line.disabled {
  color: #bbb;
  border-color: #bbb;
  cursor: not-allowed;
}
.button.line.loading {
  cursor: not-allowed;
  color: #bbb;
  border-color: #bbb;
  background-color: transparent !important;
}
.button.line.loading:before {
  border-color: #bbb #bbb #bbb transparent;
}
.button.text {
  background-color: transparent !important;
  color: #0099FF;
  letter-spacing: 0;
  font-size: 13px;
}
@media (min-width: 768px) {
  .button.text:hover {
    text-decoration: underline;
  }
}
@media (max-width: 768px) {
  .button.text:active {
    text-decoration: underline;
  }
}
.button.text.secondary {
  color: #F39D1B;
}
.button.text.dark {
  color: #000;
}
.button.text.greeny {
  color: var(--green);
}
.button.text.red {
  color: #FF3333;
}
.button.text.blue {
  color: #0099FF;
}
.button.text.grey {
  color: #888;
}
.button.text.disabled {
  color: #bbb;
  cursor: not-allowed;
}
.button.text.loading {
  cursor: not-allowed;
  color: #bbb;
  background-color: transparent !important;
}
.button.text.loading:before {
  border-color: #bbb #bbb #bbb transparent;
}
.button.apple-pay-button.dn {
  display: none !important;
}
.button.apple-pay-button.disabled {
  opacity: 0.3;
}
header .links .link:active {
  background-color: #870000;
}
.form_box .input_box .drop_list li {
  transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
}
.form_box .input_box .drop_list li:active {
  background-color: rgba(245, 245, 245, 0.98);
}
@media (min-width: 768px) {
  .form_box .input_box .drop_list li:hover {
    background-color: rgba(245, 245, 245, 0.98);
  }
}
.popup .pop_window .pop_box .pop_close {
  transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
}
.popup .pop_window .pop_box .pop_close:active {
  background-color: rgba(245, 245, 245, 0.98);
}
@media (min-width: 768px) {
  .popup .pop_window .pop_box .pop_close:hover {
    background-color: rgba(245, 245, 245, 0.98);
  }
}
.popup .pop_window .pop_box .pop_title .close {
  transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
}
.popup .pop_window .pop_box .pop_title .close:active {
  background-color: rgba(245, 245, 245, 0.98);
}
@media (min-width: 768px) {
  .popup .pop_window .pop_box .pop_title .close:hover {
    background-color: rgba(245, 245, 245, 0.98);
  }
}
.popup .pop_window .pop_box .pop_tabs .tab {
  transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
}
.popup .pop_window .pop_box .pop_tabs .tab:active {
  background-color: rgba(186, 0, 0, 0.15);
}
@media (min-width: 768px) {
  .popup .pop_window .pop_box .pop_tabs .tab:hover {
    background-color: rgba(186, 0, 0, 0.15);
  }
}
.sidebar ul li {
  transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
}
.sidebar ul li:active {
  background-color: rgba(245, 245, 245, 0.98);
}
@media (min-width: 768px) {
  .sidebar ul li:hover {
    background-color: rgba(245, 245, 245, 0.98);
  }
}
.sidebar ul li.on {
  background-color: #fafafa;
}
.loc_list li {
  transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
}
.loc_list li:active {
  background-color: rgba(245, 245, 245, 0.97);
}
@media (min-width: 768px) {
  .loc_list li:hover {
    background-color: rgba(245, 245, 245, 0.97);
  }
}
.loc_list li.on {
  background-color: #fafafa;
}
.drop li {
  transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
}
.drop li:active {
  background-color: #fafafa;
}
@media (min-width: 768px) {
  .drop li:hover {
    background-color: #fafafa;
  }
}
.shop_info_top .shop_loc .button {
  transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
}
.shop_info_top .shop_loc .button:active {
  background-color: rgba(255, 255, 255, 0.1);
}
@media (min-width: 768px) {
  .shop_info_top .shop_loc .button:hover {
    background-color: rgba(255, 255, 255, 0.1);
  }
}
.prom_notify .pn_box {
  transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
}
.prom_notify .pn_box:active {
  background-color: #3ead46;
}
@media (min-width: 768px) {
  .prom_notify .pn_box:hover {
    background-color: #3ead46;
  }
}
.prom_notify .pn_box:before {
  color: #fed442;
}
.menu_search .cata_list_trigger,
.menu_search .clear {
  transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
}
.menu_search .cata_list_trigger:active,
.menu_search .clear:active {
  background-color: #fafafa;
}
@media (min-width: 768px) {
  .menu_search .cata_list_trigger:hover,
  .menu_search .clear:hover {
    background-color: #fafafa;
  }
}
.param.warning {
  background-color: #fffafa;
}
.param .param_tag li:not(.on) {
  transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
}
.param .param_tag li:not(.on):active {
  background-color: #f8f8f8;
}
@media (min-width: 768px) {
  .param .param_tag li:not(.on):hover {
    background-color: #f8f8f8;
  }
}
.param .chadio_list li .adjust .btn.minus {
  transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
}
.param .chadio_list li .adjust .btn.minus:active {
  background-color: #ffdede;
}
@media (min-width: 768px) {
  .param .chadio_list li .adjust .btn.minus:hover {
    background-color: #ffdede;
  }
}
.param .chadio_list.withimg li.unavailable {
  background-color: #fbfbfb;
}
.param .qi_tags dd {
  transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
}
.param .qi_tags dd:active {
  background-color: rgba(245, 245, 245, 0.98);
}
@media (min-width: 768px) {
  .param .qi_tags dd:hover {
    background-color: rgba(245, 245, 245, 0.98);
  }
}
.pickup_basic .pic_box:not(.unswitchable) {
  transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
}
.pickup_basic .pic_box:not(.unswitchable):active {
  background-color: #fafafa;
}
@media (min-width: 768px) {
  .pickup_basic .pic_box:not(.unswitchable):hover {
    background-color: #fafafa;
  }
}
.card_box .card.tip_list li:not(.on) {
  transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
}
.card_box .card.tip_list li:not(.on):active {
  background-color: #fafafa;
}
@media (min-width: 768px) {
  .card_box .card.tip_list li:not(.on):hover {
    background-color: #fafafa;
  }
}
@media (min-width: 768px) {
  .prom_list li .pri .info_btn:hover {
    text-decoration: underline;
  }
}
@media (max-width: 768px) {
  .prom_list li .pri .info_btn:active {
    text-decoration: underline;
  }
}
.prom_list li .sec .button {
  border: 1px solid;
  padding: 0 19px;
  background-color: transparent;
  color: var(--m);
  border-color: #BA0000;
  transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
}
.prom_list li .sec .button:active {
  background-color: rgba(186, 0, 0, 0.1);
}
@media (min-width: 768px) {
  .prom_list li .sec .button:hover {
    background-color: rgba(186, 0, 0, 0.1);
  }
}
.prom_list li .sec .button.large {
  padding: 0 29px;
}
.prom_list li .sec .button.mid {
  padding: 0 14px;
}
.prom_list li .sec .button.small {
  padding: 0 9px;
}
.prom_list li .sec .button.secondary {
  color: #F39D1B;
  border-color: #F39D1B;
  transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
}
.prom_list li .sec .button.secondary:active {
  background-color: rgba(243, 157, 27, 0.1);
}
@media (min-width: 768px) {
  .prom_list li .sec .button.secondary:hover {
    background-color: rgba(243, 157, 27, 0.1);
  }
}
.prom_list li .sec .button.dark {
  color: #000;
  border-color: #000;
  transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
}
.prom_list li .sec .button.dark:active {
  background-color: rgba(0, 0, 0, 0.1);
}
@media (min-width: 768px) {
  .prom_list li .sec .button.dark:hover {
    background-color: rgba(0, 0, 0, 0.1);
  }
}
.prom_list li .sec .button.greeny {
  color: var(--green);
  border-color: #48BD50;
  transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
}
.prom_list li .sec .button.greeny:active {
  background-color: rgba(72, 189, 80, 0.15);
}
@media (min-width: 768px) {
  .prom_list li .sec .button.greeny:hover {
    background-color: rgba(72, 189, 80, 0.15);
  }
}
.prom_list li .sec .button.red {
  color: #FF3333;
  border-color: #FF3333;
  transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
}
.prom_list li .sec .button.red:active {
  background-color: rgba(255, 51, 51, 0.1);
}
@media (min-width: 768px) {
  .prom_list li .sec .button.red:hover {
    background-color: rgba(255, 51, 51, 0.1);
  }
}
.prom_list li .sec .button.blue {
  color: #0099FF;
  border-color: #0099FF;
  transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
}
.prom_list li .sec .button.blue:active {
  background-color: rgba(0, 153, 255, 0.1);
}
@media (min-width: 768px) {
  .prom_list li .sec .button.blue:hover {
    background-color: rgba(0, 153, 255, 0.1);
  }
}
.prom_list li .sec .button.grey {
  color: #888;
  border-color: #888;
  transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
}
.prom_list li .sec .button.grey:active {
  background-color: rgba(136, 136, 136, 0.1);
}
@media (min-width: 768px) {
  .prom_list li .sec .button.grey:hover {
    background-color: rgba(136, 136, 136, 0.1);
  }
}
.prom_list li .sec .button.disabled {
  color: #bbb;
  border-color: #bbb;
  cursor: not-allowed;
}
.prom_list li .sec .button.loading {
  cursor: not-allowed;
  color: #bbb;
  border-color: #bbb;
  background-color: transparent !important;
}
.prom_list li .sec .button.loading:before {
  border-color: #bbb #bbb #bbb transparent;
}
.form_box.coupon_code .buttons .button:not(.line).loading {
  transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
}
.form_box.coupon_code .buttons .button:not(.line).loading:active {
  background-color: #bbbbbb;
}
@media (min-width: 768px) {
  .form_box.coupon_code .buttons .button:not(.line).loading:hover {
    background-color: #bbbbbb;
  }
}
.discount_box {
  transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
}
.discount_box:active {
  background-color: #fdfdfd;
}
@media (min-width: 768px) {
  .discount_box:hover {
    background-color: #fdfdfd;
  }
}
.discount_box .discount_select li.pm_sign span {
  background-color: #fe5639;
}
.usepoints .adjust .btn {
  transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
}
.usepoints .adjust .btn:active {
  background-color: #870000;
}
@media (min-width: 768px) {
  .usepoints .adjust .btn:hover {
    background-color: #870000;
  }
}
.usepoints .adjust .edge {
  transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
}
.usepoints .adjust .edge:active {
  background-color: rgba(245, 245, 245, 0.95);
}
@media (min-width: 768px) {
  .usepoints .adjust .edge:hover {
    background-color: rgba(245, 245, 245, 0.95);
  }
}
.order_list li .ol_details .ol_opt .ol_btn {
  transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
}
.order_list li .ol_details .ol_opt .ol_btn:active {
  background-color: #fafafa;
}
@media (min-width: 768px) {
  .order_list li .ol_details .ol_opt .ol_btn:hover {
    background-color: #fafafa;
  }
}
.order_list li .ol_details .ol_opt .ol_btn.unpaid {
  transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
}
.order_list li .ol_details .ol_opt .ol_btn.unpaid:active {
  background-color: rgba(186, 0, 0, 0.1);
}
@media (min-width: 768px) {
  .order_list li .ol_details .ol_opt .ol_btn.unpaid:hover {
    background-color: rgba(186, 0, 0, 0.1);
  }
}
.order_list.current_orders .co_top .keyinfo .ki_text .button {
  transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
}
.order_list.current_orders .co_top .keyinfo .ki_text .button:active {
  background-color: #ffe5e5;
}
@media (min-width: 768px) {
  .order_list.current_orders .co_top .keyinfo .ki_text .button:hover {
    background-color: #ffe5e5;
  }
}
.order_info .pickup_info .buttons .track_btn {
  transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
}
.order_info .pickup_info .buttons .track_btn:active {
  background-color: #a10000;
}
@media (min-width: 768px) {
  .order_info .pickup_info .buttons .track_btn:hover {
    background-color: #a10000;
  }
}
.order_info.card_box .discounts .discount_box {
  transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
}
.order_info.card_box .discounts .discount_box:active {
  background-color: #ffffff;
}
@media (min-width: 768px) {
  .order_info.card_box .discounts .discount_box:hover {
    background-color: #ffffff;
  }
}
.mine_page .ava_box {
  transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
}
.mine_page .ava_box:active {
  background-color: rgba(245, 245, 245, 0.98);
}
@media (min-width: 768px) {
  .mine_page .ava_box:hover {
    background-color: rgba(245, 245, 245, 0.98);
  }
}
footer {
  background-color: #000000;
}
footer .copyright {
  background-color: #000000;
}
.popup.login .pop_window .buttons .button.wechat {
  transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
}
.popup.login .pop_window .buttons .button.wechat:active {
  background-color: #e8e8e8;
}
@media (min-width: 768px) {
  .popup.login .pop_window .buttons .button.wechat:hover {
    background-color: #e8e8e8;
  }
}
@media (min-width: 769px) {
  .stripe_box .cell button:hover {
    background-color: #a10000;
  }
}
@media (max-width: 768px) {
  .stripe_box .cell button:active {
    background-color: #a10000;
  }
  header .nav li {
    transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
  }
  header .nav li:active {
    background-color: rgba(136, 136, 136, 0.1);
  }
}
@media (max-width: 768px) and (min-width: 768px) {
  header .nav li:hover {
    background-color: rgba(136, 136, 136, 0.1);
  }
}
.index_about .index_about_content .res_btn {
  transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
}
.index_about .index_about_content .res_btn:active {
  background-color: #fafafa;
}
@media (min-width: 768px) {
  .index_about .index_about_content .res_btn:hover {
    background-color: #fafafa;
  }
}
.index_poducts .wrap .right .text .button {
  transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
}
.index_poducts .wrap .right .text .button:active {
  background-color: rgba(255, 255, 255, 0.9);
}
@media (min-width: 768px) {
  .index_poducts .wrap .right .text .button:hover {
    background-color: rgba(255, 255, 255, 0.9);
  }
}
.buttons_ios .button,
.buttons_android .button {
  transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
}
.buttons_ios .button:active,
.buttons_android .button:active {
  background-color: #b00000;
}
@media (min-width: 768px) {
  .buttons_ios .button:hover,
  .buttons_android .button:hover {
    background-color: #b00000;
  }
}
.index_about .index_about_content .res_btn {
  transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
}
.index_about .index_about_content .res_btn:active {
  background-color: #fafafa;
}
@media (min-width: 768px) {
  .index_about .index_about_content .res_btn:hover {
    background-color: #fafafa;
  }
}
.index_poducts .wrap .right .text .button {
  transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
}
.index_poducts .wrap .right .text .button:active {
  background-color: rgba(255, 255, 255, 0.9);
}
@media (min-width: 768px) {
  .index_poducts .wrap .right .text .button:hover {
    background-color: rgba(255, 255, 255, 0.9);
  }
}
@media (max-width: 768px) {
  .sidebar ul li {
    transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
  }
  .sidebar ul li:active {
    background-color: rgba(245, 245, 245, 0.98);
  }
  .sidebar ul li.on {
    background-color: #fafafa;
  }
}
@media (max-width: 768px) and (min-width: 768px) {
  .sidebar ul li:hover {
    background-color: rgba(245, 245, 245, 0.98);
  }
}
@media (max-width: 500px) {
  .shop_info .contact div,
  .shop_info .contact a {
    transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
  }
  .shop_info .contact div:active,
  .shop_info .contact a:active {
    background-color: #fafafa;
  }
  .complete_tip .card .btns .button {
    line-height: 36px;
    height: 36px;
    padding: 0 15px;
    font-size: 15px;
    letter-spacing: 1px;
  }
}
@media (max-width: 500px) and (min-width: 768px) {
  .shop_info .contact div:hover,
  .shop_info .contact a:hover {
    background-color: #fafafa;
  }
}
.pm_option .payrix_box button {
  font-size: 18px;
  cursor: pointer;
  text-align: center;
  font-family: var(--fw6);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 5px;
  padding: 0 20px;
  letter-spacing: 1.2px;
  background-color: var(--m);
  color: var(--w);
  line-height: 42px;
  height: 42px;
  transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  white-space: nowrap;
}
.pm_option .payrix_box button:before,
.pm_option .payrix_box button:after {
  box-sizing: inherit;
}
.pm_option .payrix_box button:active {
  background-color: #870000;
}
@media (min-width: 768px) {
  .pm_option .payrix_box button:hover {
    background-color: #870000;
  }
}
.pm_option .payrix_box button i,
.pm_option .payrix_box button b {
  color: var(--w);
}
.pm_option .payrix_box button i {
  margin-right: 5px;
}
.pm_option .payrix_box button b {
  margin-left: 5px;
}
.pm_option .payrix_box button.primary {
  background-color: var(--m);
  color: var(--w);
  transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
}
.pm_option .payrix_box button.primary:active {
  background-color: #870000;
}
@media (min-width: 768px) {
  .pm_option .payrix_box button.primary:hover {
    background-color: #870000;
  }
}
.pm_option .payrix_box button.secondary {
  background-color: var(--m2);
  transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
}
.pm_option .payrix_box button.secondary:active {
  background-color: #d0820b;
}
@media (min-width: 768px) {
  .pm_option .payrix_box button.secondary:hover {
    background-color: #d0820b;
  }
}
.pm_option .payrix_box button.white {
  background-color: var(--w);
  color: var(--m);
  transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
}
.pm_option .payrix_box button.white:active {
  background-color: rgba(255, 255, 255, 0.9);
}
@media (min-width: 768px) {
  .pm_option .payrix_box button.white:hover {
    background-color: rgba(255, 255, 255, 0.9);
  }
}
.pm_option .payrix_box button.dark {
  background-color: var(--b);
  transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
}
.pm_option .payrix_box button.dark:active {
  background-color: rgba(0, 0, 0, 0.9);
}
@media (min-width: 768px) {
  .pm_option .payrix_box button.dark:hover {
    background-color: rgba(0, 0, 0, 0.9);
  }
}
.pm_option .payrix_box button.greeny {
  background: #48BD50;
  transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
}
.pm_option .payrix_box button.greeny:active {
  background-color: #389a3e;
}
@media (min-width: 768px) {
  .pm_option .payrix_box button.greeny:hover {
    background-color: #389a3e;
  }
}
.pm_option .payrix_box button.red {
  background: #FF3333;
  transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
}
.pm_option .payrix_box button.red:active {
  background-color: #e50000;
}
@media (min-width: 768px) {
  .pm_option .payrix_box button.red:hover {
    background-color: #e50000;
  }
}
.pm_option .payrix_box button.blue {
  background: #0099FF;
  transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
}
.pm_option .payrix_box button.blue:active {
  background-color: #006bb3;
}
@media (min-width: 768px) {
  .pm_option .payrix_box button.blue:hover {
    background-color: #006bb3;
  }
}
.pm_option .payrix_box button.orange {
  background: #FD793F;
  transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
}
.pm_option .payrix_box button.orange:active {
  background-color: #fc560d;
}
@media (min-width: 768px) {
  .pm_option .payrix_box button.orange:hover {
    background-color: #fc560d;
  }
}
.pm_option .payrix_box button.grey {
  background: #888;
  transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
}
.pm_option .payrix_box button.grey:active {
  background-color: #6f6f6f;
}
@media (min-width: 768px) {
  .pm_option .payrix_box button.grey:hover {
    background-color: #6f6f6f;
  }
}
.pm_option .payrix_box button.disabled {
  background: #bbb;
  cursor: not-allowed;
}
.pm_option .payrix_box button.loading {
  background: #bbb;
  cursor: not-allowed;
  transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
}
.pm_option .payrix_box button.loading:active {
  background-color: #bbbbbb;
}
@media (min-width: 768px) {
  .pm_option .payrix_box button.loading:hover {
    background-color: #bbbbbb;
  }
}
.pm_option .payrix_box button.loading:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  border: 3px solid;
  border-color: #fff #fff #fff transparent;
  border-radius: 100px;
  width: 14px;
  height: 14px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.pm_option .payrix_box button.loading:before.dn {
  display: none;
}
.pm_option .payrix_box button.loading:before:before,
.pm_option .payrix_box button.loading:before:after {
  box-sizing: inherit;
}
.pm_option .payrix_box button.large {
  line-height: 56px;
  height: 56px;
  padding: 0 30px;
  font-size: 20px;
  letter-spacing: 1.8px;
}
.pm_option .payrix_box button.mid {
  line-height: 36px;
  height: 36px;
  padding: 0 15px;
  font-size: 15px;
  letter-spacing: 1px;
}
.pm_option .payrix_box button.small {
  line-height: 26px;
  height: 26px;
  padding: 0 5px;
  font-size: 12px;
}
.pm_option .payrix_box button.line {
  border: 1px solid;
  padding: 0 19px;
  background-color: transparent;
  color: var(--m);
  border-color: #BA0000;
  transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
}
.pm_option .payrix_box button.line:active {
  background-color: rgba(186, 0, 0, 0.1);
}
@media (min-width: 768px) {
  .pm_option .payrix_box button.line:hover {
    background-color: rgba(186, 0, 0, 0.1);
  }
}
.pm_option .payrix_box button.line.large {
  padding: 0 29px;
}
.pm_option .payrix_box button.line.mid {
  padding: 0 14px;
}
.pm_option .payrix_box button.line.small {
  padding: 0 9px;
}
.pm_option .payrix_box button.line.secondary {
  color: #F39D1B;
  border-color: #F39D1B;
  transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
}
.pm_option .payrix_box button.line.secondary:active {
  background-color: rgba(243, 157, 27, 0.1);
}
@media (min-width: 768px) {
  .pm_option .payrix_box button.line.secondary:hover {
    background-color: rgba(243, 157, 27, 0.1);
  }
}
.pm_option .payrix_box button.line.dark {
  color: #000;
  border-color: #000;
  transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
}
.pm_option .payrix_box button.line.dark:active {
  background-color: rgba(0, 0, 0, 0.1);
}
@media (min-width: 768px) {
  .pm_option .payrix_box button.line.dark:hover {
    background-color: rgba(0, 0, 0, 0.1);
  }
}
.pm_option .payrix_box button.line.greeny {
  color: var(--green);
  border-color: #48BD50;
  transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
}
.pm_option .payrix_box button.line.greeny:active {
  background-color: rgba(72, 189, 80, 0.15);
}
@media (min-width: 768px) {
  .pm_option .payrix_box button.line.greeny:hover {
    background-color: rgba(72, 189, 80, 0.15);
  }
}
.pm_option .payrix_box button.line.red {
  color: #FF3333;
  border-color: #FF3333;
  transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
}
.pm_option .payrix_box button.line.red:active {
  background-color: rgba(255, 51, 51, 0.1);
}
@media (min-width: 768px) {
  .pm_option .payrix_box button.line.red:hover {
    background-color: rgba(255, 51, 51, 0.1);
  }
}
.pm_option .payrix_box button.line.blue {
  color: #0099FF;
  border-color: #0099FF;
  transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
}
.pm_option .payrix_box button.line.blue:active {
  background-color: rgba(0, 153, 255, 0.1);
}
@media (min-width: 768px) {
  .pm_option .payrix_box button.line.blue:hover {
    background-color: rgba(0, 153, 255, 0.1);
  }
}
.pm_option .payrix_box button.line.grey {
  color: #888;
  border-color: #888;
  transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
}
.pm_option .payrix_box button.line.grey:active {
  background-color: rgba(136, 136, 136, 0.1);
}
@media (min-width: 768px) {
  .pm_option .payrix_box button.line.grey:hover {
    background-color: rgba(136, 136, 136, 0.1);
  }
}
.pm_option .payrix_box button.line.disabled {
  color: #bbb;
  border-color: #bbb;
  cursor: not-allowed;
}
.pm_option .payrix_box button.line.loading {
  cursor: not-allowed;
  color: #bbb;
  border-color: #bbb;
  background-color: transparent !important;
}
.pm_option .payrix_box button.line.loading:before {
  border-color: #bbb #bbb #bbb transparent;
}
.pm_option .payrix_box button.text {
  background-color: transparent !important;
  color: #0099FF;
  letter-spacing: 0;
  font-size: 13px;
}
@media (min-width: 768px) {
  .pm_option .payrix_box button.text:hover {
    text-decoration: underline;
  }
}
@media (max-width: 768px) {
  .pm_option .payrix_box button.text:active {
    text-decoration: underline;
  }
}
.pm_option .payrix_box button.text.secondary {
  color: #F39D1B;
}
.pm_option .payrix_box button.text.dark {
  color: #000;
}
.pm_option .payrix_box button.text.greeny {
  color: var(--green);
}
.pm_option .payrix_box button.text.red {
  color: #FF3333;
}
.pm_option .payrix_box button.text.blue {
  color: #0099FF;
}
.pm_option .payrix_box button.text.grey {
  color: #888;
}
.pm_option .payrix_box button.text.disabled {
  color: #bbb;
  cursor: not-allowed;
}
.pm_option .payrix_box button.text.loading {
  cursor: not-allowed;
  color: #bbb;
  background-color: transparent !important;
}
.pm_option .payrix_box button.text.loading:before {
  border-color: #bbb #bbb #bbb transparent;
}
.pm_option .payrix_box button.apple-pay-button.dn {
  display: none !important;
}
.pm_option .payrix_box button.apple-pay-button.disabled {
  opacity: 0.3;
}
.picker__day--infocus:hover,
.picker__day--outfocus:hover {
  background-color: #eebfbf;
}
.shop_info .close_notify {
  background-color: #fff4f0;
}
header {
  background-color: #fff;
  color: #000;
}
header .nav ul {
  background-color: #fff;
}
header .nav ul li a {
  color: #000;
}
@media (min-width: 769px) {
  header .nav ul li.on a {
    border-bottom: 3px solid #BA0000;
  }
}
@media (max-width: 768px) {
  header .nav ul li.on a {
    border-left: 5px solid #BA0000;
  }
}
@media (min-width: 769px) {
  header .logo img {
    max-height: 36px;
  }
}
@media (max-width: 768px) {
  header .logo img {
    max-height: 24px;
  }
}
header .menu_trigger {
  position: relative;
  font-size: 24px;
  color: #000;
  line-height: 50px;
  height: 50px;
  width: 50px;
  display: inline-block;
  text-align: center;
}
header .menu_trigger.dn {
  display: none;
}
header .menu_trigger i {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  font-size: 24px;
  color: #000;
}
header .menu_trigger i.dn {
  display: none;
}
header .menu_trigger i:first-of-type {
  transform: scaleX(1);
  -ms-transform: scaleX(1);
  -o-transform: scaleX(1);
  -moz-transform: scaleX(1);
  -webkit-transform: scaleX(1);
}
header .menu_trigger i:last-of-type {
  transform: scaleX(0);
  -ms-transform: scaleX(0);
  -o-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -webkit-transform: scaleX(0);
}
header .menu_trigger.clicked i:first-of-type {
  transform: scaleX(0);
  -ms-transform: scaleX(0);
  -o-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -webkit-transform: scaleX(0);
}
header .menu_trigger.clicked i:last-of-type {
  transform: scaleX(1);
  -ms-transform: scaleX(1);
  -o-transform: scaleX(1);
  -moz-transform: scaleX(1);
  -webkit-transform: scaleX(1);
}
.fw3 {
  font-family: var(--fw3);
}
.fw4 {
  font-family: var(--fw4);
}
.fw5 {
  font-family: var(--fw5);
}
.fw6 {
  font-family: var(--fw6);
}
.fw7 {
  font-family: var(--fw7);
}
.spec_font {
  font-family: var(--specf), var(--fw6);
}
.rm_light {
  font-family: var(--rm_light);
}
.rm_medium {
  font-family: var(--rm_medium);
}
.rm_regular {
  font-family: var(--rm_regular);
}
:root {
  --m: #BA0000;
  --m2: #F39D1B;
  --red: #FF3333;
  --orange: #FD793F;
  --yellow: #F3BD01;
  --input_highlight: #fffbe6;
  --green: #48BD50;
  --blue: #0099FF;
  --color_gp: #ED4037;
  --color_fb: #4D6A8D;
  --color_tw: #1DA1F3;
  --color_ins: #000;
  --b: #000;
  --w: #fff;
  --h: #444;
  --h2: #888;
  --h3: #bbb;
  --bg: #f5f5f5;
  --bgh: #d7d7d7;
  --line: #aaa;
  --line2: #eee;
}
@media (min-width: 769px) {
  .top_screen .index_banner {
    min-height: calc(85vh - 0px);
  }
}
.top_screen .index_banner .index_banner_content .text {
  font-size: 32px;
  color: #fff;
  font-family: var(--fw4);
}
.top_screen .index_banner .index_banner_content .text.spec_font {
  font-family: var(--specf), var(--fw6);
}
.top_screen .index_banner .index_banner_content .text.large {
  font-size: 56px;
  font-family: var(--fw6);
}
.top_screen .index_banner .index_banner_content .text.large.spec_font {
  font-family: var(--specf), var(--fw6);
}
.top_screen .index_banner .index_banner_content .text.small {
  font-size: 20px;
  font-family: var(--fw4);
}
.top_screen .index_banner .index_banner_content .text.small.spec_font {
  font-family: var(--specf), var(--fw6);
}
@media (max-width: 768px) {
  .top_screen .index_banner .index_banner_content .text {
    font-size: calc(32px * 0.7);
  }
  .top_screen .index_banner .index_banner_content .text.large {
    font-size: calc(56px * 0.7);
  }
  .top_screen .index_banner .index_banner_content .text.small {
    font-size: calc(20px * 0.7);
  }
}
.top_screen .index_banner .index_banner_content .logo {
  margin-bottom: 3vw;
}
.top_screen .index_banner .index_banner_content .logo img {
  width: 40%;
  max-width: 200px;
}
.top_screen .index_banner .index_banner_content .theme {
  margin-bottom: 0;
}
.top_screen .index_banner .index_banner_content .theme img {
  width: 80%;
  max-width: 600px;
}
.index_banner .button {
  color: #fff;
  background-color: #BA0000;
}
.index_banner .button .icon:before {
  color: #fff;
}
@media (min-width: 769px) {
  .index_banner .button {
    font-size: 24px;
  }
  .index_banner .button:hover {
    background-color: #ed0000;
  }
}
@media (max-width: 768px) {
  .index_banner .button {
    font-size: 20px;
  }
  .index_banner .button:active {
    background-color: #ed0000;
  }
}
.index_about .index_about_content .title {
  font-family: var(--specf), var(--fw6);
}
.index_about .index_about_content .res_btn {
  background-color: var(--m);
  color: var(--w);
}
.index_about .index_about_content .res_btn:hover,
.index_about .index_about_content .res_btn:active {
  background-color: #a10000;
}
.index_map {
  padding: 0;
  background-color: var(--b);
  color: var(--w);
}
.index_map .wrap {
  width: 100%!important;
}
.index_map .wrap .content {
  padding: 0;
}
.index_map .wrap iframe {
  display: block;
}
.index_map .contact {
  font-size: 14px;
}
.index_map .contact .cc_item + .cc_item {
  margin-top: 30px;
}
.index_map .contact .title {
  font-family: var(--specf), var(--fw6);
  font-size: 32px;
}
.index_map .contact .text p {
  margin-top: 5px;
}
.index_map .contact .text b {
  font-family: var(--fw7);
}
@media (min-width: 769px) {
  .index_poducts .wrap .right .text .button:hover {
    background-color: #870000;
  }
  .index_about {
    background-size: 55vw auto, auto;
    background-repeat: repeat-y, repeat;
    background-position: -10vw bottom;
    background-attachment: fixed;
  }
  .index_about .index_about_content {
    max-width: calc(100% - 20px);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 0;
  }
  .index_about .index_about_content:before,
  .index_about .index_about_content:after {
    box-sizing: inherit;
  }
  .index_about .index_about_content .title {
    font-size: 40px;
  }
  .index_map .wrap .content_grid {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (doesn't work very well) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    align-items: stretch;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    -o-align-items: stretch;
    -ms-align-items: stretch;
  }
  .index_map .wrap .content_grid.dn {
    display: none;
  }
  .index_map .wrap .content_grid .contact_content {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (doesn't work very well) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    box-align: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-box-align: center;
    flex-align: center;
    -webkit-flex-align: center;
    -moz-flex-align: center;
    -o-flex-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -o-align-items: center;
    -ms-align-items: center;
    padding: 80px 30px;
  }
  .index_map .wrap .content_grid .contact_content.dn {
    display: none;
  }
}
@media (max-width: 768px) {
  .index_about .index_about_content {
    padding: 50px 10vw;
    background-color: rgba(255, 255, 255, 0.8);
  }
  .index_about .index_about_content .title {
    font-size: 32px;
  }
  .index_map .wrap .content_grid .contact_content {
    padding: 30px;
  }
}