@charset "utf-8";

/* home　トップページ
=========================================== */
#home #contents {
	padding: 0;
}
/* #mainImg
------------------------------ */
#home #mainVideo {
	display: block;
	width: 100%;
	height: auto;
	background-color: #000;
}
#home #mainVideo p img {
	width: 100%;
	height: auto;
}
#home #mainImg .btn {
	position: absolute;
	top: 14px;
	left: 17px;
	width: 22px;
	height: 20px;
	vertical-align: bottom;
	cursor: pointer;
	z-index: 100;
}
#home #mainOverlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-position: 0 center;
	background-image: url(../img/top/video/overlay_black.png);
}
#home #mainOverlay .txt {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -25px 0 0 -400px;
}
#home #mainOverlay #slideMainWrap {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 652px;
	height: 228px;
	margin: -114px 0 0 -326px;
	opacity: 0;
}
#home #mainOverlay #slide-main li + li {
	display: none;
}
#home #mainOverlay .bx-controls-direction {
	display: none;
}
#home #mainOverlay .bx-pager {
	position: absolute;
	bottom: -72px;
	width: 100%;
	text-align: center;
}
#home #mainOverlay .bx-pager .bx-pager-item {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin: 0 6px;
}

/* IE8以下 */
#home #mainImg.noVideo {
	height: 656px;
	background: url(../img/top/video/mainimg01.jpg) no-repeat center 0;
}
#home #mainImg.noVideo #mainVideo,
#home #mainImg.noVideo .btn,
#home #mainImg.noVideo #slideMainWrap {
	display: none;
}
@media screen and (max-width: 640px) {
	#home #mainImg #mainVideo,
	#home #mainImg .btn,
	#home #mainImg .txt,
	#home #mainImg #slideMainWrap{
		display: none;
	}
	#home #mainImg #mainOverlay {
		position: inherit;
		height: 265px;
		margin: 0 0 30px;
		background: url(../img/top/bg_mainimg_sp01.jpg) no-repeat center center;
		background-size: 100% auto;
		-webkit-box-shadow: inset 0 10px 10px -10px rgba(4,0,0,.5);
		-moz-box-shadow: inset 0 10px 10px -10px rgba(4,0,0,.5);
		box-shadow: inset 0 10px 10px -10px rgba(4,0,0,.5);
	}
}
/* #info */
#home #info {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 35px;
	padding: 15px 0;
	background-color: #fff;
	background-color: rgba(255,255,255,.8);
	overflow: hidden;
}
#home #info h1 {
	position: absolute;
	top: 15px;
	left: 20px;
	width: 140px;
	padding: 8px 0 6px;
	background: #009C77;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	line-height: 1.5;
}
#home #info .bx-wrapper {
	padding: 0 0 0 180px;
}
#home #infoIn li a {
	display: block;
	padding: 5px 0 4px;
	line-height: 2;
}
#home #infoIn li a span {
	padding-right: 8px;
	font-weight: bold;
	color: #999;
}
#home #infoIn li a:hover span {
}
@media screen and (max-width: 640px) {
	#home #info {
		position: inherit;
		height: auto;
		margin: 0 0 40px;
		padding: 0 20px;
		background: none;
		box-sizing: border-box;
		overflow: visible;
	}
	#home #info h1 {
		position: inherit;
		top: 0;
		left: 0;
		float: none;
		width: auto;
		padding: 10px 10px 4px;
		background-size: 16px auto;
		font-size: 19px;
		font-weight: bold;
		text-align: left;
		line-height: 1.5;
		color: #fff;
	}
	#home #info .bx-wrapper {
		padding: 0;
	}
	#home #infoIn ul {
		border-top: 1px solid #ecedef;
	}
	#home #infoIn li {
		padding: 0;
		border-bottom: 1px solid #ecedef;
	}
	#home #infoIn li + li + li {
		display: none;
	}
	#home #infoIn li a {
		padding: 9px 15px 8px 0;
		background-size: 4px auto;
		line-height: 1.5;
	}
	#home #infoIn li a span {
		display: block;
	}
}
/* .homeTit01
------------------------------ */
#home .homeTit01 {
	position: relative;
	margin: 0 0 30px;
	padding-top: 50px;
}
#home .homeTit01 h1 {
	font-size: 34px;
	font-weight: bold;
	color: #062e6c;
}
#home .homeTit01 p {
	position: absolute;
	top: 4px;
	right: 0;
}
@media screen and (max-width: 640px) {
	#home .homeTit01 {
		margin: 0 0 20px;
	}
	#home .homeTit01 h1 {
		font-size: 19px;
	}
	#home .homeTit01 p {
		top: 0;
	}
}



/* #recruit
------------------------------ */
#home #recruit {
	margin: 0 -133px;
	padding: 37px 133px 0;
	height: 332px;
	background-image: url(../img/top/bg_recruit01.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#home #recruit header {
	margin: 0 0 20px;
}
#home #recruit header h1 {
	margin: 0 0 12px;
	font-size: 40px;
	line-height: 1.2;
	color: #999;
}
#home #recruit header p {
	font-size: 22px;
	font-weight: bold;
	line-height: 1.2;
	color: #009C77;
}
#home #recruit header + p {
	width: 468px;
	margin: 0 0 20px;
	font-size: 13px;
	line-height: 1.7;
}
#home #recruit p + p {
	width: 228px;
	background: #53BEB4;
	transition: opacity 0.3s linear;
}
#home #recruit p + p:hover {
	opacity: .8;
}
#home #recruit p + p a {
	display: block;
	padding: 13px 0 11px 52px;
	background: url(../img/common/ico_arw02.png) no-repeat 206px center;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	line-height: 1.5;
}
@media screen and (max-width: 640px) {
	#home #recruit {
		margin: 0;
		padding: 0 20px;
		height: auto;
		background: url(../img/top/bg_recruit01.jpg) no-repeat right 50px;
		background-size: auto 185px;
	}
	#home #recruit header {
		margin: 0 0 18px;
	}
	#home #recruit header h1 {
	margin: 0 0 205px;
	padding: 14px 0;
	font-size: 18px;
	line-height: 1.2;
	color: #666;
	}
	#home #recruit header p {
		font-size: 15px;
		line-height: 1.2;
		color: #009C77;
	}
	#home #recruit header + p {
		width: auto;
		margin: 0 0 20px;
		font-size: 14px;
		line-height: 1.4;
		color: #1e1d1e;
	}
	#home #recruit p + p {
	width: 200px;
	margin: 0 auto;
	transition: none;
	background-color: #009C77;
	}
	#home #recruit p + p:hover {
		opacity: 1;
	}
	#home #recruit p + p a {
		display: block;
		padding: 13px 0 12px;
		background: url(../img/common/ico_arw_sp02.png) no-repeat 185px center;
		font-size: 15px;
		text-align: center;
		line-height: 1.5;
		color: #fff;
		transition: none;
	}
}

/* #company　会社紹介
=========================================== */
#company #contents {
	padding-top: 0;
}


