/* 製品情報 submenu */

.product-name {
	margin: 0 0 0 0;
	padding: 10px 15px 10px 15px!important;
	font-size: 0.8em;
	font-weight: 600;
	color: #fff;
	letter-spacing: 1px;
	border-radius: 0;
}
.sub-products a {
	padding: 15px 15px!important;
}
.sub-products h5{
	margin-bottom: 0!important;
	}
.sub-products h5:before {
	content: "";
}
.sub-cnc li, .sub-fk li, .sub-tps li, .sub-mc li, .sub-tac li, .sub-fs li, .sub-software li, .robot li{
	/*font-family: 'Audiowide', cursive;*/
}
/* cnc */
.sub-cnc h5 {
	background: -moz-linear-gradient(top, rgba(0,178,178,0.7), rgba(0,178,178,0.7) 50%, rgba(0,178,178,1.0) 50%, rgba(0,178,178,1.0));
	background: -ms-linear-gradient(top, rgba(0,178,178,0.7), rgba(0,178,178,0.7) 50%, rgba(0,178,178,1.0) 50%, rgba(0,178,178,1.0));
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,178,178,0.7)), color-stop(0.5, rgba(0,178,178,0.7)), color-stop(0.5, rgba(0,178,178,1.0)), to(rgba(0,178,178,1.0)));
}
.sub-cnc li {
	border-bottom: 1px dotted rgba(0,178,178,0.5)!important;
	border-left: 1px solid rgba(0,178,178,0.5)!important;
	border-right: 1px solid rgba(0,178,178,0.5)!important;
}
.sub-cnc a {
	color: rgba(0,178,178,1.0)!important;
	background-image: url(../img/arrow-cnc-right.png)!important;
}
.sub-cnc a:hover {
	background-color: rgba(0,178,178,0.2)!important;
	background-image: url(../img/arrow-cnc-right_on.png)!important;
}
.sub-cnc li:last-child {
	border-bottom: 1px solid rgba(0,178,178,0.5)!important;
}
/* fk */
.sub-fk h5 {
	background: -moz-linear-gradient(top, rgba(76,165,255,0.7), rgba(76,165,255,0.7) 50%, rgba(76,165,255,1.0) 50%, rgba(76,165,255,1.0));
	background: -ms-linear-gradient(top, rgba(76,165,255,0.7), rgba(76,165,255,0.7) 50%, rgba(76,165,255,1.0) 50%, rgba(76,165,255,1.0));
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(76,165,255,0.7)), color-stop(0.5, rgba(76,165,255,0.7)), color-stop(0.5, rgba(76,165,255,1.0)), to(rgba(76,165,255,1.0)));
}
.sub-fk li {
	border-bottom: 1px dotted rgba(76,165,255,0.5)!important;
	border-left: 1px solid rgba(76,165,255,0.5)!important;
	border-right: 1px solid rgba(76,165,255,0.5)!important;
}
.sub-fk a {
	color: rgba(76,165,255,1.0)!important;
	background-image: url(../img/arrow-fk-right.png)!important;
}
.sub-fk a:hover {
	background-color: rgba(76,165,255,0.2)!important;
	background-image: url(../img/arrow-fk-right_on.png)!important;
}
.sub-fk li:last-child {
	border-bottom: 1px solid rgba(76,165,255,0.5)!important;
}
/* tps */
.sub-tps h5 {
	background: -moz-linear-gradient(top, rgba(64,51,166,0.7), rgba(64,51,166,0.7) 50%, rgba(64,51,166,1.0) 50%, rgba(64,51,166,1.0));
	background: -ms-linear-gradient(top, rgba(64,51,166,0.7), rgba(64,51,166,0.7) 50%, rgba(64,51,166,1.0) 50%, rgba(64,51,166,1.0));
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(64,51,166,0.7)), color-stop(0.5, rgba(64,51,166,0.7)), color-stop(0.5, rgba(64,51,166,1.0)), to(rgba(64,51,166,1.0)));
}
.sub-tps li {
	border-bottom: 1px dotted rgba(64,51,166,0.5)!important;
	border-left: 1px solid rgba(64,51,166,0.5)!important;
	border-right: 1px solid rgba(64,51,166,0.5)!important;
}
.sub-tps a {
	color: rgba(64,51,166,1.0)!important;
	background-image: url(../img/arrow-tps-right.png)!important;
}
.sub-tps a:hover {
	background-color: rgba(64,51,166,0.2)!important;
	background-image: url(../img/arrow-tps-right_on.png)!important;
}
.sub-tps li:last-child {
	border-bottom: 1px solid rgba(64,51,166,0.5)!important;
}
/* mc */
.sub-mc h5 {
	background: -moz-linear-gradient(top, rgba(255,121,76,0.7), rgba(255,121,76,0.7) 50%, rgba(255,121,76,1.0) 50%, rgba(255,121,76,1.0));
	background: -ms-linear-gradient(top, rgba(255,121,76,0.7), rgba(255,121,76,0.7) 50%, rgba(255,121,76,1.0) 50%, rgba(255,121,76,1.0));
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,121,76,0.7)), color-stop(0.5, rgba(255,121,76,0.7)), color-stop(0.5, rgba(255,121,76,1.0)), to(rgba(255,121,76,1.0)));
}
.sub-mc li {
	border-bottom: 1px dotted rgba(255,121,76,0.5)!important;
	border-left: 1px solid rgba(255,121,76,0.5)!important;
	border-right: 1px solid rgba(255,121,76,0.5)!important;
}
.sub-mc a {
	color: rgba(255,121,76,1.0)!important;
	background-image: url(../img/arrow-mc-right.png)!important;
}
.sub-mc a:hover {
	background-color: rgba(255,121,76,0.2)!important;
	background-image: url(../img/arrow-mc-right_on.png)!important;
}
.sub-mc li:last-child {
	border-bottom: 1px solid rgba(255,121,76,0.5)!important;
}
/* tac */
.sub-tac h5 {
	background: -moz-linear-gradient(top, rgba(51,164,72,0.7), rgba(51,164,72,0.7) 50%, rgba(51,164,72,1.0) 50%, rgba(51,164,72,1.0));
	background: -ms-linear-gradient(top, rgba(51,164,72,0.7), rgba(51,164,72,0.7) 50%, rgba(51,164,72,1.0) 50%, rgba(51,164,72,1.0));
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(51,164,72,0.7)), color-stop(0.5, rgba(51,164,72,0.7)), color-stop(0.5, rgba(51,164,72,1.0)), to(rgba(51,164,72,1.0)));
}
.sub-tac li {
	border-bottom: 1px dotted rgba(51,164,72,0.5)!important;
	border-left: 1px solid rgba(51,164,72,0.5)!important;
	border-right: 1px solid rgba(51,164,72,0.5)!important;
}
.sub-tac a {
	color: rgba(51,164,72,1.0)!important;
	background-image: url(../img/arrow-tac-right.png)!important;
}
.sub-tac a:hover {
	background-color: rgba(51,164,72,0.2)!important;
	background-image: url(../img/arrow-tac-right_on.png)!important;
}
.sub-tac li:last-child {
	border-bottom: 1px solid rgba(51,164,72,0.5)!important;
}
/* fs */
.sub-fs h5 {
	background: -moz-linear-gradient(top, rgba(102,164,41,0.7), rgba(102,164,41,0.7) 50%, rgba(102,164,41,1.0) 50%, rgba(102,164,41,1.0));
	background: -ms-linear-gradient(top, rgba(102,164,41,0.7), rgba(102,164,41,0.7) 50%, rgba(102,164,41,1.0) 50%, rgba(102,164,41,1.0));
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(102,164,41,0.7)), color-stop(0.5, rgba(102,164,41,0.7)), color-stop(0.5, rgba(102,164,41,1.0)), to(rgba(102,164,41,1.0)));
}
.sub-fs li {
	border-bottom: 1px dotted rgba(102,164,41,0.5)!important;
	border-left: 1px solid rgba(102,164,41,0.5)!important;
	border-right: 1px solid rgba(102,164,41,0.5)!important;
}
.sub-fs a {
	color: rgba(102,164,41,1.0)!important;
	background-image: url(../img/arrow-fs-right.png)!important;
}
.sub-fs a:hover {
	background-color: rgba(102,164,41,0.2)!important;
	background-image: url(../img/arrow-fs-right_on.png)!important;
}
.sub-fs li:last-child {
	border-bottom: 1px solid rgba(102,164,41,0.5)!important;
}
/* software*/
.sub-software h5 {
	background: -moz-linear-gradient(top, rgba(224,181,24,0.7), rgba(224,181,24,0.7) 50%, rgba(224,181,24,1.0) 50%, rgba(224,181,24,1.0));
	background: -ms-linear-gradient(top, rgba(224,181,24,0.7), rgba(224,181,24,0.7) 50%, rgba(224,181,24,1.0) 50%, rgba(224,181,24,1.0));
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(224,181,24,0.7)), color-stop(0.5, rgba(224,181,24,0.7)), color-stop(0.5, rgba(224,181,24,1.0)), to(rgba(224,181,24,1.0)));
}

