body {
	margin: 0;
	font-family: "Arial", "メイリオ";
	width: 100vw;
	height: 100vh;
	animation: bugfix infinite 1s;
	-webkit-animation: bugfix infinite 1s;
}

/* ドロップダウンリスト */
.cp_ipselect {
	overflow: hidden;
	width: 90%;
	text-align: center;
}

	.cp_ipselect select {
		width: 100%;
		padding-right: 1em;
		cursor: pointer;
		text-indent: 0.01px;
		text-overflow: ellipsis;
		border: none;
		outline: none;
		background: transparent;
		background-image: none;
		box-shadow: none;
		-webkit-appearance: none;
		appearance: none;
	}

		.cp_ipselect select::-ms-expand {
			display: none;
		}

	.cp_ipselect.cp_sl05 {
		position: relative;
		border-color: #000000;
		border-style: solid;
	}

		.cp_ipselect.cp_sl05::before {
			position: absolute;
			top: 0.8em;
			right: 0.8em;
			width: 0;
			height: 0;
			padding: 0;
			content: '';
			border-left: 6px solid transparent;
			border-right: 6px solid transparent;
			border-top: 6px solid #000000;
			pointer-events: none;
		}

		.cp_ipselect.cp_sl05 select {
			padding: 8px 38px 8px 8px;
			color: #000000;
		}

		.cp_ipselect.cp_sl05 option {
			color: #000000;
		}

/* テーブル */
.table_design09 {
	border-collapse: collapse;
	table-layout: fixed;
	width: 100%;
	max-width: 700px;
	text-align: center;
	margin: 2em auto;
}

	.table_design09 th,
	.table_design09 td {
		border: 2px solid #d3d3d3;
		padding: 0.3em 1em;
		font-weight: normal;
	}

	.table_design09 thead th {
		background-color: #000000;
		color: #fff;
		border: 2px solid #000000;
		border-right: 2px solid #fff;
		border-bottom: 2px solid #fff;
	}

		.table_design09 thead th:last-of-type {
			border-right: 2px solid #000000;
		}

	.table_design09 tbody th {
		color: #000000;
		text-align: center;
	}

@media screen and (max-width: 787px) {
	.table_design09 {
		text-align: left;
		margin: 5px auto;
	}

		.table_design09 thead {
			display: none;
		}

		.table_design09 th,
		.table_design09 td {
			display: block;
			border: 0;
		}

		.table_design09 tbody th {
			background: #000000;
			color: #fff;
		}

		.table_design09 td::before {
			content: attr(data-label);
			color: #000000;
			display: inline-block;
			width: 20%;
			min-width: 4em;
		}
}

/* テーブル */
.table_design08 {
	border-collapse: collapse;
	table-layout: fixed;
	width: 100%;
	max-width: 700px;
	text-align: center;
	margin: 2em auto;
}

	.table_design08 th,
	.table_design08 td {
		border: 2px solid #d3d3d3;
		padding: 0.3em 1em;
		font-weight: normal;
	}

	.table_design08 thead th {
		background-color: #000000;
		color: #fff;
		border: 2px solid #000000;
		border-right: 2px solid #fff;
		border-bottom: 2px solid #fff;
	}

		.table_design08 thead th:last-of-type {
			border-right: 2px solid #000000;
		}

	.table_design08 tbody th {
		color: #000000;
		text-align: center;
	}

	.table_design08.buttonInRow {
		align-items: center;
		justify-content: center;
		font-family: sans-serif;
		font-size: 16px;
		color: #fff;
		text-align: center;
		overflow-wrap: anywhere;
		background-color: #000000;
		text-decoration: none;
	}

@media screen and (max-width: 787px) {
	.table_design08 {
		text-align: left;
		margin: 5px auto;
	}

		.table_design08 thead {
			display: none;
		}

		.table_design08 th,
		.table_design08 td {
			display: block;
			border: 0;
			border-bottom: 2px solid #d3d3d3;
		}

		.table_design08 tbody th {
			background: #000000;
			color: #fff;
		}

		.table_design08 td::before {
			content: attr(data-label);
			color: #000000;
			display: inline-block;
			width: 20%;
			min-width: 4em;
		}
}

/*メニュー start*/
@keyframes bugfix {
	from {
		padding: 0;
	}

	to {
		padding: 0;
	}
}

@-webkit-keyframes bugfix {
	from {
		padding: 0;
	}

	to {
		padding: 0;
	}
}

