@charset "UTF-8";

/* CSS Document */
/* ! .kanagawa_fair をクラス名の前に記載をお願いします。*/
/* スクロールフェード表示エフェクト 関連common.js */
.kanagawa_fair .effect-fade {
  opacity: 0;
  transform: translate(0, 20px);
  transition: all 1000ms ease-out;
}

.kanagawa_fair .effect-fade.effect-scroll {
  opacity: 1;
  transform: translate(0, 0);
}

/* PCサイズ
------------------------------*/
.kanagawa_fair .bg_tokusen {
  background: url("../images/bg_tokusen.jpg") no-repeat top;
  background-color: #e3f6fd;
  background-size: cover;
  padding: 40px 0;
}
.kanagawa_fair .bg_wheel {
  background: url("../images/bg_wheel.jpg") no-repeat top;
  background-color: #e3f6fd;
  padding: 40px 0;
}

.kanagawa_fair .carlist {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}

/* タブレット
------------------------------*/

/*max-width: 767px*/
@media (max-width: 600px) {
  .kanagawa_fair .carlist {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 767px) {
  .kanagawa_fair .bg_tokusen {
    background: url("../images/bg_tokusen_sp.jpg") no-repeat top;
    background-color: #e3f6fd;
    padding: 40px 0;
  }
}

/*max-width: 480px*/
@media screen and (max-width: 480px) {
}