@charset "UTF-8";
/*========================================
 *--- StaffStart共通 ---*
 CoordinateList.aspx
 CoordinateDetail.aspx
 StaffList.aspx
 StaffDetail.aspx
=========================================*/
/* StaffStart共通
------------------------------------------------------------- */
@media screen and (max-width: 768px), print {
  .breadcrumbs {
    padding-top: 1.8rem;
  }
  .reviewDetail .review_sliderWrapper{
    overflow-x: hidden;
  }
  
}

:where(.reviewList, .reviewDetail, .staffList, .staffDetail) a {
  color: unset;
}

.reviewList,
.reviewDetail,
.staffList,
.staffDetail {
  --color-gray: #a7a7a7;
  padding-bottom: 6rem;
}
.reviewList .secTtl-eng,
.reviewDetail .secTtl-eng,
.staffList .secTtl-eng,
.staffDetail .secTtl-eng {
  padding: 0 1.5rem;
}
@media screen and (min-width: 769px), print {
  .reviewList,
  .reviewDetail,
  .staffList,
  .staffDetail {
    max-width: 124rem;
    margin: 0 auto;
    padding: 0 2rem;
    padding-bottom: 8rem;
  }
  .reviewList .secTtl-eng,
  .reviewDetail .secTtl-eng,
  .staffList .secTtl-eng,
  .staffDetail .secTtl-eng {
    padding: 0;
  }
}

.c-staffIcon {
  overflow: hidden;
  border-radius: 50%;
}
.c-staffIcon img {
  aspect-ratio: 1;
  object-fit: cover;
}

.m-staffstartListHeader {
  margin: 1rem auto 2rem;
  padding: 0 1.5rem;
  border-bottom: 2px solid var(--color-gray);
}
.m-staffstartListHeader #pagination {
  margin: 0;
}
.m-staffstartListHeader #pagination .result {
  display: block;
  font-size: 1.3rem;
  text-align: center;
  color: #111;
  line-height: 1.4615384615;
  letter-spacing: 0.02em;
}
.m-staffstartListHeader #pagination .pagerWrap {
  display: none;
}
.m-staffstartListHeader .m-staffstartListHeader_inner {
  display: flex;
  align-items: center;
  -moz-column-gap: 0.4rem;
       column-gap: 0.4rem;
  margin-top: 2rem;
}
.m-staffstartListHeader .m-staffstartListHeader_linkList {
  display: flex;
  align-items: center;
  -moz-column-gap: 0.4rem;
       column-gap: 0.4rem;
}
.m-staffstartListHeader .m-staffstartListHeader_linkList li {
  width: 11rem;
  height: 4.8rem;
  color: var(--color-white);
  background-color: var(--color-gray);
  border-radius: 1rem 1rem 0 0;
}
.m-staffstartListHeader .m-staffstartListHeader_linkList [aria-current=page],
.m-staffstartListHeader .m-staffstartListHeader_linkList a {
  display: grid;
  place-items: center;
  text-align: center;
}
.m-staffstartListHeader .m-staffstartListHeader_linkList [aria-current=page] {
  background-color: var(--color-ec-primary);
}
.m-staffstartListHeader .m-staffstartListHeader_linkList a {
  width: 100%;
  height: 100%;
}
.m-staffstartListHeader .m-staffstartListHeader_sortBox {
  position: relative;
  width: 11.7rem;
  height: 4.7rem;
  color: #111;
  text-align: center;
}
.m-staffstartListHeader .m-staffstartListHeader_sortBox > dt {
  display: flex;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  height: 100%;
}
.m-staffstartListHeader .m-staffstartListHeader_sortBox > dt::after {
  content: "";
  display: block;
  width: 1.3rem;
  height: 0.8rem;
  background: url(../Contents/ImagesPkg/StaffStart/icon-select-arrow.svg) center/100% no-repeat;
  transition: transform 500ms;
}
.m-staffstartListHeader .m-staffstartListHeader_sortBox > dt.expanded::after {
  transform: rotate(0.5turn);
}
.m-staffstartListHeader .m-staffstartListHeader_sortBox > dd {
  position: absolute;
  left: 0;
  top: 100%;
  z-index: calc(var(--zindex-front) + 1);
  width: 100%;
  background-color: var(--color-white);
  border: 1px solid var(--color-gray);
  border-top: none;
}
.m-staffstartListHeader .m-staffstartListHeader_sortList {
  padding: 1.5rem;
}
.m-staffstartListHeader .m-staffstartListHeader_sortList li {
  text-align: center;
}
.m-staffstartListHeader .m-staffstartListHeader_sortList .active,
.m-staffstartListHeader .m-staffstartListHeader_sortList a {
  padding: 0.5rem;
}
.m-staffstartListHeader .m-staffstartListHeader_sortList .active {
  color: var(--color-gray);
}
@media screen and (min-width: 769px), print {
  .m-staffstartListHeader {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
  }
  .m-staffstartListHeader .m-staffstartListHeader_inner {
    -moz-column-gap: 1rem;
         column-gap: 1rem;
    margin-top: 0;
  }
  .m-staffstartListHeader .m-staffstartListHeader_linkList {
    -moz-column-gap: 1rem;
         column-gap: 1rem;
  }
  .m-staffstartListHeader .m-staffstartListHeader_linkList li {
    width: 16rem;
    height: 3.6rem;
  }
  .m-staffstartListHeader .m-staffstartListHeader_sortBox {
    width: 14rem;
    height: 3.6rem;
  }
  .m-staffstartListHeader .m-staffstartListHeader_sortBox > dt:hover {
    cursor: pointer;
  }
}

