@charset "utf-8";
/*
Theme Name: BizVektor
Theme URI: http://bizvektor.com
Description: BizVektor theme will allow you to build a high-quality web site. It is possible to change the color, to switch to a completely different design. In addition, it is also possible to increase the number of designs by plug-ins.
Author: Vektor,Inc.
Author URI: http://www.vektor-inc.co.jp
Version: 1.8.23

Tags: white, red, blue, black, green, orange, purple, two-columns, right-sidebar, left-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style,theme-options
Text Domain: biz-vektor
License: GNU General Public License
License URI: license.txt


BizVektor WordPress theme, Copyright (C) 2016 Vektor,Inc.
BizVektor WordPress theme is licensed under the GPL.
*/

.sticky {}
.bypostauthor {}

body { font-size: 90%; line-height: 150%; -webkit-text-size-adjust: 100%; color:#333; }
#main { padding-bottom: 0px; }
#topMainBnr { padding: 0px; }
#content .cp{color: #000;background-color: #ccc;padding: 40px;}
#headerTop #site-description {font-size: 11px; color: #333; padding: 2px 0px; }
#header #site-title { float: none; text-align:left; }
#gMenu .menu li a strong { font-weight: bold; }
#content h3.topPrTit a { border-bottom: 2px solid #8c0000;color:#8c0000;display: block;font-weight:bold; }
#content .clear { clear:both; display:block; overflow:hidden; visibility:hidden; height:0px;}
#content h4{margin: 0px;}
.price{font-size: 18px; color: #F00; margin: 0px;}
.home #main #container {top:0px !important;}
}

#pageTitBnr #pageTitInner #pageTit { background-color: rgba(250, 250, 250, 0.7);text-align: left; color:#3F262D;} 
/* 個別ページのタイトルの背景画像.page-id-663 #pageTitBnr #pageTitInner {
    background: transparent url("http://www.homepagetemplate.jp/demo/wp-content/uploads/2016/07/inshoku_tit01.jpg") no-repeat scroll left 50%;
}
.page-id-610 #pageTitBnr #pageTitInner {
    background: transparent url("http://www.homepagetemplate.jp/demo/wp-content/uploads/2016/07/inshoku_tit02.jpg") no-repeat scroll left 50%;
}
.page-id-15 #pageTitBnr #pageTitInner {
    background: transparent url("http://www.homepagetemplate.jp/demo/wp-content/uploads/2016/07/inshoku_tit03.jpg") no-repeat scroll left 50%;
} */

#topPr p.topPrDescription, #topPr p.topPrDescription a { font-size: 13px;color: #333;}
#topPr .moreLink a { color:#8c0000;font-size: 85%;}
#topPr { margin-bottom: 10px; }
#content .infoList .infoListBox div.entryTxtBox h4.entryTitle a { color: #8c0000; }
#content h2, #content h1.contentTitle, #content h1.entryPostTitle, #content .sideWidget h4 { border-bottom: 1px solid #ccc;}
/*#header #headContact #headContactInner { cursor: none !important; }*/

/* スマホ */
@media(min-width: 320px) {
　.sec01 {float: left; width: 49%; min-width: 141px; margin: 0 0% 1% 0;}
  .sec01a {float: none; width: 100%; margin: 0 0% 2% 0;}
  .sec03 {float: left; width: 40%; min-width: 135px;margin: 0 2.1% 1% 0;}
  .sec04 {float: left; width: 18.5%; min-width: 141px; margin:0 1.2% 1% 0;}
}

/* 5.5インチスマホ */
@media(min-width: 360px){
  .sec01 {float: left; width: 49%; min-width: 154px; margin: 0 0% 1% 0;}
  .sec01a {float: none; width: 100%; margin: 0 0% 2% 0;}
  .sec03 {float: left; width: 49%; min-width: 154px; margin: 0 1% 1% 0;}
  .sec04 {float: left; width: 18.5%; min-width: 154px; margin: 0 1.2% 1% 0;}
  .sec05 {float: left;width: 15%;min-width: 141px; margin: 0 1.2% 1% 0;}
  .sec05b {float: left;width: 15.7%;min-width: 141px;margin-right: 0.6%;margin-bottom: 1%;}
}

/* スマホ横＆タブレット&PC */
@media(min-width: 480px) {
  .sec01 {float: left; width: 49%; min-width: 135px; margin: 0 0% 2% 0;}
  .sec01a {float: none; width: 100%; margin: 0 0% 2% 0;}
  .sec02 {float: left; width: 31.2%; min-width: 135px; margin:0 2.1% 2% 0;}
  .sec03 {float: left; width: 31.2%; min-width: 135px; margin:0 2.1% 2% 0;}
  .sec04 {float: left; width: 18.5%; min-width: 180px; margin:0 1.2% 1% 0;}
  .sec05 {float: left;width: 15%;min-width: 160px; margin:0 1.2% 1% 0;}
  .sec05b {float: left;width: 15.7%;min-width: 160px;margin-right: 0.6%;margin-bottom: 1%;}
}

/* PC */
@media(min-width: 770px) {
.sd {display: none;}
  .sec001a{float: left;width: 49%;min-width: 160px;margin: 0 0% 1% 0;}
  .sec001b{float: left;width: 49%;min-width: 160px;margin: 0 0 1% 0%;}
  .sec01 {float: left; width: 49%; min-width: 215px; margin: 0 1% 2% 0;}
  .sec01a {float: left; width: 49%; min-width: 215px; margin: 0 1% 2% 0;}
  .sec02 {float: left; width: 31%; min-width: 180px; margin:0 1.5% 2% 0;}
  .sec03 {float: left; width: 23.5%; min-width: 140px; margin:0 1.2% 1% 0;}
  .sec04 {float: left; width: 18.5%; min-width: 100px; margin:0 1.2% 1% 0;}
  .sec05 {float: left;width: 15%;min-width: 80px; margin:0 1.2% 1% 0;}
  .sec05b {float: left;width: 15.7%;min-width: 135px;margin-right: 0.6%;margin-bottom: 1%;}
  .sec002 {float: left;width: 31%; min-width: 180px; margin-right: 1.33%; margin-bottom: 1.33%;}
  .sec002 img { border: 1px solid #cccccc; padding:2px;}
  .sec002 p { font-size:90%;}
  .secinner {padding:2% 2% 2% 2%;border: 1px solid #cccccc;}
  .secinner3 {padding:1% 3% 1% 4%;border-left: 1px solid #eee;}
  .secinner4 {padding:1% 6% 1% 4%;border-left: 1px solid #eee; border-right: 1px solid #eee;}
#header #headContact.itemClose #headContactInner:before { display: none;}
#header #headContact.itemOpen #headContactInner, #header #headContact.itemClose #headContactInner { display: block; background-color: transparent; text-align: center; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none;}
#header #headContact.itemClose:after{display:none;}
#header #headContact.itemClose, #header #headContact.itemOpen { padding: 8px;}
#content #topInfo{width:48.5%;float:left; margin-right:25px;}
#content #topBlog{width:48.5%;float:left;}
}

@media(max-width: 769px) {
  .sec01b{margin-top: 20px;}
  .sec02{margin-top: 20px;}
  .sec001a img, .sec001b img, .sec002 img{ float: left; width: 90px; margin-right: 10px; overflow: hidden; margin-bottom: 10px; }
  .sec001a p, .sec001b p, .sec002 p{margin-left: 10px;position: relative;left: 10px;}
  .secinner, .secinner3, .secinner4{padding: 2%;border: 1px solid #cccccc;margin: 2%;}
/*****　テーブルの右側が切れる対策　*****/
/*　セルの余白を設定　*/
#content .monthly-calendar th,
#content .monthly-calendar td {
    padding: 5px;
}
 
/*　フィールドセット幅を設定　*/
#content .content-form fieldset {
    width: 97%;
    padding: 3px;
}
 
/*　テーブル幅を設定　*/
#content .monthly-calendar table,
#content .day-calendar table,
#content .content-form table {
    width: 98%;
    margin: 5px;
}
.topr10{position: relative;top: 10px;}
}
#content .wpcf7 input[type="text"],
#content .wpcf7 input[type="email"],
#content .wpcf7 textarea
{width: 90%;}

#content form input.wpcf7-submit,
#confirm-button input {
font-size:12px;line-height:110%;text-align:center;cursor:pointer;position:relative;width:auto; border:none;display:inline-block; overflow:hidden;position:relative;white-space:nowrap;padding:8px 40px !important;text-decoration:none;color:#fff !important; border-radius:5px; background-color:#008FEF;}

.bg-red {background:#8C0000; }
.bg-blue {background:#2894FF; }
.bg-brown {background:#400000; }
.white {color:#fff;}
.pr_tit {font-size:110%;line-height:170%;padding-left:6px;}
.txt120 {font-size:120%;line-height:130%;}
.txt130 {font-size:130%;line-height:140%;}
.txt150 {font-size:150%;line-height:140%;}
.txt160 {font-size:160%;line-height:130%;}
.left03 {margin-left:3%;}
.green{color: #008C69;}
.blue{color:#006DD9;}
.red{color: #8c0000;}
.orange{color:#FF9326;}

.top5{padding-top:5px;}
.top15{padding-top:15px;}
.topm20{margin-top:20px;}
.bottom5{margin-bottom:5px;}