*{
	margin:0;
	padding:0;
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

html,body{
	overflow:visible;!important;
	background:url(img_bg.jpg);
	background-color:#e83417;
	
}

img{
	display:block;

}

#travel_jpkr{
	width:100%;
	min-width:320px;
	min-height:320px;
	margin:0 auto;
	background:url(img_dec_top.png) no-repeat left top, 
			   url(img_bottombk.png) no-repeat left bottom;
	background-size:100%, 100%;
	background-position:0% 0%, 0% 100%;
	position:relative;
	overflow-y:hidden;
	
}



/* ==================== 左側 ==================== */

#travel_jpkr header{
	width:300px;
	height:100vh;
	padding-top: 50px;
	text-align:center;
	position:fixed;
	left:0;
	top:0;
	z-index:60;
}

#travel_jpkr .jp-header{
	background:url("img_dec_map.png") no-repeat left top,url(img_header_bg.jpg);	
	background-size: 50%,auto ;
	background-position: 90% 98%, 0% 0%;
}

#travel_jpkr .kr-header{
	background:url("img_dec_map.png") no-repeat left top,url(img_left_bk02.gif);	
	background-size: 50%,auto ;
	background-position: 90% 98%, 0% 0%;
}



#travel_jpkr header h1{
	width:95%;
	height:0;
	padding-bottom:95%;
	margin:0 auto 10px;
	background:url(img_maintittle.png) no-repeat left top;
	background-size:100%;
	text-indent:-9999px;
	
}

#travel_jpkr header .pushTour_list{
	width: 100%;
	margin: 0 auto 10px;
}

#travel_jpkr header .pushTour_list h3{
	display: block;
	width: 100%;
	height: 0;
	padding-bottom: 18%;
	text-indent: -9999px;
	background: url("img_maple_tour_tt.png") no-repeat left top;
	background-size: 100%;
}

#travel_jpkr header a.pushTour{
	display: block;
	width: 100%;
	height: 0;
	padding-bottom: 28.333333%;
	text-indent: -9999px;
}

#travel_jpkr header a.tour001{
	background: url("img_maple_tour_0101.png") no-repeat left top;
	background-size: 100%;
}

#travel_jpkr header a.tour001:hover{
	background: url("img_maple_tour_0102.png") no-repeat left top;
	background-size: 100%;
}

#travel_jpkr header a.tour002{
	background: url("img_maple_tour_0201.png") no-repeat left top;
	background-size: 100%;
}

#travel_jpkr header a.tour002:hover{
	background: url("img_maple_tour_0202.png") no-repeat left top;
	background-size: 100%;
}

#travel_jpkr header a.tour003{
	background: url("img_maple_tour_0301.png") no-repeat left top;
	background-size: 100%;
}

#travel_jpkr header a.tour003:hover{
	background: url("img_maple_tour_0302.png") no-repeat left top;
	background-size: 100%;
}

#travel_jpkr header .special_off{
	width: 100%;	
	margin: 0 auto;
	
}

#travel_jpkr header .special_off a{
	display: block;
	width: 100%;
	height: 0;
	padding-bottom: 125%;
	text-indent: -9999px;
	background: url("img_discount_banner.png") no-repeat left top;
	background-size: 100%;
	
}

#travel_jpkr header .special_off a:hover{
	background: url("img_discount_banner_hover.png") no-repeat left top;
	background-size: 100%;
	
}


#travel_jpkr .right-line{
	width:3px;
	height:100vh;
	border-right:#e83417 3px dotted;
	position:fixed;
	left:300px;
	top:0;
	z-index:60;
}

#travel_jpkr .right-line-kr{
	border-right:#ee5309 3px dotted;
}

/* =================================== 側選單 ==================================*/

#travel_jpkr .hidenav_btn{
	width:5.21%;
	height:0;
	padding-bottom: 11.983%;
	background:url(img-innav-open.png) no-repeat top center;
	background-size:100%;
	
	position:fixed;
	top: 28vw;
	right:0;
	z-index:90;
	cursor: pointer; 
	
	animation:menu-other 2s 1;
	-moz-animation:menu-other 2s 1;
	-webkit-animation:menu-other 2s 1;
	transform: translateX(0%);
    transition: transform 2s;
}


@keyframes menu-other{
		
    from{
		transform: translateX(100%);
    }
    to{ 
	    transform: translateX(0%);
    }
	
	
}

