/*
Theme Name: salient-ck
Description: Custom Child theme for the Salient
Author: TA
Template: salient
*/


@import url("../salient/style.css");

body {
	font-size: 14px;
	color: #444;
}

body, body h3, .row .col h3, .toggle h3 a, h1, h2, h3, h4, h5, h6, body h1.light, body h2.light, body h3.light, body h4.light, body h5.light, body h6.light, p.light {
	font-family: '游ゴシック','YuGothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif !important;
}

h1, h2, h3, h4, h5, h6 {
	color:inherit;
}

h2 {
	margin: 0 0 15px;
}

p {
	line-height: 2em;
}

body a:hover {
	color: #27CFC3;
}

.arrow-b [class^="icon-"] {
	color: #444;
}

.sp-switch {
	display: none;
}

/*#header-outer[data-full-width="true"] header > .container, #header-secondary-outer[data-full-width="true"] > .container {
	margin-top: -1px;
	padding: 0 28px 0 0px;
}

#header-outer {
	padding-top: 0 !important;
}*/

/*body .vc_text_separator div {
	font-family: "Montserrat";
	font-size: 24px;
	line-height: 36px;
	letter-spacing: 0.2em;
}*/
header#top #toggle-nav{
	position: absolute;
    right: 0px;
    top: 5px;
    display: none;
    width: 36px;
    height: 28px;
    text-align: right;
    margin-bottom: 10px;
}

.swiper-slide .content h2 {
	letter-spacing: 0.07em;
	font-family: 'Montserrat';
}

.home p br {
	display: none;
}

.catchphrase .col  h2 {
	font-size: 1.4em !important;
}

.catchphrase p {
	font-size: 1.3em;
}

.instance {
	
}

#portfolio-filters-inline.non-fw .container > ul li#sort-label {
	display: none;
}

header#top nav > ul > li > a {
	display: block;
	padding: 0px 40px 0px 40px;
	color: #676767;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	font-size: 14px;
	line-height: 20px;
	/*text-shadow:1px 1px 0 rgba(0,0,0,0.5);*/
}

#page-header-bg .span_6 h1 {
	letter-spacing: 0.15em;
}

.team-member p.description, .row .col .team-member p.description {
	border-bottom: 0px solid #fff;
    border-top: 0px solid #fff;
}

p.number {
	font-size:18px;
}

.single-portfolio .row.project-title .container .title-wrap {
	border-bottom: 1px solid #DDDDDD;
	position: relative;
	padding-bottom: 60px;
}

.project-title {
	padding-top: 110px;
	padding-bottom: 36px;
}

.row .col.section-title h1 {
	font-size: 36px;
	margin-bottom: 0px;
}

.main-content ul {
	margin: 7% 0 0;
	text-align: center;
}

.main-content ul li {
	list-style: none;
	margin: 0 0 25px;
	padding: 0 0 10px;
}

ul.list li {
	background: url("../salient/img/common/border.gif");
	background-repeat: no-repeat;
	background-position: center bottom;
}

#footer-outer #copyright {
	color: #FFF;
}

#footer-outer #copyright li a i {
	color: #FFF;
}

header#top nav > ul.bogo-language-switcher {
	padding: 18px 0 0;
}

header#top nav > ul.bogo-language-switcher li {
	background: none;
}

header#top nav > ul.bogo-language-switcher li.en-CA {
	display: none;
}

header#top nav > ul.bogo-language-switcher li a{
	padding: 5px 10px !important;
	border: 2px solid #FFF;
}

/* HOME */
.home h2 {
	line-height: 1.5;
}

.home h2 br {
	display: none;
}

.home .swiper-slide .content h2 {
	color: #444;
	text-align: center;
}
  
.home .swiper-slide .content p {
	color: #444;
	text-align: center;
}

/* ABOUT US */
.aboutus-area {
	text-align: center;
}

.aboutus h2 {
	line-height: 1.5;
}

.aboutus p {
	line-height: 2.5;
}

.staff-profile h4 {
	font-weight: bold;
}

.staff-profile .team-member {
	overflow: hidden;
}

.staff-profile .team-member img {
	display: inline-block;
	float: left;
	width: 20%;
	margin: 0 3% 0 0;
	border-radius: 200px;
	-webkit-border-radius: 200px;
	-moz-border-radius: 200px;
	-ms-border-radius: 200px;
	-o-border-radius: 200px;
}

.staff-profile .team-member .position {
	display: inline-block;
	width: 77%;
	border-bottom: 1px solid #999;
	padding: 0 0 5px;
}

.staff-profile .team-member p.description {
	display: inline-block;
	width: 77%;
	padding: 15px 0 !important;
}

.staff-profile .team-member p.description {
	border: none;
	margin: 0;
	padding: 0;
}

.staff-profile.hide {
	display: none;
}

