@charset "utf-8";
/* CSS Document */
/************************************************************************************
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, font, 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 {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    /*vertical-align: baseline;*/
    background: transparent;
}
body {line-height: 1; -webkit-text-size-adjust: none;/*防止allpe的safari瀏覽器字體變大*/}
ol, ul { list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: ''; content: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {
   /* border-collapse: collapse;*/
    border-spacing: 0;
}
a img {border: none;}
img {max-width: 100%;image-rendering: -webkit-optimize-contrast;}
.clean { clear:both;}
a {}
a:hover {}
a:focus{ -moz-outline-style: none;}
.b-box{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body {
	margin: 0;
	padding: 0;
	font-size:15px;	
}

h1,h2,h3 { display: none;}

/*wow*/
.wow:first-child {
visibility: hidden;
visibility:visible \9;
}


#web-outer{	
	clear: both;
	overflow: hidden;
	background-color: #0f1a24;
}


.header{clear: both; overflow: hidden;}
.header-bg {
    background: url("img/tateyama_bg.jpg") center top no-repeat;
    height: 924px; 
    margin:0 auto;
	z-index: 50;		
}

.mainpic { 
    max-width: 554px;	 
	position: relative;
	margin: 0 auto;		
}

.star{max-width: 554px;padding-top: 100px;}

.header-title{max-width: 191px;position: absolute;top:100px;left: 120px;}
.header-title02{max-width: 122px;position: absolute;top:170px;left: 275px;}
.header-md{display: none;max-width: 768px;}

/*-------------------------------------選單---------------------------------------------*/
#main-nav {
    z-index: 990;
    overflow: hidden;
	clear: both;	
 }
 
.block_menu {
     z-index: 990;
     width: 100%;
     text-align:center;
     font-family:"微軟正黑體","黑體", Arial, Helvetica, sans-serif;
     height: 65px;	
	 padding-top: 0;
     background-color: #0f1a24;	
 }
 
.sticky {top: 30px;}
#nav{position: relative;}
#nav ul{max-width: 250px;} 
#nav li { display:inline-block;margin-right: 20px;}
#nav li a { display: inline-block; }

.menu_box{}

.menu {}
.menu01{}
.menu01 a { width: 131px;height: 58px;text-indent:-5000px;background: url("img/nav.png") 0 0 no-repeat;}
.menu01 a:hover, .menu01 a.active{ background: url("img/nav.png") 0 -58px;}
.menu02 a { width: 131px;height: 58px;text-indent:-5000px;background: url("img/nav.png") -131px 0 no-repeat;}
.menu02 a:hover, .menu02 a.active{ background: url("img/nav.png") -131px -58px;}
.menu03 a { width: 131px;height: 58px;text-indent:-5000px;background: url("img/nav.png") -262px 0 no-repeat;}
.menu03 a:hover, .menu03 a.active{ background: url("img/nav.png") -262px -58px;}
.menu04 a { width: 131px;height: 58px;text-indent:-5000px;background: url("img/nav.png") -393px 0 no-repeat;}
.menu04 a:hover, .menu04 a.active{ background: url("img/nav.png") -393px -58px;}
 .active {
     -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
     -o-transform: translate3d(0, 0, 0);
     -ms-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
 }
.header-content{width: 100%;margin-top: -15px;}
.header-pic{}

/*錨點*/
.block-first{overflow: hidden;padding-top: 80px;margin-top: -80px;}

.left{float: left;}
.right{float: right;}

