@charset "euc-jp";
/***************

メニュー アクティブ

****************/
.header-menu-list-item.is_blog .header-menu-list-item__link {
	box-shadow: 0 -3px 0 #a0107c inset;
	color: #ab48a2;
}

.blog .sub-menu-list-item.is_blog .sub-menu-list-item__link {
	box-shadow: 0 -2px 0 #79016c inset;
	font-weight: bold;
	text-decoration: none;
	color: #ab48a2;
}

/***************

tab

****************/
.tabWrap {
	display: block;
	padding: 6px 20px 0;
	background-color: #9a0074;
	background: linear-gradient(#8c0e73,#680a55);
}
.tabWrap:after {
	content: "";
	display: block;
	clear: both;
	width: 100%;
}
.tabWrap li {
	display: block;
	float: left;
	margin-right: 10px;
}
.tabWrap li a {
	display: block;
	padding: 8px 30px;
	border-radius: 3px 3px 0 0;
	font-size: 14px;
	color: #fff;
}
.tabWrap li a.active,
.tabWrap li a:hover {
	text-decoration: none;
	background: #fff;
	color: #9a0074;
}
.tabWrap li a.active { font-weight: bold; }

/**************

contents

****************/
#blogOutBox {
	margin: 8px 0;
}
.blogBox {
	overflow: hidden;
	display: block;
	float: left;
	width: 260px;
	margin: 0 4px 12px;
	border-radius: 5px;
	background-color: #fff;
	box-shadow: 0 1px 3px 1px #bbb;
}
.blogBox:hover {
	box-shadow: 0 1px 5px 1px #d1a9cb;
}
.blogBox a {display: block; }
.blogBox a:hover { text-decoration: none; }
.blogBox span,
.blogBox p {
	display: block;
	color: #444;
}
.blogBox .girlsPostImg .imgWrap {
	position: relative;
	display: block;
	width: 260px;
	height: 154px;
	overflow: hidden;
	zoom: 1;
}
.blogBox .girlsPostImg .imgWrap img {
	position: absolute;
	display: block;
	width: 100%;
}
.blogBox .girlsContent {
	display: block;
	padding: 10px 8px;
}
.blogBox .girlsContent .titBlog,
.blogBox .girlsContent .postCont {
	overflow: hidden;
	height: 20px;
	line-height: 20px;
	margin-bottom: 4px;
	font-size: 14px;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.blogBox .girlsContent .titBlog {
	margin-bottom: 4px;
	border: 0;
	color: #9a0074;
	font-size: 16px;
	font-weight: bold;
}
.blogBox a:hover .girlsContent .titBlog {
	text-decoration: underline;
}
.blogBox .girlsContent .postCont img {
	display: inline-block;
	vertical-align: middle;
	height: 14px;
}
.blogBox .girlsContent .time {
	display: block;
	white-space: nowrap;
	line-height: 1;
	color: #666;
	font-size: 10px;
}

.blogBox .girlsImg {
	display: block;
	padding: 10px;
	border-top: 1px solid #ececec;
	background: #fff;
}
.blogBox .girlsImg:hover { background-color: #f9f0f7; }
.blogBox .girlsImg:after {
	content: "";
	display: block;
	clear: both;
	width: 100%;
}
.blogBox .girlsImg .girlsFaceImg {
	display: block;
	float: left;
	margin-right: 8px;
}
.blogBox .girlsImg .imgWrap {
	position: relative;
	float: left;
	display: block;
	overflow: hidden;
	width: 50px;
	height: 39px;
	margin-right: 8px;
}
.blogBox .girlsImg .imgWrap img {
	display: block;
	margin: 0 auto;
}
	.blogBox .girlsImg .imgWrap img + img {
		position: absolute; top: 0; left: 0; width: 100%; height: 100%;
	}
.blogBox .girlsImg .girlsName {
	display: block;
	overflow: hidden;
	line-height: 22px;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 12px;
	font-weight: bold;
}
.blogBox .girlsImg:hover .girlsName {
	text-decoration: underline;
}
.blogBox .girlsImg .status {
	display: inline-block;
	background: #c7c7c7;
	border-radius: 3px;
	color: #ffffff;
	font-size: 10px;
	height: 15px;
	line-height: 15px;
	padding: 0 6px;
}
.blogBox .girlsImg .status { background: #b2b2b2; }
.blogBox .girlsImg .status.online  { background: #d18a00; }
.blogBox .girlsImg .status.chat    { background: #da3d8b; }
.blogBox .girlsImg .status.twoshot { background: #812fcc; }
.blogBox .girlsImg .status.wait    { background: #2b8fdc; }

.blogBox .blogAction {
	border-top: 1px solid #ececec;
	background-color: #f6f6f6;
	text-align: center;
}
.blogBox:hover .blogAction {
	background-color: #f9f0f7;
}
.blogBox .blogAction li {
	display: inline-block;
	margin-right: 5px;
}
.blogBox .blogAction li span {
	display: inline;
}
.blogBox .blogAction li a {
	position: relative;
	display: block;
	min-width: 58px;
	height: 30px;
	line-height: 30px;
	color: #444;
	font-weight: bold;
}
.blogBox .blogAction li a:hover,
.blogBox .blogAction li a:hover .boxCount,
.blogBox .blogAction li a.boxNiceGood .boxCount {
	color: #9a0074;
}
.blogBox .blogAction li a:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 28px;
	height: 28px;
	background: url(https://assets.chatpia.jp/common/images/blog_parts.png?230922) no-repeat;

	position: relative;
    top: 2px;
}
.blogBox .blogAction li a.btnBlog:before { background-position: 0 -30px; }
.blogBox .blogAction li a.btnComment:before { background-position: 0 -90px; }
.blogBox .blogAction li a.boxNice:before { background-position: 0 -60px; }
.blogBox .blogAction li a.boxNice.boxNiceGood:before { background-position: 0 -120px; }
.blogBox .blogAction li a .balloon {
	display: none;
	position: absolute;
	top: -20px;
	left: 50%;
	height: 20px;
	line-height: 20px;
	width: 58px;
	margin-left: -29px;
	text-align: center;
	color: #fff;
	border-radius: 3px;
	font-size: 12px;
	font-weight: normal;
}
.blogBox .blogAction li a.btnBlog .balloon,
.blogBox .blogAction li a.btnComment .balloon {
	background: #444;
}
.blogBox .blogAction li a.boxNice .balloon {
	background: #9a0074;
}

.blogBox .blogAction li a:hover { text-decoration: underline; }
.blogBox .blogAction li a:hover .balloon { display: block; }

.blogBox .blogAction li a .balloon:before {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -5px;
	display: block;
	width: 0;
	height: 0;
	margin-left: -4px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 6px solid #444;
}
.blogBox .blogAction li a.boxNice .balloon:before { border-top: 6px solid #9a0074; }


/***************

ローディング

****************/
.loading {
	text-align: center;
}

/***************

ページャー

****************/
#pagerArea {
    bottom: 0;
    margin: 0 auto;
    overflow: hidden;
    position: fixed;
    width: 820px;
}
#pagerArea .move {
    background: none repeat scroll 0 0 #e7e7e7;
    border-top: 1px solid #ffffff;
    display: table;
    overflow: hidden;
    padding-left: 210px !important;
    position: relative;
    width: 1000%;
}
#pagerArea .pager.always {
    bottom: 0;
    box-shadow: 7px 3px 6px #e7e7e7;
    padding-left: 10px;
    position: absolute;
    width: 85px;
    z-index: 1;
}

#pagerArea ul.pager.always a {
    padding-right: 15px;
    text-align: center;
    width: 40px;
}
#pagerArea .pager li.style {
    margin: 0 5px 0 0;
}
#pagerArea .pager li.style.prev {
    margin: 0;
}
#pagerArea a {
    border: 1px solid #666666;
    border-radius: 6px;
    display: block;
    margin: 10px 0;
    padding: 5px 8px;
}


#pagerArea .pager:after, .pagerTxt:after {
    clear: both;
    content: "";
    display: block;
    width: 100%;
}
#pagerArea .pager li {
    display: block;
    float: left;
    margin-right: 6px;
}

.pager.always.after {
    margin-right: 10px;
    right: 0;
}
#pagerArea .pager:after, .pagerTxt:after {
    clear: both;
    content: "";
    display: block;
    width: 100%;
}
#pagerArea .pager li {
    display: block;
    float: left;
    margin-right: 6px;
}
#pagerArea .pager li.active a {
    background-color: #444444;
    color: #ffffff;
}
#pagerArea .pager li a {
    background-color: #ffffff;
    border: 1px solid #bababa;
    border-radius: 3px;
    box-shadow: 0 0.5px 0.5px 0 #cccccc;
    box-sizing: border-box;
    color: #444444;
    display: block;
    font-weight: bold;
	text-align:center;
    padding: 10px 12px;
	width: 40px;
    white-space: nowrap;
}
#pagerArea .pager li a,
#pagerArea ul{
	transition: all 0.3s ease 0s;
}
#pagerArea .pager li a:hover {
    background-color: #ececec;
    color: #000000;
    text-decoration: none;
}