@charset "UTF-8";
/* ==================================================
	sp
================================================== */
@media screen and (max-width: 767px) {
  .single_wrapper{width:90%;margin:0 auto;}
  .single_ttl_wrapper{font-weight:700;font-size:1.5rem;line-height:1.6em;}
  .single_img_wrapper{margin-top:8vw;}
  .single_img_wrapper img{width:100%;height:auto;}
  .single_inner{display:flex;flex-direction:column;align-items:flex-start;gap:4vw;margin-top:6vw;}
  .single_category_wrapper a{display:inline-block;min-width:130px;padding:2.8vw 6%;text-align:center;background:#231815;color:#fff;font-weight:700;}
  .single_date_wrapper time{font-weight:700;line-height:1.6em;}
  .single_content_wrapper{margin-top:8vw;}
  .single_content_wrapper p{line-height:1.6em;margin-top:1.5em;}
  .single_content_wrapper p:first-child{margin-top:0;}
  .single_content_wrapper>*+*{margin-top:6vw;}
  .single_content_wrapper img{max-width:100%;height:auto;}
  .single_content_wrapper iframe{width:100%;aspect-ratio:16/9;height:auto;}
  .single_content_wrapper table{display:block;overflow-x:auto;white-space:nowrap;}
  .wp-block-gallery{gap:0;}
  .wp-block-gallery .wp-block-image{margin-top:6vw;}
  .wp-block-gallery .wp-block-image img{width:100%;height:auto;border-radius:20px;}
  #single .common_linkbtn_wrapper{width:85%;margin:15vw auto 0;}
}
/* ==================================================
	tb
================================================== */
@media screen and (min-width:768px) and (max-width:1024px){
  .single_wrapper{width:85%;margin:0 auto;}
  .single_ttl_wrapper{font-weight:700;font-size:1.6rem;line-height:1.6em;}
  .single_img_wrapper{margin-top:6vw;}
  .single_img_wrapper img{width:100%;height:auto;}
  .single_inner{display:flex;justify-content:space-between;align-items:center;gap:3vw;margin-top:4vw;}
  .single_category_wrapper a{display:inline-block;min-width:140px;padding:1.6vw 4%;text-align:center;background:#231815;color:#fff;font-weight:700;}
  .single_date_wrapper time{font-weight:700;line-height:1.6em;}
  .single_content_wrapper{margin-top:5vw;}
  .single_content_wrapper p{line-height:1.6em;margin-top:1.5em;}
  .single_content_wrapper p:first-child{margin-top:0;}
  .single_content_wrapper>*+*{margin-top:4vw;}
  .single_content_wrapper img{max-width:100%;height:auto;}
  .single_content_wrapper iframe{width:100%;aspect-ratio:16/9;height:auto;}
  .single_content_wrapper table{display:block;overflow-x:auto;white-space:nowrap;}
  .wp-block-gallery{gap:0;}
  .wp-block-gallery .wp-block-image{margin-top:4vw;}
  .wp-block-gallery .wp-block-image img{width:100%;height:auto;border-radius:24px;}
  #single .common_linkbtn_wrapper{margin:12vw auto 0;}
}

/* ==================================================
	pc
================================================== */
@media screen and (min-width: 1025px) {
  #single {}
  .single_wrapper {
    width: 80%;
    margin: 0 auto;
  }
  .single_ttl_wrapper {
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 1.6em;
    color: #231815;
  }
  .single_img_wrapper {
    margin-top: 5vw;
  }
  .single_img_wrapper img {
    width: 100%;
    height: auto;
  }
  .single_inner {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-top: 2.5vw;
  }
  .single_category_wrapper {}
  .single_category_wrapper {}
  .single_category_wrapper a {
    width: fit-content;
    min-width: 150px;
    font-weight: 700;
    line-height: 1.6em;
    color: #FFF;
    text-align: center;
    background: #231815;
    display: inline-block;
    padding: 0.75vw 5%;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
  }
  .single_category_wrapper a:hover {
    opacity: 0.3;
  }
  .single_date_wrapper {}
  .single_date_wrapper time {
    width: fit-content;
    font-weight: 700;
    line-height: 1.6em;
  }
  .single_content_wrapper {
    margin-top: 2.5vw;
  }
  .single_content_wrapper p {
    line-height: 1.6em;
    margin-top: 1.75vw;
  }
  .single_content_wrapper p:first-child {
    margin-top: 0;
  }
  .wp-block-gallery {
    gap: 0;
  }
  .wp-block-gallery .wp-block-image {
    margin-top: clamp(24px, 3vw, 48px);
  }
  .wp-block-gallery .wp-block-image img {
    width: 100%;
    height: auto;
    border-radius: 30px;
  }
  #single .common_linkbtn_wrapper {
    margin: 10vw auto 0;
  }
}