@charset "utf-8";
/*
Theme Name: ★美容・健康特化BizVektor子テーマオリジナル★
Theme URI: http://bizvektor.com
Template: biz-vektor
Description: 
Author: naga44
Tags: 
Version: 0.1.0
*/
/*グローバルナビ固定*/
.fixed {
  position: fixed;
  top: 1px;
  width: /*950px*/100%;
  z-index: 10000;
}

/* グローバルメニュー全体のフォントサイズを設定 */
#gMenu .menu li {
    font-size: 16px;
}


/*フロント間の距離 */
#main #container{ 
    padding-top:0px;
}


.home #content {
    padding-bottom:0px;
}

/*子ページインデックスセンター寄せ　三つの時に使うやつ */

#content .child_page_block.layout_center{ 
    margin-right:auto; margin-left:auto; clear:both;
 }

/*コンタクトファーム用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;
}

/*-------------------------------------
	目次用
-------------------------------------*/
.mokuji {
	width: 40%;
	margin: 0px auto;
	padding: 10px; border: 1px solid #aaaaaa; 
	font-size: 14pt; 
	text-decoration: underline; 
	color: #0055cc; 
	line-height: 170%;
}






/*------　ボックススタイル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;
}


/*-------------------------------------
LP用カラーボックス
-------------------------------------*/


.boxcolor_biyou {
        background-color: #7E6D2A;
        margin: 0 -20px 10px -20px;
        padding:0 10px 0 10px;
        overflow: auto;
}

.boxstylefit {
	border: 1px solid #CCC;
	background: #FFF;
	margin:　0 0 20px 0;
	padding: 0 0px 0 0px;
	overflow: auto;
}

/*-------------------------------------
LP用メリットボックス
-------------------------------------*/
.boxstyle_mr2_center
{
	background : #FFFFFF;
	/*border-style : Solid;
	border-color : #901D22;
        border-width : 1px;*/
        width: １００%;
        margin: 10px 0 20px 0;
	padding: 0px;
	overflow: auto;
}

.boxstyle_mr2_left
{
	background : #FFFFFF;
	/*border-style : Solid;
	border-color : #901D22;
        border-width : 1px;*/
        width: 48%;
        margin: 10px 0px 20px 0;
	padding: 0px;
	overflow: auto;
        float: left;
}

.boxstyle_mr2_right
{
	background : #FFFFFF;
	/*border-style : Solid;
	border-color : #901D22;
        border-width : 1px;*/
        width: 48%;
        margin: 10px 0 20px 0;
	padding: 0px;
	overflow: auto;
        float: right;
}

.box_mr_top
{
	background : #EFF7FD;
	background : rgba(239, 247, 253, 1);
	border-radius : 12px 0px 0px 12px;
	-moz-border-radius : 12px 0px 0px 12px;
	-webkit-border-radius : 12px 0px 0px 12px;
        margin-bottom: auto;
	padding: 0px;
        width: 100%;
	overflow: auto;
	text-align: center;
        float: left;
}


.box_mr_under
{
	background : #FFFFFF;
	/*border-radius : 12px 0px 0px 12px;
	-moz-border-radius : 12px 0px 0px 12px;
	-webkit-border-radius : 12px 0px 0px 12px;*/
        border-top : Solid 1px #901D22 ;    
        margin: 0 auto 0 auto;
	padding: 5px 0 15px 0 ;
        width: 90%;
	overflow: auto;
        
}

.box_mr_under p{
        line-height: 1.0em;
        text-align: center;
}

/*-------------------------------------
LP用スクローボックス
-------------------------------------*/


.scrollbar {
border: 1px solid #000;
background: #FFF; 
margin: 20px;
padding: 20px;
height:13em;
/*width:80%;*/
overflow: /*auto*/scroll;
transform: translateZ(0);　　　 
}
/*-------------------------------------
LP用画像ボックス
-------------------------------------*/

#content img.aligncentertop {
	padding: 2px;
	/*border: 1px solid #CCC;*/
	margin: 10px auto 15px auto;
	display: block;
}


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;
}

.mokuji {
	width: 90%;
	margin: 0px auto;
	padding: 10px; border: 1px solid #aaaaaa; 
	font-size: 14pt; 
	text-decoration: underline; 
	color: #0055cc; 
	line-height: 170%;
}



}

/*-------------------------------------
	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;
        
}