/*css reset*/
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; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
/*ol, ul { list-style: none; }*/
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
/*--------------------------------------------------*/

html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
body {
	padding-top:50px;
	color:#333333;
	font-size:30px;
	line-height:1.5;
}
html, body {
	position: relative;
	width: 100%;
	overflow:auto;
	background-size:100%;	
	background:lightblue
}
* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	
	-webkit-overflow-scrolling: touch;
	
	border: none;
	border-radius: 0;
	outline:none;
	
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	
	background-repeat: no-repeat;
}
*:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	 box-sizing: border-box;
}
a, a:visited, a:hover, a:active {
	text-decoration: none;
	border: none;
}

#goTop {
	width:140px!important;	
	height:140px!important;	
	border-radius:20px!important;	
	right:1.5%!important;	
	background-color:transparent!important;	
	background-image:url(gototop.png)!important;	
    background-size:contain!important;	
}

/*#goTop {
	display: none !important;
}*/

#JapanSnow .RightLine{
	cursor:pointer; 
	position:fixed; 
	bottom:16%; 
	right:0; 
	z-index:15;
	width:9%;
}

#JapanSnow {
	width:100%;
	min-width:320px;
	max-width:2560px;
	margin:0 auto;
	overflow:hidden;
    line-height:1.5;
	font-size:22px;
	font-family:Gotham, Microsoft JhengHei, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	background:white;
}

#JapanSnow img {width:100%;}

#JapanSnow .RightClick{
	cursor:pointer; 
	position:fixed; 
	bottom:20%; 
	right:0; 
	z-index:15; 
	border-radius:12px;
	background:#fdff67;
	border:0px solid #2395ed;
	writing-mode:vertical-lr; 
	width:70px;
	max-width:70px;
	font-size:25px;/*1.2em;*/
	color:#0661d2;
	padding-bottom:20px;
}

#JapanSnow .RightClick span:hover{
	color:white;
	text-shadow:-1px -1px 0 #1e6fd3, 1px -1px 0 #1e6fd3, -1px 1px 0 #1e6fd3, 1px 1px 0 #1e6fd3;
}



/* ==================== 主視覺 ==================== */
#JapanSnow .header, #JapanSnow .header .slider-item{
	height:calc(100vh - 23.5vh);/*980px*/
}

#JapanSnow .header {
	position:relative;
    width:100%; 
	display:flex;
	justify-content:center;
}
#JapanSnow .header h1, #JapanSnow .area .area2 .area_photo .area_name h2 {
	text-indent:-99999px;
	height:0;
}
#JapanSnow .header .slogan{
	position:absolute;
	z-index:10;
	top:0;
	width:45%;
}
#JapanSnow .header .masker_snow{
	position:absolute;
	z-index:1;	
	width:100%;
	bottom:-2%;
}
/* -- 上方輪動圖-- */
#JapanSnow .header .slider-item {
	position:relative;
	width:100%;
}
#JapanSnow .header .slider_container {
	width:100%; 
}

#JapanSnow .header .slider-contect01 {
	/* -- 圖01 -- */
	background: url(img_mainpic001.jpg) no-repeat bottom center;
	background-size:cover;
}
#JapanSnow .header .slider-contect02 {
	/* -- 圖02 -- */
	background: url(img_mainpic002.jpg) no-repeat 50% 90%;
	background-size:cover;
}
#JapanSnow .header .slider-contect03 {
	/* -- 圖02 -- */
	background: url(img_mainpic003.jpg) no-repeat 50% 60%;
	background-size:cover;
}

#JapanSnow .slider-arrow {
	position:absolute;
	top:0;
	z-index:20;
	width:6%;
	height:100%;
	cursor:pointer;
	/* 手手游標 */
	background-size:35%;
	background-repeat:no-repeat;
	background-position:50% 50%;	
    background-color:transparent;
}

#JapanSnow .slider-back {
	background-image: url(img_arrow_back.png);
	opacity:0.5;
	left:0;
}
#JapanSnow .slider-back:hover {
	background-image: url(img_arrow_back02.png);
	opacity:1;
}
#JapanSnow .slider-next {
	background-image: url(img_arrow_next.png);
	opacity:0.5;
	right:0;
}
#JapanSnow .slider-next:hover {
	background-image: url(img_arrow_next02.png);
	opacity:1;
}
/**照片button**/
#JapanSnow .header ul.slick-dots{
	position:absolute;
	left:80px;
    bottom:200px;
    z-index:80;
	text-align:center;
	display:none;
}
#JapanSnow .header ul.slick-dots li{
	display:flex;
	align-items:center;
	justify-content:center;
	display:none;
}
#JapanSnow .header ul.slick-dots li button{
	margin:10px;
	width:10px;
	height:100px;
	background:#fff;
	font-size:0;
	color:white;
}
#JapanSnow .header ul.slick-dots li.slick-active button, #JapanSnow .header ul.slick-dots li.slick-active:hover button{
	background:#d8e0e8;
}


