@charset "UTF-8";

/* -------------------------------------
tourfeature
------------------------------------- */
.tourfeature {
	padding-bottom:0;
	background-color:#e4e9f1;
}
.tourfeature .tourpage {
	width:1140px;
	margin:0 auto;
	position:relative;
}
.tourfeature #mainslide {
	text-align:center;
	width:100%;
	height:570px;
	margin-bottom:0;
	position:relative;
}
.tourfeature #mainslide .ttlblk {
	color:#fff;
	text-shadow:0px 0px 12px #333, 0px 0px 19px #333;
	margin:0 auto;
	position:absolute;
	top:43%;
	left:0;
	right:0;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	z-index:100;
}
.tourfeature #mainslide .ttlblk h1 {
	font-size:60px;
	font-weight:normal;
	margin-bottom:15px;
}
.tourfeature #mainslide .ttlblk h1 img {
	max-width:73px;
	width:20%;
	height:auto;
	margin:0 auto 15px auto;
	display:block;
}
.tourfeature #mainslide .ttlblk h1 br.spbr {
	display:none;
}
.tourfeature #mainslide .ttlblk h1 span {
	font-size:48px;
	display:block;
}
.tourfeature #mainslide .ttlblk p {
	font-size:20px;
	padding:0 20px;
	box-sizing:border-box;
}
.tourfeature #mainslide ul.slideimg {
	width:100%;
	height:100%;
}
.tourfeature #mainslide .slideimg li {
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-position:left top;
	background-size:cover;
}
.tourfeature #mainslide li:nth-child(1) {
	background-image:url(../imgs/slide1.jpg);
}
.tourfeature #mainslide li:nth-child(2) {
	background-image:url(../imgs/slide2.jpg);
}
.tourfeature #mainslide li:nth-child(3) {
	background-image:url(../imgs/slide3.jpg);
}
.tourfeature #mainslide li:nth-child(4) {
	background-image:url(../imgs/slide4.jpg);
}
.tourfeature #mainslide li:nth-child(5) {
	background-image:url(../imgs/slide5.jpg);
}

