@charset "utf-8";

/*------------------------------------------
 緊急情報コンポーネントのレイアウト
------------------------------------------*/

/* PC用　*/
.akawaku {
	border:5px solid #c00;
	padding:20px;
	background:#f8f8f8;
	width: 980px;
	box-sizing: border-box;
	margin: 0 auto 20px;
}
.akawaku * {
	line-height: 1.5;
}

.midashi {
	margin-bottom: 5px;
}

.text {
	text-align: center;
}

.ft_customercenter {
	margin-top: 5px;
}

.date {
	margin: 0.8em 0;
}

/* フォントのスタイル */
.black10{ font-size: 10px; color:#000;}
.black12{ font-size: 12px; color:#000;}
.black14{ font-size: 14px; color:#000;}
.black16{ font-size: 16px; color:#000;}
.black20{ font-size: 20px; color:#000;}
.black24{ font-size: 24px; color:#000;}
.black28{ font-size: 28px; color:#000;}

.red10{ font-size: 10px; color:#C00;}
.red12{ font-size: 12px; color:#C00;}
.red14{ font-size: 14px; color:#C00;}
.red16{ font-size: 16px; color:#C00;}
.red20{ font-size: 20px; color:#C00;}
.red24{ font-size: 24px; color:#C00;}
.red28{ font-size: 28px; color:#C00;}

.blue10{ font-size: 10px; color:#00F;}
.blue12{ font-size: 12px; color:#00F;}
.blue14{ font-size: 14px; color:#00F;}
.blue16{ font-size: 16px; color:#00F;}
.blue20{ font-size: 20px; color:#00F;}
.blue24{ font-size: 24px; color:#00F;}
.blue28{ font-size: 28px; color:#00F;}

.green10{ font-size: 10px; color:#008000;}
.green12{ font-size: 12px; color:#008000;}
.green14{ font-size: 14px; color:#008000;}
.green16{ font-size: 16px; color:#008000;}
.green20{ font-size: 20px; color:#008000;}
.green24{ font-size: 24px; color:#008000;}
.green28{ font-size: 28px; color:#008000;}

.orange10{ font-size: 10px; color:#FFA500;}
.orange12{ font-size: 12px; color:#FFA500;}
.orange14{ font-size: 14px; color:#FFA500;}
.orange16{ font-size: 16px; color:#FFA500;}
.orange20{ font-size: 20px; color:#FFA500;}
.orange24{ font-size: 24px; color:#FFA500;}
.orange28{ font-size: 28px; color:#FFA500;}

/* SP用　*/
@media only screen and (max-width: 736px) {

.akawaku {
	border:5px solid #c00;
	padding:10px;
	margin-bottom:0;
	background:#fff;
	width: 100%;
}

.text {
	text-align: left;
}

.black20{ font-size: 18px; color:#000;}
.black24{ font-size: 22px; color:#000;}
.black28{ font-size: 24px; color:#000;}

.red20{ font-size: 18px; color:#C00;}
.red24{ font-size: 22px; color:#C00;}
.red28{ font-size: 24px; color:#C00;}

.blue20{ font-size: 18px; color:#00F;}
.blue24{ font-size: 22px; color:#00F;}
.blue28{ font-size: 24px; color:#00F;}

.green20{ font-size: 18px; color:#008000;}
.green24{ font-size: 22px; color:#008000;}
.green28{ font-size: 24px; color:#008000;}

.orange20{ font-size: 18px; color:#FFA500;}
.orange24{ font-size: 22px; color:#FFA500;}
.orange28{ font-size: 24px; color:#FFA500;}
}