/* #outline
------------------------------ */
#company #outline {
	margin: 0 0 30px;
}
#company #outline table {
	width: 100%;
	line-height: 1.6;
}
#company #outline th {
	width: 80px;
	font-weight: bold;
}
#company #outline th,
#company #outline td {
	padding: 14px 20px 13px;
	border-bottom: 1px dotted #e8e8e8;
	text-align: left;
	vertical-align: top;
}
#company #outline td span {
	font-size: 12px;
	line-height: 1.5;
}
#company #outline td a {
	font-size: 13px;
	line-height: 1.2;
}
@media screen and (max-width: 640px) {
	#company #outline {
		padding: 0 20px;
	}
	#company #outline h1 {
		margin-right: -20px;
		margin-left: -20px;
	}
	#company #outline table {
		border-top: 1px solid #e8e8e8;
	}
	#company #outline th {
		width: 75px;
	}
	#company #outline th,
	#company #outline td {
		padding: 7px 0 6px;
		border-bottom: 1px solid #e8e8e8;
	}
}
/* #identity
------------------------------ */
#company #identity {
	min-height: 274px;
	margin: 0 0 50px;
	padding: 40px 50px 0;
}
#company #identity header {
	margin: 0 0 10px;
}
#company #identity header p {
	margin: 0 0 10px;
	font-size: 30px;
	line-height: 1.2;
	color: #fff;
}
#company #identity header h1 {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.5;
	color: #062e6c;
}
#company #identity .disnon {
	display: none;
}
@media screen and (max-width: 640px) {
	#company #identity {
	min-height: 100px;
	margin: 0 0 20px;
	/* [disabled]padding-top: 40%; */
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 0;
	background-size: 100% auto;
	}
	#company #identity header {
		margin: 0 0 10px;
	}
	#company #identity header p {
		display: none;
	}
	#company #identity header h1 {
		margin: 0 -10px 10px;
		font-size: 14px;
		text-align: center;
	}
	#company #identity header + p {
		padding: 0 0 20px;
	}
	#company #identity .disnon {
		display: inline;
	}
}
/* #greeting
------------------------------ */
#company #greeting {
	overflow: hidden;
}
#company #greeting h1 {
	margin: 0 0 30px;
}
#company #greeting h1 + p {
	float: left;
	width: 490px;
}
#company #greeting p + p {
	float: right;
	width: 357px;
}
@media screen and (max-width: 640px) {
	#company #greeting h1 {
		margin: 0;
	}
	#company #greeting h1 + p {
		float: none;
		width: 100%;
		margin: 0 0 20px;
		padding: 0 20px;
		box-sizing: border-box;
	}
	#company #greeting p + p {
		float: none;
		width: 179px;
		margin: 0 auto;
	}
	#company #greeting p + p img {
		width: 179px;
		height: auto;
	}
}

/* #work　制作実績
=========================================== */
/* .secWork
------------------------------ */
#work .secWork {
	position: relative;
	padding: 30px 0;
	border-bottom: 1px solid #e8e8e8;
	overflow: hidden;
}
#work .secWork .pic {
	float: left;
	width: 268px;
	margin: 0 40px 0 0;
	border: 1px solid #e8e8e8;
}
#work .secWork .pic img {
	width: 268px;
	height: auto;
}
#work .secWork h1 {
	padding: 0 0 0 310px;
	font-size: 18px;
	font-weight: bold;
}
#work .secWork h1 a:hover {
	text-decoration: underline;
}
#work .secWork .link {
	margin: 0 0 5px;
	padding: 0 0 0 310px;
	font-size: 11px;
	line-height: 1.3;
}
#work .secWork .link a {
	padding: 0 12px 0 0;
	background: url(/wp/wp-content/themes/m-hand/img/common/ico_popup01.png) no-repeat right center;
	text-decoration: none;
	color: #555a62;
}
#work .secWork .link a:hover {
	text-decoration: underline;
}
#work .secWork h2 {
	margin: 0 0 5px;
	padding: 0 0 0 310px;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.5;
	color: #353536;
}
#work .secWork .txt {
	width: 448px;
	padding: 0 0 0 310px;
}
#work .secWork .more {
	position: absolute;
	right: 0;
	bottom: 30px;
}
@media screen and (max-width: 640px) {
	#work .secWork {
		padding: 20px;
		border: none;
	}
	#work .secWork .pic {
		float: none;
		width: 100%;
		margin: 0 0 10px;
		border: 1px solid #e8e8e8;
		box-sizing: border-box;
	}
	#work .secWork .pic img {
		width: 100%;
	}
	#work .secWork h1 {
		margin: 0 0 5px;
		padding: 0;
		font-size: 15px;
		font-weight: bold;
	}
	#work .secWork h1 a:hover {
		text-decoration: none;
	}
	#work .secWork .link {
		padding: 0;
	}
	#work .secWork .link a {
		padding: 0 12px 0 0;
		background: url(/wp/wp-content/themes/m-hand/img/common/ico_popup01.png) no-repeat right center;
		text-decoration: none;
		color: #555a62;
	}
	#work .secWork .link a:hover {
		text-decoration: none;
	}
	#work .secWork h2 {
		padding: 0;
	}
	#work .secWork .txt {
		width: 100%;
		padding: 0;
	}
	#work .secWork .more {
		display: none;
	}
}
/* #singleWork
------------------------------ */
#singleWork header {
	margin: 0 0 40px;
}
#singleWork header h1 {
	font-size: 30px;
	font-weight: bold;
	color: #043480;
}
#singleWork header h1 + p {
	margin: 0 0 30px;
	font-size: 11px;
	line-height: 1.3;
}
#singleWork header h1 + p a {
	padding: 0 12px 0 0;
	background: url(/wp/wp-content/themes/m-hand/img/common/ico_popup01.png) no-repeat right center;
	text-decoration: none;
	color: #555a62;
}
#singleWork header p + p {
	margin: 0 -133px;
	padding: 0 133px 1px;
	background-color: #e8e8e8;
}
#singleWork h2 {
	margin: 0 0 10px;
	font-size: 26px;
	font-weight: bold;
	line-height: 1.2;
	color: #353536;
}
#singleWork h2 + p {
	margin: 0 0 50px;
	font-size: 16px;
	line-height: 1.5;
}
/* .detail */
#singleWork .detail {
	overflow: hidden;
}
#singleWork .detailTxt {
	float: left;
	width: 450px;
}
#singleWork .detailTxt h3 {
	margin: 0 0 10px;
	font-size: 26px;
	font-weight: bold;
	line-height: 1.4;
	color: #043480;
}
#singleWork .detailTxt h3 span {
	display: block;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.2;
}
#singleWork .detailTxt h3 + p {
	margin: 0 0 25px;
	padding: 0 0 25px;
	border-bottom: 1px dotted #b2b2b2;
	font-size: 13px;
}
#singleWork .detailTxt dl {
	margin: 0 0 15px;
	font-size: 11px;
	overflow: hidden;
}
#singleWork .detailTxt dt {
	clear: left;
	float: left;
	font-weight: bold;
}
#singleWork .detailTxt dd a {
	padding: 0 12px 0 0;
	background: url(/wp/wp-content/themes/m-hand/img/common/ico_popup01.png) no-repeat right center;
	text-decoration: none;
	color: #555a62;
}
#singleWork .detailTxt ul {
	overflow: hidden;
}
#singleWork .detailTxt li {
	float: left;
	margin: 0;
	padding: 2px 8px 0;
	background-color: #8b9ebb;
	font-size: 14px;
	color: #fff;
}
#singleWork .detailTxt li + li {
	margin: 0 0 0 5px;
}
#singleWork .detailTxt li.off {
	background-color: #d4d4d4;
}
#singleWork .detailPic {
	float: right;
	width: 410px;
	border: 5px solid #e8e8e8;
}
@media screen and (max-width: 640px) {
	#singleWork header {
		margin: 0 0 15px;
		padding: 0 20px;
		padding: 15px 0 0;
	}
	#singleWork header h1 {
		padding: 0 20px;
		font-size: 20px;
	}
	#singleWork header h1 + p {
		margin: 0 0 15px;
		padding: 0 20px;
	}
	#singleWork header p + p {
		width: 100%;
		margin: 0;
		padding: 0;
		background: none;
	}
	#singleWork header p + p img {
		width: 100%;
		height: auto;
	}
	#singleWork h2 {
		margin: 0 0 5px;
		padding: 0 20px;
		font-size: 15px;
	}
	#singleWork h2 + p {
		margin: 0 0 15px;
		padding: 0 20px;
		font-size: 14px;
	}
	/* .detail */
	#singleWork .detailTxt {
		float: none;
		width: 100%;
		padding: 0 20px;
		box-sizing: border-box;
	}
	#singleWork .detailTxt h3 {
		position: relative;
		margin: 0 0 12px;
		font-size: 16px;
	}
	#singleWork .detailTxt h3 span {
		position: absolute;
		right: 0;
		bottom: 3px;
		font-size: 12px;
	}
	
	#singleWork .detailTxt h3 + p {
		margin: 0 0 15px;
		padding: 0 0 15px;
		border-bottom: 1px solid #ecedef;
		font-size: 13px;
	}
	#singleWork .detailTxt li {
		font-size: 10px;
		padding: 1px 5px 0;
	}
	#singleWork .detailPic {
		display: none;
	}
}

