@charset "utf-8";

/*
 * 2020.01.03 新規作成
 */

/* 協賛企業一覧表示用 */
/* 共通 */
.clist_container {
	width: 100%;
	overflow: hidden;
}
.clist {
	padding: 0;
	text-align: left;
	display: table;
	border-spacing: 20px;
	margin: -20px;
	width: -webkit-calc(100% + 40px);
	width: -moz-calc(100% + 40px);
	width: calc(100% + 40px);
}
.clist_item {
	margin: 0 auto 20px;
	padding: 1rem;
	background-color: #fff;
	border: 3px solid #efefef;
	display: table-cell;
	vertical-align: top;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
}
.clist_item.empty {
	border: 0 none;
}
.clist_img {
	float: left;
	margin-right: 20px;
}
.clist_img img {
	max-width: 100%;
}
.clist_name {
	font-weight: bold;
	font-size: 110%;
}
.clist_description {
	padding-top: 10px;
}
.c1_list .clist_img {
	max-width: 150px;
}
.c1_list .clist_name,
.c1_list .clist_description {
	padding-left: 170px;
}
.c2_list .clist_item {
	width: 50%;
}
.c2_list .clist_img {
	max-width: 100px;
}
.c2_list .clist_name {
	padding-left: 120px;
}
.c2_list .clist_description,
.c3_list .clist_description {
	clear: both;
}
.c3_list .clist_item {
	width: 33.333333333333333333%;
}
.c3_list .clist_img {
	float: none;
	margin: 0 0 10px;
}

/* SP版 */
@media (max-width: 767px) {
	.clist {
		border-spacing: 10px;
		margin: -10px auto -10px -10px;
		width: -webkit-calc(100% + 20px);
		width: -moz-calc(100% + 20px);
		width: calc(100% + 20px);
	}
	.clist_item {
		margin: 0 auto 10px;
	}
	.clist_img {
		float: none;
		margin: 0 0 10px;
		max-width: 100% !important;
	}
	.clist_name {
		padding: 0 !important;
	}
	.clist_description {
		padding: 10px 0 0 !important;
	}
}