/* mainVisual */
#mainVisual {
  height: 300px;
}
#mainVisual .mainVisualText {
  padding: 0 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#mainVisual .mainVisualText h1 {
  font-size:14px;
}
#mainVisual .mainVisualText h1 img {
  max-width: 100%;
}
#mainVisual .mainVisualText h2 img {
  max-width: 100%;
}
#mainVisual .mainVisualText h2{
  font-size:12px;
}
#mainVisual .mainVisualSlide .slick-track li {
  height: 300px;
}

/* formArea */
#formArea h2 {
  float: none;
  text-align: center;
}
#formArea .linkAllPlace {
  float: none;
  margin: 0 0 20px 0;
  text-align: center;
  display: block;
}
#formArea form .inputs {
  text-align: center;
  margin: 0;
}
#formArea form .inputs > div {
  float: none;
  margin: 0 5px 10px;
  width: 45%;
  display: inline-block;
}
#formArea form .inputs > div.pref, #formArea form .inputs > div.capacity {
  width: 45%;
}
#formArea form .inputs input[type="text"] {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#formArea form button {
  width: 203px;
}
@media screen and (max-width: 400px) {
  #formArea form .inputs > div {
    width: 250px;
  }
  #formArea form .inputs > div.pref, #formArea form .inputs > div.capacity {
    width: 250px;
  }
}


/* filterArea */
@media screen and (max-width: 450px) {
  #areaSearch .rowTitle {
    text-align: left;
  }
}


@media screen and (max-width: 400px) {
  #planSearch .planLink {
    height: auto;
  }
  #planSearch .planLink ul {
    padding: 15px 15px 0;
  }
  #planSearch .planLink ul li a {
    font-size: 14px;
  }
  #planSearch .planLink ul li a .icon {
    margin: 0 10px 0 0;
  }
}

/* トップページのMapのリンクを一時的に削除するために追加 */
@media screen and (max-width: 400px) {
  #planSearch .planLink {
    height: auto;
  }
  #planSearch .planLink ul {
    padding: 15px 15px 0;
  }
  #planSearch .planLink ul li div {
    font-size: 14px;
  }
  #planSearch .planLink ul li div .icon {
    margin: 0 10px 0 0;
  }
}
/* トップページのMapのリンクを一時的に削除するために追加ここまで */



/* recommendArea */
#recommendArea .tabContent ul {
  max-width: 478px;
}
@media screen and (max-width: 500px) {
  #recommendArea .tabContent ul li{
    width: 48%;
    margin: 0 1% 20px;
  }
}
@media screen and (max-width: 320px) {
  #recommendArea .tabContent ul li{
    width: 250px;
    margin: 0 auto 20px;
    display: block;
  }
}


/* feature */
@media screen and (max-width: 600px) {
  #featureArea .featureArticles .featureArticle .thumb {
    width: 200px;
  }
  #featureArea .featureArticles .featureArticle .content {
    width: calc(100% - 210px);
  }
  #featureArea .featureArticles .right .featureArticle .thumb {
    width: 100px;
  }
}
@media screen and (max-width: 420px) {
  #featureArea .featureArticles .left .featureArticle .thumb {
    display: block;
    float: none;
    width: 100%;
    margin: 0 0 10px 0;
    text-align: center;  
  }
  #featureArea .featureArticles .left .featureArticle .content {
    float: none;
    width: 100%;
  }
}