@charset "utf-8";
/* CSS Document */


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

.clubList {
	margin: 70px 0 0;
}
.clubList .box {
	width:46.7%;
	max-width: 444px;
	position: relative;
}
.clubList .box:nth-child(2n+1) {
	float: left;
	margin: 0 0 227px;
}
.clubList .box:nth-child(2n) {
	float: right;
	margin: 227px 0 0;
}
.clubList .box:last-child {
	margin-bottom:0;
}
.clubList .title {
	background: url(../images/component/gra.png) 0 0 repeat-y;
	height: 25px;
	line-height: 25px;
	width: 319px;
	margin-top: -33px;
	position: relative;
	z-index: 2;
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
	padding: 0 0 0 6px;
}
.clubList .img {
	text-align: right;
	position: relative;
	z-index: 2;
}
.clubList .img img {
	width:88%;
	height:auto;
}
.clubList .text {
	margin: 18px 0 0;
	line-height: 1.4;
}
.clubList2 {
	clear:both;
	margin:70px 0 0;
}
.clubList2 ul {
	display:flex;
	flex-wrap:wrap;
	color:#989898;
	padding:0 30px;
}
.clubList2 li {
	position:relative;
	padding-left:1.1em;
}
.clubList2 li:before {
	content:"●";
	color: #46d2e6;
	position:absolute;
	top:0;
	left:0;
}
.clubList2 li span {
	font-weight:bold;
	font-size:16px;
}
.clubList2 li:after {
	content:"/";
	padding:0 0.5em;
}
.clubList2 li:last-child:after {
	content:"";
}

.clubList .img2 {
	width:188px;
	height:188px;
	border:4px solid #ffffff;
	border-radius:100%;
	overflow:hidden;
	position:absolute;
	top:-50px;
	right:-60px;
	z-index:3;
}
.clubList .img2 img {
	width:100%;
	height:auto;
}

@media screen and (max-width: 600px) {
.clubList .box:nth-child(2n+1),
.clubList .box:nth-child(2n) {
	float: none;
	margin: 40px auto 0;
	width:100%;
}
}