/*
 * Google font api
 */
@import 'https://fonts.googleapis.com/css?family=Cabin';

/*
 * Base structure
 */
html, body {
	position: relative;
	height: 100%;
	margin: 0;
	padding: 0;
}
body {
	/* font-family: 'Cabin', Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; */
	font-family: 'ヒラギノ丸ゴ ProN','Hiragino Maru Gothic ProN','klee','TsukuARdGothic-Regular','Osaka','Arial Unicode MS','Avenir Next','Apple Symbols','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','ヒラギノ角ゴシック','Hiragino Sans','Arial Rounded MT Bold','Yu Gothic UI','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	padding-top: 70px;

}
.article-header .article-title {
	padding-bottom: 0;
	margin: 40px 0 15px;
	/* border-bottom: 1px solid #222; */
	/* border-left: 7px solid #222; */
	padding-left: 15px;
}
.table-wrap {
	width: 100%;
	height: 100%;
	display: table;
}
.table-cell {
	height: 100%;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	overflow: hidden;
}
.section-title {
	margin: 10px auto 30px auto;
}
.section-title h1,
.section-title h2,
.section-title h3,
.section-title h4,
.section-title h5,
.section-title h6 {
	display: inline-block;
	padding-bottom: 8px;
	position: relative;
  margin-bottom: 1em;
}
.section-title h1:before,
.section-title h2:before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -15px;/*線の上下位置*/
  display: inline-block;
  width: 60px;/*線の長さ*/
  height: 3px;/*線の太さ*/
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);/*位置調整*/
  background-color: #ff9804;/*線の色*/
  border-radius: 2px;/*線の丸み*/
  font-weight: 700;
}

.navbar-fixed-bottom .navbar-collapse,
.navbar-fixed-top .navbar-collapse {
    max-height: 550px;
}

/* text style
-------------------------------------------------- */
.shadow {
	text-shadow: 2px 2px 3px rgba(0,0,0,0.8);
}

/* navbar
-------------------------------------------------- */
/* hover時に下線*/
@media (min-width:768px) {
	.navbar-nav > li > a:before {
		content: "";
		position: absolute;
		width: 50%;
		height: 1px;
		bottom: 0;
		left: 25%;
		visibility: hidden;
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
		-webkit-transition: all 0.3s ease-in-out 0s;
		transition: all 0.3s ease-in-out 0s;
	}
}

.navbar-default .navbar-nav > li > a:before {
	background-color: #001647;
}
.navbar-nav > li > :hover:before {
	visibility: visible;
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}

/* vegas
-------------------------------------------------- */
#vegas {
	height: 50%;
	width: 100%;
}
body.home {
	padding-top: 0;
}
body.home #vegas {
	height: 100%;
}


/* footer
-------------------------------------------------- */
.footer {
	margin-top: 40px;
	bottom: 0;
	width: 100%;
	padding: 40px 0;
	background-color: #020b4c;
	color: #fff;
}
.footer a {
	color: #9d9d9d;
}
.footer a:hover,
.footer a:focus {
	color: #fff;
}
.footer .container {
	margin-top: 20px;
}



/*
 * home
 */

@media (min-width: 768px) {
	body.home .feature:not(:last-child) {
		border-right: 1px solid #eee;
	}
}
@media (max-width: 767px) {
	body.home .feature:not(:last-child) {
		border-bottom: 1px solid #eee;
		margin-bottom: 20px;
	}
}


/*
 * faq
 */
dl dd{
	padding-top: 10px;
	margin-bottom: 20px;
}


/*
 * For WP
 */
.alignleft { display: inline; float: left; margin-right: 1.625em; }
.alignright { display: inline; float: right; margin-left: 1.625em; }
.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }



.navbar-header{
	min-height: 55px;
}
.navbar-default {
    border-top: 2px solid #222;
	border-bottom: 2px solid #222;
}

.navbar.navbar-default {
	background-color: rgba(255, 255, 255, 1);
	margin-bottom: 0;
	padding-top: 10px;

}

.navbar-default .navbar-brand {
    color: #222;
	font-size: 24px;
}

#template,
#works,
#contact{
	margin-top: 80px;
}

#vegas .top-heading-p{
	color: #fff;
	font-size: 18px;
}
#works .thumbnail .caption {
    padding: 0;
    color: #333;
    margin-top: 0;
    /* border-top: 1px solid #eee; */
	/*background-color: #f4f4f4;*/
}
#template .thumbnail .caption {
    padding: 0;
    color: #333;
    margin-top: 0;
}
.yellowbox{
	padding:20px 35px;
	background-color: #f7e8a0;
}
.more{
	margin-top:60px;
}
.btn-more {
    color: #fff;
    background-color: #ce0420;
	padding: 12px 10%;
}
.btn-more:hover {;
	opacity: 0.9;
    color: #fff;
    background-color: #e80223;
	padding: 12px 10%;
}
.caption p.name{
	min-height: 27px;
	line-height: 1.2;
}
.name {
	font-size: 14px;
	padding-top: 10px;
}
@media(max-width:767px) {
	.caption p{
		min-height: 15px;
		line-height: 1.2;
		margin-top: 20px;
		margin-bottom: 0;
	}
	.container-section{
		margin: 0;
		padding: 50px 20px;
	}
}

