/**
 * Lightcase - jQuery Plugin
 * The smart and flexible Lightbox Plugin.
 *
 * @author		Cornel Boppart <cornel@bopp-art.com>
 * @copyright	Author
 *
 * @version		2.5.0 (11/03/2018)
 */
/**
 * Lightcase settings
 *
 * Note: Override default settings for your project without touching this source code by simply
 * defining those variables within a SASS map called '$lightcase-custom'.
 *
 * // Example usage
 * $lightcase-custom: (
 *   'breakpoint': 768px
 * );
 */
@font-face {
  font-family: "lightcase";
  src: url("fonts/lightcase.eot?55356177");
  src: url("fonts/lightcase.eot?55356177#iefix") format("embedded-opentype"),
    url("fonts/lightcase.woff?55356177") format("woff"),
    url("fonts/lightcase.ttf?55356177") format("truetype"),
    url("fonts/lightcase.svg?55356177#lightcase") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* line 12, ../scss/components/fonts/_font-lightcase.scss */
[class*="lightcase-icon-"]:before {
  font-family: "lightcase", sans-serif;
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

/* Codes */
/* line 35, ../scss/components/fonts/_font-lightcase.scss */
.lightcase-icon-play:before {
  content: "\e800";
}

/* line 36, ../scss/components/fonts/_font-lightcase.scss */
.lightcase-icon-pause:before {
  content: "\e801";
}

/* line 37, ../scss/components/fonts/_font-lightcase.scss */
.lightcase-icon-close:before {
  /* content: '\e802'; */
  content: "";
  width: 32px;
  height: 32px;
  background: url(../img/btn_close.png) no-repeat center/100%;
}

/* line 38, ../scss/components/fonts/_font-lightcase.scss */
.lightcase-icon-prev:before {
  /* content: '\e803'; */
  content: "";
  width: 24px;
  height: 40px;
  background: url(../img/btn_prev.png) no-repeat center/100%;
}

/* line 39, ../scss/components/fonts/_font-lightcase.scss */
.lightcase-icon-next:before {
  /* content: '\e804'; */
  content: "";
  width: 24px;
  height: 40px;
  background: url(../img/btn_next.png) no-repeat center/100%;
}

/* line 40, ../scss/components/fonts/_font-lightcase.scss */
.lightcase-icon-spin:before {
  content: "\e805";
}

/**
 * Mixin providing icon defaults to be used on top of font-lightcase.
 *
 * Example usage:
 * @include icon(#e9e9e9)
 */
/**
 * Mixin providing icon defaults including a hover status to be used
 * on top of font-lightcase.
 *
 * Example usage:
 * @include icon-hover(#e9e9e9, #fff)
 */
/**
 * Provides natural content overflow behavior and scrolling support
 * even so for touch devices.
 *
 * Example usage:
 * @include overflow()
 */
/**
 * Neutralizes/resets dimensions including width, height, position as well as margins,
 * paddings and styles. Used to enforce a neutral and unstyled look and behavoir!
 *
 * Example usage:
 * @include clear(true)
 *
 * @param boolean $important
 */
@-webkit-keyframes lightcase-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

@keyframes lightcase-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

/* line 1, ../scss/components/modules/_case.scss */
#lightcase-case {
  display: none;
  position: fixed;
  z-index: 2002;
  top: 50%;
  left: 50%;
  font-family: arial, sans-serif;
  font-size: 13px;
  line-height: 1.5;
  text-align: left;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

@media screen and (max-width: 640px) {
  /* line 16, ../scss/components/modules/_case.scss */
  html[data-lc-type="inline"] #lightcase-case,
  html[data-lc-type="ajax"] #lightcase-case {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    margin: 0 !important;
    padding: 55px 0 70px 0;
    width: 100% !important;
    height: 100% !important;
    overflow: auto !important;
  }
}

@media screen and (min-width: 641px) {
  /* line 4, ../scss/components/modules/_content.scss */
  html:not([data-lc-type="error"]) #lightcase-content {
    position: relative;
    z-index: 1;
    text-shadow: none;
    background-color: #fff;
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
    -o-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
    -webkit-backface-visibility: hidden;
  }
}

@media screen and (min-width: 641px) {
  /* line 23, ../scss/components/modules/_content.scss */
  html[data-lc-type="image"] #lightcase-content,
  html[data-lc-type="video"] #lightcase-content {
    background-color: rgba(255, 255, 255, 0.7);
  }
}

/* line 31, ../scss/components/modules/_content.scss */
html[data-lc-type="inline"] #lightcase-content,
html[data-lc-type="ajax"] #lightcase-content,
html[data-lc-type="error"] #lightcase-content {
  -webkit-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}

@media screen and (max-width: 640px) {
  /* line 31, ../scss/components/modules/_content.scss */
  html[data-lc-type="inline"] #lightcase-content,
  html[data-lc-type="ajax"] #lightcase-content,
  html[data-lc-type="error"] #lightcase-content {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: none !important;
  }
}

/* line 43, ../scss/components/modules/_content.scss */
html[data-lc-type="inline"] #lightcase-content .lightcase-contentInner,
html[data-lc-type="ajax"] #lightcase-content .lightcase-contentInner,
html[data-lc-type="error"] #lightcase-content .lightcase-contentInner {
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 640px) {
  /* line 43, ../scss/components/modules/_content.scss */
  html[data-lc-type="inline"] #lightcase-content .lightcase-contentInner,
  html[data-lc-type="ajax"] #lightcase-content .lightcase-contentInner,
  html[data-lc-type="error"] #lightcase-content .lightcase-contentInner {
    padding: 15px;
  }

  /* line 52, ../scss/components/modules/_content.scss */
  html[data-lc-type="inline"] #lightcase-content .lightcase-contentInner,
  html[data-lc-type="inline"] #lightcase-content .lightcase-contentInner > *,
  html[data-lc-type="ajax"] #lightcase-content .lightcase-contentInner,
  html[data-lc-type="ajax"] #lightcase-content .lightcase-contentInner > *,
  html[data-lc-type="error"] #lightcase-content .lightcase-contentInner,
  html[data-lc-type="error"] #lightcase-content .lightcase-contentInner > * {
    width: 100% !important;
    max-width: none !important;
  }

  /* line 59, ../scss/components/modules/_content.scss */
  html[data-lc-type="inline"] #lightcase-content .lightcase-contentInner > *:not(iframe),
  html[data-lc-type="ajax"] #lightcase-content .lightcase-contentInner > *:not(iframe),
  html[data-lc-type="error"] #lightcase-content .lightcase-contentInner > *:not(iframe) {
    height: auto !important;
    max-height: none !important;
  }
}

@media screen and (max-width: 640px) {
  /* line 70, ../scss/components/modules/_content.scss */
  html.lightcase-isMobileDevice[data-lc-type="iframe"]
    #lightcase-content
    .lightcase-contentInner
    iframe {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
}

@media screen and (max-width: 640px) and (min-width: 641px) {
  /* line 74, ../scss/components/modules/_content.scss */
  html[data-lc-type="image"] #lightcase-content .lightcase-contentInner,
  html[data-lc-type="video"] #lightcase-content .lightcase-contentInner {
    line-height: 0.75;
  }
}

/* line 82, ../scss/components/modules/_content.scss */
html[data-lc-type="image"] #lightcase-content .lightcase-contentInner {
  position: relative;
  overflow: hidden !important;
}

@media screen and (max-width: 640px) {
  /* line 91, ../scss/components/modules/_content.scss */
  html[data-lc-type="inline"] #lightcase-content .lightcase-contentInner .lightcase-inlineWrap,
  html[data-lc-type="ajax"] #lightcase-content .lightcase-contentInner .lightcase-inlineWrap,
  html[data-lc-type="error"] #lightcase-content .lightcase-contentInner .lightcase-inlineWrap {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: none !important;
  }
}

@media screen and (min-width: 641px) {
  /* line 100, ../scss/components/modules/_content.scss */
  html:not([data-lc-type="error"])
    #lightcase-content
    .lightcase-contentInner
    .lightcase-inlineWrap {
    padding: 30px;
    overflow: auto;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
  }
}

@media screen and (max-width: 640px) {
  /* line 117, ../scss/components/modules/_content.scss */
  #lightcase-content h1,
  #lightcase-content h2,
  #lightcase-content h3,
  #lightcase-content h4,
  #lightcase-content h5,
  #lightcase-content h6,
  #lightcase-content p {
    color: #aaa;
  }
}

@media screen and (min-width: 641px) {
  /* line 117, ../scss/components/modules/_content.scss */
  #lightcase-content h1,
  #lightcase-content h2,
  #lightcase-content h3,
  #lightcase-content h4,
  #lightcase-content h5,
  #lightcase-content h6,
  #lightcase-content p {
    color: #333;
  }
}

/* line 3, ../scss/components/modules/_error.scss */
#lightcase-case p.lightcase-error {
  margin: 0;
  font-size: 17px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #aaa;
}

@media screen and (max-width: 640px) {
  /* line 3, ../scss/components/modules/_error.scss */
  #lightcase-case p.lightcase-error {
    padding: 30px 0;
  }
}

@media screen and (min-width: 641px) {
  /* line 3, ../scss/components/modules/_error.scss */
  #lightcase-case p.lightcase-error {
    padding: 0;
  }
}

/* line 4, ../scss/components/modules/_global.scss */
.lightcase-open body {
  overflow: hidden;
}

/* line 8, ../scss/components/modules/_global.scss */
.lightcase-isMobileDevice .lightcase-open body {
  max-width: 100%;
  max-height: 100%;
}

/* line 1, ../scss/components/modules/_info.scss */
#lightcase-info {
  position: absolute;
  padding-top: 15px;
}

/* line 9, ../scss/components/modules/_info.scss */
#lightcase-info #lightcase-title,
#lightcase-info #lightcase-caption {
  margin: 0;
  padding: 0;
  line-height: 1.5;
  font-weight: normal;
  text-overflow: ellipsis;
}

/* line 19, ../scss/components/modules/_info.scss */
#lightcase-info #lightcase-title {
  font-size: 17px;
  color: #aaa;
}

@media screen and (max-width: 640px) {
  /* line 19, ../scss/components/modules/_info.scss */
  #lightcase-info #lightcase-title {
    position: fixed;
    top: 10px;
    left: 0;
    max-width: 87.5%;
    padding: 5px 15px;
    background: #333;
  }
}

/* line 33, ../scss/components/modules/_info.scss */
#lightcase-info #lightcase-caption {
  clear: both;
  font-size: 13px;
  color: #aaa;
}

/* line 39, ../scss/components/modules/_info.scss */
#lightcase-info #lightcase-sequenceInfo {
  font-size: 11px;
  color: #aaa;
}

@media screen and (max-width: 640px) {
  /* line 45, ../scss/components/modules/_info.scss */
  .lightcase-fullScreenMode #lightcase-info {
    padding-left: 15px;
    padding-right: 15px;
  }

  /* line 51, ../scss/components/modules/_info.scss */
  html:not([data-lc-type="image"]):not([data-lc-type="video"]):not([data-lc-type="flash"]):not([data-lc-type="error"])
    #lightcase-info {
    position: static;
  }
}

/* line 1, ../scss/components/modules/_loading.scss */
#lightcase-loading {
  position: fixed;
  z-index: 9999;
  width: 1.123em;
  height: auto;
  font-size: 38px;
  line-height: 1;
  text-align: center;
  text-shadow: none;
  position: fixed;
  z-index: 2001;
  top: 50%;
  left: 50%;
  margin-top: -0.5em;
  margin-left: -0.5em;
  opacity: 1;
  font-size: 32px;
  text-shadow: 0 0 15px #fff;
  -moz-transform-origin: 50% 53%;
  -webkit-animation: lightcase-spin 0.5s infinite linear;
  animation: lightcase-spin 0.5s infinite linear;
}

/* line 20, ../scss/components/mixins/_presets.scss */
#lightcase-loading,
#lightcase-loading:focus {
  text-decoration: none;
  color: #fff;
  -webkit-tap-highlight-color: transparent;
  -webkit-transition: color, opacity, ease-in-out 0.25s;
  transition: color, opacity, ease-in-out 0.25s;
}

/* line 32, ../scss/components/mixins/_presets.scss */
#lightcase-loading > span {
  display: inline-block;
  text-indent: -9999px;
}

/* line 2, ../scss/components/modules/_navigation.scss */
a[class*="lightcase-icon-"] {
  position: fixed;
  z-index: 9999;
  width: 1.123em;
  height: auto;
  font-size: 38px;
  line-height: 1;
  text-align: center;
  text-shadow: none;
  outline: none;
  cursor: pointer;
}

/* line 20, ../scss/components/mixins/_presets.scss */
a[class*="lightcase-icon-"],
a[class*="lightcase-icon-"]:focus {
  text-decoration: none;
  color: rgba(255, 255, 255, 0.6);
  -webkit-tap-highlight-color: transparent;
  -webkit-transition: color, opacity, ease-in-out 0.25s;
  transition: color, opacity, ease-in-out 0.25s;
}

/* line 32, ../scss/components/mixins/_presets.scss */
a[class*="lightcase-icon-"] > span {
  display: inline-block;
  text-indent: -9999px;
}

/* line 49, ../scss/components/mixins/_presets.scss */
a[class*="lightcase-icon-"]:hover {
  color: white;
  text-shadow: 0 0 15px white;
}

/* line 10, ../scss/components/modules/_navigation.scss */
.lightcase-isMobileDevice a[class*="lightcase-icon-"]:hover {
  color: #aaa;
  text-shadow: none;
}

/* line 17, ../scss/components/modules/_navigation.scss */
a[class*="lightcase-icon-"].lightcase-icon-close {
  position: fixed;
  top: 33px;
  right: 15px;
  bottom: auto;
  margin: 0;
  opacity: 0;
  outline: none;
}

/* line 28, ../scss/components/modules/_navigation.scss */
a[class*="lightcase-icon-"].lightcase-icon-prev {
  left: 15px;
}

/* line 33, ../scss/components/modules/_navigation.scss */
a[class*="lightcase-icon-"].lightcase-icon-next {
  right: 15px;
}

/* line 38, ../scss/components/modules/_navigation.scss */
a[class*="lightcase-icon-"].lightcase-icon-pause,
a[class*="lightcase-icon-"].lightcase-icon-play {
  left: 50%;
  margin-left: -0.5em;
}

@media screen and (min-width: 641px) {
  /* line 38, ../scss/components/modules/_navigation.scss */
  a[class*="lightcase-icon-"].lightcase-icon-pause,
  a[class*="lightcase-icon-"].lightcase-icon-play {
    opacity: 0;
  }
}

@media screen and (max-width: 640px) {
  /* line 2, ../scss/components/modules/_navigation.scss */
  a[class*="lightcase-icon-"] {
    /* bottom: 50%; */
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 24px;
  }
}

@media screen and (min-width: 641px) {
  /* line 2, ../scss/components/modules/_navigation.scss */
  a[class*="lightcase-icon-"] {
    /* bottom: 50%; */
    /* margin-bottom: -0.5em; */
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  /* line 57, ../scss/components/modules/_navigation.scss */
  a[class*="lightcase-icon-"]:hover,
  #lightcase-case:hover ~ a[class*="lightcase-icon-"] {
    opacity: 1;
  }
}

/* line 1, ../scss/components/modules/_overlay.scss */
#lightcase-overlay {
  display: none;
  width: 100%;
  min-height: 100%;
  position: fixed;
  z-index: 2000;
  top: -9999px;
  bottom: -9999px;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
}

@media screen and (max-width: 640px) {
  /* line 1, ../scss/components/modules/_overlay.scss */
  #lightcase-overlay {
    opacity: 1 !important;
  }
}

.lightcase-icon-next {
}

#lightcase-info {
  display: none !important;
}

@media screen and (min-width: 762px) {
  a[class*="lightcase-icon-"].lightcase-icon-next {
    right: 0;
    margin: auto;
    left: 650px;
  }

  a[class*="lightcase-icon-"].lightcase-icon-prev {
    left: 0;
    margin: auto;
    right: 650px;
  }
}

.lightcase-1-contentInner {
  height: 100vh !important;
  overflow-y: auto;
}

/* Slider */
.slick-loading .slick-list {
  /* background: #fff url('./ajax-loader.gif') center center no-repeat; */
}

/* Icons */
/* @font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
} */
/* Arrows */
.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  z-index: 3;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}

.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 32px;
  font-size: 2rem;
  line-height: 1;
  opacity: 0.75;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: 4%;
}

[dir="rtl"] .slick-prev {
  right: 4%;
  left: auto;
}

.slick-prev:before {
  content: "←";
}

[dir="rtl"] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: 4%;
}

[dir="rtl"] .slick-next {
  right: auto;
  left: 4%;
}

.slick-next:before {
  content: "→";
}

[dir="rtl"] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: 10px;
  z-index: 4;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}

.slick-dots li button:before {
  font-family: "slick";
  font-size: 9.6px;
  font-size: 0.6rem;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 14px;
  height: 14px;
  content: "";
  text-align: center;
  opacity: 1;
  color: black;
  background: #fff;
  border-radius: 50%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
  opacity: 1;
  background: #1c1c1c;
}

.slick-prev:before,
.slick-next:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: auto;
  right: 2%;
  margin: auto;
  width: 25px;
  height: 25px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.slick-prev:before {
  right: auto;
  left: 2%;
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
}

.sec03_slider .slick-prev:before,
.sec03_slider .slick-next:before {
  border-color: #bfff79;
}

.sec05_slider .slick-prev:before,
.sec05_slider .slick-next:before {
  border-color: #fff;
}

.sec04_slider .slick-prev:before,
.sec04_slider .slick-next:before {
  border-color: #faee00;
}

@media screen and (max-width: 750px) {
  .slick-prev:before,
  .slick-next:before {
    width: 10px;
    height: 10px;
    border-width: 1px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
  }

  .slick-dots li button:before {
    width: 8px;
    height: 8px;
  }

  .slick-dots {
    bottom: -35px;
  }

  .slick-dots li:not(.slick-active) button:before {
    background: #dadcdf;
  }
}

/* .sec03 .slick-prev,
.sec03 .slick-next {
  background: #1c1c1c;
  height: 28px;
  width: 28px;
  top: 40%;
  transform: rotateY(-40%);
}

.sec03 .slick-prev:before {
  margin-left: 8px;
}
.sec03 .slick-next:before {
  margin-right: 8px;
} */
#fs_productCarouselMainImage {
  cursor: pointer;
}

#fs_productCarouselMainImage:after {
  content: "";
  position: absolute;
  right: 5px;
  bottom: 12px;
  width: 20px;
  height: 20px;
  margin: auto;
  background: url(../img/icon_zoom.png) no-repeat center/100%;
}

.itemContents .slick-prev:before,
.itemContents .slick-next:before {
  border: 0;
  -webkit-transform: none;
  transform: none;
  left: 0;
  bottom: auto;
  right: auto;
}

.fs-c-productCarouselMainImage__thumbnail img {
  -webkit-transition: 0.4s;
  transition: 0.4s;
  cursor: pointer;
}

.fs-c-productCarouselMainImage__thumbnail img:hover {
  -webkit-transition: 0.4s;
  transition: 0.4s;
  opacity: 0.7;
}

.itemContents .slick-prev,
.itemContents .slick-next {
  background: rgba(30, 30, 30, 0.8);
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: "";
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

@charset "UTF-8";

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100;
}

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200;
}

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300;
}

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400;
}

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold;
}

/*
	HTML5 Reset :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:

	Eric Meyer					:: http://meyerweb.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com

-------------------------------------------------------------------------------*/
/* Let's default this puppy out
-------------------------------------------------------------------------------*/
html,
body,
body div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
figure,
footer,
header,
menu,
nav,
section,
time,
mark,
audio,
video,
details,
summary {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-weight: normal;
  vertical-align: baseline;
  background: transparent;
}

article,
aside,
figure,
footer,
header,
nav,
section,
details,
summary {
  display: block;
}

/* Handle box-sizing while better addressing child elements:
   http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

/* consider resetting the default cursor: https://gist.github.com/murtaugh/5247154 */
/* Responsive images and other embedded objects */
/* if you don't have full control over `img` tags (if you have to overcome attributes), consider adding height: auto */
img,
object,
embed {
  max-width: 100%;
}

/*
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
	In fact, it *will* cause problems with Google Maps' controls at small size.
	If this is the case for you, try uncommenting the following:

#map img {
		max-width: none;
}
*/
/* force a vertical scrollbar to prevent a jumpy page */
html {
  overflow-y: scroll;
}

/* we use a lot of ULs that aren't bulleted.
	you'll have to restore the bullets within content,
	which is fine because they're probably customized anyway */
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

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

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

del {
  text-decoration: line-through;
}

abbr[title],
dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help;
}

/* tables still need cellspacing="0" in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

th {
  font-weight: bold;
  vertical-align: bottom;
}

td {
  font-weight: normal;
  vertical-align: top;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

input,
select {
  vertical-align: middle;
}

pre {
  white-space: pre;
  /* CSS2 */
  white-space: pre-wrap;
  /* CSS 2.1 */
  white-space: pre-line;
  /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word;
  /* IE */
}

input[type="radio"] {
  vertical-align: text-bottom;
}

input[type="checkbox"] {
  vertical-align: bottom;
}

.ie7 input[type="checkbox"] {
  vertical-align: baseline;
}

.ie6 input {
  vertical-align: text-bottom;
}

select,
input,
textarea {
  font: 99% sans-serif;
}

table {
  font-size: inherit;
  font: 100%;
}

small {
  font-size: 85%;
}

strong {
  font-weight: bold;
}

td,
td img {
  vertical-align: top;
}

/* Make sure sup and sub don't mess with your line-heights http://gist.github.com/413930 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* standardize any monospaced elements */
pre,
code,
kbd,
samp {
  font-family: monospace, sans-serif;
}

/* hand cursor on clickable elements */
.clickable,
label,
input[type="button"],
input[type="submit"],
input[type="file"],
button {
  cursor: pointer;
}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button,
input,
select,
textarea {
  margin: 0;
}

/* make buttons play nice in IE */
button,
input[type="button"] {
  width: auto;
  overflow: visible;
}

/* scale images in IE7 more attractively */
.ie7 img {
  -ms-interpolation-mode: bicubic;
}

/* prevent BG image flicker upon hover
   (commented out as usage is rare, and the filter syntax messes with some pre-processors)
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}
*/
/* let's clear some floats */
.clearfix:before,
.clearfix:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  zoom: 1;
}

/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
  /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */
}

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */
template {
  display: none;
}

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}

/*! sanitize.css v7.0.3 | CC0 License | github.com/csstools/sanitize.css */
/* Document
 * ========================================================================== */
/**
 * 1. Remove repeating backgrounds in all browsers (opinionated).
 * 2. Add border box sizing in all browsers (opinionated).
 */
*,
::before,
::after {
  background-repeat: no-repeat;
  /* 1 */
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* 2 */
}

/**
 * 1. Add text decoration inheritance in all browsers (opinionated).
 * 2. Add vertical alignment inheritance in all browsers (opinionated).
 */
::before,
::after {
  text-decoration: inherit;
  /* 1 */
  vertical-align: inherit;
  /* 2 */
}

/**
 * 1. Use the default cursor in all browsers (opinionated).
 * 2. Use the default user interface font in all browsers (opinionated).
 * 3. Correct the line height in all browsers.
 * 4. Use a 4-space tab width in all browsers (opinionated).
 * 5. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 * 6. Breaks words to prevent overflow in all browsers (opinionated).
 */
html {
  cursor: default;
  /* 1 */
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Oxygen, sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  /* 2 */
  line-height: 1.15;
  /* 3 */
  -moz-tab-size: 4;
  /* 4 */
  -o-tab-size: 4;
  tab-size: 4;
  /* 4 */
  -ms-text-size-adjust: 100%;
  /* 5 */
  -webkit-text-size-adjust: 100%;
  /* 5 */
  word-break: break-word;
  /* 6 */
}

/* Sections
 * ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
 * ========================================================================== */
/**
 * 1. Add the correct sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * Add the correct display in IE.
 */
main {
  display: block;
}

/**
 * Remove the list style on navigation lists in all browsers (opinionated).
 */
nav ol,
nav ul {
  list-style: none;
}

/**
 * 1. Use the default monospace user interface font
 *    in all browsers (opinionated).
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: Menlo, Consolas, Roboto Mono, Ubuntu Monospace, Oxygen Mono, Liberation Mono,
    monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
 * ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * Add the correct text decoration in Edge, IE, Opera, and Safari.
 */
abbr[title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Use the default monospace user interface font
 *    in all browsers (opinionated).
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: Menlo, Consolas, Roboto Mono, Ubuntu Monospace, Oxygen Mono, Liberation Mono,
    monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/*
 * Remove the text shadow on text selections in Firefox 61- (opinionated).
 * 1. Restore the coloring undone by defining the text shadow
 *    in all browsers (opinionated).
 */
::selection {
  background-color: #b3d4fc;
  /* 1 */
  color: #000;
  /* 1 */
  text-shadow: none;
}

/* Embedded content
 * ========================================================================== */
/*
 * Change the alignment on media elements in all browers (opinionated).
 */
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}

/**
 * Change the fill color to match the text color in all browsers (opinionated).
 */
