/**** header ****/
.font17 {
    font-size: 18px !important;
    font-weight: bold;
    line-height: 120%;
}
.font14 {
    font-size: 14px !important;
    font-weight: normal;
    line-height: 120%;
}
#pageHeader {
    margin-bottom: 20px;
}
#pageHeader h1 {
    background: url("/support/images/download/title_softwaredl.jpg") no-repeat scroll left top;
    height: 31px;
    margin-bottom: 20px;
    overflow: hidden;
    text-align: left;
    text-indent: -9999px;
}
@media (max-width: 640px) {
	#pageHeader h1 {
		background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
		border-bottom: 2px solid #ccc !important;
		height: 50px;
		margin: 0 0 15px !important;
		text-indent: 0;
	}
	#pageHeader h1 span {
		color: #45678e;
		display: block;
	}
}
#contents .section {
	margin-bottom: 30px;
}
.gray_box {
    background-color: #f2f2f2;
    margin-bottom: 20px;
    overflow: hidden;
}
@media (max-width: 640px) {
	.gray_box {
	    margin-bottom: 30px;
	}
}
.anchor_box {
    margin-bottom: 0;
}
.anchor_box .anchor_box_inner {
    margin-bottom: 0;
    margin-top: 0;
}
.anchor_box_inner {
    overflow: hidden;
}
.anchor_box_inner ul {
    padding: 20px 10px 10px 30px;
}
@media (max-width: 640px) {
	.anchor_box_inner ul {
	    padding: 0;
	}
}
.anchor_box_inner ul li {
    float: none;
    margin-bottom: 0;
}
.anchor_box .anchorlink {
    margin: 0 0 10px;
}
#contents .section .gray_box .anchor_box .anchor_box_inner ul li.anchorlink {
    float: left;
    margin: 0 15px 15px 0;
    width: 265px;
}
@media (max-width: 640px) {
	.anchor_box_inner ul {
	    margin-left: 10px;
	}
	#contents .section .anchor_box .anchor_box_inner ul {
	    margin-left: 10px;
	    margin-top: 10px;
	}
	#contents .section .gray_box .anchor_box .anchor_box_inner ul li.anchorlink {
	    float: none;
	    margin-right: 0;
	    width: auto;
	}
}
#contents .section .gray_box .anchor_box .anchor_box_inner ul.other_products_link li {
    background: url("/share/images/arrow_black.gif") no-repeat scroll left 0.4em;
    float: left;
    list-style: outside none none;
    margin: 0 30px 0 0;
    padding: 0 0 0 10px;
}

/* ナビゲーション */
.nav_main {
    direction: ltr;
    display: table-cell;
    vertical-align: top;
}
.nav_producs {
    font-size: 14px;
    overflow: hidden;
}
.nav_list::after {
    content: "";
    display: block;
    margin-top: -30px;
}
.nav_list {
    font-size: 0;
    margin: 0 -15px;
}
.listitem {
    box-sizing: border-box;
    display: inline-block;
    font-size: 14px;
    margin-bottom: 30px;
    padding: 0 10px;
    vertical-align: top;
    width: 25%;
}
#contents .section .nav .nav_list .listitem {
    width: 20%;
}