/* ==================== ICON ==================== */
/* -- tour tabe -- */
#JapanSnow .tab-demo {
	width:100%;
	text-align:center;
	margin:-7.5% auto 0 auto;
	opacity:1;
	background:url(bg_left.png) no-repeat, url(bg_right.png) no-repeat;
	background-size:7%, 30%;
	background-position:3.5% 29%, right 5%;
  }  
  #JapanSnow .tab-demo ul.tab-title {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	margin:1%;
	list-style:none;
  }
  #JapanSnow .tab-demo ul.tab-title li {	
	flex:none;
	width:calc(100% / 4 - 15.8%);
	border-radius:100%;
	aspect-ratio:1/1;
	border:2px solid #2395ed;
	margin:0 0.65%;
	z-index:10;
  }

  #JapanSnow .tab-demo ul.tab-title li a{
	display:flex;
	justify-content:center;
	align-items:center;
	height:100%;
	font-size:1.6em;
	color:#1e6fd3;
	width:100%;
	line-height:1;
	border:1px solid transparent;
  }
  #JapanSnow .tab-demo  ul.tab-title li a p img{
	width:42%;
	display:block;
	margin:5% auto;
	margin-top:-5%;
  }
  #JapanSnow .tab-demo  ul.tab-title li a p{
	width:100%;	
  }
  #JapanSnow .tab-demo  ul.tab-title li a p span{
	display:block;
	font-size:0.45em;	
	line-height:2;
  }	
    
  #JapanSnow .tab-demo  ul.tab-title li:hover, #JapanSnow .tab-demo  ul.tab-title li.active{	
	background:#fdff67;
	border:0;
	animation:B_circle 0.5s ease-in;
  }

  @keyframes B_circle {
    50% {
        opacity:0.5;
        -webkit-transform:scale(110%);
        -ms-transform:scale(110%);
        transform:scale(110%);
	}
		
	100% {
		-webkit-transform:scale(100%);
		-ms-transform:scale(100%);
		transform:scale(100%);
	}
  }




/**nav置頂轉換樣式Start**/
	/***** TopMenuStart *****/
	.navbar {
		-o-transition: all .6s; -moz-transition: all .6s; -webkit-transition: all .6s; -ms-transition: all .6s; transition: all .6s;
	}

	/***** float navbar *****/
	#navbar {
	overflow:hidden;
	z-index:100;
	}

	.sticky {
	position:fixed;/*sticky;*/
	top: 0;
	left:0;
	width:100%;
	height:auto;
	background:#fff;
	box-shadow:3px 3px 3px rgba(0, 0, 0, 0.05);
	z-index:100;
	}	
	/***** TopMenuEnd *****/
	/**nav置頂轉換樣式Start**/
	#JapanSnow .tab-demo ul.tab-title li.up {	
	border-radius:10px;
	aspect-ratio:3/1;
	}

	#JapanSnow .tab-demo ul.tab-title li.up a{
	font-size:1.3em;
	line-height:0.85;
	}	

	/*#JapanSnow .tab-demo ul.tab-title li.up:hover, #JapanSnow .tab-demo ul.tab-title li.up.active, #JapanSnow .tab-demo ul.tab-title li.up:hover.active{
	background:url(li_bg2.png) repeat, #fdff67;
	}	*/

	#JapanSnow .tab-demo ul.tab-title li.up a p img{	
	display:none;
	width:33%;
	opacity:1;
	float:left;
	padding-left:5%;
	-webkit-transform:rotate(-35deg);
	}

	#JapanSnow .tab-demo  ul.tab-title li.up a p span{
	display:none;
	font-size:0.35em;	
	}	

	/**上方照片的雪花遮罩**/
	#JapanSnow .header .masker_snow.reSnow{/*display:none;*/}
	/**景點及行程往下滑**/
	#JapanSnow .tab-demo .tab-inner.reDown{margin-top:5%;}

