@charset "UTF-8";
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 {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block; }

body {
  line-height: 1; }

ol,
ul {
  list-style: none; }

blockquote,
q {
  quotes: none; }

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

.container {
  width: 100%;
  padding-right: 8px;
  padding-left: 8px;
  margin-right: auto;
  margin-left: auto; }

@media (min-width: 577px) {
  .container {
    max-width: 328px; } }

@media (min-width: 769px) {
  .container {
    max-width: 672px; } }

@media (min-width: 1025px) {
  .container {
    max-width: 912px; } }

@media (min-width: 1281px) {
  .container {
    max-width: 1616px; } }

.container-fluid {
  width: 100%;
  padding-right: 8px;
  padding-left: 8px;
  margin-right: auto;
  margin-left: auto; }

.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-right: -8px;
  margin-left: -8px; }

.no-gutters {
  margin-right: 0;
  margin-left: 0; }

.no-gutters > .col,
.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0; }

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 8px;
  padding-left: 8px; }

.col {
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  max-width: 100%; }

.col-auto {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: auto;
  max-width: none; }

.col-1 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  max-width: 25%; }

.col-2 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%; }

.col-3 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 75%;
          flex: 0 0 75%;
  max-width: 75%; }

.col-4 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%; }

.order-first {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1; }

.order-last {
  -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
          order: 5; }

.order-0 {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0; }

.order-1 {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1; }

.order-2 {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2; }

.order-3 {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3; }

.order-4 {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4; }

.offset-1 {
  margin-left: 25%; }

.offset-2 {
  margin-left: 50%; }

.offset-3 {
  margin-left: 75%; }

@media (min-width: 577px) {
  .col-sm {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%; }
  .col-sm-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    max-width: none; }
  .col-sm-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 12.5%;
            flex: 0 0 12.5%;
    max-width: 12.5%; }
  .col-sm-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%; }
  .col-sm-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 37.5%;
            flex: 0 0 37.5%;
    max-width: 37.5%; }
  .col-sm-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%; }
  .col-sm-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 62.5%;
            flex: 0 0 62.5%;
    max-width: 62.5%; }
  .col-sm-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%; }
  .col-sm-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 87.5%;
            flex: 0 0 87.5%;
    max-width: 87.5%; }
  .col-sm-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%; }
  .order-sm-first {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1; }
  .order-sm-last {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9; }
  .order-sm-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0; }
  .order-sm-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
  .order-sm-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2; }
  .order-sm-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3; }
  .order-sm-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4; }
  .order-sm-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5; }
  .order-sm-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6; }
  .order-sm-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7; }
  .order-sm-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8; }
  .offset-sm-0 {
    margin-left: 0; }
  .offset-sm-1 {
    margin-left: 12.5%; }
  .offset-sm-2 {
    margin-left: 25%; }
  .offset-sm-3 {
    margin-left: 37.5%; }
  .offset-sm-4 {
    margin-left: 50%; }
  .offset-sm-5 {
    margin-left: 62.5%; }
  .offset-sm-6 {
    margin-left: 75%; }
  .offset-sm-7 {
    margin-left: 87.5%; } }

@media (min-width: 769px) {
  .col-md {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%; }
  .col-md-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    max-width: none; }
  .col-md-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 12.5%;
            flex: 0 0 12.5%;
    max-width: 12.5%; }
  .col-md-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%; }
  .col-md-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 37.5%;
            flex: 0 0 37.5%;
    max-width: 37.5%; }
  .col-md-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%; }
  .col-md-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 62.5%;
            flex: 0 0 62.5%;
    max-width: 62.5%; }
  .col-md-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%; }
  .col-md-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 87.5%;
            flex: 0 0 87.5%;
    max-width: 87.5%; }
  .col-md-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%; }
  .order-md-first {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1; }
  .order-md-last {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9; }
  .order-md-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0; }
  .order-md-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
  .order-md-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2; }
  .order-md-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3; }
  .order-md-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4; }
  .order-md-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5; }
  .order-md-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6; }
  .order-md-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7; }
  .order-md-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8; }
  .offset-md-0 {
    margin-left: 0; }
  .offset-md-1 {
    margin-left: 12.5%; }
  .offset-md-2 {
    margin-left: 25%; }
  .offset-md-3 {
    margin-left: 37.5%; }
  .offset-md-4 {
    margin-left: 50%; }
  .offset-md-5 {
    margin-left: 62.5%; }
  .offset-md-6 {
    margin-left: 75%; }
  .offset-md-7 {
    margin-left: 87.5%; } }

@media (min-width: 1025px) {
  .col-lg {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%; }
  .col-lg-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    max-width: none; }
  .col-lg-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
            flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-lg-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-lg-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%; }
  .col-lg-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-lg-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
            flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-lg-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%; }
  .col-lg-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
            flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-lg-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
            flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-lg-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%; }
  .col-lg-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
            flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-lg-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
            flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-lg-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%; }
  .order-lg-first {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1; }
  .order-lg-last {
    -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
            order: 13; }
  .order-lg-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0; }
  .order-lg-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
  .order-lg-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2; }
  .order-lg-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3; }
  .order-lg-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4; }
  .order-lg-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5; }
  .order-lg-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6; }
  .order-lg-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7; }
  .order-lg-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8; }
  .order-lg-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9; }
  .order-lg-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10; }
  .order-lg-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11; }
  .order-lg-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12; }
  .offset-lg-0 {
    margin-left: 0; }
  .offset-lg-1 {
    margin-left: 8.33333%; }
  .offset-lg-2 {
    margin-left: 16.66667%; }
  .offset-lg-3 {
    margin-left: 25%; }
  .offset-lg-4 {
    margin-left: 33.33333%; }
  .offset-lg-5 {
    margin-left: 41.66667%; }
  .offset-lg-6 {
    margin-left: 50%; }
  .offset-lg-7 {
    margin-left: 58.33333%; }
  .offset-lg-8 {
    margin-left: 66.66667%; }
  .offset-lg-9 {
    margin-left: 75%; }
  .offset-lg-10 {
    margin-left: 83.33333%; }
  .offset-lg-11 {
    margin-left: 91.66667%; } }

@media (min-width: 1281px) {
  .col-xl {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%; }
  .col-xl-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    max-width: none; }
  .col-xl-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
            flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-xl-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-xl-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%; }
  .col-xl-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-xl-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
            flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-xl-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%; }
  .col-xl-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
            flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-xl-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
            flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-xl-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%; }
  .col-xl-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
            flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-xl-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
            flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-xl-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%; }
  .order-xl-first {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1; }
  .order-xl-last {
    -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
            order: 13; }
  .order-xl-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0; }
  .order-xl-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
  .order-xl-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2; }
  .order-xl-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3; }
  .order-xl-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4; }
  .order-xl-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5; }
  .order-xl-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6; }
  .order-xl-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7; }
  .order-xl-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8; }
  .order-xl-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9; }
  .order-xl-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10; }
  .order-xl-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11; }
  .order-xl-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12; }
  .offset-xl-0 {
    margin-left: 0; }
  .offset-xl-1 {
    margin-left: 8.33333%; }
  .offset-xl-2 {
    margin-left: 16.66667%; }
  .offset-xl-3 {
    margin-left: 25%; }
  .offset-xl-4 {
    margin-left: 33.33333%; }
  .offset-xl-5 {
    margin-left: 41.66667%; }
  .offset-xl-6 {
    margin-left: 50%; }
  .offset-xl-7 {
    margin-left: 58.33333%; }
  .offset-xl-8 {
    margin-left: 66.66667%; }
  .offset-xl-9 {
    margin-left: 75%; }
  .offset-xl-10 {
    margin-left: 83.33333%; }
  .offset-xl-11 {
    margin-left: 91.66667%; } }

.align-baseline {
  vertical-align: baseline !important; }

.align-top {
  vertical-align: top !important; }

.align-middle {
  vertical-align: middle !important; }

.align-bottom {
  vertical-align: bottom !important; }

.align-text-bottom {
  vertical-align: text-bottom !important; }

.align-text-top {
  vertical-align: text-top !important; }

.bg-primary {
  background-color: #23c7ae !important; }

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: #1b9c88 !important; }

.bg-secondary {
  background-color: #6c757d !important; }

a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
  background-color: #545b62 !important; }

.bg-success {
  background-color: #56B700 !important; }

a.bg-success:hover, a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
  background-color: #3e8400 !important; }

.bg-info {
  background-color: #17a2b8 !important; }

a.bg-info:hover, a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
  background-color: #117a8b !important; }

.bg-danger {
  background-color: #B70000 !important; }

a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
  background-color: #840000 !important; }

.bg-lalaPrimary {
  background-color: #E50012 !important; }

a.bg-lalaPrimary:hover, a.bg-lalaPrimary:focus,
button.bg-lalaPrimary:hover,
button.bg-lalaPrimary:focus {
  background-color: #b2000e !important; }

.bg-darkBlack {
  background-color: #262626 !important; }

a.bg-darkBlack:hover, a.bg-darkBlack:focus,
button.bg-darkBlack:hover,
button.bg-darkBlack:focus {
  background-color: #0d0d0d !important; }

.bg-lalaBlack {
  background-color: #595757 !important; }

a.bg-lalaBlack:hover, a.bg-lalaBlack:focus,
button.bg-lalaBlack:hover,
button.bg-lalaBlack:focus {
  background-color: #3f3e3e !important; }

.bg-btnYellow {
  background-color: #C29624 !important; }

a.bg-btnYellow:hover, a.bg-btnYellow:focus,
button.bg-btnYellow:hover,
button.bg-btnYellow:focus {
  background-color: #97751c !important; }

.bg-btnBrown {
  background-color: #C29624 !important; }

a.bg-btnBrown:hover, a.bg-btnBrown:focus,
button.bg-btnBrown:hover,
button.bg-btnBrown:focus {
  background-color: #97751c !important; }

.bg-white {
  background-color: #fff !important; }

a.bg-white:hover, a.bg-white:focus,
button.bg-white:hover,
button.bg-white:focus {
  background-color: #e6e6e6 !important; }

.bg-blue02 {
  background-color: #E50012 !important; }

a.bg-blue02:hover, a.bg-blue02:focus,
button.bg-blue02:hover,
button.bg-blue02:focus {
  background-color: #b2000e !important; }

.bg-bgColor {
  background-color: #F5E8D9 !important; }

a.bg-bgColor:hover, a.bg-bgColor:focus,
button.bg-bgColor:hover,
button.bg-bgColor:focus {
  background-color: #ead0b1 !important; }

.bg-lightBlack {
  background-color: #444 !important; }

a.bg-lightBlack:hover, a.bg-lightBlack:focus,
button.bg-lightBlack:hover,
button.bg-lightBlack:focus {
  background-color: #2b2b2b !important; }

.bg-white {
  background-color: #fff !important; }

.bg-transparent {
  background-color: transparent !important; }

.border {
  border: 1px solid #dee2e6 !important; }

.border-top {
  border-top: 1px solid #dee2e6 !important; }

.border-right {
  border-right: 1px solid #dee2e6 !important; }

.border-bottom {
  border-bottom: 1px solid #dee2e6 !important; }

.border-left {
  border-left: 1px solid #dee2e6 !important; }

.border-0 {
  border: 0 !important; }

.border-top-0 {
  border-top: 0 !important; }

.border-right-0 {
  border-right: 0 !important; }

.border-bottom-0 {
  border-bottom: 0 !important; }

.border-left-0 {
  border-left: 0 !important; }

.border-primary {
  border-color: #23c7ae !important; }

.border-secondary {
  border-color: #6c757d !important; }

.border-success {
  border-color: #56B700 !important; }

.border-info {
  border-color: #17a2b8 !important; }

.border-danger {
  border-color: #B70000 !important; }

.border-lalaPrimary {
  border-color: #E50012 !important; }

.border-darkBlack {
  border-color: #262626 !important; }

.border-lalaBlack {
  border-color: #595757 !important; }

.border-btnYellow {
  border-color: #C29624 !important; }

.border-btnBrown {
  border-color: #C29624 !important; }

.border-white {
  border-color: #fff !important; }

.border-blue02 {
  border-color: #E50012 !important; }

.border-bgColor {
  border-color: #F5E8D9 !important; }

.border-lightBlack {
  border-color: #444 !important; }

.border-white {
  border-color: #fff !important; }

.rounded {
  border-radius: 0.25rem !important; }

.rounded-top {
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important; }

.rounded-right {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important; }

.rounded-bottom {
  border-bottom-right-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important; }

.rounded-left {
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important; }

.rounded-circle {
  border-radius: 50% !important; }

.rounded-0 {
  border-radius: 0 !important; }

.clearfix::after {
  display: block;
  clear: both;
  content: ""; }

.d-none {
  display: none !important; }

.d-inline {
  display: inline !important; }

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

.d-block {
  display: block !important; }

.d-table {
  display: table !important; }

.d-table-row {
  display: table-row !important; }

.d-table-cell {
  display: table-cell !important; }

.d-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important; }

.d-inline-flex {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important; }

@media (min-width: 577px) {
  .d-sm-none {
    display: none !important; }
  .d-sm-inline {
    display: inline !important; }
  .d-sm-inline-block {
    display: inline-block !important; }
  .d-sm-block {
    display: block !important; }
  .d-sm-table {
    display: table !important; }
  .d-sm-table-row {
    display: table-row !important; }
  .d-sm-table-cell {
    display: table-cell !important; }
  .d-sm-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; }
  .d-sm-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important; } }

@media (min-width: 769px) {
  .d-md-none {
    display: none !important; }
  .d-md-inline {
    display: inline !important; }
  .d-md-inline-block {
    display: inline-block !important; }
  .d-md-block {
    display: block !important; }
  .d-md-table {
    display: table !important; }
  .d-md-table-row {
    display: table-row !important; }
  .d-md-table-cell {
    display: table-cell !important; }
  .d-md-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; }
  .d-md-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important; } }

@media (min-width: 1025px) {
  .d-lg-none {
    display: none !important; }
  .d-lg-inline {
    display: inline !important; }
  .d-lg-inline-block {
    display: inline-block !important; }
  .d-lg-block {
    display: block !important; }
  .d-lg-table {
    display: table !important; }
  .d-lg-table-row {
    display: table-row !important; }
  .d-lg-table-cell {
    display: table-cell !important; }
  .d-lg-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; }
  .d-lg-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important; } }

@media (min-width: 1281px) {
  .d-xl-none {
    display: none !important; }
  .d-xl-inline {
    display: inline !important; }
  .d-xl-inline-block {
    display: inline-block !important; }
  .d-xl-block {
    display: block !important; }
  .d-xl-table {
    display: table !important; }
  .d-xl-table-row {
    display: table-row !important; }
  .d-xl-table-cell {
    display: table-cell !important; }
  .d-xl-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; }
  .d-xl-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important; } }

@media print {
  .d-print-none {
    display: none !important; }
  .d-print-inline {
    display: inline !important; }
  .d-print-inline-block {
    display: inline-block !important; }
  .d-print-block {
    display: block !important; }
  .d-print-table {
    display: table !important; }
  .d-print-table-row {
    display: table-row !important; }
  .d-print-table-cell {
    display: table-cell !important; }
  .d-print-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; }
  .d-print-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important; } }

.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden; }

.embed-responsive::before {
  display: block;
  content: ""; }

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0; }

.embed-responsive-21by9::before {
  padding-top: 42.85714%; }

.embed-responsive-16by9::before {
  padding-top: 56.25%; }

.embed-responsive-4by3::before {
  padding-top: 75%; }

.embed-responsive-1by1::before {
  padding-top: 100%; }

.flex-row {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: row !important;
          flex-direction: row !important; }

.flex-column {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important; }

.flex-row-reverse {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: reverse !important;
      -ms-flex-direction: row-reverse !important;
          flex-direction: row-reverse !important; }

.flex-column-reverse {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: reverse !important;
      -ms-flex-direction: column-reverse !important;
          flex-direction: column-reverse !important; }

.flex-wrap {
  -ms-flex-wrap: wrap !important;
      flex-wrap: wrap !important; }

.flex-nowrap {
  -ms-flex-wrap: nowrap !important;
      flex-wrap: nowrap !important; }

.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
      flex-wrap: wrap-reverse !important; }

.justify-content-start {
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important; }

.justify-content-end {
  -webkit-box-pack: end !important;
      -ms-flex-pack: end !important;
          justify-content: flex-end !important; }

.justify-content-center {
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important; }

.justify-content-between {
  -webkit-box-pack: justify !important;
      -ms-flex-pack: justify !important;
          justify-content: space-between !important; }

.justify-content-around {
  -ms-flex-pack: distribute !important;
      justify-content: space-around !important; }

.align-items-start {
  -webkit-box-align: start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important; }

.align-items-end {
  -webkit-box-align: end !important;
      -ms-flex-align: end !important;
          align-items: flex-end !important; }

.align-items-center {
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important; }

.align-items-baseline {
  -webkit-box-align: baseline !important;
      -ms-flex-align: baseline !important;
          align-items: baseline !important; }

.align-items-stretch {
  -webkit-box-align: stretch !important;
      -ms-flex-align: stretch !important;
          align-items: stretch !important; }

.align-content-start {
  -ms-flex-line-pack: start !important;
      align-content: flex-start !important; }

.align-content-end {
  -ms-flex-line-pack: end !important;
      align-content: flex-end !important; }

.align-content-center {
  -ms-flex-line-pack: center !important;
      align-content: center !important; }

.align-content-between {
  -ms-flex-line-pack: justify !important;
      align-content: space-between !important; }

.align-content-around {
  -ms-flex-line-pack: distribute !important;
      align-content: space-around !important; }

.align-content-stretch {
  -ms-flex-line-pack: stretch !important;
      align-content: stretch !important; }

.align-self-auto {
  -ms-flex-item-align: auto !important;
      align-self: auto !important; }

.align-self-start {
  -ms-flex-item-align: start !important;
      align-self: flex-start !important; }

.align-self-end {
  -ms-flex-item-align: end !important;
      align-self: flex-end !important; }

.align-self-center {
  -ms-flex-item-align: center !important;
      align-self: center !important; }

.align-self-baseline {
  -ms-flex-item-align: baseline !important;
      align-self: baseline !important; }

.align-self-stretch {
  -ms-flex-item-align: stretch !important;
      align-self: stretch !important; }

@media (min-width: 577px) {
  .flex-sm-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important; }
  .flex-sm-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important; }
  .flex-sm-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important; }
  .flex-sm-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important; }
  .flex-sm-wrap {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important; }
  .flex-sm-nowrap {
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important; }
  .flex-sm-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important; }
  .justify-content-sm-start {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important; }
  .justify-content-sm-end {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important; }
  .justify-content-sm-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important; }
  .justify-content-sm-between {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important; }
  .justify-content-sm-around {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important; }
  .align-items-sm-start {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important; }
  .align-items-sm-end {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important; }
  .align-items-sm-center {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important; }
  .align-items-sm-baseline {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important; }
  .align-items-sm-stretch {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important; }
  .align-content-sm-start {
    -ms-flex-line-pack: start !important;
        align-content: flex-start !important; }
  .align-content-sm-end {
    -ms-flex-line-pack: end !important;
        align-content: flex-end !important; }
  .align-content-sm-center {
    -ms-flex-line-pack: center !important;
        align-content: center !important; }
  .align-content-sm-between {
    -ms-flex-line-pack: justify !important;
        align-content: space-between !important; }
  .align-content-sm-around {
    -ms-flex-line-pack: distribute !important;
        align-content: space-around !important; }
  .align-content-sm-stretch {
    -ms-flex-line-pack: stretch !important;
        align-content: stretch !important; }
  .align-self-sm-auto {
    -ms-flex-item-align: auto !important;
        align-self: auto !important; }
  .align-self-sm-start {
    -ms-flex-item-align: start !important;
        align-self: flex-start !important; }
  .align-self-sm-end {
    -ms-flex-item-align: end !important;
        align-self: flex-end !important; }
  .align-self-sm-center {
    -ms-flex-item-align: center !important;
        align-self: center !important; }
  .align-self-sm-baseline {
    -ms-flex-item-align: baseline !important;
        align-self: baseline !important; }
  .align-self-sm-stretch {
    -ms-flex-item-align: stretch !important;
        align-self: stretch !important; } }

@media (min-width: 769px) {
  .flex-md-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important; }
  .flex-md-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important; }
  .flex-md-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important; }
  .flex-md-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important; }
  .flex-md-wrap {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important; }
  .flex-md-nowrap {
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important; }
  .flex-md-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important; }
  .justify-content-md-start {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important; }
  .justify-content-md-end {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important; }
  .justify-content-md-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important; }
  .justify-content-md-between {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important; }
  .justify-content-md-around {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important; }
  .align-items-md-start {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important; }
  .align-items-md-end {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important; }
  .align-items-md-center {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important; }
  .align-items-md-baseline {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important; }
  .align-items-md-stretch {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important; }
  .align-content-md-start {
    -ms-flex-line-pack: start !important;
        align-content: flex-start !important; }
  .align-content-md-end {
    -ms-flex-line-pack: end !important;
        align-content: flex-end !important; }
  .align-content-md-center {
    -ms-flex-line-pack: center !important;
        align-content: center !important; }
  .align-content-md-between {
    -ms-flex-line-pack: justify !important;
        align-content: space-between !important; }
  .align-content-md-around {
    -ms-flex-line-pack: distribute !important;
        align-content: space-around !important; }
  .align-content-md-stretch {
    -ms-flex-line-pack: stretch !important;
        align-content: stretch !important; }
  .align-self-md-auto {
    -ms-flex-item-align: auto !important;
        align-self: auto !important; }
  .align-self-md-start {
    -ms-flex-item-align: start !important;
        align-self: flex-start !important; }
  .align-self-md-end {
    -ms-flex-item-align: end !important;
        align-self: flex-end !important; }
  .align-self-md-center {
    -ms-flex-item-align: center !important;
        align-self: center !important; }
  .align-self-md-baseline {
    -ms-flex-item-align: baseline !important;
        align-self: baseline !important; }
  .align-self-md-stretch {
    -ms-flex-item-align: stretch !important;
        align-self: stretch !important; } }

@media (min-width: 1025px) {
  .flex-lg-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important; }
  .flex-lg-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important; }
  .flex-lg-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important; }
  .flex-lg-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important; }
  .flex-lg-wrap {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important; }
  .flex-lg-nowrap {
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important; }
  .flex-lg-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important; }
  .justify-content-lg-start {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important; }
  .justify-content-lg-end {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important; }
  .justify-content-lg-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important; }
  .justify-content-lg-between {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important; }
  .justify-content-lg-around {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important; }
  .align-items-lg-start {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important; }
  .align-items-lg-end {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important; }
  .align-items-lg-center {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important; }
  .align-items-lg-baseline {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important; }
  .align-items-lg-stretch {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important; }
  .align-content-lg-start {
    -ms-flex-line-pack: start !important;
        align-content: flex-start !important; }
  .align-content-lg-end {
    -ms-flex-line-pack: end !important;
        align-content: flex-end !important; }
  .align-content-lg-center {
    -ms-flex-line-pack: center !important;
        align-content: center !important; }
  .align-content-lg-between {
    -ms-flex-line-pack: justify !important;
        align-content: space-between !important; }
  .align-content-lg-around {
    -ms-flex-line-pack: distribute !important;
        align-content: space-around !important; }
  .align-content-lg-stretch {
    -ms-flex-line-pack: stretch !important;
        align-content: stretch !important; }
  .align-self-lg-auto {
    -ms-flex-item-align: auto !important;
        align-self: auto !important; }
  .align-self-lg-start {
    -ms-flex-item-align: start !important;
        align-self: flex-start !important; }
  .align-self-lg-end {
    -ms-flex-item-align: end !important;
        align-self: flex-end !important; }
  .align-self-lg-center {
    -ms-flex-item-align: center !important;
        align-self: center !important; }
  .align-self-lg-baseline {
    -ms-flex-item-align: baseline !important;
        align-self: baseline !important; }
  .align-self-lg-stretch {
    -ms-flex-item-align: stretch !important;
        align-self: stretch !important; } }

@media (min-width: 1281px) {
  .flex-xl-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important; }
  .flex-xl-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important; }
  .flex-xl-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important; }
  .flex-xl-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important; }
  .flex-xl-wrap {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important; }
  .flex-xl-nowrap {
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important; }
  .flex-xl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important; }
  .justify-content-xl-start {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important; }
  .justify-content-xl-end {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important; }
  .justify-content-xl-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important; }
  .justify-content-xl-between {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important; }
  .justify-content-xl-around {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important; }
  .align-items-xl-start {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important; }
  .align-items-xl-end {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important; }
  .align-items-xl-center {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important; }
  .align-items-xl-baseline {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important; }
  .align-items-xl-stretch {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important; }
  .align-content-xl-start {
    -ms-flex-line-pack: start !important;
        align-content: flex-start !important; }
  .align-content-xl-end {
    -ms-flex-line-pack: end !important;
        align-content: flex-end !important; }
  .align-content-xl-center {
    -ms-flex-line-pack: center !important;
        align-content: center !important; }
  .align-content-xl-between {
    -ms-flex-line-pack: justify !important;
        align-content: space-between !important; }
  .align-content-xl-around {
    -ms-flex-line-pack: distribute !important;
        align-content: space-around !important; }
  .align-content-xl-stretch {
    -ms-flex-line-pack: stretch !important;
        align-content: stretch !important; }
  .align-self-xl-auto {
    -ms-flex-item-align: auto !important;
        align-self: auto !important; }
  .align-self-xl-start {
    -ms-flex-item-align: start !important;
        align-self: flex-start !important; }
  .align-self-xl-end {
    -ms-flex-item-align: end !important;
        align-self: flex-end !important; }
  .align-self-xl-center {
    -ms-flex-item-align: center !important;
        align-self: center !important; }
  .align-self-xl-baseline {
    -ms-flex-item-align: baseline !important;
        align-self: baseline !important; }
  .align-self-xl-stretch {
    -ms-flex-item-align: stretch !important;
        align-self: stretch !important; } }

.float-left {
  float: left !important; }

.float-right {
  float: right !important; }

.float-none {
  float: none !important; }

@media (min-width: 577px) {
  .float-sm-left {
    float: left !important; }
  .float-sm-right {
    float: right !important; }
  .float-sm-none {
    float: none !important; } }

@media (min-width: 769px) {
  .float-md-left {
    float: left !important; }
  .float-md-right {
    float: right !important; }
  .float-md-none {
    float: none !important; } }

@media (min-width: 1025px) {
  .float-lg-left {
    float: left !important; }
  .float-lg-right {
    float: right !important; }
  .float-lg-none {
    float: none !important; } }

@media (min-width: 1281px) {
  .float-xl-left {
    float: left !important; }
  .float-xl-right {
    float: right !important; }
  .float-xl-none {
    float: none !important; } }

.position-static {
  position: static !important; }

.position-relative {
  position: relative !important; }

.position-absolute {
  position: absolute !important; }

.position-fixed {
  position: fixed !important; }

.position-sticky {
  position: -webkit-sticky !important;
  position: sticky !important; }

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030; }

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030; }

@supports ((position: -webkit-sticky) or (position: sticky)) {
  .sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020; } }

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

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
  -webkit-clip-path: none;
          clip-path: none; }

.w-25 {
  width: 25% !important; }

.w-50 {
  width: 50% !important; }

.w-75 {
  width: 75% !important; }

.w-100 {
  width: 100% !important; }

.h-25 {
  height: 25% !important; }

.h-50 {
  height: 50% !important; }

.h-75 {
  height: 75% !important; }

.h-100 {
  height: 100% !important; }

.mw-100 {
  max-width: 100% !important; }

.mh-100 {
  max-height: 100% !important; }

.m-0 {
  margin: 0 !important; }

.mt-0,
.my-0 {
  margin-top: 0 !important; }

.mr-0,
.mx-0 {
  margin-right: 0 !important; }

.mb-0,
.my-0 {
  margin-bottom: 0 !important; }

.ml-0,
.mx-0 {
  margin-left: 0 !important; }

.m-1 {
  margin: 0.25rem !important; }

.mt-1,
.my-1 {
  margin-top: 0.25rem !important; }

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important; }

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important; }

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important; }

