.sec1 .info{ height: 150px; overflow:auto; }
.sec1 .info::-webkit-scrollbar {
	all:unset;
	width:6px;
	background:transparent;
}
.sec1 .info::-webkit-scrollbar-track {
	all:unset;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);
	background: transparent;
}
.sec1 .info::-webkit-scrollbar-thumb {
	all:unset;
	background:#BBA067;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);
	border-radius: 8px;
}
.sec1 .info::-webkit-scrollbar-thumb:hover {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
	background: transparent;
}



.sec2 .rig{ background-color: #FFF8E2; }
.sec2 .rig h3{ border-bottom: 3px solid #BBA067; font-size: 26px; }
.sec3 .box figure{ margin-bottom: 1em; }
.sec4 h3 span{ background-color: #f00; color: #fff; padding: 2px 4px; font-size: 14px; margin-right: 1em; line-height: 20px; }
.sec5 .rig{ background-color: #FFF0EA; }
.sec5 .rig h3 span{ border-bottom: 3px solid #DB3325; font-size: 26px; line-height: 45px; }
.sec5 .rig .ads1 a{ border-color: #DB3325; }
.sec5 .rig .ads1 a:hover{ background-color: #DB3325; }





/**************************************************

	600px over

**************************************************/
@media only screen and (min-width:600px), print{

	.sec1{ border: 2px solid #BBA067; padding: 30px 30px 20px 220px; position: relative; }
	.sec1 h2{ border-bottom: 3px solid #BBA067; position: absolute; top: 60px; left: 60px; width: 100px; text-align: center; }
	.sec2 .lef{ width: 510px; }
	.sec2 .rig{ width: 340px; padding: 25px 40px 30px; position:relative; }
	.sec2 .rig .ads1{ position:absolute; bottom: 20px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); }
	.sec2 .rig .ads1 a{ width: 188px; }
	.sec3 .box{ margin-right: 30px; line-height: 30px; margin-top: 55px; }
	.sec3 .box:last-child{ margin-right: 0; line-height: 20px; }
	.sec4 [class*="box"]{ position: relative; width: 410px; height: 640px; margin-top: 50px; }
	.sec4 [class*="ads"]{ position: absolute; }
	.sec4 .box2, .sec4 .box4{ margin-left: 30px; }
	.sec4 h3{ margin: 20px 0; }
	.sec4 li{ width: 205px; }
	.sec4 li span{ float: right; }
	.sec4 .box1 .ads1, .sec4 .box2 .ads1{ bottom: 100px; left: 0; }
	.sec4 .box1 .ads2, .sec4 .box2 .ads2{ bottom: 100px; right: 0; }
	.sec4 .box1 .ads3, .sec4 .box2 .ads3, .sec4 .box4 .ads2{ bottom: 20px; left: 50%; transform: translateX(-50%); }
	.sec4 .box1 .ads3 a, .sec4 .box2 .ads3 a, .sec4 .box4 .ads2 a{ width: 232px; }
	.sec4 .box3 a{ width: 200px; }
	.sec4 .box3 .ads1{ bottom: 100px; left: 0; width: 200px; text-align: center; }
	.sec4 .box3 .ads2{ bottom: 20px; left: 0; }
	.sec4 .box3 .ads3{ bottom: 100px; right: 0; width: 200px; text-align: center; }
	.sec4 .box3 .ads4{ bottom: 20px; right: 0; }
	.sec4 .box4 .ads1{ bottom: 100px; right: 0; }	
	.sec5 .lef{ width: 510px; }
	.sec5 .rig{ width: 340px; padding: 20px 40px 30px; position: relative; }	
	.sec5 .rig .ads1{ position:absolute; bottom: 20px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); }
	.sec5 .rig .ads1 a{ width: 188px; }
	
	
	
	
	
	
}



/**************************************************

	600px under

**************************************************/
@media only screen and (max-width:599px){

	.sec1{ padding: 15px; }
	.sec1 .info{ border: 2px solid #BBA067; padding: 15px; }	
	.sec2 .rig{ padding: 15px; }
	.sec2 .rig .ads1 a{ width: 80%; margin-left: 10%; margin-top: 20px; }	
	.sec3 .fb2sp{ padding: 20px 15px 0; justify-content:space-between; }
	.sec3 .box{ width: 48%; margin-top: 30px }
	.sec4 [class*="box"]{ margin-top: 50px; }
	.sec4 [class*="ads"]{ margin-top: 20px; }
	.sec4 h3{ margin-bottom: 20px; }
	.sec4 .inr{ padding: 20px 15px 0; }
	.sec4 .btn1lnk{ width: 80%; margin-left: 10%; }
	.sec5 .rig{ padding: 15px; }
	.sec5 .rig .ads1 a{ width: 80%; margin-left: 10%; margin-top: 20px; }
	
	
	
	
}