@charset "UTF-8";
@scope (.nec-contents) {

/*2016/10/06更新*/

#header5 .navi ul li{
	line-height:2;
}

#bizsearch .grass_icon{
	margin-top:0;
}

.search #bizsearchAspQuery{
	line-height:2;
}


@media screen and (min-width:641px) {
	#megaplate .sp_only{
		display:none !important;
	}
}



/**********************************/
/*               SP               */
/**********************************/

@media screen and (max-width: 640px){
	
	#bizsearchAspForm #popterm {
		margin-top:0px !important;	
		z-index: 1000;	
	}

	
	#header5.search .navi ul li {
		-webkit-transform:none;
		transform: none;
		opacity: 1; 
		z-index: 1;
		-webkit-transition:none;
		transition:none;
	}
	
	#header_block2,
	#header_block3,
	#sp_menu{
		visibility:hidden;
	}
	#header_block2.show,
	#header_block3.show,
	#sp_menu.show{
		visibility:visible;
	}
	
	#header5{
	}
	#header5 .contents_wrap{
		width: 100%;
		padding-left: 0;
		padding-right: 0;
		padding-top: 0px;
		min-width:initial;
		min-width:none;
		height: auto;
	}
	
	
	#header_block1 .contents_wrap{
		overflow:visible;
		min-width:0;
	}
	
	#header_block2 .contents_wrap{
		height:38px;
		border-bottom: 1px solid #e9e9e9;
	}
	
	
	#header5 .content{
	height:auto;
	}
	
	div#header5 #header_block1 .logo_121ware span{
		margin-left: 10px;
		vertical-align: 0px;
	}
	#header_block2 .content,
	#header_block3 .content{
		padding-top:0;
	}
	
	#header5 .logo_121ware a{
		display:inline-block;
		height: 19px;
	}
	
	#header5 .logo_121ware img {
		width: 82px;
		height: 19px;
	}
	
	#header5 .logo_121ware{
		float: none;
		padding-top: 22px;
		padding-left: 16px;
		padding-bottom: 16px;
		background-color:#ffffff;
		margin-right: 0;
		border-bottom:solid #eaeaea 1px;
		z-index:6;
		text-align:left;
	}
	
	#sp_menu{
		position:relative;
	}
	
	#barger_btn{
		width: 35px;
		height: 35px;
		top: 16px;
		right: 16px;
		position: absolute;
		cursor:pointer;
		z-index: 6;
	}
	
	#barger_btn .open {
		position: absolute;
		top: 0;
		left: 0;
	}
	
	#barger_btn .close {
		opacity:0;
	}
	
	#barger_btn.btn_open .open{
		opacity:0;
	}
	#barger_btn.btn_open .close{
		opacity:1;
	}


	
	#barger_btn .border1,
	#barger_btn .border2,
	#barger_btn .border3 {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
	}
	#barger_btn .border2 {
		top: 8px;
	}
	
	#barger_btn .border3 {
		top: 16px;
	}
	
	#barger_btn [class^='border'] img {
		position: absolute;
		height: 2px;
		-webkit-transition: -webkit-transform 0.3s ease-out,opacity 0.3s ease-out;
		transition: transform 0.3s ease-out,opacity 0.3s ease-out;
	}
	
	#barger_btn.btn_open .border1 img {
		-webkit-transform: translate(1px,7px) rotate(45deg) scaleX(0.66);
		-ms-transform: translate(1px,7px) rotate(45deg) scaleX(0.66);
		transform: translate(1px,7px) rotate(45deg) scaleX(0.66);
	}
	
	#barger_btn.btn_open .border2 img {
		opacity: 0;
		-webkit-transform: scaleX(0.01);
		-ms-transform: scaleX(0.01);
		transform: scaleX(0.01);
	}
	
	#barger_btn.btn_open .border3 img{
		-webkit-transform: translate(0.5px,-7.5px) rotate(-45deg) scaleX(0.66);
		-ms-transform: translate(0.5px,-7.5px) rotate(-45deg) scaleX(0.66);
		transform: translate(0.5px,-7.5px) rotate(-45deg) scaleX(0.66);
	}
	#barger_btn .border1 img, #bargerBtn .border3 img {
		-webkit-transform-origin: 45% center;
		-ms-transform-origin: 45% center;
		transform-origin: 45% center;
	}
	
	
	
	
	#barger_btn.btn_open .close {
		opacity: 1;
	}
	
	#barger_btn img {
		top: 0;
		width: 100%;
		height: auto;
	}
	
	
	#bizsearch{
		position:relative;
		padding-left:0;
	}
	
	#bizsearchAspQuery{
		position: relative;
		visibility: visible;
		left: 0px;
		opacity: 1;
		font-size: 13px;
		-webkit-transform: none;
		transform: none;
		padding: 6px 10px 6px 0;
		width: 90%;
		float:none;
		
	}
	
	#header_block1 .contents_wrap{
		border:none;
	}
	
	#header_block2{
		border:none;
	}
	
	#header5 #header_block2 .product_menu li{
		width:33.4%;
		margin-right:0;	
	}
	
	#header5 #header_block2 .product_menu li.equipment{
		width:33.3% !important;
	}
	
	#header_block2 .product_menu li.lineup{
		border-right:solid 1px #e5e5e5;
	}
	
	#header_block2 .product_menu li.consept{
		border-left:solid 1px #e5e5e5;
		float:right;
		margin-right:-2px;
	}
	
	#header5 #header_block2 .product_menu li span.text{
		height:32px;
		width:auto;
		display:block;
		text-align:center;
		margin:3px;
		font-size: 12px;
		float: none;
		line-height: 32px;
	}
	
	#header_block2 .product_menu li.equipment span.text {
		white-space:nowrap;
		letter-spacing:-0.5px
	}
	
	#header5 #header_block2 .product_menu li span.text .tume{
		margin-left:-0.25em;
		margin-right:-0.25em;
	}
	
	#header_block2 .product_menu li.consept{
		margin-left: -2px;
	}
	
	#header_block2 .product_menu li .border{
		display:none;
	}
	
	#header_block2 .product_menu ul{
		padding:0;	
	}
	
	#header_block2 .product_menu li{
		font-size:11px;
		cursor: default;
	}
	#header5 .nec_logo{
		position: absolute;
		right: 50px;
		top: 16px;
		z-index: 2;
	}
	
	#header5 .navi{
		float:none;
	}
	
	#bizsearch{
		padding: 0;
		border: solid #e5e5e5 4px;
		/*border-right: solid 8px #e5e5e5;*/
		box-sizing: border-box;
		visibility: visible;
		margin-top: 0;
	}
	
	#bizsearch .close{
		display:none;
	}
	
	#srchBtn{
		visibility: visible;
		background: url(/navigate/common/images/sarch_grass.png) no-repeat;
		background-size: 100% 100%;
		width: 18px;
		height: 18px;
		right: 12px;
		top: 22px;
	}
	
	#srchBtn input{
		opacity: 0;
		width: 100%;
	}
	
	#bizsearchAspForm{
		margin: 13px 10px;
	}
	#bizsearchAspQuery{
	padding: 8px 10px 4px 0;
	top:0;
	}
	
	#bizsearch .grass_icon{
		display:none;
	}
	#header5 .navi ul li{
	    width: 49.9999%;
		border: solid 1px #e5e5e5;
		border-top-width: 2px;
		background-color: #fff;
		box-sizing: border-box;
		margin: 0;
		
	}
	
	#header5 .navi ul li:hover{
		-webkit-animation:none;
		animation:none;
	}
	
	
	
	
	#header5 .navi ul li.active{
    background-color: #404040;
    margin: 0;
	}
	#header5 .navi ul li a{
		display: block;
		padding:0;
		text-align: left;
		box-sizing: border-box;
		width: 100% ;
		line-height: 20px;
		font-size: 13px
	}
	
	
	#header5 .navi ul li span{
		padding: 18px 12px 18px;
		background: url(/navigate/common/images/menu_arrow.png) no-repeat 93% center;
		background-size: 20px 20px;
		display: block;		
	}
	
	#header5 .navi ul li.active span{
    background-color: #404040;
		padding: 18px 12px 18px;
		background-image:none;
		
	}
	
	#header5 .navi ul li.support,
	#header5 .navi ul li.mypage,
	#header5 .navi ul li.sitemap{
		letter-spacing:-1px;
	}
	
	#header5 .navi ul li.products,
	#header5 .navi ul li.support{
		border-left: solid 4px #e5e5e5;
	}
	
	#header5 .navi ul li.shopping,
	#header5 .navi ul li.mypage{
		border-right: solid 4px #e5e5e5;
	}
	
	
	#header5menu{
		border-bottom: solid 3px #e5e5e5;
	}
	
	
	
	
	#megadrop_menu{
		display:none;
	}
	
	#header_block3 .contents_wrap{
		overflow:visible;
	}
	
	#megaplate2 li .text dd{
		font-size:10px;
	}
	
	
	#megaplate .banner_line{
		width: 100%;
		position: relative;
		top:0;
	}
	
	
	
	#megaplate .banner_line a{
		width:20px;
		top: 17px;
		right: 4%;
		width: 20px
	}
	
	#megaplate .banner_line a img{
		width:100%;
		height:auto;
	}
	
	
	#megaplate .banner_line>div{
		height:54px !important;
	}
	
	
	#mega_cover{
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	
	
	#megaplate .icon_line{
		visibility:visible;
		position:relative;
		right:auto; 
		bottom:auto;
	}
	
	#megaplate .icon_line .tab_arrow.zero{background-color:transparent;top:auto;left:10%;}
	#megaplate .icon_line .tab_arrow.frista{background-color:transparent;top:auto;left:30%;}
	#megaplate .icon_line .tab_arrow.ns{background-color:transparent;top:auto;left:50%;}
	#megaplate .icon_line .tab_arrow.desk{background-color:transparent;top:auto;left:70%;}
	#megaplate .icon_line .tab_arrow.tablet{background-color:transparent;top:auto;left:90%;}
	#megaplate .icon_line .tab_arrow{
		-webkit-transform:translateX(-50%);
		-ms-transform:translateX(-50%);
		transform:translateX(-50%);
		bottom: -1px;
		right: auto;
		width: 3%;
	}
	
	#megaplate .icon_line .tab_arrow img{
		width:100%;
	}
	
	.arrow{
		background:none;
		padding:0;	
	}
	
	#megaplate .icon_line .tab_arrow img.pc_only {
		visibility:hidden;
	}
	
	#megadrop .lineup{
		background-color:#222;
		color: #fff;
		font-size: 15px;
		height: 44px;
		line-height: 45px;
		overflow: hidden;
	}
	
	#megadrop .lineup .title_line .title{
		float:left;	
		margin-left: 17px;
	}
	
	#megadrop .lineup .title_line .close{
		float:right;	
		margin-right: 17px;
		margin-top: 15px;
		line-height: 1;
	}
	
	#megadrop .lineup .title_line .close img{
		width: 12px;
		height: auto;
	}
	
	#megaplate .icon_line{
		width: 100%;
		float: none;
		clear:both;
	}
	#megaplate .icon_line [class^="icon"]{
		width:20%;
		float:left;	
		text-align:center;
		background: #3a3a3a;
		height: 56px;
		height: auto;
		padding-bottom: 6px;
		padding-top: 6px;
	}
	
	#megaplate .icon_line .icon2 dl{
		white-space:nowrap;
		letter-spacing:-1px;
	}
	
	
	#megaplate .icon_line [class^="icon"] .inner {
		position: relative;
		left: 0%;
		margin-left:0;
		top:auto;
		margin-top:0;
	}
	
	#megaplate .icon_line [class^="icon"] img{
		float:none;
		display: inline-block;
		width: 50%;
		height: auto;
		margin:auto;
	}
	
	#megaplate .icon_line .link{
		display:none;
	}
	
	#megaplate .icon_line .link a{
		display:block;
	}
	
	#megaplate .icon_line [class^="icon"] dl{
		float: none;
		text-align:center;
		font-size: 10px;
		padding-top: 6px;
	}
	
	#megaplate .icon_line dd{
		display:none;
	}
	
	#megaplate .tab_line .win_logo {
		display:none;
	}
	#megaplate .tab_lineup {
		width:100%;
	}
	#megaplate .tab_line{
		margin-left:0;
		height: 390px;
		width:100%;
		float:none;
		background-color:#eeeeee;
	}
		
	

	#megaplate .tab_line h2{
		width:43.46%;
		margin-left: 2%;
		padding-top: 10px;
		padding-bottom: 9px;
		height: auto;
		background-color:transparent;
	}
	
	#megaplate .tab_line .tab3 h2{
		padding-bottom: 9px;
		width: 47.06%;
	}
	
	#megaplate .tab_line h2 img{
		width:100%;	
	}
	#megaplate .tab_line .tab3 h2 img {
		width: 100%;
		padding-bottom:0;	
	}
	
	
	#megaplate .tab_line .link_line{
		font-size:10px;
		font-size: 10px;
		padding: 3% 4%;
		border-bottom: #aeaeae 1px solid;
	}
	#megaplate .tab_line .link_line.mbottom{
		border: medium none;
		padding-bottom: 2%;
	}
	
	#megaplate .tab_line .link_line a{
		color:#000;
	}
	
	#megaplate .tab_line .link_line .title{
		float:left;
		display: inline-block;
		line-height:1;
	}
	
	#megaplate .tab_line .link_line .arrow{
		float: left;
		margin-top: -2px;
		margin-left: 5px;
	}
	#megaplate .tab_line .link_line .arrow img{
		width: 12px;
		height: auto;
	}

	#megaplate .tab4 .desk2 .info_text br{
		/*display:none;*/
		
	}
	
	
	#megaplate .product_info:first-child {
		margin-left:auto;
	}
	#megaplate .product_info {
		width: 96%;
		margin-left:auto;
		margin-right:auto;
		height: 114px;
		float: none;
		position: relative;
		overflow: hidden;
		cursor:auto;
	}
	
	
	
	#megaplate .product_info > img {
		margin: 0;
		position: absolute;
		left: 65%;
		top: 50%;
		-webkit-transform: translateX(0) translateY(-50%);
		-ms-transform: translateX(0) translateY(-50%);
		transform: translateX(0) translateY(-50%);
		width: 30%;
	}
	
	#megaplate .product_info .info_text {
		font-size: 10px;
		line-height: 1;
		box-sizing: border-box;
		border: solid #fff 1px;
		border-radius: 3px;
		margin-bottom: 7px;
		display: inline-block;
		padding: 5px 5px 2px;
		float:left;
		width:auto;
		z-index: 1;
		position: relative;
	}
	
		
	#megaplate .tab5 .product_info.tablet2  .info_text,
	#megaplate .tab5 .product_info.tablet3  .info_text {
		margin-bottom: 6px;
	}
	
	#megaplate .product_info .feature p {
    font-size: 12px;
	line-height: 1.5;
	clear: both;
	}
	
	#megaplate .tab1 .product_info .feature p,
	#megaplate .tab2 .product_info .feature p{
		font-size: 12px;
	}
	
	#megaplate .tab1 .product_info .feature p .tume{
		letter-spacing:0;
	}
	#megaplate .product_info .feature{
		height: 100%;
		top: 14px;
		text-align: left;
	}
	#megaplate .product_info .wight_text {
		left: 10px;
		top: 0;
		position: relative;
		float: left;
		font-size: 10px;
		padding-top:6px;
		line-height: 1;
		position:relative;
		z-index:1;
		/*line-height:20px;*/
	}
	#megaplate .product_info .wight_text.note{
		position: absolute;
		top: 67px;
	}
	#megaplate .product_info.ns1 .wight_text.note{
		top: 75px;
	}
	#megaplate .product_info .link {
		width: 20px;
		top: -6px;
		right: 8px;
		z-index: 1;
	}
	
	#megaplate .zero1 > img {
		margin-top:1%;
		left: 70%;
	}
	
	#megaplate .zero2 > img {
		width:65%;
		margin-left: -20%;
	}
	
	#megaplate .zero3 > img {
		width: 70%;
		margin-left: -22.5%;
		margin-top: -2.3%;
	}
	
	#megaplate .tab_line .tab2 .frista1 > img {
		width: 60%;
		left: 45%;
		max-width: 598px;
		margin-top: 0;
	}
	
	#megaplate .ns1 > img {
		width: 60%;
   		margin-left: -17%;
   		margin-top: -5.5%;
	}
	
	#megaplate .ns2 > img {
		width: 64%;
		margin-left: -22%;
		margin-top: -4%;
	}
	#megaplate .ns3 > img {
		width: 70%;
		margin-left: -22.5%;
		margin-top: -3.2%;
	}
	
	#megaplate .desk1 > img {
		width: 60%;
		margin-left: -17.5%;
		margin-top: -1.2%;
	}
	
	#megaplate .desk2 > img {
		width: 65%;
		margin-left: -21.5%;
		margin-top: -0.4%;
	}
	
	#megaplate .tab4 h2.all_in_one {
		width: 47.06%;
		margin-left: 15px;
		height: auto;
		margin-left: 2%;
	}
	
	#megaplate .tab4 h2.desk_power {
		width: 43.46%;
		margin-left: 0;
		left: 2%;
		position: relative;
		height: auto;
	}
	
	#megaplate .link2 .line1{
		display:none;
	}
	
	#megaplate .link2{
	    background-color: #eee;
    	font-size: 13px;
		padding: 3% 0px;
	}
	

	
	#megaplate .link2 li{
		padding:2% 4%;
		line-height: 1;
	}
	
	#megaplate .link2 a{
		color:#000;
	}
	
	#megaplate .link2 .title{
		float:left;
	}
	
	#megaplate .link2 .arrow{
		float:right;
		margin-top:-3px;
	}
	#megaplate .tab5 h2{
		float:left;
		padding-top: 12px;
		padding-bottom: 7px;
	}
	
	#megaplate .tab5 h2.e,
	#megaplate .tab5 h2.s {
		left: 0;
		position: relative;
	}
	
	#megaplate .tab5 .tablet1 .info_text br,
	#megaplate .tab5 .tablet2 .info_text br,
	#megaplate .tab5 .tablet3 .info_text br{
		display:none;	
	}
	
	#megaplate .tab5 .tablet1 .info_text,
	#megaplate .tab5 .tablet2 .info_text,
	#megaplate .tab5 .tablet3 .info_text{
		width:auto;
		line-height: 1.2;
		padding-top: 3px;
		-webkit-transform: scale(0.8);
		-ms-transform: scale(0.8);
		transform: scale(0.8);
		-webkit-transform-origin: left top;
		-webkit-transform-origin: left top;
		transform-origin: left top;
	}
	
	#megaplate .tab5 [class^='tablet'] .info_text br{
		display:none;	
	}
	
	#megaplate .tab5 [class^='tablet'] .info_text{
		width:auto;
	}
	
	#megaplate .tab5 .product_info{
		height: 92px;
	}
	
	#megaplate .tab5 .product_info .feature p{
		line-height:1.7;
	}
	
	#megaplate .tab5 .product_info.tablet2 .feature p,
	#megaplate .tab5 .product_info.tablet3 .feature p{
		line-height:1.3;
	}
	
	#megaplate  .tab5 .link_line	{
		padding: 4% 2% 0;
		border-bottom: none;
		float: right;
	}
	
	#megaplate .tablet1 > img {
		width: 62%;
		margin-left: -16.5%;
		margin-top: -2%;
	}
	
	#megaplate .tablet2 > img {
		width: 65%;
		margin-left: -23.5%;
		margin-top: -4.5%;
	}
	
	#megaplate .tablet3 > img {
		width: 65%;
		margin-left: -22%;
		margin-top: 2%;
	}
	
	
	/*僅少品削除*/
	
	#megaplate .tab_line .link_line{
		display:none !important;
	}
	
	#megaplate .tab_line{
		padding-bottom: 0.75em;
		border-top:none;
	}
	
	#megaplate .link2{
		border-top: #aeaeae 1px solid;
	}
	
	/*一覧で表示、仮削除*/
	
	#megaplate .link2 .line2{
		display:none;
	}
	
	/*megaplate2*/
	
	#megaplate2 li, #megaplate3 li{
		width: 50%;
		border-left: solid #eaeaea 2px;
		border-bottom: solid #eaeaea 3px;
	}
	#megaplate2 li.line2,
	#megaplate2 li.line4,
	#megaplate3 li.line2, 
	#megaplate3 li.line4,
	#megaplate3 li.line6, 
	#megaplate3 li.line8{
		width: 50%;
		float:right;
		margin-left:-2px;
		border-left: solid #eaeaea 2px;
		border-right: none;
	}
	
	#megaplate2 li .img_clip img.pr_img,
	#megaplate3 li .img_clip img.pr_img{
	width:100% !important;
	height:auto;
	margin-left:0 !important;
	-webkit-transition:-webkit-transform 0.3s ease-in-out;
	transition:transform 0.3s ease-in-out;
	}
	
	#megaplate2 li.line2 .img_clip .pr_img{
		opacity:1;
	}
	
	#megaplate2 ul, #megaplate3 ul {
		border: solid #eaeaea 5px;
		border-bottom-width: 3px;
	}
	
	#megaplate2 li dt, #megaplate3 li p {
		font-size: 11px;
	}
	
	#megaplate2 li dd {
		font-size: 10px;
		line-height: 1.4;
	}
	
	
	#megaplate2 li .img_clip img.link,
	#megaplate3 li .img_clip img.link{
		width:9%;
		height:auto;
		right: 4%;
		top: 8%;
	}
	
	#megaplate2 li .text,
	#megaplate3 li .text{
		padding: 3%;
		-webkit-transform: scale(0.96);
		-ms-transform: scale(0.96);
		transform: scale(0.96);
		/*width: 103%;
		
		-webkit-transform-origin: left top;
		-ms-transform-origin: left top;
		transform-origin: left top;*/
		
	}
	
	#megaplate3 li .text{
			padding: 3% 0;
			position:relative;
			
	}
	
	#megaplate3 li .text p{
		position:relative;
		text-align:center;
	}
	#megaplate3 li.line2 .pr{
		font-size:10px;
		-webkit-transform: scale(0.9);
		-ms-transform: scale(0.9);
		transform: scale(0.9);
		-webkit-transform-origin:left bottom;
		-ms-transform-origin:left bottom;
		transform-origin:left bottom;
		bottom: 3px;
	}

	
	#megaplate3 li.line1 .text p,
	#megaplate3 li.line2 .text p,
	#megaplate3 li.line4 .text p,
	#megaplate3 li.line6 .text p{
		-webkit-transform:translateY(50%);
		-ms-transform:translateY(50%);
		transform:translateY(50%);
	}
	
	#megaplate3 li.line7, 
	#megaplate3 li.line8{
		display:none;
	}
	
	megaplate2 li.line2:hover .img_clip .bg{
		-webkit-transform:scale(1);
		-ms-transform:scale(1);
		transform:scale(1);
	}
	
	#megaplate2 li:hover img.pr_img,
	#megaplate3 li:hover img.pr_img{
		-webkit-transform:scale(1);
		-ms-transform:scale(1);
		transform:scale(1);		
	}
	
	
	#megaplate .icon_line .tab_arrow{
		-webkit-transform-origin:center bottom;
		-ms-transform-origin:center bottom;
		transform-origin:center bottom;
		background:none !important;
	}

	
	#megaplate3 li .text p{
		font-size: 11px;
	}
	
	
	#megadrop_menu .link_tab li:hover{
		-webkit-animation:none;
		animation:none;
	}
	
	#megaplate2 li:hover img.pr_img,
	#megaplate3 li:hover img.pr_img{
		-webkit-animation:none;
		animation:none;
	}
	
	#header5 .navi{
		margin-top:0px;
	}
	
	
	
}

@media screen and (max-width: 480px){
	#header5 .content{
		height: 59px;
	}
	
	#header5.open .content{
		height: auto;
	}
}






}