/*
 *  Global settings
 */
html {
    opacity: 1;
    -webkit-text-size-adjust: 100%;
    -webkit-transition-property: all;
    -webkit-transition-duration: .125s;
    -webkit-transition-timing-function: linear;
    transition-property: all;
    transition-duration: .125s;
    transition-timing-function: linear;
}

body,
* {
    font-family: "i9Figure", sans-serif;
    color: #000000;
}

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    border: none;
    font-family: inherit;
    color: inherit;
    -moz-font-feature-settings: "lnum";
    -webkit-font-feature-settings: "lnum";
    font-feature-settings: "lnum";
    font-kerning: normal;
    font-variant-ligatures: common-ligatures contextual !important;
    -moz-font-feature-settings: "kern", "liga", "clig", "calt", "palt" !important;
    -ms-font-feature-settings: "kern", "liga", "clig", "calt", "palt" !important;
    -webkit-font-feature-settings: "kern", "liga", "clig", "calt", "palt" !important;
    font-feature-settings: "kern", "liga", "clig", "calt", "palt" !important;
    letter-spacing: 0.0125em;
    text-overflow: inherit;
}

/* dlig を以下にいれると「ドル」なども含めてリガチャーが設定されてしまう。 */


/*
 *  Media query
 */
.condScr {
    width: 2px;
}

@media (max-width:767px) {
    .condScr {
        width: 1px;
    }
}

/* scr-xs */
@media (min-width:768px) {
    .condScr {
        width: 2px;
    }
}

/* scr-sm */
@media (min-width:992px) {
    .condScr {
        width: 3px;
    }
}

/* scr-md */
@media (min-width:1120px) {
    .condScr {
        width: 4px;
    }
}

/* scr-lg */


/*
 *  Page size
 */
#wrapper,
.wrapper {
    position: relative;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    min-width: 320px;
    background-color: #fff;
    overflow-x: hidden;
    overflow-y: auto;
}

.container {
    position: relative;
    top: 0;
    clear: both;
    box-sizing: border-box;
    width: 100vw;
    height: 100%;
    min-width: 320px;
    max-width: 1280px;
    margin: 0px auto 0 auto;
    padding: 0;
}



/* scr-xs */
@media (max-width:767px) {
    .container {
        border-left: 15px solid rgba(0, 0, 0, 0);
        border-right: 15px solid rgba(0, 0, 0, 0);
    }
}


@media (min-width:768px) {
    .container {
        border-left: 60px solid rgba(0, 0, 0, 0);
        border-right: 60px solid rgba(0, 0, 0, 0);
    }
}

/* scr-sm */
@media (min-width:992px) {
    .container {
        border-left: 40px solid rgba(0, 0, 0, 0);
        border-right: 40px solid rgba(0, 0, 0, 0);
    }
}

/* scr-md */
@media (min-width:1120px) {
    .container {
        border-left: 40px solid rgba(0, 0, 0, 0);
        border-right: 40px solid rgba(0, 0, 0, 0);
    }
}

/* scr-lg */
.error {
    color: red;
}


/*
 *  General settings
 */
a,
a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:hover,
a:active {
    text-decoration: none;
    color: magenta;
}

hr {
    margin: 5px 0;
    padding: 0;
    border-top: 1px solid rgba(214, 214, 214, 1);
}

b,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "i9Figure", sans-serif;
    font-weight: normal;
    font-variant-ligatures: common-ligatures contextual;
    -moz-font-feature-settings: "kern", "liga", "clig", "calt";
    -ms-font-feature-settings: "kern", "liga", "clig", "calt";
    -webkit-font-feature-settings: "kern", "liga", "clig", "calt";
    font-feature-settings: "kern", "liga", "clig", "calt";
    text-overflow: ellipsis;
}

h1 .ja,
h2 .ja,
h3 .ja,
h4 .ja,
h5 .ja,
h6 .ja {
    letter-spacing: .5px;
    color: inherit;
}

.ja-small,
.ja {
    font-family: "i9Figure", sans-serif;
}

.ja:link,
.ja:hover,
.ja:visited,
.ja:active {
    color: inherit;
}

hr.smVMargin {
    margin-top: 0em;
    margin-bottom: -.75em;
}

hr.vmargin-30 {
    margin: .3em 0;
}

hr.vmargin-30-transparent {
    opacity: 0;
    margin: .3em 0;
}

h1 {
    margin: 0;
    padding: 0;
    font-size: 30px;
    color: #333;
}

h1,
h1 a {
    font-size: 30px;
    line-height: 1.125em;
    margin: 0;
    padding: 0;
}

h1 .ja {
    font-family: "i9Figure", sans-serif;
    font-size: 13px;
    line-height: 30px;
    text-indent: 1px;
}

h2 {
    border-bottom: 1px solid rgba(0, 0, 0, .125);
    margin-bottom: 50px;
}

h2,
h2 a {
    font-kerning: none;
    font-family: "i9Figure", sans-serif;
    font-size: 28px;
    line-height: 45px;
}

h2 .ja {
    font-family: "i9Figure", sans-serif;
    font-size: 14px;
    line-height: 28px;
    text-indent: 2px;
    border-bottom: solid 25px rgba(0, 0, 0, 0);
}

h3,
h3 a {
    font-size: 18px;
    line-height: 24px;
    margin-top: 0px;
    margin-bottom: 3px;
    color: #333;
}

h3 .ja {
    color: #444;
    font-size: 14px;
    line-height: 30px;
}

h4,
h5,
h6 {
    font-size: 16px;
    line-height: 20px !important;
    margin: 0 0 15px 0;
    padding: 0;
}

h4 a,
h5 a,
h6 a {
    font-size: inherit;
    color: inherit;
}

h4 a:hover,
h4 a:active,
h5 a:hover,
h5 a:active,
h6 a:hover,
h6 a:active {
    color: rgba(0, 125, 214, 1);
}

h4 .ja,
h5 .ja,
h6 .ja {
    font-size: 14px;
    line-height: inherit;
}

h6 {
    font-family: "i9Figure", sans-serif;
    font-weight: normal;
    font-size: 12px;
    color: rgba(0, 0, 0, .666);
    line-height: 1em;
    margin: .5em 0 .5em 0;
    padding: 3px 0 0 0px;
    letter-spacing: .5px;
    text-indent: .5px;
}

h6:first-child {
    margin-top: -.5em;
}

.table {
    margin-left: 0;
    margin-right: 0;
}

.table.noBorder th {
    white-space: nowrap;
}

.table.noBorder th,
.table.noBorder td {
    border: none;
    padding-left: 0;
    padding-top: 2px;
    padding-bottom: 2px;
}

span {
    color: inherit;
}

.text {
    line-height: 1.8em;
    text-align: justify;
    text-justify: inter-ideograph;
    display: block;
    margin-bottom: 0px;
}

.text.large {
    color: rgba(0, 0, 0, .5);
    font-size: 18px;
    text-align: justify;
    text-justify: inter-ideograph;
}

.scr-lg .text.large {
    font-size: 18px;
}

.scr-md .text.large {
    font-size: 16px;
}

.scr-sm .text.large {
    font-size: 15px;
}

.scr-xs .text.large {
    font-size: 15px;
    color: #000;
}

pre {
    tab-size: 3em;
    -moz-tab-size: 3em;
}

pre.text {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    box-sizing: border-box;
    white-space: pre-wrap;
    word-break: normal;
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    font-kerning: normal;
    font-variant-ligatures: common-ligatures contextual;
    -moz-font-feature-settings: "kern", "liga", "clig", "calt", "palt";
    -ms-font-feature-settings: "kern", "liga", "clig", "calt", "palt";
    -webkit-font-feature-settings: "kern", "liga", "clig", "calt", "palt";
    font-feature-settings: "kern", "liga", "clig", "calt", "palt";
    line-height: 1.8em;
    text-align: justify;
    text-justify: inter-ideograph;
    display: block;
    margin-bottom: 10px;
}

pre.asText {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    box-sizing: border-box;
    white-space: pre-wrap;
    word-break: normal;
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    text-align: justify;
    text-justify: inter-ideograph;
    font-kerning: normal;
    font-variant-ligatures: common-ligatures contextual;
    -moz-font-feature-settings: "kern", "liga", "clig", "calt", "palt";
    -ms-font-feature-settings: "kern", "liga", "clig", "calt", "palt";
    -webkit-font-feature-settings: "kern", "liga", "clig", "calt", "palt";
    font-feature-settings: "kern", "liga", "clig", "calt", "palt";
}

pre.asText.ragid,
pre.text.ragid {
    text-align: left;
}

pre.asAnonText {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    box-sizing: border-box;
    white-space: pre-wrap;
    word-break: normal;
    font-family: inherit;
    font-weight: inherit;
    font-size: 11px;
    line-height: 1.6em;
    text-align: justify;
    text-justify: inter-ideograph;
    font-kerning: normal;
    font-variant-ligatures: common-ligatures contextual;
    -moz-font-feature-settings: "kern", "liga", "clig", "calt", "palt";
    -ms-font-feature-settings: "kern", "liga", "clig", "calt", "palt";
    -webkit-font-feature-settings: "kern", "liga", "clig", "calt", "palt";
    font-feature-settings: "kern", "liga", "clig", "calt", "palt";
}

pre.asAnonText.ragid {
    text-align: left;
}

.anon {
    font-size: 11px;
    color: rgba(0, 0, 0, .64);
}

.anonText {
    color: #333;
    font-family: inherit;
    font-weight: inherit;
    font-size: 11px;
    line-height: 1.6em;
}

.off {
    line-height: inherit;
    color: #aaa;
}

.anonText.off {
    color: #aaa;
}

.asAnonText.off {
    color: #aaa;
}

pre.asAnonText {
    color: #333;
    margin: 0;
    padding: 2px 0 2px 0;
    background: none;
    border: none;
    box-sizing: border-box;
    white-space: pre-wrap;
    word-break: normal;
    font-family: inherit;
    font-weight: inherit;
    font-size: 11px;
    line-height: 1.6em;
    font-kerning: normal;
    font-variant-ligatures: common-ligatures contextual;
    -moz-font-feature-settings: "kern", "liga", "clig", "calt";
    -ms-font-feature-settings: "kern", "liga", "clig", "calt";
    -webkit-font-feature-settings: "kern", "liga", "clig", "calt";
    font-feature-settings: "kern", "liga", "clig", "calt";
}

.otherSiteLink {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}

pre.text.body {
    font-size: 18px;
}

pre h1 {
    font-size: inherit;
    font-weight: bold;
    margin: 0;
    padding: 0;
    display: block;
}

pre h2 {
    font-size: 15px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    display: inline-block;
    border: none;
}

pre p {
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    display: inline-block;
    margin: 0;
    padding: 0;
}

pre p.indent-1 {
    padding: 0 0 0 2em;
    text-indent: -2em;
}

pre p.align-right {
    width: 100%;
    text-align: right;
}

b {
    font-family: "i9Figure", sans-serif;
    font-weight: bold;
}

i {
    font-family: "i9Figure", sans-serif;
    font-weight: normal;
}

i.bold,
b i {
    font-family: "i9Figure", sans-serif;
    font-weight: bold;
}

/*
 *  columned text
 */
.column-xs-4 {
    column-count: 4;
    column-gap: 30px;
}

.column-xs-3 {
    column-count: 3;
    column-gap: 30px;
}

.column-xs-2 {
    column-count: 2;
    column-gap: 30px;
}

.scr-lg .column-4 {
    column-count: 4;
    column-gap: 30px;
}

.scr-md .column-4 {
    column-count: 2;
    column-gap: 30px;
}

.scr-sm .column-4 {
    column-count: 2;
    column-gap: 30px;
}

.scr-xs .column-4 {
    column-count: 1;
    column-gap: 30px;
}

.scr-lg .column-3 {
    column-count: 3;
    column-gap: 30px;
}

.scr-md .column-3 {
    column-count: 3;
    column-gap: 30px;
}

.scr-sm .column-3 {
    column-count: 2;
    column-gap: 30px;
}

.scr-xs .column-3 {
    column-count: 1;
    column-gap: 30px;
}

.scr-lg .column-2 {
    column-count: 2;
    column-gap: 30px;
}

.scr-md .column-2 {
    column-count: 2;
    column-gap: 30px;
}

.scr-sm .column-2 {
    column-count: 1;
    column-gap: 30px;
}

.scr-xs .column-2 {
    column-count: 1;
    column-gap: 30px;
}

/*
 *  Pager
 */
#pagerTop,
#pagerBottom {
    position: relative;
    min-height: 96px;
    border-bottom: 96px solid rgba(0, 0, 0, 0);
}

#pagerTop {}

#pagerBottom {}

.pager {
    float: right;
    margin: 0 0 15px 0;
}

.pager li a {
    width: 90px !important;
    font-size: 12px;
    margin: 0 5px;
}

.pager li a:hover,
.pager li a:active {
    background-color: #000;
    color: #fff;
    border-color: #000;
}

.sort {
    float: left;
    white-space: nowrap;
    margin: 0 0 10px 0;
}

.pagination {
    float: left;
    margin: 0 20px 15px 5px;
}

.pagination li a {
    font-size: 12px;
}

.pagination li.current.disabled a {
    border-color: #000;
    background-color: #000;
    color: #fff;
    font-size: 12px;
}

.pagination li a:hover,
.pagination li a:active {
    border-color: #000;
    background-color: #000;
    color: #fff;
    font-size: 12px;
}

.thumbnailSize {
    float: right;
    width: auto;
    white-space: nowrap;
    margin: 0 0 10px 0;
}

.thumbnailSize .input-group-addon {
    margin-left: auto;
    display: block;
    float: left;
    width: auto;
    margin-top: 2px;
}

