
@charset "UTF-8";
/* CSS Document */


/* bpgirls PC page
====================================================================*/
.main-contents {
	text-align: center;
}
.mainvisual {
	margin-bottom:20px;
	position:relative;
}
.mainvisual h2 {
}
.main-txt {
	text-align: left;
}
.mainvisual .main-txt {
	position: absolute;
	width: 400px;
	line-height: 182%;
	color: #1e1a1a;
	font-weight: bold;
	right: 86px;
	bottom: 87px;
}
.meeting {
	position: relative;
	text-align: left;
	height: 225px;
	margin-bottom: 30px;
}
.balloon-right {
	background:url(/images/pages/bpgirls/balloon-right.png) no-repeat;
	width: 395px;
	height: 228px;
	position: absolute;
	right: 40px;
	top: 0;
}
.balloon-left {
	background:url(/images/pages/bpgirls/balloon-left.png) no-repeat;
	width: 395px;
	height: 228px;
	position: absolute;
	left: 40px;
	top: 0;
}
.balloon-right-txt {
	position: absolute;
	width: 250px;
	top: 55px;
	right: 33px;
	line-height: 174%;
}
.balloon-right-img {
	position: relative;
	left: 30px;
	top: 10px;
}
.balloon-left-txt {
	position: absolute;
	width: 250px;
	top: 55px;
	left: 36px;
	line-height: 174%;
}
.balloon-left-img {
	position: absolute;
	top: 23px;
	right: 45px;
	line-height: 174%;
}
.list-txt {
	height: 24px;
	line-height: 30px;
}
.list-txt-link {
	color: #e7b3ba;
	font-weight: bold;
	height: 17px;
	line-height: 17px;
}
.list-txt-link:hover {
	color:#ea7e8c;
}
.feature-link {
	margin: 20px 0 50px 0;
}
.txt-left {
	text-align: left;
	line-height: 174%;
	font-size: 100%;
	width: 89%;
	margin: 0 auto;
}
.pro-list-center {
	margin: 0 auto;
	width: 740px;
}
.pro-list-ul {
	margin-right: -10px;
}
.pro-list-li {
	float: left;
	width: 240px;
	margin-right: 10px;
	height: 286px;
	padding-top: 40px;
}
.blog {
	text-align: left;
}
.link-area-li {
	float: left;
	margin:0 0 20px 44px;
	position: relative;
}
.relative {
	position: relative;
}
.mama-icon {
	position: absolute;
	right: 8px;
	top: 52px;
}
p.heart-icon:before {
	content: url(/images/pages/bpgirls/heart.png);
	position: absolute;
	right: 40px;
	bottom: 196px;
}
/* ----------------------SNS(PC)---------------------- */
#bpgirls_snstop, #bpgirls_snsend{
    margin: 15px 0; 
    height: 66px;
    position: absolute;
    clear: both;
}
#bpgirls_snstop {
	right: 65px;
	bottom: 20px;
}
#bpgirls_snsend {
	bottom: 0;
	right: 20px;
}
.bpgirls_end {
	background:url(/images/pages/bpgirls/footer.png) no-repeat;
	width: 760px;
	height: 202px;
	position: relative;
}
ul.sns_group, ul.sns_group_end {
    width:320px;
}
ul.sns_group li, ul.sns_group_end li {
    float: left;
    margin-right:5px;
    position:relative;
    vertical-align: top;
}
/* ----------------------SNS(PC) end---------------------- */





/* bpgirls SP page
====================================================================*/
/* モジュール
======================================= */
section {
	padding-bottom: 10px;
}
.mg-b10 {
	margin-bottom: 10px;
}
.mg-b15 {
	margin-bottom: 15px;
}
.mg-b20 {
	margin-bottom: 20px;
}
.mg-b25 {
	margin-bottom: 25px;
}
.pd-t15 {
	padding-top: 15px;
}
.pd-t50 {
	padding-top: 50px;
}
.pd-t60 {
	padding-top: 60px;
}
.pd-tb15 {
	padding-top: 15px;
	padding-bottom: 15px;
}
.pd-b5 {
	padding-bottom: 5px;
}
.pd-b8 {
	padding-bottom: 8px;
}
.pd-b10 {
	padding-bottom: 10px;
}
.pd-b15 {
	padding-bottom: 15px;
}
.pd-b20 {
	padding-bottom: 20px;
}
.pd-b25 {
	padding-bottom: 25px;
}
.pd-b30 {
	padding-bottom: 30px;
}
.pd-b35 {
	padding-bottom: 35px;
}
.clear {
	clear: both;
}
/* コンテンツ
==================================================================== */
#wrapper {
}
#bpgirls-wrapper {
	color: #1d1e1e;
	padding-top: 50px;
	margin: 0 0 -5px 0;
}
.bpgirls-contents {
	padding: 5px 10px 0 0;
}
#bpgirls-mainvisual h2 {
	margin: 0 auto;
}
#bpgirls-nav {
	overflow: hidden;
}
#beginning h1 {
	line-height: 1.1em;
}
.hd-ttl {
		padding: 5px 0 30px 0;
}
.chief-detail {
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	padding-bottom: 25px;
}
.bpg-detail {
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	padding-bottom: 25px;
}
.relative {
	position: relative;
}
p.mama {
	position: absolute;
	top: 0px;
	right: 7%;
	width: 28%;
}
p.mama img {
	width: 100%;
}
#bpgirls-snsend {
	background:url(/sp/images/bpgirls/footer.png) no-repeat;
	background-position: bottom;
}
/* ----------------------SNS(SP)---------------------- */
#bpgirls-snstop, #bpgirls-snsend {
	width: 100%;
	margin: 15px 0 0 0;
	overflow: hidden;
	position: relative;
}
ul.sns-group-top, ul.sns-group-end-top, ul.sns-group-bottom, ul.sns-group-end-bottom {
	margin-bottom: 10px;
	position: relative;
	left: 50%;
	float: left;
}
ul.sns-group-bottom, ul.sns-group-end-bottom {
	clear: both;
}
ul.sns-group-top li,ul.sns-group-bottom li, ul.sns-group-end-top li, ul.sns-group-end-bottom li {
	float: left;
	margin-right:5px;
	vertical-align: top;
	position: relative;
	left: -50%;
}
/* ----------------------SNS(SP) end---------------------- */




/* ----------------------SNS button layout ---------------------- */
.fb-button, .gp-button, .tw-button, .hatena-button {display: inline-block;}
.line-button {display: inline;}
/* ----------------------SNS button layout end---------------------- */
