/*---------------------------------
お問い合わせフォームに関する設定
---------------------------------*/

/*---------------------------------
共通箇所
---------------------------------*/
	.crow .wpcf7-text:hover,
	.crow .wpcf7-textarea:hover,
	.crow .wpcf7-select:hover,
	.crow .wpcf7-date:hover,
	.crow .wpcf7-quiz:hover,
	.crow .wpcf7-wpcf7-date:hover,
	.crow .wpcf7-text:focus,
	.crow .wpcf7-textarea:focus,
	.crow .wpcf7-quiz:focus,
	.crow .wpcf7-wpcf7-date:focus,
	.crow .wpcf7-select:focus
	{
		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.09), 0 5px 5px rgba(0, 0, 0, 0.1), 0 5px 15px rgba(0, 0, 0, 0.1) !important;
	}
	
	.crow .wpcf7-text,
	.crow .wpcf7-textarea,
	.crow .wpcf7-date,
	.crow .wpcf7-quiz,
	.crow .wpcf7-wpcf7-date,
	.crow .wpcf7-select
	{
		border-radius:4px;transition: 0.2s ease-in-out;
	}
	
	input[type="date"]{background:#f5f5f5 !important;}
	.wpcf7-date{border:none !important;background:#f5f5f5 !important;}
	.wpcf7-date:hover{background:#f5f5f5 !important;}
	
	.cright th,.cright td{border: 1px solid #fff !important;}
	.cright th{background-color: #fff !important;}
	.cright tr>*{border: none;}
	.cright tr:first-child>*:first-child{border-radius: 4px 0 0 0;}
	.cright tr:first-child>*:last-child{border-radius: 0 4px 0 0;}
	.cright tr:last-child>*:first-child{border-radius: 0 0 0 4px;}
	.cright tr:last-child>*:last-child{border-radius: 0 0 4px 0;}

	.wpcf7-list-item{margin: 0 0 0 0 !important;}
	
	.wpcf7-quiz{display:block;background:#f5f5f5;border:none !important;}
	
	.wpcf7-select {
    appearance: none; /* 矢印を消す */
    -webkit-appearance: none; /* Safari 用 */
    -moz-appearance: none; /* Firefox 用 */
    background-color: #f5f5f5 !important; /* 背景色 */
    border: none; /* ボーダー */
    background-image: url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 6"><path d="M0 0l5 6 5-6z" fill="black"/></svg>') !important; /* 矢印のアイコン */
	background-size:10px;
    background-repeat: no-repeat;
    background-position: right 10px center; /* 矢印の位置 */
}
	.wpcf7-select:hover,.wpcf7-select:focus{
    appearance: none; /* 矢印を消す */
    -webkit-appearance: none; /* Safari 用 */
    -moz-appearance: none; /* Firefox 用 */
    background-color: #fff; /* 背景色 */
    border: none; /* ボーダー */
    background-image: url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 6"><path d="M0 0l5 6 5-6z" fill="black"/></svg>') !important; /* 矢印のアイコン */
	background-size:10px !important;
    background-repeat: no-repeat !important;
    background-position: right 10px center !important; /* 矢印の位置 */
}


.wp-block-column-is-layout-flow form{
	margin:0.4em 0 2em 0 !important;
}
.wp-block-column-is-layout-flow h4{
	margin:0.4em 0;
}

div.submit .wpcf7-submit {
    background-color: #ff8c00;
    color: #fff;
}

.crow {
    font-weight: bold;
    border-bottom: 2px solid #f5f5f5;
}

.cright table{
	width:100%;
}
.cright table th{
	width:40%;
}
.cright table p{
	margin-bottom:0.4em !important;
}
.any {
    background: #999;
}
.require {
    background: #d90000;
}
.require,.any {
    color: #fff;
    text-align: center;
	border-radius:4px;
}
	
.crow .wpcf7-text,
.crow .wpcf7-textarea {
    background: #f5f5f5;
    border: none;
}

.crow input[type="number"]{
    background: #f5f5f5;
    border: #ccc 1px solid;
	padding:0.4em;
	border-radius:4px;
}



.stageoption .wpcf7-list-item,
.select-day .wpcf7-list-item {
    display: block;
}

.wpcf7-radio .wpcf7-list-item{
	display: block;
}

.wpcf7-date {
    border: 1px solid #bbb;
    padding: 0.4em;
    background: #fff;
}

.wpcf7-date:hover {
    background: #f2f3ff;
}

.cf7-details-advance details {
    width: 100%;
    margin-bottom: 0.4em;
    position: relative;
    cursor: pointer;
}

.cf7-details-advance details div {
    margin: 0.4em 0 1.2em 0;
}

.cf7-details-advance details summary {
    padding: 0.4em;
    border-radius: 4px;
}

.cf7-details-advance details summary:hover {
    background: #f2f3ff;
}

.cf7-details-advance[open] div {
	animation-name: PullDown;
    animation-duration: 0.2s;
    transition: 0.2s ease-in-out;
}

.cf7-details-advance details > summary::before {
    content: '\f107';
    right: 0.4em;
    position: absolute;
    font-size: 1.4em;
}

.cf7-details-advance details[open] > summary::before {
    content: '\f107';
    transform: rotate(180deg);
    transition: 0.2s ease-in-out;
}

.cf7-details-advance details[open] {
    transition: 0.2s ease-in-out;
    padding: 0;
}
.cf7-details-advance details[open] details,
.cf7-details-advance details[open] div,
.cf7-details-advance details[open] details div
{
    padding: 0;
    animation-name: PullDown;
    animation-duration: .2s;
    transition: .2s ease-in-out;
}

.cf7-details-advance details summary::-webkit-details-marker {
    display: none;
}

.cf7-details-advance summary {
    list-style: none;
}

/*---------------------------------
スマホ
---------------------------------*/

@media screen and (max-width:599px) {
	/* スマホ > 全般 > 拡張機能 > お問い合わせフォームに関する設定 */
	.contact-form {
		margin-top: 40px;
	}

	.wpcf7-form-control-wrap {
		display: block;
	}
	
	.wpcf7-select{
		width: 100%;
	}

	.header-inquiry-top {
		width: 100%;
		margin-bottom: 20px;
	}

	.header-inquiry img {
		width: 100px;
		margin-right: 20px;
	}

	.header-inquiry h2 {
		font-size: 21px;
		font-weight: bold;
	}

	.require,.any {
		padding: 3px;
		width: 40px;
		height: 30px;
		margin-right: 10px;
	}

	ul.touchTel li {
		width: 46%;
		margin: 0 2%;
	}

	.wpcf7-text,
	.wpcf7-textarea {
		border: none;
		font-size: 16px;
		padding: 12px 0 12px 14px;
		width: 100%;
	}

	.wpcf7-textarea {
		height: 150px;
	}

	.two-input span .wpcf7-text {
		margin: 5px 15px 5px 0;
	}

	.email .wpcf7-text {
		margin-bottom: 15px;
		width: 100%;
	}

	div.submit {
		text-align: center;
	}

	.cleft {
		color: #999;
		font-size: 92%;
	}

	.cright {
		font-size: 115%;
	}

	.cright table {
		width: 100%;
	}

	.cright th {
		width: 33%;
	}

	.cright td {
		width: 66%;
	}

	div.submit .wpcf7-submit {
		width: 100%;
		display: block;
	}
	
	.punch-select small{display:block;text-align:right;}
.punch-select ul{list-style: none !important;margin: 0 !important;padding: 0 !important;overflow-x: auto !important;white-space: nowrap !important;display:block !important;}
.punch-select li {list-style: none !important;margin: 0;padding: 4px;display: inline-block !important;width: 64px !important;}
.punch-select li img {display: block;width: auto;max-width: 100%;height: auto;}


	.punch-select small {
		display: block;
		text-align: right;
	}

	.punch-select ul {
		list-style: none !important;
		margin: 0 !important;
		padding: 0 !important;
		overflow-x: auto;
		white-space: nowrap;
	}

	.punch-select li {
		list-style: none !important;
		margin: 0;
		padding: 4px;
		display: inline-block;
		width: 64px;
	}

	.punch-select li img {
		display: block;
		width: auto;
		max-width: 100%;
		height: auto;
	}
	
	/* スマホ > メールフォームに関する設定 > 姓名を横並びに */
.two-input{display:flex;}
.two-input span{width:100% !important;padding-right:2%;}
.two-input span:last-child{width:100% !important;padding-right:0%;}

/* スマホ > メールフォームに関する設定 > 配送先住所の間のスペース */
.cf7-place span.place-method{margin-top:1em;display:block;}

/* スマホ > メールフォームに関する設定 > 開閉後の入力欄を列揃え */
.cright.cf7-details-advance td p {position: relative;padding: 0 0 2em 0;}
.cright.cf7-details-advance td p .wpcf7-form-control-wrap {position: absolute;right: 0;top: 0;}
.cright.cf7-details-advance td p .wpcf7-form-control-wrap input[type="number"]
{width: 80px;}
.cright.cf7-details-advance td p .wpcf7-form-control-wrap select
{width: 120px;}
.cf7-details-advance th{vertical-align:top;}
.cf7-details-advance tr{border-bottom:1px solid #eee;}
}

/*---------------------------------
タブレット
---------------------------------*/

@media screen and (min-width: 600px) and (max-width: 959px) {
	/* タブレット > 全般 > 拡張機能 > お問い合わせフォームに関する設定 */
	.contact-form {
		margin-top: 40px;
	}

	.header-inquiry-top {
		width: 100%;
		display: flex;
		align-items: center;
		margin-bottom: 20px;
	}

	.header-inquiry img {
		width: 100px;
		margin-right: 20px;
	}

	.header-inquiry h2 {
		font-size: 21px;
		font-weight: bold;
		width: calc(100% - 140px);
	}

	.crow {
		display: flex;
		flex-wrap: wrap;
		margin-bottom: 20px;
		padding: 20px 0;
	}

	.crow .cleft {
		width: 40%;
		margin-right: 20px;
	}

	.crow .cright {
		width: calc(60% - 20px);
		display: flex;
		flex-wrap: wrap;
	}

	.require,.any {
		padding: 3px;
		width: 40px;
		height: 30px;
		margin-right: 10px;
	}

	ul.touchTel,
	span.box {
		width: calc(100% - 60px);
		display: flex;
		flex-wrap: wrap;
	}

	ul.touchTel li {
		width: 46%;
		margin: 0 2%;
	}

	.crow .wpcf7-text,
	.crow .wpcf7-textarea {
		font-size: 14px;
		padding: 12px 0 12px 14px;
		width: 400px;
	}

	.crow .wpcf7-textarea {
		height: 150px;
	}

	.crow .two-input span .wpcf7-text {
		width: 193px;
		margin: 0 15px 10px 0;
	}

	.crow .email .wpcf7-text {
		margin-bottom: 15px;
	}

	div.submit {
		text-align: center;
	}
	
	.punch-select small {
    display: none;
	}

	.punch-select ul {
		display: flex;
		flex: 1;
		list-style: none !important;
		margin: 0 !important;
		padding: 0 !important;
		flex-wrap: wrap;
	}

	.punch-select li {
		list-style: none !important;
		margin: 0;
		padding: 4px;
		width: 60px;
	}

	.punch-select li img {
		display: block;
		width: auto;
	}
}

/*---------------------------------
ラップトップ
---------------------------------*/

@media screen and (min-width:960px) {
	/* ラップトップ > 全般 > 拡張機能 > お問い合わせフォームに関する設定 */
	.contact-form {
		margin-top: 40px;
	}

	.header-inquiry-top {
		width: 100%;
		display: flex;
		align-items: center;
		margin-bottom: 20px;
	}

	.header-inquiry img {
		width: 100px;
		margin-right: 20px;
	}

	.header-inquiry h2 {
		font-size: 21px;
		font-weight: bold;
		width: calc(100% - 140px);
	}

	.crow {
		display: flex;
		flex-wrap: wrap;
		margin-bottom: 20px;
		padding: 20px 0;
	}

	.crow .cleft {
		width: 40%;
		margin-right: 20px;
	}

	.crow .cright {
		width: calc(60% - 20px);
		display: flex;
		flex-wrap: wrap;
	}

	.require,.any {
		padding: 4px 6px;
		width: 40px;
		height: 30px;
		margin-right: 10px;
		font-size:13px;
	}

	ul.touchTel{
		width: calc(100% - 60px);
		display: flex;
		flex-wrap: wrap;
	}
	span.box
	{display: block;}

	ul.touchTel li {
		width: 46%;
		margin: 0 2%;
	}

	.crow .wpcf7-text,
	.crow .wpcf7-textarea {
		background: #f5f5f5;
		border: none;
		font-size: 14px;
		padding: 12px 0 12px 14px;
		width:100%;
		border-radius:6px;
	}

	.crow .wpcf7-textarea {
		height: 150px;
	}

	.crow .two-input span .wpcf7-text {
		width: 193px;
		margin: 0 15px 10px 0;
	}

	.crow .email .wpcf7-text {
		margin-bottom: 15px;
	}

	div.submit {
		text-align: center;
	}
	
	/* デスクトップ > メールフォームに関する設定 > 各テキストボックスを幅100%に */
	.cf7-company p,
	.cf7-mail p,
	.cf7-phone p,
	.cf7-bikou p,
	.cf7-place p,
	.cf7-company span,
	.cf7-phone span,
	.cf7-bikou span,
	.cf7-mail span,
	.cf7-place p
	{width: 100%;}
	
	.punch-select small {
    display: none;
	}

	.punch-select ul {
		display: flex;
		flex: 1;
		list-style: none !important;
		margin: 0 !important;
		padding: 0 !important;
		flex-wrap: wrap;
		height: 320px;
		overflow: auto;
	}

	.punch-select li {
		list-style: none !important;
		margin: 0;
		padding: 4px;
		width: 72px;
	}

	.punch-select li img {
		display: block;
		width: auto;
	}
	
	div.submit .wpcf7-submit {
    background-color: #ff8c00;
    color: #fff;
    padding: 18px 122px;
	}
	.wpcf7-select{min-width: 120px !important;}

/* デスクトップ > メールフォームに関する設定 > 開閉後の入力欄を列揃え */
.cright.cf7-details-advance tr:first-child td p{padding-bottom:1.4em !important;}

.cright.cf7-details-advance td p {position: relative;padding-bottom:2.4em;}
.cright.cf7-details-advance td p .wpcf7-form-control-wrap {position: absolute;right: 0;top: 0;}
.cright.cf7-details-advance td p .wpcf7-form-control-wrap select{width: 106px;}
.cright.cf7-details-advance td p .wpcf7-form-control-wrap input[type="number"]{width: 121px;border:none;}

.cf7-details-advance th{vertical-align:top;}
.cf7-details-advance tr{border-bottom:1px solid #eee;}

/* デスクトップ(高解像度) > パンチカーペット選択 > サイズを小さく */
.punch-select.image-selector li{width:68px !important;}
}
/*---------------------------------
全共通CSS
---------------------------------*/
.widget-area-fix section{background:#fff;border-radius:5px;}
.result-child .wp-block-embed{width:96.5%;margin:auto;}
table.item-sku{width: 100%;margin-bottom:1em;}
.ss_price_taxincluded{font-size:1.82857em;}
.tax_inc_label{font-size:1em !important;}
.attachment-335x335{margin-bottom:1em;}
.page-template-full-width .advgb-tab-body{padding:10px !important;}
#type-post p a{font-weight:bold;}
#type-post p a,
.info td a
{color:#0099ff !important;}
.recruit-detail li::marker{color:transparent;}
.to_reganddeliveryinfo_button{background:#efefef !important;color:#000 !important;}
.post-title a{font-family:FontAwesome,sans-serif;}
.morefilter{margin-bottom:0.8em;}
.price-delivery i{font-size:161%;vertical-align:middle;}

/* 共通 > 実績記事を出力 > すべて見るボタン */
.post-more a{background:linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.2)),
url(https://www.kyoei-bisou.co.jp/wp-content/uploads/2023/01/post-more.jpg) ;width:100%;text-align:center;display:block;border-radius:6px;background-size:100% 100%;padding-top: calc(8.5 / 16 * 100%);position:relative;}
.post-more a:hover{background:linear-gradient(rgba(0,0,0,0.0),rgba(0,0,0,0.0)),
url(https://www.kyoei-bisou.co.jp/wp-content/uploads/2023/01/post-more.jpg);box-shadow:inset 0 0 60px rgba(0,0,0,0.2);background-size:100% 100%;transition: 0.2s ease-in-out;}
.post-more span{font-size:88%;display:inline-block;padding:0.2em 0.6em;color:#fff;box-shadow:0 2px 0px rgba(0,0,0,0.3);display:inline-block;border-radius:50px;position:absolute;
top:40%;left:16%;right:16%;}
.post-more span:hover{color:#fff;transition: 0.2s ease-in-out;}

/* 共通 > 見出しバー */
.single-post .entry-content h2{position: relative;padding: 0 0 0 0.9em;border-bottom:none;}
.single-post .entry-content h2::before {border-radius: 0.17em;width: 0.35em;height:1.4em !important;}

/* 共通 > 商品一覧 > 折りたたみテキストボックスの詳しく見るボタン */
	.wc-advance-itemdetail summary{margin:1em auto 1em auto;display:block;background:#1d2975;color:#fff;}
	.wc-advance-itemdetail[open] > summary,
	.wc-advance-itemdetail > summary:hover
	{
		background:#0b0d46;color:#fff;
	}
	
    @keyframes expand {
      0% {
        height: 0;
      }
      100% {
        height: auto;
		animation-name: PullDown;animation-duration: 0.2s;transition: 0.2s ease-in-out;
      }
    }
	
	.wp-block-button__width-25 a {
    min-width: 160px;
}

/* 共通 > ブロックエディタ > 数量入力ボタン */
.wp-block-column-is-layout-flow form{margin-bottom:2em !important;overflow:hidden;}
.wp-block-column-is-layout-flow .skuquantity{text-align:center;border-radius:4px;height:33px;}
.wp-block-column-is-layout-flow button{border:none;background:none;cursor:pointer;}
.wp-block-column-is-layout-flow button i{background:#fff;border-radius:100px;}
.wp-block-column-is-layout-flow button i:hover{color:#0b0d46;}
.item-info .wp-block-column-is-layout-flow {display: inline-block;margin-bottom: 5px;}
.wp-block-column-is-layout-flow .priceright{text-align:right;margin:1em 0;}

.wp-block-column-is-layout-flow h5.wp-block-heading a{font-weight:normal;position:relative;display:block;padding:0.4em;border-radius:4px;transition: 0.2s ease-in-out;font-size:15px;}
.wp-block-column-is-layout-flow h5.wp-block-heading a:hover{color:#000;}
.wp-block-column-is-layout-flow h5.wp-block-heading a:after{position:absolute;content:"\f105";font-size: 1.4em;right:0.5em;font-family:FontAwesome;transition: 0.2s ease-in-out;}
.wp-block-column-is-layout-flow h5.wp-block-heading a:hover:after{right:0.3em;}

:where(.wp-block-columns.is-layout-flex) {
    gap: 0.4em;
}

.wp-block-column h4{
    font-size: 88%;letter-spacing:-0.03em;
}

    .wc-advance {
      overflow: hidden;margin-top:0.4em;
    }
    .wc-advance details{
	  width:100%;
    }

    .wc-advance summary {
      cursor: pointer;
      user-select: none;
      display: flex;
      position: relative;
	  padding:0.4em;
	  font-size:15px;
	  border-radius:0.4em;
	  transition: 0.2s ease-in-out;
    }
	.wc-advance[open] summary,
	.wc-advance summary:hover
	{
		background:#f2f3ff;
	}
	.wc-advance[open] summary
	{
		margin-bottom:1em;
	}
    .wc-advance[open] div{
		animation-name: PullDown;animation-duration: 0.2s;transition: 0.2s ease-in-out;
    }

    .wc-advance > summary::before {
      content: '\f107'; 
	  right:0.4em;position:absolute;
	  font-size:1.4em;
    }

    .wc-advance[open] > summary::before {
      content: '\f107';
	  transform: rotate(180deg); /* 180度回転 */
	  transition: 0.2s ease-in-out;
    }

    .wc-advance details[open] {
		transition: 0.2s ease-in-out;
		padding:0;
    }
	
@media screen and (max-width: 599px) {
	.wp-block-column-is-layout-flow .skuquantity{width:60px !important;float:left;}
	.wp-block-column-is-layout-flow form .skubutton{float:right;}
	.wp-block-column-is-layout-flow button i{font-size:28px;}
	.wp-block-column-is-layout-flow .priceright{font-size:15px;}
}

@media screen and (min-width: 600px) and (max-width: 779px) {
	.wp-block-column-is-layout-flow form{width:50%;margin:auto;overflow:hidden;}
	.wp-block-column-is-layout-flow .skuquantity {margin-right: 1em;float:left;width: 35px !important}
	.wp-block-column-is-layout-flow form .skubutton{padding:0.6em 0.8em;float:right;}
	.wp-block-column-is-layout-flow button{margin:0 0 0 0;padding:2px;}
	.wp-block-column-is-layout-flow button i{font-size:20px;}
	.wp-block-column-is-layout-flow .button-container{float:left;}
	.wp-block-column-is-layout-flow .priceright{font-size:15px;text-align:center !important;}
}

@media screen and (min-width: 780px) and (max-width: 959px) {
	.wp-block-column-is-layout-flow form{width:100%;margin:auto;overflow:hidden;}
	.wp-block-column-is-layout-flow .skuquantity {margin-right: 0.2em;float:left;width: 22px !important;padding:0.3em 0;}
	.wp-block-column-is-layout-flow form .skubutton{padding:0.4em 0.4em;float:right;font-size:82%;letter-spacing:-0.03em;}
	.wp-block-column-is-layout-flow button{margin:0 0 0 0;padding:2px;}
	.wp-block-column-is-layout-flow button i{font-size:20px;}
	.wp-block-column-is-layout-flow .button-container{float:left;}
	.wp-block-column-is-layout-flow .priceright{font-size:15px;text-align:center;}
}

@media screen and (min-width: 960px) and (max-width: 1280px) {
	.wp-block-column-is-layout-flow .skuquantity {margin-right: 0em;width: 25px !important;float:left;padding:0.3em 0;}
	.wp-block-column-is-layout-flow .button-container{float:left;}
	
	.wp-block-column-is-layout-flow button{margin:0 0 0 0;padding:2px;}
	.wp-block-column-is-layout-flow button i{font-size:20px;margin:0;}
	.wp-block-column-is-layout-flow form .skubutton{padding:0.6em 0.6em;float:right;font-size:79%;}
	.wp-block-column-is-layout-flow .priceright{font-size:15px;}
}

@media screen and (min-width: 1281px) and (max-width: 1549px) {
	.wp-block-column-is-layout-flow .skuquantity{margin-right: 0em;width: 25px !important;float:left;padding:0.3em 0;}
	.wp-block-column-is-layout-flow form .skubutton{padding:0.6em 0.4em;float:right;letter-spacing:-0.04em;font-size:79%;float:right;}
	.wp-block-column-is-layout-flow .button-container{float:left;}
	.wp-block-column-is-layout-flow button{margin:8px 0 0 0;padding:2px;}
	.wp-block-column-is-layout-flow button i{font-size:20px;}
	.wp-block-column-is-layout-flow .button-container{float:left;}
	
	.wp-block-column-is-layout-flow .priceright{font-size:15px;}
}

@media screen and (min-width:1550px) {
	.wp-block-column-is-layout-flow .skuquantity{margin-right: 0.3em;width: 40px;float:left;padding-left:0;padding-right:0;}
	.wp-block-column-is-layout-flow form .skubutton{padding:0.8em 1em;float:right;letter-spacing:-0.04em;font-size:79%;float:right;}
	.wp-block-column-is-layout-flow .button-container{float:left;}
	.wp-block-column-is-layout-flow button{margin:8px 0 0 0;padding:2px;}
	.wp-block-column-is-layout-flow button i{font-size:20px;}
	.wp-block-column-is-layout-flow .button-container{float:left;}
	
	.wp-block-column-is-layout-flow .priceright{font-size:15px;}
}



/* 共通 > おすすめアイテム */
.reccomend{font-size:88%;border-radius:4px;color:#fff;margin-left:0.2rem;padding:0 0.4em;display:inline-block;}
.reccomend i{color:#fff;margin-right:0.2rem;}

/* 共通 > 全般 > おすすめタグがついた商品にマークする為の親要素 */
.itemimg a,
.item-fixity li a{position:relative;}

/* 共通 > 全般 > おすすめタグがついた商品にマーク */
.recommended-mark{line-height:1.6rem;background-image: linear-gradient(-20deg, #b721ff 0%, #21d4fd 100%);color:#fff;display:inline-block;padding:0rem 0.5rem;border-radius:100px;font-size:0.8rem;position:absolute;right:0;bottom:0;}
.recommended-mark i{margin-right:0.3rem;}

/* 共通 > 全般 > 拡張機能 > アドバンスタブの色設定 */
.advgb-tab{border:1px solid #f2f3ff !important;transition: 0.2s ease-in-out;border-radius:90px !important;font-size:92%;}
.advgb-tab-active{border:1px solid #1d2975 !important;}
.advgb-tab:hover{border:1px solid #1d2975 !important;color: #ffffff !important;}
.advgb-tabs-panel li{list-style:none !important;}
.advgb-tabs-panel li.advgb-tab>a{padding: 2px 10px !important;}
.advgb-tab-body{animation-name: RightToLeft;animation-duration: 0.2s;padding:0 !important;}

/* 共通 > CTA */
.item-cta h2{text-align:center !important;margin-bottom:1em;}
.item-cta{color:#fff;padding:1em 2em;margin:1em 0 2em 0;position: relative;background-size:cover;
  background-position:50%;border-radius: 4px;}
.item-cta:after{content: '';background:rgba(0,0,0,0.6) !important;backdrop-filter: blur(4px);position:absolute;
top:0;left:0;display:block;width:100%;height:100%;z-index:0;border-radius: 4px;}
.item-cta p{z-index:100;text-align:center;position:relative;}

/* 共通 > CTA装飾 */
.item-cta h2,
.item-cta address,
.item-cta address a,
.item-cta address a i.file-pdf:before
{color:#fff !important;position:relative;z-index:100;}
.item-cta .file-pdf:before{color:#fff !important;}
.item-cta address
.item-cta h2
{z-index:1000 !important;position:relative;display:none;}
.item-cta aside{position:relative;z-index:100;background:rgba(0,0,0,0.3) !important;border-radius:4px !important;box-shadow:0 5px 25px rgba(0,0,0,0.2);}
.item-cta aside a{color:#fff;}

/* 共通 > CTA > 各種アイコン */
#contact-action i.fa-file-text-o,
#contact-action i.fa-phone,
#contact-action i.fa-fax,
#contact-action i.fa-envelope,
#contact-action i.fa-at
{background:#eee;color:#808080;box-shadow:inset 0 1px 2px rgba(0,0,0,0.2);}

/* 共通 > CTA > メールフォームボタン */
.contact-action-mail{background: #fdaf00;color: #fff;}
.fax-number{color:#808080;}
.item-cta .fax-number{color:#fff;}

/* 共通 > CTA > PDFファイル */
.file-pdf:before{font-family:"FontAwesome";content:"\f1c1";margin-right:0.2em;}

/* 共通 > コメントエリアの枠線無効化 */
.comments-area {border:none;}

/* 共通 > 実績記事を出力 */
.recruit-genba{display:flex;flex-wrap:wrap;margin:0　-1%;}
.recruit-genba li{display:flex-box;list-style:none !important;margin:1% 1% 2% 1% !important;}
.recruit-genba li img{width:100%;height:auto;border-radius:4px;}

/* 共通 > カスタムフィールドのラジオボタンを1行で改行 */
.customkey_shipping label,
.customkey_day-1-time label,
.customkey_day-4-time label
{display:block;line-height:2em;}

/* 共通 > リンクのアウトラインを消す */
a {outline: none;}
a:focus, *:focus { outline:none;}

/* 共通 > アドレス要素を、ノーマル表記に */
address{font-style:normal;}

/* 共通 > 検索ボックスをONにしたときに周囲のコンテンツと重複しないようにする */
.search-box.On form {z-index: 9999;top:40px;}

/* 共通 > セットプラン > 一覧 */
#list-setplan ul{flex-wrap:wrap;}
#list-setplan li img {background: rgba(0,0,0,0.1);box-shadow: inset 0 0 120px rgb(0 0 0 / 20%);}

/* 共通 > カテゴリ > プルダウンボックス */ 
.switch_content {display:block;float:right;position:relative;width:60%;text-align:right;}
.switch_content ul{margin-top:0.6rem;position:absolute;display:block;right:0;background:#fff;border-radius:4px;min-width:120px;box-shadow:0 1px 0px rgba(0,0,0,0.1),0 5px 15px rgba(0,0,0,0.2);}
.switch_content ul li{display:block;width:100%;text-align:left;}
#switch {display: none;} 
.button {display: block;position: relative;width:50%;margin-left:auto;animation-name: RightToLeft;animation-duration: 0.4s;}
.button span:hover{cursor:pointer;}
 
.icon{display:inline-block;position: absolute;top: 50%;transform: translateY(-52%);width:11px;height: 22px;border-radius: 50%;transition: 0.2s ease-in-out;}
.icon::before, .icon::after{content: "　";position: absolute;  left: 50%;font-size:100%;transition: 0.2s all;content:"\f0b0";font-family:FontAwesome;}
.open,.close {margin-left: 27px;transition: 0.2s ease-in-out;}
.open {display: inline-block;}
.close {display: none;}

.contents{display: none;}
.contents li a:before{content:"\f114";font-family:FontAwesome;margin-right:0.2em;}
.contents li a{display:block;padding:0.22em 0.6em;transition: 0.1s ease-in-out;color:#888;}
.contents li a:hover{color:#000;background:#eee;text-decoration:none;border-radius:3px;box-shadow:0 0 5px rgba(0,0,0,0.2);}
 
#switch:checked + .button > .icon::before{content:"\f057";font-family:FontAwesome;}
#switch:checked + .button > .icon::after{content:"\f057";font-family:FontAwesome;color:#ff6666;}
#switch:checked + .button > .open{display: none;}
#switch:checked + .button > .close{display: inline-block;}
#switch:checked ~ .contents {display: block;animation-name: BottomUp;animation-duration: 0.1s;z-index:9999;position:relative;}

/* 共通 > カテゴリ > プルダウンボックス > レンタル一覧 > 量が多いのでスクロール対応 */ 
.page-id-4502 .contents ul{overflow-y:scroll;z-index:9999;}

.rec-text a{color:#0099ff;}
.rec-all a,
.rec-all a:visited
{color:#0099ff;}
.rec-all a:hover{color:#0033aa;}
.rec-all a:before{content: "\f058";}

/* 共通 > スクロールアップ */
.translateUp {opacity : 0;transform: translateY(55px);transition: 1.5s;}

#primary p{line-height:1.7em;}

/* 共通 > ウィジェットエリア2を非表示に */
#secondary{border:none;}

/* 共通 > ブログ記事一覧出力 */
.category-news .entry{display:flex-box;}
.detail-box{animation-name: RightToLeft;animation-duration: 0.25s;}
.type-grid{animation-name: RightToLeft;animation-duration: 0.25s;}
.fitvidsignore{animation-name: RightToLeft;animation-duration: 0.8s;}

/* 共通 > 入力フォームの注釈 */
.customkey_company_name th:after {content: "(個人の場合は「個人」とご記入ください)";font-size: 12px;display: block;}
.customkey_company_name .iopt_text {width: 100%;}

.item-description{margin:2em 0 3em 0;}
.item-description p{line-height:2em;}

/* 共通 > ブログ > 見出しの書式設定 */
.page .entry-content h3{position: relative;padding: 0 0 0 0.9em;border-left:0;}
.page .entry-content h3::before {;border-radius: 0.17em;width: 0.35em;height:1.4em !important;}

.feature-head h3:before,
#feature-strong h3:before
{display:none;height:1.4em !important;}

.entry-content h2::before,
.entry-content h3::before,
.entry-content h4::before,
.entry-content h5::before
{content: "";height: 1.4em;left: 0;margin-right: 0.6em;position: absolute;}
.entry-content h4{border-bottom:1px solid #ccc;background:#fff !important;}

/* 共通 > スクロールバーのカスタマイズ */
body::-webkit-scrollbar {width: 8px;height: 8px;background:#fff;transition: 0.2s ease-in-out;}
body::-webkit-scrollbar:hover{background:#eee;box-shadow:inset 0 0 3px #999;}
body::-webkit-scrollbar-thumb {border-radius: 0px;background: #999;border-radius: 5px;}

/* 共通 > 埋め込みYoutube動画のアスペクト比率を調節 */
.is-type-video .wp-block-embed__wrapper {position: relative;width: 100%;padding-top: 56.25%;}
.is-type-video .wp-block-embed__wrapper iframe{position: absolute;top: 0;right: 0;width: 100% !important;height: 100% !important;}

/* 共通 > ページトップボタン */
#toTop {position: fixed;right: 3%;bottom: 3%;}

.item-sku{border-top:none !important;}

/* 共通 > カートに入れるボタン&SKUボタンの外観変更 */
.incart-btn a,.skubutton{border-radius:4px;font-family:FontAwesome,sans-serif !important;font-display: swap;}
.incart-btn span{font-family:FontAwesome,sans-serif !important;}
.skubutton{animation-name: BottomUp;animation-duration: 0.25s;border-radius:5px !important;font-family:FontAwesome,sans-serif !important;}
.skubutton i{background:red;}
.incart-btn a:hover,.skubutton:hover{box-shadow:0 1px 0 rgba(255,255,255,0.3),0 2px 5px rgba(255,150,60,0.6),0 4px 15px rgba(255,150,60,0.6);}

/* 共通 > カートに入れるボタンのカウンター */
.incart-btn .total-quant {line-height:1.9em;}
header .incart-btn .total-quant {line-height:1.9em;padding-left:0.15em;}

/* 共通 > 一覧のリストの行間調節 */
.btn-simple-next,.itemname,.cf-cartbot li
{line-height:1.4rem;}

/* 共通 > 検索ボックスの外観変更 */
#ajaxsearchlite1{border-radius:3px !important;}
.probox{background:#eee !important;}
.probox:hover{background:#ffffcc !important;}

/* 共通 > HTMLの基本的な書式設定 */
html {scroll-behavior: smooth;scroll-behavior: smooth;overscroll-behavior-y: contain;-webkit-overflow-scrolling: touch;}

a{-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer;}
a:hover,a:focus{text-decoration:none;}

/* 共通 > 全般 > ギャラリーの下余白 */
.wp-block-gallery{margin-bottom:1em;}

/* 共通 > 全般 > カラムの余白設定 */
.wp-block-column{padding:10px !important;}

/* 共通 > 全般 > 特定記事のみ下線を消去 */
.category-construction-ex #cf-result article{border-bottom:none;}

/* 共通 > サイドバー > 拡張機能 > 閲覧履歴 */
.lastViewedList:before{content:"\f017  閲覧履歴";display:block;border-bottom:1px solid #ccc;line-height:2em;padding:0.4em;}
.lastViewedList li{padding:0.4em;font-size:92%;line-height:1.4em;}
.lastViewedList li img{border-radius:10px;}
.lastViewedContent{padding:0.5em 0 0 0;line-height:1.2em;font-size:94%;}

/* 共通 > サイドバー > 拡張機能 > .lastViewedListおよび.hiddenに対するスタイル */
.lastViewedList {animation-name: PullDown;animation-duration: 0.2s;transition: 0.2s ease-in-out;border-radius: 7px;}
#block-10,
#block-11 {position: relative;animation-name: PullDown;animation-duration: 0.2s;transition: 0.2s ease-in-out;}

/* 共通 > サイドバー > 拡張機能 > トグルボタンの回転 */
#toggleHis {font-size: 19px;transform-origin: center;transition: transform 0.3s ease;transform: rotate(225deg);background: none;border: none;position: absolute;right: 10px;top: 8px;color: #555;cursor: pointer;}

.hidden #toggleHis {transform: rotate(0deg);background: none;}
.hidden #toggleHis i {color:  !important;}

.header-third::-webkit-scrollbar{width: 1px;scrollbar-width: thin;width: 1px;height: 2px;}
.header-third::-webkit-scrollbar-track{background-color: #fff;}
.header-third::-webkit-scrollbar-thumb{background-color: #ccc;}

.header-third ul{margin:0 -40px;z-index:0;position:relative;}
.header-third li img{display:block;margin:auto;mix-blend-mode: multiply;}
.header-third li{display:flex-box;list-style:none !important;}
.header-third li a{display:block;font-weight:bold;color:#1d2975;line-height:1.4em;padding:2px 4px;border-radius:6px;transition: 0.2s ease-in-out;}
.header-third li a:hover{text-decoration:none;background:#F2F3FF;box-shadow:inset 0 2px 8px rgba(50,50,255,0.05),inset 0 -5px 15px rgba(255,255,255,0.4),0 2px 0px rgba(50,50,255,0.2);}
.header-third ul{display:flex;animation-name: RightToLeft;animation-duration: 0.2s;text-align:center;}

@media screen and (max-width:599px) {
/* スマホ > カテゴリ > プルダウンボックス */ 
.switch_content ul {width: 100%;}

.header-third{margin-bottom:1em;}
.header-third{width: 100%;overflow-x: auto;}
.header-third ul{margin:10px 0 14px 0;}
.header-third li{flex: 0 0 calc(24.22% - 10px);margin:0.2% 0.2%;font-size:62%;letter-spacing:-0.08em;}
.header-third li img{width:100%;}
}

@media screen and (min-width: 600px) and (max-width: 1559px) { 
.header-third{display:block;overflow-x: auto;margin-bottom:1em;}
.header-third ul{margin:0 0 15px 0;justify-content: center;}
.header-third li{margin:0.4% 0.6%;}
.header-third li a{font-size:11px;letter-spacing:-0.04rem;position:relative;z-index:9000;}
.header-third li img{width:100%;}
}

@media screen and (min-width:1560px) {
.header-third{display:block;overflow-x: auto;margin-bottom:1em;}
.header-third ul{margin:0 0 15px 0;justify-content: center;}
.header-third li a{font-size:11px;letter-spacing:-0.04rem;position:relative;z-index:9000;}
.header-third li img{width:100%;}
}

@media screen and (max-width:599px) {
a,p,div,details,h2,
.wp-embed,
.incart-btn a span,
.item-info .skubutton
{font-family:FontAwesome,sans-serif;font-display: swap;}
}

@media screen and (min-width: 600px) and (max-width: 959px) { 
a,p,div,details,h2,
.wp-embed,
.incart-btn a span,
.item-info .skubutton
{font-family:FontAwesome,sans-serif;font-display: swap;}
}

@media screen and (min-width:960px) {
a,p,div,details,h2,
.wp-embed,
.incart-btn a span,
.item-info .skubutton
{font-family:FontAwesome,LINESeedJP-Rg,Noto Sans JP,BIZ UDGothic,"ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",Lucida Grande,"メイリオ", Meiryo, Tahoma, Verdana, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-display: swap;}
}


/* 共通 > キーフレーム設定 */
@keyframes RightToLeft {
0% {opacity: 0;transform: translateX(10px);}
100% {opacity: 1;transform: translateX(0);}
}
@keyframes LeftToRight {
0% {opacity: 0;transform: translateX(-10px);}
100% {opacity: 1;transform: translateX(0);}
}
@keyframes BottomUp {
0% {opacity: 0;transform: translateY(10px);}
100% {opacity: 1;transform: translateY(0);}
}
@keyframes BottomUpLong {
0% {opacity: 0;transform: translateY(20px);}
100% {opacity: 1;transform: translateY(0);}
}
@keyframes PullDown {
0% {opacity: 0;transform: translateY(-10px);}
100% {opacity: 1;transform: translateY(0);}
}
@keyframes subtleRipple {
0% {transform: scale(1);opacity: 0.8;}
100% {transform: scale(2);opacity: 0;}
}
/*---------------------------------
フッター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:"\f055";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:"\f055";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;}
}