#overlay-title {
	position: absolute;
	top: 30px;
	z-index: 5;
	cursor: pointer;
	user-select: none;
	color: #fff;
	width: 100%;
	text-align: center;
}

	#overlay-title a {
		color: #fff;
		text-decoration: none;
		
	}

		#overlay-title a:hover {
			color: #000;
		}

#overlay-button {
	position: absolute;
	right: 2em;
	top: 40px;
	z-index: 5;
	cursor: pointer;
	user-select: none;
}

	#overlay-button span {
		height: 4px;
		width: 35px;
		border-radius: 2px;
		background-color: #fff;
		position: relative;
		display: block;
		transition: all .2s ease-in-out;
	}

		#overlay-button span:before {
			top: -10px;
			visibility: visible;
		}

		#overlay-button span:after {
			top: 10px;
		}

		#overlay-button span:before,
		#overlay-button span:after {
			height: 4px;
			width: 35px;
			border-radius: 2px;
			background-color: #fff;
			position: absolute;
			content: "";
			transition: all .2s ease-in-out;
		}

nav input[type=checkbox] {
	display: none;
}

	nav input[type=checkbox]:checked ~ #overlay {
		visibility: visible;
	}

input[type=checkbox]:checked ~ #overlay-button:hover span,
input[type=checkbox]:checked ~ #overlay-button span {
	background: transparent;
}

	input[type=checkbox]:checked ~ #overlay-button span:before {
		transform: rotate(45deg) translate(7px, 7px);
		background-color: #fff;
	}

	input[type=checkbox]:checked ~ #overlay-button span:after {
		transform: rotate(-45deg) translate(7px, -7px);
		background-color: #fff;
	}

#overlay {
	height: 100vh;
	width: 100vw;
	background: #000000;
	z-index: 2;
	visibility: hidden;
	position: fixed;
}

	#overlay.active {
	}

	#overlay ul {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		text-align: center;
		height: 100vh;
		padding-left: 0;
		list-style-type: none;
	}

		#overlay ul li {
			padding: 1em;
		}


			#overlay ul li a {
				color: #fff;
				text-decoration: none;
				font-size: 1.5em;
			}

				#overlay ul li a:hover {
					color: #000 !important;
				}

	#overlay button {
		color: #fff;
		text-decoration: none;
		font-size: 1.5em;
	}

.group a {
	color: #fff;
	text-decoration: none;
	font-size: 1.5em;
}

.group a:hover {
	color: #000 !important;
}

.div_h2 {
	width: 100%;
	max-width: 700px;
	text-align: center;
	margin: 0 auto;
}

/*メニュー end*/
header {
	height: 80px;
	background-color: #000;
}

footer {
	position: sticky;
	top: 100vh;
	width: 100%;
	background: #000;
	color: #fff;
	text-align: center;
}

.filter_area {
	width: 800px;
	height: 50px;
	margin: 2em auto;
}

.filter_box {
	float: left;
	width: 200px;
}

.filter_box3 {
	float: left;
	width: 200px;
}

@media screen and (max-width: 787px) {
	.filter_area {
		width: 400px;
		height: 130px;
		margin: 0 auto;
	}

	.filter_box3 {
		padding: 5px;
		/*width: 190px;*/
		width: 120px;
	}

	filter_box {
		padding: 5px;
		width: 190px;
	}
}

/*ボタン*/
.filter_btn {
	display: block;
	width: 100%;
	height: 70px;
	float: left;
}

.buttonBasic {
	display: block;
	align-items: center;
	justify-content: center;
	width: 200px;
	height: 32px;
	font-family: sans-serif;
	font-size: 16px;
	color: #fff;
	text-align: center;
	overflow-wrap: anywhere;
	background-color: #000000;
	margin: 20px auto;
}

a.buttonBasic {
	text-decoration: none;
	line-height: 30px;
}
	a.buttonBasic:hover {
		color: #000000;
	}


/* セトリ登録画面↓ */
/* ライブ画面↓ */
/* イベントテーブル */
/* 特典会画面↓ */
.table_design01 {
	border-collapse: collapse;
	width: 100%;
	max-width: 700px;
	margin: 2em auto;
}

	.table_design01 th,
	.table_design01 td {
		border: 2px solid #d3d3d3;
		background-color: #fff;
		padding: 0.3em 1em;
	}

	.table_design01 th {
		background-color: #000000;
		color: #fff;
		text-align: center;
		width: 20%;
		min-width: 4em;
		font-weight: normal;
	}

