@charset "utf-8";
/*
Theme Name: ★BizVektor子テーマサンプル★
Theme URI: http://bizvektor.com
Template: biz-vektor
Description: 
Author: ★弁護士法人 京阪藤和法律事務所★
Tags: 
Version: 0.1.0
*/


/*メイン部分　横幅サイズ設定
--------------------------------*/
@media (min-width: 970px){
#main #container #content { width:690px; }
}

/*グローバルメニュー2行目に英語表記
--------------------------------*/

/* ホーム：home */
#menu-item-151 > a:after {
    content: 'Home';
    display: block;
    text-align: center;
}

/* 事務所案内：office */
#menu-item-168 > a:after {
    content: 'Office';
    display: block;
    text-align: center;
}
 
/* 所属弁護士：lawyers */
#menu-item-136 > a:after {
    content: 'Lawyers';
    display: block;
    text-align: center;
}
 
/* 取扱業務：service */
#menu-item-146 > a:after {
    content: 'Service';
    display: block;
    text-align: center;
}

/* 弁護士費用：price */
#menu-item-147 > a:after {
    content: 'Price';
    display: block;
    text-align: center;
}

/* ご相談の流れ：flow */
#menu-item-148 > a:after {
    content: 'Flow';
    display: block;
    text-align: center;
}
 
/* ブログ：blog */
#menu-item-149 > a:after {
    content: 'Blog';
    display: block;
    text-align: center;
}
 
/* お問い合わせ：contact */
#menu-item-150 > a:after {
    content: 'Contact';
    display: block;
    text-align: center;
}

/*画像リンク：マウスオーバー時に半透明
--------------------------------*/

a:hover img {
   opacity: 0.6;
}

/*サイド部分
--------------------------------*/
/* ボタン　サイドバー部分*/

/*Facebookボックス余白を消す*/
#fb-like-box { 
/*background-color: #FFF;*/
padding:0;
border: none;
} 
#main #container #content #fb-like-box {display:none;}

/*ホーム（トップページ）
--------------------------------*/

/*PC画面でメインエリアの幅を広くする*/
@media (min-width: 2000px) {
#main #container #content { width:680px; }
}

/*トップページ　ヘッダー背景: ブルー*/
#topMainBnr { 
background-image: url(/wp-content/uploads/2018/07/blue-02-bg.png);  
background-size:cover;
background-position: center bottom;
padding:10px 0;
}

/*トップページ　ヘッダー背景: パープル
#topMainBnr { 
background-image: url(/wp-content/uploads/2018/02/02-bg.png);  
background-size:cover;
background-position: center bottom;
padding:10px 0;
}*/

/* トップページ　新着情報　日付カラー*/
.content .infoList ul li .infoDate {
    margin-right: 8px;
    color: #005aaa;
}


/* カラム*/
#content p.column{
font-size:90%;
margin:0;
padding:0;
overflow: auto;
text-align:left;
}

/* スマホのときのカラム 
@media (max-width: 479px) {
#content p.column{
font-size:100%;
}
}*/

/* カラム弁護士紹介：イメージ*/
#content img.image-lawyer{
 border-radius: 50%;
 border:0.5px solid #ccc;
 margin:0;
 padding:0;
}

/* タブレット用のカラム弁護士紹介 横並び表記 */
@media only screen and (min-width:479px) and (max-width:768px) {
#content img.image-lawyer {
float:left;
margin:0 6px 0 0;
}	
#content .bunya {
width: 75%;
height:auto;
display:block;
float:right;
margin:0;
}
}

/* スマホ用のカラム弁護士紹介 横並び表記 */
@media (max-width: 479px) {
#content img.image-lawyer {
float:left;
margin:0 6px 0 0;
}	
#content .bunya {
width: 58%;
height:auto;
display:block;
float:right;
margin:0;
}
}


/* カラム取扱い業務：イメージ*/
#content img.image-service{
 border:0.5px solid #ccc;
 margin:0;
 padding:0;
}

/* タブレット用のカラム取扱い業務 横並び表記 */
@media only screen and (min-width:479px) and (max-width:768px) {
#content img.image-service {
width: 40%;
height:auto;
float:left;
margin:0 5px 0 0;
}	
}

