@charset "utf-8";
#banner_area {
	/*
	height: 320px;
	*/
	width: 950px;
	margin-bottom: 0px;
}
#banner_area #event {
	background-color: #000000;
	width: 260px;
	height: 320px;
	margin-right: 10px;
	float: left;
}
#banner_area #event a {
	width: 260px;
	height: 320px;
	display:block;
}
#banner_area #recruit {
	background-color: #000000;
	float: left;
	height: 320px;
	width: 680px;
}
#banner_area #recruit a {
	width: 680px;
	height: 320px;
	display:block;
}

#newboy_area,#allboy_area,#no1_area,#videostarboy_area {
	clear: both;
	height: auto;
	width: 950px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-image: url(../../img/box_btm_bk950.png);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	float: left;
	position: relative;
	overflow:hidden;
}
/** これおかしい他に影響がでる */
/*
#newboy_area ul, #allboy_area ul, .inner {
    background-color: #FFFFFF;
    background-image: url("../../img/box_mid_bk950.gif");
    float: left;
    height: auto;
    list-style-type: none;
    margin: 0;
    padding: 10px 0 10px 10px;
    width: 940px;
}
*/
#no1_area .inner{
    background-color: #FFFFFF;
    background-image: url("../../img/box_mid_bk950.gif");
    float: left;
    height: auto;
    list-style-type: none;
    margin: 0;
    padding: 10px 0 10px 10px;
    width: 940px;
}

#newboy_area ul,#allboy_area ul,#videostarboy_area ul {
	margin: 0px;
	float: left;
	height: auto;
	width: 940px;
	list-style-type: none;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-bottom/*\**/: 10px\9;/*ie6,ie7,ie8用*/
	padding-left: 10px;
	background-image: url(../../img/box_mid_bk950.gif);
	background-color: #FFFFFF;
}
#no1_area #tno1 {
	float: left;
	height: 342px;
	width: 206px;
	position: relative;
}
#no1_area  #tno1  .flame_size1 {
	display: block;
	height: 178px;
	width: 178px;
	top: 36px;
	position: relative;
	left: 14px;
	background-color: #CCCCCC;
	margin: 0px;
	padding: 0px;
}
#no1_area  #tno1 a  {
	height: 342px;
	width: 206px;
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
}
#no1_area #tno1 a:hover {
	background-image: url(../../img/overlap_l_on.png);
	background-repeat: no-repeat;
	background-position: 14px 36px;
}


#no1_area ul {
	float: left;
	height: auto;
	width: 720px;
	list-style-type: none;
	display: block;
	margin: 0px;
	padding-left: 10px;
}
#no1_area li {
	margin: 0px;
	float: left;
	height: 168px;
	width: 138px;
	padding-bottom: 0px;
	display: block;
	position: relative;
}
#no1_area .flame_size2   {
	height: 126px;
	width: 126px;
	position: relative;
	left: 6px;
	top: 36px;
	background-color: #CCCCCC;
	display: block;
}
#no1_area li a {
	display: block;
	height: 168px;
	width: 138px;
	position: absolute;
	left: 0px;
	top: 0px;
}
#no1_area li a:hover {
	background-image: url(../../img/overlap_m_on.png);
	background-repeat: no-repeat;
	background-position: 6px 36px;
}
#newboy_area   .flame_size2,#allboy_area   .flame_size2,#videostarboy_area   .flame_size2 {
	margin-top: 0px;
	margin-right: 8px;
	margin-bottom: 8px;
	margin-left: 0px;
}
#no1_area  li {
	margin-top: 0px;
	margin-right: 6px;
	margin-bottom: 6px;
	margin-left: 0px;
}
#newboy_area h2 {
	background-image: url(../../img/title_synthetic_newlist.png);
}
#allboy_area h2 {
	background-image: url(../../img/title_synthetic_boylist.png);
}
#no1_area h2 {
	background-image: url(../../img/title_synthetic_no1list.png);
}
#videostarboy_area h2 {
	background-image: url(../../img/title_synthetic_videostarlist.png);
}

#attendance_info {
	clear: both;
	height: auto;
	width: 950px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-image: url(../../img/box_btm_bk950.png);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	float: left;
	position: relative;
	overflow:hidden;
}
#attendance_info h2 {
	background-image: url(../../img/title_top_attendance.png);
}

#attendance_info ul {
	margin: 0px;
	float: left;
	height: auto;
	width: 940px;
	list-style-type: none;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-bottom/*\**/: 10px\9;/*ie6,ie7,ie8用*/
	padding-left: 10px;
	background-image: url(../../img/box_mid_bk950.gif);
	background-color: #FFFFFF;
}

