@charset "utf-8";
/* CSS Document */


/**************************************************/
/*******　　全ページ共通ユーザー設定　　　*********/
/**************************************************/


/* body */
body {
/*	background-image:url(../images/tmplt_bg.png);*/
	background-repeat:repeat-x;
	background-position:center top;
	min-width: 1280px; /* 横無限背景画像途切れ防止の為ページ最大幅設定 */
	overflow: hidden;
}
#hdrightBOTTOM{
	background-color:#475C79;
	width:200px;
	height:25px;
	margin:7px 0 0 0;
	border-radius: 100px;		/* CSS3草案 */
	-webkit-border-radius: 100px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 100px;	/* Firefox用 */
	float:right;
}

#logo-t{
width: 280px;
float: left;
margin-left: 360px;
margin-top: -50px;
display: none;
}
/* ヘッダー */
#HEAD {
  /*background-color: #00003A;*/
  /*background-image: url("../images/hd_foot_bg.png");*/
  background-color: #EFEFEF;
  background-position: center top;
  background-repeat: no-repeat;
  height: 180px;
  margin: 0 auto;
  padding: 0;
  position: relative;
}


#news a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
#hdrightBOTTOM ul{
	padding:0px;
	margin:0px;
}
#hdrightBOTTOM ul li{
	float:left;
	list-style:none;
	margin:0 10px 0 10px;
}

/* HDCONTENTS01 */
#HDCONTENTS01 {
margin: 0 auto;
width: 990px;
height: 100px;
}

#HDCONTENTS01 #HDLEFT {
float: left;
width: 70px;
display: table;
padding-top: 3px;
}
#HDCONTENTS01 #HDRIGHT {
  float: left;
  position:relative;
}


#HDCONTENTS01 h1 img{
    height: auto;
	width: 100%;
}


#hdrightTOP {
	float:right;
	width:200px;
	margin:0 0 15px 0;
}





#pickup_item_area{
	display: block!important;
}

#pickup_item_areaSP{
	display: none!important;
}









/*-----ガルウィング用-----------------------------------------------------------------------------------*/



#HDRIGHT #nav{
		overflow: hidden;
	margin: 30px 0 0 0!important;
padding: 0px 0 0 1rem!important;
}

#HDRIGHT #nav li{
		list-style: none;
		float:left;
}





#HDRIGHT #nav2{
overflow: hidden;
margin: 40px 0 0 15px;
position: absolute;
top: 0px;
left: 730px;
width: 30%;
padding: 0 0 0 0;
}

#HDRIGHT #nav2 li{
list-style: none;
margin: 0px 20px 0px 0px;
float: left;
}

#HDRIGHT #nav2 li a{
	color: #384F69;
	text-decoration: none;
}

#nav2 li a.top_access::before{
	background: url(http://www.gull-wing.co.jp/css/../images/access.png);
	width: 20px;
	height: 23px;
	background-repeat: no-repeat;
	content: "";
	display: inline-block;
	vertical-align: -0.3em;
	margin: 0 2px 0 0px;
}

#nav2 li a.top_sitemap::before{
	background: url(http://www.gull-wing.co.jp/css/../images/sitemap.png);
	width: 20px;
	height: 23px;
	background-repeat: no-repeat;
	content: "";
	display: inline-block;
	vertical-align: -0.3em;
	margin: 0 2px 0 0px;
}






#mainVisual_area{
	width:100%;
	background: #000;
}



#mainVisual{
	width:1280px;
	margin-left:auto;
	margin-right:auto;
	height: 577px;
}




#pickup_item_area{
background: #F2F2F2;
width: 100%;
padding: 0.5%;
}



#pickup_item{
width: 1065px;
margin-left:auto;
margin-right:auto;
}

#pickup_item h2{
	font-size: 20px;
}




.top-f-banner1{
	margin-right:26px;
	float:left;
}

.top-f-banner2{
	float:left;
}



#_3contents {
	width: 1065px;
	margin-top: 50px;
}





#low_area {
width: 100%;
float: left;
overflow: hidden;
margin-top: 55px;
}


#low_area #topics h3{
display: none;
}


#topics{
	float: left;
	width: 18.8%;
}

#article_area{
	float: left;
	height:189px;
	width: 45.3%;
	background: #ECEDEF;
	border: 1px solid #777;
	overflow-y: scroll;
	position: relative;
}



.to_the_list{
background: #284362;
width: 140px;
text-align: center;
position: absolute;
top: 190px;
left: 3%;
right: auto;
border-radius: 15px;
}



.to_the_list a{
color: #fff;
text-decoration: none;
display: block;
padding: 5px;
}





.news-box_top{
overflow: hidden;
margin: 16px 1% 8px 4%;
border-bottom: 1px dashed #777;
float: left;
}





.news-box{
overflow: hidden;
margin: 16px 1% 8px 4%;
float: left;
width: 28%!important;
}





.icon1{
float: left;
padding: 3px 12px 0 0px;
}
.news-day2{
float: left;
margin-left: 0%;
padding: 0.5% 10px 0 0px;
font-size: 1.2em;

}
.news-text{
clear: both;
margin: 8% 0 1.8% 0;

}


#product_content{
width: 31%;
float: left;
margin-left: 3%;
}






#product_content_sp{
display: none;
}











/*-----ガルウィング用--------------------------------------------------------------------------**/





#hdrightTOP img{
	width:200px;
}

#HDCONTENTS01 h1 {
  margin: 5px 0px 0px 0px;
  padding: 0;
  text-align: left;
  float:left;
  height:40px;
}
#HDCONTENTS01 h1 a#HDH1 {
  color: #ffefbf;
}
#HDCONTENTS01 #HDLEFT #drawerBtn.gadgetItem.boxLeft {
  display: none;
}
#HDCONTENTS01 #HDRIGHT img {
/*  margin-left: 1em;*/
  vertical-align: middle;
}





/* ティザー */
#TEATHER {
/*	background-image:url(../images/bg-m.png)!important;
	background-repeat:repeat!important;*/
	background:#ececec;
 	margin: 0 auto;
  	padding: 0;
}
#TEATHERIMG {
/*	background-image:url(../images/bg-m.png)!important;
	background-repeat:repeat!important;
*/
	background:#ececec;
height: inherit;
	width: 1000px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
/* ティザータイトル */
#TEATHER h2#imgTitle {
  font-size: 2.4rem;
  margin: 0 auto 0;
  padding: 50px 35px;
  color: #fff;
}
/*
#TEATHER h2#imgTitle {
	text-shadow:
		-2px -2px #F5F5F5,
		2px -2px #F5F5F5,
		-2px 2px #F5F5F5,
		2px 2px #F5F5F5;
}
*/


.TEATHERTEXT{
	width: 1000px;
	    margin: 0 auto;
	    position: absolute;
	    top: 35%;
	    right: 0;
	    left: 0;
	    color: #fff;
	    font-size: 3em;
	    letter-spacing: 1.6pt;
	    line-height: 50pt;
}

.TEATHERTEXT span{
	font-size: 0.5em;
}



















/* フッター */
footer {
background: url(../images/bg_footer.jpg);
 /*background-image: url("../images/hd_foot_bg.png");*/
/*  background-position: 100%; */
background-repeat: no-repeat;
  /*background-color: #000035;*/
  background-size: cover;
  color: #222;
  font-size: 0.86rem;
  margin: 50px auto 0;
  text-align: center;
  position:relative;
clear: both;
}



#FOOTCONTENTS01 h3{
	font-size: 1.1em;
	    margin: 0 0 5px 0;
}






#logo_footer_area{
width: 100%;
border-bottom:1px solid #0CF;
}


#logo_footer{
width: 4%;
padding-top: 1.6%;
margin-left: 24%;
padding-bottom: 0.5%;
float: left;
}

#logo_footer img{
width: 100%;
height: auto;
}



