/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 02 2026 | 08:48:24 */
/* スマホ下の固定ボタン（電話・LINE）2026-10-02
   子テーマのCSS（オレンジ・黄緑の四角いボタン）の上から、サイトの色（深い緑・LINEの緑）に合わせた丸いボタンに重ねがき。
   リンク先・電話番号はそのまま（HTMLは子テーマのまま変えていない）。元に戻すときは、このコードを「無効にする」だけ */
@media screen and (max-width:767px){
#tel_line_sp_nav{display:flex!important;gap:8px;align-items:stretch;left:0;right:0;width:auto!important;padding:8px 10px calc(8px + env(safe-area-inset-bottom))!important;background:rgba(255,255,255,.95)!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 -6px 18px rgba(36,70,31,.14);border-top:1px solid #e4efdb}
#tel_line_sp_nav a{position:relative;display:block!important;min-height:0!important;margin:0!important;border:none!important;border-radius:999px;color:#fff!important;text-decoration:none!important;text-align:left!important;box-shadow:0 3px 0 rgba(0,0,0,.18);transition:transform .15s,box-shadow .15s}
#tel_line_sp_nav a:active{transform:translateY(2px);box-shadow:0 1px 0 rgba(0,0,0,.18)}
#tel_line_sp_nav .tel{flex:1.2 1 0;width:auto!important;background:#2f6b2f url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Ccircle cx='14' cy='14' r='14' fill='%23ffe27a'/%3E%3Cg transform='translate(7.6 7.6) scale(.025)'%3E%3Cpath fill='%2324461f' d='M511.2 387l-23.25 100.8c-3.266 14.25-15.79 24.22-30.46 24.22C205.2 512 0 306.8 0 54.5c0-14.66 9.969-27.2 24.22-30.45l100.8-23.25C139.7-2.602 154.7 5.018 160.8 18.92l46.52 108.5c5.438 12.78 1.77 27.67-8.98 36.45L144.5 207.1c33.98 69.22 90.26 125.5 159.5 159.5l44.08-53.8c8.688-10.78 23.69-14.51 36.47-8.975l108.5 46.51C506.1 357.2 514.6 372.4 511.2 387z'/%3E%3C/g%3E%3C/svg%3E") 10px 50%/30px no-repeat!important;padding:8px 8px 7px 48px!important;font-size:11px!important;font-weight:700;line-height:1.35!important;letter-spacing:.02em;white-space:nowrap}
#tel_line_sp_nav .tel::first-line{font-size:17px;font-weight:800;letter-spacing:.03em}
#tel_line_sp_nav .line{flex:1 1 0;width:auto!important;background:#06c755 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Ccircle cx='14' cy='14' r='14' fill='%23fff'/%3E%3Cpath d='M14 7.2c-4.5 0-8.1 2.9-8.1 6.4 0 3.2 2.9 5.8 6.7 6.3l-.6 2.6 3.2-2.5c4-.3 7-3 7-6.4 0-3.5-3.7-6.4-8.2-6.4z' fill='%2306c755'/%3E%3C/svg%3E") 10px 50%/30px no-repeat!important;padding:8px 6px 7px 48px!important;font-size:0!important;line-height:1.35!important;white-space:nowrap}
#tel_line_sp_nav .line::before{content:"LINEで相談";display:block;font-size:16px;font-weight:800;letter-spacing:.02em}
#tel_line_sp_nav .line::after{content:"写真・動画もOK";display:block;font-size:11px;font-weight:700;opacity:.95}
.p-fixBtnWrap{bottom:84px!important}
}
@media screen and (max-width:359px){
#tel_line_sp_nav{gap:6px;padding-left:6px!important;padding-right:6px!important}
#tel_line_sp_nav .tel,#tel_line_sp_nav .line{padding-left:42px!important;background-position:7px 50%!important;background-size:28px!important}
#tel_line_sp_nav .tel::first-line{font-size:15px}
#tel_line_sp_nav .line::before{font-size:14px}
}
@media (prefers-reduced-motion:reduce){#tel_line_sp_nav a{transition:none}}

/* はみ出し対策（2026-10-02）：ボタンの幅を画面に収める */
@media screen and (max-width:767px){
#tel_line_sp_nav{box-sizing:border-box}
#tel_line_sp_nav a{min-width:0;overflow:hidden;box-sizing:border-box}
}
@media screen and (max-width:767px){#tel_line_sp_nav .tel{flex:1.35 1 0!important}#tel_line_sp_nav .line{flex:1 1 0!important;padding-right:4px!important}}
@media screen and (max-width:400px){#tel_line_sp_nav .tel{padding-left:44px!important;padding-right:4px!important;background-position:8px 50%!important}#tel_line_sp_nav .tel::first-line{font-size:16px}}
@media screen and (max-width:359px){#tel_line_sp_nav .tel{padding-left:40px!important;background-position:6px 50%!important;background-size:28px!important}#tel_line_sp_nav .tel::first-line{font-size:14.5px}}