@charset "UTF-8";


/************************************************
ヘッダー
************************************************/

header{
    width:100%;
    background-color:#FFFFFF;
    border-top:5px solid #EA5532;
}

header #inner{
    width:960px;
    margin:0 auto;
    
}

header #top{
    margin-bottom:15px;    
}

header #logo{
	width:250px;
	float:left;
	text-indent: -9999px;
	background: url(../images/share/logo.svg) no-repeat;
	height:69px;
	margin-top:15px;
}

header #top_right{
    width:300px;
    float:right;
}

header #top_right ul{
    width:300px;
	background:url(../images/share/top_border.jpg) no-repeat top center;
	height:28px;
	color:#FFF;
}

header #top_right ul li{
    float:left;
    width:150px;
    text-align:center;
	line-height:28px;
}

header #top_right ul a:hover{
}

header #top_right ul a{
	color:#FFFFFF;
}

header #top_right #search{
    width:418px;
    float:right;
	clear:both;
	margin-top:5px;
}

header #top_right #logo2{
	width:200px;
	float:right;
}

header nav{
    clear:both;
	border-bottom:10px solid #EA5532;
	border-top:1px solid #EA5532;
	width:100%;
	height:23px;
}

header nav ul#p_navi{
	width:960px;
	margin:-1px auto 0;
}

header nav a.navi_link{
	float:left;
	display:block;
	height:33px;
	text-indent:-9999px;
	width:160px;
}

nav ul li .submenu{
  background: #FFF;
  padding: 10px 0 20px 0px;
  position: absolute;
  border: 1px solid #EA5532;
  z-index: 100;
  margin:1px 0 0 5px;
  display:none;
}

*+html nav ul li .submenu{
	top:-1px;
}
.submenu ul li{
	float:left;
	width:116px;
	padding-left:10px;
}

.submenu ul li a {
	color:#EA5532;
	font-weight:bold;
	outline:none;
}

.submenu ul li:last-child{
	margin-right:20px;
}

.submenu ul li .sub_img{
	margin:0 auto;
	text-align:center;
}

.submenu p{
	text-align:center;
}

.submenu .txt{
	width:80px;
}

.submenu .txt a span{
	margin-top:7px;
	display:block;
	font-size:10px;
}

.p_navi02 .img01 a{
	background:url(../images/manufacture/share/side.png) no-repeat scroll 0 0;
	background-position:0 -25px;
	width:80px;
	display:block;
	padding-top:55px;
	margin-bottom:17px;
	text-align:center;
	height:0px;
}

.p_navi02 .img02 a{
	background:url(../images/manufacture/share/side.png) repeat scroll 0 0;
	background-position:0 -86px;
	width:80px;
	display:block;
	padding-top:55px;
	margin-bottom:17px;
	text-align:center;
	height:0px;
}

.p_navi02 .img03 a{
	background:url(../images/manufacture/share/side.png) repeat scroll 0 0;
	background-position:0 -156px;
	width:80px;
	display:block;
	padding-top:55px;
	margin-bottom:17px;
	text-align:center;
	height:0px;
}

.p_navi02 .img04 a{
	background:url(../images/manufacture/share/side.png) repeat scroll 0 0;
	background-position:0 -502px;
	width:80px;
	display:block;
	padding-top:55px;
	margin-bottom:17px;
	text-align:center;
	height:0px;
}

.p_navi03 .img01 a{
	background:url(../images/factory_movie/side.png) repeat scroll 0 0;
	background-position:0 -25px;
	width:80px;
	display:block;
	padding-top:55px;
	margin-bottom:17px;
	text-align:center;
	height:0px;
}

.p_navi03 .img02 a{
	background:url(../images/factory_movie/side.png) repeat scroll 0 0;
	background-position:0 -97px;
	width:80px;
	display:block;
	padding-top:55px;
	margin-bottom:17px;
	text-align:center;
	height:0px;
}

.p_navi03 .img03 a{
	background:url(../images/factory_movie/side.png) repeat scroll 0 0;
	background-position:0 -168px;
	width:80px;
	display:block;
	padding-top:55px;
	margin-bottom:17px;
	text-align:center;
	height:0px;
}

.p_navi03 .img04 a{
	background:url(../images/factory_movie/side.png) repeat scroll 0 0;
	background-position:0 198px;
	width:80px;
	display:block;
	padding-top:55px;
	margin-bottom:17px;
	text-align:center;
	height:0px;
}

