@charset "utf-8";

/* === Search
==================================== */
.data-search input[type="button"]{
	padding-left:1em;
	padding-right:1em;
}
div.data-search {
	background-color:#fbfbfb;
}

/* === Search Result List
==================================== */
.search-result-list h6{
	font-size:1em;
	font-size:1rem;
}
.search-result-list .list-group{ padding:0 10px; }
.search-result-list a.list-group-item .list-group-item-heading, .search-result-list button.list-group-item .list-group-item-heading{
	color:#0068b6;
}
.search-result-list a.list-group-item:active{background-color:#f5f5f5;}

/* == value thumbnail Start == */
.search-result-list a.list-group-item:before,.search-result-list a.list-group-item:after{content:" ";display:table}
.search-result-list a.list-group-item:after{clear:both}
    ul.list-group-item_sublist { text-align:left; margin:0 0 0 4px ; padding:3.2px 0; padding:0.2rem 0; font-size:0; max-width:156.8px; max-width:9.8rem; float:right;}
    ul.list-group-item_sublist li { font-size:11.2px; font-size:0.7rem;width:51.2px; width:3.2rem; display:inline-block; border:solid #dddddd 1px; color:#0068B6;text-align:center; vertical-align:middle; margin-right:-1px; margin-bottom:-1px;}
    ul.list-group-item_sublist li:link{}
    ul.list-group-item_sublist li:visited{}
/*    ul.list-group-item_sublist li.some:hover{background-color:#ffffff;}	*/
    ul.list-group-item_sublist li:active{}
    ul.list-group-item_sublist li.none{ color:#dddddd; }
    ul.list-group-item_sublist li.some{ color:#0068B6; }
@media (max-width: 768px) {
    ul.list-group-item_sublist { max-width:102.2px; max-width:6.4rem;}
    }
@media (max-width: 640px) {
    ul.list-group-item_sublist { max-width:105.6px; max-width:6.6rem;}
    ul.list-group-item_sublist li {  }
    ul.list-group-item_sublist li:link{}
    ul.list-group-item_sublist li:visited{}
    ul.list-group-item_sublist li:hover{}
    ul.list-group-item_sublist li:active{}
}
/* == End value thumbnail == */

.search-result-list h6:hover{
	text-decoration:underline;
}
.search-result-list .result-list-name{
	font-size:0.8em;
	font-size:0.8rem;
	margin-bottom:1rem;
	margin-bottom:1em;
}
.search-result-list .search-result-info { padding:0 10px; }
.search-result-list .search-result-info > .form-group{
	float:right;
	margin-left:20px;
	text-align:center;
}
.search-result-list .search-result-info .liset-num-label{
	font-weight:normal;font-size:0.9em;font-size:0.9rem;
}
.search-result-list .search-result-info .liset-num-select{
	width:6.5em; width:6.5rem;
}
.search-result-detail{
	font-size:0.9em; font-size:0.9rem; padding:0 10px;
}
.search-result-detail .panel-heading{
	color:#000000;
}
.search-result-detail .panel-body{
	font-size:0.9em; font-size:0.9rem;
}

/* product number .end-of-production
--------------------------- */
.search-result-detail .panel-body .end-of-production{
	color:#d32323;
}

/* comment for panel-body */
.panel-body-comment{margin-top:2em; text-align:left;margin-bottom:0; font-size:0.8rem;}

/* .photo-flickscroll Start
--------------------------- */
div.photo-slide-wrap{
	position:relative;
}
div.photo-slide{
	margin: 0 auto;
	overflow: hidden;
	display:none;
	width:100%;
}

/*----------------------------------------
	flickNav
----------------------------------------*/
div.flick {
	overflow: hidden;
	position:relative;
	margin:0;
	padding:0;
	font-size:0;
	line-height:0;
}

ul.flickNav {
	margin-top:10px;
	padding:0;
}



ul.flickNav li {
	display: inline;
	opacity:0.6;
	margin:0 6px;
}
ul.flickNav li:hover {
	opacity:1;
}

ul.flickNav li a {
	display: inline-block;
	border:solid #dddddd 1px;
}

ul.flickNav li.selected {
	opacity:1;
}
ul.flickNav li a img {
	margin: 0 auto;
	pointer-events: none;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	width:auto;
	height:auto;
	max-width:80px;
	max-height:80px;


}
div.img-container {
	height: auto;
	max-height: 428px;
	position: relative;
	clear: both;
	overflow: hidden;
	margin:0;
	padding:0;
}
div.itemBox {

	position: relative;

}
div.img-container .item {
/*	float: left;
	text-align: center;
	background-color: #ffffff;
	*/
	display:inline-block;
	vertical-align:middle;
}
div.img-container .item p.caption {font-size:12.8px;font-size:0.8rem; line-height:12.8px; line-height:0.8rem;margin:2px 0;}

.moving {
	-webkit-transition: -webkit-transform .2s ease-out;
	-moz-transition: -moz-transform .2s ease-out;
	-o-transition: -o-transform .2s ease-out;
	-ms-transition: -ms-transform .2s ease-out;
}

div.flick img {
	margin: 0 auto;
/*	pointer-events: none;	*/
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 400px;
}

ul.next_prev li {
	position:absolute;
	top:42%;
	margin: 0;
	display: inline;
	cursor: pointer;
	opacity:0.6;
}

ul.next_prev li:hover {
	opacity:1.0;
}

ul.next_prev li.off {
	display: none;
}

ul.next_prev li.prev {
	left:1%;
}
ul.next_prev li.next {
	right:1%;
}

@media (max-width: 640px) {	/* For Mobile */
	ul.flickNav{display:none;}
}



/* .photo-flickscroll End
--------------------------- */

/* search-result-detail Start
--------------------------- */

div.search-result-detail_backbtn{margin-bottom:10px;text-align:right;}
div.search-result-detail_backbtn button { padding-left:2em; padding-right:2em;}

span.search-result-detail_date{ display:inline-block; font-size:0.8rem; font-size:1em; color:#777777;}

.search-result-detail_cad{margin-bottom:20px;}
.search-result-detail_cad > div{ float:left; width:auto;}
.search-result-detail_cad > div > img{ width:auto; height:auto; max-width:100%; float:left; margin:0 10px 10px 0; border:solid #dddddd 1px;}
.search-result-detail_cad > p > span:before{content:url(/data/product_data_file/common/images/icon-arrow.png);position: relative; top: 50%; margin-right:0.5em; }
.search-result-detail_cad > p > span{ font-size:1.0em; font-size:0.9rem; display:inline-block; margin-right:1em;  }
.search-result-detail_cad > p > span a { font-weight:bold; }
.search-result-detail_cad > p > span.search-result-detail_date{ display:inline-block; font-size:0.8rm; font-size:1em; font-weight:normal; color:#777777;}
.search-result-detail_cad > p > span.search-result-detail_date:before{content:none;}

.search-result-detail_document > p{ margin-bottom:10px; }
.search-result-detail_document > p > span:before{content:url(/data/product_data_file/common/images/icon-arrow.png);position: relative; top: 50%; margin-right:0.5em; }
.search-result-detail_document > p > span{ font-size:1.0em; font-size:0.9rem; display:inline-block;margin-right:1em; }
.search-result-detail_document > p > span a { font-weight:bold; }
.search-result-detail_document > p > span.search-result-detail_date{ display:inline-block; font-size:0.8rm; font-weight:normal; font-size:1em; color:#777777;}
.search-result-detail_document > p > span.search-result-detail_date:before{content:none;}

.search-result-detail_software > p{ margin-bottom:0; }
.search-result-detail_software > p > span{ font-size:1.0em; font-size:0.9rem; display:inline-block;margin-right:1em; }
.search-result-detail_software > p > span:before{content:url(/data/product_data_file/common/images/icon-arrow.png);position: relative; top: 50%; margin-right:0.5em; }
.search-result-detail_software > p > span a { font-weight:bold; }
.search-result-detail_software > dl { font-size:1em; font-size:0.8rem; font-weight:normal; padding:10px; margin:5px 0 30px 0; background-color:#fbfbfb; }
.search-result-detail_software > dl > dd { margin-bottom:1em; margin-bottom:1rem; margin-left:2em; margin-left:2rem; max-height:25vh; overflow-y:auto; background-color:#f2f2f2; border-bottom:solid #dddddd 1px; }
.search-result-detail_software > dl > dd table {background-color:#ffffff;}
.search-result-detail_software > p > span{ display:inline-block;margin-right:1em; }
.search-result-detail_software > p > span.search-result-detail_date{ display:inline-block; font-size:0.8rm; font-size:1em; color:#777777;}
.search-result-detail_software > p > span.search-result-detail_date:before{content:none;}
.search-result-detail_software .software-history{ overflow:scroll; -webkit-overflow-scrolling: touch;}
.search-result-detail_software ul.changelog{ padding-left:0; margin-bottom:1.4em; margin-top:0.4em; border-bottom:dotted #dddddd 1px; }
.search-result-detail_software ul.changelog li{ list-style-type:none; }






/* === View Port 
==================================== */

@media (min-width: 960px) {
	div.data-search {
		padding:20px;
		border:solid #dddddd 1px;
	}
}

/* ***** PC ***** */
@media (min-width: 768px) {
	div.data-search {
		padding:20px;
		border:solid #dddddd 1px;
	}
	div.data-search div.form-group { margin-bottom:0px;}
}

/* ***** Tablet ***** */
@media (min-width: 640px) {
	div.data-search {padding:10px;}
	.data-search input[type="text"]{
		max-width:500px;
		min-width:50px;
		width:60%;
	}
}

/* ***** Smart Phone ***** */
@media (max-width: 640px) {
	div.data-search {padding:10px;}
	.data-search input[type="button"], .data-search input[type="text"]{
		width:100%;
	}
	div.data-search div.form-group input.btn { margin-top:5px;}

	div.photo-flickthumb{display:none;}
	div.data-search div.form-group { margin-bottom:0px;}
/* For iPhone zoom */
	input.form-control{font-size:16px;}
	select.form-control{font-size:16px;}
	textarea.form-control{font-size:16px;}
}