@charset 'UTF-8';

.mod-3-grid {
  width: 1000px;
  margin: 0 auto;
  *zoom: 1;
}

.mod-3-grid:after {
  display: block;
  clear: both;
  content: '';
}

.mod-3-grid .slot {
  float: left;
  width: 480px;
  margin-right:40px;
  margin-top:40px
}

.mod-3-grid .slot2 {
  float: left;
  width: 480px;
  margin-top:40px
  
}

.mod-3-grid .slot:nth-child(3n+1) {
  clear: both;
  margin-left: 0;
}

.mod-article .article-header {
  margin: 0 0 70px;
  text-align: center;
}

.mod-article .article-header .article-heading {
  font-size: 36px;
  font-size: 3.6rem;
  font-weight: normal;
  letter-spacing: 2px;
}

.mod-article .article-header .article-heading-subtitle {
  font-size: 18px;
  font-size: 1.8rem;
  letter-spacing: 2px;
}

.mod-works-item {
  font-size: 14px;
  font-size: 1.4rem;
}

.mod-works-item a {
  display: block;
  opacity: 1;
}

.mod-works-item a:hover {
  -webkit-animation: hover-effect .4s linear 0s 1 normal forwards;
  animation: hover-effect .4s linear 0s 1 normal forwards;
}

.mod-works-item .works-item-caption {
  margin: 10px 0 0;
}

.mod-works-item .works-item-caption .subtitle {
  font-size: 12px;
  font-size: 1.2rem;
  display: block;
 
  color:#A6A8AB
}

.mod-building-detail {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 2.2;
  width: 1000px;
  margin: 0 auto;
  padding: 90px 0;
  *zoom: 1;
}

.mod-building-detail:after {
  display: block;
  clear: both;
  content: '';
}

.mod-building-detail .ja {
  float: left;
  width: 450px;
  padding: 0 50px 0 0;
}

.mod-building-detail .ja.full {
  width: 1000px;
}

.mod-building-detail .en {
  float: right;
  width: 450px;
  padding: 0 0 0 50px;
}

.mod-building-detail .comment {
  margin: 0 0 1.5em;
}

.mod-building-detail .comment p {
  margin: 0 0 1.5em;
}

.mod-building-detail .comment:after {
  display: block;
  content: '-';
}

.mod-building-detail .award {
  margin: 0 0 1.5em;
}

.mod-building-detail .award ul {
  margin: 0 0 1.5em;
}

.mod-building-detail .award:after {
  display: block;
  content: '-';
}

.mod-building-detail .spec {
  margin: 0 0 1.5em;
}

.mod-building-detail .spec table {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 2;
  margin: 0 0 1.5em;
  table-layout: fixed;
  border-spacing: 0;
  border-collapse: collapse;
}

.mod-building-detail .spec table th {
  font-weight: normal;
  width: 11em;
  text-align: left;
  vertical-align: top;
}

.mod-building-detail .spec table td {
  text-align: left;
  vertical-align: top;
}

.mod-building-detail .spec:after {
  display: block;
  content: '-';
}

.mod-building-detail .credit {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 2;
}

.mod-building-detail-02 {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 2.2;
  width: 1000px;
  margin: 0 auto;
  padding: 95px 0;
  *zoom: 1;
}

.mod-building-detail-02:after {
  display: block;
  clear: both;
  content: '';
}

.mod-building-detail-02 .ja {
  float: left;
  width: 450px;
  padding: 0 50px 0 0;
}

.mod-building-detail-02 .ja.full {
  width: 1000px;
}

.mod-building-detail-02 .en {
  float: right;
  width: 450px;
  padding: 0 0 0 50px;
}

.mod-building-detail-02 .award {
  margin: 0 0 1.5em;
}

.mod-building-detail-02 .award ul {
  margin: 0 0 1.5em;
}

.mod-building-detail-02 .award ul li {
  padding: 0 0 0 20px;
}

.mod-building-detail-02 .award ul li:before {
  font-size: 14px;
  display: inline-block;
  width: 20px;
  margin: 0 0 0 -20px;
  content: 'â—‰';
}

.mod-building-detail-02 .award:after {
  display: block;
  content: '-';
}

.mod-building-detail-02 .spec {
  margin: 0 0 1.5em;
}

.mod-building-detail-02 .spec table {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 2;
  margin: 0 0 1.5em;
  table-layout: fixed;
  border-spacing: 0;
  border-collapse: collapse;
}

.mod-building-detail-02 .spec table th {
  font-weight: normal;
  width: 11em;
  text-align: left;
  vertical-align: top;
}

.mod-building-detail-02 .spec table td {
  padding: 0 0 0 25px;
  text-align: left;
  vertical-align: top;
}

.mod-building-detail-02 .spec:after {
  display: block;
  content: '-';
}

.mod-building-detail-02 .credit table {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 2;
  margin: 0 0 1.5em;
  table-layout: fixed;
  border-spacing: 0;
  border-collapse: collapse;
}

.mod-building-detail-02 .credit table th {
  font-weight: normal;
  width: 11em;
  text-align: left;
  vertical-align: top;
}

.mod-building-detail-02 .credit table td {
  padding: 0 0 0 25px;
  text-align: left;
  vertical-align: top;
}

.mod-mv {
  margin: 95px 0 0;
}

.mod-mv img {
  width: 100%;
  height: auto;
}

.mod-works-gallery .works-gallery-images .image {
  margin: 0 0 20px;
}

.mod-works-gallery .works-gallery-images .image.solid {
  text-align: center;
}

.mod-works-gallery .works-gallery-images .image.solid img {
  width: auto;
  max-width: 100%;
}

.mod-works-gallery .works-gallery-images .image img {
  width: 100%;
  height: auto;
}

.mod-heading3 {
  margin: 0 0 45px;
  text-align: center;
}

.mod-heading3 .heading {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: normal;
  letter-spacing: 1px;
}

.mod-heading3 .heading-subtitle {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: normal;
  letter-spacing: 1px;
}

.area-publication .works-item-caption a {
  display: inline;
}

@media (max-width: 767px) {

  .mod-3-grid {
    width: auto;
  }

  .mod-3-grid .slot {
    float: none;
    width: 300px;
    margin: 0 auto 40px;
  }

  .mod-3-grid .slot:nth-child(3n+1) {
    margin: 0 auto 40px;
  }

  .mod-building-detail {
    width: auto;
  }

  .mod-building-detail .ja.full {
    width: auto;
  }

  .mod-building-detail .ja {
    float: none;
    width: auto;
    margin: 0 0 40px;
    padding: 0 30px;
  }

  .mod-building-detail .en {
    float: none;
    width: auto;
    margin: 0 0 40px;
    padding: 0 30px;
  }

  .mod-building-detail-02 {
    width: auto;
  }

  .mod-building-detail-02 .ja.full {
    width: auto;
  }

  .mod-building-detail-02 .ja {
    float: none;
    width: auto;
    margin: 0 0 40px;
    padding: 0 30px;
  }

  .mod-building-detail-02 .en {
    float: none;
    width: auto;
    margin: 0 0 40px;
    padding: 0 30px;
  }

  .mod-building-detail-02 .spec table {
    font-size: 12px;
    font-size: 1.2rem;
  }

  .mod-building-detail-02 .credit table {
    font-size: 12px;
    font-size: 1.2rem;
  }
}