/*スタッフページ共通img
----------------------------------- */
.staff-image-common-inner{
  position: absolute;
  width: 100%;
  height: 100%;
  top:0;
  left:0;
  background-repeat: no-repeat;
  background-size:cover;
  background-position: center center;
}
/*
----------------------------------- */
.staff-wrap {
  position: relative;
  max-width:650px;
  margin:0 auto;
  padding:60px 20px 120px;
}
@media screen and (min-width: 820px) {
.staff-wrap {
  padding:60px 20px 120px;
}
}
/*
-------------------------------------------------------------------------- */
.staff-disc-top-box {
  position: relative;
  letter-spacing: -10rem;
  font-size:0;
  padding-top:40px;
  margin-bottom:30px;
  color: #111;
}




/*スタッフ画像
-------------------------------------------------------------------------- */
.staff-disc-top-image-box {
  position: relative;
  display: inline-block;
  vertical-align:middle;
  width: 100%;
  max-width: 400px;
  margin-bottom:30px;
}
@media screen and (min-width:550px) {
.staff-disc-top-image-box {
  width: 55%;
  max-width: none;
  margin-bottom:0px;
}
}
.staff-disc-top-image{
  position: relative;
  border-radius:0px;
  aspect-ratio: 2.2 / 3;
  overflow: hidden;
  border-radius:4px;
}

/*
---------------------------------*/
.staff-disc-wrapping {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width:calc(100% - 0px);
  padding:0 0 0 0px;
  line-height:1;
  padding-bottom:0%;
}
@media screen and (min-width: 550px) {
.staff-disc-wrapping {
  width:calc(45% - 0px);
  padding:0 0 0 20px;
  padding-bottom:30%;
}
}

/*ランクとスキル
-------------------------------------------------------------------------- */
.staff-disc-skil-box {
  position: relative;
  margin-bottom:10px ;
}

/*ランク
-------------------------------------------------------------------------- */
.staff-disc-rank {
  position: relative;
  display: inline-block;
  vertical-align:middle;
  line-height:1;
  color:#000;
  font-size: 1.6rem;
  letter-spacing: 0.1rem;
  font-family: 'Josefin Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 700;
}


/*スタッフ名
---------------------------------*/
.staff-disc-name-box {
  position: relative;
  vertical-align: top;
  line-height:1;
  margin-bottom:10px;
  border-bottom:1px solid #ccc;
}

/*名
---------------------------------------- */
.staff-disc-name {
  position: relative;
  margin-bottom:10px;
  font-size: 2rem;
  letter-spacing: 0.1rem;
  font-family: 'Josefin Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 700;
}
/*カナ
---------------------------------------- */
.staff-disc-name-kana {
  position: relative;
  letter-spacing: 0.1rem;
  font-size: 1.0rem;
  transform: scale(.8);
  transform-origin: top left;
  margin-bottom:5px;
  display:none;
}

/*バッチ ボックス 
-------------------------------------------------------------------------- */
.staff-disc-batch-box {
  position: relative;
  font-size: 0px;
  letter-spacing: -10rem;
  margin-bottom:2px;
}

/*バッチ
-------------------------------------------------------------------------- */
.staff-disc-batch-cut,
.staff-disc-batch-new,
.staff-disc-batch-ure,
.staff-disc-batch-osu,
.staff-disc-batch-kitsuke,
.staff-disc-batch-este,
.staff-disc-batch-make-up {
  position: relative;
  display:inline-block; 
  vertical-align: middle;
  margin:2px;
  margin-top:0px;
  margin-left:0px;
  padding:3px 10px;
  background-repeat: no-repeat;
  background-size:contain;
  background-position: center center;
  border-radius:10px;
  border:1px solid #aaa;
  background-color:#fff;
  text-align:center;
}

/*
------------------------------------- */
.staff-disc-batch-kitsuke {
  display:none; 
}
.staff-disc-batch-kitsuke.checked {
  display:inline-block; 
}
.staff-disc-batch-este {
  display:none; 
}
.staff-disc-batch-este.checked {
  display:inline-block; 
}
.staff-disc-batch-make-up {
  display:none; 
}
.staff-disc-batch-make-up.checked {
  display:inline-block; 
}
/*
------------------------------------- */
.staff-disc-batch-cut::after,
.staff-disc-batch-ure::after,
.staff-disc-batch-new::after,
.staff-disc-batch-osu::after,
.staff-disc-batch-kitsuke::after,
.staff-disc-batch-este::after,
.staff-disc-batch-make-up::after {
  display:inline-block; 
  vertical-align: middle;
  content: "";
  font-size: 1.2rem;
  letter-spacing: 0rem;
  padding-left:0px;
}

