@charset "utf-8";
/*
Theme Name: BizVektor Child Grand-U first-edition
Template: biz-vektor
*/
body {
	 background-color: #fefae9 !important;   
     font-size: 100% ! important;
     line-height: 130%;
}
#main #container #content.wide {
	 width: 100% ! important;
}

/*-----------------------------------------------------------------------------------------------*/
/*	content
/*-----------------------------------------------------------------------------------------------*/
#content{ /**** content *****/
     background-color: #ffffff !important; 
     box-shadow: 7px 7px 17px 7px rgba(0,0,0,0.2);
     box-shadow:0px 0px 9px 3px rgba(217,213,194,0.2);
     border-radius:4px;     
     border:1px solid #fff1d1;
}  

/* =
------------------------------------------------------------------------------ */
@media (max-width: 560px) {
 #content{
     background-color: #ffffff !important; 
     box-shadow:none !important;
     border-radius:none !important;     
     border:none !important;
     width:   100% !important;
}  
body {
	 background-color: #ffffff !important;   
}
}

/*-----------------------------------------------------------------------------------------------*/
/*	header
/*-----------------------------------------------------------------------------------------------*/
#headerTop {
      background-color: #ff911c !important;} 
#headerTop #site-description{
      color:#ffffff !important;
	  background-color: #ff911c;
     }
#header{
     background-color: #fdf7db !important;
}
#topMainBnr {
}
#site-title {
     font-size:0.01em !important;     
}

/* =
------------------------------------------------------------------------------ */
#header #headContact	{
     width:30% !important; }

#header .tel{
     width:90% !important; 
     margin:0.5em 0.8em;
}

#header .yoyaku{
     background-color: #ff911c;
     border-radius:4px;
     margin:0.3em 0.8em;
     box-shadow:0px 2px 6px 4px rgba(217,213,194,0.5);
     border:solid 1px #ffffff;
}
#header .yoyaku img{
     width:80%;
     margin:0.4em 1.2em;
}
#header .yoyaku:hover{
     background-color: #ffc156;
     border-radius:4px;
     margin:0.4em 0.8em;
}
#header .line{
     background-color: #ffffff;
     border-radius:4px;
     margin:0.5em 0.8em;
     box-shadow:0px 2px 6px 4px rgba(217,213,194,0.5);
     border:solid 1px #ffffff;
}
#header .line img{
     width:88%;
     margin:0.2em;
}
#header .line:hover{
     border-radius:4px;
     margin:0.4em 0.8em;
}
#headerInner .header-left img{
	 width:56%;
     margin-top:-4.2em;
     margin-bottom:-1em;      
}

/* =
------------------------------------------------------------------------------ */
@media (min-width: 768px) {
  #vkexunit_banner-14 img{
     display:none;
}   
}

@media screen and (min-width:768px) and ( max-width:969px) {
#header #headContact	{
     margin-top:0.5em;
     width:40% !important;
}
#headerInner .header-left img{
     margin-top:-2em;
     margin-bottom:-1em;      
}
}


@media (max-width: 767px) {
#header #headContact {
     width:100% !important;  
     }  
#vkexunit_banner-6 img{
     display:none;
} 
#headerInner .header-left img{
     display:none;
}   
	
.bnr-onlinecounseling-mobile{
     width:92%;
     margin:1em auto; 
     border-radius:4px;
     box-shadow:2px 2px 6px 4px rgba(217,213,194,0.5);
} 
.bnr-onlinecounseling-mobile img{
     border-radius:4px;
} 		
}  


/*-----------------------------------------------------------------------------------------------*/
/*	top
/*-----------------------------------------------------------------------------------------------*/
#container #vkexunit_banner-11 {
     margin-top:-30px !important;
}

/* =
------------------------------------------------------------------------------ */
@media ( max-width:767px) {
#container #vkexunit_banner-11 {
      margin-top:-15px !important;
}
}

