@charset "UTF-8";

.el_contentsBtnBoxWrap {
  display: flex;
  justify-content: center;
}

.el_contentsBtnBoxWrap .el_contentsBtnBox:not(:last-child) {
  margin-right: 30px;
}

.el_contentsBtnBox {
  text-align: center;
}

.el_contentsBtn {
  width: 275px;
  display: inline-block;
  font-size: 17px;
  font-weight: bold;
  border-radius: 3px;
  margin: 6px 0;
  transition: all ease .3s;
}

.el_contentsBtn_pk {
  padding: 2px 0;
  color: #fff;
  text-shadow: 0.7px 0.7px 1px rgb(250 0 167 / 75%);
  border: solid 1px #fbd0e3;
  /* 内側の線になる一本線の枠線をひく*/
  border-image: linear-gradient(to top, #fb4997 0%, #fbd0e3 100%);
  border-image-slice: 1;
  outline: solid 1px #ed1e79;
  /* 外側の線になる5pxの一本線の枠線をひく*/
}

.el_contentsBtn_gy {
  padding: 3px 0;
  border: solid 1px #c8c9c9;
}

.el_contentsBtn:hover {
  outline-width: thin;
  opacity: .7;
}