@charset "UTF-8";
body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  background-color: #ffffff;
}

.wrapper {
  max-width: 1400px;
  width: 100%;
  margin: 0 auto;
}

.image-wrapper {
  position: relative;
  display: inline-block;
}

.image-wrapper img {
  display: block;
  max-width: 100%;
  height: auto;
}

/* 画像の上に被せるリンク領域 */
.link-area {
  position: absolute;
  top: 0;   /* 領域の位置（画像の20%下から） */
  right: 0;  /* 左から30%の位置 */
  width: 30%; /* 領域の幅 */
  height: 2%;/* 領域の高さ */
  display: block;
  /* デバッグ用に背景色をつけたい時は ↓ */
  /* background: rgba(255,0,0,0.3);*/
}

.link-area-bottom {
  position: absolute;
  bottom: 1.5%;
  left: 35%;
  width: 30%;
  height: 1.5%;
  display: block;
  /*background: rgba(255, 0, 0, 0.3);*/
}