#logo_footer2{
width: 7%;
padding-top: 0%;
margin-left: 0%;
padding-bottom: 0.5%;
float: left;
}


small.footCopyright {
	display: block;
	margin: 0 auto 0;
	padding: 0px;
	text-align: center;
	clear: both;
	color: #fff;
	width: 100%;
}


#foot{
width: 100%;
height: auto;
background: #24337b;
padding: 5px 0;
clear: both;
}







#ft_tel{
	display: inline-block;
	vertical-align: middle;
	    font-size: 1.5em;
}

#ft_tel::before{
	content: "";
	background: url(http://www.gull-wing.co.jp/css/../img/ft_icon_tel.png);
	width: 30px;
	height: 30px;
	background-size: contain;
	display: inline-block;
	background-repeat: no-repeat;
	vertical-align: middle;
	margin: 0 10px 0 0px;
}


#ft_mail{
	display: inline-block;
	vertical-align: middle;
	    font-size: 1.5em;
}

#ft_mail::before {
	content: "";
	background: url(http://www.gull-wing.co.jp/css/../img/ft_icon_mail.png);
	width: 30px;
	height: 20px;
	background-size: contain;
	display: inline-block;
	background-repeat: no-repeat;
	vertical-align: -2px;
	margin: 0 10px 0 0px;
}
#ft_mail a{
}




#ft_c_name{
	clear: both;
margin: 0 0 0px 0;
padding: 20px 0 20px 0;
text-align: center;
width: 100%;
font-size: 1.4em;
}






#footer_navi{
	width: 100%;
    clear: both;
}

#footer_navi li{
	display: inline-block;
    margin: 0 0px 0 10px;
}

#footer_navi li a{
font-size: 0.9em



;
}


#footer_navi li:after{
content: "|";
    margin: 0 0px 0 5px;
}







/*
footer a{
	color: #222;
  font-size: 16px;
}*/


/* FOOTCONTENTS01 */
#FOOTCONTENTS01 {
	margin: 0 auto;
	padding: 0px;
	width: 1000px;
}
#FOOTCONTENTS01-LEFT,
#FOOTCONTENTS01-RIGHT {
  padding: 0 0 1rem;
}
#FOOTCONTENTS01-LEFT {
  float: left;
  width: 340px;
}
#FOOTCONTENTS01-RIGHT {
  float: left;
  text-align: right;
  width: 660px;
}

/* フッターサイトマップ */
#footSitemap {
  margin: 0 auto 20px;
  text-align: center;
}
#footSitemap ul,
#footSitemap li {
  display: inline-block;
  padding: 0;
/*     margin: 0 1rem 0 0.5rem;
 */}



#footSitemap li,
#footSitemap ul ul {
    display: none;
}
#footSitemap li.foot {
  display: inline-block;
}
 #footSitemap li:before {
  content: "|";
  margin: 0 1rem 0 0.5rem;
}
#footSitemap ul > li:first-child:before {
  content: "";
  margin: 0;
}

/* レフトナビ */
#LNAVI {
  width: inherit;
  margin: 0 auto 20px;
}
#LNAVI ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
#LNAVI ul li {
  margin: 0 auto 1px;
}
#LNAVI img {
  display: block;
}

#LNAVI a {
  display: block;
  height: auto;
  text-align: left !important;
}


/* タイトル */
.basicH2 {
  border-bottom: 1px solid #bbbbbb;
  color: #00a3d8;
  font-size: 2.3em;
  margin: 0 auto 2rem;
}
.basicH2:first-letter {
  color: #0000ff;
}
.basicH3 {
  background-color: #002779;
  color: #fff;
  font-size: 22px;
  margin: 0 auto 1rem;
  position: relative;
  text-align: center;
  width: 100%;
  padding: 0.5rem;
}
.basicH3::before {
  border: 1px solid #4d68a1;
  content: "";
  height: calc(100% - 2px);
  left: 1px;
  position: absolute;
  top: 1px;
  width: calc(100% - 2px);
}


/* 強調文字 */
strong .Red {
  color: #ff0000;
}
strong .Orange {
  color: #ff7f00;
}


/* 画像BOX */
.imgBox {
  display: block;
  margin: 0;
}
.imgBox.rightSide {
  float: right;
  padding: 0 0 1.5rem 2rem;
}
.imgBox.leftSide {
  float: left;
  padding: 0 2rem 1.5rem 0;
}
.imgBox img {
  width: 100% !important;
}


/* タイトルと写真が横並びの記事 */
.linedPhotoArticle {
  display: table;
  width: 100%;
}
.linedPhotoArticle > div,
.linedPhotoArticle > figure {
	display: table-cell;
	vertical-align: top;
}
.linedPhotoArticle .imgBox {
	width: 280px;
}
.linedPhotoArticle .imgBox.rightSide,
.linedPhotoArticle .imgBox.leftSide {
  float: none;
}

/* コメント小記事 */
.basicComnt {
  background-color: #fffcf1;
  border: 2px solid #d6d3b1;
  margin: 0 auto 3rem;
  padding: 0.8rem 2rem;
}


/* テキストだけのバナー */
.txtBanner {
  border: 3px double #ccc;
  border-radius: 5px;
  display: block;
  font-size: 2em;
  font-weight: bold;
  padding: 30px 0;
  text-align: center;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.41);
  width: 100%;
  cursor: pointer;
  margin: 0 auto 3rem;
}
/* 赤 */
.txtBanner.bnrRed {
  background-color: #b31818;
  border-color: #de5353;
  color: #fff;
}
.txtBanner.bnrRed:hover {
  background-color: #f12525;
  text-decoration: none;
}
/* オレンジ */
.txtBanner.bnrOrange {
  background-color: #EA9C04;
  border-color: #b58400;
  color: #fff;
}
.txtBanner.bnrOrange:hover {
  background-color: #ffba00;
  text-decoration: none;
}


/* 画像バナーBOX */
.bnrBox {
  margin: 0 auto 20px;
  text-align: center;
}
.bnrBox img {
  display: block;
}


/* テーブルの基礎設定01 */
.tableBase {
  border: 1px solid #999;
  border-collapse: collapse;
  margin: 0 auto 30px;
  width: 100%;
}
.tableBase th {
  background-color: #A0FCF8;
  border: 1px solid #89877E;
  padding: 15px;
}
.tableBase th:first-child {
  min-width: 15%;
}
.tableBase td {
	padding: 15px;
	border: 1px solid #89877E;
	/*background-color: #CCC;*/
}
.tableBase th, .tableBase td {
	vertical-align: top;
}


/* テーブルの基礎設定02 */
.tableBase02 {
  border-collapse: collapse;
  margin: 0 auto 30px;
  width: 100%;
}
.tableBase02 th,
.tableBase02 td {
  border-bottom: 1px dashed #ccc;
  padding: 15px;
  vertical-align: top;
}
.tableBase02 th {
  border-right: 5px solid #ccc;
  min-width: 15%;
}


/* 多列テーブル変形 */
.formChange .tTitle {
  display: none;
}


/* ページ切り替えボタン */
.changeArticleBtnSet {
  margin-bottom: 5em;
}
.changeArticleBtnSet ul {
  display: table;
  list-style: outside none none;
}
.changeArticleBtnSet ul li {
  display: block;
  float: left;
  margin: 0 2px 10px;
}
.changeArticleBtnSet ul li a {
  background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #ffffff 0%, #efefef 100%) repeat scroll 0 0;
  border: 1px solid #bbb;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  color: #666;
  display: block;
  padding: 3px 9px;
}
.changeArticleBtnSet ul li a:hover {
  background: #fcfcfc none repeat scroll 0 0;
  text-decoration: none;
}
.changeArticleBtnSet ul li a.current {
  background: #666 none repeat scroll 0 0;
  border-color: #444;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 1), 0 0 2px rgba(0, 0, 0, 0.3) inset;
  color: #fff;
  cursor: default;
}
/* ボタン中央寄せ */
.simple-pagination {
  text-align: center;
}
.simple-pagination ul {
  display: inline-block;
}



