:root{
	--bg: #dce3ed;            /* ページ全体の薄い青グレー */
	--panel: #f6f8fa;         /* パネル白 */
	--panel-muted: #ffffff;   /* サイドの薄グレー */
	--text: #2d3a5f;          /* 文字色(濃) */
	--text-muted: #6b7280;    /* 文字色(淡) */
	--border: #e6e9ee;        /* 枠線色 */
	--shadow: 0 18px 40px rgba(43,53,65,.12);
	--radius: 5px;
	--unavailable: #dddddd;          /* 文字色(濃) */

	/* アプリ色（必要に応じて増減OK） */
	--c-blue:   #2aa1ff;
	--c-pink:   #ef5aa1;
	--c-green:  #42b883;
	--c-yellow: #f0c419;
	--c-orange: #e58a3b;
	--c-red:    #d05a55;
	--c-gray:   #cbd5e1;
}
a {
	text-decoration:none;
}
a .app-title{
	color:var(--text);
}
.logo {
width: 200px;
height: 110px;
background: url("../img/logo.png");
display: flex;
	 align-items: center;
	 justify-content: center;
color: #ffffff;
       font-weight: 600;
       font-size: 16px;
}