/*---------------------main-photo（中央写真）---------------*/
.main-photo{
  width: 100%;
}
.main-photo img{
  max-width: 100%;
}

/*----------------------------------main（右側）----------------------*/
.main .bannerM{
  text-align: center;
}
.main .bannerM img{
  padding-right: 1%;
  padding-bottom: 15px;
  width: 30%;
}
.main .bannerM img.last{
  padding-right:0;
}
.main p {
  padding: 5px 15px 15px 20px;
  }
.main ul{
  margin: 0 0 0 20px;
}

/*-------------------------レスポンシブ対応-------------------*/
 /* スマートフォン 横(ランドスケープ) */
@media only screen and (max-width:640px){
  /*--中央写真--*/
  .main-photo img{
    width: 98%;
  }
  
  /*--saidebar--*/
  .sidebar{
    position: absolute;
    top: 280px;
    float: left;
    width: 60%;
    padding: 16px 0; 
  } 
  
  /*--main--*/
  .main p{
    width: 95%;
    font-size: 16px;
  }
}



/* スマートフォン 縦(ポートレート) */
@media only screen and (max-width:480px){
  /*--main-photo--*/
  .main-photo img{
    width: 98%;
  }
  .main p{
    width: 95%;
    font-size: 13px;
  }
}


/*0〜414px*/
@media (max-width: 414px){
/*--main--*/
 .main img{
  width: 38%;
 }
 .main p{
   margin-left: -10px;
 }
}