#attendance_info .flame_size2 {
	margin-top: 0px;
	margin-right: 8px;
	margin-bottom: 8px;
	margin-left: 0px;
}
.tl_livechat_grd {
    padding:20px;
    font-size:160%;
    font-weight:bold;
    background:rgba(0,0,0,1);
    color:rgba(255,255,255,1);
}
.tl_livechat_grd .num {
    padding:0 5px;
    font-size: 70%;
    border-radius:5px;
    background:rgba(255,255,255,1);
    color:rgba(0,0,0,1);
}
.livechat_info_col {
    padding:10px 0 10px 10px;
    background-image: url(../../img/box_mid_bk950.gif);
    background-color: rgba(255,255,255,1);
}
.livechat_catchbnr a {
    display: block;
    text-align: center;
    margin: 0px 0px 10px;
    width: 928px;
    height: 192px;
    position: relative;
    background: url(../../img/livechat/bnr01.png) no-repeat;
    background-size: cover;
}
.livechat_catchbnr strong {
	display: block;
	position: absolute;
	bottom: 4px;
	left: 24px;
	font-size: 140%;
	color: #fff700;
	letter-spacing: -0.07em;
}
.livechat_catchbnr .numImg span {
	display:inline-block;
	float: inherit;
	vertical-align: text-bottom;
}
.chat_status01 {
    border-radius: 0px;
    background: #3873ff;
    color: #FFFFFF;
    font-size: 11px;
    text-align: left;
    display: block;
    margin: 3px 0px;
    padding: 2px 1px 2px 6px;
    box-sizing: border-box;
    position: absolute;
    width: 100%;
    top: 122px;
    left: 0px;
}
.chat_status02 {
    border-radius: 0px;
    background: #f62343;
    color: #FFFFFF;
    font-size: 11px;
    text-align: left;
    display: block;
    margin: 3px 0px;
    padding: 2px 1px 2px 6px;
    box-sizing: border-box;
    position: absolute;
    width: 100%;
    top: 122px;
    left: 0px;
}
.bg-party{
    background: #ffa500;
}
.shop_name {
    border-radius: 5px;
    background: #FFFFFF;
    color: #000000;
    float: right;
    margin: 0 2px 0 0px;
    padding: 0 3px;
    font-size: 90%;
}
.shop_name_off {
    margin: 0 0px 0 0px;
    padding: 0 0px;
    font-size: 70%;
}
.livechat_boy {
	margin: 0 0 20px 0;
	display: flex;
	flex-wrap: wrap;
}
.livechat_boy li:first-child {
	margin-left: 0px;
	width: 100%;
	min-height: 250px;
	flex-basis: 16.5%;
}
.livechat_boy li {
	margin: 0 0 10px 0;
	padding: 2px;
	width: 100%;
	min-height: 250px;
	vertical-align: top;
	border: 3px solid #FFFFFF;
	box-sizing: border-box;
	background: #DADADA;
	flex-basis: 16.5%;
	-webkit-transition: all .3s;
	transition: all .3s;
	position: relative;
}
.livechat_boy li a {
	color: #747474;
	display: inline-block;
	min-height: 235px;
	text-decoration: none;
	-webkit-transition: all .3s;
	transition: all .3s;
	cursor: pointer;
}
.livechat_boy li a:hover {
	color: #747474;

	display: inline-block;
	background: #3873ff;
}
.livechat_boy li img {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.livechat_boy li a:hover img {
	opacity:80%;
}
.livechat_boy .boy_data {
	margin: 4px;
	background: #FFFFFF;
	border-radius: 5px;
	padding: 2px;
	color: #7d7d7d;
}
.livechat_boy .boy_data_name span {
	font-weight: bold;
	font-size: 13px;
}
.livechat_boy .boy_data_name i {
	font-weight: normal;
	font-size: 11px;
}
.livechat_boy .boy_spec {
	display: block;
	font-size: 11px;
}
.livechat_boy .boy_data dd .boy_txt {
	font-size: 12px;
	margin: 0 0 5px 0;
	display: block;
	min-height: 50px;
}
.livechat_boy .boy_data dd .night {
	border-radius: 8px;
	background: #AAAAAA;
	color: #FFFFFF;
	font-size: 14px;
	text-align: center;
	display: block;
}
.livechat_boy_btn01,.livechat_boy_btn02 {
	font-size: 70%;
	display: table-cell;
}
.livechat_boy_btn01 a,.livechat_boy_btn02 a {
	width: 73px;
}
.livechat_boy_btn03 {
	font-size: 70%;
	display: block;
	width: 100%;
}
.livechat_boy_btn03 a {

}
.livechat_boy_btn_col a {
	height: inherit;
	min-height: inherit!important;
	color: #3873ff!important;
	text-decoration: underline!important;
	text-align: center;
	cursor: pointer;
}
.livechat_boy_btn_col a:hover {
    background: none!important;
    text-decoration: none!important;
}
.livechat_boy_btn_col a .material-icons {
    vertical-align:text-bottom
}
.favorite_boy_btn01 a {
    border-radius: 20px;
    padding: 2px;
    height: inherit;
    background: #FFFFFF;
    min-height: inherit!important;
    color: #9e9e9e!important;
    text-decoration: underline!important;
    text-align: center;
    cursor: pointer;
    position: absolute;
    left: 5px;
    top: 5px;
    -webkit-transition: all .3s;
    transition: all .3s;
    z-index: 100;
}
.favorite_boy_btn01 a:hover {
    color: #ff1170!important;
    background: #FFFFFF!important;
}
.favorite_boy_btn02 a {
    border-radius: 20px;
    padding: 2px;
    height: inherit;
    background: #FFFFFF;
    min-height: inherit!important;
    color: #ff1170!important;
    text-decoration: underline!important;
    text-align: center;
    cursor: pointer;
    position: absolute;
    left: 5px;
    top: 5px;
    -webkit-transition: all .3s;
    transition: all .3s;
    z-index: 100;
}
.favorite_boy_btn02 a:hover {
    background: #FFFFFF!important;
}
.remodal {
    border-radius: 10px;
    border: 2px solid #404040;
    background: #000000!important;
    width: 350px!important;
    padding: 45px 10px 30px!important;
    color: #FFFFFF!important;
    font-size: 80%;
    line-height: 1.6em;
}
.remodal p {
	text-align: left;
}
.remodal_form {
	text-align: left;
	margin: 10px;
}
.remodal_form input {
	margin: 0 0 10px 0;
}
.remodal button {
    font-size: 100%;
    color: #ffffff;
    font-weight: bold;
    border-radius: 50%;
    padding: 0%!important;
    min-width: 100px!important;
    min-height: 100px;
    border: none;
    margin: 0 20px;
    cursor: pointer;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.remodal_alert_on {
	background: #00d282!important;
}
.remodal button.remodal-cancel {
    color: #FFFFFF;
    font-size: 80%;
    background: #9E9E9E!important;
    border-radius: 50%;
    padding: 0%;
    min-width: 80px!important;
    min-height: 80px;
    border: none;
}
.remodal button:hover {
	opacity: 80%;
}
.all_chatboy_btn {
    margin: 0 auto;
    clear: both;
    display: block;
    background-image: url(../../img/box_mid_bk950.gif);
    background-color: #FFFFFF;
    padding: 0 0 20px 0;
}
.all_chatboy_btn a {
    display: block;
    width: 50%;
    margin: 0 auto;
    padding: 10px 0 10px;
    border-radius: 5px;
    background: #ff1170;
    padding: 30px 5px;
    text-align: center;
    color: #FFFFFF;
    font-size: 100%;
    box-shadow: 1px 1px 0px #BB0009;
    line-height: 0.5;
    color: #FFFFFF;
    text-decoration: none;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.all_chatboy_btn a:hover {
	opacity: 80%;
}

.ko_tube_btn {
    margin: 0 auto;
    clear: both;
    display: block;
    background-image: url(../../img/box_mid_bk950.gif);
    background-color: #FFFFFF;
    padding: 0 0 20px 0;
}
.ko_tube_btn a {
    display: block;
    width: 50%;
    margin: 0 auto;
    padding: 10px 0 10px;
    border-radius: 5px;
    background: #03A9F4;
    padding: 30px 5px;
    text-align: center;
    color: #FFFFFF;
    font-size: 100%;
    box-shadow: 1px 1px 0px #1666a7;
    line-height: 0.5;
    color: #FFFFFF;
    text-decoration: none;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.ko_tube_btn a:hover {
	opacity: 80%;
}


.livechat_boy,.livechat_boy_off,.livechat_boy_off02 {
	margin: 0 0 20px 0;
	display: flex;
	flex-wrap: wrap;
}
.livechat_boy_off li:first-child {
	margin-left: 0px;
	width: 100%;
	flex-basis: 16.6%;
}
.livechat_boy_off li {
	margin: 0 0 10px 0;
	padding: 2px;
	width: 100%;
	vertical-align: top;
	border: 3px solid #FFFFFF;
	box-sizing: border-box;
	background: #DADADA;
	flex-basis: 16.6%;
	-webkit-transition: all .3s;
	transition: all .3s;
	position: relative;
	height: 245px;
}
.livechat_boy_off02 li:first-child {
	margin-left: 0px;
	width: 100%;
	flex-basis: 11.1%;
}
.livechat_boy_off02 li {
	margin: 0 0 10px 0;
	padding: 2px;
	width: 100%;
	vertical-align: top;
	border: 3px solid #FFFFFF;
	box-sizing: border-box;
	background: #DADADA;
	flex-basis: 11.1%;
	-webkit-transition: all .3s;
	transition: all .3s;
	position: relative;
	height: 245px;
}
.livechat_boy_off li a,.livechat_boy_off02 li a {
	color: #747474;
	display: inline-block;
	text-decoration: none;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.livechat_boy_off li a:hover,.livechat_boy_off02 li a:hover {
	color: #747474;
	display: inline-block;
	background: #777777;
}
.livechat_boy li img,.livechat_boy_off li img,.livechat_boy li img,.livechat_boy_off02 li img {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.livechat_boy li a:hover img,.livechat_boy_off li a:hover img,.livechat_boy li a:hover img,.livechat_boy_off02 li a:hover img  {
	opacity:80%;
}
.livechat_boy .boy_data,.livechat_boy_off .boy_data,.livechat_boy .boy_data,.livechat_boy_off02 .boy_data {
	margin: 4px;
	background: #FFFFFF;
	border-radius: 5px;
	padding: 2px;
	color: #7d7d7d;
	min-height: 80px;
	word-break: break-all;
}
.livechat_boy_off .boy_data_name span,.livechat_boy_off02 .boy_data_name span {
	font-weight: bold;
	font-size: 11px;
	display: block;
}

.livechat_boy_off02 .twitter_link {
    position: absolute;
    z-index: 100;
    top: 71px;
    left: 8px;
    width: 81px;
    border-radius: 10px;
    padding: 3px 0;
    background: #00acee;
    color: #FFFFFF!important;
    text-align: center;
    text-decoration: underline;
}
.twitter_link a {
    color: #FFFFFF!important;
    text-decoration: underline!important;
    font-size: 80%;
}
.livechat_boy_off02 .twitter_link a {
    color: #FFFFFF!important;
    text-decoration: underline!important;
    font-size: 65%;
}

/* ▼▼PartyLive▼▼ */
.schfixed {
	width: 100%;
	position: fixed!important;
	position: sticky;
	position: -webkit-sticky;
	top: 0px;
	left: 0;
	z-index: 100;
	padding: 0;
	background: #FFFFFF;
	box-shadow: 0px 1px 3px #999999;
	border: 1px solid #999999;
}
.schedule_list {
	text-align: center;
	padding: 10px;
	margin: 0 0 20px 0;
    overflow-x: scroll;
    white-space: nowrap;
    overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch;
    background: rgba(255,255,255,1);
}
.schedule_list li {
	display: inline-block;
	margin-left: 12px;
}
.schedule_list li span {
	display: block;
	width: 56px;
	height: 48px;
	font-size: 15px;
	padding: 8px 5px 5px;
	color: #666666;
}
.schedule_list li a {
	text-decoration: none;
}
li.schedule_day a span {
	display: block;
	border-radius: 8px;
	background: #f6f6f6;
	-webkit-transition: all .3s;
	transition: all .3s;
	border: 1px solid #eeeeee;
}
li.schedule_day_this a span {
	border-radius: 8px;
	background: #ff0030;
	-webkit-transition: all .3s;
	transition: all .3s;
	border: 1px solid #ff0030;
	color: #FFFFFF;
}
li.schedule_day02 a span {
	border-radius: 8px;
	background: #e4f6ff;
	-webkit-transition: all .3s;
	transition: all .3s;
	border: 1px solid #c6e9fb;
}
li.schedule_day03 a span {
	border-radius: 8px;
	background: #ffe9e9;
	-webkit-transition: all .3s;
	transition: all .3s;
	border: 1px solid #f7d2d2;
}
.schedule_list li a:hover span {
	text-decoration: none;
	background: #ff0030;
	color: #FFFFFF;
}
.schedule_list li span i,.schedule_list li span a i{
	display: block;
	font-size: 12px;
	margin-top: 3px;
	text-decoration: none;
}

#party_top {
	clear: both;
	height: auto;
	width: 950px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-image: url(../../img/box_btm_bk950.png);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	float: left;
	position: relative;
	overflow:hidden;
}
#party_top .partylive {
	margin:0;
	padding:10px 5px 30px 5px;
	background-image: url(../../img/box_mid_bk950.gif);
	background-color: rgba(255,255,255,1);
}
.partylive {
    margin:0 0 30px 0;
    padding:0;
}
.partylive .tl {
    margin:0 0 10px 0;
    padding:0;
    font-size:100%;
    height:auto;
    text-indent: inherit;
    white-space: nowrap;
    overflow: auto;
}
.partylive .tl p {
    margin:0;
    padding:5px 10px;
}
.partylive .tl .material-icons {
    font-size:160%;
    vertical-align:middle;
}
.partylive .tl .day {
    font-size:140%;
}
.partylive .tl .num {
    padding:0 5px;
    border-radius:5px;
    background:rgba(255,255,255,1);
    color:rgba(0,0,0,1);
}
.partylive .tl .onlive {
    background:rgba(255,0,0,1);
    color:rgba(255,255,255,1);
}
.partylive .tl .pre {
    background:rgba(0,0,0,1);
    color:rgba(255,255,255,1);
}
.partylive .clcom,
.partylive .cloncom,
.partylive .clon,
.partylive .cloff,
.partylive .clend {
    margin:0;
    padding:0;
    width:468px;
    vertical-align:top;
    display:-moz-inline-box;
    display:inline-block;
    /display:inline;
    /zoom:1
}
.partylive .clcom .clinr,
.partylive .cloncom .clinr {
    margin:5px auto;
    padding:0;
    width:458px;
    background:rgba(255,255,255,1);
    position:relative;
    border:1px solid rgba(255,200,0,1);
    border-radius:10px;
    z-index:5;
}
.partylive .cloncom .clinr:before {
    content: "";
    border:1px solid rgba(255,0,0,1);
    border-radius:6px;
    position: absolute;
    top: 0px;
    left: 0px;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    z-index:-1;
}
.partylive .clon .clinr {
    margin:5px auto;
    padding:0;
    width:458px;
    background:rgba(255,255,255,1);
    position:relative;
    border:1px solid rgba(255,0,0,1);
    border-radius:10px;
    z-index:1;
}
.partylive .cloff .clinr {
    margin:5px auto;
    padding:0;
    width:458px;
    background:rgba(255,255,255,1);
    position:relative;
    border:1px solid rgba(200,200,200,1);
    border-radius:10px;
    z-index:1;
}
.partylive .clend .clinr {
    margin:5px auto;
    padding:0;
    width:458px;
    background:rgba(200,200,200,1);
    position:relative;
    border:1px solid rgba(150,150,150,1);
    border-radius:10px;
    z-index:1;
}
.partylive .clinr .material-icons {
    font-size:140%;
    vertical-align:bottom;
}
.partylive .clinr ul.exp {
    margin:0;
    padding:0;
    list-style:none;
}
.partylive .clinr ul.exp li {
    margin:0;
    padding:0;
    width:100%;
    vertical-align:bottom;
    display:-moz-inline-box;
    display:inline-block;
    /display:inline;
    /zoom:1
}
.partylive .clinr ul.exp li p {
    margin:0;
    padding:2px;
    font-size:90%;
    text-align:center;
    vertical-align:bottom;
}
.partylive .cloncom .clinr ul.exp li p.time,
.partylive .clon .clinr ul.exp li p.time {
    background:rgba(255,0,0,1);
    color:rgba(255,255,255,1);
    font-weight:bold;
    animation: onLive 1s infinite alternate;
}
@keyframes onLive {
   0% { background:rgba(255,0,0,1); }
  50% { background:rgba(255,0,0,1); }
 100% { background:rgba(0,0,0,1); }
}
.partylive .clcom .clinr ul.exp li p.time,
.partylive .cloff .clinr ul.exp li p.time,
.partylive .clend .clinr ul.exp li p.time {
    background:rgba(0,0,0,1);
    color:rgba(255,255,255,1);
    font-weight:bold;
}
.partylive .clinr ul.exp li p.settime {
    background:rgba(0,0,0,1);
    color:rgba(255,255,255,1);
    font-weight:bold;
}
.partylive .clinr ul.exp li p.watcher {
    background:rgba(255,255,255,1);
    color:rgba(0,0,0,1);
    font-weight:bold;
}
.partylive .clinr ul.exp li p.limit {
    background:rgba(255,230,0,1);
    color:rgba(0,0,0,1);
    font-weight:bold;
}
.partylive .clinr ul.exp li p.timer {
    background:rgba(0,175,255,1);
    color:rgba(255,255,255,1);
}
.partylive .clinr ul.exp li p.perpoints {
    background:rgba(0,210,130,1);
    color:rgba(255,255,255,1);
}
.partylive .clinr .main {
    margin:0;
    padding:10px 0px 10px 10px;
    width:178px;
    vertical-align:top;
    display:-moz-inline-box;
    display:inline-block;
    /display:inline;
    /zoom:1
}
.partylive .clinr .main .thumb_boy,
.partylive .clinr .main .thumb_party {
		width:178px;
		height:178px;
		display: block;
}
.partylive .clinr .txt {
    margin:0;
    padding:10px;
    width:240px;
    vertical-align:top;
    display:-moz-inline-box;
    display:inline-block;
    /display:inline;
    /zoom:1
}
.partylive .clinr .txt p {
    margin:0;
    padding:0;
    font-size:100%;
}
.partylive .clinr .txt ul.partyex {
    margin:0 0 5px 0;
    padding:0;
    list-style:none;
}
.partylive .clinr .txt ul.partyex li {
    margin:0;
    padding:0 5px 0 0;
    width:auto;
    vertical-align:bottom;
    display:-moz-inline-box;
    display:inline-block;
    /display:inline;
    /zoom:1
}
.partylive .clinr .txt ul.partyex li p {
    margin:0;
    padding:0;
    font-size:90%;
    text-align:center;
    vertical-align:bottom;
    display:inline-block;
}
.partylive .clinr .txt ul.partyex li p.partytype span {
    padding:0 2px;
    border-radius:5px;
}
.partylive .clinr .txt ul.partyex li p.partytype .type_te {
    background: rgba(128,128,128,1);
    color:rgba(255,255,255,1);
}
.partylive .clinr .txt ul.partyex li p.partytype .type_t {
    background:rgba(255,90,0,1);
    color:rgba(255,255,255,1);
}
.partylive .clinr .txt ul.partyex li p.partytype .type_e {
    background:rgba(240,0,255,1);
    color:rgba(255,255,255,1);
}
.partylive .clinr .txt ul.partyex li p.partytype .type_s {
    background:rgba(240,0,0,1);
    color:rgba(255,255,255,1);
}
.partylive .clinr .txt ul.partyex li p.name {
    color:rgba(0,0,0,1);
    font-weight:bold;
}
.partylive .clinr .txt ul.partyex li p.sex {
    color:rgba(150,150,150,1);
    font-size:80%;
}
.partylive .clinr .txt ul.partyex li p.shop {
    color:rgba(0,0,0,1);
    font-size:80%;
}
.partylive .clinr .txt h3 {
    margin:0;
    padding:0;
    height:30px;
    overflow:hidden;
    font-size:110%;
    line-height:30px;
    display: block;
}
.partylive .clinr .txt .info {
    height:222px;
    overflow:hidden;
    color:rgba(150,150,150,1);
}
.partylive .clinr .toroom {
    margin:0;
    padding:0 10px 10px 10px;
}
.partylive .clinr .toroom a {
    margin:0;
    padding:10px 0;
    font-size:110%;
    font-weight: bold;
    text-align:center;
    text-decoration:none;
    vertical-align:bottom;
    border-radius:5px;
    cursor:pointer;
    display:block;
    background:rgba(255,0,0,1);
    color:rgba(255,255,255,1);
    -webkit-transition:0.5s;
    -moz-transition:0.5s;
    -o-transition:0.5s;
    transition:0.5s;
    animation: toRoom 1s infinite alternate;
}
@keyframes toRoom {
   0% { background:rgba(255,0,0,1); }
  50% { background:rgba(255,0,0,1); }
 100% { background:rgba(0,0,0,1); }
}
.partylive .clinr .toroom a:hover {
    background:rgba(255,0,0,0.5);
    animation: toRoomhover 1s infinite alternate;
}
@keyframes toRoomhover {
   0% { background:rgba(255,0,0,0.5); }
  50% { background:rgba(255,0,0,0.5); }
 100% { background:rgba(0,0,0,0.5); }
}
.partylive .clinr .toroom a span {
    margin:0 10px;
    padding:2px 6px;
    font-size:100%;
    font-weight: bold;
    text-decoration:none;
    vertical-align:middle;
    border-radius:5px;
    cursor:pointer;
    display:inline-block;
    background:rgba(255,230,0,1);
    color:rgba(0,0,0,1);
}
.partylive .clinr .toroom p {
    margin:0;
    padding:10px 0;
    font-size:110%;
    font-weight: bold;
    text-align:center;
    text-decoration:none;
    vertical-align:bottom;
    border-radius:5px;
    display:block;
    background:rgba(180,180,180,1);
    color:rgba(80,80,80,1);
}
.partylive .clinr ul.toboy {
    margin:0;
    padding:0 10px 10px 10px;
    list-style:none;
}
.partylive .clinr ul.toboy li {
    margin:0;
    padding:0;
    width:50%;
    vertical-align:top;
    display:-moz-inline-box;
    display:inline-block;
    /display:inline;
    /zoom:1
}
.partylive .clinr ul.toboy li a {
    margin:0 5px 0 0;
    padding:0 2px;
    font-size:90%;
    text-align:center;
    text-decoration:none;
    vertical-align:bottom;
    border-radius:5px;
    cursor:pointer;
    display:block;
}
.partylive .clinr ul.toboy li:last-child a {
    margin:0 0 0 5px;
}
.partylive .clinr ul.toboy li a.more {
    background:rgba(56,115,255,1);
    color:rgba(255,255,255,1);
    -webkit-transition:0.5s;
    -moz-transition:0.5s;
    -o-transition:0.5s;
    transition:0.5s;
}
.partylive .clinr ul.toboy li a.more:hover {
    background:rgba(255,255,255,1);
    color:rgba(56,115,255,1);
}
.partylive .clinr ul.toboy li a.fav {
    background:rgba(255,255,255,1);
    color:rgba(150,150,150,1);
    -webkit-transition:0.5s;
    -moz-transition:0.5s;
    -o-transition:0.5s;
    transition:0.5s;
}
.partylive .clinr ul.toboy li a.favon {
    background:rgba(255,67,67,1);
    color:rgba(255,255,255,1);
    -webkit-transition:0.5s;
    -moz-transition:0.5s;
    -o-transition:0.5s;
    transition:0.5s;
}
.partylive .clinr ul.toboy li a.fav:hover,
.partylive .clinr ul.toboy li a.favon:hover {
    background:rgba(255,255,255,1);
    color:rgba(255,67,67,1);
}
.partylive ul.sch_nav {
    margin:0 0 10px 0;
    padding:0;
    list-style:none;
}
.partylive ul.sch_nav li {
    margin:0;
    padding:0;
    vertical-align:top;
    display:-moz-inline-box;
    display:inline-block;
    /display:inline;
    /zoom:1
}
.partylive ul.sch_nav li:nth-child(1),
.partylive ul.sch_nav li:nth-child(3) {
    width:10%;
}
.partylive ul.sch_nav li:nth-child(2) {
    width:80%;
}
.partylive ul.sch_nav li a {
    margin:0;
    padding:4px 10px;
    font-size:90%;
    text-decoration:none;
    border-radius:5px;
    background:rgba(255,255,255,1);
    color:rgba(0,0,0,1);
    display:block;
    -webkit-transition:0.5s;
    -moz-transition:0.5s;
    -o-transition:0.5s;
    transition:0.5s;
}
.partylive ul.sch_nav li:nth-child(1) a {
    text-align:left;
}
.partylive ul.sch_nav li:nth-child(3) a {
    text-align:right;
}
.partylive ul.sch_nav li a .material-icons {
    font-size:140%;
    vertical-align:bottom;
}
.partylive ul.sch_nav li a:hover {
    background:rgba(56,115,255,0.5);
}
.partylive ul.sch_nav li strong {
    margin:0;
    padding:0;
    font-size:140%;
    text-align:center;
    display:block;
}
.partylive table.sch {
    margin:0 0 10px 0;
    padding:0;
    width:100%;
}
.partylive table.sch th,
.partylive table.sch td {
    width:14.2%;
}
.partylive table.sch th p {
    padding:5px;
    font-size:90%;
    text-align:center;
}
.partylive table.sch td {
    text-align:center;
    vertical-align:top;
    border-top:1px solid rgba(150,150,150,1);
    border-bottom:1px solid rgba(150,150,150,1);
    border-left:1px solid rgba(150,150,150,1);
}
.partylive table.sch td:last-child {
    vertical-align:top;
    border:1px solid rgba(150,150,150,1);
}
.partylive table.sch td.tmo {
    background:rgba(220,220,220,1);
}
.partylive table.sch td.tmt {
    background:rgba(255,240,50,1);
}
.partylive table.sch td.tms {
    background:rgba(255,210,240,1);
}
.partylive table.sch td p {
    padding:4px 10px;
    font-size:80%;
    text-align:left;
}
.partylive table.sch th .sat,
.partylive table.sch td .sat {
    color:rgba(0,120,255,1);
}
.partylive table.sch th .hol,
.partylive table.sch td .hol {
    color:rgba(255,0,120,1);
}
.partylive table.sch td a {
    margin:0 auto 10px auto;
    padding:4px 10px;
    font-size:90%;
    text-decoration:none;
    border-radius:5px;
    background:rgba(56,115,255,1);
    color:rgba(255,255,255,1);
    display:inline-block;
    -webkit-transition:0.5s;
    -moz-transition:0.5s;
    -o-transition:0.5s;
    transition:0.5s;
}
.partylive table.sch td a:hover {
    background:rgba(255,255,255,1);
    color:rgba(56,115,255,1);
}

.party_more .ui-widget-content {
    font-family: auto;
    font-size: 90%;
    line-height: 140%;
}
.party_more .acc_btn {
    margin: 0 auto;
    padding: 20px !important;
    width: 60%;
    border-radius: 10px;
    background: rgba(70,155,255,1);
    color: rgba(255,255,255,1);
    border-color: rgba(100,195,255,1);
}
.party_more .ui-accordion-header-icon {
    right: 20px !important;
    left: auto !important;
    background-color: #fff;
    border-radius: 8px;
}
.party_more .acc_btn .ui-icon-triangle-1-e {
    background-position: -64px 0px;
}
.party_more .acc_btn .ui-icon-triangle-1-s {
    background-position: 0px 0px;
}
.party_more .ui-accordion-content {
    padding: 20px 0 0 0 !important;
    border: none !important;
}
.party_more .ui-widget-content a {
    color: #fff;
}
.party_more .all_chatboy_btn {
    padding: 20px 0;
}
/* ▲▲PartyLive▲▲ */

.dgbg {
    background: #FFFFFF;
    padding: 10px 7px;
    margin: 30px 0 0 0;
}
.chat_status03 {
    border-radius: 15px;
    background: #dadada;
    color: #999999;
    font-size: 11px;
    text-align: center;
    display: block;
    margin: 3px 1px;
    padding: 2px 1px;
}

.boy_alert_cancel_btn a {
	color: #ff4343!important;
}
/*livechat_rank*/
.livechat_rank_col,.livechat_allrank_col {
	display: block;
	overflow: hidden;
	width: 929px;
	margin: 0 0 20px;
	box-sizing: border-box;
	padding: 10px;
	position: relative;
	font-size: 90%;
	background: linear-gradient(45deg, #666666, #dadada, #000000);
	background-size: 600% 600%;
	animation: AnimationName 10s ease infinite;
}
@keyframes AnimationName {
	0%{background-position:0% 50%}
	50%{background-position:100% 50%}
	100%{background-position:0% 50%}
}
.livechat_rank_txt p {
	color: #525252;
	line-height: 1.4em;
	font-size: 90%;
	height: 174px;
}
.livechat_rank_txt {
    background: #fff6a3;
    padding: 6px;
    margin: 0 0 10px 5px;
    width: 355px;
    float: left;
}
/* .livechat_allrank_col .livechat_rank_txt {
    background: #fff6a3;
    padding: 6px;
    margin: 0 0 10px 5px;
    width: 98%;
    float: inherit;
} */
.mypage_col_l .livechat_rank_txt {
    background: #fff6a3;
    padding: 6px;
    margin: 0 0 10px 5px;
    width: 329px;
    float: left;
}
.livechat_rank_col h3 {

}
.weekly_rank_col {
	display: inline-block;
	width: 49.5%;
	background: #FFFFFF;
	border-radius: 10px;
	padding: 5px 10px;
	box-sizing: border-box;
	vertical-align: top;
}
.mypage_col_l .weekly_rank_col {
	display: inline-block;
	width: 49.5%;
	background: #FFFFFF;
	border-radius: 10px;
	padding: 5px 1px;
	box-sizing: border-box;
	vertical-align: top;
}
.weekly_rank_col strong {
	display: block;
	color: #ff1170;
	border-bottom: 1px solid #ffa8cb;
	margin: 0 0 8px 0;
	font-size: 114%;
}
.monthly_rank_col {
	display: inline-block;
	width: 49.5%;
	background: #FFFFFF;
	border-radius: 10px;
	padding: 5px 10px;
	box-sizing: border-box;
	vertical-align: top;
}
.mypage_col_l .monthly_rank_col {
	display: inline-block;
	width: 49.5%;
	background: #FFFFFF;
	border-radius: 10px;
	padding: 5px 1px;
	box-sizing: border-box;
	vertical-align: top;
}
.monthly_rank_col strong {
	display: block;
	color: #ff1170;
	border-bottom: 1px solid #ffa8cb;
	margin: 0 0 8px 0;
	font-size: 114%;
}
.ranking_col_flex {
	display: flex;
	align-items: baseline;
	font-size: 80%;
	font-weight: normal;
}
.allranking_col {
	display: block;
	align-items: baseline;
	font-size: 80%;
	font-weight: normal;
	clear: both;
}
.ranking_col_in {
	text-align: center;
}
.ranking_col_in:nth-child(1) {
	flex-basis: 39%;
	margin: 0 6px 0 0;
}
.ranking_col_in:nth-child(2) {
	flex-basis: 29%;
	margin: 0 3px 0 0;
}
.ranking_col_in:nth-child(3) {
	flex-basis: 29%;
	margin: 0 0 0 3px;
}
.livechat_allrank_col .ranking_col_in {
	flex-basis: inherit;
	display: block;
	margin: 0 6px 20px 0;
	overflow: hidden;
}
.ranking_col_in img {
	width: 100%;
}
.mypage_col_l .ranking_col_in img {
	width: 96%;
}
.livechat_allrank_col .ranking_col_in img {
    width: 38%;
    display: inline-block;
    float: left;
}
.ranking_col_in a {
	position: relative;
	text-decoration: none;
	color: #7d7d7d;
	overflow: hidden;
	display: block;
	cursor: pointer;
}
.ranking_col_in a span {
	margin: 5px 0 0 0;
	display: block;
}
.livechat_rank01 {
    height: 167px;
    width: 167px;
    display: block;
    position: absolute;
    background: url(../../img/ranking_no1.png) no-repeat;
    background-size: contain;
    z-index: 100;
}
.livechat_rank02 {
    height: 125px;
    width: 125px;
    display: block;
    position: absolute;
    background: url(../../img/ranking_no2.png) no-repeat;
    z-index: 100;
    border: 7px solid #DDDDDD;
    box-sizing: border-box;
}
.livechat_rank03 {
    height: 125px;
    width: 125px;
    display: block;
    position: absolute;
    background: url(../../img/ranking_no3.png) no-repeat;
    z-index: 100;
    border: 5px solid #c57720;
    box-sizing: border-box;
}
.ranking_col strong {
	font-weight: normal;
}
.cd_time {
    clear: both;
    font-size: 80%;
    font-weight: bold;
    display: inline-block;
    text-align: right;
    color: #666666;
    float: right;
    margin: 5px 0 0 0;
    background: #FFEB3B;
    padding: 3px 10px;
    border-radius: 20px;
}

.cd_time .rank_time {
	font-size: 120%;
	color:#ff1170;
}
.livechat_allrank_col .cd_time {
	clear: both;
	font-size: 80%;
	font-weight: bold;
	display: inline-block;
	text-align: right;
	color: #666666;
	float: right;
	margin: 0;
	background: #FFEB3B;
	padding: 3px 10px;
	border-radius: 20px;
}

.all_rankinglist_btn a {
    display: block;
    width: 25%;
    margin: 20px auto;
    text-align: center;
    background: #ff1170;
    padding: 24px;
    font-size: 90%;
    line-height: 0.5;
    color: #FFFFFF;
    text-decoration: none;
    -webkit-transition: all .3s;
    transition: all .3s;
    z-index: 100;
    top: 130px;
    right: 50px;
    border-radius: 10px;
}
.all_rankinglist_btn a:hover {
    opacity: 80%;
}
.numberling {
    float: left;
    margin: 15px 15px 15px 0;
    font-size: 200%;
    color: #f6006c;
    font-weight: bold;
}
.rankboy_detail_col {
	float: left;
	margin: 0 0 0 20px;
	width: 188px;
}
.rankboy_detail_col strong {

}
.ranking_col_in a span.sextype {
	color: #7d7d7d;
	font-size: 80%;
	text-align: right;
}
.rankboy_detail_col p {
}
.fake_link_boyrank {
	color: #ffffff;
	background: #2196F3;
	padding: 6px 0;
	border-radius: 20px;
	font-size: 95%;
	margin: 10px 0 0 0!important;
	text-align: center!important;
}

/*アイコン説明*/
.list_tag {
    font-size: 75%;
    text-align: center;
    min-height: 22px;
}
.icon_exp {
    font-size: 80%;
}
.white_radius_col {
    background: #FFFFFF;
    border: 1px solid #999999;
    padding: 5px;
    text-align: left;
    line-height: 2em;
    margin: 0 0 20px 0;
    width: 929px;
    box-sizing: border-box;
}
.icon_exp h3 {
    display: inline-block;
    margin: 0 5px 0 0;
}
.icon_all {
	 background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%),
                radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%);
	 color: #ffffff;
	 text-shadow: 0px 1px 3px #000000;
	 font-weight: bold;
	 border-radius: 3px;
	 font-size: 85%;
	 padding: 3px;
	 line-height: 10px;
	 width: 94%;
	 height: 10px;
	 text-align: center;
	 margin: 5px 0 0 0;
	 display: inline-block;
}
.icon_all_exp {
	 background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%),
                radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%);
	 color: #ffffff;
	 text-shadow: 0px 1px 3px #000000;
	 font-weight: bold;
	 border-radius: 3px;
	 font-size: 85%;
	 padding: 3px;
	 line-height: 10px;
	 width: 123px;
	 height: 10px;
	 text-align: center;
	 margin: 5px 0 0 0;
	 display: inline-block;
}
.icon_gin {
	background: #d80000;
	color: #FFFFFF;
	font-weight: bold;
	border-radius: 3px;
	font-size: 80%;
	padding: 3px;
	line-height: 10px;
	width: 10px;
	height: 10px;
	text-align: center;
	margin: 5px 0 0 0;
	display: inline-block;
}
.icon_promise {
	background: #00e6c8;
	color: #fffa14;
	font-weight: bold;
	border-radius: 3px;
	font-size: 80%;
	padding: 3px;
	line-height: 10px;
	width: 10px;
	height: 10px;
	text-align: center;
	margin: 5px 0 0 0;
	display: inline-block;
}
.icon_chira {
	background: #FF9800;
	color: #FFFFFF;
	font-weight: bold;
	border-radius: 3px;
	font-size: 80%;
	padding: 3px;
	line-height: 10px;
	width: 10px;
	height: 10px;
	text-align: center;
	margin: 5px 0 0 0;
	display: inline-block;
}
.icon_dopyu {
	background: #e8e8e8;
	color: #424242;
	font-weight: bold;
	border-radius: 3px;
	font-size: 80%;
	padding: 3px;
	line-height: 10px;
	width: 10px;
	height: 10px;
	text-align: center;
	margin: 5px 0 0 0;
	display: inline-block;
}
.icon_ananey {
	background: #ffe500;
	color: #ff0000;
	font-weight: bold;
	border-radius: 3px;
	font-size: 80%;
	padding: 3px;
	line-height: 10px;
	width: 10px;
	height: 10px;
	text-align: center;
	margin: 5px 0 0 0;
	display: inline-block;
}
.icon_koi {
	background: #ff2e75;
	color: #FFFFFF;
	font-weight: bold;
	border-radius: 3px;
	font-size: 80%;
	padding: 3px;
	line-height: 10px;
	width: 10px;
	height: 10px;
	text-align: center;
	margin: 5px 0 0 0;
	display: inline-block;
}
.icon_smode {
	background: #000000;
	color: #ff0000;
	font-weight: bold;
	border-radius: 3px;
	font-size: 80%;
	padding: 3px;
	line-height: 10px;
	width: 10px;
	height: 10px;
	text-align: center;
	margin: 5px 0 0 0;
	display: inline-block;
}
.icon_mmode {
	background: #8254d4;
	color: #FFFFFF;
	font-weight: bold;
	border-radius: 3px;
	font-size: 80%;
	padding: 3px;
	line-height: 10px;
	width: 10px;
	height: 10px;
	text-align: center;
	margin: 5px 0 0 0;
	display: inline-block;
}
.modelsearch_col {
	border-radius: 5px;
	overflow: hidden;
	margin: 0 0 20px 0;
	border: 1px solid #333333;
}
.modelsearch_col ul {
	display: table;
	width: 100%;
	margin: 10px 10px 5px 10px;
}
.modelsearch_col li {
	display: table-cell;
	text-align: center;
	width: auto!important;
	margin: 0!important;
	padding: 0!important;
	float: left;
}
.modelsearch_col li a {
    width: 62px;
    border-radius: 3px;
    color: #696969;
    font-size: 80%;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin: 0!important;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.modelsearch_col li a:hover {
	background: #333333;
	text-decoration: none;
	color: #FFFFFF;
}
.modelsearch_col_on {
    width: 56px;
    background: #333333;
    padding: 0 5px;
    border-radius: 3px;
    color: #FFFFFF;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin: 0 8px 0 0!important;
}
.boy_none {
	font-size: 90%;
	background: #fff8ba;
	color: #ff4040;
	text-align: center;
	margin: 0 0 10px 0;
	padding: 5px;
}
.alert_exp_col strong {
	font-size: 110%;
	color: #ff1170;
}
.alert_exp_col p {
	line-height: 1.8em;
	text-align: left;
	padding: 5px;
	border-radius: 4px;
	font-size: 90%;
}
.notice_hope {
	color: #00d282;
}
.alert_exp_col .caution_txt {
	color: #FFEB3B;
}
.caution_txt02 {
	font-size: 85%;
	color: #b5b5b5;
	margin: 0 0 5px 0;
}
.input_exp input[type="checkbox"] {
    display:none!important;
}
.input_exp input[type="checkbox"] + label {
    border: 1px solid #aaaaaa;
    vertical-align: middle;
    position: relative;
    margin-right: 5px;
    -webkit-border-radius: 3px!important;
    border-radius: 3px!important;
    -webkit-box-sizing: border-box!important;
    width: 26px!important;
    height: 26px;
    background: #e2e2e2;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.00, #ffffff), color-stop(1.00, #e2e2e2) );
    background: linear-gradient( to bottom, #ffffff 0%, #e2e2e2 100% );
    cursor: pointer;
    padding:3px 0 3px 30px;
    line-height: 2.3em;
}
.input_exp input[type="checkbox"]:checked + label{
	border: 1px solid #336600;
}
.input_exp input[type="checkbox"]:checked + label:before {
	position: absolute;
	left: 0px;
	top: 15px;
	display: block;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .5);
	content: "";
	width: 13px;
	height: 7px;
	background: #005fc0;
	-webkit-transform: rotate(45deg);
	-webkit-transform-origin: right center;
}
.input_exp input[type="checkbox"]:checked + label:after {
	display: block;
	position: absolute;
	left: 9px;
	top: 16px;
	content: "";
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .5);
	width: 26px;
	height: 7px;
	background: #005fc0;
	-webkit-transform: rotate(-53deg);
	-webkit-transform-origin: left center;
}
.input_exp input {
	display: inline-block;
	float: left;
}
.input_exp_in {
	float: right;
	width: 85%;
	line-height: 1.3em;
}
.input_exp_in strong {
	display: block;
	font-size: 120%;
	margin: 0 0 2px 0;
}
.input_exp {
	overflow: hidden;
	margin: 0 0 10px 0;
}
.input_exp_in span {
	font-size: 90%;
	color: #DDDDDD;
}
.pc_none {
	display: none;
}
.icon_exp_fee {
	font-weight: bold;
	color: #E91E63;
}
/*rank*/
.forecast_login_btn p {
	padding: 10px;
	font-weight: bold;
	color: #FF0000;
}
.rank_catch_col {
	padding: 0 0 1px 0;
	background: url(../../img/livechat/rank_bg.png);
	width: 928px;
	margin: 0 0 20px 0;
}
.rank_main_title {
	background: url(../../img/livechat/rank_title.png) no-repeat;
	width: 884px;
	height: 210px;
	margin: 0 auto 20px;
}
.rank_atten {
    background: #FFFF00;
    border-radius: 6px;
    width: 90%;
    font-size: 80%;
    padding: 5px 10px;
    margin: 10px auto 20px;
}
.rank_atten02 {
    color: #FFFF00;
    border-radius: 6px;
    width: 90%;
    font-size: 80%;
    padding: 0px 10px 5px;
    margin: 0px auto;
    text-align: right;
}
.rank_atten .caution_red {
    color: #FF0000;
}
.rank_limit_col {
	overflow: hidden;
	margin: 0 auto 20px;
	width: 100%;
}
.rank_limit_col dl {
	width: 43%;
	border: 2px solid #ff0096;
	border-radius: 10px;
	float: left;
	margin: 0 3%;
}
.rank_limit_col dt {
	background: #ff0096;
	color: #FFFFFF;
	float: left;
	padding: 15px;
	font-size: 110%;
}
.rank_limit_col dd {
	color: #FFFFFF;
	float: left;
	padding: 14px;
	font-size: 120%;
	text-align: center;
	width: auto;
	font-weight: bold;
}
.rank_fixed {
	width: 100%;
	background: rgba(0,0,0,0.8);
	position: fixed!important;
	position: sticky;
	position: -webkit-sticky;
	top: 0;
	left: 0;
	z-index: 10;
	padding: 0;
}
.rank_my_predict h3 {
	text-align: center;
	text-indent: inherit;
	font-size: 130%;
	color: #ffffff;
	position: relative;
	text-align: center;
	margin: 1em auto 0.5em;
	border: none;
	width: 876px;
}
.rank_my_predict h3:before {
	border-top: 2px solid #ffffff;
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 38%;
}
.rank_my_predict h3 span {
	display: inline-block;
	padding: 0.5em 1em;
	position: relative;
}
.rank_my_predict h3:after {
	border-top: 2px solid #ffffff;
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	width: 38%;
}
.rank_my_predict_choice {
    width: 884px;
    margin: 0 auto 20px;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 105%;
    overflow: hidden;
}
.choice_in .choice_boy {
	display: inline-block;
	float: left;
	margin: 0 2% 0 0;
	width: 18%;
	white-space: nowrap;
}
.choice_in .choice_boy li {
	text-align: center;
	height: auto;
	overflow: hidden;
	padding: 4px;
	border: 1px solid;
	border-radius: 3px;
}
.choice_in .choice_boy li:hover {
	background: rgba(#255,255,255,0.7);
	border: 1px solid #999999;
	border-radius: 3px;
	cursor: grab;
}
.choice_in .choice_boy li:active {
	cursor: grabbing;
	border: 1px solid #555555;
	background: rgba(3,3,3,0.4);
}
.choice_in .choice_boy li img {
	width: 70%;
	display: block;
	border-radius: 3px;
	margin: 0 auto;
}
.boy_name_1,.boy_name_2,.boy_name_3,.boy_name_4,.boy_name_5 {
	font-size: 75%;
}
.choice_in .choice_boy button {
	border: none;
	background: none;
	color: #ff0096;
	text-decoration: underline;
	float: right;
	cursor: pointer;
}
.rank_choice_col {
	margin: 15px 0 0 0;
}
.remark {
	font-size: 84%;
	color: #666666;
}
.rank_choice_col h3 {
	font-size: 130%;
	color: #ff0096;
}
.rank_step_col {
	font-size: 14px;
	color: #444444;
}
.rank_my_predict_btn {
	position: relative;
}
button.rank_fixed_btn {
	border: none;
	background: #FFFF00;
	width: 200px;
	padding: 10px;
	margin: 0 auto 20px;
	display: block;
	border-radius: 5px;
	font-size: 105%;
	color: #ff0096;
	font-weight: bold;
	box-shadow: 1px 1px #928303;
	cursor: pointer;
}
button.rank_clear_btn {
	border: none;
	background: none;
	color: #ff0096;
	text-decoration: underline;
	position: absolute;
	top: 13px;
	left: 64%;
}
.ranktype_select {
	margin: 10px 0px 0;
	padding: 10px 20px;
	font-size: 120%;
}
.rank_step_col .boy_data {
	min-height: 20px;
}
.rank_step_col .livechat_boy li {
	min-height: 215px;
}
.rank_step_col .livechat_boy li a {
	min-height: 175px;
}
.choice_boy_btn {
	margin: 5px 0 0 0;
}
.choice_boy_btn button.choice {
    border-radius: 5px;
    border: none;
    color: #FFFFFF;
    background: #ff0096;
    display: block;
    margin: 0 auto 5px;
    padding: 5px;
    cursor: pointer;
}
.choice_boy_btn button.cut {
    border-radius: 5px;
    border: none;
    color: #bbbbbb;
    background: #7b7b7b;
    display: block;
    margin: 0 auto 5px;
    padding: 5px;
    cursor: pointer;
}
.rank_bnr a {
    background: url(../../img/livechat/rank_bnr.png) no-repeat;
    width: 536px;
    height: 186px;
    display: block;
    float: left;
    margin: 0 0 10px 0;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.rank_bnr a:hover {
    opacity: 80%;
}
.forecast_login_btn a {
    display: block;
    margin: 0 auto;
    text-align: center;
    border-radius: 10px;
    background: #ff0096;
    width: 370px;
    padding: 14px 7px;
    color: #FFFFFF;
    text-decoration: none;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.forecast_login_btn a:hover {
    opacity: 80%;
}
.winning_col {
    background: url(../../img/livechat/get.png) no-repeat;
    width: 940px;
    height: 247px;
    margin: 0 0 15px 0;
    padding: 145px 20px 0;
    color: #FFFFFF;
    box-sizing: border-box;
    font-size: 95%;
    text-shadow: 1px 0px 1px #000000;
}
.defeat_col {
    font-size: 90%;
    margin: 0 0 20px 0;
    background: #EDEDED;
    padding: 10px;
}
.point_present {
    font-size: 125%;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
    display: block;
    margin: 0 0 15px 0;
}
.point_present strong {
	color: #ff0096;
}
/*livechat_rank_tab*/
.livechat_rank_tab {
  margin-top: 50px;
  padding-bottom: 40px;
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  width: 100%;
  margin: 0 auto;
}

.tab_item {
  width: calc(100%/2);
  height: 50px;
  border-bottom: 3px solid #ff1170;
  background-color: #d9d9d9;
  line-height: 50px;
  font-size: 16px;
  text-align: center;
  color: #565656;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
  cursor: pointer;
}
.tab_item:hover {
  opacity: 0.75;
}

input[name="tab_item"] {
  display: none;
}

.livechat_rank_tab .tab_content {
    display: none;
    padding: 10px 5px 0;
    clear: both;
    overflow: hidden;
}

#weekly_rank:checked ~ #weekly_rank_content,
#monthly_rank:checked ~ #monthly_rank_content
 {
  display: block;
}

.livechat_rank_tab input:checked + .tab_item {
  background-color: #f6006c;
  color: #fff;
}
.tab_content_description {
	clear: both;
}
img.cameras_pct {
    padding: 3px 4px 3px 0;
    height: 24px;
}
.party_title2 {
    display: flex;
    justify-content: left;
    -webkit-align-items: left;
    align-items: left;
}