/**nav置頂轉換樣式End**/





  /**下層UI-度假村**/  
  #JapanSnow .tab-demo .tab-inner-wrap .tab-inner ul.tab-title li.i3 {	
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
	align-items:center;
	border:2px solid#0cc2c4;
	border-radius:30px;
	font-size:0.5em;
	margin:1.3% 0.5%;
	width:calc(100% / 4 - 13.5%);
	aspect-ratio:5 / 1;
	/*height:calc(5vh);
	max-height:65px;*/
  }

  #JapanSnow .tab-demo .tab-inner-wrap .tab-inner ul.tab-title li.i3-1{	
	width:calc(100% / 3 - 15%);
	aspect-ratio:8 / 1;
  }

  #JapanSnow .tab-demo .tab-inner-wrap .tab-inner ul.tab-title li.i3 a {
	flex:none;
	color:#0cc2c4;	
	font-weight:600;
	font-size:1.8em;
  }
  #JapanSnow .tab-demo .tab-inner-wrap .tab-inner ul.tab-title li.i3 a h3 {
	margin:0;
  }	
  #JapanSnow .tab-demo .tab-inner-wrap .tab-inner ul.tab-title li.i3:hover, #JapanSnow .tab-demo .tab-inner-wrap .tab-inner ul.tab-title li.i3.active{
	background:#0cc2c4;	
  }

  #JapanSnow .tab-demo .tab-inner-wrap .tab-inner ul.tab-title li.i3:hover a, #JapanSnow .tab-demo .tab-inner-wrap .tab-inner ul.tab-title li.i3.active a{
	color:white;
  }
  
  #JapanSnow .tab-demo .tab-inner {
	width:100%;
  }

/* ==================== 國家主題區 ==================== */
#JapanSnow .area{
	width:100%;
	height:auto;
	margin:0 auto;
}

#JapanSnow .area2{
	display:flex;
	flex-direction:row;
	justify-content:end;
	align-items:start;
	width:80%;
	height:auto;/*calc(70vh);*/
	margin:0 auto;
}


/* ==================== 地區大圖 ==================== */
#JapanSnow .area .area2 .area_photo{
	position:relative;
	flex:none;
	width:54.5%;
	margin:2.2% 1.5%;
}

#JapanSnow .area .area2 .area_photo .area_name{
	position:absolute;
	left:0; 
	top:-3%;
	z-index:22;
	width:31.3%;/**31%;**/
}
#JapanSnow .area .area2 .area_photo .pingo{
	position:absolute;
	left:0; 
	bottom:0;
	z-index:22;
	width:31%;
}
#JapanSnow .area .area2 .area_photo .rightmen{
	position:absolute;
	right:-20px; 
	bottom:-10px;
	z-index:22;
	width:35%;
}


/* -- 國家圖輪動圖-- */
#JapanSnow .area .area2 .area_photo .slider_container-1{
	width:calc(100%);
	height:auto;/*62.5vh;*/
	overflow:hidden;
	margin:0 auto;
	border-radius:30px;
	padding:5%;
	background:#ebf4fc;
	background: repeating-linear-gradient(130deg,#ebf4fc,#ebf4fc 20px,#f7fbff 0,#f7fbff 30px);
}

#JapanSnow .area .area2 .area_photo .slider_container button{
	position:absolute;
}

#JapanSnow .area .area2 .area_photo .slider-item{
	/*height:calc(62.5vh - 9.5vh);
	aspect-ratio:1.7 / 1;	
	@media all and (-webkit-min-device-pixel-ratio:0){height:calc(50vw * 1/2);*/
	height:calc(50vw * 1/2);
	overflow:hidden;
	border-radius:80px 80px 160px 80px;
	box-shadow:rgba(81,130,162,0.9) 3px 3px 12px 0 inset;  
}

