@charset "utf-8";
@import url("ec-sp.css");
@media (max-width: 768px) {

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用 > 商品
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.cmn_item_area .cmn_btn03::before, .cmn_item_area .cmn_btn03::after {
	top: calc(50% - 6px);
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ハンバーガーメニュー
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*検索窓*/
.side_search {
	display: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
電話ポップアップ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#tel_lb .num {
	font-family: din1451;
	font-weight: 400;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
top > promo
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_promo .ttl::after {
	width: 217px;
	height: 237.5px;
	background: url("./images/promo_img_sp.png")no-repeat 50% / contain;
	top: initial;
	right: 5px;
	bottom: -230px;
}

#home_promo .text_deco img {
	width: 23px!important;
	margin-bottom: -2px;
}

#home_promo .text_deco::after {
	height: 16px;
	bottom: -25px;
}

#home_promo h2 .cmn-soshoku-a {
	font-size: 62px;
}

/*slick*/
#home_promo .slider_area {
	display: block;
}

#home_promo .slick-slide {
	margin: 0 8px!important;
}

#home_promo .slick-slide:nth-child(odd) {
	padding-bottom: 40px;
}

#home_promo .slick-slide:nth-child(even) {
	padding-top: 40px;
}

/*bnr*/
#home_promo .bnr_area .cmn_btn03::before, #home_promo .bnr_area .cmn_btn03::after {
	top: calc(50% - 6px);
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
top > item（定番商品）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_item .cmn_btn01::before, #home_item .cmn_btn01::after {
	font-size: 15px;
	top: calc(50% - 12px);
	right: 10px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
top > service（用途別紹介）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_service .text_deco::before {
	width: 16.5px;
	height: 23px;
	top: calc(50% - 10px);
	left: -25px;
}

#home_service .text_deco::after {
	width: 16.5px;
	height: 23px;
	top: calc(50% - 10px);
	right: -20px;
}

#home_service .scene05_img::before {
	width: 52px;
	height: 52px;
	top: -17px;
	right: -15px;
}	
#home_service .scene_area .cmn_btn03::before, #home_service .scene_area .cmn_btn03::after {
	font-size: 15px;
	top: -25px;
	left: -10px;
}

/*スライダー*/
#home_service::after {
	width: 1178.5px;
	height: 260px;
	bottom: -110px;
}

@keyframes service-slider {
	from {
		background-position: 0 0;
	}
	to {
		background-position: -1178.5px 0;
	}
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
top > point（選ばれるポイント）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_point::before {
	width: 372px;
	height: 258px;
	top: 0;
	right: 5px;
}

#home_point::after {
	width: 390.5px;
	height: 312px;
	left: -63px;
	bottom: -89px;
}

#home_point .point_num::before {
	width: 31px;
	height: 26px;
	top: -10px;
	left: -8px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
top > flow（制作の流れ）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_flow .arrow_box:after{
	border-color: rgba(106, 90, 205, 0);
	border-top-width: 8px;
	border-bottom-width: 8px;
	border-left-width: 6px;
	border-right-width: 6px;
	margin-top: -8px;
	border-left-color: #000000;
	top: 50%;
	left: 108.5%;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
top > menu
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*スライダー*/
@keyframes menu-slider {
	from {
		background-position: 0 0;
	}
	to {
		background-position: -1393px 0;
	}
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
contact_area
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#contact_area .area_a::before {
	width: 313px;
	height: 250px;
	left: -11px;
	bottom: -68px;
}

#contact_area .cmn_btn03::before, #contact_area .cmn_btn03::after {
	font-size: 21px;
	top: calc(50% - 18px);
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
WooCommerce
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
商品詳細
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*画像 ポップアップ*/
.pswp__preloader {
	display: none;
}

.pswp--svg .pswp__button--arrow--left:before, .pswp--svg .pswp__button--arrow--right:before {
	background-color: rgba(0, 0, 0, .3)!important;
}

/* 価格 */
.woocommerce div.product div.summary [class*="price"] {
    width: 50%;
	text-align: right;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
カート・見積もり手続き > 幅
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
:is(.page-cart, .page-checkout) .site-content {
	padding: 30px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
見積もり手続き
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.is-mobile .wc-block-components-form .wc-block-components-checkout-step:after {
	box-shadow: none!important;
}

.wc-block-components-address-card__edit {
	width: 40px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
支払い完了
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.page-checkout .woocommerce ul.order_details {
	display: flex;
	flex-direction: column;
}

.page-checkout .woocommerce ul.order_details li {
	display: flex;
	align-items: baseline;
	column-gap: 5px;
	font-size: 13px!important;
	margin-right: 0;
	border-right: none;
	border-bottom: 1px dashed #cfc8d8;
}

.page-checkout .woocommerce ul.order_details li strong {
	font-size: 13px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
マイアカウント
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*メニュー*/
:is( ul[class*="block-editor"]:not([class*="_list"]), ol[class*="block-editor"]:not([class*="_list"]), ul:not([class]), ol:not([class]) ) {
	padding-left: 15px;
}

/*見積もり履歴 ＞ 注文番号*/
.woocommerce table.shop_table_responsive tbody th, .woocommerce-page table.shop_table_responsive tbody th {
	display: block;
}

/*見積もり履歴 ＞ 合計*/
.woocommerce-orders td.woocommerce-orders-table__cell-order-total {
	height: 54px;
	padding-top: 25px!important;
}

.woocommerce-orders td.woocommerce-orders-table__cell-order-total::before {
	font-size: 15px;
}

}/*メディアクエリ終了*/