@charset "UTF-8";
/*----------------------------------------------

    SINGLEE PAGE CONTENTS

----------------------------------------------*/
.singlePage-contents {
  display: grid;
  gap: min( calc( 30 / var(--screen-width) * 100vw ), 40px );
  max-width: 535px;
  width: 100%;
  margin: auto;
  /*---------------------------------------
   header
  ---------------------------------------*/
  /*---------------------------------------
   body
  ---------------------------------------*/
}
.singlePage-contents__header {
  /* carousel
  ----------------------------------*/
  /* date
  ----------------------------------*/
  /* title
  ----------------------------------*/
  /* description
  ----------------------------------*/
}
.singlePage-contents__header .carousel {
  margin-bottom: min( calc( 20 / var(--screen-width) * 100vw ), 20px );
}
.singlePage-contents__header .carousel .swiper {
  overflow: hidden;
}
.singlePage-contents__header .carousel .swiper-wrap {
  display: flex;
}
.singlePage-contents__header .carousel .swiper-slide {
  flex-shrink: 0;
  width: 100%;
  aspect-ratio: 1;
  background-color: #f5f5f5;
}
.singlePage-contents__header .carousel .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.singlePage-contents__header .carousel .swiper-pager {
  display: flex;
  justify-content: center;
  gap: min( calc( 10 / var(--screen-width) * 100vw ), 20px );
  margin-top: min( calc( 10 / var(--screen-width) * 100vw ), 20px );
}
.singlePage-contents__header .carousel .swiper-pager picture {
  display: block;
  aspect-ratio: 1;
  width: calc((100% - min( calc( 10 / var(--screen-width) * 100vw ), 20px ) * 3) / 4);
  cursor: pointer;
}
.singlePage-contents__header .carousel .swiper-pager picture img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.singlePage-contents__header .date {
  display: block;
  margin-bottom: min( calc( 10 / var(--screen-width) * 100vw ), 10px );
  font-size: min( calc( 16 / var(--screen-width) * 100vw ), 16px );
  font-family: "Roboto", sans-serif;
  line-height: 1.2;
}
.singlePage-contents__header .title {
  margin-bottom: min( calc( 10 / var(--screen-width) * 100vw ), 10px );
  font-size: min( calc( 18 / var(--screen-width) * 100vw ), 18px );
  line-height: 1.5;
  font-weight: bold;
  border-bottom: 1px solid var(--color__text);
  padding-bottom: min( calc( 5 / var(--screen-width) * 100vw ), 5px );
  margin-bottom: min( calc( 5 / var(--screen-width) * 100vw ), 5px );
}
.singlePage-contents__header .description {
  margin-top: min( calc( 20 / var(--screen-width) * 100vw ), 20px );
  font-size: min( calc( 14 / var(--screen-width) * 100vw ), 14px );
}
.singlePage-contents__body {
  display: grid;
  gap: min( calc( 50 / var(--screen-width) * 100vw ), 60px );
  /* block contents
  ----------------------------------*/
}
.singlePage-contents__body .block-contents {
  display: grid;
  gap: min( calc( 30 / var(--screen-width) * 100vw ), 50px );
  font-size: min( calc( 14 / var(--screen-width) * 100vw ), 14px );
}

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

  SINGLEE PAGE CONTENTS
  modal表示の際

----------------------------------------------*/
.mfp-wrap.modal-post .singlePage-contents {
  padding: min( calc( 25 / var(--screen-width) * 100vw ), 35px );
}
/*# sourceMappingURL=single.css.map */