/*---------------------------------
フッターCSS
---------------------------------*/

/* 共通 > パンくずリスト */
ol.wp_breadcrumb {margin-bottom: 15px;}
.wp_breadcrumb > li {display: inline-block;padding: 0 6px 0 0;font-size:0.85rem;}
.wp_breadcrumb > li a:after {font-family: "FontAwesome";content: "\f105";padding-left:6px;}

/* 共通 > 著作権 */
.copyright{display:block;}

/* 共通 > フッターのウィジェットを非表示に */
.one-column #secondary{display:none;}

/* 共通 > フッターSNS */
#sns-link{text-align:center;margin:0.4em 0;}
#sns-link ul{display:flex;justify-content:center;}
#sns-link li{display:flex-box;width:48px;margin:6px;}
#sns-link li a .fa{display:block;width:100%;padding:11px 10px;font-size:22px;border-radius:100px;border:2px solid #131313;}
#sns-link li a .fa{background:#222;box-shadow:inset 0 2px 0px rgba(0,0,0,0.6);}

/* 共通 > サイドバー > 開閉式ご利用ガイド */
#toggleButton{appearance: none;-webkit-appearance: none;border:none;padding:8px 12px;display:block;text-align:center;margin:auto;background:url(https://www.kyoei-bisou.co.jp/wp-content/uploads/2021/12/ico-firstmark.png) no-repeat,rgba(0,0,0,0.1);border-radius:4px;background-position:4px 2px;background-size:32px 32px;cursor:pointer;padding:0.8em .8em 0.8em 0.8em;width:100%;margin-top:0.6em;right: 36px;top: 80px;}

