/*
Theme Name: design1
Theme URI:
Template: lightning
Description:
Author:
Tags:
Version: 0.6.1
*/

/*** 不要なパーツを非表示 ***/
.site-footer-copyright p:nth-child(2) {
	display: none;
}
span.entry-meta-item.entry-meta-item-author {
	display: none;
}
.vk_posts.next-prev {
	display: none;
}
body.blog .vk_post_imgOuter.media-img,
body.archive.category .vk_post_imgOuter.media-img,
body.archive.date .vk_post_imgOuter.media-img,
body.single-post .vk_post_imgOuter.media-img {
	display: none;
}
body.single-post .page-header,
body.single-works .page-header {
	display: none;
}

/*** フォント設定 ***/
html,body{
	font-family: "TBUDゴシック R";
}
strong,b{
	font-family: "TBUDゴシック E";
}
h1.page-header-title,
.page-header-title,
h1.archive-header-title{
	font-family: "見出ゴMB31";
}
/*** 共通パーツ ***/
.site-header,
.header_scrolled .site-header {
	box-shadow: 0 0.25rem 0.375rem -0.0625rem rgba(0, 0, 0, .1), 0 0.125rem 0.25rem -0.125rem rgba(0, 0, 0, .1);
}
nav#global-nav ul li a:hover{
	opacity: .5;
}
.vk-mobile-nav-menu-btn {
	top: 13px;
	border: none;
	width: 40px;
	height: 40px;
}
.floating {
	position: fixed;
	right: 0;
	bottom: 10%;
	opacity: 1;
	z-index: 100;
}
.floating>.inner>.inner-inner {
	border: solid 1px #fff;
	border-radius: 8px 0 0 30px;
	padding: 15px 10px 20px 10px;
	background: #6FD181;
}
.floating a.inner-inner {
	writing-mode: vertical-rl;
	-ms-writing-mode: vertical-rl;
	-webkit-writing-mode: vertical-rl;
	color: #FFFFFF;
	letter-spacing: 0.12em;
	font-weight: bold;
}

/*** HOMEページ ***/
.vk_slider.main-visual .swiper-wrapper {
	transition-timing-function: linear;
}
section.main-visual-wrap {
	position: relative;
}
section.main-visual-wrap .lead-text-wrap {
	position: absolute;
	z-index: 800;
	bottom: 0;
}
.lead-text-wrap h2 {
	font-size: 2.5rem;
}
.lead-text-wrap h2 span.text-nowrap {
	line-height: 4.5rem;
	padding: 0 0 0 15px;
	background: #fff;
	border-bottom: 3px solid;
	border-radius: 3px;
}

section.home-company-wrap div,
section.home-works-wrap div,
section.home-recruit-wrap div {
	position: relative;
}
figure.home-decorative-text {
	position: absolute;
	bottom: 0;
	z-index: 800;
}
figure.home-gaikan-img img {
	border-radius: 12px;
	box-shadow: 15px 15px 0 #fff;
}
section.home-company-wrap figure.home-decorative-text,
section.home-recruit-wrap figure.home-decorative-text {
	right: 0;
}
section.home-works-wrap figure.home-decorative-text {
	left: 0;
}
.home-works-inner:hover {
	background: #fff;
	opacity: .5;
}
.home-kenchiku-cover {
	border-radius: 12px 12px 0 0;
}
.home-doboku-cover {
	border-radius: 0 0 12px 12px;
}

/*footer*/
.site-body-bottom .widget {
	margin-bottom: 0;
}
.site-body-bottom .wp-block-cover {
	min-height: auto;
	padding: 3em;
}
footer.site-footer {
	background: #333333;
	color: #fff;
}
.site-body-bottom img{
	max-width: 70%;
}
.site-body-bottom a {
	color: #fff;
	border-bottom: 1px dotted #fff;
}

/*Archive*/
.page-header {
	background-image: url(/img/common/title-bg.jpg);
	background-position: center;

}
.post-name-company .page-header {
    background-image: url(/img/archive/title-bg_company.jpg);
}
.post-name-sdgs .page-header {
    background-image: url(/img/archive/title-bg_sdgs.jpg);
}
.post-name-service .page-header,
.post-type-archive-works .page-header,
.tax-cat-works .page-header {
    background-image: url(/img/archive/title-bg_service.jpg);
}
.post-name-recruit-info .page-header,
.post-name-flow .page-header,
.post-name-questions .page-header {
    background-image: url(/img/archive/title-bg_recruit.jpg);
}
.post-name-contact .page-header {
    background-image: url(/img/archive/title-bg_contact.jpg);
}

