@charset "utf-8";

/* 共通設定(スマホビュー) */
/* サイドバー */
#sidebar ul li {
  height: 80px;
}
#sidebar ul li a,
#sidebar ul li a:hover,
#sidebar ul li a:active {
  height: 80px;
  padding: 0.3em 12px;
  background-size: auto auto;
  background-color: rgba(255, 255, 255, 1);
  background-image: repeating-linear-gradient(135deg, transparent, transparent 2px, rgba(209, 229, 251, 1) 2px, rgba(209, 229, 251, 1) 6px );
  border-bottom: 3px solid #fff;
  color: #000;
  font-size: 1em;
}
#sidebar ul li a:hover,
#sidebar ul li a:active {
  color: #fe0001;
}

/* コンテンツ */
.info-box h2 {
  width: 98%;
  border-left: 8px #000 solid;
  margin-top: 0;
  padding: 0.3em 12px;
  background-size: auto auto;
  background-color: rgba(255, 255, 255, 1);
  background-image: repeating-linear-gradient(135deg, transparent, transparent 2px, rgba(209, 229, 251, 1) 2px, rgba(209, 229, 251, 1) 6px );
  font-weight: bold;
  font-size: 1.3em;
}
.info-box p {
  width: 95%;
  margin: 1em auto;
}
.info-box img,
.info-box p img {
  width: 70%;
  margin: 1em auto;
}
.info-box a {
  color: #1583ea;
}
.info-box a:hover,
.info-box a:active {
  color: #fe0001;
}
.info-box a:visited {
  color: #aaa;
}
.info-box .date {
  margin: 3px;
  font-weight: bold;
}
.centering {
  text-align: center;
}
.pic-gallery {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.pic-gallery img {
  width: 46%;
  margin: 2px auto;
}
.info-box dl {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.info-box dl dt {
  width: 40%;
  font-weight: bold;
  text-align: right;
  padding-right: 10px;
}
.info-box dl dd {
  width: 40%;
}