@charset "utf-8";

/* CSS Document */

/* list */
.works-list{
  display: flex;
  flex-wrap: wrap;
  max-width: 1300px;
  margin: 0 auto;
  }
  .works-item{
    display: block;
    width: calc((100% - 70px) / 3 );
    margin-bottom: 40px;
    }
    .works-item:not(:nth-of-type(3n+3)){margin-right: 35px;}
    .works-item_link{
      transition: .3s;
      display: block;
      }
      .works-item_link:hover{opacity: .7;}
      .works-item_thumbnail{margin-bottom: 10px;}
      .works-item_category{
        font-size: var(--fontsize-xsml);
        font-weight: bold;
        text-indent: -.5em;
        }
      .works-item_ttl{
        font-weight: bold;
        font-weight: bold;
        }
      .works-item_date{
        font-size: var(--fontsize-med);
        font-weight: bold;
        }

/* detail */
.works-main{
  max-width: 800px;
  margin: 0 auto;
  padding-top: 50px;
  }
  .works-head{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 50px;
    }
    .works-head_ttl{
      font-size: var(--fontsize-xxlrg);
      font-weight: bold;
      }
    .works-head_category{
      font-size: var(--fontsize-med);
      }
  .works-gallary{margin-bottom: 50px;}
    .works-gallary_main{margin-bottom: 10px;}
      .works-gallary_thumbnail{display: flex;}
        .works-gallary_thumbnail-item{width: calc((100% - 20px) / 3);}
          .works-gallary_thumbnail-item:not(:last-of-type){margin-right: 10px;}
          .works-gallary_thumbnail-link{transition: .3s;}
            .works-gallary_thumbnail-link:hover{opacity: .7;}
  .works-detail{margin-bottom: 50px;}
    .works-detail_category{
      margin-bottom: 10px;
      font-size: var(--fontsize-xsml);
      text-indent: -.5em;
      line-height: 1.2;
      }
    .works-detail_ttl{
      margin-bottom: 10px;
      font-weight: bold;
      line-height: 1.2;
      }
    .works-detail_date{
      margin-bottom: 10px;
      font-size: var(--fontsize-xsml);
      line-height: 1.2;
      }
    .works-detail_contents{font-size: var(--fontsize-med);}
      .works-detail_contents a{text-decoration: underline;}
        .works-detail_contents a:hover{text-decoration: none;}
.works-button{
  max-width: 300px;
  margin: 0 auto;
  }

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

/* list */
.works-item{width: calc((100% - 40px) / 3);}
  .works-item:not(:nth-of-type(3n+3)){margin-right: 20px;}
  .works-item_ttl{font-size: var(--fontsize-med);}
  .works-item_date{font-size: var(--fontsize-xsml);}

/* detail */
.works-main{padding-top: 30px;}
  .works-head{margin-bottom: 40px;}
  .works-head_ttl{font-size: var(--fontsize-xlrg);}
  .works-head_category{font-size: var(--fontsize-xsml);}
  .works-gallary{margin-bottom: 40px;}
  .works-detail{margin-bottom: 40px;}
  .works-detail_ttl{font-size: var(--fontsize-med);}

}/* max-width: 992px */

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

/* list */
.works-item{width: calc((100% - 20px) / 2);}
  .works-item:not(:nth-of-type(3n+3)){margin-right: 0;}
  .works-item:not(:nth-of-type(2n+2)){margin-right: 20px;}
  .works-item_category{font-size: var(--fontsize-xxsml);}
  .works-item_ttl{font-size: var(--fontsize-sml);}
  .works-item_date{font-size: var(--fontsize-xxsml);}

/* detail */
.works-main{padding-top: 0px;}
  .works-head_ttl{font-size: var(--fontsize-lrg);}
  .works-head_category{font-size: var(--fontsize-xxsml);}
  .works-detail_contents{font-size: var(--fontsize-xsml);}
  .works-button{max-width: 220px;}

}/* max-width: 576px */

@media screen and (max-width: 476px) {}/* max-width: 476px */