@charset "utf-8";
/* CSS Document */ 
@media (min-width: 768px) and (max-width: 989px) {  


#header { width:auto; }

.header_top  { width:auto; padding:0px 10px;}

#navigation { width:auto; }

.logo { width:50%;}

.logo h1  a { display:block; width:100%;}

.logo h1 a img { display:block; width:100%;}

.header_top_right { width: 48%; }

.sns_head { display:none;}

#navigation ul li.menu_li1 a, #navigation ul li.menu_li2 a, #navigation ul li.menu_li3 a, #navigation ul li.menu_li4 a, #navigation ul li.menu_li5 a, #navigation ul li.menu_li6 a, #navigation ul li.menu_li7 a , #navigation ul li.menu_li8 .dropdown a { width:59px; padding-left:33px;}

#content { padding: 20px 10px 80px; width: auto; }

.content_right {
    float: right;
    width: 60%;
}

.content_left {
    float: left;
    width: 39%;
}

.content_left_top {
    width: 100%;
}
.in_form{
    width: 100%;
}

.in_form table{
    width: 100%;
}

.map{
    width: 100%;
}

.content_left_listing {
    width: 100%;
}

table { width:100% !important;}

iframe  { width:100% !important;  ;}


#sidebar1 { width:100%; float:none; height:auto;} 

#sidebar1 a { display:block; width:100%;}
#sidebar1 a img{ display:block; width:100%; height:auto;}

.content_left_listing h2 { width:auto;}

.content_left_listing ul li { width:auto;}

.social_links {
    width: 100%;
}

#content_gen { 
    width: 100%;
}

.content_right_top { width: 100%; }

.content_right_top img {width: 100%; height: auto; }

.slider_outer {  width: 100%; }

#slider  { width:100% !important; }
 
.content_right_listing { width:100%;}
 
.content_right_listing h3  { width:auto;}

.content_right_listing ul li { width:auto;}

.info_left_disny {
    float: left;
    width: 36%; margin-right: 3px;
}

.info_left_disny a { 
    width: 100%; display:block;
}
.info_left_disny a img { 
    width: 100%; display:block;
}

.info_right {
    float: left;
    width: 62%;
}

.info { 
    width: 100%;
}
.info_detail{ 
    width: 100%;
}
.imagas {
    width: 100%;
}
.imagas table {
    width: 100% !important;
}

.imagas li { width:47%; padding:5px;}

.imagas li p a  {   width: 100% !important; display:block;}

.imagas li p a img  {   width: 100% !important; display:block;}

#footer ul { text-align:center; width:auto;} 

#footer ul li { float:none; display:inline-block; padding:0px 4px;}

#footer ul li a { margin-right:5px;}

.footer_img { width:100%; text-align:center;}

.footer_img div:first-child { float:none; width:100%;}

.footer_img div:last-child { float:none; width:100%;}

.copyright { padding-top:10px;}

ol#controls_ship { display:none;}

.language2 ul li { padding-left:0px;}

.language2 { width:100%;}

#slider li p a { width:100%; display:block; }

#slider li p a img { width:100%; display:block; }





#content_gen { padding:0px 10px; width:auto;}

.content_gen2_left { width:64%; padding:0px;}

.sort_outer_w { 
    padding: 0 0 25px;
    width: 100%;
}
.gen_mid_mid { 
    padding: 0 0 20px;
    width: 100%;
}




.gen_mid_mid div { width:auto !important;}

.gen_mid_mid div div { margin-bottom:20px;}

.gen_mid_mid div img { height:auto !important; width:100% !important;}

.gen_mid_mid div:nth-of-type(2) { width:auto !important;}

.gen_mid_mid div:nth-of-type(2) a { width:33.33% !important; display:block; float:left;}


.content_gen_right {  padding: 0px; width: 34%;  }

.about_gen {  width: 100%; }

.about_gen h3 { background-size:100% 43px; width:100%;}

.about_gen ul li {  float: none; width: auto; }


.content_gen_right div { margin-bottom:20px;}

.content_gen_right div a { width:100%; display:block; height:auto;}

.content_gen_right div a img {  display:block; height:auto;}




#navigation ul li.menu_li8 ul.dropdown li  a { width:98px !important; font-size: 11px;  padding: 0 0 0 25px !important;}



/* add on tka */ 

.content_gen2_right_hotel, .content_gen_left_hoel{  float: none; padding: 10px;  width: auto;}
.gen_mid_mid_hotel  div { width:100% !important;}
.gen_mid_mid_hotel div div { margin-bottom:20px;}
.gen_mid_mid_hotel div img { height:auto !important; width:100% !important;}
.attachment-full { height:auto !important; width:100% !important;}
.jr_bn_imagas {width:100%; display:block; height:auto;}
.content_gen2_left img, .branchinfo img{width:100%; display:block; height:auto;}
.branchinfo table { width:380px !important;}
.info-table table {width: 300px !important;}
.long img{ display:none;}
.pagetop{ display:none;}
.btn_sum {float: none !important;padding: 10px !important;}
.default_product_display { display:none;}





