/* COMMON CSS
==================================================================================*/
@charset "utf-8";
@import url(./default.css);

h4.licenseType {

	padding-left: 2em;
	font-weight: bold;
	margin-bottom: 1em;

}

.copy_link_box {

	margin: 0px auto 2em;
	border: 1px #b4b4b4 solid;
	padding: 0.5em;
	font-size: 0.9em;

}

.copy_link_box .listBox {

	margin: 0;
	margin-bottom: 2em;

}

.platformBox {
	margin: 0px auto 2em;
	border: 1px #b4b4b4 solid;
	padding: 1em 0.5em;
	font-size: 0.9em;
}

.oldLicense li:last-of-type {

	list-style-type: none;

}

@media(min-width:769px) {

	#contentBox {

		padding: 2em 1em;

	}

	#contentBox .textCaption {

		text-align: center;

	}

	.copy_link_box,
	.platformBox {

		width: 95%;

	}

	.copy_link_box .listBox {

		display: flex;
		width: 100%;

	}

	.copy_link_box .listBox ul {

		width: 50%;
		display: inline-block;

	}

	.oldLicense {

		display: flex;
		padding-left: 4em;

	}

	.oldLicense li:first-of-type {

		width: 25em;

	}

}


@media(max-width:768px) {

	#contentBox {

		padding: 1em 0.5em;

	}

	.copy_link_box .listBox ul {

		padding-left: 2em;

	}

	.oldLicense {

		padding-left: 2em;

	}

	.platformBox ul {

		padding-left: 2em;
		
	}

	.platformBox ul li {

		margin-bottom: 1em;

	}

}