.m-reviewItem .m-reviewItem_link {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
}
.m-reviewItem .m-reviewItem_image img {
  aspect-ratio: 220/293;
  object-fit: contain;
}
.m-reviewItem .m-reviewItem_detail {
  display: flex;
  align-items: flex-start;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
.m-reviewItem .m-reviewItem_userIcon {
  flex: 0 0 var(--usericon-size, 5.4rem);
}
.m-reviewItem .m-reviewItem_info {
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
  flex: 1 1 auto;
  font-size: 1.1rem;
  line-height: 1.63;
}
.m-reviewItem .m-reviewItem_userName {
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.3;
}
@media screen and (min-width: 769px), print {
  .m-reviewItem .m-reviewItem_detail {
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }
  .m-reviewItem .m-reviewItem_userIcon {
    --usericon-size: 6.4rem;
  }
}

/* スタッフレビュー一覧
------------------------------------------------------------- */
.reviewList .reviewList_inner {
  display: flex;
  flex-direction: column;
  row-gap: 2rem;
  padding: 0 1.5rem;
}
.reviewList .categorySelect_title {
  font-size: 1.3rem;
}
.reviewList .categorySelect {
  position: relative;
  width: 100%;
  margin-top: 6px;
  color: #111;
  border: 1px solid var(--color-gray);
  border-radius: 6px;
}
.reviewList .categorySelect > dt {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 4rem;
  padding: 0.5rem 4rem 0.5rem 2rem;
  font-size: 1.2rem;
  line-height: 1.4166666667;
}
.reviewList .categorySelect > dt::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 2rem;
  z-index: var(--zindex-front);
  transform: translateY(-50%);
  display: block;
  width: 1.3rem;
  height: 0.8rem;
  background: url(../Contents/ImagesPkg/StaffStart/icon-select-arrow.svg) center/100% no-repeat;
}
.reviewList .categorySelect > dd {
  position: absolute;
  left: 0;
  top: calc(100% + 1px);
  z-index: var(--zindex-front);
  width: 100%;
  background-color: var(--color-white);
  border: 1px solid var(--color-gray);
  border-top: none;
}
.reviewList .categorySelect_list {
  overflow: hidden auto;
  overscroll-behavior-y: contain;
  height: 300px;
}
.reviewList .categorySelect_list li {
  font-size: 1.2rem;
  line-height: 1.4166666667;
}
.reviewList .categorySelect_list .selected,
.reviewList .categorySelect_list a {
  padding: 1rem 2rem 1rem;
}
.reviewList .reviewtagList {
  overflow: auto hidden;
  margin-top: 2rem;
  padding-bottom: 1.5rem;
}
.reviewList .reviewtagList .reviewtagList_inner {
  display: flex;
  gap: 0.6rem;
  width: -moz-max-content;
  width: max-content;
}
.reviewList .reviewtagList li {
  flex-shrink: 0;
  background-color: #f7f7f7;
  border: 1px solid #111;
  border-radius: 100vh;
}
.reviewList .reviewtagList a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3.6rem;
  padding: 0 2rem;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1.4166666667;
}
.reviewList .reviewtagList a::before {
  content: "#";
}
.reviewList .review-list {
  --grid-column-count: 2;
  --grid-cols: repeat(var(--grid-column-count), 1fr);
  --grid-gap-row: 3.5rem;
  --grid-gap-col: 0.9rem;
}

