botdy{padding-top: 0%;}
a{text-decoration: none;color: #0084b4;}

/*==================[Default]==================*/
#twitterDefault .TimeStamp{display:none;}
#twitterDefault,
#twitterDefault .TweetBox,
#twitterDefault .TweetText,
#twitterDefault .TweetContainer,
#twitterDefault .TweetLinkStyle,
#twitterDefault .Account,
#twitterDefault .UserName,
#twitterDefault .Address,
#twitterDefault .TimeStamp,
#twitterDefault .TweetTextBox,
#twitterDefault .MediaBox,
#twitterDefault .MediaImg1,
#twitterDefault .MediaImg2,
#twitterDefault .MediaImg3,
#twitterDefault .MediaImg4,
#twitterDefault .MediaBoxImgHalf,
#twitterDefault .MediaBoxImgTrio,
#twitterDefault .MediaBoxImgQuarter,
#twitterDefault .Media{box-sizing: border-box;}
#twitterDefault .AccountHeader,#twitterDefault .MediaBox{cursor: pointer;}
#twitterDefault{
    overflow:none;
    /*font-size: 86%;*/
	width:100%;
    margin: 0 auto;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
}
#twitterDefault .TweetBox{
/*float:left;*/
display:inline-block;
vertical-align: top;
height:250px;
    width: 23%;
 overflow:hidden;
    background-color: #FFFFFF;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    padding: 1%;
}


@media screen and (max-width: 62.5rem) {/* 1000px以下*/
#twitterDefault .TweetBox{
    width: 48.5%;}
}


#twitterDefault .TweetContainer{
    width:90%;
    margin-left: auto;
    margin-right: auto;
}
#twitterDefault .TweetLinkStyle{
    color: #758593;
    text-decoration: none;
}

/*==================[AccountHeader]==================*/
#twitterDefault .Account{
    color: #000000;
}
#twitterDefault .Avatar,
#twitterDefault .Address,
#twitterDefault .Address .UserName, 
#twitterDefault .TimeStamp{
    vertical-align: top;
}
#twitterDefault .UserName{
    font-weight: bold;
	font-size: 85%;
}
#twitterDefault .Account:hover .UserName,
#twitterDefault .TimeStamp:hover{
    color: #0084b4;
    text-decoration: underline;
}
#twitterDefault .Avatar{
    width: 10%;
    height: auto;
    border-radius: 50%;
    margin:0% 2% 0% -1%;
    float:left;
}


/*==================[TweetTextBox]==================*/
#twitterDefault .TweetTextBox{
    width: 88%;
    margin-left: auto;
    margin-right: 0px;
    padding: 2% 0%;
}
#twitterDefault .TweetText{
	font-size: 100%;
	line-height: 1em;
	color:#000;
}


/*==================[MediaBox]==================*/
#twitterDefault .MediaBox{
display:none;
/*    width: 94%;
    border-radius: 5px;
    overflow: hidden;
    margin-left: auto;
    margin-right: 0px;*/
}
#twitterDefault .MediaBox img{
    width:100%;
    border-radius: 5px;
    height: auto;
    margin: auto;
}


/*===========================================[逕ｻ蜒?2譫咯===========================================*/
/*==================[MediaBoxImgHalf]==================*/
#twitterDefault .MediaBox .MediaBoxImgHalf img{
    width:100%;
    height: auto;
    margin: auto;
    border-radius: unset;
}

#twitterDefault .MediaBox .MediaBoxImgHalf{
    width: 100%;
    overflow: hidden;
    margin-left: auto;
    margin-right: 0px;
    height: 400px;
    background-color: #eaeaea;
}
#twitterDefault .MediaBox .MediaBoxImgHalf .MediaImg1{
    width:50%;
    float: left;
    border-right: 3px solid #FFFFFF;
}
#twitterDefault .MediaBox .MediaBoxImgHalf .MediaImg2{
    width: 50%;
    float: right;
}
/*===========================================[逕ｻ蜒?2譫咯===========================================*/


