/*
	Theme Name: eBusiness
	Theme URL: https://bootstrapmade.com/ebusiness-bootstrap-corporate-template/
	Author: BootstrapMade.com
	License: https://bootstrapmade.com/license/
*/

/*-----------------------------------------------------------------------------------
	 CSS INDEX
	===================

	1. Theme Default CSS (body, link color, section etc)
	2. Header Area
	 2.1 Stick menu Area
	3. About Area
	4.Services Area
	5.Skill Area
	6.Faq Area
	7.Wellcome Area
	8.Team Area
	9.Review Area
	10.Portfolio Area
	11. Pricing Table
	12. Testimonials area
	13. Review Area
	14. Quote area
	15.Footer Area
	16.Home Page-2 Area
	17.Home Page 3	CSS
	18.Blog CSS
	17.Blog Details CSS

-----------------------------------------------------------------------------------*/

/*----------------------------------------*/
/*	1.	Theme default CSS
/*----------------------------------------*/
:root {
	--blue: #007bff;
	--indigo: #6610f2;
	--purple: #6f42c1;
	--pink: #e83e8c;
	--red: #dc3545;
	--orange: #fd7e14;
	--yellow: #ffc107;
	--green: #28a745;
	--teal: #20c997;
	--cyan: #17a2b8;
	--white: #fff;
	--gray: #6c757d;
	--gray-dark: #343a40;
	--primary: #007bff;
	--secondary: #6c757d;
	--success: #28a745;
	--info: #17a2b8;
	--warning: #ffc107;
	--danger: #dc3545;
	--light: #f8f9fa;
	--dark: #343a40;
	--font-family-sans-serif: 'Open Sans','Helvetica Neue', Helvetica, 'Arial', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif !default;
	--font-family-monospace: Consolas, "Liberation Mono", Menlo, Courier, monospace !default;;
}

html {
	font-family: sans-serif;
	font-size: 87.5%;
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
	display: block;
}

footer{
	clear:left;
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index:500;
}

body {
	margin: 0;
	font-family: -apple-system, "BlinkMacSystemFont", "Helvetica Neue", Helvetica, "Arial", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	text-align: left;
	background-color: #fff;
}

.floatleft {
	float: left;
}

.floatright {
	float: right;
}

.alignleft {
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}

.alignright {
	float: right;
	margin-left: 15px;
	margin-bottom: 15px;
}

.aligncenter {
	display: block;
	margin: 0 auto 15px;
}

a:focus {
	outline: 0px solid;
}

img {
	max-width: 1150px;
	/* height: auto; */
	vertical-align: middle;
	border-style: none;
}

.fix {
	overflow: hidden;
}

p {
	margin: 0 0 15px;
	color: #444;
}

span {
	margin: 0;
	color: #444;
}

h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
	margin-bottom: 0.5rem;
	color: #444;
	line-height: 1.2;
	font-weight: 300;
}

h1, .h1 {
  font-size: 2.0rem;
}

h2, .h2 {
  font-size: 1.8rem;
}

h3, .h3 {
  font-size: 1.6rem;
}

h4, .h4 {
  font-size: 1.4rem;
}

h5, .h5 {
  font-size: 1.2rem;
}

h6, .h6 {
  font-size: 1.12rem;
}

a {
	transition: all 0.3s ease 0s;
	text-decoration: none;
	/*color:#444;*/
}

a:hover {
	/*color: #444;
	text-decoration: none;*/
}

a:active, a:hover {
	/*outline: 0 none;*/
}

.a_red:link{
	color:#a94442;
	}
.a_red:visited{
	color:#a94442;
	}

body {
	background: #fff none repeat scroll 0 0;
	color: #444;
	font-size: 14px; /*14px;*/
	/*line-height: 22px; */
	text-align: left;
	overflow-x: hidden;
/*	min-height: 100vh;
	position: relative;
*/
}

hr {
	margin:15px 0px
}

/* Back to top button */
.back-to-top {
	position: fixed;
	display: none;
	background: #3EC1D5;
	color: #fff;
	padding: 6px 12px 9px 12px;
	font-size: 16px;
	border-radius: 2px;
	right: 15px;
	bottom: 15px;
	transition: background 0.5s;
}

.shadow-text{
	text-shadow: 3px 3px 1px #000; 
}
.shadow-white-text{
	text-shadow: 1px 1px 1px #000; 
	color:#000;
}
.white-text {
	color:#FFF;
}
.black-text {
	color:#444;
}
.jumbotron{
	padding:0px;
	text-align: center;
	background-color:#FFF;
}

.jumbotron img{
	padding:0px;
	width:100%;
	max-width:1150px;
	position:relative;
	
}
.jumbotron p {
	font-size:1rem;
	font-weight:100;
	margin-bottom:0;
}

.best10-area .jumbotron {
	background: rgba(62, 193, 213, 0.60);
	padding:10px;
}

@media (max-width: 768px) {
	.back-to-top {
		bottom: 15px;
	}
}

.back-to-top:focus {
	background: #3EC1D5;
	color: #fff;
	outline: none;
}

.back-to-top:hover {
	background: #3cd6ed;
	color: #fff;
}

.clear {
	clear: both;
}

ul {
	list-style: outside none none;
	margin: 0;
	padding: 0;
}

input, select, textarea, input[type="text"], input[type="date"], input[type="url"], input[type="email"], input[type="password"], input[type="tel"], button, button[type="submit"] {
	-moz-appearance: none;
	box-shadow: none !important;
}

div#preloader {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99999;
	width: 100%;
	height: 100%;
	overflow: visible;
	background: #fff url('../img/preloader.gif') no-repeat center center;
}

::-moz-selection {
	background: #3EC1D5;
	text-shadow: none;
}

::selection {
	background: #3EC1D5;
	text-shadow: none;
}

.area-padding {
	padding: 50px 0px 80px;
}

.area-padding-2 {
	padding: 70px 0px 50px;
}

.padding-2 {
	padding-bottom: 90px;
}

.section-headline h2 {
	display: inline-block;
	margin-bottom: 30px;
	position: relative;
	text-transform: capitalize;
}

.section-headline h2::after {
	border: 1px solid #333;
	bottom: -10px;
	content: "";
	left: 0;
	margin: 0 auto;
	position: absolute;
	right: 0;
	width: 60%;
}

.section-headline-white h2 {
	color:#FFF;
	display: inline-block;
	margin-bottom: 30px;
	position: relative;
	text-transform: capitalize;
}

.section-headline-white h2::after {
	border: 1px solid #FFF;
	bottom: -20px;
	content: "";
	left: 0;
	margin: 0 auto;
	position: absolute;
	right: 0;
	width: 40%;
}

.section-headline h4{
	position: relative;
	padding: 5px 5px 5px 42px;
	background: #17a2b8;
	font-size: 20px;
	color: white;
	margin-left: -33px;
	line-height: 1.3;
	z-index:-1;
}

.section-headline h4:before{
	position: absolute;
	content: '';
	left: -2px;
	top: -2px;
	border: none;
	border-left: solid 40px white;
	border-bottom: solid 79px transparent;
	z-index:-2
}

.section-headline h5{
	position: relative;
	padding-left: 25px;
}

.section-headline h5:before{
	position: absolute;
	content: '';
	bottom: -3px;
	left: 0;
	width: 0;
	height: 0;
	border: none;
	border-left: solid 15px transparent;
	border-bottom: solid 15px rgb(119, 195, 223);
}

.section-headline h5:after {
	position: absolute;
	content: '';
	bottom: -3px;
	left: 10px;
	width: 100%;
	border-bottom: solid 3px rgb(119, 195, 223);
}

.sec-head {
	display: inline-block;
	font-size: 17px;
	font-weight: 600;
	margin-bottom: 0;
	padding: 0 0 10px;
	text-transform: uppercase;
	transition: all 0.4s ease 0s;
}

.desk_tokyo_name{
	border-bottom:1px solid #444;
	padding-top:10px;
	margin-bottom:10px;
}

