@charset "utf-8";

/* TinyMCE用CSS */

* {
	box-sizing: border-box;
	-webkit-text-size-adjust: 100%; /* iOSでのレイアウト崩れを避ける */
}

.mceContentHtml {
}

	.mceContentHtml.mobile {
		background-color: #eee;
	}

body,
.mceContentBody {
	/*
	background-color: var(--wp--preset--color--color-3);
	*/
	color: #000;
	/*
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif;
	*/
	font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif;
	font-feature-settings: 'palt';
	font-size: 16px;
	letter-spacing: .05em;
	line-break: strict;
	line-height: 2;
	margin: 0px;
	overflow-wrap: break-word;
	padding: 0px;
	/*
	text-align: center;
	*/
}

	.viewmode-mobile {
		font-size: 90%;
		overflow-x: hidden;
		/*
		text-align: left;	/＊ 可読性に配慮して、PCでは中央揃え、モバイルでは左揃え（未使用） ＊/
		*/
	}

	/* PCでのモバイル表示（管理者用） */
	.desktop body.admin-bar.viewmode-mobile {
		margin: 0px auto;
		max-width: 360px;
	}

/* 管理画面のtinyMCE */
.mceContentBody {
	border: 1px dotted #ccc;
	box-sizing: content-box;
	margin-left: auto;
	margin-right: auto;
	max-width: 830px;	/* 外観をあわせる */
	padding: 20px 0px 20px 0px !important;
}

	/* 1カラム */
	.mceContentBody.page-template-page_full-width {
		max-width: 1100px;
	}

	.mceContentBody.viewmode-mobile {
		padding-left: 9px !important;
		padding-right: 9px !important;
		max-width: 340px;	/* 外観をあわせる */
	}

em {
	/*
	background-color: var(--wp--preset--color--color-6);
	font-style: normal;
	*/
}

input, textarea {
	font-family: inherit;
}

h1 {
	/*
	font-family: 'Noto Sans JP', sans-serif;
	*/
	font-size: 2em;
	font-weight: 600;
	line-height: 1.4;
	letter-spacing: 0;
	margin: 0 0 .5em 0;
	padding: 0px 0;
	/*
	text-align: center;
	*/
}

	.viewmode-mobile h1 {
		font-size: 1.6em;
		margin-bottom: 1em;
		padding-left: 10px;
		padding-right: 10px;
	}

h2 {
	/*
	background-color: var(--wp--preset--color--gray);
	border: 1px solid #ccc;
	border-top: 5px solid var(--wp--preset--color--color-1);
	clear: both;
	font-family: 'Noto Sans JP', sans-serif;
	*/
	font-size: 2em;
	font-weight: 600;
	letter-spacing: 0;
	line-height: 1.4;
	margin: 0 auto .5em auto;
	padding: 0;
	position: relative;
	/*
	text-align: center;
	*/
}

	.viewmode-mobile h2 {
		font-size: 1.8em;
	}

h3 {
	/*
	background-color: var(--wp--preset--color--gray);
	background-color: var(--wp--preset--color--gray);
	clear: both;
	font-family: 'Noto Sans JP', sans-serif;
	*/
	font-size: 1.6em;
	font-weight: 600;
	letter-spacing: 0;
	line-height: 1.4;
	margin: 0 auto .5em auto;
	padding: 0;
	/*
	text-align: center;
	*/
}

	.viewmode-mobile h3 {
		font-size: 1.3em;
	}

	h3 a {
		/*
		color: #666;
		text-decoration: underline;
		*/
	}

		h3 a:hover {
			/*
			color: #000;
			text-decoration: underline;
			*/
		}

h4 {
	/*
	font-family: 'Noto Sans JP', sans-serif;
	*/
	font-size: 1.2em;
	font-weight: 600;
	letter-spacing: 0;
	line-height: 1.5;
	margin: 0 auto .5em auto;
	padding: 0;
	/*
	text-align: center;
	*/
}

	.viewmode-mobile h4 {
	}

h5 {
	/*
	font-family: 'Noto Sans JP', sans-serif;
	*/
	font-size: 1em;
	font-weight: 600;
	margin: 0 auto .5em auto;
	padding: 0;
	/*
	text-align: center;
	*/
}

