@charaset "UTF-8";
/*base*/
body {
color:#333333;
background-color:#ffffff;
}
a:link { color:#003172;}
#header-bar-wrp{ background-color:#fafafa; }
.widgets-portfolio-wrp h2 a {color:#333333;}

/*base*/
#container-out {background-color:#ffffff;}
#fancybox-content #container-out {background-color:#fff;}

#header{
background: #ffffff;}
.drawer-navbar .drawer-navbar-header {
background-color:#ffffff!important;
}
.drawer-nav {
background-color:#03142b!important;
}
/*spnavi*/
.drawer-hamburger-icon, .drawer-hamburger-icon::before, .drawer-hamburger-icon::after {
    background-color: #111111;
}
.sr-only {
    color: #111111;
}
header .drawer-menu li.menu-item a {
    color: #111111 !important;
}
#site-title {padding:22px 0 0 30px;}
#site-title img{width:240px;}
#site-title2 {padding:10px 0 0 10px;}
#site-title2 img{width:180px; vertical-align:bottom;}
.wf{font-family: 'Droid Sans', sans-serif;}

#mn-out{
 clear:both;
 width:100%;
background-color:#003172;}

#footer{
background-color:#F5F5F5;}

/*bg-grd*/
#container {
-pie-lazy-init:true;
position:relative;
width:100%;
margin:0;
}

#wrapper-out,
#wrapper,
.sidebar-right #wrapper-in,
.sidebar-right #wrapper-top,
.sidebar-right #wrapper-bot,
.sidebar-left #wrapper-in,
.sidebar-left #wrapper-top,
.sidebar-left #wrapper-bot{
background:none;
}
#wrapper-out{
background-color:#ffffff;
}

/*globalnavi*/
#gn-out{
background: #003172;}
/*#gn,*/
#gn li{
min-height:55px;
height: auto;
height:55px;
}
#gn li a{
color:#ffffff;
line-height:55px !important;
padding: 0 30px !important;
}
#gn li:hover > a,
#gn li.current-menu-item > a,
#gn li.current-page-ancestor > a,
#gn li.current-post-ancestor > a{
color:#ffffff;
background-color:#072d5f;}
#hn-out{ top:50px; }
#hn li a{ color:#444444; }
#mn li a{ color:#ffffff; }
#fn li a{ color:#3B5998; }
#footer-tx,
#footer-tx a{ color:#333333; }
#fn-out{ border-bottom:1px solid #dddddd; }
address{
 border-top:1px solid #ffffff;
 border-bottom:1px solid #dddddd;
}
#footer-seo{ border-top:1px solid #ffffff; }
#header-seo,
#header-seo a{ color:#888888; }
#footer-seo,
#footer-seo a{ color:#888888; }
#header-bar,
#home #visual,
#under #visual{width:930px;}
#under #visual .vitxt{color:#c3beba;}

.slider-wrapper,
#slider {
margin:0 auto;
width:930px;
height:300px;
position:relative;
}

#visual .nivo-controlNav {
height:65px;
}

.theme-default .nivo-directionNav a {
background:url(common/nivo-slider/themes/default/arrows-w.png) no-repeat;
}

#main h1{
border-top:5px solid #003172;
background:url(/wp/wp-content/themes/ayatoritheme/common/images-bg/h1-bg-ffffff.gif) repeat-x 0 bottom #ffffff;
}
#home-top-contents h2,
#main h2,
.widgets-free h2,
#side .widgets-portfolio-wrp h2,
#side .widgets-post h2,
#side .widgets-free h2{
-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;
background: #eeeeee;/display: inline;
/zoom: 1;
}

