body {
	font-family: "Klee One", serif;
	margin-top: 30px;
}

.pc-only {
  display: block;
  content: "";
  width: 100%;
}

.sp-only {
	display: none;
}

.main {
	margin-left: auto;
	margin-right: auto;
	max-width: 640px;
}

	/* 3本線ボタンの基本 */
.hamburger{
  display:none;            /* PCでは隠す */
  width:44px;height:44px;
  padding:8px;
  background:rgba(255,255,255,.75);
  border:1px solid rgba(0,0,0,.1);
  border-radius:8px;
  cursor:pointer;
}
.hamburger span{
  display:block;
  height:2px;
  background:#333;
  margin:6px 0;
  transition:.25s;
}

/* 開閉時のアニメ（×に変形） */
.hamburger.is-open span:nth-child(1){ transform:translateY(8px) rotate(45deg); }
.hamburger.is-open span:nth-child(2){ opacity:0; }
.hamburger.is-open span:nth-child(3){ transform:translateY(-8px) rotate(-45deg); }

#header {
	padding: 1px 0;
	min-height: 70px;
	position: sticky;   /* ← スクロールで上に張り付く */
  top: 0;
  z-index: 1000;
  background: rgba(255,255,255,.75);   /* 半透明の白 */
  backdrop-filter: blur(8px);           /* ぼかし（対応ブラウザのみ） */
  -webkit-backdrop-filter: blur(8px);
}

.header-list {
	display: flex;
	margin-left: auto;
	margin-right: auto;
	max-width: 640px;
	padding: 0px;
}

.header-circle {
	width: 70px;
	height: 70px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 9.2px;
	text-align: center;
	margin: 0px 5px;
	padding: 0px;
}

.header-link {
	border-radius: 50%;
	display: flex;
	flex-wrap: wrap; /* ← 折り返し可能にする */
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	text-decoration: none;
	text-align: center;
	white-space: normal;
	color: #ffffff;
	font-family: 'FOT-ロダン Pro DB', sans-serif;
	font-size: 1.05em;
}

.contact-mail {
	font-size: 2em;
	line-height: 1;
}

.main-img {
	width: 100%;
}

.relative {
  position: relative;
}

.main-motto-img {
	width: 50%;
  position: absolute;
  right: 25%;
  bottom: 25%;
}

.main-content {
	width: 100%;
    text-align: center;
}

.main-pre {
	white-space: pre;
	line-height:42px;
}

.main-news {
	text-align: center;
}

.main-news-list{
  list-style:none;
  margin:0; padding:0;
  border-top:1px solid #333;
  text-align:left;              /* 親にcenterが当たっていたら左寄せに戻す */
}

.main-news-list li{
  border-bottom:1px solid #333;
  padding:0.6em 0;
}

/* 文字部分だけ中央寄せして2カラム化 */
.main-news-row{
  max-width: 560px;             /* 好きな幅に */
  margin: 0 auto;               /* 中央寄せ */
  display:grid;
  grid-template-columns: 8em minmax(0,1fr);  /* 左:日付固定 / 右:本文可変 */
  column-gap: 1em;              /* 列の間隔 */
  align-items: center;          /* 縦位置をそろえる */
  justify-items: start;         /* セル内は左寄せ */
}

.main-newsymd{
  text-align:left;
  white-space:nowrap;           /* 日付は改行させない（任意） */
}

/* 本文が長い時のはみ出し対策（任意） */
.main-newsbody{
  overflow-wrap: anywhere;
}

/** 色系のクラス */
.color-peru {
	background-color: #ea8f3f;
	color: #ffffff;
}
.color-chocolate {
	background-color: #e17531;
	color: #ffffff;
}
.color-mediumTurquoise {
	background-color: #50bbdf;
	color: #ffffff;
}
.color-steelBlue {
	background-color: #5b8fc8;
	color: #ffffff;
}

.kunugi-img {
	width: 100%;
	text-align: center;
	margin-top: 120px;
}

.kunugi-img img {
	width: 30%;
	margin: auto;
}

#footer {
	margin-top: 90px;
	margin-bottom: 30px;
	text-align: center;
	font-size: 12px;
}

.comming {
	text-align: center;
	margin-top: 100px;
	font-size: 2.1em;
}