/* #staff　スタッフ紹介
=========================================== */
/* .manageList
------------------------------ */
#staff .manageList {
	margin: 0 -46px 0 0;
	overflow: hidden;
}
#staff .manageList li {
	float: left;
	width: 190px;
	margin: 0 46px 50px 0;
}
@media screen and (max-width: 640px) {
	#staff .manageList {
		width: 100%;
		padding: 25px 20px 0;
		box-sizing: border-box;
	}
	#staff .manageList li {
		width: 45%;
		margin: 0 0 20px;
	}
	#staff .manageList li:nth-child(even) {
		float: right;
	}
	#staff .manageList li img {
		width: 100%;
		height: auto;
	}
}
/* .ordinaryList
------------------------------ */
#staff .ordinaryList {
	margin: 0 -47px 0 0;
	padding: 0 0 20px;
	overflow: hidden;
}
#staff .ordinaryList li {
	float: left;
	width: 142px;
	min-height: 200px;
	margin: 0 47px 40px 0;
	text-align: center;
}
#staff .ordinaryList li .pic {
	margin: 0 0 15px;
}
#staff .ordinaryList li .post {
	margin: 0 0 3px;
	font-size: 13px;
	font-weight: bold;
	line-height: 1.5;
	color: #555a62;
}
#staff .ordinaryList li .name {
	font-size: 15px;
	line-height: 1.3;
	color: #cacaca;
}
@media screen and (max-width: 640px) {
	#staff .ordinaryList {
		width: auto;
		margin: 0;
		padding: 0 10px 20px;
	}
	#staff .ordinaryList li {
		width: 30%;
		min-height: 10px;
		margin: 0 0 20px 5%;
	}
	#staff .ordinaryList li:nth-child(3n+1) {
		clear: left;
		margin: 0 0 20px;
	}
	#staff .ordinaryList li .pic {
		margin: 0 0 5px;
	}
	#staff .ordinaryList li .pic img {
		width: 100%;
		height: auto;
	}
	#staff .ordinaryList li .post {
		margin: 0 0 2px;
		font-size: 8px;
	}
	#staff .ordinaryList li .name {
		font-size: 11px;
	}
}

/* #recruit　採用情報
=========================================== */
#recruit #main {
	padding-top: 380px;
	background: url(/wp/wp-content/themes/m-hand/img/recruit/bg_main01.jpg) no-repeat center 0;
}
@media screen and (max-width: 640px) {
	#recruit #main {
		padding-top: 155px;
		background-size: auto 140px;
	}
}
/* #message
------------------------------ */
#recruit #message {
	margin: 0 0 50px;
	padding: 0 0 50px;
	border-bottom: 1px solid #e8e8e8;
}
#recruit #message h1 {
	margin: 0 0 30px;
	font-size: 22px;
	font-weight: normal;
	color: #043480;
}
#recruit #message ul {
	overflow: hidden;
}
#recruit #message li {
	float: left;
	width: 290px;
}
#recruit #message li + li {
	margin: 0 0 0 15px;
}
#recruit #message li h2 {
	margin: 0 0 8px;
}
#recruit #message li h2 img {
	width: auto;
	height: 30px;
}
#recruit #message li p a img {
	width: 290px;
	height: auto;
	opacity: 1;
	transition: opacity 1s;
}
#recruit #message li p a:hover img {
	opacity: .8;
}
#recruit #message li div {
	display: none;
}
@media screen and (max-width: 640px) {
	#recruit #message {
		margin: 0 0 20px;
		padding: 0 20px 20px;
	}
	#recruit #message h1 {
		margin: 0 0 15px;
		font-size: 16px;
	}
	#recruit #message li {
		float: none;
		width: 100%;
	}
	#recruit #message li + li {
		margin: 15px 0 0;
	}
	#recruit #message li h2 {
		margin: 0 0 7px;
	}
	#recruit #message li h2 img {
		width: auto;
		height: 29px;
	}
	#recruit #message li p a img {
		width: 100%;
	}
}
/* #intro
------------------------------ */
#recruit #intro {
	margin: 0 0 50px;
	padding: 0 0 50px;
	border-bottom: 1px solid #e8e8e8;
}
#recruit #intro h1 {
	margin: 0 0 30px;
	font-size: 22px;
	font-weight: normal;
	color: #043480;
}
#recruit #intro h1 br {
	display: none;
}
#recruit #intro .txt {
	margin: 0 0 30px;
	overflow: hidden;
}
#recruit #intro .txt .unit {
	float: left;
	width: 420px;
	padding: 0 30px 0 0;
	border-right: 1px dotted #b2b2b2;
}
#recruit #intro .txt .unit + .unit {
	float: right;
	padding: 0;
	border: none;
}
#recruit #intro .txt .unit p + p {
	margin: 10px 0 0;
}
#recruit #intro ul {
	overflow: hidden;
}
#recruit #intro li {
	float: left;
	width: 202px;
	margin: 0 10px 0 0;
}
@media screen and (max-width: 640px) {
	#recruit #intro {
		margin: 0 0 20px;
		padding: 0 20px 20px;
		border-bottom: 1px solid #e8e8e8;
	}
	#recruit #intro h1 {
		margin: 0 0 15px;
		font-size: 16px;
	}
	#recruit #intro h1 br {
		display: inline;
	}
	#recruit #intro .txt {
		margin: 0;
	}
	#recruit #intro .txt .unit {
		float: none;
		width: 100%;
		padding: 0;
		border: none;
	}
	#recruit #intro .txt .unit + .unit {
		float: none;
	}
	#recruit #intro .txt .unit p {
		margin: 0 0 10px;
	}
	#recruit #intro .txt .unit p + p {
		margin: 0 0 10px;
	}
	#recruit #intro ul {
		overflow: hidden;
	}
	#recruit #intro li {
		float: left;
		width: 90px;
		margin: 0;
	}
	#recruit #intro li + li {
		margin: 0 0 0 5px;
	}
	#recruit #intro li a img {
		width: 90px;
		height: auto;
	}
}

