@charset "UTF-8";
/* Scss Document */
/* Scss Document */
/* CSS Document */
/*----------------------
	mixiin
----------------------*/
/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 1.5rem;
  font-weight: normal;
  vertical-align: baseline; }

h1, h2, h3, h4, h5, h6 {
  font-feature-settings: "palt";
  -webkit-font-feature-settings: "palt"; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, main {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

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

input, textarea, select, label {
  margin: 0;
  font-size: 100%;
  font-family: inherit;
  vertical-align: middle; }

input[type="button"], input[type="submit"], input[type="text"], input[type="tel"], input[type="url"], input[type="email"], input[type="number"], input[type="password"], textarea {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  outline: none; }

button, input[type="button"], input[type="submit"], input[type="reset"], input[type="file"] {
  -webkit-box-sizing: content-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  border: none 0px;
  background-color: transparent;
  cursor: pointer;
  outline: none; }

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

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

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; }

input[type="number"] {
  -moz-appearance: textfield; }

label {
  cursor: pointer; }

img {
  vertical-align: top; }

.clearfix:after {
  content: '';
  display: block;
  clear: both;
  height: 0; }

a,
a:link {
  text-decoration: none; }

a:active,
a:focus {
  color: #444;
  text-decoration: none; }

em {
  font-style: normal; }

html, body {
  height: 100%;
  /*overflow-x: hidden;
  overflow-y: scroll;*/ }

html {
  font-size: 62.5%; }

body * {
  box-sizing: border-box;
  line-height: 1.8em;
  -webkit-text-size-adjust: 100%;
  line-break: strict; }

/* Scss Document */
/*$f-family:ryo-gothic-plusn, sans-serif;*/
/* ------------------------------------------------------------------------------
  Icon
------------------------------------------------------------------------------ */
.ionicons, .txt-point .info-epoint::after, .link-txt-arrow::after, a .link-txt-arrow::after, a.link-txt-arrow::after, .link-txt-underarrow::after, a .link-txt-underarrow::after, a.link-txt-underarrow::after, .link-btn-lg::after, .link-btn-md::after, .link-btn-sm::after, .link-btn-cart-lg::before, .link-btn-cart-md::before, .link-btn-cart-sm::before, .btn-mdl::before, .btn-mdl-lg::before, .btn-mdl-md::before, .btn-mdl-sm::before, .mdl-close_button::before, .js-acd .btn-acd::after, .js-acd .btn-acd-lg::after, .js-acd .btn-acd-md::after, .js-acd .btn-acd-sm::after, .btn-next::before, .btn-back::after, .btn-check::before, .btn-check-sm::before, .btn-check-md::before, .btn-check-lg::before, .btn-check::after, .btn-check-sm::after, .btn-check-md::after, .btn-check-lg::after, #ph_footer #page-top a::before {
  font-family: "Ionicons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

@font-face {
  font-family: 'Ionicons';
  font-style: normal;
  font-weight: normal;
  src: local("Ionicons"), url(https://unpkg.com/ionicons@4.5.10-0/dist/fonts/ionicons.woff2) format("woff2"); }
/* ==========================================================================
    GRIDLEX
    Just a Flexbox Grid System - v. 2.7.1
========================================================================== */
[class~="grid"],
[class*="grid-"],
[class*="grid_"] {
  box-sizing: border-box;
  display: flex;
  flex-flow: row wrap;
  margin: 0 -2rem; }

[class~="col"],
[class*="col-"],
[class*="col_"] {
  box-sizing: border-box;
  padding: 0 2rem 4rem;
  max-width: 100%; }

[class~="col"],
[class*="col_"] {
  flex: 1 1 0%; }

[class*="col-"] {
  flex: none; }

[class~="grid"][class~="col"],
[class~="grid"][class*="col-"],
[class~="grid"][class*="col_"],
[class*="grid-"][class~="col"],
[class*="grid-"][class*="col-"],
[class*="grid-"][class*="col_"],
[class*="grid_"][class~="col"],
[class*="grid_"][class*="col-"],
[class*="grid_"][class*="col_"] {
  margin: 0;
  padding: 0; }

/************************
    HELPERS SUFFIXES
*************************/
[class*="grid-"][class*="-noGutter"] {
  margin: 0; }
  [class*="grid-"][class*="-noGutter"] > [class~="col"],
  [class*="grid-"][class*="-noGutter"] > [class*="col-"] {
    padding: 0; }
[class*="grid-"][class*="-noWrap"] {
  flex-wrap: nowrap; }
[class*="grid-"][class*="-center"] {
  justify-content: center; }
[class*="grid-"][class*="-right"] {
  justify-content: flex-end;
  align-self: flex-end;
  margin-left: auto; }
[class*="grid-"][class*="-top"] {
  align-items: flex-start; }
[class*="grid-"][class*="-middle"] {
  align-items: center; }
[class*="grid-"][class*="-bottom"] {
  align-items: flex-end; }
[class*="grid-"][class*="-reverse"] {
  flex-direction: row-reverse; }
[class*="grid-"][class*="-column"] {
  flex-direction: column; }
  [class*="grid-"][class*="-column"] > [class*="col-"] {
    flex-basis: auto; }
[class*="grid-"][class*="-column-reverse"] {
  flex-direction: column-reverse; }
[class*="grid-"][class*="-spaceBetween"] {
  justify-content: space-between; }
[class*="grid-"][class*="-spaceAround"] {
  justify-content: space-around; }
[class*="grid-"][class*="-equalHeight"] > [class~="col"], [class*="grid-"][class*="-equalHeight"] > [class*="col-"], [class*="grid-"][class*="-equalHeight"] > [class*="col_"] {
  align-self: stretch; }
  [class*="grid-"][class*="-equalHeight"] > [class~="col"] > *, [class*="grid-"][class*="-equalHeight"] > [class*="col-"] > *, [class*="grid-"][class*="-equalHeight"] > [class*="col_"] > * {
    height: 100%; }
[class*="grid-"][class*="-noBottom"] > [class~="col"], [class*="grid-"][class*="-noBottom"] > [class*="col-"], [class*="grid-"][class*="-noBottom"] > [class*="col_"] {
  padding-bottom: 0; }

[class*="col-"][class*="-top"] {
  align-self: flex-start; }
[class*="col-"][class*="-middle"] {
  align-self: center; }
[class*="col-"][class*="-bottom"] {
  align-self: flex-end; }
[class*="col-"][class*="-first"] {
  order: -1; }
[class*="col-"][class*="-last"] {
  order: 1; }

/************************
    GRID BY NUMBER
*************************/
[class*="grid-1"] > [class~="col"],
[class*="grid-1"] > [class*="col-"],
[class*="grid-1"] > [class*="col_"] {
  flex-basis: 100%;
  max-width: 100%; }

[class*="grid-2"] > [class~="col"],
[class*="grid-2"] > [class*="col-"],
[class*="grid-2"] > [class*="col_"] {
  flex-basis: 50%;
  max-width: 50%; }

[class*="grid-3"] > [class~="col"],
[class*="grid-3"] > [class*="col-"],
[class*="grid-3"] > [class*="col_"] {
  flex-basis: 33.3333333333%;
  max-width: 33.3333333333%; }

[class*="grid-4"] > [class~="col"],
[class*="grid-4"] > [class*="col-"],
[class*="grid-4"] > [class*="col_"] {
  flex-basis: 25%;
  max-width: 25%; }

[class*="grid-5"] > [class~="col"],
[class*="grid-5"] > [class*="col-"],
[class*="grid-5"] > [class*="col_"] {
  flex-basis: 20%;
  max-width: 20%; }

[class*="grid-6"] > [class~="col"],
[class*="grid-6"] > [class*="col-"],
[class*="grid-6"] > [class*="col_"] {
  flex-basis: 16.6666666667%;
  max-width: 16.6666666667%; }

[class*="grid-7"] > [class~="col"],
[class*="grid-7"] > [class*="col-"],
[class*="grid-7"] > [class*="col_"] {
  flex-basis: 14.2857142857%;
  max-width: 14.2857142857%; }

[class*="grid-8"] > [class~="col"],
[class*="grid-8"] > [class*="col-"],
[class*="grid-8"] > [class*="col_"] {
  flex-basis: 12.5%;
  max-width: 12.5%; }

[class*="grid-9"] > [class~="col"],
[class*="grid-9"] > [class*="col-"],
[class*="grid-9"] > [class*="col_"] {
  flex-basis: 11.1111111111%;
  max-width: 11.1111111111%; }

[class*="grid-10"] > [class~="col"],
[class*="grid-10"] > [class*="col-"],
[class*="grid-10"] > [class*="col_"] {
  flex-basis: 10%;
  max-width: 10%; }

[class*="grid-11"] > [class~="col"],
[class*="grid-11"] > [class*="col-"],
[class*="grid-11"] > [class*="col_"] {
  flex-basis: 9.0909090909%;
  max-width: 9.0909090909%; }

[class*="grid-12"] > [class~="col"],
[class*="grid-12"] > [class*="col-"],
[class*="grid-12"] > [class*="col_"] {
  flex-basis: 8.3333333333%;
  max-width: 8.3333333333%; }

@media (max-width: 1280px) {
  [class*="_lg-1"] > [class~="col"],
  [class*="_lg-1"] > [class*="col-"],
  [class*="_lg-1"] > [class*="col_"] {
    flex-basis: 100%;
    max-width: 100%; }

  [class*="_lg-2"] > [class~="col"],
  [class*="_lg-2"] > [class*="col-"],
  [class*="_lg-2"] > [class*="col_"] {
    flex-basis: 50%;
    max-width: 50%; }

  [class*="_lg-3"] > [class~="col"],
  [class*="_lg-3"] > [class*="col-"],
  [class*="_lg-3"] > [class*="col_"] {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%; }

  [class*="_lg-4"] > [class~="col"],
  [class*="_lg-4"] > [class*="col-"],
  [class*="_lg-4"] > [class*="col_"] {
    flex-basis: 25%;
    max-width: 25%; }

  [class*="_lg-5"] > [class~="col"],
  [class*="_lg-5"] > [class*="col-"],
  [class*="_lg-5"] > [class*="col_"] {
    flex-basis: 20%;
    max-width: 20%; }

  [class*="_lg-6"] > [class~="col"],
  [class*="_lg-6"] > [class*="col-"],
  [class*="_lg-6"] > [class*="col_"] {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%; }

  [class*="_lg-7"] > [class~="col"],
  [class*="_lg-7"] > [class*="col-"],
  [class*="_lg-7"] > [class*="col_"] {
    flex-basis: 14.2857142857%;
    max-width: 14.2857142857%; }

  [class*="_lg-8"] > [class~="col"],
  [class*="_lg-8"] > [class*="col-"],
  [class*="_lg-8"] > [class*="col_"] {
    flex-basis: 12.5%;
    max-width: 12.5%; }

  [class*="_lg-9"] > [class~="col"],
  [class*="_lg-9"] > [class*="col-"],
  [class*="_lg-9"] > [class*="col_"] {
    flex-basis: 11.1111111111%;
    max-width: 11.1111111111%; }

  [class*="_lg-10"] > [class~="col"],
  [class*="_lg-10"] > [class*="col-"],
  [class*="_lg-10"] > [class*="col_"] {
    flex-basis: 10%;
    max-width: 10%; }

  [class*="_lg-11"] > [class~="col"],
  [class*="_lg-11"] > [class*="col-"],
  [class*="_lg-11"] > [class*="col_"] {
    flex-basis: 9.0909090909%;
    max-width: 9.0909090909%; }

  [class*="_lg-12"] > [class~="col"],
  [class*="_lg-12"] > [class*="col-"],
  [class*="_lg-12"] > [class*="col_"] {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%; } }
@media (max-width: 960px) {
  [class*="_md-1"] > [class~="col"],
  [class*="_md-1"] > [class*="col-"],
  [class*="_md-1"] > [class*="col_"] {
    flex-basis: 100%;
    max-width: 100%; }

  [class*="_md-2"] > [class~="col"],
  [class*="_md-2"] > [class*="col-"],
  [class*="_md-2"] > [class*="col_"] {
    flex-basis: 50%;
    max-width: 50%; }

  [class*="_md-3"] > [class~="col"],
  [class*="_md-3"] > [class*="col-"],
  [class*="_md-3"] > [class*="col_"] {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%; }

  [class*="_md-4"] > [class~="col"],
  [class*="_md-4"] > [class*="col-"],
  [class*="_md-4"] > [class*="col_"] {
    flex-basis: 25%;
    max-width: 25%; }

  [class*="_md-5"] > [class~="col"],
  [class*="_md-5"] > [class*="col-"],
  [class*="_md-5"] > [class*="col_"] {
    flex-basis: 20%;
    max-width: 20%; }

  [class*="_md-6"] > [class~="col"],
  [class*="_md-6"] > [class*="col-"],
  [class*="_md-6"] > [class*="col_"] {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%; }

  [class*="_md-7"] > [class~="col"],
  [class*="_md-7"] > [class*="col-"],
  [class*="_md-7"] > [class*="col_"] {
    flex-basis: 14.2857142857%;
    max-width: 14.2857142857%; }

  [class*="_md-8"] > [class~="col"],
  [class*="_md-8"] > [class*="col-"],
  [class*="_md-8"] > [class*="col_"] {
    flex-basis: 12.5%;
    max-width: 12.5%; }

  [class*="_md-9"] > [class~="col"],
  [class*="_md-9"] > [class*="col-"],
  [class*="_md-9"] > [class*="col_"] {
    flex-basis: 11.1111111111%;
    max-width: 11.1111111111%; }

  [class*="_md-10"] > [class~="col"],
  [class*="_md-10"] > [class*="col-"],
  [class*="_md-10"] > [class*="col_"] {
    flex-basis: 10%;
    max-width: 10%; }

  [class*="_md-11"] > [class~="col"],
  [class*="_md-11"] > [class*="col-"],
  [class*="_md-11"] > [class*="col_"] {
    flex-basis: 9.0909090909%;
    max-width: 9.0909090909%; }

  [class*="_md-12"] > [class~="col"],
  [class*="_md-12"] > [class*="col-"],
  [class*="_md-12"] > [class*="col_"] {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%; } }
@media (max-width: 560px) {
  [class*="_sm-1"] > [class~="col"],
  [class*="_sm-1"] > [class*="col-"],
  [class*="_sm-1"] > [class*="col_"] {
    flex-basis: 100%;
    max-width: 100%; }

  [class*="_sm-2"] > [class~="col"],
  [class*="_sm-2"] > [class*="col-"],
  [class*="_sm-2"] > [class*="col_"] {
    flex-basis: 50%;
    max-width: 50%; }

  [class*="_sm-3"] > [class~="col"],
  [class*="_sm-3"] > [class*="col-"],
  [class*="_sm-3"] > [class*="col_"] {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%; }

  [class*="_sm-4"] > [class~="col"],
  [class*="_sm-4"] > [class*="col-"],
  [class*="_sm-4"] > [class*="col_"] {
    flex-basis: 25%;
    max-width: 25%; }

  [class*="_sm-5"] > [class~="col"],
  [class*="_sm-5"] > [class*="col-"],
  [class*="_sm-5"] > [class*="col_"] {
    flex-basis: 20%;
    max-width: 20%; }

  [class*="_sm-6"] > [class~="col"],
  [class*="_sm-6"] > [class*="col-"],
  [class*="_sm-6"] > [class*="col_"] {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%; }

  [class*="_sm-7"] > [class~="col"],
  [class*="_sm-7"] > [class*="col-"],
  [class*="_sm-7"] > [class*="col_"] {
    flex-basis: 14.2857142857%;
    max-width: 14.2857142857%; }

  [class*="_sm-8"] > [class~="col"],
  [class*="_sm-8"] > [class*="col-"],
  [class*="_sm-8"] > [class*="col_"] {
    flex-basis: 12.5%;
    max-width: 12.5%; }

  [class*="_sm-9"] > [class~="col"],
  [class*="_sm-9"] > [class*="col-"],
  [class*="_sm-9"] > [class*="col_"] {
    flex-basis: 11.1111111111%;
    max-width: 11.1111111111%; }

  [class*="_sm-10"] > [class~="col"],
  [class*="_sm-10"] > [class*="col-"],
  [class*="_sm-10"] > [class*="col_"] {
    flex-basis: 10%;
    max-width: 10%; }

  [class*="_sm-11"] > [class~="col"],
  [class*="_sm-11"] > [class*="col-"],
  [class*="_sm-11"] > [class*="col_"] {
    flex-basis: 9.0909090909%;
    max-width: 9.0909090909%; }

  [class*="_sm-12"] > [class~="col"],
  [class*="_sm-12"] > [class*="col-"],
  [class*="_sm-12"] > [class*="col_"] {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%; } }
@media (max-width: 320px) {
  [class*="_xs-1"] > [class~="col"],
  [class*="_xs-1"] > [class*="col-"],
  [class*="_xs-1"] > [class*="col_"] {
    flex-basis: 100%;
    max-width: 100%; }

  [class*="_xs-2"] > [class~="col"],
  [class*="_xs-2"] > [class*="col-"],
  [class*="_xs-2"] > [class*="col_"] {
    flex-basis: 50%;
    max-width: 50%; }

  [class*="_xs-3"] > [class~="col"],
  [class*="_xs-3"] > [class*="col-"],
  [class*="_xs-3"] > [class*="col_"] {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%; }

  [class*="_xs-4"] > [class~="col"],
  [class*="_xs-4"] > [class*="col-"],
  [class*="_xs-4"] > [class*="col_"] {
    flex-basis: 25%;
    max-width: 25%; }

  [class*="_xs-5"] > [class~="col"],
  [class*="_xs-5"] > [class*="col-"],
  [class*="_xs-5"] > [class*="col_"] {
    flex-basis: 20%;
    max-width: 20%; }

  [class*="_xs-6"] > [class~="col"],
  [class*="_xs-6"] > [class*="col-"],
  [class*="_xs-6"] > [class*="col_"] {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%; }

  [class*="_xs-7"] > [class~="col"],
  [class*="_xs-7"] > [class*="col-"],
  [class*="_xs-7"] > [class*="col_"] {
    flex-basis: 14.2857142857%;
    max-width: 14.2857142857%; }

  [class*="_xs-8"] > [class~="col"],
  [class*="_xs-8"] > [class*="col-"],
  [class*="_xs-8"] > [class*="col_"] {
    flex-basis: 12.5%;
    max-width: 12.5%; }

  [class*="_xs-9"] > [class~="col"],
  [class*="_xs-9"] > [class*="col-"],
  [class*="_xs-9"] > [class*="col_"] {
    flex-basis: 11.1111111111%;
    max-width: 11.1111111111%; }

  [class*="_xs-10"] > [class~="col"],
  [class*="_xs-10"] > [class*="col-"],
  [class*="_xs-10"] > [class*="col_"] {
    flex-basis: 10%;
    max-width: 10%; }

  [class*="_xs-11"] > [class~="col"],
  [class*="_xs-11"] > [class*="col-"],
  [class*="_xs-11"] > [class*="col_"] {
    flex-basis: 9.0909090909%;
    max-width: 9.0909090909%; }

  [class*="_xs-12"] > [class~="col"],
  [class*="_xs-12"] > [class*="col-"],
  [class*="_xs-12"] > [class*="col_"] {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%; } }
/************************
    COLS SIZES
*************************/
[class~="grid"] > [class*="col-1"],
[class*="grid-"] > [class*="col-1"],
[class*="grid_"] > [class*="col-1"] {
  flex-basis: 8.3333333333%;
  max-width: 8.3333333333%; }
[class~="grid"] > [class*="col-2"],
[class*="grid-"] > [class*="col-2"],
[class*="grid_"] > [class*="col-2"] {
  flex-basis: 16.6666666667%;
  max-width: 16.6666666667%; }
[class~="grid"] > [class*="col-3"],
[class*="grid-"] > [class*="col-3"],
[class*="grid_"] > [class*="col-3"] {
  flex-basis: 25%;
  max-width: 25%; }
[class~="grid"] > [class*="col-4"],
[class*="grid-"] > [class*="col-4"],
[class*="grid_"] > [class*="col-4"] {
  flex-basis: 33.3333333333%;
  max-width: 33.3333333333%; }
[class~="grid"] > [class*="col-5"],
[class*="grid-"] > [class*="col-5"],
[class*="grid_"] > [class*="col-5"] {
  flex-basis: 41.6666666667%;
  max-width: 41.6666666667%; }
[class~="grid"] > [class*="col-6"],
[class*="grid-"] > [class*="col-6"],
[class*="grid_"] > [class*="col-6"] {
  flex-basis: 50%;
  max-width: 50%; }
[class~="grid"] > [class*="col-7"],
[class*="grid-"] > [class*="col-7"],
[class*="grid_"] > [class*="col-7"] {
  flex-basis: 58.3333333333%;
  max-width: 58.3333333333%; }
[class~="grid"] > [class*="col-8"],
[class*="grid-"] > [class*="col-8"],
[class*="grid_"] > [class*="col-8"] {
  flex-basis: 66.6666666667%;
  max-width: 66.6666666667%; }
[class~="grid"] > [class*="col-9"],
[class*="grid-"] > [class*="col-9"],
[class*="grid_"] > [class*="col-9"] {
  flex-basis: 75%;
  max-width: 75%; }
[class~="grid"] > [class*="col-10"],
[class*="grid-"] > [class*="col-10"],
[class*="grid_"] > [class*="col-10"] {
  flex-basis: 83.3333333333%;
  max-width: 83.3333333333%; }
[class~="grid"] > [class*="col-11"],
[class*="grid-"] > [class*="col-11"],
[class*="grid_"] > [class*="col-11"] {
  flex-basis: 91.6666666667%;
  max-width: 91.6666666667%; }
[class~="grid"] > [class*="col-12"],
[class*="grid-"] > [class*="col-12"],
[class*="grid_"] > [class*="col-12"] {
  flex-basis: 100%;
  max-width: 100%; }

[class~="grid"] > [data-push-left*="off-0"],
[class*="grid-"] > [data-push-left*="off-0"],
[class*="grid_"] > [data-push-left*="off-0"] {
  margin-left: 0; }
[class~="grid"] > [data-push-left*="off-1"],
[class*="grid-"] > [data-push-left*="off-1"],
[class*="grid_"] > [data-push-left*="off-1"] {
  margin-left: 8.3333333333%; }
[class~="grid"] > [data-push-left*="off-2"],
[class*="grid-"] > [data-push-left*="off-2"],
[class*="grid_"] > [data-push-left*="off-2"] {
  margin-left: 16.6666666667%; }
[class~="grid"] > [data-push-left*="off-3"],
[class*="grid-"] > [data-push-left*="off-3"],
[class*="grid_"] > [data-push-left*="off-3"] {
  margin-left: 25%; }
[class~="grid"] > [data-push-left*="off-4"],
[class*="grid-"] > [data-push-left*="off-4"],
[class*="grid_"] > [data-push-left*="off-4"] {
  margin-left: 33.3333333333%; }
[class~="grid"] > [data-push-left*="off-5"],
[class*="grid-"] > [data-push-left*="off-5"],
[class*="grid_"] > [data-push-left*="off-5"] {
  margin-left: 41.6666666667%; }
[class~="grid"] > [data-push-left*="off-6"],
[class*="grid-"] > [data-push-left*="off-6"],
[class*="grid_"] > [data-push-left*="off-6"] {
  margin-left: 50%; }
[class~="grid"] > [data-push-left*="off-7"],
[class*="grid-"] > [data-push-left*="off-7"],
[class*="grid_"] > [data-push-left*="off-7"] {
  margin-left: 58.3333333333%; }
[class~="grid"] > [data-push-left*="off-8"],
[class*="grid-"] > [data-push-left*="off-8"],
[class*="grid_"] > [data-push-left*="off-8"] {
  margin-left: 66.6666666667%; }
[class~="grid"] > [data-push-left*="off-9"],
[class*="grid-"] > [data-push-left*="off-9"],
[class*="grid_"] > [data-push-left*="off-9"] {
  margin-left: 75%; }
[class~="grid"] > [data-push-left*="off-10"],
[class*="grid-"] > [data-push-left*="off-10"],
[class*="grid_"] > [data-push-left*="off-10"] {
  margin-left: 83.3333333333%; }
[class~="grid"] > [data-push-left*="off-11"],
[class*="grid-"] > [data-push-left*="off-11"],
[class*="grid_"] > [data-push-left*="off-11"] {
  margin-left: 91.6666666667%; }

[class~="grid"] > [data-push-right*="off-0"],
[class*="grid-"] > [data-push-right*="off-0"],
[class*="grid_"] > [data-push-right*="off-0"] {
  margin-right: 0; }
[class~="grid"] > [data-push-right*="off-1"],
[class*="grid-"] > [data-push-right*="off-1"],
[class*="grid_"] > [data-push-right*="off-1"] {
  margin-right: 8.3333333333%; }
[class~="grid"] > [data-push-right*="off-2"],
[class*="grid-"] > [data-push-right*="off-2"],
[class*="grid_"] > [data-push-right*="off-2"] {
  margin-right: 16.6666666667%; }
[class~="grid"] > [data-push-right*="off-3"],
[class*="grid-"] > [data-push-right*="off-3"],
[class*="grid_"] > [data-push-right*="off-3"] {
  margin-right: 25%; }
[class~="grid"] > [data-push-right*="off-4"],
[class*="grid-"] > [data-push-right*="off-4"],
[class*="grid_"] > [data-push-right*="off-4"] {
  margin-right: 33.3333333333%; }
[class~="grid"] > [data-push-right*="off-5"],
[class*="grid-"] > [data-push-right*="off-5"],
[class*="grid_"] > [data-push-right*="off-5"] {
  margin-right: 41.6666666667%; }
[class~="grid"] > [data-push-right*="off-6"],
[class*="grid-"] > [data-push-right*="off-6"],
[class*="grid_"] > [data-push-right*="off-6"] {
  margin-right: 50%; }
[class~="grid"] > [data-push-right*="off-7"],
[class*="grid-"] > [data-push-right*="off-7"],
[class*="grid_"] > [data-push-right*="off-7"] {
  margin-right: 58.3333333333%; }
[class~="grid"] > [data-push-right*="off-8"],
[class*="grid-"] > [data-push-right*="off-8"],
[class*="grid_"] > [data-push-right*="off-8"] {
  margin-right: 66.6666666667%; }
[class~="grid"] > [data-push-right*="off-9"],
[class*="grid-"] > [data-push-right*="off-9"],
[class*="grid_"] > [data-push-right*="off-9"] {
  margin-right: 75%; }
[class~="grid"] > [data-push-right*="off-10"],
[class*="grid-"] > [data-push-right*="off-10"],
[class*="grid_"] > [data-push-right*="off-10"] {
  margin-right: 83.3333333333%; }
[class~="grid"] > [data-push-right*="off-11"],
[class*="grid-"] > [data-push-right*="off-11"],
[class*="grid_"] > [data-push-right*="off-11"] {
  margin-right: 91.6666666667%; }

@media (max-width: 1280px) {
  [class~="grid"] > [class*="_lg-1"],
  [class*="grid-"] > [class*="_lg-1"],
  [class*="grid_"] > [class*="_lg-1"] {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%; }
  [class~="grid"] > [class*="_lg-2"],
  [class*="grid-"] > [class*="_lg-2"],
  [class*="grid_"] > [class*="_lg-2"] {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%; }
  [class~="grid"] > [class*="_lg-3"],
  [class*="grid-"] > [class*="_lg-3"],
  [class*="grid_"] > [class*="_lg-3"] {
    flex-basis: 25%;
    max-width: 25%; }
  [class~="grid"] > [class*="_lg-4"],
  [class*="grid-"] > [class*="_lg-4"],
  [class*="grid_"] > [class*="_lg-4"] {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%; }
  [class~="grid"] > [class*="_lg-5"],
  [class*="grid-"] > [class*="_lg-5"],
  [class*="grid_"] > [class*="_lg-5"] {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%; }
  [class~="grid"] > [class*="_lg-6"],
  [class*="grid-"] > [class*="_lg-6"],
  [class*="grid_"] > [class*="_lg-6"] {
    flex-basis: 50%;
    max-width: 50%; }
  [class~="grid"] > [class*="_lg-7"],
  [class*="grid-"] > [class*="_lg-7"],
  [class*="grid_"] > [class*="_lg-7"] {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%; }
  [class~="grid"] > [class*="_lg-8"],
  [class*="grid-"] > [class*="_lg-8"],
  [class*="grid_"] > [class*="_lg-8"] {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%; }
  [class~="grid"] > [class*="_lg-9"],
  [class*="grid-"] > [class*="_lg-9"],
  [class*="grid_"] > [class*="_lg-9"] {
    flex-basis: 75%;
    max-width: 75%; }
  [class~="grid"] > [class*="_lg-10"],
  [class*="grid-"] > [class*="_lg-10"],
  [class*="grid_"] > [class*="_lg-10"] {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%; }
  [class~="grid"] > [class*="_lg-11"],
  [class*="grid-"] > [class*="_lg-11"],
  [class*="grid_"] > [class*="_lg-11"] {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%; }
  [class~="grid"] > [class*="_lg-12"],
  [class*="grid-"] > [class*="_lg-12"],
  [class*="grid_"] > [class*="_lg-12"] {
    flex-basis: 100%;
    max-width: 100%; }

  [class~="grid"] > [data-push-left*="_lg-0"],
  [class*="grid-"] > [data-push-left*="_lg-0"],
  [class*="grid_"] > [data-push-left*="_lg-0"] {
    margin-left: 0; }
  [class~="grid"] > [data-push-left*="_lg-1"],
  [class*="grid-"] > [data-push-left*="_lg-1"],
  [class*="grid_"] > [data-push-left*="_lg-1"] {
    margin-left: 8.3333333333%; }
  [class~="grid"] > [data-push-left*="_lg-2"],
  [class*="grid-"] > [data-push-left*="_lg-2"],
  [class*="grid_"] > [data-push-left*="_lg-2"] {
    margin-left: 16.6666666667%; }
  [class~="grid"] > [data-push-left*="_lg-3"],
  [class*="grid-"] > [data-push-left*="_lg-3"],
  [class*="grid_"] > [data-push-left*="_lg-3"] {
    margin-left: 25%; }
  [class~="grid"] > [data-push-left*="_lg-4"],
  [class*="grid-"] > [data-push-left*="_lg-4"],
  [class*="grid_"] > [data-push-left*="_lg-4"] {
    margin-left: 33.3333333333%; }
  [class~="grid"] > [data-push-left*="_lg-5"],
  [class*="grid-"] > [data-push-left*="_lg-5"],
  [class*="grid_"] > [data-push-left*="_lg-5"] {
    margin-left: 41.6666666667%; }
  [class~="grid"] > [data-push-left*="_lg-6"],
  [class*="grid-"] > [data-push-left*="_lg-6"],
  [class*="grid_"] > [data-push-left*="_lg-6"] {
    margin-left: 50%; }
  [class~="grid"] > [data-push-left*="_lg-7"],
  [class*="grid-"] > [data-push-left*="_lg-7"],
  [class*="grid_"] > [data-push-left*="_lg-7"] {
    margin-left: 58.3333333333%; }
  [class~="grid"] > [data-push-left*="_lg-8"],
  [class*="grid-"] > [data-push-left*="_lg-8"],
  [class*="grid_"] > [data-push-left*="_lg-8"] {
    margin-left: 66.6666666667%; }
  [class~="grid"] > [data-push-left*="_lg-9"],
  [class*="grid-"] > [data-push-left*="_lg-9"],
  [class*="grid_"] > [data-push-left*="_lg-9"] {
    margin-left: 75%; }
  [class~="grid"] > [data-push-left*="_lg-10"],
  [class*="grid-"] > [data-push-left*="_lg-10"],
  [class*="grid_"] > [data-push-left*="_lg-10"] {
    margin-left: 83.3333333333%; }
  [class~="grid"] > [data-push-left*="_lg-11"],
  [class*="grid-"] > [data-push-left*="_lg-11"],
  [class*="grid_"] > [data-push-left*="_lg-11"] {
    margin-left: 91.6666666667%; }

  [class~="grid"] > [data-push-right*="_lg-0"],
  [class*="grid-"] > [data-push-right*="_lg-0"],
  [class*="grid_"] > [data-push-right*="_lg-0"] {
    margin-right: 0; }
  [class~="grid"] > [data-push-right*="_lg-1"],
  [class*="grid-"] > [data-push-right*="_lg-1"],
  [class*="grid_"] > [data-push-right*="_lg-1"] {
    margin-right: 8.3333333333%; }
  [class~="grid"] > [data-push-right*="_lg-2"],
  [class*="grid-"] > [data-push-right*="_lg-2"],
  [class*="grid_"] > [data-push-right*="_lg-2"] {
    margin-right: 16.6666666667%; }
  [class~="grid"] > [data-push-right*="_lg-3"],
  [class*="grid-"] > [data-push-right*="_lg-3"],
  [class*="grid_"] > [data-push-right*="_lg-3"] {
    margin-right: 25%; }
  [class~="grid"] > [data-push-right*="_lg-4"],
  [class*="grid-"] > [data-push-right*="_lg-4"],
  [class*="grid_"] > [data-push-right*="_lg-4"] {
    margin-right: 33.3333333333%; }
  [class~="grid"] > [data-push-right*="_lg-5"],
  [class*="grid-"] > [data-push-right*="_lg-5"],
  [class*="grid_"] > [data-push-right*="_lg-5"] {
    margin-right: 41.6666666667%; }
  [class~="grid"] > [data-push-right*="_lg-6"],
  [class*="grid-"] > [data-push-right*="_lg-6"],
  [class*="grid_"] > [data-push-right*="_lg-6"] {
    margin-right: 50%; }
  [class~="grid"] > [data-push-right*="_lg-7"],
  [class*="grid-"] > [data-push-right*="_lg-7"],
  [class*="grid_"] > [data-push-right*="_lg-7"] {
    margin-right: 58.3333333333%; }
  [class~="grid"] > [data-push-right*="_lg-8"],
  [class*="grid-"] > [data-push-right*="_lg-8"],
  [class*="grid_"] > [data-push-right*="_lg-8"] {
    margin-right: 66.6666666667%; }
  [class~="grid"] > [data-push-right*="_lg-9"],
  [class*="grid-"] > [data-push-right*="_lg-9"],
  [class*="grid_"] > [data-push-right*="_lg-9"] {
    margin-right: 75%; }
  [class~="grid"] > [data-push-right*="_lg-10"],
  [class*="grid-"] > [data-push-right*="_lg-10"],
  [class*="grid_"] > [data-push-right*="_lg-10"] {
    margin-right: 83.3333333333%; }
  [class~="grid"] > [data-push-right*="_lg-11"],
  [class*="grid-"] > [data-push-right*="_lg-11"],
  [class*="grid_"] > [data-push-right*="_lg-11"] {
    margin-right: 91.6666666667%; }

  [class~="grid"] [class*="_lg-first"],
  [class*="grid-"] [class*="_lg-first"],
  [class*="grid_"] [class*="_lg-first"] {
    order: -1; }
  [class~="grid"] [class*="_lg-last"],
  [class*="grid-"] [class*="_lg-last"],
  [class*="grid_"] [class*="_lg-last"] {
    order: 1; } }
@media (max-width: 960px) {
  [class~="grid"] > [class*="_md-1"],
  [class*="grid-"] > [class*="_md-1"],
  [class*="grid_"] > [class*="_md-1"] {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%; }
  [class~="grid"] > [class*="_md-2"],
  [class*="grid-"] > [class*="_md-2"],
  [class*="grid_"] > [class*="_md-2"] {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%; }
  [class~="grid"] > [class*="_md-3"],
  [class*="grid-"] > [class*="_md-3"],
  [class*="grid_"] > [class*="_md-3"] {
    flex-basis: 25%;
    max-width: 25%; }
  [class~="grid"] > [class*="_md-4"],
  [class*="grid-"] > [class*="_md-4"],
  [class*="grid_"] > [class*="_md-4"] {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%; }
  [class~="grid"] > [class*="_md-5"],
  [class*="grid-"] > [class*="_md-5"],
  [class*="grid_"] > [class*="_md-5"] {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%; }
  [class~="grid"] > [class*="_md-6"],
  [class*="grid-"] > [class*="_md-6"],
  [class*="grid_"] > [class*="_md-6"] {
    flex-basis: 50%;
    max-width: 50%; }
  [class~="grid"] > [class*="_md-7"],
  [class*="grid-"] > [class*="_md-7"],
  [class*="grid_"] > [class*="_md-7"] {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%; }
  [class~="grid"] > [class*="_md-8"],
  [class*="grid-"] > [class*="_md-8"],
  [class*="grid_"] > [class*="_md-8"] {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%; }
  [class~="grid"] > [class*="_md-9"],
  [class*="grid-"] > [class*="_md-9"],
  [class*="grid_"] > [class*="_md-9"] {
    flex-basis: 75%;
    max-width: 75%; }
  [class~="grid"] > [class*="_md-10"],
  [class*="grid-"] > [class*="_md-10"],
  [class*="grid_"] > [class*="_md-10"] {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%; }
  [class~="grid"] > [class*="_md-11"],
  [class*="grid-"] > [class*="_md-11"],
  [class*="grid_"] > [class*="_md-11"] {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%; }
  [class~="grid"] > [class*="_md-12"],
  [class*="grid-"] > [class*="_md-12"],
  [class*="grid_"] > [class*="_md-12"] {
    flex-basis: 100%;
    max-width: 100%; }

  [class~="grid"] > [data-push-left*="_md-0"],
  [class*="grid-"] > [data-push-left*="_md-0"],
  [class*="grid_"] > [data-push-left*="_md-0"] {
    margin-left: 0; }
  [class~="grid"] > [data-push-left*="_md-1"],
  [class*="grid-"] > [data-push-left*="_md-1"],
  [class*="grid_"] > [data-push-left*="_md-1"] {
    margin-left: 8.3333333333%; }
  [class~="grid"] > [data-push-left*="_md-2"],
  [class*="grid-"] > [data-push-left*="_md-2"],
  [class*="grid_"] > [data-push-left*="_md-2"] {
    margin-left: 16.6666666667%; }
  [class~="grid"] > [data-push-left*="_md-3"],
  [class*="grid-"] > [data-push-left*="_md-3"],
  [class*="grid_"] > [data-push-left*="_md-3"] {
    margin-left: 25%; }
  [class~="grid"] > [data-push-left*="_md-4"],
  [class*="grid-"] > [data-push-left*="_md-4"],
  [class*="grid_"] > [data-push-left*="_md-4"] {
    margin-left: 33.3333333333%; }
  [class~="grid"] > [data-push-left*="_md-5"],
  [class*="grid-"] > [data-push-left*="_md-5"],
  [class*="grid_"] > [data-push-left*="_md-5"] {
    margin-left: 41.6666666667%; }
  [class~="grid"] > [data-push-left*="_md-6"],
  [class*="grid-"] > [data-push-left*="_md-6"],
  [class*="grid_"] > [data-push-left*="_md-6"] {
    margin-left: 50%; }
  [class~="grid"] > [data-push-left*="_md-7"],
  [class*="grid-"] > [data-push-left*="_md-7"],
  [class*="grid_"] > [data-push-left*="_md-7"] {
    margin-left: 58.3333333333%; }
  [class~="grid"] > [data-push-left*="_md-8"],
  [class*="grid-"] > [data-push-left*="_md-8"],
  [class*="grid_"] > [data-push-left*="_md-8"] {
    margin-left: 66.6666666667%; }
  [class~="grid"] > [data-push-left*="_md-9"],
  [class*="grid-"] > [data-push-left*="_md-9"],
  [class*="grid_"] > [data-push-left*="_md-9"] {
    margin-left: 75%; }
  [class~="grid"] > [data-push-left*="_md-10"],
  [class*="grid-"] > [data-push-left*="_md-10"],
  [class*="grid_"] > [data-push-left*="_md-10"] {
    margin-left: 83.3333333333%; }
  [class~="grid"] > [data-push-left*="_md-11"],
  [class*="grid-"] > [data-push-left*="_md-11"],
  [class*="grid_"] > [data-push-left*="_md-11"] {
    margin-left: 91.6666666667%; }

  [class~="grid"] > [data-push-right*="_md-0"],
  [class*="grid-"] > [data-push-right*="_md-0"],
  [class*="grid_"] > [data-push-right*="_md-0"] {
    margin-right: 0; }
  [class~="grid"] > [data-push-right*="_md-1"],
  [class*="grid-"] > [data-push-right*="_md-1"],
  [class*="grid_"] > [data-push-right*="_md-1"] {
    margin-right: 8.3333333333%; }
  [class~="grid"] > [data-push-right*="_md-2"],
  [class*="grid-"] > [data-push-right*="_md-2"],
  [class*="grid_"] > [data-push-right*="_md-2"] {
    margin-right: 16.6666666667%; }
  [class~="grid"] > [data-push-right*="_md-3"],
  [class*="grid-"] > [data-push-right*="_md-3"],
  [class*="grid_"] > [data-push-right*="_md-3"] {
    margin-right: 25%; }
  [class~="grid"] > [data-push-right*="_md-4"],
  [class*="grid-"] > [data-push-right*="_md-4"],
  [class*="grid_"] > [data-push-right*="_md-4"] {
    margin-right: 33.3333333333%; }
  [class~="grid"] > [data-push-right*="_md-5"],
  [class*="grid-"] > [data-push-right*="_md-5"],
  [class*="grid_"] > [data-push-right*="_md-5"] {
    margin-right: 41.6666666667%; }
  [class~="grid"] > [data-push-right*="_md-6"],
  [class*="grid-"] > [data-push-right*="_md-6"],
  [class*="grid_"] > [data-push-right*="_md-6"] {
    margin-right: 50%; }
  [class~="grid"] > [data-push-right*="_md-7"],
  [class*="grid-"] > [data-push-right*="_md-7"],
  [class*="grid_"] > [data-push-right*="_md-7"] {
    margin-right: 58.3333333333%; }
  [class~="grid"] > [data-push-right*="_md-8"],
  [class*="grid-"] > [data-push-right*="_md-8"],
  [class*="grid_"] > [data-push-right*="_md-8"] {
    margin-right: 66.6666666667%; }
  [class~="grid"] > [data-push-right*="_md-9"],
  [class*="grid-"] > [data-push-right*="_md-9"],
  [class*="grid_"] > [data-push-right*="_md-9"] {
    margin-right: 75%; }
  [class~="grid"] > [data-push-right*="_md-10"],
  [class*="grid-"] > [data-push-right*="_md-10"],
  [class*="grid_"] > [data-push-right*="_md-10"] {
    margin-right: 83.3333333333%; }
  [class~="grid"] > [data-push-right*="_md-11"],
  [class*="grid-"] > [data-push-right*="_md-11"],
  [class*="grid_"] > [data-push-right*="_md-11"] {
    margin-right: 91.6666666667%; }

  [class~="grid"] [class*="_md-first"],
  [class*="grid-"] [class*="_md-first"],
  [class*="grid_"] [class*="_md-first"] {
    order: -1; }
  [class~="grid"] [class*="_md-last"],
  [class*="grid-"] [class*="_md-last"],
  [class*="grid_"] [class*="_md-last"] {
    order: 1; } }
@media (max-width: 560px) {
  [class~="grid"] > [class*="_sm-1"],
  [class*="grid-"] > [class*="_sm-1"],
  [class*="grid_"] > [class*="_sm-1"] {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%; }
  [class~="grid"] > [class*="_sm-2"],
  [class*="grid-"] > [class*="_sm-2"],
  [class*="grid_"] > [class*="_sm-2"] {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%; }
  [class~="grid"] > [class*="_sm-3"],
  [class*="grid-"] > [class*="_sm-3"],
  [class*="grid_"] > [class*="_sm-3"] {
    flex-basis: 25%;
    max-width: 25%; }
  [class~="grid"] > [class*="_sm-4"],
  [class*="grid-"] > [class*="_sm-4"],
  [class*="grid_"] > [class*="_sm-4"] {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%; }
  [class~="grid"] > [class*="_sm-5"],
  [class*="grid-"] > [class*="_sm-5"],
  [class*="grid_"] > [class*="_sm-5"] {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%; }
  [class~="grid"] > [class*="_sm-6"],
  [class*="grid-"] > [class*="_sm-6"],
  [class*="grid_"] > [class*="_sm-6"] {
    flex-basis: 50%;
    max-width: 50%; }
  [class~="grid"] > [class*="_sm-7"],
  [class*="grid-"] > [class*="_sm-7"],
  [class*="grid_"] > [class*="_sm-7"] {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%; }
  [class~="grid"] > [class*="_sm-8"],
  [class*="grid-"] > [class*="_sm-8"],
  [class*="grid_"] > [class*="_sm-8"] {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%; }
  [class~="grid"] > [class*="_sm-9"],
  [class*="grid-"] > [class*="_sm-9"],
  [class*="grid_"] > [class*="_sm-9"] {
    flex-basis: 75%;
    max-width: 75%; }
  [class~="grid"] > [class*="_sm-10"],
  [class*="grid-"] > [class*="_sm-10"],
  [class*="grid_"] > [class*="_sm-10"] {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%; }
  [class~="grid"] > [class*="_sm-11"],
  [class*="grid-"] > [class*="_sm-11"],
  [class*="grid_"] > [class*="_sm-11"] {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%; }
  [class~="grid"] > [class*="_sm-12"],
  [class*="grid-"] > [class*="_sm-12"],
  [class*="grid_"] > [class*="_sm-12"] {
    flex-basis: 100%;
    max-width: 100%; }

  [class~="grid"] > [data-push-left*="_sm-0"],
  [class*="grid-"] > [data-push-left*="_sm-0"],
  [class*="grid_"] > [data-push-left*="_sm-0"] {
    margin-left: 0; }
  [class~="grid"] > [data-push-left*="_sm-1"],
  [class*="grid-"] > [data-push-left*="_sm-1"],
  [class*="grid_"] > [data-push-left*="_sm-1"] {
    margin-left: 8.3333333333%; }
  [class~="grid"] > [data-push-left*="_sm-2"],
  [class*="grid-"] > [data-push-left*="_sm-2"],
  [class*="grid_"] > [data-push-left*="_sm-2"] {
    margin-left: 16.6666666667%; }
  [class~="grid"] > [data-push-left*="_sm-3"],
  [class*="grid-"] > [data-push-left*="_sm-3"],
  [class*="grid_"] > [data-push-left*="_sm-3"] {
    margin-left: 25%; }
  [class~="grid"] > [data-push-left*="_sm-4"],
  [class*="grid-"] > [data-push-left*="_sm-4"],
  [class*="grid_"] > [data-push-left*="_sm-4"] {
    margin-left: 33.3333333333%; }
  [class~="grid"] > [data-push-left*="_sm-5"],
  [class*="grid-"] > [data-push-left*="_sm-5"],
  [class*="grid_"] > [data-push-left*="_sm-5"] {
    margin-left: 41.6666666667%; }
  [class~="grid"] > [data-push-left*="_sm-6"],
  [class*="grid-"] > [data-push-left*="_sm-6"],
  [class*="grid_"] > [data-push-left*="_sm-6"] {
    margin-left: 50%; }
  [class~="grid"] > [data-push-left*="_sm-7"],
  [class*="grid-"] > [data-push-left*="_sm-7"],
  [class*="grid_"] > [data-push-left*="_sm-7"] {
    margin-left: 58.3333333333%; }
  [class~="grid"] > [data-push-left*="_sm-8"],
  [class*="grid-"] > [data-push-left*="_sm-8"],
  [class*="grid_"] > [data-push-left*="_sm-8"] {
    margin-left: 66.6666666667%; }
  [class~="grid"] > [data-push-left*="_sm-9"],
  [class*="grid-"] > [data-push-left*="_sm-9"],
  [class*="grid_"] > [data-push-left*="_sm-9"] {
    margin-left: 75%; }
  [class~="grid"] > [data-push-left*="_sm-10"],
  [class*="grid-"] > [data-push-left*="_sm-10"],
  [class*="grid_"] > [data-push-left*="_sm-10"] {
    margin-left: 83.3333333333%; }
  [class~="grid"] > [data-push-left*="_sm-11"],
  [class*="grid-"] > [data-push-left*="_sm-11"],
  [class*="grid_"] > [data-push-left*="_sm-11"] {
    margin-left: 91.6666666667%; }

  [class~="grid"] > [data-push-right*="_sm-0"],
  [class*="grid-"] > [data-push-right*="_sm-0"],
  [class*="grid_"] > [data-push-right*="_sm-0"] {
    margin-right: 0; }
  [class~="grid"] > [data-push-right*="_sm-1"],
  [class*="grid-"] > [data-push-right*="_sm-1"],
  [class*="grid_"] > [data-push-right*="_sm-1"] {
    margin-right: 8.3333333333%; }
  [class~="grid"] > [data-push-right*="_sm-2"],
  [class*="grid-"] > [data-push-right*="_sm-2"],
  [class*="grid_"] > [data-push-right*="_sm-2"] {
    margin-right: 16.6666666667%; }
  [class~="grid"] > [data-push-right*="_sm-3"],
  [class*="grid-"] > [data-push-right*="_sm-3"],
  [class*="grid_"] > [data-push-right*="_sm-3"] {
    margin-right: 25%; }
  [class~="grid"] > [data-push-right*="_sm-4"],
  [class*="grid-"] > [data-push-right*="_sm-4"],
  [class*="grid_"] > [data-push-right*="_sm-4"] {
    margin-right: 33.3333333333%; }
  [class~="grid"] > [data-push-right*="_sm-5"],
  [class*="grid-"] > [data-push-right*="_sm-5"],
  [class*="grid_"] > [data-push-right*="_sm-5"] {
    margin-right: 41.6666666667%; }
  [class~="grid"] > [data-push-right*="_sm-6"],
  [class*="grid-"] > [data-push-right*="_sm-6"],
  [class*="grid_"] > [data-push-right*="_sm-6"] {
    margin-right: 50%; }
  [class~="grid"] > [data-push-right*="_sm-7"],
  [class*="grid-"] > [data-push-right*="_sm-7"],
  [class*="grid_"] > [data-push-right*="_sm-7"] {
    margin-right: 58.3333333333%; }
  [class~="grid"] > [data-push-right*="_sm-8"],
  [class*="grid-"] > [data-push-right*="_sm-8"],
  [class*="grid_"] > [data-push-right*="_sm-8"] {
    margin-right: 66.6666666667%; }
  [class~="grid"] > [data-push-right*="_sm-9"],
  [class*="grid-"] > [data-push-right*="_sm-9"],
  [class*="grid_"] > [data-push-right*="_sm-9"] {
    margin-right: 75%; }
  [class~="grid"] > [data-push-right*="_sm-10"],
  [class*="grid-"] > [data-push-right*="_sm-10"],
  [class*="grid_"] > [data-push-right*="_sm-10"] {
    margin-right: 83.3333333333%; }
  [class~="grid"] > [data-push-right*="_sm-11"],
  [class*="grid-"] > [data-push-right*="_sm-11"],
  [class*="grid_"] > [data-push-right*="_sm-11"] {
    margin-right: 91.6666666667%; }

  [class~="grid"] [class*="_sm-first"],
  [class*="grid-"] [class*="_sm-first"],
  [class*="grid_"] [class*="_sm-first"] {
    order: -1; }
  [class~="grid"] [class*="_sm-last"],
  [class*="grid-"] [class*="_sm-last"],
  [class*="grid_"] [class*="_sm-last"] {
    order: 1; } }
@media (max-width: 320px) {
  [class~="grid"] > [class*="_xs-1"],
  [class*="grid-"] > [class*="_xs-1"],
  [class*="grid_"] > [class*="_xs-1"] {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%; }
  [class~="grid"] > [class*="_xs-2"],
  [class*="grid-"] > [class*="_xs-2"],
  [class*="grid_"] > [class*="_xs-2"] {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%; }
  [class~="grid"] > [class*="_xs-3"],
  [class*="grid-"] > [class*="_xs-3"],
  [class*="grid_"] > [class*="_xs-3"] {
    flex-basis: 25%;
    max-width: 25%; }
  [class~="grid"] > [class*="_xs-4"],
  [class*="grid-"] > [class*="_xs-4"],
  [class*="grid_"] > [class*="_xs-4"] {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%; }
  [class~="grid"] > [class*="_xs-5"],
  [class*="grid-"] > [class*="_xs-5"],
  [class*="grid_"] > [class*="_xs-5"] {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%; }
  [class~="grid"] > [class*="_xs-6"],
  [class*="grid-"] > [class*="_xs-6"],
  [class*="grid_"] > [class*="_xs-6"] {
    flex-basis: 50%;
    max-width: 50%; }
  [class~="grid"] > [class*="_xs-7"],
  [class*="grid-"] > [class*="_xs-7"],
  [class*="grid_"] > [class*="_xs-7"] {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%; }
  [class~="grid"] > [class*="_xs-8"],
  [class*="grid-"] > [class*="_xs-8"],
  [class*="grid_"] > [class*="_xs-8"] {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%; }
  [class~="grid"] > [class*="_xs-9"],
  [class*="grid-"] > [class*="_xs-9"],
  [class*="grid_"] > [class*="_xs-9"] {
    flex-basis: 75%;
    max-width: 75%; }
  [class~="grid"] > [class*="_xs-10"],
  [class*="grid-"] > [class*="_xs-10"],
  [class*="grid_"] > [class*="_xs-10"] {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%; }
  [class~="grid"] > [class*="_xs-11"],
  [class*="grid-"] > [class*="_xs-11"],
  [class*="grid_"] > [class*="_xs-11"] {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%; }
  [class~="grid"] > [class*="_xs-12"],
  [class*="grid-"] > [class*="_xs-12"],
  [class*="grid_"] > [class*="_xs-12"] {
    flex-basis: 100%;
    max-width: 100%; }

  [class~="grid"] > [data-push-left*="_xs-0"],
  [class*="grid-"] > [data-push-left*="_xs-0"],
  [class*="grid_"] > [data-push-left*="_xs-0"] {
    margin-left: 0; }
  [class~="grid"] > [data-push-left*="_xs-1"],
  [class*="grid-"] > [data-push-left*="_xs-1"],
  [class*="grid_"] > [data-push-left*="_xs-1"] {
    margin-left: 8.3333333333%; }
  [class~="grid"] > [data-push-left*="_xs-2"],
  [class*="grid-"] > [data-push-left*="_xs-2"],
  [class*="grid_"] > [data-push-left*="_xs-2"] {
    margin-left: 16.6666666667%; }
  [class~="grid"] > [data-push-left*="_xs-3"],
  [class*="grid-"] > [data-push-left*="_xs-3"],
  [class*="grid_"] > [data-push-left*="_xs-3"] {
    margin-left: 25%; }
  [class~="grid"] > [data-push-left*="_xs-4"],
  [class*="grid-"] > [data-push-left*="_xs-4"],
  [class*="grid_"] > [data-push-left*="_xs-4"] {
    margin-left: 33.3333333333%; }
  [class~="grid"] > [data-push-left*="_xs-5"],
  [class*="grid-"] > [data-push-left*="_xs-5"],
  [class*="grid_"] > [data-push-left*="_xs-5"] {
    margin-left: 41.6666666667%; }
  [class~="grid"] > [data-push-left*="_xs-6"],
  [class*="grid-"] > [data-push-left*="_xs-6"],
  [class*="grid_"] > [data-push-left*="_xs-6"] {
    margin-left: 50%; }
  [class~="grid"] > [data-push-left*="_xs-7"],
  [class*="grid-"] > [data-push-left*="_xs-7"],
  [class*="grid_"] > [data-push-left*="_xs-7"] {
    margin-left: 58.3333333333%; }
  [class~="grid"] > [data-push-left*="_xs-8"],
  [class*="grid-"] > [data-push-left*="_xs-8"],
  [class*="grid_"] > [data-push-left*="_xs-8"] {
    margin-left: 66.6666666667%; }
  [class~="grid"] > [data-push-left*="_xs-9"],
  [class*="grid-"] > [data-push-left*="_xs-9"],
  [class*="grid_"] > [data-push-left*="_xs-9"] {
    margin-left: 75%; }
  [class~="grid"] > [data-push-left*="_xs-10"],
  [class*="grid-"] > [data-push-left*="_xs-10"],
  [class*="grid_"] > [data-push-left*="_xs-10"] {
    margin-left: 83.3333333333%; }
  [class~="grid"] > [data-push-left*="_xs-11"],
  [class*="grid-"] > [data-push-left*="_xs-11"],
  [class*="grid_"] > [data-push-left*="_xs-11"] {
    margin-left: 91.6666666667%; }

  [class~="grid"] > [data-push-right*="_xs-0"],
  [class*="grid-"] > [data-push-right*="_xs-0"],
  [class*="grid_"] > [data-push-right*="_xs-0"] {
    margin-right: 0; }
  [class~="grid"] > [data-push-right*="_xs-1"],
  [class*="grid-"] > [data-push-right*="_xs-1"],
  [class*="grid_"] > [data-push-right*="_xs-1"] {
    margin-right: 8.3333333333%; }
  [class~="grid"] > [data-push-right*="_xs-2"],
  [class*="grid-"] > [data-push-right*="_xs-2"],
  [class*="grid_"] > [data-push-right*="_xs-2"] {
    margin-right: 16.6666666667%; }
  [class~="grid"] > [data-push-right*="_xs-3"],
  [class*="grid-"] > [data-push-right*="_xs-3"],
  [class*="grid_"] > [data-push-right*="_xs-3"] {
    margin-right: 25%; }
  [class~="grid"] > [data-push-right*="_xs-4"],
  [class*="grid-"] > [data-push-right*="_xs-4"],
  [class*="grid_"] > [data-push-right*="_xs-4"] {
    margin-right: 33.3333333333%; }
  [class~="grid"] > [data-push-right*="_xs-5"],
  [class*="grid-"] > [data-push-right*="_xs-5"],
  [class*="grid_"] > [data-push-right*="_xs-5"] {
    margin-right: 41.6666666667%; }
  [class~="grid"] > [data-push-right*="_xs-6"],
  [class*="grid-"] > [data-push-right*="_xs-6"],
  [class*="grid_"] > [data-push-right*="_xs-6"] {
    margin-right: 50%; }
  [class~="grid"] > [data-push-right*="_xs-7"],
  [class*="grid-"] > [data-push-right*="_xs-7"],
  [class*="grid_"] > [data-push-right*="_xs-7"] {
    margin-right: 58.3333333333%; }
  [class~="grid"] > [data-push-right*="_xs-8"],
  [class*="grid-"] > [data-push-right*="_xs-8"],
  [class*="grid_"] > [data-push-right*="_xs-8"] {
    margin-right: 66.6666666667%; }
  [class~="grid"] > [data-push-right*="_xs-9"],
  [class*="grid-"] > [data-push-right*="_xs-9"],
  [class*="grid_"] > [data-push-right*="_xs-9"] {
    margin-right: 75%; }
  [class~="grid"] > [data-push-right*="_xs-10"],
  [class*="grid-"] > [data-push-right*="_xs-10"],
  [class*="grid_"] > [data-push-right*="_xs-10"] {
    margin-right: 83.3333333333%; }
  [class~="grid"] > [data-push-right*="_xs-11"],
  [class*="grid-"] > [data-push-right*="_xs-11"],
  [class*="grid_"] > [data-push-right*="_xs-11"] {
    margin-right: 91.6666666667%; }

  [class~="grid"] [class*="_xs-first"],
  [class*="grid-"] [class*="_xs-first"],
  [class*="grid_"] [class*="_xs-first"] {
    order: -1; }
  [class~="grid"] [class*="_xs-last"],
  [class*="grid-"] [class*="_xs-last"],
  [class*="grid_"] [class*="_xs-last"] {
    order: 1; } }
/************************
    HIDING COLS
*************************/
@media (max-width: 1280px) {
  [class*="lg-hidden"] {
    display: none; } }
@media (max-width: 960px) {
  [class*="md-hidden"] {
    display: none; } }
@media (max-width: 560px) {
  [class*="sm-hidden"] {
    display: none; } }
@media (max-width: 320px) {
  [class*="xs-hidden"] {
    display: none; } }
/* ------------------------------------------------------------------------------
  Font
------------------------------------------------------------------------------ */
@media (min-width: 560px) and (max-width: 1115px) {
  html {
    font-size: 0.8960573477vw; } }

* {
  font-feature-settings: "palt";
  -webkit-font-feature-settings: "palt";
  font-family: source-han-sans-japanese, sans-serif;
  	/*@media all and (-ms-high-contrast: none) {
        //font-family: "メイリオ", Meiryo, sans-serif;
        font-family: source-han-sans-japanese, sans-serif;
  	}*/
  font-display: swap;
  font-style: normal;
  font-weight: 100; }

.h-lg, article h1, article h2 {
  color: rgba(0, 0, 0, 0.86); }
  @media screen and (max-width: 559px) {
    .h-lg, article h1, article h2 {
      font-size: 2.2rem;
      margin: 0 0 2rem !important; } }
  @media screen and (min-width: 560px) {
    .h-lg, article h1, article h2 {
      font-size: 3rem;
      margin: 0 0 40px !important; } }

.h-md, article h3 {
  color: black; }
  @media screen and (max-width: 559px) {
    .h-md, article h3 {
      font-size: 2rem; } }
  @media screen and (min-width: 560px) {
    .h-md, article h3 {
      font-size: 2.4rem; } }

.h-sm, article h4, article h5 {
  color: black;
  /*font-weight: bold;*/ }
  @media screen and (max-width: 559px) {
    .h-sm, article h4, article h5 {
      font-size: 1.7rem; } }
  @media screen and (min-width: 560px) {
    .h-sm, article h4, article h5 {
      font-size: 2rem; } }

.h-lg, article h1, article h2, .h-md, article h3, .h-sm, article h4, article h5 {
  line-height: 1.2em;
  margin-bottom: 0.2em;
  text-align: left;
  letter-spacing: 2.5px; }

.h-img {
  margin: 0;
  padding: 0;
  line-height: 0;
  font-size: 0; }

.txt, .txt-strong, article th, article p, article li, article tr, article td, article dt, article dd {
  text-align: left;
  letter-spacing: 0.75px; }
  @media screen and (max-width: 559px) {
    .txt, .txt-strong, article th, article p, article li, article tr, article td, article dt, article dd {
      font-size: 1.3rem;
      line-height: 1.7em; } }
  @media screen and (min-width: 560px) {
    .txt, .txt-strong, article th, article p, article li, article tr, article td, article dt, article dd {
      font-size: 1.7rem;
      line-height: 1.7em; } }
  .txt-center {
    text-align: center; }
  @media screen and (min-width: 560px) {
    .txt_pc-center {
      text-align: center; } }
  @media screen and (max-width: 559px) {
    .txt_sp-center {
      text-align: center; } }

.txt-strong, article th {
  font-weight: bold;
  color: rgba(0, 0, 0, 0.66); }

.txt-caption {
  font-size: 1.3rem; }

.txt-label {
  font-size: 1.1rem;
  line-height: 1.5em; }

.txt, .txt-strong, article th, article p, article li, article tr, article td, article dt, article dd, .txt-caption, .txt-label {
  margin-bottom: 1em; }

.txt-point {
  /*@extend .txt-label;*/
  color: #ed5d71;
  /* font-weight: bold;*/
  font-size: 1.3rem;
  line-height: 1.5em; }
  .txt-point .shipping {
    color: #000; }
  .txt-point span {
    font-weight: inherit; }
  .txt-point .point-txt-first::after {
    content: "ポイント("; }
  .txt-point .point-number::after {
    content: "%還元)"; }
  .txt-point .info-epoint {
    cursor: default;
    position: relative; }
    .txt-point .info-epoint::after {
      content: "";
      font-size: 1.8em;
      color: #545454;
      vertical-align: sub;
      margin-left: 0.2em; }
    .txt-point .info-epoint::before {
      opacity: 0;
      pointer-events: none;
      content: "ソースネクストeポイントは、1ポイント1円で使えるお得なポイントサービスです。Gポイント社のGポイントと交換すれば、航空会社のマイルや、スーパー・コンビニなどで使える他社のポイントへ交換できます。";
      color: rgba(0, 0, 0, 0.86);
      background: #fff;
      box-shadow: 0px 0px 8px #ccc;
      padding: 1em;
      width: 200px;
      position: absolute;
      bottom: 2rem;
      left: -16rem;
      transition: 300ms;
      -webkit-transition-delay: 300ms;
      transition-delay: 300ms; }
    .txt-point .info-epoint:hover::before {
      opacity: 1; }

sup {
  font-size: 0.6em;
  font-weight: inherit; }

.attention {
  color: #E60012; }

.extent {
  font-weight: bold;
  color: #5DC58D; }

ul.list-disk {
  list-style: disc;
  margin-bottom: 1rem; }
  ul.list-disk > li {
    margin: 0.25em 0 0.25em 1.5em; }

ol.list-ol-circle {
  counter-reset: my-counter;
  list-style: none;
  padding: 0; }
  ol.list-ol-circle > li {
    margin: 0.25em 0 0.25em 2em;
    padding-left: -2em;
    position: relative; }
    ol.list-ol-circle > li:before {
      content: counter(my-counter);
      counter-increment: my-counter;
      background-color: rgba(0, 0, 0, 0.66);
      color: #fff;
      display: block;
      float: left;
      line-height: 1.5em;
      margin-left: -2em;
      text-align: center;
      height: 1.5em;
      width: 1.5em;
      border-radius: 50%; }

dl.list-dl dt {
  font-weight: bold;
  margin-top: 1em; }
dl.list-dl dd {
  margin-left: 1em; }
dl.list-dl-clm dt {
  background: #f7f6f6;
  font-weight: bold;
  padding: 0.2em; }
dl.list-dl-clm dd {
  margin: 0.4em 0.2em 0 0.2em; }
dl.list-dl-clm > div {
  page-break-inside: avoid;
  break-inside: avoid;
  margin-bottom: 2.4em; }
dl.list-dl-clm-vertical dt {
  background: #f7f6f6;
  font-weight: bold;
  padding: 0.2em;
  column-span: all;
  margin-top: 1em; }
dl.list-dl-clm-vertical dd {
  margin: 0.4em 0.2em 0 0.2em; }

@media screen and (min-width: 560px) {
  .clm2, .clm2_sm-2 {
    column-count: 2; } }
@media screen and (max-width: 559px) {
  .clm2, .clm2_sm-2 {
    column-count: 1; } }
@media screen and (max-width: 559px) {
  .clm2_sm-2 {
    column-count: 2; } }

@media screen and (min-width: 560px) {
  .clm3, .clm3_sm-2 {
    column-count: 3; } }
@media screen and (max-width: 559px) {
  .clm3, .clm3_sm-2 {
    column-count: 1; } }
@media screen and (max-width: 559px) {
  .clm3_sm-2 {
    column-count: 2; } }

@media screen and (min-width: 560px) {
  .clm4, .clm4_sm-2 {
    column-count: 4; } }
@media screen and (max-width: 559px) {
  .clm4, .clm4_sm-2 {
    column-count: 1; } }
@media screen and (max-width: 559px) {
  .clm4_sm-2 {
    column-count: 2; } }

@media screen and (min-width: 560px) {
  .clm5 {
    column-count: 5; } }
@media screen and (max-width: 559px) {
  .clm5 {
    column-count: 2; } }

@media screen and (min-width: 560px) {
  .clm6 {
    column-count: 6; } }
@media screen and (max-width: 559px) {
  .clm6 {
    column-count: 2; } }

img + .txt, img + .txt-strong, article img + th, article img + p, article img + li, article img + tr, article img + td, article img + dt, article img + dd, img + .h-lg, article img + h1, article img + h2, img + .h-md, article img + h3, img + .h-sm, article img + h4, article img + h5 {
  margin-top: 0.5em; }

article li, article tr, article td, article dt, article dd {
  margin-bottom: 0; }
article th {
  margin-bottom: 0; }

ol {
  list-style: decimal;
  margin: 1rem auto; }
  ol > li {
    margin: 0.25em 0 0.25em 1.5em; }

span {
  font-size: inherit; }

/* ------------------------------------------------------------------------------
  Background
------------------------------------------------------------------------------ */
.bg_gray {
  background-color: #f7f6f6; }

.bg_blue {
  background-color: #00BDFF; }

/* ------------------------------------------------------------------------------
  Images
------------------------------------------------------------------------------ */
.fit-img {
  width: auto;
  max-width: 100%;
  height: auto !important; }
  .fit-img-80 {
    max-width: 80%; }
  .fit-img-70 {
    max-width: 70%; }
  .fit-img-60 {
    max-width: 60%; }
  .fit-img-50 {
    max-width: 50%; }
  .fit-img-80, .fit-img-70, .fit-img-60, .fit-img-50 {
    width: auto;
    display: block;
    margin: auto;
    height: auto !important; }

.width-full {
  width: 100%; }

/* ------------------------------------------------------------------------------
  Link
------------------------------------------------------------------------------ */
a {
  color: #0099FF;
  font-size: inherit; }

/*-----リンクテキスト-----*/
.link-txt-base, .link-txt, a .link-txt, a.link-txt, .link-txt-arrow, a .link-txt-arrow, a.link-txt-arrow, .link-txt-underarrow, a .link-txt-underarrow, a.link-txt-underarrow {
  color: #0099FF;
  font-weight: bold;
  text-decoration: underline;
  -webkit-transition: all .3s;
  transition: all .3s; }
  .link-txt-base:hover, .link-txt:hover, .link-txt-arrow:hover, .link-txt-underarrow:hover {
    text-decoration: none; }

.img-link {
  transition: all 0.5s; }
  .img-link:hover {
    opacity: 0.6; }

.link-txt-arrow, a .link-txt-arrow, a.link-txt-arrow {
  display: inline-block;
  position: relative;
  padding-right: 1em;
  margin: 0.5rem 2rem; }
  .link-txt-arrow::after, a .link-txt-arrow::after, a.link-txt-arrow::after {
    content: "";
    position: absolute;
    right: 0; }
.link-txt-underarrow, a .link-txt-underarrow, a.link-txt-underarrow {
  display: inline-block;
  position: relative;
  padding-right: 1em;
  margin: 0.5rem 2rem;
  color: #000;
  font-weight: normal !important; }
  .link-txt-underarrow::after, a .link-txt-underarrow::after, a.link-txt-underarrow::after {
    content: "";
    position: absolute;
    right: 0; }

.link-before-arrow {
  text-align: center;
  max-width: 400px;
  margin: auto;
  display: flex;
  color: #303030;
  font-size: inherit;
  padding: 1em 0em;
  margin: 1em auto 0;
  text-decoration: none;
  position: relative;
  justify-content: center;
  align-items: center; }
  .link-before-arrow .leftIcon {
    display: block;
    width: 4.5rem;
    height: 2rem;
    margin: 0 10px 0 0px;
    color: #3c3b3b; }
  .link-before-arrow:after {
    content: "";
    display: block;
    height: 1px;
    width: 100%;
    bottom: calc(0.7em + 2px);
    position: absolute;
    background-color: #181818;
    transform: scaleX(0);
    transition: all 200ms cubic-bezier(0, 0, 0, 0.99);
    margin: 0px 0 -5px;
    left: 0; }
  .link-before-arrow:hover:after {
    transform: scaleX(1); }

/*-----リンクパネル-----*/
.link-panel, .link-panel-white, .link-panel-white-radius, .link-panel-gray, .link-panel-gray-radius, .link-panel-transparent, .link-panel-transparent-radius {
  width: 100%;
  text-decoration: none;
  -webkit-transition: all .3s;
  transition: all .3s;
  cursor: pointer; }
  .link-panel a, .link-panel-white a, .link-panel-white-radius a, .link-panel-gray a, .link-panel-gray-radius a, .link-panel-transparent a, .link-panel-transparent-radius a {
    display: block;
    padding: 1em 1.2em 0.5em 1.2em;
    color: inherit; }
  .link-panel:hover, .link-panel-white:hover, .link-panel-white-radius:hover, .link-panel-gray:hover, .link-panel-gray-radius:hover, .link-panel-transparent:hover, .link-panel-transparent-radius:hover {
    text-decoration: none; }
    .link-panel:hover .link-txt, .link-panel-white:hover .link-txt, .link-panel-white-radius:hover .link-txt, .link-panel-gray:hover .link-txt, .link-panel-gray-radius:hover .link-txt, .link-panel-transparent:hover .link-txt, .link-panel-transparent-radius:hover .link-txt, .link-panel:hover .link-txt-arrow, .link-panel-white:hover .link-txt-arrow, .link-panel-white-radius:hover .link-txt-arrow, .link-panel-gray:hover .link-txt-arrow, .link-panel-gray-radius:hover .link-txt-arrow, .link-panel-transparent:hover .link-txt-arrow, .link-panel-transparent-radius:hover .link-txt-arrow {
      text-decoration: none; }
  .link-panel-white, .link-panel-white-radius {
    background: #fff;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2); }
    .link-panel-white:hover, .link-panel-white-radius:hover {
      box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.4); }
    .link-panel-white-radius {
      border-radius: 0.5rem; }
  .link-panel-gray, .link-panel-gray-radius {
    background: #f7f6f6;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2); }
    .link-panel-gray:hover, .link-panel-gray-radius:hover {
      box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.4); }
    .link-panel-gray-radius {
      border-radius: 0.5rem; }
  .link-panel-transparent a, .link-panel-transparent-radius a {
    padding: 0.5em 1em 0.2em 1em; }
  .link-panel-transparent:hover, .link-panel-transparent-radius:hover {
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.4); }
  .link-panel-transparent-radius {
    border-radius: 0.5rem; }

/*-----リンクボタン-----*/
.btn-base, .link-btn-lg, .link-btn-md, .link-btn-sm, .link-btn-outline-lg, .link-btn-outline-md, .link-btn-outline-sm, .link-btn-cart-lg, .link-btn-cart-md, .link-btn-cart-sm {
  display: inline-block;
  position: relative;
  margin: 1.6rem auto;
  text-align: center;
  text-decoration: none;
  border: 1px solid transparent;
  border-radius: 100px;
  cursor: pointer;
  outline: 0;
  -webkit-transition: all .3s;
  transition: all .3s; }
  .btn-base a, .link-btn-lg a, .link-btn-md a, .link-btn-sm a, .link-btn-outline-lg a, .link-btn-outline-md a, .link-btn-outline-sm a, .link-btn-cart-lg a, .link-btn-cart-md a, .link-btn-cart-sm a {
    font-size: 1.7rem;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.86);
    display: block; }

.link-btn-lg, .link-btn-md, .link-btn-sm {
  margin: 0.35em;
  background: #fff;
  color: #fff;
  font-size: 1.7rem;
  font-weight: bold;
  line-height: 1.2em;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2);
  color: #545454; }
  .link-btn-lg::after, .link-btn-md::after, .link-btn-sm::after {
    content: "";
    font-size: 1.6em;
    line-height: 0;
    vertical-align: top;
    display: block;
    right: 0.5em;
    top: 50%;
    position: absolute; }
  .link-btn-lg:hover, .link-btn-md:hover, .link-btn-sm:hover {
    color: #000000; }
  .link-btn-lg:active, .link-btn-lg:focus, .link-btn-lg:hover, .link-btn-md:active, .link-btn-md:focus, .link-btn-md:hover, .link-btn-sm:active, .link-btn-sm:focus, .link-btn-sm:hover {
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.4); }
.link-btn-lg {
  padding: 1.2em 2.4em 1.2em 1em;
  width: 17em; }
.link-btn-md {
  padding: 1.2em 2.4em 1.2em 1em;
  width: 14em; }
.link-btn-sm {
  padding: 1em;
  width: 11em; }

.link-btn-outline-lg, .link-btn-outline-md, .link-btn-outline-sm {
  margin: 0.35em;
  background: #fff;
  font-size: 1.7rem;
  font-weight: bold;
  line-height: 1.2em;
  border: 4px solid #00BDFF;
  /*&::after {
    @extend .ionicons;
    content: $arrow-dropright-circle;
    font-size: 1.6em;
    line-height: 0;
    vertical-align: top;
    display: block;
    right: 0.5em;
    top: 50%;
    position: absolute;
}*/
  color: #545454; }
  .link-btn-outline-lg:hover, .link-btn-outline-md:hover, .link-btn-outline-sm:hover {
    color: #000000; }
.link-btn-outline-lg {
  padding: 1em;
  width: 17em; }
.link-btn-outline-md {
  padding: 1em;
  width: 14em; }
.link-btn-outline-sm {
  padding: 1em;
  width: 11em; }

/*----カートボタン------*/
.link-btn-cart-lg, .link-btn-cart-md, .link-btn-cart-sm {
  background: #000;
  color: #fff;
  font-size: 1.7rem;
  margin: 0.35em;
  line-height: 1em; }
  .link-btn-cart-lg:hover, .link-btn-cart-md:hover, .link-btn-cart-sm:hover {
    background: #7befb2;
    border: 1px solid #000;
    color: #000; }
  .link-btn-cart-lg::before, .link-btn-cart-md::before, .link-btn-cart-sm::before {
    content: "";
    font-size: 1.2em;
    margin-right: 0.4em;
    line-height: 0;
    vertical-align: middle; }
    .link-btn-cart-lg::before:hover, .link-btn-cart-md::before:hover, .link-btn-cart-sm::before:hover {
      background: #7befb2; }
  .link-btn-cart-lg span::before, .link-btn-cart-md span::before, .link-btn-cart-sm span::before {
    content: "購入";
    font-size: 1.7rem;
    font-weight: bold; }
.link-btn-cart-lg {
  padding: 1em;
  width: 17em; }
  @media screen and (max-width: 559px) {
    .link-btn-cart-lg {
      max-width: 100%; } }
.link-btn-cart-md {
  padding: 1.0em;
  width: 12em; }
.link-btn-cart-sm {
  padding: 0.5em 1em;
  font-size: 0.9em !important; }
  .link-btn-cart-sm span::before {
    font-size: inherit; }

.for-buy-page span::before {
  content: "ご購入ページへ" !important; }

.a-img-bright img {
  transition: filter 0.3s ease; }
.a-img-bright:hover img {
  -webkit-filter: brightness(1.1);
  -moz-filter: brightness(1.1);
  -o-filter: brightness(1.1);
  -ms-filter: brightness(1.1);
  filter: brightness(1.1); }

/*　カート共通　*/
.special-price {
  color: #ed5d71; }

.cart-img {
  width: 20%;
  margin: 0 1em 0 0px; }
  @media screen and (max-width: 559px) {
    .cart-img {
      width: 60%; } }

.price {
  margin: 0; }
  .price span {
    line-height: 1.5em;
    letter-spacing: 1px;
    margin: 0 0 0 0.25em; }

.cart-button-wrap {
  margin: 0; }

.col-12.parallel {
  justify-content: space-around;
  padding: 1em 0 1.5em; }
  .col-12.parallel + .parallel {
    border-top: 1px solid #eee;
    padding: 1.5em 0; }
  .col-12.parallel .product-name .product-name-caption {
    font-size: 1.5rem;
    display: block; }
  @media screen and (min-width: 560px) {
    .col-12.parallel .product-name {
      width: 55%; }
    .col-12.parallel .price-area {
      width: 30%; } }
  @media screen and (max-width: 559px) {
    .col-12.parallel p, .col-12.parallel h3 {
      text-align: center; }
    .col-12.parallel .product-name {
      width: 100%; }
    .col-12.parallel .price-area {
      width: 100%; } }

@media screen and (max-width: 559px) {
  .seller-info {
    line-height: 1.5em;
    font-size: 1.25rem; } }

/*オーバーレイカート*/
.layer2nd {
  /*.link-btn-cart-sm{display: none}*/ }
  .layer2nd .slide-cart-pointtxt::after {
    content: "ポイント("; }
  .layer2nd .slide-cart-pointtxt-after::after {
    content: "円相当)"; }
  @media screen and (max-width: 559px) {
    .layer2nd {
      width: 100%; }
      .layer2nd .gheader-band {
        display: flex;
        padding-left: 0.9em;
        justify-content: space-between;
        align-items: center;
        color: black;
        box-sizing: border-box; }
        .layer2nd .gheader-band-cartbtn {
          font-size: 1em;
          display: flex;
          flex-wrap: wrap;
          align-items: center;
          justify-content: center; }
        .layer2nd .gheader-band > p {
          display: flex;
          align-items: center;
          margin-left: 2vw;
          line-height: 1.4em;
          font-size: 0.9em; }
        .layer2nd .gheader-band .icon-mini:before {
          content: "";
          display: block;
          width: 9vw;
          height: 9vw;
          background: url(/img_sc/molekule/img/img_mini-mini.png) no-repeat;
          background-size: auto 100%; }
      .layer2nd .content-overlay-buy {
        color: black;
        position: fixed;
        right: 0;
        top: 0;
        width: 100%;
        height: 100vh;
        transform: translateX(100%);
        background-color: rgba(228, 242, 235, 0.97);
        padding: 1.25rem 1.25rem 10rem;
        box-sizing: border-box;
        transition: all 200ms cubic-bezier(0, 0, 0, 0.99); } }
  @media screen and (min-width: 560px) {
    .layer2nd {
      color: #000000; }
      .layer2nd .gheader-band {
        max-width: 1200px;
        width: 100%;
        margin: 0 auto;
        text-align: center;
        position: relative;
        padding: 0; }
        .layer2nd .gheader-band > label {
          position: absolute;
          right: 0;
          top: 45%;
          transform: translate(-20%, -50%);
          padding: 0.9em 1.8em; }
        .layer2nd .gheader-band-cartbtn {
          display: flex;
          flex-wrap: wrap;
          align-items: center;
          justify-content: center; }
      .layer2nd .content-overlay-buy {
        color: black;
        position: fixed;
        right: 0;
        top: 0;
        width: 470px;
        height: 100%;
        /*box-shadow:
          0 0px 5.3px rgba(0, 0, 0, 0.028),
          0 0px 17.9px rgba(0, 0, 0, 0.042),
          0 0px 80px rgba(0, 0, 0, 0.07);
        transform: translateX(100%);*/
        background-color: rgba(228, 242, 235, 0.97);
        transition: all 200ms cubic-bezier(0, 0, 0, 0.99);
        z-index: 800;
        padding: 1.25rem 1.25rem 10rem; }
        .layer2nd .content-overlay-buy label {
          cursor: pointer; } }
  .layer2nd .content-overlay-buy.active {
    transform: translateX(0); }
  .layer2nd #controll-nav-buy ~ .content-overlay-buy {
    transform: translateX(100%); }
  .layer2nd #controll-nav-buy.active ~ .content-overlay-buy {
    transform: translateX(0);
    z-index: 99999; }

.img-txt {
  display: flex;
  /*display: none;*/
  justify-content: center;
  align-items: center; }
  .img-txt img {
    width: 20px;
    margin: 0 10px 0 0px; }

.ion-ios-close-circle-outline:before {
  font-size: 3rem; }

.ion-ios-close-circle-outline {
  position: absolute;
  top: 10px;
  right: 10px; }

/* カート部分用のモジュールCSS */
.component-frontovercart {
  padding: 1em;
  box-sizing: border-box;
  padding: 0.5em 2em !important;
  top: 0;
  bottom: 0;
  overflow: auto; }
  .component-frontovercart-product-wrapper {
    background-color: white;
    padding: 1em;
    box-shadow: 0 0px 5.3px rgba(0, 0, 0, 0.028), 0 0px 17.9px rgba(0, 0, 0, 0.042), 0 0px 80px rgba(0, 0, 0, 0.07); }

/* /カート部分用のモジュールCSS */
.component-frontovercart h2 {
  margin: 10px 0px 20px; }

.component-payment-info img {
  margin: 0.5em 0; }

#molekule-cart-box .price-wrap {
  width: 100%; }

#molekule-cart-box .mimi-cart-wrap label:checked {
  background-color: #FFED82; }

#molekule-cart-box label > p {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column; }

#molekule-cart-box .lb-acc-set .color-name {
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column; }

#molekule-cart-box .set-wrap_inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: left;
  width: 100%; }

.check-circle {
  background-color: #fff;
  border-radius: 2px;
  border: 1px solid #a2a2a2;
  width: 30px;
  height: 30px;
  display: block;
  position: relative;
  margin: 0 1em 0 0; }

.check-circle::before {
  border-left: 8px solid #fff;
  border-bottom: 8px solid #fff;
  width: 15px;
  height: 8px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  left: 3px;
  top: 5px;
  /* content: ""; */
  position: absolute; }

label[for="warranty"] #warranty:checked + .set-wrap_inner .check-circle,
label[for="set-filter"] #set-filter:checked + .set-wrap_inner .check-circle {
  background-color: #7befb2;
  border: 2px solid #7befb2; }

label[for="warranty"] #warranty:checked + .set-wrap_inner .check-circle::before,
label[for="set-filter"] #set-filter:checked + .set-wrap_inner .check-circle::before {
  border-left: 5px solid #fff;
  border-bottom: 5px solid #fff;
  content: ""; }

.color-name {
  margin: 0; }

.set-wrap_inner {
  /* border-top: 1px solid #d8d8d8; */
  /* border-radius: 3px; */
  padding: 0.75rem 0;
  transition: all .2s;
  margin: 0 0 2px; }

#warranty:checked + .set-wrap_inner,
#set-filter:checked + .set-wrap_inner {
  /* border: 2px solid #EF8200; */ }

.salesprice {
  color: #ed5d71; }

.price .basic-pricebox::before {
  content: "販売価格";
  font-size: 1.7rem;
  margin: 0 0.5em 0 0; }

.price .salse-pricebox::before {
  content: "販売価格";
  font-size: 1.7rem;
  margin: 0 0.5em 0 0; }

.price .pricebox::after {
  content: "円"; }

/*
.price sup::before {
  content: "（税込）"
}
*/
.set-label-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #d8d8d8;
  width: 90%;
  margin: auto; }
  @media screen and (max-width: 559px) {
    .set-label-wrap {
      width: 100%; } }

.set-label-wrap p,
.set-label-wrap a {
  margin: 0; }

/* ------------------------------------------------------------------------------
  モーダル
------------------------------------------------------------------------------ */
.mdl {
  text-align: center; }

.btn-mdl, .btn-mdl-lg, .btn-mdl-md, .btn-mdl-sm {
  text-align: center;
  display: inline-block;
  position: relative;
  border: 2px solid #E3E3E3;
  border-radius: 100px;
  -webkit-transition: border 300ms ease-out;
  -moz-transition: border 300ms ease-out;
  -o-transition: border 300ms ease-out;
  transition: border 300ms ease-out;
  margin: 0.5em auto;
  padding: 1em 1em 1em 2.8em;
  font-size: 1.7rem;
  font-weight: bold;
  line-height: 1.2em;
  color: #545454; }
  @media screen and (max-width: 559px) {
    .btn-mdl, .btn-mdl-lg, .btn-mdl-md, .btn-mdl-sm {
      min-width: 6.6em;
      max-width: 28em;
      font-size: 1.7rem;
      text-align: left; } }
  .btn-mdl::before, .btn-mdl-lg::before, .btn-mdl-md::before, .btn-mdl-sm::before {
    content: "";
    font-size: 1.6em;
    line-height: 0;
    vertical-align: top;
    display: block;
    left: 0.5em;
    top: 50%;
    position: absolute; }
  .btn-mdl:hover, .btn-mdl-lg:hover, .btn-mdl-md:hover, .btn-mdl-sm:hover {
    border-color: #878787;
    color: #000000; }
  @media screen and (min-width: 560px) {
    .btn-mdl-lg {
      max-width: 28em; } }
  @media screen and (min-width: 560px) {
    .btn-mdl-md {
      max-width: 19.5em; } }
  @media screen and (min-width: 560px) {
    .btn-mdl-sm {
      max-width: 6.6em; } }

.btn-mdl-free {
  padding: 0;
  margin: 0;
  vertical-align: baseline; }

.mdl_wrap input {
  display: none; }

.mdl_overlay {
  display: flex;
  justify-content: center;
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  opacity: 0;
  transition: opacity 0.5s, transform 0s 0.5s;
  transform: scale(0); }

.mdl_trigger {
  position: absolute;
  width: 100%;
  height: 100%; }

.mdl_content {
  text-align: left;
  align-self: center;
  width: 80%;
  max-width: 860px;
  max-height: 90%;
  overflow-y: auto;
  padding: 30px 30px 15px;
  box-sizing: border-box;
  background: #fff;
  line-height: 1.4em;
  transform: scale(1.2);
  transition: 0.5s; }

.mdl-close_button {
  position: absolute;
  top: 14px;
  right: 16px;
  cursor: pointer; }
  .mdl-close_button::before {
    content: "";
    display: block;
    color: #000;
    font-size: 24px; }

.mdl_wrap input:checked ~ .mdl_overlay {
  opacity: 1;
  transform: scale(1);
  transition: opacity 0.5s; }

.mdl_wrap input:checked ~ .mdl_overlay .mdl_content {
  transform: scale(1); }

/* ------------------------------------------------------------------------------
  アコーディオン
------------------------------------------------------------------------------ */
.js-acd .btn-acd, .js-acd .btn-acd-lg, .js-acd .btn-acd-md, .js-acd .btn-acd-sm {
  display: block;
  position: relative;
  margin: 1.6rem auto;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  border: 1px solid transparent;
  border-radius: 100px;
  background: #E3E3E3;
  color: rgba(0, 0, 0, 0.86);
  cursor: pointer;
  outline: 0;
  line-height: 1.2em;
  -webkit-transition: all .3s;
  transition: all .3s; }
  .js-acd .btn-acd::after, .js-acd .btn-acd-lg::after, .js-acd .btn-acd-md::after, .js-acd .btn-acd-sm::after {
    content: "";
    position: absolute;
    right: 1.25em;
    line-height: 0;
    top: 50%;
    color: #545454;
    font-weight: bold; }
  .js-acd .btn-acd::before, .js-acd .btn-acd-lg::before, .js-acd .btn-acd-md::before, .js-acd .btn-acd-sm::before {
    display: block;
    content: "";
    position: absolute;
    right: 0.8em;
    top: calc(50% - 0.8em);
    width: 1.6em;
    height: 1.6em;
    border-radius: 50%;
    background: #fff; }
  .js-acd .btn-acd:hover, .js-acd .btn-acd-lg:hover, .js-acd .btn-acd-md:hover, .js-acd .btn-acd-sm:hover {
    background: #f0f0f0; }
  @media screen and (min-width: 560px) {
    .js-acd .btn-acd-lg {
      width: 25em;
      padding: 1em 2.5em;
      font-size: 2rem; } }
  @media screen and (max-width: 559px) {
    .js-acd .btn-acd-lg {
      padding: 1.1em 2.5em;
      max-width: 25em;
      font-size: 1.7rem;
      width: 100%; } }
  @media screen and (min-width: 560px) {
    .js-acd .btn-acd-md {
      width: 20em;
      padding: 1em 2.5em;
      font-size: 1.7rem; } }
  @media screen and (max-width: 559px) {
    .js-acd .btn-acd-md {
      padding: 1.1em 2.5em;
      max-width: 25em;
      font-size: 1.7rem;
      width: 100%; } }
  .js-acd .btn-acd-sm {
    width: 7em;
    padding: 0.8em 1.8em 0.8em 1em;
    font-size: 1.7rem; }
.js-acd .acd-inner {
  display: none;
  border: 1px solid #e3e3e3;
  margin: 1rem 0px 4rem; }
  @media screen and (max-width: 559px) {
    .js-acd .acd-inner {
      padding: 2rem; } }
  @media screen and (min-width: 560px) {
    .js-acd .acd-inner {
      padding: 4rem; } }

/* --------------------------------------------------------
  レイアウト
-------------------------------------------------------- */
.content-width, section#ph_content > main > article > section > section {
  margin: 0 auto;
  width: 100%;
  max-width: 1116px; }

section#ph_content > main > article > section.section-padding-none {
  padding: 0 !important; }

@media screen and (max-width: 559px) {
  section#ph_content > main > article > section {
    padding: 2em 0; } }
@media screen and (min-width: 560px) {
  section#ph_content > main > article > section {
    padding: 64px 0; } }
section#ph_content > main > article > section.border-btm::after {
  content: "";
  border-top: 1px solid #545454;
  display: block;
  width: 100%;
  max-width: 1116px;
  margin: -4em 0 4em 0; }
section#ph_content > main > article > section.border-top::before {
  content: "";
  border-top: 1px solid #545454;
  display: block;
  width: 100%; }
  @media screen and (max-width: 559px) {
    section#ph_content > main > article > section.border-top::before {
      margin: -2em 0 2em 0; } }
  @media screen and (min-width: 560px) {
    section#ph_content > main > article > section.border-top::before {
      margin: -4em 0 4em 0; } }

/*--センタリング--*/
.center {
  text-align: center; }

@media screen and (min-width: 560px) {
  .pc-center {
    text-align: center; } }

@media screen and (max-width: 559px) {
  .sp-center {
    text-align: center; } }

/*--小技系--*/
@media screen and (min-width: 560px) {
  .pc-none {
    display: none;
    visibility: hidden; } }

@media screen and (max-width: 559px) {
  .sp-none {
    display: none;
    visibility: hidden; } }

/*--囲み罫--*/
.border-box-white, .border-box-gray, .border-box-yellow {
  /*border-width:1px;*/
  border-style: solid;
  /*border-radius: $border-radius-md;*/
  padding: 2em 0 0.5em !important;
  box-sizing: border-box;
  box-shadow: 0 0px 5.3px rgba(0, 0, 0, 0.028), 0 0px 17.9px rgba(0, 0, 0, 0.042), 0 0px 80px rgba(0, 0, 0, 0.07); }

[class~="grid"] .border-box-white, [class~="grid"] .border-box-gray, [class~="grid"] .border-box-yellow, [class*="grid-"] .border-box-white, [class*="grid-"] .border-box-gray, [class*="grid-"] .border-box-yellow, [class*="grid_"] .border-box-white, [class*="grid_"] .border-box-gray, [class*="grid_"] .border-box-yellow {
  margin: 0 auto; }

@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  [class~="grid"] .border-box-white, [class~="grid"] .border-box-gray, [class~="grid"] .border-box-yellow, [class*="grid-"] .border-box-white, [class*="grid-"] .border-box-gray, [class*="grid-"] .border-box-yellow, [class*="grid_"] .border-box-white, [class*="grid_"] .border-box-gray, [class*="grid_"] .border-box-yellow {
    margin: 0; } }
.border-box-white {
  background: #fff;
  border-color: #E3E3E3; }

.border-box-gray {
  background: #FBFBFB;
  border-color: #E3E3E3; }

.border-box-yellow {
  background: #FFFEF8;
  border-color: #000; }

/*--アイコン--*/
.icon {
  font-size: 1.2em;
  line-height: 0;
  vertical-align: baseline;
  margin: 0 0.2em;
  color: #545454; }

.icon-new::after {
  content: "NEW";
  display: inline-block;
  color: #BE0000;
  margin: 0 0.5em;
  font-weight: bold;
  font-family: source-han-sans-japanese, sans-serif !important; }

.icon-limited {
  display: inline-block;
  background: #86E0FF;
  color: #ffffff;
  font-family: source-han-sans-japanese, sans-serif !important;
  font-size: 1.1rem;
  line-height: 1em;
  font-weight: bold;
  text-align: center;
  min-width: 7.7em;
  padding: 0.5em 1em;
  border: 1px solid transparent;
  border-radius: 100px; }

.icon-function, .icon-function-lg {
  display: inline-block;
  background: #545454;
  color: #ffffff;
  font-family: source-han-sans-japanese, sans-serif !important;
  font-size: 1.1rem;
  line-height: 1em;
  font-weight: bold;
  text-align: center;
  padding: 0.5em 1em; }
  .icon-function-lg {
    font-size: 1.7rem;
    padding: 0.3em 1em; }

/*Youtube*/
.video-container {
  position: relative;
  width: 100%;
  padding-top: 56.25%; }

.video-container iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%; }

/*videoタグ*/
#cont video {
  width: 100%; }

/*横配置*/
.parallel {
  display: flex;
  align-items: center; }
  @media screen and (max-width: 559px) {
    .parallel {
      flex-direction: column; } }

/*親sectionの余白解除*/
#cont .section-nopadding {
  padding: 0; }

/* --------------------------------------------------------
  以下、Formに分離
-------------------------------------------------------- */
/* --------------------------------------------------------
  Next／Backボタン
-------------------------------------------------------- */
.btn-box {
  display: flex;
  justify-content: center; }
  @media screen and (max-width: 559px) {
    .btn-box {
      flex-wrap: wrap; } }

.btn-next, .btn-back {
  position: relative;
  line-height: 6rem;
  height: 3.3em;
  line-height: 1em;
  width: 9.4em;
  margin: 0.5em;
  text-align: center;
  text-decoration: none;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2);
  border: 1px solid transparent;
  border-radius: 100px;
  cursor: pointer;
  outline: 0;
  -webkit-transition: all .3s;
  transition: all .3s;
  -webkit-appearance: none !important; }
  .btn-next:active, .btn-next:focus, .btn-next:hover, .btn-back:active, .btn-back:focus, .btn-back:hover {
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.4); }
  .btn-next a, .btn-back a {
    font-size: 1.7rem;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.86);
    display: block; }

