/*
 Theme Name:   Omiwx
 Theme URI:    
 Description:  Omiwx
 Author:       Yuzuru Kenyoshi
 Author URI:   
 Template:     best-business
 Version:      1.0.0
 License:      
 License URI:  
 Tags:         
 Text Domain:  
*/

/***************************************************************************
 全体のフォント
 **************************************************************************/
body * {
	/*
    font-family:'Microsoft YaHei','Meiryo UI';

	*/
	
	font-family: Helvetica, 'Hiragino Sans GB', 'Microsoft Yahei', '微软雅黑', Arial, sans-serif;
	}


/*===========================================================


===========================================================*/


#featured-slider {
    width: 1230px;
    margin: 0 auto;
    /*padding-left: 25px;
    padding-right: 25px;*/
    max-width: 100%;

    /*Copied from .container from template CSS*/
}


 

#masthead {
    display:none;
}


/*===========================================================
ショーケース（4つ画像が並んだ中ほどのメニュー）

===========================================================*/

#showCases {
        width: 1230px;
        margin: 0 auto;
        /*padding-left: 25px;
        padding-right: 25px;*/
        max-width: 100%;
		background-color:white;
}

.showCaseBox {
    display:inline-block;
    width:24%;
    position:relative;
}
    .showCaseBox img {
        width:100%;
    }
    .showCaseBox span.showCaseText {
        display:block;
        position:absolute;
        z-index:200;
        top:45%;
        font-weight:bold;
        font-size:xx-large;
    }
#showCase1 span.showCaseText{
        left:30%;
        color:red;
}
#showCase2 span.showCaseText {
        left:20%;
        color:red;
}
#showCase3 span.showCaseText{
        left:15%;
        color:black;
}
#showCase4 span.showCaseText {
        left:10%;
        color:black;
}

  @media (max-width: 1200px) {
    .showCaseBox span.showCaseText {
       font-size:3vw;
    }
  }



/*===========================================================

    Menu
    1. 要黑背景
    2. 每个Li要平均宽度
    3. 需要搜索也是Li之一
    用jquery来控制


/*===========================================================
ショーケース（4つ画像が並んだ中ほどのメニュー）

===========================================================*/


#main-nav {
    background-color: black;
    display:none;
}
    #main-nav ul#primary-menu {
        display:table;
        table-layout:fixed;
        text-align:center;
        width:100%;
    }
        #main-nav #primary-menu li{
            float:none;
            display: table-cell;
            vertical-align: middle;
            text-align:center;
             padding-left:15px;
             padding-right:15px;
        }

            #main-nav #primary-menu li a{
                /*min-width:80px;*/
                font-size:large;
            }


@media only screen and (max-width:1023px) {
    #main-nav {
        display:none !important;
        /*!important 就可以不让jQuery Show 来显示*/
    }
}



/*===========================================================
トップページへのリンクには大見のロゴ画像を表示する

===========================================================*/


.menu-item-75 a{/*
background-image:url('http://www.omiwx.com/wp-content/uploads/sites/2/2017/09/olws.png');
background-position: center;
background-repeat: no-repeat;
用JS 来影藏Text*/
}

/*===========================================================
トップページへのリンクには大見のロゴ画像を表示する

===========================================================*/
.menu-item-181 a{/*
background-image:url('http://www.omiwx.com/wp-content/uploads/sites/2/2017/09/mws.png');
background-position: center;
background-repeat: no-repeat;

*/


/*用JS 来影藏Text*/

}

/*
    菜单 Hover 换颜色


*/
.menu-item-171:hover{
	background-color:#dd362a;
}
.menu-item-172:hover{
	background-color:#004000;
}
.menu-item-173:hover{
	background-color:#d0582f;
}
.menu-item-174:hover{
	background-color:#00582f;
}
.menu-item-175:hover{
	background-color:#3d0e4e;
}
.menu-item-176:hover{
	background-color:white;
}
.main-navigation ul li.menu-item-176:hover a{
	color:black;	
}

.caption-wrap{
display:none;
}
#main-slider article::before {
    background:none !important;
}