.desk_tokyo_ideatours {
	margin-top:-35px;
	margin-bottom:20px;
}
.page-img {
	padding:0;
}

/* margin */
.m-10 {
	margin:10px;
}
/* margin-top	*/
.mt-0{
	margin-top:0px;
}
.mt-10{
	margin-top:10px;
}
.mt-15{
	margin-top:15px;
}
.mt-20{
	margin-top:20px;
}
.mt-30{
	margin-top:30px;
}
.mt-50{
	margin-top:50px;
}
.mt-100{
	margin-top:100px;
}
/* margin-bottom	*/
.mb-0{
	margin-bottom:0px;
}
.mb-5{
	margin-bottom:5px;
}
.mb-10{
	margin-bottom:10px;
}
.mb-15{
	margin-bottom:15px;
}
.mb-30{
	margin-bottom:30px;
}
.mb-50{
	margin-bottom:50px;
}
.mb-100{
	margin-bottom:100px;
}
.mb-150{
	margin-bottom:150px;
}
/* margin-top,bottom	*/
.mtb-0{
	margin-top:0px;
	margin-bottom:0px;
}
.m-l-30{
	margin-left:-30px;
}
.mtb-5{
	margin-top:5px;
	margin-bottom:5px;
}
.mtb-20{
	margin-top:20px;
	margin-bottom:20px;
}
.mrl-0 {
	margin-left:0px;
	margin-right:0px;
}
.mrl-15 {
	margin-left:15px;
	margin-right:15px;
}
/* margin-top,bottom	*/
.ml-20 {
	margin-left:20px;
}
/* padding-top	*/
.pt-0{
	padding-top:0px;
}
.pt-5{
	padding-top:5px;
}
.pt-10{
	padding-top:10px;
}
.pt-20{
	padding-top:20px;
}
.pt-25{
	padding-top:25px;
}
.pt-30{
	padding-top:30px;
}
.pt-40{
	padding-top:40px;
}
.pt-50{
	padding-top:50px;
}
.pt-70{
	padding-top:70px;
}
.pt-100{
	padding-top:100px;
}
/* padding-bottom	*/
.pb-0{
	padding-bottom:0px;
}
.pb-10{
	padding-bottom:10px;
}
.pb-25{
	padding-bottom:25px;
}
.pb-50{
	padding-bottom:50px;
}
.pb-100{
	padding-bottom:100px;
}
.pb-150{
	padding-bottom:150px;
}
.pb-200{
	padding-bottom:200px;
}
.prl-0 {
	padding-left:0px;
	padding-right:0px;
}
.prl-5 {
	padding-left:5px;
	padding-right:5px;
}
.prl-10 {
	padding-left:10px;
	padding-right:10px;
}
.prl-15 {
	padding-left:15px;
	padding-right:15px;
}
.ptb-10{
	padding-top:10px;
	padding-bottom:10px;
}
.w-100{
	width:100%;
}
.bg-black {
	background-color: #000;
}
.bg-cyan {
	background-color: #17a2b8;
	color:#FFF;
}
.lh-30{
	line-height:30px;
}
.panel-cyan {
  border-color: #17a2b8;
}
.panel-cyan > .panel-heading {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.panel-cyan > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #17a2b8;
  color:#000;
}
.panel-cyan > .panel-heading .badge {
  color: #17a2b8;
  background-color: #fff;
}
.panel-cyan .panel-body {
  color:#444;
}
.panel-cyan > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #17a2b8;
  color:#FFF;
}

.no_img_head {
	background: rgba(0, 0, 0, 1);
	height: 50px;
}

.well {
	padding:10px;
}

.sakura_icon{
	height:17px;
	color:#b11019;
}
.split-main{
	width:100%;
}

.split-main img{
	width:100%;
	position:relative;
}
/*--------------------------------*/
/*	facebook埋め込み：レスポンシブ対応
/*--------------------------------*/
.fb-page {
    display:block !important;
    width:100%;
    max-width:500px;
    margin-left:auto;
    margin-right:auto;
    height:600px;
}

/*--------------------------------*/
/*	2. Header top Area
/*--------------------------------*/

.header-area {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	background: rgba(0, 0, 0, 0.60);
	z-index: 9;
}

.navbar-header a.navbar-brand {
	display: inline-block;
	height: 50px;
	padding: 10px 0;
}

.navbar-header img{
	height:70px;
}

.main-menu ul.navbar-nav li {
	display: inline-block;
	padding: 0px 13px;
}

.main-menu ul.navbar-nav li a,.main-menu ul.navbar-nav li a span {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	font-size: 14px;
	font-weight: 100;
	line-height: 16px;
	padding: 10px 0px;
	text-transform: capitalize;
	letter-spacing: 1px;
	text-shadow: 1px 1px 1px #444; 
	color:#FFF;
}
.main-menu ul.navbar-nav li a span{
	line-height: 14px;
	margin-top:-10px;
}
.main-menu ul.navbar-nav li.active > a::after {
	border: 1px solid #fff;
	bottom: 0px;
	content: "";
	left: 0;
	position: absolute;
	width: 100%;
}

.main-menu ul.navbar-nav li.active a:hover {
	background: none;
	color: #fff;
}

.main-menu ul.navbar-nav li.active a:focus {
	color: #fff;
}

.main-menu ul.navbar-nav li.active a {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	color: #fff;
	position: relative;
}

.main-menu ul.navbar-nav li a:hover {
	color: #000;
	text-shadow: 1px 1px 2px #FFF; 
}

.navbar {
	border: medium none;
	margin-bottom: 0;
}

.navbar-default {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}

.main-menu ul.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
	background: none;
	color: #333;
}

.navbar-default .navbar-toggle {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: medium none;
	border-radius: 0;
	padding: 25px 0px;
}

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
	background-color: transparent;
	color: #fff;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background: none;
}

.navbar-default .navbar-toggle .icon-bar {
	background-color: #fff;
	width: 30px;
	height: 2px;
}

.top-right.text-right {
	float: right;
	position: relative;
	top: 24px;
	margin-left: 20px;
}

.top-right.text-right>li {
	float: right;
	margin: 0px 8px;
}

.top-right.text-right li a {
	color: #fff;
}

.main-menu .dropdown ul {
	background: rgba(0, 0, 0, 0.8);
}

.main-menu .dropdown ul li {
	display: block;
}

.slider-area {
	background: rgba(0, 0, 0, 0.8);

}

/*--------------------------------*/

/* 2.1. Stick menu
/*--------------------------------*/

.header-area.stick {
	background-color: rgba(0, 0, 0, 1);
	height: auto;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1000;
}

.stick .navbar-header a.navbar-brand {
	display: inline-block;
}

.stick .navbar-brand>img {
	display: none;
}

.stick .navbar-brand.sticky-logo>img {
	display: block;
}

.sticky-logo h1 {
	color: #fff;
	padding: 0;
	margin: 0;
	font-size: 36px;
	font-weight: bold;
	line-height: 1;
}

.sticky-logo h1 span {
	color: #3ec1d5;
}
.stick .main-menu ul.navbar-nav li.active > a::after {
	border: 1px solid #fff;
	bottom: 0px;
	content: "";
	left: 0;
	position: absolute;
	width: 100%;
}

.stick .main-menu ul.nav>li>a:hover {
	color: #fff;
}

.stick .main-menu ul.navbar-nav li.active a {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	color: #fff;
	position: relative;
}

.stick .mainmenu ul#nav>li:hover>a, .stick .mainmenu ul#nav li .mega-menu, .stick .mainmenu ul#nav li ul.sub-menu {
	background-color: #f5f5f5;
	color: #fff;
	outline: medium none;
}

.stick .mainmenu ul#nav li:hover ul.sub-menu li a:hover, .mainmenu ul#nav li .mega-menu span>a:hover, .stick .mainmenu ul#nav li .mega-menu-shop a.mega-menu-title:hover {
	color: #fff;
}

.stick .logo {
	height: 20px;
}

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

