@charset "utf-8";
/*
Theme Name: ★BizVektor子テーマオリジナル★
Theme URI: http://bizvektor.com
Template: biz-vektor
Description: 
Author: naga44
Tags: 
Version: 0.1.0
*/

/*コンタクトファーム用CSS*/
.wpcf7 {
	margin: 96px 0;
}
.asterisk {
	margin: 0 0 0 0.2em;
	color: #f5637a;
}
.wpcf7 span.wpcf7-not-valid-tip {
	font-size: 80%;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 textarea {
	background-color: #fff;
	color: #333;
	width: 95%;
	border: 1px solid #ddd;
	font-size: 100%;
	padding: 0.5em;
	border-radius: 4px;
	box-shadow: 1px 1px 3px rgba(0,0,0,.1) inset;
}

.wpcf7 input[type="submit"] {
box-shadow: 0 0 1px rgba(0,0,0,.2);
}
.wpcf7 input[type="submit"]:hover {
	box-shadow: 0 0 1px rgba(0,0,0,.2) inset;
}

/*
ボックスCSS
*/

/*-------------------------------------
	ボタン（ロールオーバー）
-------------------------------------*/
.f_button {
	margin: 20px 0 20px;
}

/*------　画像リンク透過　------*/
.f_button a:hover img {
	opacity: 1.0;
	filter: alpha(opacity=100);
}

/*-------------------------------------
	ボックス
-------------------------------------*/
.boxstyle01 {
	border: 1px solid #CCC;
	background: #FFF;
	margin: 20px;
	padding: 20px;
	overflow: auto;
}
/*-------------------------------------
	ボックス追加
-------------------------------------*/
.boxstyle02 {
	border: 1px solid #CCC;
	background: #F9F9F9;/*#eaeaea;*/
	margin: 20px;
	padding: 20px;
	overflow: auto;
}

/*-------------------------------------
	ボックス丸角追加
-------------------------------------*/
.boxstyle03 {
	border: 1px solid #CCC;
	background: #FFF;
	margin: 20px;
	padding: 20px;
	overflow: auto;
}
/*-------------------------------------
	ボックスバックイエロー
-------------------------------------*/
.boxstyle04 {
	border: 1px solid #CCC;
	background: #FFFFCC;
	margin: 20px;
	padding: 20px;
	overflow: auto;
}

/*-------------------------------------
	ボックス紹介ページ用
-------------------------------------*/
.boxstyle05 {
	border: 1px solid #CCC;
	background: #FFF;
	margin: 20px;
	padding: 0px 20px;
	overflow: auto;
}

/*-------------------------------------
	株式ドック冒頭リスト
-------------------------------------*/
#list-dog ul, ol{
padding: 0;
margin:20px auto 0 auto;
}

#list-dog ul li {
  position: relative;
  list-style-type: none!important;/*ポチ消す*/
  padding: 0.6em 0.5em 0.5em 0.5em;
  margin-bottom: 10px;
  line-height: 1.5;
  background: #1a2a51;
  vertical-align: middle;
  color: #FFFFFF;
  font-size: large;
  <!-- border-radius: 15px 0px 0px 15px;/*左側の角丸く*/ -->
}

#list-dog ul li:before{ /*疑似要素*/
  display:inline-block; 
  vertical-align: middle;
  /*以下白丸つくる*/
  content:'';
  width:1.0em;
  height: 1.0em;
  background: #fff;
  border-radius: 50%;
  margin-right: 8px;
}
/*-------------------------------------
	下三角グレー
-------------------------------------*/

.triangle-bottom {
width: 0;
height: 0;
margin : 20px auto 20px auto;
border-style: solid;
border-width: 100px 125px 0 125px;
border-color: #1a2a51 transparent transparent transparent;
}

/*-------------------------------------
	センター寄せリスク強調
-------------------------------------*/
.center-emphasis{
font-size: xx-large; 
color: #1a2a51;
line-height: 1.5;
text-align: center;　
margin-bottom: 30px;
}

/*-------------------------------------
	左寄せリスク強調
-------------------------------------*/
.left-emphasis{
font-size: xx-large; 
color: #1a2a51;
line-height: 1.5;
margin-bottom: 30px;
}





