@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;
  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, .btn-check::after, .btn-check-lg::after, .btn-check-md::after, .btn-check-sm::after, .btn-check::before, .btn-check-lg::before, .btn-check-md::before, .btn-check-sm::before, .btn-back::after, .btn-next::before, .js-acd .btn-acd::after, .js-acd .btn-acd-sm::after, .js-acd .btn-acd-md::after, .js-acd .btn-acd-lg::after, .mdl-close_button::before, .btn-mdl::before, .btn-mdl-sm::before, .btn-mdl-md::before, .btn-mdl-lg::before, .link-btn-cart-lg::before, .link-btn-cart-md::before, .link-btn-cart-sm::before, .link-btn-outline-lg::after, .link-btn-outline-md::after, .link-btn-outline-sm::after, .link-btn-lg::after, .link-btn-md::after, .link-btn-sm::after, .link-txt-arrow::after, .txt-point .info-epoint::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) {
  btn-next html {
    font-size: 0.8960573477vw;
  }
}

* {
  font-family: "Noto Sans JP", sans-serif, "游ゴシック Medium", "游ゴシック", "ヒラギノ角ゴ Pro W3", "HiraKakuPro-W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
  font-feature-settings: "palt";
  -webkit-font-feature-settings: "palt";
  /*font-family: $f-family;*/
  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.75em;
  text-align: left;
}

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

.txt, article li,
article tr,
article td,
article dt,
article dd, article p, .txt-strong, article th {
  text-align: left;
}
@media screen and (max-width: 559px ) {
  .txt, article li,
article tr,
article td,
article dt,
article dd, article p, .txt-strong, article th {
    font-size: 1.6rem;
    line-height: 1.6em;
  }
}
@media screen and (min-width: 560px ) {
  .txt, article li,
article tr,
article td,
article dt,
article dd, article p, .txt-strong, article th {
    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 {
  font-size: 1.1rem;
  line-height: 1.5em;
}

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

.txt-point {
  /*@extend .txt-label;*/
  color: #ed5d71;
  font-size: 1.3rem;
  line-height: 1.5em;
}
.txt-point span {
  font-weight: inherit;
}
.txt-point .info-epoint {
  cursor: default;
  position: relative;
}
.txt-point .info-epoint::after {
  content: "\f30a";
  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;
  transition-delay: 300ms;
}
.txt-point .info-epoint:hover::before {
  opacity: 1;
}

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

.attention {
  color: #e60012;
}

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: #F2F7F9;
  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;
  -moz-column-break-inside: avoid;
       break-inside: avoid;
  margin-bottom: 2.4em;
}
dl.list-dl-clm-vertical dt {
  background: #F2F7F9;
  font-weight: bold;
  padding: 0.2em;
  -moz-column-span: all;
       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 {
    -moz-column-count: 2;
         column-count: 2;
  }
}
@media screen and (max-width: 559px ) {
  .clm2, .clm2_sm-2 {
    -moz-column-count: 1;
         column-count: 1;
  }
}
@media screen and (max-width: 559px ) {
  .clm2_sm-2 {
    -moz-column-count: 2;
         column-count: 2;
  }
}

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

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

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

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

img + .txt, article img + li,
article img + tr,
article img + td,
article img + dt,
article img + dd, article img + p, img + .txt-strong, article img + th,
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;
}

.limit-amount {
  color: #007CCF;
  font-weight: bold;
}

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

.bg_blue {
  background-color: #007CCF;
}

.bg_light-blue {
  background-color: #85CEFF;
}

/* ------------------------------------------------------------------------------
  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;
}

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

/*-----リンクテキスト-----*/
.link-txt-base, .link-txt-arrow,
a .link-txt-arrow,
a.link-txt-arrow, .link-txt,
a .link-txt,
a.link-txt {
  color: #0099FF;
  font-weight: bold;
  text-decoration: underline;
  transition: all 0.3s;
}
.link-txt-base:hover, .link-txt-arrow:hover, .link-txt: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: "\f3d1";
  position: absolute;
  right: 0;
}

