body { font-size:16px; }

.pc-fs10 { font-size:10px; }
.pc-fs11 { font-size:11px; }
.pc-fs12 { font-size:12px; }
.pc-fs13 { font-size:13px; }
.pc-fs14 { font-size:14px; }
.pc-fs15 { font-size:15px; }
.pc-fs16 { font-size:16px; }
.pc-fs17 { font-size:17px; }
.pc-fs18 { font-size:18px; }
.pc-fs19 { font-size:19px; }
.pc-fs20 { font-size:20px; }
.pc-fs21 { font-size:21px; }
.pc-fs22 { font-size:22px; }
.pc-fs23 { font-size:23px; }
.pc-fs24 { font-size:24px; }
.pc-fs25 { font-size:25px; }
.pc-fs26 { font-size:26px; }
.pc-fs27 { font-size:27px; }
.pc-fs28 { font-size:28px; }
.pc-fs29 { font-size:29px; }
.pc-fs30 { font-size:30px; }
.pc-fs31 { font-size:31px; }
.pc-fs32 { font-size:32px; }
.pc-fs33 { font-size:33px; }
.pc-fs34 { font-size:34px; }
.pc-fs35 { font-size:35px; }
.pc-fs36 { font-size:36px; }
.pc-fs37 { font-size:37px; }
.pc-fs38 { font-size:38px; }
.pc-fs39 { font-size:39px; }
.pc-fs40 { font-size:40px; }
.pc-fs41 { font-size:41px; }
.pc-fs42 { font-size:42px; }
.pc-fs43 { font-size:43px; }
.pc-fs44 { font-size:44px; }
.pc-fs45 { font-size:45px; }
.pc-fs46 { font-size:46px; }
.pc-fs47 { font-size:47px; }
.pc-fs48 { font-size:48px; }
.pc-fs49 { font-size:49px; }
.pc-fs50 { font-size:50px; }

.pc-mb10 { margin-bottom:10px; }
.pc-mb15 { margin-bottom:15px; }
.pc-mb20 { margin-bottom:20px; }
.pc-mb25 { margin-bottom:25px; }
.pc-mb30 { margin-bottom:30px; }
.pc-mb35 { margin-bottom:35px; }
.pc-mb40 { margin-bottom:40px; }
.pc-mb45 { margin-bottom:45px; }
.pc-mb50 { margin-bottom:50px; }
.pc-mb55 { margin-bottom:55px; }
.pc-mb60 { margin-bottom:60px; }
.pc-mb65 { margin-bottom:65px; }
.pc-mb70 { margin-bottom:70px; }
.pc-mb75 { margin-bottom:75px; }
.pc-mb80 { margin-bottom:80px; }
.pc-mb85 { margin-bottom:85px; }
.pc-mb90 { margin-bottom:90px; }
.pc-mb95 { margin-bottom:95px; }
.pc-mb100 { margin-bottom:100px; }

.pc-mt10 { margin-top:10px; }
.pc-mt15 { margin-top:15px; }
.pc-mt20 { margin-top:20px; }
.pc-mt25 { margin-top:25px; }
.pc-mt30 { margin-top:30px; }
.pc-mt35 { margin-top:35px; }
.pc-mt40 { margin-top:40px; }
.pc-mt45 { margin-top:45px; }
.pc-mt50 { margin-top:50px; }
.pc-mt55 { margin-top:55px; }
.pc-mt65 { margin-top:65px; }
.pc-mt70 { margin-top:70px; }
.pc-mt75 { margin-top:75px; }
.pc-mt80 { margin-top:80px; }
.pc-mt85 { margin-top:85px; }
.pc-mt90 { margin-top:90px; }
.pc-mt95 { margin-top:95px; }
.pc-mt100 { margin-top:100px; }
.pc-mt200 { margin-top:200px; }
.pc-mt300 { margin-top:300px; }

.pc-ml10 { margin-left:10px; }
.pc-ml15 { margin-left:15px; }
.pc-ml20 { margin-left:20px; }
.pc-ml25 { margin-left:25px; }
.pc-ml30 { margin-left:30px; }
.pc-ml35 { margin-left:35px; }
.pc-ml40 { margin-left:40px; }
.pc-ml45 { margin-left:45px; }
.pc-ml50 { margin-left:50px; }
.pc-ml55 { margin-left:55px; }

