@charset "utf-8";
html{
  height:100%;
}
body{
  height:100%;

}


img{max-width: 100%;}

#wrapper{

  margin:0 auto;
  padding:10px;
  width:100%;


        background-image:url('../img/green_rb.png'),url('../img/green_lb.png'),url('../img/green_l.png'),url('../img/green_r.png'),url('../img/rocky-wall.png');
        background-position:left bottom,right bottom,left top,right top,center center;
        background-size: 100px auto, 100px auto, 100px auto, 100px auto, auto;
        background-repeat:no-repeat,no-repeat,no-repeat, no-repeat, repeat;
  }

  .header{
    margin:10px auto;

  }
  .header .logo{
    text-align: center;
  }
  .header .logo img{
    width:120px;
  }

  .header .info h2{
    font-size:1.4rem;

  }
  #poster{
    margin:0 auto;
    max-width:720px;
    width:100%;
  }
  #poster li{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
  }
    #poster li img{
      margin:5px;
    }


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

#wrapper{

  min-width:860px;
  max-width:1020px;
  padding:20px;

      background-image:url('../img/green_rb.png'),url('../img/green_lb.png'),url('../img/green_l.png'),url('../img/green_r.png'),url('../img/rocky-wall.png');
      background-position:left bottom,right bottom,left top,right top,center center;
      background-size: 300px auto, 300px auto, 300px auto, 300px auto, auto;
      background-repeat:no-repeat,no-repeat,no-repeat, no-repeat, repeat;
}

.header{
  max-width:720px;
  width:80%;

}
.header li{
  display:inline-block;
  vertical-align: middle;
}

.header .info{
  width:calc(100% - 130px);
}
.header .info H2{
  font-size:1.7rem;}

  #poster{
    margin:0 auto;
    max-width:720px;
    width:100%;
  }
  #poster li{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
    #poster li img{
      margin:10px;
    }

  #poster li.h160 img{
    margin:10px 0;
    max-width: auto;

  }
    #poster li.h180 img{
      margin:10px 0;
      max-width: auto;
    }

      #poster li.h80 img{
        margin:10px 0;
        max-width: auto;
      }

  }

}/*780px以上で適用する内容*/