@charset "utf-8";
/* Modern Reset CSS
*/

/* 1. ボックスサイズの計算をpaddingを含める形にする（最重要） */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* 2. HTML5の主要タグや見出しの余白・装飾をリセット */
html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
dl,
li,
dt,
dd,
p,
div,
span,
img,
a,
table,
tr,
th,
td,
figure,
figcaption,
header,
footer,
nav,
section,
article,
aside {
  margin: 0;
  padding: 0;
  border: 0;
  /* font-weight: normal; */
  font-size: 100%;
  /* vertical-align: baseline; */
}

/* 3. ベースの表示設定 */
body {
  line-height: 1.5; /* 読みやすい行間 */
  color: #333; /* 基本の文字色 */
  -webkit-text-size-adjust: 100%; /* iOSでの文字サイズ自動調整を防ぐ */
}

/* 4. リストの・を消す */
ol,
ul {
  list-style: none;
}

/* 5. 画像をレスポンシブ対応＆下の隙間消し */
img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

/* 6. リンクの下線を消す＆色は親を継承 */
a {
  text-decoration: none;
  color: inherit;
}

/* 7. テーブルの隙間をなくす */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* 8. フォーム部品のフォントを継承させる */
input,
button,
textarea,
select {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  vertical-align: middle;
}

/* 9. HTML5タグをブロック要素にする（念のため） */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

button {
  margin: 0;
  padding: 0;
  border: none;
  box-shadow: none;
  background: transparent;
  cursor: pointer;
  font: inherit;
}