.pc-mr10 { margin-right:10px; }
.pc-mr15 { margin-right:15px; }
.pc-mr20 { margin-right:20px; }
.pc-mr25 { margin-right:25px; }
.pc-mr30 { margin-right:30px; }
.pc-mr35 { margin-right:35px; }
.pc-mr40 { margin-right:40px; }
.pc-mr45 { margin-right:45px; }
.pc-mr50 { margin-right:50px; }
.pc-mr55 { margin-right:55px; }

.pc-pd10 { padding:10px; }
.pc-pd15 { padding:15px; }
.pc-pd20 { padding:20px; }
.pc-pd25 { padding:25px; }
.pc-pd30 { padding:30px; }
.pc-pd35 { padding:35px; }
.pc-pd40 { padding:40px; }
.pc-pd45 { padding:45px; }
.pc-pd50 { padding:50px; }
.pc-pd55 { padding:55px; }

.pc-pdb10 { padding-bottom:10px; }
.pc-pdb15 { padding-bottom:15px; }
.pc-pdb20 { padding-bottom:20px; }
.pc-pdb25 { padding-bottom:25px; }
.pc-pdb30 { padding-bottom:30px; }
.pc-pdb35 { padding-bottom:35px; }
.pc-pdb40 { padding-bottom:40px; }
.pc-pdb45 { padding-bottom:45px; }
.pc-pdb50 { padding-bottom:50px; }
.pc-pdb55 { padding-bottom:55px; }
.pc-pdb60 { padding-bottom:60px; }
.pc-pdb65 { padding-bottom:65px; }
.pc-pdb70 { padding-bottom:70px; }
.pc-pdb75 { padding-bottom:75px; }
.pc-pdb80 { padding-bottom:80px; }
.pc-pdb85 { padding-bottom:85px; }
.pc-pdb90 { padding-bottom:90px; }
.pc-pdb95 { padding-bottom:95px; }
.pc-pdb100 { padding-bottom:100px; }

.pc-pdt10 { padding-top:10px; }
.pc-pdt15 { padding-top:15px; }
.pc-pdt20 { padding-top:20px; }
.pc-pdt25 { padding-top:25px; }
.pc-pdt30 { padding-top:30px; }
.pc-pdt35 { padding-top:35px; }
.pc-pdt40 { padding-top:40px; }
.pc-pdt45 { padding-top:45px; }
.pc-pdt50 { padding-top:50px; }
.pc-pdt55 { padding-top:55px; }
.pc-pdt60 { padding-top:60px; }
.pc-pdt65 { padding-top:65px; }
.pc-pdt70 { padding-top:70px; }
.pc-pdt75 { padding-top:75px; }
.pc-pdt80 { padding-top:80px; }
.pc-pdt85 { padding-top:85px; }
.pc-pdt90 { padding-top:90px; }
.pc-pdt95 { padding-top:95px; }
.pc-pdt100 { padding-top:100px; }

.pc-pdl10 { padding-left:10px; }
.pc-pdl15 { padding-left:15px; }
.pc-pdl20 { padding-left:20px; }
.pc-pdl25 { padding-left:25px; }
.pc-pdl30 { padding-left:30px; }
.pc-pdl35 { padding-left:35px; }
.pc-pdl40 { padding-left:40px; }
.pc-pdl45 { padding-left:45px; }
.pc-pdl50 { padding-left:50px; }
.pc-pdl55 { padding-left:55px; }
.pc-pdl60 { padding-left:60px; }


.pc-pdr10 { padding-right:10px; }
.pc-pdr15 { padding-right:15px; }
.pc-pdr20 { padding-right:20px; }
.pc-pdr25 { padding-right:25px; }
.pc-pdr30 { padding-right:30px; }
.pc-pdr35 { padding-right:35px; }
.pc-pdr40 { padding-right:40px; }
.pc-pdr45 { padding-right:45px; }
.pc-pdr50 { padding-right:50px; }
.pc-pdr55 { padding-right:55px; }