/*-----リンクパネル-----*/
.link-panel, .link-panel-transparent, .link-panel-transparent-radius, .link-panel-gray, .link-panel-gray-radius, .link-panel-white, .link-panel-white-radius {
  width: 100%;
  text-decoration: none;
  transition: all 0.3s;
  cursor: pointer;
}
.link-panel a, .link-panel-transparent a, .link-panel-transparent-radius a, .link-panel-gray a, .link-panel-gray-radius a, .link-panel-white a, .link-panel-white-radius a {
  display: block;
  padding: 1em 1.2em 0.5em 1.2em;
  color: inherit;
}
.link-panel:hover, .link-panel-transparent:hover, .link-panel-transparent-radius:hover, .link-panel-gray:hover, .link-panel-gray-radius:hover, .link-panel-white:hover, .link-panel-white-radius:hover {
  text-decoration: none;
}
.link-panel:hover .link-txt, .link-panel-transparent:hover .link-txt, .link-panel-transparent-radius:hover .link-txt, .link-panel-gray:hover .link-txt, .link-panel-gray-radius:hover .link-txt, .link-panel-white:hover .link-txt, .link-panel-white-radius:hover .link-txt,
.link-panel:hover .link-txt-arrow,
.link-panel-transparent:hover .link-txt-arrow,
.link-panel-transparent-radius:hover .link-txt-arrow,
.link-panel-gray:hover .link-txt-arrow,
.link-panel-gray-radius:hover .link-txt-arrow,
.link-panel-white:hover .link-txt-arrow,
.link-panel-white-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: #F2F7F9;
  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-flat-lg, .link-btn-flat-md, .link-btn-flat-sm, .button-wrap form, .link-btn-cart-lg, .link-btn-cart-md, .link-btn-cart-sm, .link-btn-outline-lg, .link-btn-outline-md, .link-btn-outline-sm, .link-btn-lg, .link-btn-md, .link-btn-sm {
  display: inline-block;
  position: relative;
  margin: 1.6rem auto;
  text-align: center;
  text-decoration: none;
  box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
  border: 1px solid transparent;
  border-radius: 100px;
  cursor: pointer;
  outline: 0;
  transition: all 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
}
.btn-base:active, .link-btn-flat-lg:active, .link-btn-flat-md:active, .link-btn-flat-sm:active, .button-wrap form:active, .link-btn-cart-lg:active, .link-btn-cart-md:active, .link-btn-cart-sm:active, .link-btn-outline-lg:active, .link-btn-outline-md:active, .link-btn-outline-sm:active, .link-btn-lg:active, .link-btn-md:active, .link-btn-sm:active, .btn-base:focus, .link-btn-flat-lg:focus, .link-btn-flat-md:focus, .link-btn-flat-sm:focus, .button-wrap form:focus, .link-btn-cart-lg:focus, .link-btn-cart-md:focus, .link-btn-cart-sm:focus, .link-btn-outline-lg:focus, .link-btn-outline-md:focus, .link-btn-outline-sm:focus, .link-btn-lg:focus, .link-btn-md:focus, .link-btn-sm:focus, .btn-base:hover, .link-btn-flat-lg:hover, .link-btn-flat-md:hover, .link-btn-flat-sm:hover, .button-wrap form:hover, .link-btn-cart-lg:hover, .link-btn-cart-md:hover, .link-btn-cart-sm:hover, .link-btn-outline-lg:hover, .link-btn-outline-md:hover, .link-btn-outline-sm:hover, .link-btn-lg:hover, .link-btn-md:hover, .link-btn-sm:hover {
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.4);
  filter: brightness(1.1);
}
.btn-base a, .link-btn-flat-lg a, .link-btn-flat-md a, .link-btn-flat-sm a, .button-wrap form a, .link-btn-cart-lg a, .link-btn-cart-md a, .link-btn-cart-sm a, .link-btn-outline-lg a, .link-btn-outline-md a, .link-btn-outline-sm a, .link-btn-lg a, .link-btn-md a, .link-btn-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: "\f12b";
  font-size: 1.6em;
  line-height: 0;
  vertical-align: top;
  display: block;
  right: 0.5em;
  top: 50%;
  position: absolute;
  color: #007CCF;
}
.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-outline-lg, .link-btn-outline-md, .link-btn-outline-sm {
  margin: 0.35em;
  background: #fff;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.2em;
  border: 4px solid #007CCF;
  color: #545454;
}
.link-btn-outline-lg::after, .link-btn-outline-md::after, .link-btn-outline-sm::after {
  content: "\f12b";
  font-size: 1.6em;
  line-height: 0;
  vertical-align: top;
  display: block;
  right: 0.5em;
  top: 50%;
  position: absolute;
  color: #007CCF;
}
.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: linear-gradient(90deg, rgb(255, 179, 0) 0%, rgb(255, 196, 0) 50%, rgb(255, 221, 0) 100%);
  color: #272727;
  font-size: 1.8rem;
  font-weight: bold;
  margin: 0.35em;
  line-height: 1em;
}
.link-btn-cart-lg::before, .link-btn-cart-md::before, .link-btn-cart-sm::before {
  content: "\f2b4";
  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: #36aeff;
}
.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;
}

.link-btn-cart-lg.rental span::before, .link-btn-cart-md.rental span::before, .link-btn-cart-sm.rental span::before {
  content: "を申し込む" !important;
  font-size: 1.8rem;
  font-weight: bold;
}

/*20230716追加分↓*/
.button-wrap {
  text-align: center;
}

.button-wrap form {
  background: linear-gradient(90deg, rgb(255, 179, 0) 0%, rgb(255, 196, 0) 50%, rgb(255, 221, 0) 100%);
  color: #272727;
  font-size: 1.8rem;
  font-weight: bold;
  margin: 0.35em;
  line-height: 1em;
}

.button-wrap form::before {
  font-size: 1.2em;
  margin-right: 0.4em;
  line-height: 0;
  vertical-align: middle;
}

.button-wrap form::before:hover {
  background: #36aeff;
}

.button-wrap form::after {
  font-size: 1.8rem;
}

.button-wrap form .cart_item__button {
  background: unset;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: none;
}

.button-wrap form .cart_item__button::before {
  display: inline-block;
}

.button-wrap form .cart_item__button::after {
  font-size: 1.8rem;
  color: #4c2b00;
}

#cm_v_cart_main {
  display: none;
}

/*20230716追加分↑*/
.cart-btn-lg .cart_item__button {
  padding: 3.5rem;
  width: 17em;
}

.cart-btn-md .cart_item__button {
  padding: 2.5rem;
  width: 11em;
}

/*----カラーフラットボタン------*/
.link-btn-flat-lg, .link-btn-flat-md, .link-btn-flat-sm {
  background: #007CCF;
  color: #fff;
  font-size: 1.8rem;
  font-weight: bold;
  margin: 0.35em;
  line-height: 1em;
}
.link-btn-flat-lg:hover, .link-btn-flat-md:hover, .link-btn-flat-sm:hover {
  background: #36aeff;
}
.link-btn-flat-lg span::before, .link-btn-flat-md span::before, .link-btn-flat-sm span::before {
  font-size: 1.8rem;
  font-weight: bold;
}
.link-btn-flat-lg {
  padding: 1em;
  width: 17em;
}
.link-btn-flat-md {
  padding: 0.7em;
  width: 11em;
}
.link-btn-flat-sm {
  padding: 0.15em 1em;
  font-size: 0.9em !important;
}
.link-btn-flat-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 {
  -moz-filter: brightness(1.1);
  -o-filter: brightness(1.1);
  -ms-filter: brightness(1.1);
  filter: brightness(1.1);
}

