@charset "utf-8";

/*
************************************************************************
* アイコン
* @copyright Revolme Inc.
* 
************************************************************************
*/
.icon-before,
.icon-after
{
	display: inline-flex;
	align-items: center;
	align-content: center;
}
.icon-before:before
{
	content:"";
	
	display:inline-block;
	
	width:1.2em;
	height:1.2em;
	
	margin-right:0.5em;
	
	background-position:center center;
	background-repeat:no-repeat;
	background-size:contain;
}
.icon-after:after
{
	content:"";
	
	display:inline-block;
	
	width:1.2em;
	height:1.2em;
	
	margin-left:0.5em;
	
	background-position:center center;
	background-repeat:no-repeat;
	background-size:contain;
}
.icon-after.icon-arrow-r:after
{
	background-image:url(../../../_img/icon/arrow-r.svg);
	background-size:auto;
	width:1.0em;
	height:1.0em;
}

.icon-before.icon-tel:before
{
	background-image:url(../../../_img/icon/tel.svg);
}
.icon-before.icon-contact:before
{
	background-image:url(../../../_img/icon/mail.svg);
}
.icon-before.icon-contact.icon-footer:before
{
	background-image:url(../../../_img/icon/mail-w.svg);
}
.icon-before.icon-reservation:before
{
	background-image:url(../../../_img/icon/reservation.svg);
}
.icon-before.icon-reservation.icon-footer:before
{
	background-image:url(../../../_img/icon/reservation-w.svg);
}
.icon-before.icon-pdf.icon-footer:before
{
	background-image:url(../../../_img/icon/pdf.png);
}
.icon-after.icon-link:after
{
	background-image:url(../../../_img/icon/link.svg);
	width:0.9em;
	height:0.9em;
}
.icon-after.icon-link-w:after
{
	background-image:url(../../../_img/icon/link-w.svg);
	width:0.9em;
	height:0.9em;
}
.icon-after.icon-link-g:after
{
	background-image:url(../../../_img/icon/link-g.svg);
	width:0.9em;
	height:0.9em;
	margin-bottom: -0.1em;
}
.icon-after.icon-link-b:after
{
	background-image:url(../../../_img/icon/link-b.svg);
	width:0.9em;
	height:0.9em;
	margin-bottom: -0.1em;
}
.icon-before.icon-large.icon-contact:before
{
	width:1.9em;
	height:1.8em;
}
.icon-before.icon-large.icon-reservation:before
{
	width:2.2em;
	height:1.8em;
}
.icon-before.icon-large.icon-pdf:before
{
	width:26px;
	height:1.8em;
}

/* == スマートフォンサイズ ======================================================*/
@media screen and (max-width: 767px) {
	.icon-after.icon-link:after
	{
		background-image:url(../../../_img/icon/link.svg);
		width:2.8vw;
		height:2.8vw;
	}
}