h6 {
	font-size: .75em;
	font-weight: 500;
	margin: 0 auto .5em auto;
	padding: 0;
	/*
	text-align: center;
	*/
}

hr {
	background-color: #eee;
	border: none;
	height: 5px;
}

ol {
	margin: 0px;
	padding-left: 1.5em;
	text-align: left;
}

	ol > li {
		margin: 0px;
		padding: 0px;
		list-style-type: decimal;
	}

		ol > li + li {
			margin-top: 0.3em;
		}

ul {
	margin: 0px;
	padding-left: 1.5em;
	text-align: left;
}

	ul > li {
		/*
		margin: 0px;
		padding: 0px;
		*/
	}

		ul > li + li {
			margin-top: 0.3em;
		}


table {
}

	.mce-item-table th,
	.mce-item-table td {
		min-width: 1em; /* 編集しやすいように最小幅を設定 */
	}

	/* スマホ表示の際、1カラムに可変 */
	.viewmode-mobile table.responsive {
		display: block;
		height: auto !important;
		max-width: 100%;
	}

	table.aligncenter {
		display: table;
	}

	tbody {
	}

		.viewmode-mobile table.responsive > tbody {
			display: block;
			width: 100%;
		}

	tr {
	}

		.viewmode-mobile table.responsive > tbody > tr {
			display: block;
			height: auto !important;
	}

	th {
	}

	td {
		font-size: inherit;
		font-family: inherit;
		margin: 0;
	}

		.viewmode-mobile table.responsive > caption,
		.viewmode-mobile table.responsive > tbody > tr > th,
		.viewmode-mobile table.responsive > tbody > tr > td {
			display: block;
			height: auto !important;
			width: auto !important;
		}

			.viewmode-mobile td img {
				/*
				display: block;
				text-align: center;
				margin-left: auto;
				margin-right: auto;
				*/
			}

		/* セル内で折り返さない（ビジュアルエディタ用） */
		th.nowrap,
		td.nowrap {
			white-space: nowrap;
		}

/* wp-content.cssでimg要素にmax-width: 100%が設定されているが、
変更するとコンテンツ幅を超えてはみ出す場合があるので注意。
ただし、max-width: 100%のままでも、IEではtd要素内やinline-block要素内に配置した際に親要素の幅を飛び出してしまう。
（IEのバグ。解消するにはtable要素にtable-layout: fixedを設定するか、img要素をwidth: 100%で指定する。）
ChromeやFirefoxでは親要素にあわせて縮小される。
このことから以下のように設定した。
【PC表示】 … img要素はmax-width: none。（画像がコンテンツ幅を超えてはみ出してもやむを得ないとした）。
【モバイル表示】 … img要素はmax-width: 100%（デバイスによってコンテンツ幅が変動するため）。
*/

img {
	border: 0px;
	max-width: none;
	/*
	vertical-align: bottom;
	*/
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges;
}

	.size-full {
		/* フルサイズは横幅100%に設定（未使用） */
		/*
		width: 100%;
		*/
	}

	.viewmode-mobile img {
		max-width: 100%;
	}

		.viewmode-mobile img.responsive {
			width: 100%;
		}

	/* 画像の汎用クラス */
	img.valigntop {
		vertical-align: top;
	}

	img.valignmiddle {
		vertical-align: middle;
	}

	img.valignbottom {
		vertical-align: bottom;
	}

	a img {
		transition: opacity .2s ease;
	}

		a:hover img {
			opacity: 0.7;
		}

a {
	color: #003399;
	text-decoration: underline;
	-webkit-tap-highlight-color: var(--wp--preset--color--color-1);
}

	a:focus {
	}

	a:hover {
		text-decoration: none;
	}

	a:visited {
		color: #480c85;
	}

	a[id]:empty {
		display: block;
		/* ヘッダーを固定した分、アンカーの表示位置をずらす */
		margin-top: -250px;
		padding-top: 250px;
		position: absolute;
		pointer-events: none;
	}

		a[id]:empty:hover {
			cursor: auto;
		}

		.viewmode-mobile a[id]:empty {
			margin-top: -100px;
			padding-top: 100px;
		}

		/* tinymceで編集中の状態 */
		.mce-content-body a[id]:empty {
			display: inline-block;
			margin-top: 0px;
			padding-top: 0px;
			pointer-events: auto;
		}

		a[id]:empty + .icon-external {
			display: none;
		}

		.viewmode-pc a[href^="tel:"] {
			color: inherit;
			text-decoration: none;
			pointer-events: none;
		}

