/* common
================================================================== */
/* magContainer */
.magContainer {
	padding: 40px 0;
}

/* magTitle */
.magTitle {
	display: table;
	margin: 0 auto 30px;
	width: 960px;
}
.magTitle h3,
.magTitle p {
	display: table-cell;
	vertical-align: middle;
}
.magTitle h3 {
	width: 354px;
}
.magTitle p {
	padding-left: 25px;
	font-size: 12px;
	line-height: 1.5;
}

/* magSubtitle */
.magSubtitle {
	padding-bottom: 10px;
	border-bottom: solid 1px #000;
	font-size: 18px;
}

/* magArticles */
.magArticles {
	margin-left: -20px;
	overflow: hidden;
}
.magArticles .mix {
	display: none;
}
.magArticles_item {
	float: left;
	width: 470px;
	margin-left: 20px;
	margin-bottom: 20px;
}
.magArticles .magArticles_item:nth-child(odd) {
	clear: both;
}
.magArticles-page .magArticles_item {
	width: 306px;
}
.magArticles-page .magArticles_item:nth-child(odd) {
	clear: none;
}
.magArticles_item a {
	transition: background 0.3s ease;
	position: relative;
	display: block;
	padding: 13px 13px 26px 13px;
	border: solid 1px #d4d4d4;
	text-decoration: none;
	background-color: #f6f6f6;
	min-height: 370px;
}
.magArticles-page .magArticles_item a {
	padding: 8px 8px 21px 8px;
	min-height: 250px;
}
.magArticles_item a img {
	transition: opacity 0.3s ease;
	display: block;
}
.magArticles-page .magArticles_item a img {
	width: 100%;
	height: auto;
}
.magArticles_item a:hover {
	background: #fff;
}
.magArticles_item a:hover img {
	opacity: 0.75;
}
.magArticles_item a > span {
	position: absolute;
	display: inline-block;
	left: 0;
	top: 0;
	color: #fff;
	font-weight: bold;
	font-size: 13px;
	height: 40px;
	line-height: 40px;
	padding: 0 10px;
}
.magArticles-page .magArticles_item a > span {
	height: 21px;
	line-height: 21px;
	padding: 5px 10px;
	font-size: 12px;	
}
.magArticles_item a > span.is-column {
	background: #1dace0;
}
.magArticles_item a > span.is-interview {
	background: #29b3b1;
}
.magArticles_item a > span.is-feature {
	background: #ff4f7e;
}
.magArticles_item a h2 {
	padding: 25px 25px 5px 25px;
	font-weight: bold;
	font-size: 20px;
	color: #000;
	line-height: 1.3;
}
.magArticles_item a h2 > span {
	display: inline-block;
	margin-bottom: 0.2em;
	font-size: 14px;
}
.magArticles-page .magArticles_item a h2 {
	padding: 10px 5px 5px 5px;
	font-size: 15px;
}
.magArticles-page .magArticles_item a h2 > span {
	margin-bottom: 0.5em;
	font-size:
	 12px;
}





.magArticles_item a p {
	padding: 25px 25px 5px 25px;
	font-weight: bold;
	font-size: 22px;
	color: #000;
	line-height: 1.3;
}
.magArticles_item a p > span {
	display: inline-block;
	margin-bottom: 0.2em;
	font-size: 14px;
}
.magArticles-page .magArticles_item a p {
	padding: 10px 5px 5px 5px;
	font-size: 15px;
}
.magArticles-page .magArticles_item a p > span {
	margin-bottom: 0.5em;
	font-size: 12px;
}






/* article
================================================================== */

.articleContainer {
	margin-bottom: 50px;
}

/* main */

.articleMain {
	float: left;
	width: 100%;
}

.articleMain h3 {
	font-size: 18px;
	padding: 5px 0;
	background-color: #e5f2f8;
	display: inline-block;
}

.articleMain p {
	line-height: 1.8;
	font-size: 15px;
}
.articleMain p.note {
	font-size: 12px;
	padding: 10px;
	background-color: #f6f6f6;
}

