@charset "utf-8";
/* CSS Document */

/* base
-----------------------------------------------*/
/* ========== base style ========== */

/* common parts
-----------------------------------------------*/
/* ========== text ========== */
/* ========== border ========== */
/* ========== float ========== */
/* ========== display ========== */
/* ========== position ========== */
/* ========== overflow ========== */
/* ========== width ========== */
/* ========== margin ========== */
/* ========== background ========== */
/* ========== device displaying ========== */
/* ========== animation for ScrollTrigger.min.js  ========== */

/* other style
-----------------------------------------------*/



/* base
-----------------------------------------------*/
picture {
display: block;
}

/* ========== base style ========== */
.allwrapper,
.modal {
width: 100%;
min-height: 100vh;
color: #000;
font-family: freightbigcmp-pro, serif;
font-style: normal;
font-weight: 300;
font-size: 3.73333333vw;
line-height: 100%;
font-feature-settings: "palt";
letter-spacing: 0;
background: #fff;
animation-delay: 0.75s;
}
.modal {
min-height: auto;
}
.allwrapper *,
.modal * {
box-sizing: border-box;
}
.allwrapper a:link,
.allwrapper a:visited,
.allwrapper .acordion_btn {
color: #000;
text-decoration: none;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
}
.allwrapper a:hover,
.allwrapper a:hover img,
.allwrapper button:hover img {
opacity: 0.80;
filter: alpha(opacity=80);
}
.allwrapper ol,
.allwrapper ul {
list-style:none;
}
.allwrapper img, 
.allwrapper video,
.allwrapper button {
width: 100%;
height: auto;
display: block;
margin-left: auto;
margin-right: auto;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
}
@media (min-width:768px){
	.allwrapper {
	width: vw;
	}
	.allwrapper,
	.modal {
	font-size: 17.5px;
	}
}

/* common parts
-----------------------------------------------*/
/* ========== text ========== */
/* align */
.al_left { text-align: left; }
.al_center { text-align: center; }
.al_right { text-align: right; }

/* size */
.fs8 { font-size: 2.133333vw; }
.fs9 { font-size: 2.4vw; }
.fs10 { font-size: 2.666666vw; }
.fs11 { font-size: 2.933333vw; }
.fs11_5 { font-size: 3.066666vw; }
.fs12 { font-size: 3.2vw; }
.fs12_5 { font-size: 3.33333333vw; }
.fs13 { font-size: 3.466666vw; }
.fs13_5 { font-size: 3.6vw; }
.fs14 { font-size: 3.733333vw; }
.fs15 { font-size: 4vw; }
.fs16 { font-size: 4.266666vw; }
.fs17 { font-size: 4.533333vw; }
.fs18 { font-size: 4.8vw; }
.fs19 { font-size: 5.066666vw; }
.fs20 { font-size: 5.333333vw; }
@media (min-width:768px){
	.fs11 { font-size: 11px; }
	.fs14 { font-size: 14px; }
}

/* weight */
.fw200 { font-weight: 200 !important; }
.fw300 { font-weight: 300 !important; }
.fw400 { font-weight: 400 !important; }
.fw500 { font-weight: 500 !important; }
.fw600 { font-weight: 600 !important; }
.fw700 { font-weight: 700 !important; }

/* line height */
.lh100 { line-height: 100%; }
.lh110 { line-height: 110%; }
.lh120 { line-height: 120%; }
.lh130 { line-height: 130%; }
.lh140 { line-height: 140%; }
.lh150 { line-height: 150%; }
.lh160 { line-height: 160%; }
.lh170 { line-height: 170%; }
.lh180 { line-height: 180%; }
.lh190 { line-height: 190%; }
.lh200 { line-height: 200%; }
.lh210 { line-height: 210%; }

/* letter space */
.ltrspace0 { letter-spacing: 0; }
.ltrspace0025 { letter-spacing: 0.025em; }
.ltrspace005 { letter-spacing: 0.05em; }
.ltrspace0075 { letter-spacing: 0.075em; }
.ltrspace01 { letter-spacing: 0.1em; }
.ltrspace0125 { letter-spacing: 0.125em; }
.ltrspace015 { letter-spacing: 0.15em; }


/* ========== float ========== */
/* clearfix */
.clearfix:before,
.clearfix:after {
display: table;
content: " ";
}
.clearfix:after { clear: both; }

/* float */
.float_left { float: left; }
.float_right { float: right; }


/* ========== display ========== */
.disp_block { display: block !important; }
.disp_iblock { display: inline-block !important; }
.disp_inline { display: inline !important; }
.disp_none { display: none; }
.disp_flex { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }


/* ========== position ========== */
.posi_relative { position: relative !important; }
.posi_absolute { position: absolute !important; }
.posi_fixed { position: fixed !important; }