p {
	margin: 0px;
	line-height: inherit;
}

	p:empty::before {
		content: "\A";
		white-space: pre;
	}

article > h1:first-child,
article > h2:first-child,
article > h3:first-child,
article > h4:first-child,
article > h5:first-child,
aside > h1:first-child,
aside > h2:first-child,
aside > h3:first-child,
aside > h4:first-child,
aside > h5:first-child,
td > h1:first-child,
td > h2:first-child,
td > h3:first-child,
td > h4:first-child,
td > h5:first-child,
section > h1:first-child,
section > h2:first-child,
section > h3:first-child,
section > h4:first-child,
section > h5:first-child,
div > h1:first-child,
div > h2:first-child,
div > h3:first-child,
div > h4:first-child,
div > h5:first-child {
	margin-top: 0;
}

/*
本来、iframeはインライン要素だが、モバイル対応の都合上、
幅を100%で表示する機会が多いためブロック要素とする。
*/
.mce-object-iframe {
	display: block;
}


/*
***********************************************************************************************
Wordpressのビルトインクラス
***********************************************************************************************
*/

.alignleft {
	margin: 0 1.5em 0 0;
}

	.viewmode-mobile .alignleft {
	}

.alignright {
	margin: 0 0 0 1.5em;
}

	.viewmode-mobile .alignright {
	}

.wp-caption {
	display: inline-block;
}

	.wp-caption.aligncenter {
		display: block;
	}

.wpview {
	margin-bottom: auto;
}

.wpview-wrap iframe {
	display: block;
	width: 100%;
}


/*
***********************************************************************************************
「部品を挿入」機能で挿入される汎用クラス付きの要素
***********************************************************************************************
*/

/* リンクボタン ━━━━━━━━━━━━━━━━━━━━━━━ */

/* スタイル1 枠のみ */
a.btn {
	background-color: transparent;
	border: 1px solid var(--wp--preset--color--color-1);
	border-radius: 0;
	color: var(--wp--preset--color--color-1);
	display: inline-block;
	padding: .4em 3em .4em 1em;
	position: relative;
	text-decoration: none;

	transition: all .2s ease;
	transition-property: background-color, border, color;
}

	/* tinymceで編集中の状態 */
	.mce-content-body a.btn[data-mce-selected] {
		padding: 0.3em 1em 0.3em 2em;
	}

	a.btn:hover {
		background-color: var(--wp--preset--color--color-1);
		border: 1px solid var(--wp--preset--color--color-1);
		color: #fff;
	}

	/* 矢印の飾り */
	a.btn::after {
		background-color: var(--wp--preset--color--color-1);
		bottom: 1em;
		content: '';
		display: block;
		height: 1em;
		position: absolute;
		right: .75em;
		text-decoration: none;
		width: 1em;
		-webkit-mask-image: url('css/fontawesome/svgs/solid/chevron-right.svg');
		mask-image: url('css/fontawesome/svgs/solid/chevron-right.svg');
		-webkit-mask-size: contain;
		mask-size: contain;
		-webkit-mask-repeat: no-repeat;
		mask-repeat: no-repeat;
	}

		a.btn:hover::after {
			background-color: #fff;
		}

	/* ボタン直後の外部リンクアイコンは非表示 */
	a.btn + .icon_external {
		display: none;
	}

/* スタイル2 丸 */
a.btn.type02 {
	border-radius: 1.5em;
}

/* スタイル3 枠のみ */
a.btn.type03 {
	background-color: transparent;
	border: 2px solid var(--wp--preset--color--color-1);
	color: var(--wp--preset--color--color-1);

	border-radius: 1.5em;
}

	a.btn.type03:hover {
		background-color: var(--wp--preset--color--color-1);
		border: 2px solid var(--wp--preset--color--color-1);
		color: #fff;
	}

	a.btn.type03::before {
		color: var(--wp--preset--color--color-1);
	}

		a.btn.type03:hover::before {
			color: #fff;
		}

