@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, figure, mark {
    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: #164e3b url("img/bg.jpg") top repeat;
}

header h1 {
    text-indent: 101%;
    overflow: hidden;
    white-space: nowrap;
    position: absolute;
}

.header{position: relative; clear: both; overflow: hidden;}
.header-min{position: absolute;top:200px;right: 15%; max-width: 310px;margin: 0 auto;}
.header-big{position: absolute;bottom: 20px;left: 0;right: 0; max-width: 718px;margin: 0 auto;}
.header-md{display: none;max-width: 1500px;}
.header-sm{display: none;max-width: 780px;}

/*-------------------------------------選單---------------------------------------------*/
#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: 80px;	
	 padding-top: 0;
     background: #164e3b url("img/nav_bg.jpg") top repeat-x;	
 }
 
.sticky {top: 30px;}
#nav{position: relative;}
#nav ul{} 
#nav li { display:inline-block;}
#nav li a { display: inline-block; }

.menu_box{}

.menu {}
.menu01{}
.menu01 a { width: 145px;height: 75px;text-indent:-5000px;background: url("img/nav.png") 0 0 no-repeat;}
.menu01 a:hover, .menu01 a.active{ background: url("img/nav.png") 0 -75px;}
.menu02 a { width: 145px;height: 75px;text-indent:-5000px;background: url("img/nav.png") -145px 0 no-repeat;}
.menu02 a:hover, .menu02 a.active{ background: url("img/nav.png") -145px -75px;}
.menu03 a { width: 145px;height: 75px;text-indent:-5000px;background: url("img/nav.png") -290px 0 no-repeat;}
.menu03 a:hover, .menu03 a.active{ background: url("img/nav.png") -290px -75px;}
.menu04 a { width: 145px;height: 75px;text-indent:-5000px;background: url("img/nav.png") -435px 0 no-repeat;}
.menu04 a:hover, .menu04 a.active{ background: url("img/nav.png") -435px -75px;}
 .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") top no-repeat;}
.bg-02{background: url("img/bg_02.jpg") bottom no-repeat;}
.bg-03{background: url("img/bg_03.jpg") bottom no-repeat;}
.bg-04{background: url("img/bg_04.jpg") bottom no-repeat;}
.bg-05{background: url("img/bg_05.jpg") top left no-repeat;}
.bg-06{background: url("img/bg_06.jpg") bottom no-repeat;}
.bg-07{background: url("img/bg_07.jpg") bottom no-repeat;}
.bg-08{background: url("img/bg_08.jpg") bottom no-repeat;}
.bg-09{background: url("img/bg_09.png") bottom no-repeat;}

.small-title{max-width: 480px;}

