/*
	Template Name: BizCraft Responsive HTML5/CSS3 Template
	Author: tripples
	Author URI: http://shapebootstrap.net/user/tripples
	Description: BizCraft Responsive HTML5/CSS3 Template.
	Version: 1.0
*/

/* Table of Content
==================================================
1.	Style Swithcer (you can delete the css)
2.	Global Styles
3. 	Typography
4. 	Slider
5.	Header area
6.	Slideshow
7.	Services
8.	Portfolio
9.	About
10.	Team
11.	Pricing
12.	Testimonial
13. Recent Post
14. Clients
15. Twitter
16. Contact
17. Footer
18. Sub pages
19. Blog Item page
20. Landing page

*/


@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900);

@import url(http://fonts.googleapis.com/css?family=Lora:400,700,400italic);



/* Global styles
================================================== */

html{
	overflow-x: hidden !important;
	width: 100%;
	height: 100%;
	position: relative;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

body{
	border: 0;
	margin: 0;
	padding: 0;
	font-size: 1em;
	color: #6A6A6A;
	background: #fff;
	font-family: Lato, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN",sans-serif;
}

h1, h2, h3{
	color: #323232;
}

.body-inner{
	position: relative;
	overflow: hidden;
}

a:link,
a:visited{
    text-decoration: none;
}


a:hover{
	text-decoration: none;
	color: #000;
}

a.read-more{
	color: #323232;
}

section{
	padding: 80px 0;
	position: relative;
}

.no-padding{
	padding: 0;
}

.heading{
	padding-bottom: 50px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.gap-40 {
	clear: both;
	height: 40px;
}

.gap-30 {
	clear: both;
	height: 30px;
}
.gap-20 {
	clear: both;
	height: 20px;
}

a:focus{
	outline: 0;
}

.alignright { float:right;
	padding:0 0 10px 10px ;}

.aligncenter { margin:0 auto 0;
	display:block;}
	
.alignleft { float:left;
	padding:0 10px 10px 0;}
.left {text-align: left}
.center { text-align: center}
.bold { font-weight:700; }

.pink { color:#FF1493;}

.f-size18 { font-size:18px; }

.red { color:#dc143c; }

.bk-gray { display: block;
	margin: 0 auto;
	width:80%;
	background-color: #111;
	padding:8px;
	opacity:0.7;
	text-align: left;
	font-size:13px;
}
.tx-lg {font-size:24px;
    font-weight: 300;
    line-height: 1.2em}
	
/* Typography
================================================== */

body, p{
	font-size:0.95em;
	font-weight: 400; 
	line-height: 1.4em;
}


h1{
    font-size: 36px;
    line-height: 48px;
}

h2{ font-size: 28px;
    font-weight: 300;
}

h2 span { font-size:13px;}

h3{
    font-size: 22px;
    line-height: 32px;
    font-weight: 400;
}
h3 span { font-size:16px;}
.day {font-size:36px}
h4{
    font-size: 18px;
    line-height: 28px;
}

h5{
    font-size: 14px;
    line-height: 24px;
}

h5 span { font-size:36px;}

.mono-font {font-family: Consolas, 'Courier New', Courier, Monaco, monospace;}

/* Button variation */

.btn.btn-primary{
	color: #323232;
	border-radius: 50px;
	padding: 10px 30px;
	background: none;
	font-size: 14px;
	text-transform: uppercase;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.btn.btn-primary:hover{
	color: #fff;
}

.btn.btn-primary.white{
	border: 2px solid #fff;
}

.btn.btn-primary.white:hover{
	border: 2px solid transparent;
}


.btn.btn-primary.solid:hover{
	background: none;
}

ul.circle, ul.check-list{
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.circle li{
	position: relative;
	margin-left: 30px;
	padding-bottom: 20px;

}

ul.circle li:before{
	content: "\f111";
	font-family: FontAwesome;
	font-size: 8px;
	line-height: 8px;
	border: 2px solid rgba(0, 0, 0,.1);
	border-radius: 100%;
	position: absolute;
	left: -33px;
	top: 5px;
}

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

ul.check-list li{
	margin-bottom: 5px;
}

ul.check-list li i{
	margin-right: 10px;
	font-size: 14px !important;
}

blockquote p{
	font-size: 14px;
	font-weight: 400;
	line-height: 18px;
	font-style: italic;
	color: #959595;
}

blockquote {
	margin: 20px 0;
}

#map-wrapper .btn.btn-primary { color:#fff;
	margin-top:10px; }

/*top slider
==================================================*/
#home {background-repeat: repeat-x;
    background-image: url(../images/slider/top-bk.jpg) }


/*出展内容ボックス
==================================================*/
.boxed-grey3 {
	background: #f1f1f1;
	padding: 0;
	margin:0 10px 10px 0;
	width:300px;
	display:block;
	float:left;position: relative;
}


.boxed-grey3:before, .boxed-grey3:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #555;
  -webkit-box-shadow: 0 15px 10px #555;
  -moz-box-shadow: 0 15px 10px #555;
  box-shadow: 0 15px 10px #555;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.boxed-grey3:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

.boxed-grey3:hover {
	background: #ddd;
}

.boxed-grey3 img { margin:0;
	padding:0;
	float:left;
	width:80px;
	}
	
.boxed-grey3 p { height: 80px;
	line-height: 80px;
	margin:0;
	padding-left:90px;
	font-size:1em;
	}
	
/*出展アイテムボックス Exhibit contents */

.exhibit { background-color:#f5f5f5; }


.masonry {
    margin: 1.5em 0;
    padding: 0;
    -moz-column-gap: 1.5em;
    -webkit-column-gap: 1.5em;
    column-gap: 1.5em;
}

.items {
    display: inline-block;
    background: #fff;
    padding: 1em;
    margin: 0 0 1.5em;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-shadow: 2px 2px 4px 0 #ccc;
}

.items img.logo { display:block;
	margin:0 auto;
	}
.items div.logos { text-align:center;
	}

.items p { padding-top:8px;
	font-size:0.85em;}
	
.exib-address { display:block;
	font-size:0.8em!important;
	text-align:center;}
			
.items h3 { display:block;
	text-align:center;
	font-size:16px;
	color:#333;
	line-height: 16px;
	margin-bottom:0;
	}
.items2 {
    display: inline-block;
    padding: 0;
    margin: 0 0 1.5em;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-shadow: 2px 2px 4px 0 #ccc;
}

.items2 div.logos { text-align:center;
	}

.items2 p { padding:10px;
	font-size:0.875em;}
	
.exib-address { display:block;
	font-size:0.8em!important;
	text-align:center;}
			
.items h3 { display:block;
	text-align:center;
	font-size:16px;
	color:#333;
	line-height: 16px;
	margin-bottom:0;
	}
.exhibpic { background-color:#f1f1f1;
	display:block;
	padding:10px;
	width:100%;
	margin:4px auto 0;
	}

.exhibpic h4 { 
	color:#333;
	margin:0 4px 8px;
	line-height:1.2em;
	font-size:0.8em;
	}

.exhibpic img { width:100%;
				margin:0 auto;
				border:none
				}
				
.exhibpic2 img { width:100%; }	
			
.exhibpic p { 
	text-align:left;
	margin:4px 4px 0;
	line-height:1.2em;
	font-size:0.8em;
	}
.table-exhibit { font-size:0.8em;}

.table-exhibit td { padding:0 10px 0 0;}

/* Common styles
================================================== */

/* Angle */

.angle:before {
	background: #fff;
	content: "";
	height: 75px;
	top: -37px;
	position: absolute;
	width: 100%;
	z-index: 10;
	-webkit-transform: skew(0deg,3deg);
	-moz-transform: skew(0deg,3deg);
	-ms-transform: skewX(0deg) skewY(3deg);
	-o-transform: skew(0deg,3deg);
	transform: skew(0deg,3deg);
}

.portfolio.angle:before{
	background: #f5f5f5;
}

.portfolio.angle{
	padding-bottom: 120px;
}

.clients.angle{
	padding: 120px 0;
}

/* Parallax */

.parallax {
	background-size: cover !important;
	background-repeat: no-repeat;
	background-position: 20% 0!important;
	background-attachment: fixed !important;
	padding: 110px 0;
	color: #fff;
}

.parallax h2, .parallax h3{
	color: #fff;
}
.parallax .btn{
	color: #fff;
}

.parallax-overlay{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../images/overaly.png);
	opacity:0.7;
}

.parallax h3{
	margin-bottom: 30px;
}

.parallax1{
	background: url(../images/parallax/parallax1.jpg) no-repeat;
}

.parallax2{
	background: url(../images/parallax/parallax2.jpg) no-repeat;
}

.parallax3{
	background: url(../images/parallax/parallax3.jpg) no-repeat;
}

.parallax4{
	background: url(../images/parallax/parallax4.jpg) no-repeat;
}

.parallax .btn.solid {
	margin-left: 10px;
}


/* Deafult title */

.title-icon{
	font-size: 32px;
	margin-right: 15px;
	margin-top: 9px;
	color: #959595;
}

h2.title{
	position: relative;
	margin: 0;
	border-left: 2px solid #e7e7e7;
	display: inline-block;
	padding-left: 15px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	font-size:26px;
 }

 .title-desc{
 	font-family: 'Lora', serif;
 	font-size: 18px;
 	font-weight: 300;
 	font-style: italic;
 	text-transform: capitalize;
 	display: block;
 }

/* Title style 2 */

.title2{
	position: relative;
	font-weight: 700;
	text-transform: uppercase;
}

.title2:after{
	content: '';
	width: 150px;
	left: 50%;
	margin-left: -75px;
	top: 50%;
	height: 3px;
	background: #dedede;
	position: absolute;
}

.title2 .title-desc{
	padding-top: 30px;
}

h3.widget-title{
	margin-bottom: 25px;
}

h2.entry-title{
	font-size: 28px;
	font-weight: 400;
}

h2.entry-title a{
	color: #323232;
}

.long-desc{
	font-size: 16px;
}


/* Icon pentagon */

.icon-pentagon{
	display: inline-block;
	height: 24px;
	width: 40px;
	position: relative;
	color: #fff;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.icon-pentagon:hover{
	color: rgba(0,0,0,.5);
}

.icon-pentagon:before{
	border-left: 20px solid rgba(0, 0, 0, 0);
	border-right: 20px solid rgba(0, 0, 0, 0);
	top: -10px;
	content: "";
	height: 0;
	left: 0;
	position: absolute;
	width: 0;
}

.icon-pentagon:after {
	border-left: 20px solid rgba(0, 0, 0, 0);
	border-right: 20px solid rgba(0, 0, 0, 0);
	bottom: -10px;
	content: "";
	height: 0;
	left: 0;
	position: absolute;
	width: 0;
}

.icon-pentagon i{
	font-size: 20px;
	line-height: 24px;
}

.service-icon {
	height: 56px;
	width: 100px;
	margin-bottom: 30px;
}
.service-icon:before {
	border-left: 50px solid rgba(0, 0, 0, 0);
	border-right: 50px solid rgba(0, 0, 0, 0);
	top: -30px;
}
.service-icon:after {
	border-left: 50px solid rgba(0, 0, 0, 0);
	border-right: 50px solid rgba(0, 0, 0, 0);
	bottom: -30px;
}

.service-icon i {
	font-size: 36px;
	line-height: 60px;
}

/* Carousel controller */

.carousel-control{
	width: auto;
}
.ts-carousel-controller{
	text-align: center;
	padding-top: 50px;
	z-index: 1;
	position: relative;
}

.ts-carousel-controller .left,
.ts-carousel-controller .right, 
.owl-controls .owl-prev, 
.owl-controls .owl-next{
	cursor: pointer;
	background: #f6f6f6;
	width: 38px;
	height: 38px;
	line-height: 38px;
	color: #989898;
	opacity: 1;
	top: auto;
	text-shadow: none;
	display: inline-block;
	text-align: center;
	border-radius: 100%;
}
.owl-controls .owl-next{
	margin-left: 6px;
}

.ts-carousel-controller .left:hover,
.ts-carousel-controller .right:hover,
.owl-controls .owl-prev:hover, 
.owl-controls .owl-next:hover{
	color: #fff;
}

.owl-controls .owl-page, 
.owl-controls .owl-buttons div{
	display: inline-block;
}

/* Input form */

.form-control{
	box-shadow: none;
	border: 1px solid #dedede;
	padding: 6px 20px;
	height: 50px;
	background: none;
	color: #959595;
	font-size: 14px;
	border-radius: 0;
}

.form-control:focus{
	box-shadow: none;
}

/*-- Flex slider --*/

.portfolio-slider .flexslider,
.ts-flex-slider .flexslider{
	border: 0;
	box-shadow: none ;
}

.portfolio-slider .flex-direction-nav a,
.ts-flex-slider .flex-direction-nav a{
	opacity: 0;
	background: #000;
	color: #fff !important;
	text-align: center;
	text-shadow: none;
	line-height: 40px;
}

.portfolio-slider .flex-direction-nav a:before{
	font-size: 32px;
}

.portfolio-slider .flex-direction-nav a:hover,
.ts-flex-slider .flex-direction-nav a:hover {
	color: #fff;
	opacity: 1;
}

.flexportfolio.flexslider .slides img {
  height: auto;
}


/*-- Pagination --*/

.pagination li a{
	border-radius: 0 !important;
	margin-right: 8px;
}

.pagination>.active>a, .pagination>.active>a:hover,
.pagination>li>a:hover{
	color: #fff;
	border: 1px solid transparent;
}




/* Header area
================================================== */

/*-- Header solid fixed --*/

.header-solid{
	width: auto;
	background: rgba(255,255,255,.85);
	box-shadow: 0px 1px 7px 0 rgba(0, 0, 0, 0.2);
}

.header-solid ul.navbar-nav > li > a{
	color: #323232;
}


/*-- Logo --*/

.navbar-header{
	z-index: 9999;
}

.navbar-brand{
	position: absolute;
	left: 0;
	padding: 3px 15px 10px;
	width: 20%;
	height: 62px;
	line-height: 62px;

}

.navbar-brand img{
	float: right;
	padding: 0 15px;

}


/*-- Main navigation --*/

.navbar-nav {
	border-radius: 0;
	border: 0;
	margin-bottom: 0;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0);
}


ul.navbar-nav > li > a{
	padding: 20px 8px;
	font-weight: 600;
	color: #fff;
	font-size:14px;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
}


.navbar-toggle{
	border-radius: 0;
	margin-right: 5px;
}

.navbar-toggle .icon-bar{
	background: #fff;
}


/* Header area - 2
================================================== */

.header2{
	padding: 8px 0;
}

.header2 .navbar-brand{
	background: none;
}

/*-- Header bgnone fixed --*/

.header-bgnone{
	padding: 5px 0;
	width: auto;
	box-shadow: 0 0 2px rgba(0,0,0,.5);
}


/* Slideshow
================================================== */

/*-- Main slide --*/

.overlay {
	position: absolute;
	z-index: 1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-image: url(../images/overaly.png);
}

#main-slide .item img{
	width: 100%;
	-webkit-backface-visibility: hidden;

}

#main-slide .item{
	-webkit-backface-visibility: hidden;
}

#main-slide .item .slider-content {
  z-index: 1;
  opacity: 0;
  -webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  transition: opacity 500ms;
}
#main-slide .item.active .slider-content {
  opacity: 1;
  -webkit-transition: opacity 100ms;
  -moz-transition: opacity 100ms;
  -o-transition: opacity 100ms;
  transition: opacity 100ms;
}

