@charset "utf-8";

#bo_list_wrap.tojino-thumb-list #bo_list .tojino-list-thumb-head,
#bo_list_wrap.tojino-thumb-list #bo_list .tojino-list-thumb-cell {
	width: 62px;
	min-width: 62px;
	max-width: 62px;
	padding-right: 0 !important;
	padding-left: 0 !important;
	text-align: center;
	vertical-align: middle;
}

#bo_list_wrap.tojino-thumb-list #bo_list .tojino-list-thumb {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 45px;
	height: 45px;
	overflow: hidden;
	border: 1px solid rgba(33, 37, 41, 0.14);
	border-radius: 5px;
	background: #f8f9fa;
	box-shadow: 0 2px 7px rgba(33, 37, 41, 0.08);
	vertical-align: middle;
}

#bo_list_wrap.tojino-thumb-list #bo_list .tojino-list-thumb:hover,
#bo_list_wrap.tojino-thumb-list #bo_list .tojino-list-thumb:focus {
	border-color: #a163f7;
	text-decoration: none;
}

#bo_list_wrap.tojino-thumb-list #bo_list .tojino-list-thumb img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

#bo_list_wrap.tojino-thumb-list #bo_list .tojino-list-thumb--profile img,
#bo_list_wrap.tojino-thumb-list #bo_list .tojino-list-thumb--default img {
	background: #f8f9fa;
}

#bo_list_wrap.tojino-thumb-list #bo_list .tojino-list-thumb--profile,
#bo_list_wrap.tojino-thumb-list #bo_list .tojino-list-thumb--default,
#bo_list_wrap.tojino-thumb-list #bo_list .tojino-list-thumb--profile img,
#bo_list_wrap.tojino-thumb-list #bo_list .tojino-list-thumb--default img {
	border-radius: 50%;
}

#bo_list_wrap.tojino-thumb-list #bo_list .tojino-list-thumb-notice {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 28px;
	padding: 0 8px;
	border: 1px solid #a66eff;
	border-radius: 8px;
	background: #a66eff;
	color: #fff;
	font-size: 12px;
	font-weight: 400;
	line-height: 1;
	white-space: nowrap;
	vertical-align: middle;
}

#bo_list_wrap.tojino-thumb-list #bo_list .tojino-list-title-layout,
#bo_list_wrap.tojino-thumb-list #bo_list .tojino-list-title-layout__body {
	min-width: 0;
}

#bo_list_wrap.tojino-thumb-list #bo_list .mttip-site-info-mobile,
#bo_list_wrap.tojino-thumb-list #bo_list .mttip-mobile-bottom {
	display: none !important;
}

#bo_list_wrap.tojino-thumb-list #bo_list .mttip-site-info-mobile span {
	display: inline-block;
	padding: 1px 0.35rem 0;
	border-radius: 4px;
	background: #a66eff;
	color: #fff;
}

@media (min-width: 768px) {
	#bo_list_wrap.tojino-thumb-list #bo_list .tojino-list-title-layout {
		display: block;
	}
}