.articleMain p.note span {
	font-size: 15px;
}

.articleMain p.cap {
	width: 620px;
	font-size: 12px;
	padding: 10px 0;
	background-color: #f6f6f6;
	text-align: center;
	display: inline-block;
}



/* side */

.articleSide {
	float: right;
	width: 300px;
}
.articleSide ul {
}
.articleSide li {
	border-bottom: solid 1px #bfbfbf;
}
.articleSide li a {
	display: block;
	padding: 14px 0;
	font-size: 13px;
	text-decoration: none;
	overflow: hidden;
}
.articleSide li a img {
	transition: opacity 0.3s ease;
}
.articleSide li a:hover img {
	opacity: 0.75;
}
.articleSide li a div {
	float: left;
	margin-right: 14px;
}
.articleSide li a dl {
	overflow: hidden;
	font-weight: bold;
}
.articleSide li a dt {
	margin-bottom: 6px;
}
.articleSide li a dt span {
	display: inline-block;
	color: #fff;
	font-size: 12px;
	height: 16px;
	line-height: 16px;
	padding: 0 5px;
}
.articleSide li a dt span.is-column {
	background: #1dace0;
}
.articleSide li a dt span.is-interview {
	background: #29b3b1;
}
.articleSide li a dt span.is-feature {
	background: #ff4f7e;
}
.articleSide li a dd {
	color: #000;
}

/* profile */

.articleProfile {
	overflow: hidden;
}
.articleProfile div {
	float: left;
	margin-right: 20px;
}
.articleProfile dl {
	overflow: hidden;
}
.articleProfile dt {
	margin-bottom: 8px;
	padding-bottom: 5px;
	/*border-bottom: solid 1px #000;*/
	font-size: 16px;
	font-weight:bold;
}
.articleProfile dd {
	font-size: 13px;
}

.articlePoints {
	padding: 25px 22px;
	border: solid 1px #000;
	font-weight: bold;
}
.articlePoints p {
	font-size: 20px;
}
.articlePoints li {
	margin-top: 15px;
	padding-left: 32px;
	min-height: 21px;
	background: url(/products/scanner/mag/common/images/icn_article-check.png) no-repeat 0 0;
}

/* articleBanner */
.articleBanner {
	margin: 60px 0;
}
.articleBanner_link {
	box-sizing: border-box;
	display: table;
	width: 960px;
	padding: 14px;
	border: solid 1px #000;
	background: #fff;
	color: #000 !important;
	text-decoration: none !important;
}
.articleBanner_image,
.articleBanner_info {
	display: table-cell;
	vertical-align: middle;
}
.articleBanner_image {
	width: 430px;
}
.articleBanner_image img {
	width: 96%;
	height: auto;
}
.articleBanner_info {
	width: 500px;
}
.articleBanner_text {
	margin-bottom: 10px;
	font-size: 15px;
	line-height: 1.8;
}
.articleBanner_btn {
	width: 60%;
	margin-left: 20%;
	margin-right: 20%;
	background: #464646;
	color: #fff;
	font-size: 15px;
	text-align: center;
}
.articleBanner_btn span {
	display: inline-block;
	padding-left: 10px;
	background: url(/products/label/mag/common/images/icn_arw_bnr.png) no-repeat left center;
	height: 34px;
	line-height: 34px;
}
.articleBanner_link:hover .articleBanner_image img,
.articleBanner_link:hover .articleBanner_btn {
	opacity: 0.75;	
}
.articleBanner_image img,
.articleBanner_btn {
	transition: opacity 0.3s ease;
}

/*--------- snsArea ---------*/
.snsArea .share_title {
	font-size: 30px;
	text-align: center;
}
.snsArea .share_list {
	margin: 25px auto 0;
}
.snsArea .share_list ul {
	text-align: center;
}
.snsArea .share_list ul li {
	vertical-align: top;
	display: inline-block;
	position: relative;
	margin: 0 15px;
}