/* =
------------------------------------------------------------------------------ */
#container .content .widget_bv_full_wide_title_outer {
      background-position:center center;
      padding:1.5em calc(50vw - 50%) ;
      width:98.5%;
}

@media (max-width: 767px) {
      #container .content .widget_bv_full_wide_title_outer {
      background-position:center center;
      padding:0.5em calc(50vw - 50%) ;
      width:97.5%;
}
}

/*-----------------------------------------------------------------------------------------------*/
/*	page-title
/*-----------------------------------------------------------------------------------------------*/

#pageTitBnr {
     background: #ff911c url("images/header_bg.png") repeat scroll 0% 100% ! important;
     height:4em;
	 box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3);
}
#pageTitBnr #pageTitInner #pageTit {
     letter-spacing: 0.4em;
     text-align: center;
}
#pageTitInner {
     letter-spacing: 0.1em ! important;
}
#pageTit {
     color:#ffffff;
     font-weight:bold !important; 
}

#pageTitleImage{
     background: #fefae9;
}
@media (max-width: 1200px) {
#pageTitleImage img {
    width:100%;
    height:auto;}
}

/*-----------------------------------------------------------------------------------------------*/
/*	menu
/*-----------------------------------------------------------------------------------------------*/
#gMenu { 
     background-color: #ffffff !important; 
     box-shadow: 0px -2px 10px rgba(0, 0, 0, 0.1) ;
     border-top: 2px solid #ffc156 !important ;
     border-bottom: 2px solid #ffc156 !important ; 
}
#topMainBnrFrame {
     border: none ! important;
}
#topMainBnrFrame .slides{
     margin-bottom:3em;
     box-shadow: -1px 6px 9px -5px rgba(0, 0, 0, 0.3); 
     border-radius: 14px;
}

#gMenu .menu li a {
     border: 1px solid #fff7d1;
     color: #40362c ! important;
     display: block;
     letter-spacing: 0px;
     line-height: 200% ! important;
     margin: 0px;
     overflow: hidden;
     padding: 11px 12px ! important;
     position: relative;
}
#gMenu .sub-menu li a {
     text-indent:1em;
}

#container #content p {
     margin-bottom: 10px;
     padding: 0px;
}

.faq .fa{
     color:#ff911c;
}

/*-----------------------------------------------------------------------------------------------*/
/*	sideTower
/*-----------------------------------------------------------------------------------------------*/
#container .sideTower .sideWidget {
     margin:0 auto 1em;
     width:92%;
}

/* =
------------------------------------------------------------------------------ */
#container .sideTower #nav_menu-3 h3, #container .sideTower #nav_menu-4 h3 {
     display:block !important;
     background-color:#ffc156;
     color:#ffffff;
     border-top: 2px solid #ff911c;
     border-bottom:none;
     border-radius:6px;   
     text-align:center;  
     letter-spacing:0.2em 
}
#container .sideTower #nav_menu-3, #container .sideTower #nav_menu-4{
     background-color: #ffffff;
     box-shadow:0px 0px 9px 3px rgba(217,213,194,0.2);
     border-radius:6px;     
     border:1px solid #fff1d1;
}
#container .sideTower .sideWidget li {
     border-bottom:1px solid #fff1d1;
     padding:0.4em;
}
#container .sideTower .sideWidget li a {
     color: #3f3328;
     display: block;
     text-decoration: none;
     font-size:0.96em;
}
#container .sideTower .sideWidget li.current_page_item a, .sideTower .sideWidget li.current-cat a {
     background-color: #fff7d1 ! important;
}
#container .sideTower .sideWidget li a:hover {
     background: #fff7d1 url("images/icon_arrow1_gray.gif") no-repeat scroll 10px 50%;
     display: block;
     margin-left: 0.2em;
     text-decoration: none;
     transition: all 0.4s ease-in-out 0s;
}