#travel_jpkr .additional_nav{
	width:200px;
	background-color:#FFF;
	border:#ec5b1b 2px solid;
	border-radius:20px 0 0 20px;
	display:none;
	
	position:fixed; /* position å¯ä»¥è®“ div è·³è„«åŽŸæœ¬åœ¨ HTML å…§çš„ä½ç½® */
	top: 28vw;
	right:-20px;
	z-index:91;
	
	animation-name:menu;
	animation-fill-mode:forwards;
	animation-duration:0.5s;
	
}

@keyframes menu{
		
    from{
		right:-250px;
		opacity:0;
    }
    to{ 
	    right:-20px;
		opacity:1;
    }
	
	
}

#travel_jpkr .additional_nav ul{
	display:block;
	width:100%;
	padding-right:10px;
	text-align:center;
}


#travel_jpkr .additional_nav li{
	display:inline-block;
	vertical-align:top;
	width:80%;
	margin:0 2%;
	
	text-align:center;
	position:relative;
	border-bottom: #999 1px dotted;
}


#travel_jpkr .additional_nav li:last-child{
	border:none;
	width:80%;
	margin:5px auto 0 auto;
}

#travel_jpkr .additional_nav li a{
	display:inline-block;
	vertical-align:top;
	width:100%;
	height:50px;
	line-height:50px;
	font-size:18px;
	color:#000;
	cursor: pointer;
	text-align:left;
	padding-left:15px;
}

#travel_jpkr .additional_nav li a:before{
	content: "";
    display:inline-block;
	vertical-align:top;
    width: 10px;
    height: 50px;
    background: url(img_dec_flower.png) no-repeat left top;
    background-size: 100%;
    background-position: 50%;
    position: absolute;
    left: 0;
}


#travel_jpkr .additional_nav li h5{
	width:100%;
	margin:10px 0;
	text-align:center;
	background-color:#000;
	color:#FFF;
	line-height:50px;
	height:50px;
	border-radius:25px;
	cursor: pointer; 
	
}

#travel_jpkr .additional_nav li h5 img{
	width:10px;
	height:auto;
	margin-left:5px;
}


/* ==================== 主內容 ==================== */


#travel_jpkr article{
	width:100%;
	text-align:center;
	padding-left:300px;
	position:relative;
}

#travel_jpkr .pull-tour{
	width: 3.2%;
	position:fixed;
	right: 0.6%;
	top:80px;
	z-index:90;
	
}

#travel_jpkr .pull-tour a{
	display:block;
	text-indent:-9999px;
	cursor:pointer;
	width: 100%;
	height:0;
	padding-bottom: 300%; 
	background:url(img_btn_pulltour.png) no-repeat left top;
	background-size:100%;
	
}

#travel_jpkr .pull-tour a:hover{
	background:url(img_btn_pulltour02.png) no-repeat left top;
	background-size:100%;
}

#travel_jpkr .page-btn{
	width:100%;
	height:150px;
	text-align:center;
}

#travel_jpkr .page-btn ul{
	display:inline-block;
	width:31.25%;
	margin-top:30px;
	list-style:none;
}

#travel_jpkr .page-btn li{
	display:inline-block;
	vertical-align:top;
	margin:0 10px;
	width:41.66666667%;
	
}

#travel_jpkr .page-btn li a{
	display:block;
	width:100%;
	height:0;
	padding-bottom:45%;
	text-indent:-9999px;
}


#travel_jpkr .page-btn li a.jp-page{
	background:url(img_btn0101.png) no-repeat left top;
	background-size:100%;
}

#travel_jpkr .page-btn li a.jp-page:hover,
#travel_jpkr .page-btn a.jp-thishere{
	background:url(img_btn0102.png) no-repeat left top;
	background-size:100%;
}

#travel_jpkr .page-btn li a.kr-page{
	background:url(img_btn0201.png) no-repeat left top;
	background-size:100%;
}

#travel_jpkr .page-btn li a.kr-page:hover,
#travel_jpkr .page-btn li a.kr-thishere{
	background:url(img_btn0202.png) no-repeat left top;
	background-size:100%;
}


/* -- 圖片輪播 -- */

#travel_jpkr .slider-content{
	width:100%;
	padding-top: 60px;
	
}
#travel_jpkr .slider-content-m{
	display:none;
}


#travel_jpkr .pic-frame{
	background-color:#FFF;
	padding:15px;
	margin:0 25px;
	box-shadow:3px 6px 5px rgba(102,102,102,0.5);
}

