@charset "utf-8";

body {
  max-width: 100vw;
}

.container{
  width:1000px;
  margin:0 auto
}

#mainArea{
  padding: 0;
}

#contentsArea{
  width: 1000px;
}

@media only screen and (max-width: 767px) {
  #contentsArea{
      width: 100%;
      padding: 0;
  }
}

/* ヘッドエリア
----------------------------------------------------------------*/

#contents img {
	display: block;
}

.pic {
  width:1000px;
}

@media only screen and (max-width: 767px){
  img {
    max-width: 100%;
    height: auto;
  }
  .contentsArea{
    padding: 0;
  }
  .pic {
    width:100%;
  }
  #contentsArea, #mainArea.noNavi #contentsArea {
    width: 100%;
    padding: 0;
  }
  .noNavi#mainArea {
    width: 100%;
    overflow: hidden;
    padding: 0;
  }
}