@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Ropa+Sans:ital@0;1&display=swap');

.archive{
  border-top: none!important;
}



@media screen and (max-width:767px) {
  :root {
    --lpSetSize: (100vw / 750);
  }
}

:root {
  --lpNavSetSize: (100vw / 1918);
}

@media screen and (min-width:768px) {
  :root {
    --lpSetSize: (100vw / 1915) * 0.9375;
  }
}

/*******************************
FR250808LOOK
*******************************/
#FR250808LOOK{
  display: block;
  width: 100%;
  padding: 0 0 calc(0 * var(--lpSetSize));
  /* border-bottom: 1px solid #000000; */
  box-sizing: border-box;
  overflow: clip;
  font-family: "Noto Sans JP", sans-serif;
  font-feature-settings: "palt";
}
#FR250808LOOK .font_en {
  font-family: "Ropa Sans", sans-serif;
}

@media screen and (max-width:767px) {
  #FR250808LOOK{
    padding: 0 0 calc(0 * var(--lpSetSize));
  }
}

#FR250808LOOK *{box-sizing: border-box;}


#FR250808LOOK .lpSection{
  display: block;
  width: 100%;
}

/*******************************
img setting
*******************************/
#FR250808LOOK .imgOuter{
  display: block;
  width: 100%;
  height: auto;
  pointer-events: none;
}

#FR250808LOOK .imgOuter > .outer,
#FR250808LOOK .imgOuter picture,
#FR250808LOOK .imgOuter img{
  display: block;
  width: 100%;
  height: auto;
}
#FR250808LOOK .imgOuter > a{
  display: block;
  width: 100%;
  height: auto;
  pointer-events: auto;
}

/*******************************
figSlider
*******************************/
#FR250808LOOK .figSlider{
	overflow: hidden;
	position: relative;
	padding-bottom: calc(30 * var(--lpSetSize));
}


#FR250808LOOK #sec01 .figSlider,
#FR250808LOOK #sec07 .figSlider{
  background: #000000;
}
  

#FR250808LOOK .figSlider .container{
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 20;
}

#FR250808LOOK .figSlider .sliderWrapper{}

#FR250808LOOK .figSlider .slider{
  display: block;
  width: 100%;
  background: #FFFFFF;
}

#FR250808LOOK .figSlider .slider a{
  display: block;
  width: 100%;
  height: auto;
}

#FR250808LOOK .figSlider .slider a > img{
  display: block;
  width: 100%;
  height: auto;
}

#FR250808LOOK .figSlider .slider.swiper-slide-active{
  pointer-events: auto;
}

#FR250808LOOK .figSlider ul.pager{
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-end;
  gap: 0 calc(10 * var(--lpSetSize));
  width: calc(100% - 40 * var(--lpSetSize));
  position: absolute;
  left: calc(20 * var(--lpSetSize));
  bottom: calc(0 * var(--lpSetSize));
  z-index: 20;
}

#FR250808LOOK .figSlider ul.pager > li{
  display: block;
  width: calc(10 * var(--lpSetSize));
  height: calc(10 * var(--lpSetSize));
  background-color: inherit;
  border: 1px solid #000;
  border-radius: 50%;
  margin-left: 0;
  margin-right: 0;
  transition: background 0.3s ease;
  cursor: pointer;
  opacity: 1;
  pointer-events: auto;
}

#FR250808LOOK .figSlider ul.pager > li.swiper-pagination-bullet-active{
  opacity: 1;
  background: #000;
}