/*----汎用ダミーボタン------*/
.dummy-btn-lg, .dummy-btn-md, .dummy-btn-sm {
  display: none;
  justify-content: center;
  position: relative;
  text-align: center;
  text-decoration: none;
  border: 1px solid transparent;
  border-radius: 100px;
  cursor: pointer;
  outline: 0;
  background: #8c8c8c;
  color: #fff;
  font-size: 1.8rem;
  font-weight: bold;
  margin: 0.35em auto;
  line-height: 1em;
  pointer-events: none;
  padding: 0em;
}
.dummy-btn-lg span::before, .dummy-btn-md span::before, .dummy-btn-sm span::before {
  font-size: 1.8rem;
  font-weight: bold;
}
.dummy-btn-lg {
  width: 17em;
}
.dummy-btn-md {
  width: 13em;
}
.dummy-btn-sm {
  font-size: 0.9em !important;
}
.dummy-btn-sm span::before {
  font-size: inherit;
}

.next-stock {
  display: none;
}

.default {
  display: inline-block;
}

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

.btn-mdl, .btn-mdl-sm, .btn-mdl-md, .btn-mdl-lg {
  text-align: center;
  display: inline-block;
  position: relative;
  border: 2px solid #E3E3E3;
  border-radius: 100px;
  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-sm, .btn-mdl-md, .btn-mdl-lg {
    min-width: 6.6em;
    max-width: 28em;
    font-size: 1.8rem;
    text-align: left;
  }
}
.btn-mdl::before, .btn-mdl-sm::before, .btn-mdl-md::before, .btn-mdl-lg::before {
  content: "\f272";
  font-size: 1.6em;
  line-height: 0;
  vertical-align: top;
  display: block;
  left: 0.5em;
  top: 50%;
  position: absolute;
}
.btn-mdl:hover, .btn-mdl-sm:hover, .btn-mdl-md:hover, .btn-mdl-lg: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: 90%;
  max-width: 1000px;
  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: "\f14e";
  display: block;
  color: #007ccf;
  font-size: 40px;
}

.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-sm, .js-acd .btn-acd-md, .js-acd .btn-acd-lg {
  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;
  transition: all 0.3s;
}
.js-acd .btn-acd::after, .js-acd .btn-acd-sm::after, .js-acd .btn-acd-md::after, .js-acd .btn-acd-lg::after {
  content: "\f3d0";
  position: absolute;
  right: 1.25em;
  line-height: 0;
  top: 50%;
  color: #545454;
  font-weight: bold;
}
.js-acd .btn-acd::before, .js-acd .btn-acd-sm::before, .js-acd .btn-acd-md::before, .js-acd .btn-acd-lg::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-sm:hover, .js-acd .btn-acd-md:hover, .js-acd .btn-acd-lg: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 rgb(227, 227, 227);
  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;
  }
}

/* --------------------------------------------------------
  レイアウト
-------------------------------------------------------- */
body main > * {
  max-width: unset;
}

#ph_content {
  margin: auto;
}

.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 (-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: #FFF;
  border-color: #007CCF;
}

/*--アイコン--*/
.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: #85CEFF;
  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.8rem;
  padding: 0.3em 1em;
}

.icon-c::after {
  content: "コンパクト";
  display: inline-block;
  color: #007CCF;
  margin: 0.5em;
  font-weight: bold;
  background-color: #DFF2FF;
  padding: 0 0.4em;
  border-radius: 5px;
}

.icon-t::after {
  content: "タブレット";
  display: inline-block;
  color: #ffffff;
  margin: 0.5em;
  font-weight: bold;
  background-color: #007CCF;
  padding: 0 0.4em;
  border-radius: 5px;
}

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

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

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