.stick .navbar-default .navbar-toggle .icon-bar {
	background-color: #fff;
	width: 30px;
	height: 2px;
}

.stick .navbar-default .navbar-toggle {
	padding: 10px 0px;
}

/*------------------------------
	3. Fascination-hotel-area
--------------------------------*/

.fascination-hotel-area {
	background-color: #f9f9f9;
}
.single-well {
	position: relative;
}

.single-well h3 {
	position: absolute;
	top: 5%;
	left: 5%;
	/*-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,0%);*/
	margin:0;
	padding:0;
	text-shadow: 1px 2px 1px #000; 
	color:#FFF;
}

.single-well>a {
	display: block;
}

.single-well ul li {
	color: #444;
	display: block;
	padding: 5px 0;
	font-size:1rem;
	line-height: 1.2rem;
}

.single-well ul li i {
	color: #3EC1D5;
	padding-right: 10px;

}

.single-well p {
	color: #444;
}

.single-well img {
	width:100%;
}
.panel .icon{
	width:16px;
}
.panel ul li{
	margin-bottom:5px;
}
/*----------------------------------------
 	4.hotel Area Css
----------------------------------------*/
.hotel-zone-area{
	background-color: #fff;
}

.hotel-area {
	background-color: #fff;
	position: relative;
}
.hotel-area-jp {
	background-color: #fff;
	position: relative;
}
.hotel-area .text-on-img {
	position: absolute;
	top: 20%;
	left: 10%;
	-ms-transform: translate(0%,-50%);
	-webkit-transform: translate(0%,-50%);
	transform: translate(0%,-50%);
	margin:0;
	padding:0;
	text-align:left;
}

.hotel-area-jp .text-on-img  {
	position: absolute;
	top: 75%;
	left: 10px; /*10%;*/
	-ms-transform: translate(0%,-50%);
	-webkit-transform: translate(0%,-50%);
	transform: translate(0%,-50%);
	margin:0;
	padding:0;
	text-align:left;
}

.hotel-name {
	color:#b11019;
	font-weight:300
}

.hotel-area .text-on-img h1, .hotel-area .text-on-img h2, .hotel-area-jp .text-on-img h1, .hotel-area-jp .text-on-img h2{
	color:#FFF;
	text-shadow: 2px 2px 0px #000;
	margin-bottom:0;
}

.hotel-area .img-caption , .hotel-area-jp .img-caption{
	position: absolute;
	top: 95%;
	left: 10px;
	-ms-transform: translate(0%,-50%);
	-webkit-transform: translate(0%,-50%);
	transform: translate(0%,-50%);
	margin:0;
	padding:0;
	color:#FFF;
	/*text-shadow: 2px 2px 0px #000; */
}

.hotel-inner {
	/*position: relative;*/
	width: 100%;
	height: auto;
	z-index: 1;
}

.hotel-overly {
	background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
	height: 100%;
	left: 0;
	position: absolute;
	width: 100%;

	z-index: -1;
}
.hotel-member {
	background: rgba(255, 255, 255, 0.65) none repeat scroll 0 0;
	display: block;
/*	margin-bottom:10px;
	margin-right: -15px;
	padding: 10px;*/
	/*position: relative;*/
	overflow: hidden;
	border: 1px solid #515356;
}
.hotel-name{
	min-height:80px;
}

.hotel-member:hover.hotel-member::before {
	transform: scale(1.2);
}

.hotel-content {
	height:120px;
}
.hotel-member .hotel-content h5 {
	border-bottom:1px dotted #444;
}
.hotel-member .hotel-content h6 {
	border-bottom:1px dotted #444;
	font-weight: 700;
}
.hotel-img {
	position: relative;
	overflow:hidden;
}

.hotel-img .caption {
	position:		absolute;
	top:			80%;
	left:			 3%;
	color:			#fff;
	display:		none;
	text-shadow: 1px 1px 1px #000; 
	z-index:5;
}


.hotel-img img {
	display: block;
	height:auto;
	width:100%;
	height:auto;
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}

.hotel-img img:hover {
	transform: scale(1.1);	/*画像の拡大率*/
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}
.hotel-img img:hover + .caption{
	display:block;
}
.hotel-img span {
	font-size:0.5rem;
	line-height:0.4rem;
}

.hotel-content p {
	line-height:1.5rem;
}

.thumbnail150 {
	width:150px;
	height:150px;
	object-fit:cover;
	margin:10px 2px;
	float: left;
}
.thumbnail-hotel {
	width:100%;
	height:150px;
	object-fit:cover;
	margin:10px 2px;
	float: left;
}

#select-country li {
	border-bottom:1px solid #ccc;
	color#666;
	padding:4px 15px;
}

.anchor {
	display: block;
	padding-top: 70px;
	margin-top: -70px;
}


/*----------------------------------------
 	5.info Area Css
----------------------------------------*/
.suscribe-area {
/*	background: #3EC1D5 none repeat scroll 0 0; */
	/*background: #000 none repeat scroll 0 0;*/
	padding: 15px;
	z-index:600;
}

.suscribe-area .container {
	border-radius: 10px;
	background-color: #808080 /*#3EC1D5; #808080;*/

}

.suscribe-text {
	display: block;
	padding: 10px 0;
}

.suscribe-text h2 {
	color: #fff;
	display: inline-block;
/*	font-size: 20px;
	font-weight: 600;
	margin: 0; */
	text-transform: uppercase;
	letter-spacing: 1px;
}

.sus-btn {
	background: #fff none repeat scroll 0 0;
	border: 2px solid #fff;
	color: #3EC1D5;
	display: inline-block;
	font-size: 16px;
	font-weight: 700;
	margin-left: 100px;
	padding: 10px 20px;
	text-decoration: none;
	text-transform: uppercase;
	border-radius: 30px;
}

.sus-btn:hover {
	background: #3EC1D5 none repeat scroll 0 0;
	border: 2px solid #fff;
	color: #fff;
}

.area-info { 
	font-weight: 500;
	font-size:1.25rem;
}

/*--------------------------------*/
/* 5.Profile Area
/*--------------------------------*/

.top-profile-area {
	background: rgba(0, 0, 0, 0) url("../img/top_back_prof.jpg") no-repeat local center top / cover;
	background-blend-mode:lighten;
	height: auto;
	width: 100%;
}


.prof-inner {
	position: relative;
	width: 100%;
	height: auto;
	z-index: 1;
}

.prof-overly {
	background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1;
}

.prof-text p {
	color: #fff;
/*	font-size: 16px;
	line-height: 1.5em;
	margin: 20px 0;*/
	letter-spacing: 1px;
}

.awesome-img img {
/*	width:100%;
	height:auto;
	margin-bottom:10px;
*/
	width:100%;
	height:auto;
	object-fit:cover;
	margin:10px 2px;
	float: left;
}
/*--------------------------------*/
/* 6.history Area
/*--------------------------------*/
.history-header-bg{
	background: rgba(255,255,255,0.8) url("../img/profile/prof_all_gray.png") repeat local center top/30%;
	background-blend-mode:lighten;
	height: auto;
}

.history_table_list {
	border: 1px solid #ccc;
	text-align: center;
	transition: all 0.4s ease 0s;
	background: #fff;
}

.history_table_list h3 span {
	font-size: 16px;
}

.history_table_list ol li {
	border-bottom: 1px solid #ccc;
	color: #666;
	padding: 12px 15px;
	position: relative;
	text-align: left;
}

.history_table_list li.check.cross::after {
	content: "\f00d";
	font-family: fontawesome;
	font-size: 14px;
	position: absolute;
	right: 50px;
	top: 12px;
	color: indianred;
}

.history_table_list li.check::after {
	content: "\f00c";
	font-family: fontawesome;
	font-size: 14px;
	position: absolute;
	right: 50px;
	top: 12px;
	color: #00B391;
}

.history_table_list button {
	background: #444 none repeat scroll 0 0;
	border: 1px solid #444;
	color: #fff;
	margin-bottom: 25px;
	padding: 10px 35px;
	text-transform: uppercase;
	transition: all 0.4s ease 0s;
	border-radius: 30px;
}