/*******************************
fadeInSetting
*******************************/
#FR250808LOOK .fadeInBlock{
  opacity: 0;
  /* transform: translateY(calc(100 * var(--lpSetSize))); */
  transition: transform 1.1s ease, opacity 1.1s ease;
}
#FR250808LOOK .fadeInBlock.fade_left {
  transform: translateX(calc(-100 * var(--lpSetSize)));
}
#FR250808LOOK .fadeInBlock.fade_right {
  transform: translateX(calc(100 * var(--lpSetSize)));
}
#FR250808LOOK .fadeInBlock.fade_bottom {
  transform: translateY(calc(100 * var(--lpSetSize)));
}
#FR250808LOOK .js-fade_center{
  opacity: 0;
  transform: translateX(calc(100 * var(--lpSetSize)));
  transition: transform 1.1s ease, opacity 1.1s ease;
}
#FR250808LOOK .js-fade_center.move_left{
  transform: translateX(calc(-100 * var(--lpSetSize)));
}
#FR250808LOOK .fadeInBlock.fadeInClip{
  -webkit-clip-path: inset(0 0 100% 0);
  clip-path: inset(0 0 100% 0);
  display: block;
  transition: .7s ease .7s;
  translate: 0 100%;
  opacity: 1;
}



#FR250808LOOK .fadeInBlock.view{
  opacity: 1;
  /* transform: translateY(0); */
}
#FR250808LOOK .fadeInBlock.fade_left.view {
  transform: translateX(0);
}
#FR250808LOOK .fadeInBlock.fade_right.view {
  transform: translateX(0);
}
#FR250808LOOK .fadeInBlock.fade_bottom.view {
  transform: translateY(0);
}
#FR250808LOOK .js-fade_center.view{
  opacity: 1;
  transform: translateX(0);
}
#FR250808LOOK .js-fade_center.move_left.view {
  transform: translateX(0);
}

#FR250808LOOK .fadeInZoom {
  overflow: hidden;
}
#FR250808LOOK .fadeInZoom img {
  opacity: 0;
  transform: scale(1.1);
  transition: all 1.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#FR250808LOOK .fadeInZoom.view img {
  opacity: 1;
  transform: scale(1);
}
#FR250808LOOK .fadeInBlock.fadeInClip.view{
  -webkit-clip-path: inset(0);
  clip-path: inset(0);
  translate: 0 0;
}





/*******************************
lpMainWrap
*******************************/
#FR250808LOOK .lpMainWrap{
  display: block;
  width: 100%;
}

#FR250808LOOK .leftTTL{
  display: none;
}
#FR250808LOOK .leftTTL img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
}

#FR250808LOOK .rightAllItems{
  display: block;
  width: 100%;
  /* height: calc(114 * var(--lpSetSize)); */
  position: fixed;
  left: 0;
  bottom: 0;
  
  z-index: 99;
  opacity: 0;
  transition: opacity 1.1s ease;
  pointer-events: none;
}

#FR250808LOOK .rightAllItems.view{
  opacity: 1;
  pointer-events: auto;
}

#FR250808LOOK .rightAllItems a.pcView{display: none;}

#FR250808LOOK .rightAllItems a.spView{
  /* display: block; */
  /* width: 100%; */
  /* height: 100%; */
}

#FR250808LOOK .rightAllItems_sp{
  display: block;
  width: 100%;
  /* height: calc(114 * var(--lpSetSize)); */
  position: fixed;
  left: 0;
  bottom: 0;
  
  z-index: 99;
  opacity: 0;
  transition: opacity 1.1s ease;
  pointer-events: none;
}
#FR250808LOOK .rightAllItems_sp a {
  display: block;
  width: 100%;
  height: 100%;
}
#FR250808LOOK .rightAllItems_sp.view{
  opacity: 1;
  pointer-events: auto;
}



#FR250808LOOK .lpMainBlock{
  display: block;
  width: 100%;
}


