@charset "utf-8";
/* CSS Document */
/* ---reset.css--- */
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}

html{scroll-behavior: smooth;background:url(../images/layout-background.jpg)top center repeat-y,url(../images/tip-bg-repeat.jpg)top center repeat fixed;}
header{position: absolute;top: 0;left: 0; z-index: 1;}
body{background-color: transparent !important;}

:root {
	--PV-font: #30170D; /* 文字色-灰 */
	--PV-eslite: #6900A2; /* 誠品線上標準色 */
	--layout-color1: #9732CE;
	--layout-color2: #F5EBFB;
	--layout-color3: #FFD940;
	--layout-color4: #901718;
	--layout-color5: #999999;
	--layout-color6: #aaaaaa; 
	--color1:var(--layout-color1);
}

#Canvas {position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;pointer-events: none;z-index: 999;}
@media screen and ( max-width: 991px ){
	#Canvas{display: none;}
}

/* PC */
.WRAPPER{ position:relative; width:100%; min-width:1200px; margin:0 auto; overflow:hidden;}
@media screen and ( max-width: 991px ){
.WRAPPER{ min-width:100%;}
header{position: relative;}
}
.container { overflow: hidden; }
/* .topbox { position: relative; width: 1200px; margin: auto;} */
.kv_pc {width: 100%;  position: relative; text-align:center; display: flex;justify-content: center;max-width: 1920px; margin: auto;flex-wrap: wrap-reverse;}
.kv_pc img { display: block; text-align: center; }
.kv_m { display: none; }
.kv_m img { display: block; }
.kv_m a {font-size: 0; display: block; }
.for_pc{ display: block; }
.for_m { display: none; }


/* m */
@media screen and ( max-width: 991px ){
	.kv_m { display: block; width: 100%; }
	.kv_m img {  width: 100%; }
	.kv_pc { display: none; }
	.container {width: 100%; min-width: auto; }
	.for_pc{ display: none; }
	.for_m { display: block; }
	.block{ margin: 0 auto; max-width: 100%; padding: 2vw 0;}
	.titleC{ margin: 0px; padding: 5vw 2vw 2vw;}
}

/*--  版面微調  --*/

@media screen and ( max-width: 991px ){}

/*--  共通設定  --*/
@media screen and ( max-width: 991px ){}

/*--  0.kv   --*/

.title-item{ position: absolute;z-index: 90;}
.title01{  width: calc((399 / 1920) * 100%); top: calc((92 /740) * 100%); left: calc((520 / 1920) * 100%);}
.title02{  width: calc((679 / 1920) * 100%); top: calc((508 /740) * 100%); left: calc((370 / 1920) * 100%);}
.title03{  width: calc((148 / 1920) * 100%); top: calc((-1 /740) * 100%); left: calc((361 / 1920) * 100%);}




/*--  0.攻略   --*/

.stt{background:var(--layout-color3);color: var(--PV-eslite);padding: 8px 30px;border-radius: 99rem;}


