@charset "UTF-8";


/*----------------------------------------------------------------------------------------------------------------------#blog----------*/

#blog{ 
width:83.34%;
margin:90px auto 0;
}

#blog h2{ 
font-size:36px;
line-height:1.6;
}

#blog h2 span{ 
font-size:16px;
display: block;
color:#dfb627;
}

#blog ul{ 
width:80%;
margin-left: 20%;
display:flex;
flex-wrap: wrap;
}

#blog ul a{ 
width:31.7%;
display: block;
margin-top:60px;
margin-right: 2.45%;
}

#blog ul a:nth-child(3n){ 
margin-right: 0;
}

#blog ul a li img{ 
opacity: 1;
transition: all 0.5s 0s cubic-bezier(0.23,1,0.32,1);
}

#blog ul a:hover li img{ opacity: 0.6; }

#blog ul li time{ 
color:#999;
font-size:13px;
display: block;
margin-top: 20px;
}

#blog ul li h3{ font-weight: bold; }

#blog ul li p{
line-height: 1.6;
margin-top: 5px;
font-size: 14px;
}


@media screen and (max-width:1100px){

#blog{ 
width:90%;
margin:40px auto 0;
}

}

@media screen and (max-width:767px){

#blog h2{ font-size:24px; }

#blog h2 span{ font-size:14px; }

#blog ul{ 
width:85%;
margin-left:auto;
display:block;
}

#blog ul a{ 
width:100%;
margin-top: 40px;
margin-right: 0;
}

#blog ul a:first-child{ margin-top: 30px; }

#blog ul a:nth-child(3n){ 
margin-right: 0;
}

#blog ul li time{ 
color:#999;
font-size:13px;
display: block;
margin-top: 20px;
}

#blog ul li h3{ font-weight: bold; }

#blog ul li p{
line-height: 1.6;
margin-top: 5px;
font-size: 14px;
}

}