/* --------------------------------------------------------
  以下、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: 11.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;
  transition: all 0.3s;
  -webkit-appearance: none !important;
}
@media screen and (max-width: 559px ) {
  .btn-next,
.btn-back {
    height: 3em;
    width: 9.4em;
  }
}
.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: linear-gradient(90deg, rgb(255, 179, 0) 0%, rgb(255, 196, 0) 50%, rgb(255, 221, 0) 100%);
  color: #000000;
  font-size: 1.8rem;
  font-weight: bold;
}
.btn-next::before {
  content: "\f12b";
  font-size: 1.2em;
  color: #fff;
  vertical-align: top;
  display: block;
  right: 1em;
  line-height: 0;
  top: 50%;
  position: absolute;
}

.btn-back {
  background: #fff;
  color: #545454;
  font-size: 1.8rem;
  font-weight: bold;
  color: #545454;
}
.btn-back::after {
  content: "\f129";
  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;
  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 {
  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: #007CCF;
  content: "";
  opacity: 0;
}
.pt-form.radio-basic input[type=radio] + label::before {
  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 #007CCF;
}

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

/*--選択ボタン--*/
.btn-check, .btn-check-lg, .btn-check-md, .btn-check-sm {
  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;
  transition: all 0.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-lg span, .btn-check-md span, .btn-check-sm span {
  font-weight: bold;
}
.btn-check::before, .btn-check-lg::before, .btn-check-md::before, .btn-check-sm::before {
  content: "\f2bc";
  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-lg::after, .btn-check-md::after, .btn-check-sm::after {
  content: "\f2bc";
  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-lg:hover, .btn-check-md:hover, .btn-check-sm:hover {
  color: #000000;
}
.btn-check:hover::before, .btn-check-lg:hover::before, .btn-check-md:hover::before, .btn-check-sm:hover::before {
  color: #007CCF !important;
  font-weight: bold;
}
.btn-check:active, .btn-check-lg:active, .btn-check-md:active, .btn-check-sm:active, .btn-check:focus, .btn-check-lg:focus, .btn-check-md:focus, .btn-check-sm:focus, .btn-check:hover, .btn-check-lg:hover, .btn-check-md:hover, .btn-check-sm:hover {
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.4);
}

.checked .btn-check, .checked .btn-check-lg, .checked .btn-check-md, .checked .btn-check-sm {
  background: #007CCF;
}
.checked .btn-check::before, .checked .btn-check-lg::before, .checked .btn-check-md::before, .checked .btn-check-sm::before {
  opacity: 0;
}
.checked .btn-check::after, .checked .btn-check-lg::after, .checked .btn-check-md::after, .checked .btn-check-sm::after {
  display: block;
  opacity: 1;
  font-size: 3.4rem;
}
.checked .btn-check span, .checked .btn-check-lg span, .checked .btn-check-md span, .checked .btn-check-sm 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;
  transition: opacity 800ms;
}

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

.lazy-fadein-vertical img {
  opacity: 0;
  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;
  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 !important;
  /*background: #000;*/
}

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

.ionicons, .link-btn-outline-lg::after, .link-btn-outline-md::after, .link-btn-outline-sm::after,
.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,
.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: "\f3d1";
  right: 0em;
}

.swiper-button-prev::after {
  content: "\f3cf";
  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 12rem;
}

@media screen and (max-width: 559px ) {
  .cart .swiper-slide img {
    width: 95%;
    margin: 0 0 7rem;
  }
}
.swiper-pagination {
  width: 100%;
}

.swiper-pagination .swiper-pagination-bullet {
  margin: 0 10px !important;
  width: 100px;
  height: 100px;
  opacity: 0.4;
}
@media screen and (max-width: 559px ) {
  .swiper-pagination .swiper-pagination-bullet {
    margin: 0 5px !important;
    width: 50px;
    height: 50px;
  }
}

#thumbs .swiper-slide {
  width: 100px !important;
}

/* --------------------------------------------------------
  FAQ
-------------------------------------------------------- */
.sec-faq + .sec-faq {
  margin-top: 50px;
}

.faq-box {
  padding: 30px 0;
}

.faq-box + .faq-box {
  border-top: solid 1px #bfbfbf;
}

.faq-box .question,
.faq-box .answer {
  position: relative;
  margin-left: 45px;
}

.faq-box .question {
  margin-bottom: 20px;
}

.faq-box .question::before,
.faq-box .answer::before {
  position: absolute;
  top: 0;
  left: -45px;
  display: block;
  font-size: 1em;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 26px;
  border: solid 1px #007ccf;
  border-radius: 50%;
  box-sizing: border-box;
}

.faq-box .question::before {
  content: "Q";
  background: #007ccf;
  color: #fff;
}

.faq-box .answer::before {
  content: "A";
  color: #007ccf;
}

@media screen and (min-width: 560px) {
  .faq_flex {
    display: flex;
    justify-content: space-between;
  }
}
/* --------------------------------------------------------
  テーブル その1
-------------------------------------------------------- */
@media screen and (max-width: 559px ) {
  .table-wrap-blue {
    overflow-x: scroll;
  }
}

.table-blue {
  width: 100%;
  margin-bottom: 50px;
}
@media screen and (max-width: 559px ) {
  .table-blue {
    display: block;
    width: 100%;
    margin: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }
}

.table-blue th,
.table-blue td {
  vertical-align: middle;
  text-align: center;
  border: 1px solid #e0e0e0;
}

.table-blue tbody th,
.table-blue td {
  vertical-align: middle;
  /* border-bottom: 1px solid #D1D1D1; */
}

.table-blue th {
  padding: 30px 5px;
  text-align: center;
}

.table-blue td {
  padding: 30px 5px;
}

.table-blue td span {
  font-size: 0.8em;
}

.table-blue thead {
  background: #f2f7f9;
}

.table-blue thead th {
  color: #222;
}

.table-blue tbody th {
  color: #555;
  line-height: 1.3em;
  background: #f2f7f9;
}

.compare-okmark {
  position: relative;
}
.compare-okmark::before {
  content: "";
  width: 11px;
  height: 5px;
  border-left: 4px solid #fff;
  border-bottom: 4px solid #fff;
  transform: rotate(-45deg);
  display: block;
  position: absolute;
  top: -4px;
  left: -6px;
  z-index: 1;
}
.compare-okmark::after {
  content: "";
  position: absolute;
  top: -10px;
  left: -10px;
  width: 24px;
  height: 24px;
  border-radius: 50px;
  background-color: #007ccf;
}

#rental_diff [class^=link-btn-] {
  width: 150px;
  margin-top: 0.8em;
  padding: 0.6em;
}

/* --------------------------------------------------------
  テーブル その1
-------------------------------------------------------- */
.border-only-tbl {
  width: 100%;
  margin: auto;
}

.border-only-tbl th,
.border-only-tbl td {
  padding: 30px 20px;
  border-bottom: 1px solid #d1d1d1;
}