#home-top-contents h2 span,
#main h2 span,
.widgets-free h2 span,
#side .widgets-portfolio-wrp h2 span,
#side .widgets-post h2 span,
#side .widgets-free h2 span{ border-left:5px solid #003172; }
#main h3,
.widgets-free h3{ border-bottom:2px solid #003172; }
#main h4,
.widgets-free h4{ border-left:4px solid #003172; }
#main h2 a.catchcopy,
#main h2 a.catchcopy,
#main .catchcopy,
#main .catchcopy a,
.widgets-free h2 a.catchcopy,
.widgets-free h2 a.catchcopy,
.widgets-free .catchcopy,
.widgets-free .catchcopy a{ color:#003172; background:none !important; }


/*billboard*/
#main .billboard-wrp .h2,
.widgets-free .billboard-wrp .h2{
-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;
background: #0f5c18;}
#main .billboard-wrp .h3,
.widgets-free .billboard-wrp .h3{ border-bottom:2px solid #0f5c18; }

/*fukidashi*/
#main .fukidashi-wrp .h2{
-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;
background: #003172;}
#main .fukidashi-wrp .h3,
.widgets-free .fukidashi-wrp .h3{ border-bottom:2px solid #003172; }


/*button*/
.readmore,
.searchsubmit,
.inquiryformSubmit{
-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;
background: #003172;-webkit-appearance: none;
}


.button-default,
.contact-default{
display:inline-block;
margin:0.5em 0 1em 0;
padding: 0.3em 1em 0.3em;
color: #ffffff !important;
font-weight:bold;
text-decoration:none !important;
-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;
background: #003172;}
.contact-default{display:block;text-align:center;margin:0;padding:20px 0;}

.readmore:hover,
.searchsubmit:hover,
.inquiryformSubmit:hover,
.button-default:hover,
.contact-default:hover{
background: #0a2548;}
.color-default{border-color:#003172;}
.button-default2,
.contact-default2{
display:inline-block;
margin:0.5em 0 1em 0;
padding: 0.3em 1em 0.3em;
color: #ffffff !important;
font-weight:bold;
text-decoration:none !important;
-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;
background: #0f5c18;}
.contact-default2{display:block;text-align:center;margin:0;padding:20px 0;}

.button-default2:hover,
.contact-default2:hover{
background: #133f17;}

#inquiryback,.inquiryback{
display:block;
-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;
background: #444444;}
#inquiryback:hover,.inquiryback:hover{
background: #888888;}

.color-default2{border-color:#0f5c18;}
.button-black,
.contact-black{
display:inline-block;
margin:0.5em 0 1em 0;
padding: 0.3em 1em 0.3em;
color: #ffffff !important;
font-weight:bold;
text-decoration:none !important;
-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;
background:url(common/images-bg/btn-bg-black.gif) 0 0 repeat-x #000000;
}
.contact-black{display:block;text-align:center;margin:0;padding:20px 0;}
.button-black:hover,
.contact-black:hover{background:none;background-color: #000000;}
.color-black{border-color:#000000;}
.button-gray,
.contact-gray{
display:inline-block;
margin:0.5em 0 1em 0;
padding: 0.3em 1em 0.3em;
color: #ffffff !important;
font-weight:bold;
text-decoration:none !important;
-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;
background:url(common/images-bg/btn-bg-gray.gif) 0 0 repeat-x #666666;
}
.contact-gray{display:block;text-align:center;margin:0;padding:20px 0;}
.button-gray:hover,
.contact-gray:hover{background:none;background-color: #666666;}
.color-gray{border-color:#666666;}
.button-lightgray,
.contact-lightgray{
display:inline-block;
margin:0.5em 0 1em 0;
padding: 0.3em 1em 0.3em;
color: #ffffff !important;
font-weight:bold;
text-decoration:none !important;
-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;
background:url(common/images-bg/btn-bg-lightgray.gif) 0 0 repeat-x #d3d3d3;
}
.contact-lightgray{display:block;text-align:center;margin:0;padding:20px 0;}
.button-lightgray:hover,
.contact-lightgray:hover{background:none;background-color: #d3d3d3;}
.color-lightgray{border-color:#d3d3d3;}
.button-red,
.contact-red{
display:inline-block;
margin:0.5em 0 1em 0;
padding: 0.3em 1em 0.3em;
color: #ffffff !important;
font-weight:bold;
text-decoration:none !important;
-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;
background:url(common/images-bg/btn-bg-red.gif) 0 0 repeat-x #c8161d;
}
.contact-red{display:block;text-align:center;margin:0;padding:20px 0;}
.button-red:hover,
.contact-red:hover{background:none;background-color: #c8161d;}
.color-red{border-color:#c8161d;}
.button-facebook,
.contact-facebook{
display:inline-block;
margin:0.5em 0 1em 0;
padding: 0.3em 1em 0.3em;
color: #ffffff !important;
font-weight:bold;
text-decoration:none !important;
-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;
background:url(common/images-bg/btn-bg-facebook.gif) 0 0 repeat-x #3b5998;
}
.contact-facebook{display:block;text-align:center;margin:0;padding:20px 0;}
.button-facebook:hover,
.contact-facebook:hover{background:none;background-color: #3b5998;}
.color-facebook{border-color:#3b5998;}
.button-twitter,
.contact-twitter{
display:inline-block;
margin:0.5em 0 1em 0;
padding: 0.3em 1em 0.3em;
color: #ffffff !important;
font-weight:bold;
text-decoration:none !important;
-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;
background:url(common/images-bg/btn-bg-twitter.gif) 0 0 repeat-x #33ccff;
}
.contact-twitter{display:block;text-align:center;margin:0;padding:20px 0;}
.button-twitter:hover,
.contact-twitter:hover{background:none;background-color: #33ccff;}
.color-twitter{border-color:#33ccff;}
.button-hamazo,
.contact-hamazo{
display:inline-block;
margin:0.5em 0 1em 0;
padding: 0.3em 1em 0.3em;
color: #ffffff !important;
font-weight:bold;
text-decoration:none !important;
-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;
background:url(common/images-bg/btn-bg-hamazo.gif) 0 0 repeat-x #ff6600;
}
.contact-hamazo{display:block;text-align:center;margin:0;padding:20px 0;}
.button-hamazo:hover,
.contact-hamazo:hover{background:none;background-color: #ff6600;}
.color-hamazo{border-color:#ff6600;}
.button-orange,
.contact-orange{
display:inline-block;
margin:0.5em 0 1em 0;
padding: 0.3em 1em 0.3em;
color: #ffffff !important;
font-weight:bold;
text-decoration:none !important;
-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;
background:url(common/images-bg/btn-bg-orange.gif) 0 0 repeat-x #ff6600;
}
.contact-orange{display:block;text-align:center;margin:0;padding:20px 0;}
.button-orange:hover,
.contact-orange:hover{background:none;background-color: #ff6600;}
.color-orange{border-color:#ff6600;}
.button-rss,
.contact-rss{
display:inline-block;
margin:0.5em 0 1em 0;
padding: 0.3em 1em 0.3em;
color: #ffffff !important;
font-weight:bold;
text-decoration:none !important;
-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;
background:url(common/images-bg/btn-bg-rss.gif) 0 0 repeat-x #ff9600;
}
.contact-rss{display:block;text-align:center;margin:0;padding:20px 0;}
.button-rss:hover,
.contact-rss:hover{background:none;background-color: #ff9600;}
.color-rss{border-color:#ff9600;}

/*junction*/
div.junction h2 a{
-webkit-border-radius: 4px 4px 0 0 / 4px 4px 0 0 ;
-moz-border-radius: 4px 4px 0 0 / 4px 4px 0 0 ;
border-radius: 4px 4px 0 0 / 4px 4px 0 0 ;
background: #003172;}

div.junction h2 a:hover{
background: #072d5f;}

div.junction .j-box-in {
-webkit-border-radius: 0 0 4px 4px / 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px / 0 0 4px 4px;
border-radius: 0 0 4px 4px / 0 0 4px 4px;
}

/*feature*/
div.feature .h2{
-webkit-border-radius: 4px 4px 0 0 / 4px 4px 0 0 ;
-moz-border-radius: 4px 4px 0 0 / 4px 4px 0 0 ;
border-radius: 4px 4px 0 0 / 4px 4px 0 0 ;
background: #0f5c18;}

div.feature .f-box-in {
-webkit-border-radius: 0 0 4px 4px / 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px / 0 0 4px 4px;
border-radius: 0 0 4px 4px / 0 0 4px 4px;
border:3px solid #0f5c18;
border-top:none;
}

div.feature .h3{
color:#0f5c18;
}


/*cssarrow*/
.cssarrow-wrp .cssarrow-tx {
background: #003172;}
.cssarrow-wrp .cssarrow-b{
border-top: 100px solid #003172;
border-bottom: 100px solid transparent;
border-left: 200px solid transparent;
border-right: 200px solid transparent;
}


/*contact*/
.contact-set {
-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;
}
.contact-set-in {
-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;
 background: #f5f5f5;
 background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f5f5f5), to(#f0f0f0));
 background: -webkit-linear-gradient(#f5f5f5, #f0f0f0);
 background: -moz-linear-gradient(#f5f5f5, #f0f0f0);
 background: -ms-linear-gradient(#f5f5f5, #f0f0f0);
 background: -o-linear-gradient(#f5f5f5, #f0f0f0);
 background: linear-gradient(#f5f5f5, #f0f0f0);
 -pie-background: linear-gradient(#f5f5f5, #f0f0f0);
}

/*Side*/
#sn h2 a,
#archives h2,
#tags h2{
-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;
background: #003172;/zoom: 1;
}

#sn,
#archives,
#tags{
-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;
background:none;
background-color: #003172;
}

#sn-first li>a,
#archives ul li>span,
#tags ul li>span{
background:url(/wp/wp-content/themes/ayatoritheme/common/images-bg/h1-bg-ffffff.gif) repeat-x 0 bottom #ffffff;
/zoom: 1;
}
#sn-first li>a:hover,
#archives ul li>span:hover,
#tags ul li>span:hover{
background: #ffffff;}

#sn-first li.current_page_item > a,
#sn-first li.current-page-ancestor > a,
#archives ul li.current_page_item > span,
#archives ul li.current-page-ancestor > span{
background: #003172 !important;}

#side .banner-set ul.bnt li a{
-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;
background: #f0f0f0;}

#side .banner-set ul.bnt li a:hover{
background: #fafafa;}

/*PIE control*/
blockquote, .blockquote {
-pie-png-fix: true;
}
#header-bar-out {
-pie-background: linear-gradient(#f1f1f1, #e4e4e4);
}
#header-searchform,
#gn li:hover > a, #gn li.current-menu-item > a,
.box-round,
#main .billboard-wrp,
#main .fukidashi-wrp .fukidashi,
.nav-below .index a,
#side #side-bar-sitesearch,
#side #header-searchform {
}

/* ヘッダーSEO非表示 & 調整 */
#header-seo{display:none;}
#site-title-out #site-title{top:0!important;}

/* ルビ */
rt {font-size: 9px;}

/* 本文とサイドナビサイズ、パンくず、Gナビを大きくする */
#main { font-size: 16px; }
#main h1 { font-size: 30px; }
#main .entry-content h2 { font-size: 16px; }
#main div.junction h2 a { font-size: 20px; }
#main div .h2  { font-size: 20px; }

#breadcrumbs { font-size: 13px; } 
#gn {font-size:20px; } 

#main .hentry .layout-index .fl .post-date{ font-size:.9em;}

/* 設備一覧テーブル調整 */
@media screen and (max-width: 768px) { .equipment-table td { width: auto; text-align: left; }}
@media screen and (min-width: 769px) { .equipment-table td { width: 25%; text-align: right; }}

/*Gナビデザイン調整 */
#gn li { vertical-align: -35px; }

/* font-awesomeの＞字のデザイン調整 */
.fa-angle-right { color: #003172; margin-left:0.5em; margin-right:0.5em; }

/* タグレイアウト調整 */
.fTag { margin: 2em auto 1em; }

/* 関連リンク */
.relatedlink{ width:690px; background:url(https://www.fujii-k.co.jp/wp/wp-content/uploads/op-fujii/relatedlink/rl-waku05.png) 0 0 repeat;}
.relatedlink-in{ width:690px; background:url(https://www.fujii-k.co.jp/wp/wp-content/uploads/op-fujii/relatedlink/rl-waku03.png) 0 bottom no-repeat;}
.relatedlink dl,
.relatedlink dl dt,
.relatedlink dl dd{ margin:0 !important; padding:0 !important;}
.relatedlink dl.f-technology{ padding:5px 0 10px !important; background:url(https://www.fujii-k.co.jp/wp/wp-content/uploads/op-fujii/relatedlink/rl-waku02.png) 0 0 no-repeat; letter-spacing:-0.4em;}
.relatedlink dl.f-advantage,
.relatedlink dl.f-post{ padding:5px 0 10px !important; background:url(https://www.fujii-k.co.jp/wp/wp-content/uploads/op-fujii/relatedlink/rl-waku02.png) 0 0 no-repeat; letter-spacing:-0.4em;}
.relatedlink dl dt{ margin:0 0 15px !important; padding:0.2em 1em 0.6em!important; font-size:138.5%; color:#fff; background:url(https://www.fujii-k.co.jp/wp/wp-content/uploads/op-fujii/relatedlink/rl-waku04.png) 0 bottom no-repeat #0d499b; font-weight:normal !important;  letter-spacing:normal;}
.relatedlink dl dt span{ font-weight:bold; font-size:123.1%;}
.relatedlink dl.f-technology dd{ display:inline-block; *display:inline; *zoom:1; letter-spacing:normal; margin:0 0 15px 19px !important; width:204px; line-height:1.5;}
.relatedlink dl.f-technology dd img{ vertical-align:bottom;}
.relatedlink dl.f-advantage dd{ margin:0 0 5px 19px!important; letter-spacing:normal;}
.relatedlink dl.f-advantage dd a{ color: #333333!important; background: url("https://www.fujii-k.co.jp/wp/wp-content/uploads/op-fujii/relatedlink/rl-arrow.gif") no-repeat 0 0px ;padding: 2px 0 0 23px; }
.relatedlink dl.f-post dd{ display:inline-block; *display:inline; *zoom:1; letter-spacing:normal; margin:0 0 15px 19px !important; width:204px; line-height:1.5;}

/* 問い合わせセット */
.bc-wrp { width:930px; height:202px; position:relative; background:url(https://www.fujii-k.co.jp/wp/wp-content/uploads/op-fujii/bottomcontact-bg.gif) 0 0 no-repeat; }
.bc-wrp .bc-bt01 { position: absolute; width:622px; height:194px; top:0;     left:9px; }
.bc-wrp .bc-bt02 { position: absolute; width:282px; height:77px;  top:32px;  right:9px; }
.bc-wrp .bc-tel  { position: absolute; width:282px; height:77px;  top:120px; right:9px; }
.bc-wrp a[href*="tel:"] { pointer-events: none; }

/* Googleマップ レスポンシブ対応 */
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/* レスポンシブ */
@media screen and (max-width: 768px) {

/* フッター部の「金型に関する見積依頼や技術相談」バナー部の調整 */
.bc-wrp { width:auto; height: auto; background: none;  position: static; letter-spacing: -.4em;}
.bc-wrp .bc-bt01 { position: static; width:auto; height: auto; }
.bc-wrp .bc-bt02 { position: static; width:50%;  height: auto; letter-spacing: normal; display: inline-block; padding-right: 2px; box-sizing: border-box; }
.bc-wrp .bc-tel  { position: static; width:50%;  height: auto; letter-spacing: normal; display: inline-block; padding-left: 2px;  box-sizing: border-box; }
.bc-wrp a[href*="tel:"] { pointer-events: initial; }

/* フッター部のロゴ表示調整 */
.fujiilogo { display:block;}
.fujiilogo img.float-right{ float:none!important; }

/* 関連リンクを非表示にする */
.relatedlink{ display:none; }

}