@charset "UTF-8";

/* *************************************************************

*   Since:2016-12
*   Editor:ricostyle

************************************************************* */


#head{background:url(../img/img_url.png) no-repeat right 30px;margin:0 auto;width:95%;max-width:960px;height:90px;text-align:left;}
#head img{width:110px;margin:15px 20px 20px 5px;}

#links{max-width:960px;width:100%;text-align:left;margin:0 auto;font-size:0.95em;line-height:1.5em;color:#555;}
#links h3{font-size:30px;}
#links h4{border-bottom:1px dotted #888;}

#links a{text-decoration:none;color:#CE9833;}
#links a:hover{text-decoration:underline;color:#DDB03C;}
#links p.mes{margin-bottom:30px;}


@media (min-width: 768px){
#container{padding:0 10px 50px;}

/* totop */
#topbtn{position: fixed;bottom:0;left:0;width:auto;height:auto;background-color:#000;opacity:.30;z-index:1000;}
#topbtn:hover{opacity:.20;}
#topbtn a{display:block;padding:40px 35px;text-decoration:none;color:#FFF;line-height:1em;}
#topbtn a:hover{text-decoration:none;color:#FFF;}
}

@media (max-width: 768px){
#container{padding:0 10px 50px;}

/* totop */
#topbtn{position: fixed;bottom:0;left:0;width:100%;height:auto;background-color:#000;opacity:.30;z-index:1000;}
#topbtn:hover{opacity:.20;}
#topbtn a{display:block;padding:20px;text-decoration:none;color:#FFF;line-height:1em;}
#topbtn a:hover{text-decoration:none;color:#FFF;}
}