@import url(https://fonts.googleapis.com/css?family=Cabin:500|Poiret+One|Indie+Flower);

/* --▼float-------------------- */
.clear {
    clear: both;
}
.float_l {
	float: left;
}
.float_r {
	float: right;
}
.center {
	width: 100%;
	text-align: center;
}
.right {
	width: 100%;
	text-align: right;
}
/* --▼font-------------------- */
.error {
	color: #e74c3c;
}
.font10 {
  font-size: 77%;
}
.font11 {
	font-size: 85%;
}
.font12 {
	font-size: 93%;
}
.font14 {
	font-size: 108%;
}
.font15 {
	font-size: 116%;
}
.font16 {
	font-size: 123.1%;
}
.font17 {
	font-size: 131%;
}
.font18 {
	font-size: 138.5%;
}
.font19 {
	font-size: 146.5%;
}
.font20 {
	font-size: 153.9%;
}
.fontb {
	font-weight: bold;
}
.font_red {
	color: #C0392B !important;
}
/* --▼margin-------------------- */
/*top*/
.mt05{ margin-top: 5px !important;}
.mt10{ margin-top: 10px !important;}
.mt15{ margin-top: 15px !important;}
.mt20{ margin-top: 20px !important;}
.mt25{ margin-top: 25px !important;}
.mt30{ margin-top: 30px !important;}

/*bottom*/
.mb00 { margin-bottom: 0 !important;}
.mb05 { margin-bottom: 5px !important;}
.mb10 { margin-bottom: 10px !important;}
.mb15 { margin-bottom: 15px !important;}
.mb20 { margin-bottom: 20px !important;}
.mb25 { margin-bottom: 25px !important;}
.mb30 { margin-bottom: 30px !important;}
.mb35 { margin-bottom: 35px !important;}
.mb40 { margin-bottom: 40px !important;}
/* --▼padding-------------------- */
/*top*/
.pt05{ padding-top: 5px !important;}
.pt10{ padding-top: 10px !important;}
.pt15{ padding-top: 15px !important;}
.pt20{ padding-top: 20px !important;}
.pt25{ padding-top: 25px !important;}
.pt30{ padding-top: 30px !important;}

/*bottom*/
.pb00 { padding-bottom: 0 !important;}
.pb05 { padding-bottom: 5px !important;}
.pb10 { padding-bottom: 10px !important;}
.pb15 { padding-bottom: 15px !important;}
.pb20 { padding-bottom: 20px !important;}
.pb25 { padding-bottom: 25px !important;}
.pb30 { padding-bottom: 30px !important;}
.pb35 { padding-bottom: 35px !important;}
.pb40 { padding-bottom: 40px !important;}
/********************************************************/
html,body {
	line-height: 20px;
	font-weight: 400;
	font-size: 14px;
	height: 100%;
	color: #444444;
	background: #ffffff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
body {
	font-family: "A1 Gothic R", sans-serif;
  font-feature-settings: "palt" 1;
}

h1,
h2,
h3,
h4,
h5,
h6 {
}
p {
  line-height: 22px;
  font-size: 14px;
  font-weight: 300;
}
ul {
  padding-left: 0;
}
ul li {
  list-style: none;
}
h2 {
  font-size: 26px;
}
a:hover {
  text-decoration: none;
}
.section-heading {
	text-align: center;
	margin-bottom: 30px;
}
.section-heading p {
  font-size: 14px;
  font-weight: 300;
  color: #727272;
  line-height: 20px;
}
.title {
  font-size: 30px;
  line-height: 1.1;
	font-family: 'Poiret One', cursive;
  color: #333;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.subtitle {
	font-size: 24px;
	font-weight: normal;
	margin-bottom: 18px;
	text-transform: uppercase;
}
.subtitle-des {
	color: #727272;
	margin-bottom: 35px;
	font-weight: 300;
}
.pages {
  padding: 80px 0 40px;
}
.moduler {
  padding: 140px 0;
}
.navbar-default .navbar-nav > li > a:hover {
  color: #3D88B5;
}
.navbar.navbar-default {
  border: 0;
  border-radius: 0;
  margin-bottom: 0;
}
.navbar.navbar-default .navbar-toggle {
  margin-top: 32px;
}
/*トグルボタン----------------------------------*/
.toggle {
	float: right;
	margin-top: 12px;
  margin-right: 15px;
  margin-bottom: 8px;
	background-color: transparent;
	border-style: none;
	padding:0;
}
.toggle:focus {
  outline: none;
}
@media (min-width: 768px) {
  .toggle {
    display: none;
  }
	
}
@media (max-width:767px ) {
	.navbar-collapse { margin-top:20px; }
}
.navbar-toggle-anime,
.navbar-toggle-anime span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
.navbar-toggle-anime {
	position: relative;
	width: 26px;
	height: 26px;
}
.navbar-toggle-anime span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #222;
	border-radius: 4px;
}
.navbar-toggle-anime span:nth-of-type(1) {
	top: 0;
}
.navbar-toggle-anime span:nth-of-type(2) {
	top: 10px;
}
.navbar-toggle-anime span:nth-of-type(3) {
	bottom: 5px;
}
.navbar-toggle-anime.active span:nth-of-type(1) {
	-webkit-transform: translateY(10px) rotate(-315deg);
	transform: translateY(10px) rotate(-315deg);
}
.navbar-toggle-anime.active span:nth-of-type(2) {
	opacity: 0;
}
.navbar-toggle-anime.active span:nth-of-type(3) {
	-webkit-transform: translateY(-9px) rotate(315deg);
	transform: translateY(-9px) rotate(315deg);
}
/*-----------------------------------------------------------*/

.navbar-header .navbar-brand {
  padding: 5px 0;
}
.navbar-header .navbar-brand a {
  height: auto;
  display: inline-block;
}
.navbar-brand a {
	position: relative;
	display: block;
}
.navbar-brand h1 {
	color: #111111;
	font-size: 9px;
	font-weight: normal;
	text-align: center;
	display: block;
  margin: 0 0 3px;
}
.navbar-brand p {
	color: #111111;
	font-size: 9px;
	font-weight: bold;
	position: absolute;
	text-align: center;
	top: 28px;
	left: 0;
	display: block;
	width: 210px;
}
.navbar-inverse .navbar-toggle:focus,
.navbar-inverse .navbar-toggle {
  background: #444;
}
#top-bar {
  background: #fff;
  color: #fff;
  -webkit-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
  padding: 5px 0;
  -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid #dedede;
	opacity:0.9;
}
#top-bar .navbar-nav > li > a:hover {
  background: transparent;
}
#top-bar.animated-header {
  padding: 10px 0;
  background: #ffffff;
  box-shadow: none;
}
#top-bar .main-menu li > a {
  color: #444;
}
#top-bar .main-menu li {
  position: relative;
}
#top-bar .main-menu li a {
  font-size: 14px;
	font-family: 'Cabin', sans-serif;
  font-weight: 400;
  border-bottom: 2px solid transparent;
  -webkit-transition: .3s all;
  -o-transition: .3s all;
  transition: .3s all;
  text-transform: uppercase;
}
#top-bar .main-menu li a:hover {
  color: #3D88B5;
}
.navbar-custom .nav li > a {
  position: relative;
  color: #000;
}
.navbar-right .dropdown-menu {
  right: auto;
  left: 0;
}
.navbar-custom .dropdown-menu {
  position: absolute;
  display: block;
  visibility: hidden;
  opacity: 0;
}
#hero-area {
  background: url('../images/slider.jpg') no-repeat 50%;
  background-size: cover;
  background-attachment: fixed;
  padding: 230px 0;
  color: #fff;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  position: relative;
}
#hero-area:before {
  content: '';
  z-index: 9;
  background: rgba(255, 255, 255, 0.78);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