/* .secRecruit
------------------------------ */
#recruit .secRecruit {
	margin: 0 0 80px;
}
#recruit .secRecruit h1 {
	margin: 0 -133px;
	padding: 150px 133px 0;
	font-size: 60px;
	font-weight: bold;
	line-height: 1.2;
	color: #001e4c;
	-webkit-text-shadow: 0 0 10px #fff;
	-moz-text-shadow: 0 0 10px #fff;
	text-shadow: 0 0 10px #fff;
}
#recruit #director h1 {
	background: url(/wp/wp-content/themes/m-hand/img/recruit/bg_director01.jpg) no-repeat center 0;
}
#recruit #designer h1 {
	background: url(/wp/wp-content/themes/m-hand/img/recruit/bg_designer01.jpg) no-repeat center 0;
}
#recruit #engineer h1 {
	background: url(/wp/wp-content/themes/m-hand/img/recruit/bg_engineer01.jpg) no-repeat center 0;
}
#recruit .secRecruit h1 span {
	display: block;
	font-size: 18px;
	font-weight: bold;
}
#recruit .secRecruit h1 + p {
	margin: 0 0 25px;
}
#recruit .secRecruit ul {
	margin: 0 -23px;
	overflow: hidden;
}
#recruit .secRecruit li {
	float: left;
	width: 269px;
	margin: 0 0 30px;
	padding: 7px 22px 18px 23px;
	border-right: 1px dotted #b2b2b2;
}
#recruit .secRecruit li h2 {
	margin: 0 0 10px;
	font-size: 22px;
	font-weight: bold;
	line-height: 1.2;
	color: #043480;
	text-align: center;
	letter-spacing: 0;
}
#recruit .secRecruit li h2 span {
	display: block;
	padding: 5px 0 0;
	font-size: 14px;
	font-weight: normal;
}
#recruit .secRecruit li p {
	font-size: 12px;
}
@media screen and (max-width: 640px) {
	#recruit .secRecruit {
		margin: 0 0 40px;
		padding: 0 20px;
	}
	#recruit .secRecruit h1 {
		margin: 0 -20px 10px;
		padding: 80px 20px 0;
		font-size: 23px;
	}
	#recruit #director h1,
	#recruit #designer h1,
	#recruit #engineer h1 {
		background-size: auto 95px;
	}
	#recruit .secRecruit h1 span {
		font-size: 10px;
	}
	#recruit .secRecruit h1 + p {
		margin: 0;
		padding: 0 0 15px;
		border-bottom: 1px solid #ecedef;
	}
	#recruit .secRecruit ul {
		margin: 0 0 5px;
	}
	#recruit .secRecruit li {
		float: none;
		width: 100%;
		margin: 0;
		padding: 15px 0;
		border-right: none;
		border-bottom: 1px solid #ecedef;
	}
	#recruit .secRecruit li h2 {
		font-size: 15px;
		text-align: left;
	}
	#recruit .secRecruit li h2 span {
		font-size: 10px;
	}
	#recruit .secRecruit li p {
		font-size: 13px;
	}
}
/* .outline */
#recruit .secRecruit .outline h2 {
	margin: 0 0 30px;
	padding: 15px 0 0;
	font-size: 22px;
	font-weight: normal;
	color: #043480;
}
#recruit .secRecruit .outline table {
	width: 100%;
	margin: 20px 0 30px;
}
#recruit .secRecruit .outline th {
	width: 160px;
	padding: 10px 20px;
	border: 1px solid #b7b7b7;
	background: #d4deef;
	vertical-align: top;
}
#recruit .secRecruit .outline td {
	padding: 10px 20px;
	border: 1px solid #b7b7b7;
}
#recruit .secRecruit .outline td span {
	font-size: 79%;
}
#recruit .secRecruit .outline p {
	width: 345px;
	margin: 0 auto;
	background: #062e6c url(/wp/wp-content/themes/m-hand/img/common/ico_mail01.png) no-repeat 21px center;
	transition: opacity 0.3s linear;
	opacity: 1;
}
#recruit .secRecruit .outline p:hover {
	opacity: .8;
}
#recruit .secRecruit .outline p a {
	display: block;
	padding: 13px 50px 12px;
	background: url(/wp/wp-content/themes/m-hand/img/common/ico_arw_sp02.png) no-repeat 318px center;
	line-height: 1.5;
	color: #fff;
}
@media screen and (max-width: 640px) {
	#recruit .secRecruit .outline h2 {
		margin: 0 0 15px;
		font-size: 14px;
		font-weight: bold;
		text-align: center;
	}
	#recruit .secRecruit .outline table {
		width: 100%;
		margin: 0 0 20px;
	}
	#recruit .secRecruit .outline th {
		width: 30%;
		vertical-align: top;
	}
	#recruit .secRecruit .outline td {
		vertical-align: top;
	}
	#recruit .secRecruit .outline td span {
		font-size: 100%;
	}
	#recruit .secRecruit .outline p {
		width: 200px;
		background: #062e6c;
		transition: none;
		opacity: 1;
	}
	#recruit .secRecruit .outline p:hover {
		opacity: 1;
	}
	#recruit .secRecruit .outline p a {
		display: block;
		padding: 13px 10px 12px;
		background: url(/wp/wp-content/themes/m-hand/img/common/ico_arw_sp02.png) no-repeat 175px center;
		font-size: 15px;
		text-align: center;
	}
}