/* スマホのときのカラム取扱い業務 横並び表記 */
@media (max-width: 479px) {
 /* 横並び解除 */
#content img.image-service {
width: 40%;
height:auto;
float:left;
margin:0 5px 0 0;
}
}

/*3PR　弁護士レイアウト */
/* 3PRエリアの枠線消す */
#topPr .prImage02 {
border: none;
}
/* 左右の枠線を消す */
#topPr,
#topPr .topPrOuter02 {
    border: none;
}

/*事務所案内
--------------------------------*/
/* 概要　テーブル*/
#content table.office{
font-size:95%;
margin-bottom:0;
}

#content table.office th{
vertical-align:middle;
}


/* 沿革 横並び表記*/

#content dl.history{
width: 100%;
line-height:1.3em;
}

#content dl.history dt {
color:#333;
font-weight: normal; 
display: block;
width: 20%;
clear: left;
float: left;
margin:0 0 5px 0;
}

#content dl.history dd {
display: block;
width: 78%;
float: left;
margin:0 0 5px 0;
}

 
/* スマホのときの沿革 横並び表記 */
@media (max-width: 479px) {
 /* 横並び解除 */
 #content dl.history dt {
color:#333;
font-weight: normal; 
display: block;
width: 100%;
clear: both;
float: left;
margin:0;
}

#content dl.history dd {
display: block;
width: 100%;
float: left;
margin:0 0 10px 0;
}
}

/*弁護士紹介
--------------------------------*/
/* 弁護士見出し（h2） */
#content h2.lawyers{
border: 1px solid #ccc;
border-top: 2px solid #005aaa;
/*border-top: 2px solid #996699;*/
padding: 13px 0px 8px;
padding-left: 15px;
box-shadow: inset 0 1px 0 #fff;
background: -moz-linear-gradient(#e5e5e5, #fff);
margin-top:0;
font-size: 128.6%;
font-weight: bold;
color: #333;
position: relative;
line-height: 114.3%;
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
clear: both;
}

#content h2.lawyers:first-child {
    margin: 0px 0px 25px;
}

#content h2.lawyers a {
    color:#333;
}

/* 弁護士アンカー枠（テーブル） */
#content table.lawyers-box{
font-size:100%;
margin-top:40px;
margin-bottom:0px;
}

#content table.lawyers-box td{
background-color:#f4f8fd;
border: 1px #005aaa solid;
/*border: 1px #996699 solid;*/
}

/* 弁護士アンカー見出し */
#content p.lawyers{
color:#005aaa;
/*color:#996699;*/
text-align:justify;
border-bottom:1px solid #005aaa;
/*border-bottom:1px solid #996699;*/
padding:0px 0px 3px 5px;
font-weight:bold;
font-size:120%;
}
/* 弁護士アンカーリスト */
#content ul.lawyers-list{
padding:0;
margin: 0;
}
#content ul.lawyers-list li{
list-style-type: none;
float: left;
padding:0px 30px 10px 15px;
margin: 0;
}
/* 改行による回り込み回避 */
#content br.mawari-komi{
clear:both;
}


/* 各項目の見出し */
#content h3.lawyers{
margin:0px 0px 10px 0px;
font-size:110%;
padding: 2px 0px 0px 10px;
color:#005aaa;
border-left:5px solid #005aaa;

/*color:#996699;
border-left:5px solid #996699; */
}

/*リード文*/
#content p.read{
color:#005aaa;
/*color:#996699;*/

font-weight:bold;
font-size:120%;
text-align:justify;
}

/* プロフィール 横並び表記*/

#content dl.profile{
width: 100%;
line-height:1.3em;
margin-left: 5px;
margin-bottom: 0;
}

#content dl.profile dt {
color:#333;
font-weight: normal; 
display: block;
width: 20%;
clear: left;
float: left;
margin:0px 5px 5px 0px;
}

#content dl.profile dd {
display: block;
width: 78%;
float: left;
margin:0px 0px 5px 0px;
}

/* 主な取扱分野 横並び表記*/

#content dl.bunya{
width: 100%;
line-height:1.3em;
margin-left: 5px;
margin-bottom: 0;
}

#content dl.bunya dt {
color:#333;
font-weight: normal; 
display: block;
width: 10%;
clear: left;
float: left;
margin:0px 5px 5px 0px;
}