.sub-software li {
	border-bottom: 1px dotted rgba(224,181,24,0.5)!important;
	border-left: 1px solid rgba(224,181,24,0.5)!important;
	border-right: 1px solid rgba(224,181,24,0.5)!important;
}
.sub-software a {
	color: rgba(224,181,24,1.0)!important;
	background-image: url(../img/arrow-software-right.png)!important;
}
.sub-software a:hover {
	background-color: rgba(224,181,24,0.2)!important;
	background-image: url(../img/arrow-software-right_on.png)!important;
}
.sub-software li:last-child {
	border-bottom: 1px solid rgba(224,181,24,0.5)!important;
}

/* robot*/
.sub-robot h5 {
	background: -moz-linear-gradient(top, rgba(102,100,100,0.7), rgba(102,100,100,0.7) 50%, rgba(102,100,100,1.0) 50%, rgba(102,100,100,1.0));
	background: -ms-linear-gradient(top, rgba(102,100,100,0.7), rgba(102,100,100,0.7) 50%, rgba(102,100,100,1.0) 50%, rgba(2102,100,100,1.0));
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(102,100,100,0.7)), color-stop(0.5, rgba(102,100,100,0.7)), color-stop(0.5, rgba(102,100,100,1.0)), to(rgba(102,100,100,1.0)));
}

.sub-robot li {
	border-bottom: 1px dotted rgba(102,100,100,0.5)!important;
	border-left: 1px solid rgba(102,100,100,0.5)!important;
	border-right: 1px solid rgba(102,100,100,0.5)!important;
}
.sub-robot a {
	color: rgba(102,100,100,1.0)!important;
	background-image: url("../img/arrow-robot-right.png")!important;
}
.sub-robot a:hover {
	background-color: rgba(102,100,100,0.2)!important;
	background-image: url("../img/arrow-robot-right_on.png")!important;
}
.sub-robot li:last-child {
	border-bottom: 1px solid rgba(102,100,100,0.5)!important;
}

/* 製品情報 一覧ページ用 */

.series_area:not(:last-child) {
	margin-bottom: 80px;
}

@media(max-width:767px) {
	.series_area:not(:last-child) {
	margin-bottom: 0px;
}
}

h5.series_title{
	background: none;
	padding: 0;
}

h5.series_title a{
	display: block;
    padding: 1em;
    font-weight: 600;
    color: #fff;
    background-repeat: no-repeat;
    border-radius: 5px;
	position: relative;
}

h5.series_title a:hover{
	opacity: 0.5;
}

h5.series_title a::after{
	content: "";
	width: 20px;
	height: 11px;
    background: url("../img/product/icon-arrow-white.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-color: transparent;
    position: absolute;
    pointer-events: none;
	top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}

h5.series_title::before{
	display: none;
}

h5.series_title a.cnc_series{
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,178,178,0.7)), color-stop(0.5, rgba(0,178,178,0.7)), color-stop(0.5, rgba(0,178,178,1.0)), to(rgba(0,178,178,1.0)));
}

h5.series_title a.fk_series{
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(76,165,255,0.7)), color-stop(0.5, rgba(76,165,255,0.7)), color-stop(0.5, rgba(76,165,255,1.0)), to(rgba(76,165,255,1.0)));
}

h5.series_title a.tps_series{
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(64,51,166,0.7)), color-stop(0.5, rgba(64,51,166,0.7)), color-stop(0.5, rgba(64,51,166,1.0)), to(rgba(64,51,166,1.0)));
}

h5.series_title a.mc_series{
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,121,76,0.7)), color-stop(0.5, rgba(255,121,76,0.7)), color-stop(0.5, rgba(255,121,76,1.0)), to(rgba(255,121,76,1.0)));
}

h5.series_title a.tac_series{
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(51,164,72,0.7)), color-stop(0.5, rgba(51,164,72,0.7)), color-stop(0.5, rgba(51,164,72,1.0)), to(rgba(51,164,72,1.0)));
}

h5.series_title a.fs_series{
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(102,164,41,0.7)), color-stop(0.5, rgba(102,164,41,0.7)), color-stop(0.5, rgba(102,164,41,1.0)), to(rgba(102,164,41,1.0)));
}

h5.series_title a.sf_series{
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(224,181,24,0.7)), color-stop(0.5, rgba(224,181,24,0.7)), color-stop(0.5, rgba(224,181,24,1.0)), to(rgba(224,181,24,1.0)));
}

h5.series_title a.rb_series{
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(102,100,100,0.7)), color-stop(0.5, rgba(102,100,100,0.7)), color-stop(0.5, rgba(102,100,100,1.0)), to(rgba(102,100,100,1.0)));
}