@media (max-width:401px) {
    .pager li a {
        padding-top: 6px;
        padding-bottom: 6px;
    }

    .pagination li a {
        padding: 6px 10px;
    }
}

/* scr-xxs */
@media (min-width:767px) {
    .pager li a {
        padding-top: 6px;
        padding-bottom: 6px;
    }

    .pagination li a {
        padding: 6px 10px;
    }
}

/* scr-xs */
@media (min-width:768px) {
    .pager li a {
        padding-top: 6px;
        padding-bottom: 6px;
    }

    .pagination li a {
        padding: 6px 10px;
    }
}

/* scr-sm */
@media (min-width:992px) {
    .pager li a {
        padding-top: 6px;
        padding-bottom: 6px;
    }

    .pagination li a {
        padding: 6px 12px;
    }
}

/* scr-md */
@media (min-width:1120px) {
    .pager li a {
        padding-top: 6px;
        padding-bottom: 6px;
    }

    .pagination li a {
        padding: 6px 12px;
    }
}

/* scr-lg */


/*
 *  Heart.independent
 */
a.heart.independent {
    display: inline-block;
    border-bottom: 8px solid rgba(0, 0, 0, 0);
}

a.heart.independent span.add,
a.heart.independent span.remove,
a.heart.independent span.favorite {
    font-size: 10px;
    line-height: 24px;
    color: rgba(255, 44, 121, .8);
    display: none;
}

a.heart.independent span.heartmark+span.add {
    display: inline;
}

a.heart.independent.on span.heartmark+span.add+span.remove+span.favorite {
    display: inline;
}

a.heart.independent.on span.heartmark+span.add,
a.heart.independent.on span.heartmark+span.add+span.remove {
    display: none;
}

a.heart.independent.on:hover span.heartmark+span.add,
a.heart.independent.on:hover span.heartmark+span.add+span.remove+span.favorite {
    display: none;
}

a.heart.independent.on:hover span.heartmark+span.add+span.remove {
    display: inline;
}

a.heart.independent.on:hover span.heartmark,
a.heart.independent span.heartmark {
    margin: 0;
    padding: 0;
    width: 28px;
    height: 28px;
    display: inline-block;
    font-size: 12px;
    line-height: 25px;
    text-indent: 1px;
    text-align: center;
    color: rgba(255, 44, 121, 1);
    background-color: #fff;
    border-radius: 28px;
    opacity: 1;
    border: 1px solid rgba(255, 44, 121, 1);
}

a.heart.independent:hover span.heartmark,
a.heart.independent.on span.heartmark {
    opacity: 1;
    background: rgba(255, 44, 121, 1);
    color: #fff;
}

a.heart.independent span.heartmark:before {
    content: "\e143";
}

/*
 *  Thumbnail
 */
#thumbs {
    overflow: hidden;
    border-top: 10px solid rgba(0, 0, 0, 0);
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
}

.thumb {
    float: left;
    margin: 0 0 10px 0;
    padding: 20px .75vw 55px 2vw;
    width: calc(calc(100% / 8));
    border: none;
    border: 1px solid rgba(255, 255, 255, 0);
    position: relative;
    box-sizing: border-box;
}

.thumb:hover {}

.thumb a.image {
    width: 100%;
    height: auto !important;
    display: block;
    margin: 0 0 10px 0;
    overflow: auto;
}

.thumb a.image .copyrighted {
    position: absolute;
    top: 12px;
    left: 2vw;
    padding: .1em .75em .1em .75em;
    max-width: 100%;
    white-space: normal;
    background: rgba(0, 0, 0, .1);
    color: #fff;
    font-size: 9.5px;
    line-height: 15px !important;
    border-radius: 3px;
    letter-spacing: 1px;
}

.thumb a.image img {
    min-height: 36px;
    background-color: rgba(0, 0, 0, .01);
    -webkit-transition-property: all;
    -webkit-transition-duration: .125s;
    -webkit-transition-timing-function: linear;
    transition-property: all;
    transition-duration: .125s;
    transition-timing-function: linear;
}

.thumb a.image img:hover {
    -webkit-filter: saturate(0%) brightness(60%);
    -moz-filter: saturate(0%) brightness(60%);
    -o-filter: saturate(0%) brightness(60);
    -ms-filter: saturate(0%) brightness(60%);
    filter: saturate(0%) brightness(60%);
    opacity: 1;
}

.thumb a.image:hover,
.thumb a.image:hover .title {
    background-size: contain;
    color: #e4007f;
}

.thumb .title,
.thumb .creator,
.thumb .year {
    position: absolute;
    left: 2vw;
    display: block;
    margin-right: 0;
    padding-right: 2.5vw;
    width: 100%;
    height: 16px;
    font-size: 13px;
    line-height: 13px;
}

.thumb .title {
    color: inherit;
    color: #333;
    bottom: 40px;
    text-transform: capitalize;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.thumb .creator {
    color: #999;
    bottom: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}

.thumb .creator:hover {
    color: #e4007f;
}

.thumb .year {
    color: #666;
    bottom: 0;
}

.thumb a.heart {
    width: 36px;
    height: 36px;
    display: block;
    font-size: 16px;
    line-height: 36px;
    text-indent: 1px;
    position: absolute;
    text-align: center;
    z-index: 100;
    right: 9%;
    bottom: 72px;
    color: rgba(255, 255, 255, 1);
    border-radius: 18px;
    opacity: 0;
}

.thumb a.heart.on {
    opacity: 1;
    background: rgba(255, 44, 121, 1);
}

.thumb a.heart:before {
    content: "\e143";
}

.thumb a.heart.on:before {
    content: "\e143";
}

.thumb:hover a.heart {
    opacity: .7;
    background: rgba(255, 44, 121, 1);
}

.thumb a.heart:hover {
    opacity: 1;
    background: rgba(255, 44, 121, 1);
}

.thumb:hover a.heart.on {
    opacity: 1;
}

.thumb:hover a.heart.on:hover {
    opacity: 1;
    background: rgba(0, 0, 0, .6);
}

.thumb a.heart.on:hover:before {
    opacity: 1;
    content: "\e014";
}

/* 以下は md, 以下のハートマーク表示の定義 */
.thumb a.heart.md {
    background: none;
    opacity: 1;
    width: 100%;
    text-align: right;
    height: 30px;
    display: inline-block;
    position: absolute;
    font-size: 16px;
    color: rgba(255, 44, 121, 1);
    z-index: 10000;
    right: 0px;
    bottom: 28px;
}

.thumb a.heart.md {
    color: #666;
    font-size: 13px;
    bottom: 0px;
    right: 10px;
}

.thumb a.heart.md.on,
.thumb a.heart.md:active,
.thumb a.heart.md:hover {
    background: rgba(0, 0, 0, 0) !important;
    opacity: .5;
    color: magenta;
}

.thumb a.heart.md.on {
    opacity: 1;
}

.thumb a.heart.md.on:hover:before {
    content: "\e014";
    opacity: 1;
}

.thumb a.heart.md:before {
    content: "\e143";
}

.thumb a.heart.md.on:before {
    content: "\e005";
}

/*
 *  Thumbnail - s, m, l
 */
#thumbs.s .thumb {
    width: calc(100% / 5);
}

#thumbs.m .thumb {
    width: calc(100% / 4);
}

#thumbs.l .thumb {
    width: calc(100% / 3);
}

@media (max-width:400px) {
    .condScr {
        width: 1px;
    }

    .thumbnailSize {
        display: none;
    }

    .sort {
        float: right;
    }

    #thumbs.s .thumb {
        width: calc(100% / 2);
    }

    #thumbs.m .thumb {
        width: calc(100% / 2);
    }

    #thumbs.l .thumb {
        width: calc(100% / 2);
    }
}

/* scr-xxs */
@media (min-width:401px) {
    .condScr {
        width: 1px;
    }

    .thumbnailSize {
        display: none;
    }

    .sort {
        float: right;
    }

    #thumbs.s .thumb {
        width: calc(100% / 3);
    }

    #thumbs.m .thumb {
        width: calc(100% / 3);
    }

    #thumbs.l .thumb {
        width: calc(100% / 3);
    }
}

/* scr-xs */
@media (min-width:767px) {
    .condScr {
        width: 1px;
    }

    .thumbnailSize {
        display: none;
    }

    .sort {
        float: right;
    }

    #thumbs.s .thumb {
        width: calc(100% / 4);
    }

    #thumbs.m .thumb {
        width: calc(100% / 3);
    }

    #thumbs.l .thumb {
        width: calc(100% / 2);
    }
}

/* scr-xs */
@media (min-width:768px) {
    .condScr {
        width: 2px;
    }

    .thumbnailSize {
        display: none;
    }

    .sort {
        float: right;
    }

    #thumbs.s .thumb {
        width: calc(100% / 4);
    }

    #thumbs.m .thumb {
        width: calc(100% / 3);
    }

    #thumbs.l .thumb {
        width: calc(100% / 2);
    }
}

/* scr-sm */
@media (min-width:992px) {
    .condScr {
        width: 3px;
    }

    .sort {
        clear: both;
    }

    .thumbnailSize {
        display: block;
    }

    #thumbs.s .thumb {
        width: calc(100% / 4);
    }

    #thumbs.m .thumb {
        width: calc(100% / 3);
    }

    #thumbs.l .thumb {
        width: calc(100% / 2);
    }
}

/* scr-md */
@media (min-width:1120px) {
    .condScr {
        width: 4px;
    }

    .thumbnailSize {
        display: block;
    }

    #thumbs.s .thumb {
        width: calc(100% / 5);
    }

    #thumbs.m .thumb {
        width: calc(100% / 4);
    }

    #thumbs.l .thumb {
        width: calc(100% / 3);
    }
}

/* scr-lg */


/*
 * swiper-lg
 */
.swiper-lg {
    position: relative;
    width: 100%;
    height: 100%;
    margin-left: -0px;
}

.swiper-lg .swiper-container {
    height: 32em;
    max-height: 32em;
    margin: 0 auto 2em auto;
}

.swiper-lg .swiper-slide {
    position: relative;
    width: auto;
    height: 100%;
    padding-bottom: 30px;
    user-select: none;
}

.swiper-lg .itemImage {
    height: 100%;
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center top;
}

.swiper-lg .itemImage.zoomed {
    background-size: auto;
}

.swiper-lg .texts {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 1px;
    overflow-x: hidden;
    color: #aaa;
    font-size: 10px;
}

.swiper-lg .swiper-pagination {
    position: absolute;
    width: 100%;
    bottom: 0;
    text-align: right;
    padding-right: 20px;
}

.swiper-lg .swiper-pagination-bullet {
    height: 7px;
    width: 7px;
    padding: 0;
    background: black;
}

.swiper-lg .swiper-button-next,
.swiper-lg .swiper-button-prev {
    background: none;
    font-size: 40px;
    line-height: 10em;
    width: 30px;
    height: 100%;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0px;
    color: rgba(0, 0, 0, .3);
    user-select: none;
}

.swiper-lg .swiper-button-next:hover,
.swiper-lg .swiper-button-prev:hover {
    color: rgba(0, 0, 0, 1);
}

.swiper-lg .swiper-button-prev {
    text-align: left;
    left: -40px;
}

.swiper-lg .swiper-button-next {
    text-align: right;
    left: calc(100% + 10px);
}

.scr-xs .swiper-lg .swiper-container {
    height: 28em;
    max-height: 28em;
}

.scr-sm .swiper-lg .swiper-container {
    height: 32em;
    max-height: 32em;
}

.scr-md .swiper-lg .swiper-container {
    height: 32em;
    max-height: 32em;
}

.scr-lg .swiper-lg .swiper-container {
    height: 32em;
    max-height: 32em;
}

.scr-xs .swiper-lg .swiper-button-next,
.scr-xs .swiper-lg .swiper-button-prev {
    line-height: 10em;
}

.scr-sm .swiper-lg .swiper-button-next,
.scr-sm .swiper-lg .swiper-button-prev {
    line-height: 10em;
}

.scr-md .swiper-lg .swiper-button-next,
.scr-md .swiper-lg .swiper-button-prev {
    line-height: 10em;
}

.scr-lg .swiper-lg .swiper-button-next,
.scr-lg .swiper-lg .swiper-button-prev {
    line-height: 10em;
}


/*
 * swiper-static
 */
.swiper-static {
    position: relative;
}

.swiper-static .swiper-wrapper {
    width: calc(100%);
}

.swiper-static .swiper-slide {
    position: relative;
    width: auto;
    user-select: none;
}

.scr-xs .swiper-static .col-100pc .img {
    background-size: cover;
    background-position: center center;
}

.scr-xs .swiper-static .col-75pc .img,
.scr-xs .swiper-static .col-66pc .img,
.scr-xs .swiper-static .col-50pc .img {
    background-size: cover;
    background-position: center 15%;
}

.scr-xs .swiper-static .col-33pc .img,
.scr-xs .swiper-static .col-20pc .img,
.scr-xs .swiper-static .col-25pc .img {
    background-size: cover;
    background-position: center 20%;
}

.scr-xs .swiper-static .col-100pc .bio,
.scr-xs .swiper-static .col-75pc .bio,
.scr-xs .swiper-static .col-66pc .bio,
.scr-xs .swiper-static .col-50pc .bio {
    /*margin-top:-85px;*/
}

.scr-xs .tags {
    width: 100%;
    border-right: solid 30px rgba(0, 0, 0, 0);
}

.scr-xs .bio {
    display: none;
}

.scr-xs .col-50pc .bio,
.scr-xs .col-50pc .tags,
.scr-xs .col-66pc .bio,
.scr-xs .col-66pc .tags,
.scr-xs .col-75pc .bio,
.scr-xs .col-75pc .tags,
.scr-xs .col-100pc .bio,
.scr-xs .col-100pc .tags {
    width: 50%;
    float: left;
    display: block;
}

