@charset "UTF-8";
/* html{
  container-type: size;
} */


/*******************************
LB250425onepiece
*******************************/
#LB250425onepiece{
  display: block;
  width: 100%;
  padding: 0 0 0;
  margin-bottom: 150px;
  box-sizing: border-box;
}

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

#LB250425onepiece .lpWrap{
  --scrollbar: calc(100vw - 100cqw);
  --setsize: ((100vw - (100vw - 100cqw)) / 1400 * 0.6129597197898424);
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
}



/*******************************
creditLinks
*******************************/
#LB250425onepiece .creditArea{
  display: block;
  padding-top: calc(28 * var(--setsize));
}

#LB250425onepiece .creditLinks{
  display: block;
  text-align: center;
}

#LB250425onepiece .creditLinks >  a,
#LB250425onepiece .creditLinks >  span{
  display: inline-block;
  white-space: nowrap;
  font-family: "lores-12", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(24 * var(--setsize));
  line-height: 2;
  letter-spacing: 0;
  font-feature-settings: "palt";
  color: #FFFFFF;
  text-decoration: none;
  /*
  text-decoration: underline;
  text-decoration-skip-ink: none;
  */
}

#LB250425onepiece .creditLinks >  a + a,
#LB250425onepiece .creditLinks >  span + a,
#LB250425onepiece .creditLinks >  span + span,
#LB250425onepiece .creditLinks >  a + span,
#LB250425onepiece .creditLinks >  br.pcView + a,
#LB250425onepiece .creditLinks >  br.pcView + span{
  margin-left: 0.9em;
}

/*******************************
imgSetting
*******************************/
#LB250425onepiece .imgOuter{
  display: block;
  width: 100%;
  position: relative;
  z-index: 1;
}

#LB250425onepiece .imgOuter::after{
  content: '';
  display: block;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  background: #FFFFFF;
  position: absolute;
  left: 1px;
  top: 1px;
  z-index: -1;
}


#LB250425onepiece .imgOuter a,
#LB250425onepiece .imgOuter span,
#LB250425onepiece .imgOuter picture,
#LB250425onepiece .imgOuter img{display: block; width: 100%;}

#LB250425onepiece .imgOuter.figSlider{
  background-color: inherit;
}

#LB250425onepiece .imgOuter.figSlider::after{
  display: none;
}

#LB250425onepiece .imgOuter.figSlider .slider{
  background: #FFFFFF;
}

/*******************************
fadeInSetting
*******************************/
#LB250425onepiece .fadeInBlock{
    opacity: 0;
    transition: opacity 1s ease;
}

#LB250425onepiece .fadeInBlock.view{
  opacity: 1;
}


#LB250425onepiece .fadeInList > *{
  opacity: 0;
  /*transition: opacity 0.33333333s ease;*/
}


#LB250425onepiece .fadeInBlock + .fadeInList > *{
  transition-delay: 1s;
}

#LB250425onepiece .fadeInList > *.view{
  opacity: 1;
}

/*******************************
figSlider
*******************************/
#LB250425onepiece .figSlider{
	overflow: hidden;
	position: relative;
}

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

#LB250425onepiece .figSlider .sliderWrapper{}

#LB250425onepiece .figSlider .slider{
  display: block;
  width: 100%;
  margin: 0;
}

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

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

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

#LB250425onepiece .figSlider ul.sliderPager{
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  gap: 0 calc(10 * var(--setsize));
  width: 100%;
  margin-top: calc(30 * var(--setsize));
}

#LB250425onepiece .figSlider ul.sliderPager > li{
  display: block;
  width: calc(120 * var(--setsize));
  height: calc(2 * var(--setsize));
  background-color: rgba(255,255,255,.4);
  cursor: pointer;
  opacity: 1;
  pointer-events: auto;
  position: relative;
}


/*待機時間*/
:root {
  --sliderDelayTime: 1s;
}

#LB250425onepiece .figSlider ul.sliderPager > li.swiper-pagination-bullet {
  opacity: 1;
}

#LB250425onepiece .figSlider ul.sliderPager > li.swiper-pagination-bullet-active{
  width: calc(120 * var(--setsize));
  cursor: auto;
  pointer-events: none;
}