.btn-next {
  background: #000;
  color: #000000;
  font-size: 1.7rem;
  font-weight: bold; }
  .btn-next::before {
    content: "";
    font-size: 1.2em;
    color: #fff;
    vertical-align: top;
    display: block;
    right: 1em;
    line-height: 0;
    top: 50%;
    position: absolute; }
  .btn-next:hover {
    background: #7befb2; }

.btn-back {
  background: #fff;
  color: #545454;
  font-size: 1.7rem;
  font-weight: bold;
  color: #545454; }
  .btn-back::after {
    content: "";
    font-size: 1.2em;
    vertical-align: top;
    display: block;
    left: 1em;
    line-height: 0;
    top: 50%;
    position: absolute; }
  .btn-back:hover {
    color: #000000; }

/* --------------------------------------------------------
  ラジオボタン
-------------------------------------------------------- */
.pt-form input[type=radio] {
  display: none; }

.pt-form.radio-basic input[type=radio]:hover {
  background-color: rgba(228, 255, 214, 0.5); }
.pt-form.radio-basic input[type=radio] + label {
  box-sizing: border-box;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 6px 10px 6px 34px;
  border-radius: 0.5rem;
  vertical-align: baseline;
  cursor: pointer; }
  .pt-form.radio-basic input[type=radio] + label::after {
    -webkit-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
    position: absolute;
    top: 50%;
    left: 12px;
    display: block;
    margin-top: -6px;
    width: 10px;
    height: 10px;
    border-radius: 20px;
    background-color: #000;
    content: '';
    opacity: 0; }
  .pt-form.radio-basic input[type=radio] + label::before {
    -webkit-transition: border-color 0.2s linear;
    transition: border-color 0.2s linear;
    position: absolute;
    top: 50%;
    left: 8px;
    display: block;
    margin-top: -10px;
    width: 16px;
    height: 16px;
    border: 1px solid #E3E3E3;
    border-radius: 20px;
    content: '';
    background: #fff; }
.pt-form.radio-basic input[type=radio]:checked + label::after {
  opacity: 1; }

.pt-form.radio-box input[type=radio] + label {
  display: inline-block;
  width: 40%;
  box-sizing: border-box;
  padding: 2rem 1rem;
  margin: 8px;
  border: 2px solid transparent;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  font-size: 1.7rem; }
  .pt-form.radio-box input[type=radio] + label:hover {
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.4); }
.pt-form.radio-box input[type=radio]:checked + label {
  border: 2px solid #000; }

/* --------------------------------------------------------
  チェックボックス
-------------------------------------------------------- */
.pt-form input[type=radio], .pt-form input[type=checkbox] {
  display: none; }

/*--選択ボタン--*/
.btn-check, .btn-check-sm, .btn-check-md, .btn-check-lg {
  position: relative;
  margin: 0.5em;
  text-align: center;
  text-decoration: none;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2);
  border: 1px solid transparent;
  border-radius: 100px;
  cursor: pointer;
  outline: 0;
  -webkit-transition: all .3s;
  transition: all .3s;
  -webkit-appearance: none !important;
  line-height: 1em;
  height: 3.3em;
  background: #fff;
  color: #545454;
  font-size: 1.7rem;
  font-weight: bold;
  color: #545454; }
  .btn-check span, .btn-check-sm span, .btn-check-md span, .btn-check-lg span {
    font-weight: bold; }
  .btn-check::before, .btn-check-sm::before, .btn-check-md::before, .btn-check-lg::before {
    content: "";
    color: #E3E3E3;
    font-size: 1.2em;
    vertical-align: top;
    display: block;
    left: 1em;
    top: 50%;
    line-height: 0;
    position: absolute;
    opacity: 1; }
  .btn-check::after, .btn-check-sm::after, .btn-check-md::after, .btn-check-lg::after {
    content: "";
    color: #E3E3E3;
    vertical-align: top;
    display: block;
    font-weight: bold;
    font-size: 80px;
    color: #fff;
    position: relative;
    left: 0;
    opacity: 0;
    display: none; }
  .btn-check:hover, .btn-check-sm:hover, .btn-check-md:hover, .btn-check-lg:hover {
    color: #000000; }
    .btn-check:hover::before, .btn-check-sm:hover::before, .btn-check-md:hover::before, .btn-check-lg:hover::before {
      color: #000 !important;
      font-weight: bold; }
  .btn-check:active, .btn-check-sm:active, .btn-check-md:active, .btn-check-lg:active, .btn-check:focus, .btn-check-sm:focus, .btn-check-md:focus, .btn-check-lg:focus, .btn-check:hover, .btn-check-sm:hover, .btn-check-md:hover, .btn-check-lg:hover {
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.4); }

.btn-check.checked, .checked.btn-check-sm, .checked.btn-check-md, .checked.btn-check-lg {
  background: #000; }
  .btn-check.checked::before, .checked.btn-check-sm::before, .checked.btn-check-md::before, .checked.btn-check-lg::before {
    opacity: 0; }
  .btn-check.checked::after, .checked.btn-check-sm::after, .checked.btn-check-md::after, .checked.btn-check-lg::after {
    display: block;
    opacity: 1;
    font-size: 3rem; }
  .btn-check.checked span, .checked.btn-check-sm span, .checked.btn-check-md span, .checked.btn-check-lg span {
    display: none; }

.btn-check-sm {
  width: 6.6em; }
.btn-check-md {
  width: 9.4em; }
.btn-check-lg {
  width: 15.5em; }

/* --------------------------------------------------------
  GridLex　Option
-------------------------------------------------------- */
/*--ガター幅--*/
[class~="col"].gutter-lg, [class*="col-"].gutter-lg, [class*="col_"].gutter-lg {
  padding: 0 1rem 1rem; }
[class~="col"].gutter-md, [class*="col-"].gutter-md, [class*="col_"].gutter-md {
  padding: 0 0.5rem 0.5rem; }
[class~="col"].gutter-sm, [class*="col-"].gutter-sm, [class*="col_"].gutter-sm {
  padding: 0; }
[class~="col"].border-btm::after, [class*="col-"].border-btm::after, [class*="col_"].border-btm::after {
  content: "";
  border-top: 1px solid #bfbfbf;
  display: block;
  width: 100%;
  max-width: 1116px;
  margin: 2em 0; }
[class~="col"].border-top::before, [class*="col-"].border-top::before, [class*="col_"].border-top::before {
  content: "";
  border-top: 1px solid #bfbfbf;
  display: block;
  width: 100%;
  margin: 2em 0; }

[class~="grid"].border-btm::after, [class*="grid-"].border-btm::after, [class*="grid_"].border-btm::after {
  content: "";
  border-top: 1px solid #545454;
  display: block;
  width: 100%;
  max-width: 1116px;
  margin: 1em 0 -1em 0; }
[class~="grid"].border-top::before, [class*="grid-"].border-top::before, [class*="grid_"].border-top::before {
  content: "";
  border-top: 1px solid #545454;
  display: block;
  width: 100%;
  margin: -1em 0 1em 0; }

@media screen and (min-width: 560px) {
  section#ph_content > main > article > section > [class~="grid"]:first-child.border-top::before, section#ph_content > main > article > section > [class*="grid-"]:first-child.border-top::before, section#ph_content > main > article > section > [class*="grid_"]:first-child.border-top::before {
    margin: -4em 0 4em 0; } }
@media screen and (max-width: 559px) {
  section#ph_content > main > article > section > [class~="grid"]:first-child.border-top::before, section#ph_content > main > article > section > [class*="grid-"]:first-child.border-top::before, section#ph_content > main > article > section > [class*="grid_"]:first-child.border-top::before {
    margin: -2em 0 2em 0; } }

@media screen and (min-width: 560px) {
  .od-pc-0 {
    order: 0; }
  .od-pc-1 {
    order: 1; }
  .od-pc-2 {
    order: 2; }
  .od-pc-3 {
    order: 3; }
  .od-pc-4 {
    order: 4; }
  .od-pc-5 {
    order: 5; }
  .od-pc-6 {
    order: 6; }
  .od-pc-7 {
    order: 7; }
  .od-pc-8 {
    order: 8; }
  .od-pc-9 {
    order: 9; }
  .od-pc-10 {
    order: 10; }
  .od-pc-1st {
    order: -1; } }
@media screen and (max-width: 559px) {
  .od-sp-0 {
    order: 0; }
  .od-sp-1 {
    order: 1; }
  .od-sp-2 {
    order: 2; }
  .od-sp-3 {
    order: 3; }
  .od-sp-4 {
    order: 4; }
  .od-sp-5 {
    order: 5; }
  .od-sp-6 {
    order: 6; }
  .od-sp-7 {
    order: 7; }
  .od-sp-8 {
    order: 8; }
  .od-sp-9 {
    order: 9; }
  .od-sp-10 {
    order: 10; }
  .od-sp-1st {
    order: -1; } }

/* --------------------------------------------------------
  Lazysizes　Option
-------------------------------------------------------- */
.lazy-fadein img {
  opacity: 0;
  -webkit-transition: opacity 800ms;
  transition: opacity 800ms; }

.lazy-fadein.lazyloaded img.lazyloaded {
  opacity: 1; }

.lazy-fadein-vertical img {
  opacity: 0;
  -webkit-transition: all 1s;
  transition: all 1s;
  margin-top: 40px;
  margin-bottom: -40px; }

.lazy-fadein-vertical.lazyloaded img.lazyloaded {
  opacity: 1;
  margin-top: 0px;
  margin-bottom: 0px; }

.lazy-section {
  opacity: 0;
  -webkit-transition: opacity 1s;
  transition: opacity 1s; }

.lazy-section.lazyloaded {
  opacity: 1; }

/* --------------------------------------------------------
  重要なお知らせ
-------------------------------------------------------- */
#notices-box {
  padding: 2rem 0 !important; }

.info-box {
  display: flex;
  justify-content: center;
  text-align: left;
  padding: 0; }
  @media screen and (max-width: 559px) {
    .info-box {
      display: block; } }
  .info-box dt {
    white-space: nowrap;
    padding-right: 1em; }

.info-box + .info-box {
  padding-top: 0.5em; }

/*---------------------------------------------------------
　swiperオーバーライト
----------------------------------------------------------*/
.swiper-parent {
  position: relative;
  margin-bottom: 1em; }

.swiper-parent .swiper-container {
  box-sizing: content-box; }

.swiper-parent .swiper-pagination {
  width: 100%;
  position: static; }

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #000 !important; }

.swiper-button-next, .swiper-button-prev {
  background-image: none !important; }

.ionicons, .txt-point .info-epoint::after, .link-txt-arrow::after, a .link-txt-arrow::after, a.link-txt-arrow::after, .link-txt-underarrow::after, a .link-txt-underarrow::after, a.link-txt-underarrow::after, .link-btn-lg::after, .link-btn-md::after, .link-btn-sm::after, .link-btn-cart-lg::before, .link-btn-cart-md::before, .link-btn-cart-sm::before, .btn-mdl::before, .btn-mdl-lg::before, .btn-mdl-md::before, .btn-mdl-sm::before, .mdl-close_button::before, .js-acd .btn-acd::after, .js-acd .btn-acd-lg::after, .js-acd .btn-acd-md::after, .js-acd .btn-acd-sm::after, .btn-next::before, .btn-back::after, .btn-check::before, .btn-check-sm::before, .btn-check-md::before, .btn-check-lg::before, .btn-check::after, .btn-check-sm::after, .btn-check-md::after, .btn-check-lg::after, #ph_footer #page-top a::before, .swiper-button-next::after, .swiper-button-prev::after {
  font-family: "Ionicons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.swiper-button-next::after {
  content: "";
  right: 0em; }

.swiper-button-prev::after {
  content: "";
  left: 0em; }

.swiper-button-next::after, .swiper-button-prev::after {
  font-size: 3em;
  vertical-align: top;
  display: block;
  top: calc(50% - 0.4em);
  position: absolute;
  color: #545454;
  transition: all 500ms; }

.swiper-container {
  max-height: 720px; }

.swiper-slide {
  text-align: center; }

.cart .swiper-slide img {
  width: 70%;
  margin: 0 0 2rem; }
  @media screen and (max-width: 559px) {
    .cart .swiper-slide img {
      width: 75%; } }

.swiper-pagination {
  width: 100%; }
  .swiper-pagination .swiper-pagination-bullet {
    margin: 0 5px; }

/*
section{
  .swiper-pagination{
    margin-bottom: 6.4rem;
  }
}
*/
/*---------------------------------------------------------
　仕様表
----------------------------------------------------------*/
.spec-table {
  width: 80%;
  margin: auto; }
  @media screen and (max-width: 559px) {
    .spec-table {
      width: 100%; } }

.spec-table th {
  width: 50%;
  text-align: right; }
  @media screen and (max-width: 559px) {
    .spec-table th {
      width: 40%;
      text-align: right; } }

.spec-table td {
  width: 50%; }
  @media screen and (max-width: 559px) {
    .spec-table td {
      width: 60%; } }

.spec-table th, .spec-table td {
  padding: 1.5rem;
  border-bottom: 1px solid #eee; }

  /*---------------------------------------------------------
　その他
----------------------------------------------------------*/
.info-module, .sales-info, .sales-info-margin, .info-display {
  display: none; }

.info-module {
  border: 1px solid #ed5d71;
  padding: 0.25em 0;
  border-radius: 5px;
  color: #ed5d71;
  margin: 0 0 4rem; }

.info-module p {
  font-size: 1.7rem;
  font-weight: bold !important;
  margin: 0; }

/*余白上書き*/
.padding-btm-break {
  padding-bottom: 0 !important; }

.cancellation {
  position: absolute;
  bottom: 0.5em;
  left: 0.5em;
  text-shadow: 0 0 5px white, 0 0 5px white, 0 0 5px white;
  font-size: 1.25rem; }
  @media screen and (max-width: 559px) {
    .cancellation {
      position: unset;
      width: 90%;
      display: block;
      margin: auto;
      font-size: 1rem; } }

/* Scss Document */
/* Scss Document */
/*$f-family:ryo-gothic-plusn, sans-serif;*/
/* ------------------------------------------------------------------------------
  Icon
------------------------------------------------------------------------------ */
.ionicons, .txt-point .info-epoint::after, .link-txt-arrow::after, a .link-txt-arrow::after, a.link-txt-arrow::after, .link-txt-underarrow::after, a .link-txt-underarrow::after, a.link-txt-underarrow::after, .link-btn-lg::after, .link-btn-md::after, .link-btn-sm::after, .link-btn-cart-lg::before, .link-btn-cart-md::before, .link-btn-cart-sm::before, .btn-mdl::before, .btn-mdl-lg::before, .btn-mdl-md::before, .btn-mdl-sm::before, .mdl-close_button::before, .js-acd .btn-acd::after, .js-acd .btn-acd-lg::after, .js-acd .btn-acd-md::after, .js-acd .btn-acd-sm::after, .btn-next::before, .btn-back::after, .btn-check::before, .btn-check-sm::before, .btn-check-md::before, .btn-check-lg::before, .btn-check::after, .btn-check-sm::after, .btn-check-md::after, .btn-check-lg::after, #ph_footer #page-top a::before {
  font-family: "Ionicons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

@font-face {
  font-family: 'Ionicons';
  font-style: normal;
  font-weight: normal;
  src: local("Ionicons"), url(https://unpkg.com/ionicons@4.5.10-0/dist/fonts/ionicons.woff2) format("woff2"); }
/*========================　共通　========================*/
#page-top {
  position: fixed;
  bottom: 40px;
  right: 20px;
  font-size: 77%;
  z-index: 999; }

#ph_footer {
  background-color: #535354; }

#ph_footer #page-top a {
  background: #cfe9db;
  text-decoration: none;
  color: #000000;
  width: 60px;
  height: 60px;
  /*padding: 30px 0;*/
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: 100px;
  border-radius: 100px;
  transition: all 0.3s;
  /*padding: 30px;*/
  /*box-shadow: 0px 0px 10px rgba(0,0,0,0.5);*/ }

#ph_footer #page-top a::before {
  content: "";
  /*position: absolute;
  top: 35%;
  left: 48%;*/
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 3rem;
  height: 0;
  margin: 10px 0 0;
  /*  width: 12px;
    height: 12px;
    border-top: solid 3px #313131;
    border-right: solid 3px #313131;
    -webkit-transform: rotate(-45deg) translateX(-50%);
    transform: rotate(-45deg) translateX(-50%);*/ }

#ph_footer #page-top a::after {
  content: "ご購入";
  margin: 11px auto 0;
  font-size: 1.25rem;
  text-align: center;
  font-weight: bold; }

