@charset "UTF-8";

main { display: block; position: fixed; top: 120px; bottom: 120px; left: 0; right: 0; max-width: 1440px; margin: 0 auto;}

@media screen and (max-width: 1600px){
main { max-width: 1160px;}
}
@media screen and (max-width: 767px){
main { top: 70px; bottom: 80px;}
}

/*
------------------------------------------------------------*/
.blog-wrap { max-width: 1440px; height: 100%; box-shadow: none; background: #efefef; border-top: #000 1px solid;}
.blog-wrap .inner-wrap { height: 100%; overflow-y: scroll; overflow-x: hidden; padding: 80px 0 0 80px; border-left: #000 1px solid;}
.blog-wrap .inner-wrap h2 img { height: 17px; width: auto;}
.blog-wrap .inner-wrap .container-fluid { margin: 0 -15px;}

.blog-wrap .inner-wrap li { margin-bottom: 60px;}
.blog-wrap .inner-wrap li a { display: block;}
.blog-wrap .inner-wrap li a figure { overflow: hidden; border-radius: 4px; margin-bottom: 16px;}
.blog-wrap .inner-wrap li a h3 { font-size: 20px; line-height: 1.5; margin-bottom: 8px; font-weight: 700; letter-spacing: .04em;}
.blog-wrap .inner-wrap li a p.beginning { color: #787c7b; text-align: justify; font-size: 12px; line-height: 1.5; letter-spacing: .04em; margin-bottom: 8px;}
.blog-wrap .inner-wrap li a p.date { color: #787c7b; text-align: justify; font-size: 12px; line-height: 1.5; letter-spacing: .04em;}

@media screen and (max-width: 1600px){
.blog-wrap { max-width: 1160px;}
.blog-wrap .inner-wrap { padding: 60px 0 0 60px;}
}
@media screen and (max-width: 767px){
.blog-wrap { margin: 0 30px;}
.blog-wrap .inner-wrap { padding: 40px 0 0 30px;}
}