.m-reviewItem .m-reviewItem_image{
  position: relative;
}
.m-reviewItem .m-reviewItem_image .icon-movie{
  position: absolute;
  top: 1rem;
  right: 1rem;
  max-width: 4rem;
  z-index: 1;
  pointer-events: none;
}
.m-reviewItem .m-reviewItem_image .icon-movie img{
  max-width: 4rem;
  width: 100%;
  aspect-ratio: 1;
}
@media screen and (min-width: 769px), print {
  .reviewList .pageLeft {
    flex: 0 0 20rem;
    display: block;
  }
  .reviewList .categorySelect {
    width: 100%;
  }
  .reviewList .categorySelect > dt {
    min-height: 3.6rem;
  }
  .reviewList .categorySelect > dt:hover {
    cursor: pointer;
  }
  .reviewList .categorySelect_list li {
    transition: all var(--transition-default);
  }
  .reviewList .categorySelect_list li:hover {
    color: var(--color-white);
    background-color: var(--color-gray);
  }
  .reviewList .categorySelect_list a:hover {
    opacity: 1;
  }
  .reviewList .reviewtagList {
    overflow: visible;
    padding-bottom: 0;
  }
  .reviewList .reviewtagList .reviewtagList_inner {
    flex-wrap: wrap;
    width: 100%;
  }
  .reviewList .reviewList_inner {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    -moz-column-gap: 3rem;
         column-gap: 3rem;
    padding: 0;
  }
  .reviewList .review-list {
    --grid-column-count: 4;
    --grid-gap-row: 4rem;
    --grid-gap-col: 3rem;
  }
  .m-reviewItem .m-reviewItem_image .icon-movie{
    max-width: 5rem;
  }
  .m-reviewItem .m-reviewItem_image .icon-movie img{
    max-width: 5rem;
  }
}