.m-2 {
  margin: 0.5rem !important; }

.mt-2,
.my-2 {
  margin-top: 0.5rem !important; }

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important; }

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important; }

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important; }

.m-3 {
  margin: 1rem !important; }

.mt-3,
.my-3 {
  margin-top: 1rem !important; }

.mr-3,
.mx-3 {
  margin-right: 1rem !important; }

.mb-3,
.my-3 {
  margin-bottom: 1rem !important; }

.ml-3,
.mx-3 {
  margin-left: 1rem !important; }

.m-4 {
  margin: 1.5rem !important; }

.mt-4,
.my-4 {
  margin-top: 1.5rem !important; }

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important; }

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important; }

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important; }

.m-5 {
  margin: 3rem !important; }

.mt-5,
.my-5 {
  margin-top: 3rem !important; }

.mr-5,
.mx-5 {
  margin-right: 3rem !important; }

.mb-5,
.my-5 {
  margin-bottom: 3rem !important; }

.ml-5,
.mx-5 {
  margin-left: 3rem !important; }

.p-0 {
  padding: 0 !important; }

.pt-0,
.py-0 {
  padding-top: 0 !important; }

.pr-0,
.px-0 {
  padding-right: 0 !important; }

.pb-0,
.py-0 {
  padding-bottom: 0 !important; }

.pl-0,
.px-0 {
  padding-left: 0 !important; }

.p-1 {
  padding: 0.25rem !important; }

.pt-1,
.py-1 {
  padding-top: 0.25rem !important; }

.pr-1,
.px-1 {
  padding-right: 0.25rem !important; }

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important; }

.pl-1,
.px-1 {
  padding-left: 0.25rem !important; }

.p-2 {
  padding: 0.5rem !important; }

.pt-2,
.py-2 {
  padding-top: 0.5rem !important; }

.pr-2,
.px-2 {
  padding-right: 0.5rem !important; }

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important; }

.pl-2,
.px-2 {
  padding-left: 0.5rem !important; }

.p-3 {
  padding: 1rem !important; }

.pt-3,
.py-3 {
  padding-top: 1rem !important; }

.pr-3,
.px-3 {
  padding-right: 1rem !important; }

.pb-3,
.py-3 {
  padding-bottom: 1rem !important; }

.pl-3,
.px-3 {
  padding-left: 1rem !important; }

.p-4 {
  padding: 1.5rem !important; }

.pt-4,
.py-4 {
  padding-top: 1.5rem !important; }

.pr-4,
.px-4 {
  padding-right: 1.5rem !important; }

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important; }

.pl-4,
.px-4 {
  padding-left: 1.5rem !important; }

.p-5 {
  padding: 3rem !important; }

.pt-5,
.py-5 {
  padding-top: 3rem !important; }

.pr-5,
.px-5 {
  padding-right: 3rem !important; }

.pb-5,
.py-5 {
  padding-bottom: 3rem !important; }

.pl-5,
.px-5 {
  padding-left: 3rem !important; }

.m-auto {
  margin: auto !important; }

.mt-auto,
.my-auto {
  margin-top: auto !important; }

.mr-auto,
.mx-auto {
  margin-right: auto !important; }

.mb-auto,
.my-auto {
  margin-bottom: auto !important; }

.ml-auto,
.mx-auto {
  margin-left: auto !important; }

@media (min-width: 577px) {
  .m-sm-0 {
    margin: 0 !important; }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important; }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important; }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important; }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important; }
  .m-sm-1 {
    margin: 0.25rem !important; }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.25rem !important; }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important; }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important; }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important; }
  .m-sm-2 {
    margin: 0.5rem !important; }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.5rem !important; }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 0.5rem !important; }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important; }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important; }
  .m-sm-3 {
    margin: 1rem !important; }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important; }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important; }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important; }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important; }
  .m-sm-4 {
    margin: 1.5rem !important; }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important; }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important; }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important; }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important; }
  .m-sm-5 {
    margin: 3rem !important; }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3rem !important; }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 3rem !important; }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3rem !important; }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 3rem !important; }
  .p-sm-0 {
    padding: 0 !important; }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important; }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important; }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important; }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important; }
  .p-sm-1 {
    padding: 0.25rem !important; }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important; }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important; }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important; }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important; }
  .p-sm-2 {
    padding: 0.5rem !important; }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.5rem !important; }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important; }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important; }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important; }
  .p-sm-3 {
    padding: 1rem !important; }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important; }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important; }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important; }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important; }
  .p-sm-4 {
    padding: 1.5rem !important; }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important; }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important; }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important; }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important; }
  .p-sm-5 {
    padding: 3rem !important; }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3rem !important; }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 3rem !important; }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important; }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important; }
  .m-sm-auto {
    margin: auto !important; }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important; }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important; }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important; }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important; } }

@media (min-width: 769px) {
  .m-md-0 {
    margin: 0 !important; }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important; }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important; }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important; }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important; }
  .m-md-1 {
    margin: 0.25rem !important; }
  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important; }
  .mr-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important; }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important; }
  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important; }
  .m-md-2 {
    margin: 0.5rem !important; }
  .mt-md-2,
  .my-md-2 {
    margin-top: 0.5rem !important; }
  .mr-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important; }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.5rem !important; }
  .ml-md-2,
  .mx-md-2 {
    margin-left: 0.5rem !important; }
  .m-md-3 {
    margin: 1rem !important; }
  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important; }
  .mr-md-3,
  .mx-md-3 {
    margin-right: 1rem !important; }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important; }
  .ml-md-3,
  .mx-md-3 {
    margin-left: 1rem !important; }
  .m-md-4 {
    margin: 1.5rem !important; }
  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important; }
  .mr-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important; }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important; }
  .ml-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important; }
  .m-md-5 {
    margin: 3rem !important; }
  .mt-md-5,
  .my-md-5 {
    margin-top: 3rem !important; }
  .mr-md-5,
  .mx-md-5 {
    margin-right: 3rem !important; }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important; }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 3rem !important; }
  .p-md-0 {
    padding: 0 !important; }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important; }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important; }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important; }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important; }
  .p-md-1 {
    padding: 0.25rem !important; }
  .pt-md-1,
  .py-md-1 {
    padding-top: 0.25rem !important; }
  .pr-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important; }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important; }
  .pl-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important; }
  .p-md-2 {
    padding: 0.5rem !important; }
  .pt-md-2,
  .py-md-2 {
    padding-top: 0.5rem !important; }
  .pr-md-2,
  .px-md-2 {
    padding-right: 0.5rem !important; }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.5rem !important; }
  .pl-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important; }
  .p-md-3 {
    padding: 1rem !important; }
  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important; }
  .pr-md-3,
  .px-md-3 {
    padding-right: 1rem !important; }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important; }
  .pl-md-3,
  .px-md-3 {
    padding-left: 1rem !important; }
  .p-md-4 {
    padding: 1.5rem !important; }
  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important; }
  .pr-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important; }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important; }
  .pl-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important; }
  .p-md-5 {
    padding: 3rem !important; }
  .pt-md-5,
  .py-md-5 {
    padding-top: 3rem !important; }
  .pr-md-5,
  .px-md-5 {
    padding-right: 3rem !important; }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3rem !important; }
  .pl-md-5,
  .px-md-5 {
    padding-left: 3rem !important; }
  .m-md-auto {
    margin: auto !important; }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important; }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important; }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important; }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important; } }

@media (min-width: 1025px) {
  .m-lg-0 {
    margin: 0 !important; }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important; }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important; }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important; }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important; }
  .m-lg-1 {
    margin: 0.25rem !important; }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.25rem !important; }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.25rem !important; }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important; }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important; }
  .m-lg-2 {
    margin: 0.5rem !important; }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.5rem !important; }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 0.5rem !important; }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.5rem !important; }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.5rem !important; }
  .m-lg-3 {
    margin: 1rem !important; }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important; }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important; }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important; }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important; }
  .m-lg-4 {
    margin: 1.5rem !important; }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important; }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important; }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important; }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important; }
  .m-lg-5 {
    margin: 3rem !important; }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 3rem !important; }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 3rem !important; }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3rem !important; }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 3rem !important; }
  .p-lg-0 {
    padding: 0 !important; }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important; }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important; }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important; }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important; }
  .p-lg-1 {
    padding: 0.25rem !important; }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.25rem !important; }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important; }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important; }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important; }
  .p-lg-2 {
    padding: 0.5rem !important; }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.5rem !important; }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: 0.5rem !important; }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.5rem !important; }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: 0.5rem !important; }
  .p-lg-3 {
    padding: 1rem !important; }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important; }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important; }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important; }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important; }
  .p-lg-4 {
    padding: 1.5rem !important; }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important; }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important; }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important; }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important; }
  .p-lg-5 {
    padding: 3rem !important; }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3rem !important; }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: 3rem !important; }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem !important; }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 3rem !important; }
  .m-lg-auto {
    margin: auto !important; }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important; }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important; }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important; }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important; } }

@media (min-width: 1281px) {
  .m-xl-0 {
    margin: 0 !important; }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important; }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important; }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important; }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important; }
  .m-xl-1 {
    margin: 0.25rem !important; }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.25rem !important; }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 0.25rem !important; }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.25rem !important; }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.25rem !important; }
  .m-xl-2 {
    margin: 0.5rem !important; }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: 0.5rem !important; }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 0.5rem !important; }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.5rem !important; }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 0.5rem !important; }
  .m-xl-3 {
    margin: 1rem !important; }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: 1rem !important; }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 1rem !important; }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important; }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important; }
  .m-xl-4 {
    margin: 1.5rem !important; }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important; }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important; }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important; }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important; }
  .m-xl-5 {
    margin: 3rem !important; }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: 3rem !important; }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 3rem !important; }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 3rem !important; }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 3rem !important; }
  .p-xl-0 {
    padding: 0 !important; }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important; }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important; }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important; }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important; }
  .p-xl-1 {
    padding: 0.25rem !important; }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.25rem !important; }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: 0.25rem !important; }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.25rem !important; }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: 0.25rem !important; }
  .p-xl-2 {
    padding: 0.5rem !important; }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: 0.5rem !important; }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: 0.5rem !important; }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.5rem !important; }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: 0.5rem !important; }
  .p-xl-3 {
    padding: 1rem !important; }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: 1rem !important; }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: 1rem !important; }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important; }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important; }
  .p-xl-4 {
    padding: 1.5rem !important; }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important; }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important; }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important; }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important; }
  .p-xl-5 {
    padding: 3rem !important; }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: 3rem !important; }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: 3rem !important; }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 3rem !important; }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: 3rem !important; }
  .m-xl-auto {
    margin: auto !important; }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important; }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important; }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important; }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important; } }

