@charset "UTF-8";
/* @ Tool Setting
* ------------------------------------------------------------ */
/*doc
---
title: tool-状態
name: tool-main
category: tool-main
---
View | Class | Description
---------| -------------------| ----------------- |
| `sr-only` | 音声ブラウザ用 |
| `ie-prompt` | 古いIEへ警告 |
| `is-visible` | 表示 |
| `is-hidden` | 非表示 |
| `is-visible--sm` | sm表示 |
| `is-visible--md` | md表示 |
| `is-hidden--sm` | sm非表示 |
| `is-hidden--md` | md非表示 |
| `is-visible--print`| プリント表示 |
| `is-hidden--print` | プリント非表示 |
| `is-ctr--sm` | smセンター寄せ |
| `is-ctr--md` | mdセンター寄せ |
| `is-br--sm` | sm改行 |
| `is-br--md` | md改行 |
| `is-br--md-only` | mdのみ改行 |
| `is-hidden--mobile` | モバイル非表示 |
| `is-hidden--tablet` | タブレット非表示 |
| `is-hidden--desktop` | デスクトップ非表示 |
*/
.sr-only {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.ie-prompt {
text-align: center;
margin: 0px auto 0px;
padding: 10px;
background-color: #C6173F;
color: #FFF;
}
.is-visible {
display: block !important;
}
.is-hidden {
display: none !important;
}
.is-visible--sm,
.is-visible--md {
display: none !important;
}
@media screen and (max-width: 62.4375em) {
.is-visible--md {
display: block !important;
}
}
@media screen and (max-width: 46.1875em) {
.is-visible--sm,
.is-visible--md {
display: block !important;
}
}
@media screen and (max-width: 62.4375em) {
.is-hidden--md {
display: none !important;
}
}
@media screen and (max-width: 46.1875em) {
.is-hidden--sm {
display: none !important;
}
}
@media print {
.is-hidden--print {
display: none;
}
.is-visible--print {
display: block;
}
}
@media screen and (max-width: 62.4375em) {
.is-ctr--md {
text-align: center;
}
}
@media screen and (max-width: 46.1875em) {
.is-ctr--sm,
.is-ctr--md {
text-align: center;
}
}
@media screen and (max-width: 62.4375em) {
.is-br--md:after {
content: "\A";
white-space: pre;
}
}
@media screen and (min-width: 46.25em) and (max-width: 62.5em) {
.is-br--md-only:after {
content: "\A";
white-space: pre;
}
}
@media screen and (max-width: 46.1875em) {
.is-br--sm:after {
content: "\A";
white-space: pre;
}
}
.is-table {
display: table;
width: 100%;
}
.is-table__cell {
display: table-cell;
}
.is-inline {
display: inline;
}
.gm-style img {
max-width: none;
}
.gm-style label {
width: auto;
display: inline;
}
@media screen and (max-width: 46.1875em) {
.is-over-scroll--sm {
white-space: nowrap;
overflow: hidden;
overflow-x: scroll;
width: 100%;
}
}
.tablet .is-hidden--tablet {
display: none !important;
}
.mobile .is-hidden--mobile {
display: none !important;
}
.desktop .is-hidden--desktop {
display: none !important;
}
/*doc
---
title: その他
name: tool-other
category: tool-other
---
*/
/* @ color
* ------------------------------------------------------------ */
/*doc
---
title: 色
name: tool-color
category: tool-color
---
View | Class | Description
---------------------------------------------------------- | ------------- | ------------- |
ダミーテキストです。
| `color-red` | |
ダミーテキストです。
| `color-brawn` | |
ダミーテキストです。
| `color-yellow`| |
ダミーテキストです。
| `color-pink` | |
ダミーテキストです。
| `color-blue` | |
ダミーテキストです。
| `color-green` | |
ダミーテキストです。
| `color-purple`| |
ダミーテキストです。
| `color-rose` | |
*/
.color-rose {
color: #AD133C;
}
.color-red {
color: #C6173F;
}
.color-lightbrawn {
color: #F8F5F0;
}
.color-brawn {
color: #611012;
}
.color-yellow {
color: #ffe900;
}
.color-pink {
color: #F8B3B9;
}
.color-darkpink {
color: #AC133A;
}
.color-blue {
color: #3FB7EB;
}
.color-green {
color: #17B6A5;
}
.color-orange {
color: #EEA452;
}
.color-purple {
color: #5558A3;
}
/*doc
---
title: bg-gradient
name: bg-gradient
category: tool-color
---
色設定
View | Class | Description
---------------------------------------------- | ------------- | ------------- |
背景色
| `bg-gradient` | |
*/
.bg-gradient {
background-image: -webkit-linear-gradient(top, #EFEFEF 0%, #FFF 100%);
background-image: linear-gradient(to bottom, #EFEFEF 0%, #FFF 100%);
}
/* @ float
* ------------------------------------------------------------ */
/*doc
---
title: フロート
name: tool-float
category: tool-float
---
View | Class | Description
---------------|---------------| ---------------- |
| `pull-right` | フロートレフト |
| `pull-left` | フロートライト |
| `clearfix` | クリアフィックス |
| `clear-both` | クリアボス |
*/
.pull-right {
float: right !important;
}
.pull-left {
float: left !important;
}
.clearfix {
*zoom: 1;
}
.clearfix:before, .clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
.clear-both {
clear: both;
}
/* @ font
* ------------------------------------------------------------ */
.fontMarumin {
font-family: MaruminYoshino !important;
}
.fontLato {
font-family: "Lato", sans-serif !important;
}
/*doc
---
title: フォントサイズ
name: tool-fontsize
category: tool-fontsize
---
ミドルスクリーンは`--md`
スモールスクリーンは`--sm`
View | Class | Description
------------------------------- | ------ | ------------|
8px | `f8` | |
9px | `f9` | |
10px | `f10` | |
11px | `f11` | |
12px | `f12` | |
13px | `f13` | |
14px | `f14` | |
15px | `f15` | |
16px | `f16` | |
17px | `f17` | |
18px | `f18` | |
19px | `f19` | |
20px | `f20` | |
21px | `f21` | |
22px | `f22` | |
23px | `f23` | |
24px | `f24` | |
25px | `f25` | |
26px | `f26` | |
27px | `f27` | |
28px | `f28` | |
29px | `f29` | |
30px | `f30` | |
31px | `f31` | |
32px | `f32` | |
33px | `f33` | |
34px | `f34` | |
35px | `f35` | |
36px | `f36` | |
37px | `f37` | |
38px | `f38` | |
39px | `f39` | |
40px | `f40` | |
*/
.f8 {
font-size: 8px;
}
.f9 {
font-size: 9px;
}
.f10 {
font-size: 10px;
}
.f11 {
font-size: 11px;
}
.f12 {
font-size: 12px;
}
.f13 {
font-size: 13px;
}
.f14 {
font-size: 14px;
}
.f15 {
font-size: 15px;
}
.f16 {
font-size: 16px;
}
.f17 {
font-size: 17px;
}
.f18 {
font-size: 18px;
}
.f19 {
font-size: 19px;
}
.f20 {
font-size: 20px;
}
.f21 {
font-size: 21px;
}
.f22 {
font-size: 22px;
}
.f23 {
font-size: 23px;
}
.f24 {
font-size: 24px;
}
.f25 {
font-size: 25px;
}
.f26 {
font-size: 26px;
}
.f27 {
font-size: 27px;
}
.f28 {
font-size: 28px;
}
.f29 {
font-size: 29px;
}
.f30 {
font-size: 30px;
}
.f31 {
font-size: 31px;
}
.f32 {
font-size: 32px;
}
.f33 {
font-size: 33px;
}
.f34 {
font-size: 34px;
}
.f35 {
font-size: 35px;
}
.f36 {
font-size: 36px;
}
.f37 {
font-size: 37px;
}
.f38 {
font-size: 38px;
}
.f39 {
font-size: 39px;
}
.f40 {
font-size: 40px;
}
@media screen and (max-width: 62.4375em) {
.f8--md {
font-size: 8px;
}
}
@media screen and (max-width: 62.4375em) {
.f9--md {
font-size: 9px;
}
}
@media screen and (max-width: 62.4375em) {
.f10--md {
font-size: 10px;
}
}
@media screen and (max-width: 62.4375em) {
.f11--md {
font-size: 11px;
}
}
@media screen and (max-width: 62.4375em) {
.f12--md {
font-size: 12px;
}
}
@media screen and (max-width: 62.4375em) {
.f13--md {
font-size: 13px;
}
}
@media screen and (max-width: 62.4375em) {
.f14--md {
font-size: 14px;
}
}
@media screen and (max-width: 62.4375em) {
.f15--md {
font-size: 15px;
}
}
@media screen and (max-width: 62.4375em) {
.f16--md {
font-size: 16px;
}
}
@media screen and (max-width: 62.4375em) {
.f17--md {
font-size: 17px;
}
}
@media screen and (max-width: 62.4375em) {
.f18--md {
font-size: 18px;
}
}
@media screen and (max-width: 62.4375em) {
.f19--md {
font-size: 19px;
}
}
@media screen and (max-width: 62.4375em) {
.f20--md {
font-size: 20px;
}
}
@media screen and (max-width: 62.4375em) {
.f21--md {
font-size: 21px;
}
}
@media screen and (max-width: 62.4375em) {
.f22--md {
font-size: 22px;
}
}
@media screen and (max-width: 62.4375em) {
.f23--md {
font-size: 23px;
}
}
@media screen and (max-width: 62.4375em) {
.f24--md {
font-size: 24px;
}
}
@media screen and (max-width: 62.4375em) {
.f25--md {
font-size: 25px;
}
}
@media screen and (max-width: 62.4375em) {
.f26--md {
font-size: 26px;
}
}
@media screen and (max-width: 62.4375em) {
.f27--md {
font-size: 27px;
}
}
@media screen and (max-width: 62.4375em) {
.f28--md {
font-size: 28px;
}
}
@media screen and (max-width: 62.4375em) {
.f29--md {
font-size: 29px;
}
}
@media screen and (max-width: 62.4375em) {
.f30--md {
font-size: 30px;
}
}
@media screen and (max-width: 62.4375em) {
.f31--md {
font-size: 31px;
}
}
@media screen and (max-width: 62.4375em) {
.f32--md {
font-size: 32px;
}
}
@media screen and (max-width: 62.4375em) {
.f33--md {
font-size: 33px;
}
}
@media screen and (max-width: 62.4375em) {
.f34--md {
font-size: 34px;
}
}
@media screen and (max-width: 62.4375em) {
.f35--md {
font-size: 35px;
}
}
@media screen and (max-width: 62.4375em) {
.f36--md {
font-size: 36px;
}
}
@media screen and (max-width: 62.4375em) {
.f37--md {
font-size: 37px;
}
}
@media screen and (max-width: 62.4375em) {
.f38--md {
font-size: 38px;
}
}
@media screen and (max-width: 62.4375em) {
.f39--md {
font-size: 39px;
}
}
@media screen and (max-width: 62.4375em) {
.f40--md {
font-size: 40px;
}
}
@media screen and (max-width: 46.1875em) {
.f8--sm {
font-size: 8px;
}
}
@media screen and (max-width: 46.1875em) {
.f9--sm {
font-size: 9px;
}
}
@media screen and (max-width: 46.1875em) {
.f10--sm {
font-size: 10px;
}
}
@media screen and (max-width: 46.1875em) {
.f11--sm {
font-size: 11px;
}
}
@media screen and (max-width: 46.1875em) {
.f12--sm {
font-size: 12px;
}
}
@media screen and (max-width: 46.1875em) {
.f13--sm {
font-size: 13px;
}
}
@media screen and (max-width: 46.1875em) {
.f14--sm {
font-size: 14px;
}
}
@media screen and (max-width: 46.1875em) {
.f15--sm {
font-size: 15px;
}
}
@media screen and (max-width: 46.1875em) {
.f16--sm {
font-size: 16px;
}
}
@media screen and (max-width: 46.1875em) {
.f17--sm {
font-size: 17px;
}
}
@media screen and (max-width: 46.1875em) {
.f18--sm {
font-size: 18px;
}
}
@media screen and (max-width: 46.1875em) {
.f19--sm {
font-size: 19px;
}
}
@media screen and (max-width: 46.1875em) {
.f20--sm {
font-size: 20px;
}
}
@media screen and (max-width: 46.1875em) {
.f21--sm {
font-size: 21px;
}
}
@media screen and (max-width: 46.1875em) {
.f22--sm {
font-size: 22px;
}
}
@media screen and (max-width: 46.1875em) {
.f23--sm {
font-size: 23px;
}
}
@media screen and (max-width: 46.1875em) {
.f24--sm {
font-size: 24px;
}
}
@media screen and (max-width: 46.1875em) {
.f25--sm {
font-size: 25px;
}
}
@media screen and (max-width: 46.1875em) {
.f26--sm {
font-size: 26px;
}
}
@media screen and (max-width: 46.1875em) {
.f27--sm {
font-size: 27px;
}
}
@media screen and (max-width: 46.1875em) {
.f28--sm {
font-size: 28px;
}
}
@media screen and (max-width: 46.1875em) {
.f29--sm {
font-size: 29px;
}
}
@media screen and (max-width: 46.1875em) {
.f30--sm {
font-size: 30px;
}
}
@media screen and (max-width: 46.1875em) {
.f31--sm {
font-size: 31px;
}
}
@media screen and (max-width: 46.1875em) {
.f32--sm {
font-size: 32px;
}
}
@media screen and (max-width: 46.1875em) {
.f33--sm {
font-size: 33px;
}
}
@media screen and (max-width: 46.1875em) {
.f34--sm {
font-size: 34px;
}
}
@media screen and (max-width: 46.1875em) {
.f35--sm {
font-size: 35px;
}
}
@media screen and (max-width: 46.1875em) {
.f36--sm {
font-size: 36px;
}
}
@media screen and (max-width: 46.1875em) {
.f37--sm {
font-size: 37px;
}
}
@media screen and (max-width: 46.1875em) {
.f38--sm {
font-size: 38px;
}
}
@media screen and (max-width: 46.1875em) {
.f39--sm {
font-size: 39px;
}
}
@media screen and (max-width: 46.1875em) {
.f40--sm {
font-size: 40px;
}
}
/* @ grid
* ------------------------------------------------------------ */
/*doc
---
title: 汎用グリッドレイアウト
name: tool-grid
category: tool-grid
---
```html_example
col4, col6--md
col8, col6--md
col5, col6--sm
col7, col6--sm
col6
col6
col6, col4--sm
col6, col8--sm
```
View | Class | Description
------- | -------------------| ----------------- |
| `l-wrapper` | 最大幅 |
| `l-gap` | md左右マージン10px |
| `l-row` | グリッドの枠 |
ミドルスクリーンは`--md`
スモールスクリーンは`--sm`
View | Class | Description
------- | -------------------| --------------------- |
| `l-col[num]` | カラム |
| `l-col__first` | マージンレフト0 |
| `l-text__top` | マージントップ-.35em |
| `l-text__center` | センター寄せ |
| `l-text__right` | 右寄せ |
| `l-pull-right` | フロートライト |
| `l-pull-left` | フロートレフト |
*/
.l-wrapper {
margin-left: auto;
margin-right: auto;
max-width: 1000px;
width: 100%;
}
.l-wrapper:before, .l-wrapper:after {
content: " ";
display: table;
}
.l-wrapper:after {
clear: both;
}
@media screen and (max-width: 62.4375em) {
.l-gap {
padding-right: 10px;
padding-left: 10px;
}
}
.demo-bg [class^="l-col"], .demo-bg [class*=" l-col"], .demo-bg .grid-col {
margin-bottom: 10px;
background-color: #ccc;
border: 1px solid #000;
}
[class^="l-col-p"],
[class*=" l-col-p"] {
margin-right: auto;
margin-left: auto;
min-height: 1px;
float: left;
padding-right: 10px;
padding-left: 10px;
}
.l-row {
margin-right: auto;
margin-left: auto;
}
.l-row:before, .l-row:after {
content: " ";
display: table;
}
.l-row:after {
clear: both;
}
.l-row-p-cancel {
margin-left: 10px;
margin-right: 10px;
}
.l-col1 {
width: 6.46259%;
min-height: 1px;
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
max-width: 100%;
margin-left: 2.04082%;
}
.l-col1:first-child {
margin-left: 0;
}
.l-col2 {
width: 14.96599%;
min-height: 1px;
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
max-width: 100%;
margin-left: 2.04082%;
}
.l-col2:first-child {
margin-left: 0;
}
.l-col3 {
width: 23.46939%;
min-height: 1px;
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
max-width: 100%;
margin-left: 2.04082%;
}
.l-col3:first-child {
margin-left: 0;
}
.l-col4 {
width: 31.97279%;
min-height: 1px;
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
max-width: 100%;
margin-left: 2.04082%;
}
.l-col4:first-child {
margin-left: 0;
}
.l-col5 {
width: 40.47619%;
min-height: 1px;
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
max-width: 100%;
margin-left: 2.04082%;
}
.l-col5:first-child {
margin-left: 0;
}
.l-col6 {
width: 48.97959%;
min-height: 1px;
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
max-width: 100%;
margin-left: 2.04082%;
}
.l-col6:first-child {
margin-left: 0;
}
.l-col7 {
width: 57.48299%;
min-height: 1px;
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
max-width: 100%;
margin-left: 2.04082%;
}
.l-col7:first-child {
margin-left: 0;
}
.l-col8 {
width: 65.98639%;
min-height: 1px;
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
max-width: 100%;
margin-left: 2.04082%;
}
.l-col8:first-child {
margin-left: 0;
}
.l-col9 {
width: 74.4898%;
min-height: 1px;
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
max-width: 100%;
margin-left: 2.04082%;
}
.l-col9:first-child {
margin-left: 0;
}
.l-col10 {
width: 82.9932%;
min-height: 1px;
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
max-width: 100%;
margin-left: 2.04082%;
}
.l-col10:first-child {
margin-left: 0;
}
.l-col11 {
width: 91.4966%;
min-height: 1px;
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
max-width: 100%;
margin-left: 2.04082%;
}
.l-col11:first-child {
margin-left: 0;
}
.l-col12 {
width: 100%;
min-height: 1px;
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
max-width: 100%;
margin-left: 2.04082%;
}
.l-col12:first-child {
margin-left: 0;
}
.l-col-p1 {
width: 8.33333%;
}
.l-col-p2 {
width: 16.6667%;
}
.l-col-p3 {
width: 25%;
}
.l-col-p4 {
width: 25%;
}
.l-col-p5 {
width: 41.6667%;
}
.l-col-p6 {
width: 50%;
}
.l-col-p7 {
width: 58.3333%;
}
.l-col-p8 {
width: 75%;
}
.l-col-p9 {
width: 75%;
}
.l-col-p10 {
width: 83.3333%;
}
.l-col-p11 {
width: 91.6667%;
}
.l-col-p12 {
width: auto;
float: none;
}
.l-col__clear {
clear: both;
}
.l-col__first {
margin-left: 0;
}
.l-text__top {
margin-top: -.35em;
}
.l-text__center {
text-align: center;
}
.l-text__right {
text-align: right;
}
.l-text__left {
text-align: left;
}
.l-pull-right {
float: right;
}
.l-pull-left {
float: left;
}
.l-pull-none {
float: none;
}
.l-pl0 {
padding-left: 0;
}
.l-pr0 {
padding-right: 0;
}
.l-pl10 {
padding-left: 10px;
}
.l-pr10 {
padding-right: 10px;
}
.l-ml10 {
margin-left: 10px;
}
.l-mr10 {
margin-right: 10px;
}
@media screen and (max-width: 62.4375em) {
.l-col1 {
width: 6.46259%;
min-height: 1px;
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
max-width: 100%;
margin-left: 2.04082%;
}
.l-col1:first-child {
margin-left: 0;
}
.l-col2 {
width: 14.96599%;
min-height: 1px;
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
max-width: 100%;
margin-left: 2.04082%;
}
.l-col2:first-child {
margin-left: 0;
}
.l-col3 {
width: 23.46939%;
min-height: 1px;
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
max-width: 100%;
margin-left: 2.04082%;
}
.l-col3:first-child {
margin-left: 0;
}
.l-col4 {
width: 31.97279%;
min-height: 1px;
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
max-width: 100%;
margin-left: 2.04082%;
}
.l-col4:first-child {
margin-left: 0;
}
.l-col5 {
width: 40.47619%;
min-height: 1px;
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
max-width: 100%;
margin-left: 2.04082%;
}
.l-col5:first-child {
margin-left: 0;
}
.l-col6 {
width: 48.97959%;
min-height: 1px;
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
max-width: 100%;
margin-left: 2.04082%;
}
.l-col6:first-child {
margin-left: 0;
}
.l-col7 {
width: 57.48299%;
min-height: 1px;
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
max-width: 100%;
margin-left: 2.04082%;
}
.l-col7:first-child {
margin-left: 0;
}
.l-col8 {
width: 65.98639%;
min-height: 1px;
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
max-width: 100%;
margin-left: 2.04082%;
}
.l-col8:first-child {
margin-left: 0;
}
.l-col9 {
width: 74.4898%;
min-height: 1px;
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
max-width: 100%;
margin-left: 2.04082%;
}
.l-col9:first-child {
margin-left: 0;
}
.l-col10 {
width: 82.9932%;
min-height: 1px;
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
max-width: 100%;
margin-left: 2.04082%;
}
.l-col10:first-child {
margin-left: 0;
}
.l-col11 {
width: 91.4966%;
min-height: 1px;
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
max-width: 100%;
margin-left: 2.04082%;
}
.l-col11:first-child {
margin-left: 0;
}
.l-col12 {
width: 100%;
min-height: 1px;
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
max-width: 100%;
margin-left: 2.04082%;
}
.l-col12:first-child {
margin-left: 0;
}
.l-col1--md {
width: 6.46259%;
min-height: 1px;
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
max-width: 100%;
margin-left: 2.04082%;
}
.l-col1--md:first-child {
margin-left: 0;
}
.l-col2--md {
width: 14.96599%;
min-height: 1px;
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
max-width: 100%;
margin-left: 2.04082%;
}
.l-col2--md:first-child {
margin-left: 0;
}
.l-col3--md {
width: 23.46939%;
min-height: 1px;
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
max-width: 100%;
margin-left: 2.04082%;
}
.l-col3--md:first-child {
margin-left: 0;
}
.l-col4--md {
width: 31.97279%;
min-height: 1px;
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
max-width: 100%;
margin-left: 2.04082%;
}
.l-col4--md:first-child {
margin-left: 0;
}
.l-col5--md {
width: 40.47619%;
min-height: 1px;
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
max-width: 100%;
margin-left: 2.04082%;
}
.l-col5--md:first-child {
margin-left: 0;
}
.l-col6--md {
width: 48.97959%;
min-height: 1px;
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
max-width: 100%;
margin-left: 2.04082%;
}
.l-col6--md:first-child {
margin-left: 0;
}
.l-col7--md {
width: 57.48299%;
min-height: 1px;
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
max-width: 100%;
margin-left: 2.04082%;
}
.l-col7--md:first-child {
margin-left: 0;
}
.l-col8--md {
width: 65.98639%;
min-height: 1px;
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
max-width: 100%;
margin-left: 2.04082%;
}
.l-col8--md:first-child {
margin-left: 0;
}
.l-col9--md {
width: 74.4898%;
min-height: 1px;
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
max-width: 100%;
margin-left: 2.04082%;
}
.l-col9--md:first-child {
margin-left: 0;
}
.l-col10--md {
width: 82.9932%;
min-height: 1px;
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
max-width: 100%;
margin-left: 2.04082%;
}
.l-col10--md:first-child {
margin-left: 0;
}
.l-col11--md {
width: 91.4966%;
min-height: 1px;
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
max-width: 100%;
margin-left: 2.04082%;
}
.l-col11--md:first-child {
margin-left: 0;
}
.l-col12--md {
width: 100%;
min-height: 1px;
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
max-width: 100%;
margin-left: 2.04082%;
}
.l-col12--md:first-child {
margin-left: 0;
}
.l-col-p1--md {
width: 8.33333%;
}
.l-col-p2--md {
width: 16.6667%;
}
.l-col-p3--md {
width: 25%;
}
.l-col-p4--md {
width: 33.3333%;
}
.l-col-p5--md {
width: 41.6667%;
}
.l-col-p6--md {
width: 50%;
}
.l-col-p7--md {
width: 58.3333%;
}
.l-col-p8--md {
width: 75%;
}
.l-col-p9--md {
width: 75%;
}
.l-col-p10--md {
width: 83.3333%;
}
.l-col-p11--md {
width: 91.6667%;
}
.l-col-p12--md {
width: auto;
float: none;
}
.l-col__clear--md {
clear: both;
}
.l-col__first--md {
margin-left: 0;
}
.l-text__top--md {
margin-top: -.35em;
}
.l-text__center--md {
text-align: center;
}
.l-text__right--md {
text-align: right;
}
.l-text__left--md {
text-align: left;
}
.l-pull-right--md {
float: right;
}
.l-pull-left-md {
float: left;
}
.l-pull-none--md {
float: none;
}
.l-pl0--md {
padding-left: 0;
}
.l-pr0--md {
padding-right: 0;
}
.l-pl10--md {
padding-left: 10px;
}
.l-pr10--md {
padding-right: 10px;
}
.l-ml10--md {
margin-left: 10px;
}
.l-mr10--md {
margin-right: 10px;
}
}
@media screen and (max-width: 46.1875em) {
.l-col1 {
width: 6.46259%;
min-height: 1px;
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
max-width: 100%;
margin-left: 2.04082%;
}
.l-col1:first-child {
margin-left: 0;
}
.l-col2 {
width: 14.96599%;
min-height: 1px;
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
max-width: 100%;
margin-left: 2.04082%;
}
.l-col2:first-child {
margin-left: 0;
}
.l-col3 {
width: 23.46939%;
min-height: 1px;
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
max-width: 100%;
margin-left: 2.04082%;
}
.l-col3:first-child {
margin-left: 0;
}
.l-col4 {
width: 31.97279%;
min-height: 1px;
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
max-width: 100%;
margin-left: 2.04082%;
}
.l-col4:first-child {
margin-left: 0;
}
.l-col5 {
width: 40.47619%;
min-height: 1px;
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
max-width: 100%;
margin-left: 2.04082%;
}
.l-col5:first-child {
margin-left: 0;
}
.l-col6 {
width: 48.97959%;
min-height: 1px;
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
max-width: 100%;
margin-left: 2.04082%;
}
.l-col6:first-child {
margin-left: 0;
}
.l-col7 {
width: 57.48299%;
min-height: 1px;
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
max-width: 100%;
margin-left: 2.04082%;
}
.l-col7:first-child {
margin-left: 0;
}
.l-col8 {
width: 65.98639%;
min-height: 1px;
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
max-width: 100%;
margin-left: 2.04082%;
}
.l-col8:first-child {
margin-left: 0;
}
.l-col9 {
width: 74.4898%;
min-height: 1px;
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
max-width: 100%;
margin-left: 2.04082%;
}
.l-col9:first-child {
margin-left: 0;
}
.l-col10 {
width: 82.9932%;
min-height: 1px;
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
max-width: 100%;
margin-left: 2.04082%;
}
.l-col10:first-child {
margin-left: 0;
}
.l-col11 {
width: 91.4966%;
min-height: 1px;
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
max-width: 100%;
margin-left: 2.04082%;
}
.l-col11:first-child {
margin-left: 0;
}
.l-col12 {
width: 100%;
min-height: 1px;
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
max-width: 100%;
margin-left: 2.04082%;
}
.l-col12:first-child {
margin-left: 0;
}
.l-col1--md {
width: 6.46259%;
min-height: 1px;
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
max-width: 100%;
margin-left: 2.04082%;
}
.l-col1--md:first-child {
margin-left: 0;
}
.l-col2--md {
width: 14.96599%;
min-height: 1px;
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
max-width: 100%;
margin-left: 2.04082%;
}
.l-col2--md:first-child {
margin-left: 0;
}
.l-col3--md {
width: 23.46939%;
min-height: 1px;
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
max-width: 100%;
margin-left: 2.04082%;
}
.l-col3--md:first-child {
margin-left: 0;
}
.l-col4--md {
width: 31.97279%;
min-height: 1px;
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
max-width: 100%;
margin-left: 2.04082%;
}
.l-col4--md:first-child {
margin-left: 0;
}
.l-col5--md {
width: 40.47619%;
min-height: 1px;
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
max-width: 100%;
margin-left: 2.04082%;
}
.l-col5--md:first-child {
margin-left: 0;
}
.l-col6--md {
width: 48.97959%;
min-height: 1px;
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
max-width: 100%;
margin-left: 2.04082%;
}
.l-col6--md:first-child {
margin-left: 0;
}
.l-col7--md {
width: 57.48299%;
min-height: 1px;
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
max-width: 100%;
margin-left: 2.04082%;
}
.l-col7--md:first-child {
margin-left: 0;
}
.l-col8--md {
width: 65.98639%;
min-height: 1px;
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
max-width: 100%;
margin-left: 2.04082%;
}
.l-col8--md:first-child {
margin-left: 0;
}
.l-col9--md {
width: 74.4898%;
min-height: 1px;
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
max-width: 100%;
margin-left: 2.04082%;
}
.l-col9--md:first-child {
margin-left: 0;
}
.l-col10--md {
width: 82.9932%;
min-height: 1px;
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
max-width: 100%;
margin-left: 2.04082%;
}
.l-col10--md:first-child {
margin-left: 0;
}
.l-col11--md {
width: 91.4966%;
min-height: 1px;
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
max-width: 100%;
margin-left: 2.04082%;
}
.l-col11--md:first-child {
margin-left: 0;
}
.l-col12--md {
width: 100%;
min-height: 1px;
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
max-width: 100%;
margin-left: 2.04082%;
}
.l-col12--md:first-child {
margin-left: 0;
}
.l-col1--sm {
width: 6.46259%;
min-height: 1px;
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
max-width: 100%;
margin-left: 2.04082%;
}
.l-col1--sm:first-child {
margin-left: 0;
}
.l-col2--sm {
width: 14.96599%;
min-height: 1px;
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
max-width: 100%;
margin-left: 2.04082%;
}
.l-col2--sm:first-child {
margin-left: 0;
}
.l-col3--sm {
width: 23.46939%;
min-height: 1px;
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
max-width: 100%;
margin-left: 2.04082%;
}
.l-col3--sm:first-child {
margin-left: 0;
}
.l-col4--sm {
width: 31.97279%;
min-height: 1px;
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
max-width: 100%;
margin-left: 2.04082%;
}
.l-col4--sm:first-child {
margin-left: 0;
}
.l-col5--sm {
width: 40.47619%;
min-height: 1px;
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
max-width: 100%;
margin-left: 2.04082%;
}
.l-col5--sm:first-child {
margin-left: 0;
}
.l-col6--sm {
width: 48.97959%;
min-height: 1px;
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
max-width: 100%;
margin-left: 2.04082%;
}
.l-col6--sm:first-child {
margin-left: 0;
}
.l-col7--sm {
width: 57.48299%;
min-height: 1px;
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
max-width: 100%;
margin-left: 2.04082%;
}
.l-col7--sm:first-child {
margin-left: 0;
}
.l-col8--sm {
width: 65.98639%;
min-height: 1px;
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
max-width: 100%;
margin-left: 2.04082%;
}
.l-col8--sm:first-child {
margin-left: 0;
}
.l-col9--sm {
width: 74.4898%;
min-height: 1px;
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
max-width: 100%;
margin-left: 2.04082%;
}
.l-col9--sm:first-child {
margin-left: 0;
}
.l-col10--sm {
width: 82.9932%;
min-height: 1px;
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
max-width: 100%;
margin-left: 2.04082%;
}
.l-col10--sm:first-child {
margin-left: 0;
}
.l-col11--sm {
width: 91.4966%;
min-height: 1px;
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
max-width: 100%;
margin-left: 2.04082%;
}
.l-col11--sm:first-child {
margin-left: 0;
}
.l-col12--sm {
width: 100%;
min-height: 1px;
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
max-width: 100%;
margin-left: 2.04082%;
}
.l-col12--sm:first-child {
margin-left: 0;
}
.l-col-p1--sm {
width: 8.33333%;
}
.l-col-p2--sm {
width: 16.6667%;
}
.l-col-p3--sm {
width: 25%;
}
.l-col-p4--sm {
width: 33.3333%;
}
.l-col-p5--sm {
width: 41.6667%;
}
.l-col-p6--sm {
width: 50%;
}
.l-col-p7--sm {
width: 58.3333%;
}
.l-col-p8--sm {
width: 66.6667%;
}
.l-col-p9--sm {
width: 75%;
}
.l-col-p10--sm {
width: 83.3333%;
}
.l-col-p11--sm {
width: 91.6667%;
}
.l-col-p12--sm {
width: auto;
float: none;
}
.l-col__clear--sm {
clear: both;
}
.l-col__first--sm {
margin-left: 0;
}
.l-text__top--sm {
margin-top: -.35em;
}
.l-text__center--sm {
text-align: center;
}
.l-text__right--sm {
text-align: right;
}
.l-text__left--sm {
text-align: left;
}
.l-pull-right--sm {
float: right;
}
.l-pull-left--sm {
float: left;
}
.l-pull-none--sm {
float: none;
}
.l-pl0--sm {
padding-left: 0;
}
.l-pr0--sm {
padding-right: 0;
}
.l-pl10--sm {
padding-left: 10px;
}
.l-pr10--sm {
padding-right: 10px;
}
.l-ml10--sm {
margin-left: 10px;
}
.l-mr10--sm {
margin-right: 10px;
}
}
/* @ img
* ------------------------------------------------------------ */
/*doc
---
title: 画像装飾
name: tool-img
category: tool-img
---
View | Class | Description
------------------------------------------------------------------------------------------------ | ------------- | --------------------- |
アイコン画像
| `img-icon--vam` | 画像縦中心へ |
*/
.img-responsive {
display: block;
max-width: 100%;
height: auto;
}
.ie8 .img-responsive {
width: auto;
}
.img-frame img {
border: 1px solid #ccc;
background-color: #FFF;
padding: 3px;
height: auto;
}
.img-round img {
border-radius: 15px;
}
.img-border img {
border: 1px solid #fcfcfc;
outline: 1px solid #9f9f9f;
}
.img-circle img {
border-radius: 50%;
}
.img-icon--vam {
vertical-align: middle;
position: relative;
top: -0.1em;
}
/* @ margin
* ------------------------------------------------------------ */
/*doc
---
title: マージン、パディング
name: tool-clearance
category: tool-clearance
---
ミドルスクリーンは`--md`
スモールスクリーンは`--sm`
View | Class | Description
------------|-------------| ------------------------------ |
| `mt[-num]` | マージントップ -80px 〜 -1px |
| `mb[-num]` | マージンボトム -80px 〜 -1px |
| `mt[num]` | マージントップ 0 〜 80 |
| `mb[num]` | マージンボトム 0 〜 80 |
| `pt[-num]` | パディングトップ -80px〜 -1px |
| `pb[-num]` | パディング ボトム -80px 〜 -1px |
| `pt[num]` | パディングトップ 0 〜 80px |
| `pb[num]` | パディングボトム 0 〜 80px |
*/
.mt-0 {
margin-top: -0px !important;
}
.mt-1 {
margin-top: -1px !important;
}
.mt-2 {
margin-top: -2px !important;
}
.mt-3 {
margin-top: -3px !important;
}
.mt-4 {
margin-top: -4px !important;
}
.mt-5 {
margin-top: -5px !important;
}
.mt-6 {
margin-top: -6px !important;
}
.mt-7 {
margin-top: -7px !important;
}
.mt-8 {
margin-top: -8px !important;
}
.mt-9 {
margin-top: -9px !important;
}
.mt-10 {
margin-top: -10px !important;
}
.mt-11 {
margin-top: -11px !important;
}
.mt-12 {
margin-top: -12px !important;
}
.mt-13 {
margin-top: -13px !important;
}
.mt-14 {
margin-top: -14px !important;
}
.mt-15 {
margin-top: -15px !important;
}
.mt-16 {
margin-top: -16px !important;
}
.mt-17 {
margin-top: -17px !important;
}
.mt-18 {
margin-top: -18px !important;
}
.mt-19 {
margin-top: -19px !important;
}
.mt-20 {
margin-top: -20px !important;
}
.mt-21 {
margin-top: -21px !important;
}
.mt-22 {
margin-top: -22px !important;
}
.mt-23 {
margin-top: -23px !important;
}
.mt-24 {
margin-top: -24px !important;
}
.mt-25 {
margin-top: -25px !important;
}
.mt-26 {
margin-top: -26px !important;
}
.mt-27 {
margin-top: -27px !important;
}
.mt-28 {
margin-top: -28px !important;
}
.mt-29 {
margin-top: -29px !important;
}
.mt-30 {
margin-top: -30px !important;
}
.mt-31 {
margin-top: -31px !important;
}
.mt-32 {
margin-top: -32px !important;
}
.mt-33 {
margin-top: -33px !important;
}
.mt-34 {
margin-top: -34px !important;
}
.mt-35 {
margin-top: -35px !important;
}
.mt-36 {
margin-top: -36px !important;
}
.mt-37 {
margin-top: -37px !important;
}
.mt-38 {
margin-top: -38px !important;
}
.mt-39 {
margin-top: -39px !important;
}
.mt-40 {
margin-top: -40px !important;
}
.mt-41 {
margin-top: -41px !important;
}
.mt-42 {
margin-top: -42px !important;
}
.mt-43 {
margin-top: -43px !important;
}
.mt-44 {
margin-top: -44px !important;
}
.mt-45 {
margin-top: -45px !important;
}
.mt-46 {
margin-top: -46px !important;
}
.mt-47 {
margin-top: -47px !important;
}
.mt-48 {
margin-top: -48px !important;
}
.mt-49 {
margin-top: -49px !important;
}
.mt-50 {
margin-top: -50px !important;
}
.mt-51 {
margin-top: -51px !important;
}
.mt-52 {
margin-top: -52px !important;
}
.mt-53 {
margin-top: -53px !important;
}
.mt-54 {
margin-top: -54px !important;
}
.mt-55 {
margin-top: -55px !important;
}
.mt-56 {
margin-top: -56px !important;
}
.mt-57 {
margin-top: -57px !important;
}
.mt-58 {
margin-top: -58px !important;
}
.mt-59 {
margin-top: -59px !important;
}
.mt-60 {
margin-top: -60px !important;
}
.mt-61 {
margin-top: -61px !important;
}
.mt-62 {
margin-top: -62px !important;
}
.mt-63 {
margin-top: -63px !important;
}
.mt-64 {
margin-top: -64px !important;
}
.mt-65 {
margin-top: -65px !important;
}
.mt-66 {
margin-top: -66px !important;
}
.mt-67 {
margin-top: -67px !important;
}
.mt-68 {
margin-top: -68px !important;
}
.mt-69 {
margin-top: -69px !important;
}
.mt-70 {
margin-top: -70px !important;
}
.mt-71 {
margin-top: -71px !important;
}
.mt-72 {
margin-top: -72px !important;
}
.mt-73 {
margin-top: -73px !important;
}
.mt-74 {
margin-top: -74px !important;
}
.mt-75 {
margin-top: -75px !important;
}
.mt-76 {
margin-top: -76px !important;
}
.mt-77 {
margin-top: -77px !important;
}
.mt-78 {
margin-top: -78px !important;
}
.mt-79 {
margin-top: -79px !important;
}
.mt-80 {
margin-top: -80px !important;
}
.mb-0 {
margin-bottom: -0px !important;
}
.mb-1 {
margin-bottom: -1px !important;
}
.mb-2 {
margin-bottom: -2px !important;
}
.mb-3 {
margin-bottom: -3px !important;
}
.mb-4 {
margin-bottom: -4px !important;
}
.mb-5 {
margin-bottom: -5px !important;
}
.mb-6 {
margin-bottom: -6px !important;
}
.mb-7 {
margin-bottom: -7px !important;
}
.mb-8 {
margin-bottom: -8px !important;
}
.mb-9 {
margin-bottom: -9px !important;
}
.mb-10 {
margin-bottom: -10px !important;
}
.mb-11 {
margin-bottom: -11px !important;
}
.mb-12 {
margin-bottom: -12px !important;
}
.mb-13 {
margin-bottom: -13px !important;
}
.mb-14 {
margin-bottom: -14px !important;
}
.mb-15 {
margin-bottom: -15px !important;
}
.mb-16 {
margin-bottom: -16px !important;
}
.mb-17 {
margin-bottom: -17px !important;
}
.mb-18 {
margin-bottom: -18px !important;
}
.mb-19 {
margin-bottom: -19px !important;
}
.mb-20 {
margin-bottom: -20px !important;
}
.mb-21 {
margin-bottom: -21px !important;
}
.mb-22 {
margin-bottom: -22px !important;
}
.mb-23 {
margin-bottom: -23px !important;
}
.mb-24 {
margin-bottom: -24px !important;
}
.mb-25 {
margin-bottom: -25px !important;
}
.mb-26 {
margin-bottom: -26px !important;
}
.mb-27 {
margin-bottom: -27px !important;
}
.mb-28 {
margin-bottom: -28px !important;
}
.mb-29 {
margin-bottom: -29px !important;
}
.mb-30 {
margin-bottom: -30px !important;
}
.mb-31 {
margin-bottom: -31px !important;
}
.mb-32 {
margin-bottom: -32px !important;
}
.mb-33 {
margin-bottom: -33px !important;
}
.mb-34 {
margin-bottom: -34px !important;
}
.mb-35 {
margin-bottom: -35px !important;
}
.mb-36 {
margin-bottom: -36px !important;
}
.mb-37 {
margin-bottom: -37px !important;
}
.mb-38 {
margin-bottom: -38px !important;
}
.mb-39 {
margin-bottom: -39px !important;
}
.mb-40 {
margin-bottom: -40px !important;
}
.mb-41 {
margin-bottom: -41px !important;
}
.mb-42 {
margin-bottom: -42px !important;
}
.mb-43 {
margin-bottom: -43px !important;
}
.mb-44 {
margin-bottom: -44px !important;
}
.mb-45 {
margin-bottom: -45px !important;
}
.mb-46 {
margin-bottom: -46px !important;
}
.mb-47 {
margin-bottom: -47px !important;
}
.mb-48 {
margin-bottom: -48px !important;
}
.mb-49 {
margin-bottom: -49px !important;
}
.mb-50 {
margin-bottom: -50px !important;
}
.mb-51 {
margin-bottom: -51px !important;
}
.mb-52 {
margin-bottom: -52px !important;
}
.mb-53 {
margin-bottom: -53px !important;
}
.mb-54 {
margin-bottom: -54px !important;
}
.mb-55 {
margin-bottom: -55px !important;
}
.mb-56 {
margin-bottom: -56px !important;
}
.mb-57 {
margin-bottom: -57px !important;
}
.mb-58 {
margin-bottom: -58px !important;
}
.mb-59 {
margin-bottom: -59px !important;
}
.mb-60 {
margin-bottom: -60px !important;
}
.mb-61 {
margin-bottom: -61px !important;
}
.mb-62 {
margin-bottom: -62px !important;
}
.mb-63 {
margin-bottom: -63px !important;
}
.mb-64 {
margin-bottom: -64px !important;
}
.mb-65 {
margin-bottom: -65px !important;
}
.mb-66 {
margin-bottom: -66px !important;
}
.mb-67 {
margin-bottom: -67px !important;
}
.mb-68 {
margin-bottom: -68px !important;
}
.mb-69 {
margin-bottom: -69px !important;
}
.mb-70 {
margin-bottom: -70px !important;
}
.mb-71 {
margin-bottom: -71px !important;
}
.mb-72 {
margin-bottom: -72px !important;
}
.mb-73 {
margin-bottom: -73px !important;
}
.mb-74 {
margin-bottom: -74px !important;
}
.mb-75 {
margin-bottom: -75px !important;
}
.mb-76 {
margin-bottom: -76px !important;
}
.mb-77 {
margin-bottom: -77px !important;
}
.mb-78 {
margin-bottom: -78px !important;
}
.mb-79 {
margin-bottom: -79px !important;
}
.mb-80 {
margin-bottom: -80px !important;
}
.mt0 {
margin-top: 0px !important;
}
.mt1 {
margin-top: 1px !important;
}
.mt2 {
margin-top: 2px !important;
}
.mt3 {
margin-top: 3px !important;
}
.mt4 {
margin-top: 4px !important;
}
.mt5 {
margin-top: 5px !important;
}
.mt6 {
margin-top: 6px !important;
}
.mt7 {
margin-top: 7px !important;
}
.mt8 {
margin-top: 8px !important;
}
.mt9 {
margin-top: 9px !important;
}
.mt10 {
margin-top: 10px !important;
}
.mt11 {
margin-top: 11px !important;
}
.mt12 {
margin-top: 12px !important;
}
.mt13 {
margin-top: 13px !important;
}
.mt14 {
margin-top: 14px !important;
}
.mt15 {
margin-top: 15px !important;
}
.mt16 {
margin-top: 16px !important;
}
.mt17 {
margin-top: 17px !important;
}
.mt18 {
margin-top: 18px !important;
}
.mt19 {
margin-top: 19px !important;
}
.mt20 {
margin-top: 20px !important;
}
.mt21 {
margin-top: 21px !important;
}
.mt22 {
margin-top: 22px !important;
}
.mt23 {
margin-top: 23px !important;
}
.mt24 {
margin-top: 24px !important;
}
.mt25 {
margin-top: 25px !important;
}
.mt26 {
margin-top: 26px !important;
}
.mt27 {
margin-top: 27px !important;
}
.mt28 {
margin-top: 28px !important;
}
.mt29 {
margin-top: 29px !important;
}
.mt30 {
margin-top: 30px !important;
}
.mt31 {
margin-top: 31px !important;
}
.mt32 {
margin-top: 32px !important;
}
.mt33 {
margin-top: 33px !important;
}
.mt34 {
margin-top: 34px !important;
}
.mt35 {
margin-top: 35px !important;
}
.mt36 {
margin-top: 36px !important;
}
.mt37 {
margin-top: 37px !important;
}
.mt38 {
margin-top: 38px !important;
}
.mt39 {
margin-top: 39px !important;
}
.mt40 {
margin-top: 40px !important;
}
.mt41 {
margin-top: 41px !important;
}
.mt42 {
margin-top: 42px !important;
}
.mt43 {
margin-top: 43px !important;
}
.mt44 {
margin-top: 44px !important;
}
.mt45 {
margin-top: 45px !important;
}
.mt46 {
margin-top: 46px !important;
}
.mt47 {
margin-top: 47px !important;
}
.mt48 {
margin-top: 48px !important;
}
.mt49 {
margin-top: 49px !important;
}
.mt50 {
margin-top: 50px !important;
}
.mt51 {
margin-top: 51px !important;
}
.mt52 {
margin-top: 52px !important;
}
.mt53 {
margin-top: 53px !important;
}
.mt54 {
margin-top: 54px !important;
}
.mt55 {
margin-top: 55px !important;
}
.mt56 {
margin-top: 56px !important;
}
.mt57 {
margin-top: 57px !important;
}
.mt58 {
margin-top: 58px !important;
}
.mt59 {
margin-top: 59px !important;
}
.mt60 {
margin-top: 60px !important;
}
.mt61 {
margin-top: 61px !important;
}
.mt62 {
margin-top: 62px !important;
}
.mt63 {
margin-top: 63px !important;
}
.mt64 {
margin-top: 64px !important;
}
.mt65 {
margin-top: 65px !important;
}
.mt66 {
margin-top: 66px !important;
}
.mt67 {
margin-top: 67px !important;
}
.mt68 {
margin-top: 68px !important;
}
.mt69 {
margin-top: 69px !important;
}
.mt70 {
margin-top: 70px !important;
}
.mt71 {
margin-top: 71px !important;
}
.mt72 {
margin-top: 72px !important;
}
.mt73 {
margin-top: 73px !important;
}
.mt74 {
margin-top: 74px !important;
}
.mt75 {
margin-top: 75px !important;
}
.mt76 {
margin-top: 76px !important;
}
.mt77 {
margin-top: 77px !important;
}
.mt78 {
margin-top: 78px !important;
}
.mt79 {
margin-top: 79px !important;
}
.mt80 {
margin-top: 80px !important;
}
.mb0 {
margin-bottom: 0px !important;
}
.mb1 {
margin-bottom: 1px !important;
}
.mb2 {
margin-bottom: 2px !important;
}
.mb3 {
margin-bottom: 3px !important;
}
.mb4 {
margin-bottom: 4px !important;
}
.mb5 {
margin-bottom: 5px !important;
}
.mb6 {
margin-bottom: 6px !important;
}
.mb7 {
margin-bottom: 7px !important;
}
.mb8 {
margin-bottom: 8px !important;
}
.mb9 {
margin-bottom: 9px !important;
}
.mb10 {
margin-bottom: 10px !important;
}
.mb11 {
margin-bottom: 11px !important;
}
.mb12 {
margin-bottom: 12px !important;
}
.mb13 {
margin-bottom: 13px !important;
}
.mb14 {
margin-bottom: 14px !important;
}
.mb15 {
margin-bottom: 15px !important;
}
.mb16 {
margin-bottom: 16px !important;
}
.mb17 {
margin-bottom: 17px !important;
}
.mb18 {
margin-bottom: 18px !important;
}
.mb19 {
margin-bottom: 19px !important;
}
.mb20 {
margin-bottom: 20px !important;
}
.mb21 {
margin-bottom: 21px !important;
}
.mb22 {
margin-bottom: 22px !important;
}
.mb23 {
margin-bottom: 23px !important;
}
.mb24 {
margin-bottom: 24px !important;
}
.mb25 {
margin-bottom: 25px !important;
}
.mb26 {
margin-bottom: 26px !important;
}
.mb27 {
margin-bottom: 27px !important;
}
.mb28 {
margin-bottom: 28px !important;
}
.mb29 {
margin-bottom: 29px !important;
}
.mb30 {
margin-bottom: 30px !important;
}
.mb31 {
margin-bottom: 31px !important;
}
.mb32 {
margin-bottom: 32px !important;
}
.mb33 {
margin-bottom: 33px !important;
}
.mb34 {
margin-bottom: 34px !important;
}
.mb35 {
margin-bottom: 35px !important;
}
.mb36 {
margin-bottom: 36px !important;
}
.mb37 {
margin-bottom: 37px !important;
}
.mb38 {
margin-bottom: 38px !important;
}
.mb39 {
margin-bottom: 39px !important;
}
.mb40 {
margin-bottom: 40px !important;
}
.mb41 {
margin-bottom: 41px !important;
}
.mb42 {
margin-bottom: 42px !important;
}
.mb43 {
margin-bottom: 43px !important;
}
.mb44 {
margin-bottom: 44px !important;
}
.mb45 {
margin-bottom: 45px !important;
}
.mb46 {
margin-bottom: 46px !important;
}
.mb47 {
margin-bottom: 47px !important;
}
.mb48 {
margin-bottom: 48px !important;
}
.mb49 {
margin-bottom: 49px !important;
}
.mb50 {
margin-bottom: 50px !important;
}
.mb51 {
margin-bottom: 51px !important;
}
.mb52 {
margin-bottom: 52px !important;
}
.mb53 {
margin-bottom: 53px !important;
}
.mb54 {
margin-bottom: 54px !important;
}
.mb55 {
margin-bottom: 55px !important;
}
.mb56 {
margin-bottom: 56px !important;
}
.mb57 {
margin-bottom: 57px !important;
}
.mb58 {
margin-bottom: 58px !important;
}
.mb59 {
margin-bottom: 59px !important;
}
.mb60 {
margin-bottom: 60px !important;
}
.mb61 {
margin-bottom: 61px !important;
}
.mb62 {
margin-bottom: 62px !important;
}
.mb63 {
margin-bottom: 63px !important;
}
.mb64 {
margin-bottom: 64px !important;
}
.mb65 {
margin-bottom: 65px !important;
}
.mb66 {
margin-bottom: 66px !important;
}
.mb67 {
margin-bottom: 67px !important;
}
.mb68 {
margin-bottom: 68px !important;
}
.mb69 {
margin-bottom: 69px !important;
}
.mb70 {
margin-bottom: 70px !important;
}
.mb71 {
margin-bottom: 71px !important;
}
.mb72 {
margin-bottom: 72px !important;
}
.mb73 {
margin-bottom: 73px !important;
}
.mb74 {
margin-bottom: 74px !important;
}
.mb75 {
margin-bottom: 75px !important;
}
.mb76 {
margin-bottom: 76px !important;
}
.mb77 {
margin-bottom: 77px !important;
}
.mb78 {
margin-bottom: 78px !important;
}
.mb79 {
margin-bottom: 79px !important;
}
.mb80 {
margin-bottom: 80px !important;
}
.pt0 {
padding-top: 0px !important;
}
.pt1 {
padding-top: 1px !important;
}
.pt2 {
padding-top: 2px !important;
}
.pt3 {
padding-top: 3px !important;
}
.pt4 {
padding-top: 4px !important;
}
.pt5 {
padding-top: 5px !important;
}
.pt6 {
padding-top: 6px !important;
}
.pt7 {
padding-top: 7px !important;
}
.pt8 {
padding-top: 8px !important;
}
.pt9 {
padding-top: 9px !important;
}
.pt10 {
padding-top: 10px !important;
}
.pt11 {
padding-top: 11px !important;
}
.pt12 {
padding-top: 12px !important;
}
.pt13 {
padding-top: 13px !important;
}
.pt14 {
padding-top: 14px !important;
}
.pt15 {
padding-top: 15px !important;
}
.pt16 {
padding-top: 16px !important;
}
.pt17 {
padding-top: 17px !important;
}
.pt18 {
padding-top: 18px !important;
}
.pt19 {
padding-top: 19px !important;
}
.pt20 {
padding-top: 20px !important;
}
.pt21 {
padding-top: 21px !important;
}
.pt22 {
padding-top: 22px !important;
}
.pt23 {
padding-top: 23px !important;
}
.pt24 {
padding-top: 24px !important;
}
.pt25 {
padding-top: 25px !important;
}
.pt26 {
padding-top: 26px !important;
}
.pt27 {
padding-top: 27px !important;
}
.pt28 {
padding-top: 28px !important;
}
.pt29 {
padding-top: 29px !important;
}
.pt30 {
padding-top: 30px !important;
}
.pt31 {
padding-top: 31px !important;
}
.pt32 {
padding-top: 32px !important;
}
.pt33 {
padding-top: 33px !important;
}
.pt34 {
padding-top: 34px !important;
}
.pt35 {
padding-top: 35px !important;
}
.pt36 {
padding-top: 36px !important;
}
.pt37 {
padding-top: 37px !important;
}
.pt38 {
padding-top: 38px !important;
}
.pt39 {
padding-top: 39px !important;
}
.pt40 {
padding-top: 40px !important;
}
.pt41 {
padding-top: 41px !important;
}
.pt42 {
padding-top: 42px !important;
}
.pt43 {
padding-top: 43px !important;
}
.pt44 {
padding-top: 44px !important;
}
.pt45 {
padding-top: 45px !important;
}
.pt46 {
padding-top: 46px !important;
}
.pt47 {
padding-top: 47px !important;
}
.pt48 {
padding-top: 48px !important;
}
.pt49 {
padding-top: 49px !important;
}
.pt50 {
padding-top: 50px !important;
}
.pt51 {
padding-top: 51px !important;
}
.pt52 {
padding-top: 52px !important;
}
.pt53 {
padding-top: 53px !important;
}
.pt54 {
padding-top: 54px !important;
}
.pt55 {
padding-top: 55px !important;
}
.pt56 {
padding-top: 56px !important;
}
.pt57 {
padding-top: 57px !important;
}
.pt58 {
padding-top: 58px !important;
}
.pt59 {
padding-top: 59px !important;
}
.pt60 {
padding-top: 60px !important;
}
.pt61 {
padding-top: 61px !important;
}
.pt62 {
padding-top: 62px !important;
}
.pt63 {
padding-top: 63px !important;
}
.pt64 {
padding-top: 64px !important;
}
.pt65 {
padding-top: 65px !important;
}
.pt66 {
padding-top: 66px !important;
}
.pt67 {
padding-top: 67px !important;
}
.pt68 {
padding-top: 68px !important;
}
.pt69 {
padding-top: 69px !important;
}
.pt70 {
padding-top: 70px !important;
}
.pt71 {
padding-top: 71px !important;
}
.pt72 {
padding-top: 72px !important;
}
.pt73 {
padding-top: 73px !important;
}
.pt74 {
padding-top: 74px !important;
}
.pt75 {
padding-top: 75px !important;
}
.pt76 {
padding-top: 76px !important;
}
.pt77 {
padding-top: 77px !important;
}
.pt78 {
padding-top: 78px !important;
}
.pt79 {
padding-top: 79px !important;
}
.pt80 {
padding-top: 80px !important;
}
.pb0 {
padding-bottom: 0px !important;
}
.pb1 {
padding-bottom: 1px !important;
}
.pb2 {
padding-bottom: 2px !important;
}
.pb3 {
padding-bottom: 3px !important;
}
.pb4 {
padding-bottom: 4px !important;
}
.pb5 {
padding-bottom: 5px !important;
}
.pb6 {
padding-bottom: 6px !important;
}
.pb7 {
padding-bottom: 7px !important;
}
.pb8 {
padding-bottom: 8px !important;
}
.pb9 {
padding-bottom: 9px !important;
}
.pb10 {
padding-bottom: 10px !important;
}
.pb11 {
padding-bottom: 11px !important;
}
.pb12 {
padding-bottom: 12px !important;
}
.pb13 {
padding-bottom: 13px !important;
}
.pb14 {
padding-bottom: 14px !important;
}
.pb15 {
padding-bottom: 15px !important;
}
.pb16 {
padding-bottom: 16px !important;
}
.pb17 {
padding-bottom: 17px !important;
}
.pb18 {
padding-bottom: 18px !important;
}
.pb19 {
padding-bottom: 19px !important;
}
.pb20 {
padding-bottom: 20px !important;
}
.pb21 {
padding-bottom: 21px !important;
}
.pb22 {
padding-bottom: 22px !important;
}
.pb23 {
padding-bottom: 23px !important;
}
.pb24 {
padding-bottom: 24px !important;
}
.pb25 {
padding-bottom: 25px !important;
}
.pb26 {
padding-bottom: 26px !important;
}
.pb27 {
padding-bottom: 27px !important;
}
.pb28 {
padding-bottom: 28px !important;
}
.pb29 {
padding-bottom: 29px !important;
}
.pb30 {
padding-bottom: 30px !important;
}
.pb31 {
padding-bottom: 31px !important;
}
.pb32 {
padding-bottom: 32px !important;
}
.pb33 {
padding-bottom: 33px !important;
}
.pb34 {
padding-bottom: 34px !important;
}
.pb35 {
padding-bottom: 35px !important;
}
.pb36 {
padding-bottom: 36px !important;
}
.pb37 {
padding-bottom: 37px !important;
}
.pb38 {
padding-bottom: 38px !important;
}
.pb39 {
padding-bottom: 39px !important;
}
.pb40 {
padding-bottom: 40px !important;
}
.pb41 {
padding-bottom: 41px !important;
}
.pb42 {
padding-bottom: 42px !important;
}
.pb43 {
padding-bottom: 43px !important;
}
.pb44 {
padding-bottom: 44px !important;
}
.pb45 {
padding-bottom: 45px !important;
}
.pb46 {
padding-bottom: 46px !important;
}
.pb47 {
padding-bottom: 47px !important;
}
.pb48 {
padding-bottom: 48px !important;
}
.pb49 {
padding-bottom: 49px !important;
}
.pb50 {
padding-bottom: 50px !important;
}
.pb51 {
padding-bottom: 51px !important;
}
.pb52 {
padding-bottom: 52px !important;
}
.pb53 {
padding-bottom: 53px !important;
}
.pb54 {
padding-bottom: 54px !important;
}
.pb55 {
padding-bottom: 55px !important;
}
.pb56 {
padding-bottom: 56px !important;
}
.pb57 {
padding-bottom: 57px !important;
}
.pb58 {
padding-bottom: 58px !important;
}
.pb59 {
padding-bottom: 59px !important;
}
.pb60 {
padding-bottom: 60px !important;
}
.pb61 {
padding-bottom: 61px !important;
}
.pb62 {
padding-bottom: 62px !important;
}
.pb63 {
padding-bottom: 63px !important;
}
.pb64 {
padding-bottom: 64px !important;
}
.pb65 {
padding-bottom: 65px !important;
}
.pb66 {
padding-bottom: 66px !important;
}
.pb67 {
padding-bottom: 67px !important;
}
.pb68 {
padding-bottom: 68px !important;
}
.pb69 {
padding-bottom: 69px !important;
}
.pb70 {
padding-bottom: 70px !important;
}
.pb71 {
padding-bottom: 71px !important;
}
.pb72 {
padding-bottom: 72px !important;
}
.pb73 {
padding-bottom: 73px !important;
}
.pb74 {
padding-bottom: 74px !important;
}
.pb75 {
padding-bottom: 75px !important;
}
.pb76 {
padding-bottom: 76px !important;
}
.pb77 {
padding-bottom: 77px !important;
}
.pb78 {
padding-bottom: 78px !important;
}
.pb79 {
padding-bottom: 79px !important;
}
.pb80 {
padding-bottom: 80px !important;
}
@media screen and (max-width: 62.4375em) {
.mt-0--md {
margin-top: -0px !important;
}
.mt-1--md {
margin-top: -1px !important;
}
.mt-2--md {
margin-top: -2px !important;
}
.mt-3--md {
margin-top: -3px !important;
}
.mt-4--md {
margin-top: -4px !important;
}
.mt-5--md {
margin-top: -5px !important;
}
.mt-6--md {
margin-top: -6px !important;
}
.mt-7--md {
margin-top: -7px !important;
}
.mt-8--md {
margin-top: -8px !important;
}
.mt-9--md {
margin-top: -9px !important;
}
.mt-10--md {
margin-top: -10px !important;
}
.mt-11--md {
margin-top: -11px !important;
}
.mt-12--md {
margin-top: -12px !important;
}
.mt-13--md {
margin-top: -13px !important;
}
.mt-14--md {
margin-top: -14px !important;
}
.mt-15--md {
margin-top: -15px !important;
}
.mt-16--md {
margin-top: -16px !important;
}
.mt-17--md {
margin-top: -17px !important;
}
.mt-18--md {
margin-top: -18px !important;
}
.mt-19--md {
margin-top: -19px !important;
}
.mt-20--md {
margin-top: -20px !important;
}
.mt-21--md {
margin-top: -21px !important;
}
.mt-22--md {
margin-top: -22px !important;
}
.mt-23--md {
margin-top: -23px !important;
}
.mt-24--md {
margin-top: -24px !important;
}
.mt-25--md {
margin-top: -25px !important;
}
.mt-26--md {
margin-top: -26px !important;
}
.mt-27--md {
margin-top: -27px !important;
}
.mt-28--md {
margin-top: -28px !important;
}
.mt-29--md {
margin-top: -29px !important;
}
.mt-30--md {
margin-top: -30px !important;
}
.mt-31--md {
margin-top: -31px !important;
}
.mt-32--md {
margin-top: -32px !important;
}
.mt-33--md {
margin-top: -33px !important;
}
.mt-34--md {
margin-top: -34px !important;
}
.mt-35--md {
margin-top: -35px !important;
}
.mt-36--md {
margin-top: -36px !important;
}
.mt-37--md {
margin-top: -37px !important;
}
.mt-38--md {
margin-top: -38px !important;
}
.mt-39--md {
margin-top: -39px !important;
}
.mt-40--md {
margin-top: -40px !important;
}
.mt-41--md {
margin-top: -41px !important;
}
.mt-42--md {
margin-top: -42px !important;
}
.mt-43--md {
margin-top: -43px !important;
}
.mt-44--md {
margin-top: -44px !important;
}
.mt-45--md {
margin-top: -45px !important;
}
.mt-46--md {
margin-top: -46px !important;
}
.mt-47--md {
margin-top: -47px !important;
}
.mt-48--md {
margin-top: -48px !important;
}
.mt-49--md {
margin-top: -49px !important;
}
.mt-50--md {
margin-top: -50px !important;
}
.mt-51--md {
margin-top: -51px !important;
}
.mt-52--md {
margin-top: -52px !important;
}
.mt-53--md {
margin-top: -53px !important;
}
.mt-54--md {
margin-top: -54px !important;
}
.mt-55--md {
margin-top: -55px !important;
}
.mt-56--md {
margin-top: -56px !important;
}
.mt-57--md {
margin-top: -57px !important;
}
.mt-58--md {
margin-top: -58px !important;
}
.mt-59--md {
margin-top: -59px !important;
}
.mt-60--md {
margin-top: -60px !important;
}
.mt-61--md {
margin-top: -61px !important;
}
.mt-62--md {
margin-top: -62px !important;
}
.mt-63--md {
margin-top: -63px !important;
}
.mt-64--md {
margin-top: -64px !important;
}
.mt-65--md {
margin-top: -65px !important;
}
.mt-66--md {
margin-top: -66px !important;
}
.mt-67--md {
margin-top: -67px !important;
}
.mt-68--md {
margin-top: -68px !important;
}
.mt-69--md {
margin-top: -69px !important;
}
.mt-70--md {
margin-top: -70px !important;
}
.mt-71--md {
margin-top: -71px !important;
}
.mt-72--md {
margin-top: -72px !important;
}
.mt-73--md {
margin-top: -73px !important;
}
.mt-74--md {
margin-top: -74px !important;
}
.mt-75--md {
margin-top: -75px !important;
}
.mt-76--md {
margin-top: -76px !important;
}
.mt-77--md {
margin-top: -77px !important;
}
.mt-78--md {
margin-top: -78px !important;
}
.mt-79--md {
margin-top: -79px !important;
}
.mt-80--md {
margin-top: -80px !important;
}
.mb-0--md {
margin-bottom: -0px !important;
}
.mb-1--md {
margin-bottom: -1px !important;
}
.mb-2--md {
margin-bottom: -2px !important;
}
.mb-3--md {
margin-bottom: -3px !important;
}
.mb-4--md {
margin-bottom: -4px !important;
}
.mb-5--md {
margin-bottom: -5px !important;
}
.mb-6--md {
margin-bottom: -6px !important;
}
.mb-7--md {
margin-bottom: -7px !important;
}
.mb-8--md {
margin-bottom: -8px !important;
}
.mb-9--md {
margin-bottom: -9px !important;
}
.mb-10--md {
margin-bottom: -10px !important;
}
.mb-11--md {
margin-bottom: -11px !important;
}
.mb-12--md {
margin-bottom: -12px !important;
}
.mb-13--md {
margin-bottom: -13px !important;
}
.mb-14--md {
margin-bottom: -14px !important;
}
.mb-15--md {
margin-bottom: -15px !important;
}
.mb-16--md {
margin-bottom: -16px !important;
}
.mb-17--md {
margin-bottom: -17px !important;
}
.mb-18--md {
margin-bottom: -18px !important;
}
.mb-19--md {
margin-bottom: -19px !important;
}
.mb-20--md {
margin-bottom: -20px !important;
}
.mb-21--md {
margin-bottom: -21px !important;
}
.mb-22--md {
margin-bottom: -22px !important;
}
.mb-23--md {
margin-bottom: -23px !important;
}
.mb-24--md {
margin-bottom: -24px !important;
}
.mb-25--md {
margin-bottom: -25px !important;
}
.mb-26--md {
margin-bottom: -26px !important;
}
.mb-27--md {
margin-bottom: -27px !important;
}
.mb-28--md {
margin-bottom: -28px !important;
}
.mb-29--md {
margin-bottom: -29px !important;
}
.mb-30--md {
margin-bottom: -30px !important;
}
.mb-31--md {
margin-bottom: -31px !important;
}
.mb-32--md {
margin-bottom: -32px !important;
}
.mb-33--md {
margin-bottom: -33px !important;
}
.mb-34--md {
margin-bottom: -34px !important;
}
.mb-35--md {
margin-bottom: -35px !important;
}
.mb-36--md {
margin-bottom: -36px !important;
}
.mb-37--md {
margin-bottom: -37px !important;
}
.mb-38--md {
margin-bottom: -38px !important;
}
.mb-39--md {
margin-bottom: -39px !important;
}
.mb-40--md {
margin-bottom: -40px !important;
}
.mb-41--md {
margin-bottom: -41px !important;
}
.mb-42--md {
margin-bottom: -42px !important;
}
.mb-43--md {
margin-bottom: -43px !important;
}
.mb-44--md {
margin-bottom: -44px !important;
}
.mb-45--md {
margin-bottom: -45px !important;
}
.mb-46--md {
margin-bottom: -46px !important;
}
.mb-47--md {
margin-bottom: -47px !important;
}
.mb-48--md {
margin-bottom: -48px !important;
}
.mb-49--md {
margin-bottom: -49px !important;
}
.mb-50--md {
margin-bottom: -50px !important;
}
.mb-51--md {
margin-bottom: -51px !important;
}
.mb-52--md {
margin-bottom: -52px !important;
}
.mb-53--md {
margin-bottom: -53px !important;
}
.mb-54--md {
margin-bottom: -54px !important;
}
.mb-55--md {
margin-bottom: -55px !important;
}
.mb-56--md {
margin-bottom: -56px !important;
}
.mb-57--md {
margin-bottom: -57px !important;
}
.mb-58--md {
margin-bottom: -58px !important;
}
.mb-59--md {
margin-bottom: -59px !important;
}
.mb-60--md {
margin-bottom: -60px !important;
}
.mb-61--md {
margin-bottom: -61px !important;
}
.mb-62--md {
margin-bottom: -62px !important;
}
.mb-63--md {
margin-bottom: -63px !important;
}
.mb-64--md {
margin-bottom: -64px !important;
}
.mb-65--md {
margin-bottom: -65px !important;
}
.mb-66--md {
margin-bottom: -66px !important;
}
.mb-67--md {
margin-bottom: -67px !important;
}
.mb-68--md {
margin-bottom: -68px !important;
}
.mb-69--md {
margin-bottom: -69px !important;
}
.mb-70--md {
margin-bottom: -70px !important;
}
.mb-71--md {
margin-bottom: -71px !important;
}
.mb-72--md {
margin-bottom: -72px !important;
}
.mb-73--md {
margin-bottom: -73px !important;
}
.mb-74--md {
margin-bottom: -74px !important;
}
.mb-75--md {
margin-bottom: -75px !important;
}
.mb-76--md {
margin-bottom: -76px !important;
}
.mb-77--md {
margin-bottom: -77px !important;
}
.mb-78--md {
margin-bottom: -78px !important;
}
.mb-79--md {
margin-bottom: -79px !important;
}
.mb-80--md {
margin-bottom: -80px !important;
}
.mt0--md {
margin-top: 0px !important;
}
.mt1--md {
margin-top: 1px !important;
}
.mt2--md {
margin-top: 2px !important;
}
.mt3--md {
margin-top: 3px !important;
}
.mt4--md {
margin-top: 4px !important;
}
.mt5--md {
margin-top: 5px !important;
}
.mt6--md {
margin-top: 6px !important;
}
.mt7--md {
margin-top: 7px !important;
}
.mt8--md {
margin-top: 8px !important;
}
.mt9--md {
margin-top: 9px !important;
}
.mt10--md {
margin-top: 10px !important;
}
.mt11--md {
margin-top: 11px !important;
}
.mt12--md {
margin-top: 12px !important;
}
.mt13--md {
margin-top: 13px !important;
}
.mt14--md {
margin-top: 14px !important;
}
.mt15--md {
margin-top: 15px !important;
}
.mt16--md {
margin-top: 16px !important;
}
.mt17--md {
margin-top: 17px !important;
}
.mt18--md {
margin-top: 18px !important;
}
.mt19--md {
margin-top: 19px !important;
}
.mt20--md {
margin-top: 20px !important;
}
.mt21--md {
margin-top: 21px !important;
}
.mt22--md {
margin-top: 22px !important;
}
.mt23--md {
margin-top: 23px !important;
}
.mt24--md {
margin-top: 24px !important;
}
.mt25--md {
margin-top: 25px !important;
}
.mt26--md {
margin-top: 26px !important;
}
.mt27--md {
margin-top: 27px !important;
}
.mt28--md {
margin-top: 28px !important;
}
.mt29--md {
margin-top: 29px !important;
}
.mt30--md {
margin-top: 30px !important;
}
.mt31--md {
margin-top: 31px !important;
}
.mt32--md {
margin-top: 32px !important;
}
.mt33--md {
margin-top: 33px !important;
}
.mt34--md {
margin-top: 34px !important;
}
.mt35--md {
margin-top: 35px !important;
}
.mt36--md {
margin-top: 36px !important;
}
.mt37--md {
margin-top: 37px !important;
}
.mt38--md {
margin-top: 38px !important;
}
.mt39--md {
margin-top: 39px !important;
}
.mt40--md {
margin-top: 40px !important;
}
.mt41--md {
margin-top: 41px !important;
}
.mt42--md {
margin-top: 42px !important;
}
.mt43--md {
margin-top: 43px !important;
}
.mt44--md {
margin-top: 44px !important;
}
.mt45--md {
margin-top: 45px !important;
}
.mt46--md {
margin-top: 46px !important;
}
.mt47--md {
margin-top: 47px !important;
}
.mt48--md {
margin-top: 48px !important;
}
.mt49--md {
margin-top: 49px !important;
}
.mt50--md {
margin-top: 50px !important;
}
.mt51--md {
margin-top: 51px !important;
}
.mt52--md {
margin-top: 52px !important;
}
.mt53--md {
margin-top: 53px !important;
}
.mt54--md {
margin-top: 54px !important;
}
.mt55--md {
margin-top: 55px !important;
}
.mt56--md {
margin-top: 56px !important;
}
.mt57--md {
margin-top: 57px !important;
}
.mt58--md {
margin-top: 58px !important;
}
.mt59--md {
margin-top: 59px !important;
}
.mt60--md {
margin-top: 60px !important;
}
.mt61--md {
margin-top: 61px !important;
}
.mt62--md {
margin-top: 62px !important;
}
.mt63--md {
margin-top: 63px !important;
}
.mt64--md {
margin-top: 64px !important;
}
.mt65--md {
margin-top: 65px !important;
}
.mt66--md {
margin-top: 66px !important;
}
.mt67--md {
margin-top: 67px !important;
}
.mt68--md {
margin-top: 68px !important;
}
.mt69--md {
margin-top: 69px !important;
}
.mt70--md {
margin-top: 70px !important;
}
.mt71--md {
margin-top: 71px !important;
}
.mt72--md {
margin-top: 72px !important;
}
.mt73--md {
margin-top: 73px !important;
}
.mt74--md {
margin-top: 74px !important;
}
.mt75--md {
margin-top: 75px !important;
}
.mt76--md {
margin-top: 76px !important;
}
.mt77--md {
margin-top: 77px !important;
}
.mt78--md {
margin-top: 78px !important;
}
.mt79--md {
margin-top: 79px !important;
}
.mt80--md {
margin-top: 80px !important;
}
.mb0--md {
margin-bottom: 0px !important;
}
.mb1--md {
margin-bottom: 1px !important;
}
.mb2--md {
margin-bottom: 2px !important;
}
.mb3--md {
margin-bottom: 3px !important;
}
.mb4--md {
margin-bottom: 4px !important;
}
.mb5--md {
margin-bottom: 5px !important;
}
.mb6--md {
margin-bottom: 6px !important;
}
.mb7--md {
margin-bottom: 7px !important;
}
.mb8--md {
margin-bottom: 8px !important;
}
.mb9--md {
margin-bottom: 9px !important;
}
.mb10--md {
margin-bottom: 10px !important;
}
.mb11--md {
margin-bottom: 11px !important;
}
.mb12--md {
margin-bottom: 12px !important;
}
.mb13--md {
margin-bottom: 13px !important;
}
.mb14--md {
margin-bottom: 14px !important;
}
.mb15--md {
margin-bottom: 15px !important;
}
.mb16--md {
margin-bottom: 16px !important;
}
.mb17--md {
margin-bottom: 17px !important;
}
.mb18--md {
margin-bottom: 18px !important;
}
.mb19--md {
margin-bottom: 19px !important;
}
.mb20--md {
margin-bottom: 20px !important;
}
.mb21--md {
margin-bottom: 21px !important;
}
.mb22--md {
margin-bottom: 22px !important;
}
.mb23--md {
margin-bottom: 23px !important;
}
.mb24--md {
margin-bottom: 24px !important;
}
.mb25--md {
margin-bottom: 25px !important;
}
.mb26--md {
margin-bottom: 26px !important;
}
.mb27--md {
margin-bottom: 27px !important;
}
.mb28--md {
margin-bottom: 28px !important;
}
.mb29--md {
margin-bottom: 29px !important;
}
.mb30--md {
margin-bottom: 30px !important;
}
.mb31--md {
margin-bottom: 31px !important;
}
.mb32--md {
margin-bottom: 32px !important;
}
.mb33--md {
margin-bottom: 33px !important;
}
.mb34--md {
margin-bottom: 34px !important;
}
.mb35--md {
margin-bottom: 35px !important;
}
.mb36--md {
margin-bottom: 36px !important;
}
.mb37--md {
margin-bottom: 37px !important;
}
.mb38--md {
margin-bottom: 38px !important;
}
.mb39--md {
margin-bottom: 39px !important;
}
.mb40--md {
margin-bottom: 40px !important;
}
.mb41--md {
margin-bottom: 41px !important;
}
.mb42--md {
margin-bottom: 42px !important;
}
.mb43--md {
margin-bottom: 43px !important;
}
.mb44--md {
margin-bottom: 44px !important;
}
.mb45--md {
margin-bottom: 45px !important;
}
.mb46--md {
margin-bottom: 46px !important;
}
.mb47--md {
margin-bottom: 47px !important;
}
.mb48--md {
margin-bottom: 48px !important;
}
.mb49--md {
margin-bottom: 49px !important;
}
.mb50--md {
margin-bottom: 50px !important;
}
.mb51--md {
margin-bottom: 51px !important;
}
.mb52--md {
margin-bottom: 52px !important;
}
.mb53--md {
margin-bottom: 53px !important;
}
.mb54--md {
margin-bottom: 54px !important;
}
.mb55--md {
margin-bottom: 55px !important;
}
.mb56--md {
margin-bottom: 56px !important;
}
.mb57--md {
margin-bottom: 57px !important;
}
.mb58--md {
margin-bottom: 58px !important;
}
.mb59--md {
margin-bottom: 59px !important;
}
.mb60--md {
margin-bottom: 60px !important;
}
.mb61--md {
margin-bottom: 61px !important;
}
.mb62--md {
margin-bottom: 62px !important;
}
.mb63--md {
margin-bottom: 63px !important;
}
.mb64--md {
margin-bottom: 64px !important;
}
.mb65--md {
margin-bottom: 65px !important;
}
.mb66--md {
margin-bottom: 66px !important;
}
.mb67--md {
margin-bottom: 67px !important;
}
.mb68--md {
margin-bottom: 68px !important;
}
.mb69--md {
margin-bottom: 69px !important;
}
.mb70--md {
margin-bottom: 70px !important;
}
.mb71--md {
margin-bottom: 71px !important;
}
.mb72--md {
margin-bottom: 72px !important;
}
.mb73--md {
margin-bottom: 73px !important;
}
.mb74--md {
margin-bottom: 74px !important;
}
.mb75--md {
margin-bottom: 75px !important;
}
.mb76--md {
margin-bottom: 76px !important;
}
.mb77--md {
margin-bottom: 77px !important;
}
.mb78--md {
margin-bottom: 78px !important;
}
.mb79--md {
margin-bottom: 79px !important;
}
.mb80--md {
margin-bottom: 80px !important;
}
.pt0--md {
padding-top: 0px !important;
}
.pt1--md {
padding-top: 1px !important;
}
.pt2--md {
padding-top: 2px !important;
}
.pt3--md {
padding-top: 3px !important;
}
.pt4--md {
padding-top: 4px !important;
}
.pt5--md {
padding-top: 5px !important;
}
.pt6--md {
padding-top: 6px !important;
}
.pt7--md {
padding-top: 7px !important;
}
.pt8--md {
padding-top: 8px !important;
}
.pt9--md {
padding-top: 9px !important;
}
.pt10--md {
padding-top: 10px !important;
}
.pt11--md {
padding-top: 11px !important;
}
.pt12--md {
padding-top: 12px !important;
}
.pt13--md {
padding-top: 13px !important;
}
.pt14--md {
padding-top: 14px !important;
}
.pt15--md {
padding-top: 15px !important;
}
.pt16--md {
padding-top: 16px !important;
}
.pt17--md {
padding-top: 17px !important;
}
.pt18--md {
padding-top: 18px !important;
}
.pt19--md {
padding-top: 19px !important;
}
.pt20--md {
padding-top: 20px !important;
}
.pt21--md {
padding-top: 21px !important;
}
.pt22--md {
padding-top: 22px !important;
}
.pt23--md {
padding-top: 23px !important;
}
.pt24--md {
padding-top: 24px !important;
}
.pt25--md {
padding-top: 25px !important;
}
.pt26--md {
padding-top: 26px !important;
}
.pt27--md {
padding-top: 27px !important;
}
.pt28--md {
padding-top: 28px !important;
}
.pt29--md {
padding-top: 29px !important;
}
.pt30--md {
padding-top: 30px !important;
}
.pt31--md {
padding-top: 31px !important;
}
.pt32--md {
padding-top: 32px !important;
}
.pt33--md {
padding-top: 33px !important;
}
.pt34--md {
padding-top: 34px !important;
}
.pt35--md {
padding-top: 35px !important;
}
.pt36--md {
padding-top: 36px !important;
}
.pt37--md {
padding-top: 37px !important;
}
.pt38--md {
padding-top: 38px !important;
}
.pt39--md {
padding-top: 39px !important;
}
.pt40--md {
padding-top: 40px !important;
}
.pt41--md {
padding-top: 41px !important;
}
.pt42--md {
padding-top: 42px !important;
}
.pt43--md {
padding-top: 43px !important;
}
.pt44--md {
padding-top: 44px !important;
}
.pt45--md {
padding-top: 45px !important;
}
.pt46--md {
padding-top: 46px !important;
}
.pt47--md {
padding-top: 47px !important;
}
.pt48--md {
padding-top: 48px !important;
}
.pt49--md {
padding-top: 49px !important;
}
.pt50--md {
padding-top: 50px !important;
}
.pt51--md {
padding-top: 51px !important;
}
.pt52--md {
padding-top: 52px !important;
}
.pt53--md {
padding-top: 53px !important;
}
.pt54--md {
padding-top: 54px !important;
}
.pt55--md {
padding-top: 55px !important;
}
.pt56--md {
padding-top: 56px !important;
}
.pt57--md {
padding-top: 57px !important;
}
.pt58--md {
padding-top: 58px !important;
}
.pt59--md {
padding-top: 59px !important;
}
.pt60--md {
padding-top: 60px !important;
}
.pt61--md {
padding-top: 61px !important;
}
.pt62--md {
padding-top: 62px !important;
}
.pt63--md {
padding-top: 63px !important;
}
.pt64--md {
padding-top: 64px !important;
}
.pt65--md {
padding-top: 65px !important;
}
.pt66--md {
padding-top: 66px !important;
}
.pt67--md {
padding-top: 67px !important;
}
.pt68--md {
padding-top: 68px !important;
}
.pt69--md {
padding-top: 69px !important;
}
.pt70--md {
padding-top: 70px !important;
}
.pt71--md {
padding-top: 71px !important;
}
.pt72--md {
padding-top: 72px !important;
}
.pt73--md {
padding-top: 73px !important;
}
.pt74--md {
padding-top: 74px !important;
}
.pt75--md {
padding-top: 75px !important;
}
.pt76--md {
padding-top: 76px !important;
}
.pt77--md {
padding-top: 77px !important;
}
.pt78--md {
padding-top: 78px !important;
}
.pt79--md {
padding-top: 79px !important;
}
.pt80--md {
padding-top: 80px !important;
}
.pb0--md {
padding-bottom: 0px !important;
}
.pb1--md {
padding-bottom: 1px !important;
}
.pb2--md {
padding-bottom: 2px !important;
}
.pb3--md {
padding-bottom: 3px !important;
}
.pb4--md {
padding-bottom: 4px !important;
}
.pb5--md {
padding-bottom: 5px !important;
}
.pb6--md {
padding-bottom: 6px !important;
}
.pb7--md {
padding-bottom: 7px !important;
}
.pb8--md {
padding-bottom: 8px !important;
}
.pb9--md {
padding-bottom: 9px !important;
}
.pb10--md {
padding-bottom: 10px !important;
}
.pb11--md {
padding-bottom: 11px !important;
}
.pb12--md {
padding-bottom: 12px !important;
}
.pb13--md {
padding-bottom: 13px !important;
}
.pb14--md {
padding-bottom: 14px !important;
}
.pb15--md {
padding-bottom: 15px !important;
}
.pb16--md {
padding-bottom: 16px !important;
}
.pb17--md {
padding-bottom: 17px !important;
}
.pb18--md {
padding-bottom: 18px !important;
}
.pb19--md {
padding-bottom: 19px !important;
}
.pb20--md {
padding-bottom: 20px !important;
}
.pb21--md {
padding-bottom: 21px !important;
}
.pb22--md {
padding-bottom: 22px !important;
}
.pb23--md {
padding-bottom: 23px !important;
}
.pb24--md {
padding-bottom: 24px !important;
}
.pb25--md {
padding-bottom: 25px !important;
}
.pb26--md {
padding-bottom: 26px !important;
}
.pb27--md {
padding-bottom: 27px !important;
}
.pb28--md {
padding-bottom: 28px !important;
}
.pb29--md {
padding-bottom: 29px !important;
}
.pb30--md {
padding-bottom: 30px !important;
}
.pb31--md {
padding-bottom: 31px !important;
}
.pb32--md {
padding-bottom: 32px !important;
}
.pb33--md {
padding-bottom: 33px !important;
}
.pb34--md {
padding-bottom: 34px !important;
}
.pb35--md {
padding-bottom: 35px !important;
}
.pb36--md {
padding-bottom: 36px !important;
}
.pb37--md {
padding-bottom: 37px !important;
}
.pb38--md {
padding-bottom: 38px !important;
}
.pb39--md {
padding-bottom: 39px !important;
}
.pb40--md {
padding-bottom: 40px !important;
}
.pb41--md {
padding-bottom: 41px !important;
}
.pb42--md {
padding-bottom: 42px !important;
}
.pb43--md {
padding-bottom: 43px !important;
}
.pb44--md {
padding-bottom: 44px !important;
}
.pb45--md {
padding-bottom: 45px !important;
}
.pb46--md {
padding-bottom: 46px !important;
}
.pb47--md {
padding-bottom: 47px !important;
}
.pb48--md {
padding-bottom: 48px !important;
}
.pb49--md {
padding-bottom: 49px !important;
}
.pb50--md {
padding-bottom: 50px !important;
}
.pb51--md {
padding-bottom: 51px !important;
}
.pb52--md {
padding-bottom: 52px !important;
}
.pb53--md {
padding-bottom: 53px !important;
}
.pb54--md {
padding-bottom: 54px !important;
}
.pb55--md {
padding-bottom: 55px !important;
}
.pb56--md {
padding-bottom: 56px !important;
}
.pb57--md {
padding-bottom: 57px !important;
}
.pb58--md {
padding-bottom: 58px !important;
}
.pb59--md {
padding-bottom: 59px !important;
}
.pb60--md {
padding-bottom: 60px !important;
}
.pb61--md {
padding-bottom: 61px !important;
}
.pb62--md {
padding-bottom: 62px !important;
}
.pb63--md {
padding-bottom: 63px !important;
}
.pb64--md {
padding-bottom: 64px !important;
}
.pb65--md {
padding-bottom: 65px !important;
}
.pb66--md {
padding-bottom: 66px !important;
}
.pb67--md {
padding-bottom: 67px !important;
}
.pb68--md {
padding-bottom: 68px !important;
}
.pb69--md {
padding-bottom: 69px !important;
}
.pb70--md {
padding-bottom: 70px !important;
}
.pb71--md {
padding-bottom: 71px !important;
}
.pb72--md {
padding-bottom: 72px !important;
}
.pb73--md {
padding-bottom: 73px !important;
}
.pb74--md {
padding-bottom: 74px !important;
}
.pb75--md {
padding-bottom: 75px !important;
}
.pb76--md {
padding-bottom: 76px !important;
}
.pb77--md {
padding-bottom: 77px !important;
}
.pb78--md {
padding-bottom: 78px !important;
}
.pb79--md {
padding-bottom: 79px !important;
}
.pb80--md {
padding-bottom: 80px !important;
}
}
@media screen and (max-width: 46.1875em) {
.mt-0--sm {
margin-top: -0px !important;
}
.mt-1--sm {
margin-top: -1px !important;
}
.mt-2--sm {
margin-top: -2px !important;
}
.mt-3--sm {
margin-top: -3px !important;
}
.mt-4--sm {
margin-top: -4px !important;
}
.mt-5--sm {
margin-top: -5px !important;
}
.mt-6--sm {
margin-top: -6px !important;
}
.mt-7--sm {
margin-top: -7px !important;
}
.mt-8--sm {
margin-top: -8px !important;
}
.mt-9--sm {
margin-top: -9px !important;
}
.mt-10--sm {
margin-top: -10px !important;
}
.mt-11--sm {
margin-top: -11px !important;
}
.mt-12--sm {
margin-top: -12px !important;
}
.mt-13--sm {
margin-top: -13px !important;
}
.mt-14--sm {
margin-top: -14px !important;
}
.mt-15--sm {
margin-top: -15px !important;
}
.mt-16--sm {
margin-top: -16px !important;
}
.mt-17--sm {
margin-top: -17px !important;
}
.mt-18--sm {
margin-top: -18px !important;
}
.mt-19--sm {
margin-top: -19px !important;
}
.mt-20--sm {
margin-top: -20px !important;
}
.mt-21--sm {
margin-top: -21px !important;
}
.mt-22--sm {
margin-top: -22px !important;
}
.mt-23--sm {
margin-top: -23px !important;
}
.mt-24--sm {
margin-top: -24px !important;
}
.mt-25--sm {
margin-top: -25px !important;
}
.mt-26--sm {
margin-top: -26px !important;
}
.mt-27--sm {
margin-top: -27px !important;
}
.mt-28--sm {
margin-top: -28px !important;
}
.mt-29--sm {
margin-top: -29px !important;
}
.mt-30--sm {
margin-top: -30px !important;
}
.mt-31--sm {
margin-top: -31px !important;
}
.mt-32--sm {
margin-top: -32px !important;
}
.mt-33--sm {
margin-top: -33px !important;
}
.mt-34--sm {
margin-top: -34px !important;
}
.mt-35--sm {
margin-top: -35px !important;
}
.mt-36--sm {
margin-top: -36px !important;
}
.mt-37--sm {
margin-top: -37px !important;
}
.mt-38--sm {
margin-top: -38px !important;
}
.mt-39--sm {
margin-top: -39px !important;
}
.mt-40--sm {
margin-top: -40px !important;
}
.mt-41--sm {
margin-top: -41px !important;
}
.mt-42--sm {
margin-top: -42px !important;
}
.mt-43--sm {
margin-top: -43px !important;
}
.mt-44--sm {
margin-top: -44px !important;
}
.mt-45--sm {
margin-top: -45px !important;
}
.mt-46--sm {
margin-top: -46px !important;
}
.mt-47--sm {
margin-top: -47px !important;
}
.mt-48--sm {
margin-top: -48px !important;
}
.mt-49--sm {
margin-top: -49px !important;
}
.mt-50--sm {
margin-top: -50px !important;
}
.mt-51--sm {
margin-top: -51px !important;
}
.mt-52--sm {
margin-top: -52px !important;
}
.mt-53--sm {
margin-top: -53px !important;
}
.mt-54--sm {
margin-top: -54px !important;
}
.mt-55--sm {
margin-top: -55px !important;
}
.mt-56--sm {
margin-top: -56px !important;
}
.mt-57--sm {
margin-top: -57px !important;
}
.mt-58--sm {
margin-top: -58px !important;
}
.mt-59--sm {
margin-top: -59px !important;
}
.mt-60--sm {
margin-top: -60px !important;
}
.mt-61--sm {
margin-top: -61px !important;
}
.mt-62--sm {
margin-top: -62px !important;
}
.mt-63--sm {
margin-top: -63px !important;
}
.mt-64--sm {
margin-top: -64px !important;
}
.mt-65--sm {
margin-top: -65px !important;
}
.mt-66--sm {
margin-top: -66px !important;
}
.mt-67--sm {
margin-top: -67px !important;
}
.mt-68--sm {
margin-top: -68px !important;
}
.mt-69--sm {
margin-top: -69px !important;
}
.mt-70--sm {
margin-top: -70px !important;
}
.mt-71--sm {
margin-top: -71px !important;
}
.mt-72--sm {
margin-top: -72px !important;
}
.mt-73--sm {
margin-top: -73px !important;
}
.mt-74--sm {
margin-top: -74px !important;
}
.mt-75--sm {
margin-top: -75px !important;
}
.mt-76--sm {
margin-top: -76px !important;
}
.mt-77--sm {
margin-top: -77px !important;
}
.mt-78--sm {
margin-top: -78px !important;
}
.mt-79--sm {
margin-top: -79px !important;
}
.mt-80--sm {
margin-top: -80px !important;
}
.mb-0--sm {
margin-bottom: -0px !important;
}
.mb-1--sm {
margin-bottom: -1px !important;
}
.mb-2--sm {
margin-bottom: -2px !important;
}
.mb-3--sm {
margin-bottom: -3px !important;
}
.mb-4--sm {
margin-bottom: -4px !important;
}
.mb-5--sm {
margin-bottom: -5px !important;
}
.mb-6--sm {
margin-bottom: -6px !important;
}
.mb-7--sm {
margin-bottom: -7px !important;
}
.mb-8--sm {
margin-bottom: -8px !important;
}
.mb-9--sm {
margin-bottom: -9px !important;
}
.mb-10--sm {
margin-bottom: -10px !important;
}
.mb-11--sm {
margin-bottom: -11px !important;
}
.mb-12--sm {
margin-bottom: -12px !important;
}
.mb-13--sm {
margin-bottom: -13px !important;
}
.mb-14--sm {
margin-bottom: -14px !important;
}
.mb-15--sm {
margin-bottom: -15px !important;
}
.mb-16--sm {
margin-bottom: -16px !important;
}
.mb-17--sm {
margin-bottom: -17px !important;
}
.mb-18--sm {
margin-bottom: -18px !important;
}
.mb-19--sm {
margin-bottom: -19px !important;
}
.mb-20--sm {
margin-bottom: -20px !important;
}
.mb-21--sm {
margin-bottom: -21px !important;
}
.mb-22--sm {
margin-bottom: -22px !important;
}
.mb-23--sm {
margin-bottom: -23px !important;
}
.mb-24--sm {
margin-bottom: -24px !important;
}
.mb-25--sm {
margin-bottom: -25px !important;
}
.mb-26--sm {
margin-bottom: -26px !important;
}
.mb-27--sm {
margin-bottom: -27px !important;
}
.mb-28--sm {
margin-bottom: -28px !important;
}
.mb-29--sm {
margin-bottom: -29px !important;
}
.mb-30--sm {
margin-bottom: -30px !important;
}
.mb-31--sm {
margin-bottom: -31px !important;
}
.mb-32--sm {
margin-bottom: -32px !important;
}
.mb-33--sm {
margin-bottom: -33px !important;
}
.mb-34--sm {
margin-bottom: -34px !important;
}
.mb-35--sm {
margin-bottom: -35px !important;
}
.mb-36--sm {
margin-bottom: -36px !important;
}
.mb-37--sm {
margin-bottom: -37px !important;
}
.mb-38--sm {
margin-bottom: -38px !important;
}
.mb-39--sm {
margin-bottom: -39px !important;
}
.mb-40--sm {
margin-bottom: -40px !important;
}
.mb-41--sm {
margin-bottom: -41px !important;
}
.mb-42--sm {
margin-bottom: -42px !important;
}
.mb-43--sm {
margin-bottom: -43px !important;
}
.mb-44--sm {
margin-bottom: -44px !important;
}
.mb-45--sm {
margin-bottom: -45px !important;
}
.mb-46--sm {
margin-bottom: -46px !important;
}
.mb-47--sm {
margin-bottom: -47px !important;
}
.mb-48--sm {
margin-bottom: -48px !important;
}
.mb-49--sm {
margin-bottom: -49px !important;
}
.mb-50--sm {
margin-bottom: -50px !important;
}
.mb-51--sm {
margin-bottom: -51px !important;
}
.mb-52--sm {
margin-bottom: -52px !important;
}
.mb-53--sm {
margin-bottom: -53px !important;
}
.mb-54--sm {
margin-bottom: -54px !important;
}
.mb-55--sm {
margin-bottom: -55px !important;
}
.mb-56--sm {
margin-bottom: -56px !important;
}
.mb-57--sm {
margin-bottom: -57px !important;
}
.mb-58--sm {
margin-bottom: -58px !important;
}
.mb-59--sm {
margin-bottom: -59px !important;
}
.mb-60--sm {
margin-bottom: -60px !important;
}
.mb-61--sm {
margin-bottom: -61px !important;
}
.mb-62--sm {
margin-bottom: -62px !important;
}
.mb-63--sm {
margin-bottom: -63px !important;
}
.mb-64--sm {
margin-bottom: -64px !important;
}
.mb-65--sm {
margin-bottom: -65px !important;
}
.mb-66--sm {
margin-bottom: -66px !important;
}
.mb-67--sm {
margin-bottom: -67px !important;
}
.mb-68--sm {
margin-bottom: -68px !important;
}
.mb-69--sm {
margin-bottom: -69px !important;
}
.mb-70--sm {
margin-bottom: -70px !important;
}
.mb-71--sm {
margin-bottom: -71px !important;
}
.mb-72--sm {
margin-bottom: -72px !important;
}
.mb-73--sm {
margin-bottom: -73px !important;
}
.mb-74--sm {
margin-bottom: -74px !important;
}
.mb-75--sm {
margin-bottom: -75px !important;
}
.mb-76--sm {
margin-bottom: -76px !important;
}
.mb-77--sm {
margin-bottom: -77px !important;
}
.mb-78--sm {
margin-bottom: -78px !important;
}
.mb-79--sm {
margin-bottom: -79px !important;
}
.mb-80--sm {
margin-bottom: -80px !important;
}
.mt0--sm {
margin-top: 0px !important;
}
.mt1--sm {
margin-top: 1px !important;
}
.mt2--sm {
margin-top: 2px !important;
}
.mt3--sm {
margin-top: 3px !important;
}
.mt4--sm {
margin-top: 4px !important;
}
.mt5--sm {
margin-top: 5px !important;
}
.mt6--sm {
margin-top: 6px !important;
}
.mt7--sm {
margin-top: 7px !important;
}
.mt8--sm {
margin-top: 8px !important;
}
.mt9--sm {
margin-top: 9px !important;
}
.mt10--sm {
margin-top: 10px !important;
}
.mt11--sm {
margin-top: 11px !important;
}
.mt12--sm {
margin-top: 12px !important;
}
.mt13--sm {
margin-top: 13px !important;
}
.mt14--sm {
margin-top: 14px !important;
}
.mt15--sm {
margin-top: 15px !important;
}
.mt16--sm {
margin-top: 16px !important;
}
.mt17--sm {
margin-top: 17px !important;
}
.mt18--sm {
margin-top: 18px !important;
}
.mt19--sm {
margin-top: 19px !important;
}
.mt20--sm {
margin-top: 20px !important;
}
.mt21--sm {
margin-top: 21px !important;
}
.mt22--sm {
margin-top: 22px !important;
}
.mt23--sm {
margin-top: 23px !important;
}
.mt24--sm {
margin-top: 24px !important;
}
.mt25--sm {
margin-top: 25px !important;
}
.mt26--sm {
margin-top: 26px !important;
}
.mt27--sm {
margin-top: 27px !important;
}
.mt28--sm {
margin-top: 28px !important;
}
.mt29--sm {
margin-top: 29px !important;
}
.mt30--sm {
margin-top: 30px !important;
}
.mt31--sm {
margin-top: 31px !important;
}
.mt32--sm {
margin-top: 32px !important;
}
.mt33--sm {
margin-top: 33px !important;
}
.mt34--sm {
margin-top: 34px !important;
}
.mt35--sm {
margin-top: 35px !important;
}
.mt36--sm {
margin-top: 36px !important;
}
.mt37--sm {
margin-top: 37px !important;
}
.mt38--sm {
margin-top: 38px !important;
}
.mt39--sm {
margin-top: 39px !important;
}
.mt40--sm {
margin-top: 40px !important;
}
.mt41--sm {
margin-top: 41px !important;
}
.mt42--sm {
margin-top: 42px !important;
}
.mt43--sm {
margin-top: 43px !important;
}
.mt44--sm {
margin-top: 44px !important;
}
.mt45--sm {
margin-top: 45px !important;
}
.mt46--sm {
margin-top: 46px !important;
}
.mt47--sm {
margin-top: 47px !important;
}
.mt48--sm {
margin-top: 48px !important;
}
.mt49--sm {
margin-top: 49px !important;
}
.mt50--sm {
margin-top: 50px !important;
}
.mt51--sm {
margin-top: 51px !important;
}
.mt52--sm {
margin-top: 52px !important;
}
.mt53--sm {
margin-top: 53px !important;
}
.mt54--sm {
margin-top: 54px !important;
}
.mt55--sm {
margin-top: 55px !important;
}
.mt56--sm {
margin-top: 56px !important;
}
.mt57--sm {
margin-top: 57px !important;
}
.mt58--sm {
margin-top: 58px !important;
}
.mt59--sm {
margin-top: 59px !important;
}
.mt60--sm {
margin-top: 60px !important;
}
.mt61--sm {
margin-top: 61px !important;
}
.mt62--sm {
margin-top: 62px !important;
}
.mt63--sm {
margin-top: 63px !important;
}
.mt64--sm {
margin-top: 64px !important;
}
.mt65--sm {
margin-top: 65px !important;
}
.mt66--sm {
margin-top: 66px !important;
}
.mt67--sm {
margin-top: 67px !important;
}
.mt68--sm {
margin-top: 68px !important;
}
.mt69--sm {
margin-top: 69px !important;
}
.mt70--sm {
margin-top: 70px !important;
}
.mt71--sm {
margin-top: 71px !important;
}
.mt72--sm {
margin-top: 72px !important;
}
.mt73--sm {
margin-top: 73px !important;
}
.mt74--sm {
margin-top: 74px !important;
}
.mt75--sm {
margin-top: 75px !important;
}
.mt76--sm {
margin-top: 76px !important;
}
.mt77--sm {
margin-top: 77px !important;
}
.mt78--sm {
margin-top: 78px !important;
}
.mt79--sm {
margin-top: 79px !important;
}
.mt80--sm {
margin-top: 80px !important;
}
.mb0--sm {
margin-bottom: 0px !important;
}
.mb1--sm {
margin-bottom: 1px !important;
}
.mb2--sm {
margin-bottom: 2px !important;
}
.mb3--sm {
margin-bottom: 3px !important;
}
.mb4--sm {
margin-bottom: 4px !important;
}
.mb5--sm {
margin-bottom: 5px !important;
}
.mb6--sm {
margin-bottom: 6px !important;
}
.mb7--sm {
margin-bottom: 7px !important;
}
.mb8--sm {
margin-bottom: 8px !important;
}
.mb9--sm {
margin-bottom: 9px !important;
}
.mb10--sm {
margin-bottom: 10px !important;
}
.mb11--sm {
margin-bottom: 11px !important;
}
.mb12--sm {
margin-bottom: 12px !important;
}
.mb13--sm {
margin-bottom: 13px !important;
}
.mb14--sm {
margin-bottom: 14px !important;
}
.mb15--sm {
margin-bottom: 15px !important;
}
.mb16--sm {
margin-bottom: 16px !important;
}
.mb17--sm {
margin-bottom: 17px !important;
}
.mb18--sm {
margin-bottom: 18px !important;
}
.mb19--sm {
margin-bottom: 19px !important;
}
.mb20--sm {
margin-bottom: 20px !important;
}
.mb21--sm {
margin-bottom: 21px !important;
}
.mb22--sm {
margin-bottom: 22px !important;
}
.mb23--sm {
margin-bottom: 23px !important;
}
.mb24--sm {
margin-bottom: 24px !important;
}
.mb25--sm {
margin-bottom: 25px !important;
}
.mb26--sm {
margin-bottom: 26px !important;
}
.mb27--sm {
margin-bottom: 27px !important;
}
.mb28--sm {
margin-bottom: 28px !important;
}
.mb29--sm {
margin-bottom: 29px !important;
}
.mb30--sm {
margin-bottom: 30px !important;
}
.mb31--sm {
margin-bottom: 31px !important;
}
.mb32--sm {
margin-bottom: 32px !important;
}
.mb33--sm {
margin-bottom: 33px !important;
}
.mb34--sm {
margin-bottom: 34px !important;
}
.mb35--sm {
margin-bottom: 35px !important;
}
.mb36--sm {
margin-bottom: 36px !important;
}
.mb37--sm {
margin-bottom: 37px !important;
}
.mb38--sm {
margin-bottom: 38px !important;
}
.mb39--sm {
margin-bottom: 39px !important;
}
.mb40--sm {
margin-bottom: 40px !important;
}
.mb41--sm {
margin-bottom: 41px !important;
}
.mb42--sm {
margin-bottom: 42px !important;
}
.mb43--sm {
margin-bottom: 43px !important;
}
.mb44--sm {
margin-bottom: 44px !important;
}
.mb45--sm {
margin-bottom: 45px !important;
}
.mb46--sm {
margin-bottom: 46px !important;
}
.mb47--sm {
margin-bottom: 47px !important;
}
.mb48--sm {
margin-bottom: 48px !important;
}
.mb49--sm {
margin-bottom: 49px !important;
}
.mb50--sm {
margin-bottom: 50px !important;
}
.mb51--sm {
margin-bottom: 51px !important;
}
.mb52--sm {
margin-bottom: 52px !important;
}
.mb53--sm {
margin-bottom: 53px !important;
}
.mb54--sm {
margin-bottom: 54px !important;
}
.mb55--sm {
margin-bottom: 55px !important;
}
.mb56--sm {
margin-bottom: 56px !important;
}
.mb57--sm {
margin-bottom: 57px !important;
}
.mb58--sm {
margin-bottom: 58px !important;
}
.mb59--sm {
margin-bottom: 59px !important;
}
.mb60--sm {
margin-bottom: 60px !important;
}
.mb61--sm {
margin-bottom: 61px !important;
}
.mb62--sm {
margin-bottom: 62px !important;
}
.mb63--sm {
margin-bottom: 63px !important;
}
.mb64--sm {
margin-bottom: 64px !important;
}
.mb65--sm {
margin-bottom: 65px !important;
}
.mb66--sm {
margin-bottom: 66px !important;
}
.mb67--sm {
margin-bottom: 67px !important;
}
.mb68--sm {
margin-bottom: 68px !important;
}
.mb69--sm {
margin-bottom: 69px !important;
}
.mb70--sm {
margin-bottom: 70px !important;
}
.mb71--sm {
margin-bottom: 71px !important;
}
.mb72--sm {
margin-bottom: 72px !important;
}
.mb73--sm {
margin-bottom: 73px !important;
}
.mb74--sm {
margin-bottom: 74px !important;
}
.mb75--sm {
margin-bottom: 75px !important;
}
.mb76--sm {
margin-bottom: 76px !important;
}
.mb77--sm {
margin-bottom: 77px !important;
}
.mb78--sm {
margin-bottom: 78px !important;
}
.mb79--sm {
margin-bottom: 79px !important;
}
.mb80--sm {
margin-bottom: 80px !important;
}
.pt0--sm {
padding-top: 0px !important;
}
.pt1--sm {
padding-top: 1px !important;
}
.pt2--sm {
padding-top: 2px !important;
}
.pt3--sm {
padding-top: 3px !important;
}
.pt4--sm {
padding-top: 4px !important;
}
.pt5--sm {
padding-top: 5px !important;
}
.pt6--sm {
padding-top: 6px !important;
}
.pt7--sm {
padding-top: 7px !important;
}
.pt8--sm {
padding-top: 8px !important;
}
.pt9--sm {
padding-top: 9px !important;
}
.pt10--sm {
padding-top: 10px !important;
}
.pt11--sm {
padding-top: 11px !important;
}
.pt12--sm {
padding-top: 12px !important;
}
.pt13--sm {
padding-top: 13px !important;
}
.pt14--sm {
padding-top: 14px !important;
}
.pt15--sm {
padding-top: 15px !important;
}
.pt16--sm {
padding-top: 16px !important;
}
.pt17--sm {
padding-top: 17px !important;
}
.pt18--sm {
padding-top: 18px !important;
}
.pt19--sm {
padding-top: 19px !important;
}
.pt20--sm {
padding-top: 20px !important;
}
.pt21--sm {
padding-top: 21px !important;
}
.pt22--sm {
padding-top: 22px !important;
}
.pt23--sm {
padding-top: 23px !important;
}
.pt24--sm {
padding-top: 24px !important;
}
.pt25--sm {
padding-top: 25px !important;
}
.pt26--sm {
padding-top: 26px !important;
}
.pt27--sm {
padding-top: 27px !important;
}
.pt28--sm {
padding-top: 28px !important;
}
.pt29--sm {
padding-top: 29px !important;
}
.pt30--sm {
padding-top: 30px !important;
}
.pt31--sm {
padding-top: 31px !important;
}
.pt32--sm {
padding-top: 32px !important;
}
.pt33--sm {
padding-top: 33px !important;
}
.pt34--sm {
padding-top: 34px !important;
}
.pt35--sm {
padding-top: 35px !important;
}
.pt36--sm {
padding-top: 36px !important;
}
.pt37--sm {
padding-top: 37px !important;
}
.pt38--sm {
padding-top: 38px !important;
}
.pt39--sm {
padding-top: 39px !important;
}
.pt40--sm {
padding-top: 40px !important;
}
.pt41--sm {
padding-top: 41px !important;
}
.pt42--sm {
padding-top: 42px !important;
}
.pt43--sm {
padding-top: 43px !important;
}
.pt44--sm {
padding-top: 44px !important;
}
.pt45--sm {
padding-top: 45px !important;
}
.pt46--sm {
padding-top: 46px !important;
}
.pt47--sm {
padding-top: 47px !important;
}
.pt48--sm {
padding-top: 48px !important;
}
.pt49--sm {
padding-top: 49px !important;
}
.pt50--sm {
padding-top: 50px !important;
}
.pt51--sm {
padding-top: 51px !important;
}
.pt52--sm {
padding-top: 52px !important;
}
.pt53--sm {
padding-top: 53px !important;
}
.pt54--sm {
padding-top: 54px !important;
}
.pt55--sm {
padding-top: 55px !important;
}
.pt56--sm {
padding-top: 56px !important;
}
.pt57--sm {
padding-top: 57px !important;
}
.pt58--sm {
padding-top: 58px !important;
}
.pt59--sm {
padding-top: 59px !important;
}
.pt60--sm {
padding-top: 60px !important;
}
.pt61--sm {
padding-top: 61px !important;
}
.pt62--sm {
padding-top: 62px !important;
}
.pt63--sm {
padding-top: 63px !important;
}
.pt64--sm {
padding-top: 64px !important;
}
.pt65--sm {
padding-top: 65px !important;
}
.pt66--sm {
padding-top: 66px !important;
}
.pt67--sm {
padding-top: 67px !important;
}
.pt68--sm {
padding-top: 68px !important;
}
.pt69--sm {
padding-top: 69px !important;
}
.pt70--sm {
padding-top: 70px !important;
}
.pt71--sm {
padding-top: 71px !important;
}
.pt72--sm {
padding-top: 72px !important;
}
.pt73--sm {
padding-top: 73px !important;
}
.pt74--sm {
padding-top: 74px !important;
}
.pt75--sm {
padding-top: 75px !important;
}
.pt76--sm {
padding-top: 76px !important;
}
.pt77--sm {
padding-top: 77px !important;
}
.pt78--sm {
padding-top: 78px !important;
}
.pt79--sm {
padding-top: 79px !important;
}
.pt80--sm {
padding-top: 80px !important;
}
.pb0--sm {
padding-bottom: 0px !important;
}
.pb1--sm {
padding-bottom: 1px !important;
}
.pb2--sm {
padding-bottom: 2px !important;
}
.pb3--sm {
padding-bottom: 3px !important;
}
.pb4--sm {
padding-bottom: 4px !important;
}
.pb5--sm {
padding-bottom: 5px !important;
}
.pb6--sm {
padding-bottom: 6px !important;
}
.pb7--sm {
padding-bottom: 7px !important;
}
.pb8--sm {
padding-bottom: 8px !important;
}
.pb9--sm {
padding-bottom: 9px !important;
}
.pb10--sm {
padding-bottom: 10px !important;
}
.pb11--sm {
padding-bottom: 11px !important;
}
.pb12--sm {
padding-bottom: 12px !important;
}
.pb13--sm {
padding-bottom: 13px !important;
}
.pb14--sm {
padding-bottom: 14px !important;
}
.pb15--sm {
padding-bottom: 15px !important;
}
.pb16--sm {
padding-bottom: 16px !important;
}
.pb17--sm {
padding-bottom: 17px !important;
}
.pb18--sm {
padding-bottom: 18px !important;
}
.pb19--sm {
padding-bottom: 19px !important;
}
.pb20--sm {
padding-bottom: 20px !important;
}
.pb21--sm {
padding-bottom: 21px !important;
}
.pb22--sm {
padding-bottom: 22px !important;
}
.pb23--sm {
padding-bottom: 23px !important;
}
.pb24--sm {
padding-bottom: 24px !important;
}
.pb25--sm {
padding-bottom: 25px !important;
}
.pb26--sm {
padding-bottom: 26px !important;
}
.pb27--sm {
padding-bottom: 27px !important;
}
.pb28--sm {
padding-bottom: 28px !important;
}
.pb29--sm {
padding-bottom: 29px !important;
}
.pb30--sm {
padding-bottom: 30px !important;
}
.pb31--sm {
padding-bottom: 31px !important;
}
.pb32--sm {
padding-bottom: 32px !important;
}
.pb33--sm {
padding-bottom: 33px !important;
}
.pb34--sm {
padding-bottom: 34px !important;
}
.pb35--sm {
padding-bottom: 35px !important;
}
.pb36--sm {
padding-bottom: 36px !important;
}
.pb37--sm {
padding-bottom: 37px !important;
}
.pb38--sm {
padding-bottom: 38px !important;
}
.pb39--sm {
padding-bottom: 39px !important;
}
.pb40--sm {
padding-bottom: 40px !important;
}
.pb41--sm {
padding-bottom: 41px !important;
}
.pb42--sm {
padding-bottom: 42px !important;
}
.pb43--sm {
padding-bottom: 43px !important;
}
.pb44--sm {
padding-bottom: 44px !important;
}
.pb45--sm {
padding-bottom: 45px !important;
}
.pb46--sm {
padding-bottom: 46px !important;
}
.pb47--sm {
padding-bottom: 47px !important;
}
.pb48--sm {
padding-bottom: 48px !important;
}
.pb49--sm {
padding-bottom: 49px !important;
}
.pb50--sm {
padding-bottom: 50px !important;
}
.pb51--sm {
padding-bottom: 51px !important;
}
.pb52--sm {
padding-bottom: 52px !important;
}
.pb53--sm {
padding-bottom: 53px !important;
}
.pb54--sm {
padding-bottom: 54px !important;
}
.pb55--sm {
padding-bottom: 55px !important;
}
.pb56--sm {
padding-bottom: 56px !important;
}
.pb57--sm {
padding-bottom: 57px !important;
}
.pb58--sm {
padding-bottom: 58px !important;
}
.pb59--sm {
padding-bottom: 59px !important;
}
.pb60--sm {
padding-bottom: 60px !important;
}
.pb61--sm {
padding-bottom: 61px !important;
}
.pb62--sm {
padding-bottom: 62px !important;
}
.pb63--sm {
padding-bottom: 63px !important;
}
.pb64--sm {
padding-bottom: 64px !important;
}
.pb65--sm {
padding-bottom: 65px !important;
}
.pb66--sm {
padding-bottom: 66px !important;
}
.pb67--sm {
padding-bottom: 67px !important;
}
.pb68--sm {
padding-bottom: 68px !important;
}
.pb69--sm {
padding-bottom: 69px !important;
}
.pb70--sm {
padding-bottom: 70px !important;
}
.pb71--sm {
padding-bottom: 71px !important;
}
.pb72--sm {
padding-bottom: 72px !important;
}
.pb73--sm {
padding-bottom: 73px !important;
}
.pb74--sm {
padding-bottom: 74px !important;
}
.pb75--sm {
padding-bottom: 75px !important;
}
.pb76--sm {
padding-bottom: 76px !important;
}
.pb77--sm {
padding-bottom: 77px !important;
}
.pb78--sm {
padding-bottom: 78px !important;
}
.pb79--sm {
padding-bottom: 79px !important;
}
.pb80--sm {
padding-bottom: 80px !important;
}
.ml25--sm {
margin-left: 25px;
}
.ml37--sm {
margin-left: 37px;
}
}
/* @ text
* ------------------------------------------------------------ */
/*doc
---
title: テキスト装飾
name: tool-text
category: tool-text
---
View | Class | Description
----------------------------------------------------------------------- | ------------ | --------- |
ダミーテキストです。ご了承ください。
| `text` | |
ダミーテキストです。ご了承ください。
| `text-bold` | |
ダミーテキストです。ご了承ください。
| `text-left` | |
ダミーテキストです。ご了承ください。
| `text-center` | |
ダミーテキストです。ご了承ください。
| `text-right` | |
ダミーテキストです。ご了承ください。
| `text-point` | |
ダミーテキストです。ご了承ください。
| `text-strike` | |
ダミーテキストです。ご了承ください。
| `text-caption` | |
ダミーテキストです。ご了承ください。
| `text-small` | |
ダミーテキストです。ご了承ください。
| `text-square` | |
ダミーテキストです。ご了承ください。
| `text-button` | |
*/
/* @ margin-bottom
--------------------------------*/
.text-caption {
font-size: 0.8em;
}
.text-bold {
font-weight: bold;
}
.text-link {
color: #C81740;
text-decoration: underline;
}
.text-link:hover {
color: #C81740;
text-decoration: none;
}
.text-left {
text-align: left;
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
.text-small {
font-size: 0.8em;
}
.text-point {
padding: 3px 2px 2px;
background-color: #C81740;
color: #FFF;
display: inline-block;
}
.text-strike {
text-decoration: line-through !important;
}
.text-square {
color: #FFF;
background-color: #C81740;
padding: 4px 6px;
margin-top: -1px;
border-radius: 4px;
}
.text-button a {
background-color: #C81740;
display: inline-block;
border-radius: 5px;
padding: 8px 30px 7px;
color: #FFF;
}
.text-button a:hover, .text-button a:focus {
background-image: linear-gradient(transparent, rgba(255, 255, 255, 0.1) 40%, rgba(255, 255, 255, 0.2));
}
.text-button a:focus {
outline: 0;
}
.text-button a:active {
box-shadow: inset 0 0 6px 1px rgba(0, 0, 0, 0.2);
}
.text-button a[disabled] {
opacity: .4;
cursor: not-allowed;
}
.text-button a,
.text-button a:hover {
text-decoration: none;
color: #FFF;
}
/*doc
---
title: bulleted-space
name: bulleted-space
category: tool-text
---
View | Class | Description
--------------------------------------------------- | ------ | --------- |
・ダミーテキストです。
ダミーテキストです。
| `bulleted-space` | 箇条書き左スペース |
・ダミーテキストです。
ダミーテキストです。
| `bulleted-space` | 箇条書き左スペース |
*/
.bulleted-space {
text-indent: -1em;
padding-left: 1em;
}
.bulleted-space_2x {
text-indent: -2em;
padding-left: 2em;
}
/*doc
---
title: text-decoration
name: text-decoration
category: tool-text
---
ミドルスクリーンは`--md`
スモールスクリーンは`--sm`
View | Class | Description
--------------------------------------------------- | ------ | --------- |
text-decoration: underline;
| `tdu` | |
*/
.tdu {
text-decoration: underline !important;
}
.tdu:hover {
text-decoration: none !important;
}
/*doc
---
title: vertical-aligin
name: vertical-aligin
category: tool-text
---
ミドルスクリーンは`--md`
スモールスクリーンは`--sm`
View | Class | Description
--------------------------------------------------- | ----------------------------------------- | --------- |
vertical-align: -15%
| `va-15p` | |
vertical-align: 15%;
| `va15p` | |
vertical-align: baseline;
| `vabl` | |
vertical-align: bottom;
| `vab` | |
vertical-align: inherit;
| `vainhe` | |
vertical-align: top;
| `vat` | |
vertical-align: text-bottom;
| `vatb` | |
vertical-align: text-top;
| `vatt` | |
vertical-align: super;
| `vasup` | |
vertical-align: sub;
| `vasub` | |
vertical-align: middle;
| `vam` | |
*/
.va-15p {
vertical-align: -15%;
}
.va15p {
vertical-align: 15%;
}
.vabl {
vertical-align: baseline;
}
.vab {
vertical-align: bottom;
}
.vainhe {
vertical-align: inherit;
}
.vat {
vertical-align: top;
}
.vatb {
vertical-align: text-bottom;
}
.vatt {
vertical-align: text-top;
}
.vasup {
vertical-align: super;
}
.vasub {
vertical-align: sub;
}
.vam {
vertical-align: middle;
}
@media screen and (max-width: 62.4375em) {
.vabl--md {
vertical-align: baseline;
}
.vab--md {
vertical-align: bottom;
}
.vainhe--md {
vertical-align: inherit;
}
.vat--md {
vertical-align: top;
}
.vatb--md {
vertical-align: text-bottom;
}
.vatt--md {
vertical-align: text-top;
}
.vasup--md {
vertical-align: super;
}
.vasub--md {
vertical-align: sub;
}
.vam--md {
vertical-align: middle;
}
}
@media screen and (max-width: 62.4375em) {
.vabl--sm {
vertical-align: baseline;
}
.vab--sm {
vertical-align: bottom;
}
.vainhe--sm {
vertical-align: inherit;
}
.vat--sm {
vertical-align: top;
}
.vatb--sm {
vertical-align: text-bottom;
}
.vatt--sm {
vertical-align: text-top;
}
.vasup--sm {
vertical-align: super;
}
.vasub--sm {
vertical-align: sub;
}
.vam--sm {
vertical-align: middle;
}
}
/*doc
---
title: text-indent
name: text-indent
category: tool-text
---
ミドルスクリーンは`--md`
スモールスクリーンは`--sm`
View | Class | Description
---------------------------------------------------- | --------- | --------- |
text-indent: -0.1em;
| `ti-0_1em` | |
text-indent: -0.2em;
| `ti-0_2em` | |
text-indent: -0.3em;
| `ti-0_3em` | |
text-indent: -0.4em;
| `ti-0_4em` | |
text-indent: -0.5em;
| `ti-0_5em` | |
text-indent: -0.6em;
| `ti-0_6em` | |
text-indent: -0.7em;
| `ti-0_7em` | |
text-indent: -0.8em;
| `ti-0_8em` | |
text-indent: -0.9em;
| `ti-0_9em` | |
*/
.ti-0_1em {
text-indent: -.1em;
}
.ti-0_2em {
text-indent: -.2em;
}
.ti-0_3em {
text-indent: -.3em;
}
.ti-0_4em {
text-indent: -.4em;
}
.ti-0_5em {
text-indent: -.5em;
}
.ti-0_6em {
text-indent: -.6em;
}
.ti-0_7em {
text-indent: -.7em;
}
.ti-0_8em {
text-indent: -.8em;
}
.ti-0_9em {
text-indent: -.9em;
}
@media screen and (max-width: 62.4375em) {
.ti-0_1em--md {
text-indent: -.1em;
}
.ti-0_2em--md {
text-indent: -.2em;
}
.ti-0_3em--md {
text-indent: -.3em;
}
.ti-0_4em--md {
text-indent: -.4em;
}
.ti-0_5em--md {
text-indent: -.5em;
}
.ti-0_6em--md {
text-indent: -.6em;
}
.ti-0_7em--md {
text-indent: -.7em;
}
.ti-0_8em--md {
text-indent: -.8em;
}
.ti-0_9em--md {
text-indent: -.9em;
}
}
@media screen and (max-width: 46.1875em) {
.ti-0_1em--sm {
text-indent: -.1em;
}
.ti-0_2em--sm {
text-indent: -.2em;
}
.ti-0_3em--sm {
text-indent: -.3em;
}
.ti-0_4em--sm {
text-indent: -.4em;
}
.ti-0_5em--sm {
text-indent: -.5em;
}
.ti-0_6em--sm {
text-indent: -.6em;
}
.ti-0_7em--sm {
text-indent: -.7em;
}
.ti-0_8em--sm {
text-indent: -.8em;
}
.ti-0_9em--sm {
text-indent: -.9em;
}
}
/*doc
---
title: margin-left em
name: margin-left em
category: tool-text
---
ミドルスクリーンは`--md`
スモールスクリーンは`--sm`
View | Class | Description
------------------------------------------------------ | ------------- | ------------- |
margin-left: -0.1em;
| `ml-0_1em` | |
margin-left: -0.2em;
| `ml-0_2em` | |
margin-left: -0.3em;
| `ml-0_3em` | |
margin-left: -0.3em;
| `ml-0_35em` | |
margin-left: -0.4em;
| `ml-0_4em` | |
margin-left: -0.5em;
| `ml-0_5em` | |
margin-left: -0.6em;
| `ml-0_6em` | |
margin-left: -0.7em;
| `ml-0_7em` | |
margin-left: -0.8em;
| `ml-0_8em` | |
margin-left: -0.9em;
| `ml-0_9em` | |
margin-left: 0.1em;
| `ml0_1em` | |
margin-left: 0.2em;
| `ml0_2em` | |
margin-left: 0.3em;
| `ml0_3em` | |
margin-left: 0.3em;
| `ml0_35em` | |
margin-left: 0.4em;
| `ml0_4em` | |
margin-left: 0.5em;
| `ml0_5em` | |
*/
.ml-0_1em {
margin-left: -.1em;
}
.ml-0_2em {
margin-left: -.2em;
}
.ml-0_3em {
margin-left: -.3em;
}
.ml-0_35em {
margin-left: -.35em;
}
.ml-0_4em {
margin-left: -.4em;
}
.ml-0_5em {
margin-left: -.5em;
}
.ml-0_6em {
margin-left: -.6em;
}
.ml-0_7em {
margin-left: -.7em;
}
.ml-0_8em {
margin-left: -.8em;
}
.ml-0_9em {
margin-left: -.9em;
}
.ml0_1em {
margin-left: .1em;
}
.ml0_2em {
margin-left: .2em;
}
.ml0_3em {
margin-left: .3em;
}
.ml0_35em {
margin-left: .35em;
}
.ml0_4em {
margin-left: .4em;
}
.ml0_5em {
margin-left: .5em;
}
@media screen and (max-width: 62.4375em) {
.ml-0_1em--md {
margin-left: -.1em;
}
.ml-0_2em--md {
margin-left: -.2em;
}
.ml-0_3em--md {
margin-left: -.3em;
}
.ml-0_35em--md {
margin-left: -.35em;
}
.ml-0_4em--md {
margin-left: -.4em;
}
.ml-0_5em--md {
margin-left: -.5em;
}
.ml-0_6em--md {
margin-left: -.6em;
}
.ml-0_7em--md {
margin-left: -.7em;
}
.ml-0_8em--md {
margin-left: -.8em;
}
.ml-0_9em--md {
margin-left: -.9em;
}
.ml0_1em--md {
margin-left: .1em;
}
.ml0_2em--md {
margin-left: .2em;
}
.ml0_3em--md {
margin-left: .3em;
}
.ml0_35em--md {
margin-left: .35em;
}
.ml0_4em--md {
margin-left: .4em;
}
.ml0_5em--md {
margin-left: .5em;
}
}
@media screen and (max-width: 46.1875em) {
.ml-0_1em--sm {
margin-left: -.1em;
}
.ml-0_2em--sm {
margin-left: -.2em;
}
.ml-0_3em--sm {
margin-left: -.3em;
}
.ml-0_35em--sm {
margin-left: -.35em;
}
.ml-0_4em--sm {
margin-left: -.4em;
}
.ml-0_5em--sm {
margin-left: -.5em;
}
.ml-0_6em--sm {
margin-left: -.6em;
}
.ml-0_7em--sm {
margin-left: -.7em;
}
.ml-0_8em--sm {
margin-left: -.8em;
}
.ml-0_9em--sm {
margin-left: -.9em;
}
.ml0_1em--sm {
margin-left: .1em;
}
.ml0_2em--sm {
margin-left: .2em;
}
.ml0_3em--sm {
margin-left: .3em;
}
.ml0_35em--sm {
margin-left: .35em;
}
.ml0_4em--sm {
margin-left: .4em;
}
.ml0_5em--sm {
margin-left: .5em;
}
}
/*doc
---
title: margin-top em
name: margin-top em
category: tool-text
---
ミドルスクリーンは`--md`
スモールスクリーンは`--sm`
View | Class | Description
------------------------------------------------------ | ------------- | ------------- |
margin-top: -0.1em;
| `mt-0_1em` | |
margin-top: -0.2em;
| `mt-0_2em` | |
margin-top: -0.3em;
| `mt-0_3em` | |
margin-top: -0.3em;
| `mt-0_35em` | |
margin-top: -0.4em;
| `mt-0_4em` | |
margin-top: -0.5em;
| `mt-0_5em` | |
margin-top: -0.6em;
| `mt-0_6em` | |
margin-top: -0.7em;
| `mt-0_7em` | |
margin-top: -0.8em;
| `mt-0_8em` | |
margin-top: -0.9em;
| `mt-0_9em` | |
margin-top: 0.1em;
| `mt0_1em` | |
margin-top: 0.2em;
| `mt0_2em` | |
margin-top: 0.3em;
| `mt0_3em` | |
margin-top: 0.3em;
| `mt0_35em` | |
margin-top: 0.4em;
| `mt0_4em` | |
margin-top: 0.5em;
| `mt0_5em` | |
*/
.mt-0_1em {
margin-top: -.1em;
}
.mt-0_2em {
margin-top: -.2em;
}
.mt-0_3em {
margin-top: -.3em;
}
.mt-0_35em {
margin-top: -.35em;
}
.mt-0_4em {
margin-top: -.4em;
}
.mt-0_5em {
margin-top: -.5em;
}
.mt-0_6em {
margin-top: -.6em;
}
.mt-0_7em {
margin-top: -.7em;
}
.mt-0_8em {
margin-top: -.8em;
}
.mt-0_9em {
margin-top: -.9em;
}
.mt0_1em {
margin-top: .1em;
}
.mt0_2em {
margin-top: .2em;
}
.mt0_3em {
margin-top: .3em;
}
.mt0_35em {
margin-top: .35em;
}
.mt0_4em {
margin-top: .4em;
}
.mt0_5em {
margin-top: .5em;
}
@media screen and (max-width: 62.4375em) {
.mt-0_1em--md {
margin-top: -.1em;
}
.mt-0_2em--md {
margin-top: -.2em;
}
.mt-0_3em--md {
margin-top: -.3em;
}
.mt-0_35em--md {
margin-top: -.35em;
}
.mt-0_4em--md {
margin-top: -.4em;
}
.mt-0_5em--md {
margin-top: -.5em;
}
.mt-0_6em--md {
margin-top: -.6em;
}
.mt-0_7em--md {
margin-top: -.7em;
}
.mt-0_8em--md {
margin-top: -.8em;
}
.mt-0_9em--md {
margin-top: -.9em;
}
.mt0_1em--md {
margin-top: .1em;
}
.mt0_2em--md {
margin-top: .2em;
}
.mt0_3em--md {
margin-top: .3em;
}
.mt0_35em--md {
margin-top: .35em;
}
.mt0_4em--md {
margin-top: .4em;
}
.mt0_5em--md {
margin-top: .5em;
}
}
@media screen and (max-width: 46.1875em) {
.mt-0_1em--sm {
margin-top: -.1em;
}
.mt-0_2em--sm {
margin-top: -.2em;
}
.mt-0_3em--sm {
margin-top: -.3em;
}
.mt-0_35em--sm {
margin-top: -.35em;
}
.mt-0_4em--sm {
margin-top: -.4em;
}
.mt-0_5em--sm {
margin-top: -.5em;
}
.mt-0_6em--sm {
margin-top: -.6em;
}
.mt-0_7em--sm {
margin-top: -.7em;
}
.mt-0_8em--sm {
margin-top: -.8em;
}
.mt-0_9em--sm {
margin-top: -.9em;
}
.mt0_1em--sm {
margin-top: .1em;
}
.mt0_2em--sm {
margin-top: .2em;
}
.mt0_3em--sm {
margin-top: .3em;
}
.mt0_35em--sm {
margin-top: .35em;
}
.mt0_4em--sm {
margin-top: .4em;
}
.mt0_5em--sm {
margin-top: .5em;
}
}
/*doc
---
title: line-height
name: line-height
category: tool-text
---
ミドルスクリーンは`--md`
スモールスクリーンは`--sm`
View | Class | Description
------------------------------------------------ | ------------------------ | --------- |
line-height: 1;
line-height: 1;
| `lh1` | |
line-height: 1.1;
line-height: 1.1;
| `lh1_1` | |
line-height: 1.2;
line-height: 1.2;
| `lh1_2` | |
line-height: 1.3;
line-height: 1.3;
| `lh1_3` | |
line-height: 1.4;
line-height: 1.4;
| `lh1_4` | |
line-height: 1.5;
line-height: 1.5;
| `lh1_5` | |
line-height: 1.6;
line-height: 1.6;
| `lh1_6` | |
line-height: 1.7;
line-height: 1.7;
| `lh1_7` | |
line-height: 1.8;
line-height: 1.8;
| `lh1_8` | |
line-height: 1.9;
line-height: 1.9;
| `lh1_9` | |
line-height: 2;
line-height: 2;
| `lh2` | |
*/
.lh1 {
line-height: 1;
}
.lh1_1 {
line-height: 1.1;
}
.lh1_2 {
line-height: 1.2;
}
.lh1_3 {
line-height: 1.3;
}
.lh1_4 {
line-height: 1.4;
}
.lh1_5 {
line-height: 1.5;
}
.lh1_6 {
line-height: 1.6;
}
.lh1_7 {
line-height: 1.7;
}
.lh1_8 {
line-height: 1.8;
}
.lh1_9 {
line-height: 1.9;
}
.lh2 {
line-height: 2;
}
@media screen and (max-width: 62.4375em) {
.lh1--md {
line-height: 1;
}
.lh1_1--md {
line-height: 1.1;
}
.lh1_2--md {
line-height: 1.2;
}
.lh1_3--md {
line-height: 1.3;
}
.lh1_4--md {
line-height: 1.4;
}
.lh1_5--md {
line-height: 1.5;
}
.lh1_6--md {
line-height: 1.6;
}
.lh1_7--md {
line-height: 1.7;
}
.lh1_8--md {
line-height: 1.8;
}
.lh1_9--md {
line-height: 1.9;
}
.lh2--md {
line-height: 2;
}
}
@media screen and (max-width: 46.1875em) {
.lh1--sm {
line-height: 1;
}
.lh1_1--sm {
line-height: 1.1;
}
.lh1_2--sm {
line-height: 1.2;
}
.lh1_3--sm {
line-height: 1.3;
}
.lh1_4--sm {
line-height: 1.4;
}
.lh1_5--sm {
line-height: 1.5;
}
.lh1_6--sm {
line-height: 1.6;
}
.lh1_7--sm {
line-height: 1.7;
}
.lh1_8--sm {
line-height: 1.8;
}
.lh1_9--sm {
line-height: 1.9;
}
.lh2--sm {
line-height: 2;
}
}
/*doc
---
title: letter-spacing
name: letter-spacing
category: tool-text
---
View | Class | Description
--------------------------------------------------------- | ------------ | ------------ |
letter-spacing: -0.1em;
| `ls-0_1em` | |
letter-spacing: -0.2em;
| `ls-0_2em` | |
letter-spacing: -0.3em;
| `ls-0_3em` | |
letter-spacing: -0.4em;
| `ls-0_4em` | |
letter-spacing: -0.5em;
| `ls-0_5em` | |
letter-spacing: -0.6em;
| `ls-0_6em` | |
letter-spacing: -0.7em;
| `ls-0_7em` | |
letter-spacing: -0.8em;
| `ls-0_8em` | |
letter-spacing: -0.9em;
| `ls-0_9em` | |
letter-spacing: 0.1em;
| `ls0_1em` | |
letter-spacing: 0.2em;
| `ls0_2em` | |
letter-spacing: 0.3em;
| `ls0_3em` | |
letter-spacing: 0.4em;
| `ls0_4em` | |
letter-spacing: 0.5em;
| `ls0_5em` | |
letter-spacing: 0.6em;
| `ls0_6em` | |
letter-spacing: 0.7em;
| `ls0_7em` | |
letter-spacing: 0.8em;
| `ls0_8em` | |
letter-spacing: 0.9em;
| `ls0_9em` | |
letter-spacing: 1em;
| `ls1em` | |
letter-spacing: 1.1em;
| `ls1_1em` | |
letter-spacing: 1.2em;
| `ls1_2em` | |
letter-spacing: 1.3em;
| `ls1_3em` | |
letter-spacing: 1.4em;
| `ls1_4em` | |
letter-spacing: 1.5em;
| `ls1_5em` | |
letter-spacing: 1.6em;
| `ls1_6em` | |
letter-spacing: 1.7em;
| `ls1_7em` | |
letter-spacing: 1.8em;
| `ls1_8em` | |
letter-spacing: 1.9em;
| `ls1_9em` | |
letter-spacing: 2em;
| `ls2em` | |
*/
.ls-0_1em {
letter-spacing: -.1em;
}
.ls-0_2em {
letter-spacing: -.2em;
}
.ls-0_3em {
letter-spacing: -.3em;
}
.ls-0_4em {
letter-spacing: -.4em;
}
.ls-0_5em {
letter-spacing: -.5em;
}
.ls-0_6em {
letter-spacing: -.6em;
}
.ls-0_7em {
letter-spacing: -.7em;
}
.ls-0_8em {
letter-spacing: -.8em;
}
.ls-0_9em {
letter-spacing: -.9em;
}
.ls0_1em {
letter-spacing: .1em;
}
.ls0_2em {
letter-spacing: .2em;
}
.ls0_3em {
letter-spacing: .3em;
}
.ls0_4em {
letter-spacing: .4em;
}
.ls0_5em {
letter-spacing: .5em;
}
.ls0_6em {
letter-spacing: .6em;
}
.ls0_7em {
letter-spacing: .7em;
}
.ls0_8em {
letter-spacing: .8em;
}
.ls0_9em {
letter-spacing: .9em;
}
.ls1em {
letter-spacing: 1em;
}
.ls1_1em {
letter-spacing: 1.1em;
}
.ls1_2em {
letter-spacing: 1.2em;
}
.ls1_3em {
letter-spacing: 1.3em;
}
.ls1_4em {
letter-spacing: 1.4em;
}
.ls1_5em {
letter-spacing: 1.5em;
}
.ls1_6em {
letter-spacing: 1.6em;
}
.ls1_7em {
letter-spacing: 1.7em;
}
.ls1_8em {
letter-spacing: 1.8em;
}
.ls1_9em {
letter-spacing: 1.9em;
}
.ls2em {
letter-spacing: 2em;
}
/* @ width
* ------------------------------------------------------------ */
/*doc
---
title: 幅
name: tool-width
category: tool-width
---
ミドルスクリーンは`--md`
スモールスクリーンは`--sm`
View | Class | Description |
---------| ----------| ---------- |
| `w10p` | 幅10% |
| `w20p` | 幅20% |
| `w30p` | 幅30% |
| `w40p` | 幅40% |
| `w50p` | 幅50% |
| `w60p` | 幅60% |
| `w70p` | 幅70% |
| `w80p` | 幅80% |
| `w90p` | 幅90% |
| `w100p` | 幅100% |
*/
.w10p {
width: 10% !important;
}
.w20p {
width: 20% !important;
}
.w30p {
width: 30% !important;
}
.w40p {
width: 40% !important;
}
.w50p {
width: 50% !important;
}
.w60p {
width: 60% !important;
}
.w70p {
width: 70% !important;
}
.w80p {
width: 80% !important;
}
.w90p {
width: 90% !important;
}
.w100p {
width: 100% !important;
}
@media screen and (max-width: 62.4375em) {
.w10p--md {
width: 10% !important;
}
.w20p--md {
width: 20% !important;
}
.w30p--md {
width: 30% !important;
}
.w40p--md {
width: 40% !important;
}
.w50p--md {
width: 50% !important;
}
.w60p--md {
width: 60% !important;
}
.w70p--md {
width: 70% !important;
}
.w80p--md {
width: 80% !important;
}
.w90p--md {
width: 90% !important;
}
.w100p--md {
width: 100% !important;
}
}
@media screen and (max-width: 46.1875em) {
.w10p--sm {
width: 10% !important;
}
.w20p--sm {
width: 20% !important;
}
.w30p--sm {
width: 30% !important;
}
.w40p--sm {
width: 40% !important;
}
.w50p--sm {
width: 50% !important;
}
.w60p--sm {
width: 60% !important;
}
.w70p--sm {
width: 70% !important;
}
.w80p--sm {
width: 80% !important;
}
.w90p--sm {
width: 90% !important;
}
.w100p--sm {
width: 100% !important;
}
.w23p--sm {
width: 23% !important;
}
.w28p--sm {
width: 28% !important;
}
}