/* サイトマップテーブル */
#MAINCONTENTS .sitemapTable,
#MAINCONTENTS .sitemapTable ul {
  width: 100%;
  list-style: none;
  padding: 0;
  margin: 0;
}
#MAINCONTENTS .sitemapTable li {
  border-bottom: 1px solid #ccc;
  margin: 0;
  padding: 5px 0 7px;
}
#MAINCONTENTS .sitemapTable > li > a {
  background-image: url("../images/sitemap_icon_title.png");
  background-position: 10px center;
  background-repeat: no-repeat;
  display: block;
  margin: 0;
  padding: 10px 0 10px 40px;
}
#MAINCONTENTS .sitemapTable > li > a:hover {
  background-color: #efefef;
  text-decoration: none;
}
#MAINCONTENTS .sitemapTable ul {
  display: table;
  width: inherit;
}
#MAINCONTENTS .sitemapTable ul li {
  display: table-cell;
  border-bottom: none;
  padding: 5px 0 15px 5px;
}
#MAINCONTENTS .sitemapTable ul li:first-child {
  padding-left: 180px;
}
#MAINCONTENTS .sitemapTable ul li a {
  background-image: url("../images/sitemap_icon_page.png");
  background-position: 10px center;
  background-repeat: no-repeat;
  display: inline-block;
  padding: 5px 15px 5px 30px;
}
#MAINCONTENTS .sitemapTable ul li a:hover {
  background-color: #efefef;
  text-decoration: none;
}


/* 只今準備中です */
.cmngsn {
  border: 1px solid #ccc;
  font-size: 2em;
  margin: 0 auto;
  padding: 20px;
  text-align: center;
}


.rightEnd {
	margin-right: 0!important;
}

.floatItem {
	float: left;
}

/* 記事画像 */
article figure {
  text-align: center;
  width: 250px;
}

/* サブページのデフォルトイメージ */
#TEATHERIMG {
  background-image: url("../images/bg-m.png");
  background-position: right center;
}

#TEATHERIMG_B{
  background-image: url("../images/bg-m.png");
  background-position: right center;
	width: 100%;
}






/**************************************************/
/**********　　サンプル Top ページ　　*************/
/**************************************************/

/* ティザー */
.pageSample #TEATHERIMG {
  height: 300px;
  background-image: url("../images/tmplt_top_img.jpg");
  background-position: center top;
  background-repeat: no-repeat;
}

/* ティザータイトル */
.pageSample #TEATHER h2#imgTitle {
  margin: -170px auto 0;
}


/**************************************************/
/**************　　 Top ページ　　*****************/
/**************************************************/
.pageTop #HEAD {;
	background-image: url("../images/hd_bg.jpg");
  background-color: #FFF;
	height: 97px;
    background-size: cover;
}


/*#news img{
	max-height:150px;
}*/
.photo-news{
	width:190px;
	margin:0 auto;
	text-align:center;
	background-color:#DDD;
	height:150px;
}

.pageTop #TEATHER {
  margin:0 auto 10px auto;
  clear:both;
}

.text-n a{
	color:#333!important;
}

.pageTop #GNAVI {
	background-color: #FFF;
/*	background-image: url("../images/navi_bg.jpg");*/
	margin: 0 auto;
	position: absolute;
	top: 100px;
	width: 100%;
}


.pageTop #GNAVICONTENTS01 > ul > li > a {
  height: 80px;
  width: 200px;
  background-image: url("../images/navi.jpg");
}
.pageTop #GNAVICONTENTS01 > ul > li > a:hover {
  background-image: url("../images/navi_over.jpg");
}
.pageTop #GNAVI .gNavi:nth-child(1) a {
	background-position: left top;
}
.pageTop #GNAVI .gNavi:nth-child(2) a {
	background-position: -200px top;
}
.pageTop #GNAVI .gNavi:nth-child(3) a {
	background-position: -400px top;
}
.pageTop #GNAVI .gNavi:nth-child(4) a {
	background-position: -600px top;
}
.pageTop #GNAVI .gNavi:nth-child(5) a {
	background-position: -800px top;
}
.pageTop #GNAVI .gNavi:nth-child(6) a {
	background-position: -800px top;
}
/*.pageTop #GNAVI .gNavi:nth-child(7) a {
	background-position: -710px top;
}
.pageTop #GNAVI .gNavi:nth-child(8) a {
	background-position: -852px top;
}
*/

.pageTop #introduce {
margin: 20px auto 20px auto;
}
.main-t{
	position:absolute;
	z-index:8888;
	margin-top:240px;
}
.pageTop #introduce .floatItem {
	border: 1px solid #DDD;
/*	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16);*/
	float: left;
	margin: 0 50px 0 0;
	padding: 2px;
	width: 300px;
/*	background-color:#F7F7F7;
	box-shadow: 0 12px 10px -6px rgba(0,0,0,.3);*/
}
.pageTop #introduce .floatItem p{
	color:#FFF;
}
.n-1{
	background-image:url(../images/n-1.png);
	background-repeat:no-repeat;
	height:auto;
}
.n-2{
	background-image:url(../images/n-2.png);
	background-repeat:no-repeat;
/*	height:260px;*/
}
.n-3{
	background-image:url(../images/n-3.png);
	background-repeat:no-repeat;
/*	height:260px;*/
}
.pageTop #introduce .floatItem > h3 {
  margin: 0 auto 0.5rem;
}
.pageTop #introduce .floatItem p {
  padding: 0rem 1rem;
}

h2.company{
font-size: 26px;
min-width: 700px;
letter-spacing: 2.6px;
/* border-bottom: 2px solid #384F69; */
margin-top: 0;
letter-spacing: 3px;
margin: 40px 0 20px 0;
background: #384F69;
padding: 10px 0 15px 20px;
color: #fff;
}



.thought01{
	font-size: 25px!important;
	    font-weight: bold;
	    text-align: center;
			    color: #384f69;
}

.direction01{

}





























/*メイン画像スライド*/
.swiper-container{
margin: 0 auto;
position: relative;
overflow: hidden;
z-index: 1;
width: 1280px;
}






/*メイン画像スライド*/




/* NEWS HEADLINE */
.pageTop #newsHeadLine {
	background-color: #FFF;
	margin: 20px auto 20px auto;
	/* height: 40px; */
	width: 1065px;
	border-radius: 4px;
	display: flex;
	/* align-items: center; */
}
.pageTop #newsHeadLine > h3 {
	background-color: #0c243d;
	display: inline-block;
	line-height: 28px;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 173px;
	/* float: left; */
	border: 3px #CCC solid;
	border-right: none;
}
.pageTop #newsHeadLine > h3 img {
  vertical-align: middle;
  float:left;
}
.pageTop #newsHeadLine .newsContent {
	color: #FFF;
	    display: inline-block;
	    line-height: 24px;
	    margin: 0;
	    width: 870px;
	    /* float: left; */
	    padding-left: 15px;
	    background-color: #242424;
	    padding: 4px 0 6px 15px;
	    border: 3px #ccc solid;
	    border-left: none;
}



.pageTop #newsHeadLine .newsContent a{
color: #FFF;
}




.pageTop #newsHeadLine > a {
	color: #fff!important;
	display: inline-block;
	text-align: center;
	width: 140px;
}

/* お知らせ */
.pageTop #news {
/*  background-color: #f5f5f5;*/
  margin-bottom: 3rem;
  padding: 0px;
  width:100%!important;
  clear:both;
}
.pageTop #news h2 {
  margin: 0 auto 10px 0!important;
  padding: 0;
}
.pageTop #news h2 img{
	margin:0px 0 -6px 0;
}


.pageTop #news h2 hr {
  display: inline-block;
  margin-left: 0px;
  width: 1000px;
