@charset "euc-jp";

/* CSS Document */

div.room div.chatbox:hover,
div.room div.chatbox_big:hover {
  background: #f2f2f2;
}

#vtrroom a.vtrCre {
  clear: both;
  display: block;
  padding-top: 7px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 1.5px;
}

/* ランキングバナー */
.thumb-ranking {
  position: absolute;
  bottom: 66px;
  right: 4px;
  overflow: hidden;
  width: 89px;
  height: 32px;
  background: url(https://assets.chatpia.jp/common/images/top_thumb_rank.png) no-repeat;
  background-size: 128px;
}
.chatbox_big .thumb-ranking {
  bottom: 73px;
  right: 5px;
  width: 112px;
  height: 40px;
  background-size: initial;
}
.rank-name_mon    { background-position: right -62px; }
.rank-name_week   { background-position: right -96px; }
.rank-name_zen    { background-position: right -127px; }
.rank-name_new    { background-position: right -159px; }

.chatbox_big .rank-name_mon    { background-position: right -79px; }
.chatbox_big .rank-name_week   { background-position: right -119px; }
.chatbox_big .rank-name_zen    { background-position: right -159px; }
.chatbox_big .rank-name_new    { background-position: right -199px; }

.thumb-ranking:after {
  content: "";
  position: absolute;
  width: 32px;
  height: 24px;
  right: 5px;
  top: 8px;
  background: url(https://assets.chatpia.jp/common/images/top_thumb_rank.png) no-repeat;
  background-size: 128px;
}
.thumb-ranking.rank_1:after { background-position: 0 0; }
.thumb-ranking.rank_2:after { background-position: 0 -32px; }
.thumb-ranking.rank_3:after { background-position: 0 -64px; }
.thumb-ranking.rank_4:after { background-position: 0 -96px; }
.thumb-ranking.rank_5:after { background-position: 0 -128px; }
.thumb-ranking.rank_6:after { background-position: 0 -160px; }
.thumb-ranking.rank_7:after { background-position: 0 -192px; }
.thumb-ranking.rank_8:after { background-position: 0 -224px; }
.thumb-ranking.rank_9:after { background-position: 0 -256px; }
.thumb-ranking.rank_10:after { background-position: 0 -288px; }
.thumb-ranking.rank_11:after { background-position: 0 -320px; }
.thumb-ranking.rank_12:after { background-position: 0 -352px; }
.thumb-ranking.rank_13:after { background-position: 0 -384px; }
.thumb-ranking.rank_14:after { background-position: 0 -416px; }
.thumb-ranking.rank_15:after { background-position: 0 -448px; }
.thumb-ranking.rank_16:after { background-position: 0 -480px; }
.thumb-ranking.rank_17:after { background-position: 0 -512px; }
.thumb-ranking.rank_18:after { background-position: 0 -544px; }
.thumb-ranking.rank_19:after { background-position: 0 -576px; }
.thumb-ranking.rank_20:after { background-position: 0 -608px; }
.thumb-ranking.rank_21:after { background-position: 0 -640px; }
.thumb-ranking.rank_22:after { background-position: 0 -672px; }
.thumb-ranking.rank_23:after { background-position: 0 -704px; }
.thumb-ranking.rank_24:after { background-position: 0 -736px; }
.thumb-ranking.rank_25:after { background-position: 0 -768px; }
.thumb-ranking.rank_26:after { background-position: 0 -800px; }
.thumb-ranking.rank_27:after { background-position: 0 -832px; }
.thumb-ranking.rank_28:after { background-position: 0 -864px; }
.thumb-ranking.rank_29:after { background-position: 0 -896px; }
.thumb-ranking.rank_30:after { background-position: 0 -928px; }
.thumb-ranking.rank_31:after { background-position: 0 -960px; }
.thumb-ranking.rank_32:after { background-position: 0 -992px; }
.thumb-ranking.rank_33:after { background-position: 0 -1024px; }
.thumb-ranking.rank_34:after { background-position: 0 -1056px; }
.thumb-ranking.rank_35:after { background-position: 0 -1088px; }
.thumb-ranking.rank_36:after { background-position: 0 -1120px; }
.thumb-ranking.rank_37:after { background-position: 0 -1152px; }
.thumb-ranking.rank_38:after { background-position: 0 -1184px; }
.thumb-ranking.rank_39:after { background-position: 0 -1216px; }
.thumb-ranking.rank_40:after { background-position: 0 -1248px; }
.thumb-ranking.rank_41:after { background-position: 0 -1280px; }
.thumb-ranking.rank_42:after { background-position: 0 -1312px; }
.thumb-ranking.rank_43:after { background-position: 0 -1344px; }
.thumb-ranking.rank_44:after { background-position: 0 -1376px; }
.thumb-ranking.rank_45:after { background-position: 0 -1408px; }
.thumb-ranking.rank_46:after { background-position: 0 -1440px; }
.thumb-ranking.rank_47:after { background-position: 0 -1472px; }
.thumb-ranking.rank_48:after { background-position: 0 -1504px; }
.thumb-ranking.rank_49:after { background-position: 0 -1536px; }
.thumb-ranking.rank_50:after { background-position: 0 -1568px; }

.chatbox_big .thumb-ranking:after {
  width: 40px;
  height: 30px;
  right: 7px;
  top: 9px;
  background-size: initial;
}
.chatbox_big .thumb-ranking.rank_1:after { background-position: 0 0; }
.chatbox_big .thumb-ranking.rank_2:after { background-position: 0 -40px; }
.chatbox_big .thumb-ranking.rank_3:after { background-position: 0 -80px; }
.chatbox_big .thumb-ranking.rank_4:after { background-position: 0 -120px; }
.chatbox_big .thumb-ranking.rank_5:after { background-position: 0 -160px; }
.chatbox_big .thumb-ranking.rank_6:after { background-position: 0 -200px; }
.chatbox_big .thumb-ranking.rank_7:after { background-position: 0 -240px; }
.chatbox_big .thumb-ranking.rank_8:after { background-position: 0 -280px; }
.chatbox_big .thumb-ranking.rank_9:after { background-position: 0 -320px; }
.chatbox_big .thumb-ranking.rank_10:after { background-position: 0 -360px; }
.chatbox_big .thumb-ranking.rank_11:after { background-position: 0 -400px; }
.chatbox_big .thumb-ranking.rank_12:after { background-position: 0 -440px; }
.chatbox_big .thumb-ranking.rank_13:after { background-position: 0 -480px; }
.chatbox_big .thumb-ranking.rank_14:after { background-position: 0 -520px; }
.chatbox_big .thumb-ranking.rank_15:after { background-position: 0 -560px; }
.chatbox_big .thumb-ranking.rank_16:after { background-position: 0 -600px; }
.chatbox_big .thumb-ranking.rank_17:after { background-position: 0 -640px; }
.chatbox_big .thumb-ranking.rank_18:after { background-position: 0 -680px; }
.chatbox_big .thumb-ranking.rank_19:after { background-position: 0 -720px; }
.chatbox_big .thumb-ranking.rank_20:after { background-position: 0 -760px; }
.chatbox_big .thumb-ranking.rank_21:after { background-position: 0 -800px; }
.chatbox_big .thumb-ranking.rank_22:after { background-position: 0 -840px; }
.chatbox_big .thumb-ranking.rank_23:after { background-position: 0 -880px; }
.chatbox_big .thumb-ranking.rank_24:after { background-position: 0 -920px; }
.chatbox_big .thumb-ranking.rank_25:after { background-position: 0 -960px; }
.chatbox_big .thumb-ranking.rank_26:after { background-position: 0 -1000px; }
.chatbox_big .thumb-ranking.rank_27:after { background-position: 0 -1040px; }
.chatbox_big .thumb-ranking.rank_28:after { background-position: 0 -1080px; }
.chatbox_big .thumb-ranking.rank_29:after { background-position: 0 -1120px; }
.chatbox_big .thumb-ranking.rank_30:after { background-position: 0 -1160px; }
.chatbox_big .thumb-ranking.rank_31:after { background-position: 0 -1200px; }
.chatbox_big .thumb-ranking.rank_32:after { background-position: 0 -1240px; }
.chatbox_big .thumb-ranking.rank_33:after { background-position: 0 -1280px; }
.chatbox_big .thumb-ranking.rank_34:after { background-position: 0 -1320px; }
.chatbox_big .thumb-ranking.rank_35:after { background-position: 0 -1360px; }
.chatbox_big .thumb-ranking.rank_36:after { background-position: 0 -1400px; }
.chatbox_big .thumb-ranking.rank_37:after { background-position: 0 -1440px; }
.chatbox_big .thumb-ranking.rank_38:after { background-position: 0 -1480px; }
.chatbox_big .thumb-ranking.rank_39:after { background-position: 0 -1520px; }
.chatbox_big .thumb-ranking.rank_40:after { background-position: 0 -1560px; }
.chatbox_big .thumb-ranking.rank_41:after { background-position: 0 -1600px; }
.chatbox_big .thumb-ranking.rank_42:after { background-position: 0 -1640px; }
.chatbox_big .thumb-ranking.rank_43:after { background-position: 0 -1680px; }
.chatbox_big .thumb-ranking.rank_44:after { background-position: 0 -1720px; }
.chatbox_big .thumb-ranking.rank_45:after { background-position: 0 -1760px; }
.chatbox_big .thumb-ranking.rank_46:after { background-position: 0 -1800px; }
.chatbox_big .thumb-ranking.rank_47:after { background-position: 0 -1840px; }
.chatbox_big .thumb-ranking.rank_48:after { background-position: 0 -1880px; }
.chatbox_big .thumb-ranking.rank_49:after { background-position: 0 -1920px; }
.chatbox_big .thumb-ranking.rank_50:after { background-position: 0 -1960px; }

/* サムネイル イベントアイコン
-----------------------------------------------------------------*/

.pict .event-icon {
  position: absolute;
  top: 35px;
  right: 0;
  max-height: 40px;
}

.chatbox_big .pict .event-icon {
  top: 45px;
  right: 5px;
}

.chatbox_big .pict .event-icon.is_rankin {
  right: -5px;
}

/* サムネイル 乾杯アイコン
-----------------------------------------------------------------*/
.pict .event-icon.is_kanpai {
  right: 3px;
  width: 35px;
}

.chatbox_big .pict .event-icon.is_kanpai {
  right: 3px;
  width: auto;
}

/* サムネイル 美魔女アイコン
-----------------------------------------------------------------*/
.pict .event-icon.is_bimajyo {
  right: -3px;
  width: 50px;
}
.chatbox_big .pict .event-icon.is_bimajyo {
  top: 40px;
  right: -2px;
  width: auto;
}

/* サムネイル チャリティーアイコン
-----------------------------------------------------------------*/
.room .ribCharity {
  position: absolute;
  right: 0;
  top: 40px;
}

/* サムネイル 贈り物リボン
-----------------------------------------------------------------*/
.room .ribGift {
  position: absolute;
  left: 2px;
  margin-top: -2px;
}
.room .chatbox .ribGift {
  left: 3px;
}

/* サムネイル お歳暮リボン
-----------------------------------------------------------------*/
.room .ribOseibo,
.room .oseibo_icon {
  position: absolute;
  /*left: 12px; お歳暮用*/
  right: 11px;
  margin-top: -3px;
}
.room .chatbox .ribOseibo,
.room .chatbox .oseibo_icon {
  right: 15px;
  width: 40px;
}

/* サムネイル お中元リボン
-----------------------------------------------------------------*/
.room .otyugen_icon {
  position: absolute;
  right: 12px;
  margin-top: -4px;
  left: inherit !important;
}
.room .chatbox .otyugen_icon {
  left: 13px;
}

/* サムネイル バレンタインリボン
-----------------------------------------------------------------*/
.room .ribVt {
  position: absolute;
  left: 2px;
  margin-top: -3px;
}
.room .chatbox .ribVt {
  left: 7px;
}

/* サムネイルランキングリボン
-----------------------------------------------------------------*/
.room .rankRibbon {
  overflow: hidden;
  position: absolute;
  top: 124px;
  right: 12px;
  width: 111px;
  height: 39px;
  background: url(https://assets.chatpia.jp/common/images/top_thumb_rank.png) no-repeat right 0;
}
/*サムネイル小用*/
.room .chatbox .rankRibbon {
  top: 83px;
  right: 15px;
}

/* 縦配信アイコン
-----------------------------------------------------------------*/

.pict .fullscreen {
  position: absolute;
  left: 8px;
  top: 110px;
  width: 25px;
}

.chatbox_big .pict .fullscreen {
  position: absolute;
  left: 9px;
  top: 136px;
  width: 33px;
}

.room .rankMonth { background-position: right -39px; }
.room .rankWeek { background-position: right -78px; }
.room .rankDay { background-position: right -117px; }
.room .rankNew { background-position: right -156px; }
.room .rankNozoki { background-position: right -195px; }
.room .rank40 { background-position: right -234px; }
.room .rank39 { background-position: right -273px; }

.room .rankRibbon > div {
  overflow: hidden;
  margin: 7px 0 0 64px;
  width: 42px;
  height: 31px;
}

/* img */
.room .rank01 img { }
.room .rank02 img { margin-top: -31px; }
.room .rank03 img { margin-top: -62px; }
.room .rank04 img { margin-top: -93px; }
.room .rank05 img { margin-top: -124px; }
.room .rank06 img { margin-top: -155px; }
.room .rank07 img { margin-top: -186px; }
.room .rank08 img { margin-top: -217px; }
.room .rank09 img { margin-top: -248px; }
.room .rank10 img { margin-top: -279px; }
.room .rank11 img { margin-top: -310px; }
.room .rank12 img { margin-top: -341px; }
.room .rank13 img { margin-top: -372px; }
.room .rank14 img { margin-top: -403px; }
.room .rank15 img { margin-top: -434px; }
.room .rank16 img { margin-top: -465px; }
.room .rank17 img { margin-top: -496px; }
.room .rank18 img { margin-top: -527px; }
.room .rank19 img { margin-top: -558px; }
.room .rank20 img { margin-top: -589px; }
.room .rank21 img { margin-top: -620px; }
.room .rank22 img { margin-top: -651px; }
.room .rank23 img { margin-top: -682px; }
.room .rank24 img { margin-top: -713px; }
.room .rank25 img { margin-top: -744px; }
.room .rank26 img { margin-top: -775px; }
.room .rank27 img { margin-top: -806px; }
.room .rank28 img { margin-top: -837px; }
.room .rank29 img { margin-top: -868px; }
.room .rank30 img { margin-top: -899px; }



div.room div.chatbox div.line,
div.room div.chatbox_big div.line {
  padding: 0 1px 1px 1px;
  border: 1px solid #cacaca;
  border-top: none;
  border-bottom: none;
}
div.room div.chatbox div.chatbox-box,
div.room div.chatbox_big div.chatbox-box {
  overflow: hidden;
  border: 1px solid #eee;
  border-top: none;
}


div.room div.chatbox div.chatbox-box div.name,
div.room div.chatbox_big div.chatbox-box div.name {
  line-height: 1.6;
  font-size: 16px;
  font-weight: bold;
  overflow: hidden;
  white-space: nowrap;
}
div.room div.chatbox div.chatbox-box div.name a {
  z-index: 3;
  position: absolute;
  top: 0;
  left: 0;
  display: inline;
  padding-top: 22px;
  width: 100%;
  height: 160px;
  color: #a36b20;
}
div.room div.chatbox_big div.chatbox-box div.name a {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  display: inline;
  width: 100%;
  height: 205px;
  padding-top: 25px;
  color: #a36b20;
}
body#search div.room div.chatbox div.chatbox-box div.name a {
  z-index: 3;
  position: absolute;
  top: 0;
  display: block;
  margin-left: -2px;
  padding-top: 22px;
  width: 100%;
  height: 105px;
  color: #a36b20;
}
div.room div.chatbox div.chatbox-box div.name img,
div.room div.chatbox_big div.chatbox-box div.name img {
  margin-right: 2px;
}
div.room div.chatbox div.chatbox-box div.name span,
div.room div.chatbox_big div.chatbox-box div.name span {
  font-weight: normal;
}
div.room div.chatbox div.chatbox-box div.pict {
  overflow: hidden;
  width: 124px;
  height: 93px;
  margin: 23px auto 0;
  background-size: cover !important;
  background-position: center 0 !important;
}

/****　再放送枠　***/
#vtrroom div.room div.chatbox_big div.chatbox-box div.name a {
  height: 140px;
}
#vtrroom div.room div.chatbox div.chatbox-box div.name a{
  height: 106px;
}
#vtrroom div.room div.chatbox div.chatbox-box div.pict,
#vtrroom div.room div.chatbox_big div.chatbox-box div.pict {
  margin: 20px auto 7px;
}

