@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
*/





/************************************
** 子テーマ用のスタイルを書く
************************************/
	/*色
		#009966・・・緑
		#F2FAF7・・・薄い緑
		#c1c1c1・・・グレー		
	*/
	
	.is-layout-constrained > * {
		margin-block-start: 0;
	}
				
					
	a:hover{color:#009966;}

	.a-wrap:hover,
	.navi-in a:hover{
		background-color: #F2FAF7;
	}	



	/*著者情報・投稿日を消す*/
	.page .date-tags,
	.page .author-info {
		display: none;
	}

	/*PCとモバイルの改行位置*/
	  .br-pc { display:block; }
	  .br-pcsp { display:block; }
	  .br-pctab { display:block; }
	  .br-tab { display:none; }
	  .br-sp { display:none; }
	
	
	/*PCとモバイルの切り替え*/
	  .pc { display:block; }
	  .mobile { display:none; }
	

	/*フロント固定ページのタイトルを非表示*/
	.home.page .entry-title{
	  display: none;
	}


	/*マージン*/
	/*上余白*/
	.mt0{margin-top:0 !important;}
	.mt10{margin-top:10px !important;}
	.mt15{margin-top:15px !important;}
	.mt30{margin-top:30px !important;}
	.mt40{margin-top:40px !important;}
	.mt60{margin-top:60px !important;}
	.mt80{margin-top:80px !important;}
	.mt100{margin-top:100px !important;}
	.mt150{margin-top:150px !important;}
	/*下余白*/
	.mb0{margin-bottom:0 !important;}

	
	/*メインカラム最大幅*/
	.main{
		max-width:960px !important;
		margin:0 auto !important;
	}



	/*見出し*/
	h1.entry-title,
	h1.archive-title{
		display:none;
	}
	.blog-template-default h1.entry-title{
		display:block;
	}
	.article h2, .article h3, .article h4, .article h5, .article h6{
	    margin: 0;
	}

	.article h2{
		background:none;
		font-size: 20px;
		color:#009966;
		padding:0;
		margin-bottom:10px;
	}


	/*モバイル上の余白*/
	.mblt-header-mobile-buttons {
		margin-top: 0;
	}
	
	
	/*左右余白*/
	main.main,
	div.sidebar {
		padding: 0 20px;
	}

	/*テーブルの背景白に*/
	table tr:nth-of-type(2n+1){
		background-color:#FFF;
	}

/************************************
** ページ上余白
************************************/
	/*上の余白*/
	.content {
		margin-top:0;
	}
	.entry-content,
	.blog-template-default .content,
	.archive .content,
	.single .content{
		margin-top:65px;
	}



/************************************
** PC版ヘッダー
************************************/
/*========= スクロール途中でヘッダーが表示＆非表示するためのCSS ===============*/

	.header-container-in{
		margin:0;
	}

	#header-container{
		/*fixedで上部固定*/
		position: fixed;
		z-index: 999;/*最前面へ*/
		width: 918px;
		top:0;
		left: 50%;
		transform: translateX(-50%);
	}
	
	/*　上に上がる動き　*/
	
	#header-container.UpMove{
	  animation: UpAnime 0.5s forwards;
	}
	
	@keyframes UpAnime{
	  from {
		opacity: 1;
	  transform: translateY(0);
	  }
	  to {
		opacity: 0;
	  transform: translateY(-100px);
	  }
	}
	
	/*　下に下がる動き　*/
	
	#header-container.DownMove{
	  animation: DownAnime 0.5s forwards;
	}
	@keyframes DownAnime{
	  from {
		opacity: 0;
	  transform: translateY(-100px);
	  }
	  to {
		opacity: 1;
	  transform: translateY(0);
	  }
	}
	
/*========= ここまで ===============*/


	/*ヘッダーメニュー（PC用）*/
	.site-name-text-link{
		padding:0;
	}

	.header-container{
		background:rgba(255,255,255,0.98);
	}
	

	.header-container-in.hlt-top-menu .logo-header{
		max-height:200px;
	}
	.header-container-in.hlt-top-menu .logo-header img{
		max-height:124px;
	}
	.item-label{
		font-size:14px;
	}
	.navi{
		background:none;
	}

	.navi-in > ul{
        margin: 25px 0 0 100px !important;
        justify-content: flex-end;
	}

	
	.navi-in > ul li{
		width:auto;
		height:30px;
		line-height:1em;
		padding-top:8px;
	    border-bottom: #cccccc 1px solid;
		margin-left:3px;
	}
	#navi .navi-in>ul>li>a{
	    padding: 0 1em;
	}
	.navi-in a {
    color: #666666;
	}
		
	.header-pc-1{
		display:flex;
		flex-wrap:wrap;
		justify-content: flex-end;
		align-items: flex-end;
	}
	.header-pc-1 .mobilemenunaisns .sns-follow-bottons-group{
		margin-bottom:0;
	}
	.header-pc-1 .mobilemenunaisns .sns-follow-buttons a{
		font-size:28px;
		margin:0 10px;
	}
	.header-pc-1 .gengochange a{
		font-size:23px;
		padding-left:20px;

		text-decoration:none;
		font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	}
	.header-pc-1 .mobilemenunaisns .sns-follow-buttons {
		justify-content: flex-end;
		margin-right: 0;
	}




