@charset "UTF-8";









/* ----------------------------------------------------------------------------------------------------



	common



--------------------------------------------------- */
#container {
	font-family: Noto_Sans;
	padding: 50px 0 0;
	}
	
.i-wrap {
	margin: 0 auto;
	max-width: 1000px;
	padding: 0 20px 50px;
	}
	.i-wrap h1 {
		color: rgba(228, 0, 127, 1);
		font-size: 26px;
		padding: 20px 0;
		}
		.i-wrap h1:before { display: none; }

	.cl-wrap {
		border-top: 1px solid rgba(205, 53, 53, 0.5);
		color: #000;
		}
		.cl-block {
			border-top: 1px solid rgba(0, 0, 0, 0.2);
			padding-top: 30px;
			padding-bottom: 30px;
			}
			.clb-ttl {
				font-size: 20px;
				padding-left: 30px;
				}
			.clb-list {
				padding-left: 40px;
				padding-top: 10px;
				}
			.cl-wrap .clb-list dl { border-top: none; }
				.cl-wrap .clb-list dl dt,
				.cl-wrap .clb-list dl dd { padding: 10px; }
		.cl-wrap dl {
			border-top: 1px solid rgba(0, 0, 0, 0.2);
			display: table;
			width: 100%;
			}
		.cl-wrap dl:first-child { border-top: none; }
			.cl-wrap dl dt,
			.cl-wrap dl dd {
				color: #333;
				display: table-cell;
				letter-spacing: 2px;
				padding: 20px 30px;
				text-align: left;
				vertical-align: middle;
				width: 50%;
				}
			.cl-wrap dl dt { font-size: 16px; }
			.cl-wrap dl dd { font-size: 26px; }
				.cl-wrap dl dd span {
					display: inline-block;
					font-size: 18px;
					padding: 0 10px 0 0;
					}
				.cl-wrap dl dd small {
					color: #666;
					font-size: 16px;
					}
					.cl-wrap dl dd .cl-time { display: block; }
				.cl-wrap dl dt a {
					color: rgba(228, 0, 127, 1);
					display: inline-block;
					text-decoration: underline;
					}
				.cl-wrap dl dd a { color: #333; }









/*



	MediaQuery



*/









/* ----------------------------------------------------------------------------------------------------



	1000



--------------------------------------------------- */
@media screen and (max-width: 1000px) {



/*

	common

--------------------------------------------------- */




}









/* ----------------------------------------------------------------------------------------------------



	750



--------------------------------------------------- */
@media screen and (max-width: 750px) {



/*

	common

--------------------------------------------------- */
#container { padding: 30px 0; }

.i-wrap {
	margin: 0 auto;
	max-width: 1000px;
	padding: 0 20px;
	}
	.i-wrap h1 {
		font-size: 17px;
		text-align: left;
		}

	.cl-wrap {}
		.cl-block {
			padding-top: 15px;
			padding-bottom: 15px;
			}
			.clb-ttl {
				font-size: 15px;
				padding-left: 10px;
				}
			.clb-list {
				padding-left: 10px;
				padding-top: 10px;
				}
			.cl-wrap .clb-list dl {}
				.cl-wrap .clb-list dl dt,
				.cl-wrap .clb-list dl dd {}
				.cl-wrap .clb-list dl dt { padding-bottom: 0; }
				.cl-wrap .clb-list dl dd { padding-top: 5px; }
		.cl-wrap dl { display: block; }
			.cl-wrap dl dt,
			.cl-wrap dl dd {
				display: block;
				text-align: left;
				width: 100%;
				}
			.cl-wrap dl dt {
				font-size: 14px;
				padding: 20px 0 2.5px;
				}
			.cl-wrap dl dd {
				font-size: 16px;
				padding: 2.5px 0 20px;
				}
				.cl-wrap dl dd span {
					display: inline-block;
					font-size: 13px;
					padding: 0 10px 0 0;
					}
				.cl-wrap dl dd small {
					color: #666;
					font-size: 13px;
					}
					.cl-wrap dl dd .cl-time { display: block; }
				.cl-wrap dl dt a {
					color: rgba(228, 0, 127, 1);
					display: block;
					text-decoration: underline;
					}
				.cl-wrap dl dd a { color: #333; }



}