/* ========== overflow ========== */
.overflow_hidden { overflow: hidden !important; }


/* ========== margin ========== */
/* margin-auto */
.mx_auto { margin-left: auto; margin-right: auto; }


/* ========== device displaying ========== */
.sp_none{ display: none; }
img.sp_none{ display: none; }
.sp_only{ display: block; }
img.sp_only{ display: block; }
@media (min-width:768px){
	.sp_none{display: block;}
	img.sp_none{display: block;}
	.tab_none { display: none; }
	img.tab_none { display: none; }
	.sp_only{display: none;}
	img.sp_only{display: none;}
	.sp_only{display: none;}
	img.sp_only{display: none;}
}
.spc_none{ display: block; }
@media (min-width:720px){.pc_none{display: block;}}
.pc_only{ display: none; }
@media (min-width:721px){.pc_none{display: none;}
.pc_only{display: block;}
.tab_none{ display: block; }
}


/* ========== animation for ScrollTrigger.min.js  ========== */
.invisible {
transition: opacity 1s ease;
opacity: 0.0;
}
.visible {
transition: opacity 1s ease;
opacity: 1.0;
}

.outro__title,
.item01__title,
.item02__title,
.item03__title,
.item04__title,
.line-up-card__label{font-family: "gamay-expanded", sans-serif;font-style: normal;font-weight: 800;}
.line-up-card__name{font-family: "gamay-expanded", sans-serif;font-style: normal;font-weight: 600;}
.line-up-card__price,
.line-up-card__copy,
.line-up-card__link,
.credit__name,
.credit__price,
.credit__link-btn{font-family: aktiv-grotesk, sans-serif;font-style: normal;font-weight: 500;}
.intro__text{font-family: yu-gothic-pr6n, sans-serif;font-style: normal;font-weight: 400;}
/* other style
-----------------------------------------------*/
#ch-plugin-entry{display:none !important;}
img{vertical-align:top;}

.anime-inview {
	opacity: 0;
	-webkit-transition: 0.8s all 0.4s ease;
	-moz-transition: 0.8s all 0.4s ease;
	-o-transition: 0.8s all 0.4s ease;
	transition: 0.8s all 0.4s ease;
}
.visible.anime-inview{
	opacity: 1;
}

.anime-fadeinup {
opacity: 0;
-webkit-transform: translate(0, 20px);
transform: translate(0, 20px);
-webkit-transition: 1.8s all 0s ease;
-moz-transition: 1.8s all 0s ease;
-o-transition: 1.8s all 0s ease;
transition: 1.8s all 0s ease;
}
.visible.anime-fadeinup{
opacity: 1;
-webkit-transform: translate(0);
transform: translate(0);
}

.look04-02-wrapper.visible .fade-anime-2pieces picture,
.look04-01.fade-anime-2pieces picture,
.look02-02.visible.fade-anime-2pieces picture,
.look01-02-wrapper.visible .fade-anime-2pieces picture,
.look01-01-wrapper.visible .fade-anime-2pieces picture, 
.line-up.visible .fade-anime-2pieces picture {
    opacity: 0;
    animation: fade-slider-2 8s infinite;
}
.look04-02-wrapper.visible .fade-anime-2pieces picture:nth-of-type(1),
.look04-01.fade-anime-2pieces picture:nth-of-type(1),
.look02-02.visible.fade-anime-2pieces picture:nth-of-type(1),
.look01-02-wrapper.visible .fade-anime-2pieces picture:nth-of-type(1),
.look01-01-wrapper.visible .fade-anime-2pieces picture:nth-of-type(1),
.line-up.visible .fade-anime-2pieces picture:nth-of-type(1) { animation-delay: 0s; }
.look04-02-wrapper.visible .fade-anime-2pieces picture:nth-of-type(2),
.look04-01.fade-anime-2pieces picture:nth-of-type(2),
.look02-02.visible.fade-anime-2pieces picture:nth-of-type(2),
.look01-02-wrapper.visible .fade-anime-2pieces picture:nth-of-type(2),
.look01-01-wrapper.visible .fade-anime-2pieces picture:nth-of-type(2),
.line-up.visible .fade-anime-2pieces picture:nth-of-type(2) { animation-delay: 4s; }

.look06-01.visible.fade-anime-3pieces picture,
.look03-01.visible.fade-anime-3pieces picture {
    opacity: 0;
    animation: fade-slider-3 12s infinite;
}
.look06-01.visible.fade-anime-3pieces picture:nth-of-type(1),
.look03-01.visible.fade-anime-3pieces picture:nth-of-type(1) { animation-delay: 0s; }
.look06-01.visible.fade-anime-3pieces picture:nth-of-type(2),
.look03-01.visible.fade-anime-3pieces picture:nth-of-type(2) { animation-delay: 4s; }
.look06-01.visible.fade-anime-3pieces picture:nth-of-type(3),
.look03-01.visible.fade-anime-3pieces picture:nth-of-type(3) { animation-delay: 8s; }