@media screen and (min-width:768px){

  #FR250808LOOK .rightAllItems_sp {
    display: none;
  }


  #FR250808LOOK .lpMainWrap{
    /* display: flex; */
    /* justify-content: space-between; */
    /* align-items: stretch; */
    width: 100%;
    display: grid;
    grid-template-columns: 1fr calc(850 * var(--lpSetSize));
  }

  #FR250808LOOK .leftTTL{
    order: 1;
    display: block;
    /* width: calc(50% - 750 * var(--lpSetSize) / 2); */
    width: 100%;
    /* padding-left: calc(85* var(--lpNavSetSize)); */
    /* opacity: 0; */
    /* transition: opacity 1.1s ease; */
    /* pointer-events: none; */
    position: sticky;
    top: calc(144.86 * var(--lpSetSize));
    /* height: fit-content; */
    height: 100vh;
  }

  #FR250808LOOK .leftTTL a {
    /* display: inline; */
  }
  
  #FR250808LOOK .leftTTL.view{
    opacity: 1;
    pointer-events: auto;
  }
  

  #FR250808LOOK .lpMainBlock{
    order: 2;
    display: block;
    /* width: calc(750 * var(--lpSetSize)); */
    width: 100%;
    /* width: 40%; */
    background: #fff;
    position: relative;
    z-index: 20;
    margin: 0 auto;
  }
  #FR250808LOOK .lpMainBlock_inner {
    padding-bottom: calc(0 * var(--lpSetSize));
    position: relative;
    z-index: 50;
    overflow: clip;
    width: calc(750 * var(--lpSetSize));
    margin: 0 auto;
  }
  
}

/*******************************
allItemBtn
*******************************/
#FR250808LOOK .allItemBtn{
  display: block;
  width: calc(288 * var(--lpSetSize));
  margin: 0 auto calc(-11* var(--lpSetSize));
  position: relative;
}

#FR250808LOOK .allItemBtn a{
  display: block;
  width: 100%;
}

#FR250808LOOK .allItemBtn img,
#FR250808LOOK .allItemBtn picture{
  width: 100%;
  height: auto;
}



/*******************************
overRide
*******************************/
@media screen and (max-width:767px) {
  #FR250808LOOK .pcView{display: none;}
}

@media screen and (min-width:768px){
  #FR250808LOOK .spView{display: none;}
}


/*************************************************************
FR250808LOOK contents
*************************************************************/
#FR250808LOOK a {
  display: block;
}
#FR250808LOOK img {
  width: 100%;
  height: auto;
}

/* ********************************************** */
/* first_block */
.first_block {
  position: relative;
}
.first_block_ttl {
  position: absolute;
  top: 49.5%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(488 * var(--lpSetSize));
  pointer-events: none;
}

.overlay-text {
  position: absolute;
  bottom: calc(15 * var(--lpSetSize));
  left: calc(20 * var(--lpSetSize));
  /* width: 100%; */
  /* height: 100%; */
  /* background-color: rgba(0, 0, 0, 0.5); */ /* 半透明の背景 */
  color: #fff;
  font-size: calc(21 * var(--lpSetSize));
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  opacity: 0; /* 初期状態では非表示（透明） */
  transition: opacity 0.5s ease-in-out; /* ゆっくり表示するためのトランジション */
  text-transform: uppercase;
  line-height: 1.2814;
  letter-spacing: 0.02em;
}
.overlay-text a {cursor: pointer;}
.overlay-text p {
  padding: 0 calc(5 * var(--lpSetSize));
}

.image-container {
  position: relative;
}
.overlay-text {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0s 0.3s;
}
.image-container.is-active .overlay-text {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.3s ease;
}
/* style_inner01 */
.style_inner01 {
  margin-bottom: calc(153 * var(--lpSetSize));
}
.style_inner01_text01 {
  width: calc(507.5 * var(--lpSetSize));
  margin-top: calc(60 * var(--lpSetSize));
  margin-left: calc(50 * var(--lpSetSize));
  margin-bottom: calc(240 * var(--lpSetSize));
}
.style_inner01_text02 {
  width: calc(327 * var(--lpSetSize));
  margin-bottom: calc(21 * var(--lpSetSize));
  margin-left: auto;
  margin-right: calc(60 * var(--lpSetSize));
}
.style_inner01_img01 {
  width: calc(639 * var(--lpSetSize));
  margin: 0 auto calc(20 * var(--lpSetSize));
}
.style_inner01_img02 {
  width: calc(639 * var(--lpSetSize));
  margin: 0 auto calc(20 * var(--lpSetSize));
}
.style_inner01_text03 {
  width: calc(457.5 * var(--lpSetSize));
  margin-left: calc(55 * var(--lpSetSize));
}

