/** companion **/

#companion{
	font-size: 0;
	line-height: 0;
	text-align: center;
	padding: 0 0 10px 0;
}

#companion .cbox{
	display: block;
	color: #fff;
	position: relative;
	background: rgba(0, 0, 0, 0.8);
	border-bottom: 1px solid #222;
}
#companion .cbox:first-of-type{	border-top: 1px solid #222;}

#companion .cbox:after{
	content: '';
	height: calc(100% - 20px);
	border-right: 1px dotted #222;
	position: absolute;
	top: 10px;
	right: 20px;
}

#companion .cbox_in{
	display: table;
	width: 100%;
	font-size: 0;
	line-height: 0;
	padding: 10px 20px 10px 10px;
	background: url(../img/all/i1.png) no-repeat 100% 50%;
	-webkit-background-size: 25px 45px;
	background-size: 25px 45px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#companion .cbox_l,
#companion .cbox_r{
	display: table-cell;
	vertical-align: top;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

#companion .cbox_l{
	width: 120px;
	padding: 5px;
}

#companion .cbox .cbox_l img{
	width: 110px;
}
#companion .cbox.box1 .cbox_l{
	background: -webkit-linear-gradient(90deg, #000000 0%, #220406 100%);
	background: -moz-linear-gradient(90deg, #000000 0%, #220406 100%);
	background: -o-linear-gradient(90deg, #000000 0%, #220406 100%);
	background: -ms-linear-gradient(90deg, #000000 0%, #220406 100%);
	background: linear-gradient(0deg, #000000 0%, #220406 100%);
}
#companion .cbox.box2 .cbox_l{
	background: -webkit-linear-gradient(90deg, #000000 0%, #79755a 100%);
	background: -moz-linear-gradient(90deg, #000000 0%, #79755a 100%);
	background: -o-linear-gradient(90deg, #000000 0%, #79755a 100%);
	background: -ms-linear-gradient(90deg, #000000 0%, #79755a 100%);
	background: linear-gradient(0deg, #000000 0%, #79755a 100%);
}
#companion .cbox.box3 .cbox_l{
	background: -webkit-linear-gradient(90deg, #000000 0%, #e1dee9 100%);
	background: -moz-linear-gradient(90deg, #000000 0%, #e1dee9 100%);
	background: -o-linear-gradient(90deg, #000000 0%, #e1dee9 100%);
	background: -ms-linear-gradient(90deg, #000000 0%, #e1dee9 100%);
	background: linear-gradient(0deg, #000000 0%, #e1dee9 100%);
}
#companion .cbox.box4 .cbox_l{
	background: -webkit-linear-gradient(90deg, #000000 0%, #3e3e3e 100%);
	background: -moz-linear-gradient(90deg, #000000 0%, #3e3e3e 100%);
	background: -o-linear-gradient(90deg, #000000 0%, #3e3e3e 100%);
	background: -ms-linear-gradient(90deg, #000000 0%, #3e3e3e 100%);
	background: linear-gradient(0deg, #000000 0%, #3e3e3e 100%);
}

#companion .cbox_r{
	text-align: left;
	padding: 0 10px;
}

#companion .cbox_r .txt{
	font-size: 13px;
	line-height: 18px;
	color: #d3c5a0;
	padding: 5px 0;
	border-top: 1px dotted #222;
	border-bottom: 1px dotted #222;
}

#companion .cbox_r .prof{
	font-size: 11px;
	line-height: 18px;
	padding: 7px 0 5px 0;
}

#companion .cbox_r .prof p{
	font-size: 14px;
}

#companion .cbox_r .prof span{	color: #cc0000;}
#companion .cbox_r .prof em{	color: #c9ba93;}
#companion .cbox_r .prof i{
	font-style: normal;
	color: #666;
}

#companion .cbox_r .txt2{
	font-size: 12px;
	line-height: 18px;
	padding: 8px 0 0 0;
}

#companion .cbox .icon{
	display: inline-block;
	width: 53px;
	font-size: 10px;
	line-height: 13px;
	color: #fff;
	position: absolute;
	top: 165px;
	left: 70px;
}