/*  margin-top:-20px!important;*/
}
.pageTop #news .floatItem {
float: left;
margin: 0px 40px 20px 5px;
width: 300px;
}
.pageTop #news .floatItem h3 {
  overflow: hidden;
}
.pageTop #news .floatItem h3 .date {
  line-height: 1.8rem;
}
.pageTop #news .floatItem h3 .date:before  {
  content: url("../images/top_item_9.png");
  margin: 0 0.5rem 0 0;
}
.pageTop #news .floatItem h3 .iconNews,
.pageTop #news .floatItem h3 .iconNotice  {
  color: #fff;
  display: inline-block;
  float: right;
  padding: 0.2rem 0.5rem 0rem;
}
.pageTop #news .floatItem h3 .iconNews {
  background-color: #0040ff;
}
.pageTop #news .floatItem h3 .iconNotice {
  background-color: #FF5C26;
}
.pageTop #seeList {
  text-align: center;
  clear:both;
}
.pageTop #seeList img {
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.92);
}


.pageTop #bottomLink img {
  display: block;
  float: left;
  margin: 0 0px 0 0;
}


.floatBox04 {
	clear:both;
	/*border-bottom: 1px solid #777;*/
}

.parts_links{
	position: relative;
	z-index: 10;
    margin: 0px 0px 100px 0;
    padding: 50px 0px 0px 0;
	}

.parts_links p{
position: absolute !important;
min-width: 188px !important;
letter-spacing: 2.6px !important;
border-bottom: none !important;
margin-top: 0 !important;
letter-spacing: 3px !important;
color: #fff !important;
font-weight: 100 !important;
text-align: center;
background: rgba(56,79,105,0.88);
/* border-radius: 15px; */
background: rgba(56, 79, 105, 0.88);
box-shadow: inset 0 0 20px rgba(255,255,255,0);
outline: 2px solid;
outline-color: rgba(56,79,105,0.88);
outline-offset: 0;
}
.parts_links p:hover{
color: #fff;
background: rgba(38, 49, 96, 0.88);
transition: 0.5s ease-in-out;
-webkit-transition: 0.5s cubic-bezier(.18,.89,.32,1.28);
border: 2px solid #E6E6E6 !important;
box-shadow: inset 0 0 20px rgba(255,255,255,.5), 0 0 20px rgba(255,255,255,.2);
outline-color: rgba(255,255,255,0);
outline-offset: 15px;
}



.parts_links p a{
color: #fff;
display: block;
text-decoration: none;
padding: 20px 0;
font-size: 17px !important;
}

.engine_parts{
top: 22.2%;
left: 1%;
}

.air_parts {
    top: 6.5%;
    left: 42%;
}

.drive_parts {
top: 16.6%;
    left: 77%;
}

.electrical_parts {
    top: 39.7%;
    left: 81%;
}

.brake_parts {
    top: 83.5%;
    left: 85%;
}

.suspension_parts {
    top: 88.6%;
    left: 57%;
}

.illumination_parts {
    top: 90%;
    left: 28%;
}


.oil_hydraulic_parts {
   top: 81.5%;
    left: 0%;
}



.truck_illust{
	display: block;
margin: 0px auto 0 auto;
}

.truck_illustSP{
	display: none;
margin: 0px auto 0 auto;
}








/*----------------------ピックアップ----------------------------*/


#pickup_item .slider li{
	margin-right: 10px;
}




#pickup_item .slider li .news_boxA{
	background: #FFF;
	    width: 220px;
	    height: 320px;
	    list-style: none;
	    /*padding-left: 1.5rem;*/
	    margin: 0px 40px 20px 20px;
			padding: 20px 0 0 20px;
}

.news_imgA {
    padding: 0px 0 0 0;
    width: 180px;
    list-style: none;
background: linear-gradient(#ffffff, #f1f1f1);
		-webkit-background: linear-gradient(#ffffff, #f1f1f1);
}

.slick-slide img {
    display: block;
    width: auto;
    max-height: 135px;
margin: 0 auto;
}



.iconA{
	padding:5px;
	width: 200px;
	list-style:none;
}


.news-titleA{
padding: 5px;
width: 160px;
list-style: none;
border-bottom: 1px #999 solid;
}

.news-titleA a{
font-size: 1em;
}

.news-textA{
	padding:5px;
	width: 170px;
	list-style:none;
		font-size: 14px;
}

.news-textA a{
	font-size: 14px;
}



/*----------------------ピックアップ----------------------------**/


/**************************************************/
/************　　 ページ　　**************/
/**************************************************/

.pageCasting #TEATHERIMG {
  background-image: url("../images/casting_img.jpg");
  background-position: right center;
}

/* 動画 */
#youtube .floatItem {
  background-color: #000000;
  height: 341px;
  margin: 0 30px 0 0;
}

/* 流れ */
#flow article {
	position: relative;
	background: rgba(160, 252, 248, 0.3);
  padding: 30px 30px 10px;
}
#flow article:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-top-color:  rgba(160, 252, 248, 0.3);
	border-width: 30px;
	margin-left: -30px;
}
#flow article:last-child::after {
  border: medium none;
}
.pageCasting #flow h3 {
  font-size: 2rem;
  margin: 0.5rem 0;
  color: #6B4C3E;
}
#flow h3::before {
  content: url("../images/casting_title_icon.jpg");
  padding-right: 1rem;
  vertical-align: middle;
}



/**************************************************/
/************　　 製品紹介 ページ　　**************/
/**************************************************/

.pageProducts #TEATHERIMG {
  background-image: url("../images/product_img.jpg");
  background-position: right center;
}


.pageProducts #productList {
  margin-right: -29px;
}
.pageProducts #productList .floatItem {
	width: 294px;
  margin: 0 29px 30px 0;
}
.pageProducts #productList .basicH3 {
  margin-bottom: 5px;
}
.pageProducts #productList .textBox {
  text-align: center;
  padding: 1rem 0;
}



.warranty h3{
font-size: 18px;
}





/**************************************************/
/************　　 取扱素材 ページ　　**************/
/**************************************************/

.pageMaterial #TEATHERIMG {
  background-image: url("../images/material_img.jpg");
  background-position: right center;
}



/**************************************************/
/************　　 設備案内 ページ　　**************/
/**************************************************/

.pageEquipment #TEATHERIMG {
  background-image: url("../images/equipment_img.jpg");
  background-position: right center;
}


.pageEquipment #equipmentList {
  margin-right: -29px;
}
.pageEquipment #equipmentList .floatItem {
	width: 450px;
  margin: 0 29px 30px 0;
}
.pageEquipment #equipmentList .basicH3 {
  margin-bottom: 5px;
}
.pageEquipment #equipmentList .textBox {
  text-align: center;
  padding: 1rem 0;
}

.pageEquipment #other table {
  width: 100%;
}
.pageEquipment #other table td {
	padding-right: 2rem;
}



/**************************************************/
/************　　 会社案内 ページ　　**************/
/**************************************************/

.pageCompany #TEATHERIMG {
  background-image: url("../images/company_img.jpg");
  background-position: right center;
}

.pageCompany #CONTENTS {
  margin: 0 auto;
  min-width: 1280px;
  width: 1000px;
}

/* レフトコンテンツ */
.pageCompany #LNAVI li a {
  background-color: #002779;
  background-image: url("../images/lnavi_icon.jpg");
  background-position: 160px center;
  background-repeat: no-repeat;
  display: block;
  font-size: 1.2rem;
  padding: 3rem 2rem;
}
.pageCompany #LNAVI li a {
  color: #fff;
}
.pageCompany #LNAVI li a:hover {
  background-color: #031f59;
}

/* ごあいさつ */
.pageCompany .prsiName {
	color: #E46B00;
	display: inline-block;
	margin: 0 auto 1rem;
}

/* 理念 */
.pageCompany #idea ul {
  list-style: outside none none;
  margin-left: 3rem;
}
.pageCompany #idea ul li::before {
  content: "一、　";
  margin-left: -3rem;
}

