@charset "UTF-8";


/* inport(element)
************************************************** */

.blank {
	background: url(../img/search_blank.png) center no-repeat;
	min-height: 200px;
	background-size: contain;
}

.article,
.result {
	background: #fff;
}

.article {
	height: 0;
	display: none;
}

.result div.elm {
	border-radius: 0.34722vw;
	position: relative;
	text-align: left;
}

.article div.elm > a,
.result div.elm > a {
	border: 2px solid #000;
	border-radius: 5px;
	background: #fff;
	display: block;
}

.article div.elm p.elm_header,
.result div.elm p.elm_header {
	border-bottom: 1px solid #000;
	padding: 15px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 4.5em;
	box-sizing: border-box;
}

.article div.elm p.elm_header img,
.result div.elm p.elm_header img {
	margin-left: 15px;
}

.article div.elm dl,
.result div.elm dl {
	margin: 15px;
}

.article div.elm dl dt,
.result div.elm dl dt {
	display: block;
	color: #0D6DB8;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.article div.elm dl dd,
.result div.elm dl dd {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	height: 4.25em;
}

.article div.elm p.elm_link > span,
.result div.elm p.elm_link > span {
	display: block;
	background: #E58400;
	color: #fff;
	text-align: center;
	padding: 0.5em;
	position: relative;
	text-decoration: none;
}

.article div.elm p.elm_link span.release,
.result div.elm p.elm_link span.release,
.article div.elm p.elm_link span:nth-child(2),
.result div.elm p.elm_link span:nth-child(2),
.article div.elm p.elm_link span.release {
	display: none !important;
}

.article div.elm p.elm_header span.elm_title,
.result div.elm p.elm_header span.elm_title {
	line-height: 1.2;
}


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

	.result {
		margin: 2.08333vw 0 0;
	}

	.rsc, .mop, .xml {
		display: block;
		width: calc( 100% / 3 );
		float: left;
	}

	.rsc div.elm,
	.mop div.elm,
	.article div.elm {
		width: 97.46094%;
	}

	.result div.elm {
		margin: 0 0.846356% 3vh;
		width: 31.64062%;
		box-sizing: border-box;
		transition: .3s;
/*
		margin-left: 2.53906%;
*/
		background: #ffe34c;
	}

	.rsc div.elm {
		margin-left: 0;
	}

	.article div.elm a,
	.result div.elm a {
		display: block;
		transition: .3s;
		position: relative;
		border-radius: 0.34722vw;
		overflow: hidden;
	}

	.article div.elm:hover,
	.result div.elm:hover {
		transform: translate(0.5em, 0.5em);
	}

	.article div.elm a:hover,
	.result div.elm a:hover {
		transform: translate(-1em, -1em);
	}

	.article div.elm a:hover {
	}

	.article div.elm p.elm_header span.elm_title,
	.result div.elm p.elm_header span.elm_title {
		font-size: 0.83333vw;
	}

	.article div.elm p.elm_header,
	.result div.elm p.elm_header {
		padding: 0.90278vw 0.97222vw 0.76389vw;
	}

	.article div.elm p.elm_header img,
	.result div.elm p.elm_header img {
		width: 21%;
	}

	.article div.elm figure a img,
	.article div.elm p.elm_link span,
	.result div.elm figure a img,
	.result div.elm p.elm_link span {
		transition: .3s;
		opacity: 1;
	}

	.article div.elm figure,
	.result div.elm figure {
		margin: 0.83333vw;
		border: 1px solid #ccc;
		position: relative;
		overflow: hidden;
		height: 12.91667vw;
		padding: 0;
	}

	.article div.elm figure img,
	.result div.elm figure img {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate( -50%, -50% );
		margin: 0;
		padding: 0;
		display: block;
		max-width: 100%;
		max-height: 100%;
	}

	.article div.elm figure figcaption,
	.result div.elm figure figcaption {
		display: none;
	}

	.article div.elm p.elm_link span strong,
	.result div.elm p.elm_link span strong {
		transform: scale( 0.6, 1 ) translateX(0.5em);
		position: absolute;
		transition: .3s;
	}

	.article div.elm a:hover p.elm_link span strong,
	.result div.elm a:hover p.elm_link span strong {
		transform: scale( 0.6, 1 ) translateX(2em);
	}

	.article div.elm dl dt,
	.result div.elm dl dt {
		margin-bottom: 0.83333vw;
		font-size: 0.83333vw;
		height: 1.5em;
	}

	.article div.elm dl dt,
	.result div.elm dl dt {
		margin-bottom: 0.83333vw;
		font-size: 0.83333vw;
	}

	.article div.elm dl dd,
	.result div.elm dl dd {
		font-size: 1.04167vw
	}


	.article div.elm p.elm_link,
	.result div.elm p.elm_link {
		font-size: 0.83333vw;
	}

	.article div.elm p.elm_link span,
	.result div.elm p.elm_link span {
		padding: 0.83333vw 0;
	}

}

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

	.blank {
		margin-top: 4.8vw;
	}

	.article div.elm,
	.result div.elm {
		overflow: hidden;
		margin: 2vw 0;
		width: 100%;
		color: #000;
		box-sizing: border-box;
		border-radius: 1.33333vw;
	}

	.article div.elm a,
	.result div.elm a {
		border-radius: 1.33333vw;
	}

	.article div.elm p.elm_header,
	.result div.elm p.elm_header {
		padding: 2vw 3vw;
		min-height: 11.2vw;
		border-bottom: 1px solid #000;
	}

	.article div.elm figure,
	.article div.elm dl,
	.result div.elm figure,
	.result div.elm dl {
		margin: 3vw;

	}

	.article div.elm p.elm_header span.elm_title,
	.article div.elm dl,
	.result div.elm p.elm_header span.elm_title,
	.result div.elm dl {
		font-size: 3.2vw;
		line-height: 1.2;
	}

	.article div.elm figure figcaption,
	.result div.elm figure figcaption {
		font-size: 3vw;
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 5;
	}

	.article div.elm p.elm_header img,
	.result div.elm p.elm_header img {
		width: 17.5%;
		margin-left: 5%;
	}

	.article div.elm figure,
	.result div.elm figure {
		display: flex;
		justify-content: space-between;
		position: relative;
		overflow: hidden;
		height: 23.73333vw;
		width: 90%;
		margin: 3vw auto;
	}

	.article div.elm figure span,
	.result div.elm figure span {
		display: block;
		position: relative;
		width: 45%;
		height: 23.73333vw;
		overflow: hidden;
		border: 1px solid #CCCCCC;
	}

	.article div.elm figure img,
	.result div.elm figure img {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate( -50%, -50% );
		margin: 0;
		padding: 0;
		display: block;
		max-width: 100%;
		max-height: 100%;
	}

	.article div.elm figure figcaption,
	.result div.elm figure figcaption {
		display: block;
		width: 50%;
		font-size: 3.46667vw;
	}

	.article div.elm dl,
	.result div.elm dl {
		width: 85%;
	}

	.article div.elm p.elm_link span span,
	.article div.elm dl dd,
	.result div.elm p.elm_link span span,
	.result div.elm dl dd {
		display: none;
	}

