.btn-001 {
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #ffa500;/*ボタン色*/
  color: #FFF;
  border-bottom: solid 4px #627295;
  border-radius: 3px;
}
.btn-001:hover {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(4px);
  border-bottom: none;/*線を消す*/
}
.btn-002 {
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #668ad8;/*ボタン色*/
  color: #FFF;
  border-bottom: solid 4px #627295;
  border-radius: 3px;
}
.btn-002:hover {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(4px);
  border-bottom: none;/*線を消す*/
}
.btn-003 {
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #008080;/*ボタン色*/
  color: #FFF;
  border-bottom: solid 4px #627295;
  border-radius: 3px;
}
.btn-003:hover {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(4px);
  border-bottom: none;/*線を消す*/
}
.btn-004 {
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #ff0000;/*ボタン色*/
  color: #FFF;
  border-bottom: solid 4px #627295;
  border-radius: 3px;
}
.btn-004:hover {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(4px);
  border-bottom: none;/*線を消す*/
}
.btn-005 {
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #7fff00;/*ボタン色*/
  color: #FFF;
  border-bottom: solid 4px #627295;
  border-radius: 3px;
}
.btn-005:hover {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(4px);
  border-bottom: none;/*線を消す*/
}
.btn-006 {
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #ffc0cb;/*ボタン色*/
  color: #FFF;
  border-bottom: solid 4px #627295;
  border-radius: 3px;
}
.btn-006:hover {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(4px);
  border-bottom: none;/*線を消す*/
}
.btn-007 {
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #0000ff;/*ボタン色*/
  color: #FFF;
  border-bottom: solid 4px #627295;
  border-radius: 3px;
}
.btn-007:hover {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(4px);
  border-bottom: none;/*線を消す*/
}
.btn-008 {
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #808080;/*ボタン色*/
  color: #FFF;
  border-bottom: solid 4px #627295;
  border-radius: 3px;
}
.btn-008:hover {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(4px);
  border-bottom: none;/*線を消す*/
}
.btn-088 {
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #808080;/*ボタン色*/
  color: #FFF;
  border-bottom: solid 4px #627295;
  border-radius: 3px;
}
.btn-088:hover {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(4px);
  border-bottom: none;/*線を消す*/
}

.btn-like-label {
  display: inline-block; /* テキストに応じて幅を可変させるため */
  margin: 1em 0; /* 前後の隙間 */
  padding: 0.6em 1em; /* 塗りの余白 */
  font-size: 1em; /* フォントサイズ */
  background-color: #1aa1ff; /* 背景色 */
  color: #FFF; /* テキストカラー */
  cursor: pointer; /* カーソルを指マークに */
  border-radius: 3px; /* 角の丸み */
  border: 0; /* 枠線を消す */
  transition: 0.3s; /* ホバーの変化を滑らかに */
  font-weight: bold;
}

/* ホバー時（カーソルをのせた時）の見た目 */
.btn-like-label:hover {
  background-color: #064fda; /* 背景色 */
}
ytube{
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-top: 56.25%;
  width: 100%;
   iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
    }
    a{
      /* lityを動かすためにirameを覆う */
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
    }
}