.tourfeature #mainslide .slick-list, #mainslide .slick-track {
	height:100%;
}
.tourfeature #mainslide .slick-dots {
	bottom:25px;
}
.tourfeature #mainslide .slick-dots li {
	font-size:0;
	width:13px;
	height:13px;
	border-radius:25px;
	background-color:#fff;
	background-image:none;
}
.tourfeature #mainslide .slick-dots li.slick-active {
	background-color:#0187d0;
}
.tourfeature #mainslide .slick-dots li button {
	font-size:0;
	width:13px;
	height:13px;
}
.tourfeature #mainslide .slick-dots li button:before, #mainslide .slick-dots li button:after {
	content:"";
	font-size:0;
	width:13px;
	height:13px;
}
.tourfeature h2 {
	text-align:center;
	margin-bottom:50px;
	padding:25px 20px;
	background-color:#0e3e83;
	box-sizing:border-box;
}
.tourfeature h2 img {
	max-width:748px;
	width:100%;
	height:auto;
	margin:0 auto;
	display:block;
}
.tourfeature h2 img.sp {
	display:none;
}
.tourfeature #recommend {
	margin-bottom:60px;
}
.tourfeature #recommend .best {
	margin-bottom:100px;
}
.tourfeature #recommend .best .bestttl {
	text-align:center;
	margin-bottom:0;
	padding:0 6%;
	box-sizing:border-box;
}
.tourfeature #recommend .best h3 {
	width:100%;
	padding-bottom:8px;
	border-bottom:2px solid #000;
	display:inline-block;
}
.tourfeature #recommend .best h3 img {
	max-width:1027px;
	width:100%;
	height:auto;
}
.tourfeature #recommend .best h3 img.sp {
	display:none;
}
.tourfeature #recommend .best .recommendimg {
	position:relative;
}
.tourfeature #recommend .best .recommendimg img {
	width:100%;
	height:auto;
}
.tourfeature #recommend .best .recommendimg img.sp {
	display:none;
}
.tourfeature #recommend .best figure {
	max-width:190px;
	width:17%;
	position:absolute;
	top:0;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
}
.tourfeature #recommend .best figure.rgt {
	right:20px;
}
.tourfeature #recommend .best figure img {
	width:100%;
	height:auto;
}
.tourfeature #recommend .best .recommendtxt {
	font-size:0;
	box-sizing:border-box;
}
.tourfeature #recommend .best .recommendtxt.lft {
	padding:0 10% 0 20%;
}
.tourfeature #recommend .best .recommendtxt.rgt {
	padding:0 20% 0 10%;
}
.tourfeature #recommend .best .recommendtxt dt, .tourfeature #recommend .best .recommendtxt dd {
	font-size:14px;
	line-height:1.6;
	display:inline-block;
	vertical-align:top;
}
.tourfeature #recommend .best .recommendtxt dt {
	width:48px;
	margin:0 40px 0 0;
}
.tourfeature #recommend .best#best5 .recommendtxt dt {
	display:none;
}
.tourfeature #recommend .best .recommendtxt dt.rgt {
	float:right;
	margin:0 0 0 40px;
}
.tourfeature #recommend .best .recommendtxt dt img {
	width:100%;
	height:auto;
}
.tourfeature #recommend .best .recommendtxt dd {
	width:calc(100% - 88px);
	box-sizing:border-box;
}
.tourfeature #recommend .best .touraccess {
	font-size:14px;
	color:#fff;
	max-width:372px;
	width:33%;
	position:absolute;
	bottom:75%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transition: opacity .2s;
	-webkit-transition: opacity .2s;
	-ms-transition: opacity .2s;
	-moz-transition: opacity .2s;
	-o-transition: opacity .2s;
	opacity:0;
}
.tourfeature #recommend .best .touraccess.on {
	opacity:1;
}
.tourfeature #recommend .best .touraccess.lft {
	left:-4.2%;
}
.tourfeature #recommend .best .touraccess.rgt {
	right:-4.2%;
}
.tourfeature #recommend .best .touraccess:after {
	content:"";
	width:0;
	height:0;
	margin:0 auto;
	border-left:25px solid transparent;
	border-right:25px solid transparent;
	border-top:60px solid #353a7c;
	position:absolute;
	top:99%;
	left:0;
	right:0;
}
.tourfeature #recommend .best .touraccess .accessblk {
	padding:20px 25px;
	border-radius:15px;
	box-sizing:border-box;
	background-color:#353a7c;
}
.tourfeature #recommend .best .touraccess h4 {
	margin-bottom:5px;
}
.tourfeature #bus {
	margin-bottom:60px;
}
.tourfeature #bus .busttl {
	max-width:888px;
	width:100%;
	margin:0 auto 40px auto;
	padding:0 20px;
	box-sizing:border-box;
}
.tourfeature #bus h3 {
	font-size:50px;
	font-weight:normal;
	color:#0e3e83;
	text-align:center;
	padding-bottom:5px;
	border-bottom:2px solid #000;
}
.tourfeature #bus a {
	max-width:1440px;
	width:100%;
	margin:0 auto 25px auto;
	display:block;
}
.tourfeature #bus a img {
	width:100%;
	height:auto;
}
.tourfeature #bus a img.sp {
	display:none;
}
.tourfeature #bus p {
	font-size:14px;
	font-weight:bold;
	text-align:center;
	padding:0 20px;
	box-sizing:border-box;
}
.tourfeature #deals {
	overflow:hidden;
}
.tourfeature #deals .dealsttl {
	height:373px;
	margin-bottom:20px;
	padding:0 20px;
	box-sizing:border-box;
	background:url(../imgs/deals_img.jpg) no-repeat center center;
	background-size:cover;
	position:relative;
}
.tourfeature #deals .dealsttl h3 {
	font-size:55px;
	font-weight:normal;
	color:#fff;
	text-align:center;
	text-shadow:0px 0px 12px #333, 0px 0px 19px #333;
	margin:0 auto;
	position:absolute;
	top:55%;
	left:0;
	right:0;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
}
.tourfeature #deals .dealsttl h3 span {
	padding-left:20px;
	display:inline;
}
.tourfeature #deals .dealsslide {
	padding:0 100px;
	box-sizing:border-box;
	z-index:10;
}
.tourfeature #deals .dealsslide li {
	height:auto!important;
	margin:0 10px;
	outline:none;
}
.tourfeature #deals .dealsslide li img {
	width:100%;
	height:auto;
}
.tourfeature #deals .dealsslide .slick-list {
	overflow:visible;
}
.tourfeature #deals .dealsslide .slick-prev, .tourfeature #deals .dealsslide .slick-next {
	width:70px;
	height:70px;
	top:48%;
	z-index:55;
}
.tourfeature #deals .dealsslide .slick-prev {
	left:15%;
}
.tourfeature #deals .dealsslide .slick-next {
	right:15%;
}
.tourfeature #deals .dealsslide .slick-prev:before, .tourfeature #deals .dealsslide .slick-next:before {
	content:"";
	width:70px;
	height:70px;
	display:block;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:100% auto;
	opacity: 1;
}
.tourfeature #deals .dealsslide .slick-prev:before {
	background-image:url(../imgs/arw_lft.svg);
}
.tourfeature #deals .dealsslide .slick-next:before {
	background-image:url(../imgs/arw_rgt.svg);
}
.tourfeature #deals .dealsslide .slick-prev:hover:before,
.tourfeature #deals .dealsslide .slick-prev:focus:before,
.tourfeature #deals .dealsslide .slick-next:hover:before,
.tourfeature #deals .dealsslide .slick-next:focus:before {
	opacity: .75;
}
.tourfeature #deals .dealsthumb {
	margin-bottom:0;
	padding:0 19%;
	top:-100px;
	z-index:50;
}
.tourfeature #deals .dealsthumb li {
	height:auto!important;
	padding:80px 20px 0 20px;
	box-sizing:border-box;
	outline:none;
}
.tourfeature #deals .dealsthumb li .thumbblk {
	padding:30px 25px;
	box-sizing:border-box;
	background-color:#fff;
}
.tourfeature #deals .dealsthumb li h4 {
	font-size:20px;
	font-weight:normal;
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px solid #ccc;
	position:relative;
}
.tourfeature #deals .dealsthumb li h4 img {
	max-width:50px;
	width:100%;
	height:auto;
	margin:0 auto;
	position:absolute;
	top:-80px;
	left:0;
	right:0;
	z-index:10;
}
.tourfeature #deals .dealsthumb li p {
	font-size:14px;
	margin-bottom:20px;
}
.tourfeature #deals .dealsthumb li a {
	font-size:16px;
	font-weight:bold;
	text-align:center;
	max-width:404px;
	width:100%;
	margin:0 auto;
	padding:12px 10px;
	border-radius:50px;
	box-sizing:border-box;
	display:block;
	background-color:#f9a724;
	outline:none;
}

