/*----------------------------------------------

  BLOCK ITEMS

----------------------------------------------*/
.singlePage-contents__body .block-contents h2 {
  font-size: min( calc( 22 / var(--screen-width) * 100vw ), 28px );
  font-weight: bold;
  line-height: 1.5;
}
.singlePage-contents__body .block-contents h3 {
  font-size: min( calc( 20 / var(--screen-width) * 100vw ), 25px );
  font-weight: bold;
}
.singlePage-contents__body .block-contents h4 {
  font-size: min( calc( 18 / var(--screen-width) * 100vw ), 22px );
  font-weight: bold;
}
.singlePage-contents__body .block-contents h5 {
  font-size: min( calc( 16 / var(--screen-width) * 100vw ), 19px );
  font-weight: bold;
}
.singlePage-contents__body .block-contents h6 {
  font-size: min( calc( 14 / var(--screen-width) * 100vw ), 16px );
  font-weight: bold;
}
.singlePage-contents__body .block-contents h2.wp-block-heading {
  margin-top: min( calc( 10 / var(--screen-width) * 100vw ), 10px );
  border-left: min( calc( 3 / var(--screen-width) * 100vw ), 5px ) solid var(--color__primary);
  padding-left: min( calc( 8 / var(--screen-width) * 100vw ), 12px );
}
.singlePage-contents__body .block-contents .wp-block-embed iframe {
  aspect-ratio: 16/9;
  width: 100%;
  height: auto;
  display: block;
}

/*----------------------------------------------

  SINGLE PAGE CONTENTS

----------------------------------------------*/
@media (max-width: 767px) {
  .l-contents:has(.singlePage-contents__heading .eyecatch, .singlePage-contents__heading iframe) {
    padding-top: 0;
  }
}

.singlePage-contents {
  display: grid;
  gap: min( calc( 40 / var(--screen-width) * 100vw ), 55px );
  /*---------------------------------------
   main-article
  ---------------------------------------*/
  /*---------------------------------------
   heading
  ---------------------------------------*/
  /*---------------------------------------
   body
  ---------------------------------------*/
}
.singlePage-contents__main-article {
  display: grid;
  gap: min( calc( 30 / var(--screen-width) * 100vw ), 50px );
}
.singlePage-contents__heading {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: min( calc( 15 / var(--screen-width) * 100vw ), 15px );
  /* iframe
  ---------------------------------------*/
  /* eyecatch
  ---------------------------------------*/
  /* information
  ---------------------------------------*/
  /* date
  ---------------------------------------*/
  /* category
  ---------------------------------------*/
  /* title
  ---------------------------------------*/
  /* description
  ---------------------------------------*/
}
.singlePage-contents__heading iframe {
  display: block;
  aspect-ratio: 16/9;
  width: 100%;
  height: auto;
}
.singlePage-contents__heading .eyecatch {
  display: block;
  margin: 0 max( calc( calc(var(--gutter) * -1) / var(--screen-width) * 100vw ), calc(var(--gutter) * -1px) );
}
.singlePage-contents__heading .eyecatch img {
  display: block;
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .singlePage-contents__heading .eyecatch {
    margin: 0;
    width: 100%;
  }
}
.singlePage-contents__heading .information {
  padding-bottom: min( calc( 15 / var(--screen-width) * 100vw ), 15px );
  border-bottom: 1px solid var(--color__text);
  width: 100%;
  display: flex;
  align-items: center;
  gap: min( calc( 15 / var(--screen-width) * 100vw ), 15px );
}
.singlePage-contents__heading .date {
  font-size: min( calc( 12 / var(--screen-width) * 100vw ), 16px );
  font-weight: bold;
  line-height: 1.2;
}
.singlePage-contents__heading .category {
  font-size: min( calc( 12 / var(--screen-width) * 100vw ), 14px );
  font-weight: bold;
  line-height: 1.2;
  background-color: var(--color__text);
  color: #fff;
  padding: min( calc( 3 / var(--screen-width) * 100vw ), 3px ) min( calc( 5 / var(--screen-width) * 100vw ), 5px );
}
.singlePage-contents__heading .title {
  font-size: min( calc( 23 / var(--screen-width) * 100vw ), 40px );
  line-height: 1.5;
  font-weight: bold;
  width: 100%;
}
@media (min-width: 960px) {
  .singlePage-contents__heading .title {
    font-size: min( calc( 40 / var(--screen-width) * 100vw ), 40px );
  }
}
.singlePage-contents__heading .description {
  font-size: min( calc( 14 / var(--screen-width) * 100vw ), 20px );
  font-weight: 500;
}
.singlePage-contents__body {
  display: grid;
  gap: min( calc( 25 / var(--screen-width) * 100vw ), 50px );
}
.singlePage-contents__body .block-contents {
  display: grid;
  gap: min( calc( 30 / var(--screen-width) * 100vw ), 50px );
}
/*# sourceMappingURL=single.css.map */