#page-top a:hover {
  text-decoration: none;
  background: #999; }

#head_2nd_gen {
  background: #fff;
  border-bottom: 1px solid #e8e8e8; }

.model {
  font-size: 1rem;
  font-weight: bold;
  color: #686868;
  /*transform: skew(-6deg);*/
  display: block;
  margin: 0; }

/*========================　ナビゲーション　========================*/
/* 全体 */
nav {
  width: 100%;
  height: 70px;
  position: relative; }
  @media screen and (max-width: 559px) {
    nav {
      background: #f6f6f6; } }
  nav a {
    color: #000; }
  @media screen and (min-width: 560px) {
    nav.is-fixed {
      height: 50px; }
      nav.is-fixed .menu ul.layer-1 {
        height: 50px; }
        nav.is-fixed .menu ul.layer-1 > li {
          padding: 1rem 3rem; }
          nav.is-fixed .menu ul.layer-1 > li label[for="controll-nav-buy"] {
            margin: 0; }
      nav.is-fixed .under-layer:hover .layer-2 {
        top: 45px; } }

@media screen and (min-width: 560px) {
  .pointer-none {
    pointer-events: none; } }

@media screen and (max-width: 559px) {
  .pointer-none-sp {
    pointer-events: none; } }

.navbar_brand {
  display: block;
  width: 40%;
  text-align: center;
  margin: 0 0px 0 10vw; }
  .navbar_brand::after {
    content: "PECOフィルター搭載の空気清浄機";
    font-size: 1.2rem;
    display: flex;
    justify-content: center;
    line-height: 1rem;
    letter-spacing: 0.2rem;
    color: #5DC58D;
    position: absolute;
    left: 0;
    right: 0; }
  .navbar_brand img {
    width: 100%; }

.drawer {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  position: relative;
  height: 70px;
  padding: 0 1rem 0 1.5rem;
  background-color: #fff;
  z-index: 999; }
  @media screen and (min-width: 560px) {
    .drawer {
      display: none; } }
  @media screen and (max-width: 559px) {
    .drawer {
      border-bottom: 1px solid #eee;
      height: 70px;
      flex-wrap: wrap; } }
  .drawer .link-btn-cart-sm {
    margin: 0 !important;
    /*padding: 0.1rem 1rem 0.2rem;*/ }
    .drawer .link-btn-cart-sm::before {
      margin: 0 !important;
      font-size: 2.5rem; }

.tv-cm {
  width: 100%; }
  .tv-cm a {
    line-height: 1em;
    font-size: 1.25rem;
    color: #E60012;
    text-align: center;
    margin: auto;
    width: 100%;
    display: block;
    padding: 3px 2em 3px 0px; }

.layer-2 {
  display: none;
  animation: tooltipShow 0.3s linear 0s; }
  @media screen and (max-width: 559px) {
    .layer-2 > ul {
      padding: 0 2rem 2rem; } }
  .layer-2.purchase-menu.open {
    display: block;
    animation: tooltipShow 0.3s linear 0s; }
  .layer-2.about-product-menu.open {
    display: block;
    animation: tooltipShow 0.3s linear 0s; }
  .layer-2.support-menu.open {
    display: block;
    animation: tooltipShow 0.3s linear 0s; }

@media screen and (max-width: 559px) {
  .layer-3 li a {
    padding: 0.5rem 1rem; } }

@keyframes tooltipShow {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
.degree {
  display: block; }

.index-box {
  background-color: #fff;
  display: flex;
  margin: 10px 5px;
  border-radius: 5px;
  padding: 10px 0;
  text-align: center;
  width: auto;
  min-height: 7.6rem;
  justify-content: center;
  align-items: center; }
  @media screen and (max-width: 559px) {
    .index-box {
      margin: 10px 0px; } }

.p-img {
  width: 30px;
  margin: 0 10px 0 0;
  flex-shrink: 0; }
  .p-img img {
    width: 100%; }

.name-wrap {
  font-weight: bold;
  text-align: left;
  /*line-height: 2rem;*/
  display: block; }
  .name-wrap.center {
    text-align: center; }
  .name-wrap .degree {
    display: block;
    line-height: inherit; }

.inner-index {
  font-weight: bold;
  color: #2d2d2d;
  margin-top: 10px;
  pointer-events: none; }

.menu-border {
  border-top: 1px solid #DBDBDB;
  padding: 3px 0 0; }

.border-only {
  border-top: 1px solid #DBDBDB;
  padding: 10px 0 0; }

.common-name {
  margin: 0 0 0 0.5rem; }

@media screen and (max-width: 559px) {
  .bg-fix {
    position: fixed;
    z-index: -1;
    width: 100%;
    height: 100%; } }

.is-fixed {
  position: fixed;
  top: 0;
  box-shadow: 0px 1px 3px #00000024; }

.point-cp-nav {
  order: 2; }
  @media screen and (max-width: 559px) {
    .point-cp-nav::after {
      margin: 0 0px 0 10px; } }

/* トグル */
.navbar_toggle {
  z-index: 9999;
  width: 5%;
  padding: 2rem 0; }

.navbar_toggle_icon {
  position: relative;
  display: block;
  height: 4px;
  width: 24px;
  background: #000;
  -webkit-transition: ease 0.5s;
  transition: ease 0.5s;
  border-radius: 20px; }

.navbar_toggle_icon:nth-child(1) {
  top: 0; }

.navbar_toggle_icon:nth-child(2) {
  margin: 4px 0; }

.navbar_toggle_icon:nth-child(3) {
  top: 0; }

/*OPEN時の動き*/
.navbar_toggle.open .navbar_toggle_icon:nth-child(1) {
  top: 8px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

.navbar_toggle.open .navbar_toggle_icon:nth-child(2) {
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 0; }

.navbar_toggle.open .navbar_toggle_icon:nth-child(3) {
  top: -8px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg); }

/* ナビゲーション */
.menu {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: ease 0.5s;
  transition: ease 0.5s; }
  @media screen and (max-width: 559px) {
    .menu {
      z-index: 1000;
      height: 100vh;
      background-color: rgba(0, 0, 0, 0.3);
      backdrop-filter: blur(5px); } }
  .menu > a {
    display: flex;
    margin: 0 25% 0 0;
    position: relative;
    align-items: center; }
    @media screen and (min-width: 560px) and (max-width: 1115px) {
      .menu > a {
        margin: 0 10% 0 0; } }
    @media screen and (min-width: 560px) {
      .menu > a::after {
        content: "PECOフィルター搭載の空気清浄機";
        font-size: 1.2rem;
        line-height: 1rem;
        letter-spacing: 0.2rem;
        color: #5DC58D;
        position: absolute;
        top: 20px;
        right: -225px; } }
    .menu > a .rogo-img {
      width: 140px;
      display: flex;
      margin: 0 0% 0 0;
      height: 50px;
      align-items: center;
      justify-content: center; }
      @media screen and (max-width: 559px) {
        .menu > a .rogo-img {
          display: none; } }
  @media screen and (max-width: 559px) {
    .menu > ul > li {
      /*padding: 2rem !important;*/
      border-bottom: 1px solid #ccc;
      position: relative; } }
  @media screen and (max-width: 559px) {
    .menu > ul > li:nth-of-type(1):after, .menu > ul > li:nth-of-type(3):after, .menu > ul > li:nth-of-type(4):after {
      content: "";
      display: inline-block;
      height: 6px;
      width: 6px;
      border-right: solid 2px #000;
      border-bottom: solid 2px #000;
      -webkit-transform: rotate(315deg) translateY(-10%);
      transform: rotate(-315deg) translateY(-10%);
      margin: 0px 0px 0 5px;
      position: absolute;
      top: 2.5rem;
      right: 5%; } }
  @media screen and (max-width: 559px) {
    .menu > ul > li > a {
      padding: 2rem !important; } }
  @media screen and (max-width: 559px) {
    .menu > ul {
      height: 100vh;
      margin: 0 0 0 0;
      -webkit-overflow-scrolling: auto;
      overflow-scrolling: auto;
      overflow-y: scroll; } }
  .menu ul li {
    transition: all 0.3s; }
    @media screen and (max-width: 559px) {
      .menu ul li {
        background-color: #f2f2f2;
        display: block; } }
    @media screen and (max-width: 559px) {
      .menu ul li a {
        width: 100%;
        display: flex; } }

/*OPEN時の動き*/
.menu.open {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  /*overflow-y: auto;*/
  -webkit-overflow-scrolling: touch; }
  @media screen and (max-width: 559px) {
    .menu.open {
      position: fixed;
      width: 100%;
      top: 70px; } }

@media screen and (max-width: 559px) {
  .drawer.open {
    position: fixed;
    width: 100%; } }

/* レスポンシブ */
@media screen and (min-width: 560px) {
  nav {
    display: flex;
    flex-direction: row;
    /*max-width: 1280px;*/
    margin: auto;
    height: 70px; }

  .navbar_brand img {
    width: 150px; }

  .navbar_toggle {
    display: none; }

  .menu {
    width: 100%;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center; }

  .menu ul.layer-1 {
    height: 70px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    background-color: #fff; }

  .menu ul.layer-1 {
    border-bottom: none;
    max-width: 1280px;
    /*margin: auto;*/ }

  .menu ul.layer-1 > li {
    padding: 2.1rem 2.5rem; }
    .menu ul.layer-1 > li > a {
      position: relative; }
      .menu ul.layer-1 > li > a::after {
        position: absolute;
        bottom: -7px;
        left: 0;
        content: '';
        width: 100%;
        height: 1px;
        background: #000;
        transform: scale(0, 1);
        transform-origin: center top;
        transition: transform .3s; }
    .menu ul.layer-1 > li:hover > a::after {
      transform: scale(1, 1); }
  .menu ul.layer-1 li {
    border-bottom: none;
    text-align: center;
    width: auto;
    display: block; }
  .menu ul.layer-1 .line-none a::after {
    content: none !important; }

  /*下層表示制御*/
  .under-layer {
    position: relative; }
    .under-layer:hover .layer-2 {
      animation: tooltipShow 0.3s linear 0s;
      width: 255px;
      display: flex;
      position: absolute;
      overflow: hidden;
      transition: all 0.3s;
      top: 65px;
      left: calc(100% - 140%);
      background-color: #383838;
      padding: 10px 0 30px;
      box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
      z-index: 99999; }
      .under-layer:hover .layer-2.purchace-menu ul {
        justify-content: center; }
        .under-layer:hover .layer-2.purchace-menu ul li .index-box {
          flex-direction: column; }
          .under-layer:hover .layer-2.purchace-menu ul li .index-box .name-wrap {
            text-align: center; }
      .under-layer:hover .layer-2 > ul {
        display: flex;
        justify-content: space-around;
        margin: auto;
        width: 100%;
        max-width: 1280px; }
        .under-layer:hover .layer-2 > ul > li {
          width: 100%; }
    .under-layer:hover .layer-3 {
      margin: 0 auto;
      text-align: center; }
      .under-layer:hover .layer-3 li {
        margin: 0 auto;
        font-size: 1.4rem;
        padding: 10px 0;
        border-bottom: 1px dotted #eee;
        width: 80%; }
        .under-layer:hover .layer-3 li:hover {
          opacity: 0.6;
          font-weight: bold; }
        .under-layer:hover .layer-3 li:last-child {
          /*border-bottom: none;*/ }
        .under-layer:hover .layer-3 li a {
          color: #fff; }
      .under-layer:hover .layer-3 .big-margin {
        margin: 11rem 0 0; }

  .purchace-link-pc {
    margin: 0;
    height: auto;
    padding: 0em 1em !important; } }
/*固定*/
#head_2nd_gen nav {
  z-index: 9990; }

.nav {
  z-index: 999; }

.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.24); }

@media screen and (min-width: 560px) {
  .pe-none-pc {
    pointer-events: none; } }

/*========================　ナビ内購入ボタン調整　========================*/
#head_2nd_gen .link-btn-cart-lg,
#head_2nd_gen .link-btn-cart-md,
#head_2nd_gen .link-btn-cart-sm {
  margin: 0; }
  @media screen and (max-width: 559px) {
    #head_2nd_gen .link-btn-cart-lg,
    #head_2nd_gen .link-btn-cart-md,
    #head_2nd_gen .link-btn-cart-sm {
      margin: 0 auto; } }

/*========================　フッター　========================*/
section#ph_footer_above > section > section,
section#ph_footer_middle > section > section {
  margin: 0 auto;
  width: 100%;
  max-width: 1116px; }

section#ph_footer_above > section {
  padding: 4em 0; }