.tourfeature footer {
	padding-top:0;
}


@media screen and (max-width:1300px) {
	.tourfeature #mainslide .ttlblk h1 {
		font-size:50px;
	}
	.tourfeature #mainslide .ttlblk h1 span {
		font-size:40px;
	}
	.tourfeature #recommend .best .touraccess {
		bottom:68%;
	}
	.tourfeature #recommend .best .touraccess.lft {
		left:20px;
	}
	.tourfeature #recommend .best .touraccess.rgt {
		right:20px;
	}
	.tourfeature #recommend .best .touraccess:after {
		top:94%;
	}
	.tourfeature #recommend .best .touraccess.lft:after {
		left:25%;
		right:auto;
	}
	.tourfeature #recommend .best .touraccess.rgt:after {
		left:auto;
		right:25%;
	}
	.tourfeature #bus h3 {
		font-size:45px;
	}
	.tourfeature #deals .dealsttl {
		height:300px;
	}
	.tourfeature #deals .dealsttl h3 {
		font-size:45px;
	}
	.tourfeature #deals .dealsslide .slick-prev, .tourfeature #deals .dealsslide .slick-next {
		width:60px;
		height:60px;
	}
	.tourfeature #deals .dealsslide .slick-prev:before, .tourfeature #deals .dealsslide .slick-next:before {
		width:60px;
		height:60px;
	}
	.tourfeature #deals .dealsthumb li h4 {
		font-size:18px;
	}
}

@media screen and (max-width:1160px) {
	.tourfeature .tourpage {
		width:100%;
	}
	.tourfeature #mainslide .ttlblk h1 {
		font-size:45px;
	}
	.tourfeature #mainslide .ttlblk h1 span {
		font-size:35px;
	}
	.tourfeature #recommend .best .bestttl {
		margin-bottom:20px;
	}
	.tourfeature #recommend .best .touraccess {
		font-size:13px;
		bottom:77%;
	}
	.tourfeature #recommend .best .touraccess .accessblk {
		padding:20px 15px;
	}
	.tourfeature #bus h3 {
		font-size:40px;
	}
	.tourfeature #deals .dealsttl h3 {
		font-size:40px;
	}
	.tourfeature #deals .dealsthumb li h4 {
		font-size:17px;
	}
	.tourfeature #deals .dealsthumb {
		padding:0 22%;
	}
	.tourfeature #deals .dealsslide .slick-prev, .tourfeature #deals .dealsslide .slick-next {
		width:55px;
		height:55px;
	}
	.tourfeature #deals .dealsslide .slick-prev:before, .tourfeature #deals .dealsslide .slick-next:before {
		width:55px;
		height:55px;
	}
}

