/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 13 2026 | 11:26:16 */
/*==========================================================
	ふきだしブロック横幅設定
==========================================================*/
.c-balloon__text {
	max-width: none;
}

/*==========================================================
	お客様の声カード：リッチカラム
==========================================================*/
.voice-card {
	padding: 24px;
	border: 1px solid #ddd;
	background-color: #fff;
	box-sizing: border-box;
}

@media screen and (max-width: 767px) {
	.voice-card {
		padding: 16px;
	}
}

/*==========================================================
	フォントサイズ設定
==========================================================*/
/* パソコン */
@media screen and (min-width: 960px) {
	.post_content p,
	.post_content li {
		font-size: 19px !important;
		line-height: 1.9;
	}
}

/* スマホ・タブレット */
@media screen and (max-width: 959px) {
	.post_content p,
	.post_content li {
		font-size: 18px !important;
		line-height: 1.9;
	}
}

/*==========================================================
	ヘッダーカスタマイズ
==========================================================*/
/* 通常ヘッダー */
#header .c-gnav .menu-item > a .ttl {
    font-size: 15px !important;
    font-weight: bold;
}

/* 追従ヘッダー */
#fix_header .c-gnav .menu-item > a .ttl {
    font-size: 15px !important;
    font-weight: bold;
}

/*==========================================================
	メインビジュアル下の余白を削除
==========================================================*/

.home #content {
    padding-top: 0 !important;
}

/*==========================================================
	スマホ用ワイドセクションの上下余白を狭くする設定
==========================================================*/
/* スマホ：フルワイドセクションの上下余白を狭くする */
@media screen and (max-width: 959px) {

    .home .swell-block-fullWide {
        padding-top: 3.8em !important;
        padding-bottom: 3.8em !important;
    }

    .home .swell-block-fullWide + .swell-block-fullWide {
/*        margin-top: -1.2em !important;*/
    }

}

/*==========================================================
	SWELL 目次 フォントサイズ調整
==========================================================*/
/* ---------- PC ---------- */

/* H2 */
.p-toc__list > li {
    font-size: 17px !important;
}

/* H3 */
.p-toc__list > li li {
    font-size: 16px !important;
}


/* ---------- スマホ ---------- */
@media screen and (max-width: 767px) {

    /* H2 */
    .p-toc__list > li {
        font-size: 16px !important;
    }

    /* H3 */
    .p-toc__list > li li {
        font-size: 15px !important;
    }

}

/*==========================================================
   Lugarが大切にしている3つのこと：リッチカラム
==========================================================*/

/* カードの角丸  */

.flow-grid .flow-card {
	overflow: hidden !important;
	background-color: #ffffff;
	border-radius: 18px !important;
}

/*==========================================================
   Lugarならではの4つの強み：リッチカラム
==========================================================*/
.card_kadomaru {
	width: 100%;
	overflow: hidden;
	background-color: #ffffff;
	border-radius: 18px;
/*	box-shadow: 0 10px 30px rgba(70, 80, 65, 0.08);*/
}

/*==========================================================
    Amelia CSSカスタマイズ
==========================================================*/


/* =========================================
   Amelia / PC・スマホ共通
   SWELLの通常コンテンツ幅いっぱいに表示
========================================= */

.amelia-v2-booking {
    width: 100% !important;
    max-width: none !important;
}

.amelia-v2-booking #amelia-container,
.amelia-v2-booking #amelia-container.am-fs__wrapper,
.amelia-v2-booking #amelia-container .am-fs__main {
    width: 100% !important;
    max-width: none !important;
}


/* =========================================
   Amelia / スマホ
   iPhone Safari 自動ズーム対策
========================================= */

@media screen and (max-width: 767px) {

    /* -----------------------------------------
       サービス選択欄
       Amelia側の文字サイズ変数を16pxに変更
    ----------------------------------------- */

    .amelia-v2-booking #amelia-container .am-adv-select {
        --am-fs-select: 16px !important;
    }


    /* -----------------------------------------
       Amelia内のすべての入力フォーム
       16px未満によるiPhoneの自動ズームを防止
    ----------------------------------------- */

    .amelia-v2-booking #amelia-container input,
    .amelia-v2-booking #amelia-container textarea,
    .amelia-v2-booking #amelia-container select,
    .amelia-v2-booking #amelia-container .el-input__inner,
    .amelia-v2-booking #amelia-container .el-textarea__inner {
        font-size: 16px !important;
    }


    /* -----------------------------------------
       プレースホルダーも16pxに統一
    ----------------------------------------- */

    .amelia-v2-booking #amelia-container input::placeholder,
    .amelia-v2-booking #amelia-container textarea::placeholder,
    .amelia-v2-booking #amelia-container .el-input__inner::placeholder,
    .amelia-v2-booking #amelia-container .el-textarea__inner::placeholder {
        font-size: 16px !important;
    }

}

/*==========================================================
   SWELL カテゴリー・タグページの「– category –」「– tag –」を非表示
==========================================================*/
.c-pageTitle__subTitle {
	display: none;
}

/*==========================================================
	指定ページのみ フッター直前ウィジェットが非表示
==========================================================*/
.page-id-112 #before_footer_widget,
.page-id-15 #before_footer_widget {
	display: none;
}

/*==========================================================
	Cloudflare Turnstile
==========================================================*/
.cf-turnstile {
    display: flex;
    justify-content: center; /* 中央に配置 */
    margin: 10px 0; /* 必要に応じて上下の余白を追加 */
}

