.c_detail{border:10px #F5A800 solid;padding:20px;}
.c_title{font-weight:bold;font-size:130%;color:#ed4e00;margin-bottom:10px;}
.c_title i{margin-right:5px;}
.c_detail table{width:100%;border-spacing:5px;font-size:115%;}
.c_detail table th,.c_detail table td{padding:15px 15px;letter-spacing:1px;font-weight:bold;color:#623d04;}
.c_detail table th{background:#ffe400;}
.c_detail table td{background:#fff8cc;}

.pre-title{margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #CCC;color:#000;display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;}
.pre-title dt{font-size:150%;font-weight:bold;}
.pre-title dt font{font-size:90%;}
.pre-box{background:#EEE;}
.pre-pr{font-size:120%;font-weight:bold;margin-bottom:10px;}
.pre-text{line-height:180%;color:#666;margin-bottom:10px;font-size:94%;}
.pre-subbox{background:#252420;padding:15px 3%;}
.pre-subbox .btn a{display:block;background:#686550;padding:12px 10px;text-align:center;color:#FFF;text-decoration:none;margin:15px 1% 0 1%;border-radius:5px;font-weight:bold;}
.pre-subbox .btn a:hover{background:#c20000;color:#FFF;}
.pre-attention{border:5px #EEE solid;padding:20px;line-height:180%;color:#666;}

.detail{width:100%;border-collapse:collapse;}
.detail th{text-align:center;background:#dbd4cb;color:#333;padding:10px;}
.detail td{padding:5px 10px;letter-spacing:1px;background:#FFF;}
.detail font{font-size:80%;}
.detail span{font-size:130%;font-weight:bold;color:#e70000;}
.list img{border-radius:3px;}
.old{background:#e7e3ce;padding:30px;}
.old-title{text-align:center;font-size:125%;font-weight:bold;margin-bottom:15px;border-bottom:5px #d9d4b6 solid;padding-bottom:10px;}
.old-pre{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:15px;}
.old-pre img{width:100%;}
.old-pre li{margin-bottom:15px;}
.old-pre p{margin-top:5px;text-align:center;font-size:94%;}
.old-pre p span{font-size:88%;display:block;}

@media screen and (min-width:651px){
	body{min-width:1200px;}
	.pre-box{position:relative;}
	.pre-subbox{position:absolute;bottom:0;width:94%;}
	.detail th{width:35%;}
	.flex_two{display:flex;justify-content:space-between;}
	.flex_two li{width:50%;}
}

@media screen and (max-width:650px){
	.c_detail table{font-size:90%;}
	.c_detail th,.c_detail td{display:block;}
	.detail{font-size:94%;}
	.detail th,.detail td{display:block;width:90%;padding:10px 5%;text-align:left;}
	.pre-title dt{font-size:110%;}
	.pre-title dd{font-size:90%;}
	.old{padding:25px 10px;}
	.old-pre{grid-template-columns:1fr 1fr;gap:15px;font-size:90%;}
	.pre-subbox .btn a{font-size:90%;}
	.pre-attention{font-size:90%;}
}