@media screen and (min-width: 1440px) {
}

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

@media screen and (max-width: 1280px) {
  #yama_about_wrap .img_box {
    width: 500px;
  }
  #yama_about_wrap .info {
    width: calc(100% - 540px);
  }

  #yama_map_area .map {
    width: 500px;
  }
  #yama_map_area .weather {
    width: calc(100% - 540px);
  }
  .weather_info_head .temp {
    flex-wrap: nowrap;
  }
  .weather_info_head .temp span {
    font-size: 2vw;
  }
  .weather_info_head .temp div {
    display: none;
  }
  .weather_info_head .temp span.min {
    margin-left: 10px;
  }
  #weather_today li .img_box {
    width: 100px;
  }
  .weather_info_head .info {
    width: calc(100% - 120px);
  }
  #weather_today ul li h4{
    font-size: 1.8vw;
  }
  #weather_today ul li h4 small{
    margin-left: 14px;
    font-size: 100%;
  }
  .weather_info_body{
    font-size: 1.2vw;
  }
  #weather_week ul li {
    width: 32%;
    margin: 4px 0;
    font-size: 1.3vw;
  }
  #trailhead_area ul li{
    font-size: 90%;
  }

}

/* タブレット */
@media screen and (max-width: 1024px) {
  #yama_about_wrap {
    align-items: stretch;
  }
  #yama_about_wrap .img_box {
    width: 40%;
  }
  #yama_about_wrap .info {
    width: calc(60% - 30px);
  }
  #yama_about_wrap .info h2 {
    font-size: 200%;
  }
  #yama_about_wrap .info table th,
  #yama_about_wrap .info table td {
    padding: 5px;
  }
  #yama_map_area .wrap{
    flex-direction: column;
  }
  #yama_map_area .map,#yama_map_area .weather{
    width: 100%;
  }
  #yama_map_area .map{
    max-height: 400px;
    margin-bottom: 40px;
  }
  #weather_today ul li h4{
    font-size: 140%;
  }
  .weather_info_head .temp span{
    font-size: 140%;
  }
  .weather_info_body{
    font-size: 90%;
  }
  #weather_week ul li{
    font-size: 100%;
  }
  #trailhead_area ul li{
    width: 32%;
    margin: 5px 0.5%;
  }
  #trailhead_area ul li h4{
    font-size: 120%;
  }
}
@media screen and (min-width: 801px) {
}
/* タブレット 800 */
@media screen and (max-width: 800px) {
  #yama_about_wrap {
    flex-direction: column;
  }
  #yama_about_wrap .img_box,
  #yama_about_wrap .info {
    width: 100%;
  }
  #yama_about_wrap .img_box {
    max-height: 400px;
  }
  #yama_about_wrap .info {
    margin-top: 20px;
  }
  #trailhead_area ul li{
    width: calc(50% - 10px);
    margin: 5px;
  }
}

/* SP */
@media screen and (max-width: 600px) {
  #trailhead_area ul li{
    width: 100%;
    max-width: 300px;
  }
}