@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
@media screen and (min-width: 768px){
.br-sp {display: none; }
}
#wpadminbar {display:none;}
#admin-panel {display:none;}
.article-header.entry-header {display:none;}
.entry-title {display:none;}
nav#navi.navi.cf {
	border-top: 1px solid #3e3a39;
	border-bottom: 1px solid #3e3a39;
}
#content {margin-top:0px !important;}
.copyright {font-size:12px;}

/* アイコン回転　TOPページ*/
.elementor-element.elementor-element-8a6c279 img {
	transition: 1.5s ;
	transform: rotateY( 0deg ) ;
}
.elementor-element.elementor-element-8a6c279 img:hover {transform: rotateY( 360deg ) ;}

.elementor-element.elementor-element-72a89f8 img {
	transition: 1.5s ;
	transform: rotateY( 0deg ) ;
}
.elementor-element.elementor-element-72a89f8 img:hover {transform: rotateY( 360deg ) ;}

.elementor-element.elementor-element-817f591 img {
	transition: 1.5s ;
	transform: rotateY( 0deg ) ;
}
.elementor-element.elementor-element-817f591 img:hover {transform: rotateY( 360deg ) ;}

.elementor-element.elementor-element-71c6dfb img  {
	transition: 1.5s ;
	transform: rotateY( 0deg ) ;
}
.elementor-element.elementor-element-71c6dfb img:hover {transform: rotateY( 360deg ) ;}

/*アイコン回転　こだわりページ*/
.elementor-element.elementor-element-57bb8df img {
	transition: 1.5s ;
	transform: rotateY( 0deg ) ;
}
.elementor-element.elementor-element-57bb8df img:hover {transform: rotateY( 360deg ) ;}

.elementor-element.elementor-element-1d1bb95 img {
	transition: 1.5s ;
	transform: rotateY( 0deg ) ;
}
.elementor-element.elementor-element-1d1bb95 img:hover {transform: rotateY( 360deg ) ;}

.elementor-element.elementor-element-d3a5a70 img {
	transition: 1.5s ;
	transform: rotateY( 0deg ) ;
}
.elementor-element.elementor-element-d3a5a70 img:hover {transform: rotateY( 360deg ) ;}

.elementor-element.elementor-element-fb19f68 img {
	transition: 1.5s ;
	transform: rotateY( 0deg ) ;
}
.elementor-element.elementor-element-fb19f68 img:hover {transform: rotateY( 360deg ) ;}

/* アイコン回転　サービスページ*/
.elementor-17 .elementor-element.elementor-element-f592217 img  {
	transition: 1.5s ;
	transform: rotateY( 0deg ) ;
}
.elementor-element.elementor-element-f592217 img:hover {transform: rotateY( 360deg ) ;}

.elementor-17 .elementor-element.elementor-element-9c1c402 img {
	transition: 1.5s ;
	transform: rotateY( 0deg ) ;
}
.elementor-element.elementor-element-9c1c402 img:hover {transform: rotateY( 360deg ) ;}

.elementor-17 .elementor-element.elementor-element-0242b38 img {
	transition: 1.5s ;
	transform: rotateY( 0deg ) ;
}
.elementor-element.elementor-element-0242b38 img:hover {transform: rotateY( 360deg ) ;}

.elementor-17 .elementor-element.elementor-element-9f8642f img {
	transition: 1.5s ;
	transform: rotateY( 0deg ) ;
}
.elementor-element.elementor-element-9f8642f img:hover {transform: rotateY( 360deg ) ;}

/*トップページ施工事例*/
li {list-style-type:none;}
.top_work_kobetu {
	display: flex;
	flex-direction: row;
}
.top_work_kobetu a {
	margin: 0 20px 0 20px;
	text-align: center;
	color:inherit;
	width: 25%;
}
.work_top ul {padding:0;}
.work_title {
	display: block;
	margin-bottom: -40px;
	margin-top: -7px;
}
.daiji {font-size:30px;}


.work_after img {
	width:275px;
	height:185px !important;
	object-fit: cover;
}
.work_eye-catching img {
	width:275px;
	height:185px !important;
	object-fit: cover;
}


/*トップページブログ*/
.blog_kobetu {
	display: flex;
	flex-direction: row;
}
.blog_kobetu  a {
	margin: 0 20px 0 20px;
	text-align: center;
	color:inherit;
			width:25%;
}
.blog_top ul {padding:0;}
.blog_midasi {
	display: block;
	margin-bottom: -40px;
	margin-top: -7px;
}

/*施工事例*/
.ichiran_kobetu {
	 display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    text-align: center;
    justify-content: flex-start;
}
.ichiran_kobetu a {
	margin: 0 20px 30px 20px;
	text-align: center;
	color:inherit;
	width:21.4%;
}
.work_ichiran ul {padding:0;}