/*===========================================[逕ｻ蜒?3譫咯===========================================*/
/*==================[MediaBoxImgTrio]==================*/
#twitterDefault .MediaBox .MediaBoxImgTrio img{
    width: 100%;
    height:auto;
    margin: auto;
    border-radius: unset;
}
#twitterDefault .MediaBox .MediaBoxImgTrio{
    width: 100%;
    overflow: hidden;
    margin-left: auto;
    margin-right: 0px;
    height: 400px;
    background-color: #eaeaea;
}
#twitterDefault .MediaBox .MediaBoxImgTrio .MediaImg1{
    width:50%;
    float: left;
}
#twitterDefault .MediaBox .MediaBoxImgTrio .MediaImg2{
    width: 50%;
    height: 50%;
    float: right;
    border-left: 3px solid #FFFFFF;
    border-bottom: 3px solid #FFFFFF;
    overflow: hidden;
}
#twitterDefault .MediaBox .MediaBoxImgTrio .MediaImg3{
    width: 50%;
    height: 50%;
    float: right;
    border-left: 3px solid #FFFFFF;
    overflow: hidden;
}
/*===========================================[逕ｻ蜒?3譫咯===========================================*/

/*===========================================[逕ｻ蜒?4譫咯===========================================*/
/*==================[MediaBoxImgTrio]==================*/
#twitterDefault .MediaBox .MediaBoxImgQuarter img{
    width: 100%;
    height:auto;
    margin: auto;
    border-radius: unset;
}
#twitterDefault .MediaBox .MediaBoxImgQuarter{
    width: 100%;
    overflow: hidden;
    margin-left: auto;
    margin-right: 0px;
    height: 400px;
    background-color: #eaeaea;
}
#twitterDefault .MediaBox .MediaBoxImgQuarter .MediaImg1{
    width:50%;
    height: 50%;
    float: left;
    border-right: 3px solid #FFFFFF;
}
#twitterDefault .MediaBox .MediaBoxImgQuarter .MediaImg2{
    width: 50%;
    height: 50%;
    float: right;
    overflow: hidden;
}
#twitterDefault .MediaBox .MediaBoxImgQuarter .MediaImg3{
    width: 50%;
    height: 50%;
    float: left;
    overflow: hidden;
    border-right: 3px solid #FFFFFF;
    border-top: 3px solid #FFFFFF;
}
#twitterDefault .MediaBox .MediaBoxImgQuarter .MediaImg4{
    width: 50%;
    height: 50%;
    float: right;
    border-top: 3px solid #FFFFFF;
    overflow: hidden;
}
/*===========================================[逕ｻ蜒?4譫咯===========================================*/



@media screen and (max-width: 667px) {

    /*==================[Default]==================*/
    #twitterDefault{
        width:100%;
        max-width: unset;
        min-width: unset;
        height: 590px;
    }
    #twitterDefault .TweetBox{
        padding: 4% 3% 4% 1%;
    }
    
    #twitterDefault .MediaBox .MediaBoxImgHalf,
    #twitterDefault .MediaBox .MediaBoxImgTrio,
    #twitterDefault .MediaBox .MediaBoxImgQuarter {
        height: 250px;
    }

    /*==================[AccountHeader]==================*/
    #twitterDefault .Avatar,
    #twitterDefault .UserName,
    #twitterDefault .Address,
    #twitterDefault .TimeStamp{
        font-size:2.5vw;
    }
    #twitterDefault .Avatar{
        width: 10%;
        height: auto;
        border-radius: 50%;
        margin: 0% 2% 0% 0%;
    }


    /*==================[TweetTextBox]==================*/
    #twitterDefault .TweetTextBox{
        font-size:2.5vw;
        width:84%;
        margin-left: auto;
        margin-right: 0px;
    }
    #twitterDefault .TweetText{
        line-height: 1.4em;
    }

    /*==================[MediaBox]==================*/
    #twitterDefault .MediaBox{
        width:92%;
        margin-left: auto;
        margin-right: 0px;
    }
    
}