.bg-01{background: url("img/bg_01.png") bottom no-repeat;padding-bottom: 350px;}
.bg-02{background: url("img/bg_02.png") top center no-repeat;}
.bg-03{background: #224a8e url("img/bg_03.png") top center no-repeat;}
.bg-04{background: url("img/bg_04.png") bottom center no-repeat;}
.bg-05{background: #224a8e url("img/bg_05.png") left bottom no-repeat;padding-bottom: 400px;}

.big-title{max-width: 500px;margin: 0 auto;padding: 50px 0 50px 0;}
.small-title{max-width: 314px;padding: 10px 10px 30px 10px;}

/*山間旅宿*/
#resort{font-family:"微軟正黑體", Arial, Helvetica, sans-serif;}
.resort-main{max-width: 920px; margin: 0 auto; position: relative;}
.resort-box{width: 100%; clear: both;}
.resort-left{max-width: 500px;position: absolute;left: -470px;bottom: 50px;}
.resort-right{max-width: 427px;position: absolute;right: -450px;bottom:70px;}
.resort-txt{width: 75%;color: #e6e6e6;font-size: 15px;line-height: 2em;padding-bottom: 50px;margin: 0 auto;}
.resort-txt p{color: #e6e6e6;font: 500 15px "微軟正黑體";line-height: 2.2em;}
.resort-ph{width: 100%;padding-bottom: 10px;position: relative;}
.r-bg01{position: absolute;left: -30px; bottom:0;}
.r-bg02{position: absolute;right: -20px; top:-10px;}

.product-slide{}
.product-slide .img-box{max-width: 920px;}

/*獨有體驗*/
#special{font-family:"微軟正黑體", Arial, Helvetica, sans-serif;}
.tunnel-box{max-width:920px;margin: 0 auto;clear: both;overflow: hidden;}
.tunnel-txt{width: 45%;color: #e6e6e6;font-size: 15px;line-height: 2em; padding-top: 10%;}
.tunnel-txt p{color: #e6e6e6;font: 500 15px "微軟正黑體";line-height: 2.2em;}
.tunnel-txt span{display: block;font-size: 25px;color: #65bbf2;font-weight: bold;margin-bottom: 10px;}
.tunnel-ph{width: 52%;min-height: 500px;}

.star-main{max-width: 920px; margin: 0 auto;padding-top: 50px;position: relative;}
.star-box{width: 100%; clear: both;}
.star-left{max-width: 430px;position: absolute;left: -470px;bottom: 50px;}
.star-right{max-width: 430px;position: absolute;right: -450px;bottom:100px;}
.star-txt{width: 75%;color: #e6e6e6;font-size: 15px;line-height: 2em;padding-bottom: 50px;margin: 0 auto;}
.star-txt p{color: #e6e6e6;font: 500 15px "微軟正黑體";line-height: 2.2em;}
.star-txt p strong{font-weight: normal;color: #99d5ec;}
.star-ph{width: 100%;position: relative;}
.s-bg01{position: absolute;left: -10px; bottom:-10px;}
.s-bg02{position: absolute;right: -20px; top:-10px;}



/*立山絕景*/
#seasons{font-family:"微軟正黑體", Arial, Helvetica, sans-serif;}
.seasons-main{max-width: 920px; margin: 0 auto; position: relative;}
.seasons-box{width: 100%; clear: both;}
.seasons-left{max-width: 430px;position: absolute;left: -470px;bottom: 50px;}
.seasons-right{max-width: 430px;position: absolute;right: -470px;bottom:120px;}
.seasons-txt{width: 75%;font-size: 15px;line-height: 2em;padding-bottom: 50px;margin: 0 auto;}
.seasons-txt p{color: #fff;font: 500 15px "微軟正黑體";line-height: 2.2em;}
.seasons-txt em{font-style:normal;font: 500 13px "微軟正黑體";line-height: 2em; color: #9fbef2;display: block;}
.seasons-ph{width: 100%;position: relative;}
.ss-bg01{position: absolute;left: -10px; bottom:5px;}
.ss-bg02{position: absolute;right: -20px; top:-10px;}


/*出發旅程*/
#tour{}
.tour-main{max-width: 1000px;margin: 0 auto;padding-bottom: 80px;}
.tour-box{width: 98%;margin: 0 auto;background-color: #fff;clear: both;overflow: hidden;}

.tour-ph{float: left; width: 47%;max-width: 560px;margin-bottom: -3px;}
.ph-pc{display: block;}
.ph-md{display: none;}
.tour-txt{float: right; width: 50%;padding: 2% 10px 10px 10px;}

.tour_list_box ul {		
	margin: 0 auto;	
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	
}
.tour_list_box li{
	width: 95%;
	border-bottom:2px solid #d3d3d3;
	padding-bottom: 10px;	
}

.tour_list_box .title{font-size: 20px;line-height: 1.8em;font-weight: bold;color: #153a77;font-family:"微軟正黑體", Arial, Helvetica, sans-serif;padding-top: 15px;}
.tour_list_box li em  { color:#dfd6ba; font-style:normal; padding-left:6px;font-size:13px;}
ul.tour_mark{padding-left: 15px;}
ul.tour_mark li{font-size: 15px;line-height: 1.5em;color: #6b6b6b;border-bottom:none;list-style-image: url("img/icon.png");padding-bottom: none;}

.tour_more{font-size: 15px;font-weight: bold;line-height: 1.8em;color: #616161;font-family:"微軟正黑體", Arial, Helvetica, sans-serif;margin: 0 0 10px 0;text-align: right;}
.tour_more strong{font-size: 25px;color: #b32c55;margin: 0 3px;}

.price{
	float: right;
	font-size:18px;
	line-height:2em;
	color:#fff;		
	font-weight: bold;
	padding: 3px 5px;
	background-color: #9f1627;
	border-radius: 5px;
	letter-spacing:2px;
}
.tour_list_box li a{text-decoration: none;display: block;}
.tour_list_box li a:hover{}
.ps{font-size: 13px;line-height: 1.8em;color: #fff;font-family:"微軟正黑體", Arial, Helvetica, sans-serif;padding: 10px;}


@media screen and (max-width: 1200px){
	.tour-box{width: 95%;margin: 0 auto;}
	.tour-ph{float: inherit; width: 100%;max-width: inherit;}
	.ph-pc{display: none;}
	.ph-md{display: block;}
	.tour-txt{float: inherit; width: 100%;}
	.tour_list_box li{width: 95%;margin-left: 10px;}
	
}

@media screen and (max-width: 956px){
	.left{float: inherit;}
	.right{float: inherit;}
	
	.resort-txt{width: 80%;}
	.tunnel-ph{width: 80%;}
	
	.tunnel-txt{width: 80%;margin: 0 auto;padding-top: 0;}
	.tunnel-ph{width: 80%;margin: 30px auto 0 auto;text-align: center;}
		
	.resort-ph{width: 80%;margin: 0 auto;}
	.star-ph{width: 80%;margin: 0 auto;}
	.seasons-ph{width: 80%;margin: 0 auto;}
	
	.r-bg01,.s-bg01,.ss-bg01{display: none;}	
}
@media screen and (max-width: 768px){	
.header{}
.header-bg{display: none;}
.header-md{display: block;}	
#main-nav {display: none;} 
.block_menu {display: none;}
	
.bg-01{background:inherit;padding-bottom: 20px;}	
.bg-05{background: inherit;background-color:#224a8e; padding-bottom: 0;}	
		
/*錨點*/
.block-first{overflow: hidden;padding-top: 0;margin-top: 0;}
	
.resort-txt{width: 90%;}
.resort-ph{width: 90%;}	
	
.tunnel-txt{width: 90%;}
.tunnel-ph{width: 90%;}
		
.star-main{padding-top: 30px;}
	
.star-txt{width: 90%;}	
.star-ph{width: 90%;}
.seasons-txt{width: 90%;}	
.seasons-ph{width: 90%;}	
	
.tour-main{max-width: 1000px;margin: 0 auto;padding-bottom: 30px;}	

}
@media (max-width: 480px) {
.r-bg02,.s-bg02,.ss-bg02{display: none;}	
.star-main{padding-top: 0;}	
.resort-ph,.star-ph,.seasons-ph{width: 100%;}		
	
}
@media (max-width: 320px) {}