@charset "UTF-8"; /* CSS Document */
:root {
  --color-white: #fff;
  --color-off-white: #FDFDFC;
  --color-pale-beige: #F5F5EE;
  --color-light-beige: #F8F8F3;
  --color-green: #349F87;
  --color-beige: #E6E6D3;
  --color-text-gray: #7B8F85;
  --color-light-gray: #C4C2BE;
  --color-deep-green: #002A1D;
  --color-orange: #EFA661;
  --border-dashed: 1px dashed #C4C2BE;
  --font-gothic: "Zen Kaku Gothic New", 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック体', YuGothic, 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  --font-mincho: "游明朝", YuMincho, "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  --font-roboto: "Roboto Condensed", sans-serif;
}

















































[data-animation] {
  transition-duration: 1s;
  transition-delay: .2s;
  transition-property: opacity;
  opacity: 0;
}
[data-animation="after"] {
  opacity: 1;
}































































































































































































































































































































































































































.u-clamp {
  max-height: 3.6em;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
}































































































































































































































































.u-cat {
  font-size: 12px;
/*  border: 1px solid var(--color-orange);*/
  border: 1px solid #b54200;
  border-radius: 5px;
/*  background-color: var(--color-white);*/
  background-color: #FFF5EC;
  font-weight: 500;
  padding: 3px 10px;
  transition-duration: .3s;
  transition-property: color, background-color;
  min-width: 100px;
  text-align: center;
  box-sizing: border-box;
  line-height: 17px;
/*  color: var(--color-orange);*/
  color: #b54200;
  display: block;
}
.u-update {
  font-family: var(--font-roboto);
  color: rgba(181, 66, 0, 0.50);
  min-width: 103px;
  white-space: nowrap;
  line-height: 26px;
}
.u-update > time {
  display: block;
}

















































































































































































































































































































































































































































































































































@media screen and (max-width:750px) {

.u-update {
  min-width: 0;
}

}