@charset "UTF-8";
/*
Theme Name: Fujikura Solutions
Description: 
Version: 1.0
Author: Mitsuaki Ishii
Author URI: http://www.inter-plain.com/
Tags: two-columns, right-sidebar, gray
*/

* {	margin:0;	padding:0;}
html{margin:0;overflow: auto;}
body {
color:#000;
font-size:100%;
text-align:center;
overflow: hidden;
position: relative;
font-family: "Noto Sans Japanese"; 
    font-weight:200;
}

h1, h2, h3, h4, h5, h6 {}
/*font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif"*/
h1 {font-size:220%;}
h2 {font-size:180%;font-weight:500;margin:0 0 0.75em 0;}
h3 {font-size: 135%;font-weight:500;margin:0 0 0.5em 0;}
h4 {font-size: 110%;font-weight:500;margin:0 0 0.25em 0;}
h5 {font-size: 105%;font-weight:500;margin:0 0 0.25em 0;}
h6 {font-size: 105%;font-weight:500;margin:0 0 0.25em 0;}

p {	margin:0 0 1.5em 0;}
strong{font-weight:500;}
pre {overflow:auto;}
small {	font-size: 75%;	font-weight: normal;}
acronym, abbr {cursor: help;border-bottom: 1px dashed #999;}
a {	
	color: #000;
	text-decoration: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;	
}
a.em{color:#0a5dad;text-decoration: underline;}
a:hover {text-decoration: none;	opacity:0.6;}
a img {	border: none;}

/*画像*/
/*画像*/
img{width:100%;height:auto;}
img.w10{width:10% !important;height:auto }
img.w15{width:15% !important;height:auto }
img.w20{width:20% !important;height:auto }
img.w25{width:25% !important;height:auto }
img.w30{width:30% !important;height:auto }
img.w35{width:35% !important;height:auto }
img.w40{width:40% !important;height:auto }
img.w45{width:45% !important;height:auto }
img.w50{width:50% !important;height:auto }
img.w60{width:60% !important;height:auto }
img.w70{width:70% !important;height:auto }
img.w80{width:80% !important;height:auto }


/*等倍*/
img.mw100{max-width:100% !important;width:inherit;height:auto;}



/*共通クラス*/

.floatleft {float:left;	margin:0 10px 10px 0;}
.floatright {float:right;margin:0 0 10px 10px;}
.red {color:#f00;}
.center {text-align:center;}
.left {	text-align:left;}
.right {text-align:right;}

.llfont{font-size:140%;}
.lfont{font-size:120%;}
.sfont{font-size:90%;}
.ssfont{font-size:80%;}

.bgbox{padding:1em; background: #f0f0f0;border-radius:0.5em;}
.inline{display: inline-block;}
.date{margin:0 0 0.5em 0; font-size:100%;}
.more-link{float:right;font-size:small;}
span.new{color:#f00; font-size:100%; position: relative;top:0;display:inline-block;margin:0 0.25em}
a.post-edit-link{display:inline-block;}
i{margin:0.25em;}


a.btn_general{display:inline-block;0;margin:0 auto;border-radius:0.25em;text-align:center; padding :0.5em 2em;font-weight:300;font-size:110%;
background: #fceabb;
background: -moz-linear-gradient(top, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
background: -webkit-linear-gradient(top, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%);
background: linear-gradient(to bottom, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 );
}

a.btn_red{display:inline-block;margin:0 auto;border-radius:0.25em;text-align:center; padding :0.5em 2em;font-weight:300;font-size:110%;color:#fff;
background: #ff3019;
background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%);
background: -webkit-linear-gradient(top, #ff3019 0%,#cf0404 100%);
background: linear-gradient(to bottom, #ff3019 0%,#cf0404 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 );
}



/*　--------------表--------------　
.sheet {margin:0 0 2em 0;}
.sheet .shtr {text-align: center;width: 100%;border-bottom:1px solid #f0f0f0;font-size:100%;}
.sheet .shtr:first-child {border-top:1px solid #f0f0f0;}
.sheet .shtr .shtd{display: block;vertical-align: top;padding:0.25em;}
*/
	
/*　--------------表--------------　*/
.sheet {width:100%;margin:0 auto 2em auto;border:1px solid #ccc;}
.sheet .shtr {display: table;table-layout: fixed;font-size:100%;width:100%;border-bottom:1px solid #f0f0f0;}
.sheet .shtr:last-child{border:none;}
.sheet .shtr .shtd{display:table-cell;vertical-align: middle;padding:0.5em 1em;}
.sheet .shtr .shtd:first-child{width:25%;border-right:1px solid #f0f0f0;}
#content .sheet ul{margin:0;}
#content .sheet p{margin:0 0 0.5em 0;}

/*表 個別設定*/
.sheet.recruit {width:80%;margin:0 auto 2em auto;border:1px solid #ccc;}
.sheet.history .shtr .shtd:first-child{width:15%;border-right:1px solid #f0f0f0;text-align: center;}


#page-top {
    font-size: 0;
    position: fixed;
    bottom: 0.5em;
    right: 0.5em;
    opacity: 0;
}


#page-top.fade-in {
    color: #fc0;
    font-size: 3em;
    opacity: 0.9;
    transition: opacity 1s;
}
#page-top.fade-in:hover {cursor: pointer;opacity: 0.3;}

/* cf */
.cf:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.cf{ display:inline-block;
    #min-height:1%;  /* for IE 7*/
	#zoom:1;/* for IE6, IE 7*/
}
/* Hides from IE-mac */
* html .cf {
	height: 1%;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
.cf { display: block; }/* End hide from IE-mac */
.cf {zoom:1;}
.cf:after { content: "";  display: block;   clear: both;}


 /*並び順*/
.orderbox {
margin:0; 
align-items: center;
/*justify-content: space-between;
justify-content: center;	*/
display:-webkit-box;
display: -webkit-flex;
display:-ms-flexbox;
display: flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
align-items:stretch;
justify-content: space-between;
flex-direction: ;
}
.odr{-webkit-box-ordinal-group:999;  -ms-flex-order:999;  -webkit-order:999;  order:999;}
.odr1{-webkit-box-ordinal-group:1;  -ms-flex-order:1;  -webkit-order:1;  order:1;}
.odr2{-webkit-box-ordinal-group:2;  -ms-flex-order:2;  -webkit-order:2;  order:2;}
.odr3{-webkit-box-ordinal-group:3;  -ms-flex-order:3;  -webkit-order:3;  order:3;}
.odr4{-webkit-box-ordinal-group:4;  -ms-flex-order:4;  -webkit-order:4;  order:4;}
.odr5{-webkit-box-ordinal-group:5;  -ms-flex-order:5;  -webkit-order:5;  order:5;}
.odr6{-webkit-box-ordinal-group:6;  -ms-flex-order:6;  -webkit-order:6;  order:6;}
.odr7{-webkit-box-ordinal-group:7;  -ms-flex-order:7;  -webkit-order:7;  order:7;}
.odr8{-webkit-box-ordinal-group:8;  -ms-flex-order:8;  -webkit-order:8;  order:8;}
.odr9{-webkit-box-ordinal-group:9;  -ms-flex-order:9;  -webkit-order:9;  order:9;}
.odr10{-webkit-box-ordinal-group:10;  -ms-flex-order:10;  -webkit-order:10;  order:10;}
.odr11{-webkit-box-ordinal-group:11;  -ms-flex-order:11;  -webkit-order:11;  order:11;}
.odr12{-webkit-box-ordinal-group:12;  -ms-flex-order:12;  -webkit-order:12;  order:12;}
.odr13{-webkit-box-ordinal-group:13;  -ms-flex-order:13;  -webkit-order:13;  order:13;}
.odr14{-webkit-box-ordinal-group:14;  -ms-flex-order:14;  -webkit-order:14;  order:14;}
.odr15{-webkit-box-ordinal-group:15;  -ms-flex-order:15;  -webkit-order:15;  order:15;}
.odr16{-webkit-box-ordinal-group:16;  -ms-flex-order:16;  -webkit-order:16;  order:16;}
.odr17{-webkit-box-ordinal-group:17;  -ms-flex-order:17;  -webkit-order:17;  order:17;}
.odr18{-webkit-box-ordinal-group:18;  -ms-flex-order:18;  -webkit-order:18;  order:18;}
.odr19{-webkit-box-ordinal-group:19;  -ms-flex-order:19;  -webkit-order:19;  order:19;}
.odr20{-webkit-box-ordinal-group:20;  -ms-flex-order:20;  -webkit-order:20;  order:20;}   


.inner{margin:auto;width:1000px; position: relative;}




/*ヘッドライン*/
#official_header #header #headline{	 margin:0 0 0 0;padding:0.5em 0 0 0;text-align: left;z-index:101; position: relative;} 

/*サイトネーム・ディスクリプション*/
#official_header #header #discription {font-size:85%; margin:0 auto 1em auto;}   
#official_header #header #sitenamebox{display:inline-block;}
#official_header #header #sitenamebox #site-title{font-size:180%;font-weight:700;margin:0 0 0.25em 0;}
#official_header #header #fujikuralogo{width:120px;position: absolute;right:0;bottom:0.5em;}
#official_header #header #telnum{font-size:180%;color:#666}
#official_header #header #telnum i{margin:0 0.25em 0 0;color:#f30;}



/* トップページの設定
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.block_white{background: #fff; width: 100%;padding:0 0 2em 0; position: relative;}
.block_gray{background: #f0f0f0; width: 100%;padding:2em 0 3em 0; position: relative;}

.block_white h2,
.block_gray h2
{margin:0 0 0.5em 0;padding:0 0 0.25em 0; border-bottom:1px solid #c00; color:#000; display:inline-block;font-size:160%;}
.block_white h2:after,
.block_gray h2:after
{content: "";display: block;clear: both;}


#topslide {background: #f0f0f0;}
#topslide >div{width:1000px;margin:auto;}




#topmain {display: flex;justify-content:space-between}






 /* トップメニュー */	
#tmbox{flex-basis: 80%; text-align: center;margin:0 0.5em 0 0;}	
#tmbox .tmitem{width:49.75%;  background: #fff;margin:0}
#tmbox .tmimg{border:5px solid #f0f0f0;margin:0 0 0.5em 0;overflow: hidden;position: relative;} 
#tmbox .tmlist {text-align: center;}       
#tmbox .tmlist ul{text-align: left;display:inline-block;vertical-align: top;list-style: none;margin:0;}   
#tmbox .tmlist ul li{display:inline-block;width:49%;}
#tmbox .tmlist ul li a:before{content:"\30FB";font-size:150%;line-height:100%;color:#c00;position: relative;top:0.1em;margin:0 0.15em 0 0;}




 /* トップバナー */	
#bnrbox{ flex-basis: 20%;text-align: center;


display: flex;
flex-direction:column;

}
#bnrbox .tbnr_tt{ text-align: center;}
#bnrbox a{position: relative;width:100%;height:90px;
font-size:120%;
font-weight:500;
border:1px solid #f0f0f0;
color:#fff;  
text-shadow: 1px 1px 2px #000; 
    
background-color: #f9f9f9;
-moz-background-size:cover;
-webkit-background-size:cover;
-o-background-size:cover;
-ms-background-size:cover;
 background-size:cover;   
 

display:-webkit-box;
display: -webkit-flex;
display:-ms-flexbox;
display: flex;
align-items: center;
justify-content: center;    
}




    
/* News */
#news {margin:auto; padding:1em;  text-align: left;  background: #fff;}
#news dl.item{border-bottom:1px dashed #f0f0f0;margin:0 0 0.5em 0;padding:0 0 0.5em 0;}
#news dl.item dt{display:inline-block; vertical-align: top;margin:0;width:8em;}
#news dl.item dd{display:inline-block; vertical-align: top;margin:0;}
#news dl.item .new{margin:0 0.25em;}
#news .newslist{text-align:right;}


/*検索結果*/
#content-search{text-align: left;}
#content-search h2{border:none;pading:0;}
#content-search h3{font-size:120%;font-weight:300;border:none;padding:1em 0 0 0;margin:1em 0 0 0;border-top:1px dashed #ccc;}
#content-search h3 a{color:#047AF0;}

#notfound{margin:3em 0 3em 0;}
#content-search .searchbox{ position: relative;}
#content-search .searchbox #sform{position:relative;top:0;left:0;z-index: 100;display:inline-block;}

#content-search .searchbox #sform .searchfield { 
padding:2px 30px 2px 10px;
margin-left: 10px;
height: 30px;
font-size: 110%;
width: 222px;
border-radius:1em;
border:1px solid #eee;
}

#content-search .searchbox #sform #sbtn{
position:absolute; 
top:0em;
right:0.3em;
background:none;
color:#00a3ef;
border:none;
font-size:135%;
}

/* Footerの設定
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */	
#footer{padding:2em 0;  background: #010f34;text-align:center;}
#footer nav{margin:0 0 2em 0;}
#footer ul#footermenu {list-style:none;}
#footer ul#footermenu > li {
    display:inline-block;
    margin:0.5em 1%;
    width:25%;
    vertical-align: top;
    text-align: left;
}
#footer ul#footermenu > li > a{display:none;}

#footer #sitemap_tt{color:#f0f0f0;font-size:120%;margin:0 0 1em 0;}
#footer ul#footermenu a{color:#f0f0f0;}
#footer ul#footermenu a:before{content:"\25CF";font-size:60%;color:#eee;position:relative;top:-0.2em;margin:0 0.25em 0 0;}


#footer .ft-copy {
	clear:both;
	margin:0 auto;
	padding:0.5em 0 2em 0;
	color:#f0f0f0;
	font-size:small;
	
}


/* Sidebar の設定
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/*
sidebar {width:18%;margin:2em 0 0 5%;display:inline-block; vertical-align: top;}	
*/
#sidebar {width:20%;margin:2em 3% 0 0;float:left;}	


#sidebar .sidebox {text-align:left;margin:0 0 2em 0; background: #fff;}
#sidebar .sidebox .sideboxinner{padding:0.5em;border:2px solid #f0f0f0; /*position: relative;top:-2px;margin:0 0 -2px 0;*/}

#sidebar h3 {font-size:120%;margin:0;color: #fff; text-align: center;padding:0.25em;border-radius:0.25em 0.25em 0 0;
background: #bbdded;
background: -moz-linear-gradient(top, #bbdded 0%, #00a3ef 19%, #00a3ef 100%);
background: -webkit-linear-gradient(top, #bbdded 0%,#00a3ef 19%,#00a3ef 100%);
background: linear-gradient(to bottom, #bbdded 0%,#00a3ef 19%,#00a3ef 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbdded', endColorstr='#00a3ef',GradientType=0 );
}
#sidebar h4 {margin:0; text-align: left;padding:0.25em 0.5em;border:1px solid #f0f0f0;line-height: 150%;
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 49%, #f0f0f0 100%);
background: -webkit-linear-gradient(top, #ffffff 49%,#f0f0f0 100%);
background: linear-gradient(to bottom, #ffffff 49%,#f0f0f0 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 );
}
#sidebar h4 a{display: block;}

#sidebar ul {	margin:0;	list-style:none;display:block;font-weight:300;}
#sidebar ul li{padding:0; background:none;margin:0 0 0.25em 0;padding-left: 0.5em;    text-indent: -0.5em;font-size:90%;}
#sidebar ul li:before{content:"\002D";}




/* 開いているページのメニュー項目に色をつける */
#sidebar li.current-cat a {	color:#f06;}
#sidebar li.current-cat .children a {color:#333;}
#sidebar li.current_page_item a {color:#f06;}
#sidebar li.current_page_item li a {color:#333;}

#sidebar select{width:90%;position: relative;}
#sidebar select option{padding:0.5em;font-size:120%;} 
#sidefoodmenu li a{color:#eb630f;font-weight:700;font-size:110%;display:block;padding:0.5em 0;}


/*技術情報のサイドバーのアコーディオン  */
.technology dl.accbox {margin:auto;text-align: left;}
.technology dl.accbox dt{ display:block;  cursor:pointer;  padding:0; margin:0 0 0.5em 0; font-weight: 300;  }
.technology dl.accbox dd{ background:#f0f0f0;	padding:0.5em;  margin:0 0 0.5em 0;display:none;   border-radius:5px;}



/*検索フォーム*/
#sform{position:absolute;top:0.3em;right:0;z-index: 100;}
#sform .searchfield { 
padding:2px 30px 2px 10px;
margin-left: 10px;
height: 30px;
font-size: 110%;
width: 222px;
border-radius:1em;
border:1px solid #eee;
}

#sform #sbtn{
position:absolute; 
top:0;
right:0.5em;
background:none;
color:#00a3ef;
border:none;
font-size:135%;
}
#sform #sbtn:hover{cursor: pointer;}





/* ▼▼▼▼▼ぱんくずリスト▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#topicpath {
	/*width: 75%;*/
   width: 1000px;
	margin:0.5em auto;
	font-size:small;
	text-align:left;
	
}
#topicpath span{margin:0 0.5em}

/*  ページの設定
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#wrapper{margin: 0 auto;  width:1000px;min-height:36em;}

#wrapper #title {
width:100vw; 
position: relative;
left: 50%;
transform: translateX(-50%);
margin:0;padding:1em 0; 
color:#fff;
font-weight:700;
background-color: #023776;
background-image: radial-gradient(#154f96 20%, transparent 20%), radial-gradient(#154f96 20%, transparent 20%);
background-size: 3px 3px;
background-position: 0 0, 3px 3px;
line-height:100%;
font-size:220%;
}

#wrapper #singlett {
left: inherit;
transform: none;
color:#000;
 margin:0 0 1em 0;padding:0; font-weight:400;background: none;}	

#wrapper.news #singlett {
left: inherit;
transform: none;
color:#000;
 margin:0 0 1em 0;padding:0; font-weight:400;background: none;font-size:180%;}	


/*#content */
#content{margin:2em auto 0 auto;text-align:left;padding:0 0 2em 0;}
#content.column{text-align:left;}
#content.column.sidebar{width:75%;text-align:left;display:inline-block;}		
#contentbox{margin:0 0 3em 0;}
#content .ss{margin:0 0 2em 0;}
#btm_content{margin: 0 auto 3em auto;  width:1000px;text-align: right;}
#btm_content .addcontent {text-align:left;display:inline-block;position: relative;left:0;width:750px;}

/*FAQ*/
.faq dt{color:#f60;}
.faq dt:before{content:"Q"; background: #f60;color:#fff;padding:0 0.4em;border-radius:1em;}
.faq dd{margin:0 0 0 2em;}
.faq dd p{display:inline-block; vertical-align: middle;margin:0;}
.faq dd .ans{display:inline-block;vertical-align: middle;margin:0 0.25em 0 0;font-size:300%;color:#d8edf3;line-height:100%;}


/*受託設計・開発*/
.flowbox{margin:0 0 2em 0;}
.flow-sol{border:1px solid #ccc;padding:2em;margin:auto;width:85%;position: relative;
background: #f6f8f9;
background: -moz-linear-gradient(top, #f6f8f9 0%, #ffffff 100%);
background: -webkit-linear-gradient(top, #f6f8f9 0%,#ffffff 100%);
background: linear-gradient(to bottom, #f6f8f9 0%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#ffffff',GradientType=0 );}
.flow-sol .flowtt{font-size:120%;font-weight:bold;color:#006;margin:0 0 1em 0;text-align: center;}
.arrdown{font-size:200%;text-align: center;color:#ccc;}

.entrusted #content h2{padding:0 0 0 0.25em;border-left:5px solid #06f;line-height: 100%;margin-top:2em;}
.entrusted #content h3{border-bottom:1px solid #000;padding:0 0 0.25em 0;}

/*設計実績*/
#jisseki{}
#jisseki .abox{border:1px solid #000;padding:0.25em;margin:0 0 2em 0;}
#jisseki .abox h3{border:none;padding:0.25em 1em; background: #f0f0f0;}
#jisseki .imgbox{display:inline-block;vertical-align: top;width:20%;margin:0 2em 0 0;}
#jisseki ul{display:inline-block;vertical-align: top}
#jisseki .abox a{margin:0 0 0 1em;}


/*add-jyutakufooter.php 提供ソリューション・設計実績*/
#solution h2{color:#e60000;}
#sekkei h2{color:#e60000;}
#solution .subtt{font-size:180%;font-family: serif;color:#093585;margin:0 0 0.5em 0;font-weight:bold;}
#solution #developupper{margin:0 0 1em 0;}
#solution #devimage{width:60%;margin:2em auto 3em auto;}
#solution p.devpic{display:inline-block;vertical-align: top;width:20%;margin:0 2em 0 0;}
#solution p.devpic img{width:100%;height:auto;}
#solution p.devtext{display:inline-block;vertical-align: top;width:73%;font-size:120%;line-height:180%;}
#solution #developfig{ text-align: center;margin:0 0 3em 0;}
#solution #developfig img{width:60%;height:auto;}
.evenbox{text-align:center;display:table;width:100%;margin:0 0 0.25em 0;
border-collapse: separate;  /* セルの間隔を空ける */
border-spacing: 0.2em 0;  /* 左右 上下で記述 */}
.evenbox img{width:100%;height:auto;}
/*4つならび*/
.evenbox .item4{display:table-cell; width:25%; }
/*３つならび*/
.evenbox .item{display:table-cell; width:33%;}
.evenbox a{display:block;}
.evenbox a:hover{text-decoration: none;opacity:0.5;}

/*取扱製品*/
/*archive-products*/
#pdlist{ display: flex;flex-wrap: wrap;    }
#pdlist .pditem{flex-basis: 30%;padding:1%;border:1px solid #ccc;margin:0 0.5% 1em 0.5%;height:180px;text-align: center; position: relative;
background: #f6f8f9;
background: -moz-linear-gradient(top, #f6f8f9 0%, #ffffff 100%);
background: -webkit-linear-gradient(top, #f6f8f9 0%,#ffffff 100%);
background: linear-gradient(to bottom, #f6f8f9 0%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#ffffff',GradientType=0 );}
#pdlist .pditem .thumb{ background: #fff;}
#pdlist .pditem .thumb img{height:160px;width:210px;object-fit: cover;}
#pdlist .pditem .termtt{ position: absolute;bottom:0.25em;width:100%;}


/*single-products*/
#wrapper.products #singlett {color:#000; margin:0 0 1em 0;padding:0; font-weight:700;font-size:180%;	}
#pduse{font-size:135%;font-weight:700;margin:0 0 0.25em 0;color:#003c84;}
#pduse.atop{color:#3b852a;}
#pdupper {    padding:1em;    border:1px solid #06f;    margin:0 0 2em 0;}
#pdupper.atop {    padding:1em;    border:1px solid #3b852a;}
#pdupper_wrap {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;}
#pdleft{flex-basis: 48%;margin:0 4% 0 0;}
#pdright{flex-basis: 46%}
#pdmaker{text-align: right;}
#pdmaker span{padding:0.25em 0.5em; display:inline-block;color:#fff; background:#3b852a; }
#pdport{padding:0.5em; background: #f0f0f0;margin:0 0 0.25em 0;}
#pdtype p{font-size:175%;margin:0 0 1em 0;font-weight:500;}
#pdfuncimg img{max-width:100% !important;
	width:inherit;
	height:auto ;}
#pdimg {text-align:center;width:80%;margin:auto;}
#pdimg.tate{width:55%;margin:auto;}
#pdcontent h2{padding:0 0 0 0.25em;border-left:5px solid #06f;line-height: 100%;}
#pdcontent ol{font-size:120%; }
#pdcontent ol li{font-weight:500;color:#003c84;}
#pdcontent ol li span{font-size:80%;color:#000;font-weight:200;}
#pdcontent ul{ background: #f0f0f0; padding:1em;border-radius:0.5em;}
#pdcontent #pdpdf a {color:#fff; background: #c00; display:inline-block;padding:0.25em 0.5em;border-radius:0.25em;}
#pdcontent #pdpdf i{margin:0 0.25em 0 0;}

/*taxonomy-pcate*/
#pdlist_taxonomy{}
#pdlist_taxonomy .pditem_taxonomy{margin:0 0 1em 0;}
#pdlist_taxonomy .pditem_taxonomy a{ border:1px solid #06f;display:block;border-radius:0.5em;padding:0.5em;position: relative;}
#pdlist_taxonomy .pditem_taxonomy.atop a{border:1px solid #3b852a;display:block;border-radius:0.5em;padding:0.5em;}
#pdlist_taxonomy  .pditem_taxonomy .pduse{color:#003c84;font-size:135%;font-weight:700;margin:0 0 0.25em 0;}
#pdlist_taxonomy  .pditem_taxonomy.atop .pduse{color:#3b852a;}
#pdlist_taxonomy .pditem_taxonomy_wrap{ 
	display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;}
#pdlist_taxonomy .pditem_taxonomy .pditem_taxonomy_left{flex-basis: 20%;margin:0 3% 0 0;}
#pdlist_taxonomy .pditem_taxonomy .pditem_taxonomy_left .pdimg.tate{width:55%;margin:auto;}
#pdlist_taxonomy .pditem_taxonomy .pditem_taxonomy_right{flex-basis: 74%; }
#pdlist_taxonomy .pditem_taxonomy .pditem_taxonomy_right .pdtt{font-size:135%;font-weight:700;margin:0 0 0.5em 0;}
#pdlist_taxonomy .pditem_taxonomy .pditem_taxonomy_right .pdport{font-size:80%;}
#pdlist_taxonomy .pditem_taxonomy .pditem_taxonomy_right .pdtemp{font-size:80%;color:#06f}
#pdlist_taxonomy .pditem_taxonomy.atop .pditem_taxonomy_right .pdtemp{font-size:80%;color:#3b852a}
#pdlist_taxonomy .pditem_taxonomy .pditem_taxonomy_right .pdtext p{font-size:80%;margin:0 0 0.5em 0;}
#pdlist_taxonomy .pditem_taxonomy .pditem_taxonomy_right .pdtext br{display:none;}
#pdlist_taxonomy .pditem_taxonomy .pditem_taxonomy_right .pdmaker{display:inline-block;background: #3b852a;color:#fff;font-size:90%;padding:0 0.5em;border-radius:0.25em;font-size:80%;}


span.pdendck{font-size:70%;margin:0 0 0 0.5em;padding:0 0.5em; background: #f00;color:#fff;border-radius:1em;font-weight:200;position: relative;top:-0.15em;}



/*求人情報*/
#content #recruit ul li:before{content:"\25CF";font-size:60%;color:#999;margin:0 0.25em 0 0;position: relative;top:-0.25em}

/*先輩から一言*/


/*
#message {}
#message .messagebox{padding:2em;border:2px solid #00b9ef;margin:0 0 2em 0;}
#message .messagebox h3{border-radius:2em;color:#fff; background: #00b9ef;display:inline-block;padding:0.25em 1em;}
#message .messagebox dl{margin:0 0 1em 0;}
#message .messagebox dt{font-size:120%;color:#00b9ef;font-weight:400;margin:0 0 0.5em 0;}
#message .messagebox dt:before{content:"\25CF";font-size:100%;color:#00b9ef;}
#message .messagebox dd{margin:0 0 0 2em;}
#message .messagebox p{margin:0;}
*/

#msgindex{text-align: center;margin:5em 0 0 0;}
#msgindex a{width:18%;margin:0 3em 0 0;display:inline-block;text-align: center}


.msgbox{margin:0 0 2em 0;padding:1em;border:1px solid #00a3ef;border-radius:0.5em;}
.msgupper{margin:0 0 1em 0;}
.msgupperpic{width:18%;margin:0 3em 0 0;display:inline-block;vertical-align: top;}
.msguppertext{display:inline-block;vertical-align: top;}
.msguppercap{font-size:150%;margin:0 0 0.5em 0;font-weight:bold;color:#c00;font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif"}
.msguppername{margin:0 0 0 2em;font-size:120%;}
.msgupperdep{margin:0 0 0 2em;font-size:120%;}

#content #message li:before{content:none;}
#content #message ul{margin:0;}
#content #message li{margin:0;line-height: inherit; padding-left: 0;    text-indent: 0;}
#content #message li p{margin:0;}

#message .tab{
  list-style:none;
}

.msgpic{width:25%;float:right;margin:0 0 0 1em;}
.msgcap{margin:0 0 1em 0;font-size:135%;color:#f60;}

.cf{
  overflow : hidden;
}
#message .tablabel{
    display:inline-block;
    background : #d0eaf6;
    width:20%;
    text-align: center;
    padding:0.5em;
    border-radius:0.5em 0.5em 0 0;

}
#message .tablabel:hover{cursor:pointer;}
#message .tab_current {
background : #00a3ef;
color:#fff;    
}



#message ul.content {
  list-style:none;
    padding:2em;
     background: #eee;
}

#message ul.content li{
  display : none;
  background : #fff
  padding : 2em;

}

#message ul.content li.content_current {
  display : block;

}


/*企業情報*/
/*沿革*/
/*リストマーク  ※ 印*/
.company #content ul{margin:1em 0;list-style: none; }
.company #content ul li{margin:0 0 0.5em 0;text-align: left; padding-left: 1em;    text-indent: -1em;display:block;}
.company #content ul li:before{content:"\25CF";font-size:60%;color:#999;margin:0 0.25em 0 0;position: relative;top:-0.075em}

/*カタログ*/
#catalog{}
#catalog .cataitem{padding:0 0 1em 0;margin:0 0 1em 0;border-bottom:1px solid #f0f0f0;}
#catalog .cataitem .catathumb{display:inline-block;vertical-align: middle;width:10%;text-align: center;margin:0 5% 0 0;}
#catalog .cataitem .catathumb i{font-size:300%;margin:0;color:#e2c8c8;}
#catalog .cataitem .catapdf{display:inline-block;vertical-align: middle;font-size:110%;color:#ccc;}
#catalog .cataitem .catapdf a i{color:#c00;}
#catalog .cataitem .catapdf i{color:#ccc}


/*技術情報 ＞　LANなんでも Q&A*/

#faq{margin:2em 0 0 0;}
#faq p.faq-q{font-size:111%;font-weight:700;margin:0 0 0.5em 0;}

#faq p.faq-q:before{content:"Q";  color:#fff;background: #39f;padding:0 0.35em;font-size:90%;margin:0 0.5em 0 0;}

#faq p.faq-a{margin:0 0 2em 0;padding:0 0 0 2em;position: relative;}

#faq p.faq-a:before{position: absolute;left:0;top:0;content:"A"; font-weight:700; color:#fff;background: #f90;padding:0 0.35em;font-size:100%;margin:0 0.5em 0 0;}

#faq table{margin:0 0 0 2em;width:95%; font-size:90%;}
#faq table tr{ background: #f0f0f0;}
#faq th{padding:0.25em;font-weight:500;}
#faq td{padding:0.25em;}


/*リストマーク*/
#content ul{margin:0 0 1.5em 0;list-style: none; }
#content ul li{margin:0 0 0.5em 0;text-align: left; padding-left: 1em;    text-indent: -1em;line-height:120%;display:block;}
#content ul li:before{content:"\25CF";font-size:90%;color:#9fcbf8;margin:0 0.25em 0 0;position: relative;top:-0.05em}


/*リストマーク　プライバシーポリシー　・　利用規約　*/
#content #terms ul{margin:0 0 2em 0;list-style: none; }
#content #terms ul li{margin:0 0 0.5em 0;text-align: left; padding-left: 1em;    text-indent: -1em;line-height:120%;}
#content #terms ul li:before{content:"\30FB";}
#content #terms ul li ol li:before{content:none;}

#content #privacy ul{margin:0 0 2em 0;list-style: none; }
#content #privacy ul li{margin:0 0 0.5em 0;text-align: left; padding-left: 1em;    text-indent: -1em;line-height:100%;}
#content #privacy ul li:before{content:"\30FB";}
#content #privacy ul li ol li:before{content:none;}

#content ol{padding:0 0 1.5em 1em;}
#content ol li{margin:0 0 0.5em 0;text-align: left; }
/*
#content ol li ol {margin:1em 0 1em 1.5em;}
#content ol li ol li{list-style: decimal-leading-zero;}
#content ol li ol li ol li{list-style: lower-roman;}
*/
/*リストマーク  ※ 印*/
#content ul.ast{margin:0 0 1.5em 0;list-style: none;}
#content ul.ast li{margin:0 0 0.5em 0;text-align: left; padding-left: 1em;    text-indent: -1em;line-height:120%;}
#content ul.ast li:before{content:"\203B";font-size:100%;color:#666; margin:0 0.1em 0 0;}

#content ul.ast.red{margin:0 0 1.5em 0;list-style: none;}
#content ul.ast.red li{margin:0 0 0.5em 0;text-align: left; padding-left: 1em;    text-indent: -1em;line-height:120%;}
#content ul.ast.red li:before{content:"\203B";font-size:100%;color:#f00; margin:0 0.1em 0 0;}


/*fbマーク*/
.fa-facebook-square{color:#4b68ad;margin:0 0.15em 0 0;}

/*お知らせ*/	
dl.article{margin:0 0 2em 0;padding:0 0 1em 0;border-bottom:1px dashed #ccc;}	
dl.article dt{font-size:135%;margin:0 0 0.5em 0;font-weight:500;}
dl.article dt a{color:#003c84;}
dl.article dt .date{margin:0 0 0.25em 0; font-size:70%;font-weight:300;}
dl.article dt i{color:#f00;}






   

/*-----------------------------
ギャラリー
------------------------------*/
.gallery { /** ギャラリーを囲むボックス **/
	width: 100%;
	/*margin-bottom: 20px !important;*/
    overflow: hidden;
}
.gallery br {display: none;} /** 自動で挿入される clearfix の余白解除 **/
.gallery-item { /** 画像共通のスタイル **/
   /*float: left;*/
	margin-bottom: 0 !important;
	display:inline-block;vertical-align: top;
	padding:0 0 1em 0;
}
.gallery-icon { /** 画像を囲む dt のスタイル **/
    text-align: center;
}
.gallery-icon img {
	width: 100%;
	height: auto;
	margin-bottom: 10px !important;
}
.gallery-caption { /** キャプション **/
    color: #222;
    font-size: 12px;
    margin: 0 0 10px;
    text-align: center;
}
 
.gallery-columns-1 .gallery-item { /** カラムなし **/
    width: 100%;
    margin-right: 0;
}
.gallery-columns-2 .gallery-item { /** 2カラム **/
	width: 48%;
	margin: 0 1%;
}
.gallery-columns-3 .gallery-item { /** 3カラム **/
    width: 31.33333%;
	margin: 0 1%;
}
.gallery-columns-4 .gallery-item { /** 4カラム **/
    width: 23%;
    margin: 0 1%;
}
.gallery-columns-5 .gallery-item { /** 5カラム **/
    width: 18%;
    margin: 0 1%;
}




/*お問い合わせフォーム 
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/*formの設定*/
#contact {width:80%;margin:auto;}
#entryform {width:80%;margin:auto;}

dl.form {
margin:0 auto 2em auto;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap; }
dl.form dt { flex-basis: 28%;padding:1%; }
dl.form dd {flex-basis: 68%;padding:1%;}
dl.form input { background:#f0f0f0;border:none;padding:0.25em;font-size:110%;}
dl.form dd.orderitem input{width:100%;}
dl.form dd.message textarea{width:90%;padding:1em;font-size:110%;border:1px solid #ccc;}

#submit{margin:2em 0 0 0; text-align:center;}
#submit input[disabled]{
display:block;width:50%;margin:0 auto;font-size:135%;padding:1em;border:1px solid #ccc; border-radius:0.25em;color:#ccc;
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
background: linear-gradient(to bottom, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );}
#submit input{
 color:#000;   
display:block;width:50%;margin:0 auto;font-size:135%;padding:1em;border:1px solid #ccc; border-radius:0.25em;
background: #fceabb;
background: -moz-linear-gradient(top, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
background: -webkit-linear-gradient(top, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%);
background: linear-gradient(to bottom, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 );}

#submit input:hover{cursor:pointer;opacity:0.6;}

dl.form dt span.req {color:#f00;font-size:70%;margin:0 0 0 0.25em;display:inline-block}

#difadd{border:1px solid #ccc;margin:0 0 1em 0;padding:1em;}
#difadd h3{font-size:105%;}
input.kata{margin:0 0 0.25em 0}

.small {
	font-size: 12px;
}

/* 送信前の注意書きテキスト    */
div.conf-text {
	clear:both;
	margin:0 0 0 0;
	text-align:left;
}

/* 「上記内容で送信します」の設定 */
div.conf {
	text-align:center;
	margin:1.5em 0;
	font-size:120%;
	color:#c00;
}
div.conf label:hover{ cursor:pointer;display:block;}

span.wpcf7-list-item {
	display: block !important;
	margin: 0 0 0 0 !important;
}







/* ▼▼▼▼▼Serchの設定▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
input.searchform-btn {padding:1px 7px; cursor:pointer;}


/* ▼Post
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.post hr {
	display: block;
}
.clear {
	clear: both;
}
.entry {
	margin:0 0 2em 0;
}
.entry blockquote {
	border:1px dashed #ccc;
	padding:5px 20px;
	margin:10px 0;
	background:#f8f8f8;
}
.entry blockquote blockquote {
}

.entry fieldset {
	border:none;
}
fieldset {
	border:none;
}
.entry fieldset legend {
	font-weight:bold;
	text-transform:uppercase;
}
.entry ol {
	list-style-type:decimal;
}
.entry ol ol {
	list-style-type:lower-alpha;
}
.entry ol ol ol {
	list-style-type:lower-roman;
}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignright {
	padding:0;
	margin: 0 0 1em 1em;
	display: inline;
	float:right;
}
.alignleft {
	padding:0;
	margin: 0 1em 1em 0;
	display: inline;
	float:left;
}

.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.navigation {
	clear:both;
	padding:20px 0;
}
.navigation .alignleft {
	text-align:left;
}
.navigation .alignright {
	text-align:right;
}


.wp-caption {text-align: center;margin:0 0 1em 0;padding:1em; border:5px solid  #f0f0f0;}
.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}
.wp-caption .wp-caption-text {margin: 1em 0 0 0;font-size:90%;text-align: center;}

dd.wp-caption-text {
	font-size:12px;		
}

.center {
	text-align: center;
}
.hidden {
	display: none;
}

	


/*media query
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/*  768px以上//////////////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width: 48em) {
}/* <----------@media screen and (min-width: 48em)  */