.history_table_list>h3 {
	color: #333;
	font-size: 24px;
	font-weight: 700;
	line-height: 25px;
	padding: 30px 0 20px;
	text-transform: uppercase;
	transition: all 0.4s ease 0s;
}

.history_table_list ol {
	list-style: outside none none;
	margin: 0;
	/* padding: 0 0 25px; */
}

.history_table_list.active {
	transition: all 0.4s ease 0s;
	position: relative;
	overflow: hidden;
}

/*----------------------------------------
 7.Best10 Hotels Area Css
----------------------------------------*/
.best10-project {
	overflow: hidden;
	margin-bottom: 30px;
}

.best10-img {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}

.best10-img img {
	border:1px solid #333;
	width:100%;
}

.best10-img>a {
	display: block;
	position: relative;
}

.best10-project:hover .best10-img>a::after {
	opacity: 1;
}

.best10-project:hover .add-actions {
	opacity: 1;
	bottom: 0;
}

.best10-img>a::after {
	background: rgba(0, 179, 145, 0.7) none repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	opacity: 0;
	transition: 0.4s;
}

.best10-year-select{
	text-align:left;
	margin-bottom:100px;
	padding:0 0 100px;
}

.add-actions {
	background: rgba(0, 179, 145, 0.6) none repeat scroll 0 0;
	bottom: 30px;
	display: block;
	height: 100%;
	left: 0;
	opacity: 0;
	overflow: hidden;
	padding: 10px 15px;
	position: absolute;
	transition: all 0.4s ease 0s;
	width: 100%;
}

.project-dec {
	display: block;
	height: 100%;
	width: 100%;
}

.project-dec a {
	display: block;
	height: 100%;
	width: 100%;
}

.project-dec h4 {
	margin-bottom: 5px;
}

.project-dec h4:hover {
	color: #fff;
}

.project-dec h4 {
	color: #ddd;
	font-size: 24px;
	margin-top: -55px;
	padding-top: 50%;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 800;
}

.project-dec span {
	color: #ddd;
	font-size: 13px;
}

.about-travelstudio{
	margin-top:60px;
	margin-bottom:20px;
}

.about-travelstudio .single-well .h6 {
	line-height:1.2;
	font-weight:100;
	font-size:1.1rem
	color: #444;
}

.about-area{
	margin-bottom:80px 0 50px;
}

/*--------------------------------*/
/* TOURS
/*--------------------------------*/
.tours-img{
	position:relative;
}
.tours-img h3{
	position: absolute;
	bottom: 1%;
	left: 3%;
	/*-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,0%);*/
	margin:0;
	padding:0;
	text-shadow: 1px 2px 1px #000; 
	color:#FFF;
}
/*--------------------------------*/
/* 会社情報
/*--------------------------------*/
.company-area {
	background: rgba(255, 255, 255, 0.55) url("../img/campany_back.jpg") no-repeat local center top / cover;
	background-blend-mode:lighten;
	min-height: 90vh;
/*	padding-bottom: 80px;*/
	width: 100%;
}

.company-info{
	background: rgba(255, 255, 250, 0.6);
	padding:10px;
}
.company-item {
	text-align:right;
	font-weight:600;
}
.company-item p{
	margin-top:15px;
	margin-bottom:0px;
}
.company-data {
	text-align:left;
	font-size: 1.1rem;
	border-bottom: 1px solid #A1A9BA;
}
.company-data p{
	margin-top:15px;
	margin-bottom:0px;
}
.company-area .table {
	background-color: rgba(255,255,255,0.4);
}
.company-area .table th, .company-area .table td {
	color:#444;
}
.company-area .table th {
	text-align:center;
	width:150px;
}

.company-area .table-bordered > thead > tr > th, .company-area .table-bordered > tbody > tr > th, .company-area .table-bordered > tfoot > tr > th, .company-area .table-bordered > thead > tr > td, .company-area .table-bordered > tbody > tr > td, .company-area .table-bordered > tfoot > tr > td {
	border-color:#A1A9BA;
}

/*--------------------------------*/
/* 個人情報保護方針
/*--------------------------------*/
.privacy-area {
	background: rgba(255, 255, 255, 0.7) url("../img/privacy_back.jpg") no-repeat local center top / cover;
	background-blend-mode:lighten;
	height: auto;
	width: 100%;
	color:#444;
	padding:50px 20px 100px 20px;
	/*margin-bottom:130px;*/
}
.privacy{
	background: rgba(255, 255, 255, 0.5);
	padding:10px;
	margin-bottom:130px;
}

/*--------------------------------*/
/* B2B
/*--------------------------------*/
.agent-area {
	background: rgba(255, 255, 255, 0.4) url("../img/b2b_back.jpg") repeat-y local center top / cover;
	background-blend-mode:lighten;
	height: auto;
	width: 100%;
	margin-bottom:50px;
}
.agent-area .well .card{
	height:200px;
	padding-top:20px;
}

.agent {
	background: rgba(255, 255, 255, 0.5);
	padding:10px;
}

/*------------------------------------------------------------------------------------------------------*/
/*--------------------------------*/
/* 4.Services Area
/*--------------------------------*/

.services-icon {
	color: #444;
	display: inline-block;
	font-size: 36px;
	line-height: 36px;
	margin-bottom: 20px;
}

.section-headline.services-head>h2 {
	/*margin-bottom: 25px;*/
}

.services-details {
	padding-top: 40px;
	transition: all 0.5s ease 0s;
}

.services-details:hover h4, .services-details:hover .services-icon {
	color: #3EC1D5;
}

.row.second-row {
	margin-top: 40px;
}

.section-head>h2 {
	color: #333;
}

.single-services>h4 {
	color: #444;
	font-size: 24px;
	font-weight: 500;
}

.single-services>p {
	color: #333;
	font-size: 14px;
}

/*----------------------------------------
	5.Skill Area
----------------------------------------*/

.our-skill-area {
	position: relative;
}

.our-skill-area {
	background: rgba(248, 248, 248, 0.8) url("../img/background/bg1.jpg") no-repeat fixed center top / cover;
}

.test-overly {
	background: rgba(0, 0, 0, 0.80);
	position: absolute;
	width: 100%;
	height: 100%;
}

.progress-h4 {
	color: #fff;
	font-weight: 500;
}

/*----------------------------------------
	6.Faq Area
----------------------------------------*/

.faq-details .panel-heading {
	padding: 0;
}

.panel-default>.panel-heading {
	background-color: transparent;
	border: medium none;
	color: #333;
}

.faq-details h4.check-title a {
	color: #333;
	display: block;
	font-weight: 700;
	letter-spacing: 2px;
	margin-left: 40px;
	padding: 6px 10px;
	text-decoration: none;
}

.panel-body {
	/*padding: 15px 15px 0px 50px; */
}

.faq-details h4.check-title {
	color: #444;
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 0;
}

.faq-details a span.acc-icons {
	position: relative;
}

.faq-details a span.acc-icons::before {
	color: #333;
	content: "";
	font-family: fontawesome;
	font-size: 24px;
	height: 40px;
	left: -51px;
	line-height: 39px;
	position: absolute;
	text-align: center;
	top: -10px;
	width: 42px;
}

.faq-details h4.check-title a.active, .faq-details a.active span.acc-icons::before {
	color: #3EC1D5;
}

.faq-details a.active span.acc-icons::before {
	content: "";
	font-family: fontawesome;
	font-size: 24px;
	height: 40px;
	left: -51px;
	line-height: 39px;
	position: absolute;
	text-align: center;
	top: -10px;
	width: 42px;
}

.second-row {
	margin-top: 30px;
}

.event-content.head-team h4 {
	background: transparent none repeat scroll 0 0;
	color: #333;
	padding: 30px 0 10px;
	font-weight: 500;
	text-transform: capitalize;
}

.tab-menu .nav-tabs>li>a:hover {
	border-color: #eee #eee #ddd;
}