.p_navi03 .img05 a{
	background:url(../images/factory_movie/side.png) repeat scroll 0 0;
	background-position:0 -310px;
	width:80px;
	display:block;
	padding-top:55px;
	margin-bottom:17px;
	text-align:center;
	height:0px;
}

.p_navi03 .img06 a{
	background:url(../images/factory_movie/side.png) repeat scroll 0 0;
	background-position:0 55px;
	width:80px;
	display:block;
	padding-top:55px;
	margin-bottom:17px;
	text-align:center;
	height:0px;
}

.p_navi04 .img01 a{
	background:url(../images/corporate_info/side.png) repeat scroll 0 0;
	background-position:0 -30px;
	width:80px;
	display:block;
	padding-top:55px;
	margin-bottom:17px;
	text-align:center;
	height:0px;
	z-index:100;
}

.p_navi04 .img02 a{
	background:url(../images/corporate_info/side.png) repeat scroll 0 0;
	background-position:0 -99px;
	width:80px;
	display:block;
	padding-top:55px;
	margin-bottom:17px;
	text-align:center;
	height:0px;
}

.p_navi04 .img03 a{
	background:url(../images/corporate_info/side.png) no-repeat scroll 0 0;
	background-position:0 -168px;
	width:80px;
	display:block;
	padding-top:55px;
	margin-bottom:17px;
	text-align:center;
	height:0px;
}

.p_navi04 .img04 a{
	background:url(../images/corporate_info/side.png) repeat scroll 0 0;
	background-position:0 55px;
	width:80px;
	display:block;
	padding-top:55px;
	margin-bottom:17px;
	text-align:center;
	height:0px;
}

.p_navi05 .img01 a{
	background:url(../images/recruit/side.png) no-repeat scroll 0 0;
	background-position:0 -24px;
	width:80px;
	display:block;
	padding-top:55px;
	margin-bottom:17px;
	text-align:center;
	height:0px;
}

.p_navi05 .img02 a{
	background:url(../images/recruit/side.png) no-repeat scroll 0 0;
	background-position:0 -88px;
	width:80px;
	display:block;
	padding-top:55px;
	margin-bottom:17px;
	text-align:center;
	height:0px;
}

.p_navi05 .img03 a{
	background:url(../images/recruit/side.png) no-repeat scroll 0 0;
	background-position:0 -153px;
	width:80px;
	display:block;
	padding-top:55px;
	margin-bottom:17px;
	text-align:center;
	height:0px;
}

.p_navi05 .img04 a{
	background:url(../images/recruit/side.png) no-repeat scroll 0 0;
	background-position:0 -218px;
	width:80px;
	display:block;
	padding-top:55px;
	padding-bottom:10px;
	margin-bottom:17px;
	text-align:center;
	height:0px;
}



#p_navi01 {
    background: url("../images/share/navi.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
#p_navi02 {
    background: url("../images/share/navi.jpg") no-repeat scroll -161px 0 rgba(0, 0, 0, 0);
}
#p_navi03 {
    background: url("../images/share/navi.jpg") no-repeat scroll -321px 0 rgba(0, 0, 0, 0);
}
#p_navi04 {
    background: url("../images/share/navi.jpg") no-repeat scroll -481px 0 rgba(0, 0, 0, 0);
}
#p_navi05 {
    background: url("../images/share/navi.jpg") no-repeat scroll -641px 0 rgba(0, 0, 0, 0);
}
#p_navi06 {
    background: url("../images/share/navi.jpg") no-repeat scroll -801px 0 rgba(0, 0, 0, 0);
}
#p_navi01:hover{
	background-position:0px -37px;
}

#p_navi02:hover{
	background-position:-161px -37px;
}

#p_navi03:hover{
	background-position:-321px -37px;
}

#p_navi04:hover{
	background-position:-481px -37px;
}

#p_navi05:hover{
	background-position:-641px -37px;
}

#p_navi06:hover{
	background-position:-801px -37px;
}


#nav-drawer {
	display: none;
}



/************************************************
フッター
************************************************/
footer{
	width:100%;
	background:#EA5532;
	clear:both;
	margin-top:-10px;
	position:relative;
	z-index:10;
	color:#FFF;
	font-weight:bold;
	padding:10px 0;
	font-size:11px;
}

footer #inner{
	width:960px;
	margin:0 auto;
}

footer .foot_l{
	float:left;
}

footer .foot_l h3#logo3{
    width: 190px;
    background: url(../images/share/logo3.svg) no-repeat;
    height: 37px;
    text-indent: -9999px;
    margin-top: 9px;
}

