body{
 background-color: #ffffe1;
 overflow: hidden;
 position: relative;
}

button{
 cursor: pointer; /* button要素にマウスを置いた時の形状をpointerに指定 */
}

.linkboxarea{
 width: 100%;
 height: 100%;
 margin: 0 auto;
 border: none;
}

.linkbox{
 float: left;
 width: 47%;
 height: 30px;
 margin: 2 auto;
 margin-right: 1;
 margin-left: 1;
 background-size: 100% 100%; /* 画像の全てが表示されるように設定 */
 border: 1px solid black;
 box-shadow: 3px 3px 10px 1px black;
}
.linkbox:hover{
 transition: 0.3s;
 box-shadow: 3px 3px 10px 2px black inset;
}