/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 18 2025 | 01:37:05 */
/*
* 「不思議の国のアリス」テーマ用CSS
* 基本カラー: #95e5e2
*/

/* 段落 */
p.alice-paragraph {
	font-size: 1.1em;
	margin-bottom: 1em;
	text-align: justify;
	line-height: 1.8;
}
p.alice-paragraph strong {
	color: #d84315;
	/* 強調用の対照的なアクセントカラー */
}
/* リスト（順不同） */
ul.alice-list {
	list-style: none;
	/* デフォルトのリストスタイルを削除 */
	padding: 0;
	margin: 0;
	margin-bottom: 20px;
}
ul.alice-list li.alice-list-item {
	background-color: #e0f2f1;
	/* リストアイテムの明るい背景 */
	margin-bottom: 8px;
	padding: 10px 15px;
	border-radius: 8px;
	/* かわいらしさを出すための少し丸い角 */
	border: 1px solid #95e5e2;
	/* プライマリカラーのボーダー */
	position: relative;
	padding-left: 50px;
	/* カスタム箇条書きのためのスペース */
}
ul.alice-list li.alice-list-item::before {
	content: '🌸';
	/* かわいいアリスの雰囲気に合う花の箇条書き */
	color: #d84315;
	/* 箇条書きのアクセントカラー */
	font-size: 1.2em;
	position: absolute;
	left: 10px;
	top: 50%;
	transform: translateY(-50%);
}
/* リスト（順不同）の新しいデザイン案 */
ul.alice-list-alt {
	list-style: none;
	/* デフォルトのリストスタイルを削除 */
	padding: 15px 25px;
	/* 上下左右のパディングを増やす */
	margin: 0;
	margin-bottom: 30px;
	background: linear-gradient(to right, #e0f7fa, #f7fefd);
	/* 柔らかいグラデーション背景 */
	border: 1px solid #95e5e2;
	/* 基本カラーの細いボーダー */
	border-radius: 12px;
	/* 少し大きめの丸みを帯びた角 */
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
	/* ほんのりとした影 */
}
ul.alice-list-alt li.alice-list-item-alt {
	color: #4a4a4a;
	/* テキストの色 */
	font-size: 1.1em;
	padding: 10px 0;
	/* 上下パディング */
	position: relative;
	padding-left: 30px;
	/* カスタム箇条書きのためのスペース */
}
/* 最後のアイテム以外にドットの区切り線 */
ul.alice-list-alt li.alice-list-item-alt:not(:last-child) {
	border-bottom: 1px dotted #a7d9d7;
	/* 点線で区切る */
	margin-bottom: 8px;
	/* 区切り線の下に少しマージン */
	padding-bottom: 15px;
	/* 区切り線の上にパディング */
}
ul.alice-list-alt li.alice-list-item-alt::before {
	content: '★';
	/* 星の箇条書きアイコン */
	color: #d84315;
	/* アクセントカラー */
	font-size: 0.9em;
	position: absolute;
	left: 0;
	/* 親要素の左端に配置 */
	top: 50%;
	transform: translateY(-50%);
	/* アイコンの背景やサイズはここでは設定しないが、必要であれば追加可能 */
}
/* リスト（順不同）の新しいデザイン案 その３ */
ul.alice-list-card {
	list-style: none;
	/* デフォルトのリストスタイルを削除 */
	padding: 0;
	margin: 0;
	margin-bottom: 30px;
	background-color: transparent;
	/* 背景は透過させるか、周囲に合わせる */
}
ul.alice-list-card li.alice-list-item-card {
	background-color: #f0fdfc;
	/* 白に近い非常に薄い基本カラー */
	border: 1px solid #c8e6e5;
	/* 少し濃いめの基本カラーのボーダー */
	border-radius: 10px;
	/* 角を丸くする */
	padding: 15px 20px;
	/* 内側の余白 */
	margin-bottom: 12px;
	/* 各アイテム間の余白 */
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
	/* 影をつけて浮遊感を出す */
	transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
	/* ホバーアニメーション */
	display: flex;
	/* アイコンとテキストを横並びにする */
	align-items: flex-start;
	/* アイコンとテキストの上端を揃える */
	font-size: 1.1em;
	color: #4a4a4a;
}
/* ホバー時の効果 */
ul.alice-list-card li.alice-list-item-card:hover {
	transform: translateY(-3px);
	/* 少し上に浮き上がる */
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.12);
	/* 影を濃くする */
}
ul.alice-list-card li.alice-list-item-card::before {
	content: '♡';
	/* ハートの箇条書きアイコン */
	color: #d84315;
	/* アクセントカラー */
	font-size: 1.5em;
	/* 少し大きめのアイコン */
	line-height: 1;
	/* アイコンの縦位置調整 */
	margin-right: 15px;
	/* アイコンとテキストの間の余白 */
	flex-shrink: 0;
	/* アイコンが縮まないようにする */
}
/* リスト（順不同）の新しいデザイン案 その４：ミニマル・ファンタジー */
ul.alice-list-minimal {
	list-style: none;
	/* デフォルトのリストスタイルを削除 */
	padding: 0 15px;
	/* 左右に少しパディング */
	margin: 0;
	margin-bottom: 30px;
	background-color: transparent;
	/* 背景は透過 */
}
ul.alice-list-minimal li.alice-list-item-minimal {
	font-size: 1.1em;
	color: #555;
	/* 少し落ち着いたグレー */
	padding: 12px 0;
	/* 上下パディング */
	border-bottom: 1px dashed #e0f2f1;
	/* 控えめな点線ボーダー */
	position: relative;
	padding-left: 30px;
	/* アイコンのためのスペース */
	transition: color 0.3s ease, padding-left 0.3s ease;
	/* ホバーアニメーション */
}
/* 最後のアイテムのボーダーを削除 */
ul.alice-list-minimal li.alice-list-item-minimal:last-child {
	border-bottom: none;
}
/* ホバー時の効果 */
ul.alice-list-minimal li.alice-list-item-minimal:hover {
	color: #008f88;
	/* 基本カラーに近い色に変化 */
	padding-left: 35px;
	/* 少し右にずれる */
}
ul.alice-list-minimal li.alice-list-item-minimal::before {
	content: '‣';
	/* 三角形の箇条書きアイコン */
	color: #95e5e2;
	/* 基本カラー */
	font-size: 1.5em;
	/* アイコンのサイズ */
	line-height: 1;
	position: absolute;
	left: 0;
	/* 左端に配置 */
	top: 50%;
	transform: translateY(-50%);
	transition: color 0.3s ease;
	/* ホバーアニメーション */
}
/* ホバー時のアイコンの色変更 */
ul.alice-list-minimal li.alice-list-item-minimal:hover::before {
	color: #d84315;
	/* ホバー時にアクセントカラーに変化 */
}
/* リスト（順不同）の新しいデザイン案 その５：ストーリーブック風 */
ul.alice-list-storybook {
	list-style: none;
	/* デフォルトのリストスタイルを削除 */
	padding: 0;
	margin: 0;
	margin-bottom: 30px;
	background-color: transparent;
	/* 背景は透過 */
}
ul.alice-list-storybook li.alice-list-item-storybook {
	font-size: 1.1em;
	color: #4a4a4a;
	padding: 15px 20px;
	/* 内側の余白 */
	margin-bottom: 15px;
	/* 各アイテム間の余白 */
	background-color: #f7fefd;
	/* やや明るい背景色 */
	border: 1px solid #e0f2f1;
	/* 非常に薄いボーダー */
	border-left: 5px solid #95e5e2;
	/* 左側に基本カラーの強調ライン */
	border-radius: 6px;
	/* 控えめな角丸 */
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.05);
	/* 控えめな影 */
	position: relative;
	transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
	/* ホバーアニメーション */
}
/* ホバー時の効果 */
ul.alice-list-storybook li.alice-list-item-storybook:hover {
	transform: translateX(5px);
	/* 少し右にずれる */
	box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.1);
	/* 影を濃くする */
	border-left-color: #d84315;
	/* ホバー時にアクセントカラーに変化 */
}
ul.alice-list-storybook li.alice-list-item-storybook::before {
	content: 'P.';
	/* 「ページ」のようなテキスト */
	color: #b0e0dd;
	/* 基本カラーの薄い色 */
	font-size: 0.8em;
	font-weight: bold;
	position: absolute;
	top: 5px;
	right: 10px;
	/* transition: color 0.2s ease; /* 必要であればアイコンのホバーアニメーション */ */
}
/* 各リストアイテムに自動で番号を振る（ページ番号のように） */
ul.alice-list-storybook {
	counter-reset: story-page;
	/* カウンターを初期化 */
}
ul.alice-list-storybook li.alice-list-item-storybook::before {
	counter-increment: story-page;
	/* カウンターを増やす */
	content: 'P.' counter(story-page);
	/* 「P.1」「P.2」のように表示 */
	color: #b0e0dd;
	/* 基本カラーの薄い色 */
	font-size: 0.8em;
	font-weight: bold;
	position: absolute;
	top: 5px;
	right: 10px;
}
ul.alice-list-storybook li.alice-list-item-storybook:hover::before {
	color: #008f88;
	/* ホバー時に基本カラーの濃い色に変化 */
}