@media screen and (max-width:980px) {
	.tourfeature #mainslide {
		height:470px;
	}
	.tourfeature #mainslide .ttlblk h1 {
		font-size:40px;
	}
	.tourfeature #mainslide .ttlblk h1 span {
		font-size:30px;
	}
	.tourfeature #recommend .best .touraccess {
		font-size:12px;
		bottom:82%;
	}
	.tourfeature #deals .dealsslide {
		padding:0;
	}
	.tourfeature #deals .dealsttl {
		height:250px;
	}
	.tourfeature #bus h3 {
		font-size:35px;
	}
	.tourfeature #deals .dealsttl h3 {
		font-size:35px;
	}
	.tourfeature #deals .dealsthumb {
		padding:0 15%;
	}
	.tourfeature #deals .dealsslide .slick-prev, .tourfeature #deals .dealsslide .slick-next {
		width:50px;
		height:50px;
	}
	.tourfeature #deals .dealsslide .slick-prev {
		left:10%;
	}
	.tourfeature #deals .dealsslide .slick-next {
		right:10%;
	}
	.tourfeature #deals .dealsslide .slick-prev:before, .tourfeature #deals .dealsslide .slick-next:before {
		width:50px;
		height:50px;
	}
}

@media screen and (max-width:768px) {
	.tourfeature #mainslide {
		height:400px;
	}
	.tourfeature #mainslide .ttlblk {
		top:50%;
	}
	.tourfeature #mainslide .ttlblk h1 {
		font-size:38px;
	}
	.tourfeature #mainslide .ttlblk h1 img {
		max-width:52px;
	}
	.tourfeature #mainslide .ttlblk h1 span {
		font-size:28px;
		padding-left:10px;
		display:inline-block;
		position:relative;
		top:-3px;
	}
	.tourfeature #mainslide .ttlblk h1 br.spbr {
		display:block;
	}
	.tourfeature #mainslide .ttlblk p {
		font-size:18px;
	}
	.tourfeature #recommend .best {
		margin-bottom:60px;
	}
	.tourfeature #recommend .best .recommendimg {
		height:280px;
		margin-bottom:30px;
		background-repeat:no-repeat;
		background-position:center center;
		background-size:auto 100%;
	}
	.tourfeature #recommend .best#best1 .recommendimg {
		background-image:url(../imgs/recommend_imgs1_sp.jpg);
	}
	.tourfeature #recommend .best#best2 .recommendimg {
		background-image:url(../imgs/recommend_imgs2_sp.jpg);
	}
	.tourfeature #recommend .best#best3 .recommendimg {
		background-image:url(../imgs/recommend_imgs3_sp.jpg);
	}
	.tourfeature #recommend .best#best4 .recommendimg {
		background-image:url(../imgs/recommend_imgs4_sp.jpg);
	}
	.tourfeature #recommend .best#best5 .recommendimg {
		background-image:url(../imgs/recommend_imgs5_sp.jpg);
	}
	.tourfeature #recommend .best .recommendimg img {
		display:none;
	}
	.tourfeature #recommend .best figure {
		display:none;
		min-width:130px;
		width:25%;
		top:-140px;
		transform:translateY(0);
		-webkit-transform:translateY(0);
		-moz-transform:translateY(0);
		-ms-transform:translateY(0);
		-o-transform:translateY(0);
	}
	.tourfeature #recommend .best .recommendtxt {
		margin-bottom:20px;
		height:auto!important;
	}
	.tourfeature #recommend .best .recommendtxt.lft, .tourfeature #recommend .best .recommendtxt.rgt {
		padding:0 20px;
	}
	.tourfeature #recommend .best .recommendtxt dt, .tourfeature #recommend .best .recommendtxt dd {
		display:block;
	}
	.tourfeature #recommend .best .recommendtxt dt, .tourfeature #recommend .best .recommendtxt dt.rgt {
		width:36px;
		float:none;
		margin:0 auto 20px auto;
	}
	.tourfeature #recommend .best .recommendtxt dd {
		width:100%;
	}
	.tourfeature #recommend .best .touraccess {
		max-width:100%;
		width:100%;
		padding:0 20px;
		box-sizing:border-box;
		position:static;
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		opacity:1;
	}
	.tourfeature #recommend .best .touraccess:after {
		content:none;
		padding:0 20px;
	}
	.tourfeature #recommend .best .touraccess .accessblk {
		border-radius:10px;
	}
	.tourfeature #bus h3 {
		font-size:30px;
	}
	.tourfeature #bus a img.pc {
		display:none;
	}
	.tourfeature #bus a img.sp {
		display:block;
	}
	.tourfeature #deals .dealsttl {
		height:200px;
	}
	.tourfeature #deals .dealsttl h3 {
		font-size:30px;
	}
	.tourfeature #deals .dealsthumb {
		margin-bottom:-40px;
		padding:0;
	}
	.tourfeature #deals .dealsthumb li .thumbblk {
		padding:30px 20px;
	}
	.tourfeature #deals .dealsthumb li h4 {
		font-size:16px;
	}
	.tourfeature #deals .dealsthumb li p {
		font-size:13px;
	}
	.tourfeature #deals .dealsthumb li a {
		font-size:15px;
	}
	.tourfeature #deals .dealsslide .slick-prev, .tourfeature #deals .dealsslide .slick-next {
		width:45px;
		height:45px;
	}
	.tourfeature #deals .dealsslide .slick-prev {
		left:5%;
	}
	.tourfeature #deals .dealsslide .slick-next {
		right:5%;
	}
	.tourfeature #deals .dealsslide .slick-prev:before, .tourfeature #deals .dealsslide .slick-next:before {
		width:45px;
		height:45px;
	}
}