/* --------------------------------------------------------
  lity　調整
-------------------------------------------------------- */
.lity-container {
  max-width: 95% !important;
  max-height: 95% !important;
}
.lity-container .lity-close {
  position: absolute;
  right: -50px;
  top: 0px;
  border: 1px solid #fff !important;
  border-radius: 60px;
}

/* ------------------------------------------------------------------------------
  system・qa・profile 調整
------------------------------------------------------------------------------ */
.inner-middle {
  max-width: 1100px;
  margin: auto;
  max-width: 980px;
}

@media (max-width: 768px) {
  .inner-middle {
    padding: 0 20px;
  }
}
/* ------------------------------------------------------------------------------
  system
------------------------------------------------------------------------------ */
.product__system {
  /*background: #F2F7F9;*/
  font-size: 15px;
  padding: 2em 1em 5em 1em;
}
.product__system h3 {
  font-size: 18px;
  font-weight: bold;
}
.product__system li {
  margin-bottom: 8px;
}
.product__system li::before {
  content: "・";
}

@media (max-width: 768px) {
  .product__system h3 {
    text-align: center;
  }
}
@media (min-width: 769px) {
  .product__system .block {
    display: flex;
  }
}
@media (min-width: 769px) {
  .product__system .item {
    width: 50%;
  }
}
@media (max-width: 768px) {
  .product__system .item {
    margin-bottom: 20px;
  }
}
.product__system-title {
  margin-bottom: 30px;
  font-size: 24px;
  font-weight: 500;
  text-align: center;
}
.product__system-title a {
  color: rgba(0, 0, 0, 0.86);
}

/* ------------------------------------------------------------------------------
  qa
------------------------------------------------------------------------------ */
.product__foot__container {
  position: relative;
  overflow: hidden;
}

.product__foot {
  position: relative;
  padding-top: 40px;
  /*background: #F2F7F9;*/
}
.product__foot:last-child {
  padding-bottom: 40px;
}

.product__foot-title {
  width: 100%;
  max-width: 980px;
  margin: auto;
  padding: 10px 0;
  /*background: #F2F7F9;*/
  font-size: 24px;
  font-weight: 500;
  text-align: center;
}

@media (max-width: 768px) {
  .product__foot-title {
    font-size: 24px;
  }
}
@media (min-width: 769px) {
  .product__qa-inner {
    background: #fff;
  }
}
.product__qa-box {
  background: #fff;
  font-size: 15px;
}
.product__qa-box dt,
.product__qa-box dd {
  position: relative;
  padding: 15px 30px 15px 35px;
}
.product__qa-box dt::before,
.product__qa-box dd::before {
  position: absolute;
  left: 5px;
  font-size: 20px;
  line-height: 16px;
  font-weight: bold;
}
.product__qa-box dt {
  font-weight: bold;
  /*cursor: pointer;*/
}
.product__qa-box dt::before {
  content: "Q";
  color: #007ccf;
}
.product__qa-box dt.active::after {
  top: 23px;
  transform: rotate(-45deg);
}
.product__qa-box dd::before {
  content: "A";
  color: #333;
}
.product__qa-box dd.active {
  display: block;
}

@media (min-width: 769px) {
  .product__qa-box {
    margin: 0 15px;
  }
  .product__qa-box:not(:last-of-type) {
    border-bottom: 1px solid #bcbcbc;
  }
}
@media (max-width: 768px) {
  .product__qa-box {
    margin-top: 10px;
    font-size: 13px;
  }
  .product__qa-box:first-of-type {
    margin-top: 20px;
  }
}
@media (max-width: 768px) {
  .product__qa-box dt,
.product__qa-box dd {
    margin: 0 10px;
  }
}
/*.product__qa-box dt::after {
  content: '';
  position: absolute;
  top: 17px;
  right: 10px;
  width: 9px;
  height: 9px;
  border-top: 3px solid #888888;
  border-right: 3px solid #888888;
  transform: rotate(135deg);
}*/
/*.product__qa-box dd {
  display: none;
  border-top: 1px solid #BCBCBC;
}*/
@media (min-width: 769px) {
  .product__qa-box dd {
    margin: 0;
  }
}
/* ------------------------------------------------------------------------------
  profile
------------------------------------------------------------------------------ */
.product__system--title a {
  color: #000;
}

/* ------------------------------------------------------------------------------
  お知らせ自動化
------------------------------------------------------------------------------ */
#rn_ContentListskw_1 {
  padding: 0;
}
#rn_ContentListskw_1:empty::before {
  content: "ただいまお知らせはございません";
  display: block;
  text-align: center;
  padding: 1rem;
}

/* Scss Document */ /* Scss Document */
/* ------------------------------------------------------------------------------
  Icon
------------------------------------------------------------------------------ */
.ionicons, .txt-point .info-epoint::after, .link-txt-arrow::after, .link-btn-lg::after, .link-btn-md::after, .link-btn-sm::after, .link-btn-outline-lg::after, .link-btn-outline-md::after, .link-btn-outline-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::after, .btn-check-sm::before, .btn-check-sm::after, .btn-check-md::before, .btn-check-md::after, .btn-check-lg::before, .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");
}
/*========================　共通　========================*/
#fix-link {
  position: fixed;
  bottom: 20px;
  right: 20px;
  font-size: 77%;
  z-index: 999;
}

#fix-link a {
  background: linear-gradient(90deg, rgb(255, 179, 0) 0%, rgb(255, 196, 0) 50%, rgb(255, 221, 0) 100%);
  text-decoration: none;
  color: #000000;
  width: 80px;
  height: 80px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: 100px;
  border-radius: 100px;
  transition: all 0.3s;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
  font-size: 1.5rem;
  font-weight: bold;
  padding: 1.5rem 0 0;
}
#fix-link a:hover {
  filter: brightness(1.1);
}

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

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

