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

/* blog ///////////////////////*/
.blog{
padding:60px 0 120px 0;

dl{
.dt;
width:100%;
}
dd{
.dtc;
.vat;
}

}

@media (max-width:780px) {
.blog{
padding:40px 0 80px 0;

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

}
}


@media (max-width:480px) {
.blog{
padding:20px 0 40px 0;

}
}



/* .menu ///////////////////////*/
.menu{
width:25%;

li{
padding:15px 0 15px 15px;
line-height:160%;
background:url("../image/line3.svg") repeat-x 0 100%;
}
li p{
.db;
font-size:9pt;
line-height:200%;
margin:0 0 0 -15px;
padding:0 0 0 15px;
background:url("../image/point1.png") no-repeat 0 50%;
background-size:7px;
}
a:hover{
.tdu;
}

}



@media (max-width:780px) {
.menu{
width:100%;

li{
padding:10px 0 10px 17px;
}
li p{
.fn;
.db;
font-size:7pt;
margin:0 0 0 -17px;
padding:0 0 0 15px;
}

}
}


/* .detail ///////////////////////*/
.detail{
padding:0 60px 0 0;

section{
background:url("../image/line3.svg") repeat-x 0 100%;
padding:0 0 60px 0;
margin:0 0 60px 0;
}

.date{
.tar;
}

h4{
.ffg2;
}

.photo{
.dt;
.center;
.tac;
img{
width:90%;
height:auto;
max-width:500px;
max-height:400px;
}
}

.text{
padding:20px 0;
}

.back{
margin:30px auto 0 auto;
}

}


@media (max-width:780px) {
.detail{
padding:0 0 0 0;

.photo{
.tac;
img{
width:90%;
max-height:300px;
}
}

section{
padding:0 0 40px 0;
margin:0 0 40px 0;
}

.pager{
.dn;
}

}
}