.empty { width:auto!important;}

.wpsc_default_product_list .default_product_display { display:block;}

.default_product_display legend { padding-left:0px !important;}

.default_product_display form.product_form fieldset, #content .default_product_display form.product_form fieldset { padding-top:10px;}




div.wpsc_loading_animation { width:20px !important; height:20px  !important; }
.content_gen2_left img, .branchinfo img { width:100%; height:100%; display:block; font-size:10px !important;}

#product_893_submit_button { margin-top:15px !important;;}

.wpsc_buy_button_container { margin-bottom:0px !important;}













}




@media (max-width: 767px)
{

#header {  width: auto; } 

#header_outer { height:auto; background:#fff !important; margin-bottom:0px !important}

.header_top_right { display:none;}

.header_top { width:100%; height:auto;}

.logo { width:320px;  height:auto; float:none;}

.logo h1 a img { width:100%; height:auto;}

#navigation { background: #00b2e8 ; height: 100%; left:-80%;  position: fixed; top: 0; width: 75%; z-index: 1; padding-top:30px !important; display:block; }
 
#content_gen { width: 100%;}

#content { padding: 10px 10px 80px; width: auto; }

.content_right { float: none;  width: 100%; }

.content_left { float: none;  width: 100%; padding-bottom:25px; }

.content_right_top { width: 100%; }

.content_right_top img {
	 width: 100%;

	height: auto;
}

.slider_outer {  width: 100%; }

.content_right_listing { width: 100%; padding-bottom:20px; }

.content_right_listing h3 { width:auto;}

.content_right_listing ul li { width:auto; margin:0px; float:none;}


#navigation { padding-left:10px;}

#navigation ul li { float:none; text-align:left !important;   }

#navigation ul li a {height:23px !important; line-height:23px !important;}

#navigation ul li.menu_li1 a, #navigation ul li.menu_li2 a, #navigation ul li.menu_li3 a, #navigation ul li.menu_li4 a, #navigation ul li.menu_li5 a, #navigation ul li.menu_li6 a, #navigation ul li.menu_li7 a , #navigation ul li.menu_li8 .dropdown a { background:none !important; width:100%; text-align:left !important; padding:0px !important}

ul.dropdown ul { position:static; visibility:visible;}

ul.dropdown ul li a { background:none; width: 100% !important;}

#navigation ul li a:hover { width:100% !important;}

ul.dropdown li  {height:27px !important; line-height:27px !important; border:0px  !important;  }

#navigation ul {  height:80%;}

.language2 ul { float:none;}

.language2 { text-align:center; width:100%;}

.language2 ul li.phone1 { display:inline-block; float:none;}
.language2 ul li.phone2 { display:inline-block; float:none;}
.language2 ul li.phone3 { display:inline-block; float:none;}
.language2 ul li.phone4 { display:inline-block; float:none;}

.language2 ul li {padding: 0;}



ul.dropdown {  }

ul.dropdown li i { display:block; cursor:pointer; position:relative; z-index:2; float:left; background:url(images/right-aero.png) center center no-repeat ; width:29px; height:23px;}

ul.dropdown li i.down {  background:url(images/bttm-aero.png) center center no-repeat ;}

ul.sub_menu { display:none; padding-left: 30px;}





#slider { width:100% !important; position:relative; height:auto !important;}

.special_titl { width:100% !important;}

.special_titl { float: none;  margin-right: 0;  width: auto; }

.info { width:100%;}

.imagas  {
	width: auto;
	height: auto;
}

.imagas table { width:100% !important;}

.info_left_disny { width:100%; float:none; padding-bottom:20px;}

.info_left_disny a { display:block; width:100%;}

.info_left_disny a img { display:block; width:100%;}

.info_detail { width:100%; }

.info_detail2 { width:100%;}

.info_detail2 ul li { width:auto; float:none;}

.info_right { float:none; width:100%;}

.info_detail h3, .info_detail2 h3 { width:auto; background-size:100% auto;}

.imagas li { padding-bottom:10px; float:none; width:100%; padding-left:0px;}

.imagas li p a {  display:block;}

.imagas li p a img { width:100%; height:auto;display:block;}

.content_left_top { width:100%;}

.in_form { float:none; width:100%;}

.in_form table { width:100% !important;}

.in_form table td { height:100% !important;}

#sidebar1 { width:100%; float:none; height:auto;}

.map { width:100%; background-size:cover; margin-bottom:25px;}

.content_left_listing { width:100%; padding-bottom:10px;}

#sidebar1 a { display:block; width:100%;}
#sidebar1 a img{ display:block; width:100%; height:auto;}

.content_left_listing h2 { width:auto; background-size: 100% 22px;}

.content_left_listing table { width:100% !important;}

.content_left_listing ul li { width:100% !important; margin-right:0px; margin-top:0px; margin-left:0px;}

table { width:100% !important;}

iframe  { width:100% !important; margin-bottom:20px;}

.social_links { width: 100%; }

#footer ul {  padding: 10px 10px  0;  width: auto; text-align:center }

#footer ul li { float:none; display:inline-block; padding:0px 5px;}

#footer ul li a { margin-right:5px;}

.footer_img { width:100%; text-align:center;}

.footer_img div:first-child { float:none; width:100%;}

.footer_img div:last-child { float:none; width:100%;}

#slider li p a { width:100%; display:block;height:auto }

#slider li p a img { width:100%; display:block; height:auto}

ol#controls_ship { display:none;}

#footer { height:auto;}

.copyright { padding:15px 0px;}

.pink4 { display:none;}

body { background:#fff;}



#menu_bttn { background:url(images/menu_btttn.png) no-repeat ; display:block; width:20px; height:12px; position:absolute; left:15px; top:20px;}
#menu_cross { background:url(images/menu_cross.png) no-repeat ; display:block; width:12px; height:12px; position:absolute; right:15px; top:15px;}



#langWeb { display:none;}

#langMbile { display:block;}



.bx-viewport { height:auto !important}

 
#slider li { height:auto !important}





.content_gen2_left {  float: none; padding: 10px;  width: auto; }

.sort_outer_w { padding: 0 0 25px; width: 100%; }

.gen_mid_mid {  padding: 0 0 20px;  width: 100%; }

.gen_mid_mid div { width:auto !important;}

.gen_mid_mid div div { margin-bottom:20px;}

.gen_mid_mid div img { height:auto !important; width:100% !important;}

.gen_mid_mid div:nth-of-type(2) { width:auto !important;}

.gen_mid_mid div:nth-of-type(2) a { width:33.33% !important; display:block; float:left;}

.content_gen_right {  padding: 0 10px; width: auto; float:none;}

.about_gen {  width: 100%; }

.about_gen h3 { background-size:100% 43px; width:100%;}

.about_gen ul li {  float: none; width: auto; }


.content_gen_right div { margin-bottom:20px;}

.content_gen_right div a { width:100%; display:block; height:auto;}

.content_gen_right div a img { width:100%; display:block; height:auto;}



/* add on tka */ 

.content_gen2_right_hotel{
	float: none;
	width: 95%;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
.content_gen_left_hoel{
	float: none;
	width: 300px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.gen_mid_mid_hotel  div { width:100% !important;}
.gen_mid_mid_hotel div div { margin-bottom:20px;}
.gen_mid_mid_hotel div img { height:auto !important; width:100% !important;}
.attachment-full { height:auto !important; width:100% !important;}
.jr_bn_imagas {width:100%; display:block; height:auto;}
.content_gen2_left img, .branchinfo img{width:100%; display:block; height:auto;}
.branchinfo table { width:380px !important;}
.info-table table {width: 290px !important;}
.long img{ width: 200px }

.pagetop{ display:none;}

.btn_sum, .btn_empty {
	float: none;
	margin: 0px;
	padding: 0px;
}
.default_product_display { width:380px !important;}
.wpsc_quantity_update, .product_form {
	width:380px !important;
}


.empty { width:auto !important;}

.jrpass h2, .others h2 { font-size:15px;}

.wpsc_quantity_update, .product_form { width:100% !important;}

.default_product_display legend { width:auto !important; padding-top:10px !important; padding-left:0px !important;}

.wpsc_quantity_update, .product_form { padding-top:12px; }

div.wpsc_loading_animation { width:20px !important; height:20px  !important; }
.content_gen2_left img, .branchinfo img { width:100%; height:100%; display:block; font-size:10px !important;}

#product_893_submit_button { margin-top:10px !important;}

.gentitl{
	width: 90%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.crouse{
	width: 90%;
	padding-left: 10px;	
}
.seedetail {
	text-align: right;
	background-image: none;
	padding-left: 0px;
	margin-left: 0px;
	font-size: 11px;
}
.long img{display:none;}


.long table {
	width: 90%;
}

.gen_mid_arc category{
	width: 90%;
}
.branchinfo table{

}
.gen_mid_mid_hotel{
	margin: 0px;
	padding: 0px;

}


.wpsc_checkout_table input.text { width:auto !important;}

.wpsc_checkout_table.table-2 td { display:block !important; padding-left:0px !important;}

.wpsc_checkout_table.table-1 td { display:block !important; padding-left:0px !important;}

.wpsc_buy_button02 { background-size: 100% 49px; width:100% !important;} 

#wpsc_checkout_form_42, #wpsc_checkout_form_38, #wpsc_checkout_form_19 { width:90% !important;}


#checkout_page_container table.checkout_cart { margin-left:0px !important;  }

table.wpsc_checkout_table label { display:block !important;}

.productcart , .wpsc_checkout_table_totals { margin-left:0px !important; }

#checkout_page_container table.checkout_cart tr td { padding:5px !important;}

}


@media (min-width: 320px) and (max-width: 360px) {  


.map {  background-size: 100% 270px !important;}

.map h1 { font-size: 11px !important;;  padding-left: 48px !important;; }






}