@charset "UTF-8";

/* StyleSheet CSS1 */
/*---[simoom.net]cw_nowup---*/

@font-face{
	font-family:'FontAwesome';
	src:url('./fontawesome-webfont.eot?v=4.4.0');
	src:url('./fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'),
		url('./fontawesome-webfont.woff2?v=4.4.0') format('woff2'),
		url('./fontawesome-webfont.woff?v=4.4.0') format('woff'),
		url('./fontawesome-webfont.ttf?v=4.4.0') format('truetype'),
		url('./fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');
	font-weight:normal;
	font-style:normal
}

/* 個別ツイート */
div.tw, div.qt {
	margin:0.5em 0.2em 0 0.2em;
	padding:0.4em 0.8em;

	border:1px solid;
	border-radius:5px;

	/*max-width: 468px;*/
	font-family:"Helvetica Neue", Roboto, "Segoe UI", "メイリオ", Calibri, sans-serif;
	clear:both;
}
div.avatar {
	margin:2px 0 0 0;
	float:left;
}
div.avatar img {
	border-radius: 24px 24px 24px 24px / 24px 24px 24px 24px;
}

ul.tbody {
	margin:0 0 0 55px;
	padding:0;
	list-style-type: none;
}
ul.qbody {
	margin:0;
	padding:0;
	list-style-type: none;
}
ul.tbody li, ul.qbody li {
	margin:0;
	padding:0;
}
ul.tbody img {
	background-color:#FFFFFF;
}

.user a.n {
	font-weight:bold;
}
.user img {
	vertical-align:bottom;
}

.date {
	margin:-1.3em 0.2em 0 0!important;
	text-align:right;
	font-size:0.9em;
}
.follow {
	margin:-1.3em 0.2em 0 0!important;
	text-align:right;
	font-size:0.9em;
	height:2em;
}

.text {
	margin:0.1em 0 0.4em 0!important;
}
.text img {
	vertical-align:bottom;
	margin:0 3px 0 0;
}

.actions {
	font-size:0.9em;
}
.actions a {
	margin-right:1.0em;
}
.link {
	font-size:0.9em!important;
}
.link a {
	margin-right:1.0em;
}
.loc {
	font-size:0.9em!important;
	padding-top:0.4em!important;
}
.fa-link, .fa-loc {
	padding-left:0.5em!important;
}

.cico {
	margin:-1.3em 0.2em 0 0!important;
	text-align:right;
}

/* フォント設定 */
.fa {
	display:inline-block;
	font:normal normal normal 14px/1 FontAwesome;
	font-size:inherit;
	text-rendering:auto;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}
.fa-heart:before   { content:"\f08a"; }
/* .fa-heart:before   { content:"\f004"; } old*/
.fa-retweet:before { content:"\f079"; }
.fa-reply:before   { content:"\f0e5"; }
/* .fa-reply:before   { content:"\f112"; } old*/
.fa-ban:before     { content:"\f05e"; }
.fa-check:before   { content:"\f00c"; }

.fa-link:before   { content:"\f0c1"; }
.fa-loc:before   { content:"\f041"; }

.fa-book:after     { content:"\f02d"; }
.fa-photo:after    { content:"\f03e"; }
.fa-tool:after     { content:"\f0ad"; }
.fa-comment:after  { content:"\f27b"; }

/* 長いリンクの省略 */
.url-ellipsis {
	vertical-align:bottom;
	display:inline-block;
	max-width:290px;
	overflow:hidden!important;
	white-space:nowrap!important;
	word-wrap:normal!important;
	text-overflow:ellipsis!important;
	-moz-text-overflow: ellipsis!important;
	-webkit-text-overflow: ellipsis!important;
	-o-text-overflow: ellipsis!important;
}

/* 画像の横幅調整 */
div.tw img.m {
	max-width:100%;
	height:auto;
	border:0;
}

/*** --------- COLOR(DEFAULT) --------- ***/
/* 個別ツイート */
div.tw, div.qt {
	border-color:#EEEEEE #DDDDDD #BBBBBB;
	background-color:#FFFFFF;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}

.user a.g, .date a.g, .actions a {
	color:#999999!important;
}
.user a.n {
	color:#000000!important;
}


.text a {
	color:#1DA1F2!important;
}

.actions {
	color:#999999;
}
.actions a:hover {
	color:#9999CC!important;
}
.link {
	color:#666666!important;
}
.link a {
	color:#6666FF!important;
}
.link a:hover {
	color:#FF6666!important;
}
.loc {
	color:#666666!important;
}

.cico {
	color:#AAAAAA;
}

/*** --------- COLOR(DARK_MODE) --------- ***/
@media screen and (prefers-color-scheme: dark) {

/* 個別ツイート */
div.tw, div.qt {
	border-color:#444444 #555555 #666666;
	background-color:#15202B;
	box-shadow: 0 1px 3px rgba(255,255,255,0.4);
}

.user a.g, .date a.g, .actions a {
	color:#999999!important;
}
.user a.n {
	color:#FFFFFF!important;
}


.text a {
	color:#1DA1F2!important;
}

.actions {
	color:#666666;
}
.actions a:hover {
	color:#666699!important;
}
.link {
	color:#999999!important;
}
.link a {
	color:#6666FF!important;
}
.link a:hover {
	color:#FF6666!important;
}
.loc {
	color:#666666!important;
}

.cico {
	color:#AAAAAA;
}

}

/* ----------------------------------------------------------------- */
@media screen and (max-width: 1020px) {

li.text > div.tw {
	font-size:0.8em;
}

li.user {
	display:block!important;
	margin-bottom:1.2em!important;
}
li.date {
	display:block!important;
	text-align:right;
	margin:1px;
}
div#txt > div.tw > ul.tbody > li.text {
	display:block!important;
	margin-left:-50px!important;
}
.actions {
	margin-left:-50px!important;
}

.user a.n {
	display:block!important;
}

.text img {
	/*display:none;*/
}

/*** --------- COLOR(SP_DEFAULT) --------- ***/
li.text > div.tw {
	border-color:#999999!important;
}

}

/*** --------- COLOR(SP_DARK_MODE) --------- ***/
@media screen and (max-width: 1020px) and (prefers-color-scheme: dark) {

li.text > div.tw {
	border-color:#666666!important;
}

}