@charset "UTF-8";
html {
  -webkit-text-size-adjust: 100%;
}

.main-area {
  display: block;
  min-width: unset;
  max-width: unset;
}

/* .FU250131catalogss1st_lp .slick-dots li.slick-active button:before {
  background-color: #e2dbcc;
  content: "";
}

.FU250131catalogss1st_lp .slick-dots li button:before {
  background-color: #f2efe8;
  content: "";
  opacity: 1 !important;
} */

.FU250131catalogss1st_lp {
  overflow-x: hidden;
  overflow-y: hidden;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .FU250131catalogss1st_lp {
    overflow-x: hidden;
  }
}
.FU250131catalogss1st_lp * {
  box-sizing: border-box;
}
.FU250131catalogss1st_lp li,
.FU250131catalogss1st_lp summary {
  list-style: none;
}
.FU250131catalogss1st_lp img,
.FU250131catalogss1st_lp video,
.FU250131catalogss1st_lp picture {
  width: 100%;
  height: auto;
}
.FU250131catalogss1st_lp a,
.FU250131catalogss1st_lp picture,
.FU250131catalogss1st_lp figure {
  display: block;
}
.FU250131catalogss1st_lp a {
  color: inherit;
  text-decoration: none;
}
.FU250131catalogss1st_lp table {
  border-collapse: collapse;
}
.FU250131catalogss1st_lp img {
  width: 100%;
  height: auto;
  border: none;
  vertical-align: bottom;
}
.FU250131catalogss1st_lp .cont_inner {
  max-width: 1024px;
  width: 100%;
  margin: 0 auto;
}

.FU250131catalogss1st_lp {
  color: #000;
}

