/* ---------------------------------------------------------------------
共通
--------------------------------------------------------------------- */
html,body{
    width: 100%;
}

body{
	font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Meiryo", "メイリオ" , "MS PGothic", "Osaka", arial, helvetica, clean, sans-serif;
	margin:0;
	padding:0;
	line-height:160%;
	font-size:14px;
	min-width: 1140px;
}


a:link {
	color: #333333;
	text-decoration: none;
}
a:hover {
	color: #333333;
	text-decoration: underline;
}
a:visited {
	color: #333333;
	text-decoration: none;
}
a:active {
	color: #333333;
	text-decoration: none;
}

a:hover img {
/*	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity: 0.70;*/
}
a img{
	border:none;
}
.clear{
	clear:both;
}

nav a:hover img {

}



/* ---------------------------------------------------------------------
タグリセット
--------------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6,p,div,ul,li,dl,dt,dd,form {
	margin: 0px;
	padding: 0px;
}
h1{
	font-weight:normal;
	display:inline;
}
ul,li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
ol li {
	list-style:none;
}
img {
	margin: 0px;
	padding: 0px;
	border: none;
	vertical-align:bottom;
}
table,tr,td{
	border-collapse: collapse;
}


/* ---------------------------------------------------------------------
検索
--------------------------------------------------------------------- */
.fs-hidden {
    display: none;
}
#fs-result-container{
	width:800px;
	margin:0 auto;
	padding-top:0;
	padding-bottom:30px;
}

#fs-result-msg{
	font-size:26px;
	border-left:5px #26a860 solid;
	padding:12px 0 12px 16px;
	font-weight:bold;
	margin:30px 0;
}

#fs-result ul{
	margin:30px;
}
#fs-result li{
	font-size:16px;
	border-bottom:1px dotted #cccccc;
	padding:15px 15px 15px 25px;
	background:url(../common_img/arrow_fs.png) left center no-repeat;
}
#fs-result li a{
	display:block;
}

#fs-page-navi{
	text-align:center;
	font-size:14px;
}
.fs-link{
	border:#CCCCCC 1px solid;
	padding:5px;
	background:#F8F8F8;
}
a:hover.fs-link{
	border:#CCCCCC 1px solid;
	padding:5px;
	background:#FFFFCC;
}
.fs-link-current{
	font-weight:bold;
	border:#FFFFFF 1px solid;
	padding:5px;
	background:#FFFFFF;
	color:#333333;
}
a:hover.fs-link-current{
	font-weight:bold;
	border:#FFFFFF 1px solid;
	padding:5px;
	background:#FFFFFF;
	color:#333333;
	text-decoration:none;
}
.fs-page-order{
	border:#FFFFFF 1px solid;
	padding:5px;
	background:#FFFFFF;
}
a:hover.fs-page-order{
	border:#FFFFFF 1px solid;
	padding:5px;
	background:#FFFFFF;
}



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

header{
	width:100%;
	height: 90px;
}
.hd_wrap {
	width:96%;
	margin:15px auto 15px;
}

.hd_box{
	width:100%;
	margin:0 0 20px;
}


/*ロゴ*/
h1.hd_logo1{
	width:470px;
	float:left;
	
	}

/*ロゴ*/
/*h1.hd_logo1{
	width:350px;
	float:left;
}*/


/*hd_right*/
.hd_right{
	width:200px;
	float:right;
}
.hd_logo2{
	width:136px;
	float:right;
}

.hd_smenu{
	clear:both;
	padding-top:20px;
}
.hd_smenu li{
	float:right;
	background:url(../common_img/arrow_01.png) left center no-repeat;
	padding:0 0 0 10px;
	margin-right:15px;
}
.hd_smenu li:first-child{
	margin-right:0;
}




/*ナビ*/

.hd_nav{
	width:100%;
	padding-bottom:14px;
	border-bottom:#ddd 3px solid;
	margin-top: 20px;/*--20230412追加消すと元に戻る--*/
}
.hd_nav_inner{
	width:1100px;
	margin:0 auto;
}

.hd_nav nav li{
	float:left;
}
.hd_nav nav li a{
	width:219px;
	color:#000;
	display:block;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	border-left:#b7b7b7 1px solid;
	transition: all  0.3s ease;
}
.hd_nav nav li a span{
	display:block;
	padding:7px 0;
}
.hd_nav nav li a span:before{
	content:url(../common_img/arrow_02.png);
	position:relative;
	margin-right:10px;
	top:-2px;
}
.hd_nav nav li:last-child a{
	width:218px;
	border-right:#b7b7b7 1px solid;
}
.hd_nav nav li a:hover{
	text-decoration:none;
	background:#f8f8f8;
}

.hd_nav nav li.active a{
	background:#f8f8f8;
}


/* ---------------------------------------------------------------------
メイン
--------------------------------------------------------------------- */
.main_wrap{
	width:100%;
	padding:10px 0;
	background:#f8f8f8;
}
.main{
	width:100%;
	max-width:1200px;
	margin:0 auto;
}
.main li a{
	display:block;
	float:left;
}
.main li a.half {
	width:50%;
}


.bxslider li:nth-child(3){
	min-width:1200px;
}

/* ---------------------------------------------------------------------
pro_menu
--------------------------------------------------------------------- */

.pro_menu_wrap{
	width:100%;
	background:url(../common_img/top_green_bg.png) repeat;
	height:90px;
}
.pro_menu_inner{
	width:1100px;
	margin:0 auto;
}
.pm_left{
	width:465px;
	height:41px;
	float:left;
	margin-top:24px;
	background:url(../common_img/top_search_01.png) no-repeat;
}
.search_input{
	width:284px;
	float:left;
	padding-top:3px;
	margin-left:118px;
}
.search_input input{
	width:275px;
	height:35px;
	font-size:14px;
	border:none;
	background:none;
	padding:0 3px;
}
.search_bt{
	float:left;
}