/* スタイル10 罫線なし・後に丸と矢印 */
a.btn.type10 {
	background-color: transparent;
	border: none;
	border-radius: 0;
	color: var(--wp--preset--color--color-1);
	font-weight: bold;
	padding: .5em 4em .5em 0em;
	position: relative;
}

	a.btn.type10:hover {
		background-color: transparent;
		border: none;
		color: var(--wp--preset--color--color-1);
	}

	/* 矢印の飾り */
	a.btn.type10::before {
		background-color: var(--wp--preset--color--color-1);
		border-radius: 100%;
		box-sizing: border-box;
		content: '';
		display: inline-block;
		height: 36px;
		opacity: .3;
		position: absolute;
		width: 36px;
		left: auto;
		right: .5em;
		top: .25em;
		transform: scale(1.35);
		transform-origin: center center;
		transition: all .2s ease;
		transition-delay: 0;
	}

		a.btn.type10:hover::before {
			opacity: .15;
			transform: scale(1.6);
		}

	/* 矢印の飾り */
	a.btn.type10::after {
		background-color: #fff;
		background-image: url('css/fontawesome/svgs/solid/chevron-right.svg');
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 8px;
		border: 1px solid var(--wp--preset--color--color-1);
		border-radius: 100%;
		box-sizing: border-box;
		content: '';
		display: inline-block;
		height: 36px;
		position: absolute;
		width: 36px;
		left: auto;
		right: .5em;
		top: .25em;
		-webkit-mask-image: none;
		mask-image: none;
		transition: all .2s ease;
	}

		a.btn.type10:hover::after {
			transform: scale(1.1);
		}



/*
***********************************************************************************************
h2の汎用クラス
***********************************************************************************************
*/

/* スタイル1 */
h2.type01 {
	border-left: 5px solid var(--wp--preset--color--color-1);
	padding: .15em .15em .15em .5em;
}

	.viewmode-mobile h2.type01 {
	}


/* スタイル2 */
h2.type02 {
	background-image: none;
	border: none;
	border-bottom: 4px solid var(--wp--preset--color--gray);
	/*
	font-family: 'Noto Sans JP', sans-serif;
	*/
	font-size: 28px;
	margin-top: 0;
	padding: 0px 0px 10px 5px;
	position: relative;
}

	/* 罫線の飾り */
	h2.type02::after {
		border-bottom: 4px solid var(--wp--preset--color--color-1);
		box-sizing: border-box;
		content: "";
		display: block;
		left: 0px;
		position: absolute;
		width: 200px;
		bottom: -4px;
	}

	.viewmode-mobile h2.type02 {
		font-size: 22px;
		padding: 0px 0px 5px 5px;
	}


/* スタイル3 */
h2.type03 {
	color: var(--wp--preset--color--color-1);
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 43px;
	font-style: italic;
    font-optical-sizing: auto;
	font-weight: 500;
	margin: 0 auto 1em auto;
	max-width: var(--wp--style--global--content-size);
	padding: 0px 0px 0px 0px;
	position: relative;
	text-align: center;
}

	.viewmode-mobile h2.type03 {
		font-size: 27px;
	}


/* スタイル4（矢印付き） */
h2.type04 {
	color: var(--wp--preset--color--color-1);
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 43px;
	font-style: italic;
    font-optical-sizing: auto;
	font-weight: 500;
	margin: 0 auto .5em auto;
	max-width: var(--wp--style--global--content-size);
	padding: 0px 0px 0px 0px;
	position: relative;
	text-align: center;
}

	.viewmode-mobile h2.type04 {
		font-size: 28px;
	}

	/* 罫線の飾り */
	h2.type04::before {
		background-color: var(--wp--preset--color--color-1);
		bottom: .7em;
		height: 2px;
		content: '';
		display: block;
		right: calc( 50% + 2.5em );
		position: absolute;

		z-index: 1;
		width: 5000px;
	}

	/* 矢印の飾り */
	h2.type04::after {
		background-color: var(--wp--preset--color--color-1);
		bottom: .73em;
		height: 15px;
		clip-path: polygon(0 0, 100% 100%, 0 100%);
		content: '';
		display: block;
		right: calc( 50% + 2.5em );
		position: absolute;
		z-index: 1;
		width: 80px;
		transform: skew(70deg, 0deg);
		transform-origin: right bottom;
	}

		.viewmode-mobile h2.type04::after {
			transform: skew(70deg, 0deg) scale(.6);
		}