.blk_pre.block0{background: url(../images/tip-bg-top.png)top center no-repeat,url(../images/tip-bg-bottom.png.jpg)bottom center no-repeat,url(../images/tip-bg-repeat.jpg)top center repeat-y fixed;background-size: 100%,auto,auto;width: 100%;max-width:1920px;margin: 0 auto;padding-bottom:90px;}
.blk_pre .blk_item{background: transparent;}
.notice{text-align: center;padding: 10px 0 5px;font-size: 0.9rem;line-height: 1.2rem;color: #fff;letter-spacing:0.5px;}

@media screen and ( max-width: 991px ){
.notice{padding: 0 5vw;}
.blk_pre.block0{background:url(../images/tip-bg-bottom.png.jpg)bottom center no-repeat,url(../images/tip-bg-repeat.jpg)top center repeat-y fixed;background-size: 100%,100%;width: 100%;max-width:991px;margin: 0 auto;padding-bottom:3vw;}
}


/*--  0.攻略   --*/
.block0{background: #000;padding-bottom: 0px;}
.block1{background: url(../images/block1-top.png)top center no-repeat;margin-top: 0;}
.blk_item{background: transparent;}

.tips{--bs-gutter-x: -20px;--bs-gutter-y: 15px;}
.block0_2 .tips{padding-bottom: 20px;}
.slick-ticket-brand{width: 845px;height: 212px;background: url(../images/ticket-bg-1.png)center center no-repeat;padding: 20px  0 0 240px;margin: 15px auto;}
.slick-ticket-product{width: 845px;height: 212px;background: url(../images/ticket-bg-2.png)center center no-repeat;padding: 10px  0 0 240px;margin: 15px auto}
.slick-ticket-product img,.slick-ticket-brand img{width: 530px;}
.blk_pre .slick-dots{bottom: 5px;}

/*--  0.區塊   --*/
.blk_body{border-width: 3px;border-style: solid;  border-color: transparent;border-radius: 20px;background-image: linear-gradient(var(--layout-color2), var(--layout-color2)), linear-gradient(45deg,#DC792D 0%,#F9CE5F 25%,#E28A38 50%,#FFFFA5 70%,#FCD663 100%);background-clip: padding-box, border-box;background-origin: padding-box, border-box;padding: 40px 0 20px;}
.block0 .blk_body{background:transparent;padding-top: 0;}
/* .blk_item{background:transparent;} */

/*--  標題   --*/
.blk_head{background: transparent;height: 105px !important;margin-bottom: -25px;gap: 0;}
.blk_pre .blk_item_head{background: transparent;height: 105px !important;margin-bottom: 10px;gap: 0;}
.blk_head .btt{background: transparent;color: #fff;font-size: 60px;padding: 0 70px 8px;display:flex;align-items: center;justify-content: center;flex-direction: column;border-width: 5px;border-style: solid;  border-color: transparent;border-radius: 99rem;background-image: linear-gradient(0deg,var(--PV-eslite) 5%, var(--layout-color1) 75%), linear-gradient(45deg,#DC792D 0%,#F9CE5F 25%,#E28A38 50%,#FFFFA5 70%,#FCD663 100%);background-clip: padding-box, border-box;background-origin: padding-box, border-box;height: 100px;display: flex;align-items: center;justify-content: center;width: fit-content;position: relative;}

.blk_pre .blk_item_head h3.stt{background: transparent;color: #fff;font-size: 60px;padding: 0 70px 8px;display:flex;align-items: center;justify-content: center;flex-direction: column;border-width: 5px;border-style: solid;  border-color: transparent;border-radius: 99rem;background-image: linear-gradient(0deg,var(--PV-eslite) 5%, var(--layout-color1) 75%), linear-gradient(45deg,#DC792D 0%,#F9CE5F 25%,#E28A38 50%,#FFFFA5 70%,#FCD663 100%);background-clip: padding-box, border-box;background-origin: padding-box, border-box;height: 100px;display: flex;align-items: center;justify-content: center;width: fit-content;position: relative;}
.blk_pre .stt{font-size: 70px;}

.blk_head::before,.blk_pre .blk_item_head::before{content: ' ';background: url(../images/titlec-deco-be.png)center center no-repeat;width: 110px;height:105px !important;display:inline-flex;position:relative;margin: 0 0 0 -130px;z-index: 99;align-items: stretch;justify-content: center;z-index: 1;}
.blk_head::after,.blk_pre .blk_item_head::after{content: ' ';background: url(../images/titlec-deco-af.png)center center no-repeat;width: 110px;height:105px !important;display:inline-flex;position:relative;margin: 0 -130px 0 0 ;z-index: 99;align-items: stretch;justify-content: center;z-index: 1;}

a.more{background:var(--layout-color3);color: var(--PV-font);border-radius: 99rem;display: flex;justify-content: center;align-items: center;margin:0 -7px 0 -60px ;z-index: 99;padding: 10px 20px;font-weight: 700;}
a.more:hover{color:var(--layout-color4);}

.special_5p_1 .stt-sp h3{color: var(--layout-color1);}

@media screen and ( max-width: 991px ){

.blk_body{padding: 5vw 0 1px;border-radius: 10px;border-width: 2px;}
.tips{margin: 0 auto;}
.blk_head,.blk_pre .blk_item_head{width: 100%;height: fit-content !important;flex-direction: column;}
.blk_pre .blk_item_head h3.stt,.blk_head .btt{font-size: 8vw;padding: 2vw 6vw 3vw;width: fit-content;height: fit-content;border-width: 3px;height: fit-content;}


.blk_head{height: fit-content !important;margin-bottom: -8vw;}
.blk_head::before,.blk_pre .blk_item_head::before,.blk_head::after,.blk_pre .blk_item_head::after{display: none;}

.block0_1 .tips img{width: 44vw;}
.block0_1 .col-6{width: fit-content;height: fit-content;margin-top: 0;margin: 0.5vw;}
.block0_2 .tips img{width: 90vw;}
.block0_2 .col-12{width: fit-content;height: fit-content;margin-top: 0;margin: 0.5vw;}
.block0_2 .col-12 a{padding: 0;}

.slick-ticket-brand{width: 98vw;background-size: 100%;height: 26vw;margin: 0.5vw auto;padding: 3vw 0 0 28vw;}
.slick-ticket-product{width: 98vw;background-size: 100%;height: 26vw;margin: 0.5vw auto;padding: 1.5vw 0 0 28vw;}
.slick-ticket-product ul,.slick-ticket-brand ul{width: 70vw;}
.slick-ticket-product img,.slick-ticket-brand img{width: 100%;}
.blk_pre .slick-dots{bottom: 2vw;}

a.more{margin: 2vw auto 1vw;padding: 2vw 10vw;font-size: 4vw;}
}


/*--  元件樣式調整  --*/
.dis-for-zasshi3,
.zasshi3 ul li .font p,
.zasshi3-buy,
.hightlight .font h4,
.hightlight_5p .font h4,
.alternate ul:nth-child(odd) li:first-child,
.alternate ul:nth-child(even) li:last-child {
	background:var(--PV-eslite);
}
.zasshi3 ul li h4 {
	color: var(--PV-font);
}

.half ul {
	background: var(--layout-color3);
}

.special_5p_1 .hightlight_5p {
	width: 1200px;
	background: url("../images/h5psp-bg.png")top center no-repeat;
}

.special_5p_1 .stt-sp h3 {
	color: #fff;
}

@media screen and ( max-width: 991px ){

	.special_5p_1 .hightlight_5p {
		width: 98%;
		background: none;
	}

	.special_5p_1 .stt-sp h3,
	.hightlight_5p ul li:first-child .font h4 {
		color: var(--color1);
	}

	a.more {
		padding: 1.2vw 5vw;
	}

	.go_btn a {
		font-size: 1.5rem;
	}
}




/*--  menu.   --*/

.menustyle2{border-width: 2px;border-style: solid;  border-color: transparent;border-radius: 10px;background-image: linear-gradient(90deg,var(--PV-eslite) 5%, var(--layout-color1) 75%), linear-gradient(45deg,#DC792D 0%,#F9CE5F 25%,#E28A38 50%,#FFFFA5 70%,#FCD663 100%);background-clip: padding-box, border-box;background-origin: padding-box, border-box;}
/* .menustyle2 .nav > *{border-bottom: 0.5px solid #fff;} */
.menustyle2 a{color: #fff;}
.menustyle2 .nav-link:focus, .menustyle2 .nav-link:hover,.menustyle2 .nav-link.active{color:var(--PV-eslite);background: var(--layout-color3);}

.go_btn a{background: var(--layout-color3);color: var(--PV-font);font-weight: 700;}
.go_btn a:hover{color: var(--layout-color4);}
@media screen and ( max-width: 991px ){
	.blk_pre .tips a{padding: 0.5vw;}
		.go_btn{gap: 1.5vw;}
		.menustyle2{border: 0px solid #fff;border-radius: 0;background-image: linear-gradient(0deg,var(--PV-eslite) 5%, var(--layout-color1) 75%)}

		.topfive{padding: 2vw 1vw 5vw;}
}



/*--永久改動--*/
.slick-dots li button:before{font-size:32px!important;color:#fff!important;}
.nolink:hover{transform: scale(1)!important;}

@media screen and ( max-width: 991px ){
		}