section#ph_footer_middle > section {
  padding: 1em 0; }

section#ph_footer_middle [class*="col-"] {
  padding: 0 2rem 0rem; }

#ph_footer {
  width: 100%;
  border-top: 1px solid #e8e8e8;
  margin: 0 0 -20px; }
  #ph_footer a {
    color: #fff; }
    #ph_footer a:hover {
      opacity: 0.7; }

.gfooter .logo {
  margin: 1rem auto 3rem; }
  @media screen and (min-width: 560px) {
    .gfooter .logo {
      width: 200px; } }
  @media screen and (max-width: 559px) {
    .gfooter .logo {
      width: 40%; } }
  @media screen and (min-width: 560px) {
    .gfooter .logo img {
      width: 100%; } }
  @media screen and (max-width: 559px) {
    .gfooter .logo img {
      width: 100%; } }
.gfooter .footer-inner-wrap {
  display: flex;
  justify-content: space-around;
  max-width: 1280px;
  margin: auto;
  text-align: center; }
  @media screen and (max-width: 559px) {
    .gfooter .footer-inner-wrap {
      flex-direction: column; } }
  .gfooter .footer-inner-wrap .foot_box {
    width: 25%; }
    @media screen and (min-width: 560px) {
      .gfooter .footer-inner-wrap .foot_box {
        border-left: 1px solid #fff; }
        .gfooter .footer-inner-wrap .foot_box:last-of-type {
          border-right: 1px solid #fff; } }
    @media screen and (max-width: 559px) {
      .gfooter .footer-inner-wrap .foot_box {
        border-top: 1px solid #fff;
        border-left: none;
        width: 90%;
        margin: auto; }
        .gfooter .footer-inner-wrap .foot_box:last-child {
          border-top: 1px solid #fff; } }
    .gfooter .footer-inner-wrap .foot_box .category_box {
      min-height: 9em;
      margin: 0 0 1rem; }
      @media screen and (max-width: 559px) {
        .gfooter .footer-inner-wrap .foot_box .category_box {
          width: 90%;
          margin: 0 auto 20px;
          min-height: auto; } }
      .gfooter .footer-inner-wrap .foot_box .category_box h2 {
        color: #fff;
        font-weight: bold; }
        @media screen and (max-width: 559px) {
          .gfooter .footer-inner-wrap .foot_box .category_box h2 {
            padding: 5px 0 10px; } }

/* GFOOTER - mv */
.gfooter {
  padding: 20px 0; }
  @media screen and (max-width: 559px) {
    .gfooter {
      background: #535354;
      font-size: 0.8em; }
      .gfooter .gfooter-mail {
        width: 90vw;
        margin: 0 auto;
        padding-top: 1em; }
        .gfooter .gfooter-mail h5 {
          width: 90vw;
          margin: 1em auto 0.4em;
          font-size: 1.2em;
          color: white;
          text-align: center;
          font-weight: 200; }
        .gfooter .gfooter-mail input {
          width: 80vw;
          margin: 0 auto;
          box-sizing: border-box;
          -moz-box-sizing: border-box;
          -webkit-box-sizing: border-box;
          -webkit-appearance: none;
          max-width: 100%;
          border: none;
          padding: 0.5em;
          width: 100%;
          height: 8vw;
          vertical-align: bottom;
          border-top-left-radius: 3px;
          border-bottom-left-radius: 3px;
          font-size: 1.1em;
          border-radius: 30px; }
        .gfooter .gfooter-mail button {
          margin: 10px auto 0;
          box-sizing: border-box;
          -moz-box-sizing: border-box;
          -webkit-box-sizing: border-box;
          -webkit-appearance: none;
          max-width: 100%;
          border: none;
          height: 8vw;
          width: 20%;
          font-size: 0.9em;
          border-radius: 60px;
          border: 1px solid white;
          background-color: transparent;
          color: white;
          display: block; }
      .gfooter .gfooter-sn {
        padding-top: 2em;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column; }
        .gfooter .gfooter-sn a {
          display: inline-block;
          /*padding: 0.5em 1em;*/
          text-align: center;
          color: white;
          text-decoration: none; }
      .gfooter .gfooter-footernav {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        padding: 0;
        flex-direction: column; }
        .gfooter .gfooter-footernav > li {
          list-style: none;
          text-align: center;
          /*margin-right: 0.5em;*/
          /*&:after {
              content: "|";
              color: white;
              margin-left: 0.5em;
          }*/
          /*&:nth-child(3) {
              margin-right: 0 !important;
          }
          &:nth-child(3):after {
              content: "";
              margin-left: 0 !important;
          }*/ }
          .gfooter .gfooter-footernav > li a {
            color: white;
            text-decoration: none; }
            .gfooter .gfooter-footernav > li a:hover {
              text-decoration: underline; }
          .gfooter .gfooter-footernav > li:last-child {
            margin-right: 0; }
            .gfooter .gfooter-footernav > li:last-child:after {
              content: ""; }
      .gfooter .gfooter-copyright {
        text-align: center;
        color: white;
        padding: 1em 0; } }
  @media screen and (min-width: 560px) {
    .gfooter {
      background: #535354; }
      .gfooter .gfooter-mail {
        width: 500px;
        margin: 0 auto;
        padding-top: 1em; }
        .gfooter .gfooter-mail h5 {
          width: 100%;
          margin: 1em auto 0.4em;
          font-size: 1em;
          color: white;
          text-align: center;
          font-weight: 200; }
        .gfooter .gfooter-mail input {
          margin: 0 auto;
          box-sizing: border-box;
          -moz-box-sizing: border-box;
          -webkit-box-sizing: border-box;
          -webkit-appearance: none;
          max-width: 100%;
          border: none;
          padding: 0.5em 1em;
          width: 60%;
          height: 40px;
          vertical-align: bottom;
          border-radius: 60px;
          margin-right: 0.8em;
          font-size: 0.9em; }
        .gfooter .gfooter-mail button {
          margin: 0 auto;
          box-sizing: border-box;
          -moz-box-sizing: border-box;
          -webkit-box-sizing: border-box;
          -webkit-appearance: none;
          max-width: 100%;
          border: none;
          height: 40px;
          width: 30%;
          font-size: 0.9em;
          border-radius: 60px;
          border: 1px solid white;
          background-color: transparent;
          color: white; }
      .gfooter .gfooter-sn {
        padding-top: 2em;
        text-align: center;
        font-size: 0.8em;
        display: flex;
        justify-content: center;
        align-items: center; }
        .gfooter .gfooter-sn a {
          display: inline-block;
          text-align: center;
          color: white;
          text-decoration: none;
          font-weight: normal !important; }
      .gfooter .gfooter-footernav {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        font-size: 0.8em;
        padding: 2em 0 0em; }
        .gfooter .gfooter-footernav > li {
          list-style: none;
          text-align: center;
          margin-right: 1em; }
          .gfooter .gfooter-footernav > li a {
            color: white;
            text-decoration: none; }
            .gfooter .gfooter-footernav > li a:hover {
              text-decoration: underline; }
          .gfooter .gfooter-footernav > li:after {
            content: "|";
            color: white;
            margin-left: 1em; }
          .gfooter .gfooter-footernav > li:last-child {
            margin-right: 0; }
            .gfooter .gfooter-footernav > li:last-child:after {
              content: ""; }
      .gfooter .gfooter-copyright {
        text-align: center;
        font-size: 0.8em;
        color: white;
        padding: 1em 0; } }

/* /GFOOTER */
@media screen and (max-width: 559px) {
  .gfooter-standalone {
    padding: 2em 4em;
    text-align: center;
    background: #1f1f1f;
    color: white; } }

@media screen and (min-width: 560px) {
  .statement {
    width: 280px; } }
.statement img {
  display: block;
  margin: 0 1rem 0 0; }
  @media screen and (min-width: 560px) {
    .statement img {
      height: 30px; } }
  @media screen and (max-width: 559px) {
    .statement img {
      height: 30px; } }

.distributor {
  color: #fff; }

/*---------------------------------------------------------
　チャットサポート
----------------------------------------------------------*/
.krkr-button-img {
  display: none; }

/*---------------------------------------------------------
　リニューアル追加分
----------------------------------------------------------*/
.content-overlay-buy .sum-price-wrap {
  margin: 0rem 0px 1.5rem; }
  .content-overlay-buy .sum-price-wrap button[type="button"] {
    padding: 0.4em;
    font-weight: bold; }
  .content-overlay-buy .sum-price-wrap .sum-price-txt {
    margin: 0 0.5rem 0 0; }
    .content-overlay-buy .sum-price-wrap .sum-price-txt::after {
      content: "合計金額";
      font-size: 1.5rem; }
  .content-overlay-buy .sum-price-wrap .price-data {
    font-size: 2.25rem; }
  .content-overlay-buy .sum-price-wrap .tax-txt {
    /*&::after{
      content:"(税込)";
      font-size: 0.5rem;
    }*/ }
    .content-overlay-buy .sum-price-wrap .tax-txt::before {
      content: "円";
      font-size: 2.25rem; }
.content-overlay-buy .upper-content {
  display: flex;
  justify-content: center;
  width: 100%;
  position: relative; }
  .content-overlay-buy .upper-content .ion-md-cart {
    font-size: 4rem;
    color: #6CA486;
    line-height: 1rem; }
  .content-overlay-buy .upper-content .gheader-band-cartbtn {
    position: absolute;
    top: 0;
    right: 0; }
    .content-overlay-buy .upper-content .gheader-band-cartbtn .ion-ios-close {
      font-size: 7rem;
      color: #6CA486;
      height: 35px;
      padding: 1rem;
      display: flex;
      align-items: center; }
.content-overlay-buy .cart-box-white {
  /*background-color: #fff;*/
  width: 100%;
  border-radius: 5px;
  padding: 0.5rem 1.25rem 0.5rem;
  margin: 0.75rem 0; }
  .content-overlay-buy .cart-box-white.add-item-wrap {
    background-color: unset;
    margin: 0rem;
    padding: 0;
    border-bottom: 1px solid #CECECE; }
    .content-overlay-buy .cart-box-white.add-item-wrap .item-box {
      padding: 0.5rem 0; }

.content-overlay-buy {
  height: 150px;
  overflow-y: scroll;
  /* IE, Edge 対応 */
  -ms-overflow-style: none;
  /* Firefox 対応 */
  scrollbar-width: none; }

/* Chrome, Safari 対応 */
.content-overlay-buy::-webkit-scrollbar {
  display: none; }

.model-index {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin: 0 0 0.25rem; }
  .model-index img {
    width: 7%; }
  .model-index p {
    color: #7D7D7D;
    font-size: 1.4rem; }

.cart-select-wrap, .cart-not-select {
  background-color: #fff; }
  .cart-select-wrap .item-box, .cart-not-select .item-box {
    border-top: 1px solid #eee; }

.item-box {
  display: flex;
  justify-content: space-between;
  padding: 0.75rem 0;
  align-items: center; }
  .item-box span {
    text-align: left; }
  .item-box .item-img {
    display: block;
    width: 10%; }
  .item-box .item-name {
    display: flex;
    align-items: center;
    line-height: 2rem; }
  .item-box .item-price {
    display: flex;
    align-items: center;
    justify-content: flex-end; }
    .item-box .item-price::after {
      content: "円";
      font-size: 1.25rem; }
  .item-box .ion-ios-remove-circle {
    color: #ed5d71;
    font-size: 2.5rem;
    line-height: 1rem;
    display: flex; }
  .item-box button {
    padding: 0rem 0.5rem;
    display: flex;
    align-items: center;
    height: 3rem;
    border-radius: 3px;
    color: #fff;
    font-weight: bold;
    min-width: 5rem;
    justify-content: center; }
    .item-box button.item-delete {
      min-width: unset; }
  .item-box button.item-add {
    background-color: #5DC58D; }

.cart-select-wrap {
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); }
  .cart-select-wrap .item-name {
    width: 50%; }
  .cart-select-wrap .item-price {
    width: 40%; }

.add-item-wrap .item-name {
  width: 40%;
  font-size: 1.25rem; }
.add-item-wrap .item-price {
  width: 30%; }

.shipment-wrap {
  margin: 0 0 1rem; }
  .shipment-wrap .shipment-txt p {
    margin: 0 0 0.5rem; }
    .shipment-wrap .shipment-txt p::after {
      content: "（Amazon Payは除く）";
      display: block;
      margin: 0 0 2rem; }
  .shipment-wrap .shipment-img {
    display: flex;
    justify-content: center; }
    .shipment-wrap .shipment-img span {
      width: 18%;
      margin: 0 0.5rem 1rem;
      text-align: center; }
      .shipment-wrap .shipment-img span img {
        width: 70%;
        display: block;
        margin: auto; }

.group-mini {
  margin-bottom: 4rem; }

@media screen and (min-width: 560px) {
  #ph_header .nav-molekule a {
    display: flex;
    justify-content: space-between; } }
#ph_header .nav-molekule a .extent-tag::before {
  color: #fff;
  /*background-color: #6ca480;*/
  padding: 0.25rem 1rem;
  margin: 0 0 0 0px;
  border-radius: 3px; }
#ph_header .nav-trial {
  display: none; }
  @media screen and (min-width: 560px) {
    #ph_header .nav-trial a {
      display: flex;
      justify-content: space-between; } }
  #ph_header .nav-trial a .extent-tag::before {
    content: "3/31まで";
    color: #fff;
    background-color: #ed5d71;
    padding: 0.25rem 1rem;
    margin: 0 0 0 0px;
    border-radius: 3px; }

.mini .extent-tag::before {
  content: "（10畳）"; }
  @media screen and (max-width: 559px) {
    .mini .extent-tag::before {
      color: #000 !important; } }

.pro .extent-tag::before {
  content: "（33畳）"; }
  @media screen and (max-width: 559px) {
    .pro .extent-tag::before {
      color: #000 !important; } }

#Drawer .quantity {
  margin: 0rem 0 3.5rem; }
  #Drawer .quantity p {
    text-align: right;
    line-height: 1rem; }
    #Drawer .quantity p::before {
      content: "数量は次のページで変更可能です";
      font-size: 1.25rem; }

/**/
/*▼検証用*/
.selected {
  /*  button[type="button"] {
       background-color: #b8b8b8;;
    }*/ }
  .selected .item-box .item-add {
    background-color: #535354; }

/*▲検証用*/
#Drawer-Modal {
  position: fixed;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000; }
#Drawer .cart-not-select p::before {
  content: "選択されている商品はありません"; }
#Drawer .shipping::before {
  content: "送料無料｜"; }
#Drawer .add-item-index h3::before {
  content: "商品の追加";
  font-weight: bold;
  color: #555555; }
#Drawer .selected .item-box .item-add::before {
  content: "追加済"; }
#Drawer .item-box .item-add::before {
  content: "追加"; }
#Drawer .item-box .item-img img {
  max-height: 100%;
  max-width: 100%; }

.group-container {
  margin: 0 0 2.5rem; }

#cont {
  /*  .selected{
      button[type="button"]{
            color: #000;
        &::after {
            content: "カートに追加済";
        } 
        &::before{
  
        }
      }
    }*/ }
  #cont button[type="button"]::after {
    content: "カートに入れる"; }

