@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@500&display=swap);@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@500&display=swap);@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@500&display=swap);@charset "UTF-8";
.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }
  @media (min-width: 769px) {
    .container {
      max-width: 720px; } }
  @media (min-width: 992px) {
    .container {
      max-width: 940px; } }
  @media (min-width: 1200px) {
    .container {
      max-width: 1140px; } }

.container-fluid, .container-md, .container-lg, .container-xl {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }

@media (min-width: 769px) {
  .container, .container-sm, .container-md {
    max-width: 720px; } }

@media (min-width: 992px) {
  .container, .container-sm, .container-md, .container-lg {
    max-width: 940px; } }

@media (min-width: 1200px) {
  .container, .container-sm, .container-md, .container-lg, .container-xl {
    max-width: 1140px; } }

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

.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-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .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-9, .col-md-10, .col-md-11, .col-md-12, .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-9, .col-lg-10, .col-lg-11, .col-lg-12, .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%;
  padding-right: 15px;
  padding-left: 15px; }

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

.row-cols-1 > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%; }

.row-cols-2 > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%; }

.row-cols-3 > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33.33333%;
          flex: 0 0 33.33333%;
  max-width: 33.33333%; }

.row-cols-4 > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  max-width: 25%; }

.row-cols-5 > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20%;
          flex: 0 0 20%;
  max-width: 20%; }

.row-cols-6 > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 16.66667%;
          flex: 0 0 16.66667%;
  max-width: 16.66667%; }

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

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

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

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

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

.col-5 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 41.66667%;
          flex: 0 0 41.66667%;
  max-width: 41.66667%; }

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

.col-7 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 58.33333%;
          flex: 0 0 58.33333%;
  max-width: 58.33333%; }

.col-8 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 66.66667%;
          flex: 0 0 66.66667%;
  max-width: 66.66667%; }

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

.col-10 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 83.33333%;
          flex: 0 0 83.33333%;
  max-width: 83.33333%; }

.col-11 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 91.66667%;
          flex: 0 0 91.66667%;
  max-width: 91.66667%; }

.col-12 {
  -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: 14;
      -ms-flex-order: 13;
          order: 13; }

.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; }

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

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

.order-7 {
  -webkit-box-ordinal-group: 8;
      -ms-flex-order: 7;
          order: 7; }

.order-8 {
  -webkit-box-ordinal-group: 9;
      -ms-flex-order: 8;
          order: 8; }

.order-9 {
  -webkit-box-ordinal-group: 10;
      -ms-flex-order: 9;
          order: 9; }

.order-10 {
  -webkit-box-ordinal-group: 11;
      -ms-flex-order: 10;
          order: 10; }

.order-11 {
  -webkit-box-ordinal-group: 12;
      -ms-flex-order: 11;
          order: 11; }

.order-12 {
  -webkit-box-ordinal-group: 13;
      -ms-flex-order: 12;
          order: 12; }

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

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

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

.offset-4 {
  margin-left: 33.33333%; }

.offset-5 {
  margin-left: 41.66667%; }

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

.offset-7 {
  margin-left: 58.33333%; }

.offset-8 {
  margin-left: 66.66667%; }

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

.offset-10 {
  margin-left: 83.33333%; }

.offset-11 {
  margin-left: 91.66667%; }

@media (min-width: 544px) {
  .col-sm {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%; }
  .row-cols-sm-1 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%; }
  .row-cols-sm-2 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%; }
  .row-cols-sm-3 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .row-cols-sm-4 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%; }
  .row-cols-sm-5 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
    max-width: 20%; }
  .row-cols-sm-6 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-sm-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    max-width: 100%; }
  .col-sm-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
            flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-sm-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-sm-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%; }
  .col-sm-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-sm-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
            flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-sm-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%; }
  .col-sm-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
            flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-sm-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
            flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-sm-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%; }
  .col-sm-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
            flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-sm-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
            flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-sm-12 {
    -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: 14;
        -ms-flex-order: 13;
            order: 13; }
  .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; }
  .order-sm-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9; }
  .order-sm-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10; }
  .order-sm-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11; }
  .order-sm-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12; }
  .offset-sm-0 {
    margin-left: 0; }
  .offset-sm-1 {
    margin-left: 8.33333%; }
  .offset-sm-2 {
    margin-left: 16.66667%; }
  .offset-sm-3 {
    margin-left: 25%; }
  .offset-sm-4 {
    margin-left: 33.33333%; }
  .offset-sm-5 {
    margin-left: 41.66667%; }
  .offset-sm-6 {
    margin-left: 50%; }
  .offset-sm-7 {
    margin-left: 58.33333%; }
  .offset-sm-8 {
    margin-left: 66.66667%; }
  .offset-sm-9 {
    margin-left: 75%; }
  .offset-sm-10 {
    margin-left: 83.33333%; }
  .offset-sm-11 {
    margin-left: 91.66667%; } }

@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%; }
  .row-cols-md-1 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%; }
  .row-cols-md-2 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%; }
  .row-cols-md-3 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .row-cols-md-4 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%; }
  .row-cols-md-5 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
    max-width: 20%; }
  .row-cols-md-6 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-md-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    max-width: 100%; }
  .col-md-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
            flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-md-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-md-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%; }
  .col-md-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-md-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
            flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-md-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%; }
  .col-md-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
            flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-md-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
            flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-md-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%; }
  .col-md-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
            flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-md-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
            flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-md-12 {
    -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: 14;
        -ms-flex-order: 13;
            order: 13; }
  .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; }
  .order-md-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9; }
  .order-md-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10; }
  .order-md-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11; }
  .order-md-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12; }
  .offset-md-0 {
    margin-left: 0; }
  .offset-md-1 {
    margin-left: 8.33333%; }
  .offset-md-2 {
    margin-left: 16.66667%; }
  .offset-md-3 {
    margin-left: 25%; }
  .offset-md-4 {
    margin-left: 33.33333%; }
  .offset-md-5 {
    margin-left: 41.66667%; }
  .offset-md-6 {
    margin-left: 50%; }
  .offset-md-7 {
    margin-left: 58.33333%; }
  .offset-md-8 {
    margin-left: 66.66667%; }
  .offset-md-9 {
    margin-left: 75%; }
  .offset-md-10 {
    margin-left: 83.33333%; }
  .offset-md-11 {
    margin-left: 91.66667%; } }

@media (min-width: 992px) {
  .col-lg {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%; }
  .row-cols-lg-1 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%; }
  .row-cols-lg-2 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%; }
  .row-cols-lg-3 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .row-cols-lg-4 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%; }
  .row-cols-lg-5 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
    max-width: 20%; }
  .row-cols-lg-6 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-lg-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    max-width: 100%; }
  .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: 1200px) {
  .col-xl {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%; }
  .row-cols-xl-1 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%; }
  .row-cols-xl-2 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%; }
  .row-cols-xl-3 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .row-cols-xl-4 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%; }
  .row-cols-xl-5 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
    max-width: 20%; }
  .row-cols-xl-6 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-xl-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    max-width: 100%; }
  .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%; } }

@media (max-width: 768.98px) {
  .container {
    padding-right: 20px;
    padding-left: 20px; }
  .row {
    margin-right: -10px;
    margin-left: -10px; }
  .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-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .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-9, .col-md-10, .col-md-11, .col-md-12, .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-9, .col-lg-10, .col-lg-11, .col-lg-12, .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 {
    padding-right: 10px;
    padding-left: 10px; } }

.rounded-sm {
  border-radius: 10px !important; }

.rounded {
  border-radius: 10px !important; }

.rounded-top {
  border-top-left-radius: 10px !important;
  border-top-right-radius: 10px !important; }

.rounded-right {
  border-top-right-radius: 10px !important;
  border-bottom-right-radius: 10px !important; }

.rounded-bottom {
  border-bottom-right-radius: 10px !important;
  border-bottom-left-radius: 10px !important; }

.rounded-left {
  border-top-left-radius: 10px !important;
  border-bottom-left-radius: 10px !important; }

.rounded-lg {
  border-radius: 10px !important; }

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

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

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