/* style_inner02 */
.style_inner02 {
  margin-bottom: calc(425 * var(--lpSetSize));
}
.style_inner02_img01 {
  width: 100%;
  margin-bottom: calc(20 * var(--lpSetSize));
}
.style_inner02_img02 {
  width: 100%;
  margin-bottom: calc(11 * var(--lpSetSize));
}
.credit_box {
  color: #000;
  font-size: calc(21 * var(--lpSetSize));
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  text-transform: uppercase;
  line-height: 1.2814;
  letter-spacing: 0.02em;
}
.credit_box a {cursor: pointer;}
.credit_box p {
  padding: 0 calc(5* var(--lpSetSize));
}
.style_inner02_credit {
  width: calc(500 * var(--lpSetSize));
  margin-left: calc(20 * var(--lpSetSize));
  margin-bottom: calc(224 * var(--lpSetSize));
}
.style_inner02_text01 {
  width: calc(227 * var(--lpSetSize));
  margin-bottom: calc(18 * var(--lpSetSize));
  margin-left: auto;
  margin-right: calc(120 * var(--lpSetSize));
}
.style_inner02_img03 {
  width: calc(510 * var(--lpSetSize));
  margin: 0 auto;
}

/* style_inner03 */
.style_inner03 {
  margin-bottom: calc(242 * var(--lpSetSize));
}
.style_inner03_img01 {
  width: calc(673 * var(--lpSetSize));
  margin: 0 auto calc(35 * var(--lpSetSize));
  position: relative;
}
.style_inner03_img02 {
  width: calc(678 * var(--lpSetSize));
  margin: 0 auto calc(14* var(--lpSetSize));
}
.style_inner03_credit {
  width: calc(460 * var(--lpSetSize));
  margin-left: calc(37 * var(--lpSetSize));
}

/* style_inner04 */
.style_inner04 {
  margin-bottom: calc(192 * var(--lpSetSize));
}
.style_inner04_img01 {
  width: calc(517 * var(--lpSetSize));
  margin: 0 auto calc(11* var(--lpSetSize));
}
.style_inner04_credit01 {
  width: calc(500 * var(--lpSetSize));
  margin-left: calc(117 * var(--lpSetSize));
  margin-bottom: calc(243 * var(--lpSetSize));
}
.style_inner04_img02 {
  width: 100%;
  margin: 0 auto calc(56 * var(--lpSetSize));
}
.style_inner04_credit02 {
  width: calc(440 * var(--lpSetSize));
  margin-left: calc(150 * var(--lpSetSize));
}
.style_inner04_img03 {
  width: calc(556 * var(--lpSetSize));
  margin-left: auto;
  margin-right: calc(45 * var(--lpSetSize));
  margin-bottom: calc(15 * var(--lpSetSize));
}

/* style_inner05 */
.style_inner05 {
  margin-bottom: calc(128 * var(--lpSetSize));
}
.style_inner05_img01 {
  width: 100%;
  margin: 0 auto;
}
.style_inner05_credit {
  width: calc(462 * var(--lpSetSize));
  margin-top: calc(-17 * var(--lpSetSize));
  margin-left: calc(20* var(--lpSetSize));
  margin-bottom: calc(150 * var(--lpSetSize));
}
.style_inner05_img02 {
  width: calc(556 * var(--lpSetSize));
  margin: 0 auto calc(21* var(--lpSetSize));
}
.style_inner05_text01 {
  width: calc(558.5 * var(--lpSetSize));
  margin-left: calc(95 * var(--lpSetSize));
}

