/*全体*/
html{
  /*フッターとの隙間*/
	height: 100%;
}

body{
    margin:0; padding:0;
    /*フッターとの隙間*/
    min-height: 100%;
    /*min-height: 100%;*/
    display: flex;
    flex-direction: column;
}

/*外枠*/
.wrapper{
    margin:0; padding: 30px;
    min-height: 100vh;
    position: relative;
    padding-bottom: 120px;
    box-sizing: border-box;

    /*フッターとの隙間*/
    flex: 1;

}


/*画像*/
#title{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;

}

footer{
    width: 100%;
    /*background-color: #89c7de;*/
    background-color: #dddddd;
    /*color: #fff;*/
    color: #444;
    text-align: center;
    /*padding: 30px 0;*/
    padding: 30px 0 ;

 position: absolute;
    bottom: 0;
}