.review-article_index #black-base #right-cell ,
.report-article_index #black-base #right-cell {background-color: #F6F7F8; color: #322C28;}
.review-article_index #black-base #main-column ,
.report-article_index #black-base #main-column ,
.review-article_index #black-base #update-column ,
.report-article_index #black-base #update-column {color: #322C28;}
.review-article_index #black-base .update-tabWrap .ud-tab:not(.act) p ,
.report-article_index #black-base .update-tabWrap .ud-tab:not(.act) p {background-color: #F6F7F8;}
.review-article_index #black-base section:not(#foot-menu) .if_blurbg::after ,
.report-article_index #black-base section:not(#foot-menu) .if_blurbg::after {background: linear-gradient(to top , #F6F7F8 ,transparent);}

.review-article_index #black-base #common-prof .cp-wraps-content a ,
.report-article_index #black-base #common-prof .cp-wraps-content a {color: #322C28;}
.review-article_index #black-base .cp-schedules .shift-day ,
.report-article_index #black-base .cp-schedules .shift-day {background: #ddd;}
.review-article_index #black-base .cp-schedules .shift-time span.now ,
.report-article_index #black-base .cp-schedules .shift-time span.now {color: #e00;}

.if_pagelHead:not(:first-of-type) {
  background: transparent !important;
}
.if_pagelHead .girlname p {
  width: 90%;
  height: 50px;
  margin: 10px auto;
  padding: 0 8px;
  line-height: 50px;
  font-size: 16px;
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 3px;
  background: #fff;
  cursor: default;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.if_pagelHead .girlname a span {
  text-decoration: underline;
  cursor: pointer;
}
.white-label .if_pagelHead .girlname a span.cs-n-color ,
.white-label #reviewmain-field .article-wrap .profile .link a.cs-n-color {color: #2962FF;}

.if_pagemeta {margin: 0 0 16px;}

#rpWrap .rate  {padding: 20px;}
#rpWrap .rate .graf {margin-right: 15px;}
#rpWrap .rate .graf canvas {
  width: 240px;
  transition: 0.2s;
}
#rpWrap .rate .score dl ,
#rpWrap .rate .score dt.general {
  width: 370px;
  transition: 0.2s;
}
#rpWrap .rate .score dt.general {
  margin-bottom: 16px;
  font-size: 25px;
  border-bottom: 4px solid #777;
}
#rpWrap .rate .score dd {
  width: 175px;
  margin-bottom: 10px;
  font-size: 13px;
  border-bottom: 2px solid #999;
  transition: 0.2s;
}
#rpWrap .rate .score dd:nth-child(odd) {margin-left: 15px;}
#rpWrap .rate .score dl p span {
  margin-left: 5px;
  font-weight: bold;
}
#rpWrap .rate .score dl mark {float: right;}
#rpWrap .rate .score .icon {
  width: 100%;
  margin: 16px 0 0;
}
#rpWrap .rate .score .icon li {
  padding: 5px 8px;
  font-size: 12px;
  border-radius: 3px;
  background: #ddd;
}
#rpWrap .rate .score .icon .act {background: #B3E5FC;}

#rpWrap .user {
  padding: 20px;
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 5px;
  background: #f0f0f0;
  align-self: center;
}
#rpWrap .user figure {margin: 0 0 10px;}
#rpWrap .user figure span {
  width: 100px;
  height: 100px;
  margin: auto;
  border-radius: 80px;
  background: #d9d9d9;
  display: block;
  overflow: hidden;
}
#rpWrap .user figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}
#rpWrap .user figure figcaption {
  width: 110px;
  margin: -10px auto 0;
  padding: 1px 0;
  font-size: 12px;
  border-radius: 3px;
  background: #ffbc33;
  position: relative;
  z-index: 2;
}
#rpWrap .user dt {
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#rpWrap .user .sub {font-size: 92%;}
#rpWrap .user .sub i {margin-left: 4px;}
#rpWrap .user .link {margin-top: 10px;}
#rpWrap .user .link a {
  width: 180px;
  margin: auto;
  padding: 1px 0;
  text-align: center;
  border-radius: 3px;
  box-shadow: 0 0 2px #555;
  background: #fff;
  display: block;
  transition: 0.2s;
}
#rpWrap .user .link a:hover {background: #e8e8e8;}