/************************************
** ヘッダーメニュー
************************************/
	
	.navi-menu-button{
		display:none;
	}


	.has-logo-button .menu-button {
    	width: 50px;
	}
	
	.menubar2 {
		font-size: 10px !important;
		font-weight:bold;
		opacity: 1 !important;
		color:#009966;
		letter-spacing: -0.03em;
		padding-top:4px;
	}
	
	.menubar0{
		display:block;
		padding:0;
	}

	.menubar1{
		display:block;
		border-bottom:#009966 solid 2px;
		height:10px;
	}





/************************************
** フッター
************************************/
	#footer {
		background:#F2FAF7;
	}

	.wrap{
		width:auto;
	}
	.footer-in{
		padding-top:30px;
	}



	.footer-mobile{
		font-size:14px;
		line-height:1.2em;
	}
	.footer-logo-image{
		width:128px;
		margin-bottom:20px;
	}
	
	.footerbox{
		display: flex;
		justify-content: space-between;
		width: 918px;
		margin: 0 auto;
	    flex-direction: row-reverse;
	}
	
	.footer-bottom-content{
		width:240px;
	}
	.footer-migi{
		text-align:center;
		padding:0 150px;
	}
	




	/*フッター内メニュー*/
	.navi-footer-in > .menu-footer{
		justify-content: flex-start;
		flex-direction:column;
	}
	.footer-bottom-content{
		float:none;
	}
	
	.navi-footer{
		margin-bottom:20px;
	}
	.navi-footer li{
		font-size:13px;
		padding:0;
	}
	.navi-footer-in > .menu-footer li{
		width:180px;
		border:none;
	}
	.navi-footer-in > .menu-footer li:last-child{
		border:none;
	}
	.navi-footer-in a{
		font-size:16px;
	}

	.navi-footer-in > .menu-footer li.menu-item {
		text-align: left;
	}
	
	/*コピーライト*/
	.copyright{
		background:#009966;
		color:#FFF;
		text-align:center;
	}
	
	.footer {
	  padding: 0;
	}
	
	.footer-bottom {
	  padding: 0;
	}



/************************************
** 共通パーツ
************************************/