#travel_jpkr .pic-frame img{
	width:100%;
	height:auto;
	border-radius:10px;
}

#travel_jpkr .pic-frame p{
	display:inline-block;
	vertical-align:middle;
	width:30%;
	font-size:1.4vw;
	line-height:36px;
	color:#000;
	font-weight:600;
	border-right:#ccc 2px dotted;
	padding-left:10px;
	margin-top:10px;
	
}

#travel_jpkr .pic-frame p span{
	color:#e83417;
}


#travel_jpkr .pic-frame p.location-tag{
	width:70%;
	text-align:right;
	padding-right:10px;
	border:none;
}

/* -- 地圖 -- */


#travel_jpkr .map-area{
	display:block;
	width: 90%;
	height:0;
	margin:100px auto 50px auto;
	border:#e83417 3px dotted;
	border-radius:30px;
	position:relative;
}

#travel_jpkr .japan-map{
	padding-bottom: 70%;
	background:url(img_map_jp.png) no-repeat right top;
	background-size: 50%;
	background-position: 30% 80%;
}

#travel_jpkr .korea-map{
	padding-bottom: 55%;
	background:url(img_map_kr.png) no-repeat right top;
	background-size: 68%;
	background-position: 60% 10%;
}

#travel_jpkr .map-area h2{
	width:35.83333333%;
	height:0;
	padding-bottom:5.86%;
	text-indent:-9999px;
	position:absolute;
	top:-30px;
	right:0;
	left:0;
	bottom:0;
	margin:0 auto;
	
	z-index:80;
	
	
}

#travel_jpkr .japan-map h2{
	background:url(img_maptt_jp.png) no-repeat left top;
	background-size:100%;
	background-color:#fcf7e1;
}

#travel_jpkr .korea-map h2{
	background:url(img_maptt_kr.png) no-repeat left top;
	background-size:100%;
	background-color:#fcf7e1;
}


#travel_jpkr .map-area .con_stamp{
	width:25%;
	height:0;
	padding-bottom:16.666666668%;
	text-indent:-9999px;
}

#travel_jpkr .map-area .jp_stamp{
	background:url(img_stamp_jp.png) no-repeat left top;
	background-size:100%;
	
	position:absolute;
	right:-3%;
	top: 30px;
}

#travel_jpkr .map-area .kr_stamp{
	background:url(img_stamp_kr.png) no-repeat left top;
	background-size:100%;
	
	position:absolute;
	right:-3%;
	top: 30px;
}

#travel_jpkr .map-area .spot-list{
	text-align:left;
	padding: 5.2vw 0 0 10%;
}

#travel_jpkr .map-area .kr-list{
	margin-left: 5%;
}

#travel_jpkr .map-area .left-list{
	width: 50%;
	position: absolute;
	top:0;
	left: 0;
	
}

#travel_jpkr .map-area .right-list{
	width: 45%;
	position: absolute;
	bottom: 20px;
	right:0;
	
}

#travel_jpkr .map-area .spot-box{
	width:100%;
	margin-bottom:10px;
}


#travel_jpkr .map-area .spot-box h3{
	display:inline-block;
	vertical-align:top;
	color:#e83417;
	font-size:1.3vw;
	font-weight:600;
	line-height:36px;
	margin-left:5px;

}

#travel_jpkr .map-area .spot-box ul{
	display:inline-block;
	vertical-align:top;
	width:60%;
	list-style:none;
}

#travel_jpkr .map-area .spot-box li{
	width:100%;
	margin-bottom:5px;
}


#travel_jpkr .map-area .spot-box a{
	display:inline-block;
	width:auto;
	color:#000;
	font-size:1.1713030747vw;
	line-height:40px;
	padding:0 20px 0 40px;
	border-bottom:#4f2e2e 1px dashed;
	background:url(img_leave.png) no-repeat left top, url(img_arrow_right.png) no-repeat left top;
	background-size:30px, 10px;
	background-position:0% 50%, 97% 50%;
}

#travel_jpkr .map-area .spot-box a:hover{
	color:#e83417;
}


/* -- 行程 -- */


#travel_jpkr .space{
	width:100%;
	height:50px;
}

#travel_jpkr .tours-area{
	width: 95%;
	margin: 0 auto 150px;
	
}

#travel_jpkr .tours-area h2{
	display:block;
	width:1000px;
	margin:0 auto;
	
}

