@charset "UTF-8";
/* CSS Document 
logo 007517*/




/*2019追記*/

body,ul, ol,h1, h2, h3, h4, h5, h6{
    font-family: PingFangSC-Light,helvetica neue,hiragino sans gb,arial,microsoft yahei ui,microsoft yahei,simsun,sans-serif;
}
.download_btn {
	-moz-box-shadow: 0px 1px 0px 0px #fff6af;
	-webkit-box-shadow: 0px 1px 0px 0px #fff6af;
	box-shadow: 0px 1px 0px 0px #fff6af;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
	background: -moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background: -webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background: -o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background: -ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);
	background-color: #ffec64;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #ffaa22;
	display: inline-block;
	cursor: pointer;
	color: #333333;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	text-shadow: 0px 1px 0px #ffee66;
	text-align: center;
	display: block;
	width: 42%;
	float: left;
	margin-left: 6%;
	height: 30px;
	line-height: 30px;
	text-decoration: none;
	background-position: bottom;
}
.download_btn:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
	background:-moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64',GradientType=0);
	background-color:#ffab23;
}
.download_btn:active {
	position:relative;
	top:1px;
}
.download_btn:last-child{
	
	margin-left: 4%;
}
.download_btn_nowidth {
	width: auto;
	float: none;
	margin-left: auto;
	margin-bottom: 1.2em;
}
.download_btn_nowidth:last-child {
    margin-left: 0%;
}
.content_list .no_line_height{
	line-height: normal;
	padding-top: 8px;
	padding-bottom: 8px;
}
.small_text{
	font-size: 11px!important;
	line-height: 10px!important;
}
.com_img{
	height: auto;
	width: 200px;
}
/*201908　追記*/
img{
	max-width: 100%;
	height: auto;
}
video{
	max-width: 100%;
	height: auto;
}
/*201908class*/

.white_line {
    text-shadow: white 1px 0px, white -1px 0px, white 0px -1px, white 0px 1px, white 1px 1px , white -1px 1px, white 1px -1px, white -1px -1px, white 1px 1px, white -1px 1px, white 1px -1px, white -1px -1px, white 1px 1px, white -1px 1px, white 1px -1px, white -1px -1px;
}

.p_headline_line {
	font-size: 36px;
	font-family: Arial, Helvetica, sans-serif;
	position: relative;
	display: inline-block;
	padding-top: 4em;
	font-weight: bold;
	text-transform: uppercase;
}
.p_headline_line::before {
    content: '';
    position: absolute;
    display: inline-block;
    width: 3px;
    height: 120px;
    left: 50%;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #333;
    bottom: 1.4em;
}.headline_line {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 10px;
		text-align: center;

}
/*201908トップページデザイン変更*/


.company_box {
	background-color: #B3D6B8;
	border-radius: 10px;         /* CSS3 */
	-moz-border-radius: 10px;    /* Firefox */
	-webkit-border-radius: 10px;
}
.bk_img01 {
	background-size: cover;
	
	background-image: url(../images/240_F_85627867_13mOopyZGgR22r6IF6k6OMH1cxwPDq65.jpg);
}
.bk_img02 {
	background-size: cover;
	
	background-image: url(../images/240_F_188786111_TRdE47n6G75rHLU57VXKp2wap2xr2RCM.jpg);
}
/*201908プロダクトページデザイン変更*/
.label-danger {
    background-color: #d9534f;
}.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}
.panel-default > .panel-heading {
    background-image: -webkit-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);
    background-image: -o-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#e8e8e8));
    background-image: linear-gradient(to bottom,#f5f5f5 0,#e8e8e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
    background-repeat: repeat-x;
}
.panel-title {

    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;

}.panel {
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
	box-shadow: 0 1px 2px rgba(0,0,0,.05);
}.panel-default {
    border-color: #ddd;
}.panel-body {
    padding: 15px;
}
/*201908 contact*/

