@charset "utf-8";

/*=====================================
  various
=====================================*/


/*=====================================
  frame
=====================================*/


/*=====================================
  header, footer
=====================================*/


/*=====================================
  contents
=====================================*/


/*=====================================
  research - top
=====================================*/
#project-list {
  margin: 0 auto;
}
#project-list ul {
  display: -webkit-flex;
  display:         flex;
  margin: 0 -2.1666667%;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
}
#project-list .cell {
  width: 50%;
  text-align: center;
}
#project-list .inner {
  margin: 0 4.1533546%;
  margin-bottom: 8.3067193%;
}
#project-list .btn {
  display: block;
}
#project-list .blank {
  display: block;
  width: 100%;
  padding-top: 117.073171%;
}

@media only screen and (min-width: 768px) {
  #project-list .cell {
    width: 33%;
    text-align: center;
  }
}

@media only screen and (min-width: 981px) {
  #project-list ul {
    display: -webkit-flex;
    display:         flex;
    margin: 0 -10px;
    -webkit-justify-content: flex-start;
            justify-content: flex-start;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  #project-list .cell {
    width: 250px;
    text-align: center;
  }
  #project-list .inner {
    margin: 0 5px;
    margin-bottom: 10px;
  }
}


/*=====================================
  creators - profile
=====================================*/
.archive .section {
  margin-bottom: 10%;
}
.archive .section:last-child { margin-bottom: 0; }
.archive .subtitle {
  font-size: 2.4rem;
  margin-bottom: 0.5em;
  line-height: 1.16;
}
.archive .description {
  text-align: justify;
  text-justify: inter-ideograph;
}

.gallery {
  margin-top: 13%;
}
.gallery .data-list {
  display: -webkit-flex;
  display:         flex;
  margin-bottom: 2em;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
}
.gallery .data-list .data {
  width: 100%;
}
.gallery .data-list .data .inner {
  margin-bottom: 6.66666667%;
}
.gallery .data-list .data.half {
  width: 48.33333333%;
}

@media only screen and (min-width: 981px) {
  .gallery {
    margin-top: 60px;
  }
  .gallery .data-list .data .inner {
    margin-bottom: 40px;
  }
}