@charset "UTF-8";
/* ==================================================
mixin
================================================== */
/* ==================================================
base
================================================== */
/*サイト全体の背景色を変更する場合*/
/*body { background: #fff; }*/
/*コンテンツ部の背景に画像を敷く場合*/
/*.wrapper { background: url(../img/xxx.png) repeat-x; }*/
/*コンテンツ部の上部をヘッダーに付ける場合*/
/*#contents { padding-top: 0; }*/
/*1カラムだけの場合*/
/*
#main { width: 100%; }
aside#side { display: none; }
*/
#contents {
  max-width: 1060px; }

#contents ul li {
  padding-left: 0; }

#contents ul li::before {
  display: none; }

/* ==================================================
オリジナルの追加
================================================== */
#vignette #heroHeader h1 span {
  font-size: 1rem;
  font-weight: normal;
  display: block; }
#vignette .contentWrap .box {
  margin: 1rem 5%;
  font-size: 0.8rem; }
  #vignette .contentWrap .box .item {
    display: flex;
    margin-bottom: 1rem;
    border-bottom: 1px solid #ddd; }
    #vignette .contentWrap .box .item:last-child {
      border: none; }
    #vignette .contentWrap .box .item h4 {
      font-weight: bold; }
    #vignette .contentWrap .box .item figure {
      max-width: 33%; }
      @media screen and (min-width: 768px) {
        #vignette .contentWrap .box .item figure {
          max-width: 23%; } }
    #vignette .contentWrap .box .item ul {
      margin-left: 5%; }
      #vignette .contentWrap .box .item ul li span {
        font-weight: bold;
        color: #f16b6b; }
      @media screen and (min-width: 768px) {
        #vignette .contentWrap .box .item ul .more {
          text-align: left; } }

/*# sourceMappingURL=styles.css.map */