@charset "utf-8";
/*
Theme Name:biz-vektor-Child
Author:Ohsawa
Template:biz-vektor
*/

@import url('../biz-vektor/style.css');

/*　トップページに表示する項目・・・削除　*/
#content .sectionFrame {
    display:none;
}

#content .caption {
    display:none;
}
/*　InformationとBlogを横並びに　*/
#content #topInfo, #content #topBlog {
    width:47%;
    float:left;
    margin:10px;
}
 
/*　フリーエリアで横並びを解除　*/
#topContentsBottom {
    clear:both;
}
 
@media (max-width: 768px) {
    #content #topBlog,
    #content #topInfo 
    {
        float: none;
        width:98%;
    }
}

/*　グローバルナビゲーションの背景色を削除　*/
#gMenu,
#gMenu .menu li,
#gMenu .menu li a
{background:none;}




#pagetop {
    display:none;
} 

/* 投稿・ページに枠線 */
#content .infoList .infoListBox, /*　一覧表示　*/
#content > .entry-content,  /*　個別ページ　*/
#content .post,  /*　個別Blog投稿　*/
#content .info { /*　個別Information投稿　*/
    padding:20px;
    border:solid 2px silver;
    border-radius:5px;
    background-color:Ivory;
}
 
#content .infoList .infoListBox div.thumbImage {
    padding-right:20px;
} 



/*　お問い合わせメッセージ　*/
#header #headContact #headContactTxt {
    font-size:13px;
    font-weight:bold;
}
 
/*　電話番号　*/
#header #headContact #headContactTel {
    font-size:32px;
    margin-top:6px;margin-bottom:10px;
}
 
/*　受付時間　*/
#header #headContact #headContactTime {
    font-size:13px;
    font-weight:bold;
}

/* ヘッダートップの書式 */
#headerTop #site-description {
    font-size:12px;
    font-family:'Lucida Grande',
    'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
     Meiryo, メイリオ, sans-serif;
}

/* 日付とカテゴリ非表示 */
#content #topInfo.infoList ul li .infoDate,
#content #topInfo.infoList ul li .infoCate,
#content #topBlog.infoList ul li .infoDate,
#content #topBlog.infoList ul li .infoCate {
    display: none;
}


/*　3PR見出し文字色　*/
#topPr h3 a {
    color:red;
}

/* =Widgets部分 */
.widget-title {
	
	color: #EA005A;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.1em;
}	

#sideTower .sideWidget li a:hover {/*ウィジェットリンク色・マウスオン*/
color:#0b910d;
}


 


#wrap #wrap-in #sideTower {
    border: 1px solid #ccc;
    background-color: #FFF;
    border-radius: 4px 4px 4px 4px;
    padding-bottom: 20px;
}

img {
  vertical-align: top;
}
@media only screen and (max-width: 640px) {
  img {
    max-width: 100%;
    height: auto;
  }
}
.logo {
  width: 630px;
  height: 630px;
  margin: 20px auto;
  text-align: center;
  background: url(http://www.kugin.co.jp/wp2/wp-content/uploads/630.png) no-repeat center;
}
.logo img {
  display: none;
}
@media only screen and (max-width: 640px) {
  .logo {
    width: auto;
    height: auto;
    background: none;
  }
  .logo img {
    display: block;
  }
}

img.miniimage { display: none; }

/* ▼表示領域が768px以上の場合 */
@media screen and (min-width: 769px) {
   img.miniimage { display: none; }  /* miniを非表示 */
   img.clickablemap  { display: block; } /* bigを表示 */
}
/* ▼表示領域が767px未満の場合 */
@media screen and (max-width: 768px) {
   img.miniimage { display: block; } /* miniを表示 */
   img.clickablemap  { display: none; }  /* bigを非表示 */
}



 
/*ヘッダー画像のサイズ定義を変更した場合 */
@media (min-width: 970px) { /*　BizVektorのレスポンシブ設定による　*/
    /*　画像フレームの最小の高さを設定　*/
    #topMainBnrFrame {
        min-height: 200px;
    }
}
 



a.btn.btnL:hover {
  background-color:#07ba10;
 }

/* pocketボタンを非表示に */
#content .socialSet .sb_pocket { display:none; }

/*　トップにタイトル非表示　*/
@media screen and (min-width: 769px) {
body.home #site-title { display:none; }
}

