@charset "UTF-8";


/*
	base
=========================================*/
html {
	height: 100%;
}
body {
	font-family: sans-serif;
	color: #000;
}
a {
	color: #000;
	text-decoration: none;
}
a:hover {
}
a[href] {
	text-decoration: none;
}
strong {
	font-weight: bold;
}
em {
	font-weight: normal;
}
img {
	max-width: 100%;
}


/*
	xAlign
=========================================*/
.xLeft {
	text-align: left !important;
}
.xCenter {
	text-align: center !important;
}
.xRight {
	text-align: right !important;
}
.xTop {
	vertical-align: top !important;
}
.xMiddle {
	vertical-align: middle !important;
}
.xBottom {
	vertical-align: bottom !important;
}
.xBaseline {
	vertical-align: baseline !important;
}


/*
	xDisplay
=========================================*/
.xHide {
	display: none !important;
}


/*
	xColor
=========================================*/
.xRed {
	color: #ff867c;
}
.xBlack {
	color: #000;
}


.xBold {	
	font-weight: bold;
}


/*
	.xThrough
=========================================*/
.xThrough {
	text-decoration: line-through !important;
}


/*
	icon
=========================================*/


/*
	xSize
=========================================*/
.xSmall {
	font-size: 0.625rem;
}
.xRegular {
	font-size: 1rem;
}
.xLarge {
	font-size: 1.25rem;
}


/*
	link
=========================================*/
.link-arrow:before {
	content: "\25b2";
	display: inline-block;
	-webkit-transform: rotate(90deg);
}








/*
	
=========================================*/