@charset "utf-8";

.classname {
}

@media screen and (max-width: 768px) {

	.classname {}

}

@media screen and (min-width: 769px) {

	.classname {
	}

}

.sectionFullColumn:last-child:nth-of-type(odd) .sectionFullColumn__wrapper {
	padding-bottom: 0;
}

.systemupGrade {
	display: flex;
	font-size: 14px;
}

.systemupGrade img {
	height: 28px;
	margin-right: 10px;
	width: 100px;
}

.systemupGrade span {
	padding-top: 3px;
}

@media screen and (max-width: 768px) {

	.systemupGrade {
		margin-top: 40px;
	}

}

@media screen and (min-width: 769px) {

	.systemupGrade {
		margin-top: 50px;
	}

}

.systemupInstallation {
}

.systemupInstallation .listEachItem {
	text-align: center;
}

@media screen and (max-width: 768px) {

	.systemupInstallation .listIndexLineup__item + .listIndexLineup__item {
		margin-top: 30px;
	}

}

@media screen and (min-width: 769px) {

	.systemupInstallation {
		margin-top: 50px;
	}

	.systemupInstallation .listEachItem[data-item-col-pc="1"] img {
		width: 800px;
	}

	.systemupInstallation .listEachItem[data-item-col-pc="2"] img {
		width: 320px;
	}

}

.systemupLineup {}

.systemupLineup + .systemupLineup {
	border-top: 1px solid #ccc;
}

.systemupLineup figure {
	border: 1px solid #ccc;
	margin-bottom: 10px;
}

.systemupLineup figure img {
	height: auto;
	width: 100%;
}

.systemupLineup figure.figureDimension {
	border: none;
}

.systemupLineup .heading sup {
	font-size: x-small;
}

.systemupLineup .door {
	font-size: 14px;
	margin-bottom: 10px;
}

.systemupLineup .depth {
	font-size: 14px;
}

.systemupLineup .product {}

.systemupLineup .product b {}

.systemupLineup .product span {}

.systemupLineup .price {
	font-size: 14px;
}

.systemupLineup .price span {}

.systemupLineup .tableCabinet th {
	border-left: none;
	white-space: nowrap;
}

.systemupLineup .tableCabinet td {
	border-right: none;
	text-align: center;
}

.systemupLineup .listCabinet {}

.systemupLineup .listCabinet li {
	background-color: #767676;
	color: #fff;
	text-align: center;
}

@media screen and (max-width: 768px) {

	.systemupLineup {}

	.systemupLineup + .systemupLineup {
		margin-top: 15px;
		padding-top: 15px;
	}

	.systemupLineup .heading {
		font-size: 15px;
		margin-bottom: 10px;
	}

	.systemupLineup .heading ~ .heading {
		margin-top: 20px;
	}

	.systemupLineup .depth {
		font-size: 14px;
	}

	.systemupLineup .product {
		font-size: 15px;
	}

	.systemupLineup .product b {
		font-size: 16px;
	}

	.systemupLineup .product span {
		font-size: 14px;
	}

	.systemupLineup .price span {
		font-size: 16px;
	}

	.systemupLineup .tableCabinet {
		font-size: 12px;
	}

	.systemupLineup .listCabinet li {
		font-size: 12px;
	}

	.systemupLineup .listCabinet li + li {
		margin-top: 10px;
	}

}

@media screen and (min-width: 769px) {

	.systemupLineup {
	}

	.systemupLineup + .systemupLineup {
		margin-top: 20px;
		padding-top: 20px;
	}

	.systemupLineup .heading {
		font-size: 18px;
		margin-bottom: 15px;
	}

	.systemupLineup .heading ~ .heading {
		margin-top: 30px;
	}

	.systemupLineup .depth {
		font-size: 18px;
	}

	.systemupLineup .product {
		font-size: 18px;
	}

	.systemupLineup .price span {
		font-size: 18px;
	}

	.systemupLineup .tableCabinet {
		font-size: 10px;
	}

	.systemupLineup .listCabinet {
		display: flex;
		flex-wrap: wrap;
	}

	.systemupLineup .listCabinet li {
		font-size: 9px;
		margin-left: 5px;
		width: calc( calc( 100% - 5px ) / 2 );
	}

	.systemupLineup .listCabinet li:nth-child(odd) {
		margin-left: 0;
	}

	.systemupLineup .listCabinet li:nth-child( n + 3 ) {
		margin-top: 5px;
	}

}

.systemupOption {
	border: 1px solid #999;
}

.systemupOption__heading {
	margin-bottom: 10px;
}

.systemupOption p + p {
}

.systemupOption p b {
	font-size: x-large;
	font-weight: normal;
}

.systemupOption__text > *:first-child {
	margin-top: 0;
}

@media screen and (max-width: 768px) {

	.systemupOption {
		font-size: 14px;
		margin-top: 30px;
		padding: 15px 20px;
	}

	.systemupOption__heading {
		font-size: 16px;
	}

	.systemupOption p + p {
		margin-top: 10px;
	}

	.systemupOption__figure {
		margin-top: 30px;
	}

	.systemupOption .listIndexLineup {
		margin-top: 20px;
	}

	.systemupOption .listIndexLineup[data-item-col-sp="1"] .listIndexLineup__item + .listIndexLineup__item {
		margin-top: 30px;
	}

}