/* スタッフレビュー詳細
------------------------------------------------------------- */
.reviewDetail .reviewDetail_inner {
  display: flex;
  flex-direction: column;
  row-gap: 3rem;
}
.reviewDetail .review_sliderWrapper {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
}
.reviewDetail .swiper {
  visibility: hidden;
  opacity: 0;
  transition: opacity var(--transition-default);
}
.reviewDetail .swiper.swiper-initialized {
  visibility: visible;
  opacity: 1;
}
.reviewDetail .swiper-wrapper {
  box-sizing: border-box;
}
.reviewDetail .review_mainSliderArea {
  padding: 0 1.5rem;
}
.reviewDetail .review_mainSliderArea .review_mainSlider_wrapper{
  position: relative;
}
.reviewDetail .review_subSliderArea {
  overflow: hidden;
  position: relative;
  width: 100%;
  margin-left: 1.5rem;
  padding-right: 1.5rem;
}
.reviewDetail .review_subSliderArea .swiper {
  overflow: visible;
  width: 33rem;
  margin: 0;
}
.reviewDetail .review_subSliderArea .swiper-slide {
  width: 7.5rem;
  aspect-ratio: 75/100;
}
.reviewDetail .review_subSliderArea .swiper-slide-thumb-active .swiper-slide-inner {
  position: relative;
}
.reviewDetail .review_subSliderArea .swiper-slide-thumb-active .swiper-slide-inner::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  /* z-index: var(--zindex-front); */
  width: 100%;
  height: 100%;
  border: 3px solid var(--color-blue);
  z-index: 4;
}
.reviewDetail .swiper-button-prev,
.reviewDetail .swiper-button-next {
  --arrow-offset: 1.5rem;
  top: 50%;
  right: unset;
  z-index: var(--zindex-front);
  transform: translateY(-50%);
  justify-content: flex-end;
  width: 6rem;
  height: 10rem;
  margin-top: 0;
  padding-right: 1.5rem;
  
}
.reviewDetail .review_mainSliderArea .swiper-button-prev,
.reviewDetail .review_mainSliderArea .swiper-button-next{
  top: 4rem;
  left: unset;
  transform: unset;
  height: calc(100% - 7rem - 4rem);
  display: none;
}
.reviewDetail .review_subSliderArea .swiper-button-prev,
.reviewDetail .review_subSliderArea .swiper-button-next{
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
}
.reviewDetail .review_mainSliderArea .swiper-button-next{
  right: 0;
  left: unset;
  padding-right: 0.75rem;
}
.reviewDetail .review_mainSliderArea .swiper-button-prev{
  left: -2rem;
  padding-left: 0.75rem;
  padding-right: 0;
  right: unset;
}
.reviewDetail .swiper-button-prev[aria-disabled=true],
.reviewDetail .swiper-button-next[aria-disabled=true] {
  display: none;
}
.reviewDetail .swiper-button-prev::after,
.reviewDetail .swiper-button-next::after {
  content: "";
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  background: url(../Contents/ImagesPkg/StaffStart/icon-slider-arrow.svg) center/100% no-repeat;
}
.reviewDetail .review_mainSliderArea .swiper-button-prev::after,
.reviewDetail .review_mainSliderArea .swiper-button-next::after {
  width: 3.4rem;
  height: 3.4rem;
}
.reviewDetail .review_mainSliderArea .swiper-button-prev::after{
  transform: rotate(180deg);
}
.reviewDetail .swiper-button-prev {
  left: calc(var(--arrow-offset) * -1);
  transform: translateY(-50%) rotate(180deg);
}
.reviewDetail .swiper-button-next {
  right: var(--arrow-offset);
}
.reviewDetail .review_right {
  padding: 0 1.5rem;
}
.reviewDetail .review_right .review_userInfo {
  display: flex;
  align-items: flex-start;
  -moz-column-gap: 2rem;
       column-gap: 2rem;
  margin-bottom: 2rem;
  padding-bottom: 2rem;
  border-bottom: 2px solid var(--color-gray);
}
.reviewDetail .review_right .review_userImage {
  flex: 0 0 12rem;
}
.reviewDetail .review_right .review_userInfoDetail {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
  margin-right: auto;
  line-height: 1.2857142857;
    width: 100%;
}
.reviewDetail .review_right .review_userInfoDetail .user_name {
  font-size: 2rem;
  font-weight: 500;
}
.reviewDetail .review_right .review_userInfoDetail .shop_name {
  font-size: 1.4rem;
}
.reviewDetail .review_right .review_commentDetail .review_comment {
  font-size: 1.4rem;
  line-height: 1.7142857143;
}
.reviewDetail .review_right .review_commentDetail .review_tagList {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-top: 3rem;
}
.reviewDetail .review_right .review_commentDetail .review_tagList li {
  flex-shrink: 0;
  background-color: #f7f7f7;
  border: 1px solid #111;
  border-radius: 100vh;
}
.reviewDetail .review_right .review_commentDetail .review_tagList a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3.6rem;
  padding: 0 2rem;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1.4166666667;
}
.reviewDetail .review_right .review_commentDetail .review_tagList a::before {
  content: "#";
}
.reviewDetail .secBottom {
  margin-top: 6rem;
}
.reviewDetail .secBottom .secBottom_list {
  margin-top: 2rem;
}
.reviewDetail .secBottom .grid_container {
  --gap-scroll: 1rem;
}
.reviewDetail .secBottom .grid_item {
  --itemWidth-scroll: 15rem;
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
}
.reviewDetail .secBottom--recommended .item-link {
  padding: 1rem;
  background-color: #f5f5f5;
}
.reviewDetail .secBottom--recommended .item-detail {
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
}
.reviewDetail .secBottom--recommended .product_brandName {
  font-size: 1.2rem;
  line-height: 1.5;
  text-decoration: underline;
}
.reviewDetail .secBottom--recommended .product_name {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--line-clamp);
  --line-clamp: 9;
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.46;
}
.reviewDetail .secBottom--recommended .price-disp-nomal {
  width: 100%;
}
.reviewDetail .secBottom--recommended .item-addCart {
  height: 4rem;
  font-size: 1.3rem;
}
.reviewDetail .secBottom--otherReviews .reviewItem_detail {
  display: flex;
  align-items: flex-start;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  margin-top: 1rem;
}
.reviewDetail .secBottom--otherReviews .reviewItem_userPicture {
  overflow: hidden;
  flex-shrink: 0;
  width: 5.4rem;
  border-radius: 50%;
}
.reviewDetail .secBottom--otherReviews .reviewItem_info {
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
}
.reviewDetail .secBottom--otherReviews .user_name {
  font-size: 1.2rem;
  font-weight: 500;
}
.reviewDetail .secBottom--otherReviews .shop_name,
.reviewDetail .secBottom--otherReviews .published_date {
  font-size: 1.1rem;
}

