/*------------- p-blog -------------*/
.p-blog-details__content__details, .p-blog-list__content__details {
  border-top: 3px solid #2B9CE4;
}
.p-blog-details__content__details:last-child, .p-blog-list__content__details:last-child {
  border-bottom: 3px solid #2B9CE4;
}

.p-blog-details__content__title, .p-blog-list__content__title {
  font-size: 1.6rem;
  padding: 10px 0;
  border-bottom: 1px solid #2B9CE4;
}
@media (max-width: 768px) {
  .p-blog-details__content__title, .p-blog-list__content__title {
    padding: 2.5641025641vw 0;
    font-size: 16px;
    font-size: 4.1025641026vw;
  }
}

.p-blog-details__content__head, .p-blog-list__content__head {
  padding: 10px 0 0;
  margin-bottom: 10px;
}
@media (max-width: 768px) {
  .p-blog-details__content__head, .p-blog-list__content__head {
    padding: 2.5641025641vw 0 0;
    margin-bottom: 1.2820512821vw;
  }
}

@media (max-width: 768px) {
  .p-blog__flex {
    display: block;
  }
}
.p-blog-list {
  width: 800px;
}
@media (max-width: 768px) {
  .p-blog-list {
    width: 100%;
  }
}
.p-blog-list__content__details a {
  display: block;
}
.p-blog-list__content__textarea {
  padding-bottom: 15px;
}
@media (max-width: 768px) {
  .p-blog-list__content__textarea {
    padding-bottom: 10.2564102564vw;
  }
}
@media (max-width: 768px) {
  .p-blog-list__content__textarea__flex {
    display: block;
  }
}
@media (min-width: 769px) {
  .p-blog-list__content__thumbnail {
    width: 263px;
    height: 197px;
    margin-right: 20px;
  }
}
@media (max-width: 768px) {
  .p-blog-list__content__thumbnail {
    position: relative;
    width: 100%;
    padding-top: 74.8571%;
    margin-bottom: 5.1282051282vw;
  }
}
.p-blog-list__content__thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 768px) {
  .p-blog-list__content__thumbnail img {
    position: absolute;
    top: 0;
    left: 0;
  }
}
.p-blog-list__content__text {
  width: calc(100% - 283px);
}
@media (max-width: 768px) {
  .p-blog-list__content__text {
    width: 100%;
  }
}
.p-blog-list__content__text.not-image {
  width: 100%;
}
.p-blog-sidebar {
  width: 250px;
}
@media (max-width: 768px) {
  .p-blog-sidebar {
    width: 100%;
  }
}
.p-blog-sidebar__title {
  text-transform: uppercase;
  background-color: #1D9FE8;
  text-align: center;
  width: 100%;
  color: #FFF;
  padding: 10px 0;
}
@media (max-width: 768px) {
  .p-blog-sidebar__title {
    padding: 2.5641025641vw 0;
  }
}
.p-blog-sidebar ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.p-blog-sidebar ul li a {
  color: #1D9FE8;
}
.p-blog-sidebar__category__link {
  padding: 18px 0;
  border-bottom: 1px solid #1D9FE8;
}
@media (max-width: 768px) {
  .p-blog-sidebar__category__link {
    padding: 5.1282051282vw 0;
  }
}
.p-blog-sidebar__archive {
  margin-top: 50px;
}
@media (max-width: 768px) {
  .p-blog-sidebar__archive {
    margin-top: 12.8205128205vw;
  }
}
.p-blog-sidebar__archive__title {
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .p-blog-sidebar__archive__title {
    margin-bottom: 5.1282051282vw;
  }
}
.p-blog-category__title {
  font-size: 2.4rem;
  font-weight: bold;
  color: #1D9FE8;
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  .p-blog-category__title {
    font-size: 24px;
    font-size: 6.1538461538vw;
    margin-bottom: 7.6923076923vw;
  }
}
.p-blog-details__content {
  width: 800px;
}
@media (max-width: 768px) {
  .p-blog-details__content {
    width: 100%;
  }
}
.p-blog-details__content__details {
  border-bottom: 1px solid #1D9FE8;
}
.p-blog-details__content__details:last-child {
  border-bottom: none;
}
.p-blog-details__content__sns {
  margin-bottom: 10px;
}
@media (max-width: 768px) {
  .p-blog-details__content__sns {
    margin-bottom: 2.5641025641vw;
  }
}
.p-blog-details__content__sns__flex {
  list-style: none;
  margin: 0;
  padding: 0;
  justify-content: flex-end;
  align-items: center;
}
.p-blog-details__content__sns__flex a img {
  display: block;
}
@media (max-width: 768px) {
  .p-blog-details__content__sns__flex a img {
    width: 7.6923076923vw;
  }
}
.p-blog-details__content__sns-tw {
  margin-left: 15px;
}
@media (max-width: 768px) {
  .p-blog-details__content__sns-tw {
    margin-left: 3.8461538462vw;
  }
}
.p-blog-details__content-area .wp-caption {
  width: 100% !important;
}
.p-blog-details__content-area .wp-caption:not(:first-child) {
  margin: 40px 0;
}
@media (max-width: 768px) {
  .p-blog-details__content-area .wp-caption:not(:first-child) {
    margin: 10.2564102564vw 0;
  }
}
.p-blog-details__content-area div {
  font-size: 1.2rem;
  margin-top: 10px;
}
@media (max-width: 768px) {
  .p-blog-details__content-area div {
    margin-top: 2vw;
    font-size: 12px;
    font-size: 3.0769230769vw;
  }
}
.p-blog-details__content-area .movie {
  position: relative;
  width: 100%;
  padding-top: 50%;
}
.p-blog-details__content-area .movie iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.p-blog-details__content-area > p:first-of-type {
  margin-top: 40px;
}
@media (max-width: 768px) {
  .p-blog-details__content-area > p:first-of-type {
    margin-top: 10.2564102564vw;
  }
}
.p-blog-details__content-area > *:last-child {
  margin-bottom: 40px;
}
@media (max-width: 768px) {
  .p-blog-details__content-area > *:last-child {
    margin-bottom: 10.2564102564vw;
  }
}
.p-blog-details__content-area > *:not(:first-child) {
  margin-top: 20px;
}
@media (max-width: 768px) {
  .p-blog-details__content-area > *:not(:first-child) {
    margin-top: 5.1282051282vw;
  }
}
.p-blog-details__content-area h1 {
  font-size: 2.4rem;
  color: #1D9FE8;
}
@media (max-width: 768px) {
  .p-blog-details__content-area h1 {
    font-size: 24px;
    font-size: 6.1538461538vw;
  }
}
.p-blog-details__content-area h2 {
  font-size: 1.8rem;
  color: #1D9FE8;
}
@media (max-width: 768px) {
  .p-blog-details__content-area h2 {
    font-size: 18px;
    font-size: 4.6153846154vw;
  }
}
.p-blog-details__content-area figure:not(:first-child) {
  margin: 40px 0;
}
@media (max-width: 768px) {
  .p-blog-details__content-area figure:not(:first-child) {
    margin: 10.2564102564vw 0;
  }
}
.p-blog-details__content-area a {
  color: #1d9fe8;
  text-decoration: underline;
}
@media (max-width: 768px) {
  .p-blog-details__content-area iframe {
    width: 100%;
    height: 56vw;
  }
}
.p-blog-details__pagination {
  margin-top: 20px;
}
@media (max-width: 768px) {
  .p-blog-details__pagination {
    margin: 5.1282051282vw 0 12.8205128205vw;
  }
}
.p-blog-details__pagination__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.p-blog-details__pagination__list li a {
  background-color: #1D9FE8;
  color: #FFF;
  font-size: 1.4rem;
  padding: 2px 35px;
  display: block;
}
@media (max-width: 768px) {
  .p-blog-details__pagination__list li a {
    font-size: 14px;
    font-size: 3.5897435897vw;
    padding: 0.5128205128vw 6.1538461538vw;
  }
}