#date {
  margin-bottom: 30px;
  padding: 10px 0 5px;
  border-top: 1px dashed #999;
  border-bottom: 1px dashed #999;
}
#date .price ,
#date .play {margin-bottom: 5px;}
#date .price dt {margin-right: 12px;}
#date .price dt ,
#date .price dd {
  padding-right: 8px;
  border: 2px solid #B3E5FC;
  white-space: nowrap;
}
#date .price span {
  margin-right: 5px;
  padding: 1px 8px;
  background: #B3E5FC;
  display: inline-block;
}
#date .play {
  margin-left: auto;
  align-items: center;
  color: #777;
  background: transparent;
}
#date .play li {font-size: 12px;}
#date .play li:not(:last-child){margin-right: 20px;}

#reviewmain-field .article-wrap .profile {
  max-width: 320px;
  margin-bottom: 20px;
  border: 1px solid #ccc;
  border-radius: 4px;
  overflow: hidden;
}
#reviewmain-field .article-wrap .profile figure {
  width: 100%;
  /*max-height: 400px;*/
  overflow: hidden;
  cursor: pointer;
  position: relative;
}
#reviewmain-field .article-wrap .profile figure::before {
  content: "";
  width: 100%;
  padding-top: 133.33%;
  display: block;
}
#reviewmain-field .article-wrap .profile figure a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
#reviewmain-field .article-wrap .profile figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#reviewmain-field .article-wrap .profile dl {
  padding: 8px;
  font-size: 13px;
}
#reviewmain-field .article-wrap .profile dl span {
  margin: 0 10px 0 0;
  font-weight: bold;
}
#reviewmain-field .article-wrap .profile dl i {font-size: 90%;}
#reviewmain-field .article-wrap .profile .link {
  margin-top: 3px;
  padding: 5px;
  border-top: 1px solid #ccc;
}
#reviewmain-field .article-wrap .profile .link a {display: block;}
#reviewmain-field .article-wrap .profile .link i::before {
  content: '\e96a';
  font-family: 'h-ico';
  vertical-align: middle;
  float: right;
}

#rpWrap.nr .rate .score .icon {margin: 0;}

@media screen and (min-width: 769px) {
  #rpWrap.nr .user {
    margin-bottom: 20px;
    display: flex;
  }
  #rpWrap.nr .user figure {margin: 0;}
  #rpWrap.nr .user figure span {
    width: 80px;
    height: 80px;
  }
  #rpWrap.nr .user dl {
    margin-left: 20px;
    align-self: center;
  }
  .pcfl {justify-content: flex-start;}
  .pcfl li {margin-right: 10px;}
}

@media screen and (min-width: 1026px) and (max-width: 1170px) {
  #rpWrap .rate .graf canvas {width: 190px;}
  #rpWrap .rate .score dl,
  #rpWrap .rate .score dt.general {width: 315px;}
  #rpWrap .rate .score dd {
    width: 150px;
    font-size: 11px;
  }
  #rpWrap .user {
    padding: 10px;
    margin: 10px 0;
  }
  
}

@media screen and (min-width: 769px) and (max-width: 1026px) {
  #rpWrap {
    flex-wrap: wrap;
    overflow: hidden;
  }
  #rpWrap .user {
    padding: 0 20px 20px;
    border: none;
    background: none;
    display: flex;
  }
  #rpWrap .user figure {margin-right: 15px;}
  #rpWrap .user dl {align-self: center;}
}

