/*
Theme Name:オリジナルテーマ(ver2.0)
Theme URI:
Description:株式会社ベルテックスジャパン
Author:Adachi
Author URI:
Version:2.0
*/

/* reset */
html{color:#000;background:#FFF}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}
legend{color:#000}
#yui3-css-stamp.cssreset{display:none}
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
 
body {
    line-height:1;
}
 
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}
 
nav ul {
    list-style:none;
}
 
blockquote, q {
    quotes:none;
}
 
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
 
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
 
/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}
 
/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}
 
del {
    text-decoration: line-through;
}
 
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
 
table {
    border-collapse:collapse;
    border-spacing:0;
}
 
/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
 
input, select {
    vertical-align:middle;
}
/* reset */
body {border-top-color:#633!important;}
body {background-color:#f5f5dc;}
#footer {background-color:#633;}
h2 {background-color:#633;}
h2 {color:#FFF;}
a, a:link, a:active, a:visited {color:#00f;}
a:hover {color: rgba(0,0,255,0.7);}

a {
    color: #00f;
}
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
body {
    margin: 0;
    padding: 0;
    line-height: 1.8;
    font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
    font-size: 16px;
    color: #333333;
    word-break: break-all;
    border-top: 4px solid;
}
article {
    width: 900px;
    margin: auto;
    background-color: #fff;
    padding: 1em 2em 2em;
}
#header-image {
    text-align: center;
}
#header-image .image {
    width: 900px;
    height: 300px;
    display: inline-block;
    vertical-align: top;
    margin: 0;
}
header {
    width: 900px;
    margin: auto;
}
header h1 {
    font-weight: normal;
    font-size: 125%;
    padding-top: 10px;
    padding-bottom: 10px;
}
h1 {
	font-weight: normal;
	font-size: 125%;
	padding-top: 10px;
	padding-bottom: 10px;
}

h2 {
	font-weight: bold;
	font-size: 120%;
	background-color: #633;
	color: #FFF;
	padding-left: 20px;
	margin-top: 10px;
	padding-top: 5px;
}

h3 {
	font-weight: bold;
	font-size: 115%;
	color: #000;
	padding-top: 5px;
	padding-left: 20px;
	margin-bottom: 10px;
	margin-top: 25px;
	border: 1px solid #303;
}

/* 2016-03-13 */
.post-content {
    padding: 20px;
}
main .section_1 .section_wrap_1 {
    background-color: transparent;
}
body.single main .section_1 .section_wrap_1 {
    margin-bottom: 20px;
}
body.single main .section_1 .post-content .section_wrap_1 {
    margin: 20px 0;
    width: 100%;
}
img {
    max-width: 100%;
    height: auto;
}
.ar {
    text-align: right;
}
.table {
    display: table;
    table-layout: fixed;
    width: 100%;
}
.table-caption {
    display: table-caption;
}
.table-column-group {
    display: table-row-group;
}
.table-row {
    display: table-row;
}
.table-cell {
    display: table-cell;
    vertical-align: top;
}
.image.noimage {
    position: relative;
    background-color: #ddd;
    color: transparent;
    display: block;
}
.image.noimage:before {
    position: absolute;
    content: 'NO IMAGE';
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    color: #000;
}
/* header */
#header-image .image {
    line-height: 300px;
    color: transparent;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: auto 100%;
}
/* breadcrumb */
#breadcrumb {
    width: 900px;
    margin: 0 auto -15px!important;
    background-color: #fff;
    padding: 15px 10px 0;
}
#breadcrumb > div {
    max-width: 33.3333333%!important;
    overflow: hidden;
    white-space: nowrap;
    -webkit-text-overflow: ellipsis;
         -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
}
#breadcrumb > div {
    display: inline-block;
}
#breadcrumb > div + div {
    padding-left: 1em;
}
/* footer */
footer {
    color: #fff;
    padding: 1em 0;
}
footer #footer-post-list {
    width: 900px;
    margin: 0 auto 20px;
    border-top: 1px solid #fff;
}
footer #footer-post-list li {
    padding: 1em;
    border-bottom: 1px solid #fff;
}
footer #footer-post-list a {
    text-decoration: none;
    color: #fff;
    padding: 0;
    line-height: 1;
}
footer #footer-post-list li > .col02 > a * {
    line-height: 1.5;
}
footer #footer-post-list .col {
    text-align: left;
}
footer #footer-post-list .col01 {
    width: 75px;
    line-height: 65px;
    padding-right: 10px;
}
footer #footer-post-list .col01 .image {
    line-height: 65px;
    font-size: 11px;
}
footer #footer-post-list .title {
    font-weight: bold;
}
footer #post-list-link {
    text-align: right;
    padding: 10px;
}
footer #post-list-link a {
    color: #00f;
}
footer #post-list-link:before {
    content: '\226B';
}
#footer .inner {
    width: 960px;
    padding-top:10px;
    font-size: 14px;
    position: relative;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    text-align: center;
}
#footer .page_top {
    position: absolute;
    bottom: 5px;
    right: 18px;
    width: 10px;
}
#footer .page_top a {
    display: block;
    width: 100px;
    height: 20px;
}

