@charset "UTF-8";


/* news/
--------------------------------------------- */

.top-menu{
margin:1em auto;
padding:1em;
max-width:700px;
text-align:center;
}

.top-menu li{
display:inline-block;
margin:1em;
max-width:80%;
}

.top-menu li a:hover{
position:relative;
top:1px;
left:1px;
}


/* news/tsutsuji/
--------------------------------------------- */

ul.news-menu{
padding:0 0 0.5em;
text-align:left;
}


ul.news-menu li a{
position:relative;
font-size:14px;
display:block;
margin:10px 0;
padding:10px 10px 10px 35px;
color:#333;
background:#F2F2F2;
border:#EEEEEE solid 1px;
text-decoration:none;
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
}

ul.news-menu li a:before{
position:absolute;
left:10px;
top:12px;
content:'\f138';
color:#FF9900;
font-family:'FontAwesome';
line-height:1;
font-size:18px;
}


ul.news-menu li a:hover,
ul.news-menu li a:focus{
background:#FEF9E4;
color:#000;
border:#FFCC00 solid 1px;
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
}




/* news/tsutsuji/tsutsuji/
--------------------------------------------- */


.news-cont p{
margin-bottom:1em;
padding:5px 10px;
font-size:120%;
}

.news-cont ul{
margin:10px;
font-size:120%;
}

.news-cont li{
margin:8px 2px 8px 1em;
list-style-type:disc;
}

.news-cont li.dotnone{
list-style-type:none;
text-align:center;
}

.news-cont li img.cover{
width: 40%;
}

@media all and (min-width:640px) {


/* news/
--------------------------------------------- */

.top-menu{
margin:1em auto;
padding:1em;
max-width:800px;
text-align:center;
}

.top-menu li{
display:inline-block;
width:30%;
margin:0.8em;
}

/* news/tsutsuji/
--------------------------------------------- */

ul.news-menu{
padding:0 1em;
}


}

@media all and (min-width:960px) {





}