@charset "UTF-8";

/* blueprint
------------------------------ */
.mv {
    background: url(/cms/assets/img/cp/blueprint/mv_pc.webp) center top/cover no-repeat;
    color: #373739;
    align-items: baseline;
}
.mv__title {
    color: #fff;
}
.mv__title h1 {
    margin-top: 150px;
}
.customize__set .flex,
.recommend__list .flex {
    justify-content: center;
}
.customize__set .flex li {
    max-width: 367px;
}
.customize__set .flex li:not(:last-child) {
    margin-right: 30px;
}
.recommend__list figure {
    height: 120px;
    width: auto;
}
.recommend__list figure img {
    width: auto;
}
.point .title figure {
    width: 100%;
    max-width: 1009px;
}
.point__sample-block.pc-no-margin li {
    margin-bottom: 0;
}
.customize__slide-thumb li dl dt img {
    max-width: 143px;
    margin: 20px auto;
}
.customize__set .sec__title {
    color: #1B1B1B;
    position: relative;
    margin-bottom: 20px!important;
    z-index: 0;
}
.customize__set .is-read {
    padding: 0 0 100px;
    text-align: center;
}
.customize__set .sec__title::after {
    content: "";
    position: absolute;
    top: 90px;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height: 1px;
    background-color: #000;
    z-index: -1;
}
.customize__set .sec__title span {
    background-color: #f6f6f6;
    padding: 0 180px;
}
.customize__set dd .txt {
    text-align: center;
}
.point__sample-block.width-full {
    width: auto;
    margin-top: 100px;
}
.point__sample-block .is-read {
    text-align: center;
    margin-bottom: 24px;
}
/*slider*/
.customize__slide-slider6 {
  width: 55vw;
}
.customize__slide-thumb6 {
  width: 42vw;
  padding: 1% 2vw 0 0;
}
.customize__slide-thumb6 dd {
  text-align: center;
}
.customize__slide-thumb6 dd h3 {
  margin-bottom: 5px;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.2rem;
}
.customize__slide-thumb6 dd p {
  font-size: 1.1rem;
  color: #888;
  line-height: 1.7rem;
}
.customize__slide-thumb6 .slick-track {
  display: flex;
  flex-wrap: wrap;
}
.customize__slide-thumb6 .slick-slide {
  width: calc((100% - 17%)/3) !important;
  height: auto;
  margin: 0 1% 2%;
  padding: 20px 40px 40px;
  float: none;
  background: #fff;
  border: 1px solid transparent;
  transition: .2s;
}
.customize__slide-thumb6 .slick-slide dt {
    margin-bottom: 10px;
}
.customize__slide-thumb6 .slick-current,
.customize__slide-thumb6 .slick-slide:hover {
  border-color: #8c7459 !important;
  cursor: pointer;
}

.creator-intro {
    margin-top: 40px;
    display: flex;
}
.creator-intro figure {
    width: 35%;
    margin-left: auto;
}
.creator-intro .is-intro-text {
    width: 60%;
}
.creator-intro .is-intro-text h4 {
    margin-bottom: 30px;
    font-size: 20px;
}

@media screen and (max-width: 1200px) {
  .customize__slide-thumb6 { padding-top: 0; }
}


@media screen and (max-width: 800px) {
.mv {
  background: url(../../../img/cp/blueprint/mv_sp.jpg) center top/cover no-repeat;
}
  .customize__slide-slider6 { width: 100%; }
  .customize__slide-thumb6 { width: 100%; padding: 20px 1% 0; }
  .customize__slide-thumb6 .slick-slide { width: 18% !important; }
  .mv__title h1 {
      margin-top: 24vw;
  }
    .customize__slide-thumb6 .slick-slide {
        padding: 18px 15px 20px;
    }
}


@media screen and (max-width: 640px) {
  .customize__slide-thumb6 { width: 100%; padding: 20px 0 0; }
  .customize__slide-thumb6 .slick-track { flex-wrap: nowrap; }
  .customize__slide-thumb6 .slick-list { padding: 0 10% 40px; }
  .customize__slide-thumb6 .slick-slide { width: 30% !important; border-color: #e0e0e0; }
}

@media screen and (min-width: 1000px) {
    .customize__slide-thumb6 .slick-track {
        width: auto!important;
    }
    .customize__slide-thumb6 .slick-slide {
        width: calc((100% - (5% + 20px))/3) !important;
    }
}

@media screen and (max-width: 640px) {
    .recommend__list figure {
        height: auto;
        width: 30%;
        text-align: center;
        margin: 10px 0;
    }
    .customize__set .sec__title span {
        padding: 10px;
    }
    .customize__set .sec__title::after {
        top: 9vh;
    }
    .customize__set .is-read {
        padding: 0 0 8vh;
    }
    .point__sample-block.width-full {
        width: auto;
        margin-top: 50px;
    }
    .point__sample-block.width-full h4 {
        text-align: center;
        line-height: 1.5;
        margin-bottom: 20px;
    }
    .point__sample-block .is-read {
        text-align: center;
        margin-bottom: 24px;
    }
    .point__sample-block .sp-scroll {
        overflow-x: scroll;
        overflow-y: inherit;
        -webkit-overflow-scrolling: touch
    }
    .point__sample-block .sp-scroll img {
        width: auto;
        max-width: none;
    }
    .recommend__list h4 {
        line-height: 2.6rem;
    }

}


/* reset202306*/
#point3 .recommend__item {
	justify-content: space-around;
    margin: auto;
}
#point3 .recommend__item .recommend__item-block {
	width: unset;
}
@media screen and (min-width: 1000px) {
#point3 .point__block-title h3 {
    letter-spacing: -2px;
}
#point3 .recommend__item .recommend__item-block {
    height: 353px;
}
#point3 .recommend__item .recommend__item-block img {
    width: auto;
}
#point3 .recommend__item .recommend__item-block:first-of-type img {
    display: block;
    margin: 0 0 0 auto;
}
}
@media screen and (min-width: 641px) and (max-width: 1400px) {
#point3 .recommend__item .recommend__item-block:first-of-type {
    margin: 0 30px 0 0;
}
}









@media screen and (max-width: 1200px) {}
@media screen and (max-width: 1080px) {}
@media screen and (max-width: 800px) {}
@media screen and (max-width: 360px) {}