@charset "utf-8";
/*
Theme Name: BizVektor
Theme URI: http://bizvektor.com
Description: 
Author: Vektor,Inc.
Author URI: http://www.vektor-inc.co.jp/
Version: 0.8.5.0
License: GNU General Public License
License URI: license.txt
Tags: white,red,blue,black,green,orange
*/

.sticky {}
.bypostauthor {}


p, li {line-height: 2em !important;}

#content ul,
#content ul li {list-style-type: disc !important}
.indent {padding-left: 1em; text-indent: -1em; line-height: 2;}
.footer-center {text-align: center !important}

hr {
    border: none;
    border-bottom: 4px solid #fcc600;
    width: 100px;
    margin: 90px auto;
}

/* font
------------------------------------------------------------*/
.f12 {
    font-size: 12px;
    letter-spacing: .1em;
    line-height: 2em;
}

.f16 {
    font-size: 16px;
    letter-spacing: .1em;
    line-height: 2em;
}

.f18 {
    font-size: 16px;
    letter-spacing: .1em;
    line-height: 2em;
}

.f20 {
    font-size: 16px;
    letter-spacing: .1em;
    line-height: 2em;
}

.f24 {
    font-size: 22px;
    letter-spacing: .1em;
    line-height: 2em;
}

@media(min-width:768px) {
    .f16 {font-size: 16px;}
    .f18 {font-size: 18px;}
    .f20 {font-size: 20px;}
    .f24 {font-size: 24px;}
}

/* magin
------------------------------------------------------------*/
.m30 {margin: 30px 0 30px 0!important;}
.m60 {margin: 60px 0 60px 0!important;}
.m90 {margin: 90px 0 90px 0!important;}
.mt30 {margin-top: 30px!important;}
.mt60 {margin-top: 60px!important;}
.mt90 {margin-top: 90px!important;}
.mb30 {margin: 30px 0 30px 0!important;}
.mb60 {margin-bottom: 60px!important;}

/* カラム
------------------------------------------------------------*/
.col-2-l,
.col-2-r,
.col-3-l,
.col-3-c,
.col-3-r {
    width: 100%;  
    margin-bottom: 60px;
}

@media(min-width:768px) {
.col-2-l {
    float: left;
    width: 45%;        
}
.col-2-r {
    float: right;
    width: 45%;
}

.col-3-l {
    float: left;
    width: 30%;
}

.col-3-c {
    float: left;
    width: 30%;
    margin: 0 5% 0 5%;
}

.col-3-r {
    float: right;
    width: 30%;
}
}

.row {
    clear: both;
}


/* 最新記事3件
------------------------------------------------------------*/
.thumbWrap{
width:110%;
margin:20px -10% 20px 0;
}

.thumbWrap li{
float:left;
width: 130px;
margin-right:40px;
margin-bottom:30px !important;
padding:0px 0 40px;
background:none;
}

/* 最新記事リンク */
ul.thumb h3{
margin-top:10px;
padding:1px;
font-weight:normal;
font-size:100%;
text-align:center;
background:#fff;
border:1px solid #ccc;
}

ul.thumb h3 span{
display:block;
padding:2px 3px;
background:#000;
}

