.articlelist {
  padding-bottom: 60px; }
  @media screen and (max-width: 750px) {
    .articlelist {
      padding-bottom: 8vw; } }
  .articlelist .tpl-ttl1 {
    padding-top: 0; }
  .articlelist .date {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: 30px; }
    @media screen and (max-width: 750px) {
      .articlelist .date {
        -webkit-align-items: center;
        align-items: center;
        margin-bottom: 5.3333333333vw; } }
  .articlelist .time {
    font-weight: bold; }
    @media screen and (max-width: 750px) {
      .articlelist .time {
        margin-bottom: 0; } }
  .articlelist .term {
    position: relative;
    width: 200px;
    height: 50px; }
    @media screen and (max-width: 750px) {
      .articlelist .term {
        width: 25.8666666667vw;
        height: 8vw; } }
  .articlelist .term-select {
    width: 200px;
    height: 50px; }
    @media screen and (max-width: 750px) {
      .articlelist .term-select {
        width: 25.8666666667vw;
        height: 8vw; } }
  .articlelist .label {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    background: #fff;
    border: 1px solid #ccc;
    font-size: 1.6rem; }
    @media screen and (max-width: 750px) {
      .articlelist .label {
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        font-size: 22px;
        font-size: 2.9333333333vw;
        padding-left: 4vw;
        font-weight: 500; } }
    .articlelist .label:before {
      position: absolute;
      top: 50%;
      right: 18px;
      display: block;
      content: '';
      transform: rotate(45deg);
      width: 9px;
      height: 2px;
      background: #ccc; }
      @media screen and (max-width: 750px) {
        .articlelist .label:before {
          right: 15px;
          width: 7px; } }
    .articlelist .label:after {
      position: absolute;
      top: 50%;
      right: 13px;
      display: block;
      content: '';
      transform: rotate(-45deg);
      width: 9px;
      height: 2px;
      background: #ccc; }
      @media screen and (max-width: 750px) {
        .articlelist .label:after {
          right: 10px;
          width: 7px; } }

.newslist {
  padding: 30px 0;
  background: #F8F8F8; }
  @media screen and (max-width: 750px) {
    .newslist {
      padding: 8vw 0;
      overflow: hidden; } }
  .newslist .inner {
    width: 823px;
    margin: auto; }
    @media screen and (max-width: 750px) {
      .newslist .inner {
        width: 100%;
        padding: 0 4vw; } }
  .newslist ul {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between; }
    .newslist ul li.dummy {
      display: none; }
      @media screen and (max-width: 750px) {
        .newslist ul li.dummy {
          display: block;
          visibility: hidden; } }
    @media screen and (max-width: 750px) {
      .newslist ul li {
        width: 20vw;
        margin-top: 4vw; }
        .newslist ul li:nth-child(4n+1) {
          margin-left: 0; }
        .newslist ul li:nth-child(-n+4) {
          margin-top: 0; } }
    .newslist ul li a {
      display: block; }
      .newslist ul li a .icon {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-items: center;
        align-items: center;
        width: 104px;
        height: 104px;
        border-radius: 10px;
        background: #E0E0E0;
        padding: 18px; }
        .newslist ul li a .icon img {
          width: 100%;
          height: auto; }
          .newslist ul li a .icon img.icon-fashion {
            width: 70%; }
        @media screen and (max-width: 750px) {
          .newslist ul li a .icon {
            width: 100%;
            height: 20vw;
            padding: 4vw; } }
      .newslist ul li a .name {
        padding-top: 10px;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
        text-align: center;
        line-height: 1.2;
        font-size: 1.4rem;
        color: #333; }
        .newslist ul li a .name:before, .newslist ul li a .name:after {
          display: none; }
        @media screen and (max-width: 750px) {
          .newslist ul li a .name {
            position: relative;
            margin-left: -1000px;
            margin-right: -1000px;
            font-size: 24px;
            font-size: 3.2vw;
            font-weight: 500;
            padding-top: 2vw; } }
    .newslist ul li.act a .icon {
      background: linear-gradient(#B5D43D, #63AE2A); }
    @media screen and (max-width: 750px) {
      .newslist ul li.act a .name {
        color: #2C893A; } }

.news-btn-floorguide {
  padding: 15px 0;
  text-align: right; }
  .news-btn-floorguide a {
    text-decoration: none;
    font-size: 1.5rem; }
    @media screen and (max-width: 750px) {
      .news-btn-floorguide a {
        font-size: 28px;
        font-size: 3.7333333333vw; } }

.news-list-ttl {
  padding: 60px 0 20px; }

.info {
  padding-bottom: 80px; }
  @media screen and (max-width: 750px) {
    .info {
      padding-bottom: 16vw; } }

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