@charset "UTF-8";
/** ================================================

  Project Setting

================================================ */
/** ================================================

  Screen Size

================================================ */
/** ================================================

  Responsive Settings

================================================ */
/** ================================================

  Assets Path Settings

================================================ */
/** ================================================

  Color Settings

================================================ */
/** ================================================

  Easing Settings

================================================ */
/** ================================================

  Font Settings

================================================ */
/** ================================================

  Depth

================================================ */
/** ================================================

  Object Size

================================================ */
/** ================================================

  Others

================================================ */
/** ================================================

Path

================================================ */
/** ================================================

  Assets Functions

================================================ */
/** ================================================

  Col

================================================ */
/** ================================================

  Rem

================================================ */
/** ================================================

  View Port Size

================================================ */
/** ================================================

  Appear Animation

================================================ */
/** ================================================

  Font

================================================ */
/** ================================================

  Hover Animation

================================================ */
/** ================================================

Module

================================================ */
/** ================================================

  Disabled style

================================================ */
/** ================================================

  Responsive

================================================ */
/** ================================================

  Utility

================================================ */
.gfl_backorder {
  margin-bottom: 0;
  background-color: #fefefe;
  border: 1px solid #dadada;
  padding: 1px;
  padding: 0.0625rem;
  color: #c73339;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 700;
  text-align: center;
}

.gfl_backorder.is-black {
  color: #202020;
  font-weight: 500;
}

.gfl_btn {
  display: inline-block;
  position: relative;
  padding: 16px 26px 15px;
  padding: 1rem 1.625rem 0.9375rem;
  border: 1px solid #202020;
  border-radius: 0.25rem;
  outline: none !important;
  background-color: #ffffff;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 600;
  cursor: pointer;
}

.gfl_btn__in {
  display: inline-block;
  position: relative;
  width: 100%;
  text-align: center;
}

.gfl_btn__in:after {
  display: inline-block;
  font-family: "icnfont";
  font-size: inherit;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -0.5em;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 400;
}