@media screen and (max-width: 767px) {
  .pcOnly {
    display: none;
  }
  .FU250131catalogss1st_lp .spOnly {
    display: block;
  }
  .FU250131catalogss1st_lp .whitebg::after {
    display: none;
  }
  .FU250131catalogss1st_lp .cont_inner {
    max-width: none;
  }
}
@media screen and (min-width: 768px) {
  .slick-dots {
    margin: 0;
  }
  .FU250131catalogss1st_lp .spOnly {
    display: none;
  }
  .FU250131catalogss1st_lp img {
    image-rendering: -webkit-optimize-contrast;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  html {
    font-size: 0.7142857143vw;
  }
}
.FU250131catalogss1st_lp {
  overflow: hidden;
  margin: 0;
  text-align: center;
  color: #000;
}

.YuGothic {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "メイリオ", sans-serif;
  font-weight: 400;
  font-style: normal;
}


.Rogliano {
  font-family: "rogliano", sans-serif;
  font-weight: 400;
  font-style: normal;
}


.PragmaticaB {
  font-family: "pragmatica", sans-serif;
  font-weight: 400;
  font-style: normal;
}

/* 
.FU250131catalogss1st_lp .loadfade {
  transition-property: opacity, transform;
  transition-duration: 1.8s;
  opacity: 0;
}
.FU250131catalogss1st_lp .loadfade.active {
  opacity: 1;
}
.FU250131catalogss1st_lp .fadein {
  opacity: 0;
  transition: opacity 1.6s;
}
.FU250131catalogss1st_lp .fadein.fade-active {
  opacity: 1;
}
.FU250131catalogss1st_lp .fadein-load {
  opacity: 0;
  transition: opacity, 1.6s;
}
.FU250131catalogss1st_lp .fadein-load.fade-active {
  opacity: 1;
} */

/* ================================================================================ */
/* ============================= ▲ ベースのスタイル ▲　 ============================== */
/* ================================================================================ */


/* ================================================================================ */
/* =========================== ▼ レイアウトのスタイル ▼　 ============================= */
/* ================================================================================ */

.musicBtn {
  font-family: "neue-haas-grotesk-display", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.credit {
  font-family: "octin-college", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(12*(100vw / 1024));
}
.credit .top {
  display: flex;
  gap: 0 calc(2*(100vw / 1024));
  justify-content: center;
}
.credit .btm {
  display: flex;
  gap: 0 calc(2*(100vw / 1024));
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .credit {
    font-size: calc(19*(100vw / 750));
  }
  .credit .top {
    gap: 0 calc(2*(100vw / 750));
    justify-content: left;
  }
  .credit .btm {
    gap: 0 calc(2*(100vw / 750));
    justify-content: left;
  }
}

/* ============================== ▼ contents_area ▼　 ================================ */
/* ================================================================================ */

/* @media screen and (min-width: 768px) {
  .contents_area::after {
    content: "";
    background-color: #FFFFFF;
    display: block;
    max-width: 128rem;
    width: 100%;
    height: 865.7rem;
    opacity: 0.7;
    top: 7rem;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    z-index: 0;
    margin: 0 auto 8.2rem;
    padding-bottom: 1rem;
  }
} */

.contents_area {
  background: #FFFAF4;
}

/* ============================== ▼ ON / OFF ▼　 ================================ */
/* ================================================================================ */

@media screen and (min-width: 768px) {
  .musicBtn.spOnly {
    display: none !important;
  }
  .musicBtn.spOnly .on,
  .musicBtn.spOnly .off {
    pointer-events: none;
  }
  .musicBtn.spOnly .on.active,
  .musicBtn.spOnly .off.active {
    pointer-events: unset;
  }
}
@media screen and (max-width: 767px) {
  .musicBtn.pcOnly {
    display: none !important;
  }
  .musicBtn.spOnly .on {
    width: calc(83 * (100vw / 750));
  }
  .musicBtn.spOnly .off {
    width: calc(92 * (100vw / 750));
  }
  .musicBtn.spOnly .music span {
    display: none;
  }
  .musicBtn.spOnly .music span.active {
    display: block;
  }
}


/* ============================== ▼ mainvisual ▼　 ================================ */
/* ================================================================================ */
.mainvisual {
  display: flex;
  object-fit: cover;
  height: 100vh;
}
.mainvisual .top__visual {
  width: calc(512 * (100vw / 1024));
  position: relative;
}
.mainvisual .top__visual .musicBtn {
  display: flex;
  position: absolute;
  font-size: calc(11.4 * (100vw / 1024));
  color: #fff;
  letter-spacing: 0.024em;
  position: absolute;
  bottom: calc(7*(100vw / 1024));
  left: calc(9*(100vw / 1024));
  z-index: 2;
}
.mainvisual .top__visual .musicBtn .music {
  margin-left: calc(3*(100vw / 1024));
}
.mainvisual .main_txt {
  width: calc(512 * (100vw / 1024));
  position: relative;
  background: #F8CDE0;
}
.mainvisual .main_txt img {
  width: calc(182*(100vw / 1024));
  position: absolute;
  top: 52.2%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  pointer-events: none;
}

@media screen and (min-width: 768px) {
  .top__visual video {
    object-fit: cover;
    height: 100vh;
  }
}
@media screen and (max-width: 767px) {
  .mainvisual {
    display: block;
    background: #FFFAF4;
    height: auto;
  }
  .mainvisual .main_txt {
    width: calc(700*(100vw / 750));
    position: inherit;
    background: none;
    margin: calc(15 * (100vw / 750)) auto 0;
  }
  .mainvisual .main_txt img {
    width: calc(700*(100vw / 750));
    margin: 0 auto;
    position: inherit;
    transform: unset;
    pointer-events: none;
  }
}

/* ============================== ▼ contents1 ▼　 ================================= */
/* ================================================================================ */
.contents01 {
  margin-top: calc(122 * (100vw / 1024));
}
@media screen and (max-width: 767px) {
  .contents01 {
    margin-top: calc(123 * (100vw / 750));
  }
}

@media screen and (max-width: 767px) {
  .img02Box_sp.spOnly {
    width: calc(550 * (100vw / 750));
    margin: calc(50 * (100vw / 750)) auto 0;
  }
}


.contents01 .img01Box {
  width: calc(494 * (100vw / 1024));
  margin: 0 auto 0;
}
.contents01 .img01Box .credit .top {
  margin-top: calc(16*(100vw / 1024));
}
.contents01 .img01Box .credit .btm {
  margin-top: calc(6*(100vw / 1024));
}
@media screen and (max-width: 767px) {
  .contents01 .img01Box {
    width: calc(750 * (100vw / 750));
    margin: calc(160 * (100vw / 750)) auto 0;
  }
  .contents01 .img01Box .credit .top {
    justify-content: left;
    margin: calc(17*(100vw / 750)) 0 0 calc(25*(100vw / 750));
    gap: 0 calc(3*(100vw / 750));
  }
  .contents01 .img01Box .credit .btm {
    justify-content: left;
    margin: calc(7*(100vw / 750)) 0 0 calc(25*(100vw / 750));
    gap: 0 calc(3*(100vw / 750));
  }
}

.contents01 .slideBox01 {
  margin-top: calc(135 * (100vw / 1024));
}
.contents01 .slideBox01 .js-slider {
  display: flex;
}
.contents01 .slideBox01 .js-slider .slide_img {
  width: calc(512 * (100vw / 1024));
}
.contents01 .slideBox01 .credit .top {
  margin-top: calc(16*(100vw / 1024));
}
.contents01 .slideBox01 .credit .btm {
  margin-top: calc(6*(100vw / 1024));
}
@media screen and (max-width: 767px) {
  .contents01 .slideBox01 {
    margin-top: calc(102 * (100vw / 750));
  }
  .contents01 .slideBox01 .js-slider {
    display: block;
    width: calc(700 * (100vw / 750));
    margin: 0 auto;
  }
  .contents01 .slideBox01 .js-slider .slide_img {
    width: calc(700 * (100vw / 750));
  }
  .contents01 .slideBox01 .credit .top {
    justify-content: left;
    margin: calc(15*(100vw / 750)) 0 0 calc(25*(100vw / 750));
  }
  .contents01 .slideBox01 .credit .btm {
    justify-content: left;
    margin: calc(7*(100vw / 750)) 0 0 calc(25*(100vw / 750));
  }
}


.contents01 .img02Box {
  width: calc(494 * (100vw / 1024));
  margin: calc(135 * (100vw / 1024)) auto 0;
}
@media screen and (max-width: 767px) {
  .contents01 .img02Box {
    display: none;
  }
}


.contents01 .img03Box {
  display: flex;
  justify-content: space-between;
  width: calc(1024*(100vw / 1024));
  margin: calc(182*(100vw / 1024)) auto 0;
}
.contents01 .img03Box .img03 {
  width: calc(512 * (100vw / 1024));
}
.contents01 .img03Box .img03 .credit {
  margin-top: calc(16 * (100vw / 1024));
}
.contents01 .img03Box .img04 .credit {
  display: flex;
  flex-wrap: wrap;
  width: calc(200*(100vw / 1024));
  margin: calc(16*(100vw / 1024)) auto 0;
}
.contents01 .img03Box .img04 .credit .top {
  flex-wrap: wrap;
  gap: calc(6*(100vw / 1024)) calc(2*(100vw / 1024));
}
.contents01 .img03Box .img04 .credit .top.spOnly {
  display: none;
}
.contents01 .img03Box .img04 {
  width: calc(512 * (100vw / 1024));
}
@media screen and (max-width: 767px) {
  .contents01 .img03Box {
    display: block;
    width: calc(700*(100vw / 750));
    margin: calc(100 *(100vw / 750)) auto 0;
  }
  .contents01 .img03Box .img03 {
    width: calc(700 * (100vw / 750));
  }
  .contents01 .img03Box .img03 .credit {
    justify-content: left;
    margin: calc(16 * (100vw / 750)) 0 0 calc(0 * (100vw / 750));
  }
  .contents01 .img03Box .img04 .credit {
    display: contents;
    width: calc(200*(100vw / 750));
    margin: calc(16*(100vw / 750)) auto 0;
  }
  .contents01 .img03Box .img04 .credit .top {
    margin: calc(17*(100vw / 750)) 0 0 calc(0*(100vw / 750));
    gap: calc(6*(100vw / 750)) calc(0*(100vw / 750));
    justify-content: left;
  }
  .contents01 .img03Box .img04 .credit .top.pcOnly {
    display: none;
  }
  .contents01 .img03Box .img04 .credit .top.spOnly {
    display: flex;
  }
  .contents01 .img03Box .img04 {
    width: calc(550 * (100vw / 750));
    margin: calc(156 * (100vw / 750)) auto 0;
  }
}


@media screen and (max-width: 767px) {
  .img06_sp.spOnly {
    margin-top: calc(157*(100vw / 750));
  }
  .img06_sp .credit {
    margin: calc(15 * (100vw / 750)) 0 0 calc(25 * (100vw / 750));
    gap: 0;
  }
  .img06_sp .credit .btm {
    margin: calc(7 * (100vw / 750)) 0 0 calc(0 * (100vw / 750));
  }
}



.slideBox02 {
  width: calc(550 *(100vw / 1024));
  margin: calc(135 *(100vw / 1024)) auto 0;
}
.slideBox02 .js-slider_pc {
  width: calc(494*(100vw / 1024));
  margin-left: auto;
  margin-right: calc(19*(100vw / 1024));
}
.slideBox02 .credit {
  margin-top: calc(15 *(100vw / 1024));
  margin-left: calc(17*(100vw / 1024));
  letter-spacing: -0.01em;
}
.slideBox02 .credit .btm {
  margin-top: calc(6 * (100vw / 1024));
}
@media screen and (max-width: 767px) {
  .slideBox02 {
    width: calc(700 *(100vw / 750));
    margin: calc(100 *(100vw / 750)) auto 0;
  }
  .slideBox02 .slideBox02_sp {
    width: auto;
    margin: 0;
  }
  .slideBox02 .slideBox02_sp .slide_img div:nth-of-type(2) {
    width: auto;
    margin: 0;
  }
  .credit.CR01.spOnly {
    margin-top: calc(16*(100vw / 750)) !important;
  }
  .credit.CR02.spOnly {
    margin-top: calc(18*(100vw / 750)) !important;
  }
  .slideBox02 .credit {
    margin-top: calc(16*(100vw / 750));
    margin-left: calc(0*(100vw / 750));
    letter-spacing: 0;
  }
  .slideBox02 .credit .btm {
    margin-top: calc(6 * (100vw / 750)) !important;
  }
  .slideBox02 .slideBox02_sp .slide_img:nth-of-type(2) {
    width: calc(550 * (100vw / 750));
    margin: calc(130 * (100vw / 750)) auto 0;
  }
  .slideBox02 .credit.CR02 {
    margin-top: calc(19 *(100vw / 750));
    margin-left: calc(0*(100vw / 750));
    letter-spacing: 0;
  }
  .slideBox02 .credit.CR02 .btm {
    margin-top: calc(6 * (100vw / 750)) !important;
  }
}



@media screen and (min-width: 768px) {
  .slideBox03 {
    margin-top: calc(134 * (100vw / 1024));
  }
  .slideBox03 .flexArea {
    display: flex;
    justify-content: space-between;
    width: calc(1024 * (100vw / 1024));
    margin: 0 auto;
  }
  .slideBox03 .flexArea .model_img {
    width: calc(512 * (100vw / 1024));
  }
  .slideBox03 .credit {
    margin-top: calc(16*(100vw / 1024));
    margin-left: calc(13*(100vw / 750));
  }
  .slideBox03 .credit .btm {
    margin-top: calc(7 * (100vw / 1024));
  }
  
}



.img05 {
  width: calc(494 *(100vw / 1024));
  margin: calc(134 *(100vw / 1024)) auto 0;
}
.img05 .credit {
  margin-top: calc(12*(100vw / 1024));
  margin-left: calc(17*(100vw / 1024));
  letter-spacing: -0.01em;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .img05 {
    width: calc(750 *(100vw / 750));
    margin: calc(130 *(100vw / 750)) auto 0;
  }
  .img05 .credit {
    margin: calc(12*(100vw / 750)) 0 0 calc(24*(100vw / 750));
    letter-spacing: 0;
    line-height: 1.4;
    justify-content: left;
    text-align: left;
  }
}


@media screen and (max-width: 767px) {
  .slideBox03_sp {
    width: calc(750 * (100vw / 750));
    margin-top: calc(100 * (100vw / 750));
  }
  .slideBox03_sp .credit {
    justify-content: left;
    margin: calc(17 * (100vw / 750)) 0 0 calc(24 * (100vw / 750));
  }
  .slideBox03_sp .credit .btm {
    margin-top: calc(6 * (100vw / 750));
  }
}


.img06Box {
  display: flex;
  justify-content: space-between;
  width: calc(1024 *(100vw / 1024));
  margin: calc(133 * (100vw / 1024)) auto 0;
}
.img06Box .img06,
.img06Box .img07 {
  width: calc(512 * (100vw / 1024));
}
.img06Box .img06 .credit {
  margin-top: calc(16*(100vw / 1024));
  letter-spacing: -0.01em;
}
.img06Box .img06 .credit .btm {
  margin-top: calc(6 * (100vw / 1024));
}
.img06Box .img07 .credit {
  margin-top: calc(16*(100vw / 1024));
  letter-spacing: -0.01em;
}
.img06Box .img07 .credit .btm {
  margin-top: calc(6 * (100vw / 1024));
}
@media screen and (max-width: 767px) {
  .img06Box.pcOnly {
    display: none !important;
  }
}

@media screen and (max-width: 767px) {
  .img07_sp.spOnly {
    width: calc(550*(100vw / 750));
    margin: calc(130*(100vw / 750)) auto 0;
  }
  .img07_sp.spOnly .credit{
    margin-top: calc(18 * (100vw / 750));
  }
}


.img08 {
  width: calc(550 *(100vw / 1024));
  margin: calc(134 *(100vw / 1024)) auto 0;
}
.img08 .model_img {
  width: calc(494*(100vw / 1024));
  margin-left: auto;
  margin-right: calc(14*(100vw / 750));
}
.img08 .credit {
  margin-top: calc(12*(100vw / 1024));
  margin-left: calc(0*(100vw / 1024));
  letter-spacing: -0.01em;
  line-height: 1.5;
}


.img09Box {
  display: flex;
  justify-content: space-between;
  width: calc(1024 *(100vw / 1024));
  margin: calc(133 * (100vw / 1024)) auto 0;
}
.img09Box .img09,
.img09Box .img10 {
  width: calc(512 * (100vw / 1024));
}
.img09Box .img09 .credit {
  margin-top: calc(15 *(100vw / 1024));
}
.img09Box .img09 .credit .btm {
  margin-top: calc(6 * (100vw / 1024));
}
.img09Box .img10 .credit {
  margin-top: calc(15 *(100vw / 1024));
}
.img09Box .img10 .credit .btm {
  margin-top: calc(6 * (100vw / 1024));
}
@media screen and (max-width: 767px) {
  .img09Box {
    display: block;
    justify-content: space-between;
    width: calc(700 *(100vw / 750));
    margin: calc(156 * (100vw / 750)) auto 0;
  }
  .img09Box .img09,
  .img09Box .img10 {
    width: calc(700 * (100vw / 750));
  }
  .img09Box .img10 {
    margin-top: calc(100 * (100vw / 750));
  }
  .img09Box .img09 .credit {
    margin-top: calc(16*(100vw / 750));
  }
  .img09Box .img09 .credit .btm {
    margin-top: calc(6 * (100vw / 750));
  }
  .img09Box .img10 .credit {
    margin-top: calc(16*(100vw / 750));
  }
  .img09Box .img10 .credit .btm {
    margin-top: calc(6 * (100vw / 750));
  }
}


.slideBox04 {
  width: calc(550 *(100vw / 1024));
  margin: calc(136 *(100vw / 1024)) auto 0;
}
.slideBox04 .js-slider_pc {
  width: calc(494*(100vw / 1024));
  margin-left: auto;
  margin-right: calc(28*(100vw / 1024));
}
.slideBox04 .credit {
  margin-top: calc(15*(100vw / 1024));
  margin-left: calc(17*(100vw / 1024));
  letter-spacing: -0.01em;
}
.slideBox04 .credit .btm {
  margin-top: calc(6 * (100vw / 1024));
}
@media screen and (max-width: 767px) {
  .slideBox04 {
    width: calc(750*(100vw / 750));
    margin: calc(133*(100vw / 750)) auto 0;
  }
  .slideBox04 .js-slider_pc {
    width: calc(750*(100vw / 750));
    margin-left: auto;
    margin-right: calc(0*(100vw / 750));
  }
  .slideBox04 .credit {
    margin-top: calc(16*(100vw / 750));
    margin-left: calc(25*(100vw / 750));
  }
  .slideBox04 .credit .btm {
    margin-top: calc(6 * (100vw / 750));
  }
}


@media screen and (max-width: 767px) {
  .img08_sp {
    width: calc(750 *(100vw / 750));
    margin: calc(135 *(100vw / 750)) auto 0;
  }
  .img08_sp .model_img {
    width: calc(750*(100vw / 750));
  }
  .img08_sp .credit {
    margin-top: calc(5*(100vw / 750));
    margin-left: calc(26*(100vw / 750));
    line-height: 1.5;
  }
}



/* ============================== ▼ contents_footer ▼　 ================================= */
/* ====================================================================================== */

.contents_footer {
  padding-top: calc(134 * (100vw / 1024));
  background: #FFFAF4;
}
.contents_footer .footerBox {
  display: flex;
  justify-content: space-between;
  width: calc(1024 *(100vw / 1024));
  margin: 0 auto 0;
}
.contents_footer .img11,
.contents_footer .txtBox {
  width: calc(512 * (100vw / 1024));
  position: relative;
}
.contents_footer .txtBox {
  background: #F8CDE0;
}
.contents_footer .txtBox .txt_img {
  width: calc(238*(100vw / 1024));
  margin: 0 auto;
  position: absolute;
  top: 50.8%;
  left: 51.6%;
  transform: translate(-50%, -50%);
}
.contents_footer .txtBox p {
  font-size: calc(13*(100vw / 1024));
  margin-top: calc(34*(100vw / 1024));
  margin-left: calc(-15*(100vw / 1024));
  letter-spacing: 0.02em;
  font-family: "octin-college", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.contents_footer .txtBox p a {
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .contents_footer {
    margin-top: calc(145 * (100vw / 750));
  }
  .contents_footer .footerBox {
    display: block;
    width: auto;
    margin: 0 auto 0;
  }
  .contents_footer .img11 {
    width: calc(377 * (100vw / 750));
    margin: 0 auto;
    position: relative;
  }
  .contents_footer .txtBox {
    width: calc(402*(100vw / 750));
    margin: calc(105*(100vw / 750)) auto 0;
    position: relative;
  }
  .contents_footer .txtBox {
    background: none;
  }
  .contents_footer .txtBox .txt_img {
    width: calc(402*(100vw / 750));
    margin: 0 auto;
    position: inherit;
    top: 0;
    left: 0;
    transform: unset;
  }
  .contents_footer .txtBox p {
    font-size: calc(21*(100vw / 750));
    margin-top: calc(49*(100vw / 750));
    margin-left: calc(0*(100vw / 750));
    letter-spacing: 0.02em;
  }
  .contents_footer .txtBox p a {
    display: inline-block;
  }
}

/* ============================== ▼ FU250131catalogss1st ▼　 ====================== */
/* ================================================================================ */
article#FU250131catalogss1st {
  margin-bottom: calc(70*(100vw / 750));
}


/* ====================== ▼ スライド ▼　 ====================== */
/* ========================================================== */

#FU250131catalogss1st .slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 8px;
  height: 8px;
  padding: 0;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
}
#FU250131catalogss1st .slick-dots li button {
  background: none;
  border: 1px solid #000000;
  border-radius: 100%;
}
#FU250131catalogss1st .slick-dots li.slick-active button {
  background: #000000;
  border:none;
  border-radius: 100%;
}
#FU250131catalogss1st .slick-dots li.slick-active button:before {
  background-color: #e2dbcc;
  content: "";
}
#FU250131catalogss1st .slick-dots li button:before {
  display: none;
}
#FU250131catalogss1st .slick-dots li {
  position: relative;
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: 0 3px;
  padding: 0;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  #FU250131catalogss1st .slick-dots li button {
    width: calc(8 * (100vw / 750));
    height: calc(8 * (100vw / 750));
  }
  #FU250131catalogss1st .slick-dots li {
    width: calc(8 * (100vw / 750));
    height: calc(8 * (100vw / 750));
    margin: 0 calc(5 * (100vw / 750));
  }
}