.card {
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
  width: 100%;
  background-color: #f9f9f9; }

.card-body,
.card-header {
  background-color: #fff; }

.btn-primary {
  color: #fff !important;
  background-color: #000;
  border-color: #000;
  display: block;
  width: 100%; }
  .btn-primary:hover {
    color: #fff;
    background-color: #2b2b2b;
    border-color: #3c3c3c; }
  .btn-primary:focus {
    color: #fff;
    background-color: #2b2b2b;
    border-color: #2b2b2b;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(38, 175, 229, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(38, 175, 229, 0.5); }

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #2b2b2b;
  border-color: #2b2b2b; }

.description-and-detail h2 {
  font-size: 1.4rem !important; }

.refinements .card-header h2 {
  font-weight: bold !important; }

.product-number {
  color: #797979; }

.fa-star,
.fa-star-half-o {
  display: none; }

.custom-select {
  font-size: inherit; }

.product-badge span.product-icon-text {
  font-size: 0.8em;
  background: #2b2b2b; }

/* etching */
.product-detail .product-option .etchingOptionOuter .etching-switch {
  text-align: center;
  margin: 0; }

.product-detail-info .product-option .etchingOptionOuter {
  background: #f8f8f8; }

.product-detail-info .product-option .etchingOptionContainer {
  padding: 0 1rem; }

.product-detail-info .product-option .custom-control-input + .etching-switch-label:last-of-type,
.product-detail-info .product-option .etching-message {
  margin-bottom: 1rem; }

.product-detail-info .product-option .custom-control-input + .etching-switch-label {
  font-size: inherit !important; }

.product-detail-info .product-option .options-radio .description {
  margin-top: 0; }

.product-detail-info .product-option .etching-choosestyle,
.product-detail-info .product-option .etching-message label {
  font-size: inherit; }

.product-detail-info .product-option .etching-message .options-input .options-inputTitle {
  margin-right: 1rem; }

.product-detail-info .product-option .etching-message .options-input .etchingmessage-box {
  height: calc(1.5em + 0.75rem + 2px); }

.product-detail-info .product-option .etching-message:not(:last-of-type) {
  margin-bottom: 0; }

.product-detail-info .product-option .etching-message .etching-message-text {
  font-size: inherit;
  border-bottom: 1px solid #ccc;
  margin-bottom: 1rem;
  padding: 0.5rem 0; }

.product-detail-info .product-option .etching-message .options input[type='radio'] {
  vertical-align: middle;
  margin: 0 0.1rem 0.2rem 0; }

.product-detail-info .product-option .etching-message label {
  margin: 0.8rem 0;
  font-size: 0.875rem; }

.product-detail-info .product-option .etching-message span.description {
  border: none;
  background: none;
  padding: 0; }

.product-detail-info .product-option .etching-choosestyle {
  margin: 0.8rem 0;
  font-size: 0.875rem; }

.product-detail-info .product-option .etching-message span,
.product-detail-info .product-option .options-radio .etching-choosestyle span {
  color: initial;
  border-bottom: 1px solid #212529; }

.product-detail-info .product-option .etching-switch ~ .custom-control-input + .etching-switch-label {
  background-color: #ededed;
  border: 1px solid #ccc;
  font-size: 1rem; }
  .product-detail-info .product-option .etching-switch ~ .custom-control-input + .etching-switch-label:before {
    border: 1px solid #ccc;
    background: #fff;
    content: '';
    display: block;
    position: absolute;
    top: 12px;
    left: 8px;
    width: 16px;
    height: 16px;
    border-radius: 50%; }

.product-detail-info .product-option .etching-switch ~ .custom-control-input:checked + .etching-switch-label:after {
  background: #000;
  content: '';
  display: block;
  position: absolute;
  top: 16px;
  left: 12px;
  width: 8px;
  height: 8px;
  border-radius: 50%; }

.product-detail-info .product-option .etching-select {
  background-color: #ededed; }
  .product-detail-info .product-option .etching-select .custom-control-input:checked ~ .etching-select-label:after {
    content: '\2714';
    float: right;
    color: initial;
    position: absolute;
    top: 5%;
    left: 90%;
    font-size: 1.5rem; }
  @media (min-width: 992px) {
    .product-detail-info .product-option .etching-select {
      margin: 0.2rem auto; } }
  .product-detail-info .product-option .etching-select span {
    left: 10px; }
  .product-detail-info .product-option .etching-select img {
    padding: 20px 5px 0; }

.product-detail-info .product-option .etching-select-label {
  opacity: 0.7;
  border: 1px solid #ccc; }

.product-detail-info .initialEtchingSelection-container .selectArea .initialSelectBox,
.product-detail-info .product-option .etching-message .options-input {
  margin-left: 0; }

.etching-message .options label.col-12 {
  margin: 0 0 0.5rem;
  font-weight: 400;
  padding: 0;
  margin: 0.2rem 0 !important; }

/* gift */
.product-detail .product-option .giftOptionOuter .gift-switch {
  text-align: center;
  margin: 0; }

.product-detail-info .product-option .giftOptionOuter {
  background: #f8f8f8;
  margin-bottom: 0; }

.product-detail-info .product-option .etchingOptionContainer,
.product-detail-info .product-option .giftOptionContainer {
  padding: 0 1rem; }

.product-detail-info .product-option .giftOptionContainer .col-12 {
  padding: 0; }

.product-detail-info .product-option[data-option-id='gift'] .pdp-button-option, .product-detail-info .product-option[data-option-id='giftPair'] .pdp-button-option {
  border-radius: unset;
  background-color: #f8f8f8;
  border: none;
  color: inherit;
  padding: 0;
  margin: 0;
  margin-right: 0.5rem; }

@media (max-width: 768.98px) {
  .product-detail-info .product-option[data-option-id='gift'] .pdp-button-option, .product-detail-info .product-option[data-option-id='giftPair'] .pdp-button-option {
    font-size: 0.875rem; } }

.product-detail-info .product-option[data-option-id='gift'] .options-select, .product-detail-info .product-option[data-option-id='giftPair'] .options-select {
  border-radius: unset;
  background-color: #fff;
  border-color: #ccc;
  color: inherit;
  margin-top: 0.5rem;
  margin-bottom: 1.5rem; }

.product-detail-info .product-option[data-option-id='giftPair'] .options-select {
  font-size: inherit; }

.options-select {
  font-size: inherit; }

@media (max-width: 768.98px) {
  .btn,
  .card-header,
  .card {
    border-radius: 0;
    display: block;
    overflow: hidden; } }

.slick-carousel h2,
.slick-slide h2 {
  /* IPAD DISPLAY VERTICAL */ }
  @media (max-width: 768.98px) {
    .slick-carousel h2,
    .slick-slide h2 {
      font-size: 1.7rem;
      color: #fff; } }
  @media (min-width: 769px) {
    .slick-carousel h2,
    .slick-slide h2 {
      color: #fff; } }

.mainbanner-with-text-position-container .mainbanner-sub-text a.btn {
  /* IPAD DISPLAY VERTICAL */ }
  @media (max-width: 768.98px) {
    .mainbanner-with-text-position-container .mainbanner-sub-text a.btn {
      padding: 0 auto;
      margin: 0 2em; } }
  @media (min-width: 769px) {
    .mainbanner-with-text-position-container .mainbanner-sub-text a.btn {
      padding: 0.375rem 0.75rem;
      width: 200px;
      font-size: inherit; } }

.mainbanner-with-text-position-container .image-heading-container {
  /* IPAD DISPLAY VERTICAL */
  /* IPAD DISPLAY HORIZONTAL */
  /* LAPTOP　DISPLAY */
  /* LARGE SCREENS DISPLAY */ }
  @media (min-width: 769px) {
    .mainbanner-with-text-position-container .image-heading-container {
      width: 50% !important;
      display: block;
      text-align: center; } }
  @media (min-width: 1024px) {
    .mainbanner-with-text-position-container .image-heading-container {
      width: 50% !important;
      display: block;
      text-align: center; } }
  @media (min-width: 1280px) {
    .mainbanner-with-text-position-container .image-heading-container {
      width: 50% !important;
      display: block;
      text-align: center;
      margin: 0 0 0 12em !important; } }
  @media (max-width: 1281px) {
    .mainbanner-with-text-position-container .image-heading-container {
      width: 50% !important;
      display: block;
      text-align: center;
      margin: 0 0 0 1em !important; } }

.btn-primary:disabled {
  background-color: #999;
  border-color: #999; }

.btn-primary:focus {
  -webkit-box-shadow: 0 0 0 0.2rem #999;
          box-shadow: 0 0 0 0.2rem #999; }

.edit-button {
  color: #000; }

input[type='checkbox']:checked ~ .custom-control-label::before,
input[type='checkbox']:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #999; }

input[type='checkbox']:focus ~ .custom-control-label::before {
  -webkit-box-shadow: 0 0 0 0.2rem #999;
          box-shadow: 0 0 0 0.2rem #999; }

.dropdown-item.active, .dropdown-item:active {
  background-color: #fff; }

/* MENU hidden */
@media (max-width: 768.98px) {
  .navbar-toggler .sp-hidden {
    display: none; } }

/* Wishlist Icon SP */
.recommendations .product-tile .image-container .wishlistTile span.fa-stack {
  position: absolute;
  bottom: 1rem;
  left: 1rem;
  top: auto;
  right: auto; }

.wishlistTile span.fa-stack {
  position: absolute;
  bottom: 1rem;
  left: 1rem;
  top: auto;
  right: auto; }

/* Wishlist Add To Cart Button */
.add-to-cart-wishList .add-to-cart {
  margin-right: auto; }

.slick-prev,
.slick-next {
  display: none !important; }

.slant-down::after {
  display: none; }

.product-tile .tile-body .ratings {
  display: none; }

.product-tile .swatch-circle {
  display: none; }

.result-count {
  font-size: 0.875rem;
  display: none; }

.data-checkout-stage:not([data-checkout-stage='placeOrder']) .confirmation-message,
.data-checkout-stage:not([data-checkout-stage='placeOrder']) .privacy-policy-terms,
.data-checkout-stage:not([data-checkout-stage='placeOrder']) .txt_terms {
  display: none; }

/* マイアカウント＞お気に入りリスト＞リストのシェア部分削除 */
.wishlist-account-card .card .card-footer {
  display: none; }

.wishlist-account-card .account-wishlist-item {
  background: none; }

:root {
  --el-color-primary: #E33C0B;
  --el-color-red: #C60000;
  --el-color-yellow: #EFCF2C;
  --el-color-green: #26C384;
  --el-color-green2: #2D8D22;
  --el-color-bluegreen: #26858C;
  --el-line-grey: #DEDEDE;
  --el-line-grey2: #707070;
  --el-line-grey3: #e6e6e6;
  --el-text: #2B2B2B;
  --el-button: #2c2c2c;
  --el-color-bg: #FFECE0;
  --el-color-bg2: #F8F7EF;
  --el-color-bg3: #F9F9F9;
  --el-color-bg4: #FFFFE7;
  --el-color-normal: #8BBC92;
  --el-color-silver: #A6BBC6;
  --el-color-gold: #D9B106;
  --el-color-platina: #9D7C8B;
  --el-color-diamond: #8EBED6; }

.item-attributes {
  vertical-align: top;
  padding-left: 0; }

.line-item-attributes,
.line-item-option {
  font-size: 0.813rem;
  margin: 0; }

.line-item-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: #222;
  font-size: 1em;
  font-weight: bold;
  margin-bottom: 0.313em; }

.line-item-pricing-info {
  margin-bottom: 0; }
  .line-item-pricing-info + .price {
    font-size: 1em;
    font-weight: 400; }

.line-item-price-quantity-info {
  margin-top: 0.625em;
  border-top: 1px solid #dedede; }

.line-item-total-text {
  font-size: 0.813em; }

.pricing {
  font-size: 1em;
  font-weight: bolder; }

.item-image {
  height: 5.625em;
  width: 5.625em;
  margin-right: 0.938em;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0; }
  .item-image img.product-image {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    height: auto;
    max-height: 5.625em; }

.non-adjusted-price {
  display: none; }

.line-item-promo {
  color: #008827;
  font-size: 0.813em; }

.line-item-header {
  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; }

.bundled-line-item + .bundled-line-item {
  margin-top: 0.625em; }

.bundle-includes {
  font-size: 0.813em;
  margin-bottom: 0.625em; }

.line-item-divider {
  margin: 0.625em -1.225em 0.625em -1.325em; }

.line-dotted {
  border-top: 0.063em dashed #ccc; }

.line-item-availability {
  font-size: 0.813rem; }

.product-line-item-details {
  overflow-y: auto; }

/*** Web Font ***/
@font-face {
  font-family: number;
  src: local("frutiger");
  unicode-range: U+0030-0039; }

.minicart {
  position: relative; }
  .minicart h1 {
    font-size: 1rem; }
  .minicart .cart {
    padding-top: 0.625em;
    padding-bottom: 0.625em;
    background-color: #f9f9f9;
    font-family: 'Noto Sans JP', sans-serif !important; }
  .minicart .remove-btn {
    color: #909090;
    float: right;
    background-color: white;
    border: none;
    font-size: 1.625em;
    margin-top: -0.313em;
    padding: 0; }
  .minicart .product-summary {
    margin-right: -0.938em;
    max-height: 21.875em;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 0.938em; }
  .minicart .card-body {
    padding: 0.625em;
    border-color: #dedede; }
  .minicart .quantity-label {
    font-size: 0.813em; }
  .minicart .quantity {
    width: 100%; }
  .minicart .popover {
    top: 100%;
    left: auto;
    right: 0;
    min-width: 23.44rem;
    max-width: 23.44rem;
    min-height: 22.7rem;
    display: none; }
    .minicart .popover::before {
      left: auto;
      right: 15px; }
    .minicart .popover::after {
      left: auto;
      right: 16px; }
    .minicart .popover.show {
      display: block; }
  .minicart .minicart-footer {
    border-top: 1px solid #dedede; }
  .minicart .estimated-total {
    margin-top: 0.625em;
    font-weight: 700; }
    .minicart .estimated-total p {
      margin-bottom: 0; }
  .minicart .sub-total-label {
    font-size: 1em;
    font-weight: 700; }
  .minicart .sub-total {
    font-size: 1em;
    font-weight: 700; }
  .minicart .line-item-divider {
    margin: 0.625em -0.625em 0.625em -1.325em; }
  .minicart .line-item-name {
    width: 90%; }

@media (min-width: 544px) and (max-width: 768.98px) {
  .hide-link-med {
    display: none; } }

@media (min-width: 769px) {
  .hide-no-link {
    display: none; } }

@media (max-width: 543.98px) {
  .hide-no-link {
    display: none; } }

.swatch-circle-beige {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #f5f5dc;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-beige.disabled {
    opacity: 0.2; }

.swatch-filter-beige {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #f5f5dc;
  border-radius: 0.69em;
  background-color: #f5f5dc;
  display: block;
  position: relative; }
  .swatch-filter-beige.disabled {
    opacity: 0.2; }

.swatch-circle-black {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #000;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-black.disabled {
    opacity: 0.2; }

.swatch-filter-black {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #000;
  border-radius: 0.69em;
  background-color: #000;
  display: block;
  position: relative; }
  .swatch-filter-black.disabled {
    opacity: 0.2; }

.swatch-circle-blue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #0070d2;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-blue.disabled {
    opacity: 0.2; }

.swatch-filter-blue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #0070d2;
  border-radius: 0.69em;
  background-color: #0070d2;
  display: block;
  position: relative; }
  .swatch-filter-blue.disabled {
    opacity: 0.2; }

.swatch-circle-brown {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #a52a2a;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-brown.disabled {
    opacity: 0.2; }

.swatch-filter-brown {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #a52a2a;
  border-radius: 0.69em;
  background-color: #a52a2a;
  display: block;
  position: relative; }
  .swatch-filter-brown.disabled {
    opacity: 0.2; }

.swatch-circle-green {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #008827;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-green.disabled {
    opacity: 0.2; }

.swatch-filter-green {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #008827;
  border-radius: 0.69em;
  background-color: #008827;
  display: block;
  position: relative; }
  .swatch-filter-green.disabled {
    opacity: 0.2; }

.swatch-circle-grey {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #8f979d;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-grey.disabled {
    opacity: 0.2; }

.swatch-filter-grey {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #8f979d;
  border-radius: 0.69em;
  background-color: #8f979d;
  display: block;
  position: relative; }
  .swatch-filter-grey.disabled {
    opacity: 0.2; }

.swatch-circle-navy {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #000080;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-navy.disabled {
    opacity: 0.2; }

.swatch-filter-navy {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #000080;
  border-radius: 0.69em;
  background-color: #000080;
  display: block;
  position: relative; }
  .swatch-filter-navy.disabled {
    opacity: 0.2; }

.swatch-circle-orange {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #ffa500;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-orange.disabled {
    opacity: 0.2; }

.swatch-filter-orange {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #ffa500;
  border-radius: 0.69em;
  background-color: #ffa500;
  display: block;
  position: relative; }
  .swatch-filter-orange.disabled {
    opacity: 0.2; }

.swatch-circle-pink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #fe249a;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-pink.disabled {
    opacity: 0.2; }

.swatch-filter-pink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #fe249a;
  border-radius: 0.69em;
  background-color: #fe249a;
  display: block;
  position: relative; }
  .swatch-filter-pink.disabled {
    opacity: 0.2; }

.swatch-circle-purple {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #800080;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-purple.disabled {
    opacity: 0.2; }

.swatch-filter-purple {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #800080;
  border-radius: 0.69em;
  background-color: #800080;
  display: block;
  position: relative; }
  .swatch-filter-purple.disabled {
    opacity: 0.2; }

.swatch-circle-red {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #f00;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-red.disabled {
    opacity: 0.2; }

.swatch-filter-red {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #f00;
  border-radius: 0.69em;
  background-color: #f00;
  display: block;
  position: relative; }
  .swatch-filter-red.disabled {
    opacity: 0.2; }

.swatch-circle-white {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #fff;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-white.disabled {
    opacity: 0.2; }

.swatch-filter-white {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #fff;
  border-radius: 0.69em;
  background-color: #fff;
  display: block;
  position: relative; }
  .swatch-filter-white.disabled {
    opacity: 0.2; }

.swatch-circle-yellow {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #ff0;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-yellow.disabled {
    opacity: 0.2; }

.swatch-filter-yellow {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #ff0;
  border-radius: 0.69em;
  background-color: #ff0;
  display: block;
  position: relative; }
  .swatch-filter-yellow.disabled {
    opacity: 0.2; }

.swatch-circle-miscellaneous {
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #821e91), color-stop(25%, #821e91), color-stop(25%, #edd134), color-stop(50%, yellow), color-stop(50%, #edd134), color-stop(50%, #59ba00), color-stop(76%, #59ba00), color-stop(76%, #111), to(#111)), -webkit-gradient(linear, left bottom, left top, color-stop(0, #0e5cd1), color-stop(50%, #0e5cd1), color-stop(50%, #e20b0b), to(#e20b0b));
  background: linear-gradient(0deg, #821e91 0, #821e91 25%, #edd134 25%, yellow 50%, #edd134 50%, #59ba00 50%, #59ba00 76%, #111 76%, #111 100%), linear-gradient(0deg, #0e5cd1 0, #0e5cd1 50%, #e20b0b 50%, #e20b0b 100%);
  background-repeat: repeat-y, repeat;
  background-size: 50% 100%, 100% 100%;
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  border-radius: 1.25em;
  display: block;
  height: 2.5em;
  position: relative;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  width: 2.5em; }
  .swatch-circle-miscellaneous.disabled {
    opacity: 0.2; }
  .swatch-circle-miscellaneous.selected::after {
    -webkit-transform: rotate(-35deg);
            transform: rotate(-35deg); }

.category-tile {
  position: relative; }
  .category-tile h1,
  .category-tile h2 {
    font-size: 1.75rem;
    position: absolute;
    bottom: 1.875rem;
    left: 1.875rem;
    color: #fff; }
  .category-tile::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), to(rgba(0, 0, 0, 0.5)));
    background-image: linear-gradient(to bottom, transparent 60%, rgba(0, 0, 0, 0.5) 100%); }

.refinement-bar {
  overflow: auto; }
  .refinement-bar ul {
    padding-left: 0; }
  @media (max-width: 768.98px) {
    .refinement-bar {
      background-color: #fff;
      -webkit-box-shadow: 0 0.313em 0.938em rgba(0, 0, 0, 0.5);
              box-shadow: 0 0.313em 0.938em rgba(0, 0, 0, 0.5);
      display: none;
      left: 0;
      position: fixed;
      top: 0;
      width: 100%;
      z-index: 1; } }
  @media (max-width: 543.98px) {
    .refinement-bar {
      position: fixed;
      height: 100%; } }
  @media (min-width: 769px) {
    .refinement-bar {
      display: block !important; } }

.filter-header {
  margin-left: -15px;
  margin-right: -15px; }

.header-bar {
  background-color: #eee;
  border-bottom: 0.063em solid #eee; }
  .header-bar button.close {
    font-size: 1rem;
    font-weight: normal;
    opacity: 1; }
  .header-bar .fa.fa-close::before {
    font-size: 1.25em; }
  @media (min-width: 544px) and (max-width: 768.98px) {
    .header-bar {
      padding: 0.938em 2.813em; } }
  @media (max-width: 543.98px) {
    .header-bar {
      padding: 0.938em; } }

.refinements .header,
.refinements .values {
  padding: 0.313em 0; }
  @media (min-width: 544px) and (max-width: 768.98px) {
    .refinements .header li,
    .refinements .values li {
      display: inline-block; } }

.refinements .header {
  font-size: 1.125em;
  color: #444; }

.refinements ul {
  overflow: auto; }
  .refinements ul li {
    padding-left: 1px; }
    .refinements ul li button {
      border: none;
      color: #0070d2;
      background-color: transparent; }

.refinements li {
  list-style-type: none;
  padding-left: 0; }
  .refinements li.color-attribute {
    display: inline-block;
    padding-left: 0; }
    .refinements li.color-attribute button {
      padding: 0; }
  .refinements li.disabled {
    opacity: 0.5; }

.refinements a {
  text-decoration: none !important; }
  .refinements a:hover {
    text-decoration: underline !important; }

@media (max-width: 543.98px) {
  .refinements {
    padding: 0; } }

.refinements .card-header h2 {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  margin-bottom: 0; }

.secondary-bar {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 1em;
  overflow: auto; }
  @media (max-width: 768.98px) {
    .secondary-bar button.reset {
      float: right; } }
  @media (min-width: 544px) and (max-width: 768.98px) {
    .secondary-bar {
      padding: 0.938em 2.813em; } }
  @media (max-width: 543.98px) {
    .secondary-bar {
      padding: 0.938em; } }

.refinement-bar .reset {
  height: 40px !important; }

.refinement-header {
  overflow: auto; }

.disabled {
  pointer-events: none; }

.grid-header,
.content-grid-header {
  margin-top: 1em;
  margin-bottom: 1em; }
  .grid-header .custom-select,
  .grid-header .filter-results,
  .content-grid-header .custom-select,
  .content-grid-header .filter-results {
    height: 40px; }
  @media (max-width: 543.98px) {
    .grid-header .result-count,
    .content-grid-header .result-count {
      padding-bottom: 0.938em; }
    .grid-header .filter-results,
    .content-grid-header .filter-results {
      display: block;
      width: 100%; } }
  @media (max-width: 991.98px) {
    .grid-header,
    .content-grid-header {
      margin-right: -20px;
      margin-left: -20px; } }
  .grid-header select,
  .content-grid-header select {
    width: 100%; }

.result-count {
  font-size: 0.875rem; }

.refinement {
  margin-bottom: 1em; }
  @media (max-width: 768.98px) {
    .refinement.card {
      border-top: 0 none;
      border-left: 0 none;
      border-right: 0 none;
      border-radius: 0;
      margin-bottom: 0; }
    .refinement .card-header {
      border-bottom: 0 none;
      padding: 0.25rem 1rem; }
    .refinement .card-body {
      padding: 0 1rem; } }
  .refinement a {
    text-decoration: none; }
  .refinement.refinement-category li {
    margin-left: 0.938em;
    display: block; }
  .refinement.refinement-category > ul > li {
    margin-left: 0; }

.search-banner {
  background-image: url("../images/search.jpg");
  background-position-y: 40%; }

.search-keywords {
  font-weight: bold; }

.filter-bar ul {
  padding-left: 15px; }

.filter-bar li {
  list-style: none;
  float: left;
  margin-left: 0.3125em;
  margin-right: 0.3125em; }
  .filter-bar li:first-child {
    margin-left: 0; }
  .filter-bar li.filter-value {
    border: 1px solid #ccc;
    padding: 0.3125em;
    border-radius: 3px;
    position: relative; }
    .filter-bar li.filter-value button {
      color: black;
      border: none;
      padding: 0 2rem 0 0.5rem; }
      .filter-bar li.filter-value button::after {
        content: '\f00d';
        font: normal normal normal 14px/1 FontAwesome;
        /* stylelint-disable-line font-family-no-missing-generic-family-keyword */
        text-rendering: auto;
        position: absolute;
        right: 10px;
        top: 11px; }
  .filter-bar li.swatch-filter {
    font-size: 1.38em;
    position: relative;
    margin-top: 4px; }
    .filter-bar li.swatch-filter button {
      width: 100%;
      height: 100%;
      display: block;
      border: none; }
      .filter-bar li.swatch-filter button::before {
        content: '';
        background-color: white;
        width: 0.8em;
        height: 0.8em;
        border-radius: 0.4em;
        position: absolute;
        left: 0.5em;
        top: 0.5em; }
      .filter-bar li.swatch-filter button::after {
        content: '\f057';
        font: normal normal normal 14px/1 FontAwesome;
        /* stylelint-disable-line font-family-no-missing-generic-family-keyword */
        display: inline;
        text-rendering: auto;
        position: absolute;
        left: 0.18em;
        top: 0.12em;
        font-size: 1.5em; }

.tab-content {
  padding-left: 0;
  padding-right: 0; }

@media (max-width: 991.98px) {
  .product-grid {
    margin-right: -20px;
    margin-left: -20px; }
    .product-grid .col-6 {
      padding-left: 10px;
      padding-right: 10px; } }

@media (max-width: 543.98px) {
  .product-grid {
    padding-top: 0.938em; } }

.search-tips {
  text-align: left;
  margin-top: 1.875rem; }

.category-item {
  margin-bottom: 0.938rem; }

.show-more,
.show-more-content {
  padding: 0.938em;
  clear: both; }

.swatch-mark.color-value[data-selected='true']::after {
  color: #000;
  content: '\f058';
  display: table-caption;
  font-family: 'FontAwesome';
  font-size: 1.625em;
  left: 0.295em;
  position: absolute; }

.swatch-mark.color-value.selected::after {
  background: #fff;
  border-radius: 50%;
  color: #000;
  content: '\f058';
  display: table-caption;
  font-family: 'FontAwesome';
  font-size: 1.625em;
  height: 0.75em;
  left: 0.31em;
  line-height: 0.8em;
  position: absolute;
  top: 0.35em;
  width: 0.8em; }

.search-nav {
  margin-bottom: 0;
  border-bottom: 0;
  display: none; }
  .search-nav .nav-tabs-wrapper {
    padding: 0; }
    @media (max-width: 543.98px) {
      .search-nav .nav-tabs-wrapper {
        width: 100%; } }
    .search-nav .nav-tabs-wrapper .nav-tabs {
      border-bottom: 0 none; }
  .search-nav .nav-link:focus {
    background-color: #f9f9f9; }

.product-options .quantity {
  position: absolute;
  bottom: 0;
  right: 0; }

.swatch-circle-beige {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #f5f5dc;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-beige.disabled {
    opacity: 0.2; }

.swatch-filter-beige {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #f5f5dc;
  border-radius: 0.69em;
  background-color: #f5f5dc;
  display: block;
  position: relative; }
  .swatch-filter-beige.disabled {
    opacity: 0.2; }

.swatch-circle-black {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #000;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-black.disabled {
    opacity: 0.2; }

.swatch-filter-black {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #000;
  border-radius: 0.69em;
  background-color: #000;
  display: block;
  position: relative; }
  .swatch-filter-black.disabled {
    opacity: 0.2; }

.swatch-circle-blue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #0070d2;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-blue.disabled {
    opacity: 0.2; }

.swatch-filter-blue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #0070d2;
  border-radius: 0.69em;
  background-color: #0070d2;
  display: block;
  position: relative; }
  .swatch-filter-blue.disabled {
    opacity: 0.2; }

.swatch-circle-brown {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #a52a2a;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-brown.disabled {
    opacity: 0.2; }

.swatch-filter-brown {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #a52a2a;
  border-radius: 0.69em;
  background-color: #a52a2a;
  display: block;
  position: relative; }
  .swatch-filter-brown.disabled {
    opacity: 0.2; }

.swatch-circle-green {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #008827;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-green.disabled {
    opacity: 0.2; }

.swatch-filter-green {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #008827;
  border-radius: 0.69em;
  background-color: #008827;
  display: block;
  position: relative; }
  .swatch-filter-green.disabled {
    opacity: 0.2; }

.swatch-circle-grey {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #8f979d;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-grey.disabled {
    opacity: 0.2; }

.swatch-filter-grey {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #8f979d;
  border-radius: 0.69em;
  background-color: #8f979d;
  display: block;
  position: relative; }
  .swatch-filter-grey.disabled {
    opacity: 0.2; }

.swatch-circle-navy {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #000080;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-navy.disabled {
    opacity: 0.2; }

.swatch-filter-navy {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #000080;
  border-radius: 0.69em;
  background-color: #000080;
  display: block;
  position: relative; }
  .swatch-filter-navy.disabled {
    opacity: 0.2; }

.swatch-circle-orange {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #ffa500;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-orange.disabled {
    opacity: 0.2; }

.swatch-filter-orange {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #ffa500;
  border-radius: 0.69em;
  background-color: #ffa500;
  display: block;
  position: relative; }
  .swatch-filter-orange.disabled {
    opacity: 0.2; }

.swatch-circle-pink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #fe249a;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-pink.disabled {
    opacity: 0.2; }

.swatch-filter-pink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #fe249a;
  border-radius: 0.69em;
  background-color: #fe249a;
  display: block;
  position: relative; }
  .swatch-filter-pink.disabled {
    opacity: 0.2; }

.swatch-circle-purple {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #800080;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-purple.disabled {
    opacity: 0.2; }

.swatch-filter-purple {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #800080;
  border-radius: 0.69em;
  background-color: #800080;
  display: block;
  position: relative; }
  .swatch-filter-purple.disabled {
    opacity: 0.2; }

.swatch-circle-red {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #f00;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-red.disabled {
    opacity: 0.2; }

.swatch-filter-red {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #f00;
  border-radius: 0.69em;
  background-color: #f00;
  display: block;
  position: relative; }
  .swatch-filter-red.disabled {
    opacity: 0.2; }

.swatch-circle-white {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #fff;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-white.disabled {
    opacity: 0.2; }

.swatch-filter-white {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #fff;
  border-radius: 0.69em;
  background-color: #fff;
  display: block;
  position: relative; }
  .swatch-filter-white.disabled {
    opacity: 0.2; }

.swatch-circle-yellow {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #ff0;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-yellow.disabled {
    opacity: 0.2; }

.swatch-filter-yellow {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #ff0;
  border-radius: 0.69em;
  background-color: #ff0;
  display: block;
  position: relative; }
  .swatch-filter-yellow.disabled {
    opacity: 0.2; }

.swatch-circle-miscellaneous {
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #821e91), color-stop(25%, #821e91), color-stop(25%, #edd134), color-stop(50%, yellow), color-stop(50%, #edd134), color-stop(50%, #59ba00), color-stop(76%, #59ba00), color-stop(76%, #111), to(#111)), -webkit-gradient(linear, left bottom, left top, color-stop(0, #0e5cd1), color-stop(50%, #0e5cd1), color-stop(50%, #e20b0b), to(#e20b0b));
  background: linear-gradient(0deg, #821e91 0, #821e91 25%, #edd134 25%, yellow 50%, #edd134 50%, #59ba00 50%, #59ba00 76%, #111 76%, #111 100%), linear-gradient(0deg, #0e5cd1 0, #0e5cd1 50%, #e20b0b 50%, #e20b0b 100%);
  background-repeat: repeat-y, repeat;
  background-size: 50% 100%, 100% 100%;
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  border-radius: 1.25em;
  display: block;
  height: 2.5em;
  position: relative;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  width: 2.5em; }
  .swatch-circle-miscellaneous.disabled {
    opacity: 0.2; }
  .swatch-circle-miscellaneous.selected::after {
    -webkit-transform: rotate(-35deg);
            transform: rotate(-35deg); }

.site-search {
  position: relative;
  height: 2.5em;
  /* 40/16 */ }
  @media (min-width: 544px) {
    .site-search {
      margin-right: 0.5em;
      /* 20/16 */ } }
  @media (min-width: 1200px) {
    .site-search {
      width: 20em;
      /* 320/16 */ } }
  @media (min-width: 769px) and (max-width: 991.98px) {
    .site-search {
      width: 14.0625em;
      /* 225/16 */ } }
  @media (min-width: 544px) and (max-width: 768.98px) {
    .site-search {
      width: 12.5em;
      /* 200/16 */ } }
  .site-search .fa-close,
  .site-search .fa-search {
    position: absolute;
    border: none;
    top: 0.5625em;
    /* 9/16 */
    right: 0.5625em;
    /* 9/16 */
    padding: 0;
    background-color: transparent; }
  .site-search .reset-button {
    position: absolute;
    border: none;
    top: 0.5625em;
    /* 9/16 */
    right: 2em;
    /* 32/16 */
    padding: 0;
    background-color: transparent; }
  .site-search input {
    padding-right: 2rem;
    height: 100%; }

@media (max-width: 543.98px) {
  .header-search .site-search {
    display: none; } }

.suggestions-wrapper {
  position: relative; }

.suggestions {
  display: block;
  position: absolute;
  border: 1px solid #dedede;
  background-color: #fff;
  top: 0;
  left: 0;
  width: 348px;
  z-index: 3; }
  @media (max-width: 543.98px) {
    .suggestions {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      position: fixed;
      width: 100%; } }
  @media (max-width: 543.98px) {
    .suggestions .hidden-xs-down {
      display: none !important; } }
  .suggestions .swatch-circle {
    border: 0.063em solid rgba(0, 0, 0, 0.3);
    width: 38px;
    height: 38px;
    background: #fff;
    border-radius: 19px;
    border: 0.063em solid rgba(0, 0, 0, 0.3);
    display: inline-block;
    margin-right: 0.313em;
    position: relative;
    border-color: #dedede; }
    .suggestions .swatch-circle.color-value[data-selected='true']::after {
      color: #000;
      content: '\f058';
      display: table-caption;
      font-family: 'FontAwesome';
      font-size: 1.625em;
      left: 0.295em;
      position: absolute; }
    .suggestions .swatch-circle.color-value.selected::after {
      background: #fff;
      border-radius: 50%;
      color: #000;
      content: '\f058';
      display: table-caption;
      font-family: 'FontAwesome';
      font-size: 1.625em;
      height: 0.75em;
      left: 0.31em;
      line-height: 0.8em;
      position: absolute;
      top: 0.35em;
      width: 0.8em; }
    .suggestions .swatch-circle i.fa-times-circle {
      background: #fff;
      border-radius: 50%;
      height: 0.75em;
      line-height: 0.8em;
      width: 0.8em; }
  .suggestions .header {
    color: #909090;
    font-size: 14px;
    padding-top: 0.625em;
    max-width: none; }
    @media (min-width: 769px) {
      .suggestions .header > div {
        padding-left: 0; } }
    .suggestions .header:not(:first-child) {
      border-top: 0; }
  .suggestions .items {
    padding: 0.313em 0; }
    .suggestions .items a {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
  .suggestions .item {
    padding-bottom: 0.625em; }
    .suggestions .item .name {
      margin-top: 0.313em;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      font-size: 15px; }
    @media (max-width: 543.98px) {
      .suggestions .item {
        padding-bottom: 0.938em; } }
  .suggestions .category-parent {
    color: #909090;
    font-size: 0.875em; }
  .suggestions .selected {
    background-color: #eee; }
  .suggestions .container {
    list-style-type: none; }

.more-below {
  -moz-border-radius: 1.25em;
  background: #dedede;
  border: 0.063em solid rgba(0, 0, 0, 0.1);
  border-radius: 1.25em;
  bottom: 1.875em;
  -webkit-box-shadow: 0 1px 7px rgba(0, 0, 0, 0.3);
          box-shadow: 0 1px 7px rgba(0, 0, 0, 0.3);
  display: none;
  height: 2.5em;
  position: fixed;
  right: 1.875em;
  width: 2.5em; }
  .more-below i.fa-long-arrow-down {
    border-radius: 50%;
    color: #fff;
    display: table-caption;
    height: 0.75em;
    font-size: 1.5rem;
    left: 0.57em;
    line-height: 0.8em;
    position: absolute;
    top: 0.4em;
    width: 0.8em; }

@media (min-width: 544px) {
  .slant-down::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border: 0 solid transparent;
    border-right-width: 0;
    border-left-width: 90vw;
    border-bottom: 4vw solid #f9f9f9; } }

@media (min-width: 544px) {
  .slant-up::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border: 0 solid transparent;
    border-left-width: 0;
    border-right-width: 90vw;
    border-top: 4vw solid #f9f9f9; } }

h1.page-title {
  position: relative;
  color: var(--el-text);
  font-family: "Noto Serif JP", serif !important;
  padding: 0.3125em 0.625em 0.3125em 15px;
  background-color: #00a1e0;
  display: inline-block;
  margin: 0.9375em 0;
  font-size: 48px;
  font-weight: 500; }
  h1.page-title::before {
    content: '';
    background-color: #00a1e0;
    height: 100%;
    width: 0;
    position: absolute;
    left: 0;
    top: 0; }
    @media (min-width: 1200px) {
      h1.page-title::before {
        width: calc((100vw - 1140px) / 2);
        left: calc((100vw - 1140px) / 2 * -1); } }
    @media (min-width: 992px) and (max-width: 1199.98px) {
      h1.page-title::before {
        width: calc((100vw - 940px) / 2);
        left: calc((100vw - 940px) / 2 * -1); } }
    @media (min-width: 769px) and (max-width: 991.98px) {
      h1.page-title::before {
        width: calc((100vw - 720px) / 2);
        left: calc((100vw - 720px) / 2 * -1); } }
  @media (min-width: 1200px) {
    h1.page-title {
      left: calc((100% - 1140px) / 2); } }
  @media (min-width: 992px) and (max-width: 1199.98px) {
    h1.page-title {
      left: calc((100% - 940px) / 2); } }
  @media (min-width: 769px) and (max-width: 991.98px) {
    h1.page-title {
      left: calc((100% - 720px) / 2); } }
  @media (max-width: 768.98px) {
    h1.page-title {
      left: 0; } }
  @media (max-width: 991.98px) {
    h1.page-title {
      font-size: 30px;
      margin-left: 20px; } }

.hero {
  height: 190px;
  background-size: cover;
  background-position: 50%;
  position: relative; }
  .hero h1.page-title {
    top: 50%;
    margin: -1em 0 0; }
  @media (max-width: 991.98px) {
    .hero {
      height: auto;
      padding: 20px 0; }
      .hero h1.page-title {
        position: relative;
        top: 0;
        margin: 0;
        padding-right: 20px;
        padding-left: 20px; } }

.container .breadcrumb {
  border-radius: 0;
  padding: 0 0 15px;
  margin: 0 0 40px;
  border-bottom: 1px solid #ccc; }
  .container .breadcrumb a {
    text-decoration: none; }
    .container .breadcrumb a:hover {
      text-decoration: underline; }

.container.search-results .breadcrumb {
  padding: 0;
  margin: 0; }

.swatch-circle-beige {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #f5f5dc;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-beige.disabled {
    opacity: 0.2; }

.swatch-filter-beige {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #f5f5dc;
  border-radius: 0.69em;
  background-color: #f5f5dc;
  display: block;
  position: relative; }
  .swatch-filter-beige.disabled {
    opacity: 0.2; }

.swatch-circle-black {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #000;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-black.disabled {
    opacity: 0.2; }

.swatch-filter-black {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #000;
  border-radius: 0.69em;
  background-color: #000;
  display: block;
  position: relative; }
  .swatch-filter-black.disabled {
    opacity: 0.2; }

.swatch-circle-blue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #0070d2;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-blue.disabled {
    opacity: 0.2; }

.swatch-filter-blue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #0070d2;
  border-radius: 0.69em;
  background-color: #0070d2;
  display: block;
  position: relative; }
  .swatch-filter-blue.disabled {
    opacity: 0.2; }

.swatch-circle-brown {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #a52a2a;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-brown.disabled {
    opacity: 0.2; }

.swatch-filter-brown {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #a52a2a;
  border-radius: 0.69em;
  background-color: #a52a2a;
  display: block;
  position: relative; }
  .swatch-filter-brown.disabled {
    opacity: 0.2; }

.swatch-circle-green {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #008827;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-green.disabled {
    opacity: 0.2; }

.swatch-filter-green {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #008827;
  border-radius: 0.69em;
  background-color: #008827;
  display: block;
  position: relative; }
  .swatch-filter-green.disabled {
    opacity: 0.2; }

.swatch-circle-grey {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #8f979d;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-grey.disabled {
    opacity: 0.2; }

.swatch-filter-grey {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #8f979d;
  border-radius: 0.69em;
  background-color: #8f979d;
  display: block;
  position: relative; }
  .swatch-filter-grey.disabled {
    opacity: 0.2; }

.swatch-circle-navy {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #000080;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-navy.disabled {
    opacity: 0.2; }

.swatch-filter-navy {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #000080;
  border-radius: 0.69em;
  background-color: #000080;
  display: block;
  position: relative; }
  .swatch-filter-navy.disabled {
    opacity: 0.2; }

.swatch-circle-orange {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #ffa500;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-orange.disabled {
    opacity: 0.2; }

.swatch-filter-orange {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #ffa500;
  border-radius: 0.69em;
  background-color: #ffa500;
  display: block;
  position: relative; }
  .swatch-filter-orange.disabled {
    opacity: 0.2; }

.swatch-circle-pink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #fe249a;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-pink.disabled {
    opacity: 0.2; }

.swatch-filter-pink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #fe249a;
  border-radius: 0.69em;
  background-color: #fe249a;
  display: block;
  position: relative; }
  .swatch-filter-pink.disabled {
    opacity: 0.2; }

.swatch-circle-purple {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #800080;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-purple.disabled {
    opacity: 0.2; }

.swatch-filter-purple {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #800080;
  border-radius: 0.69em;
  background-color: #800080;
  display: block;
  position: relative; }
  .swatch-filter-purple.disabled {
    opacity: 0.2; }

.swatch-circle-red {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #f00;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-red.disabled {
    opacity: 0.2; }

.swatch-filter-red {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #f00;
  border-radius: 0.69em;
  background-color: #f00;
  display: block;
  position: relative; }
  .swatch-filter-red.disabled {
    opacity: 0.2; }

.swatch-circle-white {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #fff;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-white.disabled {
    opacity: 0.2; }

.swatch-filter-white {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #fff;
  border-radius: 0.69em;
  background-color: #fff;
  display: block;
  position: relative; }
  .swatch-filter-white.disabled {
    opacity: 0.2; }

.swatch-circle-yellow {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #ff0;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-yellow.disabled {
    opacity: 0.2; }

.swatch-filter-yellow {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #ff0;
  border-radius: 0.69em;
  background-color: #ff0;
  display: block;
  position: relative; }
  .swatch-filter-yellow.disabled {
    opacity: 0.2; }

.swatch-circle-miscellaneous {
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #821e91), color-stop(25%, #821e91), color-stop(25%, #edd134), color-stop(50%, yellow), color-stop(50%, #edd134), color-stop(50%, #59ba00), color-stop(76%, #59ba00), color-stop(76%, #111), to(#111)), -webkit-gradient(linear, left bottom, left top, color-stop(0, #0e5cd1), color-stop(50%, #0e5cd1), color-stop(50%, #e20b0b), to(#e20b0b));
  background: linear-gradient(0deg, #821e91 0, #821e91 25%, #edd134 25%, yellow 50%, #edd134 50%, #59ba00 50%, #59ba00 76%, #111 76%, #111 100%), linear-gradient(0deg, #0e5cd1 0, #0e5cd1 50%, #e20b0b 50%, #e20b0b 100%);
  background-repeat: repeat-y, repeat;
  background-size: 50% 100%, 100% 100%;
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  border-radius: 1.25em;
  display: block;
  height: 2.5em;
  position: relative;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  width: 2.5em; }
  .swatch-circle-miscellaneous.disabled {
    opacity: 0.2; }
  .swatch-circle-miscellaneous.selected::after {
    -webkit-transform: rotate(-35deg);
            transform: rotate(-35deg); }

.attribute {
  margin-top: 0.938em; }
  .attribute label {
    display: block; }

.swatch a {
  text-decoration: none; }

@media (max-width: 543.98px) {
  .primary-images {
    margin: 0;
    padding: 0; } }

.prices-add-to-cart-actions {
  width: 100%;
  position: static;
  bottom: 0;
  z-index: 50;
  padding-right: 0;
  padding-left: 0;
  left: 0; }
  @media (max-width: 543.98px) {
    .prices-add-to-cart-actions {
      background-color: rgba(255, 255, 255, 0.95);
      -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
              box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); } }
  @media (min-width: 544px) {
    .prices-add-to-cart-actions {
      position: static;
      padding: 0 0.9375em; } }
  .prices-add-to-cart-actions .price {
    text-align: center; }

.prices {
  padding-bottom: 0.5em;
  padding-top: 0.5em;
  text-align: center; }

.cart-and-ipay {
  text-align: center; }
  @media (max-width: 543.98px) {
    .cart-and-ipay {
      padding-bottom: 26px; }
      .cart-and-ipay .btn {
        width: 98%;
        margin: 1%;
        display: block; } }

.add-to-cart-messages {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  position: fixed;
  top: 15%;
  left: 50%; }

.add-to-basket-alert {
  -webkit-animation: fade 5s linear forwards;
          animation: fade 5s linear forwards;
  -webkit-box-shadow: 1px 1px 5px grey;
          box-shadow: 1px 1px 5px grey;
  padding: 1em; }

@-webkit-keyframes fade {
  0% {
    opacity: 0; }
  10% {
    opacity: 1; }
  90% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes fade {
  0% {
    opacity: 0; }
  10% {
    opacity: 1; }
  90% {
    opacity: 1; }
  100% {
    opacity: 0; } }
  .add-to-basket-alert.show {
    display: block; }

.simple-quantity {
  margin-top: 1em; }

.main-attributes {
  margin-top: 1em; }

.size-chart {
  margin-top: 1.071em; }

div.availability {
  margin-top: 1.071em; }

.bundle-item {
  padding-bottom: 1em;
  border-bottom: 1px solid #dedede; }
  .bundle-item:last-child {
    border-bottom: none; }

.container.product-detail {
  margin-top: 2em;
  margin-bottom: 2em; }
  @media (max-width: 543.98px) {
    .container.product-detail {
      margin-top: 0;
      margin-bottom: 0; } }

.product-option:not(:first-child) {
  margin-top: 1.071em; }

.swatch-circle-beige {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #f5f5dc;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-beige.disabled {
    opacity: 0.2; }

.swatch-filter-beige {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #f5f5dc;
  border-radius: 0.69em;
  background-color: #f5f5dc;
  display: block;
  position: relative; }
  .swatch-filter-beige.disabled {
    opacity: 0.2; }

.swatch-circle-black {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #000;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-black.disabled {
    opacity: 0.2; }

.swatch-filter-black {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #000;
  border-radius: 0.69em;
  background-color: #000;
  display: block;
  position: relative; }
  .swatch-filter-black.disabled {
    opacity: 0.2; }

.swatch-circle-blue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #0070d2;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-blue.disabled {
    opacity: 0.2; }

.swatch-filter-blue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #0070d2;
  border-radius: 0.69em;
  background-color: #0070d2;
  display: block;
  position: relative; }
  .swatch-filter-blue.disabled {
    opacity: 0.2; }

.swatch-circle-brown {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #a52a2a;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-brown.disabled {
    opacity: 0.2; }

.swatch-filter-brown {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #a52a2a;
  border-radius: 0.69em;
  background-color: #a52a2a;
  display: block;
  position: relative; }
  .swatch-filter-brown.disabled {
    opacity: 0.2; }

.swatch-circle-green {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #008827;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-green.disabled {
    opacity: 0.2; }

.swatch-filter-green {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #008827;
  border-radius: 0.69em;
  background-color: #008827;
  display: block;
  position: relative; }
  .swatch-filter-green.disabled {
    opacity: 0.2; }

.swatch-circle-grey {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #8f979d;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-grey.disabled {
    opacity: 0.2; }

.swatch-filter-grey {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #8f979d;
  border-radius: 0.69em;
  background-color: #8f979d;
  display: block;
  position: relative; }
  .swatch-filter-grey.disabled {
    opacity: 0.2; }

.swatch-circle-navy {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #000080;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-navy.disabled {
    opacity: 0.2; }

.swatch-filter-navy {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #000080;
  border-radius: 0.69em;
  background-color: #000080;
  display: block;
  position: relative; }
  .swatch-filter-navy.disabled {
    opacity: 0.2; }

.swatch-circle-orange {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #ffa500;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-orange.disabled {
    opacity: 0.2; }

.swatch-filter-orange {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #ffa500;
  border-radius: 0.69em;
  background-color: #ffa500;
  display: block;
  position: relative; }
  .swatch-filter-orange.disabled {
    opacity: 0.2; }

.swatch-circle-pink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #fe249a;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-pink.disabled {
    opacity: 0.2; }

.swatch-filter-pink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #fe249a;
  border-radius: 0.69em;
  background-color: #fe249a;
  display: block;
  position: relative; }
  .swatch-filter-pink.disabled {
    opacity: 0.2; }

.swatch-circle-purple {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #800080;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-purple.disabled {
    opacity: 0.2; }

.swatch-filter-purple {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #800080;
  border-radius: 0.69em;
  background-color: #800080;
  display: block;
  position: relative; }
  .swatch-filter-purple.disabled {
    opacity: 0.2; }

.swatch-circle-red {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #f00;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-red.disabled {
    opacity: 0.2; }

.swatch-filter-red {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #f00;
  border-radius: 0.69em;
  background-color: #f00;
  display: block;
  position: relative; }
  .swatch-filter-red.disabled {
    opacity: 0.2; }

.swatch-circle-white {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #fff;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-white.disabled {
    opacity: 0.2; }

.swatch-filter-white {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #fff;
  border-radius: 0.69em;
  background-color: #fff;
  display: block;
  position: relative; }
  .swatch-filter-white.disabled {
    opacity: 0.2; }

.swatch-circle-yellow {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #ff0;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-yellow.disabled {
    opacity: 0.2; }

.swatch-filter-yellow {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #ff0;
  border-radius: 0.69em;
  background-color: #ff0;
  display: block;
  position: relative; }
  .swatch-filter-yellow.disabled {
    opacity: 0.2; }

.swatch-circle-miscellaneous {
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #821e91), color-stop(25%, #821e91), color-stop(25%, #edd134), color-stop(50%, yellow), color-stop(50%, #edd134), color-stop(50%, #59ba00), color-stop(76%, #59ba00), color-stop(76%, #111), to(#111)), -webkit-gradient(linear, left bottom, left top, color-stop(0, #0e5cd1), color-stop(50%, #0e5cd1), color-stop(50%, #e20b0b), to(#e20b0b));
  background: linear-gradient(0deg, #821e91 0, #821e91 25%, #edd134 25%, yellow 50%, #edd134 50%, #59ba00 50%, #59ba00 76%, #111 76%, #111 100%), linear-gradient(0deg, #0e5cd1 0, #0e5cd1 50%, #e20b0b 50%, #e20b0b 100%);
  background-repeat: repeat-y, repeat;
  background-size: 50% 100%, 100% 100%;
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  border-radius: 1.25em;
  display: block;
  height: 2.5em;
  position: relative;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  width: 2.5em; }
  .swatch-circle-miscellaneous.disabled {
    opacity: 0.2; }
  .swatch-circle-miscellaneous.selected::after {
    -webkit-transform: rotate(-35deg);
            transform: rotate(-35deg); }

.attribute {
  margin-top: 0.938em; }
  .attribute label {
    display: block; }

.swatch a {
  text-decoration: none; }

@media (max-width: 543.98px) {
  .primary-images {
    margin: 0;
    padding: 0; } }

.prices-add-to-cart-actions {
  width: 100%;
  position: static;
  bottom: 0;
  z-index: 50;
  padding-right: 0;
  padding-left: 0;
  left: 0; }
  @media (max-width: 543.98px) {
    .prices-add-to-cart-actions {
      background-color: rgba(255, 255, 255, 0.95);
      -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
              box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); } }
  @media (min-width: 544px) {
    .prices-add-to-cart-actions {
      position: static;
      padding: 0 0.9375em; } }
  .prices-add-to-cart-actions .price {
    text-align: center; }

.prices {
  padding-bottom: 0.5em;
  padding-top: 0.5em;
  text-align: center; }

.cart-and-ipay {
  text-align: center; }
  @media (max-width: 543.98px) {
    .cart-and-ipay {
      padding-bottom: 26px; }
      .cart-and-ipay .btn {
        width: 98%;
        margin: 1%;
        display: block; } }

.add-to-cart-messages {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  position: fixed;
  top: 15%;
  left: 50%; }

.add-to-basket-alert {
  -webkit-animation: fade 5s linear forwards;
          animation: fade 5s linear forwards;
  -webkit-box-shadow: 1px 1px 5px grey;
          box-shadow: 1px 1px 5px grey;
  padding: 1em; }

@keyframes fade {
  0% {
    opacity: 0; }
  10% {
    opacity: 1; }
  90% {
    opacity: 1; }
  100% {
    opacity: 0; } }
  .add-to-basket-alert.show {
    display: block; }

.simple-quantity {
  margin-top: 1em; }

.main-attributes {
  margin-top: 1em; }

.size-chart {
  margin-top: 1.071em; }

div.availability {
  margin-top: 1.071em; }

.bundle-item {
  padding-bottom: 1em;
  border-bottom: 1px solid #dedede; }
  .bundle-item:last-child {
    border-bottom: none; }

.container.product-detail {
  margin-top: 2em;
  margin-bottom: 2em; }
  @media (max-width: 543.98px) {
    .container.product-detail {
      margin-top: 0;
      margin-bottom: 0; } }

.product-option:not(:first-child) {
  margin-top: 1.071em; }

.quick-view-dialog,
.choose-bonus-product-dialog {
  max-width: 56.25em; }
  .quick-view-dialog .selectable-bonus-product-line-item,
  .choose-bonus-product-dialog .selectable-bonus-product-line-item {
    margin-top: 0.2em;
    margin-bottom: 0.2em;
    padding-top: 0.3em;
    padding-bottom: 0.3em; }
  .quick-view-dialog .beenSelected,
  .choose-bonus-product-dialog .beenSelected {
    background-color: #eee; }
  .quick-view-dialog .modal-header,
  .choose-bonus-product-dialog .modal-header {
    background-color: #eee;
    border-bottom: 2px solid #ccc;
    border-top-left-radius: 0.1875rem;
    border-top-right-radius: 0.1875rem; }
    .quick-view-dialog .modal-header .full-pdp-link,
    .choose-bonus-product-dialog .modal-header .full-pdp-link {
      color: #00a1e0; }
    .quick-view-dialog .modal-header .close,
    .choose-bonus-product-dialog .modal-header .close {
      font-size: 2rem;
      line-height: 1.5rem; }
  .quick-view-dialog .modal-title,
  .choose-bonus-product-dialog .modal-title {
    font-size: 1em; }
  .quick-view-dialog .product-name,
  .choose-bonus-product-dialog .product-name {
    font-size: 1.875em; }
  .quick-view-dialog .swatch-circle,
  .choose-bonus-product-dialog .swatch-circle {
    border: 0.063em solid rgba(0, 0, 0, 0.3);
    width: 2.5em;
    height: 2.5em;
    background: #fff;
    border-radius: 1.25em;
    border: 0.063em solid rgba(0, 0, 0, 0.3);
    display: inline-block;
    margin-right: 0.313em;
    position: relative; }
    .quick-view-dialog .swatch-circle.color-value[data-selected='true']::after,
    .choose-bonus-product-dialog .swatch-circle.color-value[data-selected='true']::after {
      color: #000;
      content: '\f058';
      display: table-caption;
      font-family: 'FontAwesome';
      font-size: 1.625em;
      left: 0.295em;
      position: absolute; }
    .quick-view-dialog .swatch-circle.color-value.selected::after,
    .choose-bonus-product-dialog .swatch-circle.color-value.selected::after {
      background: #fff;
      border-radius: 50%;
      color: #000;
      content: '\f058';
      display: table-caption;
      font-family: 'FontAwesome';
      font-size: 1.625em;
      height: 0.75em;
      left: 0.31em;
      line-height: 0.8em;
      position: absolute;
      top: 0.35em;
      width: 0.8em; }
    .quick-view-dialog .swatch-circle i.fa-times-circle,
    .choose-bonus-product-dialog .swatch-circle i.fa-times-circle {
      background: #fff;
      border-radius: 50%;
      height: 0.75em;
      line-height: 0.8em;
      width: 0.8em; }
  .quick-view-dialog a[disabled] .swatch-circle,
  .choose-bonus-product-dialog a[disabled] .swatch-circle {
    cursor: not-allowed; }
    .quick-view-dialog a[disabled] .swatch-circle.color-value.selected::after,
    .choose-bonus-product-dialog a[disabled] .swatch-circle.color-value.selected::after {
      background-color: #495057; }
  .quick-view-dialog .availablity-container,
  .choose-bonus-product-dialog .availablity-container {
    text-align: right; }
  .quick-view-dialog .availablity-container,
  .quick-view-dialog .size-chart,
  .choose-bonus-product-dialog .availablity-container,
  .choose-bonus-product-dialog .size-chart {
    margin-top: 0.938em; }
  .quick-view-dialog .modal-content,
  .choose-bonus-product-dialog .modal-content {
    border: 1px solid rgba(0, 0, 0, 0.2); }
  .quick-view-dialog .modal-body,
  .choose-bonus-product-dialog .modal-body {
    max-height: 28.125em;
    /* 450/16 */
    overflow-y: auto; }
  .quick-view-dialog button.close,
  .choose-bonus-product-dialog button.close {
    font-size: 1.25em; }
  .quick-view-dialog .modal-footer,
  .choose-bonus-product-dialog .modal-footer {
    background-color: #fff;
    border: none;
    border-bottom-right-radius: 0.1875rem;
    border-bottom-left-radius: 0.1875rem; }
    .quick-view-dialog .modal-footer .prices .price,
    .choose-bonus-product-dialog .modal-footer .prices .price {
      font-size: 1.6em; }
  .quick-view-dialog .prices .sales,
  .choose-bonus-product-dialog .prices .sales {
    font-size: 1.5rem; }
  .quick-view-dialog .promotions,
  .choose-bonus-product-dialog .promotions {
    text-align: left;
    color: #c00; }
  @media (max-width: 768.98px) {
    .quick-view-dialog .bonus-summary,
    .choose-bonus-product-dialog .bonus-summary {
      font-size: 0.625em; } }
  @media (max-width: 768.98px) {
    .quick-view-dialog .bonus-summary .bonus-product-name,
    .choose-bonus-product-dialog .bonus-summary .bonus-product-name {
      padding: 0; } }
  .quick-view-dialog .pre-cart-products,
  .choose-bonus-product-dialog .pre-cart-products {
    margin-right: 0.125em; }
  .quick-view-dialog .color-attribute,
  .choose-bonus-product-dialog .color-attribute {
    border: none;
    padding: 0;
    background: none; }
  .quick-view-dialog .non-input-label,
  .choose-bonus-product-dialog .non-input-label {
    display: block;
    margin-bottom: 0.5rem; }

.primary-images .carousel img {
  width: 100%;
  height: 100%; }

.product-tile {
  border: 0;
  margin-bottom: 0; }
  @media (max-width: 991.98px) {
    .product-tile {
      min-height: 23.4375em; } }
  @media (max-width: 768.98px) {
    .product-tile {
      min-height: 19.6875em; } }
  @media (max-width: 543.98px) {
    .product-tile {
      min-height: 13.4375em; } }
  .product-tile .tile-body {
    padding: 5px 0 60px; }
    @media (max-width: 991.98px) {
      .product-tile .tile-body {
        padding-bottom: 40px; } }
    .product-tile .tile-body .color-swatches {
      min-height: 2.25em; }
      .product-tile .tile-body .color-swatches .product-tile-color-label {
        cursor: pointer;
        font-size: 1em; }
        @media (max-width: 991.98px) {
          .product-tile .tile-body .color-swatches .product-tile-color-label {
            font-size: 0.9375em; } }
        @media (max-width: 768.98px) {
          .product-tile .tile-body .color-swatches .product-tile-color-label {
            font-size: 0.8125em; } }
    .product-tile .tile-body .price {
      font-size: 16px;
      margin-bottom: 0; }
      @media (max-width: 991.98px) {
        .product-tile .tile-body .price {
          font-size: 14px; } }
      .product-tile .tile-body .price .tiered {
        font-size: 0.875em; }
        .product-tile .tile-body .price .tiered .value {
          font-weight: bold; }
    .product-tile .tile-body .coming-soon-tile {
      text-align: center; }
    .product-tile .tile-body .pdp-link {
      line-height: 1.2; }
      .product-tile .tile-body .pdp-link a {
        font-size: 1em;
        text-decoration: none; }
        @media (max-width: 991.98px) {
          .product-tile .tile-body .pdp-link a {
            font-size: 0.9375em; } }
        @media (max-width: 768.98px) {
          .product-tile .tile-body .pdp-link a {
            font-size: 0.8125em; } }
    .product-tile .tile-body .ratings {
      font-size: 0.9em; }
  .product-tile .image-container {
    position: relative;
    overflow: auto; }
    .product-tile .image-container .quickview {
      position: absolute;
      bottom: 1rem;
      right: 1rem; }
      .product-tile .image-container .quickview i.fa-expand {
        color: rgba(0, 0, 0, 0.7); }
      .product-tile .image-container .quickview i.fa-circle {
        color: rgba(255, 255, 255, 0.7);
        text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); }
    .product-tile .image-container a {
      display: block; }
      .product-tile .image-container a .tile-image {
        width: 100%; }
    .product-tile .image-container .el-labels {
      position: absolute;
      top: 0;
      left: 0; }
  .product-tile .swatches a {
    text-decoration: none; }
  .product-tile .swatch-circle {
    border: 0.063em solid rgba(0, 0, 0, 0.3);
    width: 1.8em;
    height: 1.8em;
    background: #fff;
    border-radius: 0.9em;
    border: 0.063em solid rgba(0, 0, 0, 0.3);
    display: inline-block;
    margin-right: 0.313em;
    position: relative; }
    .product-tile .swatch-circle.color-value[data-selected='true']::after {
      color: #000;
      content: '\f058';
      display: table-caption;
      font-family: 'FontAwesome';
      font-size: 1.625em;
      left: 0.295em;
      position: absolute; }
    .product-tile .swatch-circle.color-value.selected::after {
      background: #fff;
      border-radius: 50%;
      color: #000;
      content: '\f058';
      display: table-caption;
      font-family: 'FontAwesome';
      font-size: 1.625em;
      height: 0.75em;
      left: 0.31em;
      line-height: 0.8em;
      position: absolute;
      top: 0.35em;
      width: 0.8em; }
    .product-tile .swatch-circle i.fa-times-circle {
      background: #fff;
      border-radius: 50%;
      height: 0.75em;
      line-height: 0.8em;
      width: 0.8em; }

#chooseBonusProductModal .modal-footer .container {
  margin-left: 0;
  width: 100%;
  margin-right: 0; }

#chooseBonusProductModal .select-cbp-container {
  margin-top: auto;
  margin-bottom: auto; }

#chooseBonusProductModal .product-name-wrapper {
  width: 100%; }

#chooseBonusProductModal .bonus-quantity,
#chooseBonusProductModal .bonus-option {
  margin-top: 0.938em; }

#chooseBonusProductModal .bonus-quantity-select {
  min-width: 5em; }

#chooseBonusProductModal .select-bonus-product {
  margin-top: 1em; }

#chooseBonusProductModal .selected-pid {
  border: 1px solid #dedede; }
  #chooseBonusProductModal .selected-pid .bonus-product-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }

#chooseBonusProductModal .bonus-product-price {
  text-align: center;
  margin-top: 1em; }

.card-number-wrapper {
  position: relative; }
  .card-number-wrapper::after {
    content: '';
    position: absolute;
    right: 5px;
    background-repeat: no-repeat;
    background-image: url("../../images/everlife/credit.png");
    background-size: contain;
    width: 48px;
    height: 30px;
    top: 11px; }
  .card-number-wrapper[data-type='visa']::after {
    background-image: url("../../images/everlife/payment-types.png");
    background-size: auto;
    background-position: -162px -110px; }
  .card-number-wrapper[data-type='mastercard']::after {
    background-image: url("../../images/everlife/payment-types.png");
    background-size: auto;
    background-position: -295px -110px; }
  .card-number-wrapper[data-type='amex']::after {
    background-image: url("../../images/everlife/payment-types.png");
    background-size: auto;
    background-position: -230px -15px; }
  .card-number-wrapper[data-type='discover']::after {
    background-image: url("../../images/everlife/payment-types.png");
    background-size: auto;
    background-position: -95px -110px; }
  .card-number-wrapper[data-type='diners']::after {
    background-image: url("../../images/everlife/payment-types.png");
    background-size: auto;
    background-position: -230px -204px; }
  .card-number-wrapper[data-type='jcb']::after {
    background-image: url("../../images/everlife/jcb-dark.svg");
    background-size: 48px 30px; }

/*** Web Font ***/
@font-face {
  font-family: number;
  src: local("frutiger");
  unicode-range: U+0030-0039; }

html {
  font-size: inherit;
  font-family: 'Noto Sans JP', sans-serif !important; }
  @media (min-width: 544px) {
    html {
      font-size: 1rem; } }
  @media (min-width: 769px) {
    html {
      font-size: inherit; } }

body {
  background-color: #fff !important;
  font-size: 16px;
  font-family: 'Noto Sans JP', sans-serif !important;
  font-weight: 400;
  line-height: 1.75;
  color: var(--el-text); }
  body .page {
    background-color: #fff !important; }
  @media (max-width: 991.98px) {
    body {
      font-size: 14px;
      line-height: 1.7142; } }

a {
  color: var(--el-text); }

[role="main"] a {
  text-decoration: underline; }

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--el-text);
  font-family: 'Noto Sans JP', sans-serif !important;
  font-weight: 700; }

p {
  font-family: 'Noto Sans JP', sans-serif !important; }

label {
  font-weight: bold; }

img {
  max-width: 100%; }

svg {
  overflow: hidden;
  vertical-align: middle; }

dt {
  color: var(--el-text); }

:focus {
  outline: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important; }

.nav-tabs {
  border-bottom: 2px solid var(--el-color-primary); }

.for .form-nav .nav-tabs .nav-link,
.nav-tabs .nav-link {
  text-decoration: none !important;
  border-bottom: 0 !important;
  font-weight: bold; }
  .for .form-nav .nav-tabs .nav-link:hover,
  .nav-tabs .nav-link:hover {
    background-color: #f8f8f8 !important; }
  .for .form-nav .nav-tabs .nav-link:focus,
  .nav-tabs .nav-link:focus {
    background-color: var(--el-color-bg) !important; }
  .for .form-nav .nav-tabs .nav-link.active,
  .nav-tabs .nav-link.active {
    background-color: var(--el-color-bg) !important; }
    .for .form-nav .nav-tabs .nav-link.active:hover,
    .nav-tabs .nav-link.active:hover {
      background-color: var(--el-color-bg); }

@media (max-width: 768.98px) {
  h1.page-title {
    padding: 0;
    margin-bottom: 30px; } }

h1.page-title,
h1.page-title::before {
  background-color: inherit; }

.header-title h1 {
  font-family: 'Noto Serif JP', serif !important;
  font-size: 1.8rem;
  margin: 2rem 0 1rem;
  font-weight: 500; }
  @media (max-width: 768.98px) {
    .header-title h1 {
      font-size: 1.6rem; } }

h2.asset-h2 {
  border-bottom: 1px solid;
  padding: 8px 0;
  font-size: 1.6rem;
  margin: 2rem 0 1rem; }

h3.asset-h3 {
  background-color: #f9f9f9;
  padding: 8px;
  font-size: 1.4rem;
  margin: 2rem 0 1rem; }

/* お気に入りリストへの追加表示 */
.add-to-wishlist-messages,
.add-to-wishlist-alert {
  z-index: 10; }

/* 最近見た商品について、商品画像が大きいためサイズ調整 */
.container.checked-item .checked-item-detail {
  margin-left: auto;
  margin-right: auto;
  max-width: 278px; }

/*　コンテンツアセットに記載されていたCSSを移植 */
.pcDisplay {
  display: none !important; }
  @media (min-width: 769px) {
    .pcDisplay {
      display: block !important; } }

.spDisplay {
  display: block !important; }
  @media (min-width: 769px) {
    .spDisplay {
      display: none !important; } }

/* お問い合わせ完了時に出てくるメッセージをヘッダーより上に表示させる */
.contact-us-signup-message,
.contact-us-signup-alert {
  z-index: 10 !important; }

/* 買い物カゴ 購入手続き　調整 */
.product-card-footer .col-4:first-child,
.line-item-unit-price,
.line-item-total-price {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%; }

.align-items-start {
  margin-top: 1rem; }

/* 購入手続き画面調整 */
.view-address-block h3,
.shipping-method-block h3 {
  font-size: inherit;
  font-weight: 600;
  padding: 0.5rem 0;
  border-bottom: 1px solid #2b2b2b;
  margin-top: 1rem; }

.shopping-bag-block .card-header,
.order-remarks-block .card-header {
  font-size: inherit;
  font-weight: 600;
  padding: 0.5rem 0;
  border-bottom: 1px solid #2b2b2b;
  margin-top: 1rem;
  margin-bottom: 0.5rem; }

.order-remarks-block .card-header label {
  margin-bottom: 0; }

.privacy-policy {
  text-align: center;
  padding: 0 1rem 0 !important; }

.data-checkout-stage[data-checkout-stage='placeOrder'] .summary-more-description.txt_terms {
  background: #fff; }
  .data-checkout-stage[data-checkout-stage='placeOrder'] .summary-more-description.txt_terms h2 {
    font-size: 1.2rem; }

.btn-block + .btn-block {
  margin-top: 0; }

/* 各ページのバナー差し替え */
.account-image,
.login-banner,
.hero-confirmation,
.contact-us-banner,
.search-banner {
  background-image: none; }

/* アクティブ時にブルーになるボタンの色変更 */
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
  color: #2b2b2b;
  background-color: #fff;
  border-color: #2b2b2b; }

.product-info > .row ~ .row,
.quantity-form-wishlist,
.edit-add-to-wishlist {
  display: none; }

/* 注文履歴詳細キャンセル済みボタン */
.canceled-btn {
  background-color: #fff;
  cursor: inherit; }

header {
  display: block;
  width: 100vw;
  background-color: white; }
  @media (min-width: 769px) {
    header {
      font-size: inherit; } }
  header nav[role="navigation"] {
    border-top: 5px solid var(--el-color-primary); }
  header.header_storeHome.withBgColor .fa-search::before,
  header.header_storeHome.withBgColor .nav-link,
  header.header_storeHome.withBgColor .nav-link a,
  header.header_storeHome.withBgColor .user-message.hidden-md-down {
    color: #595959; }
  header ~ #maincontent .container a:not(.btn-primary):not(.btn-outline-primary) {
    color: var(--el-text); }

@media (min-width: 769px) {
  .header .navbar-header.menu .search-and-main-menu > .col-12 .main-menu .container {
    padding-right: 0; } }

@media (max-width: 991.98px) {
  .header .navbar-header.menu .search-and-main-menu > .col-12 .main-menu .container {
    padding-right: 10px; } }

.header .navbar-header.logo img {
  width: 161px !important; }

.header .navbar-header.brand img {
  width: 100% !important; }

.navbar-header .user,
.navbar-header .country-selector,
.navbar-header .search,
.navbar-header .minicart {
  margin: 0; }

.nav-item > .nav-link {
  color: var(--el-text); }

.navbar-header {
  background-color: transparent !important; }
  .navbar-header a {
    color: #2b2b2b; }

.card-header > a {
  margin: 0 0 0 1em !important; }

.slick-carousel h2,
.slick-slide h2 {
  color: #fff; }

.btn,
.card-header,
.card {
  font-size: inherit;
  font-weight: 400; }

article,
aside,
hgroup,
main,
nav,
section {
  display: block;
  background-color: white; }

.title-and-richtext-and-buttons-component-container .content .button p {
  margin: 0; }

.news-component .news-container .news-list .newsList a {
  font-size: 0.9rem;
  line-height: inherit;
  color: var(--el-text) !important; }

.news-component .news-container .news-list .newsBtn {
  display: none; }

nav.fixed {
  position: fixed;
  z-index: 5;
  width: 100%;
  background: rgba(255, 255, 255, 0.9);
  top: 0px; }

#maincontent {
  margin-bottom: 80px; }

nav .main-menu,
.main-menu,
nav {
  background: rgba(255, 255, 255, 0); }

.form-control {
  font-size: inherit; }
  .form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #acacac;
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 161, 224, 0.25);
    box-shadow: 0 0 0 0.2rem rgba(204, 204, 204, 0.25); }

@media (max-width: 768.98px) {
  .navbar {
    height: 100svh; }
    .navbar .close-menu {
      height: 60px; }
      .navbar .close-menu button {
        color: black; }
    .navbar .menu-group {
      height: calc(100svh - 60px);
      overflow-y: auto; } }

.navbar-header .minicart {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 20px; }
  .navbar-header .minicart .remove-btn {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content; }
  .navbar-header .minicart .el-cart-courseorders {
    height: 35px;
    margin-top: 10px !important; }
  @media (max-width: 991.98px) {
    .navbar-header .minicart {
      margin-left: 20px; } }

.minicart .minicart-quantity {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #c60000;
  width: 16px;
  height: 16px;
  font-size: 10px;
  top: -14px;
  left: -11px; }

.minicart {
  position: static; }

.dropdown-menu {
  font-size: 0.9rem; }

.campaign-banner {
  background-color: var(--el-color-primary) !important;
  color: #fff;
  height: auto; }
  .campaign-banner .campaign-banner-container {
    height: auto; }
    .campaign-banner .campaign-banner-container div:nth-of-type(1) {
      display: none; }
    .campaign-banner .campaign-banner-container .close-button {
      display: none; }
  .campaign-banner .campaign-banner-message:empty {
    padding: 0 !important;
    height: auto; }

.header {
  /* チェックアウト以降のヘッダーが高さを持ってないので修正 */ }
  .header .navbar-header.brand {
    position: absolute;
    top: 15px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    padding-top: 0;
    margin-left: 0;
    width: 96px; }
  .header .navbar-header.brand.row {
    position: relative; }

.search-banner {
  background-position-y: top;
  background-size: contain; }

.btn-outline-primary {
  color: #2b2b2b !important;
  border-color: #2b2b2b;
  width: 100%; }
  .btn-outline-primary:hover {
    color: #2b2b2b !important;
    border-color: #2b2b2b;
    background-color: white;
    opacity: .7; }

.refinements ul li button {
  color: #2b2b2b;
  padding-left: 0; }
  @media (max-width: 768.98px) {
    .refinements ul li button {
      padding-top: 0.313em;
      padding-bottom: 0.313em; } }

.hero {
  background-size: cover;
  background-position: 50%;
  background-position-y: center;
  position: relative;
  width: 100% !important; }

.price .starting,
.price .range,
.price .sales {
  font-weight: inherit; }

/* ヘッダーメニューのサイズ調整 */
.navbar.bg-inverse .navbar-nav .nav-link  {
  padding: 0.8rem 0.8rem 1.3rem;
  white-space: nowrap;
  font-family: 'Noto Serif', 'Noto Serif Japanese';
  font-size: 1rem; }

/* 検索窓の調整 */
.site-search .fa-close {
  top: 0.6625em; }

.site-search .el-header-search {
  position: relative; }

.site-search .fa-search {
  top: 0;
  right: 0;
  background-color: var(--el-color-primary); }
  .site-search .fa-search::before {
    display: block;
    content: "";
    top: 0;
    right: 0;
    height: 36px;
    width: 36px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2221.667%22%20height%3D%2221.667%22%20viewBox%3D%220%200%2021.667%2021.667%22%3E%20%3Cg%20id%3D%22icon-search%22%20transform%3D%22translate(-1312.52%20-110.52)%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_37%22%20data-name%3D%22%E7%B7%9A%2037%22%20x2%3D%225.851%22%20y2%3D%225.851%22%20transform%3D%22translate(1327.629%20125.629)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%2F%3E%20%3Cg%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_325%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%20325%22%20transform%3D%22translate(1312.52%20110.52)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%3E%20%3Ccircle%20cx%3D%229%22%20cy%3D%229%22%20r%3D%229%22%20stroke%3D%22none%22%2F%3E%20%3Ccircle%20cx%3D%229%22%20cy%3D%229%22%20r%3D%228%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: 50% 50%; }

.site-search input {
  background: rgba(255, 255, 255, 0.3);
  border-radius: unset;
  height: 36px; }

.header .menu .site-search {
  width: 599px; }
  .header .menu .site-search input.search-field {
    height: 36px; }
  @media (max-width: 1199.98px) {
    .header .menu .site-search {
      width: 400px; } }
  @media (max-width: 991.98px) {
    .header .menu .site-search {
      width: 290px; } }
  @media (max-width: 768.98px) {
    .header .menu .site-search {
      width: 100%; } }

.search-mobile {
  margin-top: 10px;
  padding: 0 3% 10px; }

/* カートページでの編集ボタンを非表示 */
.page[data-action='Cart-Show'] .edit {
  display: none; }

.header-banner,
.campaign-banner {
  height: auto;
  background-color: var(--el-color-primary);
  font-size: 15px; }
  .header-banner a,
  .campaign-banner a {
    color: white; }
  .header-banner .close-button .close,
  .campaign-banner .close-button .close {
    background-color: var(--el-color-primary); }
  .header-banner .close-button button,
  .campaign-banner .close-button button {
    display: none; }
  .header-banner.slide-up .justify-content-between,
  .campaign-banner.slide-up .justify-content-between {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .header-banner .content,
  .campaign-banner .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0;
    padding: 0;
    height: auto; }
    .header-banner .content .header-promotion,
    .campaign-banner .content .header-promotion {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .header-banner .content .header-promotion:empty,
      .campaign-banner .content .header-promotion:empty {
        padding: 0;
        height: auto; }
  @media (max-width: 768.98px) {
    .header-banner,
    .campaign-banner {
      font-size: 12px; } }

.campaign-banner .campaign-banner-message {
  margin: 0 auto; }
  .campaign-banner .campaign-banner-message:first-child {
    margin-top: 10px; }
  .campaign-banner .campaign-banner-message:last-child {
    margin-bottom: 10px; }

/* Nav
  -------------------------------------------------------------------- */
/* SP ナビリンク サイズ調整 */
.nav-link {
  padding: 0.8rem 1rem; }

.multilevel-dropdown .dropdown-item .dropdown-link {
  padding: 0.425em 4.5em 0.425em 0; }
  @media (max-width: 768.98px) {
    .multilevel-dropdown .dropdown-item .dropdown-link {
      padding: 0.8rem 0; }
      .multilevel-dropdown .dropdown-item .dropdown-link.el-pop-ui__account img {
        width: 12px;
        height: 16.5px; }
      .multilevel-dropdown .dropdown-item .dropdown-link.el-pop-ui__fav img {
        width: 14.15px;
        height: 12.75px; }
      .multilevel-dropdown .dropdown-item .dropdown-link.el-pop-ui__logout img {
        width: 13.07px;
        height: 13.83px; }
      .multilevel-dropdown .dropdown-item .dropdown-link img {
        margin-right: 5px;
        max-width: none; } }

/* ナビリンク マウスオーバー時の背景色調整 */
.nav-item .nav-link:hover,
.nav-item .nav-link:focus,
.nav-item.show .nav-link {
  background-color: initial; }

.d-lg-none {
  font-family: inherit !important; }

@media (min-width: 769px) {
  .navbar-expand-md .navbar-nav {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; } }

.nav-item {
  font-weight: 500;
  font-size: 18px; }
  @media (max-width: 991.98px) {
    .nav-item {
      font-size: 14px; } }

@media (min-width: 769px) {
  li.nav-item:hover {
    text-decoration: none;
    background-color: #f8f8f8; } }

.dropdown-item {
  font-family: 'Noto Sans JP', sans-serif !important;
  font-weight: 500; }
  .dropdown-item:hover, .dropdown-item:focus {
    background-color: #f8f8f8; }

.el-header-ui {
  margin-top: 28px; }
  @media (max-width: 768.98px) {
    .el-header-ui {
      margin-top: 0;
      padding-top: 59px; } }

.el-header-ui__cart,
.el-header-ui__fav,
.el-header-ui__user {
  text-align: center; }

.el-header-ui__cart .minicart-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .el-header-ui__cart .minicart-link .minicart-quantity {
    top: -4px;
    left: -6px; }

@media (max-width: 991.98px) {
  .el-header-ui__cart .minicart-link {
    display: block; } }

.el-header-ui__fav {
  margin-left: 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .el-header-ui__fav > img {
    width: 18.859px;
    margin-right: 2px; }
  @media (max-width: 991.98px) {
    .el-header-ui__fav {
      display: block;
      margin-left: 0px; } }

.el-header-ui__user {
  margin-left: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .el-header-ui__user > img {
    width: 16px;
    margin-right: 2px; }
  @media (max-width: 991.98px) {
    .el-header-ui__user {
      display: block;
      margin-left: 14px; } }

.navbar-header .user .popover {
  right: 0;
  left: auto;
  min-width: 162px;
  min-height: auto; }
  .navbar-header .user .popover .nav-item {
    font-size: 12px;
    font-weight: 500;
    font-family: 'Noto Sans JP', sans-serif !important; }
    .navbar-header .user .popover .nav-item + .nav-item {
      margin-top: 5px; }
    .navbar-header .user .popover .nav-item:hover {
      background-color: transparent; }
    .navbar-header .user .popover .nav-item .el-pop-ui__account img {
      width: 12px;
      height: 16.5px; }
    .navbar-header .user .popover .nav-item .el-pop-ui__fav img {
      width: 14.15px;
      height: 12.75px; }
    .navbar-header .user .popover .nav-item .el-pop-ui__logout img {
      width: 13.07px;
      height: 13.83px; }

.el-header-ui__text {
  font-size: 11px;
  font-weight: 500; }
  @media (max-width: 991.98px) {
    .el-header-ui__text {
      display: block;
      text-align: center;
      line-height: 1;
      font-size: 9px; } }

.minicart-total .el-header-ui__text {
  margin-left: -15px; }

.navbar-header .navbar-toggler {
  position: relative;
  display: block;
  padding: 0;
  border: 0;
  height: 40px;
  width: 31px; }
  .navbar-header .navbar-toggler > span {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    display: block;
    height: 15px;
    width: 19px; }
    .navbar-header .navbar-toggler > span span, .navbar-header .navbar-toggler > span::before, .navbar-header .navbar-toggler > span::after {
      content: "";
      position: absolute;
      display: block;
      width: 19px;
      height: 3px;
      background-color: black; }
    .navbar-header .navbar-toggler > span::before {
      top: 0; }
    .navbar-header .navbar-toggler > span span {
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%); }
    .navbar-header .navbar-toggler > span::after {
      bottom: 0; }

.header-notice-and-minicart {
  margin-bottom: 15px; }

.search-and-main-menu {
  padding-bottom: 12px; }
  @media (max-width: 768.98px) {
    .search-and-main-menu {
      margin-top: 0;
      padding-bottom: 0; } }

.navbar-nav .nav-link {
  height: 55px; }
  @media (max-width: 991.98px) {
    .navbar-nav .nav-link {
      height: auto; } }

.nav-item > .el-header-tel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--el-color-green); }
  .nav-item > .el-header-tel span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 30px;
    height: 30px;
    margin-right: 9px;
    border-radius: 15px;
    background-color: var(--el-color-green); }
    .nav-item > .el-header-tel span img {
      width: 21px; }
  .nav-item > .el-header-tel:hover {
    color: var(--el-color-green); }
  @media (max-width: 991.98px) {
    .nav-item > .el-header-tel span {
      width: 21px;
      height: 21px; }
      .nav-item > .el-header-tel span img {
        width: 14px; } }

@media (max-width: 991.98px) {
  .menu-toggleable-left.in .nav-item + .nav-item {
    border-color: #ccc; } }

.multilevel-dropdown .dropdown-item + .dropdown-item {
  border-color: #ccc; }

footer {
  background-color: white;
  padding: 0; }
  footer .content {
    font-size: inherit; }
  @media (max-width: 543.98px) {
    footer ul {
      margin-top: 1rem; } }
  footer .footer-container .footer-item.collapsible-xs button {
    font-family: unset; }

.show-more,
.show-more-content {
  padding: 0.938em;
  clear: both;
  margin: 0; }

.footer-sns li {
  margin: 0 19px !important;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex; }

/* FOOTER END */
@media (max-width: 768.98px) {
  .footerEnd ul {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: left !important;
        -ms-flex-pack: left !important;
            justify-content: left !important; }
    .footerEnd ul li {
      margin-right: 1em;
      padding-right: 1em;
      position: relative; } }

@media (max-width: 543.98px) {
  .footer-item {
    border-bottom: 1px solid #999; } }

.el-footer-support {
  display: block;
  border: 1px solid var(--el-line-grey);
  height: 100%;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease; }
  .el-footer-support img {
    max-width: none;
    width: 100%; }
  .el-footer-support:hover {
    opacity: .6;
    text-decoration: none;
    color: currentColor; }

.el-footer-support__text {
  text-align: center;
  font-weight: 500;
  font-size: 15px;
  margin-top: .4em;
  line-height: 1.4; }
  @media (max-width: 991.98px) {
    .el-footer-support__text {
      font-size: 10px; } }

.el-footer-contact {
  padding: 29px 10px 23px;
  border: 1px solid var(--el-line-grey);
  text-align: center;
  height: 100%; }
  @media (max-width: 991.98px) {
    .el-footer-contact {
      padding: 20px 10px; } }

.el-footer-contact__text {
  font-size: 16px;
  font-weight: 500; }
  @media (max-width: 991.98px) {
    .el-footer-contact__text {
      font-size: 14px; } }

.el-footer-contact__tel {
  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-size: 40px;
  font-weight: 700;
  line-height: 1; }
  .el-footer-contact__tel span {
    color: var(--el-color-red); }
  @media (max-width: 991.98px) {
    .el-footer-contact__tel {
      font-size: 37px; } }

.el-footer-contact__icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 11px;
  margin-bottom: 0;
  width: 55px;
  height: 55px;
  border-radius: 55px;
  background-color: var(--el-color-green); }
  .el-footer-contact__icon img {
    width: 38px; }
  @media (max-width: 991.98px) {
    .el-footer-contact__icon {
      width: 51px;
      height: 51px; }
      .el-footer-contact__icon img {
        width: 36px; } }

.el-footer-contact__annotation {
  text-align: center; }
  .el-footer-contact__annotation span {
    font-size: 20px; }
  .el-footer-contact__annotation strong {
    font-weight: 400; }
  @media (max-width: 991.98px) {
    .el-footer-contact__annotation span {
      font-size: 16px; } }

.el-footer-links {
  margin-top: 100px;
  padding: 50px 0;
  background-color: #FFECE0; }
  .el-footer-links h2 {
    margin-bottom: 15px;
    border-bottom: 1px solid var(--el-line-grey2); }
  @media (max-width: 991.98px) {
    .el-footer-links {
      margin-top: 40px;
      padding: 30px 0; }
      .el-footer-links .row {
        margin-right: -20px;
        margin-left: -20px;
        border-top: 1px solid var(--el-line-grey2); }
        .el-footer-links .row .footer-item {
          padding-right: 20px;
          padding-left: 20px;
          border-color: var(--el-line-grey2); }
        .el-footer-links .row button {
          font-weight: 500;
          line-height: 3.5rem; }
        .el-footer-links .row .menu-footer {
          margin-top: 10px; } }

.el-footer-links__button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 10px;
  background-color: var(--el-color-primary);
  color: white;
  line-height: 1;
  padding: .5em;
  font-weight: 500;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease; }
  .el-footer-links__button:hover {
    opacity: .6;
    text-decoration: none;
    color: currentColor; }
  .el-footer-links__button:hover {
    color: white; }
  @media (max-width: 991.98px) {
    .el-footer-links__button {
      margin-top: 30px;
      padding: 1em;
      font-size: 13px; } }

.el-footer-supports {
  margin-top: 40px;
  font-size: 14px; }
  .el-footer-supports p {
    margin-bottom: 0; }
  @media (max-width: 991.98px) {
    .el-footer-supports {
      margin-top: 30px; } }

.el-footer-logo {
  margin-top: 40px; }
  @media (max-width: 991.98px) {
    .el-footer-logo {
      margin-top: 30px; } }

.el-footer-copyright {
  margin-top: 40px;
  background-color: var(--el-color-primary);
  color: white;
  font-size: 14px; }
  .el-footer-copyright .copyright {
    margin: 0;
    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;
    height: 50px; }
  @media (max-width: 991.98px) {
    .el-footer-copyright {
      margin-top: 30px; } }

h1.product-category-header {
  padding-right: 15px;
  padding-left: 15px;
  font-family: 'Noto Serif', 'Noto Serif Japanese' !important;
  margin-bottom: 1rem;
  font-size: 1.8rem;
  margin-top: -3.2rem; }
  @media (max-width: 768.98px) {
    h1.product-category-header {
      margin-top: 1rem;
      font-size: 1.6rem; } }

.product-category-description {
  margin-bottom: 2rem; }
  @media (max-width: 991.98px) {
    .product-category-description {
      margin-right: -10px;
      margin-left: -10px; } }
  @media (max-width: 768.98px) {
    .product-category-description {
      margin-bottom: 0; } }

.refinement-カテゴリから選ぶ,
.refinement-価格,
.refinement-飲み物から選ぶ,
.refinement-色・コーティングから選ぶ,
.refinement-種類から選ぶ,
.refinement-都道府県から選ぶ {
  background-color: #fff; }

.refinement-カテゴリから選ぶ .values ul {
  margin-top: 0.2rem;
  padding-bottom: 0; }
  .refinement-カテゴリから選ぶ .values ul li {
    padding: 1px 0; }
    .refinement-カテゴリから選ぶ .values ul li > .values {
      display: none; }
    @media (max-width: 768.98px) {
      .refinement-カテゴリから選ぶ .values ul li {
        padding-top: 0.313em;
        padding-bottom: 0.313em; } }

/* PLP カテゴリ項目のインデント */
ul.values.content li > ul.values.content {
  text-indent: 0.4rem; }

.search-results #product-search-results .result-count {
  display: none; }

.el-products-banner {
  margin: 60px auto;
  height: auto; }
  .el-products-banner h1.page-title {
    position: static;
    padding: 0;
    margin: 0;
    display: block !important; }
    .el-products-banner h1.page-title::before {
      display: none; }
    .el-products-banner h1.page-title img {
      display: block;
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
      margin-right: auto;
      margin-left: auto; }
  @media (max-width: 991.98px) {
    .el-products-banner {
      margin: 30px auto;
      padding: 0 20px;
      height: auto; } }

/* primary-images
  -------------------------------------------------------------------- */
.carousel {
  border: 1px solid var(--el-line-grey); }
  .carousel .icon-prev,
  .carousel .icon-next {
    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;
    padding-top: 0; }
    .carousel .icon-prev::before,
    .carousel .icon-next::before {
      font-size: 40px;
      line-height: 1; }
  .carousel .carousel-indicators li {
    background-color: #ccc; }
    .carousel .carousel-indicators li.active {
      background-color: black; }
  .carousel a {
    text-decoration: none !important; }
  @media (max-width: 543.98px) {
    .carousel {
      border: 0; } }

/* product-detail-info
  -------------------------------------------------------------------- */
.product-detail-info a,
.description-and-detail a {
  text-decoration: underline; }

.description-and-detail {
  margin-top: 80px; }
  @media (max-width: 991.98px) {
    .description-and-detail {
      margin-top: 40px; } }

.product-breadcrumb {
  margin-bottom: 10px; }

.product-breadcrumb .breadcrumb {
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  border-top: 0; }

.product-detail-info {
  /* Staff Comment
  -------------------------------------------------------------------- */ }
  @media (min-width: 769px) {
    .product-detail-info {
      margin: 0; } }
  .product-detail-info .breadcrumb {
    border-bottom: 0; }
  .product-detail-info .long-description {
    margin-top: 0;
    margin-bottom: 1rem; }
    .product-detail-info .long-description p {
      margin-bottom: 0; }
  .product-detail-info .price-and-quantity {
    margin-right: 0;
    margin-left: 0;
    padding: 0;
    border-top: 1px solid var(--el-line-grey);
    border-bottom: 1px solid var(--el-line-grey); }
    @media (max-width: 543.98px) {
      .product-detail-info .price-and-quantity {
        padding: 10px 0; } }
  .product-detail-info .error-message {
    margin: 1rem 0; }
  .product-detail-info .price-and-quantity .pdp-row-price {
    padding: 0; }
    .product-detail-info .price-and-quantity .pdp-row-price .price-label {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 32%;
              flex: 0 0 32%; }
    .product-detail-info .price-and-quantity .pdp-row-price .price-details {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 68%;
              flex: 0 0 68%;
      padding-right: 0; }
      @media (max-width: 768.98px) {
        .product-detail-info .price-and-quantity .pdp-row-price .price-details .price {
          font-size: 1rem; } }
  .product-detail-info .price-and-quantity .pdp-row-quantity {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 42%;
            flex: 0 0 42%;
    padding-right: 0; }
    .product-detail-info .price-and-quantity .pdp-row-quantity .quantity-label {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 40%;
              flex: 0 0 40%; }
  .product-detail-info .quick-action-button .cart-and-ipay {
    padding: 0; }
    @media (max-width: 543.98px) {
      .product-detail-info .quick-action-button .cart-and-ipay .btn {
        width: 100%;
        margin: 0;
        display: block; } }
  .product-detail-info .social-sp-views {
    margin-top: 1rem; }
  .product-detail-info .product-description .product-estimated-delivery-time-not-asset {
    border: none;
    padding: 0; }
  .product-detail-info .product-option {
    font-size: inherit; }
    .product-detail-info .product-option:nth-child(2) {
      margin-top: 1rem; }
  .product-detail-info .el-variation {
    margin-top: 30px; }
  @media (max-width: 768.98px) {
    .product-detail-info {
      margin-top: 20px; } }
  .product-detail-info .attributes .row:nth-child(5) .col-12 > div {
    border: 1px solid #999;
    padding: 1rem;
    margin-bottom: 2rem; }
    .product-detail-info .attributes .row:nth-child(5) .col-12 > div h6 {
      font-weight: 600; }
    .product-detail-info .attributes .row:nth-child(5) .col-12 > div p {
      margin-bottom: 0; }

.attributes {
  padding: 0; }

h1.product-name {
  font-size: 1.6rem;
  margin-bottom: 1rem;
  border-bottom: 0;
  font-family: "Noto Serif JP", serif !important;
  font-size: 36px;
  font-weight: 500; }
  @media (max-width: 768.98px) {
    h1.product-name {
      font-size: 24px;
      margin-top: 1rem; } }

.description-and-detail p,
.el-desc p {
  margin-bottom: 1.4rem; }

.description-and-detail h2.title,
.el-desc h2.title {
  font-family: "Noto Serif JP", serif !important;
  font-size: 24px;
  font-weight: 500; }

.description-and-detail h4,
.el-desc h4 {
  font-size: 1.2rem; }

.description-and-detail h5,
.el-desc h5 {
  font-size: 1rem; }

@media (max-width: 543.98px) {
  .description-and-detail h2.title,
  .el-desc h2.title {
    font-size: 20px; }
  .description-and-detail .title::after,
  .el-desc .title::after {
    display: none; }
  .description-and-detail .content,
  .el-desc .content {
    margin-top: 20px;
    display: block; } }

@media (max-width: 543.98px) {
  .cart-and-ipay {
    padding: 0.625em; } }

.long-description {
  /* table */ }
  @media (max-width: 768.98px) {
    .long-description {
      margin-top: 1rem; } }
  .long-description table {
    width: 100%;
    text-align: center;
    margin-bottom: 1rem; }
    .long-description table th {
      background: #f8f8f8;
      font-weight: 400; }
      .long-description table th.quantity {
        width: 12%; }
    .long-description table td.no {
      width: 12%; }
    @media (max-width: 768.98px) {
      .long-description table {
        font-size: 0.8125rem; } }

@media (min-width: 992px) {
  .details-aboutProduct,
  .details-aboutCraftman,
  .details-aboutDesign,
  .details-aboutLifetimeCompensation,
  .details-aboutSpecification,
  .details-aboutAttention {
    padding-top: 1rem; }
    .details-aboutProduct .col-lg-3,
    .details-aboutCraftman .col-lg-3,
    .details-aboutDesign .col-lg-3,
    .details-aboutLifetimeCompensation .col-lg-3,
    .details-aboutSpecification .col-lg-3,
    .details-aboutAttention .col-lg-3 {
      background-color: #f8f8f8;
      padding: 1rem; } }

.long-description table th,
table td {
  border: solid 1px #ccc; }

/* Product Delivery Time
  -------------------------------------------------------------------- */
.banner_rd,
.banner_bk {
  margin: 2rem 0 1rem; }
  .banner_rd ul,
  .banner_bk ul {
    -webkit-padding-start: 0;
            padding-inline-start: 0;
    margin: 0; }
  .banner_rd dl,
  .banner_bk dl {
    display: table;
    margin: 0;
    padding: 0; }
  .banner_rd .campaign-title,
  .banner_bk .campaign-title {
    font-weight: bold;
    white-space: nowrap;
    margin-right: 5px;
    display: table-cell;
    vertical-align: middle; }
  .banner_rd .detail,
  .banner_bk .detail {
    word-break: normal;
    word-wrap: break-word;
    overflow: hidden;
    margin-left: 10px;
    margin-bottom: 0; }
  .banner_rd .attention dl .detail,
  .banner_bk .attention dl .detail {
    word-break: normal;
    word-wrap: break-word;
    overflow: hidden;
    width: 99.5%;
    margin-left: 5px; }

.banner_rd li.bannerLimited {
  border: 1px solid #a40000;
  padding: 3px 5px;
  *padding: 0 5px;
  background-color: #fff;
  display: inline-block;
  vertical-align: bottom;
  color: #a40000;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  *display: inline;
  *zoom: 1;
  white-space: auto;
  min-width: 225px;
  margin-bottom: 10px; }
  .banner_rd li.bannerLimited dt {
    color: #a40000 !important; }
  .banner_rd li.bannerLimited a {
    color: #a40000 !important;
    text-decoration: none !important; }

.banner_rd .attention {
  display: inline-block;
  vertical-align: bottom;
  color: #a40000; }
  .banner_rd .attention dt {
    color: #a40000 !important; }
  .banner_rd .attention a {
    color: #a40000 !important;
    text-decoration: none !important; }
  .banner_rd .attention dl.banner_bk .attention dl {
    display: table; }

.banner_bk .attention {
  display: inline-block;
  vertical-align: bottom;
  color: #000000; }
  .banner_bk .attention dt {
    color: #000000 !important; }
  .banner_bk .attention a {
    color: #000000 !important;
    text-decoration: underline !important;
    font-size: inherit; }

/* Product Award
  -------------------------------------------------------------------- */
.aw_set {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #999;
  padding: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.aw_txt {
  margin-bottom: 0; }

.product-award {
  margin-top: 1rem;
  margin-bottom: 1rem; }

.aw_img {
  width: 20%; }
  @media (max-width: 768.98px) {
    .aw_img {
      width: 30%; } }

/* Product About Options
  -------------------------------------------------------------------- */
.optionTitle {
  display: table;
  table-layout: fixed;
  margin-bottom: 0.3rem; }
  .optionTitle img {
    display: table-cell;
    vertical-align: middle; }
  .optionTitle p {
    padding-top: 2px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: table-cell;
    vertical-align: middle;
    font-weight: 600;
    font-size: 0.9rem; }

.product-options {
  margin: 1rem auto; }

.pdp-about-option-button {
  display: none; }

/* PLP Wishlist Icon Position */
.search-results .product-grid .wishlistTile span.fa-stack {
  position: absolute;
  bottom: 1rem;
  left: 1rem;
  top: auto;
  right: auto; }
  @media (max-width: 991.98px) {
    .search-results .product-grid .wishlistTile span.fa-stack {
      left: 6px; } }

/* Recommendations
  -------------------------------------------------------------------- */
/* こちらの商品もどうぞ */
.recommendations h2 {
  font-size: 1.2rem !important; }

.el-search-results-main {
  margin-top: -57px; }
  @media (max-width: 991.98px) {
    .el-search-results-main {
      margin-top: -48px; } }
  @media (max-width: 768.98px) {
    .el-search-results-main {
      margin-top: 0; } }

.el-variation-item {
  margin-bottom: 30px; }
  .el-variation-item__img {
    position: relative;
    margin-bottom: 5px !important; }
    .el-variation-item__img .el-label-green {
      position: absolute;
      top: 0;
      left: 0;
      font-size: 12px; }
  .el-variation-item__name, .el-variation-item__price {
    font-size: 15px;
    line-height: 1.3; }
  .el-variation-item__name {
    margin-bottom: 5px !important; }
  .el-variation-item__price {
    margin-bottom: 0 !important; }
  .el-variation-item a {
    text-decoration: none; }
    .el-variation-item a:hover {
      text-decoration: underline; }
  @media (max-width: 768.98px) {
    .el-variation-item__name, .el-variation-item__price {
      font-size: 13px; } }

.btn-primary-to-add-to-cart {
  background-color: var(--el-text);
  color: white;
  border-color: var(--el-text);
  height: 50px;
  font-weight: 500;
  font-size: 14px;
  border-radius: 0;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease; }
  .btn-primary-to-add-to-cart:hover {
    opacity: .6;
    text-decoration: none;
    color: currentColor; }
  .btn-primary-to-add-to-cart:hover {
    color: white !important; }

.el-add-cart,
.el-add-fav {
  display: inline-block;
  margin-right: 5px; }

.add-to-wish-list {
  height: 50px;
  border-radius: 0;
  font-size: 14px;
  font-weight: 500;
  border-color: #707070;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease; }
  .add-to-wish-list:hover {
    opacity: .6;
    text-decoration: none;
    color: currentColor; }
  .add-to-wish-list:hover {
    background-color: white;
    border-color: #707070;
    color: var(--el-text) !important; }

.el-quantity {
  margin-bottom: 20px; }

.el-price-and-add {
  margin-bottom: 20px; }

.el-add-item {
  padding: 12px 0;
  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;
  border-top: 1px solid var(--el-line-grey);
  border-bottom: 1px solid var(--el-line-grey); }
  .el-add-item:not(:first-of-type) {
    border-top: 0; }
  .el-add-item__left {
    position: relative;
    width: 60%;
    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; }
  .el-add-item__right {
    width: 40%;
    padding-left: 15px;
    border-left: 1px solid var(--el-line-grey); }
  .el-add-item__course {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .el-add-item__label {
    margin-right: auto; }
  .el-add-item__price {
    font-size: 21px; }
  .el-add-item .el-discount-label {
    position: static;
    margin-right: 5px;
    font-size: 10px; }
    .el-add-item .el-discount-label .num {
      font-size: 14px; }
  @media (max-width: 991.98px) {
    .el-add-item {
      display: block; }
      .el-add-item__left {
        width: 100%; }
      .el-add-item__right {
        margin-top: 10px;
        margin-left: 0;
        padding-left: 0;
        border-left: 0;
        width: 100%; } }

.el-js-password {
  position: relative; }
  .el-js-password .fa {
    position: absolute;
    top: 15px;
    right: 10px;
    font-size: 20px;
    cursor: pointer;
    color: var(--el-text); }

.el-layout .el-layout__header {
  margin-top: 60px;
  margin-bottom: 80px; }
  .el-layout .el-layout__header h1 {
    margin-bottom: 60px;
    font-family: "Noto Serif JP", serif !important;
    font-size: 48px;
    line-height: 1.3;
    font-weight: 500; }
    .el-layout .el-layout__header h1 .el-layout__smaller {
      display: block;
      font-size: .5em; }
  @media (max-width: 991.98px) {
    .el-layout .el-layout__header {
      margin-top: 30px; }
      .el-layout .el-layout__header h1 {
        font-size: 30px; } }

.el-layout section {
  margin-bottom: 30px; }
  .el-layout section:is(section + *) {
    margin-top: 60px; }

.el-layout .el-layout__row:not(:first-child) {
  margin-top: 30px; }

.el-layout .el-layout__row [class*='col'] > *:last-child {
  margin-bottom: 0; }

.el-layout .el-layout__row [class*='col'] > :where(h2),
.el-layout .el-layout__row [class*='col'] > :where(h3),
.el-layout .el-layout__row [class*='col'] > :where(h4),
.el-layout .el-layout__row [class*='col'] > :where(h5) {
  margin-top: 0; }

@media (max-width: 768.98px) {
  .el-layout .el-layout__row {
    margin-bottom: 20px; }
    .el-layout .el-layout__row [class*='col-12'] + [class*='col-12'] {
      margin-top: 20px; } }

.el-layout h2 a, .el-layout h3 a, .el-layout h4 a, .el-layout h5 a {
  text-decoration: none; }

.el-layout :where(h2) {
  font-family: "Noto Serif JP", serif !important;
  padding-left: 20px;
  margin-bottom: 40px;
  border-left: 4px solid var(--el-color-primary);
  font-size: 30px;
  font-weight: 500; }
  .el-layout :where(h2):is(* + *) {
    margin-top: 80px; }

.el-layout :where(h3) {
  font-size: 20px;
  margin-bottom: 1em;
  font-weight: 700; }
  .el-layout :where(h3):is(* + *) {
    margin-top: 60px; }
  .el-layout :where(h3):is(h2 + *) {
    margin-top: 40px; }

.el-layout :where(h4) {
  margin-top: 1em;
  margin-bottom: .5em;
  font-size: 16px; }

.el-layout :where(p) {
  margin-bottom: 30px; }

.el-layout ul.el-list--dot {
  margin-bottom: 30px; }

.el-layout .el-layout-annotation {
  margin-top: -15px;
  font-size: 13px;
  line-height: 1.5;
  padding-left: 1em; }
  .el-layout .el-layout-annotation::before {
    content: "※";
    display: inline-block;
    margin-left: -1em; }

.el-layout picture {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 15px; }

@media (max-width: 543.98px) {
  .el-layout :where(h2) {
    font-size: 22px;
    margin-bottom: 20px;
    padding-left: 15px;
    line-height: 1.5; }
    .el-layout :where(h2):is(* + *) {
      margin-top: 50px; }
  .el-layout :where(h3) {
    font-size: 16px;
    line-height: 1.5; }
    .el-layout :where(h3):is(* + *) {
      margin-top: 20px; }
  .el-layout :where(h4) {
    font-size: 14px;
    line-height: 1.5; }
  .el-layout :where(p) {
    margin-bottom: 20px; }
  .el-layout ul.el-list--dot {
    margin-bottom: 20px; } }

[class*="el-layout-bg"] {
  margin: 0 0 30px;
  padding: 20px;
  background-color: var(--el-color-bg); }
  [class*="el-layout-bg"].row {
    padding-right: 10px;
    padding-left: 10px; }
  [class*="el-layout-bg"] [class*='col-'] > *:last-child,
  [class*="el-layout-bg"] .col > *:last-child {
    margin-bottom: 0; }
  [class*="el-layout-bg"] [class*='col-'] > h2,
  [class*="el-layout-bg"] [class*='col-'] > h3,
  [class*="el-layout-bg"] [class*='col-'] > h4,
  [class*="el-layout-bg"] [class*='col-'] > h5,
  [class*="el-layout-bg"] .col > h2,
  [class*="el-layout-bg"] .col > h3,
  [class*="el-layout-bg"] .col > h4,
  [class*="el-layout-bg"] .col > h5 {
    margin-top: 0; }
  [class*="el-layout-bg"] > *:first-child {
    margin-top: 0 !important; }
  [class*="el-layout-bg"] > *:last-child {
    margin-bottom: 0 !important; }
  @media (max-width: 543.98px) {
    [class*="el-layout-bg"] {
      margin-bottom: 20px;
      padding: 20px 10px; } }

.el-layout-bg2 {
  background-color: var(--el-color-bg2); }

.el-layout-bg3 {
  background-color: var(--el-color-bg3);
  color: var(--el-color-red); }

.el-layout-bg-yellow {
  background-color: var(--el-color-bg4); }

.el-layout-bg-pink {
  background-color: #FCEFE7;
  border: 1px solid #ECCBC6; }

.el-layout-bg-blue {
  background-color: #E6F0FF;
  border: 1px solid #D8E7FA; }

.el-layout-bg-white {
  background-color: white;
  border: 2px solid #D6D6D6; }

.el-over-title {
  margin-bottom: -30px; }

.el-layout-border {
  margin-bottom: 30px;
  padding: 20px;
  border: 1px solid var(--el-line-grey); }
  .el-layout-border [class*='col-'] > *:last-child,
  .el-layout-border .col > *:last-child {
    margin-bottom: 0; }
  .el-layout-border [class*='col-'] > h2,
  .el-layout-border [class*='col-'] > h3,
  .el-layout-border [class*='col-'] > h4,
  .el-layout-border [class*='col-'] > h5,
  .el-layout-border .col > h2,
  .el-layout-border .col > h3,
  .el-layout-border .col > h4,
  .el-layout-border .col > h5 {
    margin-top: 0; }
  .el-layout-border > *:first-child {
    margin-top: 0 !important; }
  .el-layout-border > *:last-child {
    margin-bottom: 0 !important; }
  .el-layout-border:last-of-type {
    margin-bottom: 0; }
  .el-layout-border :where(p) {
    margin-bottom: 1em; }
  .el-layout-border :where(h2) {
    font-size: 28px;
    border: 0;
    padding-left: 0; }
  .el-layout-border--yellow {
    border-color: var(--el-color-yellow); }
  .el-layout-border dl {
    margin-bottom: 5px;
    display: table; }
    .el-layout-border dl dt, .el-layout-border dl dd {
      display: table-cell;
      vertical-align: top;
      margin-bottom: 0; }
    .el-layout-border dl dt {
      white-space: nowrap; }
    .el-layout-border dl dd {
      padding-left: 4px; }
  @media (max-width: 543.98px) {
    .el-layout-border {
      margin-bottom: 20px;
      padding: 15px; }
      .el-layout-border [class*='col-12'] + [class*='col-12'] {
        margin-top: 20px; }
      .el-layout-border :where(h2) {
        font-size: 22px; }
      .el-layout-border :where(p) {
        margin-bottom: 10px; } }

.el-layout-banner {
  margin-bottom: 30px; }
  @media (max-width: 991.98px) {
    .el-layout-banner {
      margin-bottom: 20px; } }

.el-layout-underline {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px dotted var(--el-line-grey); }
  .el-layout-underline dt {
    font-weight: bold; }
  .el-layout-underline dd {
    margin-bottom: 0; }
  .el-layout-underline p {
    margin-bottom: 0; }
  .el-layout-underline img {
    vertical-align: top; }
  @media (max-width: 991.98px) {
    .el-layout-underline {
      padding-bottom: 15px;
      margin-bottom: 15px; } }

.el-layout-catch {
  font-family: "Noto Serif JP", serif !important;
  margin-bottom: 40px;
  font-size: 30px;
  font-weight: 500 !important; }
  @media (max-width: 991.98px) {
    .el-layout-catch {
      font-size: 22px;
      margin-bottom: 20px;
      line-height: 1.5; } }

.el-layout-catch2 {
  font-family: "Noto Serif JP", serif !important;
  font-size: 28px;
  font-weight: normal; }
  @media (max-width: 991.98px) {
    .el-layout-catch2 {
      font-size: 24px; } }

.el-layout-card {
  border: 1px solid var(--el-line-grey);
  padding: 20px; }
  .el-layout-card__head {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid var(--el-line-grey); }
    .el-layout-card__head p {
      font-size: 14px; }
  .el-layout-card__img {
    margin-bottom: 1em; }
  .el-layout-card .el-layout-catch {
    font-size: 25px;
    margin-bottom: 20px; }
  .el-layout-card a {
    text-decoration: none; }
    .el-layout-card a:hover {
      text-decoration: underline; }
  .el-layout-card p {
    margin-bottom: 0; }
  @media (max-width: 991.98px) {
    .el-layout-card__head {
      padding-bottom: 15px;
      margin-bottom: 15px; }
      .el-layout-card__head p {
        font-size: 12px; }
    .el-layout-card .el-layout-catch {
      font-size: 20px;
      margin-bottom: 10px; } }

.el-layout-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 50px;
  margin-bottom: 30px;
  font-size: 20px;
  padding: 10px;
  margin-bottom: 30px;
  background-color: #EEEEEE;
  color: #2B2B2B; }
  .el-layout-bar i {
    margin-right: 10px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 31px;
    height: 31px;
    border-radius: 31px;
    background-color: white;
    font-style: normal; }
  .el-layout-bar span {
    display: block;
    font-size: .7em; }
  .el-layout-bar--yellow {
    background-color: var(--el-color-yellow); }
  @media (max-width: 991.98px) {
    .el-layout-bar {
      margin-bottom: 20px;
      height: auto;
      font-size: 16px; }
      .el-layout-bar span {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto; } }

.el-layout-tabs {
  margin-bottom: 30px; }
  .el-layout-tabs .nav-link {
    background-color: #FFECE0;
    font-size: 20px;
    color: var(--el-color-primary) !important; }
    .el-layout-tabs .nav-link:hover {
      background-color: #FFECE0 !important; }
    .el-layout-tabs .nav-link.active {
      background-color: var(--el-color-primary) !important;
      color: white !important; }
  @media (max-width: 991.98px) {
    .el-layout-tabs {
      margin-bottom: 20px; } }

.el-btn {
  background-color: var(--el-button) !important;
  border-color: var(--el-button);
  color: white !important;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease; }
  .el-btn:hover {
    opacity: .6;
    text-decoration: none;
    color: currentColor; }
  .el-btn:active {
    border-color: var(--el-button); }

.btn,
.form-control {
  border-radius: 0 !important; }

.btn {
  height: 50px;
  font-size: 14px;
  font-weight: 500;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease; }
  .btn:hover {
    opacity: .6;
    text-decoration: none;
    color: currentColor; }

a.btn {
  text-decoration: none !important; }

.btn-primary {
  background-color: var(--el-button);
  border-color: var(--el-button); }

.btn-block {
  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; }

.zipCode-button button {
  border: 1px solid black; }

.next-step-button {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 3;
  padding-right: 0;
  padding-left: 0; }
  .next-step-button .privacy-policy {
    padding-bottom: 20px !important; }
  @media (max-width: 543.98px) {
    .next-step-button {
      background-color: rgba(255, 255, 255, 0.95);
      -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
              box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); }
      .next-step-button div {
        padding: 1rem; } }
  @media (min-width: 544px) {
    .next-step-button {
      position: static;
      padding-right: 0.938em;
      padding-left: 0.938em; } }

.card {
  border-color: var(--el-line-grey3);
  border-radius: 0;
  margin-bottom: 20px; }
  .card a {
    text-decoration: underline; }
    .card a:hover {
      text-decoration: underline; }

.card-header {
  padding: 20px;
  border-color: var(--el-line-grey3); }
  .card-header .btn {
    height: 35px; }
  .card-header:last-of-type {
    border-bottom-width: 0; }
  @media (max-width: 991.98px) {
    .card-header h2 {
      font-size: 20px; } }

.el-no-border {
  border-bottom: 0; }

.card-header-custom {
  font-weight: bold; }

.card-body {
  padding: 20px; }

.card-footer {
  padding: 20px;
  border-color: var(--el-line-grey3); }

.product-info {
  background-color: var(--el-color-bg3); }

.forgot-password {
  text-decoration: underline; }

.request-password-body {
  margin-bottom: 25px; }

.login-page .login {
  margin-bottom: 0; }

.login-page .login-form-nav {
  margin-bottom: 0; }

.form-control {
  height: 50px; }

input[type="text"],
input[type="email"],
input[type="password"] {
  height: 50px; }

.form-group,
.forgot-password {
  margin-bottom: 25px; }

.form-check.start-lines {
  padding-left: 0; }

.form-check-input {
  margin-top: .5em; }

.leading-lines {
  margin-right: 0;
  margin-left: 0; }

.registration-policy {
  border-color: var(--el-color-line); }

.request-password-title {
  margin-bottom: 20px; }

.el-checkout-stap {
  margin-bottom: 30px; }
  .el-checkout-stap img {
    vertical-align: bottom; }
  @media (max-width: 991.98px) {
    .el-checkout-stap {
      margin-bottom: 20px; } }

.el-checkout-stap__shipping,
.el-checkout-stap__payment,
.el-checkout-stap__placeOrder,
.el-checkout-stap__shipping,
.el-checkout-text {
  display: none; }

.el-checkout-text .el-list--annotation {
  font-size: 16px; }

.el-checkout-text .card-body + .card-body {
  border-top: 1px solid var(--el-line-grey3); }

@media (max-width: 991.98px) {
  .el-checkout-text {
    font-size: 14px; }
    .el-checkout-text .el-list--annotation {
      font-size: 14px; }
    .el-checkout-text.el-border-green .el-list--annotation {
      font-size: 14px; } }

.data-checkout-stage[data-checkout-stage="shipping"] .el-checkout-stap__shipping {
  display: block; }

.data-checkout-stage[data-checkout-stage="payment"] .el-checkout-stap__payment {
  display: block; }

.data-checkout-stage[data-checkout-stage="placeOrder"] .el-checkout-stap__placeOrder,
.data-checkout-stage[data-checkout-stage="placeOrder"] .el-checkout-text {
  display: block; }

.order-thank-you-email-msg {
  margin-top: 30px;
  margin-bottom: 30px;
  padding: 20px;
  border: 1px solid var(--el-line-grey);
  color: var(--el-color-red); }

.data-checkout-stage[data-checkout-stage='placeOrder'] .summary-more-description.txt_terms {
  margin-bottom: 25px; }

.billing-nav .nav-link {
  padding-top: 5px;
  padding-bottom: 7px; }
  .billing-nav .nav-link img {
    width: 70px;
    height: auto; }

@media (max-width: 991.98px) {
  .billing-nav .nav-link img {
    width: 50px; } }

.summary-section-label {
  font-weight: 600; }

.order-list-container .img-fluid {
  border: 1px solid var(--el-line-grey); }

.order-product-summary .item-image img {
  border: 1px solid var(--el-line-grey); }

.order-product-summary .product-line-item + .product-line-item {
  padding-top: 20px;
  position: relative; }
  .order-product-summary .product-line-item + .product-line-item::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    margin: 0 -20px;
    width: calc(100% + 40px);
    border-bottom: 1px solid var(--el-line-grey); }

.modal {
  padding-right: 0 !important; }

.quick-view-dialog .modal-footer .prices .sales .value {
  color: var(--el-text); }

.product-quickview .detail-panel {
  background: none; }
  .product-quickview .detail-panel .el-variation-item {
    margin-top: 0; }

.quick-view-dialog .product-name {
  font-size: 32px;
  line-height: 1.4;
  margin-bottom: 0; }

.quick-view-dialog .detail-panel hr {
  margin: 30px 0; }

.quick-view-dialog .modal-header {
  border-bottom: 0; }
  .quick-view-dialog .modal-header .full-pdp-link {
    text-decoration: underline; }

.quick-view-dialog .modal-header .full-pdp-link {
  color: var(--el-text); }

.quick-view-dialog .modal-body {
  padding-top: 30px; }

.quick-view-dialog .modal-footer {
  padding-bottom: 30px; }
  .quick-view-dialog .modal-footer .el-list--annotation {
    font-size: 12px; }

.quick-view-dialog .el-variation-item__name, .quick-view-dialog .el-variation-item__price {
  font-size: 13px; }

.quick-view-dialog .el-add-item__left {
  width: 50%; }

.quick-view-dialog .el-add-item__right {
  width: 50%; }

@media (max-width: 991.98px) {
  .quick-view-dialog .modal-body {
    padding-top: 16px; }
  .quick-view-dialog .modal-footer {
    padding-bottom: 16px; }
  .quick-view-dialog .detail-panel hr {
    margin: 16px 0; }
  .quick-view-dialog .product-name {
    font-size: 24px; }
  .quick-view-dialog .modal-footer .prices .price,
  .choose-bonus-product-dialog .modal-footer .prices .price {
    font-size: 24px; } }

@media (max-width: 991.98px) {
  .number-of-items {
    font-size: 18px; } }

@media (max-width: 768.98px) {
  .number-of-items {
    margin-top: 0; } }

.continue-shopping-link {
  text-decoration: underline; }

.no-margin-top {
  margin: 15px 0 30px;
  border-color: var(--el-line-grey); }
  @media (max-width: 768.98px) {
    .no-margin-top {
      margin: 5px 0 15px; } }

.product-info {
  border-color: #E6E6E6;
  margin-bottom: 9px; }
  .product-info .line-item-divider {
    margin: 10px -10px;
    border-color: #E6E6E6; }
  .product-info .remove-btn-lg {
    height: auto; }
    .product-info .remove-btn-lg span {
      font-weight: 300;
      -webkit-transform: translateY(-4px);
              transform: translateY(-4px);
      display: inline-block; }

@media (max-width: 1199.98px) {
  .remove-line-item {
    margin-top: -6px; } }

.quantity-form .custom-select {
  height: 42px; }

.el-discount {
  color: #008827;
  font-weight: 400; }
  .el-discount .sub-total,
  .el-discount strong {
    font-weight: 400; }

.product-line-item + .product-line-item::before,
.multi-shipping + .product-line-item::before {
  display: none; }

.product-line-item + .product-line-item {
  margin-top: 30px; }

@media (max-width: 991.98px) {
  .cart .checkout-continue {
    -webkit-box-shadow: none;
            box-shadow: none; } }

@media (max-width: 768.98px) {
  .container.checked-item a.slide-arrow.prev-arrow.fa.fa-angle-left.slick-arrow {
    left: -7vw; }
  .container.checked-item a.slide-arrow.next-arrow.fa.fa-angle-right.slick-arrow {
    right: -7vw; } }

.wishlist-owner {
  margin-bottom: 30px; }
  @media (max-width: 991.98px) {
    .wishlist-owner {
      margin-bottom: 20px; } }

.wishlistItemCards .product-info .remove-btn-lg {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content; }
  .wishlistItemCards .product-info .remove-btn-lg span {
    color: #2b2b2b;
    font-size: 20px; }

.wishlistItemCards .d-lg-none .remove-btn {
  background-color: transparent;
  font-size: 20px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content; }

@media (max-width: 991.98px) {
  .wishlistItemCards .product-card-price {
    margin-left: 0;
    margin-bottom: 0; }
  .wishlistItemCards .line-item-price-info {
    display: inline-block;
    margin-right: 1em;
    margin-bottom: 0; }
  .wishlistItemCards .price {
    display: inline-block; } }

.container.news-list {
  margin-top: 0;
  margin-bottom: 0;
  width: 100%; }
  .container.news-list .newsList {
    max-width: 824px;
    margin: 0 auto; }
    .container.news-list .newsList a {
      text-decoration: none; }
    .container.news-list .newsList .newsListDate {
      font-weight: bold; }
  .container.news-list .newsListInner {
    padding-right: 0;
    padding-left: 0; }
  @media (max-width: 1199.98px) {
    .container.news-list {
      max-width: 940px; } }
  @media (max-width: 991.98px) {
    .container.news-list {
      margin-bottom: 0;
      max-width: 720px; }
      .container.news-list .newsList .newsListDate,
      .container.news-list .newsList .newsListTitle {
        margin-left: 0; } }

.container.news-list h2.title {
  color: var(--el-text);
  font-family: "Noto Serif JP", serif !important;
  padding: 0;
  display: block;
  text-align: left;
  margin: 60px auto;
  font-size: 48px;
  font-weight: 500; }
  @media (max-width: 991.98px) {
    .container.news-list h2.title {
      margin: 30px auto 20px;
      padding-right: 0;
      padding-left: 0;
      font-size: 30px; } }

#news-detail {
  max-width: 824px;
  margin: 0 auto; }
  #news-detail h1 {
    margin-top: 60px;
    margin-bottom: 60px;
    font-family: "Noto Serif JP", serif !important;
    font-size: 30px;
    font-weight: 500;
    line-height: calc(44 / 30); }
  @media (max-width: 991.98px) {
    #news-detail h1 {
      margin: 30px auto 20px;
      font-size: 22px; } }

.news-breadcrumb {
  max-width: 824px;
  margin: 60px auto 0;
  padding-top: 15px;
  border-top: 1px solid var(--el-line-grey);
  font-size: 15px; }
  .news-breadcrumb p {
    margin-bottom: 0; }
  @media (max-width: 991.98px) {
    .news-breadcrumb {
      margin: 20px auto 0;
      padding-top: 17px;
      font-size: 13px; } }

.container.checked-item h2.title {
  margin-bottom: 30px;
  font-size: 20px; }
  @media (max-width: 991.98px) {
    .container.checked-item h2.title {
      margin-bottom: 20px;
      font-size: 18px;
      line-height: calc(30 / 18); } }

.container.checked-item .subTitle {
  display: none; }

.container.checked-item .contentInner {
  margin-top: 60px; }

.slide-arrow {
  text-decoration: none !important; }

.product-tile .tile-body .color-swatches {
  min-height: auto; }

.container.checked-item .product-tile .tile-body {
  padding-bottom: 0; }

.error-message {
  margin: 0 auto 60px;
  font-size: 24px;
  line-height: calc(35 / 24); }
  @media (max-width: 991.98px) {
    .error-message {
      margin-bottom: 30px;
      font-size: 20px; } }

.error.continue-shopping {
  margin-bottom: 0; }

.product-detail .swatch-circle {
  width: 77px;
  height: 77px;
  border-radius: 0;
  border-color: #DEDEDE; }

.product-detail .swatch-circle.color-value.selected {
  border-color: black;
  border-width: 3px; }

.product-detail .swatch-circle.color-value.selected::after {
  display: none; }

.el-qa h3 {
  font-size: 20px; }

.el-qa picture {
  display: block; }
  .el-qa picture img {
    width: 100%; }

@media (max-width: 768.98px) {
  .el-qa h3 {
    font-size: 16px; } }

@media (min-width: 544px) {
  .el-qa__links > [class*="col"] {
    margin-top: 30px; }
    .el-qa__links > [class*="col"]:nth-of-type(1), .el-qa__links > [class*="col"]:nth-of-type(2) {
      margin-top: 0; } }

@media (max-width: 768.98px) {
  .el-qa__links > [class*="col"]:not(:first-child) {
    margin-top: 10px; } }

.el-sub-title + .el-qa-shopping {
  margin-top: 0;
  padding-top: 0;
  border-top: 0; }

.el-qa-shopping {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px dashed var(--el-line-grey); }
  .el-qa-shopping__q {
    font-size: 20px;
    font-weight: bold; }
  .el-qa-shopping__a {
    margin-top: 10px;
    margin-bottom: 0; }
    .el-qa-shopping__a p {
      margin-bottom: 30px; }
      .el-qa-shopping__a p:last-child {
        margin-bottom: 0; }
  .el-qa-shopping--noborder {
    margin-top: 60px !important;
    padding-top: 0 !important;
    border: 0 !important; }
  @media (max-width: 543.98px) {
    .el-qa-shopping__q {
      line-height: 1.5 !important;
      font-size: 16px; } }

.el-qa-product {
  margin-top: 15px; }
  .el-qa-product__q {
    font-size: 20px;
    font-weight: bold; }
  .el-qa-product__a {
    margin-top: 10px;
    margin-bottom: 40px; }
  .el-qa-product--noborder {
    margin-top: 60px !important;
    padding-top: 0 !important;
    border: 0 !important; }
  @media (max-width: 543.98px) {
    .el-qa-product__q {
      line-height: 1.5 !important;
      font-size: 16px; }
    .el-qa-product__a {
      margin-bottom: 30px; } }

.el-qa .collapsible-xs .title,
.el-qa .collapsible-xl .title {
  position: relative;
  line-height: normal; }
  .el-qa .collapsible-xs .title::after,
  .el-qa .collapsible-xl .title::after {
    float: none !important;
    content: "" !important;
    position: absolute;
    top: .5em;
    left: 0;
    display: block;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228.326%22%20height%3D%2213.988%22%20viewBox%3D%220%200%208.326%2013.988%22%3E%20%3Cg%20id%3D%22icon-chev2%22%20transform%3D%22translate(-0.001%2013.988)%20rotate(-90)%22%3E%20%3Cpath%20id%3D%22%E5%90%88%E4%BD%93_66%22%20data-name%3D%22%E5%90%88%E4%BD%93%2066%22%20d%3D%22M11078.324-5581.675l1.333-1.331%2C5.661%2C5.661%2C5.661-5.661%2C1.333%2C1.331-6.993%2C7Z%22%20transform%3D%22translate(-11078.325%205583.006)%22%20fill%3D%22%23404040%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    width: 0.4em;
    height: 0.7em;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg); }

.el-qa .collapsible-xs.active .title::after,
.el-qa .collapsible-xl.active .title::after {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg); }

.el-qa .collapsible-xl .title {
  cursor: pointer;
  padding-left: 20px; }

.el-qa .collapsible-xs .title::after {
  display: none; }

@media (max-width: 543.98px) {
  .el-qa .collapsible-xs .title {
    cursor: pointer;
    padding-left: 20px; }
    .el-qa .collapsible-xs .title::after {
      display: block; } }

.el-qa-head {
  margin-bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .el-qa-head__img {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 110px;
            flex: 0 0 110px;
    width: 110px;
    margin-right: 20px; }
  .el-qa-head__text h2 {
    margin-bottom: 10px;
    color: var(--el-text);
    font-family: "Noto Serif JP", serif !important;
    font-size: 30px;
    font-weight: 500; }
  @media (max-width: 768.98px) {
    .el-qa-head__img {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 103px;
              flex: 0 0 103px;
      width: 103px; }
    .el-qa-head__text h2 {
      font-size: 22px; } }

.el-qa .el-footer-contact {
  padding: 10px; }

.el-agency-card {
  height: 100%;
  border: 1px solid var(--el-line-grey); }
  .el-agency-card__head {
    padding: 20px;
    background-color: #FEF6DA; }
    .el-agency-card__head h3 {
      margin-bottom: 0;
      font-size: 16px; }
  .el-agency-card__body {
    padding: 20px; }
  .el-agency-card ul {
    padding: 0;
    margin: 0;
    list-style: none; }
  .el-agency-card li {
    position: relative;
    padding: 0 0 0 32px; }
    .el-agency-card li:not(:first-child) {
      margin-top: 20px; }
    .el-agency-card li::before {
      position: absolute;
      top: .2em;
      left: 0;
      content: "";
      display: block;
      width: 24px;
      height: 24px;
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%20%3Cg%20id%3D%22icon-check%22%20transform%3D%22translate(-568%20-774)%22%3E%20%3Cg%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_1872%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%201872%22%20transform%3D%22translate(568%20774)%22%20fill%3D%22%23fff%22%20stroke%3D%22%23707070%22%20stroke-width%3D%221%22%3E%20%3Crect%20width%3D%2224%22%20height%3D%2224%22%20stroke%3D%22none%22%2F%3E%20%3Crect%20x%3D%220.5%22%20y%3D%220.5%22%20width%3D%2223%22%20height%3D%2223%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_11496%22%20data-name%3D%22%E3%83%91%E3%82%B9%2011496%22%20d%3D%22M3525.4%2C1801.964l5.146%2C5.146%2C8.854-8.576%22%20transform%3D%22translate(-2952.4%20-1016.209)%22%20fill%3D%22none%22%20stroke%3D%22%23e33c0b%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%223%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E"); }

.el-agency .el-down {
  -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
          clip-path: polygon(0 0, 100% 0, 50% 100%);
  background-color: var(--el-color-yellow);
  width: 61px;
  height: 34px;
  display: block;
  margin: 30px auto 20px; }

.el-agency-text1 {
  font-family: "Noto Serif JP", serif !important;
  color: var(--el-color-red);
  font-size: 25px;
  font-weight: 500;
  line-height: 1.3; }
  @media (max-width: 991.98px) {
    .el-agency-text1 {
      font-size: 22px; } }

.el-agency-line {
  padding: 20px;
  border: 2px solid var(--el-color-red);
  text-align: center; }
  .el-agency-line p {
    margin-bottom: 0; }
  .el-agency-line .el-agency-text1 {
    font-size: 28px; }
  @media (max-width: 991.98px) {
    .el-agency-line .el-agency-text1 {
      font-size: 20px; } }

.el-agency-text2 {
  margin-bottom: 0;
  font-family: "Noto Serif JP", serif !important;
  text-align: center;
  font-size: 30px;
  font-weight: 500; }
  @media (max-width: 991.98px) {
    .el-agency-text2 {
      font-size: 22px; } }

.el-agency-text3 {
  font-family: "Noto Serif JP", serif !important;
  text-align: center;
  color: #8F790D;
  font-size: 46px;
  font-weight: 700;
  line-height: 1.3; }
  @media (max-width: 991.98px) {
    .el-agency-text3 {
      font-size: 34px; } }

.el-agency .el-layout__border {
  height: 100%;
  margin-bottom: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  .el-agency .el-layout__border h3 {
    font-weight: 500; }
  .el-agency .el-layout__border .el-agency-text1 {
    text-align: left;
    font-size: 25px;
    margin-bottom: 20px; }

.el-agency .el-variation-item p {
  margin-bottom: 5px; }

.el-agency .el-variation-item__img {
  margin-bottom: 20px; }

@media (max-width: 991.98px) {
  .el-agency .el-variation-item__img {
    margin-bottom: 10px; } }

.el-howto .el-layout-tabs .nav-item {
  width: calc(33.3333% - 30px); }
  .el-howto .el-layout-tabs .nav-item:not(:first-child) {
    margin-left: 15px; }

.el-howto .el-layout-tabs .nav-link {
  padding-right: 0;
  padding-left: 0; }

@media (max-width: 768.98px) {
  .el-howto .el-layout-tabs .nav-item {
    width: calc(33.3333% - 10px); }
    .el-howto .el-layout-tabs .nav-item:not(:first-child) {
      margin-left: 10px; }
  .el-howto .el-layout-tabs .nav-link {
    height: 100%;
    padding: 6px 0 6px !important;
    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-size: 16px !important;
    line-height: 1.3; } }

.el-howto-lead {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 30px; }
  @media (max-width: 991.98px) {
    .el-howto-lead {
      font-size: 16px;
      line-height: calc(24 / 16); } }

.el-campaign-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .el-campaign-list__img {
    width: 50%;
    margin-right: 15px; }
    .el-campaign-list__img img {
      width: 100%; }
  .el-campaign-list__body {
    width: 50%;
    margin-left: 15px; }
  .el-campaign-list__title {
    font-family: "Noto Serif JP", serif !important;
    font-size: 28px;
    font-weight: 500;
    margin-bottom: 10px;
    line-height: 1.2; }
  .el-campaign-list__term {
    margin-bottom: 20px; }
  .el-campaign-list__text {
    margin-bottom: 0; }
  .el-campaign-list:not(:first-of-type) {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid var(--el-line-grey); }
  @media (max-width: 991.98px) {
    .el-campaign-list {
      display: block; }
      .el-campaign-list__img {
        width: 100%;
        margin-right: 0; }
      .el-campaign-list__body {
        width: 100%;
        margin-top: 20px;
        margin-left: 0; }
      .el-campaign-list__title {
        font-size: 26px;
        margin-bottom: 5px; } }
  .el-campaign-list:not(:first-of-type) {
    margin-top: 20px;
    padding-top: 20px; }

.el-list {
  display: grid;
  -webkit-column-gap: 32px;
     -moz-column-gap: 32px;
          column-gap: 32px;
  row-gap: 20px;
  grid-template-columns: repeat(4, 1fr); }
  @media (max-width: 991.98px) {
    .el-list {
      grid-template-columns: 1fr 1fr; } }
  @media (max-width: 543.98px) {
    .el-list {
      grid-template-columns: 1fr;
      row-gap: 1em; } }

/*** Web Font ***/
@font-face {
  font-family: number;
  src: local("frutiger");
  unicode-range: U+0030-0039; }

.el-section-header {
  margin-top: 100px; }
  .el-section-header h2, .el-section-header h3, .el-section-header h4 {
    position: relative;
    font-family: "Noto Serif JP", serif !important;
    font-weight: 500;
    font-style: normal;
    font-size: 30px;
    line-height: 1.5;
    padding-bottom: 5px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 40px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border-bottom: 2px solid var(--el-color-primary); }
  @media (max-width: 991.98px) {
    .el-section-header {
      margin-top: 40px; }
      .el-section-header h2, .el-section-header h3, .el-section-header h4 {
        font-size: 26px; } }

.el-thumb-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .el-thumb-links__img a {
    display: block;
    text-align: center; }
  .el-thumb-links__name {
    font-weight: bold;
    font-size: 22px;
    line-height: 1.4;
    color: var(--el-text); }
    .el-thumb-links__name a {
      text-decoration: none !important; }
      .el-thumb-links__name a:hover {
        text-decoration: underline !important; }
  .el-thumb-links__body {
    margin-top: 10px;
    font-size: 14px;
    color: var(--el-text); }
  @media (max-width: 991.98px) {
    .el-thumb-links__name {
      font-size: 18px; } }

.el-breadcrumb {
  margin: 60px auto 0;
  padding-top: 15px;
  border-top: 1px solid var(--el-line-grey);
  font-size: 15px; }
  .el-breadcrumb p {
    margin-bottom: 0; }
  @media (max-width: 991.98px) {
    .el-breadcrumb {
      margin: 20px auto 0;
      padding-top: 17px;
      font-size: 13px; } }

hr.el-line {
  margin-top: 15px;
  margin-bottom: 15px;
  border-color: var(--el-line-grey); }

.el-product-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid var(--el-line-grey); }
  .el-product-card__img {
    position: relative;
    width: 44%;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 44%;
            flex: 1 1 44%; }
  .el-product-card__body {
    margin-bottom: 0;
    width: 50%;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
    padding: 20px 20px 20px 10px; }
  .el-product-card__name {
    margin-bottom: 10px;
    line-height: 1.2; }
  .el-product-card__price {
    margin-bottom: 10px;
    line-height: 1.3; }
    .el-product-card__price .label {
      margin-bottom: .2em;
      display: block;
      color: var(--el-text); }
    .el-product-card__price .price {
      display: block;
      font-weight: bold;
      font-size: 22px;
      color: #FF0021; }
  .el-product-card__link {
    margin-bottom: 0; }
  @media (max-width: 991.98px) {
    .el-product-card__img {
      width: 33%; }
    .el-product-card__discount {
      top: 7px;
      left: 7px;
      width: 48px;
      height: 48px;
      font-size: 12px; }
      .el-product-card__discount .num {
        font-size: 16px; }
    .el-product-card__name {
      font-size: 14px; }
    .el-product-card__price .price {
      font-size: 14px; }
    .el-product-card__link {
      font-size: 12px; } }

.el-discount-label {
  position: absolute;
  top: 10px;
  left: 10px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-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;
  width: 4em;
  height: 4em;
  border-radius: 4em;
  background-color: #FF0021;
  color: white;
  font-size: 14px;
  line-height: 1;
  font-weight: bold; }
  .el-discount-label .num {
    font-size: 20px; }

.el-btn-green {
  background-color: var(--el-color-green2);
  border-color: var(--el-color-green2);
  color: white !important; }
  .el-btn-green:hover, .el-btn-green:active {
    background-color: var(--el-color-green2);
    border-color: var(--el-color-green2);
    color: white !important; }

.modal-footer .button-wrapper:has(.affirm + .decline) {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }
  .modal-footer .button-wrapper:has(.affirm + .decline) .affirm,
  .modal-footer .button-wrapper:has(.affirm + .decline) .decline {
    display: inline-block;
    width: 100px; }

.el-h100 {
  height: 100%; }

.el-w100 {
  width: 100%; }

.el-title {
  color: var(--el-text);
  font-family: "Noto Serif JP", serif !important;
  padding: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: left;
  margin: 60px auto;
  font-size: 48px;
  font-weight: 500; }
  @media (max-width: 991.98px) {
    .el-title {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      margin: 30px auto 30px;
      padding-right: 0;
      padding-left: 0;
      font-size: 30px; } }

.el-title__sub {
  padding-bottom: 15px;
  margin-bottom: 30px;
  font-size: 20px;
  font-weight: bold;
  border-bottom: 1px solid var(--el-line-grey); }
  @media (max-width: 991.98px) {
    .el-title__sub {
      padding-bottom: 10px;
      margin-bottom: 20px;
      font-size: 16px;
      border-color: black; } }

.el-color-primary {
  color: var(--el-color-primary); }

.el-color-red {
  color: var(--el-color-red); }

.el-color-green {
  color: var(--el-color-green); }

.el-color-green2 {
  color: var(--el-color-green2); }

.el-color-bluegreen {
  color: var(--el-color-bluegreen); }

.el-serif {
  font-family: "Noto Serif JP", serif !important; }

.el-medium {
  font-weight: 500; }

.el-bold {
  font-weight: bold; }

.el-normal {
  font-weight: normal; }

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

.el-font-init {
  padding-left: 0;
  border: 0; }

.el-sub-title {
  font-family: "Noto Serif JP", serif !important;
  padding-left: 20px;
  margin-bottom: 40px;
  border-left: 4px solid var(--el-color-primary);
  font-size: 30px;
  font-weight: 500; }
  .el-sub-title:not(:first-child) {
    margin-top: 80px; }
  @media (max-width: 991.98px) {
    .el-sub-title {
      font-size: 22px;
      margin-bottom: 20px;
      padding-left: 15px;
      line-height: 1.5; }
      .el-sub-title:not(:first-child) {
        margin-top: 50px; } }

.el-red-serif {
  font-family: "Noto Serif JP", serif !important;
  color: var(--el-color-red);
  padding-left: 0;
  border: 0;
  font-weight: normal; }

.el-attention {
  color: var(--el-color-red) !important; }
  .el-attention a {
    color: currentColor !important; }

.el-lighter {
  font-weight: lighter; }

.el-bolder {
  font-weight: bolder; }

.el-no-underlife {
  text-decoration: none !important; }

.el-annotation {
  font-size: 12px; }

.el-border-green {
  border-color: var(--el-color-green2);
  color: var(--el-color-green2); }
  .el-border-green .el-list--annotation {
    font-size: 16px; }

[class*="el-club"] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  font-weight: bold;
  color: white;
  width: 150px;
  height: 30px;
  border-radius: 30px;
  font-size: 14px; }
  @media (max-width: 991.98px) {
    [class*="el-club"] {
      font-size: 11px; } }

.el-club-normal {
  background-color: var(--el-color-normal); }

.el-club-silver {
  background-color: var(--el-color-silver); }

.el-club-gold {
  background-color: var(--el-color-gold); }

.el-club-platina {
  background-color: var(--el-color-platina); }

.el-club-diamond {
  background-color: var(--el-color-diamond); }

.el-list {
  padding-left: 0;
  list-style: none; }
  .el-list > li {
    position: relative; }

.el-list--dot {
  padding-left: 0;
  list-style: none; }
  .el-list--dot > li {
    position: relative; }
  .el-list--dot > li {
    padding-left: 1em; }
    .el-list--dot > li::before {
      content: "・";
      display: inline-block;
      position: absolute;
      top: 0;
      left: 0; }

.el-list--circle {
  padding-left: 0;
  list-style: none; }
  .el-list--circle > li {
    position: relative; }
  .el-list--circle > li {
    padding-left: 1.3em; }
    .el-list--circle > li::before {
      content: "●";
      display: inline-block;
      position: absolute;
      top: 0;
      left: 0; }

.el-list--chev {
  padding-left: 0;
  list-style: none; }
  .el-list--chev > li {
    position: relative; }
  .el-list--chev > li {
    padding-left: 1em;
    line-height: 1.3; }
    .el-list--chev > li a {
      text-decoration: none; }
      .el-list--chev > li a:hover {
        text-decoration: underline; }
    .el-list--chev > li::before {
      position: absolute;
      top: .4em;
      left: 0;
      display: inline-block;
      content: "";
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%227.948%22%20height%3D%2214.896%22%20viewBox%3D%220%200%207.948%2014.896%22%3E%20%3Cpath%20id%3D%22icon-chev%22%20d%3D%22M3289.2%2C5788.667l6.741%2C6.741-6.741%2C6.741%22%20transform%3D%22translate(-3288.493%20-5787.96)%22%20fill%3D%22none%22%20stroke%3D%22%232b2b2b%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221%22%2F%3E%3C%2Fsvg%3E");
      background-size: cover;
      background-repeat: no-repeat;
      width: 0.4em;
      height: 0.7em; }
    .el-list--chev > li + li {
      margin-top: 5px; }

.el-list--annotation {
  padding-left: 0;
  list-style: none;
  font-size: 14px; }
  .el-list--annotation > li {
    position: relative; }
  .el-list--annotation > * {
    padding-left: 1.3em; }
    .el-list--annotation > *::before {
      content: "※";
      display: inline-block;
      position: absolute;
      top: 0;
      left: 0; }
  .el-list--annotation li + li {
    margin-top: .3em; }
  @media (max-width: 991.98px) {
    .el-list--annotation {
      font-size: 12px; } }

[class*="el-list"] > li.el-list--no {
  padding-left: 0; }
  [class*="el-list"] > li.el-list--no::before {
    display: none; }

.el-link-chev {
  position: relative;
  padding-left: 17px;
  display: inline-block; }
  .el-link-chev::before {
    position: absolute;
    top: .4em;
    left: 0;
    display: inline-block;
    content: "";
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%227.948%22%20height%3D%2214.896%22%20viewBox%3D%220%200%207.948%2014.896%22%3E%20%3Cpath%20id%3D%22icon-chev%22%20d%3D%22M3289.2%2C5788.667l6.741%2C6.741-6.741%2C6.741%22%20transform%3D%22translate(-3288.493%20-5787.96)%22%20fill%3D%22none%22%20stroke%3D%22%232b2b2b%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221%22%2F%3E%3C%2Fsvg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    width: 7px;
    height: 13px; }

.el-link-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  padding: 10px 20px 10px 10px;
  min-height: 70px;
  background-color: var(--el-color-bg3);
  border: 1px solid var(--el-line-grey);
  font-size: 14px;
  font-weight: 500;
  text-decoration: none !important;
  -webkit-transition: background-color .3s ease;
  transition: background-color .3s ease; }
  .el-link-block__text {
    text-align: center; }
    .el-link-block__text span {
      display: inline-block;
      margin: 0 5px;
      font-size: 12px; }
  .el-link-block::after {
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    content: "";
    display: inline-block;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228.326%22%20height%3D%2213.988%22%20viewBox%3D%220%200%208.326%2013.988%22%3E%20%3Cg%20id%3D%22icon-chev2%22%20transform%3D%22translate(-0.001%2013.988)%20rotate(-90)%22%3E%20%3Cpath%20id%3D%22%E5%90%88%E4%BD%93_66%22%20data-name%3D%22%E5%90%88%E4%BD%93%2066%22%20d%3D%22M11078.324-5581.675l1.333-1.331%2C5.661%2C5.661%2C5.661-5.661%2C1.333%2C1.331-6.993%2C7Z%22%20transform%3D%22translate(-11078.325%205583.006)%22%20fill%3D%22%23404040%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    width: 8px;
    height: 14px; }
  .el-link-block:hover {
    background-color: white; }
  .el-link-block--anchor::after {
    -webkit-transform: translateY(-50%) rotate(90deg);
            transform: translateY(-50%) rotate(90deg); }
  @media (max-width: 991.98px) {
    .el-link-block {
      min-height: 60px; } }

.el-link-green {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  background-color: var(--el-color-green2);
  color: white !important;
  text-decoration: none !important;
  min-height: 40px;
  font-size: 14px;
  padding: 5px 20px 5px 5px;
  line-height: 1.3;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease; }
  .el-link-green:hover {
    opacity: .6;
    text-decoration: none;
    color: currentColor; }
  .el-link-green::after {
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    content: "";
    display: inline-block;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228.327%22%20height%3D%2213.988%22%20viewBox%3D%220%200%208.327%2013.988%22%3E%20%3Cg%20id%3D%22icon-arrow-w%22%20transform%3D%22translate(0%2013.988)%20rotate(-90)%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_1487%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%201487%22%20width%3D%229.891%22%20height%3D%221.884%22%20transform%3D%22translate(13.988%201.332)%20rotate(135)%22%20fill%3D%22%23fff%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_1488%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%201488%22%20width%3D%229.891%22%20height%3D%221.884%22%20transform%3D%22translate(1.332%200)%20rotate(45)%22%20fill%3D%22%23fff%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    width: 8px;
    height: 14px; }
  @media (max-width: 991.98px) {
    .el-link-green {
      font-size: 12px; } }

.el-labels {
  position: absolute;
  top: 0;
  left: 0;
  display: block; }
  .el-labels > span {
    margin-right: 5px;
    margin-bottom: 5px; }

.el-label-line {
  display: inline-block;
  padding: .3em .5em;
  background-color: white;
  border: 1px solid var(--el-text);
  font-weight: 600;
  line-height: 1;
  font-size: 14px; }
  @media (max-width: 991.98px) {
    .el-label-line {
      font-size: 10px; } }

.el-label-green {
  display: inline-block;
  padding: .3em .5em;
  color: white;
  background-color: var(--el-color-green2);
  border: 1px solid var(--el-color-green2);
  font-weight: 600;
  line-height: 1;
  font-size: 14px; }
  @media (max-width: 991.98px) {
    .el-label-green {
      font-size: 10px; } }

.el-cart-courseorders {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 40px;
  color: white;
  background-color: var(--el-color-green2);
  border: 1px solid var(--el-color-green2);
  padding: 10px;
  line-height: 1;
  font-weight: 600;
  font-size: 14px;
  min-width: 6.5em; }

.el-cart-line {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 40px;
  border: 1px solid var(--el-text);
  padding: 10px;
  line-height: 1;
  font-weight: 600;
  font-size: 14px;
  min-width: 6.5em; }

@media (max-width: 768.98px) {
  .el-for-pc {
    display: none; } }

@media (min-width: 769px) {
  .el-for-sp {
    display: none; } }

.el-lp h1, .el-lp h2, .el-lp h3, .el-lp h4, .el-lp h5, .el-lp p, .el-lp dl, .el-lp dt, .el-lp dd, .el-lp ul, .el-lp ol {
  margin-bottom: 0; }

@media (max-width: 768.98px) {
  .container .el-lp {
    margin: 0 -20px; } }

.el-video {
  max-width: 600px;
  margin: 0 auto; }
  .el-video p, .el-video iframe {
    margin-bottom: 0;
    vertical-align: bottom; }

.el-fz-20 {
  font-size: 20px; }
  @media (max-width: 991.98px) {
    .el-fz-20 {
      font-size: 16px; } }

.el-courseorder-list {
  padding: 0;
  margin: 0;
  list-style: none;
  border-top: 1px dotted #949494; }
  .el-courseorder-list li {
    padding: 5px 0;
    border-bottom: 1px dotted #949494; }
  .el-courseorder-list p {
    margin: 0; }
  .el-courseorder-list strong {
    font-weight: normal; }
  @media (max-width: 991.98px) {
    .el-courseorder-list {
      font-size: 13px; } }

@media (max-width: 991.98px) {
  .address-auto-input-component {
    width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: initial; } }

.card.card-rounded-header {
  border-radius: 20px 20px 0 0; }

.card .card-header.card-header-primary {
  border-radius: 20px 20px 0 0;
  background-color: var(--el-color-primary);
  font-weight: bold; }
  .card .card-header.card-header-primary .card-header-custom {
    color: #fff; }

.btn.btn-login {
  background-color: #019a3f;
  font-size: 16px;
  font-weight: bold;
  padding: 2px; }
  .btn.btn-login:hover {
    background-color: #019a3f;
    opacity: 0.8; }
  .btn.btn-login .btn-login-border {
    margin: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #fff;
    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: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .btn.btn-login .btn-login-border span::before {
      content: '＞';
      margin-right: 16px; }
    .btn.btn-login .btn-login-border span::after {
      content: '＜';
      margin-left: 16px; }

.btn.btn-checkout {
  background-color: #019a3f;
  font-size: 16px;
  font-weight: bold;
  padding: 2px; }
  .btn.btn-checkout:hover {
    background-color: #019a3f;
    opacity: 0.8; }
  .btn.btn-checkout .btn-checkout-border {
    margin: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #fff;
    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: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .btn.btn-checkout .btn-checkout-border span::before {
      content: '＞';
      margin-right: 16px; }
    .btn.btn-checkout .btn-checkout-border span::after {
      content: '＜';
      margin-left: 16px; }
  @media (max-width: 768.98px) {
    .btn.btn-checkout.place-order .btn-checkout-border span::before {
      margin-right: 0; } }
  @media (max-width: 768.98px) {
    .btn.btn-checkout.place-order .btn-checkout-border span::after {
      margin-left: 0; } }

.add-to-cart-messages {
  top: 20%;
  font-size: 18px; }
  @media (max-width: 768.98px) {
    .add-to-cart-messages {
      top: 25%;
      width: 100%; } }