@charset "UTF-8";
/* CSS Document */

/*ヘッダー*/
h1 {
	position: relative;
	z-index: 11;
}
h1 .logo {
	background-image: url("https://www2.uccard.co.jp/assets/img/common/logo.png");
	background-size: 145px;
	background-repeat: no-repeat;
	width: 145px;
	height: 63px;
	position: absolute;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	left: 0;
}
.breadLink-sp { /*SPパンくず*/
	display: none;
}
.breadLink-item-sp { /*SPパンくず*/
	display: none;
}
.u-sp-header { /*SPheader*/
	display: none;
}
.inner {
	display: none; /*SPfooter*/
}
.u-sp-footer {
	display: none; /*SPfooter*/
}
@media screen and (min-width: 768px) {
.u-sp-header {
	display: none;
}
}

@media screen and (max-width: 767px) {
	.header {
		display: none; /*PCheader*/
	}
	.breadLink {
		display: none; /*PCheader*/
	}
	#footer_new2008 { /*PCfooter*/
		display: none;
	}
	.breadLink-sp {
		display: block; /*SPパンくず*/
		top: 63px;
		position: absolute;
		background: #fff;
		padding: 10px;
	}
	.breadLink-item-sp {
		display: inline-block;
		font-size: 1.2rem;
	}
	.u-sp-header { /*SPheader */
		display: block;
	}
	.inner {
		display: block; /*SPfooter*/
	}
	.u-sp-footer {
		display: block; /*SPfooter*/
	}
	.u-sp-header {
		position: absolute;
		top: 0px;
		border-top: 2px solid #0f1350;
		width: 100%;
		z-index: 9999;
		transition: .5s;
		border-bottom: 1px solid #CCC;
	}
	body.user_pc .u-sp-header {
		top: 0;
	}
	.u-sp-header.fixed {
		position: fixed;
		top: 0;
		background-color: rgba(255, 255, 255, .7);
		transition: none;
		border-bottom: none;
	}
	.u-sp-header.open, .u-sp-header.srchOpen {
		position: fixed;
		top: 0;
		transition: .5s;
		border-bottom: none;
	}
	.u-sp-header .spHeader {
		width: 100%;
		margin: 0 auto;
		padding: 10px;
		position: relative;
		transition: .5s;
		box-sizing: border-box;
		z-index: 20;
		background-color: #FFF;
	}
	body.u-sp-header_fixed .u-sp-header .spHeader {
		background-color: #FFF;
	}
	.u-sp-header.fixed .spHeader {
		padding: 5px 10px;
	}
	.u-sp-header .spHeader .logo {
		background-image: url("../wr_img/common/logo.png");
		background-size: 100%;
		background-repeat: no-repeat;
		width: 90px;
		height: 40px;
		display: block;
	}
	.u-sp-header .spHeader .logo a {
		width: 90px;
		height: 40px;
		position: absolute;
		display: block;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		left: 0;
		top: 0;
	}
	.u-sp-header.fixed .spHeader .logo {
		width: 75px;
		transition: .5s;
		height: 35px;
	}
	.u-sp-header.fixed .spHeader .logo a {
		width: 75px;
	}
	.u-sp-header .spHeader .spSrchBtn {
		display: block;
		position: absolute;
		top: 26%;
		right: 55px;
		width: 19px;
		height: 30px;
		overflow: hidden;
		background: url("../wr_img/common/icon_spnavSrch_open.png") no-repeat 0 0;
		background-size: 19px;
	}
	.u-sp-header.srchOpen .spHeader .spSrchBtn {
		background: url("../wr_img/common/icon_spnavSrch_close.png") no-repeat 0 0;
		background-size: 19px;
	}
	.u-sp-header .spHeader .u-sp-headerBtn {
		background-image: url("../wr_img/common/sp_nav_openBtn.png");
		background-repeat: no-repeat;
		background-position: 0 22px;
		background-size: 28px;
		height: 32px;
		width: 28px;
		display: block;
		position: absolute;
		top: 26%;
		right: 10px;
		overflow: hidden;
		transition: .5s;
		text-align: center;
	}
	.u-sp-header.fixed .spHeader .spSrchBtn, .u-sp-header.fixed .spHeader .u-sp-headerBtn {
		height: 20px;
		top: 30%;
	}
	.u-sp-header .searchInput {
		display: none;
		width: 100%;
		line-height: 2;
		box-sizing: border-box;
		z-index: 10;
		font-size: 11px;
		padding: 5px;
		background-color: #ecf0f3;
	}
	.u-sp-header .searchInput #SS_searchForm {
		overflow: hidden;
	}
	.u-sp-header .searchInput #SS_searchForm #SS_searchQuery {
		width: 87%;
		height: 42px;
		padding: 5px 8px;
		font-size: 16px;
		box-shadow: none;
		border: none;
		border-radius: 3px 0 0 3px;
		color: #666666;
		box-sizing: border-box;
		float: left;
		position: static;
		top: 0;
		left: 0;
	}
	.u-sp-header .searchInput #SS_searchSubmit {
		width: 13%;
		height: 42px;
		box-shadow: none;
		border-radius: 0 3px 3px 0;
		box-sizing: border-box;
		background-image: url("../wr_img/common/icon_searchInner.png");
		background-repeat: no-repeat;
		background-size: 100%;
		background-position: 50%;
		border: none;
		font-size: 0;
		right: 5px;
	}
	.u-sp-header .searchInput .faqLink a {
		display: block;
		padding: 10px 2%;
		background-color: #FFF;
		margin: 5px 0 0;
		width: 96%;
		color: #0f1350;
	}
	.u-sp-header .searchInput .faqLink .linkIcon::after {
		right: 10px;
		border-top: 1px solid #0f1350;
		border-right: 1px solid #0f1350;
	}
	/*ハンバーガーアイコン*/
	.u-sp-header .menu-trigger,  .menu-trigger span {
		display: inline-block;
		transition: all .4s;
		box-sizing: border-box;
	}
	.u-sp-header .menu-trigger {
		position: relative;
		width: 24px;
		height: 16px;
	}
	.u-sp-header .menu-trigger span {
		position: absolute;
		left: 0;
		width: 100%;
		height: 2px;
		background-color: #10124f;
		border-radius: 4px;
	}
	.u-sp-header .menu-trigger span:nth-of-type(1) {
		top: 0;
	}
	.u-sp-header .menu-trigger span:nth-of-type(2) {
		top: 7px;
	}
	.u-sp-header .menu-trigger span:nth-of-type(3) {
		bottom: 0;
	}
	.u-sp-header.open .menu-trigger span:nth-of-type(1) {
		-webkit-transform: translateY(8px) rotate(-45deg);
		transform: translateY(8px) rotate(-45deg);
	}
	.u-sp-header.open .menu-trigger span:nth-of-type(2) {
		opacity: 0;
	}
	.u-sp-header.open .menu-trigger span:nth-of-type(3) {
		-webkit-transform: translateY(-6px) rotate(45deg);
		transform: translateY(-6px) rotate(45deg);
	}
	/*ハンバーガーアイコン ここまで*/

	body.u-sp-header_fixed {
		overflow: hidden;
		height: 100vh;
		position: fixed;
	}
	body.spNav_fixed::before {
		content: "";
		display: block;
		overflow: hidden;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 3;
		width: 100%;
		height: 100%;
		background-color: rgba(15, 19, 80, .9);
	}
	.u-sp-header .scrollWrap {
		display: none;
		width: 100%;
	/*	height: 61vh;*/
		overflow-y: scroll;
		line-height: 2;
		box-sizing: border-box;
		z-index: 10;
		font-size: 11px;
	/*	padding-bottom: 50px;*/
	}
	.u-sp-header .scrollWrap a {
		color: #0f1350;
	}
	.u-sp-header .scrollWrap .btns {
		padding: 5px;
		background-color: #ecf0f3;
	}
	.u-sp-header .scrollWrap .btns .mainNav {
		overflow: hidden;
	}
	.u-sp-header .scrollWrap .btns .mainNav a {
		width: 45%;
		width: 96%;
		margin: auto;
		padding: 10px 2%;
		display: block;
		background-color: #FFF;
		float: left;
		float: none;
		background-image: url("../wr_img/common/menu_icon_pc.png");
		background-repeat: no-repeat;
		background-position: 95% 50%;
		background-size: 16px;
	}
	.u-sp-header .scrollWrap .btns .mainNav a.linkIcon {
		background-image: none;
	}
	.u-sp-header .scrollWrap .btns .mainNav .sp_loginBtn {
		background-color: #0f1350;
		color: #FFF;
		letter-spacing: -1px;
		background-image: url("../wr_img/common/menu_icon_login.png");
	}
	.u-sp-header .scrollWrap .btns .mainNav .sp_registrationBtn {
		background-color: #4b4e7c;
		color: #FFF;
		background-image: url("../wr_img/common/menu_icon_registration.png");
	}
	body .u-sp-header .scrollWrap .btns .mainNav a.appget {
		width: 96%;
		margin-right: 0;
		background-color: #bec8d7;
	}
	body.user_android .u-sp-header .scrollWrap .btns .mainNav a.appget.ios {
		display: none;
	}
	body.user_ios .u-sp-header .scrollWrap .btns .mainNav a.appget.android {
		display: none;
	}
	.u-sp-header .scrollWrap .btns .mainNav a:nth-child(odd) {
		margin-right: 2%;
		margin-right: 0;
	}
	.u-sp-header .scrollWrap .u-btn-menu {
		background-color: #ecf0f3;
	}
	.u-sp-header .scrollWrap .u-btn-menu .hasUCcard {
		display: block;
		padding: 10px 2%;
		background-color: #FFF;
		width: 96%;
		border-bottom: 1px solid #ecf0f3;
		position: relative;
	}
	.u-sp-header .scrollWrap .menu .hasUCcard {
		position: relative;
		}
	.u-sp-header .scrollWrap .linkIcon::after {
		border-top: 1px solid #0f1350;
		border-right: 1px solid #0f1350;
		content: "";
		display: block;
		width: 5px;
		height: 5px;
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		position: absolute;
		top: 50%;
		right: 21px;
		margin-top: -3px;
	}
		.u-sp-header .scrollWrap .menu .linkIcon::after {
			right: 14px;
		}

	.u-sp-header .scrollWrap .btns .subNav {
		overflow: hidden;
		background-color: #fff;
		font-size: 10px;
		padding: 10px 0;
	}
	.u-sp-header .scrollWrap .btns .subNav li {
		width: 33%;
		float: left;
	}
	.u-sp-header .scrollWrap .btns .subNav li a {
		width: 100%;
		height: 65px;
		display: block;
		padding: 5px;
		box-sizing: border-box;
		line-height: 1em;
		background-repeat: no-repeat;
		background-position: 50% 0;
		padding-top: 45px;
		background-size: 27px;
		position: relative;
	}
	/*    .u-sp-header .scrollWrap .btns .subNav li:nth-child(2) a::after {
				content: "";
				position: absolute;
				width: 16px;
				height: 16px;
				bottom: 5px;
				right: 5px;
				background-image: url("../wr_img/common/menu_icon_pc.png");
				background-repeat: no-repeat;
				background-position: 0 0;
				background-size: 16px;
			}*/
	.u-sp-header .scrollWrap .btns .subNav li:nth-child(1) a {
		background-image: url("../wr_img/common/menu_icon_tel.png");
		padding-top: 40px;
	}
	.u-sp-header .scrollWrap .btns .subNav li:nth-child(2) a {
		background-image: url("../wr_img/common/menu_icon_pen.png");
	}
	.u-sp-header .scrollWrap .btns .subNav li:nth-child(3) a {
		background-image: url("../wr_img/common/menu_icon_qa.png");
		text-align: center;
	}
	.u-sp-header .scrollWrap .btns .subNav li:not(:last-child) a {
		border-right: 1px solid #ddd;
	}
	.u-sp-header .scrollWrap .menu {
		background-color: #ecf0f3;
	}
	.u-sp-header .scrollWrap .menu ul li h3 {
		width: 96%;
		padding: 10px 2%;
		margin-bottom: 1px;
		background-color: #fff;
		font-weight: normal;
		background-image: url("../wr_img/common/menu_icon_close.png");
		background-repeat: no-repeat;
		background-position: 95% 50%;
		background-size: 9px;
	}
	.u-sp-header .scrollWrap .menu ul li h3.open {
		background-image: url("../wr_img/common/menu_icon_open.png");
	}
	.u-sp-header .scrollWrap .menu ul li .links {
		display: none;
	}
	.u-sp-header .scrollWrap .menu ul li .links li {
		padding: 0 2%;
		width: 96%;
	}
	.u-sp-header .scrollWrap .menu ul li .links li a.icon_pc, .u-sp-header .scrollWrap .menu ul li .links li a.icon_blank {
		display: inline-block;
		width: 100%;
		padding: 10px 0;
		background-repeat: no-repeat;
		background-position: 98% 50%;
		background-size: 16px;
	}
	.u-sp-header .scrollWrap .menu ul li .links li a.linkIcon {
		display: inline-block;
		width: 100%;
		padding: 10px 0;
	}
	.u-sp-header .scrollWrap .menu ul li .links li a.icon_pc {
		background-image: url("../wr_img/common/menu_icon_pc.png");
	}
	.u-sp-header .scrollWrap .menu ul li .links li a.icon_blank {
		background-image: url("../wr_img/common/menu_icon_window.png");
	}
	.u-sp-header .scrollWrap .menu ul li .links li:not(:last-child) a {
		border-bottom: 1px solid #ddd;
	}
}
/*フッター*/
.u-sp-footer {
	background-color: #0f1350;
	color: #fff;
	padding: 60px 0 20px;
}
.u-sp-footer .inner {
	width: 1080px;
	margin: 0 auto 120px;
	overflow: hidden;
}
.u-sp-footer .inner2 {
	width: 1080px;
	margin: 0 auto 30px;
	overflow: hidden;
}
.u-sp-footerli {
	list-style-type: none;
	margin-bottom: 13px;
}
.u-sp-footer h3 {
	font-size: 14px;
	font-weight: normal;
	padding: 2px 0 11px 25px;
	border-bottom: 1px solid #fff;
	margin-bottom: 20px;
	background-repeat: no-repeat;
	background-position: 0 0;
}
.u-sp-footer li a {
	color: #fff;
	font-size: 12px;
}
.u-sp-footer li a:hover {
	text-decoration: underline;
}
.u-sp-footer .aboutUs {
	width: 520px;
	float: left;
	margin-right: 40px;
	overflow: hidden;
}
.u-sp-footer .aboutUs h3 {
	background-image: url("../wr_img/common/icon_aboutUs.png");
}
.u-sp-footer .aboutUs ul {
	float: left;
	width: 50%;
}
.u-sp-footer .aboutUs li {
	padding-bottom: 15px;
}
.u-sp-footer .footerInfo {
	width: 240px;
	float: left;
}
.u-sp-footer .footerInfo h3 {
	background-image: url("../wr_img/common/icon_footerInfo.png");
}
.u-sp-footer .footerBnrs {
	width: 240px;
	float: right;
}
.u-sp-footer .footerBnrs a {
	margin-bottom: 2px;
	display: block;
}
.u-sp-footer .footerBnrs img {
	display: block;
	width: 100%;
}
.u-sp-footer .footerBnrs img:hover {
	opacity: .9;
}
.u-sp-footer .footerBnrs .ft_privacymark {
	text-align: right;
	margin-top: 20px;
}
.u-sp-footer .footerBnrs .ft_privacymark img {
	width: 100px;
	background-color: #FFF;
	display: inline;
}
.u-sp-footer small.copyright {
	text-align: center;
	display: block;
	font-size: 10px;
}
.u-sp-footer.footer_member .inner {
	margin: 0 auto 60px;
}
.u-sp-footer.footer_member .inner .footerInfo ul {
	margin-bottom: 30px;
}
.u-sp-footer.footer_member .inner .footerInfo .snsIcons {
	display: flex;
	width: 134px;
	justify-content: space-between;
}
.u-sp-footer.footer_member .inner .footerInfo .snsIcons a:hover img {
	opacity: .7;
}
.u-sp-footer.footer_member .footerBnrs {
	width: 740px;
	float: none;
	margin: 0 auto 60px;
	overflow: hidden;
}
.u-sp-footer.footer_member .footerBnrs a {
	width: 240px;
	float: left;
}
.u-sp-footer.footer_member .footerBnrs a:not(:last-child) {
	margin-right: 10px;
}
.u-sp-footer.footer_member .hasCard {
	width: 240px;
	float: left;
	margin-right: 40px;
	letter-spacing: -1px;
}
.u-sp-footer.footer_member .hasCard h3 {
	background-image: url("../wr_img/common/icon_footer_hasCard.png");
	padding: 2px 0 11px 30px;
}