.text-justify {
  text-align: justify !important; }

.text-nowrap {
  white-space: nowrap !important; }

.text-truncate {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap; }

.text-left {
  text-align: left !important; }

.text-right {
  text-align: right !important; }

.text-center {
  text-align: center !important; }

@media (min-width: 577px) {
  .text-sm-left {
    text-align: left !important; }
  .text-sm-right {
    text-align: right !important; }
  .text-sm-center {
    text-align: center !important; } }

@media (min-width: 769px) {
  .text-md-left {
    text-align: left !important; }
  .text-md-right {
    text-align: right !important; }
  .text-md-center {
    text-align: center !important; } }

@media (min-width: 1025px) {
  .text-lg-left {
    text-align: left !important; }
  .text-lg-right {
    text-align: right !important; }
  .text-lg-center {
    text-align: center !important; } }

@media (min-width: 1281px) {
  .text-xl-left {
    text-align: left !important; }
  .text-xl-right {
    text-align: right !important; }
  .text-xl-center {
    text-align: center !important; } }

.text-lowercase {
  text-transform: lowercase !important; }

.text-uppercase {
  text-transform: uppercase !important; }

.text-capitalize {
  text-transform: capitalize !important; }

.font-weight-light {
  font-weight: 300 !important; }

.font-weight-normal {
  font-weight: 400 !important; }

.font-weight-bold {
  font-weight: 700 !important; }

.font-italic {
  font-style: italic !important; }