/* #contact　お問合せ
=========================================== */
#contact #info {
	overflow: hidden;
}
#contact #info header {
	margin: 0 0 50px;
}
#contact #info header h1 {
	margin: 0 0 20px;
	font-size: 22px;
	font-weight: normal;
	color: #043480;
}
@media screen and (max-width: 640px) {
	#contact #info header {
		margin: 0 0 15px;
		padding: 20px 20px 0;
	}
	#contact #info header h1 {
		margin: 0 0 5px;
		font-size: 16px;
		text-align: center;
	}
}
/* .infoIn
------------------------------ */
#contact .infoIn {
	float: left;
	width: 345px;
	padding: 0 54px 0 49px;
	border: 1px dotted #b2b2b2;
	border-width: 0 1px;
}
#contact .infoIn + .infoIn {
	padding: 0 49px 0 55px;
	border-width: 0 1px 0 0;
}
#contact .infoIn h2 {
	margin: 0 0 15px;
	font-size: 18px;
	font-weight: normal;
	color: #043480;
}
#contact .infoIn .pic01 {
	display: none;
}
#contact .infoIn .pic02 {
	margin: 0 0 10px;
}
#contact .infoIn .pic02 img {
	width: 100%;
	height: auto;
}
#contact .infoIn .txt {
	min-height: 85px;
	margin: 0 0 15px;
	line-height: 1.5;
}
#contact .infoIn .btn {
	width: 345px;
	margin: 0 auto;
	background: #062e6c url(/wp/wp-content/themes/m-hand/img/common/ico_mail01.png) no-repeat 21px center;
	transition: opacity 0.3s linear;
	opacity: 1;
}
#contact .infoIn .btn:hover {
	opacity: .8;
}
#contact .infoIn .btn a {
	display: block;
	padding: 13px 50px 12px;
	background: url(/wp/wp-content/themes/m-hand/img/common/ico_arw_sp02.png) no-repeat 318px center;
	line-height: 1.5;
	color: #fff;
}
@media screen and (max-width: 640px) {
	#contact .infoIn {
		float: none;
		width: 100%;
		padding: 0 20px;
		border: none;
	}
	#contact .infoIn + .infoIn {
		margin: 30px 0 0;
		padding: 0 20px;
		border: none;
	}
	#contact .infoIn .pic01 {
		display: block;
		margin: 0 -20px 15px;
	}
	#contact .infoIn .pic01 img {
		width: 100%;
		height: auto;
	}
	#contact .infoIn h2 {
		margin: 0 0 5px;
		font-size: 14px;
	}
	#contact .infoIn .pic02 {
		display: none;
	}
	#contact .infoIn .txt {
		min-height: auto;
	}
	#contact .infoIn .btn {
		width: 200px;
		background: #062e6c;
		transition: none;
		opacity: 1;
	}
	#contact .infoIn .btn:hover {
		opacity: 1;
	}
	#contact .infoIn .btn a {
		display: block;
		padding: 13px 10px 12px;
		background: url(/wp/wp-content/themes/m-hand/img/common/ico_arw_sp02.png) no-repeat 185px center;
		font-size: 13px;
		text-align: center;
	}
}


/* #info INFORMATION
=========================================== */
.singleInfo {
	margin: 0 0 40px;
	padding: 1px;
	border: 1px solid #e8e8e8;
}
.singleInfo header {
	position: relative;
	padding: 8px 15px;
	background: #062e6c;
}
.singleInfo header h1 {
	width: 760px;
	font-size: 16px;
	color: #fff;
}
.singleInfo header h1 a {
	color: #fff;
}
.singleInfo header h1 a:hover {
	text-decoration: underline;
}
.singleInfo header time {
	position: absolute;
	top: 10px;
	right: 10px;
	padding: 2px 10px;
	background: #fff;
	color: #062E6C;
	font-size: 13px;
}
.singleInfo .entry {
	padding: 15px 20px;
}
.singleInfo .entry p {
	padding: 0 0 15px;
}
@media screen and (max-width: 640px) {
	.singleInfo {
		margin: 0 0 20px;
	}
	.singleInfo header {
		padding: 38px 15px 8px;
	}
	.singleInfo header h1 {
		width: auto;
	}
	.singleInfo header time {
		right: inherit;
		left: 10px;
	}
}