/*------　ボックススタイル01　------*/
.boxstyle01 {
	-webkit-box-shadow: 0 10px 6px -6px #666;
	-moz-box-shadow: 0 10px 6px -6px #666;
	box-shadow: 0 10px 6px -6px #666;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
/*------　ボックススタイル02　------*/
.boxstyle02 {
	-webkit-box-shadow: 0 10px 6px -6px #666;
	-moz-box-shadow: 0 10px 6px -6px #666;
	box-shadow: 0 10px 6px -6px #666;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
/*------　ボックススタイル03　------*/
.boxstyle03 {
	-webkit-box-shadow: 0 10px 6px -6px #666;
	-moz-box-shadow: 0 10px 6px -6px #666;
	box-shadow: 0 10px 6px -6px #666;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

/*------　ボックススタイル04　------*/
.boxstyle04 {
	-webkit-box-shadow: 0 10px 6px -6px #666;
	-moz-box-shadow: 0 10px 6px -6px #666;
	box-shadow: 0 10px 6px -6px #666;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

/*------　ボックススタイル05　------*/
.boxstyle05 {
	-webkit-box-shadow: 0 10px 6px -6px #666;
	-moz-box-shadow: 0 10px 6px -6px #666;
	box-shadow: 0 10px 6px -6px #666;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}



span.review {
	line-height: 2.0;
	border-bottom: 1px dotted #CCC;
}



/*------------------------------------------------------------
 幅648px以下
------------------------------------------------------------*/
@media only screen and (max-width: 648px){
.boxstyle01 {
	margin: 20px 10px;
	padding: 10px;
}
.boxstyle02 {
	margin: 20px 10px;
	padding: 10px;
}
.boxstyle03 {
	margin: 20px 10px;
	padding: 10px;
}

.boxstyle04 {
	margin: 20px 10px;
	padding: 10px;
}

.boxstyle05 {
	margin: 20px 10px;
	padding: 0 10px;
}

/*-------------------------------------
	下三角グレー
-------------------------------------*/

.triangle-bottom {
width: 0;
height: 0;
margin : 20px auto 20px auto;
border-style: solid;
border-width: 50px 125px 0 125px;
border-color: #1a2a51 transparent transparent transparent;

}



}

/*-------------------------------------
	googlemap装飾
-------------------------------------*/

.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
margin-bottom: -15%;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 98%;
height: 70%;
}


/*-------------------------------------
	画像の配置
-------------------------------------*/
/*------ 指定なし　------*/
#content img.alignnone {
	margin: 0 0 20px 0;
	padding: 0;
}

#content img.alignnoneb {
	padding: 2px;
	border: 1px solid #CCC;
	margin: 0 10px 10px 0;
}

/*------ 右寄せ　------*/
#content img.alignright {
	padding: 4px;
	margin: 0 0 10px 10px;
	float: right;
}

#content img.alignrightb {
	padding: 2px;
	border: 1px solid #CCC;
	margin: 0 0 10px 10px;
	float: right;
}

/*------ 左寄せ　------*/
#content img.alignleft {
	padding: 4px;
	margin: 0 10px 10px 0;
	float: left;
}

#content img.alignleftb {
	padding: 2px;
	border: /*1*/2px solid #CCC;
	margin: /*0*/20px 10px 10px 0;
	float: left;
}

#content img.alignleftblong {
	padding: 2px;
	border: /*1*/2px solid #CCC;
	margin: 0px 10px 10px 0;
	float: left;
}

#sideTower img.alignleft {
	padding: /*4*/2px;
	margin: 0px 10px 10px 0;
	float: left;
}

#sideTower img.alignleftb {
        padding: 1px;
	border: 1px solid #CCC;
	margin: 0 10px 10px 0;
	float: left;
}
/*------ センター配置　------*/
#content img.aligncenter {
	padding: 4px;
	margin: 0px auto 10px;
	display: block;
}

#content img.aligncenterb {
	padding: 2px;
	border: 1px solid #CCC;
	margin: 0px auto 10px;
	display: block;
}

/*------------------------------------------------------------
 幅648px以下
------------------------------------------------------------*/
@media only screen and (max-width: 648px){
/*-------------------------------------
	画像の配置
-------------------------------------*/
/*------ 右寄せ　------*/
#content img.alignright {
	float: none;
	margin: 0px auto 10px;
	display: block;
}

#content img.alignrightb {
	float: none;
	margin: 0px auto 10px;
	display: block;
}

/*------ 左寄せ　------*/
#content img.alignleft {
	float: none;
	margin: 0px auto 10px;
	display: block;
}

#content img.alignleftb {
	float: none;
        margin: 10px auto 10px;
	display: block;
        
}

#content img.alignleftblong {
	float: none;
        margin: 0px auto 10px;
	display: block;
        
}

/*vimeoのレスポンシブ化*/	

.iframe_vimeo {
  position: relative;
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  border: ridge 4px;
	}

.iframe_vimeo iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
 }	
	
}



/*-------------------------------------
	弁護士一覧ページ
-------------------------------------*/


/*------------------------------------------------------------
 デフォルト（スマホ）
------------------------------------------------------------*/

#topPr .prImage01 { float: left; width: 40%; margin-right: 10px; overflow: hidden; margin-bottom: 10px; }
#topPr .prImage01 a { display: block; overflow: hidden; border: 1px solid #cccccc; padding: 1px; }
#topPr .prImage01 img {height: auto; width: 100%;}
#topPr .prImage01 img.imageWide {display: none;}
#topPr .prImage01 img.imageSmall { display: block; }
#topPr .prImage01 img.imageSmall { display: block; }
#topPr .topPrInner01 p {margin-bottom: 5px; padding:5px 5px;}


/*------------------------------------------------------------
実はPC側にメディア
------------------------------------------------------------*/


@media (min-width: 660px) {
#topPr #topPrLeft .topPrInner01 {border-left: 1px solid #e5e5e5;}
#topPr #topPrLeft .topPrInner01 {float: left;}
#topPr .topPrOuter .topPrInner01 {padding: 0 6%; width: 88%; border-right: 1px solid #e5e5e5;}
#topPr p.topPrDescription01 {margin-bottom: 0px; font-size: 14px; line-height: 135.7%; padding: 0px; height: auto !important;}



#topPr .prImage01 { float: none; width: 100%; margin-right: 0px; }
#topPr .prImage01 img { height: auto; width: 100%; }
#topPr .prImage01 img.imageWide {display: block;}
#topPr .prImage01 img.imageSmall { display: none; }
#topPr .topPrInner01 p {margin-bottom: 5px; padding: 0; }
#topPr .topPrTxtBox01 {display: block;overflow: hidden;}
#topPr .topPrTxtBox01 p{text-align: center; }
#topPr p.topPrDescription01 {margin-bottom: 0px; font-size: 14px; line-height: 135.7%; padding: 0px; height: auto !important;}



}