.scr-sm .swiper-static .col-100pc .img {
    background-size: cover;
    background-position: center center;
}

.scr-sm .swiper-static .col-75pc .img,
.scr-sm .swiper-static .col-66pc .img,
.scr-sm .swiper-static .col-50pc .img {
    background-size: cover;
    background-position: center 15%;
}

.scr-sm .swiper-static .col-33pc .img,
.scr-sm .swiper-static .col-25pc .img,
.scr-sm .swiper-static .col-25pc .img {
    background-size: cover;
    background-position: center 20%;
}

.scr-sm .swiper-static .col-100pc .bio,
.scr-sm .swiper-static .col-75pc .bio,
.scr-sm .swiper-static .col-66pc .bio,
.scr-sm .swiper-static .col-50pc .bio {
    /*margin-top:-85px;*/
}

.scr-sm .col-75pc .bio,
.scr-sm .col-75pc .tags,
.scr-sm .col-66pc .bio,
.scr-sm .col-66pc .tags,
.scr-sm .col-50pc .bio,
.scr-sm .col-50pc .tags {
    float: left;
    width: 50%;
}

.scr-sm .swiper-static .col-33pc .bio,
.scr-sm .swiper-static .col-25pc .bio,
.scr-sm .swiper-static .col-20pc .bio {
    display: none;
}

.scr-md .swiper-static .col-100pc .img {
    background-size: cover;
    background-position: center center;
}

.scr-md .swiper-static .col-75pc .img,
.scr-md .swiper-static .col-66pc .img,
.scr-md .swiper-static .col-50pc .img {
    background-size: cover;
    background-position: center 15%;
}

.scr-md .swiper-static .col-33pc .img,
.scr-md .swiper-static .col-25pc .img,
.scr-md .swiper-static .col-25pc .img {
    background-size: cover;
    background-position: center 20%;
}

.scr-md .swiper-static .col-100pc .bio,
.scr-md .swiper-static .col-75pc .bio,
.scr-md .swiper-static .col-66pc .bio,
.scr-md .swiper-static .col-50pc .bio {
    /*margin-top:-85px;*/
}

.scr-md .col-75pc .bio,
.scr-md .col-75pc .tags,
.scr-md .col-66pc .bio,
.scr-md .col-66pc .tags,
.scr-md .col-50pc .bio,
.scr-md .col-50pc .tags {
    float: left;
    width: 50%;
}

.scr-md .swiper-static .col-33pc .bio,
.scr-md .swiper-static .col-25pc .bio,
.scr-md .swiper-static .col-20pc .bio {
    display: none;
}

.scr-lg .swiper-static .col-100pc .img,
.scr-lg .swiper-static .col-75pc .img {
    background-size: cover;
    background-position: center center;
}

.scr-lg .swiper-static .col-66pc .img,
.scr-lg .swiper-static .col-50pc .img,
.scr-lg .swiper-static .col-33pc .img,
.scr-lg .swiper-static .col-25pc .img,
.scr-lg .swiper-static .col-20pc .img {
    background-size: cover;
    background-position: center 20%;
}

.scr-lg .swiper-static .col-100pc .bio,
.scr-lg .swiper-static .col-75pc .bio,
.scr-lg .swiper-static .col-66pc .bio,
.scr-lg .swiper-static .col-50pc .bio {
    /*margin-top:-85px;*/
}

.scr-lg .swiper-static .col-75pc .bio,
.scr-lg .swiper-static .col-75pc .tags,
.scr-lg .swiper-static .col-66pc .bio,
.scr-lg .swiper-static .col-66pc .tags,
.scr-lg .swiper-static .col-50pc .bio,
.scr-lg .swiper-static .col-50pc .tags {
    display: block;
    float: left;
    width: 50%;
}

.scr-lg .swiper-static .col-33pc .bio,
.scr-lg .swiper-static .col-20pc .bio,
.scr-lg .swiper-static .col-25pc .bio {
    display: none;
}

.swiper-static .img {
    display: block;
    width: 100%;
    height: 280px;
    background-color: rgba(0, 0, 0, .025);
    background-size: 100%;
    background-position: center 20%;
    -webkit-transition-property: all;
    -webkit-transition-duration: .125s;
    -webkit-transition-timing-function: linear;
    transition-property: all;
    transition-duration: .125s;
    transition-timing-function: linear;
}

.swiper-static .img:hover,
.swiper-static .thumb_img_div:hover+.img {
    -webkit-filter: saturate(0%) brightness(60%);
    -moz-filter: saturate(0%) brightness(60%);
    -o-filter: saturate(0%) brightness(60);
    -ms-filter: saturate(0%) brightness(60%);
    filter: saturate(0%) brightness(60%);
    opacity: 1;
}

.swiper-static .texts {
    position: relative;
    overflow-y: hidden;
}

.swiper-static.with-detail .texts {
    height: 300px;
}

.swiper-static .texts .text {
    font-size: 13px;
    line-height: 22px;
}

.swiper-static .name {
    font-size: 12px;
    color: #999;
    float: left;
    margin: 5px 0 20px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}

.swiper-static .name h5.en_name {
    margin: 15px 0 3px 0;
    font-size: 13px;
}

.swiper-static .name .ja_name {
    margin: 0 0 3px 0;
    color: #000;
    font-size: 12px;
}

.swiper-static .nation-year {
    font-size: 11px;
    line-height: 18px;
    padding: 0 0 0 0;
    letter-spacing: .5px;
}

.swiper-static .tags {
    white-space: normal;
    clear: both;
}

.swiper-static .tags a.tag {
    display: block;
    magin: 0 20px 30px 0;
    text-overflow: ellipsis;
}

.swiper-static .bio {
    max-width: 100%;
    border-right: 30px solid rgba(0, 0, 0, 0);
}

.swiper-static .more {
    text-align: center;
    height: 5em;
    width: 100%;
    display: block;
    position: absolute;
    bottom: 0px;
    background-image: url('../../libs/images/white_gradient.png');
    background-position: center bottom;
    background-size: 5em;
    background-repeat: repeat-x;
}

.swiper-static .more .btn {}

.swiper-static .swiper-button-next,
.swiper-static .swiper-button-prev {
    background: none;
    font-size: 45px;
    line-height: 200px;
    width: 30px;
    height: 100%;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0px;
    color: rgba(0, 0, 0, .3);
    user-select: none;
}

.swiper-static .swiper-button-next:hover,
.swiper-static .swiper-button-prev:hover {
    color: rgba(0, 0, 0, 1);
}

.swiper-static .swiper-button-prev {
    text-align: left;
    left: -40px;
}

.swiper-static .swiper-button-next {
    text-align: right;
    left: calc(100% + 10px);
}

.swiper-static .swiper-container {
    padding: 0;
    margin: 0;
    border: none;
}

.swiper-static .swiper-slide.header {
    margin-right: 15px;
}


/*
 * .swiper-static.sm
 */
.swiper-static.sm .col-25pc,
.swiper-static.sm .col-20pc {
    border-right: 1px solid rgba(214, 214, 214, 0);
}

.swiper-static.sm .img {
    background-size: cover;
}

.swiper-static.sm .col-25pc:last-child,
.swiper-static.sm .col-20pc:last-child {
    padding-right: 0px;
    border-right: 1px solid rgba(0, 0, 0, 0);
}

.swiper-static.sm .swiper-slide {
    width: 160px;
}

.scr-xs .swiper-static.sm .col-25pc,
.scr-xs .swiper-static.sm .col-20pc {
    max-width: calc(33.33333%) !important;
    min-width: calc(33.33333%) !important;
}

.scr-xs .swiper-static.sm .swiper-wrapper .swiper-slide.header {
    min-width: calc(50%) !important;
}

.scr-sm .swiper-static.sm .col-25pc,
.scr-sm .swiper-static.sm .col-20pc {
    max-width: calc(25%) !important;
    min-width: calc(25%) !important;
}

.scr-sm .swiper-static.sm .swiper-wrapper .swiper-slide.header {
    min-width: calc(33.3333%) !important;
}

.scr-md .swiper-static.sm .col-25pc,
.scr-md .swiper-static.sm .col-20pc {
    max-width: calc(25%) !important;
    min-width: calc(25%) !important;
}

.scr-md .swiper-static.sm .swiper-wrapper .swiper-slide.header {
    min-width: calc(33.3333%) !important;
}

.scr-lg .swiper-static.sm .col-20pc {
    max-width: calc(20%) !important;
    min-width: calc(20%) !important;
}

.scr-lg .swiper-static.sm .col-25pc {
    max-width: calc(25%) !important;
    min-width: calc(25%) !important;
}

.scr-lg .swiper-static.sm .swiper-wrapper .swiper-slide.header {
    min-width: calc(33.3333%) !important;
}

.swiper-static.sm .swiper-wrapper .swiper-slide.header {
    position: relative;
    min-width: calc(33.3333%);
    margin-right: 0px;
    box-sizing: border-box;
}

.scr-xs .swiper-static.sm .swiper-slide.header {
    min-width: calc(50% - 15px);
}

.scr-sm .swiper-static.sm .swiper-slide.header {
    min-width: calc(50% - 15px);
}

.scr-md .swiper-static.sm .swiper-slide.header {
    width: calc(33.3333% + 20px);
}

.scr-lg .swiper-static.sm .swiper-slide.header {
    width: calc(33.3333% + 5px);
}

.swiper-static.sm .col-20pc {
    max-width: calc(20%);
    min-width: calc(20%);
}

.swiper-static.sm .col-25pc {
    max-width: calc(25%);
    min-width: calc(25%);
}

.swiper-static.sm .img {
    height: 120px;
    width: 120px;
    border-radius: 60px;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, .2);
}

