@charset "UTF-8";
/*	POSTS & CONTENT STYLES
------------------------- */


/* --  common
------------------- */

.post-content {
    margin-bottom: 32px;
    padding-bottom: 32px;
    border-bottom: solid 1px #ccc;
}

.post-content h1,
.post-content h2,
.post-content h3,
.post-content h4,
.post-content h5,
.post-content h6 {
    clear: both;
}

.post-content h1 {
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 1em;
}

.post-content h2 {
    margin-bottom: 1em;
}

.post-content h3 {
    text-align: center;
    font-size: 24px;
    text-align: left;
}

.post-content h4 {
    margin-bottom: 1em;
    padding-bottom: 8px;
    font-size: 18px;
    text-align: left;
    color: #c5171f;
    border-bottom: solid 1px #c5171f;
}

.post-content h5 {
    font-size: 18px;
    font-weight: bold;
    color: #649f44;
}

.post-content h6 {
    font-size: 14px;
}

.post-content p {
    font-size: 16px;
    margin-bottom: 2.1em;
}

.post-content a {
    color: #c5171f;
    text-decoration: underline;
}

.post-content ul {
    list-style-type: inherit;
    margin-left: 1.5em;
    margin-bottom: 2.1em;
}

.post-content ol {
	list-style-type: decimal;
	margin-left: 1.5em;
	margin-bottom: 2.1em;
}

.post-content em {
    font-style: italic;
}

.post-content img {
    width: inherit;
    margin-bottom: 2.1em;
}

.post-content img.w_auto {
    width: auto;
}

.post-content table {
    margin-bottom: 50px;
}

.post-content table th,
.post-content table td {
    display: table-cell;
    padding: 10px;
    border: solid 1px #ccc;
}

.post-content table th {
    color: #fff;
    background: #649f44;
}

.post-content table td {}

.post-content table td i {}

.post-content iframe {
    width: 100%;
    max-width: 100%;
}

.post-content .alignleft {
	display: inline;
	float: left;
}

.post-content .aligncenter {
	margin-right: auto;
	margin-left: auto;
	display: block;
	clear: both;
}

.post-content .alignright {
	display: inline;
	float: right;
}

.post-content img.alignright {
    width: auto;
    margin-left: 20px;
}

article.post {
    margin-bottom: 47px;
    padding-bottom: 64px;
    border-bottom: solid 1px #6a7a8f;
}

.post-content .borderBox {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: dotted 1px #000;
}

.post-content .borderBox.firstBox {
    margin-top: 20px;
    padding-top: 20px;
    border-top: dotted 1px #000;
}

.post-content .borderBox h3 {
    margin-bottom: 15px;
    padding-left: 0;
    border-left: none;
}

.post-content .borderBox h4 {
    color: #abcd03;
}

.post-content .borderBox p {
    margin-bottom: 0;
}


/* --  post-header
------------------- */

