@charset 'utf-8';

/* lists
------------------------------------------------ */
.staff-lists {}
.staff-selected { display: flex; margin-bottom: 34px; padding: 15px 24px; min-height: 64px; border: solid #EFEFEF 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.staff-selected-title { padding-top: 10px; width: 85px; font-size: 1.3rem; line-height: 1.2; }
.staff-selected-content { width: calc(100% - 85px); }
.staff-selected-tags { display: flex; flex-wrap: wrap; margin: -8px 0 0 -8px; }
.staff-selected-tags a { display: inline-block; margin: 8px 0 0 8px; padding: 8px; background: #eee; border-radius: 2px; vertical-align: top; font-size: 1.3rem; line-height: 1.2; }
.staff-selected-tags a:after { content: '×'; padding-left: 1em; }
.staff-selected-tags a:hover { text-decoration: none; }
.staff-result { position: relative; z-index: 4; }
.staff-result-sort { display: flex; align-items: center; justify-content: flex-end; }
.staff-result-sort--order { display: flex; align-items: center; }
.staff-result-sort--order dt { font-size: 1.3rem; line-height: 1.2; }
.staff-result-sort--order dd { position: relative; cursor: pointer; }
.staff-result-sort--selected { position: relative; font-size: 1.3rem; line-height: 1.2; }
.staff-result-sort--selected:after { content: ''; display: inline-block; margin: 5px 0 0 7px; width: 8px; height: 4px; background: url(../../img/icon/arrow_down4.png) no-repeat center center; vertical-align: top; }
.staff-result-sort__list { display: none; position: absolute; top: 20px; left: -40px; padding: 7px 0; width: 120px; background: #fff; border: solid #ddd 1px; }
.staff-result-sort__list li { padding: 4px 14px 6px; font-size: 1.3rem; line-height: 1.2; cursor: pointer; }
.staff-result-sort__list li:hover { background: #eee; }
.staff-result-sort--hidden { display: none; }
.staff-result-num { font-size: 1.2rem; }
.staff-result-top { margin-bottom: 30px; }
.staff-result-btm { display: flex; align-items: center; justify-content: space-between; margin-top: 60px; }
.staff-items {}
.staff-items .lists-staff-1--item { margin: 34px 8px 0 0; width: 188px; }
.staff-items .lists-staff-1--item:nth-of-type(-n+4) { margin-top: 0; }
.staff-items .lists-staff-1--item:nth-of-type(4n) { margin-right: 0; }
.staff-items .lists-staff-1--photo { padding-bottom: 100%; }

/* detail
------------------------------------------------ */
.staff-detail { display: flex; position: relative; }
.staff-detail-main { display: flex; width: 368px; }
.staff-detail-main--photo { position: relative; width: 124px; height: 124px; border-radius: 50%; overflow: hidden; }
.staff-detail-main__info { margin-left: 24px; padding-right: 10px; width: calc(100% - 158px); }
.staff-detail-main--name,
.staff-detail-main--height { font-size: 1.3rem; line-height: 1.2; }
.staff-detail-main--name { font-weight: bold; }
.staff-detail-main--height { margin-top: 10px; }
.staff-detail-main--brand,
.staff-detail-main--store { font-size: 1.3rem; line-height: 1.2; color: #999; }
.staff-detail-main--brand a,
.staff-detail-main--store a { color: #999; }
.staff-detail-main--brand { margin-top: 12px; }
.staff-detail-main--store { margin-top: 10px; }
.staff-detail-main--instagram { margin-top: 12px; font-size: 1.3rem; line-height: 1.2; }
.staff-detail-main--instagram > a { display: inline-block; position: relative; vertical-align: top; }
.staff-detail-main--instagram > a:before { content: ''; display: inline-block; margin: -1px 8px 0 0; width: 16px; height: 16px; background: url(../../img/icon/instagram1.png) no-repeat center center; background-size: 100%; vertical-align: top; }
.staff-detail-comment { padding-left: 48px; width: calc(100% - 368px); border-left: solid #ddd 1px; font-size: 1.3rem; line-height: 1.53846153846; }
.staff-coordinate { position: relative; margin-top: 66px; }
.staff-coordinate-title { margin-bottom: 26px; font-size: 1.6rem; font-weight: normal; line-height: 1.2; }
.staff-coordinate-items {}
.staff-coordinate-items .lists-coordinate-1--item { margin: 24px 24px 0 0; width: 238px; }
.staff-coordinate-items .lists-coordinate-1--item:nth-of-type(-n+4) { margin-top: 0; }
.staff-coordinate-items .lists-coordinate-1--item:nth-of-type(4n) { margin-right: 0; }
.staff-coordinate-items .lists-coordinate-1--photo { padding-bottom: 286px; }