.pm_right{
	float:right;
	padding-top:10px;
}
.promenu div.pm3{
	width:170px;
	float:left;
}
.promenu div{
	width:169px;
	float:left;
}





/* ---------------------------------------------------------------------
コンテンツ レイアウト
--------------------------------------------------------------------- */

.cont_wrap{
	width:100%;
}

.cont_wrap_inner{
	width:1100px;
	margin:20px auto 0;
	padding-bottom:60px;
}

.cont_left{
	width:800px;
	float:left;
}

.cont_right{
	width:250px;
	float:right;
}



/* ---------------------------------------------------------------------
コンテンツ　LEFT
--------------------------------------------------------------------- */
.cont_left h2{
	font-size:26px;
	border-left:5px #dfdfdf solid;
	padding:8px 0 12px 16px;
	font-weight:bold;
	margin:30px 0 20px;
	display: inline-block;
}
.cont_left h2 span{
	font-size:12px;
	font-weight:normal;
	padding:0 0 0 20px;
	color:#bbb;
}

.cont_left span.h2_en {
    font-size: 12px;
    font-weight:normal;
    padding:0 0 0 20px;
    color:#bbb;
}

.cont_left p{
	color:#333;
	line-height:180%;
}
/*NEWマーク付*/
.cont_left h2.new:after{
	content: url(../common_img/NEW.png);
	margin-left:20px;
}


/*製品メニュー*/

.products_wrap {
	padding-bottom:45px;
}
.products_wrap ul li{
	float:left;
	margin-right:10px;
	margin-bottom:16px;
	border:#FFF 2px solid;
	transition: all  0.3s ease;
	position:relative;
}
.products_wrap ul li .new_on{
	position:absolute;
	z-index:100;
	margin-bottom:-19px;
	right:10px;
	padding-top:5px;
}
.products_wrap ul li .new_on img{
	width:31px !important;
}

.products_wrap ul li:nth-child(3n+1){
	clear:both;
}
.products_wrap ul li:nth-child(3n+3){
	margin-right:0px;
}

/*製品カラー*/
.products_wrap ul li:nth-child(1):hover{
	border:2px solid #48b9b3;
}
.products_wrap ul li:nth-child(2):hover{
	border:2px solid #26a85e;
}
.products_wrap ul li:nth-child(3):hover{
	border:2px solid #4283bb;
}
.products_wrap ul li:nth-child(4):hover{
	border:2px solid #789ec5;
}
.products_wrap ul li:nth-child(5):hover{
	border:2px solid #e54352;
}
.products_wrap ul li:nth-child(6):hover{
	border:2px solid #ff808e;
}
.products_wrap ul li:nth-child(7):hover{
	border:2px solid #f0ab0f;
}
.products_wrap ul li:nth-child(8):hover{
	border:2px solid #62c4f5;
}
.products_wrap ul li:nth-child(9):hover{
	border:2px solid #f07b46;
}
.products_wrap ul li:nth-child(10):hover{
	border:2px solid #9ec761;
}
.products_wrap ul li:nth-child(11):hover{
	border:2px solid #ffef66;
}
.products_wrap ul li:nth-child(12):hover{
	border:2px solid #a2a2a2;
}



/* お知らせ　タブメニュー */

.info_wrap{
	padding-bottom:45px;
}

.info_title_wrap{
	margin:30px 0 20px;
}

.info_title_wrap h2{
	width:105px;
	float:left;
	margin:0;
}

.info_title_wrap span.h2_en{
	float: left;
    padding: 14px 50px 0px 19px !important;
    font-size: 12px;
    font-weight:normal;
    /* padding:0 0 0 20px; */
	color:#bbb;
}


.info_title_wrap .info_list{
	width:55px;
	float:right;
	padding-top:10px;
}
.info_title_wrap .info_list a{
	background:url(../common_img/arrow_01.png) left center no-repeat;
	padding:0 0 0 10px;
}

.info_title_wrap #tab-menu {
	width:440px;
	float:left;
}

/*タブ色*/

.info_title_wrap #tab-menu div:nth-child(1) {
	background:#999;
}
.info_title_wrap #tab-menu div:nth-child(1):hover {
	background:#ccc;
}
.info_title_wrap #tab-menu div:nth-child(2) {
	background:#5173a6;
}
.info_title_wrap #tab-menu div:nth-child(2):hover {
	background:#7499d0;
}
.info_title_wrap #tab-menu div:nth-child(3) {
	background:#3ca799;
}
.info_title_wrap #tab-menu div:nth-child(3):hover {
	background:#5ac5b7;
}
.info_title_wrap #tab-menu div:nth-child(4) {
	background:#eaa500;
}
.info_title_wrap #tab-menu div:nth-child(4):hover {
	background:#fec02b;
}
/*//タブ色*/


.info_title_wrap #tab-menu div {
	margin-right:6px;
	margin-bottom:-1px;
	border-top:#dcd9d6 1px solid;
	border-left:#dcd9d6 1px solid;
	border-right:#dcd9d6 1px solid;
	border-bottom:#FFF 1px solid;
	float:left;
	display:block;
	text-align:center;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	padding:13px 20px;
	cursor:pointer;
}