.pageCompany #youtube {
  margin: 0 auto 30px;
  width: 480px;
}

.pageCompany #media figure img {
  width: auto !important;
}
.pageCompany #media .textBox {
  vertical-align: middle;
}
.pageCompany #media .textBox div {
  background-color: #ffdbd8;
  border-radius: 5px;
  padding: 20px;
}

/* アクセス */
.pageCompany #mapBox {
  margin: 0 auto;
  width: 730px;
}



/**************************************************/
/**********　　 リクルート ページ　　**************/
/**************************************************/

.pageRecruit #TEATHERIMG {
  background-image: url("../images/recruit_img.jpg");
  background-position: right center;
}


.pageRecruit #intro {
  margin: 0 auto 50px;
}

/* 先輩たちの声 */
.pageRecruit #voice .imgRight .textBox,
.pageRecruit #voice .imgRight figure {
  float: left;
}
.pageRecruit #voice .imgRight figure{
  float: right;
}
.pageRecruit #voice .imgLeft .textBox,
.pageRecruit #voice .imgLeft figure {
  float: right;
}
.pageRecruit #voice .imgLeft figure{
  float: left;
}
.pageRecruit #voice .textBox {
  width: 580px;
}
.pageRecruit #voice figure {
  width: 360px;
}
.pageRecruit #voice .imgRight figure {
  padding: 0 0 1.5rem 2rem;
}
.pageRecruit #voice .imgLeft figure {
  padding: 0 2rem 1.5rem 0;
}
.pageRecruit #voice h3 {
  background-image: url("../images/title_icon.jpg");
  background-position: 10px center;
  background-repeat: no-repeat;
  padding: 0 0 0 3rem;
}
.pageRecruit #voice .name {
  border-right: 1px dashed #ccc;
  color: #002779;
  display: inline-block;
  font-size: 1.7rem;
  margin-right: 1rem;
  padding-right: 1rem;
}
.pageRecruit #voice .job {
  color: #888888;
  font-size: 1.2rem;
  font-weight: normal;
}
.pageRecruit #voice .invisible {
  display: none;
}


/**************************************************/
/************　　 お知らせ ページ　　**************/
/**************************************************/

.pageNewslist #TEATHERIMG {
  background-image: url("../images/newslist_img.jpg");
  background-position: right center;
}


.pageNewslist .newsItem {
  border-bottom: 1px dashed #ccc;
  display: table;
  margin: 0 auto 30px;
  padding-bottom: 20px;
  table-layout: fixed;
  width: 100%;
  position: relative;
}
.pageNewslist .newsItem h3,
.pageNewslist .newsItem figure,
.pageNewslist .newsItem .textBox {
  display: table-cell;
  vertical-align: top;
}
.pageNewslist .newsItem h3 span {
  display: block;
  text-align: center;
}

.pageNewslist .newsItem h3 {
  width: 120px;
}
.pageNewslist .newsItem figure {
  padding: 0 20px;
  width: 200px;
}

.pageNewslist h3 .date {
  line-height: 1.8rem;
}
.pageNewslist h3 .iconNews,
.pageNewslist h3 .iconNotice  {
  color: #fff;
  padding: 0.2rem 0.5rem 0rem;
}
.pageNewslist h3 .iconNews {
  background-color: #0040ff;
}
.pageNewslist h3 .iconNotice {
  background-color: #FF5C26;
}

.pageNewslist .seeDetail {
  background-color: #f39800;
  border-radius: 7px;
  color: #fff;
  display: block;
  margin: auto 0 0 auto;
  padding: 0.5rem 1rem;
  text-align: center;
  max-width: 10rem;
}




/**************************************************/
/**********　　 お知らせ詳細 ページ　　************/
/**************************************************/

.pageNewsdetail #TEATHERIMG {
  background-image: url("../images/newslist_img.jpg");
  background-position: right center;
}

.pageNewsdetail h3 {
  margin-bottom: 0;
}
.pageNewsdetail h3 .date {
  font-size: 1.8rem;
}
.pageNewsdetail h3 .iconNews,
.pageNewsdetail h3 .iconNotice {
  color: #fff;
  display: inline-block;
  font-size: 1.4rem;
  margin: 0 1rem 0.5rem 0;
  padding: 0.3rem 1.4rem;
}
.pageNewsdetail h3 .iconNews {
  background-color: #0040ff;
}
.pageNewsdetail h3 .iconNotice {
  background-color: #FF5C26;
}
.pageNewsdetail .title {
  border-top: 2px solid #b0b0b0;
  display: block;
  font-size: 1.4rem;
  padding: 1rem 0 0.5rem;
}


.pageNewsdetail .floatBox > .floatLeft {
  float: left;
  width: 650px;
}
.pageNewsdetail .floatBox > figure {
  float: right;
  width: 250px;
}

.pageNewsdetail .floatBox > .floatLeft h4 {
  font-size: 1.4rem;
  margin: 1rem 0;
}
.pageNewsdetail .floatBox > figure .textBox {
  margin-bottom: 2rem;
}

.pageNewsdetail .floatBox .pdf {
  margin: 0.5rem 0 0;
  text-align: right;
}



/**************************************************/
/************　　 アクセス ページ　　**************/
/**************************************************/
.pageAccess #TEATHERIMG {
    background-image: url("http://abits8100.com/001/fujigokin/css/../images/access_img.jpg");
    background-position: right center;
}
.pageAccess #map p {
	text-align: center;
}
.pageAccess #mapBox,
.pageAccess #mapBox > iframe {
  width: 730px;
  margin: auto;
}





/**************************************************/
/************　　 お問合わせ ページ　　**************/
/**************************************************/

.pageInquiry #TEATHERIMG {
  background-image: url("../images/inquiry_img.jpg");
  background-position: right center;
}


/**************************************************/
/************　　 サイトマップ　　**************/
/**************************************************/

.pageSitemap #TEATHERIMG {
  background-image: url("../images/sitemap_img.jpg");
  background-position: right center;
}


























/*ページャー */

#pager_area{
	width: 100%;
	height: auto;
	clear: both;
}

#pager{
overflow: hidden;
width: 100%;
text-align: center;
margin: 20px auto;
text-align: center;
display: block;
width: inherit;
}





#pager li{
width: 35px;
margin: 1%;
background: #24337b!important;
text-align: center;
color: #fff;
height: 45px;
padding: 3px 0 0 0px;
display: inline-block;
border-radius: 5px;
}





#pager li a{
color: #FFF;
font-weight: bold;
font-size: 1vw;
display: block;
height: 40px;
padding: 5px 0 0 0px;
text-decoration: none;
text-align: center;
}

/*ページャー */







/*一覧へ戻る */

#back_to_prev{
	width: 100%;
	height: auto;
	clear: both;
}

#back_to_prev ul{
overflow: hidden;
width: 100%;
text-align: center;
margin: 40px auto;
text-align: center;
display: block;
width: inherit;
padding: 100px 0 0 0;
}





#back_to_prev ul li{
width: 165px;
margin: 1%;
background: #24337b;
text-align: center;
color: #fff;
height: 45px;
padding: 3px 0 0 0px;
display: inline-block;
border-radius: 5px;
}





#back_to_prev ul li a{
color: #FFF;
font-weight: bold;
font-size: 1vw;
display: block;
height: 40px;
padding: 5px 0 0 0px;
text-decoration: none;
text-align: center;
}

/*一覧へ戻る */








/*トラック図面へ戻る*/


.scrollbtnFollow_truck {
	position: fixed;
	bottom: 52px;
	right: 6%;
	overflow: hidden;
	margin: 0;
	z-index: 100;
	width: 290px;
	height: 80px;
	background: rgba(15, 47, 102, 0.8);
	border-radius: 3px;
	visibility: hidden;
	opacity: 0;
	/*transition: 0.8s ease-in-out;
	-webkit-transition: 0.8s ease-in-out;*/
}

