@charset "UTF-8";

/* ================================

  @ 山陰山陽エリア用CSS
  --------------------------------
  <!><!>
  
================================== */

body {
  counter-reset: mdl-cnt;
}

.areaBox,
.purpose__tourBox,
.mokutekiBox,
.gourmet_tourBox,
.spotBlk,
.faqBlock{
  background: #f2f5f9;
}
.area_osusumeBox{
  max-width: inherit;
}
.ka__map-det,
.faqBlock .item dd{
  background: #fff;
}

@media only screen and (min-width:768px) {
  .depNav__nav--inr {
      grid-template-columns: repeat(6, 1fr);
  }
  .depNav__nav--btn{
    font-size:11px;
  }
}

/* -----------------------------
  エリア
---------------------------------*/
.areaBox__list{
  grid-template-columns: repeat(6, 1fr);
}
.smallArea{
    border: 1px solid #ccc;
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
}
.smallArea img{
  height: 140px;
  object-fit: cover;
}

@media only screen and (max-width:768px) {
  .areaBox__list {
      grid-template-columns: repeat(2, 1fr);
  }
}


/* -----------------------------
  お客様の声
---------------------------------*/
.voiceWrap li {
    background: #c7dbf6;
}

/* -----------------------------
  FAQ
---------------------------------*/
.faqBlock .item dd {
  background: #fff;
}