/*
 * リスト（順不同）の新しいデザイン案 その６：チェシャ猫の足跡風
 * 基本カラー: #95e5e2
 * 雰囲気: チェシャ猫のミステリアスで遊び心のある足跡
 */
ul.alice-cat-trail-list {
    list-style: none; /* デフォルトのリストスタイルを削除 */
    padding: 0 20px; /* 左右に少しパディング */
    margin: 0;
    margin-bottom: 30px;
    background-color: #f7fefd; /* 非常に明るい背景 */
    border-radius: 15px; /* 柔らかい角丸 */
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); /* 控えめな影 */
}

ul.alice-cat-trail-list li.alice-cat-trail-item {
    font-size: 1.1em;
    color: #4a4a4a; /* テキストの色 */
    padding: 15px 0; /* 上下パディング */
    position: relative;
    padding-left: 70px; /* 足跡アイコンのためのスペース */
    border-bottom: 1px dotted #a7d9d7; /* 控えめな点線ボーダー */
    transition: background-color 0.3s ease, transform 0.2s ease; /* ホバーアニメーション */
}

/* 最後のアイテムのボーダーを削除 */
ul.alice-cat-trail-list li.alice-cat-trail-item:last-child {
    border-bottom: none;
}

/* ホバー時の効果 */
ul.alice-cat-trail-list li.alice-cat-trail-item:hover {
    background-color: #e0f7fa; /* ホバー時にわずかに背景色が変わる */
    transform: translateX(5px); /* 少し右にずれる動き */
}