/*
***********************************************************************************************
h3の汎用クラス（未使用）
***********************************************************************************************
*/

/* スタイル1 */
/*
h3.type01 {
	position: relative;
}

	.viewmode-mobile h3.type01 {
	}

	h3.type01 span {
		display: inline-block;
		position: relative;
		z-index: 1;
	}

		/＊ 背景の飾り ＊/
		h3.type01 span::before {
			background-color: var(--wp--preset--color--color-1);
			bottom: 0;
			content: '';
			display: block;
			height: 30%;
			left: 0;
			opacity: .3;
			position: absolute;
			z-index: 0;
			width: 100%;
		}
*/


/*
***********************************************************************************************
リストの汎用クラス
***********************************************************************************************
*/

/* スタイル1 矢印 */
ul.type01 {
	list-style-type: none;
}

	ul.type01 > li {
		list-style-type: none;
		position: relative;
	}

		ul.type01 > li::before {
			color: var(--wp--preset--color--color-1);
			content: "\f054";	/* fa-chevron-right */
			display: block;
			font-family: 'Font Awesome 6 Free';
			font-size: 1em;
			font-weight: bold;
			line-height: 1;
			top: .4em;
			left: -1em;
			position: absolute;
		}


/* スタイル2 米印 */
ul.type02 {
	list-style-type: none;
}

	ul.type02 > li {
		list-style-type: none;
		position: relative;
	}

		ul.type02 > li::before {
			content: "※";
			display: block;
			font-size: 1em;
			left: -1.35em;
			position: absolute;
		}


/* スタイル3 横並び */
ul.type03 {
	list-style-type: none;
	padding: 0px;
}

	ul.type03 > li {
		border-left: 1px solid #ccc;
		display: inline;	/* ie11でのバグのため、inline-blockでなくinlineにすること */
		margin: 0 -0.4em 0 0;
		padding: 0 1.5em;
		vertical-align: top;
	}

		ul.type03 > li:first-child {
			border-left: 0px solid #fff;
		}


/* スタイル4 横並び・矢印 */
ul.type04 {
	padding: 0px;
}

	ul.type04 > li {
		display: inline;	/* ie11でのバグのため、inline-blockでなくinlineにすること */
		margin: 0 1.5em 0 0;
		padding: 0 0 0 1em;
		position: relative;
		vertical-align: top;
	}

		/* 矢印の飾り */
		ul.type04 > li::before {
			color: var(--wp--preset--color--color-1);
			content: "\f054";	/* fa-chevron-right */
			display: block;
			font-family: 'Font Awesome 6 Free';
			font-size: .8em;
			font-weight: bold;
			left: .3em;
			line-height: 1;
			position: absolute;
			top: .2em;
		}


/* スタイル5 ■印 */
ul.type05 {
	list-style-type: none;
	padding: 0px;
}

	ul.type05 > li {
		padding: 0 0 0 1.2em;
		position: relative;
		vertical-align: top;
	}

		/* 矢印の飾り */
		ul.type05 > li::before {
			color: var(--wp--preset--color--color-1);
			content: '■';
			display: block;
			font-size: .9em;
			left: 0em;
			position: absolute;
			top: .1em;
		}


/*
***********************************************************************************************
tableの汎用クラス
***********************************************************************************************
*/


/*
スタイル1
***********************************************************************************************
*/
table.type01 {
	border: 1px solid #ccc;
	border-collapse: collapse;
}

	.viewmode-mobile table.type01.responsive {
		border: 0px solid #fff;
		border-top: 1px solid #ccc;
	}

	table.type01 > thead > tr > th {
		background-color: var(--wp--preset--color--gray);
		border: 1px solid #ccc;
	}

	table.type01 > tbody > tr > th {
		background-color: var(--wp--preset--color--gray);
		border: 1px solid #ccc;
	}

		.viewmode-mobile table.type01.responsive > tbody > tr > th {
			margin-top: -1px;
		}

	table.type01 > tbody > tr > td {
		border: 1px solid #ccc;
	}

		.viewmode-mobile table.type01.responsive tbody > tr > td {
			margin-top: -1px;
		}


/*
スタイル2
***********************************************************************************************
*/