.tab-menu {
	display: block;
	text-align: center;
}

.tab-menu ul.nav {
	margin: 0;
	padding: 0;
}

.tab-menu ul.nav li {
	border: medium none;
	display: inline-block;
}

.tab-content {
	border: 1px solid #ccc;
	padding: 0 15px 15px;
}

.tab-menu ul.nav li a {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border-radius: 0;
	color: #444;
	display: block;
	font-weight: 500;
	margin-right: 5px;
	padding: 10px 20px;
	font-family: raleway;
	font-size: 18px;
}

.tab-menu ul li.active a, .tab-menu ul li.hover a, .tab-menu ul li.focus a {
	border-bottom: 1px solid #fff;
	color: #3EC1D5 !important;
}

.tab-menu .nav-tabs {
	border-bottom: none;
}

.tab-main-img a {
	position: relative;
	display: block;
}

.tab-main-img a:hover span.events-offer {
	height: 20%;
}

.tab-main-img a span.events-offer {
	background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
	bottom: 0;
	color: #fff;
	content: "";
	font-size: 20px;
	font-weight: 700;
	height: 0%;
	left: 0;
	line-height: 70px;
	padding: 0;
	position: absolute;
	text-align: left;
	transition: all 0.5s ease 0s;
	width: 100%;
	padding: 0px 10px;
}

/*----------------------------------------
 7.Wellcome Area Css
----------------------------------------*/

