@charset "utf-8";

body {

	background-color: #e60012;
	color: #fff;

	}

/* ▼header▼ */
header {

	margin: 50px auto;

	}

header h1 {

	text-align: center;

	}


/* ▼textBox▼ */

.textBox {

	background: url(./images/textBox_bg.png) no-repeat center;
	background-size: 100%;
	margin-bottom: 20px;

	}

.textBox p {

	font-size: 1.6rem;
	line-height: 1.6;
	text-align: center;
	margin-bottom: 35px;

	}

@media all and ( max-width: 992px ) {
	.textBox p {

		font-size: 1.4rem;
		line-height: 1.4;
		text-align: left;
		margin-bottom: 20px;

		}
	}

@media all and ( max-width: 380px ) {
	.textBox p {

		font-size: 1rem;
		margin-bottom: 15px;

		}
	}


/* ▼YMAバナー▼ */

.banner a img {

	max-width: 100%;

	}


/* ▼大会ヒストリーを見る▼ */

.history_btn {

	text-align: center;
	margin: 80px auto;

	}

@media all and ( max-width: 768px ) {
	.history_btn {

		margin: 40px auto;

		}
	}

.history_btn p {

	font-weight: bold;
	margin-bottom: 50px;
	font-size: 1.8rem;

	}

@media all and ( max-width: 992px ) {
	.history_btn p {

		font-size: 1.4rem;
		margin-bottom: 30px;

		}
	}

.history_btn a img:hover {

	opacity: 0.8;

	}

@media all and ( max-width: 768px ) {
	.history_btn a img {

		width: 60%;

		}
	}



/* ▼大会ヒストリー▼ */

.historyBox {

	padding-top: 30px;
	margin-bottom: 50px;
	text-align: center;

	}

.historyBox h2 {

	font-weight: bold;
	width: 35%;
	border-bottom: 1px solid #fff;
	margin: 0 auto 50px;

	}

@media all and ( max-width: 992px ) {
	.historyBox h2 {

		width: 50%;

		}
	}

@media all and ( max-width: 768px ) {
	.historyBox h2 {

		width: 70%;
		margin: 0 auto 30px;
		font-size: 1.7rem;

		}
	}

@media all and ( max-width: 576px ) {
	.historyBox h2 {

		width: 90%;

		}
	}

.historyBox p {

	margin-bottom: 20px;

	}

.historyBox p a {

	font-size: 1.6rem;
	line-height: 1.4;
	text-decoration: none;
	padding: 15px 5px;
	border-radius: 10px;
	background-color: #fff;
	height: 100%;
	min-height: 136px;
	display: flex;
	-webkit-justify-content: center;
	-webkit-align-items: center;
	justify-content: center;
	align-items: center;

	}

@media all and ( max-width: 576px ) {
	.historyBox p a {

		font-size: 1.4rem;
		min-height: 125px;
		}
	}

@media all and ( max-width: 380px ) {
	.historyBox p a {

		font-size: 1.2rem;
		min-height: 110px;

		}
	}

@media all and ( max-width: 340px ) {
	.historyBox p a {

		font-size: 1rem;
		min-height: 96px;

		}
	}

.historyBox p a:hover {

	color: #e60012;

	}


/* ▼footer▼ */
footer {

	color: #fff;

	}