/**北海道景點圖**/
#JapanSnow .area .area2 .area_photo .slider-contect01.Hokkaido {
	background:url(Hokkaido_B_01-1.jpg) no-repeat 50% 50%;
	background-size:cover;
}
#JapanSnow .area .area2 .area_photo .slider-contect02.Hokkaido {
	background:url(Hokkaido_B_01-2.jpg) no-repeat 50% 50%;
	background-size:cover;
}
#JapanSnow .area .area2 .area_photo .slider-contect01.Hokkaido2 {
	background:url(Hokkaido_B_02-2.jpg) no-repeat 50% 50%;
	background-size:cover;
}
#JapanSnow .area .area2 .area_photo .slider-contect02.Hokkaido2 {
	background:url(Hokkaido_B_02-1.jpg) no-repeat left 50%;
	background-size:cover;
}
#JapanSnow .area .area2 .area_photo .slider-contect01.Hokkaido3 {
	background:url(Hokkaido_B_03-1.jpg) no-repeat left 50%;
	background-size:cover;
}
#JapanSnow .area .area2 .area_photo .slider-contect02.Hokkaido3 {
	background:url(Hokkaido_B_03-2.jpg) no-repeat 50% 50%;
	background-size:cover;
}
#JapanSnow .area .area2 .area_photo .slider-contect01.Hokkaido4 {
	background:url(Hokkaido_B_04-2.jpg) no-repeat 50% 50%;
	background-size:cover;
}
#JapanSnow .area .area2 .area_photo .slider-contect02.Hokkaido4 {
	background:url(Hokkaido_B_04-1.jpg) no-repeat 50% 50%;
	background-size:cover;
}


/**東北景點圖**/
#JapanSnow .area .area2 .area_photo .slider-contect01.Tohoku {
	background:url(Tohoku_B_01-1.jpg) no-repeat 50% 50%;
	background-size:cover;
}
#JapanSnow .area .area2 .area_photo .slider-contect02.Tohoku {
	background:url(Tohoku_B_01-2.jpg) no-repeat 50% 50%;
	background-size:cover;
}
#JapanSnow .area .area2 .area_photo .slider-contect01.Tohoku2 {
	background:url(Tohoku_B_02-2.jpg) no-repeat left 50%;
	background-size:cover;
}
#JapanSnow .area .area2 .area_photo .slider-contect02.Tohoku2 {
	background:url(Tohoku_B_02-1.jpg) no-repeat 50% 50%;
	background-size:cover;
}
#JapanSnow .area .area2 .area_photo .slider-contect01.Tohoku3 {
	background:url(Tohoku_B_03-1.jpg) no-repeat 50% 50%;
	background-size:cover;
}
#JapanSnow .area .area2 .area_photo .slider-contect02.Tohoku3 {
	background:url(Tohoku_B_03-2.jpg) no-repeat 50% 50%;
	background-size:cover;
}

/**關西景點圖**/
#JapanSnow .area .area2 .area_photo .slider-contect01.Kansai {
	background:url(Kansai_B_01-1.jpg) no-repeat 20% 50%;
	background-size:cover;
}
#JapanSnow .area .area2 .area_photo .slider-contect02.Kansai {
	background:url(Kansai_B_01-2.jpg) no-repeat 50% 50%;
	background-size:cover;
}

/**關東景點圖**/
#JapanSnow .area .area2 .area_photo .slider-contect01.Kanto {
	background:url(Kanto_B_01-1.jpg) no-repeat 50% 50%;
	background-size:cover;
}
#JapanSnow .area .area2 .area_photo .slider-contect01.Kanto2 {
	background:url(Kanto_B_02-1.jpg) no-repeat 50% 50%;
	background-size:cover;
}
#JapanSnow .area .area2 .area_photo .slider-contect02.Kanto2 {
	background:url(Kanto_B_02-2.jpg) no-repeat 50% 50%;
	background-size:cover;
}
#JapanSnow .area .area2 .area_photo .slider-contect01.Kanto3 {
	background:url(Kanto_B_03-1.jpg) no-repeat left 50%;
	background-size:cover;
}
#JapanSnow .area .area2 .area_photo .slider-contect02.Kanto3 {
	background:url(Kanto_B_03-2.jpg) no-repeat right 50%;
	background-size:cover;
}
#JapanSnow .area .area2 .area_photo .slider-contect03.Kanto3 {
	background:url(Kanto_B_03-3.jpg) no-repeat right 50%;
	background-size:cover;
}



/* --國家介紹文字-- */
#JapanSnow .area .photo_txt{
	flex:none;
	display:flex;
	flex-direction:row-reverse;
	align-items:start;
	justify-content:start;
	width:38%;/*28%;*/
	/*height:auto;calc(62.8vh);*/
	aspect-ratio:1.2 / 1;
	font-size:2em;
	line-height:1.7;
	margin-top:2%;
	background:url(txt_bg_star.png) no-repeat; 
	background-size:6%;
	background-position:5% bottom;
}

