@charset "utf-8";

/*===========================================================================

　CMS（コンテンツ管理システム）によって自動出力される記事部分のスタイルをまとめます。
	
===========================================================================*/

/* 編集画面用
===========================================================================*/
#tinymce {
	padding:40px;
}
#tinymce body,
#tinymce td, 
#tinymce pre {
	color: var(--color-text);
	font-family: var(--font-sans);
	font-size: var(--text-16);
	margin:0;
	}

/* 記事本文エリア
===========================================================================*/
.cms-kiji{
	}
	
.cms-time{
	margin-top:var(--s-5);
	background-color:var(--color-bg-light);
	padding:var(--s-4);
	border-radius: var(--s-2);
	font-size: var(--text-14);
	text-align:right;
	}
	.cms-time span{
		color: var(--color-primary);
		font-weight:700;
		}

.cms-kiji table {
	width: 100%;
	border-collapse: collapse;
	}
	.cms-kiji th,
	.cms-kiji td {
		padding:revert-layer;
		vertical-align:inherit;
		border: 1px solid var(--color-border);
		padding: var(--s-2);
		}

.cms-kiji p {
	/*line-height: 2;*/
	overflow: hidden;
	}
	.cms-kiji p p {
		margin: 0;
	}

/*.cms-kiji ul,
.cms-kiji ol {
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.cms-kiji li {
	list-style: disc;
}*/

.cms-kiji img {
	/*max-width: 100%;
	height: auto;*/
}

.cms-kiji a {
	color:#1e4a7a;
	/*font-weight:700;*/
	text-decoration: underline;
	}
.cms-kiji a:hover {
	/*color:var(--color-red-dark);*/
	text-decoration: none;
	}

.cms-kiji iframe {
  max-width: 100% !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 16 / 9;
}
/* Google マップは縦長の方が使いやすい */
.cms-kiji iframe[src*="google.com/maps"] {
  aspect-ratio: 16 / 9;
}
/* YouTube */
.cms-kiji iframe[src*="youtube.com"],
.cms-kiji iframe[src*="youtu.be"] {
  aspect-ratio: 16 / 9;
}


/* =========================
   緑ボックス
========================= */

.flower-box{
	border-radius:var(--s-2);
	padding:var(--s-5);
	background:#f9f7f2;
	margin:var(--s-5) 0;
}
/* 緑ラベル */
.flower-label1{
	display:inline-block;
	background:#2f8b57;
	color:#fff;
	padding:4px 14px;
	border-radius:8px;
	font-weight:bold;
	line-height:1.4;
	margin-bottom:16px;
}
/* 青ラベル */
.flower-label2{
	display:inline-block;
	background:#0068b7;
	color:#fff;
	padding:4px 14px;
	border-radius:8px;
	font-weight:bold;
	line-height:1.4;
	margin-bottom:16px;
}
/* 桃ラベル */
.flower-label3{
	display:inline-block;
	background:#e55595;
	color:#fff;
	padding:4px 14px;
	border-radius:8px;
	font-weight:bold;
	line-height:1.4;
	margin-bottom:16px;
}

@media (min-width: 768px) {
	.flower-box{
		border-radius:var(--s-2);
		padding:var(--s-5);
		background:#f9f7f2;
		margin:var(--s-5) 0;
	}
	}




/*
.cms-kiji td img{
	width: 100%;
	aspect-ratio: 4 / 3;
	-o-object-fit: cover;
	object-fit: cover;
	display: block;
	margin: 0 auto;
}

.cms-kiji ul,
.cms-kiji ol {
  padding: 0 0 0 var(--s-5);
}

.cms-kiji ul {
  list-style: disc;
}

.cms-kiji ol {
  list-style: revert;
}

.cms-kiji hr {
	margin-top:var(--s-3);
	margin-bottom:var(--s-3);
	border-color: #ddd;
}

.cms-kiji img {
	display: block;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.cms-kiji a {
  font-weight: 700;
  color: var(--color-primary);
  text-decoration: underline;
}
.cms-table-responsive-1{
	}
.cms-table-responsive-2{
	}
@media (max-width: 768px) {
	.cms-table-responsive-1,
	.cms-table-responsive-1 > tbody,
	.cms-table-responsive-1 > tbody > tr {
		display: block;
		width: 100%;
	}
	.cms-table-responsive-1 > tbody > tr > th,
	.cms-table-responsive-1 > tbody > tr > td {
		display: block;
		width: 100% !important;
		box-sizing: border-box;
	}
	.cms-table-responsive-2 {
		display: block;
		width: 100%;
	}
	.cms-table-responsive-2 > tbody {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 16px;
		width: 100%;
	}
	.cms-table-responsive-2 > tbody > tr {
		display: contents;
	}
	.cms-table-responsive-2 > tbody > tr > td {
		display: block;
		width: 100% !important;
		box-sizing: border-box;
	}
}
*/