@charset "UTF-8";
/*　部活トップ
*********************************************/

.club-list {
	margin-top: 40px;
}

.club-list ul {
	width: 100%;
	display: -webkit-inline-flex; /* Safari */
	display: inline-flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap:         wrap;
}
.club-list ul li {
	width: 33.33%;
	padding: 0 15px;
	margin-bottom: 40px;
	list-style-type: none;
}
.club-list ul li img {
	width: 100%;
}
.club-list ul li div {
	background-image: url("../images/bg-bukatu.svg");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 20px;
	padding: 3px 0 2px 30px;
}
.club-list ul li div a {
	text-decoration: none;
}
.club-list ul li div a:hover {
	text-decoration: underline;
}

/* body.cssの汎用リスト装飾（bullet + padding-left + margin-bottom）を打ち消す */
.contentBody .club-list ul:not(:not(.col-2):not(.col-3)[class]) > li {
	padding-left: 15px;
	margin-bottom: 40px;
}
.contentBody .club-list ul:not(:not(.col-2):not(.col-3)[class]) > li::before {
	content: none;
}

/*　部活ページ
*********************************************/

.club-news {
	margin: 40px 0 60px 0;
}

.contentBody .club-news h2 {
	background-image: url(../images/bg-news.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 35px;
	font-size: 140%;
	padding: 10px 0 5px 50px;
	margin-bottom: 15px;
	border-bottom: 1px solid #1576bc;
}
.contentBody .club-news h2 span {
    margin-left: 30px;
    font-size: 72%;
}

.club-news ul li {
	list-style-type: none;
	margin-bottom: 8px;
}
.club-news ul li .date {
	display: block;
}

/* body.cssの汎用リスト装飾（bullet + padding-left + margin-bottom）を打ち消す */
.contentBody .club-news ul:not(:not(.col-2):not(.col-3)[class]) > li {
	padding-left: 0;
	margin-bottom: 8px;
}
.contentBody .club-news ul:not(:not(.col-2):not(.col-3)[class]) > li::before {
	content: none;
}

.club-news-ichiran {
	text-align: right;
}
.club-news-ichiran a {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding: 0 5px;
    color: #1576bc;
    text-decoration: none;
}

.club-news-ichiran a:hover {
    text-decoration: underline;
}


.contentBody .club-image-list {
	margin-top: 30px;
}
.contentBody .club-image-list ul {
	width: 100%;
  display: -webkit-inline-flex; /* Safari */
  display: inline-flex;
  -webkit-flex-wrap: nowrap; /* Safari */
  flex-wrap:         nowrap;
}
.contentBody .club-image-list ul li{
	width: 50%;
	padding: 0 10px;
	list-style-type: none;
}
.contentBody .club-image-list ul li img {
	width: 100%;
}

/* body.cssの汎用リスト装飾（bullet + padding-left + margin-bottom）を打ち消す */
.contentBody .club-image-list ul:not(:not(.col-2):not(.col-3)[class]) > li {
	padding-left: 10px;
	margin-bottom: 0;
}
.contentBody .club-image-list ul:not(:not(.col-2):not(.col-3)[class]) > li::before {
	content: none;
}
.contentBody .club-image-list ul li div {
	text-align: center;
}

.contentBody .club-image {
	text-align: center;
}