#main-slide .slider-content{
	top: 30%;
	margin-top: -70px;
	left: 0;
	padding: 0;
	text-align: center;
	position: absolute;
	width: 100%;
	color: #fff;
}

#main-slide .carousel-indicators {
	bottom: 70px;
}

.carousel-indicators li{
	width: 30px !important;
	height: 10px !important;
	margin: 1px !important;
	border-radius: 0 !important;
	background: rgba(255,255,255,.5);
}

#main-slide .carousel-indicators li.active,
#main-slide .carousel-indicators li:hover {
    -moz-transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}


#main-slide .carousel-control.left,
#main-slide .carousel-control.right {
	opacity: 0;
	filter: alpha(opacity=0);
	background-image: none;
	background-repeat: no-repeat;
	text-shadow: none;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}

#main-slide:hover .carousel-control.left,
#main-slide:hover .carousel-control.right{
	opacity: 1;
	filter: alpha(opacity=100);
}

#main-slide:hover .carousel-control.left{
	left: 20px;
}

#main-slide:hover .carousel-control.right {
	right: 20px;
}

#main-slide .carousel-control.left span {
	padding: 15px;
}

#main-slide .carousel-control.right span {
	padding: 15px;
}

#main-slide .carousel-control .fa-angle-left, 
#main-slide .carousel-control .fa-angle-right{
	position: absolute;
	top: 50%;
	z-index: 5;
	display: inline-block;
}

