@charset "utf-8";
/*===========================================================================

　Blog
	
===========================================================================*/

/* 全体 */
.page-content--blog #side{
	margin-top:var(--space-5);
	}
.page-content--blog #side .sidebar__section{
	border:none;
	border-radius: 0;
	}
.page-content--blog #main {
	margin-top: 0;
	}
.page-content--blog{
  flex-direction: column-reverse;
	}

/* Block: サイドバー */
.blog-list{
	}
.blog-list-item{
	}
.blog-list-link{
	color: var(--color-secondary);
	text-decoration: underline;
	}
.blog-list-link:hover {
	text-decoration: none;
	}

/* Block: コンポーネントのルート */
.blog-box {
	border: 3px solid var(--color-border);
	padding:var(--space-10);
	border-radius: 5px;
	margin-bottom:var(--space-5);
}

/*
 * Block: お知らせ情報エリア
 */
.blog-info {
  display: flex;
  align-items: flex-start;
	flex-direction: column;
	margin-bottom:var(--space-10);
	padding:var(--space-5);
	border-top: 1px solid var(--color-border);
	border-bottom: 1px solid var(--color-border);
  font-size: 1.4rem;
	font-weight:500;
  line-height: 1.2;
	color: var(--color-text-gray);
}
@media (min-width: 768px) {
.blog-info {
	margin-bottom:var(--space-5);
	padding:var(--space-5);
	flex-direction: row;
	align-items: center;
}
}

/* Element: blog-info内の時間表示 */
.blog-info__time { margin-bottom: 5px; }
.blog-info__cate{ margin-bottom: 5px; }
.blog-info__staff{ }
@media (min-width: 768px) {
.blog-info__time,
.blog-info__cate{
	margin-bottom:0;
	margin-right: 10px;
}
}

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

/*
 * Block: 記事タイトル
 */
.blog-ttl {
	background-color:var(--color-primary);
	padding:var(--space-10);
	font-size:1.6rem;
	font-weight:700;
	line-height:1.4em;
	border-radius: 5px;
	margin-bottom:var(--space-10);
}
@media (min-width: 768px) {
.blog-ttl {
	padding:var(--space-5);
	margin-bottom:var(--space-5);
}
}

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

.blog-kiji table {
	border-collapse: separate !important;
}

.blog-kiji td,
.blog-kiji th {
  /*border-width: revert-layer;
  padding: revert-layer;*/
}

.blog-kiji ul,
.blog-kiji ol {
  padding: 0 0 0 20px;
}

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

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

.blog-kiji hr {
	margin-top:10px;
	margin-bottom:10px;
	border-color: #ddd;
}

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

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

@media (min-width: 1200px) {
.page-content--blog{
  flex-direction: row;
	}
.page-content--blog .accordion__body {
	display: block !important;
}
.page-content--blog .accordion__head {
	cursor: default;        /* カーソルを矢印に戻す */
	pointer-events: none;   /* クリックを反応させない */
}
.page-content--blog .accordion__head::before,
.page-content--blog .accordion__head::after {
	display: none;
}
.page-content--blog .accordion.is-open .accordion__head {
	background-color: var(--color-secondary);
}
.page-content--blog .accordion.is-open .accordion__q {
	background-color: var(--color-primary);
	color: #fff;
}
.page-content--blog .accordion.is-open .accordion__title {
	color: inherit;
}
}