@import url(common.css);

main h1 {
  font-size: 23px;
  font-weight: bold;
  margin-bottom: 80px;
}

/*--------------------
FlexBoxの設定
--------------------*/

/* FlexBox、横方向:均等配置 */
.flex {
  line-height: 1.5;
  display: flex;
  padding-top: 20px;
  padding-bottom: 40px;
  border-top: 2px solid black;
}

.flex p.left {
  padding: 10px;
  flex-basis: 20%;
}
.flex p.left img {
  border-radius: 4%;
  border: 0.2px solid rgba(24, 23, 23, 0.849);
}
.flex .right {
  padding: 10px;
  flex-basis: 80%;
}
.flex .right P,
.flex .right .time {
  line-height: 2;
  text-align: left;
  padding-left: 100px;
}
.flex .right .time {
  font-weight: bold;
}
.flex .right P {
  color: #646464;
}
.flex .right a {
  text-decoration: none;
  color: black;
}
.flex .right a:hover {
  color: #9d1f1a;
  opacity: 0.8;
}
@media screen and (max-width: 559px) {
  .flex {
    display: block;
  }
  .flex p.left img {
    width: 97%;
  }
  .flex .right P,
  .flex .right .time {
    padding-left: 10px;
  }
}