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

/* --- bootstrap custom ---*/
@media (min-width: 992px) {
  .container {
    max-width: 990px;
  }
}

.nivo-controlNav{ display:none; }

/* --- body ---*/
body {
	/*background-color: #f1f3f2;*/
	background-color: #fff;
}

/* --- font style --- */
p, h5, h6, ul li, a, th, td{
	/*font-family: 'Roboto', sans-serif;*/
	font-size: 13px;
	line-height: 25px;
	font-family: 'Arial', sans-serif;
	
}


h1, h2, h3, h4{
/*font-family: mongolian_baitiregular;*/
}

.quo h2, h5{
	color: #fff;
}

.header1{

text-align: right;
}

.header2{

padding-left: 20px;
}

@media (max-width: 768px) {
.header1{

text-align: center;
}

.header2{
text-align: center;
}

.header1 h1, .header2 h1{
font-size: 18px;
}





}


/* --- header ---*/
.header {
	height: 80px;
	margin: 0px auto;
	
}


.ha-header {
	/*display:none;*/
	width: 100%;
	padding: 0;
	height: auto;
	color:#000;
	background-color: #fff;
	/*border-bottom: 2px solid #eeeeee;*/
}

.header-second{
	/*background: url("images/com_bg01.gif") no-repeat scroll center top #fff;*/
    display: block;
    position: relative;
    width: 100%;
    z-index: 100;
	height: auto;
	margin-top: 0px;
}


/* Dropdown Menu */
	.dropdown:hover .dropdown-menu {
		display: inline;	
	 }
	 
	 
	 @media (max-width: 360px){
	 /*.dropdown:hover .dropdown-menu {
		display: block;	
	 }*/
	 }
/* End of Dropdown Menu */


.collapse-menu-mobile{
	display: none;
}

.navbar-collapse {
  max-height: 340px;
  padding-right: 0px;
  margin-top: 0px;
  padding-left: 12px;
  overflow-x: visible;
  -webkit-overflow-scrolling: touch;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
}


#ribon-red-desktop{
		position: relative;
		display: block;
		margin-top: 10px;
		margin-left: 5px;
		margin-right: 5px;
		background: #e00011;
		height: 4px;
		/*-moz-box-shadow:    inset 0 0 2px #000;
   -webkit-box-shadow: inset 0 0 2px #000;
   box-shadow:         inset 0 0 2px #000;*/
	}

#ribon-red-desktop-nomargin{
		position: relative;
		display: block;
		margin-top: 10px;
		margin-left: 0px;
		margin-right: 0px;
		background: #e00011;
		height: 4px;
		/*-moz-box-shadow:    inset 0 0 2px #000;
   -webkit-box-shadow: inset 0 0 2px #000;
   box-shadow:         inset 0 0 2px #000;*/
	}
	

#ribon-red-desktop-nomargin2{
		position: relative;
		display: block;
		margin-top: 5px;
		margin-left: 0px;
		margin-right: 0px;
		background: #e00011;
		height: 4px;
	}
	
#ribon-red-desktop-sps,
#ribon-red-desktop-sps2{
		position: relative;
		display: block;
		margin-top: 0px;
		margin-left: 0px;
		margin-right: 0px;
		background: #e00011;
		height: 4px;
		/*-moz-box-shadow:    inset 0 0 2px #000;
   -webkit-box-shadow: inset 0 0 2px #000;
   box-shadow:         inset 0 0 2px #000;*/
	}


#header-second-after{
  display:none; 
}

#ribon-red{
	display:none;
}


.head-desktop{
	padding: 0 20px 0 20px;
}

.head-mobile{
	display: none;
}





.grey-bg{
padding: 0 20px 0 20px;
}


.rss-banner{
	height: auto;
	position: relative;
	background: #f2f2f3;
	border: 1px solid #c4c4c4;
	margin-bottom: 0px;
	padding: 5px 5px 5px 10px;
	color: #595757;
	font-size: 14px;
}

	.more-info-sm{
		display: none;
	}


/* TABS */
	 .nav  > .the-tabs > a {
		/*color: #58a7df;*/
		/*color: #7f7f7f;*/
		/*background: #c9c9cb;*/
		/*background: transparent;*/
		/*border-top: 1px solid #000;
		border-left: 1px solid #000;
		border-right: 1px solid #000;
		border-bottom: none;*/
		/*color: #fff;*/
		border: none;
		margin-top: 0px;
		top: 0px;
		width: 350px;
		text-align: center;
		font-size: 18px;
		
	}
	
	/*
	 .nav  > .the-tabs > a > img {
		display: none;
	 }
	
	.nav-tabs > li.active > a > img{
		display: inline;
	}
	*/
	.nav-tabs > li.first{
		 /*background: url("images/001.png");*/
		 margin-right: 5px;
		 /*background: #00b9e7;*/
		 background: #d2e1ee;
		 border-radius: 5px 5px 0 0;
		 
	}
	
	.nav-tabs > .first > a,
	.nav-tabs > li.active.first> a{
		color: #00009a;
	}
	
	.nav-tabs > li.second{
		background: #b5e61d;
		 border-radius: 5px 5px 0 0;
		 margin-right: 5px;
	}
	
	.nav-tabs > .second > a,
	.nav-tabs > li.active.second> a{
		color: #008000;
	}
	
	
	
	.nav-tabs > li.third{
		background: #9AC527;
		 border-radius: 5px 5px 0 0;
		 margin-right: 5px;
	}
	
	.nav-tabs > li.third-b{
		background: #1f853b;
		 border-radius: 5px 5px 0 0;
		 margin-right: 5px;
	}
	
	.nav-tabs > li.fourth{
		background: #2CA84C;
		 border-radius: 5px 5px 0 0;
		 margin-right: 5px;
	}
	
	.nav-tabs > li.fifth{
		background: #EF7C2F;
		 border-radius: 5px 5px 0 0;
		 margin-right: 5px;
	}
	
	.nav-tabs > li.fifth-b{
		background: #f88219;
		 border-radius: 5px 5px 0 0;
		 margin-right: 5px;
	}
	
	.nav-tabs > li.sixth{
		background: #238EC6;
		 border-radius: 5px 5px 0 0;
		 margin-right: 5px;
	}
	
	.nav-tabs > li.seventh{
		background: #19499D;
		 border-radius: 5px 5px 0 0;
		 margin-right: 5px;
	}
	
	.nav-tabs > li.eighth{
		background: #DE2526;
		 border-radius: 5px 5px 0 0;
		 margin-right: 5px;
	}
	
	.nav-tabs > li.eighth-b{
		background: #ff0001;
		 border-radius: 5px 5px 0 0;
		 margin-right: 5px;
	}
	
	
	/*
	.nav-tabs > li.active > a,
	.nav-tabs > li.active > a:hover,
	.nav-tabs > li.active > a:focus {
		  color: #58a7df;
		  cursor: default;
		  
		  padding-bottom: 11px;
		  position: relative;
		  top: -2px;
		  margin-top: 0; 
	}*/
	
	
	
	
	.nav-tabs{
		border-bottom: transparent;
	}
	
	
	
	
	
	.tab-pane{
		/*border: 1px solid #000;*/
		/*border-top: none;
		border-left: 1px solid #000;
		border-right: 1px solid #000;
		border-bottom: 1px solid #000;*/
		/*background: #e7e7e7;*/
		border-radius: 10px;
		padding: 17px;
		/*background-image: url("images/001.png");*/
		/*background: #fff;*/
		z-index: 1;
	}
	
	
	
	
	.satu{
		/*background-image: url("images/001.png");*/
		 /*background: #00b9e7;*/
		 background: #d2e1ee;
	}
	
	.dua{
		/*background-image: url("images/003.png");*/
		background: #b5e61d;
	}
	
	.tiga{
		background: #9AC527;
	}
	
	.tiga-b{
		background: #1f853b;
	}
	
	.empat{
		background: #2CA84C;
	}
	
	.lima{
		background: #EF7C2F;
	}
	
	.lima-b{
		background: #f88219;
	}
	
	.enam{
		background: #238EC6;
	}
	
	.tujuh{
		background: #19499D;
	}
	
	.delapan{
		background: #DE2526;
	}
	
	.delapan-b{
		background: #ff0001;
	}
	
	
	
	
	
	
	.tab-pane table, tr, td{
		/*border: 1px solid #afafaf;*/
		/*border: 1px solid #7f7f7f;*/
		padding: 5px;
	}
	
	.tab-pane td p{
		/*font-size: 9px;*/
		font-size: 8.8px;
	}
	
	.tab-pane table{
		width: 100%;
	}
	
	
	/* warna td jr pass */
	.td-first{
		background: #9b9a9a;
	}
	
	.td-second{
		background: #848282;
	}
	
	.td-third{
		background: #626060;
	}
	
	.td-fourth{
		background: #434242;
	}
	
	
	
	.nav-tabs > li.active > a:hover,
	.nav-tabs > li.active > a:focus {
		background: none;
	}
	
	.nav  > .the-tabs > a:hover {
		background: none;
	}
	
	.table-white-arrow-right{
		font-size: 24px; 
		margin-top: -12px; 
		padding-right: 20px; 
		height: 20px;
	}
	
	.table-white-arrow-left{
		font-size: 24px; 
		margin-top: -12px; 
		padding-left: 20px; 
		height: 20px;
	}
	
	
	.btn-orange {
	  color: #fff;
	  background-color: #ea5404;
	  border-color: #ea5404;
	  border-radius: 0px;
	  font-size: 13px;
	  font-weight: 700;
	  
	}
	.btn-orange:hover,
	.btn-orange:focus,
	.btn-orange:active,
	.btn-orange.active,
	.open .dropdown-toggle.btn-orange {
	  color: #fff;
	  background-color: #ea5404;
	  border-color: #ea5404;
	 text-decoration: underline;
	}
	
/* END OF TABS */

.clear-nasRP{
		margin-top: 0px;
	}

@media (max-width: 980px){
	.nav  > .the-tabs > a {
		width: 250px;
		text-align: center;
	}
	
	.tab-pane table{
		width:100%;
	}
	
	.clear-nasRP{
		margin-top: 20px;
	}
}

@media (max-width: 768px){
	.nav  > .the-tabs > a {
		/*width: 250px;*/
		width: auto;
		text-align: center;
		padding-left: 25px;
		padding-right: 25px;
	}
}

@media (max-width: 360px) {

.head-desktop{
	/*padding: 0 0px 0 0px;*/
	display: none;
}

.ha-header {
/*border-bottom: none;*/
}



	.header-second{
		background: none;
		
	}
	
	.mobile-head-shadow{
		/*box-shadow: 0px 0px 2px 2px #888888;
		height: auto;*/
	}
	
	
	.rss-banner{
	height: auto;
	position: relative;
	background: #f2f2f3;
	border: 1px solid #c4c4c4;
	margin-bottom: 0px;
	padding: 5px 5px 5px 10px;
	color: #595757;
	font-size: 12px;
	}
	
	
	
	
	#header-second-after{
		position: relative;
		display: block;
		margin-top: 0px;
	}
	
	#header-second-after:after {
    content:"";
    position: absolute;
    top: 0px;
    bottom: -2px;
    left: 0px;
    right: 0px;
    z-index: 2;
	height: 30px;
	background: url("images/ribon-tops4.png") repeat-x scroll 0 0 rgba(10, 0, 0, 0);
	}
	
	
	
	#ribon-red-desktop-sps2{
		display: none;
	}
	
	
	#ribon-red{
		position: relative;
		display: block;
		margin-top: -15px;
		background: #1c1a1a;
	}
	
	#ribon-red:after {
    content:"";
    position: absolute;
    top: 0px;
    bottom: -2px;
    left: 0px;
    right: 0px;
    z-index: 2;
	height: 30px;
	background: url("images/ribon-red.png") repeat-x scroll 0 0 rgba(10, 0, 0, 0);
	}
	
	
	
	
	
	.head-mobile{
		display: inline;
	}
	
	
	
	
	.rss-banner{
	margin-bottom: 0px;
	padding: 5px 5px 5px 10px;
	font-size: 11px;
	}
	
	
	.mobile-menu{
		background: url("images/ribon-black2.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
		height: 30px;
		z-index: 100;
	}
	
	.button-search{
		/*background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);*/
		background: #e60012;
		width: 50%;
		float: right;
		position: absolute;
		top: 25px;
		right: 0;
		color: #fff;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 5px;
	}
	
	.mobile-menu-active{
		height: 80px;
		background: -webkit-linear-gradient(red, black); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(red, black); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(red, black); /* For Firefox 3.6 to 15 */
		background: linear-gradient(red, black); /* Standard syntax (must be last) */
		border-right: solid 1px #000;
		padding-top: 30px;
		font-size: 14px;
		color: #fff;
	}
	
	.mobile-menu-unactive{
		background: #423c3c;
		height: 80px;
		border-right: solid 1px #000;
		padding-top: 31px;
		font-size: 14px;
		color: #fff;
	}
	
	
	
	.country-mobile{
		padding-top: 20px;
	}
	
	
	
	.nav  > .the-tabs > a {
		/*border: 1px solid #000;
		border-bottom: transparent;*/
		margin-top: 0px;
		top: 0px;
		width: auto;
		font-size: 14px;
		text-align: center;
		height: 41px;
		padding: 5px 5px 0 5px;
	}
	
	.nav  > .the-tabs > a:hover {
		/*border: 1px solid #000;
		border-bottom: transparent;*/
		margin-top: 0px;
		top: 0px;
		width: auto;
		text-align: center;
		height: 41px;
		padding: 5px 5px 0 5px;
	}
	
	
	.nav-tabs > li.active > a,
	.nav-tabs > li.active > a:hover,
	.nav-tabs > li.active > a:focus {
	  /*color: #555;*/
	  /*color: #58a7df;*/
	  cursor: default;
	  /*background-color: #fff;*/
	  /*background-color: #e7e7e7;*/
	  /*border: 1px solid #000;*/
	  border-bottom-color: transparent;
	  /*padding-bottom: 11px;*/
	  position: relative;
	  top: 0px;
	  height: 41px;
	  padding: 5px 5px 0 5px;
	}
	
	
	
	.more-info-sm{
		display: inline;
	}
	

	
	
}

