@charset "UTF-8";
/*--------------------
共通設定
----------------------*/
img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom; }

a {
  text-decoration: none;
  color: #000000; }
  a:hover {
    transition: .4s; }
  a:visited {
    color: #000000; }
  a.disabled {
    pointer-events: none;
    text-decoration: none; }

ul, ol {
  list-style: none; }

.pc {
  display: block; }
  @media screen and (max-width: 1300px) {
    .pc {
      display: none; } }

.sp {
  display: none; }
  @media screen and (max-width: 1300px) {
    .sp {
      display: block; } }

.wrapper {
  margin: 0 auto !important; }

main {
  max-width: 100%; }

.mainBox {
  margin: 0 auto !important; }

/*--------------------------------------------*/
.categoryLayout {
  margin: 0 auto 5%;
  box-sizing: border-box;
  padding: 0;
  letter-spacing: 1px;
  color: #000000;
  font-size: 16px;
  text-align: left;
  font-family: "yu-gothic-pr6n", sans-serif;
  font-weight: 400 !important;
  font-style: normal;
  max-width: 900px; }
  .categoryLayout .mv {
    margin-bottom: 10%; }
  .categoryLayout .box {
    width: 90%;
    margin: 0 auto; }
    .categoryLayout .box .ttl {
      margin: 2.0em auto; }
    .categoryLayout .box .point {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      flex-wrap: wrap;
      width: 100%; }
      .categoryLayout .box .point div {
        width: calc(100%/2 - 2%);
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 4%; }
        @media screen and (max-width: 500px) {
          .categoryLayout .box .point div {
            width: 100%; } }
        .categoryLayout .box .point div img {
          width: 45%;
          margin-right: 5%; }
        .categoryLayout .box .point div p {
          width: 50%;
          font-size: 0.8em;
          line-height: 1.5;
          text-align: justify; }
          @media screen and (max-width: 500px) {
            .categoryLayout .box .point div p {
              font-size: 3.2vw; } }
    .categoryLayout .box .color ul {
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap; }
      .categoryLayout .box .color ul li {
        width: calc(100%/6 - 1%);
        margin-bottom: 2%; }
        @media screen and (max-width: 500px) {
          .categoryLayout .box .color ul li {
            width: calc(100%/3 - 1%); } }
        .categoryLayout .box .color ul li p {
          font-size: 0.8em;
          text-align: center; }
          @media screen and (max-width: 500px) {
            .categoryLayout .box .color ul li p {
              font-size: 3.0vw; } }