@charset "Shift_JIS";

/* detail.css上書き用 */
.jlnpc-relationPlanCasette__list {
  padding-bottom: 15px;
}
.detail .planlistArea .item-relation-planlist .planCassetteCalendar p {
  height: auto;
}

/* スポット詳細ヘッダー */
.spotDetailHeader {
  float: left;
  width: 600px;
  margin-left: -10px;
}

/* スポット・グルメギャラリー */
.pictureGallery {
  clear: both;
}
.pictureGallery__moreLink.moreLink {
  font-size: 12px;
  text-align: right;
}
.pictureGallery__moreLink.moreLink > a {
  padding-left: 12px;
  background: url('/ou/d/cs/pc/image/icon_triangle.svg') no-repeat 0 4px / auto 10px;
  color: #1558ce;
  font-weight: bold;
  text-decoration: none;
}
.pictureGallery__moreLink.moreLink > a:hover {
  color: #e77611;
}

.pictureGallery + .aboutArea,
.reviewRatingGraph + .aboutArea {
  margin-top: 40px;
}

/* 評価グラフ */
.reviewRatingGraph {
  clear: both;
  margin-top: 16px;
  color: #3b1800;
  line-height: 1.5;
}
.reviewRatingGraph__list {
  display: flex;
  justify-content: space-between;
}
.reviewRatingGraph__list > li {
  flex: 1;
  border: 1px solid #bcb6b3;
}
.reviewRatingGraph__list > li + li {
  margin-left: 8px;
}
.reviewRatingGraph__title {
  padding: 4px;
  background: #eee;
  font-weight: bold;
}
.reviewRatingGraph__graph {
  width: 218px;
  margin: 8px auto;
}
.reviewRatingGraph__item {
  display: flex;
  align-items: center;
  line-height: 21px;
}
.reviewRatingGraph__item:not(:first-of-type) {
  margin-top: 8px;
}
.reviewRatingGraph dd {
  display: flex;
  align-items: center;
  margin-left: 12px;
}
/* 棒グラフ */
.reviewRatingGraph__graph--bar dt {
  flex: 0 0 50px;
}
.reviewRatingGraph__barBack {
  flex: 0 0 118px;
  display: block;
  height: 8px;
  margin-top: -2px;
  background: #efebe6;
}
.reviewRatingGraph__barBody {
  display: block;
  width: 0;
  height: 8px;
  background: #e78a13;
}
.reviewRatingGraph__percentage {
  flex: 0 0 38px;
  display: block;
  text-align: right;
}
/* 評点・星 */
.reviewRatingGraph__graph--rating dt {
  flex: 0 0 96px;
}
.reviewRatingGraph__graph--rating .rating {
  display: flex;
  align-items: center;
}
.reviewRatingGraph__graph--rating .rating .reviewPoint {
  min-width: 24px;
  margin-right: 8px;
  color: #e77611;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}
.reviewRatingGraph__graph--rating .rating .starM,
.reviewRatingGraph__graph--rating .rating .starM::before {
  background: url('/ou/d/cs/pc/image/icon_stars_m.svg') no-repeat 0 0 / auto 42px;
}
.reviewRatingGraph__graph--rating .rating .starM {
  display: block;
  position: relative;
  width: 78px;
  height: 14px;
  margin-top: -4px;
}
.reviewRatingGraph__graph--rating .rating .starM::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-position: 0 -28px;
}
.reviewRatingGraph__graph--rating .rating .starM.star0::before {
  width: 0;
}
.reviewRatingGraph__graph--rating .rating .starM.star1::before,
.reviewRatingGraph__graph--rating .rating .starM.star2::before {
  width: 3px;
}
.reviewRatingGraph__graph--rating .rating .starM.star3::before,
.reviewRatingGraph__graph--rating .rating .starM.star4::before {
  width: 6px;
}
.reviewRatingGraph__graph--rating .rating .starM.star5::before {
  width: 7.2px;
}
.reviewRatingGraph__graph--rating .rating .starM.star6::before,
.reviewRatingGraph__graph--rating .rating .starM.star7::before {
  width: 9px;
}
.reviewRatingGraph__graph--rating .rating .starM.star8::before,
.reviewRatingGraph__graph--rating .rating .starM.star9::before {
  width: 11px;
}
.reviewRatingGraph__graph--rating .rating .starM.star10::before {
  width: 15px;
}
.reviewRatingGraph__graph--rating .rating .starM.star11::before,
.reviewRatingGraph__graph--rating .rating .starM.star12::before {
  width: 19px;
}
.reviewRatingGraph__graph--rating .rating .starM.star13::before,
.reviewRatingGraph__graph--rating .rating .starM.star14::before {
  width: 22px;
}
.reviewRatingGraph__graph--rating .rating .starM.star15::before {
  width: 23px;
}
.reviewRatingGraph__graph--rating .rating .starM.star16::before,
.reviewRatingGraph__graph--rating .rating .starM.star17::before {
  width: 25px;
}
.reviewRatingGraph__graph--rating .rating .starM.star18::before,
.reviewRatingGraph__graph--rating .rating .starM.star19::before {
  width: 27px;
}
.reviewRatingGraph__graph--rating .rating .starM.star20::before {
  width: 31px;
}
.reviewRatingGraph__graph--rating .rating .starM.star21::before,
.reviewRatingGraph__graph--rating .rating .starM.star22::before {
  width: 35px;
}
.reviewRatingGraph__graph--rating .rating .starM.star23::before,
.reviewRatingGraph__graph--rating .rating .starM.star24::before {
  width: 38px;
}
.reviewRatingGraph__graph--rating .rating .starM.star25::before {
  width: 39px;
}
.reviewRatingGraph__graph--rating .rating .starM.star26::before,
.reviewRatingGraph__graph--rating .rating .starM.star27::before {
  width: 41px;
}
.reviewRatingGraph__graph--rating .rating .starM.star28::before,
.reviewRatingGraph__graph--rating .rating .starM.star29::before {
  width: 43px;
}
.reviewRatingGraph__graph--rating .rating .starM.star30::before {
  width: 46px;
}
.reviewRatingGraph__graph--rating .rating .starM.star31::before,
.reviewRatingGraph__graph--rating .rating .starM.star32::before {
  width: 51px;
}
.reviewRatingGraph__graph--rating .rating .starM.star33::before,
.reviewRatingGraph__graph--rating .rating .starM.star34::before {
  width: 54px;
}
.reviewRatingGraph__graph--rating .rating .starM.star35::before {
  width: 55px;
}
.reviewRatingGraph__graph--rating .rating .starM.star36::before,
.reviewRatingGraph__graph--rating .rating .starM.star37::before {
  width: 57px;
}
.reviewRatingGraph__graph--rating .rating .starM.star38::before,
.reviewRatingGraph__graph--rating .rating .starM.star39::before {
  width: 59px;
}
.reviewRatingGraph__graph--rating .rating .starM.star40::before {
  width: 62px;
}
.reviewRatingGraph__graph--rating .rating .starM.star41::before,
.reviewRatingGraph__graph--rating .rating .starM.star42::before {
  width: 67px;
}
.reviewRatingGraph__graph--rating .rating .starM.star43::before,
.reviewRatingGraph__graph--rating .rating .starM.star44::before {
  width: 70px;
}
.reviewRatingGraph__graph--rating .rating .starM.star45::before {
  width: 71px;
}
.reviewRatingGraph__graph--rating .rating .starM.star46::before,
.reviewRatingGraph__graph--rating .rating .starM.star47::before {
  width: 73px;
}
.reviewRatingGraph__graph--rating .rating .starM.star48::before,
.reviewRatingGraph__graph--rating .rating .starM.star49::before {
  width: 75px;
}
.reviewRatingGraph__graph--rating .rating .starM.star50::before {
  width: 78px;
}

