/**
 * CSS reset
 *
 * @author Eric Meyer
 * @url http://meyerweb.com/eric/tools/css/reset/
 * @version 2.0 2011-01-26
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


:root
{
	--colour__1: #2E8D2E;
	--colour__2: #5D2E8D;
	--colour__3: #8D2E5D;
	--colour__4: #8D2E8D;
	--grey__1: #343;
	--grey__2: #898;
	--grey__3: #ded;
	scroll-behavior: smooth;
}

/**
 * Block elements
 *
 * @section block
 */
body,
html
{
	background: #fff;
	color: var(--grey__1);
	font: 16px/1.5 Helvetica, Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo,'ＭＳ Ｐゴシック', sans-serif;
}

blockquote,
dl,
h4,
h5,
h6,
ol,
p,
pre,
ul
{
	/* 16 * 1.5 = 24 */
	margin-bottom: 1.5em;
}

/*** Headers ***/
h2,
h3,
h4,
h5,
h6
{
	font-weight: bold;
}

h1
{
	color: var(--colour__1);

	/* 16 * 2.5 = 40
	40 * 1.2 = 48 */

	font: 900 2.5em/1.2 'Noto Serif JP', serif;
	/* 40 * .6 = 24 */
	margin-bottom: .6em;
}

h2
{
	color: var(--colour__1);
	/* 16 * 2 = 32 */
	font-size: 2em;
	/* 32 * .75 = 24 */
	margin-bottom: .75em;
}

h3
{
	color: var(--colour__1);
	/* 16 * 1.5 = 24 */
	font-size: 1.5em;
	line-height: 1;
	margin-bottom: 1em;
}

h4,
h5,
h6
{
	color: var(--colour__3);
}

/*** Lists ***/
ol,
ul
{
	list-style-position: outside;
	/* 16 * 1.5 = 24 */
	margin-left: 1.5em;
}

ol
{
	list-style-type: decimal;
}

	ol > ol
	{
		list-style: upper-roman;
	}

ul
{
	list-style-type: disc;
}

	ul > ul
	{
		list-style-type: square;
	}

/*** Headers ***/
pre
{
	font-family: monospace;
}

hr
{
	background: #000;
	border: none;
	/* 16 * .06 = 1*/
	height: .06em;
}

/**
 * Inline elements
 *
 * @section inline
 */
code
{
	font-family: monospace;
}

b,
strong
{
	font-weight: bold;
}

em,
i
{
	font-style: italic;
}

img
{
	height: auto;
	max-width: 100%;
}

a
{
	color: var(--colour__2);
	text-decoration: underline;
	transition: color .25s;
}

	a:hover
	{
		color: var(--colour__1);
	}

/** Forms
 *
 * @sections forms
 */
label,
.pseudoLabel
{
	display: block;
}

.radioLabel
{
	display: inline;
}

input[type='date'],
input[type='email'],
input[type='number'],
input[type='tel'],
input[type='text'],
select
{
	border-radius: .5em;
	font-size: 1em;
	line-height: 1.5;
	padding: .25em;
	width: 100%;
}

	input[type='date'],
	input[type='number'],
	select
	{
		width: auto;
	}

/** Images **/
figcaption
{
	color: var(--grey__2);
	font-size: .75em;
}

/**
 * Modifiers
 *
 * @section mods
 */
 /*** Padding and margins ***/
.pad,
.pad-b,
.pad-v
{
	/* 16 * 1.5 = 24 */
	padding-bottom: 1.5em;
}

.pad,
.pad-h,
.pad-l
{
	/* 16 * 1.5 = 24 */
	padding-left: 1.5em;
}

.pad,
.pad-h,
.pad-r
{
/* 16 * 1.5 = 24 */
	padding-right: 1.5em;
}

.pad,
.pad-t,
.pad-v
{
/* 16 * 1.5 = 24 */
	padding-top: 1.5em;
}

.mrgn,
.mrgn-b,
.mrgn-v
{
	/* 16 * 1.5 = 24 */
	margin-bottom: 1.5em;
}

.mrgn,
.mrgn-h,
.mrgn-l
{
	/* 16 * 1.5 = 24 */
	margin-left: 1.5em;
}