.staff-disc-batch-cut::after {
  content: "スタイリスト";
}
.staff-disc-batch-make-up::after {
  content: "メイクアップ";
}
.staff-disc-batch-new::after {
  content: "アップ・セット";
}
.staff-disc-batch-ure::after {
  content: "アイリスト";
}
.staff-disc-batch-osu::after {
  content: "ネイル";
}
.staff-disc-batch-kitsuke::after {
  content: "着付け";
}
.staff-disc-batch-este::after {
  content: "フェイシャル";
}



/*カレンダ－ 通常は  display:none だけ。表示非表示はJSでコントロール。強制的に非表示にするため !important
------------------------------------------------------------------ */
.calendar-wrap {
  position: relative;
  width:100%;
  padding-top:15px;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transform: scale(0.9, 0.9) ;
  transform-origin: bottom left;
  display:none !important;
}

/*
@media screen and (min-width: 821px) {
.calendar-wrap {
  position: absolute;
  bottom:0px;
  left:calc((100% / 3) + 20px);
  border-top:1px dotted #ccc;
  transform: scale(0.85, 0.85) ;
}
}
*/


/*
---------------------------------------------- */
.iframe-calendar-box {
  position: relative;
  font-size: 0rem;
  letter-spacing: -10rem;
}
/*
---------------------------------------------- */
.iframe-calendar {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width:155px;
  height:155px;
  width:calc(50% - 5px);
  height:auto;
  min-height:180px;
  aspect-ratio: 1.3 / 1;
}
.iframe-calendar.right {
  margin-left:5px;
}
/*
----------------------------------- */
.day-off {
  position: absolute;
  width: 100%;
  height:15px;
  top:18px;
  left:0px;
  z-index:2;
  pointer-events: none;
}
.day-off:before {
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  background-color: #ECA5B2;
  top:0;
  left:0;
}
.day-off:after {
  position: absolute;
  content: "休日";
  font-size: 1.0rem;
  line-height: 1.0;
  letter-spacing: 0rem;
  color:#111;
  top:0px;
  left:18px;
}


/*カレンダ－管理画面
----------------------------------- */
.calendar-kanriGo {
  position: absolute;
  display:block;
  right:5px;
  top:0px;
  width: 30px;
  height: 30px;
  cursor: default;
  z-index:3;
}
.calendar-kanriGo:after {
  position: absolute;
  display:block;
  content: "...";
  letter-spacing: 0rem;
  font-size: 12px;
  font-weight:bold;
  color:#ccc;
  right:8px;
  top:8px;
  cursor: default;
}

/*▽HPB用
---------------------------------------------------------------------------- */
/* ★スタイリスト紹介、ブログ
--------------------------------------*/
#result-stylistPr{
  position: relative;
  margin:0 auto;
  font-size: 0;
  letter-spacing: -10rem;
  overflow: hidden;
  color: #111;
}

/* 
--------------------------------------*/
#result-stylistPr .w485  {
  position: relative;
  overflow: hidden;
  margin:0 auto 30px;
}

/* キャッチコピー
--------------------------------------*/
#result-stylistPr .fgPink.b.fs14  {
  position: relative;
  font-size: 1.6rem;
  letter-spacing: 0rem;
  margin-bottom:10px;
}

/* キャッチ下テキスト
--------------------------------------*/
#result-stylistPr .mT10.wbba {
  position: relative;
  display:inline-block;
  vertical-align:top;
  width:100% ;
  font-size: 1.2rem;
  letter-spacing: 0rem;
  padding-bottom:40px;
  margin-bottom:40px;
  border-bottom:1px dotted #ccc;
  line-height:2;
}

/* お気に入り
--------------------------------------*/
#result-stylistPr ul.cFix {
  position: relative;
  display:inline-block;
  vertical-align:top;
  width:calc(100%  +  5px);
  padding-bottom:20px;
  border-bottom:1px dotted #ccc;
}
/*ボックス
--------------------------------------*/
#result-stylistPr .w240 {
  position: relative;
  display:inline-block;
  vertical-align:top;
  margin:0 5px 10px 0;
  width:calc((100% / 1) -  5px);
}

@media screen and (min-width: 600px) {
#result-stylistPr .w240 {
  width:calc((100% / 2) -  5px);
}
}
/*画像
--------------------------------------*/
#result-stylistPr .w89 {
  position: relative;
  display:inline-block;
  vertical-align:middle;
  width:100px;
}
@media screen and (min-width: 600px) {
#result-stylistPr .w89 {
  width:80px;
}
}
#result-stylistPr .w89 img {
  position: relative;
  width:100%;
  aspect-ratio:1 / 1;
  object-fit: cover;
  border-radius:50%;
  border:1px dotted #ccc;
}