@media screen and (max-width: 768px) {
  #data-column #tsubo-field {display: none;}
  #black-base .if_pagelHead {
    color: #322C28 !important;
    background: linear-gradient(to top,#e9e9e9 30%,#f6f7f8) !important;
  }
  #rpWrap {
    margin: 20px 0 0;
    display: block;
  }
  #rpWrap .rate {padding: 0;}
  #rpWrap .rate {position: relative;}
  #rpWrap .rate .graf {
    position: absolute;
    top: 50px;
    left: 12px;
  }
  #rpWrap .rate .graf canvas {width: 160px;}
  #rpWrap .rate .score {
    width: 100%;
    margin: auto;
  }
  #rpWrap .rate .score dl,
  #rpWrap .rate .score dt.general {
    width: 100%;
    display: block;
  }
  #rpWrap .rate .score dt.general {
    padding: 0 10px;
    font-size: 22px;
  }
  #rpWrap .rate .score dd:nth-child(2n+1),
  #rpWrap .rate .score dd {
    width: 155px;
    width: calc(100% - 200px);
    margin: 0 0 10px 195px;
    font-size: 12px;
  }
  #rpWrap .rate .score dd p {display: flex;}
  #rpWrap .rate .score dd p span {margin: 0 5px 0 auto;}
  #rpWrap .rate .score .icon {justify-content: space-around;}
  #date .price dt ,
  #date .price dd {background: #f6f7f8;}
  #reviewmain-field .article-wrap .profile {
    max-width: 280px;
    margin: 0 auto 20px;
  }
  #reviewmain-field .article-wrap .profile figure {max-height: 300px;}
  #reviewmain-field .article-wrap .profile .link i::before {margin: 3px 0 0;}
  
  
  #date {
    font-size: 11px;
    justify-content: center;
  }
  #date .play {
    width: 100%;
    margin-left: 0;
    justify-content: space-around;
  }
  #date .play li {font-size: 10px;}
  #date .play li:not(:last-child) {margin-right: 0;}
  #rpWrap .user {
    border: none;
    background: none;
    display: flex;
    justify-content: center;
  }
  #rpWrap .user figure {margin: 0 8px 0 0;}
  #rpWrap .user figure span {
    width: 75px;
    height: 75px;
  }
  #rpWrap .user dl {align-self: center;}
}
@media screen and (max-width: 550px) {
  #rpWrap .rate .score dd {
    margin-left: auto !important;
    position: relative;
    right: 16px;
  }
}
@media screen and (min-width: 550px) and (max-width: 768px) {
  #rpWrap .rate .score dd:nth-child(2n+1),
  #rpWrap .rate .score dd {width: 200px;}
  #rpWrap .rate .score dl .general mark {
    float: none;
    margin-left: 24px;
  }
  #rpWrap:not(.nr) .rate .score .icon {
    width: calc(100% - 420px);
    position: absolute;
    top: 40px;
    right: 10px;
    display: block;
  }
  #rpWrap:not(.nr) .rate .score .icon li {margin-bottom: 15px;}
}


#summary-body {
	padding: 10px 2%;
	display: flex;
	flex-wrap: wrap;
	font-size: 12px;
}
#summary-body ul {
	width: 100%;
	padding-left: 15px;
	padding-right: 15px;
	display: flex;
	justify-content: flex-start;
	align-items: flex-end;
	transition: 0.2s;
}
#summary-body ul li:last-child {margin-left: auto;}
.smry-top {
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid  #322C28;
}
.smry-top li:not(:last-child) {margin-right: 10px}
.smry-top mark {
	height: 1em;
	font-size: 28px;
	bottom: -1px;
}
.smry-top .smry-ico {
	height: 22px;
	padding: 0 3px;
	line-height: 21px;
	font-size: 11px;
	border-radius: 3px;
	border: 1px solid #322C28;
}
.smry-top .smry-user {text-align: right; display: flex;}
.smry-top .smry-user a {text-decoration: underline}
.smry-top .smry-user a:hover {opacity: 0.6;}
.smry-top .smry-user .smry-img {
	width: 38px;
	height: 38px;
	margin-left: 5px;
	background: rgba(153,153,153,0.3);
	overflow: hidden;
}
.smry-top .smry-user .smry-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.smry-bottom li:not(:last-child) {
	margin-right: 10px;
	padding-right: 10px;
	border-right: 1px solid #322C28;
}
.smry-bottom .score {text-align: center;}
@media screen and (max-width: 910px){
	#summary-body ul {
		padding-left: 5px;
		padding-right: 5px;
		font-size: 90%;
	}
	#summary-body .smry-bottom {align-items: baseline;}
	.smry-bottom .score i:before ,
	.smry-bottom .smry-time time:before {content: none;}
}

#main-column.recommend-item {
	background: url(/images/dx_new/label-recommend.png) no-repeat;
	background-position: top 230px right -30px;
}
#main-column.tomodachi-item {
	background: url(/images/dx_new/label-tomodachi.png) no-repeat;
	background-position: top 230px right -30px;
}