.product {
}
.product-text {
	font-size: 1.2em;
}
.product-text p {
	text-align: left!important;
	margin: 10px 0 30px 0;
}
.product .well {
	border: 2px solid #fff;
	background-color: #fff;
	box-shadow: none;
	border-radius: 5px;
	padding: 0 0 5px 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.product .well:hover {
	opacity: 0.7;
}
.product .well img {
	padding: 15px;
}
.product-title {
	font-size: 1.2em!important;
	text-align: center;
	font-weight: bold!important;
	letter-spacing: 1px;
	/*font-family: 'Audiowide', cursive;*/
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.product-title small {
	color: #999;
	margin-left: 2px;
	font-size: 0.8em;
}
.product p {
	font-size: 0.8em;
	text-align: center;
	color: #666;
}
.product .big {
	font-weight: bold;
	font-size: 1.2em;
}
.product .small {
	color: #E95504;
}
.products-img {
	border-radius: 5px;
}

@media(max-width:767px) {
	.well{
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		}
}

.series_title_area {
	margin-bottom: 20px;
}

.series_title_area p{
	color: #fff;
	width: 100%;
	background-color: #000;
	border-radius: 5px;
	padding: 1em;
	background-size: cover;
	font-size: 14px;
}

.series_title_area p.cnc_bk{
	background-image: url(../img/product/img-cnc.jpg);
}
.series_title_area p.fk_bk{
	background-image: url(../img/product/img-fk.jpg);
}
.series_title_area p.tps_bk{
	background-image: url("../img/product/img-tps.jpg");
}
.series_title_area p.mc_bk{
	background-image: url("../img/product/img-mc.jpg");
}
.series_title_area p.tac_bk{
	background-image: url("../img/product/img-tac.jpg");
}
.series_title_area p.fs_bk{
	background-image: url("../img/product/img-fs.jpg");
}

span.product_name a{
	display: block;
    padding: 0.5em;
    font-weight: 600;
    color: #fff;
    background-repeat: no-repeat;
    border-radius: 5px;
	position: relative;
	width: 210px;
	font-size: 14px;
}

span.product_name a:hover{
	opacity: 0.5;
}

span.product_name a::after{
	content: "";
	width: 20px;
	height: 11px;
    background: url("../img/product/icon-arrow-white.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-color: transparent;
    position: absolute;
    pointer-events: none;
	top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}

@media screen and (max-width: 767px) {
	span.product_name a{
	padding-right: 2em;
	text-align: left;
	width: 100%;
}
}

.cnc-color{
	background-color:rgba(0,178,178,1);
}
.fk-color{
	background-color:rgba(76,165,255,1);
}
.tps-color{
	background-color:rgba(64,51,166,1);
}
.mc-color{
	background-color:rgba(255,121,76,1);
}
.tac-color{
	background-color:rgba(51,164,72,1);
}
.fs-color{
	background-color:rgba(102,164,41,1);
}
.software-color{
	background-color:rgba(224,181,24,1);
}
.robot-color{
	background-color:rgba(102,100,100,1);
}
.other-color{
	background-color:#395CA3;
}


/* 製品情報 一覧ページ用　テーブル */
.product-index table {
  border-collapse: collapse;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  /*table-layout: fixed;*/
  /*color: #4CAF50;*/
}

.product-index table {
}

.product-index table thead{
	background-color: #eee;
	color: #000;
	font-weight: normal!important;
}

.product-index table tr {
 	 padding: .35em;
  	border-bottom: 1px dotted #000;
}
.product-index table tr:last-child{
   border-bottom: 1px solid #000;
}

.product-index table th{
  	padding: 0.5em;
	font-weight: normal!important;
}

.product-index table td {
  padding: 1em 0.25em 1em 0.25em;
	vertical-align: middle;
}

.product-index table th{
	font-size: 0.8em;
}

.product-index tbody th img{
	margin-right: 5em;
}
.product-index table thead td{
	width: 6%;
}
.product-index table thead th:nth-of-type(1){
	width: 12%;
}
.product-index table thead th:nth-child(n+2){
	width: 13%;
}
.product-index table thead.sf td{
	width: 12%;
}
.product-index table thead.sf th:nth-of-type(1){
	width: 33%;
}

.product-index table thead.sf th:nth-of-type(n+2){
	width: 55%;
}

.sf_txt{
	text-align: left!important;
}


@media screen and (max-width: 767px) {
.product-index table {
    border: 0;
    width:100%
  }
.product-index table th{
    display: block;
    border-right: none;
    border-bottom: 2px solid #000;
    padding-bottom: .6em;
    margin-bottom: .6em;

  }
.product-index table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
.product-index table tr {
    display: block;
    margin-bottom: 2em;
        border-bottom: 2px solid #000;
  }
  
.product-index table td {
    border-bottom: 1px solid #bbb;
    display: block;
    font-size: .8em;
    text-align: right;
    position: relative;
    padding: .625em .625em .625em 10em;
    border-right: none;
	vertical-align: middle;
  }
  
.product-index table td::before {
    content: attr(data-label);
    font-weight: bold;
    position: absolute;
    left: 10px;
	top: 50%;
	margin-top: -0.6em;
  }
  
.product-index table td:last-child {
    border-bottom: 0;
  }

.product-index tbody th {
	width: 100%;
}
.product-index tbody th img {
	width: 20%;
}	
	
	
}


/* レイアウト */

.dl-horizontal.machine-size dt {
	text-align: left;
	width: 100px;
	padding: 0;
}
.dl-horizontal.machine-size dd {
	margin-left: 0px;
	padding: 0;
}
.dl-horizontal.machine-size-b dt {
	text-align: left;
	width: 30px;
	padding: 0;
}
.dl-horizontal.machine-size-b dd {
	margin-left: 0px;
	padding: 0;
}
/* アコーディオンパネル(詳しいスタイルはstyle.cssへ） */
.st-accordion {
	margin: 10px 0 0 0;
}
/* ボタン */
.btn-link {
	position: absolute;
	right: 0;
	bottom: 10px;
	left: 0;
	margin: auto;
	width: 300px;
	height: 50px
}
/* タイトル */
#products h3 {
	letter-spacing: 1px;
	/*font-family: 'Audiowide', cursive;*/
}
#products h3 small {
	color: #999;
	margin-left: 10px;
	font-size: 0.6em;
	font-weight: 300;
}
#products h4 small {
	margin-left: 5px;
	font-weight: 300;
	font-size: 0.6em;
}
#products h5 {
	font-size: 1.2em;
	font-weight: 600;
}
#products h5 small {
	margin-left: 8px;
	color: #fff;
	letter-spacing: 2px;
}
#products .h7 {
	color : #999;
	border-bottom: 1px dotted #ccc;
	border-left: 4px solid #FFFFFF;
	text-align: left;
	letter-spacing: 1px;
	padding: 8px 5px 10px 10px;
}

/* 文字 */

/* タイトルの下用 - グレーの大きい文字 */
.p-tit {
	font-size: 1.4em;
	font-weight: 600;
	margin: 0 0 5px 0;
	color: #999;
}
/* タイトルの下用 - オレンジの大きい文字 */
.p-tit-o {
	font-size: 1.2em;
	margin: 0 0 0 0;
	font-weight: 300;
	color: #FA5300;
}
/* 強調用 - オレンジの小さい文字 */
.p-tit-s {
	font-size: 0.9em;
	margin: 0 0 20px 0;
	color: #FA5300;
}
/* 強調用 - オレンジ文字 */
.pe {
	color: #FA5300!important;
}
/* 本文用 */
.pi {
	line-height: 1.6em;
	margin: 15px 0 15px 0;
}
/* 小さめの文字 */
.ps {
	font-size: 0.9em;
	line-height: 1.6em;
	margin: 0 0 20px 10px;
}
.ps-n {
	font-size: 0.9em;
	line-height: 1.6em;
	margin: 20px 0 20px 0;
}
.ps-l {
	font-size: 0.9em;
	line-height: 1.6em;
	padding: 0px 15px 0px;
}
/* 大きめの文字 */
.pb {
	font-size: 1.4em;
	font-weight: 600;
}
/* 薄めの文字 */
.pg {
	color: #aaa;
	font-weight: 100;
}

/* 薄めのタイトル文字 */
.tg {
	color: #bbb;
	font-weight: 300;
	font-size: 0.9em;
}
/* 薄めの文字(マシンサイズ用) */
.mg {
	color: #ccc;
}

/* ムービーへのリンク */
ul.product-movie{
	list-style: none;
	padding-left: 0;
}

ul.product-movie li{
	margin-left: 0;
	line-height: 0.5em;
}

ul.product-movie li a{
	border: 3px solid #FFDFDF;
    font-size: 0.8em;
    letter-spacing: 2px;
    font-weight: bold;
    text-align: left;
    display: block;
    outline: none;
	background-color: #fff;
    color: #ff0000;
    border-radius: 5px;
    line-height: 1.5;
	text-decoration: none;
	text-indent: 0;
	margin-top:10px;
	padding: 10px 0 10px 60px;
	width: 100%;
	position: relative;
}


ul.product-movie li a:hover{
	background: #FFD8D9;
}

i.movie-youtube{
	color: #ff0000;
	font-size: 1.8em;
	position: absolute;
  	top: 50%;
  	margin-top: -.5em;
	margin-left: -40px;
}

/* お問い合わせ先 */
#wrap .catalog-link {
	display: flex;
	justify-content: space-between;
	padding: 0;
	margin: 0;
	list-style-type: none;
	padding-top: 29px;
}

#wrap .catalog-link> li{
	width: 100%;
}

#wrap .catalog-link > li a{
	display: flex;
	flex-flow: column;
	justify-content: center;
	height: 100%;
	padding: 32px 10px 33px;
	text-align: center;
	font-size: 1.26em;
	font-weight: bold;
	border: 3px solid #a0b0d1;
	border-radius: 5px;
	background: #fff;
	box-sizing: border-box;
	transition: opacity .2s;
	position: relative;
	color: #395CA3;
	line-height: 0;
	
}

#wrap .catalog-link > li a:hover {
	opacity: .7;
}

#wrap .catalog-link > li a:before {
	content: "";
	display: block;
	width: 7px;
	height: 12px;
	background: url("../img/product/icon-arrow-blue.png") no-repeat;
	background-size: contain;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 21px;
	margin: auto;
}

#wrap .catalog-link > li a span {
	display: inline-block;
}


/* 製品画像のキャプション */
.cg {
	color: #aaa;
	font-weight: 100;
	text-align: center;
	margin-top: 10px;
}
/* テーブルの注意事項 */
.tc {
	color: #aaa;
	font-size: 0.9em;
	margin: 5px 0 30px 0;
}
.tc-n {
	color: #aaa;
	font-size: 0.9em;
	margin: 5px 0 0 0;
}
/* テーブル(スクロール関係はbase.cssへ) */	
.table-schedule thead {
	color: #000 !important;
}
.table-products {
	width: 100%;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	font-size: 0.9em;
}
.table-products thead {
    color: #FFFFFF;
    background-color: #ccc !important;
}