.grid.gpd-pc-40 > .grid-wrapper { margin-left:-40px; width:calc(100% + 40px); }
.grid.gpd-pc-40 > .grid-wrapper > * { box-sizing:border-box; padding-left:40px; }

.grid > .grid-wrapper > *.pc-10 { width:10%; }
.grid > .grid-wrapper > *.pc-16 { width:16.66%; }
.grid > .grid-wrapper > *.pc-20 { width:20%; }
.grid > .grid-wrapper > *.pc-25 { width:25%; }
.grid > .grid-wrapper > *.pc-30 { width:30%; }
.grid > .grid-wrapper > *.pc-33 { width:33.33%; }
.grid > .grid-wrapper > *.pc-40 { width:40%; }
.grid > .grid-wrapper > *.pc-50 { width:50%; }
.grid > .grid-wrapper > *.pc-60 { width:60%; }
.grid > .grid-wrapper > *.pc-66 { width:66.66%; }
.grid > .grid-wrapper > *.pc-70 { width:70%; }
.grid > .grid-wrapper > *.pc-80 { width:80%; }
.grid > .grid-wrapper > *.pc-90 { width:90%; }
.grid > .grid-wrapper > *.pc-100 { width:100%; }

.pc-f-left { float:left; }
.pc-f-right { float:right; }
.pic { vertical-align:bottom; }
.pc-txt-right { text-align:right; }
.pc-hide { display:none; }
.button { width:280px; height:40px; }


.divider hr {
	width:110px;
}



a[class*="with-"] .pic,
a[class*="with-"] img { transition:all .3s ease; }

a.with-more {
	overflow:hidden;
}
a.with-more > img {
	opacity:1;
}
a.with-more:hover > img {
	transform:scale(1.1);
	opacity:.5;
}

a img.with-hover {
	opacity:1;
}

a.with-translate {
	background-color:#000;
}
a.with-translate:hover .pic,
a.with-translate:hover img {
	opacity:.5;
}
a.with-scale { display:block; overflow:hidden; }
a.with-scale span.scale-wrap { display:inline-block; overflow:hidden; }
a.with-scale:hover .pic,
a.with-scale:hover img {
	transform:scale(1.1)
}

.button[class*="fill-"] > *,
a .button[class*="fill-"] > * { transition:all .3s ease; }


a:hover .button.fill-white > *,
.button.fill-white > *:hover {
	background-color:#8c7957;
	color:#fff;
}

a:hover .button.fill-gold > *,
.button.fill-gold > *:hover {
	background-color:#5d513c;
}

a:hover .button.fill-gray > *,
.button.fill-gray > *:hover {
	/*opacity:.5;*/
	background-color:#4d4d4d;
}

header {
	min-width: 1280px;
	width: 100%;
	height: 72px;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 20;
	background-color: #fff;
}

header .inner {
	box-sizing:border-box;
	/*width:1366px;*/
	margin:0 auto;
}

main section > .inner,
.subhead > .inner,
main aside > .inner,
nav.footer-nav > .inner,
footer > .inner {
	box-sizing:border-box;
	width:1366px;
	padding-left:50px;
	padding-right:50px;
	margin:0 auto;
}

header nav {
	display:block;
	box-sizing:border-box;
	height:72px;
	padding:20px 0;
	position:relative;
	z-index:10;
}

header nav .seven-logo {
	display:inline-block;
	float:left;
	margin-right:76px;
	width: 342px;
	height: 32px;
}
header nav .seven-logo a {
	overflow:hidden;
	display:inline-block;
	/* width:335px;
	height:223px;
	background-image:url(/7-series/images/common/7-logo.png); */
	width:342px;
	height:128px;
	background-image:url(/7-series/images/common/7-logo_tb.png);
	text-indent:-9999px;
}
header nav .seven-logo img {
	position:absolute;
}

@media (max-width: 1365px) {
	header nav .seven-logo {
		margin-left: -30px;
		margin-right:60px;
		width: 342px;
		height: 32px;
	}
	header nav .seven-logo a {
		overflow:hidden;
		display:inline-block;
		width:342px;
		height:128px;
		background-image:url(/7-series/images/common/7-logo_tb.png);
	}
}