ul.alice-cat-trail-list li.alice-cat-trail-item::before {
    content: '🐾'; /* 足跡の絵文字 */
    color: #008f88; /* チェシャ猫のイメージに合わせた緑がかった色 */
    font-size: 1.8em; /* アイコンのサイズ */
    line-height: 1;
    position: absolute;
    left: 15px; /* 左端からの位置 */
    top: 50%;
    transform: translateY(-50%) rotate(-15deg); /* 少し回転させて足跡らしさを出す */
    transition: color 0.3s ease, transform 0.2s ease; /* ホバーアニメーション */
}

/* ホバー時のアイコンの色と回転 */
ul.alice-cat-trail-list li.alice-cat-trail-item:hover::before {
    color: #d84315; /* ホバー時にアクセントカラーに変化 */
    transform: translateY(-50%) rotate(10deg); /* わずかに回転方向を変える */
}

/* リスト（順序付き） */
ol.alice-ordered-list {
	list-style: none;
	/* デフォルトのリストスタイルを削除 */
	padding: 0;
	counter-reset: alice-step;
	/* カスタム番号付け用のカウンターを初期化 */
	margin-bottom: 20px;
}
ol.alice-ordered-list li.alice-list-item {
	background-color: #e0f7fa;
	/* 少し異なる明るい背景 */
	margin-bottom: 10px;
	margin-left: 100px;
	margin-right: 100px;
	padding: 12px 15px;
	border-radius: 10px;
	border: 1px solid #80deea;
	position: relative;
	padding-left: 45px;
	/* カスタム番号のためのスペース */
	font-weight: bold;
	text-align: center;
}
@media screen and (max-width: 768px) {
	ol.alice-ordered-list li.alice-list-item {
		margin-left: initial;
		margin-right: initial;
	}
}
ol.alice-ordered-list li.alice-list-item::before {
	counter-increment: alice-step;
	/* カウンターをインクリメント */
	content: counter(alice-step) "";
	/* カウンターを表示 */
	background-color: #95e5e2;
	/* 番号のプライマリカラー背景 */
	color: white;
	border-radius: 50%;
	/* 番号の円形 */
	width: 30px;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	left: 50px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 0.9em;
}
@media screen and (max-width: 768px) {
	ol.alice-ordered-list li.alice-list-item::before {
		left: 15px;
	}
}
/* お問い合わせ情報セクション */
div.alice-contact-info-container {
	background-color: #fffde7;
	/* ソフトな見た目のクリーミーな背景 */
	border: 2px solid #ffccbc;
	/* 明るいピーチ色のボーダー */
	border-radius: 15px;
	/* さらに丸い角 */
	padding: 25px;
	margin-top: 50px;
	text-align: center;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
	/* ソフトな影 */
}
div.alice-contact-info-container p {
	font-size: 1.15em;
	margin-bottom: 15px;
}
div.alice-contact-info-container a {
	color: #008f88;
	/* リンクの色 */
	text-decoration: none;
	font-weight: bold;
	transition: color 0.3s ease;
}
div.alice-contact-info-container a:hover {
	color: #d84315;
	/* ホバー効果 */
	text-decoration: underline;
}
/* メールと電話アイコンの特定のスタイル */
div.alice-contact-info-container p a[href^="mailto"],
div.alice-contact-info-container p a[href^="tel"] {
	display: inline-flex;
	align-items: center;
}
div.alice-contact-info-container p a[href^="mailto"]::before {
	margin-right: 8px;
}
div.alice-contact-info-container p a[href^="tel"]::before {
	margin-right: 8px;
}
/*
* 「不思議の国のアリス」テーマ用セクションCSS
* 基本カラー: #95e5e2
*/
/* ワンダーランドの小道セクション */
.alice-wonderland-section {
	background-color: #f7fefd;
	/* 全体的な背景色と同じような明るい色 */
	border: 2px dashed #95e5e2;
	/* 不思議の国のアリスらしい破線ボーダー */
	border-radius: 20px;
	/* 大きめの角丸で可愛らしさを出す */
	padding: 40px 30px;
	/* 上下左右にたっぷりパディング */
	margin: 50px auto;
	/* 上下にマージン、左右中央寄せ */
	max-width: 900px;
	/* コンテンツの最大幅を制限 */
	box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
	/* ほんのりとした影で浮き上がる感じ */
	position: relative;
	overflow: hidden;
	/* 疑似要素がはみ出さないように */
}
/* セクションの上部と下部に装飾 */
.alice-wonderland-section::before,
.alice-wonderland-section::after {
	content: '';
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: 80%;
	/* 幅を調整 */
	height: 15px;
	/* 高さ */
	background: linear-gradient(to right, #e0f2f1, #95e5e2, #e0f2f1);
	/* グラデーションのライン */
	border-radius: 50%;
	/* 半円形のような装飾 */
	opacity: 0.7;
	/* 少し透明度を持たせる */
	filter: blur(2px);
	/* 柔らかいぼかし */
}
.alice-wonderland-section::before {
	top: -8px;
	/* セクションの上端に少しはみ出すように配置 */
}
.alice-wonderland-section::after {
	bottom: -8px;
	/* セクションの下端に少しはみ出すように配置 */
}
/* セクション内の段落のスタイル */
.alice-wonderland-section .alice-section-paragraph {
	font-family: 'Georgia', serif;
	font-size: 1.1em;
	line-height: 1.7;
	color: #4a4a4a;
	text-align: justify;
	margin-bottom: 1em;
}
/* 矢印画像の挿入 */
.arrow {
	content: url('https://tunaguab.com/wp-content/uploads/2025/06/62f1b0ebcd4df37e08a07120bcec120f.png');
	display: block;
	margin: 0 auto;
	width: 7%;
}
/*
 * ティーパーティーの招待状セクション用CSS
 * 基本カラー: #95e5e2
 * 雰囲気: フォーマルで可愛いティーパーティーの招待状
 */

section.alice-teaparty-invite {
    background-color: #fffde7; /* 招待状らしいクリーム色の背景 */
    border: 3px dashed #ffb74d; /* 不思議の国のアリスらしいオレンジの破線ボーダー */
    border-radius: 18px; /* 丸みのある角で柔らかさを出す */
    padding: 50px 40px; /* 上下左右にたっぷりパディング */
    margin: 60px auto; /* 上下マージン、左右中央寄せ */
    max-width: 850px; /* セクションの最大幅 */
    box-shadow: 0 12px 20px rgba(0, 0, 0, 0.1); /* 深めの影で立体感を出す */
    position: relative;
    overflow: hidden; /* 疑似要素がはみ出さないように */
    text-align: center; /* 中のテキストを中央寄せ */
}

/* 招待状のコーナー装飾 (トランプのモチーフ) */
section.alice-teaparty-invite::before,
section.alice-teaparty-invite::after {
    content: '';
    position: absolute;
    width: 50px;
    height: 50px;
    background-color: #95e5e2; /* 基本カラー */
    border-radius: 50%; /* 丸い形 */
    opacity: 0.7;
    z-index: 0; /* 内容の下に配置 */
}

section.alice-teaparty-invite::before {
    top: -25px;
    left: -25px;
}

section.alice-teaparty-invite::after {
    bottom: -25px;
    right: -25px;
}

/* 招待状のスタンプのような装飾 (右上) */
section.alice-teaparty-invite .alice-stamp {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 60px;
    height: 60px;
    background-color: #d84315; /* アクセントカラー */
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2em;
    color: white;
    font-family: 'Comic Sans MS', cursive, sans-serif;
    transform: rotate(10deg);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    z-index: 1;
}

/*
 * 迷いの森の標識セクション用CSS
 * 基本カラー: #95e5e2
 * 雰囲気: 不思議の国のアリスの迷いの森にある、少し古びた標識
 */

section.alice-forest-sign-section {
    background-color: #f7fefd; /* 明るい背景で、木の板の白っぽい感じを出す */
    /* border: 4px solid #ffccd2; */ /* アクセントカラーの太いボーダーで、目印感を出す */
    border-radius: 12px; /* 控えめな角丸 */
    padding: 35px 30px; /* 内側の余白 */
    margin: 50px auto; /* 上下マージン、左右中央寄せ */
    max-width: 850px; /* セクションの最大幅 */
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.12); /* 影で立体感を出す */
    position: relative;
    overflow: hidden; /* 疑似要素がはみ出さないように */
    /* text-align: left; */ /* テキストのセンタリングはしないので、デフォルトの左揃え */
    /* font-family: 'Georgia', serif; */ /* 落ち着いたフォント */
    line-height: 1.7;
}