svg {
  fill: currentColor;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Tabular data
 * ========================================================================== */
/**
 * Collapse border spacing in all browsers (opinionated).
 */
table {
  border-collapse: collapse;
}

/* Forms
 * ========================================================================== */
/**
 * Inherit styling in all browsers (opinionated).
 */
button,
input,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

/**
 * Remove the margin in Safari.
 */
button,
input,
select {
  margin: 0;
}

/**
 * 1. Show the overflow in IE.
 * 2. Remove the inheritance of text transform in Edge, Firefox, and IE.
 */
button {
  overflow: visible;
  /* 1 */
  text-transform: none;
  /* 2 */
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * Show the overflow in Edge and IE.
 */
input {
  overflow: visible;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 */
legend {
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  white-space: normal;
  /* 1 */
}

/**
 * 1. Add the correct display in Edge and IE.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Remove the inheritance of text transform in Firefox.
 */
select {
  text-transform: none;
}

/**
 * 1. Remove the margin in Firefox and Safari.
 * 2. Remove the default vertical scrollbar in IE.
 * 3. Change the resize direction on textareas in all browsers (opinionated).
 */
textarea {
  margin: 0;
  /* 1 */
  overflow: auto;
  /* 2 */
  resize: vertical;
  /* 3 */
}

/**
 * Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  padding: 0;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Safari.
 */
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */
::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/**
 * Remove the inner border and padding of focus outlines in Firefox.
 */
::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus outline styles unset by the previous rule in Firefox.
 */
:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/* Interactive
 * ========================================================================== */
/*
 * Add the correct display in Edge and IE.
 */
details {
  display: block;
}

/*
 * Add the correct styles in Edge, IE, and Safari.
 */
dialog {
  background-color: white;
  border: solid;
  color: black;
  display: block;
  height: -moz-fit-content;
  height: -webkit-fit-content;
  height: fit-content;
  left: 0;
  margin: auto;
  padding: 1em;
  position: absolute;
  right: 0;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
}

dialog:not([open]) {
  display: none;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Scripting
 * ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */
template {
  display: none;
}

/* User interaction
 * ========================================================================== */
/*
 * 1. Remove the tapping delay on clickable elements
      in all browsers (opinionated).
 * 2. Remove the tapping delay in IE 10.
 */
a,
area,
button,
input,
label,
select,
summary,
textarea,
[tabindex] {
  -ms-touch-action: manipulation;
  /* 1 */
  touch-action: manipulation;
  /* 2 */
}

/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}

/* Accessibility
 * ========================================================================== */
/**
 * Change the cursor on busy elements in all browsers (opinionated).
 */
[aria-busy="true"] {
  cursor: progress;
}

/*
 * Change the cursor on control elements in all browsers (opinionated).
 */
[aria-controls] {
  cursor: pointer;
}

/*
 * Change the cursor on disabled, not-editable, or otherwise
 * inoperable elements in all browsers (opinionated).
 */
[aria-disabled],
[disabled] {
  cursor: not-allowed;
}

/*
 * Change the display on visually hidden accessible elements
 * in all browsers (opinionated).
 */
[aria-hidden="false"][hidden]:not(:focus) {
  clip: rect(0, 0, 0, 0);
  display: inherit;
  position: absolute;
}

/*　書体の基本定義　*/
* {
  font-size: 100%;
}

html,
body {
  -webkit-text-size-adjust: 100%;
}

html {
  overflow: auto;
  font-size: 62.5%;
}

@media screen and (max-width: 750px) {
  html {
    font-size: 52.5%;
  }
}

body {
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ",
    "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.8;
  word-wrap: break-word;
  color: #1c1c1c;
  background-color: #fff;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-font-smoothing: antialiased;
}

body *,
body *:before,
body *:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

ol,
ul {
  list-style: none;
}

ol > li > ul,
ul > li > ul {
  padding-top: 0.3em;
  padding-left: 0;
}

blockquote,
q {
  quotes: none;
}

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

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

section {
  clear: both;
}

a {
  text-decoration: none;
  color: inherit;
  outline: none;
}

a:focus,
*:focus {
  outline: none;
}

a,
a img {
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

a:hover {
  text-decoration: none;
}

a:hover > img {
  cursor: pointer;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  opacity: 0.7;
}

figure {
  margin: 0;
  padding: 0;
  text-align: center;
}

figure img {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
  vertical-align: middle;
}

figure figcaption {
  margin: 10px auto;
  text-align: left;
}

strong {
  font-weight: bold;
}

html {
  overflow: auto;
}

li,
td,
th,
dt,
dd,
p,
figcaption {
  text-align: inherit;
}

p {
  margin: 0;
  margin-bottom: 1em;
  padding: 0;
  line-height: 1.6;
  text-align: left;
  letter-spacing: 0.06em;
  word-break: break-all;
}

@media (min-width: 751px) {
  html h1.underTitle {
    font-size: 34px;
  }

  html h1.underTitle span {
    font-size: 20px;
  }

  html main h2 {
    font-size: 30px;
    font-size: 3rem;
  }

  html main h2 span {
    font-size: 15px;
    font-size: 1.5rem;
  }

  html main h1 {
    font-size: 24px;
    font-size: 2.4rem;
  }

  html main h1 span {
    font-size: 15px;
    font-size: 1.5rem;
  }

  html main h3 {
    font-size: 18px;
    font-size: 1.8rem;
  }

  html main h3 span {
    font-size: 16px;
  }

  html main h4 {
    font-size: 20px;
  }

  html main h4 span {
    font-size: 14px;
  }

  html main h5 {
    font-size: 19px;
  }

  html main h5 span {
    font-size: 80%;
  }

  html main h6 {
    font-size: 18px;
  }

  html main h6 span {
    font-size: 80%;
  }
}

@media screen and (max-width: 750px) {
  html main h1 {
    font-size: 4vw;
  }

  html main h1 span {
    font-size: 50%;
  }

  html main h2 {
    font-size: 4.5vw;
  }

  html main h2 span {
    font-size: 50%;
  }

  html main h3 {
    font-size: 18px;
  }

  html main h3 span {
    font-size: 80%;
  }

  html main h4 {
    font-size: 16px;
  }

  html main h4 span {
    font-size: 80%;
  }

  html main h5 {
    font-size: 15px;
  }

  html main h5 span {
    font-size: 80%;
  }

  html main h6 {
    font-size: 14px;
  }

  html main h6 span {
    font-size: 80%;
  }
}

html h1.underTitle {
  font-size: 22px;
}

html h1.underTitle span {
  font-size: 80%;
}

.inner {
  width: 100%;
  max-width: 1080px;
  margin: 0 auto;
  padding: 0 5px;
}

@media screen and (max-width: 750px) {
  .inner {
    padding: 0 5%;
  }
}

p {
  margin-bottom: 1em;
  line-height: 1.6;
  text-align: left;
  letter-spacing: 0;
  word-break: break-all;
}

@media screen and (min-width: 641px) {
  a[href^="tel:"] {
    text-decoration: none;
    pointer-events: none;
  }
}

main .topContents ection {
  margin-bottom: 2%;
  padding: 1.5% 0;
}

main .topContents section:last-child {
  margin-bottom: 3%;
}

body.under main {
  min-height: 60vh;
}

@media screen and (max-width: 750px) {
  body.under main {
    margin-top: 85px;
  }
}

@media screen and (min-width: 751px) {
  .mainCotents {
    min-height: 85vh;
  }
}

.inner > .navigation {
  margin: 5% auto 1em;
}

.box404 {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 10% auto 15% !important;
}

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

.container {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
}

span.hr {
  display: block;
  width: 100%;
  margin: 8% auto;
  border-bottom: 1px solid #dadcdf;
}

.btnStyle,
.fs-c-button--memberRegister,
.fs-c-button--login,
.wpcf7-submit,
.fs-c-button--confirmChange,
.fs-c-button--cancel,
.fs-c-button--change,
.fs-c-button--confirmRegister,
.fs-c-button--send,
.fs-c-button--register,
.fs-c-button--confirmLeave,
.fs-c-button--continueShopping,
.fs-c-button--confirmOrder,
.fs-c-button--settings,
.fs-c-button--confirmDelete,
.fs-c-button--inputCreditCardData,
.fs-c-orderHistoryItem__header__button,
.fs-c-button--back,
.fs-c-couponProduct__viewAllProducts,
.fs-c-button--submitReview,
.fs-c-button--editReview,
.fs-c-button--unregisteredUserPurchase,
.fs-c-button--loginAndPurchase,
.fs-c-button--delete {
  position: relative;
  z-index: 1;
  display: inline-block;
  overflow: hidden;
  width: 100%;
  max-width: 330px;
  margin: auto;
  padding: 0.6em 1em;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: normal;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  text-align: center;
  text-decoration: none;
  letter-spacing: 0.16em;
  color: #1c1c1c !important;
  border: 1px solid #1c1c1c;
  border-radius: 0;
  background: transparent;
}

@media screen and (max-width: 750px) {
  .btnStyle,
  .fs-c-button--memberRegister,
  .fs-c-button--login,
  .wpcf7-submit,
  .fs-c-button--confirmChange,
  .fs-c-button--cancel,
  .fs-c-button--change,
  .fs-c-button--confirmRegister,
  .fs-c-button--send,
  .fs-c-button--register,
  .fs-c-button--confirmLeave,
  .fs-c-button--continueShopping,
  .fs-c-button--confirmOrder,
  .fs-c-button--settings,
  .fs-c-button--confirmDelete,
  .fs-c-button--inputCreditCardData,
  .fs-c-orderHistoryItem__header__button,
  .fs-c-button--back,
  .fs-c-couponProduct__viewAllProducts,
  .fs-c-button--submitReview,
  .fs-c-button--editReview,
  .fs-c-button--unregisteredUserPurchase,
  .fs-c-button--loginAndPurchase,
  .fs-c-button--delete {
    max-width: inherit;
    font-size: 3.5vw;
  }
}

.btnStyle:after,
.fs-c-button--memberRegister:after,
.fs-c-button--login:after,
.wpcf7-submit:after,
.fs-c-button--confirmChange:after,
.fs-c-button--cancel:after,
.fs-c-button--change:after,
.fs-c-button--confirmRegister:after,
.fs-c-button--send:after,
.fs-c-button--register:after,
.fs-c-button--confirmLeave:after,
.fs-c-button--continueShopping:after,
.fs-c-button--confirmOrder:after,
.fs-c-button--settings:after,
.fs-c-button--confirmDelete:after,
.fs-c-button--inputCreditCardData:after,
.fs-c-orderHistoryItem__header__button:after,
.fs-c-button--back:after,
.fs-c-couponProduct__viewAllProducts:after,
.fs-c-button--submitReview:after,
.fs-c-button--editReview:after,
.fs-c-button--unregisteredUserPurchase:after,
.fs-c-button--loginAndPurchase:after,
.fs-c-button--delete:after {
  content: "";
  position: absolute;
  top: 0;
  right: 5%;
  bottom: 0;
  width: 13px;
  height: 5px;
  margin: auto;
  font-weight: bold;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  background: url(../img/arrow.png) no-repeat center/100%;
}

.btnStyle:hover,
.fs-c-button--memberRegister:hover,
.fs-c-button--login:hover,
.wpcf7-submit:hover,
.fs-c-button--confirmChange:hover,
.fs-c-button--cancel:hover,
.fs-c-button--change:hover,
.fs-c-button--confirmRegister:hover,
.fs-c-button--send:hover,
.fs-c-button--register:hover,
.fs-c-button--confirmLeave:hover,
.fs-c-button--continueShopping:hover,
.fs-c-button--confirmOrder:hover,
.fs-c-button--settings:hover,
.fs-c-button--confirmDelete:hover,
.fs-c-button--inputCreditCardData:hover,
.fs-c-orderHistoryItem__header__button:hover,
.fs-c-button--back:hover,
.fs-c-couponProduct__viewAllProducts:hover,
.fs-c-button--submitReview:hover,
.fs-c-button--editReview:hover,
.fs-c-button--unregisteredUserPurchase:hover,
.fs-c-button--loginAndPurchase:hover,
.fs-c-button--delete:hover {
  -webkit-transition: 0.2s;
  transition: 0.2s;
  text-decoration: none;
  color: #fff !important;
  border-color: #1c1c1c;
  background: #1c1c1c;
}

.btnStyle:hover:after,
.fs-c-button--memberRegister:hover:after,
.fs-c-button--login:hover:after,
.wpcf7-submit:hover:after,
.fs-c-button--confirmChange:hover:after,
.fs-c-button--cancel:hover:after,
.fs-c-button--change:hover:after,
.fs-c-button--confirmRegister:hover:after,
.fs-c-button--send:hover:after,
.fs-c-button--register:hover:after,
.fs-c-button--confirmLeave:hover:after,
.fs-c-button--continueShopping:hover:after,
.fs-c-button--confirmOrder:hover:after,
.fs-c-button--settings:hover:after,
.fs-c-button--confirmDelete:hover:after,
.fs-c-button--inputCreditCardData:hover:after,
.fs-c-orderHistoryItem__header__button:hover:after,
.fs-c-button--back:hover:after,
.fs-c-couponProduct__viewAllProducts:hover:after,
.fs-c-button--submitReview:hover:after,
.fs-c-button--editReview:hover:after,
.fs-c-button--unregisteredUserPurchase:hover:after,
.fs-c-button--loginAndPurchase:hover:after,
.fs-c-button--delete:hover:after {
  right: 3%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background: url(../img/arrow_on.png) no-repeat center/100%;
}

.btnStyle:hover img,
.fs-c-button--memberRegister:hover img,
.fs-c-button--login:hover img,
.wpcf7-submit:hover img,
.fs-c-button--confirmChange:hover img,
.fs-c-button--cancel:hover img,
.fs-c-button--change:hover img,
.fs-c-button--confirmRegister:hover img,
.fs-c-button--send:hover img,
.fs-c-button--register:hover img,
.fs-c-button--confirmLeave:hover img,
.fs-c-button--continueShopping:hover img,
.fs-c-button--confirmOrder:hover img,
.fs-c-button--settings:hover img,
.fs-c-button--confirmDelete:hover img,
.fs-c-button--inputCreditCardData:hover img,
.fs-c-orderHistoryItem__header__button:hover img,
.fs-c-button--back:hover img,
.fs-c-couponProduct__viewAllProducts:hover img,
.fs-c-button--submitReview:hover img,
.fs-c-button--editReview:hover img,
.fs-c-button--unregisteredUserPurchase:hover img,
.fs-c-button--loginAndPurchase:hover img,
.fs-c-button--delete:hover img {
  opacity: 1;
}

@media screen and (min-width: 751px) {
  .btnStyle + .btnStyle {
    margin-left: 5px;
  }
}

@media screen and (max-width: 750px) {
  .btnStyle + .btnStyle {
    margin-top: 5px;
  }
}

.btnStyle.btn2,
.fs-c-button--memberRegister,
.fs-c-button--login,
.fs-c-button--confirmChange,
.fs-c-button--change,
.fs-c-button--confirmRegister,
.fs-c-button--send,
.fs-c-button--register,
.fs-c-button--confirmLeave,
.fs-c-button--continueShopping,
.fs-c-button--confirmOrder,
.fs-c-button--settings,
.fs-c-button--confirmDelete,
.fs-c-button--inputCreditCardData,
.fs-c-orderHistoryItem__header__button,
.fs-c-button--back,
.fs-c-button--editReview {
  color: #fff !important;
  background: #1c1c1c;
}

@media screen and (max-width: 750px) {
  .btnStyle.btn2,
  .fs-c-button--memberRegister,
  .fs-c-button--login,
  .fs-c-button--confirmChange,
  .fs-c-button--change,
  .fs-c-button--confirmRegister,
  .fs-c-button--send,
  .fs-c-button--register,
  .fs-c-button--confirmLeave,
  .fs-c-button--continueShopping,
  .fs-c-button--confirmOrder,
  .fs-c-button--settings,
  .fs-c-button--confirmDelete,
  .fs-c-button--inputCreditCardData,
  .fs-c-orderHistoryItem__header__button,
  .fs-c-button--back,
  .fs-c-button--editReview {
    max-width: inherit;
  }
}

.btnStyle.btn2:before,
.fs-c-button--memberRegister:before,
.fs-c-button--login:before,
.fs-c-button--confirmChange:before,
.fs-c-button--change:before,
.fs-c-button--confirmRegister:before,
.fs-c-button--send:before,
.fs-c-button--register:before,
.fs-c-button--confirmLeave:before,
.fs-c-button--continueShopping:before,
.fs-c-button--confirmOrder:before,
.fs-c-button--settings:before,
.fs-c-button--confirmDelete:before,
.fs-c-button--inputCreditCardData:before,
.fs-c-orderHistoryItem__header__button:before,
.fs-c-button--back:before,
.fs-c-button--editReview:before {
  content: none;
}

.btnStyle.btn2:hover,
.fs-c-button--memberRegister:hover,
.fs-c-button--login:hover,
.fs-c-button--confirmChange:hover,
.fs-c-button--change:hover,
.fs-c-button--confirmRegister:hover,
.fs-c-button--send:hover,
.fs-c-button--register:hover,
.fs-c-button--confirmLeave:hover,
.fs-c-button--continueShopping:hover,
.fs-c-button--confirmOrder:hover,
.fs-c-button--settings:hover,
.fs-c-button--confirmDelete:hover,
.fs-c-button--inputCreditCardData:hover,
.fs-c-orderHistoryItem__header__button:hover,
.fs-c-button--back:hover,
.fs-c-button--editReview:hover {
  color: #1c1c1c !important;
  background: transparent;
}

.btnStyle.btn2:hover:after,
.fs-c-button--memberRegister:hover:after,
.fs-c-button--login:hover:after,
.fs-c-button--confirmChange:hover:after,
.fs-c-button--change:hover:after,
.fs-c-button--confirmRegister:hover:after,
.fs-c-button--send:hover:after,
.fs-c-button--register:hover:after,
.fs-c-button--confirmLeave:hover:after,
.fs-c-button--continueShopping:hover:after,
.fs-c-button--confirmOrder:hover:after,
.fs-c-button--settings:hover:after,
.fs-c-button--confirmDelete:hover:after,
.fs-c-button--inputCreditCardData:hover:after,
.fs-c-orderHistoryItem__header__button:hover:after,
.fs-c-button--back:hover:after,
.fs-c-button--editReview:hover:after {
  border-color: transparent transparent transparent #fff;
}

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

.wpcf7-submit {
  display: block;
  margin: auto;
}

.googlemapWrapper,
.youtubeWrapper {
  position: relative;
  width: 100%;
  min-height: 225px;
  padding-top: 53%;
}

.googlemapWrapper iframe,
.youtubeWrapper iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

.newsContent {
  position: relative;
  overflow: hidden;
  padding: 0;
  background: none;
}

.newsContent dl {
  width: 100%;
}

@media screen and (max-width: 750px) {
  .newsContent dl dt,
  .newsContent dl dd {
    float: none;
    width: 100%;
    padding-left: 0;
  }

  .newsContent dl dt {
    padding-bottom: 0;
  }

  .newsContent dl dd {
    padding-top: 0;
    border-bottom: 1px solid #4f4f4f;
  }

  .newsContent dl dd:after {
    content: none;
  }
}

.newsContent dl dt,
.newsContent dl dd {
  display: block;
  padding: 0.6em 0.8em;
  text-align: left;
  letter-spacing: 0.08em;
}

.newsContent dl dt {
  float: left;
  clear: left;
  width: 17%;
  padding-left: 1.5em;
}

.newsContent dl dd {
  position: relative;
  float: left;
  width: 83%;
}

.newsContent dl dd:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 120vw;
  height: 1px;
  margin: auto;
  -webkit-transform: translateX(-15%);
  transform: translateX(-15%);
  border-bottom: 1px solid rgba(28, 28, 28, 0.2);
}

.newsBtn {
  position: absolute;
  top: 15%;
  right: 3%;
  display: inline-block;
  margin: auto;
}

.newsBtn a {
  display: inline-block;
  padding: 0.5em 1em;
  font-size: 14px;
  line-height: 1;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  text-decoration: none;
  color: #1c1c1c;
  border: 1px solid transparent;
  background: transparent;
}

.newsBtn a:after {
  content: "＞";
  margin-left: 0.5em;
}

.newsBtn a:hover {
  -webkit-transition: 0.4s;
  transition: 0.4s;
  color: transparent;
  background: none;
}

.breadcrumb {
  margin-top: 1%;
  margin-bottom: 5%;
  margin-left: 0;
  padding-left: 0;
  line-height: 1;
}

@media screen and (max-width: 750px) {
  .breadcrumb {
    padding: 0 5%;
    margin-bottom: 20px;
    margin-top: 80px;
    line-height: 20px;
  }
}

.breadcrumb li {
  display: inline;
  font-size: 13px;
  list-style: none;
}

.breadcrumb li:not(:last-child):after {
  content: ">";
  padding: 0 4px;
  font-size: 120%;
}

.breadcrumb li a {
  text-decoration: none;
}

.breadcrumb li a:hover {
  text-decoration: underline;
}

.breadcrumb li:last-child {
  opacity: 0.7;
}

.breadcrumb-wrap ul{
  width: max-content;
    margin-top: 0;
    margin-bottom: 10px;
    padding: 0;
    padding-bottom: 0;
    padding-left: 5%;
}
.breadcrumb-wrap li{
  font-size: 12px;
    margin-bottom: 0;
}
.breadcrumb-wrap{
    width: 100%;
    margin: 30px 0;;
}
/* 画面幅によってスクロール付与（app.jsで制御） */
.breadscroll{
  overflow-x:scroll;
}



@media screen and (min-width:1230px) {
  .breadcrumb-wrap ul{
    width: 1200px;
    padding: 0;
  }  
}

.ul00 {
  margin: 0 auto;
  padding-left: 1.5em;
  list-style-type: disc;
}

.ul00 > li {
  margin-bottom: 5px;
  text-align: left;
}

.ul01 {
  margin: 0 auto;
}

.ul01 > li {
  position: relative;
  margin-bottom: 5px;
  padding: 0 0 0 1.5em;
  text-align: left;
}

.ul01 > li:before {
  content: "";
  position: absolute;
  top: 0.7em;
  left: 3px;
  width: 4px;
  height: 4px;
  margin: auto;
  border-radius: 50%;
  background: #1c1c1c;
}

.ul01.-square li:before {
  border-radius: 0;
}

.ul02 {
  margin: 0 auto;
}

.ul02 > li {
  position: relative;
  margin-bottom: 5px;
  padding: 0 0 0 1.5em;
  text-align: left;
}

.ul02 > li:before {
  content: "";
  position: absolute;
  top: 0.8em;
  left: 3px;
  width: 5px;
  height: 5px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-top: 1px solid #1c1c1c;
  border-right: 1px solid #1c1c1c;
}

.checkList {
  margin: 0 auto;
}

.checkList > li {
  position: relative;
  margin-bottom: 5px;
  padding: 0 0 5px 15px;
}

.checkList > li:before,
.checkList > li:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  display: block;
  margin: auto;
}

.checkList > li:before {
  width: 10px;
  height: 10px;
  border: 1px solid #363636;
  background: transparent;
}

.checkList > li:after {
  top: -7px;
  width: 15px;
  height: 5px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  border-bottom: 2px solid #f2f5f7;
  border-left: 2px solid #f2f5f7;
}

ul.-floatList {
  overflow: hidden;
  zoom: 1;
  width: 100%;
  margin: 0 auto;
}

ul.-floatList > li {
  float: left;
  margin-bottom: 15px;
}

ul.-floatList > li + li {
  margin-left: 15px;
}

ul.-floatList:after {
  content: "";
  display: block;
  clear: both;
}

@media screen and (max-width: 750px) {
  ul.-floatList > li {
    float: none;
  }

  ul.-floatList > li + li {
    margin-left: auto;
  }
}

.dl01 {
  overflow: hidden;
  zoom: 1;
  margin: 0 auto;
}

.dl01 dt {
  position: relative;
  margin-bottom: 0;
  padding: 0 0 0 1em;
}

.dl01 dt:before {
  content: "";
  position: absolute;
  top: 0.8em;
  left: 3px;
  width: 10px;
  height: 3px;
  margin: auto;
  background: #dadcdf;
}

.dl01 dt + dd {
  position: relative;
  margin-bottom: 5px;
  padding: 0 0 0 1.5em;
}

dl.-floatList {
  clear: both;
  width: 100%;
}

dl.-floatList dt,
dl.-floatList dd {
  display: block;
  text-align: left;
}

dl.-floatList dt {
  float: left;
  clear: left;
  width: 180px;
}

dl.-floatList dd {
  display: block;
  float: left;
  width: 80%;
}

dl.-floatList:after {
  content: "";
  display: block;
  clear: both;
}

@media screen and (max-width: 750px) {
  dl.-floatList dt,
  dl.-floatList dd {
    float: none;
    width: 100%;
  }

  dl.-floatList dt {
    padding-bottom: 0;
  }

  dl.-floatList dd {
    padding-top: 0;
    padding-left: 1.5em;
  }
}

.-borderList {
  width: 100%;
  margin: 0 auto;
}

.-borderList > li {
  margin-bottom: 1.5em;
  border-bottom: 1px solid #1c1c1c;
}

.ol00 {
  margin: 0 auto;
  padding-left: 1.5em;
  list-style-type: decimal;
}

.ol00 > li {
  margin-bottom: 5px;
}

.ol01 {
  margin: 0 auto;
  list-style-type: none;
  counter-reset: number 0;
}

.ol01 > li {
  position: relative;
  margin-bottom: 5px;
  padding: 0 0 0 1.6em;
}

.ol01 > li:before {
  content: "" counter(number);
  position: absolute;
  top: 3px;
  left: 3px;
  width: 20px;
  height: 20px;
  margin: 0;
  padding: 0.2em 0 0;
  font-size: 95%;
  line-height: 1;
  counter-increment: number 1;
  text-align: center;
  color: #fff;
  border: 0;
  border-radius: 50%;
  background: #f2f5f7;
}

.faqWrapper {
  position: relative;
  display: block;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}

.faqWrapper > ul {
  width: 100%;
  padding: 2.5em 0;
  background: none;
}

.faqWrapper > ul > li {
  position: relative;
  margin-bottom: 15px;
  padding: 8px 0 0 60px;
  list-style-type: none;
  list-style-image: none;
  text-align: left;
}

.faqWrapper > ul > li:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 44px;
  height: 44px;
  margin: auto;
  padding: 0;
  font-size: 26px;
  font-weight: normal;
  line-height: 1.7;
  text-align: center;
  vertical-align: text-top;
  color: #fff;
  border-radius: 50%;
}

.faqWrapper > ul > li:nth-child(odd) {
  font-size: 120%;
  font-weight: bold;
  color: #f2f5f7;
}

.faqWrapper > ul > li:nth-child(odd):before {
  content: "Q";
  background: #f2f5f7;
}

.faqWrapper > ul > li:nth-child(even) {
  margin-bottom: 30px;
  padding-bottom: 2em;
  border-bottom: 1px dotted rgba(242, 245, 247, 0.25);
}

.faqWrapper > ul > li:nth-child(even):before {
  content: "A";
  background: #dadcdf;
}

.faqWrapper > ul > li:last-child {
  margin-bottom: 0;
}

table {
  width: 100%;
  margin: 0 auto;
  border-collapse: collapse;
  border: 0;
  background: none;
}

table th,
table td {
  padding: 15px 10px;
  line-height: 1.5;
  vertical-align: middle;
}

.table01 {
  width: 100%;
  margin: 0 auto;
  border-collapse: collapse;
  border: 1px solid #dadcdf;
}

.table01 th,
.table01 td {
  border: 1px solid #dadcdf;
  background: #fff;
}

.table01 th {
  font-weight: bold;
  text-align: center;
  color: #1c1c1c;
  background-color: #f2f5f7;
}

.table01 thead th {
  border-color: #fff;
  border-bottom: 0;
  background-color: #dadcdf;
}

.table01 thead th:first-child {
  border-left-color: #dadcdf;
}

.table01 thead th:last-child {
  border-right-color: #dadcdf;
}

.-borderTable tr {
  border-bottom: 1px solid #f2f5f7;
}

.-borderTable th {
  text-align: left;
}

.-stripeTable tr:nth-child(odd) {
  background: white;
}

.-stripeTable tr:nth-child(even) {
  background: white;
}

.timeTable {
  font-size: 11px;
  font-size: 1.1rem;
}

.timeTable thead th,
.timeTable thead td {
  padding: 8px;
  text-align: center;
  letter-spacing: 0.27em;
  color: #fff;
  background: #f2f5f7;
}

.timeTable tbody tr {
  border-bottom: 1px solid #f2f5f7;
}

.timeTable tbody th,
.timeTable tbody td {
  padding: 10px;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
}

.timeTable tbody th {
  width: 160px;
  letter-spacing: 0.15em;
}

.timeTable tbody td {
  color: #f2f5f7;
}

.timeTable tbody td span {
  color: #1c1c1c;
}

@media screen and (max-width: 750px) {
  .Xscroll {
    position: relative;
    overflow-x: scroll;
    width: 100%;
    padding-bottom: 3em;
  }

  .Xscroll > table {
    width: 1080px;
    table-layout: fixed;
  }

  .Xscroll:after {
    content: "※横にスクロールできます";
    font-size: 90%;
    font-weight: normal;
    color: red;
  }
}

.priceTable tr {
  border-bottom: 1px solid #ddd;
}

.priceTable th,
.priceTable td {
  position: relative;
  padding: 5px;
  font-size: 110%;
  font-weight: bold;
}

.priceTable th {
  text-align: left;
}

.priceTable th span {
  font-size: 100%;
  font-weight: normal;
}

.priceTable td {
  width: 30%;
  text-align: right;
}

.priceTable td span {
  font-size: 150%;
}

@media screen and (max-width: 750px) {
  .-resTable th,
  .-resTable td {
    display: block;
    width: 100% !important;
    padding: 0.5em 0.5em;
  }

  tr {
    padding-bottom: 0.5em;
  }
}

.-circleArrow {
  position: relative;
  margin-right: 0.5em;
  padding: 0 0 0 1em;
  text-align: center;
}

.-circleArrow:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 2px;
  width: 0;
  height: 0;
  margin: auto;
  border-width: 3px 0 3px 5.2px;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
}

.-circleArrow:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 15px;
  height: 15px;
  margin: auto;
  border-radius: 50%;
  background: #f2f5f7;
}

.countReset {
  overflow: hidden;
  zoom: 1;
  counter-reset: number 0;
}

.-circle {
  position: relative;
  overflow: hidden;
  padding: 50%;
  border-radius: 50%;
  background-color: #f2f5f7;
}

.-circle > span {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  margin: -0.5em 0 0;
  line-height: 1;
  text-align: center;
  color: #1c1c1c;
}