footer .foot_r{
	width:710px;
	float:right;
}

footer .foot_r small{
	clear:both;
	display:block;
	text-align:right;
	margin-bottom:10px;
	font-weight:normal;
}

footer .honsya{
	width:200px;
	float:left;
	padding-top:6px;
	padding-bottom:6px;
	margin-left:5px;
}

footer .shiten{
	width:500px;
	float:right;
}

footer .foot_content{
	width:225px;
	float:left;
	padding-top:6px;
	padding-bottom:6px;
	margin-left:5px;
}

footer .border{
	border-right:1px solid #FFF;
	border-left:1px solid #FFF;
	padding-left:10px;
	padding-right:10px;
}

footer .foot_content:first-child{
	margin:0;
}

footer .foot_content:last-child{
	border:0;
	padding-right:0;
}

.foot_visual{
	width:100%;
	height:158px;
	background:url("../images/share/back.jpg") no-repeat center;
	margin:25px auto 0;
}

/**Googleカスタム検索**/
#cse-search-form td {
    padding: 0 !important;
}

.cse .gsc-control-cse, .gsc-control-cse{
	padding:0 !important;
}

/************************************************
サイドバー
************************************************/
#right_block h1{
	background-color:#EA5532;
	padding:10px 20px 4px;
	border:1px solid #EA5532;
	border-radius:10px 10px 0 0;
	margin-bottom:5px;
	behavior: url(css/PIE.php);
}

#right_block hgroup{
	border:1px solid #EA5532;
	border-radius:10px 10px 0 0;
	behavior: url(css/PIE.php);
}

hgroup a{
	text-decoration:none;
	display:block;
	margin:5px 0;
}

hgroup a:hover{
	color:#e70013;
	text-decoration:none;
}