@media screen and (max-width: 767px) {
.u-sp-footer {
	padding: 30px 0 13px;
}
.u-sp-footer .inner, .u-sp-footer .inner2 {
	width: 90%;
	margin: 0 auto 75px;
}
.u-sp-footer .aboutUs {
	width: 100%;
	float: none;
	margin-bottom: 30px;
}
.u-sp-footer .aboutUs ul {
	float: none;
	width: 100%;
}
.u-sp-footer .footerInfo {
	width: 100%;
	float: none;
	margin-bottom: 30px;
}
.u-sp-footer .footerBnrs {
	width: 100%;
	float: none;
}
.u-sp-footer .footerBnrs a {
	margin-bottom: 10px;
}
.u-sp-footer .footerBnrs img {
	width: 100%;
}
.u-sp-footer.footer_member .inner {
	margin: 0 auto 30px;
}
.u-sp-footer.footer_member .footerInfo {
	margin-bottom: 0;
}
.u-sp-footer.footer_member .footerBnrs {
	width: 90%;
	float: none;
	margin: 0 auto 75px;
	overflow: hidden;
}
.u-sp-footer.footer_member .footerBnrs a {
	width: 100%;
	float: none;
}
.u-sp-footer.footer_member .hasCard {
	width: 100%;
	float: none;
	margin-bottom: 30px;
}
.u-sp-footer ul li a {
	position: relative;
}
.u-sp-footer ul li a.pcSite::after {
	content: "";
	position: absolute;
	display: block;
	/*background: url('/cs/corporate/wr_img/common/icon_pcSite_white.png') no-repeat 50% 50%;
	background-size: 13px;*/
	width: 13px;
	height: 10px;
	top: 2px;
	right: -20px;
}
}