@charset "euc-jp";
.category-desc img {
  max-width: 100%;
  width: inherit;
  height: auto;
}
.category-desc_2 {
  padding-top: 2em;
}

/* sub category & sub group */

.grp-lst {
  margin-bottom: 40px;
}
.grp-lst-unit {
  display: block;
}

.grp-lst-img {
  display: block;
  margin: 0 auto;
  background: #fff;
}
  .grp-lst-img:hover {
    opacity: 0.8;
  }

.grp-lst-name {
  display: block;
  margin: 4px 0;
  padding: 0;
  font-size: 15px;
}

@media only screen and (max-width: 768px) {
  .grp-lst-unit a {
    display: block;
    padding: .5em 0;
    color: #444;
    text-decoration: none;
  }
  .grp-lst-name {
    font-size: 11px;
  }
}

/* ボックス・メニュー用 */
.flexbox {
  display: flex;
  flex-wrap: wrap;
  border: 1px solid #f3f3f3;
  padding: 0.4em;
  margin: 0 0 2em;
}
.flexbox > div {
  background: #f3f3f3;
  padding: 1em;
  flex: 0 0 28%;
  margin: 0.56em;
}
.flexbox p{padding-top:.5em;}

/* タブレット縦表示のマージン */
@media screen and (max-width: 1024px) and (orientation: portrait){
  .flexbox > div { margin: 0.3em;}
}

/* スマホ表示の時縦並びに */
@media only screen and (max-width: 767px){
  .flexbox {flex-direction: column;}
}

/* 画像モノクロ */
.toGray{
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-o-filter: grayscale(0%);
-ms-filter: grayscale(0%);
filter: grayscale(0%);
transition:0.5s;
transition:0.5s;
}

.toGray:hover{
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-o-filter: grayscale(100%);
-ms-filter: grayscale(100%);
filter: grayscale(100%);
}