/*-------------------------------------
 スマホ
 --------------------------------------*/
@media screen and (max-width: 480px){
 .top-wrapper, .cokomap-info-wrapper,
 .footer-wrapper{
    width: 100%;
    overflow: hidden;
  }

  .top-wrapper h1{
    font-size: 16pt;
  }

  
}



 /*-------------------------------------
  タブレット
  --------------------------------------*/
@media screen and (min-width: 800px){

  .top-wrapper h1{
    font-size: 22pt;
  }


}

/*-------------------------------
 PC
 --------------------------------*/
@media screen and (min-width: 1024px){

.container{
  max-width: 1080px;
  width: 100%;
  margin: 0 auto;
}

.slider, .sp-info, .info-heading, .info-text,
.info-comment, .sp-date-wrapper table{
  max-width: 800px;
}

}