@charset "utf-8";

/* ***************************************************************************** */
/*

　目次

-------------------------------------------------------------------------------

　01. downloadBox

*/
/* ***************************************************************************** */

/*-----------------------------------------------------------
===  [ 01. downloadBox ]  ====================================
------------------------------------------------------------*/

.downloadBox .catalogBox {
	width: 100%;
	overflow: hidden;
}
.downloadBox .catalogBox .clearfix {
	width: 664px;
}

.downloadBox .downloadElement {
	float: left;
	width: 307px;
	margin: 0 25px 3em 0;
}
.downloadBox .downloadElement .downloadImg {
	width: 150px;
	margin: 0 auto 1em;
	border: 1px solid #dddddd;
}
.downloadBox .downloadElement dl dt {
	margin-bottom: 0.5em;
}
.downloadBox .downloadElement .downloadLink {
	margin: 1.5em 0 0 0;
}
.downloadBox .downloadElement .downloadLink a {
	display: block;
	padding: 8px;
	background-color: #cbd2d7;
	border-radius: 4px;
	text-align: center;
	font-size: 123.1%;
}
.downloadBox .downloadElement .downloadLink a:link,
.downloadBox .downloadElement .downloadLink a:visited,
.downloadBox .downloadElement .downloadLink a:hover,
.downloadBox .downloadElement .downloadLink a:active {
	color: #333;
	text-decoration: none;
}
.downloadBox .downloadElement .downloadLink a:hover,
.downloadBox .downloadElement .downloadLink a:active {
	opacity: 0.8;
}
.downloadBox .downloadElement .downloadLink a img {
	width: 31px;
	vertical-align: middle;
}

/* --- SP --- */
body.responsive-sp .downloadBox .catalogBox .clearfix {
	width: auto;
}
body.responsive-sp .downloadBox .downloadElement {
	float: none;
	width: auto;
	padding: 1em 0 0 0;
	margin: 0 0 1em 0;
	border-top: 1px solid #ccc;
}
body.responsive-sp .downloadBox .downloadElement:first-child {
	border-top: 0;
}
body.responsive-sp .downloadBox .downloadElement .downloadImg {
	width: auto;
	max-width: 228px;
}
body.responsive-sp .downloadBox .downloadElement dl {
	text-align: center;
}
body.responsive-sp .downloadBox .downloadElement dl dt {
	font-size: 138.5%;
	font-weight: bold;
}
body.responsive-sp .downloadBox .downloadElement .downloadLink a {
	padding: 15px;
	font-size: 138.5%;
}

/* ***************************************************************************** */


/*-----------------------------------------------------------
===  [ 02. softwareBox ]  ====================================
------------------------------------------------------------*/

.softwareBox {
	margin-top: 25px;
}

/* -- SP -- */
body.responsive-sp .softwareBox {
	margin-top: 0;
}

/* ***************************************************************************** */


/* 追加 */
li.softli {
	margin-bottom: 0.5em;
}


/*ページが短い際のSPメニュー対処*/
body.responsive-sp #hdgSpNav #hdgNavBlock {
	height: calc(100vh - 173px);
	overflow-y: auto;
}