
#rjsResult img,
#rjsInfo img,{width:100%;}
#rjsResult ul a,
#rjsInfo  ul a{text-decoration: none; color: #000;}

#rjsResult ul,
#rjsInfo ul{ list-style:none; height: 500px; overflow-y: scroll; margin: 0 auto; }
#rjsResult ul li,
#rjsInfo ul li{ margin-bottom:1em; padding-bottom:1em; border-bottom:1px solid #000; line-height: 1.2em; }

/*==================[Default]==================*/

.TweetBox,
.TweetText,
.TweetContainer,
.TweetLinkStyle,
.Account,
.UserName,
.Address,
.TimeStamp,
.TweetTextBox,
.MediaBox,
.MediaImg1,
.MediaImg2,
.MediaImg3,
.MediaImg4,
.MediaBoxImgHalf,
.MediaBoxImgTrio,
.MediaBoxImgQuarter,
.Media{box-sizing: border-box;}
.AccountHeader, .MediaBox{cursor: pointer;}

.TweetBox{ width: 100%; border-bottom: 1px solid #e6ecf0; padding: 1%;
    /*background-color: #FFFFFF;*/
}
.TweetContainer{ width:100%; margin-left: auto; margin-right: 0px;}
.TweetLinkStyle{ color: #000; text-decoration: none; }
/*==================[AccountHeader]==================*/
.Account{ color: #000000;}
.Avatar,
.Address,
.Address .UserName, 
.TimeStamp{ vertical-align: top; margin:2% 0 0; font-size:1.1em; }
.UserName{ font-weight: bold; }
.Account:hover .UserName,
.TimeStamp:hover{ color: #0084b4; text-decoration: underline; }
.Avatar{ width: 11%; height: auto; border-radius: 50%; margin:0% 2% 0% -1%; float:left; }
.Account,.Hasyu{display:none;}

/*==================[TweetTextBox]==================*/
.TweetTextBox{ }
.TweetText{ color:#000; font-size:0.8em;}

/*==================[MediaBox]==================*/
.MediaBox{ border-radius: 5px; overflow: hidden; margin-left: auto; margin-right: 0px; }
.MediaBox img{ border-radius: 5px; height: auto; margin: auto; }

/*==================[MediaBoxImgHalf 画像2枚]==================*/
.MediaBox .MediaBoxImgHalf img{ width:100%; height: auto; margin: auto; border-radius: unset;}
.MediaBox .MediaBoxImgHalf{ width: 100%; overflow: hidden; margin-left: auto; margin-right: 0px; height: 400px; background-color: #eaeaea; }
.MediaBox .MediaBoxImgHalf .MediaImg1{ width:50%; float: left; border-right: 3px solid #FFFFFF; }
.MediaBox .MediaBoxImgHalf .MediaImg2{ width: 50%; float: right;}

/*==================[画像3枚 MediaBoxImgTrio]==================*/
.MediaBox .MediaBoxImgTrio img{ width: 100%; height:auto; margin: auto; border-radius: unset;}
.MediaBox .MediaBoxImgTrio{ width: 100%; overflow: hidden; margin-left: auto; margin-right: 0px; height: 400px; background-color: #eaeaea;}
.MediaBox .MediaBoxImgTrio .MediaImg1{ width:50%; float: left; }
.MediaBox .MediaBoxImgTrio .MediaImg2{ width: 50%; height: 50%; float: right; border-left: 3px solid #FFFFFF; border-bottom: 3px solid #FFFFFF; overflow: hidden; }
.MediaBox .MediaBoxImgTrio .MediaImg3{ width: 50%; height: 50%; float: right; border-left: 3px solid #FFFFFF; overflow: hidden;}

/*==================[画像4枚 MediaBoxImgTrio]==================*/
.MediaBox .MediaBoxImgQuarter img{ width: 100%; height:auto; margin: auto; border-radius: unset; }
.MediaBox .MediaBoxImgQuarter{ width: 100%; overflow: hidden; margin-left: auto; margin-right: 0px; height: 400px; background-color: #eaeaea; }
.MediaBox .MediaBoxImgQuarter .MediaImg1{ width:50%; height: 50%; float: left; border-right: 3px solid #FFFFFF; }
.MediaBox .MediaBoxImgQuarter .MediaImg2{ width: 50%; height: 50%; float: right; overflow: hidden; }
.MediaBox .MediaBoxImgQuarter .MediaImg3{ width: 50%; height: 50%; float: left; overflow: hidden; border-right: 3px solid #FFFFFF; border-top: 3px solid #FFFFFF; }
.MediaBox .MediaBoxImgQuarter .MediaImg4{ width: 50%; height: 50%; float: right; border-top: 3px solid #FFFFFF; overflow: hidden; }

/*
-------------------------------------------------------*/
@media screen and (max-width: 667px) {

 /*==================[Default]==================*/
/* #TwitterNews{  width:100%;  max-width: unset;  min-width: unset;  height: 300px; }
 .TweetBox{  padding: 4% 3% 4% 1%; }
*/
 .MediaBox .MediaBoxImgHalf,
 .MediaBox .MediaBoxImgTrio,
 .MediaBox .MediaBoxImgQuarter { height: 250px; }

 /*==================[AccountHeader]==================*/
 .Avatar,
 .UserName,
 .Address,
 .TimeStamp{ font-size:4vw; }
 .Avatar{ width: 14%; height: auto; border-radius: 50%; margin: 0% 2% 0% 0%; }

 /*==================[TweetTextBox]==================*/
/* .TweetTextBox{ font-size:3.5vw; margin-left: auto; margin-right: 0px; }*/
 .TweetText{ line-height: 1.4em; color:#000; }

 /*==================[MediaBox]==================*/
/* .MediaBox{ width:92%; margin-left: auto; margin-right: 0px; }*/

}