/* ライブ画面↓ */
.liveSetlistTable {
	border-collapse: collapse;
	width: 100%;
	max-width: 700px;
	margin: 2em auto;

}

	.liveSetlistTable th,
	.liveSetlistTable td {
		border: 2px solid #d3d3d3;
		background-color: #fff;
		padding: 5px;
	}

	.liveSetlistTable th {
		background-color: #000000;
		color: #fff;
		text-align: center;
		font-weight: normal;
	}

/* セトリ登録画面↓ */
.setlistEntryTable {
	border-collapse: collapse;
	width: 100%;
	max-width: 700px;
	margin: 2em auto;
}

	.setlistEntryTable th,
	.setlistEntryTable td {
		border: 2px solid #d3d3d3;
		background-color: #fff;
		padding: 5px;
	}

	.setlistEntryTable th {
		background-color: #000000;
		color: #fff;
		text-align: center;
		font-weight: normal;
	}


@media screen and (max-width: 787px) {
	.setlistEntryTable {
		text-align: left;
		margin: 5px auto;
	}

		.setlistEntryTable thead {
			display: none;
		}

		.setlistEntryTable th,
		.setlistEntryTable td {
			display: block;
			border: 0;
			border-bottom: 2px solid #d3d3d3;
		}

		.setlistEntryTable tbody th {
			background: #000000;
			color: #fff;
		}

		.setlistEntryTable td::before {
			content: attr(data-label);
			color: #000000;
			display: inline-block;
			width: 20%;
			min-width: 4em;
		}
}

/* 特典会画面↓ */
.userMerchTable {
	border-collapse: collapse;
	width: 100%;
	max-width: 700px;
	margin: 2em auto;
}

	.userMerchTable th,
	.userMerchTable td {
		border: 2px solid #d3d3d3;
		background-color: #fff;
		padding: 5px;
	}

	.userMerchTable th {
		background-color: #000000;
		color: #fff;
		text-align: center;
		font-weight: normal;
	}

	.userMerchTable .number {
		text-align: end;
	}
	.userMerchTable .edit {
		text-align: center;
	}
	.userMerchTable .buttonInRow {
		align-items: center;
		justify-content: center;
		font-family: sans-serif;
		font-size: 16px;
		color: #fff;
		text-align: center;
		overflow-wrap: anywhere;
		background-color: #000000;
	}


@media screen and (max-width: 787px) {
	.userMerchTable {
		text-align: left;
		margin: 5px auto;
	}

		.userMerchTable thead {
			display: none;
		}

		.userMerchTable th,
		.userMerchTable td {
			display: block;
			border: 0;
			border-bottom: 2px solid #d3d3d3;
		}

		.userMerchTable tbody th {
			background: #000000;
			color: #fff;
		}

		.userMerchTable td::before {
			content: attr(data-label);
			color: #000000;
			display: inline-block;
			width: 20%;
			min-width: 4em;
		}

		.userMerchTable .number {
			text-align:unset;
		}

		.userMerchTable .edit {
			text-align: unset;
		}
		.userMerchTable .buttonInRow {
			align-items: center;
			justify-content: center;
			width: 200px;
			height: 32px;
			font-family: sans-serif;
			font-size: 16px;
			color: #fff;
			text-align: center;
			overflow-wrap: anywhere;
			background-color: #000000;
		}
}


/* チェキ一覧画面↓ */
.userMerchListTable {
	font-size:12px;
	border-collapse: collapse;
	width: 100%;
	max-width: 700px;
	margin: 2em auto;
}

	.userMerchListTable th,
	.userMerchListTable td {
		border: 2px solid #d3d3d3;
		background-color: #fff;
		padding: 5px;
	}

	.userMerchListTable th {
		background-color: #000000;
		color: #fff;
		text-align: center;
		font-weight: normal;
	}

	.userMerchListTable .buttonInRow {
		display: block;
		align-items: center;
		justify-content: center;
		width: 50px;
		height: 32px;
		font-family: sans-serif;
		font-size: 12px;
		color: #fff;
		text-align: center;
		overflow-wrap: anywhere;
		background-color: #000000;
		margin: 20px auto;
	}
	.userMerchListTable .number {
		text-align: end;
	}



