@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    0.0.5
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/


@media all and (-ms-high-contrast: none) {
	
main img{
 width: 100% !important;
 height: auto !important;
}

.sidebar img{
 width: 100% !important;
 height: auto !important;
}

}
	
/* グローバルメニュー */	
@media screen and (min-width: 1069px) {

#navi-in {width: 100%;}

}

.navi-in > ul {
  padding: 0;
  margin:0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
  /*サブメニュー*/
}

.navi-in > ul li {
  display: inline-block;
  width: auto;
  height: 60px !important;
  line-height: 40px !important;
}

.navi-in > ul li:first-child{}

.navi-in > ul li:hover > ul {display: block;}

.navi-in > ul .menu-item-has-description > a > .caption-wrap {
  line-height: 21.4285714286px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  height:60px;
}

.navi-in a {
  color: #333;
  text-decoration: none;
  display: block;
  font-size: 0.87em;
  padding:10px 20px 10px 20px;
}

.navi-in a:hover {
  background-color: #f5f8fa;
  transition: all 0.5s ease;
  color: #333;
}

.navi-in a:hover > ul {
  display: block;
}




/* ヘッダー */

.header-in {
  display: block;
  flex-direction: column;
  justify-content: flex-start;
}

.logo {
  text-align: left;
  float:left;
}

.headch{float:right;padding:20px 10px 0 0; margin:0}
.headen{float:right;padding:20px 10px 0 0; margin:0}

.logo-image{padding:20px 0 0 0;}

.headtel{float:right;padding:20px 10px 0 0; margin:0}

.headtel p{font-size:1.47em; font-weight:bold; padding:0; margin:0; line-height:100%}

.headtel i{margin-right:5px;}

.headtel span { display:block;font-size:0.73em;padding:0; margin:0}


.headtoi{float:right; padding:20px 10px 20px 0;}

.headtoi a{
	display:inline-block;
	background-color:#00bba9;
	color:#fff;
	font-weight:bold;
	padding:10px;
	border-radius:7px;
	text-decoration:none;}

.headtoi a:hover{background-color:#000;}

.translate{float:right; padding:30px 20px 0 0;}

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

.headtel{display:none;}

.headtoi{display:none;}

.translate{display:none;}
  
.headch{display:none;}
  
.headen{display:none;}  

}





/*サイドメニュー*/

#sow-image-2{ margin:0 0 1em 0 !important; padding:0 !important;}

#sow-image-3{ margin:0 0 1em 0 !important; padding:0 !important;}

#sow-image-4{ margin:0 0 1em 0 !important; padding:0 !important;}

#sow-image-container{margin-bottom:0 !important; padding-bottom:0 !important;}

.so-widget-image{margin-bottom:0 !important; padding-bottom:0 !important;}

#sidebar{margin-top:17px !important;}

.widget_nav_menu{
	margin:0 0 1em 0 !important;
	padding:0;
  border-top:1px solid #000;
	border-bottom:1px solid #000;
	}


.widget_nav_menu ul {
  padding: 0;
  list-style: none;}

.widget_nav_menu ul li ul {
  padding-left: 20px;}


.widget_nav_menu ul li{
	font-size:14px;
	border-bottom:1px solid white;
	}

.widget_nav_menu ul li:last-child{
	border-bottom: none !important;
	}	

.widget_nav_menu ul li a {
  text-decoration: none;
  padding:3px 5px;
  display: block;
  background-color:#cbe2df;
  color:#000;
}

.widget_nav_menu li:before{
	content: '\f0a9';
	   font-family: "FontAwesome";
	   color:#000;
	   margin:0 0.5em 0 0.5em;
	   float:left;
	   position:relative;
	   top:6px;
    color:#008275;
	   }

