/* スタッフブログ */

@media screen and (min-width: 641px){

#blo {
	width: 90%;
	max-width: 1200px;
	line-height: 200%;
	margin: 0px auto;
	}

#blo.top ol {
	margin: 0px 0px 100px 0px;
	}

#blo.top ol a {
	display: block;
	position: relative;
	}

#blo.top dl {
	width: 100%;
	border-bottom: 1px #e0e0e0 solid;
	margin: 0px 0px 40px 0px;
	padding: 0px 0px 40px 0px;
	display: table;
	}

#blo.top dl:last-child {
	margin: 0px;
	padding: 0px;
	}

#blo.top dt {
	width: 25%;
	display: table-cell;
	vertical-align: top;
	}

#blo.top dt img {
	width: 100%;
	height: auto;
	}

#blo.top dd {
	width: 75%;
	padding: 0px 34px 0px 2.5%;
	display: table-cell;
	vertical-align: middle;
	}

#blo.top dd p {
	color: #666666;
	margin: 0px 0px 20px 0px;
	}

#blo.top dd h3 {
	font-size: 21px;
	line-height: 120%;
	}

#blo.top #arr {
    right: 0px;
	top: calc(50% - 20px);
    transform: translateY(-50%);
	}

#blo.det h1 {
	font-size: 32px;
	line-height: 120%;
	margin: 0px 0px 40px 0px;
	}

#blo.det h1 p {
	font-size: 16px;
	font-weight: normal;
	color: #E52082;
	margin: 0px 0px 20px 0px;
	}

#blo.det .main {
	margin: 0px 0px 100px 0px;
	}

#blo.det .main img {
	max-width: 100%;
	}

#blo.det .main a {
	color: #20CDE6;
	text-decoration: underline;
	}

#blo.det #mor {
	width: 460px;
	}

}

@media screen and (max-width: 640px){

#blo {
	width: 90%;
	line-height: 200%;
	margin: 0px auto;
	}

#blo.top ol {
	margin: 0px 0px 50px 0px;
	}

#blo.top ol a {
	position: relative;
	}

#blo.top dl {
	width: 100%;
	border-bottom: 1px #e0e0e0 solid;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 20px 0px;
	display: table;
	}

#blo.top dl:last-child {
	margin: 0px;
	padding: 0px;
	}

#blo.top dt {
	width: 30%;
	display: table-cell;
	vertical-align: top;
	}

#blo.top dt img {
	width: 100%;
	height: auto;
	}

#blo.top dd {
	width: 70%;
	padding: 0px 30px 0px 3%;
	display: table-cell;
	vertical-align: middle;
	}

#blo.top dd p {
	color: #666666;
	}

#blo.top dd h3 {
	font-size: 16px;
	line-height: 120%;
	}

#blo.top #arr {
    right: 0px;
	top: calc(50% - 10px);
    transform: translateY(-50%);
	}

#blo.det h1 {
	font-size: 21px;
	line-height: 120%;
	margin: 0px 0px 30px 0px;
	}

#blo.det h1 p {
	font-size: 14px;
	font-weight: normal;
	color: #E52082;
	margin: 0px 0px 10px 0px;
	}

#blo.det .main {
	margin: 0px 0px 50px 0px;
	}

#blo.det .main img {
	max-width: 100%;
	}

#blo.det .main a {
	color: #20CDE6;
	text-decoration: underline;
	}

#blo.det #mor {
	width: 100%;
	max-width: 460px;
	}

}