@charset "utf-8";
/* CSS Document */

@media screen and (max-width:1024px){
#Header_Info .desc{
	font-size: 15px;
}
#Main #Content p{
	margin: 0 1% 0 1%;
}
#Main #RelatedWeb ul{
	margin: 0 1% 0 1%;
}
#Main #RelatedWeb ul li{
    width: 16.6666%;
}
#Main .more{
	margin: 0 1% 0 0;
}
#Main .city-menu, #Main .type-menu{
	margin: 0 1% 10px 1%;
}
#Main .city-menu a{
	width: 6.7692%;
	margin: 0 1% 5px 0;
}
#Main .city-menu a:nth-child(10n){
	margin: 0 1% 5px 0;
}
#Main .city-menu a:nth-child(13n){
	margin: 0 0 5px 0;
}
#ClassOrder li, #ClassBusiness-Hotel li{
    width: 31.3333%;
	margin: 0 1% 0 1%;
}
#ClassOrder li:nth-child(3n), #ClassBusiness-Hotel li:nth-child(3n){
	margin: 0 1% 0 1%;
}
#ClassOrder ol ul li, #ClassBusiness-Hotel ol ul li{
    width: 24%;
	margin: 0 0 0 0;
}
#ClassOrder ol ul li:nth-child(3n), #ClassBusiness-Hotel ol ul li:nth-child(3n){
	margin: 0 0 0 0;
}
#ClassDiscount li, #ClassTw-Journey li{
    width: 31.3333%;
	margin: 0 1% 20px 1%;
}
#ClassRentcar li, #ClassDiy li, #ClassExperience li{
    width: 48%;
	margin: 0 1% 20px 1%;
}
#ClassDiscount li:nth-child(3n), #ClassTw-Journey li:nth-child(3n), #ClassRentcar li:nth-child(2n), #ClassDiy li:nth-child(2n), #ClassExperience li:nth-child(2n){
	margin: 0 1% 20px 1%;
}
#ClassScenic li{
    width: 23%;
	margin: 0 1% 20px 1%;
}
#ClassScenic li:nth-child(4n){
	margin: 0 1% 20px 1%;
}
#ClassJourney li{
	margin: 0 1% 20px 1%;
}
#ClassSearch li{
	margin: 0 1% 10px 1%;
}
#ClassOrderView .info{
	margin: 0 1% 30px 1%;
}
#ClassOrderView ol{
	margin: 0 1% 30px 1%;
}
}
@media screen and (max-width:1023px){
#Main #Left{
    float: none;
	width: 100%;
}
#Main #Right{
    float: none;
	width: 100%;
}
#IndexClassOrder li{
    width: 31.3333%;
	margin: 0 1% 0 1%;
}
#IndexClassOrder ol ul li{
    width: 24%;
	margin: 0 0 0 0;
}
#IndexClassDiscount li{
    width: 48%;
	margin: 0 1% 20px 1%;
}
#IndexClassScenic li{
    width: 23%;
	margin: 0 1% 20px 1%;
}
#IndexClassScenic li:nth-child(2n){
	margin: 0 1% 20px 1%;
}
#IndexClassScenic li .pic{
    width: 100%;
    height: 150px;
}
#IndexClassJourney li{
    width: 48%;
	margin: 0 1% 20px 1%;
}
#IndexClassTw-Journey li{
    width: 31.3333%;
	margin: 0 1% 20px 1%;
}
}
@media screen and (max-width:990px){
#Header_Info .desc{
    font-size: 14px;
}
#IndexClassOrder li .name a, #ClassOrder li .name a, #ClassBusiness-Hotel li .name a{
    font-size: 14px;
}
#IndexClassOrder li .description, #ClassOrder li .description, #ClassBusiness-Hotel li .description{
    line-height: 14px;
    font-size: 11px;
}
#ClassOrderView ol.order li, #ClassOrderView ol.scenic li{
    width: 33.3333%;
}
#ClassOrderView ol.discount li, #ClassOrderView ol.journey li{
    width: 50%;
}
}
@media screen and (max-width:900px){
#Header_Info .desc{
	line-height: 35px;
    font-size: 16px;
}
#Header_ClassMenu a{
    font-size: 20px;
}
#Footer h4 {
    font-size: 15px;
}
#Footer ul li{
    font-size: 15px;
}
#Footer ul li a{
    font-size: 15px;
}
#IndexClassOrder li, #ClassOrder li, #ClassBusiness-Hotel li{
    width: 48%;
	margin: 0 1% 0 1%;
}
#IndexClassOrder li .name a, #ClassOrder li .name a, #ClassBusiness-Hotel li .name a{
    font-size: 16px;
}
#IndexClassOrder li .description, #ClassOrder li .description, #ClassBusiness-Hotel li .description{
    line-height: 18px;
    font-size: 13px;
}
#IndexClassOrder ol ul li, #ClassOrder ol ul li, #ClassBusiness-Hotel ol ul li{
    width: 24%;
	margin: 0 0 0 0;
}
#ClassDiscount li .title, #ClassTw-Journey li .title, #ClassRentcar li .name a, #ClassDiy li .name a, #ClassExperience li .name a{
    font-size: 14px;
}
#ClassScenic li a .name{
    font-size: 15px;
}
#ClassScenic li a .description{
    line-height: 16px;
}
#ClassOrderView .info .link li{
    width: 31.3333%;
	padding: 0 0 0 2%;
}
#ClassOrderView .info .link .addr{
    width: 96%;
	padding: 0 2% 0 2%;
}
}
@media screen and (max-width:800px){
body {
	font-size: 13px;
}
#Header_TopLink .web{
    line-height: 35px;
}
#Header_TopLink .web .logo{
    width: 49%;
}
#Header_TopLink .web .btn{
    display: block;
}
#Header_TopLink .web .btn img:first-child{
    display: none;
}
#Header_TopLink .web .list{
	position: relative;
    overflow-x: hidden;
    overflow-y: hidden;
	width: 100%;
	height: 0;
    background-color: #ffffff;
	border-bottom: 1px solid #e7e7e7;
}
#Header_TopLink .web .list a{
    float: left;
    color: #666464;
    width: 27.3%;
    text-align: left;
    padding: 0 0 0 6%;
	font-size: 13px;
}
#Header_Rotue{
    display: none;
}
#Header_Info h1, #Header_Info .webname{
    width: 100%;
    line-height: 50px;
    text-align: center;
	border-bottom: 1px solid #c4c4c4;
}
#Header_Info h1, #Header_Info .webname a{
	font-size: 30px;
}
#Header_Info .desc{
    display: none;
}
#Header_ClassMenu a{
    font-size: 18px;
}
#Footer h4 {
    font-size: 14px;
}
#Footer ul li{
    font-size: 14px;
}
#Footer ul li a{
    font-size: 14px;
}
#Footer .copyright {
    font-size: 13px;
}
#Footer .copyright a{
    font-size: 13px;
}
#Main .type-menu a{
	width: 24.25%;
}
#Main .type-menu a:nth-child(6n){
	margin: 0 1% 5px 0;
}
#Main .type-menu a:nth-child(4n){
	margin: 0 0 5px 0;
}
#Main #RelatedWeb ul li{
    width: 20%;
    font-size: 14px;
}
#IndexClassOrder li, #ClassOrder li, #ClassBusiness-Hotel li{
    width: 47%;
	margin: 0 1.5% 0 1.5%;
}
#ClassOrder li:nth-child(3n), #ClassBusiness-Hotel li:nth-child(3n){
	margin: 0 1.5% 0 1.5%;
}
#IndexClassOrder ol ul li, #ClassOrder ol ul li, #ClassBusiness-Hotel ol ul li{
    width: 24%;
	margin: 0 0 0 0;
}
#ClassOrder ol ul li:nth-child(3n), #ClassBusiness-Hotel ol ul li:nth-child(3n){
	margin: 0 0 0 0;
}
#IndexClassDiscount li, #ClassDiscount li, #ClassTw-Journey li, #ClassRentcar li, #ClassDiy li, #ClassExperience li{
    width: 47%;
	margin: 0 1.5% 20px 1.5%;
}
#ClassDiscount li:nth-child(3n), #ClassTw-Journey li:nth-child(3n), #ClassRentcar li:nth-child(3n), #ClassDiy li:nth-child(3n), #ClassExperience li:nth-child(3n){
	margin: 0 1.5% 20px 1.5%;
}
#IndexClassScenic li, #ClassScenic li{
    width: 30.3333%;
	margin: 0 1.5% 20px 1.5%;
}
#IndexClassScenic li:nth-child(2n), #ClassScenic li:nth-child(4n){
	margin: 0 1.5% 20px 1.5%;
}
#IndexClassScenic li .pic{
    width: 100%;
    height: 140px;
}
#IndexClassJourney li{
    width: 47%;
	margin: 0 1.5% 20px 1.5%;
}
#IndexClassTw-Journey li .pic{
    height: 160px;
}
#ClassJourney li{
	margin: 0 0 20px 0;
	border-top: 1px solid #c9caca;
	border-bottom: 4px solid #c9caca;
}
#ClassJourney li .pic{
	top: 0;
    width: 160px;
    height: 120px;
	margin: 10px 10px 10px 10px;
}
#ClassJourney li .pic img{
    clip: rect(0, 160px, 120px, 0);
}
#ClassJourney li .name{
	padding: 10px 10px 10px 10px;
	border-top: none;
	border-right: none;
}
#ClassJourney li .info{
    height: 120px;
	padding: 10px 0 10px 0;
	margin: 0 10px 0 10px;
	border-top: 1px solid #c9caca;
	border-right: none;
	border-bottom: 1px solid #c9caca;
}
#ClassJourney li .place, #ClassJourney li .class{
    float: none;
    width: 100%;
    min-height: 30px;
	border-top: none;
	border-bottom: none;
}
#ClassJourney li .place .t, #ClassJourney li .class .t{
    display: inline;
}
#ClassJourney li .description{
    clear: both;
	padding: 10px 0 10px 0;
	margin: 0 10px 0 10px;
	border-right: none;
	border-bottom: none;
}
#ClassRentcar li .name a, #ClassDiy li .name a, #ClassExperience li .name a{
    font-size: 13px;
}
}
@media screen and (max-width: 640px){
#Header_TopLink .web .btn img:first-child{
    display: inline-block;
}
#Header_Info h1, #Header_Info .webname a{
	font-size: 28px;
}
/*#Header_Banner #Search form{
	height: 0;
}*/
#Header_ClassMenu a{
    font-size: 16px;
}
#Footer h4 {
    font-size: 13px;
}
#Footer ul li{
    font-size: 13px;
}
#Footer ul li a{
    font-size: 13px;
}
#Main .city-menu a{
	width: 9.1%;
}
#Main .city-menu a:nth-child(13n){
	margin: 0 1% 5px 0;
}
#Main .city-menu a:nth-child(10n){
	margin: 0 0 5px 0;
}
#Main .type-menu a{
	width: 32.6666%;
}
#Main .type-menu a:nth-child(4n){
	margin: 0 1% 5px 0;
}
#Main .type-menu a:nth-child(3n){
	margin: 0 0 5px 0;
}
#Main #RelatedWeb ul li{
    width: 25%;
}
#IndexClassOrder li, #ClassOrder li, #ClassBusiness-Hotel li{
    width: 96%;
	margin: 0 2% 0 2%;
}
#ClassOrder li:nth-child(3n), #ClassBusiness-Hotel li:nth-child(3n){
	margin: 0 2% 0 2%;
}
#IndexClassOrder ol ul li, #ClassOrder ol ul li, #ClassBusiness-Hotel ol ul li{
    width: 24%;
	margin: 0 0 0 0;
}
#ClassOrder ol ul li:nth-child(3n), #ClassBusiness-Hotel ol ul li:nth-child(3n){
	margin: 0 0 0 0;
}
#IndexClassDiscount li, #ClassDiscount li, #ClassTw-Journey li, #ClassRentcar li, #ClassDiy li, #ClassExperience li{
    width: 96%;
	margin: 0 2% 20px 2%;
}
#ClassDiscount li:nth-child(3n), #ClassTw-Journey li:nth-child(3n), #ClassRentcar li:nth-child(2n), #ClassDiy li:nth-child(2n), #ClassExperience li:nth-child(2n){
	margin: 0 2% 20px 2%;
}
#ClassDiscount li .pic, #ClassTw-Journey li .pic{
    width: 100%;
    height: auto;
}
#IndexClassScenic li, #ClassScenic li{
    width: 46%;
	margin: 0 2% 20px 2%;
}
#IndexClassScenic li:nth-child(2n), #ClassScenic li:nth-child(4n){
	margin: 0 2% 20px 2%;
}
#IndexClassScenic li .pic{
    width: 100%;
    height: 160px;
}
#IndexClassJourney li{
    width: 100%;
	margin: 0 0 20px 0;
}
#IndexClassTw-Journey li{
    width: 47%;
	margin: 0 1.5% 20px 1.5%;
}
#ClassOrderView .info .pic{
    float: none;
    margin: 0 auto 0 auto;
}
#ClassOrderView .info .link{
	padding: 5px 5px 5px 5px;
}
#ClassOrderView .info .link li{
    width: 31.3333%;
	padding: 0 0 0 2%;
}
#ClassOrderView .info .link .addr{
    width: 96%;
	padding: 0 2% 0 2%;
}
#ClassOrderView .info .description{
	padding: 5px 5px 5px 5px;
}
#ClassOrderView ol.order li, #ClassOrderView ol.scenic li{
    width: 50%;
}
#ClassOrderView ol.discount li, #ClassOrderView ol.journey li{
    width: 100%;
}
#ClassRentcar li .name a, #ClassDiy li .name a, #ClassExperience li .name a{
    font-size: 16px;
}
}
@media screen and (max-width: 480px){
#Header_TopLink .web .list a{
    width: 32.3%;
    padding: 0 0 0 1%;
	font-size: 12px;
}
#Header_Info h1 a, #Header_Info .webname a{
	font-size: 26px;
}
#Header_ClassMenu a{
	padding: 5px 0 5px 0;
    font-size: 14px;
}
#Header_ClassMenu a .text{
    line-height: 30px;
}
#Main #RelatedWeb ul li{
    width: 33.3333%;
}
#Main {
	padding: 30px 0 0 0;
    margin: 0 auto 30px auto;
}
#Footer h4 {
    font-size: 12px;
}
#Footer ul li{
    font-size: 12px;
}
#Footer ul li a{
    font-size: 12px;
}
#Footer .copyright {
    font-size: 12px;
}
#Footer .copyright a{
    font-size: 12px;
}
#Main .city-menu a{
	width: 13.4285%;
}
#Main .city-menu a:nth-child(10n){
	margin: 0 1% 5px 0;
}
#Main .city-menu a:nth-child(7n){
	margin: 0 0 5px 0;
}
#Main .type-menu a{
	width: 49.5%;
}
#Main .type-menu a:nth-child(3n){
	margin: 0 1% 5px 0;
}
#Main .type-menu a:nth-child(2n){
	margin: 0 0 5px 0;
}
#IndexClassScenic li .pic{
    width: 100%;
    height: 140px;
}
#IndexClassTw-Journey li{
    width: 100%;
	margin: 0 0 20px 0;
}
#IndexClassTw-Journey li .pic{
    height: 230px;
}
#ClassJourney li .info{
    line-height: 25px;
	font-size: 14px;
}
#ClassOrderView ol.order li, #ClassOrderView ol.scenic li{
    width: 100%;
}
#+{
    width: 110px;
    height: 70px;
    padding: 12px 2px 12px 2px;
}
#ClassDiy li .pic, ClassExperience li .pic{
    width: 110px;
    height: 70px;
}
#ClassRentcar li .name a, #ClassDiy li .name a, #ClassExperience li .name a{
    font-size: 14px;
}
}
@media screen and (max-width:320px){
#Header_TopLink .web .list a{
    width: 33.3%;
    padding: 0 0 0 0;
	font-size: 12px;
}
#Header_Info h1, #Header_Info .webname a{
	font-size: 24px;
}
#Header_ClassMenu a{
    font-size: 12px;
}
#Footer h4 {
    font-size: 11px;
}
#Footer ul li{
    font-size: 11px;
}
#Footer ul li a{
    padding: 0 5px 0 0px;
    font-size: 11px;
}
#Main .city-menu a, #Main .type-menu a{
	font-size: 13px;
}
#Main .city-menu a{
	width: 15.8333%;
}
#Main .city-menu a:nth-child(7n){
	margin: 0 1% 5px 0;
}
#Main .city-menu a:nth-child(6n){
	margin: 0 0 5px 0;
}
#Main #RelatedWeb ul li{
    font-size: 13px;
}
#IndexClassScenic li .pic{
    width: 100%;
    height: 110px;
}
#IndexClassTw-Journey li .pic{
    height: 180px;
}
#ClassRentcar li{
	border-bottom: 1px solid #c9caca;
}
#ClassRentcar li .pic, #ClassDiy li .pic, #ClassExperience li .pic{
    display: none;
}
}