#content dl.bunya dd {
display: block;
width: 88%;
float: left;
margin:0px 0px 5px 0px;
}

/* スマホのときのプロフィール 横並び表記 */
@media (max-width: 479px) {
 /* 横並び解除 */
#content dl.profile{
width: 100%;
line-height:1.3em;
margin-left: 5px;
margin-bottom: 0;
}

#content dl.profile dt {
color:#333;
font-weight: normal; 
display:block;
width: 100%;
clear: both;
float: left;
margin:0;
}

#content dl.profile dd {
display:block;
width: 100%;
float: left;
margin:0px 0px 10px 0px;
}
}

/* スマホのときの主な取扱分野 横並び表記 */
@media (max-width: 479px) {
 /* 横並び解除 */
#content dl.bunya{
width: 100%;
line-height:1.3em;
margin-left: 5px;
margin-bottom: 0;
}

#content dl.bunya dt {
color:#333;
font-weight: normal; 
display: block;
width: 100%;
clear: both;
float: left;
margin:0;
}

#content dl.bunya dd {
display: block;
width: 100%;
float: left;
margin:0px 0px 10px 0px;
}
}


/*取り扱い業務
--------------------------------*/
/* 業務の見出し　 */
#content h3.service{
margin-bottom:8px;
font-size:110%;
padding: 2px 0px 0px 12px;
}

/* 段落　最初に1文字空ける */

#content p.service{
text-indent: 1em;
text-align:justify;
}

/*弁護士費用
--------------------------------*/
/* 費用各項目の見出し　 */
#content h3.price{
font-size:105%;
padding: 0;
margin:0 0 5px 0;
border-left:0px;
}

#content h4.price-type{
margin-bottom:8px;
font-size:105%;
padding: 0 0 0 20px;
margin:10px 0px 5px 0px;
border:none;
}

#content h5.price-sort{
margin-bottom:8px;
font-size:100%;
padding: 0 0 0 25px;
margin:10px 0px 5px 0px;
border:none;
}

/* 費用に関する説明文　 */
#content p.version{
padding: 0 0 0 40px;
margin:0 0 10px 0;
clear:left;
}

#content p.notes{
padding: 0 0 0 15px;
margin:0 0 10px 0;
}

/* 費用に関するリスト表記 番号　 */

#content ol.price-list{
padding: 0;
margin: 0 0 0 60px;
}

#content ol.price-list li{
padding: 0;
margin: 0 0 10px 0;
}

/* 費用　テーブル*/
#content table.price{
font-size:92%;
margin-bottom:0;
width:100%;
table-layout: fixed;
}

#content table.price th{
text-align:center;
word-break:break-all;
padding:6px;
}

#content table.price td{
word-break:break-all;
padding:6px;
}

/* 弁護士費用-01 横並び表記*/

#content dl.price-01{
width: 100%;
line-height:1.3em;
margin: 0 0 0 40px;

}

#content dl.price-01 dt {
color:#666;
font-weight: normal; 
display: block;
width: 45%;
clear: left;
float: left;
margin:0 0 5px 0;
}

#content dl.price-01 dd {
display: block;
width: 55%;
float: left;
margin:0 0 5px 0;
}

 
/* スマホのときの沿革 横並び表記 */
@media (max-width: 479px) {
 /* 横並び解除 */
 #content dl.price-01 dt {
color:#333;
font-weight: normal; 
display: block;
width: 100%;
clear: both;
float: left;
margin:0;
}

#content dl.price-01 dd {
display: block;
width: 100%;
float: left;
margin:0 0 10px 0;
}
}




/* 弁護士費用 横並び表記*/

#content dl.price-teigi{
width: 100%;
line-height:1.3em;
margin-left: 5px;
margin-bottom: 0;
}

#content dl.price-teigi dt {
color:#336666;
font-weight: normal; 
display: block;
width: 25%;
clear: left;
float: left;
margin:0px 5px 5px 0px;
}

#content dl.price-teigi dd {
display: block;
width: 70%;
float: left;
margin:0px 0px 5px 0px;
}

/* スマホのときの弁護士費用 横並び表記 */
@media (max-width: 479px) {
 /* 横並び解除 */
#content dl.price-teigi{
width: 100%;
line-height:1.3em;
margin-left: 5px;
margin-bottom: 0;
}

