/*----------- MAIN CONTENT -----------*/
#main-content {
	background: url("../img/bg-delta2.png"), url("../img/bg-delta.png");
	background-repeat: no-repeat, no-repeat;
    background-size: 50%, 50%;
    background-position: left top, right bottom;
}

/*----------- PAGE HEADER -----------*/
#page-title {
	padding: 6em 0 0;
}
#page-title h2.section-title {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	font-size: 35px;
	text-align: center;
	padding: 1em 0 0;
}
#page-title .title-mark.gray {
	width: 110px;
	height: 62px;
	background: url("../img/mark-1.png") no-repeat;
	background-size: 100%;
	margin: 20px auto 0;
}
.page-title-inner {
	width: 960px;
	margin: 0 auto;
}

/*
----------------------------------------------
Smart Phone 640px
----------------------------------------------
*/
@media only screen and (max-width: 640px) {
	#page-title {
		padding: 3em 0 0;
	}
	#page-title h2.section-title {
		font-size: 30px;
		line-height: 1.2;
	}
	.page-title-inner {
		width: 96%;
		margin: 0 auto;
	}
}


/*----------- PAGE CONTENT -----------*/
#page-content {
	width: 100%;
	padding: 6em 0 1em;
	margin-bottom: 0;
	font-size: 16px;
	line-height: 1.8;
}
.page-content-inner {
	max-width: 960px;
	margin: 0 auto;
	clear: both;
}
#page-content dl {
	display: flex;
	flex-wrap: nowrap;
	border-top: 1px solid #000;
}
#page-content dl dt {
	width: 50%;
	padding-top: 20px;
	margin-right: 2%;
}
#page-content dl dt img {
	width: 100%;
	height: auto;
}
#page-content dl dd {
	width: 48%;
	padding-top: 20px;
}
#page-content dl dd dl dt {
	border-top: none;
	padding-top: 0;
}
#page-content dl dd dl {
	display: flex;
	flex-wrap: wrap;
	border: none;
}
#page-content dl dd dl dt {
	width: 50%;
}
#page-content dl dd dl dd {
	width: calc(100% - 32px);
	border-top: none;
	padding-top: 0;
}
#page-content dl p {
	text-align: left;
}
#page-content dl dd dl.howto {
	margin-bottom: 0.5em;
}
#page-content dl dd dl.howto dt {
	width: 30px;
	height: 30px;
	margin: 0 0 0 0;
	background: #9d9d9e;
	color: #fff;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 500;
	border-radius: 50%;
	line-height: 30px;
	text-align: center;
}
#page-content dl dd dl.howto dd {
	color: #9d9d9e;
	font-size: 22px;
	line-height: 30px;
	margin-bottom: 0.5em;
	position: relative;
    z-index: 5;
	font-weight: bold;
}
#page-content dl dd dl.notice dt {
	width: 20px;
	height: 20px;
	margin: 0 0 0 0;
	color: #000;
	text-align: center;
}
#page-content.cont7 {
	padding: 3em 0 5em;
}
#page-content h2.section-title-jp {
	font-size: 20px;
	line-height: 1.8;
	font-weight: bold;
	text-align: center;
	margin: 2em 0 1em;
	background: #c8cccd;
	padding: 0 0;
	clear: both;
	border-radius: 4px;
}
#page-content.cont7 p {
	text-align: left;
	font-size: 18px;
}

/*
----------------------------------------------
Smart Phone 640px
----------------------------------------------
*/
@media only screen and (max-width: 640px) {
	.page-content-inner {
		max-width: 96%;
		margin: 0 auto;
	}
	#page-content {
		padding: 3em 0 1em;
	}
	#page-content dl {
		display: inline-block;
	}
	#page-content dl dt {
		width: 100%;
		margin-right: 0;
	}
	
	#page-content dl dd {
		width: 100%;
	}
	
	#page-content.cont7 {
		padding: 3em 0 5em;
	}
	#page-content h2.section-title-jp {
		line-height: 1.2;
	}
	#page-content.cont7 p {
		font-size: 2.2vh;
	}
}


/*----------- SPACER -----------*/
#mid-spacer {
	width: 100%;
	height: 5em;
}
#bottom-spacer {
	width: 100%;
	height: 15em;
	background: url("../img/butterfly-6.png");
    background-repeat: no-repeat;
    background-size: 380px 225px;
    background-position: 12vw -2em;
}
/*
----------------------------------------------
Smart Phone 640px
----------------------------------------------
*/
@media only screen and (max-width: 640px) {
	#bottom-spacer {
		background-size: 240px 142px;
		background-position: 2vw -1em;
	}
}


/*
----------------------------------------------
English
----------------------------------------------
*/
#content.en #main-content {
	font-family: 'Roboto', sans-serif;
}
#content.en ul.bumon li a {
	font-size: 18px;
	font-weight: 700;
}
#content.en .judges-box p.judges-name {
	font-size: 18px;
}