#main-slide .carousel-control .fa-angle-left{
	left: 0;
}

#main-slide .carousel-control .fa-angle-right{
	right: 0;
}

#main-slide .carousel-control i{
	background: none;

	color: #fff;
	line-height: 56px;
	width: 56px;
	height: 56px;
	border: 1px solid #fff;
	border-radius: 100%;
	font-size: 36px;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

#main-slide .carousel-control i:hover{
	border: 1px solid rgba(0,0,0,.3);
}

#main-slide .slider-content h2{
	font-weight: 600;
	text-transform: uppercase;
	color: #fff;
	text-shadow: -1px 0 1px #000;
}

#main-slide .slider-content h3{
	font-weight: 700;
	margin-top: 40px;
	color: #ffff00;
	text-shadow: -1px 0 1px #000;
}

.slider.btn{
	padding: 10px 35px;
	margin-top: 40px;
	font-size: 16px;
	text-transform: uppercase;
	color: #fff;
}

.slider.btn.solid{
	margin-left: 15px;
}

.slider-content-left {
	position: relative;
	margin: 0 0 0 40px;
}

.slider-content-right{
	position: relative;
}

/*-- Animation */
.carousel .item.active .animated1 {
	
}

.carousel .item.active .animated2,
 .flex-active-slide .animated2{
	-webkit-animation: lightSpeedIn 1s ease-in 200ms both;
	animation: lightSpeedIn 1s ease-in 200ms both;
}

