@charset "utf-8";
.loading{ position:fixed; width:100%; min-width:100vw; height:100%; min-height:100vh; top:0; left:0; background:#fff; z-index:100; display:flex; justify-content:center; align-items:center; }
.loading img{ width:260px; margin:16px auto; /*animation:loadingAni 2s infinite alternate;*/ }
/*@keyframes loadingAni{from{ transform:scale(.9); } to{ transform:scale(1); } }*/
picture,img{ display:block; }
picture img{ width:100%; height:auto;}
.wrap{ color:#333; overflow:clip; }
.wrap picture,
.wrap img{ width:100%; height:auto; }
.wrap section{ position:relative; }
.wrap a.more{ width:13vw; width:clamp(44px, 13vw,56px); aspect-ratio:1/1;}
.wrap .row_box_sub{ display:flex; align-items:stretch; }
.wrap .title{ display:flex; flex-direction:column; align-items:baseline; gap:8px; margin-bottom:12px; }
.wrap .title h2{ font-size:clamp(3.6rem, 9.7vw, 3.8rem);}
.wrap .title h3{ font-size:clamp(3rem, 8.2vw, 3.4rem);}
.wrap .title h4{ font-size:clamp(2.2rem, 6.1vw, 2.6rem); text-align:left;}
.wrap p ,.wrap li{ font-size:clamp(1.4rem, 4.1vw, 1.8rem); text-align:justify; line-height:1.6;}
.wrap .small{ font-size:.87em; font-size:clamp(1.4rem, 3.5vw, 1.6rem); }
.wrap figure figcaption{ margin-top:1em; }

.wrap .container{ width:96%; margin:auto; padding:0; }	
.wrap .fillet{ width:100%; }
.wrap .fillet img ,.wrap .fillet .border_block{ width:100%; object-fit:cover; border-radius:20vw 0;}
.wrap .fillet .border_block{ display:flex; align-items:center; justify-content:center; height:stretch; margin-bottom:1px;}

.wrap .product_list figure .image_block{ pointer-events:none; aspect-ratio:1/1; object-fit:cover;  }
.slick-slide{ cursor:grab; margin:0 8px;}
.slick-slide:active{ cursor:grabbing; }
.slick-dots{ display:flex; justify-content:flex-start; gap:0 16px;  }
.slick-dots button{ font-size:0; width:12px; height:12px; border-radius:12px; background:#976D3F; opacity:.6; transition:all 1s ease; }
.slick-dots .slick-active button{ width:30px; opacity:1; }

.wrap .fixed{ position:fixed; right:0; bottom:58px; z-index:91; transform:translateX(0); transition:transform 1s ease-out; width:clamp(170px, 10% ,200px);}
.wrap .fixed .icon{ pointer-events:auto; border:unset; padding:unset; background:unset; }
.wrap .fixed .btn.toggle{ pointer-events:auto; position:absolute; left:0; top:0; background:#85754E; width:24px; height:24px; padding:unset; display:flex; justify-content:center; align-items:center; border:unset; transform:translateX(0%); border-radius:50%; }
.wrap .fixed.close{ transform:translateX(100%); }
.wrap .fixed.close .btn.toggle{ transform:translateX(-140%); }
.wrap .fixed.close .btn.toggle img{ transform:rotateY(180deg); }

.wrap .onboard{ background:linear-gradient(180deg, #387FB5 0%, #618CB5 14%, #9596AA 31%, #C4855A 48%, #B24E08 100%) 0% 0% no-repeat; display:flex; flex-direction:column; align-items:center; justify-content:center;} 
.wrap .onboard .text_block{ color:#fff; display:inline-block; }
.wrap .onboard .text_block p{ line-height:1.8; letter-spacing:.05em; text-align:left; }
.wrap .onboard img{ max-width:448px; }
.wrap .onboard .text_block p span{ display: inline-block; opacity: 0; transform: translateY(30px); /* 初始往下位移 30px */ will-change: transform, opacity; }


.wrap .captain{ color:#96694C; background:#ABB4BD;}
.wrap .captain .right_box figure figcaption{  margin:auto; text-align:left; }

.wrap .storage{ color:#3F464B; background-color:#DFE1E6; background-image:url(../images/storage_bg.svg),linear-gradient(80deg, #FFF 0%, #C9CCD8 60%); background-position:0 0; background-repeat:repeat, no-repeat; background-size:auto, cover; }
.wrap .storage .product_list{ display:flex; flex-wrap:wrap; margin:auto; padding:12vw 8vw; justify-content:center;} 
.wrap .storage figure{ display:flex; flex-direction:column; align-items:flex-start; width:100%;}
.wrap .storage figure figcaption{ text-align:left; }
.wrap .storage figure figcaption .btn{ margin-top:1.6rem; }
.wrap .storage .product_list.limit .title{ color:#96694C;   }
.wrap .storage .product_list.limit .fillet .border_block{ box-shadow:0 0 0 1px #96694C; background:#fff;}
.wrap .storage .product_list.limit .fillet .border_block .title{ padding:3.5vw 0 1vw; }
.wrap .storage .product_list.limit .fillet .border_block .title h4{ text-align:center; line-height:1.5; }


.wrap .boarding-pass .container{ border-left:solid 1px #E8E8E8; border-right:solid 1px #E8E8E8; padding-bottom:5vw;}
.wrap .boarding-pass hr{ width:100vw; margin:0 -2vw; border:unset; border-bottom:solid 1px #E8E8E8; }
.wrap .boarding-pass .container > hr:nth-of-type(1){ transform:translateY(3vw); }
.wrap .boarding-pass .whtie_box{ color:#96694C; padding-top:3vw;}
.wrap .boarding-pass .whtie_box .info{ color:#3F464B; }
.wrap .boarding-pass .whtie_box .info .title{ background:url(../images/boarding-pass_deco_02.svg) left 0 repeat-y; background-size:5.4vw auto; padding:7vw 0 4vw 11vw; margin:12vw auto 6vw; } 
.wrap .boarding-pass .whtie_box .info .title h2{ text-align:left; font-weight:700; letter-spacing:.1em; line-height:1.4; }
.wrap .boarding-pass .whtie_box .info p{ padding:0 4vw; line-height:1.7; margin-bottom:.8em; }
.wrap .boarding-pass .whtie_box .product_box > img{ margin:2vw auto 4vw; }
.wrap .boarding-pass .whtie_box .product_box > p{ padding:0 4vw; line-height:1.7; margin-bottom:.8em; text-align:center;}
.wrap .boarding-pass .whtie_box .product_list{ display:flex; flex-wrap:wrap; margin:auto;} 
.wrap .boarding-pass .whtie_box figure{ display:flex; flex-direction:column; align-items:flex-start; width:100%;}
.wrap .boarding-pass .whtie_box figure figcaption{ text-align:left; }
.wrap .boarding-pass .black_box figure{ position:relative; max-width:unset; }
.wrap .boarding-pass .black_box figure img{ position:absolute; bottom:0; right:0; width:35%; }
.wrap .boarding-pass .black_box figure figcaption{ text-align:left; padding:2vw 8vw 4vw; color:#3F464B;}
.wrap .boarding-pass .black_box figure figcaption > h4{ color:#96694C; margin-bottom:1em; }

.wrap .bear{ color:#96694C; background-color:#DFE1E6; background-image:url(../images/bear_bg.svg),linear-gradient(65deg, #FFFFFF 0%, #DFE1E6 100%); background-position:0 0; background-repeat:repeat, no-repeat; background-size:auto, cover; }
.wrap .bear .product_list{ display:flex; flex-wrap:wrap; margin:auto; padding:12vw 0;} 
.wrap .bear figure{ display:flex; flex-direction:column; align-items:flex-start; width:100%;}
.wrap .bear figure figcaption{ text-align:left; }

.wrap .marquee{ background:#3F464B; padding:24px 0; width:100%; overflow:hidden;}
.wrap .marquee .images_block{ width:300vw; height:30px; background:url(../images/logo_whtite.svg) center left repeat-x; background-size:auto 100%; will-change:transform; transform:translate3d(0, 0, 0);}
.wrap .flagship{ background:#3F464B; color:#C4A159; position:relative;}
.wrap .flagship .container{ border-left:solid 1px #85754E; border-right:solid 1px #85754E; padding-bottom:5vw;}
.wrap .flagship hr{ width:100vw; margin:0 -2vw; border:unset; border-bottom:solid 1px #85754E; }
.wrap .flagship .sp{ height:100%; aspect-ratio:377/220; }
.wrap .flagship .fillet .border_block{ box-shadow:0 0 0 1px #85754E; }
.wrap .flagship .text_block.limit{ width:80%; text-align:left; padding:10vw 0;}
.wrap .flagship .text_block.product{ text-align:left; padding:10vw 0;}
.wrap .flagship h4{ letter-spacing:.1em; line-height:1.6; }
.wrap .flagship ul li{ margin-bottom:.4em;}
.wrap .flagship .title{ flex-direction:column; }

.wrap .event{ padding:60px 0; background-color:#E0DCD9; background-image:url(../images/event_bg.svg),url(../images/event_bg_2.svg); background-position:0 0; background-repeat:repeat, no-repeat; background-size:auto, cover; }
.wrap .event h3{ font-size:clamp(2.6rem, 5.6vw, 2.8rem); color:#85754E; line-height:1.4; margin-bottom:.8em; width:100%; display:flex; align-items:baseline; gap:8px; }
.wrap .event h3:after{ content:''; display:inline-block; width:auto; height:2px; background:#85754E; flex:1 1 auto; } 
.wrap .event .text_block{ counter-reset:section; max-width:900px; margin:0 auto; text-align:left; }
.wrap .event .text_block ol{ list-style:decimal; margin-left:1.4em; }
.wrap .event .text_block p,
.wrap .event .text_block li{ font-size:clamp(1.4rem, 4.1vw, 1.6rem); margin-bottom:8px; letter-spacing:.005em; }
.wrap .event .text_block + .text_block h3{ margin-top:1.6em; }

/* 直式 */
@media (orientation:portrait){
.wrap .onboard{ height:120vw; gap:8vw; } 
.wrap .onboard .text_block{ text-align:left; }
.wrap .onboard .text_block p{ width:22em; }
.wrap .onboard .text_block p br{ display:none; }

.wrap .captain{ padding-bottom:8vw; }
.wrap .captain .right_box .info{ transform:translateY(-11%); }
.wrap .captain .right_box figure figcaption{ width:75%;  }

.wrap .storage .product_list{ gap:1.2vw;}
.wrap .storage figure{ max-width:368px; }
.wrap .storage figure .images_block{ width:100%;} 

.wrap .boarding-pass .whtie_box .info{ padding-top:5vw; padding-bottom:12vw; }
.wrap .boarding-pass .product_list{ width:75%; gap:12vw; padding-bottom:6vw; }
.wrap .boarding-pass figure{ max-width:368px; }
.wrap .boarding-pass figure .images_block{ width:100%;} 

.wrap .bear .product_list{ width:75%; gap:1.2vw;}
.wrap .bear figure{ max-width:368px; }
.wrap .bear figure .images_block{ width:100%;} 

.wrap .event .container{ width:calc(100% - 32px); }

}

/* 橫式 */
@media (orientation:landscape){
.wrap .container{ width:83%; max-width:unset; }	
.wrap .fillet img ,.wrap .fillet .border_block{ border-radius:10vw 0;}
.wrap .title h3{ font-size:2.2vw; }
.wrap .title h4{ font-size:1.6vw; }
.wrap p ,.wrap li{ font-size:1.2vw; text-align:justify; line-height:1.6;}
.wrap .small ,.wrap p.small ,.wrap .small li{ font-size:.87em; font-size:1vw; }

.wrap a.more{ width:3.6vw; }

.wrap .row_box{ display:flex; align-items:stretch; }

.wrap .onboard{ background:linear-gradient(180deg, #387FB5 0%, #618CB5 17%, #9596AA 45%, #C4855A 69%, #B24E08 100%) 0% 0% no-repeat; gap:2vw; padding:5vw 0 2vw;} 
.wrap .onboard .text_block p{ text-align:center; }
.wrap .onboard .text_block p br{ display:block; }

.wrap .captain .right_box{ width:48vw; margin-left:48%; margin-top:-50vw; padding-bottom:10vw;}
.wrap .captain .right_box .container{ width:100%; }
.wrap .captain .right_box figure figcaption{ margin-left:7vw; margin-top:3vw; }
.wrap .captain .sp{ position:sticky; top:0; left:0; }


.wrap .storage{ background-image:url(../images/storage_bg.svg), linear-gradient(334deg, #FFF 0%, #C9CCD8 48% 60%); }
.wrap .storage .container{ display:flex; flex-direction:row; gap:0; padding:3vw 0 5vw; }
.wrap .storage .product_list{ padding:0; align-items:flex-end; margin:unset; gap:0 7vw; }
.wrap .storage .product_list figure{ max-width:unset; width:20vw;} 
.wrap .storage .product_list figure .images_block{ width:100%;}
.wrap .storage .product_list.limit .fillet .border_block{ margin-bottom: 3vw;}
.wrap .storage .product_list.limit .fillet .border_block .title{ padding:1vw 0 0; }
.wrap .storage .product_list.big figure{ margin-right:6vw; } 
.wrap .storage .product_list.big figure .images_block{ transform:scale(1.35); transform-origin:bottom; }

.wrap .boarding-pass hr{ margin:0 -8vw; }
.wrap .boarding-pass .whtie_box{ display:flex; align-items:stretch; }
.wrap .boarding-pass .whtie_box hr{ display:none; }
.wrap .boarding-pass .whtie_box .info{ width:33.5%; border-right:solid 1px #E8E8E8; padding-bottom:2vw; }
.wrap .boarding-pass .whtie_box .info img{ width:95%; margin-top:1vw; }
.wrap .boarding-pass .whtie_box .info .title{ background-size: 1.4vw auto; padding: 1vw 0 2vw 3vw; margin:2vw auto 1vw; }
.wrap .boarding-pass .whtie_box .info p{ padding:0 4vw 0 3vw; margin-bottom:.4em; }
.wrap .boarding-pass .whtie_box .product_box{ width:66.5%; }
.wrap .boarding-pass .whtie_box .product_box img{ width:80%; margin:2vw auto; }
.wrap .boarding-pass .whtie_box .product_box > p{ letter-spacing:0.1em; }
.wrap .boarding-pass .whtie_box .product_list{ width:90%; }
.wrap .boarding-pass .whtie_box figure{ width:50%; padding-bottom:2vw;}
.wrap .boarding-pass .whtie_box figure .images_block{ width:75%; }
.wrap .boarding-pass .black_box{ display:flex; }
.wrap .boarding-pass .black_box .fillet{ flex:1 2 60%; }
.wrap .boarding-pass .black_box figure figcaption{ padding: 4vw 4vw 2vw; }
.wrap .boarding-pass .black_box figure img{ bottom:1vw; right:2vw; width:50%; }

.wrap .bear{ background-image:url(../images/bear_bg.svg),linear-gradient(65deg, #FFFFFF 0%, #DFE1E6 100%);  }
.wrap .bear .product_list{ flex-direction:row; align-items:flex-end; gap:0; padding:3vw 0 5vw; }
.wrap .bear figure{ width:30%; align-items:flex-start; }
.wrap .bear figure:nth-of-type(1){ width:40%;}
.wrap .bear figure figcaption{ text-align:left; }
.wrap .bear figure .images_block{ width:80%;} 

.wrap .marquee .images_block{ width:150vw; height:34px;  }
.wrap .flagship .sp{ aspect-ratio:120/55; }
.wrap .flagship .text_block.limit{ padding:unset; display:flex; flex-direction:column; align-items:center;} 
.wrap .flagship .text_block.limit h4{ font-size:1.6vw; width:17em; text-align:center;} 
.wrap .flagship h3 br{ display:none; }
.wrap .flagship h4 br{ display:none; }
.wrap .flagship ul li{  margin-bottom:unset;  }
.wrap .flagship hr{ margin:0 -8vw; }
.wrap .flagship .text_block.product{ padding:unset; }
.wrap .flagship .row_box > *{ flex:1 1 50%; }

.wrap .event h3{ font-size:clamp(2.6rem, 1.9vw, 3rem); }
.wrap .event .text_block li{ font-size:clamp(1.4rem, 1.1vw, 1.6rem); letter-spacing:.03em;}

}

@media(min-width:819.98px) {
.wrap .storage .product_list.limit{ align-items:flex-end;}
.wrap .storage .product_list.limit .fillet .border_block .title h4 br{ display:none; }
.wrap .storage .product_list.limit figure{ max-width:unset; }	
}



@media (orientation:portrait) and (min-width:819.98px) {
.wrap .onboard{ height:60vw; gap:5vw; }
 
.wrap .storage{ padding-bottom:8vw; }
.wrap .storage .product_list{ padding:8vw; }
.wrap .storage .product_list.limit{ padding:0 4vw; gap:8%;}
.wrap .storage .product_list.limit .fillet .border_block{ margin-bottom:5vw; }
.wrap .storage .product_list.limit .fillet .border_block .title{ padding:2vw 0 .5vw; }
.wrap .storage .product_list.limit figure{ width:46%; }	



.wrap .boarding-pass .whtie_box{ display:flex; }
.wrap .boarding-pass .whtie_box hr{ display:none; }
.wrap .boarding-pass .whtie_box .info{ width:50%; }
.wrap .boarding-pass .whtie_box .info .title{ padding-left:9vw;}
.wrap .boarding-pass .whtie_box .product_box{ width:50%; }

.wrap .bear .product_list{ width:calc(100% - 96px); gap:12vw; flex-direction:column; align-items:center;}
.wrap .bear .product_list figure{ width:75%; }	
}

@media (min-width:991.98px){ 
}

@media (min-width:1199.98px){
.wrap .event{ padding:80px 0;  } 

}
@media (min-width:1399.98px){ 
 
}
@media (min-width:1919.98px){

}