@charset "utf-8";
/*========== Base ==========*/
#lNavi dt{
	width:6em;
	margin-bottom:43px;}


/*----- tab -----*/
#prodTab{	margin:0; padding:0;}
#prodTab a:hover{	text-decoration:none;}
#prodTab li{
    float: left;
		margin:0 5px 0 0;
		list-style:none;
}
#prodTab li a {
	font-size:16px;/*for IE*/ font-size:1.6rem;
	color:#666;
	display:block;
	padding:11px 20px;
	background:#f2f4f3;
	text-align:center;
}
#prodTab li.active a{
	color:#FFF;
	background: #111987;
}
#prodTab li a:hover{
	margin-top:4px;
		padding:11px 20px 7px;
	}
	#prodTab li.active a:hover{
		margin:0;
		padding:11px 20px;
	}
/*----- tabLayer -----*/
#prodLayer {
	clear: both;
	/*overflow: hidden;*/
	min-height:240px;
	margin-bottom:30px;
	padding-top:20px;
	border-top:solid 4px #111987;
	position:relative;
}
	/*#prodLayer .layer { display: none;}*/
	
/*----- ico -----*/
.ico{ margin-bottom:10px;}
	.ico img{ margin:0 3px;}
/*----- prodY -----*/
.prodY{
	background:#FFF;
	border-radius: 1em;
	display:inline-block;
	margin:0.2em 0;
	padding:0 1em;
	border:solid 1px #CCC;
}
.prodY p{ display:inline;}
/*----- pageTitle -----*/
#pageTitle.seriesTitle,
#pageTitle.prodTitle{
	background: url(/shared/images/bg_title02.png) no-repeat bottom center #41479f;
	}
#pageTitle .seriesTitleIn,
#pageTitle .prodTitleIn{
	width:740px;
	padding-right:240px;
	margin:0 auto;
	}
	#pageTitle.seriesTitle h1,
	#pageTitle.prodTitle h1{
	color:#333;
	line-height:1.1em;
	font-weight:normal;
	text-shadow:none;
	margin-top:50px;
	word-wrap:break-word;
	}
		#pageTitle.seriesTitle h1 span,
		#pageTitle.prodTitle h1 span{
		font-size:18px;/*for IE*/ font-size:1.8rem;
		margin-left:5px;
		}

/*----- imgSize -----*/
.imgSizeSeries,
.imgSizeProd{ overflow:hidden;}
.imgSizeSeries .images,
.imgSizeProd .images{ float:left; width:310px;}
.imgSizeSeries div.text,
.imgSizeProd div.text{ float:right; width:400px;}
.imgSizeSeries div.text ul,
.imgSizeProd div.text ul{ border-top:solid 1px #CCC; padding-top:20px;}
.imgSizeSeries div.text ul li,
.imgSizeProd div.text ul li{ margin-bottom:0.3em;}

/*----- pageAnchor -----*/
#pageAnchor{padding:0;}
#pageAnchor li{
	list-style:none;
	margin:1px 0;
	}
#pageAnchor li a{
	display:block;
	background:#f4f5fe;
	padding:5px 10px;
	border-right:solid 1px #bfbfbf;
	border-bottom:solid 1px #bfbfbf;
}
#pageAnchor li a:hover{
	color:#FFF;
	background:#111987;
	text-decoration:none;
	}
/*----- btn -----*/
.btnOpen01{
 display:inline-block;
	background:#FFF;
	padding:0.3em 1em;
	border:solid 1px #e0e0e0;
	border-radius: 5px;
	cursor:pointer;
	}
	.btnOpen01:hover{
		text-decoration:none;
		background:#f2f4f3;
		 }
	.btnOpen01:before{
		content:url(/shared/images/ico_plus01.png);
	}
.btnClose01{
	border:solid 1px #e0e0e0;
	color:#FFF;
	background:#666;
	text-align:center;
	padding:0.3em 1em;
	border-radius: 5px;
	cursor:pointer;
	}
	.btnClose01:hover{
		text-decoration:none;
		color:#666;
		background:#f2f4f3;
		 }
	.btnClose01:before{	content:"×";	}

/*========== series ==========*/
#pageTitle.seriesTitle h1{
	border-bottom:solid 3px #111987;
	width:740px;
	padding-bottom:3px;
	}
#pageTitle.seriesTitle .ico{ text-align:right; margin-top:-40px;}

.imgSizeSeries{ margin-top:-40px;}