#reviewmain-field {padding: 0 20px 20px;}
#reviewmain-field .head-wrap {margin-bottom: 15px;}
#reviewmain-field .head-wrap .play-date li {margin-right: 20px;}
#reviewmain-field .head-wrap h3 {font-size: 30px;}

#reviewmain-field:after ,
.userc-wrap:after {
	content: '';
	width: 100%;
	height: 1px;
	margin: auto;
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px dashed #777;
	display: block;
}
.article-wrap {
	max-width: 1200px;
	margin: 0 auto 25px;
	padding: 0 20px;
}
.article-wrap h4 {
	margin-bottom: 20px;
	font-size: 18px;
	position: relative;
}
.article-wrap h4:before ,
.article-wrap h4:after {
	content: '';
	border-bottom: 1px solid currentColor;
	position: absolute;
	left: 0;
}
.article-wrap h4:before {width: 120px; bottom: -2px;}
.article-wrap h4:after {width: 100px; bottom: -7px;}
.article-wrap .letter-body {
	padding: 0 15px;
    font-size: 16px;
    font-weight: 500;
	font-family: "游ゴシック","Yu Gothic Medium","Hiragino Kaku Gothic ProN","Meiryo";
}
.article-wrap a {color: #2962FF;}
.article-wrap a:hover {text-decoration: underline;}
.article-wrap img {height: auto;}
.article-wrap img,
.article-wrap iframe {max-width: 100% !important; }
.coron:before {
	content: '：';
}
/*#hotel-field,*/
#limited-field {margin-top: 10px;}
/*#hotel-field .cs-media-wrap,*/
#limited-field .cs-media-wrap {width: 100%;padding: 45% 0 0;}
#limited-field .cs-media-wrap {background: #222;}

/*#hotel-field.loading .cs-media-wrap::before ,*/
#limited-field.loading .cs-media-wrap::before {
  content: url('/images/shopmanager/loader-bk.svg');
  width: 120px;
  height: 120px;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
/*#hotel-field img,*/
#limited-field img {height: 100%;}
/*#hotel-field .cs-gallery-wrap,*/
#limited-field .cs-gallery-wrap {align-items: center;}
/*#hotel-field .mCSB_container {max-width: 100%;}*/
.if_carousel .cs-gallery-wrap li {max-width: calc(100% / 10);}

.limited-title {
	margin-bottom: 7px;
	text-align: center;
}
.limited-title h5:after {
	content: '';
	width: 140px;
	margin: -4px auto 3px;
	border-bottom: 3px solid #222;
	display: block;
}
.limited-title p {
	font-size: 12px;
	letter-spacing: 0.2em;
}
#limited-field .nologin {
	padding: 15px;
	background: #222;
}
#limited-field .nologin p {
	margin: auto;
	position: relative;
}
#limited-field .nologin p:before {
	content: '\e925';
	font-family: 'h-ico';
	width: 60px;
	font-size: 60px;
	color: #F9F9F9;
}
#limited-field .nologin b {line-height: 1.2em; color: #F9F9F9;}
#limited-field .nologin span {font-size: 80%; color: #999;}
#limited-field .nologin b ,
#limited-field .nologin span {display: block;}

.improve-wrap {
	width: 100%;
	padding: 15px 4%;
	background: #E5E2E4;
}
.improve-wrap h5 {margin-bottom: 15px; text-align: center;}
.improve-wrap h5:after {
	content: '';
	width: 80px;
	margin: auto;
	border-bottom: 2px solid currentColor;
	display: block;
}
.improve-wrap article {font-size: 14px;}