/* = customer_review
------------------------------------------------------------------------------ */
#container .sideTower #media_image-5 img {
     width:100%;
     border-radius:6px;     
}
#container .sideTower #media_image-5 {
     box-shadow:0px 0px 9px 3px rgba(217,213,194,0.5);
     border-radius:6px; 
}

#container .sideTower #media_image-5 img:hover {
     opacity: 0.8;
     transition: all 0.4s ease-in-out 0s;
}

/* = 2980bnr
------------------------------------------------------------------------------ */
#container .sideTower #vkexunit_banner-12 img {
     background-color: #ffffff;
     border-radius:6px;   
	 width:100%;
}
#container .sideTower #vkexunit_banner-12 {
     box-shadow:0px 0px 9px 3px rgba(217,213,194,0.5);
     border-radius:6px; 
}
/* = online_counseling
------------------------------------------------------------------------------ */
#container .sideTower #vkexunit_banner-15 img {
     border-radius:6px;   
	width:100%;
}
#container .sideTower #vkexunit_banner-15 {
     box-shadow:0px 0px 9px 3px rgba(217,213,194,0.5);
     border-radius:6px; 
}

#container .sideTower #vkexunit_banner-15 img:hover {
     opacity: 0.8;
     transition: all 0.4s ease-in-out 0s;
}

/* =
------------------------------------------------------------ */

#container .sideTower .widget_text:hover {
      opacity: 0.7;
     transition: all 0.5s ease-in-out 0s;
}


/*-----------------------------------------------------------------------------------------------*/
/*	content　TOP
/*-----------------------------------------------------------------------------------------------*/
#container #content #topFreeArea {
     border-bottom:none;
     box-shadow: none;
     margin-bottom: -2em;
     display: inlin;
     padding-bottom:0px;
}

#container #content #topFreeArea h2{
     -moz-border-bottom-colors: none;
     -moz-border-left-colors: none;
     -moz-border-right-colors: none;
     -moz-border-top-colors: none;
     background: #8fcc31 url("images/37.jp") repeat scroll 0% 0%;
     border-radius: 30px;
     border: none  !important;
     letter-spacing: 0.1em;
     color:#ffffff;
     text-align:center;
     font-size: 1.500em;
     text-shadow: 1px 1px 1px #52a403;
}


/* = information
------------------------------------------------------------ */
#container #content #topFreeArea .t_info h5{
     color:;
     border-bottom:2px solid #222a78;
     padding-bottom:0.4em;
}

#container #content #topFreeArea .widget-title {
     border-bottom: 2px solid #cbea87;
     border-left: medium none;
     clear: both;
     color: #40362c;
     font-size: 18px;
     letter-spacing: 0.04em;
     margin: 0px 0px 15px;
     padding: 2px 0px 5px 15px;
}

#container #content #topFreeArea .postList {
     margin: 0px;
}
#container #content #topFreeArea .published {
     color: #D93B63;
}
#container #content #topFreeArea .published  {
     color: #57AD2D;
  
}
#container #content #topFreeArea .postList_terms a{
     color: #ffffff;
     background-color: #57AD2D;
}

#container #content #topFreeArea .entry-title {
     margin: 0.3em 0px;
}

#container #content #topFreeArea .entry-title a {
     color: #272727;
     text-decoration: none;
     margin-top:1em;
}
#container #content #topFreeArea .entry-title a:hover {
     color: #222a78;
     text-decoration: none;
     transition: all 0.2s ease-in-out 0s;
}


/*-----------------------------------------------------------------------------------------------*/
/*	content　
/*-----------------------------------------------------------------------------------------------*/

#container #content h2, #content h1.contentTitle, #content h1.entryPostTitle {
     -moz-border-bottom-colors: none;
     -moz-border-left-colors: none;
     -moz-border-right-colors: none;
     -moz-border-top-colors: none;
     border-color: #8fcc31 #ffffff #ffffff;
     border-image: none;
     border-style: solid;
     border-width: 2px 1px 1px;
     box-shadow: 0px 1px 0px #ffffff inset;
     padding-left: 15px;
     padding-right: 15px;
}
#container #content .h2-midashi {
     border: medium none;
     padding: 0px;
     margin-bottom:15px;
}
   
