@charset "UTF-8";

.detail-date-ctgr {
	padding: 20px;
	margin: 0 auto 20px;
}
.detail-date-ctgr .date {
	float: right;
}
.flex_LR_box.blog .left .detail-date-ctgr {
    padding:0;
	margin: 30px auto;
}
.flex_LR_box.blog .left .detail-date-ctgr .date{
    float:left;
}
.flex_LR_box.blog .left .detail-date-ctgr .date span.directory-name{
    position:relative;
}
.flex_LR_box.blog .left .detail-date-ctgr .date span.directory-name:before{
    content:"｜";
    left:0;
    margin-left:5px;
}

.news_wrapper .detail-date-ctgr {
	padding: 0;
	margin: 30px 0;
}
.news_wrapper .detail-date-ctgr .date {
	float: left;
}

.img-center {
	text-align: center;
}

.info-box {
	margin: 0 auto 40px;
	border: none;
	box-sizing: border-box;
}
@media (max-width: 1169px) {
    .info-box {
    	margin: 0 auto 30px;
    	width: calc(100% - 12%);
    }
}
@media (max-width: 768px) {
    .info-box {
    	margin: 0 auto 30px;
    	width: calc(100% - 12%);
    }
}

.slide_dtl_wrap {
    margin-bottom: 30px;
}
.slide_dtl_wrap .left {
    float: left;
    box-sizing: border-box;
}
.slide_dtl_wrap .right {
    float: right;
}
.slide_dtl_wrap .dtl_images {
    margin-bottom: 10px;
    text-align: center;
}
.slide_dtl_wrap .dtl_images .bx-wrapper {
    margin-bottom: 0;
}
.slide_dtl_wrap .dtl_images .bx-wrapper .bx-viewport {
    height: 245px !important;
}
.slide_dtl_wrap .dtl_images .bx-wrapper .bx-viewport ul {}
.slide_dtl_wrap .dtl_images .bx-wrapper .bx-viewport ul li {
    width: 370px !important;
}
.slide_dtl_wrap .dtl_images img {
    width: auto;
    max-width: 100%;
    display: inline-block;
}
.slide_dtl_wrap .dtl_images .bx-controls {
    display: block;
}
#img_slide_thumbnail {
    text-align: center;
}
.thumbnail_img {
    display: inline-block;
    vertical-align: top;
    margin: 0 0px 0px -5px;
    /* width: 576px; */
}
#img_slide_thumbnail a {
    float: left;
    display: inline-block;
    margin: 0 0px 5px 5px;
    width: 70px;
}

@media (max-width: 1370px) {
    .slide_dtl_wrap .left {}
    .slide_dtl_wrap .right {
        width:60%;
    }
    .slide_dtl_wrap .dtl_images .bx-wrapper .bx-viewport {
    }
    .slide_dtl_wrap .dtl_images .bx-wrapper .bx-viewport ul li {
    }
    .thumbnail_img {
    }
    #img_slide_thumbnail a {
    }
}
@media screen and (min-width: 1024px) and (max-width: 1169px) {
    
    .slide_dtl_wrap .left {}
    .slide_dtl_wrap .right {}
    .slide_dtl_wrap .dtl_images .bx-wrapper .bx-viewport {
        height: 245px !important;
    }
    .slide_dtl_wrap .dtl_images .bx-wrapper .bx-viewport ul li {
        width: 100% !important;
    }
    .thumbnail_img {
    }
    #img_slide_thumbnail a {
    }
}
@media (max-width: 1169px) {
    .detail_wrap{
        width:calc(100% - 12%);
        margin: 0 auto;
    }
    .slide_dtl_wrap {
        width:calc(100% - 12%);
        margin: 0 auto;
    }
    .slide_dtl_wrap .right {
        width: 55%;
    }
}
@media (max-width: 1023px) {
    .detail_wrap{
        width:calc(100% - 12%);
        margin: 0 auto;
    }
    .slide_dtl_wrap {
        width:calc(100% - 12%);
        margin: 0 auto 60px;
    }
    .slide_dtl_wrap .dtl_images .bx-wrapper .bx-viewport {
        height: 490px !important;
    }
    .slide_dtl_wrap .dtl_images .bx-wrapper .bx-viewport ul li {
        width: 100% !important;
    }
    .slide_dtl_wrap .left,
    .slide_dtl_wrap .right{
        float: none;
        width: 100%;
        margin: 0 auto;
    }
}
@media (max-width: 768px) {
    .detail-date-ctgr {
    }
    .detail-date-ctgr .date {
    }
    
    .img-center {
    }
    
    .info-box {
    }

    
    .slide_dtl_wrap {
    }
    .slide_dtl_wrap .left {
        width: 100%;
        float: none;
        padding-right: 0;
        margin-bottom: 15px;
    }
    .slide_dtl_wrap .right {
        width: 100%;
        float: none;
    }
    .slide_dtl_wrap .dtl_images {
    }
    .slide_dtl_wrap .dtl_images .bx-wrapper .bx-viewport {
        height: 56vw !important;
    }
    .slide_dtl_wrap .dtl_images .bx-wrapper .bx-viewport ul li {
        width: 100% !important;
    }
    #img_slide_thumbnail {
    }
    .thumbnail_img {
    margin: 0;
    display: block;
    }
    #img_slide_thumbnail a {
    width: 20%;
    margin: 0 0px 5px 0;
    box-sizing: border-box;
    padding: 0 2px;
    }
}