/*施工事例　個別*/
.workphoto img {
	width:450px;
	height:500px;
	object-fit: cover;
}
.beforeafter {
	display:flex;
	justify-content: center;
	margin-bottom: 25px;
}
.beforeafter ul {padding:0;}
.sankaku {
	display: flex;
	align-items: center;
	font-size: 25px;
	margin: 0 0 0 15px;
}
.before, .after {
	background-color: #333;
	color: #fff;
	padding-left: 10px;
	margin-bottom: 0px;
	font-size: 20px;
}
.work_moji {
	margin-left: auto;
	margin-right: auto;
	width: 1050px;
}

.toukou_okuri {
	margin-top: 30px;
	text-align: center;
}
.toukou_okuri a {
	margin: 0 70px 0 70px;
	text-decoration: none;
}
.indent {padding-right: 2em;}
.jisage {
	padding-left: 5em;
	text-indent: -5em;
}
.work_photo img {
	width: 300px;
	height: 250px !important;
	object-fit: cover;
}
.work_kobetu_title{
	display: block;
	background: #5c766e;
	font-size:24px;
	color: #fff;
	padding-left: 10px;
	margin-bottom: -20px;
	margin-bottom: 10px;
}
/*ギャラリー*/
.gallery-ul{
	margin-top: 50px;
	display: flex;
	width: 1000px;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}
.gallery-li {width: calc(100% / 3.1);}
.gallery-li img {width:300px;height:400px;object-fit: cover;}

/*料金表*/
table .ryoukin　td {text-align: center;}

/*会社情報*/
.shimei {font-size:18px;}
.place-name {display:none !important;}

.co-indent1 {padding-right:4em;}
.co-indent2 {padding-right:3em;}
.co-indent3 {padding-right:2em;}
.co-indent4 {padding-left:6em;}