#good h4 {
  margin: 0 0 10px;
  text-align: center;
}
.good-wrap #goodBtn ,
.good-wrap .good-count {
  height: 45px;
  line-height: 33px;
  text-align: center;
  align-self: center;
}
.good-wrap #goodBtn {
  padding: 6px 15px;
  background: #B3E5FC;
  cursor: pointer;
  color: #1E88E5;
}
.good-wrap .good-count {
  width: 50px;
  padding: 0;
  line-height: 39px;
  position: relative;
  display: inline-block;
  background: #FFF;
  border: solid 3px #B3E5FC;
  box-sizing: border-box;
}
.good-wrap .good-count:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -16px;
  margin-top: -8px;
  border: 8px solid transparent;
  border-right: 8px solid #fff;
  z-index: 2;
  vertical-align: middle;
}
.good-wrap .good-count:after {
  content: "";
  position: absolute;
  top: 50%;
  left: -21px;
  margin-top: -10px;
  border: 10px solid transparent;
  border-right: 10px solid #B3E5FC;
  z-index: 1;
}
.good-wrap #goodBtn:before {
	content: '\e94b';
	margin-right: 3px;
	font-family: 'h-ico';
	vertical-align: middle;
	display: inline-block;
	transition: 0.2s;
}
.good-wrap #goodBtn:not(.current):hover {font-weight: bold;}
.good-wrap #goodBtn:not(.current):hover:before {transform: rotate(-15deg);}
.good-wrap #goodBtn.current {cursor: text;}
.good-wrap #goodBtn.bounce:before {
	animation-name: bounce;
	animation-duration: 1s;
	animation-fill-mode: both;
	animation-iteration-count: 1;
}

@keyframes bounce {
  from,
  20% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0) rotate(-15deg);
  }
  40%,
  43% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -8px, 0)rotate(-12deg);
  }
  53%{
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0) rotate(-9deg);
  }
  70% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -4px, 0)rotate(-6deg);
  }
  80% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0) rotate(-3deg);
  }
  90% {
    transform: translate3d(0, -2px, 0)rotate(0deg);
  }
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0) rotate(0);
  }
}
@-webkit-keyframes bounce {
  from,
  20% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0) rotate(-15deg);
  }
  40%,
  43% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -8px, 0)rotate(-12deg);
  }
  53%{
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0) rotate(-9deg);
  }
  70% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -4px, 0)rotate(-6deg);
  }
  80% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0) rotate(-3deg);
  }
  90% {
    transform: translate3d(0, -2px, 0)rotate(0deg);
  }
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0) rotate(0);
  }
}
.good-wrap .good-count.shake {
	font-weight: bold;
	animation: 0.6s countshake;
}
@keyframes countshake {
  from {transform: translate3d(0, 0, 0);}
  10%, 30%, 50% {transform: translate3d(0, -2px, 0);}
  20%, 40% {transform: translate3d(0, 2px, 0);}
}
@-webkit-keyframes countshake {
  from {transform: translate3d(0, 0, 0);}
  10%, 30%, 50% {transform: translate3d(0, -2px, 0);}
  20%, 40% {transform: translate3d(0, 2px, 0);}
}

#comment-field {
	margin-bottom: 30px;
	padding: 0 15px;
}
#comment-field .shopc-wrap {margin-bottom: 20px;}
#comment-field .shopc-wrap .shopc-img {margin-top: 5px;}
#comment-field .shopc-wrap .shopc-img:before {
	content: '\e928';
	font-family: 'h-ico';
	font-size: 40px;
}
#comment-field .shopc-wrap .shopc-comment {
	width: 100%;
	margin: 0 0 20px 10px;
}
#comment-field .shopc-wrap .shopc-comment p {
	padding: 15px;
	line-height: 1.4em;
	border-radius: 3px;
	border-width: 1px;
	border-style: solid;
}

#comment-field .userc-wrap {
	width: 92%;
	margin: auto;
}
#comment-field .userc-wrap .userc-count {
	margin: 3px 0 20px;
	padding: 5px 0;
	font-size: 12px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