.carousel .item.active .animated3,
.flex-active-slide .animated3 {
	-webkit-animation: bounceInLeft 2s ease-in-out 800ms both;
	animation: bounceInLeft 1.5s ease-in-out 800ms both;
}

.carousel .item.active .animated4,
.flex-active-slide .animated4 {
	-webkit-animation: flipInX 2s ease-in 800ms both;
	animation: flipInX 2s ease-in 800ms both;
}

.carousel .item.active .animated5,
.flex-active-slide .animated5 {
	-webkit-animation: bounceInLeft 1s ease-in-out 100ms both;
	animation: bounceInLeft 1s ease-in-out 100ms both;
}

.carousel .item.active .animated6,
.flex-active-slide .animated6 {
	-webkit-animation: bounceIn 1s ease-in 500ms both;
	animation: bounceIn 1s ease-in 500ms both;
}

.carousel .item.active .animated7,
.flex-active-slide .animated7 {
	-webkit-animation: bounceIn 1s ease-in 500ms both;
	animation: bounceIn 1s ease-in 500ms both;
}

.carousel .item.active .animated8,
.flex-active-slide .animated8{
	-webkit-animation: bounceInDown 1s ease-in 800ms both;
	animation: bounceInDown 1s ease-in 800ms both;
}


/* Flex slider */