@media (max-width: 320px) {
	.mobile-logo{
		display: none;
	}
	
	
	.mobile-logo2{
		padding-left: 0px;padding-right: 0px;padding-top: 0px;
		margin-left: 0px;
		margin-top: 0px;
		display: inline;
	}
	
	.collapse-menu-mobile p{
		font-size: 9.5px;
	}
	
	.country-mobile{
		padding-top: 20px;
	}
	
	.welcome-text-mobile{
		color: #777777; 
		font-weight: 700; 
		font-size: 7.5px; 
		line-height: 1em; 
		margin-left: -75px;
		font-size: 9.5px;
	}
	
	.nav  > .the-tabs > a {
		/*border: 1px solid #000;*/
		border-bottom: transparent;
		margin-top: 0px;
		top: 1.6px;
		width: auto;
		font-size: 10px;
		text-align: center;
		height: 41px;
		padding: 5px 2px 0 2px;
		
	}
	
}

@media (max-width: 290px) {
	.mobile-logo{
		padding-left: 0px;padding-right: 0px;padding-top: 10px;
	}
}

.dropdown-menu{
z-index: 1100000;
}

.top-right{
-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
	background: #eeeeee;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fcfcfc), to(#eeeeee));
	background: -webkit-linear-gradient(#fcfcfc, #eeeeee);
	background: -moz-linear-gradient(#fcfcfc, #eeeeee);
	background: -o-linear-gradient(#fcfcfc, #eeeeee);
	background: -ms-linear-gradient(#fcfcfc, #eeeeee);
	background: linear-gradient(#fcfcfc, #eeeeee);
	-pie-background: linear-gradient(#fcfcfc, #eeeeee);
	zoom: 1;
	padding-bottom: 5px;
	padding-top: 1px;
	font-family: 'Arial', sans-serif;
}

.top-right a{
	color: #376daf;
	font-family: 'Arial', sans-serif;
}


.welcome-text{
	font-size: 12px;
	margin-right: -15px;
	text-align: right;
}


.padding-cn{
	padding-top: 35px;
}

.country-name{
	font-size: 22px; 
	margin-left: -30px;
}

.pull-country{
	margin-left: 10px;
}




@media (max-width: 980px) {
	.welcome-text{
	font-size: 9px;
	margin-right: -5px;
	}
	
	.padding-cn{
	padding-top: 35px;
	}
	
	.country-name{
	font-size: 20px; 
	margin-left: -20px;
	}
	
	/*.regional-railpass{
	padding-left: 10px;
	padding-right: 10px;
	}*/
	
	.buy-now-btm{
		padding-bottom: 10px;
	}
}

@media (max-width: 768px) {
.ha-header {
height: auto;
}

.top-right a{
font-size: 11px;
}


.welcome-text{
	font-size: 9px;
	margin-right: -5px;
}

.padding-cn{
	padding-top: 25px;
	}


}

@media (max-width: 360px) {
.top-right{
margin-top: 0px;
}

.top-right .dropdown-menu{
z-index: 10000;
}

.welcome-text{
	font-size: 10px;
	margin-right: 0px;
	text-align: left;
	padding-left: 2px;
}

.padding-cn{
	padding-top: 0px;
	}
	
	.country-name{
	font-size: 14px; 
	margin-left: 0px;
	padding-top: 7px;
	}
	
	.pull-country{
	margin-left: 0px;
}

}





.navbar-brand {
  float: left;
  margin-left: -18px;
  padding-top: 13px;
  padding-right: 0px;
  margin-bottom: 0px;
  position:absolute;
  top:0;
  left:0;
  z-index:9999;
  width:100%;
}

.navbar-brand  img{
 margin-top: 0px;
 padding-right: 0px;
}


.navbar-brand  > .tab{
	display: none;
}



/* --- navigation ---*/


.menu{
padding-left: 0px; 
			box-shadow: 0px 4px 3px -3px #888888;
}



@media (max-width: 768px) {
.navbar-brand {
  float: left;
  margin-left: 0px;
  padding: 0px 0px;
  position:absolute;
  top:0;
  left:0;
  z-index:9999;
  width:auto;
  padding-top:5px;
}

.navbar-brand  embed{
  height: 40px;
  width:200px;
}

.navbar-brand  > .desktop{
	display: none;
}

.navbar-brand  > .tab{
	display: inline;
}



.menunav .nav > li > a{
margin-left: -50px;
margin-top: 5px;
}

.menunav .nav > li > a:hover,
.menunav .nav > li > a:focus {
  background-color: none;
  color: #fff;
  width: 60px;
  margin-left: 0px;
  padding-left: 5px;
  padding-right: 5px;
}

}

@media (max-width: 360px) {
.menu{
padding-top: 0px;
background: transparent;

-webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;


}

.navbar-brand {
  float: left;
  margin-left: 10px;
  padding-top: 5px;
  padding-left: 0px;
  padding-bottom: 0px;
  position:absolute;
  top:0;
  left:0;
  z-index:1;
  width:224px;
}

.navbar-brand  embed{
  height: 40px;
  width:100px;
}

.logo-top{
margin-top: 0px;
}

}


@media (max-width: 320px) {
.navbar-brand {
  float: left;
  margin-left: 10px;
  padding-top: 5px;
  padding-left: 0px;
  padding-bottom: 5px;
  position:absolute;
  top:0;
  left:0;
  z-index:9999;
  width:224px
}
}



/* NON ACTIVE MENU */
.nav > li > a{
font-family: 'Droid Sans', sans-serif;
font-weight: 700;
color: #000;
font-size: 14px;
margin-left: 0px;
margin-top: -2px;
/*border-right: 1px solid #eee;*/
border-right: 1px solid #c9c9ca;
padding-left: 7.5px;
}




/* END OF NON ACTIVE MENU */



/* MOUSE OVER MENU */
.nav > li > a:hover {
  /*background-color: #eeeeee;*/
  color: #e60012;
  height: auto;	
  background: #d8d8da;
  /*text-decoration: underline;*/
}

.nav > li > a:focus{
  color: #000;
  height: auto;	
  background: transparent;
}

.nav > li > a > img{
	margin-top: -4px;
}






/* END OF MOUSE OVER MENU */




/* ACTIVE MENU */
.nav > .active,
.nav > .active > a{
	color: #e60012;
  height: auto;
  /*text-decoration: underline;*/
  background: none;
  /*background: #d8d8da;*/
  /*border-right: transparent;*/
  
}




/* END OF ACTIVE MENU */
@media (max-width: 980px) {
.nav > li > a{
padding-left: 2px;
padding-right: 2px;
padding-top: 10px;
padding-bottom: 10px;
font-size: 11.6px;
font-family: 'Droid Sans', sans-serif;
}
}


@media (max-width: 768px) {
.nav > li > a{
padding-left: 2px;
padding-right: 2px;
padding-top: 10px;
padding-bottom: 10px;
font-size: 11.6px;
font-family: 'Droid Sans', sans-serif;
}
}

@media (max-width: 360px) {
.nav > li > a{
padding: 15px;
}
}


.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: none;
    border-color: #428bca;
}

.menunav .navbar-toggle {

  
  content: '';
  top: 1px;
  padding: 0px;
  border: 1px solid #007440;
  /*
  background: #007440 url('images/mobileUI-site-nav-opener-bg.svg') 10px 14px no-repeat;
			border-radius: 5px;
  */
  background: #007440;
  border-radius: 5px;
}

.menunav a {
  color: #fff;
  font-size: 16px;
}





@media (max-width: 768px) {



.menunav a {
  font-size: 12px;
}
}

.menunav  .nav > a:hover,
.menunav .nav > a:focus {
  color: #fff;
  background-color: #414141;
}



.menunav a:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.menunav .nav > .active > a,
.menunav .nav > .active > a:hover,
.menunav .nav  > .active > a:focus {
  color: #fff;
  background-color: #2A6496;
  height: 40px;
}


.navbar-header {
    float: left;
	margin-top: 0px;
  }


/* --- slider ---*/
.slider {
	width: 100%;
	height: auto;
	
}

.pull-slider{
margin-bottom: 0px;
}


@media (max-width: 768px) {
	.pull-slider{
	}	
}




/* RYOKAN and HOTEl */
	.ryokan-hotel-search{
		width: 100%;
		height: auto;
		border: 2px solid #a0a0a0;
		padding-top: 0px;
	}
	
	.ryokan-hotel-search h3{
		font-size: 18px;
		color: #fff;
		margin: 0;
	}
	
	.ryokan-hotel-search .caption-form{
		font-size: 14px;
	}
	
	.ryokan-hotel-search select{
		font-size: 14px;
	}
	
	/*.ryokan-hotel-search .long-select select{
		width: 127px;
		
		  
	}*/
	
	
	
	.select-style {
		border: 1px solid #ccc;
		width: 127px;
		height: 25px;
		border-radius: 3px;
		overflow: hidden;
		background: #fff url("../images/select.png") no-repeat 90% 50%;
		padding: 0px 2px 2px 2px;
	}

	.select-style select {
		padding: 0px 2px 2px 2px;
		width: 130%;
		height: 25px;
		border: none;
		box-shadow: none;
		background: transparent;
		background-image: none;
		-webkit-appearance: none;
	}

	.select-style select:focus {
		outline: none;
		
	}
	
	
	.select-style2 {
		border: 1px solid #ccc;
		width: 45px;
		height: 25px;
		border-radius: 3px;
		overflow: hidden;
		background: #fff url("../images/select.png") no-repeat 90% 50%;
		padding: 0px -2px 5px 2px;
	}

	.select-style2 select {
		padding: 0px 2px 2px 2px;
		height: 25px;
		width: 140%;
		border: none;
		box-shadow: none;
		background: transparent;
		background-image: none;
		-webkit-appearance: none;
	}

	.select-style2 select:focus {
		outline: none;
		
	}
	
	
	
	
	
	
	
	.ryokan-hotel-search .long-select input{
		width: 110px;
		height: 25px;
		font-size: 14px;
		border-top: 1px solid #ccc;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		border-left: none;
		padding: 2px;
		border-radius: 2px;
		margin-left: -2px;
	}
	
	
	
	.ryokan-hotel-search .input-group-addon {
	  padding: 2px 5px 2px 2px;
	  font-size: 10px;
	  font-weight: normal;
	  color: #555;
	  text-align: center;
	  background-color: #fff;
	  border: 1px solid #ccc;
	  border-right: none;
	  border-radius: 2px;
	}
	
	

	
	
	
	
	
	
		
	.btn-form-ryokan {
	  color: #595757;
	  font-weight: 700;
	  border: 2px solid #e4e4e4;
	  background-color: transparent;
	  border-radius: 10px;
	  font-size: 13px;
	  /*box-shadow: 1px 2px 3px #c6c5c5;*/
	}
	.btn-form-ryokan:hover,
	.btn-form-ryokan:focus,
	.btn-form-ryokan:active,
	.btn-form-ryokan.active,
	.open .dropdown-toggle.btn-form-ryokan {
	  color: #595757;
	  background-color: #e2e2e2;
	  /*border-color: 2px solid #e4e4e4;*/
	 text-decoration: none;
	  /*box-shadow: 1px 2px 3px #c6c5c5;*/
	  border-radius: 15px;
	  font-size: 13px;
	}
	
	
	.six-left-1{
		padding-right: 10px;
	}
	
	.six-right-1{
		padding-left: 10px;
	}
	
	.six-left-2{
		padding-right: 5px;
	}
	
	.six-right-2{
		padding-left: 5px;
	}
	
	.six-left-3{
		padding-right: 5px;
	}
	
	.six-right-3{
		padding-left: 5px;
	}
	
	
	.wrap-grey-ryokan{
		/*background: #e9cdcb;*/
		/*background: #e6e6e6;*/
		background: #ffe4e1;
		width: 100%;
		height: auto;
		padding: 10px 0 2px 0;
	}
	
	.wrap-grey-ryokan h4{
		color: #e50112;
		font-size: 20px;
		padding: 0px 0 0 18px;
	}
	
	.grey-ryokan{
		/*background: #e6e6e6;*/
		/*background: #FBCF7B;*/
		background: #fafad2;
		width: auto;
		height: auto;
		padding: 10px 10px 10px 10px;
	}
	
	.grey-ryokan h4{
		color: #727172;
		font-size: 12px;
		line-height: 16px;
		font-weight: bold;
		font-family: "Arimo", sans-serif;
	}
	
	.grey-ryokan h5{
		color: #e50112;
		font-size: 15px;
		font-weight: 700;
		margin-bottom: 0px;
		margin-top: 10px;
		line-height: 20px;
		text-align: center;
	}
	
	.grey-rokan-margin{
		height: 10px;
	}
	
	
	
	
	
	@media (max-width: 980px) {
		.ryokan-hotel-search .caption-form{
			font-size: 12px;
		}
		
		.ryokan-hotel-search select{
			font-size: 12px;
		}
		
		.ryokan-hotel-search .long-select select{
			width: 90px;
		}
		
		
		.select-style {
			border: 1px solid #ccc;
			width: 90px;
			border-radius: 3px;
			overflow: hidden;
			background: #fff url("../images/select.png") no-repeat 90% 50%;
		}

		.select-style select {
			padding: 0px 0px;
			width: 130%;
			border: none;
			box-shadow: none;
			background: transparent;
			background-image: none;
			-webkit-appearance: none;
		}

		.select-style select:focus {
			outline: none;
			
		}
		
		
		.ryokan-hotel-search .long-select input{
		width: 75px;
		font-size: 14px;
		border: 1px solid #ccc;
		border-left: none;
		padding: 5px 5px;
		border-radius: 2px;
		margin-left: -2px;
	}
		
		.grey-ryokan h4{
		color: #646062;
		font-size: 11px;
		}
		
		.grey-ryokan h5{
			font-size: 12px;
			font-weight: 700;
			line-height: 8px;
		}
		
		.grey-rokan-margin{
		height: 16px;
		}
		
		
		.wrap-grey-ryokan h4{
			font-size: 19px;
			padding: 0px 0 0 18px;
		}
		
		.six-left-1{
			padding-right: 10px;
		}
		
		.six-right-1{
			padding-left: 10px;
		}
		
		.six-left-2{
			padding-right: 5px;
		}
		
		.six-right-2{
			padding-left: 5px;
		}
	}
	
	
	@media (max-width: 360px) {
		.ryokan-hotel-search .long-select select{
			width: 70px;
		}
		
		.grey-ryokan{
			padding: 1px 10px 10px 10px;
		}
		
		.grey-ryokan h4{
		font-size: 9px;
		}
		
		.grey-ryokan h5{
			font-size: 9px;
			font-weight: 700;
			line-height: 8px;
		}
		
		.wrap-grey-ryokan h4{
			font-size: 16px;
			padding: 0px 0 0 18px;
		}
		
		.six-left-1{
			padding-right: 0px;
			margin-bottom: 20px;
		}
		
		.six-right-1{
			padding-left: 0px;
			
		}
		
		.six-left-2{
			padding-right: 0px;
		}
		
		.six-right-2{
			padding-left: 0px;
		}
	}
	
	
/* END of RYOKAN and HOTEl */




/*--- FORM --*/
button{
 border-radius: 0;

}

.form-group{
	margin-bottom: 0px;
}

 .bottom-border{
	border: 1px solid #696565;
	margin-top: 130px;
}

.bottom-border2{
	border: 1px dashed #696565;
	margin-top: 55px;
	
}

.bottom-border3{
	border: 1px dashed #696565;
	margin-top: 70px;
	margin-bottom: 7px;
}

.bottom-border4{
	border: 1px dashed #696565;
	margin-top: 45px;
}

.bottom-border5{
	border: 1px dashed #696565;
	margin-top: 65px;
}

.input-group-btn {
margin-top: 0px;
height: 35px;
border-radius: 20;
border-left: none;
}

.input-group-btn button{
font-size: 16px;
}

.form-control{
height: 30px;
background: #fff;
border-radius: 100;
font-size: 12px;
}

.control-label{
	font-size: 12px;
	margin-top: 10px;
}



.form-divider{
padding-left: 10px;
}

.form-divider2{
padding-left: 1px;
}


@media (max-width: 768px) {
.button-sosmed{
margin-top: -5px;
}
.input-group-addon {
  padding: 0px 10px;
  font-size: 10px;
  font-weight: normal;
  line-height: 1;
  color: #555;
  text-align: center;
  background-color: #fff;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: none;
  border-radius: 5px;
}
.form-control{
height: 23px;
background: #fff;
border-radius: 100;
font-size: 10px;
padding: 0px;
}

.form-divider{
padding-left: 5px;
}

.bottom-border2{
	border: 1px dashed #696565;
	margin-top: 50px;
	margin-bottom: 0px;
}

.bottom-border3{
	border: 1px dashed #696565;
	margin-top: 60px;
	margin-bottom: 5px;
}

.bottom-border4{
	border: 1px dashed #696565;
	margin-top: 30px;
	margin-bottom: 0px;
}

.bottom-border5{
	border: 1px dashed #696565;
	margin-top: 42px;
	margin-bottom: 8px;
}
}





/* --- Button ---*/
.btn-group > .btn + .dropdown-toggle {
    padding-left: 8px;
    padding-right: 8px;
	padding-bottom: 5px;
}




input.file
{
    display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.428571429;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
       -o-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  
   color: #fff;
  background-color: #428bca;
  border-color: #428bca;
}

.btn-primary {
  color: #fff;
  background-color: #52bdb5;
  border-color: #52bdb5;
  border-radius: 20px;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #52bdb5;
  border-color: #52bdb5;
 text-decoration: underline;
}



/*  btn for jr pass */
	.btn-jr01 {
	  color: #fff;
	  background-color: #2F7ABE;
	  border-radius: 20px;
	  padding: 5px 0px 5px 0px;
	  width: 310px;
	  text-align: center;
	  font-weight: 700;
	}
	.btn-jr01:hover,
	.btn-jr01:focus,
	.btn-jr01:active,
	.btn-jr01.active,
	.open .dropdown-toggle.btn-jr01{
	  color: #fff;
	  background-color: #2F7ABE;
	 text-decoration: underline;
	}
	
	
	@media (max-width: 320px) {
		.btn-jr01 {
			width: 290px;
		}
	}
/*  end of btn for jr pass */



.btn{
	border: none;
}

.btn-other {
  /*/color: #ea5404;*/
  /*background-color: #7f7f7f;*/
  background-image: url('images/other-js.png');
  /*border: 2px solid #7f7f7f;*/
  font-weight: 700;
  width: 177px;
  height: 35px;
}
.btn-other:hover,
.btn-other:focus,
.btn-other:active,
.btn-other.active,
.open .dropdown-toggle.btn-other {
  
  background-image: url('images/other-js2.png');
}


.btn-other2 {
  /*/color: #ea5404;*/
  /*background-color: #7f7f7f;*/
  background-image: url('images/more-info.png');
  /*border: 2px solid #7f7f7f;*/
  font-weight: 700;
  width: 177px;
  height: 35px;

}
.btn-other2:hover,
.btn-other2:focus,
.btn-other2:active,
.btn-other2.active,
.open .dropdown-toggle.btn-other2 {
  
  background-image: url('images/more-info2.png');
}


.btn-grey {
  color: #595757;
  font-weight: 700;
  /*background-color: #f1f1f0;
  border-color: 2px solid #e4e4e4;*/
  background-color: #e2e2e2;
  border-radius: 15px;
  font-size: 13px;
  /*box-shadow: 1px 2px 3px #c6c5c5;*/
}
.btn-grey:hover,
.btn-grey:focus,
.btn-grey:active,
.btn-grey.active,
.open .dropdown-toggle.btn-grey {
  color: #595757;
  background-color: #e2e2e2;
  /*border-color: 2px solid #e4e4e4;*/
 text-decoration: none;
  /*box-shadow: 1px 2px 3px #c6c5c5;*/
  border-radius: 15px;
  font-size: 13px;
}


.btn-grey-sm {
  color: #595757;
  font-weight: 700;
  background-color: #e2e2e2;
  border-radius: 15px;
  font-size: 10px;
  padding: 4px;
  margin-top: 5px;
}
.btn-grey-sm:hover,
.btn-grey-sm:focus,
.btn-grey-sm:active,
.btn-grey-sm.active,
.open .dropdown-toggle.btn-grey-sm {
  color: #595757;
  background-color: #e2e2e2;
 text-decoration: none;
  border-radius: 15px;
  font-size: 10px;
}



.btn-transparent {
  color: #000;
  font-weight: 700;
  background-color: transparent;
  border-radius: 0px;
  font-size: 10px;
  padding: 3px;
  margin-top: -5px;
}
.btn-transparent:hover,
.btn-transparent:focus,
.btn-transparent:active,
.btn-transparent.active,
.open .dropdown-toggle.btn-transparent {
  color: #595757;
  background-color: transparent;
 text-decoration: none;
  border-radius: 0px;
  font-size: 10px;
}



.btn-country {
  color: #000;
  /*background-color: #f8f9f9;*/
  background-color: #fff;
  border: 1px solid #a6a5a5;
  border-radius: 10px;
  font-size: 14px;
  /*box-shadow: 1px 1px 2px 1px #c6c5c5 inset;*/
  padding: 5px;
  width: 190px;
  font-family: 'Arial', sans-serif;
}
.btn-country:hover,
.btn-country:focus,
.btn-country:active,
.btn-country.active,
.open .dropdown-toggle.btn-country {
  color: #000;
  /*background-color: #f8f9f9;*/
  background-color: #fff;
  border: 1px solid #a6a5a5;
 text-decoration: none;
  /*box-shadow: 1px 2px 3px #c6c5c5;*/
}




.btn-country-sm {
  color: #000;
  background-color: #fff;
  border: 1px solid #a6a5a5;
  border-radius: 10px;
  font-size: 10px;
  padding: 3px;
  width: 80px;
  font-family: 'Arial', sans-serif;
}
.btn-country-sm:hover,
.btn-country-sm:focus,
.btn-country-sm:active,
.btn-country-sm.active,
.open .dropdown-toggle.btn-country-sm {
  color: #000;
  background-color: #fff;
  border: 1px solid #a6a5a5;
 text-decoration: none;
}



.btn-plain {
  color: #fff;
 background-color: #fff;
  border-color: #000;
  border-radius: 50%;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 5px;
  padding-right: 5px;
}
.btn-plain:hover,
.btn-plain:focus,
.btn-plain:active,
.btn-plain.active,
.open .dropdown-toggle.btn-plain {
  color: #fff;
  background-color: #fff;
  border-color: #000;
 text-decoration: underline;
}



.btn-success {
  border-radius: 5px;
  font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 12px;
}

.btn-red {
  color: #fff;
 background-color: #cc0000;
  border-radius: 20px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 5px;
  padding-right: 5px;
  box-shadow: 4px 3px 5px #000;
}
.btn-red:hover,
.btn-red:focus,
.btn-red:active,
.btn-red.active,
.open .dropdown-toggle.btn-red {
  color: #fff;
  background-color: #cc0000;
  border-color: #000;
 text-decoration: underline;
}


@media (max-width: 768px) {
.btn-red {
  color: #fff;
 background-color: #cc0000;
  border-radius: 20px;
  padding-top: 0px;
  padding-bottom: 2px;
  padding-left: 5px;
  padding-right: 5px;
  box-shadow: 4px 3px 5px #000;
  font-size: 14px;
}
}


.btn-footer {
  color: #fff;
  background-color: #2d2b22;
  
}
.btn-footer:hover,
.btn-footer:focus,
.btn-footer:active,
.btn-primary.active,
.open .dropdown-toggle.btn-footer {
  color: #fff;
  background-color: #000;
  border-color: #2d2b22;
 text-decoration: underline;
}

.btn-slider {
  
}
.btn-slider:hover,
.btn-slider:focus,
.btn-slider:active,
.btn-slider.active {
  color: #fff;
  background-color: #000;
  border: 1px solid #2d2b22;
  
}

.btn-slider2:hover,
.btn-slider2:focus,
.btn-slider:active,
.btn-slider2.active {
  color: #fff;
  background-color: #fff;
  border: 1px solid #2d2b22;
  
}


.home-booking-left{
background: #000;
padding-left: 315px; 
padding-right: 10px;
color: #a29062;
padding-top: 0px; 
padding-bottom: 10px; 

}

.home-booking-left:before{
border-left: 70px solid transparent;
    border-right: 0 none;
    border-top: 108px solid #a29061;
    content: "";
    height: 0;
    position: absolute;
    right: 0;
    width: 0;
	
}
.home-booking-right{
background: #fff;
padding-left: 0px; 
padding-top: 5px; 
padding-bottom: 5px; 
padding-right: 0px;
color: #000;
margin-top: 0px;
}

.newswrap{
border: 3px solid #666666;
    border-collapse: separate;
    border-radius: 20px;
    width: 950px;
	margin-left: 10px;
}

.newswrap .left-newswrap{
padding-left: 20px;
background-color: #666666;
color: #fff;
border-radius: 15px 0 0 15px;
margin-left: -2px;
}

.newswrap .right-newswrap{
padding-left: 20px;
}

.newswrap .right-newswrap a{
color: #376daf;
}

.compact-thumb .row{
padding: 5px;
}

.compact-thumb h2{
    background: url("images/compact_thumb.png") no-repeat scroll center top rgba(0, 0, 0, 0);
    color: #ffffff;
    font-size: 22px;
    height: 42px;
    padding: 5px 0 0 32px;
    text-shadow: 0 -1px 0 #000000;
	margin-top: -10px;
	margin-left: -6px;
	border-top-left-radius: 5px;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	
}

.compact-thumb a{
text-decoration: underline;
}

.compact-thumb hr{
margin-top: -5px;
margin-left: 5px;
margin-right: 5px;
}



.compact-thumb2 h2{
    background: url("images/compact_thumb2.png") no-repeat scroll center top rgba(0, 0, 0, 0);
    color: #ffffff;
    font-size: 22px;
    height: 42px;
    padding: 5px 0 0 32px;
    text-shadow: 0 -1px 0 #000000;
	margin-top: -10px;
	margin-left: -6px;
	border-top-left-radius: 5px;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
}

.compact-thumb2  hr{
margin-top: 8px;
margin-bottom: 8px;
}

.compact-thumb2 .price, .compact-thumb2 .readmore{
	text-align: right;
}

@media (max-width: 768px) {
.compact-thumb h2{
    background: url("images/compact_thumb4.png") no-repeat scroll center top rgba(0, 0, 0, 0);
    color: #ffffff;
    font-size: 22px;
    height: 42px;
    padding: 10px 0 0 32px;
    text-shadow: 0 -1px 0 #000000;
	margin-top: -10px;
	
}

.compact-thumb2 p{
font-size: 11px;
}

.compact-thumb2 h2{
    background: url("images/compact_thumb3.png") no-repeat scroll center top rgba(0, 0, 0, 0);
    color: #ffffff;
    font-size: 22px;
    height: 42px;
    padding: 10px 0 0 32px;
    text-shadow: 0 -1px 0 #000000;
	margin-top: -10px;
}
.compact-thumb2 .price{
	text-align: left;
}

.compact-thumb2 .readmore{
	text-align: right;
	margin-top: 17px;
}

}

@media (max-width: 360px) {
.compact-thumb .row{
padding: 0px;
}

.compact-thumb h2{
    background: url("images/compact_thumb.png") no-repeat scroll center top rgba(0, 0, 0, 0);
    color: #ffffff;
    font-size: 22px;
    height: 42px;
    padding: 10px 0 0 32px;
    text-shadow: 0 -1px 0 #000000;
	margin-top: -10px;
	
}

.compact-thumb2 h2{
    background: url("images/compact_thumb.png") no-repeat scroll center top rgba(0, 0, 0, 0);
    color: #ffffff;
    font-size: 22px;
    height: 42px;
    padding: 10px 0 0 32px;
    text-shadow: 0 -1px 0 #000000;
	margin-top: -10px;
}

.compact-thumb2 .readmore{
	text-align: right;
	margin-top: 12px;
}




.newswrap .left-newswrap{
padding-left: 20px;
background-color: #666666;
color: #fff;
border-radius: 15px 15px 0 0;
margin-left: -2px;
margin-top: -5px;
}


.compact-thumb2 h4{
	margin-top: -2px;
}
}


.four-grid{
	background: #eadccb;
    float: left;
    margin: 0 5px 0px 5px;
    width: auto;
	
}


.boxes{
background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    margin: 0 2% 20px 0;
    padding: 10px 10px;
    width: auto;
	border: 1px solid #eeeeee;
}
.boxes hr{
	margin-top: 0px;
	margin-bottom: 5px;
}

.boxes p{
font-size: 12px;
}


.home-content{
	padding-top: 15px;
}

.home-content h3{
font-family: 'Signika', sans-serif;
font-weight: 600px;
}


.pull-container{
	margin-top: 0px;
}

@media (max-width: 768px) {


.pull-container{
	margin-top: 0px;
}


.pull-search-button{
	margin-top: -30px;
}

.newswrap{
border: 3px solid #666666;
    border-collapse: separate;
    border-radius: 20px;
    width: auto;
	margin-left: 10px;
}


.newswrap .right-newswrap{
padding-left: 10px;
}

.newswrap .right-newswrap a{
color: #376daf;
font-size: 12px;
}

#left_persist   {
	position:absolute;
	width:60px;

	padding:0px 0 0px 0px;
	background: #fff;
	box-shadow: 0 0 5px #000;
	z-index: 100002;
	top: 200px;
	left: 20px;
	border-radius: 4px;
}
}


@media (max-width: 360px) {
.main-search form   {
	position:relative;
	width:100%;
	margin-top: 130px;
	}
.newswrap{
border: 3px solid #666666;
    border-collapse: separate;
    border-radius: 20px;
    width: auto;
	margin-left: 10px;
}



.pull-container{
	margin-top: 0px;
}

.pull-search{
	height: 57px;
}

.pull-search2{
	height: 30px;
}

.boxes{
    margin: 0 2% 20px 0;
    padding: 0px 10px;
    width: auto;
	border: 1px solid #eeeeee;
}

.boxes hr{
	margin-top: -5px;
}

}

@media (max-width: 320px) {
.pull-container{
	margin-top: 0px;
}
}


.secondary-booking{
padding-top: 0px;
padding-bottom: 50px;
}


.secondary-content{
padding-bottom: 50px;
}


.secondary-content-right{
	padding-left: 15px;
}


.page-title{
	padding-top: 100px;
padding-bottom: 20px;
}

.content-list{
margin-top: -17px;
}

.content-left{
background-color: #fff;
padding-left: 315px; 
padding-right: 10px;
}



.push{
	height: 50px;
	content: " ";
}


.nude{
background: #f1f3f2;
}

.content-right-plain{
background-color: none;
padding-left: 10px; 
padding-top: 10px; 
padding-bottom: 10px; 
padding-right: 310px;
margin-top: 10px;
}

.content-right{
background-color: #fff;
padding-left: 10px; 
padding-right: 310px;
margin-top: 20px;
margin-left: 20px;
padding-top: 20px;
padding-bottom: 20px;
}

.push-image{
	padding-left: 10px;
}

.push-caption{
	padding-left: 10px;
}

.push-caption h1, h4{
	margin-top: -1px;
}

.push-caption2{
	padding-left: 10px;
}

.devider{
padding-left: 20px;
}



.social-top{
	text-align: right;
	margin-top: 10px;
	margin-bottom: 0px;
	
}

.sightseeing-distance{
	margin-top: 0px;
}

.sightseeing-distance2{
	margin-top: 0px;
}


@media (max-width: 980px) {
	.sightseeing-distance{
	margin-top: 15px;
}

.sightseeing-distance2{
	margin-top: 0px;
}
}

@media (max-width: 768px) {
.sightseeing-distance{
	margin-top: 15px;
}

.home-booking-left{
display: none;
}
.devider{
padding-left: 0px;
}

.home-booking-left{
padding-left: 15px; 
padding-right: 10px;

}

.home-booking-right{
padding-left: 15px; 
padding-top: 5px; 
padding-bottom: 0px; 
padding-right: 5px;
}


.secondary-content-right{
	padding-left: 0px;
}

.page-title{
	padding-top: 100px;
padding-bottom: 20px;
text-align: center;
}

.content-list{
margin-top: -10px;
}

.content-left{
background-color: #fff;
padding-left: 15px; 
padding-right: 15px;
}


.nude{
background: none;
}

.content-right{
padding-left: 15px; 
padding-top: 10px; 
padding-bottom: 10px; 
padding-right: 15px;
margin-left: 0px;
margin-top: 0px;
}

.push-image{
	padding-left: 10px;
}

.push-caption{
	padding-left: 10px;
}

.push-caption2{
	padding-left: 10px;
}

.content-right-plain{
padding-left: 15px; 
padding-right: 15px;

}

}



@media (max-width: 360px) {
.sightseeing-distance2{
	margin-top: 15px;
}

.push-image{
	padding-left: 0px;
}

.push-caption{
	padding-left: 0px;
}

.push-caption h1, h4{
	margin-top: 10px;
}

.push-caption2{
	padding-left: 10px;
}

/*.home-booking-right{
padding-left: 0px; 
padding-top: 5px; 
padding-bottom: 0px; 
padding-right: 5px;
margin-left: -5px;
}*/


.home-booking-right{
	display: none;
}

.social-top{
	text-align: right;
	margin-top: 5px;
	margin-bottom: -30px;
}
}







.date{
	font-size: 12px;
	margin-top: -10px;
	margin-bottom: 0px;
}

.dekstop-sidebar{
	display: inline;
}

.mobile-sidebar{
	display: none;
}

@media (max-width: 768px) {
	.dekstop-sidebar{
	display: none;
	}
	.mobile-sidebar{
		display: inline;
	}
}



/*-- PAGINATION --*/
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 0px;
}


.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.428571429;
  color: #4A77A1;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}



.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #000;
  background-color: #fff;
  border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #000;
  cursor: default;
  background-color: #fff;
  border-color: #000;
}

.area{
margin-left: -30px;
}

.content-wide {
	height: auto;
	background-color: #fff;
	padding-left: 0px;	
	margin-top: 0px;
}

.content-wide-slide {
	height: auto;
	background-color: #fff;
	margin-top: 0px;
	margin-right: 5px;
	margin-left: 5px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

.isi h4{
font-family: 'Arimo', sans-serif;
font-weight: 700;
/*font-size: 16px;*/

}

.isi p{
/*font-family: 'Roboto', sans-serif;*/
font-weight: 300;
font-size: 12px;
line-height: 16px;
}



.content-first{
margin-left: -2px; 
margin-right: 10px;
}

.thumbnailfirst{
margin-left: -2px; 
margin-right: 0px;
}

.thumbnail {
  /*background-color: #eadccb;*/
  background-color: #e6e6e6;
  border: none;
  border-radius: 0px;
}

.thumbnail > img{
	margin-bottom: 10px;
}

.thumbnail > a > img{
	margin-bottom: 10px;
}


@media (max-width: 360px) {
	.thumbnail > img,
	.thumbnail a > img {
	  display: block;
	  max-width: 100%;
	  height: auto;
	  margin-right: auto;
	  margin-left: auto;
	  padding: 0px;
	  padding-top: 0px;
	}
	
	.thumbnail .caption, .thumbnail .caption p{
	  padding: 0px;
	  padding-top: 5px;
	  padding-bottom: 0px;
	  color: #333;
	  line-height: 1px;
	  font-size: 10px;
	}
}

.bttm-last-img{
	padding-right: 8px;
  padding-left: 8px;
}


.bttm-last-img > .flying-text{
	text-align: left;
	color: #fff;
	position: absolute;
	top: 2px;
	font-family: 'Arimo', sans-serif;
	font-weight: 400;
	font-size: 18px;
	padding: 10px 0 0 10px;
	
}

.bttm-last-img > .flying-text2{
	text-align: center;
	color: #fff;
	position: absolute;
	top: 50%;
	left: 10%;
	right: 10%;
	font-family: 'Arimo', sans-serif;
	font-weight: 400;
	font-size: 18px;
	
}

.bttm-last-img > .flying-text p{
	
}


.bttm-last-img > .flying-text-md{
	text-align: left;
	color: #fff;
	position: absolute;
	top: 2px;
	font-family: 'Arimo', sans-serif;
	font-weight: 400;
	font-size: 16px;
	padding: 10px 0 0 10px;
}

.bttm-last-img > .flying-text-sm{
	text-align: left;
	color: #fff;
	position: absolute;
	top: 2px;
	font-family: 'Arimo', sans-serif;
	font-weight: 400;
	font-size: 12px;
	padding: 5px 0 0 10px;
}

.thumb-black-link a{
	color: #000;
}

.top-picks .caption p, .caption h4{
	font-family: 'Arimo', sans-serif;
	font-weight: 400;
	color: #727172;
	font-size: 12px;
} 

.thumbnail .caption-new{
	padding: 0 9px 5px 9px;
	font-size: 12px;
	line-height: 16px;
	font-family: 'Arial', sans-serif;
	text-align: justify;
	margin-top: -10px;
}

.caption p{
	font-family: 'Arial', sans-serif;
}

.thumb-black-link .title{
	font-size: 14px;
	line-height: 0.366667em;
}

.walking-link a{
	color: #000;
	text-decoration: none;
	margin-left: 5px;
	margin-right: 5px;
}

.walking-link a:hover{
	text-decoration: underline;
}

@media (max-width: 768px) {
.area{
margin-left: 0px;
}
.content-wide-slide {
	height: auto;
	background-color: #fff;
	padding-left: 0px;	
	margin-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
}


@media (max-width: 360px) {

.bttm-last-img > .flying-text{
	font-size: 14px;
}

.content-wide-slide {
	display: none;
}

.content-first{
margin-left: -2px; 
margin-right: 0px;
}

.content-secondary{
margin-left: -10px;
}

.thumbnailfirst{
margin-left: 10px; 
margin-right: 0px;
}

.thumbnail .caption-new{
	padding: 0 0px 0px 0px;
	text-align: left;
	margin-top: 0px;
	font-size: 9px;
}

.caption-new p{
	font-size: 11px;
}

}






.content-wide2 {
	height: auto;
	background-color: #fff;
	padding-left: 10px;		
}

.content-wide a{
	color: #bc360a;
}





/* --- map --- */
.map {
	margin: 10px 0px;	
}

/* --- contact --- */
.contactform {
	padding-left: 10px ;
	padding-bottom: 10px;
}

/*--- footer ---*/


.footer {
	height: auto;
	background-color:#fff;
	color: #2d2b22;
	padding-left: 5px;
	padding-top: 20px;
	padding-bottom: 30px;
	margin-bottom: 0px;
	width: 100%;
	
}

.footer h3{
	margin-top: 10px ;
}

.footer h4{
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
}

.footer p{
font-size: 12px;
}

.sightseeing  p, .sighteeing a{
	line-height: 5px;
	color: #798684;
	text-decoration: underline;
}



.footer-logo{
padding-left: 30px; 
padding-right: 30px; 
padding-top: 50px;
}

.footer hr{
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #eeeeee -moz-use-text-color -moz-use-text-color;
    border-image: none;
    border-right: 0 none;
    border-style: solid none none;
    border-width: 2px 0 0;
    margin-bottom: 20px;
    margin-top: 10px;
	margin-left: 120px;
	margin-right: 120px;

}

@media (max-width: 1280px) {
	.footer hr{
		margin-left: 50px;
		margin-right: 50px;
	}
}

@media (max-width: 768px) {
	.footer hr{
		margin-left: 10px;
		margin-right: 10px;
	}
}

.footer-first{
	padding-right: 0px;
}

.footer-contact {
   
    margin-left: 10px;
    padding: 0 0px;
}

.footer-contact-sps {
   
    margin-left: 10px;
    padding: 0 0px;
}

.footer-third{
	padding-left: 0px;
}



@media (max-width: 980px) {
	.footer-contact-sps {  
    margin-left: 0px;
    padding: 0 0px;
}
}

@media (max-width: 768px) {
.footer-first{
	padding-right: 0px;
}

	.footer-contact {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: none;
    border-image: none;
    border-style: none;
    border-width: 0;
    margin-left: 0px;
    padding: 0 0px;
}
.footer-third{
	padding-left: 0px;
}

.pull-foot{
	margin-top: 15px;
}
.footer-logo{
padding-left: 30px; 
padding-right: 80px; 
padding-top: 50px;
}

.footer-contact-sps {  
    margin-left: 0px;
    padding: 0 0px;
}

}

@media (max-width: 360px) {



.footer-third{
	padding-left: 10px;
}

.footer-logo{
padding-left: 20px; 
padding-right: 10px; 
padding-top: 40px;
}



}




.footer-contact i{
	font-size: 13px;
}

.footer a{
	color: #376daf;
	font-size: 12px;
	text-decoration: underline;
}

.footer .thumb-black-link a {
    color: #000;
	text-decoration: none;
}

.footer .copyright{
	color: #000;
	font-size: 14px;
	text-align: center;
	padding: 30px;
}



.footer-bottom{
	height: auto;
	background-color:#cc0000;
	color: #fff;
	padding-left: 0px;
	padding-top: 5px;
	padding-bottom: 0px;
	margin-bottom: 10px;
	width: 100%;
}

.footer-bottom p{
	line-height: 0.53333em;
	font-size: 11.5px;
	text-align: right;
}

.model-footer{
	margin-top: -44px;
}

.bottom-link{
	height: auto;
	border-top: 2px solid #999999;
	padding-top: 5px;
}

.bottom-link a{
font-size: 8px;
color: #1b47ff;
line-height: 0.8em;
}

@media (max-width: 360px) {
	.bottom-link{
		display: none;
	}
	
	.footer-bottom p{
		line-height: 0.53333em;
		font-size: 11px;
		text-align: center;
	}
	
	.footer a{
		font-size: 11px;
	}
}

@media (max-width: 990px) {
	.model-footer{
		margin-top: -37px;
	}
}

.footer .scroll_top{
	margin-top: 10px;
	margin-bottom: 0px;
	float: right;
	padding-right: 23px;
}


/*round-social */
	/* SOCIAL ICONS - GENERAL */
.round-social
		{
			overflow: hidden;
			margin: 0.2em 0 0.2em 0;
		}

			.round-social span
			{
				display: inline-block;
				margin-left: 0.05em;
			}

			.round-social span:first-child
			{
				margin-left: 0;
			}

			.round-social span a
			{
				display: inline-block;
				width: 2.5em;
				height: 2.5em;
				text-align: center;
				border-radius: 50%;
				background: #888;
				-moz-transition: background-color .25s ease-in-out;
				-webkit-transition: background-color .25s ease-in-out;
				-o-transition: background-color .25s ease-in-out;
				-ms-transition: background-color .25s ease-in-out;
				transition: background-color .25s ease-in-out;
			}
			
				.round-social span a:before
				{
					color: #fff;
					font-size: 1.5em;
					line-height: 1.7em;
				}
			
			.round-social span a.fa-facebook			{ background: #3c5a98; }
			.round-social span a.fa-facebook:hover	{ background: #4c6aa8; }
			.round-social span a.fa-twitter			{ background: #2daae4; }
			.round-social span a.fa-twitter:hover		{ background: #3dbaf4; }
			.round-social span a.fa-dribbble			{ background: #c4376b; }
			.round-social span a.fa-dribbble:hover	{ background: #d4477b; }
			.round-social span a.fa-linkedin			{ background: #006599; }
			.round-social span a.fa-linkedin:hover	{ background: #1075a9; }
			.round-social span a.fa-tumblr			{ background: #2b4661; }
			.round-social span a.fa-tumblr:hover		{ background: #3b5671; }
			.round-social span a.fa-google-plus		{ background: #da2713; }
			.round-social span a.fa-google-plus:hover	{ background: #ea3723; }
			.round-social span a.fa-search		{ background: #e50010; }
			.round-social span a.fa-search:hover	{ background: #e50010; }
			.round-social span a.fa-pinterest         	{ background: #da2713; }
			.round-social span a.fa-pinterest:hover	{ background: #ea3723; }
			.round-social span a.fa-cloud		{ background: #ff7700; }
			.round-social span a.fa-youtube		{ background: #ff7700; }


/* end of round-social */

/*round-social-grey */
	/* SOCIAL ICONS - GENERAL */
.round-social-grey
		{
			overflow: hidden;
			margin: 0em 0 0 0em 0;
		}

			.round-social-grey span
			{
				display: inline-block;
				margin-left: 0.05em;
			}

			.round-social-grey span:first-child
			{
				margin-left: 0;
			}

			.round-social-grey span a
			{
				display: inline-block;
				width: 2.4em;
				height: 2.4em;
				text-align: center;
				border-radius: 50%;
				background: #888;
				-moz-transition: background-color .25s ease-in-out;
				-webkit-transition: background-color .25s ease-in-out;
				-o-transition: background-color .25s ease-in-out;
				-ms-transition: background-color .25s ease-in-out;
				transition: background-color .25s ease-in-out;
			}
			
				.round-social-grey span a:before
				{
					color: #fff;
					font-size: 1.5em;
					line-height: 1.7em;
				}
			
			.round-social-grey span a.fa-facebook			{ background: #898989; }
			.round-social-grey span a.fa-facebook:hover	{ background: #4c6aa8; }
			.round-social-grey span a.fa-twitter			{ background: #898989; }
			.round-social-grey span a.fa-twitter:hover		{ background: #3dbaf4; }
			.round-social-grey span a.fa-rss			{ background: #cc2a1e; }
			.round-social-grey span a.fa-rss:hover		{ background: #cc2a1e; }
/* end of round-social-grey */





/*round-social-small */
	/* SOCIAL ICONS - GENERAL */
.round-social-small
		{
			overflow: hidden;
			margin: 0em 0 0em 0;
		}

			.round-social-small span
			{
				display: inline-block;
				margin-left: 0.05em;
			}

			.round-social-small span:first-child
			{
				margin-left: 0;
			}

			.round-social-small span a
			{
				display: inline-block;
				width: 1.8em;
				height: 1.8em;
				text-align: center;
				border-radius: 50%;
				background: #888;
				-moz-transition: background-color .25s ease-in-out;
				-webkit-transition: background-color .25s ease-in-out;
				-o-transition: background-color .25s ease-in-out;
				-ms-transition: background-color .25s ease-in-out;
				transition: background-color .25s ease-in-out;
			}
			
				.round-social-small span a:before
				{
					color: #fff;
					font-size: 1.3em;
					line-height: 1.45em;
				}
			
			.round-social-small span a.fa-rss			{ background: #cc2a1e; }
			.round-social-small span a.fa-rss:hover		{ background: #cc2a1e; }
/* end of round-social-grey */



/* SOCIAL ICONS - GENERAL */
ul.social
		{
			overflow: hidden;
			margin: 0 0 0 0;
		}

			ul.social li
			{
				display: inline-block;
				margin-left: 0.05em;
			}

			ul.social li:first-child
			{
				margin-left: 0;
			}

			ul.social li a
			{
				display: inline-block;
				width: 1.5em;
				height: 1.5em;
				text-align: center;
				border-radius: 50%;
				background: #888;
				-moz-transition: background-color .25s ease-in-out;
				-webkit-transition: background-color .25s ease-in-out;
				-o-transition: background-color .25s ease-in-out;
				-ms-transition: background-color .25s ease-in-out;
				transition: background-color .25s ease-in-out;
			}
			
				ul.social li a:before
				{
					color: #fff;
					font-size: 1em;
					line-height: 1.5em;
				}
			
			ul.social li a.fa-facebook			{ background: #3c5a98; }
			ul.social li a.fa-facebook:hover	{ background: #4c6aa8; }
			ul.social li a.fa-twitter			{ background: #2daae4; }
			ul.social li a.fa-twitter:hover		{ background: #3dbaf4; }
			ul.social li a.fa-dribbble			{ background: #c4376b; }
			ul.social li a.fa-dribbble:hover	{ background: #d4477b; }
			ul.social li a.fa-linkedin			{ background: #006599; }
			ul.social li a.fa-linkedin:hover	{ background: #1075a9; }
			ul.social li a.fa-tumblr			{ background: #2b4661; }
			ul.social li a.fa-tumblr:hover		{ background: #3b5671; }
			ul.social li a.fa-google-plus		{ background: #da2713; }
			ul.social li a.fa-google-plus:hover	{ background: #ea3723; }
			ul.social li a.fa-pinterest         	{ background: #da2713; }
			ul.social li a.fa-pinterest:hover	{ background: #ea3723; }
			ul.social li a.fa-cloud		{ background: #ff7700; }
			ul.social li a.fa-youtube		{ background: #ff7700; }

			
/*********************************************************************************/
/* Icons                                                                         */
/* Powered by Font Awesome by Dave Gandy | http://fontawesome.io                 */
/* Licensed under the SIL OFL 1.1 (font), MIT (CSS)                              */
/*********************************************************************************/

	.fa
	{
		text-decoration: none;
		
	}

		.fa.solo
		{
		}
		
			.fa.solo span
			{
				display: none;
			}
			

		.fa:before
		{
			display:inline-block;
			font-family: FontAwesome;
			font-size: 1.25em;
			text-decoration: none;
			font-style: normal;
			font-weight: normal;
			line-height: 1;
			color: #a29062;
			-webkit-font-smoothing:antialiased;
			-moz-osx-font-smoothing:grayscale;
		}
		
		
		
	.fa-grey
	{
		text-decoration: none;
		
	}

		.fa-grey.solo
		{
		}
		
			.fa-grey.solo span
			{
				display: none;
			}
			

		.fa-grey:before
		{
			display:inline-block;
			font-family: FontAwesome;
			font-size: 1.25em;
			text-decoration: none;
			font-style: normal;
			font-weight: normal;
			line-height: 1;
			color: #A3A3A5;
			-webkit-font-smoothing:antialiased;
			-moz-osx-font-smoothing:grayscale;
		}
		
		
	.fa-bg
	{
		text-decoration: none;
		font-size: 15px;
	}

		.fa-bg.solo
		{
		}
		
			.fa.solo span
			{
				display: none;
			}
			

		.fa-bg:before
		{
			display:inline-block;
			font-family: FontAwesome;
			font-size: 1.25em;
			text-decoration: none;
			font-style: normal;
			font-weight: normal;
			line-height: 1;
			color: #a29062;
			background: #2d2b22;
			-webkit-font-smoothing:antialiased;
			-moz-osx-font-smoothing:grayscale;
			padding-top: 10px;
			padding-bottom: 10px;
			padding-left: 10px;
			padding-right: 10px;
		}
		
		
		.fa-bg2
	{
		text-decoration: none;
		font-size: 15px;
	}

		.fa-bg2.solo
		{
		}
		
			.fa-bg2.solo span
			{
				display: none;
			}
			

		.fa-bg2:before
		{
			display:inline-block;
			font-family: FontAwesome;
			font-size: 1.25em;
			text-decoration: none;
			font-style: normal;
			font-weight: normal;
			line-height: 1;
			color: #a29062;
			background: #2d2b22;
			-webkit-font-smoothing:antialiased;
			-moz-osx-font-smoothing:grayscale;
			padding-top: 10px;
			padding-bottom: 10px;
			padding-left: 15px;
			padding-right: 15px;
		}
		
		
	.fa-black
	{
		text-decoration: none;
	}

		.fa-black.solo
		{
		}
		
			.fa-black.solo span
			{
				display: none;
			}
			

		.fa-black:before
		{
			display:inline-block;
			font-family: FontAwesome;
			font-size: 1.25em;
			text-decoration: none;
			font-style: normal;
			font-weight: normal;
			line-height: 1;
			color: #000;
			-webkit-font-smoothing:antialiased;
			-moz-osx-font-smoothing:grayscale;
		}
		
		
	.fa-white
	{
		text-decoration: none;
	}

		.fa-white.solo
		{
		}
		
			.fa-white.solo span
			{
				display: none;
			}
			

		.fa-white:before
		{
			display:inline-block;
			font-family: FontAwesome;
			font-size: 1.25em;
			text-decoration: none;
			font-style: normal;
			font-weight: normal;
			line-height: 1;
			color: #fff;
			-webkit-font-smoothing:antialiased;
			-moz-osx-font-smoothing:grayscale;
		}
		
		
	.fa-red
	{
		text-decoration: none;
	}

		.fa-red.solo
		{
		}
		
			.fa-red.solo span
			{
				display: none;
			}
			

		.fa-red:before
		{
			display:inline-block;
			font-family: FontAwesome;
			font-size: 1.25em;
			text-decoration: none;
			font-style: normal;
			font-weight: normal;
			line-height: 1;
			color: #e3080b;
			-webkit-font-smoothing:antialiased;
			-moz-osx-font-smoothing:grayscale;
		}
		
	/* fa jr pass */
		.fa-jr01
		{
			text-decoration: none;
		}

			.fa-jr01.solo
			{
			}
			
				.fa-jr01.solo span
				{
					display: none;
				}
				

			.fa-jr01:before
			{
				display:inline-block;
				font-family: FontAwesome;
				font-size: 1.25em;
				text-decoration: none;
				font-style: normal;
				font-weight: normal;
				line-height: 21px;
				color: #9AC527;
				-webkit-font-smoothing:antialiased;
				-moz-osx-font-smoothing:grayscale;
			}
			
			
			
			.fa-jr02
			{
				text-decoration: none;
			}

				.fa-jr02.solo
				{
				}
				
					.fa-jr02.solo span
					{
						display: none;
					}
					

				.fa-jr02:before
				{
					display:inline-block;
					font-family: FontAwesome;
					font-size: 1.25em;
					text-decoration: none;
					font-style: normal;
					font-weight: normal;
					line-height: 21px;
					color: #2CA84C;
					-webkit-font-smoothing:antialiased;
					-moz-osx-font-smoothing:grayscale;
				}
				
			
			.fa-jr03
			{
				text-decoration: none;
			}

				.fa-jr03.solo
				{
				}
				
					.fa-jr03.solo span
					{
						display: none;
					}
					

				.fa-jr03:before
				{
					display:inline-block;
					font-family: FontAwesome;
					font-size: 1.25em;
					text-decoration: none;
					font-style: normal;
					font-weight: normal;
					line-height: 21px;
					color: #EF7C2F;
					-webkit-font-smoothing:antialiased;
					-moz-osx-font-smoothing:grayscale;
				}
				
				
				.fa-jr04
				{
					text-decoration: none;
				}

					.fa-jr04.solo
					{
					}
					
						.fa-jr04.solo span
						{
							display: none;
						}
						

					.fa-jr04:before
					{
						display:inline-block;
						font-family: FontAwesome;
						font-size: 1.25em;
						text-decoration: none;
						font-style: normal;
						font-weight: normal;
						line-height: 21px;
						color: #238EC6;
						-webkit-font-smoothing:antialiased;
						-moz-osx-font-smoothing:grayscale;
					}
					
					
					
			.fa-jr05
				{
					text-decoration: none;
				}

					.fa-jr05.solo
					{
					}
					
						.fa-jr05.solo span
						{
							display: none;
						}
						

					.fa-jr05:before
					{
						display:inline-block;
						font-family: FontAwesome;
						font-size: 1.25em;
						text-decoration: none;
						font-style: normal;
						font-weight: normal;
						line-height: 21px;
						color: #19499D;
						-webkit-font-smoothing:antialiased;
						-moz-osx-font-smoothing:grayscale;
					}
					
				
				.fa-jr06
				{
					text-decoration: none;
				}

					.fa-jr06.solo
					{
					}
					
						.fa-jr06.solo span
						{
							display: none;
						}
						

					.fa-jr06:before
					{
						display:inline-block;
						font-family: FontAwesome;
						font-size: 1.25em;
						text-decoration: none;
						font-style: normal;
						font-weight: normal;
						line-height: 21px;
						color: #DE2526;
						-webkit-font-smoothing:antialiased;
						-moz-osx-font-smoothing:grayscale;
					}
	/* end of fa jr pass */
		

		.fa-lg{font-size:1.3333333333333333em;line-height:.75em;vertical-align:-15%}
		.fa-2x{font-size:2em}
		.fa-3x{font-size:3em}
		.fa-4x{font-size:4em}
		.fa-5x{font-size:5em}
		.fa-fw{width:1.2857142857142858em;text-align:center}
		.fa-ul{padding-left:0;margin-left:2.142857142857143em;list-style-type:none}.fa-ul>li{position:relative}
		.fa-li{position:absolute;left:-2.142857142857143em;width:2.142857142857143em;top:.14285714285714285em;text-align:center}.fa-li.fa-lg{left:-1.8571428571428572em}
		.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}
		.pull-right{float:right}
		.pull-left{float:left}
		.fa.pull-left{margin-right:.3em}
		.fa.pull-right{margin-left:.3em}
		.fa-spin{-webkit-animation:spin 2s infinite linear;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;animation:spin 2s infinite linear}
		@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)} 100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)} 100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)} 100%{-o-transform:rotate(359deg)}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg)} 100%{-ms-transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0deg)} 100%{transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}
		.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
		.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)}
		.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-moz-transform:scale(-1, 1);-ms-transform:scale(-1, 1);-o-transform:scale(-1, 1);transform:scale(-1, 1)}
		.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-moz-transform:scale(1, -1);-ms-transform:scale(1, -1);-o-transform:scale(1, -1);transform:scale(1, -1)}
		.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}
		.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}
		.fa-stack-1x{line-height:inherit}
		.fa-stack-2x{font-size:2em}
		.fa-inverse{color:#fff}
		.fa-glass:before{content:"\f000"}
		.fa-music:before{content:"\f001"}
		.fa-search:before{content:"\f002"}
		.fa-envelope-o:before{content:"\f003"}
		.fa-heart:before{content:"\f004"}
		.fa-star:before{content:"\f005"}
		.fa-star-o:before{content:"\f006"}
		.fa-user:before{content:"\f007"}
		.fa-film:before{content:"\f008"}
		.fa-th-large:before{content:"\f009"}
		.fa-th:before{content:"\f00a"}
		.fa-th-list:before{content:"\f00b"}
		.fa-check:before{content:"\f00c"}
		.fa-times:before{content:"\f00d"}
		.fa-search-plus:before{content:"\f00e"}
		.fa-search-minus:before{content:"\f010"}
		.fa-power-off:before{content:"\f011"}
		.fa-signal:before{content:"\f012"}
		.fa-gear:before,.fa-cog:before{content:"\f013"}
		.fa-trash-o:before{content:"\f014"}
		.fa-home:before{content:"\f015"}
		.fa-file-o:before{content:"\f016"}
		.fa-clock-o:before{content:"\f017"}
		.fa-road:before{content:"\f018"}
		.fa-download:before{content:"\f019"}
		.fa-arrow-circle-o-down:before{content:"\f01a"}
		.fa-arrow-circle-o-up:before{content:"\f01b"}
		.fa-inbox:before{content:"\f01c"}
		.fa-play-circle-o:before{content:"\f01d"}
		.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}
		.fa-refresh:before{content:"\f021"}
		.fa-list-alt:before{content:"\f022"}
		.fa-lock:before{content:"\f023"}
		.fa-flag:before{content:"\f024"}
		.fa-headphones:before{content:"\f025"}
		.fa-volume-off:before{content:"\f026"}
		.fa-volume-down:before{content:"\f027"}
		.fa-volume-up:before{content:"\f028"}
		.fa-qrcode:before{content:"\f029"}
		.fa-barcode:before{content:"\f02a"}
		.fa-tag:before{content:"\f02b"}
		.fa-tags:before{content:"\f02c"}
		.fa-book:before{content:"\f02d"}
		.fa-bookmark:before{content:"\f02e"}
		.fa-print:before{content:"\f02f"}
		.fa-camera:before{content:"\f030"}
		.fa-font:before{content:"\f031"}
		.fa-bold:before{content:"\f032"}
		.fa-italic:before{content:"\f033"}
		.fa-text-height:before{content:"\f034"}
		.fa-text-width:before{content:"\f035"}
		.fa-align-left:before{content:"\f036"}
		.fa-align-center:before{content:"\f037"}
		.fa-align-right:before{content:"\f038"}
		.fa-align-justify:before{content:"\f039"}
		.fa-list:before{content:"\f03a"}
		.fa-dedent:before,.fa-outdent:before{content:"\f03b"}
		.fa-indent:before{content:"\f03c"}
		.fa-video-camera:before{content:"\f03d"}
		.fa-picture-o:before{content:"\f03e"}
		.fa-pencil:before{content:"\f040"}
		.fa-map-marker:before{content:"\f041"}
		.fa-adjust:before{content:"\f042"}
		.fa-tint:before{content:"\f043"}
		.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}
		.fa-share-square-o:before{content:"\f045"}
		.fa-check-square-o:before{content:"\f046"}
		.fa-move:before{content:"\f047"}
		.fa-step-backward:before{content:"\f048"}
		.fa-fast-backward:before{content:"\f049"}
		.fa-backward:before{content:"\f04a"}
		.fa-play:before{content:"\f04b"}
		.fa-pause:before{content:"\f04c"}
		.fa-stop:before{content:"\f04d"}
		.fa-forward:before{content:"\f04e"}
		.fa-fast-forward:before{content:"\f050"}
		.fa-step-forward:before{content:"\f051"}
		.fa-eject:before{content:"\f052"}
		.fa-chevron-left:before{content:"\f053"}
		.fa-chevron-right:before{content:"\f054"}
		.fa-plus-circle:before{content:"\f055"}
		.fa-minus-circle:before{content:"\f056"}
		.fa-times-circle:before{content:"\f057"}
		.fa-check-circle:before{content:"\f058"}
		.fa-question-circle:before{content:"\f059"}
		.fa-info-circle:before{content:"\f05a"}
		.fa-crosshairs:before{content:"\f05b"}
		.fa-times-circle-o:before{content:"\f05c"}
		.fa-check-circle-o:before{content:"\f05d"}
		.fa-ban:before{content:"\f05e"}
		.fa-arrow-left:before{content:"\f060"}
		.fa-arrow-right:before{content:"\f061"}
		.fa-arrow-up:before{content:"\f062"}
		.fa-arrow-down:before{content:"\f063"}
		.fa-mail-forward:before,.fa-share:before{content:"\f064"}
		.fa-resize-full:before{content:"\f065"}
		.fa-resize-small:before{content:"\f066"}
		.fa-plus:before{content:"\f067"}
		.fa-minus:before{content:"\f068"}
		.fa-asterisk:before{content:"\f069"}
		.fa-exclamation-circle:before{content:"\f06a"}
		.fa-gift:before{content:"\f06b"}
		.fa-leaf:before{content:"\f06c"}
		.fa-fire:before{content:"\f06d"}
		.fa-eye:before{content:"\f06e"}
		.fa-eye-slash:before{content:"\f070"}
		.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}
		.fa-plane:before{content:"\f072"}
		.fa-calendar:before{content:"\f073"}
		.fa-random:before{content:"\f074"}
		.fa-comment:before{content:"\f075"}
		.fa-magnet:before{content:"\f076"}
		.fa-chevron-up:before{content:"\f077"}
		.fa-chevron-down:before{content:"\f078"}
		.fa-retweet:before{content:"\f079"}
		.fa-shopping-cart:before{content:"\f07a"}
		.fa-folder:before{content:"\f07b"}
		.fa-folder-open:before{content:"\f07c"}
		.fa-resize-vertical:before{content:"\f07d"}
		.fa-resize-horizontal:before{content:"\f07e"}
		.fa-bar-chart-o:before{content:"\f080"}
		.fa-twitter-square:before{content:"\f081"}
		.fa-pinterest-square:before{content:"\f0d3"}
		.fa-facebook-square:before{content:"\f082"}
		.fa-camera-retro:before{content:"\f083"}
		.fa-key:before{content:"\f084"}
		.fa-gears:before,.fa-cogs:before{content:"\f085"}
		.fa-comments:before{content:"\f086"}
		.fa-thumbs-o-up:before{content:"\f087"}
		.fa-thumbs-o-down:before{content:"\f088"}
		.fa-star-half:before{content:"\f089"}
		.fa-heart-o:before{content:"\f08a"}
		.fa-sign-out:before{content:"\f08b"}
		.fa-linkedin-square:before{content:"\f08c"}
		.fa-thumb-tack:before{content:"\f08d"}
		.fa-external-link:before{content:"\f08e"}
		.fa-sign-in:before{content:"\f090"}
		.fa-trophy:before{content:"\f091"}
		.fa-github-square:before{content:"\f092"}
		.fa-upload:before{content:"\f093"}
		.fa-lemon-o:before{content:"\f094"}
		.fa-phone:before{content:"\f095"}
		.fa-square-o:before{content:"\f096"}
		.fa-bookmark-o:before{content:"\f097"}
		.fa-phone-square:before{content:"\f098"}
		.fa-twitter:before{content:"\f099"}
		.fa-facebook:before{content:"\f09a"}
		.fa-github:before{content:"\f09b"}
		.fa-unlock:before{content:"\f09c"}
		.fa-credit-card:before{content:"\f09d"}
		.fa-rss:before{content:"\f09e"}
		.fa-hdd-o:before{content:"\f0a0"}
		.fa-bullhorn:before{content:"\f0a1"}
		.fa-bell:before{content:"\f0f3"}
		.fa-certificate:before{content:"\f0a3"}
		.fa-hand-o-right:before{content:"\f0a4"}
		.fa-hand-o-left:before{content:"\f0a5"}
		.fa-hand-o-up:before{content:"\f0a6"}
		.fa-hand-o-down:before{content:"\f0a7"}
		.fa-arrow-circle-left:before{content:"\f0a8"}
		.fa-arrow-circle-right:before{content:"\f0a9"}
		.fa-arrow-circle-up:before{content:"\f0aa"}
		.fa-arrow-circle-down:before{content:"\f0ab"}
		.fa-globe:before{content:"\f0ac"}
		.fa-wrench:before{content:"\f0ad"}
		.fa-tasks:before{content:"\f0ae"}
		.fa-filter:before{content:"\f0b0"}
		.fa-briefcase:before{content:"\f0b1"}
		.fa-fullscreen:before{content:"\f0b2"}
		.fa-group:before{content:"\f0c0"}
		.fa-chain:before,.fa-link:before{content:"\f0c1"}
		.fa-cloud:before{content:"\f0c2"}
		.fa-flask:before{content:"\f0c3"}
		.fa-cut:before,.fa-scissors:before{content:"\f0c4"}
		.fa-copy:before,.fa-files-o:before{content:"\f0c5"}
		.fa-paperclip:before{content:"\f0c6"}
		.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}
		.fa-square:before{content:"\f0c8"}
		.fa-reorder:before{content:"\f0c9"}
		.fa-list-ul:before{content:"\f0ca"}
		.fa-list-ol:before{content:"\f0cb"}
		.fa-strikethrough:before{content:"\f0cc"}
		.fa-underline:before{content:"\f0cd"}
		.fa-table:before{content:"\f0ce"}
		.fa-magic:before{content:"\f0d0"}
		.fa-truck:before{content:"\f0d1"}
		.fa-pinterest:before{content:"\f0d2"}
		.fa-pinterest-square:before{content:"\f0d3"}
		.fa-google-plus-square:before{content:"\f0d4"}
		.fa-google-plus:before{content:"\f0d5"}
		.fa-money:before{content:"\f0d6"}
		.fa-caret-down:before{content:"\f0d7"}
		.fa-caret-up:before{content:"\f0d8"}
		.fa-caret-left:before{content:"\f0d9"}
		.fa-caret-right:before{content:"\f0da"}
		.fa-columns:before{content:"\f0db"}
		.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}
		.fa-sort-down:before,.fa-sort-asc:before{content:"\f0dd"}
		.fa-sort-up:before,.fa-sort-desc:before{content:"\f0de"}
		.fa-envelope:before{content:"\f0e0"}
		.fa-linkedin:before{content:"\f0e1"}
		.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}
		.fa-legal:before,.fa-gavel:before{content:"\f0e3"}
		.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}
		.fa-comment-o:before{content:"\f0e5"}
		.fa-comments-o:before{content:"\f0e6"}
		.fa-flash:before,.fa-bolt:before{content:"\f0e7"}
		.fa-sitemap:before{content:"\f0e8"}
		.fa-umbrella:before{content:"\f0e9"}
		.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}
		.fa-lightbulb-o:before{content:"\f0eb"}
		.fa-exchange:before{content:"\f0ec"}
		.fa-cloud-download:before{content:"\f0ed"}
		.fa-cloud-upload:before{content:"\f0ee"}
		.fa-user-md:before{content:"\f0f0"}
		.fa-stethoscope:before{content:"\f0f1"}
		.fa-suitcase:before{content:"\f0f2"}
		.fa-bell-o:before{content:"\f0a2"}
		.fa-coffee:before{content:"\f0f4"}
		.fa-cutlery:before{content:"\f0f5"}
		.fa-file-text-o:before{content:"\f0f6"}
		.fa-building:before{content:"\f0f7"}
		.fa-hospital:before{content:"\f0f8"}
		.fa-ambulance:before{content:"\f0f9"}
		.fa-medkit:before{content:"\f0fa"}
		.fa-fighter-jet:before{content:"\f0fb"}
		.fa-beer:before{content:"\f0fc"}
		.fa-h-square:before{content:"\f0fd"}
		.fa-plus-square:before{content:"\f0fe"}
		.fa-angle-double-left:before{content:"\f100"}
		.fa-angle-double-right:before{content:"\f101"}
		.fa-angle-double-up:before{content:"\f102"}
		.fa-angle-double-down:before{content:"\f103"}
		.fa-angle-left:before{content:"\f104"}
		.fa-angle-right:before{content:"\f105"}
		.fa-angle-up:before{content:"\f106"}
		.fa-angle-down:before{content:"\f107"}
		.fa-desktop:before{content:"\f108"}
		.fa-laptop:before{content:"\f109"}
		.fa-tablet:before{content:"\f10a"}
		.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}
		.fa-circle-o:before{content:"\f10c"}
		.fa-quote-left:before{content:"\f10d"}
		.fa-quote-right:before{content:"\f10e"}
		.fa-spinner:before{content:"\f110"}
		.fa-circle:before{content:"\f111"}
		.fa-mail-reply:before,.fa-reply:before{content:"\f112"}
		.fa-github-alt:before{content:"\f113"}
		.fa-folder-o:before{content:"\f114"}
		.fa-folder-open-o:before{content:"\f115"}
		.fa-expand-o:before{content:"\f116"}
		.fa-collapse-o:before{content:"\f117"}
		.fa-smile-o:before{content:"\f118"}
		.fa-frown-o:before{content:"\f119"}
		.fa-meh-o:before{content:"\f11a"}
		.fa-gamepad:before{content:"\f11b"}
		.fa-keyboard-o:before{content:"\f11c"}
		.fa-flag-o:before{content:"\f11d"}
		.fa-flag-checkered:before{content:"\f11e"}
		.fa-terminal:before{content:"\f120"}
		.fa-code:before{content:"\f121"}
		.fa-reply-all:before{content:"\f122"}
		.fa-mail-reply-all:before{content:"\f122"}
		.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}
		.fa-location-arrow:before{content:"\f124"}
		.fa-crop:before{content:"\f125"}
		.fa-code-fork:before{content:"\f126"}
		.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}
		.fa-question:before{content:"\f128"}
		.fa-info:before{content:"\f129"}
		.fa-exclamation:before{content:"\f12a"}
		.fa-superscript:before{content:"\f12b"}
		.fa-subscript:before{content:"\f12c"}
		.fa-eraser:before{content:"\f12d"}
		.fa-puzzle-piece:before{content:"\f12e"}
		.fa-microphone:before{content:"\f130"}
		.fa-microphone-slash:before{content:"\f131"}
		.fa-shield:before{content:"\f132"}
		.fa-calendar-o:before{content:"\f133"}
		.fa-fire-extinguisher:before{content:"\f134"}
		.fa-rocket:before{content:"\f135"}
		.fa-maxcdn:before{content:"\f136"}
		.fa-chevron-circle-left:before{content:"\f137"}
		.fa-chevron-circle-right:before{content:"\f138"}
		.fa-chevron-circle-up:before{content:"\f139"}
		.fa-chevron-circle-down:before{content:"\f13a"}
		.fa-html5:before{content:"\f13b"}
		.fa-css3:before{content:"\f13c"}
		.fa-anchor:before{content:"\f13d"}
		.fa-unlock-o:before{content:"\f13e"}
		.fa-bullseye:before{content:"\f140"}
		.fa-ellipsis-horizontal:before{content:"\f141"}
		.fa-ellipsis-vertical:before{content:"\f142"}
		.fa-rss-square:before{content:"\f143"}
		.fa-play-circle:before{content:"\f144"}
		.fa-ticket:before{content:"\f145"}
		.fa-minus-square:before{content:"\f146"}
		.fa-minus-square-o:before{content:"\f147"}
		.fa-level-up:before{content:"\f148"}
		.fa-level-down:before{content:"\f149"}
		.fa-check-square:before{content:"\f14a"}
		.fa-pencil-square:before{content:"\f14b"}
		.fa-external-link-square:before{content:"\f14c"}
		.fa-share-square:before{content:"\f14d"}
		.fa-compass:before{content:"\f14e"}
		.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}
		.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}
		.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}
		.fa-euro:before,.fa-eur:before{content:"\f153"}
		.fa-gbp:before{content:"\f154"}
		.fa-dollar:before,.fa-usd:before{content:"\f155"}
		.fa-rupee:before,.fa-inr:before{content:"\f156"}
		.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}
		.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}
		.fa-won:before,.fa-krw:before{content:"\f159"}
		.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}
		.fa-file:before{content:"\f15b"}
		.fa-file-text:before{content:"\f15c"}
		.fa-sort-alpha-asc:before{content:"\f15d"}
		.fa-sort-alpha-desc:before{content:"\f15e"}
		.fa-sort-amount-asc:before{content:"\f160"}
		.fa-sort-amount-desc:before{content:"\f161"}
		.fa-sort-numeric-asc:before{content:"\f162"}
		.fa-sort-numeric-desc:before{content:"\f163"}
		.fa-thumbs-up:before{content:"\f164"}
		.fa-thumbs-down:before{content:"\f165"}
		.fa-youtube-square:before{content:"\f166"}
		.fa-youtube:before{content:"\f167"}
		.fa-xing:before{content:"\f168"}
		.fa-xing-square:before{content:"\f169"}
		.fa-youtube-play:before{content:"\f16a"}
		.fa-dropbox:before{content:"\f16b"}
		.fa-stack-overflow:before{content:"\f16c"}
		.fa-instagram:before{content:"\f16d"}
		
		.fa-flickr:before{content:"\f16e"}
		.fa-adn:before{content:"\f170"}
		.fa-bitbucket:before{content:"\f171"}
		.fa-bitbucket-square:before{content:"\f172"}
		.fa-tumblr:before{content:"\f173"}
		.fa-tumblr-square:before{content:"\f174"}
		.fa-long-arrow-down:before{content:"\f175"}
		.fa-long-arrow-up:before{content:"\f176"}
		.fa-long-arrow-left:before{content:"\f177"}
		.fa-long-arrow-right:before{content:"\f178"}
		.fa-apple:before{content:"\f179"}
		.fa-windows:before{content:"\f17a"}
		.fa-android:before{content:"\f17b"}
		.fa-linux:before{content:"\f17c"}
		.fa-dribbble:before{content:"\f17d"}
		.fa-skype:before{content:"\f17e"}
		.fa-foursquare:before{content:"\f180"}
		.fa-trello:before{content:"\f181"}
		.fa-female:before{content:"\f182"}
		.fa-male:before{content:"\f183"}
		.fa-gittip:before{content:"\f184"}
		.fa-sun-o:before{content:"\f185"}
		.fa-moon-o:before{content:"\f186"}
		.fa-archive:before{content:"\f187"}
		.fa-bug:before{content:"\f188"}
		.fa-vk:before{content:"\f189"}
		.fa-weibo:before{content:"\f18a"}
		.fa-renren:before{content:"\f18b"}
		.fa-pagelines:before{content:"\f18c"}
		.fa-stack-exchange:before{content:"\f18d"}
		.fa-arrow-circle-o-right:before{content:"\f18e"}
		.fa-arrow-circle-o-left:before{content:"\f190"}
		.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}
		.fa-dot-circle-o:before{content:"\f192"}
		.fa-wheelchair:before{content:"\f193"}
		.fa-vimeo-square:before{content:"\f194"}
		.fa-turkish-lira:before,.fa-try:before{content:"\f195"}
		
		
		/* JR PASS */
		
		.more-info{
			
			padding-top: 2px;
			width: auto;
		}
		
		.more-info a{
			
		}
		
		.play-red{
		font-size: 11px;
		margin-right: 15px;
		float: left;
		padding-top: 4px;
		}
		
		
		.btn-more-info {
		  color: #000;
		  background-color: #e1e2e2;
		  border: 1px solid #898989;
		  border-radius: 5px;
		  font-weight: 400;
		  font-size: 14px;
		  width: auto;
		  padding-top: 5px;
		  padding-bottom: 5px;
		  text-align: center;
		}
		.btn-more-info:hover,
		.btn-more-info:focus,
		.btn-more-info:active,
		.btn-more-info.active,
		.open .dropdown-toggle.btn-more-info {
		  color: #fff;
		  background-color: #898989;
		  border: 1px solid #fff;
		 text-decoration: underline;
		}
		
		.btn-moreinfo-jr {
		  color: #288445;
		  background-color: none;
		  border: 2px solid #20843E;
		  border-radius: 0px;
		  font-weight: 700;
		  width: 210px;
		  padding-top: 5px;
		  padding-bottom: 5px;
		  text-align: center;
		}
		.btn-moreinfo-jr:hover,
		.btn-moreinfo-jr:focus,
		.btn-moreinfo-jr:active,
		.btn-moreinfo-jr.active,
		.open .dropdown-toggle.btn-moreinfo-jr {
		  color: #288445;
		  background-color: none;
		  border: 2px solid #20843E;
		 text-decoration: underline;
		}
		
		.regional-railpass{
			padding-left: 15px; padding-right: 20px;
		}
		
		
		
		.title-jr{
			padding: 8px; 
			font-size: 20px; 
			color: #fff; 
			font-weight: 700;
			text-align: center;
			margin-bottom: 5px;
		}
		
		.title-jr a{
			font-size: 20px; 
			color: #fff; 
			font-weight: 700;
			text-align: center;
			line-height: 20px;
		}
		
		.frame-jr{
			height: auto;
			/*border: 2px solid #868686;*/
			/*box-shadow: 3px 4px 3px #888888;*/
			width: auto;
			padding: 0px;
		}
		
		.map-desktop{
			display: inline;
		}
		
		
		.map-tab{
			display: none;
		}
		
		.map-mobile{
			display: none;
		}
		
		.map-mobile-b{
				display: none;
			}
		
		.map-desktop-det{
			display: inline;
		}
		
		.map-mobile-det{
			display: none;
		}
		
		
		.detail-description p{
			font-size; 12px;
			line-height: 20px;
			font-weight: 700;
		}
		
		
		/* Collapse on detail JR Pass */
		.panel-group .panel {
		  border-radius: 0px;
		}
		
		.panel-default > .panel-heading {
			background-color: #CACACA;
			border-color: #CACACA;
			color: #192D76;
			border-radius: 0;
		}
		
		.panel-heading h3{
			font-size: 18px;
		}
		
		.panel-heading a:after {
			font-family: FontAwesome;
			
			content:"\f056";
			float: left;
			color: #192D76;
			margin-top: -23px;
			font-size: 25px;
		}
		
		.panel-heading a.collapsed:after {
			content:"\f055";
			
		}
		
		.panel-body{
			font-size: 12px;
			line-height: 20px;
		}
		
		
		.panel-body-tab1{
		 margin-left: 40px;
		}
		
		.panel-body-tab2{
		 margin-left: 100px;
		}
		/* End of Collapse on detail JR Pass */
		
		
		
		.bg-nas-rp{
				background: url('../images/jr-pass/mapall003.png') #fff 100px 10px no-repeat;
				background-position: right; 
		}
		
		.map-nas-rp{
			display: none;
		}
		
		.pull-nas-rp{
			height: 270px;	
		}
		
		@media (max-width: 980px) {
		
			
		
			.regional-railpass{
			padding-left: 10px; padding-right: 17px;
			}
			
			.regional-railpass2{
			padding-left: 10px; padding-right: 10px;
			}
			
			.title-jr{
			padding: 5px; 
			font-size: 18px; 
			color: #fff; 
			font-weight: 700;
			margin-bottom: 3px;
			}
			
			
			.title-jr a{
			font-size: 18px; 
			padding: 5px; 
			}
			
			.map-desktop{
			display: none;
			}
			
			.map-tab{
				display: inline;
			}
			
			.map-mobile{
				display: none;
			}
			
			.map-mobile-b{
				display: none;
			}
			
			.bg-nas-rp{
				background: none;
			}
			
			.map-nas-rp{
				display: inline;
			}
			
			.pull-nas-rp{
			height: 10px;	
			}
			
		}
		
		
		@media (max-width: 768px) {
		
			.title-jr{
			padding: 4px; font-size: 16px; color: #fff; font-weight: 700;
			}
			
			.title-jr a{
			font-size: 16px; 
			padding: 4px; 
			}
		
		}
		
		@media (max-width: 655px) {
			.title-jr a{
			font-size: 14px; 
			padding: 3px; 
			}
		}
		
		@media (max-width: 580px) {
			.title-jr a{
			font-size: 12px; 
			padding: 3px; 
			}
		}
		
		@media (max-width: 511px) {
			.title-jr a{
			font-size: 8px; 
			padding: 1px;
			line-height: 15px; 
			}
		}
		
		@media (max-width: 388px) {
			.title-jr a{
			font-size: 7px; 
			padding: 1px;
			line-height: 15px; 
			}
		}
		
		@media (max-width: 367px) {
			.title-jr a{
			font-size: 7px; 
			padding: 0px;
			line-height: 5px; 
			}
		}
		
		@media (max-width: 360px) {
		
		.play-red{
		font-size: 7px;
		margin-right: 0px;
		padding-top: 1px;
		}
		
		.btn-moreinfo-jr {
		  font-weight: 400;
		  width: 110px;
		  padding-top: 5px;
		  padding-bottom: 5px;
		  padding-left: 5px;
		  font-size: 9px;
		}
		
			.regional-railpass{
			padding-left: 10px; padding-right: 10px;
			}
			
			
			.title-jr{
			padding: 0px; font-size: 7px; color: #fff; font-weight: 700;
			}
			
			.title-jr a{
			font-size: 7px; 
			padding: 1px;
			line-height: 15px;			
			}
			
			.panel-body-tab1{
			 margin-left: 0px;
			}
			
			.panel-body-tab2{
			 margin-left: 30px;
			}
			
			.map-desktop{
			display: none;
			}
			
			.map-tab{
				display: none;
			}
			
			.map-mobile{
				display: inline;
			}
			
			.map-mobile-b{
				display: none;
			}
			
			
			.bg-nas-rp{
				background: none;
			}
			
			.pull-nas-rp{
			height: 10px;	
			}
			
			
		}
		
		@media (max-width: 320px) {
			.regional-railpass{
			padding-left: 10px; padding-right: 10px;
			}
			
			
			.title-jr{
			padding: 2px; font-size: 6px; color: #fff; font-weight: 700;
			}
			
			.title-jr a{
			font-size: 6px; 
			padding: 0px; 
			line-height: 10px;	
			}
			
			.map-desktop{
			display: none;
			}
			
			.map-tab{
				display: none;
			}
			
			.map-mobile{
				display: none;
			}
			
			.map-mobile-b{
				display: inline;
			}
			
			.map-desktop-det{
			display: none;
			}
		
			.map-mobile-det{
				display: inline;
			}
		}

		
		
/* Ryokan Search */
	.search-body-ryokan{
		margin-left: 40px;
		margin-right: 40px;
	}
	
	.search-form-ryokan{
		border-radius: 5px;
		border: 1px solid #B4B3B3;
		padding-top: 10px;
		padding-bottom: 10px;
		padding-right: 0px;
		padding-left: 0px;
	}
	
	.search-form-ryokan .caption-form{
		font-size: 14px;
		text-align: right;
		padding-right: 10px;
	}
	
	.search-form-ryokan select {
		font-size: 14px;
	}
	
	.search-form-ryokan .long-select input{
		width: 185px;
		font-size: 14px;
		border: 1px solid #ccc;
		border-left: none;
		padding: 5px 5px;
		border-radius: 2px;
		margin-left: -2px;
		height: 25px;
	}
	
	
	
	.search-form-ryokan .input-group-addon {
	  padding: 2px;
	  font-size: 11px;
	  font-weight: normal;
	  line-height: 1;
	  color: #555;
	  text-align: center;
	  background-color: #fff;
	  border: 1px solid #ccc;
	  border-right: none;
	  border-radius: 2px;
	}
	
	
	
	.search-select-style {
		border: 1px solid #ccc;
		width: 200px;
		height: 25px;
		border-radius: 3px;
		overflow: hidden;
		background: #fff url("../images/select.png") no-repeat 95% 50%;
		padding: 0px 0px;
	}

	.search-select-style select {
		padding: 0px 0px;
		width: 130%;
		height: 25px;
		border: none;
		box-shadow: none;
		background: transparent;
		background-image: none;
		-webkit-appearance: none;
	}

	.search-select-style select:focus {
		outline: none;
		
	}
	
	
	.search-select-style2 {
		border: 1px solid #ccc;
		width: 70px;
		height: 25px;
		border-radius: 3px;
		overflow: hidden;
		background: #fff url("../images/select.png") no-repeat 90% 50%;
	}

	.search-select-style2 select {
		padding: 0px 0px;
		width: 140%;
		height: 25px;
		border: none;
		box-shadow: none;
		background: transparent;
		background-image: none;
		-webkit-appearance: none;
	}

	.search-select-style2 select:focus {
		outline: none;
		
	}
	
	
	.search-form-ryokan .form-spacing{
		height: 10px;
	}
	
	
	.btn-detail-search-ryokan {
	  color: #fff;
	  background-color: #00A1E9;
	  border-color: #00A1E9;
	  border-radius: 3px;
	  font-size: 14px;
	  font-weight: 700;
	  width: 400px;
	  
	}
	.btn-detail-search-ryokan:hover,
	.btn-detail-search-ryokan:focus,
	.btn-detail-search-ryokan:active,
	.btn-detail-search-ryokan.active,
	.open .dropdown-toggle.btn-detail-search-ryokan{
	  color: #fff;
	  background-color: #00A1E9;
	  border-color: #00A1E9;
	 text-decoration: underline;
	}
	
	.search-sorting{
		color: #238143;
		font-family: Arimo, sans-serif;
		font-weight: 700;
		font-size: 14px;
	}
	
	.search-sorting .caption-form{
		padding-top: 4px;
		text-align: right;
		padding-right: 10px;
	}
	
	
	
	.sorting-select-style {
		border: none;
		background: #D0E5D6;
		width: 100px;
		border-radius: 3px; 
		overflow: hidden;
		background: #D0E5D6 url("../images/select-2.png") no-repeat 95% 50%;
	}

	.sorting-select-style select {
		padding: 0px 0px;
		width: 130%;
		border: none;
		box-shadow: none;
		background: transparent;
		background-image: none;
		-webkit-appearance: none;
	}

	.sorting-select-style select:focus {
		outline: none;
		
	}
	
	.list-search-ryokan{
		border: 1px solid #B4B3B3;
		margin-bottom: 10px;
	}
	
	.list-search-ryokan .caption{
		padding: 10px 10px 10px 10px;
		font-family: Arimo, sans-serif;
		
	}
	
	.list-search-ryokan .caption p{
		font-size: 14px;
		color: #000;
		line-height: 10px;
		
	}
	
	.push-p{
		margin-top: 5px;
	}
	
	.list-search-ryokan .caption h3{
		font-size: 21px;
		color: #132996;
		margin: 0px;
		line-height: 20px;
		margin-bottom: 10px;
		font-weight: 700;
	}
	
	.list-search-ryokan .caption .medium  p{
		font-size: 12px;
		line-height: 10px;
		color: #000;
	}
	
	.list-search-ryokan .caption .small p{
		font-size: 11px;
		line-height: 15px;
	}
	
	.list-search-ryokan .caption .from{
		font-size: 16px;
		color: #9D9D9D;
		margin: 0px;
		line-height: 10px;
		margin-bottom: 25px;
		text-align: right;
		font-weight: 700;
	}
	
	.list-search-ryokan .caption .nominal{
		font-size: 40px;
		color: #000;
		margin: 0px;
		line-height: 10px;
		margin-bottom: 25px;
		text-align: right;
	}
	
	.search-result-clean{
		height: 10px;
	}
	
	.list-search-ryokan .caption .rating{
		margin-top: 2px;
	}
	
	
	
	
	
	@media (max-width: 980px) {
	
	.search-form-ryokan .caption-form{
		font-size: 13px;
		padding-right: 10px;
	}
	
	.search-form-ryokan select {
		font-size: 13px;
	}
	
	.search-form-ryokan .long-select input{
		width: 95px;
		font-size: 13px;
	}
	
	
	.search-select-style {
		width: 110px;
		background: #fff url("../images/select.png") no-repeat 95% 50%;
	}

	.btn-detail-search-ryokan {
	  width: 300px;
	  }
	  
	  
	  .list-search-ryokan .caption{
		padding: 5px 5px 0px 5px;
		}
		
		.list-search-ryokan .caption h3{
			font-size: 16px;
			margin: 0px;
			line-height: 10px;
			margin-bottom: 5px;
		}
		
		.list-search-ryokan .caption p{
			font-size: 12px;
			line-height: 11px;
		}
		
		.list-search-ryokan .caption .medium  p{
			font-size: 11px;
			line-height: 9px;
		}
		
		.list-search-ryokan .caption .small p{
			font-size: 11px;
			line-height: 11px;
		}
		
		.list-search-ryokan .caption .from{
			font-size: 14px;
			margin-bottom: 10px;
		}
	
		.list-search-ryokan .caption .nominal{
			font-size: 17px;
			margin-bottom: 10px;
			text-align: right;
		}
		
		.search-result-clean{
			height: 0px;
		}
	  
	}
	
	
	@media (max-width: 360px) {
	
	.search-body-ryokan{
		margin-left: 20px;
		margin-right: 20px;
	}
			
	.btn-detail-search-ryokan {
	  font-size: 14px;
	  width: 200px;
	  }
	
	.search-form-ryokan .form-spacing2{
		height: 10px;
	}
	
	.list-search-ryokan .caption .rating{
		margin-top: 6px;
	}
	
	.list-search-ryokan .caption h3{
			font-size: 18px;
			margin: 0px;
			line-height: 12px;
			margin-bottom: 5px;
	}
	
	.list-search-ryokan .caption p{
			font-size: 12px;
			line-height: 15px;
	}
		
	.list-search-ryokan .caption .medium  p{
			font-size: 11px;
			line-height: 9px;
	}
		
	.list-search-ryokan .caption .small p{
			font-size: 11px;
			line-height: 15px;
	}
	
	}
/* End of Ryokan Search */

		
/* Japan Guide */
	.japan-guide-five-grid{
		margin: 0 30px 0 70px
	}
	
	.japan-info .caption h4{
		font-family: 'Arimo', sans-serif;
		font-weight: 400;
		color: #727172;
		font-size: 16px;
	} 
	
	
	.japan-info .caption p{
		font-family: 'Arial', sans-serif;
		font-weight: 400;
		color: #333;
		font-size: 12px;
	} 
	
	
	
	.article-search-global{
		border: 2px solid #a0a0a0;
		margin-bottom: 0px;
	}
	
	.article-search-global h3{
		color: #fff;
		font-size: 18px;
		margin: 0;
	}
	
	
	.article-search{
		padding: 0px 10px 5px 10px;
	}
	
	.article-search select {
		font-size: 14px;
	}
	
	.article-search .long-select input{
		width: 100%;
		font-size: 14px;
		border: 1px solid #ccc;
		border-left: none;
		padding: 5px 5px;
		border-top-right-radius: 5px;
		border-bottom-right-radius: 5px;
		margin-left: -2px;
		height: 25px;
	}
	
	.article-search .input-group-addon {
	  padding: 2px;
	  font-size: 11px;
	  font-weight: normal;
	  line-height: 1;
	  color: #555;
	  text-align: center;
	  background-color: #fff;
	  border: 1px solid #ccc;
	  border-right: none;
	  border-top-left-radius: 5px;
	  border-bottom-left-radius: 5px;
	}
	
	.article-search .inner-head{
		background:#a0a0a0; 
		padding: 10px;
		border-top-left-radius: 5px;
		border-top-right-radius: 10px;
	}
	
	.article-search .inner-head h3{
		color: #fff;
		font-size: 13px;
		margin: 0;
		font-weight: 700;
	}
	
	.article-search-global .inner{
		padding: 5px 0px 5px 0px;
		width: 100%;
		height: 207px;
		background: #ebebeb;
		overflow-y: hidden;
		overflow-x: hidden;
		/*border-top-left-radius: 5px;
		border-top-right-radius: 10px;*/
	}
	
	.article-search-global .distance {
		padding: 0px 10px 0px 10px;
	}
	
	.article-search-global .inner p{
		font-family: 'Arimo', sans-serif;
		font-size: 12px;
		font-weight: 700;
		color: #000;
		line-height: 15px;
		border-bottom: 1px solid #b1b1b1;
		padding: 0px 0 5px 0;
		margin-bottom: 5px;
	}
	
	.article-search .inner hr{
		border: 1px solid #d9d8d8;
		margin: 0px 0 0px 0;
	}
	
	
	@media (max-width: 980px) {
		.japan-guide-five-grid{
		margin: 0 0px 0 0px
		}
		
		
		.japan-info .caption h4{
			font-size: 13px;
		} 
		
		
		.japan-info .caption p{
			font-size: 12px;
		}
	}
	
	
	@media (max-width: 360px) {
		.japan-guide-five-grid{
		margin: 0 15px 0 5px
		}
		
		.japan-info .caption h4{
			font-size: 16px;
			margin-top: 0;
		} 
		
		
		.japan-info .caption p{
			font-size: 12px;
			line-height: 15px;
		}
		
		.thumbnail-japan-guide-space{
			margin-bottom: 10px;
		}
	}
/* End of JApan Guide */