.movieSlider{
  position: relative;
  height: 100%;
}
.movieSlider video{
  width: 100%;
}
.review_subSliderArea .movieSlider::after{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  width: 3rem;
  height: 3rem;
  aspect-ratio: 1;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%22%20height%3D%22100%22%20viewBox%3D%220%200%20100%20100%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_10148%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2010148%22%20transform%3D%22translate(-3794%20-2225)%22%3E%20%3Cg%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_118%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%20118%22%20transform%3D%22translate(3894%202225)%20rotate(90)%22%20fill%3D%22none%22%20stroke%3D%22%23f2eeea%22%20stroke-width%3D%224%22%3E%20%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%2250%22%20stroke%3D%22none%22%2F%3E%20%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%2248%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3Cpath%20id%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2_1%22%20data-name%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2%201%22%20d%3D%22M19.9%2C4.5a3%2C3%2C0%2C0%2C1%2C5.2%2C0L42.4%2C34.5a3%2C3%2C0%2C0%2C1-2.6%2C4.5H5.194a3%2C3%2C0%2C0%2C1-2.6-4.5Z%22%20transform%3D%22translate(3869%202253)%20rotate(90)%22%20fill%3D%22%23f2eeea%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
  margin: auto;
}
.movieSlider__image{
  position: absolute;
  top: 0;
  z-index: -1;
}
.movieSlider iframe{
  width: 100%!important;
  height: auto!important;
  aspect-ratio: 420/750;
}
.review_subSliderArea .movieSlider__image{
  width: 100%;
  aspect-ratio: 75/100;
  object-fit: cover;
  z-index: 2;
}
.review_subSliderArea .movieSlider .cri-liveact-player,
.review_subSliderArea .movieSlider video,
.review_subSliderArea .movieSlider .customControls{
  display: none;
}
@media screen and (min-width: 769px), print {
  .reviewDetail .reviewDetail_inner {
    flex-direction: row;
    align-items: flex-start;
    -moz-column-gap: 7.5rem;
         column-gap: 7.5rem;
  }
  .reviewDetail .review_sliderWrapper {
    flex-direction: row;
    -moz-column-gap: 3rem;
         column-gap: 3rem;
  }
  .reviewDetail .review_mainSliderArea {
    width: 42rem;
    padding: 0;
  }
  .reviewDetail .review_subSliderArea {
    width: 7.5rem;
    padding: 0;
  }
  .reviewDetail .review_subSliderArea .swiper {
    width: 100%;
    height: 52.4rem;
  }
  .reviewDetail .review_subSliderArea .swiper-slide {
    height: unset;
  }
  .reviewDetail .review_subSliderArea .swiper-slide:hover {
    cursor: pointer;
  }
  .reviewDetail .review_subSliderArea .swiper-button-prev,
  .reviewDetail .review_subSliderArea .swiper-button-next {
    --arrow-offset: -0.8rem;
    left: 50%;
    height: 7.5rem;
  }
  .reviewDetail .review_subSliderArea .swiper-button-prev {
    top: var(--arrow-offset);
    transform: translateX(-50%) rotate(-90deg);
  }
  .reviewDetail .review_subSliderArea .swiper-button-next {
    top: unset;
    bottom: var(--arrow-offset);
    transform: translateX(-50%) rotate(90deg);
  }
  .reviewDetail .review_right {
    padding: 0;
  }
  .reviewDetail .review_right .review_userInfo {
    margin-bottom: 3rem;
    padding-bottom: 3rem;
  }
  .reviewDetail .review_right .review_userImage {
    flex-basis: 15rem;
  }
  .reviewDetail .secBottom {
    max-width: 124rem;
    margin: 6rem auto 0;
  }
  .reviewDetail .secBottom .grid_container {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }
  .reviewDetail .secBottom--recommended .item-link {
    padding: 1.5rem;
  }
  .reviewDetail .secBottom--recommended .product_name {
    --line-clamp: 3;
  }
  .reviewDetail .secBottom--recommended .price-disp-nomal {
    width: unset;
  }
  .reviewDetail .secBottom--otherReviews .reviewItem_detail {
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }
  .reviewDetail .secBottom--otherReviews .reviewItem_userPicture {
    width: 6.4rem;
  }
  .reviewDetail .review_mainSliderArea .swiper-button-prev,
  .reviewDetail .review_mainSliderArea .swiper-button-next{
    top: 0;
    transform: unset;
    height: calc(100% - 7rem);
  }
  .reviewDetail .review_mainSliderArea .swiper-button-prev::after,
  .reviewDetail .review_mainSliderArea .swiper-button-next::after{
    margin-top: 5.2rem;
  }
}
@media (min-width: 769px) and (max-width: 820px) {
  .reviewDetail .secBottom .grid_item {
    --itemWidth-scroll: 21.4rem;
  }
}