.ts-flex-slider{
    position: relative;
}

.ts-flex-slider .flexSlideshow{
	width: 100%;
	overflow: hidden;
}

.ts-flex-slider .flexslider .slides{
    z-index: 0;
}

.ts-flex-slider .slider-content{
    z-index: 3;
}


.ts-flex-slider .flex-direction-nav a {
	width: 55px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	font-size: 32px;
}

.ts-flex-slider .flex-direction-nav a.flex-next{
	border-radius: 3px;
}

.ts-flex-slider .flex-direction-nav a.flex-prev{
	border-radius: 3px;
}

/* About us
================================================== */

/* Featured Tab */


.featured-tab{
	padding: 30px 0;
}

.featured-tab .nav-tabs{
	border-bottom: 0;
}

.featured-tab .nav-tabs>li.active>a{
	color: #fff;
}

.featured-tab .nav-tabs>li.active>a:after{

}

.featured-tab .nav-tabs>li>a{
	background: #f2f2f2;
	border-radius: 0;
	padding: 0 15px 0;
	color: #323232;
	position: relative;
	border: 0 !important;
	line-height: 52px;
	height: 52px;
	margin-bottom: 3px;
	-moz-transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.featured-tab .nav-tabs>li>a:after{
	left: 100%;
	border: transparent solid;
	content: " ";
	position: absolute;
	border-width: 25px;
	top: 50%;
	border-left-color: #f2f2f2;
	margin-top: -25px;
		-moz-transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.featured-tab .nav-tabs>li>a:hover{
	color: #fff;
}
.featured-tab .nav-tabs>li>a:hover:after{

}

.featured-tab .nav-tabs>li.active>a,
.featured-tab .nav-tabs>li.active .tab-info h3,
.featured-tab .nav-tabs>li>a:hover .tab-info h3{
	color: #fff !important;
}

.featured-tab .tab-icon{
	font-size: 28px;
	display: inline-block;
}

.featured-tab .tab-info{
	display: inline-block;
	vertical-align: middle;
	position: absolute;
	left: 50px;
	top: 50%;
	margin-top: -12px;
}

.featured-tab .tab-info h3{
	font-size: 18px;
	line-height: normal;
	margin: 0;
}

.featured-tab .tab-info h3.tx-14{
	font-size: 14px;
	line-height:1.5em;
}
.featured-tab .tab-info h3.tx-15{
	font-size: 15px;
}

.featured-tab .tab-pane img.pull-left{
	margin: 0 16px 10px 0;
}

.featured-tab .tab-pane img.pull-right{
	margin: 0 0 0 15px;
}
.featured-tab .tab-pane h3{
	margin-top: 0;
	line-height: normal;
	font-weight: 700;
}

.featured-tab .tab-pane h3.text-center{
	margin-bottom: 25px;
}

.featured-tab .tab-pane{
	padding-left: 25px;
	text-align: justify;
}

.featured-tab .tab-pane i.big{
	font-size: 230px;
}
/* Feature box
================================================== */

.feature-icon{
	font-size: 28px;
}

.feature-content{
	padding-right: 20px;
	padding-left: 55px;
}

.feature-content h3{
	margin-top: 0;
	font-size: 16px;
}



/* Services
================================================== */

#service h3{
	color: #323232;
}
.service-heading {
	padding-bottom: 30px;
	text-align: center;
}

.service-content {
	position: relative;
	padding: 50px 10px 0 10px;
}

/*.venuemap { width:100%;}*/

/*来場者プレゼント*/
.present { margin-bottom:20px; }

.present h3{ font-size:18px; 
	font-weight:700;
	text-align:left;
	}
	
.present h3 span{ color:#49a2e7;
	font-size:13px; }
	
.present p.itemstag { color:#fff;
	background:#191970;
	padding:4px 6px;
	}
.present-img { width:50%; float:left; padding-right:10px;}
.present-img30 { width:30%; float:left; padding:1%;}
.present-logo { width:40%; display:block; float:left; margin: 10px; }
.present-logo25 { width:25%; display:block; float:left; margin: 10px; }

.present p { margin-bottom:10px}
.present p.sponsor { display:block;
	width:90%;
	border:1px dotted #999;
	padding:10px;
	margin:0 auto 10px;
	}
/* Team
================================================== */

.img-hexagon span {
    position: absolute;
    display: block;
    float:left;
	border-left: 120px solid #fff;
	border-right: 120px solid #fff;
}

.img-top {
	top: 0;
	border-top: 0px solid transparent;
 	border-bottom: 75px solid transparent;
}

.img-bottom{
	bottom: 0px;
	border-bottom: 0px solid transparent;
	border-top: 75px solid transparent;
}

.img-hexagon {
    width: 240px;
    height: 250px;
    position: relative;
    display: inline-block;
}
.img-hexagon img{
	width: 100%;
	height: 100%;
}

.team-content{
	text-align: center;
}

.team-content h3{
	margin-bottom: 0;
}

.team-content p{
	color: #959595;
}



/* Sailing 体験乗船
================================================== */

.sailing{
	padding-bottom: 80px;
	background-color:#f5f5f5;
}

.sailing img { width:100%;}

@media (max-width : 991px) {
    .sailing img { width:49%;
    float: left;}
}
.plan {
	border: 1px solid #999;
    background-color: #fff;
    margin:0 0 20px;
    padding:20px;
}

.plan h2 { 
	line-height: 1em; 
    border-bottom: 1px dotted #999;
    margin-top:0;
}
.plan img {float: right;
    padding:0 0 10px 10px;}

.plan-price { 
	font-size: 48px; 
	padding: 30px 0;
	margin-bottom: 30px;
	position: relative;
	background: #f2f2f2;
}

.plan-price:after{
	bottom: -30px;
	border: solid transparent;
	content: " ";
	position: absolute;
	border-width: 15px;
	border-top-color: #f2f2f2;
	left: 50%;
	margin-left: -16px;
}

.plan.featured .plan-name{
	color: #323232;
}

.plan.featured .plan-price{
	color: #fff;
}
.plan.featured .plan-price:after{

}

.plan-price .currency { 
	top: -0.9em;
	font-size: 50%;
	left: -0.01em;
	font-weight: 700;
}

.plan a.btn { 
	color: #323232;
	background: #fff;
	margin-top: 25px;
	margin-bottom: -20px;
	padding: 8px 30px;
}
.plan a.btn:hover{
	color: #fff;
}

.image-block-content{
	padding: 0 0 0 30px;
	margin-bottom: 20px;
}

.image-block-content .feature-icon{
	width: 40px;
	height: 40px;
	line-height: 40px;
	color: #fff;
	border-radius: 100%;
	display: inline-block;
	text-align: center;
}

.image-block-content .feature-content{
	padding-left: 50px;
}

.image-block-content .feature-content h3{
	margin-bottom: 0;
    line-height: 1.1em;
}


/* Testimonial
================================================== */

.testimonial-thumb img{
	border: 1px solid #8E8E8E;
	padding: 3px;
	width: 80px;
	height: 80px;
	border-radius: 100%;
}
.testimonial-slide .testimonial-content h3.name{
	font-size: 18px;
	color: #fff;
	font-weight: 700;
	margin: 10px 0;
}

.testimonial-slide .testimonial-content h3 span{
	display: block;
	font-size: 14px;
	color: #fff;
	font-weight: 400;
	margin-top: -10px;
}

.testimonial-slide .owl-buttons{
	display: none;
}

.testimonial-slide .testimonial-text{
	font-size: 16px;
	line-height: 24px;
	max-width: 800px;
	padding-top: 30px;
	display: inline-block;
	position: relative;
	color: #fff;
}

.testimonial-slide .testimonial-text:before{
	content: '\f10d';
	font-family: FontAwesome;
	padding-right: 10px;
}
.testimonial-slide .testimonial-text:after{
	content: '\f10e';
	font-family: FontAwesome;
	padding-left: 10px;
}

.testimonial-slide.owl-theme .owl-controls .owl-page span{
	background: none;
	border: 1px solid #fff;
	opacity: .7;
}

.testimonial-slide.owl-theme .owl-controls .owl-page.active span{
	border: 1px solid transparent;
}

/* Seminar
================================================== */

#seminar h2 {padding:0 10px}

.recent-post{
	background-color:#f5f5f5;
	position:relative;
}

.recent-post img.seminar-pic {
	width:100%;
	padding-bottom:10px;}

@media (max-width: 700px){
.recent-post img.seminar-pic {
	padding:0 2em 10px;}
}

.recent-post .post-body h3{
	font-size: 16px;
	margin-bottom: 12px;
	font-weight: 700;
	line-height:1.2em;
	margin-top:40px;
}

.recent-post .post-body h3 span{
	font-size: 13px;
	margin-bottom: 3px;
	font-weight: 400;
	line-height:1em;
}


.post-meta img { width:30%; height:auto;
	max-width:100px;}

.recent-post .seminar-date { background-color:#334F96;
	color:#fff;
	padding:2px 6px ;
	font-size:12px;
	position:absolute;
	top:0;
	left:0;
	}

/* Clients
================================================== */

.clients{
	padding-bottom: 80px;
	background: linear-gradient(#A4C6FF, #778899);
}
.clients .container {background-color: #fff;
	padding-top:40px;
	padding-bottom:40px;}

.clients-content{
	padding: 40px 0;
}

.clients h2.title{
	border-left: 0;
	margin-bottom:40px;
}

.clients img { padding:5px 10px;}

/* Twitter
================================================== */

.ts_twitter{
	padding: 100px 0;
}
.twitter-feed .twitter-icon{
	
}

.twitter-feed .twitter-icon i{
	font-size: 78px;
	color: #1dcaff;
}

.twitter-feed .tweet a{
	color: #1dcaff; 
}

.twitter-feed .tweet a:hover{
	color: #000;
}

.twitter-feed .tweet p{
	font-size: 18px;
	font-style: italic;
	padding-top: 20px;
}

/* Contact
================================================== */

#contact-form{
	margin-top: 25px;
}
#contact-form label{
	font-weight: normal;
}