.gfl_btn__loading {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.gfl_btn__loading img,
.gfl_btn__loading object {
  display: inline-block;
  width: 60px;
  width: 3.75rem;
  height: 15px;
  height: 0.9375rem;
}

.gfl_btn.is-loading {
  pointer-events: none;
}

.gfl_btn.is-loading .gfl_btn__in {
  visibility: hidden;
}

.gfl_btn.is-loading .gfl_btn__loading {
  display: block;
}

.gfl_btn.is-small {
  padding: 12px 24px;
  padding: 0.75rem 1.5rem;
  font-size: 16px;
  font-size: 1rem;
}

.gfl_btn.is-txt-small {
  padding-top: 17px;
  padding-top: 1.0625rem;
  padding-bottom: 17px;
  padding-bottom: 1.0625rem;
  font-size: 16px;
  font-size: 1rem;
}

.gfl_btn.is-mini {
  padding: 8px 22px;
  padding: 0.5rem 1.375rem;
  font-size: 14px;
  font-size: 0.875rem;
}

.gfl_btn.is-full {
  width: 100%;
}

.gfl_btn.is-login {
  padding-top: 15px;
  padding-top: 0.9375rem;
  padding-bottom: 15px;
  padding-bottom: 0.9375rem;
  background-color: #4b2d16;
  border-color: #4b2d16;
  color: #ffffff;
  font-size: 19px;
  font-size: 1.1875rem;
  -webkit-transition-property: background-color, border-color, color;
  transition-property: background-color, border-color, color;
  -webkit-transition-duration: 380ms;
          transition-duration: 380ms;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
          transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

.gfl_btn.is-login:hover {
  color: #ffffff;
  background-color: #664c39;
  border-color: #664c39;
}

.gfl_btn.is-login.is-login-large {
  padding-top: 18px;
  padding-top: 1.125rem;
  padding-bottom: 18px;
  padding-bottom: 1.125rem;
}

.gfl_btn.is-buy {
  padding-top: 18px;
  padding-top: 1.125rem;
  padding-bottom: 18px;
  padding-bottom: 1.125rem;
  background-color: #4b2d16;
  border-color: #4b2d16;
  color: #ffffff;
  font-size: 19px;
  font-size: 1.1875rem;
  -webkit-transition-property: background-color, border-color, color;
  transition-property: background-color, border-color, color;
  -webkit-transition-duration: 380ms;
          transition-duration: 380ms;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
          transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

.gfl_btn.is-buy:hover {
  color: #ffffff;
  background-color: #664c39;
  border-color: #664c39;
}

.gfl_btn.is-save {
  background-color: #4b2d16;
  border-color: #4b2d16;
  color: #ffffff;
  font-size: 17px;
  font-size: 1.0625rem;
  -webkit-transition-property: background-color, border-color, color;
  transition-property: background-color, border-color, color;
  -webkit-transition-duration: 380ms;
          transition-duration: 380ms;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
          transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

.gfl_btn.is-save:hover {
  color: #ffffff;
  background-color: #664c39;
  border-color: #664c39;
}

.gfl_btn.is-login:disabled, .gfl_btn.is-buy:disabled, .gfl_btn.is-save:disabled {
  pointer-events: none;
  border-color: #dadada;
  background-color: #dadada;
  color: #999999;
}

.gfl_btn.is-save .gfl_btn__in:after {
  display: none;
}

.gfl_btn.is-cancel {
  border-color: #dadada;
  font-size: 17px;
  font-size: 1.0625rem;
  -webkit-transition-duration: 380ms;
          transition-duration: 380ms;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
          transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transition-property: border-color, color;
  transition-property: border-color, color;
}

.gfl_btn.is-cancel:hover {
  color: #666666;
}

.gfl_btn.is-cancel .gfl_btn__in:after {
  display: none;
}

.gfl_btn.is-down .gfl_btn__in:after {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.gfl_btn.is-no-arrow .gfl_btn__in:after {
  display: none;
}

.gfl_btn.is-border-gray {
  border-color: #dadada;
  -webkit-transition-duration: 380ms;
          transition-duration: 380ms;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
          transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transition-property: border-color, color;
  transition-property: border-color, color;
}

.gfl_btn.is-border-gray:hover {
  color: #666666;
}

.gfl_btn.is-auxiliary {
  border-color: #dadada;
  -webkit-transition-property: background-color, color;
  transition-property: background-color, color;
  -webkit-transition-duration: 380ms;
          transition-duration: 380ms;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
          transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

.gfl_btn.is-auxiliary:hover {
  color: #202020;
  background-color: #dedede;
}

.gfl_btn.is-change {
  padding: 14px 24px;
  padding: 0.875rem 1.5rem;
  font-size: 16px;
  font-size: 1rem;
}

.gfl_btn.is-change .gfl_btn__in:after {
  display: none;
}

.gfl_btn:not(.is-login):not(.is-border-gray):not(.is-auxiliary):not(.is-buy):not(.is-cancel):not(.is-save) {
  -webkit-transition-duration: 380ms;
          transition-duration: 380ms;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
          transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transition-property: border-color, color;
  transition-property: border-color, color;
}

.gfl_btn:not(.is-login):not(.is-border-gray):not(.is-auxiliary):not(.is-buy):not(.is-cancel):not(.is-save):hover {
  color: #666666;
  border-color: #888888;
}

.gfl_btn:not(.is-login):not(.is-border-gray):not(.is-auxiliary):not(.is-buy):not(.is-cancel):not(.is-save)[disabled] {
  pointer-events: none;
  border-color: #dadada;
  background-color: #dadada;
  color: #999999;
}

.gfl_btn.is-text-white {
  color: #FFF !important;
}

.gfl_container {
  padding-right: 15px;
  padding-right: 0.9375rem;
  padding-left: 15px;
  padding-left: 0.9375rem;
}

.gfl_container__in {
  max-width: 1170px;
  margin-right: auto;
  margin-left: auto;
}

.gfl_gfl-thumb {
  display: block;
  text-decoration: none !important;
}

.gfl_gfl-thumb__in {
  margin: 0;
}

.gfl_gfl-thumb__img img {
  width: 100%;
  height: auto;
}

.gfl_gfl-thumb__caption:not(:first-child) {
  margin-top: 15px;
  margin-top: 0.9375rem;
}

.gfl_gfl-thumb__h {
  margin: 0;
  font-size: 17px;
  font-size: 1.0625rem;
  line-height: 1.4;
}

.gfl_gfl-thumb__h.is-limit-2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  overflow: hidden;
}

.gfl_gfl-thumb__h.is-limit-2 > span {
  display: inline;
}

.gfl_gfl-thumb__lead {
  margin: 0;
  color: #777777;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.4;
}

.gfl_gfl-thumb__lead:not(:first-child) {
  margin-top: 8px;
  margin-top: 0.5rem;
}

.gfl_gfl-thumb__lead.is-limit-2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  overflow: hidden;
}

.gfl_gfl-thumb__lead.is-limit-2 > span {
  display: inline;
}

a.gfl_gfl-thumb {
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 380ms;
          transition-duration: 380ms;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
          transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

a.gfl_gfl-thumb:hover {
  opacity: 0.75;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}

.gfl_gfl-thumbs__items {
  list-style: none;
  margin: 0;
  padding: 0;
}

.gfl_item-set__main__thumb {
  display: inline-block;
}

a.gfl_item-set__main__thumb {
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 380ms;
          transition-duration: 380ms;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
          transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

a.gfl_item-set__main__thumb:hover {
  opacity: 0.75;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}

.gfl_labels {
  position: relative;
  line-height: 1;
}

.gfl_labels__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  list-style: none;
  margin-top: -4px;
  margin-top: -0.25rem;
  margin-bottom: 0;
  padding: 0;
  line-height: 1;
}

.gfl_labels__item {
  margin-right: 6px;
  margin-right: 0.375rem;
  margin-top: 4px;
  margin-top: 0.25rem;
  line-height: 1;
}

.gfl_labels__item .fsc_del-ptn {
  vertical-align: middle;
}

.gfl_lazyload-wrap {
  position: relative;
}

.gfl_lazyload-wrap:not(.is-lazyloaded) img {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
}

.gfl_lazyload-wrap:not(.is-lazyloaded):before {
  display: block;
  padding-top: 100%;
  content: '';
}

.gfl_lazyload-wrap:not(.is-lazyloaded):after {
  display: block;
  width: 40px;
  height: 10px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: transparent url(../../../common/images/utils/three-dots-black.svg) no-repeat;
  background-size: 40px 10px;
  content: '';
}

.gfl_lazyload-wrap img {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.gfl_lazyload-wrap img[data-loaded="true"] {
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 700ms;
          transition-duration: 700ms;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.gfl_lazyload-wrap.is-footer-banner:not(.is-lazyloaded):before {
  padding-top: 28.24859%;
}

.gfl_main {
  position: relative;
}

.gfl_price {
  margin-bottom: 0;
  line-height: 1.2;
  font-size: 15px;
  font-size: 0.9375rem;
}

.gfl_price.is-change {
  color: #999999;
}

.gfl_price__in {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.gfl_price__num {
  font-family: "Roboto", "游ゴシック", "Yu Gothic", "YuGothic", "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ W3", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic", "メイリオ", "Meiryo", "Noto Sans", "Noto Sans CJK JP", "system-ui", sans-serif;
  font-weight: 400;
  font-weight: 900;
}

.gfl_price__unit {
  display: inline-block;
  position: relative;
  top: -0.15em;
  margin-right: 0.2em;
  margin-bottom: 0;
}

.gfl_price__main {
  display: block;
  position: relative;
}

.gfl_price__main.is-change:before, .gfl_price__main.is-change:after {
  display: inline-block;
  width: 100%;
  position: absolute;
  left: 0;
  border-top: 1px solid #c73339;
  content: '';
}

.gfl_price__main.is-change:before {
  top: 40%;
}

.gfl_price__main.is-change:after {
  top: 60%;
}

.gfl_price__block {
  display: block;
  position: relative;
  margin-bottom: 0;
}

.gfl_price__block.is-change:before, .gfl_price__block.is-change:after {
  display: inline-block;
  width: 100%;
  position: absolute;
  left: 0;
  border-top: 1px solid #c73339;
  content: '';
}

.gfl_price__block.is-change:before {
  top: 40%;
}

.gfl_price__block.is-change:after {
  top: 60%;
}

.gfl_price__block.is-new {
  color: #c73339;
}

.gfl_price__block + .gfl_price__block {
  margin-top: -0.15em;
}

.gfl_section {
  position: relative;
}

.gfl_section + .gfl_section {
  margin-top: 95px;
  margin-top: 5.9375rem;
}

.gfl_section.is-oh {
  overflow: hidden;
}

.gfl_contents-slot-wrap + .gfl_section {
  margin-top: 95px;
  margin-top: 5.9375rem;
}

.gfl_section__header {
  position: relative;
}

.gfl_section__h {
  position: relative;
  z-index: 2;
  margin-bottom: 0;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 700;
  text-align: center;
}

.gfl_section__h-en {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  margin-top: 21px;
  margin-top: 1.3125rem;
  margin-bottom: 0;
}

.gfl_section__h-en img {
  width: 100%;
  height: auto;
  vertical-align: top;
}

.gfl_section__h-en.is-pickup {
  width: 200px;
  width: 12.5rem;
}

.gfl_section__h-en.is-contents {
  width: 224px;
  width: 14rem;
}

.gfl_section__h-en.is-item {
  width: 64px;
  width: 4rem;
}

.gfl_section__h-en.is-media {
  width: 86px;
  width: 5.375rem;
  margin-top: 17px;
  margin-top: 1.0625rem;
}

.gfl_section__h-en.is-coordinate {
  width: 150px;
  width: 9.375rem;
}

.gfl_section__h-en.is-contents-s {
  width: 118px;
  width: 7.375rem;
}

.gfl_section__h-en.is-pickup-s {
  width: 114px;
  width: 7.125rem;
  margin-top: 24px;
  margin-top: 1.5rem;
}

.gfl_section__h-en.is-check {
  width: 198px;
  width: 12.375rem;
}

.gfl_section__h-en.is-news {
  width: 74px;
  width: 4.625rem;
}

.gfl_section__h-en.is-andmore {
  width: 134px;
  width: 8.375rem;
}

.gfl_section__btn {
  width: 100%;
  max-width: 370px;
  max-width: 23.125rem;
  margin-top: 45px;
  margin-top: 2.8125rem;
  margin-right: auto;
  margin-left: auto;
}

.gfl_section__btn .gfl_btn {
  width: 100%;
}

.gfl_section__more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 65px;
  margin-top: 4.0625rem;
}

.gfl_section__more-contents {
  height: 0;
  overflow: hidden;
}

body.is-ready .gfl_section__more-contents.is-open {
  -webkit-transition-property: height;
  transition-property: height;
  -webkit-transition-duration: 400ms;
          transition-duration: 400ms;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
          transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

.gfl_section__more-contents__in {
  padding-top: 80px;
  padding-top: 5rem;
}

.gfl_section.has-h-en + .gfl_section.has-h-en {
  margin-top: 110px;
  margin-top: 6.875rem;
}

.gfl_section.has-h-en .gfl_section__body {
  margin-top: 76px;
  margin-top: 4.75rem;
}

.gfl_thumb {
  display: block;
  position: relative;
  text-decoration: none !important;
}

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

.gfl_thumb .is-def-bg,
.gfl_thumb .is-over-bg {
  background-size: contain;
  background-position: top center;
  background-repeat: no-repeat;
}

.gfl_thumb__in {
  margin-bottom: 0;
}

.gfl_thumb__main {
  position: relative;
  overflow: hidden;
}

.gfl_thumb__img {
  display: block;
  position: relative;
  overflow: hidden;
  text-align: center;
}

.gfl_thumb__img img {
  width: 100%;
  height: auto;
}

.gfl_thumb__img.has-border {
  border: 1px solid #dadada;
}

.gfl_thumb__caption {
  margin-top: 12px;
  margin-top: 0.75rem;
}

.gfl_thumb__txt-links {
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 380ms;
          transition-duration: 380ms;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
          transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

.gfl_thumb__txt-links:hover {
  opacity: 0.75;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}

.gfl_thumb__h a, .gfl_thumb__tagline a, .gfl_thumb__lead a {
  color: #202020;
  text-decoration: none !important;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 380ms;
          transition-duration: 380ms;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
          transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

.gfl_thumb__h a:hover, .gfl_thumb__tagline a:hover, .gfl_thumb__lead a:hover {
  opacity: 0.75;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}

.gfl_thumb__brand {
  margin-bottom: 0;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.2;
}

.gfl_thumb__brand + .gfl_thumb__h {
  margin-top: 4px;
  margin-top: 0.25rem;
}

.gfl_thumb__h {
  margin-bottom: 0;
  font-size: 16px;
  font-size: 1rem;
}

.gfl_thumb__h.is-limit-2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  overflow: hidden;
}

.gfl_thumb__h.is-limit-2 > span {
  display: inline;
}

.gfl_thumb__price {
  margin-top: 5px;
  margin-top: 0.3125rem;
}

.gfl_thumb__labels {
  margin-top: 3px;
  margin-top: 0.1875rem;
}

.gfl_thumb__over-caption {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 40px 20px 20px;
  padding: 2.5rem 1.25rem 1.25rem;
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.25) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.25) 100%);
}

.gfl_thumb__over-h {
  display: -webkit-box;
  margin-bottom: 0;
  color: #ffffff;
  font-size: 17px;
  font-size: 1.0625rem;
  font-weight: 700;
  line-height: 1.3;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.gfl_thumb__over-brand {
  margin-top: 8px;
  margin-top: 0.5rem;
  margin-bottom: 0;
  color: #ffffff;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.gfl_thumb__backorder {
  margin-top: 7px;
  margin-top: 0.4375rem;
}

.gfl_thumb.is-large .gfl_thumb__h {
  font-size: 18px;
  font-size: 1.125rem;
}

.gfl_thumb.is-pc-large .gfl_thumb__h {
  font-size: 18px;
  font-size: 1.125rem;
}

.gfl_thumb.is-small .gfl_thumb__h {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.4;
}

.gfl_thumb.is-small-s .gfl_thumb__h {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.4;
}

.gfl_thumb.is-mini .gfl_thumb__h {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.35;
}

.gfl_thumb.is-mini .gfl_thumb__caption {
  margin-top: 6px;
  margin-top: 0.375rem;
}

.gfl_thumb__info {
  position: relative;
}

.gfl_thumb__fav {
  position: absolute;
  bottom: 0;
  right: 0;
}

.gfl_thumb__article-cat {
  margin-top: 0.25em;
  color: #777777;
  font-size: 14px;
  font-size: 0.875rem;
}

.gfl_thumb__tagline {
  margin-bottom: 0;
  font-weight: 700;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.gfl_thumb__brand-bottom {
  margin-bottom: 0;
  margin-top: 6px;
  margin-top: 0.375rem;
  color: #999999;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.2;
}

.gfl_thumb__brand-bottom:first-child {
  margin-top: 5px;
  margin-top: 0.3125rem;
}

.gfl_thumb.is-coordinate .gfl_thumb__img:after {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.04);
  content: '';
}

a.gfl_thumb:not(.has-over) {
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 380ms;
          transition-duration: 380ms;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
          transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

a.gfl_thumb:not(.has-over):hover {
  opacity: 0.75;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}

.gfl_thumb:not(.has-over) a.gfl_thumb__img {
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 380ms;
          transition-duration: 380ms;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
          transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

.gfl_thumb:not(.has-over) a.gfl_thumb__img:hover {
  opacity: 0.75;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}

body.is-ready .gfl_thumb__img .is-over-bg,
body.is-ready .gfl_thumb__img .is-def-bg {
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 450ms;
          transition-duration: 450ms;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
          transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

.j-changeable-thumbs:not(.is-change) .gfl_thumb.has-over .gfl_thumb__img .is-def-bg {
  background: none !important;
}

.j-changeable-thumbs:not(.is-change) .gfl_thumb.has-over .gfl_thumb__img .is-over-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.j-changeable-thumbs:not(.is-change) .gfl_thumb.has-over .gfl_thumb__img .is-over-bg img {
  display: none;
}

.j-changeable-thumbs.is-change .gfl_thumb.has-over .gfl_thumb__img .is-over-bg {
  background: none !important;
}

.j-changeable-thumbs.is-change .gfl_thumb.has-over .gfl_thumb__img .is-def-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.j-changeable-thumbs.is-change .gfl_thumb.has-over .gfl_thumb__img .is-def-bg img {
  display: none;
}

.j-changeable-thumbs.is-change .gfl_thumb.has-over .gfl_thumb__img .is-over-bg {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.gfl_thumbs {
  position: relative;
}

.gfl_thumbs__items {
  list-style: none;
  margin-bottom: 0;
  padding: 0;
}

.gfl_thumbs__item {
  position: relative;
}

.gfl_thumbs.is-pc-1 .gfl_thumbs__item + .gfl_thumbs__item {
  margin-top: 29px;
  margin-top: 1.8125rem;
}

.gfl_page-gfl-home__hero__img img {
  width: 100%;
  height: auto;
}

a.gfl_page-gfl-home__hero__img {
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 380ms;
          transition-duration: 380ms;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
          transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

a.gfl_page-gfl-home__hero__img:hover {
  opacity: 0.75;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}

@media all and (-ms-high-contrast: none){
  .gfl_backorder{
    padding-top: 0.3125rem;
  }
  .gfl_backorder.is-large{
    padding-top: 0.375rem;
  }
  .gfl_btn__in:after{
    top: calc(50% - 2px);
  }
  .gfl_btn__in{
    top: 2px;
  }
  .gfl_price__main.is-change:before{
    top: 30%;
  }
  .gfl_price__main.is-change:after{
    top: 50%;
  }
  .gfl_price__block.is-change:before{
    top: 30%;
  }
  .gfl_price__block.is-change:after{
    top: 50%;
  }
}

@media not all and (min-width: 768px){
  .gfl_backorder{
    padding: 0.0625rem;
    font-size: 0.625rem;
  }
  .gfl_backorder.is-large{
    padding: 0.125rem;
    font-size: 0.71875rem;
  }
  .gfl_btn{
    border-radius: 0.25rem;
    padding: 0.78125rem 0.9375rem;
    font-size: 0.8125rem;
  }
  .gfl_btn__in{
    padding: 0 0.75rem;
  }
  .gfl_btn__in:after{
    font-size: 0.5625rem;
  }
  .gfl_btn__loading img,
  .gfl_btn__loading object{
    width: 1.875rem;
    height: auto;
  }
  .gfl_btn.is-small{
    padding: 0.625rem 0.875rem;
    font-size: 0.8125rem;
  }
  .gfl_btn.is-txt-small{
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    font-size: 0.75rem;
  }
  .gfl_btn.is-mini{
    padding: 0.5625rem 0.9375rem;
    font-size: 0.8125rem;
  }
  .gfl_btn.is-login{
    padding-top: 0.71875rem;
    padding-bottom: 0.71875rem;
    font-size: 0.875rem;
  }
  .gfl_btn.is-login.is-login-large{
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .gfl_btn.is-buy{
    padding-top: 0.90625rem;
    padding-bottom: 0.90625rem;
    font-size: 1rem;
  }
  .gfl_btn.is-save{
    font-size: 0.8125rem;
  }
  .gfl_btn.is-cancel{
    font-size: 0.8125rem;
  }
  .gfl_btn.is-auxiliary{
    font-size: 0.75rem;
  }
  .gfl_btn.is-change{
    padding: 0.375rem 0;
    font-size: 0.6875rem;
    white-space: nowrap;
  }
  .gfl_btn.is-change.is-change-spl{
    padding: 0.78125rem 0.9375rem;
    font-size: 0.8125rem;
  }
  .gfl_container{
    padding-right: 0.625rem;
    padding-left: 0.625rem;
  }
  .gfl_container.is-sp-narrow{
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
  .gfl_container.is-sp-large-narrow{
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
  .gfl_gfl-thumb__caption:not(:first-child){
    margin-top: 0.75rem;
  }
  .gfl_gfl-thumb__h{
    font-size: 0.9375rem;
  }
  .gfl_gfl-thumb__lead{
    font-size: 0.8125rem;
  }
  .gfl_gfl-thumb__lead:not(:first-child){
    margin-top: 0.5rem;
  }
  .gfl_gfl-thumb.is-small .gfl_gfl-thumb__caption:not(:first-child){
    margin-top: 0.5625rem;
  }
  .gfl_gfl-thumb.is-small .gfl_gfl-thumb__h{
    font-size: 0.75rem;
  }
  .gfl_gfl-thumb.is-small .gfl_gfl-thumb__lead{
    font-size: 0.625rem;
  }
  .gfl_gfl-thumb.is-small .gfl_gfl-thumb__lead:not(:first-child){
    margin-top: 0.375rem;
  }
  .gfl_gfl-thumbs.is-sp-1 .gfl_gfl-thumbs__item:nth-child(n + 2){
    margin-top: 1.8125rem;
  }
  .gfl_gfl-thumbs.is-sp-2 .gfl_gfl-thumbs__items{
    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;
  }
  .gfl_gfl-thumbs.is-sp-2 .gfl_gfl-thumbs__item{
    width: 48.62637%;
  }
  .gfl_gfl-thumbs.is-sp-2 .gfl_gfl-thumbs__item:nth-child(n + 3){
    margin-top: 4.12088%;
  }
  .gfl_item-set-thumbs__items{
    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;
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .gfl_item-set-thumbs__items:after{
    display: block;
    width: 31.59341%;
    content: '';
  }
  .gfl_item-set-thumbs__item{
    width: 31.59341%;
  }
  .gfl_item-set-thumbs__item:nth-child(n + 4){
    margin-top: 2.88462%;
  }
  .gfl_item-set__main__thumb img{
    width: 100%;
    height: auto;
  }
  .gfl_item-set__items{
    margin-top: 0.9375rem;
  }
  .gfl_price{
    font-size: 0.6875rem;
  }
  .gfl_price__tax{
    font-size: 76.92308%;
  }
  .gfl_section + .gfl_section{
    margin-top: 3.625rem;
  }
  .gfl_contents-slot-wrap + .gfl_section{
    margin-top: 3.625rem;
  }
  .gfl_section__h{
    font-size: 1.125rem;
  }
  .gfl_section__h-en{
    margin-top: 1.125rem;
  }
  .gfl_section__h-en.is-pickup{
    width: 9.65625rem;
  }
  .gfl_section__h-en.is-contents{
    width: 11rem;
  }
  .gfl_section__h-en.is-item{
    width: 3rem;
    margin-top: 0.9375rem;
  }
  .gfl_section__h-en.is-media{
    width: 4.125rem;
    margin-top: 0.9375rem;
  }
  .gfl_section__h-en.is-coordinate{
    width: 7.1875rem;
    margin-top: 0.6875rem;
  }
  .gfl_section__h-en.is-contents-s{
    width: 5.625rem;
    margin-top: 0.8125rem;
  }
  .gfl_section__h-en.is-pickup-s{
    width: 4.875rem;
  }
  .gfl_section__h-en.is-check{
    width: 9.5rem;
    margin-top: 0.8125rem;
  }
  .gfl_section__h-en.is-news{
    width: 3.5rem;
    margin-top: 1.25rem;
  }
  .gfl_section__h-en.is-andmore{
    width: 6.5rem;
    margin-top: 0.9375rem;
  }
  .gfl_section__body{
    margin-top: 1.375rem;
  }
  .gfl_section__body.space-large{
    margin-top: 1.875rem;
  }
  .gfl_section__body.space-ex-large{
    margin-top: 2.1875rem;
  }
  .gfl_section__btn{
    max-width: 17.5rem;
    margin-top: 2.3125rem;
  }
  .gfl_section__btn.sp-top-space-medium{
    margin-top: 1.875rem;
  }
  .gfl_section__btn.sp-top-space-small{
    margin-top: 1.5rem;
  }
  .gfl_section__more{
    margin-top: 1.5625rem;
  }
  .gfl_section__more-contents__in{
    padding-top: 1.71875rem;
  }
  .gfl_section.has-h-en + .gfl_section.has-h-en{
    margin-top: 3.875rem;
  }
  .gfl_section.has-h-en .gfl_section__body{
    margin-top: 2.125rem;
  }
  .gfl_thumb__caption{
    margin-top: 0.4375rem;
  }
  .gfl_thumb__caption.sp-top-space-small{
    margin-top: 0.3125rem;
  }
  .gfl_thumb__brand{
    font-size: 0.625rem;
  }
  .gfl_thumb__brand + .gfl_thumb__h{
    margin-top: 0.375rem;
  }
  .gfl_thumb__h{
    font-size: 0.75rem;
  }
  .gfl_thumb__price{
    margin-top: 0.25rem;
  }
  .gfl_thumb__price.is-large .fca_price{
    font-size: 0.875rem;
  }
  .gfl_thumb__labels{
    margin-top: 0.09375rem;
    line-height: 1;
  }
  .gfl_thumb__over-caption{
    padding: 0.875rem 1.25rem;
  }
  .gfl_thumb__over-h{
    font-size: 0.8125rem;
  }
  .gfl_thumb__over-brand{
    font-size: 0.6875rem;
  }
  .gfl_thumb__backorder{
    margin-top: 0.375rem;
  }
  .gfl_thumb.is-large .gfl_thumb__h{
    font-size: 0.9375rem;
  }
  .gfl_thumb.is-pc-large .gfl_thumb__h{
    font-size: 0.75rem;
  }
  .gfl_thumb.is-small .gfl_thumb__h{
    font-size: 0.75rem;
  }
  .gfl_thumb.is-small-s .gfl_thumb__h{
    font-size: 0.75rem;
  }
  .gfl_thumb__info{
    margin-top: 0.25rem;
  }
  .gfl_thumb__fav{
    right: 0.25rem;
    bottom: -0.25rem;
    font-size: 1.125rem;
    line-height: 1;
  }
  .gfl_thumb__fav.is-large{
    font-size: 1.25rem;
  }
  .gfl_thumb__tagline{
    font-size: 0.8125rem;
  }
  .gfl_thumb__tagline.is-large{
    font-size: 0.9375rem;
  }
  .gfl_thumb__brand-bottom{
    margin-top: 0.1875rem;
    font-size: 0.625rem;
  }
  .gfl_thumb__caption{
    margin-top: 0.6875rem;
  }
  .gfl_thumb__lead{
    margin-bottom: 0;
    font-size: 0.6875rem;
  }
  .gfl_thumb__tagline + .gfl_thumb__lead{
    margin-top: 0.375rem;
  }
  .gfl_thumb__lead + .gfl_thumb__h{
    margin-top: 0.375rem;
  }
  .gfl_thumb__tagline + .gfl_thumb__h{
    margin-top: 0.25rem;
  }
  .gfl_thumbs.is-banner.is-sp-1 .gfl_thumbs__item + .gfl_thumbs__item{
    margin-top: 0.625rem;
  }
  .gfl_thumbs.is-sp-2 .gfl_thumbs__items{
    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;
  }
  .gfl_thumbs.is-sp-2 .gfl_thumbs__item{
    width: 48.62637%;
  }
  .gfl_thumbs.is-sp-2 .gfl_thumbs__item:nth-child(n + 3){
    margin-top: 1.25rem;
  }
  .gfl_thumbs.is-sp-3 .gfl_thumbs__items{
    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;
  }
  .gfl_thumbs.is-sp-3 .gfl_thumbs__items:after{
    display: block;
    width: 31.59341%;
    content: '';
  }
  .gfl_thumbs.is-sp-3 .gfl_thumbs__item{
    width: 31.59341%;
  }
  .gfl_thumbs.is-sp-3 .gfl_thumbs__item:nth-child(n + 4){
    margin-top: 1.25rem;
  }
  .gfl_page-gfl-home__body{
    padding-bottom: 1.5625rem;
  }
  .gfl_page-gfl-home__hero__txt{
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    padding-right: 1.875rem;
    padding-left: 1.875rem;
    font-size: 0.8125rem;
    line-height: 1.8;
    text-align: center;
  }
  .gfl_page-gfl-home__item-set:not(:first-child){
    margin-top: 1.875rem;
  }
  .gfl_page-gfl-home__thumbs:not(:first-child){
    margin-top: 1.875rem;
  }
  .gfl_page-gfl-home__recommend:not(:first-child){
    margin-top: 3.125rem;
  }
}

@media all and (min-width: 768px){
  .gfl_backorder.is-large{
    padding: 0.125rem;
    font-size: 0.875rem;
  }
  .gfl_btn.is-save{
    padding-top: 0.875rem;
    padding-bottom: 0.8125rem;
  }
  .gfl_btn.is-cancel{
    padding-top: 0.875rem;
    padding-bottom: 0.8125rem;
  }
  .gfl_btn.is-change.is-change-s{
    padding: 0.6875rem 1.5rem;
  }
  .gfl_btn.is-change.is-change-ss{
    padding: 0.6875rem;
  }
  .gfl_gfl-thumb.is-small .gfl_gfl-thumb__caption:not(:first-child){
    margin-top: 0.75rem;
  }
  .gfl_gfl-thumb.is-small .gfl_gfl-thumb__h{
    font-size: 1rem;
  }
  .gfl_gfl-thumb.is-small .gfl_gfl-thumb__lead{
    font-size: 0.9375rem;
  }
  .gfl_gfl-thumb.is-small .gfl_gfl-thumb__lead:not(:first-child){
    margin-top: 0.375rem;
  }
  .gfl_gfl-thumbs.is-pc-3 .gfl_gfl-thumbs__items{
    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;
  }
  .gfl_gfl-thumbs.is-pc-3 .gfl_gfl-thumbs__items:after{
    display: block;
    width: 31.62393%;
    content: '';
  }
  .gfl_gfl-thumbs.is-pc-3 .gfl_gfl-thumbs__item{
    width: 31.62393%;
  }
  .gfl_gfl-thumbs.is-pc-3 .gfl_gfl-thumbs__item:nth-child(n + 4){
    margin-top: 2.47863%;
  }
  .gfl_gfl-thumbs.is-pc-4 .gfl_gfl-thumbs__items{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .gfl_gfl-thumbs.is-pc-4 .gfl_gfl-thumbs__item{
    width: 23.07692%;
    margin-left: 2.5641%;
  }
  .gfl_gfl-thumbs.is-pc-4 .gfl_gfl-thumbs__item:nth-child(4n + 1){
    margin-left: 0;
  }
  .gfl_gfl-thumbs.is-pc-4 .gfl_gfl-thumbs__item:nth-child(n + 5){
    margin-top: 2.47863%;
  }
  .gfl_item-set-thumbs__items{
    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;
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .gfl_item-set-thumbs__items:after{
    display: block;
    width: 29.82456%;
    content: '';
  }
  .gfl_item-set-thumbs__item{
    width: 29.82456%;
  }
  .gfl_item-set-thumbs__item:nth-child(n + 4){
    margin-top: 5.08772%;
  }
  .gfl_item-set__in{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .gfl_item-set__main{
    width: 40.17094%;
  }
  .gfl_item-set__main__thumb img{
    width: 100%;
    height: auto;
  }
  .gfl_item-set__items{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 57.26496%;
  }
  .gfl_item-set__items__in{
    max-width: 35.625rem;
    margin-right: auto;
    margin-left: auto;
  }
  .gfl_price__tax{
    font-size: 87.5%;
  }
  .gfl_price.is-small{
    font-size: 0.875rem;
  }
  .gfl_section__h-en.is-coordinate{
    margin-top: 1.0625rem;
  }
  .gfl_section__h-en.is-contents-s{
    margin-top: 1.0625rem;
  }
  .gfl_section__h-en.is-check{
    margin-top: 1.0625rem;
  }
  .gfl_section__h-en.is-news{
    margin-top: 1.4375rem;
  }
  .gfl_section__h-en.is-andmore{
    margin-top: 1.25rem;
  }
  .gfl_section__body{
    margin-top: 2.3125rem;
  }
  .gfl_section__body.space-large{
    margin-top: 2.875rem;
  }
  .gfl_section__body.space-ex-large{
    margin-top: 3.75rem;
  }
  .gfl_section.is-small .gfl_section__body{
    margin-top: 1.625rem;
  }
  .gfl_thumb.has-over .gfl_thumb__img:hover img:not(.is-over){
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  .gfl_thumb.has-over .gfl_thumb__img:hover .is-over-bg{
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
  .gfl_thumb__txt-links{
    display: inline-block;
  }
  .gfl_thumb__price.is-large .fca_price{
    font-size: 1rem;
  }
  .gfl_thumb__fav{
    bottom: -0.125rem;
    font-size: 1.375rem;
    line-height: 1;
  }
  .gfl_thumb__fav.is-large{
    font-size: 1.5rem;
  }
  .gfl_thumb__tagline{
    font-size: 1.1875rem;
  }
  .gfl_thumb.is-column .gfl_thumb__in{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .gfl_thumb.is-column .gfl_thumb__img{
    width: 40.17094%;
  }
  .gfl_thumb.is-column .gfl_thumb__caption{
    width: 57.26496%;
    margin-top: 0;
    padding-top: 1.25rem;
  }
  .j-changeable-thumbs:not(.is-change) .gfl_thumb.has-over .gfl_thumb__img:hover .is-def-bg{
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  .j-changeable-thumbs:not(.is-change) .gfl_thumb.has-over .gfl_thumb__img:hover .is-over-bg{
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
  .j-changeable-thumbs.is-change .gfl_thumb.has-over .gfl_thumb__img:hover .is-def-bg{
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
  .j-changeable-thumbs.is-change .gfl_thumb.has-over .gfl_thumb__img:hover .is-over-bg{
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  .gfl_thumbs.is-pc-3 .gfl_thumbs__items{
    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;
  }
  .gfl_thumbs.is-pc-3 .gfl_thumbs__items:after{
    display: block;
    width: 31.62393%;
    content: '';
  }
  .gfl_thumbs.is-pc-3 .gfl_thumbs__item{
    width: 31.62393%;
  }
  .gfl_thumbs.is-pc-3 .gfl_thumbs__item:nth-child(n + 4){
    margin-top: 1.875rem;
  }
  .gfl_thumbs.is-pc-4 .gfl_thumbs__items{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .gfl_thumbs.is-pc-4 .gfl_thumbs__item{
    width: 23.07692%;
    margin-left: 2.5641%;
  }
  .gfl_thumbs.is-pc-4 .gfl_thumbs__item:nth-child(4n + 1){
    margin-left: 0;
  }
  .gfl_thumbs.is-pc-4 .gfl_thumbs__item:nth-child(n + 5){
    margin-top: 1.875rem;
  }
  .gfl_thumbs.is-pc-5 .gfl_thumbs__items{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .gfl_thumbs.is-pc-5 .gfl_thumbs__item{
    width: 17.94872%;
    margin-left: 2.5641%;
  }
  .gfl_thumbs.is-pc-5 .gfl_thumbs__item:nth-child(5n + 1){
    margin-left: 0;
  }
  .gfl_thumbs.is-pc-5 .gfl_thumbs__item:nth-child(n + 6){
    margin-top: 1.875rem;
  }
  .gfl_thumbs.is-pc-6 .gfl_thumbs__items{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .gfl_thumbs.is-pc-6 .gfl_thumbs__item{
    width: 14.52991%;
    margin-left: 2.5641%;
  }
  .gfl_thumbs.is-pc-6 .gfl_thumbs__item:nth-child(6n + 1){
    margin-left: 0;
  }
  .gfl_thumbs.is-pc-6 .gfl_thumbs__item:nth-child(n + 7){
    margin-top: 1.875rem;
  }
  .gfl_page-gfl-home__body{
    padding-bottom: 2.5rem;
  }
  .gfl_page-gfl-home__hero__wrap{
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
  .gfl_page-gfl-home__hero__in{
    max-width: 1170px;
    margin-right: auto;
    margin-left: auto;
  }
  .gfl_page-gfl-home__hero__txt{
    padding: 1.75rem 0 2.1875rem;
    font-size: 1rem;
    line-height: 1.8;
    text-align: center;
  }
  .gfl_page-gfl-home__item-set:not(:first-child){
    margin-top: 5.3125rem;
  }
  .gfl_page-gfl-home__thumbs:not(:first-child){
    margin-top: 5.3125rem;
  }
  .gfl_page-gfl-home__recommend:not(:first-child){
    margin-top: 5.3125rem;
  }
}

@media not all and (min-width: 577px){
  .gfl_price__block.is-change:before{
    top: 50%;
    margin-top: -0.125rem;
  }
  .gfl_price__block.is-change:after{
    top: 50%;
    margin-top: 0rem;
  }
}
/*------------------------------------

SNS　大植追加

------------------------------------*/
 .sns {
 font-weight: bold;
 margin-bottom: 0;
 align-content: center;
 margin: 0 0 40px 0; 
}
.sns h3 {}
.sns h3 {
 color: #56b4ae;
 font-weight: bold;
 font-size: 120%;
 text-align: center;
}
.sns h3::before, .sns h3::after {
 content: "";
 display: inline-block;
 vertical-align: middle;
 height: 1em;
 width: 1px;
 margin: 0 1.0em 0.2em;
 border-left: 1px solid #56b4ae;
 transform: rotate(-35deg);
}
.sns h3::after {
 transform: rotate(35deg);
}
.sns h4 {
 font-size: 120%;
 font-weight: bold;
 color: #4c4c4c;
 margin: 0.7em 0 0.6em;
 text-align: center;
}
.sns p {
 text-align: center;
 line-height: 1.4;
}
.sns ul {
 display: flex;
 justify-content: center;
 padding-left: 0;
}
.sns ul li {
 margin: 1em;
 list-style: none;
}
.sns ul li.bnr_half {}
.sns ul li a {}
.sns ul li a img {}
/*------------------------------------

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

メニュー　230314大植追加


/*　リセットCSS
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
 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, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}

nav ul {
    list-style:none;
}

/*------------------------------------*/
/* メニュー全体のデザイン */

nav .ex {
 width: 100%; 
　background-color: #fffefe;
  color: #404040;
  text-align: center;
　flex-wrap: wrap;
  padding: 0.6em 0.4em;
}


/* メニューを横並びにする */
nav ul .ex  {
width: 100%;
  display: flex;
  justify-content: center;
  padding-left:0;
}

/* 1階層目の幅を固定する */
nav li .ex {
  color:#000;
}


/* ２階層目 以降のメニューは縦並びにする */
nav ul ul .ex-child {
  display: block;
　justify-content: center;
  padding-left:0;
}

/* liを下層メニューのulや矢印の基点にする */
nav ul li  {
  position: relative;
	list-style-type: none;
	padding-left: 0;
}

/* ２階層目を持つliに矢印を設定する */
nav ul li.parent::before  {
  content: "";
  position: absolute;
  right: 5px;
  top: 20px;
  width: 6px;
  height: 6px;
  border-top: 2px solid #000;
  border-right: 2px solid #000;
  transform: rotate(135deg);
}

/* ３階層目を持つliに矢印を設定する */

nav ul ul li.parent::before {
  content: "";
  position: absolute;
  right: 50px;
  top: 10px;
  width: 6px;
  height: 6px;
  border-top: 2px solid #000;
  border-right: 2px solid #000;
  transform: rotate(45deg);
  white-space: normal;
}

/* ２・３階層目 共通設定 */
nav li.parent ul {
  /* 位置指定 */
  position: absolute;
  left: 0;
  top: 40px;
  z-index: 4;
  /* デザイン指定 */
  background-color: #fffefe;
  width:100%;
  padding: 0px; /* ←追加 */
  margin: 0px; /* ←追加 */
  /* 最初は非表示にする */
  visibility: hidden;
  opacity: 0;
  /* アニメーション */
  transition: all 0.3s;
}

nav ul li li a {
    padding: 10px 10px;
　　　justify-content: center;
}

/* メニューリンクの設定 */
nav ul li a  {
  display: block;
  color: #404040;
  padding: 10px 10px;
  transition: all 0.3s; /* アニメーションの動きの速度 */
}

nav ul li li a  {
  padding: 10px 10px;

}

nav ul li a:hover  {
  color: #404040;
}

/* hoverしたら表示する */
nav li.parent:hover > ul,
nav li.parent ul li:hover > ul,
nav li.parent:active > ul,
nav li.parent ul li:active > ul {
  visibility: visible;
  opacity: 1;
}
/* 下層メニューのaタグのデザイン */
nav li.parent ul li a {
  color: #404040;
  border-bottom: solid 1px rgba(255, 255, 255, 0.6);
}

nav li.parent ul li:last-child > a {
  border-bottom: none;
}

nav li.parent ul li a:hover,
nav li.parent ul li a:active {
  background-color: #fffefe;
}

/* ３階層目の位置 */
nav li.parent ul ul {
  top: 0;
  left: 182px;
  background-color: #fffefe;
}

nav li.parent ul ul li a:hover,
nav li.parent ul ul li a:active {
  background-color: #fffefe;
}


.menu-container {
  margin: 0;
  justify-content: center;
  width: 98%;
  display: flex;
  padding-left:0;
  white-space: normal;

}

.menu-container .menu {
  width: 100%;
  display: flex;
  justify-content: space-between;
  list-style: none;
  margin: 0;
  padding: 0;
}

.menu-container .menu .menu-item {
  flex: 1;
}

.menu-container .menu .menu-item a {
  background: #fff;
  border: 1px solid #fff;
  border-right: none;
  color: #333;
  display: block;
  padding: 0.6em 0.4em;
  text-align: center;
  text-decoration: none;
}

.menu-container .menu .menu-item a:hover {
  background: #fff;
  color: #aaa;
}

.menu-container .menu .menu-item:last-child a {
  border-right: 1px solid #fff;
}

@media screen and (max-width: 768px) {
  .menu-container {
    flex-wrap: wrap;
    width: 98%;
  }
    .menu-container .menu {
    flex-wrap: wrap;
    width: 100%;
  }
  .menu-container .menu .menu-item {
    flex: auto;
    width: 33.333333333333333333%;
    font-size: 80%;
  }
  .menu-container .menu .menu-item:nth-child(3n) a {
    border-right: 1px solid #fff;
  }
  .menu-container .menu .menu-item:nth-child(n + 4) a {
    border-top: none;
  }
}
/*------------------------------------*/