/* CSS Document */

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

.return,
.into { width: 100px; font-size: 0.875em; }

#preparation { margin-top:100px; height:585px;}

.dlCase dt { font-size:16px; font-weight:bold; }
.dlCase dd { padding-bottom:20px; border-bottom:1px solid #d2deef; }

#category {}

.caseWrap { border: 10px solid #EDF3FA; padding: 15px; }
.caseIndexL { width: 40%; margin-right:2%; float: left; clear:left;}
.caseIndexL img { max-width: 260px; }
.caseIndexL a:hover { display:block; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; -moz-opacity:0.7; -khtml-opacity: 0.7;  opacity:0.7; zoom:1;}
.caseIndexR { width: 58%; float: left; margin-bottom: 10px; }

#cate01 .post-categories { width: 100%; list-style: none; line-height: 1.4em; font-size: 0.875em; 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; }

#cate02 .post-categories { list-style: none; text-align: right; }
#cate02 .post-categories li { display: inline-block; }
#cate02 .post-categories li:after { content: "/"; padding-left: 10px; color: #0086E0; }
#cate02 .post-categories li:last-child:after { content: ""; padding: 0; }
#cate02 .post-categories li a { color: #0086E0; }

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

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

.divCaseA1 { width: 100%; max-width: 480px; margin:0 auto; }
.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%; }

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

@media (min-width: 769px){
	.divCaseWrap > div:nth-child(2n+1) { margin-right: 2%; }
	.divCaseA1 { margin-right: 0; margin:0 auto; }
}

@media (max-width: 768px) {
	.caseIndexL { width:100%; margin-right:0; margin-bottom:10px; float:none;}
	.content .caseIndexL img { max-height:200px; width:auto; margin:0 auto;}
	.caseIndexR { width:100%; float:none; }
	.caseIndexR p {margin:0 auto 20px;}
	.caseIndexR span { display:block; }
	.caseIndexR span a { margin:0 0 0 auto; }

	.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: 768px) {
		#pageTitle + .dropdownMenu + .container { display: flex; flex-wrap: wrap-reverse;}
	/*	#pageTitle + .dropdownMenu + .container #sideMenu { order: 3; }
		#pageTitle + .dropdownMenu + .container .sideBanner { order: 1;}
		#pageTitle + .dropdownMenu + .container #case { order: 2; }*/
    #sideMenu { width: 100%; display:block; float: none; margin-left: 0; margin-right: 0; margin-top: 0;}
		#sideMenu .sideMenuInner { /*display: block;*/}
    .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>li>a:before { font-size: 1.4rem; content: "\e900"; color: #fff; margin-right: 0.2em; 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; background: #F82811; }



#sideCategory>li>ul {padding-left: 30px; margin-bottom: 2px;}
#sideCategory ul>li>ul {padding-left: 15px;}

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


/*検索ボックス*/
/*#form.colWrap { justify-content: flex-start; -webkit-justify-content: flex-start; }*/
#form .formLeft { width: calc(100% - 67px); }
#form .formRight { text-align: right; }
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; }

.test_result { font-size: 1.8rem; margin-bottom: 20px; }


/*ドロップダウンメニュー 20190816*/
@media (max-width: 768px){
    /* カテゴリー一覧部分   */
    .dropdown { width: 100%; /* border-bottom: 1px solid #007DD0; */ background-color: #fffdde; padding: 15px; text-align: center; font-weight: bold; display: block; margin-bottom: 30px; }
    .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.6rem; 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; /*border-right: 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; }

}