.map-wrapper{
	position: relative;
}

.map {
	height: 400px;
	z-index: 1;
}

.contact-info-inner h3{
	font-weight: 700;
	margin-bottom: 25px;
	font-size: 24px;
	color: #fff;
}

.contact-info h3{
	margin-top: 42px;
	font-weight: 700;
	font-size: 24px;
}

.contact-info p{
	font-size: 18px;
}

.contact-info i{
	font-size: 18px;
	margin-right: 10px;
}

/* Contact inside Map */
.contact-info-inner {
	position: absolute;
	color: #fff;
	top: 0;
	bottom: 0;
	z-index: 2;
	background: rgba(0,0,0,.7);
	padding: 25px 30px;
	max-width: 400px;
	max-height: 400px;
	text-align: left;
}

.contact-info-inner p{
	overflow: hidden;
	margin-bottom: 25px;
}

.contact-info-inner p strong{
	display: block;
}

.contact-info-inner i{
	margin-right: 20px !important;
	font-size: 24px;
	margin-top: 5px;
}


/* Footer
================================================== */

.footer{
	padding: 40px 0;
	background: #333333;
}

.footer .social-icon{
	padding: 10px 0 20px;
}

/* Social icon */

.social-icon.dark .icon-pentagon{
	background: none repeat scroll 0 0 #5a5a5a;
}