body#search div.room div.chatbox div.chatbox-box div.pict {
  margin: 20px auto 7px;
}



/* サムネイル　100 ***********************************************
-----------------------------------------------------------------*/
div.room div.chatbox {
  position: relative;
  width: 134px;
  height: auto;
  margin: 4px 7px;
  border-radius: 5px;
  text-align: center;
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "Hiragino Sans", "Noto Sans JP", Meiryo, sans-serif;
  float: left;
}

/*初脱ぎ用背景*/
div.room div.color01{
  background:#d9ffda;
  background: linear-gradient(to bottom, #fff,#fff 5%,#D9FFDA 20%,#D9FFDA 70%,#D9FFDA) !important;
  zoom: 1;
}
div.room div.color01big{
  background:#d9ffda;
  background: linear-gradient(to bottom, #fff,#D9FFDA 20%,#D9FFDA 70%,#D9FFDA) !important;
  zoom: 1;
}
div.room div.color01:hover,
div.room div.color01big:hover {
  background:#cff5d0;
  background: linear-gradient(to bottom, #fff,#cff5d0 20%,#cff5d0 70%,#cff5d0) !important;
}


/*乾杯用背景*/
div.room div.event15{
  background:#ffffb0;
  background: linear-gradient(to bottom, #fff,#fff 5%,#ffffb0 20%,#ffffb0 70%,#ffffb0);
}
div.room div.event15:hover{
  background:#f7f7a8;
  background: linear-gradient(to bottom, #fff,#fff 5%,#f7f7a8 20%,#f7f7a8 70%,#f7f7a8);
}


/*--　ステータス画像　--*/

div.room div.chatbox div.status {
  width: 134px;
  height: 22px;
  background: url(https://assets.chatpia.jp/common/images/thumbnail_part.png) no-repeat;
  font-weight: bold;
  line-height: 29px;
  text-indent: 94px;
  white-space: nowrap;
  overflow: hidden;
}

/*待機中*/
div.room div.chatbox div.status_01 {
  background-position: -178px 0;
  color: #c76c00;
}
/*チャット中*/
div.room div.chatbox div.status_02 {
  background-position: -178px -22px;
  color: #d15480;
}
/*2SHOT中*/
div.room div.chatbox div.status_03 {
  background-position: -178px -44px;
  color: #8f5fc1;
}
/*待ちあわせ*/
div.room div.chatbox div.status_04 {
  background-position: -178px -66px;
  color: #278ac9;
}
/*オフライン*/
div.room div.chatbox div.status_05 {
  line-height: 25px;
  background-position: -178px -88px;
  text-shadow: -1px -1px 0 #666;
  font-size: 12px;
  color: #fff;
  text-align: center;
  text-indent: 0;
}
/*再放送*/
div.room div.chatbox div.status_vtr {
  background-position: -177px -110px;
}
/*デビュー割*/
div.room div.chatbox div.status_0-1 {
  background: url(https://assets.chatpia.jp/common/images/status100_newg.gif) no-repeat;
  color: #1b9815;
}
/*待機中 美魔女*/
div.room div.chatbox div.status_01-7 {
  background: url(https://assets.chatpia.jp/common/images/status100_bimajo_1.gif) no-repeat;
  color: #c76c00;
}
/*チャット中　美魔女*/
div.room div.chatbox div.status_02-7 {
  background: url(https://assets.chatpia.jp/common/images/status100_bimajo_2.gif) no-repeat;
  color: #d15480;
}


/*検索*/
body#search div.room div.chatbox div.status {
  background: url(https://assets.chatpia.jp/common/images/thumbnail_part.png) no-repeat;
}
/*検索　待機中*/
body#search div.room div.chatbox div.status_01 {
  background-position: -312px 0;
  color: #c76c00;
}
/*検索　チャット中*/
body#search div.room div.chatbox div.status_02 {
  background-position: -312px -22px;
  color: #d15480;
}
/*検索　2SHOT中*/
body#search div.room div.chatbox div.status_03 {
  background-position: -312px -44px;
  color: #8f5fc1;
}
/*検索　待ちあわせ*/
body#search div.room div.chatbox div.status_04 {
  background-position: -312px -66px;
  color: #278ac9;
}
/*検索　オフライン*/
body#search div.room div.chatbox div.status_05 {
  background-position: -178px -88px;
  color: #fff;
}



/*--　ふきだし小　--*/
div.room div.chatbox div.chatbox-box div.hitokoto {
  position: relative;
  width: 118px;
  height: 30px;
  margin: -8px 0 0 1px;
  padding: 14px 4px 0;
  background: url(https://assets.chatpia.jp/common/images/thumbnail_part.png) no-repeat;
  font-size: 11px;
  line-height: 1.2;
  text-align: left;
  word-break: break-all;
  white-space: pre-wrap;
  overflow: hidden;
}

div.room div.chatbox div.chatbox-box div.hitokoto_taiki {
  background-position: -168px -170px;
  color: #b96400;
}
div.room div.chatbox div.chatbox-box div.hitokoto_chat {
  background-position: -168px -215px;
  color: #d15480;
}
div.room div.chatbox div.chatbox-box div.hitokoto_2shot {
  background-position: -168px -260px;
  color: #875faf;
}
div.room div.chatbox div.chatbox-box div.hitokoto_machi {
  background-position: -168px -305px;
  color: #278ac9;
}
div.room div.chatbox div.chatbox-box div.hitokoto_new {
  background-position: -168px -350px;
  color: #2ca826;
}
div.room div.chatbox div.chatbox-box div.hitokoto_offline {
  background-position: -168px -395px;
  color: #818181;
}


div.room div.chatbox div.chatbox-box div.nozoki {
  margin: 5px 0;
  text-align: center;
  line-height: 1;
}
div.room div.chatbox div.chatbox-box div.nozoki_off {
  margin: 5px 0;
  text-align: center;
  line-height: 1;
  color: #ccc;
}
div.room div.chatbox div.chatbox-box div.nozoki_off_offline {
  margin: 5px 0;
  text-align: center;
  line-height: 1;
  color: #ccc;
}





/* サムネイル　150 ***********************************************
-----------------------------------------------------------------*/

div.room div.chatbox_big {
  position: relative;
  float: left;
  width: 178px;
  height: auto;
  margin: 5px 7px;
  text-align: center;
  border-radius: 5px;
  font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3", "メイリオ",Meiryo,sans-serif;
}
div.room a.chatbox_big {
  text-decoration: none;
}
div.room a.chatbox_big:hover {
  background: #f6f6f6;
}

/*--　ステータス画像　大　--*/
div.room div.chatbox_big div.status {
  background: url(https://assets.chatpia.jp/common/images/thumbnail_part.png) no-repeat;
  width: 178px;
  height: 25px;
  text-indent: 100px;
  line-height: 2.5;
  font-weight: bold;
  color: #fff;
  text-align: right;
}
/*待機中*/
div.room div.chatbox_big div.status_01 {
  background-position: 0 0;
  color: #c76c00;
}
/*チャット中*/
div.room div.chatbox_big div.status_02 {
  background-position: 0 -25px;
  color: #d15480;
}
/*2SHOT中*/
div.room div.chatbox_big div.status_03 {
  background-position: 0 -50px;
  color: #8f5fc1;
}
/*待ちあわせ*/
div.room div.chatbox_big div.status_04 {
  background-position: 0 -75px;
  color: #278ac9;
}
/*オフライン*/
div.room div.chatbox_big div.status_05 {
  line-height: 1.9;
  background-position: 0 -100px;
  text-shadow: -1px -1px 0 #666;
  font-size: 14px;
  text-indent: 0;
  text-align: center;
}
/*再放送*/
div.room div.chatbox_big div.status_vtr {
  background-position: 0 -125px;
}
/*デビュー割*/
div.room div.chatbox_big div.status_0-1 {
  background: url(https://assets.chatpia.jp/common/images/status150_newg.gif) no-repeat;
  color: #1b9815;
}
/*待機中　美魔女*/
div.room div.chatbox_big div.status_01-7 {
  background: url(https://assets.chatpia.jp/common/images/status150_bimajo_1.gif) no-repeat;
  color: #c76c00;
}
/*チャット中　美魔女*/
div.room div.chatbox_big div.status_02-7 {
  background: url(https://assets.chatpia.jp/common/images/status150_bimajo_2.gif) no-repeat;
  color: #d15480;
}


div.room div.chatbox_big span.text {
  font-size: 10px;
  font-weight: normal;
  color: #666;
  margin-right: 10px;
}

/*--　ふきだし大　--*/
div.room div.chatbox_big div.chatbox-box div.hitokoto {
  position: relative;
  width: 160px;
  height: 34px;
  margin: -8px auto 0;
  padding: 17px 4px 0;
  background: url(https://assets.chatpia.jp/common/images/thumbnail_part.png) no-repeat;
  font-size: 14px;
  line-height: 15px;
  text-align: left;
  word-break: break-all;
  white-space: pre-wrap;
  overflow: hidden;
}
div.room div.chatbox_big div.chatbox-box div.hitokoto_taiki {
  background-position: 0 -170px;
  color: #b96400;
}
div.room div.chatbox_big div.chatbox-box div.hitokoto_chat {
  background-position: 0 -221px;
  color: #d15480;
}
div.room div.chatbox_big div.chatbox-box div.hitokoto_2shot {
  background-position: 0 -272px;
  color: #875faf;
}
div.room div.chatbox_big div.chatbox-box div.hitokoto_machi {
  background-position: 0 -323px;
  color: #278ac9;
}
div.room div.chatbox_big div.chatbox-box div.hitokoto_new {
  background-position: 0 -374px;
  color: #2ca826;
}
div.room div.chatbox_big div.chatbox-box div.hitokoto_offline {
  background-position: 0 -425px;
  color: #818181;
}

div.room div.chatbox_big div.chatbox-box div.pict {
  overflow: hidden;
  width: 164px;
  height: 123px;
  margin: 24px auto 0;
  background-size: cover !important;
  background-position: center 0 !important;
}
#vtrroom div.room div.chatbox_big div.chatbox-box div.pict {
  margin: 24px auto 7px;
}

div.room div.chatbox_big div.chatbox-box div.nozoki {
  margin: 5px 0;
  text-align: center;
  line-height: 1;
  font-size: 12px;
}
div.room div.chatbox_big div.chatbox-box div.nozoki_off {
  margin: 5px 0;
  text-align: center;
  line-height: 1;
  font-size: 12px;
  color: #ccc;
}
div.room div.chatbox_big div.chatbox-box div.nozoki_off_offline {
  margin: 5px 0;
  text-align: center;
  line-height: 1;
  font-size: 12px;
  color: #ccc;
}


/*お立ち台（100分間チャット）*/
#specials div.room {
  padding-top: 8px !important;
}
#specials div.room div.chatbox div.status_02ev {
  background: url(https://assets.chatpia.jp/common/images/status100_ev_2.gif) no-repeat;
  color: #ef6363;
}
#specials div.room div.chatbox_big div.status_02ev {
  background: url(https://assets.chatpia.jp/common/images/status150_ev_2.gif) no-repeat;
  color: #ef6363;
}
#specials div.room div.chatbox_big div.chatbox-box div.name a {
  padding-top: 45px;
}
#specials div.room div.chatbox div.chatbox-box div.name a {
  padding-top: 40px;
}

ul.hyappun {
  display: block;
  margin: 0 auto;
  padding: 0 0 8px;
  height: 12px;
  list-style: none;
  background: #fff !important;
  text-align: center;
}
ul.hyappun li {
  display: inline-block;
  text-align: left;
  text-indent: 13px;
  font-size: 16px;
  font-weight: bold;
}
ul.hyappun li.time1 {
  color: #ee8aa4;
  background: url(https://assets.chatpia.jp/common/images/icon/ico_event_navi1.gif) no-repeat 1px center;
}
ul.hyappun li.time2 {
  color: #ffa75a;
  background: url(https://assets.chatpia.jp/common/images/icon/ico_event_navi2.gif) no-repeat 1px center;
}
ul.hyappun li.time3 {
  color: #d0b300;
  background: url(https://assets.chatpia.jp/common/images/icon/ico_event_navi3.gif) no-repeat 1px center;
}
ul.hyappun li.time4 {
  color: #6dc83d;
  background: url(https://assets.chatpia.jp/common/images/icon/ico_event_navi4.gif) no-repeat 1px center;
}
ul.hyappun li.time5 {
  color: #4ca6ee;
  background: url(https://assets.chatpia.jp/common/images/icon/ico_event_navi5.gif) no-repeat 1px center;
}

ul.hyappun li.on {
  color: #ee8aa4;
  background: url(https://assets.chatpia.jp/common/images/icon/ico_subpage_navi.gif) no-repeat 1px 2px;
}
ul.hyappun li.off {
  color: #a6a6a6;
  background: url(https://assets.chatpia.jp/common/images/icon/ico_top_100minoff.gif) no-repeat 1px 2px;
}

.a_hyappun {
  display: inline-block;
  margin-top: 8px;
}




/* BUMP広告用チャットボックス
*************************************************************/
div.room .bumpbox {
  background: #f7f1e9;
}
div.room .bumpbox:hover {
  background: #efe2d1 !important;
}
div.room .chatbox.bumpbox .chatbox-box,
div.room .chatbox_big.bumpbox .chatbox-box {
  border: 1px solid #f7f1e9 !important;
  border-top: none !important;
}
div.room .chatbox_big.bumpbox .status {
  background: url(https://assets.chatpia.jp/common/images/bump_bg_chatbox.png) no-repeat 0 0 !important;
}
div.room .chatbox.bumpbox .status {
  background: url(https://assets.chatpia.jp/common/images/bump_bg_chatbox.png) no-repeat 0 -25px !important;
}
div.room .chatbox_big.bumpbox .hitokoto {
  background: url(https://assets.chatpia.jp/common/images/bump_bg_chatbox.png) no-repeat 0 -47px !important;
  color: #a97f51 !important;
}
div.room .chatbox.bumpbox .hitokoto {
  background: url(https://assets.chatpia.jp/common/images/bump_bg_chatbox.png) no-repeat 0 -99px !important;
  color: #a97f51 !important;
}




/* AL広告用チャットボックス
*************************************************************/
div.room .albox {
  background: #ffecef;
}
div.room .albox:hover {
  background: #fce0e5 !important;
}
div.room .chatbox.albox .chatbox-box,
div.room .chatbox_big.albox .chatbox-box {
  border:1px solid #e4deef !important;
  border-top: none !important;
}
div.room .chatbox_big.albox .status {
  background: url(https://assets.chatpia.jp/common/images/al_bg_chatbox.png) no-repeat 0 0 !important;
}
div.room .chatbox.albox .status {
  background: url(https://assets.chatpia.jp/common/images/al_bg_chatbox.png) no-repeat 0 -25px !important;
}
div.room .chatbox_big.albox .hitokoto {
  background: url(https://assets.chatpia.jp/common/images/al_bg_chatbox.png) no-repeat 0 -47px !important;
  color: #f4436f !important;
}
div.room .chatbox.albox .hitokoto {
  background: url(https://assets.chatpia.jp/common/images/al_bg_chatbox.png) no-repeat 0 -97px !important;
  color: #f4436f !important;
}



/* 55広告用チャットボックス
*************************************************************/
div.room .wlbox {
  background: #ffeff7;
}
div.room .wlbox:hover {
  background: #ffe9f5 !important;
}
div.room .chatbox_big.wlbox .status {
  background: url(https://assets.chatpia.jp/common/images/wl_bg_chatbox.png?08) no-repeat 0 0 !important;
}
div.room .chatbox.wlbox .status {
  background: url(https://assets.chatpia.jp/common/images/wl_bg_chatbox.png?08) no-repeat 0 -25px !important;
}
div.room .chatbox_big.wlbox .hitokoto {
  background: url(https://assets.chatpia.jp/common/images/wl_bg_chatbox.png?08) no-repeat 0 -47px !important;
  color: #ff399e !important;
}
div.room .chatbox.wlbox .hitokoto {
  background: url(https://assets.chatpia.jp/common/images/wl_bg_chatbox.png?08) no-repeat 0 -97px !important;
  color: #ff399e !important;
}





/* ダイジェスト
*********************************************/
#digestroom div.digestBox {
  float: left;
  position: relative;
  margin: 0 9px 9px 0;
  width: 254px;
  background: #f9f9f8;
  background: linear-gradient(to bottom, #fdfdfd 10%, #f4f3f1 );
  border: 1px solid #b7b7b6;
}
#digestroom div.digestBox .inBorder {
  margin: 1px;
  padding: 0 2px;
  height: 150px;
  border: 1px solid #e5e4e3;
}
#digestroom div.digestBox a.digestTitle {
  z-index: 2;
  position: absolute;
  overflow: hidden;
  display: block;
  top: 0;
  padding-bottom: 125px;
  width: 250px;
  text-align: left;
  text-indent: 5px;
  text-overflow: ellipsis;
  line-height: 28px;
  font-size: 14px;
  font-weight: bold;
  white-space: nowrap;
}
#digestroom div.digestBox div.digestTxt {
  margin-top: 25px;
  padding-top: 6px;
  border-top: 1px solid #d6d6d6;
}
#digestroom div.digestBox a.pict {
  float: left;
  overflow: hidden;
  margin: 0 8px 0 5px;
  width: 100px;
  height: 75px;
  text-align: center;
}
#digestroom div.digestBox dl {
  overflow: hidden;
  float: left;
  margin-bottom: 9px;
}
#digestroom div.digestBox dl dt,
#digestroom div.digestBox dl dd {
  float: left;
  display: block;
  line-height: 15px;
  font-size: 10px;
}
#digestroom div.digestBox dl dt {
  clear: both;
  width: 35px;
  color: #bd6bb7;
  letter-spacing: 1px;
}
#digestroom div.digestBox dl dd {
  width: 95px;
  letter-spacing: 0.4px;
}
#digestroom div.digestBox span.digestPlay {
  position: absolute;
  display: block;
  margin: 115px 35px 0;
  width: 174px;
  height: 25px;
  background: url(https://assets.chatpia.jp/common/images/top_part.png) no-repeat 0 -602px;
  box-shadow: 0 1px 2px #ddd;
  text-indent: 45px;
  text-decoration: none;
  line-height: 26px;
  color: #666;
  font-weight: bold;
}
#digestroom div.digestBox a.digestTitle:hover + span.digestPlay {
  background: url(https://assets.chatpia.jp/common/images/top_part.png) no-repeat 0 -627px;
  color: #bf8a42;
}

/*DS関連*/
div.room.ds div.chatbox_big {
  position: relative;
  float: left;
  width: 328px;
  height: auto;
  margin: 5px 7px;
  text-align: center;
  border-radius: 5px;
  font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3", "メイリオ",Meiryo,sans-serif;
  cursor: pointer;
}

div.room.ds div.chatbox_big div.status {
  background: url(https://assets.chatpia.jp/common/images/thumbnail_part.png) no-repeat;
  width: 328px;
  height: 25px;
  text-indent: 100px;
  line-height: 2.5;
  font-weight: bold;
  color: #fff;
  text-align: right;
}
/*待機中*/
div.room.ds div.chatbox_big div.status_01 {
  background-position: 0 -500px;
  color: #c76c00;
}
/*パーティ中*/
div.room.ds div.chatbox_big div.status_02 {
  background-position: 0 -525px;
  color: #d15480;
}
div.room.ds div.chatbox_big div.chatbox-box {
  overflow: hidden;
  border: none;
  display: inline-block;
  width: 160px;
  padding-bottom: 8px;
  border: 1px solid #eee;
  border-top: none;
}
div.room.ds div.chatbox_big div.chatbox-box.left {
  border-right: none;
  border-bottom: none;
}
div.room.ds div.chatbox_big div.chatbox-box.right {
  border-left: none;
  border-bottom: none;
}
div.room.ds div.chatbox_big div.chatbox-box.left div.pict {
  margin: 0 0 0 auto;
}
div.room.ds div.chatbox_big div.chatbox-box.right div.pict {
  margin: 0 auto 0 0;
}
div.room.ds div.chatbox_big div.line {
  padding: 0 1px 1px 1px;
  border: 1px solid #cacaca;
  border-top: none;
  font-size: 0;
}
div.room.ds div.chatbox_big div.chatbox-box div.pict {
  overflow: hidden;
  width: 150px;
  height: 113px;
  background-size: cover !important;
  background-position: center 0 !important;
}
div.room.ds div.chatbox_big div.chatbox-box.left div.name {
  width: 150px;
  margin-left: 12px;
}
div.room.ds div.chatbox_big div.chatbox-box.right div.name {
  width: 150px;
  margin-right: 12px;
}
div.room.ds div.chatbox_big div.chatbox-box div.name a {
  width: 100%;
  position: relative;
  height: 24px;
  padding: 0;
  display: block;
}

/* サイズ小 */
div.room.ds div.chatbox {
  position: relative;
  float: left;
  width: 228px;
  height: auto;
  margin: 4px 7px;
  text-align: center;
  border-radius: 5px;
  font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3", "メイリオ",Meiryo,sans-serif;
  cursor:pointer;
}

div.room.ds div.chatbox div.status {
  width: 228px;
  height: 22px;
  background: url(https://assets.chatpia.jp/common/images/thumbnail_part.png) no-repeat;
  font-weight: bold;
  line-height: 29px;
  text-indent: 188px;
  white-space: nowrap;
  overflow: hidden;
}

/*待機中*/
div.room.ds div.chatbox div.status_01 {
  background-position: 0 -550px;
  color: #c76c00;
}
/*チャット中*/
div.room.ds div.chatbox div.status_02 {
  background-position: 0 -572px;
  color: #d15480;
}
div.room.ds div.chatbox div.chatbox-box {
  overflow: hidden;
  border: none;
  display: inline-block;
  width: 110px;
  padding-bottom: 8px;
  border: 1px solid #eee;
  border-top: none;
}
div.room.ds div.chatbox div.chatbox-box.left {
  border-right: none;
  border-bottom: none;
}
div.room.ds div.chatbox div.chatbox-box.right {
  border-left: none;
  border-bottom: none;
}
div.room.ds div.chatbox div.chatbox-box.left div.pict {
  margin: 0 0 0 auto;
}
div.room.ds div.chatbox div.chatbox-box.right div.pict {
  margin: 0 auto 0 0;
}
div.room.ds div.chatbox div.chatbox-box div.pict{
  overflow: hidden;
  width: 100px;
  height: 75px;
  background-size: cover !important;
  background-position: center 0 !important;
}
div.room.ds div.chatbox div.chatbox-box.left div.name {
  width: 100px;
  margin-left: 12px;
}
div.room.ds div.chatbox div.chatbox-box.right div.name {
  width: 100px;
  margin-right: 12px;
}
div.room.ds div.chatbox div.line {
  padding: 0 1px 1px 1px;
  border: 1px solid #cacaca;
  border-top: none;
  font-size: 0;
}
div.room.ds div.chatbox div.chatbox-box div.name a {
  width: 100%;
  position: relative;
  height: 24px;
  padding: 0;
  display: block;
}
div.room.ds div.chatbox div.hitokoto {
  position: relative;
  width: 190px;
  height: 30px;
  margin: -16px 0 0 1px;;
  padding: 15px 15px 0 15px;
  background: url(https://assets.chatpia.jp/common/images/thumbnail_part.png) no-repeat;
  font-size: 11px;
  line-height: 1.2;
  text-align: left;
  word-break: break-all;
  white-space: pre-wrap;
  overflow: hidden;
  border: 1px solid #eee;
  border-top: none;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

div.room.ds div.chatbox div.hitokoto_taiki {
  background-position: 10px -906px;
  color: #b96400;
}
div.room.ds div.chatbox div.hitokoto_chat {
  background-position: -10px -951px;
  color: #d15480;
}
div.room.ds div.chatbox_big div.hitokoto {
  position: relative;
  width: 280px;
  height: 34px;
  margin: -15px auto 0;
  padding: 17px 20px 0 20px;
  background: url(https://assets.chatpia.jp/common/images/thumbnail_part.png) no-repeat;
  font-size: 14px;
  line-height: 15px;
  text-align: left;
  word-break: break-all;
  white-space: pre-wrap;
  overflow: hidden;
  border: 1px solid #eee;
  border-top: none;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
div.room.ds div.chatbox_big div.hitokoto_taiki {
  background-position: 10px -600px;
  color: #b96400;
}
div.room.ds div.chatbox_big div.hitokoto_chat {
  background-position: 10px -652px;
  color: #d15480;
}