.info_title_wrap #tab-menu div:hover {
	margin-right:6px;
	margin-bottom:-1px;
	border-top:#dcd9d6 1px solid;
	border-left:#dcd9d6 1px solid;
	border-right:#dcd9d6 1px solid;
	border-bottom:#FFF 1px solid;
	float:left;
	display:block;
	text-align:center;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	padding:13px 20px;
	cursor:pointer;
}
.info_title_wrap #tab-menu div.active {
	margin-right:6px;
	margin-bottom:-1px;
	border-top:#dcd9d6 1px solid;
	border-left:#dcd9d6 1px solid;
	border-right:#dcd9d6 1px solid;
	border-bottom:#FFF 1px solid;
	float:left;
	display:block;
	background:#FFF;
	text-align:center;
	color:#333;
	font-size:14px;
	font-weight:bold;
	padding:13px 20px;
	transition: all  0.3s ease;
	cursor:default;
}

/* タブの中身 */
#tab-box {
	border-top:#dcd9d6 1px solid;
	clear:both;
	padding-top:30px;
}
#tab-box div.tabarea {
  display: none;
}
#tab-box div.active {
  display: block !important;
}


.news_wrap dt,dd{
	font-size:14px;
	color:#333;
	line-height:160%;
}
.news_wrap dl{
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom:#ddd 1px dotted;
}
.news_wrap dt{
	position:absolute;
	clear:both;
	padding:4px 0 4px 15px;
	background:url(../common_img/arrow_01.png) left center no-repeat;
}
.news_wrap dt span{
	display:inline-block;
	width:100px;
	padding:0;
	text-align:center;
	font-size:13px;
	color:#FFF;
	margin-left:25px;
}
.news_wrap dt span.news_cat1{
	background:#5173a6;
}
.news_wrap dt span.news_cat2{
	background:#3ca799;
}
.news_wrap dt span.news_cat3{
	background:#eaa500;
}
.news_wrap dd{
	margin-left:260px;
	width:540px;
	padding:4px 0;
}
.news_wrap dd::after{
	clear:both;
}
.news_wrap dd a{
	background:url(../common_img/arrow_01.png) left 3px no-repeat;
	padding-left:10px;
}


.news_date{
	width:130px;
	font-size:14px;
	background:#009944;
	color:#FFF;
	text-align:center;
	margin-bottom:15px;
	margin-top:15px;
	padding:3px;
	border-radius:5px;
}
.news_title{
	font-size:18px;
	border-bottom:#CCC 1px dotted;
	border-left:#009944 4px solid;
	padding:7px 15px;
	margin-bottom:30px;
}

.news_entry{
	font-size:14px;
	line-height:160%;
	padding:7px 15px;
	margin-bottom:30px;
}
.news_entry p{
	margin-bottom:1em;
}
.news_entry a{
	text-decoration:underline;
	transition: all  0.3s ease;
}
.news_entry a:hover{
	color:#999;
}





/*製品メイン画像*/
.cont_main{
	margin-bottom:50px;
}
.cont_main_img{
	float:left;
	width:348px;
	border:#dcd9d6 1px solid;
	padding:25px;
}

.cont_main_right{
	float:right;
	width:360px;
}
.ctm_title{
	font-size:18px;
	margin-bottom:30px;
}
.cont_main_right p{
	font-size:14px;
	margin-bottom:30px;
}

.ctm_bt_box{
	width:360px;
	margin:0 auto;
}

.ctm_bt1_long{
	float:left;
	width:270px;
}
.ctm_bt1_long a{
	display:block;
	width:270px;
	border:#FFF 1px solid;
	border-radius:7px;
	transition: all  0.3s ease;
}
.ctm_bt1_long a:hover{
	border:#cf4700 1px solid;
}


.ctm_bt1{
	float:left;
	width:170px;
}
.ctm_bt1 a{
	display:block;
	width:170px;
	border:#FFF 1px solid;
	border-radius:7px;
	transition: all  0.3s ease;
}
.ctm_bt1 a:hover{
	border:#cf4700 1px solid;
}

.ctm_bt1m{
	float:right;
	width:170px;
}
.ctm_bt1m a{
	display:block;
	width:170px;
	border:#FFF 1px solid;
	border-radius:7px;
	transition: all  0.3s ease;
}
.ctm_bt1m a:hover{
	border:#1e568f 1px solid;
}

.ctm_rbox{
	width:280px;
	margin-bottom:10px;
}
.ctm_bt2on{
	float:left;
	margin-right:10px;
	width:130px;
	background:#3da3c4;
	padding:6px 0;
	border-radius:5px;
	color:#FFF;
	margin-bottom:8px;
	text-align:center;
}
.ctm_bt3on{
	float:left;
	margin-right:10px;
	width:130px;
	background:#3cb47a;
	padding:6px 0;
	border-radius:5px;
	color:#FFF;
	text-align:center;
}
.ctm_bt2{
	float:left;
	margin-right:10px;
	width:130px;
	background:#f2f2f2;
	padding:6px 0;
	border-radius:5px;
	color:#dbdbdb;
	margin-bottom:8px;
	text-align:center;
}
.ctm_bt3{
	float:left;
	margin-right:10px;
	width:130px;
	background:#f2f2f2;
	padding:6px 0;
	border-radius:5px;
	color:#dbdbdb;
	text-align:center;
}


/*cont_area*/
.cont_area{
	margin-bottom:60px;
}
.cont_area p{
	margin-bottom:2em;
}
.cont_area h3{
	font-size:20px;
	font-weight:bold;
	color:#333;
	border-left:4px #dfdfdf solid;
	border-bottom:1px #dfdfdf dotted;
	padding:6px 0 6px 15px;
	margin:25px 0;
}

.cont_area h4{
	font-size:18px;
	font-weight:bold;
	color:#333;
	border-bottom:1px #dfdfdf solid;
	padding:6px 0 6px 0;
	margin:20px 0;
}





/* ---------------------------------------------------------------------
コンテンツ　RIGHT
--------------------------------------------------------------------- */




/*バナー*/

