@charset "UTF-8";
/* for Microsoft Edge */
@supports (-ms-ime-align:auto) {
.pc_only{display:block;}
}
/*---------------------------------
商品ラインナップ
----------------------------------*/
ul.clearfix {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

ul.clearfix li img {
  width: 100%; }

@media screen and (min-width: 751px) {
  .bruno_title {
    font-size: 13px;
    letter-spacing: 1px;
    padding-bottom: 3px;
    border-bottom: solid 1px #aaa;
    margin-bottom: 18px; } }
@media screen and (max-width: 750px) {
  .bruno_title {
    font-size: 2.9vw;
    text-align: center;
    margin-bottom: 3.5vw;
    margin-top: 10vw; } }

@media screen and (min-width: 751px) {
  .bruno_title span {
    font-size: 16px;
    font-weight: bold;
    margin-right: 1em; } }
@media screen and (max-width: 750px) {
  .bruno_title span {
    font-size: 5.5vw;
    display: block;
    line-height: 100%; } }

@media screen and (min-width: 751px) {
  .category {
    margin-bottom: 65px; } }

@media screen and (min-width: 751px) {
  .category ul {
    position: relative; } }
@media screen and (max-width: 750px) {
  .category ul {
    width: 94%;
    margin: 0 auto; } }
@media screen and (min-width: 999px) {
  .category ul {
    margin-left: 0; } }

.category ul li {
  text-align: center; }
  @media screen and (min-width: 751px) {
    .category ul li {
      width: 190px;
      margin-bottom: 40px; } }
  @media screen and (max-width: 750px) {
    .category ul li {
      width: 33%;
      margin-bottom: 8vw; } }
  @media screen and (min-width: 999px) {
    .category ul li {
      width: 200px; } }

@media screen and (min-width: 751px) {
  .category ul li:before {
    background-color: #000000;
    color: #FFFFFF;
    width: 24px;
    text-align: center;
    height: 16px;
    line-height: 16px;
    display: inline-block;
    top: 0;
    position: absolute; } }

@media screen and (min-width: 751px) {
  .category ul li:last-of-type {
    margin-right: 0; } }

@media screen and (min-width: 751px) {
  .category ul li img {
    margin-bottom: 0.5em; } }

@media screen and (min-width: 751px) {
  .category ul li .name {
    font-size: 12px; } }
@media screen and (max-width: 750px) {
  .category ul li .name {
    font-size: 3vw;
    line-height: 120%; } }