@charset "utf-8";
/* CSS Document */

/*--PC用--*/
@media screen and (min-width: 768px) {
/* content block 2 */
#mcs2_container{ left:340px; top:20px; margin:0; width:520px; height:148px; padding:0 5px; }
#mcs2_container .customScrollBox{position:relative; height:100%; overflow:hidden;}
#mcs2_container .customScrollBox .container{position:relative; width:500px; top:0; float:left;}
#mcs2_container .customScrollBox .content{clear:both;}
#mcs2_container .customScrollBox .content p{ color:#FFF;}
#mcs2_container .customScrollBox img{border:5px solid #fff;}
#mcs2_container .dragger_container{ position:relative; width:9px; height:150px; float:left; margin:0 0 0 10px; cursor:pointer; box-shadow:inset 0 0 10px #000; -moz-box-shadow:inset 0 0 10px #000; -webkit-box-shadow:inset 0 0 10px #000; background-color:#1C1C1C; }
#mcs2_container .dragger{position:absolute; width:6px; height:60px; background:#333; text-align:center; margin-left:1px; line-height:60px; color:#666; overflow:hidden; border-left:1px solid #787878; border-right:1px solid #000; cursor:pointer;}
#mcs2_container .dragger_pressed{position:absolute; width:6px; height:60px; background:#444; text-align:center; margin-left:1px; line-height:60px; color:#777; overflow:hidden; border-left:1px solid #878787; border-right:1px solid #000; cursor:pointer;}

ul{width: 500px; padding-bottom:5px;margin-left: 15px;}
li{ padding:5px 0 5px 0;
	list-style-type: none;
	line-height:1.6em;
	font-size:12px;
	clear:both;
}
.title_t{ float:left; text-align:left; width:430px; }
.rssdate{
	color:#FF6633;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
	width:70px;
	background-repeat:no-repeat;
	background-position: right;

}

li a{ color:#FFFFFF; text-decoration:none;}
li a:hover { color:#FF6633; text-decoration:underline; }
}

/*--SP用--*/
@media screen and (max-width: 767px) {
	#mcs2_container {
    left: 100%;
    top: 20px;
    margin: 0;
    width: 100%;
    height: 148px;
    /* padding: 0 5px; */
}

#mcs2_container .customScrollBox {
    position: relative;
    height: 100%;
    overflow: hidden;
}

#mcs2_container .customScrollBox .content {
    clear: both;
}
	
ul {
    padding-bottom: 5px;
    word-wrap: break-word;
	padding-left: 10px;
}
	
	li {
    list-style-type: none;
    line-height: 1.6em;
    font-size: 12px;
    clear: both;
}

li a{ color:#FFFFFF; text-decoration:none;}
li a:hover { color:#FF6633; text-decoration:underline; }

.rssdate {
    color: #FF6633;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    float: left;
    width: 70px;
    background-repeat: no-repeat;
    background-position: right;
}

.title {
    float: left;
    text-align: left;
    width: 100%;
}

#mcs2_container .customScrollBox .container {
    position: relative;
    width: 100%;
    top: 0;
    float: left;
}

#mcs2_container .dragger_container {
    position: relative;
    width: 9px;
    height: 150px;
    float: left;
    margin: 0 0 0 10px;
    cursor: pointer;
    box-shadow: inset 0 0 10px #000;
    -moz-box-shadow: inset 0 0 10px #000;
    -webkit-box-shadow: inset 0 0 10px #000;
    background-color: #1C1C1C;
}
	
}