#result-stylistPr .w89::after{
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top:0;
  left:0;
  border-radius:50%;
  border:1px solid #ccc;
  border-radius:50%;
  transform: translate(3px, 1px);
}

/*テキスト
--------------------------------------*/
#result-stylistPr .hMin119 {
  position: relative;
  display:inline-block;
  vertical-align:middle;
  width:calc(100% -  100px);
  font-size: 1.1rem;
  letter-spacing:0rem;
  padding: 5px 5px 5px 10px;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}
@media screen and (min-width: 600px) {
#result-stylistPr .hMin119 {
  width:calc(100% -  80px);
}
}

/*スタイリスト歴
--------------------------------------*/
#result-stylistPr dl.bdDotB{
  position: relative;
  padding:10px 0px;
  border-bottom:1px dotted #ccc;
}
/*項目
--------------------------------------*/
#result-stylistPr dl.bdDotB dt{
  position: relative;
  display:inline-block;
  vertical-align:top;
  width:120px;
  font-size: 1.1rem;
  letter-spacing:0rem;
  padding:0 0;
}
/*答え
--------------------------------------*/
#result-stylistPr dl.bdDotB dd{
  position: relative;
  display:inline-block;
  vertical-align:top;
  width:calc(100% - 120px);
  font-size: 1.1rem;
  letter-spacing:0rem;
}
/* ブログ見出し
--------------------------------------------*/
.latestBlogtitle{
  background-color:#f5f5f5;
  padding: 8px 10px;
  margin:30px 0 20px;
  line-height:1;
  font-size: 1.2rem;
  letter-spacing:0rem;
  font-weight:bold;
  border-radius:2px;
display:none;
}
/*このスタイリストのすべてのブログを見る
--------------------------------------*/
#result-stylistPr p.arrowR{
  position: relative;
  display:inline-block;
  vertical-align:top;
  font-size: 1.0rem;
  letter-spacing:0rem;
  font-weight:normal;
  margin:0px 0 20px;
display:none;

}
#result-stylistPr a{
  ccolor: #726861;;
  text-decoration: underline; 
}
/* ブログ写真
--------------------------------------*/
#result-stylistPr .mR15{
  position: relative;
  display:inline-block;
  vertical-align:top;
  width:80px;
display:none;
}
#result-stylistPr .mR15::after{
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top:0;
  left:0;
  border-radius:50%;
  border:1px solid #C8D1CE;
  border-radius:50%;
  transform: translate(3px, 1px);
}
#result-stylistPr .mR15 img{
  position: relative;
  width:100%;
  aspect-ratio:1 / 1;
  object-fit: cover;
  border-radius:50%;
  border:1px dotted #ccc;
}
/* ブログ詳細
--------------------------------------*/
#result-stylistPr .cFix.pH10 .oh{
  position: relative;
  display:inline-block;
  vertical-align:top;
  width:calc(100% - 80px);
  font-size: 1.1rem;
  letter-spacing:0rem;
  padding:  0 0 0 10px;
display:none;
}
/*ブログ カテゴリー
--------------------------------------*/
.blogCategory {
  position: relative;
  border-radius: 3px;
  color: #fff;
  font-size: 10px;
  margin: 5px 10px 0 0;
  padding: 2px 0;
  text-align: center;
  width: 107px;
  background-color: #05cfb9;
display:none;
}
.blogCategory.dynamicBlogCategoryBL03 {
  background-color: purple;
display:none;
}
/* 投稿日
--------------------------------------*/
#result-stylistPr .oh .cFix .fr{
  position: relative;
  padding: 5px 0px;
  font-size: 1.0rem;
  color:#555;
  display:none;
}