.bnr_area .bnr{
	margin-bottom:20px;
	
}


/*お問い合わせ*/
.inq_box{
	width:248px;
	border:#bdbcbd 1px solid;
	background:url(../common_img/inq_box_bg.png) repeat;
	padding-top:5px;
	padding-bottom:9px;
	margin:30px 0 20px;
}
.inq_box div:first-child{
	width:221px;
	margin:0 auto 15px;
}
/*.inq_box div:nth-child(2){
	width:226px;
	margin:0 auto 10px;
}*/
.inq_box div{
	width:221px;
	margin:0 auto 10px;
}
.inq_box div a{
	display:block;
	border:#bdbcbd 1px solid;
}
.inq_box div a:hover{
	border:#26a860 1px solid;
}


/* ---------------------------------------------------------------------
フッター
--------------------------------------------------------------------- */

/*ページトップ*/
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
}

/*固定フッター*/

.fixed_ft_wrap{
	position:fixed;
	bottom:0;
	width:100%;
	height:90px;
	background:url(../common_img/fixed_ft_BG.png) left top repeat-x;
}
.fixed_ft{
	width:1100px;
	margin: 10px auto;
  display: flex;
  justify-content: space-between;
}
.fixed_ft a{
	display:block;
	border:#ebebeb 1px solid;
	transition: all  0.3s ease;
}
.ffmail a:hover{
	border:#cf9f43 1px solid;
}
.ffoff a:hover{
	border:#39b1d5 1px solid;
}
.ffnews a:hover{
	border:#009944 1px solid;
}
.fffaq a:hover{
	border:#009944 1px solid;
}



.ff1{
	width:397px;
	float:left;
	margin:0 27px 0 0;
}
.ff2{
	width:397px;
	float:left;
	margin:0 27px 0 0;
}
.ff3{
	width:252px;
	float:left;
	margin:0 0 0 0;
}



/*フッターリンク*/
.ft_link_wrap{
	width:100%;
	background:#f4f4f4;
	padding-bottom:40px;
}

.ft_link_inner{
	width:1100px;
	margin:0 auto;
	padding:30px 0 0;
}


.ft_head{
	padding-bottom:30px;
	margin-bottom:30px;
	border-bottom:#e0e0e0 1px solid;
}
.ft_logo{
	width:208px;
	float:left;
	margin-right:50px;
}
.ft_txt{
	float:left;
}

/*フッターリンク*/

.link_box{
	width:210px;
	margin-right:10px;
	margin-bottom:50px;
	float:left;
}
.lb_title{
	font-size:18px;
	font-weight:bold;
	margin-bottom:5px;
}
.lb_title2{
	font-size:18px;
	font-weight:bold;
	margin-top:30px;
	margin-bottom:5px;
}
.lb_title3{
	font-size:18px;
	font-weight:bold;
	margin-bottom:20px;
}
.link_box li{
	line-height:200%;
}
.link_box a{
	transition: all  0.3s ease;
}
.link_box a:hover{
	color:#999;
	text-decoration:underline;
}

.ft_link .link_box:nth-child(5n+1) {
	clear:both !important;
}


/*フッターコピー*/

.ft_copy_wrap{
	width:100%;
	background:#5a5a5a;
	padding-bottom:90px;
}
.ft_copy_box{
	width:1100px;
	margin:0 auto;
}

.ft_copy{
	width:100%;
	font-size:12px;
	text-align:center;
	padding:15px 0;
	color:#FFF;
}

.spnonbr{
	display:inline;
}


.magazine_wrap{
}
.magazine_wrap a{
	display:block;
	width:250px;
	float:left;
	margin-right:10px;
	border:#FFF 1px solid;
	transition: all  0.3s ease;
}
.magazine_wrap a:last-child{
	margin-right:0px !important;
}
.magazine_wrap a:hover{
	border:#00a651 1px solid;
}