/* セットリスト集計 */
.setlistTable {
	border-collapse: collapse;
	table-layout: fixed;
	width: 100%;
	max-width: 700px;
	text-align: center;
	margin: 2em auto;
	font-size:12px;
}

	.setlistTable th,
	.setlistTable td {
		border: 2px solid #d3d3d3;
		padding: 0.3em 1em;
		font-weight: normal;
	}

	.setlistTable thead th {
		background-color: #000000;
		color: #fff;
		border: 2px solid #000000;
		border-right: 2px solid #fff;
		border-bottom: 2px solid #fff;
	}

		.setlistTable thead th:last-of-type {
			border-right: 2px solid #000000;
		}

	.setlistTable tbody th {
		color: #000000;
		text-align: center;
	}

	.setlistTable .period {
		width: 25%;
	}
	.setlistTable .music {
		width: 60%;
	}
	.setlistTable .nunm {
		width: 15%;
	}


/* セットリスト集計トップ */
.topSetlistTable {
	border-collapse: collapse;
	table-layout: fixed;
	width: 100%;
	max-width: 700px;
	text-align: center;
	margin: 2em auto;
}

	.topSetlistTable th,
	.topSetlistTable td {
		border: 2px solid #d3d3d3;
		padding: 0.3em 1em;
		font-weight: normal;
	}

	.topSetlistTable thead th {
		background-color: #000000;
		color: #fff;
		border: 2px solid #000000;
		border-right: 2px solid #fff;
		border-bottom: 2px solid #fff;
	}

		.topSetlistTable thead th:last-of-type {
			border-right: 2px solid #000000;
		}

	.topSetlistTable tbody th {
		color: #000000;
		text-align: center;
	}

	.topSetlistTable .period {
		width: 25%;
	}

	.topSetlistTable .music {
		width: 60%;
	}

	.topSetlistTable .nunm {
		width: 15%;
	}



/* イベント種類集計 */
.eventSummaryTable {
	border-collapse: collapse;
	table-layout: fixed;
	width: 100%;
	max-width: 700px;
	text-align: center;
	margin: 2em auto;
}

	.eventSummaryTable th,
	.eventSummaryTable td {
		border: 2px solid #d3d3d3;
		padding: 0.3em 1em;
		font-weight: normal;
	}

	.eventSummaryTable thead th {
		background-color: #000000;
		color: #fff;
		border: 2px solid #000000;
		border-right: 2px solid #fff;
		border-bottom: 2px solid #fff;
	}

		.eventSummaryTable thead th:last-of-type {
			border-right: 2px solid #000000;
		}

	.eventSummaryTable tbody th {
		color: #000000;
		text-align: center;
	}

	.eventSummaryTable .period {
		width: 25%;
	}

	.eventSummaryTable .type {
		width: 60%;
	}

	.eventSummaryTable .num {
		width: 15%;
	}

/* 特典会集計 */
.merchSummaryTable {
	border-collapse: collapse;
	table-layout: fixed;
	width: 100%;
	max-width: 700px;
	text-align: center;
	margin: 2em auto;
	font-size: 14px;
}

	.merchSummaryTable th,
	.merchSummaryTable td {
		border: 2px solid #d3d3d3;
		padding: 0.3em 1em;
		font-weight: normal;
	}

	.merchSummaryTable thead th {
		background-color: #000000;
		color: #fff;
		border: 2px solid #000000;
		border-right: 2px solid #fff;
		border-bottom: 2px solid #fff;
	}

		.merchSummaryTable thead th:last-of-type {
			border-right: 2px solid #000000;
		}

	.merchSummaryTable tbody th {
		color: #000000;
		text-align: center;
	}

	.merchSummaryTable .period {
		width: 20%;
	}

	.merchSummaryTable .rank {
		width: 15%;
	}

	.merchSummaryTable .user {
		width: 25%;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
	}

	.merchSummaryTable .num {
		width: 15%;
	}

	.merchSummaryTable .member {
		width: 25%;
	}