.table-products th {
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 5px;
}
.table-products td {
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 5px;
}
.machine-size dl {
	font-size: 0.9em;
	margin: 0 0 10px 0;
}
.machine-size dt {
	padding: 0;
	font-size: 600;
	color: #aaa;
}
.machine-size dd {
	padding: 0;
}
/* リスト */
.list-mark {
	margin: 0px 0 25px 0;
	padding: 0 0 0 0;
	font-weight: 300;
}
.list-mark li {
	margin: 5px 0 10px 30px;
	padding: 0 0 0 0;
	position: relative;
	color: #666;
	list-style-type: circle;
}
.list-check-p {
	margin: 0px 0 25px 0;
	padding: 0 0 0 0;
	font-weight: 300;
}
.list-check-p li {
	margin: 5px 0 10px 30px;
	padding: 0 0 0 0;
	position: relative;
	color: #666;
	list-style-type: none;
}
.list-check-p li::after {
	display: block;
	content: '';
	position: absolute;
	top: .5em;
	left: -1.8em;
	width: 15px;
	height: 6px;
	border-left: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.list-check-ps {
	margin: 15px 0 25px 0;
	padding: 0 0 0 0;
	font-size: 0.9em;
	font-weight: 300;
}
.list-check-ps li {
	margin: 5px 0 5px 30px;
	padding: 0 0 0 0;
	position: relative;
	color: #666;
	list-style-type: none;
}
.list-check-ps li::after {
	display: block;
	content: '';
	position: absolute;
	top: .5em;
	left: -1.8em;
	width: 15px;
	height: 6px;
	border-left: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.list-check-ps2 {
	margin: 0 0 30px 10px!important;
	padding: 0 0 0 0!important;
	font-size: 0.9em;
}
.list-check-ps2 li {
	position: relative!important;
	color: #666;
	padding: 0 0 0 20px!important;
	margin: 0 0 10px 0!important;
}
.list-check-ps2 li::after {
	display: block;
	content: '\f046';
	font-family: fontawesome;
	position: absolute!important;
	top: 0;
	left: 0em;
	width: 15px;
	height: 6px;
	color: #aaa;
}
/* 詳細ページ - メインイメージ(概要) */
#main-info {
	position: relative;
}
.main-info {
	padding: 50px 30px;
	border-radius: 5px;
	margin: 30px 0 30px 0;
	font-size: 1.5em;
	line-height: 1.4em;
	font-weight: 600;
	text-shadow: 4px 4px 10px #333;/*border: 1px solid #fff;*/
	/*box-shadow: 1px 1px 1px #fff;*/
}
.main-info p {
	margin: 15px 0 15px 0;
	text-align: center;
}
.main-info small {
	font-size: 0.6em;
	line-height: 0.5em;
	font-weight: 400;
}
.main-info-s {
	font-size: 0.7em;
	line-height: 2.0em;
}
#cnc-main {
	background-image: url(../img/product/img-cnc.jpg);
	background-size: cover;
	color: #fff;
}
#fk-main {
	background-image: url(../img/product/img-fk.jpg);
	background-size: cover;
	color: #fff;
}
#tps-main {
	background-image: url(../img/product/img-tps.jpg);
	background-size: cover;
	color: #fff;
}
#mc-main {
	background-image: url(../img/product/img-mc.jpg);
	background-size: cover;
	color: #fff;
}
#tac-main {
	background-image: url(../img/product/img-tac.jpg);
	background-size: cover;
	color: #fff;
}
#fs-main {
	background-image: url(../img/product/img-fs.jpg);
	background-size: cover;
	color: #fff;
}

