@charset "utf-8";

/* # WIDE MAINVISUAL
----------------------------------- */
.wide-mainvisual .cts-inner {
	padding-bottom: 25px;
}

.wide-mainvisual .cts-inner:before {
	background-image: url(/online/img/bg_main.png);
}

@media only screen and (max-width: 736px) {
	.wide-mainvisual .cts-inner:before {
		background-image: url(/online/img/sp/bg_main.png);
	}
}

/* # ONLINE LIST
----------------------------------- */
.online-wrp {
	padding-top: 40px;
}

.online-wrp .txt-lead {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	padding: 33px 0;
}

.online-wrp .list-online {
	*zoom: 1;
}

.online-wrp .list-online:before, .online-wrp .list-online:after {
	content: "";
	display: table;
}

.online-wrp .list-online:after {
	clear: both;
}

.online-wrp .list-online > li {
	width: 230px;
	height: 100px;
	float: left;
	margin: 0 0 20px 20px;
}

.online-wrp .list-online > li:nth-of-type(4n+1) {
	margin-left: 0;
	clear: both;
}

.online-wrp .list-online > li .logo-online {
	display: inline-block;
	width: 196px;
	padding: 18px 0;
}

@media only screen and (max-width: 736px) {
	.online-wrp {
		padding-top: 15px;
	}

	.online-wrp .txt-lead {
		font-size: 15px;
		text-align: center;
		padding: 15px 0;
	}

	.online-wrp .list-online > li {
		width: 100%;
		height: auto;
		float: none;
		margin: 0 0 15px;
	}

	.online-wrp .list-online > li .logo-online {
		display: inline-block;
		width: 48%;
		padding: 7px 0;
	}
}