/* 出席率集計 */
.attendSummaryTable {
	border-collapse: collapse;
	table-layout: fixed;
	width: 100%;
	max-width: 700px;
	text-align: center;
	margin: 2em auto;
	font-size: 14px;
}

	.attendSummaryTable th,
	.attendSummaryTable td {
		border: 2px solid #d3d3d3;
		padding: 0.3em 1em;
		font-weight: normal;
	}

	.attendSummaryTable thead th {
		background-color: #000000;
		color: #fff;
		border: 2px solid #000000;
		border-right: 2px solid #fff;
		border-bottom: 2px solid #fff;
	}

		.attendSummaryTable thead th:last-of-type {
			border-right: 2px solid #000000;
		}

	.attendSummaryTable tbody th {
		color: #000000;
		text-align: center;
	}

	.attendSummaryTable .period {
		width: 20%;
	}

	.attendSummaryTable .rank {
		width: 15%;
	}

	.attendSummaryTable .user {
		width: 45%;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
	}

	.attendSummaryTable .rate {
		width: 20%;
	}

/* ユーザ設定 */

.userSettingTable {
	border-collapse: collapse;
	table-layout: fixed;
	width: 100%;
	max-width: 700px;
	text-align: center;
	margin: 2em auto;
}

	.userSettingTable th,
	.userSettingTable td {
		border: 2px solid #d3d3d3;
		padding: 0.3em 1em;
		font-weight: normal;
	}

	.userSettingTable thead th {
		background-color: #000000;
		color: #fff;
		border: 2px solid #000000;
		border-right: 2px solid #fff;
		border-bottom: 2px solid #fff;
	}

		.userSettingTable thead th:last-of-type {
			border-right: 2px solid #000000;
		}

	.userSettingTable tbody th {
		color: #000000;
		text-align: center;
	}

.userSettingTable {
	text-align: left;
	margin: 5px auto;
}

	.userSettingTable thead {
		display: none;
	}

	.userSettingTable th,
	.userSettingTable td {
		display: block;
		border: 0;
		border-bottom: 2px solid #d3d3d3;
	}

	.userSettingTable tbody th {
		background: #000000;
		color: #fff;
	}

	.userSettingTable td::before {
		content: attr(data-label);
		color: #000000;
		display: inline-block;
		width: 20%;
		min-width: 4em;
	}

/*メッセージモーダル*/
#msgModal {
	z-index: 99999;
	height: 50px;
	line-height: 50px;
	width: 200px;
	position: fixed;
	background-color: #000000;
	color: #ffffff;
	border-radius: 15px;
	top: 30%;
	left: calc(50% - 100px);
	display: inline;
	text-align: center;
	vertical-align: middle;
	display:none;
}

/* 画面↓ */
.table_design11 {
	border-collapse: collapse;
	width: 100%;
	max-width: 700px;
	margin: 2em auto;
}

	.table_design11 th,
	.table_design11 td {
		border: 2px solid #d3d3d3;
		background-color: #fff;
		padding: 0.3em 1em;
	}

	.table_design11 th {
		background-color: #000000;
		color: #fff;
		text-align: center;
		width: 30%;
		min-width: 4em;
		font-weight: normal;
	}


/* セットリストALL一覧 */
.setlistAllTable {
	border-collapse: collapse;
	table-layout: fixed;
	width: 100%;
	max-width: 700px;
	text-align: center;
	margin: 2em auto;
	font-size:12px;
}

	.setlistAllTable th,
	.setlistAllTable td {
		border: 2px solid #d3d3d3;
		padding: 0.3em 1em;
		font-weight: normal;
	}

	.setlistAllTable thead th {
		background-color: #000000;
		color: #fff;
		border: 2px solid #000000;
		border-right: 2px solid #fff;
		border-bottom: 2px solid #fff;
	}

		.setlistAllTable thead th:last-of-type {
			border-right: 2px solid #000000;
		}

	.setlistAllTable tbody th {
		color: #000000;
		text-align: center;
	}

	.setlistAllTable .date {
		width: 20%;
	}
	.setlistAllTable .event {
		width: 30%;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
	}
	.setlistAllTable .no {
		width: 10%;
	}
	.setlistAllTable .music {
		width: 40%;
	}


/* イベント画面 ライブ一覧 */
.liveListTable {
	border-collapse: collapse;
	table-layout: fixed;
	width: 100%;
	max-width: 700px;
	text-align: center;
	margin: 2em auto;
}

	.liveListTable th,
	.liveListTable td {
		border: 2px solid #d3d3d3;
		padding: 0.3em 1em;
		font-weight: normal;
	}

	.liveListTable thead th {
		background-color: #000000;
		color: #fff;
		border: 2px solid #000000;
		border-right: 2px solid #fff;
		border-bottom: 2px solid #fff;
	}

		.liveListTable thead th:last-of-type {
			border-right: 2px solid #000000;
		}

	.liveListTable tbody th {
		color: #000000;
		text-align: center;
	}

	.liveListTable.buttonInRow {
		align-items: center;
		justify-content: center;
		font-family: sans-serif;
		font-size: 16px;
		color: #fff;
		text-align: center;
		overflow-wrap: anywhere;
		background-color: #000000;
		text-decoration: none;
	}
	.liveListTable .live {
		width: 25%;
	}
	.liveListTable .edit {
		width: 20%;
	}