#robot-main {
	background-image: url(../img/product/img-robot.jpg);
	background-size: cover;
	color: #fff;
}
/* cnc */
#cnc h3 {
	color: rgba(0,178,178,1.0);
	border-left: 5px solid rgba(0,178,178,1.0);
	border-top: 1px solid rgba(0,178,178,0.3);
	border-right: 1px solid rgba(0,178,178,0.3);
	border-bottom: 1px solid rgba(0,178,178,0.3);
}
#cnc h4 {
	color: rgba(0,178,178,1);
	border-bottom: 2px solid rgba(0,178,178,0.2);
}
#cnc h4:before {
	color: rgba(0,178,178,0.4);
}
#cnc h4:after {
	color: rgba(0,178,178,0.8);
}
#cnc h5 {
	background: -moz-linear-gradient(top, rgba(0,178,178,0.7), rgba(0,178,178,0.7) 50%, rgba(0,178,178,1.0) 50%, rgba(0,178,178,1.0));
	background: -ms-linear-gradient(top, rgba(0,178,178,0.7), rgba(0,178,178,0.7) 50%, rgba(0,178,178,1.0) 50%, rgba(0,178,178,1.0));
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,178,178,0.7)), color-stop(0.5, rgba(0,178,178,0.7)), color-stop(0.5, rgba(0,178,178,1.0)), to(rgba(0,178,178,1.0)));
}
#cnc h6 {
	border-left: 1px solid rgba(0,178,178,0.8);
	color : rgba(0,178,178,1.0);
}
.cnc {
	border: 1px solid rgba(0,178,178,0.5)!important;
}
.cnc h4 {
	color: rgba(0,178,178,1);
	border-bottom: 2px solid rgba(0,178,178,0.5);
}
.cnc h4:before {
	color: rgba(0,178,178,0.4);
}
.cnc h4:after {
	color: rgba(0,178,178,0.8);
}
.cnc .well:hover {
	border: 2px solid rgba(0,178,178,0.5)!important;
}
.cnc a .product-title {
	color: rgba(0,178,178,1);
}
/* fk */
#fk h3 {
	color: rgba(76,165,255,1.0);
	border-left: 5px solid rgba(76,165,255,1.0);
	border-top: 1px solid rgba(76,165,255,0.3);
	border-right: 1px solid rgba(76,165,255,0.3);
	border-bottom: 1px solid rgba(76,165,255,0.3);
}
#fk h4 {
	color: rgba(76,165,255,1);
	border-bottom: 2px solid rgba(76,165,255,0.2);
}
#fk h4:before {
	color: rgba(76,165,255,0.4);
}
#fk h4:after {
	color: rgba(76,165,255,0.8);
}
#fk h5 {
	background: -moz-linear-gradient(top, rgba(76,165,255,0.7), rgba(76,165,255,0.7) 50%, rgba(76,165,255,1.0) 50%, rgba(76,165,255,1.0));
	background: -ms-linear-gradient(top, rgba(76,165,255,0.7), rgba(76,165,255,0.7) 50%, rgba(76,165,255,1.0) 50%, rgba(76,165,255,1.0));
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(76,165,255,0.7)), color-stop(0.5, rgba(76,165,255,0.7)), color-stop(0.5, rgba(76,165,255,1.0)), to(rgba(76,165,255,1.0)));
}
#fk h6 {
	border-left: 1px solid rgba(76,165,255,0.8);
	color : rgba(76,165,255,1.0);
}
.fk {
	border: 1px solid rgba(76,165,255,0.5)!important;
}
.fk h4 {
	color: rgba(76,165,255,1);
	border-bottom: 2px solid rgba(76,165,255,0.5);
}
.fk h4:before {
	color: rgba(76,165,255,0.4);
}
.fk h4:after {
	color: rgba(76,165,255,0.8);
}
.fk .well:hover {
	border: 2px solid rgba(76,165,255,0.5)!important;
}
.fk a .product-title {
	color: rgba(76,165,255,1);
}
/* software */
#software h3 {
	color: rgba(224,181,24,1.0);
	border-left: 5px solid rgba(224,181,24,1.0);
	border-top: 1px solid rgba(224,181,24,0.3);
	border-right: 1px solid rgba(224,181,24,0.3);
	border-bottom: 1px solid rgba(224,181,24,0.3);
}
#software h4 {
	color: rgba(224,181,24,1);
	border-bottom: 2px solid rgba(1224,181,24,0.2);
}
#software h4:before {
	color: rgba(224,181,24,0.4);
}
#software h4:after {
	color: rgba(224,181,24,0.8);
}
#software h5 {
	background: -moz-linear-gradient(top, rgba(224,181,24,0.7), rgba(224,181,24,0.7) 50%, rgba(224,181,24,1.0) 50%, rgba(224,181,24,1.0));
	background: -ms-linear-gradient(top, rgba(224,181,24,0.7), rgba(224,181,24,0.7) 50%, rgba(224,181,24,1.0) 50%, rgba(224,181,24,1.0));
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(224,181,24,0.7)), color-stop(0.5, rgba(224,181,24,0.7)), color-stop(0.5, rgba(224,181,24,1.0)), to(rgba(224,181,24,1.0)));
}
#software h6 {
	border-left: 1px solid rgba(224,181,24,0.8);
	color : rgba(224,181,24,1.0);
}
.software {
	border: 1px solid rgba(224,181,24,0.5)!important;
}
.software h4 {
	color: rgba(224,181,24,1);
	border-bottom: 2px solid rgba(224,181,24,0.5);
}
.software h4:before {
	color: rgba(224,181,24,0.4);
}
.software h4:after {
	color: rgba(224,181,24,0.8);
}
.software .well:hover {
	border: 2px solid rgba(224,181,24,0.5)!important;
}
.software a .product-title {
	color: rgba(224,181,24,1);
}
/* tps */
#tps h3 {
	color: rgba(64,51,166,1.0);
	border-left: 5px solid rgba(64,51,166,1.0);
	border-top: 1px solid rgba(64,51,166,0.3);
	border-right: 1px solid rgba(64,51,166,0.3);
	border-bottom: 1px solid rgba(64,51,166,0.3);
}
#tps h4 {
	color: rgba(64,51,166,1);
	border-bottom: 2px solid rgba(64,51,166,0.2);
}
#tps h4:before {
	color: rgba(64,51,166,0.4);
}
#tps h4:after {
	color: rgba(64,51,166,0.8);
}
#tps h5 {
	background: -moz-linear-gradient(top, rgba(64,51,166,0.7), rgba(64,51,166,0.7) 50%, rgba(64,51,166,1.0) 50%, rgba(64,51,166,1.0));
	background: -ms-linear-gradient(top, rgba(64,51,166,0.7), rgba(64,51,166,0.7) 50%, rgba(64,51,166,1.0) 50%, rgba(64,51,166,1.0));
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(64,51,166,0.7)), color-stop(0.5, rgba(64,51,166,0.7)), color-stop(0.5, rgba(64,51,166,1.0)), to(rgba(64,51,166,1.0)));
}
#tps h6 {
	border-left: 1px solid rgba(64,51,166,0.8);
	color : rgba(64,51,166,1.0);
}
.tps {
	border: 1px solid rgba(64,51,166,0.5)!important;
}
.tps h4 {
	color: rgba(64,51,166,1);
	border-bottom: 2px solid rgba(64,51,166,0.5);
}
.tps h4:before {
	color: rgba(64,51,166,0.4);
}
.tps h4:after {
	color: rgba(64,51,166,0.8);
}
.tps .well:hover {
	border: 2px solid rgba(64,51,166,0.5)!important;
}
.tps a .product-title {
	color: rgba(64,51,166,1);
}
/* mc */
#mc h3 {
	color: rgba(255,121,76,1.0);
	border-left: 5px solid rgba(255,121,76,1.0);
	border-top: 1px solid rgba(255,121,76,0.3);
	border-right: 1px solid rgba(255,121,76,0.3);
	border-bottom: 1px solid rgba(255,121,76,0.3);
}
#mc h4 {
	color: rgba(255,121,76,1);
	border-bottom: 2px solid rgba(255,121,76,0.2);
}
#mc h4:before {
	color: rgba(255,121,76,0.4);
}
#mc h4:after {
	color: rgba(255,121,76,0.8);
}
#mc h5 {
	background: -moz-linear-gradient(top, rgba(255,121,76,0.7), rgba(255,121,76,0.7) 50%, rgba(255,121,76,1.0) 50%, rgba(255,121,76,1.0));
	background: -ms-linear-gradient(top, rgba(255,121,76,0.7), rgba(255,121,76,0.7) 50%, rgba(255,121,76,1.0) 50%, rgba(255,121,76,1.0));
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,121,76,0.7)), color-stop(0.5, rgba(255,121,76,0.7)), color-stop(0.5, rgba(255,121,76,1.0)), to(rgba(255,121,76,1.0)));
}
#mc h6 {
	border-left: 1px solid rgba(255,121,76,0.8);
	color : rgba(255,121,76,1.0);
}
.mc {
	border: 1px solid rgba(255,121,76,0.5)!important;
}
.mc h4 {
	color: rgba(255,121,76,1);
	border-bottom: 2px solid rgba(255,121,76,0.5);
}
.mc h4:before {
	color: rgba(255,121,76,0.4);
}
.mc h4:after {
	color: rgba(255,121,76,0.8);
}
.mc .well:hover {
	border: 2px solid rgba(255,121,76,0.5)!important;
}
.mc a .product-title {
	color: rgba(255,121,76,1);
}
/* tac */
#tac h3 {
	color: rgba(51,164,72,1.0);
	border-left: 5px solid rgba(51,164,72,1.0);
	border-top: 1px solid rgba(51,164,72,0.3);
	border-right: 1px solid rgba(51,164,72,0.3);
	border-bottom: 1px solid rgba(51,164,72,0.3);
}
#tac h4 {
	color: rgba(51,164,72,1);
	border-bottom: 2px solid rgba(51,164,72,0.2);
}
#tac h4:before {
	color: rgba(51,164,72,0.4);
}
#tac h4:after {
	color: rgba(51,164,72,0.8);
}
#tac h5 {
	background: -moz-linear-gradient(top, rgba(51,164,72,0.7), rgba(51,164,72,0.7) 50%, rgba(51,164,72,1.0) 50%, rgba(51,164,72,1.0));
	background: -ms-linear-gradient(top, rgba(51,164,72,0.7), rgba(51,164,72,0.7) 50%, rgba(51,164,72,1.0) 50%, rgba(51,164,72,1.0));
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(51,164,72,0.7)), color-stop(0.5, rgba(51,164,72,0.7)), color-stop(0.5, rgba(51,164,72,1.0)), to(rgba(51,164,72,1.0)));
}
#tac h6 {
	border-left: 1px solid rgba(51,164,72,0.8);
	color : rgba(51,164,72,1.0);
}
.tac {
	border: 1px solid rgba(51,164,72,0.5)!important;
}
.tac h4 {
	color: rgba(51,164,72,1);
	border-bottom: 2px solid rgba(51,164,72,0.5);
}
.tac h4:before {
	color: rgba(51,164,72,0.4);
}
.tac h4:after {
	color: rgba(51,164,72,0.8);
}
.tac .well:hover {
	border: 2px solid rgba(51,164,72,0.5)!important;
}
.tac a .product-title {
	color: rgba(51,164,72,1);
}
/* fs */
#fs h3 {
	color: rgba(102,164,41,1.0);
	border-left: 5px solid rgba(102,164,41,1.0);
	border-top: 1px solid rgba(102,164,41,0.3);
	border-right: 1px solid rgba(102,164,41,0.3);
	border-bottom: 1px solid rgba(102,164,41,0.3);
}
#fs h4 {
	color: rgba(102,164,41,1);
	border-bottom: 2px solid rgba(102,164,41,0.2);
}
#fs h4:before {
	color: rgba(102,164,41,0.4);
}
#fs h4:after {
	color: rgba(102,164,41,0.8);
}
#fs h5 {
	background: -moz-linear-gradient(top, rgba(102,164,41,0.7), rgba(102,164,41,0.7) 50%, rgba(102,164,41,1.0) 50%, rgba(102,164,41,1.0));
	background: -ms-linear-gradient(top, rgba(102,164,41,0.7), rgba(102,164,41,0.7) 50%, rgba(102,164,41,1.0) 50%, rgba(102,164,41,1.0));
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(102,164,41,0.7)), color-stop(0.5, rgba(102,164,41,0.7)), color-stop(0.5, rgba(102,164,41,1.0)), to(rgba(102,164,41,1.0)));
}
#fs h6 {
	border-left: 1px solid rgba(102,164,41,0.8);
	color : rgba(102,164,41,1.0);
}
.fs {
	border: 1px solid rgba(102,164,41,0.5)!important;
}
.fs h4 {
	color: rgba(102,164,41,1);
	border-bottom: 2px solid rgba(102,164,41,0.5);
}
.fs h4:before {
	color: rgba(102,164,41,0.4);
}
.fs h4:after {
	color: rgba(102,164,41,0.8);
}
.fs .well:hover {
	border: 2px solid rgba(102,164,41,0.5)!important;
}
.fs a .product-title {
	color: rgba(102,164,41,1);
}

