@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
-------------------------------------------------------------- */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap");
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 */
/* ------------------------------------------------------------------------------
  Icon
------------------------------------------------------------------------------ */
.ionicons, .txt-point .info-epoint::after, .link-txt-arrow::after, a .link-txt-arrow::after, a.link-txt-arrow::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 {
  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-family:'Noto Sans JP', sans-serif, "游ゴシック Medium", "游ゴシック", "ヒラギノ角ゴ Pro W3", "HiraKakuPro-W3","メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;font-feature-settings:normal;-webkit-font-feature-settings:normal;*/
  font-feature-settings: "palt";
  -webkit-font-feature-settings: "palt";
  font-family: Noto Sans JP, 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.6rem; } }
  @media screen and (min-width: 560px) {
    .h-lg, article h1, article h2 {
      font-size: 3.4rem; } }

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

.h-sm, article h4, article h5 {
  color: rgba(0, 0, 0, 0.66);
  font-weight: bold; }
  @media screen and (max-width: 559px) {
    .h-sm, article h4, article h5 {
      font-size: 1.8rem; } }
  @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; }

.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; }
  @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.6rem;
      line-height: 1.6em; } }
  @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.8rem;
      line-height: 1.6em; } }
  .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, .txt-point {
  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, .txt-point {
  margin-bottom: 1em; }

.txt-point {
  color: #BE0000;
  font-weight: bold; }
  .txt-point .info-epoint {
    cursor: pointer;
    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; }

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: #F0F4F7;
  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: #F0F4F7;
  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: #F0F4F7; }

.bg_yellow {
  background-color: #ffdf02; }

.bg_yellow_light {
  background-color: #FFF4B7; }

.bg_orange {
  background-color: #EF8200; }

/* ------------------------------------------------------------------------------
  Images
------------------------------------------------------------------------------ */
.fit-img {
  width: auto;
  max-width: 100%;
  height: auto !important; }

.fit-img-80 {
  width: auto;
  max-width: 80%;
  height: auto !important; }

.fit-img-70 {
  width: auto;
  max-width: 70%;
  height: auto !important; }

.fit-img-60 {
  width: auto;
  max-width: 60%;
  height: auto !important; }

/* ------------------------------------------------------------------------------
  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 {
  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 {
    text-decoration: none; }

.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-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: #F0F4F7;
    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-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;
  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; }
  .btn-base:active, .link-btn-lg:active, .link-btn-md:active, .link-btn-sm:active, .link-btn-cart-lg:active, .link-btn-cart-md:active, .link-btn-cart-sm:active, .btn-base:focus, .link-btn-lg:focus, .link-btn-md:focus, .link-btn-sm:focus, .link-btn-cart-lg:focus, .link-btn-cart-md:focus, .link-btn-cart-sm:focus, .btn-base:hover, .link-btn-lg:hover, .link-btn-md:hover, .link-btn-sm:hover, .link-btn-cart-lg:hover, .link-btn-cart-md:hover, .link-btn-cart-sm:hover {
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.4); }
  .btn-base a, .link-btn-lg a, .link-btn-md a, .link-btn-sm a, .link-btn-cart-lg a, .link-btn-cart-md a, .link-btn-cart-sm a {
    font-size: 1.8rem;
    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: #545454;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.2em;
  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 {
  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-cart {
    /*&-lg,&-md{
    	&.pt-s::after{
            content: "12月6日（金）発売";
            position: absolute;
            bottom: -2.5em;
            font-weight: normal;
            font-size:$t-size-caption ;
            left: 0;
            text-align: center;
            width: 100%;
        }
		&.pt-s-all::after{
            content: "12月6日、13日、16日発売";
            position: absolute;
            bottom: -2.5em;
            font-weight: normal;
            font-size:$t-size-caption ;
            left: 0;
            text-align: center;
            width: 100%;
			color:#BE0000;
			font-weight: bold;
        }
		&.pt-s-doraemon::after{
            content: "12月16日（月）発売";
            position: absolute;
            bottom: -2.5em;
            font-weight: normal;
            font-size:$t-size-caption ;
            left: 0;
            text-align: center;
            width: 100%;
			color:#BE0000;
			font-weight: bold;
        }
    }*/ }
  .link-btn-cart-lg, .link-btn-cart-md, .link-btn-cart-sm {
    background: #ffdf02;
    color: #000000;
    font-size: 1.8rem;
    font-weight: bold;
    margin: 0.35em;
    line-height: 1em;
    /*&.pt-s,&.pt-s-all,&.pt-s-doraemon{
    	span::before{
    		content: "予約";
    	}
    }*/ }
    .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: #ffec68; }
    .link-btn-cart-lg span::before, .link-btn-cart-md span::before, .link-btn-cart-sm span::before {
      content: "購入";
      font-size: 1.8rem;
      font-weight: bold; }
  .link-btn-cart-lg {
    padding: 1em;
    width: 17em; }
  .link-btn-cart-md {
    padding: 0.5em;
    width: 11em; }
  .link-btn-cart-sm {
    padding: 0.15em 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); }

/* ------------------------------------------------------------------------------
  モーダル
------------------------------------------------------------------------------ */
.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.8rem;
  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.8rem;
      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.8rem;
      width: 100%; } }
  @media screen and (min-width: 560px) {
    .js-acd .btn-acd-md {
      width: 20em;
      padding: 1em 2.5em;
      font-size: 1.8rem; } }
  @media screen and (max-width: 559px) {
    .js-acd .btn-acd-md {
      padding: 1.1em 2.5em;
      max-width: 25em;
      font-size: 1.8rem;
      width: 100%; } }
  .js-acd .btn-acd-sm {
    width: 7em;
    padding: 0.8em 1.8em 0.8em 1em;
    font-size: 1.8rem; }
