@charset "utf-8";
@media (max-width: 768px) {
    
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用 > 点線BOX
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.cmn_waku {
    border-radius: 20px;
    padding: 30px 20px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用 > 配達エリア　ストライプ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.area_stripe {
  background-image: repeating-linear-gradient(45deg, #cde19c, #cde19c 4px, #ffffff 4px, #ffffff 8px);
}
    
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
電話ポップアップ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*電話番号*/
div#tel_lb .num {
	font-family: Quicksand, sans-serif;
	font-weight: 700;
}
    
div#tel_lb .inner {
    background: var(--main);
}
    
div#tel_lb .open {
    font-weight: bold;
    font-size: 15px;
}
    
div#tel_lb .btn a {
    color: var(--main)!important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ハンバーガーメニュー内
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#generate-slideout-menu li.menu-item a {
	border-top: 1px dashed #d2ccc2;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
top > トップへ戻るボタン
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.home a.generate-back-to-top {
	right: 26px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ヘッダー
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* ロゴ */
nav#mobile-header .site-logo a img {
	/*padding-right: 10px;*/
    height: 37px;
    padding: 0 10px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
top > case
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*スライダー*/
:root {
	--slide-width: 1240px;
}

/*矢印*/
.cmn_carousel_2col :is(.slick-prev,.slick-next) {
	top: calc(100% + 35px);
}

.cmn_carousel_2col .slick-prev {
	left: -5px;
}

.cmn_carousel_2col .slick-next {
	right: -5px;
}

/*ドット*/
#home_case.cmn_carousel_2col ul.slick-dots {
	bottom: -45px;
}

#home_case .slick-dots li {
	margin: 0 5px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
フッター
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.footer-widgets a:hover {
	color: var(--text);
}
    
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
チャイルドナビ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */	
.h_child_navi ul.child_navi {
    background-color: #fff;
    gap: 10px;
}

.h_child_navi ul.child_navi a {
    padding: 10px 18px;
	font-size: 15px;
	background: var(--base-1);
	/* background: #414141; */
	border-radius: 40px;
}
	
.h_child_navi ul.child_navi li:first-child a,
.h_child_navi ul.child_navi li:last-child a {
	border-radius: 40px;
}
	
/* スクロールバー非表示 */
.h_child_navi ::-webkit-scrollbar,
.cmn_service_menu::-webkit-scrollbar {
	display: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
コピーライト
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.inside-site-info {
	padding-top: 15px;
	padding-bottom: 15px;
}

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