/* スタッフ一覧
------------------------------------------------------------- */
.staffList .staffGrid {
  --grid-column-count: 4;
  --grid-cols: repeat(var(--grid-column-count), 1fr);
  --grid-gap-row: 1.5rem;
  --grid-gap-col: 0.8rem;
  padding: 0 1.5rem;
}
.staffList .staffItem_detail {
  margin-top: 1rem;
}
.staffList .staffItem_detail p {
  font-size: 1rem;
  text-align: center;
}
.staffList .staffItem_detail .user_name {
  font-size: 1.4rem;
}
@media screen and (min-width: 769px), print {
  .staffList .staffGrid {
    --grid-column-count: 8;
    --grid-gap-row: 1.8rem;
    --grid-gap-col: 2.5rem;
    padding: 0;
  }
}

/* スタッフ詳細
------------------------------------------------------------- */
.staffDetail .staffDetail_header {
  display: grid;
  align-items: flex-start;
  grid-template-columns: 15rem 1fr;
  grid-template-areas: "userImage userInfo" "userProfile userProfile";
  gap: 2rem;
  margin-bottom: 3rem;
  padding: 0 1.5rem;
  padding-bottom: 3rem;
  border-bottom: 2px solid var(--color-gray);
}
.staffDetail .staffDetail_header .user_image {
  grid-area: userImage;
}
.staffDetail .staffDetail_header .user_info {
  grid-area: userInfo;
}
.staffDetail .staffDetail_header .user_name {
  font-size: 2rem;
  font-weight: 500;
}
.staffDetail .staffDetail_header .shop_name {
  font-size: 1.4rem;
}
.staffDetail .staffDetail_header .user_instagram {
  display: flex;
  align-items: flex-start;
  -moz-column-gap: 0.96rem;
       column-gap: 0.96rem;
  margin-top: 1rem;
}
.staffDetail .staffDetail_header .user_instagram svg {
  flex: 0 0 2.339rem;
}
.staffDetail .staffDetail_header .user_instagram-inner {
  font-size: 1rem;
}
.staffDetail .staffDetail_header .user_profileWrapper {
  grid-area: userProfile;
  padding: 2rem;
  background-color: var(--color-ec-bg-gray);
}
.staffDetail .staffDetail_header .user_profile {
  font-size: 1.4rem;
}
.staffDetail .review_list {
  --grid-column-count: 2;
  --grid-cols: repeat(var(--grid-column-count), 1fr);
  --grid-gap-row: 2.6rem;
  --grid-gap-col: 0.9rem;
  padding: 0 1.5rem;
}
@media screen and (min-width: 769px), print {
  .staffDetail .staffDetail_header {
    grid-template-columns: 15rem 1fr 72rem;
    grid-template-areas: "userImage userInfo userProfile";
    padding-left: 0;
    padding-right: 0;
  }
  .staffDetail .staffDetail_header .user_instagram {
    align-items: center;
  }
  .staffDetail .staffDetail_header .user_profileWrapper {
    padding: 3rem 5rem;
  }
  .staffDetail .review_list {
    --grid-column-count: 5;
    --grid-gap-row: 4rem;
    --grid-gap-col: 2.5rem;
    padding: 0;
  }
}/*# sourceMappingURL=staff_common.css.map */