.p-pagination {
  margin: 50px auto 0;
}
@media (max-width: 768px) {
  .p-pagination {
    margin: 12.8205128205vw auto 0;
  }
}
.p-pagination__list {
  list-style: none;
  padding: 0;
  margin: 0;
  justify-content: center;
}
.p-pagination__list li {
  width: 30px;
  height: 30px;
  text-align: center;
}
@media (max-width: 768px) {
  .p-pagination__list li {
    width: 7.6923076923vw;
    height: 7.6923076923vw;
  }
}
.p-pagination__list li:not(:first-child) {
  margin-left: 5px;
}
.p-pagination__list li a {
  display: block;
  width: 100%;
  height: 100%;
}
.p-pagination__number.end a {
  border: 1px solid #6A9C8A;
}
.p-pagination__number.current a {
  background-color: #1D9FE8;
  color: #FFF;
}
.p-pagination__number a {
  border: 1px solid #1D9FE8;
  color: #1D9FE8;
}
.p-pagination__prev {
  background-color: #E2F2FD;
}
.p-pagination__prev a {
  padding: 10px;
  display: block;
}
@media (max-width: 768px) {
  .p-pagination__prev a {
    padding: 2.5641025641vw;
  }
}
.p-pagination__prev a img {
  width: 10px;
  height: 10px;
  display: block;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .p-pagination__prev a img {
    width: 2.5641025641vw;
    height: 2.5641025641vw;
  }
}
.p-pagination__next a {
  padding: 10px;
  display: block;
  background-color: #E2F2FD;
}
@media (max-width: 768px) {
  .p-pagination__next a {
    padding: 2.5641025641vw;
  }
}
.p-pagination__next a img {
  width: 10px;
  height: 10px;
  display: block;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .p-pagination__next a img {
    width: 2.5641025641vw;
    height: 2.5641025641vw;
  }
}
.p-pagination__dots {
  border: none;
  color: #1D9FE8;
}

/*# sourceMappingURL=blog.css.map */
