/* ===== WORKS  ===== */
#WORKS{
    /*background-color: rgba( 255, 255, 255, 0.8 );*/
}
#WORKS div.pad{
    padding-left: 5%;
    padding-right:5%;
}

/* ===== ABOUT  ===== */
#ABOUT div.pad{
  overflow: hidden;
}
#ABOUT div.narrow{
  float: right;
}

/* ===== MEMBER  ===== */
#MEMBER-list{
    padding: 0 0px;
}

#MEMBER-list{
    margin:0;
}
#MEMBER-list > li{
    margin:0;
    width:20%;
    position: relative;
    padding:0 0 50px 0;
}
#MEMBER-list > li:hover div.thumbnail{

}
#MEMBER-list > li a{
  display: block;
  padding-bottom: 20px;
  padding:0 1px 20px 0;
}
#MEMBER-list > li.active:after{
  content: '';
  border:14px solid transparent;
  border-bottom:14px solid #ffff00;
  position: absolute;
  bottom:-1px;
  left: 50%;
  margin:0 0 0 -7px;
}
#MEMBER-list > li.active:before{
  content: '';
  border:14px solid transparent;
  border-bottom:14px solid #ccc;
  position: absolute;
  bottom:0px;
  left: 50%;
  margin:0 0 0 -7px;
}
#MEMBER-list > li div.thumbnail:hover{
  transform: scale( 1.0 );
}
#MEMBER-list div.thumbnail img{
  display: block;
}
#MEMBER-list div.member-detail{
  padding:20px 0 20px 0;
  line-height: 130%; );
}
#MEMBER-list div.member-detail div.namae{
  font-weight: bold;
  margin-bottom:10px;
}
#MEMBER-list div.member-detail div.namae span{
  display: block;
  font-size:0.8rem;
  font-weight: normal;
}
#MEMBER-list div.member-detail div.profile{
  font-size:0.8rem;
  padding-right:20px;
}
#MEMBER-list div.member-detail div.myproject{
  font-size:0.8rem;
  text-align: center;
  position: absolute;
  bottom:30px;
  left:0;
  width:100%;
  box-sizing: border-box;
  padding: 0 10px;
}
#MEMBER-list > li.active div.member-detail div.myproject span.button{
  background-color: rgba( 255,255, 0, 1 )
}
#MEMBER-list div.member-detail div.myproject span.button{
  font-size:0.8rem;
  text-align: center;
}

    /* ===== li.exPand  ===== */
    #MEMBER-list > li.exPand{
      width:100%;
      position: relative;
      margin: 0px 0 50px 0;
      cursor: default;
      display: block;
    }
    #MEMBER-list > li.exPand .work-list > li a
    {
      color:#fff;
      color:#000;
    }
    #MEMBER-list > li.exPand div.inner{
      height:100%;
      overflow:hidden;
      width:100%;
      font-size:0.9rem;
    }
    #MEMBER-list > li.exPand div.wrapper{
      padding: 50px 0% 20px 0;
      max-width: 98%;
    }
    #my-work{
      background: #ffff00;
      position: absolute;
      left:0;
      width:100%;
      z-index: -1;
      display: none;
      border-top:1px solid #ccc;
      border-bottom:1px solid #ccc;
    }

  /* ==================== タブレット ==================== */
  @media screen and (max-width: 768px){
      #MEMBER-list{
          padding: 0;
      }
      ul.cols_6 > li,
      ul.cols_7 > li,
      ul.cols_8 > li{
          width:33.33%;
      }
      #MEMBER-list > li{
          width:33.33%;
      }
  }

  /* ==================== スマホサイズ ==================== */
  @media screen and (max-width:479px) {
    /* MEMBER */
    #MEMBER-list{
        padding: 0;
    }
    #MEMBER-list > li{
        width:50%;
    }
    ul.cols_6 > li,
    ul.cols_7 > li,
    ul.cols_8 > li{
        width:50%;
    }
    #MEMBER-list div.member-detail div.profile{
      padding-right: 10px;
      font-size: 0.8rem;
      line-height: 140%;
    }
  }

/* ===== ONENGA  ===== */

#ONENGA{}
#ONENGA a{
  color:#333;
}
#ONENGA p{
  text-align: center;
  font-size:1.5rem;
  color: #999;
}
#ONENGA div.year{
  padding:15px 0 20px 0;
  font-weight: bold;
  background-color: rgba( 244, 244, 240, 0.6 );
}
#ONENGA div.thumbnail{
  margin:0 0 0;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
}
[data-my_id="p_647"] div.thumbnail{

}
[data-my_id="p_647"] div.thumbnail img{
  top:90%;
}

/* ===== CONTACT  ===== */

#CONTACT{
}
#CONTACT .form-policy {
  font-size: 90%;
  background-color: rgba(255, 255, 255, 0.8);
  padding: 1.5% 3%;
  border-radius: 8px;
  line-height:1.6;
}
#CONTACT .form-policy li{
  margin: 0.3rem 0;
}
#CONTACT .agreement{
  padding: 30px 0 0 0;
}
#CONTACT span.wpcf7-list-item{
  margin-left:0;
}

/* ===== CONTACT  ===== */

.page-policy p{
  margin-bottom: 0;
}
.page-policy p.hasmarginbottom{
  margin-bottom: 1em;
}
.page-policy ul,
.page-policy ol{
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 20px;
}

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


}