/*SP用display:none;■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

.sp_hd_wrap{
	display:none;
}
.slidemenu {
	display:none;
}
.SP_c2_panel_1{
	display:none;
}
.spbr{
	display:none;
}

.pc{
	display:block !important;
}
.sp{
	display:none !important;
}
/* ------------------------------画面の横幅が640px以下 (スマホ) ------------------------------*/
@media screen and (max-width:640px){


.pc{
	display:none !important;
}
.sp{
	display:block !important;
}



body{
	min-width:100%;
}

/*ヘッダー*/

.hd_wrap{
	display:none;
}
.hd_nav{
	display:none;
}


.bxslider li:nth-child(3){
	min-width:100%;
}
.bxslider li img{
	width:100%;
	height:auto;
}
.bx-pager{
	display:none;
}


/*スライドメニュー==================================*/


nav ul {
    list-style:none;
}

/*header*/
.sp_hd_wrap {
	display:block;
	color:#FFF;
	text-align:center;
    position: relative;
    width: 100%;
}

.sp_logo{
	width:55%;
	margin-left: 13%;
	float:none;
	padding:10px 5px;
}
.sp_logo h1{
	text-align:left;
}
.sp_logo img{
	width:100%;
	height:auto;
}



/*ロゴ*/
.sp_logo h1.logo{
	width:100%;
	float:none;
}
.sp_logo h1.logo a{
	width:100%;
	display:block;
	padding:5px 0;
	font-size:20px;
	color:#333;
	text-align:right;
	line-height:100%;
}
.sp_logo h1.logo a span{
	font-size:12px;
}
.sp_logo h1.logo a:hover{
	text-decoration:none;
}

/*.lang{
	width: 8.125%;
	height: 38.25%;
	position: absolute;
	display: block;
	top:23%;
	right:3%;
}*/
.lang{
	width: 20%;
	font-size: 80%;
	background: #fafafa;
	border: 1px #385682 solid;
	border-radius: 5px;
	padding: 3px 0;
	position: absolute;
	display: block;
	top: 27%;
	right:3%;
}
.lang img{
	width:100%;
	height:auto;
}


.button {
	width: 12.5%;
	height: 61.53%;
	position: absolute;
	display: block;
	background-repeat: no-repeat;
	background-image: url(/common_img/menu.png);
	background-position: center;
	border-radius:5px 0 0 5px;
	top:10%;
}
.button::after {
	content:"menu";
	text-align:center;
	display: block;
	margin-top: 65%;
	font-size: 10px;
	color: #000;
}
.menu-button-left {
    left: 0px;
}
.menu-button-right {
    right: 0px;
}

/*slidemenu*/
.slidemenu {
	display:block;
    background-color: #137f24;
}
.slidemenu li {
    list-style: none;
    border-top: 1px solid #1ba130;
    border-bottom: 1px solid #417000;
    font-size:14px;
    line-height: 1.8;
}
.slidemenu li a {
    padding:10px 0 10px 20px;
    display: block;
    text-decoration: none;
    color: #fff;
	transition: 0.3s;
}
.slidemenu li a:hover {
	background:#81bc2e;
}
.slidemenu li:first-child {
    border-top: none;
}
.slidemenu li:last-child {
    border-bottom: none;
}
.slidemenu .slidemenu-header {
    height: 49px;
    border-bottom: 1px solid #417000;
    box-shadow: 0 1px 3px rgba(34,25,25,.4);
    -moz-box-shadow: 0 1px 3px rgba(34,25,25,.4);
    -webkit-box-shadow: 0 1px 3px rgba(34,25,25,.4);
    background-color: #137f24;
}

.slidemenu .slidemenu-header div {
    padding: 17px 0px 0px 19px;
    text-decoration: none;
    color: #fff;
	font-weight:bold;
}


/*plugin*/
#main {
  z-index: 1;
}
.slidemenu {
  top: 0;
  width: 240px;
  position: fixed;
  visibility: hidden;
  z-index: -1;
}
.slidemenu .slidemenu-header {
  position: relative;
}
.slidemenu .slidemenu-body {
  height: 100%;
  overflow: hidden;
  position: relative;
}
.slidemenu .slidemenu-body .slidemenu-content {
  position: relative;
}
.slidemenu-left {
    left: 0;
}
.slidemenu-right {
    right: 0;
}

/* pager */
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    position: absolute;
    right: 0px !important;
    bottom: 0px !important;
    z-index: 2000;
}

/*///スライドメニューここまで==================================*/







/*footer*/


.link_box{
	width:100%;
	margin-right:0px !important;
	margin-bottom:0px;
	float:left;
}

.link_box ul{
	display:none;
}

.ft_link_right{
	width:100%;
	float:none;
	margin:0 auto;
}




.ft_link_box{
	width:80%;
	margin:0 auto;
	padding:25px 0;
}
.ft_link_box li{
	float:left;
	background:url(../images/arrow_2.png) left center no-repeat;
	padding-left:8px;
	font-size:14px;
	margin-right:20px;
	margin-bottom:20px;
}


.ft_copy_box{
	width:100%;
	margin:0 auto;
}

.ft_logo{
	display:none;
}
.ft_logo_sp{
	width:80%;
	float:none;
	margin:0 auto;
	display:block;
}
.ft_logo_sp img{
	width:100%;
}
.ft_copy{
	width:80%;
	float:none;
	font-size:12px;
	text-align:center;
	padding:20px;
	color:#FFF;
	margin:0 auto;
}



.ft_link_box{
	width:100%;
	margin:0 auto;
	padding:25px 0;
}

.ft_link_box ul{
	width:100%;
	float:left;
	margin-right:10px;
}
.ft_link_box ul.last{
	width:100%;
	float:left;
	margin-right:0;
}


.ft_link_box li{
	background:url(../images/arrow_2.png) left center no-repeat;
	padding-left:8px;
	font-size:14px;
	margin-right:20px;
	float:none;
	line-height:130%;
}
.ft_link_box ul ul{
	margin-left:20px;
}
.ft_link_box ul ul li{
	background:url(../images/arrow_3.png) left center no-repeat;
	padding-left:8px;
	font-size:14px;
	margin-right:20px;
	float:none;
	line-height:130%;
}
.ft_link_box a{
	color:#333;
}
.ft_link_box a:hover{
	color:#333;
	text-decoration:underline;
}


.lb_title{
	width:96%;
	font-size:18px;
	font-weight:bold;
	margin:0 auto 10px;
	padding:4px 0 4px 15px;
	background:url(../common_img/arrow_01.png) left center no-repeat;
}
.lb_title2{
	font-size:18px;
	font-weight:bold;
	margin:0 auto 10px;
	padding:4px 0 4px 15px;
	background:url(../common_img/arrow_01.png) left center no-repeat;
}
.lb_title3{
	font-size:18px;
	font-weight:bold;
	margin:0 auto 10px;
	padding:4px 0 4px 15px;
	background:url(../common_img/arrow_01.png) left center no-repeat;
}



	.spbr{
		display:inline;
	}
	.spnonbr{
		display:none;
	}






/* ---------------------------------------------------------------------
コンテンツ レイアウト
--------------------------------------------------------------------- */

.cont_wrap{
	width:100%;
	overflow: hidden;
}

.cont_wrap_inner{
	width:100%;
	margin:0 auto 0;
	padding-bottom:60px;
}

.cont_left{
	width:96%;
	margin:0 auto;
	float:none;
}

.cont_right{
	width:96%;
	margin:0 auto;
	float:none;
}