.text-white {
  color: #fff !important; }

.text-primary {
  color: #23c7ae !important; }

a.text-primary:hover, a.text-primary:focus {
  color: #1b9c88 !important; }

.text-secondary {
  color: #6c757d !important; }

a.text-secondary:hover, a.text-secondary:focus {
  color: #545b62 !important; }

.text-success {
  color: #56B700 !important; }

a.text-success:hover, a.text-success:focus {
  color: #3e8400 !important; }

.text-info {
  color: #17a2b8 !important; }

a.text-info:hover, a.text-info:focus {
  color: #117a8b !important; }

.text-danger {
  color: #B70000 !important; }

a.text-danger:hover, a.text-danger:focus {
  color: #840000 !important; }

.text-lalaPrimary {
  color: #E50012 !important; }

a.text-lalaPrimary:hover, a.text-lalaPrimary:focus {
  color: #b2000e !important; }

.text-darkBlack {
  color: #262626 !important; }

a.text-darkBlack:hover, a.text-darkBlack:focus {
  color: #0d0d0d !important; }

.text-lalaBlack {
  color: #595757 !important; }

a.text-lalaBlack:hover, a.text-lalaBlack:focus {
  color: #3f3e3e !important; }

.text-btnYellow {
  color: #C29624 !important; }

a.text-btnYellow:hover, a.text-btnYellow:focus {
  color: #97751c !important; }

.text-btnBrown {
  color: #C29624 !important; }

a.text-btnBrown:hover, a.text-btnBrown:focus {
  color: #97751c !important; }

.text-white {
  color: #fff !important; }

a.text-white:hover, a.text-white:focus {
  color: #e6e6e6 !important; }

.text-blue02 {
  color: #E50012 !important; }

a.text-blue02:hover, a.text-blue02:focus {
  color: #b2000e !important; }

.text-bgColor {
  color: #F5E8D9 !important; }

a.text-bgColor:hover, a.text-bgColor:focus {
  color: #ead0b1 !important; }

.text-lightBlack {
  color: #444 !important; }

a.text-lightBlack:hover, a.text-lightBlack:focus {
  color: #2b2b2b !important; }

.text-muted {
  color: #6c757d !important; }

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0; }

.visible {
  visibility: visible !important; }

.invisible {
  visibility: hidden !important; }

.edit__content * {
  font-size: 16px;
  line-height: 28px;
  color: #262626; }

@media (min-width: 1025px) {
  .edit__content * {
    font-size: 14px;
    line-height: 24px; } }

@media (min-width: 1281px) {
  .edit__content * {
    font-size: 16px;
    line-height: 28px; } }

.edit__content a {
  display: inline;
  color: #E50012;
  text-decoration: underline;
  display: initial; }

.edit__content img {
  margin-bottom: 36px; }

.edit__content h3 {
  font-size: 24px;
  font-weight: 600;
  line-height: normal;
  color: #262626;
  margin-bottom: 16px; }

@media (min-width: 1025px) {
  .edit__content h3 {
    font-size: 22px; } }

@media (min-width: 1281px) {
  .edit__content h3 {
    font-size: 24px; } }

.edit__content h4 {
  font-size: 16px;
  line-height: 28px;
  color: #262626;
  margin-bottom: 36px; }

@media (min-width: 1025px) {
  .edit__content h4 {
    font-size: 14px;
    line-height: 24px; } }

@media (min-width: 1281px) {
  .edit__content h4 {
    font-size: 16px;
    line-height: 28px; } }

.edit__content h4 > a {
  color: #E50012;
  text-decoration: underline;
  display: initial; }

.edit__content table, .edit__content tr, .edit__content td {
  line-height: 1.5;
  font-size: 16px; }

.edit__content table {
  width: 800px;
  overflow: -moz-scrollbars-none;
  -ms-overflow-style: none;
  -webkit-text-size-adjust: 100%; }

.edit__content table::-webkit-scrollbar {
  width: 0 !important;
  display: none; }

@media (min-width: 1025px) {
  .edit__content table {
    width: auto; } }

.edit__content tr, .edit__content td {
  padding: 12px;
  border: #eee 1px solid; }

.edit__content *:last-child {
  margin-bottom: 0; }

.edit__itemText {
  display: list-item;
  list-style-position: inside;
  margin-bottom: 16px;
  line-height: 1.75; }

@media (min-width: 1025px) {
  .edit__itemText {
    font-weight: 600; } }

/* ---------------------- 以下 gridCard ----------------------*/
.gridCard-l {
  border-radius: 20px;
  overflow: hidden;
  margin-bottom: 16px; }

.gridCard-l--hasShadow {
  -webkit-box-shadow: 0 8px 20px 0 rgba(38, 38, 38, 0.15);
          box-shadow: 0 8px 20px 0 rgba(38, 38, 38, 0.15); }

.gridCard-l__topPic {
  overflow: hidden;
  position: relative;
  padding-bottom: 75%;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.gridCard-l__topPic img {
  vertical-align: top;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale(1);
      -ms-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1);
  -webkit-transition: -webkit-transform .5s;
  transition: -webkit-transform .5s;
  -o-transition: transform .5s;
  transition: transform .5s;
  transition: transform .5s, -webkit-transform .5s; }

.gridCard-l__topPic--floorplan {
  padding-bottom: 0; }

.gridCard-l__topPic--floorplan img {
  position: relative;
  top: 0;
  left: 0;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none; }

.gridCard-l__info {
  padding: 10px;
  position: relative;
  background: #ffffff; }

.gridCard-l__info--bgWhite {
  background-color: #ffffff; }

.gridCard-l__info--transparent {
  background-color: transparent; }

.gridCard-l__title {
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.43;
  overflow: hidden;
  margin-bottom: 8px;
  height: 42px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  word-break: break-all;
  word-break: break-word; }

.gridCard-l__description {
  font-size: 12px;
  line-height: 1.5;
  height: 22px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  word-break: break-all; }

.gridCard-l__description--descriptionBlue {
  color: #aee4ff; }

.gridCard-l--floorplan .gridCard-l__info {
  padding: 0; }

.gridCard-l--floorplan .gridCard-l__title {
  margin-bottom: 0;
  height: auto;
  text-align: center;
  padding: 16px 0; }

.gridCard-l--floorplan .gridCard-l__topPic__mask {
  display: none; }

.gridCard-l--lastest {
  border-radius: 0;
  overflow: initial; }

.gridCard-l--lastest .gridCard-l__topPic {
  border-radius: 20px;
  background-color: #ffffff;
  position: relative;
  -webkit-box-shadow: 0 8px 20px 0 rgba(38, 38, 38, 0.15);
          box-shadow: 0 8px 20px 0 rgba(38, 38, 38, 0.15); }

.gridCard-l--lastest .gridCard-l__info {
  padding: 24px; }

.gridCard-l__lastestTitle {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.38;
  height: auto; }

.gridCard-l__lastestDes {
  font-size: 14px; }

@media (min-width: 577px) {
  .gridCard-l__info {
    padding: 10px;
    padding-bottom: 15px; } }

@media (min-width: 769px) {
  .gridCard-l__title {
    font-size: 16px; }
  .gridCard-l__description {
    font-size: 14px; }
  .gridCard-l__info {
    padding: 16px; } }

@media (min-width: 1025px) {
  .gridCard-l__title {
    font-size: 14px; }
  .gridCard-l__description {
    font-size: 12px; }
  .gridCard-l__info {
    padding: 10px; }
  .gridCard-l:hover img {
    -webkit-transform: translate(-50%, -50%) scale(1.1);
        -ms-transform: translate(-50%, -50%) scale(1.1);
            transform: translate(-50%, -50%) scale(1.1); } }

@media (min-width: 1281px) {
  .gridCard-l__title {
    font-size: 16px; }
  .gridCard-l__description {
    font-size: 14px; }
  .gridCard-l__info {
    padding: 20px; } }

.gridCard__margin {
  margin-bottom: 16px; }

.gridCard__radius {
  position: absolute;
  border-radius: 20px;
  top: 0;
  left: 0;
  z-index: 50; }

@media (min-width: 1025px) {
  .gridCard-l--floorplan:hover .gridCard-l__topPic__mask {
    opacity: 1;
    visibility: visible; }
  .gridCard-l--floorplan:hover img {
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1); }
  .gridCard-l--floorplan .gridCard-l__topPic__mask {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    height: 100%;
    mix-blend-mode: multiply;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    opacity: 0;
    visibility: hidden; }
  .gridCard-l--floorplan .gridCard-l__topPic__mask::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-color: #E50012;
    mix-blend-mode: multiply;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px; }
  .gridCard-l--floorplan .gridCard-l__topPic__mask img {
    width: 56px;
    height: 56px;
    margin-bottom: 8px;
    mix-blend-mode: normal; }
  .gridCard-l--floorplan .gridCard-l__topPic__mask span {
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    letter-spacing: 1px;
    z-index: 99;
    mix-blend-mode: normal; } }

/* ---------------------- 以下搜尋 ----------------------*/
.search-l {
  font-size: 14px;
  border: 0;
  color: #7a7a7a;
  background-color: #F5E8D9;
  width: 100%;
  height: 100%; }

.search-l:focus, .search-l--active {
  outline: 0;
  color: #fff;
  background-color: #595757; }

.search-l:focus::-webkit-input-placeholder, .search-l--active::-webkit-input-placeholder {
  color: #fff;
  opacity: 0.7; }

.search-l:focus:-ms-input-placeholder, .search-l--active:-ms-input-placeholder {
  color: #fff;
  opacity: 0.7; }

.search-l:focus::-ms-input-placeholder, .search-l--active::-ms-input-placeholder {
  color: #fff;
  opacity: 0.7; }

.search-l:focus::placeholder, .search-l--active::placeholder {
  color: #fff;
  opacity: 0.7; }

.search ::-webkit-input-placeholder {
  color: #7a7a7a; }

.search :-ms-input-placeholder {
  color: #7a7a7a; }

.search ::-ms-input-placeholder {
  color: #7a7a7a; }

.search ::placeholder {
  color: #7a7a7a; }

.search__circle {
  max-width: 912px;
  margin: auto;
  height: 100%;
  position: relative; }

.search__circle-l {
  border-radius: 18px;
  padding: 8px 48px; }

.search__square {
  width: 360px;
  height: 48px;
  position: relative; }

.search__square-l {
  padding: 15px 64px 14px 64px; }

.search__searchIcon__circle {
  position: absolute;
  top: 13px;
  left: 0; }

.search__searchIcon__circle::before {
  display: block;
  content: '';
  background-image: url(../images/search-02@3x.png);
  background-size: 24px 24px;
  width: 24px;
  height: 24px; }

@media (min-width: 1025px) {
  .search__searchIcon__circle {
    top: 10px;
    left: 16px; }
  .search__searchIcon__circle::before {
    background-size: 16px 16px;
    width: 16px;
    height: 16px; } }

@media (min-width: 1281px) {
  .search__searchIcon__circle {
    top: 8px;
    right: 16px; }
  .search__searchIcon__circle::before {
    background-size: 20px 20px;
    width: 20px;
    height: 20px; } }

.search__searchIcon__square {
  position: absolute;
  top: 12px;
  bottom: 12px;
  left: 16px; }

.search__searchIcon__square::before {
  display: block;
  content: '';
  background-image: url(../images/search-02@3x.png);
  background-size: 24px 24px;
  width: 24px;
  height: 24px; }

.search__signcrossIcon {
  background-image: url(../images/sign-cross-03@3x.png);
  background-color: transparent;
  border-radius: 50px;
  border: 0;
  cursor: pointer;
  position: absolute;
  display: inline-block; }

.search__signcrossIcon:focus {
  outline: 0; }

.search__signcrossIcon__circle {
  width: 24px;
  height: 24px;
  background-size: 24px;
  top: 13px;
  right: 0; }

.search__signcrossIcon__square {
  width: 24px;
  height: 24px;
  background-size: 24px 24px;
  top: 12px;
  bottom: 12px;
  right: 16px; }

@media (min-width: 1025px) {
  .search__signcrossIcon {
    display: none; }
  .search__signcrossIcon__circle {
    width: 16px;
    height: 16px;
    background-size: 16px;
    top: 10px;
    right: 16px; } }

@media (min-width: 1281px) {
  .search__signcrossIcon__circle {
    width: 20px;
    height: 20px;
    background-size: 20px;
    top: 8px;
    right: 16px; } }

.searchBar {
  z-index: 9;
  width: 100%;
  height: 48px;
  padding: 0 16px;
  background-color: #595757; }

.searchBar .search__square {
  width: 100%; }

.searchBar .search-l {
  background-color: #595757; }

.searchBar .search-l ~ .search__searchIcon__circle::before {
  background-image: url(../images/search-02@3x.png);
  background-repeat: no-repeat;
  background-size: 24px; }

.searchBar .search__searchIcon__square:before {
  left: 0; }

.searchBar .search__signcrossIcon__square {
  right: 0; }

.searchBar .search__square-l {
  padding: 15px 48px; }

.searchBar--show {
  display: block; }

@media (min-width: 577px) {
  .searchBar {
    padding: 0 48px; } }

@media (min-width: 1025px) {
  .searchBar {
    display: block;
    position: relative;
    top: 0;
    height: 36px;
    background-color: transparent;
    padding: 0; }
  .searchBar .search-l {
    border-radius: 18px;
    background-color: #F5E8D9; }
  .searchBar .search-l ~ .search__searchIcon__circle::before {
    background-image: url(../images/search-03@3x.png);
    background-size: 16px; } }

@media (min-width: 1025px) and (min-width: 1281px) {
  .searchBar .search-l ~ .search__searchIcon__circle::before {
    background-size: 20px; } }

@media (min-width: 1025px) {
  .searchBar .search-l:focus, .searchBar .search-l--active {
    outline: 0;
    color: #fff;
    background-color: #595757; }
  .searchBar .search-l:focus ~ .search__searchIcon__circle::before, .searchBar .search-l--active ~ .search__searchIcon__circle::before {
    background-image: url(../images/search-02@3x.png);
    background-size: 16px; } }

@media (min-width: 1025px) and (min-width: 1281px) {
  .searchBar .search-l:focus ~ .search__searchIcon__circle::before, .searchBar .search-l--active ~ .search__searchIcon__circle::before {
    background-size: 20px; } }

@media (min-width: 1025px) {
  .searchBar .search__square {
    height: 36px; }
  .searchBar .search__searchIcon__square::before {
    top: 10px;
    left: 16px;
    width: 16px;
    height: 16px;
    background-image: url(../images/search-03@3x.png);
    background-size: 16px; }
  .searchBar .search__signcrossIcon__square {
    top: 10px;
    right: 16px;
    width: 16px;
    height: 16px;
    background-size: 16px; } }

/* ---------------------- 以下輸入欄 ----------------------*/
.field:not(:first-child) {
  margin-top: 24px; }

.field__title {
  font-size: 14px;
  color: #444;
  margin-bottom: 8px;
  font-weight: 600;
  line-height: normal; }

.field-l {
  width: 100%;
  padding: 14px 16px;
  font-size: 16px;
  color: #262626;
  line-height: normal;
  font-family: 'Open Sans';
  border-radius: 4px;
  border: #c6c6c6 1px solid;
  margin: 0; }

.field-l__active:focus {
  outline: none;
  border: #E50012 1px solid;
  -webkit-box-shadow: 0 0 0 1px #E50012 inset;
          box-shadow: 0 0 0 1px #E50012 inset; }

.field-l__error {
  outline: none;
  border: #B70000 1px solid;
  -webkit-box-shadow: 0 0 0 1px #B70000 inset;
          box-shadow: 0 0 0 1px #B70000 inset; }

.field-l__disable {
  background-color: #F5E8D9; }

.field-l__captcha {
  padding-right: 79px; }

.field ::-webkit-input-placeholder {
  color: #c6c6c6;
  font-family: 'Open Sans';
  font-size: 16px;
  line-height: normal !important; }

.field :-ms-input-placeholder {
  color: #c6c6c6;
  font-family: 'Open Sans';
  font-size: 16px;
  line-height: normal !important; }

.field ::-ms-input-placeholder {
  color: #c6c6c6;
  font-family: 'Open Sans';
  font-size: 16px;
  line-height: normal !important; }

.field ::placeholder {
  color: #c6c6c6;
  font-family: 'Open Sans';
  font-size: 16px;
  line-height: normal !important; }

/* ---------------------- 以下表單textmsg ----------------------*/
.textmsg {
  margin: 24px 0; }

.textmsg__title {
  font-size: 14px;
  color: #444;
  margin-bottom: 8px;
  font-weight: 600;
  line-height: normal; }

.textmsg-l {
  font-family: Open Sans;
  resize: none;
  width: 100%;
  height: 280px;
  padding: 13px 16px;
  font-size: 16px;
  color: #262626;
  border-radius: 4px;
  border: #c6c6c6 1px solid; }

.textmsg-l__active:focus {
  outline: none;
  border: #E50012 1px solid;
  -webkit-box-shadow: 0 0 0 1px #E50012 inset;
          box-shadow: 0 0 0 1px #E50012 inset; }

.textmsg-l__error {
  outline: none;
  border: #B70000 1px solid;
  -webkit-box-shadow: 0 0 0 1px #B70000 inset;
          box-shadow: 0 0 0 1px #B70000 inset; }

.textmsg-l__disable {
  background-color: #F5E8D9; }

.textmsg ::-webkit-input-placeholder {
  font-family: 'Open Sans';
  color: #c6c6c6;
  font-size: 16px;
  line-height: normal;
  font-weight: normal; }

.textmsg :-ms-input-placeholder {
  font-family: 'Open Sans';
  color: #c6c6c6;
  font-size: 16px;
  line-height: normal;
  font-weight: normal; }

.textmsg ::-ms-input-placeholder {
  font-family: 'Open Sans';
  color: #c6c6c6;
  font-size: 16px;
  line-height: normal;
  font-weight: normal; }

.textmsg ::placeholder {
  font-family: 'Open Sans';
  color: #c6c6c6;
  font-size: 16px;
  line-height: normal;
  font-weight: normal; }

/* ---------------------- 以下彩色icon ----------------------*/
.tint__icon {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 8px; }

.tint__icon__list {
  width: 24px;
  height: 24px; }

.tint__icon__list:not(:last-child) {
  margin-right: 14px; }

/* ---------------------- 以下send ----------------------*/
.send-l {
  width: 100%;
  height: 56px;
  border-radius: 28px;
  border: 0;
  font-size: 14px;
  text-align: center;
  color: #fff;
  font-weight: 500;
  line-height: 56px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer; }

@media (min-width: 1025px) {
  .send-l {
    font-size: 12px; } }

@media (min-width: 1281px) {
  .send-l {
    font-size: 14px; } }

.send-l__regular {
  background-color: #E50012;
  -webkit-transition: background-color 0.4s;
  -o-transition: background-color 0.4s;
  transition: background-color 0.4s; }

.send-l__regular:hover {
  background-color: #F6AB00;
  -webkit-transition: background-color 0.4s;
  -o-transition: background-color 0.4s;
  transition: background-color 0.4s; }

.send-l__disable {
  background-color: #c6c6c6; }

/* ---------------------- 以下 view ----------------------*/
.view {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.view__a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.view__a:hover > button {
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  /*+*/
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg); }

.view__button {
  width: 36px;
  height: 36px;
  border-radius: 50px;
  background-image: -o-linear-gradient(330deg, #ffd748 12%, #c48c10 59%, #ffdd76 87%);
  background-image: linear-gradient(120deg, #ffd748 12%, #c48c10 59%, #ffdd76 87%);
  border: 0;
  cursor: pointer;
  margin-bottom: 16px; }

@media (min-width: 1025px) {
  .view__button {
    height: 40px;
    width: 40px; } }

@media (min-width: 1281px) {
  .view__button {
    height: 56px;
    width: 56px; } }

.view__text {
  font-family: 'Poppins', sans-serif;
  height: 30px;
  font-size: 10px;
  letter-spacing: 0px;
  text-align: center;
  text-decoration: underline; }

@media (min-width: 1281px) {
  .view__text {
    letter-spacing: 1px;
    font-size: 12px; } }

@media (min-width: 1025px) {
  .view__button--sidelong--Bright {
    margin: 0;
    margin-left: 16px; } }

@media (min-width: 1025px) and (min-width: 1281px) {
  .view__button--sidelong--Bright {
    margin-left: 24px; } }

@media (min-width: 1025px) {
  .view__button--sidelong--Bleft {
    margin: 0;
    margin-right: 16px; } }

@media (min-width: 1025px) and (min-width: 1281px) {
  .view__button--sidelong--Bleft {
    margin-right: 24px; } }

@media (min-width: 1025px) {
  .view__text--sidelong {
    height: 100%; } }

.view--topmargin {
  margin-top: 20px; }

@media (min-width: 1281px) {
  .view--topmargin {
    margin-top: 40px; } }

@media (min-width: 1025px) {
  .lg--row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse; }
  .lg--justify-flex-end {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  .lg--row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
  .lg--justify-start {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start; } }

/* ---------------------- 以下map ----------------------*/
.map {
  width: 100%;
  height: 100%;
  border-radius: 28px;
  background-color: rgba(255, 255, 255, 0.5);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 0;
  -webkit-transition: background-color 0.4s;
  -o-transition: background-color 0.4s;
  transition: background-color 0.4s;
  margin: 0 auto;
  cursor: pointer; }

.map:hover {
  background-color: #fff;
  -webkit-transition: background-color 0.4s;
  -o-transition: background-color 0.4s;
  transition: background-color 0.4s; }

.map__img {
  width: 24px;
  height: 24px;
  margin-right: 8px; }

@media (min-width: 1025px) {
  .map__img {
    width: 20px;
    height: 20px; } }

@media (min-width: 1281px) {
  .map__img {
    width: 24px;
    height: 24px; } }

.map__text {
  font-size: 14px;
  color: #262626;
  font-weight: 500;
  font-family: 'Poppins', sans-serif; }

@media (min-width: 1025px) {
  .map__text {
    font-size: 12px; } }

@media (min-width: 1281px) {
  .map__text {
    font-size: 14px; } }

.map__frame {
  width: 100%;
  height: 56px;
  margin: 0 auto; }

@media (min-width: 1025px) {
  .map__frame {
    width: 155px;
    height: 40px; } }

@media (min-width: 1281px) {
  .map__frame {
    height: 56px; } }

/* ---------------------- 以下 region ----------------------*/
.region-l {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

.region-l > img {
  width: 100%; }

.region__headerBack {
  width: auto !important;
  height: auto !important; }

.region__headerBack img {
  width: 48px;
  height: 48px;
  margin-right: 16px; }

.region__headerBack span {
  font-size: 12px;
  font-weight: 600;
  color: #C29624; }

@media (min-width: 1025px) {
  .region__back {
    width: 64px;
    height: 64px; } }

@media (min-width: 1281px) {
  .region__back {
    width: 100px;
    height: 100px; } }

@media (min-width: 1025px) {
  .region__top {
    width: 56px;
    height: 56px; } }

@media (min-width: 1281px) {
  .region__top {
    width: 64px;
    height: 64px; } }

/* ---------------------- 以下 goTop ----------------------*/
/*+*/
@-webkit-keyframes jumpTB {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px); }
  50% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px); }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px); } }
@keyframes jumpTB {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px); }
  50% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px); }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px); } }

@media (min-width: 1281px) {
  @-webkit-keyframes jumpTB {
    0% {
      -webkit-transform: translateY(0px);
              transform: translateY(0px); }
    50% {
      -webkit-transform: translateY(-10px);
              transform: translateY(-10px); }
    100% {
      -webkit-transform: translateY(0px);
              transform: translateY(0px); } }
  @keyframes jumpTB {
    0% {
      -webkit-transform: translateY(0px);
              transform: translateY(0px); }
    50% {
      -webkit-transform: translateY(-10px);
              transform: translateY(-10px); }
    100% {
      -webkit-transform: translateY(0px);
              transform: translateY(0px); } } }

.goTop {
  z-index: 999;
  position: fixed;
  bottom: 56px;
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px); }

@media (min-width: 1281px) {
  .goTop {
    bottom: 80px; } }

.goTop:hover {
  -webkit-animation: jumpTB 1.5s infinite;
          animation: jumpTB 1.5s infinite; }

.position-r {
  position: relative; }

/* ---------------------- 以下 back ----------------------*/
/*+*/
/* ---------------------- 以下 BTest ----------------------*/
/*+*/
@-webkit-keyframes jumpLR {
  0% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px); }
  50% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px); }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px); } }
@keyframes jumpLR {
  0% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px); }
  50% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px); }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px); } }

.back {
  z-index: 999;
  position: fixed;
  top: 164px;
  -webkit-transform: translateX(0px);
      -ms-transform: translateX(0px);
          transform: translateX(0px); }

@media (min-width: 1281px) {
  .back {
    top: 228px; } }

.back:hover {
  -webkit-animation: jumpLR 1.5s infinite;
          animation: jumpLR 1.5s infinite; }

/* ---------------------- 以下css ----------------------*/
.hoverOp6:hover {
  opacity: 0.6; }

/* ---------------------- 以下headerM ----------------------*/
/* ---------------------- 以下lalaheader ----------------------*/
.lalaheader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 72px;
  -webkit-transition: height .5s;
  -o-transition: height .5s;
  transition: height .5s; }

.lalaheader > .wrapper {
  width: 100%; }

.lalaheader__logo {
  background-image: url(../images/logo@3x_mitsui.png);
  background-repeat: no-repeat;
  background-size: 100%;
  width: 151px;
  height: 56px;
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
  -webkit-transition: width .5s, height .5s, -webkit-filter .5s;
  transition: width .5s, height .5s, -webkit-filter .5s;
  -o-transition: width .5s, height .5s, filter .5s;
  transition: width .5s, height .5s, filter .5s;
  transition: width .5s, height .5s, filter .5s, -webkit-filter .5s;
  display: none; }

.lalaheader__pageheader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.lalaheader button {
  background-repeat: no-repeat;
  background-size: 100%;
  width: 24px;
  height: 24px;
  -ms-flex-negative: 0;
      flex-shrink: 0; }

.lalaheader__bar {
  background-image: url(../images/menu-01@3x.png); }

.lalaheader__search {
  background-image: url(../images/icon_24_search_dark@3x.png);
  margin-right: 24px; }

.lalaheader__pageTitle {
  font-family: futura-pt, sans-serif;
  font-size: 24px;
  color: #E50012;
  font-weight: 600;
  line-height: normal;
  white-space: nowrap; }

.lalaheader--detail .header__detailPage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.lalaheader--detail .header__row {
  display: none; }

@media (min-width: 1025px) {
  .lalaheader--detail .header__detailPage {
    display: none; }
  .lalaheader--detail .header__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; } }

.lalaheader__cliqueLogo {
  width: 132px;
  height: 33px;
  margin-right: 16px;
  background: url("../images/img_logo_mistui_fudosan_color_1920@2x.png") no-repeat;
  background-size: 100%;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s; }

@media (min-width: 577px) {
  .lalaheader__cliqueLogo {
    width: 180px;
    height: 45px;
    margin-right: 24px; } }

@media (min-width: 1025px) {
  .lalaheader__logo {
    display: block;
    width: 165px;
    height: 48px; }
  .lalaheader__pageheader, .lalaheader__bar, .lalaheader__search {
    display: none; } }

@media (min-width: 1281px) {
  .lalaheader__logo {
    width: 192.9px;
    height: 56px; } }

/* ---------------------- 以下sideM ----------------------*/
.SMenu {
  background-color: #ffc107; }

.SMenu__title {
  font-size: 24px;
  color: #262626; }

.SMenu__items {
  padding: 24px 0;
  border-bottom: #c6c6c6 1px solid; }

.SMenu__items__text {
  font-size: 14px;
  color: #444;
  padding: 8px 24px; }

.SMenu__items__text:last-child {
  margin-bottom: 0px; }

.SMenu__items__text:hover {
  color: #E50012; }

.SMenu__items__text--active {
  background-color: #E50012;
  border-radius: 18px;
  color: #fff; }

.SMenu__items__text--active:hover {
  color: #fff; }

.SMenu__details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-x: scroll; }

@media (min-width: 1025px) {
  .SMenu__details {
    overflow: auto;
    padding-top: 24px;
    border-top: 1px solid #c6c6c6; } }

.SMenu__button {
  margin-bottom: 8px;
  margin-right: 8px;
  opacity: 0.5;
  border: 0;
  border-radius: 4px;
  background-color: #fff;
  color: #444;
  cursor: pointer;
  -ms-flex-negative: 0;
      flex-shrink: 0; }

@media (min-width: 1025px) {
  .SMenu__button:hover {
    background-color: #E50012;
    opacity: 1; } }

.SMenu__button__text {
  margin: 8px;
  font-size: 14px;
  font-family: 'Poppins', sans-serif; }

.SMenu__button--active {
  background-color: #E50012;
  color: #fff;
  opacity: 1; }

.SMenu__button--active:hover {
  background-color: #E50012;
  color: #fff;
  opacity: 1; }

@media (min-width: 1025px) {
  .SMenu__details {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; } }

/* ---------------------- 以下DM效果 ----------------------*/
.Dmenu__list {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none; }

.DMenu__items__box {
  display: block;
  /* margin: 1em 0; */ }

.DMenu__items__text {
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  font-weight: normal;
  padding: 8px 16px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -webkit-tap-highlight-color: transparent; }

@media (min-width: 1281px) {
  .DMenu__items__text {
    font-size: 14px; } }

@media (min-width: 1281px) {
  .DMenu__items__text {
    padding: 8px 24px; } }

/* Individual styles */
/* Alonso */
.menu--alonso .DMenu__items__box {
  margin: 0; }

@media (min-width: 1025px) {
  .menu--alonso .DMenu__items__box {
    margin-bottom: 8px; } }

.menu--alonso .DMenu__items__text {
  width: 100%;
  text-align: left;
  color: #444;
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s; }

.menu--alonso .DMenu__items__text:hover,
.menu--alonso .DMenu__items__text:focus {
  color: #E50012; }

@media (min-width: 1025px) {
  .menu--alonso .DMenu__items__box--current .DMenu__items__text {
    color: #fff;
    -webkit-transition: color 0.5s;
    -o-transition: color 0.5s;
    transition: color 0.5s; }
  .menu--alonso .DMenu__items__box--current .DMenu__items__text:hover {
    color: #fff; } }

@media (min-width: 1025px) {
  .menu--alonso .menu__line__blue,
  .menu--alonso .menu__line__blueBar {
    position: absolute;
    left: 0;
    width: 100%;
    pointer-events: none;
    /* border-width: 0 45px; */
    /* background: #d94f5c; */
    -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-transition: -webkit-transform 0.4s;
    transition: -webkit-transform 0.4s;
    -o-transition: transform 0.4s;
    transition: transform 0.4s;
    transition: transform 0.4s, -webkit-transform 0.4s;
    -webkit-transition-timing-function: cubic-bezier(1, 0.01, 0, 1);
    -o-transition-timing-function: cubic-bezier(1, 0.01, 0, 1.22);
       transition-timing-function: cubic-bezier(1, 0.01, 0, 1.22);
    height: 32px;
    border-radius: 18px;
    background-color: #E50012;
    color: #fff;
    margin-bottom: 8px;
    z-index: -1; } }

@media (min-width: 1281px) {
  .menu--alonso .menu__line__blue,
  .menu--alonso .menu__line__blueBar {
    height: 36px; } }

.Floor:nth-child(1).DMenu__items__box--current ~ .menu__line__blue {
  -webkit-transform: translate3d(0, -845%, 0);
          transform: translate3d(0, -845%, 0); }

@media (min-width: 1281px) {
  .Floor:nth-child(1).DMenu__items__box--current ~ .menu__line__blue {
    -webkit-transform: translate3d(0, -836%, 0);
            transform: translate3d(0, -836%, 0); } }

.Floor:nth-child(2).DMenu__items__box--current ~ .menu__line__blue {
  -webkit-transform: translate3d(0, -720%, 0);
          transform: translate3d(0, -720%, 0); }

@media (min-width: 1281px) {
  .Floor:nth-child(2).DMenu__items__box--current ~ .menu__line__blue {
    -webkit-transform: translate3d(0, -715%, 0);
            transform: translate3d(0, -715%, 0); } }

.Floor:nth-child(3).DMenu__items__box--current ~ .menu__line__blue {
  -webkit-transform: translate3d(0, -595%, 0);
          transform: translate3d(0, -595%, 0); }

@media (min-width: 1281px) {
  .Floor:nth-child(3).DMenu__items__box--current ~ .menu__line__blue {
    -webkit-transform: translate3d(0, -592%, 0);
            transform: translate3d(0, -592%, 0); } }

.Floor:nth-child(4).DMenu__items__box--current ~ .menu__line__blue {
  -webkit-transform: translate3d(0, -470%, 0);
          transform: translate3d(0, -470%, 0); }

@media (min-width: 1281px) {
  .Floor:nth-child(4).DMenu__items__box--current ~ .menu__line__blue {
    -webkit-transform: translate3d(0, -470%, 0);
            transform: translate3d(0, -470%, 0); } }

.Floor:nth-child(5).DMenu__items__box--current ~ .menu__line__blue {
  -webkit-transform: translate3d(0, -345%, 0);
          transform: translate3d(0, -345%, 0); }

@media (min-width: 1281px) {
  .Floor:nth-child(5).DMenu__items__box--current ~ .menu__line__blue {
    -webkit-transform: translate3d(0, -348%, 0);
            transform: translate3d(0, -348%, 0); } }

.Floor:nth-child(6).DMenu__items__box--current ~ .menu__line__blue {
  -webkit-transform: translate3d(0, -220%, 0);
          transform: translate3d(0, -220%, 0); }

@media (min-width: 1281px) {
  .Floor:nth-child(6).DMenu__items__box--current ~ .menu__line__blue {
    -webkit-transform: translate3d(0, -225%, 0);
            transform: translate3d(0, -225%, 0); } }

.Floor:nth-child(7).DMenu__items__box--current ~ .menu__line__blue {
  -webkit-transform: translate3d(0, -95%, 0);
          transform: translate3d(0, -95%, 0); }

@media (min-width: 1281px) {
  .Floor:nth-child(7).DMenu__items__box--current ~ .menu__line__blue {
    -webkit-transform: translate3d(0, -103%, 0);
            transform: translate3d(0, -103%, 0); } }

/* ---------------------- 以下.Categories ----------------------*/
.Categories:nth-child(1).DMenu__items__box--current ~ .menu__line__blue {
  -webkit-transform: translate3d(0, -1095%, 0);
          transform: translate3d(0, -1095%, 0); }

@media (min-width: 1281px) {
  .Categories:nth-child(1).DMenu__items__box--current ~ .menu__line__blue {
    -webkit-transform: translate3d(0, -1080%, 0);
            transform: translate3d(0, -1080%, 0); } }

.Categories:nth-child(2).DMenu__items__box--current ~ .menu__line__blue {
  -webkit-transform: translate3d(0, -970%, 0);
          transform: translate3d(0, -970%, 0); }

@media (min-width: 1281px) {
  .Categories:nth-child(2).DMenu__items__box--current ~ .menu__line__blue {
    -webkit-transform: translate3d(0, -958%, 0);
            transform: translate3d(0, -958%, 0); } }

.Categories:nth-child(3).DMenu__items__box--current ~ .menu__line__blue {
  -webkit-transform: translate3d(0, -845%, 0);
          transform: translate3d(0, -845%, 0); }

@media (min-width: 1281px) {
  .Categories:nth-child(3).DMenu__items__box--current ~ .menu__line__blue {
    -webkit-transform: translate3d(0, -836%, 0);
            transform: translate3d(0, -836%, 0); } }

.Categories:nth-child(4).DMenu__items__box--current ~ .menu__line__blue {
  -webkit-transform: translate3d(0, -720%, 0);
          transform: translate3d(0, -720%, 0); }

@media (min-width: 1281px) {
  .Categories:nth-child(4).DMenu__items__box--current ~ .menu__line__blue {
    -webkit-transform: translate3d(0, -711%, 0);
            transform: translate3d(0, -711%, 0); } }

.Categories:nth-child(5).DMenu__items__box--current ~ .menu__line__blue {
  -webkit-transform: translate3d(0, -595%, 0);
          transform: translate3d(0, -595%, 0); }

@media (min-width: 1281px) {
  .Categories:nth-child(5).DMenu__items__box--current ~ .menu__line__blue {
    -webkit-transform: translate3d(0, -591%, 0);
            transform: translate3d(0, -591%, 0); } }

.Categories:nth-child(6).DMenu__items__box--current ~ .menu__line__blue {
  -webkit-transform: translate3d(0, -470%, 0);
          transform: translate3d(0, -470%, 0); }

@media (min-width: 1281px) {
  .Categories:nth-child(6).DMenu__items__box--current ~ .menu__line__blue {
    -webkit-transform: translate3d(0, -466%, 0);
            transform: translate3d(0, -466%, 0); } }

.Categories:nth-child(7).DMenu__items__box--current ~ .menu__line__blue {
  -webkit-transform: translate3d(0, -345%, 0);
          transform: translate3d(0, -345%, 0); }

@media (min-width: 1281px) {
  .Categories:nth-child(7).DMenu__items__box--current ~ .menu__line__blue {
    -webkit-transform: translate3d(0, -346%, 0);
            transform: translate3d(0, -346%, 0); } }

.Categories:nth-child(8).DMenu__items__box--current ~ .menu__line__blue {
  -webkit-transform: translate3d(0, -220%, 0);
          transform: translate3d(0, -220%, 0); }

@media (min-width: 1281px) {
  .Categories:nth-child(8).DMenu__items__box--current ~ .menu__line__blue {
    -webkit-transform: translate3d(0, -226%, 0);
            transform: translate3d(0, -226%, 0); } }

.Categories:nth-child(9).DMenu__items__box--current ~ .menu__line__blue {
  -webkit-transform: translate3d(0, -95%, 0);
          transform: translate3d(0, -95%, 0); }

@media (min-width: 1281px) {
  .Categories:nth-child(9).DMenu__items__box--current ~ .menu__line__blue {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0); } }

/* ---------------------- 以下dropM ----------------------*/
.DMenu {
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%; }

.DMenu__button {
  background-color: #E50012;
  padding: 15px 0;
  width: 100%;
  height: 48px;
  border-radius: 24px;
  border: 0;
  position: relative;
  top: 0; }

.DMenu__button__text {
  font-size: 14px;
  color: #fff;
  text-align: center; }

.DMenu__button__img {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 16px;
  bottom: 16px;
  right: 24px;
  background: url(../images/down-02@3x.png) no-repeat;
  background-size: 100%; }

.DMenu__items {
  z-index: 9;
  border-radius: 20px;
  background-color: #fff;
  padding: 8px 16px;
  position: absolute;
  top: -22px;
  left: 0;
  right: 0;
  margin: auto;
  width: calc(100% - 16px);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: top .5s,
 opacity .5s,
 visibility .5s;
  -o-transition: top .5s,
 opacity .5s,
 visibility .5s;
  transition: top .5s,
 opacity .5s,
 visibility .5s; }

@media (min-width: 1281px) {
  .DMenu__items {
    padding: 8px 24px; } }

.DMenu__items__box {
  padding: 0 8px;
  color: #444;
  border-bottom: #c6c6c6 1px solid; }

.DMenu__items__box > .DMenu__items__text:hover {
  color: #E50012; }

@media (min-width: 577px) {
  .DMenu__items__box:last-child {
    border-bottom: 0; } }

@media (min-width: 1025px) {
  .DMenu__items__box {
    border-bottom: 0; } }

.DMenu__items__text {
  padding: 13px 0;
  line-height: 22px;
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  margin-left: 24px; }

@media (min-width: 1025px) {
  .DMenu__items__text {
    margin-left: 0;
    font-size: 12px;
    line-height: normal;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding: 0;
    width: 100%;
    font-weight: normal;
    height: 19px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    word-break: break-all; } }

@media (min-width: 1281px) {
  .DMenu__items__text {
    font-size: 14px; } }

.DMenu--active {
  position: fixed;
  top: 119px;
  padding: 16px;
  z-index: 9;
  height: calc(100% - 119px);
  overflow-y: scroll;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  background: #FFEFCA; }

.DMenu--active .DMenu__button {
  top: 3px; }

.DMenu--active .DMenu__items {
  visibility: visible;
  opacity: 1;
  top: 58px;
  width: calc(100% - 16px);
  margin-bottom: 16px; }

.DMenu--active .DMenu__button__img {
  background: url(../images/up-02@3x.png) no-repeat;
  background-size: 100%; }

@media (min-width: 577px) {
  .DMenu--active {
    padding: 16px 48px; }
  .DMenu--active .DMenu__items {
    top: 64px;
    padding: 8px 0;
    margin-bottom: 0; }
  .DMenu--active .DMenu__button {
    top: 3px; } }

@media (min-width: 1025px) {
  .DMenu .DMenu__button {
    display: none; }
  .DMenu .DMenu__items {
    padding: 0;
    opacity: 1;
    visibility: visible;
    position: relative;
    top: 0;
    border-radius: 0;
    width: 100%;
    background-color: transparent; }
  .DMenu .DMenu__items > .row {
    margin: 0; }
  .DMenu .DMenu__items__box {
    border: 0;
    padding: 0;
    height: 32px;
    padding: 8px 16px; } }

@media (min-width: 1025px) and (min-width: 1281px) {
  .DMenu .DMenu__items__box {
    padding: 8px 24px; } }

@media (min-width: 1025px) {
  .DMenu .DMenu__items__box--active {
    border-radius: 18px;
    background-color: #E50012;
    color: #fff; }
  .DMenu .DMenu__items__box:not(:last-child) {
    margin-bottom: 8px; } }

@media (min-width: 1281px) {
  .DMenu .DMenu__items__text {
    font-size: 14px; }
  .DMenu .DMenu__items__box {
    height: 36px; } }

.Dmenu__list .DMenu__items__box:last-child {
  border-bottom: 0; }

/* ---------------------- 以下az ----------------------*/
.az__col {
  margin-bottom: 24px; }

.az__box {
  text-align: center; }

.az__box:not(:last-child) {
  margin-right: 8px;
  margin-bottom: 8px; }

.az__text {
  font-family: 'Poppins', sans-serif;
  height: 20px;
  width: 20px;
  font-size: 14px;
  font-weight: normal;
  line-height: 22px;
  color: #444;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.az__text:hover {
  color: #E50012; }

@media (min-width: 1025px) {
  .az__text {
    font-size: 12px;
    line-height: normal; } }

@media (min-width: 1281px) {
  .az__text {
    height: 24px;
    width: 24px;
    font-size: 14px; } }

.az--active {
  height: 20px;
  width: 20px;
  border-radius: 4px;
  background-color: #E50012;
  color: #fff; }

.az--active:hover {
  color: #fff; }

@media (min-width: 1281px) {
  .az--active {
    height: 24px;
    width: 24px; } }

/* ---------------------- 新增 ----------------------*/
.border-b-0 {
  border-bottom: 0 !important; }

.w-30-h-26 {
  width: 24px !important;
  height: 22px !important; }

@media (min-width: 1281px) {
  .w-30-h-26 {
    width: 30px !important;
    height: 26px !important; } }

.w-40-h-26 {
  width: 34px !important;
  height: 22px !important; }

@media (min-width: 1281px) {
  .w-40-h-26 {
    width: 40px !important;
    height: 26px !important; } }

.w-60-h-26 {
  width: 52px !important;
  height: 22px !important; }

@media (min-width: 1281px) {
  .w-60-h-26 {
    width: 60px !important;
    height: 26px !important; } }

/* ---------------------- 選單圓點 ----------------------*/
.DMenu__items__text::before {
  content: '';
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #E50012;
  display: block;
  position: absolute;
  left: -24px;
  visibility: hidden; }

@media (min-width: 1025px) {
  .DMenu__items__text::before {
    display: none; } }

.DMenu__items__box--current > .DMenu__items__text {
  color: #E50012; }

.DMenu__items__box--current > .DMenu__items__text::before {
  visibility: visible; }

@media (min-width: 1025px) {
  .DMenu__items__box--current > .DMenu__items__text::before {
    visibility: hidden; } }

/* ---------------------- 以下tabM ----------------------*/
.TMenu {
  position: relative; }

.TMenu__sort {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  width: 100%;
  white-space: nowrap;
  overflow: -moz-scrollbars-none;
  -ms-overflow-style: none; }

.TMenu__sort::-webkit-scrollbar {
  width: 0 !important;
  display: none; }

.TMenu__items {
  display: inline-block;
  position: relative; }

.TMenu__items:not(:last-child) {
  margin-right: 36px; }

.TMenu__items__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  height: 48px;
  color: #7a7a7a;
  position: relative;
  font-family: 'Poppins', sans-serif; }

.TMenu__items__text--active {
  color: #E50012; }

.TMenu__items__text--active::after {
  content: '';
  display: block;
  height: 4px;
  width: 100%;
  background-color: #E50012;
  margin-top: 10px;
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
  position: absolute;
  bottom: 0; }

.TMenu__items__text:hover {
  color: #E50012; }

@media (min-width: 577px) {
  .TMenu__items {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none; }
  .TMenu__items:not(:last-child) {
    margin-right: 48px; } }

@media (min-width: 1025px) {
  .TMenu__sort {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    overflow: auto; } }

/* ---------------------- 以下snsM ----------------------*/
.snsheader {
  display: none; }

@media (min-width: 1025px) {
  .snsheader {
    display: block;
    height: 36px; }
  .snsheader > .wrapper {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; } }

@media (min-width: 1281px) {
  .snsheader {
    height: 48px; } }

@media (min-width: 1025px) {
  .snsheaderCliqueLogo {
    width: 176px;
    height: 44px;
    margin-left: 24px;
    margin-top: 10px;
    background: url("../images/img_logo_mistui_fudosan_color_1920@2x.png") no-repeat;
    background-size: 100%; } }

@media (min-width: 1281px) {
  .snsheaderCliqueLogo {
    width: 202px;
    height: 50px;
    margin-left: 36px;
    margin-top: 15px; } }

body.headerLight .snsheader .snsheaderCliqueLogo {
  background: url("../images/img_logo_mistui_fudosan_white_1920@2x.png") no-repeat;
  background-size: 100%;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s; }

body.homeHeaderL .snsheader .snsheaderCliqueLogo {
  background: url("../images/img_logo_mistui_fudosan_color_1920@2x.png") no-repeat;
  background-size: 100%;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s; }

.snsMenu {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: 535px;
  height: 100%;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#F5E8D9), to(#E50012));
  background-image: -o-linear-gradient(top, #F5E8D9 0%, #E50012 100%);
  background-image: linear-gradient(180deg, #F5E8D9 0%, #E50012 100%);
  color: #fff;
  font-size: 14px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: 'Poppins', sans-serif; }

@media (min-width: 1281px) {
  .snsMenu {
    width: 645px; } }

.snsMenu__follow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 24px;
  padding-left: 24px; }

.snsMenu__title {
  margin-right: 16px;
  font-size: 12px; }

@media (min-width: 1281px) {
  .snsMenu__title {
    margin-right: 24px;
    font-size: 14px; } }

.snsMenu__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.snsMenu__link a:not(:last-child) {
  margin-right: 16px; }

@media (min-width: 1281px) {
  .snsMenu__link a:not(:last-child) {
    margin-right: 24px; } }

.snsMenu__link__icon {
  width: 16px;
  height: 16px;
  -webkit-transition: opacity .3s;
  -o-transition: opacity .3s;
  transition: opacity .3s; }

@media (min-width: 1281px) {
  .snsMenu__link__icon {
    width: 20px;
    height: 20px; } }

.snsMenu__link > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.snsMenu__info__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 24px;
  height: 100%;
  cursor: pointer; }

.snsMenu__info__box:last-child {
  border-right: 0; }

.snsMenu__info__box:hover > .snsMenu__info__icon {
  opacity: 0.6; }

.snsMenu__info__line {
  width: 1px;
  height: 16px;
  padding-left: 24px;
  border-left: #fff 1px solid; }

@media (min-width: 1281px) {
  .snsMenu__info__line {
    height: 21px; } }

.snsMenu__info__text {
  margin-right: 16px;
  font-size: 12px;
  color: #fff; }

@media (min-width: 1281px) {
  .snsMenu__info__text {
    margin-right: 24px;
    font-size: 14px; } }

.snsMenu__info__icon {
  width: 16px;
  height: 16px; }

@media (min-width: 1281px) {
  .snsMenu__info__icon {
    width: 20px;
    height: 20px; } }

/* ---------------------- 以下header__navM ----------------------*/
.header__navM__right {
  overflow: scroll;
  width: 56px;
  padding: 24px 16px;
  padding-bottom: 36px;
  background-color: #E50012;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

@media (min-width: 577px) {
  .header__navM__right {
    width: 132px;
    padding: 42px 48px;
    padding-bottom: 48px; } }

@media (min-width: 769px) {
  .header__navM__right {
    width: 148px;
    padding-right: 56px;
    padding-left: 56px; } }

.header__navM__right__button {
  background-image: url(../images/sign-cross-02@3x.png);
  background-size: 100% 100%;
  width: 24px;
  height: 24px;
  background-color: transparent;
  border: 0;
  margin-bottom: 24px;
  cursor: pointer;
  -ms-flex-negative: 0;
      flex-shrink: 0; }

@media (min-width: 577px) {
  .header__navM__right__button {
    width: 36px;
    height: 36px;
    margin-bottom: 66px; } }

.header__navM__right__text {
  color: #fff;
  font-size: 12px;
  letter-spacing: 2px;
  line-height: normal;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  text-align: center;
  margin-bottom: 48px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-family: 'Poppins', sans-serif; }

@media (min-width: 577px) {
  .header__navM__right__text {
    font-size: 16px; } }

.header__navM__right__link {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-top: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

@media (min-width: 577px) {
  .header__navM__right__link {
    bottom: 48px; } }

.header__navM__right__link > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.header__navM__right__link a:not(:last-child) {
  margin-bottom: 24px; }

.header__navM__right__link__icon {
  width: 24px;
  height: 24px; }

.header__navM__right__align {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.header__navM__left {
  padding: 0 24px 64px 24px; }

@media (min-width: 577px) {
  .header__navM__left {
    padding-right: 210px;
    padding-left: 134px; } }

@media (min-width: 769px) {
  .header__navM__left {
    padding-right: 264px;
    padding-left: 172px; } }

.header__navM__left__title {
  padding: 24px 0 8px 32px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 20px;
  color: #E50012;
  line-height: normal;
  font-weight: 500; }

.header__navM__left__title > a {
  color: #E50012; }

.header__navM__left__title::before {
  content: '';
  position: absolute;
  display: block;
  left: 8px;
  width: 8px;
  height: 8px;
  background-color: #E50012;
  border-radius: 50%; }

.header__navM__left__li {
  padding-left: 32px;
  padding-right: 32px; }

.header__navM__left__li:hover, .header__navM__left__li:active {
  border-radius: 18px;
  background-image: -o-linear-gradient(8deg, #f3b428 7%, #ffd466 26%, #ffe49b 61%, #dea525 90%, #ffdd76);
  background-image: linear-gradient(82deg, #f3b428 7%, #ffd466 26%, #ffe49b 61%, #dea525 90%, #ffdd76); }

.header__navM__left__li > a {
  font-size: 14px;
  line-height: 2.57;
  font-weight: normal;
  color: #444;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  word-break: break-all; }

.header__navM__left__contact {
  padding-left: 56px;
  padding-bottom: 36px; }

@media (min-width: 577px) {
  .header__navM__left__contact {
    padding-left: 166px;
    padding-bottom: 48px; } }

@media (min-width: 769px) {
  .header__navM__left__contact {
    padding-left: 204px; } }

.header__navM__left__contact__bg {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFC94B), to(#F39100));
  background-image: -o-linear-gradient(top, #FFC94B 0%, #F39100 100%);
  background-image: linear-gradient(180deg, #FFC94B 0%, #F39100 100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative; }

@media (min-width: 577px) {
  .header__navM__left__contact__bg {
    width: 64px;
    height: 64px; } }

.header__navM__left__contact__mail {
  width: 24px;
  height: 24px;
  -o-object-fit: contain;
     object-fit: contain;
  position: absolute; }

@media (min-width: 577px) {
  .header__navM__left__contact__mail {
    width: 36px;
    height: 36px; } }

.lalaportlogo {
  height: 72px;
  padding: 16px;
  padding-left: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

@media (min-width: 577px) {
  .lalaportlogo {
    height: 120px;
    padding: 32px 0;
    padding-left: 134px;
    padding-right: 24px;
    width: calc(100% - 76px); } }

@media (min-width: 769px) {
  .lalaportlogo {
    padding: 40px 24px 24px 172px;
    width: calc(100% - 92px); } }

.lalaportlogo__img {
  width: 120px;
  height: 32px;
  background-image: url(../images/logo@3x_mitsui.png);
  background-repeat: no-repeat;
  background-size: 100%; }

.lalaportlogo__cliqueLogo {
  background-image: url(../images/img_logo_mistui_fudosan_color_1920@2x.png);
  background-repeat: no-repeat;
  background-size: 100%;
  width: 132px;
  height: 33px; }

.lalaport__pagination {
  z-index: 99999;
  top: 0;
  left: 0;
  bottom: 0;
  position: fixed;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .3s, visibility .3s;
  -o-transition: opacity .3s, visibility .3s;
  transition: opacity .3s, visibility .3s;
  font-family: 'Poppins', sans-serif; }

@media (min-width: 1025px) {
  .lalaport__pagination {
    display: none; } }

.lalaport__pagination > body {
  overflow: hidden; }

.lalaport__pagination > .layout {
  overflow: hidden; }

.lalaport__container {
  overflow: hidden;
  height: 100%;
  -webkit-transform: translateX(100vw);
      -ms-transform: translateX(100vw);
          transform: translateX(100vw);
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  -o-transition: transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
  width: 100%;
  right: 0;
  position: absolute;
  top: 0;
  background-color: #fff; }

.lalaport__nav {
  padding-right: 56px;
  overflow-y: scroll;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  height: 100%;
  position: relative;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }

.lalaport__pagination--Show {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity .3s, visibility 0s;
  -o-transition: opacity .3s, visibility 0s;
  transition: opacity .3s, visibility 0s; }

.lalaport__pagination--Show .lalaport__container {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0); }

.lalaport__pagination--Show > body {
  overflow: hidden; }

.lalaport__pagination--Show > .layout {
  overflow: hidden; }

.searchBox {
  position: fixed;
  top: -100px;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: 99999;
  padding: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: top .5s, opacity .5s, visibility .5s;
  -o-transition: top .5s, opacity .5s, visibility .5s;
  transition: top .5s, opacity .5s, visibility .5s; }

@media (min-width: 1025px) {
  .searchBox {
    display: block;
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    width: auto;
    height: auto;
    background-color: #fff;
    z-index: 999;
    padding-left: 8px;
    padding-right: 8px;
    opacity: 1;
    visibility: visible; } }

.searchRecently {
  display: block;
  padding: 0 16px;
  overflow: auto;
  height: calc(100% - 72px); }

.searchRecently__title {
  font-size: 16px;
  font-family: 'Poppins', sans-serif;
  color: #E50012;
  margin-bottom: 16px;
  text-transform: uppercase; }

.searchRecently__item {
  width: 100%;
  height: 48px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 42px;
  padding-right: 8px;
  border-bottom: 1px solid #c6c6c6; }

.searchRecently__item::before {
  content: '';
  position: absolute;
  top: 16px;
  left: 8px;
  width: 16px;
  height: 16px;
  background: url(../images/history-01@2x.png) no-repeat;
  background-size: 16px; }

.searchRecently__text {
  height: 22px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  word-break: break-all;
  font-size: 14px;
  line-height: 1.57;
  color: #444;
  width: calc(100% - 32px); }

.searchRecently__del {
  width: 16px;
  height: 16px;
  background: url(../images/sign-cross-02black@3x.png) no-repeat;
  background-size: 16px; }

@media (min-width: 1025px) {
  .searchRecently {
    display: none; } }

.layout.searchBox--show header {
  opacity: 0;
  visibility: hidden; }

.layout.searchBox--show .searchBox {
  top: 0;
  opacity: 1;
  visibility: visible; }

.layout.searchBox--show .searchBar {
  z-index: 99999;
  top: 0;
  height: 72px; }

.layout.searchBox--show .searchRecently {
  padding-top: 16px;
  padding-bottom: 16px; }

.layout.searchBox--show .search__searchIcon__circle,
.layout.searchBox--show .search__signcrossIcon__circle {
  top: 24px; }

@media (min-width: 1025px) {
  .layout.searchBox--show header {
    display: block; }
  .layout.searchBox--show .searchBar {
    z-index: 99999;
    top: 0;
    position: relative;
    height: 36px; }
  .layout.searchBox--show .search__searchIcon__circle,
  .layout.searchBox--show .search__signcrossIcon__circle {
    top: 8px; } }

.menu__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin: 0;
  padding: 0;
  list-style: none; }

.menu__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative; }

.menu__link:hover,
.menu__link:focus {
  outline: none; }

/* Individual styles */
/* Alonso */
.menu--alonso .menu__item {
  margin: 0; }

@media (min-width: 1025px) {
  .menu__item:not(:first-child) {
    margin-left: 48px; } }

@media (min-width: 1281px) {
  .menu__item:not(:first-child) {
    margin-left: 80px; } }

.menu__item:nth-child(6) .menu__sublist {
  right: 0; }

@media (min-width: 1880px) {
  .menu__item:nth-child(6) .menu__sublist {
    right: auto; } }

.menu__link {
  font-family: 'Poppins', sans-serif;
  cursor: pointer;
  text-align: center;
  color: #262626;
  -webkit-transition: color 0.5s;
  -o-transition: color 0.5s;
  transition: color 0.5s;
  line-height: normal;
  font-size: 16px;
  font-weight: 400;
  position: relative; }

@media (min-width: 1025px) {
  .menu__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .menu__link:before {
    z-index: 99;
    content: '';
    position: absolute;
    margin: auto;
    top: 0;
    width: calc(100% + 80px);
    height: 50px; } }

@media (min-width: 1281px) {
  .menu__link {
    font-size: 18px; } }

/*字hover*/
/* .menu--alonso .menu__link:hover,
.menu--alonso .menu__link:focus {
	color: #929292;
} */
/*字點擊*/
/* .menu--alonso .menu__item--current .menu__link:hover{
	color: #d94f5c;
	-webkit-transition: color 0.5s;
	transition: color 0.5s;
} */
/*線*/
.menu--alonso .menu__line {
  position: absolute;
  top: 100%;
  left: 0;
  width: 120px;
  height: 2px;
  pointer-events: none;
  /* border: 1px solid red;
	border-width: 0 45px;
	background: #0068B7; */
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  -o-transition: transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  -webkit-transition-timing-function: cubic-bezier(1, 0.01, 0, 1);
  -webkit-transition-timing-function: cubic-bezier(1, 0.01, 0, 1.22);
  -o-transition-timing-function: cubic-bezier(1, 0.01, 0, 1.22);
     transition-timing-function: cubic-bezier(1, 0.01, 0, 1.22); }

.menu--alonso .menu__line::after {
  content: '';
  display: block;
  height: 2px;
  width: 24px;
  margin: 0 auto;
  margin-top: 10px;
  background-color: #E50012; }

.menu__line {
  display: none; }

.menu__list:hover > .menu__line {
  display: block; }

@media (min-width: 1025px) {
  .menu--alonso .menu__item:nth-child(1).menu__item--current ~ .menu__line {
    -webkit-transform: translate3d(-30%, 0, 0);
            transform: translate3d(-30%, 0, 0); } }

@media (min-width: 1281px) {
  .menu--alonso .menu__item:nth-child(1).menu__item--current ~ .menu__line {
    -webkit-transform: translate3d(-30%, 0, 0);
            transform: translate3d(-30%, 0, 0); } }

@media (min-width: 1025px) {
  .menu--alonso .menu__item:nth-child(2).menu__item--current ~ .menu__line {
    -webkit-transform: translate3d(45%, 0, 0);
            transform: translate3d(45%, 0, 0); } }

@media (min-width: 1281px) {
  .menu--alonso .menu__item:nth-child(2).menu__item--current ~ .menu__line {
    -webkit-transform: translate3d(80%, 0, 0);
            transform: translate3d(80%, 0, 0); } }

@media (min-width: 1025px) {
  .menu--alonso .menu__item:nth-child(3).menu__item--current ~ .menu__line {
    -webkit-transform: translate3d(135%, 0, 0);
            transform: translate3d(135%, 0, 0); } }

@media (min-width: 1281px) {
  .menu--alonso .menu__item:nth-child(3).menu__item--current ~ .menu__line {
    -webkit-transform: translate3d(200%, 0, 0);
            transform: translate3d(200%, 0, 0); } }

@media (min-width: 1025px) {
  .menu--alonso .menu__item:nth-child(4).menu__item--current ~ .menu__line {
    -webkit-transform: translate3d(240%, 0, 0);
            transform: translate3d(240%, 0, 0); } }

@media (min-width: 1281px) {
  .menu--alonso .menu__item:nth-child(4).menu__item--current ~ .menu__line {
    -webkit-transform: translate3d(340%, 0, 0);
            transform: translate3d(340%, 0, 0); } }

@media (min-width: 1025px) {
  .menu--alonso .menu__item:nth-child(5).menu__item--current ~ .menu__line {
    -webkit-transform: translate3d(345%, 0, 0);
            transform: translate3d(345%, 0, 0); } }

@media (min-width: 1281px) {
  .menu--alonso .menu__item:nth-child(5).menu__item--current ~ .menu__line {
    -webkit-transform: translate3d(478%, 0, 0);
            transform: translate3d(478%, 0, 0); } }

@media (min-width: 1025px) {
  .menu--alonso .menu__item:nth-child(6).menu__item--current ~ .menu__line {
    -webkit-transform: translate3d(430%, 0, 0);
            transform: translate3d(430%, 0, 0); } }

@media (min-width: 1281px) {
  .menu--alonso .menu__item:nth-child(6).menu__item--current ~ .menu__line {
    -webkit-transform: translate3d(598%, 0, 0);
            transform: translate3d(598%, 0, 0); } }

.menu__item:hover > .menu__sublist {
  opacity: 1;
  visibility: visible;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  top: 45px; }

@media (min-width: 1281px) {
  .menu__item:hover > .menu__sublist {
    top: 50px; } }

.menu__sublist {
  background-color: #E50012;
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  text-align: center;
  font-size: 16px;
  width: 300px;
  padding: 16px 0 16px 0;
  border-radius: 20px;
  position: absolute;
  display: block;
  z-index: 5;
  top: 35px;
  opacity: 1;
  visibility: hidden; }

.menu__sublist__text {
  height: 40px;
  line-height: normal;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  font-family: 'Poppins', sans-serif; }

@media (min-width: 1281px) {
  .menu__sublist__text {
    height: 48px; } }

@media (min-width: 1281px) {
  .menu__sublist__text {
    font-size: 16px; } }

.menu__sublist__text:hover {
  background-image: -o-linear-gradient(9deg, #f3b428 7%, #ffd466 26%, #ffe49b 61%, #dea525 90%, #ffdd76);
  background-image: linear-gradient(81deg, #f3b428 7%, #ffd466 26%, #ffe49b 61%, #dea525 90%, #ffdd76);
  color: #444; }

/**
 * Swiper 6.0.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://swiperjs.com
 *
 * Copyright 2014-2020 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: July 9, 2020
 */
@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal; }

:root {
  --swiper-theme-color: #007aff; }

.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1; }

.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
          box-sizing: content-box; }

.swiper-pagination-butllet {
  outline: 0; }

.swiper-container-android .swiper-slide, .swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
          transform: translate3d(0px, 0, 0); }

.swiper-container-multirow > .swiper-wrapper {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.swiper-container-multirow-column > .swiper-wrapper {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
       -o-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  margin: 0 auto; }

.swiper-slide {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform; }

.swiper-slide-invisible-blank {
  visibility: hidden; }

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
  height: auto; }

.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-transition-property: height,-webkit-transform;
  transition-property: height,-webkit-transform;
  -o-transition-property: transform,height;
  transition-property: transform,height;
  transition-property: transform,height,-webkit-transform; }

.swiper-container-3d {
  -webkit-perspective: 1200px;
          perspective: 1200px; }

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d; }

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10; }

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(transparent));
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent);
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), transparent); }

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(transparent));
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent); }

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(transparent));
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent);
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent); }

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(transparent));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent); }

.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none; }

.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none; }

.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start; }

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  -webkit-scroll-snap-type: x mandatory;
      -ms-scroll-snap-type: x mandatory;
          scroll-snap-type: x mandatory; }

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  -webkit-scroll-snap-type: y mandatory;
      -ms-scroll-snap-type: y mandatory;
          scroll-snap-type: y mandatory; }

:root {
  --swiper-navigation-size: 44px; }

.swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size)/ 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(-1 * var(--swiper-navigation-size)/ 2);
  z-index: 10;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color)); }

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none; }

.swiper-button-next:after, .swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1; }

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto; }

.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
  content: 'prev'; }

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto; }

.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
  content: 'next'; }

.swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white {
  --swiper-navigation-color: #ffffff; }

.swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black {
  --swiper-navigation-color: #000000; }

.swiper-button-lock {
  display: none; }

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: .3s opacity;
  -o-transition: .3s opacity;
  transition: .3s opacity;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  z-index: 10; }

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0; }

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%; }

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0; }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
      -ms-transform: scale(0.33);
          transform: scale(0.33);
  position: relative; }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
      -ms-transform: scale(0.66);
          transform: scale(0.66); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
      -ms-transform: scale(0.33);
          transform: scale(0.33); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
      -ms-transform: scale(0.66);
          transform: scale(0.66); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
      -ms-transform: scale(0.33);
          transform: scale(0.33); }

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: .2; }

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer; }

.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--swiper-pagination-color, var(--swiper-theme-color)); }

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
          transform: translate3d(0px, -50%, 0); }

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block; }

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 8px; }

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: .2s transform,.2s top;
  -o-transition: .2s transform,.2s top;
  transition: .2s transform,.2s top; }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px; }

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  white-space: nowrap; }

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: .2s transform,.2s left;
  -o-transition: .2s transform,.2s left;
  transition: .2s transform,.2s left; }

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: .2s transform,.2s right;
  -o-transition: .2s transform,.2s right;
  transition: .2s transform,.2s right; }

.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute; }

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: left top;
      -ms-transform-origin: left top;
          transform-origin: left top; }

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
      -ms-transform-origin: right top;
          transform-origin: right top; }

.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0; }

.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0; }

.swiper-pagination-white {
  --swiper-pagination-color: #ffffff; }

.swiper-pagination-black {
  --swiper-pagination-color: #000000; }

.swiper-pagination-lock {
  display: none; }

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
      touch-action: none;
  background: rgba(0, 0, 0, 0.1); }

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%; }

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%; }

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0; }

.swiper-scrollbar-cursor-drag {
  cursor: move; }

.swiper-scrollbar-lock {
  display: none; }

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center; }

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain; }

