/*
Theme Name: NISSYOTECHNICA Theme
Theme URI: 
Author: CANVAS
Author URI: https://canvas-web.jp/
*/

/* COMMON */
body{ font-family:"メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif; line-height:100%; margin:0; padding:0; min-width:980px;}
html{ margin:0; padding:0;}
input{ color:; text-decoration:;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;}
a{ text-decoration:none;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
color:#000000;
}
.alpha a:hover { color:#333333;}
.alpha a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
     -webkit-transition: 0.3s ease-in-out;
     -moz-transition: 0.3s ease-in-out;
     -o-transition: 0.3s ease-in-out;
     transition: 0.3s ease-in-out;
}
.kadomaru{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;}
.kadomaru-l{
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
-o-border-radius: 12px;
-ms-border-radius: 12px;}
.circle-120{
-moz-border-radius: 120px;
-webkit-border-radius: 120px;
-o-border-radius: 120px;
-ms-border-radius: 120px;}



.skip-link{ display:none;}
.nodisplay{ display:none;}
.left{ float:left;}
.right{ float:right;}
img.noborder{ border:none!important;}
.clearfix:after {
  overflow: hidden;/* 隙間対応 */
  font-size: 0.1em;/* 隙間対応 */
  line-height: 0;/* 隙間対応 */
}
.min{ font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;text-shadow: 0px 0px 1px rgba(0, 0, 0, .1);}
@import url(//fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700);
.serif{
font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
text-shadow: 0px 0px 1px rgba(0, 0, 0, .1);}
.red{ color:#ff0000;}
#menu-toggle{ display:none;}

/*FLEXSLIDER設定*/
.flexslider{ border: none!important; margin:0px!important; height:100%}
.flex-control-nav{ bottom: 10px!important; right:0!important; z-index:10; width:100px;}

/*背景設定*/
body{background-image: url(); background-position:top; background-repeat:repeat-x; }


/*BASE*/
.site-inner{ position: relative;}
.site-title{ margin-top:10px;}
.site-inner .site-header { width:100%; background-image: url(http://canvas-planning.com/nissyotechnica_test/wp-content/themes/nissyotechnica_theme/images/bg_header_home.png); background-position:top; background-repeat:repeat-x; z-index:1250; position:fixed; top:0; right:0; bottom:0; left:0; margin:0 auto; height:100px}
.site-inner .site-header .site-header-main{ width:980px;z-index:1250; margin:0 auto; }
.site-footer{ background-color:#333333; background-image: url(http://canvas-planning.com/nissyotechnica_test/wp-content/themes/nissyotechnica_theme/images/bg_footer.png); height:300px;}

.site-info{ width:980px; margin:0 auto;}
.site-info .left{ width:300px;}
.site-info .left h5{ margin:75px 0 10px 0;}
.site-info .left ul{ color:#cccccc;}
.site-info .left li{ font-size:12px; margin:10px 0;}
.site-info .left li.tel{ font-size:18px; font-weight:bold;}
.site-info .left li.fax{ font-size:18px;}
.site-info .left li.button{ font-size:16px; font-weight:bold;}
.site-info .left li.button a{ color:#FFFFFF; margin-right:15px;}
.site-info .left li.button a img{ vertical-align:bottom; margin-right:5px;}
.site-info .right{ width:680px;}
.site-info .right h5{ font-size:16px; color:#cccccc; margin:150px 0 10px 0; padding-bottom:10px; border-bottom:1px solid #cccccc;}
.site-info .right dl{ font-size:12px; margin:5px 0;}
.site-info .right dt{  display:inline; color:#cccccc; font-weight:bold;}
.site-info .right dd{ display:inline; margin-right:5px; color:#ffffff;}
.site-info .right dt a{ color:#cccccc; font-weight:bold;}
.site-info .right dd a{ color:#ffffff;}
.site-info .right ul{ margin-top:20px;}
.site-info .right ul li{ display:inline; font-size:16px; color:#ffffff;}
.site-info .right ul a{ font-size:16px; color:#ffffff; margin:0 10px 0 9px; letter-spacing:1px;}


/*HOME*/
.flexslider{ background-color:#000000; overflow:hidden; position:relative;}
.flexslider p{ position:absolute; top:50%; right:0; bottom:0; left:0; width:680px; margin:auto; font-size:48px; color:#ffffff; z-index:1000; text-shadow:1px 1px 10px #000000; }
.flexslider .slides { }
.flexslider .slides li{ }
.home .site-content{}
.home .site-content .block{ width:100%; margin:0 auto 50px auto;}
.home .site-content .block h2{ text-align:center; font-size:32px; margin:50px 0;}
.home .introduction p{ font-size:14px; line-height:180%; text-align:center;}
.home .introduction .image { height:390px; overflow:hidden;}
.home .introduction .image img{ width:100%; height:auto; display:block; }
.home .product{ padding-top:100px; }
.home .product p{ font-size:14px; text-align:center;}
.home .product ul{ width:980px; margin:50px auto;}
.home .product li{ float:left; width:180px; margin:8px; text-align:center;}
.home .product li img{ display:block; width:180px; height:180px;}
.home .product li h3{ font-size:14px; margin-top:15px;}
.home .technology{ padding-top:100px; }
.home .technology ul{ width:960px; margin:50px auto; }
.home .technology li{ float:left; width:460px; margin:10px; }
.home .technology li img{ width:460px; height:300px; display:block; }
.home .technology li h3{ font-size:18px; margin:15px 0}
.home .technology li { font-size:14px; line-height:150%;}
.home .setsubibanner{ height:400px; padding-top:30px; }
.home .setsubibanner .wrapper{ height:231px;background-size:cover; padding-top:140px;}
.home .setsubibanner .wrapper .button{ width:630px; height:90px; text-align:center;margin:0 auto}
.home .setsubibanner .wrapper .button a{ display:block; width:630px; height:90px; border:3px solid #ffffff; background-color:rgba(45,167,224,0.50) ; color:#ffffff!important; font-size:28px; padding-top:0!important; line-height:90px; letter-spacing:5px}
.home .setsubibanner .wrapper .button a:hover{ background-color:rgba(45,167,224,0.90) ; }
#phase5{ margin:0!important}


.home .topics{ padding-top:100px; }
.home .topics ul{ width:960px; margin:50px auto; }
.home .topics li{ width:450px; margin:15px; float:left;}
.home .topics li .left{ width:120px; overflow:hidden;}
.home .topics li .left img{ width:auto; height:120px; display:block;}
.home .topics li .right{ width:320px;}
.home .topics li .right .date{ font-size:12px; font-weight:bold;}
.home .topics li .right h4{ font-size:16px; margin:10px 0;}
.home .topics li .right p{ font-size:12px;}
.home .topics li .screen-reader-text{ display:none;}
.home .topics li a{ font-weight:bold}
.home .block.panel{ margin-bottom:0;}
.panel ul{ width:100%;}
.panel li a{ display:block; height:100%;}
.panel li a:hover{ background-image:url(http://canvas-planning.com/nissyotechnica_test/wp-content/themes/nissyotechnica_theme/images/bg_w20.png);}
.panel li{ height:200px; text-align:center; float:left; background-position:center; position:relative}
.panel li h3{ font-size:18px; color:#FFFFFF; position:absolute; top:90px; left:0; right:0;}
.panel li span{ font-size:12px; color:#FFFFFF; margin-top:10px; display:block; text-align:center;}
.panel li.recruit{ width:33%;}
.panel li.company{ width:34%;}
.panel li.contact{ width:33%;}
#phase3{ margin-bottom:0;}

/*固定ページ共通*/
.page-eyecatch{background-size:cover;}
.page-template-default .entry-header div{ height:500px; position:relative;}
.page-template-default .entry-header div h1{ position:absolute; width:100%; text-align:center; font-size:32px; color:#ffffff; bottom:50px; letter-spacing:10px;}
.kotei .introduction{ text-align:center; padding:150px 0 30px; border-bottom:1px solid #b5b5b5; width:800px; margin:0 auto;}
.kotei .introduction h2{ font-size:32px; margin-bottom:30px; padding-top:20px; font-size:28px; text-align:center; color:#036eb8; font-weight:bold; letter-spacing:5px;}
.kotei .introduction p{ font-size:15px; line-height:180%;}

/*事業内容*/
.page-product .kotei .introduction{ border-bottom:none;}
.page-product .kotei h3{ border-top:1px solid #036eb8; font-size:24px; color:#036eb8; padding:20px 0; text-align:center; font-weight:bold;}
.kotei .whc .box{ position:relative; width:1200px; margin:50px auto; text-align:center; overflow:hidden;}
.kotei .whc .box p{ position:absolute; text-align:center; top:0; left:0; right:0; margin:0 auto; font-size:16px; width:400px; line-height:150%;}
.kotei .seimitsu div.clearfix{ width:600px; margin:30px auto}
.kotei .seimitsu div.clearfix ul{ width:300px;}
.kotei .seimitsu div.clearfix ul li{ color:#036eb8; line-height:180%; font-size:16px; list-style-type:disc;}
.kotei .seimitsu div.clearfix span{ display:block; line-height:180%; font-size:16px; width:300px;}
.kotei .seimitsu .box li{ width:25%; float:left;}
.kotei .seimitsu .box li h4{ display:none; font-size:18px; font-weight:bold; border-top:5px solid #036eb8; padding:0 0 50px 0; font-weight:bold; text-align:center;  /*background-image:url(http://www.nissyotechnica.co.jp/cms/wp-content/themes/nissyotechnica_theme/images/bg-seimitsu.png); background-position:bottom; background-repeat:no-repeat;*/ width:120px; margin:-10px auto 10px auto;}
.kotei .seimitsu .box li h4 img{ display:block; margin-bottom:10px;}
.kotei .seimitsu .box li span{ font-size:14px; display:block; line-height:150%; width:70%; margin:0 auto; display:none;}
.kotei .seimitsu .box li img{ width:100%; display:block;}

/*取扱商品*/
.setsubi .box{}
.setsubi p{ text-align:center; margin:20px auto; font-size:14px; line-height:150%;}
.setsubi .wrapper{ width:800px; margin:20px auto;}
.setsubi h4{ font-size:18px; font-weight:bold; margin:0 0 10px 10px; line-height:150%; color:#036eb8}
.setsubi dl{ margin:10px; line-height:110%; border-left:5px solid #036eb8; padding-left:10px;}
.setsubi dt{ font-size:14px; font-weight:bold; color:#5f67a3; padding:10px 0; border-bottom:1px solid #5f67a3;}
.setsubi dd{ font-size:12px; text-align:right; line-height:150%;}
.setsubi .box{ margin:50px 0;}
.setsubi .machining ul{ width:540px; }
.setsubi .machining li{ width:240px; height:250px; float:left; margin:15px; position:relative;}
.setsubi .machining li img{ position:absolute; bottom:25px; right:0;}
.setsubi .machining li strong{ width:240px; display:block; border-bottom:1px solid #000000; font-size:12px; padding-bottom:5px; position:absolute; bottom:0; text-align:right;}
.setsubi .nc ul{ width:520px; }
.setsubi .nc li{ width:230px; height:250px; float:left; margin:15px; position:relative;}
.setsubi .nc li img{ position:absolute; bottom:25px; right:0;}
.setsubi .nc li strong{ width:240px; display:block; border-bottom:1px solid #000000; font-size:12px; padding-bottom:5px; position:absolute; bottom:0; text-align:right;}
.setsubi .wrapper.clearfix .box{ width:350px; height:350px; margin:50px 0; position:relative;}
.setsubi .wrapper.clearfix .box dl{ width:200px;}
.setsubi .wrapper.clearfix .box dd{ text-align:left;}
.setsubi .wrapper.clearfix .box ul{ position:absolute; bottom:0; text-align:right; width:100%;}
.setsubi .wrapper.clearfix .box li img{ position:absolute; bottom:25px; right:0;}
.setsubi .wrapper.clearfix .box ul strong{ display:block; border-bottom:1px solid #000000; font-size:12px; padding-bottom:5px;}

/*会社概要*/
.page-company .wrapper{ width:800px; margin:100px auto;}
.page-company .wrapper .block{}
.page-company .wrapper .block.left{ width:205px;}
.page-company .wrapper .block.center{ margin:0 25px; float:left; width:225px;}
.page-company .wrapper .block.right{ width:310px}
.page-company .wrapper .block .box{ margin:0 0 40px 0; border-left:5px solid #036eb8; padding-left:5px;}
/*.page-company .wrapper .block .box.last{ margin:0;}*/
.page-company .wrapper .block .box h2{ font-size:18px; color:#036eb8; margin-bottom:10px; padding-left:3px;}
.page-company .wrapper .block .box li{ font-size:13px; padding:5px 3px;}
.page-company .wrapper .block .box th{ font-size:13px; padding:5px 3px;}
.page-company .wrapper .block .box td{ font-size:13px; padding:5px 3px;}
.page-company .wrapper .block .box .button{ width:90%; height:30px; text-align:center; margin:20px auto 0 auto}
.page-company .wrapper .block .box .button a{ display:block; width:90%; height:30px; border:1px solid #ffffff; background-color:rgba(45,167,224,0.50) ; color:#ffffff!important; font-size:14px; padding-top:0!important; line-height:30px; letter-spacing:5px}
.page-company .wrapper .block .box .button a:hover{ background-color:rgba(45,167,224,0.90) ; }
.page-company .map { width:800px; margin:100px auto;}
.page-company .map h2{ font-size:18px; color:#036eb8; margin-bottom:20px; padding-top:100px; text-align:center}
.page-company .map iframe{ display:block;}
.page-company .map dl{ margin:20px auto;}
.page-company .map dt{ background-color:#036eb8; height:30px; text-align:center; color:#ffffff; font-size:16px; line-height:30px;}
.page-company .map dd{ font-size:14px; padding:15px 0; border-bottom:1px solid #036eb8; width:50%; float:left;}
.page-company .map dd.last{ width:100%;}


/*採用情報*/
.page-recruit .kotei .introduction{ border-bottom:none;}
.page-recruit .kotei .introduction h2{ line-height:130%;}
.page-recruit .kotei .introduction h3{ line-height:130%; text-align:left; font-size:19px; color:#036eb8; border-left:5px solid #036eb8; border-right:5px solid #036eb8; width:580px; padding:0 10px; margin:0 auto}
.page-recruit .kotei h4{ background-color:#eeefef; height:45px; line-height:45px; font-size:18px; color:#FF0004; text-align:center;  width:600px; margin:0 auto; border:5px solid #eeefef;}
.page-recruit .kotei .wrapper{ width:600px; margin:25px auto; border-left:5px solid #b4b5b5; border-right:5px solid #b4b5b5; font-size:13px;}
.page-recruit .kotei .wrapper .left{ width:380px; padding-left:5px; border-right:5px solid #b4b5b5; }
.page-recruit .kotei .wrapper .left th{ padding:3px 0}
.page-recruit .kotei .wrapper .left td{ padding:3px 0}
.page-recruit .kotei .wrapper .right{ width:180px; line-height:150%;}
.page-recruit .kotei .wrapper .right ul{ margin:20px 0 0 0 ; padding-left:20px;}
.page-recruit .kotei .wrapper .right ul li{ list-style-type:disc; line-height:150%;}

/*お問い合わせ*/
.page-contact .kotei .block{ margin:50px auto; text-align:center; }
.page-contact .kotei .block.direct { width:310px;}
.page-contact .kotei .block.direct h2{ color:#000000; font-weight:normal; margin-bottom:30px; font-size:21px;}
.page-contact .kotei .block.direct ul li.tel{ font-size:30px;}
.page-contact .kotei .block.direct ul li.tel span{ font-size:14px; font-weight:normal; display:block; border:1px solid #000000; background-color:#eeefef; height:30px; line-height:30px; margin:10px 0;}
.page-contact .kotei .block.direct ul li.fax{ font-size:24px; margin-top:30px;}
.page-contact .kotei .block.mailform{ width:560px; border:1px solid #000000; padding:30px; background-color:#edf3f6;}
.page-contact .kotei .block.mailform h3{ color:#000000; font-weight:normal; margin-bottom:30px; font-size:21px;}
.page-contact .kotei .block.mailform table{ width:100%;}
.page-contact .kotei .block.mailform th{ font-size:14px; padding:5px; height:24px; vertical-align:top;}
.page-contact .kotei .block.mailform th span{ font-size:12px; color:#FF0000;}
.page-contact .kotei .block.mailform td{ font-size:14px; padding:5px;}
.page-contact .kotei .block.mailform td input{ width:100%;}
.page-contact .kotei .block.mailform td textarea{ width:100%; resize:vertical;}
.page-contact .kotei .block.mailform .acceptance-check{ font-size:14px; margin:20px;}
.page-contact .wpcf7-form .submit{ text-align:center; margin:20px 0;}
.page-contact .wpcf7-form .submit input{ width:200px; height:40px; background-color:#006bb5;
	border:2px solid #ffffff;
	color:#ffffff;
	font-size:16px;
	font-weight:700;
	text-align:center;}
.page-contact .wpcf7-form .submit input:hover{ background-color:#d8e7f5; color:#006bb5;	border:2px solid #006bb5;}
.wpcf7-response-output{ text-align:center;}
.wpcf7-response-output a{ color:#ffff00;}


/*DROPDOWN MENU*/
.dropmenu{
   *zoom: 1;
   list-style-type: none;
   width: 625px;
   margin:30px 0 0 0;
   padding: 0;
}
.dropmenu:before, .dropmenu:after{
      content: "";
       display: table;
}
.dropmenu:after{
      clear: both;
}
.dropmenu li{
     position: relative;
     width: 124px;
     float: left;
     margin: 0;
     padding: 0;
     text-align: center;
	 font-size:14px;
	 border-right:1px solid #ffffff;
}
.dropmenu li.last{
	 border-right:none;
}

.dropmenu li a{
     display: block;
     margin: 0;
     padding: 15px 0 11px;
     color: #fff;
     font-size: 14px;
     line-height: 1;
     text-decoration: none;
}
.dropmenu li ul{
          list-style: none;
          position: absolute;
          z-index: 9999;
          top: 100%;
          left: 0;
          margin: 0;
        padding: 0;
}
.dropmenu li ul li{
       width:250px;
}
.dropmenu li ul li a{
      padding: 13px 15px;
      border-top: 1px solid #333333;
      background: #666666;
      text-align: left;
}
.dropmenu li:hover > a{
      background: #666666;
}
.dropmenu li a:hover{
      background: #999999;
}
.dropmenu li ul li{
      overflow: hidden;
      height: 0;
      transition: .2s;
}
.dropmenu li:hover ul li{
       overflow: visible;
       height: 38px;
}


/*SCROLL BUTTON*/
.flexslider .button a {
	padding-top: 70px;
	z-index:1300;
	position:absolute;
	bottom:20%;
	left:0;
	right:0;
	margin:0;
	color:#ffffff;
	text-align:center;
}
.flexslider .button a span {
	position: absolute;
	top: 0;
	left: 50%;
	width: 24px;
	height: 24px;
	margin-left: -12px;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-animation: sdb 1.5s infinite;
	animation: sdb 1.5s infinite;
	box-sizing: border-box;
}

.home .site-content .block .button { height:100px; position:relative; text-align: center;
}
.home .site-content .block .button a {
	padding-top: 70px;
	color:#333333;
	text-align:center;
    display: block;
}
.home .site-content .block .button a span {
	position: absolute;
	top: 0;
	left: 50%;
	width: 24px;
	height: 24px;
	margin-left: -12px;
	border-left: 1px solid #333333;
	border-bottom: 1px solid #333333;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-animation: sdb 1.5s infinite;
	animation: sdb 1.5s infinite;
	box-sizing: border-box;
}

.single .content-area-w{ width:800px; margin:150px auto;}
.single .entry-header .entry-title{ font-size:24px; text-align:center; margin:50px 0;}
.single .entry-header { text-align:center; margin:20px auto;}
.single .entry-main .left{ width:300px; }
.single .entry-main .left img{ width:300px; height:auto;}
.single .entry-main .right{ width:480px;}
.single .entry-main .right p{ font-size:14px; line-height:150%;}
.single .entry-main .right dl{ font-size:14px; line-height:150%; margin-bottom:10px;}
.single .entry-main .right ol{ font-size:14px; line-height:150%; margin-bottom:10px;}
.single .post-navigation{ display:none; }

.event-single span{ display:block; margin:10px 0;}
.event-single span.date{ float:left; width:60px; background-color:#a48747; color:#ffffff; font-size:21px; text-align:center; height:60px; line-height:60px;}

.event-single span.text{ float:left; width:330px; margin-left:20px;}
.event-single span.text .entry-title{ font-size:18px; display:block;}
.event-single span.text .place{ font-size:14px; border-bottom:1px solid #a48747;}
.event-single span.text .about{ font-size:12px; line-height:150%}




@-webkit-keyframes sdb {
	0% {
		-webkit-transform: rotate(-45deg) translate(0, 0);
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		-webkit-transform: rotate(-45deg) translate(-20px, 20px);
		opacity: 0;
	}
}
@keyframes sdb {
	0% {
		transform: rotate(-45deg) translate(0, 0);
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		transform: rotate(-45deg) translate(-20px, 20px);
		opacity: 0;
	}
}


/* FADE-IN */
/* 画面外にいる状態 */
.fadein {
    opacity : 0.1;
    transform : translate(0, 50px);
    transition : all 1000ms;
    }

/* 画面内に入った状態 */
.fadein.scrollin {
    opacity : 1;
    transform : translate(0, 0);
    }



/*===============================================
●PC版非表示
===============================================*/
.sp{ display:none;}
.sp-navi{ display:none;}







/*===============================================
●レスポンシブ  画面の横幅が400pxまで
===============================================*/
@media screen and (max-width:420px){
body{min-width:320px; overflow:hidden;}
img{
max-width: 420px;
height: auto;
width /***/:auto;　
}
.sp{ display:block;}
.sp-navi{ display:block; position:fixed; top:0; right:0; bottom:0; left:0; margin:0 auto; height:50px; background-image: url(http://canvas-planning.com/nissyotechnica_test/wp-content/themes/nissyotechnica_theme/images/bg_header_home.png); z-index:9999; background-position:center;}
.sp-navi li{ background-color:#cccccc;}
.sp-navi li li{ background-color:#eeeeee;}
.flexslider p{ font-size:32px; line-height:48px; margin:0 20px;}
.flexslider .button a{ bottom:10%;}
.home .site-content .block h2{ font-size:24px;}
.home .product ul{ width:200px;}
.home .technology ul{ width:200px;}
.home .technology li{ font-size:12px; width: 180px;}
.home .technology li img{width: 180px; height: 180px;}
.home .topics ul{ width:300px;}
.home .topics li{ width:300px;}
.home .topics li .left{ width:90px;}
.home .topics li .left img{ height: 90px;}
.home .topics li .right{ width:200px;}
/*.home .panel li{ float:none}
.home .panel li.recruit{ width:100%}
.home .panel li.company{ width:100%}
.home .panel li.contact{ width:100%}*/
.site-info { width:100%;}
.site-info .left{ float:none; margin:0 auto;}
.site-footer{ padding-top:10px;}

.home .introduction .image{ height:auto;}
.home .setsubibanner { height:auto; background-image:none!important;}
.home .setsubibanner .wrapper{ height:auto; padding:50px;}
.home .setsubibanner .wrapper .button{ width:90%; padding-top:0;}
.home .setsubibanner .wrapper .button a{ width:100%; font-size:18px;; letter-spacing:0;}

.page-template-default .entry-header div{ height:250px;}
.page-template-default .entry-header div h1{ bottom:20px; letter-spacing:2px;}
.kotei .introduction{ width:100%; padding-top:50px;}
.kotei .introduction h2{ letter-spacing:0;}
.kotei .whc .box{ width:100%;}
.kotei .whc .box p{ position: inherit; width:90%;}
.kotei .whc .box img{ width:90%; height:auto;}
.kotei .seimitsu div.clearfix{ width:100%;}
.kotei .seimitsu div.clearfix ul.left{ float:none; margin:20px auto;}
.kotei .seimitsu div.clearfix span.right{ float:none; margin:20px auto;}
/*.kotei .seimitsu .box li{ width:90%; float:none; margin:30px auto;}
.kotei .seimitsu .box li img{ width:80%; height:auto; margin: 0 auto;}*/

.setsubi .box .left{ float:none;}
.setsubi .box .right{ float:none;}
.setsubi .wrapper{ width:90%;}
.setsubi .machining ul{ width:100%;}
.setsubi .machining li{ float:none; margin:15px auto;}
.setsubi .nc ul{ width:100%;}
.setsubi .nc li{ float:none; margin:15px auto;}
.setsubi .wrapper.clearfix .box{ width:100%;}
.setsubi .wrapper.clearfix .box.wire{ height:380px;}

.page-company .wrapper{ width:100%;}
.page-company .wrapper .block.left{ float:none; width:90%; margin:0 auto}
.page-company .wrapper .block.center{ float:none; width:90%; margin:0 auto}
.page-company .wrapper .block.right{ float:none; width:90%; margin:0 auto}
.page-company .map{ width:100%;}

.page-company .map h2{ padding-top:0;}
.page-company .map iframe{ width:95%; margin:0 auto;}
.page-company .map dd{ float:none; width:100%;}

.page-template-default .entry-header div h1{ line-height:150%;}
.page-recruit .kotei .introduction h3{ width:90%;}
.page-recruit .kotei h4{ width:90%; height:auto; line-height:130%;}
.page-recruit .kotei .wrapper{ width:90%; border:none; margin:0 auto;}
.page-recruit .kotei .wrapper .left{ width:100%; border:none; padding:0; float:none;}
.page-recruit .kotei .wrapper .right{ width:100%; border:none; float:none; margin-top:20px;}
.page-recruit .kotei .wrapper .left th{ width:55px;}
.page-contact .kotei .block.mailform{ width:100%; padding:20px 0; border:none;}
.page-contact .kotei .block.mailform th{ padding-top:40px;}
.page-contact .kotei .block.mailform th,
.page-contact .kotei .block.mailform td{ display:block; width:100%;}
.page-contact .kotei .block.mailform td input{ width:90%;}
.page-contact .kotei .block.mailform td textarea{ width:90%;}


.single .content-area-w{ width:100%; margin:100px auto;}
.single .entry-header .entry-title{ font-size:24px; line-height:130%}
.single .entry-main .left{ width:300px; margin:0 auto; float:none;}
.single .entry-main .left img{ width:300px; height:auto;}
.single .entry-main .right{ width:90%; margin:10px auto; float:none;}

.event-single span.text{ float:left; width:330px; margin-left:20px;}
.event-single span.text .entry-title{ font-size:18px; display:block;}
.event-single span.text .place{ font-size:14px; border-bottom:1px solid #a48747;}
.event-single span.text .about{ font-size:12px; line-height:150%}





/*===============================================
●SP版非表示
===============================================*/
#masthead{ display:none;}
.site-info .right{ display:none;}


}