@import (once) "font.less";
@import (once) "default.less";

/* list ///////////////////////*/
.list{

li{
padding:10px 0 10px 1.5em;
border-bottom:1px @c4 solid;
line-height:150%;
}

a{
.db;
}

li p{
.dib;
margin:0 1em 0 -1.5em;
padding:0 0 0 1.5em;
.pr;
}
li p:before{
content:'';
.pa;
top:.7em;
left:.5em;
width:4px;
height:4px;
background: @c1;

}

a:hover,
a:hover > p{
.tdu;
}

.new{
background:@red;
color:#FFF;
.dib;
.ffm;
padding:3px 15px;
font-size:9pt;
line-height:100%;
margin:0 0 0 10px;
letter-spacing:.1em;
}

.navi{
padding:40px 0 0 0;
.tac;

line-height:100%;
a{
.dib;
line-height:100%;
cursor:pointer;
padding:0 10px;
}
p{
.dib;
line-height:100%;
opacity:.3;
padding:0 10px;
}
}

.point_left,
.point_right{
width:12px;
height:12px;
margin:0 10px;
.dib;
}
.point_left:after,
.point_right:after{
border-top:1px @text  solid;
border-left:1px @text solid;
}

}


@media (max-width:800px){
.news .list{

li p{
.db;
}

}
}


/* detail ////////////////////////////// */
.detail{

.date{
.tar;
padding:0 0 10px 0;
}

.image{
padding:0 0 20px 0;

ul{
.dt;
.center;
width:100%;
}
li{
.dtc;
padding:10px;
width:33.3%;
}
img,
p{
width:100%;
max-width:600px;
}
.wrap{
padding:10px;
max-width:600px;
box-shadow:0px 0px 5px 0px rgba(51, 52, 53, .5);
margin:0 auto 20px auto;
}
}

.photo{
padding-top:100%;
}

.text{
padding:10px;
}

.pdf{
padding:10px 0;
}

.back{
padding:40px 0 0 0;
}

}



@media (max-width:800px){
.news .detail{

.image{
.db;
padding:0 0 20px 0;

li{
.db;
padding:5px 0;
}
}

.text{
padding:10px 0;
}

.pdf{
padding:10px 0;
}

}
}


/* file ///////////////////////*/
.file a{
.pr;
.db;
.nw;
margin:20px 0;
border:1px @c4 solid;
background: @c3;
padding:5px 10px 5px 2em;
max-width:400px;
}

.file a:before{
content:'';
.pa;
top:1em;
left:1em;
width:4px;
height:4px;
background: @text;
}

.file a:hover{
border:1px @c3 solid;
background: #FFF;
.tdu;
}