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


body, html{
background-color:@bg_yellow;
}



/* pickup ///////////////////////*/
.news .pickup{



}




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

ul{
border-top:1px @c8 solid;
}
li{
padding:10px 0 10px 1em;
border-bottom:1px @c8 solid;
}
li p::before {
content:'';
.dib;
.vat;
margin:.7em .5em 0 -1em;
width:4px;
height:4px;
background: @c1;
.r(50%);
}
li a{
.pr;
.db;
.vat;
}
li p{
.dib;
.vat;
padding:0 10px 0 .5em;
}
li a:hover,
li a:hover > p{
.tdu;
}

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


.pager{
padding:40px 0 80px 0;
.tac;
}
.prev{
padding:0 20px;
}
.next{
padding:0 20px;
}

}



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

dl{
.db;
}
dd{
.db;
}

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

}
}


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

.wrap{
padding-top:0;
}

.date{
.tar;
}

h2{
.ffm;
}
h3{
.bold;
font-size:15pt;
line-height:140%;
padding:2px 0 0 15px;
border-left:4px @c1 solid;
margin:0 0 30px 0;
}


.image{
ul{
.dt;
width:100%;
}
li{
.dtc;
padding:0 5px;
}
img{
.r(10px);
}
}

.photo{
max-width:500px;
.center;
}
.photo:before{
padding-top:100%;
}

.text{
padding:20px 0;
}

}



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

h3{
font-size:14pt;
}

.image{
ul{
.db;
width:100%;
}
li{
.db;
padding:0 0 10px 0;
}
}

.text{
padding:20px 0 0 0;
}

}
}


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

h3{
margin:10px 0 20px 0;
font-size:12pt;
}

}
}