#comment-field .userc-wrap .userc-count p:before {
	content: '\e960';
	font-size: 14px;
	font-family: 'h-ico';
	vertical-align: middle;
}
#comment-field .userc-wrap .userc-count span {
	margin: 0 2px;
	font-size: 120%;
}
#comment-field .userc-wrap #userc-moreBtn {width: 150px;}
#comment-field .userc-wrap #userc-moreBtn ,
#comment-field .list:not(.open) .userc-response:after {
	height: 25px;
	margin: auto;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	color: #78909C;
	cursor: pointer;
}
#comment-field .userc-wrap #userc-moreBtn:hover ,
#comment-field .list:not(.open) .userc-response:hover:after {text-decoration: underline;}
#comment-field .userc-wrap .userc-list {
	width: 90%;
	margin: 0 auto 10px;
}
#comment-field .userc-wrap .list {
	padding: 15px 50px 10px;
	transition: 0.3s;
}
#comment-field .userc-wrap .list:hover {background: #ECEFF1}
#comment-field .userc-wrap .list:not(:last-child) {	border-bottom: 1px solid #78909C;}
#comment-field .userc-wrap .userc-profWrap {
	margin-bottom: 15px;
	align-items: center;
}
#comment-field .userc-wrap .userc-img {
	width: 40px;
	height: 40px;
	margin-right: 8px;
	border-radius: 70px;
	border: 2px dashed #666;
	overflow: hidden;
}
#comment-field .userc-wrap .userc-txt {line-height: 1.2em;}
#comment-field .userc-wrap .userc-rank {font-size: 12px;}
#comment-field .userc-wrap .userc-commentBox {margin: 0 auto 15px;}
#comment-field .userc-wrap .userc-dateList {
	font-size: 12px;
	line-height: 1.5em;
	color: #666;
}
#comment-field .userc-wrap .userc-dateList li:not(:first-child) {
	margin-left: 5px;
	padding-left: 5px;
	border-left: 1px solid #999;
}
#comment-field .userc-wrap .userc-ban a:not(:hover) {color: inherit;}

#comment-field .userc-wrap .userc-response {
	width: 95%;
	margin-left: auto;
}
#comment-field .userc-wrap .userc-responseBox {
	margin-bottom: 5px;
	padding: 5px 10px;
	border-left: 4px solid #78909C;
}
#comment-field .userc-wrap .userc-response .userc-profWrap {margin: 0 10px 10px 0;}
#comment-field .userc-wrap .userc-response .userc-img {
	width: 35px;
	height: 35px;
}
#comment-field .userc-wrap .userc-response-txt {line-height: 1.3em;}

#comment-field .list:not(.open) .userc-response .userc-responseBox {
	margin-top: 10px;
	display: flex;
}
#comment-field .list:not(.open) .userc-response:after {
	content: '全文表示';
	width: 80px;
	display: block;
}
#comment-field .list:not(.open) .userc-response .userc-responseBox div {
	height: 24px;
	line-height: 24px;
	font-size: 90%;
	color: #777;
}
#comment-field .list:not(.open) .userc-response .userc-profWrap {
	min-width: -moz-max-content;
	min-width: -webkit-max-content;
	min-width: max-content;
	margin-bottom: 0;
}
#comment-field .list:not(.open) .userc-response .userc-img {
	width: 24px;
	height: 24px;
}

#comment-field .list:not(.open) .userc-response .userc-response-txt ,
#comment-field .list:not(.open) .userc-response .userc-response-txt p {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#comment-field .list:not(.open) .userc-response .userc-rank ,
#comment-field .list:not(.open) .userc-response .userc-response-txt br ,
#comment-field .list:not(.open) .userc-response .userc-dateList {display: none;}

