@charset "utf-8";
/*------------------------------------------------
webfonts
------------------------------------------------*/
/*----- Open Sans -----*/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap');

/* ------------------------------------------------
CSS Reset
------------------------------------------------ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font,
img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: bottom;
  background: transparent;
}
ol, ul {
  /*list-style: none;*/
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}
:focus {
  outline: 0;
}
input {
  font-family: "Noto Sans", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", Meiryo, 'メイリオ', "ＭＳ ゴシック", sans-serif;
}
ins {
  text-decoration: none;
}
del {
  text-decoration: line-through;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}
html, body {
  width: 100%;
}
body {
  color: #231815;
  font-size: 12px;
  font-family: sans-serif;
  line-height:1.6;
}
img {
  vertical-align: top;
}
a {
  color: #000;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
#article a:hover  {
  color: #666;
}
#article a:hover .en {
  color: #999;
}
.left {
  float: left;
}
.right {
  float: right;
}
.clear {
  clear: both;
}
.separator {
  background-repeat: no-repeat;
  background-position: 0 0;
}
.separator hr {
  display: none;
}
.afilter,
.afilter a {
  position:static;
}
.cf:before,
.cf:after,
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.cf:after,
.clearfix:after {
  clear: both;
}
.cf,
.clearfix {
  *zoom: 1;
}
.ha,
.list a,
a.gname {
  opacity:1;
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
.ha:hover,
.list a:hover,
a.gname:hover {
  opacity: 0.7;
}

/* jquery.slick */
.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slick-disabled {
  opacity:0.2;
  cursor: default;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* web font */
.font_vanitas,
.font_vanitasb {
  /*font-family: 'Vanitas-Bold',Verdana,Arial, Helvetica, sans-serif;*/
  font-family: 'Open Sans', sans-serif;
}