@charset "utf-8";
@font-face {
  font-family: 'Poppins';
  src: url("/st/3/en/pc/fonts/Poppins-Medium.otf");
}
@font-face {
  font-family: 'Poppins-Regular';
  src: url("/st/3/en/pc/fonts/Poppins-Medium.otf");
}
.onlymb{
	display: none;
}
.pb120{padding-bottom: 120px;}
.pb30{padding-bottom: 3px;}
.pt70{padding-top: 70px}
.mt50{margin-top: 50px;}
@media(max-width:767px){
	.onlymb{display: block;	}
	.onlypc{display: none;}
	.pb120{padding-bottom: 80px;}
	.t70{padding-top: 50px}
}
@media(max-width:992px){
	.container{
		max-width: 100% !important;
	}
}
h2 {
	text-align: center;
	font-weight: normal;
	color: #333;
	font-size: 30px;
	margin-bottom: 30px;
	font-family: 'Poppins-Regular';
}
h2:before {
  content: '';
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
  margin-bottom: 3px;
  background-size: contain !important;
}
.grey-bg{
	background-color: #F6F5F4;
}
@media(max-width:990px){
}
@media(max-width:767px){
}
.content_desc {
	text-align: left;
}
@media(max-width:767px){
  h2 {
    font-size: 26px;
  }
}
/*---------- Main banner ----------*/
.main-banner img{
	width: 100%;
	max-width: 100%;
	object-fit: cover;
	height: auto;
}
/*---------- Feature ----------*/
.tour_inner{
	display: flex;	
	margin-left: -5px;
	margin-right: -5px;
}
.tour_inner > div{
	padding-left: 5px;
	padding-right: 5px;	
	margin-bottom: 25px;	
}
.tour_inner a{
	color: #333;
}
.content_link{
	background: #fff;
	border:1px solid #D6D6D6;
	display: block;
	height: 100%;
	/*box-shadow: 0 0 13px rgb(193 193 193 / 70%);*/
}
.content_link:hover{
	text-decoration: none;
	box-shadow: 0 0 7px rgb(165 165 165 / 50%);
	color: #333;	
}
.content_image{
	width: 100%;	
}
.content_item {
	position: relative;
}
.content_body{
  	line-height: 1.2;
	padding: 0 15px 30px 15px;
}
.content_title{
	font-size: 18px;
	margin-bottom: 10px;
	font-weight: bold;
	font-family: 'Poppins-Regular';
}
.content_item p {
	position: absolute;
	top: 8px;
	display: block;
	font-size: 14px;
	color: #FFF;
	padding: 6px 10px 6px 10px;
}
.content_item p.dep-tokyo, .content_item p.dep-osaka, .content_item p.dep-nagoya, .content_item p.dep-kawaguchiko, .content_item p.dep-kobe, .content_item p.dep-kyoto, .content_item p.dep-kyoto, .content_item p.dep-sapporo, .content_item p.dep-fukuoka, .content_item p.dep-hiroshima, .content_item p.dep-nara, .content_item p.dep-shizuoka, .content_item p.dep-oita, .content_item p.dep-tokyo-osaka, .content_item p.dep-tokyo-fukuoka{
	width: auto;
	opacity: 0.9;
}
.content_item p.dep-tokyo{background-color: #41ae0f;}
.content_item p.dep-osaka{background-color: #c64c4c;}
.content_item p.dep-nagoya{background-color: #315bb7;}
.content_item p.dep-kawaguchiko{background-color: #b88964;}
.content_item p.dep-kobe{background-color: #ec7921;}
.content_item p.dep-kyoto{	background-color: #7c27cb;}
.content_item p.dep-sapporo{background-color: #d5b4ff;}
.content_item p.dep-fukuoka{background-color: #e35ce5;}
.content_item p.dep-hiroshima{background-color: #d5b05e;}
.content_item p.dep-nara{background-color: #b3952a;}
.content_item p.dep-shizuoka{background-color: #0da2a9;}
.content_item p.dep-oita{	background-color: #d98d33;}
.content_item p.dep-tokyo-osaka{background-color: #41ae0f;}
.content_item p.dep-tokyo-fukuoka{background-color: #41ae0f;}

.tour_inner .content_link:hover{
	box-shadow: 0 0 7px rgb(165 165 165 / 70%);
}
@media(min-width:767px){
	.tour_inner {
		flex-wrap: wrap;
		align-items: stretch;
		width: 100% !important;
		justify-content: center;
	}
	.tour_inner > div{
		width: 50% !important;
	}
	.content_title{
		font-size: 16px;
	}
	.box-recommend-inner {
		width: 45%;
		margin: 0 auto;
	}
}
@media(min-width:991px){
	.content_title{
		font-size: 18px;
	}
	.box-recommend-inner {
		width: 25%;
		margin: 0 auto;
	}
	.tour_inner > div{
		width: 33.333% !important;
	}
}
@media(max-width:767px){
	.tourAutumn {
		background: #fff;
		position: relative;
	}
	.tourAutumn .container{
		padding-right: 0;
	}
	.feature{
		overflow-x: auto;
		width: 100%;
	}	
	.content_desc{
		font-size: 14px;
	}
	.tour_inner{
		display: block;
		margin: 0;
	}
	.tour_inner > div {
		width: 100% !important;
	}
}
@media(max-width:991px){
	.tour_inner > div:nth-child(1) .content_title,
	.tour_inner > div:nth-child(2) .content_title{
		font-size: 18px;
	}
}
.feature_icons {
  display: flex;
  list-style: none;
  border-bottom: 1px dotted #8b8b8b;
  margin: 10px;
  padding-bottom: 10px;
}
.feature_icon {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  flex-grow: 1;
  color: #333;
  font-size: 12px;
}
.feature_icon img {
	margin: 0 3px 4px 0;
	width: 17px;
	height: 17px;
}
.feature_icon:nth-child(n+2) {
  margin-left: 2px;
}

@media(max-width:767px){
	.tour_inner > div {
    padding: 0;
	}
}

/*--------Tabs-------*/
.filter-wrap{
	margin: 0 auto;
	display: table;
	text-align: center;
	padding: 70px 0;
}
.filter-item{
	display: inline-block;
	float: left;
	margin: 0 15px;
}
.filter-title{
	font-size: 20px;
	font-weight: normal;
	font-family: 'Poppins-Regular';
	padding-bottom: 10px;
}
.dropdown {
  position: relative; 	
	min-width: 280px;
	border: 1px solid #858585;
	border-radius: 5px;
}
.dropbtn{ 
	width: 100%;
	background-color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
	border-radius: 5px;
	position: relative;
}
.dropbtn:hover, .dropbtn:focus{
  background-color: white;
}
.dropbtn:after{
	content: '\f078';
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	color: #333;
	display: inline-block;
	vertical-align: middle;
	font-size: 13px;
	position: absolute;
	right: 15px;
	top: 18px;
}
.dropdown-content{
  display: none;
  position: absolute;
  min-width: 270px;
  overflow: auto;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}
.dropdown-content a{
  color: black;
  text-decoration: none;
  display: block;
}
.dropdown-content li a.btn{
	text-align: left !important;
}
.dropdown a:hover {background-color: #ddd;}

.show {display: block;}
.nav-events-sub{
	background-color: white;
	border: 1px solid #858585;
}
.nav-events-sub li{
	border-top: 1px dotted #c3c3c3;
	padding: 2px 0px;
}
.nav-events-sub li:first-child{
	border-top: none;
}
.nav-events-sub li a:hover{
	color: #D25500;
	background: #fff !important;
}
.capitalize-txt{
	text-transform: capitalize!important;
}
@media(max-width:991px){
	.filter-wrap {
    padding: 40px 0 30px 0;
	}
	.filter-title {
    font-size: 18px;
	}
	.filter-item {
    margin: 0 5px;
	}
	.dropdown {
    min-width: 235px;
	}
	.dropbtn {
    font-size: 14px;
	}
	.dropdown-content{
  	min-width: 220px;
	}
}
@media(max-width:767px){
	.filter-wrap {
    padding: 30px 0 20px 0;
	}
	.filter-title {
    font-size: 16px;
		padding-bottom: 6px;
	}
	.filter-item {
    margin: 0;
		width: 100%;
		padding-bottom: 15px;
		text-align: left;
	}
	.dropdown {
    min-width: 220px;
		width: 100%;
		text-align: left;
	}
	.dropbtn {
    font-size: 16px;
	}
	.dropdown button{
		text-align: left;
	}
	.dropdown-content{
		width: 100%;
	}
	.dropbtn {
    padding: 12px 15px;
	}
}
/*--------Tabs End-------*/

/*----Button view more----*/
.btn-viewmore {
	text-align: center;
	margin-top: 30px;
}
.btn-sub.btn-sub {
	font-family: 'Poppins-Regular';
	font-size: 18px;
	min-width: 360px;
	max-width: 100%;
	border-radius: 50px;
	text-align: center;
	padding: 18px 30px;
	position: relative;
	border: 1px solid #333333;
	display: inline-block;
	background: #fff;
}
.btn-sub:hover {
	background: #FFEBF2;
	border: 1px solid #F93A7C;
	text-decoration: none;
	color: #333;
}
.btn-sub:after {
	content: '\f054';
	font-family: "Font Awesome 5 Free";
	color: #333;
	position: absolute;
	right: 30px;
	top: 20px;
	z-index: 22;
	font-size: 16px;
	font-weight: bold;
}
@media(max-width:767px){
	.btn-sub:after {
    right: 25px;
    top: 18px;
	}
}
@media(max-width:424px){
	.btn-sub.btn-sub{
    font-size: 16px;
    min-width: 320px;
    padding: 18px 10px;
	}
}
/*----Button view more end----*/