.card::after {
  content: "カード"; }

.convenience::after {
  content: "コンビニ"; }

.daibiki::after {
  content: "代金引換"; }

.AmazonPay::after {
  content: "AmazonPay"; }

.Selected h3::before {
  content: "カートの商品";
  font-weight: bold;
  color: #555555; }

/*引き取りサービス追加分*/
.item-box {
  flex-wrap: wrap; }

.service-pickup {
  cursor: pointer;
  display: flex;
  justify-content: start;
  align-items: center;
  flex: 0 0 100%;
  box-sizing: border-box;
  font-size: 1.5rem;
  margin: 0.75rem 0 0;
  /* &:hover {
     &::before {
       box-shadow: inset 0 0 1px 2px $CHECK-BOX-COLOR;
     }
   }*/ }
  .service-pickup span {
    display: block;
    padding-left: 0.5rem;
    padding-right: 1.5rem; }
    .service-pickup span::before {
      content: "引取りサービスを利用する(無料)"; }
  .service-pickup a {
    display: block; }
    .service-pickup a::before {
      content: "詳細 "; }
    .service-pickup a::after {
      content: "";
      display: inline-block;
      height: 7px;
      width: 7px;
      border-right: solid 2px #0099FF;
      border-bottom: solid 2px #0099FF;
      -webkit-transform: rotate(45deg) translateY(-10%);
      transform: rotate(-45deg) translateY(-10%); }
  .service-pickup::before {
    content: "";
    width: 2rem;
    height: 2rem;
    display: block;
    background-color: transparent;
    box-shadow: inset 0 0 0 1px #bcbcbc; }
  .service-pickup.Selected {
    position: relative; }
    .service-pickup.Selected::before {
      background-color: #5DC58D;
      box-shadow: none; }
    .service-pickup.Selected::after {
      content: "";
      position: absolute;
      left: 5px;
      bottom: 3px;
      top: 0;
      right: 0;
      margin: auto auto auto 0;
      width: 0.5rem;
      height: 1rem;
      display: block;
      border: solid 0 transparent;
      border-right: solid 4px #fff;
      border-bottom: solid 4px #fff;
      transform: rotate(45deg);
      background-color: transparent; }