.mrgn,
.mrgn-h,
.mrgn-r
{
	/* 16 * 1.5 = 24 */
	margin-right: 1.5em;
}

.mrgn,
.mrgn-t,
.mrgn-v
{
	/* 16 * 1.5 = 24 */
	margin-top: 1.5em;
}

/*** Alignment and positioning ***/
.align-c
{
	text-align: center;
}

.align-l
{
	text-align: left;
}

.align-r
{
	text-align: right;
}

.pos-c,
.pos-l,
.pos-r
{
	display: block;
	/* Too thin for other floating left or right,
	so just center stuff at this size*/
	margin: 0 auto 1.5em;
}

.clear-both
{
	clear: both;
}

.clear-l
{
	clear: left;
}

.clear-r
{
	clear: right;
}

.clear-self::after
{
	clear: both;
	content: '';
	display: table;
}

/*** Text ***/
.bigger
{
	/* 16 * 1.25 = 20 */
	font-size: 1.25em;
	/* 20 * 1.2 = 24 */
	line-height: 1.2;
}

.dropcap
{
	display: inline-block;
	vertical-align: middle;
}

/**
 * User interface
 *
 * @section ui
 */
.wrapper,
.wrapper-narrow,
.wrapper-half
{
	box-sizing: border-box;

    /* 2.5 * 16 = 40
	1.5 * 16 = 24 */

	margin: 3.5em 1.5em;
    /* 16 * 30 = 480 */
    max-width: 30em;
}

.pseudoPage,
.pseudoPage-mini
{
	align-items: center;
	display: flex;
	justify-content: center;
	min-height: 100vh;
}

	.pseudoPage-mini
	{
		min-height: 50vh;
	}

.navigation
{
	background: rgba(0,0,0,.667);
	box-sizing: border-box;
	right: 0;
	padding: .75em;
	position: fixed;
	top: 0;
	width: fit-content;
}

.navigation__list
{
	list-style: none;
	max-height: 0;
	overflow: hidden;
	transition: max-height .3s;
}

	.navigation__list > li
	{
		margin: .5em 0;
	}

	.navigation__list a
	{
		color: #fff;
		text-decoration: none;
		transition: color .3s;
	}

		.navigation__list a:hover
		{
			color: var(--colour__1);
		}

	.navigation__list br
	{
		display: none;
	}

.navigation__icon
{
	color: #fff;
	cursor: pointer;
	display: block;
}

	.navigation__icon > span
	{
		display: inline-block;
		font-size: .75em;
		line-height: 2;
		margin-left: .5em;
		vertical-align: middle;
	}

.navigation__trigger
{
	display: none;
}

.navigation__trigger:checked + .navigation__list
{
	max-height: 100vh;
}

.navigation__yenText
{
	color: #fff;
	vertical-align: middle;
}

.navigation__yen
{
	color: #000;
}

.icon
{
	background: var(--colour__3);
	border-radius: 1em;
	padding: .25em;
	max-width: 40%;
}

.photo > img
{
	border-radius: 1em;
}

.pseudoButton
{
	display: inline-block;
	background: var(--colour__2);
	border-radius: 1em;
	color: #fff;
	font-size: .75em;
	line-height: 2;
	padding: 0 1em;
	text-decoration: none;
	transition: background .25s;
	vertical-align: middle;
}

	.pseudoButton:hover
	{
		color: #fff;
		background: var(--colour__1);
	}

.sectionSpacer::after
{
	background: var(--grey__3);
	content: '';
	display: block;
	/* 16 * 1.5 = 24 */
	height: .25em;
}

/**
 * Design elements
 *
 * @section design
 */

.splash
{
	background: url(./images/bg__splash-1.jpg) center 50%;
	background-size: cover;
	position: relative;
}

	.privacy .splash
	{
		background-image: url(./images/bg__splash-privacy.jpg);
	}

	.location-joto .splash
	{
		background-image: url(./images/bg__location-joto.jpg);
	}

	.location-moriguchi .splash
	{
		background-image: url(./images/bg__location-moriguchi.jpg);
	}

	.about .splash
	{
		background-image: url(./images/bg__splash-about.jpg);
		background-position: 50% 100%;
	}

