@charset "utf-8";

/* scroll */
.ticker {
text-align: left;
position: relative;
overflow: hidden;
}
.ticker ul {
width: 100%;
position: relative;
}
.ticker ul li {
width: 100%;
display: none;
}
.ticker dl {
width: 100%;
height: inherit;
display: flex;
align-items: center;
}
.ticker dl dt {
width: 140px;
margin: 0 0 0 0;
font-size: 16px;
font-weight: 300;
text-align: center;
float: left;
}
.ticker dl dd{
width: calc( 100% - 140px );
margin: 0 0 0 0;
font-size: 18px;
font-weight: 400;
white-space: nowrap;  
overflow: hidden;  
text-overflow: ellipsis;  
-webkit-text-overflow: ellipsis;  
-o-text-overflow: ellipsis;
float: left;
}
@media screen and (min-width: 767px) {
.ticker {
width: 900px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
}


@media screen and (max-width: 767px) {
.ticker {
width: 310px;
margin:  0 auto !important;
text-align: center;
position: relative;
overflow: visible !important;
}
.ticker ul {
width: 100%;
position: relative;
}
.ticker ul li {
width: 100%;
display: none;
}
.ticker dl {
width: 100%;
height: auto;
display: block;
align-items: center;
}
.ticker dl dt {
width: 100%;
display: block;
margin: 0 0 0 0;
font-size: 14px;
font-weight: 300;
text-align: center;
float: none !important;
}
.ticker dl dd{
width: 100%;
height: 45px;
display: block;
margin: 0 0 0 0;
font-size: 16px;
font-weight: 400;
white-space: normal !important;
overflow: visible !important;
text-overflow: clip !important;
float: none !important;
}



@media screen and (max-width: 767px) {
.ticker {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
}

@media screen and (max-width: 360px) {
.ticker {
width: 80vw;
}
.ticker dl dt {
width: 100px;
}
.ticker dl dd{
width: calc( 100% - 100px );
}
}