.outro__image-wrapper__ribbon01,
.outro__image-wrapper__ribbon02,
.look06-02-wrapper__ribbon01,
.look06-02-wrapper__ribbon02,
.look06-02-wrapper__ribbon03,
.look05-02-wrapper__ribbon01,
.look03-02-wrapper__ribbon01,
.look03-02-wrapper__ribbon02,
.look03-02-wrapper__ribbon03,
.look01-01-wrapper__ribbon01,
.look01-01-wrapper__ribbon02{
	-webkit-transition: 0.5s cubic-bezier(0.11, 0.74, 0.465, 1.65) 0s;
  transition: 0.5s cubic-bezier(0.11, 0.74, 0.465, 1.65) 0s;
}
.outro__image-wrapper__ribbon01,
.look06-02-wrapper__ribbon01,
.look05-02-wrapper__ribbon01,
.look03-02-wrapper__ribbon01,
.look01-01-wrapper__ribbon01 {animation: ribbon 3.6s ease 0s infinite;}
.outro__image-wrapper__ribbon02,
.look06-02-wrapper__ribbon02,
.look03-02-wrapper__ribbon02,
.look01-01-wrapper__ribbon02 {animation: ribbon 4.0s ease 0.8s infinite;}
.look06-02-wrapper__ribbon03,
.look03-02-wrapper__ribbon03 {animation: ribbon 3.2s ease 1.5s infinite;}

@keyframes fade-slider-2 {
  0% { opacity: 0; }
  12.5% { opacity: 1; }
  50% { opacity: 1; }
  62.5% { opacity: 0; }
  100% { opacity: 0; }
}
@keyframes fade-slider-3 {
  0% { opacity: 0; }
  8.3% { opacity: 1; }
  33.3% { opacity: 1; }
  41.6% { opacity: 0; }
  100% { opacity: 0; }
}
@keyframes ribbon {
  0%   { rotate: 0deg; }
  40%  { rotate: 0deg; }
  55%  { rotate: 15deg; }
  70%  { rotate: -15deg; }
  75%  { rotate: 0deg; }
  100% { rotate: 0deg; }
}