.wellcome-area {
	background: rgba(248, 248, 248, 0.8) url("../img/background/bg1.jpg");
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

.well-bg {
	position: relative;
}

.wellcome-text {
	margin: 70px 0;
	padding: 30px 40px;
}

.well-text>h2 {
	color: #fff;
	font-size: 44px;
	font-weight: 500;
	line-height: 50px;
}

.well-text p {
	font-size: 18px;
	font-style: italic;
	color: #fff;
}

.wellcome-text .section-headline p {
/*	margin-bottom: 0;*/
}

.subs-feilds {
	border: 1px solid #fff;
	display: inline-block;
	height: 52px;
	margin-top: 30px;
	width: 60%;
	border-radius: 30px;
	overflow: hidden;
}

.suscribe-input input {
	background: transparent none repeat scroll 0 0;
	border: medium none;
	color: #fff;
	float: left;
	font-size: 15px;
	line-height: 24px;
	padding: 11px 15px;
	width: 70%;
	height: 50px;
}

.suscribe-input button {
	background: #3ec1d5 none repeat scroll 0 0;
	border: medium none;
	border-radius: 0 20px 20px 0;
	color: #fff;
	float: left;
	font-size: 20px;
	font-weight: 700;
	padding: 14px 20px;
	width: 30%;
}

.suscribe-input button:hover {
	background: #fff none repeat scroll 0 0;
	color: #3ec1d5;
}

/*----------------------------------------
 8.Team Area Css
----------------------------------------*/

.team-member {
	background: rgba(0, 0, 0, 0.65) none repeat scroll 0 0;
	display: block;
	margin-right: -15px;
	padding: 10px;
	position: relative;
	overflow: hidden;
}

.team-member::before {
	background: rgba(0, 0, 0, 0) url("../img/team/team01.jpg") repeat scroll 0 0;
	content: "";
	display: block;
	height: 100%;
	left: 0;
	margin-right: -15px;
	padding: 10px;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
	transition: 5s;
	transform: scale(1);
}

.team-member:hover.team-member::before {
	transform: scale(1.2);
}

.single-team-member {
	border: 1px solid #ddd;
}

.team-left-text h4 {
	color: #fff;
	font-size: 30px;
	font-weight: 700;
	text-transform: uppercase;
}

.team-left-text p {
	color: #fff;
	font-size: 17px;
	line-height: 26px;
}

.email-news {
	display: block;
	margin: 30px 0;
	overflow: hidden;
	text-align: center;
	width: 100%;
}

.email-news .email_button input {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: 1px solid #fff;
	color: #fff;
	float: left;
	font-size: 13px;
	padding: 8px;
	width: 81%;
}

.email-news .email_button>button {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: 1px solid #fff;
	color: #fff;
	float: left;
	font-size: 16px;
	padding: 8px 12px;
	text-align: center;
}

.email-news .email_button>button:hover {
	background: #3EC1D5;
	border: 1px solid #fff;
	color: #fff;
}

.team-left-icon ul li {
	display: inline-block;
}

.team-left-icon ul li a:hover {
	color: #3EC1D5;
	background: #fff;
	border: 2px solid #fff;
}

.team-left-icon ul li a {
	border: 2px solid #fff;
	color: #fff;
	display: block;
	font-size: 16px;
	height: 40px;
	line-height: 37px;
	margin: 0 3px;
	width: 40px;
}

.team-member-carousel .single-team-member {
	overflow: hidden;
	width: 100%;
}

.single-team-member:hover .team-img a:after {
	opacity: 1;
}

.single-team-member:hover .team-social-icon {
	top: 45%;
	opacity: 1;
}

.team-img {
	position: relative;
}

.team-img>a {
	display: block;
}

.team-img>a::after {
	background: rgba(0, 0, 0, 0.70);
	bottom: 0;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	transition: all 0.5s ease 0s;
	width: 100%;
	opacity: 0;
}

.team-social-icon {
	left: 50%;
	margin-left: -61px;
	opacity: 0;
	position: absolute;
	top: 30%;
	transition: 1.3s;
}

.team-social-icon ul li {
	display: inline-block;
}

.team-social-icon ul li a {
	border: 1px solid #fff;
	border-radius: 50%;
	color: #fff;
	display: block;
	font-size: 14px;
	height: 34px;
	line-height: 35px;
	margin: 0 3px;
	width: 34px;
}

.team-social-icon ul li a:hover {
	color: #fff;
	border: 1px solid #3EC1D5;
	background: #3EC1D5;
}

.team-content {
	padding: 10px 0px;
}

.team-content>h4, .team-content>p {
	color: #444;
	margin-bottom: 5px;
}

.team-content.head-team p {
	margin-bottom: 0;
}

.team-left-icon.text-center {
	margin-bottom: 20px;
}

.head-team h4 {
	display: inline-block;
	font-size: 25px;
	font-weight: 600;
	padding-bottom: 10px;
	text-transform: uppercase;
}

/*--------------------------------*/

/*	9.review Area
/*--------------------------------*/

.reviews-area {
	background: url(../img/tours/amanemu/exterior.png);
	overflow: hidden;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
	background-attachment: fixed;
	width: 100%;
	height: auto;
	position: relative;
}

.domestic-area{
	/*background: url(../img/tours/amanemu/exterior.png);*/
	overflow: hidden;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top right;
	background-attachment: fixed;
	width: auto;
	height: 100%;
	position: relative;
	color:#444;
}

.domestic {
	background: rgba(255, 255, 255, 0.5);
	padding:10px;
	color:#000;
}

.domestic p {
	color:#000;
}

.work-left-text {
	background: #3EC1D5 none repeat scroll 0 0;
}

.work-left-text {
	width: 50%;
}

.work-left-text img {
	max-width: 100%;
	height: auto;
}

.work-right-text {
	background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
	float: right;
	height: 100%;
	overflow: hidden;
	padding: 20px 0;
	width: 50%;
	position: absolute;
	right: 0;
	top: 0;
}

.amanemu-right-text {
	/*background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;*/
	background: rgba(255, 255, 255, 0.1) url(../img/tours/amanemu/exterior.png) no-repeat local center top / cover;
	background-blend-mode:lighten;
	float: right;
	height: 100%;
	overflow: hidden;
	padding: 20px 0;
	width: 50%;
	position: absolute;
	right: 0;
	top: 0;
}

.uza-right-text {
	/*background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;*/
	background: rgba(255, 255, 255, 0.1) url(../img/tours/uza/presidential_living.jpg) no-repeat local center top / cover;
	background-blend-mode:lighten;
	float: right;
	height: 100%;
	overflow: hidden;
	padding: 20px 0;
	width: 50%;
	position: absolute;
	right: 0;
	top: 0;
}

.sui-right-text {
	/*background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;*/
	background: rgba(255, 255, 255, 0.1) url(../img/tours/sui/sui_miyako.jpg) no-repeat local center top / cover;
	background-blend-mode:lighten;
	float: right;
	height: 100%;
	overflow: hidden;
	padding: 20px 0;
	width: 50%;
	position: absolute;
	right: 0;
	top: 0;
}

.work-right-text h2 , .amanemu-right-text h2 , .uza-right-text h2 {
	color: #000;
	text-transform: uppercase;
	font-size: 24px;
}

.work-right-text h5 , .amanemu-right-text h5 , .uza-right-text h5{
	color: #000;
	font-size: 18px;
	font-weight: 500;
	line-height: 34px;
	text-transform: uppercase;
}

.work-right-text .sus-btn {
	margin-left: 0;
	margin-top: 20px;
}

.single-awesome-4 {
	display: block;
	float: left;
	overflow: hidden;
	width: 33.33%;
}

.single-awesome-4 .add-actions {
	padding: 10px 20px;
}




/*----------------------------------------*/

/* 11. Pricing Area
/*----------------------------------------*/
/*
.pricing-area {
	background: rgba(0, 0, 0, 0.02) none repeat scroll 0 0;
}

.history_table_list {
	border: 1px solid #ccc;
	border-bottom:0px none;
	text-align: center;
	transition: all 0.4s ease 0s;
	background: #fff;
}

.history_table_list h3 span {
	font-size: 16px;
}

.history_table_list ol li {
	border-bottom: 1px solid #ccc;
	color: #666;
	padding: 12px 15px;
	position: relative;
	text-align: left;
}

.history_table_list li.check.cross::after {
	content: "\f00d";
	font-family: fontawesome;
	font-size: 14px;
	position: absolute;
	right: 50px;
	top: 12px;
	color: indianred;
}

.history_table_list li.check::after {
	content: "\f00c";
	font-family: fontawesome;
	font-size: 14px;
	position: absolute;
	right: 50px;
	top: 12px;
	color: #3EC1D5;
}

.history_table_list button {
	background: #444 none repeat scroll 0 0;
	border: 1px solid #444;
	color: #fff;
	margin-bottom: 25px;
	padding: 10px 35px;
	text-transform: uppercase;
	transition: all 0.4s ease 0s;
	border-radius: 30px;
}

.history_table_list>h3 {
	color: #333;
	font-size: 24px;
	font-weight: 700;
	line-height: 25px;
	padding: 30px 0 20px;
	text-transform: uppercase;
	transition: all 0.4s ease 0s;
}

.history_table_list ol {
	list-style: outside none none;
	margin: 0;
	padding: 0;
}

.history_table_list.active {
	transition: all 0.4s ease 0s;
	position: relative;
	overflow: hidden;
}

.saleon {
	background: #3EC1D5 none repeat scroll 0 0;
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	left: -26px;
	padding: 2px 25px;
	position: absolute;
	text-transform: uppercase;
	top: 16px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
}

.history_table_list>button:hover {
	background-color: #fff;
	border: 1px solid #333;
	color: #333;
}

.active>h3 {
	background: #f5f5f5 none repeat scroll 0 0;
	color: #333;
	transition: all 0.4s ease 0s;
}

.active>button {
	background: #3EC1D5 none repeat scroll 0 0;
	border: 1px solid #3EC1D5;
	color: #fff;
	transition: 0.4s;
}

.active>button:hover {
	background: #333 none repeat scroll 0 0;
	border: 1px solid #333;
	color: #fff;
	transition: 0.4s;
}
*/
/*----------------------------------------
 12.Testimonial Area Css
----------------------------------------*/

.testimonials-area {
	background: rgba(0, 0, 0, 0) url("../img/background/slider1.jpg") no-repeat fixed center top / cover;
	height: auto;
	width: 100%;
}

.testi-inner {
	position: relative;
	width: 100%;
	height: auto;
	z-index: 1;
}

.testi-overly {
	background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1;
}

.quate {
	border: 1px dotted #fff;
	border-radius: 50%;
	color: #fff;
	display: inline-block;
	font-size: 24px;
	height: 70px;
	line-height: 70px;
	width: 70px;
}

.quate:hover {
	color: #fff;
}

.testi-img img {
	border: 1px dotted rgba(0, 0, 0, 0.05);
	border-radius: 2px;
	height: 80px;
	margin: 0 auto;
	padding: 5px;
	transition: background 0.6s ease-out 0s;
	width: 80px !important;
}

.testi-text p {
	color: #fff;
	font-size: 16px;
	line-height: 1.5em;
	margin: 20px 0;
	letter-spacing: 1px;
}

.testi-text h6 {
	color: #fff;
	font-size: 20px;
}

.testimonial-carousel.owl-carousel.owl-theme .owl-controls .owl-dots div.owl-dot>span {
	background: #fff none repeat scroll 0 0;
	display: inline-block;
	height: 8px;
	width: 8px;
	-moz-transition: 0.4s;
	-webkit-transition: 0.4s;
	-o-transition: 0.4s;
	-ms-transition: 0.4s;
	transition: 0.4s;
	border-radius: 50%;
}

.testimonial-carousel.owl-carousel.owl-theme .owl-controls .owl-dots {
	bottom: -30px;
	display: block;
	left: 50%;
	margin-left: -20px;
	position: absolute;
}

.testimonial-content {
	margin-bottom: 15px;
}

.testimonial-carousel.owl-carousel.owl-theme .owl-controls .owl-dots div.owl-dot {
	display: inline-block;
	margin: 0 3px;
}

.testimonial-carousel.owl-carousel.owl-theme .owl-controls .owl-dots div.owl-dot.active span {
	background: #3EC1D5;
}

.testi-text.text-center>h6 {
	color: #fff;
	font-size: 20px;
	font-weight: 700;
	text-transform: uppercase;
}

.guest-rev {
	color: #ddd;
	font-size: 16px;
}

.guest-rev>a {
	color: #3EC1D5;
	font-size: 14px;
}

/*--------------------------------*/

/*	13.Blog Area
/*--------------------------------*/

.hotel-list-area {
	height: auto;
	width: 100%;
	margin-bottom:150px;
}

.hotel-list {
	margin:5px 0;
	display: flex;
	border-bottom: 1px solid #DDD;
}

.hotel-list-img {
	width:140px;
	padding:5px
}

.hotel-list-img img {
	width:130px;
	height: 90px;
	object-fit: cover;
}

.hotel-list-info {
	padding:0 10px;
	width:100% - 140px;
	display: block;
	color:#444;
}


/*------------------------------
	13. Quote area
--------------------------------*/



/*--------------------------------*/

/*	14.Contact Area
/*--------------------------------*/

.contact-area {
	height: auto;
	width: 100%;
}

.contact-content {
	padding: 100px;
	background: #000 none repeat scroll 0 0;
}

.contact-content-right {
	padding: 100px;
}

.contact-form input[type="text"], .contact-form input[type="email"] {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: 1px solid #ccc;
	border-radius: 0;
	color: #444;
	height: 40px;
	margin-bottom: 16px;
	padding-left: 20px;
	width: 100%;
}

.contact-form textarea	{
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: 1px solid #ccc;
	border-radius: 0;
	color: #444;
	height: 140px;
	padding: 20px;
	width: 100%;
}

.contact-form button[type="submit"] {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: 1px solid #ccc;
	color: #444;
	font-size: 16px;
	font-weight: 700;
	margin-top: 8px;
	padding: 12px 30px;
	text-transform: uppercase;
	transition: all 0.3s ease 0s;
	border-radius: 30px;
}

.contact-form button[type=submit]:hover {
	color: #fff;
	border: 1px solid #3EC1D5;
	background: #3EC1D5;
}

.contact-form	#sendmessage {
	color: #3EC1D5;
	border: 1px solid #3EC1D5;
	display: none;
	text-align: center;
	padding: 15px;
	font-weight: 600;
	margin-bottom: 15px;
}

