@charset "UTF-8";

.course__table .table__head th:nth-child(2) {
	border-left: 1px solid #d3cd7a;
	border-right: 1px solid #d3cd7a;
}

.course__table .tableWrapper .table_header-col {
	text-align: left;
	line-height: 2;
	border-left: 1px solid #bbb00d;
    border-right: 1px solid #bbb00d;
    border-bottom: 1px solid #bbb00d;
}

.vector__section .vector__content {
	display: flex;
}

.course__table .table_data.red_check {
	background: url("/fanclub/shared/images/red_check.png") center center no-repeat;
}

@media screen and (min-width: 960px) {
	.vector__section--title,
	.course__table--title {
		font-size: 34px;
		text-align: center;
	}

	.course__table .table__head th:nth-child(1) {
		width: 677px;
	}

	.course__table .table__head th:nth-child(2),
	.course__table .table__head th:nth-child(3) {
		width: 161.5px;
	}

	.course__table .tableWrapper .table_header-col {	
    	padding: 20px 22px;  
	}

	.course__table .table_data .check_sp,
	.vector__section .vector__content .vector_sp {
		display: none;
	}

	.course__table h2.title--huge {
		margin: 0;
	}

	.vector__section {
		margin: 120px 0;
	}
	
	.vector__section .vector__content {
		flex-direction: row;
		margin-top: 60px;
	}

	.vector__section .vector__content p{
		margin-left: 60px;
	    padding-top: 78px;		
	}

	.course__table .table_data.red_check {
		background-size: 26px 20px;
	}
}

@media screen and (max-width: 959px) {
	.vector__section {
		margin: 55px 0;
	}

	.vector__section--title,
	.course__table--title {
		font-size: 19px;
		text-align: center;
		font-weight: bold;
	}

	.course__table .tableWrapper .table_header-col {	
    padding: 15px 39px 15px 15px; 
	}

	.course__table .table__head th:nth-child(1) {
		width: 222px;
	}

	.course__table .table__head th:nth-child(2),
	.course__table .table__head th:nth-child(3) {
		width: 66.5px;
	}

	.course__table .table_data .check_pc,
	.vector__section .vector__content .vector_pc {
		display: none;
	}

	.course__table .table_data .check_sp {
		width: 18px;
	}

	.vector__section .vector__content .vector_sp {
		width: 317px;
		margin: 30px 0;
	}

	.vector__section .vector__content {
		flex-direction: column;
		align-items: center;
	}

	.course__table .tableWrapper .membership-fee__notes.spInline {
		display: none !important;
	}

	.course__table .table_data.red_check {
		background-size: 18px 15px;
	}

}