/* robot */
#robot h3 {
	color: rgba(102,100,100,1.0);
	border-left: 5px solid rgba(102,100,100,1.0);
	border-top: 1px solid rgba(102,100,100,0.3);
	border-right: 1px solid rgba(102,100,100,0.3);
	border-bottom: 1px solid rgba(102,100,100,0.3);
}
#robot h4 {
	color: rgba(102,100,100,1);
	border-bottom: 2px solid rgba(102,100,100,0.2);
}
#robot h4:before {
	color: rgba(102,100,100,0.4);
}
#robot h4:after {
	color: rgba(102,100,100,0.8);
}
#robot h5 {
	background: -moz-linear-gradient(top, rgba(102,100,100,0.7), rgba(102,100,100,0.7) 50%, rgba(102,100,100,1.0) 50%, rgba(102,100,100,1.0));
	background: -ms-linear-gradient(top, rgba(102,100,100,0.7), rgba(102,100,100,0.7) 50%, rgba(102,100,100,1.0) 50%, rgba(102,100,100,1.0));
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(102,100,100,0.7)), color-stop(0.5, rgba(102,100,100,0.7)), color-stop(0.5, rgba(102,100,100,1.0)), to(rgba(102,100,100,1.0)));
}
#robot h6 {
	border-left: 1px solid rgba(102,100,100,0.8);
	color : rgba(102,100,100,1.0);
}
.robot {
	border: 1px solid rgba(102,100,100,0.5)!important;
}
.robot h4 {
	color: rgba(102,100,100,1);
	border-bottom: 2px solid rgba(102,100,100,0.5);
}
.robot h4:before {
	color: rgba(102,100,100,0.4);
}
.robot h4:after {
	color: rgba(102,100,100,0.8);
}
.robot .well:hover {
	border: 2px solid rgba(102,100,100,0.5)!important;
}
.robot a .product-title {
	color: rgba(2102,100,100,1);
}


@media only screen and (min-width: 768px) and (max-width: 991px) {
.st-accordion{
	margin-bottom: 15px!important;
	}
.st-content{
	padding-top: 15px!important;
	padding-bottom: 15px!important;
	}		
h5{
	margin-bottom: 15px;
	}
		}
@media only screen and (min-width: 992px) and (max-width: 1279px) {
.st-accordion{
	margin-bottom: 10px!important;
	}
.st-content{
	padding-top: 15px!important;
	padding-bottom: 20px!important;
	}		
h5{
	margin-bottom: 15px!important;
	}	
		}	
		

@media only screen and (max-width: 991px) {
	#subnavigation ul li {
	/*width: 50%;*/
}
}

@media only screen and (max-width: 767px) {
.main-info{
	padding: 20px 20px 20px 20px!important;
	}
.main-info p{
	font-size: 0.8em;
	margin: 10px 0 10px 0;
	line-height: 1.2em!important;
	}
.main-info small{
	font-size: 0.6em;
	line-height: 1.0em!important;
	}
.st-accordion{
	margin-bottom: 20px!important;
	}
.st-content{
	padding-top: 25px!important;
	padding-bottom: 15px!important;
	}
h6{
	padding: 5px 10px;
	background-color: #FFFFFF;
	border-radius: 0;
	}
}

.text-left{
	text-align: left!important;
	}

/* search */
.img-fluid {
	max-width: 100%;
	height: auto;
}

#wrap .products-search * {
	min-height: 0%;
}

#wrap .products-search h3 {
	margin-bottom: 35px;
	color: #595e67;
	border-color: #bcc1c9 #bcc1c9 #bcc1c9 #595e67;	
}

#wrap .search-list-btn {
	display: flex;
	justify-content: space-between;
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#wrap .search-list-btn > li {
	width: 32.47%;
	position: relative;
}

#wrap .search-list-btn > li a:before,
#wrap .search-list-btn > li > span:before {
	content: "";
	display: block;
	pointer-events: none;
	position: absolute;
	top: 30px;
	right: 0;
	left: 0;
	margin: auto;
	z-index: 1;
}

#wrap .search-list-btn > li.btn-model a:before,
#wrap .search-list-btn > li.btn-model > span:before {
	width: 26px;
	height: 22px;
}
#wrap .search-list-btn > li.btn-model a:before {
	background: url("../img/product/icon-model-blue.png") no-repeat;
	background-size: contain;
}

#wrap .search-list-btn > li.btn-model > span:before {
	background: url("../img/product/icon-model-white.png") no-repeat;
	background-size: contain;
}
#wrap .search-list-btn > li.btn-work a:before,
#wrap .search-list-btn > li.btn-work > span:before {
	width: 40px;
	height: 40px;
}
#wrap .search-list-btn > li.btn-work a:before{
	background: url("../img/product/icon-work-blue.png") no-repeat;
	background-size: contain;
}
#wrap .search-list-btn > li.btn-work > span:before {
	background: url(../img/product/icon-work-white.png) no-repeat;
	background-size: contain;
}

#wrap .search-list-btn > li.btn-industry a:before,
#wrap .search-list-btn > li.btn-industry > span:before {
	width: 37px;
	height: 26px;
}

#wrap .search-list-btn > li.btn-industry a:before {
	background: url("../img/product/icon-industry-blue.png") no-repeat;
	background-size: contain;
}

#wrap .search-list-btn > li.btn-industry > span:before {
	background: url("../img/product/icon-industry-white.png") no-repeat;
	background-size: contain;
}

#wrap .search-list-btn > li.btn-size a:before,
#wrap .search-list-btn > li.btn-size span:before {
	width: 29px;
	height: 31px;
}

#wrap .search-list-btn > li.btn-size a:before {
	background: url("../img/product/icon-size-blue.png") no-repeat;
	background-size: contain;
}

#wrap .search-list-btn > li.btn-size > span:before {
	background: url("../img/product/icon-size-white.png") no-repeat;
	background-size: contain;
}

#wrap .search-list-btn a,
#wrap .search-list-btn li  > span {
	display: block;
	padding: 66px 10px 23px;
	font-size: 1.33em;
	border: 3px solid #3a5da3;
	text-align: center;
	border-radius: 5px;
	position: relative;
}

#wrap .search-list-btn a {
	background: #fff;
	transition: opacity .2s;
}

#wrap .search-list-btn a:hover {
	opacity: .7;
}

#wrap .search-list-btn li > span {
	color: #fff;
	background: #3a5da3;
}

#wrap .search-list-btn a:after {
	content: "";
	display: block;
	width: 6px;
	height: 10px;
	background: url("../img/product/icon-arrow.png") no-repeat;
	background-size: contain;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 18px;
	margin: auto;
}

#wrap .search-list-btn li  > span:after {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 7.5px 0 7.5px;
	border-color: #3a5da3 transparent transparent transparent;
	position: absolute;
	right: 0;
	left: 0;
	margin: auto;
	bottom: -9px;
}

#wrap .search-list-btn span > span,
#wrap .search-list-btn a > span {
	display: inline-block;
}


#wrap .search-series-btn {
	display: flex;
	padding: 0;
	margin: 10px 0 ;
	list-style-type: none;
	flex-wrap: wrap;
}

#wrap .search-series-btn > li {
	width: 24%;
	margin: 0 0.5% 1%;
	text-align: center;
}

#wrap .search-series-btn > li a{
	display: table-cell;
/*	padding: 1em;*/
	border-radius: 5px;
	height: 3.5em;
	width: 24%;
  vertical-align: middle;
}

#wrap .search-series-btn > li a:hover{
	opacity: 0.5;
}

#wrap .search-series-btn > li.btn-cnc a{
	color: rgba(0,178,178,1.0)!important;
	background-color: rgba(0,178,178,0.2)!important;
	background-image: url("../img/arrow-cnc-bottom.png");
    background-position: right center;
    background-repeat: no-repeat;
	border: 1px dotted rgba(0,178,178,1.0);
}

#wrap .search-series-btn > li.btn-fk a{
	color: rgba(76,165,255,1.0)!important;
	background-color: rgba(76,165,255,0.2)!important;
	background-image: url("../img/arrow-fk-bottom.png");
    background-position: right center;
    background-repeat: no-repeat;
	border: 1px dotted rgba(76,165,255,1.0);
}