header nav ul.page-router {
	display:table;
	height:32px;
	float:left;
}
header nav ul.page-router li {
	display:table-cell;
	vertical-align:middle;
}
header nav ul.page-router li a {
	display:inline-block;
	box-sizing:border-box;
	width:100%;
	height:100%;
	padding-right:30px;
}
header nav ul.page-router li a span {
	font-family: 'BMW Groval Type Pro Light', 'A+mfCv-AXIS Font ベーシック L ProN';
	position:relative;
}
header nav ul.page-router li a span:after {
	bottom:-7px;
	opacity:0;
	transition:all .3s ease;
}
header nav ul.page-router li:first-child a span:after {
	bottom: -15px;
}
header nav ul.page-router li a:hover span:after {
	opacity:1;
}
body.page-lineup header nav ul.page-router li.lineup span:after,
body.page-pursuit-of-perfection header nav ul.page-router li.pursuit-of-perfection span:after,
body.page-the-leader-of-cultural-creativity header nav ul.page-router li.the-leader-of-cultural-creativity span:after  {
	opacity:1;
}
/* header nav ul.page-router li a br {
	display: none;
} */

@media (max-width: 1365px) {
	header nav ul.page-router {
	}
	header nav ul.page-router li a br {
		display: inline;
	}
}

header nav ul.social {
	position:absolute;
	right:133px;
	height:100%;
	padding-right: 30px;
}
header nav ul.social li {
	display:inline-block;
	vertical-align:middle;
	padding-left: 30px;
}
header nav ul.social li:first-child {
	padding-left: 0;
}
header nav ul.social li span {
	display:inline-block;
	width:20px;
	height:20px;
	vertical-align:middle;
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center;
}
header nav ul.social li a {
	display:inline-block;
	width:100%;
	height:100%;
}
header nav ul.social li.tw span {
	background-image:url(../images/common/footer_icon_twitter.svg);
}
header nav ul.social li.fb span {
	background-image:url(../images/common/footer_icon_facebook.svg);
}
header nav ul.social li.ig span {
	background-image:url(../images/common/footer_icon_instagram.svg);
}
header nav ul.social li.yt span {
	background-image:url(../images/common/footer_icon_youtube.svg);
}
header nav span.bmw-logo {
	display:inline-block;
	width:99px;
	height:32px;
	float:right;
	margin-top: -40px;
	margin-right:33px;
}
header nav span.bmw-logo a {
	display:inline-block;
	width:99px;
	height:110px;
	background-image:url(/7-series/images/common/header_logo.png);
	text-indent:-999px;
	overflow:hidden;
}

@media (max-width: 1365px) {
	header nav ul.social li {
		padding-left: 15px;
	}
	header nav ul.social li:first-child {
		padding-left: 0;
	}
}

p.subhead {
	border-top: 1px solid #e5e6e7;
	margin-top:72px;
}
p.subhead span.inner {
	display:block;
	width: auto;
	padding-left:147px;
	padding-top: 10px;
	padding-bottom: 10px;
}
@media (max-width: 1365px) {
	p.subhead span.inner {
		padding-left: 115px;
	}
}

aside.banner .content { background-color:#000; color:#fff; }
aside.banner .badge { display:inline-block; padding:2px 10px; border:1px solid #fff; font-weight:bold; }


.footer-nav .button { width:100%; }

footer {
	background-color:#262626;
	height:100px;
}
footer .inner { height:100%; position:relative; }
footer .inner > ul { display:table; height:100%; }
footer .inner > ul li { display:table-cell; color:#fff; vertical-align:middle; }
footer .inner > ul li a:hover { text-decoration:underline; }

footer .pagetop {
	display:inline-block;
	width:100px;
	height:60px;
	background-color:#262626;
	background-image:url(/7-series/images/common/pagetop_arrow.png);
	background-position:center 20px;
	background-repeat:no-repeat;
	position:absolute;
	right:50px;
	top:-40px;
}
footer .pagetop a {
	display:inline-block;
	width:100%;
	height:100%;
}