.unitModel{ border:solid 1px #CCC;}
.unitModel a:hover{ background:#f2f4f3; display:block;}
.unitModel a:not(.nowork):hover .unitModelName{
	background:#111987;
	color:#FFF;
}
.unitModel a.nowork {
	text-decoration: none!important;
}

.unitModel +.unitModel{ border-top-style:none;}
.unitModelName{ 
	background:#f4f5fe; padding:10px;
	overflow:hidden;
	vertical-align: top;
	/*transition: background-color 0.5s;*/
	}
.unitModelName h3{
	font-size:18px;/*for IE*/ font-size:1.8rem;
	margin:0;
	float:left;
	}
.unitModelName .icoLink01:before{ vertical-align:inherit;}
.unitModelName .prodY{  color:#333; float:right;}
.unitModelIn{ padding:10px;	overflow:hidden;}
.unitModelIn .text{ color:#333; float:right; width:535px;}
.unitModelIn .image{ float:left; width:150px;}

.unitModelName h3.icoLink01{margin-right: 7px;}
.unitModelName span.icoProd01:after,
.unitModelName span.icoProd02:after,
.unitModelName span.icoProd03:after,
.unitModelName span.icoProd04:after,
.unitModelName span.icoProd05:after,
.unitModelName span.icoProd06:after{
	margin-top: 4px;
	margin-left: 3px;
}
.unitModelName div.ico {
	vertical-align: top;
	margin-top: 3px;
	margin-left: 0;
}

/*========== model ==========*/
#pageTitle .prodTitleIn{
	position:relative;
}
#pageTitle.prodTitle h1{
	font-size:28px;/*for IE*/ font-size:2.8rem;
	width:280px;
	margin-left:340px;
}

#pageTitle.prodTitle h1 span.iconGroup{
	margin: 0;
	white-space: nowrap;/*ADD2023*/
}
#pageTitle.prodTitle h1 span.iconGroup span{
	margin-left: 0;
	margin-right: 7px;
}
#pageTitle.prodTitle h1 span.iconGroup span:after{
	margin-left: 0;
}

#pageTitle.prodTitle .prodY{
	background:#f4f5fe;
	position:absolute;
	top:3px; right:240px;
	}
.imgSizeProd{
	background:url(/shared/images/bg_imgSizeProd01.png) no-repeat center bottom;
	margin-top:-125px;
	padding-bottom:30px
	}
.imgSizeProd div.text{ padding-top:85px;}
.imgSizeProd div.text .dl_basic01 p{ display:inline;}

.table_basic03 a{ text-decoration:underline;}
/*========== search ==========*/
#search{}
#search #prodTab li{ width:367px; margin-right:6px;}
#search #prodLayer {
	padding-top:0;
}
#search #prodLayer > .btnOpen01,
#search #prodLayer > .btnClose01{
 position:absolute; 
