@charset "UTF-8";
/* Gulp compiles file */

.l-section.archive .l-lead{
  margin-bottom:5rem;
}
.l-section.archive .listBox{
  display:block;
  margin-top:5rem;
}
.l-section.archive .listBox .itemWrap{
  position:relative;
  width:calc(50% - 3rem);
}
.l-section.archive .listBox .item{
  position:relative;
  width:100%;
  min-height:10rem;
  padding:0;
  padding-left:12rem;
  margin:0;
  margin-bottom:6rem;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  -webkit-transition:opacity 0.3s;
  transition:opacity 0.3s;
}
.l-section.archive .listBox .item[data-modal-trigger]:hover{
  cursor:pointer;
  opacity:0.5;
}
.l-section.archive .listBox .item[data-modal-trigger]:hover .thumb::before{
  opacity:1;
  background-color:red;
}
.l-section.archive .listBox .item[data-modal-trigger]:hover .thumb::after{
  opacity:1;
}
.l-section.archive .listBox .item.blank .thumb{
  background-color:rgba(var(--bc_white_RGB), 1);
}
.l-section.archive .listBox .item.blank .thumb img{
  opacity:0.3;
}
.l-section.archive .listBox .item .title{
  width:auto;
  font-weight:500;
  font-size:1.4rem;
  letter-spacing:0.12em;
  line-height:1.8;
}
.l-section.archive .listBox .item .title .small{
  display:inline-block;
  font-size:0.8em;
  line-height:1.4;
}
.l-section.archive .listBox .item .thumb{
  position:absolute;
  top:0;
  left:0;
  width:10rem;
  height:10rem;
  background-color:var(--bc_black);
}
.l-section.archive .listBox .item .caption{
  font-family:var(--ff_go);
  font-style:normal;
  font-weight:400;
  font-size:1.1rem;
  line-height:1.8;
  letter-spacing:0.12em;
  text-align:justify;
  text-justify:inter-ideograph;
}
.l-section.archive .listBox .item .credit{
  font-family:var(--ff_go);
  font-style:normal;
  font-weight:500;
  font-size:1.1rem;
  line-height:1.8;
  letter-spacing:0.12em;
  text-align:justify;
  text-justify:inter-ideograph;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  margin-top:0.1rem;
}
.l-section.archive .listBox .item .credit li{
  position:relative;
  padding-left:2rem;
  line-height:1.4;
}
.l-section.archive .listBox .item .credit li + li{
  margin-top:0.4rem;
}
.l-section.archive .listBox .item .credit li:before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  display:block;
  width:2rem;
  height:1.4rem;
  background-position:left center;
  background-repeat:no-repeat;
  background-size:1.3rem auto;
  opacity:0.7;
}
.l-section.archive .listBox .item .credit li.year:before{
  background-image:url(/assets/img/common/caption_ico_year.svg);
}
.l-section.archive .listBox .item .credit li.client:before{
  background-image:url(/assets/img/common/caption_ico_client.svg);
}
.l-section.archive .listBox .item .credit li.media:before{
  background-image:url(/assets/img/common/caption_ico_media.svg);
}
.l-section.archive .listBox .item .credit li.prd:before{
  background-image:url(/assets/img/common/caption_ico_prd.svg);
}
.l-section.archive .listBox .item .credit li.dir:before{
  background-image:url(/assets/img/common/caption_ico_dir.svg);
}
.l-section.archive .listBox .item .credit li.part:before{
  background-image:url(/assets/img/common/caption_ico_sirusi.svg);
}
.l-section.archive .listBox.topics{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
}
.l-section.archive .listBox.list{
  padding-top:3rem;
}
.l-section.archive .listBox.list .item{
  position:relative;
  width:100%;
  min-height:0;
  padding:1.5rem 3rem;
  margin-bottom:0;
}
.l-section.archive .listBox.list .item:nth-child(odd){
  background-color:rgba(var(--bc_white_RGB), 0.2);
}
.l-section.archive .listBox.list .detail{
  display:block;
}
.l-section.archive .listBox.list .title{
  position:static;
  padding:0;
  font-size:1.3rem;
}
.l-section.archive .listBox.list .thumb{
  display:none;
}
.l-section.archive .listBox.list .txt_box{
  padding-left:0;
  padding-top:0;
}
.l-section.archive .listBox.list .credit{
  display:block;
}
.l-section.archive .listBox.list .credit li{
  display:inline-block;
  margin-right:1rem;
}
.l-section.archive .accordion{
  position:relative;
}
.l-section.archive .accordion.open{
  padding-bottom:6rem;
  border-bottom:1px solid rgba(var(--bc_black_RGB), 0.1);
}
.l-section.archive .accordion .trigger{
  text-align:center;
  font-weight:500;
  font-size:1.3rem;
  letter-spacing:0.12em;
  line-height:3;
}
.l-section.archive .accordion .trigger span{
  display:inline-block;
  padding:0 0.3rem;
  border:1px solid rgba(var(--bc_black_RGB), 0.1);
  border-top:none;
  border-radius:0 0 5px 5px;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  cursor:pointer;
  background-color:rgba(var(--bc_white_RGB), 0.1);
  -webkit-transition:background 0.3s;
  transition:background 0.3s;
}
.l-section.archive .accordion .trigger span:hover{
  background-color:rgba(var(--bc_white_RGB), 0.7);
}
.l-section.archive .accordion .trigger.open{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
}
.l-section.archive .accordion .trigger.open span{
  position:relative;
  border-radius:5px 5px 0 0;
  border-top:1px solid rgba(var(--bc_black_RGB), 0.1);
  border-bottom:none;
  color:transparent;
}
.l-section.archive .accordion .trigger.open span:before{
  content:"Close";
  position:absolute;
  left:0;
  right:0;
  font-weight:500;
  font-size:1.3rem;
  letter-spacing:0.12em;
  line-height:3;
  color:var(--bc_black);
  text-align:center;
}
.l-section.archive .accordion .drawer{
  display:none;
}
.l-section.archive .accordion .drawer .listBox{
  display:block;
  width:100%;
  border-bottom:none;
  padding:5rem 0;
}
.l-section.archive .accordion .drawer .item{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  width:100%;
  min-height:0;
  padding:0.5rem 3rem;
  margin-right:0;
  margin-bottom:0;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
}
.l-section.archive .accordion .drawer .item:nth-child(odd){
  background-color:rgba(var(--bc_white_RGB), 0.2);
}
.l-section.archive .accordion .drawer .title{
  font-weight:500;
  font-size:1.1rem;
  line-height:1.8;
  letter-spacing:0.12em;
  text-align:justify;
  text-justify:inter-ideograph;
  width:calc(100% - 10rem);
  margin-bottom:0;
}
.l-section.archive .accordion .drawer .detail{
  width:10rem;
}
.l-section.archive .accordion .drawer .thumb{
  display:none;
}
.l-section.archive .accordion .drawer .credit{
  display:block;
  text-align:right;
}
.l-section.archive .accordion .drawer .credit li{
  display:none;
}
.l-section.archive .accordion .drawer .credit .year{
  display:inline-block;
}
@media (width <= 460px){
  .l-section.archive .l-lead{
    margin-bottom:2.5rem;
  }
  .l-section.archive .listBox{
    margin-top:2.5rem;
  }
  .l-section.archive .listBox .itemWrap{
    width:100%;
  }
  .l-section.archive .listBox .item{
    margin-bottom:4rem;
  }
  .l-section.archive .listBox .item .title{
    font-size:1.2rem;
    line-height:1.8;
  }
  .l-section.archive .listBox .item .title .small{
    display:none;
  }
  .l-section.archive .listBox .item .caption{
    display:none;
  }
  .l-section.archive .listBox .item .credit{
    font-size:1rem;
    left:45%;
    top:0.5rem;
  }
  .l-section.archive .listBox .item .credit li{
    line-height:1.6;
  }
  .l-section.archive .listBox.list{
    display:block;
    padding-bottom:3rem;
  }
  .l-section.archive .listBox.list .item{
    width:100%;
    padding:1rem 1.5rem;
  }
  .l-section.archive .listBox.list .title{
    font-size:1.2rem;
  }
  .l-section.archive .listBox.list .credit li{
    display:block;
    margin:0;
  }
  .l-section.archive .listBox.list .credit li.year, .l-section.archive .listBox.list .credit li.media{
    display:inline-block;
  }
  .l-section.archive .accordion .drawer .item{
    display:block;
    padding:1rem 1.5rem;
  }
  .l-section.archive .accordion .drawer .title{
    display:inline-block;
    line-height:1.6;
    width:auto;
  }
  .l-section.archive .accordion .drawer .detail{
    display:inline-block;
    width:auto;
  }
}
@media (width > 460px){
  .l-section.archive .listBox .item .title .small{
    margin-top:0.5rem;
  }
  .l-section.archive .listBox.topics .itemWrap:nth-child(odd){
    margin-right:6rem;
  }
  .l-section.archive .accordion .drawer .item:nth-child(odd){
    margin-right:0;
  }
}/*# sourceMappingURL=archive.css.map */