@charset "utf-8";

/* ==========================================================================
  gravureListWrap
========================================================================== */
.gravureListWrap {
	overflow:hidden;
}
.gravureListWrap > li {
	float:left;
	width:47%;
	margin-bottom:12px;
	display:block;
	padding:10px;
}

.gravureListWrap > li:nth-child(2n+0) {
	margin-left:5px;
}
.gravureListWrap > li:nth-child(2n+1) {
	margin-right:5px;
}
.gravureListWrap > li .photo img {
	max-width: 100%;
	max-height: 100%;
	vertical-align: bottom;
}
.gravureListWrap > li .listSepWrap {
	display:table;
	width:100%;
	table-layout:fixed;
}
.gravureListWrap > li .listSepWrap > div {
	display:table-cell;
	vertical-align:top;
}
.gravureListWrap > li .listSepWrap .photo {
	width: 55%;
	height: 190px;
	text-align:center;
}
.gravureListWrap > li .listSepWrap .info {
	display: block;
	margin-top: 0px;
  margin-left:5%;
}

.listSepWrap .info .nameWrap .name {
	text-align: center;
	font-size: 20px;
	margin-top: 16px;
}

.listSepWrap .info .nameWrap .size {
	font-size: 16px;
	text-align: center;
	margin-bottom: 15px;
}

.listSepWrap .info .detailBtn a {
	display:block;
	text-align:center;
	text-decoration:none;
	font-size:12px;
	line-height:50px;
	font-weight:bold;
	margin-bottom:5px;
	margin-top: 11px;
}

.listSepWrap .info .detailBtn2 a {
	margin-bottom: 0px;
	display: block;
	text-align: center;
	text-decoration: none;
	font-size: 12px;
	line-height: 50px;
	font-weight: bold;
}
.pcDisp_inline{
	display:inline;
}
.spDisp_inline{
	display:none;
}
@media screen and (max-width: 767px) {
	.gravureListWrap{
		padding:0px 5px;
	}
	.gravureListWrap > li {
		float:none;
		width:98%;
		padding:1%;
		margin:0 0 5px;
	}
	.gravureListWrap > li:nth-child(2n+0){
		margin-left:0;
	}
	.gravureListWrap > li:nth-child(2n+1){
		margin-right:0;
	}
	.gravureListWrap > li .listSepWrap{
		overflow: hidden;
		display:block;
	}
	.gravureListWrap > li .listSepWrap .photo {
		width: 62%;
		height:auto;
		float:left;
	}
	.gravureListWrap > li .listSepWrap .info {
		margin-left:63%;
	}
	.listSepWrap .info .detailBtn a {
		line-height:30px;
		margin-bottom: 3px;
		margin-top: 0;
	}
	.listSepWrap .info .detailBtn2 a {
		line-height:30px;
	}
	.gravureListWrap > li .listSepWrap .info .nameWrap .name {
		font-size:16px;
		margin-top:6px;
	}
	.gravureListWrap > li .listSepWrap .info .nameWrap .size {
		font-size:12px;
		margin-bottom:2px;
	}
	.pcDisp_inline{
		display:none;
	}
	.spDisp_inline{
		display:inline;
	}
}


/* ==========================================================================
  pickupPhoto
========================================================================== */
.pickupPhoto {
	margin-bottom:20px;
}
.pickupPhoto > ul {
	display:table;
	width:100%;
	table-layout:fixed;
}
.pickupPhoto > ul li {
	width:50%;
  text-align: center;
	display:table-cell;
}
.pickupPhoto > ul li a {
	display:block;
}
.pickupPhoto > ul li img {
	max-width:100%;
  max-height: 356px;
	vertical-align:bottom;
}
.pickupPhoto > ul li:first-child {
	padding-right:5px;
}
.pickupPhoto > ul li:last-child {
	padding-left:5px;
}
@media screen and (max-width: 767px) {
	.pickupPhoto {
		margin:10px;
	}
	.pickupPhoto > ul li {
		display:block;
		width:100%;
		margin:5px 0;
		padding:0 5px;
	}
}

/* ==========================================================================
  sepWrap layout
========================================================================== */
.sepWrap {
	overflow:hidden;
}
.sepWrap > .sepChildWrap {
	width:48%;
}
.sepWrap > .profileWrap {
	float:left;
	margin: 10px 1%;
}
.sepWrap > .profileWrap .inner {
	margin-right:5px;
	margin-left: 15px;
}
.sepWrap > .photoWrap,
.sepWrap > .commentWrap,
.sepWrap > .linkWrap {
	float:right;
}