.scrollbtnFollow_truck a{
	color: #fff;
	    display: block;
	    padding: 16px 0 0px 115px;
	    text-decoration: none;
	    font-size: 1em;
	    text-align: justify;
	    width: 290px;
	    height: 80px;
}


.scrollbtnFollow_truck img{
	width: 30%;
	height: auto;
	top: 10%;
	left: 3%;
	right: 1%;
	position: absolute;
}





.fixed_bt_truck{
	position: fixed;
	bottom: 52px;
	right: 6%;
	overflow: hidden;
	margin: 0;
	z-index: 100;
	width: 290px;
	height: 80px;
background: rgba(56, 79, 105, 1);
	border-radius: 3px;
	visibility: visible;
	opacity: 1;
	/*transition: 0.8s ease-in-out;
	-webkit-transition: 0.8s ease-in-out;*/
}



.ontheFooter{
	position: relative;
	right: 0;
	left: 78%;
	top: 0%;
	bottom: 0;
	margin: 0% 0 0px 0!important;
	padding: 0;
}














/*トラック図面へ戻る*/





.hidden_onPC{
	display: none;
}



#home #MAINCONTENTS{width:1040px!important;}





/*////////////////////*/
@media screen and ( max-width:1280px )
{
body {
	/*	background-image:url(../images/tmplt_bg.png);*/
		background-repeat:repeat-x;
		background-position:center top;
	  width: 100%!important; /* 横無限背景画像途切れ防止の為ページ最大幅設定 */
		overflow: hidden;
		-webkit-text-size-adjust: none;
				text-size-adjust: none;
	}


/* 全体を包むBOX */
#wrap {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}




/* ナビゲーション */
#GNAVI {
  position: relative;
  z-index: 100;
}


/* ティザー */
#TEATHER {
	overflow: hidden;
	width: 100%;
	position: relative;
}
#TEATHERIMG {
  position: relative;
}
/* ティザータイトル */
#TEATHER h2#imgTitle {
  text-align: left;
  height: inherit;
  vertical-align: middle;
  display: table-cell;
}


/* コンテンツ部分 */
#CONTENTS {
  margin: 0 auto;
  min-width: 1065px;
  position: relative;
}
#LCONTENTS {
  width: 200px;
  float: left;
	display: none!important;
}
#MAINCONTENTS {
  margin: 0;
  padding: 0;
}

#home #MAINCONTENTS{width:100%!important;}




/* レフトコンテンツ有り */
#MAINCONTENTS.arrangeLM {
  float: right;
  width: 770px;
}


/* パンくずリスト */
#CRUMBLIST {
  font-size: 0.8em;
  margin: 0 auto 25px;
  padding: 0;
}
#CRUMBLIST ul {
  list-style: outside none none;
  padding: 0;
}
#CRUMBLIST ul li {
  display: inline-block;
}
#CRUMBLIST ul li::after {
  content: ">";
  padding: 0 6px 0 11px;
}
#CRUMBLIST ul li.currentPage::after {
  content: "";
}
#CRUMBLIST em {
  font-size: 1.2em;
}
/* レフトコンテンツ有り */
#CRUMBLIST.arrangeLM {
  float: right;
  width: 710px;
}



/* 付いてくるスクロール */
#backtopbox {
	width:100%;
	text-align:left;
}
#back-top {

position: fixed;
bottom: 40px;
right: 20px;
overflow: hidden;
margin: 0;
z-index: 100;

}

#back-top a,
#back-top span {
	width: 80px;  /* 画像の横幅 */
}
#back-top span {
	height: 80px;  /* 画像の縦幅 */
}
#back-top a {
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;
	float: right;

	/* transition */
	-webkit-transition: 1s;
	transition: 1s;
}
#back-top a:focus {
    outline:none;
}
/* arrow icon (span tag) */
#back-top span {
	display: block;
	background:  url(../images/pagetoplink.png) no-repeat center center;
	/* transition */
	-webkit-transition: 1s;
	transition: 1s;
	background-size: 60%;
}



/*ピックアップ*/



#pickup_item_area{
	display: none!important;
}

#pickup_item_areaSP{
	display: block!important;
	background: #F2F2F2;
	width: 100%;
	padding: 0.5%;

}


#pickup_itemSP{
width: 1065px;
margin-left:auto;
margin-right:auto;
}

#pickup_itemSP h2{
	font-size: 20px;
}


#pickup_itemSP h2 img{
    width: 100%;
    height: auto;
}



#pickup_itemSP .slider li{
	margin-right: 10px;
}




#pickup_itemSP .slider li .news_boxA{
}




#pickup_itemSP .news_imgA {
	    width: 90%;
}


#pickup_itemSP .news_imgA img{
	max-height: 370px;
	width: auto;
	    max-width: 450px;
}





#pickup_itemSP .iconA{
}

#pickup_itemSP .iconA img{
    width: 100%;
    height: auto;
}





#pickup_itemSP .news-titleA{
	font-size: 1.8em;
width: 90%;
}

#pickup_itemSP .news-textA{
	font-size: 1.5em;
width: 90%;
}


#pickup_itemSP .news-textA a{
	font-size: 1em;
}



#pickup_itemSP ul{
}


#pickup_itemSP li{
	width: 523px;
    background: #fff;
    margin: 0 0 0 10px;
}

#pickup_itemSP .news_boxA{
	width: 100%;
	min-height: 570px;
	/* max-height: 600px; */
	padding: 15px 0 0 30px;
}


#pickup_itemSP .slick-prev:before, .slick-next:before{
	display: none;
}


/*ピックアップ*/












































.w750px{
	width:100%!important;
}

#contact .btn2{
font-size:6vw;
width: 100%;
}





/* （スマートフォン表示） */

.hidden_RP{
	display: none!important;
}


.hidden_onPC{
	display: block!important;
}




#drawerBtn img{
	display:block;
	width:200px;
}
#HDRIGHT{
	display:none;
}
#logo-t{
	display:block;
}
.top-f-banner1{
clear: both;
    margin: 20px auto 20px auto!important;
    float: none;
    width: 80%;
    height: auto;
    overflow: hidden;
}
.top-f-banner1 img{
	width:100%;
	height:auto;
}
.top-f-banner2{
clear: both;
    margin: 20px auto 20px auto!important;
    float: none;
    width: 80%;
    height: auto;
    overflow: hidden;
}
.top-f-banner2 img{
	width:100%;
	height:auto;
}

/* フッターサイトマップ */
footer a{
color: #4e4e4e;
    font-size: 1.8rem;
    margin: 0 0 20px 0;
}
/* NEWS HEADLINE */
.pageTop #newsHeadLine {
    margin: 0 0 15px 0px!important;
    border: none!important;
    height: auto!important;
    overflow: hidden!important;
    width: 100%!important;
}


.pageTop #newsHeadLine > h3 {
	background-color: #0c243d!important;
	display: inline-block!important;
	line-height: 28px!important;
	margin: 0!important;
	padding: 0!important;
	text-align: center!important;
	width: 20%!important;
	float: left!important;
	margin: 10px 0 0px 2%!important;
	border: none!important;
	border-right: none!important;
}

.pageTop #newsHeadLine img{
	/*width:280px;
	height:52px;*/
}
.pageTop #newsHeadLine .newsContent {
color: #00003D!important;
    display: inline-block!important;
    line-height: 30px!important;
margin: 10px 5% 0px 0%!important;
    width: 70%!important;
    float: left!important;
    padding-left: 0px!important;
    background-color: #FFF!important;
    font-size: 2.0rem!important;
    padding: 10px 0 10px 20px!important;
    border: #263A53 solid 1px!important;
}


.pageTop #newsHeadLine .newsContent a{
color:#666;
}






#foot{
	width: 100%;
	    height: auto;
	    background: #24337b;
	    padding: 20px 0px 170px 0;
	    clear: both;
}