/* スクリーンサイズが1032px以下の場合に適用 */
@media screen and (max-width: 1032px) {
	body{margin:0;}
	.special-order{margin:14.13vw 0 0;}
	.special-order__image{display:none;}
	a.special-order__btn{display:block;margin:0 auto;width:75.6vw;height:12.67vw;}
	.special-order__btn-item{width:75.6vw;height:12.67vw;}
	.line-up {background:#000;padding:6.67vw 0 6.67vw;}
	.line-up__title {margin:0 auto;width:61.33vw;height:6.53vw;}
	.line-up__title-image {width:61.33vw;height:6.53vw;}
	.line-up-list {margin:4.67vw 0 0;}
	.line-up-list__page-wrapper-wrapper{}
	.line-up-list__page-wrapper{}
	.line-up-list__page{display:flex;justify-content:center;gap:1.87vw;}
	.line-up-list__page + .line-up-list__page{margin-top:4vw;}
	.line-up-card {margin:0;padding:3.47vw 1.47vw 1.07vw;width:43.47vw;background:#fff;text-align:center;}
	.line-up-card__label {margin:0;padding: 0;font-size:4vw;line-height: 1;letter-spacing: 0.025em;color:#df0615;}
	.line-up-card__image {position:relative;margin:1.87vw auto 0;padding: 0;width:37.60vw;height:40vw;}
	.line-up-card__image-item {position:absolute;top:0;left:0;width:37.60vw;height:40vw;}
	.line-up-card__name {margin:1.87vw 0 0;padding: 0;font-size:3.73vw;line-height: 1;letter-spacing: 0;}
	.line-up-card__credit{margin:1.6vw 0 0;padding:0;}
	.line-up-card__price{margin:0;padding:0;display:inline-block;font-size:3.33vw;line-height:1;letter-spacing:0;}
	a.line-up-card__link{margin:0 0 0 1.33vw;padding:0.8vw 1.33vw;display:inline-block;font-size:2.8vw;line-height:1;letter-spacing:0.05em;text-decoration:none;background:#000;color:#fff;}
	.line-up-card__link-item{display:block;}
	.line-up-card__copy {margin:2.67vw 0 0;padding: 0;font-size:1.87vw;line-height: 1;letter-spacing: 0;}
	.line-up-list .splide__pagination {display:none;}

	.credit {display: grid;gap:3.39vw 4.85vw;grid-template-columns: auto auto auto;width: fit-content;margin: 4.85vw auto 0;}
	.credit__name {margin: 0;display: flex;align-items: center;font-size:3.27vw;line-height: 1;letter-spacing:0;}
	.credit__price {margin: 0;display: flex;align-items: center;font-size:3.27vw;line-height: 1;letter-spacing:0;}
	.credit__link {margin: 0;display: flex;align-items: center;}
	a.credit__link-btn{margin:0;padding:0.85vw 1.70vw;display:inline-block;background:#df0615;color:#fff;font-size:2.79vw;line-height: 1;letter-spacing: 0;text-decoration:none;transition: transform 0.5s;}
	a.credit__link-btn:hover{opacity: 0.7;}
	.credit__link-btn-item{display:block;transform:translateY(0.24vw);}
	.main{}
	.main-visual{width:100vw;height:177.78vw;margin:0 auto;}
	.main-visual__video{width:100vw;height:auto;vertical-align: top;}
	.intro{width:100vw;margin:0 auto;padding:15.27vw 0 19.39vw;background:#fff;}
	.intro__image-wrapper{}
	.intro__image{margin:0 auto;padding:0;width:42.79vw;}
	.intro__image-item{margin:0;padding:0;width:42.79vw;height:30.42vw;}
	.intro__text{margin:7.27vw 0 0;padding:0;font-size:3.15vw;line-height: 2.33;letter-spacing:0;text-align:center;}
	.contents-wrapper{background: #fff;width:100vw;margin:18.67vw auto 0;}
	.look01{margin:0 auto;padding:0;}
	.look01-01-wrapper{position:relative;margin:0 auto;padding:0;width:93.33vw;}
	.look01-01-wrapper__ribbon01{position:absolute;top:-6.91vw;right:-1.94vw;z-index:1;width:19.39vw;height:15.64vw;}
	.look01-01-wrapper__ribbon02{position:absolute;bottom:13.33vw;left:-5.58vw;z-index:1;width:15.15vw;height:11.03vw;}
	.look01-01{position:relative;width:93.33vw;height:124.36vw;}
	.look01-01__image{position:absolute;top:0;left:0;width:93.33vw;height:124.36vw;}
	.look01-02-wrapper{position:relative;margin:2.42vw 0 0;padding:0;width:100vw;overflow: hidden;}
	.look01-02{width:58.67vw;height:78.18vw;}
	.look01-02:nth-of-type(1){position:relative;margin:0 0 0 10.91vw;}
	.look01-02:nth-of-type(2){position:absolute;top:0;left:70.79vw;}
	.look01-02__image{position:absolute;top:0;left:0;width:58.67vw;height:78.18vw;}
	.look01-03{margin:2.42vw 0 0 3.39vw;padding:0 2.42vw 2.42vw 0;width:73.94vw;height:98.67vw;background:#df0615;}
	.look01-03__image{width:73.94vw;height:98.67vw;}
	.item01{margin:14.55vw 0 0;}
	.item01__wrapper{position:relative;}
	.item01__title{margin:0;padding:0;position:absolute;top:4.48vw;left:48.48vw;font-size:7.27vw;line-height:1;letter-spacing:0.1em;color:#df0615;text-shadow: -1.21vw 0.73vw 0 rgba(255, 255, 255, 1);}
	.item01__image{width:100%;height:auto;}
	.look02{margin:15.76vw 0 0;}
	.look02-01{}
	.look02-01__image-wrapper-wrapper {}
	.look02-01__image-wrapper{}
	.look02-01__image{width:46.67vw;height:62.67vw;}
	.look02-02{position:relative;margin:4.12vw auto 0;padding:0;background:#000;width:83.76vw;height:111.03vw;}
	.look02-02__image{position:absolute;top:0;left:0;padding:1.21vw;width:81.33vw;height:108.61vw;}
	.look03{margin:15.27vw 0 0;}
	.look03-01{position:relative;margin:0 auto;padding:0;width:93.33vw;height:124.36vw;}
	.look03-01__image{position:absolute;top:0;left:0;width:93.33vw;height:124.36vw;}
	.look03-02-wrapper{position:relative;margin:3.64vw 0 0;}
	.look03-02-wrapper__ribbon01{position:absolute;top:24.97vw;right:5.82vw;width:15.76vw;height:13.45vw;}
	.look03-02-wrapper__ribbon02{position:absolute;top:38.55vw;right:3.03vw;width:10.91vw;height:6.91vw;}
	.look03-02-wrapper__ribbon03{position:absolute;bottom:19.15vw;left:6.06vw;width:15.88vw;height:12.73vw;}
	.look03-02{display:flex;flex-direction:column;margin:0 auto;padding:0 0 2.42vw 2.42vw;width:46.06vw;background:#df0615;}
	.look03-02__image{width:46.06vw;height:61.33vw;}
	.item02{margin:15.52vw 0 0;}
	.item02__wrapper{position:relative;}
	.item02__title{margin:0;padding:0;width:100%;position:absolute;top:4.85vw;left:0;text-align:center;font-size:7.27vw;line-height:1;letter-spacing:0.1em;color:#df0615;text-shadow: -1.21vw 0.73vw 0 rgba(255, 255, 255, 1);}
	.item02__image{width:100%;height:auto;}
	.look04{}
	.look04-01{position:relative;margin:15.76vw auto 0;padding:0;width:93.33vw;height:124.36vw}
	.look04-01__image{position:absolute;top:0;left:0;width:93.33vw;height:124.36vw;}
	.look04-02-wrapper{position:relative;margin:2.42vw 0 0;padding:0;width:100vw;overflow: hidden;}
	.look04-02{width:58.67vw;height:78.18vw;}
	.look04-02:nth-of-type(1){position:relative;margin:0 0 0 30.42vw;}
	.look04-02:nth-of-type(2){position:absolute;top:0;left:-29.94vw;}
	.look04-02__image{position:absolute;top:0;left:0;width:58.67vw;height:78.18vw;}
	.look04-03{margin:2.42vw 0 0 20.24vw;padding:0 0 2.42vw 2.42vw;width:73.94vw;height:98.67vw;background:#df0615;}
	.look04-03__image{width:73.94vw;height:98.67vw;}
	.look05{margin:15.76vw 0 0;}
	.look05-01{}
	.look05-01__image-wrapper-wrapper {}
	.look05-01__image-wrapper{}
	.look05-01__image{width:46.67vw;height:62.67vw;}
	.look05-02-wrapper{position:relative;}
	.look05-02-wrapper__ribbon01{position:absolute;top:9.45vw;right:2.18vw;z-index:1;width:18.18vw;height:13.21vw;}
	.look05-02{position:relative;margin:3.64vw auto 0;padding:0;background:#000;width:83.76vw;height:111.03vw;}
	.look05-02__image{position:absolute;top:0;left:0;padding:1.21vw;width:81.33vw;height:108.61vw;}
	.item03{margin:15.76vw 0 0;}
	.item03__wrapper{position:relative;}
	.item03__title{margin:0;padding:0;width:100%;position:absolute;top:17.45vw;left:0;text-align:center;font-size:7.27vw;line-height:1;letter-spacing:0.1em;color:#df0615;text-shadow: -1.21vw 0.73vw 0 rgba(255, 255, 255, 1);}
	.item03__image{width:100%;height:auto;}
	.look06{}
	.look06-01{position:relative;margin:16.97vw auto 0;padding:0;width:93.33vw;height:124.36vw}
	.look06-01__image{position:absolute;top:0;left:0;width:93.33vw;height:124.36vw;}
	.look06-02-wrapper{position:relative;margin:3.64vw 0 0;}
	.look06-02-wrapper__ribbon01{position:absolute;top:25.70vw;left:4.61vw;width:15.64vw;height:13.33vw;}
	.look06-02-wrapper__ribbon02{position:absolute;top:39.27vw;left:12.12vw;width:10.91vw;height:7.03vw;}
	.look06-02-wrapper__ribbon03{position:absolute;bottom:20vw;right:3.27vw;width:16vw;height:12.85vw;}
	.look06-02{display:flex;flex-direction:column;margin:0 auto;padding:2.42vw 2.42vw 0 0;width:46.06vw;background:#df0615;}
	.look06-02__image{width:46.06vw;height:61.33vw;}
	.item04{margin:14.55vw 0 0;}
	.item04__wrapper{position:relative;}
	.item04__title{margin:0;padding:0;position:absolute;top:9.09vw;right:3.03vw;font-size:7.27vw;line-height:1;letter-spacing:0.1em;color:#df0615;text-shadow: -1.21vw 0.73vw 0 rgba(255, 255, 255, 1);}
	.item04__image{width:100%;height:auto;}
	.all-item-link{margin:16.97vw 0 0;}
	.all-item-link__item{display:block;margin:0 auto;width:75.64vw;height:12.61vw;}
	.all-item-link__item-image{width:75.64vw;height:12.61vw;}
	.outro{margin:22.55vw 0 0;padding:8.85vw 0 6.91vw;background:#000;}
	.outro__image-wrapper{position:relative;margin:0 auto 0;width:72.73vw;height:53.33vw;}
	.outro__image-wrapper__ribbon01{position:absolute;top:-3.27vw;left:-3.88vw;width:15.76vw;height:13.45vw;}
	.outro__image-wrapper__ribbon02{position:absolute;bottom:2.42vw;right:-3.64vw;width:10.79vw;height:7.15vw;}
	.outro__image{width:72.73vw;height:53.33vw;}
	.outro__staff{margin:7.52vw 0 0;padding:0;text-align:center;}
	.outro__title{margin:0 0 4.36vw;padding:0;color:#df0615;font-size:4vw;line-height:1;letter-spacing:0.025em;}
	.outro__role-list{display:flex;justify-content:center;margin:0;padding:0;color:#fff;font-size:2.91vw;line-height:1;letter-spacing: 0.025em}
	.outro__role-list + .outro__role-list{margin-top:2.91vw;}
	.outro__role{margin:0;padding:0;}
	.outro__role:after{content:":";margin:0 0 0 0.97vw;}
	.outro__name{margin:0 0 0 0.97vw;padding:0;}
	.outro__logo{margin:11.52vw auto 0;width:15.03vw;height:5.45vw;}
	.outro__logo-image{width:15.03vw;height:5.45vw;}
	.outro__copy{margin:2.42vw 0 0;padding:0;text-align:center;color:#fff;font-size:2.18vw;line-height: 1;letter-spacing: 0.025em;}
}/* スクリーンサイズが1032px以下の場合に適用 */

/* スクリーンサイズが1033px以上の場合に適用 */
@media screen and (min-width: 1033px) {
	body{margin:0;}
	body.static .wrapper{margin:0;background:#000;}

	/* --- 修正箇所：初期状態をfixed（中央）に設定してジャンプを防止 --- */
	.main{ position: relative; } 

	.special-order, .line-up {
		position: fixed;   /* デフォルトを固定にする */
		top: 50%;         /* 最初から垂直中央 */
		transform: translateY(-50%);
		z-index: 10;
		/* 位置移動のアニメーションは無効化し、opacityだけを活かす */
		transition: opacity 0.8s ease !important; 
	}

	/* スクロールが一番上の時：JSで付与 */
	.special-order.is-top, .line-up.is-top {
		position: absolute;
		top: 0;
		transform: none;
	}

	/* 下端に到達した時：JSで付与 */
	.special-order.is-bottom, .line-up.is-bottom {
		position: absolute;
		top: auto;
		bottom: 60px;
		transform: none;
	}

	.special-order{
		right:0;
		display:flex;
		flex-direction:column;
		justify-content:center;
		min-width:calc((100vw - 412.5px) / 2 );
	}

	.line-up{
		left:0;
		display:flex;
		flex-direction:column;
		justify-content:center;
		min-width:calc((100vw - 412.5px) / 2 );
	}
	/* --- 修正箇所ここまで --- */

	.special-order__image{margin:0 auto;padding:0;width:231px;height:231px;}
	.special-order__image-item{width:231px;height:231px;}
	a.special-order__btn{margin:39px auto 0;padding:0;width:310.5px;height:51.5px;transition: transform 0.5s;}
	a.special-order__btn:hover{opacity: 0.7;}
	.special-order__btn-item{width:310.5px;height:51.5px;}
	
	.line-up__title{margin:0 auto;padding:0;width:228px;height:24.5px;}
	.line-up__title-image{width:228px;height:24.5px;}
	.line-up-list{width:136px;margin:37px auto 0;overflow:hidden;}
	.line-up-card{background:#fff;margin:0;padding:10px 0 4px;width:136px;display:flex;flex-direction:column;align-items:center;}
	.line-up-card + .line-up-card{margin-top:25px;}
	.line-up-card__label{margin:0;padding:0;font-size:12.5px;line-height:1;letter-spacing:0.025em;color:#df0615;}
	.line-up-card__image{margin:5px 0 0;padding:0;position:relative;width:136px;height:126.5px;}
	.line-up-card__image-item{position:absolute;top:0;left:0;width:136px;height:126.5px;}
	.line-up-card__name{margin:5px 0 0;padding:0;font-size:12px;line-height:1;letter-spacing:0em;}
	.line-up-card__credit{margin:5px 0 0;padding:0;font-size:10.5px;line-height:1;}
	.line-up-card__price{margin:0;padding:0;display:inline-block;transform:translateY(1px);font-size:10.5px;line-height:1;letter-spacing:0em;}
	a.line-up-card__link{margin:0 0 0 10px;padding:3px 5px;display:inline-block;font-size:9px;line-height:1;letter-spacing:0.05em;text-decoration:none;background:#000;color:#fff;transition: transform 0.5s;}
	a.line-up-card__link:hover{opacity: 0.7;}
	.line-up-card__link-item{display:block;transform:translateY(1px);}
	.line-up-card__copy{margin:8px 0 0;padding:0;font-size:6px;line-height:1;letter-spacing:0;}	
	.line-up-list .splide__pagination {margin:15px 0 0;padding: 0;}
	.line-up-list .splide__pagination__page {margin:0;padding:0;display:block;width: 8px;height: 8px;background: #fff;border-radius: 9999px;margin: 0 10px;border: none;transition: transform 0.3s;}
	.line-up-list .splide__pagination__page.is-active {background: #df0615;}
	.line-up-list .splide__pagination__page:hover {background: #df0615;}

	.credit {display: grid;gap:14px 20px;grid-template-columns: auto auto auto;width: fit-content;margin: 20px auto 0;}
	.credit__name {margin: 0;display: flex;align-items: center;font-size:13.5px;line-height: 1;letter-spacing:0;}
	.credit__price {margin: 0;display: flex;align-items: center;font-size:13.5px;line-height: 1;letter-spacing:0;}
	.credit__link {margin: 0;display: flex;align-items: center;}
	a.credit__link-btn{margin:0;padding:3.5px 7px;display:inline-block;background:#df0615;color:#fff;font-size:11.5px;line-height: 1;letter-spacing: 0;text-decoration:none;transition: transform 0.5s;}
	a.credit__link-btn:hover{opacity: 0.7;}
	.credit__link-btn-item{display:block;transform:translateY(1px);}

	.main-visual{width:412.5px;height:733.33px;margin:0 auto;}
	.main-visual__video{width:412.5px;height:auto;vertical-align: top;}
	.intro{width:412.5px;margin:0 auto;padding:63px 0 80px;background:#fff;}
	.intro__image-wrapper{}
	.intro__image{margin:0 auto;padding:0;width:176.5px;}
	.intro__image-item{margin:0;padding:0;width:176.5px;height:125.5px;}
	.intro__text{margin:30px 0 0;padding:0;font-size:13px;line-height: 2.33;letter-spacing:0;text-align:center;}
	.contents-wrapper{background: #fff;width:412.5px;margin:0 auto;}
	.look01{margin:0 auto;padding:0;}
	.look01-01-wrapper{position:relative;margin:0 auto;padding:0;width:385px;}
	.look01-01-wrapper__ribbon01{position:absolute;top:-28.5px;right:-8px;z-index:1;width:80px;height:64.5px;}
	.look01-01-wrapper__ribbon02{position:absolute;bottom:55px;left:-23px;z-index:1;width:62.5px;height:45.5px;}
	.look01-01{position:relative;width:385px;height:513px;}
	.look01-01__image{position:absolute;top:0;left:0;width:385px;height:513px;}
	.look01-02-wrapper{position:relative;margin:10px 0 0;padding:0;width:412.5px;overflow: hidden;}
	.look01-02{width:242px;height:322.5px;}
	.look01-02:nth-of-type(1){position:relative;margin:0 0 0 45px;}
	.look01-02:nth-of-type(2){position:absolute;top:0;left:292px;}
	.look01-02__image{position:absolute;top:0;left:0;width:242px;height:322.5px;}
	.look01-03{margin:10px 0 0 14px;padding:0 10px 10px 0;width:305px;height:407px;background:#df0615;}
	.look01-03__image{width:305px;height:407px;}
	.item01{margin:60px 0 0;}
	.item01__wrapper{position:relative;}
	.item01__title{margin:0;padding:0;position:absolute;top:18.5px;left:200px;font-size:30px;line-height:1;letter-spacing:0.1em;color:#df0615;text-shadow: -5px 3px 0 rgba(255, 255, 255, 1);}
	.item01__image{width:100%;height:auto;}
	.look02{margin:65px 0 0;}
	.look02-01{}
	.look02-01__image-wrapper-wrapper {}
	.look02-01__image-wrapper{}
	.look02-01__image{width:192.5px;height:258.5px;}
	.look02-02{position:relative;margin:17px auto 0;padding:0;background:#000;width:345.5px;height:458px;}
	.look02-02__image{position:absolute;top:0;left:0;padding:5px;width:335.5px;height:448px;}
	.look03{margin:63px 0 0;}
	.look03-01{position:relative;margin:0 auto;padding:0;width:385px;height:513px;}
	.look03-01__image{position:absolute;top:0;left:0;width:385px;height:513px;}
	.look03-02-wrapper{position:relative;margin:15px 0 0;}
	.look03-02-wrapper__ribbon01{position:absolute;top:103px;right:24px;width:65px;height:55.5px;}
	.look03-02-wrapper__ribbon02{position:absolute;top:159px;right:12.5px;width:45px;height:28.5px;}
	.look03-02-wrapper__ribbon03{position:absolute;bottom:79px;left:25px;width:65.5px;height:52.5px;}
	.look03-02{display:flex;flex-direction:column;margin:0 auto;padding:0 0 10px 10px;width:190px;background:#df0615;}
	.look03-02__image{width:190px;height:253px;}
	.item02{margin:64px 0 0;}
	.item02__wrapper{position:relative;}
	.item02__title{margin:0;padding:0;width:100%;position:absolute;top:20px;left:0;text-align:center;font-size:30px;line-height:1;letter-spacing:0.1em;color:#df0615;text-shadow: -5px 3px 0 rgba(255, 255, 255, 1);}
	.item02__image{width:100%;height:auto;}
	.look04{}
	.look04-01{position:relative;margin:65px auto 0;padding:0;width:385px;height:513px}
	.look04-01__image{position:absolute;top:0;left:0;width:385px;height:513px;}
	.look04-02-wrapper{position:relative;margin:10px 0 0;padding:0;width:412.5px;overflow: hidden;}
	.look04-02{width:242px;height:322.5px;}
	.look04-02:nth-of-type(1){position:relative;margin:0 0 0 125.5px;}
	.look04-02:nth-of-type(2){position:absolute;top:0;left:-123.5px;}
	.look04-02__image{position:absolute;top:0;left:0;width:242px;height:322.5px;}
	.look04-03{margin:10px 0 0 83.5px;padding:0 0 10px 10px;width:305px;height:407px;background:#df0615;}
	.look04-03__image{width:305px;height:407px;}
	.look05{margin:65px 0 0;}
	.look05-01{}
	.look05-01__image-wrapper-wrapper {}
	.look05-01__image-wrapper{}
	.look05-01__image{width:192.5px;height:258.5px;}
	.look05-02-wrapper{position:relative;}
	.look05-02-wrapper__ribbon01{position:absolute;top:39px;right:9px;z-index:1;width:75px;height:54.5px;}
	.look05-02{position:relative;margin:15px auto 0;padding:0;background:#000;width:345.5px;height:458px;}
	.look05-02__image{position:absolute;top:0;left:0;padding:5px;width:335.5px;height:448px;}
	.item03{margin:65px 0 0;}
	.item03__wrapper{position:relative;}
	.item03__title{margin:0;padding:0;width:100%;position:absolute;top:72px;left:0;text-align:center;font-size:30px;line-height:1;letter-spacing:0.1em;color:#df0615;text-shadow: -5px 3px 0 rgba(255, 255, 255, 1);}
	.item03__image{width:100%;height:auto;}
	.look06{}
	.look06-01{position:relative;margin:70px auto 0;padding:0;width:385px;height:513px}
	.look06-01__image{position:absolute;top:0;left:0;width:385px;height:513px;}
	.look06-02-wrapper{position:relative;margin:15px 0 0;}
	.look06-02-wrapper__ribbon01{position:absolute;top:106px;left:19px;width:64.5px;height:55px;}
	.look06-02-wrapper__ribbon02{position:absolute;top:162px;left:50px;width:45px;height:29px;}
	.look06-02-wrapper__ribbon03{position:absolute;bottom:82.5px;right:13.5px;width:66px;height:53px;}
	.look06-02{display:flex;flex-direction:column;margin:0 auto;padding:10px 10px 0 0;width:190px;background:#df0615;}
	.look06-02__image{width:190px;height:253px;}
	.item04{margin:60px 0 0;}
	.item04__wrapper{position:relative;}
	.item04__title{margin:0;padding:0;position:absolute;top:37.5px;right:12.5px;font-size:30px;line-height:1;letter-spacing:0.1em;color:#df0615;text-shadow: -5px 3px 0 rgba(255, 255, 255, 1);}
	.item04__image{width:100%;height:auto;}
	.all-item-link{margin:70px 0 0;}
	.all-item-link__item{display:block;margin:0 auto;width:312px;height:52px;}
	.all-item-link__item-image{width:312px;height:52px;}
	.outro{margin:93px 0 0;padding:36.5px 0 28.5px;background:#000;}
	.outro__image-wrapper{position:relative;margin:0 auto 0;width:300px;height:220px;}
	.outro__image-wrapper__ribbon01{position:absolute;top:-13.5px;left:-16px;width:65px;height:55.5px;}
	.outro__image-wrapper__ribbon02{position:absolute;bottom:10px;right:-15px;width:44.5px;height:29.5px;}
	.outro__image{width:300px;height:220px;}
	.outro__staff{margin:31px 0 0;padding:0;text-align:center;}
	.outro__title{margin:0 0 18px;padding:0;color:#df0615;font-size:16.5px;line-height:1;letter-spacing:0.025em;}
	.outro__role-list{display:flex;justify-content:center;margin:0;padding:0;color:#fff;font-size:12px;line-height:1;letter-spacing: 0.025em}
	.outro__role-list + .outro__role-list{margin-top:12px;}
	.outro__role{margin:0;padding:0;}
	.outro__role:after{content:":";margin:0 0 0 4px;}
	.outro__name{margin:0 0 0 4px;padding:0;}
	.outro__logo{margin:47.5px auto 0;width:62px;height:22.5px;}
	.outro__logo-image{width:62px;height:22.5px;}
	.outro__copy{margin:10px 0 0;padding:0;text-align:center;color:#fff;font-size:9px;line-height: 1;letter-spacing: 0.025em;}
}/* スクリーンサイズが1033px以上の場合に適用 */