/*★ ヘアスタイル
--------------------------------------------------*/
#result-hair{
  position: relative;
  margin:0 auto;
  padding:0;
  font-size: 0;
  letter-spacing: -10rem;
  overflow: hidden;
  color: #555;
  background-color:#f8f8f7;
  padding:0 20px;
  border-radius:10px;
}
/* 
--------------------------------------------------*/
#result-hair .w746{
  position: relative;
  width: calc(100% + 5px);
  overflow: hidden;
  margin-bottom:30px;
}
#result-hair .w746::before {
  position: relative;
  display:block;
  content:"ヘアスタイル";
  background-color:#f8f8f7;
  padding: 8px 10px;
  margin:20px 0 20px;
  line-height:1;
  font-size: 1.2rem;
  letter-spacing:0rem;
  font-weight:bold;
  border-radius:2px;
  color: #726861;
}
/* ボックス
--------------------------------------------------*/
#result-hair td.vaT{
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin:0 5px 15px 0;
  width: calc((100% / 2) - 5px);
  pointer-events:none;
}
@media screen and (min-width: 600px) {
#result-hair td.vaT{
width: calc((100% / 4) - 5px);
}
}
/* 写真
--------------------------------------------------*/
#result-hair td.vaT img{
  position: relative;
  width:100%;
  aspect-ratio:1 / 1.35;
  object-fit: cover;
  margin-bottom:5px;
/*   filter: brightness(1.3) contrast(93%);*/
  border-radius:20px;
}
/* テキスト
--------------------------------------------------*/
#result-hair td.vaT a{
  color: #726861;
  font-size: 1.0rem;
  letter-spacing: 0rem;
}

/*★クチコミ
---------------------------------------------------------------------- */
#result-review{
  position: relative;
  margin:0;
  padding:0 0px;
  font-size: 0;
  letter-spacing: -10rem;
  color: #333;
  display:none;
}
/* クチコミボックス
---------------------------------------------------------------*/
#result-review ul.mT20{
  position: relative;
  margin:0 0 0;
  font-size: 1.2rem;
  letter-spacing: 0rem;
}
#result-review ul.mT20::before {
  position: relative;
  display:block;
  content:"クチコミ";
  background-color:#f8f8f7;
  padding: 8px 10px;
  margin:30px 0 10px;
  line-height:1;
  font-size: 1.2rem;
  letter-spacing:0rem;
  font-weight:bold;
  border-radius:2px;
}
/*
------------------------------------------*/
.reportHeader {
  position: relative;
}
/*
------------------------------------------*/
.shopInfo {
  position: relative;
  padding: 11px 10px 9px;
}
.reportTitle {
  position: relative;
  padding-left: 50px;
  background: url("../images/hpb/icon_report.gif") no-repeat 10px 5px / 27px 27px;
}

/*投稿人
------------------------------------------*/
.shopInfo .fl {
  color:#111;
  margin-bottom:3px;
}
/*投稿性別年代
------------------------------------------*/
.shopInfo .fgGray {
  font-size: 1.1rem;
}
/*投稿日
------------------------------------------*/
.shopInfo .fr {
  font-size: 1.1rem;
}

/*評価
------------------------------------------*/
.judgeList {
  position: relative;
  padding:0;
  margin-bottom: 10px;
}
.judgeList li {
  position: relative;
  display: none;
  margin-right: 8px;
  padding-top: 2px;
  padding-right: 8px;
  border-right: 1px solid #999;
  font-size: 1.0rem;
}
.judgeList li.bdN.fgGray {
  display: block;
  border: none;
}
@media screen and (min-width: 500px) {
.judgeList li {
  display: inline-block;
  vertical-align: top;
}
}
@media screen and (min-width: 768px) {
  .judgeList li {
    font-size: 1.1rem;
  }
  .judgeList li.bdN.fgGray {
    display: inline-block;
    border-right: 1px solid #999;
  }
}
/*
------------------------------------------*/
.judgeList .fgGray { 
   font-size: 1.0rem;
   padding-right:5px;
}
.judgeList .fgPink { 
   font-size: 1.4rem;
   padding:0 5px;
   color:#05cfb9;
}

/*星
------------------------------------------*/
.iconStarOn, .iconStarOff {
  position: relative;
  display: inline-block;
  width: 15px;
  height: 16px;
  margin-top: -4px;
  background-repeat: no-repeat;
  background-position: center top;
  vertical-align: middle;
  overflow: hidden;
  text-indent: -9999px;
}
.iconStarOn {
  background-image: url("../images/hpb/icon_star_on.gif");
}
.iconStarOff {
  background-image: url("../images/hpb/icon_star_off.gif");
}

/* 利用クーポン　非表示
---------------------------------------------------------------*/
#result-review dl.mT25 {
  display:none;
}
.couponMenuTitle {
}

/* 投稿文章
---------------------------------------------------------------*/
#result-review .pH10 p {
  position: relative;
  line-height:2;
  margin-bottom:10px;
}
/* 返信
---------------------------------------------------------------*/
#result-review .bdGray {
  position: relative;
  padding:20px;
  margin-bottom:30px;
  line-height:2;
  background-color:#f8f8f7;
  border-radius:2px ;
}