a img:hover {
  opacity: 0.8;
}

p {
  color: gray
  border-left: solid 2px ;color:gray
}

a {
text-decoration: none;
}

.inline-block_user {
    display: inline-block;      /* インラインブロック要素にする */
    background-color:  white;    /* 背景色指定 */
    padding:  10px;             /* 余白指定 */
    height: 150px;              /* 高さ指定 */
}

.p1{
  display: inline-block;
  padding: 0.5em 20em;
  text-decoration: none;
  color: white;
  background: #000080;
  color: white;
  border: solid 2px #000080;
  border-radius: 3px;
  transition: .4s;
}

.p1:hover {
  background: white;
  color: #000080;
}

.btn-flat-border {
  display: inline-block;
  padding: 1em 5.5em;
  text-decoration: none;
  color: #000080;
  border: solid 2px #000080;
  border-radius: 3px;
  transition: .4s;
}

.btn-flat-border:hover {
  background: #000080;
  color: white;
}

.btn-flat-border2 {
  display: inline-block;
  padding: 1em 22em;
  text-decoration: none;
  color: #000080;
  border: solid 2px #b22222;
  border-radius: 3px;
  transition: .4s;
}

.btn-flat-border2:hover {
  background: #b22222;
  color: white;
}