.listitem > a {
    height: auto;
    min-height: 210px;
}
.listitem ul.txtlink {
	margin-left: 15px;
	margin-top: 10px;
}
.nav .nav_producs .nav_list .listitem .leftarea ul.txtlink {
	margin-left: 5px;
}
@media (max-width: 640px) {
	.nav .nav_producs .nav_list .listitem .leftarea ul.txtlink {
		margin-left: 15px;
	}
}
.nav .nav_producs .nav_list .listitem .leftarea ul.txtlink li {
	font-size: 14px;
	margin-right: 0;
}
@media (max-width: 640px) {
	.nav {
	    direction: ltr;
	    display: block;
	    vertical-align: top;
	}
	.nav .nav_producs .nav_list .listitem .leftarea ul.txtlink li {
		font-size: 14px;
		margin-right: 30px;
	}
}
.listitem a {
    display: block;
    transition: opacity 0.2s ease 0s;
	background-repeat: no-repeat;
	background-position: 10px center;
	margin-bottom: 5px;
}
.list_image {
    border-top: 1px solid #000;
    padding-top: 10px;
}
.list_image img {
    display: block;
    height: auto;
    width: 100%;
}
img, legend {
    border: 0 none;
}
.list_text::before {
    display: inline-block;
    font-family: "icon";
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    margin: 0 0.2em 0.2em 0;
    text-transform: none;
    vertical-align: middle;
}
.list_text {
	word-break: break-all;
    font-weight: bold;
	margin: 0 10px 5px;
}
.list_text.one-line {
    font-weight: bold;
	margin: 0 10px 31px;
}
sup {
    top: -0.5em;
}
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
.::before {
    display: inline-block;
    font-family: "icon";
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    margin: 0 0.6em 0.05em 0;
    text-transform: none;
    vertical-align: middle;
}
.:last-child {
    margin-bottom: 0;
    margin-right: 0;
}
.{
    background: #5787f4 none repeat scroll 0 0;
    border: medium none;
    border-radius: 1px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    font-size: 100%;
    transition: background 0.2s ease 0s;
}
a.:hover {
	text-decoration: none;
	color: #fff;
}
#contents .section .title {
	font-weight: bold;
	font-size: 130%;
	margin: 0 0 10px 0;
}
#contents .section .nav .nav_list .listitem .list_text {
	font-size: 90%;
}
#contents .section .nav .nav_list .listitem .list_text {
	height: 3em;
	margin : 0 0 5px;
	padding-left: 5px;
}
#contents .section .nav .nav_list .listitem .list_text.three-line {
	height: 4.5em;
}
@media (max-width: 640px) {
	.listitem {
		box-sizing: content-box;
		display: block;
		width: auto;
	}
	#contents .section .nav .nav_list .listitem {
		width: auto;
	}
	.list_image img {
		float: left;
		width: 30%;
	}
}
@media (max-width: 370px) {
	.list_image img {
		padding-bottom: 0
	}
}
@media (max-width: 640px) {
	.nav_list {
		margin: 0;
	}
	.listitem {
		padding-left: 0;
		padding-right: 0;
		padding-bottom: 15px;
		margin-bottom: 15px;
	}
	.list_text {
		font-weight: bold;
		margin: 0 10px 5px 10px;
		padding-top: 10px;
		width: 100%;
	}
	#contents .section .nav .list_text {
		margin: 0 10px 5px 10px;
		width: 100%;
	}
	.list_text.one-line {
		margin: 0 10px 5px 10px;
	}
	.leftarea {
		float: left;
		width: 70%;
	}

	#contents .nav .nav_producs .nav_list .listitem .leftarea .list_text {
		margin-left: 5px;
		width: 95%;
	}
}

#contents span.link_out {
    background: transparent url("/support/share/images/icon_blank.gif") no-repeat scroll 0 0;
    display: inline-block;
    height: 0;
    margin-left: 3px;
    overflow: hidden;
    padding: 9px 0 0;
    vertical-align: baseline;
    width: 11px;
}

#contents .software {
	margin: 20px 0 30px;
}
#contents .software p {
	margin-bottom: 10px;
	margin-left: 0;
}
#contents .software ul.txtlink li {
	float: none;
}
@media screen and (max-width: 640px) {
	#contents .software {
		margin-top: 30px;
	}
	#contents .software ul.txtlink li {
		margin-right: 0;
	}
}

#sbi_comment1 table {
	margin-left: auto;
	margin-right: auto;
}
@media (max-width: 640px) {
	#sbi_comment1 table{
		width: auto;
		margin-bottom:20px;
	}
	#sbi_comment1 table input{
		max-width:97px;
		width: 30%;
		height:auto;
	}
}

/* 20211021 */
.ml5pc {
    margin-left: 5px!important;
}

.mlpc {
    margin-left: 0;
}

@media (max-width: 640px) {
	.ml5pc {
		margin-left: 10px!important;
	}
	
	.mlpc {
		margin-left: 10px;
	}
}

/* 20230130 */
a.s5-link, .s5-categoryList__linkText {
    color: #2f353d;
}

#contents .listitem {
    width: 20%;
}

#contents .nav .nav_producs .nav_list .listitem .leftarea ul.txtlink {
    margin-left: 0px;
    padding-left: 10px;
}

#contents .nav .nav_producs .nav_list .listitem .leftarea ul.txtlink li {
    list-style: none;
    font-size: 1rem;
}

#contents .listitem {
    font-size: 1rem;
}

#contents img.icon_window {
    padding-left: 0.25em;
}

li.c5-ankerLinkList a {
    justify-content: space-between;
}

.listitem a {
	color: #2f353d;
}

.listitem a.s5-linkV3:after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20fill%3D'%232F353D'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20x%3D'0px'%20y%3D'0px'%20width%3D'32px'%20height%3D'32px'%20viewBox%3D'0%200%2032%2032'%3E%3Cpath%20d%3D'M25.6%2C16l-16%2C16l-3.2-3.2L19.1%2C16L6.4%2C3.2L9.6%2C0L25.6%2C16z'%2F%3E%3C%2Fsvg%3E");
}

@media (max-width: 640px) {
	#contents .listitem {
		width: auto;
	}
}