/* パンくずリストのアイコンをまとめて非表示（Font Awesome 5）*/
	.breadcrumb .fa-home,
	.breadcrumb .fa-folder,
	.breadcrumb .fa-file {
		display: none; /*非表示*/
	}

	/*トップへもどるボタン*/
	.go-to-top-button{
		width:80px;
		height:80px;
	}
	.go-to-top-button img{
		width:60px;
		height:60px;
	}

	/*問い合わせ用文章*/
	.toiawasetxt{
		line-height:1.2em;
	}
	p.toiawasetxt{
		margin-bottom:10px;
	}

	/*問い合わせ用電話番号*/
	.telbox p{
		margin-block-start: 0;
	}
	
	.telbox{
		display:block;
		border:#096 solid 1px;
		width:310px;
		height:60px;

	}
	.telboxnai{
		width:312px;
		padding:5px 0px 5px 90px;
		background-repeat: no-repeat;
		background-image:url(https://www.syokouen.com/wp-content/themes/cocoon-child-master/img/telmark.png);
		background-size: 25px auto;
		background-position: 50px 10px;
	}
	.wp-block-group.telbox{
		margin:0 auto 10px auto;
	}
	.telbox p{
		margin-bottom:0;
		line-height:1.2em;
	}
	.telnumber{
		color:#096;
		font-size:24px;
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
	}

	/*採用リクルート応募ボタン*/
	.recruit_oubobtn{
		display:block;
		margin:0 auto;
		border:#096 solid 1px;
		padding:10px 10px 0 10px;
		width:310px;
		height:60px;

		font-size:20px;
		font-weight:bold;
		text-align:center;
	}
	.recruit_oubobtn a{
		text-decoration:none;
		color:#096;
		display:block;
	}
	
	/*VIEW MOREボタン*/
	.viewmorebtn{
		width:300px;
		margin:0 auto;
		background-image:url(https://www.syokouen.com/wp-content/themes/cocoon-child-master/img/viewmore_yajirushi.png);
		background-position:top 5px right 30px;
		background-repeat:no-repeat;
	}
	.viewmorebtn a{
		display:block;
		margin:0 auto;
		border:#096 solid 1px;
		width:200px;
		height:30px;
		text-align:center;

		text-decoration:none;
		color:#096;
		display:block;

	}
	

/************************************
** トップページ
************************************/
	/*スライドショー*/
	body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){
		max-width: 918px;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	/*イントロ*/
	/*PC*/
	.pc_center p,
	p.pc_center{
		text-align:center;
	}
	
	/*外構とは*/
	.gaikoutoha{
		background:#096;
		border-radius:7px;
		padding:0 5px 5px 5px;
	}
	.gaikoutoha p{
		margin-bottom:0;
	}
	.gaikoutoha_title{
		color:#FFF;
		font-weight:bold;
	}
	p.gaikoutoha_title{
		margin:0 0 0 5px !important;
	}
	.gaikoutoha_honbun{
	    max-width: 100% !important;
		background:#FFF;
		color:#096;
		padding:5px;
		border-radius:5px;
		padding:10px;
	}

	/*特徴*/
	.pointwaku{
		background-image:url(https://www.syokouen.com/wp-content/themes/cocoon-child-master/img/greenspacer.png);
		background-repeat:repeat-x;
		background-position:center;
		margin-bottom:10px;
	}
	.pointlist{
		border:solid 1px #096;
		border-left:none;
		padding:2px 10px 2px 0;
		display:inline-block;
		background:#FFF;s
	}
	.pointbangou{
		background:#096;
		color:#FFF;
		width:30px;
		text-align:center;
		font-weight:bold;
		display: inline-block;
		margin-right:6px;
	}
	.pointtxt{
		color:#096;
		display: inline-block;
	}
	.houseillust{
	}
	figure.point_houseimg{
		margin-right:0 !important;
		margin-left:auto !important;
		width:350px;
	}
	 
	
	/*業務案内*/
	.home_serviceimg{
		width:440px;
		padding-right:20px;
	}
	.servicebox1,
	.servicebox{
		display:flex;
		justify-content:left;
	}
	.body .wp-block-group.servicebox{
		margin-bottom:0;
	}
	.servicebox p{
		line-height:1.6em;
	}
	
	/*施工事例*/
	.works_list_box{
		display:flex;
		flex-wrap:wrap;
		justify-content:space-between;
	}
	.works_list_box::after{
	  content:"";
	  display: block;
	  width:33%;
	}

	.workslist{
		background:#096;
		margin:50px 0 0 0;
		padding:20px;
	}
	.workslist h2{
		text-align:center;
		color:#FFF;
	}
	.works_list{
		background:#FFF;

		display: flex;
		flex-direction: column;
		width: 33%;
	}

	.works_thum{
		width:100%;
	}

		/*施工事例のVIEW MOREボタン*/
	.workslist .viemorebtnbox{
		width:100%;
	}
	.workslist .viewmorebtn{
		width:300px;
		margin:30px auto 0 auto;
		background-image:url(https://www.syokouen.com/wp-content/themes/cocoon-child-master/img/viewmore_yajirushi2.png);

		background-position:top 5px right 30px;
		background-repeat:no-repeat;
	}
	.workslist .viewmorebtn a{
		border:#fff solid 1px;
		color:#fff;
	}

	.works_list .entry-card-thumb{
		width:100%;
	}
	.works_list .entry-card-thumb img{
		width:100%;
		height:100%;
	}
	.works_list .entry-card-thumb{
		float: none;
		margin-top: 0;
	}
	.works_list a{
		color:#000;
		text-decoration:none;
	}
	.works_list_right{
		padding:0 20px 20px 20px;
	}
	.works_list .works_title{
		margin-top:5px;
	}


	
	/*会社概要*/
	.daihyouphoto{
		width: 260px;
    	float: right;
    	margin: 0 0 10px 20px;
	}
	.aisatsumidashi{
		font-size:24px;
		font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
		margin-bottom:20px !important;
	}
	#post-12 .company_table table{
		margin-bottom:0px !important;
	}
	h2.taiouarea_midashi{
		margin-top:50px;
	}
	.taiouarea{
		display:flex;
		justify-content: space-between;
	}
	.taiouarea_map{
		width:363px;
	}
	.taiouarea_txt{
		width:520px;
	}



/************************************
** トップページの新着記事リスト（お知らせ・施工事例）
************************************/
	.top_newslist{
		margin-top:80px;
	}
	.news_list_box{
		margin-bottom:0;
	}
	.news_list_link{
		display:flex;
		border-top:#009966 solid 1px;
		padding:5px 0 30px 0;
	}
	.news_list a{
		text-decoration:none;
		color:#000000;
	}
	
	#post-2 .news_thum,
	#post-1120 .news_thum{
		display:none;
	}
	.news_thum{
		padding:5px 5px 5px 0;
		width:80px;
	}
	.news_thum img{
		width:70px;
		height:70px;
		object-fit: cover;
	}
	.news_list_right{
		flex: 1;
	}
	.news_list_datenew,
	.works_list_datenew{
		display:flex;
	}
	.news_list .news_date{
		width: 93px;
		font-size:16px;
		color:#009966;
	}
	.works_list .works_date{
		width:auto;
		margin-right:10px;
		color:#009966;
	}
	.news_list .newbox,
	.works_list .newbox{
		position:relative;

		top:5px;

		width: 38px;
		height:15px;
		background:#009966;
		vertical-align:top;
	}
	.newtxt{
		width: 100%;
		position:relative;
		top:-4px;		
		color:#FFF;
		text-align:center;
		font-size:14px;
		font-weight:bold;
	}
	.news_list .news_title{
		width: 100%;
		padding-left:170px;
		position:relative;
		top:-30px;
	}
	
	.new_list_more{
		width: 630px;
		font-size:26px;
		padding:15px;

		margin:0 auto;
		display:block;
		text-decoration:none;
		text-align:center;
		border:#2d313a solid 1px;
		font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	}
	.new_list_morebox{
		margin-top:46px;
	}
	
	.new_list_morebox a:active{
		color:#fff;
		background:#edcd70;
	}
	

	
/************************************
** おしらせ（投稿一覧トップ）
************************************/
	.oshirasebox,
	.worksbox{
		height:260px;
		background:url(https://www.syokouen.com/wp-content/themes/cocoon-child-master/img/news_pc.png);
		background-repeat:no-repeat;
		background-size:100% auto;
		padding-top:180px;
		text-align:center;
	}
	.oshirasebox h2{
		color:#096;		
	}



	.pagination-next,
	.fa-clock:before,
	.cat-label{
		display:none;
	}


	#news_list #list{
		display:flex;
		flex-wrap:wrap;
		justify-content:space-between;
	}
	#news_list .entry-card-wrap{
		padding:24px 0 20px 0;
		border-top:#009966 solid 1px;
		height:240px;
	}
	.news_list .entry-card-thumb{
		width:80px;
	}

	.entry-card-meta{
		position:relative;
		right:auto;
		text-align:left;
	}
	.fa-clock{
		display:none;
	}
	.post-date2{
		font-size:18px;
		color:#009966;
		margin-bottom:20px;
	}
	.entry-card-content{
		margin-left:0;
	}
	.entry-card-content h2{
		font-size:18px;

		font-weight:normal;
		padding:5px 0 5px 0;
	}


	.newbox2{
		background:#009966;
		padding:2px 5px;
	}
	.newtxt2{
		color:#FFF;
		text-align:center;
		font-size:14px;
		font-weight:bold;
	}
	

/************************************
** おしらせ（投稿記事個別ページ）
************************************/
	.oshirase_img img{
		width:100%;
	}
	.oshirasekiji .article-header{
		padding-left:300px;
	}
	.oshirasekiji .oshirase_title{
		font-size:18px;
		margin-top:30px;

		font-weight:bold;
		line-height:1.2em;
		margin-bottom:10px;
	}
	.oshirase_honbun{
		margin-top:10px;
	}
	.post-update,
	.entry-categories-tags{
		display:none;
	}
	.hizukebox{
		position: absolute;
		top: 0;
		left: 0;

		border-top: #009966 solid 2px;
		width: 300px;
		padding-top: 5px;
	
		text-align:left;
		display:flex;
	}
	.oshirasekiji .post-date{
		font-size:18px;
		color:#009966;
	}
	.oshirasekiji .date-tags{
    	line-height: 1.2em;
	}
	.oshirasekiji .newbox2{
		top:0;
		height:20px;
	}
	.oshirasekiji .newtxt2{
		width: 100%;
		position:relative;
		top:0;		
		color:#FFF;
		text-align:center;
		font-size:14px;
		font-weight:bold;
		line-height:1.5em;
	}

	.oshirasekiji .article-footer{
		padding-left: 300px;
		margin-bottom: 150px;
	}
	.sns-share-message {
		font-size: 21px;
		margin-top: 10px;
		margin-right:20px;

		color: #009966;
		font-weight: bold;
		position: relative;
	}
		
/************************************
** 施工事例（投稿記事個別ページ）
************************************/
	.works_title{
		font-size:18px;
		margin-top:30px;

		font-weight:bold;
		line-height:1.2em;
		margin-bottom:10px;
	}
	.works_setsumei{
		margin-bottom:20px;
	}
	.works_midashi{
		font-size:18px;
		margin-top:30px;

		font-weight:bold;
		line-height:1.2em;
		margin-bottom:10px;
	}
	.works_img img{
		width:100%;
	}
	.works_beforeimg{
		line-height:1.2em;
	}
	.works_beforeimg img{
		width:70%;
		filter: grayscale(100%);
	}
	.workstagmenu a{
		text-decoration:none;
		color:#000;
		padding:5px 10px;
		border:#096 solid 1px;
		border-radius:5px;
	}
	.workstagmenu .subete{
		margin-bottom:20px;
	}
	.workstagmenu ul,
	.workstagmenu li{
		padding-left:0;
	}
	.workstagmenu li{
		display:inline-block;
		margin-bottom:10px;
	}
	.article .workstagmenu ul li{
		margin:0 5px 10px 0;
	}
	.workstagmenu li{
		list-style:none;
	}
	.workstagkobetsu{
		display:inline-block;
		margin:0 5px 10px 0;
	}


/************************************
** 会社概要
************************************/
	/*表組*/
	.company_table table{
		border-collapse: collapse;
		width: 100% !important;
		border-top: 1px solid #009966;
		margin-bottom:60px !important;
	}
	.company_table th,.company_table td{
		font-size:14px;
		background:none;
		border:0;
		border-bottom: 1px solid #009966;
		padding: 1em;
		vertical-align:top;
	}
	.company_table th{
		border-bottom: 1px solid #009966;;
		font-weight: bold;
		text-align: center;
		width: 30%;
		min-width: 4em;
		text-align:left;
		padding-left:0;
	}

/************************************
** 採用情報
************************************/
	.recruit_greenwaku{
		background:#009966;
		color:#FFF;
		padding:20px 40px;
		border-radius:10px;
	}
	.article ul.recruit_greenwaku li{
		margin-left:10px;
	}
	/*表組*/
	.recruit_table table{
		border-collapse: collapse;
		width: 100% !important;
		border-top: 1px solid #009966;
		margin-bottom:60px !important;
	}
	.recruit_table th,.recruit_table td{
		font-size:14px;
		background:none;
		border:0;
		border-bottom: 1px solid #009966;
		padding: 1em;
		vertical-align:top;
	}
	.recruit_table th{
		border-bottom: 1px solid #009966;;
		font-weight: bold;
		text-align: center;
		width: 25%;
		min-width: 4em;
		text-align:left;
		padding-left:0;
	}


/************************************
** お問い合わせ
************************************/
	.wpcf7{
		margin-top:70px;
	}
	.wpcf7 p{
		text-align:left;
	}
	.wpcf7 input,
	.wpcf7 textarea{
		background:#F2FAF7;
		border-radius: 0;
	}
	.wpcf7 p textarea{
		width: 80%;
		margin-left: 20%;
		position: relative;
		top: -40px;
	}


	.kiyakudoui{
		margin-bottom:30px;
	}
	.kiyakudoui p{
		text-align:center;
	}
	.kiyakudoui label{
		padding-left:30px;
	}
	.kiyakudoui label:before{
		content:		'';
		width:			25px;			/* ボックスの横幅 */
		height:			25px;			/* ボックスの縦幅 */
		display:		inline-block;
		position:		absolute;
		left:			0;
		background-color:	#fff;
		border:#009966 solid 4px;
		top:-6px;
	}
	/* 元のチェックボックスを表示しない */
	.kiyakudoui input[type=checkbox] {
		display: none;
	}
	/* チェックした時のスタイル */
	.kiyakudoui input[type="checkbox"]:checked + .wpcf7-list-item-label:after {/*チェックアイコン*/
	  content: "";
	  display: block;
	  position: absolute;
	  top: -2px;
	  left: 7px;
	  width: 20px;
	  height: 20px;
	  background: url("/wp/wp-content/themes/cocoon-child-master/img/check-solid.svg") no-repeat center;
	  background-size: contain;
	}
	.toiawasesoushinbtn{
		padding:0 135px;
	}
	.toiawasesoushinbtn input{
		font-size:24px;
		margin-top:50px;
		padding:27px;

		text-align:center;
		color:#fff;
		background:#009966;
		font-weight:bold;
		border-radius: 10px;
		letter-spacing:1em;
		text-indent: 0.5em;
	}

	.toiawasesoushinbtn :disabled { 
		font-size:24px;
		margin-top:50px;
		padding:27px;

	  -webkit-appearance: none;
	  background-color: #eee;
	  border:none;
		text-align:center;
		color:#fff;
		font-weight:bold;
		border-radius: 10px;
		letter-spacing:1em;
		text-indent: 0.5em;
	}

	.wpcf7 form.sent .wpcf7-response-output {
		border-color: #009966 !important;
	}






/************************************
** プライバシーポリシー
************************************/
	.privacy-policy .entry-content h4{
		text-align:left;
		margin-bottom:10px !important;
	}
	.privacy-policy .entry-content ul {
		padding-left:0;
	}
	.privacy-policy .entry-content li {
    	line-height: 1.5em;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		align-items: baseline;
	}
 
	.privacy-policy .entry-content li:before {
		content: "\02022";
		margin-right: 2px;
	}
	.article h4{
		margin-top:20px;
		border:none;
		padding:0;
	}




	

/************************************
** ページネーション
************************************/
	.pagination {
	  margin: 24px 0;
	  clear: both;
	  text-align: center;
	  display: inline-flex;
	  justify-content: center;
	  width: 100%;
	}
	.pagination .current {
	  background: none;
	  color:#009966;
	  font-size:18px;
	}
	.pagination a:hover {
	  background: none;
	  color: #c1c1c1;
	}
	
	.page-numbers {
	  font-size:18px;
	  color: #96989C;
	  text-decoration: none;
	  display: inline-block;
	  height: 46px;
	  width: 46px;
	  border: none;
	  margin: 0 4px;
	  line-height: 46px;
	  text-align: center;
	}
	.page-numbers span {
	  line-height: inherit;
	}
	
	.page-numbers.dots {
	  opacity: 0.6;
	  background-color: #f5f6f7;
	}






/************************************
** エフェクト（アニメーション）
************************************/
	/*少し下からフェードイン*/
	.fadein{
		opacity: 0;
		transform : translate(0, 50px);
		transition : all 1500ms;
	}
	.fadein.scrollin{
		opacity: 1;
		transform: translate(0, 0);
	}


	/*ブライト（スクロール時）*/
	.efect_bright {
		opacity: 0;
		-webkit-filter: brightness(0.8);
		filter: brightness(0.8);
		will-change: filter, opacity;
		-webkit-transition: opacity 0.7s ease-out 0s, -webkit-filter 0.8s ease-in-out 0.1s;
		transition: opacity 0.7s ease-out 0s, -webkit-filter 0.8s ease-in-out 0.1s;
		transition: opacity 0.7s ease-out 0s, filter 0.8s ease-in-out 0.1s;
		transition: opacity 0.7s ease-out 0s, filter 0.8s ease-in-out 0.1s, -webkit-filter 0.8s ease-in-out 0.1s;
	}
	.efect_bright.scrollin{
		opacity: 1;
		-webkit-filter: brightness(1);
		filter: brightness(1);
		position:relative;
		z-index:20;
	}




	





/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/

/*1633px 以下*/
@media screen and (max-width: 1633px) {

}

/*1381px 以下*/
@media screen and (max-width: 1381px) {

}

/*1023px以下*/
@media screen and (max-width: 1023px) {
	#header-container{
		display:none;
	}


/************************************
**モバイルヘッダーメニュー
************************************/
	.header-container-in {
		margin: 0 1%;
	}

	.mobile-menu-buttons{
		background:rgba(255,255,255,0.95);
		box-shadow:none;
	}
	
	.mobile-menu-buttons{
		min-height:65px;
	}
	.mobile-menu-buttons .menu-button{
		align-items:start;
		top: 5px;
	}

	.mobile-header-menu-buttons,
	.navi-menu-close-button{
		width:100vw;
		padding:10px 20px 0 10px;
		justify-content: space-between;
	}
	.spheadmenuleft{
		display:flex;
	}
	
	.navi-menu-close-button{
		height:65px;
	}
	


	
	
	
	/*モバイルメニュー*/
	.menu-content {
		background:#009966;
    	max-width: 100%;
	}


	
	.menu-close-button {
		display: block;
		background:#FFF;
		cursor: pointer;
		text-align: right;
		font-size: 3em;
		color:#009966;
	}

	.menu-close-button span{
		position:relative;
		top:-12px;
		right:8px;
	}


	.menunailogo{
		position:relative;
		top:-55px;
		height:50px;
		width:240px;
		margin-left:10px;
	}

	.site-logo-image{
		height:50px;
		width:240px;
	}

	.menu-drawer{
	    padding: 0 0 25px !important;
		border-top:#fff solid 1px;
	}
	.menu-drawer li{
		border-bottom:#fff solid 1px;
	}
	.menu-content .menu-drawer {
 	   padding: 0 0 30px;
	}
	.menu-drawer a {
		color:#fff;
		padding: 17px 30px;
		font-weight:bold;
		font-size:15px;
		letter-spacing: 0.3em;
	}
	.menu-drawer_en a {
		letter-spacing: 0;
	}
	
	/*ハンバーガーメニュー*/
	.navi-menu-content {
		opacity: 0;
		transform: none;
		visibility: hidden;
		width:100vw;
	}

	#navi-menu-input:checked ~ #navi-menu-content{
		visibility: visible;
		opacity: 1;
	}

	
	/*サブメニュー*/
	.submenubox{
		margin-top:30px;
		padding:0 25px;
		font-size:14px;
	}
	
	.submenubox a{
		text-decoration:none;
		color:#fff;
	}
	
	/*サブメニュー内リスト*/
	.submenubox ul {
    	padding-left: 10px;
		margin-top:30px;
		margin-bottom:30px;
		color:#FFF;
	}
	.submenubox li {
	  list-style-type: none;
	  margin-bottom:15px;
	}
	
	.submenubox li::before {
	  position: relative;
	  top: -5px;
	  left: -8px;
	
	  display: inline-block;
	
	  width: 3px;
	  height: 3px;
	
	  content: '';
	
	  border-radius: 100%;
	  background: #fff;
	}
	

	/*求人問い合わせバナー*/
	a.anchor {
		display: block;
		padding-top: 70px;
		margin-top: -70px;
	}
	.bannerbox{
		margin-bottom:8px;
		font-size:14px;
		font-weight:bold;
		text-align:center;
	}
	.bannerbox_en{
		font-size:12px;
	}
	.banner1{
		letter-spacing: 0em;
		position:relative;
	}
	.banner2{
		letter-spacing: 0.12em;
		text-indent: 0.12em;
		position:relative;
	}
	.bannerbox a{
		border:#fff solid 1px;
		padding:10px;
		width:80%;
		height:45px;
		display:block;
		margin:0 auto;
	}


	.entry-card-thumb img{
		width:320px;
	}

}