#footSitemap {
  margin: 0 auto 40px auto;
  text-align: center;
  line-height:2.8em;
}


/*///////////////////////////////*/

#HDCONTENTS01 h1 {
	width: 9%;
	float: none;
	margin: 10px 0 0px 12%;
}


#HDCONTENTS01 h1 img{
	width:100%;
	height:auto;
}


#logo-t{
display: none;
width:420px;
	float:left;
	margin-left:240px;
	margin-top:50px;
	margin-bottom:20px;
}
#logo-t img{
	width:423px;
	height:76.5px;
}

#HEAD {
  height: auto;
  padding-bottom: 1rem;
}

.pageTop #HEAD {/*;閉じいらない*/
	background-image: url("../images/hd_bg.jpg");
  background-color: #FFF;
	height: 137px!important;
	background-size: cover;
	    padding: 0 0 160px 0px;
}



#HDCONTENTS01 #HDLEFT,
#HDCONTENTS01 #HDRIGHT {
  min-width: inherit;
  width: inherit;
}
#HDCONTENTS01 #HDLEFT {
  text-align: center;
width: 100%;
background: none;

}
#HDCONTENTS01 #HDLEFT h1 {
/*   text-align: center; */
}
#HDCONTENTS01 #HDRIGHT {
  text-align: center;
  width: 100%;
}
#HDCONTENTS01 #HDLEFT #drawerBtn.gadgetItem.boxLeft {
  display: table-cell;
  /*float: left;*/
  width: 50px;
}
#HDCONTENTS01 #HDLEFT #drawerBtn {
  text-align: left;
}
#HDCONTENTS01 #HDLEFT #drawerBtn span {
  font-size: 3em;
}
#HDCONTENTS01 #HDLEFT .boxRight {
  display: table-cell;
  /*float: left;*/
}
#HDCONTENTS01 #HDRIGHT img {
  width: inherit;
  margin-bottom: 0.5rem;
}
#HDCONTENTS01 {
  width: auto;
}

.pageTop #introduce .floatItem {
	margin: 0 20px 0 14px;
}




h2.company{
font-size: 2.8em;
min-width: 700px;
letter-spacing: 2.6px;
/* border-bottom: 2px solid #384F69; */
margin-top: 0;
letter-spacing: 3px;
margin: 70px 0 20px 0;
background: #384F69;
padding: 10px 0 15px 20px;
color: #fff;
}


#privacy p
{font-size:1.8em;}


.thought01 {
    font-size: 3em!important;
    font-weight: bold;
    text-align: center;
    color: #384f69;
}

.direction01 {
}
.direction01 li{
	font-size: 1.9em;
}



















.parts_links{
	position: relative;
	z-index: 0;
    margin: 0px 0px 100px 0;
    padding: 50px 0px 0px 0;
	}

.parts_links p{
position: absolute !important;
    min-width: 40% !important;
border-bottom: none !important;
margin-top: 0 !important;
letter-spacing: 3px !important;
color: #fff !important;
font-weight: 100 !important;
text-align: center;
background: rgb(56,79,105);
/* border-radius: 15px; */
background: rgb(56, 79, 105);
outline: 2px solid;
outline-color: rgba(56,79,105);
outline-offset: 0;
    font-size: 1em!important;
}




.parts_links p a{
	color: #fff;
	    display: block;
	    text-decoration: none;
	    padding: 10% 7.5%;
	    font-size: 1.8em!important;
}

.engine_parts{
	top: 15.2%;
	left: -17%;
}

.air_parts {
	top: 0.5%;
	left: 24%;
}

.drive_parts {
	top: 8.6%;
	left: 65%;
}

.electrical_parts {
	top: 33%;
	left: 75%;
}

.brake_parts {
	top: 65.5%;
	left: 75%;
}

.suspension_parts {
	top: 86.6%;
	left: 52.5%;
}

.illumination_parts {
	top: 87%;
	left: 4.5%;
}


.oil_hydraulic_parts {
	top: 65.5%;
	left: -17%;
}


.truck_illust{
margin: 0px auto 0 auto;
z-index: 0;
display: none;
}

.truck_illustSP{
	display: block;
margin: 0px auto 0 auto;
z-index: 0;
}























.swiper-button-next, .swiper-button-prev {
	display: none;
}



#CONTENTS {
    margin: 0 auto;
    min-width: 1000px;
	position: relative;
}





#MAINCONTENTS {
    width: 940px!important;
    margin: 0 auto 0;
    float: none;}





#low_area {
width: 100%;
overflow: hidden;
margin-top: 55px;
}



#low_area #topics img{
display: none;
}

#topics{
width: 100%;
    height: auto;
    background: #10244c;
    padding: 10px;
}

#topics h3{
    width: 100%;
    height: auto;
    color: #FFF;
    display: block!important;
	font-size: 4em;
    padding: 0;
    text-align: center;
    margin: 0;
}



/*新着*/

#article_area{
width: 100%;
    height: auto;
    background: #ECEDEF;
    border: 1px solid #777;
    clear: both;
    float: none;
    position: relative;
    padding: 25px 0 0 0;
    overflow: hidden;
}

.news-box_top {
/*overflow: hidden;
    margin: 3.0% 3% 4.2% 3.5%;
    width: 93%;
    border-bottom: 2px dashed #777;
    height: auto;
    padding: 0px;
*/
    overflow: hidden;
    margin: 65px 1% 0px 4%;
    float: left;
	    border-bottom: 2px dashed #777;
			    width: 93%;
}




.icon1 {
	float: left;
	padding: 12px 12px 0 0px;
	width: 21%;
}
.icon1 img{
    width: 100%;
		height: auto;
}


.news-day2{
background-repeat: no-repeat;
    height: 60px;
    line-height: 60px;
    padding: 0 20px 0 20px;
    color: #FFF;
    font-size: 2.0rem;
    margin: 1.5%;
    padding: 3px 12px 0 0px;
    background: none;
    color: #666;
	font-size: 2.2em;
}

.news-text{
clear: both;
    padding: 20px 0px 0 20px;
    width: 100%;
		font-size: 2.2em;
}


#product_content{
    width: 80%;
    float: none;
    margin: 60px auto 0 auto;
    clear: both;
	overflow: hidden;
	display: block;
}

#product_content img{
width: 100%;
height: auto;
}




.to_the_list{
    padding: 5px;
background: #3d4f65;
    width: 200px;
    text-align: center;
    position: absolute;
    top: 80px;
    left: 74%;
    right: auto;
    border-radius: 15px;
    z-index: 100;
}



.to_the_list a{
color: #fff;
    font-size: 1.8em;
	text-decoration: none;
}






/*ページャー */

#pager_area{
	width: 100%;
	height: auto;
	clear: both;
}

#pager{
overflow: hidden;
width: 100%;
text-align: center;
margin: 20px auto;
text-align: center;
display: block;
width: inherit;
}





#pager li{
	width: 55px;
	margin: 1%;
	background: #24337b!important;
	text-align: center;
	color: #fff;
	height: 55px;
	padding: 3px 0 0 0px;
	display: inline-block;
	border-radius: 5px;
}





#pager li a{
color: #FFF;
font-weight: bold;
font-size: 1.4em;
display: block;
height: 40px;
padding: 5px 0 0 0px;
text-decoration: none;
text-align: center;
}

/*ページャー */















/* フッター */
footer {
background: url(../images/bg_footer.jpg);
 /*background-image: url("../images/hd_foot_bg.png");*/
/*  background-position: 100%; */
background-repeat: no-repeat;
  /*background-color: #000035;*/
background-size: cover;
color: #222;
  font-size: 0.86rem;
  margin: 50px auto 0;
  text-align: center;
  position:relative;
clear: both;
}








#logo_footer_area{
width: 100%;
border-bottom:1px solid #0CF;
padding: 30px 0 20px 0;
}


#logo_footer{
	width: 14%;
	    height: auto;
	    padding-top: 4.3%;
	    float: left;
	    padding-bottom: 0.5%;
	    margin-left: 8%;

}