table.type02 {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 0px solid #fff;
	border-right: 0px solid #fff;
	border-collapse: collapse;
}

	.viewmode-mobile table.type02.responsive {
		border-top: 0px solid #fff;
		border-bottom: 0px solid #fff;
	}

	table.type02 > tbody > tr > th {
		background-color: var(--wp--preset--color--gray);
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		border-left: 0px solid #fff;
		border-right: 0px solid #fff;
	}

		.viewmode-mobile table.type02.responsive > tbody > tr > th {
			margin-top: -1px;
		}

	table.type02 > tbody > tr > td {
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		border-left: 0px solid #fff;
		border-right: 0px solid #fff;
	}

		.viewmode-mobile table.type02.responsive > tbody > tr > td {
			margin-top: -1px;
		}


/*
スタイル3
***********************************************************************************************
*/

table.type03 {
}
	table.type03 > tbody > tr > th {
		background-color: #999;
		color: #fff;
	}

	table.type03 > tbody > tr > td {
	}

		table.type03 > tbody > tr.odd > td {
			background-color: var(--wp--preset--color--gray);
		}

			.viewmode-mobile table.type03 > tbody > tr.odd > td {
				background-color: #fff;
			}


/*
スタイル4
***********************************************************************************************
*/

table.type04 {
	border: 1px solid #ccc;
	border-collapse: collapse;
}

	.viewmode-mobile table.type04.responsive {
		border: 0px solid #fff;
	}

	table.type04 > thead > tr > th {
		background-color: var(--wp--preset--color--color-3);
		border: 1px solid #ccc;
		color: #fff;
		font-weight: normal;
	}

	table.type04 > tbody > tr > th {
		background-color: var(--wp--preset--color--color-4);
		border: 1px solid #ccc;
	}

		.viewmode-mobile table.type04.responsive > tbody > tr > th {
			margin-top: -1px;
		}

	table.type04 > tbody > tr > td {
		border: 1px solid #ccc;
	}

		.viewmode-mobile table.type04.responsive tbody > tr > td {
			margin-top: -1px;
		}

		/*
		table.type04 > tbody > tr.even > td {
			background-color: #e6eef5;
		}

			.viewmode-mobile table.type04 > tbody > tr.even > td {
				background-color: #fff;
			}
		*/

/*
***********************************************************************************************
float関連
***********************************************************************************************
*/

/* new clearfix */
.clearfix::after {
	clear: both;
	content: " ";
	display: block;
	font-size: 0;
	height: 0;
	visibility: hidden;
}


/*
***********************************************************************************************
margin,paddingの汎用クラス
***********************************************************************************************
*/

.mt0 { margin-top: 0px !important; }
.mt3 { margin-top: 3px !important; }
.mt5 { margin-top: 5px !important; }
.mt6 { margin-top: 6px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mt50 { margin-top: 50px !important; }

.mt-40 { margin-top: -40px !important;}

.mra { margin-right: auto !important; }
.mr5 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }

.mla { margin-left: auto !important; }
.ml0 { margin-left: 0px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml40 { margin-left: 40px !important; }
.ml50 { margin-left: 50px !important; }
.ml100 { margin-left: 100px !important; }
.ml115 { margin-left: 115px !important; }

.mb0 { margin-bottom: 0px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb45 { margin-bottom: 45px !important; }

.pt0 { padding-top: 0px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 10px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pt30 { padding-top: 30px !important; }
.pt40 { padding-top: 40px !important; }

.pra { padding-right: auto !important; }
.pr0 { padding-right: 0px !important; }
.pr5 { padding-right: 5px !important; }
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pr25 { padding-right: 25px !important; }
.pr30 { padding-right: 30px !important; }
.pr40 { padding-right: 40px !important; }

.pda { padding-bottom: auto !important; }
.pd0 { padding-bottom: 0px !important; }
.pd5 { padding-bottom: 5px !important; }
.pd10 { padding-bottom: 10px !important; }
.pd15 { padding-bottom: 15px !important; }
.pd20 { padding-bottom: 20px !important; }
.pd25 { padding-bottom: 25px !important; }
.pd30 { padding-bottom: 30px !important; }
.pd40 { padding-bottom: 40px !important; }

.pl0 { padding-left: 0px !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl25 { padding-left: 25px !important; }
.pl30 { padding-left: 30px !important; }
.pl40 { padding-left: 40px !important; }
.pl45 { padding-left: 45px !important; }
.pl65 { padding-left: 65px !important; }