@charset "utf-8";
/* CSS Document */
body.lower_page .lower_header {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

.lower_header {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

body.top_page .lower_header {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-100%);
}

body.top_page .lower_header.is-show {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

.service_cate {
  background-color: #141318;
}

.cate1.service_cate .service_cate_genre {
  background-color: #102236;
}

@media screen and (max-width: 900px) {
  .camera_recommend .camera_recommend_item:nth-child(3) {
    grid-column: 1 / -1;
    width: calc((100% - clamp(25px, 3vw, 35px)) / 2);
    margin: 0 auto;
  }
}

@media screen and (max-width: 576px) {
  .camera_recommend .camera_recommend_item:nth-child(3) {
    grid-column: auto;
    width: 100%;
    margin: 0;
  }
}
@media screen and (max-width: 768px) {
  .cate3.service_cate .service_cate_item,
  .cate4.service_cate .service_cate_item {
    flex-direction: column;
  }

  .cate3.service_cate .service_cate_image,
  .cate4.service_cate .service_cate_image {
    order: 1;
    width: 100%;
  }

  .cate3.service_cate .service_cate_text,
  .cate4.service_cate .service_cate_text {
    order: 2;
    width: 100%;
  }
}

/* ---------- IEのみ ---------- */
@media all and (-ms-high-contrast: none) {
}
/* ---------- 1280px ~ ---------- */
@media screen and (max-width: 1280px){
}
/* ---------- 1080px ~ ---------- */
@media screen and (max-width: 1080px){
}
/* ---------- 768px ~ ---------- */
@media screen and (max-width: 768px){
}
/* ---------- 576px ~ ---------- */
@media screen and (max-width: 576px){
}
/* ---------- 350px ~ ---------- */
@media screen and (max-width: 350px){
}