#history a {
	border-bottom: 1px solid #666;
		-webkit-transition: 1s ease-in-out;
		-moz-transition: 1s ease-in-out;
		-o-transition: 1s ease-in-out;
		-ms-transition: 1s ease-in-out;
	padding-bottom: 2px;
}

#history a:hover {
	border-bottom: 1px solid #27CFC3;
	
}

/* ABOUT US */
#portfolio-filters-inline ul li a {
	color: #FFF;
}

#portfolio-filters-inline ul li a:hover {
	color: #666 !important;
}

/* CONTACT US */
#outline dl {
	border-top: 1px solid #ccc;
}

#outline dt {
	font-weight: bold;
	float: left;
	padding: 20px 0;
}

#outline dd {
	padding: 20px 0 20px 170px;
	border-bottom: 1px solid #ccc;
}

#history dt {
	font-weight: bold;
	float: left;
	padding: 10px 0;
}

#history dd {
	padding: 10px 0 10px 170px;
}

/* PAGE */
.partners img {
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	filter: gray;
	-webkit-filter: grayscale(100%);
}

.partners img:hover {
	filter: none;
	-webkit-filter: grayscale(0%);
}

.their-media a img {
	-webkit-transition: 0.3s ease-in-out !important;
	-moz-transition: 0.3s ease-in-out !important;
	-o-transition: 0.3s ease-in-out !important;
	transition: 0.3s ease-in-out !important;
}

.their-media a img:hover {
	opacity: 0.6 !important;
	filter: alpha(opacity=60) !important;
}

/* NEWS */
.news-list dl {
	font-size: 1.2em;
	margin: 0 0 1.5em;
	width: 100%;
}

.news-list dt {
	display: inline-block;
	vertical-align: top;
	width: 10%;
}

.news-list dd {
	display: inline-block;
	width: 89%;
}

.news-content h1 {
	font-size: 2em !important;
}

.news-content .meta-date {
	font-size: 1.5em !important;
}

/* CONTACT FORM */
input[type=submit],
button[type=submit] {
	padding: 15px 0;
	width: 60%;
	font-size: 1.5em;
}

.submit {
	text-align: center;
}

.submit img {
	margin: auto !important;
}

.your-amount label[for=your-amount-1],
.your-amount label[for=your-amount-2]{display:block;}
.mw_wp_form .your-amount .horizontal-item + .horizontal-item{
	margin-left:0;
}

/*Portfolio*/
.portfolio_btn{
	padding: 10px 30px;
    border: 2px solid #AAA;
	display:inline-block;
}
.portfolio_btn:hover{
	background:rgba(39,207,195,0.5);
	color:#fff;
}
/* SNS */
.snsbtn-area a {
  -webkit-transition-property:opacity; -webkit-transition-duration:0.4s; -webkit-transition-timing-function:ease; -moz-transition-property:opacity; -moz-transition-duration:0.4s; -moz-transition-timing-function:ease; -o-transition-property:opacity; -o-transition-duration:0.4s; -o-transition-timing-function:ease;
}
.snsbtn-area a:hover a { opacity:0.7; }
.snsbtn-area { margin:30px 0 40px; }
.snsbtn-area i { font-size:1.1em; padding:0 3% 0 0; }

a.facebook-iine{
width:33%;
padding:20px 0 35px;
color:#fff;
text-align:center;
background-color:#3b5998;
height:30px;
display:block;
text-decoration:none;
font-size:18px;
float:left;
}

a.facebook-iine:hover{
background-color:#6277a1;
color:#fff;
}

a.twitter-tweet{
width:33%;
padding:20px 0 35px;
color:#fff;
text-align:center;
background-color:#00acee;
height:30px;
display:block;
text-decoration:none;
font-size:18px;
float:left;
}

a.twitter-tweet:hover{
background-color:#6aafca;
color:#fff;
}

a.gplusbtn{
width:34%;
padding:20px 0 35px;
color:#fff;
text-align:center;
background-color:#DD4B39;
height:30px;
display:block;
text-decoration:none;
font-size:18px;
float:left;
}

a.gplusbtn:hover{
background-color:#E05D4C;
color:#fff;
}

a.linebtn{
width:33%;
padding:20px 0 35px;
color:#fff;
text-align:center;
background-color:#00C300;
height:30px;
display:block;
text-decoration:none;
font-size:18px;
float:left;
}

a.linebtn:hover{
background-color:#9ad975;
color:#fff;
}

a.linebtn.pc-none{
	display:none;
}

@media only screen and (min-width: 1000px) and (max-width: 3000px) {
	.col h2 {
		font-weight: bold;
		font-size: 16px !important;
	}

	.col h3 {
		font-weight: bold;
		font-size: 18px !important;
	}

	.col h4 {
		font-size: 16px !important;
	}

	/* ABOUT US */
	.aboutus-area {
		margin:0 10%;
	}

	.aboutus-area h2.title {
		font-size:26px !important;
		margin-bottom: 30px;
		letter-spacing: 0em;
	}

	.aboutus-area p {
		font-size:16px !important;
		line-height: 2.5;
	}

	.aboutus p {
		font-size:16px !important;
		line-height: 2.5;
	}
}