.splash__wrapper
{
	background: rgba(46,141,46,.5);
	border-bottom: .06em solid #fff;
	/* 16 * .06 = 1 */
	border-top: .06em solid #fff;
	box-sizing: border-box;
	text-align: center;
	/* 16 * 30 = 480 */
	max-width: 30em;
	/* 16 * .75 = 4 */
	padding: .75em;
}

	.splash__wrapper h1
	{
		color: #fff;
	}

.splash__motto
{
	color: #fff;
	font: 900 5em/1.2 'Noto Serif JP', serif;
	text-transform: uppercase;
}

.splash__logo
{
	height: auto;
	width: 33.33%;
}

.splash__scroll
{
	bottom: 1.5em;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}

	.splash__scroll > div
	{
		background: var(--colour__4);
		border-radius: 10%;
		color: #fff;
		padding: 0 1em;
	}

	.splash__scroll em
	{
		font-style: normal;
		font-size: .75em;
	}


.lessonTypes__steps > ol,
.lessonTypes__details
{
	list-style-type: none;
}

.lessonTypes__flow
{
	border: solid 1px var(--colour__3);
	/* 16 * 1.5 = 24 */
	border-radius: 1.5em;
	padding: 1.5em;
}

	.lessonTypes__flow > li
	{
		padding-bottom: 3em;
	}

		.lessonTypes__flow > li:last-child
		{
			background: none;
			padding-bottom: 0;
		}

.lessonTypes__steps
{
	/* 16 * 3 = 48 */
	margin-bottom: 3em;
}

.lessonTypes__step
{
	align-items: center;
	display: flex;
	gap: .75em;
}

.stepNum
{
	height: 4em;
	max-width: initial;
	width: 4em;
}

.lessonTypes__details
{
	display: flex;
	flex-wrap: wrap;
	/* 12 * 2 = 24 */
	gap: 2em;
	/* 16 * .75 = 12 */
	font-size: .75em;
	justify-content: space-between;
}

	.lessonTypes__details > li
	{
		flex: 1 0 40%;
	}

.kids__points
{
	display: flex;
	flex-wrap: wrap;
	gap: .75em;
	justify-content: space-between;
	list-style: none;
	margin-left: 0;
}

	.kids__points > li
	{
		flex: 1 1 40%;
		font-size: .75em;
	}

.system
{
	background: linear-gradient(0deg,rgba(255,255,255,.7),rgba(255,255,255,.7)), url(./images/bg__notes.jpg) top left;
	background-size: cover;
	color: #000;
}

.system__points
{
	list-style: none;
}

	.system__points h2
	{
		color: var(--colour__3);
		font-size: 1.5em;
		line-height: 1;
	}

	.system__points > li
	{
		/* 16 * 3 = 48 */
		margin: 3em 0;
	}

.prices
{
	background: linear-gradient(0deg,rgba(255,255,255,.8),rgba(255,255,255,.8)), url(./images/bg__prices.jpg) center center;
	background-size: cover;
	color: #000;
}

.priceGuarantee
{
	background: var(--grey__3);
	border-radius: 1.5em;
}

.priceGuarantee__pic img
{
	max-width: 50%;
}

.priceOptions
{
	color: var(--colour__3);
	list-style: none;
}

	.priceOptions li
	{
		margin: 3em 0;
	}

	.priceOptions h2
	{
		color: inherit;
		font-size: 1.5em;
		line-height: 1;
		margin-bottom: 0;
	}

	.priceOptions strong
	{
		display: block;
		font-size: 2.5em;
		font-weight: normal;
		line-height: 1.2;
	}

.priceOptions__note
{
	color: var(--grey__1);
}

.pricePackages
{
	background: #fff;
	border: solid 1px var(--colour__1);
	border-radius: .75em;
	color: var(--grey__1);
	list-style: none;
	margin-left: 0;
}

	.pricePackages > li
	{
		margin: 1.5em 0;
	}

	.pricePackages h3
	{
		display: inline;
		font-weight: normal;
	}

	.pricePackages .fa-layers
	{
		vertical-align: middle;
	}

	.pricePackages .fa-medal
	{
		color: #fff;
	}

.pricePackages__discount
{
	text-align: left;
	display: inline-block;
	vertical-align: middle;
}

	.pricePackages__discount > span
	{
		display: block;
	}

