body{
  background-color: #eee;
  color: #37474F;
  font-family: "Mplus 1p";
}

/** 共通 **/
h1, h2, h3{
  margin: 40px 0;
  font-weight: black;
  text-align: center;
  line-height: 1.8em;
}
h2{font-size: 1.7em;}
h3{font-size: 1.4em;}

p, li{
  font-size: 1.2em;
  line-height: 1.8em;
  letter-spacing: .1em;
}

p{
  text-align: left;
  margin: 40px 0 60px;
}

h1 + p{text-align: center;}

ul{padding-left: 32px;}

.wrap-sec{
  padding: 60px 0;
  max-width: 100vw;
  overflow: hidden;
}

.text_white{
  color: #fff;
}

.bages{
  margin: 40px 0;
}
  .bages img{
    width: 45%;
  }

.thumbnail{
  border: none;
  background-color: transparent;
}
  .thumbnail img{
    width: 80%;
  }
  .thumbnail h3{
    text-align: center;
  }
  .thumbnail p{
    text-align: left;
  }

.single{
  margin: 0 auto;
  width: 70%;
}

.doubble{
}
.doubble img{
  width: 50%;
  float: right;
}

.on-pin{
}
  .on-pin .pin{
    position: relative;
    width: 40%;
    z-index: 2;
  }
  .on-pin .screen{
    position: relative;
    bottom: 0;
    left: -10%;
    margin-top: -30%;
    width :120%;
    z-index: 1;
  }
  .on-pin .single{
    padding-top: 10%;
  }

.icon-pos{
  position: relative;
  margin-left: -15px;
}

footer{
  padding: 8px 16px;
  text-align: right;
  background-color: #212121;
  color: #cccccc;
}


@media screen and (min-width: 768px){
  /* pc版 */
  h1 + p{
    font-size: 1.4em;
  }

  .wrap-sec:first-child .row,
  .wrap-sec:last-child .row{
    min-height: 70vh;
  }
}

/* 道の駅 */
#miti-sec1{
  background-image: url("../images/miti_images/stationmap_back.png");
  background-position: center;
  background-size: cover;
}

#miti-sec2{
  background-image:url("../images/miti_images/miti_back_icon.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #009688;
}

#miti-sec3{
  background-image: url("../images/miti_images/miti_back.png");
  background-size: 150px;
  background-color: #ffffff;
}

#miti-sec4{
  background-image:url("../images/miti_images/miti_back_icon.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #E57373;
}

#miti-sec5{
  background-image: url("../images/miti_images/stationmap_back.png");
  background-position: center;
  background-size: cover;
}