/*お問い合わせ*/
span.hissu　{color: #94252a;}
.form_doui {
	padding-left:1em;
	color: #413A3A;
}
input[type='submit'] {
	display: block;
	width: 150px;
	margin-left: auto;
	margin-right: auto;
}
/*よくある質問*/
.q_indent {
	text-indent: -1.8em !important;
	padding-left: 2em !important;
	display: block !important;
}

/*フッターエリア*/
.company_info_footer {width:55%;margin-bottom:5px;}
.footer-widgets.cf {margin:0 !important;}
.footer-left {width:70% !important}
.footer-center {width:25% !important;}
.footer-right {width:25% !important;}

.footer-syamei {
	display:block;
	font-size:30px;
	margin-bottom:-40px;
}
.footer-jusyo {
	display:block;
	margin-bottom:-40px;
}
.footer-jusyo, .footer-tel-syou {font-size:20px;}
.footer-tel-dai {font-size:27px;}
.footer-tel {
	display:block;
	margin-bottom:-20px;
}
.footer-link {
	font-size:15px;
	text-decoration: none;
	border: 1px solid #fff;
	padding: 5px 15px;
}
.footer-bottom {margin-top: -30px !important;}

#menu-footer-menu1, #menu-footer-menu2 {line-height:1;}

/*保証について*/
.indent {
	text-indent:-1em;
	padding-left:1em;
}

/*ブログ*/
.blog_archive {
	display: flex;
	flex-direction: column;
}
.blog_archive a {
	border-bottom:1px solid;
	color:#3e3a39;
}
.blog_archive .blog_photo {
	float: left;
	width: 150px;
	margin: 25px 20px 25px 0;
}
.blog_archive .blog_title {
	margin-top: -15px;
	display: block;
	font-size:20px;
	font-weight:bold;
}
.blog_archive .blog_kiji {
	display: block;
	margin-top: -30px;
}
/*ブログ 個別*/

.blog_page img {width:35% !important}
.blog_title {
	font-size: 22px;
	font-weight: bold;
}
.blog_kiji {font-size: 17px;}

/*プライバシーポリシー*/
.page-id-639 #header-container {display:none;}
.page-id-639 #breadcrumb {display:none;}
.page-id-639 #footer {display:none;}
.pp{
	text-align:justify;
	display:block;
	line-height:1.5;
}
.pp-indent1 {
	text-indent:-1em;
	padding-left:2em;
}
.pp-indent1:before{content:"●";}

/*ページネーション*/
.wp-pagenavi {
	clear: both;
	text-align:center;
	font-size: 17px;
	margin-top:50px;
}
.wp-pagenavi a, .wp-pagenavi span {
	color: #999 !important;
	background-color: #FFF;
	border: solid 1px #999;
	padding: 8px 15px;
	margin: 0 2px;
	white-space: nowrap;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	text-align: center;
	text-decoration:none;
}
.wp-pagenavi span.current{
	color: #FFF !important;
	background-color: #63C5DE;
	border-color: #63C5DE !important;
	font-weight: bold;
    }
.wp-pagenavi a:hover{
    color:#fff !important; 
    background-color:#999; 
	 border-color: #999 !important;
    }
body:not(.page-id-19)  .wp-pagenavi {display:none;}


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
	.logo.logo-header.logo-image {display:none;}
	.wrap {width:auto !important;}
	nav#navi.navi.cf {display:none;}
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	.daiji {font-size:22px;}
	.copyright {font-size:10px;}
	.site-logo-image {
		max-height: 35px !important;
		margin-top: 5px !important;
	}
	section.elementor-section.elementor-top-section.elementor-element.elementor-element-2f9c86b.elementor-section-height-min-height.elementor-section-stretched.elementor-section-boxed.elementor-section-height-default.elementor-section-items-middle {
		height: 100px;
		margin-top: -20px;
	}
	.elementor-12 .elementor-element.elementor-element-c962168 > .elementor-container {
		display:flex;
		flex-wrap: nowrap;
	}
	.elementor-12 .elementor-element.elementor-element-daa8680 > .elementor-container {
		display:flex;
		flex-wrap: nowrap;
	}
	.elementor-column.elementor-col-25.elementor-inner-column.elementor-element.elementor-element-08387ad {width:50%;}
	.elementor-column.elementor-col-25.elementor-inner-column.elementor-element.elementor-element-b33a9fe {width:50%;}
	.elementor-column.elementor-col-25.elementor-inner-column.elementor-element.elementor-element-e611d1c {width:50%;}
	.elementor-column.elementor-col-25.elementor-inner-column.elementor-element.elementor-element-726ff25 {width:50%;}
	.top_work_kobetu {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-around;
	}
	.top_work_kobetu a {
		width: 45%;
		margin: 0;
	}
	.work_title, .work_field {font-size:15px;}
	.work_field {
		display: block;
		margin-bottom: 20px;
	}
	
	.work_midasi {font-size:15px;}
	.ichiran_kobetu {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		text-align: center;
		justify-content: space-around;
	}
	.ichiran_kobetu a {
		width: 45%;
		margin: 0;
	}


	
	.blog_kobetu {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-around;
	}
	.work_moji {font-size:15px !important;}
	.work_kobetu_title {font-size:18px;}
	.work_comment {font-size:15px !important;}
	
	.blog_archive .blog_kiji {
		display: block;
		margin-top: -30px;
		line-height: 1.7;
		margin-bottom: 15px;
	}
	.blog_kiji {text-align:justify;}
	.blog_kobetu a {
		width: 45%;
		margin: 0;
	}
	.blog_midasi{
		display:block;
		font-size:15px;
		margin-bottom: 20px;
	}
	/*施工事例*/
	.work_photo img {
		height: 150px !important;
	}
	.work_jirei_midasi {
		font-size: 15px;
		display: block;
		margin: -5px 0 25px 0;
	}

	/*施工個別*/
	.beforeafter{
		display: flex;
		flex-direction: column;
		width: 320px;
		margin-left: auto;
		margin-right: auto;
	}
	.before, .after {
	background-color: #333;
	color: #fff;
	padding-left: 10px;
	margin-bottom: 0px;
	font-size: 15px;
	}
	.workphoto img {height:250px;}
	.sankaku {display:none;}
	.work_moji {width: 320px;}
	/*問い合わせ*/
	.form_neme, .form_furigana, .form_mail, .form_yubinbango, .form_jusyo, .form_tel, .form_kenmei, .form_toiawase, .form_doijiko, a.form_doui, .wpcf7-list-item-label {font-size:15px;}
	
	/*ブログ個別*/
	div.blog_page{
		display:block;
		margin:0 20px !important;
	}
	.blog_title {font-size:18px;}
	.blog_kiji {
		font-size:15px;
		display:block;
		line-height: 2;
	}
	.blog_page img {width: 100% !important;}
	
	.toukou_okuri a {margin:0 20px;}
	
	/*会社情報*/
	.shimei {font-size:15px;}
	
	/*フッターエリア*/
	#custom_html-3 {text-align:center;}
	.footer-syamei {font-size:22px;}
	.footer-jusyo {font-size:15px;}
	.footer-tel-syou {font-size:15px;}
	.footer-tel-dai {font-size:20px;}
	.footer-link {font-size:13px;}
	.menu-footer-menu1-container {
		font-size:15px;
		width: 195px;
		float: left;
		line-height: 1;
		margin-left: 10px;
	}
	.menu-footer-menu2-container {
		font-size:15px;
		width: 100px;
		float: right;
		line-height: 1;
	}
	.footer-bottom {margin-top: 0px !important;}
}