/* 共通 > 施工実績ページ > 年度切り替え用のページネーション */
.pagination-settings{font-size:1.14em;margin:2em 0 4em 0;}
.pagination-settings ul{display:flex;list-style:none  !important;justify-content:center;}
.pagination-settings li{list-style:none !important;}
.pagination-settings li a,.pagination-settings li span{padding:0.4em 0.5em;margin:0.2em;transition: 0.2s ease-in-out;border-radius:4px;}
.pagination-settings li a{background:#f2f3ff;border-radius:4px;}
.pagination-settings li a:hover,.pagination-settings li span{background:#1d2975;color:#fff;}

@media screen and (max-width:599px){
.site-content{padding-top: 4em;}

/* スマホ > サイドバー > 開閉式ご利用ガイド */
.toggle-button.rotated + .sub-menu {padding: 1.5em 0em 1px 0 !important;margin: 1em 0em 1.5em 0em !important;background:#0b0d46;max-height:460px !important;overflow:auto;}
#site-navigation li li ul{margin-left: 0em !important;padding-left:0em;margin-right:0 !important;padding-right:0 !important;}	
#site-navigation li li li{margin-left: 0em;margin-right: 0em !important;padding:0 !important;}

.nav-menu-open > ul:after,
.widget_wcex_widgetcart_popup:after,
.snav .membership.On ul:after,
.search-box.On form:after
{content:"";width:45px;height:5px;border-radius:80px;margin:0 auto;display:block;}
.nav-menu-open ul:after{background:#f2f3ff;}
.widget_wcex_widgetcart_popup:after,
.snav .membership.On ul:after,
.search-box.On form:after
{background:#999;}

.search-box.On form:after{margin-top:1em;}
#otherProductsButton {bottom: 8% !important;}
.wcex_widgetcart_body{padding-bottom:1em;}
}

@media screen and (min-width: 62.5em){
#site-navigation li.current-menu-item>a, #site-navigation li.current-menu-ancestor>a {background-color: #0b0d46;}
.kb-document{border:none !important;}
.kb-document td{border-bottom:1px solid #ccc;border-left:none;border-top:none;border-right:none;}
.kb-document td:last-child{text-align:right;}
.kb-document td:last-child i{margin-right:0.2em;}
input.wpcf7-form-control.wpcf7-text, textarea.wpcf7-form-control.wpcf7-textarea {margin-bottom: 30px;}
}

@media screen and (max-width:599px) {	
/* ブロックエディタ用の追加カートボタンを、モバイル時に2カラムに */
.direct-cart{display:block !important;}
.direct-cart .wp-block-column{width:49% !important;display:inline-block !important;}
.direct-cart .wp-block-column .skubutton{width:100% !important;display:block !important;margin-top:10px;}

/* スマホ > フッター > フッターロゴ */
.footerlogo{position:relative;border-bottom:1px solid #555;padding:10px 0 10px 0;}
.footerlogo img{width:100%;margin-top:10px;display:flex;}

/* スマホ > フッター > デスクトップ以外はアコーディオン */
.accordion{padding:4.8% 0 0 0;color:#fff;}
.accordion a{color:#fff;}	

/* スマホ > フッター > アコーディオンスイッチを非表示 */
.ac-container input{display:none;}
.ac-container{width: auto;border-bottom:1px solid rgba(0,0,0,0.4);padding:2% 0% 2% 0%;}
.ac-container:first-child{width: auto;border-top:1px solid rgba(0,0,0,0.4);}
.ac-container ul{list-style:none;padding:0;margin:0;}
.ac-container li{padding:0;margin:0;}
.ac-container h3{margin:0 !important;padding:0 !important;display:inline;color:#fff;font-size:128%;font-weight:bold;}
.ac-container label{position:relative;margin: auto;display: block;}
.ac-container label:after{z-index:1;position:absolute;font-size:25px;font-family:"FontAwesome";display:inline-block;content:"＋";transform: rotate( 0deg );transition: 0.2s ease-in-out;color:#fff;right:0;color:#ccc;}
.ac-container input:checked ~ label::after {-webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);-ms-transform: rotate(135deg);transform: rotate(135deg);font-family:"FontAwesome";content:"＋";color:#fff;transition: 0.2s ease-in-out;}
.ac-container input{display: none;}
.ac-container div{background: rgba(0, 0, 0, 0.1);margin-top: -1px;overflow: hidden;height: 0px;transition: height 0.3s ease-in-out, box-shadow 0.6s linear;transition: .3s ease}
.ac-container div a{text-decoration:none;display:block;padding:10px 20px;}
.ac-container input:checked ~ div{transition: .3s ease;padding:10px 0;height: auto;}
}

@media screen and (min-width: 600px) and (max-width: 959px) {
/* タブレット > フッター > フッターロゴ */
.footerlogo{position:relative;border-bottom:1px solid #555;padding:10px 0 10px 0;}
.footerlogo img{width:40%;margin-top:10px;display:flex;}

/* タブレット > フッター > デスクトップ以外はアコーディオン */
.accordion{padding:4.8% 0% 0 0%;color:#fff;}
.accordion a{color:#fff;}

/* タブレット > フッター > アコーディオンスイッチを非表示 */
.ac-container input{display:none;}
.ac-container{width: auto;border-bottom:1px solid rgba(0,0,0,0.4);padding:2%;}
.ac-container:first-child{width: auto;border-top:1px solid rgba(0,0,0,0.4);}
.ac-container ul{list-style:none;padding:0;margin:0;}
.ac-container li{padding:0;margin:0;}
.ac-container h3{margin:0 !important;padding:0 !important;display:inline;color:#fff;font-size:128%;font-weight:bold;}
.ac-container label{position:relative;margin: auto;display: block;}
.ac-container label:after{z-index:1;position:absolute;font-size:25px;font-family:"FontAwesome";display:inline-block;content:"\f055";transform: rotate( 0deg );transition: 0.2s ease-in-out;color:#fff;top:-5px;right:0;color:#ccc;}
.ac-container input:checked ~ label::after {-webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);-ms-transform: rotate(135deg);transform: rotate(135deg);font-family:"FontAwesome";content:"\f055";color:#ff9999;transition: 0.2s ease-in-out;}
.ac-container input{display: none;}
.ac-container div{background: rgba(0, 0, 0, 0.1);margin-top: -1px;overflow: hidden;height: 0px;transition: height 0.3s ease-in-out, box-shadow 0.6s linear;transition: .3s ease}
.ac-container div a{text-decoration:none;display:block;padding:10px;}
.ac-container input:checked ~ div{transition: .3s ease;padding:10px 0;height: auto;}
}

@media screen and (min-width:960px) {
/* ラップトップ > CTA */
.section-contact-form aside{padding:1.5%;background:#eee;margin:2% 2.8% 4% 2.8%;border-radius:20px;font-size:89%;}
.section-contact-form h2{font-size:198%;text-align:left;}
.section-contact-form h2 small{font-size:62%;line-height:310%;color:#ff8c00;display:block;letter-spacing:0.09em;}

/* ラップトップ > フッター > フッターロゴ */
.footerlogo{border-bottom:1px solid #555;padding:10px 0 10px 0;}
.footerlogo img{width:400px;margin:0px 0 0px 4%;display:flex;}

/* ラップトップ > フッター > デスクトップ以外はアコーディオン */
.ac-container input{display:none;}
footer aside.container .accordion{display:flex;padding:15px 0;color:#fff;}
footer aside.container .ac-container{display:flex-box;width:25%;padding:1%;}
footer aside.container .ac-container h3{font-size:141%;margin-bottom:4%;color:#fff;}
footer aside.container .ac-container ul{margin:0;padding:0;}
footer aside.container .ac-container ul li{margin-left:1%;}
footer aside.container .ac-container a{color:#ccc;}
footer aside.container .ac-container a:hover{color:#fff;}

/* デスクトップ > フロントページ特設ウィジェット */
.front-sidebar{width:50%;margin:auto;}
}



@media screen and (max-width:599px) {
#site-navigation li a {display: block;margin-left: 0.27143em;margin-right: 0.27143em;margin-bottom: 1.07143em;padding-bottom: .757143em;padding-left: .457143em;border-bottom: 1px solid rgba(255,255,255,0.7);font-size:1.08em;}
#site-navigation li:last-child a {border-bottom: none;	padding-bottom: 0;}

/* スマホ > 共通 > フリーダイヤルボタンを非表示 */
.freedial-btn{display:none;}
	
/* スマホ > 共通 > サイドバーの余白調節 */
#secondary {padding: 2% 7%;border-top: none;}
	
.result-child ul{display:flex;flex-wrap:wrap;margin:1%;}
.result-child ul li{display:flex-box;width:18% !important;margin:1%;list-style:none;}
.result-child ul li img{width:100%;}

/* スマホ > トップ  > 新着情報リスト */
.category-news article{display:flex;}
.category-news .img{display:flex-box;width:28%;margin-right:2%;}
.category-news .entry{display:flex-box;width:80%;}
.category-news article p{margin:0;}
.category-news article p:last-child{display:none;}

/* スマホ > 商品詳細 > サイドバー > カートの中身 */
.incart-widget{position:relative;}
.incart-widget section{box-shadow:0 1px 1px rgba(0,0,0,0.05),0 5px 15px rgba(0,0,0,0.2);border-radius:4px;}
.incart-widget p a{text-align:center;display:block;margin-top:70px;}

.icbox{padding:0.8rem 0.4rem !important;}
.incart-widget b{font-size:1.4em;color:#ff8c00;}
.incart-widget .incart-btn{text-align:center;width:90%;position:relative;left:5%;right:5%;}
.incart-widget .incart-btn a{padding:0.8rem 0.4rem 0.8rem 0.4rem;background: #ff8c00;margin-bottom:1.2rem;display:block;}

.incart-widget a:after{content:"";clear:both;}

.incart-widget .incart-btn .total-quant{display:none;}
.incart-widget .incart-btn i{padding-right:0.4rem;}
.incart-widget .incart-btn i,
.incart-widget .incart-btn i span
{color:#fff !important;display:inline;margin:0.4rem;}
.sumcart{text-align:center;margin-top:0.6em;}
.sumcart em{font-size:120%;color:#000;text-align:center;}
.sumcart em small{font-size:60%;color:#999;}

/* スマホ > カートページ > カスタムオーダーフィールドのテーブル微調整 */
#wc_cart #cart_table .stock {display: table-cell;white-space: nowrap;display: none;}
#wc_cart tfoot td:last-child{display: none;}

#wc_cart tfoot tr:first-child th.stock{display: table-cell !important;}

#wc_cart tfoot tr th:first-child,
#wc_cart tfoot tr th:nth-child(2),
#wc_cart tfoot tr th:last-child,
#wc_cart tfoot tr td:first-child,
#wc_cart tfoot tr td:nth-child(2),
#wc_cart tfoot tr td:last-child
{display:none;}

/* スマホ > ヘッダー > 全体  > 余白 */
.wrappar-head .site-content,
.list-news-wrap section,
.topcontainer,
.list-contact-wrap section,
.container
{margin:0 auto;padding:1% 2.5%;}

/* スマホ > 共通 > 固定ページのフォントサイズ調節 */
.type-page h2{font-size:141%;}
.type-page h3{font-size:120%;}

.cat-il.type-grid{display:flex;flex-wrap:wrap;}
/* スマホ > ヘッダー > サイトコンテンツ：余白を調節 */
.site-header{position:fixed;top:0;z-index:9999;background:#fff;border-bottom:none;box-shadow:0 5px 15px rgba(0,0,0,0.1);}

/* スマホ > ヘッダー > サイトコンテンツ：余白を調節 */
.snav .fa-search{top:3px;right: 43px;margin:0;padding:0;position:fixed;}
.snav .fa-user{top:12px;right: 88px;margin:0;padding:0;position:fixed;}
.snav .fa-shopping-cart{top:12px;right: 123px;margin:0;padding:0;position:fixed;}

/* スマホ > アイテム >  詳しく見るボタン > ヘッドライン用 */
.snav .membership ul {top: 40px;}

/* スマホ > ヘッダー > カートボタン */
.incart-btn{top:12px;right: 112px;margin:0;padding:0;position:fixed;}
.incart-btn .total-quant {display: inline-block;font-weight: bold;position: absolute;left: -20px;margin-top:-10px;width: auto;min-width: 18px;max-width: 25px;height: 18px;line-height:18px;color: #fff;background: #fba60d;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;text-align: center;vertical-align: text-bottom;}

/* スマホ > ヘッダー > ベースライン */
h1.site-title, div.site-title {font-weight: bold;float: left;height:46px;font-size: 1em;}
.search-box.On form {z-index: 9999;}

/* スマホ > ヘッダー > ロゴ */
.site-title img{margin-left:7px;width: 135px !important;}

/* スマホ > ヘッダー > メニューバーに影を追加 */
.nav-menu-open{box-shadow:0 10px 10px rgba(0,0,0,0.2);}

/* スマホ > CTA */
#contact-action{font-weight:bold;margin-top:20px;}
#contact-action i{font-size: 25px;line-height: 31px;display: inline-block;text-align: center;color: #fff;border-radius: 50px;width: 50px;height: 50px;padding: 10px;margin-right:0.2rem;}
#contact-action div{display:block;font-size:128%;margin-bottom:0.7em;}
#contact-action div table{width:100%;}
#contact-action div table th{vertical-align:top;padding:1.5%;width:21%;text-align:center;}
#contact-action div table td{padding:1.5%;width:79%;}
#contact-action div small{display:block;font-size:65%;}

/* スマホ > CTA > メールフォームボタン */
.section-contact-form aside{padding:4.5%;background:#eee;margin:15px 0px;border-radius:20px;font-size:88%;}
.contact-action-mail{border-radius: 100px;font-size: 86%;width:100%;padding: 0.6rem 1.2rem 0.6rem 1.2rem;margin: 0.4em 0 0 0;position: relative;display:block;}
.contact-action-mail:after{right:16px;position:absolute;font-family:"FontAwesome";content:"\f105";padding:0rem 0;}

/* スマホ > CTA > 見出し設定 */
.section-contact-form h2{font-size:161%;text-align:left;margin-bottom:1em;}
.section-contact-form h2 small{font-size:62%;line-height:310%;color:#ff8c00;display:block;font-family:FontAwesome,sans-serif;letter-spacing:0.09em;}

/* スマホ > フロントページ特設ウィジェット */
.front-sidebar{width:90%;margin:auto;}
}

@media screen and (min-width: 600px) and (max-width: 959px) {
/* タブレット > 商品詳細ページ > CTA */
.item-cta{margin:0 -2% 0 -2%;}

/* タブレット > CTA > 各セクションごとの見出し共通設定 */
.section-contact-form h2{font-size:198%;text-align:left;margin-bottom:1em;}
.section-contact-form h2 small{font-size:62%;line-height:310%;color:#ff8c00;display:block;font-family:FontAwesome,sans-serif;letter-spacing:0.09em;}

/* タブレット > フロントページ特設ウィジェット */
.front-sidebar{width:90%;margin:auto;}
}