img {
  display: inline-block;
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  -ms-interpolation-mode: bicubic;
}

.maincontents
{
    margin-top:62px;
    width:100%;
}

.topimage
{
    background-image:url("../image/main.jpg");
    background-position:center center;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    background-repeat:no-repeat;
    background-color:#f6f6f6;
    width:100%;
    min-height:100px;
    height:calc(40vh - 100px);
    display:table;
    border:0px solid red;
}
.topimage img
{
    width:100%;
    height:100%;
}
.main-menu
{
    width:90%;
    padding: 10px;
    margin: auto;
    border: solid 0px red;
    text-align:center;
}

.menu-item
{
    display : inline-block;
    width:260px;
    height:190px;
    text-align:center;
    border:1px solid #c0c0c0;
    margin:10px;
}

.menu-item:hover
{
    background-color:#ffc9c9;
    cursor:pointer;
}


@media screen and (max-width: 479px)
{
    .menu-item
    {
        display : inline-block;
        width:260px;
        height:90px;
        text-align:center;
        margin:5px;
        border:1px solid #c0c0c0;
    }
    
}