.container {color:#444444 ;}
.container dl {margin-bottom:30px;}
.container dl dd {padding-left:20px;margin-left:0px;}
.container dl dt,
.container dl dd {    line-height: 30px;}

.footer-company,
.footer-bizno,
.footer-addr,
.footer-email,
.footer-tel,
.footer-ceo,
.footer-epo {padding-right:5px}


.container  .bannerContents {display: flex;  flex-direction: column;  align-items: center;}
.container  .bannerContents .bannerInnerContents{text-align:center;}
.container  .BNSpan {color:#000000; text-align: left;font-size:22px; height: 11px;margin:0 0 6px;}
.BNLnk{color:#000000;}

.container .bannerContents{
    text-align: center;
}


.container  .BNSpan A:hover{font-weight:bold;}

@media (min-width: 1024px) {
	.da-slider {   height: 340px;}
	.container  .bannerContents {margin-top:60px;
		   text-align: center;
		 .bannerInnerList{	float:left;width:auto; }
	}
	.container  .BNSpan {font-size:22px; height: 11px; margin:0 0 12px;}
}

@media (min-width: 980px) and (max-width: 1023px) {
	.da-slider {   height: 340px;}
	.container  .bannerContents {margin-top:50px;
		text-align: center;
		.bannerInnerList{	float:left;width:auto; }
	}
	.container  .BNSpan {font-size:22px; height: 11px; margin:0 0 6px;}
}
@media (min-width: 768px) and (max-width: 979px) {
	.da-slider {   height: 260px;}
	.container  .bannerContents {margin-top:40px;
	   text-align: center;
		.bannerInnerList{	float:left;width:auto; }
	}
	.container  .BNSpan {font-size:19px; height: 8px; margin:0 0 2px;}
}

@media (min-width: 425px) and (max-width: 767px) {
	.da-slider {   height: 160px;}
	.container  .bannerContents {margin-top:0px;
		 text-align: center;
		.bannerInnerList{	float:left;width:auto; }	
	}
	.container  .BNSpan {font-size:14px; height: 0px; margin:-1px 0 2px;}
}

@media (max-width: 424px) {
	.da-slider {   height: 145px;}
	.container  .bannerContents {margin-top:0px;
		text-align: center;
		.bannerInnerList{	float:left;width:auto; }
	}
	.container  .BNSpan {font-size:12px; height: 0px; margin:-1px 0px 0px;}
}

	.custom-Div 
	{

		.favorite-item {min-height:20px;}
	}
    .favorite-section {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 10px;
        padding: 0px;
        max-width: 1080px;
        margin: auto;
        margin-top: 50px; /* À§ÂÊ ¿©¹é */
        margin-bottom: 50px; /* ¾Æ·¡ÂÊ ¿©¹é */
    }
    .favorite-item {
        background-color: #fff;
        border: 1px solid #ddd;
        padding: 10px;
        text-align: left;
        color: black;
		cursor: pointer;
		border-radius: 4px;
		transition: border 0.5s, background-color 0.5s; 
    }
    .favorite-item a {
        text-decoration: none;
		display:block;
        color: black; /* Default text color */
        transition: color 0.3s, font-weight 0.3s; /* Smooth transition for color and font weight */
	}


    .favorite-item:hover {
	      border: 1px solid #000000;
		  background-color: #ededed;
	}

    .favorite-item:hover a {
        color: rgb(0, 0, 0); /* Color changes to blue */
        font-weight: bold; /* Text becomes bold */
	}

	@media (max-width: 768px) {
        .favorite-section {
            grid-template-columns: repeat(2, 1fr);
        }
    }