.swiper-static.sm .name {
    max-width: calc(100% - 15px);
    min-width: calc(100% - 15px);
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.swiper-static.sm .texts .en_name {
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.swiper-static.sm .texts .ja_name {
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.swiper-static.sm .texts .nation-year {
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.scr-xs .swiper-static.sm .img {
    height: 100px;
    width: 100px;
    border-radius: 50px;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, .2);
}

.scr-xs .swiper-static .texts {
    top: -5px;
    font-size: 10px;
}

.scr-xs .swiper-static .texts * {
    top: -10px;
    font-size: 10px;
    line-height: 17px;
}

.scr-xs .swiper-static .swiper-slide {
    max-width: 135px;
    min-width: 135px;
    height: 210px;
}

/*
 * .swiper-static.sm .swiper-static-noswipe 
 */
.swiper-static-noswipe-wrapper {
    width: (100% + 50px);
    margin-right: -20px;
    margin-right: -30px;
}

.swiper-static.sm .swiper-static-noswipe {
    width: 100%;
    min-height: 100px;
    box-sizing: border-box;
    height: auto !important;
    white-space: normal;
    margin: -35px -15px 0 0;
    overflow: hidden;
}

.swiper-static.sm .swiper-static-noswipe .swiper-slide {
    border-top: 35px solid rgba(0, 0, 0, 0);
    display: inline-block !important;
    width: 25% !important;
    float: left !important;
    white-space: normal;
    margin: 0;
    padding-left: 5px;
}

.swiper-static.sm .swiper-static-noswipe .swiper-slide .img {
    display: block;
    width: 150px;
    height: 150px;
    border-radius: 120px;
    padding: 0 0 0 5px;
    background-size: 100% auto !important;
    background-position: center center !important;
}

/* scr-xxs */
@media (max-width:400px) {
    .scr-xs .swiper-static.sm .swiper-static-noswipe .swiper-slide {
        min-width: 33% !important;
        background: transparent;
    }

    .scr-xs .swiper-static.sm .swiper-static-noswipe .swiper-slide .img {
        width: 96px;
        height: 96px;
        border-radius: 96px;
    }
}

/* scr-xs */
@media (min-width:401px) and (max-width:767px) {
    .scr-xs .swiper-static.sm .swiper-static-noswipe .swiper-slide {
        min-width: 33% !important;
        background: transparent;
    }

    .scr-xs .swiper-static.sm .swiper-static-noswipe .swiper-slide .img {
        width: 110px;
        height: 110px;
        border-radius: 102px;
    }
}

/* scr-sm */
@media (min-width:768px) and (max-width:991px) {
    .swiper-static.sm .swiper-static-noswipe .swiper-slide {
        width: 20% !important;
        background: transparent;
    }

    .swiper-static.sm .swiper-static-noswipe .swiper-slide .img {
        width: 110px;
        height: 110px;
        border-radius: 110px;
    }
}

/* scr-md */
@media (min-width:992px) and (max-width:1119px) {
    .scr-md .swiper-static.sm .swiper-static-noswipe .swiper-slide {
        width: 20% !important;
        background: transparent;
    }

    .scr-md .swiper-static.sm .swiper-static-noswipe .swiper-slide .img {
        width: 120;
        height: 120;
        border-radius: 120;
    }
}

/* scr-lg */
@media (min-width:1120px) {
    .scr-lg .swiper-static.sm .swiper-static-noswipe .swiper-slide {
        width: 16.6666% !important;
        background: transparent;
    }

    .scr-lg .swiper-static.sm .swiper-static-noswipe .swiper-slide .img {
        width: 120px;
        height: 120px;
        border-radius: 120px;
    }
}

/*
 * swiper-variable
 */
h6.swiper-variable {
    font-size: 13px;
    margin-top: 0em;
    margin-bottom: 2.5em;
}

h6.swiper-variable .viewAll {
    display: inline-block;
    margin-right: 10px;
    font-size: 12px;
    letter-spacing: 1px;
    float: right;
    color: black;
}

h6.swiper-variable .viewAll:hover {
    color: rgba(0, 125, 214, 1);
}

.swiper-variable {
    position: relative;
    width: 100%;
    height: 100%;
    margin-bottom: 2em;
}

.swiper-variable .swiper-container {
    width: 100%;
    height: 100%;
}

.swiper-variable .swiper-slide {
    position: relative;
    width: auto;
    height: 240px;
    user-select: none;
    min-width: 120px;
}

.swiper-variable .swiper-slide .viewAllBox {
    display: block;
    background-color: #ddd;
    width: 180px;
    height: 144px;
    margin-right: 10px;
    line-height: 144px;
    text-align: center;
    color: white;
    font-size: 12px;
    letter-spacing: 1px;
    user-select: none;
    -webkit-transition-property: all;
    -webkit-transition-duration: .125s;
    -webkit-transition-timing-function: linear;
    transition-property: all;
    transition-duration: .125s;
    transition-timing-function: linear;
}

.swiper-variable .swiper-slide .viewAllBox:hover {
    color: rgba(0, 125, 214, 1);
    background-color: #fafafa;
}

.swiper-variable .img {
    height: 144px;
    width: auto;
    -webkit-transition-property: all;
    -webkit-transition-duration: .125s;
    -webkit-transition-timing-function: linear;
    transition-property: all;
    transition-duration: .125s;
    transition-timing-function: linear;
}

.swiper-variable .img:hover,
.swiper-variable .thumb_img_div:hover+.img {
    -webkit-filter: saturate(0%) brightness(60%);
    -moz-filter: saturate(0%) brightness(60%);
    -o-filter: saturate(0%) brightness(60);
    -ms-filter: saturate(0%) brightness(60%);
    filter: saturate(0%) brightness(60%);
    opacity: 1;
}

.swiper-variable .texts {
    position: absolute;
    top: 144px;
    right: 0;
    bottom: 0;
    left: 0;
    overflow-x: hidden;
}

.swiper-variable .texts .title {
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #333;
    margin-top: 6px;
    margin-left: 1px;
    padding-right: 6px;
    box-sizing: border-box;
    height: 16px;
}

.swiper-variable .texts .creator {
    display: block;
    margin-left: 1px;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #999;
    font-size: 13px;
    margin: 3px 0 5px 0;
    height: 14px;
}

.swiper-variable .texts .creator:hover {
    color: rgba(255, 101, 255, 1);
}

.swiper-variable .texts .year {
    margin-left: 1px;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #666;
    font-size: 13px;
    height: 14px;
}

.swiper-variable .texts .heart {
    color: #666;
    font-size: 13px;
    top: 44px;
    right: 5px;
}

.swiper-variable .texts .heart.on,
.swiper-variable .texts .heart:active,
.swiper-variable .texts .heart:hover {
    opacity: .5;
    color: rgba(0, 125, 214, 1);
    color: magenta;
}

.swiper-variable .texts .heart .lovedNumber {
    font-size: 13px;
    opacity: .5;
}

.swiper-variable .swiper-pagination {}

.swiper-variable .swiper-button-next,
.swiper-variable .swiper-button-prev {
    font-size: 40px;
    line-height: 200px;
    width: 30px;
    height: 100%;
    background: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    color: rgba(0, 0, 0, .3);
    user-select: none;
}

.swiper-variable .swiper-button-next:hover,
.swiper-variable .swiper-button-prev:hover {
    color: rgba(0, 0, 0, 1);
}

.swiper-variable .swiper-button-prev {
    text-align: left;
    left: -40px;
}

.swiper-variable .swiper-button-next {
    text-align: right;
    left: calc(100% + 10px);
}

.swiper-variable .swiper-slide.header {
    position: relative;
    min-width: calc(33.3333% - 30px);
    height: 240px;
    box-sizing: border-box;
}

.swiper-variable .swiper-slide.header h6 {
    line-height: 1em;
    margin-top: -3px;
    padding: 0;
}

.scr-xs .swiper-variable .swiper-slide.header {
    min-width: calc(50% - 15px);
}

.scr-sm .swiper-variable .swiper-slide.header {
    min-width: calc(50% - 15px);
}

.scr-md .swiper-variable .swiper-slide.header {
    min-width: calc(33.3333% - 15px);
}

.scr-lg .swiper-variable .swiper-slide.header {
    min-width: calc(33.3333% - 30px);
}

.swiper-variable a.heart {
    width: 100%;
    text-align: right;
    height: 30px;
    display: block;
    position: absolute;
    font-size: 16px;
    color: rgba(255, 44, 121, 1);
    z-index: 10000;
    right: 0px;
    bottom: 28px;
}

.swiper-variable .swiper-slide a.heart.on {
    opacity: 1;
}

.swiper-variable .swiper-slide a.heart:before {
    content: "\e143";
}

.swiper-variable .swiper-slide a.heart.on:before {
    content: "\e005";
}

.swiper-variable .swiper-slide:hover a.heart {
    opacity: 1;
}

.swiper-variable .swiper-slide:hover a.heart:hover {
    opacity: 1;
}

.swiper-variable .swiper-slide:hover a.heart:hover:before {
    content: "\e005";
}

.swiper-variable .swiper-slide:hover a.heart.on {
    opacity: 1;
}

.swiper-variable .swiper-slide:hover a.heart.on:hover {
    opacity: 1;
}

.swiper-variable .swiper-slide a.heart.on:hover:before {
    content: "\e014";
    opacity: 1;
}


/*
 * swiper-variable.lg
 */
h6.swiper-variable.lg {
    font-size: 13px;
    margin-top: 0em;
    margin-bottom: 2.5em;
}

h6.swiper-variable.lg .viewAll {
    display: inline-block;
    margin-right: 10px;
    font-size: 12px;
    letter-spacing: 1px;
    float: right;
    color: black;
}

h6.swiper-variable.lg .viewAll:hover {
    color: rgba(0, 125, 214, 1);
}

.swiper-variable.lg {
    position: relative;
    width: 100%;
    height: 100%;
}

.swiper-variable.lg .swiper-container {
    width: 100%;
    height: 100%;
}

.swiper-variable.lg .swiper-slide {
    position: relative;
    width: auto;
    height: 400px;
    user-select: none;
    min-width: 120px;
}

.swiper-variable.lg .swiper-slide .viewAllBox {
    display: block;
    background-color: #ddd;
    width: 240px;
    height: 280px;
    margin-right: 10px;
    line-height: 280px;
    text-align: center;
    color: white;
    font-size: 12px;
    letter-spacing: 1px;
    user-select: none;
    -webkit-transition-property: all;
    -webkit-transition-duration: .125s;
    -webkit-transition-timing-function: linear;
    transition-property: all;
    transition-duration: .125s;
    transition-timing-function: linear;
}

.swiper-variable.lg .swiper-slide .viewAllBox:hover {
    color: rgba(0, 125, 214, 1);
    background-color: #fafafa;
}

.swiper-variable.lg .img {
    height: 280px;
    width: auto;
    -webkit-transition-property: all;
    -webkit-transition-duration: .125s;
    -webkit-transition-timing-function: linear;
    transition-property: all;
    transition-duration: .125s;
    transition-timing-function: linear;
}

.swiper-variable.lg .img:hover {
    -webkit-filter: saturate(0%) brightness(60%);
    -moz-filter: saturate(0%) brightness(60%);
    -o-filter: saturate(0%) brightness(60);
    -ms-filter: saturate(0%) brightness(60%);
    filter: saturate(0%) brightness(60%);
    opacity: 1;
}

.swiper-variable.lg .texts {
    position: absolute;
    top: 280px;
    right: 0;
    bottom: 0;
    left: 0;
    overflow-x: hidden;
}

.swiper-variable.lg .texts .title {
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #333;
    margin-top: 6px;
    margin-left: 1px;
    padding-right: 6px;
    box-sizing: border-box;
}

.swiper-variable.lg .texts .creator {
    display: block;
    margin-left: 1px;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #999;
    font-size: 13px;
    margin: 3px 0 5px 0;
}

.swiper-variable.lg .texts .creator:hover {
    color: rgba(255, 101, 255, 1);
}

.swiper-variable.lg .texts .year {
    margin-left: 1px;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #666;
    font-size: 13px;
}

.swiper-variable.lg .texts .heart {
    color: #333;
    top: 41px;
}

.swiper-variable.lg .texts .heart.on,
.swiper-variable.lg .texts .heart:active,
.swiper-variable.lg .texts .heart:hover {
    opacity: .5;
    color: magenta;
    top: 41px;
}

.swiper-variable.lg .texts .heart .lovedNumber {
    font-size: 13px;
    opacity: .5;
}

.swiper-variable.lg .swiper-pagination {}

.swiper-variable.lg .swiper-button-next,
.swiper-variable.lg .swiper-button-prev {
    font-size: 40px;
    line-height: 280px;
    width: 30px;
    height: 100%;
    background: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    color: rgba(0, 0, 0, .3);
    user-select: none;
}

.swiper-variable.lg .swiper-button-next:hover,
.swiper-variable.lg .swiper-button-prev:hover {
    color: rgba(0, 0, 0, 1);
}

.swiper-variable.lg .swiper-button-prev {
    text-align: left;
    left: -40px;
}

.swiper-variable.lg .swiper-button-next {
    text-align: right;
    left: calc(100% + 10px);
}

.swiper-variable.lg .swiper-slide.header {
    position: relative;
    min-width: calc(33.3333%);
    height: 260px;
    border-right: none;
    box-sizing: border-box;
}

.scr-xs .swiper-variable.lg .swiper-slide.header {
    min-width: calc(50%);
}

.scr-sm .swiper-variable.lg .swiper-slide.header {
    min-width: calc(33.3333%);
}

.scr-md .swiper-variable.lg .swiper-slide.header {
    min-width: calc(33.3333%);
}

.scr-lg .swiper-variable.lg .swiper-slide.header {
    min-width: calc(33.3333%);
}


/*
 * swiper-single
 */
.swiper-single {
    position: relative;
    width: 100%;
    height: 100%;
}

.swiper-single .swiper-container {
    width: 100%;
    height: 100%;
}

.swiper-single .swiper-slide {
    position: relative;
    width: 100%;
    height: auto;
    user-select: none;
    min-width: 120px;
}

.swiper-single .img {
    height: auto;
    max-height: 480px;
    max-width: 100%;
    width: auto;
    -webkit-transition-property: all;
    -webkit-transition-duration: .125s;
    -webkit-transition-timing-function: linear;
    transition-property: all;
    transition-duration: .125s;
    transition-timing-function: linear;
}

.swiper-single .img:hover {
    /*-webkit-filter:saturate(0%) brightness(60%);-moz-filter:saturate(0%) brightness(60%);-o-filter:saturate(0%) brightness(60);-ms-filter:saturate(0%) brightness(60%);filter:saturate(0%) brightness(60%);opacity:1;*/
}

.swiper-single .texts {
    margin-top: 10px;
    width: 100%;
    overflow-x: hidden;
}

.swiper-single .texts .title {
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #333;
    margin-top: 6px;
    margin-left: 1px;
    padding-right: 6px;
    box-sizing: border-box;
}

.swiper-single .texts .creator {
    display: block;
    margin-left: 1px;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #999;
    font-size: 13px;
    margin: 3px 0 5px 0;
}

.swiper-single .texts .creator:hover {
    color: rgba(255, 101, 255, 1);
}

.swiper-single .texts .year {
    margin-left: 1px;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #666;
    font-size: 13px;
    float: left;
    width: 40%;
    clear: both;
}

.swiper-single .texts .heart {
    position: relative;
    color: #333;
    display: block;
    width: 60%;
    float: right;
}

.swiper-single .texts .heart.on,
.swiper-single .texts .heart:active,
.swiper-single .texts .heart:hover {
    opacity: .5;
    color: magenta;
}

.swiper-single .texts .heart .lovedNumber {
    font-size: 13px;
    opacity: .5;
}

.swiper-single .swiper-pagination {}

.swiper-single .swiper-button-next,
.swiper-single .swiper-button-prev {
    font-size: 40px;
    width: 30px;
    height: auto;
    background: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 35%;
    color: rgba(0, 0, 0, 0);
    user-select: none;
}

.swiper-single .swiper-button-next:hover,
.swiper-single .swiper-button-prev:hover {
    color: rgba(0, 0, 0, 0);
}

.swiper-single .swiper-button-prev {
    text-align: left;
    left: -40px;
}

.swiper-single .swiper-button-next {
    text-align: right;
    left: calc(100% + 10px);
}

.swiper-single .swiper-slide.header {
    position: relative;
    min-width: calc(33.3333%);
    height: 260px;
    border-right: 1px solid rgba(214, 214, 214, 1);
    padding-right: 60px;
    box-sizing: border-box;
}

.scr-xs .swiper-single .swiper-slide.header {
    min-width: 50%;
}

.scr-sm .swiper-single .swiper-slide.header {
    min-width: 33.3333%;
}

.scr-md .swiper-single .swiper-slide.header {
    min-width: 33.3333%;
}

.scr-lg .swiper-single .swiper-slide.header {
    min-width: 33.3333%;
}

.swiper-single a.heart {
    width: 100%;
    text-align: right;
    height: 30px;
    display: block;
    position: absolute;
    font-size: 16px;
    color: rgba(255, 44, 121, 1);
    z-index: 10000;
    right: 0px;
    bottom: 28px;
}

.swiper-single .swiper-slide a.heart.on {
    opacity: 1;
}

.swiper-single .swiper-slide a.heart:before {
    content: "\e143";
}

.swiper-single .swiper-slide a.heart.on:before {
    content: "\e005";
}

.swiper-single .swiper-slide:hover a.heart {
    opacity: 1;
}

.swiper-single .swiper-slide:hover a.heart:hover {
    opacity: 1;
}

.swiper-single .swiper-slide:hover a.heart:hover:before {
    content: "\e005";
}

.swiper-single .swiper-slide:hover a.heart.on {
    opacity: 1;
}

.swiper-single .swiper-slide:hover a.heart.on:hover {
    opacity: 1;
}

.swiper-single .swiper-slide a.heart.on:hover:before {
    content: "\e014";
    opacity: 1;
}

/*
 *  カテゴリータグ
 */
/* 多分必要無い
.categoryTag{display:block;width:calc(20% - .5vw);height:6em;float:left;padding:.5em .5em 0 1em;margin:0 .5vw .5vw 0;color:#333 !important;font-size:13px;line-height:18px;overflow:hidden;text-overflow:ellipsis;border:1px solid #ddd;}
.categoryTag .ja{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;color:inherit;}
.categoryTag:hover{color:rgba(0,125,214,1) !important;border:1px solid rgba(0,125,214,1);}
.categoryTag.selected{background:#333;border:1px solid #333;color:#fff !important;}
#conditionTags{white-space:normal;clear:both;border-top:solid 1em rgba(0,0,0,0);}
 */


/*
 *  Tag
 */
.tagContent {
    float: left;
    text-indent: 10px;
    width: calc(100%);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tag:after {
    text-align: right;
    padding-right: 6px;
    width: 40px;
    content: '|→';
    display: inline-block;
    position: absolute;
    right: 0px;
    z-index: 100;
}

.tag {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    position: relative;
    background-color: rgba(0, 0, 0, 0.35);
    display: block;
    float: left;
    font-size: 12.5px;
    color: #fff;
    line-height: 2.125em;
    height: 2.125em;
    padding-right: 38px;
    margin: 0 8px 8px 0px;
    border-left: 1px solid rgba(0, 0, 0, 0);
}

.tag:hover {
    background-color: rgba(0, 0, 0, 0.2);
}

/*
    もともと検索画面で文脈的タグ表示を行う際に、
    検索条件として指定されているタグを示すために用意した。
    そのために、タグ右側が「→」ではなく「×」になっているのだが、
    利用者にとっては分かりにくいだろうと判断して設定そのものを除外。
    機能からも外した。2019-03-20

    .tag.cond{box-sizing:content-box;padding:2px 0;font-size:12px;line-height:2.1em;padding-right:50px;}
    .tag.cond:after{width:50px;content:'| ×';}
    .scr-xs .tag{font-size:12px;line-height:2.125em;height:2.125em;margin:0 6px 7px 0;padding-right:35px;}
    .scr-xs .tag.cond{font-size:12px;line-height:2.125em;height:2.125em;margin:0 7px 7px 0;padding-right:33px;}
    .scr-xs .tag.cond:after{width:50px;content:'　|×';}
    .scr-xs .tagContent{text-indent:7px;}
    .scr-xs .tag:after{text-align:center;width:35px;content:'|→';display:inline-block;position:absolute;right:0px;z-index:100;}
 */


/*
 *  arrow box
 *  generated by - http://www.cssarrowplease.com/
 */
.arrow_box_top {
    position: relative;
    background: #000;
    border: 4px solid #000;
}

.arrow_box_top:after,
.arrow_box_top:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_box_top:after {
    border-color: rgba(0, 0, 0, 0);
    border-bottom-color: #000;
    border-width: 8px;
    margin-left: -8px;
}

.arrow_box_top:before {
    border-color: rgba(0, 0, 0, 0);
    border-bottom-color: #000;
    border-width: 14px;
    margin-left: -14px;
}

.arrow_box_right {
    position: relative;
    background: #000;
    border: 4px solid #000;
}

.arrow_box_right:after,
.arrow_box_right:before {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_box_right:after {
    border-color: rgba(0, 0, 0, 0);
    border-left-color: #000;
    border-width: 8px;
    margin-top: -8px;
}

.arrow_box_right:before {
    border-color: rgba(0, 0, 0, 0);
    border-left-color: #000;
    border-width: 14px;
    margin-top: -14px;
}

.arrow_box_bottom {
    position: relative;
    background: #000;
    border: 4px solid #000;
}

.arrow_box_bottom:after,
.arrow_box_bottom:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_box_bottom:after {
    border-color: rgba(0, 0, 0, 0);
    border-top-color: #000;
    border-width: 8px;
    margin-left: -8px;
}

.arrow_box_bottom:before {
    border-color: rgba(0, 0, 0, 0);
    border-top-color: #000;
    border-width: 14px;
    margin-left: -14px;
}

.arrow_box_left {
    position: relative;
    background: #000;
    border: 4px solid #000;
}

.arrow_box_left:after,
.arrow_box:before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_box_left:after {
    border-color: rgba(0, 0, 0, 0);
    border-right-color: #000;
    border-width: 8px;
    margin-top: -8px;
}

.arrow_box_left:before {
    border-color: rgba(0, 0, 0, 0);
    border-right-color: #000;
    border-width: 14px;
    margin-top: -14px;
}


/*
 *  Customize Bootstrap - gutter settings
 */
.row {
    margin-right: -15px;
    margin-left: -15px;
}

.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-13,
.col-lg-14,
.col-lg-15,
.col-lg-16,
.col-lg-17,
.col-lg-18,
.col-lg-19,
.col-lg-20,
.col-lg-21,
.col-lg-22,
.col-lg-23,
.col-lg-24,
.col-lg-25,
.col-lg-26,
.col-lg-27,
.col-lg-28,
.col-lg-29,
.col-lg-30,
.col-lg-31,
.col-lg-32,
.col-lg-33,
.col-lg-34,
.col-lg-35,
.col-lg-36,
.col-lg-37,
.col-lg-38,
.col-lg-39,
.col-lg-40,
.col-lg-41,
.col-lg-42,
.col-lg-43,
.col-lg-44,
.col-lg-45,
.col-lg-46,
.col-lg-47,
.col-lg-48,
.col-lg-49,
.col-lg-50,
.col-lg-51,
.col-lg-52,
.col-lg-53,
.col-lg-54,
.col-lg-55,
.col-lg-56,
.col-lg-57,
.col-lg-58,
.col-lg-59,
.col-lg-60,
.col-lg-61,
.col-lg-62,
.col-lg-63,
.col-lg-64,
.col-lg-65,
.col-lg-66,
.col-lg-67,
.col-lg-68,
.col-lg-69,
.col-lg-70,
.col-lg-71,
.col-lg-72,
.col-lg-73,
.col-lg-74,
.col-lg-75,
.col-lg-76,
.col-lg-77,
.col-lg-78,
.col-lg-79,
.col-lg-80,
.col-lg-81,
.col-lg-82,
.col-lg-83,
.col-lg-84,
.col-lg-85,
.col-lg-86,
.col-lg-87,
.col-lg-88,
.col-lg-89,
.col-lg-90,
.col-lg-91,
.col-lg-92,
.col-lg-93,
.col-lg-94,
.col-lg-95,
.col-lg-96,
.col-lg-97,
.col-lg-98,
.col-lg-99,
.col-lg-100,
.col-lg-101,
.col-lg-102,
.col-lg-103,
.col-lg-104,
.col-lg-105,
.col-lg-106,
.col-lg-107,
.col-lg-108,
.col-lg-109,
.col-lg-110,
.col-lg-111,
.col-lg-112,
.col-lg-113,
.col-lg-114,
.col-lg-115,
.col-lg-116,
.col-lg-117,
.col-lg-118,
.col-lg-119,
.col-lg-120,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-13,
.col-md-14,
.col-md-15,
.col-md-16,
.col-md-17,
.col-md-18,
.col-md-19,
.col-md-20,
.col-md-21,
.col-md-22,
.col-md-23,
.col-md-24,
.col-md-25,
.col-md-26,
.col-md-27,
.col-md-28,
.col-md-29,
.col-md-30,
.col-md-31,
.col-md-32,
.col-md-33,
.col-md-34,
.col-md-35,
.col-md-36,
.col-md-37,
.col-md-38,
.col-md-39,
.col-md-40,
.col-md-41,
.col-md-42,
.col-md-43,
.col-md-44,
.col-md-45,
.col-md-46,
.col-md-47,
.col-md-48,
.col-md-49,
.col-md-50,
.col-md-51,
.col-md-52,
.col-md-53,
.col-md-54,
.col-md-55,
.col-md-56,
.col-md-57,
.col-md-58,
.col-md-59,
.col-md-60,
.col-md-61,
.col-md-62,
.col-md-63,
.col-md-64,
.col-md-65,
.col-md-66,
.col-md-67,
.col-md-68,
.col-md-69,
.col-md-70,
.col-md-71,
.col-md-72,
.col-md-73,
.col-md-74,
.col-md-75,
.col-md-76,
.col-md-77,
.col-md-78,
.col-md-79,
.col-md-80,
.col-md-81,
.col-md-82,
.col-md-83,
.col-md-84,
.col-md-85,
.col-md-86,
.col-md-87,
.col-md-88,
.col-md-89,
.col-md-90,
.col-md-91,
.col-md-92,
.col-md-93,
.col-md-94,
.col-md-95,
.col-md-96,
.col-md-97,
.col-md-98,
.col-md-99,
.col-md-100,
.col-md-101,
.col-md-102,
.col-md-103,
.col-md-104,
.col-md-105,
.col-md-106,
.col-md-107,
.col-md-108,
.col-md-109,
.col-md-110,
.col-md-111,
.col-md-112,
.col-md-113,
.col-md-114,
.col-md-115,
.col-md-116,
.col-md-117,
.col-md-118,
.col-md-119,
.col-md-120,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-13,
.col-sm-14,
.col-sm-15,
.col-sm-16,
.col-sm-17,
.col-sm-18,
.col-sm-19,
.col-sm-20,
.col-sm-21,
.col-sm-22,
.col-sm-23,
.col-sm-24,
.col-sm-25,
.col-sm-26,
.col-sm-27,
.col-sm-28,
.col-sm-29,
.col-sm-30,
.col-sm-31,
.col-sm-32,
.col-sm-33,
.col-sm-34,
.col-sm-35,
.col-sm-36,
.col-sm-37,
.col-sm-38,
.col-sm-39,
.col-sm-40,
.col-sm-41,
.col-sm-42,
.col-sm-43,
.col-sm-44,
.col-sm-45,
.col-sm-46,
.col-sm-47,
.col-sm-48,
.col-sm-49,
.col-sm-50,
.col-sm-51,
.col-sm-52,
.col-sm-53,
.col-sm-54,
.col-sm-55,
.col-sm-56,
.col-sm-57,
.col-sm-58,
.col-sm-59,
.col-sm-60,
.col-sm-61,
.col-sm-62,
.col-sm-63,
.col-sm-64,
.col-sm-65,
.col-sm-66,
.col-sm-67,
.col-sm-68,
.col-sm-69,
.col-sm-70,
.col-sm-71,
.col-sm-72,
.col-sm-73,
.col-sm-74,
.col-sm-75,
.col-sm-76,
.col-sm-77,
.col-sm-78,
.col-sm-79,
.col-sm-80,
.col-sm-81,
.col-sm-82,
.col-sm-83,
.col-sm-84,
.col-sm-85,
.col-sm-86,
.col-sm-87,
.col-sm-88,
.col-sm-89,
.col-sm-90,
.col-sm-91,
.col-sm-92,
.col-sm-93,
.col-sm-94,
.col-sm-95,
.col-sm-96,
.col-sm-97,
.col-sm-98,
.col-sm-99,
.col-sm-100,
.col-sm-101,
.col-sm-102,
.col-sm-103,
.col-sm-104,
.col-sm-105,
.col-sm-106,
.col-sm-107,
.col-sm-108,
.col-sm-109,
.col-sm-110,
.col-sm-111,
.col-sm-112,
.col-sm-113,
.col-sm-114,
.col-sm-115,
.col-sm-116,
.col-sm-117,
.col-sm-118,
.col-sm-119,
.col-sm-120,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-13,
.col-xs-14,
.col-xs-15,
.col-xs-16,
.col-xs-17,
.col-xs-18,
.col-xs-19,
.col-xs-20,
.col-xs-21,
.col-xs-22,
.col-xs-23,
.col-xs-24,
.col-xs-25,
.col-xs-26,
.col-xs-27,
.col-xs-28,
.col-xs-29,
.col-xs-30,
.col-xs-31,
.col-xs-32,
.col-xs-33,
.col-xs-34,
.col-xs-35,
.col-xs-36,
.col-xs-37,
.col-xs-38,
.col-xs-39,
.col-xs-40,
.col-xs-41,
.col-xs-42,
.col-xs-43,
.col-xs-44,
.col-xs-45,
.col-xs-46,
.col-xs-47,
.col-xs-48,
.col-xs-49,
.col-xs-50,
.col-xs-51,
.col-xs-52,
.col-xs-53,
.col-xs-54,
.col-xs-55,
.col-xs-56,
.col-xs-57,
.col-xs-58,
.col-xs-59,
.col-xs-60,
.col-xs-61,
.col-xs-62,
.col-xs-63,
.col-xs-64,
.col-xs-65,
.col-xs-66,
.col-xs-67,
.col-xs-68,
.col-xs-69,
.col-xs-70,
.col-xs-71,
.col-xs-72,
.col-xs-73,
.col-xs-74,
.col-xs-75,
.col-xs-76,
.col-xs-77,
.col-xs-78,
.col-xs-79,
.col-xs-80,
.col-xs-81,
.col-xs-82,
.col-xs-83,
.col-xs-84,
.col-xs-85,
.col-xs-86,
.col-xs-87,
.col-xs-88,
.col-xs-89,
.col-xs-90,
.col-xs-91,
.col-xs-92,
.col-xs-93,
.col-xs-94,
.col-xs-95,
.col-xs-96,
.col-xs-97,
.col-xs-98,
.col-xs-99,
.col-xs-100,
.col-xs-101,
.col-xs-102,
.col-xs-103,
.col-xs-104,
.col-xs-105,
.col-xs-106,
.col-xs-107,
.col-xs-108,
.col-xs-109,
.col-xs-110,
.col-xs-111,
.col-xs-112,
.col-xs-113,
.col-xs-114,
.col-xs-115,
.col-xs-116,
.col-xs-117,
.col-xs-118,
.col-xs-119,
.col-xs-120 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}


/*
 *  Customize Bootstrap - col-lg-add, col-md-add, col-sm-add, col-xs-add
 */
.col-xs-add-120 {
    padding-right: 100% !important;
}

.col-xs-add-119 {
    padding-right: 99.16666667% !important;
}

.col-xs-add-118 {
    padding-right: 98.33333333% !important;
}

.col-xs-add-117 {
    padding-right: 97.5% !important;
}

.col-xs-add-116 {
    padding-right: 96.66666667% !important;
}

.col-xs-add-115 {
    padding-right: 95.83333333% !important;
}

.col-xs-add-114 {
    padding-right: 95% !important;
}

.col-xs-add-113 {
    padding-right: 94.16666667% !important;
}

.col-xs-add-112 {
    padding-right: 93.33333333% !important;
}

.col-xs-add-111 {
    padding-right: 92.5% !important;
}

.col-xs-add-110 {
    padding-right: 91.66666667% !important;
}

.col-xs-add-109 {
    padding-right: 90.83333333% !important;
}

.col-xs-add-108 {
    padding-right: 90% !important;
}

.col-xs-add-107 {
    padding-right: 89.16666667% !important;
}

.col-xs-add-106 {
    padding-right: 88.33333333% !important;
}

.col-xs-add-105 {
    padding-right: 87.5% !important;
}

.col-xs-add-104 {
    padding-right: 86.66666667% !important;
}

.col-xs-add-103 {
    padding-right: 85.83333333% !important;
}

.col-xs-add-102 {
    padding-right: 85% !important;
}

.col-xs-add-101 {
    padding-right: 84.16666667% !important;
}

.col-xs-add-100 {
    padding-right: 83.33333333% !important;
}

.col-xs-add-99 {
    padding-right: 82.5% !important;
}

.col-xs-add-98 {
    padding-right: 81.66666667% !important;
}

.col-xs-add-97 {
    padding-right: 80.83333333% !important;
}

.col-xs-add-96 {
    padding-right: 80% !important;
}

.col-xs-add-95 {
    padding-right: 79.16666667% !important;
}

.col-xs-add-94 {
    padding-right: 78.33333333% !important;
}

.col-xs-add-93 {
    padding-right: 77.5% !important;
}

.col-xs-add-92 {
    padding-right: 76.66666667% !important;
}

.col-xs-add-91 {
    padding-right: 75.83333333% !important;
}

.col-xs-add-90 {
    padding-right: 75% !important;
}

.col-xs-add-89 {
    padding-right: 74.16666667% !important;
}

.col-xs-add-88 {
    padding-right: 73.33333333% !important;
}

.col-xs-add-87 {
    padding-right: 72.5% !important;
}

.col-xs-add-86 {
    padding-right: 71.66666667% !important;
}

.col-xs-add-85 {
    padding-right: 70.83333333% !important;
}

.col-xs-add-84 {
    padding-right: 70% !important;
}

.col-xs-add-83 {
    padding-right: 69.16666667% !important;
}

.col-xs-add-82 {
    padding-right: 68.33333333% !important;
}

.col-xs-add-81 {
    padding-right: 67.5% !important;
}

.col-xs-add-80 {
    padding-right: 66.66666667% !important;
}

.col-xs-add-79 {
    padding-right: 65.83333333% !important;
}

.col-xs-add-78 {
    padding-right: 65% !important;
}

.col-xs-add-77 {
    padding-right: 64.16666667% !important;
}

.col-xs-add-76 {
    padding-right: 63.33333333% !important;
}

.col-xs-add-75 {
    padding-right: 62.5% !important;
}

.col-xs-add-74 {
    padding-right: 61.66666667% !important;
}

.col-xs-add-73 {
    padding-right: 60.83333333% !important;
}

.col-xs-add-72 {
    padding-right: 60% !important;
}

.col-xs-add-71 {
    padding-right: 59.16666667% !important;
}

.col-xs-add-70 {
    padding-right: 58.33333333% !important;
}

.col-xs-add-69 {
    padding-right: 57.5% !important;
}

.col-xs-add-68 {
    padding-right: 56.66666667% !important;
}

.col-xs-add-67 {
    padding-right: 55.83333333% !important;
}

.col-xs-add-66 {
    padding-right: 55% !important;
}

.col-xs-add-65 {
    padding-right: 54.16666667% !important;
}

.col-xs-add-64 {
    padding-right: 53.33333333% !important;
}

.col-xs-add-63 {
    padding-right: 52.5% !important;
}

.col-xs-add-62 {
    padding-right: 51.66666667% !important;
}

.col-xs-add-61 {
    padding-right: 50.83333333% !important;
}

.col-xs-add-60 {
    padding-right: 50% !important;
}

.col-xs-add-59 {
    padding-right: 49.16666667% !important;
}

.col-xs-add-58 {
    padding-right: 48.33333333% !important;
}

.col-xs-add-57 {
    padding-right: 47.5% !important;
}

.col-xs-add-56 {
    padding-right: 46.66666667% !important;
}

.col-xs-add-55 {
    padding-right: 45.83333333% !important;
}

.col-xs-add-54 {
    padding-right: 45% !important;
}

.col-xs-add-53 {
    padding-right: 44.16666667% !important;
}

.col-xs-add-52 {
    padding-right: 43.33333333% !important;
}

.col-xs-add-51 {
    padding-right: 42.5% !important;
}

.col-xs-add-50 {
    padding-right: 41.66666667% !important;
}

.col-xs-add-49 {
    padding-right: 40.83333333% !important;
}

.col-xs-add-48 {
    padding-right: 40% !important;
}

.col-xs-add-47 {
    padding-right: 39.16666667% !important;
}

.col-xs-add-46 {
    padding-right: 38.33333333% !important;
}

.col-xs-add-45 {
    padding-right: 37.5% !important;
}

.col-xs-add-44 {
    padding-right: 36.66666667% !important;
}

.col-xs-add-43 {
    padding-right: 35.83333333% !important;
}

.col-xs-add-42 {
    padding-right: 35% !important;
}

.col-xs-add-41 {
    padding-right: 34.16666667% !important;
}

.col-xs-add-40 {
    padding-right: 33.33333333% !important;
}

.col-xs-add-39 {
    padding-right: 32.5% !important;
}

.col-xs-add-38 {
    padding-right: 31.66666667% !important;
}

.col-xs-add-37 {
    padding-right: 30.83333333% !important;
}

.col-xs-add-36 {
    padding-right: 30% !important;
}

.col-xs-add-35 {
    padding-right: 29.16666667% !important;
}

.col-xs-add-34 {
    padding-right: 28.33333333% !important;
}

.col-xs-add-33 {
    padding-right: 27.5% !important;
}

.col-xs-add-32 {
    padding-right: 26.66666667% !important;
}

.col-xs-add-31 {
    padding-right: 25.83333333% !important;
}

.col-xs-add-30 {
    padding-right: 25% !important;
}

.col-xs-add-29 {
    padding-right: 24.16666667% !important;
}

.col-xs-add-28 {
    padding-right: 23.33333333% !important;
}

.col-xs-add-27 {
    padding-right: 22.5% !important;
}

.col-xs-add-26 {
    padding-right: 21.66666667% !important;
}

.col-xs-add-25 {
    padding-right: 20.83333333% !important;
}

.col-xs-add-24 {
    padding-right: 20% !important;
}

.col-xs-add-23 {
    padding-right: 19.16666667% !important;
}

.col-xs-add-22 {
    padding-right: 18.33333333% !important;
}

.col-xs-add-21 {
    padding-right: 17.5% !important;
}

.col-xs-add-20 {
    padding-right: 16.66666667% !important;
}

.col-xs-add-19 {
    padding-right: 15.83333333% !important;
}

.col-xs-add-18 {
    padding-right: 15% !important;
}

.col-xs-add-17 {
    padding-right: 14.16666667% !important;
}

.col-xs-add-16 {
    padding-right: 13.33333333% !important;
}

.col-xs-add-15 {
    padding-right: 12.5% !important;
}

.col-xs-add-14 {
    padding-right: 11.66666667% !important;
}

.col-xs-add-13 {
    padding-right: 10.83333333% !important;
}

.col-xs-add-12 {
    padding-right: 10% !important;
}

.col-xs-add-11 {
    padding-right: 9.16666667% !important;
}

.col-xs-add-10 {
    padding-right: 8.33333333% !important;
}

.col-xs-add-9 {
    padding-right: 7.5% !important;
}

.col-xs-add-8 {
    padding-right: 6.66666667% !important;
}

.col-xs-add-7 {
    padding-right: 5.83333333% !important;
}

.col-xs-add-6 {
    padding-right: 5% !important;
}

.col-xs-add-5 {
    padding-right: 4.16666667% !important;
}

.col-xs-add-4 {
    padding-right: 3.33333333% !important;
}

.col-xs-add-3 {
    padding-right: 2.5% !important;
}

.col-xs-add-2 {
    padding-right: 1.66666667% !important;
}

.col-xs-add-1 {
    padding-right: .83333333% !important;
}

.col-xs-add-0 {
    padding-right: 0;
}

@media (min-width: 768px) {
    .col-sm-add-120 {
        padding-right: 100% !important;
    }

    .col-sm-add-119 {
        padding-right: 99.16666667% !important;
    }

    .col-sm-add-118 {
        padding-right: 98.33333333% !important;
    }

    .col-sm-add-117 {
        padding-right: 97.5% !important;
    }

    .col-sm-add-116 {
        padding-right: 96.66666667% !important;
    }

    .col-sm-add-115 {
        padding-right: 95.83333333% !important;
    }

    .col-sm-add-114 {
        padding-right: 95% !important;
    }

    .col-sm-add-113 {
        padding-right: 94.16666667% !important;
    }

    .col-sm-add-112 {
        padding-right: 93.33333333% !important;
    }

    .col-sm-add-111 {
        padding-right: 92.5% !important;
    }

    .col-sm-add-110 {
        padding-right: 91.66666667% !important;
    }

    .col-sm-add-109 {
        padding-right: 90.83333333% !important;
    }

    .col-sm-add-108 {
        padding-right: 90% !important;
    }

    .col-sm-add-107 {
        padding-right: 89.16666667% !important;
    }

    .col-sm-add-106 {
        padding-right: 88.33333333% !important;
    }

    .col-sm-add-105 {
        padding-right: 87.5% !important;
    }

    .col-sm-add-104 {
        padding-right: 86.66666667% !important;
    }

    .col-sm-add-103 {
        padding-right: 85.83333333% !important;
    }

    .col-sm-add-102 {
        padding-right: 85% !important;
    }

    .col-sm-add-101 {
        padding-right: 84.16666667% !important;
    }

    .col-sm-add-100 {
        padding-right: 83.33333333% !important;
    }

    .col-sm-add-99 {
        padding-right: 82.5% !important;
    }

    .col-sm-add-98 {
        padding-right: 81.66666667% !important;
    }

    .col-sm-add-97 {
        padding-right: 80.83333333% !important;
    }

    .col-sm-add-96 {
        padding-right: 80% !important;
    }

    .col-sm-add-95 {
        padding-right: 79.16666667% !important;
    }

    .col-sm-add-94 {
        padding-right: 78.33333333% !important;
    }

    .col-sm-add-93 {
        padding-right: 77.5% !important;
    }

    .col-sm-add-92 {
        padding-right: 76.66666667% !important;
    }

    .col-sm-add-91 {
        padding-right: 75.83333333% !important;
    }

    .col-sm-add-90 {
        padding-right: 75% !important;
    }

    .col-sm-add-89 {
        padding-right: 74.16666667% !important;
    }

    .col-sm-add-88 {
        padding-right: 73.33333333% !important;
    }

    .col-sm-add-87 {
        padding-right: 72.5% !important;
    }

    .col-sm-add-86 {
        padding-right: 71.66666667% !important;
    }

    .col-sm-add-85 {
        padding-right: 70.83333333% !important;
    }

    .col-sm-add-84 {
        padding-right: 70% !important;
    }

    .col-sm-add-83 {
        padding-right: 69.16666667% !important;
    }

    .col-sm-add-82 {
        padding-right: 68.33333333% !important;
    }

    .col-sm-add-81 {
        padding-right: 67.5% !important;
    }

    .col-sm-add-80 {
        padding-right: 66.66666667% !important;
    }

    .col-sm-add-79 {
        padding-right: 65.83333333% !important;
    }

    .col-sm-add-78 {
        padding-right: 65% !important;
    }

    .col-sm-add-77 {
        padding-right: 64.16666667% !important;
    }

    .col-sm-add-76 {
        padding-right: 63.33333333% !important;
    }

    .col-sm-add-75 {
        padding-right: 62.5% !important;
    }

    .col-sm-add-74 {
        padding-right: 61.66666667% !important;
    }

    .col-sm-add-73 {
        padding-right: 60.83333333% !important;
    }

    .col-sm-add-72 {
        padding-right: 60% !important;
    }

    .col-sm-add-71 {
        padding-right: 59.16666667% !important;
    }

    .col-sm-add-70 {
        padding-right: 58.33333333% !important;
    }

    .col-sm-add-69 {
        padding-right: 57.5% !important;
    }

    .col-sm-add-68 {
        padding-right: 56.66666667% !important;
    }

    .col-sm-add-67 {
        padding-right: 55.83333333% !important;
    }

    .col-sm-add-66 {
        padding-right: 55% !important;
    }

    .col-sm-add-65 {
        padding-right: 54.16666667% !important;
    }

    .col-sm-add-64 {
        padding-right: 53.33333333% !important;
    }

    .col-sm-add-63 {
        padding-right: 52.5% !important;
    }

    .col-sm-add-62 {
        padding-right: 51.66666667% !important;
    }

    .col-sm-add-61 {
        padding-right: 50.83333333% !important;
    }

    .col-sm-add-60 {
        padding-right: 50% !important;
    }

    .col-sm-add-59 {
        padding-right: 49.16666667% !important;
    }

    .col-sm-add-58 {
        padding-right: 48.33333333% !important;
    }

    .col-sm-add-57 {
        padding-right: 47.5% !important;
    }

    .col-sm-add-56 {
        padding-right: 46.66666667% !important;
    }

    .col-sm-add-55 {
        padding-right: 45.83333333% !important;
    }

    .col-sm-add-54 {
        padding-right: 45% !important;
    }

    .col-sm-add-53 {
        padding-right: 44.16666667% !important;
    }

    .col-sm-add-52 {
        padding-right: 43.33333333% !important;
    }

    .col-sm-add-51 {
        padding-right: 42.5% !important;
    }

    .col-sm-add-50 {
        padding-right: 41.66666667% !important;
    }

    .col-sm-add-49 {
        padding-right: 40.83333333% !important;
    }

    .col-sm-add-48 {
        padding-right: 40% !important;
    }

    .col-sm-add-47 {
        padding-right: 39.16666667% !important;
    }

    .col-sm-add-46 {
        padding-right: 38.33333333% !important;
    }

    .col-sm-add-45 {
        padding-right: 37.5% !important;
    }

    .col-sm-add-44 {
        padding-right: 36.66666667% !important;
    }

    .col-sm-add-43 {
        padding-right: 35.83333333% !important;
    }

    .col-sm-add-42 {
        padding-right: 35% !important;
    }

    .col-sm-add-41 {
        padding-right: 34.16666667% !important;
    }

    .col-sm-add-40 {
        padding-right: 33.33333333% !important;
    }

    .col-sm-add-39 {
        padding-right: 32.5% !important;
    }

    .col-sm-add-38 {
        padding-right: 31.66666667% !important;
    }

    .col-sm-add-37 {
        padding-right: 30.83333333% !important;
    }

    .col-sm-add-36 {
        padding-right: 30% !important;
    }

    .col-sm-add-35 {
        padding-right: 29.16666667% !important;
    }

    .col-sm-add-34 {
        padding-right: 28.33333333% !important;
    }

    .col-sm-add-33 {
        padding-right: 27.5% !important;
    }

    .col-sm-add-32 {
        padding-right: 26.66666667% !important;
    }

    .col-sm-add-31 {
        padding-right: 25.83333333% !important;
    }

    .col-sm-add-30 {
        padding-right: 25% !important;
    }

    .col-sm-add-29 {
        padding-right: 24.16666667% !important;
    }

    .col-sm-add-28 {
        padding-right: 23.33333333% !important;
    }

    .col-sm-add-27 {
        padding-right: 22.5% !important;
    }

    .col-sm-add-26 {
        padding-right: 21.66666667% !important;
    }

    .col-sm-add-25 {
        padding-right: 20.83333333% !important;
    }

    .col-sm-add-24 {
        padding-right: 20% !important;
    }

    .col-sm-add-23 {
        padding-right: 19.16666667% !important;
    }

    .col-sm-add-22 {
        padding-right: 18.33333333% !important;
    }

    .col-sm-add-21 {
        padding-right: 17.5% !important;
    }

    .col-sm-add-20 {
        padding-right: 16.66666667% !important;
    }

    .col-sm-add-19 {
        padding-right: 15.83333333% !important;
    }

    .col-sm-add-18 {
        padding-right: 15% !important;
    }

    .col-sm-add-17 {
        padding-right: 14.16666667% !important;
    }

    .col-sm-add-16 {
        padding-right: 13.33333333% !important;
    }

    .col-sm-add-15 {
        padding-right: 12.5% !important;
    }

    .col-sm-add-14 {
        padding-right: 11.66666667% !important;
    }

    .col-sm-add-13 {
        padding-right: 10.83333333% !important;
    }

    .col-sm-add-12 {
        padding-right: 10% !important;
    }

    .col-sm-add-11 {
        padding-right: 9.16666667% !important;
    }

    .col-sm-add-10 {
        padding-right: 8.33333333% !important;
    }

    .col-sm-add-9 {
        padding-right: 7.5% !important;
    }

    .col-sm-add-8 {
        padding-right: 6.66666667% !important;
    }

    .col-sm-add-7 {
        padding-right: 5.83333333% !important;
    }

    .col-sm-add-6 {
        padding-right: 5% !important;
    }

    .col-sm-add-5 {
        padding-right: 4.16666667% !important;
    }

    .col-sm-add-4 {
        padding-right: 3.33333333% !important;
    }

    .col-sm-add-3 {
        padding-right: 2.5% !important;
    }

    .col-sm-add-2 {
        padding-right: 1.66666667% !important;
    }

    .col-sm-add-1 {
        padding-right: .83333333% !important;
    }

    .col-sm-add-0 {
        padding-right: 0;
    }
}

@media (min-width: 992px) {
    .col-md-add-120 {
        padding-right: 100% !important;
    }

    .col-md-add-119 {
        padding-right: 99.16666667% !important;
    }

    .col-md-add-118 {
        padding-right: 98.33333333% !important;
    }

    .col-md-add-117 {
        padding-right: 97.5% !important;
    }

    .col-md-add-116 {
        padding-right: 96.66666667% !important;
    }

    .col-md-add-115 {
        padding-right: 95.83333333% !important;
    }

    .col-md-add-114 {
        padding-right: 95% !important;
    }

    .col-md-add-113 {
        padding-right: 94.16666667% !important;
    }

    .col-md-add-112 {
        padding-right: 93.33333333% !important;
    }

    .col-md-add-111 {
        padding-right: 92.5% !important;
    }

    .col-md-add-110 {
        padding-right: 91.66666667% !important;
    }

    .col-md-add-109 {
        padding-right: 90.83333333% !important;
    }

    .col-md-add-108 {
        padding-right: 90% !important;
    }

    .col-md-add-107 {
        padding-right: 89.16666667% !important;
    }

    .col-md-add-106 {
        padding-right: 88.33333333% !important;
    }

    .col-md-add-105 {
        padding-right: 87.5% !important;
    }

    .col-md-add-104 {
        padding-right: 86.66666667% !important;
    }

    .col-md-add-103 {
        padding-right: 85.83333333% !important;
    }

    .col-md-add-102 {
        padding-right: 85% !important;
    }

    .col-md-add-101 {
        padding-right: 84.16666667% !important;
    }

    .col-md-add-100 {
        padding-right: 83.33333333% !important;
    }

    .col-md-add-99 {
        padding-right: 82.5% !important;
    }

    .col-md-add-98 {
        padding-right: 81.66666667% !important;
    }

    .col-md-add-97 {
        padding-right: 80.83333333% !important;
    }

    .col-md-add-96 {
        padding-right: 80% !important;
    }

    .col-md-add-95 {
        padding-right: 79.16666667% !important;
    }

    .col-md-add-94 {
        padding-right: 78.33333333% !important;
    }

    .col-md-add-93 {
        padding-right: 77.5% !important;
    }

    .col-md-add-92 {
        padding-right: 76.66666667% !important;
    }

    .col-md-add-91 {
        padding-right: 75.83333333% !important;
    }

    .col-md-add-90 {
        padding-right: 75% !important;
    }

    .col-md-add-89 {
        padding-right: 74.16666667% !important;
    }

    .col-md-add-88 {
        padding-right: 73.33333333% !important;
    }

    .col-md-add-87 {
        padding-right: 72.5% !important;
    }

    .col-md-add-86 {
        padding-right: 71.66666667% !important;
    }

    .col-md-add-85 {
        padding-right: 70.83333333% !important;
    }

    .col-md-add-84 {
        padding-right: 70% !important;
    }

    .col-md-add-83 {
        padding-right: 69.16666667% !important;
    }

    .col-md-add-82 {
        padding-right: 68.33333333% !important;
    }

    .col-md-add-81 {
        padding-right: 67.5% !important;
    }

    .col-md-add-80 {
        padding-right: 66.66666667% !important;
    }

    .col-md-add-79 {
        padding-right: 65.83333333% !important;
    }

    .col-md-add-78 {
        padding-right: 65% !important;
    }

    .col-md-add-77 {
        padding-right: 64.16666667% !important;
    }

    .col-md-add-76 {
        padding-right: 63.33333333% !important;
    }

    .col-md-add-75 {
        padding-right: 62.5% !important;
    }

    .col-md-add-74 {
        padding-right: 61.66666667% !important;
    }

    .col-md-add-73 {
        padding-right: 60.83333333% !important;
    }

    .col-md-add-72 {
        padding-right: 60% !important;
    }

    .col-md-add-71 {
        padding-right: 59.16666667% !important;
    }

    .col-md-add-70 {
        padding-right: 58.33333333% !important;
    }

    .col-md-add-69 {
        padding-right: 57.5% !important;
    }

    .col-md-add-68 {
        padding-right: 56.66666667% !important;
    }

    .col-md-add-67 {
        padding-right: 55.83333333% !important;
    }

    .col-md-add-66 {
        padding-right: 55% !important;
    }

    .col-md-add-65 {
        padding-right: 54.16666667% !important;
    }

    .col-md-add-64 {
        padding-right: 53.33333333% !important;
    }

    .col-md-add-63 {
        padding-right: 52.5% !important;
    }

    .col-md-add-62 {
        padding-right: 51.66666667% !important;
    }

    .col-md-add-61 {
        padding-right: 50.83333333% !important;
    }

    .col-md-add-60 {
        padding-right: 50% !important;
    }

    .col-md-add-59 {
        padding-right: 49.16666667% !important;
    }

    .col-md-add-58 {
        padding-right: 48.33333333% !important;
    }

    .col-md-add-57 {
        padding-right: 47.5% !important;
    }

    .col-md-add-56 {
        padding-right: 46.66666667% !important;
    }

    .col-md-add-55 {
        padding-right: 45.83333333% !important;
    }

    .col-md-add-54 {
        padding-right: 45% !important;
    }

    .col-md-add-53 {
        padding-right: 44.16666667% !important;
    }

    .col-md-add-52 {
        padding-right: 43.33333333% !important;
    }

    .col-md-add-51 {
        padding-right: 42.5% !important;
    }

    .col-md-add-50 {
        padding-right: 41.66666667% !important;
    }

    .col-md-add-49 {
        padding-right: 40.83333333% !important;
    }

    .col-md-add-48 {
        padding-right: 40% !important;
    }

    .col-md-add-47 {
        padding-right: 39.16666667% !important;
    }

    .col-md-add-46 {
        padding-right: 38.33333333% !important;
    }

    .col-md-add-45 {
        padding-right: 37.5% !important;
    }

    .col-md-add-44 {
        padding-right: 36.66666667% !important;
    }

    .col-md-add-43 {
        padding-right: 35.83333333% !important;
    }

    .col-md-add-42 {
        padding-right: 35% !important;
    }

    .col-md-add-41 {
        padding-right: 34.16666667% !important;
    }

    .col-md-add-40 {
        padding-right: 33.33333333% !important;
    }

    .col-md-add-39 {
        padding-right: 32.5% !important;
    }

    .col-md-add-38 {
        padding-right: 31.66666667% !important;
    }

    .col-md-add-37 {
        padding-right: 30.83333333% !important;
    }

    .col-md-add-36 {
        padding-right: 30% !important;
    }

    .col-md-add-35 {
        padding-right: 29.16666667% !important;
    }

    .col-md-add-34 {
        padding-right: 28.33333333% !important;
    }

    .col-md-add-33 {
        padding-right: 27.5% !important;
    }

    .col-md-add-32 {
        padding-right: 26.66666667% !important;
    }

    .col-md-add-31 {
        padding-right: 25.83333333% !important;
    }

    .col-md-add-30 {
        padding-right: 25% !important;
    }

    .col-md-add-29 {
        padding-right: 24.16666667% !important;
    }

    .col-md-add-28 {
        padding-right: 23.33333333% !important;
    }

    .col-md-add-27 {
        padding-right: 22.5% !important;
    }

    .col-md-add-26 {
        padding-right: 21.66666667% !important;
    }

    .col-md-add-25 {
        padding-right: 20.83333333% !important;
    }

    .col-md-add-24 {
        padding-right: 20% !important;
    }

    .col-md-add-23 {
        padding-right: 19.16666667% !important;
    }

    .col-md-add-22 {
        padding-right: 18.33333333% !important;
    }

    .col-md-add-21 {
        padding-right: 17.5% !important;
    }

    .col-md-add-20 {
        padding-right: 16.66666667% !important;
    }

    .col-md-add-19 {
        padding-right: 15.83333333% !important;
    }

    .col-md-add-18 {
        padding-right: 15% !important;
    }

    .col-md-add-17 {
        padding-right: 14.16666667% !important;
    }

    .col-md-add-16 {
        padding-right: 13.33333333% !important;
    }

    .col-md-add-15 {
        padding-right: 12.5% !important;
    }

    .col-md-add-14 {
        padding-right: 11.66666667% !important;
    }

    .col-md-add-13 {
        padding-right: 10.83333333% !important;
    }

    .col-md-add-12 {
        padding-right: 10% !important;
    }

    .col-md-add-11 {
        padding-right: 9.16666667% !important;
    }

    .col-md-add-10 {
        padding-right: 8.33333333% !important;
    }

    .col-md-add-9 {
        padding-right: 7.5% !important;
    }

    .col-md-add-8 {
        padding-right: 6.66666667% !important;
    }

    .col-md-add-7 {
        padding-right: 5.83333333% !important;
    }

    .col-md-add-6 {
        padding-right: 5% !important;
    }

    .col-md-add-5 {
        padding-right: 4.16666667% !important;
    }

    .col-md-add-4 {
        padding-right: 3.33333333% !important;
    }

    .col-md-add-3 {
        padding-right: 2.5% !important;
    }

    .col-md-add-2 {
        padding-right: 1.66666667% !important;
    }

    .col-md-add-1 {
        padding-right: .83333333% !important;
    }

    .col-md-add-0 {
        padding-right: 0;
    }
}

@media (min-width: 1080px) {
    .col-lg-add-120 {
        padding-right: 100% !important;
    }

    .col-lg-add-119 {
        padding-right: 99.16666667% !important;
    }

    .col-lg-add-118 {
        padding-right: 98.33333333% !important;
    }

    .col-lg-add-117 {
        padding-right: 97.5% !important;
    }

    .col-lg-add-116 {
        padding-right: 96.66666667% !important;
    }

    .col-lg-add-115 {
        padding-right: 95.83333333% !important;
    }

    .col-lg-add-114 {
        padding-right: 95% !important;
    }

    .col-lg-add-113 {
        padding-right: 94.16666667% !important;
    }

    .col-lg-add-112 {
        padding-right: 93.33333333% !important;
    }

    .col-lg-add-111 {
        padding-right: 92.5% !important;
    }

    .col-lg-add-110 {
        padding-right: 91.66666667% !important;
    }

    .col-lg-add-109 {
        padding-right: 90.83333333% !important;
    }

    .col-lg-add-108 {
        padding-right: 90% !important;
    }

    .col-lg-add-107 {
        padding-right: 89.16666667% !important;
    }

    .col-lg-add-106 {
        padding-right: 88.33333333% !important;
    }

    .col-lg-add-105 {
        padding-right: 87.5% !important;
    }

    .col-lg-add-104 {
        padding-right: 86.66666667% !important;
    }

    .col-lg-add-103 {
        padding-right: 85.83333333% !important;
    }

    .col-lg-add-102 {
        padding-right: 85% !important;
    }

    .col-lg-add-101 {
        padding-right: 84.16666667% !important;
    }

    .col-lg-add-100 {
        padding-right: 83.33333333% !important;
    }

    .col-lg-add-99 {
        padding-right: 82.5% !important;
    }

    .col-lg-add-98 {
        padding-right: 81.66666667% !important;
    }

    .col-lg-add-97 {
        padding-right: 80.83333333% !important;
    }

    .col-lg-add-96 {
        padding-right: 80% !important;
    }

    .col-lg-add-95 {
        padding-right: 79.16666667% !important;
    }

    .col-lg-add-94 {
        padding-right: 78.33333333% !important;
    }

    .col-lg-add-93 {
        padding-right: 77.5% !important;
    }

    .col-lg-add-92 {
        padding-right: 76.66666667% !important;
    }

    .col-lg-add-91 {
        padding-right: 75.83333333% !important;
    }

    .col-lg-add-90 {
        padding-right: 75% !important;
    }

    .col-lg-add-89 {
        padding-right: 74.16666667% !important;
    }

    .col-lg-add-88 {
        padding-right: 73.33333333% !important;
    }

    .col-lg-add-87 {
        padding-right: 72.5% !important;
    }

    .col-lg-add-86 {
        padding-right: 71.66666667% !important;
    }

    .col-lg-add-85 {
        padding-right: 70.83333333% !important;
    }

    .col-lg-add-84 {
        padding-right: 70% !important;
    }

    .col-lg-add-83 {
        padding-right: 69.16666667% !important;
    }

    .col-lg-add-82 {
        padding-right: 68.33333333% !important;
    }

    .col-lg-add-81 {
        padding-right: 67.5% !important;
    }

    .col-lg-add-80 {
        padding-right: 66.66666667% !important;
    }

    .col-lg-add-79 {
        padding-right: 65.83333333% !important;
    }

    .col-lg-add-78 {
        padding-right: 65% !important;
    }

    .col-lg-add-77 {
        padding-right: 64.16666667% !important;
    }

    .col-lg-add-76 {
        padding-right: 63.33333333% !important;
    }

    .col-lg-add-75 {
        padding-right: 62.5% !important;
    }

    .col-lg-add-74 {
        padding-right: 61.66666667% !important;
    }

    .col-lg-add-73 {
        padding-right: 60.83333333% !important;
    }

    .col-lg-add-72 {
        padding-right: 60% !important;
    }

    .col-lg-add-71 {
        padding-right: 59.16666667% !important;
    }

    .col-lg-add-70 {
        padding-right: 58.33333333% !important;
    }

    .col-lg-add-69 {
        padding-right: 57.5% !important;
    }

    .col-lg-add-68 {
        padding-right: 56.66666667% !important;
    }

    .col-lg-add-67 {
        padding-right: 55.83333333% !important;
    }

    .col-lg-add-66 {
        padding-right: 55% !important;
    }

    .col-lg-add-65 {
        padding-right: 54.16666667% !important;
    }

    .col-lg-add-64 {
        padding-right: 53.33333333% !important;
    }

    .col-lg-add-63 {
        padding-right: 52.5% !important;
    }

    .col-lg-add-62 {
        padding-right: 51.66666667% !important;
    }

    .col-lg-add-61 {
        padding-right: 50.83333333% !important;
    }

    .col-lg-add-60 {
        padding-right: 50% !important;
    }

    .col-lg-add-59 {
        padding-right: 49.16666667% !important;
    }

    .col-lg-add-58 {
        padding-right: 48.33333333% !important;
    }

    .col-lg-add-57 {
        padding-right: 47.5% !important;
    }

    .col-lg-add-56 {
        padding-right: 46.66666667% !important;
    }

    .col-lg-add-55 {
        padding-right: 45.83333333% !important;
    }

    .col-lg-add-54 {
        padding-right: 45% !important;
    }

    .col-lg-add-53 {
        padding-right: 44.16666667% !important;
    }

    .col-lg-add-52 {
        padding-right: 43.33333333% !important;
    }

    .col-lg-add-51 {
        padding-right: 42.5% !important;
    }

    .col-lg-add-50 {
        padding-right: 41.66666667% !important;
    }

    .col-lg-add-49 {
        padding-right: 40.83333333% !important;
    }

    .col-lg-add-48 {
        padding-right: 40% !important;
    }

    .col-lg-add-47 {
        padding-right: 39.16666667% !important;
    }

    .col-lg-add-46 {
        padding-right: 38.33333333% !important;
    }

    .col-lg-add-45 {
        padding-right: 37.5% !important;
    }

    .col-lg-add-44 {
        padding-right: 36.66666667% !important;
    }

    .col-lg-add-43 {
        padding-right: 35.83333333% !important;
    }

    .col-lg-add-42 {
        padding-right: 35% !important;
    }

    .col-lg-add-41 {
        padding-right: 34.16666667% !important;
    }

    .col-lg-add-40 {
        padding-right: 33.33333333% !important;
    }

    .col-lg-add-39 {
        padding-right: 32.5% !important;
    }

    .col-lg-add-38 {
        padding-right: 31.66666667% !important;
    }

    .col-lg-add-37 {
        padding-right: 30.83333333% !important;
    }

    .col-lg-add-36 {
        padding-right: 30% !important;
    }

    .col-lg-add-35 {
        padding-right: 29.16666667% !important;
    }

    .col-lg-add-34 {
        padding-right: 28.33333333% !important;
    }

    .col-lg-add-33 {
        padding-right: 27.5% !important;
    }

    .col-lg-add-32 {
        padding-right: 26.66666667% !important;
    }

    .col-lg-add-31 {
        padding-right: 25.83333333% !important;
    }

    .col-lg-add-30 {
        padding-right: 25% !important;
    }

    .col-lg-add-29 {
        padding-right: 24.16666667% !important;
    }

    .col-lg-add-28 {
        padding-right: 23.33333333% !important;
    }

    .col-lg-add-27 {
        padding-right: 22.5% !important;
    }

    .col-lg-add-26 {
        padding-right: 21.66666667% !important;
    }

    .col-lg-add-25 {
        padding-right: 20.83333333% !important;
    }

    .col-lg-add-24 {
        padding-right: 20% !important;
    }

    .col-lg-add-23 {
        padding-right: 19.16666667% !important;
    }

    .col-lg-add-22 {
        padding-right: 18.33333333% !important;
    }

    .col-lg-add-21 {
        padding-right: 17.5% !important;
    }

    .col-lg-add-20 {
        padding-right: 16.66666667% !important;
    }

    .col-lg-add-19 {
        padding-right: 15.83333333% !important;
    }

    .col-lg-add-18 {
        padding-right: 15% !important;
    }

    .col-lg-add-17 {
        padding-right: 14.16666667% !important;
    }

    .col-lg-add-16 {
        padding-right: 13.33333333% !important;
    }

    .col-lg-add-15 {
        padding-right: 12.5% !important;
    }

    .col-lg-add-14 {
        padding-right: 11.66666667% !important;
    }

    .col-lg-add-13 {
        padding-right: 10.83333333% !important;
    }

    .col-lg-add-12 {
        padding-right: 10% !important;
    }

    .col-lg-add-11 {
        padding-right: 9.16666667% !important;
    }

    .col-lg-add-10 {
        padding-right: 8.33333333% !important;
    }

    .col-lg-add-9 {
        padding-right: 7.5% !important;
    }

    .col-lg-add-8 {
        padding-right: 6.66666667% !important;
    }

    .col-lg-add-7 {
        padding-right: 5.83333333% !important;
    }

    .col-lg-add-6 {
        padding-right: 5% !important;
    }

    .col-lg-add-5 {
        padding-right: 4.16666667% !important;
    }

    .col-lg-add-4 {
        padding-right: 3.33333333% !important;
    }

    .col-lg-add-3 {
        padding-right: 2.5% !important;
    }

    .col-lg-add-2 {
        padding-right: 1.66666667% !important;
    }

    .col-lg-add-1 {
        padding-right: .83333333% !important;
    }

    .col-lg-add-0 {
        padding-right: 0;
    }
}


/*
 *  Customize Bootstrap - another grids
 */
.col-100pc,
.col-75pc,
.col-66pc,
.col-50pc,
.col-33pc,
.col-25pc,
.col-20pc,
.col-15pc {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    position: relative;
    padding-right: 15px;
    padding-left: 15px;
}

.col-100pc {
    max-width: calc(100% - 30px);
    min-width: calc(100% - 30px);
}

.col-75pc {
    max-width: calc(75% - 30px);
    min-width: calc(75% - 30px);
}

.col-66pc {
    max-width: calc(66.66666% - 30px);
    min-width: calc(66.66666% - 30px);
}

.col-50pc {
    max-width: calc(50% - 30px);
    min-width: calc(50% - 30px);
}

.col-33pc {
    max-width: calc(33.33333% - 30px);
    min-width: calc(33.33333% - 30px);
}

.col-25pc {
    max-width: calc(25% - 30px);
    min-width: calc(25% - 30px);
}

.col-20pc {
    max-width: calc(20% - 30px);
    min-width: calc(20% - 30px);
}

.col-15pc {
    max-width: calc(15% - 30px);
    min-width: calc(15% - 30px);
}

.scr-xs.col-75pc,
.scr-xs.col-66pc,
.scr-xs.col-50pc {
    max-width: 100%;
    min-width: 100%;
}

.scr-xs.col-33pc,
.scr-xs.col-25pc {
    max-width: calc(50% - 30px);
    min-width: calc(50% - 30px);
}

.scr-xs.col-20pc,
.scr-xs.col-15pc {
    max-width: calc(33.33333% - 30px);
    min-width: calc(33.33333% - 30px);
}

.scr-sm.col-75pc,
.scr-sm.col-66pc,
.scr-sm.col-50pc {
    max-width: 100%;
    min-width: 100%;
}

.scr-sm.col-33pc,
.scr-sm.col-25pc {
    max-width: calc(50% - 30px);
    min-width: calc(50% - 30px);
}

.scr-sm.col-20pc,
.scr-sm.col-15pc {
    max-width: calc(33.33333% - 30px);
    min-width: calc(33.33333% - 30px);
}

.scr-md.col-33pc,
.scr-md.col-25pc {
    max-width: calc(33.33333% - 30px);
    min-width: calc(33.33333% - 30px);
}

.scr-md.col-20pc,
.scr-md.col-15pc {
    max-width: calc(20% - 30px);
    min-width: calc(20% - 30px);
}

.scr-lg.col-100pc {
    max-width: calc(100% - 30px);
    min-width: calc(100% - 30px);
}

.scr-lg.col-75pc {
    max-width: calc(75% - 30px);
    min-width: calc(75% - 30px);
}

.scr-lg.col-66pc {
    max-width: calc(66.66666% - 30px);
    min-width: calc(66.66666% - 30px);
}

.scr-lg.col-50pc {
    max-width: calc(50% - 30px);
    min-width: calc(50% - 30px);
}

.scr-lg.col-33pc {
    max-width: calc(33.33333% - 30px);
    min-width: calc(33.33333% - 30px);
}

.scr-lg.col-25pc {
    max-width: calc(25% - 30px);
    min-width: calc(25% - 30px);
}

.scr-lg.col-20pc {
    max-width: calc(20% - 30px);
    min-width: calc(20% - 30px);
}

.scr-lg.col-15pc {
    max-width: calc(15% - 30px);
    min-width: calc(15% - 30px);
}

/*
 *  dropdown-menu
 */
.dropdown ul.dropdown-menu li {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 2em;
}

.dropdown ul.dropdown-menu li a {
    line-height: 2em;
}

.dropdown-menu li a:hover {
    background-color: magenta;
}


/*
 * archive-menu
 */