@charset "utf-8";

#tinymce {
	display:block;
	padding:40px;
}

/* 全体 */
.blog-main {
  display: flex;
  flex-direction: column-reverse;
}
.blog-sidebar {
	width: 100%;
	margin-top: var(--s-5);
}
.blog-content {
	width: 100%;
}

@media (min-width: 1024px) {
  .blog-main {
    align-items: flex-start;
    flex-direction: row;
    justify-content: space-between;
  }
  .blog-sidebar {
    width: 20%;
		margin-top: 0;
  }
  .blog-content {
    width: 75%;
  }
}

/* Block: サイドバー */
.blog-list {
}
.blog-list-item {
	font-size: var(--text-14);
	line-height:1.2;
}
.blog-list-link {
  color: var(--color-primary);
  text-decoration: none;
}
.blog-list-link:hover {
  text-decoration: underline;
}

/* Block: コンポーネントのルート */
.blog-box {
	border: 2px solid var(--color-border);
	padding: var(--s-5);
	border-radius: var(--s-2);
	margin-bottom: var(--s-5);
}
@media (min-width: 768px) {
	.blog-box {
		padding: var(--s-6);
	}
}

/*
 * Block: お知らせ情報エリア
 */
.blog-info {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  margin-bottom: var(--s-5);
  padding: var(--s-5);
	gap: var(--s-1);
  font-size: var(--text-14);
  line-height: 1.2;
	background-color: var(--color-bg-light);
	border-radius: var(--s-1);
}
@media (min-width: 768px) {
  .blog-info {
		gap: var(--s-2);
    flex-direction: row;
    align-items: center;
  }
}

/* Element: blog-info内の時間表示 */
.blog-info__time { }
.blog-info__cate  { }
.blog-info__staff { }
@media (min-width: 768px) {
}

/* Element: blog-info内のリンク */
.blog-info__link {
  display: inline-block;
}

/*
 * Block: 記事タイトル
 */
.blog-ttl {
  background-color: #004675;
  padding: var(--s-5);
  font-size: var(--text-18);
  font-weight: 700;
  line-height: 1.4;
	color:#fff;
	border-radius: var(--s-1);
  margin-bottom: var(--s-5);
}

/*
 * Block: 記事本文エリア
 * (blogから出力されるHTMLを想定した実用的な記述)
 */
.blog-kiji{
	}

.blog-kiji table {
}

.blog-kiji th,
.blog-kiji td {
	vertical-align:middle;
	padding:revert-layer;
}
.blog-kiji th {
}
.blog-kiji td img{
	/*
	width: 100%;
	aspect-ratio: 4 / 3;
	-o-object-fit: cover;
	object-fit: cover;
	display: block;
	margin: 0 auto;
	*/
}

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

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

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

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

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

.blog-kiji a {
  font-weight: 700;
  color: var(--color-primary);
  text-decoration: underline;
}


.blog-main .c-accordion__head {
	color:#fff;
	background-color: var(--color-accent);
}
.blog-main .c-accordion__head::before,
.blog-main .c-accordion__head::after {
  background-color: #fff;
}
.blog-main .c-accordion.is-open .c-accordion__head {
	background-color: var(--color-accent-dark);
}
.blog-main .c-accordion__body{
	font-size:var(--text-12);
	}

@media (min-width: 1024px) {
  .blog-main .c-accordion__body {
    display: block !important;
		padding: var(--s-4) var(--s-4);
  }
  .blog-main .c-accordion__head {
    cursor: default;
    pointer-events: none;
		padding: var(--s-4) var(--s-4);
  }
  .blog-main .c-accordion__head::before,
  .blog-main .c-accordion__head::after {
    display: none;
  }
}