@charset "utf-8";
@font-face {    font-family:GenJyuuGothic-Heavy;    src:  url("https://events.eslite.com/font/GenJyuuGothic-Heavy.ttf");}
@font-face {    font-family:GenJyuuGothic-Medium;    src:  url("https://events.eslite.com/font/GenJyuuGothic-Medium.ttf");}
/* CSS Document */
/* ---reset.css--- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0;padding: 0;border: 0;}

/* 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/bg-img1.jpg") top center repeat-y fixed,url("../images/bg-img2.jpg") top center fixed;}
header{background: url("../images/kv-slice_01.jpg")top center no-repeat;}

/* PC */
body{background: transparent!important;margin: 0!important;}
.WRAPPER{ position:relative; width:100%; min-width:1200px; margin:0 auto; overflow:hidden;}
@media screen and ( max-width: 991px ){
.WRAPPER{ min-width:100%;}
header{background: url("../images/bg-b3.jpg")top center repeat;}
html{background:url("../images/bg-r2.jpg") top center repeat;}
}
.container { overflow: hidden;width: 100%!important;max-width: 1920px!important;padding: 0;}
.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; }

.title-item{ position: absolute;z-index: 90;}
.title01{ top:38px; left: 292px;}
.title01mb{ top:59px; left: 326px;}
.title02{ top:474px; left: 262px;}
.title03{ top:432px; left: -360px;}

.title01 img{animation-name:title1; animation-duration:1s;animation-iteration-count:infinite; animation-timing-function:ease-in-out;animation-direction:normal;animation-delay: 0s;}
@keyframes title1{
0%{  transform:translateY(0px)translateX(0px)rotate(0deg)scale(1);}  
20%{  transform:translateY(-1px)translateX(1px)rotate(0deg)scale(1);}  
25%{  transform:translateY(1px)translateX(-1px)rotate(0deg)scale(1);}  
50%{  transform:translateY(0px)translateX(0px)rotate(0deg)scale(1.01);}  
60%{  transform:translateY(-1px)translateX(1px)rotate(0deg)scale(1.01);}  
70%{  transform:translateY(0px)translateX(0px)rotate(0deg)scale(1.01);}   
80%{  transform:translateY(0px)translateX(0px)rotate(0deg)scale(1);}   
90%{  transform:translateY(-0.5px)translateX(0px)rotate(0deg)scale(1);}   
100%{transform:translateY(0px)translateX(0px)rotate(0deg)scale(1);}}


.money1{ top:64px; left:208px;}
.money2{ top:301px; left:-106px;}
.money3{ top:204px; left:119px;}
.money4{ top:252px; left:927px;}
.money5{ top:430px; left:10px;}
.money6{ top:416px; left:890px;}
.money7{ top:20px; left:45px;}
.money8{ top:558px; left:-146px;}
.money9{ top:245px; left:1091px;}
.money10{ top:74px; left:1057px;}
.money11{ top:34px; left:878px;}
.money12{ top:19px; left:-222px;}

.money1 img{animation-name:money1; animation-duration:2s;animation-iteration-count:infinite; animation-timing-function:cubic-bezier(0.250, 0.460, 0.450, 0.940);animation-direction:normal;animation-delay: 0s;}
@keyframes money1{
0%{  transform:translateY(0px)translateX(0px)rotate(0deg);opacity: 0;}  
5%{  transform:translateY(150px)translateX(230px)rotate(-12deg)scale(0.3);opacity: 0; -webkit-filter: blur(6px);filter: blur(6px);}  
10%{ transform:translateY(150px)translateX(230px)rotate(10deg)scale(0.3);opacity: 0;-webkit-filter: blur(3px);filter: blur(3px);}  
45%{transform:translateY(-50px)translateX(-50px)rotate(-10deg)scale(1);opacity: 1;-webkit-filter: blur(0px);filter: blur(0px);} 
60%{transform:translateY(-50px)translateX(-52px)rotate(1deg);opacity: 1;} 
65%{transform:translateY(-50px)translateX(-50px)rotate(0deg);opacity: 1;} 
68%{transform:translateY(-50px)translateX(-50px)rotate(1deg);opacity: 1;} 
70%{transform:translateY(-50px)translateX(-50px)rotate(0deg);opacity: 1;-webkit-filter: blur(0px);filter: blur(0px);} 
80%{transform:translateY(-50px)translateX(-52px)rotate(0deg);opacity: 0;-webkit-filter: blur(2px);filter: blur(2px);} 
100%{transform:translateY(-50px)translateX(-50px);opacity: 0;}}


.money2 img{animation-name:money2; animation-duration:2s;animation-iteration-count:infinite; animation-timing-function:cubic-bezier(0.250, 0.460, 0.450, 0.940);animation-direction:normal;animation-delay: -0.3s;}
@keyframes money2{
0%{transform:translateY(0px)translateX(0px)rotate(0deg);opacity: 0;}  
5%{transform:translateY(0px)translateX(330px)rotate(-5deg)scale(0.3);opacity: 0; -webkit-filter: blur(6px);filter: blur(6px);}  
10%{ transform:translateY(0px)translateX(330px)rotate(5deg)scale(0.3);opacity: 0;-webkit-filter: blur(3px);filter: blur(3px);}  
45%{transform:translateY(-0px)translateX(-50px)rotate(-5deg)scale(1);opacity: 1;-webkit-filter: blur(0px);filter: blur(0px);} 
60%{transform:translateY(0px)translateX(-52px)rotate(1deg);opacity: 1;} 
65%{transform:translateY(1px)translateX(-50px)rotate(0deg);opacity: 1;} 
68%{transform:translateY(0px)translateX(-50px)rotate(-0.5deg);opacity: 1;} 
70%{transform:translateY(1px)translateX(-50px)rotate(0deg);opacity: 1;-webkit-filter: blur(0px);filter: blur(0px);} 
80%{transform:translateY(-0px)translateX(-52px)rotate(0.5deg);opacity: 0;-webkit-filter: blur(2px);filter: blur(2px);} 
100%{transform:translateY(-5px)translateX(-50px);opacity: 0;}}

.money3 img{animation-name:money3; animation-duration:1.7s;animation-iteration-count:infinite; animation-timing-function:cubic-bezier(0.250, 0.460, 0.450, 0.940);animation-direction:normal;animation-delay: -0.7s;}
@keyframes money3{
0%{transform:translateY(160px)translateX(330px)rotate(0deg);opacity: 0;}  
5%{transform:translateY(160px)translateX(330px)rotate(-12deg)scale(0.3);opacity: 0; -webkit-filter: blur(6px);filter: blur(6px);}  
10%{ transform:translateY(160px)translateX(330px)rotate(10deg)scale(0.3);opacity: 0;-webkit-filter: blur(3px);filter: blur(3px);}  
45%{transform:translateY(0px)translateX(-50px)rotate(0deg)scale(1);opacity: 1;-webkit-filter: blur(0px);filter: blur(0px);} 
60%{transform:translateY(0px)translateX(-52px)rotate(0deg);opacity: 1;} 
65%{transform:translateY(0px)translateX(-50px)rotate(0deg);opacity: 1;} 
68%{transform:translateY(1px)translateX(-50px)rotate(0deg);opacity: 1;} 
70%{transform:translateY(0px)translateX(-50px)rotate(0deg);opacity: 1;-webkit-filter: blur(0px);filter: blur(0px);} 
80%{transform:translateY(1px)translateX(-52px)rotate(0deg);opacity: 0;-webkit-filter: blur(2px);filter: blur(2px);} 
100%{transform:translateY(0px)translateX(-50px);opacity: 0;}}