.post-header {position:  relative;padding: 8px 16px;color: #fff;background: #6b7a8f;margin-top: 24px;z-index: 1;}

.post-header .post_meta {}

.post-header .post_meta .date {
    display: inline-block;
    padding-right: 16px;
    margin-bottom: 8px;
    font-size: 13px;
}

.post-header .post_meta .cat {
    display:  inline-block;
    margin-bottom: 8px;
    font-size: 13px;
}

.post-header .post_meta .cat a {
    color: #fff;
}

.post-header .post-title {margin: 0;line-height: 1.3;font-size: 18px;}


/* --  pager
------------------- */

.pager {
    text-align: left;
    display: block;
}

.backLink {}
.indexLink {}
.nextLink {}

.pagerLink {
    margin-bottom: 24px;
}

.pagerLink_inner {
    position: relative;
    padding: 8px 16px;
    overflow: hidden;
}

.pagerLink a {
    display:  block;
    text-decoration: none;
}

.pagerLink p {
    position:  relative;
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 1.7;
    z-index: 1;
}

.nextLink {
    text-align: right;
}

.pagerLink span {
    position:  relative;
    display:  block;
    z-index: 1;
}

.indexLink {
    text-align: center;
}

.indexLink a {
    display: block;
    height: 100%;
    padding: 0;
    font-size: 14px;
    line-height: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-decoration: none;
}

.indexLink img {width: 32px;display:  block;margin: 0px auto 10px;}


/* --  gallery
------------------- */

.gallery {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -16px !important;
}

.gallery dl.gallery-item {
    width: 50% !important;
    margin-bottom: 24px;
    padding: 0 16px;
}

.gallery dl.gallery-item dt {
    height: 100%;
    margin: 0;
    padding: 0;
    border: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: #ece2da;
}

.gallery dl.gallery-item dt a {}

.gallery dl.gallery-item dt a img {
    margin: 0;
    border: none !important;
}


/* --  exhibition sale
------------------- */

.slick-dotted.slick-slider {
    margin-bottom: 60px;
}

.slider_item {}

.slider_item .has-image {
    padding-bottom: 75%;
    box-shadow: none;
    background: #f7f7f7;
}

.slider_item .has-image img {
    width: auto;
    height: 100%;
}

.slick-dots li {
    width: 10px;
    height: 10px;
    margin: 0 10px;
}

.slick-dots li button {
    width: 10px;
    height: 10px;
}

.slick-dots li button:before {
    content:  "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #434343;
}

.pr_price {
    padding: 16px;
    background: #ece2da;
}

.pr_price p {
    margin-bottom: 0;
    font-size: 21px;
    font-weight:  bold;
    color: #f7882f;
}

.pr_txet {}

.pr_txet p {}


@media screen and (min-width: 600px) {

}


@media screen and (min-width: 768px) {}


@media screen and (min-width: 992px) {

    .post-header {margin-top: 24px;}
    .post-header .post-title {font-size: 27px;line-height: 1.7;}
    .post-header .post_meta span {font-size: 15px;margin-bottom: 0;}

    .post-content h1 {font-size: 30px;font-weight: bold;}
    .post-content h2 {padding: 5px 15px;font-size: 27px;color: #fff;background: #c5171f;}
    .post-content h3 {font-size: 24px;}
    .post-content h4 {}
    .post-content h5 {font-size: 17px;}
    .post-content h6 {font-size: 14px;}
    
    .post-content table.table-xs-1column th,
    .post-content table.table-xs-1column td {
        display: table-cell;
    }
        
    .post-content table.table-xs-1column th {
        text-align: left;
        font-weight: normal;
        background: none;
    }
    
    .post-content .borderBox {
        margin-bottom: 40px;
        padding-bottom: 40px;
        border-bottom: dotted 1px #000;
    }
        
    .post-content .borderBox.firstBox {
        margin-top: 40px;
        padding-top: 40px;
        border-top: dotted 1px #000;
    }


    .pager {
        margin: 0 -14px;
        text-align: left;
        display: flex;
    }
    
    .backLink {flex: 2;order: 1;}
    .indexLink {flex: 1;order: 2;}
    .nextLink {flex: 2;order: 3;}
    
    .pagerLink {margin-bottom: 0;padding: 0 16px;}
    
    .pagerLink_inner {/* padding: 24px 16px; */}
    .pagerLink p {margin-bottom: 0;font-size: 18px;}
    .indexLink {padding: 0 15px;}


    /*  page-technology
    ------------------------- */
    
    section.technology .itemBox .itemTitle {
        padding-left: 0;
    }
    section.technology .itemBox .itemBox_text {
        float: left;
    }
    section.technology .itemBox .itemBox_img {}
    
    section.technology .itemBox:nth-child(odd) .itemTitle {
        padding-left: 28%;
    }
    section.technology .itemBox:nth-child(odd) .itemBox_text {
        float: right;
    }
    section.technology .itemBox:nth-child(2) .itemBox_text {
        width: 60%;
    }
    section.technology .itemBox:nth-child(2) .itemBox_img {
        width: 40%;
    }


    /* --  gallery
    ------------------- */
    
    .gallery {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -16px !important;
    }
    
    .gallery dl.gallery-item {
        width: 25% !important;
        margin: 0 0 80px;
        padding: 0 16px;
    }
    
    .gallery dl.gallery-item dt {
        height: 100%;
        margin: 0;
        padding: 0;
        border: none;
        display: flex;
        flex-direction: column;
        justify-content: center;
        background: #ece2da;
    }


    /* --  exhibition sale
    ------------------- */

    .slick-dotted.slick-slider {
        margin-bottom: 30px;
    }


}


@media screen and (min-width: 1200px) {

}