@charset "UTF-8";
.if-category {
  background-color: #ffffff;
}

.if-category_container {
  width: 100%;
  max-width: 900px;
  background-color: #fff;
}

.if-category_inner {
  width: 100%;
}

.if-category_mv {
  width: 100%;
  margin-bottom: 2.5%;
}

.if-category_mv img {
  width: 100%;
}

img {
  max-width: 100%;
}

.if-category_buttons {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

@media screen and (max-width: 812px) {
  .if-category_buttons {
    padding: 0 3.125vw;
  }
}

.if-category_buttons .if-category_buttonItem {
  display: block;
  width: 32.222%;
  /* ナビボタンの数ごとに数値を変更してください */
  /* --- 参考までに
  width: 49.5%;　2つ
  width: 33%;　3つ
------------------ */
}

@media screen and (max-width: 812px) {
  .if-category_buttons .if-category_buttonItem {
    margin-bottom: 2.5%;
    width: 31.666%;
  }
}

.if-category_buttons .if-category_buttonItem img {
  width: 100%;
}

.if-category_buttons {
  margin-bottom: 2.5%;
}


.logo_lead {
	width: 100%;
	height: auto;
	margin-bottom: 5%;
}
.logo_lead image {
	width: 100%;
	height: auto;
}

.type_text {
	width: 532px;
	height: auto;
	margin: 0 auto 2%;
}
@media screen and (max-width: 812px) {
  .type_text {
    max-width: 220px;
  }
}

.type_list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 5%;
	pointer-events:auto;
}

@media screen and (max-width: 812px) {
  .type_list {
    padding: 0 3.125vw;
  }
}

.type_list .type_btn {
  display: block;
  width: 33%;
  /* ナビボタンの数ごとに数値を変更してください */
  /* --- 参考までに
  width: 49.5%;　2つ
  width: 33%;　3つ
------------------ */
}

.type_list .type_btn img {
  width: 100%;
}

.hotLimitMoist {
	margin-bottom: 5%;
}


@media screen and (min-width: 813px) {
  .sp {
    display: none;
  }
}

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