.money4 img{animation-name:money4; animation-duration:2.5s;animation-iteration-count:infinite; animation-timing-function:cubic-bezier(0.250, 0.460, 0.450, 0.940);animation-direction:normal;animation-delay: -0.3s;}
@keyframes money4{
0%{transform:translateY(60px)translateX(-230px)rotate(0deg);opacity: 0;}  
5%{transform:translateY(60px)translateX(-230px)rotate(-12deg)scale(0.3);opacity: 0; -webkit-filter: blur(6px);filter: blur(6px);}  
10%{ transform:translateY(60px)translateX(-230px)rotate(10deg)scale(0.3);opacity: 0;-webkit-filter: blur(3px);filter: blur(3px);}  
45%{transform:translateY(0px)translateX(-50px)rotate(0deg)scale(1);opacity: 1;-webkit-filter: blur(0px);filter: blur(0px);} 
60%{transform:translateY(0px)translateX(-52px)rotate(0deg);opacity: 1;} 
65%{transform:translateY(0px)translateX(-50px)rotate(0deg);opacity: 1;} 
68%{transform:translateY(1px)translateX(-50px)rotate(0deg);opacity: 1;} 
70%{transform:translateY(0px)translateX(-50px)rotate(0deg);opacity: 1;-webkit-filter: blur(0px);filter: blur(0px);} 
80%{transform:translateY(1px)translateX(-52px)rotate(0deg);opacity: 0;-webkit-filter: blur(2px);filter: blur(2px);} 
100%{transform:translateY(0px)translateX(-50px);opacity: 0;}}


.money5 img{animation-name:money5; animation-duration:2.2s;animation-iteration-count:infinite; animation-timing-function:cubic-bezier(0.250, 0.460, 0.450, 0.940);animation-direction:normal;animation-delay: -1.4s;}
@keyframes money5{
0%{transform:translateY(-100px)translateX(330px)rotate(0deg);opacity: 0;}  
5%{transform:translateY(-100px)translateX(330px)rotate(-12deg)scale(0.3);opacity: 0; -webkit-filter: blur(6px);filter: blur(6px);}  
10%{ transform:translateY(-100px)translateX(330px)rotate(10deg)scale(0.3);opacity: 0;-webkit-filter: blur(3px);filter: blur(3px);}  
45%{transform:translateY(-0px)translateX(-50px)rotate(0deg)scale(1);opacity: 1;-webkit-filter: blur(0px);filter: blur(0px);} 
60%{transform:translateY(-0px)translateX(-52px)rotate(0deg);opacity: 1;} 
65%{transform:translateY(-0px)translateX(-50px)rotate(0deg);opacity: 1;} 
68%{transform:translateY(-0px)translateX(-50px)rotate(0deg);opacity: 1;} 
70%{transform:translateY(-0px)translateX(-50px)rotate(0deg);opacity: 1;-webkit-filter: blur(0px);filter: blur(0px);} 
80%{transform:translateY(-0px)translateX(-52px)rotate(0deg);opacity: 0;-webkit-filter: blur(2px);filter: blur(2px);} 
100%{transform:translateY(-10px)translateX(-50px);opacity: 0;}}

.money6 img{animation-name:money6; animation-duration:2.1s;animation-iteration-count:infinite; animation-timing-function:cubic-bezier(0.250, 0.460, 0.450, 0.940);animation-direction:normal;animation-delay: -0.7s;}
@keyframes money6{
0%{transform:translateY(-160px)translateX(-230px)rotate(0deg);opacity: 0;}  
5%{transform:translateY(-160px)translateX(-230px)rotate(-12deg)scale(0.3);opacity: 0; -webkit-filter: blur(6px);filter: blur(6px);}  
10%{ transform:translateY(-160px)translateX(-230px)rotate(10deg)scale(0.3);opacity: 0;-webkit-filter: blur(3px);filter: blur(3px);}  
45%{transform:translateY(0px)translateX(-50px)rotate(0deg)scale(1);opacity: 1;-webkit-filter: blur(0px);filter: blur(0px);} 
60%{transform:translateY(0px)translateX(-52px)rotate(0deg);opacity: 1;} 
65%{transform:translateY(0px)translateX(-50px)rotate(0deg);opacity: 1;} 
68%{transform:translateY(1px)translateX(-50px)rotate(0deg);opacity: 1;} 
70%{transform:translateY(0px)translateX(-50px)rotate(0deg);opacity: 1;-webkit-filter: blur(0px);filter: blur(0px);} 
80%{transform:translateY(1px)translateX(-52px)rotate(0deg);opacity: 0;-webkit-filter: blur(2px);filter: blur(2px);} 
100%{transform:translateY(0px)translateX(-50px);opacity: 0;}}

.money7 img{animation-name:money7; animation-duration:1.7s;animation-iteration-count:infinite; animation-timing-function:cubic-bezier(0.250, 0.460, 0.450, 0.940);animation-direction:normal;animation-delay: -0.7s;}
@keyframes money7{
0%{transform:translateY(0px)translateX(0px)rotate(0deg);opacity: 0;}  
5%{transform:translateY(200px)translateX(330px)rotate(-12deg)scale(0.3);opacity: 0; -webkit-filter: blur(6px);filter: blur(6px);}  
10%{ transform:translateY(200px)translateX(330px)rotate(10deg)scale(0.3);opacity: 0;-webkit-filter: blur(3px);filter: blur(3px);}  
45%{transform:translateY(-20px)translateX(-50px)rotate(-10deg)scale(1);opacity: 1;-webkit-filter: blur(0px);filter: blur(0px);} 
60%{transform:translateY(-20px)translateX(-52px)rotate(1deg);opacity: 1;} 
65%{transform:translateY(-22px)translateX(-50px)rotate(0deg);opacity: 1;} 
68%{transform:translateY(-20px)translateX(-50px)rotate(1deg);opacity: 1;} 
70%{transform:translateY(-22px)translateX(-50px)rotate(0deg);opacity: 1;-webkit-filter: blur(0px);filter: blur(0px);} 
80%{transform:translateY(-20px)translateX(-52px)rotate(0deg);opacity: 0;-webkit-filter: blur(2px);filter: blur(2px);} 
100%{transform:translateY(-20px)translateX(-50px);opacity: 0;}}

.money8 img{animation-name:money8; animation-duration:1.6s;animation-iteration-count:infinite; animation-timing-function:cubic-bezier(0.250, 0.460, 0.450, 0.940);animation-direction:normal;animation-delay: -2.7s;}
@keyframes money8{
0%{transform:translateY(0px)translateX(0px)rotate(0deg);opacity: 0;}  
5%{transform:translateY(-200px)translateX(330px)rotate(-12deg)scale(0.3);opacity: 0; -webkit-filter: blur(6px);filter: blur(6px);}  
10%{ transform:translateY(-200px)translateX(330px)rotate(10deg)scale(0.3);opacity: 0;-webkit-filter: blur(3px);filter: blur(3px);}  
45%{transform:translateY(10px)translateX(-50px)rotate(-10deg)scale(1);opacity: 1;-webkit-filter: blur(0px);filter: blur(0px);} 
60%{transform:translateY(12px)translateX(-52px)rotate(1deg);opacity: 1;} 
65%{transform:translateY(10px)translateX(-50px)rotate(0deg);opacity: 1;} 
68%{transform:translateY(12px)translateX(-50px)rotate(1deg);opacity: 1;} 
70%{transform:translateY(10px)translateX(-50px)rotate(0deg);opacity: 1;-webkit-filter: blur(0px);filter: blur(0px);} 
80%{transform:translateY(10px)translateX(-52px)rotate(0deg);opacity: 0;-webkit-filter: blur(2px);filter: blur(2px);} 
100%{transform:translateY(10px)translateX(-50px);opacity: 0;}}

.money9 img{animation-name:money9; animation-duration:2.7s;animation-iteration-count:infinite; animation-timing-function:cubic-bezier(0.250, 0.460, 0.450, 0.940);animation-direction:normal;animation-delay: -2.3s;}
@keyframes money9{
0%{transform:translateY(0px)translateX(0px)rotate(0deg);opacity: 0;}  
5%{transform:translateY(0px)translateX(-330px)rotate(-12deg)scale(0.3);opacity: 0; -webkit-filter: blur(6px);filter: blur(6px);}  
10%{ transform:translateY(0px)translateX(-330px)rotate(10deg)scale(0.3);opacity: 0;-webkit-filter: blur(3px);filter: blur(3px);}  
35%{transform:translateY(10px)translateX(50px)rotate(-3deg)scale(1);opacity: 1;-webkit-filter: blur(0px);filter: blur(0px);} 
50%{transform:translateY(11px)translateX(52px)rotate(0.3deg);opacity: 1;} 
55%{transform:translateY(10px)translateX(50px)rotate(0deg);opacity: 1;} 
58%{transform:translateY(11px)translateX(50px)rotate(0.3deg);opacity: 1;} 
60%{transform:translateY(10px)translateX(50px)rotate(0deg);opacity: 1;-webkit-filter: blur(0px);filter: blur(0px);} 
80%{transform:translateY(10px)translateX(51px)rotate(0deg);opacity: 0;-webkit-filter: blur(2px);filter: blur(2px);} 
100%{transform:translateY(10px)translateX(-50px);opacity: 0;}}

