/*
************************************************************************
* アイコン
* @copyright Revolme Inc.
************************************************************************
*/

.icon
{
	display:inline-block;
	width:1.0em;
	height:1.0em;
	
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    
    vertical-align:middle;
}

.icon-mail
{
    background-image: url(../../icon/mail.svg);
}
.icon-tel
{
    background-image: url(../../icon/tel.svg);
}
.icon-news
{
    background-image: url(../../icon/news.svg);
}
.icon-twitter
{
    background-image: url(../../icon/twitter.svg);
}
.icon-instagram
{
    background-image: url(../../icon/instagram.svg);
}
.icon-facebook
{
    background-image: url(../../icon/facebook.svg);
}
.icon-arrow-r
{
    background-image: url(../../icon/arrow-r.svg);
}
.icon-hover.icon-arrow-r
{
    background-image: url(../../icon/arrow-r-on.svg);
}
*:hover > .icon-hover.icon-arrow-r
{
    background-image: url(../../icon/arrow-r.svg);
}

/*
.icon::before
{
    content: "";
    
    position:absolute;
    top:50%;
    left:0;
    transform:translateY(-50%);
    
    display:block;
    width:1.0em;
    height:1.0em;
    
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    
}
.icon-link::before
{
    background-image: url(../../icon/link.svg);
}
.icon-info::before
{
    background-image: url(../../icon/info.svg);
}
.icon-map::before
{
    background-image: url(../../icon/map.svg);
}
.icon-delete::before
{
    background-image: url(../../icon/delete.svg);
}
.icon-design::before
{
    background-image: url(../../icon/design.svg);
}
.icon-topics::before
{
    background-image: url(../../icon/topics.svg);
}
.icon-pr::before
{
    background-image: url(../../icon/pr.svg);
}
.icon-menu::before
{
    background-image: url(../../icon/menu.svg);
}
.icon-image::before
{
    background-image: url(../../icon/image.svg);
}
.icon-tag::before
{
    background-image: url(../../icon/tag.svg);
}


.icon-tel::before
{
    background-image: url(../../icon/tel.svg);
}
.icon-mail::before
{
    background-image: url(../../icon/mail.svg);
}
.icon-reserve::before
{
    background-image: url(../../icon/reserve.svg);
}
*/