/*==================== ▼base ====================*/
/*フォントファミリーを指定*/
body, html {
  margin: 0;
  padding: 0;
  background-color: #fff;
  color: #333;
  line-height: 1.5;
  font-size: 16px;
}
/*ブロックレベル要素をリセット*/
div, h1, h2, h3, h4, h5, h6, p, ul, li, dl, dt, dd, table, th, td, form {
  font-family: vdl-logona, sans-serif;
  font-style: normal;
  font-weight: 400;
  -moz-font-feature-settings: "vdl-logona";
  -webkit-font-feature-settings: "vdl-logona";
  margin: 0;
  padding: 0;
  font-size: 16px;
  list-style-type: none;
  text-decoration: none;
  letter-spacing: 0.5px;
}
/*画像のリンクボーダーの非表示*/
img {
  border: 0;
}
/*リンク時画像お色を薄く*/
a:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha( opacity=80 )";
}
/*ブラウザのスクロールバー表示*/
html {
  overflow: scroll;
  overflow: -moz-scrollbars-vertical;
  overflow: scroll;
}
/*テーブルボーダー表示*/
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/*アンダーラインを削除指定*/
a {
  text-decoration: none;
  cursor: pointer;
  color: #333;
}
/*フロート解除*/
.clear {
  clear: both;
}
.clearfix::after {
  content: "";
  display: block;
  clear: both;
}