/* line 12, ../sass/blog.scss */
#blog_wrapper {
	width: 800px;
	padding: 0 0 0 224px;
	margin: 0 auto;
	height: 100%;
	overflow: hidden;
}
/* line 19, ../sass/blog.scss */
#blog_wrapper h3.blog_cat_title {
	font-size: 12px;
	color: #fff;
	background: #19223e;
	padding: 5px 7px 4px;
	font-weight: normal;
	margin: 50px 0 25px;
}
/* line 76, ../sass/blog.scss */
#blog_wrapper #blog_detail {
	width: 600px;
	float: left;
	padding: 50px 0 0;
}
/* line 80, ../sass/blog.scss */
#blog_wrapper #blog_detail h3 {
	color: #243363;
	font-size: 23px;
	line-height: 30px;
	font-weight: normal;
	padding: 0 0 15px;
}
/* line 87, ../sass/blog.scss */
#blog_wrapper #blog_detail .cat_ymd {
	border-top: solid 1px #eeeeee;
	border-bottom: solid 1px #eeeeee;
	color: #aaaaaa;
	font-size: 11px;
	padding: 10px 0;
	margin-bottom: 50px;
	font-weight: normal;
	overflow: hidden;
}
/* line 96, ../sass/blog.scss */
#blog_wrapper #blog_detail .cat_ymd .cat {
	float: left;
}
/* line 99, ../sass/blog.scss */
#blog_wrapper #blog_detail .cat_ymd .ymd {
	float: right;
}
/* line 103, ../sass/blog.scss */
#blog_wrapper #blog_detail p {
	font-size: 14px;
	line-height: 30px;
	color: #6c6c6c;
}
/* line 109, ../sass/blog.scss */
#blog_wrapper #blog_detail .blog_detail_p img {
	padding: 20px 0 0;
	display: block;
	width: auto !important;
	max-width: 600px;
	height: auto !important;
	max-height: 540px;
}
/* line 118, ../sass/blog.scss */
#blog_wrapper #blog_detail #blog_detail_sns {
	padding: 45px 0 95px;
	text-align: right;
}
/* line 122, ../sass/blog.scss */
#blog_wrapper #blog_detail #blog_old_btn {
	margin: 50px 0 100px;
}
/* line 123, ../sass/blog.scss */
#blog_wrapper #blog_detail #blog_old_btn a {
	width: 270px;
	border: solid 1px #eeeeee;
	color: #6c6c6c;
	display: block;
	margin: 0 auto;
	padding: 14px 0 13px;
	text-align: center;
	font-size: 14px;
	line-height: 1em;
}
/* line 134, ../sass/blog.scss */
#blog_wrapper #blog_detail #blog_old_btn a:hover {
	color: #fff;
	background: #6c6c6c;
}
/* line 194, ../sass/blog.scss */
#blog_wrapper #blog_pager {
	padding: 30px 0 100px;
	font-size: 12px;
}
/* line 197, ../sass/blog.scss */
#blog_wrapper #blog_pager ul {
	display: table;
	margin: 0 auto;
}
/* line 200, ../sass/blog.scss */
#blog_wrapper #blog_pager ul li {
	display: table-cell;
	vertical-align: middle;
	padding: 0 12px;
}
/* line 204, ../sass/blog.scss */
#blog_wrapper #blog_pager ul li a {
	display: block;
	padding: 8px 4px;
	color: #19223e;
}
/* line 209, ../sass/blog.scss */
#blog_wrapper #blog_pager ul li a:hover {
	background: #19223e;
	color: #FFF;
}
/* line 215, ../sass/blog.scss */
#blog_wrapper #blog_pager ul li.works_pager_current a {
	background: #19223e;
	color: #fff;
}
/* line 221, ../sass/blog.scss */
#blog_wrapper #blog_pager ul li#works_pager_prev a {
	background: url("../img/works/pager_prev.gif") center left no-repeat;
	padding: 0 0 0 15px;
}
/* line 225, ../sass/blog.scss */
#blog_wrapper #blog_pager ul li#works_pager_prev a:hover {
	color: #6c6c6c;
}
/* line 230, ../sass/blog.scss */
#blog_wrapper #blog_pager ul li#works_pager_next a {
	background: url("../img/works/pager_next.gif") center right no-repeat;
	padding: 0 15px 0 0;
}
/* line 234, ../sass/blog.scss */
#blog_wrapper #blog_pager ul li#works_pager_next a:hover {
	color: #6c6c6c;
}

@media only screen and (max-device-width: 640px) {
/* line 243, ../sass/blog.scss */
#blog_wrapper {
	padding-left: 204px;
}
}
#blog_index_wrap {
	width: 800px;
	height: auto;
	margin-top: 50px;
}
.blog_index_cate {
	width: 100%;
	height: auto;
	display: flex;
	justify-content: space-between;
	margin-bottom: 50px;
}
.blog_index_cate li {
	width: calc(100% / 3 - 1px);
	height: auto;
}
.blog_index_cate li a {
	width: 100%;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 13px;
	line-height: 1em;
	color: #fff;
	background: #19223e;
	transition: background 0.3s ease;
	border-radius: 0;
	position: relative;
}
.blog_index_cate li a::before {
	content: "";
	top: 50%;
	left: 20px;
	position: absolute;
}
.blog_index_cate li:nth-child(1) a::before {
	width: calc(24px * 1);
	height: calc(20px * 1);
	margin-top: -10px;
	background: url(../img/blog/icon01.svg) no-repeat 0 0;
	background-size: 24px 20px;
}
.blog_index_cate li:nth-child(2) a::before {
	width: calc(22px * 1);
	height: calc(22px * 1);
	margin-top: -11px;
	background: url(../img/blog/icon02.svg) no-repeat 0 0;
	background-size: 22px 22px;
}
.blog_index_cate li:nth-child(3) a::before {
	width: calc(22px * 1);
	height: calc(24px * 1);
	margin-top: -12px;
	background: url(../img/blog/icon03.svg) no-repeat 0 0;
	background-size: 22px 24px;
}
.blog_index_cate li a:hover {
	background: #555;
}
.blog_index_wrap_inner {
	width: 100%;
	height: auto;
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
}
.blog_index_wrap_inner > article:nth-child(1), .blog_index_wrap_inner > article:nth-child(2) {
	width: 395px;
}
.blog_index_wrap_inner > article {
	width: 260px;
	height: auto;
	margin-bottom: 20px;
}
.blog_index_wrap_inner > article a {
	width: 100%;
	height: auto;
	border: 1px solid #eee;
	box-sizing: border-box;
	padding: 14px;
	display: block;
	color: #555;
	transition: border 0.3s ease;
	position: relative;
}
@keyframes pulse {
 0% {
 transform: scale3d(1, 1, 1);
}
 50% {
 transform: scale3d(1.1, 1.1, 1.1);
}
 100% {
 transform: scale3d(1, 1, 1);
}
}