.discountPercent
{
	line-height: 1;
	font-size: 1.5em;
}

.packagePrice-bronze
{
	color: #8c7853;
}

.packagePrice-silver
{
	color: #c0c0c0;
}

.packagePrice-gold
{
	color: #ffd700;
}

.testimonials__quote
{
	background: var(--grey__3);
	border-radius: 1em;
	color: #000;
	font-size: .75em;
	padding: 1em;
}

.testimonials__speaker
{
	background: url(./images/bg__testimonial-arrow.svg) 1.5em 0 no-repeat;
	background-size: 1.5em 1.5em;
	padding-top: 1.5em;
}

.access
{
	background: linear-gradient(0deg,rgba(255,255,255,.8),rgba(255,255,255,.9)), url(./images/bg__access.jpg) center center;
	background-size: cover;
}

.access__location
{
	margin: 3em 0;
}

.googleMaps
{
	border-radius: 1em;
	height: 0;
	overflow: hidden;
	/* This is the aspect ratio */
	padding-bottom: 75%;
	position: relative;
}

	.googleMaps iframe
	{
		height: 100% !important;
		left: 0;
		position: absolute;
		top: 0;
		width: 100% !important;
	}

.mapDir
{
	text-align: center;
}

	.mapDir img
	{
		width: 50%;
	}

.location__hours
{
	width: auto;
}

.location__hours > caption
{
	/* 16 * 1.5 = 24 */
	/*font-size: 1.5em;*/
	line-height: 1;
}

.location__hours thead
{
	color: var(--colour__3);
	font-size: 1.5em;
	line-height: 1;
}

.location__hours > tfoot
{
	/* 16 * .75 = 12 */
	font-size: .75em;
	/* 12 * 2 = 24 */
	line-height: 2;
}

.contact
{
	background: var(--colour__1);
	color: #fff;
	letter-spacing: .06em;
}

	.contact h1
	{
		color: var(--grey__3)
	}

.contact__steps
{
	background-color: #fff;
	border-radius: 1.5em;
	color: var(--grey__1);
	list-style: none;
	margin-left: 0;
	letter-spacing: normal;
	padding: 1.5em;
}

	.contact__steps > li
	{
		display: flex;
		gap: 1.5em;
		margin-bottom: 3em;
	}

		.contact__steps > li:last-child
		{
			margin-bottom: 0;
		}
	
.smallPrint
{
	font-size: .75em;
}

.contact__submit
{
	background-color: #fff;
	border: solid .25em #fff;
	border-radius: .5em;
	box-shadow:  0 0 .25em #000;
	color: var(--colour__2);
	font-family: inherit;
	font-size: inherit;
	letter-spacing: normal;
	padding: 1em;
	transition: border-color .3s;
}

	.contact__submit:hover
	{
		border-color: var(--colour__4);
	}

	.contact__submit:active
	{
		box-shadow: none;
	}

	.contact__submit > .fa-paper-plane
	{
		vertical-align: middle;
	}

.submit__text
{
	display: inline-block;
	text-align: left;
	vertical-align: middle;
}

.footer__contact,
.footer__logo
{
	margin: 0 auto 1.5em;
	width: 33.33%;
}

.footer__logo
{
	width: 66.67%;
}

.footer__social
{
	margin-bottom: 1.5em;
	text-align: center;
}

.footer__contact
{
	width: 66.67%;
}

/*** Moriguchi Honko ***/
.js .dir-moriguchi
{
	display: none;
}

	.js .dir-moriguchi.show
	{
		display: block;
	}

.mapToggle
{
	display: none;
}

	.js .mapToggle
	{
		display: block;
	}

	.mapToggle > span
	{
		cursor: pointer;
	}


/*** History ***/
.history
{
	border: 1px solid var(--colour__3);
	border-collapse: separate;
	border-radius: 1em;
	border-spacing: .75em;
}

	.history__title
	{
		color: var(--colour__1);
		font-size: 1.5em;
		font-weight: bold;
		line-height: 1;
	}

	.history__date
	{
		color: var(--colour__3);
		white-space: nowrap;
	}

/**
 * `Tablet`-sized screens
 *
 * @section tablet
 */
