@charset "UTF-8";

.footer-related-box{display:table-cell;position:relative;width:300px;vertical-align:middle;box-sizing:border-box;}
.related-site-wrap > a{display:block;margin:8px 0;padding:11px 35px 9px 35px;border:1px solid #999;}
.related-site-wrap > a span{display:block;padding:0 42px 0 0;background:url(/_res/service/dea/img/common/ico-related-arr.png) no-repeat center right / 24px;color:#999;}
.related-site-wrap > a.active span{background-image:url(/_res/service/dea/img/common/ico-related-arr-on.png);color:#7c7c7c;} 
.related-site-wrap .related-site-box{display:none;position:absolute;bottom:calc(100% - 10px);left:0;z-index:50;width:100%;max-height:276px;border:1px solid #999;background-color:#fff;box-shadow:0px 4px 8px rgb(0 0 0 / 12%);box-sizing:border-box;overflow-y:auto;}
.related-site-wrap .related-site-box ul > li{border-bottom:1px solid #999;}
.related-site-wrap .related-site-box ul > li:last-of-type{padding-bottom:0;}
.related-site-wrap .related-site-box ul > li > a{display:block;position:relative;padding:12px 35px;font-size:1rem;color:#0f0000;line-height:1.5rem;}

@media screen and (max-width :768px) {
	.footer-related-box{display:block;width:auto;}
	.related-site-wrap > a{margin:0;padding:10px 20px;}
	.related-site-wrap > a span{background-size:20px;font-size:0.928rem;line-height:1.428rem;}
	.related-site-wrap > a span:after{right:35px;width:19px;height:11px;}
	.related-site-wrap .related-site-box{bottom:calc(100% - 1px);max-height:220px;}
	.related-site-wrap .related-site-box ul > li > a{padding:10px 20px;font-size:0.928rem;line-height:1.5rem;}
	.related-site-wrap .related-site-box ul > li > a:before{top:11px;width:4px;height:1px;}
}