#LB250425onepiece .figSlider ul.sliderPager > li.swiper-pagination-bullet::after{
  content: '';
  width: 0%;
  height: 100%;
  opacity: 0;
  background: #FFFFFF;
  position: absolute;
  left: 0;
  top: 0;
}

#LB250425onepiece .figSlider ul.sliderPager > li.swiper-pagination-bullet.swiper-pagination-bullet-active::after{
  opacity: 1;
  animation: pagerBar var(--sliderDelayTime) linear forwards;
}

@keyframes pagerBar {
  0%{ width: 0;}
  100%{ width: 100%;}
}


/*******************************
mvBlock
*******************************/
#LB250425onepiece .mvBlock{
  display: block;
  width: 50%;
  padding: 0;
  position: relative;
}

#LB250425onepiece .mvBlock.fadeInBlock{
  opacity: 1;
}

#LB250425onepiece .mvBlock > .imgOuter{
  display: block;
  width: 100%;
  height: 100dvh;
  position: sticky;
  left: 0;
  top: 0;
}


#LB250425onepiece .mvBlock > .imgOuter a{
  display: block;
  width: 100%;
  height: 100%;
}
#LB250425onepiece .mvBlock > .imgOuter picture.mv{
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
} 

#LB250425onepiece .mvBlock > .imgOuter picture.mv > img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
}


#LB250425onepiece .mvBlock .mvText{
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  z-index: 1;
}

#LB250425onepiece .mvBlock .mvText picture{
  display: block;
  position: absolute;
  z-index: 1;
}

#LB250425onepiece .mvBlock .mvText picture:nth-of-type(1){
  width: 21.42857142857143%;
  left: 50%;
  top: 3.565989847715736dvh;
  transform: translateX(-50%);
}

#LB250425onepiece .mvBlock .mvText picture:nth-of-type(2){
  width: 69.71428571428571%;
  top: 51.14213197969543dvh;
  right: 18.85714285714286%;
}

#LB250425onepiece .mvBlock .mvText picture:nth-of-type(3){
  width: 2.57198571428571%;
  right: 5.57142857142857%;
  top: 35.65989847715736dvh;
}


/*******************************
mvBlock
*******************************/
#LB250425onepiece .lpMainContents{
  display: block;
  width: 50%;
  padding: calc(120 * var(--setsize)) 0 calc(188 * var(--setsize));
  background: #FFF8EB;
  overflow: hidden;
  position: relative;
}



/*******************************
firstLede
*******************************/
#LB250425onepiece .firstLede{
  display: block;
  width: 100%;
  margin: 0 auto calc(146 * var(--setsize));
}

#LB250425onepiece .firstLede p{
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-style: normal;
  font-size: calc(26 * var(--setsize));
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0.1em;
  text-align: center;
  font-feature-settings: "palt";
  color: #5B4B4A;
}


/*******************************
sec01
*******************************/
#sec01{
  display: block;
  width: 100%;
  margin: 0 auto;
  padding-bottom: calc(148 * var(--setsize));
  background: #4B7D9B;
}

#sec01 .firstImg{
  display: block;
  width: 100%;
  height: calc(796 * var(--setsize));
  margin: 0 auto;
  padding-bottom: calc(705 * var(--setsize));
  background: #FFF8EB;
}

#sec01 .firstImg > .inner{
  width: calc(750 * var(--setsize));
  height: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

#sec01 .firstImg > .inner::after{
  content: '';
  display: block;
  width: calc(681 * var(--setsize));
  height: calc(410 * var(--setsize));
  background: url("../img/img_01_01_bg.svg") center center no-repeat;
  background-size: 100% auto;
  position: absolute;
  left: calc(29 * var(--setsize));
  top: calc(70.4034 * var(--setsize));
  z-index: -1;
}

#sec01 .firstImg .secTTL{
  display: block;
  width: calc(177.6006 * var(--setsize));
  margin-left: calc(462.002 * var(--setsize));
  position: relative;
  z-index: 3;
  pointer-events: none;
}


