.main {
  position: relative;
  }

.main a {/*aタグを画像の真ん中に*/
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  
  /*以下装飾*/
  margin:0;/*余計な隙間を除く*/
  font-size: 36px;/*文字サイズ*/
  font-weight: bold; /*太字に*/
  color: #e94d70;/*文字色*/
  line-height:1.5;
  text-shadow    : 
       2px  2px 1px #ffffff,
      -2px  2px 1px #ffffff,
       2px -2px 1px #ffffff,
      -2px -2px 1px #ffffff,
       2px  0px 1px #ffffff,
       0px  2px 1px #ffffff,
      -2px  0px 1px #ffffff,
       0px -2px 1px #ffffff,
       6px 0px 5px rgba(0, 0, 0, 0.32);        /* 文字の影 */
  text-decoration: none;/*下線を表示させない*/
  }

.main a:hover{/*カーソルを当てたとき*/
  background: rgba(255, 255, 255, 0.3);/*背景を半透明に*/
  }

.main img {
  width: 100%;
  }
  }