@charset "utf-8";

.membersNav {
 display: flex;
 margin: 0 auto;
 padding: 30px 0;
 justify-content: space-between;
}
.membersNav li {
 width: 20%;
}
.membersNav li a {
 display: block;
 border-bottom: 5px solid rgba(241, 203, 212, 1);
 text-align: center;
 margin: 0 5px;
}
.membersNav li a:hover {
 border-bottom: 5px solid rgba(228, 152, 169, 1);
 text-decoration: none;
}


#members {
}
#members #membersArea {
 margin: 0 1em;
}
#members #membersArea .document{
 border-bottom: 1px dashed #ccc;
 margin-bottom: 2em;
 padding-bottom: 1.5em
}
#members #membersArea .document h2{
 border-left: 10px solid #aacec4;
 margin-bottom: 1em;
 padding-left: 10px;
}
/*カタログ*/
#members #membersArea .cataList{
 margin: 2em 0;
}
#members #membersArea .cataList .span_8{
 background: rgba(0,0,0,.02);
 border: 1px solid #dedede;
 margin-bottom: 1em;
 padding: 1em;
}
#members #membersArea .cataList .span_8:nth-child(3n+1){
 margin-left: 0;
}
#members #membersArea .cataList .span_8:hover{
 background: rgba(209,82,98,.1);
 border: 1px solid #ccc;
}
#members #membersArea .cataList .span_8 a{
 color: #333;
 text-decoration: none;
}
#members #membersArea .cataList .span_8 a:hover{
 opacity: 1;
}
#members #membersArea .cataList .span_8 img{
}
#members #membersArea .cataList .span_8 span{
 display: block;
 font-size: 13px;
 margin-top: .5em;
 letter-spacing: .1em;
 text-align: center;
}
#members #membersArea .cataList .span_8 span span.new{
 background: #d15262;
 -moz-border-radius: 5px 0 5px 0;
 -webkit-border-radius: 5px 0 5px 0;
 border-radius: 5px 0 5px 0;
 color: #fff;
 display: inline-block;
 font-size: 11px;
 letter-spacing: .1em;
 padding: 0 .3em;
 margin-right: .5em;
 text-align: center;
}


/***********************************************************/
/***********************************************************/
@media print, screen and (max-width: 767px) { 
}
/***********************************************************/
/***********************************************************/
@media print, screen and (min-width: 768px) {
/* tablet PC */
#members{
}
#members #membersArea {
 margin: 0 1.5em;
}
}
/***********************************************************/
/***********************************************************/
@media screen and (min-width : 1024px) {
/* PC */
}