#sec01 .img01{
  width: calc(480 * var(--setsize));
  position: absolute;
  left: calc(256.3431 * var(--setsize));
  top: calc(196.5471 * var(--setsize));
  z-index: 1;
  transform: rotate(10deg);
  transform-origin: left top;
}


#sec01 .img02{
  width: calc(480 * var(--setsize));
  position: absolute;
  left: calc(20 * var(--setsize));
  top: calc(41.4882 * var(--setsize));
  z-index: 2;
  transform: rotate(-10deg);
  transform-origin: left top;
}



#sec01 .img03{
  display: block;
  width: calc(750 * var(--setsize));
  margin: 0 auto calc(100 * var(--setsize));
}

#sec01 .img04{
  display: block;
  width: calc(630 * var(--setsize));
  margin: 0 auto;
  position: relative;
}

#sec01 .img04 > .text{
  display: block;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  pointer-events: none;
}

#sec01 .img04 > .text > p{
  display: block;
  position: absolute;
  z-index: 1;
}

#sec01 .img04 > .text > p:nth-of-type(1){
  width: calc(218.3984 * var(--setsize));
  left: calc(-17.3984 * var(--setsize));
  top: calc(97.7981 * var(--setsize));
}

#sec01 .img04 > .text > p:nth-of-type(2){
  width: calc(143.001 * var(--setsize));
  right: calc(-20 * var(--setsize));
  top: calc(275.1982 * var(--setsize));
}

#sec01 .img04 > .text > p:nth-of-type(3){
  width: calc(239.1982 * var(--setsize));
  left: calc(42.5996 * var(--setsize));
  top: calc(457.7983 * var(--setsize));
}

/*******************************
sec02
*******************************/
#sec02{
  display: block;
  width: 100%;
  margin: 0 auto;
  padding-bottom: calc(260 * var(--setsize));
  background: #EFC0B4;
  position: relative;
  z-index: 1;
}

#sec02 .img01{
  width: calc(750 * var(--setsize));
  margin: 0 auto;
  position: relative;
}


#sec02 .img01 .imgText{
  display: block;
  width: calc(70.7871 * var(--setsize));
  position: absolute;
  top: calc(387 * var(--setsize));
  left: calc(508.2217 * var(--setsize));
  z-index: 2;
  pointer-events: none;
}

#sec02 .img01 .slider{
  position: relative;
}

/*******************************
sec03
*******************************/
#sec03{
  display: block;
  width: 100%;
  margin: 0 auto;
  padding-bottom: calc(148 * var(--setsize));
  background: #EFC0B4;
  position: relative;
  z-index: 1;
}

#sec03 > .secInner{
  width: calc(750 * var(--setsize));
  margin: 0 auto;
}


#sec03 .img01{
  width: calc(630 * var(--setsize));
  margin: 0;
  position: relative;
  transform: translateX(calc(-50 * var(--setsize)));
}

#sec03 .img01 > .imgOuter{
  transform: rotate(-10deg);
  transform-origin: left top;
  background-color: inherit;
  position: relative;
}

#sec03 .img01 > .imgOuter::after{
  content: '';
  display: block;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  background: #FFFFFF;
  position: absolute;
  z-index: -1;
  left: 1px;
  top: 1px;
}

#sec03 .img01 .imgText{
  display: block;
  width: calc(76.04 * var(--setsize));
  position: absolute;
  top: calc(148.2315 * var(--setsize));
  left: calc(188.7059 * var(--setsize));
  z-index: 2;
  pointer-events: none;
}


#sec03 .img02{
  width: calc(540 * var(--setsize));
  margin: calc(-102 * var(--setsize)) 0 0 auto;
  position: relative;
  transform: translateX(calc(58 * var(--setsize)));
}

#sec03 .img02 > .imgOuter{
  transform: rotate(10deg);
  transform-origin: left top;
  position: relative;
}

#sec03 .img02 > .imgOuter::after{
  content: '';
  display: block;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  background: #FFFFFF;
  position: absolute;
  z-index: -1;
  left: 1px;
  top: 1px;
}


#sec03 .creditArea{
  padding-top: calc(110 * var(--setsize));
}


