@charset"UTF-8";

/* CSS Document */
#wrapper main {
  font-size: 14px;
}
.pt40{
  padding-top: 40px;
}
/*-------全ページ共通------*/
#localmenuSyohinchiran a{
	color:#333333;
}

#localmenuSyohinchiran a:hover{
	color:#004FA2;
}

.come{
	color:#CC0000;
	font-weight:normal;
}

.mb80{
	margin-bottom:80px;
}

.mb100{
	margin-bottom:100px;
}

.mb140{
	margin-bottom:140px;
}

.mb160{
	margin-bottom:160px;
}

.mb260{
	margin-bottom:260px;
}

.comet .comet_box p{
	height: 90px;
}
.rel{
  position: relative;
}
.relation.box_list.margin li.active a .btn p{
  color: #fff;
  background: #13449d url(https://toto.imagewave.pictures/%2Fproducts%2Fcommon%2Fimages%2Fbtn_arrow_on.png) no-repeat right bottom;
}
.showcase{
  background: #bdbdbd;
}
.showcase p{
  margin-left: 16px;
  margin-right: 16px;
}
/*-------全ページ共通------*/

#wrapper main .inner{
  width: 950px;
  margin: 0 auto;
}

#title_01{
	margin-bottom: 30px;
	font-weight: bold;
	font-size: 20px;
	font-family: "メイリオ", "ＭＳ Ｐゴシック", Arial, sans-serif;
  color: #000;
	}
	
#title_01 span{
	font-size:80%;

	}
	
#title_02{
	text-align:center;
	margin:40px 0 50px;
	}
	
#list{
	overflow:hidden;
	margin-bottom:100px;
}
	
#list li{
	width:420px;
	border:1px solid #cccccc;
	padding:10px 25px;
	float:left;
	margin-bottom:40px;
}
	
#list li div{
	float:left;
	width:210px;
}

/*#list li:nth-child(odd) {
	float:left;
}

#list li:nth-child(even) {
	float:right;
}

#list li.odd{
	float:left;
}

#list li.even{
	float:right;
}*/


#list li.right{
	float:right;
}

#list li img{
	margin-bottom:5px;
}

#list li .thum img{
	float:right;
	margin-left:3px;
}

#list li p{
	margin-bottom:5px;
}

#list li.right{
	text-align:left !important;
}
	
#list li .detail{
	background:#666666;
	color:#fff;
	text-align:center;
	padding:12px 0;
	margin-top:10px;
}

#list li .detail2{
	background:#0000cd;
	color:#fff;
	text-align:center;
	padding:12px 0;
	margin-top:10px;
	float:left;
	clear:left;
	width:100%;
}
#list li .detail2 b{
  font-weight: bold;
}
	
#list li a{
	text-decoration:none;
}
	
#list li a:hover{
	text-decoration:none;
}

.section{
	width:100%;
	position:relative;
/*	overflow:hidden;*/
	margin-bottom:90px;
}

.section h2{
	border-bottom: 1px solid #000;
	padding-bottom:10px;
	margin-bottom:20px;
	width:600px;
}

.section p{
	width:540px;
	line-height:1.8em;
}

.section.w100 p{
	width:100%;
}

.section .pht{
	position:absolute;
	width:360px;
	top:0px;
	right:0px;
	font-size:85%;
	overflow:hidden;
}

.section .pht img{
	margin-bottom:5px;
}


#data{
	margin-bottom:75px;
	overflow:hidden;
}

#data h2{
	padding:10px 20px;
	background:#eee;
	margin-bottom:18px;
}

#data .pht{
	width:260px;
	float:left;
	margin-right:20px;
}

#data .pht img{
	margin-bottom:10px;
}

#data table{
	float:right;
	width:670px;
	
}

#data th.two{
	width:75px !important;
}

#data table th{
	border:1px solid #ccc;
	padding:9px;
	background:#eee;
	width:155px;
	vertical-align:top;
}

#data table td{
	border:1px solid #ccc;
	padding:9px;
}

#data .memo{
	text-align:right;
	width:100%;
	float:right;
	
}


.jir{
	background:#eeeeee;
	padding-left:15px;
	overflow:hidden;
  margin-bottom: 60px;
}

.jir h2{
	width:100%;
	padding-bottom:15px;
	margin:15px 0 20px;
	border-bottom:1px solid #d2d2d2;
}

.jir ul{
	margin:0 8px;
}

.jir li{
	width:168px;
	float:left;
	margin:0 15px 30px 0;

}

.jir li h3{
	margin-bottom:10px;

}

.jir li .pht{
	margin-bottom:5px;

}

.more_btn{
	cursor:pointer;
}

.more_btn_open{
	display:none;
}

.sp{
	display:none;
}
.commonparts_box .box_list li a .btn p {
  font-weight: bold;
  color: #414141;
}

/*共通*/
@media screen and (max-width: 970px) {
#wrapper main{
  width: 100%;
} 
#list li{
	width:40%;
	margin-left:10px;
}
	
#list li > img{
	width:100%;
}

#list li.right{
	float:left;
	margin-left:10px;
}
	
#list li div{
	width:100%;
}

#list li img{
	margin-bottom:5px;
}

#list li .thum{
	width:100%;
}


.section{
	margin:0 10px 30px;
}
	
.section h2{
	width:100%;
}

.section h2 img{
	width:60%;
	}

.section p{
	width:50%;
}

.section .pht{
	right:20px;
	top:40px;
}

.section.w100 img{
	width:95%;

}

.section.w100 p{
	width:80%;

}

#data{
	margin: 0 10px 75px;
}

#data table{
	width:60%;
	
}

.jir{
	margin: 0 10px 40px;
}

.more_btn{
	margin: 0 10px;
}

.pc{
	width:100%;
}

}

@media screen and (max-width: 767px) {
.commonparts_sec.showcase.no-bgimg{
  background: #bdbdbd;
}
#wrapper main .inner{
  width: 95%;
  margin: 0 auto;
}
#title_01{
  width: 95%;
  margin: 0 auto 20px;
}
	
#title_02 img{
	width:80%;
}
	
#list{
	margin-bottom:60px;
}
  
#list li{
	padding:10px 10px;
}

#list li .thum img{
	clear:right;
}

.section h2 img{
	width:90%;
}


.section .pht{
	position:static;
	float:none;
}
.section .pht img{
	width:300px;
}

.section p{
	width:95%;
	margin-bottom:10px;
}

.section.w100 p{
	width:60%;
}

#data table{
	width:98%;
	
}

#data table td{
	width:60%;
	
}

#data .pht{
	width:97%;
	margin-right:0;
}

#data .pht img{
	float:left;
	margin-bottom:10px;
	margin-right:10px;
	width:47%;
}

#data .pht p{
	clear:both;
}

.jir li{
	width:120px;
	height:200px;

}

.jir li .pht img{
	width:120px;

}

.sp{
	width:100%;
	display:block;
}

.pc{
	display:none;
}


}