#travel_jpkr .tours-area h2 span{
	display:block;
    width:35.83333333%;
	height:0;
	padding-bottom:5.86%;
	text-indent:-9999px;
	margin:0 auto 30px auto;
	background:url(img_tourtt.png) no-repeat left top;
	background-size:100%;
}

#travel_jpkr .tours-area .tour-box{
	display:inline-block;
	vertical-align:top;
	width: 25%;
	margin:0 2% 30px 2%;
}

#travel_jpkr .tours-area .tour-pic{
	width:100%;
	border-radius:10px;
	box-shadow:1px 3px 10px rgba(102,102,102,0.5);
	
}

#travel_jpkr .tours-area .tour-pic img{
	width:100%;
	height:auto;
	border-bottom:#c3c0b1 2px dashed;
	border-radius:10px;
}


#travel_jpkr .tours-area .tour-name{
	padding:10px;
	text-align:left;
	background-color:#FFF;
	border-bottom:#c3c0b1 2px dashed;
	border-radius:10px;
	box-shadow:1px 3px 10px rgba(102,102,102,0.5);
}

#travel_jpkr .tours-area .tour-name p{
	font-size:1vw;
	font-weight:600;
	color:#e83417;
	
	
}

#travel_jpkr .tours-area .tour-name h4{
	font-size:1.25vw;
	line-height:36px;
	color:#000;
	font-weight:600;
	word-break:break-all;
}

#travel_jpkr .tours-area .tour_txt{
	font-size: 0.83vw;
	line-height: 1.5vw;
	text-align: justify;
	color: #333;
	min-height: 130px;
	margin: 5px auto;
}


#travel_jpkr .tour-box a{
	display:block;
	width:100%;
	height:50px;
	color:#e83417;
	font-size:1.2vw;
	font-weight:600;
	line-height:50px;
	background:url(img_arrow_right.png) no-repeat left top;
	background-size:20px;
	background-position:95% 50%;
	background-color:#FFF;
	border-radius:10px;
	box-shadow:1px 3px 10px rgba(102,102,102,0.5);
} 

#travel_jpkr .tour-box a:hover{
	color:#fff;
	background:url(img_arrow_right02.png) no-repeat left top;
	background-size:20px;
	background-position:95% 50%;
	background-color:#e83417;
}


@media screen and (max-width: 1440px){

	#travel_jpkr .tours-area h2 {
		display: block;
		width: 900px;
	}
	
	
	#travel_jpkr .map-area .spot-list{
		text-align:left;
		padding: 3vw 0 0 3%;
	}

	#travel_jpkr .page-btn ul {
		width: 40%;
	}
	
	#travel_jpkr .pic-frame p.location-con{
		width:40%;
		text-align:left;
	}
	
	#travel_jpkr .pic-frame p.location-tag{
		width:60%;
	}
	

}



@media screen and (max-width: 1280px){

	/* ==================== 左側 ==================== */

	#travel_jpkr header{
		width:280px;
	}
	
	#travel_jpkr .right-line{
		
		position:fixed;
		left:280px;
		top:0;
	}
	
	#travel_jpkr article{
		padding-left:280px;
	}
	
	#travel_jpkr .map-area h2{
		top:-25px;
	}
	
	#travel_jpkr .korea-map {
		background-position: 95% 10%;
	}
	
	#travel_jpkr .map-area .spot-box a{
		line-height: 36px;
	}
	
	#travel_jpkr .map-area .spot-box h3 {
        font-size: 1.6vw;
	}
	
	#travel_jpkr .tours-area h2{
		width:800px;
	}
	
	#travel_jpkr .tours-area .tour_txt{
		font-size: 14px;
		line-height: 26px;
		
	}

	
	
	#travel_jpkr .tours-area .tour-name h4 {
		font-size: 20px;
		line-height: 30px;
	}
	
	
		
}



@media screen and (max-width: 1199px){
	
	#travel_jpkr header {
		width: 240px;
	}
	
	#travel_jpkr .right-line{
		
		position:fixed;
		left:240px;
		top:0;
	}
	
	#travel_jpkr article{
		padding-left:240px;
	}
	
	
	
	#travel_jpkr .pic-frame {
		padding: 10px;
		box-shadow: 1px 3px 3px rgba(102,102,102,0.5);
	}
	
	#travel_jpkr .map-area {
		width: 85%;
		height: 0;
    	
	}
	
	#travel_jpkr .japan-map{
		padding-bottom: 80%;
	}
	
	#travel_jpkr .tours-area h2{
		width:80%;
	}

	
}