#logo_footer img{
width: 100%;
height: auto;
}


#logo_footer2{
display: none;
}


small.footCopyright {
    display: block;
    margin: 0px auto 0 auto;
    padding: 0;
    text-align: center;
    clear: both;
    color: #fff;
    float: none;
    width: 100%;
    font-size: 1.9em;
}








#FOOTCONTENTS01 {
margin: 0 auto;
    padding: 0px;
    width: 90%;
}
#FOOTCONTENTS01-LEFT,
#FOOTCONTENTS01-RIGHT {
  padding: 0 0 1rem;
}
#FOOTCONTENTS01-LEFT {
  float: left;
  width: 40%;
}
#FOOTCONTENTS01-RIGHT {
  float: left;
  text-align: right;
  width: 40%;
}

/* フッターサイトマップ */
#footSitemap {
  margin: 0 auto 20px;
  text-align: center;
}
}
/* media queryは長すぎると認識しないので途中で切る */
/* 上のmedia queryの限界がここまで */
@media screen and ( max-width:1280px )
{

	.TEATHERTEXT {
	    top: 22%!important;
	}


		img.title_imgge  {
			margin-top: 0px;
	    margin-bottom: -5px;
	    width: 100%;
			}








	/*新着詳細*/
	.news-titlePD {
		/* background-image: url(http://www.gull-wing.co.jp/css/../images/list3.png); */
    background-position: 0% 65%;
    font-weight: bold;
    background-repeat: no-repeat;
    margin: 20px 0 20px 0;
    overflow: hidden;
    letter-spacing: 1px;
    line-height: 1;
    padding: 0;
    display: block;
    font-size: 2.6em;
    clear: both;
    vertical-align: -53px;
	}

	.news-text-cpD {
	    width: 94%;
	    clear: both;
	    font-size: 1.8em;
	    text-align: justify;
	    margin: 0 0 0 1%;
	}


	.news-text-cpD p a{
			font-size: 1.8em;
	}

	#back_to_prev ul li {
	    width: 255px;
	    margin: 1%;
	    background: #24337b;
	    text-align: center;
	    color: #fff;
	    height: auto;
	    padding: 10px 0 15px 0px;
	    display: inline-block;
	    border-radius: 5px;
	}


	#back_to_prev ul li a {
    color: #FFF;
    font-weight: bold;
    font-size: 1.5em;
    display: block;
    height: 40px;
    padding: 5px 0 0 0px;
    text-decoration: none;
    text-align: center;
}

	/*新着詳細*/



#footSitemap ul,
#footSitemap li {
  display: inline-block;
margin: 20px 30px 0 30px;
  padding: 0;
}
#footSitemap li,
#footSitemap ul ul {
    display: none;
}
#footSitemap li.foot {
  display: inline-block;
}
#footSitemap li:before {
content: "|";
    margin: 0 2rem 0 -3rem;
    font-size: 2em;
    opacity: 0.4;
}
#footSitemap ul > li:first-child:before {
  content: "";
  margin: 0;
}




#FOOTCONTENTS01 h3 {
    font-size: 2.1em;
    margin: 0 0 5px 0;
}

#footLR{
	width: 100%;
	margin: 0 auto;
}





.foot-left {
	width: 470px;
	height: auto;
	float: left;
	text-align: left;
	font-size: 1em;
	font-weight: bold;
	margin: 0px 0 0 70px;
}


.foot-right {
	width: 470px;
	height: auto;
	float: left;
	text-align: left;
	font-size: 1em;
	font-weight: bold;
	margin: 0px 0 0 110px;
}

#ft_tel {
    display: inline-block;
    vertical-align: middle;
    font-size: 2.5em!important;
		-webkit-text-size-adjust: none;
		    text-size-adjust: none;
}

#ft_tel a{
    display: inline-block;
    vertical-align: middle;
    font-size: 1em!important;
		-webkit-text-size-adjust: none;
		    text-size-adjust: none;
}



#ft_mail {
    display: inline-block;
    vertical-align: middle;
}
#ft_mail a{
    font-size: 1.5em;
		-webkit-text-size-adjust: none;
		    text-size-adjust: none;
}



#ft_tel::before {
    content: "";
    background: url(http://www.gull-wing.co.jp/css/../img/ft_icon_tel.png);
    width: 50px;
    height: 50px;
    background-size: contain;
    display: inline-block;
    background-repeat: no-repeat;
    vertical-align: -7px;
    margin: 0 10px 0 0px;
}

#ft_mail::before {
    content: "";
    background: url(http://www.gull-wing.co.jp/css/../img/ft_icon_mail.png);
    width: 50px;
    height: 50px;
    background-size: contain;
    display: inline-block;
    background-repeat: no-repeat;
    vertical-align: -19px;
    margin: 0 10px 0 0px;
}





#ft_c_name {
    clear: both;
    margin: 0 0 0px 0;
    padding: 20px 0 20px 0;
    text-align: center;
    width: 100%;
    font-size: 1.8em;
}

#footer_navi {
    width: 100%;
    clear: both;
    margin: 30px 0 30px 0;
}




#footer_navi li a {
    font-size: 1.3em;
}





/* 付いてくるスクロール */
#backtopbox {
	width:100%;
	text-align:left;
}
#back-top {
position: fixed;
bottom: 25px;
right: 50px;
overflow: hidden;
margin: 0;
z-index: 100;
}

#back-top a,
#back-top span {
	width: 80px;  /* 画像の横幅 */
}
#back-top span {
	height: 80px;  /* 画像の縦幅 */
}
#back-top a {
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;
	float: right;

	/* transition */
	-webkit-transition: 1s;
	transition: 1s;
}
#back-top a:focus {
    outline:none;
}
/* arrow icon (span tag) */
#back-top span {
	display: block;
	background:  url(../images/pagetoplink.png) no-repeat center center!important;
	/* transition */
	-webkit-transition: 1s;
	transition: 1s;
	background-size: 100%;

}








#company #ceo_name{letter-spacing: 0.08em;
font-size: 1em;
}



/*トラック図面へ戻る*/


.scrollbtnFollow_truck {
	position: fixed!important;
	bottom: 52px!important;
	right: 6%!important;
	overflow: hidden!important;
	margin: 0!important;
	z-index: 100!important;
	width: 50%!important;
	height: 80px!important;
	border-radius: 3px!important;
	visibility: hidden!important;
	opacity: 0!important;
	/*transition: 0.8s ease-in-out;
	-webkit-transition: 0.8s ease-in-out;*/
}

.scrollbtnFollow_truck p{
font-size: 1em!important;
}




.scrollbtnFollow_truck a{
	color: #fff;
	display: block;
	padding: 35px 0 15px 60px;
	text-decoration: none;
	font-size: 2em;
	text-align: justify;
	width: 100%;
	height: auto;
}


.scrollbtnFollow_truck img{
	width: 19%;
	height: auto;
	top: 26%;
	left: 6%;
	right: 1%;
	position: absolute;
	display: none;
}




.fixed_bt_truck{
	position: fixed!important;
	    bottom: 0px!important;
	    right: 14%!important;
	    overflow: hidden!important;
	    margin: 0!important;
	    z-index: 100!important;
	    width: 50%!important;
	    height: auto!important;
	    background: rgb(58, 117, 156);
	    border-radius: 0px!important;
	    border: 4px #edf8ff solid;
	    border-bottom: none;
	    visibility: visible!important;
	    opacity: 1!important;
}


.ontheFooter{
	position: relative!important;
	right: 0!important;
	left: 78%!important;
	top: 0%!important;
	bottom: 0!important;
	margin: 0% 0 0px 0!important;
	padding: 0!important;
}




/*トラック図面へ戻る*/


.warranty h3{
font-size: 2.8em;
}

.warranty li{
font-size: 2em;
}















































.hidden_onPC{
	display: none;
}








}