/* =
------------------------------------------------------------ */
#container #content h2{
     border: medium none;
}
#container #content .post-content {     
     padding:1em;
}

#container #content .sectionFrame {
     background-color: #fbfff5;
     border: none;
     clear: both;
     margin-bottom: 15px;
     margin-top:;
     padding: 1em 1em;
     border-radius: 10px;
}

#content .child_page_block {
     display: block;
     margin-bottom: 15px;
     overflow: hidden;
     width: 100%;
}

#content .child_page_block .child_page_blockInner {
     display: block;
     overflow: hidden;
     padding: 15px 0px;
}

#content .child_page_block.layout_even {
     float: right;
}

#content .child_page_block h4 {
     -moz-border-bottom-colors: none;
     -moz-border-left-colors: none;
     -moz-border-right-colors: none;
     -moz-border-top-colors: none;
     border-color: -moz-use-text-color -moz-use-text-color #cccccc;
     border-image: none;
     border-style: none none solid;
     border-width: medium medium 1px;
     box-shadow: 0px 1px 0px #ffffff;
     margin: 0px 0px 10px;
     padding: 0px 0px 2px;
}

#content .child_page_block h4 a {
     color: #4d4d4d;
     text-decoration: none;
}

#content .child_page_block h4 a:hover {
     text-decoration: underline;
}

#content .child_page_block .childText {
     display: block;
     overflow: hidden;
}

#content .child_page_block p {float:left;
     font-size: 12px;
     line-height: 133%;
     margin-bottom: 0px;
     padding: 0px;
}

#content .child_page_block p a {
     color: #666666;
     text-decoration: none;
}

#content .child_page_block p a:hover {
     color: #cc0000;
     text-decoration: underline;
}

#content .child_page_block .thumbImage {
     border: 1px solid #cccccc;
     display: block;
     float: left;
     margin-right: 13px;
}

#content .child_page_block .thumbImage .thumbImageInner {
     border: 1px solid #ffffff;
     display: block;
     overflow: hidden;
     width: 80px;
}

#content .child_page_block .thumbImage .thumbImageInner img {
     height: 80px ! important;
     width: 80px;
}

#content .childPageBox {
     display: none;
}

#content .childPageBox .textBox {
     border: 1px solid #ff0000;
     overflow: hidden;
}


#container #content .info h4 {
     background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%;
     border-bottom: 2px solid #e7e7dd;
     border-top: medium none;
     color: #40362c;
     font-size: 1.188em;
     font-weight: bold;
     margin: 0px 0px 0.8em;
     padding: 0.5em 0.4em 0.4em 1.7em;
     position: relative;
}

#container #content .info h4::before {
     background: #8fcc31 none repeat scroll 0% 0%;
     content: "";
     height: 14px;
     left: 0.4em;
     position: absolute;
     top: 0px;
     transform: rotate(45deg);
     width: 14px;
}

#container #content .info h4::after {
     background: #ffcb10 none repeat scroll 0% 0%;
     content: "";
     height: 9px;
     left: 0px;
     position: absolute;
     top: 1em;
     transform: rotate(15deg);
     width: 9px;
}

/*-----------------------------------------------------------------------------------------------*/
/*	footer
/*-----------------------------------------------------------------------------------------------*/

#footer {
     background-color: #ffc156 ! important;
     border-top: 13px solid #ff911c;
     color: #222a78 ! important;
}
#footMenu .innerBox {
     border-bottom: none ! important;
}

#footer #footerSiteMap .menu {
     margin-left: 35px;
}

#footer #footerSiteMap .menu li a {
     color: #40362c;
}

