@charset "UTF-8";
BODY{
word-break: break-all;
font-family:'Open Sans', 'Zen Kaku Gothic Antique', "メイリオ", Meiryo, sans-serif;
color:#333;
background:#FFF;
}
 

#rss{
height:630px;
text-align: left;

a height:600px;
width:100%;
overflow-y:scroll;
border-top:1px solid #CCC;
}

#rss DL{
margin:0;
padding:0;
width:100%;
background:#FFF;
}
#rss DT{
padding:0.8em 1.0em 0.2em 1.0em;
font-size:87.5%;
}
#rss DD+DT{
margin-top:0;
border-top:1px solid #CCC;
}
#rss DD{
margin:0;
padding:0 0.8em 0.5em 0.8em;
}
#rss A{
text-decoration:none;
color:#EE827C;	/* 甚三紅 */
transition: opacity 0.3s;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
}
#rss A:hover{
opacity:0.7;
}

#rss A P{
display:inline;
}

#rss A SPAN.text{
font-size:87.5%;
color:#000;
font-weight:normal;
}
#rss DD::after{
display:inline-block;
content:"...";
}

/*------------------------------------------------
  スクロールバー
------------------------------------------------*/
#rss::-webkit-scrollbar{
width: 10px;
}
#rss::-webkit-scrollbar-track{
background: #F5F5F5;
border-left: solid 1px #F5F5F5;
border-radius: 10px;
}
#rss::-webkit-scrollbar-thumb{
background: #DCDCDC;
border-radius: 10px;
box-shadow: inset 0 0 0 2px #FFF;
box-shadow: inset 0 0 0 2px #DCDCDC;
}

@media only screen and (min-width:768px) and (max-width:980px) {	/* 幅の狭いPC用 */
	#rss_box H3{
	font-size:1.75vw;
	}
}
@media only screen and (max-width:768px) {	/* スマホ横以下用 */
	#rss_box{
	height:auto;
	}
	#rss{
/*	height:60vh; */
	}
}
@media only screen and (max-width:330px) {	/* スマホS縦用 */
	#rss_box H3{
	font-size:5.3vw;
	}

}