/*****БеБеБе LIST БеБеБе*****/
/* list_ti */
#list_ti {background: #fff;text-align:center;}
#list_ti .con{width:auto;}
#list_ti .con h1{color:#B19422;font-size:60px;font-weight:bold;padding: 80px 0 0 0;line-height: 1.3;}
#list_ti .con h1 span{font-size:38px;padding: 20px 0 0 0;}
#list_ti .con p{width: 950px;margin: 40px auto 0 auto;font-size:24px;line-height: 1.5;}
#list_ti .con p span{display: block;font-size:18px;line-height: 1.5;}

#list_ti .con_ori{width:auto;}
#list_ti .con_ori .con_ori_ti{text-align: center;font-size: 22px;font-weight: bold;position: relative;margin-bottom: 0.6em;margin-top: 60px;}
#list_ti .con_ori .con_ori_ti:before{content: '';position: absolute;left: 50%;bottom: -13px;display: inline-block;width: 120px;height: 3px;-moz-transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);background-color: black;}

#list_ti .con_ori .con_ori_in{width: 950px;margin: 60px auto 0 auto;text-align:left;}
#list_ti .con_ori .con_ori_in div{float: right;margin: 0 0 0 20px;}
#list_ti .con_ori .con_ori_in div img{width: 455px;}
#list_ti .con_ori .con_ori_in p{font-size:16px;}
#list_ti .con_ori .con_ori_in p.ti{font-size:20px;font-weight:bold;}

#list_ti .con_ti{width: 950px;margin: 60px auto 0 auto;background: #333;}
#list_ti .con_ti h2{font-size: 28px;text-align: left;padding: 5px 0 5px 15px;color: #fff;}

/* list_con */
#list_con {background: #fff;color:#333;text-align:center;}
#list_con .con{width:auto;margin: 0 auto;padding: 0 0 30px 0;}
#list_con .con .con_cat{display: table;border-bottom: 3px solid #333;width: 950px;margin: 0 auto;padding: 40px 0 10px 0;}

#list_con .con .con_cat .num{display: table-cell;border: 1px solid #333;width: 50px;height: 50px;vertical-align: middle;font-size: 24px;font-weight: bold;}
#list_con .con .con_cat h3.ti{display: table-cell;font-size: 26px;width: 200px;vertical-align: middle;text-align: left;padding-left: 15px;}
#list_con .con .con_cat .dtl{display: table-cell;border-left: 1px solid #333;text-align: left;vertical-align: middle;font-weight: bold;padding-left: 15px;}

#list_con .con .con_parts{width: 950px;margin: 20px auto 60px auto;}
#list_con .con .con_parts div{display: table;margin-bottom: 20px;}
#list_con .con .con_parts div dl{display: table-cell;width:300px;padding-left:25px;}
#list_con .con .con_parts div dl:first-child{display: table-cell;width:300px;padding-left:0;}
#list_con .con .con_parts div dl dt{text-align: left;font-size:18px;}
#list_con .con .con_parts div dl dt:before{content: '';display: inline-block;width: 10px;height: 10px;margin-right: 5px;border: 1px solid #333;transform: rotate(45deg);vertical-align: 1px;}
#list_con .con .con_parts div dl dd img{width: 100%;}



@media only screen and (max-width:980px){
	/* list_ti */
	#list_ti .con h1{font-size:6vw;padding: 6% 0 0 0;}
	#list_ti .con h1 span{font-size:5vw;padding: 2% 0 0 0;}
	#list_ti .con p{font-size:3vw;width: 100%;}
	#list_ti .con p span{font-size:2.5vw;width: 100%;}
	#list_ti .con_ti{width: 95%;margin: 6% auto 0 auto;}

	#list_ti .con_ori .con_ori_in{width: 95%;}
	
	/* list_con */
	#list_con .con{width:95%;padding: 0 0 3% 0;}
	#list_con .con .con_cat{width: 100%;padding: 4% 0 1% 0;}

	#list_con .con .con_parts{width: 100%;}
}

@media only screen and (max-width:768px){
	/* list_ti */
	#list_ti .con_ti h2{font-size: 4vw;padding: 1% 0 1% 2%;}
	
	#list_ti .con_ori .con_ori_ti{text-align: center;font-size: 4vw;font-weight: bold;position: relative;margin-bottom: 0.6em;}
	#list_ti .con_ori .con_ori_ti:before{content: '';position: absolute;left: 50%;bottom: -13px;display: inline-block;width: 30%;height: 3px;-moz-transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);background-color: black;}
	#list_ti .con_ori .con_ori_in{width: 95%;margin: 8% auto 0 auto;}
	
	#list_ti .con_ori .con_ori_in div{float: none;margin: 0 auto 0 auto;max-width: 70%;}
	#list_ti .con_ori .con_ori_in div img{width: 100%;}
	#list_ti .con_ori .con_ori_in p{font-size: 2.5vw;margin: 3% 0 0 0;}
	#list_ti .con_ori .con_ori_in p.ti{font-size: 3vw;}

	/* list_con */
	#list_con .con .con_cat .num{width: 8%;height: auto;font-size: 3.5vw;}
	#list_con .con .con_cat h3.ti{font-size: 4vw;width: 23%;padding-left: 3%;line-height: 1.3;}
	#list_con .con .con_cat .dtl{padding-left: 3%;font-size: 2.5vw;line-height: 1.5;}

	#list_con .con .con_parts div{display: block;margin-bottom: 2%;}
	#list_con .con .con_parts div dl{display: block;width:100%;padding-left:0;padding-bottom: 3%;}
	#list_con .con .con_parts div dl:first-child{display: block;width:100%;padding-left:0;padding-bottom: 3%;}
	#list_con .con .con_parts div dl dt{font-size:5vw;}
	#list_con .con .con_parts div dl dt:before{width: 0.5em;height: 0.5em;}



}