@media (max-width: 767px) {
	#bo_list_wrap.tojino-thumb-list #bo_list > ul.na-table > li.tojino-list-thumb-row {
		align-items: flex-start !important;
		min-height: 68px;
		padding-top: 10px !important;
		padding-bottom: 10px !important;
	}

	#bo_list_wrap.tojino-thumb-list #bo_list .tojino-list-title-cell {
		display: block;
		width: 100%;
		padding-right: 0 !important;
	}

	#bo_list_wrap.tojino-thumb-list #bo_list .tojino-list-title-layout {
		display: flex;
		align-items: flex-start;
		gap: 9px;
	}

	#bo_list_wrap.tojino-thumb-list #bo_list .tojino-list-title-layout__mobile-thumb {
		flex: 0 0 auto;
		padding-top: 1px;
	}

	#bo_list_wrap.tojino-thumb-list #bo_list .tojino-list-title-layout__mobile-thumb:empty {
		display: none;
	}

	#bo_list_wrap.tojino-thumb-list #bo_list .tojino-list-title-layout__body {
		flex: 1 1 auto;
		display: flex;
		flex-direction: column;
		gap: 3px;
		min-width: 0;
	}

	#bo_list_wrap.tojino-thumb-list #bo_list .tojino-list-title-layout__body .na-title,
	#bo_list_wrap.tojino-thumb-list #bo_list .tojino-list-title-layout__body .standard-title-row,
	#bo_list_wrap.tojino-thumb-list #bo_list .tojino-list-title-layout__body .standard-title-row__link {
		min-width: 0;
	}

	#bo_list_wrap.tojino-thumb-list #bo_list .tojino-list-title-layout__body .standard-title-row {
		align-items: flex-start;
		margin-bottom: 0 !important;
	}

	#bo_list_wrap.tojino-thumb-list #bo_list .tojino-list-title-layout__body .na-title {
		margin-bottom: 0 !important;
	}

	#bo_list_wrap.tojino-thumb-list #bo_list .tojino-list-mobile-info {
		display: flex !important;
		align-items: center;
		justify-content: space-between;
		gap: 8px;
		min-width: 0;
		width: 100%;
		line-height: 20px;
	}

	#bo_list_wrap.tojino-thumb-list #bo_list .tojino-list-mobile-author {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		flex: 1 1 auto;
		min-width: 0;
		overflow: hidden;
		text-align: left;
	}

	#bo_list_wrap.tojino-thumb-list #bo_list .tojino-list-mobile-author .sv_wrap,
	#bo_list_wrap.tojino-thumb-list #bo_list .tojino-list-mobile-author .sv_member,
	#bo_list_wrap.tojino-thumb-list #bo_list .tojino-list-mobile-author .sv_guest,
	#bo_list_wrap.tojino-thumb-list #bo_list .tojino-list-mobile-author .member-name-stacked-wrap,
	#bo_list_wrap.tojino-thumb-list #bo_list .tojino-list-mobile-author .member-name-stacked {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: flex-start !important;
		min-width: 0;
		max-width: 100%;
		width: auto !important;
		flex-wrap: nowrap;
	}

	#bo_list_wrap.tojino-thumb-list #bo_list .tojino-list-mobile-author .member-visual__name {
		min-width: 0;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		text-align: left;
	}

	#bo_list_wrap.tojino-thumb-list #bo_list .tojino-list-mobile-meta {
		display: inline-flex;
		align-items: center;
		justify-content: flex-end;
		flex: 0 0 auto;
		gap: 4px;
		color: #6f7380 !important;
		font-size: 13px;
		font-weight: 600;
		font-variant-numeric: tabular-nums;
		line-height: 20px;
		white-space: nowrap;
	}

	#bo_list_wrap.tojino-thumb-list #bo_list .tojino-list-mobile-meta__item {
		display: inline-flex;
		align-items: center;
		gap: 2px;
		color: inherit !important;
		line-height: 20px;
	}

	#bo_list_wrap.tojino-thumb-list #bo_list .tojino-list-mobile-meta__item i {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 13px;
		min-width: 13px;
		margin: 0;
		color: inherit !important;
		font-size: 13px;
		line-height: 13px;
	}

	#bo_list_wrap.tojino-thumb-list #bo_list .mttip-mobile-bottom {
		display: flex !important;
		align-items: flex-start;
		justify-content: space-between;
		gap: 8px;
		width: 100%;
		margin-top: 5px;
		padding-left: 0;
		line-height: 1.45;
	}

	#bo_list_wrap.tojino-thumb-list #bo_list .mttip-site-info-mobile {
		display: flex !important;
		align-items: center;
		flex: 1 1 auto;
		flex-wrap: wrap;
		gap: 3px;
		min-width: 0;
		padding-left: 0 !important;
		text-align: left;
	}

	#bo_list_wrap.tojino-thumb-list #bo_list .mttip-mobile-price {
		flex: 0 0 auto;
		justify-content: flex-end;
		margin-left: auto;
		text-align: right;
		white-space: nowrap;
	}

	#bo_list_wrap.tojino-thumb-list #bo_list > ul.na-table > li.tojino-list-thumb-row > .cpostnamecls,
	#bo_list_wrap.tojino-thumb-list #bo_list > ul.na-table > li.tojino-list-thumb-row > .board-mobile-meta,
	#bo_list_wrap.tojino-thumb-list #bo_list > ul.na-table > li.tojino-list-thumb-row > .mobtimefldcls,
	#bo_list_wrap.tojino-thumb-list #bo_list > ul.na-table > li.tojino-list-thumb-row > .mobtimepadcls,
	#bo_list_wrap.tojino-thumb-list #bo_list > ul.na-table > li.tojino-list-thumb-row > .mobile-metric-cell,
	#bo_list_wrap.tojino-thumb-list #bo_list > ul.na-table > li.tojino-list-thumb-row > #mttip_wr_name_wrap,
	#bo_list_wrap.tojino-thumb-list #bo_list > ul.na-table > li.tojino-list-thumb-row > #mttip_date_pc,
	#bo_list_wrap.tojino-thumb-list #bo_list > ul.na-table > li.tojino-list-thumb-row > #mttip_hit_wrap,
	#bo_list_wrap.tojino-thumb-list #bo_list > ul.na-table > li.tojino-list-thumb-row > .mttip-mobile-reaction-pc {
		display: none !important;
	}
}