.social-icon.dark .icon-pentagon:hover{
	color: rgba(0,0,0,.7);
}

.social-icon.dark .icon-pentagon:before{
	border-bottom: 10px solid #5a5a5a;
}

.social-icon.dark .icon-pentagon:after {
	border-top: 10px solid #5a5a5a;
}

.footer .icon-pentagon{
	margin-right: 6px;
}

.footer .icon-pentagon i{
	font-size: 16px;
}

/* Copyright */

.copyright-info{
	color: #fff;
	font-size: 0.8em;
	border-top: 1px dotted #515151;
	max-width: 750px;
	margin: 15px auto 0;
	padding-top: 15px;
}

.copyright-info a{
	color: #fff;
}


/* Footer sytle 2 */

.footer2 .social-icon{
	padding-bottom: 15px;
}

.footer2 .copyright-info{
	color: #323232;
	border-top: 1px solid #e7e7e7;
}


#back-to-top {
	right: 40px;
	top: auto;
	z-index: 10;
	-webkit-backface-visibility: hidden;
}

#back-to-top.affix {
	bottom: 60px;
}

#back-to-top .btn.btn-primary{
	border-radius: 100%;
	padding: 0;
	font-size: 18px;
	width: 36px;
	height: 36px;
	background: rgba(0,0,0,.3);
	border: 2px solid transparent;
	color: #fff;
	opacity: .5;
}