.swiper-slide-zoomed {
  cursor: move; }

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
      -ms-transform-origin: 50%;
          transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s infinite linear;
          animation: swiper-preloader-spin 1s infinite linear;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent; }

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff; }

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000; }

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000; }

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
       -o-transition-timing-function: ease-out;
          transition-timing-function: ease-out; }

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity; }

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

.swiper-container-cube {
  overflow: visible; }

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
          transform-origin: 0 0;
  width: 100%;
  height: 100%; }

.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
      -ms-transform-origin: 100% 0;
          transform-origin: 100% 0; }

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible; }

.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0; }

.swiper-container-flip {
  overflow: visible; }

.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1; }

.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

/*--------------------------- 預設 ---------------------------*/
.swiper-container {
  width: 100%;
  height: 100%; }

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.alert--success, .alert--fail {
  z-index: 99999;
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s; }

.alert__container {
  padding: 36px 16px;
  width: 100%; }

.alert__box--success, .alert__box--fail {
  width: 100%;
  margin: 0 auto;
  padding: 36px 24px;
  background-color: #fff;
  border-radius: 20px;
  position: relative;
  top: -150px;
  opacity: 0;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s; }

@media (min-width: 1025px) {
  .alert__box--success, .alert__box--fail {
    padding: 24px; } }

