@charset "utf-8";
/* =======================================================================
ここからコンテンツエリア全体設定用CSS */
html, body {overflow-x: initial;}
img {width: 100%; vertical-align:bottom;}
a#button {display: none !Important;}
.SaleSale, .SaleSale001 {display: none;}
section.indexContents {max-width: 825px;margin: 15px auto 0;}
h4.SectioningName {border-bottom: 2px solid #607d8b;padding: 0 0 5px;font-size: 20px;color: #434343;font-family: "Hiragino Kaku Gothic W7 JIS2004";}
h4.SectioningName i {color: #ff873d;margin-right:5px;}
a:hover { opacity: 0.5;filter: alpha(opacity=80);-ms-filter: "alpha(opacity=80)";}
/* ======================================================================= */
section#erectaParts.PartSelect_Box div.CustomPartsBox_25mm {border: 2px solid #4f5f52;;padding: 15px;position: relative;bottom:2px;border-radius: 6px;}
section.PartSelect_Box div.CustomPartsBox_25mm div.PartsItemSelect ul {display: flex;background: #fff;padding: 0 2px;}
section.PartSelect_Box div.CustomPartsBox_25mm div.selectDesignBanner {position: relative;bottom:2px;}
section.PartSelect_Box div.CustomPartsBox_25mm div.selectDesignBanner ul {flex-wrap: wrap;}
section.PartSelect_Box div.CustomPartsBox_25mm div.selectDesignBanner ul li {width: 19.4%;position: relative; padding: 0.5% 0;}
section.PartSelect_Box div.CustomPartsBox_25mm div.selectDesignBanner.step2 ul li {width: 24.4%;position: relative;}
section.PartSelect_Box div.CustomPartsBox_25mm div.selectDesignBanner ul li img.Posi {position: absolute;top:0px;left:0;}
/*section.PartSelect_Box div.CustomPartsBox_25mm div.selectDesignBanner ul li a:hover img.Posi {opacity:0;}
section.PartSelect_Box div.CustomPartsBox_25mm div.selectDesignBanner ul li a:hover {opacity:1;}*/
section.PartSelect_Box div.CustomPartsBox_25mm div.selectDesignBanner2 ul {flex-wrap: wrap;}
section.PartSelect_Box div.CustomPartsBox_25mm div.selectDesignBanner2.option ul li {width: 16%; padding: 0.4% 0;position: relative;}
section.PartSelect_Box div.CustomPartsBox_25mm div.selectDesignBanner2 ul li img.Posi {position: absolute;top:0px;left:0;}
/*section.PartSelect_Box div.CustomPartsBox_25mm div.selectDesignBanner2 ul li a:hover img.Posi {opacity:0;}
section.PartSelect_Box div.CustomPartsBox_25mm div.selectDesignBanner2 ul li a:hover {opacity:1;}*/
/* =======================================================================c */
section.PartSelect_Box div.CustomPartsBox_19mm {background: #dc5f57;padding: 3px 3px 5px;position: relative;bottom:2px;}
section.PartSelect_Box div.CustomPartsBox_19mm div.select19mmShelfBox {display: flex;justify-content: space-between;background: #fff;padding: 2px 0 0;}
section.PartSelect_Box div.CustomPartsBox_19mm div.ShelfBox19mm {background: #fff;}
section.PartSelect_Box div.CustomPartsBox_19mm div.PartsItemSelect ul.TotalLink {display: flex;justify-content: space-between;background: #fff;padding: 0 2px;width: 34%;}
section.PartSelect_Box div.CustomPartsBox_19mm div.PartsItemSelect ul.shelfNumbBox {display: flex;justify-content: space-between;flex-wrap:wrap;background: #fff;padding: 0 2px;width: 100%;}
section.PartSelect_Box div.CustomPartsBox_19mm div.PartsItemSelect ul.shelfNumbBox li {width: 24.5%;}

section.PartSelect_Box div.CustomPartsBox_19mm div.select19mmDesignBanner {position: relative;bottom:2px;background: #fff;}
section.PartSelect_Box div.CustomPartsBox_19mm div.select19mmDesignBanner ul {display: flex;justify-content: space-between;flex-wrap: wrap;width: 99.5%;margin: 0 auto;}
section.PartSelect_Box div.CustomPartsBox_19mm div.select19mmDesignBanner ul li {width: 24.5%;position: relative;}
section.PartSelect_Box div.CustomPartsBox_19mm div.select19mmDesignBanner ul li img.Posi {position: absolute;top:0px;left:0;}
/*section.PartSelect_Box div.CustomPartsBox_19mm div.select19mmDesignBanner ul li a:hover img.Posi {opacity:0;}
section.PartSelect_Box div.CustomPartsBox_19mm div.select19mmDesignBanner ul li a:hover {opacity:1;}*/

section.PartSelect_Box div.CustomPartsBox_19mm div.select19mmDesignBanner2 {position: relative;top: -2px;background: #fff;margin: 4px 0px;}
section.PartSelect_Box div.CustomPartsBox_19mm div.select19mmDesignBanner2 ul {display: flex;justify-content: space-between;flex-wrap: wrap;width: 99.5%;margin: 0 auto;}
section.PartSelect_Box div.CustomPartsBox_19mm div.select19mmDesignBanner2 ul li {width: 24.5%;position: relative;}
section.PartSelect_Box div.CustomPartsBox_19mm div.select19mmDesignBanner2 ul li img.Posi {position: absolute;top:0px;left:0;}
/*section.PartSelect_Box div.CustomPartsBox_19mm div.select19mmDesignBanner2 ul li a:hover img.Posi {opacity:0;}
section.PartSelect_Box div.CustomPartsBox_19mm div.select19mmDesignBanner2 ul li a:hover {opacity:1;}*/


/* =======================================================================
エレクター用　差分 */
.sd .block01{
	padding-right: 16%;
}
section.sd.PartSelect_Box div.CustomPartsBox_25mm div.selectDesignBanner ul li{
	width:18.5%;
}
section.sd.PartSelect_Box div.CustomPartsBox_25mm div.selectDesignBanner ul li:first-child{
	width:22.6%;
}
.sd .PartsItemSelect{
	margin-top:1.2%;
}
.mSide{
	margin-left:-15px;
	margin-right:-15px;
}
section#erectaParts.sd.PartSelect_Box div.CustomPartsBox_25mm {
	border: 2px solid #2a4067;
}
.btnDepth.none{
	background: #ccd0d3;
	padding: 25px;
	border: none;
}
@media screen and (max-width: 640px) {

.btnDepth.none{
	padding: 20px;
}
}

/* =======================================================================
ここからタブレット用CSS */
@media screen and (max-width: 990px) {
/* =======================================================================
ここからコンテンツエリア全体設定用CSS */
section.indexContents {width: 100%;max-width: 825px;margin: 15px auto 0;}
h4.SectioningName {border-bottom: 2px solid #607d8b;padding: 0 0 5px;font-size: 16px;color: #434343;font-family: "Hiragino Kaku Gothic W7 JIS2004";}
.sysItemName a {font-size: 10px !important;line-height: 1.5em !important;color: #434343;}
.sysItemPrice {color: #c62828;margin-top: 8px !important;font-size:10px;}

}