/* form */
.wpcf7-form .table {
    width: 550px;
    margin: 0 auto;
    font-size: 12px;
    line-height: 1.8;
    border-collapse:collapse;
    border:0px;
    border-left: 1px solid #AAA;
    border-top: 1px solid #AAA;
}
.wpcf7-form .table-row > * {
    border-right: 1px solid #AAA;
    border-bottom: 1px solid #AAA;
    padding: 5px;
    vertical-align: middle;
}
.wpcf7-form .th {
    background-color: #E6E6E6;
    color: #333;
    width: 155px;
    text-align: center;
    font-weight: bold;
}
.wpcf7-form .table-caption {
    background-color: #CCC;
    border: 1px solid #AAA;
    border-bottom: none;
    color: #fff;
    text-align: center;
    padding: 5px;
}
.wpcf7-form input ,
.wpcf7-form textarea {
    max-width: 100%;
}
.wpcf7-form input[type="text"] ,
.wpcf7-form input[type="url"] ,
.wpcf7-form input[type="email"] {
    width: 200px;
}
.wpcf7-form input[type="submit"] {
    padding: 0 1em;
}
.wpcf7-form textarea {
    width: 335px;
    height: 100px;
}
.wpcf7-form .must {
    color: #c92422;
}

/* post-list */
.post-list > section {
    padding: 1em;
}
.post-list > section a {
    text-decoration: none;
    color: #000;
}
.post-list > section + section {
    border-top: 1px solid #333;
}
.post-list > section .col01 {
    width: 160px;
    height: 150px;
    padding-right: 10px;
}
.post-list > section .col01 .noimage {
    line-height: 150px;
}
.post-list > section .excerpt p {
    overflow: hidden;
    white-space: nowrap;
    -webkit-text-overflow: ellipsis;
         -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
}
.post-list > section .ar {
    margin-top: 1em;
}
.post-list > section .ar:before {
    content: '\226B';
}

/* ページナビ */
.pagination{
    text-align: center;
    margin-top: 54px;
}
a.page-numbers,
.pagination .current{
    display: inline-block;
    background: #fff;
    border: solid 1px #ccc;
    padding:5px 8px;
    margin:0 2px;
    text-decoration: none;
}
.pagination .current{
    background: #633;
    border: solid 1px #633;
    color: #fff;
}
/***** 2016-03-20 *****/
.front-content .section_1 h1 ,
.front-content .section_1 h2 ,
.front-content .section_1 h3 ,
.front-content .section_1 h4 ,
.front-content .section_1 h5 {
    /*width: 900px;*/
    /*margin-left: -20px;*/
}
h2 {
    font-weight: bold;
    font-size: 120%;
    /*background-color: #633;*/
    /*color: #FFF;*/
    padding-left: 20px;
    margin-top: 10px;
    padding-top: 5px;
}

/***** /2016-03-20 *****/
@media (min-width: 960px) {
    a {
        -webkit-transition:all 200ms linear;
           -moz-transition:all 200ms linear;
            -ms-transition:all 200ms linear;
             -o-transition:all 200ms linear;
                transition:all 200ms linear;
    }
    a:hover {
        opacity: 0.7;
    }
}
@media (max-width: 959px) {
    header {
        padding: 0 0.5em;
    }
    article {
        padding: 1em;
    }
    article .section_1 {
        padding: 0;
    }
    h1 , h2 , h3 {
        font-size: 100%;
    }
    h2 {
        padding: 5px 10px;
    }
    h3 {
        padding: 5px 10px;
    }
    * {
        max-width: 100%!important;
    }
    #wrapper {
        min-width: 0;
    }
    #header-image .image {
        height: 0;
        padding-top: 33.3333%;
        color: transparent;
        background-position: top center;
        background-repeat: no-repeat;
        background-size: auto 100%;
    }
    .box1 {
        margin-left: 50px;
        margin-left: 0;
    }
    .box2 {
        margin-left: 0;
    }
    .excerpt p {
        overflow: hidden;
        white-space: nowrap;
        -webkit-text-overflow: ellipsis;
             -o-text-overflow: ellipsis;
                text-overflow: ellipsis;
    }
    .wpcf7-form .table ,
    .wpcf7-form .table-column-group ,
    .wpcf7-form .table-caption ,
    .wpcf7-form .table-row ,
    .wpcf7-form .table-cell {
        display: block;
        width: 100%;
    }
    .wpcf7-form .table-caption {
        border: none;
        border-bottom: 1px solid #AAA;
        border-right: 1px solid #AAA;
    }
    .wpcf7-form .td {
        text-align: left;
    }
    .wpcf7-form .td input {
        width: 100%;
    }
    #breadcrumb {
        margin: 0 auto 0!important;
    }
    .post-content {
        padding-top: 0;
    }
    .post-content > h2:first-child {
        margin-top: 0;
    }
    .post-list > section .col01 {
        width: 110px;
        height: 100px;
        padding-right: 10px;
    }
    .post-list > section .col01 .noimage {
        line-height: 100px;
    }
    .post-list > section .col02 * {
        line-height: 1;
    }
    .post-list > section .col02 > * {
        line-height: 1;
        overflow: hidden;
        white-space: nowrap;
        -webkit-text-overflow: ellipsis;
             -o-text-overflow: ellipsis;
                text-overflow: ellipsis;
    }
    .post-content {
        padding: 0;
    }
    /***** 2016-03-20 *****/
    .front-content h2 {
        width: 100%;
        max-width: none !important;
        margin-bottom: 0.5em;
    }
    /***** /2016-03-20 *****/
}