/*========================　ナビゲーション　========================*/
/* 全体 */
nav {
  width: 100%;
  height: 70px;
  position: relative;
}
@media screen and (max-width: 559px ) {
  nav {
    background: #f6f6f6;
  }
}
nav a {
  color: #000;
}
nav #top {
  position: relative;
}
nav #top::before {
  content: "360°カメラ";
  position: absolute;
  top: -0.25rem;
  font-size: 1rem;
  width: 60%;
  text-align: center;
}
@media screen and (max-width: 559px ) {
  nav #top::before {
    width: auto;
    left: 2rem;
    top: 0;
  }
}
nav #series {
  position: relative;
}
nav #series::before {
  content: "その他";
  position: absolute;
  top: -0.25rem;
  font-size: 1rem;
  width: 65%;
  text-align: center;
}
@media screen and (max-width: 559px ) {
  nav #series::before {
    width: auto;
    left: 2rem;
    top: 0;
  }
}
@media screen and (min-width: 560px ) {
  nav.is-fixed {
    height: 50px;
  }
  nav.is-fixed .menu a .rogo-img {
    height: 40px;
    width: 170px;
    transition: all 0.3s;
  }
  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 #top::before {
    top: -0.25rem;
  }
  nav.is-fixed .menu ul.layer-1 #series::before {
    top: -0.25rem;
  }
  nav.is-fixed .under-layer:hover .layer-2 {
    top: 45px;
  }
  nav.is-fixed li#support::after {
    top: 15%;
  }
}

@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: 93%;
  text-align: center;
}
.navbar_brand img {
  width: 50%;
}

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

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

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

@-webkit-keyframes tooltipShow {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@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 rgba(0, 0, 0, 0.1411764706);
}

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

.navbar_toggle_icon {
  position: relative;
  display: block;
  height: 4px;
  width: 24px;
  background: #000;
  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;
  transform: rotate(45deg);
}

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

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

/* ナビゲーション */
.menu {
  transform: translateX(-100%);
  transition: ease 0.5s;
}
@media screen and (max-width: 559px ) {
  .menu {
    z-index: 1000;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.3);
    -webkit-backdrop-filter: blur(5px);
            backdrop-filter: blur(5px);
  }
}
.menu > a {
  display: block;
  margin: 0 30% 0 0;
  position: relative;
}
@media screen and (min-width: 560px) and (max-width: 1115px) {
  .menu > a {
    margin: 0 5% 0 0;
  }
}
.menu > a .rogo-img {
  background: url(/img_sc/kaigio/common/rogo.svg) no-repeat;
  background-size: contain;
  height: 47px;
  width: 170px;
  display: block;
  margin: 0 30% 0 0;
}
@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(2):after, .menu > ul > li:nth-of-type(4):after, .menu > ul > li:nth-of-type(5):after {
    content: "";
    display: inline-block;
    height: 6px;
    width: 6px;
    border-right: solid 2px #000;
    border-bottom: solid 2px #000;
    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: 1.5rem 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;
    padding: 0.5rem 0 0;
  }
}
@media screen and (max-width: 559px ) {
  .menu ul li a {
    width: 100%;
    display: flex;
  }
}