.sepWrap > .photoWrap .inner,
.sepWrap > .commentWrap .inner,
.sepWrap > .linkWrap .inner {
}
.sepWrap > .photoWrap,
.sepWrap > .commentWrap,
.sepWrap > .linkWrap {
	margin: 10px 1%;
}
.sepWrap > .photoWrap .inner{
	margin:10px 5px;
}
@media screen and (max-width: 767px) {
	.sepWrap {
		overflow:inherit;
		display: -ms-box;
		display: -webkit-box;
		display: -moz-box;
		display: -o-box;
		display: box;
		-webkit-box-orient:vertical;
		-moz-box-orient:vertical;
		box-orient:vertical;
	}
	.sepWrap > .sepChildWrap {
		width:100%;
		float:none;
		margin-bottom:10px;
	}
	.sepWrap > .sepChildWrap .inner {
		margin:0;
	}
	.sepWrap > .profileWrap {
		-ms-box-ordinal-group: 2;
		-webkit-box-ordinal-group:2;
		-moz-box-ordinal-group:2;
		box-ordinal-group:2;
	}
	.sepWrap > .photoWrap {
		-ms-box-ordinal-group: 1;
		-webkit-box-ordinal-group:1;
		-moz-box-ordinal-group:1;
		box-ordinal-group:1;
	}
	.sepWrap > .commentWrap {
		-ms-box-ordinal-group: 3;
		-webkit-box-ordinal-group:3;
		-moz-box-ordinal-group:3;
		box-ordinal-group:3;
	}
	.sepWrap > .linkWrap {
		-ms-box-ordinal-group: 4;
		-webkit-box-ordinal-group:4;
		-moz-box-ordinal-group:4;
		box-ordinal-group:4;
	}
	.sepWrap > .commentWrap {
		margin:10px 5px;
		width:auto;
	}
	.sepWrap > .commentWrap .inner {
		margin-left:0;
	}
}

/* ==========================================================================
  profileWrap
========================================================================== */
.profileWrap .girlName {
	overflow:hidden;
	position:relative;
	margin: 0 0 10px;
	padding: 5px 10px;
}
.profileWrap .girlName span {
	display:block;
	font-size:24px;
	margin-right:10px;
}

.profileWrap ul {
	margin-right:5px;
}
.profileWrap ul li {
	overflow:hidden;
	border:none;
}
.profileWrap ul li dl {
	display:block;
	width:100%;
}
.profileWrap ul li dl dt,
.profileWrap ul li dl dd {
	display:block;
	width:100%;
	padding:10px;
}
.profileWrap ul li dl dt {
	font-weight:bold;
}
.profileWrap ul li span {
	display:inline-block;
	width:160px;
}
.profileWrap ul li p {
	display:inline;
	margin-right:15px;
}
@media screen and (max-width: 767px) {
	.profileWrap ul li {
		border:none;
		overflow:hidden;
	}
	.profileWrap ul li dl {
		display:block;
		width:100%;
	}
	.profileWrap ul li dl dt,
	.profileWrap ul li dl dd {
		padding:5px;
		width:auto;
	}
	.profileWrap ul li span {
		width:auto;
	}
	.profileWrap ul li p {
		display:inline;
		margin-right:0px;
	}
}

/* ==========================================================================
  photoWrap
========================================================================== */
.photoWrap {
}
.photoWrap ul {
	overflow:hidden;
	margin-right:-5px;
}
.photoWrap ul li {
	float:left;
	width: 110px;
	height: 165px;
	margin-bottom:5px;
	text-align:center;
	margin-right: 2px;
}
.photoWrap ul li a {
	display:block;
	height: 100%;
	width: 100%;
	overflow:hidden;
	margin-right:5px;
}
.photoWrap ul li img {
	max-width:100%;
	max-height: 100%;
	vertical-align:bottom;
}
@media screen and (max-width: 767px) {
	.photoWrap ul {
		margin:10px auto;
		display:block;
		width:250px;
	}
	.photoWrap ul li {
		width: 120px;
		height: 180px;
	}
}

/* ==========================================================================
  commentWrap
========================================================================== */
.commentWrap p {
	padding:10px;
}

/* ==========================================================================
  linkList
========================================================================== */
#linkList {
	display:table;
	width:100%;
}
#linkList > li {
	display:table-cell;
	width:50%;
}
#linkList > li a {
	display: block;
	text-align: center;
	font-size:inherit;
	text-decoration: none;
	line-height: 40px;
}
#linkList > li:first-child a {
	margin-right:5px;
}
#linkList > li:last-child a {
	margin-left:5px;
}
@media screen and (max-width: 767px) {
#linkList,
#linkList > li {
	display:block;
	width:100%;
}
#linkList > li:first-child a,
#linkList > li:last-child a {
	margin:5px 0px 0px 0px;
}
}