/*列車情報*/
.about{}
.logo{max-width: 388px;margin: 0 auto;padding: 0 10px 0 10px;}
.about-main{max-width: 750px; margin: 0 auto; padding: 30px 10px;position: relative;}
.about-txt{width: 100%; /*max-height: 550px;*/ height: 550px; padding-top: 50px;display: inline-block;padding-left: 25px;}
.about-txt p{color: #fff;font: 500 18px "微軟正黑體";line-height: 2.2em;
-webkit-writing-mode: vertical-rl;
writing-mode: vertical-rl;
letter-spacing:3px;}
.about-txt p span{display: block;padding-right: 30px;}
.about-txt p strong{color: #e5c855;font: 600 18px "微軟正黑體";}

.about-left{max-width: 482px;position: absolute;left: -520px;top:120px;}
.about-right{max-width: 486px;position: absolute;right: -520px;top:120px;}

.about-md{display: none;}
.about-md p{color: #fff;font: 500 18px "微軟正黑體";line-height: 2.2em;}
.about-md p span{display: block;padding-right: 30px;}
.about-md p strong{color: #e5c855;font: 600 18px "微軟正黑體";}

/*列車*/
.car{max-width: 1090px;margin: 50px auto 0 auto;}

/*標題*/
.big-box{max-width: 1794px;margin: 80px auto 30px auto;background: url("img/title_bg.png") top center no-repeat;}
h2.big-title{max-width: 525px;height: 263px;margin: 80px auto 0 auto;font-family: 'Noto Serif JP', serif;text-align: center;background: url("img/big_title_01.png") top center no-repeat;}
h2.big-title strong{display: block;margin-top: 5px;font-size: 70px;line-height: 1.2em;color: #cbb047;padding-top: 65px;}
h2.big-title em{display: block;font-style:normal;font-weight: 300;font-size: 22px;color: #fff;padding-top: 10px;}

/*列車設施*/
#cabin{padding-bottom: 30px;}
.cabin-box{width: 100%;max-width: 1600px;margin: 0 auto;padding-top: 30px;}
.cabin-title{max-width: 220px;}

h3.cabin-title{font-family: 'Noto Serif JP', serif;font-size: 35px;line-height: 1.2em;color: #ddca7f;}
h3.cabin-title em{display: block;font-style:normal;font-size: 18px;}

.main-box{max-width: 1600px;margin: 0 auto;padding-top: 30px;}

.tab-bg{width: 100%;padding: 60px 0 30px 0; background-color: #f2f6f5;}

.tab_wrap{	
	margin: 0 auto;	
}

ul.etabs {	
	padding: 0;	
	margin: 0 auto;
	width: 100%;
	text-align: center;
	clear: both;overflow: hidden;
	}

ul.etabs li {    
	/*float: left;
	position: relative;
	text-indent:-5000px;
	font-family: 'Noto Serif JP', serif;*/	
	font-family:"微軟正黑體","黑體", Arial, Helvetica, sans-serif;
	display: inline-block;	
	margin: 8px 5px;
	text-align: center;
	overflow: hidden;
	clear: both;	
	}
ul.etabs li em{font-size: 13px;font-style:normal;display: block;}
ul.etabs li p{font-size: 18px;line-height: 30px;font-weight: bold;}

	ul.etabs li a {
		display: inline-block;		
		text-decoration: none;
		color: #1b4b36;				
		padding: 8px 15px;;		
		background-color: #f2f6f5;
		border-radius: 10px 0 10px 0;
		border: 1px #1b4b36 solid;
	}
	
ul.etabs li a:hover {color: #fff;background-color: #9f8a3a;border-radius: 10px 0 10px 0;border: 1px #9f8a3a solid;}
ul.etabs li .active{color: #fff;background-color: #1b4b36;border-radius: 10px 0 10px 0;border: 1px #1b4b36 solid;}

.tab_container{
	max-width: 100%;
	margin: 0 auto;
}

div.tab_container {clear: both;overflow: hidden; width: 100%;}
div.tab_container .tab_content {margin: 0 auto;max-width: 1000px;}
div.tab_container2 .tab_content2 {margin: 0 auto;max-width: 1000px;}

.tab_box ul{
    text-align: center;
    display: block;
}

.tab_box ul li{
   display: inline;
   text-align: center;
    margin-right: 10px;
}

.tab_box ul li a{
    font-family: '微軟正黑體';
    font-size: 18px;
    display: inline-block;
	color: #1c4937;
	line-height: 23px;
}

.tab_box ul li a:hover{
	color: #fff;
	background: #fff;
	border: 1px solid #caa747;
}

.ui-tabs-active a{
    border-radius:25em;
    padding:3px 20px;
	color: #fff !important;
	background: #fff;
	border: 1px solid #1c4937 ;
}
.tab_box ul li a{
	border-radius: 25em;
    padding: 3px 20px;
	background-color: #fff;
    border: 1px solid #1c4937;
    margin: 3px;
}

#tabs_block{
    width:95%;
    margin: 0 auto;
    padding: 0 0 15px 0;
}

#tabs span {
	font-size: 13px;
	line-height: 14px;
	display: block;
}

.tab_box{width: 100%;padding: 20px 0;position: relative; clear: both;overflow: hidden;}
.tab_box_r {background-color: rgba(9,58,28,0.95);border: 2px #cbb047 solid;width: 30%;position: absolute;top:20%;right: 2%; z-index: 50;}
.tab_box_txt{width: 90%;padding: 20px 0;margin: 0 auto;}
.tab_box_circle{position: absolute;top:-25px;right: 10px;background: url("img/tab_circle.png") no-repeat;width: 110px; height: 110px;font: 600 18px "微軟正黑體";padding-top: 35px; text-align: center;color: #fff;} 
.tab_box_circle strong{display: inline-block;padding-top: 10px;}
.tab_box_r span{font-size: 30px;font-weight: bold;line-height: 1.2em;color: #fff;}
.tab_box_r p{margin-top: 10px; font: 500 15px "微軟正黑體";line-height: 2.2em;color: #fff;}
.tab_box_l {width: 100%;max-width: 1200px;z-index: 30;}
.tab_box_l img{}
.owl-demo1 .item{margin-left: 1%;margin-right: 1%;}

/*餐食*/
.food{max-width: 1400px; margin:50px auto 0 auto; clear:both; overflow: hidden;text-align: center;padding: 30px 0 200px 0;}
.food50 {width:48%;display: inline-block; vertical-align: top;position: relative;margin-left: 15px; margin-right: 0px;color: #fff;}
.food50 .ph{width: 55%;text-align: center;}
.food50 .txt{width: 40%;padding-top: 15%; font: 500 15px "微軟正黑體";line-height: 2.2em;text-align: left; }
h3.title span{font-family: 'Noto Serif JP', serif;font-size: 50px;line-height: 1.2em;color: #b29f44;display: block;margin: 10px 5px;}
h3.title strong{font: 600 18px "微軟正黑體";color: #b29f44;line-height: 2.2em; }
.food50 .txt p{}

/*嚴選旅宿*/
#suite{}
.suite-left{float: left;}
.suite-right{float: right;}
.suite-box{max-width: 1500px;margin: 0 auto;padding: 50px 0 ; clear: both;overflow: hidden;}
h3.suite-title{font-family: 'Noto Serif JP', serif;font-size: 35px;line-height: 1.2em;color: #ddca7f;padding-left: 15px;}
h3.suite-title strong{font-size: 45px;line-height: 1.2em;color: #ddca7f;margin-left: 5px;}
h3.suite-title em{display: block;font-style:normal;font-size: 18px;}

.suite-box_txt {width: 38%;padding-top: 5%;}
.suite-box_txt p{margin-top: 15px;margin: 0 20px; font: 500 15px "微軟正黑體";line-height: 2.2em;color: #fff;border-left: 3px #cbb047 solid;padding: 10px;}
.suite-box_img{max-width: 920px;margin: 0 20px;padding: 20px 0;}
.suite-box_ph {width: 62%;max-width: 920px;}
.suite-box_ph img{}

/*飯店*/
.hotel-main{width: 100%;padding-top: 50px; border-bottom: 1px #cbb047 solid;padding-bottom: 10px; clear: both;overflow: hidden;}
.hotel-txt{max-width: 650px;margin: 0 auto;padding: 50px 10px;}

h3.hotel-title{font-family: 'Noto Serif JP', serif;font-size: 50px;line-height: 1.2em;color: #ddca7f;}
h3.hotel-title em{display: block;font-style:normal;font-size: 18px;}
.hotel-txt p{color: #fff;border-left: 3px #cbb047 solid;padding: 10px;font: 500 15px "微軟正黑體";line-height: 2.2em;}
.hotel-box{width: 100%;}


/*行程總覽*/
#schedule{}
.car-left{float: left;}
.car-right{float: right;}
.car-box{max-width: 1400px;margin: 0 auto;clear: both;overflow: hidden;}
.car-title{max-width: 400px;padding-bottom: 10px; margin: 0 20px;}

h3.car-title{font-family: 'Noto Serif JP', serif;font-size: 35px;line-height: 1.2em;color: #ddca7f;}
h3.car-title strong{font-size: 45px;line-height: 1.2em;color: #ddca7f;margin-left: 5px;}
h3.car-title em{display: block;font-style:normal;font-size: 18px;}


.car-box_txt {width: 42%;margin-top: 3%;}
.car-box_txt p{margin-top: 15px;margin: 0 20px; font: 500 15px "微軟正黑體";line-height: 2.2em;color: #fff;padding: 10px;}
.car-box_txt p em{font-style:normal;color: #cbb047;text-indent: 10px;  margin-left: -10px;}
.car-box_img{margin: 0 20px;padding: 20px 0;}
.car-box_img .box{display: block;padding: 0 10px;}
.car-box_img .box img{border-radius: 20px 0 20px 0;} 
.car-box_ph {width: 58%;max-width: 1200px;}
.car-box_ph img{border-radius: 20px;}

.car-box2{max-width: 1400px;margin: 0 auto 50px auto;clear: both;overflow: hidden;}
.car-title2{max-width: 400px;padding-bottom: 10px; margin: 0 20px;}
.car-box_txt2 {width: 42%;margin-top: 5%;}
.car-box_txt2 p{margin-top: 15px;margin: 0 20px; font: 500 15px "微軟正黑體";line-height: 2.2em;color: #fff;padding: 10px;}
.car-box_txt2 p em{font-style:normal;color: #cbb047;text-indent: 10px;  margin-left: -10px;}
.car-box_ph2 {width: 58%;max-width: 1200px;}
.car-box_ph2 img{border-radius: 20px;}

/*行程日期*/
.day-box{max-width: 1200px;margin: 30px auto 80px auto;padding-bottom: 50px; background-color: #f7f4ed;border-radius: 10px;border: 1px #d1c4a3 solid;}
.day-bg{max-width: 1035px;margin: 50px auto 30px auto;background: url("img/day_bg.png") top right no-repeat;}
h3.day-title{width: 150px;height: 150px;background: url("img/day_title_bg.png") top no-repeat;text-align: center;font-family: 'Noto Serif JP', serif;font-size: 25px;line-height: 150px;color: #221d19;}

.day-bbox{}
ul.day-bbox {max-width: 900px;margin: 0 auto;padding: 0 10px; color: #221d19;font: 600 18px "微軟正黑體";line-height: 2.2em;padding: 0 20px 20px 20px;}
ul.day-bbox li{margin: 15px 0 0 0;clear: both;overflow: hidden;}
ul.day-bbox li strong{color: #fede4a;}
ul.day-bbox li em{font-style:normal;font-size: 13px;}	
ul.day-bbox li span{width: 80px;font: 600 18px "微軟正黑體";line-height: 2em; color: #fff; text-align: center;border-radius: 25px;background-color: #244d38; float: left;}
ul.day-bbox li p{padding: 0 0 0 85px;margin: 0 0 0 5px;}

.day-md{max-width: 900px;padding: 10px 10px;margin: 0 auto;}
.day-sm{display: none;max-width: 900px;padding: 10px 10px;margin: 0 auto;}


/*景點*/
.view-slide-box {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	max-width: 350px;
	padding: 0 30px;
}

.block-view-space {
	padding: 30px 0;
}

.block-view-space .view-slide .view-slide-box {
	display: flex;
    flex-wrap: wrap;
}


.view-big-title {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	padding: 20px 0;
}

.view-slide .slick-arrow {
	position: absolute;
	top: 50%;
	z-index: 5;
	width: 50px;
	height: 50px;
	box-shadow:0 0 40px rgb(98 98 98 / 50%);
	border-radius: 500px;
	border: 0px;
	outline: 0px;
	text-indent: -9999px;
}

.view-slide .slick-arrow:hover {
	cursor: pointer;
	opacity: 0.9;
}

.view-slide .slick-prev {
	left: 20%;
	background: url("../img/all_slide_left.png") no-repeat center #ffffff;
}

.view-slide .slick-next {
	right: 20%;
    background: url("../img/all_slide_right.png") no-repeat center #ffffff;
}

.porduct-slide div.slick-list::after {
	content: '';
	position: absolute;
	right: 0px;
	top: 0px;
	height: 100%;
	display: inline-block;	
	width: 1px;
}

.view-slide-pic {
	width: 100%;
	margin: 0 0 15px 0;
}

.view-slide-pic img {
	border-radius: 20px 0 20px 0;
}

.view-slide-name {
	display: flex;
	width: 100%;
}

.view-slide-name-line {
	width: 10px;
	height: 100%;
	display: flex;
    align-items: stretch;
}

.view-slide-name-line span {
	width: 100%;
	height: 100%;
	border-radius: 3px 0 3px 0;
	background: rgb(216,232,240);
	background: linear-gradient(0deg, rgba(216,232,240,1) 0%, rgba(152,192,215,1) 100%);
}

.view-slide-name-text {
	font: 600 25px "微軟正黑體";
	color: #fff;
	width: calc(100% - 10px);
	text-align: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 2px 0px 2px 13px;
	font-weight: bold;	
	border-left: 5px #cbb047 solid;
}

.view-slide-infor {
	margin: 10px 0 0 0;	
	line-height: 2.2em;
	text-align: left;
	font-size: 15px;	
	color: #fff;
}

.view-slide-ps {
	margin: 5px 0 0 0;	
	line-height: 2.2em;
	text-align: left;
	font-size: 13px;	
	color: #cbb047;
}

.spot{max-width: 1600px; margin:50px auto 0 auto; clear:both; overflow: hidden;text-align: center;}
.spot25 {width:22%;padding: 8px; display: inline-block; vertical-align: top;position: relative;margin-top: 10px; margin-left: 5px;margin-right: 5px; color: #fff;}
.spot25 .ph{width: 100%;position: relative;z-index: 1;padding: 10px 10px 0 0;}
.spot25 .ph img{width: 100%; border-radius: 0 30px 0 30px;}
.spot25 .ph::before{position: absolute;content: '';width: 50%;height: 60%;background:rgba(178,159,68,0.9); right: 0px;top: 0px;z-index: -1;}
.spot25 .txt{width: 100%;font: 500 15px "微軟正黑體";line-height: 2.2em;color: #fff;padding: 0 10px;}
.spot25 .txt h3{font: 600 25px "微軟正黑體";text-align: left;border-left: 5px #cbb047 solid;padding-left: 8px;display: block;margin: 15px 0 10px 0;}
.spot25 .txt p{text-align: left;}
.spot25 .txt em{display: block; color: #cbb047;font-style:normal;text-indent: -15px;  margin-left: 10px;}

/*出發旅程*/
#tour{}
.msg{max-width: 1000px;display:flex;flex-wrap: wrap; margin:0 auto; clear:both; overflow: hidden;text-align: center;padding: 30px 0;color: #fff;}
.msg-box{width:30%;display:flex;align-items:center;}
.msg-pic{width: 38%;text-align: center;}
h3.msg-txt{width: 62%;font: 500 15px "微軟正黑體";line-height: 2em;margin-left: 5px;text-align: center;}
h3.msg-txt span{font-family: 'Noto Serif JP', serif;font-size: 30px;font-weight: bold;line-height: 1.2em;color: #b29f44;display: block;margin: 10px 5px;}

.flex-center {	
	justify-content: center;
}

.tour-main{max-width: 1000px;margin: 0 auto;padding-bottom: 80px;}
.tour-box{width: 100%;margin: 0 auto;border: #d1c4a3 1px solid;background-color: #1c4937;border-radius: 10px;clear: both;overflow: hidden;}

.tour-ph{width: 100%;margin-bottom: -3px;}
.ph-pc{display: block;}
.ph-md{display: none;}
.tour-txt{width: 100%;padding: 10px 0;}

.tour-list-box {	
	width: 90%;
	margin: 0 auto;	
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;	
	padding-bottom: 10px;
}

.tour-list-box h3{font-size: 25px;line-height: 1.8em;font-weight: bold;color: #fff;font-family: 'Noto Serif JP', serif;padding-top: 15px;}
.tour-list-box p{font-size: 18px;line-height: 1.5em;color: #ffd053;font-weight: bold;padding: 10px 0;}
.tour-list-box em  { color:#dfd6ba; font-style:normal; padding-left:6px;font-size:13px;}
ul.tour-mark{width: 100%; padding-left: 15px;}
ul.tour-mark li{font-size: 15px;margin-top: 8px; line-height: 1.5em;color: #fff;border-bottom:none;list-style-image: url("img/icon.png");padding-bottom: none;}

.tour_more2{margin-top: 20px;}
.tour_more2 a{font-size: 25px;line-height: 1.2em; color: #d1c4a3;letter-spacing:2px; font-family: 'Noto Serif JP', serif;}
.tour_more2 strong{font-size: 25px;color: #b30808;margin: 0 3px;}
.tour_more2 .line{width: 275px;display: inline-block;}

.tour-more{display:flex;padding: 10px 0; overflow: hidden;justify-content:space-between;align-items:center;}

.name-l{flex:0 0 60%;font-family: 'Noto Serif JP', serif;font-size: 18px;font-weight: bold;line-height: 1.8em;color: #d1c4a3;}
.name-l strong{font-size: 25px;color: #ffd053;margin: 0 3px;}

.price{
	flex:0 0 20%;
	font-family: 'Noto Serif JP', serif;
	font-size: 18px;
	line-height:2em;
	color:#1f1a17;		
	font-weight: bold;
	padding: 3px 5px 3px 8px;
	background-color: #d1c4a3;
	border-radius: 5px;
	letter-spacing:2px;
	text-align: center;
}



.price2{
	/*float: right;*/
	font-size:18px;
	line-height:2em;
	color:#1f1a17;		
	font-weight: bold;
	padding: 8px;
	background-color: #d1c4a3;
	border-radius: 5px;
	letter-spacing:2px; font-family: 'Noto Serif JP', serif;
	text-align: center;		
	margin: 10px 5px;
}
.price-out{
	float: right;
	font-size:18px;
	line-height:2em;
	color:#fff;		
	font-weight: bold;
	padding: 3px 5px;
	background-color: #d2982b;
	border-radius: 5px;
	letter-spacing:2px;
}
.tour-list-box li a{text-decoration: none;display: block;}
.tour-lis-box li a:hover{}

.point-txt{width: 100%;margin-top: 20px;background-color: #fffcf5;text-align: center;border-radius: 0 0 10px 10px;}
.point-txt p{font-size: 35px;font-weight: 600; line-height: 2em; color: #221d19;font-family: 'Noto Serif JP', serif;}

/*右邊選單*/
ul.link-menu {    
    position: fixed;
    top: 300px;
    right: 0px;
    z-index: 99;    
}
ul.link-menu li{
	font-family: 'Noto Serif JP', serif;
	font-size: 18px;
	line-height: 1.2em;
	-webkit-writing-mode: vertical-lr;
	writing-mode: vertical-lr;
	text-orientation: upright;
}
ul.link-menu li em{display: block;font-style:normal;letter-spacing: 5px;font-size: 15px;}
ul.link-menu li span{letter-spacing: 3px;}
ul.link-menu li.but01 a{display: block;color: #fff; padding: 10px 10px 5px 10px;border-radius: 10px 0 0 10px; background: rgba(127,98,68,0.9);text-decoration: none;}
ul.link-menu li a:hover{background: rgba(0,0,0,0.9);}


#back-top{z-index: 999;}

@media screen and (max-width: 1800px){.header-min{position: absolute;top:150px;right: 8%;}}
@media screen and (max-width: 1600px){
	
}

@media screen and (max-width: 1500px){
	.header{}
	.header-content{display: none;}
	.header-min{display: none;}
	.header-big{display: none;}
	.header-md{display: block;}
	
	.tab_box_r {width: 38%; right: 3%;}
	.bg-05{background: none;}
	
	.suite-box{max-width: inherit;width: 90%;padding: 30px 0;}
	.suite-box_txt {padding-top: 0;}	
	.car-box{max-width: inherit;width: 90%;}
	.car-box2{max-width: inherit;width: 90%;}		
	
}
@media screen and (max-width: 1200px){
	.logo{max-width: inherit;width: 40%;margin: 0 auto;text-align: center;}
	
	.tab_box_r{width: 40%; right: 3%;}
	
	.food50 {width:80%;margin-bottom: 30px;}	
		
	.hotel-box{position: inherit;}
	.hotel-txt{width: 80%;position: inherit;margin: 0 auto;padding: 30px 0;}	
	.hotel-ph{width: 100%;}

	.hotel-txt2{width: 80%;position: inherit;margin: 0 auto;padding: 30px 0;}	
	.hotel-ph2{width: 100%;float: inherit;}	
	
	.bg-08{background: inherit;}
	.car-left{float: inherit;}
	.car-right{float: inherit;}	
	.car-box_txt {width: 100%;margin: 0 auto;}
	.car-box_ph {width: 100%;margin: 0 auto;}
	.car-box_ph img{border-radius: 10px;}
	
	.car-box_txt2 {width: 100%;margin: 0 auto;}
	.car-box_ph2 {width: 100%;margin: 0 auto;}
	.car-box_ph2 img{border-radius: 10px;}
	
	.day-box{max-width: inherit;width: 90%; margin: 30px auto 80px auto;}	
	
	.spot{max-width: inherit;width: 100%;}
	.spot25 {width:29%;margin-left: 10px;margin-right: 10px;}
	
	.tour-box{width: 95%;margin: 0 auto;}
	.tour-ph{float: inherit; width: 100%;max-width: inherit;}
	.ph-pc{}
	.ph-md{display: none;}	
	.tour-txt{float: inherit; width: 100%;}
	.tour-list-box li{width: 95%;margin: 0 auto;}
	.price{flex:0 0 25%;}
}

@media screen and (max-width: 959px){	
	
	.ct30 {width:75%;}
	.about-main{padding: 0 10px;}
	.about-black{margin-top: inherit;}
	.about-top-box{padding:inherit;}	
	.about-top-box .txt p{width: 90%;}
		
	#cabin{padding-bottom: 0;}
	.bg-03{background: inherit;}
	.main-box{width: 90%; padding-top: 0;}	
	.cabin-box{padding-bottom: inherit;}
	
	.tab_box{width: 100%;position: inherit;}
	.tab_box_r {display: block; width: 98%;margin: 20px auto;position:inherit;}
	.tab_box_txt{position: relative;}	
	
	.suite-left{float: inherit;}
	.suite-right{float: inherit;}
	.suite-box{width: 80%;}
	.suite-box_txt {width: 100%;padding-bottom: 30px;}
	.suite-box_ph {width: 100%;}
	
	.car-box{width: 90%;}
	.car-box2{width: 90%;}
	
	.view-slide .slick-prev {left: 10%;	}	
	.view-slide .slick-next {right: 10%;}
	
	.spot{}
	.spot25 {width:45%;}
		
	
	.price{flex:0 0 30%;}

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

.msg {	
    display:inherit;
	flex-wrap:nowrap;	
	width: 90%;	
	}
.msg-box{width:50%;margin: 10px auto;}		
	
}	
@media screen and (max-width: 768px){
#main-nav {display: none;} 
.block_menu {display: none;}
.header-content{display: none;}	
	
.header-md{display: none;}
.header-sm{display: block;}	
	
/*錨點*/
.block-first{overflow: hidden;padding-top: 0;margin-top: 0;}
.about-txt{display: none;}	
.about-md{display: block;width: 90%;margin:0 auto;padding: 50px 0 0 0;}	

	
.food{margin:30px auto 0 auto;padding: inherit;}
.bg-04{background: inherit;}
.left{float: inherit;}
.right{float: inherit;}	
.food50{margin-left: 0;}
.food50 .ph{width: 100%;}
.food50 .txt{width: 80%;padding-top:inherit;margin: 0 auto;}
	
.bg-06{background:inherit;}
.bg-07{background:inherit;}	
.suite-box{width: 90%;}	
.suite-box_img{display: none;}	
	
.hotel-main{padding-top: 10px;}	
	
.car-box_img{margin: 0;}	
	
.view-slide .slick-prev {left: 5%;}	
.view-slide .slick-next {right: 5%;}
	
.spot25 {width:40%;}

.msg{padding: 0 0 30px 0;}	
.msg-box{width:80%;}
	
.point-txt p{font-size: 30px;}	
	
.tour_more2{text-align: center;}	
.tour_more2 a{display: block;}	
.tour_more2 .line{width: inherit;display: block;margin: 20px 0 10px 0;}	
	
.price{flex:0 0 38%;}

ul.link-menu {display: none;}
	
	
	
}
@media (max-width: 600px) {	
.day-md{display: none;}
.day-sm{display: block;}
.spot25 {width:38%;}
.tour-more{display:block;}
.name-l{flex:0 0 100%;text-align: center;}
.price{	flex:0 0 100%;display: block;margin-top: 20px;}
	
.point-txt p{font-size: 25px;}
.point-txt p span{display: block;}		
	
}

@media (max-width: 480px) {
	.logo{max-width: inherit;width: 70%;}	
	.big-box{margin: 30px auto 0 auto;}	
	h2.big-title{max-width: 340px;height: 170px;margin: 50px auto 0 auto;background: url("img/big_title_02.png") top center no-repeat;}
	h2.big-title strong{display: block;margin-top: 5px;font-size: 40px;padding-top: 45px;}
	h2.big-title em{font-size: 18px;}	
	
	.tab-bg{padding: 50px 0 30px 0;}	
	ul.etabs li p{font-size: 15px;line-height: 25px;ont-weight: bold;}	
	ul.etabs li a {	padding: 5px 10px;}	
	.tab_box_r {margin: 0 auto 20px auto;}	
	.tab_box_txt{position: inherit;}
	.tab_box_circle{position: inherit;background: inherit;;width: inherit; height: inherit;padding-top: 0; text-align: left;padding-left: 10px;border-left: 3px #cbb047 solid;} 	
	.tab_box_circle strong{padding-top: 0;}
	
	.spot{width: 90%;}
	.spot25 {width:90%;margin-bottom: 10px;}
	.msg-box{width:90%;}
	
	.ct30 {width:90%;}
	ul.tour-mark{padding-left: 0;}
	
	.price,.price-out{float: inherit;margin: 20px auto 0 auto;display: block;text-align: center;}
	
}
@media (max-width: 320px) {}