.info_title_wrap{
	margin: 0;
}

.info_title_wrap h2{
	width:auto;
	float:none;
	margin:0;
}

.info_title_wrap span.h2_en{
	float: none;
    padding: 14px 50px 0px 19px !important;
}

.info_title_wrap .info_list{
	display:none;

	width:55px;
	float:right;
	padding-top:10px;
}

.info_title_wrap #tab-menu {
	width:100%;
	float:none;
}



.ft_link_wrap{
	width:100%;
	background:#f4f4f4;
	padding-top:10px;
	padding-bottom:0px;
}

.ft_head{
	display:none;
}
.ft_link_inner{
	width:90%;
	margin:0 auto;
	padding:0px 0 10px;
}

.ft_copy_wrap{
	width:100%;
	background:#5a5a5a;
	padding-bottom:0px;
}

.ft_copy_box{
	width:100%;
	margin:0 auto;
}


/* ---------------------------------------------------------------------
pro_menu
--------------------------------------------------------------------- */
.pro_menu_inner{
	width:96%;
	margin:0 auto;
}
.pro_menu_wrap{
	display:none;

	width:100%;
	background:url(../common_img/top_green_bg.png) repeat;
	height:100%;
}

.pm_left{
	display:none;
}
.pm_right{
	width:100%;
	margin:0 auto;
	float:none;
	padding-top:10px;
}
.promenu div.pm3{
	width:48%;
	float:left;
}
.promenu div{
	width:48%;
	float:left;
}
.promenu div img{
	width:100%;
	height:auto;
}
.promenu div:last-child{
	clear:both;
}

/* ---------------------------------------------------------------------
ニュース
--------------------------------------------------------------------- */
.news_wrap dt{
	position: relative;
	clear:both;
	padding:4px 0 4px 15px;
	background:url(../common_img/arrow_01.png) left center no-repeat;
}
.news_wrap dt span{
	display:inline-block;
	width:100px;
	padding:0;
	text-align:center;
	font-size:13px;
	color:#FFF;
	margin-left:25px;
}

.news_wrap dd{
	margin-left:0;
	width:100%;
	padding:4px 0;
}
.news_wrap dd::after{
	clear:both;
}
.news_wrap dd a{
	background:none;
	padding-left:0px;
}


.news_date{
	width:100%;
	font-size:14px;
	background:#009944;
	color:#FFF;
	text-align:center;
	margin-bottom:15px;
	margin-top:15px;
	padding:3px;
	border-radius:5px;
}

.info_wrap{
	padding-bottom:0px;
}

/*タブ*/

.info_title_wrap #tab-menu div {
	margin-right:6px;
	margin-bottom:-1px;
	border-top:#dcd9d6 1px solid;
	border-left:#dcd9d6 1px solid;
	border-right:#dcd9d6 1px solid;
	border-bottom:#FFF 1px solid;
	float:left;
	display:block;
	text-align:center;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	padding:5px;
	cursor:pointer;
}

.info_title_wrap #tab-menu div:hover {
	margin-right:6px;
	margin-bottom:-1px;
	border-top:#dcd9d6 1px solid;
	border-left:#dcd9d6 1px solid;
	border-right:#dcd9d6 1px solid;
	border-bottom:#FFF 1px solid;
	float:left;
	display:block;
	text-align:center;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	padding:5px;
	cursor:pointer;
}
.info_title_wrap #tab-menu div.active {
	margin-right:6px;
	margin-bottom:-1px;
	border-top:#dcd9d6 1px solid;
	border-left:#dcd9d6 1px solid;
	border-right:#dcd9d6 1px solid;
	border-bottom:#FFF 1px solid;
	float:left;
	display:block;
	background:#FFF;
	text-align:center;
	color:#333;
	font-size:12px;
	font-weight:bold;
	padding:5px;
	transition: all  0.3s ease;
	cursor:default;
}



/* ---------------------------------------------------------------------
TOP製品一覧
--------------------------------------------------------------------- */
.cont_left h2{
	font-size:20px;
	border-left:5px #dfdfdf solid;
	padding:8px 0 12px 16px;
	font-weight:bold;
	margin:30px 0 20px;
}


.products_wrap {
	padding-bottom:0px;
}
.products_wrap ul li{
	width:48%;
	float:left;
	margin-right:0;
	margin-bottom:5px;
	border:#FFF 2px solid;
	transition: all  0.3s ease;
}
.products_wrap ul li:nth-child(3n+1){
	clear:none;
}
.products_wrap ul li:nth-child(3n+3){
	margin-right:0px;
}

.products_wrap ul li img{
	width:100%;
	height:auto;
}




/* ---------------------------------------------------------------------
バナー
--------------------------------------------------------------------- */


/*お問い合わせ*/
.inq_box{
	width:100%;
	border:#bdbcbd 1px solid;
	background:url(../common_img/inq_box_bg.png) repeat;
	padding-top:5px;
	padding-bottom:9px;
	margin:30px auto 20px;
}
.inq_box div:first-child{
	width:221px;
	margin:0 auto 15px;
}
/*.inq_box div:nth-child(2){
	width:226px;
	margin:0 auto 10px;
}*/
.inq_box div{
	width:221px;
	margin:0 auto 10px;
}




/*バナー*/

/*.bnr_area .bnr{
	width:90%;
	margin:0 auto 20px;
	text-align:center;
}*/
.bnr_area .bnr:nth-child(odd){
	width:48%;
	margin:0 2% 20px 0;
	text-align:center;
	float:left;
}
.bnr_area .bnr:nth-child(even){
	width:48%;
	margin:0 0 20px 2%;
	text-align:center;
	float:left;
}
.bnr_area .bnr img{
	width:100%;
	height:auto;
}

