@charset "UTF-8";
/*================================
 graphic.css
=================================*/

main {
background-color: #fcfcfc;
}

header.min_bg {
background: linear-gradient(180deg, #020001 0%, #020001 200px, #fcfcfc 200px);
}

/*================================
 o/w
=================================*/

header h2 {
background:url(../img/graphic/header_tit.png) no-repeat center top;
margin-top: 80px;
display: block;
width: 1020px;
height: 160px;
position: absolute;
top: 120px;
left: 0;
right: 0;
margin: auto;
}

/*
-------------------------------- */
.row_inner {
overflow: hidden;
max-width: 1600px;
min-width: 1240px;
width: 100%!important;
}


/*
-------------------------------- */

#subnav {
margin-bottom: 50px;
}
    .blogsingle #subnav {
    margin-bottom: 80px;
    }

#subnav .row_inner {
max-width: 1200px;
}

#subnav .row_inner ul {
justify-content: start;
flex-wrap: wrap;
overflow: hidden;
width: 100%;
}

#subnav .row_inner ul li {
display: inline-block;
width: 184px;
height: 48px;
margin: 8px;
}

#subnav .row_inner ul li.tit {
position: relative;
font-weight: bold;
line-height: 48px;
text-indent: 8px;
}

#subnav .row_inner ul li.tit::after {
content: "";
position: absolute;
right: 2px;
top: 0;
display: block;
width: 2px;
height: 48px;
border-right: 2px dotted #A6A8A7;
}

#subnav .row_inner ul li a {
display: block;
width:100%;
height:100%;
font-weight: bold;
line-height: 48px;
text-align: center;
color: #fff;
background-color: #000;
border-radius: 24px;
}


/* post_headerslider
-------------------------------- */

.post_headerslider{
overflow: hidden;
display: block;
margin: 0 0 50px;
background-color: #F8F8F8;
}

.post_headerslider .slider{
display: block;
width:1920px;
left: 50%;
margin-left: -960px;
}

.post_headerslider .slider .slick-list{
display: block;
width:1920px;
overflow: hidden;
}

.post_headerslider .slider .pbox{
position: relative;
max-width: 1960px; /* w/box-shade */
height: 640px;
display: flex;
align-items: center;
padding: 20px 20px;
}

.post_headerslider .slider .slick-slide img {
max-width: 100%;
max-height: 100%;
object-fit: contain;
object-position: 50% 50%;
 -webkit-filter: drop-shadow(0px 0px 10px rgba(0,0,0,.2));
    filter: drop-shadow(0px 0px 10px rgba(0,0,0,.2));
}

.post_headerslider .thumb{
overflow: hidden;
display: block;
width: 800px!important;
margin: 0 auto;
padding: 50px 0;
}

.post_headerslider .thumb .slick-list {
overflow: visible;
}

.post_headerslider .thumb img{
cursor:pointer;
object-fit: cover;
width: 120px;
height: 120px;
box-shadow: 0 0 6px rgba(1,1,1,0.1);
}


/* post_content
-------------------------------- */

.post_content {
width: 1100px;
margin: 50px auto 0;
}

.post_content .post_tit h3 {
display: inline-block;
font-size: 31px;
font-weight: bold;
}

.post_content .post_tit .cat {
display: inline-block;
margin-left: 40px;
font-size: 16px;
letter-spacing: 0.06em;
line-height: 50px;
height: 50px;
border-radius: 25px;
padding: 0 30px;
color: #111;
background-color:#efefef;
}

.post_content .post_con {
margin-top: 30px;
}

.post_content .post_conlist {
margin-top: 30px;
}

.post_content .post_conlist ul {
display: block;
}

.post_content .post_conlist ul li {
display: flex;
border-bottom: 1px solid #D7D7D7;
padding: 10px 0;
}

.post_content .post_conlist ul li:first-child {
border-top: 1px solid #D7D7D7;
}

.post_content .post_conlist ul li .tit {
display: block;
width: 160px;
padding: 10px 40px;
font-weight: bold;
}

.post_content .post_conlist ul li .desc {
display: block;
width: 940px;
padding: 10px 40px;
border-left: 1px solid #D7D7D7;
}

.post_content .post_rellist {
display: block;
margin: 0 auto;
min-height: 90px;
}

.post_content .post_rellist h3 {
background:url(../img/works/related_tit.png) no-repeat center top;
display: block;
width: 200px;
height: 40px;
margin: 80px auto 0;
}

.post_content .post_rellist ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 30px auto 0;
}

.post_content .post_rellist ul li {
position: relative;
display: block;
width: 540px;
height: 60px;
margin-bottom: 20px;
}

.post_content .post_rellist ul li a::after {
content: "";
background:url(../img/works/related_li_arrow.png) no-repeat center center;
display: block;
width: 30px;
height: 30px;
position: absolute;
right: 30px;
top: 0;
bottom: 0;
margin: auto;
transition: 0.2s;
}

.post_content .post_rellist ul li a:hover::after {
position: absolute;
right: 26px;
}

.post_content .post_rellist ul li a {
display: block;
width: 100%;
height: 100%;
line-height: 60px;
background-color: #1C1D1F;
color: #fff;
text-indent: 40px;
}

.post_content .post_rellist ul li .tit {
display: block;
width: 160px;
padding: 10px 40px;
}

.post_content .post_rellist ul li .desc {
display: block;
width: 940px;
padding: 10px 40px;
border-left: 1px solid #D7D7D7;
}


.post_conteslider {
margin: 50px auto 0;
}

.post_conteslider .slider img {
cursor:pointer;
object-fit: cover;
width: 520px;
height: 346px;
}

.post_imglist {
width:1200px;
margin: 100px auto 0;
text-align: center;
}

.post_imglist ul li {
margin-bottom: 30px;
display: block;
width: auto;
overflow: hidden;
}

.post_imglist ul li img {
/*
cursor:pointer;
object-fit: cover;.
width: 100%;
height: auto;
*/
max-width: 100%;
margin: 0 auto;
}

    .post_imglist ul li p {
    text-align: center;
    }


/* unit latests
-------------------------------- */
#latests {
background-color: #040000;
}

#latests h3 {
background:url(../img/works/recent_tit_white.png) no-repeat center top;
display: block;
width: 200px;
height: 40px;
margin: 110px auto 30px;
}

#latests .btn_to {
background:url(../img/works/recent_btn_to.png) no-repeat center center;
display: block;
width: 304px;
height: 58px;
margin: 40px auto 100px;
}