.contact-form #errormessage {
	color: red;
	display: none;
	border: 1px solid red;
	text-align: center;
	padding: 15px;
	font-weight: 600;
	margin-bottom: 15px;
}

.contact-form #sendmessage.show, .contact-form #errormessage.show, .contact-form .show {
	display: block;
}

#contact .form .validation {
	color: red;
	display: none;
	margin: 0 0 20px;
	font-weight: 400;
	font-size: 13px;
}

.single-icon i {
	font-size: 24px;
	width: 50px;
	height: 50px;
	border: 1px solid #444;
	line-height: 46px;
	border-radius: 50%;
	margin-bottom: 20px;
}

.single-icon p {
	font-size: 16px;
	line-height: 30px;
}

.contact-icon {
	margin-bottom: 40px;
}

#google-map {
	height: 370px;
	margin-bottom: 20px;
}

/*----------------------------------------*/

/*	15. Footer Area
/*----------------------------------------*/

.footer-area {
	padding: 20px 0;
	background: #000;
}

.footer-area p {
	color: #A1A9BA;
}

.footer-area a, .footer-area a:hover{
	color: #A1A9BA;
}

.footer-head h4 {
	color: #A1A9BA;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.footer-logo {
	/* padding-bottom: 20px; */
}

.footer-logo h2 {
	color: #222;
	padding: 0;
	margin: 0;
	line-height: 1;
}

.footer-logo h2 span {
	color: #3ec1d5;
}

.footer-icons ul li {
	display: inline-block;
}

.footer-icons ul li a {
	border: 1px solid #444;
	color: #444;
	display: block;
	font-size: 16px;
	height: 40px;
	line-height: 38px;
	margin-right: 5px;
	text-align: center;
	width: 40px;
	border-radius: 50%;
}

.flicker-img>a {
	float: left;
	padding: 1px;
	width: 33.33%;
}

.footer-icons {
	margin-top: 30px;
}

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

.popular-tag ul li {
	display: inline-block;
}

.footer-content {
	display: block;
	overflow: hidden;
}

.popular-tag ul li a:hover, .footer-icons ul li a:hover {
	background: #3EC1D5;
	border: 1px solid #3EC1D5;
	color: #fff;
}

.popular-tag ul li a {
	border: 1px solid #444;
	border-radius: 30px;
	color: #444;
	display: block;
	font-size: 13px;
	font-weight: 600;
	margin: 5px 3px;
	padding: 5px 10px;
	position: relative;
	text-decoration: none;
	text-transform: capitalize;
	transition: all 0.4s ease 0s;
	width: 70px;
	text-align: center;
}

.footer-area-bottom {
	background: #f1f1f1 none repeat scroll 0 0;
	padding: 15px 0;
}

.copyright-text a:hover {
	text-decoration: underline;
	color: #3EC1D5;
}

.copyright-text a {
	color: #444;
}

.copyright>p {
	vertical-align: middle;
	margin-bottom: 0;
	color: #444;
}

.copyright a, .credits a {
	color: #3EC1D5;
}

.credits {
	padding-top: 5px;
	text-align: center;
}

/*----------------------------------------*/

/*	16.Home Page 2	CSS
/*----------------------------------------*/

.header-bg {
	background: url(../img/slider/slider1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
	background-attachment: fixed;
}

.header-bg.home-2 {
	width: 100%;
	height: 100%;
	position: relative;
}

.home-overly {
	background: rgba(0, 0, 0, 0.50);
	height: 100%;
	position: absolute;
	width: 100%;
}

.home-2 .layer-1-3, .home-3 .layer-1-3 {
	margin: 10px 0 0;
}

/*----------------------------------------*/

/*	17.Home Page 3	CSS
/*----------------------------------------*/

.home-video {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1;
}

.header-image.home-3 {
	width: 100%;
	height: 100%;
	position: relative;
}

.table {
	width: 100%;
	height: 100%;
	display: table;
}

.table-cell {
	width: 100%;
	height: 100%;
	display: table-cell;
	vertical-align: middle;
}

/*----------------------------------------
	18. Blog page
----------------------------------------*/

.page-area {
	position: relative;
}

.blog-page .banner-box {
	margin-bottom: 40px;
}

.search-option input {
	border: medium none;
	padding: 6px 15px;
	width: 80%;
}

.search-option {
	border: 1px solid #ccc;
	height: 42px;
	margin-bottom: 30px;
}

.search-option button {
	background: transparent none repeat scroll 0 0;
	border: medium none;
	font-size: 20px;
	padding: 8px 23px;
}

.search-option button:hover {
	color: #3ec1d5;
}

.left-blog h4 {
	border-bottom: 1px solid #ddd;
	color: #444;
	font-size: 17px;
	font-weight: 500;
	margin-bottom: 0;
	padding: 15px 10px;
	text-transform: uppercase;
}

.left-blog {
	background: #f9f9f9 none repeat scroll 0 0;
	margin-bottom: 30px;
	overflow: hidden;
	padding-bottom: 5px;
}

.left-blog li {
	border-bottom: 1px solid #ddd;
	display: block;
}

.left-blog ul li a:hover {}

.left-blog ul li a {
	color: #444;
	display: block;
	font-size: 1rem;
	padding: 5px 10px 5px 20px;
	text-transform: capitalize;
}

.recent-single-post {
	border-bottom: 1px solid #ddd;
	display: block;
	overflow: hidden;
	padding: 4px 5px;
}

.ready-btn {
	border: 1px solid #fff;
	border-radius: 30px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 17px;
	font-weight: 600;
	margin-top: 30px;
	padding: 12px 40px;
	text-align: center;
	text-transform: uppercase;
	transition: all 0.4s ease 0s;
	z-index: 222;
}

.ready-btn:hover {
	color: #fff;
	background: #3EC1D5;
	border: 1px solid #3EC1D5;
	text-decoration: none;
}

.post-img, .post-img2{
	display: inline-block;
	float: left;
	padding: 0px;
	width: 70px;
	margin-right:5px;
}
.post-img img{
	width:70px;
}

.post-img2 img{
	width:70px;

}

.pst-content {
	display: inline-block;
	float: left;
	width : -webkit-calc(100%-70px) ;
	width: calc(100%-75px);
}

.pst-content p {
	margin:0;
}

.pst-content span {
	margin:0;
	vertical-align:middle;
}

.pst-content p a:hover, .left-blog ul li a:hover {
	color: #3EC1D5;
}

.blog-page .single-blog {
	margin-bottom: 40px;
}

.pst-content p a {
	color: #444;
	font-size: 15px;
}

.header-bottom h1, .header-bottom h2 {
	color: #fff;
}

.blog-tags {
	padding: 1px 0;
}

.left-blog li:last-child {
	border-bottom: 0;
}

.popular-tag.left-blog ul li a:hover {
	color: #fff;
}

.popular-tag.left-side-tags.left-blog ul {
	padding: 0 10px;
}

.blog-1 .banner-box {
	margin-bottom: 30px;
}

.left-tags .left-side-tags ul li {
	border-bottom: 0;
}

.left-tags .left-side-tags ul li a {
	padding: 3px 10px;
	width: auto;
}

.left-side-tags h4 {
	margin-bottom: 15px;
}

/*----------------------------------------*/

/*	19.	Blog Details css
/*----------------------------------------*/

.post-information h2 {
	color: #363636;
	font-size: 22px;
	text-transform: uppercase;
}

.post-information {
	padding: 20px 0;
}

.post-information .entry-meta span a {
	color: #444;
	display: inline-block;
	padding: 10px 0;
}

.entry-meta span a:hover {
	color: #3EC1D5;
}

.post-information .entry-meta {
	border-bottom: 1px solid #ccc;
	margin: 20px 0;
}

.post-information .entry-meta span i {
	padding: 0 10px;
}

.entry-content>p {
	color: #444;
}

.entry-meta>span {
	color: #444;
}

.entry-content blockquote {
	background: #fff none repeat scroll 0 0;
	border-left: 5px solid #3EC1D5;
	font-size: 17.5px;
	font-style: italic;
	margin: 0 0 20px 40px;
	padding: 22px 20px;
}

.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
	background-color: #3EC1D5;
	border-color: #3EC1D5;
	color: #fff;
	cursor: default;
	z-index: 3;
}