/*	@media screen and (max-width: 787px) {
		.liveListTable {
		text-align: left;
		margin: 5px auto;
	}

		.liveListTable thead {
			display: none;
		}

		.liveListTable th,
		.liveListTable td {
			display: block;
			border: 0;
			border-bottom: 2px solid #d3d3d3;
		}

		.liveListTable tbody th {
			background: #000000;
			color: #fff;
		}

		.liveListTable td::before {
			content: attr(data-label);
			color: #000000;
			display: inline-block;
			width: 20%;
			min-width: 4em;
		}
}
*/

/* イベント画面 特典会一覧 */
.eventMerchListTable {
	border-collapse: collapse;
	table-layout: fixed;
	width: 100%;
	max-width: 700px;
	text-align: center;
	margin: 2em auto;
}

	.eventMerchListTable th,
	.eventMerchListTable td {
		border: 2px solid #d3d3d3;
		padding: 0.3em 1em;
		font-weight: normal;
	}

	.eventMerchListTable thead th {
		background-color: #000000;
		color: #fff;
		border: 2px solid #000000;
		border-right: 2px solid #fff;
		border-bottom: 2px solid #fff;
	}

		.eventMerchListTable thead th:last-of-type {
			border-right: 2px solid #000000;
		}

	.eventMerchListTable tbody th {
		color: #000000;
		text-align: center;
	}

	.eventMerchListTable.buttonInRow {
		align-items: center;
		justify-content: center;
		font-family: sans-serif;
		font-size: 16px;
		color: #fff;
		text-align: center;
		overflow-wrap: anywhere;
		background-color: #000000;
		text-decoration: none;
	}
	.eventMerchListTable .merch {
		width: 25%;
	}
	.eventMerchListTable .edit {
		width: 20%;
	}

/*
@media screen and (max-width: 787px) {
	.merchListTable {
		text-align: left;
		margin: 5px auto;
	}

		.merchListTable thead {
			display: none;
		}

		.merchListTable th,
		.merchListTable td {
			display: block;
			border: 0;
			border-bottom: 2px solid #d3d3d3;
		}

		.merchListTable tbody th {
			background: #000000;
			color: #fff;
		}

		.merchListTable td::before {
			content: attr(data-label);
			color: #000000;
			display: inline-block;
			width: 20%;
			min-width: 4em;
		}
}*/

/* 利用規約、プライバシーポリシー */
.sentenceArea {
	padding: 50px;
}
.sentenceBlock {
	padding: 10px 30px;
}
.sentenceDiv {
	padding: 10px 10px 10px 10px;
}

@media screen and (max-width: 787px) {
	.sentenceArea {
		padding:50px 5px;
	}

	.sentenceBlock {
		padding:30px 5px;
	}

	.sentenceDiv {
		padding: 10px 5px;
	}

}

/* メニュー */
.menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-color: #000000;
	border-top: 1px solid #bbbbbb;
}

.menu li {
	float: left;
	border-right: 1px solid #bbbbbb;
}

	.menu li:last-child {
		border-right: none;
	}

	.menu li a {
		display: block;
		color: white;
		text-align: center;
		padding: 14px 16px;
		text-decoration: none;
	}

.menuli a:hover:not(.active) {
	background-color: #a9bce2;
}

.menu .active {
	background-color: #da3c41;
}

/* footer */
.footer a {
	color: #fff;
	text-decoration: none;
}
.footer a:hover {
	color: #000 !important;
}


	/* 画面↓ */
	.table_design02 {
		border-collapse: collapse;
		width: 100%;
		max-width: 700px;
		margin: 2em auto;
	}

		.table_design02 th,
		.table_design02 td {
			border: 2px solid #d3d3d3;
			background-color: #fff;
			padding: 5px;
		}

		.table_design02 th {
			background-color: #000000;
			color: #fff;
			text-align: center;
			font-weight: normal;
		}