.video-wrapper{
  position: relative;
}

.customControls {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 0;
  background-color: #333;
  padding: 5px 1rem 1.5rem;
}

.playPauseBtn, .volumeBtn, .fullscreenBtn {
  color: #fff;
  cursor: pointer;
}
.play {
  display: flex;
  align-items: center;
  gap:0 1rem;
}

.playPauseBtn,
.fullscreenBtn,
.volume{
  width: 4rem;
  height: 3rem;
  position: relative;
}
.playPauseBtn:after{
  content: "";
  display: block;
  width: 2.4rem;
  aspect-ratio: 1;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSJXaW5kb3ciIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogICAgPHBhdGggZD0iTTggNXYxNGwxMS03eiIvPgogICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPgo8L3N2Zz4K);
}
.playPauseBtn.playMark:after{
  background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSJXaW5kb3ciIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogICAgPHBhdGggZD0iTTYgMTloNFY1SDZ2MTR6bTgtMTR2MTRoNFY1aC00eiIvPgogICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPgo8L3N2Zz4K);
}
.fullscreenBtn::after{
  content: "";
  display: block;
  width: 2.4rem;
  aspect-ratio: 1;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSJXaW5kb3ciIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPgogICAgPHBhdGggZD0iTTcgMTRINXY1aDV2LTJIN3YtM3ptLTItNGgyVjdoM1Y1SDV2NXptMTIgN2gtM3YyaDV2LTVoLTJ2M3pNMTQgNXYyaDN2M2gyVjVoLTV6Ii8+Cjwvc3ZnPgo=);
}
.volumeBtn::after{
  content: "";
  display: block;
  width: 2.4rem;
  aspect-ratio: 1;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSJXaW5kb3ciIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogICAgPHBhdGggZD0iTTE2LjUgMTJjMC0xLjc3LTEuMDItMy4yOS0yLjUtNC4wM3YyLjIxbDIuNDUgMi40NWMuMDMtLjIuMDUtLjQxLjA1LS42M3ptMi41IDBjMCAuOTQtLjIgMS44Mi0uNTQgMi42NGwxLjUxIDEuNTFDMjAuNjMgMTQuOTEgMjEgMTMuNSAyMSAxMmMwLTQuMjgtMi45OS03Ljg2LTctOC43N3YyLjA2YzIuODkuODYgNSAzLjU0IDUgNi43MXpNNC4yNyAzTDMgNC4yNyA3LjczIDlIM3Y2aDRsNSA1di02LjczbDQuMjUgNC4yNWMtLjY3LjUyLTEuNDIuOTMtMi4yNSAxLjE4djIuMDZjMS4zOC0uMzEgMi42My0uOTUgMy42OS0xLjgxTDE5LjczIDIxIDIxIDE5LjczbC05LTlMNC4yNyAzek0xMiA0TDkuOTEgNi4wOSAxMiA4LjE4VjR6Ii8+CiAgICA8cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+Cjwvc3ZnPgo=);
}
.volumeBtn.muteMark::after{
  background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSJXaW5kb3ciIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogICAgPHBhdGggZD0iTTMgOXY2aDRsNSA1VjRMNyA5SDN6bTEzLjUgM2MwLTEuNzctMS4wMi0zLjI5LTIuNS00LjAzdjguMDVjMS40OC0uNzMgMi41LTIuMjUgMi41LTQuMDJ6TTE0IDMuMjN2Mi4wNmMyLjg5Ljg2IDUgMy41NCA1IDYuNzFzLTIuMTEgNS44NS01IDYuNzF2Mi4wNmM0LjAxLS45MSA3LTQuNDkgNy04Ljc3cy0yLjk5LTcuODYtNy04Ljc3eiIvPgogICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPgo8L3N2Zz4K);
}
.timeSsequence{
  display: flex;
  align-items: center;
  gap:0 0.2rem;
}
.timeSsequence{
  color: #fff;
}
.currentTime, .duration {
  color: #fff;
}