/*固定フッター*/

.fixed_ft_wrap{
	position:static;
	bottom:0;
	width:100%;
	height:auto;
	background:#f4f4f4;
}
.fixed_ft{
	width:100%;
	margin:0 auto;
	padding:10px 0;
	display: block;
}
.fixed_ft>div{
	width: 100%;
}
.fixed_ft img {
	width: 100%;
}
.fixed_ft a{
	display:block;
	border:#ebebeb 1px solid;
	transition: all  0.3s ease;
	margin: 5px 20px;
}
.ffmail a:hover{
	border:#cf9f43 1px solid;
}
.ffoff a:hover{
	border:#39b1d5 1px solid;
}
.ffnews a:hover{
	border:#009944 1px solid;
}
.fffaq a:hover{
	border:#009944 1px solid;
}



.ff1{
	width:90%;
	float:none;
	margin:0 auto 10px;
}
.ff2{
	width:90%;
	float:none;
	margin:0 auto 10px;
}
.ff3{
	width:90%;
	float:none;
	margin:0 auto 10px;
}

.ff1 img,.ff2 img,.ff3 img{
	width:100%;
	height:auto;
}





.products_wrap ul li .new_on{
	position:absolute;
	z-index:100;
	margin-bottom:0px;
	right:10px;
	padding-top:0px;
}
.products_wrap ul li .new_on img{
	width:31px !important;
}



.magazine_wrap a{
	display:block;
	width:250px;
	float:none;
	margin:0 auto 15px auto;
	border:#FFF 1px solid;
	transition: all  0.3s ease;
}














}


/* ---------------------------------------------------------------------
イラストメニュー追加
--------------------------------------------------------------------- */
.top_img_new{
 position:relative;

}
.top_img_new .pc_view{
 display:block;

}
.top_img_new .sp_view{
 display:none;
}

top_img_new area{
  border:none;
  outline:none;
  }

@media screen and (max-width:640px){
  .top_img_new{width:100%;}

  .top_img_new .pc_view{
   display:none;
  }
  .top_img_new .sp_view{
   display:block;
  }
  
  .top_img_new  img{
   width:100%;
   border:none;
  }
  
  .top_img_new  a{
    border:none;
    outline:none;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
  }

}

/* ---------------------------------------------------------------------
イラストメニュー座標
--------------------------------------------------------------------- */

.top_img_new  .mark{
   display:inline-block;
   position:absolute;
   z-index: 2;
   
  }
.top_img_new  .balloon{
   display:inline-block;
   position:absolute;
   z-index: 2;
   
  }

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

 .top_img_new  .mark{
  display:none;
 }
 .top_img_new  .balloon{
   display:none;
 }
}


/*   各部 普通車
--------------------------------- */  
  
  .top_img_new .mark.no01_01{
   top: 45px;
   left: 109px;
  }
  .top_img_new .mark.no01_02{
    top: 213px;
    left: 72px;
   
  }
  .top_img_new .balloon.no01_01{
   top: 15px;
    left: 87px;
   opacity:0;
  }
  .top_img_new .balloon.no01_02{
    top: 185px;
    left: 46px;
   opacity:0;

  }
  
  
  .top_img_new .mark.no02_01{
   
    top: 80px;
    left: 219px;
   
  }
  .top_img_new .mark.no02_02{
    top: 61px;
    left: 186px;
  }
  .top_img_new .mark.no02_03{
    top: 212px;
    left: 185px;
  }
  
  .top_img_new .balloon.no02_01{
   top: 43px;
    left: 198px;
    opacity:0;
    z-index:3;
  }
  .top_img_new .balloon.no02_02{
   top: 20px;
   left: 164px;
   opacity:0;
  }
  .top_img_new .balloon.no02_03{
   top: 174px;
    left: 150px;
    opacity:0;
  }
 
  .top_img_new .mark.no03_01{
   top: 60px;
    left: 327px;
   
  }
  .top_img_new .mark.no03_02{
    top: 102px;
    left: 432px;
  }
  .top_img_new .mark.no03_03{
    top: 68px;
    left: 475px;
  }
  .top_img_new .mark.no03_04{
    top: 148px;
    left: 329px;
  }
  .top_img_new .mark.no03_05{
    top: 203px;
    left: 281px;
  }
  
  .top_img_new .balloon.no03_01{
    top: 17px;
    left: 299px;
    opacity:0;

  }
  .top_img_new .balloon.no03_02{
  top: 60px;
    left: 411px;
   opacity:0;
  }
  
  .top_img_new .balloon.no03_03{
    top: 26px;
    left: 448px;
   opacity:0;
  }
  .top_img_new .balloon.no03_04{
       top: 108px;
    left: 299px;
    opacity:0;
  }
  .top_img_new .balloon.no03_05{
    top: 177px;
    left: 246px;
    opacity:0;
  }
  
  .top_img_new .mark.no04_01{
    top: 202px;
    left: 373px;
   
  }

  .top_img_new .balloon.no04_01{
    top: 159px;
    left: 348px;
    opacity:0;

  }
 .top_img_new .mark.no05_01{
   top: 222px;
   left: 466px;
  }
  .top_img_new .mark.no05_02{
    top: 165px;
    left: 425px;
   
  }
  
  
  .top_img_new .balloon.no05_01{
   top: 194px;
    left: 436px;
   opacity:0;

  }
  .top_img_new .balloon.no05_02{
    top: 136px;
    left: 395px;
    opacity:0;
  }

  .top_img_new .mark.no06_01{
    top: 91px;
    right: 235px;
   
  }
  .top_img_new .mark.no06_02{
    top: 160px;
    right: 270px;
  }
  .top_img_new .mark.no06_04{
    top: 160px;
    right: 174px;
  }
  .top_img_new .mark.no06_03{
    top: 207px;
    right: 215px;
  }
  
  .top_img_new .balloon.no06_01{
   top: 52px;
    right: 213px;
    opacity:0;

  }
  .top_img_new .balloon.no06_02{
    top: 118px;
    right: 243px;
    opacity:0;
    
  }
  .top_img_new .balloon.no06_04{
    top: 118px;
    right: 148px;
    opacity:0;
    
  }
  .top_img_new .balloon.no06_03{
   top: 169px;
   right: 176px;
   opacity:0;
  }

  .top_img_new .mark.no07_01{
    top: 186px;
    right: 111px;
   
  }
  
  .top_img_new .balloon.no07_01{
    top: 160px;
    right: 94px;
   opacity:0;

  }