#content dl.price-teigi dt {
color:#336666;
font-weight: normal; 
display: block;
width: 100%;
clear: both;
float: left;
margin:0;
}

#content dl.price-teigi dd {
display: block;
width: 100%;
float: left;
margin:0px 0px 10px 0px;
}
}

/*個人情報保護方針
--------------------------------*/
/* 個人情報保護方針：見出し */
#content h2.privacy{
font-weight:bold;
font-size:110%;
background-image:none;
border: none;
padding:0;
margin:12px 0px;
}

/* リスト（番号なし） */
#content ol.number-0{
list-style-type: none;
margin:0px 0px 15px 0px;
}

/* リスト（番号つき） */
#content ol.number-1{
margin:0px 0px 20px 20px;
}

/*ご相談・お問い合わせリンク
--------------------------------*/
#content h2.add{
background:none;
border-left:#005aaa solid 6px;
/*border-left:#996699 solid 6px;*/
border-top:0px;
border-bottom:0px;
border-right:0px;
margin:0 0 15px 0;
padding:0 0 0 10px;
}

/*お問い合わせフォーム
--------------------------------*/

/* お問い合わせフォーム　テーブル:980px*/

#content table.form {
margin-top:0;
padding-top:0;
}

#content table.form td {
width:80%;
height:auto;
margin:0 auto;
}

#content table.form th {
width:20%;
}

#content table.form th, td {
font-weight: normal; 
font-size: 100%;
text-align: left; 
}

/* テキストエリアの設定 */
input[type="text"],
input[type="email"],
input[type="tel"],
textarea,select{
width: 90%;
background-color: #fff;
color: #000;
margin:10px 0;
}

/* お問い合わせフォーム　テーブル:480px以下*/

/*max-width: 480px*/
@media (max-width: 479px) {

#content table.form {
max-width:100%;
}

#content table.form th {
font-size:90%;
width:15%;
}

#content table.form td {
font-size:90%;
width:85%;
}


 /* テキストエリアの設定 */
input[type="text"],
input[type="email"],
input[type="tel"],
textarea your-message,textarea,select{
width:90%;
/*margin:5px 0;*/
}
	
input[type="submit"]
{
   font-size: 90%;
    width: 100%;
    height:auto;
    cursor: pointer;
}

}




/*------------------
フッターカスタマイズ 
------------------*/

/*フッター上ナビゲーション*/
#menu-footer-navi.menu li a {
color: #FFF;
}

/* (1)フッター境界線（上）の色 */
#footMenu {
border-top-color:white;
}
 
/* (2)フッターの背景色 */
#footer {
    border-bottom: 0px solid #FFF;
    background: linear-gradient(#FFF, #CCC);
    text-align: left;
}

/* (3-1)会社名 ロゴなど
#footer dl#footerOutline dt { 
display:block;
width:180px;
height:38px;
background-image: url(イメージのURL);  
text-indent: -9999px;
 }*/

/* (3-2)会社名など情報の表示幅 */
#footer dl#footerOutline { 
margin:0px; line-height:150%; width:auto; 
}

/* (4)住所 */
#footer dl#footerOutline dd { color:#000; font-size:95%; width:100%; }
 
/* (5)フッターサイトマップメニュー */
#footerSiteMap .menu a { color:white; }
 
/* (6)フッター罫線 */
#footer { border-top:1px solid white; }
 
/* (7)メニューアイコン
#footerSiteMap .menu li a {
background:url(images/icon_arrow1_green.gif) 0px 3px no-repeat;
} */
 
/* (8)サブメニューアイコン 
#footerSiteMap .menu li li a {
background:url(images/icon_arrow2_orange.gif) 2px 4px no-repeat;
}*/

/* (9)CopyrightとPowered byの背景色と罫線 */
#siteBottom {
border-top:1px solid white;
/*background: #996699;*/

background:#005aaa;
}

/* (10)CopyrightとPowered byの色 */
#siteBottom #copy,
#siteBottom #copy a,
#siteBottom #powerd,
#siteBottom #powerd a   {
color:#FFF;
font-weight:normal;
}

/*(11)フッターのコピーライト消す*/
#powerd{display:none}

/*(12)PAGETOP　色変更*/
#pagetop {
}