/* style_inner06 */
.style_inner06 {
  margin-bottom: calc(230 * var(--lpSetSize));
}
.style_inner06_img01 {
  width: 100%;
  margin-bottom: calc(15 * var(--lpSetSize));
}
.style_inner06_img02 {
  width: 100%;
  margin-bottom: calc(12* var(--lpSetSize));
}
.style_inner06_credit {
  width: calc(570 * var(--lpSetSize));
  margin-left: calc(20 * var(--lpSetSize));
  margin-bottom: calc(205* var(--lpSetSize));
}
.style_inner06_img03 {
  width: 100%;
  margin-bottom: calc(12* var(--lpSetSize));
}
.style_inner06_credit02 {
  width: calc(650 * var(--lpSetSize));
  margin-left: calc(20 * var(--lpSetSize));
}


/* style_inner07 */
.style_inner07 {
  margin-bottom: calc(65 * var(--lpSetSize));
}
.style_inner07_img01 {
  width: calc(556 * var(--lpSetSize));
  margin: 0 auto;
  margin-bottom: calc(120 * var(--lpSetSize));
}
.style_inner07_img02 {
  width: 100%;
  margin-bottom: calc(15 * var(--lpSetSize));
}
.style_inner07_credit01 {
  width: calc(468 * var(--lpSetSize));
  margin-left: calc(20 * var(--lpSetSize));
}

/* style_inner08 */
.style_inner08 {
  margin-bottom: calc(220 * var(--lpSetSize));
}
.style_inner08_img01 {
  width: 100%;
  margin-bottom: calc(12 * var(--lpSetSize));
}
.style_inner08_credit01 {
  width: calc(490 * var(--lpSetSize));
  margin-left: calc(20 * var(--lpSetSize));
  margin-bottom: calc(256 * var(--lpSetSize));
}
.style_inner08_img02 {
  width: calc(470 * var(--lpSetSize));
  margin: 0 auto calc(322 * var(--lpSetSize));
  position: relative;
  left: calc(-17 * var(--lpSetSize));
}
.style_inner08_text01 {
  width: calc(18.7 * var(--lpSetSize));
  position: absolute;
  top: 0;
  right: calc(-37 * var(--lpSetSize));
}
.style_inner08_text02 {
  width: calc(319 * var(--lpSetSize));
  position: absolute;
  bottom: calc(-103 * var(--lpSetSize));
  left: calc(-2 * var(--lpSetSize));
}
.style_inner08_img03 {
  width: 100%;
  margin-bottom: calc(53 * var(--lpSetSize));
}
.style_inner08_img03 .overlay-text {
  width: calc(455 * var(--lpSetSize));
}
.style_inner08_img04 {
  width: calc(556 * var(--lpSetSize));
  margin-left: calc(30 * var(--lpSetSize));
}

/* style_inner09 */
.style_inner09 {
  margin-bottom: calc(152 * var(--lpSetSize));
}
.style_inner09_img01 {
  width: calc(451 * var(--lpSetSize));
  margin-left: auto;
  margin-right: calc(47 * var(--lpSetSize));
  margin-bottom: calc(227 * var(--lpSetSize));
}
.style_inner09_text01 {
  width: calc(692 * var(--lpSetSize));
  margin-left: calc(30 * var(--lpSetSize));
  margin-bottom: calc(27 * var(--lpSetSize));
}
.style_inner09_img02 {
  width: 100%;
  margin-bottom: calc(40 * var(--lpSetSize));
}
.style_inner09_img02 .overlay-text {
  width: calc(610 * var(--lpSetSize));
}
.style_inner09_img03 {
  width: calc(668 * var(--lpSetSize));
  margin: 0 auto;
}