@media screen and (max-width: 992px){
	
	#travel_jpkr .hidenav_btn {
		width: 8%;
		height: 0;
		padding-bottom: 19%;
	}
	
	#travel_jpkr header .pushTour_list {
		width: 50%;
	}
	
	#travel_jpkr .pull-tour {
		width: 5%;
	}
	
	
	#travel_jpkr .pull-tour a {
		background: url(img_btn_pulltour03.png) no-repeat left top;
		background-size: 100%;
	}
	
	#travel_jpkr header{
		width:100%;
		height: auto;
		text-align:center;
		padding-top: 20px;
		position:static;
		clear:both;
	}
	
	#travel_jpkr .jp-header{
		background:url(img_dec_top-t.png) no-repeat right top,                                 	            url(img_dec_map.png) no-repeat right top,
			       url(img_header_bg.jpg);
		background-size:100%, 30%, auto;
		background-position:0% 0%, 98% 95%, 0% 0%;
	}

	#travel_jpkr .kr-header{
		background:url(img_dec_top-t.png) no-repeat right top,                                              url(img_dec_map.png) no-repeat right top,
			       url(img_left_bk02.gif);
		background-size:100%, 30%, auto;
		background-position:0% 0%, 98% 95%, 0% 0%;
	}

	
	#travel_jpkr header h1{
		width: 40%;
		height: 0;
		padding-bottom: 40%;
		
		background:url(img_maintittle.png) no-repeat left top;
		background-size:100%;
		text-indent:-9999px;
		margin: 0 auto;
	}
	
	#travel_jpkr header .special_off {
		width: 50%;
		margin: 0 auto;	
	}
	
	#travel_jpkr header .special_off a{
		display: block;
		width: 100%;
		height: 0;
		padding-bottom: 75%;
		background: url("img_discount_banner_02.png") no-repeat left top;
		background-size: 100%;	
	}
	
	#travel_jpkr header .special_off a:hover{
		background: url("img_discount_banner_0202.png") no-repeat left top;
		background-size: 100%;
	}
	
	
	#travel_jpkr .right-line{
		width:100%;
		height:3px;
		border-right:none;
		border-bottom:#e83417 3px dotted;
		position:static;
	}
	
	
	#travel_jpkr .pic-frame p{
		font-size:18px;
		line-height: 28px;
	}
	
	
	#travel_jpkr article {
		width: 100%;
		text-align: center;
		padding-left:0;
	}
	
	#travel_jpkr .japan-map {
		background-size: 60%;
		background-position: 30% 90%;
	}
	
	#travel_jpkr .map-area .right-list{
		width: 30%;
	}
	
	#travel_jpkr .map-area .spot-box ul{
		width:100%;
	}
	
	#travel_jpkr .map-area .spot-box h3{
		font-size: 2vw;
		line-height: 2.5vw;
	}
	
	#travel_jpkr .map-area .spot-box a{
		font-size: 1.8vw;
		line-height: 4vw;
	}
	
	#travel_jpkr .tours-area h2{
		width:85%;
	}
	
	#travel_jpkr .tours-area .tour-box{
		width: 40%;
	}
	
	#travel_jpkr .tours-area .tour-name p{
		font-size: 16px;
	}
	
	#travel_jpkr .tours-area .tour-name h4 {
		font-size: 18px;
		line-height: 30px;
	}
	
}

@media screen and (max-width: 769px){
	
	#travel_jpkr{
		background-size: 100%, 100% , 150%;
	}
	
	#travel_jpkr header h1{
		width:40%;
		height:0;
		padding-bottom:40%;
	}
	
	#travel_jpkr .page-btn ul {
		width: 60%;
	}
	
	#travel_jpkr .slider-content{
		display:none;
		
	}
	#travel_jpkr .slider-content-m{
		display:block;
		padding-top: 60px;
		
	}
	
	#travel_jpkr .map-area {
		width: 90%;	
	}
	

	#travel_jpkr .korea-map{
		padding-bottom: 70%;
	}

	
	#travel_jpkr .map-area h2 {
		width: 60%;
		height: 0;
		padding-bottom: 10%;
    }
	
	#travel_jpkr .map-area .con_stamp{
		display: none;
	}
	
	
	/*#travel_jpkr .map-area .con_stamp {
		width: 30%;
		height: 0;
		padding-bottom: 20%;
	}
	
	#travel_jpkr .map-area .jp_stamp{
		right: -6%;
	}
	
	#travel_jpkr .map-area .kr_stamp{
		right: -10%;
	}*/
	
	#travel_jpkr .map-area .spot-list{
		padding:30px 0 0 3%;
	}
	
	
	#travel_jpkr .tours-area h2 span{
		width: 60%;
		height: 0;
		padding-bottom: 10%;
    }
	
	#travel_jpkr .tours-area .tour-box{
		width:45%;
		margin-bottom:30px;
	}
	
	
	#travel_jpkr .tour-box a{
		font-size:18px;
	}
	
}