hgroup .menu_btn div{
display:table;
font-size:13px !important;
width:200px;
color: #e70013;
padding: 5px 10px 5px 10px;
margin:5px 10px;
background: -moz-linear-gradient(
	top,
	#f5f5f5 0%,
	#ffffff 50%,
	#f5f5f5);
background: -webkit-gradient(
	linear, left top, left bottom, 
	from(#f5f5f5),
	color-stop(0.50, #ffffff),
	to(#f5f5f5));
-pie-background: linear-gradient(
	top,
	#f5f5f5 0%,
	#ffffff 50%,
	#f5f5f5);
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
border: 0px solid #ffffff;
-moz-box-shadow:
	0px 3px 11px rgba(000,000,000,0.4),
	inset 0px 0px 1px rgba(231,0,19,1);
-webkit-box-shadow:
	0px 3px 11px rgba(000,000,000,0.4),
	inset 0px 0px 1px rgba(231,0,19,1);
box-shadow:
	0px 3px 11px rgba(000,000,000,0.4),
	inset 0px 0px 1px rgba(231,0,19,1);
-sand-box-shadow:
	0px 3px 11px rgba(000,000,000,0.4),
	inset 0px 0px 1px rgba(231,0,19,1);
text-shadow:
	0px -1px 0px rgba(000,000,000,0.2),
	0px 1px 0px rgba(255,255,255,0.3);
	
behavior: url(css/PIE.php);
}

hgroup .menu_btn div:hover{
cursor:pointer;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ffe4b8), color-stop(0.53, #f9eedc), color-stop(0.00, #ffe4b8));
-pie-background: linear-gradient(
	top,
	#ffe4b8 0%,
	#ffffff 50%,
	#ffe4b8);
background: -webkit-linear-gradient(top, #ffe4b8 0%, #f9eedc 53%, #ffe4b8 100%);
background: -moz-linear-gradient(top, #ffe4b8 0%, #f9eedc 53%, #ffe4b8 100%);
background: -o-linear-gradient(top, #ffe4b8 0%, #f9eedc 53%, #ffe4b8 100%);
background: -ms-linear-gradient(top, #ffe4b8 0%, #f9eedc 53%, #ffe4b8 100%);
background: linear-gradient(to bottom, #ffe4b8 0%, #f9eedc 53%, #ffe4b8 100%);
behavior: url(css/PIE.php);
}

hgroup div h2{
	display:table-cell;
	vertical-align:middle;
	width:120px;
	layout-grid-line: 55px; /* IE7以下 */
}

*+html hgroup div h2{
	display:inline;
	zoom:1;
}

hgroup div span{
	display:block;
	display:table-cell;
	vertical-align:middle;
	background:url(../images/top/side.png);
	height:55px;
	width:70px;
	margin-left:5px;
	layout-grid-line: 55px; /* IE7以下 */
}

*+html hgroup div span{
	display:inline;
	zoom:1;
}

@media only screen and (max-width: 767px) {
    
    
    header{
        width:100%;
        background-color:#FFFFFF;
        border-top:5px solid #EA5532;
    }
    header #inner{width: 100%; border-bottom: 1px solid #EA5532;}
    header #top_right{float: none; margin-left: 34px;}
    header #top_right ul,header #top_right #search{display: none;}
    header #logo{margin-left: 15px; float: none;}
    header #top_right #logo2{margin: 10px 0 0 0; float: none;}
    header nav{display: none!important;}
    #main{width: 95%!important; margin: 0 auto;}
    #main #top_right{width: 100%!important; float: none!important;}
    #main #top_left{width: 100%; float: none; display: block;}
    #main #item_sidebar #top_left{width: 100%; float: none; display: block; margin-top: 40px;}
    
    
    
    
/************************************************
サイドバー
************************************************/
#top_left h1{
	background-color:#EA5532;
	padding:10px 20px 4px;
	border:1px solid #EA5532;
	border-radius:10px 10px 0 0;
	margin-bottom:5px;
	behavior: url(css/PIE.php);
}

#top_left hgroup{
	border:none;
}
    
#top_left .motimugi_banner{
	width: 100%;
    height: auto;
    display: none;
}
    
#top_left .motimugi_banner_sp{
	width: 100%;
    height: auto;
    display: block;
}
    
#item_sidebar hgroup{
	border:0;
	border-radius:10px 10px 0 0;
	behavior: url(css/PIE.php);
}
    
hgroup a{
	text-decoration:none;
	display:block;
	margin:5px 0;
    width: 48%;
}

hgroup a:hover{
	color:#e70013;
	text-decoration:none;
}

hgroup div{
display:table;
font-size:13px !important;
width:200px;
color: #e70013;
padding: 5px 10px 5px 10px;
margin:5px 10px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
border: 1px solid #ff0000;
}

hgroup div:hover{
cursor:pointer;
}

hgroup div h2{
	display:table-cell;
	vertical-align:middle;
	width:120px;
	layout-grid-line: 55px; /* IE7以下 */
}

*+html hgroup div h2{
	display:inline;
	zoom:1;
}

hgroup div span{
	display:block;
	display:table-cell;
	vertical-align:middle;
	height:55px;
	width:70px;
	margin-left:5px;
	layout-grid-line: 55px; /* IE7以下 */
}

*+html hgroup div span{
	display:inline;
	zoom:1;
}

hgroup #side_01 .image{
	background-position:0 -18px;
}

hgroup #side_02 .image{
	background-position:0 -73px;
}

hgroup #side_03 .image{
	background-position:0 -137px;
}

hgroup #side_04 .image{
	background-position:0 -194px;
}

hgroup #side_05 .image{
	background-position:0 -254px;
}

hgroup #side_06 .image{
	background-position:0 -309px;
}

hgroup #side_07 .image{
	background-position:0 -367px;
}

    
    
    hgroup ul{display:flex;width: 100%;flex-wrap: wrap;margin: 0 auto;justify-content: space-between;}
hgroup div{display:table;font-size:13px !important;width: 100%;color: #e70013;padding: 5px 3px;margin: 0;-moz-border-radius: 0px;-webkit-border-radius: 0px;border-radius: 0px;border: 1px solid #ff0000;box-sizing: border-box;}

    
/*ハンバーガーメニュー*/    
    
#nav-drawer {
	display: block;
  	position:fixed;
	top: 25px;
	right: 15px;
}
	
/*チェックボックス等は非表示に*/
.nav-unshown {
  display:none;
}

/*アイコンのスペース*/
#nav-open {
  display: inline-block;
  width: 30px;
  height: 22px;
  vertical-align: middle;
}

/*ハンバーガーアイコンをCSSだけで表現*/
#nav-open span, #nav-open span:before, #nav-open span:after {
  position: absolute;
  height: 3px;/*線の太さ*/
  width: 25px;/*長さ*/
  border-radius: 3px;
  background: #EA5532;
  display: block;
  content: '';
  cursor: pointer;
}
#nav-open span:before {
  bottom: -8px;
}
#nav-open span:after {
  bottom: -16px;
}

