@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

span.handle_name { overflow-y:hidden; height:1em; line-height: 1em; }

	.company >img  { aspect-ratio: 1.7; }
	.company > .p-postList__body { padding: 1em; }
	.company .p-postList__meta {
		-webkit-line-clamp: 3;
		display:-webkit-box;
		-webkit-box-orient: vertical;
		overflow:hidden;
		text-overflow: ellipsis;
		height: 4.2em;
		color: #999;	}
	.company .c-postThumb__cat.area { left:0; right:auto; background-color: black; }

.avatar { object-fit: cover; }

/* 利用済みかどうか */
.area-used, .area-not-get, .area-not-used { display:none; }
.area-used.active, .area-not-get.active, .area-not-used.active { display:block; }

/* ユーザ登録済みかどうか */
.area-user, .area-not-user { display:none; }
.area-user.active, .area-not-user.active { display:block; }


/* PWAかどうか */
.area-pwa{ display:none; }
.area-not-pwa { display:block; }
/* とりあえずPWAということで
@media (display-mode: standalone){
	.area-pwa { display:block; }
	.area-not-pwa { display:none; }
}
    */
.area-pwa { display:block; }
.area-not-pwa { display:none; }

.likes { text-align:right; }
.likes span { color: grey; }
.likes a {color: #eee; font-size:1.3em; }


.w-100 { width:100%; }

#Loading {
	display: none;
	justify-content: center;
	align-items: center;
	background-color: rgba(0,0,0,.3);
	position: fixed;
	left:0; right:0;
	top:0; bottom: 0;
	z-index:100000;
	transition: 300ms;
}
#Loading.active {
	display: flex;
}