@media (min-width: 1281px) {
  .alert__box--success, .alert__box--fail {
    padding: 36px; } }

.alert__img--success, .alert__img--fail {
  width: 120px;
  height: 97px;
  margin: 0 auto;
  margin-bottom: 36px; }

@media (min-width: 1025px) {
  .alert__img--success, .alert__img--fail {
    width: 100px;
    height: 81px; } }

@media (min-width: 1281px) {
  .alert__img--success, .alert__img--fail {
    width: 120px;
    height: 97px; } }

.alert__title--success, .alert__title--fail {
  margin: 0 auto;
  text-align: center;
  line-height: normal;
  font-weight: 600;
  color: #262626;
  font-size: 24px; }

@media (min-width: 1025px) {
  .alert__title--success, .alert__title--fail {
    font-size: 22px; } }

@media (min-width: 1281px) {
  .alert__title--success, .alert__title--fail {
    font-size: 24px; } }

.alert__text--success, .alert__text--fail {
  margin-top: 16px;
  margin-bottom: 24px;
  text-align: center;
  line-height: 28px;
  color: #444;
  font-size: 16px;
  height: auto;
  overflow: auto;
  max-height: 100px; }

@media (min-width: 1025px) {
  .alert__text--success, .alert__text--fail {
    font-size: 14px; } }

@media (min-width: 1281px) {
  .alert__text--success, .alert__text--fail {
    font-size: 16px; } }

.alert--show {
  visibility: visible;
  top: 0;
  opacity: 1;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s; }

.alert--show .alert__box--success, .alert--show .alert__box--fail {
  top: 0;
  opacity: 1;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s; }

