@charset "UTF-8";






@media screen and (min-width: 900px) {


	.ignore-pc {
		display: none;
	}


	header.content {
		background: url(../img/title.png) 50% 50% no-repeat;
	}
	
	
	main .closed {
		text-align: center;
	}
	main .closed > div {
		display: inline-block;
		padding: 12px 16px;
		font-size: 18px;
		line-height: 1.5;
		color: #d70c19;
		border: 3px solid #d70c19;
	}
	
	
	main .thank {
		margin: 0 0 65px;
		text-align: center;
		font-size: 27px;
		font-weight: bold;
		line-height: 1.5;
	}
	main .closed + .thank {
		margin-top: 50px;
	}
	
	
	
	body.content section article h2 {
		margin-bottom: 18px;
	}
	
	main article {
		padding-bottom: 20px;
	}
	main article .links {
		text-align: center;
		font-size: 18px;
	}
	main article dl:after {
		clear: both;
		content: "";
		display: block;
		visibility: hidden;
	}
	main article dl {
		box-sizing: border-box;
		width: 700px;
		margin: 45px auto 0;
		padding: 0 38px;
		font-weight: bold;
		line-height: 30px;
		font-size: 0;
		vertical-align: bottom;
	}
	main article dl + dl {
		margin-top: 25px;
	}
	main article dl.total {
		margin-top: 35px;
		padding-bottom: 15px;
		color: #d70c19;
		background: url(../img/line.png) 50% 100% no-repeat;
	}
	
	main article + article {
		margin-top: 120px;
	}
	
	main article dt {
		display: inline-block;
		width: 360px;
		font-size: 17px;
		line-height: 1.8;
		vertical-align: middle;
		word-break: break-all;
	}
	main article dd {
		display: inline-block;
		width: 264px;
		text-align: right;
		vertical-align: middle;
	}
	main article dd strong {
		float: left;
		width: 214px;
		text-align: right;
		font-size: 28px;
	}
	main article dd span {
		position: relative;
		float: left;
		width: 50px;
		top: 2px;
		text-align: right;
		font-size: 20px;
	}
	
	main article dl.total dt {
		font-size: 24px;
	}
	main article dl.total dd strong {
		font-size: 36px;
	}
	main article dl.total dd span {
		top: 4px;
	}
}





@media screen and (max-width: 899px) {


	header.content {
		background: url(../img/title_sp.png) 50% 50% no-repeat;
		background-size: 78px auto;
	}
	
	
	
	
	
	
	main .closed {
		text-align: center;
	}
	main .closed > div {
		display: inline-block;
		padding: 8px 12px;
		font-size: 10px;
		line-height: 1.5;
		color: #d70c19;
		border: 2px solid #d70c19;
	}
	
	
	main .thank {
		margin: 0 0 35px;
		text-align: center;
		font-size: 15px;
		font-weight: bold;
		line-height: 1.5;
	}
	main .closed + .thank {
		margin-top: 25px;
	}
	
	
	
	body.content section article h2 {
		margin-bottom: 12px;
		font-size: 16px;
	}
	
	main article {
		padding-bottom: 20px;
		text-align: center;
	}
	main article .links {
		font-size: 12px;
		line-height: 1.4;
		text-align: left;
	}
	main article dl:after {
		clear: both;
		content: "";
		display: block;
		visibility: hidden;
	}
	main article dl {
		box-sizing: border-box;
		max-width: 310px;
		margin: 30px auto 0;
		padding: 0 22px;
		font-weight: bold;
	}
	main article dl + dl {
		margin-top: 20px;
	}
	main article dl.total {
		margin-top: 30px;
		padding-bottom: 9px;
		color: #d70c19;
		background: url(../img/line_sp.png) 50% 100% no-repeat;
		background-size: 100% 3px;
	}
	
	main article + article {
		margin-top: 70px;
	}
	
	main article dt {
		margin-bottom: 12px;
		font-size: 12px;
		text-align: left;
		line-height: 1.7;
		word-break: break-all;
	}
	main article dd {
		position: relative;
	}
	main article dd strong {
		float: left;
		text-align: left;
		font-size: 28px;
	}
	main article dd span {
		position: relative;
		float: right;
		top: 10px;
		text-align: right;
		font-size: 18px;
		letter-spacing: 2px;
	}
	
	main article dl.total dt {
	}
	main article dl.total dd {
	}
	main article dl.total dd strong {
		font-size: 35px;
	}
	main article dl.total dd span {
		top: 15px;
	}
	
	

	
}


@media screen and (min-width:480px) and (max-width: 899px) {
	main article .links {
		text-align: center;
	}
}


@media screen and (max-width: 374px) {
	main article dl.total dd strong {
		font-size: 30px;
	}
	main article dl.total dd span {
		top: 10px;
	}
}