@charset "utf-8";
/* smartfactory css*/

.back_link{text-align: right; width:100%;  padding-top: 60px;}
.back_link p{display:inline-block;font-size:.86em;line-height:1.67em;padding:0 20px;border-left:1px solid #d9d9d9;border-right:1px solid #d9d9d9}

#smartfactory{ padding-bottom: 15px;}

#smartfactory .sp{display: none; font-weight: inherit;}
#smartfactory .pc{display: block; font-weight: inherit;}

#smartfactory h1.title {position: relative; text-align: center; color: #fff;background: url(../img/smartfactroy_title_on.png) no-repeat;font-weight:700; font-size:1.8em; }
#smartfactory h1.title span{padding: 25px 0; display: block;}
#smartfactory h1.title a{color: #fcfff0;display: block; padding: 25px 0; }
#smartfactory h1.title a:hover{color: #fff;text-decoration:none;background: url(../img/smartfactroy_title_off.png) no-repeat;}

#smartfactory .contents{ width: 95%; margin: 15px auto; padding-bottom: 30px; text-align: center;box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}

/*
#smartfactory .contents{ width: calc(90%-4px); margin: 15px auto; text-align: center;border-left:#d9d9d9 2px solid;border-right:#d9d9d9 2px solid;border-bottom:#d9d9d9 2px solid;}
*/

/*menu*/
#smartfactory .guide_nav{display:-webkit-flex;display:-ms-flex;display:flex;overflow:hidden;background-color:#EDEDED;padding:0}
#smartfactory .guide_nav_item{box-sizing:border-box;width:100%;color:#000000;}
#smartfactory .guide_nav_item+.guide_nav_item{border-left:2px solid #fff; }
#smartfactory .guide_nav_item.current{position:relative;font-weight:700;color:#fff;background: url(../img/bg_menu_current.png) repeat-x;}
#smartfactory .guide_nav_item img {padding-right: 10px;}
#smartfactory .guide_nav_item a{display:-webkit-flex;display:-ms-flex;display:flex;padding-top:3px;height:85px;font-weight:700;font-size:1.1428em;
	line-height:1.4375;color:inherit;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
#smartfactory .guide_nav_item a:hover{text-decoration:none; background:url(../img/bg_menu_current.png) repeat-x;color: #fff; }


#smartfactory .area {margin:30px 0;}
#smartfactory .area2 {margin:50px 0 30px;}
#smartfactory h2{text-align: center;font-size: 23px;margin: 40px auto;}

/* smartfactory 画像*/
#smartfactory .smartf_top {max-width: 100%;display: block;vertical-align: middle;margin: 0 auto; }
#smartfactory .smartf_main{position: relative;}
#smartfactory .sf_e-factory {position: absolute; top:50px; left: 350px; background: url(../img/e-factory_off.png) no-repeat; width: 229px; height: 88px; }
#smartfactory .sf_assembly {position: absolute; top:150px;left: 500px; background: url(../img/assembly_off.png) no-repeat; width: 229px; height: 88px; }
#smartfactory .sf_carry {position: absolute; top:450px; left: 500px; background: url(../img/carry_off.png) no-repeat; width: 229px; height: 88px; }
#smartfactory .sf_kitting {position: absolute; top:150px; left: 170px; background: url(../img/kitting_off.png) no-repeat; width: 229px; height: 88px; }
#smartfactory .sf_e-factory a {display: block;width: 229px; height: 88px;font-size: 0;}
#smartfactory .sf_assembly  a {display: block;width: 229px; height: 88px;font-size: 0;}
#smartfactory .sf_carry  a {display: block;width: 229px; height: 88px;font-size: 0;}
#smartfactory .sf_kitting  a {display: block;width: 229px; height: 88px;font-size: 0;}

#smartfactory .sf_e-factory a:hover {background: url(../img/e-factory_on.png) no-repeat;  }
#smartfactory .sf_assembly  a:hover {background: url(../img/assembly_on.png) no-repeat;  }
#smartfactory .sf_carry  a:hover { background: url(../img/carry_on.png) no-repeat;}
#smartfactory .sf_kitting  a:hover { background: url(../img/kitting_on.png) no-repeat; }

/* smartfactory 画像*/

#smartfactory .sf_e-factoryen {position: absolute; top:50px; left: 350px; background: url(../img/e-factory_en_off.png) no-repeat; width: 229px; height: 88px; }
#smartfactory .sf_assemblyen {position: absolute; top:150px;left: 500px; background: url(../img/assembly_en_off.png) no-repeat; width: 229px; height: 88px; }
#smartfactory .sf_carryen {position: absolute; top:450px; left: 500px; background: url(../img/carry_en_off.png) no-repeat; width: 229px; height: 88px; }
#smartfactory .sf_kittingen {position: absolute; top:150px; left: 170px; background: url(../img/kitting_en_off.png) no-repeat; width: 229px; height: 88px; }
#smartfactory .sf_e-factoryen a {display: block;width: 229px; height: 88px;font-size: 0;}
#smartfactory .sf_assemblyen a {display: block;width: 229px; height: 88px;font-size: 0;}
#smartfactory .sf_carryen a {display: block;width: 229px; height: 88px;font-size: 0;}
#smartfactory .sf_kittingen a {display: block;width: 229px; height: 88px;font-size: 0;}

#smartfactory .sf_e-factoryen a:hover {background: url(../img/e-factory_en_on.png) no-repeat;  }
#smartfactory .sf_assemblyen  a:hover {background: url(../img/assembly_en_on.png) no-repeat;  }
#smartfactory .sf_carryen a:hover { background: url(../img/carry_en_on.png) no-repeat;}
#smartfactory .sf_kittingen a:hover { background: url(../img/kitting_en_on.png) no-repeat; }



#smartfactory .smartf_cmment{width: 85%;line-height: 1.5;font-size: 16px;display: block;margin: 50px auto; text-align: left;}

.sfmovielink{text-align: center; background: #b71e21;  color: #FFF;font-weight: bold;}
.sfmovielink a{	display: block;color: #fff;text-decoration:none;padding: 20px; }

/* タイトル*/
.mainlink{color:#b71e21;font-weight:700;font-size:1.8em;position:relative;text-align:center;width:900px;margin:0 auto 27px}
.mainlink span{display:inline-block;background-color:#fff;position:relative;z-index:2;padding:0px 15px}
.mainlink span:before{content:'';display:inline-block;background-size:contain;background-repeat:no-repeat}
.mainlink:after{content:'';display:block;width:100%;height:1px;background-color:#d2d2d2;position:absolute;top:.733333333333333em;left:0;z-index:1}

/*トップ　メニュー*/

#smartfactory ul.topmenu{
width: 850px;text-align: center;list-style: none;margin: 0 auto;padding: 0;}

#smartfactory  ul.topmenu li.menu01 {border:#b71e21 solid 4px;text-align: center;margin: 10px 10px;width: 40%;display: inline-block;position: relative;}
#smartfactory  ul.topmenu li.active {border:#575757 solid 4px; background:#E9E9E9; color:#575757; text-align: center;margin: 10px 10px;width: 40%;display: inline-block;position: relative;}
#smartfactory  ul.topmenu li.big {border:#b71e21 solid 4px;text-align: center;margin: 10px 10px;width:84%;display: inline-block;position: relative;}

#smartfactory  ul.topmenu li.active span a{display: block;	color: #575757;padding: 20px 0;}
#smartfactory  ul.topmenu li.active span a:hover{text-decoration:none}

#smartfactory  ul.topmenu li.menu01 span a{display: block;color: #b71e21;padding: 20px 0;}
#smartfactory  ul.topmenu li.menu01 span a:hover{color: #FFFFFF;background: #b71e21;text-decoration:none}

#smartfactory  ul.topmenu li.big span a{display: block;color: #b71e21;padding: 20px 0;}
#smartfactory  ul.topmenu li.big span a:hover{color: #FFFFFF;background: #b71e21;text-decoration:none}

#smartfactory  #request{background: #FFF ;border:#b71e21 solid 2px;padding: 20px;text-align: center;color: #b71e21;width: 190px;font-weight: bold;display: table-cell;}
#smartfactory  #request a{display: block;}

#smartfactory .catalog {background:#b71e21;}
#smartfactory .catalog a{display: block; padding: 20px 0; color: #fff; border:#b71e21 solid 4px; }
#smartfactory .catalog a:hover{color: #b71e21;text-decoration:none;background: #FFFFFF}
#smartfactory .catalog p{text-align: left; display: table-cell;vertical-align: middle; padding-left: 50px; }
#smartfactory .catalog p span{  margin: 0 10px ;color: #b71e21; font-weight: bold;}

#smartfactory #language {font-weight: bold;margin-bottom: 20px; padding-top: 30px;margin-left: auto; width: 30%;}
#smartfactory #language ul{ display: table; margin: 0 auto; padding: 0; width: 100%; text-align: center; }
#smartfactory #language ul li{ background-color: #ccc; display: table-cell; min-width: 50px;}
#smartfactory #language ul li a{ display: block; width: 100%; padding: 10px 0; text-decoration: none; font-weight: bold; color: #fff; }
#smartfactory #language ul li.current{ background-color: #b71e21; }


/*各*/
#smartfactory .sab{border:1px solid #f5f5f5;margin-bottom:60px;width: 798px;/*102*/	text-align: center;margin: 10px auto;padding: 30px 50px;}

/*詳細＆カタログ請求　親*/
#smartfactory .tabmenu{width: 798px;/*102*/	text-align: center;margin: 10px auto 10px;padding: 30px 0px;}
#smartfactory .line{border:1px solid #d2d2d2;}

/*詳細＆カタログ請求　重複用*/
#smartfactory .tabmenu .dos{margin: 20px 0 50px;}

/*詳細　カタログ請求用*/
#smartfactory .tabmenu .detail01 {
background: #FFF ;
border:#b71e21 solid 2px;
text-align: center;
color: #b71e21;
width: 190px;font-weight: bold;float: left;}

#smartfactory .tabmenu .detail01 a {color: #b71e21;text-decoration:none; display: block;padding: 10px;}

/*詳細　製品リンクand製品紹介*/
#smartfactory .tabmenu .detail02 {padding: 20px 0 0 20px;text-align: left;float: left;}
#smartfactory .tabmenu .detail02 img{max-width: 100%;}

/*詳細　カタログ請求*/
#smartfactory .tabmenu .detail_comec {text-align: left; vertical-align: middle; width: 70%; float: right;}
#smartfactory .tabmenu .detail_comec p{text-align: left; display: table-cell;vertical-align: middle; padding:0 50px 50px; }
#smartfactory .tabmenu .detail_comec p span{  margin: 0 10px ;color: #b71e21; font-weight: bold;}
/*詳細　製品リンク*/
#smartfactory .tabmenu .detail_come{text-align: left; vertical-align: middle; width: 50%; float: right;}
#smartfactory .tabmenu .detail_come p{margin-bottom: 20px; padding-right: 20px;}
#smartfactory .tabmenu .detail_come span { display: inline-block;padding: 10px; text-align: center; color: #fff; font-weight: bold;background: #b71e21;width: 90%;}
#smartfactory .tabmenu .detail_come span a{color: #fff; text-decoration:none; display: block;}
#smartfactory .tabmenu .detail_come span img { padding-right: 10px;}
/*詳細 タイトル用*/
#smartfactory .tabmenu .detail_come .title{text-align: left; font-weight: bold; margin: 15px 0; font-size: 1.2em; }
#smartfactory .tabmenu .detail_come .img{ display: block; }

#smartfactory .catalog img {padding-right: 10px;}
	

/*回り込み解除*/
.clearfix::after {
  content: "";
  display: block;
  clear: both;
}
/*バーコード*/
#smartfactory .nav {display: none;}
#smartfactory .movie_top_link{background: #000000; display: block;}

.back_link_bottom{text-align: center; width:100%;  padding-top: 60px;}
.back_link_bottom p{display:inline-block;font-size:.86em;line-height:1.67em;padding:0 20px;border-left:1px solid #d9d9d9;border-right:1px solid #d9d9d9}

@media only screen and (max-width:980px){
/*タイトル下　Menu*/
#smartfactory .guide_nav{-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-1px;width:-webkit-calc(100%);width:calc(100%);padding:0;background-color:transparent}
#smartfactory .guide_nav_item{width:50%;background-color:#D5D5D5;border-left:1px solid #fff;}
#smartfactory .guide_nav_item:not(:last-child){margin-bottom:1px}
#smartfactory .guide_nav_item.current{ background:#fff url();}

#smartfactory .guide_nav_item.current:before{content:none}
#smartfactory .guide_nav_item a{padding-top:0;height:50px;font-size:.9285em;}
#smartfactory .guide_nav_item.current a{border:2px solid #395472; color: #395472;}
#smartfactory .guide_nav_item a:hover{text-decoration:none; background:#395472; color: #fff; }
	
}

@media only screen and (max-width:640px){

.back_link{padding-top: 20px;}
.back_link p{display:inline-block;font-size:.86em;line-height:1.67em;padding:0 20px;border-left:1px solid #d9d9d9;border-right:1px solid #d9d9d9}
	
#smartfactory .contents{ width: 100%; margin: 15px auto; padding-bottom: 30px; text-align: center;box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);  }

	
#smartfactory .sp{display: block}
#smartfactory .pc{display: none}
#smartfactory h1.title {position: relative; text-align: center; color: #fff;background: url(../img/smartfactroy_title_on.png) no-repeat;font-weight:bold; font-size:1.5em; }

#smartfactory #language {font-weight: bold;margin-bottom: 20px; padding-top: 30px;margin-left: auto; width: 100%;}
#smartfactory #language ul{ display: table; margin: 0 auto; padding: 0; width: 85%; text-align: center; }
#smartfactory #language ul li{ background-color: #ccc; display: table-cell; min-width: 50px; padding: 5px 0;}
#smartfactory #language ul li a{ display: block; width: 100%; padding: 10px 0; text-decoration: none; font-weight: bold; color: #fff; }
#smartfactory #language ul li.current{ background-color: #b71e21; }
	
	
/* タイトルSP*/
.mainlink{width:100%;font-size:20px}
.mainlink:before{top:-43px!important;left:0!important;right:0;margin:0 auto}
#smartfactory h2{width: 98%; text-align: center;font-size: 18px;margin: 60px auto;}
	

/*トップ　メニュー*/
#smartfactory ul.topmenu{width: 90%;text-align: center;list-style: none;margin: 0 auto;padding: 0;}
#smartfactory  ul.topmenu li.menu01{border:#b71e21 solid 4px;text-align: center;margin: 10px 10px;width: 90%;display: inline-block;position: relative;}
#smartfactory  ul.topmenu li.active{border:#b71e21 solid 4px;text-align: center;margin: 10px 10px;width: 90%;display: inline-block;position: relative;}
#smartfactory  ul.topmenu li.big{border:#b71e21 solid 4px;text-align: center;margin: 10px 10px;width: 90%;display: inline-block;position: relative;}

	
#smartfactory  ul.topmenu li.menu01 span a{display: block;	color: #b71e21;padding: 20px 0;}
#smartfactory  ul.topmenu li.menu01 span a:hover{color: #FFFFFF;background: #b71e21;}

/*詳細＆カタログ請求　親SP*/
#smartfactory .tabmenu{border:0px solid #d2d2d2;margin-bottom:60px;width:100%;text-align: center;margin: 10px auto;padding: 15px 0 15px;}

	
/*詳細　カタログ請求用 SP*/
#smartfactory .tabmenu .detail01 {float:none; margin: 0 auto 15px; text-align: center;}
/*詳細　製品リンクand製品紹介*/
#smartfactory .tabmenu .detail02 {padding: 20px 0;text-align: center;float:none }
#smartfactory .tabmenu .detail02 img{max-width: 60%; margin: 0 auto;}

/*詳細　カタログ請求SP*/
#smartfactory .tabmenu .detail_comec {text-align: left; vertical-align: middle; width: 90%; float: none; margin: 0 auto;}
#smartfactory .tabmenu .detail_come {text-align: left; vertical-align: middle; width: 90%; float: none; margin: 0 auto;}
#smartfactory .tabmenu .detail_comec p{text-align: center; display: block;vertical-align: middle; padding-left: 0px; }
#smartfactory .tabmenu .detail_come span {display: block; text-align: center; width: 80%; margin: 0 auto; margin-bottom: 15px;}
#smartfactory .tabmenu .detail_comec span { width: 80%; margin: 0 auto;}
#smartfactory .tabmenu .detail_come .title{text-align: center; font-weight: bold; margin: 15px 0; font-size: 1.1em; }
#smartfactory .tabmenu .detail_come .img{text-align: center;margin: 0 auto;}

#smartfactory .catalog {background:#b71e21; width: 90%;text-align: center; margin: 0 auto;}

#smartfactory .nav { width: 100%;display: block;height: 90px; z-index: 9999;}
	

	
body.is-fixed .header { margin-bottom: 64px;}
body.is-fixed .ScrolQRcode { position: fixed;top: 0;margin: 0 auto;}

#nav-drawer { position: absolute;width:95%;  margin: 0 auto; display: flex;}

/*チェックボックス等は非表示に*/
.nav-unshown { display:none;}
#nav-open {	display: inline-block;	width: 80%; margin: 15px auto;	background:#B54143;text-align: center;	padding: 20px;	color: #FFF;　cursor: pointer;	border-radius: 12px;}

/*閉じる用の薄黒カバー*/
#nav-close {display: inline-block;position: absolute;width: 100%;background: #555;text-align: center;padding: 20px 0;color: #FFF;cursor: pointer; }
#nav-close2{display: inline-block;position: absolute;width: 100%;background: #555;text-align: center;padding: 20px 0;color: #FFF;cursor: pointer;}

/*中身*/
#nav-content {overflow:hidden;position: fixed;top: 0;left: 0; z-index: 999;width: 100%;max-width: 100%;height: 100%;background: #000;transition: .3s ease-in-out;-webkit-transform: translateY(-105%);transform: translateY(-105%);}

/*チェックが入ったらもろもろ表示*/
#nav-input:checked ~ #nav-close {display: block;opacity: .5;}

#nav-input:checked ~ #nav-content {-webkit-transform: translateY(0%);transform: translateY(0%);/*中身を表示（右へスライド）*/box-shadow: 6px 0 25px rgba(0,0,0,.15);}
/*ビデオ*/
#video-input {margin-top: 60px;}
#video-input #canvas{display: none;	}

.dialog{position: fixed;top: 45%;left: 22%;	z-index: 999;background: #FFF;	padding: 20px;	width: 50%;	border-radius: 15px;}
.dialog textarea{width: 100%;height:70px; border: 0;	margin:15px 0;resize: none;}
.dialog #qrresult {	display: table-cell;}

.dialog #qrresult #qr_close {margin-left: 10px;}
.dialog #qrresult #qr_open { color:#008000; margin-left: 20px; font-weight: bold;}
	
#smartfactory #question_list h3{background:#b71e21;color: #FFF;font-size:18px;line-height:1.625;text-align: center;height: 40px;font-weight: bold;padding-top: 10px;margin-top: 0px;}
#smartfactory #question { background: #FFF;display:block;padding-bottom: 15px;}
#smartfactory #question_list { background: #FFF;text-align: center;}
#smartfactory #question_list dl { list-style: none; padding:0.5em;}
#smartfactory #question_list dt { padding-left: 330px;  line-height: 1.5em;  padding: 0.5em 0.5em 0.5em 15px; margin: 0 auto; text-align: left;font-weight:bold;}
#smartfactory #question_list span{ font-size: 90%;font-weight: normal;}
#smartfactory #question_list dd { padding-left: 30px;  line-height: 1.5em;  padding: 0.5em 0.5em 0.5em 0px;}
#smartfactory #question_list dd input {	margin-left: 30px;}
input[type="radio"]
{font-size:150%;height:15px;width:15px;margin:20px;}
#smartfactory #question_list button{ text-align: center; margin: 20px auto 8px; width: 80%; padding: 15px; background:#5C5C5C; border: 0; border-radius: 4px; color: #fff;font-size: 16px; font-weight: bold;}	
	
	
	
	
	
	
}