
.page_title{	margin-bottom: 20px;}

.imgup{
	font-size: 0;
	line-height: 0;
	margin: 0 0 20px 0;
	padding: 0 10px;
}
.imgup p{	margin-bottom: 10px;}
.imgup p:last-of-type{	margin-bottom: 0;}
.imgup img{
	width: 100%;
	height: auto;
}

.inbox > div{	padding: 20px;}


/** sys **/

.sys{}

.sbox{
	display: table;
	table-layout: auto;
	width: 100%;
	font-size: 0;
	line-height: 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

.sbox dt,
.sbox dd{
	min-width: 110px;
	display: table-cell;
	vertical-align: middle;
	font-size: 20px;
	line-height: 20px;
	padding: 15px 0;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.type1 .sbox dt{	text-align: left;}
.type1 .sbox dd{	text-align: right;}

.type2 .sbox dt,
.type2 .sbox dd{	text-align: center;}

.type3 .sbox dt{	text-align: center;}
.type3 .sbox dd{	text-align: right;}


/** play **/

.play .s_title{	margin-bottom: 20px;}

.play ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.play li{
	display: inline-flex;
	align-items: center;
	align-content: center;
	justify-content: center;
	width: calc(100% / 2 - 1px);
	min-height: 35px;
	font-size: 16px;
	line-height: 18px;
	text-align: center;
	margin: 0 0 2px 0;
	padding: 10px 7px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}


/** area **/

.area .s_title{	margin-bottom: 20px;}

.abox{
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	padding: 15px 0;
}
.abox:first-of-type{	padding-top: 0;}

.abox span{
	display: block;
	font-size: 20px;
	line-height: 24px;
	margin: 0 0 5px 0;
}

.abox p{
	font-size: 16px;
	line-height: 20px;
}


/** credit **/

.credit .s_title{	margin-bottom: 20px;}

.credit > p{
	font-size: 16px;
	line-height: 22px;
	text-align: left;
	margin: 0 0 20px 0;
}

.cre_contact > a,
.cre_contact > div{
	width: 100%;
	height: 55px;
	display: flex;
	align-items: center;
	align-content: center;
	margin: 0 0 2px 0;
	border-width: 1px;
	border-style: solid;
	-webkit-transition	: 0.2s ease-in-out;
	-moz-transition	: 0.2s ease-in-out;
	-o-transition	: 0.2s ease-in-out;
	transition		: 0.2s ease-in-out;
}
.cre_contact > a:last-child,
.cre_contact > div:last-child{	margin-bottom: 0;}
.cre_contact > a:hover{	text-decoration: none;}

.cre_contact span{
	width: 50px;
	padding: 0 0 0 10px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
}

.cre_contact span i{
	width: 34px;
	height: 34px;
	border-radius: 50%;
	font-size: 20px;
	line-height: 34px;
	text-align: center;
}

.cre_contact p{
	font-size: 24px;
	line-height: 24px;
	text-align: left;
	padding: 0 0 0 5px;
}

.cre_contact p em{
	display: block;
	font-size: 13px;
	line-height: 14px;
}
.cre_contact p i{
	font-style: normal;
}
.cre_contact .cre_link p{	font-size: 20px;}


/** other **/

.other .s_title{	margin-bottom: 20px;}

.other_in{
	font-size: 16px;
	line-height: 22px;
	text-align: left;
}


/** notes **/

.notes .s_title{	margin-bottom: 20px;}

.notes_in{
	font-size: 14px;
	line-height: 20px;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	padding: 15px 0;
}
.notes_in:first-of-type{	padding-top: 0;}


.boxtxt{
	font-size: 14px;
	line-height: 20px;
	text-align: left;
	padding: 20px 0 0 0;
}