#back-to-top .btn.btn-primary:hover{
	color: #fff;
	opacity: 1;
}


/* Sub pages
================================================== */

/* Banner area */

#banner-area{
	position: relative;
}

.banner-title-content{
	position: absolute;
	top: 50%;
	width: 100%;
	height: 100%;
}

.banner-title-content h2{
	color: #fff;
	font-weight: 500;
	font-size: 32px;
}

.banner-title-content .breadcrumb{
	background: none;
	color: #fff;
	font-weight: 700;
	font-style: italic;
	font-size: 16px;
}




/* Landing page
================================================== */


/* Header */

.landing-header.header-bgnone{
	background: rgba(0,0,0,.8);
}



.hero-section {
	height: 100%;
	background-image: url(../images/landing/main-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	background-position: top center;
	padding-bottom: 0;
	padding-top: 200px;
	overflow: hidden;
}
.hero-section .container {
	height: 100%;
}

.hero-content {
	position: relative;
	display: table;
	height: 100%;
	width: 100%;
}

.hero-text {
	display: table-cell;
	vertical-align: bottom;
	color: #fff;
	padding-right: 50%;
	width: 100%;
	padding-bottom: 10%;

}

.hero-title {
	font-size: 40px;
	line-height: 50px;
	color: #fff;
}

.hero-description {
	margin-bottom: 30px;
	font-size: 18px;
	line-height: 30px;
	color: #fff;
}

.hero-images {
	display: block;
	position: absolute;
	bottom: 80px;
	right: 0;
	width: 50%;
	max-height: 100%;
}

.hero-images img{
	display: block;
	position: relative;
	max-height: 100%;
	width: auto;
}

.hero-buttons a.btn{
	color: #fff;
	padding: 15px 50px;
}

.hero-buttons a.btn.solid{
	margin-left: 10px;
}

.hero-buttons a i{
	margin-left: 5px;
}


/* Features */

.features-content .features-icon{
	font-size: 72px;
	margin-bottom: 5px;
	display: inline-block;
}



/*iframe */


iframe{
	border: 0;
}


@media (max-width : 780px) {
	iframe, .venue-mapcap { display:none;
}
    .ts-flex-slider .overlay2{
    position: relative;
}

.ts-flex-slider .overlay2::before {
    position: absolute;
    content: '';
    z-index: 3;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: url(../images/overaly.png);
	opacity:0.3;
}
}




/* Clients */

.landing_page_clients{
	padding-top: 30px;
}


@media only screen and (min-width: 400px) {
    .masonry {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }
    .no-br {display: none;}
}
@media only screen and (max-width: 570px) {
    .day {font-size:20px}
	.bk-gray { 
	margin: 10px auto 0;
	width:100%;
	font-size:11px;
    }
    #main-slide .slider-content h2 {
        font-size:20px;}
    .featured-tab .tab-pane img.pull-left{
        display: block;
        margin: 0 auto 10px;
        float: none!important;
    }
}
@media only screen and (min-width: 700px) {
    .masonry {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
}
	


@media only screen and (min-width: 960px) {
    .masonry {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
}


@media only screen and (min-width: 1280px) {
    .ts-flex-slider .flexSlideshow {
        width: 1280px;
    }
    #main-slide .slider-content h2 { font-size:36px;}
}