#hero-area .block {
  position: relative;
  z-index: 999;
}
#hero-area h1 {
  font-size: 30px;
  line-height: 40px;
  color: #333;
}
#hero-area h2 {
	font-size: 18px;
	font-weight: 300;
	line-height: 27px;
	text-transform: uppercase;
	color: #666;
	margin: 15px auto 25px;
	width:84%;
}
#hero-area .btn {
	/*background: #414141;
	border: none;
	color: #fff;*/
	padding: 16px 42px;
	margin-top: 30px;
	font-size: 16px;
	font-size: 13px;
	line-height: 1em;
	text-transform: uppercase;
	letter-spacing: normal;
}
#call-to-action {
  background-image: url(../images/bg_title.svg);
  background-color: #3D88B5;
  background-size: cover;
  background-attachment: fixed;
  padding: 80px 0;
  text-align: center;
  position: relative;
  color: #111111;
}
#call-to-action .block {
  position: relative;
  z-index: 99;
}
#call-to-action .block h2 {
	font-size:30px;
  margin-bottom: 15px;
}
#call-to-action .block p {
  font-size: 15px;
  font-weight: 300;
  /*font-family: 'Roboto', sans-serif;*/
  margin-top: 20px;
}
#call-to-action .block .btn-contact {
	border: none;
	color: #3D88B5;
	padding: 16px 35px;
	margin-top: 20px;
	font-size: 12px;
	letter-spacing: 2px;
	text-transform: uppercase;
}
#call-to-action .block .btn-contact i {
  margin-right: 10px;
}
#about {
  padding: 50px 0;
}
#about .block {
  padding: 20px 30px 0 30px;
}
#about .block h2 {
	font-size: 24px;
	font-weight: normal;
	margin-bottom: 30px;
	text-transform: uppercase;
	width: 470px;
}
#about .block p {
	color: #727272;
	font-size: 16px;
	line-height: 28px;
	margin-bottom: 20px;
}
#about .block img {
  max-width: 100%;
}
.works,
.price {
  padding: 40px 0;
  background: #FCFCFC;
}
.works .block {
  position: relative;
  z-index: 99;
}
.works .block:hover .img-overly .overly {
  opacity: 1;
}
.works .block h4 {
  padding: 20px 15px;
  margin-top: 0;
  color: #666;
}
.works .block .img-overly {
  position: relative;
  background: rgba(0, 0, 0, 0.85);
}
.works .block .img-overly img {
  border-radius: 0;
}
.works .block .img-overly .overly {
  background: rgba(57, 181, 74, 0.9);
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  opacity: 0;
  -webkit-transition: .3s all;
  -o-transition: .3s all;
  transition: .3s all;
}
.works .block .img-overly .overly a {
  position: absolute;
  top: 45%;
  left: 22%;
}
.works .block .img-overly .overly a i {
  font-size: 30px;
  color: #fff;
}
figure {
  background: #fff;
  margin-bottom: 45px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.04), 0 2px 10px 0 rgba(0, 0, 0, 0.06);
}
figure .img-wrapper {
  position: relative;
  overflow: hidden;
}
figure img {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  -webkit-transition: -webkit-transform 400ms;
  transition: transform 400ms;
}
figure:hover img {
  -webkit-transform: scale3d(1.2, 1.2, 1);
  transform: scale3d(1.2, 1.2, 1);
}
figure:hover .overlay {
  opacity: 1;
}
figure:hover .overlay .buttons a {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}
figure .overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px;
  text-align: center;
  background: rgba(0, 0, 0, 0.7);
  opacity: 0;
  -webkit-transition: opacity 400ms;
  transition: opacity 400ms;
}
figure .overlay a {
  display: block;
  color: #fff;
  padding: 10px 30px;
  line-height: 1;
  border-radius: 3px;
	border:1px solid #FFFFFF;
  margin: 4px;
  -webkit-transform: scale3d(0, 0, 0);
  transform: scale3d(0, 0, 0);
  -webkit-transition: all 400ms;
  transition: all 400ms;
}
figure .overlay a:hover {
  text-decoration: none;
	background-color:#ffffff;
	color:#666;
	opacity:0.5;
}
figure .overlay:hover a {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}
figure .buttons {
  position: absolute;
  top: 45%;
  left: 50%;
	margin-left:-60px;
}
figure figcaption {
  padding: 20px 25px;
  margin-top: 0;
  color: #666;
	height: 150px;
}
figure figcaption h4 {
  margin: 0;
}
figure figcaption h4 a {
  color: #3D88B5;
}
figure figcaption p {
  font-size: 14px;
  margin-bottom: 0;
  margin-top: 5px;
}
#service {
  padding: 40px 0;
}
#service .media {
	margin: 20px 0;
}
.media-body, .media-left, .media-right {
    display: table-cell;
    vertical-align: top
}
#service .media .media-left {
  padding-right: 25px;
}
#service h3 {
  color: #000;
  font-size: 18px;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 20px;
  margin: 0px 0px 15px;
  font-weight: 400;
}
#service p {
  line-height: 25px;
  font-size: 14px;
  color: #777777;
}
#service .icon {
  
}
#contact-section {
  padding: 90px 0;
}
#contact-section .contact-form {
  margin-top: 42px;
}
#contact-section .contact-form .btn-send {
  color: #fff;
  outline: none;
  background: #3D88B5;
}
#contact-section .contact-form .btn-confirm {
  color: #fff;
  outline: none;
  background: #cccccc;
}
#contact-section .contact-form .btn-send:hover {
	color: #fff;
  border: 1px solid #fff;
	background:#316D92;
}
#contact-section .contact-form .btn-confirm:hover {
	color: #fff;
	border: 1px solid #fff;
	background-color: #316D92;
}
#contact-section input {
  display: block;
  height: 40px;
  padding: 6px 12px;
  font-size: 13px;
  line-height: 1.428571429;
  background-color: #fff;
  background-image: none;
  border-radius: 4px;
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  border: 1px solid rgba(111, 121, 122, 0.3);
  box-shadow: none;
  -webkit-box-shadow: none;
}
#contact-section .confirm input {
  display: inline-block;
  height: 40px;
  padding: 6px 12px;
  font-size: 13px;
  line-height: 1.428571429;
  background-color: #fff;
  background-image: none;
  border-radius: 4px;
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  border: 1px solid rgba(111, 121, 122, 0.3);
  box-shadow: none;
  -webkit-box-shadow: none;
}
#contact-section textarea { 
	border-radius: 4px;
}
#contact-section textarea {
  display: block;
  width: 100%;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  box-shadow: none;
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
#contact-section .address,
#contact-section .email,
#contact-section .phone {
  text-align: center;
  background: #F7F7F7;
  padding: 20px 0 40px 0;
  margin-bottom: 20px;
}
#contact-section .address i,
#contact-section .email i,
#contact-section .phone i {
  font-size: 45px;
  color: #3D88B5;
}
#contact-section .address h5,
#contact-section .email h5,
#contact-section .phone h5 {
	font-size: 12px;
	line-height: 1.4;
	font-weight: normal;
}
#contact-section .address-details {
  padding-top: 70px;
}
#contact-section input:focus,
#contact-section textarea:focus {
	outline: 2px solid #A8CFD8;
}
.formWrap table tr::nth-last-child(2) {
  
}
table.table tbody tr:last-child {
  display: none;
}
table.table tbody tr:nth-child(6) {
  display: none;
}
table.table tbody tr th {
  width: 20%;
}
#submit { margin-top: 25px; }
.price {}
.plan {
	border-radius: 6px;
	background-color: rgb(57, 135, 183);
	padding: 10px 20px 20px;
	color: #ffffff;
	margin-top: 30px;
	margin-bottom: 30px;
}
.plan-big {
	border-radius: 6px;
	background-color: rgb(99, 188, 184);
	padding: 10px 20px 20px;
	color: #ffffff;
}
.plan-head {
	font-family: 'Cabin', sans-serif;
	font-weight:400;
	font-size: 30px;
	margin: 0;
	padding: 0 0 10px;
	text-align: center;
}
.plan-big .plan-head {
	font-family: 'Cabin', sans-serif;
	font-weight:400;
	font-size: 36px;
}
.plan-content {}
.plan a,
.plan-big a {
	margin: 0 auto;
	display: block;
}
.plan-content ul {
	border-top: 2px solid #ffffff;
	border-bottom: 1px solid #88b7d3;
}
.plan-content ul li {
	border-top: 1px solid #88b7d3;
	border-bottom: 1px solid #29648a;
	padding: 10px 0;
	text-align:center;
}
.plan-big .plan-content ul {
	border-top: 2px solid #ffffff;
	border-bottom: 1px solid #c6e6e5;
}
.plan-big .plan-content ul li {
	border-top: 1px solid #c6e6e5;
	border-bottom: 1px solid #009171;
	padding: 10px 0;
	text-align:center;
}
 p.plan-cap {
	font-size: 12px;
}
#map_canvas {
	width: 100%;
	border-top: 1px solid #CCCCCC;
}
#map_canvas iframe {
	width: 100%;
	height: 400px;
}
.half #map_canvas {
	height: 460px;
	border: none;
}
.half #map_canvas iframe {
	width: 100%;
	height: 460px;
}
#footer {
  background: #fff;
  padding: 25px 0;
  color: #555;
}
.footerInfo h2 {
	font-size: 12px;
}
.footerInfo address {padding: 0; margin:0; font-size: 12px;}
.footerInfo p {
	margin:0;
	padding: 0;
	font-size: 12px;
}
#footer .copyright {
	font-family: 'Cabin', sans-serif;
	font-weight:400;
  font-size: 13px;
  margin-bottom: 0;
  margin-top: 10px;
}
#footer .copyright a {
  color: #3D88B5;
}
#footer .social {
  text-align: right;
  margin-bottom: 0;
}
#footer .social li {
  display: inline-block;
  margin-right: 15px;
}
#footer .social li a {
  font-size: 22px;
  color: #3D88B5;
}
.cd-headline.slide .cd-words-wrapper {
  color: #3D88B5;
}
ul.social-icons {
  height: auto;
  overflow: hidden;
  list-style: none !important;
  margin-bottom: 10px;
}
ul.social-icons li {
  float: none;
  display: inline-block;
  height: 36px;
}
#copyright a:hover,
#copyright nav .menu li a:hover {
  color: #e4e4e4!important;
}
#copyright a,
#copyright a:hover {
  text-decoration: none;
}
.global-page-header {
  background-image: url(../images/bg_title.svg);
  background-attachment: fixed;
  background-size: cover;
  padding: 120px 0 25px 0;
  position: relative;
  background-color: #3D88B5;
  color: #111111;
}
.global-page-header h2 {
	font-size: 26px;
	font-family: 'Poiret One', cursive;
	text-transform: uppercase;
	line-height: 2;
}
.global-page-header .breadcrumb {
	font-family: 'Poiret One', cursive;
  background: none;
  font-size: 16px;
  padding: 8px  0;
}
.global-page-header .breadcrumb .active {
  color: #111111;
}
.global-page-header .breadcrumb li a {
  color: #111111;
}
.global-page-header .block {
  position: relative;
  z-index: 99;
  text-align: center;
}
#product-showcase-banner {
  padding-top: 160px;
}
#product-showcase-banner .block {
  padding: 20px 0 20px 50px;
}
#product-showcase-banner .block h2 {
  font-size: 40px;
  color: #3D88B5;
  margin-bottom: 20px;
  margin-top: 0;
}
#product-showcase-banner .block p {
  color: #666;
  line-height: 25px;
}
#product-showcase-banner .block .buttons {
  margin-top: 25px;
}
#product-showcase-banner .block .buttons .btn {
  color: #fff;
  border: none;
  padding: 12px 40px;
  -webkit-transition: .2s all;
  -o-transition: .2s all;
  transition: .2s all;
  letter-spacing: 2px;
  font-size: 15px;
}
#product-showcase-banner .block .buttons .btn-demo {
  background: #5abd4f;
  margin-right: 8px;
  border-bottom: 3px solid #429E38;
}
#product-showcase-banner .block .buttons .btn-demo:hover {
  background: #429E38;
}
#product-showcase-banner .block .buttons .btn-buy {
  background: #00AEDA;
  border-bottom: 3px solid #0190B5;
}
#product-showcase-banner .block .buttons .btn-buy:hover {
  background: #0190B5;
}
#product-showcase-banner .block .buttons .btn-buy span {
  margin-right: 8px;
  font-weight: bold;
}
#product-description {
  padding-top: 80px;
}
#product-description .block {
  height: 400px;
  overflow: hidden;
  margin-top: 35px;
  border-bottom: 1px solid #dedede;
  padding-top: 30px;
  position: relative;
  webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
}
#product-description .block:hover img {
  -webkit-transform: translateY(20px);
  -moz-transform: translateY(20px);
  -ms-transform: translateY(20px);
  -o-transform: translateY(20px);
  transform: translateY(20px);
}
#product-description .block img {
  position: absolute;
  top: 10px;
  left: 0;
  -webkit-transform: translateY(60px);
  -moz-transform: translateY(60px);
  -ms-transform: translateY(60px);
  -o-transform: translateY(60px);
  transform: translateY(60px);
  -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: -moz-transform 0.35s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: -o-transform 0.35s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.35s cubic-bezier(0.645, 0.045, 0.355, 1);
}
#product-description .block .content {
  width: 60%;
  padding-top: 70px;
}
#product-description .block .content h3 {
  font-size: 32px;
  color: #5c5c5c;
}
#product-description .block .content p {
  color: #787f8c;
  line-height: 25px;
}
#related-items {
  padding: 60px 0 110px;
}
#related-items .title {
  border-bottom: 1px solid #dedede;
  padding: 10px 0;
  margin: 5px 15px 30px 15px;
  text-align: left;
  color: #777;
}
#related-items .product-details {
  margin-bottom: 0;
}
#related-items .block {
  position: relative;
  background: #fff;
  margin-bottom: 45px;
  box-shadow: 0 0px 1px rgba(0, 0, 0, 0.14);
}
#related-items .block:hover .img-overly .overly {
  opacity: 1;
}
#related-items .block h4 {
  padding: 20px 15px;
  margin-top: 0;
  color: #666;
}
#related-items .block h4 span {
  float: right;
  color: #3D88B5;
}
#related-items .block .img-overly {
  position: relative;
  background: rgba(0, 0, 0, 0.85);
}
#related-items .block .img-overly img {
  border-radius: 0;
}
#related-items .block .img-overly .overly {
  background: rgba(57, 181, 74, 0.9);
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  opacity: 0;
  -webkit-transition: .3s all;
  -o-transition: .3s all;
  transition: .3s all;
}
#related-items .block .img-overly .overly a {
  position: absolute;
  top: 45%;
  left: 45%;
}
#related-items .block .img-overly .overly a i {
  font-size: 30px;
  color: #fff;
}
.service-page .service-parts .block {
  margin-bottom: 40px;
  text-align: center;
}
.service-page .service-parts .block i {
  font-size: 35px;
  color: #3D88B5;
}
.service-page .service-parts .block p {
  padding: 0 8px;
  font-size: 14px;
  color: #777;
  line-height: 1.7;
}
.works.service-page figure .buttons {
  position: absolute;
  top: 45%;
  left: 50%;
	margin-left:-70px;
}
#about-service {
  padding: 30px 0 60px;
}
#outline {
  padding: 30px 0 60px;
}
#outline .owl-carousel .owl-item img {
  display: block;
  width: 100%;
  -webkit-transform-style: preserve-3d;
}
#outline .owl-carousel .owl-item {
  margin-right: 10px;
}
.works-fit {
  padding: 40px 0;
}
.works-fit figure .buttons {
  left: 14%;
}
.fancybox-close {
  background: url("../images/icons/close.png") no-repeat scroll 0 0 transparent;
  height: 50px;
  right: 0;
  top: 0;
  width: 50px;
}
.fancybox-next span {
  background: url("../images/icons/right.png") no-repeat scroll center center #009ee3;
  height: 50px;
  width: 50px;
  right: 0;
}
.fancybox-prev span {
  background: url("../images/icons/left.png") no-repeat scroll center center #009ee3;
  height: 50px;
  width: 50px;
  left: 0;
}
.fancybox-title h3 {
  font-size: 15px;
  margin: 0;
}
.fancybox-title {
  padding: 15px 8px;
}
.wrapper_404 h1 {
  font-size: 200px;
  color: #3D88B5;
  line-height: 1;
}
.wrapper_404 h2 {
  font-size: 50px;
  margin-top: 0;
}
.wrapper_404 .btn-home {
  background: #414141;
  border: none;
  color: #fff;
  padding: 20px 35px;
  margin-top: 10px;
  font-size: 16px;
  font-size: 13px;
  line-height: 1em;
  text-transform: uppercase;
  letter-spacing: normal;
  border-radius: 0;
}
.company-description {
  margin-top: 80px;
}
.company-description .block h3 {
  margin-top: 20px;
}
.company-description .block p {
  color: #727272;
}
#outline .table th,
#outline .table td {
	padding: 20px;
	font-weight:normal;
	color:#727272;
	border:none;
}
#outline .table td span {
	display: inline-block;
	margin-right: 20px;
	vertical-align: top;
}
#team {
  padding: 50px 0;
	background:#FCFCFC;
}
.team-member {
  margin-top: 30px;
}
/*.team-member:hover .team-img img {
	opacity: .8;
	width: 70%;
	height: auto;
}*/
.team-member .team-img {
	position: relative;
	text-align: right;
}
.team-member .team-img .team-pic {
	width: 70%;
	height: auto;
}
.team-member .team_designation {
  font-size: 13px;
}
.team-member h3 {
	color: #3D88B5;
	margin-top: 0px !important;
	margin-bottom: 0;
	font-size: 20px;
}
.team-member p {
  font-size: 14px;
}
.team-member .social-icons a {
  background: #3D88B5;
  color: #fff;
  padding: 4px 8px;
  display: inline-block;
  font-size: 15px;
}
.team-member .social-icons .facebook {
  padding: 4px 12px;
}
.about-feature {
  margin-top: 50px;
	background: #3D88B5;
}
.about-feature .block {
	color: #fff;
	padding: 5%;
	float: left;
}
.about-feature .block p {
  font-weight: 300;
}
.about-feature .about-feature-1 {
  background: #3D88B5;
}
.about-feature .about-feature-2 {
  background: #00B0C7;
}
.about-feature .about-feature-3 {
  background: #00A6BB;
}
#blog-full-width {
  padding: 40px 0 80px;
}
.blog-content h2 {
  font-family: 'Roboto', sans-serif;
}
.blog-content h2 a {
  color: #444;
  font-weight: 400;
  font-size: 30px;
}
.blog-content .blog-meta {
  color: #9a9a9a;
  font-weight: 300;
  margin-bottom: 25px;
}
.blog-content .blog-meta span:after {
  content: '/';
  padding: 0 3px 0 6px;
}
.blog-content .blog-meta a {
  color: #acacac;
}
.blog-content .blog-meta p {
  margin-top: 20px;
}
.blog-content .btn-details {
  background: #3D88B5;
  color: #fff;
  padding: 8px 18px;
  border-radius: 0;
  margin-top: 15px;
  border: 1px solid #fff;
  box-shadow: 0px 0px 0px 1px #3D88B5;
}
.blog-post-image {
  margin-top: 30px;
}
.sidebar {
  padding-top: 30px;
}
.sidebar .widget {
  margin-bottom: 40px;
  padding: 15px;
  border: 1px solid #dedede;
}
.sidebar .widget h3 {
  margin-top: 8px;
	font-family: 'Poiret One', cursive;
}
.sidebar .search {margin-bottom: 40px;}
.sidebar .search input.form-control {
  border-right: 0;
  border-radius: 0;
  box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
}
.sidebar .search button {
  border-left: 0;
}
.sidebar .search button:hover {
  background: transparent;
}
.sidebar .author .author-img img {
  width: 90px;
  border-radius: 100%;
  margin-top: -40px;
  border: 3px solid #fff;
}
.sidebar .author .author-bio p {
	font-size: 14px;
	color: #888;
	text-align: left;
}
.sidebar .categories ul li {
  border-bottom: 1px solid #f0f0f0;
  padding: 10px 0;
  list-style: none;
}
.sidebar .categories ul li span.badge {
  float: right;
  background: transparent;
  color: #444;
  border: 1px solid #dedede;
  border-radius: 0;
}
.sidebar .categories ul li a {
  color: #555;
}
.sidebar .categories ul li:last-child {
  border-bottom: none;
}
.sidebar .recent-post ul li {
  margin: 20px 0;
}
.sidebar .recent-post ul li a {
  color: #555;
  font-size: 15px;
}
.sidebar .recent-post ul li a:hover {
  color: #3D88B5;
}
.sidebar .recent-post time {
  font-weight: 300;
  color: #999;
  font-size: 12px;
}
.gallery {
  padding: 100px;
}
.gallery figure .buttons {
  left: 40%;
}
.portfolio-meta span {
  margin: 5px 10px;
  font-weight: 300;
}
.portfolio-meta span a {
  color: #fff;
}
.portfolio-single {
  padding: 80px 0 20px;
}
.portfolio-single .portfolio-content {
  padding: 40px 0;
}
.single-post {
  padding: 80px 0 20px;
}
.single-post .post-content {
  padding: 40px 0;
}
.single-post .post-content ol li,
.single-post .post-content ul li {
  color: #666;
}
.single-post .media {
  border: 1px solid #dedede;
  padding: 30px 20px;
}
.single-post .media .media-body a {
  color: #3D88B5;
  font-size: 12px;
}
.single-post .media .media {
  border: none;
}
.single-post .comments {
  margin-top: 40px;
}
.single-post .post-comment {
  margin-top: 40px;
}
.single-post .post-comment h3 {
  margin-bottom: 15px;
}
.single-post .post-comment .form-control {
  box-shadow: none;
  border-radius: 0;
}
.single-post .post-comment .btn-send {
  background: #3D88B5;
  color: #fff;
  border-radius: 0;
}
.social-share li {
  display: inline-block;
  margin: 3px 1px;
}
.social-share a {
  font-size: 20px;
  color: #fff;
  background: #3D88B5;
  padding: 4px 10px;
  display: inline-block;
}
.navbar-toggle .icon-bar {
	background: #000;
}
.navbar-toggle {
	background: #fff;
}
.dropdown-menu > ul {
  list-style: none;
  padding: 15px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
  margin-top: -5px;
  background: #fff;
  background-color: rgba(0, 0, 0, 0.95);
  box-shadow: 0 2px 0.09px rgba(0, 0, 0, 0.15);
}
.nav .open > a,
.nav .open > a:focus {
  background-color: transparent;
}
#top-bar .dropdown-menu > ul > li > a {
	display: block;
	font-size: 13px;
	font-weight: 400;
	line-height: normal;
	text-decoration: none;
	padding: 8px 0;
	color: #fff;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