#JapanSnow .area .photo_txt .title2{
	flex:none;
	width:45.5%;
}

#JapanSnow .area .photo_txt .title{
	font-size:1.72em;
	letter-spacing:24px;
	line-height:1.5;
	color:white;
	margin:14.8% 10% auto auto;
	text-shadow:-2px -2px 0 #6fb9ff, 2px -2px 0 #6fb9ff, -2px 2px 0 #6fb9ff, 2px 2px 0 #6fb9ff;
}

#JapanSnow .area .photo_txt .txt_ps{
	flex:none;
	width:53%;
}

#JapanSnow .area .photo_txt .txt_ps img{	
	width:100%;
	/*max-width:430px;*/
	margin:0 -7% auto auto;
}

#JapanSnow .area .photo_txt .txt_ps .txt{
	width:92%;
	font-size:0.45em;
	line-height:1.5;/*1.75;*/
	text-align:justify;
	color:#555555;
	letter-spacing:3px;	
	font-family:PMingLiU, Microsoft JhengHei, Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	writing-mode:vertical-rl;
	aspect-ratio:1.35 / 1;
	/*height:calc(25vw * 1/2);*/
	margin-top:1.5em;
	overflow-x:auto;

	  &::-webkit-scrollbar {
		height:5px;
	  }
  
	  &::-webkit-scrollbar-button {  
		background: transparent;  
		border-radius:15px;  
	  }
  
	  &::-webkit-scrollbar-track-piece {  
		background: transparent;  
	  }
  
	  &::-webkit-scrollbar-thumb {  
		border-radius:15px;  
		background-color: rgba(94, 185, 255, 0.5);  
		border: 1px solid rgba(94, 185, 255, 0.1);  
	  }
  
	  &::-webkit-scrollbar-track {  
		box-shadow: transparent;  
	  }
}


/**照片button**/
#JapanSnow .area .area_photo ul.slick-dots{
	display:none;
	position:absolute;
	left:5%;
    bottom:0;
    z-index:80;
	text-align:center;
}
#JapanSnow .area .area_photo ul.slick-dots li{
	display:flex;
	align-items:center;
	justify-content:center;
	padding:10px;
}
#JapanSnow .area .area_photo ul.slick-dots li button{
	display:none;
	margin:5px;
	width:5px;
	height:120px;
	background:#c8d8e8;
	font-size:0;
	color:white;
}
#JapanSnow .area .area_photo ul.slick-dots li.slick-active button, #JapanSnow .area .area_photo ul.slick-dots li.slick-active:hover button{
	background:black;
}


/**下方行程**/
#JapanSnow .area.bottom{
	height:auto;
	background:url(tour_line.png) no-repeat 0 45%, url(tour_girls.png) no-repeat 92% 15%, url(bg_middle.png) no-repeat 0 0, linear-gradient(to bottom, transparent 20%, #ebf4fc 20%, #ebf4fc 100%);
	background-size:100%, 21%, 100%;
}

#JapanSnow .area .area2 .tour_title{
	width:45%;
	max-width:943px;
	margin:26.5% auto 0 auto;
}

#JapanSnow .area .area2 .area_bottom{	
	width:100%;
}

#JapanSnow .area .area2 .area_bottom .tour{
	position:relative;
	display: inline-block;
	width:calc(100% / 4 - 4%);
	margin:1% 0.5% 0 0.5%;
	height:auto;
	padding:15px;
	background:white;
	border-radius:25px 25px 0 0;
	vertical-align:top;
}	

#JapanSnow .area .area2 .area_bottom .tour .country{
	position:absolute;
	width:50%;
	background:#fdff67;
	border-radius:8px 0 8px 0;
	color:#1e6fd3;
	font-size:1em;
	line-height:2.25;
}

#JapanSnow .area .area2 .area_bottom .tour img{
	width:100%;
	aspect-ratio:1.25/1;/*1.15/1*/
	padding-bottom:0;
	border-radius:15px 15px 0 0;
}

#JapanSnow .area .area2 .area_bottom .tour h3{
	font-size:1.5em;
	font-weight:500;
	color:#146ad5;
	/**標題單行**/
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding:0 3%;
}

#JapanSnow .area .area2 .area_bottom .tour p{
	font-size:1em;
	font-weight:500;
	color:#555;
	padding:0 3%;
	text-align:justify;
	margin:0 auto;

	
	overflow: hidden;
	text-overflow: ellipsis;
	display:-webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp:2;
}

