@charset "utf-8";


/* ----------------------トップ-------------------- */

.prm ul{
margin:10px auto;
width:96%;
text-align:center;
}

.prm li{
display:inline-block;
width:75%;
margin:10px;
padding:5px;
border:#F0F0F0 solid 8px;
}

.prm li:hover{
border:#FC0 solid 8px;
}

.prm li img{
width:100%;
height:auto;
}

p.title{
font-weight:700;
text-decoration:none;
}


/* ---------------　バックナンバー　--------------- */


dl.back-number{
margin:2em;
padding:1em;
text-align:center;
}

dl.back-number dt{
font-size:160%;	
}

dl.back-number dd{
	
}

dl.back-number dd a{
position:static;
width:100%;
margin:5px auto 10px;
text-align:center;
display:inline-block;
text-decoration:none;
-moz-border-radius:30px;
-webkit-border-radius:30px;
border-radius:30px;
padding:9px;
background-color:#FF9933;
color:#FFF;
font-size:160%;	
}

dl.back-number dd a i{
font-size:120%;	
}

dl.back-number dd a span.am:after{
content:"\f061";
font-family:FontAwesome;
font-size:90%;
font-weight:normal;
}

dl.back-number dd a:hover {
background-color:#FFB76F;
}

dl.back-number dd a:active {
position:relative;
top:1px;
}









@media all and (min-width:700px){
	
/* ---------------　トップ　--------------- */

.prm li{
width:25%;
}


/* ---------------　バックナンバー　--------------- */

dl.back-number dd a{
float:left;
width:28%;
margin:1%;
font-size:140%;
}



}