/*OPEN時の動き*/
.menu.open {
  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%;
    transform: translateX(0);
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1116px;
    margin: auto;
  }
  .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: 1.25rem 3rem 0.5rem;
  }
  .menu ul.layer-1 > li > a {
    position: relative;
  }
  .menu ul.layer-1 > li > a::after {
    position: absolute;
    bottom: -5px;
    left: 0;
    content: "";
    width: 100%;
    height: 3px;
    background: #007CCF;
    transform: scale(0, 1);
    transform-origin: center top;
    transition: transform 0.3s;
  }
  .menu ul.layer-1 > li.current-page > a::after {
    transform: scale(1, 1.05);
  }
  .menu ul.layer-1 > li:hover > a::after {
    transform: scale(1, 1.05);
  }
  .menu ul.layer-1 li.pt-link {
    padding: 0rem 2.5rem;
    line-height: 1rem !important;
  }
  .menu ul.layer-1 li.pt-link a {
    line-height: 1.5rem !important;
  }
  .menu ul.layer-1 li.pt-link a .txt-label {
    display: block;
    margin: 0;
  }
  .menu ul.layer-1 li {
    border-bottom: none;
  }
  .menu ul.layer-1 li.menu-mimi:hover {
    opacity: 0.8;
    transition: transform 0.5s;
    transform: scale(1.1, 1.1);
  }
  .menu ul.layer-1 li.menu-mimi:hover > a {
    /* font-weight: bold;*/
  }
  .menu ul.layer-1 li.menu-mimi:hover > a::after {
    transform: scale(0, 0) !important;
  }
  .menu ul.layer-1 .line-none a::after {
    content: none !important;
  }
  /*下層表示制御*/
  .under-layer {
    position: relative;
  }
  .under-layer:hover .layer-2 {
    -webkit-animation: tooltipShow 0.3s linear 0s;
            animation: tooltipShow 0.3s linear 0s;
    width: 200px;
    display: flex;
    position: absolute;
    overflow: hidden;
    transition: all 0.3s;
    top: 45px;
    left: calc((200px - 100%) / -2);
    background-color: #DFF2FF;
    padding: 10px 0;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2705882353);
  }
  .under-layer:hover .layer-2.purchase-menu ul {
    justify-content: center;
  }
  .under-layer:hover .layer-2.purchase-menu ul li .index-box {
    flex-direction: column;
  }
  .under-layer:hover .layer-2.purchase-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 #fff;
    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 .big-margin {
    margin: 11rem 0 0;
  }
  .under-layer:hover .layer-3 .border {
    padding: 20px 0 0px !important;
  }
  .under-layer:hover .layer-3 .border::before {
    content: "専用サイト";
    font-weight: bold;
    color: #007ccf;
  }
  .purchase-link-pc {
    margin: 0;
    height: auto;
    padding: 0em 1em !important;
  }
}
/*========================　サブナビゲーション　========================*/
.sub-navi_wrap {
  display: flex;
  justify-content: center;
  width: 100%;
  margin: 0 auto;
  padding: 3px 0 0;
  background-color: #ffffff;
}
@media screen and (min-width: 560px ) {
  .sub-navi_wrap {
    border-bottom: 5px solid #ffdf02;
  }
}
@media screen and (max-width: 559px ) {
  .sub-navi_wrap {
    padding: 0;
    /*box-shadow: 0px 2px 3px rgba(0,0,0,0.2);*/
    border-bottom: 1px solid #c0a800;
  }
}
.sub-navi_wrap h2 {
  display: flex;
  align-items: center;
}
.sub-navi_wrap h2 img {
  width: auto;
  height: 45px;
  margin: 0 10px 0 0;
}
.sub-navi_wrap h2 a {
  font-weight: bold;
  line-height: 2.25rem;
}
@media screen and (max-width: 559px ) {
  .sub-navi_wrap h2 a {
    font-size: 1.6rem;
  }
}
.sub-navi_wrap .sub-navi {
  /*width: 1100px;*/
  display: flex;
  justify-content: space-between;
  /*padding: 0.5rem 1rem 0.25rem;*/
  align-items: center;
  margin: 0 20px 0px 0;
  background-color: #ffdf02;
}
@media screen and (max-width: 559px ) {
  .sub-navi_wrap .sub-navi {
    width: 100%;
    flex-wrap: wrap;
    margin: 0;
    justify-content: space-around;
  }
}
.sub-navi_wrap .sub-navi h2 {
  width: auto;
  font-size: 1.75rem;
  font-weight: bold;
  color: #555555;
}
@media screen and (max-width: 559px ) {
  .sub-navi_wrap .sub-navi h2 {
    width: 55%;
  }
}
.sub-navi_wrap .sub-navi ul {
  display: flex;
  width: auto;
  margin: 0 50px 0;
}
@media screen and (max-width: 559px ) {
  .sub-navi_wrap .sub-navi ul {
    /*width: 150%;*/
    margin: 5px 0 0;
    justify-content: center;
  }
}
@media screen and (min-width: 560px) and (max-width: 1115px) {
  .sub-navi_wrap .sub-navi ul {
    /*width: 65%; */
    margin: 0 0px 0;
  }
}
.sub-navi_wrap .sub-navi ul li {
  margin: 0 1rem;
}
@media screen and (max-width: 559px ) {
  .sub-navi_wrap .sub-navi ul li {
    margin: 0 2rem 0 0;
  }
}
.sub-navi_wrap .sub-navi ul li a {
  /*color: #9c8800;*/
}
@media screen and (max-width: 559px ) {
  .sub-navi_wrap .sub-navi ul li a {
    font-size: 4vw;
    letter-spacing: -1px;
  }
}
.sub-navi_wrap .sub-navi .purchase-btn {
  width: auto;
}
.sub-navi_wrap .sub-navi .purchase-btn a {
  background-color: #fff !important;
}
.sub-navi_wrap .sub-navi .purchase-btn a span::before {
  content: "ご購入" !important;
}
@media screen and (min-width: 560px ) {
  .sub-navi_wrap .sub-navi .purchase-btn {
    order: 2;
  }
}
@media screen and (max-width: 559px ) {
  .sub-navi_wrap .sub-navi .list-wrap {
    width: 100%;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
}
.sub-navi_wrap .other {
  background-color: #f0f4f7;
  padding: 0.5rem 1rem 0.25rem;
}
.sub-navi_wrap .tab {
  border-radius: 10px 10px 0 0;
  padding: 5px 25px;
}
@media screen and (min-width: 560px ) {
  .sub-navi_wrap .tab {
    display: flex;
  }
}
@media screen and (min-width: 560px) and (max-width: 1115px) {
  .sub-navi_wrap .tab {
    padding: 5px 15px;
  }
}
@media screen and (max-width: 559px ) {
  .sub-navi_wrap .tab {
    border-radius: 0;
    padding: 5px;
    margin: 0 0px 0px 0;
  }
}
.sub-navi_wrap .tab a {
  color: #000;
  transition: all 0.3s;
}
.sub-navi_wrap .tab a:hover {
  opacity: 0.7;
  transition: all 0.3s;
}
.sub-navi_wrap .link-compare h2 a {
  color: #09f;
}
.sub-navi_wrap .addres {
  display: block;
  margin: 0;
}

/*固定*/
#head_2nd_gen nav {
  z-index: 9990;
  background: #fff;
}

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