ul.thumb h3 a{color:#fff;}

ul.thumb h3:hover span{background:#191919;}



/* gmap */

.gmap {
position: relative;
padding-bottom: 40%;
height: 0;
margin-bottom: 30px;
overflow: hidden;
}

.gmap iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}


/* フォーム
------------------------------------------------------------*/

/*
input[type="text"],input[type="email"], textarea{
vertical-align:middle;

width:90%;
margin: 0 5px 0 10px;
padding:5px;
border:1px solid #ddd;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
font-size:1em;
color:#555;
background:#fcfcfc;

}

textarea{
height:auto;
line-height:1.5;
}

input[type="submit"],input[type="reset"],input[type="button"]{
padding:3px 10px;
background: #333;
border:0;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
line-height:1.5;
font-size:12px;
color:#fff;
}

.send input[type="submit"],input[type="reset"],input[type="button"]{
padding:10px 30px;
background: #333;
}

.skuform input[type="submit"],input[type="reset"],input[type="button"]{
padding:10px 30px;
background: #333;
}

input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover{
background: #4b4b4b;
}

*:first-child+html input[type="submit"]{padding:3px;}

*/

/* form
------------------------------------------------------------*/

/* form */

.form-control::-moz-placeholder {
    color: #ccc;
    opacity: 1;
}

.form-control:-ms-input-placeholder {
    color: #ccc;
}

.form-control::-webkit-input-placeholder {
    color: #ccc;
}


/* contactform7 */

.wpcf7-form p,
.wpcf7-form ul {
    margin-bottom: 15px;
}

.wpcf7-form ul {
    list-style-type: square;
}

.wpcf7-form li {
    margin-bottom: 15px;
}

span.wpcf7-list-item {
    display: block;
}

label {
    line-height: 1.5em;
}


/* textarea */

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="date"],
textarea,
select {
    box-sizing: border-box;
    color: #333;
    font-family:"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","Hiragino Mincho ProN","ＭＳ Ｐ明朝",serif;
    vertical-align: middle;
    width: 100%;
    background: #f9f9f9;
    padding: 0 1em;
    letter-spacing: .1em;
    border: none;
}

select {
    appearance: none;
    -webkit-appearance: none;
    border-radius: none;
    -webkit-border-radius: none;
    cursor: pointer;
}

input[type="text"].order-num {
    vertical-align: middle;
    text-align: center;
    width: 30px;
    color: #000;
    background: #f9f9f9;
    border: none;
    padding: 0;
}

.select-num {
    vertical-align: middle;
    text-align: center;
    width: 4em;
    color: #000;
    background: #f9f9f9;
    border: none;
    padding: 0 0.5em;
    letter-spacing: .1em;
}

input,
select {
    height: 50px
}

input[type="checkbox"] {
    height: 13px;
    line-height: 1;
}

textarea {
    height: auto;
    padding: 1em;
    letter-spacing: .1em;
    line-height: 1.5em;
}

input:focus,
select:focus,
textarea:focus {
    outline: none;
}

input[type="submit"],
input[type="reset"],
input[type="button"] {
    font-family:"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","Hiragino Mincho ProN","ＭＳ Ｐ明朝",serif;
    text-align: center;
    text-decoration: none;
    letter-spacing: .2em;
    color: #fff;
    background: #006253;
    padding: 10px 40px;
    border-radius: 2px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
    color: #000;
    background: #ccc;
}


input[type="image"] {
    padding: 6px 0 0 10px;
    width: 24px;
    height: 24px;
}


.ajax-loader {
    border: 0;
    width: inherit;
    height: auto;
}

/*button*/

.btn a {
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    letter-spacing: .2em;
    color: #fff;
    background: #006253;
    padding: 20px 40px;
    border-radius: 2px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

.btn a:hover {
    color: #000;
    background: #ccc;
}

/* table
------------------------------------------------------------*/

table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    padding: 10px;
    line-height: 2em;
    letter-spacing: .1em;
    white-space: nowrap;
    vertical-align: top;
    border: none;
    border-top: 1px solid #ddd;
}

.no-border > thead > tr > th,
.no-border > tbody > tr > th,
.no-border > tfoot > tr > th,
.no-border > thead > tr > td,
.no-border > tbody > tr > td,
.no-border > tfoot > tr > td {
    padding: 5px;
    line-height: 2em;
    letter-spacing: .1em;
    vertical-align: top;
    border: none;
}

.table-border tr:last-child {
    border-bottom: 1px solid #ddd;
}

.tr-color tr:first-child {
    background-color: #f9f9f9;
}

.td-color td:first-child {
    background-color: #f1f1f1;
}


@media(max-width:767px) {
    .td-block-xs td {
        display: block;
    }
    .td-color-xs td:first-child {
        background-color: #f9f9f9;
    }
    .pc-center br {display: none;}
}

@media(min-width:768px) {
.w10 {max-width: 10%}
.w20 {max-width: 20%}
.w30 {max-width: 30%}
.w40 {max-width: 40%}
.w50 {max-width: 50%}
.w60 {max-width: 60%}
.w70 {max-width: 70%}
.w80 {max-width: 80%; margin: 0 auto}
.w90 {max-width: 90%}
.w100 {max-width: 100%}
.pc-center {text-align: center}
}