.money10 img{animation-name:money10; animation-duration:2s;animation-iteration-count:infinite; animation-timing-function:cubic-bezier(0.250, 0.460, 0.450, 0.940);animation-direction:normal;animation-delay: 0s;}
@keyframes money10{
0%{transform:translateY(200px)translateX(0px)rotate(0deg);opacity: 0;}  
5%{transform:translateY(200px)translateX(-330px)rotate(-12deg)scale(0.3);opacity: 0; -webkit-filter: blur(6px);filter: blur(6px);}  
10%{ transform:translateY(200px)translateX(-330px)rotate(10deg)scale(0.3);opacity: 0;-webkit-filter: blur(3px);filter: blur(3px);}  
35%{transform:translateY(10px)translateX(50px)rotate(-3deg)scale(1);opacity: 1;-webkit-filter: blur(0px);filter: blur(0px);} 
50%{transform:translateY(11px)translateX(52px)rotate(0.3deg);opacity: 1;} 
55%{transform:translateY(10px)translateX(50px)rotate(0deg);opacity: 1;} 
58%{transform:translateY(11px)translateX(50px)rotate(0.3deg);opacity: 1;} 
60%{transform:translateY(10px)translateX(50px)rotate(0deg);opacity: 1;-webkit-filter: blur(0px);filter: blur(0px);} 
80%{transform:translateY(10px)translateX(51px)rotate(0deg);opacity: 0;-webkit-filter: blur(2px);filter: blur(2px);} 
100%{transform:translateY(10px)translateX(-50px);opacity: 0;}}

.money11 img{animation-name:money11; animation-duration:2s;animation-iteration-count:infinite; animation-timing-function:cubic-bezier(0.250, 0.460, 0.450, 0.940);animation-direction:normal;animation-delay: -0.3s;}
@keyframes money11{
0%{transform:translateY(400px)translateX(0px)rotate(0deg);opacity: 0;}  
5%{transform:translateY(400px)translateX(-330px)rotate(-12deg)scale(0.3);opacity: 0; -webkit-filter: blur(6px);filter: blur(6px);}  
10%{ transform:translateY(400px)translateX(-330px)rotate(10deg)scale(0.3);opacity: 0;-webkit-filter: blur(3px);filter: blur(3px);}  
35%{transform:translateY(10px)translateX(50px)rotate(-3deg)scale(1);opacity: 1;-webkit-filter: blur(0px);filter: blur(0px);} 
50%{transform:translateY(10px)translateX(52px)rotate(0.3deg);opacity: 1;} 
55%{transform:translateY(10px)translateX(50px)rotate(0deg);opacity: 1;} 
58%{transform:translateY(10px)translateX(50px)rotate(0.3deg);opacity: 1;} 
60%{transform:translateY(10px)translateX(50px)rotate(0deg);opacity: 1;-webkit-filter: blur(0px);filter: blur(0px);} 
80%{transform:translateY(10px)translateX(51px)rotate(0deg);opacity: 0;-webkit-filter: blur(2px);filter: blur(2px);} 
100%{transform:translateY(10px)translateX(-50px);opacity: 0;}}

.money12 img{animation-name:money12; animation-duration:2s;animation-iteration-count:infinite; animation-timing-function:cubic-bezier(0.250, 0.460, 0.450, 0.940);animation-direction:normal;animation-delay: -1.3s;}
@keyframes money12{
0%{transform:translateY(200px)translateX(530px)rotate(0deg);opacity: 0;}  
5%{transform:translateY(200px)translateX(530px)rotate(-12deg)scale(0.3);opacity: 0; -webkit-filter: blur(6px);filter: blur(6px);}  
10%{ transform:translateY(200px)translateX(530px)rotate(10deg)scale(0.3);opacity: 0;-webkit-filter: blur(3px);filter: blur(3px);}  
35%{transform:translateY(10px)translateX(50px)rotate(-3deg)scale(1);opacity: 1;-webkit-filter: blur(0px);filter: blur(0px);} 
50%{transform:translateY(11px)translateX(52px)rotate(0.3deg);opacity: 1;} 
55%{transform:translateY(10px)translateX(50px)rotate(0deg);opacity: 1;} 
58%{transform:translateY(11px)translateX(50px)rotate(0.3deg);opacity: 1;} 
60%{transform:translateY(10px)translateX(50px)rotate(0deg);opacity: 1;-webkit-filter: blur(0px);filter: blur(0px);} 
80%{transform:translateY(10px)translateX(51px)rotate(0deg);opacity: 0;-webkit-filter: blur(2px);filter: blur(2px);} 
100%{transform:translateY(10px)translateX(-50px);opacity: 0;}}

.block{ margin: 0 auto; max-width: 1920px; padding: 1px 0;}
.bg_1200{ width:1200px; min-width:1200px; margin:0 auto;}

/* m */
@media screen and ( max-width: 991px ){
	.kv_m { display: block; width: 100%; position: relative;}
	.kv_m img {  width: 100%; }
	.kv_pc { display: none; }
	.container {width: 100%; min-width: auto; padding: 0!important;}
	.for_pc{ display: none; }
	.for_m { display: block; }
	.block{ margin: 0 auto; max-width: 100%; padding: 2vw 0;}
	.bg_1200{ width:100%; min-width:100%; margin:0 auto;}
	.titleC{ margin: 0px; padding: 5vw 2vw 2vw;}
	.title-m-sale{position: relative;}
	.title-m-sale img{ width: 90vw;position: absolute;top:-27vw;left: 5vw;}
	.title-m-mb {position: relative;}
	.title-m-mb img{ width: 100%;position: absolute;top:-83vw;left: 0vw;}
}

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

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

/*--  共通設定  --*/