.com_mail a:before{
content: '>' ;  font-family: FontAwesome;
  padding-right:0.3em;}
	.com_mail a {
	border-radius: 10px;         /* CSS3 */
	-moz-border-radius: 10px;    /* Firefox */
	-webkit-border-radius: 10px;
	display: block;
	position: relative;
	text-align: center;
	text-decoration: none;
	color: #fff;
	border: 1px solid #8BC34A;
	overflow: hidden;
	z-index: 1 !important;
	padding: 0.8em;
	width: 140px;
}
.com_mail a:after {
	content:"";
	position: absolute;
	top: 50%;
	left: 50%;
	height: 0;
	width: 100%;
	background : #fff;
	opacity: 0;
	transform: translateX(-50%) translateY(-50%) rotate(45deg);
	transition: 0.3s;
	z-index: -1;
}
.com_mail a:hover {
	color: #da3c41;
}
.com_mail a:hover:after {
	height: 250%;
	opacity: 1;
}
.com_mail a:active:after {
	height: 350%;
	opacity: 1;
}
.btn1 {
	background-color: rgba( 255, 255, 255, 0.8 );
	margin-right: auto;
	margin-left: auto;
	color: #000!important;
}
.btn2 {
	float: right;
	background-color: #007615;
	
}
.headline_line2 {
	padding: .55em 1em;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#7d7e7d+0,0e0e0e+100;Black+3D */
background: rgb(125,126,125); /* Old browsers */
background: -moz-linear-gradient(top, rgba(125,126,125,1) 0%, rgba(14,14,14,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */
border-radius: 10px;         /* CSS3 */
	-moz-border-radius: 10px;    /* Firefox */
	-webkit-border-radius: 10px;	font-size: 16px;
	color: #FFF;
}
.p_headline_line2{
	font-size: 10px;
	margin-left: 10px;
}

.footer p{
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
.icp{
	background-image: url(../images/icp.gif);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
	padding-left: 1.2rem;
	margin-left: 1rem;

}

.header_new{
	background: #09b355;
background: -moz-linear-gradient( #09b355 0%, #006a39 75%, #09b355 100%);
background: -webkit-gradient(linear, left top, left bottom, from(#09b355), color-stop(75%, #006a39), to(#09b355));
background: -webkit-linear-gradient( #09b355 0%, #006a39 75%, #09b355 100%);
background: -o-linear-gradient( #09b355 0%, #006a39 75%, #09b355 100%);
background: linear-gradient( #09b355 0%, #006a39 75%, #09b355 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#09b355, endColorstr=#09b355,GradientType=0 );}
.navbar-brand img{
	height: auto;
	width: 250px;
}#navbar-sample{
		border-radius: 10px;         /* CSS3 */

	-moz-border-radius: 10px;    /* Firefox */

	-webkit-border-radius: 10px;
background: #bdbdbd;
background: -moz-linear-gradient( #ffffff 0%, #bdbdbd 100%);
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#bdbdbd));
background: -webkit-linear-gradient( #ffffff 0%, #bdbdbd 100%);
background: -o-linear-gradient( #ffffff 0%, #bdbdbd 100%);
background: linear-gradient( #ffffff 0%, #bdbdbd 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#ffffff, endColorstr=#bdbdbd,GradientType=0 );}
.navbar-nav a{
	color: #007517;
	font-weight: bold;
	
}.nav-link{

position: relative;}
.nav-link:before{
	position: absolute;
	content: "|";
	
	right: 0px;
	top: 1rem;
}

.nav_menu:last-child .nav-link:before{	content: "";
}
.dropdown-menu .nav-link:before{
	content: "";
}
.nav_menu:hover{
	border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px;
	background: #09b355;
	background: -moz-linear-gradient( #09b355 0%, #006a39 75%, #09b355 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#09b355), color-stop(75%, #006a39), to(#09b355));
	background: -webkit-linear-gradient( #09b355 0%, #006a39 75%, #09b355 100%);
	background: -o-linear-gradient( #09b355 0%, #006a39 75%, #09b355 100%);
	background: linear-gradient( #09b355 0%, #006a39 75%, #09b355 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#09b355, endColorstr=#09b355,GradientType=0 );	
color: #FFF;
}

.nav_menu:hover a,
.nav_menu:hover a .text-menu_muted{
	color: #FFF;
}
.text-menu_muted {
    color: #6c757d;
    display: block;
}
.dropdown-menu{
	background-color: #B2D6B8;
	}
	
	.dropdown-menu a{
	color: #666!important;
	font-weight: normal;
}
.dropdown-menu a:hover{
	background-color: #007517;
		color: #fff!important;

	}
	.navbar-toggler {
    color: rgba(0,0,0,.5);
    border-color: rgba(0,0,0,.1);
}
.navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
    /* 公司介绍 page style */

.map a {
    color: #000;
}
.fuhao {
    color: #007614;
}
.line_bg1 {
    background: #E6F2E8;
}
.line_bg2 {
    background: #B2D6B8;
}
.key {
	margin-left: 10px;
	margin-right: 10px;
	font-size: small;
}
.com_img {
    height: auto;
    max-width: 200px;
}
.content_img img{
	margin-top: 1rem;
	margin-right: 1rem;
}.sub_title {
	background: url(../manufacture/manufacture_pic/img_title.gif) left no-repeat;
	padding-left: 24px;
	font-size: medium;
}
.title_n {
	background: url(../contact/contact_pic/contact_us_bg_title.gif) left no-repeat;
	padding-left: 1rem;
	font-size: 1rem;
	color: #EA6000;
	font-weight: bold;
}
.content_n {
    background: url(../contact/contact_pic/contact_us_bg_content.gif) left repeat-y;
 padding-left: 1rem;
  
}
.img100{
	height: auto;
	width: 100%;
}

    /* メガメニュープロダクトリストstyle */
.megamenu_products_list img{
	height: 35px;
	width: auto;
	max-width:100%;
			margin-bottom: 2%;

}.megamenu_products_list ul{
	padding: 0px;
}
.megamenu_products_list li{
	font-size: small;
		margin-bottom: 2%;

}
.megamenu_products_list li li{
	font-size: x-small;
	display: block;
	float: left;
	width: 48%;
	margin-right: 2%;
}

.megamenu_products_list li a{
	font-weight: bold;
	list-style-type: square;

	clear: both;
	font-weight: bold;
}
.megamenu_products_list li{
	float: none;
}
.megamenu_products_list li li a{
	font-weight: normal;

}
.megamenu_products_list li a{
	text-decoration: underline;
}
    /* 各製品ページstyle */
.div_body h1 {
	color: #696969;
	font-size: 15px;
	font-weight: 700;
	text-align: left;
	text-indent: 1em;
	margin: 0 0 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	vertical-align: middle;
	background: -moz-linear-gradient(top, hsla(0,0%,0%,0) 0%, hsla(0,0%,0%,0) 2%, hsla(0,0%,0%,0.12) 100%);
	background: -webkit-linear-gradient(top, hsla(0,0%,0%,0) 0%,hsla(0,0%,0%,0) 2%,hsla(0,0%,0%,0.12) 100%);
	background: linear-gradient(to bottom, hsla(0,0%,0%,0) 0%,hsla(0,0%,0%,0) 2%,hsla(0,0%,0%,0.12) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#1f000000',GradientType=0 );
	border-top-width: 3px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #f66;
	border-bottom-color: #d0d4d8;;
}
.product_each h2 {
	margin-top: 20px;
	margin-bottom: 10px;
	color: #696969;
	font-size: 13px;
	font-weight: 700;
	background-image: url(../top_pic/brbg_2.gif);
	background-repeat: repeat-x;
	text-align: left;
	text-indent: 1em;
	padding-top: 6px;
	padding-bottom: 10px;
	vertical-align: middle;
	clear: both;
}
.page_products_list li{
	width: 16%;
	margin-bottom: 1%;
	list-style-type: none;
	float: left;
}
.page_products_list li li{
	width: 100%;
	margin-bottom: 0%;
}
.page_products_list img{	margin-bottom: 0%;
}
.table {
	margin-bottom: 3rem;
}.table-bordered {
    border: none;
}
.product_each table {

    text-align: center;

}
.product_each table tr th {

    background-color: #B2D6B8;

}.main_content .products_list ul {
	padding: 0px;
}
.main_content .products_list ul li {
	background-color: #99FF99;
	line-height: 42px;
	color: #060;
	text-indent: 7px;
	list-style-type: none;
}
.main_content .products_list ul li ul li {
    background-color: #FFF;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #666;
    margin-left: 3px;
}
.main_content .products_list ul li a {
  
    color: #060;
}
.NEW {
    font-size: 10px;
    font-weight: bold;
    color: #FF9;
    background-color: #F00;
    text-align: left;
    text-indent: 2px;
    padding-left: 2px;
    padding-right: 2px;
    margin-left: 5px;
    font-family: Arial, Helvetica, sans-serif;
    font-style: oblique;
}
.product_each .table tr td a {
    display: block;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
vertical-align: middle;
}
.table_sub_header {
	
	background-color: #B2D6B8;
}
.product_box {
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background: #e1e1e1;
	background: -moz-linear-gradient( #ffffff 0%, #e1e1e1 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e1e1e1));
	background: -webkit-linear-gradient( #ffffff 0%, #e1e1e1 100%);
	background: -o-linear-gradient( #ffffff 0%, #e1e1e1 100%);
	background: linear-gradient( #ffffff 0%, #e1e1e1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#ffffff, endColorstr=#e1e1e1,GradientType=0 );
	padding: 2rem;
	min-height:285px;
	position: relative;
		margin-bottom: 2rem;

	}
.product_box img {
	text-align: center;
	display: block;
	margin-right: auto;
	margin-left: auto;
	margin-top: 2rem;
}
.bottom_text {
	position: absolute;
	bottom: 2rem;
left: 0;
  right: 0;
  margin: auto;
      }
	 .bottom_text:hover {
     -webkit-filter: hue-rotate(330deg);
     -moz-filter: hue-rotate(330deg);
     -o-filter: hue-rotate(330deg);
     -ms-filter: hue-rotate(330deg);
     filter: hue-rotate(330deg);}
	 /* 20191023追記 */
	.list-group-item { word-break: break-all;}
	.youku{
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 75%;
	margin-bottom: 2rem;
}
.youku iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
/* 201910追記　メガメニュー　breakpoint and up - mega dropdown styles */
@media screen and (min-width: 992px) {
  


/* makes the dropdown full width  */
.navbar .dropdown {position:static;}

.navbar .dropdown-menu {
  width:100%;
  left:0;
  right:0;
/*  height of nav-item  */
  top:70px;
}
  
  /* shows the dropdown menu on hover */
.navbar .dropdown:hover .dropdown-menu, .navbar .dropdown .dropdown-menu:hover {
  display:block!important;
}
  
  .navbar .dropdown-menu {
    border: 1px solid rgba(0,0,0,.15);
    background-color: #fff;
  }

}
@media only screen and (min-width : 768px) {
    /* デスクトップ表示ではホバー操作でドロップダウンを表示 */
    .dropdown:hover .dropdown-menu {
        display: block;
    }
	    /* ドロップダウンマークを非表示 */

	.dropdown-toggle::after {
    display: none;

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

.navbar-brand img {
    height: auto;
    width: 150px;
}
.nav-link:before{
	content: "";
	
}
	    /* ドロップダウンマークを表示 */

.dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}
.main_content .products_list{
	display: none;
}

}

@media only screen and (max-width : 767px) {
		    /* 202111追記 */


.bottom_text {
	position: static!important;	
      }

.download_btn{
	width: 100%;
	margin-left: auto;
	margin-bottom: 0.5em;
}

.download_btn:last-child {
	margin-left: auto;
}





}
/* --202305追記-- */
.movie_area{
	margin-bottom: 1em;
}
/* --YouTubeサイズ調整-- */
.You_Tube {
position: relative;
height: 0;
padding: 30px 0 56.25%;
overflow: hidden;
}

.You_Tube iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}		    /* 202207 TW Style追記 */

.bg_contact{
	background-image: url(../contact/contact_pic/img_semi.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}