#footer #footerSiteMap .menu li a:hover {
     color: #00820f;
     background-image: url("images/icon_arrow1_gray.gif") ! important;
}


#siteBottom {
     background-color: #ffc156 ! important;
     border-top: 1px solid #ffc156 ! important;
}

#copy {
     color:#ffffff;
}
#copy a{
     color:#ffffff !important;
}

#powerd{
     display:none;
}

/*-----------------------------------------------------------------------------------------------*/
/*	footer
/*-----------------------------------------------------------------------------------------------*/
#footer #footer-widget{
     margin-bottom:1.5em;
}

div#footerleft{
    width:45%;
    float:left;
}
div#footerright {
    width:50%;
    float:right;
}
 
.clearfloat {
   margin : 0px auto;
   width : 94%;
}
 
.clearfloat:after {
   visibility: hidden;
   display: block;
   font-size: 0;
   clear: both;
   height: 0;
}
   
/* = レスポンシブ
------------------------------------------------------------------------------ */

@media (max-width: 560px) {
div#footerleft, div#footerright {
     margin : 0px auto;
     padding : 0px;
     width :100%;
     float: none;
}   
.clearfloat {
     margin : 0px auto;
     padding :0px;
     width : 100%;
}
}

@media screen and (min-width:561px) and ( max-width:767px) {
div#footerleft{
     width:40%;
     float:left;
     padding:10px 5px 10px 10px; 
 }
div#footerright {
     width:55%;
     float:right;
     padding:10px 5px 10px 5px;
}
 .clearfloat {
     margin : 0px auto;
     padding :0px;
     width : 96%;
}
}

@media (min-width: 1040px) {
.clearfloat {
     margin : 0px auto;
     padding : 0px;
     width :1040px;
     background-color: ;
}
}

/* = フッター　Google MAP
------------------------------------------------------------------------------ */
.maps {
     height: 0;
     overflow: hidden;
     padding-bottom: 75%;
     position: relative;
}
.maps iframe {
     position: absolute;
     left: 0;
     top: 0;
     height: 100%;
     width: 100%;
     border-radius: 4px   
}


/* = フッター　left
------------------------------------------------------------------------------ */
#footer #footer-widget #footerleft .yoyaku{
     border-radius:4px;
     margin:0.3em 1em 1.5em;
     box-shadow:0px 2px 6px 4px rgba(217,213,194,0.5);
     border:solid 1px #ffffff;
}
#footer #footer-widget #footerleft .yoyaku img{
     width:70%;
     margin:0.4em 1.2em;
}
#footer #footer-widget #footerleft .yoyaku:hover{
     background-color: #ff911c;
     border-radius:4px;
}
#footer #footer-widget #footerleft .line{
     background-color: #ffffff;
     border-radius:4px;
     margin:0.3em 1em 1.5em;
     box-shadow:0px 2px 6px 4px rgba(217,213,194,0.5);
     border:solid 1px #ffffff;
}
#footer #footer-widget #footerleft .line img{
     width:70%;
     margin:0.4em 1.2em;
}
#footer #footer-widget #footerleft .line:hover{
     border:solid 1px #00af41;
}
#container #content .entry-content {
 overflow: visible ! important;
}

/*-----------------------------------------------------------------------------------------------*/
/*	投稿ページ
/*-----------------------------------------------------------------------------------------------*/

#container #content .veu_followSet {
     display: none;
}
#container #content .entryPostTitle {
     background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%;
     border-bottom: 1px solid #e7e7dd;
     border-top: medium none;
     color: #40362c;
     font-size: 1.375em;
     font-weight: bold;
     margin: 0px 0px 0.8em;
     padding: 0.5em 0.4em 0.5em 1.7em;
     position: relative;
}
#container #content .entryPostTitle::before {
     background-color: #c9c8b2;
     border-radius: 30px;
     box-shadow: 0px 0px 2px 2px rgba(255, 255, 255, 0.2) inset;
     content: "";
     display: block;
     height: 14px;
     left: 8px;
     opacity: 0.5;
     position: absolute;
     top: 16px;
     width: 14px;
     z-index: 1;
}
#container #content .entryPostTitle::after {
     background-color: #cbea87;
     border-radius: 30px;
     box-shadow: 0px 0px 2px 2px rgba(255, 255, 255, 0.2) inset;
     content: "";
     display: block;
     height: 18px;
     left: 1px;
     position: absolute;
     top: 5px;
     width: 18px;
}