right:0; top:10px;
}
#search #prodLayer > .btnClose01{
	display:none;
}
.criterion{
	background:#f2f4f3;
	margin-bottom:1px;
	position:relative;
	padding-top:15px;
	border-right:2px solid #CCC;
	border-bottom:2px solid #CCC;
	cursor:pointer;
	}
	.criterion:hover{ background-color:#f4f5fe;}
	.criterion.active{
		background-color:#f4f5fe;
		cursor:default;
		}
.criterion > p{
	font-size:16px;/*for IE*/ font-size:1.6rem;
	margin:0 15px 15px;
	color:#111987;
}
.criterion > p:before{	content:url(/shared/images/ico_plus01.png);	}
.criterionList{
	/*display:none;*/
	padding:10px;
	margin-top:10px;
	cursor:default;
}
.criterionList .btnClose01{
	position:absolute;
	top:10px; right:10px;
	}
.criterionList ul{ margin:0 0 0 10px; padding:0;}
.criterionList li{list-style:none;}

.criterionList ul.photo{ padding-left:8px;}
.criterionList ul.photo li{
	vertical-align:top;
	display:inline-block;
	list-style:none;
	width:147px;
	margin:0 12px 10px;
	word-wrap:break-word;
	}
.criterionList li img{ border: solid 1px #e0e0e0;}
.criterionList li.off img{
	-ms-filter:"alpha(opacity=30)";
	opacity:0.3;
		 }
.criterionList .dl_table01{
	margin:0 10px 10px 20px;
	border: 1px solid #CCC;
	border-top: none;
 }
.criterionList input{
		margin-right:5px;
	}
	.criterionList label{
		margin-right:1em;
		display:inline-block;
		}
	.criterionList label:hover{
		color:#F90;
	}
.criterionList .dl_table01 dt,
.criterionList .dl_table01 dd {
	min-height:2em;
	}
.criterionList .dl_table01 dt {
	border-top: 1px solid #CCC;
	width: 14em;
}
.criterionList .dl_table01 dd {
	margin:0 0 0 14em;
	background:#FFF;
	border-top: 1px solid #CCC;
	}

.criterionList .dl_table01.basic dt{width: 5em;}
.criterionList .dl_table01.basic dd {	margin:0 0 0 6em;}

/*========== result ==========*/
.searchResult h2{ border-bottom:solid 3px #111987;}
ul.pager{ border:solid 1px #CCC; padding:0; overflow:hidden; display:inline-block;}
ul.pager li{ list-style:none; float:left; margin:0;}
ul.pager li a{ display:block; border-right:solid 1px #CCC; padding:5px 15px;}
ul.pager li a.active{ color:#FFF; background:#989898; text-decoration:none;}
ul.pager li.last a{ border:none;}

@keyframes resultAnchorPopIn {
	0% { transform: translate(0, 100%); }
	95% { transform: translate(0, -10px); }
	100% { transform: translate(0, 0); }
}

.resultAnchor{
	color:#333;
	font-size:28px;/*for IE*/ font-size:2.8rem;
	font-weight:bold;
	text-align:center;
	line-height:1.3;
	background: url(/product/search/images/ico_result01.png) no-repeat center 70px #FF0;
	width:5em;
	height:5em;
	border-radius: 5em;
	position: fixed;
	bottom:0; left:50%;
	margin:0 0 -25px -190px;
	z-index:100;
	cursor:pointer;
	display:block;
	
	animation: resultAnchorPopIn .2s ease 1;
	animation-fill-mode: both;
}
	.resultAnchor:hover{
		bottom:10px;
		text-decoration:none;
	}
.resultAnchor:before,
.resultAnchor:after{
	font-size:14px;/*for IE*/ font-size:1.4rem;
	}
.resultAnchor:before{
	content:"検索結果";
	margin:0 auto;
	padding-top:1em;
	display:block;
}
.resultAnchor:after{ content:"件";}


/*========== Module ==========*/
/*----- icon -----*/
.icoProd01:after,
.icoProd02:after,
.icoProd03:after,
.icoProd04:after,
.icoProd05:after,
.icoProd06:after{
	font-size:12px;/*for IE*/ font-size:1.2rem;
	display: inline-block;
	vertical-align:text-top;
	overflow: hidden;
	padding:0.2em 0.8em 0.1em;
	line-height:1.2em;
	text-indent:0;
}

.icoProd01:after{ content:"新製品"; background:#C00; color:#FFF;}
.icoProd02:after{/* content:"生産中止"; background:#333; color:#FFF;*/}
.icoProd03:after{/* content:"生産中止予定"; background:#FFF; color:#C00; border:solid 1px #C00;*/}
.icoProd04:after{ content:"推奨品"; background:#008000; color:#FFF;}
.icoProd05:after{ content:"生産中"; background:#0000ff; color:#FFF;}
.icoProd06:after{ content:"非推奨品"; background:#676767; color:#FFF;}

.prodTitle .icoProd01:after,
.prodTitle .icoProd02:after,
.prodTitle .icoProd03:after,
.prodTitle .icoProd04:after,
.prodTitle .icoProd05:after,
.prodTitle .icoProd06:after{ vertical-align:middle;}


/*----- scrollTable -----*/
/* 外枠 */
/*.scrollTableWrap{ position:relative;}
.scrollTableWrap:before{
	display: inline-block;
	vertical-align: middle;
	content: "";
	overflow: hidden;
	background: url(/shared/images/ico_common.png) no-repeat 0 0;
	width:15px; height:15px;
	position:absolute;
	top:0; right:-50px;
	}
	*/
.scrollTable {
  width: 740px;
  overflow: hidden; /* floatさせた要素を内包しているため指定 */
}
.scrollTable .lock_box,
.headL{
	width: 200px;
	}
.scrollTable .scroll_box,
.headR{
	width: 539px;
	}
.headL,
.headR{
		line-height:2.5;
	text-align:center;
	color:#fff;
	background-color:#8c90cc;
}
.headL{ float:left;}
.headR{ float:right;}
.scrollTable .height01{ height:3.2em;}
/* ロック部分 */
.scrollTable .lock_box { float: left;}
/*.scrollTable .lock_box table {
  table-layout: fixed;  内容を固定 
}*/
.scrollTable .lock_box table,
.scrollTable .lock_box th {
  border-right: none; /* 右ボーダーの重なりを防止 */
	text-align:center;
}

/* 横スクロール部分 */
.scrollTable .scroll_box {
  float: left;
  overflow-y: hidden; /* 縦スクロール非表示 */
  overflow-x: scroll; /* 横スクロール */
	border-left:1px solid #e0e0e0;
}
.scrollTable .scroll_box table,
.scrollTable .scroll_box th,
.scrollTable .scroll_box td{
	border-left:none;
	}
.scrollTable .scroll_box td{
	text-align:center;
	white-space: nowrap;
	}

.scrollTable .scroll_box .fixed{ width:530px;}

/*----- loading -----*/

#loading{
	position:absolute;
	left:38%;
	top:400px;
	margin-left:-30px;
	}

/*----- date -----*/
#pageTitle.seriesTitle h1 span.date,
.unitModelName span.date,
.unitSeries h2 span.date,
.resultUnitIn span.date,
#pageTitle.seriesTitle h1 span.date,
#pageTitle.prodTitle h1 span.date,
.machModel span.date{
	font-size:12px;/*for IE*/ font-size:1.2rem;
	margin-left:7px;
	color:#C00;
	font-weight:normal;
	display: inline-block;
	text-indent:0;
	vertical-align:middle;
 background:#FFF;
 border:solid 1px #C00;
 padding:0 5px;
 line-height:1.7;
 }
.unitModelName div.ico{
	display:inline-block;
	margin-bottom:0;
		}
a:hover .unitModelName div.ico img{
	opacity:1;
}
	/*.unitModel a:hover .unitModelName span.date{
color:#FCC;
.resultUnitIn .icoProd03:after{ vertical-align:middle;}	}*/

/*----- date_stop -----*/
#pageTitle.seriesTitle h1 span.date_stop,
.unitModelName span.date_stop,
.unitSeries h2 span.date_stop,
.resultUnitIn span.date_stop,
#pageTitle.seriesTitle h1 span.date_stop,
#pageTitle.prodTitle h1 span.date_stop,
.machModel span.date_stop{
	font-size:12px;/*for IE*/ font-size:1.2rem;
	margin-left:7px;
	color:#FFF;
	font-weight:normal;
	display: inline-block;
	text-indent:0;
	vertical-align:middle;
 background:#333;
 padding:0 5px;
 line-height:1.7;
 }


/*----- lNav -----*/
#lnavEnd_of_sale{
	border:solid 2px #111987;
	margin-bottom:20px;
	padding:10px;
	}

#lnavEnd_of_sale .heading{
	font-weight:bold;
	float:none;
	font-size: 16px;/*for IE*/
	font-size: 1.6rem;
	margin: 0;
}
#lnavEnd_of_sale .heading:before{
	display: inline-block;
	vertical-align: middle;
	content: "";
	overflow: hidden;
	background: url(/shared/images/ico_common.png) no-repeat -279px 0;
	width:22px; height:19px;
	margin:-5px 3px 0 0;
}
#lnavEnd_of_sale li{
	margin-left:20px;
	list-style:disc;
	}
#lnavEnd_of_sale li span{
	font-size: 12px;/*for IE*/
	font-size: 1.2rem;
	}

/*----- Option Parts -----*/
.machModel {
  height: 230px;
}
.machModel li span.iconGroup {
	white-space: nowrap;
}
/*----- status -----*/
body.onStatus {
	overflow-x: hidden;
}
.statusIconListBtn::after {
	content: "";
	display: inline-block;
	background: url(/product/images/ico_status.png);
	cursor: pointer;
	width: 23px;
	height: 23px;
	transform: scale(0.8,0.8);
	margin-left: 3px;
}
.statusIconListBtn.va_bl::after {
	vertical-align: baseline;
    transform-origin: center 90%;
}
.statusIconListBtn.va_tt::after {
	vertical-align: text-top;
    transform-origin: center 70%;
}
.statusIconListBtn.va_md::after {
	vertical-align: middle;
    transform-origin: center 50%;
}
.statusIconListBtn.va_sb::after {
	vertical-align: sub;
    transform-origin: center 50%;
}
.statusIconListBtn.va_bt::after {
    vertical-align: bottom;
    transform-origin: center 30%;
}

.statusIconListBtn:hover {
	opacity: .7;
}
.statusIconListBtn.statusIconListCloseBtn::after {
	background-position: -23px 0;
}
#statusIconList{
	padding: 0/*35px 15px 15px*/;
	background: #fff;
	box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.3);
	max-width: 705px;
/*}
#statusIconList {*/
	display: none;
	position: fixed/*absolute*/;
	z-index: 9900;
	cursor: grab;
	transition: box-shadow 0.25s, background-color 0.25s;
}
#statusIconList:hover {
	box-shadow: 0px 0px 10px 5px rgb(0 0 0 / 20%);
}
#statusIconList.dragging {
	cursor: grabbing!important;
	box-shadow: 0px 0px 10px 5px rgb(0 0 0 / 10%);
	user-select: none;
}
#statusIconList .table_basic01 th,
#statusIconList .table_basic01 td{
	padding: 5px;
}
span[class*="icoProd0"]:hover::after, span.date:hover, span.date_stop:hover {
	filter: contrast(200%);
	/*box-shadow: 0 0 10px #ff0;*/
	cursor: pointer;
}
#statusIconList .table_basic01 caption {
	display: none;
}
/*----- icon -----*/
#statusIconList td span.icoProd::after{
	display: none;
}
#statusIconList td span.icoProd{
	font-size:12px;/*for IE*/ font-size:1.2rem;
	display: inline-block;
	vertical-align:middle;
	overflow: hidden;
	padding:0.2em 0.8em 0.1em;
	line-height:1.2em;
	text-indent:0;
}