/*　トップにお問い合わせ非表示　*/
@media screen and (min-width: 769px) {
body.home #header #headContact { display:none; }
}

/*フッターの背景 */
#footer {
    background-repeat: no-repeat;
    background-position: center;
}

/*フッターの背景色 */
#footer {
    background-color: #5399C5;
}
/* 会社名 */
#footer dl#footerOutline dt { color:white; }
 
/* 住所 */
#footer dl#footerOutline dd { color:white; }
 
/* フッターサイトマップメニュー */
#footerSiteMap .menu a { color:white; }

/*CopyrightとPowered byの背景 */
#siteBottom {
background: url(http://www.kugin.co.jp/wp2/wp-content/uploads/111.png) no-repeat center;
}

/*CopyrightとPowered byの背景色と罫線 */
#siteBottom {
border-top:0px ;

}

/*CopyrightとPowered byの色 */
#siteBottom #copy,
#siteBottom #copy a {
color:white;
}

.nonborder {
  border:none;
  outline:none;
}

@media screen and (max-width: 768px) {
  .show-head { display:none; }
}

.html {
  overflow-x:hidden;
}

/*　画像に枠線を付ける　*/
img.waku  {
    border: solid 2px white;
	outline: solid 1px gray;
	
}

  
/*--------------------------------
PREV NEXT
---------------------------------*/
#prev_next{
    width:100%;
    margin: 36px 0 24px;
    padding:0;
    display: table;
}

#prev_next  #prev, #prev_next  #next{
    width: 50%;
    padding:30px 10px 10px;
    border-top:#ccc 1px solid;
    border-bottom:#ccc 1px solid;
    display: table-cell;
    position:relative;
	text-decoration:none;
}
#prev_next #prev p, #prev_next #next p{
	    font-size:90%;
		line-height:1.5;
}
#prev_next #prev:hover, #prev_next #next:hover{
	background-color: rgba(238,238,238,0.7);
}

#prev_next #prev{
	border-right:#ccc 1px solid;
}

#prev_next #prev_title, #prev_next #next_title{
    font-size:100%;
    top:-0em;
    position:absolute;   
    text-align: center;
    padding:3px;
	color:#000;
}
#prev_next #next_title{
	right:10px;
}

#prev_next #prev img, #prev_next #next img{
    margin:0 auto;
}

#prev_next #prev_no, #prev_next #next_no{
	width: 50%;
	height:140px;
    padding:0 10px;
    display: table-cell;
}

#prev_next #prev_no{
	border-right:#ccc 1px solid;
}

#prev_next_home{
    width: 50%;
    padding:30px 10px 10px;
    border-top:#ccc 1px solid;
    border-bottom:#ccc 1px solid;
    display: table-cell;
    position:relative;
	text-decoration:none;
}

#prev_next_home:hover{
	background-color: rgba(238,238,238,0.7);
}

#prev_next_home i{
	color:#FFF;
	margin:10px auto ;
	font-size:60px;
}


/*-- ここまで --*/
/*-- ここから --*/
/*--------------------------------------
  768px PREV NEXT
--------------------------------------*/

#prev_next #prev, #prev_next #prev::before, #prev_next #prev::after,
#prev_next #next, #prev_next #next::before, #prev_next #next::after {	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}


#prev_next #prev_title, #prev_next #next_title{
    padding:3px 10px;
}
#prev_next #next_title{
	right:10px;
}

#prev_next #prev img{
    float:left;
    margin-right:10px
}


#prev_next #next img{
   float:right;
   margin-left: 10px;
}
/*-- ここまで --*/ 

/*-- レスポンシブ＆mapアイコン --*/ 	
#canvas_wrapper {
  max-width: 100%;
  min-width: 260px;
  margin: auto;
}
 
#canvas_wrapper img {
  max-width: none;
}
 
#map-canvas {
  height:480px;
  width:100%;
}
#canvas_wrapper2 {
  max-width: 100%;
  min-width: 260px;
  margin: auto;
}
 
#canvas_wrapper2 img {
  max-width: none;
}
 
#map-canvas2 {
  height:480px;
  width:100%;
}
#canvas_wrapper3 {
  max-width: 100%;
  min-width: 260px;
  margin: auto;
}
 
#canvas_wrapper3 img {
  max-width: none;
}
 
#map-canvas3 {
  height:480px;
  width:100%;
}