.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; }

@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: 4em 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: 0.5rem;
  padding: 1em;
  box-sizing: border-box; }

[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 all and (-ms-high-contrast: none) {
  /* ここに書く */
  [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: #ffdf02; }

/*--アイコン--*/
.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: Noto Sans JP, sans-serif !important; }

.icon-limited {
  display: inline-block;
  background: #ffaa00;
  color: #ffffff;
  font-family: Noto Sans JP, 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: Noto Sans JP, 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.8rem;
    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%; }

.device-index-wrap {
  display: flex;
  justify-content: center;
  		/*@include mq(sp){
            flex-direction: column;
  		  align-items: center;
  		}*/ }

.icon-box {
  border-radius: 5px;
  width: 150px;
  color: #fff;
  text-align: center;
  padding: 0.5rem 0;
  margin: 0.75rem 0.25rem;
  font-size: 1.5rem;
  font-weight: bold; }

.icon-pts {
  background-color: #D6B300; }

.icon-pts::before {
  content: "ポケトークS/S Plus"; }

.icon-ptw {
  background-color: #0099FF; }

.icon-ptw::before {
  content: "ポケトークW"; }

.icon-ptjimaku {
  background-color: #3D3D3D; }

.icon-ptjimaku::before {
  content: "ポケトーク字幕"; }

/* --------------------------------------------------------
  以下、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.8rem;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.86);
    display: block; }

.btn-next {
  background: #ffdf02;
  color: #000000;
  font-size: 1.8rem;
  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: #ffec68; }

.btn-back {
  background: #fff;
  color: #545454;
  font-size: 1.8rem;
  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: #ffdf02;
    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.8rem; }
  .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 #ffdf02; }

/* --------------------------------------------------------
  チェックボックス
-------------------------------------------------------- */
.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.8rem;
  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: #ffdf02 !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: #ffdf02; }
  .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: 3.4rem; }
  .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; }

.year-end-txt {
  display: none; }

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

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

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

/* --------------------------------------------------------
  送料
-------------------------------------------------------- */
.postage::before {
  content: "送料"; }

.postage::after {
  content: "円 | "; }

.postage_free::before {
  content: "送料無料 | "; }