.comment-post {margin-bottom: 15px;}
.comment-post ul {
	font-size: 13px;
	display: flex;
	flex-wrap: wrap;
	color: #888;
}
.comment-post .post-id {margin-right: 20px;}
.comment-post .post-login {
	margin-bottom: 20px;
	font-size: 14px;
	color: #222;
}
.comment-post .post-login span {
	font-size: 115%;
	font-weight: bold;
}
.comment-post .post-text {
	width: 100%;
	margin-top: 10px;
}
.comment-post ul p {padding-left: 0.5em; color: #333;}
.comment-post ul input {
	min-width: 300px;
	height: 29px;
	line-height: 29px;
}
.comment-post textarea {
	width: 100%;
	height: 10.5em;
	margin-bottom: 10px;
}
.comment-post .post-entry {text-align: right;}
#black-base .comment-post .post-entry input[type="submit"] {color: #FFF; background: #333;}
#black-base .comment-post .post-entry input[type="submit"]:hover {background: #111;}
.comment-post .post-entry.ngw:before {
	content: 'NGワードが含まれているので投稿できません。';
	font-size: 13px;
	font-weight: bold;
	color: #F00;
}

.comment-notice {font-size: 13px;}
.notice-list p {margin-bottom: 5px;}
.notice-list {margin-bottom: 15px;}
.notice-list a {
	margin-left: 8px;
	font-size: 85%;
	display: inline-block;
}
.notice-review {
	width: 80%;
	margin: auto;
	padding: 15px 20px;
	border-radius: 3px;
	background: #ECECEC;
}
#comment-field a:hover {text-decoration: underline;}
#comment-field .notyet {text-align: center;}


.itemSlider .reviewlist .item2 .scores .ct .num ,
.reviewlist .item2 .user dl , 
.reviewlist .item2 article p ,
.reviewlist .item2 .starAssessment p ,
.reviewlist .item2 .starAssessment p .score {color: #555;}
.reviewlist .item2 ,
.reviewlist .item2 article h2 , 
.reviewlist .item2 article h3 , 
.reviewlist .item2 .shop .gn ,
.reviewlist .item2 .shop .sn , 
.reviewlist .item2 .user a ,
.reviewlist .item2 .user dl span {color: #111;}
.itemSlider .reviewlist .item2 .user a ,
.reviewlist .item2 .shopcomment {background: rgba(60,60,60,0.1);}

#review-field .morebtn {
	width: 85px;
	height: 23px;
	padding: 2px;
	font-size: 12px;
	position: relative;
	top: -4px;
}

.limited-box ul {width: 100%;}
.bottom-border {
	width: 70%;
	margin: 25px auto 0;
  border-style: dashed;
  border-color: #999;
}

.play-wrap .bottom-border ,
.general-wrap .bottom-border {
  width: 100%;
  margin-left: -10px;
}

/* ホテル画像 */
.hotel-wrap div {position: relative;}
.hotel-wrap div figure {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #eee;
}
.hotel-wrap ul {
  padding: 10px 0 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hotel-wrap ul li {
  width: 30%;
  max-width: 60px;
  margin: 0 3px;
  border: 3px solid;
  position: relative;
  background: #eee;
  overflow: hidden;
  border-radius: 7px;
}
.hotel-wrap ul li:not(.active) {border-color: #fff!important;}
.hotel-wrap ul li::before {
  content: "";
  padding-top: 100%;
  display: block;
}
.hotel-wrap ul li figure {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.hotel-wrap ul li:not(.active) figure {cursor: pointer;}
.hotel-wrap ul li figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hotel-wrap div::after ,
.hotel-wrap ul li figure::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}


@media screen and (min-width: 769px){

	/*.article-wrap .hotel-pic li:not(:last-child){margin-right: 20px;}
	#hotel-field .cs-gallery-wrap li {height: 90px; min-width: 90px;}*/
	#limited-field .nologin p {
		width: 420px;
		max-width: calc(100% - 30px);
		padding-left: 70px;
	}
	#limited-field .nologin p:before {
		position: absolute;
		top: 0;
		left: 0;
	}
	
}/*pc-Tablet*/

@media screen and (min-width: 769px) and (max-width: 1480px) {
	.smry-top mark {font-size: calc(1rem + 1.5vw - 10px);}
}/*Tablet*/

@media screen and (max-width: 768px) {
  .review-article_index #black-base #common-prof .cp-name ,
  .report-article_index #black-base #common-prof .cp-name {background: #f6f7f8;}
  .review-article_index .if_pagelHead {
    width: calc(100% + 20px);
    margin: 0 0 0 -10px;
  }
  #black-base .if_pagelHead {color: #F6F7F8;}
  #black-base .if_pagelHead .girlname p ,
  #black-base #rpWrap .rate .score .icon li ,
  #black-base #rpWrap .user .link a ,
  #black-base #date .price {color: #322C28;}
  #comment-field .userc-wrap {width: 98%;}
  #comment-field .shopc-wrap .shopc-comment {width: calc(94% - 50px);}
  #comment-field .userc-wrap .userc-count {margin-bottom: 10px;}
  #comment-field .userc-wrap .userc-list {
      width: 100%;
      font-size: 12px;
  }
  #comment-field .userc-wrap .list {padding: 15px 20px 10px;}
  
	#main-column.recommend-item,
	#main-column.tomodachi-item {background-size: 200px auto;}
	#summary-body ul {flex-wrap: wrap;}
	.smry-top mark {font-size: 100%;}
	.smry-top .smry-star {
		order: 1;
		width: 140px;
		height: 38px;
		line-height: 38px;
		margin-bottom: 6px;
		font-size: 14px;
	}
	.smry-top .smry-user {
		order: 2;
		width: calc(100% - 150px);
		height: 38px;
		margin-bottom: 6px;
		justify-content: flex-end;
	}
	.smry-top .smry-personal {width: calc(100% - 38px);}
	.smry-top .smry-personal a {
		width: 100%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.smry-top .smry-ico {
		order: 3;
		height: 20px;
		line-height: 18px;
		opacity: 0.7;
	}
	.smry-bottom .score-title {display: none;}
	.smry-bottom  li.score-photo {margin: 0; padding: 0; border: none;}
	.smry-bottom li:not(:last-child) {
		margin-right: 5px;
		padding-right: 5px;
		border-right: 1px solid #322C28;
	}
	.smry-bottom .smry-time {
		width: 100%;
		margin-top: 5px;
		padding-right: 10px;
		text-align: right;
		opacity: 0.7;
	}
	#reviewmain-field {padding: 10px;}
	#reviewmain-field .head-wrap h3 {
      font-size: 23px;
      line-height: 1.2em;
    }
    .article-wrap .letter-body ,
	.article-wrap:not(.improve-wrap) {padding: 0;}
  .hotel-wrap div figure img {max-height: 270px;}
  /*
	.article-wrap .hotel-pic li {width: 30%; height: 80px; margin-bottom: 10px;}
	.article-wrap .hotel-pic li span {width: 100%; height: 80px;}
	.article-wrap .hotel-pic .zoom span {width: 100%;}
  */
	.article-wrap iframe {height: auto;}
	/*#hotel-field .cs-media-wrap, #limited-field .cs-media-wrap {padding: 60% 0 0;}*/
	#limited-field .nologin p {text-align: center; font-size: 12px;}
	#limited-field .nologin p:before {
		margin: 0 auto 10px;
		display: block;
	}
	
	#comment-field {padding: 0}
	.shopc-wrap .shop-comment,
	.userc-wrap .user-box,
	.userc-wrap .comment-box {width: 95%; margin: auto;}
	.userc-wrap li {display: block;}
	.userc-wrap .user-box {
		height: 40px;
		margin-bottom: 8px;
		text-align: left;
		position: relative;
	}
	.userc-wrap .user-box .user-img {
		width: 40px;
		height: 40px;
		position: absolute;
		top: 0;
		left: 0;
	}
	.userc-wrap .user-box .user-name ,
	.userc-wrap .user-box .user-rank {padding-left: 45px;}
	.comment-post .post-entry input {font-size: 13px;}
  .notice-review {width: 95%;}

  .if_pagemeta {
    width: calc(100% + 20px);
    margin: 0 0 16px -10px;
  }
}/*SMP*/