/* #blog　ブログ
=========================================== */
/* #side
------------------------------ */
#blog #side {
	float: right;
	width: 230px;
	padding: 50px 0;
}
@media screen and (max-width: 640px) {
	#blog #side {
		float: none;
		width: 100%;
		padding: 0;
	}
}
/* #sdSearch */
#blog #sdSearch {
	margin: 0 0 30px;
}
#blog #sdSearch form {
	display: block;
	overflow: hidden;
}
#blog #sdSearch input[type="text"] {
	display: block;
	float: left;
	width: 163px;
	height: 37px;
	padding: 6px 10px 0;
	border: 1px solid #e8e8e8;
	border-width: 1px 0 1px 1px;
	font-size: 12px;
	line-height: 1.5;
}
#blog #sdSearch input[type="submit"] {
	display: block;
	float: right;
	width: 45px;
	height: 45px;
	background: #67696d url(/wp/wp-content/themes/m-hand/img/blog/ico_side01.png) no-repeat center center;
	border: none;
	outline: none;
	text-indent: -9999px;
	cursor: pointer;
}
@media screen and (max-width: 640px) {
	#blog #sdSearch {
		margin: 0;
		padding: 20px;
	}
	#blog #sdSearch form {
		position: relative;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}
	#blog #sdSearch input[type="text"] {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		display: block;
		float: left;
		width: 100%;
		height: 29px;
		padding: 4px 45px 0 10px;
		border: 1px solid #e8e8e8;
		border-width: 1px;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
	#blog #sdSearch input[type="submit"] {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		position: absolute;
		top: 0;
		right: 0;
		float: none;
		width: 35px;
		height: 35px;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
}
/* #sdMonth */
#blog #sdMonth {
	border: 1px solid #e8e8e8;
}
#blog #sdMonth h2 {
	padding: 14px 10px 13px 50px;
	background: #edf0f4 url(/wp/wp-content/themes/m-hand/img/blog/ico_side02.png) no-repeat 14px center;
	border-bottom: 2px solid #bdc6d4;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.5;
	color: #212121;
}
#blog #sdMonth li + li {
	border-top: 1px solid #e8e8e8;
}
#blog #sdMonth li a {
	position: relative;
	padding: 15px 10px;
	overflow: hidden;
}
#blog #sdMonth li a .pic {
	position: relative;
	float: left;
	width: 80px;
	padding: 0 0 20px;
}
#blog #sdMonth li a .pic .rank {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 19px;
	padding: 1px 0 0;
	background-color: #212121;
	border: 1px solid #fff;
	border-width: 0 1px 1px 0;
	font-size: 11px;
	text-align: center;
	line-height: 1.6;
	color: #fff;
}
#blog #sdMonth li a .txt {
	float: right;
}
#blog #sdMonth li a .txt time {
	display: none;
}
#blog #sdMonth li a .txt h3 {
	width: 120px;
	font-size: 12px;
	line-height: 1.5;
	color: #212121;
}
#blog #sdMonth li a .cat {
	position: absolute;
	top: 73px;
	left: 10px;
	display: block;
	width: 80px;
	padding: 2px 0 0;
	text-align: center;
	font-size: 11px;
	line-height: 1.6;
	color: #fff;
}
@media screen and (max-width: 640px) {
	#blog #sdMonth {
		border: 0;
	}
	#blog #sdMonth h2 {
		padding: 8px 20px 8px 58px;
		background: #edf0f4 url(/wp/wp-content/themes/m-hand/img/blog/ico_side02.png) no-repeat 20px center;
		border-bottom: 2px solid #bdc6d4;
		font-size: 18px;
		font-weight: bold;
		line-height: 1.5;
		color: #212121;
	}
	#blog #sdMonth ol {
		padding: 0 20px;
	}
	#blog #sdMonth li a {
		padding: 15px 0;
	}
	#blog #sdMonth li a .pic {
		width: 30%;
		padding: 0;
	}
	#blog #sdMonth li a .txt {
		width: 65%;
	}
	#blog #sdMonth li a .txt time {
		display: block;
		margin: 0 0 5px;
		font-size: 12px;
		font-weight: bold;
		line-height: 1.8;
		color: #ccc;
	}
	#blog #sdMonth li a .txt h3 {
		width: 100%;
		font-size: 14px;
	}
	#blog #sdMonth li a .cat {
		position: absolute;
		top: 15px;
		right: 0;
		left: inherit;
		display: block;
		width: auto;
		padding: 2px 5px 0;
		font-size: 10px;
	}
}
/* #sdRank */
#blog #sdRank {
	margin: -1px 0 0;
	border: 1px solid #e8e8e8;
}
#blog #sdRank h2 {
	padding: 14px 10px 13px 50px;
	background: #edf0f4 url(/wp/wp-content/themes/m-hand/img/blog/ico_side03.png) no-repeat 14px center;
	border-bottom: 2px solid #bdc6d4;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.5;
	color: #212121;
	font-size: 18px;
}
#blog #sdRank li + li {
	border-top: 1px solid #e8e8e8;
}
#blog #sdRank li a {
	position: relative;
	padding: 15px 10px 15px 37px;
	overflow: hidden;
}
#blog #sdRank li a span {
	position: absolute;
	top: 15px;
	left: 10px;
	display: block;
	width: 19px;
	padding: 1px 0 0;
	background-color: #212121;
	font-size: 11px;
	text-align: center;
	line-height: 1.6;
	color: #fff;
}
#blog #sdRank li a h3 {
	font-size: 12px;
	line-height: 1.5;
	color: #212121;
}
@media screen and (max-width: 640px) {
	#blog #sdRank {
		margin: 0;
		border: 0;
	}
	#blog #sdRank h2 {
		padding: 8px 20px 8px 58px;
		background: #edf0f4 url(/wp/wp-content/themes/m-hand/img/blog/ico_side03.png) no-repeat 20px center;
		font-size: 18px;
	}
	#blog #sdRank ol {
		padding: 0 20px;
	}
	#blog #sdRank li a {
		padding-left: 33px;
	}
	#blog #sdRank li a span {
		left: 0;
	}
	#blog #sdRank li a h3 {
		font-size: 14px;
	}
}
/* #sdCat */
#blog #sdCat {
	margin: -1px 0 0;
	border: 1px solid #e8e8e8;
}
#blog #sdCat h2 {
	padding: 14px 10px 13px 50px;
	background: #edf0f4 url(/wp/wp-content/themes/m-hand/img/blog/ico_side04.png) no-repeat 14px center;
	border-bottom: 2px solid #bdc6d4;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.5;
	color: #212121;
}
#blog #sdCat li + li {
	border-top: 1px solid #e8e8e8;
}
#blog #sdCat li a {
	position: relative;
	padding: 15px 10px 15px 28px;
	background: url(/wp/wp-content/themes/m-hand/img/common/ico_arw04.png) no-repeat 14px center;
	font-size: 13px;
	font-weight: bold;
	line-height: 1.7;
	color: #212121;
}
#blog #sdCat li a:hover {
	text-decoration: underline;
}
#blog #sdCat li a span {
	position: absolute;
	top: 13px;
	right: 15px;
	min-width: 20px;
	padding: 2px 5px 1px;
	background-color: #e5eaf1;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size: 13px;
	line-height: 1.3;
	text-align: center;
	color: #67696d;
}
#blog #sdCat li a:hover span {
	text-decoration: none;
}
@media screen and (max-width: 640px) {
	#blog #sdCat {
		margin: 0;
		border: 0;
	}
	#blog #sdCat h2 {
		padding: 0;
		background: #edf0f4 url(/wp/wp-content/themes/m-hand/img/common/ico_arw_sp04.png) no-repeat 90% center;
		background-size: 14px auto;
	}
	#blog #sdCat h2 span {
		display: block;
		padding: 8px 20px 8px 58px;
		background: url(/wp/wp-content/themes/m-hand/img/blog/ico_side04.png) no-repeat 20px center;
		font-size: 18px;
	}
	#blog #sdCat ul {
		display: none;
	}
	#blog #sdCat li + li {
		border-top: 1px solid #e8e8e8;
	}
	#blog #sdCat li a {
		position: relative;
		padding: 10px 20px;
		background: none;
		font-size: 12px;
	}
	#blog #sdCat li a:hover {
		text-decoration: none;
	}
	#blog #sdCat li a span {
		display: none;
	}
}
/* #sdTag */
#blog #sdTag {
	margin: 20px 0 0;
}
#blog #sdTag h2 {
	margin: 0 0 15px;
	padding: 6px 0 5px;
	border-bottom: 2px solid #212121;
	font-size: 16px;
	font-weight: bold;
	color: #212121;
}
#blog #sdTag li {
	display: inline-block;
	margin: 0 5px 5px 0;
}
#blog #sdTag li a {
	display: block;
	height: 15px;
	padding: 2px 7px 0 15px;
	background: #e6e6e6 url(/wp/wp-content/themes/m-hand/img/blog/bg_tag01.gif) no-repeat 0 0;
	font-size: 11px;
	letter-spacing: 0;
	line-height: 1.3;
	color: #8d8d8d;
	transition: opacity 0.3s linear;
	opacity: 1;
}
#blog #sdTag li a:hover {
	opacity: .8;
}
@media screen and (max-width: 640px) {
	#blog #sdTag {
		margin: 0 0 30px;
	}
	#blog #sdTag h2 {
		margin: 0;
		padding: 15px 20px 14px;
		background: #212121 url(/wp/wp-content/themes/m-hand/img/common/ico_arw_sp04.png) no-repeat 90% center;
		background-size: 14px auto;
		border-bottom: 0;
		font-size: 18px;
		color: #fff;
	}
	#blog #sdTag ul {
		display: none;
		background-color: #e8e8e8;
		overflow: hidden;
	}
	#blog #sdTag li {
		float: left;
		display: block;
		width: 50%;
		margin: 0;
		background-color: #fff;
		border-bottom: 1px solid #e8e8e8;
		box-sizing: border-box;
		vertical-align: middle;
	}
	#blog #sdTag li:nth-child(odd) {
		border-right: 1px solid #e8e8e8;
	}
	#blog #sdTag li a {
		display: inline-block;
		height: auto;
		padding: 10px;
		background: none;
		font-size: 12px;
		font-weight: bold;
		line-height: 1.5;
		color: #212121;
		vertical-align: middle;
		transition: none;
		opacity: 1;
	}
	#blog #sdTag li a:hover {
		opacity: 1;
	}
}
/* #listMeta
------------------------------ */
#blog #listMeta {
	margin: 0 0 20px;
	overflow: hidden;
}
#blog #listMeta ul {
	float: left;
	width: 212px;
}
#blog #listMeta ul li {
	float: left;
	width: 101px;
	height: 33px;
	background: url(/wp/wp-content/themes/m-hand/img/blog/btn_switch01.png) no-repeat 0 bottom;
	text-indent: -100%;
	white-space: nowrap;
	overflow: hidden;
	cursor: pointer;
}
#blog #listMeta ul li + li {
	float: right;
	background: url(/wp/wp-content/themes/m-hand/img/blog/btn_switch02.png) no-repeat 0 bottom;
}
#blog #listMeta ul li.on {
	background-position: 0 0;
}
#blog #listMeta form {
	display: block;
	float: right;
}
#blog #listMeta form select {
	padding: 5px 5px 6px;
	border: 1px solid #e8e8e8;
	background-color: #fff;
	font-size: 11px;
}
@media screen and (max-width: 640px) {
	#blog #listMeta {
		display: none;
	}
}
/* #listArt
------------------------------ */
#blog #listArt {
	border-top: 2px solid #e8e8e8;
}
#blog #listArt article {
	border-bottom: 2px solid #e8e8e8;
}
#blog #listArt article a {
	padding: 30px 0;
	overflow: hidden;
}
#blog #listArt article a:hover {
	background: #fcfcfc;
}
#blog #listArt article .pic {
	float: left;
	width: 190px;
}
#blog #listArt article .txt {
	float: right;
	width: 410px;
}
#blog #listArt article .txt .info {
	margin: 0 0 10px;
	overflow: hidden;
}
#blog #listArt article .txt .info time {
	display: block;
	float: left;
	width: 110px;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.3;
	color: #999;
}
#blog #listArt article .txt .info .cat {
	float: right;
	padding: 2px 7px 1px;
	font-size: 11px;
	text-align: center;
	line-height: 1.3;
	color: #fff;
}
#blog #listArt article .txt h1 {
	margin: 0 0 13px;
	padding: 0 0 20px;
	border-bottom: 1px dotted #e8e8e8;
	font-size: 22px;
	line-height: 1.4;
	color: #212121;
}
#blog #listArt article .txt aside {
	overflow: hidden;
}
#blog #listArt article .txt aside p {
	float: left;
	width: 110px;
	font-size: 12px;
	letter-spacing: 0;
	color: #212121;
}
#blog #listArt article .txt aside ul {
	float: right;
	width: 280px;
}
#blog #listArt article .txt aside li {
	display: inline-block;
	height: 15px;
	margin: 0 5px 0 0;
	padding: 2px 7px 0 15px;
	background: #e6e6e6 url(/wp/wp-content/themes/m-hand/img/blog/bg_tag01.gif) no-repeat 0 0;
	font-size: 11px;
	letter-spacing: 0;
	line-height: 1.3;
	color: #8d8d8d;
}
#blog #listArt article .txt aside p img {
	padding: 0 10px 0 0;
}
@media screen and (max-width: 640px) {
	#blog #listArt {
		padding: 10px 20px 40px;
		border-top: 0;
		border-bottom: 1px solid #e8e8e8;
	}
	#blog #listArt article {
		border-bottom: 0;
	}
	#blog #listArt article + article {
		border-top: 1px solid #e8e8e8;
	}
	#blog #listArt article a {
		padding: 15px 0;
	}
	#blog #listArt article .pic {
		width: 30%;
	}
	#blog #listArt article .pic img {
		width: 100%;
		height: auto;
	}
	#blog #listArt article .pic img .icoNew {
		display: none;
	}
	#blog #listArt article .txt {
		width: 65%;
	}
	#blog #listArt article .txt .info {
		margin: 0 0 5px;
	}
	#blog #listArt article .txt .info time {
		width: 75px;
		font-size: 12px;
	}
	#blog #listArt article .txt .info .cat {
		float: right;
		padding: 2px 7px 1px;
		font-size: 10px;
		text-align: center;
		line-height: 1.3;
		color: #fff;
	}
	#blog #listArt article .txt h1 {
		margin: 0 0 5px;
		padding: 0;
		border-bottom: none;
		font-size: 14px;
	}
	#blog #listArt article .txt aside {
		overflow: hidden;
	}
	#blog #listArt article .txt aside p {
		float: none;
	}
	#blog #listArt article .txt aside p img {
		display: none;
	}
	#blog #listArt article .txt aside ul {
		display: none;
	}
}
/* .new */
#blog #listArt article.new .pic {
	position: relative;
	width: 355px;
}
#blog #listArt article.new .pic img {
	width: 100%;
	height: auto;
}
#blog #listArt article.new .pic .icoNew {
	position: absolute;
	top: 0;
	left: 0;
	width: 68px;
	height: auto;
}
#blog #listArt article.new .txt {
	width: 255px;
}
#blog #listArt article.new .txt aside p {
	float: none;
	margin: 0 0 10px;
}
#blog #listArt article.new .txt aside ul {
	float: none;
	width: 255px;
}
@media screen and (max-width: 640px) {
	#blog #listArt article.new .pic {
		width: 30%;
	}
	#blog #listArt article.new .pic .icoNew {
		display: none;
	}
	#blog #listArt article.new .txt {
		width: 65%;
	}
	#blog #listArt article.new .txt aside p {
		float: none;
		margin: 0;
	}
}
/* .noPic */
#blog #listArt article.noPic .pic {
	display: none;
}
#blog #listArt article.noPic .txt {
	float: none;
	width: 100%;
}
#blog #listArt article.noPic .txt h1 {
	margin: 0;
	padding: 0;
	border-bottom: 0;
	font-size: 18px;
}
#blog #listArt article.noPic .txt aside {
	display: none;
}
/* #single
------------------------------ */
#blog #single article header {
	position: relative;
	margin: 0 0 30px;
}
#blog #single article header time {
	display: block;
	margin: 0 0 15px;
	font-size: 18px;
	font-weight: bold;
	color: #999;
}
#blog #single article header .cat {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	padding: 2px 7px 1px;
	font-size: 11px;
	text-align: center;
	line-height: 1.3;
	color: #fff;
}
#blog #single article header h1 {
	margin: 0 0 10px;
	font-size: 26px;
	line-height: 1.4;
	color: #212121;
}
#blog #single article header .info {
	overflow: hidden;
}
#blog #single article header .info p {
	float: left;
	width: 110px;
	font-size: 12px;
	letter-spacing: 0;
	color: #212121;
}
#blog #single article header .info p img {
	padding: 0 10px 0 0;
}
#blog #single article header .info ul {
	float: right;
	width: 510px;
}
#blog #single article header .info li {
	display: inline-block;
	height: 15px;
	margin: 0 5px 0 0;
	padding: 2px 7px 0 15px;
	background: #e6e6e6 url(/wp/wp-content/themes/m-hand/img/blog/bg_tag01.gif) no-repeat 0 0;
	font-size: 11px;
	letter-spacing: 0;
	line-height: 1.3;
	color: #8d8d8d;
}
#blog #single article .pic {
	margin: 0 0 15px;
}
#blog #single article .pic img {
	width: 100%;
	height: auto;
}
/* .entry */
#blog #single .entry h2 {
	clear:both;
	line-height: 1.3;
	margin: 30px 0 20px;
	padding: 15px 20px;
	background-color: #edf0f4;
	font-size: 22px;
	font-weight: bold;
	color: #212121;
}
#blog #single .entry h3 {
	margin: 30px 0 10px;
	padding: 0 0 10px;
	border-bottom: 2px solid #bdc6d4;
	font-size: 18px;
	color: #212121;
}
#blog #single .entry h4 {
	margin: 20px 0 10px;
	font-size: 16px;
	color: #212121;
}
#blog #single .entry p {
	margin: 0 0 15px;
}
#blog #single .entry img {
	padding: 0 0 15px;
}
#blog #single .entry a[target="_blank"] {
	margin: 0 3px 0 0;
	padding: 0 13px 0 0;
	background: url(/wp/wp-content/themes/m-hand/img/common/ico_popup01.png) no-repeat right 5px;
}
#blog #single .entry ul {
	margin: 0 0 20px;
	padding: 0 0 0 20px;
}
#blog #single .entry ul li {
	padding: 0 0 0 17px;
	background: url(/wp/wp-content/themes/m-hand/img/blog/ico_list01.png) no-repeat 0 0.5em;
}
#blog #single .entry ol {
	margin: 0 0 20px;
	padding: 0 0 0 48px;
}
#blog #single .entry ol li {
	padding: 0 0 0 10px;
	list-style: decimal-leading-zero outside;
}
#blog #single .entry blockquote {
	width: 560px;
	margin: 0 auto 20px;
	padding: 0 16px;
	border-left: 3px #e7ebf1 solid;
	font-size: 13px;
	line-height: 1.5;
	overflow: hidden;
}
#blog #single .entry blockquote p {
	margin: 0 0 10px;
}
#blog #single .entry blockquote cite {
	float: right;
	padding: 0 0 0 20px;
	background: url(../img/blog/bdr01.gif) no-repeat 0 0.5em;
	color: #9da3a7;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	line-height: 1.5;
}
#blog #single .entry .inBox {
	border: 3px #e7ebf1 solid;
	margin: 30px 0 20px;
	padding: 30px;
}
#blog #single .entry .inBox h2,
#blog #single .entry .inBox h3,
#blog #single .entry .inBox h4 {
	margin-top: 0;
}
#blog #single .entry .inBox p {
	margin: 0;
	padding: 0;
}
#blog #single .entry .inBox p + p {
	margin: 1em 0 0;
}
#blog #single aside {
	border-top: 2px #c8c8c8 solid;
	border-bottom: 2px #c8c8c8 solid;
}
#blog #single aside ul {
	padding: 20px 0 15px;
	height: 65px;
	text-align: center;
}
#blog #single aside ul li {
	display: inline-block;
	padding: 0 10px;
	width: 70px;
	vertical-align: top;
}
@media screen and (max-width: 640px) {
	#blog #single article {
		padding: 20px;
	}
	#blog #single article header {
		margin: 0 0 15px;
	}
	#blog #single article header time {
		margin: 0 0 8px;
		font-size: 14px;
	}
	#blog #single article header .cat {
		font-size: 12px;
	}
	#blog #single article header h1 {
		margin: 0 0 8px;
		font-size: 16px;
	}
	#blog #single article header .info {
		overflow: hidden;
	}
	#blog #single article header .info p {
		display: inline-block;
		margin: 0 5px 0 0;
		width: auto;
	}
	#blog #single article header .info p img {
		display: none;
	}
	#blog #single article header .info ul {
		float: none;
		width: auto;
		display: inline-block;
	}
	#blog #single article header .info li {
		font-weight: bold;
	}
	#blog #single article .pic {
		margin: 0 0 10px;
	}
	#blog #single article .pic img {
		width: 100%;
		height: auto;
	}
	/* .entry */
	#blog #single .entry img {
		width: 100%;
		height: auto;
	}
	#blog #single .entry .alignleft,
	#blog #single .entry .alignright
	#blog #single .entry .alignnone {
		float: none;
		width: 100%;
		height: auto;
	}
	#blog #single .entry blockquote {
		width: 100%;
		margin: 0 0 20px;
		padding: 0 8px;
		border-left: 2px #e7ebf1 solid;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#blog #single .entry blockquote cite {
		float: right;
		padding: 0 0 0 10px;
		background: url(../img/blog/bdr01.gif) no-repeat 0 0.5em;
	}
	#blog #single .entry .inBox {
		padding: 20px;
	}
	#blog #single aside {
		border-top: 2px #c8c8c8 solid;
		border-bottom: 2px #c8c8c8 solid;
	}
	#blog #single aside ul {
		padding: 20px 0 15px;
		height: 65px;
		text-align: center;
	}
	#blog #single aside ul li {
		display: inline-block;
		padding: 0 5px;
		width: 70px;
		vertical-align: top;
	}
	#blog #single .fb-comments {
		display: none;
	}
}
/* syntaxhighlighter */
.syntaxhighlighter {
	padding: 10px 5px;
	border: 1px solid #dadfe5;
	background: #f4f6f9;
}
.syntaxhighlighter .gutter {
	color: #a9a9a9;
}
/* #relate
------------------------------ */
#blog #relate {
	margin: 30px 0 0;
}
#blog #relate header {
	margin: 0 0 25px;
	position: relative;
}
#blog #relate header h1 {
	font-size: 30px;
	font-weight: bold;
	line-height: 1.2;
	color: #001e4c;
	letter-spacing: 0;
}
#blog #relate header .cat {
	position: absolute;
	top: 6px;
	left: 270px;
	display: block;
	width: 95px;
	padding: 2px 0 1;
	font-size: 10px;
	color: #fff;
	line-height: 1.5;
	text-align: center;
}
#blog #relate header .btn {
	position: absolute;
	top: 0;
	right: 0;
}
#blog #relate ul {
	margin: 0 -35px 0 0;
	overflow: hidden;
}
#blog #relate ul li {
	float: left;
	width: 190px;
	min-height: 262px;
	margin: 0 35px 20px 0;
}
#blog #relate ul li.unit04 {
	clear: left;
}
#blog #relate ul li time {
	display: block;
	margin: 10px 0 5px;
	font-weight: bold;
	color: #999;
	line-height: 1.5;
}
#blog #relate ul li h2 {
	font-size: 14px;
	font-weight: bold;
	line-height: 1.3;
	color: #212121;
	word-break: break-all;
}
@media screen and (max-width: 640px) {
	#blog #relate {
		width: 100%;
		margin:0 0 20px;
		padding: 0 20px 20px;
		border-bottom: 1px solid #e8e8e8;
		box-sizing: border-box;
	}
	#blog #relate header {
		margin: 0 0 15px;
	}
	#blog #relate header h1 {
		font-size: 18px;
	}
	#blog #relate header .cat {
		display: none;
	}
	#blog #relate ul {
		margin: 0;
	}
	#blog #relate ul li {
		width: 45%;
		min-height: 10px;
		margin: 0 0 20px;
	}
	#blog #relate ul li.unit04 {
		clear: none;
	}
	#blog #relate ul li:nth-child(even) {
		float: right;
	}
	#blog #relate ul li:nth-child(odd) {
		clear: both;
	}
	#blog #relate ul li img {
		width: 100%;
		height: auto;
	}
	#blog #relate ul li time {
		font-size: 12px;
	}
	#blog #relate ul li h2 {
		font-size: 14px;
	}
}

/* 404
=========================================== */
#page404 {
	text-align: center;
	font-size: 139%;
}
#page404 h3 {
	font-size: 189%;
}
#page404 h3 span {
	color: #001E4C;
}
#page404 a {
	display: inline-block;
	margin: 30px 0 0;
}