/*
	.article div.elm p.elm_link,
	.result div.elm p.elm_link {
		transform: rotate(-45deg);
		line-height: 1.0;
		position: absolute;
		right: -11%;
		bottom: -9%;
		text-align: center;
	}

	.article div.elm p.elm_link a strong,
	.result div.elm p.elm_link a strong {
		transform: rotate(45deg) scale( 0.6, 1 );
		font-size: 3vw;
		width: 8em;
		height: 3em;
		display: block;
	}


*/

	.article div.elm p.elm_link,
	.result div.elm p.elm_link {
		position: absolute;
		right: 2px;
		bottom: 2px;
		padding: 0;
		width: 12.8vw;
		height: 10.93333vw;
		border-radius: 0 0 calc(1.33333vw - 2px) 0;
		background: linear-gradient(140deg, #fff 0%, #fff 50%, #E58400 50%, #E58400 100%);
	}



	.article div.elm p.elm_link:before,
	.result div.elm p.elm_link:before {
		content: "";
		position: absolute;
		background: url(/msppoint/special/img/arrow_icon_w_white.png) 0 0 no-repeat;
		top: 75%;
		right: 2.66667vw;
		width: 3.46667vw;
		height: 2.66667vw;
		-webkit-transform: translateY(-75%);
		transform: translateY(-75%);
		background-size: contain;
	}

	.article div.elm p.elm_link span,
	.result div.elm p.elm_link span {
		display: none;
	}


}