/*
    QQContact
    1. 访问QQ商家网站
    2. 获取代码
    3. 放在Footer 小工具,用Div id=qqContact 来包起来
    4. 用JS来吧他appendBody
*/

#qqContact {
    position:fixed;
    right:20px;
    top:100px;
    z-index:200;
    padding:0px;
	padding-bottom:-5px;
    background-color:white;
    border-radius:5px;
}
  @media (max-width: 767px) {
		#qqContact{
			display:none;
			
		}
  }

/*
    JPLINK
    4. 用JS来吧他appendTo #main-nav
*/

#main-nav {
    position:relative;
}
/*
#jpLink {
    position:absolute;
    right:20px;
    top:25px;
    color:white;
    z-index:200;
}
*/
#jpLink {
    position:absolute;
    right:20px;
    top:25px;
    color:white;
    z-index:200;
	
}


/*===========================================================
    検索アイコンを外にだすために
	検索にJSでクラスを追加した
===========================================================*/


.searchParent{
	position:absolute;
    right:20px;
    top:25px;
    color:white;
    z-index:200;
}
.fa-search{
	color:white;	
}

/*===========================================================
	日系企業様へのメニューが
	長いけど折りたたまれないようにする
===========================================================*/

.menu-item-1213{
	width:160px;
	
}


/*===========================================================
    产品列表
	精密以外は外側の箱に影をつけて、
	商品画像はUltimate PostsでMediumを選択し縦横比を保ったままリサイズ＆中寄せ
===========================================================*/

.catalogBody article
{
    width:180px;
    float:left;
	height:250px;
	margin-right:10px;

}
.catalogBody article .entry-title a{  
	font-size:small;
		
}


.catalogBody article .entry-image{

	box-shadow: 5px 5px 5px rgba(0,0,0,0.4);		
	height:170px;
	display: table-cell; /*上下中央*/
	width: 170px;
	text-align: center; /*左右中央*/
	vertical-align: middle; /*上下中央*/
	
	
    }
	
.catalogBody article .entry-image img{
	/*縦横比を保つ*/
	width:auto;
	height:auto;
	max-width:170px;
	max-height:170px;

}

/*===========================================================
　 精密に関しては、Ultimate Postsでサムネイルを選択し
　　画像のほうに影をつける（画像に背景色があるため）
===========================================================*/

#pl-158 .catalogBody article .entry-image{
	
	vertical-align:none;
	box-shadow:none;
}

#pl-158 .catalogBody article .entry-image img{
		width:100%;
		height:100%;
		box-shadow: 5px 5px 5px rgba(0,0,0,0.4);		
		
}


/*===========================================================

===========================================================*/


#custom-header {
    padding-top:30px;
    padding-bottom:30px;

}



.best-business-post-thumb {
    display:none;
}



/*===========================================================
    产品页
===========================================================*/
.entry-content img{
	
	/*
	box-shadow: 10px 10px 10px rgba(0,0,0,0.4);
	*/
}
div.entry-meta {
	display:none;
	
}

/*===========================================================
******* Side Bar Hide  *************
===========================================================

#primary{
	width:100%
	
}
#sidebar-primary{
display:none;	
	
}
*/

/*===========================================================
******* Page Header Color  *************
===========================================================*/

.page-id-158 #custom-header{
	/*semitsu*/
	background-color:#dd362a;
}
.page-id-159 #custom-header{
	/*aikong*/
	background-color:#004000;
}

.page-id-160 #custom-header{
	/*kiriwari*/
	background-color:#d0582f;
}
.page-id-162 #custom-header{
	/*tessaku*/
	background-color:#00582f;
}

.page-id-164 #custom-header{
	/*kankyo*/
	background-color:white;
	color:black;
}
.page-id-163 #custom-header{
	/*syoryoku*/
	background-color:#3d0e4e;
}

#custom-header:after{
	background-color:none;
	
}


#historyTable{
	border-Collapse:collapse;
}
	#historyTable td{
		border-left:none;
		border-right:none;
	}
	
	#historyTable img{
		width:400px;
	}
		
/*===========================================================
******* Page Header Space　Between　Widget  *************
===========================================================*/
.home #sidebar-front-page-widget-area .widget {
    padding-top:0; 
    padding-bottom: 0;
}