#statusIconList td span.icoProd.icoProd01{ background:#C00; color:#FFF;}
#statusIconList td span.icoProd.icoProd02{ background:#333; color:#FFF;}
#statusIconList td span.icoProd.icoProd03{ background:#FFF; color:#C00; border:solid 1px #C00;}
#statusIconList td span.icoProd.icoProd04{ background:#008000; color:#FFF;}
#statusIconList td span.icoProd.icoProd05{ background:#0000ff; color:#FFF;}
#statusIconList td span.icoProd.icoProd06{ background:#676767; color:#FFF;}

.dli-close{
	top: -25px/*5px*/;
	right: 0/*10px*/;
	cursor: pointer;
	position: absolute;
	display: inline-block;
	width: 25px;
	height: 25px;
}
.dli-close::before ,
.dli-close::after {
  content: '';
  display: inline-block;
  position: absolute;
  width: 100%;
  height: 1px;
  background: #333;
	top: 50%;
	box-shadow: 0 0 2px #fff;
}
.dli-close::before {
  transform: rotate(45deg);
}
.dli-close::after {
  transform: rotate(-45deg);
	left: -25%;
}

.unitSeries a.icoLink01,
.resultUnit  a.icoLink01{
	display: inline-block;
}

/*width adj*/
.unitSeries a.icoLink01.w100per{
	width:100%;
}
.unitSeries .unitSeriesIn .text h2.w150per {
	width:150%;
}
.recalc_w {
	display: inline-block;
	white-space: nowrap;
	transform-origin: left center;
}