/* ともだち
―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――*/
#reportmain-field {margin: 0 0 30px;}
#reportmain-field .report-head {
  margin: 0 0 16px;
  padding: 0 0 8px;
  border-bottom: 1px dashed #777;
}
#reportmain-field .report-head-title {
  width: 100%;
  margin: 0 0 8px;
  padding: 0 0 8px;
  font-size: 22px;
  line-height: 1.2em;
  border-bottom: 1px dashed #777;
}
#reportmain-field .report-head-time {margin-right: 20px;}
#reportmain-field .report-head dd {
  font-size: 13px;
  color: #555;
}
#reportmain-field .report-head dd span {
  font-weight: bold;
  color: #777;
}

#reportmain-field a {color: #37f;}
#reportmain-field a:not(:hover) {text-decoration: underline;}
#reportmain-field a:hover img {opacity: 0.7;}
#reportmain-field .report-body div ,
#reportmain-field .report-body span ,
#reportmain-field .report-body em ,
#reportmain-field .report-body p ,
#reportmain-field .report-body b ,
#reportmain-field .report-body i {box-sizing: unset;}
article#tmp_telephone span {display: inline-block;}

#report-field .morebtn {
  width: 85px;
  height: 23px;
  padding: 2px;
  font-size: 12px;
  position: relative;
  top: -4px;
}
#common-prof a {
  color: #322C28;
  text-decoration: none !important;
}