﻿.staff-contents-container {
  width: 1024px;
  margin: 20px auto 30px;
}

.staff-contents-content {
  display: flex;
}

.staff-contents-mainframe {
  /* width: calc(100% - 220px); */
  margin: 0 auto;
}

.staff-contents-block-left-menu-frame {
  width: 200px;
  padding: 0 0 120px;
  margin: 0 20px 0 0;
}

.staff-contents-menubox {
  text-align: left;
  margin: 1em 0 2em;
}

.staff-contents-keyword {
  display: flex;
  margin-bottom: 20px;
  margin-left: 51px;
}

.staff-contents-block-left-menu-fix-button-frame {
  background-color: #fff;
  position: -ms-device-fixed;
  position: sticky;
  bottom: 55px;
}

.staff-contents-block-coordinate-top-area {
  display: flex;
  margin-bottom: 30px;
}

.staff-contents-content-title {
  color: #0f0f10;
  font-size: 28px;
  margin-top: 0;
  margin-bottom: 20px;
  font-weight: normal;
  line-height: 140%;
}
.staff-contents-content-title--center {
  color: #0f0f10;
  font-size: 28px;
  margin-top: 0;
  margin-bottom: 20px;
  font-weight: normal;
  line-height: 140%;
  text-align: center;
}
.staff-contents h1.staff-contents-content-title--center {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 20px;
}

.staff-contents-coordinate-detail-frame {
  display: flex;
}

.staff-contents-coordinate-detail-description-frame {
  width: 494px;
}

.staff-contents-block-staff-info {
  width: 800px;
  margin: 30px auto;
}

.staff-contents-block-sub-list {
  padding: 0 10px;
  margin-top: 30px;
  margin-bottom: 30px;
}

.staff-contents-shop-content-title-frame {
  width: 70%;
  margin: 0 auto;
}

.staff-contents-shop-brand-serect-area {
  margin-bottom: 40px;
}
.staff-contents-shop-detail-flame {
  width: 900px;
  margin: 0 auto 30px;
}

.staff-contents-block-article-info {
  width: 800px;
  margin: 30px auto;
}

.staff-contents-assessment-frame {
  padding: 10px 0;
}

.staff-contents-assessment-frame > div{
  margin-bottom: 20px;
}
.staff-contents-assessment-frame > div:last-of-type{
  margin-bottom: 0px !important;
}
.coordinate-detail-img-main{
  height: 660px;
}
.cri-liveact-native-video{
  width: 500px;
  height: 660px;
}
.coordinate-item--main-img figure {
  position: relative;
}

.coordinate-detail-img-item{
  position: relative;
}

.coordinate-detail-img-item .hasvideo:before {
  font-family: FontAwesome;
  content: "\f144";
  position: absolute;
  font-size: 30px;
  left: 35%;
  top: 35%;
  color: white;
}

/* スタッフレビュー一覧 */

.staff-review-item--assessment_cs span:nth-of-type(odd){
    width: calc((100% - 20px) / 2);
    float: left;
    margin-top:20px;
}
.staff-review-item--assessment_cs span:nth-of-type(even){
    width: calc((100% - 20px) / 2);
    float: right;
    margin-top:20px;
}

.staff-review-see-review-btn-block{
  width: 100%;
}
.staff-review-see-review-btn-block a{
  margin: 30px auto 10px auto;
}
.text-align_right{
  text-align: right;
}
.assessment-label{
  margin-bottom: 10px;
}
.staff-review-item--product--name{
  font-weight: bold;
}
.staff-contents-block-sub-list .card-list-frame{
  gap: 0 40px !important;
}
.staff-contents .staff-contents-container .coordinate-detail-staff-info-view--description p.coordinate-detail-staff-info-view--shop{
  font-size: 20px !important;
}
.staff-contents .staff-contents-container .coordinate-detail-staff-info-view--description {
  margin-left: 15px !important;
}
.coordinate-detail-staff-info-view--name{
  margin-bottom: 5px !important;
}

.coordinate-detail-staff-info-view--face_type,
.coordinate-detail-staff-info--face_type,
.coordinate-detail-staff-info--pupillary_distance,
.coordinate-detail-staff-info--qualification{
  font-size: 12px !important;
  margin-bottom: 5px !important;
}
.staff-contents h2{
  font-weight: bold;
}
.sort-selectbox:before{
    content: '';
    position: absolute;
    top: 19px;
    right: 15px;
    width: 10px;
    height: 1px;
    background: #3B4043;
    transform: rotate(55deg);
}
.staff-contents .staff-contents-block-left-menu-frame .staff-contents-menubox label input{
  margin: auto 10px auto 5px !important;
}
.staff-review-item--assessment_cs{
    float: inline-start;
    width: 100%;
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    padding: 0px 20px 20px 20px;
}
.coordinate-detail-staff-info--shop{
  font-size: 20px !important;
  margin-bottom: 10px;
}
.coordinate-detail-staff-info--instagram{
  height:25px;
}
.coordinate-detail-staff-info--instagram-link{
  height: 25px;
  line-height: normal;
  text-decoration: underline;
}
.coordinate-detail-staff-info--instagram .coordinate-detail-staff-info--instagram-icon{
  width:25px;
  float: left;
  margin-right: 5px;
}
.coordinate-detail-img-item img{
    width: 92px !important;
    height: 122px !important;
    object-fit:cover !important;
}
.staff-review-item--product_name{
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.5;
}
