@charset "UTF-8";
#contents-hdr {
	background-image: url(/uc/uccard/images/user/hdr_img_user002.jpg);
}
table.function {
	font-size: 0.9em;
	border-right: 1px solid #d2dde4;
}
table.function .pc-only {
	display: table-row;
}
table.function .card {
	width: 200px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1em;
}
table.function .brand td {
	text-align: center;
	border-bottom: 0;
}
table.function .brand td img {
	height: 66px;
}
table.function .touch td {
	text-align: center;
	border-bottom: 1px solid #d2dde4;
}
table.function tr.brand .pc-only {
	display: table-cell;
}
table.function caption {
	padding-top: 0.5em;
}
table.function h3 {
	font-weight: 400;
	text-align: center;
	font-size: 1.1em;
}
table.function th h4 {
	font-weight: 200;
	text-align: center;
}
table.function th {
	text-align: left !important;
	padding-right: 1em;
	padding-left: 1em;
	border-right: 1px solid #d2dde4;
	background-color: #f6f7f8;
}
table.function th.th00 {
	width: 15% !important;
}
table.function th.th01 {
	width: 17% !important;
}
table.function td {
	border-right: 1px solid #d2dde4;
	padding-left: 1em;
	padding-right: 1em;
}
table.function td.align-top {
	vertical-align: top;
}
table.function th,
table.function td {
	border-bottom: 1px solid #d2dde4;
	text-align: left;
	padding-top: 2em;
	padding-bottom: 2em;
	line-height: 1.7;
}
table.function th.card-block {
	border-bottom-style: none;
	background-color: #FFFFFF;
	padding-top: 1em;
}
table.function th.bgWhite {
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
}
table.function th:last-child,
table.function td:last-child {
	border-right-style: none;
}
table.function td .indent {
	text-indent: -1.5em;
	margin-left: 1.5em;
}
table.function p.notes {
	margin-bottom: 0px !important;
}
table.function .centerTxt {
	vertical-align: middle;
}
.dataTable01.Family   {
	width: auto;
}
.dataTable01.Family th,
.dataTable01.Family td   {
	text-align: left;
	padding-right: 3em;
}
ul.serviceList {
	display: inline-block;
	margin-bottom: 4em;
}
ul.serviceList.travel {
	display: inline-block;
	margin-bottom: 1em;
}
ul.serviceList li {
	display: inline-block;
	margin-right: 1em;
}
.note_travel {
	text-indent: -1em;
	margin-left: 1em;
	margin-bottom: 4em;
}

@media screen and (min-width:1px) and (max-width:767px) {
table.function {
	border-right-style: none;
}
table.function th {
	text-align: left !important;
	padding: 1em 1em;
	border: 1px solid #d2dde4;
	display: block;
	width: 100%;
	font-weight: bold;
}
table.function td {
	border-right-style: none;
	display: block;
	width: 100%;
	border-bottom-style: none;
	padding-left: 3%;
	padding-right: 3%;
	text-align: center;
}
table.function td.sp-col {
	padding-bottom: 0px !important;
	}
table.function tr {
	margin-bottom: 4em;
	display: block;
	width: 100%;
}
table.function tr.brand {
	margin-bottom: 0;
}
table.function tr.brand .sp-only {
	padding-bottom: 0;
}
table.function tr.brand .sp-only img {
	margin-bottom: 4em;
}
table.function tr.touch td {
	padding: 0 3%;
	border-bottom: 0;
}
table.function tr.sp-col  {
	margin-bottom: 1em;
}
table.function tr:first-child {
	margin-bottom: 2em;
}
table.function tr:first-child h4 {
	color: #999999;
}
table.function span.line {
	border-bottom: 1px solid #d2dde4;
	display: inline-block;
	padding-bottom: 1em;
	margin-bottom: 1em;
}
table.function th.sp-only {
	border-style: none;
	padding: 0px;
	margin-bottom: 2em;
	margin-top: 1em;
}
table.function th.sp-only li {
	display: table-cell;
}
table.function th.sp-only ul {
	width: 100%;
}
table.function th.sp-only li h3 {
	line-height: 1.2;
	font-size: 3.5vw;
}
table.function th.sp-only li .card {
	width: 90%;
}
table.function .bland {
	width: 70%;
}
table.function h4.sp-only {
	background-color: #F6F7F8;
	padding-top: 0.7em;
	padding-bottom: 0.7em;
	border-bottom: 1px solid #d2dde4;
	margin-bottom: 1em;
	color: #666666;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
table.function caption {
	padding-top: 0.3em;
	border-top: 1px solid #d2dde4;
	margin-top: 1em;
}
.dataTable01.Family   {
	width: 100%;
}
ul.serviceList {
	display: inline-block;
	margin-bottom: 2em;
}
ul.serviceList li {
	display: block;
	margin-bottom: 0.5em;
}
}