@media screen and (min-width: 768px) {
  #FU250131catalogss1st .slideBox02 {
    position: relative;
  }
  #FU250131catalogss1st .slideBox02 .slick-dots {
    position: absolute;
    bottom: calc(-65.4*(100vw / 1024));
    left: 48%;
    z-index: 10;
  }
  #FU250131catalogss1st .slideBox04 {
    position: relative;
  }
  #FU250131catalogss1st .slideBox04 .slick-dots {
    position: absolute;
    bottom: calc(-63.5*(100vw / 1024));
    left: 49.8%;
    z-index: 10;
  }
}

@media screen and (max-width: 767px) {
  #FU250131catalogss1st .slideBox01 {
    position: relative;
  }
  #FU250131catalogss1st .slideBox01 .slick-dots {
    position: absolute;
    bottom: calc(-22*(100vw / 750));
    right: calc(-6*(100vw / 750));
    z-index: 10;
    text-align: right;
    margin: 0;
  }

  #FU250131catalogss1st .slideBox03_sp {
    position: relative;
  }
  #FU250131catalogss1st .slideBox03_sp .slick-dots {
    position: absolute;
    bottom: calc(-22*(100vw / 750));
    right: calc(18*(100vw / 750));
    z-index: 10;
    text-align: right;
    margin: 0;
  }

  #FU250131catalogss1st .slideBox04.spOnly {
    position: relative;
  }
  #FU250131catalogss1st .slideBox04.spOnly .slick-dots {
    position: absolute;
    bottom: calc(-22*(100vw / 750));
    right: calc(18*(100vw / 750));
    z-index: 10;
    text-align: right;
    margin: 0;
  }

  .contents_footer {
    padding-top: calc(145*(100vw / 750));
    padding-bottom: calc(75*(100vw / 750));
    background: #FFFAF4;
    margin-top: 0;
  }
}


