@charset "utf-8";

.content img { width:auto; height:auto; display:block; max-width:100%; }

.return,
.into { width: 100px; font-size: 1.4rem; }

#preparation { margin-top:100px; height:585px;}
.dlCase dt { font-size:16px; font-weight:bold; }
.dlCase dd { padding-bottom:20px; border-bottom:1px solid #d2deef; }

.dropdownMenu {}

#category {}
.outline {}

#cate01 .post-categories { width: 100%; list-style: none; line-height: 1.4em; font-size: 1.4rem; overflow: hidden; }
#cate01 .post-categories li { margin-bottom: 8px; text-indent: -1.5em; padding-left: 1.5em; }
#cate01 .post-categories li:before { content: "\e900"; color: #fff; background: #007dd0; margin-right: 0.5em; padding: 0 4px 0 5px; border-radius: 50%; font-family: 'kagiQfont' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
#cate01 .post-categories li:last-child { margin-bottom: 0; }
#cate01 .post-categories li a { text-decoration: none; color: #333; }

.tagCatWrap { margin-top: 20px; }
.postTags { font-size: 1.4rem; margin-bottom: 5px; }
.postTags ul { list-style: none; }
.postTags li { display: inline-block; }
.postTags li:not(:last-child) { margin-right: 10px; }
.postTags a { color: #0086E0; }
.postCategory { list-style: none; font-size: 1.4rem; }
.postCategory li { display: inline-block; }
.postCategory li:after { content: "/"; padding-left: 10px; color: #0086E0; }
.postCategory li:last-child:after { content: ""; padding: 0; }
.postCategory li a { color: #0086E0; }


@media (min-width: 768px){
	#cate01 .post-categories li { float: left; width: calc(100% / 4 - 1.5em); width: -webkit-calc(100% / 4 - 1.5em); }
}

@media (max-width: 767px) {
	#cate01 .post-categories { display: none; }
	.dropdownMenu { margin-bottom: 20px; }
}

@media (max-width: 480px) {

}


/*-------------------------------------------------------------

	index

-------------------------------------------------------------*/
#page-main .caseWrap {}
#page-main .caseWrap .title-a { margin-bottom: 30px;}
#page-main .caseWrap .title-a a { color: #000; text-decoration: none;}
#page-main .caseWrap .outline {}

#page-main .caseWrap .caseIndexL {}
#page-main .caseWrap .caseIndexL a {}
#page-main .caseWrap .caseIndexL img { width: 100%; max-width: 240px; -o-object-fit: cover; object-fit: cover; height: 180px; }

#page-main .caseWrap .text { border-bottom: 1px solid #e4e4e4;}
#page-main .caseWrap .caseIndexR {}
#page-main .caseWrap .caseIndexR .text {}
#page-main .caseWrap .tagCatWrap {}

#page-main .caseWrap .postTags {}
#page-main .caseWrap .postTags ul {}
#page-main .caseWrap .postTags ul li {}
#page-main .caseWrap .postTags ul li a { text-decoration: none;}

#page-main .caseWrap .postCategory {}
#page-main .caseWrap .postCategory ul {}
#page-main .caseWrap .postCategory ul li {}
#page-main .caseWrap .postCategory ul li a { text-decoration: none; }

#page-main .caseWrap .btnWrap { padding: 15px; margin-top: 20px;}
#page-main .caseWrap .btnWrap .btn-a { font-size: 1.6rem; line-height: 38px; padding: 0 5px; margin-left: auto; margin-right: auto;}
#page-main .caseWrap .btnWrap .btn-a::after { top: calc(50% + 2px); margin-top: -2px; }



@media (min-width: 768px){
	#page-main .caseWrap { margin-bottom: 80px;}
	#page-main .caseWrap .title-a { font-size: 2.4rem;}
	#page-main .caseWrap .title-a a:hover { text-decoration: underline;}
	#page-main .caseWrap .caseIndexL { width: 240px; }
	#page-main .caseWrap .text { padding-bottom: 30px; margin-bottom: 30px;}
	#page-main .caseWrap .caseIndexR { width: calc(100% - (240px + 20px));}
	#page-main .caseWrap .postTags { font-size: 1.6rem;}
	#page-main .caseWrap .postCategory { font-size: 1.6rem;}
}

@media (max-width: 767px) {
	#page-main .caseWrap { margin-bottom: 60px;}
	#page-main .caseWrap .title-a { font-size: 1.9rem;}
	#page-main .caseWrap .caseIndexL { width: 100%; }
	#page-main .caseWrap .caseIndexL img { margin-left: auto; margin-right: auto;}
	#page-main .caseWrap .text { padding-bottom: 20px; margin-bottom: 20px;}
	#page-main .caseWrap .caseIndexR { width: 100%; margin-bottom: 0;}
	#page-main .caseWrap .postTags { font-size: 1.5rem;}
	#page-main .caseWrap .postCategory { font-size: 1.5rem;}
	/* #page-main .caseWrap .btnWrap { position: relative; width: calc(100% + 30px); left: -15px; } */
}

@media (max-width: 480px) {

}






/* single */
.divCaseWrap { width: 100%; }
#case .single p { margin-bottom: 25px; }

/* キャプション */
.divCaseA1 p,
.divCaseA2 p ,
.divCase p.center { margin-top: 5px; }

.single .tagCatWrap { border: 10px solid #edf3fa; padding: 15px 10px; margin-top: 50px; }

@media (min-width: 768px){

	.divCaseA1 { width: 100%; /* max-width: 480px; */ margin:0 auto; }
	.divCaseA1 figure { max-width: 480px; }
	.divCaseA2 { float:left; width: 49%; }
	.divCaseA1 img,
	.divCaseA2 img { margin:0 auto; }
	.divCaseA1 p,
	.divCaseA2 p { text-align:center; }
	.caseCmnt p { margin-bottom: 15px; }

	.divCaseB_L { float: left; width: 40%; }
	.divCaseB_R { float: left; width: 58%; }
	.divCaseC_L { float: left; width: 58%; }
	.divCaseC_R { float: left; width: 40%; }
	.divCase { margin-bottom: 10px; }
	.divCase:last-child { margin-bottom: 0; }
	.divCase p.center { text-align:center; }
	.divCase img { margin:0 auto; }
	.divCaseC { float: left; width: 49%; }

	.divCaseWrap > div:nth-child(2n+1) { margin-right: 2%; }
	.divCaseA1 { margin-right: 0; margin:0 auto; }
}

@media (max-width: 767px) {
	.content img { width:auto; max-width: 95%; }
	.divCaseA2,
	.divCaseB_L,
	.divCaseB_R,
	.divCaseC_L,
	.divCaseC_R { float:none; width:100%; }
	.divCaseA { float:none; width:100%; margin-bottom:10px; }
	.divCaseR { margin-top:10px;}
}


.pagination { text-align: center; }
.pagination .page-numbers { padding: 5px 5px; border: 1px solid #568AE8; }
.pagination .page-numbers.current { background: #568AE8; color: #fff; }


/*工事事例sideBar　SP用*/

@media (max-width: 767px) {
    #pageTitle + .dropdownMenu + .container { display: flex; flex-wrap: wrap-reverse;}
    #sideMenu { display: block; width: 100%; float: none; margin-left: 0; margin-right: 0; margin-top: 0;}
    .contentWrap { padding-bottom: 0; }
}

/*工事事例sideBar　アンダーラインを消す*/
.sideMenuInner #sideCategory ul{ border-top: none;}
#sideCategory>li>a:before{background: #F82811; padding-left: -20px;}
#sideCategory>li>a { margin-bottom: 8px; text-indent: -1.5em; }
#sideCategory ul>li>ul {padding-left: 15px;}

.sideMenuInner ul li {padding-top: 0px;}


/*検索ボックス*/
#form .formLeft { width: calc(100% - 72px); display: inline-block; }
#form .formRight { text-align: right; display: inline-block; }
input { display: block; }
#s-box{ width: 100%; padding: 10px;  border-radius:2px; border:solid 3px #EDF3FA; outline: 0; }
#s-btn-area{ background:none; color:#666; border:none; font-size:20px; outline: 0; padding: 0px; }
#s-btn{ background-color: #F82811; border-radius: 3px; font-size: 16px; color: #fff; line-height: 38px; margin-left: 10px; padding: 0 10px; }
#page-side .side-search  { border-top: 3px solid #FFE934; padding-top: 20px; }
#sideMenuSearch.sp .title-b .kagiQ-key02 { margin-right: 7px; }

.test_result { font-size: 1.8rem; margin-bottom: 20px; }
.sideBanner li { list-style: none; }




/*ドロップダウンメニュー 20190816*/
@media (max-width: 767px){
    /* カテゴリー一覧部分   */
    .dropdown { width: 100%; border-bottom: 1px solid #007DD0; background-color: #EDF3FA; padding: 15px; text-align: center; font-weight: bold; display: block; }
    .dropdown span { position: relative; }
    .dropdown span::before { content:""; width: 10px; height: 10px; border: 0px; border-top: solid 2px #007DD0; border-right: solid 2px #007DD0; -ms-transform: rotate(135deg); transform: rotate(135deg); position: absolute; top: 50%; left: -30px; margin-top: -4px; z-index: 5;}
    .dropdown span::after { content:""; width: 14px; height: 14px; position: absolute; top: 0; left: -35px;  background-color: #fff; border-radius: 50%; padding: 10px; z-index: 1; }


    /* カテゴリー一覧内リスト部分   */
    .widget ul { margin: 0; }
    .widget li { position: relative; width: 100%; background-color: #EDF3FA; font-weight: bold; display: block; }
    .widget li a { position: relative; font-size: 1.1rem; text-decoration: none; color: #000; height: 50px; padding: 0 1em; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; border-bottom: 1px solid #007DD0; }
    .widget li a:hover { color: #000; }


    /* 子カテゴリー 階層調整*/
    .widget li ul { margin: 0; }
    .widget li ul a { padding-left: 2em; }
    .widget li ul li ul a { padding-left: 4em; }
    .widget li ul li ul li ul a { padding-left: 6em; }


    /*開閉ボタン*/
    .accordionBtn { display: block; width: 50px; height: 50px; position: absolute; top: 0; right: 0; padding: 13px 15px 15px 17px; border-left: 1px solid #007DD0; }
    .accordionBtn:before { display: inline-block; cursor: pointer; content: ""; position: absolute; top: 50%; left: 69%; width: 25px; height: 4px; margin: -8% 0 0 -42%; background: #007DD0; }
    .accordionBtn:after { content:""; display: inline-block; cursor: pointer; position: absolute; top: 50%; left: 69%; width: 24px; height: 4px; margin: -8% 0 0 -42%; background: #007DD0; transform: rotate(90deg);}
    .accordionBtn.active::after { display: none; }

}


/* ブログカード */
iframe.wp-embedded-content { width: 100%; height: 100%; }
blockquote.wp-embedded-content + p { height: 160px; }

@media (max-width: 480px) {
	blockquote.wp-embedded-content + p { height: 136px; }
}

/* 20210706 */

.l_col-4 > *:nth-child(n+5) { margin-top: 10px; }
.title-c a { text-decoration: none; color: #007dd0; }
.btn-a { width: 200px; height: 40px; display: block;  padding: 5px;}


/* 工事事例 詳細ページ wpブロックエディタ生成タグのデザイン 2023.08.18 shimura */
/* #case { margin-bottom: 30px; }
#case h4 { font-size: 2rem; line-height: 1.6em; background-size: 6px 1px; background-position: bottom; background-repeat: repeat-x; margin-bottom: 20px; padding-left: 5px; padding-bottom: 5px; color: #007dd0; background-image: linear-gradient(to right, #007dd0, #007dd0 4px, transparent 4px, transparent 2px);  }
#case h4 a { text-decoration: none; color: #007dd0; }
#case h5 { font-weight: bold; color: #007dd0; margin-bottom: 10px; }
#case h6 { margin-bottom: 5px; }
*/
.excerpt {}
.single .tagCatWrap { border: 10px solid #edf3fa; padding: 15px 10px; margin-top: 50px; }
.single .body {}
.single .body figure { max-width: 480px; margin-left: auto; margin-right: auto; }
.single .body figure img { margin-left: auto; margin-right: auto; }
.single .body figcaption { font-size: 1.6rem; color: #ff6600; text-align: center; padding: 0; font-weight: inherit; }
.bp-contents-case .wp-block-image { overflow: hidden; }