/*==========================================================
	お問い合わせフォームのチェックボックス縦並び設定
==========================================================*/
/*-- ご相談項目 チェックボックス --*/
.consult-check .wpcf7-list-item {
	display: block;
	margin: 0;
	padding: 8px 0;
	border-bottom: 1px dotted #ccc;
}

.consult-check .wpcf7-list-item label {
	display: flex;
	align-items: center;
	gap: 10px;
	line-height: 1.5;
}

.consult-check input[type="checkbox"] {
	transform: scale(1.4);
	margin: 0;
	flex-shrink: 0;
}

/* 最後の項目は点線なし */
.consult-check .wpcf7-list-item:last-child {
	border-bottom: none;
}

/* スマホ */
@media screen and (max-width: 767px) {

	.consult-check .wpcf7-list-item label {
		align-items: flex-start;
	}

	.consult-check input[type="checkbox"] {
		margin-top: 6px;
	}
}

/*==========================================================
	確認用チェックボックス設定
==========================================================*/
/*-- 送信前確認チェックボックス --*/
.check_send .wpcf7-list-item {
	margin: 0;
}

.check_send .wpcf7-list-item label {
	display: flex;
	align-items: center;
	gap: 10px;
}

.check_send input[type="checkbox"] {
	transform: scale(1.4);
	margin: 0;
	flex-shrink: 0;
}
/*-- スマホ：送信前確認チェックボックス --*/
@media screen and (max-width: 767px) {

	.check_send .wpcf7-list-item label {
		display: flex;
		align-items: flex-start;
		gap: 10px;
	}

	.check_send input[type="checkbox"] {
		margin: 0;
		position: relative;
		top: 10px;
	}
}

/*==========================================================
	お問い合わせフォームの入力
==========================================================*/
#cf-tbl{
width: 100%;
}

#cf-tbl table{
width: 100%;
border-collapse: collapse;
border: solid #CCC;
border-width: 1px;
color: #444;
}
#cf-tbl table tr th,
#cf-tbl table tr td{
padding: 0.5em;
text-align: left;
vertical-align: top;
border: solid #CCC;
border-width: 1px;
vertical-align: middle;
}
#cf-tbl table tr th{
width: 35%;
background: #eee;
}

.check_send{
    margin-top:20px;
	
}

@media screen and (max-width:768px){
#cf-tbl{
width: 100%;
}

#cf-tbl table,
#cf-tbl table tbody,
#cf-tbl table tr,
#cf-tbl table tr th,
#cf-tbl table tr td{
display: block;
}

#cf-tbl table{
width: 100%;
border-width: 0 0 1px 0;
}

#cf-tbl table tr th,
#cf-tbl table tr td{
width: 100%;
padding: 3% 5%;
}

#cf-tbl table tr td{
border-width: 0px 1px 0px 1px;
}
}
/*「必須」文字デザイン*/
.required{
font-size:.8em;
padding: 5px;
background: #DD0000;
color: #fff;
border-radius: 3px;
margin-right: 5px;
}

/*「任意」文字デザイン*/
.optional{
font-size:.8em;
padding: 5px;
background: #000080;
color: #fff;
border-radius: 3px;
margin-right: 5px;
}

/* 入力項目を見やすく */
input.wpcf7-form-control.wpcf7-text,
textarea.wpcf7-form-control.wpcf7-textarea {
	width: 100%;
	padding: 8px 15px;
	margin-right: 10px;
	margin-top: 10px;
	border: 1px solid #d0d5d8;
	border-radius: 3px;
	background-color: #eff1f5;
}
textarea.wpcf7-form-control.wpcf7-textarea {
	height: 200px;
}

/* 「送信する」ボタン */
input.wpcf7-submit {
    display: block;
    padding: 15px;
    width: 80%;
    background: #DD0000;
    color: #fff;
    font-size: 25px;
    font-weight: 700;
    border-radius: 0px;
    margin: 15px auto 0
}
@media screen and (max-width:768px){
input.wpcf7-submit {
width: 100%;
}
}

input.wpcf7-submit:hover {
	box-shadow: 0 15px 30px -5px rgba(0,0,0,.15), 0 0 5px rgba(0,0,0,.1);
	transform: translateY(-4px);
	opacity:0.7;
}
/* エラーメッセージを見やすく */
span.wpcf7-not-valid-tip,
.wpcf7-response-output.wpcf7-validation-errors {
	color: red;
	font-weight: 600;
}


/*==========================================================
	Margin
==========================================================*/
/*-- margin-top --*/
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt70{margin-top:70px;}
.mt80{margin-top:80px;}
.mt90{margin-top:90px;}
.mt100{margin-top:100px;}

/*-- margin-bottom --*/
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}
.mb70{margin-bottom:70px;}
.mb80{margin-bottom:80px;}
.mb90{margin-bottom:90px;}
.mb100{margin-bottom:100px;}

/*-- margin-top&bottom --*/
.mtb10{margin-top:10px;margin-bottom:10px;}
.mtb20{margin-top:20px;margin-bottom:20px;}
.mtb30{margin-top:30px;margin-bottom:30px;}
.mtb40{margin-top:40px;margin-bottom:40px;}
.mtb50{margin-top:50px;margin-bottom:50px;}
.mtb60{margin-top:60px;margin-bottom:60px;}
.mtb70{margin-top:70px;margin-bottom:70px;}
.mtb80{margin-top:80px;margin-bottom:80px;}
.mtb90{margin-top:90px;margin-bottom:90px;}
.mtb100{margin-top:100px;margin-bottom:100px;}