#JapanSnow .area .area2 .area_bottom .tour p span{
	color:#f04870;
	font-weight:600;
}

#JapanSnow .area .area2 .area_bottom .tour a .button{
	width:80%;
	border-radius:30px;
	background:url(img_arrow.png) no-repeat, #0cc2c4;
	background-size:5%;
	background-position:90% center;
	font-size:1em;
	font-weight:500;
	color:white;
	margin:6% auto;
	line-height:2;
}

#JapanSnow .area .area2 .area_bottom .tour a .button:hover{
	background:url(img_arrow.png) no-repeat, #4893f0;
	background-size:5%;
	background-position:90% center;
}

#JapanSnow .area .area2 .area_bottom a .big_button{
	width:30%;
	border-radius:60px;
	background:url(img_arrow.png) no-repeat, #4893f0;
	background-size:3.5%;
	background-position:90% center;
	font-size:1.35em;
	font-weight:500;
	color:white;
	margin:6% auto;
	line-height:2.2;
}

#JapanSnow .area .area2 .area_bottom a:hover .big_button{
	background:url(img_arrow.png) no-repeat, #0cc2c4;
	background-size:3.5%;
	background-position:90% center;
	/*box-shadow:5px 5px 5px rgba(72, 147, 240, 0.5);
	color:#4893f0;*/
	position:relative;
	animation:big_button 1.5s infinite;
}

@keyframes big_button {	
	0%   {left:0;}
	25%  {left:10px;}
	50%  {left:0;}
	75%  {left:10px;}
	100% {left:0;}
}

#JapanSnow .foot_img{
	width:100%; 
	height:50vh; 
}
/*北海道*/
#JapanSnow .foot_img.Hokkaido{
	background:url(bg_bottom_Hokkaido.jpg) left 50%; 
	background-size:cover
}
/*東北*/
#JapanSnow .foot_img.Tohoku{
	background:url(bg_bottom_Tohoku.jpg) 75% 50%; 
	background-size:cover
}
/*關西*/
#JapanSnow .foot_img.Kansai{
	background:url(bg_bottom_Kansai.jpg) 50% 50%; 
	background-size:cover
}
/*關東*/
#JapanSnow .foot_img.Kanto{
	background:url(bg_bottom_Kanto.jpg) 50% bottom; 
	background-size:cover
}


/**	3440 x 1440**/
@media screen and (max-width:3440px) {
/**	2560 x 1440**/
@media screen and (max-width:2560px) {
	#JapanSnow{font-size:24px;}
}
/**	1920 x 1080**/
@media screen and (max-width:1920px) {
	#JapanSnow{font-size:20px;}
	#JapanSnow .area2{width:90%}
	#JapanSnow .area .area2 .area_bottom .tour{padding:12px;}
	#goTop {
		width:110px!important;	
		height:110px!important;	
		right:1.5%!important;	
		bottom:3%!important;	
	}
}
/**	1680 x 1050**/
@media screen and (max-width:1680px) {
	#JapanSnow .tab-demo .tab-inner-wrap .tab-inner ul.tab-title li.i3 {width:calc(100% / 4 - 10%);aspect-ratio:5 / 1;}
	#JapanSnow .area .area2 .area_bottom .tour{padding:10px}
	#JapanSnow .tab-demo ul.tab-title li.up{width:calc(100% / 4 - 12%);border-radius:15px;font-size:1.3em;}
}

/**尺寸1440 x 900 企劃筆電尺寸**/
@media screen and (max-width:1440px) {
	#JapanSnow{font-size:16px;}
	#goTop {
		width:85px!important;	
		height:85px!important;	
		right:1.5%!important;	
	}
}
/**	1366 x 768 **/
@media screen and (max-width:1366px) {
	#JapanSnow{font-size:16px}
}

