/* アプリ開発事業ページ(/service/app/)と各アプリの暫定案内ページ専用のCSS。
   見た目は共通CSS(style.css)の既存モジュール(.pictxtbox / .itemlist / .btn など)に合わせ、
   ここでは不足分だけを補う。共通CSSは変更しない。 */

/* ---------- アプリ一覧 (.itemlist の補完) ---------- */
#page-app .itemlist .box .txt h3 .tag{
	display: inline-block;
	vertical-align: middle;
	margin-left: 0.12rem;
	border: solid 1px #005476;
	color: #005476;
	font-size: 0.11rem;
	font-weight: normal;
	line-height: 1;
	padding: 0.05rem 0.1rem;
	border-radius: 0.12rem;
	letter-spacing: 0.01rem;
	white-space: nowrap;
}
#page-app .itemlist .box .txt .btn{
	margin-top: 0.25rem;
}
#page-app .itemlist .box .txt .coming{
	margin-top: 0.25rem;
	font-size: 0.13rem;
	line-height: 1.5;
	color: #888;
}
@media only screen and (max-width:479px){
	#page-app .itemlist .box .txt .coming{
		text-align: center;
	}
}

/* ---------- 暫定案内ページ (紹介ページ準備中) ---------- */
#page-app .app-coming{
	padding: 0.65rem 0 1rem;
}
#page-app .app-coming-icon{
	width: 104px;
	height: 104px;
	border-radius: 24px;
	margin-bottom: 0.3rem;
}
#page-app .app-coming h1{
	font-size: 0.34rem;
	font-weight: 500;
	line-height: 1.5;
	margin-bottom: 0.18rem;
}
#page-app .app-coming-status{
	display: inline-block;
	color: #00758e;
	background: #e8f5f7;
	padding: 0.10rem 0.2rem;
	border-radius: 4px;
	font-size: 0.14rem;
	margin-bottom: 0.28rem;
}
#page-app .app-coming-copy{
	max-width: 620px;
	margin: 0 auto 0.2rem;
	line-height: 1.9;
	text-align: left;
}
#page-app .app-coming-note{
	line-height: 1.9;
	color: #58636a;
	margin-bottom: 0.35rem;
}
#page-app .app-coming .btn{
	margin-left: auto;
	margin-right: auto;
}
@media only screen and (max-width:767px){
	#page-app .app-coming{
		padding: 0.5rem 0 0.7rem;
	}
	#page-app .app-coming h1{
		font-size: 0.3rem;
	}
}