@charset "utf-8";

body {background:#f9f9f9; height:100%; width:100%; margin:0 auto; text-align:center;}

.wrap {margin:0 auto; text-align:center; width:80%; position:relative;}
.wrap .itemLine {display:inline-block; width:100%;}
.wrap .itemLine ul {}
.wrap .itemLine li { width:21%; padding:42px 2%; float:left;}
.wrap .itemLine li img { margin:0 auto; text-align:center; width:80%; padding:0 10% 38px; border-bottom:#6a5d57 2px solid;}
.wrap .itemLine li .name { text-align:center; margin:11px auto; font-size:17px; color:#000; line-height:1.4; height:50px;}
.wrap .itemLine li a .name:hover { text-decoration:none; color:#F30 !important;}
.wrap .itemLine li:hover { background:#eaeaea;}

.wrap .m_title { margin:90px auto 70px;}
.wrap .m_title p {font-size:24px; color:#888; letter-spacing:-0.05em;}
.wrap .m_title p.tt { font-size:48px; line-height:1.3; margin-top:0.5em; color:#555; letter-spacing:0;}

@media all and (max-width:1201px) {
    .wrap .itemLine li { width:29%;}
}
@media all and (max-width:979px) {
}

@media all and (max-width:767px) {	
	.wrap .itemLine li { width:46%;}
	.wrap .itemLine li img {width:80%; padding:0 10% 25px;}
	.wrap .itemLine li .name { font-size:15px; height:20px;}
	
	.wrap .m_title { margin:50px auto 20px;}
	.wrap .m_title p {font-size:15px;}
	.wrap .m_title p.tt { font-size:36px;}
}