@charset "UTF-8";

html {
  font-size: 62.5%;
}
/* @media only screen and (max-width: 767px) {
  html {
    font-size: calc(10 *(100vw / 750));
  }
}
@media only screen and (min-width: 768px) and (max-width: 1400px) {
  html {
    font-size: calc(10 *(100vw / 1400));
  }
} */



/* ▼ ページ作成エリア ▼ */

/* @media only screen and (min-width: 768px) {

} */
/* ▲ ページ作成エリア ▲ */



/* ▼ パンくず ▼ */
.cateList {
  margin: calc(10 * (100vw / 750)) auto;
  padding: calc(32 * (100vw / 750)) 0;
  width: 92%;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "メイリオ", sans-serif;
  font-size: calc(20 * (100vw / 750));
  color: #000;
  line-height: calc(40 * (100vw / 750));
  letter-spacing: 0.01em;
}
@media only screen and (min-width: 768px) {
  .cateList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: calc(1200 * (100vw / 1400));
    max-width: 1200px;
    height: calc(50 * (100vw / 1400));
    max-height: 50px;
    margin: 0 auto calc(40 * (100vw / 1400));
    padding: 0;
    font-size: calc(12 * (100vw / 1400));
    line-height: normal;
    letter-spacing: 0.03em;
  }
  .cateList a {
    -webkit-transition: 0s;
    transition: 0s;
    text-decoration: none;
  }
  .cateList span {
    padding: 0 calc(5 * (100vw / 1400));
  }
}
@media only screen and (min-width: 1400px) {
  .cateList {
    margin-bottom: 40px;
    font-size: 12px;
  }
  .cateList span {
    padding: 0 5px;
  }
}
/* ▲ パンくず ▲ */



#Contents{
    --header-height: 45px;
    --header-bottom-height: 85px;
    --header-top-height: 0px;
    --header-max-height: calc(var(--header-top-height) + var(--header-bottom-height));
}