/*******************************
sec04
*******************************/
#sec04{
  display: block;
  width: 100%;
  margin: 0 auto;
  padding-top: calc(160 * var(--setsize));
  padding-bottom: calc(162 * var(--setsize));
  background: #EFCED9;
  position: relative;
  z-index: 1;
}

#sec04 .img01{
  width: calc(560 * var(--setsize));
  margin: 0 auto calc(90 * var(--setsize));
  position: relative;
}

#sec04 .img01 .text{
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  pointer-events: none;
}

#sec04 .img01 .text > p{
  display: block;
  position: absolute;
}

#sec04 .img01 .text > p:nth-of-type(1){
  width: calc(166.3984 * var(--setsize));
  left: calc(32.6016 * var(--setsize));
  top: calc(87.7979 * var(--setsize));
}

#sec04 .img01 .text > p:nth-of-type(2){
  width: calc(96.2002 * var(--setsize));
  right: calc(-32 * var(--setsize));
  top: calc(277.7979 * var(--setsize));
}

#sec04 .img01 .text > p:nth-of-type(3){
  width: calc(239.1982 * var(--setsize));
  left: calc(-52.4004 * var(--setsize));
  top: calc(467.7979 * var(--setsize));
}



#sec04 .img02{
  width: calc(750 * var(--setsize));
  margin: 0 auto;
  position: relative;
}


#sec04 #slideText{
  display: block;
  width: 100%;
  margin-top: calc(164 * var(--setsize));
  height: calc(66.6055 * var(--setsize));
  overflow: hidden;
}

#sec04 #slideText > div{
  display: block;
  width: 100%;
  height: 100%;
  background: url("../img/scroll_text.svg") left center repeat-x;
  background-size: auto 100%;
  animation: textScroll 30s infinite linear; 
}

@keyframes textScroll {
  0%   { background-position: 0 center; }
  100% { background-position: calc(-2394.622 * var(--setsize)) center;}
}


/*******************************
sec05
*******************************/
#sec05{
  display: block;
  width: 100%;
  margin: 0 auto;
  padding-bottom: calc(148 * var(--setsize));
  background: #EFCED9;
  position: relative;
  z-index: 1;
}

#sec05 .img01{
  width: calc(750 * var(--setsize));
  margin: 0 auto calc(100 * var(--setsize));
  position: relative;
}

#sec05 .img01 .imgText{
  display: block;
  width: calc(209.2148 * var(--setsize));
  position: absolute;
  left: calc(490.1396 * var(--setsize));
  top:  calc(43.0547 * var(--setsize));
  z-index: 1;
  pointer-events: none;
}

#sec05 .img02{
  width: calc(670 * var(--setsize));
  margin: 0 auto;
}


/*******************************
sec06
*******************************/
#sec06{
  display: block;
  width: 100%;
  margin: 0 auto;
  padding-top: calc(100 * var(--setsize));
  padding-bottom: calc(160 * var(--setsize));
  background: #87B2B1;
  position: relative;
  z-index: 1;
}


#sec06 .img01{
  width: calc(670 * var(--setsize));
  margin: 0 auto calc(100 * var(--setsize));
  position: relative;
}

#sec06 .img01 .text{
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  pointer-events: none;
}

#sec06 .img01 .text > p{
  display: block;
  position: absolute;
}

#sec06 .img01 .text > p:nth-of-type(1){
  width: calc(83.1992 * var(--setsize));
  left: calc(476.8027 * var(--setsize));
  top: calc(137.7979 * var(--setsize));
}

#sec06 .img01 .text > p:nth-of-type(2){
  width: calc(239.1973 * var(--setsize));
  left: calc(32.6006 * var(--setsize));
  top: calc(387.7979 * var(--setsize));
}


#sec06 .img02{
  width: calc(750 * var(--setsize));
  margin: 0 auto;
  position: relative;
}

/*******************************
secBottom
*******************************/
#secBottom{
  display: block;
  width: calc(665.2031 * var(--setsize));
  margin: 0 auto;
  padding-top: calc(160 * var(--setsize));
  padding-bottom: calc(200 * var(--setsize));
  position: relative;
}