/*834px以下*/
@media screen and (max-width: 834px){


/*PCとモバイルの改行位置*/
	  .br-pc { display:none; }
	  .br-pcsp { display:none; }
	  .br-pctab { display:block; }
	  .br-tab { display:block; }
	  .br-sp { display:none; }

/************************************
** 共通
************************************/
	.entry-title, .article h2{
		padding:0;
	}
	.entry-title, .article h5,
	.oshirasebox h5,
	.faqbox h5{
		line-height:1.5em;
	}
	.subh2{
		font-size:14px;
		margin-top:0;
	}
	.entry-title, .article h3 {
		font-size:20px;
	}

	.h2midashi{
		margin-top:150px !important;
	}
	.entry-title, .article h4 {
		font-size:16px;
	}


	/*アイキャッチ・メイン画像を画面幅いっぱいに*/
  .entry-header .eye-catch {
    margin-left: -1em;
    margin-right: -1em;
    max-width: none;
    width: auto;
  }
  
  .midashiimg_sp{
    margin-left: -24px;
    margin-right: -24px;
    max-width: none;
    width: auto;
  }
  
  .wp-block-image img{
	  width:100%;
  }




/************************************
** パンくずリスト
************************************/
	.breadcrumb{
		width:918px;
	}

/************************************
** フッター
************************************/
	.footer-in{
		padding-top:30px;
	}
	.footer-bottom-content{
		border-top:#096 dotted 1px;
		width:80%;
		margin:0 auto 30px auto;
	}
	.footerbox{
		display:block;
		width: 100%;
		margin: 0 auto;
	}
	.footer-migi{
		padding:0;
	}
	.navi-footer-in > .menu-footer li.menu-item{
		width:100%;
		border-bottom:#096 dotted 1px;
	}
	.navi-footer-in > .menu-footer li.menu-item a{
		color:#096;
	}



/************************************
** トップページ
************************************/
	/*スライドショー*/

	.page-id-12 .content{
		padding-top:0;
		margin-top:0;
	}

	.point_houseimg{
		width:100%;
		height:300px;
	}
		

	/*業務案内*/
	.servicebox1,
	.servicebox{
		display:block;
	}

	.servicebox1{
		margin-top:-150px;
	}

	.home_serviceimg{
		width:100%;
		padding-right:0;
	}
	
	.body .wp-block-group.servicebox{
		margin-bottom:40px;
	}
	.servicebox p{
		line-height:1.6em;
	}

	/*会社概要*/
	.daihyouphoto{
		width: 50%;
	}
	.taiouarea{
		display:block;
	}
	.taiouarea_map{
		width:100%;
	}
	.taiouarea_txt{
		width:100%;
	}



/************************************
** お問い合わせ
************************************/
	#post-219 .midashiimg_sp{
		  margin-bottom:0 !important;
	  }
	p.toiawase_title{
		font-size:13px;
	}
	.wpcf7{
		margin-top:40px;
	}
	.wpcf7 p{
		font-size:15px;
	}
	.wpcf7 p textarea{
		width: 100%;
		margin-left: 0;
		position: block;
		top: 0;
	}
	.toiawasesoushinbtn{
		padding:0;
	}
	.toiawasesoushinbtn input{
		font-size:20px;
		padding:15px;
	}

	.toiawasesoushinbtn :disabled { 
		font-size:20px;
		padding:15px;
	}