h1.page-header-title,
.page-header-title {
    color: #fff;
}
div#breadcrumb {
    background: #efefef;
}
/*カスタム投稿タイプ「施工事例」一覧*/
body.post-type-archive-works .vk_post.media,
body.archive.tax-cat-works .vk_post.media {
	flex-flow: column;
	width: 50%;
	margin: 0;
	padding: 20px !important;
}
body.post-type-archive-works .vk_post .media-img,
body.post-type-archive-works .vk_post .media-body,
body.archive.tax-cat-works .vk_post .media-img,
body.archive.tax-cat-works .vk_post .media-body {
	width: 100%;
}
body.post-type-archive-works .vk_post_date.media-date,
body.archive.tax-cat-works .vk_post_date.media-date {
	display: none;
}
/*施工事例シングル*/
body.single-works .entry-meta{
	display: none;
}

.wp-block-image.aligncenter {
	display: block;
	margin: 0 auto;
}
.wp-block-image.alignright {
	float: right;
}
.alignleft {
	float: left;
}
.wp-block-image.alignright:after , .wp-block-image.alignleft:after{
	clear:both;
}

/*お知らせ*/
.sub-section h4.sub-section-title {
	border-bottom: 3px solid #eef3ed;
	position: relative;
}

.sub-section h4.sub-section-title:after {
	position: absolute;
	content: " ";
	display: block;
	border-bottom: solid 3px #065657;
	bottom: -3px;
	width: 20%;
}

/*ContactForm7*/
span.form-required,
span.form-optional {
	background-color: #cd505c;
	padding: 1px 5px;
	border-radius: 4px;
	color: #fff;
	font-weight: bold;
}
span.form-required {
	background-color: #cd505c;
}
span.form-optional {
	background-color: #999;
}
span.message-count {
	float: right;
	margin-top: -10px;
}
div.wpcf7 p:last-of-type {
	text-align: center;
}
body.post-name-recruit-entry .wpcf7 table{
	margin-bottom: 20px;
	border: none;
}
body.post-name-recruit-entry .wpcf7 table tr{
	border-top: 1px solid #cfcfcf;
	border-bottom: 1px solid #cfcfcf;
	vertical-align: middle;
}
body.post-name-recruit-entry .wpcf7 table th,
body.post-name-recruit-entry .wpcf7 table td{
	border: none;
	vertical-align: middle;
	border-right-color: #ffffff;
    border-left-color: #ffffff;
}
body.post-name-recruit-entry .wpcf7 table th{
	background-color: #f2f2f2;
}
body.post-name-recruit-entry .wpcf7 table p {
	margin-bottom: 0;
	text-align: left;
}


/*** メディアクエリ スマホファースト***/
@media screen and (min-width:577px) {
	/*画面サイズが577px以上*/
	
}
@media screen and (min-width:782px) {
	/*画面サイズが782px以上*/
	section.main-visual-wrap .lead-text-wrap{
		bottom: 0;
	}
	section.main-visual-wrap h2 span.text-nowrap {
		font-size: 3rem;
		line-height: 5rem;
	}
	figure.home-decorative-text {
		z-index: 0;
	}
	section.home-company-wrap {
		position: relative;
	}
	section.home-company-wrap::after {
		position: absolute;
		content: url(/img/home/home-company.png);
		bottom: 0;
		right: 0;
	}
	section.home-works-wrap {
	    position: relative;
	}

	section.home-works-wrap::after {
	    position: absolute;
		content: url(/img/home/home-works.png);
		bottom: 0;
		left: 0;
	}
	section.home-recruit-wrap {
		position: relative;
	}
	section.home-recruit-wrap::after {
		position: absolute;
		content: url(/img/home/home-recruit.png);
		bottom: 0;
		right: 0;
	}
	body.post-type-archive-works .vk_post.media,
	body.archive.tax-cat-works .vk_post.media {
		width: 33.33%;
	}
	.home-kenchiku-cover {
    border-radius: 12px 0 0 12px;
	}
	.home-doboku-cover {
		border-radius: 0 12px 12px 0;
	}

}
@media screen and (min-width:993px) {
	/*画面サイズが993px以上*/
}
@media screen and (min-width:1201px) {
	/*画面サイズが1201px以上*/
	figure.home-decorative-text {
		z-index: 800;
	}
}
@media screen and (min-width:1401px) {
	/*画面サイズが1401px以上*/
}


/*** メディアクエリ ＰＣファースト***/
@media (max-width: 768px) {
	body#top {
		margin-bottom: 65px;
	}
	.lead-text-wrap h2 span.text-nowrap{
		padding: 5px 0 5px 15px;
	}
	.floating {
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		width: auto;
	}
	.floating>.inner>.inner-inner {
		border-left: none;
		border-right: none;
		border-radius: 0 0 0 0;
		padding: 20px;
		width: 100%;
	    display: block;
	    text-align: center;
	}
	.floating a.inner-inner {
		writing-mode: unset !important;
		-ms-writing-mode:  unset !important;
		-webkit-writing-mode:  unset !important;
	}
	body.post-name-recruit-entry .wpcf7 table,
	body.post-name-recruit-entry .wpcf7 tr,
	body.post-name-recruit-entry .wpcf7 th,
	body.post-name-recruit-entry .wpcf7 td{
		display: block;
		width: 100%;
	}
}