@media screen
and (min-width: 640px) {
	/**
	 * User interface
	 *
	 * @section tablet
	 * @subsection ui
	 */
	/*** Wrappers ***/
	.wrapper,
	.wrapper-half,
	.wrapper-narrow
	{
		box-sizing: content-box;
		/* 16 * 3.5 = 56 */
		margin: 3.5em auto;
		/* 16 * 50 = 800 */
		max-width: 50em;
		/* 16 * 3.5 = 56 */
		padding: 0 3.5em;
	}

	.wrapper-half
	{
		/* 16 * 25 = 400 */
		max-width: 25em;
	}

	.wrapper-narrow
	{
		/* 16 * 37.5 = 600 */
		max-width: 37.5em;
	}

	/*** Columns ***/
	.row
	{
		display: flex;
		gap: 1.5em;
	}

	[class*='row__col']
	{
		flex: 1 1 0;
	}

	.row__col-2x
	{
		flex-grow: 2;
	}

	.row__col-3x
	{
		flex-grow: 3;
	}

	/*** Positioning ***/
	.pos-l
	{
		float: left;
		margin: 0 1.5em 1.5em 0;
	}

	.pos-r
	{
		float: right;
		margin: 0 0 1.5em 1.5em;
	}

	.icon
	{
		max-width: 50%;
	}

	.splash
	{
		background-position: center;
	}

	.splash__wrapper
	{
		/* 16 * 50 = 800 */
		max-width: 50em;
	}

	.splash__logo
	{
		width: 25%;
	}

	/*** Lesson types ***/
	.lessonTypes__overview > h1
	{

		/* 16 * 3 = 48 */
		font-size: 3em;
		line-height: 1;
	}

	.lessonTypes__wrapper
	{
		display: flex;
		gap: 2em;
	}

		.lessonTypes__wrapper > .bigger,
		.about__wrapper > .bigger
		{
			font-size: 3.2vw;
		}

		.lessonTypes__wrapper > .photo
		{
			flex: 1 0 33.33%;
		}

	.lessonTypes__flow
	{
		display: flex;
		/* 16 * .75 = 12 */
		font-size: .75em;
		gap: 1.5em;
		padding: 1.5em;
	}

		.lessonTypes__flow h3
		{
			text-alignc: left;
		}

		.lessonTypes__flow > li
		{
			background: none;
			flex: 1 1 0;
			padding: 0;
		}

	.lessonTypes__details
	{
		flex-wrap: nowrap;
	}

		.lessonTypes__details > li
		{
			flex: 1 1 0;
		}

			.lessonTypes__details > li:first-child
			{
				font-size: 1em;
				order: unset;
			}
	
	/*** Kids ***/
	.kids__wrapper > .bigger
	{
		font-size: 1.5em;
	}

	.kids__points > li
	{
		flex: 1 1 0;
		font-size: 1em;
	}

	.kids__curriculum,
	.kids__curriculum + figure
	{
		align-self: center;
	}

	.kids__convo
	{
		align-self: flex-start;
		background: var(--grey__3);
		border-radius: 1em;
		color: #000;
		padding: .75em;
	}

		.kids__convo > p:last-of-type
		{
			margin-bottom: 0;
		}
	
	/*** System ***/
	.system__points
	{
		display: flex;
		gap: 2em;
		justify-content: center;
	}

		.system__points > li
		{
			flex: 1 1 0;
		}
	
	/*** Prices ***/
	.priceGuarantee
	{
		margin: 0 auto;
		width: 66.67%;
	}

		.priceGuarantee__text
		{
			font-size: .75em;
		}
		
			.priceGuarantee__text > p:last-of-type
			{
				margin-bottom: 0;
			}

		.priceGuarantee__pic
		{
			order: -1;
		}

			.priceGuarantee__pic img
			{
				max-width: 100%;
			}

	.priceOptions
	{
		display: flex;
		gap: 2em;
		justify-content: center;
	}

		.priceOptions > li
		{
			flex: 1 1 0;
		}
	
	.pricePackages
	{
		display: flex;
		justify-content: space-around;
	}

		.pricePackages > li
		{
			flex: 1 1 0;
			margin: 1.5em 0;
			transform: none;
		}
	
	/*** Testimonials ***/
	.testimonials__cols
	{
		display: flex;
		flex-flow: row-reverse;
		flex-wrap: wrap;
		gap: 1.5em;
	}

		.testimonials__cols > h1
		{
			flex: 1 0 100%;
		}

		.testimonials__cols > div
		{
			flex: 1 1 0;
		}
	
	/*** Access ***/
	.googleMaps
	{
		/* 16 * 40 = 640 */
		min-width: 40em;
		padding-bottom: 56.25%;
	}

	.access__details-school
	{
		display: flex;
		align-items: flex-start;
	}

		.access__details-school > address,
		.access__details-school > table
		{
			flex: 1 1 0;
		}
	
	/*** About ***/
	.about__image
	{
		width: 66.67%;
	}
	
	/*** Footer **/
	.footer__logo
	{
		width: auto;
	}

		.footer__logo > img
		{
			width: 33.33%;
		}

	.footer__content
	{
		display: flex;
	}

		.footer__content > div
		{
			flex: 0 0 33%;
		}
	
	/*** Pricing page ***/
	.pricing__schedule
	{
		flex-direction: row-reverse;
	}

	/*** Location pages ***/
	.location .googleMaps
	{
		min-width: auto;
		width: 100%;
	}

	.mapDir
	{
		text-align: left;
	}

	/*** History ***/
	.about__classes
	{
		flex-direction: row-reverse;
	}
}

