@charset "UTF-8";
/* CSS Document */
/* Daito Marketing 2017 */

.section-box {
	padding: 10px 0 40px;
}

.mgnb130 {
	margin-bottom: 130px;
}

.mgnb1em {
	margin-bottom: 1em !important;
}

.btn-gray {
	width: 270px;
	max-width: 100%;
	font-size: 100% !important;
}

.fig_simulator {
	float: right; 
	width: 300px; 
	max-width: 40%; 
	margin-top: 30px; 
	margin-left: 20px; 
	margin-bottom: 20px;
}

/* 2018.11.29追加 */
.expand-ttl{ 
	cursor: pointer; 
}
.productName{ 
	cursor: pointer; 
}


@media (max-width: 767px) {

	.fig_simulator {
		margin-top: 24px; 
		margin-left: 15px; 
		margin-bottom: 15px;
	}

}

.fig_simulator img {
	display: block; 
	width:100%; 
	max-width: 100%; 
	height: auto;
}

.productsWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.productContainer {
	flex-basis: 33.33%;
	max-width: 33.33%;
	padding-left: 15px;
	padding-right: 15px;
}

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

	.productContainer {
		flex-basis: 50%;
		max-width: 50%;
	}

}

@media (max-width: 767px) {

	.productContainer {
		flex-basis: 100%;
		max-width: 100%;
	}

}

.productContainer > dl {
	margin-bottom: 2px;
}

.productContainer .productName {
	padding: 22px 155px 20px 15px;
	position: relative;
	line-height: 1.4;
}

.productContainer .productName .spec {
	font-size: 65%;
	display: block;
}

.productContainer .productName .productPhoto {
	display: block; 
	position: absolute; 
	top: 50%; 
	margin-top: -25px; 
	right: 55px;
	width: 100px; 
	height: 50px; 
	contents: " "; 
}

@media (max-width: 1330px) and (min-width: 1024px) {

	.productContainer .productName {
		padding: 22px 130px 20px 15px;
		font-size: 16px;
	}

	.productContainer .productName .productPhoto {
		margin-top: -20px; 
		right: 45px;
		width: 80px; 
		height: 40px; 
	}

}

.productContainer .productName .productPhoto img {
	display: block;
	width:100%;
	max-width: 100%;
	height: auto;
}

.productContainer .productName .expand-opener { 
	display: block; 
	position: absolute; 
	top: 50%; 
	margin-top: -30px; 
	right: 0; 
	width: 60px; 
	height: 60px; 
	contents: " "; 
	background: url(/00cmn/img/common/nav-arrow-dwnw.png) no-repeat center center; 
	cursor: pointer; 
}

.productContainer .productName .expand-opener { 
	display: block; 
	position: absolute; 
	top: 50%; 
	margin-top: -30px; 
	right: 0; 
	width: 60px; 
	height: 60px; 
	contents: " "; 
	background: url(/00cmn/img/common/nav-arrow-dwnw.png) no-repeat center center; 
	cursor: pointer; 
}

@media (max-width: 1330px) and (min-width: 1024px) {

	.productContainer .productName .expand-opener { 
		margin-top: -25px; 
		width: 50px; 
		height: 50px; 
	}

}

.productContainer .productName .expand-opener.active { 
	background-image: url(/00cmn/img/common/nav-arrow-upw.png); 
}

.dwnload-dl {
	border-bottom: 1px solid #888888;
	margin-bottom: 30px;
}

.dwnload-dl dl:nth-child(2n+0) {
	background-color: #efefef;
}

.dwnload-dl p.compatibleModels { 
	padding: 10px 0 10px 5px; 
	font-size: 15px;
	font-weight: normal;
	margin: 0;
}

.dwnload-dl dt { 
	width: calc(100% - 120px); 
	padding: 10px 0 10px 5px; 
	font-size: 16px;
	font-weight: normal;
	font-family: 'Frutiger Neue LT W06 Regular', 'Frutiger', 'lato', 'segoe', Arial, Helvetica, sans-serif;
}

.dwnload-dl dd { 
	width: 120px;
	float: right;
	padding: 10px 0 10px 10px; 
	font-size: 16px;
	font-weight: normal;
}

.dwnload-dl dd.ico-pdf, .dwnload-dl dd.ico-zip { 
	padding-right: 35px; 
	position: relative; 
}

.dwnload-dl dd.ico-pdf:before {
	width: 24px; 
	height: 24px; 
	margin-top: -12px; 
	right: 5px;
	background-size: contain;
}

.dwnload-dl dd.ico-zip:before {
	content: " "; 
	display: block; 
	position: absolute; 
	width: 24px; 
	height: 24px; 
	background: url(../images/link-zip-r.png) no-repeat center center; 
	top: 50%; 
	margin-top: -12px; 
	right: 5px; 
	background-size: contain;
}