#wrap .search-series-btn > li.btn-tps a{
	color: rgba(64,51,166,1.0)!important;
	background-color: rgba(64,51,166,0.2)!important;
	background-image: url("../img/arrow-tps-bottom.png");
    background-position: right center;
    background-repeat: no-repeat;
	border: 1px dotted rgba(64,51,166,1.0);
}

#wrap .search-series-btn > li.btn-mc a{
	color: rgba(255,121,76,1.0)!important;
	background-color: rgba(255,121,76,0.2)!important;
	background-image: url("../img/arrow-mc-bottom.png");
    background-position: right center;
    background-repeat: no-repeat;
	border: 1px dotted rgba(255,121,76,1.0);
}

#wrap .search-series-btn > li.btn-mc a{
	color: rgba(255,121,76,1.0)!important;
	background-color: rgba(255,121,76,0.2)!important;
	background-image: url("../img/arrow-mc-bottom.png");
    background-position: right center;
    background-repeat: no-repeat;
	border: 1px dotted rgba(255,121,76,1.0);
}
#wrap .search-series-btn > li.btn-tac a{
	color: rgba(51,164,72,1.0)!important;
	background-color: rgba(51,164,72,0.2)!important;
	background-image: url("../img/arrow-tac-bottom.png");
    background-position: right center;
    background-repeat: no-repeat;
	border: 1px dotted rgba(51,164,72,1.0);
}

#wrap .search-series-btn > li.btn-fs a{
	color: rgba(102,164,41,1.0)!important;
	background-color: rgba(102,164,41,0.2)!important;
	background-image: url("../img/arrow-fs-bottom.png");
    background-position: right center;
    background-repeat: no-repeat;
	border: 1px dotted rgba(102,164,41,1.0);
}

#wrap .search-series-btn > li.btn-sf a{
	color: rgba(224,181,24,1.0)!important;
	background-color: rgba(224,181,24,0.2)!important;
	background-image: url("../img/arrow-software-bottom.png");
    background-position: right center;
    background-repeat: no-repeat;
	border: 1px dotted rgba(224,181,24,1.0);
}

#wrap .search-series-btn > li.btn-rb a{
	color: rgba(102,100,100,1.0)!important;
	background-color: rgba(102,100,100,0.2)!important;
	background-image: url("../img/arrow-robot-bottom.png");
    background-position: right center;
    background-repeat: no-repeat;
	border: 1px dotted rgba(102,100,100,1.0);
}

@media only screen and (max-width: 767px) {
	#wrap .search-series-btn > li {
	width: 48%;
	margin: 1%;
}
}

#wrap .search-cont {
	border-color: #ced1d7;
}

#wrap .search-cont h4 {
	color: #595e67;
	padding-left: 78px;
	border-bottom: 2px solid #ced1d7;
}

#wrap .search-cont h4:before {
	content: "";
	width: 37px;
	height: 26px;
	background: url("../img/product/icon-industry-gray.png") no-repeat;
	background-size: contain;
	opacity: 1;
}

#wrap .search-cont-size h4:before {
	content: "";
	width: 29px;
	height: 31px;
	background: url("../img/product/icon-size-gray.png") no-repeat;
	background-size: contain;
	opacity: 1;
}

#wrap .search-cont .cont-box {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

#wrap .search-cont .cont-box .cont-thumb {
	width: 47%;
}

#wrap .search-cont .cont-box .cont-list {
	display: flex;
	width: 49.7%;
}

#wrap .search-cont .cont-box .cont-list .cont-list-item {
	width: 32.3%;
	margin-left: 3px;
}

#wrap .search-cont .cont-box .cont-list .cont-list-item a {
	display: block;
	transition: .2s opacity;
	outline: none;
	text-decoration: none;
}

#wrap .search-cont .cont-box .cont-list .cont-list-item a:hover {
	opacity: .7;
}

#wrap .search-cont .cont-box .cont-list .cont-list-item-thumb {
	margin-bottom: 15px;
	line-height: 0;
}

#wrap .search-cont .cont-box .cont-list .cont-list-item-title {
	color: #395ca3;
	font-size: 0.93em;
	font-weight: bold;
	line-height: 1.42;
	margin-bottom: 0;
}

#wrap .next-page-link {
	display: flex;
	justify-content: space-between;
	padding: 0;
	margin: 0;
	list-style-type: none;
	padding-top: 59px;
}

#wrap .next-page-link > li {
	width: 49%;
}

#wrap .next-page-link > li a {
	display: flex;
	flex-flow: column;
	justify-content: center;
	height: 100%;
	padding: 32px 10px 33px;
	text-align: center;
	font-size: 1.26em;
	border: 3px solid #a0b0d1;
	border-radius: 5px;
	background: #fff;
	box-sizing: border-box;
	transition: opacity .2s;
	position: relative;
	font-weight: 800;
}

#wrap .next-page-link > li a:hover {
	opacity: .7;
}

#wrap .next-page-link > li a:before {
	content: "";
	display: block;
	width: 7px;
	height: 12px;
	background: url("../img/product/icon-arrow-blue.png") no-repeat;
	background-size: contain;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 21px;
	margin: auto;
}

#wrap .next-page-link > li a span {
	display: inline-block;
}

.mfp-bg {
	background: rgba(74, 81, 95, .6);
	z-index: 10000;
}

.mfp-wrap {
	z-index: 10001;
}

.modal-content {
	max-width: 400px;
	margin: 0 auto;
	border-radius: 4px;
	box-shadow: none;
	border: none;
	background: #fff;
	overflow: hidden;
}

.modal-content-ytube {
	width: 80%;
	margin: 0 auto;
	border-radius: 4px;
	box-shadow: none;
	border: none;
	background: #fff;
	overflow: hidden;
	position: relative;
}

.modal-content .modal-header,
.modal-content-ytube .modal-header{
	min-height: inherit;
	padding: 0;
	margin-bottom: 0;
	border-bottom: 2px solid #ced1d7;
	background: #fff;
}

.modal-content .modal-header .modal-heading,
.modal-content-ytube .modal-header .modal-heading{
	padding: 18px 43px 22px 68px;
	margin: 0;
	border: none;
	color: #595e67;
}

.modal-content .modal-header .modal-heading:before, 
.modal-content-ytube .modal-header .modal-heading:before{
	display: block;
	content: "\f00a";
	font-family: FontAwesome;
	color: #e1e3e5;
	opacity: 1;
	position: absolute;
	top: 21px;
	left: 1em;
	margin: auto;
}

.mfp-close {
	width: 20px;
	height: 20px;
	text-indent: -9999px;
	top: 24px !important;
	right: 23px;
	margin: auto;
	opacity: 1;
	transition: .2s opacity;
}

.mfp-close:hover {
	opacity: .7;
}

.mfp-close:before,
.mfp-close:after {
	content: "";
	display: block;
	width: 25px;
	height: 2px;
	border-radius: 2px;
	background: #4a515f;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}

.mfp-close:before {
	transform: rotate(45deg);
}

.mfp-close:after {
	transform: rotate(-45deg);
}

.modal-content .modal-body {
	padding: 0;
	border: none !important;
}

.modal-content.ytube{
	width: auto;
	max-width: auto;
}

.modal-item-list {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	padding: 0;
	margin: 0;
}

.modal-item-list .modal-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-flow: column;
	width: 50%;
	box-sizing: border-box;
	border: none !important;
}

.modal-item-list .modal-item:nth-child(even) {
	border-left: 1px dotted #ced1d7 !important;
}

.modal-item-list .modal-item:nth-child(n+3) {
	border-top: 1px dotted #ced1d7 !important;
}

.modal-item-list .modal-item a,
.modal-item-list .modal-item .modal-item-logo {
	padding: 16px 5px 29px;
	min-height: 250px;
}
	
.modal-item-list .modal-item a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-flow: column;
	width: 100%;
	height: 100%;
	outline: none;
}

.modal-item-list .modal-item .product-title {
	display: flex;
	justify-content: flex-end;
	flex-flow: column;
	height: 100%;
}

.modal-item-list .modal-item .product-title img {
	width: 120px;
	margin-bottom: 15px;
}

