.flexbox {
	display: -webkit-box;   /* Chrome 4-20, Firefox 2-21, Safari 3.1-6.0 */
	display: -webkit-flex;  /* Chrome 21-27 */
	display: -moz-box;      /* Firefox 2-21 */
	display: -ms-flexbox;   /* IE9 */
	display: flex;
}

.boxA, .boxB, .boxC {
	padding: 24px 12px;
	border: 1px solid rgba(0, 0, 0, 0.4);
	margin: 25px auto;
	text-align: center;
	width: 100%;
	height: 100%;
	min-height: 930px;
	max-width: 1512px;
}

.boxA { flex: 1; background-color: rgba(0, 0, 0, 0.2); }
.boxB { flex: 2; background-color: rgba(0, 0, 0, 0.3); }
.boxC { flex: 3; background-color: rgba(0, 0, 0, 0.4); }

.box-modal-A {
	display: flex;
	padding: 0 0 0 0;
	border: none;
	margin: -450px auto;
	width: 100%;
	height: 250px;
	max-width: 550px;
	background-color: rgba(0, 0, 0, 0.0);
}

.box-modal-B {
	display: flex;
	padding: 0 0 0 0;
	border: none;
	margin: -440px auto;
	width: 100%;
	height: 220px;
	max-width: 560px;
	background-color: rgba(0, 0, 0, 0.0);
}

.box-main {
	padding: 0 0 0 0;
	border: none;
	margin: 25px auto;
	text-align: center;
	width: 100%;
	height: 930px;
	max-width: 1512px;
	background-color: rgba(0, 0, 0, 0.0);
}

.box-index {
	padding: 0 0 0 0;
	border: none;
	margin: 5% auto;
	text-align: center;
	width: 100%;
	max-width: 1512px;
	background-color: rgba(0, 0, 0, 0.0);
}

.inline-flexbox {
	display: -webkit-inline-box;   /* Chrome 4-20, Safari 3.1-6.0 */
	display: -webkit-inline-flex;  /* Chrome 21-27 */
	display: -moz-inline-box;      /* Firefox 2-21 */
	display: -ms-inline-flexbox;   /* IE9 */
	display: inline-flex;
}

.index-nav{
	text-align: center;
}

.index-nav ul{
	display: inline-flex;
	list-style-type: none;
	flex-wrap: wrap;
}

.index-nav li{
	display:flex;
	width: auto;
	margin: 20px;
	align-items: center;
	justify-content: center;
}

.main-nav{
	text-align: center;
}

.main-nav ul{
	display: inline-flex;
	list-style-type: none;
	flex-wrap: wrap;
	background-color: rgba(0, 0, 0, 0.0);
}

.main-nav li{
	display:flex;
	width: auto;
	margin: 20px;
	align-items: center;
	justify-content: center;
	background-color: rgba(0, 0, 0, 0.0);
}

span.main-cover img {
	display: inline-flex;
	width: 90%;
	max-width: 1000px;
	border-radius: 15px;
}

span.title img {
	display: inline-flex;
	width: 100%;
	max-width: 272px;
	margin: 0 0 20px 0;
}

.flex-start {
	-webkit-justify-content: flex-start;
		justify-content: flex-start;
			-ms-flex-pack: start;
}

.flex-end {
	-webkit-justify-content: flex-end;
		justify-content: flex-end;
			-ms-flex-pack: end;
}

.center {
	-webkit-justify-content: center;
		justify-content: center;
			-ms-flex-pack: center;
}

.space-between {
	-webkit-justify-content: space-between;
		justify-content: space-between;
			-ms-flex-pack: space-between;
}

.space-around {
	-webkit-justify-content: space-around;
		justify-content: space-around;
			-ms-flex-pack: space-around;
}

.flex-row {
	-webkit-flex-direction: row;
		flex-direction: row;
}

.flex-column {
	-webkit-flex-direction: column;
		flex-direction: column;
}

.wrap-nowrap {
	-webkit-flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
			flex-wrap: nowrap;
}

.wrap-wrap {
	-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;
}

.wrap-wrap-reverse {
	-webkit-flex-wrap: wrap-reverse;
		-ms-flex-wrap: wrap-reverse;
			flex-wrap: wrap-reverse;
}