@charset "UTF-8";
/* -----------------------------------------------------------
	スタイルガイド用記述
----------------------------------------------------------- */
/*
_mixins.scss

Styleguide 1.3.0
*/
.view_sp {
  display: none !important;
}
@media (max-width: 767px) {
  .view_sp {
    display: block !important;
  }
}

.view_tab {
  display: none !important;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .view_tab {
    display: block !important;
  }
}

.view_pc {
  display: none !important;
}
@media (min-width: 1025px) {
  .view_pc {
    display: block !important;
  }
}

.view_tab-down {
  display: none !important;
}

/* ===================================================================
CSS information

 file name  : store.css
 author     : Ability Consultant
 style info : 総合TOP以外
=================================================================== */
/* ----------------------------------------
	Gナビの隙間調整
---------------------------------------- */
@media only screen and (min-width: 768px) and (max-width: 1024.5px) {
  .f-base__content-warp .l-head .l-head__cnt .l-head__h1 {
    width: auto !important;
  }
}
.f-base__content-warp .l-head .l-head__cnt .l-head__wrp-gnav .l-head__wrp-bt {
  width: auto;
  min-height: auto !important;
  max-width: none !important;
}
.f-base__content-warp .l-head .l-head__cnt .l-head__wrp-gnav .l-head__wrp-bt > li {
  width: 95px !important;
  height: 95px !important;
}

.l-head__fix-gnav .l-head__cnt.jc_center {
  padding: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1024.5px) {
  .l-head__fix-gnav .l-head__cnt .l-head__h1 {
    width: auto !important;
  }
}
.l-head__fix-gnav .l-head__cnt .l-head__wrp-fix-gnav .l-head__wrp-bt {
  width: auto;
  min-height: auto !important;
  max-width: none !important;
}
.l-head__fix-gnav .l-head__cnt .l-head__wrp-fix-gnav .l-head__wrp-bt > li {
  width: 95px !important;
  height: 95px !important;
}

@media (min-width: 1025px) {
  .l-fot__navgp .l-fot__navgp__ul:nth-of-type(5) {
    width: 100%;
    display: flex !important;
    justify-content: space-around !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .l-fot__navgp .l-fot__navgp__ul:nth-of-type(5) {
    width: 100%;
    display: flex !important;
    justify-content: flex-start !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .l-fot__navgp .l-fot__navgp__ul:nth-of-type(5) .l-fot__navgp__li {
    width: 50%;
  }
}