@charset "utf-8";

/* 告知 */
.top-info-box {
	display: block;
	margin-left: 6px;
	margin-right: 6px;
	background-color: #fff;
	padding: 6px;
}
.top-info-box .top-info-title {
	color: #6c8a31;
	font-size: 130%;
}
.top-info-box > ul {
	display: table;
	table-layout: fixed;
	width: 100%;
	font-size: 120%;
}
.top-info-box > ul > li {
	display: table-row;
}
.top-info-box > ul > li > .top-info-date {
	display: table-cell;
	padding-top: 6px;
	width: 7em;
	vertical-align: top;
}
.top-info-box > ul > li > .top-info-text {
	display: table-cell;
	padding-top: 6px;
	line-height: 1.1;
	vertical-align: top;
}

/* おすすめサービス */
.top-service-menu-box {
}
.top-service-menu-box > .top-service-matrix {
	display: block;
}
.top-service-menu-box > .top-service-matrix > ul {
	display: table;
	table-layout: fixed;
	width: 100%;
}
.top-service-menu-box > .top-service-matrix > ul > li {
	display: table-row;
}
.top-service-menu-box > .top-service-matrix > ul > li > .top-service-box {
	display: table-cell;
	color: black;
	font-size: 90%;
	text-align: center;
}
.top-service-menu-box > .top-service-matrix > ul > li:not(:first-child) > .top-service-box {
	padding-top: 6px;
}
.top-service-menu-box > .top-service-matrix > ul > li > .top-service-box > .top-service-icon-box {
	display: block;
	padding: 0 6px;
	margin-bottom: 2px;
}
.top-service-menu-box > .top-service-matrix > ul > li > .top-service-box > .top-service-icon-box > img {
	width: 100%;
	height: auto;
}

/* au wallet */
.top-au-wallet-box {
	margin-left: 6px;
	margin-right: 6px;
	border: 1px solid #fc6806;
}
.top-au-wallet-box .top-au-wallet-caption {
	display: block;
	padding: 6px;
	font-size: 130%;
	color: #f8f97d;
	background-color: #fc6806;
	text-align: center;
}
.top-au-wallet-box .top-au-wallet-banner {
	display: block;
	margin: 6px;
}