#menu-item-732 a{
	color: #b90f1b;
}
.main{

}
.thumbnail .caption{
	padding:0;
}

.wp-pagenavi a,
.wp-pagenavi span {
    padding: 5px 12px!important;
    margin: 3px!important;
    border-radius: 50%!important;
}
.fa-chevron-circle-right:before {
    content: "\f138";
}
#service {
	padding-top:70px;
}

#service .service-header{
	max-width:600px;
	margin:10px auto 50px auto;
}
#service .row h4,
#service .row h5 {
	font-weight: 700;
}
#service .row h4:first-letter {
    font-size: 1.5em;
}

.service-content{
	color:#484747;
}

#contact{
	padding-bottom:40px;
}
#contact .row{
	margin-top: 60px;
}
.article-content p{
	margin-top:30px;
}
.negotiation{
	margin-top: 50px;
}
#negotiation{
	padding-top:60px;
}
.template-img {
	margin-bottom: 60px;
}
.template-img img {
	border-radius:50%;
	/* border: 2px solid; */
}
@media (min-width:768px) {
	#template .center-block{
		margin-right: 0;
	}
}

h3.quality {
padding: 0.5em 0.8em;/*文字周りの余白*/
color: #494949;/*文字色*/
background: #f4f8ff;/*背景色*/
border-left: solid 6px #586dff;/*左線（実線 太さ 色）*/
font-weight: 700;
}
.contact-col{
	margin-bottom:40px;
}
.contact-col a{
	text-decoration:none;
}
.contact-area1{
	background-color:rgba(1, 171, 144, .9);
	color:#fff;
	border:3px solid #222;
	padding:20px;
	min-height:157px;
}
.contact-area1:hover{
	background-color:rgba(1, 171, 144, .7);
}
.contact-area2 {
	border:3px solid #222;
	padding:20px 40px;
}
.contact-tel p{
	margin-top:4px;
	color:#b90f1b;
}
.article-footer{
	margin-top: -30px;
}
.b_service_flow--item:before{
    bottom: 20px;
    border-top: 20px solid #ff9801;
}
.b_service_flow--item:before, .b_service_flow--item:after {
    content: '';
    position: absolute;
    left: 0;
    border-right: 45px solid transparent;
    border-left: 45px solid transparent;
}
.b_service_flow--number {
    float: left;
    width: 110px;
    display: block;
    text-align: center;
    color: #222;
    position: relative;
}
.b_service_flow--number_inner {
    display: table-cell;
    width: 90px;
    height: 180px;
    padding-top: 4px;
    vertical-align: middle;
    background: #ff9801;
}
.b_service_flow--item {
    float: left;
    padding-bottom: 40px;
    position: relative;
}
.b_service_flow--number_inner p,
.b_service_flow--number_inner span{

font-weight:700;
font-size:22px;
text-shadow:2px 2px 2px #171512;
color:#fff;
}
#vegas h1{
	font-size: 50px;
	font-weight: 400;
	color:#fff;
	margin-bottom: 30px;
}
@media (max-width:767px) {
	#vegas h1{
		font-size: 40px;
		font-weight: 400;
		color:#fff;
		margin-bottom: 30px;
	}
}
#business-hours{
	margin-top: 80px;
}

.navbar-default .navbar-nav>li>a {
    color: #777;
	border-right: 1px dotted #eee;
	padding: 10px 13px;
	margin-top:5px;
	color: #000;
	font-size: 14px;
}
.navbar-default .navbar-nav>li>a:first-child {
	border-left: 1px dotted #eee;

}
.navbar-default .navbar-nav>li>a:hover {
	color: #ff9900;
}

.navbar>.container .navbar-brand,
.navbar>.container-fluid .navbar-brand{
	padding: 12px;
}
#quality h3{
	margin-bottom: 30px;
}

#quality .col-sm-6{
	margin-bottom: 30px;
}

#service h5{
	margin: 20px 0;
}

/* .frame:after {
	position: absolute;
	display: block;
	content: "";
	top: 0;
	right: 0;
	width: 70%;
	height: 100%;
	box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.5),
	inset 0 0 100px rgba(0, 0, 0, 0.2);
	border-radius: 50%;
} */
.frame img{
	box-shadow: 0 0 15px #e69632;
}

.heading {
	font-size: 36px;
}
.font-bold {
	font-weight:700;
}