/*width_br adj*/
.recalc_br {
	display: inline;
	white-space: nowrap;
}
.recalc_br_series {
	display: inline;
	white-space: nowrap;
	margin-left: 5px;
}
span.iconGroup.break_pattern {
	display: inline;
	white-space: nowrap;
}
span.iconGroup.break_pattern.series {
	margin-left: 0px;
}
a.icoLink01.break_pattern:before {
	margin-right: 0px!important;
}

/*for optionalparts_power*/
.unitSeries.type01 .text > h2 > a.nowork:hover {
	background: #f2f4f3!important;
	text-decoration: none!important;
}

/*adj general*/
.ml0 {
	margin-left: 0!important;
}
.statusIconListBtn.ml0:after {
	margin-left: 0!important;
}

/*plural movies*/
.movie-group {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: flex-start;
    width: 740px;
    height: auto;
}
.movie-box {
    margin-bottom: 20px;
    flex: 1 1 350px;
}
.movie-exp {
    margin-bottom: 7px;
    font-size:1.5rem;
    margin-top: 0px;
    text-align: justify;
}
.movie-group .movie-box:nth-child(odd) {
    margin-right: 35px;
}
.movie-group .movie-box:nth-child(even) {
    margin-right: 2px;
}
.movie-wrapper {
    max-width: 351.562px;/*350*/
    display: block;
    position: relative;
}
.movie-wrapper:before {
    content:"";
    display: block;
    padding-top: 56.25%;
}
.movie-wrapper iframe {
    border: 2px solid #eeeeee;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.movie-group .movie-box:nth-child(1) {
    flex: 1.097 1 350px;
}
.movie-group .movie-box:nth-child(1) .movie-wrapper {
    max-width: 380px;
}
.movie-group .movie-box:nth-child(1) .movie-exp {
    max-width: 700px;
}