/*========================　ぱんくず　========================*/
.pankuzu-wrap {
  background-color: #DFF2FF;
}
@media screen and (min-width: 560px ) {
  .pankuzu-wrap .pankuzu-inner {
    max-width: 1116px;
    margin: auto;
    padding: 0.5rem 3rem;
  }
}
@media screen and (max-width: 559px ) {
  .pankuzu-wrap .pankuzu-inner {
    padding: 1vw 2vw;
  }
}
.pankuzu-wrap .pankuzu-inner #breadCrumb {
  display: flex;
  margin: 0;
}
.pankuzu-wrap .pankuzu-inner #breadCrumb li {
  list-style: none;
  margin: 0 1rem 0 0;
  color: #00548D;
  font-weight: bold;
}
.pankuzu-wrap .pankuzu-inner #breadCrumb li + li::before {
  content: "";
  display: inline-block;
  height: 7px;
  width: 7px;
  border-right: solid 1px #00548D;
  border-bottom: solid 1px #00548D;
  transform: rotate(-45deg) translateY(-10%);
  margin: 0px 1rem 2px 0rem;
}
.pankuzu-wrap .pankuzu-inner #breadCrumb li a {
  color: #00548D;
}

/*========================　フッター　========================*/
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;*/
}
#ph_footer a {
  /* color: #000;*/
}
#ph_footer a:hover {
  opacity: 0.7;
}

.footer-rogo {
  text-align: center;
}
.footer-rogo img {
  width: 50%;
  margin: 3rem auto 0.5rem;
}
@media screen and (min-width: 560px ) {
  .footer-rogo img {
    max-width: 400px;
  }
}
@media screen and (max-width: 559px ) {
  .footer-rogo img {
    width: 90%;
  }
}

.footer-item {
  display: flex;
  max-width: 1116px;
  justify-content: center;
  margin: auto;
  flex-wrap: wrap;
}
.footer-item .p-wrap {
  width: 16.6666666667%;
  padding: 2rem 1rem 0rem;
  transition: all 0.3s;
}
@media screen and (max-width: 559px ) {
  .footer-item .p-wrap {
    width: 50%;
  }
}
.footer-item .p-wrap:hover {
  filter: brightness(1.1);
  opacity: 1 !important;
}

/**/
.statement img {
  display: block;
}
@media screen and (min-width: 560px ) {
  .statement img {
    height: 30px;
    margin: 0 auto 20px;
  }
}
@media screen and (max-width: 559px ) {
  .statement img {
    height: 30px;
    margin: 0 auto 20px;
  }
}

.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 {
    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;*/
  }
  .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 .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;
}

/* Scss Document */
/* ------------------------------------------------------------------------------
  Icon
------------------------------------------------------------------------------ */
.ionicons, .txt-point .info-epoint::after, .link-txt-arrow::after, .link-btn-lg::after, .link-btn-md::after, .link-btn-sm::after, .link-btn-outline-lg::after, .link-btn-outline-md::after, .link-btn-outline-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::after, .btn-check-sm::before, .btn-check-sm::after, .btn-check-md::before, .btn-check-md::after, .btn-check-lg::before, .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");
}
/* カート回り共通要素 */
input[type=checkbox],
input[type=radio] {
  display: none;
}

#kv .link-btn-cart-lg,
#kv .link-btn-cart-md,
#kv .link-btn-cart-sm {
  background: #007CCF;
  color: #fff;
  display: block;
  margin: 20px auto 10px;
  width: 80%;
}

#kv .link-btn-cart-lg::before,
#kv .link-btn-cart-md::before,
#kv .link-btn-cart-sm::before {
  color: #fff;
}

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

.postage::before {
  content: "送料";
}

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

/**/
.bd_radius {
  border-radius: 15px;
}

.pay-diff {
  color: #000;
}

.purchase-box, .purchase_left {
  padding: 2em;
}

.purchase_wrap {
  margin: 0 0 1em 0;
}

.purchase-box, .purchase_left {
  padding: 2em;
}

.purchase-box [class*=col-].border-btm::after {
  margin: 1em 0 2em;
}

.payment_name, .shipping, .delivery_charge {
  color: #222;
}

.info-payment::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;
}

.info-payment {
  cursor: default;
  position: relative;
}

.info-payment::after {
  content: "\f30a";
  font-size: 1.8em;
  color: #BCBCBC;
  vertical-align: sub;
  margin-left: 0.2em;
}

.info-payment::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;
  transition-delay: 300ms;
}

.info-payment:hover::before {
  opacity: 1;
}

.purchase_left {
  text-align: center;
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0 !important;
}

.purchase_left-img {
  height: auto !important;
  width: 100%;
  margin: 0 auto;
}

@media screen and (max-width: 559px) {
  .purchase_left-img {
    height: 300px;
    width: 100%;
  }
}
.purchase_img {
  margin: 0 auto;
  width: auto;
  background-color: #fff;
  border-radius: 8px;
}

@media screen and (max-width: 559px) {
  .purchase_img {
    width: 100%;
  }
}
.purchase_img img {
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding: 0.1rem;
}

.purchase_thumb {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 30px 0 0;
  position: relative;
  padding: 0;
}

.purchase_wrap + .purchase_wrap {
  margin-top: 4rem;
}

.purchase_wrap .pay-diff {
  margin: 0 !important;
}
.purchase_wrap .pay-diff a {
  color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
}
.purchase_wrap .pay-diff a span {
  font-size: 2.5rem;
  color: #BCBCBC;
  margin: 0 0 0 0.5rem;
}

/*カートSwiper*/
.slider-thumbnail .swiper-wrapper {
  display: flex;
  justify-content: center;
  margin: 10px 0 0;
}
.slider-thumbnail .swiper-wrapper .swiper-slide {
  background-color: #fff;
  border-radius: 8px;
  width: calc(25% - 10px) !important;
  padding: 0.1rem;
  margin: 0 5px;
}
.slider-thumbnail .swiper-wrapper .swiper-slide img {
  width: 100%;
}

.cart_item__button--quote {
  display: none !important;
}