.titleC{ margin:20px auto 10px; padding: 20px 0 0px;display: flex;flex-wrap: wrap;background: url("../images/titlec-img.png")top center no-repeat;display: flex;justify-content: center;align-items: center;height: 240px;align-content: center;}
.titleC h2,.titleCircel{ display: block;font-size: 3rem;font-family: 'GenJyuuGothic-Heavy';color: #1395c1;}
.titleC h2 span{ color: #d22528;}

.titleCircel{display:block;justify-content: center;align-items: center;margin: 0 auto;width: 100%;text-align: center;}
.titleCircel div{width: 90px;height: 90px; background:url("../images/bg-r3.jpg");color: #fff;border-radius: 50px;display: inline-flex;justify-content: center;align-items: center;margin: 0 -8px 5px;font-size: 4rem;}

.subtitle{text-align: center;margin: 40px auto 20px;}
.subtitle h3{border-radius: 50px;padding: 10px 30px; background:url("../images/bg-y1.jpg"); color: #d22528;border-left: 0px;text-align: center;font-family: 'GenJyuuGothic-Heavy';}

.hightlight_5p li{background: transparent;}
.hightlight_5p img{border-radius: 50%;border: 3px solid #ccc;}
.hightlight_5p .font h4{background: transparent; color: #333;margin: 5px auto -8px;padding-bottom: 0;}
.hightlight_5p .font p{margin-top: 10px;}
.hightlight_5p .font h4,.hightlight_5p .font p{color: #fff;}


.hightlight .font h4{background: url("../images/bg-b2.png");}
@media screen and ( max-width: 991px ){
.titleC{ margin: 0px; padding: 0 0 3vw;background: url("../images/titlec-img.png")bottom center no-repeat;background-size: 120%;height: 34vw;}
.titleC h2,.titleCircel{ font-size:2.2rem;}
.titleCircel div{ font-size:2.2rem;width:13vw;height:13vw;margin: 0 -2vw;}

.subtitle{margin:2vw auto;}
}


/*--  0.攻略   --*/
.bg_0{padding: 20px 0 20px;background: url("../images/kv-slice_03.jpg")top center no-repeat, url("../images/kv-slice_04.jpg")top center repeat-y;}
.bg_0 .bg_1200{background: url("../images/bg1200-bl.png")repeat-y;}
.banner-dis3 ul li img{width: 365px;}
.banner-dis4 ul li img{width: 100%;}
.bg_0 .notice{width: 100%;margin: 0 auto;text-align: center;padding: 10px 0 10px;font-size: 0.8rem;line-height:1.2;color: #fff;}

.bg_0 .area{width: 1200px; min-width: 1200px; text-align: center;margin: 0px auto;padding: 20px 0;} 
.bg_0 .area-linka .banner{padding: 0 ;margin:-30px auto 0;}

.bg_0 .area-linkb ul{display:grid;justify-content: center;flex-direction: row;}
.area-linkb img{margin: 6px;}
.area-linkb{margin: 0;display: flex;justify-content: center;padding-top: 22px!important;}
ul.linkb-c{grid-auto-flow:row;}
ul.linkb-r{grid-auto-flow:column;}
.linkd{position:relative;top: -50px;}
ul.linkb-r{height: 250px;}
.area-linkb ul:nth-child(2){height: 100px!important;}


.link-new{width: 100%;display: flex;width: 1200px;flex-wrap: nowrap;background:url("../images/linkB-bg.png")bottom center no-repeat, url("../images/bg1200-bl.png") repeat-y;padding: 6px 0 20px;margin: 0 auto;justify-content: center;align-items: center;}
.link-new img{transition: 0.5s all;margin: 6px;}
.link-new img:hover{transform: scale(0.96);}
.link-new:nth-child(1){height: auto;}
.link-new img.sozai-nolink:hover{transform: scale(1)!important;}

.bg_1200-cata .subtitle{margin:0 auto 0px;}
.bg_0 .bg_1200-cata{padding-bottom: 30px;}

.bg_0 .area-linkb{background: url("../images/linkB-bg.png")top center no-repeat,url("../images/bg1200-bl.png")top center repeat-y;}
.area-linkb{margin: 0px;padding: 0px;}
.area-linkb .slick-slide{width: 648px!important;margin: 0px;padding:5px 0px 0px;}
.area-linkb .slick-slide img{width: 648px!important;margin: 0;}

.area-linka .banner img{width: 512px;margin: 4px auto;}

.bg_0 .titleC{background: url("../images/titleC-dis.png")top center no-repeat;height: 228px;margin:-10px 0 0;padding: 0 0 30px;}
.bg_0 .titleC h2{color: #593a3b;}

.bg_0 .subtitle h3{background: transparent;font-size: 2.4rem;font-family: 'GenJyuuGothic-Heavy';color: #ffe424;background: url("../images/subti-dis.png")center center no-repeat;width: 100%;}
.bg_0 .bg_1200-cata::after{background:url("../images/bg1200-bl-b.png")top center no-repeat;width: 1200px;height: 200px;;content: '';position: relative;margin: -40px 0 -210px;display: block;}
.bg_0 .bg_1200-cata{margin-bottom: 110px;}
@media screen and ( max-width: 991px ){
.banner-dis3 ul li img{width: 100%;}
.banner-dis4 ul li{width: 47vw;}
.banner-dis4 ul li img{width: 47vw;}
.bg_0 .notice{padding: 1vw 5vw;}
.bg_0 .area{width: 100%;min-width: 100%;}
.area-linkb img{width: 46vw;}
.area-linkb ul:nth-child(1){height:auto;}
.area-linkb img{margin: 0.5vw;}
.area-linkb ul:nth-child(1){height: auto;margin: -5vw auto 1vw;;}
.linkd{position:relative;top:-1.3vw;}

.linkb-c{height: 35vw!important;}
.linkb-r{align-items: flex-end;}


.area-linkb .slick-slide{width: 94.2vw!important;padding:1vw 0px 0px;}
.area-linkb .slick-slide img{width: 100%!important;}

.area-linka .banner img{width:100%;}
.bg_0 .titleC{ margin: 0vw auto 0; background: url("../images/last-subti-m.png")top center no-repeat;background-size: 100%;height: 35vw;padding: 0 0 7vw;}
.bg_0 {background: url("../images/bg-b1.jpg");padding: 2vw 0 2vw;}
.bg_0 .bg_1200{background: url("../images/bg-b1.jpg")repeat;}
.area-linkb{background: url("../images/bg-r2.jpg") top center repeat!important;}
.bg_0 .bg_1200-cata{padding-top: 2vw;margin-bottom: 0vw;}
.bg_0 .bg_1200-cata::after{display: none;}
.bg_0 .subtitle h3{font-size: 2rem;font-family: 'GenJyuuGothic-Medium';color: #ffe424;background: url("../images/subti-dis.png")center center no-repeat;width: 100%;background-size: 120%;}
.bg_0 .area{padding: 0;} 

.area-linkb ul:nth-child(2){height:auto!important;}

.link-new{width: 100%;display: flex;background: url("../images/bg-r2.jpg") repeat;padding:1vw  ;margin: 0 auto;justify-content: center;align-items: center;flex-wrap: wrap;}

.link-new img{width:46vw;margin: 1vw;}
.link-new-first img{width:95vw;}
a.link-new-first{width: 100%;}
}

/*--  1.   --*/
.bg_1 .slick-slide img{width:160px;height: 160px;}
.bg_1 .slider li:hover{transform: scale(1);}
.bg_1 .crosswise_3p li:hover{transform: scale(0.95);}
.bg_1 .slickbg{width: 1200px;}
.bg_1 .slickbg .slick-next{right: -25px!important;}
.bg_1 .slickbg .slick-prev{left: -25px!important;}

.bg_x1 .bg_1200{background: url("../images/bg-b1.jpg")repeat;border-radius: 30px;border: 10px #b6eafa solid;}


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

.bg_1 .slickbg{width: 100%;padding: 0;}
.bg_1 .slick-slide{margin: 1vw;}
.bg_1 .crosswise_3p li{width:30.3vw;padding: 0.5vw;}
.bg_1 .crosswise_3p li a{flex-wrap: wrap;align-items: center;justify-content: center;}
/*.bg_1 .crosswise_3p li:nth-child(1){width:94vw;}*/
.bg_1 .crosswise_3p li img{width: 30vw;height: 30vw;padding: 0.5vw;}



}

/*--  2.   --*/
.bg_2 .bg_1200{background: url("../images/bg-b1.jpg")repeat;border-radius: 30px;border: 10px #b6eafa solid;}

.bg_2 .bg_1200 .titleC{position: relative;margin:-20px auto -200px;background: transparent;}
.bg_2 .bg_1200 .titleC h2{color: #fff;margin-top: -20px;}
.bg_2 .titleC h2 span{display:block;}
.broadwise-sp li:nth-child(1){margin-right: 390px;}
.bg_2 .hightlight img{width: 100%;height: 220px;}
.bg_2 .hightlight_6p li{width: 180px;}
.bg_2 .hightlight_6p li img{width: 180px;height: 180px;}

.collect_5x6 .s-row img{width: 278px;height: 278px;margin-bottom: 5px;}
.bg_2 .broadwise{margin-bottom: 10px;background: url("../images/eslite.png")top center no-repeat;margin-top: 0;}

@media screen and ( max-width: 991px ){
.broadwise-sp li:nth-child(1){margin-right:0;}
.broadwise-sp{grid-auto-flow:column;padding: 0;}
.broadwise-sp li{width:48vw;margin: 1vw;}
.broadwise-sp li img{width:46vw;height: 46vw;}
.broadwise-sp li .font{width:100%;}
.broadwise-sp li a{flex-direction: column;}
.bg_2 .bg_1200 .titleC{position: relative;margin:2vw auto 2vw;}
.bg_2 .bg_1200 .titleC span{display: none;}
.items5 li{padding: 0;}
.items5 li:first-child{flex-wrap: wrap;width: 46vw;height: auto;}
.bg_2 .hightlight img{width: 100%;height: 47vw;}
.bg_2 .hightlight_6p li{width:46vw;}
.bg_2 .hightlight_6p li img{width: 46vw;height:46vw;}
.collect_5x6 .s-row img{width: 46vw;height:46vw;margin-bottom: 5px;}
.bg_2 .slickbg{height:80vw;overflow: hidden;}
.bg_2 .slickbg .slick-next{top: 40vw!important;}
.bg_2 .slickbg .slick-prev{top: 40vw!important;}

.bg_2 .bg_1200{border-radius: 10px;border: 0px #b6eafa solid;padding-bottom: 1vw;}
.bg_2 .titleC{padding-top: 5vw;height: 27vw;margin-bottom: 3vw;}
.bg_2 .bg_1200 .titleC{height: auto;}

.bg_2 .broadwise{margin-bottom: 10px;background:transparent;margin-top: 0;}
.bg_2 .bg_1200 .titleC{margin: 1vw auto!important;}
.bg_2 .bg_1200 .titleC h2{margin: -3vw auto!important;}
}


/*--  3.   --*/
.collect_5x6 ul{overflow: visible;}
.bg_3 .hl-4p li{padding: 0;}
.bg_3 .hl-4p li img{width: 278px; height: 278px;}
.bg_3 .hl-4p li h4{margin-bottom: 0;}
.bg_3x .bg_1200{background: url("../images/bg-b1.jpg")repeat;border-radius: 30px;border: 10px #b6eafa solid;}

.bg_3 .hightlight_5p .font h4{background:url("../images/bg-b1.jpg");width: max-content;text-align: center;padding: 10px 15px;border-radius: 30px;margin: 8px auto -5px;color: #ffe424;font-weight: 500;}

@media screen and ( max-width: 991px ){
.bg_3 .hl-4p li img{width: 47vw; height: 47vw;}
.bg_3 .hl-4p li h4,.bg_3 .hightlight .font h4,.bg_3 .hightlight .font{margin-bottom: 0;}

.bg_3 .hightlight_5p li,.bg_3 .hightlight_5p li:first-child{width: 30vw;padding: 0;margin: 0 1.5vw;}
.bg_3 .hightlight_5p li:first-child a{flex-wrap: wrap;}
.hightlight_5p ul li:first-child .font{padding: 0;font-size: 0.8rem;}
.hightlight_5p ul li:first-child .font h4{color: #fff;font-size: 0.9rem;}
.bg_3 .hightlight_5p li img{width: 30vw;height: 30vw;}

.bg_3 .hightlight_5p .font h4,.bg_3 .hightlight_5p ul li:first-child .font h4{background:url("../images/bg-b2.png");width: max-content;text-align: center;padding:1vw 2vw;border-radius: 30px;margin: 1vw auto 0;color: #ffe424;font-weight: 500;}
}
/*--  4-1  ＤＭ專區 --*/

.bg_4-1 .bg_1200{background: url("../images/bg-b1.jpg")repeat;border-radius: 30px;border: 10px #b6eafa solid;}
.bg_4-1 .hightlight {
    width: 100%;
}
.bg_4-1 .hightlight li {
    width: 260px;
}
@media screen and ( max-width: 991px ){
	.bg_4-1 .bg_1200{border-radius: 10px;border: 0px #b6eafa solid;padding: 2vw 0;}
	.bg_4-1 .hightlight li {
		width: 45vw;
		margin: 1vw;
	}
	.bg_4-1 .hightlight img {
        width: 45vw;
        height: 45vw;
    }
}
/*--  4.   --*/

.bg_4 .bg_1200{background: url("../images/bg-b1.jpg")repeat;border-radius: 30px;border: 10px #b6eafa solid;}
.bg_4 .half ul{padding: 10px;}
.bg_4 .hightlight li{width: 176px;}
.bg_4 .hightlight li img{width: 176px;height: 176px;}
.bg_4 .scene li{width:550px!important;padding: 10px;position: relative;}
.bg_4 .scene li img{width:530px!important;height: 600px!important;object-fit: cover;}

.bg_4 .scene li ul.kids-logo{width: 100%!important;flex-wrap: wrap;flex-direction: row;display: flex;justify-content: center;position:absolute;top: -120px;background: transparent;height: auto;padding: 0 10px;}
.bg_4 .scene li ul.kids-logo li{width: 100px!important;height: 60px!important;margin: 5px;padding: 0;}
.bg_4 .scene li ul.kids-logo li img{width: 100px!important;height: 60px!important;}
.bg_4 .banner{margin-top: -20px;padding-top: 0;}
@media screen and ( max-width: 991px ){
.bg_4 .hightlight li{width: 45vw;}
.bg_4 .hightlight li img{width:45vw;height: 45vw;}
.bg_4 .scene li{width:100%!important;padding: 10px;}
.bg_4 .scene li img{width:100%!important;height: auto!important;object-fit: cover;}

.bg_4 .crosswise_3p li,.bg_5 .crosswise_3p li{width: 46vw;padding: 1vw;align-items: center;}
.bg_4 .crosswise_3p li a,.bg_5 .crosswise_3p li a{flex-wrap: wrap;justify-content: center;padding-top: 2vw;}

.bg_4 .scene li ul.kids-logo{width: 100%!important;position:relative;top: 0;padding: 0;}
.bg_4 .scene li ul.kids-logo li{width:26vw!important;height:10vw!important;margin: 1vw;padding: 0;}
.bg_4 .scene li ul.kids-logo li img{width: 26vw!important;height:10vw!important;}}

.bg_4 .half ul{background:#ffffff33;border-radius: 20px;}
.bg_4 .hightlight .font h4{background: url("../images/bg-r3.jpg");}
.bg_4 .banner{margin-top: 1vw;padding-top: 0;}
.bg_4 .crosswise_3p{margin: -10px auto -10px;}
@media screen and ( max-width: 991px ){
.bg_4 .bg_1200{border-radius: 10px;border: 0px #b6eafa solid;}
.bg_4 .crosswise_3p{margin: 2vw auto;}
}

/*--  5.   --*/
.bg_5 .bg_1200{background: url("../images/bg-b1.jpg")repeat;border-radius: 30px;border: 10px #b6eafa solid;}
.slick5itam-2 h4, .slick5itam-2 p{color:  #fff;}
.bg_5 .subtitle h3{background: transparent;font-size: 2.4rem;font-family: 'GenJyuuGothic-Heavy';color: #ffe424;background: url("../images/subti-dis.png")center center no-repeat;width: 100%;}

.bg_5 .subtitle,.bg_6 .subtitle{margin: 10px auto -20px;}
.bg_5 .banner{margin: -40px auto 10px;}

@media screen and ( max-width: 991px ){
.bg_5 .subtitle h3{font-size: 2rem;font-family: 'GenJyuuGothic-Medium';color: #ffe424;background: url("../images/subti-dis.png")center center no-repeat;width: 100%;background-size: 120%;}
.bg_5 .bg_1200{border-radius: 10px;border: 0px #b6eafa solid;}
.bg_5 .banner{margin: 2vw auto;}
.bg_5 .bg_1200{padding-bottom: 1vw;}
}

/*--  6.   --*/
.bg_6 .bg_1200{background: url("../images/bg-b1.jpg")repeat;border-radius: 30px;border: 10px #b6eafa solid;}
.bg_6 .subtitle h3{background: transparent;font-size: 2.4rem;font-family: 'GenJyuuGothic-Heavy';color: #ffe424;background: url("../images/subti-dis.png")center center no-repeat;width: 100%;}
.bg_6 .hightlight_5p .font h4, .bg_6  .hightlight_5p .font p, .bg_6  .hightlight_5p .font .price{color: #fff;}
.bg_6  .hightlight_5p .font .price big{color: #ffe424;}
@media screen and ( max-width: 991px ){

.bg_6 .subtitle h3{font-size: 2rem;font-family: 'GenJyuuGothic-Medium';color: #ffe424;background: url("../images/subti-dis.png")center center no-repeat;width: 100%;background-size: 120%;}
.bg_6 .bg_1200{border-radius: 10px;border: 0px #b6eafa solid;}
.bg_6 .bg_1200{padding-bottom: 1vw;}

}


/*--  7.   --*/
.bg_7{padding-bottom: 20px;}
.bg_1,.bg_2,.bg_3,.bg_4,.bg_5,.bg_6,.bg_7{background: url("../images/bg-img1x.jpg")top center no-repeat fixed;}
@media screen and ( max-width: 991px ){
.bg_7 .titleC{margin-bottom: 2vw;}
}


/*--  8.   --*/
.bg_8,footer{background: url("../images/money.png")top center repeat-y,url("../images/bg-img2.jpg")top center no-repeat fixed;}
.bg_8 .sliderbg{width:560px!important;padding: 0!important;text-align: center;}
.bg_8 .half ul{padding: 0!important;}
.bg_8 .sliderbg .hightlight li img{width: 260px;height: 260px;}
.bg_8 .half ul li .hightlight{width:100%;}
.bg_8 .half ul li .hightlight li{width: 160px;height: 160px;}

.bg_8 .slider ul{display: flex;flex-direction: row;flex-wrap: nowrap;background: transparent;}
.bg_8 .slider li{width: 252px;}
.bg_8 .slider li img{width: 252px;height: 252px;object-fit: contain;}
.bg_8 .slick-dots{background: transparent;width: 100%!important;}
.bg_8 .hightlight .font h4{background: url("../images/bg-b1.jpg");}

.bg_8 .area{background:url("../images/bg-r3.jpg");width: 1160px;margin:60px auto;padding: 10px 0 1px;border-radius: 30px;border: 10px solid #ffb7b8;}
.bg_8 .area .banner{margin: 20px auto 0;padding: 0;}
#cata2,#cata6{background:url("../images/bg-r2.jpg");border-radius: 30px;border: 10px solid #ffb7b8;}
#cata3,#cata7{background:url("../images/bg-r1.jpg");border-radius: 30px;border: 10px solid #ffb7b8;}
#cata4,#cata8{background:url("../images/bg-r1.jpg");border-radius: 30px;border: 10px solid #ffb7b8;}
#cata5,#cata9{background:url("../images/bg-r2.jpg");border-radius: 30px;border: 10px solid #ffb7b8;}
.hightlight .inner-bn img{width: 512px;}

.bg_8 .hightlight,.bg_8 .area{margin-bottom: 80px;}
.bg_8 .area h3{background: url("../images/last-subti2.png")top center no-repeat;height: 139px;position: relative;margin: -80px auto 10px;font-size: 2.4rem;font-family: 'GenJyuuGothic-Heavy';color: #593a3b;padding: 55px 0 0;}
.bg_8 .hightlight h3{background: url("../images/last-subti.png")top center no-repeat;height: 108px;position: relative;margin: -70px auto 10px;font-size: 2.4rem;font-family: 'GenJyuuGothic-Heavy';color: #593a3b;padding: 35px 0 0;}
.bg_8 .area .hightlight{margin-bottom: 1px;padding-bottom: 20px;}
@media screen and ( max-width: 991px ){

.hightlight .inner-bn img{width: 100%;}
.bg_8 .slider li{width: 46vw;}
.bg_8 .slider li img{width: 46vw;height: 46vw;}
.bg_8 .area{width: 100%;margin:2vw auto;padding: 1vw ;}
.bg_8 .sliderbg{width:100%!important;padding: 0!important;text-align: center;}

.bg_8 .titleC{margin-bottom: 4vw;}
.bg_8 .area{background:url("../images/bg-r3.jpg");width: 100%;margin:2vw auto;padding: 1vw 0 1px;border-radius: 10px;border: 2px solid #ffb7b8;}
#cata2,#cata6{background:url("../images/bg-r2.jpg");border-radius: 10px;border: 2px solid #ffb7b8;}
#cata3,#cata7{background:url("../images/bg-r1.jpg");border-radius: 10px;border: 2px solid #ffb7b8;}
#cata4,#cata8{background:url("../images/bg-r1.jpg");border-radius: 10px;border: 2px solid #ffb7b8;}
#cata5,#cata9{background:url("../images/bg-r2.jpg");border-radius: 10px;border: 2px solid #ffb7b8;}
.bg_8 .area h3{background: url("../images/last-subti.png")top center no-repeat;height: 20vw;position: relative;margin: -4vw auto 0vw;font-size: 2.2rem;font-family: 'GenJyuuGothic-Medium';color: #593a3b;padding: 0 0 0;background-size: 90%;display: flex;justify-content: center;align-items: center;}
.bg_8 .hightlight h3{background: url("../images/last-subti.png")top center no-repeat;height: 20vw;position: relative;margin: -4vw auto 0vw;font-size: 2.2rem;font-family: 'GenJyuuGothic-Medium';color: #593a3b;padding: 0 0 0;background-size: 90%;display: flex;justify-content: center;align-items: center;}
.bg_8 .hightlight, .bg_8 .area{margin-bottom: 2vw;}
}

.nolink:hover{transform: scale(1)!important;}
/*--  9.   --*/

@media screen and ( max-width: 991px ){
.sozai-nolink{display: none;}
}


/*--  10.   --*/

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






.slick-dots{display: none!important;}
.slick-dotted.slick-slider{padding-bottom: 0!important;margin-bottom: 20px!important;}


/*--輪播 左右箭頭去點點--*/
.slickbg .slick-prev, .slickbg .slick-next{display: block!important;height: 40px;width: 40px;}
.slickbg .slick-prev:before{content: ''; background: url('../images/arrow-f.svg')center center no-repeat,#c61e22;background-size: 25px 25px;height: 40px;width: 40px;font-weight: bold;border-radius: 20px;display: block;opacity: 1;z-index: 98;}
.slickbg .slick-next:before{content: ''; background: url('../images/arrow-b.svg')center center no-repeat,#c61e22;background-size:  25px 25px;height: 40px;width: 40px;font-weight: bold;border-radius: 20px;display: block;opacity: 1;z-index: 98;}
.slickbg .slick-next{right: -15px;z-index: 98;opacity: 0.6;}
.slickbg .slick-prev{left: -15px;z-index: 98;opacity: 0.6;}
.slickbg .slick-dots li{display: none;}
.slickbg .slick-dotted.slick-slider {margin: 0!important; padding-bottom:0px !important;}


.bg_8 .slickbg .slick-next{right: 0px;z-index: 99;opacity: 0.6;}
.bg_8 .slickbg .slick-prev{left: 0px;z-index: 99;opacity: 0.6;}


/*-- 館別   --*/
h3.cata-title{font-family: 'noto serif TC';font-weight: 700;color: #ffeb9d;margin-top: 33px;}
.bg_1200-cata{margin: 0 auto;position: relative;}
.bg_1200-cata .swiper-horizontal{width: 1000px;margin: 0 auto;text-align: center;padding: -10px 10px;flex-wrap: nowrap;display:flex;}
.swiper-slide{width: 290px;}
.swiper-pagination-bullet{opacity: 1;}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{display: block;opacity: 0;}
.bg_1200-cata .swiper-pagination{display: block;}

.bg_1200-cata .swiper-slide img{transition: 0.5s all;}
.bg_1200-cata .swiper-slide img:hover{transform: scale(0.95);}

.bg_1200-cata .carousel-inner{width:100%;display: flex;}
.bg_1200-cata .carousel-item{width: 200px;}

.swiper-container{position: relative;top: 10px;}
.swiper-container,.swiper-container2,.swiper-horizontal,.swiper-initialized{width: 1000px;margin: 0 auto;text-align: center;padding: 0;overflow: hidden;}
.bg_1200-cata .swiper-wrapper{width: 1000px;margin: 0 auto;text-align: center;padding: 0 0px;}
.bg_1200-cata .swiper-slide {width: 200px;}
.swiper-button-next,.swiper-button-prev{background: #fff;width: 40px;height: 40px;border-radius: 20px;}
.swiper-button-next{margin-right: 90px;position:relative;top: 165px!important;background:transparent;}
.swiper-button-next, .swiper-rtl .swiper-button-prev{top: 200px!important;background:transparent;margin-right: 30px;}
.swiper-button-prev{margin-left: 90px;position:relative;top: 165px;}
.swiper-button-prev, .swiper-rtl .swiper-button-next{top: 200px!important;background:transparent;margin-left: 30px;}
.swiper-button-next:after, .swiper-button-prev:after{opacity: 1;font-size:1rem;font-weight: bold;background:transparent;width: 50px!important;height: 50px!important;border-radius: 50px;color: #fff;}


#cata_swiper .swiper-slide{background:url("../images/bg-b3.jpg");margin: 0px;border-radius: 10px;color: #fff;height: auto;}
#cata_swiper .swiper-slide a{color: #fff;;display: flex;align-items: center;justify-content: center;flex-direction: column;height: 150px;}
#cata_swiper .swiper-slide a p{font-weight:bold;font-size: 1.2rem;color: #0e546a;}
#cata_swiper .swiper-slide a h4{color:#fff;background:url("../images/bg-r3.jpg");padding: 8px 15px;border-radius: 30px;margin-bottom: 5px;font-weight: bold;font-size: 1.2rem;}
#cata_swiper .swiper-slide a span{font-size: 2.2rem;color:#d22528;font-weight:bold;}
#cata_swiper2 .swiper-slide p{font-size: 1.2rem;font-weight:500;}
#cata_swiper2 .swiper-slide a span{color:#ffe424;font-weight:500;}

#cata_swiper2{margin-top: 30px;}
#cata_swiper2 .swiper-slide{background:url("../images/bg-b2.png");margin: 0px;border-radius: 10px;color: #fff;align-items: center;justify-content: center;}
#cata_swiper2 .swiper-slide a{color: #fff;;display: flex;align-items: center;justify-content: center;flex-direction: column;height: auto;line-height: 1.2;padding: 8px;}

#cata_swiper2 .swiper-slide img{width: 200px;height: 200px;margin: 5px 0;}

.swiper-button-next2,.swiper-button-prev2{background: #fff;width: 40px;height: 40px;border-radius: 20px;}
.swiper-button-next2{margin-right: 90px;position:relative;top: 165px!important;background:transparent!important;}
.swiper-button-next2, .swiper-rtl .swiper-button-prev2{top: 0px!important;background:transparent!important;margin-right: 30px;}
.swiper-button-prev2{margin-left: 90px;position:relative;top: 165px;}
.swiper-button-prev2, .swiper-rtl .swiper-button-next2{top: 0px!important;background:transparent!important;margin-left: 30px;}

.swiper-button-next-2{top: 430px!important;}
.swiper-button-prev-2{top: 430px!important;}

.bg_1200-cata .slick3item{margin-top: 40px;}


.linkb .slickbg{width: 648px;padding: 0!important;}
.linkb .slickbg img{width: 648px;padding: 0!important;}
.linkb .slickbg .slick-next,.linkb .slickbg .slick-prev{display: none!important;}

.swiper-button-next:after, .swiper-button-prev:after{font-size: 20px!important;background: #c61e22;width: 30px!important;height: 30px!important;display: flex;justify-content: center;align-items: center;padding: 20px;}

@media screen and ( max-width: 991px ){
.bg_1200-cata #cata_swiper_m swiper-slide img{width:40vw;}

.bg_1200-cata{height: auto;margin: 0 auto 2vw;padding-top:0vw;}
.bg_1200-cata .bg_1200{padding: 0 ;}
h3.cata-title{margin-top: 0;font-size: 2rem;margin-bottom: 1vw;}
.bg_1200-cata #cata_swiper_m{padding:0;margin: -12vw auto 0;width: 100%;}

.swiper-container,.swiper-horizontal,.swiper-initialized{width:100%;margin: 0 auto;text-align: center;padding: 0;}
.swiper-container{position:relative;top: 0px;left: 0px;}
.bg_1200-cata .swiper-wrapper{width: 85vw;}
.bg_1200-cata .swiper-horizontal{padding: 0;width: 85vw;}
.swiper-slide{width:40vw;}
.swiper-slide img{width:40vw;}
.swiper-backface-hidden .swiper-slide{width:40vw;}
.swiper-button-next,.swiper-button-prev{background:transparent;width: 5vw;height: 5vw;border-radius: 20px;}
.swiper-button-next:after, .swiper-button-prev:after{background: #fff;opacity: 1;font-size:3vw;font-weight: bold;}
.swiper-button-next{margin-right: 0px;position: absolute;top: 28vw;}
.swiper-button-prev{margin-left: 0px;position: absolute;top: 28vw;}

.bg_1 .slickbg .slick-prev{left: 0!important;opacity: 0.6;}
.bg_1 .slickbg .slick-next{right: 0!important;opacity: 0.6;}

.slickbg .slick-next{right: 0!important;opacity: 0.6;}
.slickbg .slick-prev{left: 0!important;opacity: 0.6;}


.linkb .slickbg{width:94vw;padding: 0!important;margin: 0 auto;}
.linkb .slick-slide{margin: 0vw auto;}
.linkb .slickbg img{width: 100%;padding: 0!important;}

.linkb{width: 100vw;}
.area-linkb{flex-direction: column;display: block;}
.slick-linke{height: auto;}
.bg_0 .one-time{height: auto!important;}

.linkb-3p{display: flex!important;flex-direction: row!important;flex-wrap: wrap!important;align-items: center;justify-content: center;margin: -2vw auto 0;}
.linkb-3p li:nth-last-child(1){width: 100%;}
.linkb-3p li:nth-last-child(1) img{width: 94vw;margin: 1vw auto;}


#cata_swiper .swiper-slide{margin: 0vw;width: 30vw;}
#cata_swiper .swiper-slide a{height:auto;padding: 2vw;}
#cata_swiper .swiper-slide a span{font-size: 2rem;font-weight: bold;}
#cata_swiper2 .swiper-slide a span{font-size: 1.4rem;font-weight: bold;}

#cata_swiper2 .swiper-slide img{width:40vw;height:40vw;margin: 10px 0;}
#cata_swiper2 .swiper-slide a{height:auto;padding: 2vw;}


.swiper-button-prev .swiper-button-prev-2{background: #000!important;}

.swiper-button-next{top: 37vw!important;color: #000!important;}
.swiper-button-next-2{top: 90vw!important;color: #000!important;}
.swiper-button-next-2::after,.swiper-button-next::after{color: #fff!important;background:transparent;width: 5vw;width: 5vw!important;height: 5vw!important;}
.swiper-button-prev{top: 37vw!important;}
.swiper-button-prev-2{top: 90vw!important;}
.swiper-button-prev-2::after,.swiper-button-prev::after{color: #fff!important;background:transparent;width: 5vw;width: 5vw!important;height: 5vw!important;}

#cata_swiper2{margin-top: 5vw;}
}



/*--倒數--*/
.countdown{font-size: 2rem; display: flex;justify-content: center;align-items: center;font-family: 'GenJyuuGothic-Heavy';color: #593a3b;}
.days,.hours,.minutes,.seconds{font-size: 3.5rem;color: #d22528;}
.days{margin-left: 10px;}
.word{color: #d22528;}
.word:nth-child(1){color: #593a3b;}

@media screen and ( max-width: 991px ){
.countdown{flex-wrap: wrap;font-size: 1.4rem;}
.days,.hours,.minutes,.seconds{font-size: 2.3rem;}
}

/*--永久改動--*/
.hightlight img,.toptitle img,.circle img,.published img,.hightlight_5p img,.circle_5p img,.scene img{object-fit: contain;}
.baseline .font{padding-top: 5px;}

.special_5p_1 ul{align-items: flex-end;}
.special_5p_1 .hightlight_5p ul li:first-child img{width: 240px;height: 240px;}
.special_5p_1 .hightlight_5p ul li:first-child{height: auto;width: 240px;}
.special_5p_1 .hightlight_5p ul li{height: auto;margin-top: 0;}
.special_5p_1 .title_AA h2{font-size: 2.4rem;width: 876px;padding:5px 0px;background: #efefef33;top: 20px;left: 288px;font-family:'Noto Sans TC', "微軟正黑體","Microsoft JhengHei",Helvetica,Verdana, Arial;display: flex;justify-content: center;align-items: center;color: #000;letter-spacing: 0;}
.crosswise_3p ul,.broadwise ul{flex-wrap: wrap;}
@media screen and ( max-width: 991px ){
.baseline .font{padding-top: 1vw;}

		.rectangle_3p ul li:nth-child(3n+1) {width: 94vw; padding: 3vw; margin: 1vw 3vw; }
		.rectangle_3p ul li:nth-child(3n+1) a { flex-wrap: nowrap; }
		.rectangle_3p ul li:nth-child(3n+1).font {padding: 1vw 0vw 1vw 3vw;}

		.special_5p_1 .hightlight_5p ul li:first-child{width:100%;}
		.special_5p_1 .hightlight_5p ul li:first-child img{width:45vw;height:45vw;}
		.special_5p_1 .title_AA{height: auto;position: relative;}
		.special_5p_1 .title_AA h2{font-size: 2.4rem;width: 100%;padding:5px 0px;top: 0px;left: 0px;position: relative;}
		}

/*--  nav 選單 固定側邊--*/
@media only screen  and (min-width: 992px)  {
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{background:url("../images/bg-b3.jpg");color: #fff;}
.nav-pills .nav-link{border-radius: 0;}
.nav-link:focus, .nav-link:hover{color: #fff;}
.menustyle2{width: 130px;display: flex;flex-wrap: wrap;background:url("../images/bg-b3.jpg")!important; z-index:999;height:auto;position: fixed; top: 100px; right: 10px;border-radius: 0px;flex-direction: row;padding: 0;overflow: hidden;border: 2px solid #20b1e1;border-radius: 10px;box-shadow: 2px 2px 0px #20b1e1;}
.menustyle2 ul{width: 130px;margin: 0 auto;display: flex;flex-direction:row;padding:0 ;flex-wrap: wrap;}
.menustyle2 ul li{width:50%;display: flex;justify-content: center;align-items: center;}
.menustyle2 ul li:nth-child(2),.menustyle2 ul li:nth-child(6),.menustyle2 ul li:nth-child(7),.menustyle2 ul li:nth-child(8),.menustyle2 ul li:nth-child(9),.menustyle2 ul li:nth-child(13),.menustyle2 ul li:nth-child(14),.menustyle2 ul li:nth-child(15),.menustyle2 ul li:nth-child(16),.menustyle2 ul li:nth-child(17),.menustyle2 ul li:nth-child(18),.menustyle2 ul li:nth-child(19){width:50%;display: flex;justify-content: center;align-items: center;border-bottom: .5px solid #ffffff;}
.menustyle2 ul li:nth-child(3),.menustyle2 ul li:nth-child(6),.menustyle2 ul li:nth-child(8),.menustyle2 ul li:nth-child(10),.menustyle2 ul li:nth-child(14),.menustyle2 ul li:nth-child(16),.menustyle2 ul li:nth-child(18),.menustyle2 ul li:nth-child(20){border-right: .5px solid #ffffff;}
/*.menustyle2 ul li:nth-child(6){width: 100%;border-right: 0px solid #11a4a1;}*/
.menustyle2 ul li:last-child,.menustyle2 ul li:nth-last-child(2){border-bottom: 0px solid #11a4a1;}
.menustyle2 ul li a{text-align: center;margin: 0 auto;text-decoration: none;font-size:18px;color:#0b4f64;	font-family:'Noto Sans TC', "微軟正黑體","Microsoft JhengHei",Helvetica,Verdana, Arial;letter-spacing: 1px;font-weight: 500;width: 100%; height: 100%; display: flex;justify-content: center; align-items: center;padding: 10px 10px;}
.menustyle2 ul li.menutitle,.menustyle2 ul li.menutitle:hover{width: 100%;padding: 0px 0px;background:url("../images/bg-r1.jpg");color: #0b4f64;}

.menustyle2 ul li.menutitle:nth-child(1),.menustyle2 ul li.menutitle:nth-child(1) a{border-radius: 10px 10px 0 0;}


.menustyle2 ul li:hover{ background:url("../images/bg-r3.jpg");transform: scale(1);color: #fff!important;}
#TopMenu ul li a:hover{ background:url("../images/bg-r3.jpg")!important;transform: scale(1);color: #fff!important;}

.menustyle2 ul li.menutitle p,.menustyle2 ul li.menutitle p:hover{width: 100%;padding: 10px 0px;background:url("../images/bg-y1.jpg");color: #d22528;text-align: center;font-size: 18px;font-weight: bold;background-size: 100%;}

.menustyle2 ul .active,.nav-pills .nav-link.active{color: #302d2d!important;  background:url("../images/bg-r3.jpg")!important;width: 100%; height: 100%;border-radius: 0;color: #fff!important;}

.menustyle2 ul li:nth-child(2),.menustyle2 ul li:nth-child(13){width: 100%;}
}
@media screen and ( max-width: 991px ){
.menustyle2{width: 100%; z-index:999;padding:0px 0; display: none;background:#000;}
.menustyle2 ul{width: 100%;margin: 0 auto;display: flex;flex-wrap: wrap;}
.menustyle2 ul li{width:20%;font-size:20px;color:#ffffff;display: flex;justify-content: center;align-items: center;border-right: .5px solid #ffffff;box-sizing: border-box;}
.menustyle2 ul li a{font-size:1.1rem;letter-spacing: 0px;font-weight:500;color:#ffffff;font-family:'Noto Sans TC', "微軟正黑體","Microsoft JhengHei",Helvetica,Verdana, Arial;box-sizing: border-box;padding: 5px 0;}
.menustyle2 ul .active{color: #fffa96!important;background:none;width: 100%;justify-content: center;align-items: center;text-align: center}
.menustyle2 ul li a:hover{color: #fffa96!important;width: 100%;justify-content: center;align-items: center;text-align: center}
.sticky {position: fixed;top: 0;}
}
/*--  nav 選單 固定側邊--*/


#MobileMenu,#MobileMenu2{width: 100%; z-index:999;padding:0px 0;background:url("../images/bg-b1.jpg");}
li.dropdown{width: 33.3vw;display: flex;justify-content: center;border-right: 0.5px solid #fff;}
#MobileMenu li:nth-last-child(1),#MobileMenu2 li:nth-last-child(1){border-right: 0;}
#MobileMenu li a,#MobileMenu2 li a{color: #fff;justify-content: center;}
.dropdown-menu{background:url("../images/bg-r3.jpg");min-width: 8rem;padding: 0 10px; z-index: 999;}
.dropdown-menu li{width: 100%;justify-content: center;}
.dropdown-item{justify-content: center;display: flex;padding: 12px 0;border-bottom: 0.5px solid #ffffff77;}
.dropdown-item-last{border-bottom: 0px solid #fff;}

/**--  下拉選單  --**/
@media screen and ( max-width: 991px ){
#MobileMenu,#MobileMenu2 {transition: background-color 1s, opacity 1s, visibility 1s;opacity: 0;visibility: hidden;z-index: 1000;position: absolute;top: 0;}
#MobileMenu.show,#MobileMenu2.show {opacity: 1;visibility: visible;position: fixed;top: 0;} 
}
/*--  錨點微調--*/
.target-fix {position: relative;top: 0px;display: block;height: 0;overflow: hidden;}
@media screen and ( max-width: 991px ) {
.target-fix {top:-30px;}
	}
/*--  錨點微調--*/

/**--  下拉選單  --**/
#TopMenu {transition: background-color 1s, opacity 1s, visibility 1s;opacity: 1;visibility:visible;z-index: 998;position: relative;}
#TopMenu.show{opacity: 1;visibility: visible;position: fixed;top: 0;} 

@media screen and ( max-width: 991px ){
#MobileMenu {transition: background-color 1s, opacity 1s, visibility 1s;opacity: 0;visibility: hidden;z-index: 998;position: absolute;top: 0;}
#MobileMenu.show{opacity: 1;visibility: visible;position: fixed;top: 0;} 
}
/*--goto top--*/          
#gotop {display: inline-block;background-color: #000;opacity:0.3;width: 40px;height: 40px;text-align: center;border-radius: 100%;position: fixed;bottom: 0px;right: 0px;transition: background-color .3s, opacity .5s, visibility .5s;opacity: 0;visibility: hidden;z-index: 1000;margin: 30px;}          
#gotop::after {
	position: absolute;
	display: block;
	font-family: FontAwesome;content:'　';font-weight: normal;font-style: normal;font-size: 2em;line-height: 50px;color: #fff;  opacity:0.5;background: url(../images/top.png) center no-repeat; background-size:50%;background-position:79% 35%;}         #gotop:hover {cursor: pointer;background-color: #666;}          
#gotop:active {background-color: #ccc;}          
#gotop.show {opacity: 0.4;visibility: visible;}          
@media screen and ( max-width: 991px ){          
#gotop {bottom: 70px;right: 0;margin: 2vw;}
}         
 /* share url */          
 #share{
	display: inline-block;background-color: #000;opacity:0.4;width: 40px;height: 40px;text-align: center;border-radius: 100%;position: fixed;bottom: 50px;right: 0px;transition: background-color .3s, opacity .5s, visibility .5s;z-index: 1000;margin: 30px;}
#share::after{
	position: absolute;
	display: block;
	font-family: FontAwesome;content:'　';font-weight: normal;font-style: normal;font-size: 2em;line-height: 50px;color: #fff; opacity:0.5;background: url(../images/share.png) center no-repeat; background-size:20px;background-position:79% 35%;}
#share:hover{cursor: pointer;background-color: #666;}
#share:active{background-color: #666;}
@media screen and ( max-width: 991px ){
#share{bottom:115px;right: 0;margin: 2vw;}
}                    
@media screen and ( max-width: 991px ){          
html{padding-bottom: 80px;}          
}