/* 標識の上部と下部に、木目のような装飾 */
section.alice-forest-sign-section::before,
section.alice-forest-sign-section::after {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 15px; /* 高さ */
    background: repeating-linear-gradient(
        45deg,
        #b0e0dd, /* 基本カラーの薄い色 */
        #b0e0dd 5px,
        #c8e6e5 5px, /* 少し濃い色 */
        #c8e6e5 10px
    ); /* ストライプ柄で木目を表現 */
    opacity: 0.6; /* 少し透明度を持たせる */
    filter: brightness(0.9); /* 少し暗くする */
}

section.alice-forest-sign-section::before {
    top: 0; /* 上部に配置 */
    border-radius: 12px 12px 0 0; /* 上部だけ角丸 */
}

section.alice-forest-sign-section::after {
    bottom: 0; /* 下部に配置 */
    border-radius: 0 0 12px 12px; /* 下部だけ角丸 */
}


/* セクション内の段落のスタイル */
.alice-forest-sign-section .alice-sign-paragraph {
    font-size: 1.05em;
    line-height: 1.7;
    color: #555;
    text-align: left; /* 左揃え */
    margin-bottom: 1em;
}

.alice-forest-sign-section .alice-sign-paragraph strong {
    color: #008f88; /* 強調文字は基本カラーの濃い色 */
    font-weight: bold;
}