@charset "euc-jp";

/********** メニュー アクティブ **********/
.header-menu-list-item.is_howto .header-menu-list-item__link {
  box-shadow: 0 -3px 0 #a0107c inset;
  color: #ab48a2;
}

.howto.is_howto .sub-menu-list-item.is_howto .sub-menu-list-item__link,
.howto.is_beginner .sub-menu-list-item.is_beginner .sub-menu-list-item__link,
.howto.is_price .sub-menu-list-item.is_price .sub-menu-list-item__link,
.howto.is_memstage .sub-menu-list-item.is_memstage .sub-menu-list-item__link,
.howto.is_enjoy .sub-menu-list-item.is_enjoy .sub-menu-list-item__link,
.howto.is_please .sub-menu-list-item.is_please .sub-menu-list-item__link,
.howto.is_card .sub-menu-list-item.is_card .sub-menu-list-item__link {
  box-shadow: 0 -2px 0 #79016c inset;
  font-weight: bold;
  text-decoration: none;
  color: #79016c;
}

/*** 登録ボタン ***/
a.registration-btn {
  box-sizing: border-box;
  display: block;
  width: 350px;
  height: 56px;
  margin: 0 auto;
  padding: 0 24px;
  background-color: #a0107c;
  border-radius: 6px;
  box-shadow: 0 1px 3px rgba(121, 1, 108, .5);
  font-size: 18px;
  font-weight: bold;
  line-height: 56px;
  text-align: center;
  color: #fff;
}

a.registration-btn:hover {
  background-color: #79016c;
}





/***** プレゼントポイントバナー *****/
.present-point {
  box-sizing: border-box;
  width: 800px;
  height: 659px;
  margin: 0 auto 70px;
  padding-top: 530px;
  background: url(https://assets.chatpia.jp/common/img/img_howto_bg.jpg?250520) no-repeat;
}

.present-point__text {
  margin-bottom: 24px;
  text-align: center;
  color: #fff;
}





/***** おすすめ女性 *****/
.recommend-performer-list {
  padding: 15px;
  margin-bottom: 30px;
  background-color: #eefcde;
  border-radius: 6px;
}

.recommend-performer-list.is_25 {
  margin-top: 40px;
}

.recommend-performer-list.is_30 { background-color: #ecf4ff; }
.recommend-performer-list.is_35 { background-color: #fff9e3; }
.recommend-performer-list.is_40 { background-color: #fff4f6; }
.recommend-performer-list.is_45 { background-color: #faedff; }

.recommend-performer-list.is_50 {
  margin-bottom: 40px;
  background-color: #f8f6f3;
}

.recommend-performer-list-title {
  margin-bottom: 5px;
  background-position: 0 0.6em;
  font-size: 16px;
}

.recommend-performer-list.is_25 .recommend-performer-list-title {
  color: #6bbc27;
}

.recommend-performer-list.is_30 .recommend-performer-list-title {
  color: #60b0da;
}

.recommend-performer-list.is_35 .recommend-performer-list-title {
  color: #ea9c1b;
}

.recommend-performer-list.is_40 .recommend-performer-list-title {
  color: #e86d90;
}

.recommend-performer-list.is_45 .recommend-performer-list-title {
  color: #a459c7;
}

.recommend-performer-list.is_50 .recommend-performer-list-title {
  color: #bba17c;
}

.performer-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: initial;
  padding-left: initial;
}

.performer-list-item {
  position: relative;
  list-style-type: none;
}

.performer-list-item-link {
  display: block;
  width: 144px;
  text-align: center;
}

.performer-list-item-link-thumbnail {
  margin-bottom: 8px;
  padding: 6px;
  background-color: #fff;
  border: 1px solid #ddd;
}

.performer-list-item-link-thumbnail__image {
  display: block;
  width: 130px;
  height: 97px;
}

.performer-list-item__search-btn {
  display: block;
  width: 264px;
  height: 50px;
  margin-top: 30px;
  background: url(https://assets.chatpia.jp/common/img/img_howto_btn_search.png) no-repeat;
}

.performer-list-item__search-btn:hover { background-position: -264px 0; }

.recommend-performer-list.is_30 .performer-list-item__search-btn { background-position: 0 -50px; }
.recommend-performer-list.is_30 .performer-list-item__search-btn:hover { background-position: -264px -50px; }

.recommend-performer-list.is_35 .performer-list-item__search-btn { background-position: 0 -100px; }
.recommend-performer-list.is_35 .performer-list-item__search-btn:hover { background-position: -264px -100px; }

.recommend-performer-list.is_40 .performer-list-item__search-btn { background-position: 0 -150px; }
.recommend-performer-list.is_40 .performer-list-item__search-btn:hover { background-position: -264px -150px; }

.recommend-performer-list.is_45 .performer-list-item__search-btn { background-position: 0 -200px; }
.recommend-performer-list.is_45 .performer-list-item__search-btn:hover { background-position: -264px -200px; }

.recommend-performer-list.is_50 .performer-list-item__search-btn { background-position: 0 -250px; }
.recommend-performer-list.is_50 .performer-list-item__search-btn:hover { background-position: -264px -250px; }





/***** 遊び方&チャットピアのお約束 *****/
.howtoplay-list,
.promise-list {
  display: flex;
  flex-wrap: wrap;
  gap: 30px 20px;
  list-style: none;
  margin-top: 40px;
  padding-left: initial;
}

.howtoplay-list:not(:last-child),
.promise-list:not(:last-child) {
  margin-bottom: 30px;
}

.howtoplay-list-item,
.promise-list-item {
  position: relative;
  box-sizing: border-box;
  width: calc(50% - 10px);
  min-height: 81px;
  padding-left: 90px;
}

.howtoplay-list-item:before,
.promise-list-item:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: '';
  width: 80px;
  height: 80px;
  background: url(https://assets.chatpia.jp/common/img/img_howto_iconset.png) no-repeat;
}

/*** 遊び方 ***/
.howtoplay-list-item.is_2shot:before { background-position: 0 0; }
.howtoplay-list-item.is_nozoki:before { background-position: 0 -90px; }
.howtoplay-list-item.is_message:before { background-position: 0 -180px; }
.howtoplay-list-item.is_schedule:before { background-position: 0 -450px; }
.howtoplay-list-item.is_event:before { background-position: 0 -630px; }
.howtoplay-list-item.is_rank:before { background-position: 0 -720px; }

/*** お約束 ***/
.promise-list-item.is_spam-mail:before { background-position: 0 -810px; }
.promise-list-item.is_withdrawal:before { background-position: 0 -900px; }
.promise-list-item.is_price:before { background-position: 0 -990px; }
.promise-list-item.is_operation-year:before { background-position: 0 -1080px; }

.howtoplay-list-item .definition-list-title,
.promise-list-item .definition-list-title {
  margin-bottom: 3px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.2em;
  color: #ab48a2;
}

.howtoplay-list-item .definition-list-data,
.promise-list-item .definition-list-data {
  font-size: 14px;
  line-height: 1.5em;
}

.text_color.is_warning {
  color: #ff1919;
}