@media screen and (max-width: 640px){
	
	#travel_jpkr{
		background:url(img_dec_top.png) no-repeat left top,
				   url(img_dec_mobile-top.png) no-repeat left top, 
				   url(img_bottombk.png) no-repeat left bottom;
		background-size:0%, 100%, 150%;
		background-position:0% 0%, 0% 0%, 0% 100%;
	
	}
	
	
	#travel_jpkr .hidenav_btn {
		width: 10%;
		height: 0;
		padding-bottom: 24%;
		top:50vw;
	}
	
	#travel_jpkr .additional_nav{
		top: 40vw;
	}
	
	#travel_jpkr .pull-tour {
		width: 6.8%;
		top: 100px;
	}

	#travel_jpkr header{
		width:100%;
		height: auto;
		padding-bottom: 0;
		text-align:center;
	}
	
	#travel_jpkr .jp-header,
	#travel_jpkr .kr-header{
		background:none;
	}
	
	
	#travel_jpkr header h1 {
		width: 50%;
		height: 0;
		padding-bottom: 50%;
	}
	
	#travel_jpkr header .special_off {
		width: 60%;	
	}
	
	#travel_jpkr header .special_off a{
		width: 100%;
		height: 0;
		padding-bottom: 75%;
		background: url(img_discount_banner_03.png) no-repeat left top;
		background-size: 100%;
		
	}
	
	#travel_jpkr header .special_off a:hover{
		background: url(img_discount_banner_0302.png) no-repeat left top;
		background-size: 100%;
	}
	
	
	#travel_jpkr .page-btn ul {
		width: 80%;
	}
	
	
	#travel_jpkr .japan-map{
		/*background:url("img_dec_map.png") no-repeat left top;
		background-size: 30%;
		background-position: 95% 90%;*/
		background: none;
		padding-bottom: 100%;
	}
	
	#travel_jpkr .map-area .spot-list {
		padding: 50px 0 0 5%;
	}
	
	#travel_jpkr .map-area .left-list{
		width: 40%;
	}
	
	#travel_jpkr .map-area .right-list{
		width: 60%;
		bottom: inherit;
	}
	
	#travel_jpkr .map-area .spot-box h3 {
		font-size: 16px;
		line-height: 20px;
	}
	
	#travel_jpkr .map-area .spot-box a{
		font-size:16px;
		line-height:40px;
	}
	
}

@media screen and (max-width: 550px){
	
	
	#travel_jpkr .pic-frame p.location-con{
		display:none;
	}
	
	#travel_jpkr .pic-frame p.location-tag {
		width:100%;
		font-size: 16px;
	}
	
	#travel_jpkr .japan-map {
		padding-bottom: 125%;
		
	}
	
	#travel_jpkr .korea-map {
		background-size: 80%;
		background-position: 150% 50%;
		padding-bottom: 110% ;
	}
	
	#travel_jpkr .map-area h2{
		width: 60%;
		height: 0;
		padding-bottom: 18%;
		top: -50px;
	}
	
	#travel_jpkr .japan-map h2 {
		background: url(img_maptt_jp_m.png) no-repeat left top;
		background-size: 100%;
		background-color:#fcf7e1;
		
	}
	
	#travel_jpkr .korea-map h2 {
		background: url(img_maptt_kr_m.png) no-repeat left top;
		background-size: 100%;
		background-color:#fcf7e1;
		
	}
	
	
	#travel_jpkr .map-area .left-list{
		width: 45%;
	}
	
	#travel_jpkr .map-area .right-list{
		width: 55%;
	}
	
	#travel_jpkr .map-area .kr-list{
		margin-left: 3%;
	}
	
	#travel_jpkr .map-area .con_stamp {
		width: 35%;
		height: 0;
		padding-bottom: 25%;
		
	}
	
	#travel_jpkr .map-area .jp_stamp {
		right: -6%;
		top: inherit;
		bottom: 20px;
	}

	#travel_jpkr .map-area .kr_stamp{
		right:-5%;
		bottom:10px;
		top: inherit;
	}
	
	#travel_jpkr .map-area .spot-box a{
		padding: 0 20px 0 20px;
		background-size: 20px, 10px;
	}
	
	#travel_jpkr .space {
		width: 100%;
		height: 10px;
	}
	
	#travel_jpkr .tours-area h2{
		width:90%;
	}
	
	#travel_jpkr .tours-area h2 span{
		width: 60%;
		height: 0;
		padding-bottom: 18%;
		background: url(img_tourtt_m.png) no-repeat left top;
		background-size: 100%;
	}
	
	

}