/************************************
** おしらせ（投稿一覧トップ）
************************************/
	.oshirasebox,
	.worksbox{
		padding:100px 20px 0 20px;
		margin-left:-24px;
		margin-right:-24px;
	}
	.oshirasebox{
		height:160px;
	}
	.worksbox{
		height:140px;
	}
	.entry-card-content{
		padding-left:10px;
		display:flex;
	}

	#news_list #list{
		display:block;
	}
	#news_list .entry-card-wrap{
		width:100%;
		padding:5px 0 20px 0;
		height:auto;
	}
	#news_list .entry-card-thumb{
		width:auto;
		max-width:320px;
	}
	.e-card-info .post-date2{
		font-size:13px;
		width: 100px;
	}
	.newbox2{
		top:-2px;
	}
	.entry-card-content h2{
		font-size:15px;
	}

/************************************
** おしらせ（投稿記事個別ページ）
************************************/
	.oshirasekiji .article-header{
		padding-left:0;
	}
	.hizukebox{
		position:relative;
		border-top: none;
		width:100%;
		padding-top:0;
	}
	.oshirasekiji .date-tags{
    	line-height: 0.8em;
	}
	.oshirasekiji .post-date{
		font-size:13px;
		padding:0 0 5px 0;
		border-bottom:#009966 solid 2px;
	}
	.oshirasekiji .newbox2{
		top:-3px;
	}
	.oshirasekiji .newbox2{
		line-height:1.5em;
	}
	.oshirasekiji .oshirase_title{
		font-size:18px;
		margin-top:50px;
	}
	.oshirasekiji .article-footer{
		padding-left: 0;
		margin-bottom: 0;
	}





}