#secBottom::after{
  content: '';
  display: block;
  width: calc(66 * var(--setsize));
  height: calc(59 * var(--setsize));
  background: url("../img/list_img_text_bg.svg") center center no-repeat;
  background-size: 100% auto;
  position: absolute;
  left: calc(-12.4004 * var(--setsize));
  top: calc(913 * var(--setsize));
  z-index: 1;
  pointer-events: none;
}


#secBottom .secBottomTTL{
  width: calc(261.1211 * var(--setsize));
  margin: 0 auto calc(684 * var(--setsize)) 0;
  position: relative;
  z-index: 3;
  pointer-events: none;
}

#secBottom .secBottomText{
  width: calc(316.8008 * var(--setsize));
  margin: 0 0 0 auto;
  position: relative;
  z-index: 3;
  pointer-events: none;
}

#secBottom .secBottomImgages{
  display: block;
  width: 100%;
  position: absolute;
  left: 0;
  top: calc(160 * var(--setsize));
  z-index: 2;
}

#secBottom .secBottomImgages > *{
  position: absolute;
  transform-origin: left top;
}

#secBottom .img01{
  width: calc(220 * var(--setsize));
  left: calc(403.1952 * var(--setsize));
  top: calc(4.6019 * var(--setsize));
  transform: rotate(6deg);
  z-index: 1;
}

#secBottom .img02{
  width: calc(220 * var(--setsize));
  left: calc(426.7393 * var(--setsize));
  top: calc(319.6513 * var(--setsize));
  transform: rotate(-6deg);
  z-index: 2;
}


#secBottom .img03{
  width: calc(300 * var(--setsize));
  left: calc(18.5534 * var(--setsize));
  top: calc(106.1062 * var(--setsize));
  transform: rotate(-10deg);
  z-index: 2;
}

#secBottom .img04{
  width: calc(340 * var(--setsize));
  left: calc(315.5273 * var(--setsize));
  top: calc(518.1135 * var(--setsize));
  transform: rotate(10deg);
  z-index: 3;
}

#secBottom .img05{
  width: calc(280 * var(--setsize));
  left: calc(178.5402 * var(--setsize));
  top: calc(277.9148 * var(--setsize));
  transform: rotate(-6deg);
  z-index: 4;
}


#secBottom .img06{
  width: calc(200 * var(--setsize));
  left: calc(23.2022 * var(--setsize));
  top: calc(272.7622 * var(--setsize));
  transform: rotate(10deg);
  z-index: 5;
}


#secBottom .img07{
  width: calc(220 * var(--setsize));
  left: calc(42.0891 * var(--setsize));
  top: calc(565.5443 * var(--setsize));
  transform: rotate(-12deg);
  z-index: 6;
}



/*******************************
allItemBtn
*******************************/
#LB250425onepiece .allItemBtn{
  display: block;
  width:  calc(670 * var(--setsize));
  margin: 0 auto calc(188 * var(--setsize));
  position: relative;
  z-index: 1;
}

#LB250425onepiece .allItemBtn > a{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 calc(30 * var(--setsize));
  width: 100%;
  height: calc(142 * var(--setsize) + 2px);
  border: 1px solid #5B4B4A;
}

#LB250425onepiece .allItemBtn > a::before,
#LB250425onepiece .allItemBtn > a::after{
  content: '';
  display: block;
  width: calc(84 * var(--setsize));
  height: calc(92.4 * var(--setsize));
  background: url("../img/btn_icon.png") center center no-repeat;
  background-size: 100% auto;
}

#LB250425onepiece .allItemBtn > a > picture{
  display: block;
  width: calc(319.9961 * var(--setsize));
}

/*******************************
staffList
*******************************/
#LB250425onepiece .staffList{
  display: block;
}

#LB250425onepiece .staffList > p{
  font-family: "lores-12", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(24 * var(--setsize));
  line-height: 2;
  letter-spacing: 0;
  text-align: center;
  color: #5B4B4A;
}


/*******************************
overRide
*******************************/
#LB250425onepiece .pcView{display: none!important;}