@media screen and (max-width: 414px){
	
     #travel_jpkr {
	    background-size: 0%, 100%, 200%;
		background-position: 0% 0%, 0% 0%, 0% 100%;
    }
	
	#travel_jpkr .hidenav_btn {
		width: 14%;
		height: 0;
		padding-bottom: 33%;
		top:60vw;
	}
	
	
	#travel_jpkr .additional_nav {
    	top: 36vw;
	}
	
	#travel_jpkr .pull-tour {
		width: 9.2%;
		top: 80px;
	}
	
	
	#travel_jpkr header h1 {
		width: 70%;
		height: 0;
		padding-bottom: 70%;
	}
	
	#travel_jpkr header .pushTour_list {
		width: 80%;
	}
	
	#travel_jpkr header .special_off {
    	width: 80%;
	}
	
	#travel_jpkr .page-btn {
		height: 100px;
	}
	
	
	#travel_jpkr .page-btn ul {
		width: 90%;
	}
	
	#travel_jpkr .map-area{
		width: 95%;
	}
	
	#travel_jpkr .japan-map{
		padding-bottom: 150%;
	}
	
	#travel_jpkr .korea-map{
		padding-bottom: 120%;
	}
	
	#travel_jpkr .map-area h2{
		top:-30px;
	}
	
	#travel_jpkr .map-area .con_stamp {
		width:40%;
		height:0;
		padding-bottom:27%;
	}
	
	#travel_jpkr .map-area .jp_stamp{
		right: -3%;
		bottom: 10px;
	}
	
	#travel_jpkr .map-area .kr_stamp {
		right: -3%;
		bottom: 30px;
	}
	
	#travel_jpkr .tours-area .tour-box{
		display: block;
		width:80%;
		margin:0 auto 30px auto;
	}
	
	#travel_jpkr footer{
		font-size: 14px;
	}
	

}

@media screen and (max-width: 375px){
	
	#travel_jpkr .map-area {
    	width: 96%;
	}
	
	#travel_jpkr .japan-map {
		padding-bottom: 160%;
	}
	
	#travel_jpkr .map-area h2 {
		width: 75%;
		height: 0;
		padding-bottom: 22.5%;
		top:-50px;
	}
	
	#travel_jpkr .korea-map {
		background-size: 80%;
		background-position: 160% 30%;
	}
	
	#travel_jpkr .tours-area h2{
		width:96%;
	}
	
	
	#travel_jpkr .tours-area h2 span{
		width:75%;
		height:0;
		padding-bottom:22.5%;
	}
}


@media screen and (max-width: 320px){
	
	#travel_jpkr .page-btn {
		height: 80px;
	}
	
	#travel_jpkr .pull-tour {
		position: fixed;
		right: 0;
		top: 60px;
		z-index: 90;
	}
	
	#travel_jpkr .japan-map {
		padding-bottom: 180%;
	}
	
	#travel_jpkr .korea-map{
		background:none;
		padding-bottom: 170%;
	}
	
	#travel_jpkr .map-area .spot-list {
		padding: 20px 0 0 10px;
		margin:30px auto;
		text-align:center;
	}
	
	#travel_jpkr .map-area .spot-box a {
		font-size: 14px;
		line-height: 40px;
	}
	
	#travel_jpkr .map-area .kr-box{
		margin: 0 auto 30px auto;
	}
	
	
	
	#travel_jpkr .map-area .con_stamp{
		width:55%;
		height:0;
		padding-bottom:36%;
	}
	
	#travel_jpkr .map-area .kr_stamp {
		bottom: 10px;
		right: -10%;
	}

}