/*閉じる用の薄黒カバー*/
#nav-close {
    display: none;/*はじめは隠しておく*/
    position: fixed;
    z-index: 99;
    top: 0;/*全体に広がるように*/
    left: 0;
    width: 100%;
    height: 100%;
    background: black;
    opacity: 0;
    transition: .3s ease-in-out;
}

/*中身*/
	
#nav-content {
    overflow: auto;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;/*最前面に*/
    width: 90%;/*右側に隙間を作る（閉じるカバーを表示）*/
    max-width: 330px;/*最大幅（調整してください）*/
    height: 100%;
    text-align: left;
    background: #EA5532;  
    transition: .3s ease-in-out;/*滑らかに表示*/
    -webkit-transform: translateX(-105%);
    transform: translateX(-105%);/*左に隠しておく*/
}

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

#nav-input:checked ~ #nav-content {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);/*中身を表示（右へスライド）*/
  box-shadow: 6px 0 25px rgba(0,0,0,.15);
}
	#nav-content ul li a{
		text-decoration: none;
		display: block;
		color: #FFF;
		padding: 10px 3px 10px 5px;
	}
	#nav-content ul li{
		line-height: 2em;
	}	
    
	#nav-content ul li ul li{
		background:#de3e18;
		border-top: 1px solid #FFF;
    }
	#nav-content ul li ul li:last-child{
		background:#de3e18;
		border-top: 1px solid #FFF;
		border-bottom: 1px solid #FFF;
    }
    #nav-drawer #nav-content ul li ul{
	display: none;
}

    
    .sp_submenu{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        margin: 0 auto;
        background:#FFF9D6;
        padding: 10px 5px;
        box-sizing: border-box;
        display: none;
    }
    
    .sp_menu_content{
        width: 45%;
        text-align: center;
    }
    
    .sp_menu_content p{text-align: center;}
    
    .smenu{
        
    }

    
/************************************************
フッター
************************************************/
footer{
	width:100%;
	background:#EA5532;
	clear:both;
	color:#FFF;
	font-weight:bold;
	padding:10px 0;
	font-size:13px;
    line-height: 1.5em;
    z-index: -1;
}

footer #inner{
	margin:0 auto;
	width: 100%;
    padding-top: 20px;
}

footer .foot_l{
	float: none;
	text-align: center;
	margin: 0 auto;
}

footer .foot_l h3#logo3{
	background:url(../images/share/logo3.svg) no-repeat;
	text-indent:-9999px;
	margin: 0 auto;
}

footer .foot_r{
	width: 100%;
	float: none;
	margin-top: 10px;
}
    
    footer .honsya,footer .shiten{
        width: 100%;
        float: none;
        margin-bottom: 10px;
        padding: 0 10px;
        box-sizing: border-box;
        text-align: center;
    }
    
    .shiten div{
        margin-top: 0!important;
    }
    
    
footer .foot_r small{
	clear:both;
	display:block;
	text-align:right;
	margin-bottom:10px;
	font-weight:normal;
}

footer .foot_content{
	width:100%;
	float:none;
	padding-top:6px;
	padding-bottom:6px;
	margin-left:5px;
}

footer .border{
	/* border-right:1px solid #FFF; */
	/* border-left:1px solid #FFF; */
	/* padding-left:10px; */
	/* padding-right:10px; */
	width: 100%;
	float: none;
	border: none;
	padding: 0;
	text-align: center;
}

footer .foot_content:first-child{
	margin:0;
	float: none;
	width: 100%;
	text-align: center;
}

footer .foot_content:last-child{
	border:0;
	padding-right:0;
	width: 100%;
	float: none;
	text-align: center;
}
    
.foot_visual{
	width:100%;
	height:57px;
	background:url("../images/share/back.jpg") no-repeat center cover;
	margin:25px auto 0;
    background-size: cover;
}

  
/************************************************
ページトップ
************************************************/
    
#page_top{
  width: 40px;
  height: 40px;
  position: fixed;
  right: 5px;
  bottom: -50px;
  background: #e70012;
  opacity: 0.6;
  border-radius: 50%;
    display: block;
}
#page_top a{
  position: relative;
  display: block;
  width: 40px;
  height: 40px;
  text-decoration: none;
}
#page_top a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f102';
  font-size: 20px;
  color: #fff;
  position: absolute;
  width: 20px;
  height: 20px;
  top: -5px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}

/**Googleカスタム検索**/
#cse-search-form td {
    padding: 0 !important;
}

.cse .gsc-control-cse, .gsc-control-cse{
	padding:0 !important;
}

    
    
}