@charset "utf-8";
/* 共通スタイル用*/
/* 記事 */
.wrapper{
  background-color: #ffffee;
  width: auto;
  align-content: center;
  display: flex;
  flex-direction: column;
  margin: 0;
}
.caution{
  color: #f26d51;
}

/* 記事タイトル */
h1{
  font-size:1.4em;
  font-weight: bold;
  padding: 1em 0 0.5em 1em;
  margin-bottom: 0.3em;
  border-bottom: #e1e196 solid 8px;
}
h2{
  background-color: #e1e196;
  color: #472720;
  padding: 0.5em 0 0.5em 1em;
}
h3{
  font-weight: bold;
  padding:0.4em 0 0.2em 0.6em;
}

/* 記事本文 */
.col{
  padding:0.5em 1em 1.5em 1.2em;
  vertical-align: top;
}
.col.list {
  line-height: 1.2;
}
.col.text{
  line-height: 1.4;
}
.caution{
  color: #f26d51;
}
.col.align-right{
  text-align: right;
}

/* ヘッダー */
.site-logo img{
  height: 20px;
  width: auto;
}

/* ヘッダー画像 */
.hero {
  overflow: hidden;
  position: relative;
}
.hero img {
  height: auto;
  width: 100%;
}

/* フッター */
footer .site-footer{
  padding: 20px;
}
footer .site-footer h1{
  border-bottom: none;
}

/* ボタン */
button {
  width: fit-content;
}