/*-----------------------------------------------------------------------------------------------*/
/*	レスポンシブ
/*-----------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------*/
/*	min-width:561px  and  max-width:767px
/*--------------------------------------------------------------------*/

@media screen and (min-width:561px) and ( max-width:767px) {
#wrap #header {
      height:28em !important;
}     
}

/*-----------------------------------------------------------------------------------------------*/
/*	 max-width: 767px
/*-----------------------------------------------------------------------------------------------*/
@media (max-width: 767px) {
#wrap #gMenu .menu li ul {display:none;}
#wrap #gMenu .menu li a {line-height: 150% ! important;}
#wrap #header {height:em !important;}
#gMenu .assistive-text span{background-color:#ffc156; color:#ffffff;}
#gMenu .assistive-text {background-color:#ffc156 ! important;}
#gMenu .menu-item strong  {margin-left:1em;font-size:1.125em;}

#headerTop { 
     display:block !important;
}
#headerTop #site-description {
     padding:5px 0px !important;
     font-size:1.1em !important;
     line-height:160% !important;
     color:#ffffff !important;
     text-align:center;
}

#main #container #sideTower	{
	padding-top:2em;
	background-color:#fdf7db !important;
	border-radius:10px;
	margin-left:0;
	margin-right:0;
}
	
#footMenu {
	display:none;
}
#container .br-sp{
	display:none;
}
#topFreeArea{
	overflow:visible;
}		
}

/* =
------------------------------------------------------------------------------ */
@media (min-width: 768px) {
#wrap #headerTop #site-description { line-height: 190%; font-size: 14px;
}
}

/* =
------------------------------------------------------------------------------ */
@media (max-width: 969px){
 
#gMenu .menu li a {
     padding-right: 15px ! important;
     padding-left: 14px ! important;
}
#main #container #sideTower	{
     margin-top:2em;
}	
}

/* =
------------------------------------------------------------------------------ */
@media (min-width: 970px) {
  #main #container #content { width: 700px ! important; }
  body.home.one-column #main #container #content { float: none; width: 100% ! important; }
  #container #content .action_banner_top_tab{display: none;}
  #container #content .childPageBox { margin-top: 20px; border: 1px solid #cccccc; padding: 0px; display: block; overflow: hidden; width: 100%; margin-bottom: 20px; border-radius:4px;}
  #container #content .childPageBox ul li a:hover, #content .childPageBox ul li.current_page_item a { background-image: url("images/icon_arrow1_red.gif"); text-decoration: underline; color: #fd8300 !important; }
}

/* =
------------------------------------------------------------------------------ */
@media (min-width: 1040px) {
.innerBox,
#gMenu #gMenuInner.innerBox{width:1040px !important; margin:0px auto !important; }
#gMenu #gMenuInner{ width:100px !important; margin:0px auto!important; }
#main #container #content{ width:770px !important;}
#main #container #sideTower	{ float:right; width:256px !important;clear:none; }
#topMainBnr			{ width:100% !important;}
#topMainBnrFrame	{ width:950px  !important; min-height:250px; }
}

/* = mobile
------------------------------------------------------------------------------- */
.callbook_logo {
	background-size:100%;
	bottom:-24px;
	height:72px!important;
	left:50% !important;
	margin-left:-33px !important;
	position:absolute;
	width:72px!important;
	z-index:2;
}