@media screen and (max-width:640px) {
	.tourfeature #mainslide .ttlblk h1 {
		font-size:35px;
	}
	.tourfeature #mainslide .ttlblk h1 span {
		font-size:25px;
		padding-left:10px;
		top:-2px;
	}
	.tourfeature h2 {
		padding:25px 35px;
	}
	.tourfeature h2 img {
		max-width:437px;
	}
	.tourfeature h2 img.pc {
		display:none;
	}
	.tourfeature h2 img.sp {
		display:block;
	}
	.tourfeature #recommend .best .bestttl {
		padding:0 19%;
	}
	.tourfeature #recommend .best h3 img {
		max-width:493px;
	}
	.tourfeature #recommend .best h3 img.pc {
		display:none;
	}
	.tourfeature #recommend .best h3 img.sp {
		display:block;
	}
	.tourfeature #bus h3 {
		font-size:28px;
	}
	.tourfeature #deals .dealsttl h3 {
		font-size:28px;
	}
	.tourfeature #deals .dealsttl h3 span {
		padding:0;
		display:block;
	}
	.tourfeature #deals .dealsthumb {
		top:-75px;
	}
	.tourfeature #deals .dealsthumb li {
		padding:50px 20px 0 20px;
	}
	.tourfeature #deals .dealsthumb li .thumbblk {
		padding:20px;
	}
	.tourfeature #deals .dealsthumb li h4 {
		font-size:14px;
		margin-bottom:15px;
		padding-bottom:15px;
	}
	.tourfeature #deals .dealsthumb li h4 img {
		max-width:40px;
		top:-55px;
	}
	.tourfeature #deals .dealsthumb li p {
		font-size:12px;
	}
	.tourfeature #deals .dealsthumb li a {
		font-size:14px;
	}
	.tourfeature #deals .dealsslide .slick-prev, .tourfeature #deals .dealsslide .slick-next {
		width:40px;
		height:40px;
	}
	.tourfeature #deals .dealsslide .slick-prev:before, .tourfeature #deals .dealsslide .slick-next:before {
		width:40px;
		height:40px;
	}
}

@media screen and (max-width:480px) {
	.tourfeature #mainslide .ttlblk h1 {
		font-size:30px;
	}
	.tourfeature #mainslide .ttlblk h1 span {
		font-size:20px;
		padding-left:5px;
		top:-2px;
	}
	.tourfeature #mainslide .ttlblk p {
		font-size:16px;
	}
	.tourfeature #recommend .best .bestttl {
		padding:0 13%;
	}
	.tourfeature #bus h3 {
		font-size:26px;
	}
	.tourfeature #deals .dealsttl h3 {
		font-size:26px;
	}
	.tourfeature #deals .dealsthumb li h4 img {
		max-width:35px;
		top:-50px;
	}
	.tourfeature #deals .dealsslide .slick-prev, .tourfeature #deals .dealsslide .slick-next {
		width:35px;
		height:35px;
	}
	.tourfeature #deals .dealsslide .slick-prev:before, .tourfeature #deals .dealsslide .slick-next:before {
		width:35px;
		height:35px;
	}
}