/**
 * `Desktop`-sized screens
 *
 * @section desktop
 */
@media screen
and (min-width: 980px) {
	/**
	 * Block elements
	 *
	 * @section block
	 */
	html,
	body
	{
		font-size: 20px;
	}

	/**
	 * User interface
	 *
	 * @section desktop
	 * @subsection ui
	 */
	/*** Wrappers ***/
	.wrapper
	{
		/* 20 * 64 = 1280 */
		max-width: 64em;
	}

	.wrapper-half
	{
		/* 16 * 32 = 640 */
		max-width: 25em;
	}

	.wrapper-narrow
	{
		/* 20 * 48 = 960 */
		max-width: 48em;
	}

	.splash__wrapper
	{
		max-width: 64em;
	}

	.priceGuarantee > div
		{
			font-size: 1em;
		}

	.kids__wrapper > .bigger
	{
		font-size: 1.75em;
	}
}

@media screen
and (min-width: 1280px) {
	.lessonTypes__wrapper > .bigger,
	.about__wrapper > .bigger
	{
		font-size: 2.25em;
	}
}

@media screen
and (min-width: 640px) 
and (min-height: 480px)
{
	/*** Navigation ***/
	.navigation
	{
		background-color: #000;
		box-sizing: border-box;
		color: var(--grey__3);
		/* 16 * .75 = 12 */
		padding: .75em;
		width: 100%;
	}

	.navigation__icon
	{
		display: none;
	}

	.navigation__list
	{
		align-items: end;
		display: flex;
		/* 16 * .75 = 12 */
		font-size: .75em;
		justify-content: space-between;
		max-height: none;
	}

		.navigation__list a
		{
			color: var(--grey__3);
		}

		.navigation__list br
		{
			display: initial;
		}
	
		.navigation__yenText
		{
			vertical-align: baseline;
		}
}

/**
 * Remove spacing
 *
 * @section noSpacing
 */
.pad-x,
.pad-b-x,
.pad-v-x
{
	padding-bottom: 0;
}

.pad-x,
.pad-h-x,
.pad-l-x
{
	padding-left: 0;
}

.pad-x,
.pad-h-x,
.pad-r-x
{
	padding-right: 0;
}

.pad-x,
.pad-t-x,
.pad-v-x
{
	padding-top: 0;
}

.mrgn-x,
.mrgn-b-x,
.mrgn-v-x,
.spacer-x,
.spacer-b-x
{
	margin-bottom: 0;
}

.mrgn-x,
.mrgn-h-x,
.mrgn-l-x
{
	margin-left: 0;
}

.mrgn-x,
.mrgn-h-x,
.mrgn-r-x
{
	margin-right: 0;
}

.mrgn-x,
.mrgn-t-x,
.mrgn-v-x,
.spacer-x,
.spacer-t-x
{
	margin-top: 0;
}