.pt{
	background: url(../img/all/f_menu5.jpg) no-repeat 50% 50%;
	background-size: cover;
}

.topimg{
	font-size: 0;
	line-height: 0;
	padding: 20px;
}

.topimg p{
	margin: 0 0 20px 0;
}
.topimg p:last-of-type{	margin-bottom: 0;}

.topimg img{
	width: 100%;
	height: auto;
}

#system dl{
	display: table;
	table-layout: fixed;
	width: 100%;
	font-size: 0;
	line-height: 0;
	margin: 0 0 1px 0;
}
#system dl:last-of-type{	margin-bottom: 0;}

#system dt,
#system dd{
	display: table-cell;
	vertical-align: middle;
	font-family: 'Noto Serif JP', serif;
	font-weight: 600;
	font-size: 22px;
	line-height: 26px;
	text-align: center;
	padding: 12px 5px;
}

#system dt{
	color: #d1b660;
}
.course dt{	background: rgba(68, 61, 51, 0.9);}
.op dt{	background: #443d33;}

#system dd{
	color: #333;
}
.course dd{	background: rgba(255, 255, 255, 0.9);}
.op dd{	background: #fff;}

.boxtxt{
	font-size: 14px;
	line-height: 22px;
	text-align: left;
	margin: 15px 0 0 0;
}


/** course **/

.course{
	color: #fff;
	padding: 20px;
	background: url(img/course_bg.jpg) no-repeat top center;
	background-size: cover;
}

.course h3{
	position: relative;
	width: 100%;
	text-align: center;
	color: #fff;
	margin: 0 0 10px 0;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.course h3 span{
	display: block;
	font-family: "FontA";
	font-size: 40px;
	line-height: 40px;
}
.course h3 span:first-letter{	color: #a48c40;}

.course h3 em{
	position: relative;
	display: inline-block;
	vertical-align: top;
	font-family: 'Noto Serif JP', serif;
	font-weight: 600;
	font-size: 16px;
	line-height: 20px;
	margin-left: 8px;
}
.course h3 em:before,
.course h3 em:after{
	content: '';
	width: 20px;
	border-bottom: 1px solid #ae9480;
	position: absolute;
	top: 9px;
}
.course h3 em:before{	left: -30px;}
.course h3 em:after{	right: -30px;}


.course_main{
	border: 3px double #a2893b;
	padding: 17px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}


/** op **/

.op{
	color: #fff;
	padding: 20px;
	background: #000;
	background: url(img/op_bg.gif) top center;
	background-size: 125px auto;
}
.op h3{
	color: #fff;
	margin: 0 0 20px 0;
}


/** other **/

#other{
	padding: 20px;
}

.credit{
	margin: 0 0 30px 0;
}

.credit h3{
	margin: 0 0 20px 0;
}

.credit div{
	text-align: center;
	margin: 0 0 15px 0;
	padding: 0 10px;
}
.credit div img{
	width: 100%;
	max-width: 400px;
	height: auto;
}

.credit p{
	font-size: 14px;
	line-height: 22px;
	text-align: left;
	margin: 0 0 15px 0;
}

.notes{}

.notes h3{
	margin: 0 0 20px 0;
}

.notes p{
	font-size: 14px;
	line-height: 22px;
	text-align: left;
}


@media screen and (max-width: 750px) {
	#system dt,
	#system dd{
		font-size: 17px;
		line-height: 22px;
		padding: 14px 5px;
	}
}