/**	1280 x 800 **/
@media screen and (max-width:1280px) {
	#JapanSnow{font-size:16px;}	
	#JapanSnow .area2{width:100%}
	#goTop {
		width:80px!important;	
		height:80px!important;	
		right:1%!important;	
	}
}
/**平板**/
/**手機**/
/**	1024 x 768 **/
@media screen and (max-width:1024px) {
	#JapanSnow {font-size:20px;}
	#JapanSnow .RightLine{width:15%}	
	#goTop {
		width:100px!important;	
		height:100px!important;	
		right:2%!important;
	}
	
	#JapanSnow .header, #JapanSnow .header .slider-item{height:calc(100vh - 40vh);/*980px*/}
	#JapanSnow .header .slogan{width:70%;}	
	#JapanSnow .header .masker_snow{width:150%}
	#JapanSnow .header .slider-contect01 {background:url(img_mainpic001.jpg) no-repeat 70% bottom; background-size:cover;}


	#JapanSnow .tab-demo ul.tab-title li {width:calc(100% / 4 - 9%);}
	#JapanSnow .tab-demo .tab-inner-wrap .tab-inner ul.tab-title li.i3 {width:calc(100% / 4 - 4%); line-height:3;}
	#JapanSnow .area2{flex-direction:column;align-items:center;width:80%;}

	#JapanSnow .tab-demo {
		background-size:11%, 58.5%;
		background-position:3% 19%, right 19%;
	} 	  
	#JapanSnow .area .area2 .area_photo, #JapanSnow .area .photo_txt{width:100%; height:auto;}	
	#JapanSnow .area .photo_txt .txt_ps .txt{font-family:Microsoft JhengHei, Arial, Helvetica, sans-serif;font-size:0.65em;overflow:auto;letter-spacing:0;writing-mode:revert-layer}
	#JapanSnow .slider-arrow {width:15%;background-position:50% 60%;}

	#JapanSnow .area .photo_txt{font-family:Microsoft JhengHei, Arial, Helvetica, sans-serif;background:none;margin-top: 5%;}
	#JapanSnow .area .area2 .area_bottom .tour{width:calc(100% / 2 - 8%);margin: 1%;border-radius:15px 15px 0 0;}
	#JapanSnow .area .area2 .area_bottom .tour img{border-radius:10px 10px 0 0;}
	#JapanSnow .area.bottom{
		background:url(tour_line.png) repeat-y 0 45%, url(tour_girls.png) no-repeat 105% 0, url(bg_middle.png) no-repeat 0 0, linear-gradient(to bottom, transparent 5%, #ebf4fc 5%, #ebf4fc 100%);
		background-size:100%, 33%, 100%;
	}
	#JapanSnow .area .area2 .tour_title{width:70%;margin-top:36%;}
	#JapanSnow .area .area2 .area_bottom .tour a .button{line-height:2.25;}

	#JapanSnow .area .area2 .area_photo .slider-item{
		height:calc(50vw * 1/1.25);
		border-radius:40px 40px 80px 40px;
	}

	#JapanSnow .tab-demo ul.tab-title li.up{width:calc(100% / 4 - 8%);border-radius:12px;font-size:1.1em;}
	#JapanSnow .area .area2 .area_bottom a .big_button{width:55%;}
}

@media screen and (max-width:900px) {
	#JapanSnow {font-size:19px;}
	/**右側BUTTON**/
	#JapanSnow .RightClick{display:none;}
	#JapanSnow .header .slogan{width:90%;}	
	#JapanSnow .tab-demo ul.tab-title li {width:calc(100% / 4 - 7%);}
	#JapanSnow .area2{align-items:center;width:80%;}	
	
	/**景點及行程往下滑**/
	#JapanSnow .tab-demo .tab-inner.reDown{margin-top:10%;}
}
@media screen and (max-width:834px) {
	#JapanSnow {font-size:18px;}
}

@media screen and (max-width:768px) {
	#JapanSnow {font-size:18px;}
	#JapanSnow .tab-demo ul.tab-title li {width:calc(100% / 4 - 5%);}	
	#JapanSnow .tab-demo .tab-inner-wrap .tab-inner ul.tab-title li.i3 {width:calc(100% / 4 - 1%);}

	#JapanSnow .tab-demo ul.tab-title li.up{width:calc(100% / 4 - 5%);}
}
/**640 x 1136**/
@media screen and (max-width:640px) {
	#JapanSnow {font-size:16px;}
	#JapanSnow .header .slogan{width:80%;}		
	
	#JapanSnow .area2{flex-direction:column;align-items:center;width:90%;}
	#JapanSnow .tab-demo ul.tab-title{margin:2%;}
	#JapanSnow .tab-demo ul.tab-title li{width:calc(100% / 4 - 3%);}
	#JapanSnow .tab-demo .tab-inner-wrap .tab-inner ul.tab-title li.i3 {width:calc(100% / 2 - 10%);font-size:0.7em;}
	#JapanSnow .tab-demo .tab-inner-wrap .tab-inner ul.tab-title li.i3 a h3 span{display:none;}
	
	#JapanSnow .area .area2 .area_bottom .tour{width:calc(100% / 2 - 5%);}			
	#JapanSnow .foot_img{height:30vh;}
	
	/**景點及行程往下滑**/
	#JapanSnow .tab-demo ul.tab-title li.up{width:calc(100% / 4 - 2%);font-size:1.18em;}
	#JapanSnow .tab-demo .tab-inner.reDown{margin-top:20%;}	
}