.-circle > img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.-bgSlash:after {
  background-image: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#fff),
    color-stop(24%, #fff),
    color-stop(26%, transparent),
    color-stop(49%, transparent),
    color-stop(51%, #fff),
    color-stop(74%, #fff),
    color-stop(76%, transparent),
    to(transparent)
  );
  background-image: linear-gradient(
    to right bottom,
    #fff,
    #fff 24%,
    transparent 26%,
    transparent 49%,
    #fff 51%,
    #fff 74%,
    transparent 76%,
    transparent
  );
  background-repeat: repeat;
  background-size: 5px 5px;
}

.-color01 {
  color: #f2f5f7 !important;
}

.-color02 {
  color: #dadcdf !important;
}

.-color03 {
  color: #e0b645 !important;
}

.-color04 {
  color: #e2862b !important;
}

.-textRed {
  color: red !important;
}

.-highlight {
  background: #dadcdf;
}

.-textIndent {
  text-indent: 1em;
}

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

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

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

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

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

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

.-textLarge {
  font-size: 120% !important;
}

.-textXLarge {
  font-size: 150% !important;
}

.-textXXLarge {
  font-size: 200% !important;
}

.-textSmall {
  font-size: 80% !important;
}

.-textXSmall {
  font-size: 50% !important;
}

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

.-textMarker {
  line-height: 1.3 !important;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(65%, transparent),
    color-stop(65%, #e2862b)
  ) !important;
  background: linear-gradient(transparent 65%, #e2862b 65%) !important;
}

.-textLine {
  text-decoration: underline;
}

.-textLine:hover {
  text-decoration: none;
}

.-textShadow {
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8), 1px 1px 4px rgba(0, 0, 0, 0.4);
}

.-textEdge {
  text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, 0px 1px 0 #fff,
    0 -1px 0 #fff, -1px 0 0 #fff, 1px 0 0 #fff;
}

.-textSidebar {
  position: relative;
  display: table;
  padding: 0 1.5em;
}

.-textSidebar:before,
.-textSidebar:after {
  content: "";
  position: absolute;
  top: 0;
  right: auto;
  bottom: 0;
  left: 0;
  display: block;
  width: 1em;
  height: 2px;
  margin: auto;
  background: #5e3491;
}

.-textSidebar:after {
  right: 0;
  left: auto;
}

@media screen and (min-width: 751px) {
  .pc-textCenter {
    text-align: center !important;
  }

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

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

@media screen and (max-width: 750px) {
  .sp-textCenter {
    text-align: center !important;
  }
}

img.-alignright {
  float: right;
  margin: 0 0 10px 2%;
}

img.-alignleft {
  float: left;
  margin: 0 2% 10px 0;
}

@media screen and (max-width: 750px) {
  img.-alignright,
  img.-alignleft {
    display: block;
    float: none;
    margin: 0 auto 20px;
  }
}

.-mb0 {
  margin-bottom: 0px !important;
}

.-mb5 {
  margin-bottom: 5px !important;
}

.-mb10 {
  margin-bottom: 10px !important;
}

.-mb15 {
  margin-bottom: 15px !important;
}

.-mb20 {
  margin-bottom: 20px !important;
}

.-mb25 {
  margin-bottom: 25px !important;
}

.-mb30 {
  margin-bottom: 30px !important;
}

.-mb35 {
  margin-bottom: 35px !important;
}

.-mb40 {
  margin-bottom: 40px !important;
}

.-mb45 {
  margin-bottom: 45px !important;
}

.-mb50 {
  margin-bottom: 50px !important;
}

.-pd0 {
  padding: 0em !important;
}

.-pd1 {
  padding: 1em !important;
}

.-mincho {
  font-family: "游明朝体", YuMincho, "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3",
    "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN",
    "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", Georgia,
    Times, "Times New Roman", serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
    "Noto Color Emoji" !important;
}

.-gothic {
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Osaka, -apple-system,
    BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", Helvetica, "游ゴシック体", YuGothic,
    "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ＭＳ Ｐゴシック", "MS PGothic",
    sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}

.-marugo {
  font-family: "ヒラギノ丸ゴ Pro W4", "Hiragino maru Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "Verdana",
    "Osaka", "Helvetica Neue", HelveticaNeue, Helvetica, Arial, "Segoe UI", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}

.-meiryo {
  font-family: "メイリオ", "Meiryo", "Helvetica Neue", HelveticaNeue, Helvetica, Arial, "Segoe UI",
    sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}

.-inversion h2,
.-inversion h3,
.-inversion h4,
.-inversion h5 {
  color: #fff;
}

.-inversion h2:after,
.-inversion h2:before,
.-inversion h3:after,
.-inversion h3:before,
.-inversion h4:after,
.-inversion h4:before,
.-inversion h5:after,
.-inversion h5:before {
  border-color: #fff;
  background-color: #fff;
}

.-inversion h2 span,
.-inversion h3 span,
.-inversion h4 span,
.-inversion h5 span {
  color: #fff;
}

.-inversion p,
.-inversion li,
.-inversion td,
.-inversion th,
.-inversion a,
.-inversion figcaption {
  color: #fff;
}

h2.-textLeft:after {
  right: auto;
}

@media screen and (min-width: 768px) {
  h2.-pc-textLeft:after {
    right: auto;
  }
}

.gridBox {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  -webkit-column-gap: 0;
  column-gap: 0;
}

.gridBox.-blocks_2 {
  -webkit-column-count: 2;
  column-count: 2;
}

.gridBox.-blocks_3 {
  -webkit-column-count: 3;
  column-count: 3;
}

.gridBox.-blocks_4 {
  -webkit-column-count: 4;
  column-count: 4;
}

.gridBox.-blocks_5 {
  -webkit-column-count: 5;
  column-count: 5;
}

.gridBox.-blocks_6 {
  -webkit-column-count: 6;
  column-count: 6;
}

.gridBox.-blocks_7 {
  -webkit-column-count: 7;
  column-count: 7;
}

.gridBox.-blocks_8 {
  -webkit-column-count: 8;
  column-count: 8;
}

.gridBox.-blocks_9 {
  -webkit-column-count: 9;
  column-count: 9;
}

.gridBox.-blocks_10 {
  -webkit-column-count: 10;
  column-count: 10;
}

.gridBox > figure {
  max-width: 100%;
  margin: 0;
  padding: 1%;
  -webkit-column-break-inside: avoid;
  break-inside: avoid;
}

.flowWrapper {
  width: 100%;
  margin: auto;
  padding: 0;
  counter-reset: number 0;
}

.flowWrapper > .flowContents {
  position: relative;
  display: block;
  margin: 10px auto 50px;
  padding: 0;
}

.flowWrapper > .flowContents:last-child {
  margin: 10px auto;
}

.flowWrapper > .flowContents:not(:last-child):after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -40px;
  left: 0;
  display: block;
  width: 0;
  height: 0;
  margin: auto;
  border-width: 30px 25px 0 25px;
  border-style: solid;
  border-color: #f2f5f7 transparent transparent transparent;
}

.flowTitle span {
  margin-right: 0.5em;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1;
  vertical-align: baseline;
  letter-spacing: 0;
  color: #f2f5f7;
}

.flowTitle span:after {
  content: "0" counter(number);
  counter-increment: number 1;
}

.flowWrapper.-horizontal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.flowWrapper.-horizontal .flowContents {
  margin: 0;
  padding: 1.5em 1%;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.flowWrapper.-horizontal .flowContents:not(:last-child) {
  margin-right: 4%;
}

.flowWrapper.-horizontal .flowContents:not(:last-child):after {
  top: 0;
  right: -19%;
  bottom: 0;
  left: auto;
  margin: auto;
  border-width: 50.5px 0 50.5px 25px;
  border-color: transparent transparent transparent #f2f5f7;
}

@media screen and (max-width: 750px) {
  .flowWrapper.-horizontal {
    display: block;
  }

  .flowWrapper.-horizontal .flowContents {
    display: block;
    width: 100%;
    margin: 10px auto;
  }

  .flowWrapper.-horizontal .flowContents:not(:last-child) {
    margin-right: auto;
    margin-bottom: 50px;
  }

  .flowWrapper.-horizontal .flowContents:not(:last-child):after {
    content: "";
    position: absolute;
    top: auto;
    right: 0;
    bottom: -65px;
    left: 0;
    display: block;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}

.scaleBox {
  position: relative;
  display: table;
  margin: auto;
  table-layout: fixed;
}

.scaleBox > span {
  display: table;
  overflow: hidden;
  table-layout: fixed;
}

.scaleBox > span img {
  -webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.scaleBox > a {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  margin: auto;
}

.scaleBox:hover > span img {
  -webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  opacity: 0.7;
}

.borderBox > div {
  position: relative;
  overflow: auto;
  padding: 3%;
}

.borderBox > div:before,
.borderBox > div:after {
  content: "";
  position: absolute;
  -webkit-transform: scale(0);
  transform: scale(0);
  opacity: 0;
  top: 0;
  left: 0;
}

.borderBox > div:before {
  width: 1px;
  height: 100%;
  background: #fff;
}

.borderBox > div:after {
  width: 100%;
  height: 1px;
  background: #fff;
}

.borderBox > div > div:before,
.borderBox > div > div:after {
  content: "";
  position: absolute;
  -webkit-transform: scale(0);
  transform: scale(0);
  opacity: 0;
  right: 0;
  bottom: 0;
}

.borderBox > div > div:before {
  width: 1px;
  height: 100%;
  background: #fff;
}

.borderBox > div > div:after {
  width: 100%;
  height: 1px;
  background: #fff;
}

.borderBox.active > div:before,
.borderBox.active > div:after {
  display: block;
  -webkit-transition: 1.5s;
  transition: 1.5s;
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

.borderBox.active > div > div:before,
.borderBox.active > div > div:after {
  display: block;
  -webkit-transition: 1.5s;
  transition: 1.5s;
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

.pullDown {
  position: relative;
  width: 100%;
}

.pullDown > .pull-inner {
  display: none;
  width: 100%;
}

.pullDown > .pullBtn {
  position: relative;
  display: table;
  width: 200px;
  margin: 0;
  padding: 0.5em 1em;
  cursor: pointer;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  text-align: left;
  border: 1px solid #1c1c1c;
  background: none;
}

@media screen and (max-width: 767px) {
  .pullDown > .pullBtn img {
    width: 80%;
  }
}

.pullDown > .pullBtn:after {
  content: "";
  position: absolute;
  top: 0;
  right: 1em;
  bottom: 0;
  width: 8px;
  height: 8px;
  margin: auto;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  transition: 0.4s;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-right: 1px solid #1c1c1c;
  border-bottom: 1px solid #1c1c1c;
}

.pullDown > .pullBtn:hover {
  -webkit-transition: 0.4s;
  transition: 0.4s;
  color: #fff;
  background: #1c1c1c;
}

.pullDown > .pullBtn:hover:after {
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-color: #fff;
}

.pullDown > .pullBtn.active:after {
  content: "";
  -webkit-transition: 0.4s;
  transition: 0.4s;
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
}

@media screen and (max-width: 750px) {
  .sp_pull > .pull-inner {
    display: none;
    width: 100%;
  }

  .sp_pull > p:first-child {
    position: relative;
    margin: 0;
    padding: 1.3em;
    font-size: 17px;
    font-weight: bold;
    cursor: pointer;
    text-align: center;
    letter-spacing: 0.1em;
    color: #fff;
    background: #f2f5f7;
  }

  .sp_pull > p:first-child:after {
    content: "";
    position: absolute;
    top: 0;
    right: 5%;
    bottom: 0;
    width: 8px;
    height: 8px;
    margin: auto;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
  }

  .sp_pull > p:first-child.active:after {
    content: "";
    -webkit-transition: 0.4s;
    transition: 0.4s;
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
  }
}

.tab-inner {
  width: 100%;
  margin: auto;
}

.tabContent {
  display: none;
  padding: 1.5em 0.5em;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.tabButton {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
}

.tabButton > li {
  position: relative;
  padding: 0.5em;
  line-height: 1;
  cursor: pointer;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  text-align: center;
  color: #969696;
  border: 1px solid #f2f5f7;
  border-bottom: 0;
  background: #f2f5f7;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.tabButton > li:hover,
.tabButton > li.active {
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.scaleText {
  margin-top: 1em;
  -webkit-animation: scaletext 2s ease 0s infinite normal;
  animation: scaletext 2s ease 0s infinite normal;
}

@-webkit-keyframes scaletext {
  0%,
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}

@keyframes scaletext {
  0%,
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}

.scrollIn,
.loadIn {
  -webkit-transition: all 600ms;
  transition: all 600ms;
  opacity: 0;
}

.scrollIn.up,
.loadIn.up {
  -webkit-transform: translate(0, 150px);
  transform: translate(0, 150px);
}

.scrollIn.down,
.loadIn.down {
  -webkit-transform: translate(0, -150px);
  transform: translate(0, -150px);
}

.scrollIn.right,
.loadIn.right {
  -webkit-transform: translate(150px, 0);
  transform: translate(150px, 0);
}

.scrollIn.left,
.loadIn.left {
  -webkit-transform: translate(-150px, 0);
  transform: translate(-150px, 0);
}

.scrollIn.scale,
.loadIn.scale {
  -webkit-transform: scale(0);
  transform: scale(0);
}

.scrollIn.bound,
.loadIn.bound {
  -webkit-transform: translate(0, -150px);
  transform: translate(0, -150px);
}

.scrollIn.arcRight,
.loadIn.arcRight {
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
  -webkit-transform-origin: center 150%;
  transform-origin: center 150%;
}

.scrollIn.arcLeft,
.loadIn.arcLeft {
  -webkit-transform: rotate(-30deg);
  transform: rotate(-30deg);
  -webkit-transform-origin: center 150%;
  transform-origin: center 150%;
}

.scrollIn.para,
.loadIn.para {
  -webkit-transform: translate(0, 150px);
  transform: translate(0, 150px);
  opacity: 1;
}

.scrollIn.para > *,
.loadIn.para > * {
  -webkit-transform: translate(0, 150px);
  transform: translate(0, 150px);
}

.scrollIn.active,
.loadIn.active {
  -webkit-transition: all 600ms ease-out;
  transition: all 600ms ease-out;
  -webkit-transform: none;
  transform: none;
  opacity: 1;
}

.scrollIn.active.bound,
.loadIn.active.bound {
  -webkit-animation: bound 1.2s ease 0s 1 forwards;
  animation: bound 1.2s ease 0s 1 forwards;
}

.scrollIn.active.para > *,
.loadIn.active.para > * {
  -webkit-transition: all 1000ms;
  transition: all 1000ms;
  -webkit-transition-delay: 50ms;
  transition-delay: 50ms;
  -webkit-transform: none;
  transform: none;
}

.scroll.leftSlide {
  position: relative;
  display: table;
}

.scroll.leftSlide:before {
  content: "" !important;
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  margin: auto;
  -webkit-transform-origin: right;
  transform-origin: right;
  background: #e0b645;
}

.scroll.leftSlide > * {
  margin: auto;
  padding: 0;
  opacity: 0;
}

.scroll.active:before {
  -webkit-animation: leftSlide 1s ease-in 0s 1 forwards;
  animation: leftSlide 1s ease-in 0s 1 forwards;
}

.scroll.active > * {
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
  opacity: 1;
}

.scrollIn.active.each ~ .scrollIn.active.each:nth-of-type(1),
.loadIn.active.each ~ .loadIn.active.each:nth-of-type(1) {
  -webkit-transition-delay: 100ms;
  transition-delay: 100ms;
}

.scroll.active.leftSlide.each:nth-of-type(1):before {
  -webkit-animation-delay: 200ms;
  animation-delay: 200ms;
}

.scroll.active.leftSlide.each > *:nth-of-type(1) {
  -webkit-transition-delay: 1200ms;
  transition-delay: 1200ms;
}

.bound.active.each ~ .bound.active.each:nth-of-type(1) {
  -webkit-transition-delay: none !important;
  transition-delay: none !important;
  -webkit-animation-delay: 100ms !important;
  animation-delay: 100ms !important;
}

.scrollIn.active.each ~ .scrollIn.active.each:nth-of-type(2),
.loadIn.active.each ~ .loadIn.active.each:nth-of-type(2) {
  -webkit-transition-delay: 200ms;
  transition-delay: 200ms;
}

.scroll.active.leftSlide.each:nth-of-type(2):before {
  -webkit-animation-delay: 400ms;
  animation-delay: 400ms;
}

.scroll.active.leftSlide.each > *:nth-of-type(2) {
  -webkit-transition-delay: 2400ms;
  transition-delay: 2400ms;
}

.bound.active.each ~ .bound.active.each:nth-of-type(2) {
  -webkit-transition-delay: none !important;
  transition-delay: none !important;
  -webkit-animation-delay: 200ms !important;
  animation-delay: 200ms !important;
}

.scrollIn.active.each ~ .scrollIn.active.each:nth-of-type(3),
.loadIn.active.each ~ .loadIn.active.each:nth-of-type(3) {
  -webkit-transition-delay: 300ms;
  transition-delay: 300ms;
}

.scroll.active.leftSlide.each:nth-of-type(3):before {
  -webkit-animation-delay: 600ms;
  animation-delay: 600ms;
}

.scroll.active.leftSlide.each > *:nth-of-type(3) {
  -webkit-transition-delay: 3600ms;
  transition-delay: 3600ms;
}

.bound.active.each ~ .bound.active.each:nth-of-type(3) {
  -webkit-transition-delay: none !important;
  transition-delay: none !important;
  -webkit-animation-delay: 300ms !important;
  animation-delay: 300ms !important;
}

.scrollIn.active.each ~ .scrollIn.active.each:nth-of-type(4),
.loadIn.active.each ~ .loadIn.active.each:nth-of-type(4) {
  -webkit-transition-delay: 400ms;
  transition-delay: 400ms;
}

.scroll.active.leftSlide.each:nth-of-type(4):before {
  -webkit-animation-delay: 800ms;
  animation-delay: 800ms;
}

.scroll.active.leftSlide.each > *:nth-of-type(4) {
  -webkit-transition-delay: 4800ms;
  transition-delay: 4800ms;
}

.bound.active.each ~ .bound.active.each:nth-of-type(4) {
  -webkit-transition-delay: none !important;
  transition-delay: none !important;
  -webkit-animation-delay: 400ms !important;
  animation-delay: 400ms !important;
}

.scrollIn.active.each ~ .scrollIn.active.each:nth-of-type(5),
.loadIn.active.each ~ .loadIn.active.each:nth-of-type(5) {
  -webkit-transition-delay: 500ms;
  transition-delay: 500ms;
}

.scroll.active.leftSlide.each:nth-of-type(5):before {
  -webkit-animation-delay: 1000ms;
  animation-delay: 1000ms;
}

.scroll.active.leftSlide.each > *:nth-of-type(5) {
  -webkit-transition-delay: 6000ms;
  transition-delay: 6000ms;
}

.bound.active.each ~ .bound.active.each:nth-of-type(5) {
  -webkit-transition-delay: none !important;
  transition-delay: none !important;
  -webkit-animation-delay: 500ms !important;
  animation-delay: 500ms !important;
}

.scrollIn.active.each ~ .scrollIn.active.each:nth-of-type(6),
.loadIn.active.each ~ .loadIn.active.each:nth-of-type(6) {
  -webkit-transition-delay: 600ms;
  transition-delay: 600ms;
}

.scroll.active.leftSlide.each:nth-of-type(6):before {
  -webkit-animation-delay: 1200ms;
  animation-delay: 1200ms;
}

.scroll.active.leftSlide.each > *:nth-of-type(6) {
  -webkit-transition-delay: 7200ms;
  transition-delay: 7200ms;
}

.bound.active.each ~ .bound.active.each:nth-of-type(6) {
  -webkit-transition-delay: none !important;
  transition-delay: none !important;
  -webkit-animation-delay: 600ms !important;
  animation-delay: 600ms !important;
}

.scrollIn.active.each ~ .scrollIn.active.each:nth-of-type(7),
.loadIn.active.each ~ .loadIn.active.each:nth-of-type(7) {
  -webkit-transition-delay: 700ms;
  transition-delay: 700ms;
}

.scroll.active.leftSlide.each:nth-of-type(7):before {
  -webkit-animation-delay: 1400ms;
  animation-delay: 1400ms;
}

.scroll.active.leftSlide.each > *:nth-of-type(7) {
  -webkit-transition-delay: 8400ms;
  transition-delay: 8400ms;
}

.bound.active.each ~ .bound.active.each:nth-of-type(7) {
  -webkit-transition-delay: none !important;
  transition-delay: none !important;
  -webkit-animation-delay: 700ms !important;
  animation-delay: 700ms !important;
}

.scrollIn.active.each ~ .scrollIn.active.each:nth-of-type(8),
.loadIn.active.each ~ .loadIn.active.each:nth-of-type(8) {
  -webkit-transition-delay: 800ms;
  transition-delay: 800ms;
}

.scroll.active.leftSlide.each:nth-of-type(8):before {
  -webkit-animation-delay: 1600ms;
  animation-delay: 1600ms;
}

.scroll.active.leftSlide.each > *:nth-of-type(8) {
  -webkit-transition-delay: 9600ms;
  transition-delay: 9600ms;
}

.bound.active.each ~ .bound.active.each:nth-of-type(8) {
  -webkit-transition-delay: none !important;
  transition-delay: none !important;
  -webkit-animation-delay: 800ms !important;
  animation-delay: 800ms !important;
}

.scrollIn.active.each ~ .scrollIn.active.each:nth-of-type(9),
.loadIn.active.each ~ .loadIn.active.each:nth-of-type(9) {
  -webkit-transition-delay: 900ms;
  transition-delay: 900ms;
}

.scroll.active.leftSlide.each:nth-of-type(9):before {
  -webkit-animation-delay: 1800ms;
  animation-delay: 1800ms;
}

.scroll.active.leftSlide.each > *:nth-of-type(9) {
  -webkit-transition-delay: 10800ms;
  transition-delay: 10800ms;
}

.bound.active.each ~ .bound.active.each:nth-of-type(9) {
  -webkit-transition-delay: none !important;
  transition-delay: none !important;
  -webkit-animation-delay: 900ms !important;
  animation-delay: 900ms !important;
}

.scrollIn.active.each ~ .scrollIn.active.each:nth-of-type(10),
.loadIn.active.each ~ .loadIn.active.each:nth-of-type(10) {
  -webkit-transition-delay: 1000ms;
  transition-delay: 1000ms;
}

.scroll.active.leftSlide.each:nth-of-type(10):before {
  -webkit-animation-delay: 2000ms;
  animation-delay: 2000ms;
}

.scroll.active.leftSlide.each > *:nth-of-type(10) {
  -webkit-transition-delay: 12000ms;
  transition-delay: 12000ms;
}

.bound.active.each ~ .bound.active.each:nth-of-type(10) {
  -webkit-transition-delay: none !important;
  transition-delay: none !important;
  -webkit-animation-delay: 1000ms !important;
  animation-delay: 1000ms !important;
}

.scrollIn.active.each ~ .scrollIn.active.each:nth-of-type(11),
.loadIn.active.each ~ .loadIn.active.each:nth-of-type(11) {
  -webkit-transition-delay: 1100ms;
  transition-delay: 1100ms;
}

.scroll.active.leftSlide.each:nth-of-type(11):before {
  -webkit-animation-delay: 2200ms;
  animation-delay: 2200ms;
}

.scroll.active.leftSlide.each > *:nth-of-type(11) {
  -webkit-transition-delay: 13200ms;
  transition-delay: 13200ms;
}

.bound.active.each ~ .bound.active.each:nth-of-type(11) {
  -webkit-transition-delay: none !important;
  transition-delay: none !important;
  -webkit-animation-delay: 1100ms !important;
  animation-delay: 1100ms !important;
}

.scrollIn.active.each ~ .scrollIn.active.each:nth-of-type(12),
.loadIn.active.each ~ .loadIn.active.each:nth-of-type(12) {
  -webkit-transition-delay: 1200ms;
  transition-delay: 1200ms;
}

.scroll.active.leftSlide.each:nth-of-type(12):before {
  -webkit-animation-delay: 2400ms;
  animation-delay: 2400ms;
}

.scroll.active.leftSlide.each > *:nth-of-type(12) {
  -webkit-transition-delay: 14400ms;
  transition-delay: 14400ms;
}

.bound.active.each ~ .bound.active.each:nth-of-type(12) {
  -webkit-transition-delay: none !important;
  transition-delay: none !important;
  -webkit-animation-delay: 1200ms !important;
  animation-delay: 1200ms !important;
}

.scrollIn.active.each ~ .scrollIn.active.each:nth-of-type(13),
.loadIn.active.each ~ .loadIn.active.each:nth-of-type(13) {
  -webkit-transition-delay: 1300ms;
  transition-delay: 1300ms;
}

.scroll.active.leftSlide.each:nth-of-type(13):before {
  -webkit-animation-delay: 2600ms;
  animation-delay: 2600ms;
}

.scroll.active.leftSlide.each > *:nth-of-type(13) {
  -webkit-transition-delay: 15600ms;
  transition-delay: 15600ms;
}

.bound.active.each ~ .bound.active.each:nth-of-type(13) {
  -webkit-transition-delay: none !important;
  transition-delay: none !important;
  -webkit-animation-delay: 1300ms !important;
  animation-delay: 1300ms !important;
}

.scrollIn.active.each ~ .scrollIn.active.each:nth-of-type(14),
.loadIn.active.each ~ .loadIn.active.each:nth-of-type(14) {
  -webkit-transition-delay: 1400ms;
  transition-delay: 1400ms;
}

.scroll.active.leftSlide.each:nth-of-type(14):before {
  -webkit-animation-delay: 2800ms;
  animation-delay: 2800ms;
}

.scroll.active.leftSlide.each > *:nth-of-type(14) {
  -webkit-transition-delay: 16800ms;
  transition-delay: 16800ms;
}

.bound.active.each ~ .bound.active.each:nth-of-type(14) {
  -webkit-transition-delay: none !important;
  transition-delay: none !important;
  -webkit-animation-delay: 1400ms !important;
  animation-delay: 1400ms !important;
}

.scrollIn.active.each ~ .scrollIn.active.each:nth-of-type(15),
.loadIn.active.each ~ .loadIn.active.each:nth-of-type(15) {
  -webkit-transition-delay: 1500ms;
  transition-delay: 1500ms;
}

.scroll.active.leftSlide.each:nth-of-type(15):before {
  -webkit-animation-delay: 3000ms;
  animation-delay: 3000ms;
}

.scroll.active.leftSlide.each > *:nth-of-type(15) {
  -webkit-transition-delay: 18000ms;
  transition-delay: 18000ms;
}

.bound.active.each ~ .bound.active.each:nth-of-type(15) {
  -webkit-transition-delay: none !important;
  transition-delay: none !important;
  -webkit-animation-delay: 1500ms !important;
  animation-delay: 1500ms !important;
}

.scrollIn.active.each ~ .scrollIn.active.each:nth-of-type(16),
.loadIn.active.each ~ .loadIn.active.each:nth-of-type(16) {
  -webkit-transition-delay: 1600ms;
  transition-delay: 1600ms;
}

.scroll.active.leftSlide.each:nth-of-type(16):before {
  -webkit-animation-delay: 3200ms;
  animation-delay: 3200ms;
}

.scroll.active.leftSlide.each > *:nth-of-type(16) {
  -webkit-transition-delay: 19200ms;
  transition-delay: 19200ms;
}

.bound.active.each ~ .bound.active.each:nth-of-type(16) {
  -webkit-transition-delay: none !important;
  transition-delay: none !important;
  -webkit-animation-delay: 1600ms !important;
  animation-delay: 1600ms !important;
}

.scrollIn.active.each ~ .scrollIn.active.each:nth-of-type(17),
.loadIn.active.each ~ .loadIn.active.each:nth-of-type(17) {
  -webkit-transition-delay: 1700ms;
  transition-delay: 1700ms;
}

.scroll.active.leftSlide.each:nth-of-type(17):before {
  -webkit-animation-delay: 3400ms;
  animation-delay: 3400ms;
}

.scroll.active.leftSlide.each > *:nth-of-type(17) {
  -webkit-transition-delay: 20400ms;
  transition-delay: 20400ms;
}

.bound.active.each ~ .bound.active.each:nth-of-type(17) {
  -webkit-transition-delay: none !important;
  transition-delay: none !important;
  -webkit-animation-delay: 1700ms !important;
  animation-delay: 1700ms !important;
}

.scrollIn.active.each ~ .scrollIn.active.each:nth-of-type(18),
.loadIn.active.each ~ .loadIn.active.each:nth-of-type(18) {
  -webkit-transition-delay: 1800ms;
  transition-delay: 1800ms;
}

.scroll.active.leftSlide.each:nth-of-type(18):before {
  -webkit-animation-delay: 3600ms;
  animation-delay: 3600ms;
}

.scroll.active.leftSlide.each > *:nth-of-type(18) {
  -webkit-transition-delay: 21600ms;
  transition-delay: 21600ms;
}

.bound.active.each ~ .bound.active.each:nth-of-type(18) {
  -webkit-transition-delay: none !important;
  transition-delay: none !important;
  -webkit-animation-delay: 1800ms !important;
  animation-delay: 1800ms !important;
}

.scrollIn.active.each ~ .scrollIn.active.each:nth-of-type(19),
.loadIn.active.each ~ .loadIn.active.each:nth-of-type(19) {
  -webkit-transition-delay: 1900ms;
  transition-delay: 1900ms;
}

.scroll.active.leftSlide.each:nth-of-type(19):before {
  -webkit-animation-delay: 3800ms;
  animation-delay: 3800ms;
}

.scroll.active.leftSlide.each > *:nth-of-type(19) {
  -webkit-transition-delay: 22800ms;
  transition-delay: 22800ms;
}

.bound.active.each ~ .bound.active.each:nth-of-type(19) {
  -webkit-transition-delay: none !important;
  transition-delay: none !important;
  -webkit-animation-delay: 1900ms !important;
  animation-delay: 1900ms !important;
}

.scrollIn.active.each ~ .scrollIn.active.each:nth-of-type(20),
.loadIn.active.each ~ .loadIn.active.each:nth-of-type(20) {
  -webkit-transition-delay: 2000ms;
  transition-delay: 2000ms;
}

.scroll.active.leftSlide.each:nth-of-type(20):before {
  -webkit-animation-delay: 4000ms;
  animation-delay: 4000ms;
}

.scroll.active.leftSlide.each > *:nth-of-type(20) {
  -webkit-transition-delay: 24000ms;
  transition-delay: 24000ms;
}

.bound.active.each ~ .bound.active.each:nth-of-type(20) {
  -webkit-transition-delay: none !important;
  transition-delay: none !important;
  -webkit-animation-delay: 2000ms !important;
  animation-delay: 2000ms !important;
}

.scrollIn.active.each ~ .scrollIn.active.each:nth-of-type(21),
.loadIn.active.each ~ .loadIn.active.each:nth-of-type(21) {
  -webkit-transition-delay: 2100ms;
  transition-delay: 2100ms;
}

.scroll.active.leftSlide.each:nth-of-type(21):before {
  -webkit-animation-delay: 4200ms;
  animation-delay: 4200ms;
}

.scroll.active.leftSlide.each > *:nth-of-type(21) {
  -webkit-transition-delay: 25200ms;
  transition-delay: 25200ms;
}

.bound.active.each ~ .bound.active.each:nth-of-type(21) {
  -webkit-transition-delay: none !important;
  transition-delay: none !important;
  -webkit-animation-delay: 2100ms !important;
  animation-delay: 2100ms !important;
}

.scrollIn.active.each ~ .scrollIn.active.each:nth-of-type(22),
.loadIn.active.each ~ .loadIn.active.each:nth-of-type(22) {
  -webkit-transition-delay: 2200ms;
  transition-delay: 2200ms;
}

.scroll.active.leftSlide.each:nth-of-type(22):before {
  -webkit-animation-delay: 4400ms;
  animation-delay: 4400ms;
}

.scroll.active.leftSlide.each > *:nth-of-type(22) {
  -webkit-transition-delay: 26400ms;
  transition-delay: 26400ms;
}

.bound.active.each ~ .bound.active.each:nth-of-type(22) {
  -webkit-transition-delay: none !important;
  transition-delay: none !important;
  -webkit-animation-delay: 2200ms !important;
  animation-delay: 2200ms !important;
}

.scrollIn.active.each ~ .scrollIn.active.each:nth-of-type(23),
.loadIn.active.each ~ .loadIn.active.each:nth-of-type(23) {
  -webkit-transition-delay: 2300ms;
  transition-delay: 2300ms;
}

.scroll.active.leftSlide.each:nth-of-type(23):before {
  -webkit-animation-delay: 4600ms;
  animation-delay: 4600ms;
}

.scroll.active.leftSlide.each > *:nth-of-type(23) {
  -webkit-transition-delay: 27600ms;
  transition-delay: 27600ms;
}

.bound.active.each ~ .bound.active.each:nth-of-type(23) {
  -webkit-transition-delay: none !important;
  transition-delay: none !important;
  -webkit-animation-delay: 2300ms !important;
  animation-delay: 2300ms !important;
}

.scrollIn.active.each ~ .scrollIn.active.each:nth-of-type(24),
.loadIn.active.each ~ .loadIn.active.each:nth-of-type(24) {
  -webkit-transition-delay: 2400ms;
  transition-delay: 2400ms;
}

.scroll.active.leftSlide.each:nth-of-type(24):before {
  -webkit-animation-delay: 4800ms;
  animation-delay: 4800ms;
}

.scroll.active.leftSlide.each > *:nth-of-type(24) {
  -webkit-transition-delay: 28800ms;
  transition-delay: 28800ms;
}

.bound.active.each ~ .bound.active.each:nth-of-type(24) {
  -webkit-transition-delay: none !important;
  transition-delay: none !important;
  -webkit-animation-delay: 2400ms !important;
  animation-delay: 2400ms !important;
}

.scrollIn.active.each ~ .scrollIn.active.each:nth-of-type(25),
.loadIn.active.each ~ .loadIn.active.each:nth-of-type(25) {
  -webkit-transition-delay: 2500ms;
  transition-delay: 2500ms;
}

.scroll.active.leftSlide.each:nth-of-type(25):before {
  -webkit-animation-delay: 5000ms;
  animation-delay: 5000ms;
}

.scroll.active.leftSlide.each > *:nth-of-type(25) {
  -webkit-transition-delay: 30000ms;
  transition-delay: 30000ms;
}

.bound.active.each ~ .bound.active.each:nth-of-type(25) {
  -webkit-transition-delay: none !important;
  transition-delay: none !important;
  -webkit-animation-delay: 2500ms !important;
  animation-delay: 2500ms !important;
}

.scrollIn.active.each ~ .scrollIn.active.each:nth-of-type(26),
.loadIn.active.each ~ .loadIn.active.each:nth-of-type(26) {
  -webkit-transition-delay: 2600ms;
  transition-delay: 2600ms;
}

.scroll.active.leftSlide.each:nth-of-type(26):before {
  -webkit-animation-delay: 5200ms;
  animation-delay: 5200ms;
}

.scroll.active.leftSlide.each > *:nth-of-type(26) {
  -webkit-transition-delay: 31200ms;
  transition-delay: 31200ms;
}

.bound.active.each ~ .bound.active.each:nth-of-type(26) {
  -webkit-transition-delay: none !important;
  transition-delay: none !important;
  -webkit-animation-delay: 2600ms !important;
  animation-delay: 2600ms !important;
}

.scrollIn.active.each ~ .scrollIn.active.each:nth-of-type(27),
.loadIn.active.each ~ .loadIn.active.each:nth-of-type(27) {
  -webkit-transition-delay: 2700ms;
  transition-delay: 2700ms;
}

.scroll.active.leftSlide.each:nth-of-type(27):before {
  -webkit-animation-delay: 5400ms;
  animation-delay: 5400ms;
}

.scroll.active.leftSlide.each > *:nth-of-type(27) {
  -webkit-transition-delay: 32400ms;
  transition-delay: 32400ms;
}

.bound.active.each ~ .bound.active.each:nth-of-type(27) {
  -webkit-transition-delay: none !important;
  transition-delay: none !important;
  -webkit-animation-delay: 2700ms !important;
  animation-delay: 2700ms !important;
}

.scrollIn.active.each ~ .scrollIn.active.each:nth-of-type(28),
.loadIn.active.each ~ .loadIn.active.each:nth-of-type(28) {
  -webkit-transition-delay: 2800ms;
  transition-delay: 2800ms;
}

.scroll.active.leftSlide.each:nth-of-type(28):before {
  -webkit-animation-delay: 5600ms;
  animation-delay: 5600ms;
}

.scroll.active.leftSlide.each > *:nth-of-type(28) {
  -webkit-transition-delay: 33600ms;
  transition-delay: 33600ms;
}

.bound.active.each ~ .bound.active.each:nth-of-type(28) {
  -webkit-transition-delay: none !important;
  transition-delay: none !important;
  -webkit-animation-delay: 2800ms !important;
  animation-delay: 2800ms !important;
}

.scrollIn.active.each ~ .scrollIn.active.each:nth-of-type(29),
.loadIn.active.each ~ .loadIn.active.each:nth-of-type(29) {
  -webkit-transition-delay: 2900ms;
  transition-delay: 2900ms;
}

.scroll.active.leftSlide.each:nth-of-type(29):before {
  -webkit-animation-delay: 5800ms;
  animation-delay: 5800ms;
}

.scroll.active.leftSlide.each > *:nth-of-type(29) {
  -webkit-transition-delay: 34800ms;
  transition-delay: 34800ms;
}

.bound.active.each ~ .bound.active.each:nth-of-type(29) {
  -webkit-transition-delay: none !important;
  transition-delay: none !important;
  -webkit-animation-delay: 2900ms !important;
  animation-delay: 2900ms !important;
}

.scrollIn.active.each ~ .scrollIn.active.each:nth-of-type(30),
.loadIn.active.each ~ .loadIn.active.each:nth-of-type(30) {
  -webkit-transition-delay: 3000ms;
  transition-delay: 3000ms;
}

.scroll.active.leftSlide.each:nth-of-type(30):before {
  -webkit-animation-delay: 6000ms;
  animation-delay: 6000ms;
}

.scroll.active.leftSlide.each > *:nth-of-type(30) {
  -webkit-transition-delay: 36000ms;
  transition-delay: 36000ms;
}

.bound.active.each ~ .bound.active.each:nth-of-type(30) {
  -webkit-transition-delay: none !important;
  transition-delay: none !important;
  -webkit-animation-delay: 3000ms !important;
  animation-delay: 3000ms !important;
}

@-webkit-keyframes bound {
  100%,
  20%,
  50%,
  80% {
    -webkit-transform: translateY(0) scale(1);
    transform: translateY(0) scale(1);
  }

  0%,
  40% {
    -webkit-transform: translateY(-20%) scale(1);
    transform: translateY(-20%) scale(1);
  }

  60% {
    -webkit-transform: translateY(-10%) scale(1);
    transform: translateY(-10%) scale(1);
  }
}

@keyframes bound {
  100%,
  20%,
  50%,
  80% {
    -webkit-transform: translateY(0) scale(1);
    transform: translateY(0) scale(1);
  }

  0%,
  40% {
    -webkit-transform: translateY(-20%) scale(1);
    transform: translateY(-20%) scale(1);
  }

  60% {
    -webkit-transform: translateY(-10%) scale(1);
    transform: translateY(-10%) scale(1);
  }
}

@-webkit-keyframes leftSlide {
  0% {
    width: 0;
  }

  50% {
    width: 105%;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }

  70% {
    width: 105%;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }

  100% {
    width: 105%;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
  }
}

@keyframes leftSlide {
  0% {
    width: 0;
  }

  50% {
    width: 105%;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }

  70% {
    width: 105%;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }

  100% {
    width: 105%;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
  }
}

header {
  position: relative;
  z-index: 300;
  padding: 0;
  background: #fff;

  position: fixed;
  top: 0;
  width: 100%;
}

header.fixed {
  /* position: fixed;
    top: 0;
    width: 100%; */
  -webkit-box-shadow: 0 2px 10px rgba(28, 28, 28, 0.2);
  box-shadow: 0 2px 10px rgba(28, 28, 28, 0.2);
}

header.fixed .inner > .campaignText {
  display: none;
}

header .inner {
  max-width: 100%;
  padding: 0;
}

.headInfo {
  position: absolute;
  top: 10px;
  right: 0;
  padding: 15px;
}

.headInfo .headIcon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  padding: 0;
}

@media screen and (min-width: 901px) {
  .headInfo .headIcon {
    position: relative;
    top: -4px;
  }
}

.headInfo .headIcon > li {
  position: relative;
  margin: 0 10px;
}

/* @media screen and (max-width: 750px) { */
@media screen and (max-width: 900px) {
  .headInfo .headIcon > li {
    margin: 0 7px;
  }
}
@media screen and (min-width: 901px) {
  .headInfo .headIcon > li a img {
    vertical-align: bottom;
  }
}

/* @media screen and (max-width: 750px) { */
@media screen and (max-width: 900px) {
  .headInfo {
    position: absolute;
    top: 15px;
    right: 5px;
    display: block;
    width: auto;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin: auto;
    padding: 10px 10px;
  }
}

header h1 {
  display: block;
  width: auto;
  max-width: 155px;
  margin: auto;
}

/* @media screen and (min-width: 751px) { */
@media screen and (min-width: 901px) {
  header h1 img {
    margin: 20px auto;
  }
}

/* @media screen and (max-width: 750px) { */
@media screen and (max-width: 900px) {
  header h1 {
    max-width: inherit;
    text-align: center;
  }

  header h1 img {
    width: 20%;
    padding: 10px 0;
  }
}

@-webkit-keyframes gnvahover {
  0% {
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes gnvahover {
  0% {
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

.campaignText {
  margin-bottom: 0;
  padding: 0.8em 0;
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.14em;
  color: #fff;
  background: #1c1c1c;
}

/* @media screen and (max-width: 750px) { */
@media screen and (max-width: 900px) {
  .campaignText {
    font-size: 5vw;
  }
}

.cartBaddie {
  position: absolute;
  top: 0;
  right: -5px;
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 14px;
  height: 14px;
  font-size: 8px;
  line-height: 1.2;
  text-align: center;
  color: #fff;
  border-radius: 50%;
  background: red;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.navBg {
  background: #f2f5f7;
}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Screen style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.menu-container {
  width: 80%;
  margin: 0 auto;
  background: #f2f5f7;
}

.menu-mobile {
  display: none;
  padding: 0 20px;
}

.menu-mobile:after {
  content: "";
  position: absolute;
  top: 24px;
  display: block;
  width: 25px;
  height: 25px;
  padding: 0;
  border-top: 2px solid #1c1c1c;
  border-bottom: 2px solid #1c1c1c;
}

.menu-mobile:before {
  content: "";
  position: absolute;
  top: 22px;
  display: block;
  width: 20px;
  height: 16px;
  margin: auto;
  padding: 0;
  border-bottom: 2px solid #1c1c1c;
}

.menu-mobile.active:before,
.menu-mobile.active:after {
  top: 30px;
  width: 20px;
  height: 3px;
  padding: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border: 0;
  background: #1c1c1c;
}

.menu-mobile.active:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.menu > ul {
  /* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  list-style: none;
  text-align: center;
}

/* @media screen and (min-width: 751px) { */
@media screen and (min-width: 901px) {
  .menu > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}

.menu > ul:before,
.menu > ul:after {
  content: "";
  display: table;
}

.menu > ul:after {
  clear: both;
}

.menu > ul > li {
  display: inline-block;
  margin: 0;
  padding: 0 2.5%;
  background: #f2f5f7;
}

/* @media screen and (max-width: 750px) { */
@media screen and (max-width: 900px) {
  .menu > ul > li {
    padding: 0;
  }
}

.menu > ul > li > a {
  position: relative;
  display: block;
  padding: 1.5em 0;
  font-family: "Kumbh Sans", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.2;
  -webkit-transition: 0.7s;
  transition: 0.7s;
  text-align: center;
  text-decoration: none;
  letter-spacing: 0.14em;
  color: #1c1c1c;
}

/* @media screen and (min-width: 751px) { */
@media screen and (min-width: 901px) {
  .menu > ul > li > a:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 1em;
    left: 0;
    width: 20px;
    height: 3px;
    margin: auto;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    -webkit-transform: scale(0);
    transform: scale(0);
    background: #1c1c1c;
  }

  .menu > ul > li > a:hover {
    -webkit-transition: 0.7s;
    transition: 0.7s;
    color: #9d9d9d;
    background: none;
  }

  .menu > ul > li > a:hover:after {
    -webkit-transition: 0.4s;
    transition: 0.4s;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  .menu > ul > li > a:hover span {
    -webkit-animation: gnvahover 0.4s ease 0s 0.4 normal;
    animation: gnvahover 0.4s ease 0s 0.4 normal;
  }
}

.menu > ul > li > ul,
.menu > ul > li > div.header__bar--taste_wrap{
  position: absolute;
  z-index: 99;
  left: 0;
  display: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 20px;
  list-style: none;
  border-top: 2px solid #1c1c1c;
  background: #fff;
}

.menu > ul > li > ul:before,
.menu > ul > li > ul:after {
  content: "";
  display: table;
}

.menu > ul > li > ul:after {
  clear: both;
}

.menu > ul > li > ul > li {
  max-width: 1080px;
  margin: 0 auto;
  padding-bottom: 0;
  list-style: none;
  background: none;
}

.menu > ul > li > ul > li a {
  /* display: block;
  width: 95%;
  padding: 0.2em 0;
  text-align: left;
  letter-spacing: 0.14em;
  color: #777;
  border-bottom: 1px solid #ccc; */
}

.menu > ul > li > ul > li a img {
  /* margin-right: 1em; */
}

.menu > ul > li > ul > li > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 10px 0 0;
  padding: 0;
  list-style: none;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

/* .menu > ul > li > ul > li > ul:before,
.menu > ul > li > ul > li > ul:after {
  content: "";
  display: table;
}

.menu > ul > li > ul > li > ul:after {
  clear: both;
} */

.header__bar--brand> ul > li > ul > li,
.header__bar--taste > ul > li > ul > li{
  width: calc(100% / 4 - 1px);
  margin: 0;
  padding: 10px 0;
  font-weight: bold;
}

.menu > ul > li > ul > li > ul > li > a {
  color: #1c1c1c;
  border: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  text-align: left;
}


/* ---------------------------------- */
/* ヘッダーメニューのテキスト */

.header__bar--category >ul > li > ul >li span{
  font-size: 12px;
  font-size: 12px;
  letter-spacing: .01em;
  font-weight: 700;
  line-height: 1;
}

.header__bar--category >ul > li > ul >li span:nth-child(2){
  margin-left: 8px;
}
/* ヘッダーメニューの画像 */
.header__bar--category >ul > li > ul >li span:nth-child(1){
  min-width: 32px;
}
/* ---------------------------------- */
/* ---------------------------------- */
/* ---------------- ----------------------- ---------------------- ------------------ */
/* ---------------- ----------------- ヘッダーグリッドレイアウト ----------- ------------------ */
.header__bar--category.menu-dropdown-icon > ul > li > ul > li{
  width: auto;
}
.header__bar--category.menu-dropdown-icon > ul > li > ul{
  display: grid;
  gap: 10px;
  grid-template-columns: 1fr  1fr  1fr  1fr;
  padding: 0 5%;
}
/* --------------------------------------------------------------------------------------------- */
/* ---------------------------------- */
/* ---------------------------------- */

/* カテゴリ用 */

.header__bar--category > ul > li > ul > li a{
  padding: 10px;
}
.header__bar--category > ul > li > ul > li a:hover{
  background-color: #efefef;
  border-radius: 10px;
  opacity: 1;
}
.header__bar--category > ul > li > ul > li a:hover img{
  opacity: 1;
}

.header__bar--category > ul > li > ul > li{
  padding: 0;
}




/* テイスト用 */

.header__bar--taste > ul > li > ul > li a{
  padding: 4px 0 0 0;
}
.header__bar--taste > ul > li > ul > li a:hover{
  background-color: #efefef;
  border-radius: 10px;
  opacity: 1;
}
.header__bar--taste > ul > li > ul > li{
  padding: 0;
}



/* ---------------------------------- */
/* ---------------------------------- */
/* ---------------------------------- */



@media screen and (max-width: 900px) {
  .menu > ul > li > ul > li > ul.blandMenu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

.menu > ul > li > ul > li > ul.blandMenu li.blandMenuBtnWrap {
  width: 100%;
  padding-top: 15px;
}

.menu > ul > li > ul > li > ul.blandMenu li.blandMenuBtnWrap .blandMenuBtn {
  width: 200px;
  height: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  border: solid 1px #282728;
  padding: 0;
  padding-left: 20px;
  margin: 0 auto;
  font-size: 14px;
  white-space: nowrap;
  text-align: center;
  text-indent: 0;
}

@media screen and (max-width: 750px) {
  .menu > ul > li > ul > li > ul.blandMenu li.blandMenuBtnWrap .blandMenuBtn {
    width: 100%;
    font-size: 12px;
    padding-left: 15px;
  }
}

.menu > ul > li > ul > li > ul.blandMenu li.blandMenuBtnWrap .blandMenuBtn:hover {
  opacity: 0.7;
}

.menu > ul > li > ul > li > ul.blandMenu li.blandMenuBtnWrap .blandMenuBtn::before {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 13px;
  width: 10px;
  height: 10px;
  margin: auto;
  border-right: solid 1px #282728;
  border-bottom: solid 1px #282728;
  transform: rotate(-45deg);
}

@media screen and (max-width: 900px) {
  .menu > ul > li > ul > li > ul.blandMenu li {
    width: 50%;
    border-bottom: none;
    padding-bottom: 5px;
    white-space: nowrap;
  }
}
.menu > ul > li > ul > li > ul.blandMenu li img {
  width: 60px;
}

/*20210811 修正*/

.menu > ul > li > ul > li > ul.blandMenu > li {
  width: calc(100% / 5 - 1px);
  padding: 0;
}

@media screen and (max-width: 900px) {
  .menu > ul > li > ul > li > ul.blandMenu li {
    width: 50%;
    padding-bottom: 5px;
  }
}

.menu > ul > li > ul > li > ul.blandMenu > li > a {
  line-height: 1;
  text-indent: 0;
  padding: 0;
  padding-bottom: 11px;
}

@media screen and (max-width: 768px) {
  .menu > ul > li > ul > li > ul.blandMenu > li > a {
    padding: 0 5px 3px 5px;
  }
}

.menu > ul > li > ul > li > ul.blandMenu li img {
  /*    width: 60px;*/
  width: 100%;
  margin-right: 0;
}

.menu > ul > li > ul > li > ul.blandMenu li.blandMenuBtnWrap {
  padding-top: 22px;
}

.menu > ul > li > ul.normal-sub {
  left: auto;
  width: 300px;
  padding: 10px 20px;
}

.menu > ul > li > ul.normal-sub > li {
  width: 100%;
}

.menu > ul > li > ul.normal-sub > li a {
  padding: 1em 0;
  border: 0;
}

.megabg {
  position: fixed;
  z-index: 98;
  top: 0;
  left: 0;
  display: none;
  width: 100vw;
  height: 100vh;
  margin: auto;
  background: rgba(0, 0, 0, 0.6);
}


/* カテゴリ変更後 231219~ */

.header__bar--taste_wrap.normal-sub{
  width: calc(100vw)!important;
  left: 0!important;
}


.header__bar--taste_inner_list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 6px;
}
.header__bar--taste_inner{
  width: 100%;
  padding: 12px 5%;
}
.header__bar--taste_inner_list img{
  width: 100%;
  height: auto;
}

.header__bar--taste_inner_list figcaption {
  font-size: 12px;
  letter-spacing: .01em;
  font-weight: 700;
  line-height: 1;
  text-align: center;
}
.header__bar--taste_inner_list a:hover{
  background-color: #efefef;
  border-radius: 10px;
}
.header__bar--taste_inner_list a{
  padding: 6px!important;
  display: block;
}
.header__bar--taste_inner_list a:hover img{
  border-radius: 5px;
}


/* テイストのCSS */
/* ※headerのCSSも干渉するので合わせて編集すること */
.header_sp__bar--taste_inner{
  overflow-x:scroll ;
}
.header_sp__bar--taste_inner .header__bar--taste_inner_list{
  min-width: max-content;
  padding: 0 12%;
  margin-bottom: 16px;
}
.header_sp__bar--taste_inner .header__bar--taste_inner_list img{
  max-width: 120px;
}
.header_sp__bar--taste_inner figcaption{
  line-height: 1.2;
  text-align: center;
  letter-spacing: 0;
  max-width: 100%;
}


/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Mobile style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* @media screen and (max-width: 750px) { */
@media screen and (max-width: 900px) {
  .menu-container {
    width: 100%;
  }

  .menu-mobile {
    display: block;
  }

  .menu-dropdown-icon:before {
    display: block;
  }

  .menu > ul {
    display: none;
  }

  .menu > ul > li {
    display: block;
    float: none;
    width: 100%;
    background: #fff;
  }

  .menu > ul > li a {
    display: block;
    width: 100%;
    padding: 1.5em;
    text-align: left;
  }

  .menu > ul > li > a {
    position: relative;
  }

  .menu > ul > li > a:after {
    content: "";
    position: absolute;
    top: 0;
    right: 1.5em;
    bottom: 0;
    width: 8px;
    height: 8px;
    margin: auto;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-right: 2px solid #1c1c1c;
    border-bottom: 2px solid #1c1c1c;
  }

  .menu > ul > li > a.open:after {
    -webkit-transition: 0.4s;
    transition: 0.4s;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
  }

  .menu > ul > li > ul {
    position: relative;
  }

  .menu > ul > li > ul.normal-sub {
    width: 100%;
  }

  .menu > ul > li > ul > li {
    float: none;
    width: 100%;
    margin-top: 20px;
  }

  .menu > ul > li > ul > li:first-child {
    margin: 0;
  }

  .menu > ul > li > ul > li > ul {
    position: relative;
    display: block;
    margin-top: 0;
    padding: 0;
  }

  .menu > ul > li > ul > li > ul > li {
    float: none;
    width: 100%;
    border-bottom: 1px solid rgba(28, 28, 28, 0.2);
  }

  .menu > ul > li > ul > li > ul > li a {
    font-size: 3.3vw;
  }

  .menu > ul {
    position: absolute;
    overflow-y: auto;
    max-height: 90vh;
  }

  .menu .show-on-mobile {
    position: absolute;
    display: block;
    -webkit-animation: menuFade 0.5s ease 0s 1 forwards;
    animation: menuFade 0.5s ease 0s 1 forwards;
  }
}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
PC style's header v3
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* @media screen and (min-width: 751px) { */
@media screen and (min-width: 901px) {
  .ly_header__v3 {
    /*        background-color: #f0f;*/
  }

  .ly_header__v3 .fs-clientInfo:not(.is-ready) {
    display: none !important;
  }

  .ly_header__v3 .ly_header__v3_inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .ly_header__v3 .site-title {
    margin: 0;
    /* margin-right: 8.3%; */
    margin-right: 5%;
    /* margin-left: 35px; */
    margin-left: 25px;
    max-width: 186px;
  }

  .ly_header__v3 .site-title img {
    /*        margin: 20px auto 27px;*/
    margin: 18px auto 18px;
  }

  .ly_header__v3 .headInfo {
    position: inherit;
    padding: 0;
  }

  .ly_header__v3 .menu-container {
    width: auto;
    background: transparent;
  }

  .ly_header__v3 .navBg {
    background: transparent;
    /*    padding: 0 50px;*/
  }

  .ly_header__v3 .menu > ul > li {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background: transparent;
    /* padding: 0 7%; */
    /* padding: 0 5%; */
    padding: 0 13px;
  }

  .ly_header__v3 .menu > ul > li > a {
    padding: 1.7em 0 1.5em;
    white-space: nowrap;
  }

  .ly_header__v3 .headInfo {
    margin-left: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    /* margin-right: 35px; */
    margin-right: 25px;
    padding-bottom: 11px;
  }

  .ly_header__v3 .headInfo.pcOnly {
    display: flex !important;
  }

  .ly_header__v3 .headsearch {
    /* max-width: 228px;
    margin-right: 35px; */
    max-width: 208px;
    margin-right: 15px;
    position: relative;
    bottom: -6px;
  }

  .ly_header__v3 .headsearch_form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
  }

  .ly_header__v3 .headsearch_input {
    -webkit-appearance: none;
    line-height: 1.4;
    padding: 0 5px 0 35px;
    overflow: visible;

    width: 100%;
    height: 32px;
    line-height: 1;
    border: solid 1px #868686;
    border-radius: 0;
    background-color: #fff;
    border-radius: 20px;
    font-size: 12px;
  }

  .ly_header__v3 .headsearch_input:focus {
    outline: none;
  }

  .ly_header__v3 .headsearch_input::-webkit-input-placeholder {
    color: #adadad;
  }

  .ly_header__v3 .headsearch_input:-ms-input-placeholder {
    color: #adadad;
  }

  .ly_header__v3 .headsearch_input::-ms-input-placeholder {
    color: #adadad;
  }

  .ly_header__v3 .headsearch_input::placeholder {
    color: #adadad;
  }

  .ly_header__v3 .headsearch_btn {
    width: 0;
    height: 0;
    z-index: -1;
    position: absolute;
    opacity: 0;
    pointer-events: none;
  }

  .ly_header__v3 .headsearch_btnAll {
    width: 16px;
    cursor: pointer;
    text-indent: -999em;
    background-color: transparent;
    color: #fff;
    border: none;
    border-radius: 0;
    background-image: url("https://kurashiec202009.itembox.design/item/_assets/img/icon_search.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 16px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 12px;
    opacity: 0.2;
  }

  .ly_header__v3 .headpoint {
    margin-right: 15px;
  }

  .ly_header__v3 .headpoint .headpoint_inr {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .ly_header__v3 .headpoint .headpoint_name {
    font-size: 12px;
    margin-right: 12px;
    line-height: 1;
    max-width: 190px;
  }

  .ly_header__v3 .headpoint .headpoint_pointBox {
    margin-left: 10px;
    font-size: 12px;
  }

  .ly_header__v3 .headpoint .headpoint_pointBox .headpoint_pointBox_text {
    margin-bottom: 0;
  }

  .ly_header__v3
    .headpoint
    .headpoint_pointBox
    .headpoint_pointBox_text
    .headpoint_pointBox_text_point {
  }

  .ly_header__v3
    .headpoint
    .headpoint_pointBox
    .headpoint_pointBox_text
    .headpoint_pointBox_text_mark {
  }

  /*
.ly_header__v3 .headpoint .headpoint_pointBox {
    width: 120px;
    margin-left: 10px;
}

.ly_header__v3 .headpoint .headpoint_pointBox_head {
    background-color: #000;
    color: #ffffff;
    font-size: 12px;
}

.ly_header__v3 .headpoint .headpoint_pointBox_ttl {
    font-size: 12px;
    margin-bottom: 0;
    text-align: center;
}

.ly_header__v3 .headpoint .headpoint_pointBox_body {
    padding: 5px;
    background-color: #cccccc;
    color: #000000;
}

.ly_header__v3 .headpoint .headpoint_pointBox_text {
    font-size: 12px;
    margin-bottom: 0;
    text-align: center;
} 
*/
}
/* @media screen and (max-width: 1380px) and (min-width: 751px) { */
@media screen and (max-width: 1380px) and (min-width: 901px) {
  .ly_header__v3 .ly_header__v3_inner {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

/* @media screen and (max-width: 1380px) and (min-width: 751px) { */
@media screen and (max-width: 1380px) and (min-width: 901px) {
  .ly_header__v3 .navBg {
    width: 100%;
    order: 3;
    background: #f2f5f7;
  }
  .ly_header__v3 .menu > ul > li {
    /* padding: 0 3%; */
    padding: 0 13px;
  }
}

@media screen and (max-width: 1380px) and (min-width: 901px) {
  .ly_header__v3 .headInfo {
    padding-bottom: 0;
  }
}
/* @media screen and (max-width: 900px) and (min-width: 751px) {
  .ly_header__v3 .headInfo {
    width: 100%;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
} */
/* _::-webkit-full-page-media,
_:future,
:root .ly_header__v3 .menu > ul > li {
    padding: 0 13px;
} */

@media screen and (max-width: 900px) {
  .ly_header__v3 .flexBox:not(.fix) > * {
    display: block;
    width: 100%;
  }

  .ly_header__v3 .flexBox:not(.fix) > *:not(ul) {
    margin: 0 auto 3%;
  }

  .ly_header__v3 .flexBox.-sp_2 > * {
    width: calc(100% / 2);
  }

  .ly_header__v3 .flexBox.-sp_3 > * {
    width: calc(100% / 3);
  }
}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Mobile style's header v2
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* @media screen and (max-width: 750px) { */
@media screen and (max-width: 900px) {
  .menu.menu__v2 > ul {
    position: absolute;
    overflow-y: auto;
    max-height: auto;
    height: 81vh;
    overflow: auto;
    z-index: 9999;
  }

  .menu__v2 .menuHead .logout.my-false {
    display: none !important;
  }

  .menu__v2 .menuHead .login.my-true {
    display: none !important;
  }

  .menu__v2 .menuHead > span.menuHead_item a {
    width: auto;
    padding: 24px 24px 24px 24px;
    letter-spacing: 0.05em;
  }

  .menu__v2 .menuHead > span a {
    display: table !important;
    width: auto;
    padding: 1.5em;
  }

  .menu__v2 .menuHead > span a:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15%;
    max-width: 48px;
    height: 48px;
    margin: auto;
  }

  .menu__v2 .menuHead > span:nth-of-type(1) a:before {
    background: none;
  }

  .menu__v2 .menuHead > span:nth-of-type(2) a:before {
    background: none;
  }

  .menu__v2 .menuHead > span:nth-of-type(3) a:before {
    background: none;
  }

  .menu__v2 .menuHead > span:nth-of-type(2) a:last-child:after {
    display: none;
  }

  .menu__v2 .menuHead > span.menuHead_item {
    padding: 0;
  }

  .menu__v2 .menuHead > span.menuHead_item__history {
    padding: 0;
    /*        border-bottom: none;*/
    border-bottom-color: #999999;
  }

  .menu__v2 .menuHead > span.menuHead_item__favorite {
    padding: 0;
    /*        border-bottom: none;*/
    border-bottom-color: #999999;
  }

  .menu__v2 .menuHead > span.menuHead_item__bunner {
    padding: 0;
    border-bottom: none;
  }

  .menu__v2 .menuHead > span.menuHead_item__bunner.menuHead_item__bunner__01 {
    margin-bottom: 15px;
  }
  .menu__v2 .menuHead > span.menuHead_item__bunner.menuHead_item__bunner__01::before {
    position: relative;
    content: "";
    width: 100%;
    height: 1.5em;
    background: #fff;
    display: block;
  }
  .menu__v2 .menuHead > span.menuHead_item__bunner.menuHead_item__bunner__02 {
    margin-bottom: 15px;
  }

  .menu__v2 .menuHead > span.menuHead_item__favorite {
    border-bottom-color: #999999;
  }

  .menu__v2 .menuHead > span.menuHead_item__login {
    border-bottom-color: #999999;
  }

  .menu__v2 .menuHead > span.menuHead_item__bunner a {
    padding: 0;
  }

  .menu__v2 .menuHead > span.menuHead_item__history a {
    padding-left: 65px;
  }

  .menu__v2 .menuHead > span.menuHead_item__history a::before {
    background: url(https://kurashiec202009.itembox.design/item/_assets/img/icon_clock.png)
      no-repeat center/100% !important;
    width: 19px;
    height: 19px;
    left: 27px;
  }

  .menu__v2 .menuHead > span.menuHead_item__favorite a {
    padding-left: 38px;
  }

  .menu__v2 .menuHead > span.menuHead_item__favorite a::before {
    background: url(https://kurashiec202009.itembox.design/item/_assets/img/icon_heart.png)
      no-repeat center/100% !important;
    width: 20px;
    height: 18px;
    left: 0px;
    right: auto;
  }

  .menu__v2 .menuHead > span.menuHead_item__login a {
    padding-left: 56px;
  }

  .menu__v2 .menuHead > span.menuHead_item__login a::before {
    background: url(https://kurashiec202009.itembox.design/item/_assets/img/icon_user.png) no-repeat
      center/100% !important;
    width: 18px;
    height: 20px;
    left: 25px;
  }

  .menu.menu__v2 > ul > li:last-child {
    display: block;
    float: none;
    width: 100%;
    background: none;
    position: relative;
  }

  .menu.menu__v2 > ul > li:last-child::after {
    position: relative;
    content: "";
    width: 100%;
    height: 1.5em;
    background: #fff;
    display: block;
  }

  .menu.menu__v2 > ul > li:last-child > a {
    display: block;
    float: none;
    width: 100%;
    background: url(https://kurashiec202009.itembox.design/item/_assets/img/bg_spMenu.jpg) no-repeat
      center/100%;
    background-size: cover;
    color: #fff;
    font-size: 20px;
    padding: 0;
    height: 64px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
  }

  .menu.menu__v2 > ul > li:last-child > a:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: -9em;
    max-width: 48px;
    width: 40px;
    height: 47px;
    margin: auto;
    background: url(https://kurashiec202009.itembox.design/item/_assets/img/icon_guide.png)
      no-repeat center/100% !important;
  }

  .menu.menu__v2 > ul > li:last-child > a:after {
    width: 10px;
    height: 10px;
    border-right: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
  }

  .menu.menu__v2 > ul > li:last-child > ul {
    border-top: none;
    padding: 0;
  }

  .menu.menu__v2 > ul > li:last-child > ul > li > ul > li {
    width: 100%;
    border-bottom: none;
    padding: 0;
  }

  .menu.menu__v2 > ul > li:last-child > ul > li > ul > li a {
    position: relative;
    width: 100%;
    padding: 19px 20px;
    text-indent: 0;
  }

  .menu.menu__v2 > ul > li:last-child > ul > li > ul > li a:after {
    content: "";
    position: absolute;
    top: 0;
    right: 1.7em;
    bottom: 0;
    width: 8px;
    height: 8px;
    margin: auto;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-right: 1px solid #1c1c1c;
    border-bottom: 1px solid #1c1c1c;
  }
}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Mobile style's header v3
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* @media screen and (max-width: 750px) { */
@media screen and (max-width: 900px) {
  .menu.menu__v3 > ul {
    position: absolute;
    overflow-y: auto;
    max-height: auto;
    height: 81vh;
    overflow: auto;
    z-index: 9999;
  }

  .menu__v3 .menuHead .logout.my-false {
    display: none !important;
  }

  .menu__v3 .menuHead .login.my-true {
    display: none !important;
  }

  .box-welcome {
  }

  .box-points {
    margin-top: 15px;
    background-color: #f2f5f7;
  }

  .box-points .box-point-inner {
    display: flex;
    align-items: center;
    height: 75px;
  }

  .box-points .box-point-inner .box-points-text {
    width: 50%;
    text-align: center;
    position: relative;
    font-size: 12px;
  }

  .box-points .box-point-inner .box-points-text:first-child::before {
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
    width: 1px;
    height: 35px;
    margin: auto;
    background-color: #1c1c1c;
  }

  .box-points .box-point-inner .box-points-text__lg {
    font-size: 20px;
  }

  .menu__v3 .menuHead > span.menuHead_item a {
    width: auto;
    padding: 24px 24px 24px 24px;
    letter-spacing: 0.05em;
  }

  .menu__v3 .menuHead > span a {
    display: table !important;
    width: auto;
    padding: 1.5em;
  }

  .menu__v3 .menuHead > span a:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15%;
    max-width: 48px;
    height: 48px;
    margin: auto;
  }

  .menu__v3 .menuHead > span:nth-of-type(1) a:before {
    background: none;
  }

  .menu__v3 .menuHead > span:nth-of-type(2) a:before {
    background: none;
  }

  .menu__v3 .menuHead > span:nth-of-type(3) a:before {
    background: none;
  }

  .menu__v3 .menuHead > span:nth-of-type(2) a:last-child:after {
    display: none;
  }

  .menu__v3 .menuHead > span.menuHead_item {
    padding: 0;
  }

  .menu__v3 .menuHead > span.menuHead_item__history {
    padding: 0;
    /*        border-bottom: none;*/
    border-bottom-color: #999999;
  }

  .menu__v3 .menuHead > span.menuHead_item__favorite {
    padding: 0;
    /*        border-bottom: none;*/
    border-bottom-color: #999999;
  }

  .menu__v3 .menuHead > span.menuHead_item__bunner {
    padding: 0;
    border-bottom: none;
  }

  .menu__v3 .menuHead > span.menuHead_item__bunner.menuHead_item__bunner__01 {
    margin-bottom: 15px;
  }

  .menu__v3 .menuHead > span.menuHead_item__bunner.menuHead_item__bunner__01::before {
    position: relative;
    content: "";
    width: 100%;
    height: 1.5em;
    background: #fff;
    display: block;
  }

  .menu__v3 .menuHead > span.menuHead_item__bunner.menuHead_item__bunner__02 {
    margin-bottom: 15px;
  }

  .menu__v3 .menuHead > span.menuHead_item__favorite {
    border-bottom-color: #999999;
  }

  .menu__v3 .menuHead > span.menuHead_item__login {
    border-bottom-color: #999999;
  }

  .menu__v3 .menuHead > span.menuHead_item__bunner a {
    padding: 0;
  }

  .menu__v3 .menuHead > span.menuHead_item__history a {
    padding-left: 65px;
  }

  .menu__v3 .menuHead > span.menuHead_item__history a::before {
    background: url(https://kurashiec202009.itembox.design/item/_assets/img/icon_clock.png)
      no-repeat center/100% !important;
    width: 19px;
    height: 19px;
    left: 27px;
  }

  .menu__v3 .menuHead > span.menuHead_item__favorite a {
    padding-left: 38px;
  }

  .menu__v3 .menuHead > span.menuHead_item__favorite a::before {
    background: url(https://kurashiec202009.itembox.design/item/_assets/img/icon_heart.png)
      no-repeat center/100% !important;
    width: 20px;
    height: 18px;
    left: 0px;
    right: auto;
  }

  .menu__v3 .menuHead > span.menuHead_item__login a {
    padding-left: 56px;
  }

  .menu__v3 .menuHead > span.menuHead_item__login a::before {
    background: url(https://kurashiec202009.itembox.design/item/_assets/img/icon_user.png) no-repeat
      center/100% !important;
    width: 18px;
    height: 20px;
    left: 25px;
  }

  .menu.menu__v3 > ul > li:last-child {
    display: block;
    float: none;
    width: 100%;
    background: none;
    position: relative;
  }

  .menu.menu__v3 > ul > li:last-child::after {
    position: relative;
    content: "";
    width: 100%;
    height: 1.5em;
    background: #fff;
    display: block;
  }

  .menu.menu__v3 > ul > li:last-child > a {
    display: block;
    float: none;
    width: 100%;
    background: url(https://kurashiec202009.itembox.design/item/_assets/img/bg_spMenu.jpg) no-repeat
      center/100%;
    background-size: cover;
    color: #fff;
    font-size: 20px;
    padding: 0;
    height: 64px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
  }

  .menu.menu__v3 > ul > li:last-child > a:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: -9em;
    max-width: 48px;
    width: 40px;
    height: 47px;
    margin: auto;
    background: url(https://kurashiec202009.itembox.design/item/_assets/img/icon_guide.png)
      no-repeat center/100% !important;
  }

  .menu.menu__v3 > ul > li:last-child > a:after {
    width: 10px;
    height: 10px;
    border-right: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
  }

  .menu.menu__v3 > ul > li:last-child > ul {
    border-top: none;
    padding: 0;
  }

  .menu.menu__v3 > ul > li:last-child > ul > li > ul > li {
    width: 100%;
    border-bottom: none;
    padding: 0;
  }

  .menu.menu__v3 > ul > li:last-child > ul > li > ul > li a {
    position: relative;
    width: 100%;
    padding: 19px 20px;
    text-indent: 0;
  }

  .menu.menu__v3 > ul > li:last-child > ul > li > ul > li a:after {
    content: "";
    position: absolute;
    top: 0;
    right: 1.7em;
    bottom: 0;
    width: 8px;
    height: 8px;
    margin: auto;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-right: 1px solid #1c1c1c;
    border-bottom: 1px solid #1c1c1c;
  }
}

.menuHead .fs-clientInfo {
  padding: 1em;
  font-size: 3.3vw;
  background: #f2f5f7;
}

.menuHead > span {
  display: block;
  margin-bottom: 0;
  padding: 0.5em 0;
  text-align: center;
  border-bottom: 1px solid #dadcdf;
}

.menuHead > span a {
  position: relative;
  display: inline-block !important;
  margin: auto;
  font-family: "Kumbh Sans", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",
    "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 3.3vw;
  text-align: center !important;
  text-decoration: none !important;
  letter-spacing: 0.2em;
}

.menuHead > span:nth-of-type(1) a {
  display: table !important;
  width: auto;
  padding-left: 4em;
}

.menuHead > span:nth-of-type(1) a:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15%;
  max-width: 48px;
  height: 48px;
  margin: auto;
  background: url(../img/icon_fa1.png) no-repeat center/100%;
}

.menuHead > span:nth-of-type(2) a {
  width: 49%;
  padding: 3.5em 0 0;
}

.menuHead > span:nth-of-type(2) a:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 15%;
  max-width: 48px;
  height: 48px;
  margin: auto;
  background: url(../img/icon_fa2.png) no-repeat center/100%;
}

.menuHead > span:nth-of-type(2) a:last-child:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 1px;
  height: 70%;
  margin: auto;
  background: #dadcdf;
}

.megaNavi > li {
  text-align: center;
}

.megaNavi > li a {
  margin: auto;
  padding: 0 0 0.5em !important;
  text-indent: inherit !important;
}

.megaNavi > li a span {
  position: relative;
  display: table;
  margin: auto;
  padding: 8px;
  table-layout: fixed;
}

.megaNavi > li a span:after {
  /* content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  opacity: 0;
  border: 1px solid #1c1c1c; */
}

.megaNavi > li a:hover span:after {
  -webkit-transition: 0.2s;
  transition: 0.2s;
  opacity: 1;
}

.megaNavi > li a img {
  margin-right: auto !important;
}

.megaNavi.brandNavi > li a span:after {
  opacity: 1;
  border-color: #dadcdf;
}

.megaNavi.brandNavi > li a span:hover:after {
  border-color: #1c1c1c;
}

.colorNavi > li {
  text-align: left;
}

.colorNavi > li a {
  position: relative;
  padding: 0 0 0 1.5em !important;
  text-indent: inherit !important;
}

.colorNavi > li a:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15px;
  height: 15px;
  margin: auto;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  border: 1px solid #1c1c1c;
}

@media screen and (max-width: 750px) {
  .colorNavi > li a:before {
    width: 10px;
    height: 10px;
  }
}

.colorNavi > li a:hover:before {
  -webkit-transition: 0.2s;
  transition: 0.2s;
  background: #1c1c1c;
}

.colorNavi > li strong {
  display: inline-block;
  width: 80px;
}

.colorNavi > li span {
  display: inline-block;
  width: 20%;
  max-width: 56px;
  height: 24px;
  margin-left: 0.5em;
  vertical-align: middle;
  border: 1px solid #dadcdf;
  background: #fff;
}

.colorNavi > li span.color2 {
  background: #000;
}

.colorNavi > li span.color3 {
  background: #dadcdf;
}

.colorNavi > li span.color4 {
  background: #694f48;
}

.colorNavi > li span.color5 {
  background: #cec0ad;
}

.colorNavi > li span.color6 {
  background: #4d5477;
}

.colorNavi > li span.color7 {
  background: #6f94d9;
}

.colorNavi > li span.color8 {
  background: #8aca81;
}

.colorNavi > li span.color9 {
  background: #f84141;
}

.colorNavi > li span.color10 {
  background: #d6a2cf;
}

.colorNavi > li span.color11 {
  background: #f7a13c;
}

.colorNavi > li span.color12 {
  background: #ebe364;
}

.colorNavi > li span.color13 {
  background: #8e7ba9;
}

.colorNavi > li span.color14 {
  background: linear-gradient(135deg, white 0%, #e1e1e1 100%);
}

.colorNavi > li span.color15 {
  background: linear-gradient(135deg, white 0%, #c8b276 100%);
}

.colorNavi > li span.color16 {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#6f94d9),
    color-stop(25%, #6f94d9),
    color-stop(25%, #ebe364),
    color-stop(50%, #ebe364),
    color-stop(50%, #ebe364),
    color-stop(50%, #f84141),
    color-stop(75%, #f84141),
    color-stop(75%, #694f48),
    to(#694f48)
  );
  background: linear-gradient(
    to right,
    #6f94d9 0%,
    #6f94d9 25%,
    #ebe364 25%,
    #ebe364 50%,
    #ebe364 50%,
    #f84141 50%,
    #f84141 75%,
    #694f48 75%,
    #694f48 100%
  );
}

.category_title {
  background-image: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#dadcdf),
    color-stop(24%, #dadcdf),
    color-stop(26%, transparent),
    color-stop(49%, transparent),
    color-stop(51%, #dadcdf),
    color-stop(74%, #dadcdf),
    color-stop(76%, transparent),
    to(transparent)
  );
  background-image: linear-gradient(
    to right bottom,
    #dadcdf,
    #dadcdf 24%,
    transparent 26%,
    transparent 49%,
    #dadcdf 51%,
    #dadcdf 74%,
    transparent 76%,
    transparent
  );
  background-repeat: repeat;
  background-size: 4px 4px;
  position: relative;
  margin: 0 auto;
  padding: 5% 0;
  background-color: #f2f5f7;
}

.category_title h1 {
  margin: auto;
  font-weight: bold;
  text-align: center;
}

.topix-1 .underTitle {
  padding: 15% 0 !important;
  color: transparent;
  background: url(../img/h1_topix.jpg) no-repeat center/cover;
}

h1.underTitle {
  background-image: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#dadcdf),
    color-stop(24%, #dadcdf),
    color-stop(26%, transparent),
    color-stop(49%, transparent),
    color-stop(51%, #dadcdf),
    color-stop(74%, #dadcdf),
    color-stop(76%, transparent),
    to(transparent)
  );
  background-image: linear-gradient(
    to right bottom,
    #dadcdf,
    #dadcdf 24%,
    transparent 26%,
    transparent 49%,
    #dadcdf 51%,
    #dadcdf 74%,
    transparent 76%,
    transparent
  );
  background-repeat: repeat;
  background-size: 4px 4px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  margin: 0 auto 1em;
  padding: 5% 0;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.1em;
  color: #1c1c1c;
  background-color: #f2f5f7;
}

h1.underTitle span {
  display: block;
  margin: auto;
  font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ",
    "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

main h2,
main h1 {
  position: relative;
  margin: 0 auto 1em;
  padding: 0 0;
  font-family: "Kumbh Sans", sans-serif;
  font-weight: bold;
  line-height: 1.3;
  text-align: center;
  letter-spacing: 0.1em;
  color: #1c1c1c;
}

main h2 span,
main h1 span {
  display: block;
  margin: 0.5em auto;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 0.08em;
}

@media screen and (max-width: 750px) {
  main h2 span,
  main h1 span {
    margin: 0.1em auto;
    font-weight: normal;
  }
}

main h1 {
  margin-bottom: 2em;
}

main h3 {
  position: relative;
  display: block;
  margin: 1em auto;
  padding: 0.5em;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  letter-spacing: 0.16em;
  color: #1c1c1c;
}

main h1 a,
main h1 a:hover,
main h2 a,
main h2 a:hover,
main h3 a,
main h3 a:hover,
main h4 a,
main h4 a:hover,
main h5 a,
main h5 a:hover,
main h6 a,
main h6 a:hover {
  text-decoration: none;
  color: inherit;
}

main h1 img,
main h2 img,
main h3 img,
main h4 img,
main h5 img,
main h6 img {
  vertical-align: middle;
}

.numberTitle span {
  position: relative;
  display: inline;
  padding-left: 1.5em;
  font-size: 100%;
  vertical-align: text-bottom;
}

.numberTitle span:after {
  content: "0" counter(number);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  counter-increment: number 1;
}

.columnWrap {
  display: block;
  overflow: hidden;
  width: 100%;
  table-layout: fixed;
}

.columnWrap .columnRow {
  position: relative;
  display: block;
  clear: both;
  overflow: hidden;
  width: 100%;
  padding: 0;
}

.columnWrap .columnRow > .columnBlock {
  display: inline-block;
  float: left;
  width: 48.5%;
  margin: auto;
  margin-top: 1.3%;
  margin-left: 1.5%;
  padding: 0;
  text-align: left;
}

.columnWrap .columnRow > .columnBlock p {
  text-align: left;
}

.columnWrap .columnRow > .columnBlock figure {
  display: block;
  margin: auto;
}

.columnWrap .columnRow > .columnBlock:first-child {
  margin-left: 0 !important;
}

.columnWrap .columnRow > .columnBlock:last-child {
  margin-right: 0 !important;
}

.columnWrap .columnRow.-vertical > .columnBlock {
  position: relative;
  float: none;
  vertical-align: middle;
}

.columnWrap .columnRow.-reversal > .columnBlock {
  position: relative;
  float: right;
}

.columnWrap .columnRow .columnBlock.last + .columnBlock {
  clear: both;
  margin-left: 0;
}

.columnWrap .columnRow.-reversal > .columnBlock:first-child {
  margin-left: 1% !important;
}

.columnWrap .columnRow.-reversal > .columnBlock:last-child {
  margin-left: 0;
}

.columnWrap .columnRow.-wide > .columnBlock {
  width: 46.5%;
  margin-left: 6.5%;
}

.columnWrap .columnRow.columnBlocks-2 > .columnBlock {
  width: calc((100% - 1.52%) / 2);
  margin-left: 1.5%;
}

.columnWrap .columnRow.columnBlocks-2 > .columnBlock:nth-child(2n) + .columnBlock {
  clear: both;
  margin-left: 0;
}

.columnWrap .columnRow.columnBlocks-3 > .columnBlock {
  width: calc((100% - 3.04%) / 3);
  margin-left: 1.5%;
}

.columnWrap .columnRow.columnBlocks-3 > .columnBlock:nth-child(3n) + .columnBlock {
  clear: both;
  margin-left: 0;
}

.columnWrap .columnRow.columnBlocks-4 > .columnBlock {
  width: calc((100% - 4.56%) / 4);
  margin-left: 1.5%;
}

.columnWrap .columnRow.columnBlocks-4 > .columnBlock:nth-child(4n) + .columnBlock {
  clear: both;
  margin-left: 0;
}

.columnWrap .columnRow.columnBlocks-5 > .columnBlock {
  width: calc((100% - 6.08%) / 5);
  margin-left: 1.5%;
}

.columnWrap .columnRow.columnBlocks-5 > .columnBlock:nth-child(5n) + .columnBlock {
  clear: both;
  margin-left: 0;
}

.columnWrap .columnRow.columnBlocks-6 > .columnBlock {
  width: calc((100% - 7.6%) / 6);
  margin-left: 1.5%;
}

.columnWrap .columnRow.columnBlocks-6 > .columnBlock:nth-child(6n) + .columnBlock {
  clear: both;
  margin-left: 0;
}

.columnWrap .columnRow.columnBlocks-7 > .columnBlock {
  width: calc((100% - 9.12%) / 7);
  margin-left: 1.5%;
}

.columnWrap .columnRow.columnBlocks-7 > .columnBlock:nth-child(7n) + .columnBlock {
  clear: both;
  margin-left: 0;
}

.columnWrap .columnRow.columnBlocks-8 > .columnBlock {
  width: calc((100% - 10.64%) / 8);
  margin-left: 1.5%;
}

.columnWrap .columnRow.columnBlocks-8 > .columnBlock:nth-child(8n) + .columnBlock {
  clear: both;
  margin-left: 0;
}

.columnRow > .columnBlock.-wd10 {
  width: 9%;
}

.columnRow > .columnBlock.-wd15 {
  width: 14%;
}

.columnRow > .columnBlock.-wd20 {
  width: 19%;
}

.columnRow > .columnBlock.-wd25 {
  width: 24%;
}

.columnRow > .columnBlock.-wd30 {
  width: 29%;
}

.columnRow > .columnBlock.-wd35 {
  width: 34%;
}

.columnRow > .columnBlock.-wd40 {
  width: 39%;
}

.columnRow > .columnBlock.-wd45 {
  width: 44%;
}

.columnRow > .columnBlock.-wd50 {
  width: 49%;
}

.columnRow > .columnBlock.-wd55 {
  width: 54%;
}

.columnRow > .columnBlock.-wd60 {
  width: 59%;
}

.columnRow > .columnBlock.-wd65 {
  width: 64%;
}

.columnRow > .columnBlock.-wd70 {
  width: 69%;
}

.columnRow > .columnBlock.-wd75 {
  width: 74%;
}

.columnRow > .columnBlock.-wd80 {
  width: 79%;
}

.columnRow > .columnBlock.-wd85 {
  width: 84%;
}

.columnRow > .columnBlock.-wd90 {
  width: 89%;
}

.columnRow > .columnBlock.-wd95 {
  width: 94%;
}

.columnRow > .columnBlock.-wd100 {
  width: 99%;
}

.columnRow > .columnBlock.-wd100 {
  width: 100%;
}

@media (max-width: 750px) {
  .columnWrap .columnRow:not(.-fix) > .columnBlock {
    display: block;
    float: none;
    width: 100%;
    margin: 0 auto 15px;
  }

  .columnWrap .columnRow:not(.-fix) > .columnBlock:first-child {
    margin-left: 0 !important;
  }

  .columnWrap .columnRow:not(.-fix) .-wd10,
  .columnWrap .columnRow:not(.-fix) .-wd20,
  .columnWrap .columnRow:not(.-fix) .-wd30,
  .columnWrap .columnRow:not(.-fix) .-wd40,
  .columnWrap .columnRow:not(.-fix) .-wd60,
  .columnWrap .columnRow:not(.-fix) .-wd70,
  .columnWrap .columnRow:not(.-fix) .-wd80,
  .columnWrap .columnRow:not(.-fix) .-wd90,
  .columnWrap .columnRow:not(.-fix) .-wd15,
  .columnWrap .columnRow:not(.-fix) .-wd25,
  .columnWrap .columnRow:not(.-fix) .-wd35,
  .columnWrap .columnRow:not(.-fix) .-wd45,
  .columnWrap .columnRow:not(.-fix) .-wd65,
  .columnWrap .columnRow:not(.-fix) .-wd75,
  .columnWrap .columnRow:not(.-fix) .-wd85,
  .columnWrap .columnRow:not(.-fix) .-wd95 {
    width: 100%;
  }

  .columnWrap .columnRow:not(.-fix).-sp_2 > .columnBlock {
    display: inline-block;
    float: left;
    width: 48.4%;
    margin: auto;
    margin-top: 2%;
    padding: 0;
    text-align: left;
  }

  .columnWrap .columnRow:not(.-fix).-sp_2 > .columnBlock:nth-child(even) {
    margin-left: 3%;
  }

  .columnWrap .columnRow:not(.-fix).-sp_2 > .columnBlock:nth-child(odd) {
    clear: both;
  }

  .columnWrap
    .columnRow:not(.-fix).-sp_2.columnBlocks-2
    > .columnBlock:nth-child(2n)
    + .columnBlock {
    clear: none;
  }

  .columnWrap
    .columnRow:not(.-fix).-sp_2.columnBlocks-3
    > .columnBlock:nth-child(3n)
    + .columnBlock {
    clear: none;
  }

  .columnWrap
    .columnRow:not(.-fix).-sp_2.columnBlocks-4
    > .columnBlock:nth-child(4n)
    + .columnBlock {
    clear: none;
  }

  .columnWrap
    .columnRow:not(.-fix).-sp_2.columnBlocks-5
    > .columnBlock:nth-child(5n)
    + .columnBlock {
    clear: none;
  }

  .columnWrap
    .columnRow:not(.-fix).-sp_2.columnBlocks-6
    > .columnBlock:nth-child(6n)
    + .columnBlock {
    clear: none;
  }

  .columnWrap
    .columnRow:not(.-fix).-sp_2.columnBlocks-7
    > .columnBlock:nth-child(7n)
    + .columnBlock {
    clear: none;
  }

  .columnWrap
    .columnRow:not(.-fix).-sp_2.columnBlocks-8
    > .columnBlock:nth-child(8n)
    + .columnBlock {
    clear: none;
  }

  .columnWrap .columnRow:not(.-fix).-sp_3 > .columnBlock {
    display: inline-block;
    float: left;
    width: 32.43333%;
    margin: auto;
    margin-top: 2%;
    padding: 0;
    text-align: left;
  }

  .columnWrap .columnRow:not(.-fix).-sp_3 > .columnBlock:not(:nth-child(3n + 1)) {
    margin-left: 1.3%;
  }

  .columnWrap .columnRow:not(.-fix).-sp_3 > .columnBlock:nth-child(3n + 1) {
    clear: both;
  }

  .columnWrap
    .columnRow:not(.-fix).-sp_3.columnBlocks-2
    > .columnBlock:nth-child(2n)
    + .columnBlock {
    clear: none;
  }

  .columnWrap
    .columnRow:not(.-fix).-sp_3.columnBlocks-3
    > .columnBlock:nth-child(3n)
    + .columnBlock {
    clear: none;
  }

  .columnWrap
    .columnRow:not(.-fix).-sp_3.columnBlocks-4
    > .columnBlock:nth-child(4n)
    + .columnBlock {
    clear: none;
  }

  .columnWrap
    .columnRow:not(.-fix).-sp_3.columnBlocks-5
    > .columnBlock:nth-child(5n)
    + .columnBlock {
    clear: none;
  }

  .columnWrap
    .columnRow:not(.-fix).-sp_3.columnBlocks-6
    > .columnBlock:nth-child(6n)
    + .columnBlock {
    clear: none;
  }

  .columnWrap
    .columnRow:not(.-fix).-sp_3.columnBlocks-7
    > .columnBlock:nth-child(7n)
    + .columnBlock {
    clear: none;
  }

  .columnWrap
    .columnRow:not(.-fix).-sp_3.columnBlocks-8
    > .columnBlock:nth-child(8n)
    + .columnBlock {
    clear: none;
  }
}

.flexBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  margin: 0;
  padding: 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.flexBox.-vertical {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.flexBox.-reversal {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

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

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

.flexBox.columnBlocks-2 > * {
  width: calc(100% / 2 - 1px);
}

.flexBox.columnBlocks-3 > * {
  width: calc(100% / 3 - 1px);
}

.flexBox.columnBlocks-4 > * {
  width: calc(100% / 4 - 1px);
}

.flexBox.columnBlocks-5 > * {
  width: calc(100% / 5 - 1px);
}

.flexBox.columnBlocks-6 > * {
  width: calc(100% / 6 - 1px);
}

.flexBox.columnBlocks-7 > * {
  width: calc(100% / 7 - 1px);
}

.flexBox.columnBlocks-8 > * {
  width: calc(100% / 8 - 1px);
}

@media screen and (max-width: 750px) {
  .flexBox:not(.fix) > * {
    display: block;
    width: 100%;
  }

  .flexBox:not(.fix) > *:not(ul) {
    margin: 0 auto 3%;
  }

  .flexBox.-sp_2 > * {
    width: calc(100% / 2);
  }

  .flexBox.-sp_3 > * {
    width: calc(100% / 3);
  }
}
/* 
footer {
  position: relative;
  overflow: hidden;
  height: auto;
  padding: 0;
  line-height: 1.3;
  background: #dadcdf;
} */

.footIcon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

@media screen and (max-width: 750px) {
  .footIcon {
    margin-top: 20px;
  }
}

.footIcon li {
  margin: 0 27px;
}
/* 
footer nav {
  width: 100%;
} */

.footNavi {
  width: 100%;
  margin: auto;
  background: none;
}

.footNavi li {
  display: block;
  margin: 0 auto;
  padding: 0;
  border-bottom: 1px solid #fff;
}

.footNavi li a {
  position: relative;
  display: block;
  padding: 1.1em;
  font-size: 13px;
  font-size: 1.3rem;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  text-align: center;
  text-decoration: none;
  color: #1c1c1c;
  background: #dadcdf;
}

.footNavi li a:after {
  content: "";
  position: absolute;
  top: 0;
  right: 1px;
  bottom: 0;
  left: auto;
  width: 1px;
  height: 100%;
  margin: auto;
  border-right: 1px solid #fff;
}

.footNavi li a:hover {
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

@media screen and (min-width: 751px) {
  /* footer .flexBox {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  } */

  .footLogo {
    width: 30%;
    background: #f2f5f7;
  }

  .footNavi {
    margin: 25px 0 15px;
    text-align: center;
  }

  .footNavi li {
    position: relative;
    display: inline-block;
    margin-bottom: 0em;
    border-bottom: 0;
  }

  .footNavi li a {
    position: relative;
    padding: 0 1em;
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: normal;
    text-decoration: none;
    letter-spacing: 0.1em;
    color: #1c1c1c;
    background: none;
  }

  .footNavi li a:hover {
    text-decoration: underline;
    background: none;
  }

  .footNavi li:not(:first-child):not([class]) a:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 1px;
    height: 70%;
    margin: auto;
    background: #1c1c1c;
  }

  .footNavi li.parent {
    position: relative;
    display: block;
    padding-left: 0;
    text-align: left;
  }

  .footNavi li.parent:before {
    content: none;
    position: absolute;
    top: 0;
    right: auto;
    bottom: 0;
    left: 5px;
    width: 0.5em;
    height: 2px;
    margin: auto;
    -webkit-transform: none;
    transform: none;
    border: 0;
    background: #363636;
  }

  .footNavi li.parent a {
    font-size: 120%;
  }

  .footNavi li.parent ~ li:not(.parent) {
    display: block;
    float: none;
    margin-bottom: 5px;
    padding-left: 1.5em;
    text-align: left;
  }

  .footNavi li.parent ~ li:not(.parent) a:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 0.5em;
    height: 2px;
    margin: auto;
    background: #363636;
  }

  .footNavi li a:after {
    content: none;
  }
}

.copy {
  display: block;
  margin: 0 auto 0;
  padding: 0.5em 0;
  text-align: center;
  background: transparent;
}

@media screen and (max-width: 750px) {
  .copy {
    background: #fff;
  }
}

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

.copy p {
  margin: 0;
  padding: 0;
  font-size: 10px;
  text-align: center;
  letter-spacing: 0.04em;
  color: #000;
}

#toTop {
  position: fixed;
  z-index: 9999;
  right: 2%;
  bottom: 2%;
  display: inline-block;
  width: 40px;
  height: 40px;
  white-space: nowrap;
  text-indent: 100%;
  border-radius: 50%;
  background: #1c1c1c;
}

@media screen and (max-width: 750px) {
  #toTop {
    position: relative;
    z-index: 99;
    top: 0;
    right: 0;
    bottom: inherit;
    width: 100%;
    height: 50px;
    border: 0;
    border-radius: 0;
  }

  #toTop:after {
    width: 15px;
    height: 15px;
  }

  #toTop:before {
    content: none;
  }
}

#toTop:after {
  content: "";
  position: absolute;
  top: 5%;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 10px;
  height: 10px;
  margin: auto;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
}

#toTop img {
  width: 40px;
}

@-webkit-keyframes rotation {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rotation {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.footLogo {
  margin: 8% auto;
}

@media screen and (max-width: 750px) {
  .footLogo {
    margin-bottom: 1em;
  }
}

@media screen and (max-width: 750px) {
  .footNavi li {
    display: inline-block;
    width: calc(50% - 2px);
  }

  .footNavi li:nth-child(2n-1) {
    margin-left: -4px;
  }

  .footNavi li:nth-child(2n-1) a:after {
    content: none;
  }

  .footNavi li a {
    font-size: 3vw;
  }

  .footNavi {
    margin: 8% auto 0;
    border-top: 1px solid #fff;
  }
}

/*/-----------------TOPページ*/
header .btnStyle {
  width: 200px;
}

@media screen and (min-width: 751px) {
  header .headInfo {
    margin-right: 2%;
  }

  header .headInfo nav {
    padding-right: 3%;
  }
}

.mainImage {
  position: relative;
  overflow: hidden;
  width: 100%;
  text-align: center;
}

.mainImage .slide img {
  width: 100%;
}

.mainCatch {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  max-width: 1080px;
  margin: auto;
}

@media screen and (max-width: 750px) {
  .mainCatch {
    margin-bottom: 30px;
  }
}

.mainCatch figure {
  -webkit-animation: catchfade 1.5s ease 0s 1 forwards;
  animation: catchfade 1.5s ease 0s 1 forwards;
  opacity: 0;
}

.mainCatch img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  max-width: 1080px !important;
  max-height: 660px;
  margin: auto !important;
  opacity: 1;
}

@-webkit-keyframes catchfade {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes catchfade {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes fuwafuwa {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  50% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fuwafuwa {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  50% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@media screen and (max-width: 750px) {
  .topContents {
    font-size: 3.3vw;
  }

  .topContents p,
  .topContents figcaption {
    font-size: 3.3vw;
  }
}

.sec01 {
  margin-bottom: 0;
  padding: 5% 0;
}

@media screen and (min-width: 751px) {
  .sec01 .inner {
    max-width: inherit;
    padding: 0;
  }
}

@media screen and (max-width: 750px) {
  .sec01 {
    padding: 8% 0;
  }
}

.sec01 .scaleBox,
.sec01 .scaleBox > span {
  display: block;
}

.sec01 figure {
  position: relative;
}

.sec01 figure figcaption {
  position: absolute;
  bottom: 16px;
  left: 8px;
  display: table;
  margin: auto;
  padding: 0.6em 1em;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6;
  table-layout: fixed;
  table-layout: fixed;
  letter-spacing: 0.1em;
  color: #fff;
  background: rgba(28, 28, 28, 0.9);
}

@media screen and (max-width: 750px) {
  .sec01 figure figcaption {
    position: relative;
    bottom: 0;
    left: 0;
    display: block;
    margin: 0.5em 0 0;
    padding: 0;
    font-size: 3vw;
    color: #1c1c1c;
    background: none;
  }
}

.sec01 figure figcaption span {
  margin-right: 1em;
  font-family: "Kumbh Sans", sans-serif;
}

@media screen and (max-width: 750px) {
  .sec01 figure figcaption span {
    padding: 0.3em 0.5em 0.1em;
    color: #fff;
    background: rgba(28, 28, 28, 0.9);
  }
}

@media screen and (min-width: 751px) {
  .sec01 .columnBlocks-2 {
    margin-bottom: 16px;
  }
}

@media screen and (min-width: 751px) {
  .sec01 .columnBlocks-2 figure:nth-of-type(1) {
    padding-right: 8px;
  }

  .sec01 .columnBlocks-2 figure:nth-of-type(2) {
    padding-left: 8px;
  }
}

.sec01 .columnBlocks-2 figure img {
  width: 100%;
}

@media screen and (max-width: 750px) {
  .sec01 .columnBlocks-3 {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .sec01 .columnBlocks-3 figure {
    margin: 3% 0;
  }

  .sec01 .columnBlocks-3 figure:nth-of-type(odd) {
    padding-right: 4px;
  }

  .sec01 .columnBlocks-3 figure:nth-of-type(2n) {
    padding-left: 4px;
  }
}

@media screen and (min-width: 751px) {
  .sec01 .columnBlocks-3 figure:nth-of-type(1) {
    padding-right: 8px;
  }

  .sec01 .columnBlocks-3 figure:nth-of-type(1) figcaption {
    left: 0;
  }

  .sec01 .columnBlocks-3 figure:nth-of-type(2) {
    padding-right: 4px;
    padding-left: 4px;
  }

  .sec01 .columnBlocks-3 figure:nth-of-type(2) figcaption {
    left: 4px;
  }

  .sec01 .columnBlocks-3 figure:nth-of-type(3) {
    padding-left: 8px;
  }
}

.sec01 .columnBlocks-3 figure img {
  width: 100%;
}

.sec02,
.sec03,
.sec04 {
  margin-bottom: 3%;
  padding: 5% 0;
}

@media screen and (max-width: 750px) {
  .sec02,
  .sec03,
  .sec04 {
    padding: 8% 0;
  }
}

.sec02 figure a,
.sec03 figure a,
.sec04 figure a {
  text-decoration: none;
}

.sec02 figure figcaption,
.sec03 figure figcaption,
.sec04 figure figcaption {
  padding: 0.9em;
  line-height: 1.4;
  letter-spacing: 0.01em;
}

.sec02 .textPrice,
.sec03 .textPrice,
.sec04 .textPrice {
  display: block;
  margin: 0.8em 0;
}

.sec03 {
  margin-bottom: 5%;
  padding: 0 0 2.5%;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(white),
    color-stop(3%, white),
    color-stop(3%, #f2f5f7),
    to(#f2f5f7)
  );
  background: linear-gradient(to bottom, white 0%, white 3%, #f2f5f7 3%, #f2f5f7 100%);
}

@media screen and (max-width: 750px) {
  .sec03 .inner {
    padding: 0;
  }
}

.sec03 figure {
  position: relative;
  display: table;
  width: 100%;
  margin: auto;
  padding: 35px 5px 0;
  table-layout: fixed;
}

@media screen and (max-width: 750px) {
  .sec03 figure {
    padding-top: 15px;
  }
}

.sec03 figure > span {
  display: table;
  margin: 0 auto 1em;
  padding: 0 0.8em;
  font-family: "Kumbh Sans", sans-serif;
  table-layout: fixed;
  counter-increment: number 1;
  text-align: center;
  letter-spacing: 0.1em;
  color: #fff;
  background: #1c1c1c;
}

.sec03 figure img {
  margin: auto;
}

.sec04 {
  padding: 3% 0;
}

@media screen and (max-width: 750px) {
  .sec04 {
    padding: 10% 0;
  }
}

.sec04 .btnStyle {
  margin-top: 3%;
}

@media screen and (min-width: 751px) {
  .sec04 .btnStyle {
    max-width: 160px;
  }
}

@media screen and (max-width: 750px) {
  .sec04 .btnStyle {
    width: 45%;
    max-width: 280px;
  }
}

.sec05 {
  margin-bottom: 0;
  padding: 3% 0;
}

@media screen and (max-width: 750px) {
  .sec05 {
    margin-bottom: 8%;
  }
}

.sec05 .btnStyle.btn2 {
  padding: 0.3em 0.1em;
  font-size: 14px;
  font-size: 1.4rem;
  letter-spacing: 0;
  border-radius: 4px;
}

@media screen and (max-width: 750px) {
  .sec05 .btnStyle.btn2 {
    font-size: 3.4vw;
  }
}

.sec05 .btnStyle.btn2:before,
.sec05 .btnStyle.btn2:after {
  content: none;
}

.sec05 .tagList .columnBlock {
  margin-top: 0.3em !important;
}

.bnrWrapper {
  margin-top: 3%;
  padding: 5% 0;
  background: url(../img/sec05_bg_sp.png) no-repeat center/cover;
}

@media screen and (min-width: 751px) {
  .bnrWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: url(../img/sec05_bg.png) no-repeat center/cover;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  .bnrWrapper > figure {
    width: 20%;
  }
}

.bnrWrapper .bnrContent {
  width: 80%;
  margin-right: -5%;
  margin-bottom: 5%;
}

@media screen and (max-width: 750px) {
  .bnrWrapper .bnrContent {
    position: relative;
    display: block;
    width: 100%;
  }

  .bnrWrapper .bnrContent:before {
    content: "";
    position: absolute;
    z-index: 9;
    top: 0;
    left: 0;
    width: 10%;
    height: 100%;
    margin: auto;
    background: #f2f5f7;
  }
}

.bnrWrapper .bnrContent img {
  padding: 2.5%;
}

.sec06 {
  margin-bottom: 0;
  padding: 3% 0;
}

.sec06 figure {
  display: table;
  padding: 8px;
  table-layout: fixed;
  border: 1px solid #1c1c1c;
}

.sec06 p {
  margin-top: 1em;
  font-weight: bold;
  letter-spacing: 0.1em;
}

.sec07 {
  margin-bottom: 0;
  padding: 3% 0;
}

@media screen and (max-width: 750px) {
  .sec07 {
    padding: 10% 0;
  }
}

.sec07 .newsList {
  margin-bottom: 5%;
}

.sec07 .newsList li {
  margin-bottom: 0.5em;
  padding: 1.2em 1.5em;
  line-height: 1.5;
  letter-spacing: 0.1em;
  background: #f2f5f7;
}

.sec07 .newsList li span {
  margin-right: 5%;
  font-family: "Kumbh Sans", sans-serif;
  font-weight: bold;
  letter-spacing: 0.16em;
}

@media screen and (max-width: 750px) {
  .sec07 .newsList li span {
    display: block;
  }
}

.sec07 .newsList a {
  position: relative;
  display: block;
  padding-right: 2em;
  text-decoration: none;
}

.sec07 .newsList a:after {
  content: "";
  position: absolute;
  top: 0;
  right: 1em;
  bottom: 0;
  width: 8px;
  height: 8px;
  margin: auto;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-top: 2px solid #1c1c1c;
  border-right: 2px solid #1c1c1c;
}

@media screen and (max-width: 750px) {
  .sec07 .newsList a:after {
    right: 0;
  }
}

@media screen and (min-width: 751px) {
  .sec07 .btnStyle {
    max-width: 160px;
  }
}

@media screen and (max-width: 750px) {
  .sec07 .btnStyle {
    width: 45%;
    max-width: 280px;
  }
}

/* footer {
  padding: 3% 0 0%;
} */

@media screen and (max-width: 750px) {
  /* footer {
    padding: 0;
  }

  footer .inner {
    padding: 0;
  } */
}

/* footer .footNavi li:nth-of-type(2) a:before {
  content: none !important;
} */

/*/-----------------下層*/
/*/-----------------PC＆SP*/
@media only screen and (min-width: 751px) {
  .pcOnly {
    display: block;
  }

  img.pcOnly {
    display: inline;
  }

  .spOnly {
    display: none !important;
  }
}

@media only screen and (max-width: 750px) {
  .pcOnly {
    display: none !important;
  }

  .spOnly {
    display: block;
  }

  img.spOnly {
    display: inline;
  }
}

/* @media only screen and (min-width: 751px) { */
@media only screen and (min-width: 901px) {
  header .pcOnly {
    display: block !important;
  }

  header img.pcOnly {
    display: inline !important;
  }

  header .spOnly {
    display: none !important;
  }
}

/* @media only screen and (max-width: 750px) { */
@media only screen and (max-width: 900px) {
  header .pcOnly {
    display: none !important;
  }

  header .spOnly {
    display: block !important;
  }

  header img.spOnly {
    display: inline !important;
  }
}

/*/-----------------ログイン*/
.fs-c-subSection__title {
  display: table;
  padding-left: 3.3em;
  font-size: 18px;
  font-size: 1.8rem;
  table-layout: fixed;
}

.fs-c-subSection__title.fs-c-registeredUsers__title:before,
.fs-c-subSection__title.fs-c-newUsers__title:before {
  content: "01";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 48px;
  height: 48px;
  margin: auto;
  padding: 0;
  padding-top: 0.2em;
  font-family: "Kumbh Sans", sans-serif;
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  letter-spacing: 0.16em;
  color: #fff;
  border-radius: 50%;
  background: #1c1c1c;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.fs-c-subSection__title.fs-c-newUsers__title:before {
  content: "03";
}

.loginAma {
  position: relative;
}

.loginAma:before {
  content: "02";
  top: 0;
  bottom: 0;
  left: 0;
  display: inline-block;
  width: 48px;
  height: 48px;
  margin: auto;
  margin-right: 0.5em;
  padding: 0;
  padding-top: 0.7em;
  font-family: "Kumbh Sans", sans-serif;
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  letter-spacing: 0.16em;
  color: #fff;
  border-radius: 50%;
  background: #1c1c1c;
}

.fs-c-inputTable {
  margin: 2% auto;
  table-layout: fixed;
  border-spacing: 0 10px;
  border-collapse: separate;
}

.fs-c-inputTable th {
  position: relative;
  width: 300px;
  padding: 0.7em 1.3em;
  text-align: left;
  background: #dadcdf;
}

.fs-c-inputTable th label {
  display: block;
}

.fs-c-inputTable th .fs-c-requiredMark {
  position: absolute;
  top: 0;
  right: 15px;
  bottom: 0;
  width: auto;
  height: 1.6em;
  margin: auto;
  padding: 0 0.2em;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1.5;
  text-indent: inherit;
  color: #fff;
  background: #1c1c1c;
}

.fs-c-inputTable th .fs-c-requiredMark:before {
  content: none;
  display: block;
  font-size: 12px;
  font-size: 1.2rem;
  color: #fff;
  background: #1c1c1c;
}

.fs-c-inputTable .fs-c-inputTable__headerCell,
.fs-c-inputTable .fs-c-inputTable__dataCell {
  border: 1px solid #dadcdf;
}

.fs-c-inputTable td {
  padding: 0;
  border: 1px solid #dadcdf;
}

@media screen and (max-width: 750px) {
  .fs-c-inputTable th,
  .fs-c-inputTable td {
    display: block;
    width: 100%;
  }
}

.fs-c-button--primary:before,
.fs-c-button--primary:after {
  content: none;
}

.fs-c-button--login,
.fs-c-button--memberRegister {
  display: block;
  margin-bottom: 1em;
}

@media screen and (min-width: 751px) {
  .fs-c-button--login,
  .fs-c-button--memberRegister {
    max-width: 200px;
  }
}

.fs-c-inputInformation__link {
  text-align: center;
}

.fs-c-fsLogin {
  margin-bottom: 5%;
}

.fs-c-subSection__message {
  margin: 2.5em auto;
  text-align: center;
}

.fs-c-button--displayPassword,
.fs-c-button--hidePassword {
  width: 40px;
  padding: 0;
  border: 0;
  background: #1c1c1c url(../img/icon_eye.png) no-repeat center/100%;
}

.fs-c-inputField {
  padding: 0.5em 1em;
}

[type="hidden"],
[type="text"],
[type="search"],
[type="tel"],
[type="url"],
[type="email"],
[type="password"],
[type="datetime"],
[type="date"],
[type="month"],
[type="week"],
[type="time"],
[type="datetime-local"],
[type="number"],
select,
textarea {
  width: 100%;
  height: 100%;
  padding: 0.75em 1em;
  border: 0;
  -webkit-appearance: none;
}

td .fs-c-inputGroup,
td .fs-c-inputGroup--vertical,
td .fs-c-inputGroup--inline {
  border: 0;
}

[type="hidden"]:focus,
[type="text"]:focus,
[type="search"]:focus,
[type="tel"]:focus,
[type="url"]:focus,
[type="email"]:focus,
[type="password"]:focus,
[type="datetime"]:focus,
[type="date"]:focus,
[type="month"]:focus,
[type="week"]:focus,
[type="time"]:focus,
[type="datetime-local"]:focus,
[type="number"]:focus,
select:focus,
textarea:focus {
  border: 0;
  outline: none;
  background: #f2f5f7;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.favoriteContent p {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 2.1;
  letter-spacing: 0.1em;
}

@media screen and (min-width: 751px) {
  .fs-body-my-wishlist .fs-c-productList__list > article {
    width: calc(100% / 4 - 2%);
  }

  .btnStyle.-wd200 {
    max-width: 200px;
  }
}

.fs-c-addressBookList__count {
  font-size: 15px;
  font-size: 1.5rem;
  letter-spacing: 0.16em;
}

.fs-c-addressBookList__count span {
  font-weight: bold;
}

@media screen and (min-width: 751px) {
  .btnStyle.-wd200.btn2 {
    padding-right: 0.5em;
    padding-left: 0.5em;
  }

  .btnStyle.-wd200.btn2:before,
  .btnStyle.-wd200.btn2:after {
    content: none;
  }
}

.fs-c-addressBookList__list tr {
  border-bottom: 1px solid #d4dadd;
}

.fs-c-addressBookList__list tr rb {
  font-size: 20px;
  font-size: 2rem;
}

.fs-c-addressBookList__list tr rt {
  font-size: 12px;
  font-size: 1.2rem;
}

.fs-c-addressBookList__list tr td:first-child {
  width: 30%;
  text-align: center;
}

@media screen and (max-width: 750px) {
  .fs-c-addressBookList__list tr td:first-child {
    display: block;
    width: 100%;
  }
}

.fs-c-addressBookList__list tr td {
  padding-top: 2em;
  padding-bottom: 2em;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 2;
  letter-spacing: 0.1em;
}

@media screen and (max-width: 750px) {
  .fs-c-addressBookList__list tr td {
    display: block;
    width: 100%;
  }
}

.fs-c-addressBookList__list tr .fs-c-button--changeInfomation,
.fs-c-addressBookList__list tr .fs-c-button--delete {
  display: block;
  width: 100%;
  margin: 5px auto;
  font-size: 15px;
  font-size: 1.5rem;
  -webkit-transition: 0.2;
  transition: 0.2;
  text-align: center;
  letter-spacing: 0.1em;
  border: 1px solid #1c1c1c;
  background: #fff;
}

@media screen and (min-width: 751px) {
  .fs-c-addressBookList__list tr .fs-c-button--changeInfomation,
  .fs-c-addressBookList__list tr .fs-c-button--delete {
    max-width: 100px;
  }
}

.fs-c-addressBookList__list tr td:last-child {
  width: 120px;
}

@media screen and (max-width: 750px) {
  .fs-c-addressBookList__list tr td:last-child {
    width: 100%;
  }
}

.fs-c-addressBookList__addButton {
  visibility: hidden;
}

.fs-c-addressBookList__count {
  text-align: center;
}

.fs-c-listTable {
  margin-bottom: 8%;
}

.fs-c-inputInformation__message p {
  text-align: center;
}

.fs-c-inputInformation__button {
  text-align: center;
}

.fs-c-inputInformation__button .fs-c-button--cancel,
.fs-c-inputInformation__button .fs-c-button--confirmChange,
.fs-c-inputInformation__button .fs-c-button--register,
.fs-c-inputInformation__button .fs-c-button--confirmLeave,
.fs-c-inputInformation__button .fs-c-button--settings {
  margin-bottom: 5%;
  vertical-align: bottom;
}

@media screen and (min-width: 751px) {
  .fs-c-inputInformation__button .fs-c-button--cancel,
  .fs-c-inputInformation__button .fs-c-button--confirmChange,
  .fs-c-inputInformation__button .fs-c-button--register,
  .fs-c-inputInformation__button .fs-c-button--confirmLeave,
  .fs-c-inputInformation__button .fs-c-button--settings {
    max-width: 200px;
  }
}

.fs-c-inputInformation__button .fs-c-button--cancel:before,
.fs-c-inputInformation__button .fs-c-button--cancel:after,
.fs-c-inputInformation__button .fs-c-button--confirmChange:before,
.fs-c-inputInformation__button .fs-c-button--confirmChange:after,
.fs-c-inputInformation__button .fs-c-button--register:before,
.fs-c-inputInformation__button .fs-c-button--register:after,
.fs-c-inputInformation__button .fs-c-button--confirmLeave:before,
.fs-c-inputInformation__button .fs-c-button--confirmLeave:after,
.fs-c-inputInformation__button .fs-c-button--settings:before,
.fs-c-inputInformation__button .fs-c-button--settings:after {
  content: none;
}

.fs-body-my-addressbook-edit .hr {
  margin: 3% auto 4%;
}

.btnMypage {
  margin-bottom: 5%;
}

.fs-body-my-top .fs-c-wishlistProduct,
.fs-body-my-top .fs-c-accountService {
  display: none;
}

.grayBg {
  padding: 3% 0;
  background: #dadcdf;
}

.fs-body-my-top .blackBox.tableBox {
  margin: 0 auto 2em;
}

.mypageContent {
  margin-bottom: 5%;
  padding: 5% 0;
}

.fs-body-my-account-settings .fs-c-inputTable td,
.fs-body-my-account-delete .fs-c-inputTable td {
  padding: 0.5em 1em;
}

.fs-body-my-account-settings .hr,
.fs-body-my-account-delete .hr {
  margin: 3% auto;
}

.fs-c-button--change,
.fs-c-button--confirmRegister,
.fs-c-button--send,
.fs-c-button--confirmLeave {
  padding-right: 0.5em;
}

@media screen and (min-width: 751px) {
  .fs-c-button--change,
  .fs-c-button--confirmRegister,
  .fs-c-button--send,
  .fs-c-button--confirmLeave {
    max-width: 200px;
  }
}

.fs-c-button--change:before,
.fs-c-button--change:after,
.fs-c-button--confirmRegister:before,
.fs-c-button--confirmRegister:after,
.fs-c-button--send:before,
.fs-c-button--send:after,
.fs-c-button--confirmLeave:before,
.fs-c-button--confirmLeave:after {
  content: none;
}

.fs-body-my-account-settings-edit .hr,
.fs-body-my-addressbook-new .hr {
  margin: 3% auto;
}

.fs-c-history__termCtrl {
  max-width: 400px;
  margin: 0 auto 5%;
}

.fs-c-history__termCtrl select {
  border: 1px solid #dadcdf;
}

.fs-c-pairList {
  grid-column-gap: 0px;
  margin-bottom: 5%;
}

.fs-c-pairList dt,
.fs-c-pairList dd {
  margin-right: 0;
  padding: 0.8em 1em;
  font-size: 15px;
  font-size: 1.5rem;
  text-align: center;
  border: 1px solid #dadcdf;
}

@media screen and (min-width: 751px) {
  .fs-c-pairList dt,
  .fs-c-pairList dd {
    width: 200px;
  }
}

.fs-c-pairList dt:before,
.fs-c-pairList dt:after,
.fs-c-pairList dd:before,
.fs-c-pairList dd:after {
  content: none;
}

.fs-c-pairList dt {
  background: #dadcdf;
}

.fs-c-history__listContainer {
  margin-bottom: 3%;
}

.fs-c-button--confirmRegister,
.fs-c-button--send {
  margin-bottom: 4%;
}

.fs-c-pointSummary {
  display: block;
  max-width: 640px;
  margin: 0 auto 5%;
  padding: 2em 1.5em;
  border: 20px solid #dadada;
}

.fs-c-pointSummary dt,
.fs-c-pointSummary dd {
  display: inline-block;
  width: 49%;
  font-size: 15px;
  font-size: 1.5rem;
  vertical-align: middle;
  letter-spacing: 0.1em;
}

.fs-c-pointSummary dd {
  text-align: right;
}

.fs-c-pointSummary .fs-c-pointSummary__value--availablePoint {
  font-size: 32px;
  font-size: 3.2rem;
  font-weight: bold;
  letter-spacing: 0.16em;
}

/*/-----------------注文履歴*/
.fs-c-orderHistoryItem {
  margin-bottom: 2em;
  border: 1px solid #dadcdf;
}

.fs-c-history__listContainer .fs-c-listControl__status {
  margin-bottom: 1em;
  text-align: left;
}

.fs-c-history__listContainer .fs-c-orderHistoryItem__header {
  position: relative;
  padding: 0.8em 1em;
  background: #f2f5f7;
}

@media screen and (min-width: 751px) {
  .fs-c-history__listContainer
    .fs-c-orderHistoryItem__header
    .fs-c-orderHistoryItem__header__button {
    display: inline-block;
    width: 29%;
    vertical-align: middle;
  }

  .fs-c-history__listContainer .fs-c-orderHistoryItem__header .fs-c-orderHistoryItem__orderInfo {
    display: inline-block;
    width: 70%;
    vertical-align: middle;
  }
}

.fs-c-history__listContainer .fs-c-orderHistoryItem__header dl {
  display: inline-block;
  padding: 0 5%;
}

@media screen and (max-width: 750px) {
  .fs-c-history__listContainer .fs-c-orderHistoryItem__header dl {
    display: block;
    width: 100%;
    padding: 0.5em 0;
    text-align: center;
  }
}

.fs-c-history__listContainer .fs-c-orderHistoryItem__header dl:not(:last-child) {
  border-right: 1px solid #dadcdf;
}

@media screen and (max-width: 750px) {
  .fs-c-history__listContainer .fs-c-orderHistoryItem__header dl:not(:last-child) {
    border-right: 0;
    border-bottom: 1px solid #dadcdf;
  }
}

.fs-c-history__listContainer .fs-c-orderHistoryItem__product {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 1em;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

@media screen and (max-width: 750px) {
  .fs-c-history__listContainer .fs-c-orderHistoryItem__product {
    display: block;
  }
}

.fs-c-history__listContainer .fs-c-orderHistoryItem__product > div:not(:last-child) {
  padding-right: 1em;
}

@media screen and (max-width: 750px) {
  .fs-c-history__listContainer .fs-c-orderHistoryItem__product > div:not(:last-child) {
    padding: 1em 0;
    border-bottom: 1px solid #dadcdf;
  }
}

.fs-c-history__listContainer
  .fs-c-orderHistoryItem__product
  > div.fs-c-orderHistoryItem__productImage,
.fs-c-history__listContainer
  .fs-c-orderHistoryItem__product
  > div.fs-c-orderHistoryItem__productName {
  width: 20%;
}

@media screen and (max-width: 750px) {
  .fs-c-history__listContainer
    .fs-c-orderHistoryItem__product
    > div.fs-c-orderHistoryItem__productImage,
  .fs-c-history__listContainer
    .fs-c-orderHistoryItem__product
    > div.fs-c-orderHistoryItem__productName {
    width: 100%;
  }
}

.fs-c-history__listContainer
  .fs-c-orderHistoryItem__product
  > div.fs-c-orderHistoryItem__unitPrice {
  width: 30%;
}

@media screen and (max-width: 750px) {
  .fs-c-history__listContainer
    .fs-c-orderHistoryItem__product
    > div.fs-c-orderHistoryItem__unitPrice {
    width: 100%;
  }
}

@media screen and (max-width: 750px) {
  .fs-c-history__listContainer .fs-c-orderHistoryItem__product > div.fs-c-orderHistoryItem__button {
    width: 100%;
  }
}

@media screen and (max-width: 750px) {
  .fs-c-history__listContainer .fs-c-orderHistoryItem__product > div .fs-c-productImage__image {
    margin: auto;
  }
}

.fs-c-history__listContainer .fs-c-button--addReview--detail {
  position: relative;
  display: block;
  margin: auto;
  padding: 0.8em 1em;
  text-align: center;
  border: 1px solid #1c1c1c;
}

@media screen and (max-width: 750px) {
  .fs-c-history__listContainer .fs-c-button--addReview--detail {
    display: block;
    width: 100%;
    padding: 0.2em 1em;
  }
}

.fs-c-history__listContainer .fs-c-button--addReview--detail:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

/*/-----------------履歴詳細*/
.fs-c-orderDetail .fs-c-orderDetail__data dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 5%;
}

.fs-c-orderDetail .fs-c-orderDetail__data dl dt {
  width: 30%;
  background: #dadcdf;
}

.fs-c-orderDetail .fs-c-orderDetail__data dl dd {
  width: 70%;
}

.fs-c-orderDetail .fs-c-orderDetail__data dl dd,
.fs-c-orderDetail .fs-c-orderDetail__data dl dt {
  padding: 0.8em 1em;
  border: 1px solid #dadcdf;
}

@media screen and (max-width: 750px) {
  .fs-c-orderDetail .fs-c-orderDetail__data dl dd,
  .fs-c-orderDetail .fs-c-orderDetail__data dl dt {
    width: 100%;
  }
}

.fs-c-orderDetail .fs-c-orderDetail__data dl dt {
  border-bottom-color: #f2f5f7;
}

.fs-c-orderDetail .fs-c-orderDetail__addresseeInfo h2 {
  margin: 0 0 1em;
  font-size: 24px;
  font-size: 2.4rem;
  letter-spacing: 0.1em;
}

.fs-c-orderDetail .fs-c-orderPerAddressee__heading {
  padding: 0;
}

.fs-c-orderDetail .fs-c-orderPerAddressee__heading span {
  display: inline-block;
  margin-bottom: 3%;
  padding: 0.8em 1em;
  text-align: left;
  border: 1px solid #dadcdf;
}

.fs-c-orderDetail .fs-c-orderPerAddressee__heading span:first-child {
  width: 30%;
  background: #dadcdf;
}

@media screen and (max-width: 750px) {
  .fs-c-orderDetail .fs-c-orderPerAddressee__heading span:first-child {
    width: 49%;
  }
}

.fs-c-orderDetail .fs-c-orderPerAddressee__heading span:last-child {
  width: 70%;
}

@media screen and (max-width: 750px) {
  .fs-c-orderDetail .fs-c-orderPerAddressee__heading span:last-child {
    width: 49%;
  }
}

.fs-c-orderDetail .fs-c-orderPerAddressee__addressee {
  clear: both;
  width: 100%;
  margin-bottom: 5%;
}

.fs-c-orderDetail .fs-c-orderPerAddressee__addressee dt,
.fs-c-orderDetail .fs-c-orderPerAddressee__addressee dd {
  display: block;
  text-align: left;
}

.fs-c-orderDetail .fs-c-orderPerAddressee__addressee dt {
  position: relative;
  float: left;
  clear: left;
  padding-right: 1.5em;
}

.fs-c-orderDetail .fs-c-orderPerAddressee__addressee dt:after {
  content: "：";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.fs-c-orderDetail .fs-c-orderPerAddressee__addressee dd {
  display: block;
  float: left;
  padding-left: 1em;
}

.fs-c-orderDetail .fs-c-orderPerAddressee__addressee:after {
  content: "";
  display: block;
  clear: both;
}

.fs-c-orderDetail .fs-c-orderPerAddressee__cartTable {
  margin-bottom: 5%;
}

@media screen and (max-width: 750px) {
  .fs-c-orderDetail .fs-c-orderPerAddressee__cartTable th {
    display: none;
  }

  .fs-c-orderDetail .fs-c-orderPerAddressee__cartTable td {
    display: block;
    width: 100%;
  }

  .fs-c-orderDetail .fs-c-orderPerAddressee__cartTable td .fs-c-cartTable__product,
  .fs-c-orderDetail .fs-c-orderPerAddressee__cartTable td .fs-c-cartTable__productInfo {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .fs-c-orderDetail .fs-c-orderPerAddressee__cartTable td .fs-c-cartTable__product > *,
  .fs-c-orderDetail .fs-c-orderPerAddressee__cartTable td .fs-c-cartTable__productInfo > * {
    width: 100%;
  }
}

.fs-c-orderDetail .fs-c-orderPerAddressee__cartTable th:first-child {
  width: 65%;
}

.fs-c-orderDetail .fs-c-orderPerAddressee__cartTable .fs-c-listedOptionPrice {
  width: 50%;
}

.fs-c-orderDetail .fs-c-orderPerAddressee__cartTable .fs-c-cartTable__productImage {
  min-width: 100px;
}

.fs-c-orderDetail .fs-c-orderPerAddressee__cartTable .fs-c-cartTable__product {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.fs-c-orderDetail .fs-c-deliveryInfoList {
  margin-bottom: 5%;
}

.fs-c-orderDetail .fs-c-deliveryInfoList dt,
.fs-c-orderDetail .fs-c-deliveryInfoList dd {
  padding: 0.8em 1em;
}

.fs-c-orderDetail .fs-c-deliveryInfoList dt {
  background: #dadcdf;
}

.fs-c-orderDetail .fs-c-orderDetailInfo__cartTable {
  margin-bottom: 5%;
}

@media screen and (max-width: 750px) {
  .fs-c-orderDetail .fs-c-orderDetailInfo__cartTable th {
    display: none;
  }

  .fs-c-orderDetail .fs-c-orderDetailInfo__cartTable td {
    display: block;
    width: 100% !important;
  }
}

.fs-c-orderDetail .fs-c-orderDetailInfo__cartTable td:first-child {
  width: 65%;
}

.fs-c-orderDetail .fs-c-orderDetailInfo__cartTable td:first-child .fs-c-cartTable__productInfo {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.fs-c-orderDetail
  .fs-c-orderDetailInfo__cartTable
  td:first-child
  .fs-c-cartTable__productInfo
  > div {
  width: 100%;
}

.fs-c-orderDetail .fs-c-button--addReview--detail {
  position: relative;
  display: block;
  margin: auto;
  padding: 0.8em 1em;
  text-align: center;
  border: 1px solid #1c1c1c;
}

@media screen and (max-width: 750px) {
  .fs-c-orderDetail .fs-c-button--addReview--detail {
    display: block;
    width: 100%;
    padding: 0.2em 1em;
  }
}

.fs-c-orderDetail .fs-c-button--addReview--detail:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.fs-c-orderDetail__orderInfo.fs-c-orderDetailInfo {
  margin-top: 8%;
  padding-top: 5%;
  border-top: 1px solid #f2f5f7;
}

.fs-c-orderPaymentTable {
  margin-bottom: 3%;
}

.fs-c-orderPaymentTable th {
  background: #dadcdf;
}

.fs-c-orderPaymentTable td,
.fs-c-orderPaymentTable th {
  padding: 0.8em 1em;
}

.fs-c-buttonContainer--back {
  text-align: center;
}

.fs-c-productImage__image {
  margin: auto;
}

.fs-c-coupon__products .fs-c-couponProduct__header,
.fs-c-coupon__products .fs-c-couponProduct__list {
  display: none;
}
/* 
.fs-c-coupon__products .fs-c-couponProduct__footer {
  margin: 3% auto 8%;
  text-align: center;
} */

.fs-c-creditCardListItem .fs-c-button--delete {
  max-width: 200px;
}

.fs-c-creditCardListItem .fs-c-button--delete:before,
.fs-c-creditCardListItem .fs-c-button--delete:after {
  content: none;
}

.fs-c-creditCardListItem .fs-c-creditCardListItem__button {
  text-align: center;
}

@media screen and (min-width: 751px) {
  .fs-c-creditCardList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
}

.fs-body-my-cards span.hr {
  margin: 8% auto 5%;
}

body {
  min-height: 78vh;
}

/*/-----------------パンくず*/
.fs-c-breadcrumb {
  max-width: 1080px;
  margin: 1% auto 3%;
}

.fs-c-breadcrumb li,
.fs-c-breadcrumb li a {
  font-size: 12px;
  font-size: 1.2rem;
  text-decoration: none;
  letter-spacing: 0.1em;
}

.fs-c-breadcrumb li {
  padding: 0 5px;
}

.fs-c-breadcrumb .fs-c-breadcrumb__listItem + .fs-c-breadcrumb__listItem::before {
  margin-right: 5px;
}

/*/-----------------一覧・並べ替えパーツ*/
.headSort .fs-c-pagination {
  display: none;
}

.fs-c-listControl__status {
  text-align: center;
}

.listContetnt {
  border-top: 2px solid #f2f5f7;
}

.fs-c-productList__controller {
  position: relative;
  margin-bottom: 5%;
}

.fs-c-sortItems {
  position: absolute;
  right: 0;
  bottom: 0;
  margin: auto;
  text-align: left;
}

.fs-c-sortItems .fs-c-sortItems__label {
  position: relative;
  padding: 0.5em 1.5em 0.5em 1em;
  cursor: pointer;
  letter-spacing: 0.1em;
  border: 1px solid #1c1c1c;
}

.fs-c-sortItems .fs-c-sortItems__label:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0.5em;
  bottom: 0;
  width: 6px;
  height: 6px;
  margin: auto;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-right: 1px solid #1c1c1c;
  border-bottom: 1px solid #1c1c1c;
}

.fs-c-sortItems__list {
  position: absolute;
  top: 100%;
  right: 0;
  display: none;
  width: 100%;
  margin: auto;
  text-align: center;
  background: #fff;
}

.fs-c-sortItems__list .fs-c-sortItems__list__item {
  padding: 0.5em;
}

.fs-c-sortItems__list .fs-c-sortItems__list__item:hover {
  background: #f2f5f7;
}

.fs-c-sortItems__list a {
  text-decoration: none;
}

@media screen and (max-width: 750px) {
  .fs-c-listControl__status {
    padding-bottom: 3em;
  }
}

.groupName {
  position: relative;
  margin: 0 auto 0.2em;
  padding-top: 1.5em;
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.26em;
}

@media screen and (max-width: 750px) {
  .groupName {
    font-size: 5vw;
  }
}

.groupName.hasIcon:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 35px;
  height: 21px;
  margin: auto;
  background: url(../img/icon1.png) no-repeat center/100%;
}

/*/-----------------一覧・画像*/
.fs-c-productList__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.fs-c-productList__list > article {
  margin-bottom: 4%;
  text-align: center;
}

@media screen and (max-width: 750px) {
  .fs-c-productList__list > article {
    width: calc(100% / 2 - 2%);
  }

  .fs-c-productList__list > article:nth-child(odd) {
    margin-right: 2%;
  }

  .fs-c-productList__list > article:nth-child(2n) {
    margin-left: 2%;
  }
}

@media screen and (min-width: 751px) {
  .fs-c-productList__list > article {
    width: calc(100% / 5 - 2%);
  }

  .fs-c-productList__list > article:not(:last-child):not(:nth-child(5n)) {
    margin-right: 2%;
  }
}

.fs-c-productList__list h2 {
  margin-bottom: 0;
}

.fs-c-productList__list h2 span {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: normal;
}

.fs-c-productList__list h2 a {
  text-decoration: none;
}

.fs-c-productList__list .fs-c-productName__name {
  text-align: left;
}

.fs-c-productList__list .fs-c-productName__name a {
  text-decoration: none;
}

.fs-c-productList__list .fs-c-productPrice {
  text-align: left;
}

.fs-c-productList__list .fs-c-productListItem__viewMoreImageButton,
.fs-c-productList__list .fs-c-productName__copy,
.fs-c-productList__list .fs-c-productPrice__main__label,
.fs-c-productList__list .fs-c-productPrice--listed,
.fs-c-productList__list .fs-c-productPrice__addon--listed,
.fs-c-productList__list .fs-c-productListItem__control,
.fs-c-productList__list .fs-c-productListItem__productDescription,
.fs-c-productList__list .fs-c-productListItem__outOfStock {
  display: none;
}

.fs-c-productList__list .fs-c-productMarks .fs-c-productMark__mark {
  margin-bottom: 1em;
  padding: 0.4em 1em;
  font-size: 12px;
  font-size: 1.2rem;
  letter-spacing: 0.1em;
  color: #1c1c1c;
  border: 1px solid #1c1c1c;
  background: #fff;
}

.fs-c-price {
  display: inline;
}

.fs-c-price span {
  font-weight: bold;
}

.fs-c-price:before,
.fs-c-price:after {
  content: none;
}

/*/-----------------一覧・ページャー*/
.headPager .fs-c-pagination {
  display: none;
}

.footPager .fs-c-listControl__status,
.footPager .fs-c-sortItems {
  display: none;
}

.footPager .fs-c-pagination {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.fs-c-pagination {
  margin-top: 2em;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.fs-c-pagination .fs-c-pagination__item {
  min-width: 24px;
  height: auto;
  margin: 0 12px;
  padding: 0 5px;
  padding: 0;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  -webkit-box-flex: unset;
  -ms-flex: unset;
  flex: unset;
  text-decoration: none;
}

.fs-c-pagination .fs-c-pagination__item.is-active {
  color: #fff;
  border-radius: 50%;
  background-color: #1c1c1c;
}

@media screen and (min-width: 751px) {
  .fs-c-pagination__item--prev,
  .fs-c-pagination__item--next {
    width: 80px;
  }

  .fs-c-pagination__item--prev::before,
  .fs-c-pagination__item--next::before {
    content: "";
    top: 10px;
    width: 80px;
    height: 28px;
    margin-top: 3px;
  }

  .fs-c-pagination__item--prev::before {
    background: url(../img/arrow_prev.png) no-repeat center/100%;
  }

  .fs-c-pagination__item--next::before {
    background: url(../img/arrow_next.png) no-repeat center/100%;
  }
}

.list-product .fs-c-productList__controller:first-child .fs-c-pagination,
.list-product .fs-c-staffList__controller:first-child .fs-c-pagination,
.list-product .fs-c-coordinationList__controller:first-child .fs-c-pagination {
  display: none;
}

/*/-----------------商品詳細*/
.itemContents .columnBlock:last-child {
  padding-left: 4%;
}

.itemContents h1 {
  margin: 0 0 1em;
  font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ",
    "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 20px;
  font-size: 2rem;
  text-align: left;
  letter-spacing: 0.1em;
}

.itemContents .item-mark-label,
.itemContents .fs-c-productMark__mark {
  margin-bottom: 1em;
  padding: 0.4em 1em;
  font-size: 12px;
  font-size: 1.2rem;
  letter-spacing: 0.1em;
  color: #1c1c1c;
  border: 1px solid #1c1c1c;
  background: #fff;
}

.itemContents .fs-c-productPrice--selling .fs-c-productPrice__main__label {
  display: block;
}

.itemContents .itemPrice,
.itemContents .fs-c-productPrice--selling .fs-c-productPrice__main__price {
  font-size: 28px;
  font-size: 2.8rem;
}

@media screen and (max-width: 750px) {
  .itemContents .itemPrice,
  .itemContents .fs-c-productPrice--selling .fs-c-productPrice__main__price {
    font-size: 4.8vw;
  }
}

.itemContents .itemPrice .fs-c-price__value,
.itemContents .itemPrice .fs-c-price__currencyMark,
.itemContents .fs-c-productPrice--selling .fs-c-productPrice__main__price .fs-c-price__value,
.itemContents
  .fs-c-productPrice--selling
  .fs-c-productPrice__main__price
  .fs-c-price__currencyMark {
  font-weight: normal;
}

.itemContents .fs-c-productPrice__addon__price.fs-c-price {
  font-size: 28px;
  font-size: 2.8rem;
}

@media screen and (max-width: 750px) {
  .itemContents .fs-c-productPrice__addon__price.fs-c-price {
    font-size: 4.8vw;
  }
}

.itemContents .fs-c-productPrice__addon__price.fs-c-price .fs-c-price__value,
.itemContents .fs-c-productPrice__addon__price.fs-c-price .fs-c-price__currencyMark {
  font-weight: normal;
}

.itemContents .fs-c-productPrice__addon__label {
  font-size: 14px;
  font-size: 1.4rem;
}

.itemContents .transferText {
  margin: 5% auto;
  padding: 2em 0;
  border-top: 1px solid #d4dadd;
  border-bottom: 1px solid #d4dadd;
}

.itemContents .fs-c-productCarouselMainImage__thumbnailList {
  overflow: inherit;
  width: 100%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.itemContents .fs-c-productCarouselMainImage__thumbnailList > li {
  -ms-flex-preferred-size: calc(100% / 5 - 8px);
  flex-basis: calc(100% / 5 - 8px);
  margin-bottom: 8px;
}

.itemContents .fs-c-productCarouselMainImage__expandButton {
  display: none;
}

.fr2-listItem__productName {
  font-weight: normal;
}

@media screen and (min-width: 751px) {
  .fr2-listItem {
    padding: 8px 16px !important;
  }
}

#wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.slide-item {
  position: relative;
}

.slide-item img {
  width: 100%;
}

.slide-item:after {
  content: "";
  position: absolute;
  right: 5px;
  bottom: 5px;
  width: 20px;
  height: 20px;
  margin: auto;
  background: url(../img/icon_zoom.png) no-repeat center/100%;
}

#thumbnail-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.thumbnail-item {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: calc(100% / 6 - 1.5%);
  margin-bottom: 10px;
  cursor: pointer;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.thumbnail-item:hover {
  -webkit-transition: 0.2s;
  transition: 0.2s;
  opacity: 0.7;
}

.thumbnail-item:not(:nth-of-type(6n)) {
  margin-right: 1.7%;
}

.thumbnail-item.thumbnail-current:after {
  opacity: 0;
}

.thumbnail-item img {
  width: 100%;
  margin: 0 auto;
}

.itemMovie {
  padding: 5% 0;
}

.itemMovie p {
  font-family: "Kumbh Sans", sans-serif;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: bold;
  letter-spacing: 0.16em;
}

.itemMovie figure img {
  width: 100%;
}

.fs-c-variationCart > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.fs-c-variationSelect {
  margin-bottom: 1em;
  border: 1px solid #dadcdf;
}

.fs-c-variationRadioList > li {
  position: relative;
  margin-bottom: 0.8em;
}

.fs-c-variationRadioList > li .fs-c-variationRadioList__wishlist {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  height: 29px;
  margin: auto;
}

.fs-c-button--image {
  border: 0;
  background: none;
}

.fs-c-productQuantity select,
.fs-c-productQuantityAndWishlist__quantity select {
  margin: 0.5em 0;
  border: 1px solid #dadcdf;
}

.fs-c-productQuantity,
.fs-c-productActionButton,
.fs-c-productQuantityAndWishlist__quantity,
.fs-c-productQuantityAndWishlist {
  display: inline-block;
}

.fs-c-variationList__item {
  padding: 1.3em 0;
  border-bottom: 1px solid #d4dadd;
}

.fs-c-variationCart > li {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.fs-c-variationCart__variationName {
  width: 15%;
  -webkit-box-flex: inherit;
  -ms-flex-positive: inherit;
  flex-grow: inherit;
}

.fs-c-variationCart__cartButton {
  width: 55%;
  max-width: 300px;
}

.fs-c-variationCart__wishlist {
  position: absolute;
  right: 5px;
}

.fs-c-variationCart__wishlist .fs-c-button--addToWishList--icon {
  width: 30px;
  border: 0;
  background: none;
}

.fs-c-variationCart__wishlist .fs-c-button--addToWishList--icon .fs-c-button__label {
  display: none;
}

.fs-c-button--addToCart--variation,
.fs-c-button--addToCart--detail,
.fs-c-button--purchaseHere {
  position: relative;
  margin-left: 10px;
  padding: 0.5em 1em;
  font-size: 16px !important;
  font-size: 1.6rem !important;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  letter-spacing: 0.1em;
  color: #fff;
  border: 0;
  background: #1c1c1c;
}

.fs-c-button--addToCart--variation:before,
.fs-c-button--addToCart--detail:before,
.fs-c-button--purchaseHere:before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 17px;
  margin: auto;
  margin-right: 1em;
  vertical-align: middle;
  background: url(../img/icon_cart2.png) no-repeat center/100%;
}

.fs-c-button--addToCart--variation.noCart,
.fs-c-button--addToCart--detail.noCart,
.fs-c-button--purchaseHere.noCart {
  pointer-events: none;
  opacity: 0.2;
}

.fs-c-button--addToCart--variation:hover,
.fs-c-button--addToCart--detail:hover,
.fs-c-button--purchaseHere:hover {
  -webkit-transition: 0.2s;
  transition: 0.2s;
  opacity: 0.7;
}

.fs-c-button--purchaseHere {
  display: block;
}

.textContact,
.textReview {
  position: relative;
  margin: 1em auto;
  padding: 0 1.5em;
}

.textContact a,
.textReview a {
  text-decoration: none;
}

.arrowText {
  position: relative;
  padding: 0 1.5em;
}

.arrowText a {
  text-decoration: none;
}

.arrowText:before {
  content: "＞";
  position: absolute;
  top: 0;
  left: 0;
  margin: auto;
}

.fs-c-buttonContainer--inquiryAboutProduct button {
  position: relative;
  margin-top: 2em;
  padding-left: 1.3em;
  border: 0;
  background: none;
}

.fs-c-buttonContainer--inquiryAboutProduct button:before {
  content: ">";
  position: absolute;
  top: 0;
  left: 0;
  margin: auto;
  font-size: 111%;
}

.fs-c-productReview__addReview a {
  position: relative;
  padding-left: 1.5em;
  text-decoration: none;
}

.fs-c-productReview__addReview a:hover {
  text-decoration: underline;
}

.fs-c-productReview__addReview a:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 14px;
  height: 14px;
  margin: auto;
  background: url(../img/icon_pen.png) no-repeat center/100%;
}

.textContact {
  margin-top: 2em;
  margin-bottom: 0;
}

.optionText,
.fs-c-productSelection,
.fs-c-productOption {
  margin: 8% auto;
  padding: 1.5em 1.5em 1em;
  background: #f2f5f7;
}

.optionText li,
.optionText .fs-c-productSelection__selection,
.optionText .fs-c-productOption,
.fs-c-productSelection li,
.fs-c-productSelection .fs-c-productSelection__selection,
.fs-c-productSelection .fs-c-productOption,
.fs-c-productOption li,
.fs-c-productOption .fs-c-productSelection__selection,
.fs-c-productOption .fs-c-productOption {
  margin-bottom: 1em;
}

.optionText select,
.fs-c-productSelection select,
.fs-c-productOption select {
  border: 1px solid #dadcdf;
}

.fs-c-productNotice--outOfStock {
  color: red;
}

.checkbox-input {
  display: none;
}

.checkbox-parts {
  position: relative;
  margin-right: 20px;
  padding-left: 20px;
}

.checkbox-parts::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 15px;
  height: 15px;
  border: 1px solid #1c1c1c;
  border-radius: 50%;
}

.checkbox-input:checked + .checkbox-parts::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  display: block;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #1c1c1c;
}

.fs-p-productDescription {
  margin: 5% auto 0;
}

#itemspec {
  margin-top: 5%;
  margin-bottom: 7%;
}

#itemspec .tabButton {
  padding-bottom: 2.5px;
  border-bottom: 1px solid #dbdce0;
}

#itemspec .tabButton li {
  width: calc(50% - 10px);
  margin: 0 2px;
  padding: 0.8em 1em 0.6em;
  font-size: 16px;
  font-size: 1.6rem;
  color: #dbdce0;
  border-color: #dbdce0;
  background: #fff;
}

#itemspec .tabButton li:hover,
#itemspec .tabButton li.active {
  -webkit-transition: 0.4s;
  transition: 0.4s;
  color: #fff;
  background: #1c1c1c;
}

#itemspec .tabButton li:hover:after,
#itemspec .tabButton li.active:after {
  -webkit-transition: 0.4s;
  transition: 0.4s;
  background: #1c1c1c;
}

#itemspec .tabButton li:after {
  content: "";
  position: absolute;
  bottom: -2.5px;
  left: 0;
  width: 100%;
  height: 2.5px;
  margin: auto;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  background: transparent;
}

#itemspec table {
  border: 0;
}

#itemspec table th,
#itemspec table td {
  border-bottom: 1px solid #dadcdf;
}

@media screen and (max-width: 750px) {
  #itemspec table th,
  #itemspec table td {
    display: block;
    width: 100%;
  }
}

#itemspec table td:first-child {
  font-weight: bold;
  vertical-align: top;
  border-color: #1c1c1c;
}

@media screen and (max-width: 750px) {
  #itemspec table td:first-child {
    border-bottom: 0;
  }
}

#itemspec table tr:first-child {
  display: none;
}

.slideSec {
  margin-top: 5%;
  padding: 5% 0;
  border-top: 1px solid #d4dadd;
}

.slideSec h2 {
  margin-bottom: 5%;
  font-size: 24px;
  font-size: 2.4rem;
}

.slideSec h2 span {
  font-size: 15px;
  font-size: 1.5rem;
}

.sliderItem {
  margin-bottom: 10%;
}

.sliderItem figcaption span {
  display: block;
}

.sliderItem a {
  text-decoration: none;
}

.fs-c-cartTable thead th {
  padding: 1em 0.8em;
  font-size: 15px;
  font-size: 1.5rem;
  text-align: center;
  letter-spacing: 0.1em;
  border-bottom: 0;
  background: #f2f5f7;
}

.fs-c-cartTable tbody td:first-child {
  padding-top: 2em;
  padding-bottom: 2em;
}

@media screen and (min-width: 751px) {
  .fs-c-cartTable tbody td:first-child {
    width: 339px;
  }
}

.fs-c-cartTable tbody td:first-child .fs-c-cartTable__unitPrice {
  display: none;
}

.fs-c-cartTable tbody td:first-child .fs-c-cartTable__productInfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.fs-c-cartTable tbody td:not(:first-child) {
  text-align: right;
}

.fs-c-cartTable tbody td:not(:first-child) .fs-c-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 750px) {
  .fs-c-cartTable tbody td {
    border-bottom: 1px solid #dadcdf !important;
  }
}

.fs-c-cartTable tbody td select {
  direction: rtl;
}

@media screen and (max-width: 750px) {
  .fs-c-cartTable tbody td .fs-c-quantity {
    max-width: inherit;
  }
}

.fs-c-orderTotalTable {
  margin-bottom: 2em;
  border: 0;
}

.fs-c-orderTotalTable th,
.fs-c-orderTotalTable td {
  padding: 1em 1em;
  border-right: 0;
  border-left: 0;
}

.fs-c-orderTotalTable th {
  text-align: left !important;
}

.fs-c-orderTotalTable td {
  font-weight: bold;
}

.fs-c-button--cancel--cart,
.fs-c-button--buyItLater {
  width: 100px !important;
  margin: 10px auto;
  padding: 0.5em 0;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  border: 1px solid #1c1c1c;
  background: #fff;
}

.fs-c-button--cancel--cart:hover,
.fs-c-button--buyItLater:hover {
  -webkit-transition: 0.2s;
  transition: 0.2s;
  color: #fff;
  background: #1c1c1c;
}

@media screen and (min-width: 751px) {
  .fs-l-cart__contentsArea .-wd30 {
    padding-left: 2.5% !important;
  }
}

.fs-l-cart__contentsArea .fs-c-purchaseHere__message p {
  text-align: center !important;
}

.fs-p-announcement {
  margin-top: 8%;
}

.fs-p-announcement h2 {
  font-size: 16px;
  font-size: 1.6rem;
  text-align: left;
}

.fs-body-cart .fs-c-wishlistProduct {
  display: none;
}

.fs-c-continueShopping,
.fs-c-cartPayment__button {
  margin: 3em auto 5%;
  text-align: center;
}

.cartSeek {
  margin: 3% auto;
  border-radius: 20px;
  background: #f2f5f7;
}

.cartSeek p {
  display: inline-block;
  margin: 0;
  padding: 0.4em 10% 0.2em;
  font-size: 14px;
  font-size: 1.4rem;
  table-layout: fixed;
  letter-spacing: 0.1em;
  color: #fff;
  border-radius: 20px;
  background: #1c1c1c;
}

.cartSeek p span {
  font-family: "Kumbh Sans", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  letter-spacing: 0.16em;
}

@media screen and (min-width: 751px) {
  fs-c-button--addToWishList--detail
    fs-c-button--addToWishList--icon
    fs-c-button--particular
    .fs-body-checkout
    .-wd30 {
    padding-left: 2.5% !important;
  }
}

fs-c-button--addToWishList--detail
  fs-c-button--addToWishList--icon
  fs-c-button--particular
  .fs-body-checkout
  .columnWrap {
  margin-top: 5%;
}

fs-c-button--addToWishList--detail
  fs-c-button--addToWishList--icon
  fs-c-button--particular
  .fs-body-checkout
  .columnWrap
  .-wd70
  h2 {
  margin-bottom: 1.8em;
  padding-bottom: 0.5em;
  font-size: 16px;
  font-size: 1.6rem;
  text-align: left;
  border-bottom: 1px solid #dadcdf;
}

.fs-c-checkout-preview__body {
  margin-bottom: 8%;
  font-size: 15px;
  font-size: 1.5rem;
  letter-spacing: 0.1em;
}

.fs-c-checkout-preview__body rt {
  font-size: 12px;
  font-size: 1.2rem;
}

.fs-c-checkout-preview__body rb {
  font-size: 18px;
  font-size: 1.8rem;
}

.fs-c-checkout-preview__body .fs-c-checkout-couponCodeInput__title {
  margin-right: 1.5em;
}

@media screen and (max-width: 750px) {
  .fs-c-checkout-preview__body .fs-c-checkout-couponCodeInput__title {
    display: block;
    width: 100%;
  }
}

.fs-c-checkout-preview__body .fs-c-checkout-couponCodeInput__input {
  width: 40%;
  max-width: 280px;
  margin-right: 0;
  border: 1px solid #dadcdf;
}

.fs-c-checkout-preview__body .fs-c-button--useCoupon {
  height: 47.5px;
  padding: 0 2em;
  color: #fff;
  border: 1px solid #1c1c1c;
  background: #1c1c1c;
}

.fs-c-checkout-preview__body .fs-c-checkout-couponList {
  margin-top: 3em;
}

.fs-c-checkout-preview__body .fs-c-checkout-couponList__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1.5em 2em;
  background: #f2f5f7;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.fs-c-checkout-preview__body .fs-c-checkout-couponList__item .fs-c-checkout-couponList__couponName {
  display: block;
}

.fs-c-checkout-preview__body .fs-c-checkout-couponList__item .fs-c-checkout-couponStatus {
  color: #1c1c1c;
  background: #dadcdf;
}

.fs-c-checkout-preview__body .fs-c-checkout-couponList__item .fs-c-checkout-couponStatus.is-active {
  color: #fff;
  background: #1c1c1c;
}

.fs-c-returnedSpecialContract__link {
  position: relative;
  margin-bottom: 5%;
  padding: 1em;
}

.fs-c-returnedSpecialContract__link:before {
  content: ">";
  top: 0;
  left: 0;
  margin: auto;
}

.fs-c-checkout-buyerInfo__body,
.fs-c-checkout-delivery__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.fs-c-button--chooseDestination,
.fs-c-button--change--small {
  padding: 0.1em 1.2em;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  border: 1px solid #1c1c1c;
  background: #fff;
}

.fs-c-button--chooseDestination:hover,
.fs-c-button--change--small:hover {
  -webkit-transition: 0.2s;
  transition: 0.2s;
  color: #fff;
  background: #1c1c1c;
}

.fs-c-totalAndActions h2 {
  padding: 0.8em 0;
  font-size: 16px;
  font-size: 1.6rem;
  background: #f2f5f7;
}

.fs-c-totalAndActions td {
  padding-right: 0;
  padding-left: 0;
}

.fs-c-anotherLogin__button {
  margin: auto;
}

.fs-pt-list.fs-pt-list--breadcrumb {
  margin: 1% auto 3% !important;
}

.thanksContent {
  margin-bottom: 5%;
}

.thanksContent .-textXXLarge {
  font-family: "Kumbh Sans", sans-serif;
  letter-spacing: 0.16em;
}

.fs-c-checkoutSuccess__message p {
  text-align: center;
}

.fs-c-checkoutSuccess__message .fs-c-checkoutSuccess__code {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
}

.fs-c-checkoutSuccess h2 {
  padding-left: 0 !important;
}

.logout.my-false {
  display: none;
}

.login.my-true {
  display: none;
}

.regist.my-true {
  display: none;
}

.fs-c-productPrice__addon:not(.fs-c-productPrice__addon--listed)::before {
  content: "(";
}

.fs-c-productPrice__addon:not(.fs-c-productPrice__addon--listed)::after {
  content: ")";
}

.fs-c-button--addToWishList--icon.fs-c-button--particular {
  position: relative;
  width: 20px;
  height: 18px;
  border: 0;
  background: none;
}

.fs-c-button--addToWishList--icon.fs-c-button--particular:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 20px;
  height: 18px;
  margin: auto;
  background: url(../img/icon_heart.png) no-repeat center/100%;
}

.fs-c-button--addToWishList--icon.fs-c-button--particular span {
  display: none;
}

/*/-----------------検索*/
.searchContents [type="text"],
.searchContents select {
  border: 1px solid #dadcdf;
}

.searchContents [type="checkbox"] {
  vertical-align: baseline;
}

.searchContents .search-detail_selects {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.searchContents .search-detail_select {
  width: 40%;
}

.searchContents .search-detail--price_range {
  width: 18%;
  margin-bottom: 0 !important;
  text-align: center !important;
}

.search-detail_item dt {
  margin-bottom: 1em;
  font-weight: bold;
}

.search-detail--price {
  margin-top: 2em;
}

.search-detail {
  margin-bottom: 8%;
}

.catList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.catList > li {
  width: 30%;
  margin-bottom: 2em;
  text-align: center;
}

@media screen and (max-width: 750px) {
  .catList > li {
    width: 100%;
  }
}

.catList > li > span {
  position: relative;
  display: block;
  padding: 0.5em;
  font-weight: bold;
  cursor: pointer;
  border-bottom: 1px solid #1c1c1c;
}

.catList > li > span img {
  margin-right: 1em;
  vertical-align: middle;
}

.catList > li > span:after {
  content: "+";
  position: absolute;
  top: 50%;
  right: 0;
  margin: auto;
  font-size: 150%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.catList > li > span:before {
  content: "";
  position: absolute;
  right: 0;
  bottom: -8px;
  left: 0;
  width: 0;
  height: 0;
  margin: auto;
  opacity: 0;
  border-width: 8px 4.5px 0 4.5px;
  border-style: solid;
  border-color: #1c1c1c transparent transparent transparent;
}

.catList > li.active > span {
  border-bottom-width: 2px;
}

.catList > li.active > span:before {
  opacity: 1;
}

.catList > li.active > span:after {
  content: "-";
}

.searchBox {
  position: absolute;
  z-index: 80;
  right: 0;
  left: 0;
  display: none;
  width: 100%;
  max-width: 1080px;
  margin: auto;
  margin-top: 1.5em;
  padding: 3% 3%;
  background: #f2f5f7;
}

@media screen and (max-width: 750px) {
  .searchBox {
    position: relative;
  }
}

.searchBox dt {
  padding: 0.5em;
  font-size: 16px;
  font-size: 1.6rem;
  background: #fff;
}

.searchBox dd {
  margin-bottom: 2em;
}

.searchBox .flexBox {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.searchBox .flexBox > li {
  margin: 0.3em 0;
  text-align: left;
}

.search-detail_items {
  margin-bottom: 5%;
}

.search-detail_items .megaNavi {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.search-detail_items .megaNavi > li {
  margin-bottom: 1.3em;
}

.search-detail_items .megaNavi > li span {
  position: relative;
  display: table;
  margin: auto;
  padding: 8px;
  table-layout: fixed;
}

.search-detail_items .megaNavi > li span:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  opacity: 0;
  border: 1px solid #1c1c1c;
}

.search-detail_items .megaNavi > li:hover span:after {
  -webkit-transition: 0.2s;
  transition: 0.2s;
  opacity: 1;
}

.search-detail_items .megaNavi:not(.colorNavi) input[type="checkbox"] {
  display: none;
}

.search-detail_items .megaNavi:not(.colorNavi) input[type="checkbox"]:checked + label span:after {
  opacity: 1;
}

.search-detail_items .colorNavi {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.search-detail_items .colorNavi > li {
  margin-bottom: 1.3em;
}

.search-detail_item {
  margin-bottom: 3%;
}

body.fs-body-category .catList > li {
  display: none;
  width: 100%;
}

body.fs-body-category .catList > li .searchBox {
  position: relative;
  display: block;
}

body.fs-body-category .catList > li > span:after {
  content: none;
}

body.fs-body-category .searchCat {
  position: relative;
  margin-bottom: 1em;
  padding-right: 1.5em;
  padding-bottom: 1em;
  cursor: pointer;
  border-bottom: 1px solid #dadcdf;
}

body.fs-body-category .searchCat:after {
  content: "+";
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  margin-left: 0.5em;
  font-size: 120%;
  font-weight: bold;
}

body.fs-body-category .searchCat.active:after {
  content: "-";
}

body.fs-body-category .searchOpt {
  margin-bottom: 1em !important;
  padding-bottom: 1em;
  border-bottom: 1px solid #dadcdf;
}

body.fs-body-category .searchOpt dd {
  display: none;
}

body.fs-body-category .searchOpt dt {
  position: relative;
  margin-bottom: 0;
  padding-right: 1.5em;
  cursor: pointer;
}

body.fs-body-category .searchOpt dt:after {
  content: "+";
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  margin-left: 0.5em;
  font-size: 120%;
  font-weight: bold;
}

body.fs-body-category .searchOpt dt.active:after {
  content: "-";
}

body.fs-body-category .pullDown {
  margin: 5% 0;
}

.searchOpt label {
  font-weight: bold;
}

/*/-----------------クーポン*/
.fs-c-couponList {
  padding: 3% 0;
}

.fs-c-couponList article {
  margin-bottom: 4%;
}

@media screen and (min-width: 751px) {
  .fs-c-coupon__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .fs-c-coupon__name,
  .fs-c-coupon__description {
    width: calc(100% / 2 - 4px);
  }

  .fs-c-coupon__description {
    padding-left: 5%;
  }
}

.fs-c-coupon__name {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 2% 5%;
  border: 1px solid #1c1c1c;
  background: #f2f5f7;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.fs-c-coupon__name:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  border: 8px solid #fff;
}

.fs-c-coupon__name > * {
  width: 100%;
}

.fs-c-coupon__name h2 {
  margin: 0.5em auto;
  padding: 0.3em 1em 0;
  font-size: 18px;
  font-size: 1.8rem;
  color: #fff;
  background: #1c1c1c;
}

.fs-c-coupon__name .fs-c-couponName__discount {
  text-align: center;
}

.fs-c-coupon__name .fs-c-couponName__discount__value {
  font-family: "Kumbh Sans", sans-serif;
  font-size: 62px;
  font-size: 6.2rem;
  font-weight: bold;
  text-align: center;
}

.fs-c-coupon__name .fs-c-couponName__discount__value span {
  font-size: 60%;
  font-weight: bold;
}

.fs-c-coupon__description h3 {
  padding-left: 1.3em;
  text-align: left;
}

.fs-c-coupon__description h3:before {
  content: "";
  position: absolute;
  top: 0.8em;
  left: 0;
  width: 8px;
  height: 8px;
  margin: auto;
  border-radius: 50%;
  background: #1c1c1c;
}

.fs-c-button--confirmDelete {
  margin-bottom: 5%;
}

.shippingBnr {
  width: 100%;
  margin: 1em auto;
}

/*/-----------------モーダル*/
.fs-c-modal__header {
  background: #f2f5f7;
}

.fs-c-modal__header .fs-c-modal__close:before {
  width: 20px;
  height: 20px;
  padding-top: 0.3em;
  text-align: center;
  color: #fff;
  border-radius: 50%;
  background: #1c1c1c;
}

.fs-c-modal__header .fs-c-modal__title {
  margin: auto;
  padding: 0.5em 1em;
  text-align: center;
}

.fs-c-creditCardIcons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.fs-c-button--back {
  margin: 3% auto;
}

@media screen and (min-width: 751px) {
  .fs-c-button--back {
    max-width: 200px;
  }
}

.fs-c-slick .slick-slide img {
  width: 100vw !important;
  max-width: 540px !important;
}

.fs-body-product .fs-c-productReview {
  margin: 1em auto;
}

.fs-body-product .fs-c-productReview__reviewList {
  overflow-y: auto;
  max-height: 350px;
  margin-bottom: 0;
  padding: 1em 0;
}

.fs-body-product .fs-c-productReview__reviewList > li {
  margin-bottom: 0.5em;
  padding-right: 1em;
  padding-bottom: 0.5em;
}

.fs-body-product .fs-c-productReview__reviewList > li:not(:last-child) {
  border-bottom: 1px solid #f2f5f7;
}

.fs-body-product .fs-c-productReview__allReviews {
  margin-bottom: 1em;
}

.fs-body-product .fs-c-productReview__allReviews a:hover {
  text-decoration: underline;
}

@media screen and (min-width: 751px) {
  .fs-c-button--submitReview {
    max-width: 200px;
  }
}

.fs-c-reveiwNotes {
  margin-top: 5%;
  padding: 3%;
  background: #f2f5f7;
}

.fs-body-my-reviews .fs-c-reviewList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 5%;
  margin-bottom: 5%;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

@media screen and (max-width: 750px) {
  .fs-body-my-reviews .fs-c-reviewList {
    display: block;
  }
}

.fs-body-my-reviews .fs-c-reviewList .fs-c-reviewList__item {
  width: 45%;
  margin-bottom: 5%;
  padding: 1em 1.5em;
  border: 1px solid #1c1c1c;
}

@media screen and (max-width: 750px) {
  .fs-body-my-reviews .fs-c-reviewList .fs-c-reviewList__item {
    width: 100%;
  }
}

.fs-body-my-reviews .fs-c-reviewList .fs-c-reviewList__item__editButton,
.fs-body-my-reviews .fs-c-reviewList .fs-c-productName {
  margin: 1em auto;
  text-align: center;
}

.fs-body-checkout .fs-c-checkout-paymentMethod__setting .fs-c-commissionList dd {
  font-weight: bold;
  color: red;
}

/*/-----------------個人情報*/
.policyContent {
  margin-bottom: 3%;
}

.policyContent p,
.policyContent li {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 2.1;
}

.policyContent p,
.policyContent ol {
  margin-bottom: 2em;
}

.policyContent h2 {
  margin-bottom: 2em;
  font-size: 18px;
  font-size: 1.8rem;
}

.policyContent ul:not([class]) li {
  margin-bottom: 0.8em;
  padding-left: 1.3em;
  text-indent: -1.3em;
}

.policyContent table {
  margin: 2em auto;
}

.policyContent .ul02 li a {
  text-decoration: underline;
}

.shippingContent h2 {
  margin-bottom: 1em;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: left;
}

.shippingContent ul:not([class]) li {
  margin-bottom: 0.8em;
  padding-left: 1em;
  text-indent: -1.2em;
}

.contactInfo {
  padding: 0;
  border: 1px solid #dadcdf;
}

.contactInfo h3 {
  margin: auto;
  padding: 1em 1em;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.1em;
  background: #dadcdf;
}

.contactInfo div {
  padding: 2.3em 5%;
}

.contactInfo div p {
  line-height: 2;
}

.tokuteiContent {
  margin-bottom: 5%;
}

@media screen and (min-width: 751px) {
  .tokuteiContent th {
    text-align: left;
  }
}

.tokuteiContent th,
.tokuteiContent td {
  line-height: 2;
}

@media screen and (min-width: 751px) {
  .tokuteiContent th,
  .tokuteiContent td {
    padding: 15px 20px;
  }
}

.returnContent {
  margin-bottom: 3%;
}

.returnContent h2 {
  margin-bottom: 2em;
  font-size: 18px;
  font-size: 1.8rem;
}

.returnContent h3 {
  padding-left: 0;
  font-size: 16px;
  font-size: 1.6rem;
  text-align: left;
}

.returnContent .hr {
  margin: 3% auto;
}

.bnrStyle {
  position: relative;
  display: block;
  width: 100%;
  padding: 15% 0;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  text-align: center;
  letter-spacing: 0.1em;
  border: 1px solid #1c1c1c;
}

.bnrStyle:after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: auto;
  margin-left: 0.8em;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-top: 1px solid #1c1c1c;
  border-right: 1px solid #1c1c1c;
}

.bnrStyle:hover {
  -webkit-transition: 0.4s;
  transition: 0.4s;
  color: #fff;
  background: #1c1c1c;
}

.bnrStyle:hover:after {
  border-color: #fff;
}

.stepContents .hr {
  margin: 5% auto;
}

.stepContents h2 {
  font-size: 18px;
  font-size: 1.8rem;
}

.stepContents h3 {
  position: relative;
  display: block;
  width: 100%;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  text-align: center;
  letter-spacing: 0.1em;
}

.stepContents h3 span {
  margin-right: 1em;
  padding: 0.5em 1em 0.3em;
  font-family: "Kumbh Sans", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  background: #1c1c1c;
}

.stepContents p,
.stepContents li {
  font-size: 15px;
  font-size: 1.5rem;
}

@media screen and (min-width: 751px) {
  .stepContents .columnBlock:last-child {
    padding-left: 3%;
  }
}

.guideContent {
  margin-bottom: 3%;
}

.guideContent .hr {
  margin: 3% auto;
}

.guideContent h2 {
  font-size: 18px;
  font-size: 1.8rem;
}

.guideContent h3 {
  padding: 0;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: left;
  letter-spacing: 0.16em;
}

.guideContent p,
.guideContent li {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.8;
}

.guideContent ul:not([class]) li {
  padding-left: 1em;
  text-indent: -1.2em;
}

.guideContent td,
.guideContent th {
  padding: 2em 1em;
  font-size: 15px;
  font-size: 1.5rem;
}

.guideContent .table2 td {
  padding: 2em 2em;
}

@media screen and (max-width: 750px) {
  .guideContent .areaTable thead {
    display: none;
  }
}

.guideContent .areaTable td,
.guideContent .areaTable th {
  padding: 1em;
}

.table03 th,
.table03 td {
  padding: 1em;
}

.anchorList p {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  width: calc(100% / 7 - 1.5%) !important;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  text-align: center;
  border-radius: 4px;
  background: #dadcdf;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 750px) {
  .anchorList p {
    width: calc(100% / 2 - 1.5%) !important;
    margin: 0 0 3% !important;
  }
}

.anchorList p a {
  display: block;
  padding: 0.5em 0.3em;
  line-height: 1.4;
}

.anchorList p:hover {
  -webkit-transition: 0.2s;
  transition: 0.2s;
  color: #fff;
  background: #1c1c1c;
}

.grayBox {
  padding: 2em 1.3em;
  background: #f2f5f7;
}

.grayBox p {
  font-size: 14px;
  font-size: 1.4rem;
}

.blackBox {
  padding: 0.8em 1em;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.16em;
  color: #fff;
  background: #1c1c1c;
}

.tableBox {
  display: table;
  table-layout: fixed;
}

.guideBox {
  margin-bottom: 5%;
}

@media screen and (max-width: 750px) {
  .guideBox tr:first-child {
    display: none;
  }
}

.guideBox th {
  padding: 1em;
  border-bottom: 0;
}

.guideBox td {
  padding: 1em 2em;
}

.guideBox a {
  text-decoration: underline;
}

.guideBox p,
.guideBox td,
.guideBox th,
.guideBox li {
  font-size: 15px;
  font-size: 1.5rem;
}

/*/-----------------お問い合わせ*/
.colorBg {
  padding: 3% 0;
  background: #f2f5f7;
}

.underContent {
  padding: 3% 0;
}

.underContent table {
  margin-bottom: 3%;
}

.underContent .hr {
  margin: 5% auto 3%;
}

/*/-----------------トピックス*/
.topix-1 .underTitle,
.topix-3 .underTitle {
  margin-bottom: 0;
  padding: 0;
}

.topix-1 .underTitle img,
.topix-3 .underTitle img {
  width: 100%;
}

.topix-1 h2,
.topix-3 h2 {
  display: table;
  margin-bottom: 0.3em;
  margin-left: 0;
  font-family: "Kumbh Sans", sans-serif;
  font-size: 54px;
  font-size: 5.4rem;
  letter-spacing: 0.14em;
}

.topix-1 h2:after,
.topix-3 h2:after {
  content: "";
  position: absolute;
  top: 40%;
  left: 103%;
  display: block;
  width: 500%;
  height: 1px;
  margin: auto;
  border: 0;
  background: #1c1c1c;
}

.topix-1 h2 + p,
.topix-3 h2 + p {
  margin-bottom: 10%;
  padding-left: 2em;
}

.topix-1 h3,
.topix-3 h3 {
  position: relative;
  display: table;
  margin: 0 auto 2em;
  padding: 0.6em 1.4em;
  color: #fff;
  background: #1c1c1c;
}

.topix-1 h3:after,
.topix-3 h3:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -4px;
  left: 0;
  width: 0;
  height: 0;
  margin: auto;
  border-width: 5px 4px 0 4px;
  border-style: solid;
  border-color: #1c1c1c transparent transparent transparent;
}

.breadcrumbContent {
  padding: 1% 0 5%;
}

.breadcrumbContent .breadcrumb {
  margin: 0;
}

.topixContents {
  position: relative;
  background: url(../img/topix_bg01.png) no-repeat top left/100%;
}

.topixContainer .inner {
  max-width: inherit;
  padding: 0;
}

.topixContainer article {
  padding: 2% 0;
}

.topixContainer article .flexBox {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

@media screen and (max-width: 1200px) {
  .topixContainer article .flexBox {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.topixContainer article:nth-child(2n) .flexBox {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.topixContainer article:nth-child(2n) .flexBox .topixImg {
  text-align: right;
}

.topixContainer article:nth-child(2n) .flexBox .topixImg:before {
  right: 15px;
  left: auto;
}

.topixContainer .topixImg {
  position: relative;
  z-index: 1;
  margin-bottom: 5%;
  text-align: left;
}

.topixContainer .topixImg img {
  width: 90%;
}

.topixContainer .topixImg:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 15px;
  left: 15px;
  width: 90%;
  height: 100%;
  margin: auto;
  border: 1px solid #1c1c1c;
}

.topixContainer .topixText {
  max-width: 540px;
  margin-bottom: 6%;
  padding: 0 1em;
}

@media screen and (max-width: 750px) {
  .topixContainer .topixText {
    margin: 1.5em auto 0 !important;
  }
}

.topixContainer .topixText h4 {
  margin-bottom: 0.5em;
  font-family: "Kumbh Sans", sans-serif;
  font-size: 34px;
  font-size: 3.4rem;
  font-weight: bold;
  letter-spacing: 0.14em;
}

.topixContainer .topixText p {
  margin-bottom: 1.8em;
  line-height: 2;
  letter-spacing: 0.1em;
}

.coordeContainer {
  background: #f2f5f7 url(../img/topix_bg02.png) no-repeat top left/100%;
}

.coordeContainer article {
  padding: 3% 0;
}

.coordeContainer h4 {
  margin-bottom: 0.8em;
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.14em;
}

.coordeContainer h5 {
  position: relative;
  overflow: hidden;
  margin: 1.5em 0;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  letter-spacing: 0.1em;
}

.coordeContainer h5:after {
  content: "";
  position: absolute;
  top: 45%;
  left: 7em;
  display: block;
  width: 100%;
  height: 1px;
  margin: auto;
  border: 0;
  background: #1c1c1c;
}

.coordeContainer .columnWrap {
  padding-bottom: 2em;
  border-bottom: 1px solid #1c1c1c;
}

.topix-1 .breadcrumbContent {
  background: #f2f5f7;
}

/*/-----------------トピックス2*/
.topix-2 .underTitle {
  max-height: 480px;
  padding: 15% 0;
  color: transparent;
  background: url(../img/topix2_h1.jpg) no-repeat center/cover;
}

.topix2Lead {
  margin-bottom: 5%;
  padding: 1% 0 3%;
  border-bottom: 2px dotted #1c1c1c;
}

.topix2Lead h2 {
  display: table;
  margin: auto;
  margin-bottom: 1em;
  font-size: 40px;
  font-size: 4rem;
  table-layout: fixed;
}

.topix2Lead h2 span {
  display: table;
  margin: 0.3em auto 0;
  padding: 0.2em 1em 0;
  font-size: 26px;
  font-size: 2.6rem;
  font-weight: bold;
  table-layout: fixed;
  background: #e0b645;
}

.topix2Lead h2 font {
  font-family: "游明朝体", YuMincho, "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3",
    "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN",
    "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", Georgia,
    Times, "Times New Roman", serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
    "Noto Color Emoji";
}

.topix2Lead p {
  font-size: 16px;
  font-size: 1.6rem;
}

.topix2Content article {
  position: relative;
  z-index: 1;
  padding: 3% 0;
}

.topix2Content article:before {
  content: "";
  position: absolute;
  z-index: -1;
  bottom: 16%;
  left: 0;
  width: 100%;
  height: 70%;
  margin: auto;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(white),
    color-stop(35%, white),
    color-stop(35%, white),
    color-stop(35%, #f2f5f7),
    to(#f2f5f7)
  );
  background: linear-gradient(to right, white 0%, white 35%, white 35%, #f2f5f7 35%, #f2f5f7 100%);
}

.topix2Content article .inner {
  position: relative;
  padding-bottom: 3%;
  background: url(../img/topix2_fubg01b.png) no-repeat center bottom;
}

.topix2Content article .inner:before {
  content: "";
  position: absolute;
  top: 0;
  left: -30px;
  width: 100%;
  height: 100%;
  margin: auto;
  background: url(../img/topix2_fubg01a.png) no-repeat top 35% left/25%;
}

.topix2Content article figure {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 750px) {
  .topix2Content article figure {
    display: block;
  }
}

.topix2Content article figure.largeImg {
  z-index: 1;
}

.topix2Content article figure.largeImg > span {
  position: relative;
  width: 60%;
}

@media screen and (max-width: 750px) {
  .topix2Content article figure.largeImg > span {
    display: block;
    width: 100%;
  }
}

.topix2Content article figure.largeImg > span:after {
  content: "";
  position: absolute;
  top: -10px;
  right: -10px;
  width: 14%;
  height: 100%;
  margin: auto;
  background: url(../img/topix2_fu_icon1.png) no-repeat top/100%;
}

.topix2Content article figure.largeImg figcaption {
  width: 40%;
  margin-bottom: 10%;
}

@media screen and (max-width: 750px) {
  .topix2Content article figure.largeImg figcaption {
    width: 100%;
  }
}

.topix2Content article figure.largeImg figcaption h3 {
  display: table;
  margin: 2em auto;
  padding: 0 1.3em;
  font-size: 22px;
  font-size: 2.2rem;
  border: 0;
}

.topix2Content article figure.largeImg figcaption h3:after {
  content: "”";
  position: absolute;
  top: -0.3em;
  right: 0;
  margin: auto;
  font-family: "游明朝体", YuMincho, "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3",
    "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN",
    "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", Georgia,
    Times, "Times New Roman", serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
    "Noto Color Emoji";
  font-size: 200%;
}

.topix2Content article figure.smallImg {
  z-index: 2;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  margin-top: -13%;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

@media screen and (max-width: 750px) {
  .topix2Content article figure.smallImg {
    display: block;
    margin-top: 10%;
  }
}

.topix2Content article figure.smallImg figcaption {
  width: 54%;
  padding-top: 18%;
  text-align: left;
}

@media screen and (max-width: 750px) {
  .topix2Content article figure.smallImg figcaption {
    width: 100%;
    padding-top: 1em;
  }
}

.topix2Content article figure.smallImg figcaption p {
  line-height: 1.8;
  letter-spacing: 0.1em;
}

.topix2Content article figure.smallImg > span {
  position: relative;
  width: 45%;
  text-align: left;
}

@media screen and (max-width: 750px) {
  .topix2Content article figure.smallImg > span {
    display: block;
    width: 100%;
  }
}

.topix2Content article figure.smallImg > span img {
  width: 100%;
  max-width: 400px;
}

@media screen and (max-width: 750px) {
  .topix2Content article figure.smallImg > span img {
    max-width: inherit;
  }
}

.topix2Content article figure.smallImg > span:after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 10px;
  width: calc(100% + 10px);
  max-width: 400px;
  height: 100%;
  margin: auto;
  background: url(../img/topix2_fu_icon2.png) no-repeat bottom right/14%;
}

@media screen and (max-width: 750px) {
  .topix2Content article figure.smallImg > span:after {
    max-width: inherit;
  }
}

.topix2Content article:nth-child(2n):before {
  content: "";
  position: absolute;
  z-index: -1;
  bottom: 16%;
  left: 0;
  width: 100%;
  height: 70%;
  margin: auto;
  background: -webkit-gradient(
    linear,
    right top,
    left top,
    from(white),
    color-stop(35%, white),
    color-stop(35%, white),
    color-stop(35%, #f2f5f7),
    to(#f2f5f7)
  );
  background: linear-gradient(to left, white 0%, white 35%, white 35%, #f2f5f7 35%, #f2f5f7 100%);
}

.topix2Content article:nth-child(2n) .inner {
  background: url(../img/topix_fubg02b.png) no-repeat right 10% bottom;
}

.topix2Content article:nth-child(2n) .inner:before {
  top: -20px;
  right: -20px;
  left: auto;
  background: url(../img/topix_fubg02a.png) no-repeat top right/25%;
}

.topix2Content article:nth-child(2n) figure {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.topix2Content article:nth-child(2n) figure.largeImg > span:after {
  top: 10px;
  right: auto;
  left: -10px;
  background: url(../img/topix2_fu_icon3.png) no-repeat top/100%;
}

.topix2Content article:nth-child(2n) figure.largeImg figcaption h3:after {
  content: "“";
  right: auto;
  left: 0;
}

.topix2Content article:nth-child(2n) figure.smallImg {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.topix2Content article:nth-child(2n) figure.smallImg > span {
  text-align: right;
}

.topix2Content article:nth-child(2n) figure.smallImg > span:after {
  right: 10px;
  bottom: -10px;
  left: auto;
  background: url(../img/topix2_fu_icon4.png) no-repeat bottom left/18%;
}

@media screen and (min-width: 751px) {
  .topix2Content article:nth-child(2n) figure.smallImg figcaption p {
    padding-left: 8%;
  }
}

/*/-----------------トピックス3*/
.topix-3 .underTitle {
  display: none;
}

.topix3 {
  background: none;
}

.topix3 h2 {
  padding-left: 0.3em;
  font-size: 120px;
  font-size: 12rem;
  font-style: italic;
  line-height: 1;
  color: #f2f5f7;
}

@media screen and (max-width: 1080px) {
  .topix3 h2 {
    font-size: 80px;
    font-size: 8rem;
  }
}

@media screen and (max-width: 750px) {
  .topix3 h2 {
    font-size: 7vw;
  }
}

.topix3 .topix3Lead {
  z-index: 2;
  display: inline-block;
  margin-top: -7em;
  padding-right: 3%;
}

@media screen and (max-width: 750px) {
  .topix3 .topix3Lead {
    width: 15%;
    margin-top: 0;
  }
}

.topix3 .topix3Lead strong {
  display: inline-block;
  margin: auto;
  font-size: 44px;
  font-size: 4.4rem;
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: 0.14em;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}

@media screen and (max-width: 750px) {
  .topix3 .topix3Lead strong {
    margin-top: -1em;
    font-size: 4.5vw;
  }
}

.topix3 .topix3Lead strong > span {
  font-size: 70%;
  font-weight: bold;
}

.topix3 .topix3Lead > span {
  display: block;
  margin: auto;
  -webkit-margin-start: 1em;
  margin-inline-start: 1em;
  font-size: 16px;
  font-size: 1.6rem;
  letter-spacing: 0.1em;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}

@media screen and (max-width: 750px) {
  .topix3 .topix3Lead > span {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

.topix3 article {
  padding: 5% 0;
}

.topix3 article .topix3_imgContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

@media screen and (max-width: 750px) {
  .topix3 article .topix3Content {
    width: 85%;
  }
}

@media screen and (max-width: 750px) {
  .topix3 article .topix3Content > .flexBox > figure {
    max-width: 240px;
  }
}

.topix3 article .topix3Img {
  padding-left: 4%;
}

@media screen and (max-width: 750px) {
  .topix3 article .topix3Img {
    padding-top: 5%;
    padding-left: 0;
  }
}

.topix3 article .topix3Img figure {
  position: relative;
}

.topix3 article .topix3Img figure figcaption {
  display: table;
  margin: auto;
  margin-right: 0;
  padding: 0.5em 0.4em;
  font-size: 14px;
  font-size: 1.4rem;
  font-style: italic;
  line-height: 1.4;
  table-layout: fixed;
  -webkit-transform: translateY(-130%);
  transform: translateY(-130%);
  text-align: center;
  text-align: left;
  letter-spacing: 0.1em;
  color: #fff;
  background: #1c1c1c;
}

@media screen and (max-width: 750px) {
  .topix3 article .topix3Img figure figcaption {
    display: block;
    max-width: 240px;
    margin: 0 auto 5% !important;
    -webkit-transform: none;
    transform: none;
  }
}

.topix3 article .topix3Img figure:nth-child(2) figcaption {
  margin-right: auto;
  margin-left: 0;
}

.topix3 article .topix3Text {
  position: relative;
  display: table;
  margin: 3% auto 3%;
  padding-left: 12%;
}

.topix3 article .topix3Text p {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  table-layout: fixed;
  letter-spacing: 0.1em;
}

.topix3 article .topix3Text span {
  display: block;
  font-size: 15px;
  font-size: 1.5rem;
}

.topix3 article .topix3Text:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 10%;
  max-width: 55px;
  height: 94px;
  margin: auto;
  background: url(../img/topix3_icon001.png) no-repeat center/100%;
}

.topix3 article:nth-child(2n) {
  background: #f2f5f7;
}

.topix3 article:nth-child(2n) h2 {
  margin-right: 0;
  margin-left: auto;
  text-align: right;
  color: #dadcdf;
}

.topix3 article:nth-child(2n) h2:after {
  right: 103%;
  left: auto;
}

.topix3 article:nth-child(2n) .topix3Lead {
  padding-right: 0;
  padding-left: 3%;
}

.topix3 article:nth-child(2n) .topix3_imgContainer,
.topix3 article:nth-child(2n) .flexBox.columnBlocks-2 {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.topix3 article:nth-child(2n) .topix3Img {
  padding-left: 0;
}

@media screen and (min-width: 751px) {
  .topix3 article:nth-child(2n) .topix3Img {
    padding-right: 5%;
  }
}

.topix3 article:nth-child(2n) .topix3Img figcaption {
  color: #1c1c1c;
  background: #fff;
}

.topixBtnContent {
  margin-bottom: 5%;
  padding: 5% 0;
}

/*/-----------------グランドオープン*/
.grand_opening .underTitle {
  display: none;
}

.grand_opening h2 {
  margin-bottom: 1.5em;
  padding-bottom: 1em;
  font-family: "Kumbh Sans", sans-serif;
  font-size: 22px;
  font-size: 2.2rem;
  text-align: left;
}

.grand_opening h2:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 40px;
  height: 2px;
  margin: auto;
  background: #1c1c1c;
}

.grand_opening .mvContent {
  padding-bottom: 5%;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(white),
    color-stop(40%, white),
    color-stop(40%, #f2f5f7),
    color-stop(40%, #f2f5f7),
    to(#f2f5f7)
  );
  background: linear-gradient(
    to bottom,
    white 0%,
    white 40%,
    #f2f5f7 40%,
    #f2f5f7 40%,
    #f2f5f7 100%
  );
}

@media screen and (max-width: 750px) {
  .grand_opening .mvContent {
    padding: 0 5% 10%;
  }
}

.grand_opening .mvContent figure.spOnly {
  margin-top: -3%;
}

.grand_opening .bgLayer2 {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#f2f5f7),
    color-stop(50%, #f2f5f7),
    color-stop(50%, white),
    color-stop(50%, white),
    to(white)
  );
  background: linear-gradient(to bottom, #f2f5f7 0%, #f2f5f7 50%, white 50%, white 50%, white 100%);
}

.grand_opening .campaignContent h3,
.grand_opening .couponContent h3 {
  padding: 0 0 0.8em;
  font-family: "Kumbh Sans", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: left;
  letter-spacing: 0.1em;
}

.grand_opening .campaignContent h3 span,
.grand_opening .couponContent h3 span {
  display: inline;
  font-size: 30px;
  font-size: 3rem;
  font-weight: bold;
}

.grand_opening .campaignContent h3:after,
.grand_opening .couponContent h3:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 24px;
  height: 3px;
  margin: auto;
  background: #1c1c1c;
}

.grand_opening .campaignHead {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (min-width: 751px) {
  .grand_opening .campaignImg {
    width: 40%;
  }
}

.grand_opening .campaignLead {
  padding-left: 3%;
}

@media screen and (max-width: 750px) {
  .grand_opening .campaignLead {
    padding: 0 3%;
  }
}

.grand_opening .campaignLead p {
  font-size: 30px;
  font-size: 3rem;
  font-weight: bold;
  line-height: 1.3;
  letter-spacing: 0.1em;
}

.grand_opening .campaignLead p strong {
  display: block;
  font-size: 40px;
  font-size: 4rem;
  font-weight: bold;
}

.grand_opening .campaignLead p strong span {
  font-size: 60px;
  font-size: 6rem;
  font-weight: bold;
}

.grand_opening h4 {
  position: relative;
  display: table;
  margin: 2em auto;
  padding: 0 1.5em;
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: bold;
  line-height: 1.3;
  table-layout: fixed;
  text-align: center;
  letter-spacing: 0.14em;
}

.grand_opening h4 span {
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: bold;
}

.grand_opening h4 strong {
  font-size: 50px;
  font-size: 5rem;
  font-weight: bold;
}

.grand_opening h4:before,
.grand_opening h4:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 14px;
  height: 25px;
  margin: auto;
  background: url(../img/go_fu_left.png) no-repeat center/100%;
}

.grand_opening h4:after {
  right: 0;
  left: auto;
  background: url(../img/go_fu_right.png) no-repeat center/100%;
}

.grand_opening .cautionBox {
  margin: 8% auto;
  padding: 2em 0;
  border: 1px solid #1c1c1c;
  border-width: 1px 0;
}

/*/-----------------おうち時間充実キャンペーン*/
.ouchi_enrichment .underTitle {
  display: none;
}

.ouchi_enrichment h2 {
  margin-bottom: 1.5em;
  padding-bottom: 1em;
  font-family: "Kumbh Sans", sans-serif;
  font-size: 22px;
  font-size: 2.2rem;
  text-align: left;
}

.ouchi_enrichment h2:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 40px;
  height: 2px;
  margin: auto;
  background: #1c1c1c;
}

.ouchi_enrichment .mvContent {
  padding-bottom: 5%;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(white),
    color-stop(40%, white),
    color-stop(40%, #f2f5f7),
    color-stop(40%, #f2f5f7),
    to(#f2f5f7)
  );
  background: linear-gradient(
    to bottom,
    white 0%,
    white 40%,
    #f2f5f7 40%,
    #f2f5f7 40%,
    #f2f5f7 100%
  );
}

@media screen and (max-width: 750px) {
  .ouchi_enrichment .mvContent {
    padding: 0 5% 10%;
  }
}

.ouchi_enrichment .mvContent figure.spOnly {
  margin-top: -3%;
}

.ouchi_enrichment .bgLayer2 {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#f2f5f7),
    color-stop(50%, #f2f5f7),
    color-stop(50%, white),
    color-stop(50%, white),
    to(white)
  );
  background: linear-gradient(to bottom, #f2f5f7 0%, #f2f5f7 50%, white 50%, white 50%, white 100%);
}

.ouchi_enrichment .campaignContent h3,
.ouchi_enrichment .couponContent h3 {
  padding: 0 0 0.8em;
  font-family: "Kumbh Sans", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: left;
  letter-spacing: 0.1em;
}

.ouchi_enrichment .campaignContent h3 span,
.ouchi_enrichment .couponContent h3 span {
  display: inline;
  font-size: 30px;
  font-size: 3rem;
  font-weight: bold;
}

.ouchi_enrichment .campaignContent h3:after,
.ouchi_enrichment .couponContent h3:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 24px;
  height: 3px;
  margin: auto;
  background: #1c1c1c;
}

.ouchi_enrichment .campaignHead {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (min-width: 751px) {
  .ouchi_enrichment .campaignImg {
    width: 40%;
  }
}

.ouchi_enrichment .campaignLead {
  padding-left: 3%;
}

@media screen and (max-width: 750px) {
  .ouchi_enrichment .campaignLead {
    padding: 0 3%;
  }
}

.ouchi_enrichment .campaignLead p {
  font-size: 30px;
  font-size: 3rem;
  font-weight: bold;
  line-height: 1.3;
  letter-spacing: 0.1em;
}

.ouchi_enrichment .campaignLead p.campaignLead_text__sml {
  font-size: 18px;
  font-size: 2.1rem;
  font-weight: bold;
  line-height: 1.3;
  letter-spacing: 0.1em;
}

@media screen and (max-width: 750px) {
  .ouchi_enrichment .campaignLead p.campaignLead_text__sml {
    font-size: 16px;
    font-size: 1.9rem;
    white-space: nowrap;
  }
}

.ouchi_enrichment .campaignLead p.campaignLead_text__sml .campaignLead_text__sml_bg {
  background: #1c1c1c;
  color: #fff;
  padding: 3px;
  margin-right: 10px;
}

@media screen and (max-width: 750px) {
  .ouchi_enrichment .campaignLead p.campaignLead_text__sml .campaignLead_text__sml_bg {
    margin-bottom: 10px;
    display: inline-block;
  }
}

@media screen and (max-width: 750px) {
  .ouchi_enrichment .campaignLead p.campaignLead_text__sml .campaignLead_text__sml_inr {
    display: block;
  }
}

.ouchi_enrichment .campaignLead p strong {
  display: block;
  font-size: 40px;
  font-size: 4rem;
  font-weight: bold;
}

.ouchi_enrichment .campaignLead p strong span {
  font-size: 60px;
  font-size: 6rem;
  font-weight: bold;
}

.ouchi_enrichment h4 {
  position: relative;
  display: table;
  margin: 2em auto;
  padding: 0 1.5em;
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: bold;
  line-height: 1.3;
  table-layout: fixed;
  text-align: center;
  letter-spacing: 0.14em;
}

.ouchi_enrichment h4 span {
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: bold;
}

.ouchi_enrichment h4 strong {
  font-size: 50px;
  font-size: 5rem;
  font-weight: bold;
}

.ouchi_enrichment h4:before,
.ouchi_enrichment h4:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 14px;
  height: 25px;
  margin: auto;
  background: url(../img/go_fu_left.png) no-repeat center/100%;
}

.ouchi_enrichment h4:after {
  right: 0;
  left: auto;
  background: url(../img/go_fu_right.png) no-repeat center/100%;
}

.ouchi_enrichment .cautionBox {
  margin: 8% auto;
  padding: 2em 0;
  border: 1px solid #1c1c1c;
  border-width: 1px 0;
}

/*/-----------------おうち時間充実キャンペーン2*/
.ouchi_enrichment2 .underTitle {
  display: none;
}

.ouchi_enrichment2 h2 {
  margin-bottom: 1.5em;
  padding-bottom: 1em;
  font-family: "Kumbh Sans", sans-serif;
  font-size: 22px;
  font-size: 2.2rem;
  text-align: left;
}

.ouchi_enrichment2 h2:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 40px;
  height: 2px;
  margin: auto;
  background: #1c1c1c;
}

.ouchi_enrichment2 .mvContent {
  padding-bottom: 5%;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(white),
    color-stop(40%, white),
    color-stop(40%, #f2f5f7),
    color-stop(40%, #f2f5f7),
    to(#f2f5f7)
  );
  background: linear-gradient(
    to bottom,
    white 0%,
    white 40%,
    #f2f5f7 40%,
    #f2f5f7 40%,
    #f2f5f7 100%
  );
}

@media screen and (max-width: 750px) {
  .ouchi_enrichment2 .mvContent {
    padding: 0 5% 10%;
  }
}

.ouchi_enrichment2 .mvContent figure.spOnly {
  margin-top: -3%;
}

.ouchi_enrichment2 .bgLayer2 {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#f2f5f7),
    color-stop(50%, #f2f5f7),
    color-stop(50%, white),
    color-stop(50%, white),
    to(white)
  );
  background: linear-gradient(to bottom, #f2f5f7 0%, #f2f5f7 50%, white 50%, white 50%, white 100%);
}

.ouchi_enrichment2 .campaignContent h3,
.ouchi_enrichment2 .couponContent h3 {
  padding: 0 0 0.8em;
  font-family: "Kumbh Sans", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: left;
  letter-spacing: 0.1em;
}

.ouchi_enrichment2 .campaignContent h3 span,
.ouchi_enrichment2 .couponContent h3 span {
  display: inline;
  font-size: 30px;
  font-size: 3rem;
  font-weight: bold;
}

.ouchi_enrichment2 .campaignContent h3:after,
.ouchi_enrichment2 .couponContent h3:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 24px;
  height: 3px;
  margin: auto;
  background: #1c1c1c;
}

.ouchi_enrichment2 .campaignHead {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (min-width: 751px) {
  .ouchi_enrichment2 .campaignImg {
    width: 40%;
  }
}

.ouchi_enrichment2 .campaignLead {
  padding-left: 3%;
}

@media screen and (max-width: 750px) {
  .ouchi_enrichment2 .campaignLead {
    padding: 0 3%;
  }
}

.ouchi_enrichment2 .campaignLead p {
  font-size: 30px;
  font-size: 3rem;
  font-weight: bold;
  line-height: 1.3;
  letter-spacing: 0.1em;
}

.ouchi_enrichment2 .campaignLead p.campaignLead_text__sml {
  font-size: 18px;
  font-size: 2.1rem;
  font-weight: bold;
  line-height: 1.3;
  letter-spacing: 0.1em;
}

@media screen and (max-width: 750px) {
  .ouchi_enrichment2 .campaignLead p.campaignLead_text__sml {
    font-size: 16px;
    font-size: 1.9rem;
    white-space: nowrap;
  }
}

.ouchi_enrichment2 .campaignLead p.campaignLead_text__sml .campaignLead_text__sml_bg {
  background: #1c1c1c;
  color: #fff;
  padding: 3px;
  margin-right: 10px;
}
@media screen and (max-width: 750px) {
  .ouchi_enrichment2 .campaignLead p.campaignLead_text__sml .campaignLead_text__sml_bg {
    margin-bottom: 10px;
    display: inline-block;
  }
}
@media screen and (max-width: 750px) {
  .ouchi_enrichment2 .campaignLead p.campaignLead_text__sml .campaignLead_text__sml_inr {
    display: block;
  }
}

.ouchi_enrichment2 .campaignLead p strong {
  display: block;
  font-size: 40px;
  font-size: 4rem;
  font-weight: bold;
}

.ouchi_enrichment2 .campaignLead p strong span {
  font-size: 60px;
  font-size: 6rem;
  font-weight: bold;
}

.ouchi_enrichment2 h4 {
  position: relative;
  display: table;
  margin: 2em auto;
  padding: 0 1.5em;
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: bold;
  line-height: 1.3;
  table-layout: fixed;
  text-align: center;
  letter-spacing: 0.14em;
}

.ouchi_enrichment2 h4 span {
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: bold;
}

.ouchi_enrichment2 h4 strong {
  font-size: 50px;
  font-size: 5rem;
  font-weight: bold;
}

.ouchi_enrichment2 h4:before,
.ouchi_enrichment2 h4:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 14px;
  height: 25px;
  margin: auto;
  background: url(../img/go_fu_left.png) no-repeat center/100%;
}

.ouchi_enrichment2 h4:after {
  right: 0;
  left: auto;
  background: url(../img/go_fu_right.png) no-repeat center/100%;
}

.ouchi_enrichment2 .cautionBox {
  margin: 8% auto;
  padding: 2em 0;
  border: 1px solid #1c1c1c;
  border-width: 1px 0;
}
/*/-----------------理想のダイニングルーム キャンペーン*/
.diningroom_campaign .underTitle {
  display: none;
}

.diningroom_campaign h2 {
  margin-bottom: 1.5em;
  padding-bottom: 1em;
  font-family: "Kumbh Sans", sans-serif;
  font-size: 22px;
  font-size: 2.2rem;
  text-align: left;
}

.diningroom_campaign h2:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 40px;
  height: 2px;
  margin: auto;
  background: #1c1c1c;
}

.diningroom_campaign .mvContent {
  padding-bottom: 5%;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(white),
    color-stop(40%, white),
    color-stop(40%, #f2f5f7),
    color-stop(40%, #f2f5f7),
    to(#f2f5f7)
  );
  background: linear-gradient(
    to bottom,
    white 0%,
    white 40%,
    #f2f5f7 40%,
    #f2f5f7 40%,
    #f2f5f7 100%
  );
}

@media screen and (max-width: 750px) {
  .diningroom_campaign .mvContent {
    padding: 0 5% 10%;
  }
}

.diningroom_campaign .mvContent figure.spOnly {
  margin-top: -3%;
}

.diningroom_campaign .bgLayer2 {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#f2f5f7),
    color-stop(50%, #f2f5f7),
    color-stop(50%, white),
    color-stop(50%, white),
    to(white)
  );
  background: linear-gradient(to bottom, #f2f5f7 0%, #f2f5f7 50%, white 50%, white 50%, white 100%);
}

.diningroom_campaign .campaignContent h3,
.diningroom_campaign .couponContent h3 {
  padding: 0 0 0.8em;
  font-family: "Kumbh Sans", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: left;
  letter-spacing: 0.1em;
}

.diningroom_campaign .campaignContent h3 span,
.diningroom_campaign .couponContent h3 span {
  display: inline;
  font-size: 30px;
  font-size: 3rem;
  font-weight: bold;
}

.diningroom_campaign .campaignContent h3:after,
.diningroom_campaign .couponContent h3:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 24px;
  height: 3px;
  margin: auto;
  background: #1c1c1c;
}

.diningroom_campaign .campaignHead {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (min-width: 751px) {
  .diningroom_campaign .campaignImg {
    width: 40%;
  }
}

.diningroom_campaign .campaignLead {
  padding-left: 3%;
}

@media screen and (max-width: 750px) {
  .diningroom_campaign .campaignLead {
    padding: 0 3%;
  }
}

.diningroom_campaign .campaignLead p {
  font-size: 21px;
  font-size: 2.1rem;
  font-weight: bold;
  line-height: 1.3;
  letter-spacing: 0.1em;
}

@media screen and (max-width: 750px) {
  .diningroom_campaign .campaignLead p {
    line-height: 1.5;
  }
}

.diningroom_campaign .campaignLead p.campaignLead_text__sml {
  font-size: 18px;
  font-size: 2.1rem;
  font-weight: bold;
  line-height: 1.3;
  letter-spacing: 0.1em;
}

@media screen and (max-width: 750px) {
  .diningroom_campaign .campaignLead p.campaignLead_text__sml {
    font-size: 16px;
    font-size: 1.9rem;
    white-space: nowrap;
  }
}

.diningroom_campaign .campaignLead p.campaignLead_text__sml .campaignLead_text__sml_bg {
  background: #1c1c1c;
  color: #fff;
  padding: 3px;
  margin-right: 10px;
}

@media screen and (max-width: 750px) {
  .diningroom_campaign .campaignLead p.campaignLead_text__sml .campaignLead_text__sml_bg {
    margin-bottom: 10px;
    display: inline-block;
  }
}

@media screen and (max-width: 750px) {
  .diningroom_campaign .campaignLead p.campaignLead_text__sml .campaignLead_text__sml_inr {
    display: block;
  }
}

.diningroom_campaign .campaignLead p strong {
  display: block;
  font-size: 21px;
  font-size: 2.1rem;
  font-weight: bold;
}

.diningroom_campaign .campaignLead p .campaignLead_text_bg {
  display: inline-block;
  background-color: #000;
  color: #fff;
  font-size: 30px;
  font-size: 3rem;
  padding: 3px;
  margin-right: 10px;
}
@media screen and (min-width: 751px) {
  .diningroom_campaign .campaignLead p .campaignLead_text_bg {
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 750px) {
  .diningroom_campaign .campaignLead p .campaignLead_text_bg {
    font-size: 28px;
    font-size: 2.8rem;
    padding: 3px;
    margin-right: 0px;
    margin-bottom: 15px;
  }
}

.diningroom_campaign .campaignLead p strong span {
  font-size: 60px;
  font-size: 6rem;
  font-weight: bold;
}

.diningroom_campaign h4 {
  position: relative;
  display: table;
  margin: 2em auto;
  padding: 0 1.5em;
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: bold;
  line-height: 1.3;
  table-layout: fixed;
  text-align: center;
  letter-spacing: 0.14em;
}

.diningroom_campaign h4 span {
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: bold;
}

.diningroom_campaign h4 strong {
  font-size: 50px;
  font-size: 5rem;
  font-weight: bold;
}

.diningroom_campaign h4:before,
.diningroom_campaign h4:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 14px;
  height: 25px;
  margin: auto;
  background: url(../img/go_fu_left.png) no-repeat center/100%;
}

.diningroom_campaign h4:after {
  right: 0;
  left: auto;
  background: url(../img/go_fu_right.png) no-repeat center/100%;
}

.diningroom_campaign .cautionBox {
  margin: 8% auto;
  padding: 2em 0;
  border: 1px solid #1c1c1c;
  border-width: 1px 0;
}

/*/-----------------レビューキャンペーン*/
.reviews_campaign .underTitle {
  display: none;
}

.reviews_campaign .mvContetnts h2 {
  display: none;
}

.reviews_campaign .mvContent figure {
  width: 100%;
}

.reviews_campaign .mvContent figure img {
  width: 100%;
}

.reviews_campaign .mvContent {
  padding-bottom: 5%;
}

@media screen and (max-width: 750px) {
  .reviews_campaign .mvContent {
    padding: 0 5% 10%;
  }
}

.reviews_campaign .mvContent figure.spOnly {
  margin-top: -3%;
}

.reviews_campaign .bgLayer2 {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#f2f5f7),
    color-stop(50%, #f2f5f7),
    color-stop(50%, white),
    color-stop(50%, white),
    to(white)
  );
  background: linear-gradient(to bottom, #f2f5f7 0%, #f2f5f7 50%, white 50%, white 50%, white 100%);
}
.reviews_campaign .bl_lead {
  background-color: #f2f5f7;
  max-width: 978px;
  margin: 0 auto 55px;
}

.reviews_campaign .bl_lead .bl_lead_inner {
  padding: 37px 20px 25px;
  text-align: center;
}
@media screen and (max-width: 750px) {
  .reviews_campaign .bl_lead .bl_lead_inner {
    padding: 37px 12px 25px;
  }
}
.reviews_campaign .bl_lead .bl_lead_ttl {
  font-size: 1.6rem;
  line-height: 1.5;
  letter-spacing: 0.15em;
  margin-bottom: 17px;
  text-align: center;
}

.reviews_campaign .bl_lead .bl_lead_text.bl_lead_text_lg {
  font-size: 3rem;
  line-height: 1.6;
  letter-spacing: 0.15em;
  margin-bottom: 30px;
  text-align: center;
}
@media screen and (max-width: 750px) {
  .reviews_campaign .bl_lead .bl_lead_text.bl_lead_text_lg {
    font-size: 2.5rem;
    line-height: 1.6;
    letter-spacing: 0.15em;
    margin-bottom: 30px;
    text-align: center;
  }
}

.reviews_campaign .bl_lead .bl_lead_text {
  font-size: 1.6rem;
  line-height: 1.2;
  letter-spacing: 0.15em;
  text-align: center;
}

.reviews_campaign .inner2 {
  width: 100%;
  max-width: 1245px;
  margin: 0 auto;
  padding: 0 5px;
}

@media screen and (min-width: 751px) {
  .reviews_campaign .columnBlocks-2 {
    margin-bottom: 51px;
  }
}

.reviews_campaign .campaignHead {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (min-width: 751px) {
  .reviews_campaign .campaignImg {
    width: 40%;
  }
}

.reviews_campaign .campaignLead {
  padding-left: 3%;
}

@media screen and (max-width: 750px) {
  .reviews_campaign .campaignLead {
    padding: 0 3%;
  }
}

.reviews_campaign .campaignLead .campaignLead_ttl {
  font-size: 3rem;
  line-height: 1.5;
  letter-spacing: 0.15em;
  margin-bottom: 30px;
}

.reviews_campaign .campaignLead .campaignLead_note {
  font-size: 1.6rem;
  line-height: 1.5;
  letter-spacing: 0.15em;
  margin-bottom: 40px;
}

.reviews_campaign .campaignLead .campaignLead_text {
  font-size: 3rem;
  line-height: 1.5;
  letter-spacing: 0.15em;
}

.reviews_campaign .campaignLead .campaignLead_text_orange {
  color: #e2862b;
  font-family: YuGothic, "游ゴシック", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Verdana,
    sans-serif;
  font-weight: bold;
  font-size: 3.2rem;
}

.reviews_campaign h4 {
  position: relative;
  display: table;
  margin: 2em auto;
  padding: 0 1.5em;
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: bold;
  line-height: 1.3;
  table-layout: fixed;
  text-align: center;
  letter-spacing: 0.14em;
}

.reviews_campaign h4 span {
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: bold;
}

.reviews_campaign h4 strong {
  font-size: 50px;
  font-size: 5rem;
  font-weight: bold;
  color: #e2862b;
}

.reviews_campaign h4:before,
.reviews_campaign h4:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 14px;
  height: 25px;
  margin: auto;
  background: url(../img/go_fu_left.png) no-repeat center/100%;
}

.reviews_campaign h4:after {
  right: 0;
  left: auto;
  background: url(../img/go_fu_right.png) no-repeat center/100%;
}

.reviews_campaign h5 {
  font-size: 2.4rem;
  margin-bottom: 15px;
  letter-spacing: 0.15em;
}

.reviews_campaign .cautionBox {
  margin: 6% auto;
  padding: 2em 0;
  border: 1px solid #535262;
  border-width: 1px 0;
}

.reviews_campaign .bl_imgWrap {
  display: block;
  margin: auto;
  padding: 0;
  text-align: center;
}

.reviews_campaign .bl_imgWrap img {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
  vertical-align: middle;
}

.reviews_campaign .bl_review_btnWrap {
  text-align: center;
  margin-top: 80px;
  margin-bottom: 80px;
}

.reviews_campaign .btnStyle.btnStyle__blk {
  background: #535262;
  color: #fff !important;
  font-size: 1.4rem;
}

.reviews_campaign .btnStyle.btnStyle__blk:hover {
  background: #ffffff;
  color: #1c1c1c !important;
}

.reviews_campaign .btnStyle.btnStyle__blk:hover::after {
  background: url(https://keyouwei.com/wp/wp-content/themes/office_com/_assets/img/arrow.png)
    no-repeat center/100% !important;
}

.reviews_campaign .btnStyle.btnStyle__blk::after {
  background: url(https://keyouwei.com/wp/wp-content/themes/office_com/_assets/img/arrow_on.png)
    no-repeat center/100%;
}

.couponContents {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(white),
    color-stop(10%, white),
    color-stop(10%, #f2f5f7),
    color-stop(10%, #f2f5f7),
    to(#f2f5f7)
  );
  background: linear-gradient(
    to bottom,
    white 0%,
    white 10%,
    #f2f5f7 10%,
    #f2f5f7 10%,
    #f2f5f7 100%
  );
}

.couponContents .couponContent {
  padding-bottom: 5%;
}

.couponContents .couponContent .campaignHead {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

@media screen and (min-width: 751px) {
  .couponContents .couponContent .campaignImg {
    margin-right: 10%;
  }
}

.couponContents .couponContent .campaignLead {
  padding-left: 0;
}

@media screen and (min-width: 751px) {
  .couponContents .couponContent .campaignLead {
    max-width: 540px;
  }
}

@media screen and (max-width: 750px) {
  .couponContents .couponContent .campaignLead {
    padding: 0 3%;
  }
}

.couponContents .inner {
  overflow: hidden;
  padding-top: 3%;
  padding-bottom: 3%;
  border-bottom: 1px solid #1c1c1c;
}

.couponContents h5 {
  position: relative;
  display: table;
  margin: 1.5em 0;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  table-layout: fixed;
  letter-spacing: 0.1em;
}

.couponContents h5:after {
  content: "";
  position: absolute;
  top: 45%;
  left: 105%;
  display: block;
  width: 100vw;
  height: 1px;
  margin: auto;
  border: 0;
  background: #1c1c1c;
}

figcaption .textPrice {
  display: block;
}

.bgTopix2 {
  background: #fff;
}

@media screen\0 {
  .topix3 .topix3Lead > span {
    margin: auto 1em;
  }
}

#fs_ShoppingCart .fs-c-featuredProduct {
  display: none;
}

/*20211026*/
.js_noOpen {
}

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

.js_noOpen .js_noOpen_inner .js_noOpen_item {
  font-weight: bold;
}
@media screen and (max-width: 750px) {
  .js_noOpen::after {
    /*    display: none !important;*/
    -webkit-transform: rotate(-45deg) !important;
    transform: rotate(-45deg) !important;
  }
}


.fs-client-cart-count.fs-client-cart-count--0{
  display: none!important;
}

@media screen and (min-width:902px){
  .fs-client-cart-count{
    position: absolute;
    top: 0;
    right: -5px;
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 14px;
    height: 14px;
    font-size: 8px;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    background: #EE5F32;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; 
  }
  }
/*# sourceMappingURL=../sourcemaps/style.css.map */


/*----------手打ちのパンくず----------*/
#pankuzu{
  overflow-x: scroll;
  margin-bottom: 30px;
}

#pankuzu .navipath{
  width: max-content;
}

#pankuzu .navipath li{
  display: inline-block;
  font-size: 12px;
  height: 20px;
}
#pankuzu .navipath li:after{
  content: "＞";
}
#pankuzu .navipath li:last-child:after{
    content: "";
}
#pankuzu .navipath img{
  width: 18px;
  padding-bottom: 6px;
  margin-right: 5px;
}

@media only screen and (min-width:700px) {/*--------------------ここからタブレット---------------------------*/
#pankuzu{
  /*IE(Internet Explorer)・Microsoft Edgeへの対応*/
  -ms-overflow-style: none;
  /*Firefoxへの対応*/
  scrollbar-width: none;
}

 /*Google Chrome、Safariへの対応*/
#pankuzu::-webkit-scrollbar{
  display: none;
}
	
#pankuzu .navipath{
  width: 100%;
}
}

@media only screen and (min-width:1024px) {/*--------------------ここからPC---------------------------*/
#pankuzu{
  margin-top: 30px;
}
}


/* ------------------------------------------------------- */
/* ------------------------------------------------------- */
/* ------------------------------------------------------- */
/* footer css */



@media screen and (min-width:1081px) {
  footer{
      overflow: initial!important;
  }
}

#footer-service_contents p{
  text-align: justify;
  line-height: 1.2;
}
#footer-service_contents h6{
  line-height: 1.4;
  text-align: justify;
  font-weight: 700;
}

#footer-service_contents h6,
#footer-service_contents h5,
#footer-service_contents h4,
#footer-service_contents p,
#footer-service_contents a,
#footer-service_contents span{
font-family: "Yu Gothic", 游ゴシック, YuGothic, 游ゴシック体, "Hiragino Sans", ヒラギノ角ゴシック, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro";
}

.footer-service_information_must p{
  margin-bottom: 0;
  line-height: 1.4;
  text-align: left;
  letter-spacing: 0;
  word-break: break-all;
  margin-top: 8px;
}

#footer-service_contents{
  background: #f5f5f5;
  margin-top: 32px;
  border-top: 1px solid #eeeeee;
}

.footer-service_information_must{
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

.footer-service_information_more .ftr-sr-info_content_sub{
  user-select: none;
}


@media screen and (max-width:1200px) {
  #footer-service_contents{
      padding: 0 5%;
  }
}

.footer-service_information_must > h5{
  width: 100%;
  margin: 0 auto;
  margin-top: 32px;
  font-weight: 700;
  line-height: 0;
  font-size: 22px;
  margin-bottom: 32px;
  display: inline-block;
}

@media screen and (max-width:414px) {
  .footer-service_information_must > h5{
      font-size: 18px;
  }
}


.footer-service_information_must ul{
  width: 100%;

  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding-bottom: 32px;
  border-bottom: 1px solid #b7b7b7;
}

.footer-service_information_must ul li{
  height: max-content;
}


@media screen and (min-width:769px) {
  .footer-service_information_must ul li{
      width: 22%;
      margin-right: 4%;
  }

  .footer-service_information_must ul li:last-child{
      margin-right: 0%;
  }
}

@media screen and (max-width:768px) {
  .footer-service_information_must ul li{
      width: 48%;
      margin-right: 4%;
      margin-bottom: 24px;
  }
  
  .footer-service_information_must ul li:nth-child(2n){
      margin-right: 0%;
  }
}

@media screen and (max-width:414px) {
  
}


/* ------------------------------------------------------ */
/* 出し分け */
.ftr_flex_content{
  display: flex;
}
/* 
.footer-service_information_more .ftr_flex_content{
  flex-wrap: wrap;
} */

@media screen and (min-width:769px) {
  .--PCnone{
      display: none;
  }
  .--PCclm{
      flex-direction: column;
  }
  .--PCrow{
      flex-direction: row;
  }
}

@media screen and (max-width:768px) {
  .--SPnone{
      display: none;
  }
  .--TBclm{
      flex-direction: column;
  }
  .--TBrow{
      flex-direction: row;
  }
}
@media screen and (max-width:414px) {
  .--SPnone{
      display: none;
  }
  .--SPclm{
      flex-direction: column;
  }
  .--SProw{
      flex-direction: row;
  }
}

/* reiauto */

.ftr_flex_sub-caution{
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  /* padding: 0 5%; */
}

@media screen and (min-width:769px) {
  .ftr_flex_sub-caution > div{
      width: 70%;
  }

  .ftr_flex_sub-caution > section{
      width: 28%;
      margin-left: 2%;
  }
}
@media screen and (max-width:768px) {
  .ftr_flex_sub-caution > div{
      width: 100%;
  }
  .ftr-sr-info_content_sub > a > div{
      display: flex;
  }

  .ftr_flex_sub-caution > section{
      width: 100%;
      border-top: 1px solid #5e5e5e;
  }
  .footer-service_information_caution .ftr-sr-info_content_sub{
      margin-bottom: 4px;
  }
}

.ftr-sr-info_subcontentPr2{
  display: flex;
}
@media screen and (max-width:768px) {
  .ftr-sr-info_subcontentPr2{
      margin-bottom: 14px;
  }    
}

.ftr-sr-info_subcontentPr2 > div > a {
  display: flex;
  flex-direction: column;
}
.ftr-sr-info_subcontentPr1 > div > a:hover, .ftr-sr-info_subcontentPr2 > div > a:hover{
  opacity: 0.7;
}

.ftr-sr-info_subcontentPr1 > div > a > div,
.ftr-sr-info_subcontentPr2 > div > a > div{
  display: flex;
  flex-direction: column;
}


.ftr-sr-info_subcontentPr1 > div > a > span,
.ftr-sr-info_subcontentPr2 > div > a > span{
  width: 25%;
}

.ftr-rs-der > a > div,
.ftr-sr-info_subcontentPr2 > div > a > div{
  width: 100%;
}
.ftr-rs-regi > a > div{
  width: 100%;
  margin-bottom: 8px;
}


/* プライオリティ2 */
.ftr-sr-info_subcontentPr2 .ftr-sr-info_content_sub{
  background: #fff;
  width: 25%;
  border-radius: 10px;
  padding: 8px;
}

@media screen and (max-width:768px) {
  .ftr-sr-info_subcontentPr2 .ftr-sr-info_content_sub:not(:nth-child(3)){

      margin-right: 3%;
  }
  .ftr-sr-info_subcontentPr2 .ftr-sr-info_content_sub{
      width: 32%;
  }
}

.footer-service_information_sub{
  margin-bottom: 16px;
}

.footer-service_information_sub span.ftr-sr-info_img-set {
  width: 100%;
}


/* ------------------------------- */
/* 各セクション */

/* sub ---------------------------- */
/* .footer-service_information_sub .ftr-sr-info_content_sub{ */
  /* border-bottom: 1px dotted #000; */
  /* margin-bottom: 16px; */
  /* padding-top: 16px; */
  /* padding-bottom: 16px; */
/* } */

.ftr-sr-info_subcontentAll h6{
  font-size: 14px;
}

.ftr-sr-info_content_sub > a > h6 {
  font-weight: 700;
  font-size: 14px;
  margin-top: 8px;
}


@media screen and (max-width:768px) {
  .ftr-sr-info_content_sub{
      padding-bottom: 16px;
  }
  .ftr-sr-info_subcontentAll > div{
      width: 100%;
  }
}


.ftr-sr-info_img-set{
  display: block;
}
.ftr-sr-info_img-set img{
  width: 100%;
  height: auto;
}



.footer-service_information_sub .ftr_flex_content > h6,
.footer-service_information_sub .ftr_flex_content > p {
  padding-left: 4px;
  margin-bottom: 0;
  line-height: 1.2;
}
.footer-service_information_sub .ftr_flex_content > p{
  font-size: 12px;
}


.footer-service_information_sub .ftr_flex_content > h6{
  margin-bottom: 8px;
  margin-top: 4px;
}

@media screen and (max-width:768px) {
  
  .footer-service_information_sub .ftr_flex_content > h6,
  .footer-service_information_sub .ftr_flex_content > p {
      padding-left: 5%;
      margin-bottom: 0;
  }
  .footer-service_information_sub .ftr_flex_content > h6{
      margin-bottom: 8px;
  }
}


.footer-service_information_more h6{
  margin-bottom: 4px;
  font-size: 13px;
}


/* 決済可能の箇所 */
.ftr-rs-regi-inner{
  display: flex;
}
.ftr-rs-regi-txt{
  text-align: justify;
}
.footer-service_information_sub h5{
  /* margin-top: 16px; */
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 8px;
}

.footer-service_information_caution h5{
  font-size: 18px;
  font-weight: 700;
  margin-top: 24px;
  margin-bottom: 8px;
}

@media screen and (min-width:769px) {
  .ftr-rs-regi-txt {
      width: 100%;
      margin-top: 4px;
      
  }

  .ftr-rs-regi-inner span.ftr-sr-info_img-set {
      width: 100%;   
      background: #fff;
      border-radius: 10px;
      padding: 4px;
  }
}

@media screen and (max-width:768px) {
  .ftr-rs-regi-txt {
      width: 100%;
      margin-right: 16px;
  }

  .ftr-rs-regi-inner span.ftr-sr-info_img-set {
      width: 100%;
      background-color: #fff;
      border-radius: 10px;
      padding: 4px;
  }
}

@media screen and (max-width:414px) {

  .ftr-rs-regi-txt {
      width: 100%;
      margin-top: 8px;
  }

  .ftr-rs-regi-inner span.ftr-sr-info_img-set {
      width: 100%;   
  }
}


.footer-service_information_sub .ftr-sr-info_titlecontent h4{
  font-size: 22px;
  font-weight: 700;
  margin-top: 18px;
  margin-bottom: 8px;
}
@media screen and (max-width:414px) {
  .footer-service_information_sub .ftr-sr-info_titlecontent h5{
      font-size: 18px;
  }
}


.ftr-sr-info_titlecontent h4{
  font-size: 18px;
  font-weight: 700;
  margin-top: 24px;
  margin-bottom: 14px;
}

.footer-service_information_caution h6{
  font-size: 14px;
  margin-bottom: 4px;
}


.footer-service_information_caution p{
  font-size: 12px;
  color: #5e5e5e;
}

.footer-service_information_caution .ftr-sr-info_content_sub > div > p{
  margin-bottom:0;
}

.footer-service_information_caution .ftr-sr-info_content_sub{
  margin-bottom: 20px;
}
.footer-service_information_caution .ftr-sr-info_content_sub > div > span{
  display: inline-block;
  width: 100%;
  font-size: 12px;
  text-align: right;
}
.footer_information_return-guide-link a::after,
.footer-service_information_caution .ftr-sr-info_content_sub > div > span:after{
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  margin: 0 2px;
  border-top: 2px solid #555;
  border-right: 2px solid #555;
  transform: rotate(45deg);
}

/* 暮らしの便利 */
.footer-service_information_more h5{
  font-size: 14px;
  text-align: justify;
  line-height: 1.4;
  margin-bottom: 12px;
  font-weight: 700;
}
.footer-service_information_more .ftr-sr-info_content_sub > span{
  display: inline-block;
  margin-bottom: 8px;
  width: 100%;
}

.footer-service_information_more .ftr-sr-info_content_sub p {
  line-height: 1.4;
  font-size: 12px;
}


@media screen and (min-width:769px) {
  .footer-service_information_more .ftr-sr-info_content_sub{
      width: 25%;
      /* background: #fff; */
      /* border-radius: 4px; */
      padding:10px 10px 0px 10px;
      margin-bottom: 14px;
  }

  .ftr-sr-info_subcontentPr2 .ftr-sr-info_content_sub:not(:nth-child(4n)){
      margin-right: 1.5%;
  }

  .footer-service_information_more .ftr_flex_content .ftr-sr-info_content_sub:not(:nth-child(4n)){
      /* margin-right: 1.5%; */
      border-right: 1px dotted #555;
  }
}
.footer-service_information_more .ftr-sr-info_content_sub > span > img{
  width: 100%;
  height: auto;
}

@media screen and (max-width:768px) {
  .footer-service_information_more h5{
      font-size: 14px;
      text-align: justify;
      line-height: 1.4;
      font-weight:700;
      margin-bottom: 12px;
  }


  .footer-service_information_more .ftr_flex_content{
      flex-wrap: wrap;
      justify-content:flex-start;
  }   
  .footer-service_information_more .ftr_flex_content > div{
      width: 33%;
      /* background-color: #fff; */
      /* border-radius: 12px; */
      /* padding: 8px; */
      margin-bottom: 12px;
  }
  .footer-service_information_more .ftr-sr-info_content_sub > span > img{
      width: 100%;
      height: auto;
  }

  .footer-service_information_more .ftr_flex_content > div{
      margin: 0px;
      padding: 9px;
  }
  .footer-service_information_more .ftr_flex_content > div:not(:nth-child(3n)){
      border-right: 1px dotted #555;
  }
  .footer-service_information_more .ftr_flex_content > div:nth-child(n + 4){
      border-top: 1px dotted #555;
  }
}


/* お問い合わせについて */

/* お問い合わせ */

.kura_about-contact{
  padding-bottom: 48px;
}

.kura_about-contact h4{
  font-size: 18px;
  font-weight: 700;
  margin-top: 24px;
  /* margin-bottom: 14px; */
}

.kura_contact-way{
  display: flex;
}
.kura_contact-way p{
  font-size: 14px;
  width: 100%;
  margin-right: 2%;
  margin-bottom: 14px;
}

.kura_contact-way > div{
  display: flex;
  flex-direction: column;
  width: 100%;
}

@media screen and (max-width:768px) {
  .footer-service_information_caution .ftr-sr-info_content_sub{
      margin-bottom: 0;
  }
  .kura_about-contact h4{
      margin-top: 0;
  }

  .kura_contact-way p,
  .kura_contact-way > div{
      width: 100%;
  }
}


.kura_contact-way_tel{
  position: relative;
  margin-bottom: 16px;
}

.kura_contact-way_tel span::before{
  content: "";
  position: relative;
  background-image: url(https://kurashiec202009.itembox.design/item/_assets/img/person_tel.png);
  width: 27px;
  height: 24px;
  max-height: 24px;
  display: inline-block;
  top: 8px;
  background-size: contain;
  left: -5px;
}

.kura_contact-way > div p{
  font-size: 18px;
  color: #666;
  width: 100%;
  height: 48px;
  /* text-align: center; */
  padding-top: 6px;
  background: #eee;
  border-radius: 30px;
  margin-bottom: 0px;
  position: relative;
}

.kura_contact-way > div span{
  text-align: center;
  display: inline-block;
  width: 100%;
  line-height: 0;
  font-weight: 700;
  /* margin: 0 auto; */

}




.kura_contact-way_chat,
.kura_contact-way_form{
  text-align: center;
  width: 100%;
}

.kura_contact-way_chat{
  margin-bottom: 16px;
}

/* テキストのやつ */
.kura_contact-way_chat a{
  border: 1px solid #666;
  width: 100%;
  display: inline-block;
  padding: 4px 0 7px;
  font-weight: 700;
  position: relative;
}

.kura_contact-way_form a{
  border: 1px solid #666;
  width: 100%;
  display: inline-block;
  padding: 3px 0 8px;
  font-weight: 700;
  position: relative;

}
.kura_contact-way_chat a:hover,
.kura_contact-way_form a:hover {
  background: black;
  color: #fff;
}

/* アイコン */


.kura_contact-way_form a::before{
  content: "";
  background-image: url(https://kurashiec202009.itembox.design/item/_assets/img/person_contact_b.svg);
  width: 20px;
  height: 20px;
  display: inline-block;
  position: relative;
  top: 9px;
  left: -8px;
}

.kura_contact-way_form a:hover::before{
  content:"";
  background-image: url(https://kurashiec202009.itembox.design/item/_assets/img/person_contact_w.svg);
  width: 20px;
  height: 20px;
  display: inline-block;
  position: relative;
  top: 9px;
  left: -8px;
}

/* ガイド遷移ボタン */
.footer_information_return-guide{
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding-bottom: 24px;
}

.footer_information_return-guide > div{
  text-align: right;
}

/* ショッピングガイドの画像 */
.footer-service_information_must .footer_shoping_guide img{
  width: 100%;
  height: auto;
}

/* くらでざで便利なこと　画像 */
.ftr-sr-info_img-set img{
  height: auto;
}

/* ---------------------------------------- */
/* トップに戻るボタン */
.footer_information_return-top {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  /* padding: 0 5%; */
  padding-bottom: 14px;
}



.footer_information_return-top > div{
  text-align: right;
}

.footer_information_return-top > div span{
  font-size: 12px;
  font-weight: 700;
}
.footer_information_return-top_arrow{
  position: relative;
  display: inline-block;
  padding: 0 0 0 16px;
  color: #000;
  vertical-align: middle;
  text-decoration: none;
  font-size: 15px;
}

.footer_information_return-top_arrow::before,
.footer_information_return-top_arrow::after{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
}


.firt_arrow::before{
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  border: 1px solid #000;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.firt_arrow::after{
  left: 5px;
  width: 4px;
  height: 4px;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
footer{
padding: 0 0 0;
}


footer p{
     margin-bottom: 0;
}

footer button{
      background-color: transparent;
      border: none;
      cursor: pointer;
      outline: none;
      padding: 0;
      appearance: none;
}

footer{
color: #fff;
}

footer .kurashi_about{
background-color: #b7b7b7;
}

footer .kurashi_about_inner{
padding-top: 18px;
padding-bottom: 18px;
padding-left: 5%;
padding-right: 5%;
}

footer .kurashi_about_inner img{
width: 60%;
}

footer .kurashi_about_text{
text-align: justify;
  text-justify: inter-ideograph;
font-size: 12px;
margin-top: 18px;

}

footer #f_scroll_top{
font-size: 16px;
text-align: center;
padding-bottom: 18px;
}

footer #f_scroll_top a {
  color: #fff;
}

footer .footer_aria{
background-color: #0e0e0e;
      padding-bottom: 70px;
}

footer .footer_aria .sns_aria{
padding: 10px 5%;
border-bottom: 1px solid #fff;
margin-bottom: 18px;
}

footer .sns_aria p{
font-size: 16px;
}
/* 
footer .sns_aria .sns_list{
  display: flex;
  margin: 0 -15px;
  align-items: center;
  justify-content: space-around;
} */
.sns_aria .sns_list li a {
  width: auto;
}

.footer_aria .sns_list img{
  width: 100%;
  height: auto;
  max-width: 80px;
}
@media screen and (min-width:768px) {
  .footer_aria .sns_list img{
      max-width: 55px;
  }
}

footer .item_aria{
padding: 0 5%;
border-bottom: 1px solid #fff;
margin-bottom: 18px;
}


footer .item_aria p,
footer .f_btn{
color: #fff;
}

footer .item_aria p,
footer .service_aria p{
font-size: 16px;
}

footer .item_aria a,
footer .service_aria a{
color: #fff;
}

footer .f_btn{
padding-top: 10px;
padding-bottom: 8px;

}

footer .item_aria .f_list{
display: flex;
flex-wrap: wrap;
padding-top: 5px;
}

footer .item_aria .f_list li,
footer .service_aria .f_list li{
font-size: 12px;
width: 50%;
box-sizing: border-box;
padding: 5px;
text-indent: -1em;
  padding-left: 1em;
}


footer .item_aria .f_review{
font-size: 16px;
padding-top: 5px;
      padding-bottom: 5px;
}


footer .service_aria{
padding: 0 5%;
border-bottom: 1px solid #fff;
margin-bottom: 20px;
}

footer .service_aria .f_list{
display: flex;
flex-wrap: wrap;
padding-top: 5px;
padding-bottom: 18px;
}

footer .f_copy{
color: #fff;
text-align: center;
padding-bottom: 20px;
/* margin-bottom: 50px; */
font-size: 10px;
}

footer .f_borderLine{
width: 100%;
  height: 1px;    
  background: #fff;
  margin-bottom: 5px;
  margin-top: 5px;

}


button{
display: block;
}


@media screen and (min-width:768px) {
/* footer .sns_list li {
  margin: 25px;
} */

}

/* ----------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------- */
/* SNS改修エリア */

/* snsタイトル */
.f_nav_inner > p{
  font-size: 16px;
  line-height: 1.3;
  margin-bottom: 18px;
  margin-top: 12px;
}


/* sns 各プラットフォームのレイアウト */
footer .f_nav_inner{
  display: grid;
  grid-template-rows: auto 1fr;
  margin: 16px 0;
}

footer .f_nav_inner .sns_list a{
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 8px;
  /* margin-bottom: 14px; */
}
footer .f_nav_inner .sns_list li:last-child a{
  margin-bottom: 0;
}

footer .f_nav_inner .sns_list a .f_sns_txt:after{
  content: "";
  background: url("https://kurashiec202009.itembox.design/item/_assets/img/icon_footer/icon_footer_sns_arrow.svg");
  display: block;
  width: 12px;
  height: 18px;
  background-repeat: no-repeat;
  background-size: contain;
  grid-column: 2 / 3;
  grid-row: 1 / 3;
  margin: auto 0;
}



/* SNSロゴのレイアウト */
.f_sns_img.--imgcontent img{
  max-width: 32px;
  display: block;
  margin:auto;
}

/* 各ロゴのタイトル文字との上端のライン合わせ微調整 */
/* youtube */
.__sns-yt_kdch .f_sns_img.--imgcontent img, .__sns-yt_kdlch .f_sns_img.--imgcontent img{
  margin-top: -4px;
}
/* x(twitter) _ line  threads*/
.__sns-x .f_sns_img.--imgcontent img,
.__sns-line .f_sns_img.--imgcontent img,
.__sns-th .f_sns_img.--imgcontent img{
  margin-top: -2px;
}


/* テキスト関連のレイアウト */
footer .f_sns_txt{
  display: grid;
  grid-template-columns: auto 24px;
  grid-template-rows: auto auto;
}
.f_sns_txt .--snsttl,
.f_sns_txt .--snscap{
  grid-column: 1/2;
}

/* sns タイトル / キャプション */
.f_sns_txt .--snsttl{
  font-size: 10px;
  /* font-weight: 700; */
  margin-bottom: 12px;
}

.f_sns_txt .--snscap{
  line-height: 1.4;
  font-size: 12px;
  padding-right: 12px;
  margin-top: -9px;
  font-weight: 700;
  text-align: justify;
}


footer .sns_list li{
margin: 18px 0;
}


/* snsレスポンシブ対応 */
@media screen and (min-width:550px) and (max-width:768px) {
  ul.sns_list{
      display: grid;
      grid-template-columns: auto auto;
      gap: 12px;
  }
  footer .sns_list li{
      margin: 0;
  }
  footer .f_nav_inner .sns_list a{
      column-gap: 4px;
  }
}
@media screen and (min-width:769px) and (max-width:1080px) {
  ul.sns_list{
      display: grid;
      grid-template-columns: auto auto auto;
      gap: 12px;
  }
  footer .sns_list li{
      margin: auto;
      margin-top: 0;
  }
  .f_sns_img.--imgcontent img{
      max-width: 24px;
  }


}
@media screen and (min-width:901px) {
  footer .sns_aria .f_nav_inner > p{
      width: 20%;
      padding-right: 24px;
  }
  footer .f_nav_inner{
      display: flex;
  }
  ul.sns_list{
      align-items: center;
      gap: 12px;
      width: 80%;
  }
  footer .f_sns_txt{
      display: grid;
      grid-template-columns: auto;
      grid-template-rows: 34px;
  }

}

/* カラムレイアウトの時 */
@media screen and (min-width:1081px) {
  ul.sns_list{
      display: flex;
      justify-content: space-between;
  }
  footer .sns_list li{
      margin: 0;
      position: relative;
  }

  .f_sns_txt .--snsttl{
      font-size: 12px;
      margin-bottom: 0;
      margin-top: 5px;
  }
  
  /* ホバー以外は非表示 */
  .sns_list .--snscap{
      display: none;
  }
  /* youtubeはテキストとロゴを一部非表示 */
  .--snsttl.--snsttl span{
      display: none;
  }
  .__sns-yt_kdlch .f_sns_img.--imgcontent img{
      display: none;
  }

  /* arrow */

  footer .f_nav_inner .sns_list a .f_sns_txt:after{
      content: none;
  }

  footer .f_nav_inner .sns_list .__sns-yt_kdch a .f_sns_txt:after,
  footer .f_nav_inner .sns_list .__sns-yt_kdlch a .f_sns_txt:after{
      content: "";
      width: 9px;
      height: 14px;
      margin: 8px 0 0px 6px;
  }


  /* ホバーした時のレイアウト */
  .__sns-ig:hover .--snscap,
  .__sns-x:hover .--snscap,
  .__sns-yt_kdch:hover .--snscap,
  .__sns-yt_kdlch:hover .--snscap,
  .__sns-line:hover .--snscap,
  .__sns-rc:hover .--snscap,
  .__sns-fb:hover .--snscap,
  .__sns-th:hover .--snscap{
      display: block;
      position: absolute;
      bottom: calc(100% + 6px);
      z-index: 1;
      left: 50%;
      transform: translateX(-50%);
      background: #fff;
      border: 1px solid #444;
      width: 230px;
      margin-right: auto;
      color: #333;
      padding: 10px;
  }
  .__sns-fb:hover .--snscap,
  .__sns-th:hover .--snscap{
      left: 20%;
  }
  
  .__sns-ig:hover .--snsttl,
  .__sns-x:hover .--snsttl,
  .__sns-yt_kdch:hover .--snsttl,
  .__sns-yt_kdlch:hover .--snsttl,
  .__sns-line:hover .--snsttl,
  .__sns-rc:hover .--snsttl,
  .__sns-fb:hover .--snsttl,
  .__sns-th:hover .--snsttl{
      border-bottom: 1px solid #fff;
  }

  /* youtube */
  .__sns-yt_kdch .f_sns_img.--imgcontent img, .__sns-yt_kdlch .f_sns_img.--imgcontent img{
      margin-top: 0;
  }
  /* x(twitter) _ line  threads*/
  .__sns-x .f_sns_img.--imgcontent img,
  .__sns-line .f_sns_img.--imgcontent img,
  .__sns-th .f_sns_img.--imgcontent img{
      margin-top: 0;
  }
  footer .footer_aria .f_nav_inner{
      /* width: 1200px; */
      width: 100%;
      margin: 0 auto;
      display: flex;
      padding: 0;
  }
  footer .footer_aria .sns_aria{
      /* max-width: 960px; */
  }
}

@media screen and (min-width:901px) and (max-width:1300px) {
  footer .f_sns_txt{
      display: grid;
  grid-template-columns: auto;
  grid-template-rows: 30px;
}
}
@media screen and (min-width:1081px) and (max-width:1300px) {
  .f_sns_img.--imgcontent img{
      max-width: 24px;
  }
  footer .f_nav_inner .sns_list a{
      column-gap: 4px;
  }
  footer .f_nav_inner .sns_list a{
    align-items: center;
}
}
@media screen and (min-width:1301px) {
  .__sns-fb:hover .--snscap,
  .__sns-th:hover .--snscap{
      left: 50%;
  }
}



/* ------------------------------------------------------------------ */
/* ------------------------------------------------------------------ */



@media screen and (min-width:901px) {

footer .footer_aria{
      padding-bottom: 0;
}

footer .footer_aria .f_toggle1,
footer .footer_aria .f_toggle2,
footer .footer_aria .f_toggle3{
display: block;
  margin-left: 2rem;
}

footer .kurashi_about_inner{
  display: flex;
  align-items: center;
}

footer .kurashi_about_inner img {
  width: 30%;
  height: 30%;
  padding-right: 30px;
}

footer .kurashi_about_text {
  width: 70%;
}

footer .footer_aria .f_nav_inner{
  /* padding: 0 5%; */
  /* display: flex;
  align-items: center; */
}


footer .sns_aria p {
  /* padding-right: 18px;
  width: 20%; */
}
/* 
footer .sns_aria .sns_list {
  width: 80%;
} */

footer .sns_list li img {
  width: 60%;
  top: 0;
  left: 0;
}

footer .item_aria .f_nav_flex{
  display: flex;
}

footer .item_aria p{
  width: 20%;
}

.f_nav_inner > nav{
  width: 80%;
}

footer .f_btn{
  border-bottom: 1px solid #fff;
  width: 100%;
  text-align: left;
}

footer .item_aria .f_list li{
  width: 33%;
}

footer .f_borderLine{
  display: none;
}

footer .item_aria nav {
  margin-bottom: 18px;
}

footer .item_aria .f_review{
  padding-bottom: 15px;
}

footer .service_aria{
  display: flex;
  align-items: center;
  padding-bottom: 18px;
}

footer .service_aria p{
  width: 20%;
  padding-right: 12px;
}

footer .service_aria .f_list{
  flex-wrap: wrap;
  margin-left: 0;
  padding-bottom: 0;
}

footer .service_aria .f_list li:last-child{
margin-right: 0px;
}
footer .service_aria .f_list li{
  width: max-content;

  margin-right: 15px;
}

footer .f_copy{
  margin-bottom: 0;
}

}



@media screen and (min-width:1381px) {

footer {
  padding: 0% 0 0%;
}

footer .kurashi_about_inner{
  padding-left: 0;
  padding-right: 0;
  width: 1200px;
  margin: 0 auto;
  padding-top: 30px;
  padding-bottom: 30px;
}

footer .kurashi_about_inner img{
  width: 300px;
  height: auto;
}

footer .kurashi_about_text{
  width: 100%;
  margin-top: 0;
  font-size: 14px;
}

footer #f_scroll_top {
  font-size: 18px;
  padding-bottom: 30px;
}

footer .footer_aria .sns_aria{
  padding: 30px 0;
  margin-bottom: 30px;
}

footer .footer_aria .f_nav_inner{
  width: 1200px;
  padding: 0;
  /* margin-left: auto;
  margin-right: auto;
  display: flex;
  align-items: center; */
}

footer .sns_list li img {
  width: 50px;
}

footer .item_aria {
  padding: 0;
  margin-bottom: 30px;
}

footer .item_aria .f_nav_flex{
  width: 1200px;
  margin: 0 auto;
}

footer .item_aria .f_nav_3coloum{
  display: flex;
}

footer .item_aria nav{
  margin-right: 30px;
}

footer .item_aria nav:last-child{
  margin-right: 0px;
}


footer .item_aria .f_list {
  display: block;
  flex-wrap: no-wrap;
  padding-top: 10px;
}

footer .item_aria .f_list li {
  width: 100%;
}

footer .f_toggle3 .f_list{
  display: flex;
}

footer .f_toggle3 .f_list li{
  width: 50%;
}

footer .item_aria .f_review {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 30px;
}

footer .service_aria {
  padding-bottom: 30px;
}

footer .service_aria .f_list li {
  margin-right: 30px;
}




}


.f_nav_3coloum button{
  display: block;
}

@media screen and (max-width:768px) {
  
footer .footer_aria .f_toggle1,
footer .footer_aria .f_toggle2,
footer .footer_aria .f_toggle3{
display: none;
}
}