/*追加
-------------------------------------------------*/
.btnBox-center {
	text-align: center;
}
.btn-white-solid {
	color: #3D88B5;
	margin: 0 auto;
	width: auto;
	float: none;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background-color: #ffffff;
}
.btnBox-center.mt {
	margin-top: 20px;
}
.btn-white-solid.active, .btn-white-solid.focus, .btn-white-solid:active, .btn-white-solid:focus,
.btn-white-solid:hover, .open > .dropdown-toggle.btn-white-solid {
	color: #ffffff;
  background-color: #0e6d9d;
  border-color: #3D88B5;
}
.btn-white-solid.btn-greenBg-hover {
	color: #63bcb8;
}
.btn-greenBg-hover:hover,.btn-greenBg-hover:focus {
	color: #FFFFFF;
	background-color: #009171;
	border:none;
}

/*ボタンアニメーション-----------------------------------*/
/*ベース*/
.button {
	display: inline-block;
	width: 240px;
	height: 40px;
	text-align: center;
	text-decoration: none;
	line-height: 40px;
	outline: none;
}
.button-tuning {line-height: 24px;}
.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
/*ボタン1*/
.buttonAnime1 {
	position: relative;
	z-index: 2;
	background-color: #f7f7f7;
	border: 1px solid #cccccc;
	color: #3D88B5;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.buttonAnime1:hover {
	background-color: #3D88B5;
	border-color: #3D88B5;
	color: #fcfcfc;
}
.buttonAnime1::before,
.buttonAnime1::after {
	left: 0;
	width: 100%;
	height: 50%;
	background-color: #f7f7f7;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.buttonAnime1::before {
	top: 0;
}
.buttonAnime1::after {
	bottom: 0;
}
.buttonAnime1:hover::before,
.buttonAnime1:hover::after {
	height: 0;
	background-color: #f7f7f7;
}
/*ボタン2*/
.buttonAnime2 {
	position: relative;
	z-index: 2;
	border: 1px solid #ccc;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	display: block;
	padding:0;
}
.buttonAnime2:hover {
	background-color: #3D88B5;
	border-color: #3D88B5;
	color: #ffffff;
}
.buttonAnime2::before,
.buttonAnime2::after {
	top: 0;
	width: 50%;
	height: 100%;
}
.buttonAnime2::before {
	right: 0;
}
.buttonAnime2::after {
	left: 0;
}
.buttonAnime2:hover::before,
.buttonAnime2:hover::after {
	width: 0;
	background-color: #3D88B5;
}
/*ボタン3*/
.buttonAnime3 {
	position: relative;
	z-index: 2;
	background-color: #fcfcfc;
	border: 1px solid #ccc;
	overflow: hidden;
}
.buttonAnime3:hover {
	color: #fff;
}
.buttonAnime3::after {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.buttonAnime3:hover::after {
	-webkit-transform: scale(2) rotate(180deg);
	transform: scale(2) rotate(180deg);
	background: #3D88B5;
}
/*ボタン4*/
.buttonAnime4 {
	position: relative;
	-webkit-perspective: 300px;
	perspective: 300px;
}
.buttonAnime4 span {
	display: block;
	position: absolute;
	width: 250px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
	pointer-events: none;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.buttonAnime4 span:nth-child(1) {
	background-color: #E2413E;
	color: #fff;
	-webkit-transform: rotateX(90deg);
	-moz-transform: rotateX(90deg);
	transform: rotateX(90deg);
	-webkit-transform-origin: 50% 50% -20px;
	-moz-transform-origin: 50% 50% -20px;
	transform-origin: 50% 50% -20px;
}
.buttonAnime4 span:nth-child(2) {
	background-color: #fff;
	color: #333;
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	transform: rotateX(0deg);
	-webkit-transform-origin: 50% 50% -20px;
	-moz-transform-origin: 50% 50% -20px;
	transform-origin: 50% 50% -20px;
}
.buttonAnime4:hover span:nth-child(1) {
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	transform: rotateX(0deg);
}
.buttonAnime4:hover span:nth-child(2) {
	background-color: #E2413E;
	-webkit-transform: rotateX(-90deg);
	-moz-transform: rotateX(-90deg);
	transform: rotateX(-90deg);
}
#priceList {
	padding: 40px 0;
}
.table {
	font-size: 13px;
	font-weight: 300;
	margin-bottom:40px;
}
.table th,
.table td:nth-child(odd) {
	white-space: nowrap;
}
.table td:nth-child(2) {
	color: #949494;
}
.table td:nth-child(3) {
	text-align: right;
	color: #f56462;
}
.address-ditail {
	padding-top: 30px;
}
#faq h3 {
	font-size: 18px;
	color: #3D88B5;
	margin-bottom: 10px;
	font-weight: normal;
}
#faq p {
	padding-left: 20px;
	padding-bottom: 24px;
}
.remodal .privacy {
	text-align: left;
}
.remodal .privacy h3 {
	text-align: center;
	font-size: 20px;
	color: #3D88B5;
}
.remodal .privacy h4 {
	font-size: 16px;
	margin-top: 15px;
	margin-bottom: 5px;
}
.remodal .privacy p {
	font-size: 13px;
}

/*new year 1/15で削除*/
.newYear { height:650px;}
#hero-area:before {
  background: none;
}
@media (max-width: 1024px) {
	.newYear { height:350px;}
	figure figcaption {
		height: 170px;
	}
	figure figcaption p {
		font-size: 12px;
	}
}
@media (max-width: 736px) {
	figure figcaption {
		height: auto;
	}
	figure figcaption p {
		font-size: auto;
	}
}