@charset "UTF-8";
hr {
  display: none;
}

h1 {
  font-family: zen-maru-gothic, sans-serif;
  font-style: normal;
  font-weight: 500;
}

h3 {
  font-family: zen-maru-gothic, sans-serif;
  margin: 10px;
  font-size: 1.5em;
  text-align: center;
  font-style: normal;
  font-weight: 500;
}

.top {
  width: 80% !important;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 3%;
  margin-bottom: 3%;
}

.blog-box0 {
  width: 100%;
  display: flex;
  justify-content: center;
}

.blog-box1 {
  flex: 75%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.blog-box2 {
  flex: 25%;
}

.calendar {
  width: 90%;
  margin-bottom: 10%;
}

.free {
  width: 90%;
  margin-bottom: 10%;
}

.course {
  width: 90%;
}

.bc {
  width: 40%;
  margin: 5%;
}

.blog-i {
  width: 100%;
  height: auto;
}

.box-a {
  width: 100%;
}

.blog-all {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 30%;
  margin-top: 5%;
  margin-bottom: 10%;
}

.blog-b {
  display: none;
  margin-top: 5%;
  font-family: zen-maru-gothic, sans-serif;
  font-style: normal;
  font-weight: 500;
  margin-bottom: 10%;
  align-items: center;
}

.all0 {
  width: 20%;
}

@media (max-width: 700px) {
  .top {
    margin-top: 60px;
  }
  h1 {
    font-size: 12px;
  }
  .blog-box1 {
    border-top: solid 1px rgba(192, 192, 192, 0.504);
  }
  .bc {
    width: 100%;
  }
  .all0 {
    width: 100%;
  }
  .blog-card0 {
    display: block;
  }
  .blog-card0 h3 {
    color: orange;
    font-size: 18px;
  }
  .blog-card2 {
    grid-column: 1/2;
    grid-row: 1/2;
  }
  .blog-card1 {
    grid-column: 3/5;
    grid-row: 1/2;
  }
  .box-a {
    display: none;
  }
  hr {
    display: block;
    width: 100%;
    border: solid 0.5px rgba(192, 192, 192, 0.504);
  }
  .calendar {
    display: none;
  }
  .free {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 70%;
    margin-top: 5%;
  }
  .course {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 70%;
    margin-bottom: 10%;
  }
  .blog-b {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    font-size: 10px;
  }
  .pink-b {
    color: rgb(249, 120, 142);
  }
  .skip1 {
    grid-column: 1/2;
    text-align: right;
  }
  .back {
    grid-column: 2/4;
    text-align: center;
  }
  .next {
    grid-column: 4/6;
    text-align: center;
  }
  .skip2 {
    grid-column: 6/7;
    text-align: left;
  }
}
/********************
single.phpレイアウト
***********************/
.child-i {
  width: 80%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.blog-card2 > p {
  width: 80%;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
  font-size: 20px;
}

.blog-card2 > img {
  width: 50%;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
  margin-bottom: 50px;
}

@media (max-width: 700px) {
  .child-i {
    width: 85%;
    margin-top: 30px;
  }
  .blog-box0 {
    display: block !important;
  }
  .child-t {
    font-size: 18px;
  }
  .blog-card2 > p {
    font-size: 15px;
  }
  .blog-child1 {
    display: block !important;
  }
}/*# sourceMappingURL=blog.css.map */