@charset "utf-8";
/*
============================ SP CSS ============================

SP専用CSS 767

====================================================================
*/

/*=======================================

ヘッダー

========================================*/
header {
	width:100%;
	z-index:50;
	background: #FFFFFF;
	height: 80px;
}

header:after {
	content: "";
	clear: both;
	display: block;
}

#w-nexco a {
	text-indent: -9999px;
	display: block;
	background: url(/techno/img/nexco_logo.png) center no-repeat !important;
	width: 100px;
	height: 65px;
	background-size: cover !important;
	margin-left:10px;
	margin-top: 10px;
	float: left;
	padding:0;
}

/* ナビゲーション
-------------------------------------------------*/
#nav{
		display: none;
	position:absolute;
	top:75px;
	z-index:100;
	background:rgba(255,255,255,0.9);
	width:100%;
}

h1 a{
	color:#000000;
	float:left;
	display: block;
	text-align:center;
	padding:24px 0 4px 0;
	width:100%;
	margin:0;
	font-size:1.25em;
	font-weight:bold;
}


#nav a{
	font-weight:bold;
	color:#000000;
}


#nav ul{
	float: none;
	display: block;
	width:100%;
	overflow:hidden;
}


#nav ul li a{
	display: block;
	width:100%;
	margin:auto;
	padding:1.75em 1em 1.5em 3em;
	border-bottom:#000000 solid 1px !important;
}

#nav ul li a:hover{
	text-decoration:none;
	border-bottom:#00a0e2 solid 5px;
}


/*カレント
-------------*/
body#top #nav ul li#navTop > a,
body#product #nav ul li#navProduct > a,
body#video #nav ul li#navVideo > a,
body#event #nav ul li#navEvent > a,
body#group #nav ul li#navGroup > a{
	border-bottom: none;
}


/*開閉ボタン
--------------------------------*/
	#nav_toggle{
/*		display: block;*/
		width: 40px;
		height:40px;
		position: absolute;
		top:20px;
		right:10px !important;
		padding:5px;
	}
	#nav_toggle div {
		position: relative;
	}
	#nav_toggle span{
		display: block;
		height: 3px;
		background: #000;
		position:absolute;
		width: 100%;
		left: 0;
		-webkit-transition: 0.5s ease-in-out;
		-moz-transition: 0.5s ease-in-out;
		transition: 0.5s ease-in-out;	
	}
	#nav_toggle span:nth-child(1){
		top:0px;
	}
	#nav_toggle span:nth-child(2){
		top:12px;
	}
	#nav_toggle span:nth-child(3){
		top:24px;
	}
	
	/*開閉ボタンopen時*/
	.open #nav_toggle span:nth-child(1) {
			top: 12px;
		   -webkit-transform: rotate(135deg);
			-moz-transform: rotate(135deg);
			transform: rotate(135deg);
		}
		.open #nav_toggle span:nth-child(2) {
			width: 0;
			left: 50%;
		}
		.open #nav_toggle span:nth-child(3) {
			top: 12px;
			-webkit-transform: rotate(-135deg);
			-moz-transform: rotate(-135deg);
			transform: rotate(-135deg);
		}

/*=======================================

base.css

========================================*/
section{
	width:100%;
}
.inner {
	width:96%;
	margin:auto;
}

.resphone {
	display:none !important;
}

/*=======================================

common.css

========================================*/
p {
    padding: 0.5em 1em 1em;
}
.box2,.box3,.box4,.box5 {
    float:none;
    width:100%;
    margin: 5px auto;
    text-align: center;
    padding: 7px 0;
}

ul.listNoml, ol.listNoml {
    margin: 1.5em 1em 1.5em 1em;
    line-height: 1.4em;
}

dl.table ,dt,dd {
margin: 0;
padding: 0;
}

dl.table:after{
content:"";
clear: both;
display: block;
}

 
dl.table{
width:90%;
margin:auto;
	margin-bottom:2em;
	border:none;
}
dl.table dt,dl.table dd{
	float:none;
	width:100%;
padding:2%;
border-bottom:#000000 1px dotted;
}


dl.table dt {
	text-align:center;
}

dl.table dt:first-child{
border-top:#000000 1px dotted;
}

dl.table dd:last-child{
border-bottom:none !important;
}

a.btn {
    width:80%;
}


/*=======================================

top.css

========================================*/
#message h2	br{
		display: block;
	}
	
#lineup p.lead{	
				text-align:left;
}
	
	#lineup p.lead br{
		display:none;
}


body#top .box2{
	width:90%;
}

#top_stepDouble{
	margin:0 auto;
	border-style:none; 
	text-align: center;
	display: block !important;
	
}

#top_stepDouble p{
	display: block !important;
	width:auto !important;
}




 /* 横向きの場合のスタイル
	----------------------------- */
@media screen and (orientation: landscape) {
	/*#inspection a div, #maintenance a div, #material a div, #electrical a div {
    position: absolute;
    top:340px;
}*/
	#inspection a, #maintenance a, #material a, #electrical a {
						margin:-20px auto 0 auto;
						padding-bottom:50px;
	}
}

#inspection img, #maintenance img, #material img, #electrical img {
    max-width:100% !important;
}

#inspection a img, #maintenance a img, #material a img, #electrical a img {
    max-height:340px !important;
}

#inspection a{
				margin:0 auto 0 auto;
}

#news{
	margin-top:-30px;
}
#news div.inner {
	width:86%;
}
#news dl {
	background: #FFFFFF;
	line-height: 1.5em;
	margin: auto;
	font-size: 1em;
	margin-bottom: 0.75em;
	padding-top:2%;
}
#news dl:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
}


#news dl dd:last-of-type {
	border-bottom: none;
}
#news dl dt {
	width: 15%;
	float:none;
	padding: 10px 0 0.5em;
	border-top:none;
	margin: 0;
}
#news dl dd {
	width:100%;
	float:none;
	padding:0;
	padding-bottom:0.5em;
	border-top:none;
	border-bottom: #CCCCCC 1px dashed;
	margin: 0;
}

/*見出し
=========================================*/


h4{
	margin:1.5em 0 0.5em 0;
}

h5{
	margin:1.5em 0.5em 0.5em 0.5em;
}

/*カテゴリー毎　背景写真
----------------------------*/
/*body#product h2 {
    background: url(/techno/img/bg_product.jpg) center 50px no-repeat;
				background-size:cover;
}*/

/*商品メニュー
----------------------------*/
#menu {
	margin-bottom:2.0em;
}
#menu .box5 {
	float:left;
	width:33% !important;
	max-width:initial !important;
}
#menu .box5 .LL {
	font-size: 120% !important;
}
#menu .box5.electrical {
	margin-left:16% !important;
}
#menu .box5.all {
	margin-right:16% !important;
}

/*イベント　テーブル部分
----------------------------*/
#eventcalender{
	overflow-x: scroll;
}

#eventcalender table{
	width: 950px;
}

/*グループ企業一覧　テーブル部分
----------------------------*/
#tech_table{
	overflow-x: scroll;
}

#tech_table table{
	width: 900px;
}