/*!*********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./style/templates/single-post.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.post {
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);
  background: #fff;
  border-radius: 0 0 16px 16px;
  color: #000;
}
.post .thumb img {
  border-radius: 16px 16px 0 0;
}
.post .info {
  padding: 20px 24px 36px;
}
.post h3 {
  font-size: 22px;
  padding-bottom: 7px;
  line-height: 1.3;
}
.post .desc {
  color: rgba(18, 18, 18, 0.7);
  font-size: 13px;
}
.post .desc p {
  padding-bottom: 7px;
}
.post .more {
  font-weight: 800;
  color: #000;
  text-decoration-line: underline;
  text-decoration-color: #FAB71A;
  text-decoration-style: wavy;
}

.content {
  padding-top: 0;
}

.top-section {
  position: relative;
  padding: 60px 0;
  text-align: center;
  margin-bottom: 60px;
}
.top-section .container {
  width: 1316px;
}
.top-section:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 30px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="50" height="30" viewBox="0 0 50 30"><path d="M0,15 Q12.5,30 25,15 T50,15 V30 H0 Z" fill="white"/></svg>');
  background-size: auto;
  background-size: 50px 30px;
  background-repeat: repeat-x;
}
.top-section .cats {
  margin-bottom: 20px;
}
.top-section .cats a {
  display: inline-block;
  color: #000;
}
.top-section .cats a:last-child:after {
  content: "";
}
.top-section .cats a:after {
  content: " ・ ";
  padding: 0 5px;
  display: inline-block;
}
.top-section .cats a:hover {
  color: #FAB71A;
}
@media screen and (min-width: 1081px) {
  .top-section {
    padding: 100px 0;
  }
}

.thumbnail {
  margin-bottom: 60px;
}
.thumbnail img {
  margin: 0 auto;
  border-radius: 32px;
}

.article {
  margin: 0 auto 30px;
  width: 760px;
  max-width: 100%;
}
@media screen and (min-width: 1081px) {
  .article h2 {
    font-size: 32px;
  }
}

.figures svg {
  width: 100%;
}

.relatedPosts h2 {
  text-align: center;
  font-size: 24px;
  font-family: "Avenir", Sans-serif;
}
.relatedPosts .swiper {
  padding-bottom: 30px;
}

/*# sourceMappingURL=single-post_style.css.map*/