/* style_inner10 */
.style_inner10 {
  margin-bottom: calc(228 * var(--lpSetSize));
}
.style_inner10_img01 {
  width: 100%;
}
.style_inner10_credit {
  width: calc(475 * var(--lpSetSize));
  margin-top: calc(-14 * var(--lpSetSize));
  margin-left: calc(20 * var(--lpSetSize));
  margin-bottom: calc(186* var(--lpSetSize));
}
.style_inner10_img02 {
  width: calc(556 * var(--lpSetSize));
  margin: 0 auto;
}
.style_inner10_credit02 {
  width: calc(490 * var(--lpSetSize));
  margin-top: calc(-74 * var(--lpSetSize));
  margin-left: calc(98 * var(--lpSetSize));
}
#FR250808LOOK .custom_01 .figSlider {
  padding-bottom: calc(89 * var(--lpSetSize));
  width: calc(556 * var(--lpSetSize));
  margin: 0 auto;
}
#FR250808LOOK .custom_01 .figSlider ul.pager {
  justify-content: flex-start;
  width: 100%;
  left: 0;
  bottom: calc(0 * var(--lpSetSize));
}

/* style_inner11 */
.style_inner11 {
  margin-bottom: calc(204 * var(--lpSetSize));
}
.style_inner11_img01 {
  width: 100%;
  margin-bottom: calc(22 * var(--lpSetSize));
}
#FR250808LOOK .custom_2 .figSlider ul.pager {
  bottom: calc(42 * var(--lpSetSize));
}
#FR250808LOOK .custom_2 .figSlider ul.pager > li {
  border: 1px solid #fff;
}
#FR250808LOOK .custom_2 .figSlider ul.pager > li.swiper-pagination-bullet-active {
  background: #fff;
}
.style_inner11_img02 {
  width: 100%;
}
.style_inner11_img02 .overlay-text {
  width: calc(510 * var(--lpSetSize));
}

/* style_inner12 */
.style_inner12 {
  margin-bottom: calc(30 * var(--lpSetSize));
}
.style_inner12_img01 {
  width: calc(626 * var(--lpSetSize));
  margin: 0 auto calc(16* var(--lpSetSize));
}
.style_inner12_credit01 {
  width: calc(530 * var(--lpSetSize));
  margin-left: calc(60 * var(--lpSetSize));
  margin-bottom: calc(203 * var(--lpSetSize));
}
.style_inner12_img02 {
  width: 100%;
}

/* end_section */
.end_section {
  margin-bottom: calc(50 * var(--lpSetSize));
}
.end_section_text01 {
  width: calc(671 * var(--lpSetSize));
  margin-left: calc(41 * var(--lpSetSize));
  margin-bottom: calc(213 * var(--lpSetSize));
}
.end_credit {
  margin-left: calc(37 * var(--lpSetSize));
  font-size: calc(21 * var(--lpSetSize));
  line-height: 1.2814;
  letter-spacing: 0.02em;
}


#FR250808LOOK .custom_03 .figSlider {
  padding-bottom: calc(27 * var(--lpSetSize));
}
#FR250808LOOK .custom_2 .figSlider {
  padding-bottom: calc(0 * var(--lpSetSize));
}
/*--------------------------------
  layout for desktop
--------------------------------*/
@media only screen and (min-width: 768px) {
  .por {
    position: relative;
    height: 100%;
  }
  .first_block_ttl {
    position: absolute;
    top: 49%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(610 * var(--lpSetSize));
    pointer-events: none;
  }

  .style_inner02_credit {
    margin-left: calc(0 * var(--lpSetSize));
  }
  .style_inner05_credit {
    margin-left: calc(0* var(--lpSetSize));
  }
  .style_inner06_credit {
    margin-left: calc(0 * var(--lpSetSize));
  }
  .style_inner06_credit02 {
    margin-left: calc(0 * var(--lpSetSize));
  }
  .style_inner07_credit01 {
    margin-left: calc(0 * var(--lpSetSize));
  }
  .style_inner08_credit01 {
    margin-left: calc(0 * var(--lpSetSize));
  }
  .style_inner10_credit {
    margin-left: calc(0 * var(--lpSetSize));
  }
}