@charset "UTF-8";
/* CSS Document */

/* すべてのHTML要素のボックスモデルとボーダーの初期設定をリセット */
/* ============================================ */
*{
  box-sizing: border-box;
  border-style: solid;
  border-width: 0;
}

/* Document */
/* ============================================ */

/**
 * 1. 行間の修正
 * 2. iOSのフォントサイズ調整を防ぐ
 * 3. iOSのリンクに表示されるグレーのオーバーレイを削除
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -webkit-tap-highlight-color: transparent; /* 3*/
}

/* Sections */
/* ============================================ */

/**
 * すべてのブラウザでの余白の削除
 */

body {
    text-align: center;
    margin: 0;
}

/**
 * Internet Explorerでのmain要素の一貫した表示
 */

main {
    display: block;
}

/* 要素間のスペースと位置関係*/
/* ============================================ */

p,
pre,
iframe,
form,
figure,
dl {
  margin: 0;
}

/* すべての見出し要素のデフォルトスタイルをリセット */
/* ============================================ */

h2,
h3,
h4{
  font-weight: inherit;
  margin: 0;
}

/* リストのデフォルトスタイルをリセット */
/* ============================================ */

ul{
  margin: 0;
  padding: 0;
  list-style: none;
}

/* a要素のスタイル設定 */
/* ============================================ */

a {
  text-decoration: none; /* 初期状態では下線なし */
  color: inherit;
  border-bottom: 1px solid transparent; /* 下線の色を透明に設定 */
  transition: border-bottom 0.5s ease; /* 下線の変化を0.5秒かけて滑らかに行う */
}

a:hover {
  border-bottom: 1px solid rgb(73, 73, 73); /* ホバー時に下線を表示 */
}


/* imgのスタイル設定 */
/* ============================================ */

/**
 * 行の下端に揃える
 */

img {
  vertical-align: bottom;
}

/**
 * Internet Explorer 10以降でデフォルトの垂直スクロールバーを削除するためのスタイル
 */

textarea {
  overflow: auto;
}