.subButtons {
  display: flex;
  align-items: center;
  gap: 0 1rem;
  margin: 0 1rem 0 auto;
}
.seekbar {
  width: calc(100% - 3rem);
  height: 5px;
  background: #fff;
  color: #fff;
  margin: 0 auto;
  position: relative;
}
/* .seekbar::before{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  display: block;
  width: calc(100% - 3rem);
  height: 2px;
  background: #fff;
} */


.playMarkMain{
  opacity: 1;
  transition: opacity 0.6s;
}
.playMarkMain.hoverVisble{
  opacity: 0;
  transition: opacity 0.6s;
}

@media screen and (min-width: 769px), print {
  .customControls{
    opacity: 0;
    transition: opacity 0.6s;
  }
  .video-wrapper:hover .customControls{
    opacity: 1;
  }
  
  .video-wrapper:hover .playMarkMain.hoverVisble{
    opacity: 1;
  }
}
@media screen and (max-width: 768px), print {
  .customControls{
    opacity: 0;
    transition: opacity 0.6s;
  }
  .customControls.tabVisible{
    opacity: 1;
  }

}

.review_mainSliderArea .playMarkMain::after{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  width: 10rem;
  height: 10rem;
  aspect-ratio: 1;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%22%20height%3D%22100%22%20viewBox%3D%220%200%20100%20100%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_10148%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2010148%22%20transform%3D%22translate(-3794%20-2225)%22%3E%20%3Cg%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_118%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%20118%22%20transform%3D%22translate(3894%202225)%20rotate(90)%22%20fill%3D%22none%22%20stroke%3D%22%23f2eeea%22%20stroke-width%3D%224%22%3E%20%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%2250%22%20stroke%3D%22none%22%2F%3E%20%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%2248%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3Cpath%20id%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2_1%22%20data-name%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2%201%22%20d%3D%22M19.9%2C4.5a3%2C3%2C0%2C0%2C1%2C5.2%2C0L42.4%2C34.5a3%2C3%2C0%2C0%2C1-2.6%2C4.5H5.194a3%2C3%2C0%2C0%2C1-2.6-4.5Z%22%20transform%3D%22translate(3869%202253)%20rotate(90)%22%20fill%3D%22%23f2eeea%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
  pointer-events: none;
  margin: auto;
}

.review_mainSliderArea .playMarkMain.stopped::after{
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%22%20height%3D%22100%22%20viewBox%3D%220%200%20100%20100%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_10958%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2010958%22%20transform%3D%22translate(-14529.5%204891)%22%3E%20%3Cg%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_118%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%20118%22%20transform%3D%22translate(14629.5%20-4891)%20rotate(90)%22%20fill%3D%22none%22%20stroke%3D%22%23f2eeea%22%20stroke-width%3D%224%22%3E%20%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%2250%22%20stroke%3D%22none%22%2F%3E%20%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%2248%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_10957%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2010957%22%20transform%3D%22translate(-5)%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_5773%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%205773%22%20width%3D%2214%22%20height%3D%2242%22%20rx%3D%222%22%20transform%3D%22translate(14590%20-4861)%22%20fill%3D%22%23f2eeea%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_5774%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%205774%22%20width%3D%2214%22%20height%3D%2242%22%20rx%3D%222%22%20transform%3D%22translate(14565%20-4861)%22%20fill%3D%22%23f2eeea%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E')
}