/**Samsung Galaxy S21 Ultra 5G-480 x 1067**/
@media screen and (max-width:480px) {	
	#JapanSnow {font-size:18px;}	

	#JapanSnow .RightLine{width:20%}

	#JapanSnow .header .slogan{width:100%}
	#JapanSnow .area2{width:95%}	

	#JapanSnow .tab-demo{margin-top:-22%}
	#JapanSnow .tab-demo ul.tab-title li{font-size:1.5em;width:calc(100% / 2 - 18%);margin:2%;font-size:1.25em;}
	#JapanSnow .tab-demo .tab-inner-wrap .tab-inner ul.tab-title li.i3 {width:calc(100% / 2 - 5%);margin:1.5%;}
	
	#JapanSnow .area .area2 .area_photo .slider-item{height:calc(50vw * 1.2/1);}

	#JapanSnow .area .area2 .area_bottom .tour{width:calc(100% / 2 - 2%);margin:5% 0.5%}
	#JapanSnow .area .area2 .area_bottom .tour p{
		font-size:1.1em;
		/**標題2行**/
		overflow: hidden;
		text-overflow: ellipsis;
		display:-webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}
	#JapanSnow .area .area2 .tour_title{width:90%;margin-top:55%;}
	#JapanSnow .area.bottom{
		background:url(tour_line.png) repeat-y 0 80%, url(tour_girls.png) no-repeat 70% 0, url(bg_middle.png) no-repeat 0 0, linear-gradient(to bottom, transparent 2%, #ebf4fc 2%, #ebf4fc 100%);
		background-size:220%, 55%, 100%;
	}	
	#JapanSnow .area .area2 .area_bottom .tour h3{line-height:1.35;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:pre-line;min-height:60px;display:flex;justify-content:center;align-items:center;}
	#JapanSnow .area .area2 .area_bottom .tour p{-webkit-line-clamp:4;min-height:120px;}
	
	/**景點及行程往下滑**/
	#JapanSnow .tab-demo ul.tab-title li.up{width:calc(100% / 2 - 8%);border-radius:12px;font-size:1.25em;}
	#JapanSnow .tab-demo .tab-inner.reDown{margin-top:35%;}
	#JapanSnow .area .area2 .area_bottom a .big_button{width:65%;}

	#goTop {
		width:68px!important;	
		height:68px!important;	
		right:2%!important;
		bottom:5%!important;
	}
}

/**iPhone 15 Pro Max尺寸430 x 932 企劃主管手機尺寸   iPhone 14 Plus-428 x 926 + iPhone 11 Pro Max-414 x 896   +	Google Pixel-411 x 731**/
@media screen and (max-width:430px) {		
	#JapanSnow {font-size:14px;}
	#JapanSnow .area .area2 .area_bottom .tour p{min-height:100px;}	
}

/**iPhone 15---393 x 852**/
@media screen and (max-width:393px) {		
	#JapanSnow {font-size:14px;}	
}

/**iPhone 15 Pro尺寸375 x 667+iPhone 14-390 x 844 + iPhone SE 3-375 x 667 + iPhone 11 Pro-375 x 812 + iPhone 8 (8, 7, 6S, 6)-375 x 667 + iPhone 13 mini-360 x 780**/
@media screen and (max-width:375px) {
	#JapanSnow {font-size:14px;}
}
/**iPhone SE（SE, 5S, 5C）-320 x 568**/
@media screen and (max-width:320px) {
	#JapanSnow {font-size:12px;}
}
/**手錶	241 x 248+241 x 244+	241 x 218**/
@media screen and (max-width:241px) {
	#JapanSnow {font-size:9px;}
}
/**手錶	156 x 195**/
@media screen and (max-width:156px) {
	#JapanSnow {font-size:6px;}
}
/**手錶	136 x 170**/
@media screen and (max-width:136px) {
	#JapanSnow {font-size:5px;}
}


/**輪播圖的數字**/
.slick-dots{display:none!important;}