@charset "utf-8";

/* layout
-------------------------------------------------- */
body,
.lHeader {
	background: #fff;
	color: #000;
}
.lHeader a:not(.nav__languageList a) {
	color: #000;
}
.lHeader__navList--global > a::before {
	border-color: #000;
}
[data-page="mobile__top"] .lFooter {
	margin-top: 0;
}
.lFooter__nav {
	background: #f4f4f4;
}
.lFooter__navList a {
	color: #000;
}
.lFooter__navList li + li::before {
	border-color: #000;
}
.lFooter__copylight {
	color: #c00;
}
.lHeader__spBtn {
	color: #000;
}
.lHeader__spBtn span,
.lHeader__spBtn::before,
.lHeader__spBtn::after {
	background: #000;
}
#cookieBanner {
	background: rgba(255, 255, 255, .7);
}
.cookieBanner__btnAccept {
	border: none;
	background: #959595;
	color: #fff;
}
.cookieBanner__btnReject {
	border: 1px solid #000;
	background: #fff;
}

@media (max-width: 767px) {
	.lHeader__nav {
		background: url(/color/assets/img/common/bg-nav-mobile-sp.png) no-repeat center center;
		background-size: cover;
	}
	.lHeader__spBtn--close {
		color: #000;
	}
	.lHeader__spBtn--close span::before,
	.lHeader__spBtn--close span::after {
		background: #c00;
	}
	.lHeader__navList--global a {
		color: #000;
	}
	.lHeader__navList--global a.current {
		color: #cc0000;
	}
}

/* component
-------------------------------------------------- */
[class$="Blk"] {
	padding-top: 120px;
}
.cTitle__kv {
	padding: 0;
	font-weight: 900;
	text-align: center;
}
.cTitle__large {
	text-align: left;
}
[data-page="download"] .cTitle__large {
	text-align: center;
}
.cTitle__xsmall {
	color: #c00;
	text-align: left;
}
.cTitle__kv._action .cTitle__kvLine::before,
.cTitle__line._action .cTitle__large > span::before {
	width: 0;
}
.cRadiusBox {
	border: 1px solid #000;
	background: #fff;
}
[class*="cBtn__type1"] {
	background: #c00;
}
.cBtn__type1--gray {
	background: #484848;
}
.cBtn__type1--large {
	margin-left: auto;
	margin-right: auto;
}
.cIcon__arrow::before {
	background: url(/color/assets/img/common/icon-arrow-bk.png) no-repeat;
	background-size: 100%;
}
.cModal {
	background: rgba(255, 255, 255, .7);
}
.cModal__content,
#downloadModal .cModal__inner {
	background: #fff;
}


/* utility
-------------------------------------------------- */
.uSecBg__mobile1 {
	background: url(/color/assets/img/index/bg-mobile1.png) no-repeat center center;
	background-size: cover;
}
.uLink__line {
	color:#000 !important;
}


/* index
-------------------------------------------------- */
.kvBlk {
	padding: 100px 0 0;
}
.kvBlk img {
	width: 100%;
}
.downloadBlk {
	padding-top: 120px;
	padding-bottom: 100px;
}
.lineupBlk {
	margin-top: 100px;
	padding-top: 80px;
	padding-bottom: 80px;
}
.downloadBlk__list li {
	border: 1px solid #000;
	background: #fff;
}
.downloadBlk__list .cTitle__small {
	color: #000;
}
.importBlk {
	margin-top: 0;
	padding-bottom: 0;
}
.lineupBlk__list li {
	border: 1px solid #000;
	background: #fff;
}
.lineupBlk__list .cTitle__small {
	border-color: #000;
}

@media (max-width: 767px) {
	[class$="Blk"]:not(.kvBlk) {
		padding: 8vw 5.3333vw 10.6666vw;
	}
	.kvBlk {
		padding-top: 13.5vw;
	}
	.downloadBlk,
	.lineupBlk {
		padding: 8vw 5.3333vw 10.6666vw;
	}
	.lineupBlk {
		margin-top: 0;
	}
}


/* download
-------------------------------------------------- */
[data-page="download"] .kvBlk {
	padding: 280px 0 180px;
	background: url(/color/assets/img/common/bg-dl-mobile.png) no-repeat center 100px;
	background-size: cover;
}
.categoryNav {
	margin-top: 150px;
}
.categoryNavList a {
	border: 1px solid #959595;
	background: rgba(149, 149, 149, .1);
	color: #000;
}
.categoryBlk__list li {
	border: 1px solid #000;
	background: #fff;
}
.categoryNavList li.current a {
	background: rgb(204, 0, 0, .1);
}
.detailBlk__categoryList li {
	border: 1px solid #959595;
	background: rgba(149, 149, 149, .1);
	color: #000;
}
.detailBlk__figcaptionL,
.detailBlk__figcaptionR {
	color: #fff;
}

@media (hover: hover) {
	.categoryNavList a:hover {
		background: rgb(204, 0, 0, .1);
	}
}

@media (max-width: 767px) {
	.categoryBlk {
		padding-bottom: 0 !important;
	}
	[data-page="download"] .kvBlk {
		padding: 37.3333vw 0 24vw;
		background: url(/color/assets/img/common/bg-dl-mobile-sp.png) no-repeat center 10.6666vw;
		background-size: cover;
	}
	.categoryNav {
		margin-top: 13.3333vw;
	}
}