.modal-item-list .modal-item .product-type {
  	margin-bottom: 2px;
  	font-weight: bold;
  	font-size: 0.94em;  
  	color: #666;
	text-align: center !important;
}

.modal-item-list .modal-item .product-type-notes {
  font-size: 0.8em;
  text-align: center;
  color: #666;
}


.modal-item-list .modal-item .btn-detail {
	display: inline-block;
	padding: 4px 27px;
	font-size: 0.8em;
	margin: 0 auto;
	border: 2px solid #395ca3;
	transition: color .2s, background .2s;
}

.modal-item-list .modal-item a:hover .btn-detail {
	color: #fff;
	background: #395ca3;
}

.modal-item-list .modal-item .modal-item-logo {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 120px;
}

.modal-item-list .modal-item .modal-item-logo img {
	width: 100%;
}

.sub-search .product-name {
	padding-top: 13px !important;
	padding-bottom: 13px !important;
	font-size: 1em;
	background: 
		-webkit-gradient(linear, left top, left bottom, from(rgba(92,99,111,1)),
			color-stop(0.5, rgba(92,99,111,1)),
			color-stop(0.5, rgba(74,81,95,1.0)), to(rgba(74,81,95,1.0)));
		-moz-gradient(linear, left top, left bottom, from(rgba(92,99,111,1)),
			color-stop(0.5, rgba(92,99,111,1)),
			color-stop(0.5, rgba(74,81,95,1.0)), to(rgba(74,81,95,1.0)));
		-ms-gradient(linear, left top, left bottom, from(rgba(92,99,111,1)),
			color-stop(0.5, rgba(92,99,111,1)),
			color-stop(0.5, rgba(74,81,95,1.0)), to(rgba(74,81,95,1.0)));
}

#submenu .sub-search li {
	border-color: #ced1d7;
}

#submenu .sub-search li a {
	color: #595e67;
	background-image: url("../img/arrow-search-right_off.png");
	background-size: 20px 11px;
}

#submenu .sub-search li a.on,
#submenu .sub-search li a:hover {
	background-color: #f5f7fb;
	background-image: url("../img/arrow-search-right_on.png");
}

.border-none {
	border: none !important;
}

.products-search .row > * {
	height: 100%;
}

.products-search .well a {
	display: flex;
	flex-flow: column;
	justify-content: space-between;
	height: 100%;
	padding-bottom: 50px;
	box-sizing: border-box;
	position: relative;
}

.products-search .well a .product-title {
	display: flex;
	justify-content: flex-end;
	flex-flow: column;
	height: 100%;
}

.products-search .well a .product-type {
  margin-bottom: 2px;
  font-weight: bold;
  font-size: 0.94em;  
  text-align: center !important;
  color: #666;
}

.products-search .well a .product-type-notes {
  font-size: 0.8em;
  text-align: center !important;
  color: #666;
}

.products-search .well .btn-detail {
	display: inline-block;
	width: 130px;
	padding: 0 27px;
	line-height: 32px;
	vertical-align: middle;
	font-size: 0.8em;
	margin: 0 auto;
	color: #395ca3;
	border: 2px solid #395ca3;
	transition: color .2s, background .2s;
	position: absolute;
	right: 0;
	left: 0;
	margin: auto;
	bottom: 5px;
}

.products-search .well a:hover .btn-detail {
	color: #fff;
	background: #395ca3;
}

.moviecontainer .movie{
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}

.moviecontainer .movie iframe{
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}

/* 製品情報 トピックス */

.news_content{
	position: relative;
}

.news_content a{
	display: block;
}

.news_content a:hover{
	opacity: 0.5;
}

.news_content .main_img{
	margin: -20px -20px 20px -20px;
	text-align: center;
}

.news_content .main_img img{
	max-width: 100%;
}

.news_content .icon-news{
	display: inline-block;
    padding: 0 11px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    line-height: 20px;
    font-weight: bold;
    background: #d90000;
    position: absolute;
    top: 0;
    right: 0;
	border-radius: 0 3px 0 0;	
}

.news_content .content_lead{
	color: #000;
}
.content_info{
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	margin-bottom: 10px;
}

.category{
	display: inline-block;
    padding: 0 11px;
	margin-bottom: 0;
    font-size: 12px;
    color: #fff;
    text-align: center;
    line-height: 20px;
    font-weight: bold;
    background: #ddd;
	border-radius: 3px;
}

.category.cate_tech{
	background: #FF9933;
}

.category.cate_movie{
	background: #00A3D9;
}

.category.cate_other{
	background: #395CA3;
}
.date{
	color: #999;
	font-size: 12px;
	margin-bottom: 0;
}

.history_year{
	font-size: 1.35em;	
}

.history_series{
	display: inline-block;
    padding: 0.3em;
	margin: 0 10px 10px 0;
    color: #fff;
    background-repeat: no-repeat;
    border-radius: 5px;
	font-weight: normal;
	font-size: 0.85em;	
}

.history_name{
	font-size: 1.3em;
	font-weight: 600;
}

.table-history img.size_s{
	width: 165px;
	margin-left: 30px;
	margin-right: 20px;
}

@media only screen and (max-width: 767px) {
	.news_content{
		margin-bottom: 20px;
	}	
	.news_content .main_img{
	margin: -10px -10px 20px -10px;
	}
	.table-history img.size_s{
	width: 60%;
	margin: 0 20%!important;
}
}






@media only screen and (max-width: 767px) {
	#wrap .products-search h3 {
		margin-bottom: 10px;
	}
	
	#wrap .search-list-btn {
		margin-bottom: 10px;
	}

	#wrap .search-list-btn > li {
		font-size: 0.8em;
	}
	
	#wrap .search-list-btn > li a,
	#wrap .search-list-btn > li > span {
		height: 100%;
		padding: 56px 10px 18px;
	}
	
	#wrap .search-list-btn > li a:before,
	#wrap .search-list-btn > li > span:before {
		top: 20px;
	}

	#wrap .search-cont h4,
	#wrap .search-cont-size h4 {
		padding: 0.1em 0 0.5em 45px;	
	}
	
	#wrap .search-cont h4:before {
		width: 25px;
		height: 19px;
		top: 0.3em;
		left: 0.6em;
	}

	#wrap .search-cont-size h4:before {
		width: 21px;
		height: 23px;
	}

	

	#wrap .search-cont .cont-box {
		display: block;
		align-items: inherit;
		justify-content: inherit;
		padding-bottom: 20px;
	}

	#wrap .search-cont .cont-box .cont-thumb {
		width: 100%;
		margin-bottom: 20px;
	}

	#wrap .search-cont .cont-box .cont-list {
		width: 100%;
		justify-content: center;
	}
	
	#wrap .search-cont .cont-box .cont-list .cont-list-item-thumb {
		margin-bottom: 8px;
	}

	#wrap .search-cont .cont-box .cont-list .cont-list-item-title {
		text-align: center !important;
	}

	#wrap .next-page-link {
		display: block;
		padding-top: 10px;
	}
	
	#wrap .next-page-link > li {
		width: 100%;
		margin-bottom: 10px;
	}
	
	#wrap .catalog-link {
	padding-top: 0px;
	}
	
	#wrap .catalog-link > li a{
	display: flex;
	flex-flow: column;
	justify-content: center;
	height: 100%;
	padding: 20px 5px 20px;
	text-align: center;
	font-size: 1em;
	font-weight: normal;
	border: 3px solid #a0b0d1;
	border-radius: 5px;
	background: #fff;
	box-sizing: border-box;
	transition: opacity .2s;
	position: relative;
	color: #395CA3;
	line-height: 1.3em;
}
	
	#wrap .catalog-link > li a:before {
	content: "";
	display: block;
	width: 7px;
	height: 12px;
	background: url("../img/product/icon-arrow-blue.png") no-repeat;
	background-size: contain;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 10px;
	margin: auto;
}

	/* ムービーへのリンク */
	
	ul.product-movie li a{
		padding: 10px 0 10px 40px;
	}
	i.movie-youtube{
		margin-left: -30px;
    }
	
	.modal-content-ytube {
	width: 100%;
}
}

@media screen and (min-width: 780px){	
  .pc { display:block; }
  .sp { display:none; }
}
@media screen and (max-width: 780px){	
  .pc { display:none; }
  .sp { display:block; }
}