@charset "utf-8";

.scTxt {
	line-height: 2.2em;
	margin:0 5px 45px;
}

#scWrapper {
	overflow: hidden;
	margin-bottom: 60px;
}

#prWrapper {
	clear: both;
	margin-bottom: 60px;
	overflow: hidden;
}

#scWrapper h3, #prWrapper h3 {
	margin-bottom: 2px;
}

.scBox {
	background-color: #241B0A;
	border: #292212 solid;
	border-width: 1px 0;
	float: left;
	margin: 18px 17px 0 0;
	overflow: hidden;
	padding: 15px;
	width: 314px;
}

.scBox h4 {
	font-weight: bold;
	margin-bottom:2px;
}

.abode_reader {
	margin-bottom: 35px;
}


#scWrapper ul {
	overflow:hidden;
	margin-bottom:20px;
}

#scWrapper ul li {
	border-top: none;
	border-bottom: 1px dotted #555122;
	width: 705px;
	float: left;
	padding:0;
	display: inline;
	margin-right: 15px;
	margin-bottom:0;
	font-size:14px;
	font-weight:bold;
	background:url(../img/link_icon.png) no-repeat 10px center #160d04;
}


#scWrapper ul li a {
	display:block;
	padding: 20px 35px;
	color: #ffffff;
	font-weight: bold;
}

#scWrapper h3 {
	width: 675px;
	font-size:15px;
	font-weight:normal;
	margin-bottom: 10px;
	color:#ffffff;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#79533c+0,573d2e+100 */
	#312819; /* Old browsers */
	background:  url(../img/midashi_icon.png) no-repeat 10px center,-moz-linear-gradient(top, #312819 0%, #1c150b 100%); /* FF3.6-15 */
	background:  url(../img/midashi_icon.png) no-repeat 10px center,-webkit-linear-gradient(top, #312819 0%,#1c150b 100%); /* Chrome10-25,Safari5.1-6 */
	background:  url(../img/midashi_icon.png) no-repeat 10px center,linear-gradient(to bottom, #312819 0%,#1c150b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#312819', endColorstr='#1c150b',GradientType=0 ); /* IE6-9 */
	padding:15px 15px 15px 30px;
	letter-spacing:0.1em;
}
	
@media screen and (max-width: 768px) {
	
	#scWrapper h3 {
		text-align: left;
		color: #ffffff;
		background: #433820;
		padding: 8px 3%!important;
		font-weight: bold;
		padding-bottom: 0;
		line-height: 1.5em;
		font-size: 18px;
		width: 100%;
		margin-bottom:0;
		box-sizing: border-box;
	}
	
	#scWrapper h3 img {
		width: 100%;
	}
	
	#scWrapper ul li {
		border-top: none;
		border-bottom: 1px solid #433820;
		width: 100%;
		float: none;
		padding:0;
		display: block;
		margin-right: 15px;
		margin-bottom:0;
		font-size:14px;
		font-weight:bold;
		background:url(../img/link_icon.png) no-repeat 10px center #000000;
	}


	#scWrapper ul li a {
		display:block;
		padding: 10px 10px 10px 35px;
		color: #ffffff;
		font-weight: normal;
	}
	
	.abode_reader {
		display: none!important;
	}
	
}