@media screen and (min-width: 769px) {

	.systemupOption {
		margin-top: 50px;
		padding: 20px 30px;
	}

	.systemupOption__heading {
		font-size: 18px;
	}

	.systemupOption__container {
		display: flex;
	}

	.systemupOption__figure {
		margin-left: 20px;
	}

	.systemupOption .listIndexLineup {
		margin-top: 20px;
	}

	.systemupOption .listIndexLineup[data-item-col-pc="2"] .listIndexLineup__item {
		margin-left: 30px;
		width: calc( calc( 100% - 30px ) / 2 );
	}

	.systemupOption .listIndexLineup[data-item-col-pc="2"] .listIndexLineup__item:nth-child(odd) {
		margin-left: 0;
	}


	.systemupOption .listIndexLineup[data-item-col-pc="2"] .listIndexLineup__item:nth-child(n + 3) {
		margin-top: 30px;
	}

	.systemupOption[data-type="bg"] .systemupLineup .product {
		display: inline-block;
	}

	.systemupOption[data-type="bg"] .systemupLineup .price {
		display: inline-block;
	}

	.systemupOption[data-type="cb850"] .listIndexLineup[data-item-col-pc="2"] .listIndexLineup__item:nth-child(1) {
		margin-left: 0;
		order: 1;
	}

	.systemupOption[data-type="cb850"] .listIndexLineup[data-item-col-pc="2"] .listIndexLineup__item:nth-child(2) {
		margin-left: 0;
		margin-top: 30px;
		order: 3;
	}

	.systemupOption[data-type="cb850"] .listIndexLineup[data-item-col-pc="2"] .listIndexLineup__item:nth-child(3) {
		margin-left: 30px;
		margin-top: 0;
		order: 2;
	}

	.systemupOption[data-type="cb850"] .listIndexLineup[data-item-col-pc="2"] .listIndexLineup__item:nth-child(4) {
		margin-top: 30px;
		order: 4;
	}

}

/*-------------------------------------------------------------------

	.navSystemup

-------------------------------------------------------------------*/

.navSystemup ul {
	display: flex;
	flex-wrap: wrap;
}

.navSystemup a {
	align-items: center;
	border: 1px solid #000;
	box-sizing: border-box;
	color: #000;
	display: flex;
	font-size: 14px;
	height: 100%;
	padding: 12px 15px 12px 35px;
	position: relative;
}

.navSystemup a::before {
	border-color: transparent transparent transparent #000;
	border-style: solid;
	border-width: 5px 8px;
	content: "";
	display: block;
	left: 15px;
	margin-top: -4px;
	position: absolute;
	top: 50%;
}

.navSystemup[data-button-type="anchor"] a::before {
	border-color: #000 transparent transparent transparent;
	border-width: 8px 5px;
	margin-top: -4px;
}

@media screen and (max-width:768px) {

	#siteContent__aside .navSystemup {
		padding: 0 15px;
	}

	.navSystemup {
		margin-top: 40px;
	}

	.navSystemup ul {
		flex-wrap: wrap;
	}

	.navSystemup li {
		width: calc( calc( 100% - 20px ) / 2 );
	}

	.navSystemup li:nth-child( even ) {
		margin-left: 20px;
	}

	.navSystemup li:nth-child( n + 3 ) {
		margin-top: 20px;
	}

	.navSystemup a {
		font-size: 12px;
	}

	.navSystemup[data-item-col-sp="1"] {
		flex-direction: column;
	}

	.navSystemup[data-item-col-sp="1"] li {
		margin: 0;
		width: 100%;
	}

	.navSystemup[data-item-col-sp="1"] li + li {
		margin-top: 20px;
	}

	.navSystemup[data-item-col-sp="2"] li {
		width: calc( calc( 100% - 20px ) / 2 );
	}

	.navSystemup[data-item-col-sp="2"] li:nth-child( 2n + 1 ) {
		margin-left: 0;
	}

	.navSystemup[data-item-col-sp="2"] li:nth-child( n + 3 ) {
		margin-top: 30px;
	}

}

@media screen and (min-width:769px) {

	#siteContent__aside .navSystemup {
		margin: 0 auto;
		padding: 70px 0;
		width: 1000px;
	}

	.navSystemup li {
		margin-left: 50px;
	}

	.navSystemup[data-item-col-pc="1"] li {
		margin-left: 0;
	}

	.navSystemup[data-item-col-pc="3"] li {
		width: calc( calc( 100% - 50px * 2 ) / 3 );
	}

	.navSystemup[data-item-col-pc="3"] li:nth-child( 3n + 1 ) {
		margin-left: 0;
	}

	.navSystemup[data-item-col-pc="3"] li:nth-child( n + 4 ) {
		margin-top: 30px;
	}

	.navSystemup[data-item-justify="center"] ul {
		justify-content: center;
	}

}