/* ====================== ▼ ガウス ▼　 ====================== */
/* ========================================================= */
/* .js-filter {
  -ms-filter: blur(6px);
  filter: blur(6px);
}
.js-filter.is-show {
  -ms-filter: unset;
  filter: unset;
} */

.js-filter {
	opacity: 0;
	-moz-transition: -moz-transform 0.5s linear;
	-webkit-transition: -webkit-transform 0.5s linear;
	-o-transition: -o-transform 0.5s linear;
	-ms-transition: -ms-transform 0.5s linear;
	transition: transform 0.5s linear;
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.blur{
	-webkit-animation-name: imageBlur;
	animation-name: imageBlur;
	opacity: 1;
	transition: .8s;
}
@-webkit-keyframes imageBlur {
  from {
    opacity: 0;
    -webkit-filter: blur(15px);
    -moz-filter: blur(15px);
    -ms-filter: blur(15px);
    -o-filter: blur(15px);
    filter: blur(15px);
  }

  to {
    opacity: 1;
    -webkit-filter: blur(0px);
    -moz-filter: blur(0px);
    -ms-filter: blur(0px);
    -o-filter: blur(0px);
    filter: blur(0px);
  }
}
@keyframes imageBlur {
  from {
    opacity: 0;
    -webkit-filter: blur(15px);
    -moz-filter: blur(15px);
    -ms-filter: blur(15px);
    -o-filter: blur(15px);
    filter: blur(15px);
  }

  to {
      opacity: 1;
    -webkit-filter: blur(0px);
    -moz-filter: blur(0px);
    -ms-filter: blur(0px);
    -o-filter: blur(0px);
    filter: blur(0px);
  }
}

/* SP 動画 */
@media screen and (max-width: 767px) {
  .volume__icon .on,
  .volume__icon .off {
    display: none;
  }
  .volume__icon[data-sound-state="on"] .on,
  .volume__icon[data-sound-state="off"] .off {
    display: block;
  }
  .top__visual_sp.spOnly {
    width: calc(700*(100vw / 750));
    margin: 0 auto 0;
    padding-top: calc(28*(100vw / 750));
    position: relative;
  }
  button.volume__icon.js-toggle-sound {
    background: no-repeat;
    border: none;
    padding: 0;
    width: calc(87*(100vw / 750));
  }
  .top__visual_sp .volume__icon {
    font-size: calc(16*(100vw / 750));
    color: #fff;
    letter-spacing: 0.024em;
    position: absolute;
    top: calc(42*(100vw / 750));
    bottom: unset;
    left: calc(13*(100vw / 750));
    z-index: 2;
  }
  .top__visual_sp span.on {
    width: calc(94*(100vw / 750));
  }
}