@charset "UTF-8";
/* font family */
/* fon weight */
/*----------
	Suica　カテゴリ共通
----------*/
.l-suica-header .l-header__logo {
	width: 104px;
}
@media (min-width: 1024px) {
	.l-suica-header .l-header__logo {
		width: 190px;
	}
	.l-suica-header .l-nav__lv1 {
		width: 100%;
		padding-left: 280px;
	}
	.l-suica-header .l-nav-wrapper__footer {
		display: block;
		width: 63px;
		position: absolute;
		top: 50%;
		right: 32px;
		translate: 0 -50%;
	}
	.l-suica-header .l-nav-wrapper__footer__close {
		display: none;
	}
}

.l-mobilesuica-header .l-header__logo {
	width: 200px;
	height: 45px;
}
.l-mobilesuica-header .l-header__logo > a {
	height: 100%;
	position: relative;
	background: url("/assets/img/suica/logo-mobilesuica_penguin.png") no-repeat center left/auto 100%;
}
.l-mobilesuica-header .l-header__logo > a > img {
	width: 162px;
	position: absolute;
	top: 8px;
	right: 0;
}
@media (min-width: 1024px) {
	.l-mobilesuica-header .l-header__logo {
		width: 280px;
		height: 63px;
	}
	.l-mobilesuica-header .l-header__logo > a > img {
		width: 227px;
		top: 12px;
	}
	.l-mobilesuica-header .l-nav__lv1 {
		width: 100%;
		padding-left: 365px;
	}
	.l-mobilesuica-header .l-nav-wrapper__footer {
		display: block;
		width: 63px;
		position: absolute;
		top: 50%;
		right: 32px;
		translate: 0 -50%;
	}
	.l-mobilesuica-header .l-nav-wrapper__footer__close {
		display: none;
	}
}

.l-appsuica-header .l-header__logo {
	width: 200px;
}
@media (min-width: 1024px) {
	.l-appsuica-header .l-header__logo {
		width: 280px;
	}
	.l-appsuica-header .l-nav__lv1 {
		width: 100%;
		padding-left: 360px;
	}
	.l-appsuica-header .l-nav-wrapper__footer {
		display: block;
		width: 63px;
		position: absolute;
		top: 50%;
		right: 32px;
		translate: 0 -50%;
	}
	.l-appsuica-header .l-nav-wrapper__footer__close {
		display: none;
	}
}

.suica-titlelogo {
	display: inline-block;
	width: 5.666em;
	height: auto;
	margin: 0 0.4em;
	vertical-align: middle;
	translate: 0 -0.2em;
}

.mobilesuica-titlelogo {
	display: inline-block;
	width: 10em;
	height: auto;
	margin: 0 0.4em;
	vertical-align: middle;
	translate: 0 -0.2em;
}

.l-suica-localnav,
.l-mobilesuica-localnav,
.l-appsuica-localnav {
	margin-top: 100px;
	padding: 40px 0;
	background-color: var(--color-bg-sub);
}
@media (min-width: 750px) {
	.l-suica-localnav,
	.l-mobilesuica-localnav,
	.l-appsuica-localnav {
		margin-top: 120px;
		padding: 50px 0;
	}
}
/*# sourceMappingURL=suica-common.css.map */