.social-sharing {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #ccc;
	display: block;
	margin: 30px 0;
}

.social-sharing>h3 {
	display: inline-block;
	font-size: 18px;
	margin: 0;
	padding: 20px 10px;
}

.sharing-icon {
	display: inline-block;
	float: right;
	padding: 13px 10px;
}

.sharing-icon a {
	border: 1px solid #444;
	color: #444;
	display: block;
	float: left;
	font-size: 18px;
	height: 34px;
	line-height: 30px;
	margin-left: 10px;
	text-align: center;
	width: 34px;
}

.sharing-icon a:hover {
	color: #3EC1D5;
	border: 1px solid #3EC1D5;
}

.single-blog .author-avatar {
	float: left;
	margin-right: 10px;
}

.single-blog .author-description h2 {
	font-size: 18px;
	margin: 0;
	padding: 0 0 5px;
}

.author-info {
	background: #fff none repeat scroll 0 0;
	float: left;
	margin: 30px 0;
	padding: 15px;
	width: 100%;
}

.single-post-comments {
	margin-bottom: 60px;
	max-width: 650px;
}

.comments-heading h3, h3.comment-reply-title {
	border-bottom: 1px solid #e8e8e9;
	color: #444;
	font-size: 18px;
	margin: 0 0 20px;
	padding: 0 0 5px;
	text-transform: uppercase;
}

.comments-list ul li {
	margin-bottom: 25px;
}

.comments-list-img {
	float: left;
	margin-right: 15px;
}

.comments-content-wrap {
	color: #42414f;
	font-size: 12px;
	line-height: 1;
	margin: 0 0 15px 80px;
	padding: 10px;
	position: relative;
}

.author-avatar {
	display: inline-block;
	float: left;
	width: 10%;
}

.author-description h2 {
	color: #777;
	font-size: 20px;
	text-transform: uppercase;
}

.author-description h2 a {
	color: #000;
}

.comments-content-wrap span b {
	margin-right: 5px
}

.comments-content-wrap span a:hover {}

span.post-time {
	margin-right: 5px
}

.comments-content-wrap p {
	color: #909295;
	line-height: 18px;
	margin-bottom: 5px;
	margin-top: 15px;
}

li.threaded-comments {
	margin-left: 50px
}

.comment-respond {
	margin-top: 60px;
}

h3.comment-reply-title {}

span.email-notes {
	color: #42414f;
	display: block;
	font-size: 12px;
	margin-bottom: 10px;
}

.comment-respond p {
	color: #444;
	margin-bottom: 5px;
}

.comment-respond input[type=text], .comment-respond input[type=email] {
	border: 1px solid #e5e5e5;
	border-radius: 0;
	height: 32px;
	margin-bottom: 15px;
	padding: 0 0 0 10px;
	width: 100%;
}

.comment-respond textarea#message-box {
	border: 1px solid #e5e5e5;
	border-radius: 0;
	max-width: 100%;
	padding: 10px;
	height: 130px;
	width: 100%;
}

.comment-respond input[type="submit"] {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: 1px solid #3ec1d5;
	border-radius: 20px;
	box-shadow: none;
	color: #444;
	display: inline-block;
	font-size: 12px;
	font-weight: 700;
	height: 40px;
	line-height: 14px;
	margin-top: 20px;
	padding: 10px 15px;
	text-shadow: none;
	text-transform: uppercase;
	transition: all 0.3s ease 0s;
	white-space: nowrap;
}

.comments-content-wrap span a {
	color: #000;
}

.comments-content-wrap span a:hover {
	color: #3EC1D5;
}

.comment-respond input[type=submit]:hover {
	border: 1px solid #3EC1D5;
	color: #fff;
	background: #3EC1D5;
}

.single-blog .blog-pagination {
	border-top: 1px solid #e5e5e5;
	margin: 0;
	padding-top: 30px;
}

/*----------------------------------------
 .End CSS
----------------------------------------*/
.box {
  margin-top: 10px;
  margin-bottom: 10px
}

.box-inner {
  border: 1px solid #dedede;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  box-shadow: 0 0 10px rgba(189, 189, 189, .4);
  -webkit-box-shadow: 0 0 10px rgba(189, 189, 189, .4);
  -moz-box-shadow: 0 0 10px rgba(189, 189, 189, .4)
}

.box-header {
  border: none;
  padding-top: 5px;
  border-bottom: 1px solid #dedede;
  border-radius: 3px 3px 0 0;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  height: 35px;
  min-height: 35px!important;
  margin-bottom: 0;
  font-weight: 700;
  font-size: 16px;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.1) 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#1a000000', GradientType=0)
}

.japan-page .box-header {
  height: 60px;
  text-align: center;
  font-size:15px;
}

.japan-side-br{
	/* display:none;*/
}

.sp-title-box{
	border: 1px solid #ccc;
	text-align: center;
	transition: all 0.4s ease 0s;
	background: #fff;

}
.sp-title-box p{
	font-size:1.4rem;
	margin:0;
}
.sp-title-box img{
	max-width:100%;
}

.box-header h2 {
  font-size: 15px;
  width: auto;
  clear: none;
  float: left;
  line-height: 25px;
  white-space: nowrap;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 0
}

.box-header h3 {
  font-size: 13px;
  width: auto;
  clear: none;
  float: left;
  line-height: 25px;
  white-space: nowrap
}

.box-header h2>i {
  margin-top: 1px
}

.box-icon {
  float: right
}

.box-icon a {
  clear: none;
  float: left;
  margin: 0 2px;
  height: 20px;
  width: 5px;
  margin-top: 1px
}

.box-icon a i {
  margin-left: -6px;
  top: -1px
}

.box-content {
  padding: 5px
}

.btn-round {
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  font-size: 12px;
  padding-top: 4px
}

/*----------------------*/
.pri_table_list {
	border: 1px solid #ccc;
	text-align: center;
	transition: all 0.4s ease 0s;
	background: #fff;
}

.pri_table_list h3 span {
	font-size: 16px;
}

.pri_table_list ol li {
	border-bottom: 1px solid #ccc;
	color: #666;
	padding: 12px 15px 12px 50px;
	position: relative;
	text-align: left;
}

.pri_table_list li.check.cross::after {
	content: "\f00d";
	font-family: fontawesome;
	font-size: 14px;
	position: absolute;
	left: 30px;
	top: 12px;
	color: indianred;
}

.pri_table_list li.check::after {
	content: "\f00c";
	font-family: fontawesome;
	font-size: 14px;
	position: absolute;
	left: 30px;
	top: 12px;
	color: #3EC1D5;
}

.pri_table_list button {
	background: #444 none repeat scroll 0 0;
	border: 1px solid #444;
	color: #fff;
	margin-bottom: 25px;
	padding: 10px 35px;
	text-transform: uppercase;
	transition: all 0.4s ease 0s;
	border-radius: 30px;
}

.pri_table_list>h3 {
	color: #333;
	font-size: 24px;
	font-weight: 500;
	line-height: 25px;
	padding: 20px;
	text-transform: uppercase;
	transition: all 0.4s ease 0s;
}

.pri_table_list ol {
	list-style: outside none none;
	margin: 0;
	padding: 0;
}

.pri_table_list.active {
	transition: all 0.4s ease 0s;
	position: relative;
	overflow: hidden;
}

.pri_table_list img {
	 /*vertical-align: baseline;*/
	margin-left :15px;
}

.pri_table_list ol li img {
	margin-left :-30px;
}
.saleon {
	background: #3EC1D5 none repeat scroll 0 0;
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	left: -26px;
	padding: 2px 25px;
	position: absolute;
	text-transform: uppercase;
	top: 16px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
}