@-webkit-keyframes loading__icon {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes loading__icon {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

.loading__icon div {
  left: 48.5px;
  top: 30.5px;
  position: absolute;
  -webkit-animation: loading__icon linear 1.4285714285714284s infinite;
          animation: loading__icon linear 1.4285714285714284s infinite;
  background: #333333;
  width: 3px;
  height: 11px;
  border-radius: 4px;
  -webkit-transform-origin: 1.5px 19.5px;
      -ms-transform-origin: 1.5px 19.5px;
          transform-origin: 1.5px 19.5px; }

.loading__icon div:nth-child(1) {
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-animation-delay: -1.3095238095238095s;
          animation-delay: -1.3095238095238095s;
  background: #333333; }

.loading__icon div:nth-child(2) {
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg);
  -webkit-animation-delay: -1.1904761904761905s;
          animation-delay: -1.1904761904761905s;
  background: #333333; }

.loading__icon div:nth-child(3) {
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg);
  -webkit-animation-delay: -1.0714285714285714s;
          animation-delay: -1.0714285714285714s;
  background: #333333; }

.loading__icon div:nth-child(4) {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-animation-delay: -0.9523809523809523s;
          animation-delay: -0.9523809523809523s;
  background: #333333; }

.loading__icon div:nth-child(5) {
  -webkit-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg);
  -webkit-animation-delay: -0.8333333333333333s;
          animation-delay: -0.8333333333333333s;
  background: #333333; }

.loading__icon div:nth-child(6) {
  -webkit-transform: rotate(150deg);
      -ms-transform: rotate(150deg);
          transform: rotate(150deg);
  -webkit-animation-delay: -0.7142857142857143s;
          animation-delay: -0.7142857142857143s;
  background: #333333; }

.loading__icon div:nth-child(7) {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-animation-delay: -0.5952380952380952s;
          animation-delay: -0.5952380952380952s;
  background: #333333; }

.loading__icon div:nth-child(8) {
  -webkit-transform: rotate(210deg);
      -ms-transform: rotate(210deg);
          transform: rotate(210deg);
  -webkit-animation-delay: -0.47619047619047616s;
          animation-delay: -0.47619047619047616s;
  background: #333333; }

.loading__icon div:nth-child(9) {
  -webkit-transform: rotate(240deg);
      -ms-transform: rotate(240deg);
          transform: rotate(240deg);
  -webkit-animation-delay: -0.35714285714285715s;
          animation-delay: -0.35714285714285715s;
  background: #333333; }

.loading__icon div:nth-child(10) {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg);
  -webkit-animation-delay: -0.23809523809523808s;
          animation-delay: -0.23809523809523808s;
  background: #333333; }

.loading__icon div:nth-child(11) {
  -webkit-transform: rotate(300deg);
      -ms-transform: rotate(300deg);
          transform: rotate(300deg);
  -webkit-animation-delay: -0.11904761904761904s;
          animation-delay: -0.11904761904761904s;
  background: #333333; }

.loading__icon div:nth-child(12) {
  -webkit-transform: rotate(330deg);
      -ms-transform: rotate(330deg);
          transform: rotate(330deg);
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  background: #333333; }

.loading {
  width: 90px;
  height: 90px;
  display: inline-block;
  overflow: hidden;
  background: none;
  margin: 0 auto;
  margin-top: 9px; }

.loading__icon {
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transform: translateZ(0) scale(0.9);
          transform: translateZ(0) scale(0.9);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
          transform-origin: 0 0;
  /* see note above */ }

.loading__icon div {
  -webkit-box-sizing: content-box;
          box-sizing: content-box; }

.loadingPage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 9999999999;
  background-color: #fff;
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity .5s, visibility .5s;
  -o-transition: opacity .5s, visibility .5s;
  transition: opacity .5s, visibility .5s; }

.loadingPage--visibled {
  opacity: 0;
  visibility: hidden; }

/*----------- + .white_alter_gray__content.bg-white -----------*/
.white_alter_gray {
  background-color: #fff; }

@media (min-width: 577px) {
  .white_alter_gray {
    background-color: #F5E8D9; } }

.white_alter_gray__content {
  border-radius: 20px;
  width: 100%;
  height: 100%; }

@media (min-width: 577px) {
  .white_alter_gray__content {
    padding: 48px; } }

@media (min-width: 1025px) {
  .white_alter_gray__content {
    padding: 56px 56px 64px 56px; } }

@media (min-width: 1281px) {
  .white_alter_gray__content {
    padding: 80px; } }

.not_found > .pageContent-l {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.not_found__info {
  text-align: center;
  margin-top: 36px;
  margin-bottom: 24px; }

.not_found__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.not_found__button > a:first-child {
  margin-bottom: 16px; }

.content__noFound .pageTitleTab-l {
  border: 0;
  text-align: center; }

.content__noFound .pageTitleTab-l .lalaheader__pageTitle {
  display: block; }

@media (min-width: 1025px) {
  .content__noFound {
    padding-top: 0 !important; }
  .content__noFound .not_found__button {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row; }
  .content__noFound .not_found__button > a:first-child {
    margin-bottom: 0;
    margin-right: 16px; }
  .content__noFound .send-l {
    height: 48px;
    line-height: 48px; } }

.article__title {
  font-family: 'Poppins', sans-serif;
  color: #262626;
  font-size: 32px;
  font-weight: 500;
  line-height: 38px;
  margin-bottom: 24px; }

@media (min-width: 577px) {
  .article__title {
    font-size: 48px;
    line-height: 56px; } }

@media (min-width: 1025px) {
  .article__title {
    font-size: 40px;
    line-height: 48px; } }

@media (min-width: 1281px) {
  .article__title {
    font-size: 48px;
    line-height: 56px; } }

.article__assort__title {
  font-family: 'Poppins', sans-serif;
  color: #E50012;
  font-size: 16px;
  line-height: normal;
  text-transform: uppercase;
  margin-right: 16px; }

.article__assort__items {
  position: relative;
  color: #E50012;
  font-size: 16px;
  line-height: normal;
  margin-left: 16px;
  font-family: 'Poppins', sans-serif; }

.article__assort__items::before {
  content: '';
  position: absolute;
  top: 3px;
  left: -16px;
  width: 2px;
  height: 16px;
  background-color: #E50012; }

.article__info-l {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.article__update {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #7a7a7a;
  display: flex;
  margin-top: 10px;
  font-size: 12px;
  line-height: normal; }

.article__update__date {
  color: #444;
  margin-left: 16px;
  font-size: 14px;
  line-height: 20px; }

.article__container-l {
  padding-top: 16px;
  padding-bottom: 48px; }

@media (min-width: 577px) {
  .article__container-l {
    padding-top: 24px; } }

@media (min-width: 1025px) {
  .article__container-l {
    padding-top: 56px;
    padding-bottom: 56px; } }

@media (min-width: 1281px) {
  .article__container-l {
    padding-top: 80px;
    padding-bottom: 80px; } }

body {
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial,sans-serif;
  background: #fff; }

body.overflow-hidden {
  overflow: hidden; }

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

img {
  max-width: 100%;
  height: auto; }

a {
  text-decoration: none;
  display: block; }

button,
input,
select,
textarea {
  padding: 0;
  border: 0;
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }

button:focus,
input:focus,
select:focus,
textarea:focus {
  outline: 0; }

button:disabled,
input:disabled,
select:disabled,
textarea:disabled {
  opacity: 1; }

.layout {
  position: relative; }

.layout.headerFixedTop header {
  top: -72px; }

.layout.headerFixedTop .content {
  padding-top: 78px; }

.layout.headerFixedTop .pageTitleTab-l {
  top: 0; }

.layout.headerFixedTop .shop__menuSticky {
  top: 48px; }

.layout.headerFixedTop .DMenu--active {
  top: 50px;
  height: calc(100% - 50px); }

.layout.headerFixedTop .DMenu--active .DMenu__button {
  top: -1px; }

.wrapper {
  margin-left: auto;
  margin-right: auto;
  max-width: 100%; }

@media (min-width: 577px) {
  .wrapper {
    max-width: 672px; } }

@media (min-width: 769px) {
  .wrapper {
    max-width: 912px; } }

@media (min-width: 1025px) {
  .wrapper {
    max-width: 1184px; } }

@media (min-width: 1281px) {
  .wrapper {
    max-width: 1616px; } }

header,
footer,
section {
  padding-left: 16px;
  padding-right: 16px; }

@media (min-width: 577px) {
  header,
  footer,
  section {
    padding-left: 48px;
    padding-right: 48px; } }

/* --------------------------  css -----------------------------*/
.mb16 {
  margin-bottom: 16px; }

.mb-16 {
  margin-bottom: -16px; }

/* -------------------------- other --------------------------*/
.pageTitleTab-l {
  position: fixed;
  top: 70px;
  width: 100%;
  background-color: #fff;
  border-bottom: 1px solid #c6c6c6;
  z-index: 9998;
  -webkit-transition: top .5s;
  -o-transition: top .5s;
  transition: top .5s; }

.pageTitleTab-l .lalaheader__pageTitle {
  display: none; }

@media (min-width: 1025px) {
  .pageTitleTab-l {
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
    position: relative;
    top: 0;
    border: 0;
    height: 160px; }
  .pageTitleTab-l .lalaheader__pageTitle {
    display: block;
    text-align: center;
    font-size: 32px; }
  .pageTitleTab-l .search__circle {
    width: 100%; }
  .pageTitleTab-l > .wrapper {
    height: 100%;
    position: relative; }
  .pageTitleTab-l .TMenu {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0; } }

@media (min-width: 1281px) {
  .pageTitleTab-l {
    height: 200px; } }

.pageContent-l {
  position: relative;
  padding-top: 16px;
  padding-bottom: 48px;
  min-height: calc(100vh - 72px - 49px); }

.pageContent-l--norecord {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  height: calc(100vh - 72px - 49px); }

.pageContent-l--norecord > .wrapper {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.pageContent-l__norecordMsg {
  width: 106px;
  height: 106px;
  border: 4px solid #fff;
  border-radius: 20px;
  background-color: transparent;
  color: #fff;
  font-size: 20px;
  font-family: futura-pt, sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  line-height: normal; }

@media (min-width: 577px) {
  .pageContent-l {
    padding-top: 24px; } }

@media (min-width: 1025px) {
  .pageContent-l {
    padding-top: 56px;
    padding-bottom: 56px;
    min-height: calc(100vh - 109px - 160px); }
  .pageContent-l--norecord {
    height: calc(100vh - 109px - 160px); } }

@media (min-width: 1281px) {
  .pageContent-l {
    padding-top: 80px;
    padding-bottom: 80px;
    min-height: calc(100vh - 149px - 200px); }
  .pageContent-l--norecord {
    height: calc(100vh - 149px - 200px); } }

/* ---------------------- Line ----------------------*/
.Line__short {
  margin: 48px 0;
  width: 36px; }

.Line__short__gray {
  height: 1px;
  width: 36px;
  background-color: #c6c6c6; }

/* ---------------------- 內文字型 ----------------------*/
/* ---------------------- 編輯字體 ----------------------*/
.fp-section {
  z-index: 9999; }

@media (min-width: 1025px) {
  #fullpage .banner {
    padding-top: 120px !important; } }

@media (min-width: 1281px) {
  #fullpage .banner {
    padding-top: 171px !important; } }

.swiper-pagination-bullet {
  outline: 0; }

.header {
  z-index: 9999;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  background-color: #fff;
  opacity: 1;
  visibility: visible;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s; }

@media (min-width: 1025px) {
  .header {
    border-bottom: 1px solid #c6c6c6; } }

.header__detailPage {
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

@media (min-width: 1025px) {
  .header__detailPage {
    display: none; } }

.header--detail {
  border-bottom: #c6c6c6 1px solid; }

.header.hidden {
  opacity: 0;
  visibility: hidden; }

.header__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

@media (min-width: 1025px) {
  .header__row > div {
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s; } }

body .content {
  padding-top: 120px;
  -webkit-transition: padding-top .5s;
  -o-transition: padding-top .5s;
  transition: padding-top .5s; }

body .content__detail {
  padding-top: 73px; }

body .content.content__noCategory {
  padding-top: 72px; }

body .content.content__noCategory .pageContent-l {
  min-height: calc(100vh - 72px); }

@media (min-width: 1025px) {
  body .content.content__noCategory .pageContent-l {
    min-height: calc(100vh - 109px - 160px); } }

@media (min-width: 1281px) {
  body .content.content__noCategory .pageContent-l {
    min-height: calc(100vh - 149px - 200px); } }

body.homeHeaderL .header {
  background-color: transparent; }

body.homeHeaderL .lalaheader {
  height: 120px; }

body.homeHeaderL .content {
  padding-top: 120px; }

body.homeHeaderL .lalaheader__logo {
  width: 151px;
  height: 56px; }

body.homeHeaderL header {
  border: 0; }

@media (min-width: 1025px) {
  body .content, body .content.content__noCategory {
    padding-top: 108px; }
  body.homeHeaderL .lalaheader {
    height: 84px; }
  body.homeTag .content {
    padding-top: 0; }
  body.homeTag .header {
    border: 0;
    background-color: transparent; }
  body.headerLight .lalaheader .lalaheader__logo {
    -webkit-filter: brightness(0) invert(1);
            filter: brightness(0) invert(1); }
  body.headerLight .lalaheader .menu__link {
    color: #fff; }
  body.headerLight .lalaheader .menu__sublist {
    background-color: #F6AB00; }
  body.headerLight .lalaheader .menu__line::after {
    background-color: #C29624; }
  body .lalaheader {
    height: 72px; }
  body .lalaheader__logo {
    width: 151px;
    height: 56px; } }

@media (min-width: 1281px) {
  body.homeHeaderL .lalaheader {
    height: 192px; }
  body.homeHeaderL .lalaheader__logo {
    width: 216px;
    height: 80px; }
  body .lalaheader {
    height: 100px; }
  body .content, body .content.content__noCategory {
    padding-top: 148px; }
  body .lalaheader__logo {
    width: 216px;
    height: 80px; } }

.menu {
  position: relative; }

.footer {
  background-color: #fff;
  /*------------------RWDBOTTON-----------------*/
  /*LKP*/
  /*------------------RWDBOTTON-----------------*/ }

@media (min-width: 1025px) {
  .footer__content {
    padding-top: 48px;
    padding-bottom: 36px; } }

.footer__logo {
  background: url(../images/logo@3x_mitsui.png) center no-repeat;
  background-size: 255px 69px;
  width: 255px;
  height: 69px;
  margin: 36px auto 24px; }

@media (min-width: 1025px) {
  .footer__logo {
    margin: 0;
    margin-right: 92px;
    background-size: 184px 49px;
    width: 184px;
    height: 49px; } }

.footer__address {
  margin: 36px 0; }

@media (min-width: 1025px) {
  .footer__address {
    margin: 0;
    margin-bottom: 40px; } }

.footer__address > .address__info__text {
  font-size: 12px;
  line-height: 18px; }

@media (min-width: 1025px) {
  .footer__address > .address__info__text {
    height: auto;
    line-height: 20px; } }

.footer__link {
  margin: 0 auto; }

.footer__link__text {
  text-align: center;
  font-size: 14px;
  line-height: 32px;
  font-family: 'Poppins', sans-serif; }

.footer__link__text > a {
  color: #262626;
  display: initial; }

@media (min-width: 1025px) {
  .footer__link__text {
    text-align: left; } }

.footer__order1Lg0 {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1; }

@media (min-width: 1025px) {
  .footer__order1Lg0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0; } }

.footer__order2Lg0 {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2; }

@media (min-width: 1025px) {
  .footer__order2Lg0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0; } }

@media (min-width: 1025px) {
  .footer__copyRight {
    border-top: #c6c6c6 1px solid; } }

.footer__button {
  /*LKPD*/
  padding-bottom: 36px;
  border-bottom: #c6c6c6 1px solid;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

@media (min-width: 769px) {
  .footer__button {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; } }

.footer__button__a {
  width: 111px;
  height: 32px; }

.footer__button__a:not(:last-child) {
  margin-bottom: 8px; }

@media (min-width: 769px) {
  .footer__button__a:not(:last-child) {
    margin-bottom: 0;
    margin-right: 16px; } }

.footer__button__a__google {
  background-image: url(../images/android-b.png);
  background-repeat: no-repeat;
  background-size: 100%; }

.footer__button__a__apple {
  background-image: url(../images/apple-b.png);
  background-repeat: no-repeat;
  background-size: 100%; }

.footer__button__a__apk {
  background-image: url(../images/apk-b.png);
  background-repeat: no-repeat;
  background-size: 100%; }

.footer__buttonRWD {
  padding-bottom: 15px;
  border-bottom: #c6c6c6 1px solid;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

@media (min-width: 1025px) {
  .footer__buttonRWD {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    padding: 0;
    border: 0; } }

.footer__buttonRWD .footer__buttonRWD__a:not(:last-child) {
  margin-right: 48px; }

.footer__buttonRWD__a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.footer__img {
  background-image: url(../images/img_logo_mistui_fudosan_color@3x.png);
  background-size: 100%;
  width: 96px;
  height: 24px;
  margin: 15px auto 8px auto; }

@media (min-width: 1025px) {
  .footer__img {
    margin: 20px 0; } }

.footer__copy {
  font-size: 10px;
  text-align: center;
  margin-bottom: 24px;
  padding-top: 18px;
  -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
          transform: scale(0.9);
  font-family: 'Poppins', sans-serif; }

@media (min-width: 1025px) {
  .footer__copy {
    padding-top: 0;
    margin: 20px 0;
    text-align: left;
    line-height: 16px;
    -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
            transform-origin: 0 0; } }

.footer__info {
  text-align: center; }

@media (min-width: 1025px) {
  .footer__info {
    text-align: left; } }

.footer__icon {
  margin-top: 36px; }

.footer__icon > .snsMenu__link {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.footer__icon > .snsMenu__link > a {
  /*icon可以改*/ }

.footer__icon > .snsMenu__link > a:not(:last-child) {
  margin-right: 24px; }

.footer__icon > .snsMenu__link > a > .snsMenu__link__icon {
  width: 24px;
  height: 24px; }

@media (min-width: 1025px) {
  .footer__icon {
    margin-top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%; }
  .footer__icon > .snsMenu__link {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start; }
  .footer__icon > .snsMenu__link > a:not(:last-child) {
    margin-right: 36px; } }

/*------------------Choose Store-----------------*/
.footer__chooseStore {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 238px;
  margin: 0 auto 36px; }

@media (min-width: 1025px) {
  .footer__chooseStore {
    width: 100%;
    height: 100%;
    margin-bottom: 0; } }

.chooseStore {
  position: relative;
  cursor: pointer;
  height: 36px !important;
  width: 100% !important;
  border-radius: 18px;
  background: #F5E8D9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 8px 16px; }

.chooseStore::after {
  content: '';
  width: 20px;
  height: 20px;
  background-image: url(../images/up_black-02@3x.png);
  background-repeat: no-repeat;
  background-size: 100%; }

.chooseStore__name {
  width: 100%;
  color: #262626;
  font-size: 14px;
  line-height: normal;
  padding-right: 8px;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  text-align: left; }

.branchStore {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  background: rgba(0, 0, 0, 0.8);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s; }

.branchStore__box {
  cursor: auto;
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
  padding: 30px;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-color: #fff;
  text-align: left;
  border-radius: 20px;
  border: 1px #F5E8D9 solid;
  white-space: nowrap;
  font-family: 'Poppins', sans-serif;
  width: calc(100% - 50px);
  max-height: calc(100% - 72px);
  max-width: 968px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

@media (min-width: 1025px) {
  .branchStore__box {
    padding: 48px;
    width: calc(100% - 72px); } }

.branchStore__group {
  overflow: auto;
  height: auto;
  overflow: -moz-scrollbars-none;
  -ms-overflow-style: none; }

.branchStore__group::-webkit-scrollbar {
  display: none; }

@media (min-width: 1025px) {
  .branchStore__group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; } }

.branchStore__title {
  margin-bottom: 28px;
  font-size: 24px;
  color: #262626;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

@media (min-width: 1025px) {
  .branchStore__title {
    margin-bottom: 32px; } }

.branchStore__name a {
  color: #444;
  white-space: normal;
  line-height: 20px; }

@media (min-width: 1025px) {
  .branchStore__name a {
    line-height: 24px; } }

.branchStore__name a:hover {
  color: #0068B7; }

.branchStore__name:not(:last-child) {
  margin-bottom: 20px; }

@media (min-width: 1025px) {
  .branchStore__name:not(:last-child) {
    margin-bottom: 24px; } }

.branchStore__close {
  width: 36px;
  height: 32px;
  background: url(../images/store_close.png) center no-repeat;
  background-size: 28px;
  display: block;
  cursor: pointer; }

.branchStore--active {
  opacity: 1;
  visibility: visible;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s; }

.mitsui__logo {
  width: 224.8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.mitsui__store {
  margin-bottom: 30px; }

.mitsui .branchStore__name a:hover {
  color: #F39100; }

.lala__logo {
  width: 164.8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.mitsui,
.lala {
  width: 100%; }

@media (min-width: 1025px) {
  .mitsui,
  .lala {
    width: calc(50% - 36px); } }

.mitsui__store,
.lala__store {
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px solid #C6C6C6; }

@media (min-width: 1025px) {
  .mitsui__store,
  .lala__store {
    padding-top: 24px;
    margin-top: 24px; } }

.header__chooseStore {
  margin-left: 24px;
  width: 120px; }

@media (min-width: 1440px) {
  .header__chooseStore {
    margin-left: 0px; } }

.header__chooseStore .chooseStore {
  padding: 4px 8px;
  padding-right: 28px;
  position: relative; }

.header__chooseStore .chooseStore__name {
  padding-right: 0;
  text-align: center; }

.header__chooseStore .chooseStore::after {
  width: 14px;
  height: 14px;
  background-image: url(../images/store_right.png);
  background-repeat: no-repeat;
  background-size: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: absolute;
  right: 14px; }

.header__navM__chooseStore {
  margin-top: 8px; }

.oval__big {
  width: 100%;
  z-index: -2;
  position: absolute;
  top: 24px;
  left: -172px; }

@media (min-width: 1025px) {
  .oval__big {
    top: -18px;
    left: -88px; } }

.oval__big__ring {
  width: 480px;
  height: 480px;
  background-color: #F5E8D9;
  border-radius: 50%; }

@media (min-width: 577px) {
  .oval__big__ring {
    height: 580px;
    width: 580px; } }

@media (min-width: 769px) {
  .oval__big__ring {
    width: 680px;
    height: 680px; } }

@media (min-width: 1025px) {
  .oval__big__ring {
    width: 550px;
    height: 550px; } }

@media (min-width: 1281px) {
  .oval__big__ring {
    width: 785px;
    height: 785px; } }

.oval__small {
  width: 100%;
  z-index: -1;
  position: absolute;
  top: 283px;
  left: -87px; }

@media (min-width: 577px) {
  .oval__small {
    top: 337px;
    left: -69px; } }

@media (min-width: 769px) {
  .oval__small {
    top: 391px;
    left: -51px; } }

@media (min-width: 1025px) {
  .oval__small {
    top: 334px;
    left: -88px; } }

@media (min-width: 1281px) {
  .oval__small {
    top: 484px; } }

.oval__small__ring {
  width: 149px;
  height: 149px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#E50012), to(#E50012));
  background-image: -o-linear-gradient(top, #E50012 0%, #E50012 100%);
  background-image: linear-gradient(180deg, #E50012 0%, #E50012 100%);
  border-radius: 50%; }

@media (min-width: 577px) {
  .oval__small__ring {
    width: 180px;
    height: 180px; } }

@media (min-width: 769px) {
  .oval__small__ring {
    width: 211px;
    height: 211px; } }

@media (min-width: 1025px) {
  .oval__small__ring {
    width: 198px;
    height: 198px; } }

@media (min-width: 1281px) {
  .oval__small__ring {
    width: 283px;
    height: 283px; } }

.index__title {
  font-family: futura-pt, sans-serif;
  font-size: 36px;
  color: #262626;
  letter-spacing: 2px;
  text-align: center;
  padding-bottom: 36px;
  font-weight: 500; }

@media (min-width: 577px) {
  .index__title {
    font-size: 50px;
    letter-spacing: 3px; } }

@media (min-width: 1281px) {
  .index__title {
    padding-bottom: 48px;
    letter-spacing: 4px;
    font-size: 72px; } }

.banner {
  padding-top: 16px;
  padding-bottom: 89px; }

@media (min-width: 577px) {
  .banner {
    padding-bottom: 100px; } }

@media (min-width: 769px) {
  .banner {
    padding-bottom: 80px; } }

@media (min-width: 1025px) {
  .banner {
    padding-top: 8px;
    padding-bottom: 12px; } }

@media (min-width: 1281px) {
  .banner {
    padding-top: 25px;
    padding-bottom: 48px; } }

.banner__img {
  margin-bottom: 24px; }

.banner__button {
  width: 72px;
  height: 72px;
  margin: 0 auto; }

@media (min-width: 1025px) {
  .banner__button {
    position: absolute;
    margin: 0px;
    bottom: 52px;
    background-size: 64px 64px;
    width: 64px;
    height: 64px; } }

@media (min-width: 1281px) {
  .banner__button {
    bottom: 64px;
    background-size: 100px 100px;
    width: 100px;
    height: 100px; } }

.banner__circle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

@media (min-width: 1025px) {
  .banner__circle {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; } }

.banner__circle,
#banner-pagination {
  width: 100%; }

#banner-pagination {
  position: relative; }

.banner-slide {
  border-radius: 20px;
  overflow: hidden;
  position: relative; }

.banner-slide::before {
  content: '';
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 8px 20px 0 rgba(38, 38, 38, 0.15);
          box-shadow: 0 8px 20px 0 rgba(38, 38, 38, 0.15);
  position: absolute;
  top: 0;
  left: 0; }

#banner-pagination {
  position: unset;
  margin: 0 auto;
  margin-bottom: 36px; }

@media (min-width: 1025px) {
  #banner-pagination {
    margin-bottom: 0; } }

.banner-slide > a > img {
  vertical-align: top;
  height: 191px;
  width: 100%; }

@media (min-width: 577px) {
  .banner-slide > a > img {
    height: auto;
    width: auto; } }

.swiper-pagination-bullet {
  width: 4px;
  height: 4px;
  background-color: #E50012; }

.swiper-pagination-bullet:not(:first-child) {
  margin-left: 4px; }

@media (min-width: 1025px) {
  .swiper-pagination-bullet {
    width: 6px;
    height: 6px; }
  .swiper-pagination-bullet:not(:first-child) {
    margin-left: 6px; } }

@media (min-width: 1281px) {
  .swiper-pagination-bullet {
    width: 8px;
    height: 8px; }
  .swiper-pagination-bullet:not(:first-child) {
    margin-left: 8px; } }

.event {
  padding-top: 80px;
  padding-bottom: 33px; }

@media (min-width: 1025px) {
  .event {
    padding-top: 120px;
    padding-bottom: 100px; } }

@media (min-width: 1281px) {
  .event {
    padding-top: 240px;
    padding-bottom: 173px; } }

.Lastest {
  padding-top: 80px;
  padding-bottom: 33px;
  padding-left: 0;
  padding-right: 0; }

.Lastest > .wrapper {
  padding: 0 8px; }

.Lastest .gridCard-l--lastest {
  width: 100%; }

.Lastest .lastestCard {
  width: 100%;
  height: auto;
  margin-bottom: 36px; }

.Lastest .lastestCard .row {
  margin: 0 -16px; }

.Lastest .lastestCard .row > div {
  padding: 0; }

.Lastest .lastestCard .swiper-slide {
  text-align: left;
  border-radius: 0;
  width: calc(100% - 32px); }

.Lastest .lastestCard #latest__container {
  padding-bottom: 56px; }

.Lastest .lastestCard #lastest-pagination {
  width: 100%; }

.Lastest .lastestCard .view {
  margin-top: 36px; }

.Lastest .lastestCard__slideChangeBox {
  display: none; }

@media (min-width: 577px) {
  .Lastest .lastestCard .swiper-slide {
    width: 40%; } }

@media (min-width: 769px) {
  .Lastest .lastestCard .swiper-slide {
    width: 33%; } }

@media (min-width: 1025px) {
  .Lastest {
    padding-bottom: 21px; }
  .Lastest > .wrapper,
  .Lastest .lastestCard {
    padding: 0 48px;
    margin: 0 auto; }
  .Lastest .lastestCard {
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .Lastest .lastestCard #lastest-pagination {
    display: none; }
  .Lastest .lastestCard #latest__container {
    overflow: initial;
    padding-bottom: 0;
    max-width: 1184px; }
  .Lastest .lastestCard__ctrlBox {
    position: relative; }
  .Lastest .lastestCard__slideChangeBox {
    position: absolute;
    right: calc(8.33333% + 8px);
    top: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .Lastest .lastestCard__slideChangeBox button {
    width: 24px;
    height: 24px;
    cursor: pointer;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s; }
  .Lastest .lastestCard__slideChangeBox button:hover {
    opacity: .6; }
  .Lastest .lastestCard__slidePrev {
    background: url(../images/icon_24_arrow_round_left@2x.png) no-repeat;
    background-size: 24px;
    margin-right: 20px; }
  .Lastest .lastestCard__slideNext {
    background: url(../images/icon_24_arrow_round_right@2x.png) no-repeat;
    background-size: 24px; } }

@media (min-width: 1281px) {
  .Lastest {
    padding-top: 170px;
    padding-bottom: 6px; }
  .Lastest .lastestCard .swiper-slide {
    width: 25%; }
  .Lastest .lastestCard #latest__container {
    max-width: 1616px; } }

.movie {
  width: 100%;
  height: 182px;
  margin: 0 auto;
  padding: 0; }

.movie .wrapper,
.movie .row {
  height: 100%; }

.movie .row {
  margin-left: 0;
  margin-right: 0; }

.movie .row > div {
  padding-left: 0;
  padding-right: 0; }

.movie iframe {
  height: 100%; }

@media (min-width: 577px) {
  .movie {
    height: 388px; }
  .movie .wrapper {
    max-width: 100%; } }

@media (min-width: 769px) {
  .movie {
    height: 518px; } }

@media (min-width: 1025px) {
  .movie .wrapper {
    max-width: 1184px;
    height: calc(100% - 54px); }
  .movie .row {
    margin-left: -8px;
    margin-right: -8px; }
  .movie .row > div {
    padding-left: 8px;
    padding-right: 8px; }
  .movie iframe {
    height: 90%; } }

@media (min-width: 1281px) {
  .movie .wrapper {
    max-width: 1616px;
    height: calc(100% - 64px); } }

.location {
  padding-top: 80px;
  padding-bottom: 33px; }

@media (min-width: 1025px) {
  .location {
    padding-top: 101px;
    padding-bottom: 102px; } }

@media (min-width: 1281px) {
  .location {
    padding-top: 231px;
    padding-bottom: 236px; } }

@media (min-width: 1025px) {
  .address {
    padding-top: 26px; } }

@media (min-width: 1281px) {
  .address {
    padding-top: 0; } }

.address__googlemap {
  width: 100%;
  height: 206px;
  border-radius: 20px;
  overflow: hidden;
  -webkit-box-shadow: 0 8px 20px 0 rgba(38, 38, 38, 0.2);
          box-shadow: 0 8px 20px 0 rgba(38, 38, 38, 0.2);
  background-color: #d8d8d8; }

@media (min-width: 577px) {
  .address__googlemap {
    height: 423px; } }

@media (min-width: 1025px) {
  .address__googlemap {
    height: 367px; } }

@media (min-width: 1281px) {
  .address__googlemap {
    height: 503px; } }

@media (min-width: 1025px) {
  .address__content {
    padding-left: 64px; } }

@media (min-width: 1281px) {
  .address__content {
    padding-left: 80px; } }

.address__title {
  font-family: futura-pt, sans-serif;
  font-size: 36px;
  font-weight: 600;
  text-align: center;
  letter-spacing: 2px;
  margin-top: 36px;
  margin-bottom: 4px;
  line-height: normal; }

@media (min-width: 577px) {
  .address__title {
    font-size: 42px;
    letter-spacing: 3px;
    white-space: nowrap; } }

@media (min-width: 1025px) {
  .address__title {
    margin-top: 0;
    text-align: left; } }

@media (min-width: 1281px) {
  .address__title {
    margin-bottom: 0;
    font-size: 52px;
    letter-spacing: 3px; } }

.address__info__title {
  line-height: normal;
  font-family: futura-pt, sans-serif;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  margin-bottom: 24px; }

@media (min-width: 577px) {
  .address__info__title {
    font-size: 25px; } }

@media (min-width: 1025px) {
  .address__info__title {
    font-size: 36px;
    text-align: left;
    margin-bottom: 33px; } }

.address__info__text {
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  line-height: 20px;
  text-align: center; }

@media (min-width: 1025px) {
  .address__info__text {
    font-size: 16px;
    line-height: 24px;
    text-align: left;
    height: 124px;
    overflow: hidden; } }

@media (min-width: 1025px) {
  .address__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    margin: 36px 0; } }

.address__button__map {
  margin-top: 36px;
  margin-bottom: 16px; }

@media (min-width: 1025px) {
  .address__button__map {
    margin: 0 16px 0 0; } }

.address__button__waze {
  margin-bottom: 36px; }

@media (min-width: 1025px) {
  .address__button__waze {
    margin: 0; } }

@media (min-width: 1025px) {
  #fullpage > section {
    padding-top: 0;
    padding-bottom: 0; } }

#mask {
  overflow: hidden;
  border-radius: 20px;
  position: relative;
  z-index: 99;
  width: 100%;
  height: 206px;
  border: 0; }

@media (min-width: 577px) {
  #mask {
    height: 423px; } }

@media (min-width: 1025px) {
  #mask {
    height: 367px; } }

@media (min-width: 1281px) {
  #mask {
    height: 503px; } }

#mask iframe {
  position: absolute;
  border-radius: 20px;
  top: 0;
  left: 0;
  z-index: 50; }

#banner-button-next {
  display: none; }

@media (min-width: 769px) {
  #banner-button-next {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 50px;
    height: 50px;
    top: 50%;
    right: 0;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s; }
  #banner-button-next::after {
    content: '';
    width: 100%;
    height: 100%;
    background-image: url(../images/icon_R.png);
    background-size: 50px 50px; } }

#banner-button-prev {
  display: none; }

@media (min-width: 769px) {
  #banner-button-prev {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    top: 50%;
    left: 0;
    width: 50px;
    height: 50px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s; }
  #banner-button-prev::after {
    content: '';
    width: 100%;
    height: 100%;
    background-image: url(../images/icon_L.png);
    background-size: 50px 50px; } }

@media (min-width: 577px) {
  .shop .pageContent-l {
    padding-top: 80px; } }

@media (min-width: 1025px) {
  .shop .pageContent-l {
    padding-top: 56px; } }

@media (min-width: 1281px) {
  .shop .pageContent-l {
    padding-top: 80px; } }

.shop__title {
  font-family: 'Poppins', sans-serif;
  font-size: 20px;
  line-height: normal;
  color: #262626;
  margin-bottom: 16px; }

@media (min-width: 1025px) {
  .shop__title {
    font-size: 22px;
    margin-bottom: 24px; } }

.shop__menu .DMenu,
.shop__menu .SMenu__details {
  margin-bottom: 16px; }

.shop__menu .shop__title {
  display: none; }

@media (min-width: 1025px) {
  .shop__menu .shop__title {
    display: block; } }

@media (min-width: 1025px) {
  .shop__menu {
    padding-left: 16px;
    padding-right: 16px;
    margin-right: 28px; }
  .shop__menu .DMenu {
    margin-bottom: 24px; }
  .shop__menu .SMenu__details {
    margin-bottom: 0; } }

@media (min-width: 1281px) {
  .shop__menu {
    padding-left: 24px;
    padding-right: 24px;
    margin-right: 48px; } }

.shop__noResult {
  font-size: 16px;
  color: #444; }

@media (min-width: 1025px) {
  .shop__noResult {
    text-align: left;
    padding-top: 0;
    font-size: 14px; } }

@media (min-width: 1281px) {
  .shop__noResult {
    font-size: 16px; } }

.shop__searchShopCount {
  margin-top: 8px;
  font-size: 14px;
  color: #444;
  display: none; }

@media (min-width: 1025px) {
  .shop__searchShopCount {
    display: block; } }

.shop__menuSticky {
  position: -webkit-sticky;
  position: sticky;
  top: 119px;
  background-color: #F5E8D9;
  z-index: 9997;
  -webkit-transition: top .5s;
  -o-transition: top .5s;
  transition: top .5s;
  padding-top: 16px;
  margin-top: -16px; }

.shop__menuSticky:before, .shop__menuSticky:after {
  content: '';
  width: 16px;
  height: 100%;
  position: absolute;
  top: 0px;
  background-color: #F5E8D9; }

.shop__menuSticky:before {
  left: -8px; }

.shop__menuSticky:after {
  right: -8px; }

@media (min-width: 577px) {
  .shop__menuSticky:before, .shop__menuSticky:after {
    width: 48px; }
  .shop__menuSticky:before {
    left: -40px; }
  .shop__menuSticky:after {
    right: -40px; } }

@media (min-width: 1025px) {
  .shop__menuSticky {
    position: relative;
    top: 0 !important;
    z-index: 0;
    padding-top: 0;
    margin-top: 0; }
  .shop__menuSticky:before, .shop__menuSticky:after {
    display: none; } }

.shop__az > div:last-child .DMenu__items__box:last-child {
  border-bottom: 0; }

.shop__keyword {
  word-break: break-all; }

.contact__form {
  padding-top: 48px;
  padding-bottom: 24px; }

.contact__privacy {
  margin-top: 24px;
  margin-bottom: 48px;
  font-size: 14px;
  line-height: 24px;
  color: #444; }

@media (min-width: 1025px) {
  .contact__privacy {
    font-size: 12px;
    line-height: 22px; } }

@media (min-width: 1281px) {
  .contact__privacy {
    font-size: 14px;
    line-height: 24px; } }

.contact__privacy > p > a {
  display: inline;
  color: #E50012;
  text-decoration: underline; }

@media (min-width: 1025px) {
  .contact__inputTitle {
    font-size: 12px; } }

@media (min-width: 1281px) {
  .contact__inputTitle {
    font-size: 12px; } }

@media (min-width: 1025px) {
  .contact__textareaTitle {
    font-size: 12px; } }

@media (min-width: 1281px) {
  .contact__textareaTitle {
    font-size: 12px; } }

.contact__captcha {
  width: 100%;
  position: relative; }

@media (min-width: 577px) {
  .contact__captcha {
    width: 408px; } }

.contact__captcha__picture {
  width: 54px;
  height: auto;
  position: absolute;
  top: 54%;
  right: 0;
  -webkit-transform: translateX(-16px);
      -ms-transform: translateX(-16px);
          transform: translateX(-16px); }

.contact__captcha__picture img {
  position: relative !important; }

@media (min-width: 577px) {
  .contact__button__row {
    margin-left: -48px;
    margin-right: -48px; } }

@media (min-width: 1025px) {
  .contact__button__row {
    margin-right: -148px;
    margin-left: -148px; } }

@media (min-width: 1281px) {
  .contact__button__row {
    margin-right: -234px;
    margin-left: -234px; } }

@media (min-width: 577px) {
  .brand__introduction {
    padding-right: 72px; } }

@media (min-width: 577px) {
  .brand__flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse; } }

.brand__logo {
  margin: 0 auto;
  width: 100%;
  border-radius: 20px;
  border: #ececec 1px solid;
  background-color: #fff;
  margin-bottom: 24px;
  overflow: hidden; }

@media (min-width: 577px) {
  .brand__logo {
    margin-bottom: 0; } }

.brand__logo__img {
  overflow: hidden;
  position: relative;
  padding-bottom: 75%;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.brand__logo__img > img {
  vertical-align: top;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: -webkit-transform .5s;
  transition: -webkit-transform .5s;
  -o-transition: transform .5s;
  transition: transform .5s;
  transition: transform .5s, -webkit-transform .5s; }

.brand__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.brand__info:not(:first-child) {
  margin-top: 10px; }

.brand__info__title {
  font-size: 12px;
  font-weight: 600;
  line-height: normal;
  color: #8f8f8f;
  width: 26px;
  margin-right: 16px; }

@media (min-width: 577px) {
  .brand__info__title {
    font-size: 14px;
    width: 30px;
    margin-right: 25px;
    color: #7a7a7a;
    font-weight: normal; } }

@media (min-width: 1025px) {
  .brand__info__title {
    font-size: 12px;
    width: 26px;
    margin-right: 14px; } }

@media (min-width: 1281px) {
  .brand__info__title {
    font-size: 14px;
    width: 30px;
    margin-right: 25px; } }

.brand__info__text {
  font-size: 14px;
  line-height: normal;
  color: #444; }

.brand__info__text > a {
  color: #444;
  text-decoration: underline; }

@media (min-width: 577px) {
  .brand__info__text {
    line-height: 22px; } }

@media (min-width: 1025px) {
  .brand__info__text {
    font-size: 16px;
    line-height: 20px; } }

@media (min-width: 1281px) {
  .brand__info__text {
    line-height: 22px; } }

.brand__article__img > img {
  width: 328px;
  height: 183px; }

@media (min-width: 577px) {
  .brand__article__img > img {
    width: 610px;
    height: 341px; } }

.grid-wrap {
  max-width: 100%;
  width: 100%; }

.grid {
  padding: 0;
  list-style: none; }

.grid li,
.grid figure {
  display: inline-block;
  text-align: left;
  vertical-align: top; }

.js .grid li,
.js .grid figure {
  display: none; }

.js .grid.loaded li,
.js .grid.loaded figure {
  display: block; }

.js .gridSection__list {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.5s, visibility 0.5s;
  -o-transition: opacity 0.5s, visibility 0.5s;
  transition: opacity 0.5s, visibility 0.5s; }

.js .gridSection .loadingBox.posA {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  right: 0; }

.js .gridSection.loaded .gridSection__list {
  opacity: 1;
  visibility: visible; }

.js .gridSection.loaded .loadingBox {
  display: none !important; }

.gridSection .loadingBox .loading {
  position: absolute; }

/* Anchor and image */
.grid li > a,
.grid li .gridCard-l__topPic,
.grid figure > a,
.grid figure .gridCard-l__topPic {
  display: block;
  outline: none;
  border: none; }

.grid li > a,
.grid figure > a {
  position: relative; }

/* Curtain element */
.grid .curtain {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
  background: #96cdc8; }

.grid.swipe-right .curtain {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0); }

.grid.swipe-down .curtain {
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0); }

.grid.swipe-rotate .curtain {
  width: 200%;
  height: 200%;
  -webkit-transform: rotate3d(0, 0, 1, 90deg);
  transform: rotate3d(0, 0, 1, 90deg);
  -webkit-transform-origin: top left;
  -ms-transform-origin: top left;
      transform-origin: top left; }

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

em {
  font-style: oblique; }

strong {
  font-weight: bold; }