/*   各部 大型
--------------------------------- */  

  .top_img_new .mark.no11_01{
  top: 218px;
  left: 72px;
   
  }
  .top_img_new .mark.no11_02{
   top: 30px;
   left: 167px;
  }
  
  .top_img_new .balloon.no11_01{
   top: 192px;
   left: 46px;
   opacity:0;
  }
  .top_img_new .balloon.no11_02{
   top: 2px;
   left: 146px;
   opacity:0;
  }
  

  .top_img_new .mark.no12_01{
    top: 202px;
    left: 191px;
  }
  .top_img_new .mark.no12_02{
   top: 115px;
   left: 165px;
  }
  .top_img_new .mark.no12_03{
   top: 102px;
   left: 238px;
  }
  
  .top_img_new .balloon.no12_01{
   top: 172px;
   left: 168px;
   opacity:0;
  }
  .top_img_new .balloon.no12_02{
   top: 71px;
   left: 136px;
   opacity:0;
  }
  
  .top_img_new .balloon.no12_03{
   top: 74px;
   left: 215px;
   opacity:0;
  }
  
  .top_img_new .mark.no13_01{
  top: 155px;
  left: 297px;
  }
  .top_img_new .mark.no13_02{
   top: 53px;
   left: 305px;
  }
  .top_img_new .mark.no13_03{
   bottom: 39px;
   left: 281px;
  }
  .top_img_new .mark.no13_04{
   top: 98px;
   left: 312px;
  }

  .top_img_new .balloon.no13_01{
   top: 125px;
   left: 261px;
   opacity:0;
  }
  .top_img_new .balloon.no13_02{
   top: 10px;
   left: 289px;
   opacity:0;
  }
  .top_img_new .balloon.no13_03{
   bottom: 53px;
   left: 256px;
   opacity:0;
  }
  .top_img_new .balloon.no13_04{
   top: 55px;
   left: 291px;
   opacity:0;
   display:none;
  }
  .top_img_new .balloon.no13_04.block{
   display:block;
   z-index:3;
   opacity: 1;
   transition: 0.5s ease-in-out;
  }
  
  .top_img_new .mark.no14_01{
   top: 147px;
   left: 398px;
  }
  .top_img_new .mark.no14_02{
   top: 55px;
   left: 398px;
  }
  .top_img_new .mark.no14_03{
    bottom: 26px;
    left: 365px;
  }
  .top_img_new .mark.no14_04{
   bottom: 25px;
   left: 441px;
  }
  
  .top_img_new .balloon.no14_01{
   top: 118px;
   left: 374px;
   opacity:0;
  }
  .top_img_new .balloon.no14_02{
   top: 25px;
   left: 376px;
   opacity:0;
  }
  
  .top_img_new .balloon.no14_03{
   bottom: 42px;
   left: 341px;
   opacity:0;
  }
  .top_img_new .balloon.no14_04{
   bottom: 42px;
   left: 418px;
   opacity:0;
   
  }
  

  .top_img_new .mark.no15_01{
   top: 136px;
   left: 475px;
  }
  .top_img_new .mark.no15_02{
   top: 85px;
   right: 304px;
  }
  .top_img_new .mark.no15_03{
   top: 149px;
   right: 236px;
  }
  .top_img_new .mark.no15_04{
   top: 210px;
   right: 288px;
  }
  
  .top_img_new .balloon.no15_01{
   top: 107px;
   right: 286px;
   opacity:0;
  }
  .top_img_new .balloon.no15_02{
   top: 43px;
   right: 269px;
   opacity:0;
  }
  .top_img_new .balloon.no15_03{
   top: 121px;
   right: 204px;
   opacity:0;
  }
  .top_img_new .balloon.no15_04{
   top: 167px;
   right: 255px;
   opacity:0;
  }


  .top_img_new .mark.no16_01{
   top: 219px;
   right: 179px;
  }

  
  .top_img_new .balloon.no16_01{
   bottom: 53px;
   right: 144px;
   opacity:0;
  }


  .top_img_new .mark.no17_01{
    top: 122px;
    right: 154px;
  }
  .top_img_new .mark.no17_02{
   bottom: 66px;
   right: 110px;
  }
  .top_img_new .mark.no17_03{
   bottom: 67px;
   right: 22px;
  }
  
  .top_img_new .balloon.no17_01{
   top: 97px;
   right: 139px;
   opacity:0;
  }
  .top_img_new .balloon.no17_02{
   bottom: 82px;
   right: 86px;
   opacity:0;
  }
  .top_img_new .balloon.no17_03{
    bottom: 82px;
    right: -2px;
    opacity:0;
  }


  /* タグリスト */
  .pc .widget .widget-content .tag-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
  }
  .pc .widget .widget-content .tag-list li {
	text-align: center;
  }
  .pc .widget .widget-content .tag-list li:after {
	content: ",";
  }
  .pc .widget .widget-content .tag-list li:last-child:after {
	content: "";
  }