@charset "UTF-8";

/*******************************
 
サイトマップCss
 
*******************************/
.sitemap{
width: 390px;
margin: 0 auto;
padding-top: 50px;
margin-bottom: 100px;
}
.sitemap li{
border-bottom: 1px solid #eee;
}
.sitemap li a{
display: block;
font-size: 20px;
font-weight: bold;
color: #044484;
padding:25px 40px 25px 20px;
text-align: left;
position: relative;
}
.sitemap li a:after{
content: "\f105";
font-family: FontAwesome;
font-size: 120%;
line-height: 1em;
background: #044484;
color: #fff;
padding: 4px 11px 5px;
position: absolute;
top: 50%;
right: 10px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
transition: 0.5s;
}

.sitemap li a:hover{
color: #0259B1;
}
.sitemap li a:hover:after{
right: 0px;
transition: 0.5s;
}
/*==== mobile スマフォ横〜用css ===*/
@media screen and (max-width: 896px){
.sitemap{
width: 100%;
margin: 0 auto;
padding-top:50px;
}
.sitemap li a{
font-size: 16px;
}

}
/*==== mobile スマフォ縦用css ===*/
@media screen and (max-width: 480px){
.sitemap li a{
font-size: 14px;
}
}