.widget_nav_menu li:hover:before {color:#fff;}

.widget_nav_menu ul li a:hover {
  background-color: #0F0F0F;
  transition: all 0.5s ease;
  color: #fff;
}

.widget_nav_menu ul li a .post-count {
  display: block;
  float: right;
}

.widget_nav_menu .sub-menu{padding-left:0;}

.widget_nav_menu .sub-menu li{ font-size:14px; font-weight:normal; border-bottom:1px solid #b9dad9 !important;}

.widget_nav_menu .sub-menu li a{ background-color:#fff; color:#000; text-decoration:none;margin:0 !important; }


.widget_nav_menu .sub-menu li:before{
	content: '\f105';
	   font-family: "FontAwesome";
	   color:#000;
	   margin:0 0.5em 0 1em;
	   float:left;
	   position:relative;
	   top:6px;
	   }

.widget_nav_menu .sub-menu li:hover:before {color:#fff;}
	
	
	
	
	
/*フッター*/
	   
.footer { background-color:#333333; color:#fff;}	   

.footer-center .widget{margin-bottom:0 !important;}

.footer-bottom{margin-top:0 !important;}

.footer-bottom-content{ margin-bottom:1em !important;}




/* アピールエリア(フロントページ：スライダー) */

@media screen and (min-width: 1069px) {

.appealimg{ width:1069px; margin:0 auto;}
	
}

.appealimg img{     
    width:auto;
    height:auto;
    max-width:100%;
    max-height:100%;
	}

.content{ margin-top:0 !important;}

#post-13 .article-header{display:none !important;}





/* フロントページ：ｈ２ */

#post-13 .panel-layout h2{
	border:0;
	background-color:#000; 
	color:#fff; 
	border-bottom:1px solid #000 !important; 
	border-right:none !important; 
	border-left:none !important; 
	padding:10px !important; 
	border-top:1px solid #00d4c0 !important; 
	margin-bottom:0px !important; 
	margin-top:0px !important;
	}


.kadomaru{
	border:2px solid #385d8a;
	border-radius:5px;
	padding:0px 5px;
	background:#fff;
	white-space: nowrap;
	}

#content-in h2 a{
  color:#fff;
  text-decoration:none;
  display:block;
}


/* フロントページ：新着情報 */

.news_list .cat{font-size:0.87em; padding:0 4px !important; border-radius:0;}
 
 
.news_list .seihin{background:#CBE8EC !important;}

.news_list .kanetsu{background:#CBE8EC !important;}

.news_list .senjyo{background:#CBE8EC !important;}

.news_list .kakuhan{background:#CBE8EC !important;}

.news_list .reikyaku{background:#CBE8EC !important;}

.news_list .senshoku{background:#CBE8EC !important;}


.news_list .oem{background:#E2DFEF !important;}


.news_list .buhin{background:#FCE2CB !important;}

.news_list .bunya{background:#D4DAD4 !important;}

.news_list .work{background:#CAE2F3 !important;}

.news_list .jitsurei{background:#ccc !important;}

.news_list .company{background:#ccc !important;}

.news_list .work{background:#ccc !important;}

.news_list .news-info{background:#E1EFD5 !important;}


.news_list .news_date{ margin-right:0.5em; color:#000000; font-size:0.87em;}

.news_list li{ list-style:none !important;}

.news_list li{ border-bottom:1px dotted gray; padding:5px;}

.news_list .news_title{display:block;}





/* 基本設定 */

.article ul{padding-left:0 !important;}

.article ol{padding-left:0 !important;}

#content-in h2{ 
	padding:0.5em 0.5em;
	background-color:#666666;
  color:#fff;
	}

#content-in h3{ 
	background:#fff;
	border:1px solid #008275;
	padding:0.4em 0.5em; 
	font-size:15px;
	color:#008275;
	background-color:#F2F2F2;}
	

.buhin1 h4{
	border:none !important;
	font-size:12px !important;
	padding:0.25em 0 !important;
	margin:0 !important;}	
	
	
.article-header h1 {
position: relative;
padding: .5em;
}

.article-header h1:before,
.article-header h1:after {
position: absolute;
left: 0;
content: '';
width: 100%;
height: 5px;
box-sizing: border-box;
}

.article-header h1:before {
top: 0;
border-top: 2px solid #808080;
border-bottom: 1px solid #808080;
}

.article-header h1:after {
bottom: 0;
border-top: 1px solid #808080;
border-bottom: 2px solid #808080;
}


/* カスタムフィールド */

.seihincustom h2{
  border-left:15px solid #008275;
  background-color: #dedede !important;
  font-size: 20px !important;
  padding:0.3em !important;
  margin-bottom:1em !important;
  color:#333333 !important;
  }
  
@media screen and (max-width: 600px) {   

.seihincustom h2{
  font-size: 18px !important;}

}
.seihin01 p{text-align:center;}

.seihin01 {margin-bottom:50px;}


.setsumei02{margin-bottom:50px;}

.setsumei02 div{margin-left:1em;}


.setsumeiimg02 p{text-align:center;}
.setsumeiimg02 {margin-bottom:50px;}



.tokutyou03{margin-bottom:50px;}

.tokutyou03 div{margin-left:1em;}

.tokutyou03 ul{margin-left:2em;}

.tokutyou03 ol{margin-left:2em;}


.youto04{margin-bottom:50px;}

.youto04 div{margin-left:1em;}

.youto04 ul{margin-left:2em;}

.youto04 ol{margin-left:2em;}


.siyou05{margin-bottom:50px;margin-left:1em; margin-right:1em}




.kouzou06 p{text-align:center;margin-left:1em; margin-right:1em}

.kouzou06 {margin-bottom:50px;}

.sonota07{margin-bottom:50px;}

.jisseki08{margin-bottom:50px; display:block; overflow:hidden;}

.jisseki08 ul{ list-style:none;}

.jisseki08 ul li{width:25%; float:left; font-size:small; text-align:center; margin-bottom:1em;}


.jirei09{margin-bottom:50px; display:block; overflow:hidden;}

.jirei09 ul{ list-style:none;}

.jirei09 ul li{width:25%; float:left; font-size:small; text-align:center; margin-bottom:1em;}


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

.jisseki08 ul li{width:23%; padding-left:1%; margin-right:1%;}

.jirei09 ul li{width:23%; padding-left:1%; margin-right:1%;}

}





/* 製品案内 */

.category-2 #list{display:none;}


/* カテゴリページ */

.category-content{margin-top:30px !important;}

.fa-folder-open{display:none;}



/* 製品案内 */

#post-781 #npcatch li{ width:31%; margin:1%; float:left;}
#post-781 #npcatch li img{width: 100%;height: 150px;object-fit: cover;}

.rpwe-block ul{
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}

.rpwe-block li{
border-bottom: none;
list-style-type: none;
width:48% !important; margin:1% !important; float:left;
margin-bottom:1em !important;
}

#seihinlist li{
border-bottom: none;
list-style-type: none;
width:31% !important; margin:1% !important; float:left;
margin-bottom:1em !important;
}

.rpwe-block a{
display: inline !important;
text-decoration: none;
}

.rpwe-block h3{
background: none !important;
clear: none;
margin-bottom: 0 !important;
margin-top: 0 !important;
font-weight: 400;
font-size: 14px !important;
line-height: 1.5em;
  border:none !important;
  padding:0 !important;
}

.rpwe-thumb{
border: 1px solid #eee !important;
box-shadow: none !important;
margin: 2px 10px 2px 0;
padding: 3px !important;
width: 100%;height: 150px;object-fit: cover;
}

.rpwe-summary{
font-size: 12px;
}

.rpwe-time{
color: #bbb;
font-size: 11px;
}

.rpwe-comment{
color: #bbb;
font-size: 11px;
padding-left: 5px;
}

.rpwe-alignleft{
display: inline;
float: left;
}

.rpwe-alignright{
display: inline;
float: right;
}

.rpwe-aligncenter{
display: block;
margin-left: auto;
margin-right: auto;
}

.rpwe-clearfix:before,
.rpwe-clearfix:after{
content: "";
display: table !important;
}

.rpwe-clearfix:after{
clear: both;
}

.rpwe-clearfix{
zoom: 1;
}










.oem{border:3px solid #4472c4; border-radius:15px; padding:0!important;background-color: #ddebf7;}

.oem a{text-decoration: none; color: black;padding:0;margin:0;}

.oemblue{color:#4472c4; }

.oemtitle{background-color: #4472c4;margin: 0;border-top-left-radius: 10px;border-top-right-radius: 10px;color: white; font-size: 20px;padding: 5px 10px;text-align: center;}

.oeminner{display: flex;justify-content: space-around;}

.oeminner div{padding: 1em;}

.oeminner div img{width: 100%;height: auto;}

.oeminner div:nth-child(1) p{background-color: #ddebf7;}

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

.oeminner{display: block;}

}






.seihintopcatefree{display:block; overflow:hidden;  margin-bottom:2em !important;}

.seihintopcatefree h2{margin:0 !important; font-size:1em !important;}

.seihintopcatefree p{ line-height:120% !important; font-size:0.8em; margin:0 0 0.5em 0;}



.seihintopcatefree1{display:block; overflow:hidden;margin:0}

.seihintopcatefree1 h2{margin:0 !important; font-size:1em !important;}

.seihintopcatefree1 p{ line-height:120% !important; font-size:0.8em;}

.seihintopcatefree1 ul{list-style:none;}

.seihintopcatefree1 li a{
	border:1px solid #008275;
	background:#fff; 
	color:#000; 
	text-decoration:none; 
	padding:0 0.5em;
	width:24% !important; 
	margin:0.5% !important;
	float:left;
	font-size:0.8em;
	background:#eee;
	}

.seihintopcatefree1 li a:hover{background:#008275; color:#fff;}	

.seihintopcatefree1 li a:after{content:" \f054";font-family: "FontAwesome";}

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

.seihintopcatefree1 li a{
	width:49% !important; 
	margin:0.5% !important;
	font-size:0.8em;

	}

}








/* 受託製造（OEM/ODM)  */

.rolltoroll ul{list-style:disc; margin-left:2em;}



/* 技術Q&A  */

#post-2766 .rpwe-block li,
#post-2774 .rpwe-block li,
#post-2776 .rpwe-block li,
#post-2778 .rpwe-block li,
#post-2784 .rpwe-block li,
#post-2787 .rpwe-block li,
#post-3397 .rpwe-block li,
.parent-pageid-1014 .rpwe-block li
{
  display:block !important;
  width:100% !important;
  border-bottom: 1px dotted #000 !important;
	font-size: 16px !important;
	}



#post-2766 .rpwe-block h3,
#post-2774 .rpwe-block h3,
#post-2776 .rpwe-block h3,
#post-2778 .rpwe-block h3,
#post-2784 .rpwe-block h3,
#post-2787 .rpwe-block h3,
#post-3397 .rpwe-block h3,
.parent-pageid-1014 .rpwe-block h3,
{
  font-size: 16px !important;
	}


.parent-pageid-1014 .rpwe-title{ font-size: 16px !important;}

#post-2766 .rpwe-block li a,
#post-2774 .rpwe-block li a,
#post-2776 .rpwe-block li a,
#post-2778 .rpwe-block li a,
#post-2784 .rpwe-block li a,
#post-2787 .rpwe-block li a,
#post-3397 .rpwe-block li a,
.parent-pageid-1014 .rpwe-block li a
{
  	display:block !important;
    width:100% !important;
		
	}

#post-1014 .rpwe-block ul
{
list-style: disc !important;
margin: 0 0 0 2em !important;
padding: 0 !important;
}

#post-1014 .rpwe-block li
{
border-bottom: none;
list-style-type: disc;
width:100%!important; margin:0 !important; float:none;
margin:0 0 1.5em 0 !important;
padding:0 !important;
}

#post-1014 .rpwe-block a

{
display: inline !important;
text-decoration: none;
}

#post-1014 .rpwe-block h3
{
background: none !important;
clear: none;
margin-bottom: 0 !important;
margin-top: -1.2em !important;
font-weight: 400;
font-size: 14px !important;
line-height: 1.5em;
  border:none !important;
  padding:0 !important;
}




/* お問い合わせ  */

.toiawase h2{
  font-size: 16px !important;
  font-weight:normal !important;
  padding:0.25em 0.5em !important;
  background-color:#666666 !important;
  margin-bottom:1em !important;
  color:#fff;
  }


/* 工場見学  */

#post-74 .widget-title { border:none; background:none; color:black; font-weight:normal; font-size:12px; margin-top:0; padding-top:0; }

#pg-74-5{margin:0 1em;}

#pg-74-6{margin:0 1em;}

#pg-74-7{margin:0 1em;}

#pg-74-8{margin:0 1em;}

#pg-74-9{margin:0 1em;}

#pg-74-10{margin:0 1em;}

#pg-74-11{margin:0 1em;}

#pg-74-12{margin:0 1em;}

#pg-74-13{margin:0 1em;}

#pg-74-14{margin:0 1em;}

/*フッター　*/

#footer li a {
    text-decoration: none;
    padding: 3px 5px;
    display: block;
    background-color: #333;
    color: #fff;
}

#footer .widget_nav_menu{
	margin:0 0 1em 0 !important;
	padding:0;
  border-top:1px solid #333;
	border-bottom:1px solid #333;
	}

#footer .widget_nav_menu ul li {
    font-size: 14px;
    border-bottom: 1px solid #656565;
}




.cfwork01{
	width:48%;
	margin:0 1%;
	padding:0;
	float:left;
	vertical-align:top;
	display:table-cell;
}


.cfwork02{
	width:48%;
	margin:0 1%;
	padding:0;
	float:left;
	vertical-align:top;
	display:table-cell;
}


.cf-jisseki-01{
	width:48%;
	margin:0 1%;
	padding:0;
	float:left;
	vertical-align:top;
	display:table-cell;
}


.cf-jisseki-02{
	width:48%;
	margin:0 1%;
	padding:0;
	float:left;
	vertical-align:top;
	display:table-cell;
}


.cf-jisseki-02 table{
	width:100%;}

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

.cfwork01{ width:98%; float:none; display:block;}

.cfwork02{ width:98%; float:none; display:block;}

.cf-jisseki-01{ width:98%; float:none; display:block;}
	
.cf-jisseki-02{	width:98%; float:none; display:block;}

}


.cfwork03{
	width:100%;
	margin:2% 1%;
    box-sizing: border-box;
	padding:0;
    display: block;
    overflow:hidden; 
}





.freespace{display:block; overflow:hidden;  margin-bottom:2em !important;}

.freespace h2{margin:0 !important; font-size:1em !important;}

.freespace p{ line-height:120% !important; font-size:0.8em;}

.freespace div{margin:0 0 1em 0;display:block; overflow:hidden;}

.freespace div ul{list-style:none; margin-top:0.5em}

.freespace div li a{
	border:1px solid #008275;
	background:#fff; 
	color:#000; 
	text-decoration:none; 
	padding:0 0.5em;
	width:24% !important; 
	margin:0.5% !important;
	float:left;
	font-size:0.8em;
	background:#eee;
	}

.freespace div li a:hover{background:#008275; color:#fff;}	

.freespace div li a:after{content:" \f054";font-family: "FontAwesome";}

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

.freespace div li a{
	width:49% !important; 
	margin:0.5% !important;
	font-size:0.8em;

	}

}




.indextable table{overflow:hidden !important;}

.faqbanner img{margin-top:1em; margin-bottom: 2em;}

.seihintopcatefree .lcp_catlist{ margin:0 0.5em 0 0.5em;display:block;}

.seihintopcatefree .lcp_catlist li{ list-style:none;}

.seihintopcatefree .lcp_catlist li{ float:left; font-size:0.8em; margin-right:1.5em;}

.seihintopcatefree .lcp_catlist .current li{display:none;}

.seihintopcatefree .lcp_catlist li a:before{content:" \f152";font-family: "FontAwesome";}



.recruitbotan{background:black; display:block; overflow:hidden;margin:0; padding:0;}

.recruitbotan a{ text-decoration:none; color:white;}

.recruitbotan a:hover{text-decoration:underline; color:yellow}

.recruitbotan ul{ margin:0 auto; padding:0; display:table}

.recruitbotan li{list-style:none; display:table-cell;text-align:center; margin:0; padding:0.75em; border-right:1px solid #242424;}

.recruitbotan li:last-child{border-right:none;}

.recruitbotan li a:after{content:" \f0d7";font-family: "FontAwesome";}


.rpwe-thumb{
height: 250px!important;
}

#post-781 .rpwe-thumb{
height: 150px!important;
}

.toiawase .t{background: #2d2d2d; color: white; font-weight: normal; padding: 0.5em;}

.toiawase .box{display: block; overflow: hidden; margin-bottom: 1em;}

.topbanner{
display: block;
overflow: hidden;
margin: 0; padding: 0;
}

.topbanner table{margin: 0 auto;}

.topbanner table{border: none; background:white; padding: 0; }

.topbanner table td{border: none; background:white;padding: 0; margin: 0;}

.topbanner a:hover img{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}

@media screen and (min-width: 1192px) {

.topbanner table{width: 1192px;}

}


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

.topbanner table{
    border-collapse: collapse;
    border-spacing: 0;}

.topbanner table{width: 100%}

.topbanner img{max-width:100%; 
	height:auto;
	vertical-align: top; 
	border:none;}

}

/*YouTube動画の中央配置*/
.video-container {
	margin: 0px auto;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1240px以下*/
@media screen and (max-width: 1240px){
  /*必要ならばここにコードを書く*/
}

/*1030px以下*/
@media screen and (max-width: 1030px){
  /*必要ならばここにコードを書く*/
}

/*768px以下*/
@media screen and (max-width: 768px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}