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

/* houmon ///////////////////////*/
.houmon{

ol{
padding:20px 0 0 20px;
}

}


/* navi ///////////////////////*/
.navi{

ul{
.dt;
.center;
border-right:2px @c3 solid;
line-height:100%;
}
li{
.dtc;
}

a{
padding:0 20px;
border-left:2px @c3 solid;
}

a:hover{
.tdu;
}

}


@media (max-width:700px){
.navi{

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

a{
.db;
.tac;
padding:8px 0;
border:1px @c3 solid;
}

}
}



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

section{
padding:40px 0 0 0;
}

table{
width:100%;
}
td{
padding:10px;
border:1px @c3 solid;
}
td:nth-child(2),
td:nth-child(3){
width:150px;
}

tr:first-child td{
background:@c7;
.tac;
.nw;
}

td{
.tac;
}

a{
.tdu;
.bold;
}
a:hover{
color:@c1;
}

b{
.red;
.bold;
text-indent:-9999px;
border:2px @red solid;
.r(50%);
width:12px;
height:12px;
.dib;
.vam;
}

}


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

td{
padding:6px;
}
td:nth-child(2),
td:nth-child(3){
.nw;
width:auto;
}

b{
width:10px;
height:10px;
}

}
}