@media only screen and (min-width: 1px) and (max-width: 1000px) {
  
	.sp-switch {
		display: block;
		position: absolute;
		top: 10px;
		right: 45px;
		z-index: 1001;
	}

	.sp-switch .en-CA {
		display: none;
	}
  
	.sp-switch .bogo-language-switcher li {
		background: none;
	}

	.sp-switch li a{
		padding: 5px 10px !important;
		border: 2px solid #FFF;
		color: #FFF;
	}

	.page p br {
		display: none;
	}

	.home p br {
		display: block;
	}

	.col h2 {
		font-weight: bold;
		font-size: 22px !important;
		letter-spacing: 0.15em;
	}

	.col h3 {
		font-weight: bold;
		font-size: 16px !important;
	}

	.col h4 {
		font-size: 14px !important;
	}

	/* HOME */
	.news-list dt {
		width: 15%;
	}
	
	.news-list dd {
		width: 84%;
	}

	/* ABOUT US */
	.aboutus-area h2.title {
		font-size:20px !important;
		margin-bottom: 30px;
		letter-spacing: 0.08em;
	}

	.aboutus-area p {
		font-size:16px !important;
		line-height: 1.9;
	}

	#outline dt {
		float: none;
	}

	#outline dd {
		padding: 0 0 20px;
	}

	#history dt {
		float: none;
	}

	#history dd {
		padding: 0 0 20px;
	}

	.staff-profile .description br {
		display: block;
	}

	/* NEWS */
	.news-content #sidebar {
		margin: 40px 0 0;
	}

	.partners {
		padding-bottom: 0 !important;
	}

	/* SNS */
	a.linebtn.pc-none{
		display: block;
	}

	a.facebook-iine{
		width:50%;
		margin: 0 0 1%;
	}

	a.twitter-tweet{
		width:50%;
		margin: 0 0 1%;
	}

	a.gplusbtn{
		width:50%;
	}

	a.linebtn{
		width:50%;
	}

}


@media only screen and (max-width: 700px) {

	h3 .nectar-button {
		margin-right: 18px;
	}
  
	/* HOME */

	.home h2 br {
		display: block;
	}

	.news-list dt {
		display: block;
		margin: 0 0 0.5em;
	}

	.news-list dd {
		display: block;
		padding: 0;
	}

	/* ABOUT US */
	.aboutus h2,
	.aboutus p {
		text-align: left !important;
	}

	.aboutus br {
		display: none;
	}

	.staff-profile .team-member {
		text-align: center;
	}

	.staff-profile .team-member img {
		display: block;
		float: none;
		width: 200px;
		margin: auto;
		border-radius: 200px;
		-webkit-border-radius: 200px;
		-moz-border-radius: 200px;
		-ms-border-radius: 200px;
		-o-border-radius: 200px;
	}
	
	.staff-profile .team-member p.description {
		display: inline-block;
		width: 100%;
		text-align: left;
	}

	.staff-profile .team-member p.description {
		text-align: center !important;
	}

}


@media only screen and (max-width: 480px) {
	/* SNS */
	a.facebook-iine{
		width:100%;
		margin: 0 0 3%;
	}

	a.twitter-tweet{
		width:100%;
		margin: 0 0 3%;
	}

	a.gplusbtn{
		width:100%;
		margin: 0 0 3%;
	}

	a.linebtn{
		width:100%;
		margin: 0 0 3%;
	}

	/* ABOUT US */
	.staff-profile .description br {
		display: block;
	}

}

.clearfix {zoom:1;}
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

.swiper-slide .button.transparent a {
    border: 2px solid #666666;
    color: #333;
	font-family: '游ゴシック','YuGothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif !important;
	font-size:14px;
}
.ja .swiper-slide .button.transparent a {
	display:none;
}

.cardno input[type=text], .cvv input[type=text]{width: 100px;}
.inquiry1 select{width:100px;background-color: #efefef;}
.submit-button{margin-top:60px;text-align:center;}
.mw_wp_form mw_wp_form_input  .bold{font-family: 'OpenSansSemiBold';}
.page-template-page-sidebar #post-area{border-right: solid 1px #ddd;}
#text-2{margin-top: 50px;}
.bogoflags{display: none;}
.page-id-939 .main-content .nomgntop{
    padding-top: 10px !important;
    margin-top: -80px !important;
}
#news_list li .title .date{padding-right: 30px;}
.trooffice a, .trooffice .col .nectar-button.see-through .icon-envelope{color:#fff;}
.trooffice .col .nectar-button.see-through{color:#fff !important;border: 2px solid #fff !important;}
.ascend .container-wrap input[type="submit"]{margin-top: 10px;}