@charset "utf-8";

/*
Theme Name: 株式会社　丸久商会
Description:  WordPress Theme
Version: 1.0
*/
@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap);
@import url(https://cdnjs.cloudflare.com/ajax/libs/vegas/2.4.4/vegas.min.css);
@import url(https://cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.css);
@import url("css/reset.css");
@import url("css/parts.css");
@import url("css/layout.css?ver=1.1.1");


/* 屋根・外壁 -------------------- */
.post-type-archive-roof-outerwall #main .roofOuterwallLead a{text-decoration:underline;}
.post-type-archive-roof-outerwall #main section .roofOuterwallTbl{margin:0 auto 30px; max-width:100%; font-size:14px;}
.post-type-archive-roof-outerwall #main section .roofOuterwallTbl th{vertical-align:middle;}
.post-type-archive-roof-outerwall #main section .roofOuterwallTbl th, .post-type-archive-roof-outerwall #main section .roofOuterwallTbl td{border:1px solid #ccc; padding:7px;}
.post-type-archive-roof-outerwall #main section .roofOuterwallTbl th{background:#ddd;}
.post-type-archive-roof-outerwall #main section .roofOuterwallTbl td{vertical-align:middle;}
.post-type-archive-roof-outerwall #main section .roofOuterwallTbl .roofOuterwallImg{width:210px;}
.post-type-archive-roof-outerwall #main section .roofOuterwallTbl .roofOuterwallName{white-space:nowrap; text-align:center;}

@media screen and (max-width:960px) {
#main section .table-scroll{ overflow:scroll;}
.post-type-archive-roof-outerwall #main section .roofOuterwallTbl{margin:0 auto 30px; width:800px;}
.post-type-archive-roof-outerwall #main section .roofOuterwallTbl img{width:120px;height:auto;}
.post-type-archive-roof-outerwall #main section .roofOuterwallTbl th.nowrap{white-space: nowrap;}
}
/* フェンス・エクステリア -------------------- */
.single-fence-exterior #main section{margin-bottom:95px;}
.single-fence-exterior #main .fenceExteriorContainer{margin-bottom:15px;}
.single-fence-exterior #main .fenceExteriorContainer dl{float:left; margin-right:10px; width:100px; font-size:1.2rem;}
.single-fence-exterior #main .fenceExteriorContainer dl dt{margin-bottom:3px;}
.single-fence-exterior #main .fenceExteriorContainer p{float:left; margin:0 10px 0 0;}
.single-fence-exterior #main .fenceExteriorContainer02 p{float:left; margin-right:10px;}
.single-fence-exterior #main section .productTbl01.mb0{margin-bottom:0;}

/* クランピア -------------------- */
.post-type-archive-cranpia .cranpiaTbl{width:100%; margin-top:30px;}
.post-type-archive-cranpia .cranpiaTbl th, .post-type-archive-cranpia .cranpiaTbl td{border:1px solid #666; padding:3px;font-size:14px;}
.post-type-archive-cranpia .cranpiaTbl td{text-align:center;}
.post-type-archive-cranpia .cranpiaTbl a{text-decoration:underline;}
.post-type-archive-cranpia .notes{margin-bottom:50px;}

.post-type-archive-cranpia .cranpiaTbl02{margin:0 auto 30px; width:600px;}
.post-type-archive-cranpia .cranpiaTbl02 th, .post-type-archive-cranpia .cranpiaTbl02 td{padding:10px;}

.single-cranpia #main section{margin-bottom:95px;}

/* シーリング・接着剤 -------------------- */
.post-type-archive-sealing-adhesive #main .titL2{margin-bottom:25px;}
.single-sealing-adhesive #main section{margin-bottom:95px;}

/* 脚立 -------------------- */
.single-stepladder #main section{margin-bottom:95px;}
.single-stepladder #main .titL2{font-weight:bold; margin-bottom:60px;}

/* 雨とい -------------------- */
.single-rain-gutter #main section{margin-bottom:95px;}

/* 釘・ビス -------------------- */
.post-type-archive-nail-bis #main .titL2{margin-bottom:25px;}

.single-nail-bis #main section{margin-bottom:95px;}
.single-nail-bis #main .titL2{margin-bottom:60px;}

/* siding -------------------- */
.post-type-archive-siding .sidingTbl{margin:0 auto; width:880px;}
.post-type-archive-siding .sidingTbl th, .post-type-archive-siding .sidingTbl td{border:1px solid #ccc; padding:5px; vertical-align:middle;}
.post-type-archive-siding .sidingTbl th{background:#ddd; font-size:1.6rem; font-weight:bold;}
.post-type-archive-siding .sidingTbl a{text-decoration:underline;}

.single-siding #main section{margin-bottom:95px;}
.single-siding #main .titL2{margin-bottom:60px;}

/* manol -------------------- */
.post-type-archive-manol .manolTbl th, .post-type-archive-manol .manolTbl td{border:1px solid #ccc; padding:5px;}
.post-type-archive-manol .manolTbl th{vertical-align:middle;}
.post-type-archive-manol .manolTbl a{text-decoration:underline;}

.single-manol #main section{margin-bottom:95px;}
.single-manol #main .titL2{margin-bottom:60px;}

.post-type-archive-manol .manolTbl .name{white-space:nowrap;}



/* link -------------------- */
#link #main .titL2{margin-bottom:25px;}
#link #main .linkTbl th{text-align:left;}
#link #main .linkTbl th, #link #main .linkTbl td{font-size:1.4rem; padding:20px;}



/* color -------------------- */
#color .colorSec{padding:0 60px;}
#color .colorTbl01{margin-bottom:30px;}
#color .colorTbl01 caption{text-align:left;}
#color .colorTbl01 td{border:1px solid #ccc; padding:5px;}
#color .colorTbl01 .name{background:#ddd;}

/* bis-table -------------------- */
#bis-table .bisTableTbl caption{font-weight:bold; text-align:left;}
#bis-table .bisTableTbl{margin:0 auto 50px; width:880px;}
#bis-table .bisTableTbl th, #bis-table .bisTableTbl td{border:1px solid #ccc; padding:5px; vertical-align:middle;}
#bis-table .bisTableTbl td{text-align:center;}



#store-section h2.titL2{
  position: relative;
  padding: 12px 0px 20px 0px;
  border-top: 3px solid #ccc;
  margin-top:60px;
}
#store-section h2.titL2:before {
  position: absolute;
  top: -3px;
  left: 0;
  width: 60px;
  height: 3px;
  content: '';
  background: #D6061C;
}


#store-section h3.titL3{
  position: relative;
  padding: 12px 0px 20px 0px;
  border-top: 3px solid #ccc;
  margin-top:60px;
}
#store-section h3.titL3:before {
  position: absolute;
  top: -3px;
  left: 0;
  width: 60px;
  height: 3px;
  content: '';
  background: #D6061C;
}
#store-section p{
	line-height:2.0em;
}
#store-section a:hover{
	color:#D6061C;
}
.productContainer{
	display:flex;
	flex-wrap:wrap;
}
.productContainer dl{
	width:25%;
	padding:15px;
}
.productContainer dt{
	display:block;
	background-color:#F8F9F9;
	width:100%;
	height:86%;
	display:flex;
	justify-content:center;
	align-items:center;
}
@media screen and (max-width:768px) {

}
.maximg img{
	max-width:600px;
	height:auto;
	display:block;
	margin:auto;
}
.productContainer01{
	display:flex;
}
.productContainer01 .floatL{
	width:50%;
	padding:15px;
}
.productContainer01 .floatR{
	width:50%;
	padding:15px;
}
.productContainer01 img {
   padding:15px 0px;
}
.productTbl01{
	background-color:#ccc;
}
.productTbl01 th{
	background-color:#efefef;
	padding:7px;
	font-size:14px;
}
.productTbl01 td{
	background-color:#fff;
	padding:7px;
	font-size:14px;
}
.alignC img{
	display:block;
	margin:auto;
	max-width:378px;
}
.bx-wrapper img{
	margin:auto;
	text-align:center;
}
.newsBox,
.newsNav{
	padding-left:20px;
	padding-right:20px;
}
.newsBox h3{
	border-bottom:1px solid #ccc;
	padding-bottom:10px;
	margin-bottom:30px;
}
.newsNav{
	display:flex;
	justify-content:space-between;
}
.newsNav a:link,
.newsNav a:visited{
	text-decoration:underline;
	color:#000;
}
.newsConts{
	padding-bottom:80px;
}
.toList{
	margin:50px auto;
}
.toList a:link,
.toList a:visited{
	display:block;
	margin:auto;
	width:200px;
	border-radius:30px;
	color:#fff;
	background-color:#D6061C;
	text-align:center;
	padding:10px;
}
.toList a:hover{
	opacity:0.6;
}
@media screen and (max-width:960px) {
#main .table-scroll{ overflow:scroll; -webkit-overflow-scrolling: touch;overflow-scrolling: touch;font-size:14px;}
#main .table-scroll table{ width:800px;}

}

@media screen and (max-width:780px) {
#store-section h2.titL2{
  font-size:20px;
}
.productContainer dl{
	width:50%;
	padding:15px;
}
.productContainer01{
	flex-wrap:wrap;
}
.productContainer01 .floatL,
.productContainer01 .floatR{
	width:100%;
	padding:0px;
}
.alignC img{
	width:100%;
	height:auto;
}
.post-type-archive-cranpia .cranpiaTbl02{margin:0 auto 30px; width:100%;}
}