@charset "utf-8";

/*
================================================================================================================
更新情報
================================================================================================================
*/
#top-news{
position:relative;
top:0;
left:0;	
display:block;
width:100%;
min-height:28px;
background-color:rgba(255,255,255,1.00);
border-top: solid 3px rgba(250,100,200,1.00);
border-bottom: solid 3px rgba(250,100,200,1.00);
overflow:hidden;
z-index: 1;}
#top-news .ticker-area{
width: 100%; 
/*max-width: 1200px;*/ 
margin: 0 auto; 
display: flex; 
flex-wrap:nowrap;
background-color:rgba(30,30,30,0.00);
}
#top-news .ticker-area a#news-icon{
width:100px;
height: 28px;
font-size: 16px;
font-weight: bold;
display: flex;
justify-content: center;
align-items: center;
background-color: rgba(250,100,200,1.00);
color: rgba(255,255,255,1.00); 
	border-right:solid 0px rgba(250,100,200,1.00);
left:0; 
top:0;}
#top-news .ticker-area a#news-icon:hover{background-color: rgba(255,255,255,1.00);color: rgba(250,100,200,1.00);}
#top-news .ticker-area a#news-icon::before{
content:"新着情報▶";/*疑似要素の中身を指定*/
padding-top: 3px;}
#top-news .ticker-area #news-area{width:calc(100% - 120px); height: 28px!important;}
#top-news .ticker-area #news-area ul{width: 100%;}
#top-news .ticker-area #news-area ul li{color:#333; font-size:14px;line-height: 24px; background-color:rgba(240,217,222,0.0);padding-top: 3px !important;}
#top-news .ticker-area #news-area ul li span{font-weight:bold; padding:0 10px;}
#top-news .ticker-area #news-area ul li a{color:#8F2128;font-weight: bold; text-decoration: underline;cursor: pointer;}
#top-news .ticker-area #news-area ul li a:hover{color:#FF0A0A;}
@media screen and (max-width:639px){
/*#top-news{position:static;margin-top:-3%;}*/
#top-news .ticker-area #news-icon{width:30px!important;}
#top-news .ticker-area #news-icon::before{content:"▶"!important; font-size: 20px; padding-top: 3px;}
#top-news .ticker-area #news-area{left:0px; top:0px; width:calc(100% - 0px); }	
#top-news .ticker-area #news-area ul li{font-size:12px;}
#top-news .ticker-area #news-area ul li span{font-size:12px;padding:0 7px;}
}