/* プランカセットカレンダー */
.planCassetteCalendar__list th,
.planCassetteCalendar__list td {
  width: 76.66px;
}

/*  近隣遊びプランちら出し */
.relatedList.activity .item-relation-planlist .asobiH2 {
  position: relative;
  padding: 8px 0 8px 30px;
  background: url('/ou/d/cs/pc/image/icon_activity.png') no-repeat 0 0 / 25px 34px;
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
  cursor: default;
}
.relatedList.activity .item-relation-planlist .asobiH2 span {
  position: absolute;
  right: 0;
  bottom: 0;
  color: #666;
  font-size: 11px;
  font-weight: normal;
}
.relatedList.activity .item-relation-planlist .itemInner::after {
  content: '';
  display: block;
  clear: both;
}
.relatedList.activity .item-relation-planlist .planlist-item-header {
  display: table;
  table-layout: fixed;
  width: 100%;
  padding-bottom: 10px;
}
.relatedList.activity .item-relation-planlist .itemTagWrap {
  display: table-cell;
}
.relatedList.activity .item-relation-planlist .planlist-item-addPoint .item-addPoint {
  margin: 0 5px 0 0;
}
.relatedList.activity .item-relation-planlist .item-payment {
  padding-right: 5px;
}
.relatedList.activity .item-relation-planlist .item-genre {
  float: left;
  margin-top: 3px;
  color: #666;
  font-size: 11px;
  line-height: 14px;
}
.relatedList.activity .item-relation-planlist .item-spotName {
  display: table-cell;
  width: 275px;
  color: #666;
  font-size: 10px;
  line-height: 14px;
  text-align: right;
  vertical-align: middle;
}
.relatedList.activity .cassetteList-tile .item-relation-planlist,
.relatedList.activity .cassetteList-tile .item-labelListBox {
  display: none;
}
.relatedList.activity .item-labelListBox {
  position: absolute;
  top: 10px;
  right: 3px;
}
.relatedList.activity .item-labelListBox li {
  float: left;
  margin-left: 3px;
}
.relatedList.activity .item:hover {
  background: #fff;
}
.relatedList.activity .item-listContents {
  padding: 10px 3px;
}
.relatedList.activity .item-listContents:hover {
  background: #fef5d7;
}
.relatedList.activity .item-listContents .item-photo {
  display: none;
}
.relatedList.activity .item-listContents .item-info {
  float: none;
  width: auto;
  overflow: hidden;
}
.relatedList.activity .item-listContents .item-activityLabel,
.relatedList.activity .item-listContents .item-addPoint {
  display: none;
}
.relatedList.activity .item-relation-planlist {
  cursor: default;
  padding: 10px 0 20px;
  border: none;
}
.relatedList.activity .item-relation-planlist:hover {
  background: #fff;
}
.relatedList.activity .item-relation-planlist .moreLink {
  margin-top: 20px;
  text-align: right;
}
.relatedList.activity .item-relation-planlist ul {
  border-bottom: 2px dotted #e3e3e3;
}
.relatedList.activity .item-relation-planlist .item {
  padding: 10px 2px;
  border-top: 2px dotted #e3e3e3;
  cursor: pointer;
}
.relatedList.activity .item-relation-planlist .item::after {
  content: '';
  display: block;
  clear: both;
}
.relatedList.activity .item-relation-planlist .item:hover {
  background: #fef5d7;
}
.relatedList.activity .item-relation-planlist .item-relation-plan-thum {
  position: relative;
  float: left;
  width: 172px;
  height: 129px;
  text-align: center;
  overflow: hidden;
}
.relatedList.activity .item-relation-planlist .item-relation-plan-thum img {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 100%;
  max-height: 100%;
  transform: translate(-50%, -50%);
}
.relatedList.activity .item-relation-planlist .item-relation-plan-details {
  float: left;
  width: 554px;
  margin-left: 10px;
}
.relatedList.activity .item-relation-planlist .item-relation-plan-details dt {
  font-size: 14px;
  font-weight: bold;
  word-break: break-all;
}
.relatedList.activity .item-relation-planlist .item-relation-plan-details dd {
  color: #333;
  font-size: 11px;
}
.relatedList.activity .item-relation-planlist .item-relation-plan-details dd.relation-planlist-price {
  margin-top: 10px;
  color: #f00;
  font-size: 16px;
  font-weight: bold;
}
.relatedList.activity .item-relation-planlist .item-relation-plan-details dd.relation-planlist-genre {
  margin: 5px 0 0;
  color: #666;
  line-height: 1;
}
.relatedList.activity .item-relation-planlist .relation-planlist-price,
.relatedList.activity .item-relation-planlist .relation-planlist-tag {
  width: 370px;
}
.relatedList.activity .item-relation-planlist .item .availabilityBtn {
  position: absolute;
  right: 2px;
  bottom: 8px;
  width: 188px;
  height: 32px;
}
.relatedList.activity .item-relation-planlist .item .availabilityBtn a {
  text-indent: -700px;
}
.relatedList.activity .item-relation-planlist .item .availabilityBtn a:hover {
  background-position: 0 -31px;
}

.facilityInfo_smallTxt {
  font-size: 10px;
  line-height: 1.5;
}