/*480px以下*/
@media screen and (max-width: 480px){

/*PCとモバイルの改行位置*/
	  .br-pcsp { display:block; }
	  .br-pctab { display:none; }
	  .br-tab { display:none; }
	  .br-sp { display:block; }

/*PCとモバイルの切り替え*/
  .pc { display:none; }
  .mobile { display:block; }



/************************************
** 共通
************************************/

	.entry-title, .article h5,
	.oshirasebox h5,
	.faqbox h5{
		font-size: 26px;
	}


/************************************
** トップページ
************************************/
	/*スライドショー*/
	.pc_center p,
	p.pc_center{
		text-align:left;
	}

	/*おしらせ（投稿一覧トップ）*/
	.entry-card-thumb img{
		width:70px;
		height:70px;
		object-fit: cover;
	}

	.news_list .news_title{
		padding-left:0;
		top:0;
	}
	.news_list .news_date{
		width: 80px;
		font-size:13px;
	}
	.news_list .newbox{
		top:3px;
	}
	.new_list_more{
		width: 160px;
		padding:10px;
		font-size:16px;
	}
	.new_list_morebox{
		margin-top:0;
	}

	/*施工事例*/
	.workslist{
		margin:0 -24px;
	}
	.works_list{
		width:100%;
		margin-bottom:20px;
	}
	.works_list .entry-card-thumb{
		width:100%;
	}
	.works_list .entry-card-thumb img{
		width:100%;
		height:100%;
	}
	.works_list .entry-card-thumb{
		float: none;
		margin-top: 0;
	}
	.works_list a{
		color:#000;
		text-decoration:none;
	}
	.works_list_right{
		padding:0 20px 20px 20px;
	}
	.works_list .works_title{
		margin-top:5px;
	}

		/*施工事例のVIEW MOREボタン*/
	.workslist .viewmorebtn{
		background-image:url(https://www.syokouen.com/wp-content/themes/cocoon-child-master/img/viewmore_yajirushi2.png);
		background-position:top 5px right 80px;
		background-repeat:no-repeat;
	}


}


/*360px以下*/
@media screen and (max-width: 360px){

}