/*********************************
main.css
**********************************/
/* ログイン＆ようこそcheckbox */
#skip_init, #auto_login {
	width: 20px;
}

/* サイト名に会社ロゴ */
#site_name{
	background-size: 28px auto;
	background-repeat: no-repeat;
	background-position: 0 5px;
	padding-left: 32px;
	padding-bottom: 5px;
	letter-spacing: 4px;
	font-weight: 400;
	font-size: 22px;
}

@media (max-width: 766px) {
	#site_name{
		background-position: 10px 1px;
		background-size: 19px auto;
		font-size: 12px;
	}
}

/* テーブルのヘッダ部・主にフィルタリング用のセレクトボックス */
.list_filter select{
	margin-left: 2px;
	margin-right: 10px;
	border: 1px solid #ced4da;
	border-radius : 5px;
	height: 40px;
	padding: 5px;
}

/* 工区表記span */
.area {
	padding: 0px 3px;
	font-weight: bold;
	border: 2px solid;
	margin: 0 4px 0 0;
	display: inline-block;
}
.area_0 {
	border-color: #666;
	color: #666;
}
.area_1 {
	border-color: #ff0000;
	color: #ff0000;
}
.area_2 {
	border-color: #0000ff;
	color: #0000ff;
}

/* カテゴリ表記span */
.category {
	padding: 2px 3px;
	font-weight: bold;
	margin: 0 4px 0 0;
	display: inline-block;
}
.category_1 {
	background-color: #ff0000;
	color: #fff;
}
.category_2 {
	background-color: #0000ff;
	color: #fff;
}

/* 全ページ共通下部の会社情報にhoverで透明度設定 */
.company_info:hover {
	opacity: 0.8;
}

/* helpボタン */
.helpbtn,
.helpbtn a{
	padding-top: 10px;
	padding-bottom: 5px;
	text-align: right;
}

/* homeから各ページへ遷移するボタン */
.todetailbtn,
.todetailbtn a{
	padding-top: 8px;
	padding-bottom: 4px;
	text-align: right;
}

/* a青パターン */
a.a_blue {
	color: #333;
	text-decoration: underline;
}
a.a_blue:hover {
	color: #2196f3;
}

/* form-control拡張 */
/* 主にグリッドに従わせたくないformに使う */
.form-control-ex {
	border: 1px solid #eaeaea;
	border-radius : 2px;
	height: 40px;
	padding: 5px;
}

/* 幅クラス */
.w-5 {width:5%;}
.w-10 {width:10%;}
.w-15 {width:15%;}
.w-20 {width:20%;}
.w-25 {width:25%;}
.w-30 {width:30%;}
.w-35 {width:35%;}
.w-40 {width:40%;}
.w-45 {width:45%;}
.w-50 {width:50%;}
.w-55 {width:55%;}
.w-60 {width:60%;}
.w-65 {width:65%;}
.w-70 {width:70%;}
.w-75 {width:75%;}
.w-80 {width:80%;}
.w-85 {width:85%;}
.w-90 {width:90%;}
.w-95 {width:95%;}
.w-100 {width:100%;}

/* 洗濯物情報 */
.laundry {
	margin-bottom:5px;
}
.laundry span{
	font-size: 180%;
	font-weight: bold;
}
div.laundry{
	font-size: 140%;
	font-weight: bold;
}
@media (max-width: 766px) {
	.laundry span{
		font-size: 120%;
	}
}
.laundry_status1 {
	color: #0000ff;
}
.laundry_status2 {
	color: #333;
}
.laundry_status3 {
	color: #ff0000;
}

/* 天気情報 */
.weather img{
	max-width:50px;
}

/* ホームの設定済居住者情報ブロック */
.index_block td{
	font-size:120%;
}

/* テキストボタンAタグ */
a.opener {
	color:#4169e1;
	text-decoration:underline;
}
a.opener:hover {
	color:#ff6347;
}

/* アンケート設問必須表記 */
.qst_required {
	color: #a94442;
	margin-left: 7px;
}

/* アンケート設問注釈 */
.iframe_qst_notes {
	margin-left: 7px;
}

/* アンケート回答ありがとうございますメッセージ */
.qst_thanks_msg {
	display: table;
	width: 100%;
	margin: 15px auto;
}
.qst_thanks_msg .img{
	text-align: right;
}
.qst_thanks_msg .img img{
	width: 180px;
}
.qst_thanks_msg .msg{
	display: table-cell;
	vertical-align: middle;
}
@media (max-width: 766px) {
	.qst_thanks_msg .msg{
		padding-right: 30px;
	}
}
.qst_thanks_msg .msg p{
	max-width: 360px;
}